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
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* GameInfo JS (Phase 4.1)
/* Common.js — Spirit Vale Wiki
   Shared, reusable behaviors for all GameInfo modules. */
  Phase 4.1 — Core client scripts
 
  Included (standalone modules):
   1) Level Selector / Descriptions (data-series)
  2) Universal Popups (tips, discloses, definitions)
  3) Tabs
*/


(function () {
(function () {
   if (window.SV_GAMEINFO_41_INIT) return;
   /* ================================================================== */
   window.SV_GAMEINFO_41_INIT = 1;
  /* MODULE: Level Selector / Descriptions (data-series)                */
  /* ================================================================== */
 
  var SV = (window.SV = window.SV || {});
   var COMMON = (SV.common = SV.common || {});
 
  // Versioned init guard (allows safe updates without stale blocks)
  var LEVELS_VERSION = 6; // neutral hooks + bubble styling owned by CSS + no tick/check row


   /* ------------------------------------------------------------------ */
   if (typeof COMMON.levelsInit === "number" && COMMON.levelsInit >= LEVELS_VERSION) return;
   /* Selectors                                                          */
   COMMON.levelsInit = LEVELS_VERSION;
  /* ------------------------------------------------------------------ */


   var CARD_SEL = ".sv-gi-card, .sv-skill-card, .sv-passive-card";
  // 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";


   // Level (supports legacy <input type="range"> AND Phase 4.1 custom slider)
   // Accept the native range input and the custom slider variants.
   var LEVEL_RANGE_SEL =
   var LEVEL_RANGE_SEL =
     "input.sv-level-range[type='range'], .sv-level-range--custom[data-sv-slider='1']";
     "input.sv-level-range[type='range'], .sv-level-range--custom, .sv-level-range[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]";


  // Popups (Phase 4.1 markup: span toggles + div popovers; legacy <details> supported)
   var LEVEL_BOUNDARY_SEL =
   var POPUP_DETAILS_SEL = "details.sv-tip, details.sv-disclose"; // legacy
     "[data-sv-level-boundary='1'], .sv-skill-level, .sv-gi-level";
  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";


  // Tabs
   var LEVEL_SCOPE_SEL =
   var TABS_ROOT_SEL = ".sv-tabs[data-tabs='1']";
    "[data-sv-level-scope='1'], .sv-gi-bottom, .sv-skill-bottom";
  var TAB_SEL = ".sv-tab";
  var PANEL_SEL = ".sv-tabpanel";


   /* ------------------------------------------------------------------ */
   var SERIES_SEL = "[data-series]";
  /* Internals                                                          */
   var LEVEL_INIT_ATTR = "data-sv-level-init";
   /* ------------------------------------------------------------------ */


   var _seriesCache = typeof WeakMap !== "undefined" ? new WeakMap() : null;
   var _seriesCache = typeof WeakMap !== "undefined" ? new WeakMap() : null;
  var _tabsUidCounter = 0;
  // custom slider drag state
   var _drag = null;
   var _drag = null;
  /* ------------------------------------------------------------------ */
  /* Utilities                                                          */
  /* ------------------------------------------------------------------ */


   function clampInt(value, min, max, fallback) {
   function clampInt(value, min, max, fallback) {
Line 62: Line 58:
     }
     }
     return null;
     return null;
  }
  function hasClass(el, cls) {
    return !!(el && el.classList && el.classList.contains(cls));
   }
   }


Line 99: Line 91:
     if (boundaryNode === el) return false;
     if (boundaryNode === el) return false;
     if (!boundaryNode.compareDocumentPosition) return true;
     if (!boundaryNode.compareDocumentPosition) return true;
     return (boundaryNode.compareDocumentPosition(el) & 4) !== 0; // following
     return (boundaryNode.compareDocumentPosition(el) & 4) !== 0;
   }
   }


