@hanzogui/react-native-web-lite 3.0.6 → 4.4.0

package/dist/cjs/vendor/react-native/Utilities/clamp.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var clamp_exports = {};
 __export(clamp_exports, {
@@ -27,6 +29,12 @@ __export(clamp_exports, {
 });
 module.exports = __toCommonJS(clamp_exports);
 function clamp(min, value, max) {
-  return value < min ? min : value > max ? max : value;
+  if (value < min) {
+    return min;
+  }
+  if (value > max) {
+    return max;
+  }
+  return value;
 }
 var clamp_default = clamp;

package/dist/cjs/vendor/react-native/Utilities/setAndForwardRef.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var setAndForwardRef_exports = {};
 __export(setAndForwardRef_exports, {
@@ -30,9 +32,14 @@ function setAndForwardRef({
   getForwardedRef,
   setLocalRef
 }) {
-  return function (ref) {
+  return function forwardRef(ref) {
     const forwardedRef = getForwardedRef();
-    setLocalRef(ref), typeof forwardedRef == "function" ? forwardedRef(ref) : typeof forwardedRef == "object" && forwardedRef != null && (forwardedRef.current = ref);
+    setLocalRef(ref);
+    if (typeof forwardedRef === "function") {
+      forwardedRef(ref);
+    } else if (typeof forwardedRef === "object" && forwardedRef != null) {
+      forwardedRef.current = ref;
+    }
   };
 }
 var setAndForwardRef_default = setAndForwardRef;

package/dist/cjs/vendor/react-native/Utilities/useMergeRefs.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useMergeRefs_exports = {};
 __export(useMergeRefs_exports, {
@@ -27,7 +29,15 @@ module.exports = __toCommonJS(useMergeRefs_exports);
 var import_react = require("react");
 function useMergeRefs(...refs) {
   return (0, import_react.useCallback)(current => {
-    for (const ref of refs) ref != null && (typeof ref == "function" ? ref(current) : ref.current = current);
+    for (const ref of refs) {
+      if (ref != null) {
+        if (typeof ref === "function") {
+          ref(current);
+        } else {
+          ref.current = current;
+        }
+      }
+    }
   }, [...refs]
   // eslint-disable-line react-hooks/exhaustive-deps
   );

package/dist/cjs/vendor/react-native/Utilities/useRefEffect.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useRefEffect_exports = {};
 __export(useRefEffect_exports, {
@@ -28,7 +30,13 @@ var import_react = require("react");
 function useRefEffect(effect) {
   const cleanupRef = (0, import_react.useRef)(void 0);
   return (0, import_react.useCallback)(instance => {
-    cleanupRef.current && (cleanupRef.current(), cleanupRef.current = void 0), instance != null && (cleanupRef.current = effect(instance));
+    if (cleanupRef.current) {
+      cleanupRef.current();
+      cleanupRef.current = void 0;
+    }
+    if (instance != null) {
+      cleanupRef.current = effect(instance);
+    }
   }, [effect]);
 }
 var useRefEffect_default = useRefEffect;

package/dist/cjs/vendor/react-native/ViewabilityHelper/index.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ViewabilityHelper_exports = {};
 __export(ViewabilityHelper_exports, {
@@ -29,7 +31,7 @@ module.exports = __toCommonJS(ViewabilityHelper_exports);
 var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
 class ViewabilityHelper {
   _config;
-  _hasInteracted = !1;
+  _hasInteracted = false;
   _timers = /* @__PURE__ */new Set();
   _viewableIndices = [];
   _viewableItems = /* @__PURE__ */new Map();
@@ -48,16 +50,18 @@ class ViewabilityHelper {
    * Determines which items are viewable based on the current metrics and config.
    */
   computeViewableItems(props, scrollOffset, viewportHeight, getFrameMetrics, renderRange) {
-    const itemCount = props.getItemCount(props.data),
-      {
-        itemVisiblePercentThreshold,
-        viewAreaCoveragePercentThreshold
-      } = this._config,
-      viewAreaMode = viewAreaCoveragePercentThreshold != null,
-      viewablePercentThreshold = viewAreaMode ? viewAreaCoveragePercentThreshold : itemVisiblePercentThreshold;
-    (0, import_react_native_web_internals.invariant)(viewablePercentThreshold != null && itemVisiblePercentThreshold != null != (viewAreaCoveragePercentThreshold != null), "Must set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold");
+    const itemCount = props.getItemCount(props.data);
+    const {
+      itemVisiblePercentThreshold,
+      viewAreaCoveragePercentThreshold
+    } = this._config;
+    const viewAreaMode = viewAreaCoveragePercentThreshold != null;
+    const viewablePercentThreshold = viewAreaMode ? viewAreaCoveragePercentThreshold : itemVisiblePercentThreshold;
+    (0, import_react_native_web_internals.invariant)(viewablePercentThreshold != null && itemVisiblePercentThreshold != null !== (viewAreaCoveragePercentThreshold != null), "Must set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold");
     const viewableIndices = [];
-    if (itemCount === 0) return viewableIndices;
+    if (itemCount === 0) {
+      return viewableIndices;
+    }
     let firstVisible = -1;
     const {
       first,
@@ -66,16 +70,28 @@ class ViewabilityHelper {
       first: 0,
       last: itemCount - 1
     };
-    if (last >= itemCount) return console.warn("Invalid render range computing viewability " + JSON.stringify({
-      renderRange,
-      itemCount
-    })), [];
+    if (last >= itemCount) {
+      console.warn("Invalid render range computing viewability " + JSON.stringify({
+        renderRange,
+        itemCount
+      }));
+      return [];
+    }
     for (let idx = first; idx <= last; idx++) {
       const metrics = getFrameMetrics(idx, props);
-      if (!metrics) continue;
-      const top = metrics.offset - scrollOffset,
-        bottom = top + metrics.length;
-      if (top < viewportHeight && bottom > 0) firstVisible = idx, _isViewable(viewAreaMode, viewablePercentThreshold, top, bottom, viewportHeight, metrics.length) && viewableIndices.push(idx);else if (firstVisible >= 0) break;
+      if (!metrics) {
+        continue;
+      }
+      const top = metrics.offset - scrollOffset;
+      const bottom = top + metrics.length;
+      if (top < viewportHeight && bottom > 0) {
+        firstVisible = idx;
+        if (_isViewable(viewAreaMode, viewablePercentThreshold, top, bottom, viewportHeight, metrics.length)) {
+          viewableIndices.push(idx);
+        }
+      } else if (firstVisible >= 0) {
+        break;
+      }
     }
     return viewableIndices;
   }
@@ -85,14 +101,26 @@ class ViewabilityHelper {
    */
   onUpdate(props, scrollOffset, viewportHeight, getFrameMetrics, createViewToken, onViewableItemsChanged, renderRange) {
     const itemCount = props.getItemCount(props.data);
-    if (this._config.waitForInteraction && !this._hasInteracted || itemCount === 0 || !getFrameMetrics(0, props)) return;
+    if (this._config.waitForInteraction && !this._hasInteracted || itemCount === 0 || !getFrameMetrics(0, props)) {
+      return;
+    }
     let viewableIndices = [];
-    if (itemCount && (viewableIndices = this.computeViewableItems(props, scrollOffset, viewportHeight, getFrameMetrics, renderRange)), !(this._viewableIndices.length === viewableIndices.length && this._viewableIndices.every((v, ii) => v === viewableIndices[ii]))) if (this._viewableIndices = viewableIndices, this._config.minimumViewTime) {
+    if (itemCount) {
+      viewableIndices = this.computeViewableItems(props, scrollOffset, viewportHeight, getFrameMetrics, renderRange);
+    }
+    if (this._viewableIndices.length === viewableIndices.length && this._viewableIndices.every((v, ii) => v === viewableIndices[ii])) {
+      return;
+    }
+    this._viewableIndices = viewableIndices;
+    if (this._config.minimumViewTime) {
       const handle = setTimeout(() => {
-        this._timers.delete(handle), this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
+        this._timers.delete(handle);
+        this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
       }, this._config.minimumViewTime);
       this._timers.add(handle);
-    } else this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
+    } else {
+      this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
+    }
   }
   /**
    * clean-up cached _viewableIndices to evaluate changed items on next update
@@ -104,33 +132,46 @@ class ViewabilityHelper {
    * Records that an interaction has happened even if there has been no scroll.
    */
   recordInteraction() {
-    this._hasInteracted = !0;
+    this._hasInteracted = true;
   }
   _onUpdateSync(props, viewableIndicesToCheck, onViewableItemsChanged, createViewToken) {
     viewableIndicesToCheck = viewableIndicesToCheck.filter(ii => this._viewableIndices.includes(ii));
-    const prevItems = this._viewableItems,
-      nextItems = new Map(viewableIndicesToCheck.map(ii => {
-        const viewable = createViewToken(ii, !0, props);
-        return [viewable.key, viewable];
-      })),
-      changed = [];
-    for (const [key, viewable] of nextItems) prevItems.has(key) || changed.push(viewable);
-    for (const [key, viewable] of prevItems) nextItems.has(key) || changed.push({
-      ...viewable,
-      isViewable: !1
-    });
-    changed.length > 0 && (this._viewableItems = nextItems, onViewableItemsChanged({
-      viewableItems: Array.from(nextItems.values()),
-      changed,
-      viewabilityConfig: this._config
+    const prevItems = this._viewableItems;
+    const nextItems = new Map(viewableIndicesToCheck.map(ii => {
+      const viewable = createViewToken(ii, true, props);
+      return [viewable.key, viewable];
     }));
+    const changed = [];
+    for (const [key, viewable] of nextItems) {
+      if (!prevItems.has(key)) {
+        changed.push(viewable);
+      }
+    }
+    for (const [key, viewable] of prevItems) {
+      if (!nextItems.has(key)) {
+        changed.push({
+          ...viewable,
+          isViewable: false
+        });
+      }
+    }
+    if (changed.length > 0) {
+      this._viewableItems = nextItems;
+      onViewableItemsChanged({
+        viewableItems: Array.from(nextItems.values()),
+        changed,
+        viewabilityConfig: this._config
+      });
+    }
   }
 }
 function _isViewable(viewAreaMode, viewablePercentThreshold, top, bottom, viewportHeight, itemLength) {
-  if (_isEntirelyVisible(top, bottom, viewportHeight)) return !0;
-  {
+  if (_isEntirelyVisible(top, bottom, viewportHeight)) {
+    return true;
+  } else {
     const pixels = _getPixelsVisible(top, bottom, viewportHeight);
-    return 100 * (viewAreaMode ? pixels / viewportHeight : pixels / itemLength) >= viewablePercentThreshold;
+    const percent = 100 * (viewAreaMode ? pixels / viewportHeight : pixels / itemLength);
+    return percent >= viewablePercentThreshold;
   }
 }
 function _getPixelsVisible(top, bottom, viewportHeight) {

package/dist/cjs/vendor/react-native/ViewabilityHelper.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ViewabilityHelper_exports = {};
 __export(ViewabilityHelper_exports, {
@@ -27,7 +29,7 @@ module.exports = __toCommonJS(ViewabilityHelper_exports);
 var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
 class ViewabilityHelper {
   _config;
-  _hasInteracted = !1;
+  _hasInteracted = false;
   _timers = /* @__PURE__ */new Set();
   _viewableIndices = [];
   _viewableItems = /* @__PURE__ */new Map();
@@ -46,16 +48,18 @@ class ViewabilityHelper {
    * Determines which items are viewable based on the current metrics and config.
    */
   computeViewableItems(props, scrollOffset, viewportHeight, getFrameMetrics, renderRange) {
-    const itemCount = props.getItemCount(props.data),
-      {
-        itemVisiblePercentThreshold,
-        viewAreaCoveragePercentThreshold
-      } = this._config,
-      viewAreaMode = viewAreaCoveragePercentThreshold != null,
-      viewablePercentThreshold = viewAreaMode ? viewAreaCoveragePercentThreshold : itemVisiblePercentThreshold;
-    (0, import_react_native_web_internals.invariant)(viewablePercentThreshold != null && itemVisiblePercentThreshold != null != (viewAreaCoveragePercentThreshold != null), "Must set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold");
+    const itemCount = props.getItemCount(props.data);
+    const {
+      itemVisiblePercentThreshold,
+      viewAreaCoveragePercentThreshold
+    } = this._config;
+    const viewAreaMode = viewAreaCoveragePercentThreshold != null;
+    const viewablePercentThreshold = viewAreaMode ? viewAreaCoveragePercentThreshold : itemVisiblePercentThreshold;
+    (0, import_react_native_web_internals.invariant)(viewablePercentThreshold != null && itemVisiblePercentThreshold != null !== (viewAreaCoveragePercentThreshold != null), "Must set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold");
     const viewableIndices = [];
-    if (itemCount === 0) return viewableIndices;
+    if (itemCount === 0) {
+      return viewableIndices;
+    }
     let firstVisible = -1;
     const {
       first,
@@ -64,16 +68,28 @@ class ViewabilityHelper {
       first: 0,
       last: itemCount - 1
     };
-    if (last >= itemCount) return console.warn("Invalid render range computing viewability " + JSON.stringify({
-      renderRange,
-      itemCount
-    })), [];
+    if (last >= itemCount) {
+      console.warn("Invalid render range computing viewability " + JSON.stringify({
+        renderRange,
+        itemCount
+      }));
+      return [];
+    }
     for (let idx = first; idx <= last; idx++) {
       const metrics = getFrameMetrics(idx, props);
-      if (!metrics) continue;
-      const top = metrics.offset - scrollOffset,
-        bottom = top + metrics.length;
-      if (top < viewportHeight && bottom > 0) firstVisible = idx, _isViewable(viewAreaMode, viewablePercentThreshold, top, bottom, viewportHeight, metrics.length) && viewableIndices.push(idx);else if (firstVisible >= 0) break;
+      if (!metrics) {
+        continue;
+      }
+      const top = metrics.offset - scrollOffset;
+      const bottom = top + metrics.length;
+      if (top < viewportHeight && bottom > 0) {
+        firstVisible = idx;
+        if (_isViewable(viewAreaMode, viewablePercentThreshold, top, bottom, viewportHeight, metrics.length)) {
+          viewableIndices.push(idx);
+        }
+      } else if (firstVisible >= 0) {
+        break;
+      }
     }
     return viewableIndices;
   }
@@ -83,45 +99,70 @@ class ViewabilityHelper {
    */
   onUpdate(props, scrollOffset, viewportHeight, getFrameMetrics, createViewToken, onViewableItemsChanged, renderRange) {
     const itemCount = props.getItemCount(props.data);
-    if (this._config.waitForInteraction && !this._hasInteracted || itemCount === 0 || !getFrameMetrics(0, props)) return;
+    if (this._config.waitForInteraction && !this._hasInteracted || itemCount === 0 || !getFrameMetrics(0, props)) {
+      return;
+    }
     let viewableIndices = [];
-    if (itemCount && (viewableIndices = this.computeViewableItems(props, scrollOffset, viewportHeight, getFrameMetrics, renderRange)), !(this._viewableIndices.length === viewableIndices.length && this._viewableIndices.every((v, ii) => v === viewableIndices[ii]))) if (this._viewableIndices = viewableIndices, this._config.minimumViewTime) {
+    if (itemCount) {
+      viewableIndices = this.computeViewableItems(props, scrollOffset, viewportHeight, getFrameMetrics, renderRange);
+    }
+    if (this._viewableIndices.length === viewableIndices.length && this._viewableIndices.every((v, ii) => v === viewableIndices[ii])) {
+      return;
+    }
+    this._viewableIndices = viewableIndices;
+    if (this._config.minimumViewTime) {
       const handle = setTimeout(() => {
-        this._timers.delete(handle), this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
+        this._timers.delete(handle);
+        this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
       }, this._config.minimumViewTime);
       this._timers.add(handle);
-    } else this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
+    } else {
+      this._onUpdateSync(props, viewableIndices, onViewableItemsChanged, createViewToken);
+    }
   }
   resetViewableIndices() {
     this._viewableIndices = [];
   }
   recordInteraction() {
-    this._hasInteracted = !0;
+    this._hasInteracted = true;
   }
   _onUpdateSync(props, viewableIndicesToCheck, onViewableItemsChanged, createViewToken) {
     viewableIndicesToCheck = viewableIndicesToCheck.filter(ii => this._viewableIndices.includes(ii));
-    const prevItems = this._viewableItems,
-      nextItems = new Map(viewableIndicesToCheck.map(ii => {
-        const viewable = createViewToken(ii, !0, props);
-        return [viewable.key, viewable];
-      })),
-      changed = [];
-    for (const [key, viewable] of nextItems) prevItems.has(key) || changed.push(viewable);
-    for (const [key, viewable] of prevItems) nextItems.has(key) || changed.push({
-      ...viewable,
-      isViewable: !1
-    });
-    changed.length > 0 && (this._viewableItems = nextItems, onViewableItemsChanged({
-      viewableItems: Array.from(nextItems.values()),
-      changed
+    const prevItems = this._viewableItems;
+    const nextItems = new Map(viewableIndicesToCheck.map(ii => {
+      const viewable = createViewToken(ii, true, props);
+      return [viewable.key, viewable];
     }));
+    const changed = [];
+    for (const [key, viewable] of nextItems) {
+      if (!prevItems.has(key)) {
+        changed.push(viewable);
+      }
+    }
+    for (const [key, viewable] of prevItems) {
+      if (!nextItems.has(key)) {
+        changed.push({
+          ...viewable,
+          isViewable: false
+        });
+      }
+    }
+    if (changed.length > 0) {
+      this._viewableItems = nextItems;
+      onViewableItemsChanged({
+        viewableItems: Array.from(nextItems.values()),
+        changed
+      });
+    }
   }
 }
 function _isViewable(viewAreaMode, viewablePercentThreshold, top, bottom, viewportHeight, itemLength) {
-  if (_isEntirelyVisible(top, bottom, viewportHeight)) return !0;
-  {
+  if (_isEntirelyVisible(top, bottom, viewportHeight)) {
+    return true;
+  } else {
     const pixels = _getPixelsVisible(top, bottom, viewportHeight);
-    return 100 * (viewAreaMode ? pixels / viewportHeight : pixels / itemLength) >= viewablePercentThreshold;
+    const percent = 100 * (viewAreaMode ? pixels / viewportHeight : pixels / itemLength);
+    return percent >= viewablePercentThreshold;
   }
 }
 function _getPixelsVisible(top, bottom, viewportHeight) {