@next-core/runtime 1.44.2 → 1.44.4

package/dist/esm/internal/RendererContext.js

@@ -1,4 +1,3 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classPrivateMethodInitSpec from "@babel/runtime/helpers/classPrivateMethodInitSpec";
 import _classPrivateFieldInitSpec from "@babel/runtime/helpers/classPrivateFieldInitSpec";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -14,8 +13,8 @@ import { mountTree } from "./mount.js";
 import { RenderTag } from "./enums.js";
 import { unbindTemplateProxy } from "./CustomTemplates/bindTemplateProxy.js";
 import { hooks } from "./Runtime.js";
-var commonLifeCycles = ["onMount", "onUnmount", "onMediaChange", "onScrollIntoView", "onMessage", "onMessageClose"];
-var pageOnlyLifeCycles = ["onBeforePageLoad", "onPageLoad", "onPageLeave", "onBeforePageLeave", "onAnchorLoad", "onAnchorUnload"];
+const commonLifeCycles = ["onMount", "onUnmount", "onMediaChange", "onScrollIntoView", "onMessage", "onMessageClose"];
+const pageOnlyLifeCycles = ["onBeforePageLoad", "onPageLoad", "onPageLeave", "onBeforePageLeave", "onAnchorLoad", "onAnchorUnload"];
 var _routeHelper = /*#__PURE__*/new WeakMap();
 var _memoizedLifeCycle = /*#__PURE__*/new WeakMap();
 var _observers = /*#__PURE__*/new WeakMap();