Line 107: 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) {
  /* Level Selector                                                    */
    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, minLevel, maxLevel) {
    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 getCardLevel(card, maxLevel) {
   function getStep(slider) {
     return clampInt(card.getAttribute("data-level"), 1, maxLevel, 1);
     // 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 127: Line 167:


   function getLevelBoundary(slider) {
   function getLevelBoundary(slider) {
    if (!slider) return null;
     return closest(slider, LEVEL_BOUNDARY_SEL) || slider;
     return closest(slider, LEVEL_BOUNDARY_SEL) || slider;
   }
   }
Line 139: 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);
   }
   }


   function applySeriesToScope(scope, boundary, level) {
   function applySeriesToScope(scope, boundary, level) {
    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 147: Line 196:
     for (var i = 0; i < nodes.length; i++) {
     for (var i = 0; i < nodes.length; i++) {
       var el = nodes[i];
       var el = nodes[i];
 
       if (boundary && !isAfter(boundary, el)) continue;
      // Phase 4.1 rule: only update fields below the level boundary.
       if (!isAfter(boundary, el)) continue;


       var series = parseSeries(el);
       var series = parseSeries(el);
       if (!series || series.length === 0) continue;
       if (!series || series.length === 0) continue;


      // Clamp if series shorter than expected.
       var safeIndex = index;
       var safeIndex = index;
       if (safeIndex >= series.length) safeIndex = series.length - 1;
       if (safeIndex >= series.length) safeIndex = series.length - 1;
Line 162: Line 208:
       if (value == null) value = "";
       if (value == null) value = "";


      // Text-only (no HTML mode).
       el.textContent = String(value);
       el.textContent = String(value);
     }
     }
   }
   }


   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 201: 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 217: 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 236: 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);
   }
   }


   function applyLevelToCard(card, rawLevel) {
  /* ================================================================== */
  /* Core apply / init                                                    */
  /* ================================================================== */
 
   function scheduleApply(card, rawLevel) {
     if (!card) return;
     if (!card) return;


     var maxLevel = getCardMaxLevel(card);
     card._svLevelNext = rawLevel;
     if (maxLevel <= 1) {
    if (card._svLevelRaf) return;
       card.setAttribute("data-level", "1");
 
      setLevelNumber(card, 1);
     if (window.requestAnimationFrame) {
       card._svLevelRaf = requestAnimationFrame(function () {
        card._svLevelRaf = null;
        var v = card._svLevelNext;
        card._svLevelNext = null;
        applyLevelToCard(card, v);
      });
       return;
       return;
     }
     }


    card._svLevelRaf = setTimeout(function () {
      card._svLevelRaf = null;
      var v = card._svLevelNext;
      card._svLevelNext = null;
      applyLevelToCard(card, v);
    }, 0);
  }
  function applyLevelToCard(card, rawLevel) {
    if (!card) return;
    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));


    // Store on card for other systems / debugging.
     card.setAttribute("data-level", String(level));
     card.setAttribute("data-level", String(level));
    setLevelNumber(card, level);
    setLevelMax(card, maxLevel);
    if (slider) {
      unhide(slider);
      var wrap = closest(slider, ".sv-level-slider");
      if (wrap) unhide(wrap);
    }


    // Keep slider in sync.
     if (slider) {
     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);
       }
       }
     }
     }


     setLevelNumber(card, level);
     setEndValueLabel(card, slider, level);


     // Apply dynamic series values (scoped below boundary).
     var boundary = getLevelBoundary(slider);
    if (slider) {
    var scope = getLevelScopeContainer(card, boundary);
      var boundary = getLevelBoundary(slider);
    applySeriesToScope(scope, boundary, level);
      var scope = getLevelScopeContainer(card, boundary);
      applySeriesToScope(scope, boundary, level);
    }
   }
   }


