@diplodoc/client 3.1.0 → 3.1.1

package/build/server/vendor.js

@@ -4649,12 +4649,12 @@ var node_modules_langs = __webpack_require__(96854);
 var langs_default = /*#__PURE__*/__webpack_require__.n(node_modules_langs);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/constants.js
 var constants = __webpack_require__(81836);
-// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
-var esm_models = __webpack_require__(78184);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/components/Controls/ControlsLayout.js
 var ControlsLayout = __webpack_require__(26141);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/hooks/useTranslation.js + 2 modules
 var useTranslation = __webpack_require__(86395);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
+var esm_models = __webpack_require__(78184);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/icons/esm/ChevronDown.js
 var ChevronDown = __webpack_require__(88786);
 // EXTERNAL MODULE: ./node_modules/@gravity-ui/uikit/build/esm/components/Button/Button.js + 2 modules
@@ -5245,6 +5245,8 @@ var MobileControl_default = MobileControl;
 
 
 
+
+
 var MobileControls_b = (0,lib/* default */.A)("dc-mobile-controls");
 var useLangControl = (t, lang, langs, onChangeLang) => {
   const langItems = (0,react.useMemo)(() => {
@@ -10041,6 +10043,8 @@ var Scrollspy = class extends react.Component {
     Scrollspy_publicField(this, "containerRef", react.createRef());
     Scrollspy_publicField(this, "itemRefs", this.props.items.map(() => react.createRef()));
     Scrollspy_publicField(this, "scrollByClick");
+    Scrollspy_publicField(this, "prevOffset");
+    Scrollspy_publicField(this, "hasActiveHash");
     Scrollspy_publicField(this, "firstItemIndexInView");
     Scrollspy_publicField(this, "lastItemIndexInView");
     Scrollspy_publicField(this, "overflowChecked");
@@ -10118,6 +10122,8 @@ var Scrollspy = class extends react.Component {
     };
     this.overflowChecked = false;
     this.scrollByClick = false;
+    this.prevOffset = 0;
+    this.hasActiveHash = false;
     this.firstItemIndexInView = -1;
     this.lastItemIndexInView = -1;
   }
@@ -10239,48 +10245,55 @@ var Scrollspy = class extends react.Component {
     const { targetItems, inViewState } = this.state;
     const { headerHeight } = this.props;
     const currentOffset = window.pageYOffset;
-    const visibleItemOffset = [];
-    let isOneActive = false;
-    const pureHash = hash && hash.startsWith("#") ? hash.substring(1) : hash;
-    targetItems.forEach((item, index) => {
-      if (!item) {
-        return;
-      }
-      const offsetTop = item.getBoundingClientRect().top;
-      const isVisibleItem = offsetTop < headerHeight + 1;
-      if (pureHash) {
-        if (pureHash === item.getAttribute("id")) {
-          visibleItemOffset.push(true);
-          isOneActive = true;
-        } else {
-          visibleItemOffset.push(false);
-        }
-      } else if (isVisibleItem) {
-        if (visibleItemOffset[index - 1]) {
-          visibleItemOffset[index - 1] = false;
+    const isScrollUp = currentOffset < this.prevOffset;
+    this.prevOffset = currentOffset;
+    const pureHash = (hash == null ? void 0 : hash.startsWith("#")) ? hash.substring(1) : hash;
+    let newActiveIndex;
+    if (pureHash) {
+      newActiveIndex = targetItems.findIndex(
+        (item) => item && item.getAttribute("id") === pureHash
+      );
+    } else {
+      newActiveIndex = targetItems.reduce((res, item, index) => {
+        if (!item) {
+          return res;
         }
-        visibleItemOffset.push(true);
-        isOneActive = true;
-      } else {
-        visibleItemOffset.push(false);
+        const isScrolledPast = item.getBoundingClientRect().top < headerHeight + 1;
+        return isScrolledPast ? index : res;
+      }, -1);
+    }
+    if (targetItems.length && newActiveIndex === -1) {
+      newActiveIndex = 0;
+    }
+    if (newActiveIndex === -1) {
+      return inViewState;
+    }
+    const prevActiveIndex = inViewState.findIndex(Boolean);
+    const getNewInViewState = () => {
+      if (newActiveIndex === prevActiveIndex) {
+        return inViewState;
       }
-    });
-    if (targetItems && targetItems.length && !isOneActive) {
-      if (currentOffset < targetItems[0].getBoundingClientRect().top) {
-        visibleItemOffset[0] = true;
-        isOneActive = true;
+      const result = new Array(targetItems.length).fill(false);
+      result[newActiveIndex] = true;
+      return result;
+    };
+    if (pureHash) {
+      this.hasActiveHash = true;
+      return getNewInViewState();
+    }
+    if (this.hasActiveHash) {
+      if (isScrollUp || newActiveIndex > prevActiveIndex) {
+        this.hasActiveHash = false;
+        return getNewInViewState();
       }
+      return inViewState;
     }
-    return isOneActive ? visibleItemOffset : inViewState;
+    return getNewInViewState();
   }
   getActiveItemTitle(titles, inViewState) {
-    for (const [index, isActive] of inViewState.entries()) {
-      if (!isActive) {
-        continue;
-      }
-      return titles[index];
-    }
-    return null;
+    var _a;
+    const activeIndex = inViewState.findIndex(Boolean);
+    return (_a = titles == null ? void 0 : titles[activeIndex]) != null ? _a : null;
   }
   pauseScrollHandler() {
     this.scrollByClick = true;
@@ -10595,7 +10608,7 @@ var SubNavigation = (0,react.memo)(
         ref,
         className: SubNavigation_b({
           invisible: !visible,
-          visible,
+          visible: !hideMiniToc && visible,
           hidden: hideMiniToc && hideBurger
         })
       },