Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

MediaWiki:Common.js: Difference between revisions

MediaWiki interface page
More actions
← Older edit
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Common.js — Spirit Vale Wiki
/* Common.js — Spirit Vale Wiki
   Phase 4.1 rebuild (incremental)
   Phase 4.1 — Core client scripts


   Included (standalone modules):
   Included (standalone modules):
   1) Definitions (v1)
   1) Level Selector / Descriptions (data-series)
  2) Level Selector / Descriptions (data-series)
   2) Universal Popups (tips, discloses, definitions)
   3) Popups (Phase 4.1 span toggles + legacy <details> support)
   3) Tabs
 
   Not included yet:
  - Tabs
*/
*/


(function () {
(function () {
   /* ================================================================== */
   /* ================================================================== */
   /* MODULE: Definitions (v1)                                           */
   /* MODULE: Level Selector / Descriptions (data-series)                 */
   /* ================================================================== */
   /* ================================================================== */


   var SV = (window.SV = window.SV || {});
   var SV = (window.SV = window.SV || {});
   var COMMON = (SV.common = SV.common || {});
   var COMMON = (SV.common = SV.common || {});
  if (COMMON.definitionsInit) return;
  COMMON.definitionsInit = 1;


   var DEF_SEL = ".sv-def";
   // Versioned init guard (allows safe updates without stale blocks)
  var TIP_ATTR = "data-sv-def-tip";
   var LEVELS_VERSION = 6; // neutral hooks + bubble styling owned by CSS + no tick/check row
   var LINK_ATTR = "data-sv-def-link";


   var HOVER_CAPABLE = false;
   if (typeof COMMON.levelsInit === "number" && COMMON.levelsInit >= LEVELS_VERSION) return;
  try {
   COMMON.levelsInit = LEVELS_VERSION;
    HOVER_CAPABLE =
      !!window.matchMedia &&
      window.matchMedia("(hover:hover) and (pointer:fine)").matches;
   } catch (e) {
    HOVER_CAPABLE = false;
  }


   var tipEl = null;
  // Prefer neutral shared hooks; keep legacy class fallbacks for compatibility.
   var CARD_SEL =
    "[data-sv-card='1'], .sv-gi-card, .sv-skill-card, .sv-passive-card";


   var state = {
   // Accept the native range input and the custom slider variants.
    visible: false,
   var LEVEL_RANGE_SEL =
    pinned: false,
     "input.sv-level-range[type='range'], .sv-level-range--custom, .sv-level-range[data-sv-slider='1']";
    anchor: null,
    lastX: 0,
    lastY: 0,
    suppressClickUntil: 0,
  };
 
  function closest(el, sel) {
    if (!el || el.nodeType !== 1) return null;
    if (el.closest) return el.closest(sel);
    while (el && el.nodeType === 1) {
      if (el.matches && el.matches(sel)) return el;
      el = el.parentElement;
    }
    return null;
  }
 
  function getTipText(defEl) {
    if (!defEl || !defEl.getAttribute) return "";
    var t = defEl.getAttribute(TIP_ATTR);
    if (t == null) return "";
    t = String(t);
    if (!t.replace(/\s+/g, "")) return "";
    return t;
  }
 
   function getLinkTitle(defEl) {
    if (!defEl || !defEl.getAttribute) return "";
    var t = defEl.getAttribute(LINK_ATTR);
     if (t == null) return "";
    return String(t).trim();
  }
 
  function ensureTipEl() {
    if (tipEl) return tipEl;
 
    var el = document.createElement("div");
    el.className = "sv-def-tip sv-hidden";
    el.setAttribute("role", "tooltip");
    el.setAttribute("aria-hidden", "true");
 
    el.style.position = "fixed";
    el.style.zIndex = "99999";
    el.style.maxWidth = "360px";
    el.style.boxSizing = "border-box";
    el.style.padding = "8px 10px";
    el.style.borderRadius = "10px";
    el.style.background = "rgba(10, 14, 22, 0.92)";
    el.style.color = "#fff";
    el.style.fontSize = "14px";
    el.style.lineHeight = "1.25";
    el.style.whiteSpace = "pre-line";
    el.style.pointerEvents = "none";
    el.style.display = "none";
 
    document.body.appendChild(el);
    tipEl = el;
    return tipEl;
  }
 
  function setHidden(el, hidden) {
    if (!el) return;
    if (hidden) {
      el.classList.add("sv-hidden");
      el.setAttribute("aria-hidden", "true");
      el.style.display = "none";
    } else {
      el.classList.remove("sv-hidden");
      el.setAttribute("aria-hidden", "false");
      el.style.display = "block";
    }
  }
 
  function clamp(n, min, max) {
    if (n < min) return min;
    if (n > max) return max;
    return n;
  }
 
  function positionTipAt(clientX, clientY) {
    var el = ensureTipEl();
    if (!el) return;
 
    var vw = window.innerWidth || document.documentElement.clientWidth || 0;
    var vh = window.innerHeight || document.documentElement.clientHeight || 0;
 
    var gapY = state.pinned ? 10 : 16;
    var gapX = 12;
 
    el.style.left = "0px";
    el.style.top = "0px";
 
    requestAnimationFrame(function () {
      if (!state.visible) return;
 
      var r = el.getBoundingClientRect();
      var w = r.width || 240;
      var h = r.height || 60;
 
      var left = clientX - w / 2;
      var top = clientY - h - gapY;
 
      left = clamp(left, gapX, Math.max(gapX, vw - w - gapX));
      if (top < gapY) top = clientY + gapY;
      top = clamp(top, gapY, Math.max(gapY, vh - h - gapY));
 
      el.style.left = Math.round(left) + "px";
      el.style.top = Math.round(top) + "px";
    });
  }
 
  function showTip(defEl, text, clientX, clientY, pinned) {
    var el = ensureTipEl();
    if (!el) return;
 
    state.visible = true;
    state.pinned = !!pinned;
    state.anchor = defEl || null;
    state.lastX = clientX || 0;
    state.lastY = clientY || 0;
 
    el.textContent = text;
 
    el.style.pointerEvents = state.pinned ? "auto" : "none";
    el.classList.toggle("sv-def-tip--pinned", state.pinned);
 
    setHidden(el, false);
    positionTipAt(state.lastX, state.lastY);
  }
 
  function hideTip() {
    if (!tipEl) return;
    state.visible = false;
    state.pinned = false;
    state.anchor = null;
    setHidden(tipEl, true);
  }
 
  function navigateToTitle(title) {
    if (!title) return;
    if (window.mw && mw.util && typeof mw.util.getUrl === "function") {
      window.location.href = mw.util.getUrl(title);
      return;
    }
    window.location.href = String(title);
  }
 
  function sameAnchor(el) {
    return !!(el && state.anchor && el === state.anchor);
  }
 
  function shouldSuppressClick() {
    return Date.now() < state.suppressClickUntil;
  }
 
  if (HOVER_CAPABLE) {
    document.addEventListener(
      "mouseover",
      function (e) {
        if (state.pinned) return;
 
        var defEl = closest(e.target, DEF_SEL);
        if (!defEl) {
          if (state.visible && !state.pinned) hideTip();
          return;
        }
 
        var rel = e.relatedTarget;
        if (rel && defEl.contains(rel)) return;
 
        var text = getTipText(defEl);
        if (!text) {
          if (state.visible && !state.pinned) hideTip();
          return;
        }
 
        showTip(defEl, text, e.clientX, e.clientY, false);
      },
      true
    );


     document.addEventListener(
  var LEVEL_BOUNDARY_SEL =
      "mousemove",
     "[data-sv-level-boundary='1'], .sv-skill-level, .sv-gi-level";
      function (e) {
        if (!state.visible || state.pinned) return;
        var defEl = closest(e.target, DEF_SEL);
        if (!defEl || !sameAnchor(defEl)) return;


        state.lastX = e.clientX;
  var LEVEL_SCOPE_SEL =
        state.lastY = e.clientY;
    "[data-sv-level-scope='1'], .sv-gi-bottom, .sv-skill-bottom";
        positionTipAt(state.lastX, state.lastY);
      },
      true
    );


    document.addEventListener(
      "mouseout",
      function (e) {
        if (!state.visible || state.pinned) return;
        var defEl = closest(e.target, DEF_SEL);
        if (!defEl || !sameAnchor(defEl)) return;
        var rel = e.relatedTarget;
        if (rel && defEl.contains(rel)) return;
        hideTip();
      },
      true
    );
  }
  document.addEventListener(
    "pointerdown",
    function (e) {
      var defEl = closest(e.target, DEF_SEL);
      if (!defEl) return;
      var text = getTipText(defEl);
      if (!text) {
        if (state.visible) hideTip();
        return;
      }
      var isTouchLike = e.pointerType && e.pointerType !== "mouse";
      if (!isTouchLike) return;
      state.suppressClickUntil = Date.now() + 450;
      var link = getLinkTitle(defEl);
      if (state.pinned && sameAnchor(defEl) && link) {
        e.preventDefault();
        navigateToTitle(link);
        return;
      }
      e.preventDefault();
      showTip(defEl, text, e.clientX, e.clientY, true);
    },
    true
  );
  document.addEventListener(
    "click",
    function (e) {
      if (shouldSuppressClick()) return;
      var defEl = closest(e.target, DEF_SEL);
      if (!defEl) return;
      var text = getTipText(defEl);
      if (!text) {
        if (state.visible) hideTip();
        return;
      }
      var link = getLinkTitle(defEl);
      if (link) {
        e.preventDefault();
        navigateToTitle(link);
        return;
      }
      e.preventDefault();
      if (state.pinned && sameAnchor(defEl)) hideTip();
      else showTip(defEl, text, e.clientX, e.clientY, true);
    },
    true
  );
  document.addEventListener(
    "click",
    function (e) {
      if (!state.visible || !state.pinned) return;
      if (
        tipEl &&
        (e.target === tipEl || (tipEl.contains && tipEl.contains(e.target)))
      )
        return;
      if (closest(e.target, DEF_SEL)) return;
      hideTip();
    },
    true
  );
  document.addEventListener(
    "keydown",
    function (e) {
      if (e.key !== "Escape") return;
      if (state.visible) hideTip();
    },
    true
  );
  window.addEventListener(
    "scroll",
    function () {
      if (!state.visible) return;
      positionTipAt(state.lastX, state.lastY);
    },
    true
  );
  window.addEventListener(
    "resize",
    function () {
      if (!state.visible) return;
      positionTipAt(state.lastX, state.lastY);
    },
    true
  );
  function initAllDefs(root) {
    void root;
  }
  if (window.mw && mw.hook) {
    mw.hook("wikipage.content").add(function ($content) {
      initAllDefs($content && $content[0]);
    });
  }
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", function () {
      initAllDefs(document);
    });
  } else {
    initAllDefs(document);
  }
})();
(function () {
  /* ================================================================== */
  /* MODULE: Level Selector / Descriptions (data-series)                */
  /* ================================================================== */
  var SV = (window.SV = window.SV || {});
  var COMMON = (SV.common = SV.common || {});
  if (COMMON.levelsInit) return;
  COMMON.levelsInit = 1;
  var CARD_SEL = ".sv-gi-card, .sv-skill-card, .sv-passive-card";
  var LEVEL_RANGE_SEL =
    "input.sv-level-range[type='range'], .sv-level-range--custom[data-sv-slider='1']";
  var LEVEL_BOUNDARY_SEL = ".sv-skill-level, .sv-gi-level";
  var LEVEL_SCOPE_SEL = ".sv-gi-bottom, .sv-skill-bottom";
   var SERIES_SEL = "[data-series]";
   var SERIES_SEL = "[data-series]";
  var LEVEL_INIT_ATTR = "data-sv-level-init";


   var _seriesCache = typeof WeakMap !== "undefined" ? new WeakMap() : null;
   var _seriesCache = typeof WeakMap !== "undefined" ? new WeakMap() : null;
Line 449: Line 99:


   function isCustomSlider(el) {
   function isCustomSlider(el) {
     return !!(el && el.getAttribute && el.getAttribute("data-sv-slider") === "1");
     if (!el || !el.getAttribute) return false;
    if (el.getAttribute("data-sv-slider") === "1") return true;
    return !!(el.classList && el.classList.contains("sv-level-range--custom"));
  }
 
  function parseMaxFromUi(card) {
    var ui = card && card.querySelector ? card.querySelector(".sv-level-ui") : null;
    if (!ui) return null;
    var m = String(ui.textContent || "").match(/\/\s*(\d+)/);
    return m ? m[1] : null;
   }
   }


   function getCardMaxLevel(card) {
   function getCardMaxLevel(card) {
     return clampInt(card.getAttribute("data-max-level"), 1, 999, 1);
    var raw =
      card.getAttribute("data-max-level") ||
      card.getAttribute("data-maxLevel") ||
      card.getAttribute("data-max") ||
      card.getAttribute("data-level-max") ||
      parseMaxFromUi(card);
 
     return clampInt(raw, 1, 999, 1);
  }
 
  function getCardMinLevel(card, slider, maxLevel) {
    // Prefer explicit neutral hooks, then legacy attrs, then slider attrs.
    var raw =
      card.getAttribute("data-min-level") ||
      card.getAttribute("data-minLevel") ||
      card.getAttribute("data-level-min");
 
    if (raw == null || raw === "") {
      if (slider) {
        if (isRangeInput(slider)) raw = slider.getAttribute("min");
        else if (isCustomSlider(slider))
          raw = slider.getAttribute("aria-valuemin") || slider.getAttribute("data-min");
      }
    }
 
    var min = clampInt(raw, 1, maxLevel, 1);
    if (min > maxLevel) min = maxLevel;
    return min;
   }
   }


   function getCardLevel(card, maxLevel) {
   function getCardLevel(card, minLevel, maxLevel) {
     return clampInt(card.getAttribute("data-level"), 1, maxLevel, 1);
     var raw =
      card.getAttribute("data-level") ||
      card.getAttribute("data-gi-level") ||
      (card.querySelector && card.querySelector(".sv-level-num")
        ? card.querySelector(".sv-level-num").textContent
        : null);
 
    return clampInt(raw, minLevel, maxLevel, minLevel);
  }
 
  function getStep(slider) {
    // Default = 1. Support future: data-step, or <input step="">
    var raw = null;
    if (slider) raw = slider.getAttribute("data-step") || slider.getAttribute("step");
    var s = parseInt(raw, 10);
    if (!s || isNaN(s) || s < 1) s = 1;
    return s;
   }
   }


Line 478: Line 180:
     var span = card.querySelector(".sv-level-num");
     var span = card.querySelector(".sv-level-num");
     if (span) span.textContent = String(level);
     if (span) span.textContent = String(level);
  }
  function setLevelMax(card, maxLevel) {
    var span = card.querySelector(".sv-level-max");
    if (span) span.textContent = String(maxLevel);
   }
   }