Line 285: 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);


       // No slider (or max <= 1) => this card doesn't participate.
       var start = getCardLevel(card, minLevel, maxLevel);
      if (!slider || maxLevel <= 1) {
        card.setAttribute("data-gi-level-init", "1");
        continue;
      }


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


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


   // Slider input (delegated) — range input only
   /* ================================================================== */
  /* Events                                                              */
  /* ================================================================== */
 
  // Native range inputs
   document.addEventListener(
   document.addEventListener(
     "input",
     "input",
Line 323: Line 514:
       if (!card) return;
       if (!card) return;


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


   // Custom slider pointer drag (delegated)
   // 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 342: Line 535:


       e.preventDefault();
       e.preventDefault();
      // focus for keyboard follow-up
       if (slider.focus) slider.focus();
       if (slider.focus) slider.focus();


       _drag = {
       _drag = { slider: slider, card: card, pointerId: e.pointerId };
        slider: slider,
        card: card,
        pointerId: e.pointerId,
      };


       if (slider.setPointerCapture) {
       if (slider.setPointerCapture) {
Line 358: Line 545:
       }
       }


       var v = valueFromClientX(slider, e.clientX);
       showValueLabel(slider);
       applyLevelToCard(card, v);
       scheduleApply(card, valueFromClientX(slider, e.clientX));
     },
     },
     true
     true
Line 370: Line 557:
       if (e.pointerId !== _drag.pointerId) return;
       if (e.pointerId !== _drag.pointerId) return;
       e.preventDefault();
       e.preventDefault();
       var v = valueFromClientX(_drag.slider, e.clientX);
 
       applyLevelToCard(_drag.card, v);
       showValueLabel(_drag.slider);
       scheduleApply(_drag.card, valueFromClientX(_drag.slider, e.clientX));
     },
     },
     true
     true
Line 385: Line 573:
       } catch (err) {}
       } catch (err) {}
     }
     }
    hideValueLabelSoon(_drag.slider, 650);
     _drag = null;
     _drag = null;
   }
   }
