@dreamcommerce/aurora 2.16.2 → 2.16.4

package/build/cjs/packages/aurora/src/components/range/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
 var range_mappings = require('../../utilities/range/range_mappings.js');
 var event_registration = require('../../utilities/events/event_registration.js');
@@ -14,84 +15,171 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const useStyles = reactJss_esm.createUseStyles({
-    pointer: {
-        transform: ({ left }) => `translate3d(${left - 10}px,0px,0px)`,
-        background: ({ isDragged, isDisabled }) => {
-            if (isDisabled) {
-                return '#ececec';
-            }
-            return isDragged ? `rgb(19, 92, 200)` : 'none';
-        },
-        '&:hover': {
-            background: ({ isDragged, isDisabled }) => {
-                if (isDisabled) {
-                    return '#ececec';
-                }
-                return isDragged ? `rgb(19, 92, 200)` : 'rgba(19, 92, 200, 0.2)';
-            }
-        }
-    }
-});
-const Range = ({ initialValue, max = 100, min = 0, step = 1, onChange, isDisabled, name, orientation = 'horizontal' }) => {
-    const rangeRef = React.useRef(null);
-    const [value, setValue] = React.useState(initialValue || min);
-    const [isDragged, setDragged] = React.useState(false);
-    const [rangePosition, setRangePosition] = React.useState({ top: 0, left: 0 });
-    const classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged, isDisabled });
-    React.useEffect(() => {
-        if (rangeRef) {
-            const { top, left } = utilities.getPositionFromValue({ value: initialValue || min, max, min, rangeRef });
-            if (orientation === 'horizontal') {
-                setRangePosition({ left, top: 0 });
-            }
-            else {
-                setRangePosition({ left: 0, top });
-            }
-        }
-    }, [initialValue, max, min, orientation, rangeRef]);
-    const onRangeChangeEvent = (position) => {
-        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) || isDisabled) {
-            return;
-        }
-        const { positionY, positionX } = range_mappings.getIndicatorPositionFromPosition({
-            elementRect: rangeRef.current.getBoundingClientRect(),
-            position
-        });
-        setRangePosition({ top: positionY, left: positionX });
-        const newValue = utilities.getValueFromPosition({
-            position,
-            rangeRectangle: rangeRef.current.getBoundingClientRect(),
-            max,
-            min,
-            step
-        });
-        onChange === null || onChange === void 0 ? void 0 : onChange({
-            value: newValue,
-            prevValue: value
-        });
-        setValue(newValue);
-    };
-    const onSliderDown = (event) => {
-        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
-            return;
-        }
-        setDragged(true);
-        onRangeChangeEvent(event_registration.mapMouseEventToPosition(event));
-        const onEndListener = () => setDragged(false);
-        event_registration.registerOnMouseEvents(onRangeChangeEvent, onEndListener);
-    };
-    const onTouchStart = (event) => {
-        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
-            return;
-        }
-        onRangeChangeEvent(event_registration.mapTouchEventToPosition(event));
-        event_registration.registerOnTouchEvents(onRangeChangeEvent);
-    };
-    return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].range]} ${isDisabled ? main_module['default'][css_classes['default'].rangePointerDisabled] : ''}`, ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].rangePointer]} ${classes.pointer}`, onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
-            React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].rangePointerInside]} ${isDisabled ? main_module['default'][css_classes['default'].rangePointerInsideDisabled] : ''}` })),
-        name && React__default['default'].createElement("input", { type: "hidden", name: name, value: value })));
+var useStyles = reactJss_esm.createUseStyles({
+  pointer: {
+    transform: function transform(_ref) {
+      var left = _ref.left;
+      return "translate3d(".concat(left - 10, "px,0px,0px)");
+    },
+    background: function background(_ref2) {
+      var isDragged = _ref2.isDragged,
+          isDisabled = _ref2.isDisabled;
+
+      if (isDisabled) {
+        return '#ececec';
+      }
+
+      return isDragged ? "rgb(19, 92, 200)" : 'none';
+    },
+    '&:hover': {
+      background: function background(_ref3) {
+        var isDragged = _ref3.isDragged,
+            isDisabled = _ref3.isDisabled;
+
+        if (isDisabled) {
+          return '#ececec';
+        }
+
+        return isDragged ? "rgb(19, 92, 200)" : 'rgba(19, 92, 200, 0.2)';
+      }
+    }
+  }
+});
+
+var Range = function Range(_ref4) {
+  var initialValue = _ref4.initialValue,
+      _ref4$max = _ref4.max,
+      max = _ref4$max === void 0 ? 100 : _ref4$max,
+      _ref4$min = _ref4.min,
+      min = _ref4$min === void 0 ? 0 : _ref4$min,
+      _ref4$step = _ref4.step,
+      step = _ref4$step === void 0 ? 1 : _ref4$step,
+      onChange = _ref4.onChange,
+      isDisabled = _ref4.isDisabled,
+      name = _ref4.name,
+      _ref4$orientation = _ref4.orientation,
+      orientation = _ref4$orientation === void 0 ? 'horizontal' : _ref4$orientation;
+  var rangeRef = React.useRef(null);
+
+  var _useState = React.useState(initialValue || min),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      isDragged = _useState4[0],
+      setDragged = _useState4[1];
+
+  var _useState5 = React.useState({
+    top: 0,
+    left: 0
+  }),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      rangePosition = _useState6[0],
+      setRangePosition = _useState6[1];
+
+  var classes = useStyles({
+    top: rangePosition.top,
+    left: rangePosition.left,
+    isDragged: isDragged,
+    isDisabled: isDisabled
+  });
+  React.useEffect(function () {
+    if (rangeRef) {
+      var _getPositionFromValue2 = utilities.getPositionFromValue({
+        value: initialValue || min,
+        max: max,
+        min: min,
+        rangeRef: rangeRef
+      }),
+          top = _getPositionFromValue2.top,
+          left = _getPositionFromValue2.left;
+
+      if (orientation === 'horizontal') {
+        setRangePosition({
+          left: left,
+          top: 0
+        });
+      } else {
+        setRangePosition({
+          left: 0,
+          top: top
+        });
+      }
+    }
+  }, [initialValue, max, min, orientation, rangeRef]);
+
+  var onRangeChangeEvent = function onRangeChangeEvent(position) {
+    if (!(rangeRef !== null && rangeRef !== void 0 && rangeRef.current) || isDisabled) {
+      return;
+    }
+
+    var _getIndicatorPosition = range_mappings.getIndicatorPositionFromPosition({
+      elementRect: rangeRef.current.getBoundingClientRect(),
+      position: position
+    }),
+        positionY = _getIndicatorPosition.positionY,
+        positionX = _getIndicatorPosition.positionX;
+
+    setRangePosition({
+      top: positionY,
+      left: positionX
+    });
+    var newValue = utilities.getValueFromPosition({
+      position: position,
+      rangeRectangle: rangeRef.current.getBoundingClientRect(),
+      max: max,
+      min: min,
+      step: step
+    });
+    onChange === null || onChange === void 0 || onChange({
+      value: newValue,
+      prevValue: value
+    });
+    setValue(newValue);
+  };
+
+  var onSliderDown = function onSliderDown(event) {
+    if (!(rangeRef !== null && rangeRef !== void 0 && rangeRef.current)) {
+      return;
+    }
+
+    setDragged(true);
+    onRangeChangeEvent(event_registration.mapMouseEventToPosition(event));
+
+    var onEndListener = function onEndListener() {
+      return setDragged(false);
+    };
+
+    event_registration.registerOnMouseEvents(onRangeChangeEvent, onEndListener);
+  };
+
+  var onTouchStart = function onTouchStart(event) {
+    if (!(rangeRef !== null && rangeRef !== void 0 && rangeRef.current)) {
+      return;
+    }
+
+    onRangeChangeEvent(event_registration.mapTouchEventToPosition(event));
+    event_registration.registerOnTouchEvents(onRangeChangeEvent);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes['default'].range], " ").concat(isDisabled ? main_module['default'][css_classes['default'].rangePointerDisabled] : ''),
+    ref: rangeRef,
+    onMouseDown: onSliderDown,
+    onTouchStart: onTouchStart
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes['default'].rangePointer], " ").concat(classes.pointer),
+    onDrag: onRangeChangeEvent,
+    onTouchStart: onTouchStart
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes['default'].rangePointerInside], " ").concat(isDisabled ? main_module['default'][css_classes['default'].rangePointerInsideDisabled] : '')
+  })), name && /*#__PURE__*/React__default['default'].createElement("input", {
+    type: "hidden",
+    name: name,
+    value: value
+  }));
 };
 
 exports.default = Range;

package/build/cjs/packages/aurora/src/components/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/range/utilities.js

@@ -5,28 +5,54 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 var range_mappings = require('../../utilities/range/range_mappings.js');
 
-const getPositionFromValue = ({ value, rangeRef, max, min }) => {
-    var _a;
-    const { width = 0, height = 0 } = ((_a = rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
-    const difference = max - min;
-    return {
-        left: range_mappings.constrainToRange(((value - min) / difference) * width, 0, width),
-        top: range_mappings.constrainToRange(((value - min) / difference) * height, 0, height)
-    };
-};
-const getValueFromPosition = ({ rangeRectangle, position, rotation = 'horizontal', step = 1, max = 100, min = 0 }) => {
-    var _a, _b;
-    const { clientY, clientX } = position;
-    const { top, height, width, left } = rangeRectangle;
-    const difference = max - min;
-    const distance = rotation === 'horizontal' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.constrainToRange(clientY - top, 0, height);
-    const rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;
-    const flooredValue = Math.floor(rawValue / step) * step;
-    const ceiledValue = Math.ceil(rawValue / step) * step + step;
-    const value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;
-    const fractionDigits = ((_b = (_a = `${step}`.split('.')) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.length) || 0;
-    const fixedValue = (value + min - step).toFixed(fractionDigits);
-    return Number(fixedValue);
+var getPositionFromValue = function getPositionFromValue(_ref) {
+  var _rangeRef$current;
+
+  var value = _ref.value,
+      rangeRef = _ref.rangeRef,
+      max = _ref.max,
+      min = _ref.min;
+
+  var _ref2 = (rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.getBoundingClientRect()) || {},
+      _ref2$width = _ref2.width,
+      width = _ref2$width === void 0 ? 0 : _ref2$width,
+      _ref2$height = _ref2.height,
+      height = _ref2$height === void 0 ? 0 : _ref2$height;
+
+  var difference = max - min;
+  return {
+    left: range_mappings.constrainToRange((value - min) / difference * width, 0, width),
+    top: range_mappings.constrainToRange((value - min) / difference * height, 0, height)
+  };
+};
+var getValueFromPosition = function getValueFromPosition(_ref3) {
+  var _$split;
+
+  var rangeRectangle = _ref3.rangeRectangle,
+      position = _ref3.position,
+      _ref3$rotation = _ref3.rotation,
+      rotation = _ref3$rotation === void 0 ? 'horizontal' : _ref3$rotation,
+      _ref3$step = _ref3.step,
+      step = _ref3$step === void 0 ? 1 : _ref3$step,
+      _ref3$max = _ref3.max,
+      max = _ref3$max === void 0 ? 100 : _ref3$max,
+      _ref3$min = _ref3.min,
+      min = _ref3$min === void 0 ? 0 : _ref3$min;
+  var clientY = position.clientY,
+      clientX = position.clientX;
+  var top = rangeRectangle.top,
+      height = rangeRectangle.height,
+      width = rangeRectangle.width,
+      left = rangeRectangle.left;
+  var difference = max - min;
+  var distance = rotation === 'horizontal' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.constrainToRange(clientY - top, 0, height);
+  var rawValue = rotation === 'horizontal' ? distance * difference / width : distance * difference / height;
+  var flooredValue = Math.floor(rawValue / step) * step;
+  var ceiledValue = Math.ceil(rawValue / step) * step + step;
+  var value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;
+  var fractionDigits = ((_$split = "".concat(step).split('.')) === null || _$split === void 0 || (_$split = _$split[1]) === null || _$split === void 0 ? void 0 : _$split.length) || 0;
+  var fixedValue = (value + min - step).toFixed(fractionDigits);
+  return Number(fixedValue);
 };
 
 exports.getPositionFromValue = getPositionFromValue;

package/build/cjs/packages/aurora/src/components/range/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/scroll_sync/components/scroll_sync_container.js

@@ -9,10 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ScrollSyncContainer = ({ children, id }) => {
-    const elementRef = React__default['default'].useRef(null);
-    scroll_sync_container_hook.useScrollSyncContainer(id, elementRef);
-    return React__default['default'].createElement(React__default['default'].Fragment, null, children(elementRef));
+var ScrollSyncContainer = function ScrollSyncContainer(_ref) {
+  var children = _ref.children,
+      id = _ref.id;
+  var elementRef = React__default['default'].useRef(null);
+  scroll_sync_container_hook.useScrollSyncContainer(id, elementRef);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children(elementRef));
 };
 
 exports.ScrollSyncContainer = ScrollSyncContainer;

package/build/cjs/packages/aurora/src/components/scroll_sync/components/scroll_sync_container.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/scroll_sync/context/scroll_sync_context.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const ScrollSyncContext = React.createContext({
-    registerContainer: () => { },
-    unregisterContainer: () => { },
-    hasContainer: () => false
-});
-const ScrollSyncContextProvider = ScrollSyncContext.Provider;
+var ScrollSyncContext = /*#__PURE__*/React.createContext({
+  registerContainer: function registerContainer() {},
+  unregisterContainer: function unregisterContainer() {},
+  hasContainer: function hasContainer() {
+    return false;
+  }
+});
+var ScrollSyncContextProvider = ScrollSyncContext.Provider;
 
 exports.ScrollSyncContext = ScrollSyncContext;
 exports.ScrollSyncContextProvider = ScrollSyncContextProvider;

package/build/cjs/packages/aurora/src/components/scroll_sync/context/scroll_sync_context.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/scroll_sync/context/scroll_sync_provider.js

@@ -11,20 +11,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ScrollSyncProvider = ({ children }) => {
-    const scrollSyncerSetup = use_lazy_ref.useLazyRef(() => setup_scroll_syncer.setupScrollSyncer());
-    const value = {
-        registerContainer(container) {
-            scrollSyncerSetup.current.scrollSyncerApi.registerContainer(container);
-        },
-        unregisterContainer(id) {
-            scrollSyncerSetup.current.scrollSyncerApi.unregisterContainer(id);
-        },
-        hasContainer(id) {
-            return scrollSyncerSetup.current.scrollSyncerApi.hasContainer(id);
-        }
-    };
-    return React__default['default'].createElement(scroll_sync_context.ScrollSyncContextProvider, { value: value }, children);
+var ScrollSyncProvider = function ScrollSyncProvider(_ref) {
+  var children = _ref.children;
+  var scrollSyncerSetup = use_lazy_ref.useLazyRef(function () {
+    return setup_scroll_syncer.setupScrollSyncer();
+  });
+  var value = {
+    registerContainer: function registerContainer(container) {
+      scrollSyncerSetup.current.scrollSyncerApi.registerContainer(container);
+    },
+    unregisterContainer: function unregisterContainer(id) {
+      scrollSyncerSetup.current.scrollSyncerApi.unregisterContainer(id);
+    },
+    hasContainer: function hasContainer(id) {
+      return scrollSyncerSetup.current.scrollSyncerApi.hasContainer(id);
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(scroll_sync_context.ScrollSyncContextProvider, {
+    value: value
+  }, children);
 };
 
 exports.ScrollSyncProvider = ScrollSyncProvider;

package/build/cjs/packages/aurora/src/components/scroll_sync/context/scroll_sync_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/scroll_sync/context/scroll_syncer_service.js

@@ -2,76 +2,117 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const SCROLL_CONTAINER_ID_ATTRIBUTE = 'data-scroll-sync-id';
-class ScrollSyncerService {
-    constructor() {
-        this.scrollContainers = [];
-        this.proportional = true;
-        this.vertical = true;
-        this.horizontal = true;
-        this.enabled = true;
-        this._addScrollEvent = (container) => {
-            container.$el.addEventListener('scroll', this._handleScrollEvent);
-        };
-        this._handleScrollEvent = (ev) => {
-            const $container = ev.target;
-            const containerId = $container.getAttribute(SCROLL_CONTAINER_ID_ATTRIBUTE);
-            if (!containerId)
-                return;
-            const container = this._getContentContainer(containerId);
-            if (!container)
-                return;
-            window.requestAnimationFrame(() => this._syncScrollPositions(container));
-        };
-        this._removeScrollEvent = (container) => {
-            container.$el.removeEventListener('scroll', this._handleScrollEvent);
-        };
-        this._syncScrollPosition = (containerToSync, scrolledContainer) => {
-            const $scrolledContainerEl = scrolledContainer.$el;
-            const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = $scrolledContainerEl;
-            const scrollTopOffset = scrollHeight - clientHeight;
-            const scrollLeftOffset = scrollWidth - clientWidth;
-            const paneHeight = containerToSync.$el.scrollHeight - clientHeight;
-            const paneWidth = containerToSync.$el.scrollWidth - clientWidth;
-            if (this.vertical && scrollTopOffset > 0) {
-                containerToSync.$el.scrollTop = this.proportional ? (paneHeight * scrollTop) / scrollTopOffset : scrollTop;
-            }
-            if (this.horizontal && scrollLeftOffset > 0) {
-                containerToSync.$el.scrollLeft = this.proportional ? (paneWidth * scrollLeft) / scrollLeftOffset : scrollLeft;
-            }
-        };
-        this._syncScrollPositions = (scrolledContainer) => {
-            this.scrollContainers.forEach((containerToSync) => {
-                if (containerToSync.id !== scrolledContainer.id) {
-                    this._syncScrollPosition(containerToSync, scrolledContainer);
-                }
-            });
-        };
-        this._getContentContainer = (id) => {
-            return this.scrollContainers.find((currContainer) => currContainer.id === id);
-        };
-    }
-    registerContainer(container) {
-        container.$el.setAttribute(SCROLL_CONTAINER_ID_ATTRIBUTE, container.id);
-        this.scrollContainers.push(container);
-        this._addScrollEvent(container);
-    }
-    unregisterContainer(id) {
-        const container = this._getContentContainer(id);
-        if (!container)
-            return;
-        //TODO dokonczyc scroll na iframe
-        // if (container.$el instanceof HTMLIFrameElement) {
-        //     container.$el = container.$el.contentWindow;
-        // }
-        this.scrollContainers = this.scrollContainers.filter((currContainer) => container.id !== currContainer.id);
-        container.$el.removeAttribute(SCROLL_CONTAINER_ID_ATTRIBUTE);
-        this._removeScrollEvent(container);
-    }
-    hasContainer(id) {
-        return !!this.scrollContainers.find((container) => container.id === id);
-    }
-}
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var SCROLL_CONTAINER_ID_ATTRIBUTE = 'data-scroll-sync-id';
+var ScrollSyncerService = /*#__PURE__*/function () {
+  function ScrollSyncerService() {
+    var _this = this;
+
+    _rollupPluginBabelHelpers.classCallCheck(this, ScrollSyncerService);
+
+    _rollupPluginBabelHelpers.defineProperty(this, "scrollContainers", []);
+
+    _rollupPluginBabelHelpers.defineProperty(this, "proportional", true);
+
+    _rollupPluginBabelHelpers.defineProperty(this, "vertical", true);
+
+    _rollupPluginBabelHelpers.defineProperty(this, "horizontal", true);
+
+    _rollupPluginBabelHelpers.defineProperty(this, "enabled", true);
+
+    _rollupPluginBabelHelpers.defineProperty(this, "_addScrollEvent", function (container) {
+      container.$el.addEventListener('scroll', _this._handleScrollEvent);
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(this, "_handleScrollEvent", function (ev) {
+      var $container = ev.target;
+      var containerId = $container.getAttribute(SCROLL_CONTAINER_ID_ATTRIBUTE);
+      if (!containerId) return;
+
+      var container = _this._getContentContainer(containerId);
+
+      if (!container) return;
+      window.requestAnimationFrame(function () {
+        return _this._syncScrollPositions(container);
+      });
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(this, "_removeScrollEvent", function (container) {
+      container.$el.removeEventListener('scroll', _this._handleScrollEvent);
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(this, "_syncScrollPosition", function (containerToSync, scrolledContainer) {
+      var $scrolledContainerEl = scrolledContainer.$el;
+      var scrollTop = $scrolledContainerEl.scrollTop,
+          scrollHeight = $scrolledContainerEl.scrollHeight,
+          clientHeight = $scrolledContainerEl.clientHeight,
+          scrollLeft = $scrolledContainerEl.scrollLeft,
+          scrollWidth = $scrolledContainerEl.scrollWidth,
+          clientWidth = $scrolledContainerEl.clientWidth;
+      var scrollTopOffset = scrollHeight - clientHeight;
+      var scrollLeftOffset = scrollWidth - clientWidth;
+      var paneHeight = containerToSync.$el.scrollHeight - clientHeight;
+      var paneWidth = containerToSync.$el.scrollWidth - clientWidth;
+
+      if (_this.vertical && scrollTopOffset > 0) {
+        containerToSync.$el.scrollTop = _this.proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
+      }
+
+      if (_this.horizontal && scrollLeftOffset > 0) {
+        containerToSync.$el.scrollLeft = _this.proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
+      }
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(this, "_syncScrollPositions", function (scrolledContainer) {
+      _this.scrollContainers.forEach(function (containerToSync) {
+        if (containerToSync.id !== scrolledContainer.id) {
+          _this._syncScrollPosition(containerToSync, scrolledContainer);
+        }
+      });
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(this, "_getContentContainer", function (id) {
+      return _this.scrollContainers.find(function (currContainer) {
+        return currContainer.id === id;
+      });
+    });
+  }
+
+  return _rollupPluginBabelHelpers.createClass(ScrollSyncerService, [{
+    key: "registerContainer",
+    value: function registerContainer(container) {
+      container.$el.setAttribute(SCROLL_CONTAINER_ID_ATTRIBUTE, container.id);
+      this.scrollContainers.push(container);
+
+      this._addScrollEvent(container);
+    }
+  }, {
+    key: "unregisterContainer",
+    value: function unregisterContainer(id) {
+      var container = this._getContentContainer(id);
+
+      if (!container) return; //TODO dokonczyc scroll na iframe
+      // if (container.$el instanceof HTMLIFrameElement) {
+      //     container.$el = container.$el.contentWindow;
+      // }
+
+      this.scrollContainers = this.scrollContainers.filter(function (currContainer) {
+        return container.id !== currContainer.id;
+      });
+      container.$el.removeAttribute(SCROLL_CONTAINER_ID_ATTRIBUTE);
+
+      this._removeScrollEvent(container);
+    }
+  }, {
+    key: "hasContainer",
+    value: function hasContainer(id) {
+      return !!this.scrollContainers.find(function (container) {
+        return container.id === id;
+      });
+    }
+  }]);
+}();
 
 exports.ScrollSyncerService = ScrollSyncerService;
 //# sourceMappingURL=scroll_syncer_service.js.map