@react-stately/collections 3.0.0-alpha.1 → 3.0.0-nightly-4980928d3-240906

package/dist/main.js

@@ -1,3536 +1,25 @@
-var _babelRuntimeHelpersObjectSpread = $parcel$interopDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _babelRuntimeRegenerator = $parcel$interopDefault(require("@babel/runtime/regenerator"));
-
-var _babelRuntimeHelpersClassCallCheck = $parcel$interopDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _babelRuntimeHelpersCreateClass = $parcel$interopDefault(require("@babel/runtime/helpers/createClass"));
-
-var _babelRuntimeHelpersDefineProperty = $parcel$interopDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var useLayoutEffect = _react2.useLayoutEffect;
-var useMemo = _react2.useMemo;
-var useState = _react2.useState;
-var useEffect = _react2.useEffect;
-var useReducer = _react2.useReducer;
-
-var _babelRuntimeHelpersSlicedToArray = $parcel$interopDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _babelRuntimeHelpersAssertThisInitialized = $parcel$interopDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _babelRuntimeHelpersPossibleConstructorReturn = $parcel$interopDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _babelRuntimeHelpersGetPrototypeOf = $parcel$interopDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _babelRuntimeHelpersInherits = $parcel$interopDefault(require("@babel/runtime/helpers/inherits"));
-
-var _babelRuntimeHelpersAsyncToGenerator = $parcel$interopDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _babelRuntimeHelpersObjectWithoutProperties = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $f0b055f01f903c465271926009358f36$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $f0b055f01f903c465271926009358f36$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $f0b055f01f903c465271926009358f36$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $f0b055f01f903c465271926009358f36$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $f0b055f01f903c465271926009358f36$var$_arrayLikeToArray(o, minLen);
-}
-
-function $f0b055f01f903c465271926009358f36$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-var CollectionBuilder = /*#__PURE__*/function () {
-  function CollectionBuilder(itemKey) {
-    _babelRuntimeHelpersClassCallCheck(this, CollectionBuilder);
-
-    _babelRuntimeHelpersDefineProperty(this, "itemKey", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "cache", new Map());
-
-    _babelRuntimeHelpersDefineProperty(this, "getItemStates", void 0);
-
-    this.itemKey = itemKey;
-  }
-
-  _babelRuntimeHelpersCreateClass(CollectionBuilder, [{
-    key: "build",
-    value: function build(props, getItemStates) {
-      var _this = this;
-
-      this.getItemStates = getItemStates || function () {
-        return {};
-      };
-
-      return $f0b055f01f903c465271926009358f36$var$iterable(function () {
-        return _this.iterateCollection(props);
-      });
-    }
-  }, {
-    key: "iterateCollection",
-    value: /*#__PURE__*/_babelRuntimeRegenerator.mark(function iterateCollection(props) {
-      var children, items, _iterator, _step, item, _items, _iterator2, _step2, _item;
-
-      return _babelRuntimeRegenerator.wrap(function iterateCollection$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              children = props.children, items = props.items;
-
-              if (!(typeof children === 'function')) {
-                _context.next = 23;
-                break;
-              }
-
-              if (items) {
-                _context.next = 4;
-                break;
-              }
-
-              throw new Error('props.children was a function but props.items is missing');
-
-            case 4:
-              _iterator = $f0b055f01f903c465271926009358f36$var$_createForOfIteratorHelper(props.items);
-              _context.prev = 5;
-
-              _iterator.s();
-
-            case 7:
-              if ((_step = _iterator.n()).done) {
-                _context.next = 13;
-                break;
-              }
-
-              item = _step.value;
-              _context.next = 11;
-              return this.getFullNode({
-                value: item
-              }, children);
-
-            case 11:
-              _context.next = 7;
-              break;
-
-            case 13:
-              _context.next = 18;
-              break;
-
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](5);
-
-              _iterator.e(_context.t0);
-
-            case 18:
-              _context.prev = 18;
-
-              _iterator.f();
-
-              return _context.finish(18);
-
-            case 21:
-              _context.next = 41;
-              break;
-
-            case 23:
-              _items = _react.Children.toArray(children);
-              _iterator2 = $f0b055f01f903c465271926009358f36$var$_createForOfIteratorHelper(_items);
-              _context.prev = 25;
-
-              _iterator2.s();
-
-            case 27:
-              if ((_step2 = _iterator2.n()).done) {
-                _context.next = 33;
-                break;
-              }
-
-              _item = _step2.value;
-              _context.next = 31;
-              return this.getFullNode({
-                element: _item
-              });
-
-            case 31:
-              _context.next = 27;
-              break;
-
-            case 33:
-              _context.next = 38;
-              break;
-
-            case 35:
-              _context.prev = 35;
-              _context.t1 = _context["catch"](25);
-
-              _iterator2.e(_context.t1);
-
-            case 38:
-              _context.prev = 38;
-
-              _iterator2.f();
-
-              return _context.finish(38);
-
-            case 41:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, iterateCollection, this, [[5, 15, 18, 21], [25, 35, 38, 41]]);
-    })
-  }, {
-    key: "getKey",
-    value: function getKey(item, value, parentKey) {
-      if (item.props.uniqueKey) {
-        return item.props.uniqueKey;
-      }
-
-      if (item.key) {
-        return parentKey ? "".concat(parentKey).concat(item.key) : item.key;
-      }
-
-      if (this.itemKey && value[this.itemKey]) {
-        return value[this.itemKey];
-      }
-
-      var v = value;
-      var key = v.key || v.id;
-
-      if (key == null) {
-        throw new Error('No key found for item');
-      }
-
-      return key;
-    }
-  }, {
-    key: "getCached",
-    value: function getCached(item) {
-      var node = this.cache.get(item);
-
-      if (!node) {
-        return;
-      }
-
-      if (node.type === 'section') {
-        return node;
-      }
-
-      var states = this.getItemStates(node.key);
-
-      if ($f0b055f01f903c465271926009358f36$var$shallowEqual(states, node)) {
-        return node;
-      }
-    }
-  }, {
-    key: "getFullNode",
-    value: function getFullNode(partialNode, renderer, parentKey, parentNode) {
-      // If there's a value instead of an element on the node, and a parent renderer function is available,
-      // use it to render an element for the value.
-      var element = partialNode.element;
-
-      if (!element && partialNode.value && renderer) {
-        var cached = this.getCached(partialNode.value);
-
-        if (cached) {
-          return cached;
-        }
-
-        element = renderer(partialNode.value);
-      } // If there's an element with a getCollectionNode function on its type, then it's a supported component.
-      // Call this function to get a partial node, and recursively build a full node from there.
-
-
-      if (element) {
-        var type = element.type;
-
-        if (typeof type !== 'function' || typeof type.getCollectionNode !== 'function') {
-          var name = typeof element.type === 'function' ? element.type.name : element.type;
-          throw new Error("Unknown element <".concat(name, "> in collection."));
-        }
-
-        var childNode = type.getCollectionNode(element.props);
-
-        var _node = this.getFullNode(_babelRuntimeHelpersObjectSpread({}, childNode, {
-          key: childNode.element ? null : this.getKey(element, partialNode.value, parentKey),
-          wrapper: $f0b055f01f903c465271926009358f36$var$compose(partialNode.wrapper, childNode.wrapper)
-        }), childNode.renderer || renderer, parentKey ? "".concat(parentKey).concat(element.key) : element.key, parentNode); // Cache the node based on its value
-
-
-        _node.value = childNode.value || partialNode.value;
-
-        if (_node.value) {
-          this.cache.set(_node.value, _node);
-        } // The partial node may have specified a type for the child in order to specify a constraint.
-        // Verify that the full node that was built recursively matches this type.
-
-
-        if (partialNode.type && _node.type !== partialNode.type) {
-          throw new Error("Unsupported type <".concat($f0b055f01f903c465271926009358f36$var$capitalize(_node.type), "> in <").concat($f0b055f01f903c465271926009358f36$var$capitalize(parentNode.type), ">. Only <").concat($f0b055f01f903c465271926009358f36$var$capitalize(partialNode.type), "> is supported."));
-        }
-
-        return _node;
-      } // Create full node
-
-
-      var builder = this;
-      var node = {
-        type: partialNode.type,
-        props: partialNode.props,
-        key: partialNode.key,
-        parentKey: parentNode ? parentNode.key : null,
-        value: partialNode.value,
-        level: parentNode ? parentNode.level + 1 : 0,
-        rendered: partialNode.rendered,
-        textValue: partialNode.textValue,
-        'aria-label': partialNode['aria-label'],
-        wrapper: partialNode.wrapper,
-        hasChildNodes: partialNode.hasChildNodes,
-        childNodes: $f0b055f01f903c465271926009358f36$var$iterable( /*#__PURE__*/_babelRuntimeRegenerator.mark(function _callee() {
-          var _iterator3, _step3, child;
-
-          return _babelRuntimeRegenerator.wrap(function _callee$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  _iterator3 = $f0b055f01f903c465271926009358f36$var$_createForOfIteratorHelper(partialNode.childNodes());
-                  _context2.prev = 1;
-
-                  _iterator3.s();
-
-                case 3:
-                  if ((_step3 = _iterator3.n()).done) {
-                    _context2.next = 9;
-                    break;
-                  }
-
-                  child = _step3.value;
-                  _context2.next = 7;
-                  return builder.getFullNode(child, child.renderer || renderer, parentKey, node);
-
-                case 7:
-                  _context2.next = 3;
-                  break;
-
-                case 9:
-                  _context2.next = 14;
-                  break;
-
-                case 11:
-                  _context2.prev = 11;
-                  _context2.t0 = _context2["catch"](1);
-
-                  _iterator3.e(_context2.t0);
-
-                case 14:
-                  _context2.prev = 14;
-
-                  _iterator3.f();
-
-                  return _context2.finish(14);
-
-                case 17:
-                case "end":
-                  return _context2.stop();
-              }
-            }
-          }, _callee, null, [[1, 11, 14, 17]]);
-        }))
-      }; // Add states if the node is an item
-
-      if (node.type === 'item') {
-        Object.assign(node, this.getItemStates(node.key));
-      }
-
-      return node;
-    }
-  }]);
-
-  return CollectionBuilder;
-}(); // Wraps an iterator function as an iterable object.
-
-
-exports.CollectionBuilder = CollectionBuilder;
-
-function $f0b055f01f903c465271926009358f36$var$iterable(iterator) {
-  return _babelRuntimeHelpersDefineProperty({}, Symbol.iterator, iterator);
-}
-
-function $f0b055f01f903c465271926009358f36$var$shallowEqual(a, b) {
-  for (var _key in a) {
-    if (a[_key] !== b[_key]) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-function $f0b055f01f903c465271926009358f36$var$compose(outer, inner) {
-  if (outer && inner) {
-    return function (element) {
-      return outer(inner(element));
-    };
-  }
-
-  if (outer) {
-    return outer;
-  }
-
-  if (inner) {
-    return inner;
-  }
-}
-
-function $f0b055f01f903c465271926009358f36$var$capitalize(str) {
-  return str[0].toUpperCase() + str.slice(1);
-}
-
-function $e32293027966eeccf2ff17c1314c3189$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $e32293027966eeccf2ff17c1314c3189$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $e32293027966eeccf2ff17c1314c3189$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $e32293027966eeccf2ff17c1314c3189$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $e32293027966eeccf2ff17c1314c3189$var$_arrayLikeToArray(o, minLen);
-}
-
-function $e32293027966eeccf2ff17c1314c3189$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-function $e32293027966eeccf2ff17c1314c3189$var$Item(props) {
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  return null;
-}
-
-$e32293027966eeccf2ff17c1314c3189$var$Item.getCollectionNode = function (props) {
-  var childItems = props.childItems,
-      title = props.title,
-      children = props.children;
-  var rendered = props.title || props.children;
-  var textValue = props.textValue || (typeof rendered === 'string' ? rendered : '') || props['aria-label'] || '';
-
-  if (!textValue) {
-    console.warn('<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.');
-  }
-
-  return {
-    type: 'item',
-    props: props,
-    rendered: rendered,
-    textValue: textValue,
-    'aria-label': props['aria-label'],
-    hasChildNodes: $e32293027966eeccf2ff17c1314c3189$var$hasChildItems(props),
-    childNodes: /*#__PURE__*/_babelRuntimeRegenerator.mark(function childNodes() {
-      var _iterator, _step, child, items, _iterator2, _step2, item;
-
-      return _babelRuntimeRegenerator.wrap(function childNodes$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!childItems) {
-                _context.next = 20;
-                break;
-              }
-
-              _iterator = $e32293027966eeccf2ff17c1314c3189$var$_createForOfIteratorHelper(childItems);
-              _context.prev = 2;
-
-              _iterator.s();
-
-            case 4:
-              if ((_step = _iterator.n()).done) {
-                _context.next = 10;
-                break;
-              }
-
-              child = _step.value;
-              _context.next = 8;
-              return {
-                type: 'item',
-                value: child
-              };
-
-            case 8:
-              _context.next = 4;
-              break;
-
-            case 10:
-              _context.next = 15;
-              break;
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](2);
-
-              _iterator.e(_context.t0);
-
-            case 15:
-              _context.prev = 15;
-
-              _iterator.f();
-
-              return _context.finish(15);
-
-            case 18:
-              _context.next = 39;
-              break;
-
-            case 20:
-              if (!title) {
-                _context.next = 39;
-                break;
-              }
-
-              items = _react.Children.toArray(children);
-              _iterator2 = $e32293027966eeccf2ff17c1314c3189$var$_createForOfIteratorHelper(items);
-              _context.prev = 23;
-
-              _iterator2.s();
-
-            case 25:
-              if ((_step2 = _iterator2.n()).done) {
-                _context.next = 31;
-                break;
-              }
-
-              item = _step2.value;
-              _context.next = 29;
-              return {
-                type: 'item',
-                element: item
-              };
-
-            case 29:
-              _context.next = 25;
-              break;
-
-            case 31:
-              _context.next = 36;
-              break;
-
-            case 33:
-              _context.prev = 33;
-              _context.t1 = _context["catch"](23);
-
-              _iterator2.e(_context.t1);
-
-            case 36:
-              _context.prev = 36;
-
-              _iterator2.f();
-
-              return _context.finish(36);
-
-            case 39:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, childNodes, null, [[2, 12, 15, 18], [23, 33, 36, 39]]);
-    })
-  };
-};
-
-function $e32293027966eeccf2ff17c1314c3189$var$hasChildItems(props) {
-  if (props.hasChildItems != null) {
-    return props.hasChildItems;
-  }
-
-  if (props.childItems) {
-    return true;
-  }
-
-  if (props.title && _react.Children.count(props.children) > 0) {
-    return true;
-  }
-
-  return false;
-} // We don't want getCollectionNode to show up in the type definition
-
-
-var Item = $e32293027966eeccf2ff17c1314c3189$var$Item;
-exports.Item = Item;
-
-function $be4165049b08042f900cd19fb7d$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $be4165049b08042f900cd19fb7d$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $be4165049b08042f900cd19fb7d$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $be4165049b08042f900cd19fb7d$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $be4165049b08042f900cd19fb7d$var$_arrayLikeToArray(o, minLen);
-}
-
-function $be4165049b08042f900cd19fb7d$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-function $be4165049b08042f900cd19fb7d$var$Section(props) {
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  return null;
-}
-
-$be4165049b08042f900cd19fb7d$var$Section.getCollectionNode = function (props) {
-  var children = props.children,
-      title = props.title,
-      items = props.items;
-  return {
-    type: 'section',
-    hasChildNodes: true,
-    rendered: title,
-    'aria-label': props['aria-label'],
-    childNodes: /*#__PURE__*/_babelRuntimeRegenerator.mark(function childNodes() {
-      var _iterator, _step, item, _items, _iterator2, _step2, _item;
-
-      return _babelRuntimeRegenerator.wrap(function childNodes$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(typeof children === 'function')) {
-                _context.next = 22;
-                break;
-              }
-
-              if (items) {
-                _context.next = 3;
-                break;
-              }
-
-              throw new Error('props.children was a function but props.items is missing');
-
-            case 3:
-              _iterator = $be4165049b08042f900cd19fb7d$var$_createForOfIteratorHelper(items);
-              _context.prev = 4;
-
-              _iterator.s();
-
-            case 6:
-              if ((_step = _iterator.n()).done) {
-                _context.next = 12;
-                break;
-              }
-
-              item = _step.value;
-              _context.next = 10;
-              return {
-                type: 'item',
-                value: item,
-                renderer: children
-              };
-
-            case 10:
-              _context.next = 6;
-              break;
-
-            case 12:
-              _context.next = 17;
-              break;
-
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](4);
-
-              _iterator.e(_context.t0);
-
-            case 17:
-              _context.prev = 17;
-
-              _iterator.f();
-
-              return _context.finish(17);
-
-            case 20:
-              _context.next = 40;
-              break;
-
-            case 22:
-              _items = _react.Children.toArray(children);
-              _iterator2 = $be4165049b08042f900cd19fb7d$var$_createForOfIteratorHelper(_items);
-              _context.prev = 24;
-
-              _iterator2.s();
-
-            case 26:
-              if ((_step2 = _iterator2.n()).done) {
-                _context.next = 32;
-                break;
-              }
-
-              _item = _step2.value;
-              _context.next = 30;
-              return {
-                type: 'item',
-                element: _item
-              };
-
-            case 30:
-              _context.next = 26;
-              break;
-
-            case 32:
-              _context.next = 37;
-              break;
-
-            case 34:
-              _context.prev = 34;
-              _context.t1 = _context["catch"](24);
-
-              _iterator2.e(_context.t1);
-
-            case 37:
-              _context.prev = 37;
-
-              _iterator2.f();
-
-              return _context.finish(37);
-
-            case 40:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, childNodes, null, [[4, 14, 17, 20], [24, 34, 37, 40]]);
-    })
-  };
-}; // We don't want getCollectionNode to show up in the type definition
-
-
-var Section = $be4165049b08042f900cd19fb7d$var$Section;
-exports.Section = Section;
-var $e8b61f67b726fce139496dd6e$var$_Symbol$iterator;
-
-function $e8b61f67b726fce139496dd6e$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $e8b61f67b726fce139496dd6e$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $e8b61f67b726fce139496dd6e$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $e8b61f67b726fce139496dd6e$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $e8b61f67b726fce139496dd6e$var$_arrayLikeToArray(o, minLen);
-}
-
-function $e8b61f67b726fce139496dd6e$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-$e8b61f67b726fce139496dd6e$var$_Symbol$iterator = Symbol.iterator;
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-var TreeCollection = /*#__PURE__*/function () {
-  function TreeCollection(nodes) {
-    var _this = this;
-
-    _babelRuntimeHelpersClassCallCheck(this, TreeCollection);
-
-    _babelRuntimeHelpersDefineProperty(this, "keyMap", new Map());
-
-    _babelRuntimeHelpersDefineProperty(this, "iterable", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "firstKey", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "lastKey", void 0);
-
-    this.iterable = nodes;
-
-    var visit = function visit(node) {
-      _this.keyMap.set(node.key, node);
-
-      if (node.childNodes && (node.type === 'section' || node.isExpanded)) {
-        var _iterator = $e8b61f67b726fce139496dd6e$var$_createForOfIteratorHelper(node.childNodes),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var child = _step.value;
-            visit(child);
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-    };
-
-    var _iterator2 = $e8b61f67b726fce139496dd6e$var$_createForOfIteratorHelper(nodes),
-        _step2;
-
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var node = _step2.value;
-        visit(node);
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-
-    var last;
-    var index = 0;
-
-    var _iterator3 = $e8b61f67b726fce139496dd6e$var$_createForOfIteratorHelper(this.keyMap),
-        _step3;
-
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var _step3$value = _babelRuntimeHelpersSlicedToArray(_step3.value, 2),
-            key = _step3$value[0],
-            _node = _step3$value[1];
-
-        if (last) {
-          last.nextKey = key;
-          _node.prevKey = last.key;
-        } else {
-          this.firstKey = key;
-        }
-
-        if (_node.type === 'item') {
-          _node.index = index++;
-        }
-
-        last = _node;
-      }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
-    }
-
-    this.lastKey = last.key;
-  }
-
-  _babelRuntimeHelpersCreateClass(TreeCollection, [{
-    key: $e8b61f67b726fce139496dd6e$var$_Symbol$iterator,
-    value: /*#__PURE__*/_babelRuntimeRegenerator.mark(function value() {
-      return _babelRuntimeRegenerator.wrap(function value$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              return _context.delegateYield(this.iterable, "t0", 1);
-
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, value, this);
-    })
-  }, {
-    key: "getKeys",
-    value: function getKeys() {
-      return this.keyMap.keys();
-    }
-  }, {
-    key: "getKeyBefore",
-    value: function getKeyBefore(key) {
-      var node = this.keyMap.get(key);
-      return node ? node.prevKey : null;
-    }
-  }, {
-    key: "getKeyAfter",
-    value: function getKeyAfter(key) {
-      var node = this.keyMap.get(key);
-      return node ? node.nextKey : null;
-    }
-  }, {
-    key: "getFirstKey",
-    value: function getFirstKey() {
-      return this.firstKey;
-    }
-  }, {
-    key: "getLastKey",
-    value: function getLastKey() {
-      return this.lastKey;
-    }
-  }, {
-    key: "getItem",
-    value: function getItem(key) {
-      return this.keyMap.get(key);
-    }
-  }, {
-    key: "size",
-    get: function get() {
-      return this.keyMap.size;
-    }
-  }]);
-
-  return TreeCollection;
-}();
-
-exports.TreeCollection = TreeCollection;
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-var Point = /*#__PURE__*/function () {
-  /** The x-coordinate of the point */
-
-  /** The y-coordinate of the point */
-  function Point() {
-    var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
-    _babelRuntimeHelpersClassCallCheck(this, Point);
-
-    _babelRuntimeHelpersDefineProperty(this, "x", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "y", void 0);
-
-    this.x = x;
-    this.y = y;
-  }
-  /**
-   * Returns a copy of this point
-   */
-
-
-  _babelRuntimeHelpersCreateClass(Point, [{
-    key: "copy",
-    value: function copy() {
-      return new Point(this.x, this.y);
-    }
-    /**
-     * Checks if two points are equal
-     */
-
-  }, {
-    key: "equals",
-    value: function equals(point) {
-      return this.x === point.x && this.y === point.y;
-    }
-    /**
-     * Returns true if this point is the origin
-     */
-
-  }, {
-    key: "isOrigin",
-    value: function isOrigin() {
-      return this.x === 0 && this.y === 0;
-    }
-  }]);
-
-  return Point;
-}();
-
-exports.Point = Point;
-// use high res timer if available
-var $add44ef2cec72f417f488b48a8d5b207$var$perf = typeof window !== 'undefined' ? window.performance : null; // @ts-ignore
-
-var $add44ef2cec72f417f488b48a8d5b207$var$perfNow = $add44ef2cec72f417f488b48a8d5b207$var$perf && ($add44ef2cec72f417f488b48a8d5b207$var$perf.now || $add44ef2cec72f417f488b48a8d5b207$var$perf.webkitNow || $add44ef2cec72f417f488b48a8d5b207$var$perf.msNow || $add44ef2cec72f417f488b48a8d5b207$var$perf.mozNow);
-var $add44ef2cec72f417f488b48a8d5b207$var$getTime = $add44ef2cec72f417f488b48a8d5b207$var$perfNow ? $add44ef2cec72f417f488b48a8d5b207$var$perfNow.bind($add44ef2cec72f417f488b48a8d5b207$var$perf) : function () {
-  return Date.now ? Date.now() : new Date().getTime();
-}; // check if we need to get the time each frame (see below)
-
-var $add44ef2cec72f417f488b48a8d5b207$var$fixTs = false;
-requestAnimationFrame(function (t) {
-  $add44ef2cec72f417f488b48a8d5b207$var$fixTs = t > 1e12 !== $add44ef2cec72f417f488b48a8d5b207$var$getTime() > 1e12;
-});
-
-function $add44ef2cec72f417f488b48a8d5b207$export$tween(begin, end, duration, ease, fn) {
-  var canceled = false;
-  var raf_id;
-  var promise = new Promise(function (resolve) {
-    var start = $add44ef2cec72f417f488b48a8d5b207$var$getTime();
-    var diffX = end.x - begin.x;
-    var diffY = end.y - begin.y;
-    raf_id = requestAnimationFrame(function run(t) {
-      // if we're using a high res timer, make sure timestamp is not the old epoch-based value.
-      // http://updates.html5rocks.com/2012/05/requestAnimationFrame-API-now-with-sub-millisecond-precision
-      if ($add44ef2cec72f417f488b48a8d5b207$var$fixTs) {
-        t = $add44ef2cec72f417f488b48a8d5b207$var$getTime();
-      } // check if we're done
-
-
-      var delta = t - start;
-
-      if (delta > duration) {
-        fn(end);
-        resolve();
-      } else {
-        // call frame callback after computing eased time and get the next frame
-        var proceed = fn(new Point(begin.x + diffX * ease(delta / duration), begin.y + diffY * ease(delta / duration)));
-
-        if (proceed !== false && !canceled) {
-          raf_id = requestAnimationFrame(run);
-        }
-      }
-    });
-  });
-
-  promise.cancel = function () {
-    canceled = true;
-    cancelAnimationFrame(raf_id);
-  };
-
-  return promise;
-} // easing functions
-
-
-function $add44ef2cec72f417f488b48a8d5b207$export$easeOut(t) {
-  return Math.sin(t * Math.PI / 2);
-}
-
-var $b4afb93e92e2405c0f5b02e067098ca1$var$_marked = /*#__PURE__*/_babelRuntimeRegenerator.mark($b4afb93e92e2405c0f5b02e067098ca1$export$concatIterators);
-
-function $b4afb93e92e2405c0f5b02e067098ca1$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $b4afb93e92e2405c0f5b02e067098ca1$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $b4afb93e92e2405c0f5b02e067098ca1$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $b4afb93e92e2405c0f5b02e067098ca1$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $b4afb93e92e2405c0f5b02e067098ca1$var$_arrayLikeToArray(o, minLen);
-}
-
-function $b4afb93e92e2405c0f5b02e067098ca1$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-
-function $b4afb93e92e2405c0f5b02e067098ca1$export$keyDiff(a, b) {
-  var res = new Set();
-
-  var _iterator = $b4afb93e92e2405c0f5b02e067098ca1$var$_createForOfIteratorHelper(a.keys()),
-      _step;
-
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var key = _step.value;
-
-      if (!b.has(key)) {
-        res.add(key);
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-
-  return res;
-}
-/**
- * Returns the key difference between two maps. Returns a set of
- * keys to add to and remove from a to make it equal to b.
- * @private
- */
-
-
-function $b4afb93e92e2405c0f5b02e067098ca1$export$difference(a, b) {
-  var toRemove = $b4afb93e92e2405c0f5b02e067098ca1$export$keyDiff(a, b);
-  var toAdd = $b4afb93e92e2405c0f5b02e067098ca1$export$keyDiff(b, a);
-  var toUpdate = new Set();
-
-  var _iterator2 = $b4afb93e92e2405c0f5b02e067098ca1$var$_createForOfIteratorHelper(a.keys()),
-      _step2;
-
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var key = _step2.value;
-
-      if (b.has(key)) {
-        toUpdate.add(key);
-      }
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-
-  return {
-    toRemove: toRemove,
-    toAdd: toAdd,
-    toUpdate: toUpdate
-  };
-}
-/**
- * Returns an iterator that yields the items in all of the given iterators.
- * @private
- */
-
-
-function $b4afb93e92e2405c0f5b02e067098ca1$export$concatIterators() {
-  var _len,
-      iterators,
-      _key,
-      _i,
-      _iterators,
-      iterator,
-      _args = arguments;
-
-  return _babelRuntimeRegenerator.wrap(function concatIterators$(_context) {
-    while (1) {
-      switch (_context.prev = _context.next) {
-        case 0:
-          for (_len = _args.length, iterators = new Array(_len), _key = 0; _key < _len; _key++) {
-            iterators[_key] = _args[_key];
-          }
-
-          _i = 0, _iterators = iterators;
-
-        case 2:
-          if (!(_i < _iterators.length)) {
-            _context.next = 8;
-            break;
-          }
-
-          iterator = _iterators[_i];
-          return _context.delegateYield(iterator, "t0", 5);
-
-        case 5:
-          _i++;
-          _context.next = 2;
-          break;
-
-        case 8:
-        case "end":
-          return _context.stop();
-      }
-    }
-  }, $b4afb93e92e2405c0f5b02e067098ca1$var$_marked);
-}
-
-/**
- * Represents a rectangle
- */
-var Rect = /*#__PURE__*/function () {
-  /** The x-coordinate of the rectangle */
-
-  /** The y-coordinate of the rectangle */
-
-  /** The width of the rectangle */
-
-  /** The height of the rectangle */
-  function Rect() {
-    var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
-    _babelRuntimeHelpersClassCallCheck(this, Rect);
-
-    _babelRuntimeHelpersDefineProperty(this, "x", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "y", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "width", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "height", void 0);
-
-    this.x = x;
-    this.y = y;
-    this.width = width;
-    this.height = height;
-  }
-  /**
-   * The maximum x-coordinate in the rectangle
-   */
-
-
-  _babelRuntimeHelpersCreateClass(Rect, [{
-    key: "intersects",
-
-    /**
-     * Returns whether this rectangle intersects another rectangle
-     * @param rect - The rectangle to check
-     */
-    value: function intersects(rect) {
-      return this.x <= rect.x + rect.width && rect.x <= this.x + this.width && this.y <= rect.y + rect.height && rect.y <= this.y + this.height;
-    }
-    /**
-     * Returns whether this rectangle fully contains another rectangle
-     * @param rect - The rectangle to check
-     */
-
-  }, {
-    key: "containsRect",
-    value: function containsRect(rect) {
-      return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;
-    }
-    /**
-     * Returns whether the rectangle contains the given point
-     * @param point - The point to check
-     */
-
-  }, {
-    key: "containsPoint",
-    value: function containsPoint(point) {
-      return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;
-    }
-    /**
-     * Returns the first corner of this rectangle (from top to bottom, left to right)
-     * that is contained in the given rectangle, or null of the rectangles do not intersect.
-     * @param rect - The rectangle to check
-     */
-
-  }, {
-    key: "getCornerInRect",
-    value: function getCornerInRect(rect) {
-      for (var _i = 0, _arr = ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']; _i < _arr.length; _i++) {
-        var key = _arr[_i];
-
-        if (rect.containsPoint(this[key])) {
-          return key;
-        }
-      }
-
-      return null;
-    }
-  }, {
-    key: "equals",
-    value: function equals(rect) {
-      return rect.x === this.x && rect.y === this.y && rect.width === this.width && rect.height === this.height;
-    }
-  }, {
-    key: "pointEquals",
-    value: function pointEquals(point) {
-      return this.x === point.x && this.y === point.y;
-    }
-  }, {
-    key: "sizeEquals",
-    value: function sizeEquals(size) {
-      return this.width === size.width && this.height === size.height;
-    }
-    /**
-     * Returns a copy of this rectangle
-     */
-
-  }, {
-    key: "copy",
-    value: function copy() {
-      return new Rect(this.x, this.y, this.width, this.height);
-    }
-  }, {
-    key: "maxX",
-    get: function get() {
-      return this.x + this.width;
-    }
-    /**
-     * The maximum y-coordinate in the rectangle
-     */
-
-  }, {
-    key: "maxY",
-    get: function get() {
-      return this.y + this.height;
-    }
-    /**
-     * The area of the rectangle
-     */
-
-  }, {
-    key: "area",
-    get: function get() {
-      return this.width * this.height;
-    }
-    /**
-     * The top left corner of the rectangle
-     */
-
-  }, {
-    key: "topLeft",
-    get: function get() {
-      return new Point(this.x, this.y);
-    }
-    /**
-     * The top right corner of the rectangle
-     */
-
-  }, {
-    key: "topRight",
-    get: function get() {
-      return new Point(this.maxX, this.y);
-    }
-    /**
-     * The bottom left corner of the rectangle
-     */
-
-  }, {
-    key: "bottomLeft",
-    get: function get() {
-      return new Point(this.x, this.maxY);
-    }
-    /**
-     * The bottom right corner of the rectangle
-     */
-
-  }, {
-    key: "bottomRight",
-    get: function get() {
-      return new Point(this.maxX, this.maxY);
-    }
-  }]);
-
-  return Rect;
-}();
-
-exports.Rect = Rect;
-
-var $e3e4feb35525992ec01972e76270426f$var$RollingAverage = /*#__PURE__*/function () {
-  function RollingAverage() {
-    _babelRuntimeHelpersClassCallCheck(this, RollingAverage);
-
-    _babelRuntimeHelpersDefineProperty(this, "count", 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "value", 0);
-  }
-
-  _babelRuntimeHelpersCreateClass(RollingAverage, [{
-    key: "addSample",
-    value: function addSample(sample) {
-      this.count++;
-      this.value += (sample - this.value) / this.count;
-    }
-  }]);
-
-  return RollingAverage;
-}();
-
-var $e3e4feb35525992ec01972e76270426f$export$OverscanManager = /*#__PURE__*/function () {
-  function OverscanManager() {
-    _babelRuntimeHelpersClassCallCheck(this, OverscanManager);
-
-    _babelRuntimeHelpersDefineProperty(this, "startTime", 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "averagePerf", new $e3e4feb35525992ec01972e76270426f$var$RollingAverage());
-
-    _babelRuntimeHelpersDefineProperty(this, "averageTime", new $e3e4feb35525992ec01972e76270426f$var$RollingAverage());
-
-    _babelRuntimeHelpersDefineProperty(this, "velocity", new Point(5, 5));
-
-    _babelRuntimeHelpersDefineProperty(this, "overscanX", new $e3e4feb35525992ec01972e76270426f$var$RollingAverage());
-
-    _babelRuntimeHelpersDefineProperty(this, "overscanY", new $e3e4feb35525992ec01972e76270426f$var$RollingAverage());
-
-    _babelRuntimeHelpersDefineProperty(this, "visibleRect", new Rect());
-  }
-
-  _babelRuntimeHelpersCreateClass(OverscanManager, [{
-    key: "setVisibleRect",
-    value: function setVisibleRect(rect) {
-      var time = performance.now() - this.startTime;
-
-      if (time < 500) {
-        this.averageTime.addSample(time);
-
-        if (rect.y !== this.visibleRect.y && time > 0) {
-          this.velocity.x = (rect.x - this.visibleRect.x) / time;
-          this.velocity.y = (rect.y - this.visibleRect.y) / time;
-        }
-      }
-
-      this.startTime = performance.now();
-      this.visibleRect = rect;
-    }
-  }, {
-    key: "collectMetrics",
-    value: function collectMetrics() {
-      var time = performance.now() - this.startTime;
-
-      if (time < 500) {
-        this.averagePerf.addSample(time);
-      }
-
-      if (this.visibleRect.height > 0) {
-        var o = Math.abs(this.velocity.y * (this.averageTime.value + this.averagePerf.value));
-        this.overscanY.addSample(o);
-      }
-
-      if (this.visibleRect.width > 0) {
-        var _o = Math.abs(this.velocity.x * (this.averageTime.value + this.averagePerf.value));
-
-        this.overscanX.addSample(_o);
-      }
-    }
-  }, {
-    key: "getOverscannedRect",
-    value: function getOverscannedRect() {
-      var overscanned = this.visibleRect.copy();
-      var overscanY = Math.round(Math.min(this.visibleRect.height * 2, this.overscanY.value) / 100) * 100;
-
-      if (this.velocity.y > 0) {
-        overscanned.y -= overscanY * 0.2;
-        overscanned.height += overscanY + overscanY * 0.2;
-      } else {
-        overscanned.y -= overscanY;
-        overscanned.height += overscanY + overscanY * 0.2;
-      }
-
-      var overscanX = Math.round(Math.min(this.visibleRect.width * 2, this.overscanX.value) / 100) * 100;
-
-      if (this.velocity.x > 0) {
-        overscanned.x -= overscanX * 0.2;
-        overscanned.width += overscanX + overscanX * 0.2;
-      } else {
-        overscanned.x -= overscanX;
-        overscanned.width += overscanX + overscanX * 0.2;
-      }
-
-      return overscanned;
-    }
-  }]);
-
-  return OverscanManager;
-}();
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-var $d019a21d62e1a544f8ff53038831e$var$KEY = 0;
-
-var ReusableView = /*#__PURE__*/function () {
-  /** The CollectionManager this view is a part of */
-
-  /** The LayoutInfo this view is currently representing. */
-
-  /** The content currently being displayed by this view, set by the collection view. */
-  function ReusableView(collectionManager) {
-    _babelRuntimeHelpersClassCallCheck(this, ReusableView);
-
-    _babelRuntimeHelpersDefineProperty(this, "collectionManager", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "layoutInfo", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "content", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "rendered", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "viewType", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "key", void 0);
-
-    this.collectionManager = collectionManager;
-    this.key = ++$d019a21d62e1a544f8ff53038831e$var$KEY;
-  }
-  /**
-   * Prepares the view for reuse. Called just before the view is removed from the DOM.
-   */
-
-
-  _babelRuntimeHelpersCreateClass(ReusableView, [{
-    key: "prepareForReuse",
-    value: function prepareForReuse() {
-      this.content = null;
-      this.rendered = null;
-      this.layoutInfo = null;
-    }
-  }]);
-
-  return ReusableView;
-}();
-
-exports.ReusableView = ReusableView;
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-var Size = /*#__PURE__*/function () {
-  function Size() {
-    var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
-    _babelRuntimeHelpersClassCallCheck(this, Size);
-
-    _babelRuntimeHelpersDefineProperty(this, "width", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "height", void 0);
-
-    this.width = width;
-    this.height = height;
-  }
-  /**
-   * Returns a copy of this size
-   */
-
-
-  _babelRuntimeHelpersCreateClass(Size, [{
-    key: "copy",
-    value: function copy() {
-      return new Size(this.width, this.height);
-    }
-    /**
-     * Returns whether this size is equal to another one
-     */
-
-  }, {
-    key: "equals",
-    value: function equals(other) {
-      return this.width === other.width && this.height === other.height;
-    }
-  }]);
-
-  return Size;
-}();
-
-exports.Size = Size;
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-var $f49c737285afa132349253f865f735$export$Transaction = function Transaction() {
-  _babelRuntimeHelpersClassCallCheck(this, Transaction);
-
-  _babelRuntimeHelpersDefineProperty(this, "level", 0);
-
-  _babelRuntimeHelpersDefineProperty(this, "actions", []);
-
-  _babelRuntimeHelpersDefineProperty(this, "animated", true);
-
-  _babelRuntimeHelpersDefineProperty(this, "initialMap", new Map());
-
-  _babelRuntimeHelpersDefineProperty(this, "finalMap", new Map());
-
-  _babelRuntimeHelpersDefineProperty(this, "initialLayoutInfo", new Map());
-
-  _babelRuntimeHelpersDefineProperty(this, "finalLayoutInfo", new Map());
-
-  _babelRuntimeHelpersDefineProperty(this, "removed", new Map());
-
-  _babelRuntimeHelpersDefineProperty(this, "toRemove", new Map());
-};
-
-function $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $d11201c7ec0629352f016e7dc350a774$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $d11201c7ec0629352f016e7dc350a774$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $d11201c7ec0629352f016e7dc350a774$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $d11201c7ec0629352f016e7dc350a774$var$_arrayLikeToArray(o, minLen);
-}
-
-function $d11201c7ec0629352f016e7dc350a774$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-/**
- * The CollectionView class renders a scrollable collection of data using customizable layouts,
- * and manages animated updates to the data over time. It supports very large collections by
- * only rendering visible views to the DOM, reusing them as you scroll. Collection views can
- * present any type of view, including non-item views such as section headers and footers.
- * Optionally, the {@link EditableCollectionView} subclass can be used to enable user interaction
- * with the collection, including drag and drop, multiple selection, and keyboard interacton.
- *
- * Collection views get their data from a {@link DataSource} object that you provide. Items are
- * grouped into sections by the data source, and the collection view calls its methods to retrieve
- * the data. When data changes, the data source emits change events, and the collection view
- * updates as appropriate, optionally with an animated transition. There is one built-in data source
- * implementation, {@link ArrayDataSource}, which renders content from a 2d array.
- *
- * Collection views use {@link Layout} objects to compute what views should be visible, and how
- * to position and style them. This means that collection views can have their items arranged in
- * a stack, a grid, a circle, or any other layout you can think of. The layout can be changed
- * dynamically at runtime as well, optionally with an animated transition between the layouts.
- *
- * Layouts produce information on what views should appear in the collection view, but do not create
- * the views themselves directly. It is the responsibility of the {@link CollectionViewDelegate} object
- * to create instances of {@link ReusableView} subclasses which render the items into DOM nodes.
- * The delegate determines what type of view to display for each item, and creates instances of
- * views as needed by the collection view. Those views are then reused by the collection view as
- * the user scrolls through the content.
- */
-
-
-var CollectionManager = /*#__PURE__*/function () {
-  /**
-   * The collection view delegate. The delegate is used by the collection view
-   * to create and configure views.
-   */
-
-  /** The duration of animated layout changes, in milliseconds. Default is 500ms. */
-
-  /** 
-   * Whether to enable scroll anchoring. This will attempt to restore the scroll position
-   * after layout changes outside the viewport. Default is off.
-   */
-
-  /** Whether to anchor the scroll position when at the top of the content. Default is off. */
-
-  /** 
-   * Whether to overscan the visible area to pre-render items slightly outside and 
-   * improve performance. Default is on.
-   */
-  function CollectionManager() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _babelRuntimeHelpersClassCallCheck(this, CollectionManager);
-
-    _babelRuntimeHelpersDefineProperty(this, "delegate", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "transitionDuration", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "anchorScrollPosition", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "anchorScrollPositionAtTop", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "shouldOverscan", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_collection", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_layout", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_contentSize", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_visibleRect", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_visibleLayoutInfos", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_reusableViews", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_visibleViews", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_renderedContent", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_children", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_invalidationContext", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_overscanManager", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_relayoutRaf", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_scrollAnimation", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_isScrolling", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_sizeUpdateQueue", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_animatedContentOffset", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_transaction", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_nextTransaction", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "_transactionQueue", void 0);
-
-    this._contentSize = new Size();
-    this._visibleRect = new Rect();
-    this._reusableViews = {};
-    this._visibleLayoutInfos = new Map();
-    this._visibleViews = new Map();
-    this._renderedContent = new WeakMap();
-    this._children = new Set();
-    this._invalidationContext = null;
-    this._overscanManager = new $e3e4feb35525992ec01972e76270426f$export$OverscanManager();
-    this._scrollAnimation = null;
-    this._isScrolling = false;
-    this._sizeUpdateQueue = new Map();
-    this._animatedContentOffset = new Point(0, 0);
-    this._transaction = null;
-    this._nextTransaction = null;
-    this._transactionQueue = []; // Set options from passed object if given
-
-    this.transitionDuration = options.transitionDuration || 500;
-    this.anchorScrollPosition = options.anchorScrollPosition || false;
-    this.anchorScrollPositionAtTop = options.anchorScrollPositionAtTop || false;
-    this.shouldOverscan = options.shouldOverscan !== false;
-
-    for (var _i = 0, _arr = ['delegate', 'size', 'layout', 'collection']; _i < _arr.length; _i++) {
-      var key = _arr[_i];
-
-      if (options[key]) {
-        this[key] = options[key];
-      }
-    }
-  }
-
-  _babelRuntimeHelpersCreateClass(CollectionManager, [{
-    key: "_setContentSize",
-    value: function _setContentSize(size) {
-      this._contentSize = size;
-      this.delegate.setContentSize(size);
-    }
-  }, {
-    key: "_setContentOffset",
-    value: function _setContentOffset(offset) {
-      var rect = new Rect(offset.x, offset.y, this._visibleRect.width, this._visibleRect.height);
-      this.delegate.setVisibleRect(rect);
-    }
-    /**
-     * Get the size of the scrollable content
-     */
-
-  }, {
-    key: "_setVisibleRect",
-    value: function _setVisibleRect(rect) {
-      var forceUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var current = this._visibleRect; // Ignore if the rects are equal
-
-      if (rect.equals(current)) {
-        return;
-      }
-
-      if (this.shouldOverscan) {
-        this._overscanManager.setVisibleRect(rect);
-      }
-
-      var shouldInvalidate = this.layout && this.layout.shouldInvalidate(rect);
-
-      this._resetAnimatedContentOffset();
-
-      this._visibleRect = rect;
-
-      if (shouldInvalidate) {
-        this.relayout({
-          offsetChanged: !rect.pointEquals(current),
-          sizeChanged: !rect.sizeEquals(current)
-        });
-      } else {
-        this.updateSubviews(forceUpdate);
-      }
-    }
-  }, {
-    key: "_setData",
-    value: function _setData(data) {
-      var _this = this;
-
-      if (data === this._collection) {
-        return;
-      }
-
-      if (this._collection) {
-        this._runTransaction(function () {
-          _this._collection = data;
-        }, false); // TODO: determine if we should animate somehow??
-
-      } else {
-        this._collection = data;
-        this.reloadData();
-      }
-    }
-    /**
-     * Reloads the data from the data source and relayouts the collection view.
-     * Does not animate any changes. Equivalent to re-assigning the same data source
-     * to the collection view.
-     */
-
-  }, {
-    key: "reloadData",
-    value: function reloadData() {
-      this.relayout({
-        contentChanged: true
-      });
-    }
-    /**
-     * Returns the item with the given key.
-     */
-
-  }, {
-    key: "getItem",
-    value: function getItem(key) {
-      return this._collection ? this._collection.getItem(key) : null;
-    }
-    /**
-     * Get the collection view's layout
-     */
-
-  }, {
-    key: "setLayout",
-
-    /**
-     * Sets the collection view's layout, optionally with an animated transition
-     * from the current layout to the new layout.
-     * @param layout The layout to switch to
-     * @param animated Whether to animate the layout change
-     */
-    value: function setLayout(layout) {
-      var _this2 = this;
-
-      var animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (layout === this._layout) {
-        return;
-      }
-
-      var applyLayout = function applyLayout() {
-        if (_this2._layout) {
-          // @ts-ignore
-          _this2._layout.collectionManager = null;
-        }
-
-        layout.collectionManager = _this2;
-        _this2._layout = layout;
-      };
-
-      if (animated) {
-        // Animated layout transitions are really simple, thanks to our transaction support.
-        // We just set the layout inside a transaction action, which runs after the initial
-        // layout infos for the animation are retrieved from the previous layout. Then, the
-        // final layout infos are retrieved from the new layout, and animations occur.
-        this._runTransaction(applyLayout);
-      } else {
-        applyLayout();
-        this.relayout();
-      }
-    }
-  }, {
-    key: "_getReuseType",
-    value: function _getReuseType(layoutInfo, content) {
-      if (layoutInfo.type === 'item' && content) {
-        var _type = this.delegate.getType ? this.delegate.getType(content) : 'item';
-
-        var reuseType = _type === 'item' ? 'item' : layoutInfo.type + '_' + _type;
-        return {
-          type: _type,
-          reuseType: reuseType
-        };
-      }
-
-      return {
-        type: layoutInfo.type,
-        reuseType: layoutInfo.type
-      };
-    }
-  }, {
-    key: "getReusableView",
-    value: function getReusableView(layoutInfo) {
-      var content = this._getViewContent(layoutInfo.type, layoutInfo.key);
-
-      var _this$_getReuseType = this._getReuseType(layoutInfo, content),
-          reuseType = _this$_getReuseType.reuseType;
-
-      if (!this._reusableViews[reuseType]) {
-        this._reusableViews[reuseType] = [];
-      }
-
-      var reusable = this._reusableViews[reuseType];
-      var view = reusable.length > 0 ? reusable.pop() : new ReusableView(this);
-      view.viewType = reuseType;
-
-      if (!this._animatedContentOffset.isOrigin()) {
-        layoutInfo = layoutInfo.copy();
-        layoutInfo.rect.x += this._animatedContentOffset.x;
-        layoutInfo.rect.y += this._animatedContentOffset.y;
-      }
-
-      view.layoutInfo = layoutInfo;
-
-      this._renderView(view);
-
-      return view;
-    }
-  }, {
-    key: "_getViewContent",
-    value: function _getViewContent(type, key) {
-      // if (type === 'item') {
-      return this.getItem(key); // }
-      // if (this.delegate.getContentForExtraView) {
-      //   return this.delegate.getContentForExtraView(type, key);
-      // }
-      // return null;
-    }
-  }, {
-    key: "_renderView",
-    value: function _renderView(reusableView) {
-      var _reusableView$layoutI = reusableView.layoutInfo,
-          type = _reusableView$layoutI.type,
-          key = _reusableView$layoutI.key;
-      reusableView.content = this._getViewContent(type, key);
-      reusableView.rendered = this._renderContent(type, reusableView.content);
-    }
-  }, {
-    key: "_renderContent",
-    value: function _renderContent(type, content) {
-      var cached = this._renderedContent.get(content);
-
-      if (cached != null) {
-        return cached;
-      }
-
-      var rendered = this.delegate.renderView(type, content);
-
-      if (content) {
-        this._renderedContent.set(content, rendered);
-      }
-
-      return rendered;
-    }
-    /**
-     * Returns an array of all currently visible views, including both
-     * item views and supplementary views.
-     */
-
-  }, {
-    key: "getItemView",
-
-    /**
-     * Gets the visible item view for the given key. Returns null if
-     * the view is not currently visible.
-     */
-    value: function getItemView(key) {
-      return this.getView('item', key);
-    }
-    /**
-     * Gets the visible view for the given type and key. Returns null if
-     * the view is not currently visible.
-     *
-     * @param type The view type. `'item'` for an item view.
-     * @param key The key of the view to retrieve
-    */
-
-  }, {
-    key: "getView",
-    value: function getView(type, key) {
-      try {
-        var k = this._getViewKey(type, key);
-
-        return this._visibleViews.get(k) || null;
-      } catch (err) {
-        return null;
-      }
-    }
-    /**
-     * Returns an array of visible views matching the given type.
-     * @param type The view type to find. `'item'` for item views.
-     */
-
-  }, {
-    key: "getViewsOfType",
-    value: function getViewsOfType(type) {
-      return this.visibleViews.filter(function (v) {
-        return v.layoutInfo && v.layoutInfo.type === type;
-      });
-    }
-    /**
-     * Reloads the content of the supplementary view matching the given parameters.
-     * This method does not work with item views. You should emit a "reloadItem" or
-     * "reloadSection" event from your data source instead.
-     *
-     * @param type The view type. `'item'` for an item view.
-     * @param key The key of the view to reload.
-     */
-
-  }, {
-    key: "reloadSupplementaryView",
-    value: function reloadSupplementaryView(type, key) {
-      var _this3 = this;
-
-      if (type === 'item') {
-        throw new Error('Do not reload item views with this method. ' + 'Emit a "reloadItem" or "reloadSection" event from your data source instead.');
-      } // TODO
-      // let content = this._getViewContent(type, key);
-
-
-      this._runTransaction(function () {
-        var view = _this3.getView(type, key);
-
-        if (!view) {
-          return;
-        } // view.setContent(content);
-
-      }, false);
-    }
-    /**
-     * Reloads the content of all visible supplementary views of the given type.
-     * @param type The view type to reload. `'item'` for an item view.
-     */
-
-  }, {
-    key: "reloadSupplementaryViewsOfType",
-    value: function reloadSupplementaryViewsOfType(type) {
-      var _iterator = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this.getViewsOfType(type)),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var view = _step.value;
-
-          if (view.layoutInfo) {
-            this.reloadSupplementaryView(type, view.layoutInfo.key);
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    }
-    /**
-     * Returns the key for the given view. Returns null
-     * if the view is not currently visible.
-     */
-
-  }, {
-    key: "keyForView",
-    value: function keyForView(view) {
-      if (view && view.layoutInfo && view.layoutInfo.type === 'item') {
-        return view.layoutInfo.key;
-      }
-
-      return null;
-    }
-    /**
-     * Returns the key for the item view currently at the given point.
-     */
-
-  }, {
-    key: "keyAtPoint",
-    value: function keyAtPoint(point) {
-      var rect = new Rect(point.x, point.y, 1, 1);
-      var layoutInfos = this.layout.getVisibleLayoutInfos(rect);
-      var layoutInfo = layoutInfos.filter(function (l) {
-        return l.type === 'item';
-      })[0];
-
-      if (!layoutInfo) {
-        return null;
-      }
-
-      return layoutInfo.key;
-    }
-    /**
-     * Triggers a layout invalidation, and updates the visible subviews.
-     */
-
-  }, {
-    key: "relayout",
-    value: function relayout() {
-      var _this4 = this;
-
-      var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; // Ignore relayouts while animating the scroll position
-
-      if (this._scrollAnimation) {
-        return;
-      } // If we already scheduled a relayout, extend the invalidation
-      // context so we coalesce multiple relayouts in the same frame.
-
-
-      if (this._invalidationContext) {
-        Object.assign(this._invalidationContext, context);
-        return;
-      }
-
-      this._invalidationContext = context;
-      this._relayoutRaf = requestAnimationFrame(function () {
-        _this4._relayoutRaf = null;
-
-        _this4.relayoutNow();
-      });
-    }
-    /**
-     * Performs a relayout immediately. Prefer {@link relayout} over this method
-     * where possible, since it coalesces multiple layout passes in the same tick.
-     */
-
-  }, {
-    key: "relayoutNow",
-    value: function relayoutNow() {
-      var _this5 = this;
-
-      var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._invalidationContext || {}; // Cancel the scheduled relayout, since we're doing it now.
-
-      if (this._relayoutRaf) {
-        cancelAnimationFrame(this._relayoutRaf);
-        this._relayoutRaf = null;
-      } // Reset the invalidation context
-
-
-      this._invalidationContext = null; // Do nothing if we don't have a layout or content, or we are
-      // in the middle of an animated scroll transition.
-
-      if (!this.layout || !this._collection || this._scrollAnimation) {
-        return;
-      }
-
-      var scrollAnchor = this._getScrollAnchor(); // Enable transitions if this is an animated relayout
-
-
-      if (context.animated) {
-        this._enableTransitions();
-      } // Trigger the beforeLayout hook, if provided
-
-
-      if (typeof context.beforeLayout === 'function') {
-        context.beforeLayout();
-      } // Validate the layout
-
-
-      this.layout.validate(context);
-
-      this._setContentSize(this.layout.getContentSize()); // Trigger the afterLayout hook, if provided
-
-
-      if (typeof context.afterLayout === 'function') {
-        context.afterLayout();
-      } // Adjust scroll position based on scroll anchor, and constrain.
-      // If the content changed, scroll to the top.
-
-
-      var visibleRect = this.getVisibleRect();
-
-      var restoredScrollAnchor = this._restoreScrollAnchor(scrollAnchor, context);
-
-      var contentOffsetX = context.contentChanged ? 0 : restoredScrollAnchor.x;
-      var contentOffsetY = context.contentChanged ? 0 : restoredScrollAnchor.y;
-      contentOffsetX = Math.max(0, Math.min(this.contentSize.width - visibleRect.width, contentOffsetX));
-      contentOffsetY = Math.max(0, Math.min(this.contentSize.height - visibleRect.height, contentOffsetY));
-
-      if (contentOffsetX !== visibleRect.x || contentOffsetY !== visibleRect.y) {
-        // If this is an animated relayout, we do not immediately scroll because it would be jittery.
-        // Save the difference between the current and new content offsets, and apply it to the
-        // individual content items instead. At the end of the animation, we'll reset and set the
-        // scroll offset for real. This ensures jitter-free animation since we don't need to sync
-        // the scroll animation and the content animation.
-        if (context.animated || !this._animatedContentOffset.isOrigin()) {
-          this._animatedContentOffset.x += visibleRect.x - contentOffsetX;
-          this._animatedContentOffset.y += visibleRect.y - contentOffsetY;
-          this.updateSubviews(context.contentChanged);
-        } else {
-          this._setContentOffset(new Point(contentOffsetX, contentOffsetY));
-        }
-      } else {
-        this.updateSubviews(context.contentChanged);
-      } // Apply layout infos, unless this is coming from an animated transaction
-
-
-      if (!(context.transaction && context.animated)) {
-        this._applyLayoutInfos();
-      } // Wait for animations, and apply the afterAnimation hook, if provided
-
-
-      if (context.animated) {
-        var done = function done() {
-          _this5._disableTransitions(); // Reset scroll position after animations (see above comment).
-
-
-          if (!_this5._animatedContentOffset.isOrigin()) {
-            // Get the content offset to scroll to, taking _animatedContentOffset into account.
-            var _this5$getVisibleRect = _this5.getVisibleRect(),
-                x = _this5$getVisibleRect.x,
-                y = _this5$getVisibleRect.y;
-
-            _this5._resetAnimatedContentOffset();
-
-            _this5._setContentOffset(new Point(x, y));
-          }
-
-          if (typeof context.afterAnimation === 'function') {
-            context.afterAnimation();
-          }
-        };
-
-        setTimeout(done, this.transitionDuration);
-        return;
-      } else if (typeof context.afterAnimation === 'function') {
-        context.afterAnimation();
-      }
-    }
-    /**
-     * Corrects DOM order of visible views to match item order of collection
-     */
-
-  }, {
-    key: "_correctItemOrder",
-    value: function _correctItemOrder() {
-      // Defer until after scrolling and animated transactions are complete
-      if (this._isScrolling || this._transaction) {
-        return;
-      }
-
-      var _iterator2 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._visibleLayoutInfos.keys()),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var key = _step2.value;
-
-          var view = this._visibleViews.get(key);
-
-          this._children.delete(view);
-
-          this._children.add(view);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-  }, {
-    key: "_enableTransitions",
-    value: function _enableTransitions() {
-      this.delegate.beginAnimations();
-    }
-  }, {
-    key: "_disableTransitions",
-    value: function _disableTransitions() {
-      this.delegate.endAnimations();
-    }
-  }, {
-    key: "_getScrollAnchor",
-    value: function _getScrollAnchor() {
-      if (!this.anchorScrollPosition) {
-        return null;
-      }
-
-      var visibleRect = this.getVisibleRect(); // Ask the delegate to provide a scroll anchor, if possible
-
-      if (this.delegate.getScrollAnchor) {
-        var key = this.delegate.getScrollAnchor(visibleRect);
-
-        if (key) {
-          var layoutInfo = this.layout.getLayoutInfo('item', key);
-          var corner = layoutInfo.rect.getCornerInRect(visibleRect);
-
-          if (corner) {
-            var _key = this._getViewKey(layoutInfo.type, layoutInfo.key);
-
-            var offset = layoutInfo.rect[corner].y - visibleRect.y;
-            return {
-              key: _key,
-              layoutInfo: layoutInfo,
-              corner: corner,
-              offset: offset
-            };
-          }
-        }
-      } // No need to anchor the scroll position if it is at the top
-
-
-      if (visibleRect.y === 0 && !this.anchorScrollPositionAtTop) {
-        return null;
-      } // Find a view with a visible corner that has the smallest distance to the top of the collection view
-
-
-      var cornerAnchor = null;
-
-      var _iterator3 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._visibleViews),
-          _step3;
-
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var _step3$value = _babelRuntimeHelpersSlicedToArray(_step3.value, 2),
-              _key2 = _step3$value[0],
-              view = _step3$value[1];
-
-          var _layoutInfo = view.layoutInfo;
-
-          if (_layoutInfo && _layoutInfo.rect.area > 0) {
-            var _corner = _layoutInfo.rect.getCornerInRect(visibleRect);
-
-            if (_corner) {
-              var _offset = _layoutInfo.rect[_corner].y - visibleRect.y;
-
-              if (!cornerAnchor || _offset < cornerAnchor.offset) {
-                cornerAnchor = {
-                  key: _key2,
-                  layoutInfo: _layoutInfo,
-                  corner: _corner,
-                  offset: _offset
-                };
-              }
-            }
-          }
-        }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
-      }
-
-      return cornerAnchor;
-    }
-  }, {
-    key: "_restoreScrollAnchor",
-    value: function _restoreScrollAnchor(scrollAnchor, context) {
-      var contentOffset = this.getVisibleRect();
-
-      if (scrollAnchor) {
-        var finalAnchor = context.transaction ? context.transaction.finalMap.get(scrollAnchor.key) : this.layout.getLayoutInfo(scrollAnchor.layoutInfo.type, scrollAnchor.layoutInfo.key);
-
-        if (finalAnchor) {
-          var adjustment = finalAnchor.rect[scrollAnchor.corner].y - contentOffset.y - scrollAnchor.offset;
-          contentOffset.y += adjustment;
-        }
-      }
-
-      return contentOffset;
-    }
-  }, {
-    key: "getVisibleRect",
-    value: function getVisibleRect() {
-      var v = this.visibleRect;
-      var x = v.x - this._animatedContentOffset.x;
-      var y = v.y - this._animatedContentOffset.y;
-      return new Rect(x, y, v.width, v.height);
-    }
-  }, {
-    key: "getVisibleLayoutInfos",
-    value: function getVisibleLayoutInfos() {
-      var rect = this.shouldOverscan ? this._overscanManager.getOverscannedRect() : this.getVisibleRect();
-      this._visibleLayoutInfos = this._getLayoutInfoMap(rect);
-      return this._visibleLayoutInfos;
-    }
-  }, {
-    key: "_getViewKey",
-    value: function _getViewKey(type, key) {
-      return type + ':' + key;
-    }
-  }, {
-    key: "_getLayoutInfoMap",
-    value: function _getLayoutInfoMap(rect) {
-      var copy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var layoutInfos = this.layout.getVisibleLayoutInfos(rect);
-      var map = new Map();
-
-      var _iterator4 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(layoutInfos),
-          _step4;
-
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var layoutInfo = _step4.value;
-
-          if (copy) {
-            layoutInfo = layoutInfo.copy();
-          }
-
-          var key = this._getViewKey(layoutInfo.type, layoutInfo.key);
-
-          map.set(key, layoutInfo);
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
-
-      return map;
-    }
-  }, {
-    key: "updateSubviews",
-    value: function updateSubviews() {
-      var _this6 = this;
-
-      var forceUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-      if (!this._collection) {
-        return;
-      }
-
-      var visibleLayoutInfos = this.getVisibleLayoutInfos();
-      var currentlyVisible = this._visibleViews;
-      var toAdd, toRemove, toUpdate; // If this is a force update, remove and re-add all views.
-      // Otherwise, find and update the diff.
-
-      if (forceUpdate) {
-        toAdd = visibleLayoutInfos;
-        toRemove = currentlyVisible;
-        toUpdate = new Set();
-      } else {
-        var _difference = $b4afb93e92e2405c0f5b02e067098ca1$export$difference(currentlyVisible, visibleLayoutInfos);
-
-        toAdd = _difference.toAdd;
-        toRemove = _difference.toRemove;
-        toUpdate = _difference.toUpdate;
-
-        var _iterator5 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(toUpdate),
-            _step5;
-
-        try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            var key = _step5.value;
-            var view = currentlyVisible.get(key);
-
-            if (!view || !view.layoutInfo) {
-              continue;
-            }
-
-            var item = this.getItem(visibleLayoutInfos.get(key).key);
-
-            if (view.content === item) {
-              toUpdate.delete(key);
-            } else {
-              // If the view type changes, delete and recreate the view instead of updating
-              var _this$_getReuseType2 = this._getReuseType(view.layoutInfo, item),
-                  reuseType = _this$_getReuseType2.reuseType;
-
-              if (view.viewType !== reuseType) {
-                toUpdate.delete(key);
-                toAdd.add(key);
-                toRemove.add(key);
-              }
-            }
-          } // We are done if the sets are equal
-
-        } catch (err) {
-          _iterator5.e(err);
-        } finally {
-          _iterator5.f();
-        }
-
-        if (toAdd.size === 0 && toRemove.size === 0 && toUpdate.size === 0) {
-          if (this._transaction) {
-            this._applyLayoutInfos();
-          }
-
-          return;
-        }
-      } // Track views that should be removed. They are not removed from
-      // the DOM immediately, since we may reuse and need to re-insert
-      // them back into the DOM anyway.
-
-
-      var removed = new Set();
-
-      var _iterator6 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(toRemove.keys()),
-          _step6;
-
-      try {
-        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-          var _key3 = _step6.value;
-
-          var _view = this._visibleViews.get(_key3);
-
-          if (_view) {
-            removed.add(_view);
-
-            this._visibleViews.delete(_key3); // If we are in the middle of a transaction, wait until the end
-            // of the animations to remove the views from the DOM. Also means
-            // we can't reuse those views immediately.
-
-
-            if (this._transaction) {
-              this._transaction.toRemove.set(_key3, _view);
-            } else {
-              this.reuseView(_view);
-            }
-          }
-        }
-      } catch (err) {
-        _iterator6.e(err);
-      } finally {
-        _iterator6.f();
-      }
-
-      var _iterator7 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(toAdd.keys()),
-          _step7;
-
-      try {
-        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-          var _key4 = _step7.value;
-          var layoutInfo = visibleLayoutInfos.get(_key4);
-
-          var _view2 = void 0; // If we're in a transaction, and a layout change happens
-          // during the animations such that a view that was going
-          // to be removed is now not, we don't create a new view
-          // since the old one is still in the DOM, marked as toRemove.
-
-
-          if (this._transaction) {
-            // if transaction, get initial layout attributes for the animation
-            if (this._transaction.initialLayoutInfo.has(_key4)) {
-              layoutInfo = this._transaction.initialLayoutInfo.get(_key4);
-            }
-
-            _view2 = this._transaction.toRemove.get(_key4);
-
-            if (_view2) {
-              this._transaction.toRemove.delete(_key4);
-
-              this._applyLayoutInfo(_view2, layoutInfo);
-            }
-          }
-
-          if (!_view2) {
-            // Create or reuse a view for this row
-            _view2 = this.getReusableView(layoutInfo); // Add the view to the DOM if needed
-
-            if (!removed.has(_view2)) {
-              this._children.add(_view2);
-            }
-          }
-
-          this._visibleViews.set(_key4, _view2);
-
-          removed.delete(_view2);
-        }
-      } catch (err) {
-        _iterator7.e(err);
-      } finally {
-        _iterator7.f();
-      }
-
-      var _iterator8 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(toUpdate),
-          _step8;
-
-      try {
-        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-          var _key5 = _step8.value;
-
-          var _view3 = currentlyVisible.get(_key5);
-
-          this._renderedContent.delete(_key5);
-
-          this._renderView(_view3);
-        } // Remove the remaining rows to delete from the DOM
-
-      } catch (err) {
-        _iterator8.e(err);
-      } finally {
-        _iterator8.f();
-      }
-
-      if (!this._transaction) {
-        this.removeViews(removed);
-      }
-
-      this._correctItemOrder();
-
-      this._flushVisibleViews();
-
-      if (this._transaction) {
-        requestAnimationFrame(function () {
-          // If we're in a transaction, apply animations to visible views
-          // and "to be removed" views, which animate off screen.
-          if (_this6._transaction) {
-            requestAnimationFrame(function () {
-              return _this6._applyLayoutInfos();
-            });
-          }
-        });
-      }
-    }
-  }, {
-    key: "afterRender",
-    value: function afterRender() {
-      if (this.shouldOverscan) {
-        this._overscanManager.collectMetrics();
-      }
-    }
-  }, {
-    key: "_flushVisibleViews",
-    value: function _flushVisibleViews() {
-      var _this7 = this; // CollectionManager deals with a flattened set of LayoutInfos, but they can represent heirarchy
-      // by referencing a parentKey. Just before rendering the visible views, we rebuild this heirarchy
-      // by creating a mapping of views by parent key and recursively calling the delegate's renderWrapper
-      // method to build the final tree.
-
-
-      var viewsByParentKey = new Map([[null, []]]);
-
-      var _iterator9 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._children),
-          _step9;
-
-      try {
-        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-          var view = _step9.value;
-
-          if (!viewsByParentKey.has(view.layoutInfo.parentKey)) {
-            viewsByParentKey.set(view.layoutInfo.parentKey, []);
-          }
-
-          viewsByParentKey.get(view.layoutInfo.parentKey).push(view);
-
-          if (!viewsByParentKey.has(view.layoutInfo.key)) {
-            viewsByParentKey.set(view.layoutInfo.key, []);
-          }
-        }
-      } catch (err) {
-        _iterator9.e(err);
-      } finally {
-        _iterator9.f();
-      }
-
-      var buildTree = function buildTree(parent, views) {
-        return views.map(function (view) {
-          var children = viewsByParentKey.get(view.layoutInfo.key);
-          return _this7.delegate.renderWrapper(parent, view, children, function (childViews) {
-            return buildTree(view, childViews);
-          });
-        });
-      };
-
-      var children = buildTree(null, viewsByParentKey.get(null));
-      this.delegate.setVisibleViews(children);
-    }
-  }, {
-    key: "_applyLayoutInfo",
-    value: function _applyLayoutInfo(view, layoutInfo) {
-      if (view.layoutInfo === layoutInfo) {
-        return false;
-      }
-
-      view.layoutInfo = layoutInfo;
-
-      this._renderView(view);
-
-      return true;
-    }
-  }, {
-    key: "_applyLayoutInfos",
-    value: function _applyLayoutInfos() {
-      var updated = false; // Apply layout infos to visible views
-
-      var _iterator10 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._visibleViews),
-          _step10;
-
-      try {
-        for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-          var _step10$value = _babelRuntimeHelpersSlicedToArray(_step10.value, 2),
-              key = _step10$value[0],
-              _view5 = _step10$value[1];
-
-          if (this._transaction && this._transaction.initialLayoutInfo.get(key) === _view5.layoutInfo) {// view.forceStyleUpdate();
-          }
-
-          var _cur2 = _view5.layoutInfo;
-
-          if (_cur2) {
-            var _layoutInfo3 = this.layout.getLayoutInfo(_cur2.type, _cur2.key);
-
-            if (this._applyLayoutInfo(_view5, _layoutInfo3)) {
-              updated = true;
-            }
-          }
-        } // Apply final layout infos for views that will be removed
-
-      } catch (err) {
-        _iterator10.e(err);
-      } finally {
-        _iterator10.f();
-      }
-
-      if (this._transaction) {
-        var _iterator11 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._transaction.toRemove.values()),
-            _step11;
-
-        try {
-          for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-            var view = _step11.value;
-            var cur = view.layoutInfo;
-            var layoutInfo = this.layout.getLayoutInfo(cur.type, cur.key);
-
-            if (this._applyLayoutInfo(view, layoutInfo)) {
-              updated = true;
-            }
-          }
-        } catch (err) {
-          _iterator11.e(err);
-        } finally {
-          _iterator11.f();
-        }
-
-        var _iterator12 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._transaction.removed.values()),
-            _step12;
-
-        try {
-          for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-            var _view4 = _step12.value;
-            var _cur = _view4.layoutInfo;
-
-            var k = this._getViewKey(_cur.type, _cur.key);
-
-            var _layoutInfo2 = this._transaction.finalLayoutInfo.get(k) || _cur;
-
-            _layoutInfo2 = this.layout.getFinalLayoutInfo(_layoutInfo2.copy());
-
-            if (this._applyLayoutInfo(_view4, _layoutInfo2)) {
-              updated = true;
-            }
-          }
-        } catch (err) {
-          _iterator12.e(err);
-        } finally {
-          _iterator12.f();
-        }
-      }
-
-      if (updated) {
-        this._flushVisibleViews();
-      }
-    }
-  }, {
-    key: "reuseView",
-    value: function reuseView(view) {
-      view.prepareForReuse();
-
-      this._reusableViews[view.viewType].push(view);
-    }
-  }, {
-    key: "removeViews",
-    value: function removeViews(toRemove) {
-      var _iterator13 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(toRemove),
-          _step13;
-
-      try {
-        for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-          var view = _step13.value;
-
-          this._children.delete(view);
-        }
-      } catch (err) {
-        _iterator13.e(err);
-      } finally {
-        _iterator13.f();
-      }
-    }
-  }, {
-    key: "updateItemSize",
-    value: function updateItemSize(key, size) {
-      // TODO: we should be able to invalidate a single index path
-      // @ts-ignore
-      if (!this.layout.updateItemSize) {
-        return;
-      } // If the scroll position is currently animating, add the update
-      // to a queue to be processed after the animation is complete.
-
-
-      if (this._scrollAnimation) {
-        this._sizeUpdateQueue.set(key, size);
-
-        return;
-      } // @ts-ignore
-
-
-      var changed = this.layout.updateItemSize(key, size);
-
-      if (changed) {
-        this.relayout();
-      }
-    }
-  }, {
-    key: "startScrolling",
-    value: function startScrolling() {
-      this._isScrolling = true;
-    }
-  }, {
-    key: "endScrolling",
-    value: function endScrolling() {
-      this._isScrolling = false;
-
-      this._correctItemOrder();
-
-      this._flushVisibleViews();
-    }
-  }, {
-    key: "_resetAnimatedContentOffset",
-    value: function _resetAnimatedContentOffset() {
-      // Reset the animated content offset of subviews. See comment in relayoutNow for details.
-      if (!this._animatedContentOffset.isOrigin()) {
-        this._animatedContentOffset = new Point(0, 0);
-
-        this._applyLayoutInfos();
-      }
-    }
-    /**
-     * Scrolls the item with the given key into view, optionally with an animation.
-     * @param key The key of the item to scroll into view
-     * @param duration The duration of the scroll animation
-     */
-
-  }, {
-    key: "scrollToItem",
-    value: function scrollToItem(key) {
-      var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-
-      if (!key) {
-        return;
-      }
-
-      var layoutInfo = this.layout.getLayoutInfo('item', key);
-
-      if (!layoutInfo) {
-        return;
-      }
-
-      var offsetX = layoutInfo.rect.x;
-      var offsetY = layoutInfo.rect.y;
-      var x = this.visibleRect.x;
-      var y = this.visibleRect.y;
-      var maxX = x + this.visibleRect.width;
-      var maxY = y + this.visibleRect.height;
-
-      if (offsetX <= x || maxX === 0) {
-        x = offsetX;
-      } else if (offsetX + layoutInfo.rect.width > maxX) {
-        x += offsetX + layoutInfo.rect.width - maxX;
-      }
-
-      if (offsetY <= y || maxY === 0) {
-        y = offsetY;
-      } else if (offsetY + layoutInfo.rect.height > maxY) {
-        y += offsetY + layoutInfo.rect.height - maxY;
-      }
-
-      return this.scrollTo(new Point(x, y), duration);
-    }
-    /**
-     * Performs an animated scroll to the given offset.
-     * @param offset - The offset to scroll to
-     * @param duration The duration of the animation
-     * @return a promise that resolves when the animation is complete
-     */
-
-  }, {
-    key: "scrollTo",
-    value: function scrollTo(offset) {
-      var _this8 = this;
-
-      var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300; // Cancel the current scroll animation
-
-      if (this._scrollAnimation) {
-        this._scrollAnimation.cancel();
-
-        this._scrollAnimation = null;
-      } // Set the content offset synchronously if the duration is zero
-
-
-      if (duration <= 0 || this.visibleRect.pointEquals(offset)) {
-        this._setContentOffset(offset);
-
-        return Promise.resolve();
-      }
-
-      this.startScrolling();
-      this._scrollAnimation = $add44ef2cec72f417f488b48a8d5b207$export$tween(this.visibleRect, offset, duration, $add44ef2cec72f417f488b48a8d5b207$export$easeOut, function (offset) {
-        _this8._setContentOffset(offset);
-      });
-
-      this._scrollAnimation.then(function () {
-        _this8._scrollAnimation = null; // Process view size updates that occurred during the animation.
-        // Only views that are still visible will be actually updated.
-
-        var _iterator14 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(_this8._sizeUpdateQueue),
-            _step14;
-
-        try {
-          for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-            var _step14$value = _babelRuntimeHelpersSlicedToArray(_step14.value, 2),
-                key = _step14$value[0],
-                size = _step14$value[1];
-
-            _this8.updateItemSize(key, size);
-          }
-        } catch (err) {
-          _iterator14.e(err);
-        } finally {
-          _iterator14.f();
-        }
-
-        _this8._sizeUpdateQueue.clear();
-
-        _this8.relayout();
-
-        _this8._processTransactionQueue();
-
-        _this8.endScrolling();
-      });
-
-      return this._scrollAnimation;
-    }
-  }, {
-    key: "_runTransaction",
-    value: function _runTransaction(action, animated) {
-      this._startTransaction();
-
-      if (this._nextTransaction) {
-        this._nextTransaction.actions.push(action);
-      }
-
-      this._endTransaction(animated);
-    }
-  }, {
-    key: "_startTransaction",
-    value: function _startTransaction() {
-      if (!this._nextTransaction) {
-        this._nextTransaction = new $f49c737285afa132349253f865f735$export$Transaction();
-      }
-
-      this._nextTransaction.level++;
-    }
-  }, {
-    key: "_endTransaction",
-    value: function _endTransaction(animated) {
-      if (!this._nextTransaction) {
-        return false;
-      } // Save whether the transaction should be animated.
-
-
-      if (animated != null) {
-        this._nextTransaction.animated = animated;
-      } // If we haven't reached level 0, we are still in a
-      // nested transaction. Wait for the parent to end.
-
-
-      if (--this._nextTransaction.level > 0) {
-        return false;
-      } // Do nothing for empty transactions
-
-
-      if (this._nextTransaction.actions.length === 0) {
-        this._nextTransaction = null;
-        return false;
-      } // Default animations to true
-
-
-      if (this._nextTransaction.animated == null) {
-        this._nextTransaction.animated = true;
-      } // Enqueue the transaction
-
-
-      this._transactionQueue.push(this._nextTransaction);
-
-      this._nextTransaction = null;
-
-      this._processTransactionQueue();
-
-      return true;
-    }
-  }, {
-    key: "_processTransactionQueue",
-    value: function _processTransactionQueue() {
-      // If the current transaction is animating, wait until the end
-      // to process the next transaction.
-      if (this._transaction || this._scrollAnimation) {
-        return;
-      }
-
-      var next = this._transactionQueue.shift();
-
-      if (next) {
-        this._performTransaction(next);
-      }
-    }
-  }, {
-    key: "_getContentRect",
-    value: function _getContentRect() {
-      return new Rect(0, 0, this.contentSize.width, this.contentSize.height);
-    }
-  }, {
-    key: "_performTransaction",
-    value: function _performTransaction(transaction) {
-      var _this9 = this;
-
-      this._transaction = transaction;
-      this.relayoutNow({
-        transaction: transaction,
-        animated: transaction.animated,
-        beforeLayout: function beforeLayout() {
-          // Get the initial layout infos for all views before the updates
-          // so we can figure out which views to add and remove.
-          transaction.initialMap = _this9._getLayoutInfoMap(_this9._getContentRect(), true); // Apply the actions that occurred during this transaction
-
-          var _iterator15 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(transaction.actions),
-              _step15;
-
-          try {
-            for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
-              var action = _step15.value;
-              action();
-            }
-          } catch (err) {
-            _iterator15.e(err);
-          } finally {
-            _iterator15.f();
-          }
-        },
-        afterLayout: function afterLayout() {
-          // Get the final layout infos after the updates
-          transaction.finalMap = _this9._getLayoutInfoMap(_this9._getContentRect());
-
-          _this9._setupTransactionAnimations(transaction);
-
-          if (!transaction.animated) {
-            _this9._transaction = null;
-          }
-        },
-        afterAnimation: function afterAnimation() {
-          // Remove and reuse views when animations are done
-          if (transaction.toRemove.size > 0 || transaction.removed.size > 0) {
-            var _iterator16 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper($b4afb93e92e2405c0f5b02e067098ca1$export$concatIterators(transaction.toRemove.values(), transaction.removed.values())),
-                _step16;
-
-            try {
-              for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
-                var view = _step16.value;
-
-                _this9._children.delete(view);
-
-                _this9.reuseView(view);
-              }
-            } catch (err) {
-              _iterator16.e(err);
-            } finally {
-              _iterator16.f();
-            }
-          } // Ensure DOM order is correct for accessibility after animations are complete
-
-
-          _this9._correctItemOrder();
-
-          _this9._flushVisibleViews();
-
-          _this9._transaction = null;
-
-          _this9._processTransactionQueue();
-        }
-      });
-    }
-  }, {
-    key: "_setupTransactionAnimations",
-    value: function _setupTransactionAnimations(transaction) {
-      var initialMap = transaction.initialMap,
-          finalMap = transaction.finalMap; // Store initial and final layout infos for animations
-
-      var _iterator17 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(initialMap),
-          _step17;
-
-      try {
-        for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
-          var _step17$value = _babelRuntimeHelpersSlicedToArray(_step17.value, 2),
-              key = _step17$value[0],
-              layoutInfo = _step17$value[1];
-
-          if (finalMap.has(key)) {
-            // Store the initial layout info for use during animations.
-            transaction.initialLayoutInfo.set(key, layoutInfo);
-          } else {
-            // This view was removed. Store the layout info for use
-            // in Layout#getFinalLayoutInfo during animations.
-            var k = this._getViewKey(layoutInfo.type, layoutInfo.key);
-
-            transaction.finalLayoutInfo.set(k, layoutInfo);
-          }
-        } // Get initial layout infos for views that were added
-
-      } catch (err) {
-        _iterator17.e(err);
-      } finally {
-        _iterator17.f();
-      }
-
-      var _iterator18 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(finalMap),
-          _step18;
-
-      try {
-        for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
-          var _step18$value = _babelRuntimeHelpersSlicedToArray(_step18.value, 2),
-              _key6 = _step18$value[0],
-              _layoutInfo4 = _step18$value[1];
-
-          if (!initialMap.has(_key6)) {
-            var initialLayoutInfo = this.layout.getInitialLayoutInfo(_layoutInfo4.copy());
-            transaction.initialLayoutInfo.set(_key6, initialLayoutInfo);
-          }
-        } // Figure out which views were removed.
-
-      } catch (err) {
-        _iterator18.e(err);
-      } finally {
-        _iterator18.f();
-      }
-
-      var _iterator19 = $d11201c7ec0629352f016e7dc350a774$var$_createForOfIteratorHelper(this._visibleViews),
-          _step19;
-
-      try {
-        for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
-          var _step19$value = _babelRuntimeHelpersSlicedToArray(_step19.value, 2),
-              _key7 = _step19$value[0],
-              view = _step19$value[1];
-
-          if (!finalMap.has(_key7)) {
-            transaction.removed.set(_key7, view);
-
-            this._visibleViews.delete(_key7); // In case something weird happened, where we have a view but no
-            // initial layout info, use the one attached to the view.
-
-
-            if (view.layoutInfo) {
-              var _k = this._getViewKey(view.layoutInfo.type, view.layoutInfo.key);
-
-              if (!transaction.finalLayoutInfo.has(_k)) {
-                transaction.finalLayoutInfo.set(_k, view.layoutInfo);
-              }
-            }
-          }
-        }
-      } catch (err) {
-        _iterator19.e(err);
-      } finally {
-        _iterator19.f();
-      }
-    }
-  }, {
-    key: "contentSize",
-    get: function get() {
-      return this._contentSize;
-    }
-    /**
-     * Get the collection view's currently visible rectangle
-     */
-
-  }, {
-    key: "visibleRect",
-    get: function get() {
-      return this._visibleRect;
-    }
-    /**
-     * Set the collection view's currently visible rectangle
-     */
-    ,
-    set: function set(rect) {
-      this._setVisibleRect(rect);
-    }
-  }, {
-    key: "collection",
-    get: function get() {
-      return this._collection;
-    },
-    set: function set(data) {
-      this._setData(data);
-    }
-  }, {
-    key: "layout",
-    get: function get() {
-      return this._layout;
-    }
-    /**
-     * Set the collection view's layout
-     */
-    ,
-    set: function set(layout) {
-      this.setLayout(layout);
-    }
-  }, {
-    key: "visibleViews",
-    get: function get() {
-      return Array.from(this._visibleViews.values());
-    }
-  }]);
-
-  return CollectionManager;
-}();
-
-exports.CollectionManager = CollectionManager;
-
+var $c870f3b549c61b6b$exports = require("./Item.main.js");
+var $350f13aa4d8b327c$exports = require("./Section.main.js");
+var $98fc0fafaca75b6a$exports = require("./useCollection.main.js");
+var $e749fe52977fe2c2$exports = require("./getItemCount.main.js");
+var $7a155683b0d79a6a$exports = require("./getChildNodes.main.js");
+var $51588fd411aace25$exports = require("./CollectionBuilder.main.js");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Item", () => $c870f3b549c61b6b$exports.Item);
+$parcel$export(module.exports, "Section", () => $350f13aa4d8b327c$exports.Section);
+$parcel$export(module.exports, "useCollection", () => $98fc0fafaca75b6a$exports.useCollection);
+$parcel$export(module.exports, "getItemCount", () => $e749fe52977fe2c2$exports.getItemCount);
+$parcel$export(module.exports, "getChildNodes", () => $7a155683b0d79a6a$exports.getChildNodes);
+$parcel$export(module.exports, "getFirstItem", () => $7a155683b0d79a6a$exports.getFirstItem);
+$parcel$export(module.exports, "getLastItem", () => $7a155683b0d79a6a$exports.getLastItem);
+$parcel$export(module.exports, "getNthItem", () => $7a155683b0d79a6a$exports.getNthItem);
+$parcel$export(module.exports, "compareNodeOrder", () => $7a155683b0d79a6a$exports.compareNodeOrder);
+$parcel$export(module.exports, "CollectionBuilder", () => $51588fd411aace25$exports.CollectionBuilder);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -3541,904 +30,12 @@ exports.CollectionManager = CollectionManager;
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */
-// import {Point} from './Point';
-// import { DragTarget, DropTarget } from '@react-types/shared';
-
-/**
- * {@link CollectionView} supports arbitrary layout objects, which compute what views are visible, and how
- * to position and style them. However, layouts do not create the views themselves directly. Instead,
- * layouts produce lightweight {@link LayoutInfo} objects which describe various properties of a view,
- * such as its position and size. The {@link CollectionView} is then responsible for creating the actual
- * views as needed, based on this layout information.
- *
- * Every layout extends from the {@link Layout} abstract base class. Layouts must implement a minimum of the
- * two methods listed below. All other methods can be optionally overridden to implement custom behavior.
- *
- * - {@link getVisibleLayoutInfos}
- * - {@link getLayoutInfo}
- */
-var Layout = /*#__PURE__*/function () {
-  function Layout() {
-    _babelRuntimeHelpersClassCallCheck(this, Layout);
-
-    _babelRuntimeHelpersDefineProperty(this, "collectionManager", void 0);
-  }
-
-  _babelRuntimeHelpersCreateClass(Layout, [{
-    key: "shouldInvalidate",
-
-    /**
-     * Returns whether the layout should invalidate in response to
-     * visible rectangle changes. By default, it only invalidates
-     * when the collection view's size changes. Return true always
-     * to make the layout invalidate while scrolling (e.g. sticky headers).
-     */
-    value: function shouldInvalidate(rect) {
-      // By default, invalidate when the size changes
-      var size = this.collectionManager.visibleRect;
-      return rect.width !== size.width || rect.height !== size.height;
-    }
-    /**
-     * This method allows the layout to perform any pre-computation
-     * it needs to in order to prepare {@link LayoutInfo}s for retrieval.
-     * Called by the collection view before {@link getVisibleLayoutInfos}
-     * or {@link getLayoutInfo} are called.
-     */
-
-  }, {
-    key: "validate",
-    value: function validate(invalidationContext) {} // eslint-disable-line @typescript-eslint/no-unused-vars
-
-    /**
-     * Returns an array of {@link LayoutInfo} objects which are inside the given rectangle.
-     * Should be implemented by subclasses.
-     * @param rect The rectangle that should contain the returned LayoutInfo objects
-     */
-
-  }, {
-    key: "getInitialLayoutInfo",
-
-    /**
-     * Returns a {@link DragTarget} describing a view at the given point to be dragged.
-     * Return `null` to cancel the drag. The default implementation returns the view at the given point.
-     * @param point The point at which the drag occurred
-     */
-    // getDragTarget(point: Point): DragTarget | null {
-    //   let target = this.collectionManager.keyAtPoint(point);
-    //   if (!target) {
-    //     return null;
-    //   }
-    //   return {
-    //     type: 'item',
-    //     key: target
-    //   };
-    // }
-
-    /**
-     * Returns a {@link DragTarget} object describing where a drop should occur. Return `null`
-     * to reject the drop. The dropped items will be inserted before the resulting target.
-     * @param point The point at which the drop occurred
-     */
-    // getDropTarget(point: Point): DropTarget | null {
-    //   return null;
-    // }
-
-    /**
-     * Returns the starting attributes for an animated insertion.
-     * The view is animated from this {@link LayoutInfo} to the one returned by {@link getLayoutInfo}.
-     * The default implementation just returns its input.
-     *
-     * @param layoutInfo The proposed LayoutInfo for this view
-     */
-    value: function getInitialLayoutInfo(layoutInfo) {
-      return layoutInfo;
-    }
-    /**
-     * Returns the ending attributes for an animated removal.
-     * The view is animated from the {@link LayoutInfo} returned by {@link getLayoutInfo}
-     * to the one returned by this method. The default implementation returns its input.
-     *
-     * @param layoutInfo The original LayoutInfo for this view
-     */
-
-  }, {
-    key: "getFinalLayoutInfo",
-    value: function getFinalLayoutInfo(layoutInfo) {
-      return layoutInfo;
-    }
-  }]);
-
-  return Layout;
-}();
-
-exports.Layout = Layout;
-
-/**
- * Instances of this lightweight class are created by {@link Layout} subclasses
- * to represent each view in the {@link CollectionView}. LayoutInfo objects describe 
- * various properties of a view, such as its position and size, and style information.
- * The collection view uses this information when creating actual views to display.
- */
-var LayoutInfo = /*#__PURE__*/function () {
-  /**
-   * A string representing the view type. Should be `'item'` for item views.
-   * Other types are used by supplementary views.
-   */
-
-  /**
-   * A unique key for this view. For item views, it should match the content key.
-   */
-
-  /**
-   * The key for a parent layout info, if any.
-   */
-
-  /**
-   * The rectangle describing the size and position of this view.
-   */
-
-  /**
-   * Whether the size is estimated. `false` by default.
-   */
-
-  /**
-   * The view's opacity. 1 by default.
-   */
-
-  /**
-   * A CSS transform string to apply to the view. `null` by default.
-   */
-
-  /**
-   * The z-index of the view. 0 by default.
-   */
-
-  /**
-   * @param type A string representing the view type. Should be `'item'` for item views. 
-                            Other types are used by supplementary views.
-   * @param key The unique key for this view.
-   * @param rect The rectangle describing the size and position of this view.
-   */
-  function LayoutInfo(type, key, rect) {
-    _babelRuntimeHelpersClassCallCheck(this, LayoutInfo);
-
-    _babelRuntimeHelpersDefineProperty(this, "type", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "key", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "parentKey", void 0);
-
-    _babelRuntimeHelpersDefineProperty(this, "rect", void 0);
+ */ 
 
-    _babelRuntimeHelpersDefineProperty(this, "estimatedSize", void 0);
 
-    _babelRuntimeHelpersDefineProperty(this, "opacity", void 0);
 
-    _babelRuntimeHelpersDefineProperty(this, "transform", void 0);
 
-    _babelRuntimeHelpersDefineProperty(this, "zIndex", void 0);
 
-    this.type = type;
-    this.key = key;
-    this.parentKey = null;
-    this.rect = rect;
-    this.estimatedSize = false;
-    this.opacity = 1;
-    this.transform = null;
-    this.zIndex = 0;
-  }
-  /**
-   * Returns a copy of the LayoutInfo.
-   */
 
 
-  _babelRuntimeHelpersCreateClass(LayoutInfo, [{
-    key: "copy",
-    value: function copy() {
-      var res = new LayoutInfo(this.type, this.key, this.rect.copy());
-      res.estimatedSize = this.estimatedSize;
-      res.opacity = this.opacity;
-      res.transform = this.transform;
-      return res;
-    }
-  }]);
-
-  return LayoutInfo;
-}();
-
-exports.LayoutInfo = LayoutInfo;
-
-function $e9c45b16bd2d2e0b1c780b100d2a005b$var$_createForOfIteratorHelper(o) {
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (o = $e9c45b16bd2d2e0b1c780b100d2a005b$var$_unsupportedIterableToArray(o))) {
-      var i = 0;
-
-      var F = function F() {};
-
-      return {
-        s: F,
-        n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function e(_e) {
-          throw _e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var it,
-      normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function s() {
-      it = o[Symbol.iterator]();
-    },
-    n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
-    },
-    f: function f() {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function $e9c45b16bd2d2e0b1c780b100d2a005b$var$_unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return $e9c45b16bd2d2e0b1c780b100d2a005b$var$_arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $e9c45b16bd2d2e0b1c780b100d2a005b$var$_arrayLikeToArray(o, minLen);
-}
-
-function $e9c45b16bd2d2e0b1c780b100d2a005b$var$_arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-function $e9c45b16bd2d2e0b1c780b100d2a005b$var$_createSuper(Derived) {
-  return function () {
-    var Super = _babelRuntimeHelpersGetPrototypeOf(Derived),
-        result;
-
-    if ($e9c45b16bd2d2e0b1c780b100d2a005b$var$_isNativeReflectConstruct()) {
-      var NewTarget = _babelRuntimeHelpersGetPrototypeOf(this).constructor;
-
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return _babelRuntimeHelpersPossibleConstructorReturn(this, result);
-  };
-}
-
-function $e9c45b16bd2d2e0b1c780b100d2a005b$var$_isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-var $e9c45b16bd2d2e0b1c780b100d2a005b$var$DEFAULT_HEIGHT = 48;
-/**
- * The ListLayout class is an implementation of a collection view {@link Layout}
- * it is used for creating lists and lists with indented sub-lists
- *
- * To configure a ListLayout, you can use the properties to define the
- * layouts and/or use the method for defining indentation.
- * The {@link ListLayoutDelegate} extends the existing collection view
- * delegate with an additional method to do this (it uses the same delegate object as
- * the collection view itself).
- */
-
-var ListLayout = /*#__PURE__*/function (_Layout) {
-  _babelRuntimeHelpersInherits(ListLayout, _Layout);
-
-  var _super = $e9c45b16bd2d2e0b1c780b100d2a005b$var$_createSuper(ListLayout);
-  /**
-   * Creates a new ListLayout with options. See the list of properties below for a description
-   * of the options that can be provided.
-   */
-
-
-  function ListLayout() {
-    var _this;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _babelRuntimeHelpersClassCallCheck(this, ListLayout);
-
-    _this = _super.call(this);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "rowHeight", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "estimatedRowHeight", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "headingHeight", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "estimatedHeadingHeight", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "padding", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "indentationForItem", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "layoutInfos", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "contentHeight", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "collection", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "lastWidth", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "lastCollection", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "rootNodes", void 0);
-
-    _babelRuntimeHelpersDefineProperty(_babelRuntimeHelpersAssertThisInitialized(_this), "collator", void 0);
-
-    _this.rowHeight = options.rowHeight;
-    _this.estimatedRowHeight = options.estimatedRowHeight;
-    _this.headingHeight = options.headingHeight;
-    _this.estimatedHeadingHeight = options.estimatedHeadingHeight;
-    _this.padding = options.padding || 0;
-    _this.indentationForItem = options.indentationForItem;
-    _this.collator = options.collator;
-    _this.layoutInfos = {};
-    _this.rootNodes = [];
-    _this.lastWidth = 0;
-    _this.lastCollection = null;
-    _this.contentHeight = 0;
-    return _this;
-  }
-
-  _babelRuntimeHelpersCreateClass(ListLayout, [{
-    key: "getLayoutInfo",
-    value: function getLayoutInfo(type, key) {
-      return this.layoutInfos[key];
-    }
-  }, {
-    key: "getVisibleLayoutInfos",
-    value: function getVisibleLayoutInfos(rect) {
-      var res = [];
-
-      var addNodes = function addNodes(nodes) {
-        var _iterator = $e9c45b16bd2d2e0b1c780b100d2a005b$var$_createForOfIteratorHelper(nodes),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var node = _step.value;
-
-            if (node.layoutInfo.rect.intersects(rect)) {
-              res.push(node.layoutInfo);
-
-              if (node.header) {
-                res.push(node.header);
-              }
-
-              if (node.children) {
-                addNodes(node.children);
-              }
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      };
-
-      addNodes(this.rootNodes);
-      return res;
-    }
-  }, {
-    key: "validate",
-    value: function validate() {
-      var _this2 = this;
-
-      var width = this.collectionManager.visibleRect.width;
-      var previousLayoutInfos = this.layoutInfos;
-      this.layoutInfos = {}; // Build the layout recursively.
-
-      var build = function build(nodes) {
-        var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        var startY = y;
-        var layoutNodes = [];
-
-        var _iterator2 = $e9c45b16bd2d2e0b1c780b100d2a005b$var$_createForOfIteratorHelper(nodes),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var node = _step2.value;
-            var rectHeight = node.type === 'item' ? _this2.rowHeight : _this2.headingHeight;
-            var isEstimated = false; // If no explicit height is available, use an estimated height.
-
-            if (rectHeight == null) {
-              // If a previous version of this layout info exists, reuse its height.
-              // Mark as estimated if the size of the overall collection view changed,
-              // or the content of the item changed.
-              var previousLayoutInfo = previousLayoutInfos[node.type === 'item' ? node.key : node.key + ':header'];
-
-              if (previousLayoutInfo) {
-                var curNode = _this2.collection.getItem(node.key);
-
-                var lastNode = _this2.lastCollection ? _this2.lastCollection.getItem(node.key) : null;
-                rectHeight = previousLayoutInfo.rect.height;
-                isEstimated = width !== _this2.lastWidth || curNode !== lastNode || previousLayoutInfo.estimatedSize;
-              } else {
-                if (node.type === 'item') {
-                  rectHeight = _this2.estimatedRowHeight;
-                } else {
-                  rectHeight = node.rendered ? _this2.estimatedHeadingHeight : 0;
-                }
-
-                isEstimated = true;
-              }
-            }
-
-            if (rectHeight == null) {
-              rectHeight = $e9c45b16bd2d2e0b1c780b100d2a005b$var$DEFAULT_HEIGHT;
-            }
-
-            var layoutInfo = void 0;
-
-            if (node.type === 'section') {
-              var headerRect = new Rect(0, y, width, rectHeight);
-              var header = new LayoutInfo('header', node.key + ':header', headerRect);
-              header.estimatedSize = isEstimated;
-              header.parentKey = node.key;
-              _this2.layoutInfos[header.key] = header;
-              y += header.rect.height;
-              var rect = new Rect(0, y, width, 0);
-              layoutInfo = new LayoutInfo(node.type, node.key, rect);
-
-              var _build = build(node.childNodes, y),
-                  _build2 = _babelRuntimeHelpersSlicedToArray(_build, 2),
-                  _height = _build2[0],
-                  children = _build2[1];
-
-              rect.height = _height;
-              layoutNodes.push({
-                header: header,
-                layoutInfo: layoutInfo,
-                children: children
-              });
-            } else {
-              var x = 0;
-
-              if (typeof _this2.indentationForItem === 'function') {
-                x = _this2.indentationForItem(_this2.collection, node.key) || 0;
-              }
-
-              var _rect = new Rect(x, y, width - x, rectHeight);
-
-              layoutInfo = new LayoutInfo(node.type, node.key, _rect);
-              layoutInfo.estimatedSize = isEstimated;
-              layoutNodes.push({
-                layoutInfo: layoutInfo
-              });
-            }
-
-            layoutInfo.parentKey = node.parentKey || null;
-            _this2.layoutInfos[node.key] = layoutInfo;
-            y += layoutInfo.rect.height;
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        return [y - startY, layoutNodes];
-      };
-
-      var _build3 = build(this.collection, this.padding),
-          _build4 = _babelRuntimeHelpersSlicedToArray(_build3, 2),
-          height = _build4[0],
-          nodes = _build4[1];
-
-      this.contentHeight = height + this.padding * 2;
-      this.rootNodes = nodes;
-      this.lastWidth = width;
-      this.lastCollection = this.collection;
-    }
-  }, {
-    key: "updateItemSize",
-    value: function updateItemSize(key, size) {
-      var layoutInfo = this.layoutInfos[key];
-      layoutInfo.estimatedSize = false;
-
-      if (layoutInfo.rect.height !== size.height) {
-        layoutInfo.rect.height = size.height;
-        return true;
-      }
-
-      return false;
-    }
-  }, {
-    key: "getContentSize",
-    value: function getContentSize() {
-      return new Size(this.collectionManager.visibleRect.width, this.contentHeight);
-    }
-  }, {
-    key: "getKeyAbove",
-    value: function getKeyAbove(key) {
-      var collection = this.collection;
-      key = collection.getKeyBefore(key);
-
-      while (key) {
-        var item = collection.getItem(key);
-
-        if (item.type === 'item' && !item.isDisabled) {
-          return key;
-        }
-
-        key = collection.getKeyBefore(key);
-      }
-    }
-  }, {
-    key: "getKeyBelow",
-    value: function getKeyBelow(key) {
-      var collection = this.collection;
-      key = collection.getKeyAfter(key);
-
-      while (key) {
-        var item = collection.getItem(key);
-
-        if (item.type === 'item' && !item.isDisabled) {
-          return key;
-        }
-
-        key = collection.getKeyAfter(key);
-      }
-    }
-  }, {
-    key: "getKeyPageAbove",
-    value: function getKeyPageAbove(key) {
-      var layoutInfo = this.getLayoutInfo('item', key);
-      var pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.collectionManager.visibleRect.height);
-
-      while (layoutInfo && layoutInfo.rect.y > pageY && layoutInfo) {
-        var keyAbove = this.getKeyAbove(layoutInfo.key);
-        layoutInfo = this.getLayoutInfo('item', keyAbove);
-      }
-
-      if (layoutInfo) {
-        return layoutInfo.key;
-      }
-
-      return this.getFirstKey();
-    }
-  }, {
-    key: "getKeyPageBelow",
-    value: function getKeyPageBelow(key) {
-      var layoutInfo = this.getLayoutInfo('item', key);
-      var pageY = Math.min(this.collectionManager.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.collectionManager.visibleRect.height);
-
-      while (layoutInfo && layoutInfo.rect.y < pageY) {
-        var keyBelow = this.getKeyBelow(layoutInfo.key);
-        layoutInfo = this.getLayoutInfo('item', keyBelow);
-      }
-
-      if (layoutInfo) {
-        return layoutInfo.key;
-      }
-
-      return this.getLastKey();
-    }
-  }, {
-    key: "getFirstKey",
-    value: function getFirstKey() {
-      var collection = this.collection;
-      var key = collection.getFirstKey();
-
-      while (key) {
-        var item = collection.getItem(key);
-
-        if (item.type === 'item' && !item.isDisabled) {
-          return key;
-        }
-
-        key = collection.getKeyAfter(key);
-      }
-    }
-  }, {
-    key: "getLastKey",
-    value: function getLastKey() {
-      var collection = this.collection;
-      var key = collection.getLastKey();
-
-      while (key) {
-        var item = collection.getItem(key);
-
-        if (item.type === 'item' && !item.isDisabled) {
-          return key;
-        }
-
-        key = collection.getKeyBefore(key);
-      }
-    }
-  }, {
-    key: "getKeyForSearch",
-    value: function getKeyForSearch(search, fromKey) {
-      if (!this.collator) {
-        return null;
-      }
-
-      var collection = this.collection;
-      var key = fromKey ? this.getKeyBelow(fromKey) : this.getFirstKey();
-
-      while (key) {
-        var item = collection.getItem(key);
-        var substring = item.textValue.slice(0, search.length);
-
-        if (item.textValue && this.collator.compare(substring, search) === 0) {
-          return key;
-        }
-
-        key = this.getKeyBelow(key);
-      }
-
-      return null;
-    } // getDragTarget(point: Point): DragTarget {
-    //   let visible = this.getVisibleLayoutInfos(new Rect(point.x, point.y, 1, 1));
-    //   if (visible.length > 0) {
-    //     visible = visible.sort((a, b) => b.zIndex - a.zIndex);
-    //     return {
-    //       type: 'item',
-    //       key: visible[0].key
-    //     };
-    //   }
-    //   return null;
-    // }
-    // getDropTarget(point: Point): DropTarget {
-    //   let key = this.collectionManager.keyAtPoint(point);
-    //   if (key) {
-    //     return {
-    //       type: 'item',
-    //       key,
-    //       dropPosition: DropPosition.ON
-    //     };
-    //   }
-    //   return null;
-    // }
-
-  }, {
-    key: "getInitialLayoutInfo",
-    value: function getInitialLayoutInfo(layoutInfo) {
-      layoutInfo.opacity = 0;
-      layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
-      return layoutInfo;
-    }
-  }, {
-    key: "getFinalLayoutInfo",
-    value: function getFinalLayoutInfo(layoutInfo) {
-      layoutInfo.opacity = 0;
-      layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
-      return layoutInfo;
-    }
-  }]);
-
-  return ListLayout;
-}(Layout);
-
-exports.ListLayout = ListLayout;
-
-function useCollectionState(opts) {
-  var _useState = useState([]),
-      _useState2 = _babelRuntimeHelpersSlicedToArray(_useState, 2),
-      visibleViews = _useState2[0],
-      setVisibleViews = _useState2[1];
-
-  var _useState3 = useState(new Rect()),
-      _useState4 = _babelRuntimeHelpersSlicedToArray(_useState3, 2),
-      visibleRect = _useState4[0],
-      _setVisibleRect = _useState4[1];
-
-  var _useState5 = useState(new Size()),
-      _useState6 = _babelRuntimeHelpersSlicedToArray(_useState5, 2),
-      contentSize = _useState6[0],
-      setContentSize = _useState6[1];
-
-  var _useState7 = useState(false),
-      _useState8 = _babelRuntimeHelpersSlicedToArray(_useState7, 2),
-      isAnimating = _useState8[0],
-      setAnimating = _useState8[1];
-
-  var collectionManager = useMemo(function () {
-    return new CollectionManager();
-  }, []);
-  collectionManager.delegate = {
-    setVisibleViews: setVisibleViews,
-    setVisibleRect: function setVisibleRect(rect) {
-      collectionManager.visibleRect = rect;
-
-      _setVisibleRect(rect);
-    },
-    setContentSize: setContentSize,
-    renderView: opts.renderView,
-    renderWrapper: opts.renderWrapper,
-    beginAnimations: function beginAnimations() {
-      return setAnimating(true);
-    },
-    endAnimations: function endAnimations() {
-      return setAnimating(false);
-    },
-    getScrollAnchor: opts.getScrollAnchor
-  };
-  collectionManager.layout = opts.layout;
-  collectionManager.collection = opts.collection;
-  collectionManager.visibleRect = visibleRect;
-  useLayoutEffect(function () {
-    collectionManager.afterRender();
-  });
-  return {
-    collectionManager: collectionManager,
-    visibleViews: visibleViews,
-    visibleRect: visibleRect,
-    setVisibleRect: function setVisibleRect(rect) {
-      collectionManager.visibleRect = rect;
-
-      _setVisibleRect(rect);
-    },
-    contentSize: contentSize,
-    isAnimating: isAnimating,
-    startScrolling: function startScrolling() {
-      collectionManager.startScrolling();
-    },
-    endScrolling: function endScrolling() {
-      collectionManager.endScrolling();
-    }
-  };
-}
-
-exports.useCollectionState = useCollectionState;
-
-function $c1b8d4171cdf614f347a94636ac703c$var$reducer(state, _ref) {
-  var type = _ref.type,
-      rest = _babelRuntimeHelpersObjectWithoutProperties(_ref, ["type"]);
-
-  switch (type) {
-    case 'fetching':
-    case 'sorting':
-      return _babelRuntimeHelpersObjectSpread({}, state, {}, rest, {
-        isLoading: true
-      });
-
-    case 'error':
-      return _babelRuntimeHelpersObjectSpread({}, state, {}, rest, {
-        isLoading: false
-      });
-
-    case 'success':
-      return _babelRuntimeHelpersObjectSpread({}, state, {}, rest, {
-        isLoading: false
-      });
-
-    default:
-      throw new Error();
-  }
-}
-
-function useAsyncList(options) {
-  var load = options.load,
-      loadMore = options.loadMore,
-      sort = options.sort,
-      defaultSortDescriptor = options.defaultSortDescriptor;
-
-  var _useReducer = useReducer($c1b8d4171cdf614f347a94636ac703c$var$reducer, {
-    error: null,
-    isLoading: true,
-    items: [],
-    sortDescriptor: defaultSortDescriptor || null,
-    fetchFunction: load
-  }),
-      _useReducer2 = _babelRuntimeHelpersSlicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var fetchData = /*#__PURE__*/function () {
-    var _ref2 = _babelRuntimeHelpersAsyncToGenerator( /*#__PURE__*/_babelRuntimeRegenerator.mark(function _callee(fn) {
-      var response;
-      return _babelRuntimeRegenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return fn(_babelRuntimeHelpersObjectSpread({}, state));
-
-            case 3:
-              response = _context.sent;
-              dispatch(_babelRuntimeHelpersObjectSpread({
-                type: 'success'
-              }, response));
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              dispatch({
-                type: 'error',
-                error: _context.t0
-              });
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 7]]);
-    }));
-
-    return function fetchData(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var onLoadMore = !loadMore ? null : function () {
-    dispatch({
-      type: 'fetching',
-      fetchFunction: loadMore
-    });
-  };
-
-  var onSortChange = function onSortChange(desc) {
-    dispatch({
-      type: 'sorting',
-      fetchFunction: sort || load,
-      sortDescriptor: desc
-    });
-  };
-
-  var fetchFunction = state.fetchFunction,
-      otherState = _babelRuntimeHelpersObjectWithoutProperties(state, ["fetchFunction"]);
-
-  useEffect(function () {
-    if (state.isLoading) {
-      fetchData(fetchFunction);
-    }
-  });
-  return _babelRuntimeHelpersObjectSpread({}, otherState, {
-    onLoadMore: onLoadMore,
-    onSortChange: onSortChange
-  });
-}
-
-exports.useAsyncList = useAsyncList;
+//# sourceMappingURL=main.js.map