bhd-components 0.10.22 → 0.10.24

package/dist/vendor.esm.es5.development.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { version as version$4, isValidElement as isValidElement$1, useContext as useContext$1, createContext as createContext$1, useState, useMemo as useMemo$1, useRef, useEffect, useLayoutEffect as useLayoutEffect$2, forwardRef, createRef, useCallback, useImperativeHandle, memo, Children, cloneElement as cloneElement$1, Component, PureComponent, createElement as createElement$2 } from 'react';
+import React__default, { version as version$4, isValidElement as isValidElement$1, useContext as useContext$1, createContext as createContext$1, useState, useMemo as useMemo$1, useRef, useEffect, useLayoutEffect as useLayoutEffect$2, forwardRef, createRef, useCallback, useImperativeHandle, memo, Children, cloneElement as cloneElement$1, Component, createElement as createElement$2, PureComponent } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { unstable_batchedUpdates, createPortal, flushSync } from 'react-dom';
 import { jsx as jsx$1, jsxs as jsxs$1 } from 'react/jsx-runtime';
@@ -101160,406 +101160,1605 @@ $$6({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
   }
 });
 
-var call$2 = functionCall;
-var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
-var anObject$1 = anObject$l;
-var isNullOrUndefined$1 = isNullOrUndefined$b;
-var toLength$2 = toLength$a;
-var toString$3 = toString$n;
-var requireObjectCoercible$3 = requireObjectCoercible$f;
-var getMethod$1 = getMethod$8;
-var advanceStringIndex$1 = advanceStringIndex$3;
-var regExpExec$1 = regexpExecAbstract;
+var PUBLISH = 0;
+var SUBSCRIBE = 1;
+var RESET = 2;
+var VALUE = 4;
 
-// @@match logic
-fixRegExpWellKnownSymbolLogic$1('match', function (MATCH, nativeMatch, maybeCallNative) {
-  return [
-    // `String.prototype.match` method
-    // https://tc39.es/ecma262/#sec-string.prototype.match
-    function match(regexp) {
-      var O = requireObjectCoercible$3(this);
-      var matcher = isNullOrUndefined$1(regexp) ? undefined : getMethod$1(regexp, MATCH);
-      return matcher ? call$2(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$3(O));
-    },
-    // `RegExp.prototype[@@match]` method
-    // https://tc39.es/ecma262/#sec-regexp.prototype-@@match
-    function (string) {
-      var rx = anObject$1(this);
-      var S = toString$3(string);
-      var res = maybeCallNative(nativeMatch, rx, S);
+/**
+ * Utils includes
+ * - a handful of functional utilities inspired by or taken from the [Ramda library](https://ramdajs.com/);
+ * - TypeScript crutches - the [[tup]] function.
+ *
+ * Use these for your convenience - they are here so that urx is zero-dependency package.
+ *
+ * @packageDocumentation
+ */
 
-      if (res.done) return res.value;
+/**
+ * Performs left to right composition of two functions.
+ */
+function compose(a, b) {
+  return function (arg) {
+    return a(b(arg));
+  };
+}
+/**
+ * Takes a value and applies a function to it.
+ */
 
-      if (!rx.global) return regExpExec$1(rx, S);
+function thrush(arg, proc) {
+  return proc(arg);
+}
+/**
+ * Takes a 2 argument function and partially applies the first argument.
+ */
 
-      var fullUnicode = rx.unicode;
-      rx.lastIndex = 0;
-      var A = [];
-      var n = 0;
-      var result;
-      while ((result = regExpExec$1(rx, S)) !== null) {
-        var matchStr = toString$3(result[0]);
-        A[n] = matchStr;
-        if (matchStr === '') rx.lastIndex = advanceStringIndex$1(S, toLength$2(rx.lastIndex), fullUnicode);
-        n++;
-      }
-      return n === 0 ? null : A;
-    }
-  ];
-});
+function curry2to1(proc, arg1) {
+  return function (arg2) {
+    return proc(arg1, arg2);
+  };
+}
+/**
+ * Takes a 1 argument function and returns a function which when called, executes it with the provided argument.
+ */
 
-var toIntegerOrInfinity = toIntegerOrInfinity$c;
-var toString$2 = toString$n;
-var requireObjectCoercible$2 = requireObjectCoercible$f;
+function curry1to0(proc, arg) {
+  return function () {
+    return proc(arg);
+  };
+}
+/**
+ * Calls callback with the first argument, and returns it.
+ */
 
-var $RangeError = RangeError;
+function tap(arg, proc) {
+  proc(arg);
+  return arg;
+}
+/**
+ *  Utility function to help typescript figure out that what we pass is a tuple and not a generic array.
+ *  Taken from (this StackOverflow tread)[https://stackoverflow.com/questions/49729550/implicitly-create-a-tuple-in-typescript/52445008#52445008]
+ */
 
-// `String.prototype.repeat` method implementation
-// https://tc39.es/ecma262/#sec-string.prototype.repeat
-var stringRepeat = function repeat(count) {
-  var str = toString$2(requireObjectCoercible$2(this));
-  var result = '';
-  var n = toIntegerOrInfinity(count);
-  if (n < 0 || n === Infinity) throw new $RangeError('Wrong number of repetitions');
-  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) result += str;
-  return result;
-};
+function tup() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
 
-// https://github.com/tc39/proposal-string-pad-start-end
-var uncurryThis$3 = functionUncurryThis;
-var toLength$1 = toLength$a;
-var toString$1 = toString$n;
-var $repeat = stringRepeat;
-var requireObjectCoercible$1 = requireObjectCoercible$f;
+  return args;
+}
+/**
+ * Calls the passed function.
+ */
 
-var repeat = uncurryThis$3($repeat);
-var stringSlice$2 = uncurryThis$3(''.slice);
-var ceil = Math.ceil;
+function call$2(proc) {
+  proc();
+}
+/**
+ * returns a function which when called always returns the passed value
+ */
 
-// `String.prototype.{ padStart, padEnd }` methods implementation
-var createMethod = function (IS_END) {
-  return function ($this, maxLength, fillString) {
-    var S = toString$1(requireObjectCoercible$1($this));
-    var intMaxLength = toLength$1(maxLength);
-    var stringLength = S.length;
-    var fillStr = fillString === undefined ? ' ' : toString$1(fillString);
-    var fillLen, stringFiller;
-    if (intMaxLength <= stringLength || fillStr === '') return S;
-    fillLen = intMaxLength - stringLength;
-    stringFiller = repeat(fillStr, ceil(fillLen / fillStr.length));
-    if (stringFiller.length > fillLen) stringFiller = stringSlice$2(stringFiller, 0, fillLen);
-    return IS_END ? S + stringFiller : stringFiller + S;
+function always(value) {
+  return function () {
+    return value;
   };
-};
+}
+/**
+ * returns a function which calls all passed functions in the passed order.
+ * joinProc does not pass arguments or collect return values.
+ */
 
-var stringPad = {
-  // `String.prototype.padStart` method
-  // https://tc39.es/ecma262/#sec-string.prototype.padstart
-  start: createMethod(false),
-  // `String.prototype.padEnd` method
-  // https://tc39.es/ecma262/#sec-string.prototype.padend
-  end: createMethod(true)
-};
+function joinProc() {
+  for (var _len2 = arguments.length, procs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    procs[_key2] = arguments[_key2];
+  }
 
-// https://github.com/zloirock/core-js/issues/280
-var userAgent = environmentUserAgent;
+  return function () {
+    procs.map(call$2);
+  };
+}
+function noop() {}
 
-var stringPadWebkitBug = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent);
+/**
+ * urx Actions operate on streams - `publish` publishes data in a stream, and `subscribe` attaches a subscription to a stream.
+ * @packageDocumentation
+ */
+/**
+ * Subscribes the specified [[Subscription]] to the updates from the Emitter.
+ * The emitter calls the subscription with the new data each time new data is published into it.
+ *
+ * ```ts
+ * const foo = stream<number>();
+ * subscribe(foo, (value) => console.log(value));
+ * ```
+ *
+ * @returns an [[Unsubscribe]] handle  - calling it will unbind the subscription from the emitter.
+ *```ts
+ * const foo = stream<number>();
+ * const unsub = subscribe(foo, (value) => console.log(value));
+ * unsub();
+ *```
+ */
 
-var $$5 = _export;
-var $padStart = stringPad.start;
-var WEBKIT_BUG = stringPadWebkitBug;
+function subscribe(emitter, subscription) {
+  return emitter(SUBSCRIBE, subscription);
+}
+/**
+ * Publishes the value into the passed [[Publisher]].
+ *
+ * ```ts
+ * const foo = stream<number>();
+ * publish(foo, 42);
+ * ```
+ */
 
