@onepercentio/one-ui 1.3.2 → 1.3.4

package/dist/hooks/ui/useTilt.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateDistanceRelativeToBounds = calculateDistanceRelativeToBounds;
+exports.default = useTilt;
+exports.givenTheRelativePositionHowMuchToRotate = givenTheRelativePositionHowMuchToRotate;
+exports.useTiltUpdates = useTiltUpdates;
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _react = require("react");
+var _helpers = require("../../components/Parallax/math/helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const MAX_TILT = {
+  x: 100,
+  y: 100
+};
+function useTiltUpdates(active, relativeToEl, onTilt, onInverseMatrix) {
+  let sensorScale = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  let tiltLimit = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : MAX_TILT;
+  let options = arguments.length > 6 ? arguments[6] : undefined;
+  (0, _react.useEffect)(() => {
+    if (active) {
+      var _options$gyroEnabled;
+      const updatePositions = (relativeToX, relativeToY) => {
+        var _options$round, _options$round2;
+        const el = relativeToEl.current;
+        const rect = el.getBoundingClientRect();
+        const {
+          width: [x0, xW],
+          height: [y0, yH]
+        } = {
+          width: [rect.left, el.clientWidth],
+          height: [rect.top, el.clientHeight]
+        };
+        const distanceOffRight = calculateDistanceRelativeToBounds(relativeToX, x0, xW, (_options$round = options === null || options === void 0 ? void 0 : options.round) !== null && _options$round !== void 0 ? _options$round : true);
+        const distanceOffBottom = calculateDistanceRelativeToBounds(relativeToY, y0, yH, (_options$round2 = options === null || options === void 0 ? void 0 : options.round) !== null && _options$round2 !== void 0 ? _options$round2 : true);
+        const howMuchToRotateY = givenTheRelativePositionHowMuchToRotate(distanceOffRight, tiltLimit.y);
+        const howMuchToRotateX = givenTheRelativePositionHowMuchToRotate(distanceOffBottom, tiltLimit.x);
+        onTilt({
+          y: howMuchToRotateX * 2,
+          x: howMuchToRotateY * 2
+        });
+      };
+      const handler = (0, _throttle.default)(_ref => {
+        let {
+          x,
+          y
+        } = _ref;
+        updatePositions(x, y);
+      }, 1000 / 30);
+      const touchHandler = (0, _throttle.default)(_ref2 => {
+        let {
+          touches
+        } = _ref2;
+        const {
+          pageX,
+          pageY
+        } = touches[0];
+        updatePositions(pageX, pageY);
+      }, 1000 / 30);
+      window.addEventListener("mousemove", handler);
+      window.addEventListener("touchmove", touchHandler);
+      let _inverseMatrix;
+      const _limits = {
+        beta: undefined,
+        gamma: undefined
+      };
+      const orientationListener = _ref3 => {
+        let {
+          beta,
+          gamma
+        } = _ref3;
+        if ((beta !== null && beta !== void 0 ? beta : 0) + (gamma !== null && gamma !== void 0 ? gamma : 0) === 0) return;
+        beta = beta * 0.5;
+        gamma = gamma * 0.5;
+        if (!_inverseMatrix) {
+          window.removeEventListener("mousemove", handler);
+          window.removeEventListener("touchmove", touchHandler);
+          const offset = 12.5;
+          _limits.beta = [beta - offset, beta + offset];
+          _limits.gamma = [gamma - offset, gamma + offset];
+        }
+        const _beta = Math.min(_limits.beta[1], Math.max(_limits.beta[0], beta));
+        const _gamma = Math.min(_limits.gamma[1], Math.max(_limits.gamma[0], gamma));
+        if (!_inverseMatrix && onInverseMatrix) {
+          onInverseMatrix(() => {
+            return _inverseMatrix = (0, _helpers.flattenMatrix)((0, _helpers.invertMatrix)((0, _helpers.generateMatrixFromOperations)({
+              type: "rotateY",
+              angle: _gamma
+            }, {
+              type: "rotateX",
+              angle: -_beta
+            })));
+          });
+        }
+        onTilt({
+          y: -_beta * sensorScale,
+          x: _gamma * sensorScale
+        });
+      };
+      function removeListeners() {
+        window.removeEventListener("mousemove", handler);
+        window.removeEventListener("touchmove", touchHandler);
+      }
+      if ((_options$gyroEnabled = options === null || options === void 0 ? void 0 : options.gyroEnabled) !== null && _options$gyroEnabled !== void 0 ? _options$gyroEnabled : true) {
+        window.addEventListener("deviceorientation", orientationListener);
+        return () => {
+          window.removeEventListener("deviceorientation", orientationListener);
+          removeListeners();
+        };
+      } else {
+        return () => removeListeners();
+      }
+    }
+  }, [active, onInverseMatrix, onTilt]);
+}
+
+/**
+ * This hook binds to two methods for calculating tilt
+ *
+ * When available: The device sensors
+ * When on desktop: The mouse position relative to a ref
+ */
+function useTilt(active) {
+  let sensorScale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  let maxTilt = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MAX_TILT;
+  let options = arguments.length > 3 ? arguments[3] : undefined;
+  const [tilt, setTilt] = (0, _react.useState)({
+    x: 0,
+    y: 0
+  });
+  const [tiltResetMatrix, setTiltResetMatrix] = (0, _react.useState)(() => (0, _helpers.flattenMatrix)((0, _helpers.IDENTITY_MATRIX)()));
+  const relativeTo = (0, _react.useRef)(null);
+  useTiltUpdates(active, relativeTo, setTilt, setTiltResetMatrix, sensorScale, maxTilt, options);
+  return {
+    /** The element to monitor mouse hover relative to */
+    relativeTo,
+    /**
+     * The matrix that represents the original tilt, so it can be used with the tilt prop to tilt relative to the user
+     * Use it on css like so transform: matrix3d(tiltResetMatrix.join(",")) rotateX(tilt.x) rotateY(tilt.y)
+     */
+    tiltResetMatrix,
+    /**
+     * How much tilt should be applied based
+     */
+    tilt
+  };
+}
+function calculateDistanceRelativeToBounds(mousePosition, elementInitialPosition, elementSizeDimension, shouldRound) {
+  const normalizeInitialPosition = mousePosition - elementInitialPosition;
+  const doNotAllowGoingBeyondLowerLimit = Math.max(normalizeInitialPosition, 0);
+  const doNotAllowHoingBeyondHigherLimit = Math.min(doNotAllowGoingBeyondLowerLimit, elementSizeDimension);
+  const threeRule = doNotAllowHoingBeyondHigherLimit * 100 / elementSizeDimension;
+  const result = (shouldRound ? Math.round(threeRule) : threeRule) / 100;
+  return result;
+}
+function givenTheRelativePositionHowMuchToRotate(relativePosition, maxRotation) {
+  return relativePosition * maxRotation - maxRotation / 2;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdGhyb3R0bGUiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIl9oZWxwZXJzIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJNQVhfVElMVCIsIngiLCJ5IiwidXNlVGlsdFVwZGF0ZXMiLCJhY3RpdmUiLCJyZWxhdGl2ZVRvRWwiLCJvblRpbHQiLCJvbkludmVyc2VNYXRyaXgiLCJzZW5zb3JTY2FsZSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsInRpbHRMaW1pdCIsIm9wdGlvbnMiLCJ1c2VFZmZlY3QiLCJfb3B0aW9ucyRneXJvRW5hYmxlZCIsInVwZGF0ZVBvc2l0aW9ucyIsInJlbGF0aXZlVG9YIiwicmVsYXRpdmVUb1kiLCJfb3B0aW9ucyRyb3VuZCIsIl9vcHRpb25zJHJvdW5kMiIsImVsIiwiY3VycmVudCIsInJlY3QiLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJ3aWR0aCIsIngwIiwieFciLCJoZWlnaHQiLCJ5MCIsInlIIiwibGVmdCIsImNsaWVudFdpZHRoIiwidG9wIiwiY2xpZW50SGVpZ2h0IiwiZGlzdGFuY2VPZmZSaWdodCIsImNhbGN1bGF0ZURpc3RhbmNlUmVsYXRpdmVUb0JvdW5kcyIsInJvdW5kIiwiZGlzdGFuY2VPZmZCb3R0b20iLCJob3dNdWNoVG9Sb3RhdGVZIiwiZ2l2ZW5UaGVSZWxhdGl2ZVBvc2l0aW9uSG93TXVjaFRvUm90YXRlIiwiaG93TXVjaFRvUm90YXRlWCIsImhhbmRsZXIiLCJ0aHJvdHRsZSIsIl9yZWYiLCJ0b3VjaEhhbmRsZXIiLCJfcmVmMiIsInRvdWNoZXMiLCJwYWdlWCIsInBhZ2VZIiwid2luZG93IiwiYWRkRXZlbnRMaXN0ZW5lciIsIl9pbnZlcnNlTWF0cml4IiwiX2xpbWl0cyIsImJldGEiLCJnYW1tYSIsIm9yaWVudGF0aW9uTGlzdGVuZXIiLCJfcmVmMyIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJvZmZzZXQiLCJfYmV0YSIsIk1hdGgiLCJtaW4iLCJtYXgiLCJfZ2FtbWEiLCJmbGF0dGVuTWF0cml4IiwiaW52ZXJ0TWF0cml4IiwiZ2VuZXJhdGVNYXRyaXhGcm9tT3BlcmF0aW9ucyIsInR5cGUiLCJhbmdsZSIsInJlbW92ZUxpc3RlbmVycyIsImd5cm9FbmFibGVkIiwidXNlVGlsdCIsIm1heFRpbHQiLCJ0aWx0Iiwic2V0VGlsdCIsInVzZVN0YXRlIiwidGlsdFJlc2V0TWF0cml4Iiwic2V0VGlsdFJlc2V0TWF0cml4IiwiSURFTlRJVFlfTUFUUklYIiwicmVsYXRpdmVUbyIsInVzZVJlZiIsIm1vdXNlUG9zaXRpb24iLCJlbGVtZW50SW5pdGlhbFBvc2l0aW9uIiwiZWxlbWVudFNpemVEaW1lbnNpb24iLCJzaG91bGRSb3VuZCIsIm5vcm1hbGl6ZUluaXRpYWxQb3NpdGlvbiIsImRvTm90QWxsb3dHb2luZ0JleW9uZExvd2VyTGltaXQiLCJkb05vdEFsbG93SG9pbmdCZXlvbmRIaWdoZXJMaW1pdCIsInRocmVlUnVsZSIsInJlc3VsdCIsInJlbGF0aXZlUG9zaXRpb24iLCJtYXhSb3RhdGlvbiJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91aS91c2VUaWx0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdGhyb3R0bGUgZnJvbSBcImxvZGFzaC90aHJvdHRsZVwiO1xuaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gIGZsYXR0ZW5NYXRyaXgsXG4gIGdlbmVyYXRlTWF0cml4RnJvbU9wZXJhdGlvbnMsXG4gIElERU5USVRZX01BVFJJWCxcbiAgaW52ZXJ0TWF0cml4LFxufSBmcm9tIFwiLi4vLi4vY29tcG9uZW50cy9QYXJhbGxheC9tYXRoL2hlbHBlcnNcIjtcblxuY29uc3QgTUFYX1RJTFQgPSB7XG4gIHg6IDEwMCxcbiAgeTogMTAwLFxufTtcblxudHlwZSBPcHRpb25zID0ge1xuICByb3VuZD86IGJvb2xlYW47XG4gIGd5cm9FbmFibGVkPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VUaWx0VXBkYXRlcyhcbiAgYWN0aXZlOiBib29sZWFuLFxuICByZWxhdGl2ZVRvRWw6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+LFxuICBvblRpbHQ6IChwOiB7IHg6IG51bWJlcjsgeTogbnVtYmVyIH0pID0+IHZvaWQsXG4gIG9uSW52ZXJzZU1hdHJpeD86ICh1cGRhdGVGdW5jOiAobWF0cml4OiBudW1iZXJbXSkgPT4gbnVtYmVyW10pID0+IHZvaWQsXG4gIHNlbnNvclNjYWxlOiBudW1iZXIgPSAxLFxuICB0aWx0TGltaXQ6IHsgeDogbnVtYmVyOyB5OiBudW1iZXIgfSA9IE1BWF9USUxULFxuICBvcHRpb25zPzogT3B0aW9uc1xuKSB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGFjdGl2ZSkge1xuICAgICAgY29uc3QgdXBkYXRlUG9zaXRpb25zID0gKHJlbGF0aXZlVG9YOiBudW1iZXIsIHJlbGF0aXZlVG9ZOiBudW1iZXIpID0+IHtcbiAgICAgICAgY29uc3QgZWwgPSByZWxhdGl2ZVRvRWwuY3VycmVudCE7XG4gICAgICAgIGNvbnN0IHJlY3QgPSBlbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgIHdpZHRoOiBbeDAsIHhXXSxcbiAgICAgICAgICBoZWlnaHQ6IFt5MCwgeUhdLFxuICAgICAgICB9ID0ge1xuICAgICAgICAgIHdpZHRoOiBbcmVjdC5sZWZ0LCBlbC5jbGllbnRXaWR0aF0sXG4gICAgICAgICAgaGVpZ2h0OiBbcmVjdC50b3AsIGVsLmNsaWVudEhlaWdodF0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IGRpc3RhbmNlT2ZmUmlnaHQgPSBjYWxjdWxhdGVEaXN0YW5jZVJlbGF0aXZlVG9Cb3VuZHMoXG4gICAgICAgICAgcmVsYXRpdmVUb1gsXG4gICAgICAgICAgeDAsXG4gICAgICAgICAgeFcsXG4gICAgICAgICAgb3B0aW9ucz8ucm91bmQgPz8gdHJ1ZVxuICAgICAgICApO1xuICAgICAgICBjb25zdCBkaXN0YW5jZU9mZkJvdHRvbSA9IGNhbGN1bGF0ZURpc3RhbmNlUmVsYXRpdmVUb0JvdW5kcyhcbiAgICAgICAgICByZWxhdGl2ZVRvWSxcbiAgICAgICAgICB5MCxcbiAgICAgICAgICB5SCxcbiAgICAgICAgICBvcHRpb25zPy5yb3VuZCA/PyB0cnVlXG4gICAgICAgICk7XG4gICAgICAgIGNvbnN0IGhvd011Y2hUb1JvdGF0ZVkgPSBnaXZlblRoZVJlbGF0aXZlUG9zaXRpb25Ib3dNdWNoVG9Sb3RhdGUoXG4gICAgICAgICAgZGlzdGFuY2VPZmZSaWdodCxcbiAgICAgICAgICB0aWx0TGltaXQueVxuICAgICAgICApO1xuICAgICAgICBjb25zdCBob3dNdWNoVG9Sb3RhdGVYID0gZ2l2ZW5UaGVSZWxhdGl2ZVBvc2l0aW9uSG93TXVjaFRvUm90YXRlKFxuICAgICAgICAgIGRpc3RhbmNlT2ZmQm90dG9tLFxuICAgICAgICAgIHRpbHRMaW1pdC54XG4gICAgICAgICk7XG5cbiAgICAgICAgb25UaWx0KHtcbiAgICAgICAgICB5OiBob3dNdWNoVG9Sb3RhdGVYICogMixcbiAgICAgICAgICB4OiBob3dNdWNoVG9Sb3RhdGVZICogMixcbiAgICAgICAgfSk7XG4gICAgICB9O1xuICAgICAgY29uc3QgaGFuZGxlciA9IHRocm90dGxlKCh7IHgsIHkgfTogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICB1cGRhdGVQb3NpdGlvbnMoeCwgeSk7XG4gICAgICB9LCAxMDAwIC8gMzApO1xuICAgICAgY29uc3QgdG91Y2hIYW5kbGVyID0gdGhyb3R0bGUoKHsgdG91Y2hlcyB9OiBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgcGFnZVgsIHBhZ2VZIH0gPSB0b3VjaGVzWzBdO1xuICAgICAgICB1cGRhdGVQb3NpdGlvbnMocGFnZVgsIHBhZ2VZKTtcbiAgICAgIH0sIDEwMDAgLyAzMCk7XG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcIm1vdXNlbW92ZVwiLCBoYW5kbGVyKTtcbiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwidG91Y2htb3ZlXCIsIHRvdWNoSGFuZGxlcik7XG4gICAgICBsZXQgX2ludmVyc2VNYXRyaXg6IG51bWJlcltdIHwgdW5kZWZpbmVkO1xuICAgICAgY29uc3QgX2xpbWl0czoge1xuICAgICAgICBbayBpbiBcImJldGFcIiB8IFwiZ2FtbWFcIl0/OiBbbnVtYmVyLCBudW1iZXJdO1xuICAgICAgfSA9IHtcbiAgICAgICAgYmV0YTogdW5kZWZpbmVkLFxuICAgICAgICBnYW1tYTogdW5kZWZpbmVkLFxuICAgICAgfTtcbiAgICAgIGNvbnN0IG9yaWVudGF0aW9uTGlzdGVuZXI6IChlOiBEZXZpY2VPcmllbnRhdGlvbkV2ZW50KSA9PiB2b2lkID0gKHtcbiAgICAgICAgYmV0YSxcbiAgICAgICAgZ2FtbWEsXG4gICAgICB9KSA9PiB7XG4gICAgICAgIGlmICgoYmV0YSA/PyAwKSArIChnYW1tYSA/PyAwKSA9PT0gMCkgcmV0dXJuO1xuICAgICAgICBiZXRhID0gYmV0YSEgKiAwLjU7XG4gICAgICAgIGdhbW1hID0gZ2FtbWEhICogMC41O1xuICAgICAgICBpZiAoIV9pbnZlcnNlTWF0cml4KSB7XG4gICAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJtb3VzZW1vdmVcIiwgaGFuZGxlcik7XG4gICAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJ0b3VjaG1vdmVcIiwgdG91Y2hIYW5kbGVyKTtcbiAgICAgICAgICBjb25zdCBvZmZzZXQgPSAxMi41O1xuICAgICAgICAgIF9saW1pdHMuYmV0YSA9IFtiZXRhISAtIG9mZnNldCwgYmV0YSEgKyBvZmZzZXRdO1xuICAgICAgICAgIF9saW1pdHMuZ2FtbWEgPSBbZ2FtbWEhIC0gb2Zmc2V0LCBnYW1tYSEgKyBvZmZzZXRdO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IF9iZXRhID0gTWF0aC5taW4oXG4gICAgICAgICAgX2xpbWl0cy5iZXRhIVsxXSxcbiAgICAgICAgICBNYXRoLm1heChfbGltaXRzLmJldGEhWzBdLCBiZXRhISlcbiAgICAgICAgKTtcbiAgICAgICAgY29uc3QgX2dhbW1hID0gTWF0aC5taW4oXG4gICAgICAgICAgX2xpbWl0cy5nYW1tYSFbMV0sXG4gICAgICAgICAgTWF0aC5tYXgoX2xpbWl0cy5nYW1tYSFbMF0sIGdhbW1hISlcbiAgICAgICAgKTtcbiAgICAgICAgaWYgKCFfaW52ZXJzZU1hdHJpeCAmJiBvbkludmVyc2VNYXRyaXgpIHtcbiAgICAgICAgICBvbkludmVyc2VNYXRyaXgoKCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChfaW52ZXJzZU1hdHJpeCA9IGZsYXR0ZW5NYXRyaXgoXG4gICAgICAgICAgICAgIGludmVydE1hdHJpeChcbiAgICAgICAgICAgICAgICBnZW5lcmF0ZU1hdHJpeEZyb21PcGVyYXRpb25zKFxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiBcInJvdGF0ZVlcIixcbiAgICAgICAgICAgICAgICAgICAgYW5nbGU6IF9nYW1tYSEsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiBcInJvdGF0ZVhcIixcbiAgICAgICAgICAgICAgICAgICAgYW5nbGU6IC1fYmV0YSEsXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICApKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBvblRpbHQoe1xuICAgICAgICAgIHk6IC1fYmV0YSAqIHNlbnNvclNjYWxlLFxuICAgICAgICAgIHg6IF9nYW1tYSAqIHNlbnNvclNjYWxlLFxuICAgICAgICB9KTtcbiAgICAgIH07XG4gICAgICBmdW5jdGlvbiByZW1vdmVMaXN0ZW5lcnMoKSB7XG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwibW91c2Vtb3ZlXCIsIGhhbmRsZXIpO1xuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInRvdWNobW92ZVwiLCB0b3VjaEhhbmRsZXIpO1xuICAgICAgfVxuICAgICAgaWYgKG9wdGlvbnM/Lmd5cm9FbmFibGVkID8/IHRydWUpIHtcbiAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoXCJkZXZpY2VvcmllbnRhdGlvblwiLCBvcmllbnRhdGlvbkxpc3RlbmVyKTtcbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRldmljZW9yaWVudGF0aW9uXCIsIG9yaWVudGF0aW9uTGlzdGVuZXIpO1xuICAgICAgICAgIHJlbW92ZUxpc3RlbmVycygpO1xuICAgICAgICB9O1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuICgpID0+IHJlbW92ZUxpc3RlbmVycygpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2FjdGl2ZSwgb25JbnZlcnNlTWF0cml4LCBvblRpbHRdKTtcbn1cblxuLyoqXG4gKiBUaGlzIGhvb2sgYmluZHMgdG8gdHdvIG1ldGhvZHMgZm9yIGNhbGN1bGF0aW5nIHRpbHRcbiAqXG4gKiBXaGVuIGF2YWlsYWJsZTogVGhlIGRldmljZSBzZW5zb3JzXG4gKiBXaGVuIG9uIGRlc2t0b3A6IFRoZSBtb3VzZSBwb3NpdGlvbiByZWxhdGl2ZSB0byBhIHJlZlxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VUaWx0KFxuICBhY3RpdmU6IGJvb2xlYW4sXG4gIC8qKlxuICAgKiBBIHNjYWxlIHRvIGluY3JlYXNlIHRoZSB2YWx1ZXMgZnJvbSB0aGUgc2Vuc29yc1xuICAgKlxuICAgKiBAaGFjayBZb3UgY2FuIHNldCB0aGlzIHZhbHVlIHRvIDAgYXMgYSB3YXkgdG8gZGlzYWJsZSB0aGUgdGlsdCBjYWxjIG9uIG1vYmlsZVxuICAgKi9cbiAgc2Vuc29yU2NhbGU6IG51bWJlciA9IDEsXG4gIG1heFRpbHQ6IHsgeDogbnVtYmVyOyB5OiBudW1iZXIgfSA9IE1BWF9USUxULFxuICBvcHRpb25zPzogT3B0aW9uc1xuKSB7XG4gIGNvbnN0IFt0aWx0LCBzZXRUaWx0XSA9IHVzZVN0YXRlPHsgeDogbnVtYmVyOyB5OiBudW1iZXIgfT4oe1xuICAgIHg6IDAsXG4gICAgeTogMCxcbiAgfSk7XG4gIGNvbnN0IFt0aWx0UmVzZXRNYXRyaXgsIHNldFRpbHRSZXNldE1hdHJpeF0gPSB1c2VTdGF0ZTxudW1iZXJbXT4oKCkgPT5cbiAgICBmbGF0dGVuTWF0cml4KElERU5USVRZX01BVFJJWCgpKVxuICApO1xuICBjb25zdCByZWxhdGl2ZVRvID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICB1c2VUaWx0VXBkYXRlcyhcbiAgICBhY3RpdmUsXG4gICAgcmVsYXRpdmVUbyxcbiAgICBzZXRUaWx0LFxuICAgIHNldFRpbHRSZXNldE1hdHJpeCxcbiAgICBzZW5zb3JTY2FsZSxcbiAgICBtYXhUaWx0LFxuICAgIG9wdGlvbnNcbiAgKTtcblxuICByZXR1cm4ge1xuICAgIC8qKiBUaGUgZWxlbWVudCB0byBtb25pdG9yIG1vdXNlIGhvdmVyIHJlbGF0aXZlIHRvICovXG4gICAgcmVsYXRpdmVUbyxcbiAgICAvKipcbiAgICAgKiBUaGUgbWF0cml4IHRoYXQgcmVwcmVzZW50cyB0aGUgb3JpZ2luYWwgdGlsdCwgc28gaXQgY2FuIGJlIHVzZWQgd2l0aCB0aGUgdGlsdCBwcm9wIHRvIHRpbHQgcmVsYXRpdmUgdG8gdGhlIHVzZXJcbiAgICAgKiBVc2UgaXQgb24gY3NzIGxpa2Ugc28gdHJhbnNmb3JtOiBtYXRyaXgzZCh0aWx0UmVzZXRNYXRyaXguam9pbihcIixcIikpIHJvdGF0ZVgodGlsdC54KSByb3RhdGVZKHRpbHQueSlcbiAgICAgKi9cbiAgICB0aWx0UmVzZXRNYXRyaXgsXG5cbiAgICAvKipcbiAgICAgKiBIb3cgbXVjaCB0aWx0IHNob3VsZCBiZSBhcHBsaWVkIGJhc2VkXG4gICAgICovXG4gICAgdGlsdCxcbiAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGNhbGN1bGF0ZURpc3RhbmNlUmVsYXRpdmVUb0JvdW5kcyhcbiAgbW91c2VQb3NpdGlvbjogbnVtYmVyLFxuICBlbGVtZW50SW5pdGlhbFBvc2l0aW9uOiBudW1iZXIsXG4gIGVsZW1lbnRTaXplRGltZW5zaW9uOiBudW1iZXIsXG4gIHNob3VsZFJvdW5kOiBib29sZWFuXG4pIHtcbiAgY29uc3Qgbm9ybWFsaXplSW5pdGlhbFBvc2l0aW9uID0gbW91c2VQb3NpdGlvbiAtIGVsZW1lbnRJbml0aWFsUG9zaXRpb247XG4gIGNvbnN0IGRvTm90QWxsb3dHb2luZ0JleW9uZExvd2VyTGltaXQgPSBNYXRoLm1heChub3JtYWxpemVJbml0aWFsUG9zaXRpb24sIDApO1xuICBjb25zdCBkb05vdEFsbG93SG9pbmdCZXlvbmRIaWdoZXJMaW1pdCA9IE1hdGgubWluKFxuICAgIGRvTm90QWxsb3dHb2luZ0JleW9uZExvd2VyTGltaXQsXG4gICAgZWxlbWVudFNpemVEaW1lbnNpb25cbiAgKTtcbiAgY29uc3QgdGhyZWVSdWxlID1cbiAgICAoZG9Ob3RBbGxvd0hvaW5nQmV5b25kSGlnaGVyTGltaXQgKiAxMDApIC8gZWxlbWVudFNpemVEaW1lbnNpb247XG4gIGNvbnN0IHJlc3VsdCA9IChzaG91bGRSb3VuZCA/IE1hdGgucm91bmQodGhyZWVSdWxlKSA6IHRocmVlUnVsZSkgLyAxMDA7XG4gIHJldHVybiByZXN1bHQ7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnaXZlblRoZVJlbGF0aXZlUG9zaXRpb25Ib3dNdWNoVG9Sb3RhdGUoXG4gIHJlbGF0aXZlUG9zaXRpb246IG51bWJlcixcbiAgbWF4Um90YXRpb246IG51bWJlclxuKSB7XG4gIHJldHVybiByZWxhdGl2ZVBvc2l0aW9uICogbWF4Um90YXRpb24gLSBtYXhSb3RhdGlvbiAvIDI7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLElBQUFBLFNBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFFBQUEsR0FBQUYsT0FBQTtBQUtnRCxTQUFBRCx1QkFBQUksR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUVoRCxNQUFNRyxRQUFRLEdBQUc7RUFDZkMsQ0FBQyxFQUFFLEdBQUc7RUFDTkMsQ0FBQyxFQUFFO0FBQ0wsQ0FBQztBQU9NLFNBQVNDLGNBQWNBLENBQzVCQyxNQUFlLEVBQ2ZDLFlBQThDLEVBQzlDQyxNQUE2QyxFQUM3Q0MsZUFBc0UsRUFJdEU7RUFBQSxJQUhBQyxXQUFtQixHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxDQUFDO0VBQUEsSUFDdkJHLFNBQW1DLEdBQUFILFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHVCxRQUFRO0VBQUEsSUFDOUNhLE9BQWlCLEdBQUFKLFNBQUEsQ0FBQUMsTUFBQSxPQUFBRCxTQUFBLE1BQUFFLFNBQUE7RUFFakIsSUFBQUcsZ0JBQVMsRUFBQyxNQUFNO0lBQ2QsSUFBSVYsTUFBTSxFQUFFO01BQUEsSUFBQVcsb0JBQUE7TUFDVixNQUFNQyxlQUFlLEdBQUdBLENBQUNDLFdBQW1CLEVBQUVDLFdBQW1CLEtBQUs7UUFBQSxJQUFBQyxjQUFBLEVBQUFDLGVBQUE7UUFDcEUsTUFBTUMsRUFBRSxHQUFHaEIsWUFBWSxDQUFDaUIsT0FBUTtRQUNoQyxNQUFNQyxJQUFJLEdBQUdGLEVBQUUsQ0FBQ0cscUJBQXFCLENBQUMsQ0FBQztRQUN2QyxNQUFNO1VBQ0pDLEtBQUssRUFBRSxDQUFDQyxFQUFFLEVBQUVDLEVBQUUsQ0FBQztVQUNmQyxNQUFNLEVBQUUsQ0FBQ0MsRUFBRSxFQUFFQyxFQUFFO1FBQ2pCLENBQUMsR0FBRztVQUNGTCxLQUFLLEVBQUUsQ0FBQ0YsSUFBSSxDQUFDUSxJQUFJLEVBQUVWLEVBQUUsQ0FBQ1csV0FBVyxDQUFDO1VBQ2xDSixNQUFNLEVBQUUsQ0FBQ0wsSUFBSSxDQUFDVSxHQUFHLEVBQUVaLEVBQUUsQ0FBQ2EsWUFBWTtRQUNwQyxDQUFDO1FBQ0QsTUFBTUMsZ0JBQWdCLEdBQUdDLGlDQUFpQyxDQUN4RG5CLFdBQVcsRUFDWFMsRUFBRSxFQUNGQyxFQUFFLEdBQUFSLGNBQUEsR0FDRk4sT0FBTyxhQUFQQSxPQUFPLHVCQUFQQSxPQUFPLENBQUV3QixLQUFLLGNBQUFsQixjQUFBLGNBQUFBLGNBQUEsR0FBSSxJQUNwQixDQUFDO1FBQ0QsTUFBTW1CLGlCQUFpQixHQUFHRixpQ0FBaUMsQ0FDekRsQixXQUFXLEVBQ1hXLEVBQUUsRUFDRkMsRUFBRSxHQUFBVixlQUFBLEdBQ0ZQLE9BQU8sYUFBUEEsT0FBTyx1QkFBUEEsT0FBTyxDQUFFd0IsS0FBSyxjQUFBakIsZUFBQSxjQUFBQSxlQUFBLEdBQUksSUFDcEIsQ0FBQztRQUNELE1BQU1tQixnQkFBZ0IsR0FBR0MsdUNBQXVDLENBQzlETCxnQkFBZ0IsRUFDaEJ2QixTQUFTLENBQUNWLENBQ1osQ0FBQztRQUNELE1BQU11QyxnQkFBZ0IsR0FBR0QsdUNBQXVDLENBQzlERixpQkFBaUIsRUFDakIxQixTQUFTLENBQUNYLENBQ1osQ0FBQztRQUVESyxNQUFNLENBQUM7VUFDTEosQ0FBQyxFQUFFdUMsZ0JBQWdCLEdBQUcsQ0FBQztVQUN2QnhDLENBQUMsRUFBRXNDLGdCQUFnQixHQUFHO1FBQ3hCLENBQUMsQ0FBQztNQUNKLENBQUM7TUFDRCxNQUFNRyxPQUFPLEdBQUcsSUFBQUMsaUJBQVEsRUFBQ0MsSUFBQSxJQUEwQjtRQUFBLElBQXpCO1VBQUUzQyxDQUFDO1VBQUVDO1FBQWMsQ0FBQyxHQUFBMEMsSUFBQTtRQUM1QzVCLGVBQWUsQ0FBQ2YsQ0FBQyxFQUFFQyxDQUFDLENBQUM7TUFDdkIsQ0FBQyxFQUFFLElBQUksR0FBRyxFQUFFLENBQUM7TUFDYixNQUFNMkMsWUFBWSxHQUFHLElBQUFGLGlCQUFRLEVBQUNHLEtBQUEsSUFBNkI7UUFBQSxJQUE1QjtVQUFFQztRQUFvQixDQUFDLEdBQUFELEtBQUE7UUFDcEQsTUFBTTtVQUFFRSxLQUFLO1VBQUVDO1FBQU0sQ0FBQyxHQUFHRixPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQ25DL0IsZUFBZSxDQUFDZ0MsS0FBSyxFQUFFQyxLQUFLLENBQUM7TUFDL0IsQ0FBQyxFQUFFLElBQUksR0FBRyxFQUFFLENBQUM7TUFDYkMsTUFBTSxDQUFDQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUVULE9BQU8sQ0FBQztNQUM3Q1EsTUFBTSxDQUFDQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUVOLFlBQVksQ0FBQztNQUNsRCxJQUFJTyxjQUFvQztNQUN4QyxNQUFNQyxPQUVMLEdBQUc7UUFDRkMsSUFBSSxFQUFFM0MsU0FBUztRQUNmNEMsS0FBSyxFQUFFNUM7TUFDVCxDQUFDO01BQ0QsTUFBTTZDLG1CQUF3RCxHQUFHQyxLQUFBLElBRzNEO1FBQUEsSUFINEQ7VUFDaEVILElBQUk7VUFDSkM7UUFDRixDQUFDLEdBQUFFLEtBQUE7UUFDQyxJQUFJLENBQUNILElBQUksYUFBSkEsSUFBSSxjQUFKQSxJQUFJLEdBQUksQ0FBQyxLQUFLQyxLQUFLLGFBQUxBLEtBQUssY0FBTEEsS0FBSyxHQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN0Q0QsSUFBSSxHQUFHQSxJQUFJLEdBQUksR0FBRztRQUNsQkMsS0FBSyxHQUFHQSxLQUFLLEdBQUksR0FBRztRQUNwQixJQUFJLENBQUNILGNBQWMsRUFBRTtVQUNuQkYsTUFBTSxDQUFDUSxtQkFBbUIsQ0FBQyxXQUFXLEVBQUVoQixPQUFPLENBQUM7VUFDaERRLE1BQU0sQ0FBQ1EsbUJBQW1CLENBQUMsV0FBVyxFQUFFYixZQUFZLENBQUM7VUFDckQsTUFBTWMsTUFBTSxHQUFHLElBQUk7VUFDbkJOLE9BQU8sQ0FBQ0MsSUFBSSxHQUFHLENBQUNBLElBQUksR0FBSUssTUFBTSxFQUFFTCxJQUFJLEdBQUlLLE1BQU0sQ0FBQztVQUMvQ04sT0FBTyxDQUFDRSxLQUFLLEdBQUcsQ0FBQ0EsS0FBSyxHQUFJSSxNQUFNLEVBQUVKLEtBQUssR0FBSUksTUFBTSxDQUFDO1FBQ3BEO1FBQ0EsTUFBTUMsS0FBSyxHQUFHQyxJQUFJLENBQUNDLEdBQUcsQ0FDcEJULE9BQU8sQ0FBQ0MsSUFBSSxDQUFFLENBQUMsQ0FBQyxFQUNoQk8sSUFBSSxDQUFDRSxHQUFHLENBQUNWLE9BQU8sQ0FBQ0MsSUFBSSxDQUFFLENBQUMsQ0FBQyxFQUFFQSxJQUFLLENBQ2xDLENBQUM7UUFDRCxNQUFNVSxNQUFNLEdBQUdILElBQUksQ0FBQ0MsR0FBRyxDQUNyQlQsT0FBTyxDQUFDRSxLQUFLLENBQUUsQ0FBQyxDQUFDLEVBQ2pCTSxJQUFJLENBQUNFLEdBQUcsQ0FBQ1YsT0FBTyxDQUFDRSxLQUFLLENBQUUsQ0FBQyxDQUFDLEVBQUVBLEtBQU0sQ0FDcEMsQ0FBQztRQUNELElBQUksQ0FBQ0gsY0FBYyxJQUFJN0MsZUFBZSxFQUFFO1VBQ3RDQSxlQUFlLENBQUMsTUFBTTtZQUNwQixPQUFRNkMsY0FBYyxHQUFHLElBQUFhLHNCQUFhLEVBQ3BDLElBQUFDLHFCQUFZLEVBQ1YsSUFBQUMscUNBQTRCLEVBQzFCO2NBQ0VDLElBQUksRUFBRSxTQUFTO2NBQ2ZDLEtBQUssRUFBRUw7WUFDVCxDQUFDLEVBQ0Q7Y0FDRUksSUFBSSxFQUFFLFNBQVM7Y0FDZkMsS0FBSyxFQUFFLENBQUNUO1lBQ1YsQ0FDRixDQUNGLENBQ0YsQ0FBQztVQUNILENBQUMsQ0FBQztRQUNKO1FBQ0F0RCxNQUFNLENBQUM7VUFDTEosQ0FBQyxFQUFFLENBQUMwRCxLQUFLLEdBQUdwRCxXQUFXO1VBQ3ZCUCxDQUFDLEVBQUUrRCxNQUFNLEdBQUd4RDtRQUNkLENBQUMsQ0FBQztNQUNKLENBQUM7TUFDRCxTQUFTOEQsZUFBZUEsQ0FBQSxFQUFHO1FBQ3pCcEIsTUFBTSxDQUFDUSxtQkFBbUIsQ0FBQyxXQUFXLEVBQUVoQixPQUFPLENBQUM7UUFDaERRLE1BQU0sQ0FBQ1EsbUJBQW1CLENBQUMsV0FBVyxFQUFFYixZQUFZLENBQUM7TUFDdkQ7TUFDQSxLQUFBOUIsb0JBQUEsR0FBSUYsT0FBTyxhQUFQQSxPQUFPLHVCQUFQQSxPQUFPLENBQUUwRCxXQUFXLGNBQUF4RCxvQkFBQSxjQUFBQSxvQkFBQSxHQUFJLElBQUksRUFBRTtRQUNoQ21DLE1BQU0sQ0FBQ0MsZ0JBQWdCLENBQUMsbUJBQW1CLEVBQUVLLG1CQUFtQixDQUFDO1FBQ2pFLE9BQU8sTUFBTTtVQUNYTixNQUFNLENBQUNRLG1CQUFtQixDQUFDLG1CQUFtQixFQUFFRixtQkFBbUIsQ0FBQztVQUNwRWMsZUFBZSxDQUFDLENBQUM7UUFDbkIsQ0FBQztNQUNILENBQUMsTUFBTTtRQUNMLE9BQU8sTUFBTUEsZUFBZSxDQUFDLENBQUM7TUFDaEM7SUFDRjtFQUNGLENBQUMsRUFBRSxDQUFDbEUsTUFBTSxFQUFFRyxlQUFlLEVBQUVELE1BQU0sQ0FBQyxDQUFDO0FBQ3ZDOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNlLFNBQVNrRSxPQUFPQSxDQUM3QnBFLE1BQWUsRUFTZjtFQUFBLElBSEFJLFdBQW1CLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUM7RUFBQSxJQUN2QmdFLE9BQWlDLEdBQUFoRSxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBR1QsUUFBUTtFQUFBLElBQzVDYSxPQUFpQixHQUFBSixTQUFBLENBQUFDLE1BQUEsT0FBQUQsU0FBQSxNQUFBRSxTQUFBO0VBRWpCLE1BQU0sQ0FBQytELElBQUksRUFBRUMsT0FBTyxDQUFDLEdBQUcsSUFBQUMsZUFBUSxFQUEyQjtJQUN6RDNFLENBQUMsRUFBRSxDQUFDO0lBQ0pDLENBQUMsRUFBRTtFQUNMLENBQUMsQ0FBQztFQUNGLE1BQU0sQ0FBQzJFLGVBQWUsRUFBRUMsa0JBQWtCLENBQUMsR0FBRyxJQUFBRixlQUFRLEVBQVcsTUFDL0QsSUFBQVgsc0JBQWEsRUFBQyxJQUFBYyx3QkFBZSxFQUFDLENBQUMsQ0FDakMsQ0FBQztFQUNELE1BQU1DLFVBQVUsR0FBRyxJQUFBQyxhQUFNLEVBQWlCLElBQUksQ0FBQztFQUUvQzlFLGNBQWMsQ0FDWkMsTUFBTSxFQUNONEUsVUFBVSxFQUNWTCxPQUFPLEVBQ1BHLGtCQUFrQixFQUNsQnRFLFdBQVcsRUFDWGlFLE9BQU8sRUFDUDVELE9BQ0YsQ0FBQztFQUVELE9BQU87SUFDTDtJQUNBbUUsVUFBVTtJQUNWO0FBQ0o7QUFDQTtBQUNBO0lBQ0lILGVBQWU7SUFFZjtBQUNKO0FBQ0E7SUFDSUg7RUFDRixDQUFDO0FBQ0g7QUFFTyxTQUFTdEMsaUNBQWlDQSxDQUMvQzhDLGFBQXFCLEVBQ3JCQyxzQkFBOEIsRUFDOUJDLG9CQUE0QixFQUM1QkMsV0FBb0IsRUFDcEI7RUFDQSxNQUFNQyx3QkFBd0IsR0FBR0osYUFBYSxHQUFHQyxzQkFBc0I7RUFDdkUsTUFBTUksK0JBQStCLEdBQUcxQixJQUFJLENBQUNFLEdBQUcsQ0FBQ3VCLHdCQUF3QixFQUFFLENBQUMsQ0FBQztFQUM3RSxNQUFNRSxnQ0FBZ0MsR0FBRzNCLElBQUksQ0FBQ0MsR0FBRyxDQUMvQ3lCLCtCQUErQixFQUMvQkgsb0JBQ0YsQ0FBQztFQUNELE1BQU1LLFNBQVMsR0FDWkQsZ0NBQWdDLEdBQUcsR0FBRyxHQUFJSixvQkFBb0I7RUFDakUsTUFBTU0sTUFBTSxHQUFHLENBQUNMLFdBQVcsR0FBR3hCLElBQUksQ0FBQ3hCLEtBQUssQ0FBQ29ELFNBQVMsQ0FBQyxHQUFHQSxTQUFTLElBQUksR0FBRztFQUN0RSxPQUFPQyxNQUFNO0FBQ2Y7QUFFTyxTQUFTbEQsdUNBQXVDQSxDQUNyRG1ELGdCQUF3QixFQUN4QkMsV0FBbUIsRUFDbkI7RUFDQSxPQUFPRCxnQkFBZ0IsR0FBR0MsV0FBVyxHQUFHQSxXQUFXLEdBQUcsQ0FBQztBQUN6RCJ9

package/dist/hooks/ui/useZoomable.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useZoomable;
+var _react = _interopRequireWildcard(require("react"));
+var _client = require("react-dom/client");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _useZoomableModule = _interopRequireDefault(require("./useZoomable.module.scss"));
+var _useHero = _interopRequireDefault(require("../useHero"));
+var _useMergeRefs = require("../useMergeRefs");
+var _ownEvent = _interopRequireDefault(require("../../utils/ownEvent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * Allows an element to be zoomable for fullscreen
+ */
+function useZoomable(id) {
+  const zoomableID = (0, _react.useMemo)(() => "zoomable-".concat(id), []);
+  const getBackdrop = () => {
+    return document.querySelector("[data-zoomable=\"".concat(zoomableID, "\"]"));
+  };
+  const {
+    heroRef,
+    trigger
+  } = (0, _useHero.default)(zoomableID, {
+    "data-preffix": "zoomable",
+    repeatable: true
+  }, {
+    onHeroStart: function (clone) {
+      const bd = getBackdrop();
+      const removeCb = _ref => {
+        let {
+          currentTarget,
+          target
+        } = _ref;
+        if (target === currentTarget) {
+          if ("unmountComponentAtNode" in _reactDom.default) _reactDom.default.unmountComponentAtNode(bd);else console.error("This component doesn't work with the new versions of react yet...");
+          bd.remove();
+        }
+      };
+      bd.style.opacity = "0";
+      const middlewayClick = () => {
+        bd.removeEventListener("transitionend", removeCb);
+        clone.removeEventListener("click", middlewayClick);
+        _zoom();
+      };
+      clone.addEventListener("click", middlewayClick);
+      bd.addEventListener("transitionend", removeCb);
+      bd.addEventListener("transitionstart", () => {
+        bd.addEventListener("transitioncancel", (0, _ownEvent.default)(() => bd.removeEventListener("transitionend", removeCb)));
+      });
+    }
+  });
+  const zoomableEl = (0, _react.useRef)(null);
+  function _unzoom() {
+    trigger();
+  }
+  function _zoom() {
+    const el = zoomableEl.current;
+    const elClone = el.cloneNode(true);
+    elClone.style.visibility = "hidden";
+    function HeroMount() {
+      const {
+        heroRef
+      } = (0, _useHero.default)(zoomableID, {
+        "data-preffix": "zoomable",
+        repeatable: true
+      }, {
+        onHeroStart: function (clone) {
+          getBackdrop().style.opacity = "1";
+          const unzoomCb = () => {
+            _unzoom();
+            clone.removeEventListener("click", unzoomCb);
+          };
+          clone.addEventListener("click", unzoomCb);
+        },
+        onHeroEnd: () => {
+          heroRef.current.classList.remove(_useZoomableModule.default.zoomableIndicator);
+        }
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        ref: ref => {
+          if (ref) {
+            ref.appendChild(elClone);
+            heroRef.current = elClone;
+            const verticalProportion = el.clientWidth / el.clientHeight;
+            const targetWidth = ref.clientHeight * verticalProportion;
+            if (targetWidth > ref.clientWidth) {
+              const horizontalProportion = el.clientHeight / el.clientWidth;
+              elClone.style.width = ref.clientWidth + "px";
+              elClone.style.height = ref.clientWidth * horizontalProportion + "px";
+            } else {
+              elClone.style.height = ref.clientHeight + "px";
+              elClone.style.width = targetWidth + "px";
+            }
+          }
+        }
+      });
+    }
+    const existingBackdrop = getBackdrop();
+    if (!existingBackdrop) {
+      const backdrop = document.createElement("div");
+      backdrop.classList.add(_useZoomableModule.default.backdrop);
+      backdrop.addEventListener("click", _unzoom);
+      backdrop.setAttribute("data-zoomable", zoomableID);
+      document.body.appendChild(backdrop);
+      (0, _client.createRoot)(backdrop).render( /*#__PURE__*/_react.default.createElement(HeroMount, null));
+    } else {
+      (0, _client.createRoot)(existingBackdrop).render( /*#__PURE__*/_react.default.createElement(HeroMount, null));
+    }
+  }
+  (0, _react.useEffect)(() => {
+    const el = zoomableEl.current;
+    el.classList.add(_useZoomableModule.default.zoomableIndicator);
+    el.addEventListener("click", _zoom);
+    return () => {
+      el.classList.remove(_useZoomableModule.default.zoomableIndicator);
+      const bd = getBackdrop();
+      if (bd) {
+        bd.style.opacity = "0";
+        bd.addEventListener("transitionend", () => {
+          bd.remove();
+        });
+      }
+    };
+  }, []);
+  const mergedRefs = (0, _useMergeRefs.useMergeRefsFunc)(heroRef, zoomableEl);
+  return {
+    zoomableEl: mergedRefs
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY2xpZW50IiwiX3JlYWN0RG9tIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl91c2Vab29tYWJsZU1vZHVsZSIsIl91c2VIZXJvIiwiX3VzZU1lcmdlUmVmcyIsIl9vd25FdmVudCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJ1c2Vab29tYWJsZSIsImlkIiwiem9vbWFibGVJRCIsInVzZU1lbW8iLCJjb25jYXQiLCJnZXRCYWNrZHJvcCIsImRvY3VtZW50IiwicXVlcnlTZWxlY3RvciIsImhlcm9SZWYiLCJ0cmlnZ2VyIiwidXNlSGVybyIsInJlcGVhdGFibGUiLCJvbkhlcm9TdGFydCIsImNsb25lIiwiYmQiLCJyZW1vdmVDYiIsIl9yZWYiLCJjdXJyZW50VGFyZ2V0IiwidGFyZ2V0IiwiUmVhY3RET00iLCJ1bm1vdW50Q29tcG9uZW50QXROb2RlIiwiY29uc29sZSIsImVycm9yIiwicmVtb3ZlIiwic3R5bGUiLCJvcGFjaXR5IiwibWlkZGxld2F5Q2xpY2siLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiX3pvb20iLCJhZGRFdmVudExpc3RlbmVyIiwib3duRXZlbnQiLCJ6b29tYWJsZUVsIiwidXNlUmVmIiwiX3Vuem9vbSIsImVsIiwiY3VycmVudCIsImVsQ2xvbmUiLCJjbG9uZU5vZGUiLCJ2aXNpYmlsaXR5IiwiSGVyb01vdW50IiwidW56b29tQ2IiLCJvbkhlcm9FbmQiLCJjbGFzc0xpc3QiLCJTdHlsZXMiLCJ6b29tYWJsZUluZGljYXRvciIsImNyZWF0ZUVsZW1lbnQiLCJyZWYiLCJhcHBlbmRDaGlsZCIsInZlcnRpY2FsUHJvcG9ydGlvbiIsImNsaWVudFdpZHRoIiwiY2xpZW50SGVpZ2h0IiwidGFyZ2V0V2lkdGgiLCJob3Jpem9udGFsUHJvcG9ydGlvbiIsIndpZHRoIiwiaGVpZ2h0IiwiZXhpc3RpbmdCYWNrZHJvcCIsImJhY2tkcm9wIiwiYWRkIiwic2V0QXR0cmlidXRlIiwiYm9keSIsImNyZWF0ZVJvb3QiLCJyZW5kZXIiLCJ1c2VFZmZlY3QiLCJtZXJnZWRSZWZzIiwidXNlTWVyZ2VSZWZzRnVuYyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy91aS91c2Vab29tYWJsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjcmVhdGVSb290IH0gZnJvbSBcInJlYWN0LWRvbS9jbGllbnRcIjtcbmltcG9ydCBSZWFjdERPTSBmcm9tIFwicmVhY3QtZG9tXCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL3VzZVpvb21hYmxlLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgdXNlSGVybyBmcm9tIFwiLi4vdXNlSGVyb1wiO1xuaW1wb3J0IHsgdXNlTWVyZ2VSZWZzRnVuYyB9IGZyb20gXCIuLi91c2VNZXJnZVJlZnNcIjtcbmltcG9ydCBvd25FdmVudCBmcm9tIFwiLi4vLi4vdXRpbHMvb3duRXZlbnRcIjtcbi8qKlxuICogQWxsb3dzIGFuIGVsZW1lbnQgdG8gYmUgem9vbWFibGUgZm9yIGZ1bGxzY3JlZW5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlWm9vbWFibGUoaWQ6IHN0cmluZykge1xuICBjb25zdCB6b29tYWJsZUlEID0gdXNlTWVtbygoKSA9PiBgem9vbWFibGUtJHtpZH1gLCBbXSk7XG4gIGNvbnN0IGdldEJhY2tkcm9wID0gKCkgPT4ge1xuICAgIHJldHVybiBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKFxuICAgICAgYFtkYXRhLXpvb21hYmxlPVwiJHt6b29tYWJsZUlEfVwiXWBcbiAgICApISBhcyBIVE1MRGl2RWxlbWVudDtcbiAgfTtcbiAgY29uc3QgeyBoZXJvUmVmLCB0cmlnZ2VyIH0gPSB1c2VIZXJvKFxuICAgIHpvb21hYmxlSUQsXG4gICAge1xuICAgICAgXCJkYXRhLXByZWZmaXhcIjogXCJ6b29tYWJsZVwiLFxuICAgICAgcmVwZWF0YWJsZTogdHJ1ZSxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9uSGVyb1N0YXJ0OiAoY2xvbmUsIC4uLmFyZ3MpID0+IHtcbiAgICAgICAgY29uc3QgYmQgPSBnZXRCYWNrZHJvcCgpO1xuICAgICAgICBjb25zdCByZW1vdmVDYiA9ICh7IGN1cnJlbnRUYXJnZXQsIHRhcmdldCB9OiBUcmFuc2l0aW9uRXZlbnQpID0+IHtcbiAgICAgICAgICBpZiAodGFyZ2V0ID09PSBjdXJyZW50VGFyZ2V0KSB7XG4gICAgICAgICAgICBpZiAoKFwidW5tb3VudENvbXBvbmVudEF0Tm9kZVwiIGluIFJlYWN0RE9NKSBhcyBhbnkpXG4gICAgICAgICAgICAgIChSZWFjdERPTSBhcyBhbnkpLnVubW91bnRDb21wb25lbnRBdE5vZGUoYmQpO1xuICAgICAgICAgICAgZWxzZVxuICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKFwiVGhpcyBjb21wb25lbnQgZG9lc24ndCB3b3JrIHdpdGggdGhlIG5ldyB2ZXJzaW9ucyBvZiByZWFjdCB5ZXQuLi5cIilcbiAgICAgICAgICAgIGJkLnJlbW92ZSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgYmQuc3R5bGUub3BhY2l0eSA9IFwiMFwiO1xuICAgICAgICBjb25zdCBtaWRkbGV3YXlDbGljayA9ICgpID0+IHtcbiAgICAgICAgICBiZC5yZW1vdmVFdmVudExpc3RlbmVyKFwidHJhbnNpdGlvbmVuZFwiLCByZW1vdmVDYik7XG4gICAgICAgICAgY2xvbmUucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIG1pZGRsZXdheUNsaWNrKTtcbiAgICAgICAgICBfem9vbSgpO1xuICAgICAgICB9O1xuICAgICAgICBjbG9uZS5hZGRFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgbWlkZGxld2F5Q2xpY2spO1xuICAgICAgICBiZC5hZGRFdmVudExpc3RlbmVyKFwidHJhbnNpdGlvbmVuZFwiLCByZW1vdmVDYik7XG4gICAgICAgIGJkLmFkZEV2ZW50TGlzdGVuZXIoXCJ0cmFuc2l0aW9uc3RhcnRcIiwgKCkgPT4ge1xuICAgICAgICAgIGJkLmFkZEV2ZW50TGlzdGVuZXIoXG4gICAgICAgICAgICBcInRyYW5zaXRpb25jYW5jZWxcIixcbiAgICAgICAgICAgIG93bkV2ZW50KCgpID0+IGJkLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJ0cmFuc2l0aW9uZW5kXCIsIHJlbW92ZUNiKSlcbiAgICAgICAgICApO1xuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgfVxuICApO1xuICBjb25zdCB6b29tYWJsZUVsID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgZnVuY3Rpb24gX3Vuem9vbSgpIHtcbiAgICB0cmlnZ2VyKCk7XG4gIH1cblxuICBmdW5jdGlvbiBfem9vbSgpIHtcbiAgICBjb25zdCBlbCA9IHpvb21hYmxlRWwuY3VycmVudCE7XG4gICAgY29uc3QgZWxDbG9uZSA9IGVsLmNsb25lTm9kZSh0cnVlKSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICBlbENsb25lLnN0eWxlLnZpc2liaWxpdHkgPSBcImhpZGRlblwiO1xuXG4gICAgZnVuY3Rpb24gSGVyb01vdW50KCkge1xuICAgICAgY29uc3QgeyBoZXJvUmVmIH0gPSB1c2VIZXJvKFxuICAgICAgICB6b29tYWJsZUlELFxuICAgICAgICB7XG4gICAgICAgICAgXCJkYXRhLXByZWZmaXhcIjogXCJ6b29tYWJsZVwiLFxuICAgICAgICAgIHJlcGVhdGFibGU6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBvbkhlcm9TdGFydDogKGNsb25lLCAuLi5hcmdzKSA9PiB7XG4gICAgICAgICAgICBnZXRCYWNrZHJvcCgpLnN0eWxlLm9wYWNpdHkgPSBcIjFcIjtcbiAgICAgICAgICAgIGNvbnN0IHVuem9vbUNiID0gKCkgPT4ge1xuICAgICAgICAgICAgICBfdW56b29tKCk7XG4gICAgICAgICAgICAgIGNsb25lLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB1bnpvb21DYik7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgY2xvbmUuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHVuem9vbUNiKTtcbiAgICAgICAgICB9LFxuICAgICAgICAgIG9uSGVyb0VuZDogKCkgPT4ge1xuICAgICAgICAgICAgaGVyb1JlZi5jdXJyZW50IS5jbGFzc0xpc3QucmVtb3ZlKFN0eWxlcy56b29tYWJsZUluZGljYXRvcik7XG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgKTtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17KHJlZikgPT4ge1xuICAgICAgICAgICAgaWYgKHJlZikge1xuICAgICAgICAgICAgICByZWYuYXBwZW5kQ2hpbGQoZWxDbG9uZSk7XG4gICAgICAgICAgICAgIChoZXJvUmVmIGFzIGFueSkuY3VycmVudCA9IGVsQ2xvbmU7XG4gICAgICAgICAgICAgIGNvbnN0IHZlcnRpY2FsUHJvcG9ydGlvbiA9IGVsLmNsaWVudFdpZHRoIC8gZWwuY2xpZW50SGVpZ2h0O1xuICAgICAgICAgICAgICBjb25zdCB0YXJnZXRXaWR0aCA9IHJlZi5jbGllbnRIZWlnaHQgKiB2ZXJ0aWNhbFByb3BvcnRpb247XG5cbiAgICAgICAgICAgICAgaWYgKHRhcmdldFdpZHRoID4gcmVmLmNsaWVudFdpZHRoKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgaG9yaXpvbnRhbFByb3BvcnRpb24gPSBlbC5jbGllbnRIZWlnaHQgLyBlbC5jbGllbnRXaWR0aDtcbiAgICAgICAgICAgICAgICBlbENsb25lLnN0eWxlLndpZHRoID0gcmVmLmNsaWVudFdpZHRoICsgXCJweFwiO1xuICAgICAgICAgICAgICAgIGVsQ2xvbmUuc3R5bGUuaGVpZ2h0ID1cbiAgICAgICAgICAgICAgICAgIHJlZi5jbGllbnRXaWR0aCAqIGhvcml6b250YWxQcm9wb3J0aW9uICsgXCJweFwiO1xuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGVsQ2xvbmUuc3R5bGUuaGVpZ2h0ID0gcmVmLmNsaWVudEhlaWdodCArIFwicHhcIjtcbiAgICAgICAgICAgICAgICBlbENsb25lLnN0eWxlLndpZHRoID0gdGFyZ2V0V2lkdGggKyBcInB4XCI7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICBjb25zdCBleGlzdGluZ0JhY2tkcm9wID0gZ2V0QmFja2Ryb3AoKTtcbiAgICBpZiAoIWV4aXN0aW5nQmFja2Ryb3ApIHtcbiAgICAgIGNvbnN0IGJhY2tkcm9wID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImRpdlwiKTtcblxuICAgICAgYmFja2Ryb3AuY2xhc3NMaXN0LmFkZChTdHlsZXMuYmFja2Ryb3ApO1xuICAgICAgYmFja2Ryb3AuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIF91bnpvb20pO1xuICAgICAgYmFja2Ryb3Auc2V0QXR0cmlidXRlKFwiZGF0YS16b29tYWJsZVwiLCB6b29tYWJsZUlEKTtcblxuICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChiYWNrZHJvcCk7XG4gICAgICBjcmVhdGVSb290KGJhY2tkcm9wKS5yZW5kZXIoPEhlcm9Nb3VudCAvPik7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNyZWF0ZVJvb3QoZXhpc3RpbmdCYWNrZHJvcCkucmVuZGVyKDxIZXJvTW91bnQgLz4pO1xuICAgIH1cbiAgfVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gem9vbWFibGVFbC5jdXJyZW50ITtcbiAgICBlbC5jbGFzc0xpc3QuYWRkKFN0eWxlcy56b29tYWJsZUluZGljYXRvcik7XG4gICAgZWwuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIF96b29tKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZWwuY2xhc3NMaXN0LnJlbW92ZShTdHlsZXMuem9vbWFibGVJbmRpY2F0b3IpO1xuICAgICAgY29uc3QgYmQgPSBnZXRCYWNrZHJvcCgpO1xuICAgICAgaWYgKGJkKSB7XG4gICAgICAgIGJkLnN0eWxlLm9wYWNpdHkgPSBcIjBcIjtcbiAgICAgICAgYmQuYWRkRXZlbnRMaXN0ZW5lcihcInRyYW5zaXRpb25lbmRcIiwgKCkgPT4ge1xuICAgICAgICAgIGJkLnJlbW92ZSgpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgbWVyZ2VkUmVmcyA9IHVzZU1lcmdlUmVmc0Z1bmMoaGVyb1JlZiwgem9vbWFibGVFbCk7XG5cbiAgcmV0dXJuIHtcbiAgICB6b29tYWJsZUVsOiBtZXJnZWRSZWZzLFxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxPQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxTQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSxrQkFBQSxHQUFBRCxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUssUUFBQSxHQUFBRixzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQU0sYUFBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sU0FBQSxHQUFBSixzQkFBQSxDQUFBSCxPQUFBO0FBQTRDLFNBQUFHLHVCQUFBSyxHQUFBLFdB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

package/dist/hooks/ui/useZoomable.module.scss

@@ -0,0 +1,34 @@
+@use "../../assets/styles/variables.scss" as *;
+
+.zoomableIndicator {
+  cursor: zoom-in;
+}
+
+$stubZIndex: 1000000;
+
+.backdrop {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  z-index: $stubZIndex;
+  background: var(--zoomable--backdrop-bg, #0009);
+  transition: opacity $fast linear;
+  opacity: 0;
+  > * {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    > * {
+      cursor: zoom-out;
+    }
+  }
+}
+
+.backdrop + * {
+  z-index: $stubZIndex + 1;
+  max-width: initial;
+}

package/dist/hooks/useAsyncControl.ai.md

@@ -0,0 +1,25 @@
+# Protecting an async function
+```tsx
+const control = useAsyncControl()
+
+control.process(() => anAsyncFunction());
+```
+
+# Using multiple async functions
+```tsx
+const control = useAsyncControl({
+    asyncFunctionOne,
+    asyncFunctionTwo,
+})
+
+control.asyncFunctionOne();
+control.asyncFunctionTwo();
+```
+
+# Storing data
+```tsx
+const [result, setResult] = useState()
+const control = useAsyncControl({anAsyncFunctionThatReturnsData})
+
+control.anAsyncFunctionThatReturnsData().then(setResult);
+```

package/dist/hooks/useAsyncControl.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useAsyncControl = useAsyncControl;
+exports.useRawAsynControl = useRawAsynControl;
+var _react = require("react");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function useRawAsynControl(functionsToWrap, _ref, _ref2) {
+  let [error, setError] = _ref;
+  let [loading, setLoading] = _ref2;
+  const _process = (0, _react.useCallback)(async asyncFn => {
+    try {
+      setLoading(true);
+      setError(undefined);
+      if (asyncFn instanceof Promise) await asyncFn;else return await asyncFn();
+    } catch (e) {
+      if (process.env.NODE_ENV === "development") console.error(e);
+      setError(e);
+      throw e;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const {
+    functionsToMemoize,
+    other
+  } = Object.entries(functionsToWrap || {}).reduce((r, _ref3) => {
+    let [k, func] = _ref3;
+    return _objectSpread(_objectSpread({}, r), typeof func === "function" ? {
+      functionsToMemoize: _objectSpread(_objectSpread({}, r.functionsToMemoize), {}, {
+        [k]: func
+      })
+    } : {
+      other: _objectSpread(_objectSpread({}, r.other), {}, {
+        [k]: func
+      })
+    });
+  }, {
+    functionsToMemoize: {},
+    other: {}
+  });
+  return _objectSpread(_objectSpread({
+    process: _process,
+    loading,
+    error,
+    setError,
+    setLoading
+  }, other), Object.entries(functionsToMemoize).reduce((r, _ref4) => {
+    let [k, v] = _ref4;
+    return _objectSpread(_objectSpread({}, r), {}, {
+      [k]: (0, _react.useMemo)(() => function () {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return _process(() => v(...args));
+      }, [v])
+    });
+  }, {}));
+}
+function useAsyncControl(functionsToWrap) {
+  const error = (0, _react.useState)();
+  const loading = (0, _react.useState)(false);
+  return useRawAsynControl(functionsToWrap, error, loading);
+}
+
+/**
+ * This hook provides a way to handle async operations storing the loading state, or the error when it fails, it does not store information returned from the functions.
+ * @param functionsToWrap The functions to wrap in control.
+ * @returns
+ */
+var _default = exports.default = useAsyncControl;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwib3duS2V5cyIsIm9iamVjdCIsImVudW1lcmFibGVPbmx5Iiwia2V5cyIsIk9iamVjdCIsImdldE93blByb3BlcnR5U3ltYm9scyIsInN5bWJvbHMiLCJmaWx0ZXIiLCJzeW0iLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJmb3JFYWNoIiwia2V5IiwiX2RlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsIm9iaiIsInZhbHVlIiwiX3RvUHJvcGVydHlLZXkiLCJjb25maWd1cmFibGUiLCJ3cml0YWJsZSIsImFyZyIsIl90b1ByaW1pdGl2ZSIsIlN0cmluZyIsImlucHV0IiwiaGludCIsInByaW0iLCJTeW1ib2wiLCJ0b1ByaW1pdGl2ZSIsInVuZGVmaW5lZCIsInJlcyIsImNhbGwiLCJUeXBlRXJyb3IiLCJOdW1iZXIiLCJ1c2VSYXdBc3luQ29udHJvbCIsImZ1bmN0aW9uc1RvV3JhcCIsIl9yZWYiLCJfcmVmMiIsImVycm9yIiwic2V0RXJyb3IiLCJsb2FkaW5nIiwic2V0TG9hZGluZyIsIl9wcm9jZXNzIiwidXNlQ2FsbGJhY2siLCJhc3luY0ZuIiwiUHJvbWlzZSIsImUiLCJwcm9jZXNzIiwiZW52IiwiTk9ERV9FTlYiLCJjb25zb2xlIiwiZnVuY3Rpb25zVG9NZW1vaXplIiwib3RoZXIiLCJlbnRyaWVzIiwicmVkdWNlIiwiciIsIl9yZWYzIiwiayIsImZ1bmMiLCJfcmVmNCIsInYiLCJ1c2VNZW1vIiwiX2xlbiIsImFyZ3MiLCJBcnJheSIsIl9rZXkiLCJ1c2VBc3luY0NvbnRyb2wiLCJ1c2VTdGF0ZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyIsImRlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvdXNlQXN5bmNDb250cm9sLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNldFN0YXRlQWN0aW9uLCB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFByaW1pdGl2ZSB9IGZyb20gXCJ0eXBlLWZlc3RcIjtcblxudHlwZSBBcnI8WD4gPSBbWCwgUmVhY3QuRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248WD4+XTtcbmV4cG9ydCB0eXBlIEZ1bmN0aW9uTWFwID0ge1xuICBbZjogc3RyaW5nXTogKCguLi5hcmdzOiBhbnlbXSkgPT4gUHJvbWlzZTxhbnk+KSB8IE9iamVjdCB8IFByaW1pdGl2ZTtcbn07XG5leHBvcnQgdHlwZSBDb250cm9sPEUgZXh0ZW5kcyBhbnkgPSBhbnk+ID0ge1xuICBlcnJvcj86IEU7XG4gIGxvYWRpbmc6IGJvb2xlYW47XG59O1xuZXhwb3J0IGZ1bmN0aW9uIHVzZVJhd0FzeW5Db250cm9sPEUgPSBhbnksIEYgZXh0ZW5kcyBGdW5jdGlvbk1hcCA9IHt9PihcbiAgZnVuY3Rpb25zVG9XcmFwOiBGIHwgdW5kZWZpbmVkLFxuICBbZXJyb3IsIHNldEVycm9yXTogQXJyPEUgfCB1bmRlZmluZWQ+LFxuICBbbG9hZGluZywgc2V0TG9hZGluZ106IEFycjxib29sZWFuPlxuKSB7XG4gIGNvbnN0IF9wcm9jZXNzID0gdXNlQ2FsbGJhY2soYXN5bmMgKGFzeW5jRm46ICgoKSA9PiBQcm9taXNlPGFueT4pIHwgUHJvbWlzZTxhbnk+KSA9PiB7XG4gICAgdHJ5IHtcbiAgICAgIHNldExvYWRpbmcodHJ1ZSk7XG4gICAgICBzZXRFcnJvcih1bmRlZmluZWQpO1xuICAgICAgaWYgKGFzeW5jRm4gaW5zdGFuY2VvZiBQcm9taXNlKSBhd2FpdCBhc3luY0ZuO1xuICAgICAgZWxzZSByZXR1cm4gYXdhaXQgYXN5bmNGbigpO1xuICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgIGlmIChwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gXCJkZXZlbG9wbWVudFwiKSBjb25zb2xlLmVycm9yKGUpO1xuICAgICAgc2V0RXJyb3IoZSBhcyBFKTtcbiAgICAgIHRocm93IGU7XG4gICAgfSBmaW5hbGx5IHtcbiAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IHsgZnVuY3Rpb25zVG9NZW1vaXplLCBvdGhlciB9ID0gT2JqZWN0LmVudHJpZXMoXG4gICAgZnVuY3Rpb25zVG9XcmFwIHx8IHt9XG4gICkucmVkdWNlKFxuICAgIChyLCBbaywgZnVuY10pID0+IHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLnIsXG4gICAgICAgIC4uLih0eXBlb2YgZnVuYyA9PT0gXCJmdW5jdGlvblwiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGZ1bmN0aW9uc1RvTWVtb2l6ZToge1xuICAgICAgICAgICAgICAgIC4uLnIuZnVuY3Rpb25zVG9NZW1vaXplLFxuICAgICAgICAgICAgICAgIFtrXTogZnVuYyxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgb3RoZXI6IHtcbiAgICAgICAgICAgICAgICAuLi5yLm90aGVyLFxuICAgICAgICAgICAgICAgIFtrXTogZnVuYyxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgfTtcbiAgICB9LFxuICAgIHtcbiAgICAgIGZ1bmN0aW9uc1RvTWVtb2l6ZToge30sXG4gICAgICBvdGhlcjoge30sXG4gICAgfSBhcyB7XG4gICAgICBmdW5jdGlvbnNUb01lbW9pemU6IEY7XG4gICAgICBvdGhlcjogRjtcbiAgICB9XG4gICk7XG5cbiAgcmV0dXJuIHtcbiAgICBwcm9jZXNzOiBfcHJvY2VzcyxcbiAgICBsb2FkaW5nLFxuICAgIGVycm9yLFxuICAgIHNldEVycm9yLFxuICAgIHNldExvYWRpbmcsXG4gICAgLi4ub3RoZXIsXG4gICAgLi4uT2JqZWN0LmVudHJpZXMoZnVuY3Rpb25zVG9NZW1vaXplKS5yZWR1Y2UoXG4gICAgICAociwgW2ssIHZdKSA9PiAoe1xuICAgICAgICAuLi5yLFxuICAgICAgICBba106IHVzZU1lbW8oXG4gICAgICAgICAgKCkgPT5cbiAgICAgICAgICAgICguLi5hcmdzOiBhbnlbXSkgPT5cbiAgICAgICAgICAgICAgX3Byb2Nlc3MoKCkgPT4gKHYgYXMgYW55KSguLi5hcmdzKSksXG4gICAgICAgICAgW3ZdXG4gICAgICAgICksXG4gICAgICB9KSxcbiAgICAgIHt9IGFzIEZcbiAgICApLFxuICB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlQXN5bmNDb250cm9sPFxuICBFID0gYW55LFxuICBGIGV4dGVuZHMge1xuICAgIFtmOiBzdHJpbmddOiAoKC4uLmFyZ3M6IGFueVtdKSA9PiBQcm9taXNlPGFueT4pIHwgT2JqZWN0IHwgUHJpbWl0aXZlO1xuICB9ID0ge31cbj4oZnVuY3Rpb25zVG9XcmFwPzogRikge1xuICBjb25zdCBlcnJvciA9IHVzZVN0YXRlPEUgfCBFcnJvcj4oKTtcbiAgY29uc3QgbG9hZGluZyA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICByZXR1cm4gdXNlUmF3QXN5bkNvbnRyb2woZnVuY3Rpb25zVG9XcmFwLCBlcnJvciwgbG9hZGluZyk7XG59XG5cbi8qKlxuICogVGhpcyBob29rIHByb3ZpZGVzIGEgd2F5IHRvIGhhbmRsZSBhc3luYyBvcGVyYXRpb25zIHN0b3JpbmcgdGhlIGxvYWRpbmcgc3RhdGUsIG9yIHRoZSBlcnJvciB3aGVuIGl0IGZhaWxzLCBpdCBkb2VzIG5vdCBzdG9yZSBpbmZvcm1hdGlvbiByZXR1cm5lZCBmcm9tIHRoZSBmdW5jdGlvbnMuXG4gKiBAcGFyYW0gZnVuY3Rpb25zVG9XcmFwIFRoZSBmdW5jdGlvbnMgdG8gd3JhcCBpbiBjb250cm9sLlxuICogQHJldHVybnNcbiAqL1xuZXhwb3J0IGRlZmF1bHQgdXNlQXN5bmNDb250cm9sO1xu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

package/dist/hooks/useContainedRepositioning.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useContainedRepositioning;
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _react = require("react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * This hook takes an html and checks if its outside its parent
+ * If it is, it should move it so it can be totally visible inside the container
+ */
+function useContainedRepositioning(focused, getParent) {
+  let {
+    offset = 16,
+    scale = 1,
+    offsetLimit = Number.POSITIVE_INFINITY
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const elementToCheck = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const el = elementToCheck.current;
+    if (!el) return;
+    const curr = el;
+    const relativeParent = getParent(curr);
+    if (process.env.NODE_ENV === "development") {
+      if (window.getComputedStyle(el).position !== "relative") throw new Error("The target element MUST have position relative so it can be moved");
+      if (window.getComputedStyle(relativeParent).position !== "relative") throw new Error("The relative to element MUST have position relative so it can calculate correctly the target position");
+    }
+    if (focused) {
+      curr.style.right = "0px";
+      const reposition = (0, _debounce.default)(() => {
+        const alreadyRight = Number(curr.style.right.replace("px", ""));
+        const limitOffset = relativeParent.scrollLeft + relativeParent.clientWidth;
+        const elWidth = curr.clientWidth * scale;
+        const offsetOfScale = (elWidth - curr.clientWidth) / 2;
+        const cardLimit = curr.offsetLeft - offsetOfScale + alreadyRight + elWidth;
+        const exceedingSpace = cardLimit - limitOffset;
+        const offsetLeft = curr.offsetLeft - offsetOfScale + alreadyRight - relativeParent.scrollLeft;
+        const isOverflowedRight = exceedingSpace > 0;
+        const isOverflowedLeft = offsetLeft < 0;
+        const limit = exceedingSpace + -offsetLeft;
+        if (isOverflowedRight) {
+          const val = Math.min(exceedingSpace - -Math.min(Math.abs(limit / 2), offset), offsetLimit);
+          curr.style.right = "".concat(val, "px");
+        }
+        if (isOverflowedLeft) {
+          const val = Math.max(offsetLeft - Math.min(Math.abs(limit) / 2, offset), -offsetLimit);
+          curr.style.right = "".concat(val, "px");
+        }
+        if (isOverflowedLeft || isOverflowedRight) {
+          curr.style.zIndex = "1000";
+        }
+      }, 50);
+      reposition();
+      reposition.flush();
+      relativeParent.addEventListener("scroll", reposition, {
+        passive: true
+      });
+      return () => {
+        reposition.cancel();
+        relativeParent.removeEventListener("scroll", reposition);
+        el.style.right = "0px";
+        const restore = _ref => {
+          let {
+            propertyName,
+            currentTarget
+          } = _ref;
+          const targetTransformation = window.getComputedStyle(currentTarget).right;
+          if (propertyName === "right" && targetTransformation === "0px") {
+            curr.style.zIndex = "";
+            el.removeEventListener("transitionend", restore);
+          }
+        };
+        el.addEventListener("transitionend", restore);
+      };
+    }
+  }, [focused]);
+  return {
+    elementToCheck
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfZGVib3VuY2UiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwidXNlQ29udGFpbmVkUmVwb3NpdGlvbmluZyIsImZvY3VzZWQiLCJnZXRQYXJlbnQiLCJvZmZzZXQiLCJzY2FsZSIsIm9mZnNldExpbWl0IiwiTnVtYmVyIiwiUE9TSVRJVkVfSU5GSU5JVFkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJlbGVtZW50VG9DaGVjayIsInVzZVJlZiIsInVzZUVmZmVjdCIsImVsIiwiY3VycmVudCIsImN1cnIiLCJyZWxhdGl2ZVBhcmVudCIsInByb2Nlc3MiLCJlbnYiLCJOT0RFX0VOViIsIndpbmRvdyIsImdldENvbXB1dGVkU3R5bGUiLCJwb3NpdGlvbiIsIkVycm9yIiwic3R5bGUiLCJyaWdodCIsInJlcG9zaXRpb24iLCJkZWJvdW5jZSIsImFscmVhZHlSaWdodCIsInJlcGxhY2UiLCJsaW1pdE9mZnNldCIsInNjcm9sbExlZnQiLCJjbGllbnRXaWR0aCIsImVsV2lkdGgiLCJvZmZzZXRPZlNjYWxlIiwiY2FyZExpbWl0Iiwib2Zmc2V0TGVmdCIsImV4Y2VlZGluZ1NwYWNlIiwiaXNPdmVyZmxvd2VkUmlnaHQiLCJpc092ZXJmbG93ZWRMZWZ0IiwibGltaXQiLCJ2YWwiLCJNYXRoIiwibWluIiwiYWJzIiwiY29uY2F0IiwibWF4IiwiekluZGV4IiwiZmx1c2giLCJhZGRFdmVudExpc3RlbmVyIiwicGFzc2l2ZSIsImNhbmNlbCIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJyZXN0b3JlIiwiX3JlZiIsInByb3BlcnR5TmFtZSIsImN1cnJlbnRUYXJnZXQiLCJ0YXJnZXRUcmFuc2Zvcm1hdGlvbiJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VDb250YWluZWRSZXBvc2l0aW9uaW5nLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBkZWJvdW5jZSBmcm9tIFwibG9kYXNoL2RlYm91bmNlXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG4vKipcbiAqIFRoaXMgaG9vayB0YWtlcyBhbiBodG1sIGFuZCBjaGVja3MgaWYgaXRzIG91dHNpZGUgaXRzIHBhcmVudFxuICogSWYgaXQgaXMsIGl0IHNob3VsZCBtb3ZlIGl0IHNvIGl0IGNhbiBiZSB0b3RhbGx5IHZpc2libGUgaW5zaWRlIHRoZSBjb250YWluZXJcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlQ29udGFpbmVkUmVwb3NpdGlvbmluZyhcbiAgZm9jdXNlZDogYm9vbGVhbixcbiAgZ2V0UGFyZW50OiAoZWw6IEhUTUxFbGVtZW50KSA9PiBIVE1MRWxlbWVudCxcbiAge1xuICAgIG9mZnNldCA9IDE2LFxuICAgIHNjYWxlID0gMSxcbiAgICBvZmZzZXRMaW1pdCA9IE51bWJlci5QT1NJVElWRV9JTkZJTklUWSxcbiAgfToge1xuICAgIC8qKiBUaGUgb2Zmc2V0IHRoZSBlbGVtZW50IHdpbGwgYmUgbW92ZWQgYnkgZnJvbSB0aGUgY2xvc2VzdCBib3VuZCAqL1xuICAgIG9mZnNldD86IG51bWJlcjtcblxuICAgIC8qKiBUaGUgc2NhbGVkIGVsZW1lbnQgd2lkdGggdG8gYmUgY29uc2lkZXJlZC4gdXNlZnVsbCBmb3Igd2hlbiB0aGUgZm9jdXNlZCBlbGVtZW50IHdpbGwgY2hhbmdlIHNpemUgKi9cbiAgICBzY2FsZT86IG51bWJlcjtcblxuICAgIC8qKiBMaW1pdCBvZmZzZXQgKi9cbiAgICBvZmZzZXRMaW1pdD86IG51bWJlcjtcbiAgfSA9IHt9XG4pIHtcbiAgY29uc3QgZWxlbWVudFRvQ2hlY2sgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gZWxlbWVudFRvQ2hlY2suY3VycmVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG5cbiAgICBjb25zdCBjdXJyID0gZWw7XG4gICAgY29uc3QgcmVsYXRpdmVQYXJlbnQgPSBnZXRQYXJlbnQoY3Vycik7XG5cbiAgICBpZiAocHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09IFwiZGV2ZWxvcG1lbnRcIikge1xuICAgICAgaWYgKHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGVsKS5wb3NpdGlvbiAhPT0gXCJyZWxhdGl2ZVwiKVxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgXCJUaGUgdGFyZ2V0IGVsZW1lbnQgTVVTVCBoYXZlIHBvc2l0aW9uIHJlbGF0aXZlIHNvIGl0IGNhbiBiZSBtb3ZlZFwiXG4gICAgICAgICk7XG4gICAgICBpZiAod2luZG93LmdldENvbXB1dGVkU3R5bGUocmVsYXRpdmVQYXJlbnQpLnBvc2l0aW9uICE9PSBcInJlbGF0aXZlXCIpXG4gICAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgICBcIlRoZSByZWxhdGl2ZSB0byBlbGVtZW50IE1VU1QgaGF2ZSBwb3NpdGlvbiByZWxhdGl2ZSBzbyBpdCBjYW4gY2FsY3VsYXRlIGNvcnJlY3RseSB0aGUgdGFyZ2V0IHBvc2l0aW9uXCJcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZm9jdXNlZCkge1xuICAgICAgY3Vyci5zdHlsZS5yaWdodCA9IGAwcHhgO1xuICAgICAgY29uc3QgcmVwb3NpdGlvbiA9IGRlYm91bmNlKCgpID0+IHtcbiAgICAgICAgY29uc3QgYWxyZWFkeVJpZ2h0ID0gTnVtYmVyKGN1cnIuc3R5bGUucmlnaHQucmVwbGFjZShcInB4XCIsIFwiXCIpKTtcbiAgICAgICAgY29uc3QgbGltaXRPZmZzZXQgPVxuICAgICAgICAgIHJlbGF0aXZlUGFyZW50LnNjcm9sbExlZnQgKyByZWxhdGl2ZVBhcmVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgY29uc3QgZWxXaWR0aCA9IGN1cnIuY2xpZW50V2lkdGggKiBzY2FsZTtcbiAgICAgICAgY29uc3Qgb2Zmc2V0T2ZTY2FsZSA9IChlbFdpZHRoIC0gY3Vyci5jbGllbnRXaWR0aCkgLyAyO1xuICAgICAgICBjb25zdCBjYXJkTGltaXQgPVxuICAgICAgICAgIGN1cnIub2Zmc2V0TGVmdCAtIG9mZnNldE9mU2NhbGUgKyBhbHJlYWR5UmlnaHQgKyBlbFdpZHRoO1xuICAgICAgICBjb25zdCBleGNlZWRpbmdTcGFjZSA9IGNhcmRMaW1pdCAtIGxpbWl0T2Zmc2V0O1xuICAgICAgICBjb25zdCBvZmZzZXRMZWZ0ID1cbiAgICAgICAgICBjdXJyLm9mZnNldExlZnQgLVxuICAgICAgICAgIG9mZnNldE9mU2NhbGUgK1xuICAgICAgICAgIGFscmVhZHlSaWdodCAtXG4gICAgICAgICAgcmVsYXRpdmVQYXJlbnQuc2Nyb2xsTGVmdDtcbiAgICAgICAgY29uc3QgaXNPdmVyZmxvd2VkUmlnaHQgPSBleGNlZWRpbmdTcGFjZSA+IDA7XG4gICAgICAgIGNvbnN0IGlzT3ZlcmZsb3dlZExlZnQgPSBvZmZzZXRMZWZ0IDwgMDtcbiAgICAgICAgY29uc3QgbGltaXQgPSBleGNlZWRpbmdTcGFjZSArIC1vZmZzZXRMZWZ0O1xuXG4gICAgICAgIGlmIChpc092ZXJmbG93ZWRSaWdodCkge1xuICAgICAgICAgIGNvbnN0IHZhbCA9IE1hdGgubWluKFxuICAgICAgICAgICAgZXhjZWVkaW5nU3BhY2UgLSAtTWF0aC5taW4oTWF0aC5hYnMobGltaXQgLyAyKSwgb2Zmc2V0KSxcbiAgICAgICAgICAgIG9mZnNldExpbWl0XG4gICAgICAgICAgKTtcbiAgICAgICAgICBjdXJyLnN0eWxlLnJpZ2h0ID0gYCR7dmFsfXB4YDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaXNPdmVyZmxvd2VkTGVmdCkge1xuICAgICAgICAgIGNvbnN0IHZhbCA9IE1hdGgubWF4KFxuICAgICAgICAgICAgb2Zmc2V0TGVmdCAtIE1hdGgubWluKE1hdGguYWJzKGxpbWl0KSAvIDIsIG9mZnNldCksXG4gICAgICAgICAgICAtb2Zmc2V0TGltaXRcbiAgICAgICAgICApO1xuICAgICAgICAgIGN1cnIuc3R5bGUucmlnaHQgPSBgJHt2YWx9cHhgO1xuICAgICAgICB9XG4gICAgICAgIGlmIChpc092ZXJmbG93ZWRMZWZ0IHx8IGlzT3ZlcmZsb3dlZFJpZ2h0KSB7XG4gICAgICAgICAgY3Vyci5zdHlsZS56SW5kZXggPSBcIjEwMDBcIjtcbiAgICAgICAgfVxuICAgICAgfSwgNTApO1xuICAgICAgcmVwb3NpdGlvbigpO1xuICAgICAgcmVwb3NpdGlvbi5mbHVzaCgpO1xuXG4gICAgICByZWxhdGl2ZVBhcmVudC5hZGRFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIHJlcG9zaXRpb24sIHtcbiAgICAgICAgcGFzc2l2ZTogdHJ1ZVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICByZXBvc2l0aW9uLmNhbmNlbCgpO1xuICAgICAgICByZWxhdGl2ZVBhcmVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIHJlcG9zaXRpb24pO1xuICAgICAgICBlbC5zdHlsZS5yaWdodCA9IGAwcHhgO1xuICAgICAgICBjb25zdCByZXN0b3JlID0gKHsgcHJvcGVydHlOYW1lLCBjdXJyZW50VGFyZ2V0IH06IFRyYW5zaXRpb25FdmVudCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHRhcmdldFRyYW5zZm9ybWF0aW9uID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoXG4gICAgICAgICAgICBjdXJyZW50VGFyZ2V0IGFzIEhUTUxEaXZFbGVtZW50XG4gICAgICAgICAgKS5yaWdodDtcbiAgICAgICAgICBpZiAocHJvcGVydHlOYW1lID09PSBcInJpZ2h0XCIgJiYgdGFyZ2V0VHJhbnNmb3JtYXRpb24gPT09IFwiMHB4XCIpIHtcbiAgICAgICAgICAgIGN1cnIuc3R5bGUuekluZGV4ID0gXCJcIjtcbiAgICAgICAgICAgIGVsLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJ0cmFuc2l0aW9uZW5kXCIsIHJlc3RvcmUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgZWwuYWRkRXZlbnRMaXN0ZW5lcihcInRyYW5zaXRpb25lbmRcIiwgcmVzdG9yZSk7XG4gICAgICB9O1xuICAgIH1cbiAgfSwgW2ZvY3VzZWRdKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnRUb0NoZWNrLFxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxTQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFBMEMsU0FBQUQsdUJBQUFHLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFFMUM7QUFDQTtBQUNBO0FBQ0E7QUFDZSxTQUFTRyx5QkFBeUJBLENBQy9DQyxPQUFnQixFQUNoQkMsU0FBMkMsRUFlM0M7RUFBQSxJQWRBO0lBQ0VDLE1BQU0sR0FBRyxFQUFFO0lBQ1hDLEtBQUssR0FBRyxDQUFDO0lBQ1RDLFdBQVcsR0FBR0MsTUFBTSxDQUFDQztFQVV2QixDQUFDLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUMsQ0FBQztFQUVOLE1BQU1HLGNBQWMsR0FBRyxJQUFBQyxhQUFNLEVBQWlCLElBQUksQ0FBQztFQUNuRCxJQUFBQyxnQkFBUyxFQUFDLE1BQU07SUFDZCxNQUFNQyxFQUFFLEdBQUdILGNBQWMsQ0FBQ0ksT0FBTztJQUNqQyxJQUFJLENBQUNELEVBQUUsRUFBRTtJQUVULE1BQU1FLElBQUksR0FBR0YsRUFBRTtJQUNmLE1BQU1HLGNBQWMsR0FBR2YsU0FBUyxDQUFDYyxJQUFJLENBQUM7SUFFdEMsSUFBSUUsT0FBTyxDQUFDQyxHQUFHLENBQUNDLFFBQVEsS0FBSyxhQUFhLEVBQUU7TUFDMUMsSUFBSUMsTUFBTSxDQUFDQyxnQkFBZ0IsQ0FBQ1IsRUFBRSxDQUFDLENBQUNTLFFBQVEsS0FBSyxVQUFVLEVBQ3JELE1BQU0sSUFBSUMsS0FBSyxDQUNiLG1FQUNGLENBQUM7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