@@ -28,7 +27,6 @@ var _incrementalRenderStates = /*#__PURE__*/new WeakMap();
 var _RendererContext_brand = /*#__PURE__*/new WeakSet();
 export class RendererContext {
   constructor(scope, options) {
-    var _options$unknownBrick;
     _classPrivateMethodInitSpec(this, _RendererContext_brand);
     /**
      * - page: render as whole page, triggering page life cycles.
@@ -60,7 +58,7 @@ export class RendererContext {
     _classPrivateFieldInitSpec(this, _memoizedMenuRequestNodeMap, new WeakMap());
     _classPrivateFieldInitSpec(this, _incrementalRenderStates, new Map());
     this.scope = scope;
-    this.unknownBricks = (_options$unknownBrick = options === null || options === void 0 ? void 0 : options.unknownBricks) !== null && _options$unknownBrick !== void 0 ? _options$unknownBrick : "throw";
+    this.unknownBricks = (options === null || options === void 0 ? void 0 : options.unknownBricks) ?? "throw";
     _classPrivateFieldSet(_routeHelper, this, options === null || options === void 0 ? void 0 : options.routeHelper);
     this.renderId = options === null || options === void 0 ? void 0 : options.renderId;
   }
@@ -71,8 +69,8 @@ export class RendererContext {
     _classPrivateFieldGet(_memoizedMenuRequestNodeMap, this).set(routes, menuRequestNode);
   }
   getMenuRequests() {
-    var menuRequests = [];
-    var current = _classPrivateFieldGet(_initialMenuRequestNode, this);
+    const menuRequests = [];
+    let current = _classPrivateFieldGet(_initialMenuRequestNode, this);
     while (current) {
       if (current.request) {
         menuRequests.push(current.request);
@@ -89,30 +87,26 @@ export class RendererContext {
     }
     return menuRequests;
   }
-  reMergeMenuRequestNodes(parentMenuRequestNode, routes) {
-    var _arguments = arguments,
-      _this = this;
-    return _asyncToGenerator(function* () {
-      var menuRequestNode = _arguments.length > 2 && _arguments[2] !== undefined ? _arguments[2] : {};
-      var node = _classPrivateFieldGet(_memoizedMenuRequestNodeMap, _this).get(routes);
-      _classPrivateFieldGet(_memoizedMenuRequestNodeMap, _this).set(routes, menuRequestNode);
-      var current = parentMenuRequestNode.child;
-      var previousSibling;
-      while (current) {
-        if (current === node) {
-          break;
-        }
-        previousSibling = current;
-        current = current.sibling;
-      }
-      if (previousSibling) {
-        previousSibling.sibling = menuRequestNode;
-        menuRequestNode.sibling = node === null || node === void 0 ? void 0 : node.sibling;
-      } else {
-        parentMenuRequestNode.child = menuRequestNode;
+  async reMergeMenuRequestNodes(parentMenuRequestNode, routes) {
+    let menuRequestNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    const node = _classPrivateFieldGet(_memoizedMenuRequestNodeMap, this).get(routes);
+    _classPrivateFieldGet(_memoizedMenuRequestNodeMap, this).set(routes, menuRequestNode);
+    let current = parentMenuRequestNode.child;
+    let previousSibling;
+    while (current) {
+      if (current === node) {
+        break;
       }
-      yield _classPrivateFieldGet(_routeHelper, _this).mergeMenus(_this.getMenuRequests());
-    })();
+      previousSibling = current;
+      current = current.sibling;
+    }
+    if (previousSibling) {
+      previousSibling.sibling = menuRequestNode;
+      menuRequestNode.sibling = node === null || node === void 0 ? void 0 : node.sibling;
+    } else {
+      parentMenuRequestNode.child = menuRequestNode;
+    }
+    await _classPrivateFieldGet(_routeHelper, this).mergeMenus(this.getMenuRequests());
   }
   reBailout(output) {
     return _classPrivateFieldGet(_routeHelper, this).bailout(output);
@@ -120,36 +114,33 @@ export class RendererContext {
   reCatch(error, returnNode) {
     return _classPrivateFieldGet(_routeHelper, this).catch(error, returnNode);
   }
-  didPerformIncrementalRender(location, prevLocation) {
-    var _this2 = this;
-    return _asyncToGenerator(function* () {
-      var finalResult = false;
-      var shouldIgnoreRoutes = [];
-      // Perform incremental rendering from inside out.
-      // This allows nested incremental sub-routes.
-      for (var {
-        parentRoutes,
-        callback
-      } of [..._classPrivateFieldGet(_incrementalRenderStates, _this2).values()].reverse()) {
-        var parentRoute = parentRoutes[parentRoutes.length - 1];
-        if (shouldIgnoreRoutes.includes(parentRoute)) {
-          // Do not re-render parent routes if any of its children has performed incremental rendering.
-          // In the meantime, allow sibling-routes to perform incremental rendering.
-          continue;
-        }
-        var result = yield callback(location, prevLocation);
-        // When result is null, it means the incremental rendering is tried but routes missed.
-        // In this case, we should continue to re-render the parent routes.
-        if (result) {
-          shouldIgnoreRoutes.push(...parentRoutes.slice(0, -1));
-        }
-        // Mark incremental rendering as performed at final if result is true or null.
-        if (result !== false) {
-          finalResult = true;
-        }
+  async didPerformIncrementalRender(location, prevLocation) {
+    let finalResult = false;
+    const shouldIgnoreRoutes = [];
+    // Perform incremental rendering from inside out.
+    // This allows nested incremental sub-routes.
+    for (const {
+      parentRoutes,
+      callback
+    } of [..._classPrivateFieldGet(_incrementalRenderStates, this).values()].reverse()) {
+      const parentRoute = parentRoutes[parentRoutes.length - 1];
+      if (shouldIgnoreRoutes.includes(parentRoute)) {
+        // Do not re-render parent routes if any of its children has performed incremental rendering.
+        // In the meantime, allow sibling-routes to perform incremental rendering.
+        continue;
       }
-      return finalResult;
-    })();
+      const result = await callback(location, prevLocation);
+      // When result is null, it means the incremental rendering is tried but routes missed.
+      // In this case, we should continue to re-render the parent routes.
+      if (result) {
+        shouldIgnoreRoutes.push(...parentRoutes.slice(0, -1));
+      }
+      // Mark incremental rendering as performed at final if result is true or null.
+      if (result !== false) {
+        finalResult = true;
+      }
+    }
+    return finalResult;
   }
 
   /**
@@ -167,9 +158,9 @@ export class RendererContext {
     if (!lifeCycle) {
       return;
     }
-    var lifeCycleTypes = [...commonLifeCycles, ...(this.scope === "page" ? pageOnlyLifeCycles : [])];
-    for (var key of lifeCycleTypes) {
-      var handlers = lifeCycle[key];
+    const lifeCycleTypes = [...commonLifeCycles, ...(this.scope === "page" ? pageOnlyLifeCycles : [])];
+    for (const key of lifeCycleTypes) {
+      const handlers = lifeCycle[key];
       if (handlers) {
         _classPrivateFieldGet(_memoizedLifeCycle, this)[key].push({
           brick,
@@ -184,7 +175,7 @@ export class RendererContext {
     }
   }
   registerArbitraryLifeCycle(lifeCycle, fn) {
-    var arbitraryCallbacks = _classPrivateFieldGet(_arbitraryLifeCycle, this).get(lifeCycle);
+    const arbitraryCallbacks = _classPrivateFieldGet(_arbitraryLifeCycle, this).get(lifeCycle);
     if (arbitraryCallbacks) {
       arbitraryCallbacks.add(fn);
     } else {
@@ -195,8 +186,8 @@ export class RendererContext {
     if (!_classPrivateFieldGet(_memoized, this)) {
       _classPrivateFieldSet(_memoized, this, new WeakMap());
     }
-    var memKey = [slotId !== null && slotId !== void 0 ? slotId : "", ...keyPath].join(".");
-    var mem = _classPrivateFieldGet(_memoized, this).get(returnNode);
+    const memKey = [slotId ?? "", ...keyPath].join(".");
+    let mem = _classPrivateFieldGet(_memoized, this).get(returnNode);
     if (!mem) {
       mem = new Map();
       _classPrivateFieldGet(_memoized, this).set(returnNode, mem);
@@ -209,49 +200,49 @@ export class RendererContext {
     });
   }
   reRender(slotId, keyPath, node, returnNode) {
-    var memKey = [slotId !== null && slotId !== void 0 ? slotId : "", ...keyPath].join(".");
+    const memKey = [slotId ?? "", ...keyPath].join(".");
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    var memoized = _classPrivateFieldGet(_memoized, this).get(returnNode).get(memKey);
-    var {
+    const memoized = _classPrivateFieldGet(_memoized, this).get(returnNode).get(memKey);
+    const {
       node: prevNode,
       last: prevLast,
       lastNormal: prevLastNormal,
       lastPortal: prevLastPortal
     } = memoized;
-    var insertBeforeChild;
-    var insertPortalBeforeChildCandidates = [];
+    let insertBeforeChild;
+    const insertPortalBeforeChildCandidates = [];
     if ((prevNode === null || prevNode === void 0 ? void 0 : prevNode.tag) === RenderTag.PLACEHOLDER) {
-      var _getNextNormalNode$el, _getNextNormalNode, _getNextPortalNode;
-      insertBeforeChild = (_getNextNormalNode$el = (_getNextNormalNode = getNextNormalNode(prevNode)) === null || _getNextNormalNode === void 0 ? void 0 : _getNextNormalNode.element) !== null && _getNextNormalNode$el !== void 0 ? _getNextNormalNode$el : null;
+      var _getNextNormalNode, _getNextPortalNode;
+      insertBeforeChild = ((_getNextNormalNode = getNextNormalNode(prevNode)) === null || _getNextNormalNode === void 0 ? void 0 : _getNextNormalNode.element) ?? null;
       // Todo(steve): handle portal bricks from useBrick.
-      var nextSibling = (_getNextPortalNode = getNextPortalNode(prevNode)) === null || _getNextPortalNode === void 0 ? void 0 : _getNextPortalNode.element;
+      const nextSibling = (_getNextPortalNode = getNextPortalNode(prevNode)) === null || _getNextPortalNode === void 0 ? void 0 : _getNextPortalNode.element;
       if (nextSibling) {
         insertPortalBeforeChildCandidates.push(nextSibling);
       }
     } else {
-      var _prevLastNormal$eleme, _prevLastNormal$eleme2, _prevLastPortal$eleme;
-      insertBeforeChild = (_prevLastNormal$eleme = prevLastNormal === null || prevLastNormal === void 0 || (_prevLastNormal$eleme2 = prevLastNormal.element) === null || _prevLastNormal$eleme2 === void 0 ? void 0 : _prevLastNormal$eleme2.nextSibling) !== null && _prevLastNormal$eleme !== void 0 ? _prevLastNormal$eleme : null;
-      var _nextSibling = prevLastPortal === null || prevLastPortal === void 0 || (_prevLastPortal$eleme = prevLastPortal.element) === null || _prevLastPortal$eleme === void 0 ? void 0 : _prevLastPortal$eleme.nextSibling;
-      while (_nextSibling) {
-        insertPortalBeforeChildCandidates.push(_nextSibling);
+      var _prevLastNormal$eleme, _prevLastPortal$eleme;
+      insertBeforeChild = (prevLastNormal === null || prevLastNormal === void 0 || (_prevLastNormal$eleme = prevLastNormal.element) === null || _prevLastNormal$eleme === void 0 ? void 0 : _prevLastNormal$eleme.nextSibling) ?? null;
+      let nextSibling = prevLastPortal === null || prevLastPortal === void 0 || (_prevLastPortal$eleme = prevLastPortal.element) === null || _prevLastPortal$eleme === void 0 ? void 0 : _prevLastPortal$eleme.nextSibling;
+      while (nextSibling) {
+        insertPortalBeforeChildCandidates.push(nextSibling);
         // Collect all portal bricks from useBrick, until found a normal portal
         // brick other than from useBrick.
         // Because useBrick could be removed during unmount.
-        if (!(_nextSibling instanceof HTMLElement && _nextSibling.tagName === "DIV")) {
+        if (!(nextSibling instanceof HTMLElement && nextSibling.tagName === "DIV")) {
           break;
         }
-        _nextSibling = _nextSibling.nextSibling;
+        nextSibling = nextSibling.nextSibling;
       }
     }
-    var last = getLastNode(node);
+    const last = getLastNode(node);
     memoized.node = node;
     memoized.last = last;
     memoized.lastNormal = getLastNormalNode(node);
     memoized.lastPortal = getLastPortalNode(node);
 
     // Figure out the unchanged prev sibling and next sibling
-    var prevSibling;
-    var current = returnNode.child;
+    let prevSibling;
+    let current = returnNode.child;
     while (current && current !== prevLast) {
       if (current.sibling === prevNode) {
         prevSibling = current;
@@ -259,9 +250,9 @@ export class RendererContext {
       }
       current = current.sibling;
     }
-    var fragment = document.createDocumentFragment();
-    var portalFragment = document.createDocumentFragment();
-    var renderRoot = {
+    const fragment = document.createDocumentFragment();
+    const portalFragment = document.createDocumentFragment();
+    const renderRoot = {
       tag: RenderTag.ROOT,
       container: fragment,
       createPortal: portalFragment,
@@ -276,7 +267,7 @@ export class RendererContext {
     }
 
     // Unmount previous bricks, including their descendants
-    var removeBricks = getBrickRange(prevNode, prevLast);
+    const removeBricks = getBrickRange(prevNode, prevLast);
     _assertClassBrand(_RendererContext_brand, this, _unmountBricks).call(this, removeBricks);
     mountTree(renderRoot);
 
@@ -305,7 +296,7 @@ export class RendererContext {
     }
     if (portalFragment.childNodes.length > 0) {
       var _root;
-      var root = node;
+      let root = node;
       while (root && root.return) {
         root = root.return;
       }
@@ -313,9 +304,9 @@ export class RendererContext {
       if (((_root = root) === null || _root === void 0 ? void 0 : _root.tag) !== RenderTag.ROOT) {
         throw new Error("Cannot find render root node. This is a bug of Brick Next, please report it.");
       }
-      var portal = typeof root.createPortal === "function" ? root.createPortal() : root.createPortal;
-      var insertPortalBeforeChild = null;
-      for (var candidate of insertPortalBeforeChildCandidates) {
+      const portal = typeof root.createPortal === "function" ? root.createPortal() : root.createPortal;
+      let insertPortalBeforeChild = null;
+      for (const candidate of insertPortalBeforeChildCandidates) {
         // Those candidates from useBrick could be removed during unmount.
         // So we need to check if they are still in the portal.
         if (portal.contains(candidate)) {
@@ -325,18 +316,18 @@ export class RendererContext {
       }
       portal.insertBefore(portalFragment, insertPortalBeforeChild);
     }
-    var newBricks = getBrickRange(node, last);
+    const newBricks = getBrickRange(node, last);
     _assertClassBrand(_RendererContext_brand, this, _initializeRerenderBricks).call(this, newBricks);
   }
   dispose() {
-    for (var list of Object.values(_classPrivateFieldGet(_memoizedLifeCycle, this))) {
+    for (const list of Object.values(_classPrivateFieldGet(_memoizedLifeCycle, this))) {
       list.length = 0;
     }
-    for (var _list of _classPrivateFieldGet(_observers, this).values()) {
-      for (var observer of _list) {
+    for (const list of _classPrivateFieldGet(_observers, this).values()) {
+      for (const observer of list) {
         observer.disconnect();
       }
-      _list.length = 0;
+      list.length = 0;
     }
     _classPrivateFieldGet(_observers, this).clear();
     if (_classPrivateFieldGet(_mediaListener, this)) {
@@ -355,7 +346,7 @@ export class RendererContext {
     _assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onBeforePageLoad", new CustomEvent("page.beforeLoad"));
   }
   dispatchPageLoad() {
-    var event = new CustomEvent("page.load");
+    const event = new CustomEvent("page.load");
     _assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onPageLoad", event);
     // Currently only for e2e testing
     window.dispatchEvent(event);
@@ -369,7 +360,7 @@ export class RendererContext {
     _assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onPageLeave", new CustomEvent("page.leave"));
   }
   dispatchAnchorLoad() {
-    var {
+    const {
       hash
     } = getHistory().location;
     if (hash && hash !== "#") {
@@ -384,7 +375,7 @@ export class RendererContext {
     }
   }
   initializeScrollIntoView() {
-    for (var {
+    for (const {
       brick,
       handlers: conf
     } of _classPrivateFieldGet(_memoizedLifeCycle, this).onScrollIntoView) {
@@ -400,27 +391,21 @@ export class RendererContext {
     mediaEventTarget.addEventListener("change", _classPrivateFieldGet(_mediaListener, this));
   }
   initializeMessageDispatcher() {
-    var _hooks$messageDispatc;
-    var _loop = function (brick) {
-      var _loop2 = function (conf) {
-        var _hooks$messageDispatc2;
-        hooks === null || hooks === void 0 || (_hooks$messageDispatc2 = hooks.messageDispatcher) === null || _hooks$messageDispatc2 === void 0 || _hooks$messageDispatc2.onMessage(conf.channel, detail => {
+    var _hooks$messageDispatc2;
+    for (const {
+      brick,
+      handlers: confList
+    } of _classPrivateFieldGet(_memoizedLifeCycle, this).onMessage) {
+      for (const conf of [].concat(confList)) {
+        var _hooks$messageDispatc;
+        hooks === null || hooks === void 0 || (_hooks$messageDispatc = hooks.messageDispatcher) === null || _hooks$messageDispatc === void 0 || _hooks$messageDispatc.onMessage(conf.channel, detail => {
           listenerFactory(conf.handlers, brick.runtimeContext, brick)(new CustomEvent("message.push", {
             detail
           }));
         });
-      };
-      for (var conf of [].concat(confList)) {
-        _loop2(conf);
       }
-    };
-    for (var {
-      brick,
-      handlers: confList
-    } of _classPrivateFieldGet(_memoizedLifeCycle, this).onMessage) {
-      _loop(brick);
     }
-    hooks === null || hooks === void 0 || (_hooks$messageDispatc = hooks.messageDispatcher) === null || _hooks$messageDispatc === void 0 || _hooks$messageDispatc.onClose(() => {
+    hooks === null || hooks === void 0 || (_hooks$messageDispatc2 = hooks.messageDispatcher) === null || _hooks$messageDispatc2 === void 0 || _hooks$messageDispatc2.onClose(() => {
       _assertClassBrand(_RendererContext_brand, this, _dispatchGeneralLifeCycle).call(this, "onMessageClose", new CustomEvent("message.close"));
     });
   }
@@ -432,23 +417,23 @@ export class RendererContext {
   }
 }
 function _unmountBricks(bricks) {
-  var lifeCycleTypes = [...commonLifeCycles, ...(this.scope === "page" ? pageOnlyLifeCycles : [])];
-  var unmountList = [];
+  const lifeCycleTypes = [...commonLifeCycles, ...(this.scope === "page" ? pageOnlyLifeCycles : [])];
+  const unmountList = [];
 
   // Clear life cycle handlers, record `onUnmount` at the same time
-  for (var key of lifeCycleTypes) {
-    var removed = remove(_classPrivateFieldGet(_memoizedLifeCycle, this)[key], item => bricks.has(item.brick));
+  for (const key of lifeCycleTypes) {
+    const removed = remove(_classPrivateFieldGet(_memoizedLifeCycle, this)[key], item => bricks.has(item.brick));
     if (key === "onUnmount") {
       unmountList.push(...removed);
     }
   }
 
   // Clear intersection observers
-  for (var brick of bricks) {
+  for (const brick of bricks) {
     var _brick$element, _brick$element2;
-    var observers = _classPrivateFieldGet(_observers, this).get(brick);
+    const observers = _classPrivateFieldGet(_observers, this).get(brick);
     if (observers !== null && observers !== void 0 && observers.length) {
-      for (var observer of observers) {
+      for (const observer of observers) {
         observer.disconnect();
       }
       observers.length = 0;
@@ -462,17 +447,17 @@ function _unmountBricks(bricks) {
   }
 
   // Dispatch unmount events
-  var unmountEvent = new CustomEvent("unmount");
-  for (var {
-    brick: _brick,
+  const unmountEvent = new CustomEvent("unmount");
+  for (const {
+    brick,
     handlers
   } of unmountList) {
-    listenerFactory(handlers, _brick.runtimeContext, _brick)(unmountEvent);
+    listenerFactory(handlers, brick.runtimeContext, brick)(unmountEvent);
   }
 }
 function _initializeRerenderBricks(bricks) {
-  var mountEvent = new CustomEvent("mount");
-  for (var {
+  const mountEvent = new CustomEvent("mount");
+  for (const {
     brick,
     handlers
   } of _classPrivateFieldGet(_memoizedLifeCycle, this).onMount) {
@@ -480,37 +465,36 @@ function _initializeRerenderBricks(bricks) {
       listenerFactory(handlers, brick.runtimeContext, brick)(mountEvent);
     }
   }
-  for (var {
-    brick: _brick2,
+  for (const {
+    brick,
     handlers: conf
   } of _classPrivateFieldGet(_memoizedLifeCycle, this).onScrollIntoView) {
-    if (bricks.has(_brick2)) {
-      _assertClassBrand(_RendererContext_brand, this, _addObserver).call(this, _brick2, conf);
+    if (bricks.has(brick)) {
+      _assertClassBrand(_RendererContext_brand, this, _addObserver).call(this, brick, conf);
     }
   }
 }
 function _dispatchGeneralLifeCycle(type, event) {
   // istanbul ignore next
   if (process.env.NODE_ENV === "development" && this.scope === "fragment" && pageOnlyLifeCycles.includes(type)) {
-    throw new Error("`lifeCycle.".concat(type, "` cannot be used in ").concat(this.scope, ".\nThis is a bug of Brick Next, please report it."));
+    throw new Error(`\`lifeCycle.${type}\` cannot be used in ${this.scope}.\nThis is a bug of Brick Next, please report it.`);
   }
-  for (var {
+  for (const {
     brick,
     handlers
   } of _classPrivateFieldGet(_memoizedLifeCycle, this)[type]) {
     listenerFactory(handlers, brick.runtimeContext, brick)(event);
   }
-  var arbitraryCallbacks = _classPrivateFieldGet(_arbitraryLifeCycle, this).get(type);
+  const arbitraryCallbacks = _classPrivateFieldGet(_arbitraryLifeCycle, this).get(type);
   if (arbitraryCallbacks) {
-    for (var fn of arbitraryCallbacks) {
+    for (const fn of arbitraryCallbacks) {
       fn();
     }
   }
 }
 function _addObserver(brick, conf) {
-  var _conf$threshold;
-  var threshold = (_conf$threshold = conf.threshold) !== null && _conf$threshold !== void 0 ? _conf$threshold : 0.1;
-  var observer = new IntersectionObserver((entries, observer) => {
+  const threshold = conf.threshold ?? 0.1;
+  const observer = new IntersectionObserver((entries, observer) => {
     entries.forEach(entry => {
       if (entry.isIntersecting) {
         if (entry.intersectionRatio >= threshold) {
@@ -523,7 +507,7 @@ function _addObserver(brick, conf) {
     threshold
   });
   observer.observe(brick.element);
-  var list = _classPrivateFieldGet(_observers, this).get(brick);
+  let list = _classPrivateFieldGet(_observers, this).get(brick);
   if (!list) {
     list = [];
     _classPrivateFieldGet(_observers, this).set(brick, list);
@@ -531,7 +515,7 @@ function _addObserver(brick, conf) {
   list.push(observer);
 }
 function getLastNode(node) {
-  var last = node;
+  let last = node;
   while ((_last = last) !== null && _last !== void 0 && _last.sibling) {
     var _last;
     last = last.sibling;
@@ -545,8 +529,8 @@ function getNextNormalNode(node) {
   return getSpecifiedNormalNode(node, true);
 }
 function getSpecifiedNormalNode(node, next) {
-  var last;
-  var current = node;
+  let last;
+  let current = node;
   while (current) {
     if (current.tag === RenderTag.BRICK && !current.portal) {
       if (next) {
@@ -565,8 +549,8 @@ function getNextPortalNode(node) {
   return getSpecifiedPortalNode(node, true);
 }
 function getSpecifiedPortalNode(node, next) {
-  var last;
-  var current = node;
+  let last;
+  let current = node;
   while (current) {
     if (current.tag === RenderTag.BRICK && current.portal) {
       if (next) {
@@ -580,7 +564,7 @@ function getSpecifiedPortalNode(node, next) {
       current = current.sibling;
     } else {
       var _currentReturn;
-      var currentReturn = current.return;
+      let currentReturn = current.return;
       while (currentReturn) {
         if (currentReturn.sibling) {
           break;
@@ -593,8 +577,8 @@ function getSpecifiedPortalNode(node, next) {
   return last;
 }
 function getBrickRange(from, to) {
-  var range = new Set();
-  var current = from;
+  const range = new Set();
+  let current = from;
   while (current) {
     if (current.tag === RenderTag.BRICK) {
       range.add(current);
@@ -607,7 +591,7 @@ function getBrickRange(from, to) {
       current = current.sibling;
     } else {
       var _currentReturn2;
-      var currentReturn = current.return;
+      let currentReturn = current.return;
       while (currentReturn && currentReturn !== to) {
         if (currentReturn.sibling) {
           break;