Line 483: Line 190:
     if (!scope) return;
     if (!scope) return;


    // JS arrays are 0-based; Lua uses 1-based "level".
     var index = level - 1;
     var index = level - 1;
     var nodes = scope.querySelectorAll(SERIES_SEL);
     var nodes = scope.querySelectorAll(SERIES_SEL);
Line 504: Line 212:
   }
   }


   function getCustomMin(slider) {
  function unhide(el) {
    if (!el) return;
    if (el.classList) el.classList.remove("sv-hidden");
    if (el.removeAttribute) el.removeAttribute("hidden");
    if (el.style && el.style.display === "none") el.style.display = "";
  }
 
  function hide(el) {
    if (!el) return;
    if (el.classList) el.classList.add("sv-hidden");
    if (el.setAttribute) el.setAttribute("hidden", "hidden");
  }
 
  /* ================================================================== */
  /* Custom slider helpers (bounds/percent)                              */
  /* ================================================================== */
 
   function getCustomMin(slider, fallback) {
     return clampInt(
     return clampInt(
       slider.getAttribute("aria-valuemin") || slider.getAttribute("data-min"),
       slider.getAttribute("aria-valuemin") || slider.getAttribute("data-min"),
       1,
       1,
       999,
       999,
       1
       fallback != null ? fallback : 1
     );
     );
   }
   }


   function getCustomMax(slider) {
   function getCustomMax(slider, fallback) {
     return clampInt(
     return clampInt(
       slider.getAttribute("aria-valuemax") || slider.getAttribute("data-max"),
       slider.getAttribute("aria-valuemax") || slider.getAttribute("data-max"),
       1,
       1,
       999,
       999,
       1
       fallback != null ? fallback : 1
     );
     );
   }
   }


   function getCustomValue(slider, fallback) {
  function getCustomBounds(slider, fallbackMin) {
    var min = getCustomMin(slider, fallbackMin != null ? fallbackMin : 1);
    var max = getCustomMax(slider, min);
    if (max < min) max = min;
    return { min: min, max: max };
  }
 
   function getCustomValue(slider, min, max, fallback) {
     return clampInt(
     return clampInt(
       slider.getAttribute("aria-valuenow") || slider.getAttribute("data-value"),
       slider.getAttribute("aria-valuenow") || slider.getAttribute("data-value"),
       1,
       min,
       999,
       max,
       fallback != null ? fallback : 1
       fallback != null ? fallback : min
     );
     );
  }
  function pctFromValue(min, max, value) {
    if (max === min) return 0;
    var pct = (value - min) / (max - min);
    if (pct < 0) pct = 0;
    if (pct > 1) pct = 1;
    return pct;
   }
   }