-// `String.prototype.padStart` method
-// https://tc39.es/ecma262/#sec-string.prototype.padstart
-$$5({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
-  padStart: function padStart(maxLength /* , fillString = ' ' */) {
-    return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
+function publish(publisher, value) {
+  publisher(PUBLISH, value);
+}
+/**
+ * Clears all subscriptions from the [[Emitter]].
+ * ```ts
+ * const foo = stream<number>();
+ * subscribe(foo, (value) => console.log(value));
+ * reset(foo);
+ * publish(foo, 42);
+ * ```
+ */
 
-var $$4 = _export;
-var lastIndexOf = arrayLastIndexOf;
+function reset(emitter) {
+  emitter(RESET);
+}
+/**
+ * Extracts the current value from a stateful stream. Use it only as an escape hatch, as it violates the concept of reactive programming.
+ * ```ts
+ * const foo = statefulStream(42);
+ * console.log(getValue(foo));
+ * ```
+ */
 
-// `Array.prototype.lastIndexOf` method
-// https://tc39.es/ecma262/#sec-array.prototype.lastindexof
-// eslint-disable-next-line es/no-array-prototype-lastindexof -- required for testing
-$$4({ target: 'Array', proto: true, forced: lastIndexOf !== [].lastIndexOf }, {
-  lastIndexOf: lastIndexOf
-});
+function getValue(depot) {
+  return depot(VALUE);
+}
+/**
+ * Connects two streams - any value emitted from the emitter will be published in the publisher.
+ * ```ts
+ * const foo = stream<number>();
+ * const bar = stream<number>();
+ * subscribe(bar, (value) => console.log(`Bar emitted ${value}`));
+ *
+ * connect(foo, bar);
+ * publish(foo);
+ * ```
+ * @returns an [[Unsubscribe]] handle which will disconnect the two streams.
+ */
 
-const M$1 = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  unit: "px"
-}, v$1 = (o, e, t) => Math.min(Math.max(o, e), t), S$1 = (...o) => o.filter((e) => e && typeof e == "string").join(" "), Y$1 = (o, e) => o === e || o.width === e.width && o.height === e.height && o.x === e.x && o.y === e.y && o.unit === e.unit;
-function H$1(o, e, t, h) {
-  const i = y$1(o, t, h);
-  return o.width && (i.height = i.width / e), o.height && (i.width = i.height * e), i.y + i.height > h && (i.height = h - i.y, i.width = i.height * e), i.x + i.width > t && (i.width = t - i.x, i.height = i.width / e), o.unit === "%" ? D$1(i, t, h) : i;
+function connect(emitter, publisher) {
+  return subscribe(emitter, curry2to1(publisher, PUBLISH));
 }
-function I$1(o, e, t) {
-  const h = y$1(o, e, t);
-  return h.x = (e - h.width) / 2, h.y = (t - h.height) / 2, o.unit === "%" ? D$1(h, e, t) : h;
+/**
+ * Executes the passed subscription at most once, for the next emit from the emitter.
+ * ```ts
+ * const foo = stream<number>()
+ * handleNext(foo, value => console.log(value)) // called once, with 42
+ * publish(foo, 42)
+ * publish(foo, 43)
+ * ```
+ * @returns an [[Unsubscribe]] handle to unbind the subscription if necessary.
+ */
+
+function handleNext(emitter, subscription) {
+  var unsub = emitter(SUBSCRIBE, function (value) {
+    unsub();
+    subscription(value);
+  });
+  return unsub;
 }
-function D$1(o, e, t) {
-  return o.unit === "%" ? { ...M$1, ...o, unit: "%" } : {
-    unit: "%",
-    x: o.x ? o.x / e * 100 : 0,
-    y: o.y ? o.y / t * 100 : 0,
-    width: o.width ? o.width / e * 100 : 0,
-    height: o.height ? o.height / t * 100 : 0
+
+/**
+ * Streams are the basic building blocks of a reactive system. Think of them as the system permanent "data tubes".
+ *
+ * A stream acts as both an [[Emitter]] and [[Publisher]]. Each stream can have multiple {@link Subscription | Subscriptions}.
+ *
+ * urx streams are either **stateless** or **stateful**.
+ * Stateless streams emit data to existing subscriptions when published, without keeping track of it.
+ * Stateful streams remember the last published value and immediately publish it to new subscriptions.
+ *
+ * ```ts
+ * import { stream, statefulStream, publish, subscribe } from "@virtuoso.dev/urx";
+ *
+ * // foo is a stateless stream
+ * const foo = stream<number>();
+ *
+ * publish(foo, 42);
+ * // this subsription will not be called...
+ * subscribe(foo, (value) => console.log(value));
+ * // it will only catch published values after it
+ * publish(foo, 43);
+ *
+ * // stateful streams always start with an initial value
+ * const bar = statefulStream(42);
+ *
+ * // subscribing to a stateful stream
+ * // immediately calls the subscription with the current value
+ * subscribe(bar, (value) => console.log(value));
+ *
+ * // subsequent publishing works just like stateless streams
+ * publish(bar, 43);
+ * ```
+ * @packageDocumentation
+ */
+/**
+ * Constructs a new stateless stream.
+ * ```ts
+ * const foo = stream<number>();
+ * ```
+ * @typeParam T the type of values to publish in the stream.
+ * @returns a [[Stream]]
+ */
+
+function stream() {
+  var subscriptions = [];
+  return function (action, arg) {
+    switch (action) {
+      case RESET:
+        subscriptions.splice(0, subscriptions.length);
+        return;
+
+      case SUBSCRIBE:
+        subscriptions.push(arg);
+        return function () {
+          var indexOf = subscriptions.indexOf(arg);
+
+          if (indexOf > -1) {
+            subscriptions.splice(indexOf, 1);
+          }
+        };
+
+      case PUBLISH:
+        subscriptions.slice().forEach(function (subscription) {
+          subscription(arg);
+        });
+        return;
+
+      default:
+        throw new Error("unrecognized action " + action);
+    }
   };
 }
-function y$1(o, e, t) {
-  return o.unit ? o.unit === "px" ? { ...M$1, ...o, unit: "px" } : {
-    unit: "px",
-    x: o.x ? o.x * e / 100 : 0,
-    y: o.y ? o.y * t / 100 : 0,
-    width: o.width ? o.width * e / 100 : 0,
-    height: o.height ? o.height * t / 100 : 0
-  } : { ...M$1, ...o, unit: "px" };
+/**
+ * Constructs a new stateful stream.
+ * ```ts
+ * const foo = statefulStream(42);
+ * ```
+ * @param initial the initial value in the stream.
+ * @typeParam T the type of values to publish in the stream. If omitted, the function infers it from the initial value.
+ * @returns a [[StatefulStream]]
+ */
+
+function statefulStream(initial) {
+  var value = initial;
+  var innerSubject = stream();
+  return function (action, arg) {
+    switch (action) {
+      case SUBSCRIBE:
+        var subscription = arg;
+        subscription(value);
+        break;
+
+      case PUBLISH:
+        value = arg;
+        break;
+
+      case VALUE:
+        return value;
+    }
+
+    return innerSubject(action, arg);
+  };
 }
-function P$1(o, e, t, h, i, n = 0, s = 0, w = h, a = i) {
-  const r = { ...o };
-  let c = Math.min(n, h), d = Math.min(s, i), g = Math.min(w, h), l = Math.min(a, i);
-  e && (e > 1 ? (c = s ? s * e : c, d = c / e, g = w * e) : (d = n ? n / e : d, c = d * e, l = a / e)), r.y < 0 && (r.height = Math.max(r.height + r.y, d), r.y = 0), r.x < 0 && (r.width = Math.max(r.width + r.x, c), r.x = 0);
-  const m = h - (r.x + r.width);
-  m < 0 && (r.x = Math.min(r.x, h - c), r.width += m);
-  const x = i - (r.y + r.height);
-  if (x < 0 && (r.y = Math.min(r.y, i - d), r.height += x), r.width < c && ((t === "sw" || t == "nw") && (r.x -= c - r.width), r.width = c), r.height < d && ((t === "nw" || t == "ne") && (r.y -= d - r.height), r.height = d), r.width > g && ((t === "sw" || t == "nw") && (r.x -= g - r.width), r.width = g), r.height > l && ((t === "nw" || t == "ne") && (r.y -= l - r.height), r.height = l), e) {
-    const b = r.width / r.height;
-    if (b < e) {
-      const C = Math.max(r.width / e, d);
-      (t === "nw" || t == "ne") && (r.y -= C - r.height), r.height = C;
-    } else if (b > e) {
-      const C = Math.max(r.height * e, c);
-      (t === "sw" || t == "nw") && (r.x -= C - r.width), r.width = C;
+/**
+ * Event handlers are special emitters which can have **at most one active subscription**.
+ * Subscribing to an event handler unsubscribes the previous subscription, if present.
+ * ```ts
+ * const foo = stream<number>();
+ * const fooEvent = eventHandler(foo);
+ *
+ * // will be called once with 42
+ * subscribe(fooEvent, (value) => console.log(`Sub 1 ${value}`));
+ * publish(foo, 42);
+ *
+ * // unsubscribes sub 1
+ * subscribe(fooEvent, (value) => console.log(`Sub 2 ${value}`));
+ * publish(foo, 43);
+ * ```
+ * @param emitter the source emitter.
+ * @returns the single-subscription emitter.
+ */
+
+function eventHandler(emitter) {
+  var unsub;
+  var currentSubscription;
+
+  var cleanup = function cleanup() {
+    return unsub && unsub();
+  };
+
+  return function (action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        if (subscription) {
+          if (currentSubscription === subscription) {
+            return;
+          }
+
+          cleanup();
+          currentSubscription = subscription;
+          unsub = subscribe(emitter, subscription);
+          return unsub;
+        } else {
+          cleanup();
+          return noop;
+        }
+
+      case RESET:
+        cleanup();
+        currentSubscription = null;
+        return;
+
+      default:
+        throw new Error("unrecognized action " + action);
     }
-  }
-  return r;
+  };
 }
-function _$1(o, e, t, h) {
-  const i = { ...o };
-  return e === "ArrowLeft" ? h === "nw" ? (i.x -= t, i.y -= t, i.width += t, i.height += t) : h === "w" ? (i.x -= t, i.width += t) : h === "sw" ? (i.x -= t, i.width += t, i.height += t) : h === "ne" ? (i.y += t, i.width -= t, i.height -= t) : h === "e" ? i.width -= t : h === "se" && (i.width -= t, i.height -= t) : e === "ArrowRight" && (h === "nw" ? (i.x += t, i.y += t, i.width -= t, i.height -= t) : h === "w" ? (i.x += t, i.width -= t) : h === "sw" ? (i.x += t, i.width -= t, i.height -= t) : h === "ne" ? (i.y -= t, i.width += t, i.height += t) : h === "e" ? i.width += t : h === "se" && (i.width += t, i.height += t)), e === "ArrowUp" ? h === "nw" ? (i.x -= t, i.y -= t, i.width += t, i.height += t) : h === "n" ? (i.y -= t, i.height += t) : h === "ne" ? (i.y -= t, i.width += t, i.height += t) : h === "sw" ? (i.x += t, i.width -= t, i.height -= t) : h === "s" ? i.height -= t : h === "se" && (i.width -= t, i.height -= t) : e === "ArrowDown" && (h === "nw" ? (i.x += t, i.y += t, i.width -= t, i.height -= t) : h === "n" ? (i.y += t, i.height -= t) : h === "ne" ? (i.y += t, i.width -= t, i.height -= t) : h === "sw" ? (i.x -= t, i.width += t, i.height += t) : h === "s" ? i.height += t : h === "se" && (i.width += t, i.height += t)), i;
+/**
+ * Creates and connects a "junction" stream to the specified emitter. Often used with [[pipe]], to avoid the multiple evaluation of operator sets.
+ *
+ * ```ts
+ * const foo = stream<number>();
+ *
+ * const fooX2 = pipe(
+ *   foo,
+ *   map((value) => {
+ *     console.log(`multiplying ${value}`);
+ *     return value * 2;
+ *   })
+ * );
+ *
+ * subscribe(fooX2, (value) => console.log(value));
+ * subscribe(fooX2, (value) => console.log(value));
+ *
+ * publish(foo, 42); // executes the map operator twice for each subscription.
+ *
+ * const sharedFooX2 = streamFromEmitter(pipe(
+ *   foo,
+ *   map((value) => {
+ *     console.log(`shared multiplying ${value}`);
+ *     return value * 2;
+ *   })
+ * ));
+ *
+ * subscribe(sharedFooX2, (value) => console.log(value));
+ * subscribe(sharedFooX2, (value) => console.log(value));
+ *
+ * publish(foo, 42);
+ *```
+ * @returns the resulting stream.
+ */
+
+function streamFromEmitter(emitter) {
+  return tap(stream(), function (stream) {
+    return connect(emitter, stream);
+  });
 }
-const f$2 = { capture: !0, passive: !1 };
-let $$3 = 0;
-const u$1 = class u extends PureComponent {
-  constructor() {
-    super(...arguments), this.docMoveBound = !1, this.mouseDownOnCrop = !1, this.dragStarted = !1, this.evData = {
-      startClientX: 0,
-      startClientY: 0,
-      startCropX: 0,
-      startCropY: 0,
-      clientX: 0,
-      clientY: 0,
-      isResize: !0
-    }, this.componentRef = createRef(), this.mediaRef = createRef(), this.initChangeCalled = !1, this.instanceId = `rc-${$$3++}`, this.state = {
-      cropIsActive: !1,
-      newCropIsBeingDrawn: !1
-    }, this.onCropPointerDown = (e) => {
-      const { crop: t, disabled: h } = this.props, i = this.getBox();
-      if (!t)
-        return;
-      const n = y$1(t, i.width, i.height);
-      if (h)
+/**
+ * Creates and connects a "junction" stateful stream to the specified emitter. Often used with [[pipe]], to avoid the multiple evaluation of operator sets.
+ *
+ * ```ts
+ * const foo = stream<number>();
+ *
+ * const fooX2 = pipe(
+ *   foo,
+ *   map((value) => {
+ *     console.log(`multiplying ${value}`);
+ *     return value * 2;
+ *   })
+ * );
+ *
+ * subscribe(fooX2, (value) => console.log(value));
+ * subscribe(fooX2, (value) => console.log(value));
+ *
+ * publish(foo, 42); // executes the map operator twice for each subscription.
+ *
+ * const sharedFooX2 = statefulStreamFromEmitter(pipe(
+ *   foo,
+ *   map((value) => {
+ *     console.log(`shared multiplying ${value}`);
+ *     return value * 2;
+ *   })
+ * ), 42);
+ *
+ * subscribe(sharedFooX2, (value) => console.log(value));
+ * subscribe(sharedFooX2, (value) => console.log(value));
+ *
+ * publish(foo, 42);
+ *```
+ * @param initial the initial value in the stream.
+ * @returns the resulting stateful stream.
+ */
+
+function statefulStreamFromEmitter(emitter, initial) {
+  return tap(statefulStream(initial), function (stream) {
+    return connect(emitter, stream);
+  });
+}
+
+/**
+ *
+ * Stream values can be transformed and controlled by {@link pipe | **piping**} through **operators**.
+ * urx includes several operators like [[map]], [[filter]], [[scan]], and [[throttleTime]].
+ * The [[withLatestFrom]] operator allows the combination of values from other streams.
+ *
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * // create an emitter that first adds 2 to the passed value, then multiplies it by * 2
+ * const bar = pipe(foo, map(value => value + 2), map(value => value * 2))
+ * subscribe(bar, value => console.log(value))
+ * publish(foo, 2) // outputs 8
+ * ```
+ *
+ * ### Implementing Custom Operators
+ * To implement your own operators, implement the [[Operator]] interface.
+ * @packageDocumentation
+ */
+/** @internal */
+
+function combineOperators() {
+  for (var _len = arguments.length, operators = new Array(_len), _key = 0; _key < _len; _key++) {
+    operators[_key] = arguments[_key];
+  }
+
+  return function (subscriber) {
+    return operators.reduceRight(thrush, subscriber);
+  };
+}
+
+function pipe(source) {
+  for (var _len2 = arguments.length, operators = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    operators[_key2 - 1] = arguments[_key2];
+  }
+
+  // prettier-ignore
+  var project = combineOperators.apply(void 0, operators);
+  return function (action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        return subscribe(source, project(subscription));
+
+      case RESET:
+        reset(source);
         return;
-      e.cancelable && e.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
-      const s = e.target.dataset.ord, w = !!s;
-      let a = e.clientX, r = e.clientY, c = n.x, d = n.y;
-      if (s) {
-        const g = e.clientX - i.x, l = e.clientY - i.y;
-        let m = 0, x = 0;
-        s === "ne" || s == "e" ? (m = g - (n.x + n.width), x = l - n.y, c = n.x, d = n.y + n.height) : s === "se" || s === "s" ? (m = g - (n.x + n.width), x = l - (n.y + n.height), c = n.x, d = n.y) : s === "sw" || s == "w" ? (m = g - n.x, x = l - (n.y + n.height), c = n.x + n.width, d = n.y) : (s === "nw" || s == "n") && (m = g - n.x, x = l - n.y, c = n.x + n.width, d = n.y + n.height), a = c + i.x + m, r = d + i.y + x;
+
+      default:
+        throw new Error("unrecognized action " + action);
+    }
+  };
+}
+/**
+ * The default [[Comparator]] for [[distinctUntilChanged]] and [[duc]].
+ */
+
+function defaultComparator(previous, next) {
+  return previous === next;
+}
+/**
+ * Filters out identical values. Pass an optional [[Comparator]] if you need to filter non-primitive values.
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * subscribe(
+ *  pipe(foo, distinctUntilChanged()),
+ *  console.log
+ * ) // will be called only once
+ *
+ * publish(foo, 42)
+ * publish(foo, 42)
+ * ```
+ */
+
+function distinctUntilChanged(comparator) {
+  if (comparator === void 0) {
+    comparator = defaultComparator;
+  }
+
+  var current;
+  return function (done) {
+    return function (next) {
+      if (!comparator(current, next)) {
+        current = next;
+        done(next);
       }
-      this.evData = {
-        startClientX: a,
-        startClientY: r,
-        startCropX: c,
-        startCropY: d,
-        clientX: e.clientX,
-        clientY: e.clientY,
-        isResize: w,
-        ord: s
-      }, this.mouseDownOnCrop = !0, this.setState({ cropIsActive: !0 });
-    }, this.onComponentPointerDown = (e) => {
-      const { crop: t, disabled: h, locked: i, keepSelection: n, onChange: s } = this.props, w = this.getBox();
-      if (h || i || n && t)
-        return;
-      e.cancelable && e.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
-      const a = e.clientX - w.x, r = e.clientY - w.y, c = {
-        unit: "px",
-        x: a,
-        y: r,
-        width: 0,
-        height: 0
-      };
-      this.evData = {
-        startClientX: e.clientX,
-        startClientY: e.clientY,
-        startCropX: a,
-        startCropY: r,
-        clientX: e.clientX,
-        clientY: e.clientY,
-        isResize: !0
-      }, this.mouseDownOnCrop = !0, s(y$1(c, w.width, w.height), D$1(c, w.width, w.height)), this.setState({ cropIsActive: !0, newCropIsBeingDrawn: !0 });
-    }, this.onDocPointerMove = (e) => {
-      const { crop: t, disabled: h, onChange: i, onDragStart: n } = this.props, s = this.getBox();
-      if (h || !t || !this.mouseDownOnCrop)
-        return;
-      e.cancelable && e.preventDefault(), this.dragStarted || (this.dragStarted = !0, n && n(e));
-      const { evData: w } = this;
-      w.clientX = e.clientX, w.clientY = e.clientY;
-      let a;
-      w.isResize ? a = this.resizeCrop() : a = this.dragCrop(), Y$1(t, a) || i(
-        y$1(a, s.width, s.height),
-        D$1(a, s.width, s.height)
-      );
-    }, this.onComponentKeyDown = (e) => {
-      const { crop: t, disabled: h, onChange: i, onComplete: n } = this.props;
-      if (h)
-        return;
-      const s = e.key;
-      let w = !1;
-      if (!t)
+    };
+  };
+}
+/**
+ * Filters out values for which the predicator does not return `true`-ish.
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * subscribe(
+ *  pipe(foo, filter(value => value % 2 === 0)),
+ *  console.log
+ * ) // will be called only with even values
+ *
+ * publish(foo, 2)
+ * publish(foo, 3)
+ * publish(foo, 4)
+ * publish(foo, 5)
+ * ```
+ */
+
+function filter(predicate) {
+  return function (done) {
+    return function (value) {
+      predicate(value) && done(value);
+    };
+  };
+}
+/**
+ * Maps values using the provided project function.
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * subscribe(
+ *  pipe(foo, map(value => value * 2)),
+ *  console.log
+ * ) // 4, 6
+ *
+ * publish(foo, 2)
+ * publish(foo, 3)
+ * ```
+ */
+
+function map(project) {
+  return function (done) {
+    return compose(done, project);
+  };
+}
+/**
+ * Maps values to the hard-coded value.
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * subscribe(
+ *  pipe(foo, mapTo(3)),
+ *  console.log
+ * ) // 3, 3
+ *
+ * publish(foo, 1)
+ * publish(foo, 2)
+ * ```
+ */
+
+function mapTo(value) {
+  return function (done) {
+    return function () {
+      return done(value);
+    };
+  };
+}
+/**
+ * Works like Array#reduce.
+ * Applies an accumulator function on the emitter, and outputs intermediate result. Starts with the initial value.
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * subscribe(
+ *  pipe(foo, scan((acc, value) => acc + value, 2),
+ *  console.log
+ * ) // 3, 5
+ *
+ * publish(foo, 1)
+ * publish(foo, 2)
+ * ```
+ */
+
+function scan(scanner, initial) {
+  return function (done) {
+    return function (value) {
+      return done(initial = scanner(initial, value));
+    };
+  };
+}
+/**
+ * Skips the specified amount of values from the emitter.
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * subscribe(
+ *  pipe(foo, skip(2)),
+ *  console.log
+ * ) // 3, 4
+ *
+ * publish(foo, 1) // skipped
+ * publish(foo, 2) // skipped
+ * publish(foo, 3)
+ * publish(foo, 4)
+ * ```
+ */
+
+function skip(times) {
+  return function (done) {
+    return function (value) {
+      times > 0 ? times-- : done(value);
+    };
+  };
+}
+/**
+ * Throttles flowing values at the provided interval in milliseconds.
+ * [Throttle VS Debounce in SO](https://stackoverflow.com/questions/25991367/difference-between-throttling-and-debouncing-a-function).
+ *
+ * ```ts
+ *  const foo = stream<number>()
+ *  publish(foo, 1)
+ *
+ *  setTimeout(() => publish(foo, 2), 20)
+ *  setTimeout(() => publish(foo, 3), 20)
+ *
+ *  subscribe(pipe(foo, throttleTime(50)), val => {
+ *    console.log(value); // 3
+ *  })
+ * ```
+ */
+
+function throttleTime(interval) {
+  var currentValue;
+  var timeout;
+  return function (done) {
+    return function (value) {
+      currentValue = value;
+
+      if (timeout) {
         return;
-      const a = this.getBox(), r = this.makePixelCrop(a), d = (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) ? u.nudgeStepLarge : e.shiftKey ? u.nudgeStepMedium : u.nudgeStep;
-      if (s === "ArrowLeft" ? (r.x -= d, w = !0) : s === "ArrowRight" ? (r.x += d, w = !0) : s === "ArrowUp" ? (r.y -= d, w = !0) : s === "ArrowDown" && (r.y += d, w = !0), w) {
-        e.cancelable && e.preventDefault(), r.x = v$1(r.x, 0, a.width - r.width), r.y = v$1(r.y, 0, a.height - r.height);
-        const g = y$1(r, a.width, a.height), l = D$1(r, a.width, a.height);
-        i(g, l), n && n(g, l);
       }
-    }, this.onHandlerKeyDown = (e, t) => {
-      const {
-        aspect: h = 0,
-        crop: i,
-        disabled: n,
-        minWidth: s = 0,
-        minHeight: w = 0,
-        maxWidth: a,
-        maxHeight: r,
-        onChange: c,
-        onComplete: d
-      } = this.props, g = this.getBox();
-      if (n || !i)
-        return;
-      if (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight")
-        e.stopPropagation(), e.preventDefault();
-      else
-        return;
-      const m = (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) ? u.nudgeStepLarge : e.shiftKey ? u.nudgeStepMedium : u.nudgeStep, x = y$1(i, g.width, g.height), b = _$1(x, e.key, m, t), C = P$1(
-        b,
-        h,
-        t,
-        g.width,
-        g.height,
-        s,
-        w,
-        a,
-        r
-      );
-      if (!Y$1(i, C)) {
-        const R = D$1(C, g.width, g.height);
-        c(C, R), d && d(C, R);
+
+      timeout = setTimeout(function () {
+        timeout = undefined;
+        done(currentValue);
+      }, interval);
+    };
+  };
+}
+/**
+ * Debounces flowing values at the provided interval in milliseconds.
+ * [Throttle VS Debounce in SO](https://stackoverflow.com/questions/25991367/difference-between-throttling-and-debouncing-a-function).
+ *
+ * ```ts
+ *  const foo = stream<number>()
+ *  publish(foo, 1)
+ *
+ *  setTimeout(() => publish(foo, 2), 20)
+ *  setTimeout(() => publish(foo, 3), 20)
+ *
+ *  subscribe(pipe(foo, debounceTime(50)), val => {
+ *    console.log(value); // 3
+ *  })
+ * ```
+ */
+
+function debounceTime(interval) {
+  var currentValue;
+  var timeout;
+  return function (done) {
+    return function (value) {
+      currentValue = value;
+
+      if (timeout) {
+        clearTimeout(timeout);
       }
-    }, this.onDocPointerDone = (e) => {
-      const { crop: t, disabled: h, onComplete: i, onDragEnd: n } = this.props, s = this.getBox();
-      this.unbindDocMove(), !(h || !t) && this.mouseDownOnCrop && (this.mouseDownOnCrop = !1, this.dragStarted = !1, n && n(e), i && i(y$1(t, s.width, s.height), D$1(t, s.width, s.height)), this.setState({ cropIsActive: !1, newCropIsBeingDrawn: !1 }));
-    }, this.onDragFocus = () => {
-      var e;
-      (e = this.componentRef.current) == null || e.scrollTo(0, 0);
+
+      timeout = setTimeout(function () {
+        done(currentValue);
+      }, interval);
     };
+  };
+}
+function withLatestFrom() {
+  for (var _len3 = arguments.length, sources = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    sources[_key3] = arguments[_key3];
   }
-  get document() {
-    return document;
-  }
-  // We unfortunately get the bounding box every time as x+y changes
-  // due to scrolling.
-  getBox() {
-    const e = this.mediaRef.current;
-    if (!e)
-      return { x: 0, y: 0, width: 0, height: 0 };
-    const { x: t, y: h, width: i, height: n } = e.getBoundingClientRect();
-    return { x: t, y: h, width: i, height: n };
-  }
-  componentDidUpdate(e) {
-    const { crop: t, onComplete: h } = this.props;
-    if (h && !e.crop && t) {
-      const { width: i, height: n } = this.getBox();
-      i && n && h(y$1(t, i, n), D$1(t, i, n));
-    }
-  }
-  componentWillUnmount() {
-    this.resizeObserver && this.resizeObserver.disconnect(), this.unbindDocMove();
-  }
-  bindDocMove() {
-    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, f$2), this.document.addEventListener("pointerup", this.onDocPointerDone, f$2), this.document.addEventListener("pointercancel", this.onDocPointerDone, f$2), this.docMoveBound = !0);
-  }
-  unbindDocMove() {
-    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, f$2), this.document.removeEventListener("pointerup", this.onDocPointerDone, f$2), this.document.removeEventListener("pointercancel", this.onDocPointerDone, f$2), this.docMoveBound = !1);
-  }
-  getCropStyle() {
-    const { crop: e } = this.props;
-    if (e)
-      return {
-        top: `${e.y}${e.unit}`,
-        left: `${e.x}${e.unit}`,
-        width: `${e.width}${e.unit}`,
-        height: `${e.height}${e.unit}`
+
+  var values = new Array(sources.length);
+  var called = 0;
+  var pendingCall = null;
+  var allCalled = Math.pow(2, sources.length) - 1;
+  sources.forEach(function (source, index) {
+    var bit = Math.pow(2, index);
+    subscribe(source, function (value) {
+      var prevCalled = called;
+      called = called | bit;
+      values[index] = value;
+
+      if (prevCalled !== allCalled && called === allCalled && pendingCall) {
+        pendingCall();
+        pendingCall = null;
+      }
+    });
+  });
+  return function (done) {
+    return function (value) {
+      var call = function call() {
+        return done([value].concat(values));
       };
-  }
-  dragCrop() {
-    const { evData: e } = this, t = this.getBox(), h = this.makePixelCrop(t), i = e.clientX - e.startClientX, n = e.clientY - e.startClientY;
-    return h.x = v$1(e.startCropX + i, 0, t.width - h.width), h.y = v$1(e.startCropY + n, 0, t.height - h.height), h;
-  }
-  getPointRegion(e, t, h, i) {
-    const { evData: n } = this, s = n.clientX - e.x, w = n.clientY - e.y;
-    let a;
-    i && t ? a = t === "nw" || t === "n" || t === "ne" : a = w < n.startCropY;
-    let r;
-    return h && t ? r = t === "nw" || t === "w" || t === "sw" : r = s < n.startCropX, r ? a ? "nw" : "sw" : a ? "ne" : "se";
-  }
-  resolveMinDimensions(e, t, h = 0, i = 0) {
-    const n = Math.min(h, e.width), s = Math.min(i, e.height);
-    return !t || !n && !s ? [n, s] : t > 1 ? n ? [n, n / t] : [s * t, s] : s ? [s * t, s] : [n, n / t];
-  }
-  resizeCrop() {
-    const { evData: e } = this, { aspect: t = 0, maxWidth: h, maxHeight: i } = this.props, n = this.getBox(), [s, w] = this.resolveMinDimensions(n, t, this.props.minWidth, this.props.minHeight);
-    let a = this.makePixelCrop(n);
-    const r = this.getPointRegion(n, e.ord, s, w), c = e.ord || r;
-    let d = e.clientX - e.startClientX, g = e.clientY - e.startClientY;
-    (s && c === "nw" || c === "w" || c === "sw") && (d = Math.min(d, -s)), (w && c === "nw" || c === "n" || c === "ne") && (g = Math.min(g, -w));
-    const l = {
-      unit: "px",
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
+
+      if (called === allCalled) {
+        call();
+      } else {
+        pendingCall = call;
+      }
     };
-    r === "ne" ? (l.x = e.startCropX, l.width = d, t ? (l.height = l.width / t, l.y = e.startCropY - l.height) : (l.height = Math.abs(g), l.y = e.startCropY - l.height)) : r === "se" ? (l.x = e.startCropX, l.y = e.startCropY, l.width = d, t ? l.height = l.width / t : l.height = g) : r === "sw" ? (l.x = e.startCropX + d, l.y = e.startCropY, l.width = Math.abs(d), t ? l.height = l.width / t : l.height = g) : r === "nw" && (l.x = e.startCropX + d, l.width = Math.abs(d), t ? (l.height = l.width / t, l.y = e.startCropY - l.height) : (l.height = Math.abs(g), l.y = e.startCropY + g));
-    const m = P$1(
-      l,
-      t,
-      r,
-      n.width,
-      n.height,
-      s,
-      w,
-      h,
-      i
-    );
-    return t || u.xyOrds.indexOf(c) > -1 ? a = m : u.xOrds.indexOf(c) > -1 ? (a.x = m.x, a.width = m.width) : u.yOrds.indexOf(c) > -1 && (a.y = m.y, a.height = m.height), a.x = v$1(a.x, 0, n.width - a.width), a.y = v$1(a.y, 0, n.height - a.height), a;
-  }
-  renderCropSelection() {
-    const {
-      ariaLabels: e = u.defaultProps.ariaLabels,
-      disabled: t,
-      locked: h,
-      renderSelectionAddon: i,
-      ruleOfThirds: n,
-      crop: s
+  };
+}
+
+/**
+ * Transformers change and combine streams, similar to operators.
+ * urx comes with two combinators - [[combineLatest]] and [[merge]], and one convenience filter - [[duc]].
+ *
+ * @packageDocumentation
+ */
+/**
+ * Merges one or more emitters from the same type into a new Emitter which emits values from any of the source emitters.
+ * ```ts
+ * const foo = stream<number>()
+ * const bar = stream<number>()
+ *
+ * subscribe(merge(foo, bar), (value) => console.log(value)) // 42, 43
+ *
+ * publish(foo, 42)
+ * publish(bar, 43)
+ * ```
+ */
+
+function merge() {
+  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
+    sources[_key] = arguments[_key];
+  }
+
+  return function (action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        return joinProc.apply(void 0, sources.map(function (source) {
+          return subscribe(source, subscription);
+        }));
+
+      case RESET:
+        // do nothing, we are stateless
+        return;
+
+      default:
+        throw new Error("unrecognized action " + action);
+    }
+  };
+}
+/**
+ * A convenience wrapper that emits only the distinct values from the passed Emitter. Wraps [[pipe]] and [[distinctUntilChanged]].
+ *
+ * ```ts
+ * const foo = stream<number>()
+ *
+ * // this line...
+ * const a = duc(foo)
+ *
+ * // is equivalent to this
+ * const b = pipe(distinctUntilChanged(foo))
+ * ```
+ *
+ * @param source The source emitter.
+ * @param comparator optional custom comparison function for the two values.
+ *
+ * @typeParam T the type of the value emitted by the source.
+ *
+ * @returns the resulting emitter.
+ */
+
+function duc(source, comparator) {
+  if (comparator === void 0) {
+    comparator = defaultComparator;
+  }
+
+  return pipe(source, distinctUntilChanged(comparator));
+}
+function combineLatest() {
+  var innerSubject = stream();
+
+  for (var _len2 = arguments.length, emitters = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    emitters[_key2] = arguments[_key2];
+  }
+
+  var values = new Array(emitters.length);
+  var called = 0;
+  var allCalled = Math.pow(2, emitters.length) - 1;
+  emitters.forEach(function (source, index) {
+    var bit = Math.pow(2, index);
+    subscribe(source, function (value) {
+      values[index] = value;
+      called = called | bit;
+
+      if (called === allCalled) {
+        publish(innerSubject, values);
+      }
+    });
+  });
+  return function (action, subscription) {
+    switch (action) {
+      case SUBSCRIBE:
+        if (called === allCalled) {
+          subscription(values);
+        }
+
+        return subscribe(innerSubject, subscription);
+
+      case RESET:
+        return reset(innerSubject);
+
+      default:
+        throw new Error("unrecognized action " + action);
+    }
+  };
+}
+
+/**
+ * `system` defines a specification of a system - its constructor, dependencies and if it should act as a singleton in a system dependency tree.
+ * When called, system returns a [[SystemSpec]], which is then initialized along with its dependencies by passing it to [[init]].
+ *
+ * ```ts
+ * @import { subscribe, publish, system, init, tup, connect, map, pipe } from 'urx'
+ *
+ * // a simple system with two streams
+ * const sys1 = system(() => {
+ *  const a = stream<number>()
+ *  const b = stream<number>()
+ *
+ *  connect(pipe(a, map(value => value * 2)), b)
+ *  return { a, b }
+ * })
+ *
+ * // a second system which depends on the streams from the first one
+ * const sys2 = system(([ {a, b} ]) => {
+ *  const c = stream<number>()
+ *  connect(pipe(b, map(value => value * 2)), c)
+ *  // re-export the `a` stream, keep `b` internal
+ *  return { a, c }
+ * }, tup(sys1))
+ *
+ * // init will recursively initialize sys2 dependencies, in this case sys1
+ * const { a, c } = init(sys2)
+ * subscribe(c, c => console.log(`Value multiplied by 4`, c))
+ * publish(a, 2)
+ * ```
+ *
+ * #### Singletons in Dependency Tree
+ *
+ * By default, systems will be initialized only once if encountered multiple times in the dependency tree.
+ * In the below dependency system tree, systems `b` and `c` will receive the same stream instances from system `a` when system `d` is initialized.
+ * ```txt
+ *   a
+ *  / \
+ * b   c
+ *  \ /
+ *   d
+ * ```
+ * If `a` gets `{singleton: false}` as a last argument, `init` creates two separate instances - one for `b` and one for `c`.
+ *
+ * @param constructor the system constructor function. Initialize and connect the streams in its body.
+ *
+ * @param dependencies the system dependencies, which the constructor will receive as arguments.
+ * Use the [[tup]] utility **For TypeScript type inference to work correctly**.
+ * ```ts
+ * const sys3 = system(() => { ... }, tup(sys2, sys1))
+ * ```
+ * @param __namedParameters Options
+ * @param singleton determines if the system will act as a singleton in a system dependency tree. `true` by default.
+ */
+function system(constructor, dependencies, _temp) {
+  if (dependencies === void 0) {
+    dependencies = [];
+  }
+
+  var _ref = _temp === void 0 ? {
+    singleton: true
+  } : _temp,
+      singleton = _ref.singleton;
+
+  return {
+    id: id(),
+    constructor: constructor,
+    dependencies: dependencies,
+    singleton: singleton
+  };
+}
+/** @internal */
+
+var id = function id() {
+  return Symbol();
+};
+/**
+ * Initializes a [[SystemSpec]] by recursively initializing its dependencies.
+ *
+ * ```ts
+ * // a simple system with two streams
+ * const sys1 = system(() => {
+ *  const a = stream<number>()
+ *  const b = stream<number>()
+ *
+ *  connect(pipe(a, map(value => value * 2)), b)
+ *  return { a, b }
+ * })
+ *
+ * const { a, b } = init(sys1)
+ * subscribe(b, b => console.log(b))
+ * publish(a, 2)
+ * ```
+ *
+ * @returns the [[System]] constructed by the spec constructor.
+ * @param systemSpec the system spec to initialize.
+ */
+
+
+function init(systemSpec) {
+  var singletons = new Map();
+
+  var _init = function _init(_ref2) {
+    var id = _ref2.id,
+        constructor = _ref2.constructor,
+        dependencies = _ref2.dependencies,
+        singleton = _ref2.singleton;
+
+    if (singleton && singletons.has(id)) {
+      return singletons.get(id);
+    }
+
+    var system = constructor(dependencies.map(function (e) {
+      return _init(e);
+    }));
+
+    if (singleton) {
+      singletons.set(id, system);
+    }
+
+    return system;
+  };
+
+  return _init(systemSpec);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _unsupportedIterableToArray$1(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$1(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(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+}
+
+function _arrayLikeToArray$1(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 _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  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 _excluded = ["children"];
+/** @internal */
+
+function omit(keys, obj) {
+  var result = {};
+  var index = {};
+  var idx = 0;
+  var len = keys.length;
+
+  while (idx < len) {
+    index[keys[idx]] = 1;
+    idx += 1;
+  }
+
+  for (var prop in obj) {
+    if (!index.hasOwnProperty(prop)) {
+      result[prop] = obj[prop];
+    }
+  }
+
+  return result;
+}
+
+var useIsomorphicLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect$2 : useEffect;
+/**
+ * Converts a system spec to React component by mapping the system streams to component properties, events and methods. Returns hooks for querying and modifying
+ * the system streams from the component's child components.
+ * @param systemSpec The return value from a [[system]] call.
+ * @param map The streams to props / events / methods mapping Check [[SystemPropsMap]] for more details.
+ * @param Root The optional React component to render. By default, the resulting component renders nothing, acting as a logical wrapper for its children.
+ * @returns an object containing the following:
+ *  - `Component`: the React component.
+ *  - `useEmitterValue`: a hook that lets child components use values emitted from the specified output stream.
+ *  - `useEmitter`: a hook that calls the provided callback whenever the specified stream emits a value.
+ *  - `usePublisher`: a hook which lets child components publish values to the specified stream.
+ *  <hr />
+ */
+
+function systemToComponent(systemSpec, map, Root) {
+  var requiredPropNames = Object.keys(map.required || {});
+  var optionalPropNames = Object.keys(map.optional || {});
+  var methodNames = Object.keys(map.methods || {});
+  var eventNames = Object.keys(map.events || {});
+  var Context = createContext$1({});
+
+  function applyPropsToSystem(system, props) {
+    if (system['propsReady']) {
+      publish(system['propsReady'], false);
+    }
+
+    for (var _iterator = _createForOfIteratorHelperLoose(requiredPropNames), _step; !(_step = _iterator()).done;) {
+      var requiredPropName = _step.value;
+      var stream = system[map.required[requiredPropName]];
+      publish(stream, props[requiredPropName]);
+    }
+
+    for (var _iterator2 = _createForOfIteratorHelperLoose(optionalPropNames), _step2; !(_step2 = _iterator2()).done;) {
+      var optionalPropName = _step2.value;
+
+      if (optionalPropName in props) {
+        var _stream = system[map.optional[optionalPropName]];
+        publish(_stream, props[optionalPropName]);
+      }
+    }
+
+    if (system['propsReady']) {
+      publish(system['propsReady'], true);
+    }
+  }
+
+  function buildMethods(system) {
+    return methodNames.reduce(function (acc, methodName) {
+
+      acc[methodName] = function (value) {
+        var stream = system[map.methods[methodName]];
+        publish(stream, value);
+      };
+
+      return acc;
+    }, {});
+  }
+
+  function buildEventHandlers(system) {
+    return eventNames.reduce(function (handlers, eventName) {
+      handlers[eventName] = eventHandler(system[map.events[eventName]]);
+      return handlers;
+    }, {});
+  }
+  /**
+   * A React component generated from an urx system
+   */
+
+
+  var Component = forwardRef(function (propsWithChildren, ref) {
+    var children = propsWithChildren.children,
+        props = _objectWithoutPropertiesLoose(propsWithChildren, _excluded);
+
+    var _useState = useState(function () {
+      return tap(init(systemSpec), function (system) {
+        return applyPropsToSystem(system, props);
+      });
+    }),
+        system = _useState[0];
+
+    var _useState2 = useState(curry1to0(buildEventHandlers, system)),
+        handlers = _useState2[0];
+
+    useIsomorphicLayoutEffect(function () {
+      for (var _iterator3 = _createForOfIteratorHelperLoose(eventNames), _step3; !(_step3 = _iterator3()).done;) {
+        var eventName = _step3.value;
+
+        if (eventName in props) {
+          subscribe(handlers[eventName], props[eventName]);
+        }
+      }
+
+      return function () {
+        Object.values(handlers).map(reset);
+      };
+    }, [props, handlers, system]);
+    useIsomorphicLayoutEffect(function () {
+      applyPropsToSystem(system, props);
+    });
+    useImperativeHandle(ref, always(buildMethods(system)));
+    return createElement$2(Context.Provider, {
+      value: system
+    }, Root ? createElement$2(Root, omit([].concat(requiredPropNames, optionalPropNames, eventNames), props), children) : children);
+  });
+
+  var usePublisher = function usePublisher(key) {
+    return useCallback(curry2to1(publish, useContext$1(Context)[key]), [key]);
+  };
+  /**
+   * Returns the value emitted from the stream.
+   */
+
+
+  var useEmitterValue = function useEmitterValue(key) {
+    var context = useContext$1(Context);
+    var source = context[key];
+
+    var _useState3 = useState(curry1to0(getValue, source)),
+        value = _useState3[0],
+        setValue = _useState3[1];
+
+    useIsomorphicLayoutEffect(function () {
+      return subscribe(source, function (next) {
+        if (next !== value) {
+          setValue(always(next));
+        }
+      });
+    }, [source, value]);
+    return value;
+  };
+
+  var useEmitter = function useEmitter(key, callback) {
+    var context = useContext$1(Context);
+    var source = context[key];
+    useIsomorphicLayoutEffect(function () {
+      return subscribe(source, callback);
+    }, [callback, source]);
+  };
+
+  return {
+    Component: Component,
+    usePublisher: usePublisher,
+    useEmitterValue: useEmitterValue,
+    useEmitter: useEmitter
+  };
+}
+
+function c$1(){return c$1=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);}return t},c$1.apply(this,arguments)}function m(t,e){if(null==t)return {};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)e.indexOf(n=i[o])>=0||(r[n]=t[n]);return r}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function f$2(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(n)return (n=n.call(t)).next.bind(n);if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return "Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0;return function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}}}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 p,h,g="undefined"!=typeof document?useLayoutEffect$2:useEffect;!function(t){t[t.DEBUG=0]="DEBUG",t[t.INFO=1]="INFO",t[t.WARN=2]="WARN",t[t.ERROR=3]="ERROR";}(h||(h={}));var v$1=((p={})[h.DEBUG]="debug",p[h.INFO]="log",p[h.WARN]="warn",p[h.ERROR]="error",p),S$1=system(function(){var t=statefulStream(h.ERROR);return {log:statefulStream(function(n,o,r){var i;void 0===r&&(r=h.INFO),r>=(null!=(i=("undefined"==typeof globalThis?window:globalThis).VIRTUOSO_LOG_LEVEL)?i:getValue(t))&&console[v$1[r]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",n,o);}),logLevel:t}},[],{singleton:!0});function C(t,e){void 0===e&&(e=!0);var n=useRef(null),o=function(t){};if("undefined"!=typeof ResizeObserver){var r=new ResizeObserver(function(e){var n=e[0].target;null!==n.offsetParent&&t(n);});o=function(t){t&&e?(r.observe(t),n.current=t):(n.current&&r.unobserve(n.current),n.current=null);};}return {ref:n,callbackRef:o}}function I$1(t,e){return void 0===e&&(e=!0),C(t,e).callbackRef}function T$1(t,e,n,o,r,i,a){return C(function(n){for(var l=function(t,e,n,o){var r=t.length;if(0===r)return null;for(var i=[],a=0;a<r;a++){var l=t.item(a);if(l&&void 0!==l.dataset.index){var s=parseInt(l.dataset.index),u=parseFloat(l.dataset.knownSize),c=e(l,"offsetHeight");if(0===c&&o("Zero-sized element, this should not happen",{child:l},h.ERROR),c!==u){var m=i[i.length-1];0===i.length||m.size!==c||m.endIndex!==s-1?i.push({startIndex:s,endIndex:s,size:c}):i[i.length-1].endIndex++;}}}return i}(n.children,e,0,r),s=n.parentElement;!s.dataset.virtuosoScroller;)s=s.parentElement;var u="window"===s.firstElementChild.dataset.viewportType,c=a?a.scrollTop:u?window.pageYOffset||document.documentElement.scrollTop:s.scrollTop,m=a?a.scrollHeight:u?document.documentElement.scrollHeight:s.scrollHeight,d=a?a.offsetHeight:u?window.innerHeight:s.offsetHeight;o({scrollTop:Math.max(c,0),scrollHeight:m,viewportHeight:d}),null==i||i(function(t,e,n){return "normal"===e||null!=e&&e.endsWith("px")||n("row-gap was not resolved to pixel value correctly",e,h.WARN),"normal"===e?0:parseInt(null!=e?e:"0",10)}(0,getComputedStyle(n).rowGap,r)),null!==l&&t(l);},n)}function w(t,e){return Math.round(t.getBoundingClientRect()[e])}function x(t,e){return Math.abs(t-e)<1.01}function b(t,n,o,l,s){void 0===l&&(l=noop);var c=useRef(null),m=useRef(null),d=useRef(null),f=useRef(!1),p=useCallback(function(e){var o=e.target,r=o===window||o===document,i=r?window.pageYOffset||document.documentElement.scrollTop:o.scrollTop,a=r?document.documentElement.scrollHeight:o.scrollHeight,l=r?window.innerHeight:o.offsetHeight,s=function(){t({scrollTop:Math.max(i,0),scrollHeight:a,viewportHeight:l});};f.current?flushSync(s):s(),f.current=!1,null!==m.current&&(i===m.current||i<=0||i===a-l)&&(m.current=null,n(!0),d.current&&(clearTimeout(d.current),d.current=null));},[t,n]);return useEffect(function(){var t=s||c.current;return l(s||c.current),p({target:t}),t.addEventListener("scroll",p,{passive:!0}),function(){l(null),t.removeEventListener("scroll",p);}},[c,p,o,l,s]),{scrollerRef:c,scrollByCallback:function(t){f.current=!0,c.current.scrollBy(t);},scrollToCallback:function(e){var o=c.current;if(o&&(!("offsetHeight"in o)||0!==o.offsetHeight)){var r,i,a,l="smooth"===e.behavior;if(o===window?(i=Math.max(w(document.documentElement,"height"),document.documentElement.scrollHeight),r=window.innerHeight,a=document.documentElement.scrollTop):(i=o.scrollHeight,r=w(o,"height"),a=o.scrollTop),e.top=Math.ceil(Math.max(Math.min(i-r,e.top),0)),x(r,i)||e.top===a)return t({scrollTop:a,scrollHeight:i,viewportHeight:r}),void(l&&n(!0));l?(m.current=e.top,d.current&&clearTimeout(d.current),d.current=setTimeout(function(){d.current=null,m.current=null,n(!0);},1e3)):m.current=null,o.scrollTo(e);}}}}var y$1=system(function(){var t=stream(),n=stream(),o=statefulStream(0),r=stream(),i=statefulStream(0),a=stream(),l=stream(),s=statefulStream(0),u=statefulStream(0),c=statefulStream(0),m=statefulStream(0),d=stream(),f=stream(),p=statefulStream(!1),h=statefulStream(!1);return connect(pipe(t,map(function(t){return t.scrollTop})),n),connect(pipe(t,map(function(t){return t.scrollHeight})),l),connect(n,i),{scrollContainerState:t,scrollTop:n,viewportHeight:a,headerHeight:s,fixedHeaderHeight:u,fixedFooterHeight:c,footerHeight:m,scrollHeight:l,smoothScrollTargetReached:r,react18ConcurrentRendering:h,scrollTo:d,scrollBy:f,statefulScrollTop:i,deviation:o,scrollingInProgress:p}},[],{singleton:!0}),H$1={lvl:0};function E$1(t,e,n,o,r){return void 0===o&&(o=H$1),void 0===r&&(r=H$1),{k:t,v:e,lvl:n,l:o,r:r}}function R(t){return t===H$1}function L$1(){return H$1}function F$1(t,e){if(R(t))return H$1;var n=t.k,o=t.l,r=t.r;if(e===n){if(R(o))return r;if(R(r))return o;var i=O(o);return U$1(W(t,{k:i[0],v:i[1],l:M$1(o)}))}return U$1(W(t,e<n?{l:F$1(o,e)}:{r:F$1(r,e)}))}function k(t,e,n){if(void 0===n&&(n="k"),R(t))return [-Infinity,void 0];if(t[n]===e)return [t.k,t.v];if(t[n]<e){var o=k(t.r,e,n);return -Infinity===o[0]?[t.k,t.v]:o}return k(t.l,e,n)}function z$1(t,e,n){return R(t)?E$1(e,n,1):e===t.k?W(t,{k:e,v:n}):function(t){return D$1(G(t))}(W(t,e<t.k?{l:z$1(t.l,e,n)}:{r:z$1(t.r,e,n)}))}function B(t,e,n){if(R(t))return [];var o=t.k,r=t.v,i=t.r,a=[];return o>e&&(a=a.concat(B(t.l,e,n))),o>=e&&o<=n&&a.push({k:o,v:r}),o<=n&&(a=a.concat(B(i,e,n))),a}function P$1(t){return R(t)?[]:[].concat(P$1(t.l),[{k:t.k,v:t.v}],P$1(t.r))}function O(t){return R(t.r)?[t.k,t.v]:O(t.r)}function M$1(t){return R(t.r)?t.l:U$1(W(t,{r:M$1(t.r)}))}function W(t,e){return E$1(void 0!==e.k?e.k:t.k,void 0!==e.v?e.v:t.v,void 0!==e.lvl?e.lvl:t.lvl,void 0!==e.l?e.l:t.l,void 0!==e.r?e.r:t.r)}function V$1(t){return R(t)||t.lvl>t.r.lvl}function U$1(t){var e=t.l,n=t.r,o=t.lvl;if(n.lvl>=o-1&&e.lvl>=o-1)return t;if(o>n.lvl+1){if(V$1(e))return G(W(t,{lvl:o-1}));if(R(e)||R(e.r))throw new Error("Unexpected empty nodes");return W(e.r,{l:W(e,{r:e.r.l}),r:W(t,{l:e.r.r,lvl:o-1}),lvl:o})}if(V$1(t))return D$1(W(t,{lvl:o-1}));if(R(n)||R(n.l))throw new Error("Unexpected empty nodes");var r=n.l,i=V$1(r)?n.lvl-1:n.lvl;return W(r,{l:W(t,{r:r.l,lvl:o-1}),r:D$1(W(n,{l:r.r,lvl:i})),lvl:r.lvl+1})}function A$1(t,e,n){return R(t)?[]:N(B(t,k(t,e)[0],n),function(t){return {index:t.k,value:t.v}})}function N(t,e){var n=t.length;if(0===n)return [];for(var o=e(t[0]),r=o.index,i=o.value,a=[],l=1;l<n;l++){var s=e(t[l]),u=s.index,c=s.value;a.push({start:r,end:u-1,value:i}),r=u,i=c;}return a.push({start:r,end:Infinity,value:i}),a}function D$1(t){var e=t.r,n=t.lvl;return R(e)||R(e.r)||e.lvl!==n||e.r.lvl!==n?t:W(e,{l:W(t,{r:e.l}),lvl:n+1})}function G(t){var e=t.l;return R(e)||e.lvl!==t.lvl?t:W(e,{r:W(t,{l:e.r})})}function _$1(t,e,n,o){void 0===o&&(o=0);for(var r=t.length-1;o<=r;){var i=Math.floor((o+r)/2),a=n(t[i],e);if(0===a)return i;if(-1===a){if(r-o<2)return i-1;r=i-1;}else {if(r===o)return i;o=i+1;}}throw new Error("Failed binary finding record in array - "+t.join(",")+", searched for "+e)}function j(t,e,n){return t[_$1(t,e,n)]}var K=system(function(){return {recalcInProgress:statefulStream(!1)}},[],{singleton:!0});function Y$1(t){var e=t.size,n=t.startIndex,o=t.endIndex;return function(t){return t.start===n&&(t.end===o||Infinity===t.end)&&t.value===e}}function q(t,e){var n=t.index;return e===n?0:e<n?-1:1}function Z$1(t,e){var n=t.offset;return e===n?0:e<n?-1:1}function J(t){return {index:t.index,value:t}}function $$5(t,e,n,o){var r=t,i=0,a=0,l=0,s=0;if(0!==e){l=r[s=_$1(r,e-1,q)].offset;var u=k(n,e-1);i=u[0],a=u[1],r.length&&r[s].size===k(n,e)[1]&&(s-=1),r=r.slice(0,s+1);}else r=[];for(var c,m=f$2(A$1(n,e,Infinity));!(c=m()).done;){var d=c.value,p=d.start,h=d.value,g=p-i,v=g*a+l+g*o;r.push({offset:v,size:h,index:p}),i=p,l=v,a=h;}return {offsetTree:r,lastIndex:i,lastOffset:l,lastSize:a}}function Q(t,e){var n=e[0],o=e[1],r=e[3];n.length>0&&(0, e[2])("received item sizes",n,h.DEBUG);var i=t.sizeTree,a=i,l=0;if(o.length>0&&R(i)&&2===n.length){var s=n[0].size,u=n[1].size;a=o.reduce(function(t,e){return z$1(z$1(t,e,s),e+1,u)},a);}else {var c=function(t,e){for(var n,o=R(t)?0:Infinity,r=f$2(e);!(n=r()).done;){var i=n.value,a=i.size,l=i.startIndex,s=i.endIndex;if(o=Math.min(o,l),R(t))t=z$1(t,0,a);else {var u=A$1(t,l-1,s+1);if(!u.some(Y$1(i))){for(var c,m=!1,d=!1,p=f$2(u);!(c=p()).done;){var h=c.value,g=h.start,v=h.end,S=h.value;m?(s>=g||a===S)&&(t=F$1(t,g)):(d=S!==a,m=!0),v>s&&s>=g&&S!==a&&(t=z$1(t,s+1,S));}d&&(t=z$1(t,l,a));}}}return [t,o]}(a,n);a=c[0],l=c[1];}if(a===i)return t;var m=$$5(t.offsetTree,l,a,r),d=m.offsetTree;return {sizeTree:a,offsetTree:d,lastIndex:m.lastIndex,lastOffset:m.lastOffset,lastSize:m.lastSize,groupOffsetTree:o.reduce(function(t,e){return z$1(t,e,X$1(e,d,r))},L$1()),groupIndices:o}}function X$1(t,e,n){if(0===e.length)return 0;var o=j(e,t,q),r=t-o.index,i=o.size*r+(r-1)*n+o.offset;return i>0?i+n:i}function tt$1(t,e,n){if(function(t){return void 0!==t.groupIndex}(t))return e.groupIndices[t.groupIndex]+1;var o=et("LAST"===t.index?n:t.index,e);return Math.max(0,o,Math.min(n,o))}function et(t,e){if(!nt(e))return t;for(var n=0;e.groupIndices[n]<=t+n;)n++;return t+n}function nt(t){return !R(t.groupOffsetTree)}var ot={offsetHeight:"height",offsetWidth:"width"},rt=system(function(t){var n=t[0].log,o=t[1].recalcInProgress,r=stream(),i=stream(),a=statefulStreamFromEmitter(i,0),l=stream(),s=stream(),u=statefulStream(0),m=statefulStream([]),d=statefulStream(void 0),f=statefulStream(void 0),p=statefulStream(function(t,e){return w(t,ot[e])}),g=statefulStream(void 0),v=statefulStream(0),S={offsetTree:[],sizeTree:L$1(),groupOffsetTree:L$1(),lastIndex:0,lastOffset:0,lastSize:0,groupIndices:[]},C=statefulStreamFromEmitter(pipe(r,withLatestFrom(m,n,v),scan(Q,S),distinctUntilChanged()),S);connect(pipe(m,filter(function(t){return t.length>0}),withLatestFrom(C,v),map(function(t){var e=t[0],n=t[1],o=t[2],r=e.reduce(function(t,e,r){return z$1(t,e,X$1(e,n.offsetTree,o)||r)},L$1());return c$1({},n,{groupIndices:e,groupOffsetTree:r})})),C),connect(pipe(i,withLatestFrom(C),filter(function(t){return t[0]<t[1].lastIndex}),map(function(t){var e=t[1];return [{startIndex:t[0],endIndex:e.lastIndex,size:e.lastSize}]})),r),connect(d,f);var I=statefulStreamFromEmitter(pipe(d,map(function(t){return void 0===t})),!0);connect(pipe(f,filter(function(t){return void 0!==t&&R(getValue(C).sizeTree)}),map(function(t){return [{startIndex:0,endIndex:0,size:t}]})),r);var T=streamFromEmitter(pipe(r,withLatestFrom(C),scan(function(t,e){var n=e[1];return {changed:n!==t.sizes,sizes:n}},{changed:!1,sizes:S}),map(function(t){return t.changed})));subscribe(pipe(u,scan(function(t,e){return {diff:t.prev-e,prev:e}},{diff:0,prev:0}),map(function(t){return t.diff})),function(t){t>0?(publish(o,!0),publish(l,t)):t<0&&publish(s,t);}),subscribe(pipe(u,withLatestFrom(n)),function(t){t[0]<0&&(0, t[1])("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:u},h.ERROR);});var x=streamFromEmitter(l);connect(pipe(l,withLatestFrom(C),map(function(t){var e=t[0],n=t[1];if(n.groupIndices.length>0)throw new Error("Virtuoso: prepending items does not work with groups");return P$1(n.sizeTree).reduce(function(t,n){var o=n.k,r=n.v;return {ranges:[].concat(t.ranges,[{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}]),prevIndex:o+e,prevSize:r}},{ranges:[],prevIndex:0,prevSize:n.lastSize}).ranges})),r);var b=streamFromEmitter(pipe(s,withLatestFrom(C,v),map(function(t){return X$1(-t[0],t[1].offsetTree,t[2])})));return connect(pipe(s,withLatestFrom(C,v),map(function(t){var e=t[0],n=t[1],o=t[2];if(n.groupIndices.length>0)throw new Error("Virtuoso: shifting items does not work with groups");var r=P$1(n.sizeTree).reduce(function(t,n){var o=n.v;return z$1(t,Math.max(0,n.k+e),o)},L$1());return c$1({},n,{sizeTree:r},$$5(n.offsetTree,0,r,o))})),C),{data:g,totalCount:i,sizeRanges:r,groupIndices:m,defaultItemSize:f,fixedItemSize:d,unshiftWith:l,shiftWith:s,shiftWithOffset:b,beforeUnshiftWith:x,firstItemIndex:u,gap:v,sizes:C,listRefresh:T,statefulTotalCount:a,trackItemSizes:I,itemSize:p}},tup(S$1,K),{singleton:!0}),it="undefined"!=typeof document&&"scrollBehavior"in document.documentElement.style;function at(t){var e="number"==typeof t?{index:t}:t;return e.align||(e.align="start"),e.behavior&&it||(e.behavior="auto"),e.offset||(e.offset=0),e}var lt=system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.listRefresh,a=n.gap,l=t[1],s=l.scrollingInProgress,u=l.viewportHeight,c=l.scrollTo,m=l.smoothScrollTargetReached,d=l.headerHeight,f=l.footerHeight,p=l.fixedHeaderHeight,g=l.fixedFooterHeight,v=t[2].log,S=stream(),C=statefulStream(0),I=null,T=null,w=null;function x(){I&&(I(),I=null),w&&(w(),w=null),T&&(clearTimeout(T),T=null),publish(s,!1);}return connect(pipe(S,withLatestFrom(o,u,r,C,d,f,v),withLatestFrom(a,p,g),map(function(t){var n=t[0],o=n[0],r=n[1],a=n[2],l=n[3],u=n[4],c=n[5],d=n[6],f=n[7],p=t[1],g=t[2],v=t[3],C=at(o),b=C.align,y=C.behavior,H=C.offset,E=l-1,R=tt$1(C,r,E),L=X$1(R,r.offsetTree,p)+c;"end"===b?(L+=g+k(r.sizeTree,R)[1]-a+v,R===E&&(L+=d)):"center"===b?L+=(g+k(r.sizeTree,R)[1]-a+v)/2:L-=u,H&&(L+=H);var F=function(t){x(),t?(f("retrying to scroll to",{location:o},h.DEBUG),publish(S,o)):f("list did not change, scroll successful",{},h.DEBUG);};if(x(),"smooth"===y){var z=!1;w=subscribe(i,function(t){z=z||t;}),I=handleNext(m,function(){F(z);});}else I=handleNext(pipe(i,function(t){var e=setTimeout(function(){t(!1);},150);return function(n){n&&(t(!0),clearTimeout(e));}}),F);return T=setTimeout(function(){x();},1200),publish(s,!0),f("scrolling from index to",{index:R,top:L,behavior:y},h.DEBUG),{top:L,behavior:y}})),c),{scrollToIndex:S,topListHeight:C}},tup(rt,y$1,S$1),{singleton:!0}),st="up",ut={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollTop:0,viewportHeight:0,scrollHeight:0}},ct=system(function(t){var n=t[0],o=n.scrollContainerState,r=n.scrollTop,i=n.viewportHeight,a=n.headerHeight,l=n.footerHeight,s=n.scrollBy,u=statefulStream(!1),c=statefulStream(!0),m=stream(),d=stream(),f=statefulStream(4),p=statefulStream(0),h=statefulStreamFromEmitter(pipe(merge(pipe(duc(r),skip(1),mapTo(!0)),pipe(duc(r),skip(1),mapTo(!1),debounceTime(100))),distinctUntilChanged()),!1),g=statefulStreamFromEmitter(pipe(merge(pipe(s,mapTo(!0)),pipe(s,mapTo(!1),debounceTime(200))),distinctUntilChanged()),!1);connect(pipe(combineLatest(duc(r),duc(p)),map(function(t){return t[0]<=t[1]}),distinctUntilChanged()),c),connect(pipe(c,throttleTime(50)),d);var v=streamFromEmitter(pipe(combineLatest(o,duc(i),duc(a),duc(l),duc(f)),scan(function(t,e){var n,o,r=e[0],i=r.scrollTop,a=r.scrollHeight,l=e[1],s={viewportHeight:l,scrollTop:i,scrollHeight:a};return i+l-a>-e[4]?(i>t.state.scrollTop?(n="SCROLLED_DOWN",o=t.state.scrollTop-i):(n="SIZE_DECREASED",o=t.state.scrollTop-i||t.scrollTopDelta),{atBottom:!0,state:s,atBottomBecause:n,scrollTopDelta:o}):{atBottom:!1,notAtBottomBecause:s.scrollHeight>t.state.scrollHeight?"SIZE_INCREASED":l<t.state.viewportHeight?"VIEWPORT_HEIGHT_DECREASING":i<t.state.scrollTop?"SCROLLING_UPWARDS":"NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",state:s}},ut),distinctUntilChanged(function(t,e){return t&&t.atBottom===e.atBottom}))),S=statefulStreamFromEmitter(pipe(o,scan(function(t,e){var n=e.scrollTop,o=e.scrollHeight,r=e.viewportHeight;return x(t.scrollHeight,o)?{scrollTop:n,scrollHeight:o,jump:0,changed:!1}:t.scrollTop!==n&&o-(n+r)<1?{scrollHeight:o,scrollTop:n,jump:t.scrollTop-n,changed:!0}:{scrollHeight:o,scrollTop:n,jump:0,changed:!0}},{scrollHeight:0,jump:0,scrollTop:0,changed:!1}),filter(function(t){return t.changed}),map(function(t){return t.jump})),0);connect(pipe(v,map(function(t){return t.atBottom})),u),connect(pipe(u,throttleTime(50)),m);var C=statefulStream("down");connect(pipe(o,map(function(t){return t.scrollTop}),distinctUntilChanged(),scan(function(t,n){return getValue(g)?{direction:t.direction,prevScrollTop:n}:{direction:n<t.prevScrollTop?st:"down",prevScrollTop:n}},{direction:"down",prevScrollTop:0}),map(function(t){return t.direction})),C),connect(pipe(o,throttleTime(50),mapTo("none")),C);var I=statefulStream(0);return connect(pipe(h,filter(function(t){return !t}),mapTo(0)),I),connect(pipe(r,throttleTime(100),withLatestFrom(h),filter(function(t){return !!t[1]}),scan(function(t,e){return [t[1],e[0]]},[0,0]),map(function(t){return t[1]-t[0]})),I),{isScrolling:h,isAtTop:c,isAtBottom:u,atBottomState:v,atTopStateChange:d,atBottomStateChange:m,scrollDirection:C,atBottomThreshold:f,atTopThreshold:p,scrollVelocity:I,lastJumpDueToItemResize:S}},tup(y$1)),mt=system(function(t){var n=t[0].log,o=statefulStream(!1),r=streamFromEmitter(pipe(o,filter(function(t){return t}),distinctUntilChanged()));return subscribe(o,function(t){t&&getValue(n)("props updated",{},h.DEBUG);}),{propsReady:o,didMount:r}},tup(S$1),{singleton:!0}),dt=system(function(t){var n=t[0],o=n.sizes,r=n.listRefresh,i=n.defaultItemSize,a=t[1].scrollTop,l=t[2].scrollToIndex,s=t[3].didMount,u=statefulStream(!0),c=statefulStream(0);return connect(pipe(s,withLatestFrom(c),filter(function(t){return !!t[1]}),mapTo(!1)),u),subscribe(pipe(combineLatest(r,s),withLatestFrom(u,o,i),filter(function(t){var e=t[1],n=t[3];return t[0][1]&&(!R(t[2].sizeTree)||void 0!==n)&&!e}),withLatestFrom(c)),function(t){var n=t[1];setTimeout(function(){handleNext(a,function(){publish(u,!0);}),publish(l,n);});}),{scrolledToInitialItem:u,initialTopMostItemIndex:c}},tup(rt,y$1,lt,mt),{singleton:!0});function ft(t){return !!t&&("smooth"===t?"smooth":"auto")}var pt=system(function(t){var n=t[0],o=n.totalCount,r=n.listRefresh,i=t[1],a=i.isAtBottom,l=i.atBottomState,s=t[2].scrollToIndex,u=t[3].scrolledToInitialItem,c=t[4],m=c.propsReady,d=c.didMount,f=t[5].log,p=t[6].scrollingInProgress,g=statefulStream(!1),v=stream(),S=null;function C(t){publish(s,{index:"LAST",align:"end",behavior:t});}function I(t){var n=handleNext(l,function(n){!t||n.atBottom||"SIZE_INCREASED"!==n.notAtBottomBecause||S||(getValue(f)("scrolling to bottom due to increased size",{},h.DEBUG),C("auto"));});setTimeout(n,100);}return subscribe(pipe(combineLatest(pipe(duc(o),skip(1)),d),withLatestFrom(duc(g),a,u,p),map(function(t){var e=t[0],n=e[0],o=e[1]&&t[3],r="auto";return o&&(r=function(t,e){return "function"==typeof t?ft(t(e)):e&&ft(t)}(t[1],t[2]||t[4]),o=o&&!!r),{totalCount:n,shouldFollow:o,followOutputBehavior:r}}),filter(function(t){return t.shouldFollow})),function(t){var n=t.totalCount,o=t.followOutputBehavior;S&&(S(),S=null),S=handleNext(r,function(){getValue(f)("following output to ",{totalCount:n},h.DEBUG),C(o),S=null;});}),subscribe(pipe(combineLatest(duc(g),o,m),filter(function(t){return t[0]&&t[2]}),scan(function(t,e){var n=e[1];return {refreshed:t.value===n,value:n}},{refreshed:!1,value:0}),filter(function(t){return t.refreshed}),withLatestFrom(g,o)),function(t){I(!1!==t[1]);}),subscribe(v,function(){I(!1!==getValue(g));}),subscribe(combineLatest(duc(g),l),function(t){var e=t[1];t[0]&&!e.atBottom&&"VIEWPORT_HEIGHT_DECREASING"===e.notAtBottomBecause&&C("auto");}),{followOutput:g,autoscrollToBottom:v}},tup(rt,ct,lt,dt,mt,S$1,y$1));function ht(t){return t.reduce(function(t,e){return t.groupIndices.push(t.totalCount),t.totalCount+=e+1,t},{totalCount:0,groupIndices:[]})}var gt=system(function(t){var n=t[0],o=n.totalCount,r=n.groupIndices,i=n.sizes,a=t[1],l=a.scrollTop,s=a.headerHeight,u=stream(),c=stream(),m=streamFromEmitter(pipe(u,map(ht)));return connect(pipe(m,map(function(t){return t.totalCount})),o),connect(pipe(m,map(function(t){return t.groupIndices})),r),connect(pipe(combineLatest(l,i,s),filter(function(t){return nt(t[1])}),map(function(t){return k(t[1].groupOffsetTree,Math.max(t[0]-t[2],0),"v")[0]}),distinctUntilChanged(),map(function(t){return [t]})),c),{groupCounts:u,topItemsIndexes:c}},tup(rt,y$1));function vt(t,e){return !(!t||t[0]!==e[0]||t[1]!==e[1])}function St(t,e){return !(!t||t.startIndex!==e.startIndex||t.endIndex!==e.endIndex)}function Ct(t,e,n){return "number"==typeof t?n===st&&"top"===e||"down"===n&&"bottom"===e?t:0:n===st?"top"===e?t.main:t.reverse:"bottom"===e?t.main:t.reverse}function It(t,e){return "number"==typeof t?t:t[e]||0}var Tt=system(function(t){var n=t[0],o=n.scrollTop,r=n.viewportHeight,i=n.deviation,a=n.headerHeight,l=n.fixedHeaderHeight,s=stream(),u=statefulStream(0),c=statefulStream(0),m=statefulStream(0),d=statefulStreamFromEmitter(pipe(combineLatest(duc(o),duc(r),duc(a),duc(s,vt),duc(m),duc(u),duc(l),duc(i),duc(c)),map(function(t){var e=t[0],n=t[1],o=t[2],r=t[3],i=r[0],a=r[1],l=t[4],s=t[6],u=t[7],c=t[8],m=e-u,d=t[5]+s,f=Math.max(o-m,0),p="none",h=It(c,"top"),g=It(c,"bottom");return i-=u,a+=o+s,(i+=o+s)>e+d-h&&(p=st),(a-=u)<e-f+n+g&&(p="down"),"none"!==p?[Math.max(m-o-Ct(l,"top",p)-h,0),m-f-s+n+Ct(l,"bottom",p)+g]:null}),filter(function(t){return null!=t}),distinctUntilChanged(vt)),[0,0]);return {listBoundary:s,overscan:m,topListHeight:u,increaseViewportBy:c,visibleRange:d}},tup(y$1),{singleton:!0}),wt={items:[],topItems:[],offsetTop:0,offsetBottom:0,top:0,bottom:0,topListHeight:0,totalCount:0,firstItemIndex:0};function xt(t,e,n){if(0===t.length)return [];if(!nt(e))return t.map(function(t){return c$1({},t,{index:t.index+n,originalIndex:t.index})});for(var o,r=[],i=A$1(e.groupOffsetTree,t[0].index,t[t.length-1].index),a=void 0,l=0,s=f$2(t);!(o=s()).done;){var u=o.value;(!a||a.end<u.index)&&(a=i.shift(),l=e.groupIndices.indexOf(a.start)),r.push(c$1({},u.index===a.start?{type:"group",index:l}:{index:u.index-(l+1)+n,groupIndex:l},{size:u.size,offset:u.offset,originalIndex:u.index,data:u.data}));}return r}function bt(t,e,n,o,r,i){var a=0,l=0;if(t.length>0){a=t[0].offset;var s=t[t.length-1];l=s.offset+s.size;}var u=n-r.lastIndex,c=a,m=r.lastOffset+u*r.lastSize+(u-1)*o-l;return {items:xt(t,r,i),topItems:xt(e,r,i),topListHeight:e.reduce(function(t,e){return e.size+t},0),offsetTop:a,offsetBottom:m,top:c,bottom:l,totalCount:n,firstItemIndex:i}}var yt=system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.data,a=n.firstItemIndex,l=n.gap,s=t[1],u=t[2],m=u.visibleRange,d=u.listBoundary,p=u.topListHeight,h=t[3],g=h.scrolledToInitialItem,v=h.initialTopMostItemIndex,S=t[4].topListHeight,C=t[5],I=t[6].didMount,T=t[7].recalcInProgress,w=statefulStream([]),x=stream();connect(s.topItemsIndexes,w);var b=statefulStreamFromEmitter(pipe(combineLatest(I,T,duc(m,vt),duc(r),duc(o),duc(v),g,duc(w),duc(a),duc(l),i),filter(function(t){return t[0]&&!t[1]}),map(function(t){var n=t[2],o=n[0],r=n[1],i=t[3],a=t[5],l=t[6],s=t[7],u=t[8],m=t[9],d=t[10],p=t[4],h=p.sizeTree,g=p.offsetTree;if(0===i||0===o&&0===r)return c$1({},wt,{totalCount:i});if(R(h))return bt(function(t,e,n){if(nt(e)){var o=et(t,e);return [{index:k(e.groupOffsetTree,o)[0],size:0,offset:0},{index:o,size:0,offset:0,data:n&&n[0]}]}return [{index:t,size:0,offset:0,data:n&&n[0]}]}(function(t,e){return "number"==typeof t?t:"LAST"===t.index?e-1:t.index}(a,i),p,d),[],i,m,p,u);var v=[];if(s.length>0)for(var S,C=s[0],I=s[s.length-1],T=0,w=f$2(A$1(h,C,I));!(S=w()).done;)for(var x=S.value,b=x.value,y=Math.max(x.start,C),H=Math.min(x.end,I),E=y;E<=H;E++)v.push({index:E,size:b,offset:T,data:d&&d[E]}),T+=b;if(!l)return bt([],v,i,m,p,u);var L=s.length>0?s[s.length-1]+1:0,F=function(t,e,n,o){return void 0===o&&(o=0),o>0&&(e=Math.max(e,j(t,o,q).offset)),N((i=n,l=_$1(r=t,e,a=Z$1),s=_$1(r,i,a,l),r.slice(l,s+1)),J);var r,i,a,l,s;}(g,o,r,L);if(0===F.length)return null;var z=i-1;return bt(tap([],function(t){for(var e,n=f$2(F);!(e=n()).done;){var i=e.value,a=i.value,l=a.offset,s=i.start,u=a.size;if(a.offset<o){var c=(s+=Math.floor((o-a.offset+m)/(u+m)))-i.start;l+=c*u+c*m;}s<L&&(l+=(L-s)*u,s=L);for(var p=Math.min(i.end,z),h=s;h<=p&&!(l>=r);h++)t.push({index:h,size:u,offset:l,data:d&&d[h]}),l+=u+m;}}),v,i,m,p,u)}),filter(function(t){return null!==t}),distinctUntilChanged()),wt);return connect(pipe(i,filter(function(t){return void 0!==t}),map(function(t){return t.length})),r),connect(pipe(b,map(function(t){return t.topListHeight})),S),connect(S,p),connect(pipe(b,map(function(t){return [t.top,t.bottom]})),d),connect(pipe(b,map(function(t){return t.items})),x),c$1({listState:b,topItemsIndexes:w,endReached:streamFromEmitter(pipe(b,filter(function(t){return t.items.length>0}),withLatestFrom(r,i),filter(function(t){var e=t[0].items;return e[e.length-1].originalIndex===t[1]-1}),map(function(t){return [t[1]-1,t[2]]}),distinctUntilChanged(vt),map(function(t){return t[0]}))),startReached:streamFromEmitter(pipe(b,throttleTime(200),filter(function(t){var e=t.items;return e.length>0&&e[0].originalIndex===t.topItems.length}),map(function(t){return t.items[0].index}),distinctUntilChanged())),rangeChanged:streamFromEmitter(pipe(b,filter(function(t){return t.items.length>0}),map(function(t){for(var e=t.items,n=0,o=e.length-1;"group"===e[n].type&&n<o;)n++;for(;"group"===e[o].type&&o>n;)o--;return {startIndex:e[n].index,endIndex:e[o].index}}),distinctUntilChanged(St))),itemsRendered:x},C)},tup(rt,gt,Tt,dt,lt,ct,mt,K),{singleton:!0}),Ht=system(function(t){var n=t[0],o=n.sizes,r=n.firstItemIndex,i=n.data,a=n.gap,l=t[1].listState,s=t[2].didMount,u=statefulStream(0);return connect(pipe(s,withLatestFrom(u),filter(function(t){return 0!==t[1]}),withLatestFrom(o,r,a,i),map(function(t){var e=t[0][1],n=t[1],o=t[2],r=t[3],i=t[4],a=void 0===i?[]:i,l=0;if(n.groupIndices.length>0)for(var s,u=f$2(n.groupIndices);!((s=u()).done||s.value-l>=e);)l++;var c=e+l;return bt(Array.from({length:c}).map(function(t,e){return {index:e,size:0,offset:0,data:a[e]}}),[],c,r,n,o)})),l),{initialItemCount:u}},tup(rt,yt,mt),{singleton:!0}),Et=system(function(t){var n=t[0].scrollVelocity,o=statefulStream(!1),r=stream(),i=statefulStream(!1);return connect(pipe(n,withLatestFrom(i,o,r),filter(function(t){return !!t[1]}),map(function(t){var e=t[0],n=t[1],o=t[2],r=t[3],i=n.enter;if(o){if((0, n.exit)(e,r))return !1}else if(i(e,r))return !0;return o}),distinctUntilChanged()),o),subscribe(pipe(combineLatest(o,n,r),withLatestFrom(i)),function(t){var e=t[0],n=t[1];return e[0]&&n&&n.change&&n.change(e[1],e[2])}),{isSeeking:o,scrollSeekConfiguration:i,scrollVelocity:n,scrollSeekRangeChanged:r}},tup(ct),{singleton:!0}),Rt=system(function(t){var n=t[0].topItemsIndexes,o=statefulStream(0);return connect(pipe(o,filter(function(t){return t>0}),map(function(t){return Array.from({length:t}).map(function(t,e){return e})})),n),{topItemCount:o}},tup(yt)),Lt=system(function(t){var n=t[0],o=n.footerHeight,r=n.headerHeight,i=n.fixedHeaderHeight,a=n.fixedFooterHeight,l=t[1].listState,s=stream(),u=statefulStreamFromEmitter(pipe(combineLatest(o,a,r,i,l),map(function(t){var e=t[4];return t[0]+t[1]+t[2]+t[3]+e.offsetBottom+e.bottom})),0);return connect(duc(u),s),{totalListHeight:u,totalListHeightChanged:s}},tup(y$1,yt),{singleton:!0});function Ft(t){var e,n=!1;return function(){return n||(n=!0,e=t()),e}}var kt=Ft(function(){return /iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent)}),zt=system(function(t){var n=t[0],o=n.scrollBy,r=n.scrollTop,i=n.deviation,a=n.scrollingInProgress,l=t[1],s=l.isScrolling,u=l.isAtBottom,c=l.scrollDirection,m=t[3],d=m.beforeUnshiftWith,f=m.shiftWithOffset,p=m.sizes,g=m.gap,v=t[4].log,S=t[5].recalcInProgress,C=streamFromEmitter(pipe(t[2].listState,withLatestFrom(l.lastJumpDueToItemResize),scan(function(t,e){var n=t[1],o=e[0],r=o.items,i=o.totalCount,a=o.bottom+o.offsetBottom,l=0;return t[2]===i&&n.length>0&&r.length>0&&(0===r[0].originalIndex&&0===n[0].originalIndex||0!=(l=a-t[3])&&(l+=e[1])),[l,r,i,a]},[0,[],0,0]),filter(function(t){return 0!==t[0]}),withLatestFrom(r,c,a,u,v),filter(function(t){return !t[3]&&0!==t[1]&&t[2]===st}),map(function(t){var e=t[0][0];return (0, t[5])("Upward scrolling compensation",{amount:e},h.DEBUG),e})));function I(t){t>0?(publish(o,{top:-t,behavior:"auto"}),publish(i,0)):(publish(i,0),publish(o,{top:-t,behavior:"auto"}));}return subscribe(pipe(C,withLatestFrom(i,s)),function(t){var n=t[0],o=t[1];t[2]&&kt()?publish(i,o-n):I(-n);}),subscribe(pipe(combineLatest(statefulStreamFromEmitter(s,!1),i,S),filter(function(t){return !t[0]&&!t[2]&&0!==t[1]}),map(function(t){return t[1]}),throttleTime(1)),I),connect(pipe(f,map(function(t){return {top:-t}})),o),subscribe(pipe(d,withLatestFrom(p,g),map(function(t){var e=t[0];return e*t[1].lastSize+e*t[2]})),function(t){publish(i,t),requestAnimationFrame(function(){publish(o,{top:t}),requestAnimationFrame(function(){publish(i,0),publish(S,!1);});});}),{deviation:i}},tup(y$1,ct,yt,rt,S$1,K)),Bt=system(function(t){var n=t[0].totalListHeight,o=t[1].didMount,r=t[2].scrollTo,i=statefulStream(0);return subscribe(pipe(o,withLatestFrom(i),filter(function(t){return 0!==t[1]}),map(function(t){return {top:t[1]}})),function(t){handleNext(pipe(n,filter(function(t){return 0!==t})),function(){setTimeout(function(){publish(r,t);});});}),{initialScrollTop:i}},tup(Lt,mt,y$1),{singleton:!0}),Pt=system(function(t){var n=t[0].viewportHeight,o=t[1].totalListHeight,r=statefulStream(!1);return {alignToBottom:r,paddingTopAddition:statefulStreamFromEmitter(pipe(combineLatest(r,n,o),filter(function(t){return t[0]}),map(function(t){return Math.max(0,t[1]-t[2])}),distinctUntilChanged()),0)}},tup(y$1,Lt),{singleton:!0}),Ot=system(function(t){var n=t[0],o=n.scrollTo,r=n.scrollContainerState,i=stream(),a=stream(),l=stream(),s=statefulStream(!1),u=statefulStream(void 0);return connect(pipe(combineLatest(i,a),map(function(t){var e=t[0],n=e.viewportHeight,o=e.scrollHeight;return {scrollTop:Math.max(0,e.scrollTop-t[1].offsetTop),scrollHeight:o,viewportHeight:n}})),r),connect(pipe(o,withLatestFrom(a),map(function(t){var e=t[0];return c$1({},e,{top:e.top+t[1].offsetTop})})),l),{useWindowScroll:s,customScrollParent:u,windowScrollContainerState:i,windowViewportRect:a,windowScrollTo:l}},tup(y$1)),Mt=["done","behavior","align"],Wt=system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.gap,a=t[1],l=a.scrollTop,s=a.viewportHeight,u=a.headerHeight,d=a.fixedHeaderHeight,f=a.fixedFooterHeight,p=a.scrollingInProgress,h=t[2].scrollToIndex,g=stream();return connect(pipe(g,withLatestFrom(o,s,r,u,d,f,l),withLatestFrom(i),map(function(t){var n=t[0],o=n[0],r=n[1],i=n[2],a=n[3],l=n[4],s=n[5],u=n[6],d=n[7],f=t[1],h=o.done,g=o.behavior,v=o.align,S=m(o,Mt),C=null,I=tt$1(o,r,a-1),T=X$1(I,r.offsetTree,f)+l+s;return T<d+s?C=c$1({},S,{behavior:g,align:null!=v?v:"start"}):T+k(r.sizeTree,I)[1]>d+i-u&&(C=c$1({},S,{behavior:g,align:null!=v?v:"end"})),C?h&&handleNext(pipe(p,skip(1),filter(function(t){return !1===t})),h):h&&h(),C}),filter(function(t){return null!==t})),h),{scrollIntoView:g}},tup(rt,y$1,lt,yt,S$1),{singleton:!0}),Vt=["listState","topItemsIndexes"],Ut=system(function(t){return c$1({},t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8])},tup(Tt,Ht,mt,Et,Lt,Bt,Pt,Ot,Wt)),At=system(function(t){var n=t[0],o=n.totalCount,r=n.sizeRanges,i=n.fixedItemSize,a=n.defaultItemSize,l=n.trackItemSizes,s=n.itemSize,u=n.data,d=n.firstItemIndex,f=n.groupIndices,p=n.statefulTotalCount,h=n.gap,g=t[1],v=g.initialTopMostItemIndex,S=g.scrolledToInitialItem,C=t[2],I=t[3],T=t[4],w=T.listState,x=T.topItemsIndexes,b=m(T,Vt),y=t[5].scrollToIndex,H=t[7].topItemCount,E=t[8].groupCounts,R=t[9],L=t[10];return connect(b.rangeChanged,R.scrollSeekRangeChanged),connect(pipe(R.windowViewportRect,map(function(t){return t.visibleHeight})),C.viewportHeight),c$1({totalCount:o,data:u,firstItemIndex:d,sizeRanges:r,initialTopMostItemIndex:v,scrolledToInitialItem:S,topItemsIndexes:x,topItemCount:H,groupCounts:E,fixedItemHeight:i,defaultItemHeight:a,gap:h},I,{statefulTotalCount:p,listState:w,scrollToIndex:y,trackItemSizes:l,itemSize:s,groupIndices:f},b,R,C,L)},tup(rt,dt,y$1,pt,yt,lt,zt,Rt,gt,Ut,S$1)),Nt=Ft(function(){if("undefined"==typeof document)return "sticky";var t=document.createElement("div");return t.style.position="-webkit-sticky","-webkit-sticky"===t.style.position?"-webkit-sticky":"sticky"});function Dt(t,e){var n=useRef(null),o=useCallback(function(o){if(null!==o&&o.offsetParent){var r,i,a=o.getBoundingClientRect(),l=a.width;if(e){var s=e.getBoundingClientRect(),u=a.top-s.top;r=s.height-Math.max(0,u),i=u+e.scrollTop;}else r=window.innerHeight-Math.max(0,a.top),i=a.top+window.pageYOffset;n.current={offsetTop:i,visibleHeight:r,visibleWidth:l},t(n.current);}},[t,e]),l=C(o),s=l.callbackRef,u=l.ref,c=useCallback(function(){o(u.current);},[o,u]);return useEffect(function(){if(e){e.addEventListener("scroll",c);var t=new ResizeObserver(c);return t.observe(e),function(){e.removeEventListener("scroll",c),t.unobserve(e);}}return window.addEventListener("scroll",c),window.addEventListener("resize",c),function(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c);}},[c,e]),s}var Gt=React.createContext(void 0),_t=React.createContext(void 0),jt=["placeholder"],Kt=["style","children"],Yt=["style","children"];function qt(t){return t}var Zt=system(function(){var t=statefulStream(function(t){return "Item "+t}),n=statefulStream(null),o=statefulStream(function(t){return "Group "+t}),r=statefulStream({}),i=statefulStream(qt),a=statefulStream("div"),l=statefulStream(noop),s=function(t,n){return void 0===n&&(n=null),statefulStreamFromEmitter(pipe(r,map(function(e){return e[t]}),distinctUntilChanged()),n)};return {context:n,itemContent:t,groupContent:o,components:r,computeItemKey:i,headerFooterTag:a,scrollerRef:l,FooterComponent:s("Footer"),HeaderComponent:s("Header"),TopItemListComponent:s("TopItemList"),ListComponent:s("List","div"),ItemComponent:s("Item","div"),GroupComponent:s("Group","div"),ScrollerComponent:s("Scroller","div"),EmptyPlaceholder:s("EmptyPlaceholder"),ScrollSeekPlaceholder:s("ScrollSeekPlaceholder")}});function Jt(t,n){var o=stream();return subscribe(o,function(){return console.warn("react-virtuoso: You are using a deprecated property. "+n,"color: red;","color: inherit;","color: blue;")}),connect(o,t),o}var $t=system(function(t){var n=t[0],o=t[1],r={item:Jt(o.itemContent,"Rename the %citem%c prop to %citemContent."),group:Jt(o.groupContent,"Rename the %cgroup%c prop to %cgroupContent."),topItems:Jt(n.topItemCount,"Rename the %ctopItems%c prop to %ctopItemCount."),itemHeight:Jt(n.fixedItemHeight,"Rename the %citemHeight%c prop to %cfixedItemHeight."),scrollingStateChange:Jt(n.isScrolling,"Rename the %cscrollingStateChange%c prop to %cisScrolling."),adjustForPrependedItems:stream(),maxHeightCacheSize:stream(),footer:stream(),header:stream(),HeaderContainer:stream(),FooterContainer:stream(),ItemContainer:stream(),ScrollContainer:stream(),GroupContainer:stream(),ListContainer:stream(),emptyComponent:stream(),scrollSeek:stream()};function i(t,n,r){connect(pipe(t,withLatestFrom(o.components),map(function(t){var e,o=t[0],i=t[1];return console.warn("react-virtuoso: "+r+" property is deprecated. Pass components."+n+" instead."),c$1({},i,((e={})[n]=o,e))})),o.components);}return subscribe(r.adjustForPrependedItems,function(){console.warn("react-virtuoso: adjustForPrependedItems is no longer supported. Use the firstItemIndex property instead - https://virtuoso.dev/prepend-items.","color: red;","color: inherit;","color: blue;");}),subscribe(r.maxHeightCacheSize,function(){console.warn("react-virtuoso: maxHeightCacheSize is no longer necessary. Setting it has no effect - remove it from your code.");}),subscribe(r.HeaderContainer,function(){console.warn("react-virtuoso: HeaderContainer is deprecated. Use headerFooterTag if you want to change the wrapper of the header component and pass components.Header to change its contents.");}),subscribe(r.FooterContainer,function(){console.warn("react-virtuoso: FooterContainer is deprecated. Use headerFooterTag if you want to change the wrapper of the footer component and pass components.Footer to change its contents.");}),subscribe(r.scrollSeek,function(t){var r=t.placeholder,i=m(t,jt);console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead."),publish(o.components,c$1({},getValue(o.components),{ScrollSeekPlaceholder:r})),publish(n.scrollSeekConfiguration,i);}),i(r.footer,"Footer","footer"),i(r.header,"Header","header"),i(r.ItemContainer,"Item","ItemContainer"),i(r.ListContainer,"List","ListContainer"),i(r.ScrollContainer,"Scroller","ScrollContainer"),i(r.emptyComponent,"EmptyPlaceholder","emptyComponent"),i(r.GroupContainer,"Group","GroupContainer"),c$1({},n,o,r)},tup(At,Zt)),Qt=function(t){return React.createElement("div",{style:{height:t.height}})},Xt={position:Nt(),zIndex:1,overflowAnchor:"none"},te={overflowAnchor:"none"},ee=React.memo(function(t){var o=t.showTopList,r=void 0!==o&&o,i=ge("listState"),a=he("sizeRanges"),s=ge("useWindowScroll"),u=ge("customScrollParent"),m=he("windowScrollContainerState"),d=he("scrollContainerState"),f=u||s?m:d,p=ge("itemContent"),h=ge("context"),g=ge("groupContent"),v=ge("trackItemSizes"),S=ge("itemSize"),C=ge("log"),I=he("gap"),w=T$1(a,S,v,r?noop:f,C,I,u).callbackRef,x=React.useState(0),b=x[0],y=x[1];ve("deviation",function(t){b!==t&&y(t);});var H=ge("EmptyPlaceholder"),E=ge("ScrollSeekPlaceholder")||Qt,R=ge("ListComponent"),L=ge("ItemComponent"),F=ge("GroupComponent"),k=ge("computeItemKey"),z=ge("isSeeking"),B=ge("groupIndices").length>0,P=ge("paddingTopAddition"),O=r?{}:{boxSizing:"border-box",paddingTop:i.offsetTop+P,paddingBottom:i.offsetBottom,marginTop:b};return !r&&0===i.totalCount&&H?createElement$2(H,ie(H,h)):createElement$2(R,c$1({},ie(R,h),{ref:w,style:O,"data-test-id":r?"virtuoso-top-item-list":"virtuoso-item-list"}),(r?i.topItems:i.items).map(function(t){var e=t.originalIndex,n=k(e+i.firstItemIndex,t.data,h);return z?createElement$2(E,c$1({},ie(E,h),{key:n,index:t.index,height:t.size,type:t.type||"item"},"group"===t.type?{}:{groupIndex:t.groupIndex})):"group"===t.type?createElement$2(F,c$1({},ie(F,h),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,style:Xt}),g(t.index)):createElement$2(L,c$1({},ie(L,h),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,"data-item-group-index":t.groupIndex,style:te}),B?p(t.index,t.groupIndex,t.data,h):p(t.index,t.data,h))}))}),ne={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},oe={width:"100%",height:"100%",position:"absolute",top:0},re={width:"100%",position:Nt(),top:0};function ie(t,e){if("string"!=typeof t)return {context:e}}var ae=React.memo(function(){var t=ge("HeaderComponent"),e=he("headerHeight"),n=ge("headerFooterTag"),o=I$1(function(t){return e(w(t,"height"))}),r=ge("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null}),le=React.memo(function(){var t=ge("FooterComponent"),e=he("footerHeight"),n=ge("headerFooterTag"),o=I$1(function(t){return e(w(t,"height"))}),r=ge("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null});function se(t){var e=t.usePublisher,o=t.useEmitter,r=t.useEmitterValue;return React.memo(function(t){var n=t.style,i=t.children,a=m(t,Kt),s=e("scrollContainerState"),u=r("ScrollerComponent"),d=e("smoothScrollTargetReached"),f=r("scrollerRef"),p=r("context"),h=b(s,d,u,f),g=h.scrollerRef,v=h.scrollByCallback;return o("scrollTo",h.scrollToCallback),o("scrollBy",v),createElement$2(u,c$1({ref:g,style:c$1({},ne,n),"data-test-id":"virtuoso-scroller","data-virtuoso-scroller":!0,tabIndex:0},a,ie(u,p)),i)})}function ue(t){var o=t.usePublisher,r=t.useEmitter,i=t.useEmitterValue;return React.memo(function(t){var n=t.style,a=t.children,s=m(t,Yt),u=o("windowScrollContainerState"),d=i("ScrollerComponent"),f=o("smoothScrollTargetReached"),p=i("totalListHeight"),h=i("deviation"),v=i("customScrollParent"),S=i("context"),C=b(u,f,d,noop,v),I=C.scrollerRef,T=C.scrollByCallback,w=C.scrollToCallback;return g(function(){return I.current=v||window,function(){I.current=null;}},[I,v]),r("windowScrollTo",w),r("scrollBy",T),createElement$2(d,c$1({style:c$1({position:"relative"},n,0!==p?{height:p+h}:{}),"data-virtuoso-scroller":!0},s,ie(d,S)),a)})}var ce=function(t){var o=t.children,r=useContext$1(Gt),i=he("viewportHeight"),a=he("fixedItemHeight"),l=I$1(compose(i,function(t){return w(t,"height")}));return React.useEffect(function(){r&&(i(r.viewportHeight),a(r.itemHeight));},[r,i,a]),React.createElement("div",{style:oe,ref:l,"data-viewport-type":"element"},o)},me=function(t){var e=t.children,o=useContext$1(Gt),r=he("windowViewportRect"),i=he("fixedItemHeight"),a=ge("customScrollParent"),l=Dt(r,a);return React.useEffect(function(){o&&(i(o.itemHeight),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}));},[o,r,i]),React.createElement("div",{ref:l,style:oe,"data-viewport-type":"window"},e)},de=function(t){var e=t.children,n=ge("TopItemListComponent"),o=ge("headerHeight"),r=c$1({},re,{marginTop:o+"px"}),i=ge("context");return createElement$2(n||"div",{style:r,context:i},e)},fe=systemToComponent($t,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",groupContent:"groupContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",react18ConcurrentRendering:"react18ConcurrentRendering",item:"item",group:"group",topItems:"topItems",itemHeight:"itemHeight",scrollingStateChange:"scrollingStateChange",maxHeightCacheSize:"maxHeightCacheSize",footer:"footer",header:"header",ItemContainer:"ItemContainer",ScrollContainer:"ScrollContainer",ListContainer:"ListContainer",GroupContainer:"GroupContainer",emptyComponent:"emptyComponent",HeaderContainer:"HeaderContainer",FooterContainer:"FooterContainer",scrollSeek:"scrollSeek"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy",adjustForPrependedItems:"adjustForPrependedItems",autoscrollToBottom:"autoscrollToBottom"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},React.memo(function(t){var e=ge("useWindowScroll"),o=ge("topItemsIndexes").length>0,r=ge("customScrollParent"),i=r||e?me:ce;return React.createElement(r||e?Ce:Se,c$1({},t),React.createElement(i,null,React.createElement(ae,null),React.createElement(ee,null),React.createElement(le,null)),o&&React.createElement(de,null,React.createElement(ee,{showTopList:!0})))})),pe=fe.Component,he=fe.usePublisher,ge=fe.useEmitterValue,ve=fe.useEmitter,Se=se({usePublisher:he,useEmitterValue:ge,useEmitter:ve}),Ce=ue({usePublisher:he,useEmitterValue:ge,useEmitter:ve}),Ie={items:[],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},Te={items:[{index:0}],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},we=Math.round,xe=Math.ceil,be=Math.floor,ye=Math.min,He=Math.max;function Ee(t,e,n){return Array.from({length:e-t+1}).map(function(e,o){return {index:o+t,data:null==n?void 0:n[o+t]}})}function Re(t,e){return t&&t.column===e.column&&t.row===e.row}var Le=system(function(t){var n=t[0],o=n.overscan,r=n.visibleRange,i=n.listBoundary,a=t[1],l=a.scrollTop,s=a.viewportHeight,u=a.scrollBy,m=a.scrollTo,d=a.smoothScrollTargetReached,f=a.scrollContainerState,p=a.footerHeight,h=a.headerHeight,g=t[2],v=t[3],S=t[4],C=S.propsReady,I=S.didMount,T=t[5],w=T.windowViewportRect,x=T.windowScrollTo,b=T.useWindowScroll,y=T.customScrollParent,H=T.windowScrollContainerState,E=t[6],R=statefulStream(0),L=statefulStream(0),F=statefulStream(Ie),k=statefulStream({height:0,width:0}),z=statefulStream({height:0,width:0}),B=stream(),P=stream(),O=statefulStream(0),M=statefulStream(void 0),W=statefulStream({row:0,column:0});connect(pipe(combineLatest(I,L,M),filter(function(t){return 0!==t[1]}),map(function(t){return {items:Ee(0,t[1]-1,t[2]),top:0,bottom:0,offsetBottom:0,offsetTop:0,itemHeight:0,itemWidth:0}})),F),connect(pipe(combineLatest(duc(R),r,duc(W,Re),duc(z,function(t,e){return t&&t.width===e.width&&t.height===e.height}),M),withLatestFrom(k),map(function(t){var e=t[0],n=e[0],o=e[1],r=o[0],i=o[1],a=e[2],l=e[3],s=e[4],u=t[1],m=a.row,d=a.column,f=l.height,p=l.width,h=u.width;if(0===n||0===h)return Ie;if(0===p)return function(t){return c$1({},Te,{items:t})}(Ee(0,0,s));var g=ze(h,p,d),v=g*be((r+m)/(f+m)),S=g*xe((i+m)/(f+m))-1;S=ye(n-1,He(S,g-1));var C=Ee(v=ye(S,He(0,v)),S,s),I=Fe(u,a,l,C),T=I.top,w=I.bottom,x=xe(n/g);return {items:C,offsetTop:T,offsetBottom:x*f+(x-1)*m-w,top:T,bottom:w,itemHeight:f,itemWidth:p}})),F),connect(pipe(M,filter(function(t){return void 0!==t}),map(function(t){return t.length})),R),connect(pipe(k,map(function(t){return t.height})),s),connect(pipe(combineLatest(k,z,F,W),map(function(t){var e=Fe(t[0],t[3],t[1],t[2].items);return [e.top,e.bottom]}),distinctUntilChanged(vt)),i);var V=streamFromEmitter(pipe(duc(F),filter(function(t){return t.items.length>0}),withLatestFrom(R),filter(function(t){var e=t[0].items;return e[e.length-1].index===t[1]-1}),map(function(t){return t[1]-1}),distinctUntilChanged())),U=streamFromEmitter(pipe(duc(F),filter(function(t){var e=t.items;return e.length>0&&0===e[0].index}),mapTo(0),distinctUntilChanged())),A=streamFromEmitter(pipe(duc(F),filter(function(t){return t.items.length>0}),map(function(t){var e=t.items;return {startIndex:e[0].index,endIndex:e[e.length-1].index}}),distinctUntilChanged(St)));connect(A,v.scrollSeekRangeChanged),connect(pipe(B,withLatestFrom(k,z,R,W),map(function(t){var e=t[1],n=t[2],o=t[3],r=t[4],i=at(t[0]),a=i.align,l=i.behavior,s=i.offset,u=i.index;"LAST"===u&&(u=o-1);var c=ke(e,r,n,u=He(0,u,ye(o-1,u)));return "end"===a?c=we(c-e.height+n.height):"center"===a&&(c=we(c-e.height/2+n.height/2)),s&&(c+=s),{top:c,behavior:l}})),m);var N=statefulStreamFromEmitter(pipe(F,map(function(t){return t.offsetBottom+t.bottom})),0);return connect(pipe(w,map(function(t){return {width:t.visibleWidth,height:t.visibleHeight}})),k),c$1({data:M,totalCount:R,viewportDimensions:k,itemDimensions:z,scrollTop:l,scrollHeight:P,overscan:o,scrollBy:u,scrollTo:m,scrollToIndex:B,smoothScrollTargetReached:d,windowViewportRect:w,windowScrollTo:x,useWindowScroll:b,customScrollParent:y,windowScrollContainerState:H,deviation:O,scrollContainerState:f,footerHeight:p,headerHeight:h,initialItemCount:L,gap:W},v,{gridState:F,totalListHeight:N},g,{startReached:U,endReached:V,rangeChanged:A,propsReady:C},E)},tup(Tt,y$1,ct,Et,mt,Ot,S$1));function Fe(t,e,n,o){var r=n.height;return void 0===r||0===o.length?{top:0,bottom:0}:{top:ke(t,e,n,o[0].index),bottom:ke(t,e,n,o[o.length-1].index)+r}}function ke(t,e,n,o){var r=ze(t.width,n.width,e.column),i=be(o/r),a=i*n.height+He(0,i-1)*e.row;return a>0?a+e.row:a}function ze(t,e,n){return He(1,be((t+n)/(e+n)))}var Be=["placeholder"],Pe=system(function(){var t=statefulStream(function(t){return "Item "+t}),n=statefulStream({}),o=statefulStream(null),r=statefulStream("virtuoso-grid-item"),i=statefulStream("virtuoso-grid-list"),a=statefulStream(qt),l=statefulStream("div"),s=statefulStream(noop),u=function(t,o){return void 0===o&&(o=null),statefulStreamFromEmitter(pipe(n,map(function(e){return e[t]}),distinctUntilChanged()),o)};return {context:o,itemContent:t,components:n,computeItemKey:a,itemClassName:r,listClassName:i,headerFooterTag:l,scrollerRef:s,FooterComponent:u("Footer"),HeaderComponent:u("Header"),ListComponent:u("List","div"),ItemComponent:u("Item","div"),ScrollerComponent:u("Scroller","div"),ScrollSeekPlaceholder:u("ScrollSeekPlaceholder","div")}}),Oe=system(function(t){var n=t[0],o=t[1],r={item:Jt(o.itemContent,"Rename the %citem%c prop to %citemContent."),ItemContainer:stream(),ScrollContainer:stream(),ListContainer:stream(),emptyComponent:stream(),scrollSeek:stream()};function i(t,n,r){connect(pipe(t,withLatestFrom(o.components),map(function(t){var e,o=t[0],i=t[1];return console.warn("react-virtuoso: "+r+" property is deprecated. Pass components."+n+" instead."),c$1({},i,((e={})[n]=o,e))})),o.components);}return subscribe(r.scrollSeek,function(t){var r=t.placeholder,i=m(t,Be);console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead."),publish(o.components,c$1({},getValue(o.components),{ScrollSeekPlaceholder:r})),publish(n.scrollSeekConfiguration,i);}),i(r.ItemContainer,"Item","ItemContainer"),i(r.ListContainer,"List","ListContainer"),i(r.ScrollContainer,"Scroller","ScrollContainer"),c$1({},n,o,r)},tup(Le,Pe)),Me=React.memo(function(){var t=_e("gridState"),e=_e("listClassName"),n=_e("itemClassName"),o=_e("itemContent"),r=_e("computeItemKey"),i=_e("isSeeking"),a=Ge("scrollHeight"),s=_e("ItemComponent"),u=_e("ListComponent"),m=_e("ScrollSeekPlaceholder"),d=_e("context"),f=Ge("itemDimensions"),p=Ge("gap"),h=_e("log"),g=I$1(function(t){a(t.parentElement.parentElement.scrollHeight);var e=t.firstChild;e&&f(e.getBoundingClientRect()),p({row:qe("row-gap",getComputedStyle(t).rowGap,h),column:qe("column-gap",getComputedStyle(t).columnGap,h)});});return createElement$2(u,c$1({ref:g,className:e},ie(u,d),{style:{paddingTop:t.offsetTop,paddingBottom:t.offsetBottom}}),t.items.map(function(e){var a=r(e.index,e.data,d);return i?createElement$2(m,c$1({key:a},ie(m,d),{index:e.index,height:t.itemHeight,width:t.itemWidth})):createElement$2(s,c$1({},ie(s,d),{className:n,"data-index":e.index,key:a}),o(e.index,e.data,d))}))}),We=React.memo(function(){var t=_e("HeaderComponent"),e=Ge("headerHeight"),n=_e("headerFooterTag"),o=I$1(function(t){return e(w(t,"height"))}),r=_e("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null}),Ve=React.memo(function(){var t=_e("FooterComponent"),e=Ge("footerHeight"),n=_e("headerFooterTag"),o=I$1(function(t){return e(w(t,"height"))}),r=_e("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null}),Ue=function(t){var e=t.children,o=useContext$1(_t),r=Ge("itemDimensions"),i=Ge("viewportDimensions"),a=I$1(function(t){i(t.getBoundingClientRect());});return React.useEffect(function(){o&&(i({height:o.viewportHeight,width:o.viewportWidth}),r({height:o.itemHeight,width:o.itemWidth}));},[o,i,r]),React.createElement("div",{style:oe,ref:a},e)},Ae=function(t){var e=t.children,o=useContext$1(_t),r=Ge("windowViewportRect"),i=Ge("itemDimensions"),a=_e("customScrollParent"),l=Dt(r,a);return React.useEffect(function(){o&&(i({height:o.itemHeight,width:o.itemWidth}),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:o.viewportWidth}));},[o,r,i]),React.createElement("div",{ref:l,style:oe},e)},Ne=systemToComponent(Oe,{optional:{context:"context",totalCount:"totalCount",overscan:"overscan",itemContent:"itemContent",components:"components",computeItemKey:"computeItemKey",data:"data",initialItemCount:"initialItemCount",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",listClassName:"listClassName",itemClassName:"itemClassName",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",item:"item",ItemContainer:"ItemContainer",ScrollContainer:"ScrollContainer",ListContainer:"ListContainer",scrollSeek:"scrollSeek"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange"}},React.memo(function(t){var e=c$1({},t),o=_e("useWindowScroll"),r=_e("customScrollParent"),i=r||o?Ae:Ue;return React.createElement(r||o?Ye:Ke,c$1({},e),React.createElement(i,null,React.createElement(We,null),React.createElement(Me,null),React.createElement(Ve,null)))})),Ge=Ne.usePublisher,_e=Ne.useEmitterValue,je=Ne.useEmitter,Ke=se({usePublisher:Ge,useEmitterValue:_e,useEmitter:je}),Ye=ue({usePublisher:Ge,useEmitterValue:_e,useEmitter:je});function qe(t,e,n){return "normal"===e||null!=e&&e.endsWith("px")||n(t+" was not resolved to pixel value correctly",e,h.WARN),"normal"===e?0:parseInt(null!=e?e:"0",10)}var Ze=system(function(){var t=statefulStream(function(t){return React.createElement("td",null,"Item $",t)}),o=statefulStream(null),r=statefulStream(null),i=statefulStream(null),a=statefulStream({}),l=statefulStream(qt),s=statefulStream(noop),u=function(t,n){return void 0===n&&(n=null),statefulStreamFromEmitter(pipe(a,map(function(e){return e[t]}),distinctUntilChanged()),n)};return {context:o,itemContent:t,fixedHeaderContent:r,fixedFooterContent:i,components:a,computeItemKey:l,scrollerRef:s,TableComponent:u("Table","table"),TableHeadComponent:u("TableHead","thead"),TableFooterComponent:u("TableFoot","tfoot"),TableBodyComponent:u("TableBody","tbody"),TableRowComponent:u("TableRow","tr"),ScrollerComponent:u("Scroller","div"),EmptyPlaceholder:u("EmptyPlaceholder"),ScrollSeekPlaceholder:u("ScrollSeekPlaceholder"),FillerRow:u("FillerRow")}}),Je=system(function(t){return c$1({},t[0],t[1])},tup(At,Ze)),$e=function(t){return React.createElement("tr",null,React.createElement("td",{style:{height:t.height}}))},Qe=function(t){return React.createElement("tr",null,React.createElement("td",{style:{height:t.height,padding:0,border:0}}))},Xe=React.memo(function(){var t=an("listState"),e=rn("sizeRanges"),o=an("useWindowScroll"),r=an("customScrollParent"),i=rn("windowScrollContainerState"),a=rn("scrollContainerState"),s=r||o?i:a,u=an("itemContent"),m=an("trackItemSizes"),d=T$1(e,an("itemSize"),m,s,an("log"),void 0,r),f=d.callbackRef,p=d.ref,h=React.useState(0),g=h[0],v=h[1];ln("deviation",function(t){g!==t&&(p.current.style.marginTop=t+"px",v(t));});var S=an("EmptyPlaceholder"),C=an("ScrollSeekPlaceholder")||$e,I=an("FillerRow")||Qe,w=an("TableBodyComponent"),x=an("TableRowComponent"),b=an("computeItemKey"),y=an("isSeeking"),H=an("paddingTopAddition"),E=an("firstItemIndex"),R=an("statefulTotalCount"),L=an("context");if(0===R&&S)return createElement$2(S,ie(S,L));var F=t.offsetTop+H+g,k=t.offsetBottom,z=F>0?React.createElement(I,{height:F,key:"padding-top"}):null,B=k>0?React.createElement(I,{height:k,key:"padding-bottom"}):null,P=t.items.map(function(t){var e=t.originalIndex,n=b(e+E,t.data,L);return y?createElement$2(C,c$1({},ie(C,L),{key:n,index:t.index,height:t.size,type:t.type||"item"})):createElement$2(x,c$1({},ie(x,L),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,style:{overflowAnchor:"none"}}),u(t.index,t.data,L))});return createElement$2(w,c$1({ref:f,"data-test-id":"virtuoso-item-list"},ie(w,L)),[z].concat(P,[B]))}),tn=function(t){var o=t.children,r=useContext$1(Gt),i=rn("viewportHeight"),a=rn("fixedItemHeight"),l=I$1(compose(i,function(t){return w(t,"height")}));return React.useEffect(function(){r&&(i(r.viewportHeight),a(r.itemHeight));},[r,i,a]),React.createElement("div",{style:oe,ref:l,"data-viewport-type":"element"},o)},en=function(t){var e=t.children,o=useContext$1(Gt),r=rn("windowViewportRect"),i=rn("fixedItemHeight"),a=an("customScrollParent"),l=Dt(r,a);return React.useEffect(function(){o&&(i(o.itemHeight),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}));},[o,r,i]),React.createElement("div",{ref:l,style:oe,"data-viewport-type":"window"},e)},nn=systemToComponent(Je,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",fixedHeaderContent:"fixedHeaderContent",fixedFooterContent:"fixedFooterContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",react18ConcurrentRendering:"react18ConcurrentRendering"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},React.memo(function(t){var o=an("useWindowScroll"),r=an("customScrollParent"),i=rn("fixedHeaderHeight"),a=rn("fixedFooterHeight"),l=an("fixedHeaderContent"),s=an("fixedFooterContent"),u=an("context"),m=I$1(compose(i,function(t){return w(t,"height")})),d=I$1(compose(a,function(t){return w(t,"height")})),f=r||o?un:sn,p=r||o?en:tn,h=an("TableComponent"),g=an("TableHeadComponent"),v=an("TableFooterComponent"),S=l?React.createElement(g,c$1({key:"TableHead",style:{zIndex:1,position:"sticky",top:0},ref:m},ie(g,u)),l()):null,C=s?React.createElement(v,c$1({key:"TableFoot",style:{zIndex:1,position:"sticky",bottom:0},ref:d},ie(v,u)),s()):null;return React.createElement(f,c$1({},t),React.createElement(p,null,React.createElement(h,c$1({style:{borderSpacing:0}},ie(h,u)),[S,React.createElement(Xe,{key:"TableBody"}),C])))})),rn=nn.usePublisher,an=nn.useEmitterValue,ln=nn.useEmitter,sn=se({usePublisher:rn,useEmitterValue:an,useEmitter:ln}),un=ue({usePublisher:rn,useEmitterValue:an,useEmitter:ln}),cn=pe;
+
+var call$1 = functionCall;
+var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
+var anObject$1 = anObject$l;
+var isNullOrUndefined$1 = isNullOrUndefined$b;
+var toLength$2 = toLength$a;
+var toString$3 = toString$n;
+var requireObjectCoercible$3 = requireObjectCoercible$f;
+var getMethod$1 = getMethod$8;
+var advanceStringIndex$1 = advanceStringIndex$3;
+var regExpExec$1 = regexpExecAbstract;
+
+// @@match logic
+fixRegExpWellKnownSymbolLogic$1('match', function (MATCH, nativeMatch, maybeCallNative) {
+  return [
+    // `String.prototype.match` method
+    // https://tc39.es/ecma262/#sec-string.prototype.match
+    function match(regexp) {
+      var O = requireObjectCoercible$3(this);
+      var matcher = isNullOrUndefined$1(regexp) ? undefined : getMethod$1(regexp, MATCH);
+      return matcher ? call$1(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$3(O));
+    },
+    // `RegExp.prototype[@@match]` method
+    // https://tc39.es/ecma262/#sec-regexp.prototype-@@match
+    function (string) {
+      var rx = anObject$1(this);
+      var S = toString$3(string);
+      var res = maybeCallNative(nativeMatch, rx, S);
+
+      if (res.done) return res.value;
+
+      if (!rx.global) return regExpExec$1(rx, S);
+
+      var fullUnicode = rx.unicode;
+      rx.lastIndex = 0;
+      var A = [];
+      var n = 0;
+      var result;
+      while ((result = regExpExec$1(rx, S)) !== null) {
+        var matchStr = toString$3(result[0]);
+        A[n] = matchStr;
+        if (matchStr === '') rx.lastIndex = advanceStringIndex$1(S, toLength$2(rx.lastIndex), fullUnicode);
+        n++;
+      }
+      return n === 0 ? null : A;
+    }
+  ];
+});
+
+var toIntegerOrInfinity = toIntegerOrInfinity$c;
+var toString$2 = toString$n;
+var requireObjectCoercible$2 = requireObjectCoercible$f;
+
+var $RangeError = RangeError;
+
+// `String.prototype.repeat` method implementation
+// https://tc39.es/ecma262/#sec-string.prototype.repeat
+var stringRepeat = function repeat(count) {
+  var str = toString$2(requireObjectCoercible$2(this));
+  var result = '';
+  var n = toIntegerOrInfinity(count);
+  if (n < 0 || n === Infinity) throw new $RangeError('Wrong number of repetitions');
+  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) result += str;
+  return result;
+};
+
+// https://github.com/tc39/proposal-string-pad-start-end
+var uncurryThis$3 = functionUncurryThis;
+var toLength$1 = toLength$a;
+var toString$1 = toString$n;
+var $repeat = stringRepeat;
+var requireObjectCoercible$1 = requireObjectCoercible$f;
+
+var repeat = uncurryThis$3($repeat);
+var stringSlice$2 = uncurryThis$3(''.slice);
+var ceil = Math.ceil;
+
+// `String.prototype.{ padStart, padEnd }` methods implementation
+var createMethod = function (IS_END) {
+  return function ($this, maxLength, fillString) {
+    var S = toString$1(requireObjectCoercible$1($this));
+    var intMaxLength = toLength$1(maxLength);
+    var stringLength = S.length;
+    var fillStr = fillString === undefined ? ' ' : toString$1(fillString);
+    var fillLen, stringFiller;
+    if (intMaxLength <= stringLength || fillStr === '') return S;
+    fillLen = intMaxLength - stringLength;
+    stringFiller = repeat(fillStr, ceil(fillLen / fillStr.length));
+    if (stringFiller.length > fillLen) stringFiller = stringSlice$2(stringFiller, 0, fillLen);
+    return IS_END ? S + stringFiller : stringFiller + S;
+  };
+};
+
+var stringPad = {
+  // `String.prototype.padStart` method
+  // https://tc39.es/ecma262/#sec-string.prototype.padstart
+  start: createMethod(false),
+  // `String.prototype.padEnd` method
+  // https://tc39.es/ecma262/#sec-string.prototype.padend
+  end: createMethod(true)
+};
+
+// https://github.com/zloirock/core-js/issues/280
+var userAgent = environmentUserAgent;
+
+var stringPadWebkitBug = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent);
+
+var $$4 = _export;
+var $padStart = stringPad.start;
+var WEBKIT_BUG = stringPadWebkitBug;
+
+// `String.prototype.padStart` method
+// https://tc39.es/ecma262/#sec-string.prototype.padstart
+$$4({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
+  padStart: function padStart(maxLength /* , fillString = ' ' */) {
+    return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+var $$3 = _export;
+var lastIndexOf = arrayLastIndexOf;
+
+// `Array.prototype.lastIndexOf` method
+// https://tc39.es/ecma262/#sec-array.prototype.lastindexof
+// eslint-disable-next-line es/no-array-prototype-lastindexof -- required for testing
+$$3({ target: 'Array', proto: true, forced: lastIndexOf !== [].lastIndexOf }, {
+  lastIndexOf: lastIndexOf
+});
+
+const M = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  unit: "px"
+}, v = (o, e, t) => Math.min(Math.max(o, e), t), S = (...o) => o.filter((e) => e && typeof e == "string").join(" "), Y = (o, e) => o === e || o.width === e.width && o.height === e.height && o.x === e.x && o.y === e.y && o.unit === e.unit;
+function H(o, e, t, h) {
+  const i = y(o, t, h);
+  return o.width && (i.height = i.width / e), o.height && (i.width = i.height * e), i.y + i.height > h && (i.height = h - i.y, i.width = i.height * e), i.x + i.width > t && (i.width = t - i.x, i.height = i.width / e), o.unit === "%" ? D(i, t, h) : i;
+}
+function I(o, e, t) {
+  const h = y(o, e, t);
+  return h.x = (e - h.width) / 2, h.y = (t - h.height) / 2, o.unit === "%" ? D(h, e, t) : h;
+}
+function D(o, e, t) {
+  return o.unit === "%" ? { ...M, ...o, unit: "%" } : {
+    unit: "%",
+    x: o.x ? o.x / e * 100 : 0,
+    y: o.y ? o.y / t * 100 : 0,
+    width: o.width ? o.width / e * 100 : 0,
+    height: o.height ? o.height / t * 100 : 0
+  };
+}
+function y(o, e, t) {
+  return o.unit ? o.unit === "px" ? { ...M, ...o, unit: "px" } : {
+    unit: "px",
+    x: o.x ? o.x * e / 100 : 0,
+    y: o.y ? o.y * t / 100 : 0,
+    width: o.width ? o.width * e / 100 : 0,
+    height: o.height ? o.height * t / 100 : 0
+  } : { ...M, ...o, unit: "px" };
+}
+function P(o, e, t, h, i, n = 0, s = 0, w = h, a = i) {
+  const r = { ...o };
+  let c = Math.min(n, h), d = Math.min(s, i), g = Math.min(w, h), l = Math.min(a, i);
+  e && (e > 1 ? (c = s ? s * e : c, d = c / e, g = w * e) : (d = n ? n / e : d, c = d * e, l = a / e)), r.y < 0 && (r.height = Math.max(r.height + r.y, d), r.y = 0), r.x < 0 && (r.width = Math.max(r.width + r.x, c), r.x = 0);
+  const m = h - (r.x + r.width);
+  m < 0 && (r.x = Math.min(r.x, h - c), r.width += m);
+  const x = i - (r.y + r.height);
+  if (x < 0 && (r.y = Math.min(r.y, i - d), r.height += x), r.width < c && ((t === "sw" || t == "nw") && (r.x -= c - r.width), r.width = c), r.height < d && ((t === "nw" || t == "ne") && (r.y -= d - r.height), r.height = d), r.width > g && ((t === "sw" || t == "nw") && (r.x -= g - r.width), r.width = g), r.height > l && ((t === "nw" || t == "ne") && (r.y -= l - r.height), r.height = l), e) {
+    const b = r.width / r.height;
+    if (b < e) {
+      const C = Math.max(r.width / e, d);
+      (t === "nw" || t == "ne") && (r.y -= C - r.height), r.height = C;
+    } else if (b > e) {
+      const C = Math.max(r.height * e, c);
+      (t === "sw" || t == "nw") && (r.x -= C - r.width), r.width = C;
+    }
+  }
+  return r;
+}
+function _(o, e, t, h) {
+  const i = { ...o };
+  return e === "ArrowLeft" ? h === "nw" ? (i.x -= t, i.y -= t, i.width += t, i.height += t) : h === "w" ? (i.x -= t, i.width += t) : h === "sw" ? (i.x -= t, i.width += t, i.height += t) : h === "ne" ? (i.y += t, i.width -= t, i.height -= t) : h === "e" ? i.width -= t : h === "se" && (i.width -= t, i.height -= t) : e === "ArrowRight" && (h === "nw" ? (i.x += t, i.y += t, i.width -= t, i.height -= t) : h === "w" ? (i.x += t, i.width -= t) : h === "sw" ? (i.x += t, i.width -= t, i.height -= t) : h === "ne" ? (i.y -= t, i.width += t, i.height += t) : h === "e" ? i.width += t : h === "se" && (i.width += t, i.height += t)), e === "ArrowUp" ? h === "nw" ? (i.x -= t, i.y -= t, i.width += t, i.height += t) : h === "n" ? (i.y -= t, i.height += t) : h === "ne" ? (i.y -= t, i.width += t, i.height += t) : h === "sw" ? (i.x += t, i.width -= t, i.height -= t) : h === "s" ? i.height -= t : h === "se" && (i.width -= t, i.height -= t) : e === "ArrowDown" && (h === "nw" ? (i.x += t, i.y += t, i.width -= t, i.height -= t) : h === "n" ? (i.y += t, i.height -= t) : h === "ne" ? (i.y += t, i.width -= t, i.height -= t) : h === "sw" ? (i.x -= t, i.width += t, i.height += t) : h === "s" ? i.height += t : h === "se" && (i.width += t, i.height += t)), i;
+}
+const f$1 = { capture: !0, passive: !1 };
+let $$2 = 0;
+const u$1 = class u extends PureComponent {
+  constructor() {
+    super(...arguments), this.docMoveBound = !1, this.mouseDownOnCrop = !1, this.dragStarted = !1, this.evData = {
+      startClientX: 0,
+      startClientY: 0,
+      startCropX: 0,
+      startCropY: 0,
+      clientX: 0,
+      clientY: 0,
+      isResize: !0
+    }, this.componentRef = createRef(), this.mediaRef = createRef(), this.initChangeCalled = !1, this.instanceId = `rc-${$$2++}`, this.state = {
+      cropIsActive: !1,
+      newCropIsBeingDrawn: !1
+    }, this.onCropPointerDown = (e) => {
+      const { crop: t, disabled: h } = this.props, i = this.getBox();
+      if (!t)
+        return;
+      const n = y(t, i.width, i.height);
+      if (h)
+        return;
+      e.cancelable && e.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
+      const s = e.target.dataset.ord, w = !!s;
+      let a = e.clientX, r = e.clientY, c = n.x, d = n.y;
+      if (s) {
+        const g = e.clientX - i.x, l = e.clientY - i.y;
+        let m = 0, x = 0;
+        s === "ne" || s == "e" ? (m = g - (n.x + n.width), x = l - n.y, c = n.x, d = n.y + n.height) : s === "se" || s === "s" ? (m = g - (n.x + n.width), x = l - (n.y + n.height), c = n.x, d = n.y) : s === "sw" || s == "w" ? (m = g - n.x, x = l - (n.y + n.height), c = n.x + n.width, d = n.y) : (s === "nw" || s == "n") && (m = g - n.x, x = l - n.y, c = n.x + n.width, d = n.y + n.height), a = c + i.x + m, r = d + i.y + x;
+      }
+      this.evData = {
+        startClientX: a,
+        startClientY: r,
+        startCropX: c,
+        startCropY: d,
+        clientX: e.clientX,
+        clientY: e.clientY,
+        isResize: w,
+        ord: s
+      }, this.mouseDownOnCrop = !0, this.setState({ cropIsActive: !0 });
+    }, this.onComponentPointerDown = (e) => {
+      const { crop: t, disabled: h, locked: i, keepSelection: n, onChange: s } = this.props, w = this.getBox();
+      if (h || i || n && t)
+        return;
+      e.cancelable && e.preventDefault(), this.bindDocMove(), this.componentRef.current.focus({ preventScroll: !0 });
+      const a = e.clientX - w.x, r = e.clientY - w.y, c = {
+        unit: "px",
+        x: a,
+        y: r,
+        width: 0,
+        height: 0
+      };
+      this.evData = {
+        startClientX: e.clientX,
+        startClientY: e.clientY,
+        startCropX: a,
+        startCropY: r,
+        clientX: e.clientX,
+        clientY: e.clientY,
+        isResize: !0
+      }, this.mouseDownOnCrop = !0, s(y(c, w.width, w.height), D(c, w.width, w.height)), this.setState({ cropIsActive: !0, newCropIsBeingDrawn: !0 });
+    }, this.onDocPointerMove = (e) => {
+      const { crop: t, disabled: h, onChange: i, onDragStart: n } = this.props, s = this.getBox();
+      if (h || !t || !this.mouseDownOnCrop)
+        return;
+      e.cancelable && e.preventDefault(), this.dragStarted || (this.dragStarted = !0, n && n(e));
+      const { evData: w } = this;
+      w.clientX = e.clientX, w.clientY = e.clientY;
+      let a;
+      w.isResize ? a = this.resizeCrop() : a = this.dragCrop(), Y(t, a) || i(
+        y(a, s.width, s.height),
+        D(a, s.width, s.height)
+      );
+    }, this.onComponentKeyDown = (e) => {
+      const { crop: t, disabled: h, onChange: i, onComplete: n } = this.props;
+      if (h)
+        return;
+      const s = e.key;
+      let w = !1;
+      if (!t)
+        return;
+      const a = this.getBox(), r = this.makePixelCrop(a), d = (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) ? u.nudgeStepLarge : e.shiftKey ? u.nudgeStepMedium : u.nudgeStep;
+      if (s === "ArrowLeft" ? (r.x -= d, w = !0) : s === "ArrowRight" ? (r.x += d, w = !0) : s === "ArrowUp" ? (r.y -= d, w = !0) : s === "ArrowDown" && (r.y += d, w = !0), w) {
+        e.cancelable && e.preventDefault(), r.x = v(r.x, 0, a.width - r.width), r.y = v(r.y, 0, a.height - r.height);
+        const g = y(r, a.width, a.height), l = D(r, a.width, a.height);
+        i(g, l), n && n(g, l);
+      }
+    }, this.onHandlerKeyDown = (e, t) => {
+      const {
+        aspect: h = 0,
+        crop: i,
+        disabled: n,
+        minWidth: s = 0,
+        minHeight: w = 0,
+        maxWidth: a,
+        maxHeight: r,
+        onChange: c,
+        onComplete: d
+      } = this.props, g = this.getBox();
+      if (n || !i)
+        return;
+      if (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight")
+        e.stopPropagation(), e.preventDefault();
+      else
+        return;
+      const m = (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) ? u.nudgeStepLarge : e.shiftKey ? u.nudgeStepMedium : u.nudgeStep, x = y(i, g.width, g.height), b = _(x, e.key, m, t), C = P(
+        b,
+        h,
+        t,
+        g.width,
+        g.height,
+        s,
+        w,
+        a,
+        r
+      );
+      if (!Y(i, C)) {
+        const R = D(C, g.width, g.height);
+        c(C, R), d && d(C, R);
+      }
+    }, this.onDocPointerDone = (e) => {
+      const { crop: t, disabled: h, onComplete: i, onDragEnd: n } = this.props, s = this.getBox();
+      this.unbindDocMove(), !(h || !t) && this.mouseDownOnCrop && (this.mouseDownOnCrop = !1, this.dragStarted = !1, n && n(e), i && i(y(t, s.width, s.height), D(t, s.width, s.height)), this.setState({ cropIsActive: !1, newCropIsBeingDrawn: !1 }));
+    }, this.onDragFocus = () => {
+      var e;
+      (e = this.componentRef.current) == null || e.scrollTo(0, 0);
+    };
+  }
+  get document() {
+    return document;
+  }
+  // We unfortunately get the bounding box every time as x+y changes
+  // due to scrolling.
+  getBox() {
+    const e = this.mediaRef.current;
+    if (!e)
+      return { x: 0, y: 0, width: 0, height: 0 };
+    const { x: t, y: h, width: i, height: n } = e.getBoundingClientRect();
+    return { x: t, y: h, width: i, height: n };
+  }
+  componentDidUpdate(e) {
+    const { crop: t, onComplete: h } = this.props;
+    if (h && !e.crop && t) {
+      const { width: i, height: n } = this.getBox();
+      i && n && h(y(t, i, n), D(t, i, n));
+    }
+  }
+  componentWillUnmount() {
+    this.resizeObserver && this.resizeObserver.disconnect(), this.unbindDocMove();
+  }
+  bindDocMove() {
+    this.docMoveBound || (this.document.addEventListener("pointermove", this.onDocPointerMove, f$1), this.document.addEventListener("pointerup", this.onDocPointerDone, f$1), this.document.addEventListener("pointercancel", this.onDocPointerDone, f$1), this.docMoveBound = !0);
+  }
+  unbindDocMove() {
+    this.docMoveBound && (this.document.removeEventListener("pointermove", this.onDocPointerMove, f$1), this.document.removeEventListener("pointerup", this.onDocPointerDone, f$1), this.document.removeEventListener("pointercancel", this.onDocPointerDone, f$1), this.docMoveBound = !1);
+  }
+  getCropStyle() {
+    const { crop: e } = this.props;
+    if (e)
+      return {
+        top: `${e.y}${e.unit}`,
+        left: `${e.x}${e.unit}`,
+        width: `${e.width}${e.unit}`,
+        height: `${e.height}${e.unit}`
+      };
+  }
+  dragCrop() {
+    const { evData: e } = this, t = this.getBox(), h = this.makePixelCrop(t), i = e.clientX - e.startClientX, n = e.clientY - e.startClientY;
+    return h.x = v(e.startCropX + i, 0, t.width - h.width), h.y = v(e.startCropY + n, 0, t.height - h.height), h;
+  }
+  getPointRegion(e, t, h, i) {
+    const { evData: n } = this, s = n.clientX - e.x, w = n.clientY - e.y;
+    let a;
+    i && t ? a = t === "nw" || t === "n" || t === "ne" : a = w < n.startCropY;
+    let r;
+    return h && t ? r = t === "nw" || t === "w" || t === "sw" : r = s < n.startCropX, r ? a ? "nw" : "sw" : a ? "ne" : "se";
+  }
+  resolveMinDimensions(e, t, h = 0, i = 0) {
+    const n = Math.min(h, e.width), s = Math.min(i, e.height);
+    return !t || !n && !s ? [n, s] : t > 1 ? n ? [n, n / t] : [s * t, s] : s ? [s * t, s] : [n, n / t];
+  }
+  resizeCrop() {
+    const { evData: e } = this, { aspect: t = 0, maxWidth: h, maxHeight: i } = this.props, n = this.getBox(), [s, w] = this.resolveMinDimensions(n, t, this.props.minWidth, this.props.minHeight);
+    let a = this.makePixelCrop(n);
+    const r = this.getPointRegion(n, e.ord, s, w), c = e.ord || r;
+    let d = e.clientX - e.startClientX, g = e.clientY - e.startClientY;
+    (s && c === "nw" || c === "w" || c === "sw") && (d = Math.min(d, -s)), (w && c === "nw" || c === "n" || c === "ne") && (g = Math.min(g, -w));
+    const l = {
+      unit: "px",
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
+    r === "ne" ? (l.x = e.startCropX, l.width = d, t ? (l.height = l.width / t, l.y = e.startCropY - l.height) : (l.height = Math.abs(g), l.y = e.startCropY - l.height)) : r === "se" ? (l.x = e.startCropX, l.y = e.startCropY, l.width = d, t ? l.height = l.width / t : l.height = g) : r === "sw" ? (l.x = e.startCropX + d, l.y = e.startCropY, l.width = Math.abs(d), t ? l.height = l.width / t : l.height = g) : r === "nw" && (l.x = e.startCropX + d, l.width = Math.abs(d), t ? (l.height = l.width / t, l.y = e.startCropY - l.height) : (l.height = Math.abs(g), l.y = e.startCropY + g));
+    const m = P(
+      l,
+      t,
+      r,
+      n.width,
+      n.height,
+      s,
+      w,
+      h,
+      i
+    );
+    return t || u.xyOrds.indexOf(c) > -1 ? a = m : u.xOrds.indexOf(c) > -1 ? (a.x = m.x, a.width = m.width) : u.yOrds.indexOf(c) > -1 && (a.y = m.y, a.height = m.height), a.x = v(a.x, 0, n.width - a.width), a.y = v(a.y, 0, n.height - a.height), a;
+  }
+  renderCropSelection() {
+    const {
+      ariaLabels: e = u.defaultProps.ariaLabels,
+      disabled: t,
+      locked: h,
+      renderSelectionAddon: i,
+      ruleOfThirds: n,
+      crop: s
     } = this.props, w = this.getCropStyle();
     if (s)
       return /* @__PURE__ */ React__default.createElement(
@@ -101659,11 +102858,11 @@ const u$1 = class u extends PureComponent {
       );
   }
   makePixelCrop(e) {
-    const t = { ...M$1, ...this.props.crop || {} };
-    return y$1(t, e.width, e.height);
+    const t = { ...M, ...this.props.crop || {} };
+    return y(t, e.width, e.height);
   }
   render() {
-    const { aspect: e, children: t, circularCrop: h, className: i, crop: n, disabled: s, locked: w, style: a, ruleOfThirds: r } = this.props, { cropIsActive: c, newCropIsBeingDrawn: d } = this.state, g = n ? this.renderCropSelection() : null, l = S$1(
+    const { aspect: e, children: t, circularCrop: h, className: i, crop: n, disabled: s, locked: w, style: a, ruleOfThirds: r } = this.props, { cropIsActive: c, newCropIsBeingDrawn: d } = this.state, g = n ? this.renderCropSelection() : null, l = S(
       "ReactCrop",
       i,
       c && "ReactCrop--active",
@@ -101710,7 +102909,7 @@ u$1.xOrds = ["e", "w"], u$1.yOrds = ["n", "s"], u$1.xyOrds = ["nw", "ne", "se",
     wDragHandle: "Use the up and down arrow keys to move the west drag handle to change the crop selection area"
   }
 };
-let X$1 = u$1;
+let X = u$1;
 
 // List of valid entities
 //
@@ -121520,7 +122719,7 @@ function requireD () {
 	      + 'pragma private protected public pure ref return scope shared static struct '
 	      + 'super switch synchronized template this throw try typedef typeid typeof union '
 	      + 'unittest version void volatile while with __FILE__ __LINE__ __gshared|10 '
-	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ "0.10.22"',
+	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ "0.10.24"',
 	    built_in:
 	      'bool cdouble cent cfloat char creal dchar delegate double dstring float function '
 	      + 'idouble ifloat ireal long real short string ubyte ucent uint ulong ushort wchar '
@@ -169933,20 +171132,20 @@ var HighlightJS = /*@__PURE__*/getDefaultExportFromCjs(lib);
 
 // https://nodejs.org/api/packages.html#packages_writing_dual_packages_while_avoiding_or_minimizing_hazards
 
-var $$2 = _export;
+var $$1 = _export;
 var fill = arrayFill$1;
 var addToUnscopables = addToUnscopables$5;
 
 // `Array.prototype.fill` method
 // https://tc39.es/ecma262/#sec-array.prototype.fill
-$$2({ target: 'Array', proto: true }, {
+$$1({ target: 'Array', proto: true }, {
   fill: fill
 });
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('fill');
 
-var call$1 = functionCall;
+var call = functionCall;
 var uncurryThis$2 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject = anObject$l;
@@ -169990,7 +171189,7 @@ var BUGGY = 'abbc'.split(/(b)*/)[1] === 'c' ||
 // @@split logic
 fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNative) {
   var internalSplit = '0'.split(undefined, 0).length ? function (separator, limit) {
-    return separator === undefined && limit === 0 ? [] : call$1(nativeSplit, this, separator, limit);
+    return separator === undefined && limit === 0 ? [] : call(nativeSplit, this, separator, limit);
   } : nativeSplit;
 
   return [
@@ -170000,8 +171199,8 @@ fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNa
       var O = requireObjectCoercible(this);
       var splitter = isNullOrUndefined(separator) ? undefined : getMethod(separator, SPLIT);
       return splitter
-        ? call$1(splitter, separator, O, limit)
-        : call$1(internalSplit, toString(O), separator, limit);
+        ? call(splitter, separator, O, limit)
+        : call(internalSplit, toString(O), separator, limit);
     },
     // `RegExp.prototype[@@split]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@split
@@ -170942,21 +172141,21 @@ var EOF = -1;
 var ZERO = 0x0030;
 var a$1 = 0x0061;
 var e = 0x0065;
-var f$1 = 0x0066;
+var f = 0x0066;
 var u = 0x0075;
-var z$1 = 0x007a;
-var A$1 = 0x0041;
-var E$1 = 0x0045;
-var F$1 = 0x0046;
-var U$1 = 0x0055;
-var Z$1 = 0x005a;
+var z = 0x007a;
+var A = 0x0041;
+var E = 0x0045;
+var F = 0x0046;
+var U = 0x0055;
+var Z = 0x005a;
 var isDigit = function (codePoint) { return codePoint >= ZERO && codePoint <= 0x0039; };
 var isSurrogateCodePoint = function (codePoint) { return codePoint >= 0xd800 && codePoint <= 0xdfff; };
 var isHex = function (codePoint) {
-    return isDigit(codePoint) || (codePoint >= A$1 && codePoint <= F$1) || (codePoint >= a$1 && codePoint <= f$1);
+    return isDigit(codePoint) || (codePoint >= A && codePoint <= F) || (codePoint >= a$1 && codePoint <= f);
 };
-var isLowerCaseLetter = function (codePoint) { return codePoint >= a$1 && codePoint <= z$1; };
-var isUpperCaseLetter = function (codePoint) { return codePoint >= A$1 && codePoint <= Z$1; };
+var isLowerCaseLetter = function (codePoint) { return codePoint >= a$1 && codePoint <= z; };
+var isUpperCaseLetter = function (codePoint) { return codePoint >= A && codePoint <= Z; };
 var isLetter = function (codePoint) { return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint); };
 var isNonASCIICodePoint = function (codePoint) { return codePoint >= CONTROL; };
 var isWhiteSpace = function (codePoint) {
@@ -171027,7 +172226,7 @@ var stringToNumber = function (codePoints) {
     }
     var fracd = fraction.length;
     var frac = fracd ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10) : 0;
-    if (codePoints[c] === E$1 || codePoints[c] === e) {
+    if (codePoints[c] === E || codePoints[c] === e) {
         c++;
     }
     var expsign = 1;
@@ -171218,7 +172417,7 @@ var Tokenizer = /** @class */ (function () {
             case RIGHT_CURLY_BRACKET:
                 return RIGHT_CURLY_BRACKET_TOKEN;
             case u:
-            case U$1:
+            case U:
                 var u1 = this.peekCodePoint(0);
                 var u2 = this.peekCodePoint(1);
                 if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
@@ -171288,7 +172487,7 @@ var Tokenizer = /** @class */ (function () {
         }
         if (questionMarks) {
             var start_1 = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? ZERO : digit); })), 16);
-            var end = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? F$1 : digit); })), 16);
+            var end = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? F : digit); })), 16);
             return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start_1, end: end };
         }
         var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
@@ -171453,7 +172652,7 @@ var Tokenizer = /** @class */ (function () {
         c1 = this.peekCodePoint(0);
         c2 = this.peekCodePoint(1);
         var c3 = this.peekCodePoint(2);
-        if ((c1 === E$1 || c1 === e) && (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) || isDigit(c2))) {
+        if ((c1 === E || c1 === e) && (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) || isDigit(c2))) {
             repr.push(this.consumeCodePoint(), this.consumeCodePoint());
             type = FLAG_NUMBER;
             while (isDigit(this.peekCodePoint(0))) {
@@ -174079,9 +175278,9 @@ var LF = 3;
 var Control = 4;
 var Extend = 5;
 var SpacingMark = 7;
-var L$1 = 8;
-var V$1 = 9;
-var T$1 = 10;
+var L = 8;
+var V = 9;
+var T = 10;
 var LV = 11;
 var LVT = 12;
 var ZWJ = 13;
@@ -174163,15 +175362,15 @@ var _graphemeBreakAtIndex = function (_codePoints, classTypes, index) {
     }
     // Do not break Hangul syllable sequences.
     // GB6
-    if (current === L$1 && [L$1, V$1, LV, LVT].indexOf(next) !== -1) {
+    if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
         return BREAK_NOT_ALLOWED;
     }
     // GB7
-    if ((current === LV || current === V$1) && (next === V$1 || next === T$1)) {
+    if ((current === LV || current === V) && (next === V || next === T)) {
         return BREAK_NOT_ALLOWED;
     }
     // GB8
-    if ((current === LVT || current === T$1) && next === T$1) {
+    if ((current === LVT || current === T) && next === T) {
         return BREAK_NOT_ALLOWED;
     }
     // GB9 Do not break before extending characters or ZWJ.
@@ -177887,7 +179086,7 @@ var uncurryThis$1 = functionUncurryThis;
 // https://tc39.es/ecma262/#sec-thisnumbervalue
 var thisNumberValue$1 = uncurryThis$1(1.0.valueOf);
 
-var $$1 = _export;
+var $ = _export;
 var IS_PURE = isPure;
 var DESCRIPTORS = descriptors;
 var globalThis$1 = globalThis_1;
@@ -177979,7 +179178,7 @@ var NumberWrapper = function Number(value) {
 NumberWrapper.prototype = NumberPrototype;
 if (FORCED && !IS_PURE) NumberPrototype.constructor = NumberWrapper;
 
-$$1({ global: true, constructor: true, wrap: true, forced: FORCED }, {
+$({ global: true, constructor: true, wrap: true, forced: FORCED }, {
   Number: NumberWrapper
 });
 
@@ -178091,23 +179290,23 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _unsupportedIterableToArray$1(o, minLen) {
+function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  if (typeof o === "string") return _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(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-function _arrayLikeToArray$1(arr, len) {
+function _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;
@@ -180644,1826 +181843,627 @@ var methods = {
    * Set the canvas position and size with new data.
    * @param {Object} data - The new canvas data.
    * @returns {Cropper} this
-   */
-  setCanvasData: function setCanvasData(data) {
-    var canvasData = this.canvasData;
-    var aspectRatio = canvasData.aspectRatio;
-    if (this.ready && !this.disabled && isPlainObject(data)) {
-      if (isNumber(data.left)) {
-        canvasData.left = data.left;
-      }
-      if (isNumber(data.top)) {
-        canvasData.top = data.top;
-      }
-      if (isNumber(data.width)) {
-        canvasData.width = data.width;
-        canvasData.height = data.width / aspectRatio;
-      } else if (isNumber(data.height)) {
-        canvasData.height = data.height;
-        canvasData.width = data.height * aspectRatio;
-      }
-      this.renderCanvas(true);
-    }
-    return this;
-  },
-  /**
-   * Get the crop box position and size data.
-   * @returns {Object} The result crop box data.
-   */
-  getCropBoxData: function getCropBoxData() {
-    var cropBoxData = this.cropBoxData;
-    var data;
-    if (this.ready && this.cropped) {
-      data = {
-        left: cropBoxData.left,
-        top: cropBoxData.top,
-        width: cropBoxData.width,
-        height: cropBoxData.height
-      };
-    }
-    return data || {};
-  },
-  /**
-   * Set the crop box position and size with new data.
-   * @param {Object} data - The new crop box data.
-   * @returns {Cropper} this
-   */
-  setCropBoxData: function setCropBoxData(data) {
-    var cropBoxData = this.cropBoxData;
-    var aspectRatio = this.options.aspectRatio;
-    var widthChanged;
-    var heightChanged;
-    if (this.ready && this.cropped && !this.disabled && isPlainObject(data)) {
-      if (isNumber(data.left)) {
-        cropBoxData.left = data.left;
-      }
-      if (isNumber(data.top)) {
-        cropBoxData.top = data.top;
-      }
-      if (isNumber(data.width) && data.width !== cropBoxData.width) {
-        widthChanged = true;
-        cropBoxData.width = data.width;
-      }
-      if (isNumber(data.height) && data.height !== cropBoxData.height) {
-        heightChanged = true;
-        cropBoxData.height = data.height;
-      }
-      if (aspectRatio) {
-        if (widthChanged) {
-          cropBoxData.height = cropBoxData.width / aspectRatio;
-        } else if (heightChanged) {
-          cropBoxData.width = cropBoxData.height * aspectRatio;
-        }
-      }
-      this.renderCropBox();
-    }
-    return this;
-  },
-  /**
-   * Get a canvas drawn the cropped image.
-   * @param {Object} [options={}] - The config options.
-   * @returns {HTMLCanvasElement} - The result canvas.
-   */
-  getCroppedCanvas: function getCroppedCanvas() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (!this.ready || !window.HTMLCanvasElement) {
-      return null;
-    }
-    var canvasData = this.canvasData;
-    var source = getSourceCanvas(this.image, this.imageData, canvasData, options);
-
-    // Returns the source canvas if it is not cropped.
-    if (!this.cropped) {
-      return source;
-    }
-    var _this$getData = this.getData(options.rounded),
-      initialX = _this$getData.x,
-      initialY = _this$getData.y,
-      initialWidth = _this$getData.width,
-      initialHeight = _this$getData.height;
-    var ratio = source.width / Math.floor(canvasData.naturalWidth);
-    if (ratio !== 1) {
-      initialX *= ratio;
-      initialY *= ratio;
-      initialWidth *= ratio;
-      initialHeight *= ratio;
-    }
-    var aspectRatio = initialWidth / initialHeight;
-    var maxSizes = getAdjustedSizes({
-      aspectRatio: aspectRatio,
-      width: options.maxWidth || Infinity,
-      height: options.maxHeight || Infinity
-    });
-    var minSizes = getAdjustedSizes({
-      aspectRatio: aspectRatio,
-      width: options.minWidth || 0,
-      height: options.minHeight || 0
-    }, 'cover');
-    var _getAdjustedSizes = getAdjustedSizes({
-        aspectRatio: aspectRatio,
-        width: options.width || (ratio !== 1 ? source.width : initialWidth),
-        height: options.height || (ratio !== 1 ? source.height : initialHeight)
-      }),
-      width = _getAdjustedSizes.width,
-      height = _getAdjustedSizes.height;
-    width = Math.min(maxSizes.width, Math.max(minSizes.width, width));
-    height = Math.min(maxSizes.height, Math.max(minSizes.height, height));
-    var canvas = document.createElement('canvas');
-    var context = canvas.getContext('2d');
-    canvas.width = normalizeDecimalNumber(width);
-    canvas.height = normalizeDecimalNumber(height);
-    context.fillStyle = options.fillColor || 'transparent';
-    context.fillRect(0, 0, width, height);
-    var _options$imageSmoothi = options.imageSmoothingEnabled,
-      imageSmoothingEnabled = _options$imageSmoothi === void 0 ? true : _options$imageSmoothi,
-      imageSmoothingQuality = options.imageSmoothingQuality;
-    context.imageSmoothingEnabled = imageSmoothingEnabled;
-    if (imageSmoothingQuality) {
-      context.imageSmoothingQuality = imageSmoothingQuality;
-    }
-
-    // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D.drawImage
-    var sourceWidth = source.width;
-    var sourceHeight = source.height;
-
-    // Source canvas parameters
-    var srcX = initialX;
-    var srcY = initialY;
-    var srcWidth;
-    var srcHeight;
-
-    // Destination canvas parameters
-    var dstX;
-    var dstY;
-    var dstWidth;
-    var dstHeight;
-    if (srcX <= -initialWidth || srcX > sourceWidth) {
-      srcX = 0;
-      srcWidth = 0;
-      dstX = 0;
-      dstWidth = 0;
-    } else if (srcX <= 0) {
-      dstX = -srcX;
-      srcX = 0;
-      srcWidth = Math.min(sourceWidth, initialWidth + srcX);
-      dstWidth = srcWidth;
-    } else if (srcX <= sourceWidth) {
-      dstX = 0;
-      srcWidth = Math.min(initialWidth, sourceWidth - srcX);
-      dstWidth = srcWidth;
-    }
-    if (srcWidth <= 0 || srcY <= -initialHeight || srcY > sourceHeight) {
-      srcY = 0;
-      srcHeight = 0;
-      dstY = 0;
-      dstHeight = 0;
-    } else if (srcY <= 0) {
-      dstY = -srcY;
-      srcY = 0;
-      srcHeight = Math.min(sourceHeight, initialHeight + srcY);
-      dstHeight = srcHeight;
-    } else if (srcY <= sourceHeight) {
-      dstY = 0;
-      srcHeight = Math.min(initialHeight, sourceHeight - srcY);
-      dstHeight = srcHeight;
-    }
-    var params = [srcX, srcY, srcWidth, srcHeight];
-
-    // Avoid "IndexSizeError"
-    if (dstWidth > 0 && dstHeight > 0) {
-      var scale = width / initialWidth;
-      params.push(dstX * scale, dstY * scale, dstWidth * scale, dstHeight * scale);
-    }
-
-    // All the numerical parameters should be integer for `drawImage`
-    // https://github.com/fengyuanchen/cropper/issues/476
-    context.drawImage.apply(context, [source].concat(_toConsumableArray(params.map(function (param) {
-      return Math.floor(normalizeDecimalNumber(param));
-    }))));
-    return canvas;
-  },
-  /**
-   * Change the aspect ratio of the crop box.
-   * @param {number} aspectRatio - The new aspect ratio.
-   * @returns {Cropper} this
-   */
-  setAspectRatio: function setAspectRatio(aspectRatio) {
-    var options = this.options;
-    if (!this.disabled && !isUndefined(aspectRatio)) {
-      // 0 -> NaN
-      options.aspectRatio = Math.max(0, aspectRatio) || NaN;
-      if (this.ready) {
-        this.initCropBox();
-        if (this.cropped) {
-          this.renderCropBox();
-        }
-      }
-    }
-    return this;
-  },
-  /**
-   * Change the drag mode.
-   * @param {string} mode - The new drag mode.
-   * @returns {Cropper} this
-   */
-  setDragMode: function setDragMode(mode) {
-    var options = this.options,
-      dragBox = this.dragBox,
-      face = this.face;
-    if (this.ready && !this.disabled) {
-      var croppable = mode === DRAG_MODE_CROP;
-      var movable = options.movable && mode === DRAG_MODE_MOVE;
-      mode = croppable || movable ? mode : DRAG_MODE_NONE;
-      options.dragMode = mode;
-      setData(dragBox, DATA_ACTION, mode);
-      toggleClass(dragBox, CLASS_CROP, croppable);
-      toggleClass(dragBox, CLASS_MOVE, movable);
-      if (!options.cropBoxMovable) {
-        // Sync drag mode to crop box when it is not movable
-        setData(face, DATA_ACTION, mode);
-        toggleClass(face, CLASS_CROP, croppable);
-        toggleClass(face, CLASS_MOVE, movable);
-      }
-    }
-    return this;
-  }
-};
-
-var AnotherCropper = WINDOW.Cropper;
-var Cropper = /*#__PURE__*/function () {
-  /**
-   * Create a new Cropper.
-   * @param {Element} element - The target element for cropping.
-   * @param {Object} [options={}] - The configuration options.
-   */
-  function Cropper(element) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    _classCallCheck(this, Cropper);
-    if (!element || !REGEXP_TAG_NAME.test(element.tagName)) {
-      throw new Error('The first argument is required and must be an <img> or <canvas> element.');
-    }
-    this.element = element;
-    this.options = assign({}, DEFAULTS, isPlainObject(options) && options);
-    this.cropped = false;
-    this.disabled = false;
-    this.pointers = {};
-    this.ready = false;
-    this.reloading = false;
-    this.replaced = false;
-    this.sized = false;
-    this.sizing = false;
-    this.init();
-  }
-  return _createClass(Cropper, [{
-    key: "init",
-    value: function init() {
-      var element = this.element;
-      var tagName = element.tagName.toLowerCase();
-      var url;
-      if (element[NAMESPACE]) {
-        return;
-      }
-      element[NAMESPACE] = this;
-      if (tagName === 'img') {
-        this.isImg = true;
-
-        // e.g.: "img/picture.jpg"
-        url = element.getAttribute('src') || '';
-        this.originalUrl = url;
-
-        // Stop when it's a blank image
-        if (!url) {
-          return;
-        }
-
-        // e.g.: "https://example.com/img/picture.jpg"
-        url = element.src;
-      } else if (tagName === 'canvas' && window.HTMLCanvasElement) {
-        url = element.toDataURL();
-      }
-      this.load(url);
-    }
-  }, {
-    key: "load",
-    value: function load(url) {
-      var _this = this;
-      if (!url) {
-        return;
-      }
-      this.url = url;
-      this.imageData = {};
-      var element = this.element,
-        options = this.options;
-      if (!options.rotatable && !options.scalable) {
-        options.checkOrientation = false;
-      }
-
-      // Only IE10+ supports Typed Arrays
-      if (!options.checkOrientation || !window.ArrayBuffer) {
-        this.clone();
-        return;
-      }
-
-      // Detect the mime type of the image directly if it is a Data URL
-      if (REGEXP_DATA_URL.test(url)) {
-        // Read ArrayBuffer from Data URL of JPEG images directly for better performance
-        if (REGEXP_DATA_URL_JPEG.test(url)) {
-          this.read(dataURLToArrayBuffer(url));
-        } else {
-          // Only a JPEG image may contains Exif Orientation information,
-          // the rest types of Data URLs are not necessary to check orientation at all.
-          this.clone();
-        }
-        return;
-      }
-
-      // 1. Detect the mime type of the image by a XMLHttpRequest.
-      // 2. Load the image as ArrayBuffer for reading orientation if its a JPEG image.
-      var xhr = new XMLHttpRequest();
-      var clone = this.clone.bind(this);
-      this.reloading = true;
-      this.xhr = xhr;
-
-      // 1. Cross origin requests are only supported for protocol schemes:
-      // http, https, data, chrome, chrome-extension.
-      // 2. Access to XMLHttpRequest from a Data URL will be blocked by CORS policy
-      // in some browsers as IE11 and Safari.
-      xhr.onabort = clone;
-      xhr.onerror = clone;
-      xhr.ontimeout = clone;
-      xhr.onprogress = function () {
-        // Abort the request directly if it not a JPEG image for better performance
-        if (xhr.getResponseHeader('content-type') !== MIME_TYPE_JPEG) {
-          xhr.abort();
-        }
-      };
-      xhr.onload = function () {
-        _this.read(xhr.response);
-      };
-      xhr.onloadend = function () {
-        _this.reloading = false;
-        _this.xhr = null;
-      };
-
-      // Bust cache when there is a "crossOrigin" property to avoid browser cache error
-      if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
-        url = addTimestamp(url);
-      }
-
-      // The third parameter is required for avoiding side-effect (#682)
-      xhr.open('GET', url, true);
-      xhr.responseType = 'arraybuffer';
-      xhr.withCredentials = element.crossOrigin === 'use-credentials';
-      xhr.send();
-    }
-  }, {
-    key: "read",
-    value: function read(arrayBuffer) {
-      var options = this.options,
-        imageData = this.imageData;
-
-      // Reset the orientation value to its default value 1
-      // as some iOS browsers will render image with its orientation
-      var orientation = resetAndGetOrientation(arrayBuffer);
-      var rotate = 0;
-      var scaleX = 1;
-      var scaleY = 1;
-      if (orientation > 1) {
-        // Generate a new URL which has the default orientation value
-        this.url = arrayBufferToDataURL(arrayBuffer, MIME_TYPE_JPEG);
-        var _parseOrientation = parseOrientation(orientation);
-        rotate = _parseOrientation.rotate;
-        scaleX = _parseOrientation.scaleX;
-        scaleY = _parseOrientation.scaleY;
-      }
-      if (options.rotatable) {
-        imageData.rotate = rotate;
-      }
-      if (options.scalable) {
-        imageData.scaleX = scaleX;
-        imageData.scaleY = scaleY;
-      }
-      this.clone();
-    }
-  }, {
-    key: "clone",
-    value: function clone() {
-      var element = this.element,
-        url = this.url;
-      var crossOrigin = element.crossOrigin;
-      var crossOriginUrl = url;
-      if (this.options.checkCrossOrigin && isCrossOriginURL(url)) {
-        if (!crossOrigin) {
-          crossOrigin = 'anonymous';
-        }
-
-        // Bust cache when there is not a "crossOrigin" property (#519)
-        crossOriginUrl = addTimestamp(url);
-      }
-      this.crossOrigin = crossOrigin;
-      this.crossOriginUrl = crossOriginUrl;
-      var image = document.createElement('img');
-      if (crossOrigin) {
-        image.crossOrigin = crossOrigin;
-      }
-      image.src = crossOriginUrl || url;
-      image.alt = element.alt || 'The image to crop';
-      this.image = image;
-      image.onload = this.start.bind(this);
-      image.onerror = this.stop.bind(this);
-      addClass(image, CLASS_HIDE);
-      element.parentNode.insertBefore(image, element.nextSibling);
-    }
-  }, {
-    key: "start",
-    value: function start() {
-      var _this2 = this;
-      var image = this.image;
-      image.onload = null;
-      image.onerror = null;
-      this.sizing = true;
-
-      // Match all browsers that use WebKit as the layout engine in iOS devices,
-      // such as Safari for iOS, Chrome for iOS, and in-app browsers.
-      var isIOSWebKit = WINDOW.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(WINDOW.navigator.userAgent);
-      var done = function done(naturalWidth, naturalHeight) {
-        assign(_this2.imageData, {
-          naturalWidth: naturalWidth,
-          naturalHeight: naturalHeight,
-          aspectRatio: naturalWidth / naturalHeight
-        });
-        _this2.initialImageData = assign({}, _this2.imageData);
-        _this2.sizing = false;
-        _this2.sized = true;
-        _this2.build();
-      };
-
-      // Most modern browsers (excepts iOS WebKit)
-      if (image.naturalWidth && !isIOSWebKit) {
-        done(image.naturalWidth, image.naturalHeight);
-        return;
-      }
-      var sizingImage = document.createElement('img');
-      var body = document.body || document.documentElement;
-      this.sizingImage = sizingImage;
-      sizingImage.onload = function () {
-        done(sizingImage.width, sizingImage.height);
-        if (!isIOSWebKit) {
-          body.removeChild(sizingImage);
-        }
-      };
-      sizingImage.src = image.src;
-
-      // iOS WebKit will convert the image automatically
-      // with its orientation once append it into DOM (#279)
-      if (!isIOSWebKit) {
-        sizingImage.style.cssText = 'left:0;' + 'max-height:none!important;' + 'max-width:none!important;' + 'min-height:0!important;' + 'min-width:0!important;' + 'opacity:0;' + 'position:absolute;' + 'top:0;' + 'z-index:-1;';
-        body.appendChild(sizingImage);
-      }
-    }
-  }, {
-    key: "stop",
-    value: function stop() {
-      var image = this.image;
-      image.onload = null;
-      image.onerror = null;
-      image.parentNode.removeChild(image);
-      this.image = null;
-    }
-  }, {
-    key: "build",
-    value: function build() {
-      if (!this.sized || this.ready) {
-        return;
-      }
-      var element = this.element,
-        options = this.options,
-        image = this.image;
-
-      // Create cropper elements
-      var container = element.parentNode;
-      var template = document.createElement('div');
-      template.innerHTML = TEMPLATE;
-      var cropper = template.querySelector(".".concat(NAMESPACE, "-container"));
-      var canvas = cropper.querySelector(".".concat(NAMESPACE, "-canvas"));
-      var dragBox = cropper.querySelector(".".concat(NAMESPACE, "-drag-box"));
-      var cropBox = cropper.querySelector(".".concat(NAMESPACE, "-crop-box"));
-      var face = cropBox.querySelector(".".concat(NAMESPACE, "-face"));
-      this.container = container;
-      this.cropper = cropper;
-      this.canvas = canvas;
-      this.dragBox = dragBox;
-      this.cropBox = cropBox;
-      this.viewBox = cropper.querySelector(".".concat(NAMESPACE, "-view-box"));
-      this.face = face;
-      canvas.appendChild(image);
-
-      // Hide the original image
-      addClass(element, CLASS_HIDDEN);
-
-      // Inserts the cropper after to the current image
-      container.insertBefore(cropper, element.nextSibling);
-
-      // Show the hidden image
-      removeClass(image, CLASS_HIDE);
-      this.initPreview();
-      this.bind();
-      options.initialAspectRatio = Math.max(0, options.initialAspectRatio) || NaN;
-      options.aspectRatio = Math.max(0, options.aspectRatio) || NaN;
-      options.viewMode = Math.max(0, Math.min(3, Math.round(options.viewMode))) || 0;
-      addClass(cropBox, CLASS_HIDDEN);
-      if (!options.guides) {
-        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-dashed")), CLASS_HIDDEN);
-      }
-      if (!options.center) {
-        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-center")), CLASS_HIDDEN);
-      }
-      if (options.background) {
-        addClass(cropper, "".concat(NAMESPACE, "-bg"));
-      }
-      if (!options.highlight) {
-        addClass(face, CLASS_INVISIBLE);
-      }
-      if (options.cropBoxMovable) {
-        addClass(face, CLASS_MOVE);
-        setData(face, DATA_ACTION, ACTION_ALL);
-      }
-      if (!options.cropBoxResizable) {
-        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-line")), CLASS_HIDDEN);
-        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-point")), CLASS_HIDDEN);
-      }
-      this.render();
-      this.ready = true;
-      this.setDragMode(options.dragMode);
-      if (options.autoCrop) {
-        this.crop();
-      }
-      this.setData(options.data);
-      if (isFunction(options.ready)) {
-        addListener(element, EVENT_READY, options.ready, {
-          once: true
-        });
-      }
-      dispatchEvent(element, EVENT_READY);
-    }
-  }, {
-    key: "unbuild",
-    value: function unbuild() {
-      if (!this.ready) {
-        return;
-      }
-      this.ready = false;
-      this.unbind();
-      this.resetPreview();
-      var parentNode = this.cropper.parentNode;
-      if (parentNode) {
-        parentNode.removeChild(this.cropper);
-      }
-      removeClass(this.element, CLASS_HIDDEN);
-    }
-  }, {
-    key: "uncreate",
-    value: function uncreate() {
-      if (this.ready) {
-        this.unbuild();
-        this.ready = false;
-        this.cropped = false;
-      } else if (this.sizing) {
-        this.sizingImage.onload = null;
-        this.sizing = false;
-        this.sized = false;
-      } else if (this.reloading) {
-        this.xhr.onabort = null;
-        this.xhr.abort();
-      } else if (this.image) {
-        this.stop();
-      }
-    }
-
-    /**
-     * Get the no conflict cropper class.
-     * @returns {Cropper} The cropper class.
-     */
-  }], [{
-    key: "noConflict",
-    value: function noConflict() {
-      window.Cropper = AnotherCropper;
-      return Cropper;
-    }
-
-    /**
-     * Change the default options.
-     * @param {Object} options - The new default options.
-     */
-  }, {
-    key: "setDefaults",
-    value: function setDefaults(options) {
-      assign(DEFAULTS, isPlainObject(options) && options);
-    }
-  }]);
-}();
-assign(Cropper.prototype, render, preview, events, handlers, change, methods);
-
-var n=function(){return n=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},n.apply(this,arguments)};function a(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]]);}return o}var c$1=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],i={opacity:0,maxWidth:"100%"},l=React__default.forwardRef((function(l,s){var u=a(l,[]),p=u.dragMode,d=void 0===p?"crop":p,v=u.src,f=u.style,m=u.className,g=u.crossOrigin,y=u.scaleX,b=u.scaleY,h=u.enable,O=u.zoomTo,T=u.rotateTo,z=u.alt,C=void 0===z?"picture":z,w=u.ready,x=u.onInitialized,j=a(u,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),M={scaleY:b,scaleX:y,enable:h,zoomTo:O,rotateTo:T},E=function(){for(var o=[],t=0;t<arguments.length;t++)o[t]=arguments[t];var n=useRef(null);return React__default.useEffect((function(){o.forEach((function(e){e&&("function"==typeof e?e(n.current):e.current=n.current);}));}),[o]),n}(s,useRef(null));useEffect((function(){var e;(null===(e=E.current)||void 0===e?void 0:e.cropper)&&"number"==typeof O&&E.current.cropper.zoomTo(O);}),[u.zoomTo]),useEffect((function(){var e;(null===(e=E.current)||void 0===e?void 0:e.cropper)&&void 0!==v&&E.current.cropper.reset().clear().replace(v);}),[v]),useEffect((function(){if(null!==E.current){var e=new Cropper(E.current,n(n({dragMode:d},j),{ready:function(e){null!==e.currentTarget&&function(e,r){void 0===r&&(r={});var o=r.enable,t=void 0===o||o,n=r.scaleX,a=void 0===n?1:n,c=r.scaleY,i=void 0===c?1:c,l=r.zoomTo,s=void 0===l?0:l,u=r.rotateTo;t?e.enable():e.disable(),e.scaleX(a),e.scaleY(i),void 0!==u&&e.rotateTo(u),s>0&&e.zoomTo(s);}(e.currentTarget.cropper,M),w&&w(e);}}));x&&x(e);}return function(){var e,r;null===(r=null===(e=E.current)||void 0===e?void 0:e.cropper)||void 0===r||r.destroy();}}),[E]);var R=function(e){return c$1.reduce((function(e,r){var o=e,t=r;return o[t],a(o,["symbol"==typeof t?t:t+""])}),e)}(n(n({},j),{crossOrigin:g,src:v,alt:C}));return React__default.createElement("div",{style:f,className:m},React__default.createElement("img",n({},R,{style:i,ref:E})))}));
-
-var PUBLISH = 0;
-var SUBSCRIBE = 1;
-var RESET = 2;
-var VALUE = 4;
-
-/**
- * Utils includes
- * - a handful of functional utilities inspired by or taken from the [Ramda library](https://ramdajs.com/);
- * - TypeScript crutches - the [[tup]] function.
- *
- * Use these for your convenience - they are here so that urx is zero-dependency package.
- *
- * @packageDocumentation
- */
-
-/**
- * Performs left to right composition of two functions.
- */
-function compose(a, b) {
-  return function (arg) {
-    return a(b(arg));
-  };
-}
-/**
- * Takes a value and applies a function to it.
- */
-
-function thrush(arg, proc) {
-  return proc(arg);
-}
-/**
- * Takes a 2 argument function and partially applies the first argument.
- */
-
-function curry2to1(proc, arg1) {
-  return function (arg2) {
-    return proc(arg1, arg2);
-  };
-}
-/**
- * Takes a 1 argument function and returns a function which when called, executes it with the provided argument.
- */
-
-function curry1to0(proc, arg) {
-  return function () {
-    return proc(arg);
-  };
-}
-/**
- * Calls callback with the first argument, and returns it.
- */
-
-function tap(arg, proc) {
-  proc(arg);
-  return arg;
-}
-/**
- *  Utility function to help typescript figure out that what we pass is a tuple and not a generic array.
- *  Taken from (this StackOverflow tread)[https://stackoverflow.com/questions/49729550/implicitly-create-a-tuple-in-typescript/52445008#52445008]
- */
-
-function tup() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return args;
-}
-/**
- * Calls the passed function.
- */
-
-function call(proc) {
-  proc();
-}
-/**
- * returns a function which when called always returns the passed value
- */
-
-function always(value) {
-  return function () {
-    return value;
-  };
-}
-/**
- * returns a function which calls all passed functions in the passed order.
- * joinProc does not pass arguments or collect return values.
- */
-
-function joinProc() {
-  for (var _len2 = arguments.length, procs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    procs[_key2] = arguments[_key2];
-  }
-
-  return function () {
-    procs.map(call);
-  };
-}
-function noop() {}
-
-/**
- * urx Actions operate on streams - `publish` publishes data in a stream, and `subscribe` attaches a subscription to a stream.
- * @packageDocumentation
- */
-/**
- * Subscribes the specified [[Subscription]] to the updates from the Emitter.
- * The emitter calls the subscription with the new data each time new data is published into it.
- *
- * ```ts
- * const foo = stream<number>();
- * subscribe(foo, (value) => console.log(value));
- * ```
- *
- * @returns an [[Unsubscribe]] handle  - calling it will unbind the subscription from the emitter.
- *```ts
- * const foo = stream<number>();
- * const unsub = subscribe(foo, (value) => console.log(value));
- * unsub();
- *```
- */
-
-function subscribe(emitter, subscription) {
-  return emitter(SUBSCRIBE, subscription);
-}
-/**
- * Publishes the value into the passed [[Publisher]].
- *
- * ```ts
- * const foo = stream<number>();
- * publish(foo, 42);
- * ```
- */
-
-function publish(publisher, value) {
-  publisher(PUBLISH, value);
-}
-/**
- * Clears all subscriptions from the [[Emitter]].
- * ```ts
- * const foo = stream<number>();
- * subscribe(foo, (value) => console.log(value));
- * reset(foo);
- * publish(foo, 42);
- * ```
- */
-
-function reset(emitter) {
-  emitter(RESET);
-}
-/**
- * Extracts the current value from a stateful stream. Use it only as an escape hatch, as it violates the concept of reactive programming.
- * ```ts
- * const foo = statefulStream(42);
- * console.log(getValue(foo));
- * ```
- */
-
-function getValue(depot) {
-  return depot(VALUE);
-}
-/**
- * Connects two streams - any value emitted from the emitter will be published in the publisher.
- * ```ts
- * const foo = stream<number>();
- * const bar = stream<number>();
- * subscribe(bar, (value) => console.log(`Bar emitted ${value}`));
- *
- * connect(foo, bar);
- * publish(foo);
- * ```
- * @returns an [[Unsubscribe]] handle which will disconnect the two streams.
- */
-
-function connect(emitter, publisher) {
-  return subscribe(emitter, curry2to1(publisher, PUBLISH));
-}
-/**
- * Executes the passed subscription at most once, for the next emit from the emitter.
- * ```ts
- * const foo = stream<number>()
- * handleNext(foo, value => console.log(value)) // called once, with 42
- * publish(foo, 42)
- * publish(foo, 43)
- * ```
- * @returns an [[Unsubscribe]] handle to unbind the subscription if necessary.
- */
-
-function handleNext(emitter, subscription) {
-  var unsub = emitter(SUBSCRIBE, function (value) {
-    unsub();
-    subscription(value);
-  });
-  return unsub;
-}
-
-/**
- * Streams are the basic building blocks of a reactive system. Think of them as the system permanent "data tubes".
- *
- * A stream acts as both an [[Emitter]] and [[Publisher]]. Each stream can have multiple {@link Subscription | Subscriptions}.
- *
- * urx streams are either **stateless** or **stateful**.
- * Stateless streams emit data to existing subscriptions when published, without keeping track of it.
- * Stateful streams remember the last published value and immediately publish it to new subscriptions.
- *
- * ```ts
- * import { stream, statefulStream, publish, subscribe } from "@virtuoso.dev/urx";
- *
- * // foo is a stateless stream
- * const foo = stream<number>();
- *
- * publish(foo, 42);
- * // this subsription will not be called...
- * subscribe(foo, (value) => console.log(value));
- * // it will only catch published values after it
- * publish(foo, 43);
- *
- * // stateful streams always start with an initial value
- * const bar = statefulStream(42);
- *
- * // subscribing to a stateful stream
- * // immediately calls the subscription with the current value
- * subscribe(bar, (value) => console.log(value));
- *
- * // subsequent publishing works just like stateless streams
- * publish(bar, 43);
- * ```
- * @packageDocumentation
- */
-/**
- * Constructs a new stateless stream.
- * ```ts
- * const foo = stream<number>();
- * ```
- * @typeParam T the type of values to publish in the stream.
- * @returns a [[Stream]]
- */
-
-function stream() {
-  var subscriptions = [];
-  return function (action, arg) {
-    switch (action) {
-      case RESET:
-        subscriptions.splice(0, subscriptions.length);
-        return;
-
-      case SUBSCRIBE:
-        subscriptions.push(arg);
-        return function () {
-          var indexOf = subscriptions.indexOf(arg);
-
-          if (indexOf > -1) {
-            subscriptions.splice(indexOf, 1);
-          }
-        };
-
-      case PUBLISH:
-        subscriptions.slice().forEach(function (subscription) {
-          subscription(arg);
-        });
-        return;
-
-      default:
-        throw new Error("unrecognized action " + action);
-    }
-  };
-}
-/**
- * Constructs a new stateful stream.
- * ```ts
- * const foo = statefulStream(42);
- * ```
- * @param initial the initial value in the stream.
- * @typeParam T the type of values to publish in the stream. If omitted, the function infers it from the initial value.
- * @returns a [[StatefulStream]]
- */
-
-function statefulStream(initial) {
-  var value = initial;
-  var innerSubject = stream();
-  return function (action, arg) {
-    switch (action) {
-      case SUBSCRIBE:
-        var subscription = arg;
-        subscription(value);
-        break;
-
-      case PUBLISH:
-        value = arg;
-        break;
-
-      case VALUE:
-        return value;
-    }
-
-    return innerSubject(action, arg);
-  };
-}
-/**
- * Event handlers are special emitters which can have **at most one active subscription**.
- * Subscribing to an event handler unsubscribes the previous subscription, if present.
- * ```ts
- * const foo = stream<number>();
- * const fooEvent = eventHandler(foo);
- *
- * // will be called once with 42
- * subscribe(fooEvent, (value) => console.log(`Sub 1 ${value}`));
- * publish(foo, 42);
- *
- * // unsubscribes sub 1
- * subscribe(fooEvent, (value) => console.log(`Sub 2 ${value}`));
- * publish(foo, 43);
- * ```
- * @param emitter the source emitter.
- * @returns the single-subscription emitter.
- */
-
-function eventHandler(emitter) {
-  var unsub;
-  var currentSubscription;
-
-  var cleanup = function cleanup() {
-    return unsub && unsub();
-  };
-
-  return function (action, subscription) {
-    switch (action) {
-      case SUBSCRIBE:
-        if (subscription) {
-          if (currentSubscription === subscription) {
-            return;
-          }
-
-          cleanup();
-          currentSubscription = subscription;
-          unsub = subscribe(emitter, subscription);
-          return unsub;
-        } else {
-          cleanup();
-          return noop;
-        }
-
-      case RESET:
-        cleanup();
-        currentSubscription = null;
-        return;
-
-      default:
-        throw new Error("unrecognized action " + action);
-    }
-  };
-}
-/**
- * Creates and connects a "junction" stream to the specified emitter. Often used with [[pipe]], to avoid the multiple evaluation of operator sets.
- *
- * ```ts
- * const foo = stream<number>();
- *
- * const fooX2 = pipe(
- *   foo,
- *   map((value) => {
- *     console.log(`multiplying ${value}`);
- *     return value * 2;
- *   })
- * );
- *
- * subscribe(fooX2, (value) => console.log(value));
- * subscribe(fooX2, (value) => console.log(value));
- *
- * publish(foo, 42); // executes the map operator twice for each subscription.
- *
- * const sharedFooX2 = streamFromEmitter(pipe(
- *   foo,
- *   map((value) => {
- *     console.log(`shared multiplying ${value}`);
- *     return value * 2;
- *   })
- * ));
- *
- * subscribe(sharedFooX2, (value) => console.log(value));
- * subscribe(sharedFooX2, (value) => console.log(value));
- *
- * publish(foo, 42);
- *```
- * @returns the resulting stream.
- */
-
-function streamFromEmitter(emitter) {
-  return tap(stream(), function (stream) {
-    return connect(emitter, stream);
-  });
-}
-/**
- * Creates and connects a "junction" stateful stream to the specified emitter. Often used with [[pipe]], to avoid the multiple evaluation of operator sets.
- *
- * ```ts
- * const foo = stream<number>();
- *
- * const fooX2 = pipe(
- *   foo,
- *   map((value) => {
- *     console.log(`multiplying ${value}`);
- *     return value * 2;
- *   })
- * );
- *
- * subscribe(fooX2, (value) => console.log(value));
- * subscribe(fooX2, (value) => console.log(value));
- *
- * publish(foo, 42); // executes the map operator twice for each subscription.
- *
- * const sharedFooX2 = statefulStreamFromEmitter(pipe(
- *   foo,
- *   map((value) => {
- *     console.log(`shared multiplying ${value}`);
- *     return value * 2;
- *   })
- * ), 42);
- *
- * subscribe(sharedFooX2, (value) => console.log(value));
- * subscribe(sharedFooX2, (value) => console.log(value));
- *
- * publish(foo, 42);
- *```
- * @param initial the initial value in the stream.
- * @returns the resulting stateful stream.
- */
-
-function statefulStreamFromEmitter(emitter, initial) {
-  return tap(statefulStream(initial), function (stream) {
-    return connect(emitter, stream);
-  });
-}
-
-/**
- *
- * Stream values can be transformed and controlled by {@link pipe | **piping**} through **operators**.
- * urx includes several operators like [[map]], [[filter]], [[scan]], and [[throttleTime]].
- * The [[withLatestFrom]] operator allows the combination of values from other streams.
- *
- * ```ts
- * const foo = stream<number>()
- *
- * // create an emitter that first adds 2 to the passed value, then multiplies it by * 2
- * const bar = pipe(foo, map(value => value + 2), map(value => value * 2))
- * subscribe(bar, value => console.log(value))
- * publish(foo, 2) // outputs 8
- * ```
- *
- * ### Implementing Custom Operators
- * To implement your own operators, implement the [[Operator]] interface.
- * @packageDocumentation
- */
-/** @internal */
-
-function combineOperators() {
-  for (var _len = arguments.length, operators = new Array(_len), _key = 0; _key < _len; _key++) {
-    operators[_key] = arguments[_key];
-  }
-
-  return function (subscriber) {
-    return operators.reduceRight(thrush, subscriber);
-  };
-}
-
-function pipe(source) {
-  for (var _len2 = arguments.length, operators = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    operators[_key2 - 1] = arguments[_key2];
-  }
-
-  // prettier-ignore
-  var project = combineOperators.apply(void 0, operators);
-  return function (action, subscription) {
-    switch (action) {
-      case SUBSCRIBE:
-        return subscribe(source, project(subscription));
-
-      case RESET:
-        reset(source);
-        return;
-
-      default:
-        throw new Error("unrecognized action " + action);
-    }
-  };
-}
-/**
- * The default [[Comparator]] for [[distinctUntilChanged]] and [[duc]].
- */
-
-function defaultComparator(previous, next) {
-  return previous === next;
-}
-/**
- * Filters out identical values. Pass an optional [[Comparator]] if you need to filter non-primitive values.
- * ```ts
- * const foo = stream<number>()
- *
- * subscribe(
- *  pipe(foo, distinctUntilChanged()),
- *  console.log
- * ) // will be called only once
- *
- * publish(foo, 42)
- * publish(foo, 42)
- * ```
- */
-
-function distinctUntilChanged(comparator) {
-  if (comparator === void 0) {
-    comparator = defaultComparator;
-  }
-
-  var current;
-  return function (done) {
-    return function (next) {
-      if (!comparator(current, next)) {
-        current = next;
-        done(next);
-      }
-    };
-  };
-}
-/**
- * Filters out values for which the predicator does not return `true`-ish.
- * ```ts
- * const foo = stream<number>()
- *
- * subscribe(
- *  pipe(foo, filter(value => value % 2 === 0)),
- *  console.log
- * ) // will be called only with even values
- *
- * publish(foo, 2)
- * publish(foo, 3)
- * publish(foo, 4)
- * publish(foo, 5)
- * ```
- */
-
-function filter(predicate) {
-  return function (done) {
-    return function (value) {
-      predicate(value) && done(value);
-    };
-  };
-}
-/**
- * Maps values using the provided project function.
- * ```ts
- * const foo = stream<number>()
- *
- * subscribe(
- *  pipe(foo, map(value => value * 2)),
- *  console.log
- * ) // 4, 6
- *
- * publish(foo, 2)
- * publish(foo, 3)
- * ```
- */
-
-function map(project) {
-  return function (done) {
-    return compose(done, project);
-  };
-}
-/**
- * Maps values to the hard-coded value.
- * ```ts
- * const foo = stream<number>()
- *
- * subscribe(
- *  pipe(foo, mapTo(3)),
- *  console.log
- * ) // 3, 3
- *
- * publish(foo, 1)
- * publish(foo, 2)
- * ```
- */
-
-function mapTo(value) {
-  return function (done) {
-    return function () {
-      return done(value);
-    };
-  };
-}
-/**
- * Works like Array#reduce.
- * Applies an accumulator function on the emitter, and outputs intermediate result. Starts with the initial value.
- * ```ts
- * const foo = stream<number>()
- *
- * subscribe(
- *  pipe(foo, scan((acc, value) => acc + value, 2),
- *  console.log
- * ) // 3, 5
- *
- * publish(foo, 1)
- * publish(foo, 2)
- * ```
- */
-
-function scan(scanner, initial) {
-  return function (done) {
-    return function (value) {
-      return done(initial = scanner(initial, value));
-    };
-  };
-}
-/**
- * Skips the specified amount of values from the emitter.
- * ```ts
- * const foo = stream<number>()
- *
- * subscribe(
- *  pipe(foo, skip(2)),
- *  console.log
- * ) // 3, 4
- *
- * publish(foo, 1) // skipped
- * publish(foo, 2) // skipped
- * publish(foo, 3)
- * publish(foo, 4)
- * ```
- */
-
-function skip(times) {
-  return function (done) {
-    return function (value) {
-      times > 0 ? times-- : done(value);
-    };
-  };
-}
-/**
- * Throttles flowing values at the provided interval in milliseconds.
- * [Throttle VS Debounce in SO](https://stackoverflow.com/questions/25991367/difference-between-throttling-and-debouncing-a-function).
- *
- * ```ts
- *  const foo = stream<number>()
- *  publish(foo, 1)
- *
- *  setTimeout(() => publish(foo, 2), 20)
- *  setTimeout(() => publish(foo, 3), 20)
- *
- *  subscribe(pipe(foo, throttleTime(50)), val => {
- *    console.log(value); // 3
- *  })
- * ```
- */
-
-function throttleTime(interval) {
-  var currentValue;
-  var timeout;
-  return function (done) {
-    return function (value) {
-      currentValue = value;
-
-      if (timeout) {
-        return;
-      }
-
-      timeout = setTimeout(function () {
-        timeout = undefined;
-        done(currentValue);
-      }, interval);
-    };
-  };
-}
-/**
- * Debounces flowing values at the provided interval in milliseconds.
- * [Throttle VS Debounce in SO](https://stackoverflow.com/questions/25991367/difference-between-throttling-and-debouncing-a-function).
- *
- * ```ts
- *  const foo = stream<number>()
- *  publish(foo, 1)
- *
- *  setTimeout(() => publish(foo, 2), 20)
- *  setTimeout(() => publish(foo, 3), 20)
- *
- *  subscribe(pipe(foo, debounceTime(50)), val => {
- *    console.log(value); // 3
- *  })
- * ```
- */
-
-function debounceTime(interval) {
-  var currentValue;
-  var timeout;
-  return function (done) {
-    return function (value) {
-      currentValue = value;
-
-      if (timeout) {
-        clearTimeout(timeout);
+   */
+  setCanvasData: function setCanvasData(data) {
+    var canvasData = this.canvasData;
+    var aspectRatio = canvasData.aspectRatio;
+    if (this.ready && !this.disabled && isPlainObject(data)) {
+      if (isNumber(data.left)) {
+        canvasData.left = data.left;
       }
-
-      timeout = setTimeout(function () {
-        done(currentValue);
-      }, interval);
-    };
-  };
-}
-function withLatestFrom() {
-  for (var _len3 = arguments.length, sources = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    sources[_key3] = arguments[_key3];
-  }
-
-  var values = new Array(sources.length);
-  var called = 0;
-  var pendingCall = null;
-  var allCalled = Math.pow(2, sources.length) - 1;
-  sources.forEach(function (source, index) {
-    var bit = Math.pow(2, index);
-    subscribe(source, function (value) {
-      var prevCalled = called;
-      called = called | bit;
-      values[index] = value;
-
-      if (prevCalled !== allCalled && called === allCalled && pendingCall) {
-        pendingCall();
-        pendingCall = null;
+      if (isNumber(data.top)) {
+        canvasData.top = data.top;
       }
-    });
-  });
-  return function (done) {
-    return function (value) {
-      var call = function call() {
-        return done([value].concat(values));
+      if (isNumber(data.width)) {
+        canvasData.width = data.width;
+        canvasData.height = data.width / aspectRatio;
+      } else if (isNumber(data.height)) {
+        canvasData.height = data.height;
+        canvasData.width = data.height * aspectRatio;
+      }
+      this.renderCanvas(true);
+    }
+    return this;
+  },
+  /**
+   * Get the crop box position and size data.
+   * @returns {Object} The result crop box data.
+   */
+  getCropBoxData: function getCropBoxData() {
+    var cropBoxData = this.cropBoxData;
+    var data;
+    if (this.ready && this.cropped) {
+      data = {
+        left: cropBoxData.left,
+        top: cropBoxData.top,
+        width: cropBoxData.width,
+        height: cropBoxData.height
       };
-
-      if (called === allCalled) {
-        call();
-      } else {
-        pendingCall = call;
+    }
+    return data || {};
+  },
+  /**
+   * Set the crop box position and size with new data.
+   * @param {Object} data - The new crop box data.
+   * @returns {Cropper} this
+   */
+  setCropBoxData: function setCropBoxData(data) {
+    var cropBoxData = this.cropBoxData;
+    var aspectRatio = this.options.aspectRatio;
+    var widthChanged;
+    var heightChanged;
+    if (this.ready && this.cropped && !this.disabled && isPlainObject(data)) {
+      if (isNumber(data.left)) {
+        cropBoxData.left = data.left;
       }
-    };
-  };
-}
-
-/**
- * Transformers change and combine streams, similar to operators.
- * urx comes with two combinators - [[combineLatest]] and [[merge]], and one convenience filter - [[duc]].
- *
- * @packageDocumentation
- */
-/**
- * Merges one or more emitters from the same type into a new Emitter which emits values from any of the source emitters.
- * ```ts
- * const foo = stream<number>()
- * const bar = stream<number>()
- *
- * subscribe(merge(foo, bar), (value) => console.log(value)) // 42, 43
- *
- * publish(foo, 42)
- * publish(bar, 43)
- * ```
- */
-
-function merge() {
-  for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) {
-    sources[_key] = arguments[_key];
-  }
-
-  return function (action, subscription) {
-    switch (action) {
-      case SUBSCRIBE:
-        return joinProc.apply(void 0, sources.map(function (source) {
-          return subscribe(source, subscription);
-        }));
-
-      case RESET:
-        // do nothing, we are stateless
-        return;
+      if (isNumber(data.top)) {
+        cropBoxData.top = data.top;
+      }
+      if (isNumber(data.width) && data.width !== cropBoxData.width) {
+        widthChanged = true;
+        cropBoxData.width = data.width;
+      }
+      if (isNumber(data.height) && data.height !== cropBoxData.height) {
+        heightChanged = true;
+        cropBoxData.height = data.height;
+      }
+      if (aspectRatio) {
+        if (widthChanged) {
+          cropBoxData.height = cropBoxData.width / aspectRatio;
+        } else if (heightChanged) {
+          cropBoxData.width = cropBoxData.height * aspectRatio;
+        }
+      }
+      this.renderCropBox();
+    }
+    return this;
+  },
+  /**
+   * Get a canvas drawn the cropped image.
+   * @param {Object} [options={}] - The config options.
+   * @returns {HTMLCanvasElement} - The result canvas.
+   */
+  getCroppedCanvas: function getCroppedCanvas() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (!this.ready || !window.HTMLCanvasElement) {
+      return null;
+    }
+    var canvasData = this.canvasData;
+    var source = getSourceCanvas(this.image, this.imageData, canvasData, options);
 
-      default:
-        throw new Error("unrecognized action " + action);
+    // Returns the source canvas if it is not cropped.
+    if (!this.cropped) {
+      return source;
+    }
+    var _this$getData = this.getData(options.rounded),
+      initialX = _this$getData.x,
+      initialY = _this$getData.y,
+      initialWidth = _this$getData.width,
+      initialHeight = _this$getData.height;
+    var ratio = source.width / Math.floor(canvasData.naturalWidth);
+    if (ratio !== 1) {
+      initialX *= ratio;
+      initialY *= ratio;
+      initialWidth *= ratio;
+      initialHeight *= ratio;
+    }
+    var aspectRatio = initialWidth / initialHeight;
+    var maxSizes = getAdjustedSizes({
+      aspectRatio: aspectRatio,
+      width: options.maxWidth || Infinity,
+      height: options.maxHeight || Infinity
+    });
+    var minSizes = getAdjustedSizes({
+      aspectRatio: aspectRatio,
+      width: options.minWidth || 0,
+      height: options.minHeight || 0
+    }, 'cover');
+    var _getAdjustedSizes = getAdjustedSizes({
+        aspectRatio: aspectRatio,
+        width: options.width || (ratio !== 1 ? source.width : initialWidth),
+        height: options.height || (ratio !== 1 ? source.height : initialHeight)
+      }),
+      width = _getAdjustedSizes.width,
+      height = _getAdjustedSizes.height;
+    width = Math.min(maxSizes.width, Math.max(minSizes.width, width));
+    height = Math.min(maxSizes.height, Math.max(minSizes.height, height));
+    var canvas = document.createElement('canvas');
+    var context = canvas.getContext('2d');
+    canvas.width = normalizeDecimalNumber(width);
+    canvas.height = normalizeDecimalNumber(height);
+    context.fillStyle = options.fillColor || 'transparent';
+    context.fillRect(0, 0, width, height);
+    var _options$imageSmoothi = options.imageSmoothingEnabled,
+      imageSmoothingEnabled = _options$imageSmoothi === void 0 ? true : _options$imageSmoothi,
+      imageSmoothingQuality = options.imageSmoothingQuality;
+    context.imageSmoothingEnabled = imageSmoothingEnabled;
+    if (imageSmoothingQuality) {
+      context.imageSmoothingQuality = imageSmoothingQuality;
     }
-  };
-}
-/**
- * A convenience wrapper that emits only the distinct values from the passed Emitter. Wraps [[pipe]] and [[distinctUntilChanged]].
- *
- * ```ts
- * const foo = stream<number>()
- *
- * // this line...
- * const a = duc(foo)
- *
- * // is equivalent to this
- * const b = pipe(distinctUntilChanged(foo))
- * ```
- *
- * @param source The source emitter.
- * @param comparator optional custom comparison function for the two values.
- *
- * @typeParam T the type of the value emitted by the source.
- *
- * @returns the resulting emitter.
- */
 
-function duc(source, comparator) {
-  if (comparator === void 0) {
-    comparator = defaultComparator;
-  }
+    // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D.drawImage
+    var sourceWidth = source.width;
+    var sourceHeight = source.height;
 
-  return pipe(source, distinctUntilChanged(comparator));
-}
-function combineLatest() {
-  var innerSubject = stream();
+    // Source canvas parameters
+    var srcX = initialX;
+    var srcY = initialY;
+    var srcWidth;
+    var srcHeight;
 
-  for (var _len2 = arguments.length, emitters = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    emitters[_key2] = arguments[_key2];
-  }
+    // Destination canvas parameters
+    var dstX;
+    var dstY;
+    var dstWidth;
+    var dstHeight;
+    if (srcX <= -initialWidth || srcX > sourceWidth) {
+      srcX = 0;
+      srcWidth = 0;
+      dstX = 0;
+      dstWidth = 0;
+    } else if (srcX <= 0) {
+      dstX = -srcX;
+      srcX = 0;
+      srcWidth = Math.min(sourceWidth, initialWidth + srcX);
+      dstWidth = srcWidth;
+    } else if (srcX <= sourceWidth) {
+      dstX = 0;
+      srcWidth = Math.min(initialWidth, sourceWidth - srcX);
+      dstWidth = srcWidth;
+    }
+    if (srcWidth <= 0 || srcY <= -initialHeight || srcY > sourceHeight) {
+      srcY = 0;
+      srcHeight = 0;
+      dstY = 0;
+      dstHeight = 0;
+    } else if (srcY <= 0) {
+      dstY = -srcY;
+      srcY = 0;
+      srcHeight = Math.min(sourceHeight, initialHeight + srcY);
+      dstHeight = srcHeight;
+    } else if (srcY <= sourceHeight) {
+      dstY = 0;
+      srcHeight = Math.min(initialHeight, sourceHeight - srcY);
+      dstHeight = srcHeight;
+    }
+    var params = [srcX, srcY, srcWidth, srcHeight];
 
-  var values = new Array(emitters.length);
-  var called = 0;
-  var allCalled = Math.pow(2, emitters.length) - 1;
-  emitters.forEach(function (source, index) {
-    var bit = Math.pow(2, index);
-    subscribe(source, function (value) {
-      values[index] = value;
-      called = called | bit;
+    // Avoid "IndexSizeError"
+    if (dstWidth > 0 && dstHeight > 0) {
+      var scale = width / initialWidth;
+      params.push(dstX * scale, dstY * scale, dstWidth * scale, dstHeight * scale);
+    }
 
-      if (called === allCalled) {
-        publish(innerSubject, values);
-      }
-    });
-  });
-  return function (action, subscription) {
-    switch (action) {
-      case SUBSCRIBE:
-        if (called === allCalled) {
-          subscription(values);
+    // All the numerical parameters should be integer for `drawImage`
+    // https://github.com/fengyuanchen/cropper/issues/476
+    context.drawImage.apply(context, [source].concat(_toConsumableArray(params.map(function (param) {
+      return Math.floor(normalizeDecimalNumber(param));
+    }))));
+    return canvas;
+  },
+  /**
+   * Change the aspect ratio of the crop box.
+   * @param {number} aspectRatio - The new aspect ratio.
+   * @returns {Cropper} this
+   */
+  setAspectRatio: function setAspectRatio(aspectRatio) {
+    var options = this.options;
+    if (!this.disabled && !isUndefined(aspectRatio)) {
+      // 0 -> NaN
+      options.aspectRatio = Math.max(0, aspectRatio) || NaN;
+      if (this.ready) {
+        this.initCropBox();
+        if (this.cropped) {
+          this.renderCropBox();
         }
-
-        return subscribe(innerSubject, subscription);
-
-      case RESET:
-        return reset(innerSubject);
-
-      default:
-        throw new Error("unrecognized action " + action);
+      }
     }
-  };
-}
-
-/**
- * `system` defines a specification of a system - its constructor, dependencies and if it should act as a singleton in a system dependency tree.
- * When called, system returns a [[SystemSpec]], which is then initialized along with its dependencies by passing it to [[init]].
- *
- * ```ts
- * @import { subscribe, publish, system, init, tup, connect, map, pipe } from 'urx'
- *
- * // a simple system with two streams
- * const sys1 = system(() => {
- *  const a = stream<number>()
- *  const b = stream<number>()
- *
- *  connect(pipe(a, map(value => value * 2)), b)
- *  return { a, b }
- * })
- *
- * // a second system which depends on the streams from the first one
- * const sys2 = system(([ {a, b} ]) => {
- *  const c = stream<number>()
- *  connect(pipe(b, map(value => value * 2)), c)
- *  // re-export the `a` stream, keep `b` internal
- *  return { a, c }
- * }, tup(sys1))
- *
- * // init will recursively initialize sys2 dependencies, in this case sys1
- * const { a, c } = init(sys2)
- * subscribe(c, c => console.log(`Value multiplied by 4`, c))
- * publish(a, 2)
- * ```
- *
- * #### Singletons in Dependency Tree
- *
- * By default, systems will be initialized only once if encountered multiple times in the dependency tree.
- * In the below dependency system tree, systems `b` and `c` will receive the same stream instances from system `a` when system `d` is initialized.
- * ```txt
- *   a
- *  / \
- * b   c
- *  \ /
- *   d
- * ```
- * If `a` gets `{singleton: false}` as a last argument, `init` creates two separate instances - one for `b` and one for `c`.
- *
- * @param constructor the system constructor function. Initialize and connect the streams in its body.
- *
- * @param dependencies the system dependencies, which the constructor will receive as arguments.
- * Use the [[tup]] utility **For TypeScript type inference to work correctly**.
- * ```ts
- * const sys3 = system(() => { ... }, tup(sys2, sys1))
- * ```
- * @param __namedParameters Options
- * @param singleton determines if the system will act as a singleton in a system dependency tree. `true` by default.
- */
-function system(constructor, dependencies, _temp) {
-  if (dependencies === void 0) {
-    dependencies = [];
+    return this;
+  },
+  /**
+   * Change the drag mode.
+   * @param {string} mode - The new drag mode.
+   * @returns {Cropper} this
+   */
+  setDragMode: function setDragMode(mode) {
+    var options = this.options,
+      dragBox = this.dragBox,
+      face = this.face;
+    if (this.ready && !this.disabled) {
+      var croppable = mode === DRAG_MODE_CROP;
+      var movable = options.movable && mode === DRAG_MODE_MOVE;
+      mode = croppable || movable ? mode : DRAG_MODE_NONE;
+      options.dragMode = mode;
+      setData(dragBox, DATA_ACTION, mode);
+      toggleClass(dragBox, CLASS_CROP, croppable);
+      toggleClass(dragBox, CLASS_MOVE, movable);
+      if (!options.cropBoxMovable) {
+        // Sync drag mode to crop box when it is not movable
+        setData(face, DATA_ACTION, mode);
+        toggleClass(face, CLASS_CROP, croppable);
+        toggleClass(face, CLASS_MOVE, movable);
+      }
+    }
+    return this;
   }
-
-  var _ref = _temp === void 0 ? {
-    singleton: true
-  } : _temp,
-      singleton = _ref.singleton;
-
-  return {
-    id: id(),
-    constructor: constructor,
-    dependencies: dependencies,
-    singleton: singleton
-  };
-}
-/** @internal */
-
-var id = function id() {
-  return Symbol();
 };
-/**
- * Initializes a [[SystemSpec]] by recursively initializing its dependencies.
- *
- * ```ts
- * // a simple system with two streams
- * const sys1 = system(() => {
- *  const a = stream<number>()
- *  const b = stream<number>()
- *
- *  connect(pipe(a, map(value => value * 2)), b)
- *  return { a, b }
- * })
- *
- * const { a, b } = init(sys1)
- * subscribe(b, b => console.log(b))
- * publish(a, 2)
- * ```
- *
- * @returns the [[System]] constructed by the spec constructor.
- * @param systemSpec the system spec to initialize.
- */
-
-
-function init(systemSpec) {
-  var singletons = new Map();
-
-  var _init = function _init(_ref2) {
-    var id = _ref2.id,
-        constructor = _ref2.constructor,
-        dependencies = _ref2.dependencies,
-        singleton = _ref2.singleton;
-
-    if (singleton && singletons.has(id)) {
-      return singletons.get(id);
-    }
-
-    var system = constructor(dependencies.map(function (e) {
-      return _init(e);
-    }));
 
-    if (singleton) {
-      singletons.set(id, system);
+var AnotherCropper = WINDOW.Cropper;
+var Cropper = /*#__PURE__*/function () {
+  /**
+   * Create a new Cropper.
+   * @param {Element} element - The target element for cropping.
+   * @param {Object} [options={}] - The configuration options.
+   */
+  function Cropper(element) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, Cropper);
+    if (!element || !REGEXP_TAG_NAME.test(element.tagName)) {
+      throw new Error('The first argument is required and must be an <img> or <canvas> element.');
     }
-
-    return system;
-  };
-
-  return _init(systemSpec);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+    this.element = element;
+    this.options = assign({}, DEFAULTS, isPlainObject(options) && options);
+    this.cropped = false;
+    this.disabled = false;
+    this.pointers = {};
+    this.ready = false;
+    this.reloading = false;
+    this.replaced = false;
+    this.sized = false;
+    this.sizing = false;
+    this.init();
   }
+  return _createClass(Cropper, [{
+    key: "init",
+    value: function init() {
+      var element = this.element;
+      var tagName = element.tagName.toLowerCase();
+      var url;
+      if (element[NAMESPACE]) {
+        return;
+      }
+      element[NAMESPACE] = this;
+      if (tagName === 'img') {
+        this.isImg = true;
 
-  return target;
-}
+        // e.g.: "img/picture.jpg"
+        url = element.getAttribute('src') || '';
+        this.originalUrl = url;
 
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _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(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
+        // Stop when it's a blank image
+        if (!url) {
+          return;
+        }
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
+        // e.g.: "https://example.com/img/picture.jpg"
+        url = element.src;
+      } else if (tagName === 'canvas' && window.HTMLCanvasElement) {
+        url = element.toDataURL();
+      }
+      this.load(url);
+    }
+  }, {
+    key: "load",
+    value: function load(url) {
+      var _this = this;
+      if (!url) {
+        return;
+      }
+      this.url = url;
+      this.imageData = {};
+      var element = this.element,
+        options = this.options;
+      if (!options.rotatable && !options.scalable) {
+        options.checkOrientation = false;
+      }
 
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+      // Only IE10+ supports Typed Arrays
+      if (!options.checkOrientation || !window.ArrayBuffer) {
+        this.clone();
+        return;
+      }
 
-  return arr2;
-}
+      // Detect the mime type of the image directly if it is a Data URL
+      if (REGEXP_DATA_URL.test(url)) {
+        // Read ArrayBuffer from Data URL of JPEG images directly for better performance
+        if (REGEXP_DATA_URL_JPEG.test(url)) {
+          this.read(dataURLToArrayBuffer(url));
+        } else {
+          // Only a JPEG image may contains Exif Orientation information,
+          // the rest types of Data URLs are not necessary to check orientation at all.
+          this.clone();
+        }
+        return;
+      }
 
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
+      // 1. Detect the mime type of the image by a XMLHttpRequest.
+      // 2. Load the image as ArrayBuffer for reading orientation if its a JPEG image.
+      var xhr = new XMLHttpRequest();
+      var clone = this.clone.bind(this);
+      this.reloading = true;
+      this.xhr = xhr;
 
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
+      // 1. Cross origin requests are only supported for protocol schemes:
+      // http, https, data, chrome, chrome-extension.
+      // 2. Access to XMLHttpRequest from a Data URL will be blocked by CORS policy
+      // in some browsers as IE11 and Safari.
+      xhr.onabort = clone;
+      xhr.onerror = clone;
+      xhr.ontimeout = clone;
+      xhr.onprogress = function () {
+        // Abort the request directly if it not a JPEG image for better performance
+        if (xhr.getResponseHeader('content-type') !== MIME_TYPE_JPEG) {
+          xhr.abort();
+        }
       };
-      return {
-        done: false,
-        value: o[i++]
+      xhr.onload = function () {
+        _this.read(xhr.response);
+      };
+      xhr.onloadend = function () {
+        _this.reloading = false;
+        _this.xhr = null;
       };
-    };
-  }
-
-  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 _excluded = ["children"];
-/** @internal */
-
-function omit(keys, obj) {
-  var result = {};
-  var index = {};
-  var idx = 0;
-  var len = keys.length;
-
-  while (idx < len) {
-    index[keys[idx]] = 1;
-    idx += 1;
-  }
-
-  for (var prop in obj) {
-    if (!index.hasOwnProperty(prop)) {
-      result[prop] = obj[prop];
-    }
-  }
-
-  return result;
-}
-
-var useIsomorphicLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect$2 : useEffect;
-/**
- * Converts a system spec to React component by mapping the system streams to component properties, events and methods. Returns hooks for querying and modifying
- * the system streams from the component's child components.
- * @param systemSpec The return value from a [[system]] call.
- * @param map The streams to props / events / methods mapping Check [[SystemPropsMap]] for more details.
- * @param Root The optional React component to render. By default, the resulting component renders nothing, acting as a logical wrapper for its children.
- * @returns an object containing the following:
- *  - `Component`: the React component.
- *  - `useEmitterValue`: a hook that lets child components use values emitted from the specified output stream.
- *  - `useEmitter`: a hook that calls the provided callback whenever the specified stream emits a value.
- *  - `usePublisher`: a hook which lets child components publish values to the specified stream.
- *  <hr />
- */
-
-function systemToComponent(systemSpec, map, Root) {
-  var requiredPropNames = Object.keys(map.required || {});
-  var optionalPropNames = Object.keys(map.optional || {});
-  var methodNames = Object.keys(map.methods || {});
-  var eventNames = Object.keys(map.events || {});
-  var Context = createContext$1({});
 
-  function applyPropsToSystem(system, props) {
-    if (system['propsReady']) {
-      publish(system['propsReady'], false);
-    }
+      // Bust cache when there is a "crossOrigin" property to avoid browser cache error
+      if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
+        url = addTimestamp(url);
+      }
 
-    for (var _iterator = _createForOfIteratorHelperLoose(requiredPropNames), _step; !(_step = _iterator()).done;) {
-      var requiredPropName = _step.value;
-      var stream = system[map.required[requiredPropName]];
-      publish(stream, props[requiredPropName]);
+      // The third parameter is required for avoiding side-effect (#682)
+      xhr.open('GET', url, true);
+      xhr.responseType = 'arraybuffer';
+      xhr.withCredentials = element.crossOrigin === 'use-credentials';
+      xhr.send();
     }
+  }, {
+    key: "read",
+    value: function read(arrayBuffer) {
+      var options = this.options,
+        imageData = this.imageData;
 
-    for (var _iterator2 = _createForOfIteratorHelperLoose(optionalPropNames), _step2; !(_step2 = _iterator2()).done;) {
-      var optionalPropName = _step2.value;
-
-      if (optionalPropName in props) {
-        var _stream = system[map.optional[optionalPropName]];
-        publish(_stream, props[optionalPropName]);
+      // Reset the orientation value to its default value 1
+      // as some iOS browsers will render image with its orientation
+      var orientation = resetAndGetOrientation(arrayBuffer);
+      var rotate = 0;
+      var scaleX = 1;
+      var scaleY = 1;
+      if (orientation > 1) {
+        // Generate a new URL which has the default orientation value
+        this.url = arrayBufferToDataURL(arrayBuffer, MIME_TYPE_JPEG);
+        var _parseOrientation = parseOrientation(orientation);
+        rotate = _parseOrientation.rotate;
+        scaleX = _parseOrientation.scaleX;
+        scaleY = _parseOrientation.scaleY;
       }
+      if (options.rotatable) {
+        imageData.rotate = rotate;
+      }
+      if (options.scalable) {
+        imageData.scaleX = scaleX;
+        imageData.scaleY = scaleY;
+      }
+      this.clone();
     }
+  }, {
+    key: "clone",
+    value: function clone() {
+      var element = this.element,
+        url = this.url;
+      var crossOrigin = element.crossOrigin;
+      var crossOriginUrl = url;
+      if (this.options.checkCrossOrigin && isCrossOriginURL(url)) {
+        if (!crossOrigin) {
+          crossOrigin = 'anonymous';
+        }
 
-    if (system['propsReady']) {
-      publish(system['propsReady'], true);
+        // Bust cache when there is not a "crossOrigin" property (#519)
+        crossOriginUrl = addTimestamp(url);
+      }
+      this.crossOrigin = crossOrigin;
+      this.crossOriginUrl = crossOriginUrl;
+      var image = document.createElement('img');
+      if (crossOrigin) {
+        image.crossOrigin = crossOrigin;
+      }
+      image.src = crossOriginUrl || url;
+      image.alt = element.alt || 'The image to crop';
+      this.image = image;
+      image.onload = this.start.bind(this);
+      image.onerror = this.stop.bind(this);
+      addClass(image, CLASS_HIDE);
+      element.parentNode.insertBefore(image, element.nextSibling);
     }
-  }
-
-  function buildMethods(system) {
-    return methodNames.reduce(function (acc, methodName) {
+  }, {
+    key: "start",
+    value: function start() {
+      var _this2 = this;
+      var image = this.image;
+      image.onload = null;
+      image.onerror = null;
+      this.sizing = true;
 
-      acc[methodName] = function (value) {
-        var stream = system[map.methods[methodName]];
-        publish(stream, value);
+      // Match all browsers that use WebKit as the layout engine in iOS devices,
+      // such as Safari for iOS, Chrome for iOS, and in-app browsers.
+      var isIOSWebKit = WINDOW.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(WINDOW.navigator.userAgent);
+      var done = function done(naturalWidth, naturalHeight) {
+        assign(_this2.imageData, {
+          naturalWidth: naturalWidth,
+          naturalHeight: naturalHeight,
+          aspectRatio: naturalWidth / naturalHeight
+        });
+        _this2.initialImageData = assign({}, _this2.imageData);
+        _this2.sizing = false;
+        _this2.sized = true;
+        _this2.build();
       };
 
-      return acc;
-    }, {});
-  }
-
-  function buildEventHandlers(system) {
-    return eventNames.reduce(function (handlers, eventName) {
-      handlers[eventName] = eventHandler(system[map.events[eventName]]);
-      return handlers;
-    }, {});
-  }
-  /**
-   * A React component generated from an urx system
-   */
-
-
-  var Component = forwardRef(function (propsWithChildren, ref) {
-    var children = propsWithChildren.children,
-        props = _objectWithoutPropertiesLoose(propsWithChildren, _excluded);
-
-    var _useState = useState(function () {
-      return tap(init(systemSpec), function (system) {
-        return applyPropsToSystem(system, props);
-      });
-    }),
-        system = _useState[0];
-
-    var _useState2 = useState(curry1to0(buildEventHandlers, system)),
-        handlers = _useState2[0];
-
-    useIsomorphicLayoutEffect(function () {
-      for (var _iterator3 = _createForOfIteratorHelperLoose(eventNames), _step3; !(_step3 = _iterator3()).done;) {
-        var eventName = _step3.value;
-
-        if (eventName in props) {
-          subscribe(handlers[eventName], props[eventName]);
-        }
+      // Most modern browsers (excepts iOS WebKit)
+      if (image.naturalWidth && !isIOSWebKit) {
+        done(image.naturalWidth, image.naturalHeight);
+        return;
       }
-
-      return function () {
-        Object.values(handlers).map(reset);
+      var sizingImage = document.createElement('img');
+      var body = document.body || document.documentElement;
+      this.sizingImage = sizingImage;
+      sizingImage.onload = function () {
+        done(sizingImage.width, sizingImage.height);
+        if (!isIOSWebKit) {
+          body.removeChild(sizingImage);
+        }
       };
-    }, [props, handlers, system]);
-    useIsomorphicLayoutEffect(function () {
-      applyPropsToSystem(system, props);
-    });
-    useImperativeHandle(ref, always(buildMethods(system)));
-    return createElement$2(Context.Provider, {
-      value: system
-    }, Root ? createElement$2(Root, omit([].concat(requiredPropNames, optionalPropNames, eventNames), props), children) : children);
-  });
+      sizingImage.src = image.src;
 
-  var usePublisher = function usePublisher(key) {
-    return useCallback(curry2to1(publish, useContext$1(Context)[key]), [key]);
-  };
-  /**
-   * Returns the value emitted from the stream.
-   */
+      // iOS WebKit will convert the image automatically
+      // with its orientation once append it into DOM (#279)
+      if (!isIOSWebKit) {
+        sizingImage.style.cssText = 'left:0;' + 'max-height:none!important;' + 'max-width:none!important;' + 'min-height:0!important;' + 'min-width:0!important;' + 'opacity:0;' + 'position:absolute;' + 'top:0;' + 'z-index:-1;';
+        body.appendChild(sizingImage);
+      }
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      var image = this.image;
+      image.onload = null;
+      image.onerror = null;
+      image.parentNode.removeChild(image);
+      this.image = null;
+    }
+  }, {
+    key: "build",
+    value: function build() {
+      if (!this.sized || this.ready) {
+        return;
+      }
+      var element = this.element,
+        options = this.options,
+        image = this.image;
 
+      // Create cropper elements
+      var container = element.parentNode;
+      var template = document.createElement('div');
+      template.innerHTML = TEMPLATE;
+      var cropper = template.querySelector(".".concat(NAMESPACE, "-container"));
+      var canvas = cropper.querySelector(".".concat(NAMESPACE, "-canvas"));
+      var dragBox = cropper.querySelector(".".concat(NAMESPACE, "-drag-box"));
+      var cropBox = cropper.querySelector(".".concat(NAMESPACE, "-crop-box"));
+      var face = cropBox.querySelector(".".concat(NAMESPACE, "-face"));
+      this.container = container;
+      this.cropper = cropper;
+      this.canvas = canvas;
+      this.dragBox = dragBox;
+      this.cropBox = cropBox;
+      this.viewBox = cropper.querySelector(".".concat(NAMESPACE, "-view-box"));
+      this.face = face;
+      canvas.appendChild(image);
 
-  var useEmitterValue = function useEmitterValue(key) {
-    var context = useContext$1(Context);
-    var source = context[key];
+      // Hide the original image
+      addClass(element, CLASS_HIDDEN);
 
-    var _useState3 = useState(curry1to0(getValue, source)),
-        value = _useState3[0],
-        setValue = _useState3[1];
+      // Inserts the cropper after to the current image
+      container.insertBefore(cropper, element.nextSibling);
 
-    useIsomorphicLayoutEffect(function () {
-      return subscribe(source, function (next) {
-        if (next !== value) {
-          setValue(always(next));
-        }
-      });
-    }, [source, value]);
-    return value;
-  };
+      // Show the hidden image
+      removeClass(image, CLASS_HIDE);
+      this.initPreview();
+      this.bind();
+      options.initialAspectRatio = Math.max(0, options.initialAspectRatio) || NaN;
+      options.aspectRatio = Math.max(0, options.aspectRatio) || NaN;
+      options.viewMode = Math.max(0, Math.min(3, Math.round(options.viewMode))) || 0;
+      addClass(cropBox, CLASS_HIDDEN);
+      if (!options.guides) {
+        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-dashed")), CLASS_HIDDEN);
+      }
+      if (!options.center) {
+        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-center")), CLASS_HIDDEN);
+      }
+      if (options.background) {
+        addClass(cropper, "".concat(NAMESPACE, "-bg"));
+      }
+      if (!options.highlight) {
+        addClass(face, CLASS_INVISIBLE);
+      }
+      if (options.cropBoxMovable) {
+        addClass(face, CLASS_MOVE);
+        setData(face, DATA_ACTION, ACTION_ALL);
+      }
+      if (!options.cropBoxResizable) {
+        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-line")), CLASS_HIDDEN);
+        addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-point")), CLASS_HIDDEN);
+      }
+      this.render();
+      this.ready = true;
+      this.setDragMode(options.dragMode);
+      if (options.autoCrop) {
+        this.crop();
+      }
+      this.setData(options.data);
+      if (isFunction(options.ready)) {
+        addListener(element, EVENT_READY, options.ready, {
+          once: true
+        });
+      }
+      dispatchEvent(element, EVENT_READY);
+    }
+  }, {
+    key: "unbuild",
+    value: function unbuild() {
+      if (!this.ready) {
+        return;
+      }
+      this.ready = false;
+      this.unbind();
+      this.resetPreview();
+      var parentNode = this.cropper.parentNode;
+      if (parentNode) {
+        parentNode.removeChild(this.cropper);
+      }
+      removeClass(this.element, CLASS_HIDDEN);
+    }
+  }, {
+    key: "uncreate",
+    value: function uncreate() {
+      if (this.ready) {
+        this.unbuild();
+        this.ready = false;
+        this.cropped = false;
+      } else if (this.sizing) {
+        this.sizingImage.onload = null;
+        this.sizing = false;
+        this.sized = false;
+      } else if (this.reloading) {
+        this.xhr.onabort = null;
+        this.xhr.abort();
+      } else if (this.image) {
+        this.stop();
+      }
+    }
 
-  var useEmitter = function useEmitter(key, callback) {
-    var context = useContext$1(Context);
-    var source = context[key];
-    useIsomorphicLayoutEffect(function () {
-      return subscribe(source, callback);
-    }, [callback, source]);
-  };
+    /**
+     * Get the no conflict cropper class.
+     * @returns {Cropper} The cropper class.
+     */
+  }], [{
+    key: "noConflict",
+    value: function noConflict() {
+      window.Cropper = AnotherCropper;
+      return Cropper;
+    }
 
-  return {
-    Component: Component,
-    usePublisher: usePublisher,
-    useEmitterValue: useEmitterValue,
-    useEmitter: useEmitter
-  };
-}
+    /**
+     * Change the default options.
+     * @param {Object} options - The new default options.
+     */
+  }, {
+    key: "setDefaults",
+    value: function setDefaults(options) {
+      assign(DEFAULTS, isPlainObject(options) && options);
+    }
+  }]);
+}();
+assign(Cropper.prototype, render, preview, events, handlers, change, methods);
 
-function c(){return c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);}return t},c.apply(this,arguments)}function m(t,e){if(null==t)return {};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)e.indexOf(n=i[o])>=0||(r[n]=t[n]);return r}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function f(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(n)return (n=n.call(t)).next.bind(n);if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return d(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return "Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0;return function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}}}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 p,h,g="undefined"!=typeof document?useLayoutEffect$2:useEffect;!function(t){t[t.DEBUG=0]="DEBUG",t[t.INFO=1]="INFO",t[t.WARN=2]="WARN",t[t.ERROR=3]="ERROR";}(h||(h={}));var v=((p={})[h.DEBUG]="debug",p[h.INFO]="log",p[h.WARN]="warn",p[h.ERROR]="error",p),S=system(function(){var t=statefulStream(h.ERROR);return {log:statefulStream(function(n,o,r){var i;void 0===r&&(r=h.INFO),r>=(null!=(i=("undefined"==typeof globalThis?window:globalThis).VIRTUOSO_LOG_LEVEL)?i:getValue(t))&&console[v[r]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",n,o);}),logLevel:t}},[],{singleton:!0});function C(t,e){void 0===e&&(e=!0);var n=useRef(null),o=function(t){};if("undefined"!=typeof ResizeObserver){var r=new ResizeObserver(function(e){var n=e[0].target;null!==n.offsetParent&&t(n);});o=function(t){t&&e?(r.observe(t),n.current=t):(n.current&&r.unobserve(n.current),n.current=null);};}return {ref:n,callbackRef:o}}function I(t,e){return void 0===e&&(e=!0),C(t,e).callbackRef}function T(t,e,n,o,r,i,a){return C(function(n){for(var l=function(t,e,n,o){var r=t.length;if(0===r)return null;for(var i=[],a=0;a<r;a++){var l=t.item(a);if(l&&void 0!==l.dataset.index){var s=parseInt(l.dataset.index),u=parseFloat(l.dataset.knownSize),c=e(l,"offsetHeight");if(0===c&&o("Zero-sized element, this should not happen",{child:l},h.ERROR),c!==u){var m=i[i.length-1];0===i.length||m.size!==c||m.endIndex!==s-1?i.push({startIndex:s,endIndex:s,size:c}):i[i.length-1].endIndex++;}}}return i}(n.children,e,0,r),s=n.parentElement;!s.dataset.virtuosoScroller;)s=s.parentElement;var u="window"===s.firstElementChild.dataset.viewportType,c=a?a.scrollTop:u?window.pageYOffset||document.documentElement.scrollTop:s.scrollTop,m=a?a.scrollHeight:u?document.documentElement.scrollHeight:s.scrollHeight,d=a?a.offsetHeight:u?window.innerHeight:s.offsetHeight;o({scrollTop:Math.max(c,0),scrollHeight:m,viewportHeight:d}),null==i||i(function(t,e,n){return "normal"===e||null!=e&&e.endsWith("px")||n("row-gap was not resolved to pixel value correctly",e,h.WARN),"normal"===e?0:parseInt(null!=e?e:"0",10)}(0,getComputedStyle(n).rowGap,r)),null!==l&&t(l);},n)}function w(t,e){return Math.round(t.getBoundingClientRect()[e])}function x(t,e){return Math.abs(t-e)<1.01}function b(t,n,o,l,s){void 0===l&&(l=noop);var c=useRef(null),m=useRef(null),d=useRef(null),f=useRef(!1),p=useCallback(function(e){var o=e.target,r=o===window||o===document,i=r?window.pageYOffset||document.documentElement.scrollTop:o.scrollTop,a=r?document.documentElement.scrollHeight:o.scrollHeight,l=r?window.innerHeight:o.offsetHeight,s=function(){t({scrollTop:Math.max(i,0),scrollHeight:a,viewportHeight:l});};f.current?flushSync(s):s(),f.current=!1,null!==m.current&&(i===m.current||i<=0||i===a-l)&&(m.current=null,n(!0),d.current&&(clearTimeout(d.current),d.current=null));},[t,n]);return useEffect(function(){var t=s||c.current;return l(s||c.current),p({target:t}),t.addEventListener("scroll",p,{passive:!0}),function(){l(null),t.removeEventListener("scroll",p);}},[c,p,o,l,s]),{scrollerRef:c,scrollByCallback:function(t){f.current=!0,c.current.scrollBy(t);},scrollToCallback:function(e){var o=c.current;if(o&&(!("offsetHeight"in o)||0!==o.offsetHeight)){var r,i,a,l="smooth"===e.behavior;if(o===window?(i=Math.max(w(document.documentElement,"height"),document.documentElement.scrollHeight),r=window.innerHeight,a=document.documentElement.scrollTop):(i=o.scrollHeight,r=w(o,"height"),a=o.scrollTop),e.top=Math.ceil(Math.max(Math.min(i-r,e.top),0)),x(r,i)||e.top===a)return t({scrollTop:a,scrollHeight:i,viewportHeight:r}),void(l&&n(!0));l?(m.current=e.top,d.current&&clearTimeout(d.current),d.current=setTimeout(function(){d.current=null,m.current=null,n(!0);},1e3)):m.current=null,o.scrollTo(e);}}}}var y=system(function(){var t=stream(),n=stream(),o=statefulStream(0),r=stream(),i=statefulStream(0),a=stream(),l=stream(),s=statefulStream(0),u=statefulStream(0),c=statefulStream(0),m=statefulStream(0),d=stream(),f=stream(),p=statefulStream(!1),h=statefulStream(!1);return connect(pipe(t,map(function(t){return t.scrollTop})),n),connect(pipe(t,map(function(t){return t.scrollHeight})),l),connect(n,i),{scrollContainerState:t,scrollTop:n,viewportHeight:a,headerHeight:s,fixedHeaderHeight:u,fixedFooterHeight:c,footerHeight:m,scrollHeight:l,smoothScrollTargetReached:r,react18ConcurrentRendering:h,scrollTo:d,scrollBy:f,statefulScrollTop:i,deviation:o,scrollingInProgress:p}},[],{singleton:!0}),H={lvl:0};function E(t,e,n,o,r){return void 0===o&&(o=H),void 0===r&&(r=H),{k:t,v:e,lvl:n,l:o,r:r}}function R(t){return t===H}function L(){return H}function F(t,e){if(R(t))return H;var n=t.k,o=t.l,r=t.r;if(e===n){if(R(o))return r;if(R(r))return o;var i=O(o);return U(W(t,{k:i[0],v:i[1],l:M(o)}))}return U(W(t,e<n?{l:F(o,e)}:{r:F(r,e)}))}function k(t,e,n){if(void 0===n&&(n="k"),R(t))return [-Infinity,void 0];if(t[n]===e)return [t.k,t.v];if(t[n]<e){var o=k(t.r,e,n);return -Infinity===o[0]?[t.k,t.v]:o}return k(t.l,e,n)}function z(t,e,n){return R(t)?E(e,n,1):e===t.k?W(t,{k:e,v:n}):function(t){return D(G(t))}(W(t,e<t.k?{l:z(t.l,e,n)}:{r:z(t.r,e,n)}))}function B(t,e,n){if(R(t))return [];var o=t.k,r=t.v,i=t.r,a=[];return o>e&&(a=a.concat(B(t.l,e,n))),o>=e&&o<=n&&a.push({k:o,v:r}),o<=n&&(a=a.concat(B(i,e,n))),a}function P(t){return R(t)?[]:[].concat(P(t.l),[{k:t.k,v:t.v}],P(t.r))}function O(t){return R(t.r)?[t.k,t.v]:O(t.r)}function M(t){return R(t.r)?t.l:U(W(t,{r:M(t.r)}))}function W(t,e){return E(void 0!==e.k?e.k:t.k,void 0!==e.v?e.v:t.v,void 0!==e.lvl?e.lvl:t.lvl,void 0!==e.l?e.l:t.l,void 0!==e.r?e.r:t.r)}function V(t){return R(t)||t.lvl>t.r.lvl}function U(t){var e=t.l,n=t.r,o=t.lvl;if(n.lvl>=o-1&&e.lvl>=o-1)return t;if(o>n.lvl+1){if(V(e))return G(W(t,{lvl:o-1}));if(R(e)||R(e.r))throw new Error("Unexpected empty nodes");return W(e.r,{l:W(e,{r:e.r.l}),r:W(t,{l:e.r.r,lvl:o-1}),lvl:o})}if(V(t))return D(W(t,{lvl:o-1}));if(R(n)||R(n.l))throw new Error("Unexpected empty nodes");var r=n.l,i=V(r)?n.lvl-1:n.lvl;return W(r,{l:W(t,{r:r.l,lvl:o-1}),r:D(W(n,{l:r.r,lvl:i})),lvl:r.lvl+1})}function A(t,e,n){return R(t)?[]:N(B(t,k(t,e)[0],n),function(t){return {index:t.k,value:t.v}})}function N(t,e){var n=t.length;if(0===n)return [];for(var o=e(t[0]),r=o.index,i=o.value,a=[],l=1;l<n;l++){var s=e(t[l]),u=s.index,c=s.value;a.push({start:r,end:u-1,value:i}),r=u,i=c;}return a.push({start:r,end:Infinity,value:i}),a}function D(t){var e=t.r,n=t.lvl;return R(e)||R(e.r)||e.lvl!==n||e.r.lvl!==n?t:W(e,{l:W(t,{r:e.l}),lvl:n+1})}function G(t){var e=t.l;return R(e)||e.lvl!==t.lvl?t:W(e,{r:W(t,{l:e.r})})}function _(t,e,n,o){void 0===o&&(o=0);for(var r=t.length-1;o<=r;){var i=Math.floor((o+r)/2),a=n(t[i],e);if(0===a)return i;if(-1===a){if(r-o<2)return i-1;r=i-1;}else {if(r===o)return i;o=i+1;}}throw new Error("Failed binary finding record in array - "+t.join(",")+", searched for "+e)}function j(t,e,n){return t[_(t,e,n)]}var K=system(function(){return {recalcInProgress:statefulStream(!1)}},[],{singleton:!0});function Y(t){var e=t.size,n=t.startIndex,o=t.endIndex;return function(t){return t.start===n&&(t.end===o||Infinity===t.end)&&t.value===e}}function q(t,e){var n=t.index;return e===n?0:e<n?-1:1}function Z(t,e){var n=t.offset;return e===n?0:e<n?-1:1}function J(t){return {index:t.index,value:t}}function $(t,e,n,o){var r=t,i=0,a=0,l=0,s=0;if(0!==e){l=r[s=_(r,e-1,q)].offset;var u=k(n,e-1);i=u[0],a=u[1],r.length&&r[s].size===k(n,e)[1]&&(s-=1),r=r.slice(0,s+1);}else r=[];for(var c,m=f(A(n,e,Infinity));!(c=m()).done;){var d=c.value,p=d.start,h=d.value,g=p-i,v=g*a+l+g*o;r.push({offset:v,size:h,index:p}),i=p,l=v,a=h;}return {offsetTree:r,lastIndex:i,lastOffset:l,lastSize:a}}function Q(t,e){var n=e[0],o=e[1],r=e[3];n.length>0&&(0, e[2])("received item sizes",n,h.DEBUG);var i=t.sizeTree,a=i,l=0;if(o.length>0&&R(i)&&2===n.length){var s=n[0].size,u=n[1].size;a=o.reduce(function(t,e){return z(z(t,e,s),e+1,u)},a);}else {var c=function(t,e){for(var n,o=R(t)?0:Infinity,r=f(e);!(n=r()).done;){var i=n.value,a=i.size,l=i.startIndex,s=i.endIndex;if(o=Math.min(o,l),R(t))t=z(t,0,a);else {var u=A(t,l-1,s+1);if(!u.some(Y(i))){for(var c,m=!1,d=!1,p=f(u);!(c=p()).done;){var h=c.value,g=h.start,v=h.end,S=h.value;m?(s>=g||a===S)&&(t=F(t,g)):(d=S!==a,m=!0),v>s&&s>=g&&S!==a&&(t=z(t,s+1,S));}d&&(t=z(t,l,a));}}}return [t,o]}(a,n);a=c[0],l=c[1];}if(a===i)return t;var m=$(t.offsetTree,l,a,r),d=m.offsetTree;return {sizeTree:a,offsetTree:d,lastIndex:m.lastIndex,lastOffset:m.lastOffset,lastSize:m.lastSize,groupOffsetTree:o.reduce(function(t,e){return z(t,e,X(e,d,r))},L()),groupIndices:o}}function X(t,e,n){if(0===e.length)return 0;var o=j(e,t,q),r=t-o.index,i=o.size*r+(r-1)*n+o.offset;return i>0?i+n:i}function tt$1(t,e,n){if(function(t){return void 0!==t.groupIndex}(t))return e.groupIndices[t.groupIndex]+1;var o=et("LAST"===t.index?n:t.index,e);return Math.max(0,o,Math.min(n,o))}function et(t,e){if(!nt(e))return t;for(var n=0;e.groupIndices[n]<=t+n;)n++;return t+n}function nt(t){return !R(t.groupOffsetTree)}var ot={offsetHeight:"height",offsetWidth:"width"},rt=system(function(t){var n=t[0].log,o=t[1].recalcInProgress,r=stream(),i=stream(),a=statefulStreamFromEmitter(i,0),l=stream(),s=stream(),u=statefulStream(0),m=statefulStream([]),d=statefulStream(void 0),f=statefulStream(void 0),p=statefulStream(function(t,e){return w(t,ot[e])}),g=statefulStream(void 0),v=statefulStream(0),S={offsetTree:[],sizeTree:L(),groupOffsetTree:L(),lastIndex:0,lastOffset:0,lastSize:0,groupIndices:[]},C=statefulStreamFromEmitter(pipe(r,withLatestFrom(m,n,v),scan(Q,S),distinctUntilChanged()),S);connect(pipe(m,filter(function(t){return t.length>0}),withLatestFrom(C,v),map(function(t){var e=t[0],n=t[1],o=t[2],r=e.reduce(function(t,e,r){return z(t,e,X(e,n.offsetTree,o)||r)},L());return c({},n,{groupIndices:e,groupOffsetTree:r})})),C),connect(pipe(i,withLatestFrom(C),filter(function(t){return t[0]<t[1].lastIndex}),map(function(t){var e=t[1];return [{startIndex:t[0],endIndex:e.lastIndex,size:e.lastSize}]})),r),connect(d,f);var I=statefulStreamFromEmitter(pipe(d,map(function(t){return void 0===t})),!0);connect(pipe(f,filter(function(t){return void 0!==t&&R(getValue(C).sizeTree)}),map(function(t){return [{startIndex:0,endIndex:0,size:t}]})),r);var T=streamFromEmitter(pipe(r,withLatestFrom(C),scan(function(t,e){var n=e[1];return {changed:n!==t.sizes,sizes:n}},{changed:!1,sizes:S}),map(function(t){return t.changed})));subscribe(pipe(u,scan(function(t,e){return {diff:t.prev-e,prev:e}},{diff:0,prev:0}),map(function(t){return t.diff})),function(t){t>0?(publish(o,!0),publish(l,t)):t<0&&publish(s,t);}),subscribe(pipe(u,withLatestFrom(n)),function(t){t[0]<0&&(0, t[1])("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:u},h.ERROR);});var x=streamFromEmitter(l);connect(pipe(l,withLatestFrom(C),map(function(t){var e=t[0],n=t[1];if(n.groupIndices.length>0)throw new Error("Virtuoso: prepending items does not work with groups");return P(n.sizeTree).reduce(function(t,n){var o=n.k,r=n.v;return {ranges:[].concat(t.ranges,[{startIndex:t.prevIndex,endIndex:o+e-1,size:t.prevSize}]),prevIndex:o+e,prevSize:r}},{ranges:[],prevIndex:0,prevSize:n.lastSize}).ranges})),r);var b=streamFromEmitter(pipe(s,withLatestFrom(C,v),map(function(t){return X(-t[0],t[1].offsetTree,t[2])})));return connect(pipe(s,withLatestFrom(C,v),map(function(t){var e=t[0],n=t[1],o=t[2];if(n.groupIndices.length>0)throw new Error("Virtuoso: shifting items does not work with groups");var r=P(n.sizeTree).reduce(function(t,n){var o=n.v;return z(t,Math.max(0,n.k+e),o)},L());return c({},n,{sizeTree:r},$(n.offsetTree,0,r,o))})),C),{data:g,totalCount:i,sizeRanges:r,groupIndices:m,defaultItemSize:f,fixedItemSize:d,unshiftWith:l,shiftWith:s,shiftWithOffset:b,beforeUnshiftWith:x,firstItemIndex:u,gap:v,sizes:C,listRefresh:T,statefulTotalCount:a,trackItemSizes:I,itemSize:p}},tup(S,K),{singleton:!0}),it="undefined"!=typeof document&&"scrollBehavior"in document.documentElement.style;function at(t){var e="number"==typeof t?{index:t}:t;return e.align||(e.align="start"),e.behavior&&it||(e.behavior="auto"),e.offset||(e.offset=0),e}var lt=system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.listRefresh,a=n.gap,l=t[1],s=l.scrollingInProgress,u=l.viewportHeight,c=l.scrollTo,m=l.smoothScrollTargetReached,d=l.headerHeight,f=l.footerHeight,p=l.fixedHeaderHeight,g=l.fixedFooterHeight,v=t[2].log,S=stream(),C=statefulStream(0),I=null,T=null,w=null;function x(){I&&(I(),I=null),w&&(w(),w=null),T&&(clearTimeout(T),T=null),publish(s,!1);}return connect(pipe(S,withLatestFrom(o,u,r,C,d,f,v),withLatestFrom(a,p,g),map(function(t){var n=t[0],o=n[0],r=n[1],a=n[2],l=n[3],u=n[4],c=n[5],d=n[6],f=n[7],p=t[1],g=t[2],v=t[3],C=at(o),b=C.align,y=C.behavior,H=C.offset,E=l-1,R=tt$1(C,r,E),L=X(R,r.offsetTree,p)+c;"end"===b?(L+=g+k(r.sizeTree,R)[1]-a+v,R===E&&(L+=d)):"center"===b?L+=(g+k(r.sizeTree,R)[1]-a+v)/2:L-=u,H&&(L+=H);var F=function(t){x(),t?(f("retrying to scroll to",{location:o},h.DEBUG),publish(S,o)):f("list did not change, scroll successful",{},h.DEBUG);};if(x(),"smooth"===y){var z=!1;w=subscribe(i,function(t){z=z||t;}),I=handleNext(m,function(){F(z);});}else I=handleNext(pipe(i,function(t){var e=setTimeout(function(){t(!1);},150);return function(n){n&&(t(!0),clearTimeout(e));}}),F);return T=setTimeout(function(){x();},1200),publish(s,!0),f("scrolling from index to",{index:R,top:L,behavior:y},h.DEBUG),{top:L,behavior:y}})),c),{scrollToIndex:S,topListHeight:C}},tup(rt,y,S),{singleton:!0}),st="up",ut={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollTop:0,viewportHeight:0,scrollHeight:0}},ct=system(function(t){var n=t[0],o=n.scrollContainerState,r=n.scrollTop,i=n.viewportHeight,a=n.headerHeight,l=n.footerHeight,s=n.scrollBy,u=statefulStream(!1),c=statefulStream(!0),m=stream(),d=stream(),f=statefulStream(4),p=statefulStream(0),h=statefulStreamFromEmitter(pipe(merge(pipe(duc(r),skip(1),mapTo(!0)),pipe(duc(r),skip(1),mapTo(!1),debounceTime(100))),distinctUntilChanged()),!1),g=statefulStreamFromEmitter(pipe(merge(pipe(s,mapTo(!0)),pipe(s,mapTo(!1),debounceTime(200))),distinctUntilChanged()),!1);connect(pipe(combineLatest(duc(r),duc(p)),map(function(t){return t[0]<=t[1]}),distinctUntilChanged()),c),connect(pipe(c,throttleTime(50)),d);var v=streamFromEmitter(pipe(combineLatest(o,duc(i),duc(a),duc(l),duc(f)),scan(function(t,e){var n,o,r=e[0],i=r.scrollTop,a=r.scrollHeight,l=e[1],s={viewportHeight:l,scrollTop:i,scrollHeight:a};return i+l-a>-e[4]?(i>t.state.scrollTop?(n="SCROLLED_DOWN",o=t.state.scrollTop-i):(n="SIZE_DECREASED",o=t.state.scrollTop-i||t.scrollTopDelta),{atBottom:!0,state:s,atBottomBecause:n,scrollTopDelta:o}):{atBottom:!1,notAtBottomBecause:s.scrollHeight>t.state.scrollHeight?"SIZE_INCREASED":l<t.state.viewportHeight?"VIEWPORT_HEIGHT_DECREASING":i<t.state.scrollTop?"SCROLLING_UPWARDS":"NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",state:s}},ut),distinctUntilChanged(function(t,e){return t&&t.atBottom===e.atBottom}))),S=statefulStreamFromEmitter(pipe(o,scan(function(t,e){var n=e.scrollTop,o=e.scrollHeight,r=e.viewportHeight;return x(t.scrollHeight,o)?{scrollTop:n,scrollHeight:o,jump:0,changed:!1}:t.scrollTop!==n&&o-(n+r)<1?{scrollHeight:o,scrollTop:n,jump:t.scrollTop-n,changed:!0}:{scrollHeight:o,scrollTop:n,jump:0,changed:!0}},{scrollHeight:0,jump:0,scrollTop:0,changed:!1}),filter(function(t){return t.changed}),map(function(t){return t.jump})),0);connect(pipe(v,map(function(t){return t.atBottom})),u),connect(pipe(u,throttleTime(50)),m);var C=statefulStream("down");connect(pipe(o,map(function(t){return t.scrollTop}),distinctUntilChanged(),scan(function(t,n){return getValue(g)?{direction:t.direction,prevScrollTop:n}:{direction:n<t.prevScrollTop?st:"down",prevScrollTop:n}},{direction:"down",prevScrollTop:0}),map(function(t){return t.direction})),C),connect(pipe(o,throttleTime(50),mapTo("none")),C);var I=statefulStream(0);return connect(pipe(h,filter(function(t){return !t}),mapTo(0)),I),connect(pipe(r,throttleTime(100),withLatestFrom(h),filter(function(t){return !!t[1]}),scan(function(t,e){return [t[1],e[0]]},[0,0]),map(function(t){return t[1]-t[0]})),I),{isScrolling:h,isAtTop:c,isAtBottom:u,atBottomState:v,atTopStateChange:d,atBottomStateChange:m,scrollDirection:C,atBottomThreshold:f,atTopThreshold:p,scrollVelocity:I,lastJumpDueToItemResize:S}},tup(y)),mt=system(function(t){var n=t[0].log,o=statefulStream(!1),r=streamFromEmitter(pipe(o,filter(function(t){return t}),distinctUntilChanged()));return subscribe(o,function(t){t&&getValue(n)("props updated",{},h.DEBUG);}),{propsReady:o,didMount:r}},tup(S),{singleton:!0}),dt=system(function(t){var n=t[0],o=n.sizes,r=n.listRefresh,i=n.defaultItemSize,a=t[1].scrollTop,l=t[2].scrollToIndex,s=t[3].didMount,u=statefulStream(!0),c=statefulStream(0);return connect(pipe(s,withLatestFrom(c),filter(function(t){return !!t[1]}),mapTo(!1)),u),subscribe(pipe(combineLatest(r,s),withLatestFrom(u,o,i),filter(function(t){var e=t[1],n=t[3];return t[0][1]&&(!R(t[2].sizeTree)||void 0!==n)&&!e}),withLatestFrom(c)),function(t){var n=t[1];setTimeout(function(){handleNext(a,function(){publish(u,!0);}),publish(l,n);});}),{scrolledToInitialItem:u,initialTopMostItemIndex:c}},tup(rt,y,lt,mt),{singleton:!0});function ft(t){return !!t&&("smooth"===t?"smooth":"auto")}var pt=system(function(t){var n=t[0],o=n.totalCount,r=n.listRefresh,i=t[1],a=i.isAtBottom,l=i.atBottomState,s=t[2].scrollToIndex,u=t[3].scrolledToInitialItem,c=t[4],m=c.propsReady,d=c.didMount,f=t[5].log,p=t[6].scrollingInProgress,g=statefulStream(!1),v=stream(),S=null;function C(t){publish(s,{index:"LAST",align:"end",behavior:t});}function I(t){var n=handleNext(l,function(n){!t||n.atBottom||"SIZE_INCREASED"!==n.notAtBottomBecause||S||(getValue(f)("scrolling to bottom due to increased size",{},h.DEBUG),C("auto"));});setTimeout(n,100);}return subscribe(pipe(combineLatest(pipe(duc(o),skip(1)),d),withLatestFrom(duc(g),a,u,p),map(function(t){var e=t[0],n=e[0],o=e[1]&&t[3],r="auto";return o&&(r=function(t,e){return "function"==typeof t?ft(t(e)):e&&ft(t)}(t[1],t[2]||t[4]),o=o&&!!r),{totalCount:n,shouldFollow:o,followOutputBehavior:r}}),filter(function(t){return t.shouldFollow})),function(t){var n=t.totalCount,o=t.followOutputBehavior;S&&(S(),S=null),S=handleNext(r,function(){getValue(f)("following output to ",{totalCount:n},h.DEBUG),C(o),S=null;});}),subscribe(pipe(combineLatest(duc(g),o,m),filter(function(t){return t[0]&&t[2]}),scan(function(t,e){var n=e[1];return {refreshed:t.value===n,value:n}},{refreshed:!1,value:0}),filter(function(t){return t.refreshed}),withLatestFrom(g,o)),function(t){I(!1!==t[1]);}),subscribe(v,function(){I(!1!==getValue(g));}),subscribe(combineLatest(duc(g),l),function(t){var e=t[1];t[0]&&!e.atBottom&&"VIEWPORT_HEIGHT_DECREASING"===e.notAtBottomBecause&&C("auto");}),{followOutput:g,autoscrollToBottom:v}},tup(rt,ct,lt,dt,mt,S,y));function ht(t){return t.reduce(function(t,e){return t.groupIndices.push(t.totalCount),t.totalCount+=e+1,t},{totalCount:0,groupIndices:[]})}var gt=system(function(t){var n=t[0],o=n.totalCount,r=n.groupIndices,i=n.sizes,a=t[1],l=a.scrollTop,s=a.headerHeight,u=stream(),c=stream(),m=streamFromEmitter(pipe(u,map(ht)));return connect(pipe(m,map(function(t){return t.totalCount})),o),connect(pipe(m,map(function(t){return t.groupIndices})),r),connect(pipe(combineLatest(l,i,s),filter(function(t){return nt(t[1])}),map(function(t){return k(t[1].groupOffsetTree,Math.max(t[0]-t[2],0),"v")[0]}),distinctUntilChanged(),map(function(t){return [t]})),c),{groupCounts:u,topItemsIndexes:c}},tup(rt,y));function vt(t,e){return !(!t||t[0]!==e[0]||t[1]!==e[1])}function St(t,e){return !(!t||t.startIndex!==e.startIndex||t.endIndex!==e.endIndex)}function Ct(t,e,n){return "number"==typeof t?n===st&&"top"===e||"down"===n&&"bottom"===e?t:0:n===st?"top"===e?t.main:t.reverse:"bottom"===e?t.main:t.reverse}function It(t,e){return "number"==typeof t?t:t[e]||0}var Tt=system(function(t){var n=t[0],o=n.scrollTop,r=n.viewportHeight,i=n.deviation,a=n.headerHeight,l=n.fixedHeaderHeight,s=stream(),u=statefulStream(0),c=statefulStream(0),m=statefulStream(0),d=statefulStreamFromEmitter(pipe(combineLatest(duc(o),duc(r),duc(a),duc(s,vt),duc(m),duc(u),duc(l),duc(i),duc(c)),map(function(t){var e=t[0],n=t[1],o=t[2],r=t[3],i=r[0],a=r[1],l=t[4],s=t[6],u=t[7],c=t[8],m=e-u,d=t[5]+s,f=Math.max(o-m,0),p="none",h=It(c,"top"),g=It(c,"bottom");return i-=u,a+=o+s,(i+=o+s)>e+d-h&&(p=st),(a-=u)<e-f+n+g&&(p="down"),"none"!==p?[Math.max(m-o-Ct(l,"top",p)-h,0),m-f-s+n+Ct(l,"bottom",p)+g]:null}),filter(function(t){return null!=t}),distinctUntilChanged(vt)),[0,0]);return {listBoundary:s,overscan:m,topListHeight:u,increaseViewportBy:c,visibleRange:d}},tup(y),{singleton:!0}),wt={items:[],topItems:[],offsetTop:0,offsetBottom:0,top:0,bottom:0,topListHeight:0,totalCount:0,firstItemIndex:0};function xt(t,e,n){if(0===t.length)return [];if(!nt(e))return t.map(function(t){return c({},t,{index:t.index+n,originalIndex:t.index})});for(var o,r=[],i=A(e.groupOffsetTree,t[0].index,t[t.length-1].index),a=void 0,l=0,s=f(t);!(o=s()).done;){var u=o.value;(!a||a.end<u.index)&&(a=i.shift(),l=e.groupIndices.indexOf(a.start)),r.push(c({},u.index===a.start?{type:"group",index:l}:{index:u.index-(l+1)+n,groupIndex:l},{size:u.size,offset:u.offset,originalIndex:u.index,data:u.data}));}return r}function bt(t,e,n,o,r,i){var a=0,l=0;if(t.length>0){a=t[0].offset;var s=t[t.length-1];l=s.offset+s.size;}var u=n-r.lastIndex,c=a,m=r.lastOffset+u*r.lastSize+(u-1)*o-l;return {items:xt(t,r,i),topItems:xt(e,r,i),topListHeight:e.reduce(function(t,e){return e.size+t},0),offsetTop:a,offsetBottom:m,top:c,bottom:l,totalCount:n,firstItemIndex:i}}var yt=system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.data,a=n.firstItemIndex,l=n.gap,s=t[1],u=t[2],m=u.visibleRange,d=u.listBoundary,p=u.topListHeight,h=t[3],g=h.scrolledToInitialItem,v=h.initialTopMostItemIndex,S=t[4].topListHeight,C=t[5],I=t[6].didMount,T=t[7].recalcInProgress,w=statefulStream([]),x=stream();connect(s.topItemsIndexes,w);var b=statefulStreamFromEmitter(pipe(combineLatest(I,T,duc(m,vt),duc(r),duc(o),duc(v),g,duc(w),duc(a),duc(l),i),filter(function(t){return t[0]&&!t[1]}),map(function(t){var n=t[2],o=n[0],r=n[1],i=t[3],a=t[5],l=t[6],s=t[7],u=t[8],m=t[9],d=t[10],p=t[4],h=p.sizeTree,g=p.offsetTree;if(0===i||0===o&&0===r)return c({},wt,{totalCount:i});if(R(h))return bt(function(t,e,n){if(nt(e)){var o=et(t,e);return [{index:k(e.groupOffsetTree,o)[0],size:0,offset:0},{index:o,size:0,offset:0,data:n&&n[0]}]}return [{index:t,size:0,offset:0,data:n&&n[0]}]}(function(t,e){return "number"==typeof t?t:"LAST"===t.index?e-1:t.index}(a,i),p,d),[],i,m,p,u);var v=[];if(s.length>0)for(var S,C=s[0],I=s[s.length-1],T=0,w=f(A(h,C,I));!(S=w()).done;)for(var x=S.value,b=x.value,y=Math.max(x.start,C),H=Math.min(x.end,I),E=y;E<=H;E++)v.push({index:E,size:b,offset:T,data:d&&d[E]}),T+=b;if(!l)return bt([],v,i,m,p,u);var L=s.length>0?s[s.length-1]+1:0,F=function(t,e,n,o){return void 0===o&&(o=0),o>0&&(e=Math.max(e,j(t,o,q).offset)),N((i=n,l=_(r=t,e,a=Z),s=_(r,i,a,l),r.slice(l,s+1)),J);var r,i,a,l,s;}(g,o,r,L);if(0===F.length)return null;var z=i-1;return bt(tap([],function(t){for(var e,n=f(F);!(e=n()).done;){var i=e.value,a=i.value,l=a.offset,s=i.start,u=a.size;if(a.offset<o){var c=(s+=Math.floor((o-a.offset+m)/(u+m)))-i.start;l+=c*u+c*m;}s<L&&(l+=(L-s)*u,s=L);for(var p=Math.min(i.end,z),h=s;h<=p&&!(l>=r);h++)t.push({index:h,size:u,offset:l,data:d&&d[h]}),l+=u+m;}}),v,i,m,p,u)}),filter(function(t){return null!==t}),distinctUntilChanged()),wt);return connect(pipe(i,filter(function(t){return void 0!==t}),map(function(t){return t.length})),r),connect(pipe(b,map(function(t){return t.topListHeight})),S),connect(S,p),connect(pipe(b,map(function(t){return [t.top,t.bottom]})),d),connect(pipe(b,map(function(t){return t.items})),x),c({listState:b,topItemsIndexes:w,endReached:streamFromEmitter(pipe(b,filter(function(t){return t.items.length>0}),withLatestFrom(r,i),filter(function(t){var e=t[0].items;return e[e.length-1].originalIndex===t[1]-1}),map(function(t){return [t[1]-1,t[2]]}),distinctUntilChanged(vt),map(function(t){return t[0]}))),startReached:streamFromEmitter(pipe(b,throttleTime(200),filter(function(t){var e=t.items;return e.length>0&&e[0].originalIndex===t.topItems.length}),map(function(t){return t.items[0].index}),distinctUntilChanged())),rangeChanged:streamFromEmitter(pipe(b,filter(function(t){return t.items.length>0}),map(function(t){for(var e=t.items,n=0,o=e.length-1;"group"===e[n].type&&n<o;)n++;for(;"group"===e[o].type&&o>n;)o--;return {startIndex:e[n].index,endIndex:e[o].index}}),distinctUntilChanged(St))),itemsRendered:x},C)},tup(rt,gt,Tt,dt,lt,ct,mt,K),{singleton:!0}),Ht=system(function(t){var n=t[0],o=n.sizes,r=n.firstItemIndex,i=n.data,a=n.gap,l=t[1].listState,s=t[2].didMount,u=statefulStream(0);return connect(pipe(s,withLatestFrom(u),filter(function(t){return 0!==t[1]}),withLatestFrom(o,r,a,i),map(function(t){var e=t[0][1],n=t[1],o=t[2],r=t[3],i=t[4],a=void 0===i?[]:i,l=0;if(n.groupIndices.length>0)for(var s,u=f(n.groupIndices);!((s=u()).done||s.value-l>=e);)l++;var c=e+l;return bt(Array.from({length:c}).map(function(t,e){return {index:e,size:0,offset:0,data:a[e]}}),[],c,r,n,o)})),l),{initialItemCount:u}},tup(rt,yt,mt),{singleton:!0}),Et=system(function(t){var n=t[0].scrollVelocity,o=statefulStream(!1),r=stream(),i=statefulStream(!1);return connect(pipe(n,withLatestFrom(i,o,r),filter(function(t){return !!t[1]}),map(function(t){var e=t[0],n=t[1],o=t[2],r=t[3],i=n.enter;if(o){if((0, n.exit)(e,r))return !1}else if(i(e,r))return !0;return o}),distinctUntilChanged()),o),subscribe(pipe(combineLatest(o,n,r),withLatestFrom(i)),function(t){var e=t[0],n=t[1];return e[0]&&n&&n.change&&n.change(e[1],e[2])}),{isSeeking:o,scrollSeekConfiguration:i,scrollVelocity:n,scrollSeekRangeChanged:r}},tup(ct),{singleton:!0}),Rt=system(function(t){var n=t[0].topItemsIndexes,o=statefulStream(0);return connect(pipe(o,filter(function(t){return t>0}),map(function(t){return Array.from({length:t}).map(function(t,e){return e})})),n),{topItemCount:o}},tup(yt)),Lt=system(function(t){var n=t[0],o=n.footerHeight,r=n.headerHeight,i=n.fixedHeaderHeight,a=n.fixedFooterHeight,l=t[1].listState,s=stream(),u=statefulStreamFromEmitter(pipe(combineLatest(o,a,r,i,l),map(function(t){var e=t[4];return t[0]+t[1]+t[2]+t[3]+e.offsetBottom+e.bottom})),0);return connect(duc(u),s),{totalListHeight:u,totalListHeightChanged:s}},tup(y,yt),{singleton:!0});function Ft(t){var e,n=!1;return function(){return n||(n=!0,e=t()),e}}var kt=Ft(function(){return /iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent)}),zt=system(function(t){var n=t[0],o=n.scrollBy,r=n.scrollTop,i=n.deviation,a=n.scrollingInProgress,l=t[1],s=l.isScrolling,u=l.isAtBottom,c=l.scrollDirection,m=t[3],d=m.beforeUnshiftWith,f=m.shiftWithOffset,p=m.sizes,g=m.gap,v=t[4].log,S=t[5].recalcInProgress,C=streamFromEmitter(pipe(t[2].listState,withLatestFrom(l.lastJumpDueToItemResize),scan(function(t,e){var n=t[1],o=e[0],r=o.items,i=o.totalCount,a=o.bottom+o.offsetBottom,l=0;return t[2]===i&&n.length>0&&r.length>0&&(0===r[0].originalIndex&&0===n[0].originalIndex||0!=(l=a-t[3])&&(l+=e[1])),[l,r,i,a]},[0,[],0,0]),filter(function(t){return 0!==t[0]}),withLatestFrom(r,c,a,u,v),filter(function(t){return !t[3]&&0!==t[1]&&t[2]===st}),map(function(t){var e=t[0][0];return (0, t[5])("Upward scrolling compensation",{amount:e},h.DEBUG),e})));function I(t){t>0?(publish(o,{top:-t,behavior:"auto"}),publish(i,0)):(publish(i,0),publish(o,{top:-t,behavior:"auto"}));}return subscribe(pipe(C,withLatestFrom(i,s)),function(t){var n=t[0],o=t[1];t[2]&&kt()?publish(i,o-n):I(-n);}),subscribe(pipe(combineLatest(statefulStreamFromEmitter(s,!1),i,S),filter(function(t){return !t[0]&&!t[2]&&0!==t[1]}),map(function(t){return t[1]}),throttleTime(1)),I),connect(pipe(f,map(function(t){return {top:-t}})),o),subscribe(pipe(d,withLatestFrom(p,g),map(function(t){var e=t[0];return e*t[1].lastSize+e*t[2]})),function(t){publish(i,t),requestAnimationFrame(function(){publish(o,{top:t}),requestAnimationFrame(function(){publish(i,0),publish(S,!1);});});}),{deviation:i}},tup(y,ct,yt,rt,S,K)),Bt=system(function(t){var n=t[0].totalListHeight,o=t[1].didMount,r=t[2].scrollTo,i=statefulStream(0);return subscribe(pipe(o,withLatestFrom(i),filter(function(t){return 0!==t[1]}),map(function(t){return {top:t[1]}})),function(t){handleNext(pipe(n,filter(function(t){return 0!==t})),function(){setTimeout(function(){publish(r,t);});});}),{initialScrollTop:i}},tup(Lt,mt,y),{singleton:!0}),Pt=system(function(t){var n=t[0].viewportHeight,o=t[1].totalListHeight,r=statefulStream(!1);return {alignToBottom:r,paddingTopAddition:statefulStreamFromEmitter(pipe(combineLatest(r,n,o),filter(function(t){return t[0]}),map(function(t){return Math.max(0,t[1]-t[2])}),distinctUntilChanged()),0)}},tup(y,Lt),{singleton:!0}),Ot=system(function(t){var n=t[0],o=n.scrollTo,r=n.scrollContainerState,i=stream(),a=stream(),l=stream(),s=statefulStream(!1),u=statefulStream(void 0);return connect(pipe(combineLatest(i,a),map(function(t){var e=t[0],n=e.viewportHeight,o=e.scrollHeight;return {scrollTop:Math.max(0,e.scrollTop-t[1].offsetTop),scrollHeight:o,viewportHeight:n}})),r),connect(pipe(o,withLatestFrom(a),map(function(t){var e=t[0];return c({},e,{top:e.top+t[1].offsetTop})})),l),{useWindowScroll:s,customScrollParent:u,windowScrollContainerState:i,windowViewportRect:a,windowScrollTo:l}},tup(y)),Mt=["done","behavior","align"],Wt=system(function(t){var n=t[0],o=n.sizes,r=n.totalCount,i=n.gap,a=t[1],l=a.scrollTop,s=a.viewportHeight,u=a.headerHeight,d=a.fixedHeaderHeight,f=a.fixedFooterHeight,p=a.scrollingInProgress,h=t[2].scrollToIndex,g=stream();return connect(pipe(g,withLatestFrom(o,s,r,u,d,f,l),withLatestFrom(i),map(function(t){var n=t[0],o=n[0],r=n[1],i=n[2],a=n[3],l=n[4],s=n[5],u=n[6],d=n[7],f=t[1],h=o.done,g=o.behavior,v=o.align,S=m(o,Mt),C=null,I=tt$1(o,r,a-1),T=X(I,r.offsetTree,f)+l+s;return T<d+s?C=c({},S,{behavior:g,align:null!=v?v:"start"}):T+k(r.sizeTree,I)[1]>d+i-u&&(C=c({},S,{behavior:g,align:null!=v?v:"end"})),C?h&&handleNext(pipe(p,skip(1),filter(function(t){return !1===t})),h):h&&h(),C}),filter(function(t){return null!==t})),h),{scrollIntoView:g}},tup(rt,y,lt,yt,S),{singleton:!0}),Vt=["listState","topItemsIndexes"],Ut=system(function(t){return c({},t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8])},tup(Tt,Ht,mt,Et,Lt,Bt,Pt,Ot,Wt)),At=system(function(t){var n=t[0],o=n.totalCount,r=n.sizeRanges,i=n.fixedItemSize,a=n.defaultItemSize,l=n.trackItemSizes,s=n.itemSize,u=n.data,d=n.firstItemIndex,f=n.groupIndices,p=n.statefulTotalCount,h=n.gap,g=t[1],v=g.initialTopMostItemIndex,S=g.scrolledToInitialItem,C=t[2],I=t[3],T=t[4],w=T.listState,x=T.topItemsIndexes,b=m(T,Vt),y=t[5].scrollToIndex,H=t[7].topItemCount,E=t[8].groupCounts,R=t[9],L=t[10];return connect(b.rangeChanged,R.scrollSeekRangeChanged),connect(pipe(R.windowViewportRect,map(function(t){return t.visibleHeight})),C.viewportHeight),c({totalCount:o,data:u,firstItemIndex:d,sizeRanges:r,initialTopMostItemIndex:v,scrolledToInitialItem:S,topItemsIndexes:x,topItemCount:H,groupCounts:E,fixedItemHeight:i,defaultItemHeight:a,gap:h},I,{statefulTotalCount:p,listState:w,scrollToIndex:y,trackItemSizes:l,itemSize:s,groupIndices:f},b,R,C,L)},tup(rt,dt,y,pt,yt,lt,zt,Rt,gt,Ut,S)),Nt=Ft(function(){if("undefined"==typeof document)return "sticky";var t=document.createElement("div");return t.style.position="-webkit-sticky","-webkit-sticky"===t.style.position?"-webkit-sticky":"sticky"});function Dt(t,e){var n=useRef(null),o=useCallback(function(o){if(null!==o&&o.offsetParent){var r,i,a=o.getBoundingClientRect(),l=a.width;if(e){var s=e.getBoundingClientRect(),u=a.top-s.top;r=s.height-Math.max(0,u),i=u+e.scrollTop;}else r=window.innerHeight-Math.max(0,a.top),i=a.top+window.pageYOffset;n.current={offsetTop:i,visibleHeight:r,visibleWidth:l},t(n.current);}},[t,e]),l=C(o),s=l.callbackRef,u=l.ref,c=useCallback(function(){o(u.current);},[o,u]);return useEffect(function(){if(e){e.addEventListener("scroll",c);var t=new ResizeObserver(c);return t.observe(e),function(){e.removeEventListener("scroll",c),t.unobserve(e);}}return window.addEventListener("scroll",c),window.addEventListener("resize",c),function(){window.removeEventListener("scroll",c),window.removeEventListener("resize",c);}},[c,e]),s}var Gt=React.createContext(void 0),_t=React.createContext(void 0),jt=["placeholder"],Kt=["style","children"],Yt=["style","children"];function qt(t){return t}var Zt=system(function(){var t=statefulStream(function(t){return "Item "+t}),n=statefulStream(null),o=statefulStream(function(t){return "Group "+t}),r=statefulStream({}),i=statefulStream(qt),a=statefulStream("div"),l=statefulStream(noop),s=function(t,n){return void 0===n&&(n=null),statefulStreamFromEmitter(pipe(r,map(function(e){return e[t]}),distinctUntilChanged()),n)};return {context:n,itemContent:t,groupContent:o,components:r,computeItemKey:i,headerFooterTag:a,scrollerRef:l,FooterComponent:s("Footer"),HeaderComponent:s("Header"),TopItemListComponent:s("TopItemList"),ListComponent:s("List","div"),ItemComponent:s("Item","div"),GroupComponent:s("Group","div"),ScrollerComponent:s("Scroller","div"),EmptyPlaceholder:s("EmptyPlaceholder"),ScrollSeekPlaceholder:s("ScrollSeekPlaceholder")}});function Jt(t,n){var o=stream();return subscribe(o,function(){return console.warn("react-virtuoso: You are using a deprecated property. "+n,"color: red;","color: inherit;","color: blue;")}),connect(o,t),o}var $t=system(function(t){var n=t[0],o=t[1],r={item:Jt(o.itemContent,"Rename the %citem%c prop to %citemContent."),group:Jt(o.groupContent,"Rename the %cgroup%c prop to %cgroupContent."),topItems:Jt(n.topItemCount,"Rename the %ctopItems%c prop to %ctopItemCount."),itemHeight:Jt(n.fixedItemHeight,"Rename the %citemHeight%c prop to %cfixedItemHeight."),scrollingStateChange:Jt(n.isScrolling,"Rename the %cscrollingStateChange%c prop to %cisScrolling."),adjustForPrependedItems:stream(),maxHeightCacheSize:stream(),footer:stream(),header:stream(),HeaderContainer:stream(),FooterContainer:stream(),ItemContainer:stream(),ScrollContainer:stream(),GroupContainer:stream(),ListContainer:stream(),emptyComponent:stream(),scrollSeek:stream()};function i(t,n,r){connect(pipe(t,withLatestFrom(o.components),map(function(t){var e,o=t[0],i=t[1];return console.warn("react-virtuoso: "+r+" property is deprecated. Pass components."+n+" instead."),c({},i,((e={})[n]=o,e))})),o.components);}return subscribe(r.adjustForPrependedItems,function(){console.warn("react-virtuoso: adjustForPrependedItems is no longer supported. Use the firstItemIndex property instead - https://virtuoso.dev/prepend-items.","color: red;","color: inherit;","color: blue;");}),subscribe(r.maxHeightCacheSize,function(){console.warn("react-virtuoso: maxHeightCacheSize is no longer necessary. Setting it has no effect - remove it from your code.");}),subscribe(r.HeaderContainer,function(){console.warn("react-virtuoso: HeaderContainer is deprecated. Use headerFooterTag if you want to change the wrapper of the header component and pass components.Header to change its contents.");}),subscribe(r.FooterContainer,function(){console.warn("react-virtuoso: FooterContainer is deprecated. Use headerFooterTag if you want to change the wrapper of the footer component and pass components.Footer to change its contents.");}),subscribe(r.scrollSeek,function(t){var r=t.placeholder,i=m(t,jt);console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead."),publish(o.components,c({},getValue(o.components),{ScrollSeekPlaceholder:r})),publish(n.scrollSeekConfiguration,i);}),i(r.footer,"Footer","footer"),i(r.header,"Header","header"),i(r.ItemContainer,"Item","ItemContainer"),i(r.ListContainer,"List","ListContainer"),i(r.ScrollContainer,"Scroller","ScrollContainer"),i(r.emptyComponent,"EmptyPlaceholder","emptyComponent"),i(r.GroupContainer,"Group","GroupContainer"),c({},n,o,r)},tup(At,Zt)),Qt=function(t){return React.createElement("div",{style:{height:t.height}})},Xt={position:Nt(),zIndex:1,overflowAnchor:"none"},te={overflowAnchor:"none"},ee=React.memo(function(t){var o=t.showTopList,r=void 0!==o&&o,i=ge("listState"),a=he("sizeRanges"),s=ge("useWindowScroll"),u=ge("customScrollParent"),m=he("windowScrollContainerState"),d=he("scrollContainerState"),f=u||s?m:d,p=ge("itemContent"),h=ge("context"),g=ge("groupContent"),v=ge("trackItemSizes"),S=ge("itemSize"),C=ge("log"),I=he("gap"),w=T(a,S,v,r?noop:f,C,I,u).callbackRef,x=React.useState(0),b=x[0],y=x[1];ve("deviation",function(t){b!==t&&y(t);});var H=ge("EmptyPlaceholder"),E=ge("ScrollSeekPlaceholder")||Qt,R=ge("ListComponent"),L=ge("ItemComponent"),F=ge("GroupComponent"),k=ge("computeItemKey"),z=ge("isSeeking"),B=ge("groupIndices").length>0,P=ge("paddingTopAddition"),O=r?{}:{boxSizing:"border-box",paddingTop:i.offsetTop+P,paddingBottom:i.offsetBottom,marginTop:b};return !r&&0===i.totalCount&&H?createElement$2(H,ie(H,h)):createElement$2(R,c({},ie(R,h),{ref:w,style:O,"data-test-id":r?"virtuoso-top-item-list":"virtuoso-item-list"}),(r?i.topItems:i.items).map(function(t){var e=t.originalIndex,n=k(e+i.firstItemIndex,t.data,h);return z?createElement$2(E,c({},ie(E,h),{key:n,index:t.index,height:t.size,type:t.type||"item"},"group"===t.type?{}:{groupIndex:t.groupIndex})):"group"===t.type?createElement$2(F,c({},ie(F,h),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,style:Xt}),g(t.index)):createElement$2(L,c({},ie(L,h),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,"data-item-group-index":t.groupIndex,style:te}),B?p(t.index,t.groupIndex,t.data,h):p(t.index,t.data,h))}))}),ne={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},oe={width:"100%",height:"100%",position:"absolute",top:0},re={width:"100%",position:Nt(),top:0};function ie(t,e){if("string"!=typeof t)return {context:e}}var ae=React.memo(function(){var t=ge("HeaderComponent"),e=he("headerHeight"),n=ge("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=ge("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null}),le=React.memo(function(){var t=ge("FooterComponent"),e=he("footerHeight"),n=ge("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=ge("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null});function se(t){var e=t.usePublisher,o=t.useEmitter,r=t.useEmitterValue;return React.memo(function(t){var n=t.style,i=t.children,a=m(t,Kt),s=e("scrollContainerState"),u=r("ScrollerComponent"),d=e("smoothScrollTargetReached"),f=r("scrollerRef"),p=r("context"),h=b(s,d,u,f),g=h.scrollerRef,v=h.scrollByCallback;return o("scrollTo",h.scrollToCallback),o("scrollBy",v),createElement$2(u,c({ref:g,style:c({},ne,n),"data-test-id":"virtuoso-scroller","data-virtuoso-scroller":!0,tabIndex:0},a,ie(u,p)),i)})}function ue(t){var o=t.usePublisher,r=t.useEmitter,i=t.useEmitterValue;return React.memo(function(t){var n=t.style,a=t.children,s=m(t,Yt),u=o("windowScrollContainerState"),d=i("ScrollerComponent"),f=o("smoothScrollTargetReached"),p=i("totalListHeight"),h=i("deviation"),v=i("customScrollParent"),S=i("context"),C=b(u,f,d,noop,v),I=C.scrollerRef,T=C.scrollByCallback,w=C.scrollToCallback;return g(function(){return I.current=v||window,function(){I.current=null;}},[I,v]),r("windowScrollTo",w),r("scrollBy",T),createElement$2(d,c({style:c({position:"relative"},n,0!==p?{height:p+h}:{}),"data-virtuoso-scroller":!0},s,ie(d,S)),a)})}var ce=function(t){var o=t.children,r=useContext$1(Gt),i=he("viewportHeight"),a=he("fixedItemHeight"),l=I(compose(i,function(t){return w(t,"height")}));return React.useEffect(function(){r&&(i(r.viewportHeight),a(r.itemHeight));},[r,i,a]),React.createElement("div",{style:oe,ref:l,"data-viewport-type":"element"},o)},me=function(t){var e=t.children,o=useContext$1(Gt),r=he("windowViewportRect"),i=he("fixedItemHeight"),a=ge("customScrollParent"),l=Dt(r,a);return React.useEffect(function(){o&&(i(o.itemHeight),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}));},[o,r,i]),React.createElement("div",{ref:l,style:oe,"data-viewport-type":"window"},e)},de=function(t){var e=t.children,n=ge("TopItemListComponent"),o=ge("headerHeight"),r=c({},re,{marginTop:o+"px"}),i=ge("context");return createElement$2(n||"div",{style:r,context:i},e)},fe=systemToComponent($t,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",groupContent:"groupContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",react18ConcurrentRendering:"react18ConcurrentRendering",item:"item",group:"group",topItems:"topItems",itemHeight:"itemHeight",scrollingStateChange:"scrollingStateChange",maxHeightCacheSize:"maxHeightCacheSize",footer:"footer",header:"header",ItemContainer:"ItemContainer",ScrollContainer:"ScrollContainer",ListContainer:"ListContainer",GroupContainer:"GroupContainer",emptyComponent:"emptyComponent",HeaderContainer:"HeaderContainer",FooterContainer:"FooterContainer",scrollSeek:"scrollSeek"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy",adjustForPrependedItems:"adjustForPrependedItems",autoscrollToBottom:"autoscrollToBottom"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},React.memo(function(t){var e=ge("useWindowScroll"),o=ge("topItemsIndexes").length>0,r=ge("customScrollParent"),i=r||e?me:ce;return React.createElement(r||e?Ce:Se,c({},t),React.createElement(i,null,React.createElement(ae,null),React.createElement(ee,null),React.createElement(le,null)),o&&React.createElement(de,null,React.createElement(ee,{showTopList:!0})))})),pe=fe.Component,he=fe.usePublisher,ge=fe.useEmitterValue,ve=fe.useEmitter,Se=se({usePublisher:he,useEmitterValue:ge,useEmitter:ve}),Ce=ue({usePublisher:he,useEmitterValue:ge,useEmitter:ve}),Ie={items:[],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},Te={items:[{index:0}],offsetBottom:0,offsetTop:0,top:0,bottom:0,itemHeight:0,itemWidth:0},we=Math.round,xe=Math.ceil,be=Math.floor,ye=Math.min,He=Math.max;function Ee(t,e,n){return Array.from({length:e-t+1}).map(function(e,o){return {index:o+t,data:null==n?void 0:n[o+t]}})}function Re(t,e){return t&&t.column===e.column&&t.row===e.row}var Le=system(function(t){var n=t[0],o=n.overscan,r=n.visibleRange,i=n.listBoundary,a=t[1],l=a.scrollTop,s=a.viewportHeight,u=a.scrollBy,m=a.scrollTo,d=a.smoothScrollTargetReached,f=a.scrollContainerState,p=a.footerHeight,h=a.headerHeight,g=t[2],v=t[3],S=t[4],C=S.propsReady,I=S.didMount,T=t[5],w=T.windowViewportRect,x=T.windowScrollTo,b=T.useWindowScroll,y=T.customScrollParent,H=T.windowScrollContainerState,E=t[6],R=statefulStream(0),L=statefulStream(0),F=statefulStream(Ie),k=statefulStream({height:0,width:0}),z=statefulStream({height:0,width:0}),B=stream(),P=stream(),O=statefulStream(0),M=statefulStream(void 0),W=statefulStream({row:0,column:0});connect(pipe(combineLatest(I,L,M),filter(function(t){return 0!==t[1]}),map(function(t){return {items:Ee(0,t[1]-1,t[2]),top:0,bottom:0,offsetBottom:0,offsetTop:0,itemHeight:0,itemWidth:0}})),F),connect(pipe(combineLatest(duc(R),r,duc(W,Re),duc(z,function(t,e){return t&&t.width===e.width&&t.height===e.height}),M),withLatestFrom(k),map(function(t){var e=t[0],n=e[0],o=e[1],r=o[0],i=o[1],a=e[2],l=e[3],s=e[4],u=t[1],m=a.row,d=a.column,f=l.height,p=l.width,h=u.width;if(0===n||0===h)return Ie;if(0===p)return function(t){return c({},Te,{items:t})}(Ee(0,0,s));var g=ze(h,p,d),v=g*be((r+m)/(f+m)),S=g*xe((i+m)/(f+m))-1;S=ye(n-1,He(S,g-1));var C=Ee(v=ye(S,He(0,v)),S,s),I=Fe(u,a,l,C),T=I.top,w=I.bottom,x=xe(n/g);return {items:C,offsetTop:T,offsetBottom:x*f+(x-1)*m-w,top:T,bottom:w,itemHeight:f,itemWidth:p}})),F),connect(pipe(M,filter(function(t){return void 0!==t}),map(function(t){return t.length})),R),connect(pipe(k,map(function(t){return t.height})),s),connect(pipe(combineLatest(k,z,F,W),map(function(t){var e=Fe(t[0],t[3],t[1],t[2].items);return [e.top,e.bottom]}),distinctUntilChanged(vt)),i);var V=streamFromEmitter(pipe(duc(F),filter(function(t){return t.items.length>0}),withLatestFrom(R),filter(function(t){var e=t[0].items;return e[e.length-1].index===t[1]-1}),map(function(t){return t[1]-1}),distinctUntilChanged())),U=streamFromEmitter(pipe(duc(F),filter(function(t){var e=t.items;return e.length>0&&0===e[0].index}),mapTo(0),distinctUntilChanged())),A=streamFromEmitter(pipe(duc(F),filter(function(t){return t.items.length>0}),map(function(t){var e=t.items;return {startIndex:e[0].index,endIndex:e[e.length-1].index}}),distinctUntilChanged(St)));connect(A,v.scrollSeekRangeChanged),connect(pipe(B,withLatestFrom(k,z,R,W),map(function(t){var e=t[1],n=t[2],o=t[3],r=t[4],i=at(t[0]),a=i.align,l=i.behavior,s=i.offset,u=i.index;"LAST"===u&&(u=o-1);var c=ke(e,r,n,u=He(0,u,ye(o-1,u)));return "end"===a?c=we(c-e.height+n.height):"center"===a&&(c=we(c-e.height/2+n.height/2)),s&&(c+=s),{top:c,behavior:l}})),m);var N=statefulStreamFromEmitter(pipe(F,map(function(t){return t.offsetBottom+t.bottom})),0);return connect(pipe(w,map(function(t){return {width:t.visibleWidth,height:t.visibleHeight}})),k),c({data:M,totalCount:R,viewportDimensions:k,itemDimensions:z,scrollTop:l,scrollHeight:P,overscan:o,scrollBy:u,scrollTo:m,scrollToIndex:B,smoothScrollTargetReached:d,windowViewportRect:w,windowScrollTo:x,useWindowScroll:b,customScrollParent:y,windowScrollContainerState:H,deviation:O,scrollContainerState:f,footerHeight:p,headerHeight:h,initialItemCount:L,gap:W},v,{gridState:F,totalListHeight:N},g,{startReached:U,endReached:V,rangeChanged:A,propsReady:C},E)},tup(Tt,y,ct,Et,mt,Ot,S));function Fe(t,e,n,o){var r=n.height;return void 0===r||0===o.length?{top:0,bottom:0}:{top:ke(t,e,n,o[0].index),bottom:ke(t,e,n,o[o.length-1].index)+r}}function ke(t,e,n,o){var r=ze(t.width,n.width,e.column),i=be(o/r),a=i*n.height+He(0,i-1)*e.row;return a>0?a+e.row:a}function ze(t,e,n){return He(1,be((t+n)/(e+n)))}var Be=["placeholder"],Pe=system(function(){var t=statefulStream(function(t){return "Item "+t}),n=statefulStream({}),o=statefulStream(null),r=statefulStream("virtuoso-grid-item"),i=statefulStream("virtuoso-grid-list"),a=statefulStream(qt),l=statefulStream("div"),s=statefulStream(noop),u=function(t,o){return void 0===o&&(o=null),statefulStreamFromEmitter(pipe(n,map(function(e){return e[t]}),distinctUntilChanged()),o)};return {context:o,itemContent:t,components:n,computeItemKey:a,itemClassName:r,listClassName:i,headerFooterTag:l,scrollerRef:s,FooterComponent:u("Footer"),HeaderComponent:u("Header"),ListComponent:u("List","div"),ItemComponent:u("Item","div"),ScrollerComponent:u("Scroller","div"),ScrollSeekPlaceholder:u("ScrollSeekPlaceholder","div")}}),Oe=system(function(t){var n=t[0],o=t[1],r={item:Jt(o.itemContent,"Rename the %citem%c prop to %citemContent."),ItemContainer:stream(),ScrollContainer:stream(),ListContainer:stream(),emptyComponent:stream(),scrollSeek:stream()};function i(t,n,r){connect(pipe(t,withLatestFrom(o.components),map(function(t){var e,o=t[0],i=t[1];return console.warn("react-virtuoso: "+r+" property is deprecated. Pass components."+n+" instead."),c({},i,((e={})[n]=o,e))})),o.components);}return subscribe(r.scrollSeek,function(t){var r=t.placeholder,i=m(t,Be);console.warn("react-virtuoso: scrollSeek property is deprecated. Pass scrollSeekConfiguration and specify the placeholder in components.ScrollSeekPlaceholder instead."),publish(o.components,c({},getValue(o.components),{ScrollSeekPlaceholder:r})),publish(n.scrollSeekConfiguration,i);}),i(r.ItemContainer,"Item","ItemContainer"),i(r.ListContainer,"List","ListContainer"),i(r.ScrollContainer,"Scroller","ScrollContainer"),c({},n,o,r)},tup(Le,Pe)),Me=React.memo(function(){var t=_e("gridState"),e=_e("listClassName"),n=_e("itemClassName"),o=_e("itemContent"),r=_e("computeItemKey"),i=_e("isSeeking"),a=Ge("scrollHeight"),s=_e("ItemComponent"),u=_e("ListComponent"),m=_e("ScrollSeekPlaceholder"),d=_e("context"),f=Ge("itemDimensions"),p=Ge("gap"),h=_e("log"),g=I(function(t){a(t.parentElement.parentElement.scrollHeight);var e=t.firstChild;e&&f(e.getBoundingClientRect()),p({row:qe("row-gap",getComputedStyle(t).rowGap,h),column:qe("column-gap",getComputedStyle(t).columnGap,h)});});return createElement$2(u,c({ref:g,className:e},ie(u,d),{style:{paddingTop:t.offsetTop,paddingBottom:t.offsetBottom}}),t.items.map(function(e){var a=r(e.index,e.data,d);return i?createElement$2(m,c({key:a},ie(m,d),{index:e.index,height:t.itemHeight,width:t.itemWidth})):createElement$2(s,c({},ie(s,d),{className:n,"data-index":e.index,key:a}),o(e.index,e.data,d))}))}),We=React.memo(function(){var t=_e("HeaderComponent"),e=Ge("headerHeight"),n=_e("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=_e("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null}),Ve=React.memo(function(){var t=_e("FooterComponent"),e=Ge("footerHeight"),n=_e("headerFooterTag"),o=I(function(t){return e(w(t,"height"))}),r=_e("context");return t?createElement$2(n,{ref:o},createElement$2(t,ie(t,r))):null}),Ue=function(t){var e=t.children,o=useContext$1(_t),r=Ge("itemDimensions"),i=Ge("viewportDimensions"),a=I(function(t){i(t.getBoundingClientRect());});return React.useEffect(function(){o&&(i({height:o.viewportHeight,width:o.viewportWidth}),r({height:o.itemHeight,width:o.itemWidth}));},[o,i,r]),React.createElement("div",{style:oe,ref:a},e)},Ae=function(t){var e=t.children,o=useContext$1(_t),r=Ge("windowViewportRect"),i=Ge("itemDimensions"),a=_e("customScrollParent"),l=Dt(r,a);return React.useEffect(function(){o&&(i({height:o.itemHeight,width:o.itemWidth}),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:o.viewportWidth}));},[o,r,i]),React.createElement("div",{ref:l,style:oe},e)},Ne=systemToComponent(Oe,{optional:{context:"context",totalCount:"totalCount",overscan:"overscan",itemContent:"itemContent",components:"components",computeItemKey:"computeItemKey",data:"data",initialItemCount:"initialItemCount",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",listClassName:"listClassName",itemClassName:"itemClassName",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",item:"item",ItemContainer:"ItemContainer",ScrollContainer:"ScrollContainer",ListContainer:"ListContainer",scrollSeek:"scrollSeek"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange"}},React.memo(function(t){var e=c({},t),o=_e("useWindowScroll"),r=_e("customScrollParent"),i=r||o?Ae:Ue;return React.createElement(r||o?Ye:Ke,c({},e),React.createElement(i,null,React.createElement(We,null),React.createElement(Me,null),React.createElement(Ve,null)))})),Ge=Ne.usePublisher,_e=Ne.useEmitterValue,je=Ne.useEmitter,Ke=se({usePublisher:Ge,useEmitterValue:_e,useEmitter:je}),Ye=ue({usePublisher:Ge,useEmitterValue:_e,useEmitter:je});function qe(t,e,n){return "normal"===e||null!=e&&e.endsWith("px")||n(t+" was not resolved to pixel value correctly",e,h.WARN),"normal"===e?0:parseInt(null!=e?e:"0",10)}var Ze=system(function(){var t=statefulStream(function(t){return React.createElement("td",null,"Item $",t)}),o=statefulStream(null),r=statefulStream(null),i=statefulStream(null),a=statefulStream({}),l=statefulStream(qt),s=statefulStream(noop),u=function(t,n){return void 0===n&&(n=null),statefulStreamFromEmitter(pipe(a,map(function(e){return e[t]}),distinctUntilChanged()),n)};return {context:o,itemContent:t,fixedHeaderContent:r,fixedFooterContent:i,components:a,computeItemKey:l,scrollerRef:s,TableComponent:u("Table","table"),TableHeadComponent:u("TableHead","thead"),TableFooterComponent:u("TableFoot","tfoot"),TableBodyComponent:u("TableBody","tbody"),TableRowComponent:u("TableRow","tr"),ScrollerComponent:u("Scroller","div"),EmptyPlaceholder:u("EmptyPlaceholder"),ScrollSeekPlaceholder:u("ScrollSeekPlaceholder"),FillerRow:u("FillerRow")}}),Je=system(function(t){return c({},t[0],t[1])},tup(At,Ze)),$e=function(t){return React.createElement("tr",null,React.createElement("td",{style:{height:t.height}}))},Qe=function(t){return React.createElement("tr",null,React.createElement("td",{style:{height:t.height,padding:0,border:0}}))},Xe=React.memo(function(){var t=an("listState"),e=rn("sizeRanges"),o=an("useWindowScroll"),r=an("customScrollParent"),i=rn("windowScrollContainerState"),a=rn("scrollContainerState"),s=r||o?i:a,u=an("itemContent"),m=an("trackItemSizes"),d=T(e,an("itemSize"),m,s,an("log"),void 0,r),f=d.callbackRef,p=d.ref,h=React.useState(0),g=h[0],v=h[1];ln("deviation",function(t){g!==t&&(p.current.style.marginTop=t+"px",v(t));});var S=an("EmptyPlaceholder"),C=an("ScrollSeekPlaceholder")||$e,I=an("FillerRow")||Qe,w=an("TableBodyComponent"),x=an("TableRowComponent"),b=an("computeItemKey"),y=an("isSeeking"),H=an("paddingTopAddition"),E=an("firstItemIndex"),R=an("statefulTotalCount"),L=an("context");if(0===R&&S)return createElement$2(S,ie(S,L));var F=t.offsetTop+H+g,k=t.offsetBottom,z=F>0?React.createElement(I,{height:F,key:"padding-top"}):null,B=k>0?React.createElement(I,{height:k,key:"padding-bottom"}):null,P=t.items.map(function(t){var e=t.originalIndex,n=b(e+E,t.data,L);return y?createElement$2(C,c({},ie(C,L),{key:n,index:t.index,height:t.size,type:t.type||"item"})):createElement$2(x,c({},ie(x,L),{key:n,"data-index":e,"data-known-size":t.size,"data-item-index":t.index,style:{overflowAnchor:"none"}}),u(t.index,t.data,L))});return createElement$2(w,c({ref:f,"data-test-id":"virtuoso-item-list"},ie(w,L)),[z].concat(P,[B]))}),tn=function(t){var o=t.children,r=useContext$1(Gt),i=rn("viewportHeight"),a=rn("fixedItemHeight"),l=I(compose(i,function(t){return w(t,"height")}));return React.useEffect(function(){r&&(i(r.viewportHeight),a(r.itemHeight));},[r,i,a]),React.createElement("div",{style:oe,ref:l,"data-viewport-type":"element"},o)},en=function(t){var e=t.children,o=useContext$1(Gt),r=rn("windowViewportRect"),i=rn("fixedItemHeight"),a=an("customScrollParent"),l=Dt(r,a);return React.useEffect(function(){o&&(i(o.itemHeight),r({offsetTop:0,visibleHeight:o.viewportHeight,visibleWidth:100}));},[o,r,i]),React.createElement("div",{ref:l,style:oe,"data-viewport-type":"window"},e)},nn=systemToComponent(Je,{required:{},optional:{context:"context",followOutput:"followOutput",firstItemIndex:"firstItemIndex",itemContent:"itemContent",fixedHeaderContent:"fixedHeaderContent",fixedFooterContent:"fixedFooterContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",totalCount:"totalCount",topItemCount:"topItemCount",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",groupCounts:"groupCounts",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedItemHeight:"fixedItemHeight",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",react18ConcurrentRendering:"react18ConcurrentRendering"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},React.memo(function(t){var o=an("useWindowScroll"),r=an("customScrollParent"),i=rn("fixedHeaderHeight"),a=rn("fixedFooterHeight"),l=an("fixedHeaderContent"),s=an("fixedFooterContent"),u=an("context"),m=I(compose(i,function(t){return w(t,"height")})),d=I(compose(a,function(t){return w(t,"height")})),f=r||o?un:sn,p=r||o?en:tn,h=an("TableComponent"),g=an("TableHeadComponent"),v=an("TableFooterComponent"),S=l?React.createElement(g,c({key:"TableHead",style:{zIndex:1,position:"sticky",top:0},ref:m},ie(g,u)),l()):null,C=s?React.createElement(v,c({key:"TableFoot",style:{zIndex:1,position:"sticky",bottom:0},ref:d},ie(v,u)),s()):null;return React.createElement(f,c({},t),React.createElement(p,null,React.createElement(h,c({style:{borderSpacing:0}},ie(h,u)),[S,React.createElement(Xe,{key:"TableBody"}),C])))})),rn=nn.usePublisher,an=nn.useEmitterValue,ln=nn.useEmitter,sn=se({usePublisher:rn,useEmitterValue:an,useEmitter:ln}),un=ue({usePublisher:rn,useEmitterValue:an,useEmitter:ln}),cn=pe;
+var n=function(){return n=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},n.apply(this,arguments)};function a(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]]);}return o}var c=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],i={opacity:0,maxWidth:"100%"},l=React__default.forwardRef((function(l,s){var u=a(l,[]),p=u.dragMode,d=void 0===p?"crop":p,v=u.src,f=u.style,m=u.className,g=u.crossOrigin,y=u.scaleX,b=u.scaleY,h=u.enable,O=u.zoomTo,T=u.rotateTo,z=u.alt,C=void 0===z?"picture":z,w=u.ready,x=u.onInitialized,j=a(u,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),M={scaleY:b,scaleX:y,enable:h,zoomTo:O,rotateTo:T},E=function(){for(var o=[],t=0;t<arguments.length;t++)o[t]=arguments[t];var n=useRef(null);return React__default.useEffect((function(){o.forEach((function(e){e&&("function"==typeof e?e(n.current):e.current=n.current);}));}),[o]),n}(s,useRef(null));useEffect((function(){var e;(null===(e=E.current)||void 0===e?void 0:e.cropper)&&"number"==typeof O&&E.current.cropper.zoomTo(O);}),[u.zoomTo]),useEffect((function(){var e;(null===(e=E.current)||void 0===e?void 0:e.cropper)&&void 0!==v&&E.current.cropper.reset().clear().replace(v);}),[v]),useEffect((function(){if(null!==E.current){var e=new Cropper(E.current,n(n({dragMode:d},j),{ready:function(e){null!==e.currentTarget&&function(e,r){void 0===r&&(r={});var o=r.enable,t=void 0===o||o,n=r.scaleX,a=void 0===n?1:n,c=r.scaleY,i=void 0===c?1:c,l=r.zoomTo,s=void 0===l?0:l,u=r.rotateTo;t?e.enable():e.disable(),e.scaleX(a),e.scaleY(i),void 0!==u&&e.rotateTo(u),s>0&&e.zoomTo(s);}(e.currentTarget.cropper,M),w&&w(e);}}));x&&x(e);}return function(){var e,r;null===(r=null===(e=E.current)||void 0===e?void 0:e.cropper)||void 0===r||r.destroy();}}),[E]);var R=function(e){return c.reduce((function(e,r){var o=e,t=r;return o[t],a(o,["symbol"==typeof t?t:t+""])}),e)}(n(n({},j),{crossOrigin:g,src:v,alt:C}));return React__default.createElement("div",{style:f,className:m},React__default.createElement("img",n({},R,{style:i,ref:E})))}));
 
 async function getBytes(stream, onChunk) {
     const reader = stream.getReader();
@@ -182663,4 +182663,4 @@ function defaultOnOpen(response) {
     }
 }
 
-export { CloseCircleFilled$1 as $, App$1 as A, Spin$1 as B, ConfigProvider$1 as C, CloseOutlined$1 as D, I$1 as E, html2canvas as F, Remarkable as G, H$1 as H, Icon$1 as I, Drawer as J, HighlightJS as K, LeftOutlined$1 as L, Modal$1 as M, DatePicker$1 as N, Button$2 as O, Pagination$1 as P, l as Q, RightOutlined$1 as R, StyleProvider as S, Tooltip$1 as T, Upload$1 as U, cn as V, Popover$1 as W, X$1 as X, DoubleRightOutlined$1 as Y, ZoomInOutlined$1 as Z, _object_spread as _, AntdMessage as a, Divider$1 as a0, fetchEventSource as a1, Affix$1 as a2, Alert$1 as a3, Anchor$1 as a4, RefAutoComplete$1 as a5, Avatar$1 as a6, FloatButton$1 as a7, index$4 as a8, Badge$1 as a9, Skeleton$1 as aA, Slider$1 as aB, Space$1 as aC, Statistic$1 as aD, Steps$1 as aE, Switch$1 as aF, Tabs as aG, Tag$1 as aH, theme as aI, TimePicker$1 as aJ, Timeline$1 as aK, Tour$1 as aL, Transfer$1 as aM, Tree$1 as aN, TreeSelect$1 as aO, Typography$1 as aP, Watermark$1 as aQ, QRCode$1 as aR, version$3 as aS, en_US$1 as aT, Breadcrumb$1 as aa, Calendar$1 as ab, Card$1 as ac, Carousel$1 as ad, Cascader$1 as ae, Checkbox$1 as af, Col$1 as ag, Collapse$1 as ah, Descriptions as ai, Dropdown$1 as aj, Empty$1 as ak, Form$1 as al, index$3 as am, Image$2 as an, InputNumber$1 as ao, Layout$1 as ap, List$1 as aq, Mentions$1 as ar, Menu$1 as as, Popconfirm$1 as at, Progress$1 as au, Radio$1 as av, Rate$1 as aw, Result$2 as ax, Row$3 as ay, Segmented$1 as az, AntdNotification as b, _extends as c, _object_destructuring_empty as d, _object_spread_props as e, jsxs as f, _sliced_to_array as g, Table$1 as h, _to_consumable_array as i, jsx as j, Select$1 as k, CaretDownOutlined$1 as l, _inherits as m, _create_super as n, _create_class as o, _class_call_check as p, _define_property as q, _assert_this_initialized as r, _async_to_generator as s, transform$2 as t, MinusOutlined$1 as u, PlusOutlined$1 as v, __generator$1 as w, Input$1 as x, SearchOutlined$1 as y, zhCN as z };
+export { CloseCircleFilled$1 as $, App$1 as A, Spin$1 as B, ConfigProvider$1 as C, CloseOutlined$1 as D, I as E, html2canvas as F, Remarkable as G, H, Icon$1 as I, Drawer as J, HighlightJS as K, LeftOutlined$1 as L, Modal$1 as M, cn as N, DatePicker$1 as O, Pagination$1 as P, Button$2 as Q, RightOutlined$1 as R, StyleProvider as S, Tooltip$1 as T, l as U, Upload$1 as V, Popover$1 as W, X, DoubleRightOutlined$1 as Y, ZoomInOutlined$1 as Z, _object_spread as _, AntdMessage as a, Divider$1 as a0, fetchEventSource as a1, Affix$1 as a2, Alert$1 as a3, Anchor$1 as a4, RefAutoComplete$1 as a5, Avatar$1 as a6, FloatButton$1 as a7, index$4 as a8, Badge$1 as a9, Skeleton$1 as aA, Slider$1 as aB, Space$1 as aC, Statistic$1 as aD, Steps$1 as aE, Switch$1 as aF, Tabs as aG, Tag$1 as aH, theme as aI, TimePicker$1 as aJ, Timeline$1 as aK, Tour$1 as aL, Transfer$1 as aM, Tree$1 as aN, TreeSelect$1 as aO, Typography$1 as aP, Watermark$1 as aQ, QRCode$1 as aR, version$3 as aS, en_US$1 as aT, Breadcrumb$1 as aa, Calendar$1 as ab, Card$1 as ac, Carousel$1 as ad, Cascader$1 as ae, Checkbox$1 as af, Col$1 as ag, Collapse$1 as ah, Descriptions as ai, Dropdown$1 as aj, Empty$1 as ak, Form$1 as al, index$3 as am, Image$2 as an, InputNumber$1 as ao, Layout$1 as ap, List$1 as aq, Mentions$1 as ar, Menu$1 as as, Popconfirm$1 as at, Progress$1 as au, Radio$1 as av, Rate$1 as aw, Result$2 as ax, Row$3 as ay, Segmented$1 as az, AntdNotification as b, _extends as c, _object_destructuring_empty as d, _object_spread_props as e, jsxs as f, _sliced_to_array as g, Table$1 as h, _to_consumable_array as i, jsx as j, Select$1 as k, CaretDownOutlined$1 as l, _inherits as m, _create_super as n, _create_class as o, _class_call_check as p, _define_property as q, _assert_this_initialized as r, _async_to_generator as s, transform$2 as t, MinusOutlined$1 as u, PlusOutlined$1 as v, __generator$1 as w, Input$1 as x, SearchOutlined$1 as y, zhCN as z };