@atlaskit/react-ufo 3.14.6 → 3.14.8

package/dist/cjs/vc/vc-observer-new/index.js

@@ -13,6 +13,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _ssrPlaceholders = require("../vc-observer/observers/ssr-placeholders");
 var _entriesTimeline = _interopRequireDefault(require("./entries-timeline"));
 var _getElementName2 = _interopRequireDefault(require("./get-element-name"));
 var _fy25_ = _interopRequireDefault(require("./metric-calculator/fy25_03"));
@@ -20,6 +21,11 @@ var _getViewportHeight = _interopRequireDefault(require("./metric-calculator/uti
 var _getViewportWidth = _interopRequireDefault(require("./metric-calculator/utils/get-viewport-width"));
 var _viewportObserver = _interopRequireDefault(require("./viewport-observer"));
 var _windowEventObserver = _interopRequireDefault(require("./window-event-observer"));
+var SSRState = {
+  normal: 1,
+  waitingForFirstRender: 2,
+  ignoring: 3
+};
 var DEFAULT_SELECTOR_CONFIG = {
   id: false,
   testId: true,
@@ -35,9 +41,31 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     (0, _classCallCheck2.default)(this, VCObserverNew);
     (0, _defineProperty2.default)(this, "viewportObserver", null);
     (0, _defineProperty2.default)(this, "windowEventObserver", null);
+    // SSR related properties
+    (0, _defineProperty2.default)(this, "ssrPlaceholderHandler", null);
+    (0, _defineProperty2.default)(this, "ssr", {
+      state: SSRState.normal,
+      reactRootElement: null,
+      renderStart: -1,
+      renderStop: -1
+    });
     this.entriesTimeline = new _entriesTimeline.default();
     this.isPostInteraction = (_config$isPostInterac = config.isPostInteraction) !== null && _config$isPostInterac !== void 0 ? _config$isPostInterac : false;
     this.selectorConfig = (_config$selectorConfi = config.selectorConfig) !== null && _config$selectorConfi !== void 0 ? _config$selectorConfi : DEFAULT_SELECTOR_CONFIG;
+
+    // Use shared SSR placeholder handler if provided, otherwise create new one if feature flag is enabled
+    if (config.ssrPlaceholderHandler) {
+      this.ssrPlaceholderHandler = config.ssrPlaceholderHandler;
+    } else {
+      var _config$SSRConfig$ena, _config$SSRConfig, _config$SSRConfig$dis, _config$SSRConfig2;
+      this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers({
+        enablePageLayoutPlaceholder: (_config$SSRConfig$ena = (_config$SSRConfig = config.SSRConfig) === null || _config$SSRConfig === void 0 ? void 0 : _config$SSRConfig.enablePageLayoutPlaceholder) !== null && _config$SSRConfig$ena !== void 0 ? _config$SSRConfig$ena : false,
+        disableSizeAndPositionCheck: (_config$SSRConfig$dis = (_config$SSRConfig2 = config.SSRConfig) === null || _config$SSRConfig2 === void 0 ? void 0 : _config$SSRConfig2.disableSizeAndPositionCheck) !== null && _config$SSRConfig$dis !== void 0 ? _config$SSRConfig$dis : {
+          v: false,
+          h: false
+        }
+      });
+    }
     this.viewportObserver = new _viewportObserver.default({
       onChange: function onChange(onChangeArg) {
         var time = onChangeArg.time,
@@ -65,6 +93,13 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
             newValue: mutationData === null || mutationData === void 0 ? void 0 : mutationData.newValue
           }
         });
+      },
+      // Pass SSR context to ViewportObserver
+      getSSRState: function getSSRState() {
+        return _this.getSSRState();
+      },
+      getSSRPlaceholderHandler: function getSSRPlaceholderHandler() {
+        return _this.getSSRPlaceholderHandler();
       }
     });
     this.windowEventObserver = new _windowEventObserver.default({
@@ -89,6 +124,14 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
         _this2 = this,
         _this$windowEventObse;
       var startTime = _ref2.startTime;
+      // Reset SSR state on start (matches old VCObserver behavior)
+      this.ssr = {
+        state: SSRState.normal,
+        reactRootElement: null,
+        // Reset to null (matches old VCObserver)
+        renderStart: -1,
+        renderStop: -1
+      };
       (_this$viewportObserve = this.viewportObserver) === null || _this$viewportObserve === void 0 || _this$viewportObserve.start();
       if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__ && (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new_ssr_abort_listener')) {
         var abortListeners = window.__SSR_ABORT_LISTENERS__;
@@ -119,6 +162,47 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
       var _this$viewportObserve2, _this$windowEventObse2;
       (_this$viewportObserve2 = this.viewportObserver) === null || _this$viewportObserve2 === void 0 || _this$viewportObserve2.stop();
       (_this$windowEventObse2 = this.windowEventObserver) === null || _this$windowEventObse2 === void 0 || _this$windowEventObse2.stop();
+
+      // Clear SSR state on stop (matches old VCObserver behavior)
+      this.ssr.reactRootElement = null;
+    }
+
+    // SSR related methods
+  }, {
+    key: "setReactRootElement",
+    value: function setReactRootElement(element) {
+      this.ssr.reactRootElement = element;
+    }
+  }, {
+    key: "setReactRootRenderStart",
+    value: function setReactRootRenderStart() {
+      var startTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : performance.now();
+      this.ssr.renderStart = startTime;
+      this.ssr.state = SSRState.waitingForFirstRender;
+    }
+  }, {
+    key: "setReactRootRenderStop",
+    value: function setReactRootRenderStop() {
+      var stopTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : performance.now();
+      this.ssr.renderStop = stopTime;
+    }
+  }, {
+    key: "collectSSRPlaceholders",
+    value: function collectSSRPlaceholders() {
+      // This is handled by the shared SSRPlaceholderHandlers in VCObserverWrapper
+      // Individual observers don't need to implement this
+    }
+
+    // Internal methods for ViewportObserver to access SSR state
+  }, {
+    key: "getSSRState",
+    value: function getSSRState() {
+      return this.ssr;
+    }
+  }, {
+    key: "getSSRPlaceholderHandler",
+    value: function getSSRPlaceholderHandler() {
+      return this.ssrPlaceholderHandler;
     }
   }, {
     key: "addSSR",

package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -26,7 +28,7 @@ function isElementVisible(element) {
   }
   try {
     var visible = element.checkVisibility({
-      // @ts-expect-error
+      // @ts-ignore - visibilityProperty may not exist in all TS environments
       visibilityProperty: true,
       contentVisibilityAuto: true,
       opacityProperty: true
@@ -74,9 +76,13 @@ var createElementMutationsWatcher = function createElementMutationsWatcher(remov
   };
 };
 var ViewportObserver = exports.default = /*#__PURE__*/function () {
+  // SSR context functions
+
   function ViewportObserver(_ref2) {
     var _this = this;
-    var onChange = _ref2.onChange;
+    var onChange = _ref2.onChange,
+      getSSRState = _ref2.getSSRState,
+      getSSRPlaceholderHandler = _ref2.getSSRPlaceholderHandler;
     (0, _classCallCheck2.default)(this, ViewportObserver);
     (0, _defineProperty2.default)(this, "handleIntersectionEntry", function (_ref3) {
       var target = _ref3.target,
@@ -100,65 +106,198 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         mutationData: mutationData
       });
     });
-    (0, _defineProperty2.default)(this, "handleChildListMutation", function (_ref4) {
-      var addedNodes = _ref4.addedNodes,
-        removedNodes = _ref4.removedNodes;
-      var removedNodeRects = removedNodes.map(function (ref) {
-        var n = ref.deref();
-        if (!n) {
-          return;
-        }
-        return _this.mapVisibleNodeRects.get(n);
-      });
-      addedNodes.forEach(function (addedNodeRef) {
-        var _this$intersectionObs4;
-        var addedNode = addedNodeRef.deref();
-        if (!addedNode) {
-          return;
-        }
-        var sameDeletedNode = removedNodes.find(function (ref) {
-          var n = ref.deref();
-          if (!n || !addedNode) {
-            return false;
+    (0, _defineProperty2.default)(this, "handleChildListMutation", /*#__PURE__*/function () {
+      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref4) {
+        var target, addedNodes, removedNodes, timestamp, removedNodeRects, targetNode, _iterator, _step, _loop, _ret;
+        return _regenerator.default.wrap(function _callee$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              target = _ref4.target, addedNodes = _ref4.addedNodes, removedNodes = _ref4.removedNodes, timestamp = _ref4.timestamp;
+              removedNodeRects = removedNodes.map(function (ref) {
+                var n = ref.deref();
+                if (!n) {
+                  return;
+                }
+                return _this.mapVisibleNodeRects.get(n);
+              });
+              targetNode = target.deref();
+              _iterator = _createForOfIteratorHelper(addedNodes);
+              _context2.prev = 4;
+              _loop = /*#__PURE__*/_regenerator.default.mark(function _loop() {
+                var _this$intersectionObs8;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, result, _this$intersectionObs3, _result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, isNoLsMarkerEnabled, _this$intersectionObs5, _this$intersectionObs6, _checkThirdPartySegme, isWithinThirdPartySegment, ignoredReason, _this$intersectionObs7, assignedReason;
+                return _regenerator.default.wrap(function _loop$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      addedNodeRef = _step.value;
+                      addedNode = addedNodeRef.deref();
+                      if (addedNode) {
+                        _context.next = 4;
+                        break;
+                      }
+                      return _context.abrupt("return", 0);
+                    case 4:
+                      if (!(_this.getSSRState && (0, _platformFeatureFlags.fg)('platform_ufo_vc_v3_ssr_placeholder'))) {
+                        _context.next = 19;
+                        break;
+                      }
+                      ssrState = _this.getSSRState();
+                      SSRStateEnum = {
+                        normal: 1,
+                        waitingForFirstRender: 2,
+                        ignoring: 3
+                      };
+                      if (!(ssrState.state === SSRStateEnum.waitingForFirstRender && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement)) {
+                        _context.next = 12;
+                        break;
+                      }
+                      ssrState.state = SSRStateEnum.ignoring;
+                      if (ssrState.renderStop === -1) {
+                        // arbitrary 500ms DOM update window
+                        ssrState.renderStop = timestamp + 500;
+                      }
+                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, 'ssr-hydration');
+                      return _context.abrupt("return", 0);
+                    case 12:
+                      if (!(ssrState.state === SSRStateEnum.ignoring && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement)) {
+                        _context.next = 19;
+                        break;
+                      }
+                      if (!(timestamp <= ssrState.renderStop)) {
+                        _context.next = 18;
+                        break;
+                      }
+                      (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(addedNode, 'ssr-hydration');
+                      return _context.abrupt("return", 0);
+                    case 18:
+                      ssrState.state = SSRStateEnum.normal;
+                    case 19:
+                      if (!(_this.getSSRPlaceholderHandler && (0, _platformFeatureFlags.fg)('platform_ufo_vc_v3_ssr_placeholder'))) {
+                        _context.next = 36;
+                        break;
+                      }
+                      ssrPlaceholderHandler = _this.getSSRPlaceholderHandler();
+                      if (!ssrPlaceholderHandler) {
+                        _context.next = 36;
+                        break;
+                      }
+                      if (!(ssrPlaceholderHandler.isPlaceholder(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode))) {
+                        _context.next = 29;
+                        break;
+                      }
+                      _context.next = 25;
+                      return ssrPlaceholderHandler.checkIfExistedAndSizeMatching(addedNode);
+                    case 25:
+                      result = _context.sent;
+                      if (!(result !== false)) {
+                        _context.next = 29;
+                        break;
+                      }
+                      (_this$intersectionObs3 = _this.intersectionObserver) === null || _this$intersectionObs3 === void 0 || _this$intersectionObs3.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                      return _context.abrupt("return", 0);
+                    case 29:
+                      if (!(ssrPlaceholderHandler.isPlaceholderReplacement(addedNode) || ssrPlaceholderHandler.isPlaceholderIgnored(addedNode))) {
+                        _context.next = 36;
+                        break;
+                      }
+                      _context.next = 32;
+                      return ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(addedNode);
+                    case 32:
+                      _result = _context.sent;
+                      if (!(_result !== false)) {
+                        _context.next = 36;
+                        break;
+                      }
+                      (_this$intersectionObs4 = _this.intersectionObserver) === null || _this$intersectionObs4 === void 0 || _this$intersectionObs4.watchAndTag(addedNode, 'mutation:ssr-placeholder');
+                      return _context.abrupt("return", 0);
+                    case 36:
+                      sameDeletedNode = removedNodes.find(function (ref) {
+                        var n = ref.deref();
+                        if (!n || !addedNode) {
+                          return false;
+                        }
+                        return n.isEqualNode(addedNode);
+                      });
+                      isInIgnoreLsMarker = (0, _isInVcIgnoreIfNoLayoutShiftMarker.default)(addedNode);
+                      isNoLsMarkerEnabled = (0, _platformFeatureFlags.fg)('platform_vc_ignore_no_ls_mutation_marker'); // When fg('platform_vc_ignore_no_ls_mutation_marker') is not enabled,
+                      // no layout shift mutation is excluded as per existing fy25.03 logic
+                      if (!(sameDeletedNode && (!isNoLsMarkerEnabled || isInIgnoreLsMarker))) {
+                        _context.next = 42;
+                        break;
+                      }
+                      (_this$intersectionObs5 = _this.intersectionObserver) === null || _this$intersectionObs5 === void 0 || _this$intersectionObs5.watchAndTag(addedNode, 'mutation:remount');
+                      return _context.abrupt("return", 0);
+                    case 42:
+                      if (!(0, _vcUtils.isContainedWithinMediaWrapper)(addedNode)) {
+                        _context.next = 45;
+                        break;
+                      }
+                      (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(addedNode, 'mutation:media');
+                      return _context.abrupt("return", 0);
+                    case 45:
+                      _checkThirdPartySegme = (0, _getComponentNameAndChildProps.checkThirdPartySegmentWithIgnoreReason)(addedNode), isWithinThirdPartySegment = _checkThirdPartySegme.isWithinThirdPartySegment, ignoredReason = _checkThirdPartySegme.ignoredReason;
+                      if (!isWithinThirdPartySegment) {
+                        _context.next = 50;
+                        break;
+                      }
+                      assignedReason = (0, _getComponentNameAndChildProps.createMutationTypeWithIgnoredReason)(ignoredReason || 'third-party-element');
+                      (_this$intersectionObs7 = _this.intersectionObserver) === null || _this$intersectionObs7 === void 0 || _this$intersectionObs7.watchAndTag(addedNode, assignedReason);
+                      return _context.abrupt("return", 0);
+                    case 50:
+                      (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
+                    case 51:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _loop);
+              });
+              _iterator.s();
+            case 7:
+              if ((_step = _iterator.n()).done) {
+                _context2.next = 14;
+                break;
+              }
+              return _context2.delegateYield(_loop(), "t0", 9);
+            case 9:
+              _ret = _context2.t0;
+              if (!(_ret === 0)) {
+                _context2.next = 12;
+                break;
+              }
+              return _context2.abrupt("continue", 12);
+            case 12:
+              _context2.next = 7;
+              break;
+            case 14:
+              _context2.next = 19;
+              break;
+            case 16:
+              _context2.prev = 16;
+              _context2.t1 = _context2["catch"](4);
+              _iterator.e(_context2.t1);
+            case 19:
+              _context2.prev = 19;
+              _iterator.f();
+              return _context2.finish(19);
+            case 22:
+            case "end":
+              return _context2.stop();
           }
-          return n.isEqualNode(addedNode);
-        });
-        var isInIgnoreLsMarker = (0, _isInVcIgnoreIfNoLayoutShiftMarker.default)(addedNode);
-        var isNoLsMarkerEnabled = (0, _platformFeatureFlags.fg)('platform_vc_ignore_no_ls_mutation_marker');
-
-        // When fg('platform_vc_ignore_no_ls_mutation_marker') is not enabled,
-        // no layout shift mutation is excluded as per existing fy25.03 logic
-        if (sameDeletedNode && (!isNoLsMarkerEnabled || isInIgnoreLsMarker)) {
-          var _this$intersectionObs;
-          (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, 'mutation:remount');
-          return;
-        }
-        if ((0, _vcUtils.isContainedWithinMediaWrapper)(addedNode)) {
-          var _this$intersectionObs2;
-          (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(addedNode, 'mutation:media');
-          return;
-        }
-        var _checkThirdPartySegme = (0, _getComponentNameAndChildProps.checkThirdPartySegmentWithIgnoreReason)(addedNode),
-          isWithinThirdPartySegment = _checkThirdPartySegme.isWithinThirdPartySegment,
-          ignoredReason = _checkThirdPartySegme.ignoredReason;
-        if (isWithinThirdPartySegment) {
-          var _this$intersectionObs3;
-          var assignedReason = (0, _getComponentNameAndChildProps.createMutationTypeWithIgnoredReason)(ignoredReason || 'third-party-element');
-          (_this$intersectionObs3 = _this.intersectionObserver) === null || _this$intersectionObs3 === void 0 || _this$intersectionObs3.watchAndTag(addedNode, assignedReason);
-          return;
-        }
-        (_this$intersectionObs4 = _this.intersectionObserver) === null || _this$intersectionObs4 === void 0 || _this$intersectionObs4.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
-      });
-    });
-    (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref5) {
-      var _this$intersectionObs5;
-      var target = _ref5.target,
-        attributeName = _ref5.attributeName,
-        oldValue = _ref5.oldValue,
-        newValue = _ref5.newValue;
-      (_this$intersectionObs5 = _this.intersectionObserver) === null || _this$intersectionObs5 === void 0 || _this$intersectionObs5.watchAndTag(target, function (_ref6) {
-        var target = _ref6.target,
-          rect = _ref6.rect;
+        }, _callee, null, [[4, 16, 19, 22]]);
+      }));
+      return function (_x) {
+        return _ref5.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2.default)(this, "handleAttributeMutation", function (_ref6) {
+      var _this$intersectionObs9;
+      var target = _ref6.target,
+        attributeName = _ref6.attributeName,
+        oldValue = _ref6.oldValue,
+        newValue = _ref6.newValue;
+      (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(target, function (_ref7) {
+        var target = _ref7.target,
+          rect = _ref7.rect;
         if ((0, _vcUtils.isContainedWithinMediaWrapper)(target)) {
           return {
             type: 'mutation:media',
@@ -229,14 +368,14 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         };
       });
     });
-    (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref7) {
-      var time = _ref7.time,
-        changedRects = _ref7.changedRects;
-      var _iterator = _createForOfIteratorHelper(changedRects),
-        _step;
+    (0, _defineProperty2.default)(this, "handleLayoutShift", function (_ref8) {
+      var time = _ref8.time,
+        changedRects = _ref8.changedRects;
+      var _iterator2 = _createForOfIteratorHelper(changedRects),
+        _step2;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var changedRect = _step.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var changedRect = _step2.value;
           var target = changedRect.node;
           if (target) {
             _this.onChange({
@@ -250,9 +389,9 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
@@ -261,6 +400,10 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
     this.intersectionObserver = null;
     this.mutationObserver = null;
     this.performanceObserver = null;
+
+    // Initialize SSR context functions
+    this.getSSRState = getSSRState;
+    this.getSSRPlaceholderHandler = getSSRPlaceholderHandler;
   }
   return (0, _createClass2.default)(ViewportObserver, [{
     key: "initializeObservers",
@@ -304,12 +447,12 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function stop() {
-      var _this$mutationObserve2, _this$intersectionObs6, _this$performanceObse2;
+      var _this$mutationObserve2, _this$intersectionObs0, _this$performanceObse2;
       if (!this.isStarted) {
         return;
       }
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
-      (_this$intersectionObs6 = this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.disconnect();
+      (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
     }