@diplodoc/client 3.2.0 → 3.3.1

package/build/server/vendor.js

@@ -14743,7 +14743,21 @@ function transform({
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -14761,6 +14775,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/react/index.ts
 var react_exports = {};
 __export(react_exports, {
+  TabsRuntime: () => TabsRuntime,
   useDiplodocTabs: () => useDiplodocTabs
 });
 module.exports = __toCommonJS(react_exports);
@@ -14819,6 +14834,23 @@ function useDiplodocTabs(callback = void 0) {
     )
   };
 }
+
+// src/react/TabsRuntime.ts
+var import_react2 = __webpack_require__(96540);
+function TabsRuntime(props = {}) {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const tabs = useDiplodocTabs();
+  (0, import_react2.useEffect)(() => {
+    tabs.configure(__spreadValues({}, props));
+  }, [props, tabs]);
+  (0, import_react2.useEffect)(() => {
+    tabs.onPageChanged();
+    tabs.restoreTabs(__spreadValues(__spreadValues({}, tabs.getTabsFromLocalStorage()), tabs.getTabsFromSearchQuery()));
+  }, [props.router]);
+  return null;
+}
 //# sourceMappingURL=index.js.map
 
 
@@ -14834,9 +14866,22 @@ function useDiplodocTabs(callback = void 0) {
   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;
   };
@@ -14938,38 +14983,40 @@ function useDiplodocTabs(callback = void 0) {
 
   // 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", U = "data-diplodoc-id", L = "defaultTabsGroup-";
+    var R = "data-diplodoc-forced";
+    var w = "yfm-tabs-dropdown-select";
+    var W = "yfm-tabs-vertical";
+    var O = ((g) => (g.Regular = "regular", g.Radio = "radio", g.Dropdown = "dropdown", g.Accordion = "accordion", g))(O || {}), 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._isRestoringTabs = false;
+        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;
@@ -14988,36 +15035,90 @@ function useDiplodocTabs(callback = void 0) {
             }
           }
           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: r } = this.getTabs(I), i = this.getTabDataFromHTMLElement(I), c = a.findIndex(({ key: A }) => (i == null ? void 0 : i.key) && A === i.key);
+          if (!i || a.length <= 1 || c === -1) return;
+          let s = (c + (g === "left" ? -1 : 1) + a.length) % a.length;
+          this.selectTab(a[s]), r[s].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}[${U}="${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) {
+        this._isRestoringTabs = true;
+        try {
+          for (let [e, o] of Object.entries(t)) if (e) {
+            let g = __spreadValues({ group: e }, o);
+            this.selectTab(g);
+          }
+        } finally {
+          this._isRestoringTabs = false;
+        }
+      }
+      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("_"), [r, i] = a, c = "regular";
+          if (a.length === 3 && (c = a[2]), r && i && Object.values(O).includes(c)) {
+            let s = i;
+            t[r] = { key: s, variant: c };
+          }
+        }), t;
+      }
+      updateLocalStorageWithTabs(t) {
+        this._options.saveTabsToLocalStorage && (this._isRestoringTabs || localStorage.setItem("tabsHistory", JSON.stringify(t)));
+      }
+      updateQueryParamWithTabs(t) {
+        if (this._isRestoringTabs) return;
+        let e = new URLSearchParams(window.location.search), o = Object.entries(t).map(([a, { key: r, variant: i }]) => i === "regular" ? `${a}_${r}` : `${a}_${r}_${i}`);
+        o.length > 0 ? e.set("tabs", o.join(",")) : e.delete("tabs");
+        let g = history.state || {}, I = new URL(window.location.href);
+        I.search = e.toString(), window.history.replaceState(__spreadValues({}, g), document.title, I.href);
+      }
+      getCurrentPageTabHistory(t) {
+        return Object.fromEntries(Object.entries(t).filter(([e]) => this._currentPageTabGroups.includes(e)));
+      }
+      onPageChanged() {
+        this._currentPageTabGroups = this.getCurrentPageTabGroups();
       }
-      updateHTML(t, e, g) {
-        switch (g) {
+      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), r = 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), r && this.resetScroll(e, a, r));
+      }
+      updateHTML(t, e, o) {
+        switch (o) {
           case "radio":
             return this.updateHTMLRadio(t, e);
           case "accordion":
@@ -15026,131 +15127,145 @@ function useDiplodocTabs(callback = void 0) {
             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), r = I ? `.yfm-vertical-tab[${R}="true"]` : "", i = this._document.querySelectorAll(`${n.TABS}[${B}="${o}"] ${n.TAB}[${G}="${g}"]${r}`);
+        I && (a == null || a.removeAttribute(R));
+        let c = 0;
+        return i.forEach((s) => {
+          let m = s.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 === s) {
               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")), c++;
           }
-        }), i;
+        }), c;
       }
       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 r = a;
