@ni/nimble-components 18.1.1 → 18.1.2

package/dist/all-components-bundle.js

@@ -26915,7 +26915,8 @@
      * @license MIT
      */
     function memo(getDeps, fn, opts) {
-      var deps = [];
+      var _opts$initialDeps;
+      var deps = (_opts$initialDeps = opts.initialDeps) != null ? _opts$initialDeps : [];
       var result;
       return function () {
         var depTime;
@@ -26930,11 +26931,7 @@
         deps = newDeps;
         var resultTime;
         if (opts.key && opts.debug != null && opts.debug()) resultTime = Date.now();
-        for (var _len = arguments.length, fArgs = new Array(_len), _key = 0; _key < _len; _key++) {
-          fArgs[_key] = arguments[_key];
-        }
-        result = fn.apply(void 0, newDeps.concat([fArgs]));
-        opts == null ? void 0 : opts.onChange == null ? void 0 : opts.onChange(result);
+        result = fn.apply(void 0, newDeps);
         if (opts.key && opts.debug != null && opts.debug()) {
           var depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
           var resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
@@ -26948,9 +26945,20 @@
           };
           console.info("%c\u23F1 " + pad(resultEndTime, 5) + " /" + pad(depEndTime, 5) + " ms", "\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(" + Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120)) + "deg 100% 31%);", opts == null ? void 0 : opts.key);
         }
+        opts == null ? void 0 : opts.onChange == null ? void 0 : opts.onChange(result);
         return result;
       };
     }