Line 538: Line 278:
   }
   }


   function updateCustomVisual(slider, value) {
  /* ================================================================== */
     var min = getCustomMin(slider);
  /* Custom slider value bubble                                          */
     var max = getCustomMax(slider);
  /* - JS owns structure + text/position only                            */
     if (max < min) max = min;
  /* - CSS owns visuals                                                  */
  /* ================================================================== */
 
   function ensureValueLabel(slider) {
    if (!slider || !slider.querySelector || !isCustomSlider(slider)) return null;
 
    var bubble = slider.querySelector(".sv-level-bubble");
    if (bubble) return bubble;
 
    bubble = document.createElement("span");
    bubble.className = "sv-level-bubble sv-hidden";
    bubble.setAttribute("hidden", "hidden");
    bubble.setAttribute("aria-hidden", "true");
 
    slider.appendChild(bubble);
    return bubble;
  }
 
  function setValueLabel(slider, value) {
     var bubble = ensureValueLabel(slider);
    if (!bubble) return;
 
     var b = getCustomBounds(slider, 1);
    bubble.textContent = String(value);
    bubble.style.left = pctFromValue(b.min, b.max, value) * 100 + "%";
  }
 
  function showValueLabel(slider) {
    if (!slider) return;
    var bubble = ensureValueLabel(slider);
     if (!bubble) return;
 
    if (slider._svBubbleTimer) {
      clearTimeout(slider._svBubbleTimer);
      slider._svBubbleTimer = null;
    }
 
    unhide(bubble);
  }
 
  function hideValueLabelSoon(slider, delayMs) {
    if (!slider) return;
    var bubble = slider.querySelector ? slider.querySelector(".sv-level-bubble") : null;
    if (!bubble) return;


     var pct = max === min ? 0 : (value - min) / (max - min);
     if (slider._svBubbleTimer) clearTimeout(slider._svBubbleTimer);
     if (pct < 0) pct = 0;
     slider._svBubbleTimer = setTimeout(function () {
     if (pct > 1) pct = 1;
      hide(bubble);
      slider._svBubbleTimer = null;
     }, delayMs != null ? delayMs : 450);
  }


     var left = pct * 100;
  function updateCustomVisual(slider, value) {
    var b = getCustomBounds(slider, 1);
     var left = pctFromValue(b.min, b.max, value) * 100;


     var thumb = slider.querySelector(".sv-level-thumb");
     var thumb = slider.querySelector(".sv-level-thumb");
Line 554: Line 342:
     if (thumb && thumb.style) thumb.style.left = left + "%";
     if (thumb && thumb.style) thumb.style.left = left + "%";
     if (fill && fill.style) fill.style.width = left + "%";
     if (fill && fill.style) fill.style.width = left + "%";
    setValueLabel(slider, value);
   }
   }


   function setCustomValue(slider, value) {
   function setCustomValue(slider, value, min, max) {
     slider.setAttribute("aria-valuenow", String(value));
     slider.setAttribute("aria-valuenow", String(value));
     slider.setAttribute("data-value", String(value));
     slider.setAttribute("data-value", String(value));
    // Helpful SR text (doesn't affect visuals)
    slider.setAttribute("aria-valuetext", "Level " + String(value) + " of " + String(max));
     updateCustomVisual(slider, value);
     updateCustomVisual(slider, value);
  }
  function snapToStep(raw, min, max, step) {
    if (step < 1) step = 1;
    var x = raw;
    if (x < min) x = min;
    if (x > max) x = max;
    var snapped = min + Math.round((x - min) / step) * step;
    if (snapped < min) snapped = min;
    if (snapped > max) snapped = max;
    return snapped;
   }
   }


   function valueFromClientX(slider, clientX) {
   function valueFromClientX(slider, clientX) {
     var rect = slider.getBoundingClientRect();
     var rect = slider.getBoundingClientRect();
     var min = getCustomMin(slider);
     var b = getCustomBounds(slider, 1);
    var max = getCustomMax(slider);
    if (max < min) max = min;


     var w = rect.width || 1;
     var w = rect.width || 1;
Line 573: Line 377:
     if (x > 1) x = 1;
     if (x > 1) x = 1;


     var raw = min + x * (max - min);
     var raw = b.min + x * (b.max - b.min);
     var rounded = Math.round(raw);
    return snapToStep(raw, b.min, b.max, getStep(slider));
     return clampInt(rounded, min, max, min);
  }
 
  /* ================================================================== */
  /* End-of-bar value label (right-side value)                          */
  /* ================================================================== */
 
  function ensureEndValueLabel(card, slider) {
    var wrap = null;
    if (slider) wrap = closest(slider, ".sv-level-slider");
    if (!wrap && card && card.querySelector) wrap = card.querySelector(".sv-level-slider");
    if (!wrap) return null;
 
     var out = wrap.querySelector(".sv-level-endvalue");
    if (out) return out;
 
    out = document.createElement("span");
    out.className = "sv-level-endvalue";
    out.setAttribute("aria-hidden", "true"); // slider already exposes aria-valuetext
    wrap.appendChild(out);
    return out;
  }
 
  function setEndValueLabel(card, slider, value) {
    var out = ensureEndValueLabel(card, slider);
    if (out) out.textContent = String(value);
  }
 
  /* ================================================================== */
  /* Core apply / init                                                    */
  /* ================================================================== */
 
  function scheduleApply(card, rawLevel) {
    if (!card) return;
 
    card._svLevelNext = rawLevel;
     if (card._svLevelRaf) return;
 
    if (window.requestAnimationFrame) {
      card._svLevelRaf = requestAnimationFrame(function () {
        card._svLevelRaf = null;
        var v = card._svLevelNext;
        card._svLevelNext = null;
        applyLevelToCard(card, v);
      });
      return;
    }
 
    card._svLevelRaf = setTimeout(function () {
      card._svLevelRaf = null;
      var v = card._svLevelNext;
      card._svLevelNext = null;
      applyLevelToCard(card, v);
    }, 0);
   }
   }


Line 583: Line 439:
     var maxLevel = getCardMaxLevel(card);
     var maxLevel = getCardMaxLevel(card);
     var slider = getLevelSlider(card);
     var slider = getLevelSlider(card);
     var level = clampInt(rawLevel, 1, maxLevel, getCardLevel(card, maxLevel));
    var minLevel = getCardMinLevel(card, slider, maxLevel);
 
     var level = clampInt(rawLevel, minLevel, maxLevel, getCardLevel(card, minLevel, maxLevel));


     card.setAttribute("data-level", String(level));
     card.setAttribute("data-level", String(level));
     setLevelNumber(card, level);
     setLevelNumber(card, level);
    setLevelMax(card, maxLevel);


     if (slider && maxLevel > 1) {
     if (slider) {
      unhide(slider);
      var wrap = closest(slider, ".sv-level-slider");
      if (wrap) unhide(wrap);
    }
 
    if (slider) {
       if (isRangeInput(slider)) {
       if (isRangeInput(slider)) {
         slider.setAttribute("min", "1");
         slider.setAttribute("min", String(minLevel));
         slider.setAttribute("max", String(maxLevel));
         slider.setAttribute("max", String(maxLevel));
        slider.setAttribute("step", String(getStep(slider)));
        slider.setAttribute("aria-valuetext", "Level " + String(level) + " of " + String(maxLevel));
         if (String(slider.value) !== String(level)) slider.value = String(level);
         if (String(slider.value) !== String(level)) slider.value = String(level);
       } else if (isCustomSlider(slider)) {
       } else if (isCustomSlider(slider)) {
         setCustomBounds(slider, 1, maxLevel);
         setCustomBounds(slider, minLevel, maxLevel);
         setCustomValue(slider, level);
         setCustomValue(slider, level, minLevel, maxLevel);
       }
       }
     }
     }
    setEndValueLabel(card, slider, level);


     var boundary = getLevelBoundary(slider);
     var boundary = getLevelBoundary(slider);