+          if (!this.isValidTabElement(r) || r.dataset.diplodocIsActive === "true") return;
+          I++;
+          let i = a, c = i.parentNode, s = c == null ? void 0 : c.parentNode, A = Array.from((c == null ? void 0 : c.querySelectorAll(n.TAB)) || []), m = Array.from((s == null ? void 0 : s.children) || []).filter((d) => d.classList.contains(F)), p = A.indexOf(i);
+          A.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 r = a.closest(`[${y}=dropdown]`);
+          if (!(r != null && r.children)) return;
+          let i = r.children.item(0), c = r.children.item(1);
+          i == null || i.classList.remove(l);
+          let s = Array.from((c == null ? void 0 : c.children) || []).indexOf(a) + 2;
+          for (let A = 2; A < r.children.length; A++) {
+            let m = r.children.item(A), p = c == null ? void 0 : c.children.item(A - 2);
+            if (I++, s === A) {
+              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((r) => {
+          let i = r.closest(`[${y}=accordion]`);
+          if (i != null && i.children) for (let c = 0; c < i.children.length; c += 2) {
+            let s = i.children.item(c), A = i.children.item(c + 1);
+            if (a++, r === s) {
+              s == null || s.classList.toggle(l), A == null || A.classList.toggle(l);
               continue;
             }
-            C == null || C.classList.remove(r), l == null || l.classList.remove(r);
+            s == null || s.classList.remove(l), A == null || A.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, r = g.scrollTop - o.scrollTop, i = g.scrollLeft - o.scrollLeft;
+        e.scrollTo(e.scrollLeft + a - i, e.scrollTop + I - r);
       }
       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(L) ? { key: g, variant: I } : t;
+        this._onSelectTabHandlers.forEach((r) => {
+          r({ 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(w);
       }
       getTabDataFromHTMLElement(t) {
-        var c, a, I;
+        var I, a, r;
         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, c = i.dataset.diplodocKey, s = (I = i.closest(n.TABS)) == null ? void 0 : I.dataset.diplodocGroup;
+          return c && s ? { group: s, key: c, 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, c = (a = t.closest(n.TABS)) == null ? void 0 : a.dataset.diplodocGroup;
+          return i && c ? { group: c, 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 = (r = t.closest(n.TABS)) == null ? void 0 : r.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((r) => {
+          let i = r == null ? void 0 : r.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
@@ -15825,36 +15940,20 @@ function emitResult(html, env) {
         logs: log_1.log.get(),
     };
 }
-// eslint-disable-next-line consistent-return
-const transform = (originInput, options = {}) => {
+function transform(originInput, options = {}) {
     const input = applyLiquid(originInput, options);
     const { parse, compile, env } = (0, md_1.default)(options);
     try {
-        return emitResult(compile(parse(input)), env);
+        const tokens = parse(input);
+        if (options.tokens === true) {
+            return tokens;
+        }
+        return emitResult(compile(tokens), env);
     }
     catch (error) {
         handleError(error, options.path);
     }
-};
-transform.collect = (input, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-{ mdItInitOptions, pluginCollectOptions, parserPluginsOverride }) => {
-    var _a;
-    const maybeLiquidedInput = applyLiquid(input, mdItInitOptions);
-    const { parse } = (0, md_1.default)(Object.assign(Object.assign({}, mdItInitOptions), { plugins: parserPluginsOverride !== null && parserPluginsOverride !== void 0 ? parserPluginsOverride : mdItInitOptions.plugins }));
-    const plugins = (_a = mdItInitOptions.plugins) !== null && _a !== void 0 ? _a : [];
-    try {
-        const tokenStream = parse(maybeLiquidedInput);
-        return plugins.reduce((collected, plugin) => {
-            var _a;
-            const collectOutput = (_a = plugin.collect) === null || _a === void 0 ? void 0 : _a.call(plugin, collected, Object.assign(Object.assign({}, pluginCollectOptions), { tokenStream }));
-            return collectOutput !== null && collectOutput !== void 0 ? collectOutput : collected;
-        }, maybeLiquidedInput);
-    }
-    catch (error) {
-        handleError(error, mdItInitOptions.path);
-    }
-};
+}
 module.exports = transform;
 //# sourceMappingURL=index.js.map
 
@@ -17149,6 +17248,7 @@ const highlight_1 = __importDefault(__webpack_require__(44370));
 const title_1 = __importDefault(__webpack_require__(50440));
 const headings_1 = __importDefault(__webpack_require__(70235));
 const sanitize_1 = __importDefault(__webpack_require__(44891));
+const ol_attr_conversion_1 = __webpack_require__(37985);
 function initMarkdownIt(options) {
     const { allowHTML = false, linkify = false, breaks = true, highlightLangs = {}, disableRules = [], } = options;
     const highlight = (0, highlight_1.default)(highlightLangs);
@@ -17194,9 +17294,13 @@ function getPluginOptions(options) {
         log: log_1.log });
 }
 function initPlugins(md, options, pluginOptions) {
-    const { linkify = false, linkifyTlds, leftDelimiter = '{', rightDelimiter = '}', plugins = plugins_1.default, } = options;
-    // Need for ids of headers
-    md.use(markdown_it_attrs_1.default, { leftDelimiter, rightDelimiter });
+    const { linkify = false, linkifyTlds, leftDelimiter = '{', rightDelimiter = '}', plugins = plugins_1.default, enableMarkdownAttrs, } = options;
+    // TODO: set enableMarkdownAttrs to false by default in next major
+    if (enableMarkdownAttrs !== false) {
+        // Need for ids of headers
+        md.use(markdown_it_attrs_1.default, { leftDelimiter, rightDelimiter });
+    }
+    md.use(ol_attr_conversion_1.olAttrConversion);
     plugins.forEach((plugin) => md.use(plugin, pluginOptions));
     if (linkify && linkifyTlds) {
         md.linkify.tlds(linkifyTlds, true);
@@ -17523,7 +17627,12 @@ exports.renderTokens = renderTokens;
 
 const block_anchor_1 = __webpack_require__(48782);
 const blockAnchor = (md) => {
-    md.core.ruler.before('curly_attributes', block_anchor_1.TOKEN_NAME, block_anchor_1.replaceTokens);
+    try {
+        md.core.ruler.before('curly_attributes', block_anchor_1.TOKEN_NAME, block_anchor_1.replaceTokens);
+    }
+    catch (e) {
+        md.core.ruler.push(block_anchor_1.TOKEN_NAME, block_anchor_1.replaceTokens);
+    }
     md.renderer.rules[block_anchor_1.TOKEN_NAME] = block_anchor_1.renderTokens;
     return md;
 };
@@ -17580,9 +17689,10 @@ const wrapInClipboard = (element, id) => {
     </div>
 `;
 };
-function termReplace(str, env) {
+function termReplace(str, env, escape) {
     const regTerms = Object.keys(env.terms)
         .map((el) => el.substr(1))
+        .map(escape)
         .join('|');
     const regText = '\\[([^\\[]+)\\](\\(\\*(' + regTerms + ')\\))';
     const reg = new RegExp(regText, 'g');
@@ -17593,7 +17703,7 @@ const code = (md) => {
     const superCodeRenderer = md.renderer.rules.fence;
     md.renderer.rules.fence = function (tokens, idx, options, env, self) {
         const superCode = superCodeRenderer === null || superCodeRenderer === void 0 ? void 0 : superCodeRenderer(tokens, idx, options, env, self);
-        const superCodeWithTerms = superCode && (env === null || env === void 0 ? void 0 : env.terms) ? termReplace(superCode, env) : superCode;
+        const superCodeWithTerms = superCode && (env === null || env === void 0 ? void 0 : env.terms) ? termReplace(superCode, env, md.utils.escapeRE) : superCode;
         return wrapInClipboard(superCodeWithTerms, idx);
     };
 };
@@ -18315,6 +18425,34 @@ module.exports = index;
 
 /***/ }),
 
+/***/ 37985:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.olAttrConversion = void 0;
+const cssWhitelist = {
+    '--hier-list-start': true,
+};
+const olAttrConversion = (md) => {
+    md.core.ruler.after('block', 'olAttrs', (state) => {
+        var _a;
+        state.tokens.forEach((token) => {
+            const maybeStart = token.attrGet('start');
+            if (token.type === 'ordered_list_open' && maybeStart) {
+                token.attrSet('style', `--hier-list-start: ${Number(maybeStart) - 1};`);
+            }
+        });
+        (_a = state.env).additionalOptionsCssWhiteList || (_a.additionalOptionsCssWhiteList = {});
+        Object.assign(state.env.additionalOptionsCssWhiteList, cssWhitelist);
+    });
+};
+exports.olAttrConversion = olAttrConversion;
+//# sourceMappingURL=ol-attr-conversion.js.map
+
+/***/ }),
+
 /***/ 53257:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -20402,10 +20540,11 @@ exports.getRealPath = exports.getRelativePath = exports.getPublicPath = exports.
 const fs_1 = __webpack_require__(79896);
 const escapeRegExp_1 = __importDefault(__webpack_require__(60680));
 const path_1 = __webpack_require__(16928);
+const quick_lru_1 = __importDefault(__webpack_require__(87392));
 const liquid_1 = __importDefault(__webpack_require__(64151));
 const utils_1 = __webpack_require__(82811);
 const preprocessors_1 = __webpack_require__(55529);
-const filesCache = {};
+const filesCache = new quick_lru_1.default({ maxSize: 1000 });
 function isFileExists(file) {
     try {
         const stats = (0, fs_1.statSync)(file);
@@ -20426,12 +20565,12 @@ function getFileTokens(path, state, options, content) {
     const builtVars = (getVarsPerFile && !inheritVars ? getVarsPerFile(path) : vars) || {};
     // Read the content only if we dont have one in the args
     if (!content) {
-        if (filesCache[path]) {
-            content = filesCache[path];
+        if (filesCache.has(path)) {
+            content = filesCache.get(path);
         }
         else {
             content = (0, fs_1.readFileSync)(path, 'utf8');
-            filesCache[path] = content;
+            filesCache.set(path, content);
         }
     }
     let sourceMap;
@@ -122589,6 +122728,137 @@ module.exports = Warning
 Warning.default = Warning
 
 
+/***/ }),
+
+/***/ 87392:
+/***/ ((module) => {
+
+"use strict";
+
+
+class QuickLRU {
+	constructor(options = {}) {
+		if (!(options.maxSize && options.maxSize > 0)) {
+			throw new TypeError('`maxSize` must be a number greater than 0');
+		}
+
+		this.maxSize = options.maxSize;
+		this.onEviction = options.onEviction;
+		this.cache = new Map();
+		this.oldCache = new Map();
+		this._size = 0;
+	}
+
+	_set(key, value) {
+		this.cache.set(key, value);
+		this._size++;
+
+		if (this._size >= this.maxSize) {
+			this._size = 0;
+
+			if (typeof this.onEviction === 'function') {
+				for (const [key, value] of this.oldCache.entries()) {
+					this.onEviction(key, value);
+				}
+			}
+
+			this.oldCache = this.cache;
+			this.cache = new Map();
+		}
+	}
+
+	get(key) {
+		if (this.cache.has(key)) {
+			return this.cache.get(key);
+		}
+
+		if (this.oldCache.has(key)) {
+			const value = this.oldCache.get(key);
+			this.oldCache.delete(key);
+			this._set(key, value);
+			return value;
+		}
+	}
+
+	set(key, value) {
+		if (this.cache.has(key)) {
+			this.cache.set(key, value);
+		} else {
+			this._set(key, value);
+		}
+
+		return this;
+	}
+
+	has(key) {
+		return this.cache.has(key) || this.oldCache.has(key);
+	}
+
+	peek(key) {
+		if (this.cache.has(key)) {
+			return this.cache.get(key);
+		}
+
+		if (this.oldCache.has(key)) {
+			return this.oldCache.get(key);
+		}
+	}
+
+	delete(key) {
+		const deleted = this.cache.delete(key);
+		if (deleted) {
+			this._size--;
+		}
+
+		return this.oldCache.delete(key) || deleted;
+	}
+
+	clear() {
+		this.cache.clear();
+		this.oldCache.clear();
+		this._size = 0;
+	}
+
+	* keys() {
+		for (const [key] of this) {
+			yield key;
+		}
+	}
+
+	* values() {
+		for (const [, value] of this) {
+			yield value;
+		}
+	}
+
+	* [Symbol.iterator]() {
+		for (const item of this.cache) {
+			yield item;
+		}
+
+		for (const item of this.oldCache) {
+			const [key] = item;
+			if (!this.cache.has(key)) {
+				yield item;
+			}
+		}
+	}
+
+	get size() {
+		let oldCacheSize = 0;
+		for (const key of this.oldCache.keys()) {
+			if (!this.cache.has(key)) {
+				oldCacheSize++;
+			}
+		}
+
+		return Math.min(this._size + oldCacheSize, this.maxSize);
+	}
+}
+
+module.exports = QuickLRU;
+
+
 /***/ }),
 
 /***/ 25264: