@html-next/vertical-collection 5.0.2 → 5.0.5

package/dist/-private/index.js

@@ -1,2 +1,2 @@
-export { D as DynamicRadar, S as ScrollHandler, a as StaticRadar, V as ViewportContainer, b as addScrollHandler, c as closestElement, k as keyForItem, o as objectAt, r as removeScrollHandler } from '../static-radar-D0EvnYLd.js';
+export { D as DynamicRadar, S as ScrollHandler, a as SkipList, b as StaticRadar, V as ViewportContainer, c as addScrollHandler, k as keyForItem, o as objectAt, r as removeScrollHandler } from '../static-radar-Bb8C1Xju.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js

@@ -6,7 +6,7 @@ import Component, { setComponentTemplate } from '@ember/component';
 import { get, computed } from '@ember/object';
 import { run } from '@ember/runloop';
 import { Token, scheduler } from 'ember-raf-scheduler';
-import { a as StaticRadar, D as DynamicRadar, V as ViewportContainer, o as objectAt, k as keyForItem } from './static-radar-D0EvnYLd.js';
+import { b as StaticRadar, D as DynamicRadar, V as ViewportContainer, o as objectAt, k as keyForItem } from './static-radar-Bb8C1Xju.js';
 import { precompileTemplate } from '@ember/template-compilation';
 
 ;

package/dist/{static-radar-D0EvnYLd.js → static-radar-Bb8C1Xju.js}

@@ -3,7 +3,7 @@ import { assert } from '@ember/debug';
 import { A } from '@ember/array';
 import { get, set } from '@ember/object';
 import { begin, end, run } from '@ember/runloop';
-import { scheduler, Token } from 'ember-raf-scheduler';
+import { Token, scheduler } from 'ember-raf-scheduler';
 import { guidFor } from '@ember/object/internals';
 
 function identity(item) {
@@ -37,29 +37,6 @@ function keyForItem(item, keyPath, index) {
   return key;
 }
 
-const VENDOR_MATCH_FNS = ['matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector'];
-let ELEMENT_MATCH_FN;
-function setElementMatchFn(el) {
-  VENDOR_MATCH_FNS.forEach(fn => {
-    if (ELEMENT_MATCH_FN === undefined && typeof el[fn] === 'function') {
-      ELEMENT_MATCH_FN = fn;
-    }
-  });
-}
-function closest(el, selector) {
-  if (ELEMENT_MATCH_FN === undefined) {
-    setElementMatchFn(el);
-  }
-  while (el) {
-    // TODO add explicit test
-    if (el[ELEMENT_MATCH_FN](selector)) {
-      return el;
-    }
-    el = el.parentElement;
-  }
-  return null;
-}
-
 var document$1 = window ? window.document : undefined;
 
 let VC_IDENTITY = 0;
@@ -232,30 +209,13 @@ function isAppend(lenDiff, newItems, key, oldFirstKey, oldLastKey) {
   return oldFirstKey === newFirstKey && oldLastKey === newLastKey;
 }
 
-let supportsPassive = false;
-try {
-  let opts = Object.defineProperty({}, 'passive', {
-    get() {
-      supportsPassive = true;
-      return supportsPassive;
-    }
-  });
-  window.addEventListener('test', null, opts);
-} catch {
-  // do nothing
-}
-var SUPPORTS_PASSIVE = supportsPassive;
-
 const DEFAULT_ARRAY_SIZE = 10;
-const UNDEFINED_VALUE = Object.create(null);
 class ScrollHandler {
   constructor() {
     this.elements = new Array(DEFAULT_ARRAY_SIZE);
     this.maxLength = DEFAULT_ARRAY_SIZE;
     this.length = 0;
     this.handlers = new Array(DEFAULT_ARRAY_SIZE);
-    this.isPolling = false;
-    this.isUsingPassive = SUPPORTS_PASSIVE;
   }
   addScrollHandler(element, handler) {
     let index = this.elements.indexOf(element);
@@ -272,67 +232,42 @@ class ScrollHandler {
       cache = this.handlers[index] = {
         top: element.scrollTop,
         left: element.scrollLeft,
-        handlers
-      };
-      // TODO add explicit test
-      if (SUPPORTS_PASSIVE) {
-        cache.passiveHandler = function () {
+        handlers,
+        passiveHandler() {
           ScrollHandler.triggerElementHandlers(element, cache);
-        };
-      } else {
-        cache.passiveHandler = UNDEFINED_VALUE;
-      }
+        }
+      };
     } else {
       cache = this.handlers[index];
       handlers = cache.handlers;
       handlers.push(handler);
     }
-
-    // TODO add explicit test
-    if (this.isUsingPassive) {
-      // Only add the event listener once, if more handlers are present.
-      if (handlers.length === 1) {
-        element.addEventListener('scroll', cache.passiveHandler, {
-          capture: true,
-          passive: true
-        });
-      }
-
-      // TODO add explicit test
-    } else if (!this.isPolling) {
-      this.poll();
+    if (handlers.length === 1) {
+      element.addEventListener('scroll', cache.passiveHandler, {
+        capture: true,
+        passive: true
+      });
     }
   }
   removeScrollHandler(element, handler) {
     let index = this.elements.indexOf(element);
     let elementCache = this.handlers[index];
-    // TODO add explicit test
     if (elementCache && elementCache.handlers) {
       let index = elementCache.handlers.indexOf(handler);
       if (index === -1) {
         throw new Error('Attempted to remove an unknown handler');
       }
       elementCache.handlers.splice(index, 1);
-
-      // cleanup element entirely if needed
-      // TODO add explicit test
       if (!elementCache.handlers.length) {
         index = this.elements.indexOf(element);
         this.handlers.splice(index, 1);
         this.elements.splice(index, 1);
         this.length--;
         this.maxLength--;
-        if (this.length === 0) {
-          this.isPolling = false;
-        }
-
-        // TODO add explicit test
-        if (this.isUsingPassive) {
-          element.removeEventListener('scroll', elementCache.passiveHandler, {
-            capture: true,
-            passive: true
-          });
-        }
+        element.removeEventListener('scroll', elementCache.passiveHandler, {
+          capture: true,
+          passive: true
+        });
       }
     } else {
       throw new Error('Attempted to remove a handler from an unknown element or an element with no handlers');
@@ -349,8 +284,6 @@ class ScrollHandler {
       top: cachedTop,
       left: cachedLeft
     };
-
-    // TODO add explicit test
     if (topChanged || leftChanged) {
       begin();
       for (let j = 0; j < meta.handlers.length; j++) {
@@ -359,25 +292,6 @@ class ScrollHandler {
       end();
     }
   }
-  poll() {
-    this.isPolling = true;
-    scheduler.schedule('sync', () => {
-      // TODO add explicit test
-      if (!this.isPolling) {
-        return;
-      }
-      for (let i = 0; i < this.length; i++) {
-        let element = this.elements[i];
-        let info = this.handlers[i];
-        ScrollHandler.triggerElementHandlers(element, info);
-      }
-      this.isPolling = this.length > 0;
-      // TODO add explicit test
-      if (this.isPolling) {
-        this.poll();
-      }
-    });
-  }
 }
 const instance = new ScrollHandler();
 function addScrollHandler(element, handler) {
@@ -388,36 +302,25 @@ function removeScrollHandler(element, handler) {
 }
 
 /*
- * There are significant differences between browsers
- * in how they implement "scroll" on document.body
- *
- * The only cross-browser listener for scroll on body
- * is to listen on window with capture.
- *
- * They also implement different standards for how to
- * access the scroll position.
- *
- * This singleton class provides a cross-browser way
- * to access and set the scrollTop and scrollLeft properties.
- *
+ * This singleton class provides a way to treat the document viewport
+ * like a scrollable element, proxying scroll position access and
+ * event listeners to the appropriate browser APIs.
  */
 function ViewportContainer() {
-  // A bug occurs in Chrome when we reload the browser at a lower
-  // scrollTop, window.scrollY becomes stuck on a single value.
   Object.defineProperty(this, 'scrollTop', {
     get() {
-      return document.body.scrollTop || document.documentElement.scrollTop;
+      return window.scrollY;
     },
     set(v) {
-      document.body.scrollTop = document.documentElement.scrollTop = v;
+      window.scrollTo(window.scrollX, v);
     }
   });
   Object.defineProperty(this, 'scrollLeft', {
     get() {
-      return window.scrollX || window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft;
+      return window.scrollX;
     },
     set(v) {
-      window.scrollX = window.pageXOffset = document.body.scrollLeft = document.documentElement.scrollLeft = v;
+      window.scrollTo(v, window.scrollY);
     }
   });
   Object.defineProperty(this, 'offsetHeight', {
@@ -429,7 +332,7 @@ function ViewportContainer() {
 ViewportContainer.prototype.addEventListener = function addEventListener(event, handler, options) {
   return window.addEventListener(event, handler, options);
 };
-ViewportContainer.prototype.removeEventListener = function addEventListener(event, handler, options) {
+ViewportContainer.prototype.removeEventListener = function removeEventListener(event, handler, options) {
   return window.removeEventListener(event, handler, options);
 };
 ViewportContainer.prototype.getBoundingClientRect = function getBoundingClientRect() {
@@ -447,10 +350,10 @@ var ViewportContainer$1 = new ViewportContainer();
 function estimateElementHeight(element, fallbackHeight) {
   assert(`You called estimateElement height without a fallbackHeight`, fallbackHeight);
   assert(`You called estimateElementHeight without an element`, element);
-  if (fallbackHeight.indexOf('%') !== -1) {
+  if (fallbackHeight.includes('%')) {
     return getPercentageHeight(element, fallbackHeight);
   }
-  if (fallbackHeight.indexOf('em') !== -1) {
+  if (fallbackHeight.includes('em')) {
     return getEmHeight(element, fallbackHeight);
   }
   return parseInt(fallbackHeight, 10);
@@ -463,7 +366,7 @@ function getPercentageHeight(element, fallbackHeight) {
   return percent * parentHeight / 100.0;
 }
 function getEmHeight(element, fallbackHeight) {
-  const fontSizeElement = fallbackHeight.indexOf('rem') !== -1 ? document.documentElement : element;
+  const fontSizeElement = fallbackHeight.includes('rem') ? document.documentElement : element;
   const fontSize = window.getComputedStyle(fontSizeElement).getPropertyValue('font-size');
   return parseFloat(fallbackHeight) * parseFloat(fontSize);
 }
@@ -574,10 +477,6 @@ class Radar {
     this.virtualComponents = A([this._occludedContentBefore, this._occludedContentAfter]);
     this.orderedComponents = [];
     this._updateVirtualComponents();
-
-    // In older versions of Ember/IE, binding anything on an object in the template
-    // adds observers which creates __ember_meta__
-    this.__ember_meta__ = null;
     if (DEBUG) {
       this._debugDidUpdate = null;
     }
@@ -618,7 +517,7 @@ class Radar {
     // Use the occluded content element, which has been inserted into the DOM,
     // to find the item container and the scroll container
     this._itemContainer = _occludedContentBefore.element.parentNode;
-    this._scrollContainer = containerSelector === 'body' ? ViewportContainer$1 : closest(this._itemContainer, containerSelector);
+    this._scrollContainer = containerSelector === 'body' ? ViewportContainer$1 : this._itemContainer.closest(containerSelector);
     this._updateConstants();
 
     // Setup initial scroll state
@@ -1157,27 +1056,10 @@ class Radar {
  * traverse to get the total value before and after the final index.
  */
 
-function fill(array, value, start = 0, end = array.length) {
-  if (typeof array.fill === 'function') {
-    array.fill(value, start, end);
-  } else {
-    for (; start < end; start++) {
-      array[start] = value;
-    }
-    return array;
-  }
-}
-function subarray(array, start, end) {
-  if (typeof array.subarray === 'function') {
-    return array.subarray(start, end);
-  } else {
-    return array.slice(start, end);
-  }
-}
 class SkipList {
   constructor(length, defaultValue) {
     const values = new Float32Array(new ArrayBuffer(length * 4));
-    fill(values, defaultValue);
+    values.fill(defaultValue);
     this.length = length;
     this.defaultValue = defaultValue;
     this._initializeLayers(values, defaultValue);
@@ -1199,7 +1081,7 @@ class SkipList {
         // This allows us to use the `fill` method on Typed arrays, which
         // an order of magnitude faster than manually calculating each value.
         defaultValue = defaultValue * 2;
-        fill(layer, defaultValue);
+        layer.fill(defaultValue);
         left = prevLayer[(length - 1) * 2] || 0;
         right = prevLayer[(length - 1) * 2 + 1] || 0;
 
@@ -1241,7 +1123,15 @@ class SkipList {
     let index = 0;
     let totalBefore = 0;
     let totalAfter = 0;
+    if (total <= 0) {
+      return {
+        index: 0,
+        totalBefore: 0,
+        totalAfter: 0
+      };
+    }
     targetValue = Math.min(total - 1, targetValue);
+    targetValue = Math.max(0, targetValue);
     assert('targetValue must be a number', typeof targetValue === 'number');
     assert('targetValue must be greater than or equal to 0', targetValue >= 0);
     assert('targetValue must be no more than total', targetValue < total);
@@ -1297,6 +1187,7 @@ class SkipList {
   }
   set(index, value) {
     assert('value must be a number', typeof value === 'number');
+    value = Math.max(0, value);
     assert('value must non-negative', value >= 0);
     assert('index must be a number', typeof index === 'number');
     assert('index must be within bounds', index >= 0 && index < this.values.length);
@@ -1326,7 +1217,7 @@ class SkipList {
     const newLength = numPrepended + oldLength;
     const newValues = new Float32Array(new ArrayBuffer(newLength * 4));
     newValues.set(oldValues, numPrepended);
-    fill(newValues, defaultValue, 0, numPrepended);
+    newValues.fill(defaultValue, 0, numPrepended);
     this.length = newLength;
     this._initializeLayers(newValues);
   }
@@ -1339,7 +1230,7 @@ class SkipList {
     const newLength = numAppended + oldLength;
     const newValues = new Float32Array(new ArrayBuffer(newLength * 4));
     newValues.set(oldValues);
-    fill(newValues, defaultValue, oldLength);
+    newValues.fill(defaultValue, oldLength);
     this.length = newLength;
     this._initializeLayers(newValues);
   }
@@ -1355,9 +1246,9 @@ class SkipList {
     const newValues = new Float32Array(new ArrayBuffer(newLength * 4));
     if (oldLength < newLength) {
       newValues.set(oldValues);
-      fill(newValues, defaultValue, oldLength);
+      newValues.fill(defaultValue, oldLength);
     } else {
-      newValues.set(subarray(oldValues, 0, newLength));
+      newValues.set(oldValues.subarray(0, newLength));
     }
     this.length = newLength;
     if (oldLength === 0) {
@@ -1672,5 +1563,5 @@ class StaticRadar extends Radar {
   }
 }
 
-export { DynamicRadar as D, ScrollHandler as S, ViewportContainer$1 as V, StaticRadar as a, addScrollHandler as b, closest as c, keyForItem as k, objectAt as o, removeScrollHandler as r };
-//# sourceMappingURL=static-radar-D0EvnYLd.js.map
+export { DynamicRadar as D, ScrollHandler as S, ViewportContainer$1 as V, SkipList as a, StaticRadar as b, addScrollHandler as c, keyForItem as k, objectAt as o, removeScrollHandler as r };
+//# sourceMappingURL=static-radar-Bb8C1Xju.js.map