Line 391: Line 581:
   document.addEventListener("pointercancel", endDrag, true);
   document.addEventListener("pointercancel", endDrag, true);


   // Custom slider keyboard support
   // 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) {
       var t = e.target;
      if (!t || !t.closest) return;
      var slider = t.closest(".sv-level-range--custom, .sv-level-range[data-sv-slider='1']");
       if (!slider) return;


       if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "ArrowDown") {
       hideValueLabelSoon(slider, 300);
        next = cur - 1;
      } else if (
        e.key === "ArrowRight" ||
        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();
      next = clampInt(next, min, max, cur);
      applyLevelToCard(card, next);
     },
     },
     true
     true
   );
   );


   /* ------------------------------------------------------------------ */
   function initAllLevels(root) {
  /* Popup (Phase 4.1: span toggles + legacy <details> support)         */
    initLevels(root);
   /* ------------------------------------------------------------------ */
  }
 
   COMMON.initAllLevels = initAllLevels;


   function hidePop(pop) {
   if (window.mw && mw.hook) {
     if (!pop) return;
     mw.hook("wikipage.content").add(function ($content) {
    if (pop.classList) pop.classList.add(POPUP_HIDDEN_CLASS);
      initAllLevels($content && $content[0]);
     pop.setAttribute("hidden", "hidden");
     });
   }
   }


   function showPop(pop) {
   if (document.readyState === "loading") {
    if (!pop) return;
    document.addEventListener("DOMContentLoaded", function () {
     if (pop.classList) pop.classList.remove(POPUP_HIDDEN_CLASS);
      initAllLevels(document);
     pop.removeAttribute("hidden");
     });
  } else {
     initAllLevels(document);
   }
   }
})();


  function getPopFromBtn(btn) {
(function () {
    if (!btn) return null;
  /* ================================================================== */
    var id = btn.getAttribute("aria-controls");
  /* MODULE: Universal Popups                                            */
    if (!id) return null;
  /* ================================================================== */
 
  var SV = (window.SV = window.SV || {});
  var COMMON = (SV.common = SV.common || {});
 
  // Bumped only because we changed positioning margins (safe cache-bust).
  var UPOP_VERSION = 32; // Universal Popups v3.2
  if (typeof COMMON.universalPopupsInit === "number" && COMMON.universalPopupsInit >= UPOP_VERSION) return;
  COMMON.universalPopupsInit = UPOP_VERSION;


     var wrap = closest(btn, POPUP_WRAP_SEL);
  try { document.documentElement.classList.add("sv-uipop-v3"); } catch (e) {}
     if (wrap) {
 
      var local = wrap.querySelector("#" + id);
  var DEF_SEL = ".sv-def";
       if (local) return local;
  var DEF_TIP_ATTR = "data-sv-def-tip";
  var DEF_LINK_ATTR = "data-sv-def-link";
 
  var TIP_BTN_SEL = ".sv-tip-btn[data-sv-toggle='1'], details.sv-tip > summary";
  var DISCLOSE_BTN_SEL = ".sv-disclose-btn[data-sv-toggle='1'], details.sv-disclose > summary";
 
  var WRAP_SEL = ".sv-tip, .sv-disclose";
  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) {
    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;
  }


     return document.getElementById(id);
  function clamp(n, min, max) {
     if (n < min) return min;
    if (n > max) return max;
    return n;
   }
   }


   function isBtnExpanded(btn) {
   function safeIdSelector(id) {
     return btn && btn.getAttribute("aria-expanded") === "true";
     return "#" + String(id).replace(/([ !"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~])/g, "\\$1");
   }
   }


   function setBtnExpanded(btn, expanded) {
   function isInsidePopup(target) {
     if (!btn) return;
     return !!(popEl && (target === popEl || (popEl.contains && popEl.contains(target))));
    btn.setAttribute("aria-expanded", expanded ? "true" : "false");
   }
   }


   function closeBtnPopup(btn) {
   function isSummaryTrigger(trigger) {
     var pop = getPopFromBtn(btn);
     return !!(trigger && trigger.tagName === "SUMMARY");
    hidePop(pop);
    setBtnExpanded(btn, false);
   }
   }


   function openBtnPopup(btn) {
   function ensurePopEl() {
     var pop = getPopFromBtn(btn);
    if (popEl) return popEl;
     showPop(pop);
 
     setBtnExpanded(btn, true);
     var el = document.createElement("div");
    el.className = "sv-uipop sv-uipop--sm";
    el.setAttribute("role", "dialog");
    el.setAttribute("aria-hidden", "true");
    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);
    });
 
    popEl = el;
    return popEl;
  }
 
  function setHidden(el, hidden) {
     if (!el) return;
     el.setAttribute("aria-hidden", hidden ? "true" : "false");
  }
 
  function stripIds(root) {
    if (!root || root.nodeType !== 1) return;
    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 unhideTree(root) {
    if (!root || root.nodeType !== 1) return;
 
    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 isBlankContent(node) {
    if (!node) return true;
    var t = node.textContent;
    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 getDefLinkTitle(defEl) {
    if (!defEl || !defEl.getAttribute) return "";
    var t = defEl.getAttribute(DEF_LINK_ATTR);
    if (t == null) return "";
    return String(t).trim();
   }
   }


   function closeAllBtnPopups(scope) {
   function getContentNodeFromTrigger(trigger) {
     var root = scope || document;
     if (!trigger) return null;
     var openBtns = root.querySelectorAll(
 
       POPUP_BTN_SEL + "[aria-expanded='true']"
    if (trigger.tagName === "SUMMARY") {
     );
      var det = closest(trigger, "details.sv-tip, details.sv-disclose");
     for (var i = 0; i < openBtns.length; i++) closeBtnPopup(openBtns[i]);
      if (!det) return null;
      var pop0 = det.querySelector(POP_SEL);
      if (!pop0) return null;
      return (
        pop0.querySelector(".sv-tip-pop-body") ||
        pop0.querySelector(".sv-disclose-pop-body") ||
        pop0.querySelector(".sv-disclose-list") ||
        pop0
      );
    }
 
     var id = trigger.getAttribute ? trigger.getAttribute("aria-controls") : "";
    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
        );
      }
     }
 
    var w = closest(trigger, WRAP_SEL);
     if (w) {
      var pop = w.querySelector(POP_SEL);
      if (pop) {
        return (
          pop.querySelector(".sv-tip-pop-body") ||
          pop.querySelector(".sv-disclose-pop-body") ||
          pop.querySelector(".sv-disclose-list") ||
          pop
        );
      }
    }
 
    return null;
   }
   }


   function closeOtherBtnPopupsWithinCard(btn) {
   function guessTitle(trigger, sourceNode) {
     var card = closest(btn, CARD_SEL);
     var pop = null;
     var scope = card || document;
    if (sourceNode && sourceNode.nodeType === 1) pop = closest(sourceNode, POP_SEL);
    var openBtns = scope.querySelectorAll(
     if (pop) {
      POPUP_BTN_SEL + "[aria-expanded='true']"
      var t = pop.querySelector(".sv-tip-pop-title") || pop.querySelector(".sv-disclose-pop-title");
    );
      if (t && t.textContent) return String(t.textContent).trim();
    for (var i = 0; i < openBtns.length; i++) {
      if (openBtns[i] !== btn) closeBtnPopup(openBtns[i]);
     }
     }
    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 closeDetails(d) {
   function buildHeaderLink(linkTitle, displayText) {
     if (d && d.open) d.open = false;
     if (!linkTitle) return null;
 
    var a = document.createElement("a");
    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;
 
    el.classList.remove("sv-uipop--sm", "sv-uipop--lg");
    el.classList.add(opts.size === "lg" ? "sv-uipop--lg" : "sv-uipop--sm");
 
    while (el.firstChild) el.removeChild(el.firstChild);
 
    var head = document.createElement("div");
    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);
    }


     summary.setAttribute("aria-expanded", detailsEl.open ? "true" : "false");
     el.appendChild(body);


     var pop = detailsEl.querySelector(".sv-tip-pop, .sv-disclose-pop");
     if (opts.pinned) {
    if (pop) {
       head.addEventListener(
       if (!pop.id) pop.id = "svgi-pop-" + Math.random().toString(36).slice(2);
        "click",
       summary.setAttribute("aria-controls", pop.id);
        function (e) {
          e.preventDefault();
          hidePopup();
        },
        { once: true }
       );
     }
     }
    fireContentHook(el);
   }
   }


   function normalizeBtnPopups(container) {
   function positionPopup(trigger) {
     var root = container || document;
     var el = ensurePopEl();
    if (!el) return;
 
    el.style.left = "0px";
    el.style.top = "0px";
    setHidden(el, false);


     var pops = root.querySelectorAll(POPUP_POP_SEL);
     requestAnimationFrame(function () {
    for (var i = 0; i < pops.length; i++) {
      if (!state.open) return;
       var p = pops[i];
 
       if (hasClass(p, POPUP_HIDDEN_CLASS) && !p.hasAttribute("hidden")) {
      var vw = window.innerWidth || document.documentElement.clientWidth || 0;
         p.setAttribute("hidden", "hidden");
      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) {
    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";
     }
     }


     var btns = root.querySelectorAll(POPUP_BTN_SEL);
     if (isDef) {
    for (var j = 0; j < btns.length; j++) {
      var tipText = getDefTipText(trigger);
       var b = btns[j];
      if (!tipText) return null;
       var pop = getPopFromBtn(b);
 
       var expanded = pop
       var linkTitle = getDefLinkTitle(trigger);
        ? !hasClass(pop, POPUP_HIDDEN_CLASS) && !pop.hasAttribute("hidden")
 
         : false;
       var label = trigger.querySelector ? trigger.querySelector(".sv-def-text") : null;
      setBtnExpanded(b, expanded);
       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;
    return {
      pinned: mode === "click",
      size: size,
      title: guessTitle(trigger, source),
      titleLink: null,
      bodyNode: source,
      bodyPre: false,
      bodyText: null
    };
   }
   }


   document.addEventListener(
   window.addEventListener(
     "click",
     "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
   );
   );


   document.addEventListener(
   window.addEventListener(
     "keydown",
     "mouseover",
     function (e) {
     function (e) {
       if (!(e.key === "Enter" || e.key === " " || e.key === "Spacebar"))
       if (!HOVER_CAPABLE) return;
      if (isInsidePopup(e.target)) return;
 
      var trigger = findTrigger(e.target);
      if (!trigger) {
        if (state.open && !state.pinned) hidePopup();
         return;
         return;
      }
      var opts = resolveOpts(trigger);
      if (!opts || opts.pinned) return;


       var btn =
       state.anchorKind = "trigger";
        document.activeElement && document.activeElement.closest
          ? document.activeElement.closest(POPUP_BTN_SEL)
          : null;
      if (!btn) return;


       e.preventDefault();
       e.stopPropagation();
      clearTimeout(state.hideTimer);
      state.hideTimer = 0;


       if (isBtnExpanded(btn)) closeBtnPopup(btn);
       openPopup(trigger, opts);
      else {
        closeOtherBtnPopupsWithinCard(btn);
        openBtnPopup(btn);
      }
     },
     },
     true
     true
   );
   );


   document.addEventListener(
   window.addEventListener(
     "toggle",
     "mouseout",
     function (e) {
     function (e) {
      var d = e.target;
       if (!HOVER_CAPABLE) return;
       if (!d || d.nodeType !== 1) return;
       if (!state.open || state.pinned) return;
       if (!d.matches || !d.matches(POPUP_DETAILS_SEL)) return;


       if (d.open) {
       var trigger = findTrigger(e.target);
        var card = closest(d, CARD_SEL);
      if (!trigger || trigger !== state.trigger) return;
        var scope = card || document;


        var openOnes = scope.querySelectorAll(POPUP_DETAILS_SEL + "[open]");
      e.stopPropagation();
        for (var i = 0; i < openOnes.length; i++) {
          if (openOnes[i] !== d) closeDetails(openOnes[i]);
        }
      }


       syncPopupAria(d);
       clearTimeout(state.hideTimer);
      state.hideTimer = setTimeout(function () {
        if (state.open && !state.pinned) hidePopup();
      }, 80);
     },
     },
     true
     true
   );
   );


   document.addEventListener(
   window.addEventListener(
     "click",
     "click",
     function (e) {
     function (e) {
       var t = e.target;
       if (!state.open) return;
       if (!t) return;
       if (isInsidePopup(e.target)) return;


       if (closest(t, POPUP_WRAP_SEL)) return;
      var trigger = findTrigger(e.target);
       if (trigger) {
        e.stopPropagation();
        return;
      }


       closeAllBtnPopups(document);
       if (state.pinned || !HOVER_CAPABLE) {
      closeAllDetails(document);
        hidePopup();
        e.stopPropagation();
      }
     },
     },
     true
     true
   );
   );


   document.addEventListener(
   window.addEventListener(
     "keydown",
     "keydown",
     function (e) {
     function (e) {
       if (e.key !== "Escape") return;
       if (e.key !== "Escape") return;
       closeAllBtnPopups(document);
       if (state.open) {
      closeAllDetails(document);
        hidePopup();
        e.stopPropagation();
      }
     },
     },
     true
     true
   );
   );


   /* ------------------------------------------------------------------ */
  window.addEventListener(
   /* Tabs (Phase 4.1: key-based, uses .sv-hidden + [hidden])            */
    "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]);
    });
  }
 
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", function () {
      stripDefTitles(document);
    });
  } else {
    stripDefTitles(document);
  }
})();
 
