@diplodoc/client 2.0.3 → 2.0.5

package/build/server/vendor.js

@@ -22668,24 +22668,24 @@ bem-cn/lib/index.js:
 
   // node_modules/@diplodoc/tabs-extension/runtime/index.js
   (() => {
-    var y = "yfm-tabs", E = "yfm-tab-list", S = "yfm-tab", L = "yfm-tab-panel", I = "active", G = "data-diplodoc-group", x = "data-diplodoc-key", h = "data-diplodoc-id";
-    var H = "defaultTabsGroup-", m = Symbol.for("diplodocTabs");
-    var T = (n) => {
+    var E = "yfm-tabs", S = "yfm-tab-list", L = "yfm-tab", I = "yfm-tab-panel", m = "active", x = "data-diplodoc-group", h = "data-diplodoc-key", G = "data-diplodoc-id";
+    var v = "defaultTabsGroup-", T = Symbol.for("diplodocTabs");
+    var p = (n) => {
       let t = n.composedPath();
       return Array.isArray(t) && t.length > 0 ? t[0] : n.target;
-    }, _ = (n) => {
-      let t = T(n);
+    }, H = (n) => {
+      let t = p(n);
       return !t || !t.matches;
-    }, p = (n) => Math.abs(n.scrollHeight - n.clientHeight) > 1 ? n : n.parentElement ? p(n.parentElement) : void 0, u = (n, t) => {
+    }, u = (n) => Math.abs(n.scrollHeight - n.clientHeight) > 1 ? n : n.parentElement ? u(n.parentElement) : void 0, C = (n, t) => {
       let e = n.getBoundingClientRect(), o = t.getBoundingClientRect();
       return { top: e.top - o.top, left: e.left - o.left };
     };
-    var c = { TABS: `.${y}`, TAB_LIST: `.${E}`, TAB: `.${S}`, TAB_PANEL: `.${L}` }, b = class {
+    var a = { TABS: `.${E}`, TAB_LIST: `.${S}`, TAB: `.${L}`, TAB_PANEL: `.${I}` }, A = class {
       constructor(t) {
         this._onSelectTabHandlers = /* @__PURE__ */ new Set();
         this._document = t, this._document.addEventListener("click", (e) => {
-          let o = T(e);
-          if (_(e) || !this.isValidTabElement(o))
+          let o = p(e);
+          if (H(e) || !this.isValidTabElement(o))
             return;
           let l = this.getTabDataFromHTMLElement(o);
           l && this._selectTab(l, o);
@@ -22697,7 +22697,7 @@ bem-cn/lib/index.js:
         };
       }
       selectTabById(t, e) {
-        let o = this._document.querySelector(`${c.TAB}[${h}="${t}"]`);
+        let o = this._document.querySelector(`${a.TAB}[${G}="${t}"]`);
         if (!o || !this.isValidTabElement(o))
           return;
         let l = this.getTabDataFromHTMLElement(o);
@@ -22710,44 +22710,44 @@ bem-cn/lib/index.js:
         let { group: o, key: l } = t;
         if (!o)
           return;
-        let s = e && p(e), a = s && u(e, s);
-        this.updateHTML({ group: o, key: l }) > 0 && (a && this.resetScroll(e, s, a), this.fireSelectTabEvent({ group: o, key: l }, e == null ? void 0 : e.dataset.diplodocId));
+        let s = e && u(e), c = s && C(e, s);
+        this.updateHTML({ group: o, key: l }) > 0 && (c && this.resetScroll(e, s, c), this.fireSelectTabEvent({ group: o, key: l }, e == null ? void 0 : e.dataset.diplodocId));
       }
       updateHTML(t) {
-        let { group: e, key: o } = t, l = this._document.querySelectorAll(`${c.TABS}[${G}="${e}"] ${c.TAB}[${x}="${o}"]`), s = 0;
-        return l.forEach((a) => {
-          let g = a;
+        let { group: e, key: o } = t, l = this._document.querySelectorAll(`${a.TABS}[${x}="${e}"] ${a.TAB}[${h}="${o}"]`), s = 0;
+        return l.forEach((c) => {
+          let g = c;
           if (!this.isValidTabElement(g) || g.dataset.diplodocIsActive === "true")
             return;
           s++;
-          let C = a, d = C.parentNode, i = d == null ? void 0 : d.parentNode, f = Array.from((i == null ? void 0 : i.querySelectorAll(c.TAB)) || []), v = Array.from((i == null ? void 0 : i.querySelectorAll(c.TAB_PANEL)) || []), D = f.indexOf(C);
-          f.forEach((A, B) => {
-            let O = v[B], r = B === D, F = A;
-            F.dataset.diplodocIsActive = r ? "true" : "false", A.classList.toggle(I, r), A.setAttribute("aria-selected", r.toString()), A.setAttribute("tabindex", r ? "-1" : "0"), O.classList.toggle(I, r);
+          let f = c, i = f.parentNode, d = i == null ? void 0 : i.parentNode, B = Array.from((i == null ? void 0 : i.querySelectorAll(a.TAB)) || []), O = Array.from((d == null ? void 0 : d.children) || []).filter((r) => r.classList.contains(I)), _ = B.indexOf(f);
+          B.forEach((r, y) => {
+            let F = O[y], b = y === _, D = r;
+            D.dataset.diplodocIsActive = b ? "true" : "false", r.classList.toggle(m, b), r.setAttribute("aria-selected", b.toString()), r.setAttribute("tabindex", b ? "-1" : "0"), F.classList.toggle(m, b);
           });
         }), s;
       }
       resetScroll(t, e, o) {
-        let l = u(t, e);
+        let l = C(t, e);
         e.scrollTo(l.left + e.scrollLeft - o.left, l.top + e.scrollTop - o.top);
       }
       fireSelectTabEvent(t, e) {
-        let { group: o, key: l } = t, s = o.startsWith(H) ? { key: l } : t;
-        this._onSelectTabHandlers.forEach((a) => {
-          a({ tab: s, currentTabId: e });
+        let { group: o, key: l } = t, s = o.startsWith(v) ? { key: l } : t;
+        this._onSelectTabHandlers.forEach((c) => {
+          c({ tab: s, currentTabId: e });
         });
       }
       isValidTabElement(t) {
-        let e = t.matches(c.TAB) && t.dataset.diplodocId ? t.closest(c.TAB_LIST) : null;
-        return e == null ? void 0 : e.closest(c.TABS);
+        let e = t.matches(a.TAB) && t.dataset.diplodocId ? t.closest(a.TAB_LIST) : null;
+        return e == null ? void 0 : e.closest(a.TABS);
       }
       getTabDataFromHTMLElement(t) {
         var l;
-        let e = t.dataset.diplodocKey, o = (l = t.closest(c.TABS)) == null ? void 0 : l.dataset.diplodocGroup;
+        let e = t.dataset.diplodocKey, o = (l = t.closest(a.TABS)) == null ? void 0 : l.dataset.diplodocGroup;
         return e && o ? { group: o, key: e } : null;
       }
     };
-    typeof window != "undefined" && typeof document != "undefined" && !window[m] && (window[m] = new b(document));
+    typeof window != "undefined" && typeof document != "undefined" && !window[T] && (window[T] = new A(document));
   })();
 
   // src/js/polyfill.js
@@ -22933,8 +22933,12 @@ bem-cn/lib/index.js:
     }
     const { width: definitionWidth } = definitionElement.getBoundingClientRect();
     const { left: definitionParentLeft } = definitionParent.getBoundingClientRect();
-    const definitionRightCoordinate = definitionWidth + Number(getCoords(termElement).left);
-    const fitDefinitionDocument = document.body.clientWidth > definitionRightCoordinate ? 0 : definitionWidth - termWidth;
+    const definitionLeftCoordinate = Number(getCoords(termElement).left);
+    const definitionRightCoordinate = definitionWidth + definitionLeftCoordinate;
+    const definitionOutOfScreenOnLeft = definitionLeftCoordinate - definitionWidth < 0;
+    const definitionOutOfScreenOnRight = definitionRightCoordinate > document.body.clientWidth;
+    const isAlignSwapped = definitionOutOfScreenOnRight || document.dir === "rtl";
+    const fitDefinitionDocument = isAlignSwapped && !definitionOutOfScreenOnLeft ? definitionWidth - termWidth : 0;
     const customHeaderTop = getCoords(definitionParent).top - definitionParent.offsetTop;
     definitionElement.style.top = Number(getCoords(termElement).top + offsetTop - customHeaderTop) + "px";
     definitionElement.style.left = Number(