@diplodoc/transform 4.48.0 → 4.48.2

package/dist/js/yfm.js

@@ -4,9 +4,22 @@
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
   var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
   var __commonJS = (cb, mod) => function __require() {
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
@@ -108,38 +121,39 @@
 
   // node_modules/@diplodoc/tabs-extension/build/runtime/index.js
   (() => {
-    var W = "yfm-tabs", R = "yfm-tab", O = "yfm-tab-panel", L = "yfm-tab-list", r = "active";
-    var T = "data-diplodoc-group", G = "data-diplodoc-key", x = "data-diplodoc-variant", v = "data-diplodoc-id", H = "defaultTabsGroup-";
-    var h = "data-diplodoc-forced";
-    var N = "yfm-tabs-dropdown-select";
-    var U = "yfm-tabs-vertical";
-    var F = Symbol.for("diplodocTabs");
-    var y = (s) => {
-      let t = s.composedPath();
-      return Array.isArray(t) && t.length > 0 ? t[0] : s.target;
-    }, Z = (s) => {
-      let t = y(s);
+    var x = "yfm-tabs", H = "yfm-tab", F = "yfm-tab-panel", D = "yfm-tab-list", l = "active";
+    var B = "data-diplodoc-group", G = "data-diplodoc-key", y = "data-diplodoc-variant", w = "data-diplodoc-id", U = "defaultTabsGroup-";
+    var O = "data-diplodoc-forced";
+    var L = "yfm-tabs-dropdown-select";
+    var W = "yfm-tabs-vertical";
+    var R = ((g) => (g.Regular = "regular", g.Radio = "radio", g.Dropdown = "dropdown", g.Accordion = "accordion", g))(R || {}), X = Symbol.for("diplodocTabs");
+    var f = (C) => {
+      let t = C.composedPath();
+      return Array.isArray(t) && t.length > 0 ? t[0] : C.target;
+    }, Z = (C) => {
+      let t = f(C);
       return !t || !t.matches;
-    }, Q = (s) => Math.abs(s.scrollHeight - s.clientHeight) > 1 ? s : s.parentElement ? Q(s.parentElement) : void 0, X = (s, t) => {
-      let e = s.getBoundingClientRect(), g = t.getBoundingClientRect();
-      return { top: e.top - g.top, left: e.left - g.left, scrollTop: t.scrollTop, scrollLeft: t.scrollLeft };
+    }, v = (C) => Math.abs(C.scrollHeight - C.clientHeight) > 1 ? C : C.parentElement ? v(C.parentElement) : void 0, Q = (C, t) => {
+      let e = C.getBoundingClientRect(), o = t.getBoundingClientRect();
+      return { top: e.top - o.top, left: e.left - o.left, scrollTop: t.scrollTop, scrollLeft: t.scrollLeft };
     };
-    var n = { TABS: `.${W}`, TAB_LIST: `.${L}`, TAB: `.${R}`, TAB_PANEL: `.${O}`, VERTICAL_TABS: `.${U}` }, f = class {
-      constructor(t) {
+    var n = { TABS: `.${x}`, TAB_LIST: `.${D}`, TAB: `.${H}`, TAB_PANEL: `.${F}`, VERTICAL_TABS: `.${W}` }, h = class {
+      constructor(t, e = {}) {
         this._onSelectTabHandlers = /* @__PURE__ */ new Set();
-        this._document = t, this._document.addEventListener("click", (e) => {
-          let g = y(e);
-          if (e.target && this.hideAllDropdown(e.target), Z(e)) return;
+        this._currentPageTabGroups = [];
+        this._document = t, this._options = Object.assign({ saveTabsToLocalStorage: false, saveTabsToQueryStateMode: "none" }, e), this._document.addEventListener("click", (o) => {
+          let g = f(o);
+          if (o.target && this.hideAllDropdown(o.target), Z(o)) return;
           if (this.isElementDropdownSelect(g)) {
-            g.classList.toggle(r);
+            g.classList.toggle(l);
             return;
           }
           if (!this.isValidTabElement(g)) return;
-          let o = this.getTabDataFromHTMLElement(g);
-          o && this._selectTab(o, g);
-        }), this._document.addEventListener("keydown", (e) => {
+          let I = this.getTabDataFromHTMLElement(g);
+          I && this._selectTab(I, g);
+        }), this._document.addEventListener("keydown", (o) => {
           let g = null;
-          switch (e.key) {
+          switch (o.key) {
             case "ArrowLeft": {
               g = "left";
               break;
@@ -158,36 +172,84 @@
             }
           }
           if (!g) return;
-          let o = y(e);
-          if (Z(e) || !this.isValidTabElement(o)) return;
-          let { tabs: c, nodes: a } = this.getTabs(o), I = this.getTabDataFromHTMLElement(o), A = c.findIndex(({ key: C }) => (I == null ? void 0 : I.key) && C === I.key);
-          if (!I || c.length <= 1 || A === -1) return;
-          let i = (A + (g === "left" ? -1 : 1) + c.length) % c.length;
-          this.selectTab(c[i]), a[i].focus();
+          let I = f(o);
+          if (Z(o) || !this.isValidTabElement(I)) return;
+          let { tabs: a, nodes: c } = this.getTabs(I), i = this.getTabDataFromHTMLElement(I), r = a.findIndex(({ key: s }) => (i == null ? void 0 : i.key) && s === i.key);
+          if (!i || a.length <= 1 || r === -1) return;
+          let A = (r + (g === "left" ? -1 : 1) + a.length) % a.length;
+          this.selectTab(a[A]), c[A].focus();
         });
       }
+      configure(t) {
+        this._options = Object.assign(this._options, t);
+      }
       onSelectTab(t) {
         return this._onSelectTabHandlers.add(t), () => {
           this._onSelectTabHandlers.delete(t);
         };
       }
       selectTabById(t, e) {
-        let g = this._document.querySelector(`${n.TAB}[${v}="${t}"]`);
-        if (!g || !this.isValidTabElement(g)) return;
-        let o = this.getTabDataFromHTMLElement(g);
-        o && this._selectTab(o, g), e != null && e.scrollToElement && g.scrollIntoView();
+        let o = this._document.querySelector(`${n.TAB}[${w}="${t}"]`);
+        if (!o || !this.isValidTabElement(o)) return;
+        let g = this.getTabDataFromHTMLElement(o);
+        g && this._selectTab(g, o), e != null && e.scrollToElement && o.scrollIntoView();
       }
       selectTab(t) {
         this._selectTab(t);
       }
-      _selectTab(t, e) {
-        let { group: g, key: o, variant: c } = t;
-        if (!g) return;
-        let a = e && Q(e), I = a && X(e, a);
-        this.updateHTML({ group: g, key: o, variant: c }, e, c) > 0 && (this.fireSelectTabEvent({ group: g, key: o, variant: c }, e == null ? void 0 : e.dataset.diplodocId), I && this.resetScroll(e, a, I));
+      restoreTabs(t) {
+        for (let [e, o] of Object.entries(t)) if (e) {
+          let g = __spreadValues({ group: e }, o);
+          this.selectTab(g);
+        }
+      }
+      getTabsFromLocalStorage() {
+        return JSON.parse(localStorage.getItem("tabsHistory") || "{}");
+      }
+      getTabsFromSearchQuery() {
+        let t = {}, e = new URLSearchParams(window.location.search);
+        return e.has("tabs") && (e.get("tabs") || "").split(",").forEach((I) => {
+          let a = I.split("_"), [c, i] = a, r = "regular";
+          if (a.length === 3 && (r = a[2]), c && i && Object.values(R).includes(r)) {
+            let A = i;
+            t[c] = { key: A, variant: r };
+          }
+        }), t;
+      }
+      updateLocalStorageWithTabs(t) {
+        this._options.saveTabsToLocalStorage && localStorage.setItem("tabsHistory", JSON.stringify(t));
+      }
+      updateQueryParamWithTabs(t) {
+        let e = new URLSearchParams(window.location.search), o = Object.entries(t).map(([I, { key: a, variant: c }]) => c === "regular" ? `${I}_${a}` : `${I}_${a}_${c}`);
+        e.set("tabs", o.join(","));
+        let g = `${window.location.origin}${window.location.pathname}?${e.toString()}`;
+        window.history.replaceState({}, document.title, g);
       }
-      updateHTML(t, e, g) {
-        switch (g) {
+      getCurrentPageTabHistory(t) {
+        return Object.fromEntries(Object.entries(t).filter(([e]) => this._currentPageTabGroups.includes(e)));
+      }
+      onPageChanged() {
+        this._currentPageTabGroups = this.getCurrentPageTabGroups();
+      }
+      getCurrentPageTabGroups() {
+        let t = this._document.getElementsByClassName(x), e = /* @__PURE__ */ new Set();
+        return Array.from(t).forEach((o) => {
+          let g = o.getAttribute(B);
+          g && e.add(g);
+        }), Array.from(e);
+      }
+      clearTabsPreferred() {
+        localStorage.removeItem("tabsHistory"), this.updateQueryParamWithTabs({});
+      }
+      _selectTab(t, e) {
+        let { group: o, key: g, variant: I } = t;
+        if (!o) return;
+        this.saveTabPreferred({ group: o, key: g, variant: I });
+        let a = e && v(e), c = a && Q(e, a);
+        this.updateHTML({ group: o, key: g, variant: I }, e, I) > 0 && (this.fireSelectTabEvent({ group: o, key: g, variant: I }, e == null ? void 0 : e.dataset.diplodocId), c && this.resetScroll(e, a, c));
+      }
+      updateHTML(t, e, o) {
+        switch (o) {
           case "radio":
             return this.updateHTMLRadio(t, e);
           case "accordion":
@@ -196,131 +258,145 @@
             return this.updateHTMLRegular(t);
           case "dropdown":
             return this.updateHTMLDropdown(t);
+          default:
+            return 0;
+        }
+      }
+      saveTabPreferred(t) {
+        let e = {};
+        switch (this._options.saveTabsToLocalStorage && (e = JSON.parse(localStorage.getItem("tabsHistory") || "{}")), e[t.group] = { key: t.key, variant: t.variant }, this._options.saveTabsToLocalStorage && this.updateLocalStorageWithTabs(e), this._options.saveTabsToQueryStateMode) {
+          case "all": {
+            this.updateQueryParamWithTabs(e);
+            break;
+          }
+          case "page": {
+            this.updateQueryParamWithTabs(this.getCurrentPageTabHistory(e));
+            break;
+          }
         }
-        return 0;
       }
       updateHTMLRadio(t, e) {
-        let { group: g, key: o } = t, { isForced: c, root: a } = this.didTabOpenForce(e), I = c ? `.yfm-vertical-tab[${h}="true"]` : "", A = this._document.querySelectorAll(`${n.TABS}[${T}="${g}"] ${n.TAB}[${G}="${o}"]${I}`);
-        c && (a == null || a.removeAttribute(h));
-        let i = 0;
-        return A.forEach((C) => {
-          let m = C.parentNode.children;
+        let { group: o, key: g } = t, { isForced: I, root: a } = this.didTabOpenForce(e), c = I ? `.yfm-vertical-tab[${O}="true"]` : "", i = this._document.querySelectorAll(`${n.TABS}[${B}="${o}"] ${n.TAB}[${G}="${g}"]${c}`);
+        I && (a == null || a.removeAttribute(O));
+        let r = 0;
+        return i.forEach((A) => {
+          let m = A.parentNode.children;
           for (let p = 0; p < m.length; p += 2) {
             let [d, b] = [m.item(p), m.item(p + 1)], u = d.children.item(0);
-            if (d === C) {
+            if (d === A) {
               u.checked ? (d.classList.remove("active"), b == null || b.classList.remove("active"), u.removeAttribute("checked")) : (d.classList.add("active"), b == null || b.classList.add("active"), u.setAttribute("checked", "true"));
               continue;
             }
-            u.hasAttribute("checked") && (d.classList.remove("active"), b == null || b.classList.remove("active"), u.removeAttribute("checked")), i++;
+            u.hasAttribute("checked") && (d.classList.remove("active"), b == null || b.classList.remove("active"), u.removeAttribute("checked")), r++;
           }
-        }), i;
+        }), r;
       }
       updateHTMLRegular(t) {
-        let { group: e, key: g } = t, o = this._document.querySelectorAll(`${n.TABS}[${T}="${e}"] ${n.TAB}[${G}="${g}"]`), c = 0;
-        return o.forEach((a) => {
-          let I = a;
-          if (!this.isValidTabElement(I) || I.dataset.diplodocIsActive === "true") return;
-          c++;
-          let A = a, i = A.parentNode, C = i == null ? void 0 : i.parentNode, l = Array.from((i == null ? void 0 : i.querySelectorAll(n.TAB)) || []), m = Array.from((C == null ? void 0 : C.children) || []).filter((d) => d.classList.contains(O)), p = l.indexOf(A);
-          l.forEach((d, b) => {
-            let u = m[b], B = b === p, D = d;
-            D.dataset.diplodocIsActive = B ? "true" : "false", d.classList.toggle(r, B), d.setAttribute("aria-selected", B.toString()), d.setAttribute("tabindex", B ? "0" : "-1"), u.classList.toggle(r, B);
+        let { group: e, key: o } = t, g = this._document.querySelectorAll(`${n.TABS}[${B}="${e}"] ${n.TAB}[${G}="${o}"]`), I = 0;
+        return g.forEach((a) => {
+          let c = a;
+          if (!this.isValidTabElement(c) || c.dataset.diplodocIsActive === "true") return;
+          I++;
+          let i = a, r = i.parentNode, A = r == null ? void 0 : r.parentNode, s = Array.from((r == null ? void 0 : r.querySelectorAll(n.TAB)) || []), m = Array.from((A == null ? void 0 : A.children) || []).filter((d) => d.classList.contains(F)), p = s.indexOf(i);
+          s.forEach((d, b) => {
+            let u = m[b], T = b === p, S = d;
+            S.dataset.diplodocIsActive = T ? "true" : "false", d.classList.toggle(l, T), d.setAttribute("aria-selected", T.toString()), d.setAttribute("tabindex", T ? "0" : "-1"), u.classList.toggle(l, T);
           });
-        }), c;
+        }), I;
       }
       updateHTMLDropdown(t) {
-        let { group: e, key: g } = t, o = this._document.querySelectorAll(`${n.TABS}[${T}="${e}"] ${n.TAB}[${G}="${g}"]`), c = 0;
-        return o.forEach((a) => {
-          let I = a.closest(`[${x}=dropdown]`);
-          if (!(I != null && I.children)) return;
-          let A = I.children.item(0), i = I.children.item(1);
-          A == null || A.classList.remove(r);
-          let C = Array.from((i == null ? void 0 : i.children) || []).indexOf(a) + 2;
-          for (let l = 2; l < I.children.length; l++) {
-            let m = I.children.item(l), p = i == null ? void 0 : i.children.item(l - 2);
-            if (c++, C === l) {
-              m == null || m.classList.add(r), p.classList.add(r), A.innerHTML = a.innerHTML, A.classList.add("filled");
+        let { group: e, key: o } = t, g = this._document.querySelectorAll(`${n.TABS}[${B}="${e}"] ${n.TAB}[${G}="${o}"]`), I = 0;
+        return g.forEach((a) => {
+          let c = a.closest(`[${y}=dropdown]`);
+          if (!(c != null && c.children)) return;
+          let i = c.children.item(0), r = c.children.item(1);
+          i == null || i.classList.remove(l);
+          let A = Array.from((r == null ? void 0 : r.children) || []).indexOf(a) + 2;
+          for (let s = 2; s < c.children.length; s++) {
+            let m = c.children.item(s), p = r == null ? void 0 : r.children.item(s - 2);
+            if (I++, A === s) {
+              m == null || m.classList.add(l), p.classList.add(l), i.innerHTML = a.innerHTML, i.classList.add("filled");
               continue;
             }
-            p.classList.remove(r), m.classList.remove(r);
+            p.classList.remove(l), m.classList.remove(l);
           }
-        }), c;
+        }), I;
       }
       updateHTMLAccordion(t, e) {
-        let { group: g, key: o } = t, c = this._document.querySelectorAll(`${n.TABS}[${T}="${g}"] ${n.TAB}[${G}="${o}"]`), a = 0;
-        return c.forEach((I) => {
-          let A = I.closest(`[${x}=accordion]`);
-          if (A != null && A.children) for (let i = 0; i < A.children.length; i += 2) {
-            let C = A.children.item(i), l = A.children.item(i + 1);
-            if (a++, I === C) {
-              C == null || C.classList.toggle(r), l == null || l.classList.toggle(r);
+        let { group: o, key: g } = t, I = this._document.querySelectorAll(`${n.TABS}[${B}="${o}"] ${n.TAB}[${G}="${g}"]`), a = 0;
+        return I.forEach((c) => {
+          let i = c.closest(`[${y}=accordion]`);
+          if (i != null && i.children) for (let r = 0; r < i.children.length; r += 2) {
+            let A = i.children.item(r), s = i.children.item(r + 1);
+            if (a++, c === A) {
+              A == null || A.classList.toggle(l), s == null || s.classList.toggle(l);
               continue;
             }
-            C == null || C.classList.remove(r), l == null || l.classList.remove(r);
+            A == null || A.classList.remove(l), s == null || s.classList.remove(l);
           }
         }), e && !this.checkVisible(e) && setTimeout(() => {
           e.scrollIntoView({ block: "nearest" });
         }), a;
       }
       checkVisible(t) {
-        let e = t.getBoundingClientRect(), g = Math.max(document.documentElement.clientHeight, window.innerHeight);
-        return !(e.bottom < 0 || e.top - g >= 0);
+        let e = t.getBoundingClientRect(), o = Math.max(document.documentElement.clientHeight, window.innerHeight);
+        return !(e.bottom < 0 || e.top - o >= 0);
       }
       hideAllDropdown(t) {
-        this._document.querySelectorAll(".yfm-tabs-dropdown-select.active").forEach((g) => {
-          g.contains(t) || g.classList.remove(r);
+        this._document.querySelectorAll(".yfm-tabs-dropdown-select.active").forEach((o) => {
+          o.contains(t) || o.classList.remove(l);
         });
       }
-      resetScroll(t, e, g) {
-        let o = X(t, e), c = o.top - g.top, a = o.left - g.left, I = o.scrollTop - g.scrollTop, A = o.scrollLeft - g.scrollLeft;
-        e.scrollTo(e.scrollLeft + a - A, e.scrollTop + c - I);
+      resetScroll(t, e, o) {
+        let g = Q(t, e), I = g.top - o.top, a = g.left - o.left, c = g.scrollTop - o.scrollTop, i = g.scrollLeft - o.scrollLeft;
+        e.scrollTo(e.scrollLeft + a - i, e.scrollTop + I - c);
       }
       didTabOpenForce(t) {
         if (!t) return {};
         if (t.dataset.diplodocForced) return { root: t, isForced: true };
-        let e = t.dataset.diplodocVerticalTab ? t : t.parentElement, g = typeof (e == null ? void 0 : e.dataset.diplodocForced) != "undefined";
-        return { root: e, isForced: g };
+        let e = t.dataset.diplodocVerticalTab ? t : t.parentElement, o = typeof (e == null ? void 0 : e.dataset.diplodocForced) != "undefined";
+        return { root: e, isForced: o };
       }
       fireSelectTabEvent(t, e) {
-        let { group: g, key: o, variant: c } = t, a = g.startsWith(H) ? { key: o, variant: c } : t;
-        this._onSelectTabHandlers.forEach((I) => {
-          I({ tab: a, currentTabId: e });
+        let { group: o, key: g, variant: I } = t, a = o.startsWith(U) ? { key: g, variant: I } : t;
+        this._onSelectTabHandlers.forEach((c) => {
+          c({ tab: a, currentTabId: e });
         });
       }
       getTabsType(t) {
-        let e = t.closest(`[${x}]`);
+        let e = t.closest(`[${y}]`);
         if (e) return e.dataset.diplodocVariant;
       }
       isValidTabElement(t) {
         return !!this.getTabsType(t);
       }
       isElementDropdownSelect(t) {
-        return t.classList.contains(N);
+        return t.classList.contains(L);
       }
       getTabDataFromHTMLElement(t) {
-        var c, a, I;
+        var I, a, c;
         let e = this.getTabsType(t);
         if (e === "radio") {
-          let A = t.dataset.diplodocVerticalTab ? t : t.parentElement, i = A.dataset.diplodocKey, C = (c = A.closest(n.TABS)) == null ? void 0 : c.dataset.diplodocGroup;
-          return i && C ? { group: C, key: i, variant: "radio" } : null;
+          let i = t.dataset.diplodocVerticalTab ? t : t.parentElement, r = i.dataset.diplodocKey, A = (I = i.closest(n.TABS)) == null ? void 0 : I.dataset.diplodocGroup;
+          return r && A ? { group: A, key: r, variant: "radio" } : null;
         }
         if (e === "dropdown" || e === "accordion") {
-          let A = t.dataset.diplodocKey, i = (a = t.closest(n.TABS)) == null ? void 0 : a.dataset.diplodocGroup;
-          return A && i ? { group: i, key: A, variant: e } : null;
+          let i = t.dataset.diplodocKey, r = (a = t.closest(n.TABS)) == null ? void 0 : a.dataset.diplodocGroup;
+          return i && r ? { group: r, key: i, variant: e } : null;
         }
-        let g = t.dataset.diplodocKey, o = (I = t.closest(n.TABS)) == null ? void 0 : I.dataset.diplodocGroup;
-        return g && o ? { group: o, key: g, variant: "regular" } : null;
+        let o = t.dataset.diplodocKey, g = (c = t.closest(n.TABS)) == null ? void 0 : c.dataset.diplodocGroup;
+        return o && g ? { group: g, key: o, variant: "regular" } : null;
       }
       getTabs(t) {
-        var c, a;
-        let e = (c = t.closest(n.TABS)) == null ? void 0 : c.dataset.diplodocGroup, g = (a = t.closest(n.TAB_LIST)) == null ? void 0 : a.querySelectorAll(n.TAB), o = [];
-        return g.forEach((I) => {
-          let A = I == null ? void 0 : I.dataset.diplodocKey;
-          A && o.push({ group: e, key: A, variant: "regular" });
-        }), { tabs: o, nodes: g };
+        var I, a;
+        let e = (I = t.closest(n.TABS)) == null ? void 0 : I.dataset.diplodocGroup, o = (a = t.closest(n.TAB_LIST)) == null ? void 0 : a.querySelectorAll(n.TAB), g = [];
+        return o.forEach((c) => {
+          let i = c == null ? void 0 : c.dataset.diplodocKey;
+          i && g.push({ group: e, key: i, variant: "regular" });
+        }), { tabs: g, nodes: o };
       }
     };
-    typeof window != "undefined" && typeof document != "undefined" && !window[F] && (window[F] = new f(document));
+    typeof window != "undefined" && typeof document != "undefined" && !window[X] && (window[X] = new h(document));
   })();
 
   // src/js/polyfill.js