(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) {
   function getTabs(root) {
Line 666: Line 1,336:
     if (!uid) {
     if (!uid) {
       _tabsUidCounter++;
       _tabsUidCounter++;
       uid =
       uid = (root.getAttribute("data-tabs-root") || "sv-tabs") + "-" + _tabsUidCounter;
        (root.getAttribute("data-tabs-root") || "svgi-tabs") +
        "-" +
        _tabsUidCounter;
       root.setAttribute("data-tabs-uid", uid);
       root.setAttribute("data-tabs-uid", uid);
     }
     }
Line 777: Line 1,444:
   }
   }


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


    var root = closest(btn, ".sv-tabs");
      var root = closest(btn, ".sv-tabs");
    if (!root || root.getAttribute("data-tabs") !== "1") return;
      if (!root || root.getAttribute("data-tabs") !== "1") return;


    activateTab(root, btn);
      e.preventDefault();
   });
      activateTab(root, btn);
    },
    true
   );


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


    var root = closest(btn, ".sv-tabs");
      var root = closest(btn, ".sv-tabs");
    if (!root || root.getAttribute("data-tabs") !== "1") return;
      if (!root || root.getAttribute("data-tabs") !== "1") return;


    var tabs = getTabs(root);
      var tabs = getTabs(root);
    if (!tabs || !tabs.length) return;
      if (!tabs || !tabs.length) return;


    var idx = indexOfTab(tabs, btn);
      var idx = indexOfTab(tabs, btn);
    if (idx < 0) return;
      if (idx < 0) return;


    if (e.key === "ArrowLeft" || e.key === "Left") {
      if (e.key === "ArrowLeft" || e.key === "Left") {
      e.preventDefault();
        e.preventDefault();
      activateTab(root, focusTab(tabs, idx - 1));
        activateTab(root, focusTab(tabs, idx - 1));
      return;
        return;
    }
      }
    if (e.key === "ArrowRight" || e.key === "Right") {
      if (e.key === "ArrowRight" || e.key === "Right") {
      e.preventDefault();
        e.preventDefault();
      activateTab(root, focusTab(tabs, idx + 1));
        activateTab(root, focusTab(tabs, idx + 1));
      return;
        return;
    }
      }
    if (e.key === "Home") {
      if (e.key === "Home") {
      e.preventDefault();
        e.preventDefault();
      activateTab(root, focusTab(tabs, 0));
        activateTab(root, focusTab(tabs, 0));
      return;
        return;
    }
      }
    if (e.key === "End") {
      if (e.key === "End") {
      e.preventDefault();
        e.preventDefault();
      activateTab(root, focusTab(tabs, tabs.length - 1));
        activateTab(root, focusTab(tabs, tabs.length - 1));
      return;
        return;
    }
      }
    if (e.key === "Enter" || e.key === " ") {
      if (e.key === "Enter" || e.key === " ") {
      e.preventDefault();
        e.preventDefault();
      activateTab(root, btn);
        activateTab(root, btn);
      return;
        return;
     }
      }
   });
     },
 
    true
  /* ------------------------------------------------------------------ */
   );
  /* Init                                                              */
  /* ------------------------------------------------------------------ */


   function initAll(root) {
   function initAllTabs(root) {
    initLevels(root);
     initTabs(root);
     initTabs(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) {
       initAll($content && $content[0]);
       initAllTabs($content && $content[0]);
     });
     });
   }
   }
Line 854: Line 1,518:
   if (document.readyState === "loading") {
   if (document.readyState === "loading") {
     document.addEventListener("DOMContentLoaded", function () {
     document.addEventListener("DOMContentLoaded", function () {
       initAll(document);
       initAllTabs(document);
     });
     });
   } else {
   } else {
     initAll(document);
     initAllTabs(document);
   }
   }
})();
})();
Retrieved from "https://spiritvale.info/wiki/MediaWiki:Common.js"