Line 610: Line 479:
     for (var i = 0; i < cards.length; i++) {
     for (var i = 0; i < cards.length; i++) {
       var card = cards[i];
       var card = cards[i];
       if (card.getAttribute("data-gi-level-init") === "1") continue;
 
       var stamped = clampInt(card.getAttribute(LEVEL_INIT_ATTR), 0, 999, 0);
      if (stamped >= LEVELS_VERSION) continue;


       var maxLevel = getCardMaxLevel(card);
       var maxLevel = getCardMaxLevel(card);
       var slider = getLevelSlider(card);
       var slider = getLevelSlider(card);
      var minLevel = getCardMinLevel(card, slider, maxLevel);


       var start = getCardLevel(card, maxLevel);
       var start = getCardLevel(card, minLevel, maxLevel);
       if (slider && maxLevel > 1) {
 
         if (isRangeInput(slider)) start = slider.value;
       if (slider && maxLevel > minLevel) {
         else if (isCustomSlider(slider)) start = getCustomValue(slider, start);
         if (isRangeInput(slider)) start = clampInt(slider.value, minLevel, maxLevel, start);
         else if (isCustomSlider(slider)) start = getCustomValue(slider, minLevel, maxLevel, start);
       }
       }


       applyLevelToCard(card, start);
       applyLevelToCard(card, start);
       card.setAttribute("data-gi-level-init", "1");
       card.setAttribute(LEVEL_INIT_ATTR, String(LEVELS_VERSION));
     }
     }
   }
   }


  /* ================================================================== */
  /* Events                                                              */
  /* ================================================================== */
  // Native range inputs
   document.addEventListener(
   document.addEventListener(
     "input",
     "input",
Line 636: Line 514:
       if (!card) return;
       if (!card) return;


       applyLevelToCard(card, t.value);
       scheduleApply(card, t.value);
     },
     },
     true
     true
   );
   );


  // Custom slider pointer interaction (click anywhere + drag)
   document.addEventListener(
   document.addEventListener(
     "pointerdown",
     "pointerdown",
     function (e) {
     function (e) {
      if (e.button != null && e.button !== 0) return; // primary only
       var slider =
       var slider =
         e.target && e.target.closest
         e.target && e.target.closest
           ? e.target.closest(".sv-level-range--custom[data-sv-slider='1']")
           ? e.target.closest(".sv-level-range--custom, .sv-level-range[data-sv-slider='1']")
           : null;
           : null;
       if (!slider) return;
       if (!slider) return;
Line 664: Line 545:
       }
       }


       applyLevelToCard(card, valueFromClientX(slider, e.clientX));
       showValueLabel(slider);
      scheduleApply(card, valueFromClientX(slider, e.clientX));
     },
     },
     true
     true
Line 675: Line 557:
       if (e.pointerId !== _drag.pointerId) return;
       if (e.pointerId !== _drag.pointerId) return;
       e.preventDefault();
       e.preventDefault();
       applyLevelToCard(_drag.card, valueFromClientX(_drag.slider, e.clientX));
 
       showValueLabel(_drag.slider);
      scheduleApply(_drag.card, valueFromClientX(_drag.slider, e.clientX));
     },
     },
     true
     true
Line 689: Line 573:
       } catch (err) {}
       } catch (err) {}
     }
     }
    hideValueLabelSoon(_drag.slider, 650);
     _drag = null;
     _drag = null;
   }
   }