+    function notUndefined(value, msg) {
+      if (value === undefined) {
+        throw new Error("Unexpected undefined" + (msg ? ": " + msg : ''));
+      } else {
+        return value;
+      }
+    }
+    var approxEqual = function approxEqual(a, b) {
+      return Math.abs(a - b) < 1;
+    };
 
     /**
      * virtual-core
@@ -27148,7 +27156,7 @@
           });
           _this.unsubs.push(_this.options.observeElementRect(_this, function (rect) {
             _this.scrollRect = rect;
-            _this.calculateRange();
+            _this.maybeNotify();
           }));
           _this.unsubs.push(_this.options.observeElementOffset(_this, function (offset) {
             _this.scrollAdjustments = 0;
@@ -27159,20 +27167,15 @@
               clearTimeout(_this.isScrollingTimeoutId);
               _this.isScrollingTimeoutId = null;
             }
-            var onIsScrollingChange = function onIsScrollingChange(isScrolling) {
-              if (_this.isScrolling !== isScrolling) {
-                _this.isScrolling = isScrolling;
-                _this.notify();
-              }
-            };
+            _this.isScrolling = true;
             _this.scrollDirection = _this.scrollOffset < offset ? 'forward' : 'backward';
             _this.scrollOffset = offset;
-            _this.calculateRange();
-            onIsScrollingChange(true);
+            _this.maybeNotify();
             _this.isScrollingTimeoutId = setTimeout(function () {
               _this.isScrollingTimeoutId = null;
+              _this.isScrolling = false;
               _this.scrollDirection = null;
-              onIsScrollingChange(false);
+              _this.maybeNotify();
             }, _this.options.scrollingDelay);
           }));
         }
@@ -27210,29 +27213,31 @@
       });
       this.calculateRange = memo(function () {
         return [_this.getMeasurements(), _this.getSize(), _this.scrollOffset];
-      }, function (measurements, outerSize, scrollOffset, _ref4) {
-        var _ref4$ = _ref4[0],
-          flush = _ref4$ === void 0 ? true : _ref4$;
-        var range = calculateRange({
+      }, function (measurements, outerSize, scrollOffset) {
+        return _this.range = calculateRange({
           measurements: measurements,
           outerSize: outerSize,
           scrollOffset: scrollOffset
         });
-        if (range.startIndex !== _this.range.startIndex || range.endIndex !== _this.range.endIndex) {
-          _this.range = range;
-          if (flush) {
-            _this.notify();
-          }
-        }
-        return _this.range;
       }, {
         key: 'calculateRange',
         debug: function debug() {
           return _this.options.debug;
         }
       });
+      this.maybeNotify = memo(function () {
+        return [].concat(Object.values(_this.calculateRange()), [_this.isScrolling]);
+      }, function () {
+        _this.notify();
+      }, {
+        key: 'maybeNotify',
+        debug: function debug() {
+          return _this.options.debug;
+        },
+        initialDeps: [].concat(Object.values(this.range), [this.isScrolling])
+      });
       this.getIndexes = memo(function () {
-        return [_this.options.rangeExtractor, _this.calculateRange(false), _this.options.overscan, _this.options.count];
+        return [_this.options.rangeExtractor, _this.calculateRange(), _this.options.overscan, _this.options.count];
       }, function (rangeExtractor, range, overscan, count) {
         return rangeExtractor(_extends({}, range, {
           overscan: overscan,
@@ -27345,74 +27350,71 @@
         var maxOffset = scrollSize - _this.getSize();
         return Math.max(Math.min(maxOffset, toOffset), 0);
       };
-      this.scrollToOffset = function (toOffset, _temp) {
-        var _ref5 = _temp === void 0 ? {} : _temp,
-          _ref5$align = _ref5.align,
-          align = _ref5$align === void 0 ? 'start' : _ref5$align,
-          behavior = _ref5.behavior;
-        var isDynamic = Object.keys(_this.measureElementCache).length > 0;
-        if (isDynamic && behavior === 'smooth') {
-          console.warn('The `smooth` scroll behavior is not supported with dynamic size.');
-          return;
-        }
-        var options = {
-          adjustments: undefined,
-          behavior: behavior,
-          sync: false
-        };
-        _this._scrollToOffset(_this.getOffsetForAlignment(toOffset, align), options);
-      };
-      this.scrollToIndex = function (index, _temp2) {
-        var _ref6 = _temp2 === void 0 ? {} : _temp2,
-          _ref6$align = _ref6.align,
-          align = _ref6$align === void 0 ? 'auto' : _ref6$align,
-          behavior = _ref6.behavior;
-        if (_this.scrollToIndexTimeoutId !== null) {
-          clearTimeout(_this.scrollToIndexTimeoutId);
-          _this.scrollToIndexTimeoutId = null;
-        }
-        var isDynamic = Object.keys(_this.measureElementCache).length > 0;
-        if (isDynamic && behavior === 'smooth') {
-          console.warn('The `smooth` scroll behavior is not supported with dynamic size.');
-          return;
+      this.getOffsetForIndex = function (index, align) {
+        if (align === void 0) {
+          align = 'auto';
         }
-        var getMeasurement = function getMeasurement() {
-          var measurements = _this.getMeasurements();
-          var measurement = measurements[Math.max(0, Math.min(index, _this.options.count - 1))];
-          if (!measurement) {
-            throw new Error("VirtualItem not found for index = " + index);
-          }
-          return measurement;
-        };
-        var measurement = getMeasurement();
+        index = Math.max(0, Math.min(index, _this.options.count - 1));
+        var measurement = notUndefined(_this.getMeasurements()[index]);
         if (align === 'auto') {
           if (measurement.end >= _this.scrollOffset + _this.getSize() - _this.options.scrollPaddingEnd) {
             align = 'end';
           } else if (measurement.start <= _this.scrollOffset + _this.options.scrollPaddingStart) {
             align = 'start';
           } else {
-            return;
+            return [_this.scrollOffset, align];
           }
         }
-        var getOffsetForIndexAndAlignment = function getOffsetForIndexAndAlignment(measurement) {
-          var toOffset = align === 'end' ? measurement.end + _this.options.scrollPaddingEnd : measurement.start - _this.options.scrollPaddingStart;
-          return _this.getOffsetForAlignment(toOffset, align);
-        };
-        var toOffset = getOffsetForIndexAndAlignment(measurement);
-        var options = {
+        var toOffset = align === 'end' ? measurement.end + _this.options.scrollPaddingEnd : measurement.start - _this.options.scrollPaddingStart;
+        return [_this.getOffsetForAlignment(toOffset, align), align];
+      };
+      this.isDynamicMode = function () {
+        return Object.keys(_this.measureElementCache).length > 0;
+      };
+      this.cancelScrollToIndex = function () {
+        if (_this.scrollToIndexTimeoutId !== null) {
+          clearTimeout(_this.scrollToIndexTimeoutId);
+          _this.scrollToIndexTimeoutId = null;
+        }
+      };
+      this.scrollToOffset = function (toOffset, _temp) {
+        var _ref4 = _temp === void 0 ? {} : _temp,
+          _ref4$align = _ref4.align,
+          align = _ref4$align === void 0 ? 'start' : _ref4$align,
+          behavior = _ref4.behavior;
+        _this.cancelScrollToIndex();
+        if (behavior === 'smooth' && _this.isDynamicMode()) {
+          console.warn('The `smooth` scroll behavior is not fully supported with dynamic size.');
+        }
+        _this._scrollToOffset(_this.getOffsetForAlignment(toOffset, align), {
           adjustments: undefined,
           behavior: behavior
-        };
-        _this._scrollToOffset(toOffset, options);
-        var approxEqual = function approxEqual(a, b) {
-          return Math.abs(a - b) < 1;
-        };
-        if (isDynamic) {
+        });
+      };
+      this.scrollToIndex = function (index, _temp2) {
+        var _ref5 = _temp2 === void 0 ? {} : _temp2,
+          _ref5$align = _ref5.align,
+          initialAlign = _ref5$align === void 0 ? 'auto' : _ref5$align,
+          behavior = _ref5.behavior;
+        index = Math.max(0, Math.min(index, _this.options.count - 1));
+        _this.cancelScrollToIndex();
+        if (behavior === 'smooth' && _this.isDynamicMode()) {
+          console.warn('The `smooth` scroll behavior is not fully supported with dynamic size.');
+        }
+        var _this$getOffsetForInd = _this.getOffsetForIndex(index, initialAlign),
+          toOffset = _this$getOffsetForInd[0],
+          align = _this$getOffsetForInd[1];
+        _this._scrollToOffset(toOffset, {
+          adjustments: undefined,
+          behavior: behavior
+        });
+        if (behavior !== 'smooth' && _this.isDynamicMode()) {
           _this.scrollToIndexTimeoutId = setTimeout(function () {
             _this.scrollToIndexTimeoutId = null;
             var elementInDOM = !!_this.measureElementCache[_this.options.getItemKey(index)];
             if (elementInDOM) {
-              var _toOffset = getOffsetForIndexAndAlignment(getMeasurement());
+              var _this$getOffsetForInd2 = _this.getOffsetForIndex(index, align),
+                _toOffset = _this$getOffsetForInd2[0];
               if (!approxEqual(_toOffset, _this.scrollOffset)) {
                 _this.scrollToIndex(index, {
                   align: align,
@@ -27429,12 +27431,11 @@
         }
       };
       this.scrollBy = function (delta, _temp3) {
-        var _ref7 = _temp3 === void 0 ? {} : _temp3,
-          behavior = _ref7.behavior;
-        var isDynamic = Object.keys(_this.measureElementCache).length > 0;
-        if (isDynamic && behavior === 'smooth') {
-          console.warn('The `smooth` scroll behavior is not supported with dynamic size.');
-          return;
+        var _ref6 = _temp3 === void 0 ? {} : _temp3,
+          behavior = _ref6.behavior;
+        _this.cancelScrollToIndex();
+        if (behavior === 'smooth' && _this.isDynamicMode()) {
+          console.warn('The `smooth` scroll behavior is not fully supported with dynamic size.');
         }
         _this._scrollToOffset(_this.scrollOffset + delta, {
           adjustments: undefined,
@@ -27445,9 +27446,9 @@
         var _this$getMeasurements;
         return (((_this$getMeasurements = _this.getMeasurements()[_this.options.count - 1]) == null ? void 0 : _this$getMeasurements.end) || _this.options.paddingStart) - _this.options.scrollMargin + _this.options.paddingEnd;
       };
-      this._scrollToOffset = function (offset, _ref8) {
-        var adjustments = _ref8.adjustments,
-          behavior = _ref8.behavior;
+      this._scrollToOffset = function (offset, _ref7) {
+        var adjustments = _ref7.adjustments,
+          behavior = _ref7.behavior;
         _this.options.scrollToFn(offset, {
           behavior: behavior,
           adjustments: adjustments
@@ -27464,7 +27465,7 @@
       this.measurementsCache.forEach(function (item) {
         _this.itemSizeCache[item.key] = item.size;
       });
-      this.calculateRange();
+      this.maybeNotify();
     };
     var findNearestBinarySearch = function findNearestBinarySearch(low, high, getCurrentValue, value) {
       while (low <= high) {
@@ -27484,10 +27485,10 @@
         return 0;
       }
     };
-    function calculateRange(_ref9) {
-      var measurements = _ref9.measurements,
-        outerSize = _ref9.outerSize,
-        scrollOffset = _ref9.scrollOffset;
+    function calculateRange(_ref8) {
+      var measurements = _ref8.measurements,
+        outerSize = _ref8.outerSize,
+        scrollOffset = _ref8.scrollOffset;
       var count = measurements.length - 1;
       var getOffset = function getOffset(index) {
         return measurements[index].start;