Line 694: Line 580:
   document.addEventListener("pointerup", endDrag, true);
   document.addEventListener("pointerup", endDrag, true);
   document.addEventListener("pointercancel", endDrag, true);
   document.addEventListener("pointercancel", endDrag, true);
  // Mouse-only slider interaction:
  // - Remove keyboard-driven adjustments on custom sliders
  // - Block native <input type="range"> from changing via keyboard (if present)
  var _SV_BLOCK_KEYS = {
    ArrowLeft: 1,
    ArrowRight: 1,
    ArrowUp: 1,
    ArrowDown: 1,
    Left: 1,
    Right: 1,
    Up: 1,
    Down: 1,
    Home: 1,
    End: 1,
    PageUp: 1,
    PageDown: 1
  };


   document.addEventListener(
   document.addEventListener(
     "keydown",
     "keydown",
     function (e) {
     function (e) {
      var key = e && e.key;
      if (!_SV_BLOCK_KEYS[key]) return;
      var el = document.activeElement;
      if (!el) return;
      // Native range inputs (keep mouse drag, disable keyboard nudges)
      if (isRangeInput(el) && el.classList && el.classList.contains("sv-level-range")) {
        e.preventDefault();
        return;
      }
      // Custom sliders (we keep focus behaviors, but no keyboard changes)
      var slider = closest(el, ".sv-level-range--custom, .sv-level-range[data-sv-slider='1']");
      if (slider) {
        e.preventDefault();
        return;
      }
    },
    true
  );
  // Show bubble on focus (discoverability), hide on blur
  document.addEventListener(
    "focusin",
    function () {
       var el = document.activeElement;
       var el = document.activeElement;
       if (!el || !el.closest) return;
       if (!el || !el.closest) return;
 
       var slider = el.closest(".sv-level-range--custom, .sv-level-range[data-sv-slider='1']");
       var slider = el.closest(".sv-level-range--custom[data-sv-slider='1']");
       if (!slider) return;
       if (!slider) return;


       var card = closest(slider, CARD_SEL);
       var b = getCustomBounds(slider, 1);
       if (!card) return;
       var v = getCustomValue(slider, b.min, b.max, b.min);


       var min = getCustomMin(slider);
       setValueLabel(slider, v);
       var max = getCustomMax(slider);
       showValueLabel(slider);
      if (max < min) max = min;
    },
    true
  );


      var cur = getCustomValue(slider, getCardLevel(card, max));
  document.addEventListener(
       var next = cur;
    "focusout",
 
    function (e) {
       if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "ArrowDown") {
       var t = e.target;
        next = cur - 1;
       if (!t || !t.closest) return;
       } else if (
       var slider = t.closest(".sv-level-range--custom, .sv-level-range[data-sv-slider='1']");
        e.key === "ArrowRight" ||
       if (!slider) return;
        e.key === "Right" ||
        e.key === "ArrowUp"
      ) {
        next = cur + 1;
      } else if (e.key === "Home") {
        next = min;
      } else if (e.key === "End") {
        next = max;
      } else if (e.key === "PageDown") {
        next = cur - 5;
       } else if (e.key === "PageUp") {
        next = cur + 5;
      } else {
        return;
      }


       e.preventDefault();
       hideValueLabelSoon(slider, 300);
      next = clampInt(next, min, max, cur);
      applyLevelToCard(card, next);
     },
     },
     true
     true
Line 744: Line 658:
     initLevels(root);
     initLevels(root);
   }
   }
  COMMON.initAllLevels = initAllLevels;


   if (window.mw && mw.hook) {
   if (window.mw && mw.hook) {
Line 762: Line 678:
(function () {
(function () {
   /* ================================================================== */
   /* ================================================================== */
   /* MODULE: Popups                                                     */
   /* MODULE: Universal Popups                                           */
   /* ================================================================== */
   /* ================================================================== */


   var SV = (window.SV = window.SV || {});
   var SV = (window.SV = window.SV || {});
   var COMMON = (SV.common = SV.common || {});
   var COMMON = (SV.common = SV.common || {});
  if (COMMON.popupsInit) return;
  COMMON.popupsInit = 1;


   /* ------------------------------------------------------------------ */
   // Bumped only because we changed positioning margins (safe cache-bust).
   /* Selectors                                                          */
   var UPOP_VERSION = 32; // Universal Popups v3.2
   /* ------------------------------------------------------------------ */
  if (typeof COMMON.universalPopupsInit === "number" && COMMON.universalPopupsInit >= UPOP_VERSION) return;
   COMMON.universalPopupsInit = UPOP_VERSION;
 
  try { document.documentElement.classList.add("sv-uipop-v3"); } catch (e) {}


   var CARD_SEL = ".sv-gi-card, .sv-skill-card, .sv-passive-card";
   var DEF_SEL = ".sv-def";
  var DEF_TIP_ATTR = "data-sv-def-tip";
  var DEF_LINK_ATTR = "data-sv-def-link";


  // Phase 4.1 markup: span toggles + div popovers; legacy <details> supported
   var TIP_BTN_SEL = ".sv-tip-btn[data-sv-toggle='1'], details.sv-tip > summary";
   var POPUP_DETAILS_SEL = "details.sv-tip, details.sv-disclose"; // legacy
   var DISCLOSE_BTN_SEL = ".sv-disclose-btn[data-sv-toggle='1'], details.sv-disclose > summary";
  var POPUP_WRAP_SEL = ".sv-tip, .sv-disclose";
   var POPUP_BTN_SEL =
    ".sv-tip-btn[data-sv-toggle='1'], .sv-disclose-btn[data-sv-toggle='1']";
  var POPUP_POP_SEL = ".sv-tip-pop, .sv-disclose-pop";
  var POPUP_HIDDEN_CLASS = "sv-hidden";


   /* ------------------------------------------------------------------ */
   var WRAP_SEL = ".sv-tip, .sv-disclose";
   /* Utilities                                                          */
  var POP_SEL = ".sv-tip-pop, .sv-disclose-pop";
   /* ------------------------------------------------------------------ */
 
  var HOVER_CAPABLE = false;
  try {
    HOVER_CAPABLE = !!window.matchMedia && window.matchMedia("(hover:hover) and (pointer:fine)").matches;
  } catch (e) { HOVER_CAPABLE = false; }
 
  var popEl = null;
 
   var state = {
    open: false,
    pinned: false,
    trigger: null,
    hideTimer: 0,
    anchorKind: "trigger", // trigger | finger | center
    anchorX: 0,
    anchorY: 0
   };


   function closest(el, sel) {
   function closest(el, sel) {
Line 798: Line 728:
   }
   }


   function hasClass(el, cls) {
   function clamp(n, min, max) {
     return !!(el && el.classList && el.classList.contains(cls));
     if (n < min) return min;
    if (n > max) return max;
    return n;
   }
   }


   /* ------------------------------------------------------------------ */
   function safeIdSelector(id) {
  /* Phase 4.1 button popovers                                          */
    return "#" + String(id).replace(/([ !"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~])/g, "\\$1");
   /* ------------------------------------------------------------------ */
   }


   function hidePop(pop) {
   function isInsidePopup(target) {
     if (!pop) return;
     return !!(popEl && (target === popEl || (popEl.contains && popEl.contains(target))));
    if (pop.classList) pop.classList.add(POPUP_HIDDEN_CLASS);
    pop.setAttribute("hidden", "hidden");
   }
   }


   function showPop(pop) {
   function isSummaryTrigger(trigger) {
     if (!pop) return;
     return !!(trigger && trigger.tagName === "SUMMARY");
    if (pop.classList) pop.classList.remove(POPUP_HIDDEN_CLASS);
    pop.removeAttribute("hidden");
   }
   }


   function getPopFromBtn(btn) {
   function ensurePopEl() {
     if (!btn) return null;
     if (popEl) return popEl;
    var id = btn.getAttribute("aria-controls");
    if (!id) return null;


     // Prefer local scope so ids never collide across cards.
     var el = document.createElement("div");
     var wrap = closest(btn, POPUP_WRAP_SEL);
     el.className = "sv-uipop sv-uipop--sm";
     if (wrap) {
    el.setAttribute("role", "dialog");
       var local = wrap.querySelector("#" + id);
    el.setAttribute("aria-hidden", "true");
       if (local) return local;
    document.body.appendChild(el);
     }
 
     el.addEventListener("mouseenter", function () {
      if (!HOVER_CAPABLE) return;
      if (!state.open || state.pinned) return;
      clearTimeout(state.hideTimer);
       state.hideTimer = 0;
    });
 
    el.addEventListener("mouseleave", function () {
      if (!HOVER_CAPABLE) return;
       if (!state.open || state.pinned) return;
      clearTimeout(state.hideTimer);
      state.hideTimer = setTimeout(function () {
        if (state.open && !state.pinned) hidePopup();
      }, 80);
     });


     return document.getElementById(id);
    popEl = el;
     return popEl;
   }
   }


   function isBtnExpanded(btn) {
   function setHidden(el, hidden) {
     return btn && btn.getAttribute("aria-expanded") === "true";
     if (!el) return;
    el.setAttribute("aria-hidden", hidden ? "true" : "false");
   }
   }


   function setBtnExpanded(btn, expanded) {
   function stripIds(root) {
     if (!btn) return;
     if (!root || root.nodeType !== 1) return;
     btn.setAttribute("aria-expanded", expanded ? "true" : "false");
     if (root.hasAttribute && root.hasAttribute("id")) root.removeAttribute("id");
    var nodes = root.querySelectorAll ? root.querySelectorAll("[id]") : [];
    for (var i = 0; i < nodes.length; i++) nodes[i].removeAttribute("id");
   }
   }


   function closeBtnPopup(btn) {
   function unhideTree(root) {
     var pop = getPopFromBtn(btn);
     if (!root || root.nodeType !== 1) return;
     hidePop(pop);
 
     setBtnExpanded(btn, false);
    if (root.hasAttribute && root.hasAttribute("hidden")) root.removeAttribute("hidden");
     if (root.classList) root.classList.remove("sv-hidden");
     if (root.style && root.style.display === "none") root.style.display = "";
 
    var kids = root.children || [];
    for (var i = 0; i < kids.length; i++) unhideTree(kids[i]);
   }
   }


   function openBtnPopup(btn) {
   function isBlankContent(node) {
     var pop = getPopFromBtn(btn);
    if (!node) return true;
     showPop(pop);
    var t = node.textContent;
     setBtnExpanded(btn, true);
    if (t == null) return true;
     var compact = String(t).replace(/\s+/g, "").replace(/[—–-]+/g, "").trim();
     return !compact;
  }
 
  function getDefTipText(defEl) {
    if (!defEl || !defEl.getAttribute) return "";
     var t = defEl.getAttribute(DEF_TIP_ATTR);
    if (t == null) return "";
    t = String(t);
    t = t.replace(/\\r\\n/g, "\n").replace(/\\n/g, "\n").replace(/\\r/g, "\n");
    if (!t.replace(/\s+/g, "")) return "";
    return t;
   }
   }


   function closeAllBtnPopups(scope) {
   function getDefLinkTitle(defEl) {
     var root = scope || document;
     if (!defEl || !defEl.getAttribute) return "";
     var openBtns = root.querySelectorAll(
     var t = defEl.getAttribute(DEF_LINK_ATTR);
      POPUP_BTN_SEL + "[aria-expanded='true']"
    if (t == null) return "";
    );
     return String(t).trim();
     for (var i = 0; i < openBtns.length; i++) closeBtnPopup(openBtns[i]);
   }
   }


   function closeOtherBtnPopupsWithinCard(btn) {
   function getContentNodeFromTrigger(trigger) {
     var card = closest(btn, CARD_SEL);
     if (!trigger) return null;
     var scope = card || document;
 
    var openBtns = scope.querySelectorAll(
     if (trigger.tagName === "SUMMARY") {
      POPUP_BTN_SEL + "[aria-expanded='true']"
      var det = closest(trigger, "details.sv-tip, details.sv-disclose");
    );
      if (!det) return null;
    for (var i = 0; i < openBtns.length; i++) {
      var pop0 = det.querySelector(POP_SEL);
       if (openBtns[i] !== btn) closeBtnPopup(openBtns[i]);
       if (!pop0) return null;
      return (
        pop0.querySelector(".sv-tip-pop-body") ||
        pop0.querySelector(".sv-disclose-pop-body") ||
        pop0.querySelector(".sv-disclose-list") ||
        pop0
      );
     }
     }
  }


  function normalizeBtnPopups(container) {
    var id = trigger.getAttribute ? trigger.getAttribute("aria-controls") : "";
    var root = container || document;
    if (id) {
      var wrap = closest(trigger, WRAP_SEL);
      if (wrap) {
        try {
          var local = wrap.querySelector(safeIdSelector(id));
          if (local) {
            return (
              local.querySelector(".sv-tip-pop-body") ||
              local.querySelector(".sv-disclose-pop-body") ||
              local.querySelector(".sv-disclose-list") ||
              local
            );
          }
        } catch (e) {}
      }
 
      var global = document.getElementById(id);
      if (global) {
        return (
          global.querySelector(".sv-tip-pop-body") ||
          global.querySelector(".sv-disclose-pop-body") ||
          global.querySelector(".sv-disclose-list") ||
          global
        );
      }
    }


    // Ensure .sv-hidden popovers also carry [hidden] for safety.
     var w = closest(trigger, WRAP_SEL);
     var pops = root.querySelectorAll(POPUP_POP_SEL);
     if (w) {
     for (var i = 0; i < pops.length; i++) {
       var pop = w.querySelector(POP_SEL);
       var p = pops[i];
       if (pop) {
       if (hasClass(p, POPUP_HIDDEN_CLASS) && !p.hasAttribute("hidden")) {
        return (
        p.setAttribute("hidden", "hidden");
          pop.querySelector(".sv-tip-pop-body") ||
          pop.querySelector(".sv-disclose-pop-body") ||
          pop.querySelector(".sv-disclose-list") ||
          pop
        );
       }
       }
     }
     }


     // Ensure aria-expanded matches actual visibility.
     return null;
     var btns = root.querySelectorAll(POPUP_BTN_SEL);
  }
     for (var j = 0; j < btns.length; j++) {
 
      var b = btns[j];
  function guessTitle(trigger, sourceNode) {
      var pop = getPopFromBtn(b);
     var pop = null;
       var expanded = pop
     if (sourceNode && sourceNode.nodeType === 1) pop = closest(sourceNode, POP_SEL);
        ? !hasClass(pop, POPUP_HIDDEN_CLASS) && !pop.hasAttribute("hidden")
    if (pop) {
        : false;
       var t = pop.querySelector(".sv-tip-pop-title") || pop.querySelector(".sv-disclose-pop-title");
       setBtnExpanded(b, expanded);
       if (t && t.textContent) return String(t.textContent).trim();
     }
     }
    var aria = trigger && trigger.getAttribute ? trigger.getAttribute("aria-label") : "";
    if (aria) return String(aria).trim();
    var txt = trigger && trigger.textContent ? String(trigger.textContent).trim() : "";
    if (txt) return txt.replace(/\s+/g, " ").trim();
    return "Info";
   }
   }


   /* ------------------------------------------------------------------ */
   function buildHeaderLink(linkTitle, displayText) {
  /* Legacy <details> support                                            */
    if (!linkTitle) return null;
  /* ------------------------------------------------------------------ */


  function closeDetails(d) {
    var a = document.createElement("a");
     if (d && d.open) d.open = false;
    a.className = "sv-uipop-title-link";
    a.textContent = displayText || String(linkTitle);
 
     if (window.mw && mw.util && typeof mw.util.getUrl === "function") a.href = mw.util.getUrl(linkTitle);
    else a.href = String(linkTitle);
 
    a.addEventListener("click", function (e) { e.stopPropagation(); });
 
    return a;
   }
   }


   function closeAllDetails(scope) {
   function fireContentHook(el) {
     var root = scope || document;
     if (!el) return;
     var openOnes = root.querySelectorAll(POPUP_DETAILS_SEL + "[open]");
     if (window.mw && mw.hook && window.jQuery) {
    for (var i = 0; i < openOnes.length; i++) closeDetails(openOnes[i]);
      try { mw.hook("wikipage.content").fire(window.jQuery(el)); } catch (e) {}
    }
   }
   }


   function syncPopupAria(detailsEl) {
   function renderPopup(opts) {
     var summary = detailsEl.querySelector("summary");
     var el = ensurePopEl();
     if (!summary) return;
     if (!el) return;


     summary.setAttribute("aria-expanded", detailsEl.open ? "true" : "false");
     el.classList.remove("sv-uipop--sm", "sv-uipop--lg");
    el.classList.add(opts.size === "lg" ? "sv-uipop--lg" : "sv-uipop--sm");


     var pop = detailsEl.querySelector(".sv-tip-pop, .sv-disclose-pop");
    while (el.firstChild) el.removeChild(el.firstChild);
     if (pop) {
 
      if (!pop.id) pop.id = "sv-pop-" + Math.random().toString(36).slice(2);
     var head = document.createElement("div");
       summary.setAttribute("aria-controls", pop.id);
    head.className = "sv-uipop-head" + (opts.pinned ? " sv-uipop-head--clickable" : "");
 
    var title = document.createElement("div");
    title.className = "sv-uipop-title";
     if (opts.titleLink) title.appendChild(opts.titleLink);
    else title.textContent = opts.title || "Info";
 
    head.appendChild(title);
    el.appendChild(head);
 
    var body = document.createElement("div");
    body.className = "sv-uipop-body";
    if (opts.bodyPre) body.classList.add("sv-uipop-body--pre");
 
    if (opts.bodyNode) {
      var clone = opts.bodyNode.cloneNode(true);
      stripIds(clone);
      unhideTree(clone);
      body.appendChild(clone);
    } else if (opts.bodyText != null) {
      body.textContent = String(opts.bodyText);
    }
 
    el.appendChild(body);
 
    if (opts.pinned) {
       head.addEventListener(
        "click",
        function (e) {
          e.preventDefault();
          hidePopup();
        },
        { once: true }
      );
     }
     }
    fireContentHook(el);
  }
  function positionPopup(trigger) {
    var el = ensurePopEl();
    if (!el) return;
    el.style.left = "0px";
    el.style.top = "0px";
    setHidden(el, false);
    requestAnimationFrame(function () {
      if (!state.open) return;
      var vw = window.innerWidth || document.documentElement.clientWidth || 0;
      var vh = window.innerHeight || document.documentElement.clientHeight || 0;
      var tight = vw <= 520;
      var margin = tight ? 18 : 10;
      var gap = tight ? 14 : 12;
      var pr = el.getBoundingClientRect();
      var w = pr.width || 240;
      var h = pr.height || 180;
      var left = margin;
      var top = margin;
      if (state.anchorKind === "center") {
        left = (vw - w) / 2;
        top = (vh - h) / 2;
      } else if (state.anchorKind === "finger") {
        left = (vw - w) / 2;
        var y = state.anchorY || vh / 2;
        top = y - h - gap;
        if (top < margin) top = y + gap;
      } else {
        if (!trigger || !trigger.getBoundingClientRect) return;
        var tr = trigger.getBoundingClientRect();
        var isIconish = (tr.width || 0) <= 40;
        left = isIconish ? tr.right - w : tr.left;
        top = tr.bottom + gap;
        left = clamp(left, margin, Math.max(margin, vw - w - margin));
        if (top + h + margin > vh) top = tr.top - h - gap;
      }
      left = clamp(left, margin, Math.max(margin, vw - w - margin));
      top = clamp(top, margin, Math.max(margin, vh - h - margin));
      el.style.left = Math.round(left) + "px";
      el.style.top = Math.round(top) + "px";
    });
  }
  function setExpanded(trigger, expanded) {
    if (!trigger || !trigger.setAttribute) return;
    trigger.setAttribute("aria-expanded", expanded ? "true" : "false");
  }
  function hidePopup() {
    if (!state.open) return;
    clearTimeout(state.hideTimer);
    state.hideTimer = 0;
    setExpanded(state.trigger, false);
    state.open = false;
    state.pinned = false;
    state.trigger = null;
    state.anchorKind = "trigger";
    setHidden(ensurePopEl(), true);
  }
  function openPopup(trigger, opts) {
    if (!trigger) return;
    if (state.open && state.trigger && state.trigger !== trigger) hidePopup();
    state.open = true;
    state.pinned = !!opts.pinned;
    state.trigger = trigger;
    setExpanded(trigger, true);
    renderPopup(opts);
    setHidden(popEl, false);
    positionPopup(trigger);
   }
   }


   /* ------------------------------------------------------------------ */
   function findTrigger(t) {
   /* Click toggle (buttons)                                             */
    if (!t) return null;
  /* ------------------------------------------------------------------ */
    if (isInsidePopup(t)) return null;
 
    var defEl = closest(t, DEF_SEL);
    if (defEl && defEl.getAttribute && defEl.getAttribute(DEF_TIP_ATTR) != null) return defEl;
 
    var tip = closest(t, TIP_BTN_SEL);
    if (tip) return tip;
 
    var dis = closest(t, DISCLOSE_BTN_SEL);
    if (dis) return dis;
 
    return null;
  }
 
   function resolveOpts(trigger) {
    var isDef = trigger && trigger.matches && trigger.matches(DEF_SEL);
    var isTip = trigger && trigger.matches && trigger.matches(TIP_BTN_SEL);
    var isDisclose = trigger && trigger.matches && trigger.matches(DISCLOSE_BTN_SEL);
 
    var mode = "hover";
    var size = "sm";
 
    var attrMode = trigger.getAttribute && trigger.getAttribute("data-sv-pop");
    if (attrMode === "hover" || attrMode === "click") mode = attrMode;
 
    var attrSize = trigger.getAttribute && trigger.getAttribute("data-sv-pop-size");
    if (attrSize === "sm" || attrSize === "lg") size = attrSize;
 
    if (!attrMode) {
      if (isDisclose) mode = "click";
      else if (isTip) mode = "hover";
      else if (isDef) mode = getDefLinkTitle(trigger) ? "click" : "hover";
    }
 
    if (!attrSize) size = mode === "click" ? "lg" : "sm";
 
    if (!HOVER_CAPABLE && mode === "hover") {
      mode = "click";
      size = "sm";
    }
 
    if (isDef) {
      var tipText = getDefTipText(trigger);
      if (!tipText) return null;
 
      var linkTitle = getDefLinkTitle(trigger);
 
      var label = trigger.querySelector ? trigger.querySelector(".sv-def-text") : null;
      var titleText = label ? String(label.textContent || "").trim() : String(trigger.textContent || "").trim();
      if (!titleText) titleText = "Definition";
 
      return {
        pinned: mode === "click",
        size: size,
        title: titleText,
        titleLink: linkTitle ? buildHeaderLink(linkTitle, titleText) : null,
        bodyText: tipText,
        bodyPre: true,
        bodyNode: null
      };
    }
 
    var source = getContentNodeFromTrigger(trigger);
    if (isBlankContent(source)) return null;


   document.addEventListener(
    return {
     "click",
      pinned: mode === "click",
      size: size,
      title: guessTitle(trigger, source),
      titleLink: null,
      bodyNode: source,
      bodyPre: false,
      bodyText: null
    };
   }
 
  window.addEventListener(
     "pointerdown",
     function (e) {
     function (e) {
       var btn =
      if (!e) return;
        e.target && e.target.closest ? e.target.closest(POPUP_BTN_SEL) : null;
 
       if (!btn) return;
      if (isInsidePopup(e.target)) return;
 
       var trigger = findTrigger(e.target);
      if (!trigger) return;
 
      var opts = resolveOpts(trigger);
      if (!opts) return;
 
      if (isSummaryTrigger(trigger)) e.preventDefault();
 
      state.anchorKind = !HOVER_CAPABLE || (e.pointerType && e.pointerType !== "mouse") ? "finger" : "trigger";
      state.anchorX = typeof e.clientX === "number" ? e.clientX : 0;
      state.anchorY = typeof e.clientY === "number" ? e.clientY : 0;
 
       if (HOVER_CAPABLE && !opts.pinned && (e.pointerType === "mouse" || !e.pointerType)) {
        e.stopPropagation();
        return;
      }


       e.preventDefault();
       e.preventDefault();
      e.stopPropagation();


       if (isBtnExpanded(btn)) {
       if (state.open && state.pinned && state.trigger === trigger) {
         closeBtnPopup(btn);
         hidePopup();
         return;
         return;
       }
       }


       closeOtherBtnPopupsWithinCard(btn);
       openPopup(trigger, opts);
      openBtnPopup(btn);
     },
     },
     true
     true
   );
   );


   /* Close on popover head click (touch-friendly) */
   window.addEventListener(
  document.addEventListener(
     "mouseover",
     "click",
     function (e) {
     function (e) {
       var head =
       if (!HOVER_CAPABLE) return;
        e.target && e.target.closest
      if (isInsidePopup(e.target)) return;
          ? e.target.closest(".sv-tip-pop-head, .sv-disclose-pop-head")
 
          : null;
      var trigger = findTrigger(e.target);
       if (!head) return;
      if (!trigger) {
        if (state.open && !state.pinned) hidePopup();
        return;
      }
 
      var opts = resolveOpts(trigger);
       if (!opts || opts.pinned) return;


       var wrap = closest(head, POPUP_WRAP_SEL);
       state.anchorKind = "trigger";
      if (!wrap) return;


       var btn = wrap.querySelector(POPUP_BTN_SEL);
       e.stopPropagation();
       if (!btn) return;
       clearTimeout(state.hideTimer);
      state.hideTimer = 0;


       e.preventDefault();
       openPopup(trigger, opts);
      closeBtnPopup(btn);
     },
     },
     true
     true
   );
   );


   /* Keyboard toggle (Enter/Space) */
   window.addEventListener(
  document.addEventListener(
     "mouseout",
     "keydown",
     function (e) {
     function (e) {
       if (!(e.key === "Enter" || e.key === " " || e.key === "Spacebar")) return;
       if (!HOVER_CAPABLE) return;
      if (!state.open || state.pinned) return;


       var btn =
       var trigger = findTrigger(e.target);
         document.activeElement && document.activeElement.closest
      if (!trigger || trigger !== state.trigger) return;
          ? document.activeElement.closest(POPUP_BTN_SEL)
 
          : null;
      e.stopPropagation();
       if (!btn) return;
 
      clearTimeout(state.hideTimer);
      state.hideTimer = setTimeout(function () {
         if (state.open && !state.pinned) hidePopup();
      }, 80);
    },
    true
  );
 
  window.addEventListener(
    "click",
    function (e) {
      if (!state.open) return;
       if (isInsidePopup(e.target)) return;


       e.preventDefault();
       var trigger = findTrigger(e.target);
      if (trigger) {
        e.stopPropagation();
        return;
      }


       if (isBtnExpanded(btn)) closeBtnPopup(btn);
       if (state.pinned || !HOVER_CAPABLE) {
      else {
         hidePopup();
         closeOtherBtnPopupsWithinCard(btn);
         e.stopPropagation();
         openBtnPopup(btn);
       }
       }
     },
     },
Line 993: Line 1,239:
   );
   );


   /* ------------------------------------------------------------------ */
   window.addEventListener(
   /* Hover / rollover (desktop only)                                     */
    "keydown",
   /* ------------------------------------------------------------------ */
    function (e) {
      if (e.key !== "Escape") return;
      if (state.open) {
        hidePopup();
        e.stopPropagation();
      }
    },
    true
   );
 
  window.addEventListener(
    "scroll",
    function () {
      if (!state.open || !state.trigger) return;
      positionPopup(state.trigger);
    },
    true
  );
 
  window.addEventListener(
    "resize",
    function () {
      if (!state.open || !state.trigger) return;
      positionPopup(state.trigger);
    },
    true
  );
 
  function stripDefTitles(root) {
    var container = root || document;
    var defs = container.querySelectorAll(DEF_SEL + "[title]");
    for (var i = 0; i < defs.length; i++) defs[i].removeAttribute("title");
  }
 
  if (window.mw && mw.hook) {
    mw.hook("wikipage.content").add(function ($content) {
      stripDefTitles($content && $content[0]);
    });
   }


   var _hoverCapable = false;
  if (document.readyState === "loading") {
   try {
    document.addEventListener("DOMContentLoaded", function () {
     _hoverCapable =
      stripDefTitles(document);
       window.matchMedia &&
    });
       window.matchMedia("(hover:hover) and (pointer:fine)").matches;
  } else {
   } catch (e) {
    stripDefTitles(document);
     _hoverCapable = false;
  }
})();
 
(function () {
  /* ================================================================== */
  /* MODULE: Tabs                                                      */
  /* ================================================================== */
 
  var SV = (window.SV = window.SV || {});
  var COMMON = (SV.common = SV.common || {});
  if (COMMON.tabsInit) return;
  COMMON.tabsInit = 1;
 
  var TABS_ROOT_SEL = ".sv-tabs[data-tabs='1']";
  var TAB_SEL = ".sv-tab";
  var PANEL_SEL = ".sv-tabpanel";
 
   var _tabsUidCounter = 0;
 
   function closest(el, sel) {
     if (!el || el.nodeType !== 1) return null;
    if (el.closest) return el.closest(sel);
    while (el && el.nodeType === 1) {
       if (el.matches && el.matches(sel)) return el;
       el = el.parentElement;
    }
    return null;
  }
 
  function getTabs(root) {
    return root.querySelectorAll(TAB_SEL);
  }
 
  function getPanels(root) {
    return root.querySelectorAll(PANEL_SEL);
   }
 
  function getPanelByKey(root, key) {
     var panels = getPanels(root);
    for (var i = 0; i < panels.length; i++) {
      if (panels[i].getAttribute("data-panel") === key) return panels[i];
    }
    return null;
   }
   }


   function _wrapFromTarget(t) {
   function ensureUniqueTabIds(root) {
     return t && t.closest ? t.closest(POPUP_WRAP_SEL) : null;
     var uid = root.getAttribute("data-tabs-uid");
    if (!uid) {
      _tabsUidCounter++;
      uid = (root.getAttribute("data-tabs-root") || "sv-tabs") + "-" + _tabsUidCounter;
      root.setAttribute("data-tabs-uid", uid);
    }
 
    var tabs = getTabs(root);
    for (var i = 0; i < tabs.length; i++) {
      var tab = tabs[i];
      var key = tab.getAttribute("data-tab") || String(i + 1);
      var panel = getPanelByKey(root, key);
 
      var tabId = uid + "-tab-" + key;
      tab.id = tabId;
 
      if (panel) {
        var panelId = uid + "-panel-" + key;
        panel.id = panelId;
        tab.setAttribute("aria-controls", panelId);
        panel.setAttribute("aria-labelledby", tabId);
      }
    }
   }
   }


   function _btnFromWrap(wrap) {
   function showPanel(panel) {
     return wrap ? wrap.querySelector(POPUP_BTN_SEL) : null;
     if (!panel) return;
    panel.setAttribute("data-active", "1");
    if (panel.classList) panel.classList.remove("sv-hidden");
    panel.removeAttribute("hidden");
   }
   }


   if (_hoverCapable) {
   function hidePanel(panel) {
     document.addEventListener(
    if (!panel) return;
      "mouseover",
     panel.setAttribute("data-active", "0");
      function (e) {
    if (panel.classList) panel.classList.add("sv-hidden");
        var wrap = _wrapFromTarget(e.target);
    panel.setAttribute("hidden", "hidden");
        if (!wrap) return;
  }


        var rel = e.relatedTarget;
  function activateTab(root, btn) {
        if (rel && wrap.contains(rel)) return;
    if (!root || !btn) return;


        var btn = _btnFromWrap(wrap);
    var tabs = getTabs(root);
        if (!btn) return;
    var key = btn.getAttribute("data-tab") || "";


        if (!isBtnExpanded(btn)) {
    for (var i = 0; i < tabs.length; i++) {
          closeOtherBtnPopupsWithinCard(btn);
      var t = tabs[i];
          openBtnPopup(btn);
      var active = t === btn;
        }
      t.setAttribute("aria-selected", active ? "true" : "false");
       },
       t.setAttribute("tabindex", active ? "0" : "-1");
       true
       if (t.classList) t.classList.toggle("sv-tab--active", active);
     );
     }


     document.addEventListener(
     var panels = getPanels(root);
       "mouseout",
    for (var j = 0; j < panels.length; j++) {
       function (e) {
      var p = panels[j];
        var wrap = _wrapFromTarget(e.target);
       var isTarget = p.getAttribute("data-panel") === key;
        if (!wrap) return;
       if (isTarget) showPanel(p);
      else hidePanel(p);
    }


        var rel = e.relatedTarget;
    root.setAttribute("data-active-tab", key);
        if (rel && wrap.contains(rel)) return;
  }


        var btn = _btnFromWrap(wrap);
  function focusTab(tabs, idx) {
        if (!btn) return;
    if (idx < 0) idx = 0;
    if (idx >= tabs.length) idx = tabs.length - 1;
    var t = tabs[idx];
    if (t && t.focus) t.focus();
    return t;
  }


        if (isBtnExpanded(btn)) closeBtnPopup(btn);
  function indexOfTab(tabs, btn) {
      },
    for (var i = 0; i < tabs.length; i++) {
      true
      if (tabs[i] === btn) return i;
     );
    }
     return -1;
   }
   }


   /* ------------------------------------------------------------------ */
   function normalizeTabsRoot(root) {
  /* Legacy <details> toggle (delegated)                                 */
    if (!root) return;
  /* ------------------------------------------------------------------ */
    if (root.getAttribute("data-gi-tabs-init") === "1") return;


  document.addEventListener(
     ensureUniqueTabIds(root);
    "toggle",
     function (e) {
      var d = e.target;
      if (!d || d.nodeType !== 1) return;
      if (!d.matches || !d.matches(POPUP_DETAILS_SEL)) return;


      if (d.open) {
    var tabs = getTabs(root);
        var card = closest(d, CARD_SEL);
    var panels = getPanels(root);
        var scope = card || document;
    if (!tabs.length || !panels.length) {
      root.setAttribute("data-gi-tabs-init", "1");
      return;
    }


        var openOnes = scope.querySelectorAll(POPUP_DETAILS_SEL + "[open]");
    var activeBtn = null;
        for (var i = 0; i < openOnes.length; i++) {
    for (var i = 0; i < tabs.length; i++) {
          if (openOnes[i] !== d) closeDetails(openOnes[i]);
      if (tabs[i].getAttribute("aria-selected") === "true") {
         }
        activeBtn = tabs[i];
         break;
       }
       }
    }
    if (!activeBtn) activeBtn = tabs[0];


      syncPopupAria(d);
    activateTab(root, activeBtn);
     },
     root.setAttribute("data-gi-tabs-init", "1");
    true
   }
   );


   /* ------------------------------------------------------------------ */
   function initTabs(root) {
  /* Global close rules                                                  */
    var container = root || document;
   /* ------------------------------------------------------------------ */
    var roots = container.querySelectorAll(TABS_ROOT_SEL);
    for (var i = 0; i < roots.length; i++) normalizeTabsRoot(roots[i]);
   }


   document.addEventListener(
   document.addEventListener(
     "click",
     "click",
     function (e) {
     function (e) {
       var t = e.target;
       var btn = e.target && e.target.closest ? e.target.closest(TAB_SEL) : null;
       if (!t) return;
       if (!btn) return;


       // click inside any popup wrapper => don’t close
       var root = closest(btn, ".sv-tabs");
       if (closest(t, POPUP_WRAP_SEL)) return;
       if (!root || root.getAttribute("data-tabs") !== "1") return;


       closeAllBtnPopups(document);
       e.preventDefault();
       closeAllDetails(document);
       activateTab(root, btn);
     },
     },
     true
     true
Line 1,101: Line 1,462:
     "keydown",
     "keydown",
     function (e) {
     function (e) {
       if (e.key !== "Escape") return;
      var btn =
       closeAllBtnPopups(document);
        document.activeElement && document.activeElement.closest
       closeAllDetails(document);
          ? document.activeElement.closest(TAB_SEL)
          : null;
      if (!btn) return;
 
      var root = closest(btn, ".sv-tabs");
      if (!root || root.getAttribute("data-tabs") !== "1") return;
 
      var tabs = getTabs(root);
      if (!tabs || !tabs.length) return;
 
      var idx = indexOfTab(tabs, btn);
      if (idx < 0) return;
 
       if (e.key === "ArrowLeft" || e.key === "Left") {
        e.preventDefault();
        activateTab(root, focusTab(tabs, idx - 1));
        return;
      }
      if (e.key === "ArrowRight" || e.key === "Right") {
        e.preventDefault();
        activateTab(root, focusTab(tabs, idx + 1));
        return;
      }
      if (e.key === "Home") {
        e.preventDefault();
        activateTab(root, focusTab(tabs, 0));
        return;
       }
      if (e.key === "End") {
        e.preventDefault();
        activateTab(root, focusTab(tabs, tabs.length - 1));
        return;
      }
       if (e.key === "Enter" || e.key === " ") {
        e.preventDefault();
        activateTab(root, btn);
        return;
      }
     },
     },
     true
     true
   );
   );


  /* ------------------------------------------------------------------ */
   function initAllTabs(root) {
  /* Init (normalize aria/hidden)                                        */
     initTabs(root);
  /* ------------------------------------------------------------------ */
 
   function initAllPopups(root) {
     var container = root || document;
 
    normalizeBtnPopups(container);
 
    var ds = container.querySelectorAll(POPUP_DETAILS_SEL);
    for (var i = 0; i < ds.length; i++) syncPopupAria(ds[i]);
   }
   }


   if (window.mw && mw.hook) {
   if (window.mw && mw.hook) {
     mw.hook("wikipage.content").add(function ($content) {
     mw.hook("wikipage.content").add(function ($content) {
       initAllPopups($content && $content[0]);
       initAllTabs($content && $content[0]);
     });
     });
   }
   }
Line 1,129: Line 1,518:
   if (document.readyState === "loading") {
   if (document.readyState === "loading") {
     document.addEventListener("DOMContentLoaded", function () {
     document.addEventListener("DOMContentLoaded", function () {
       initAllPopups(document);
       initAllTabs(document);
     });
     });
   } else {
   } else {
     initAllPopups(document);
     initAllTabs(document);
   }
   }
})();
})();
Retrieved from "https://spiritvale.info/wiki/MediaWiki:Common.js"