@dreamcommerce/aurora 0.3.4-98 → 0.3.6

package/build/cjs/packages/aurora/src/components/message-box/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('../../utilities/styles/classNames.js');
+var main_module = require('../../css/message-box/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var MessageBox = function (_a) {
+    var children = _a.children, header = _a.header, type = _a.type, withoutIcon = _a.withoutIcon, fullWidth = _a.fullWidth, className = _a.className;
+    var messageBoxClassName = classNames.classNames([className, 'message-box', type && "message-box_".concat(type), fullWidth && "message-box_full-width"], main_module['default']);
+    return (React__default['default'].createElement("div", { className: messageBoxClassName },
+        !withoutIcon && React__default['default'].createElement("div", { className: main_module['default']['message-box__icon'] }),
+        React__default['default'].createElement("div", { className: main_module['default']['message-box__content'] },
+            header && React__default['default'].createElement("h4", { className: main_module['default']['message-box__header'] }, header),
+            children)));
+};
+
+exports.default = MessageBox;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/message-box/index.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/components/content.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Content = function (_a) {
+    var children = _a.children;
+    return React__default['default'].createElement("section", { className: main_module['default']['modal-window__content'] }, children);
+};
+
+exports.default = Content;
+//# sourceMappingURL=content.js.map

package/build/cjs/packages/aurora/src/components/modal/components/content.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/components/footer.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Footer = function (_a) {
+    var children = _a.children;
+    return React__default['default'].createElement("footer", { className: main_module['default']['modal-window__footer'] }, children);
+};
+
+exports.default = Footer;
+//# sourceMappingURL=footer.js.map

package/build/cjs/packages/aurora/src/components/modal/components/footer.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/components/header.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+var icon_close = require('../../../assets/icon_close.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Header = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, closeAction = _a.closeAction;
+    return (React__default['default'].createElement("header", { className: main_module['default']['modal-window__header'] },
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__title'] },
+            React__default['default'].createElement("h3", null, title)),
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__header-actions'] },
+            actions,
+            closeAction && React__default['default'].createElement(icon_close['default'], { onClick: closeAction, className: main_module['default']['modal-window__close-icon'] }))));
+};
+
+exports.default = Header;
+//# sourceMappingURL=header.js.map

package/build/cjs/packages/aurora/src/components/modal/components/header.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/components/modal.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Modal = function (_a) {
+    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
+    return (React__default['default'].createElement("div", { "data-test-id": "modal", ref: modalRef, className: "".concat(main_module['default']['modal-window'], " ").concat(main_module['default']['modal-window_visible'], " ").concat(className) },
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__body'] }, children)));
+};
+
+exports.default = Modal;
+//# sourceMappingURL=modal.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_TRANSLATE_MOVE = 100;
+
+exports.DEFAULT_TRANSLATE_MOVE = DEFAULT_TRANSLATE_MOVE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/modal/constants.js.map

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

package/build/cjs/packages/aurora/src/components/modal/context/modal_context.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ModalContext = React.createContext({
+    isVisible: false,
+    setVisible: function () { },
+    hideModal: function () { }
+});
+var ModalContextProvider = ModalContext.Provider;
+
+exports.ModalContext = ModalContext;
+exports.ModalContextProvider = ModalContextProvider;
+//# sourceMappingURL=modal_context.js.map

package/build/cjs/packages/aurora/src/components/modal/context/modal_context.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../../_virtual/_tslib.js');
+var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
+var reactDom = require('react-dom');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
+var utilities = require('../../utilities.js');
+var constants = require('../../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useStyles = reactJss_esm.createUseStyles({
+    modal: {
+        position: 'absolute',
+        visibility: function (_a) {
+            var isVisible = _a.isVisible;
+            return (isVisible ? 'visible' : 'hidden');
+        },
+        opacity: function (_a) {
+            var isVisible = _a.isVisible;
+            return +isVisible;
+        },
+        top: function (_a) {
+            var top = _a.top;
+            return top;
+        },
+        bottom: function (_a) {
+            var bottom = _a.bottom;
+            return bottom;
+        },
+        left: function (_a) {
+            var left = _a.left;
+            return left;
+        },
+        right: function (_a) {
+            var right = _a.right;
+            return right;
+        },
+        transform: utilities.getTransformFromAnimationDirection
+    }
+});
+var AbsoluteModal = function (_a) {
+    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
+    var modalRef = React.useRef(null);
+    var _d = React.useState(0), updater = _d[0], setUpdater = _d[1];
+    var _e = React.useState({}), position = _e[0], setPosition = _e[1];
+    var classes = useStyles(_tslib.__assign(_tslib.__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
+    React.useEffect(function () {
+        var _a, _b;
+        setPosition(utilities.calculateAbsolutePosition({
+            vPosition: vPosition,
+            hPosition: hPosition,
+            modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection
+        }));
+    }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible, updater]);
+    use_resize.useResize(function () {
+        var _a, _b;
+        setPosition(utilities.calculateAbsolutePosition({
+            vPosition: vPosition,
+            hPosition: hPosition,
+            modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection
+        }));
+    }, 50);
+    React.useEffect(function () {
+        var observer = new MutationObserver(function () {
+            setUpdater(function (updater) { return updater + 1; });
+        });
+        if (modalRef.current) {
+            observer.observe(modalRef.current, { childList: true, subtree: true });
+        }
+        return function () { return observer.disconnect(); };
+    }, []);
+    return reactDom.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
+        isVisible && withBackground && React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] })), document.body);
+};
+
+exports.default = AbsoluteModal;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/hoc/modal_provider.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_context = require('../context/modal_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalProvider = function (_a) {
+    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, children = _a.children;
+    var _c = React.useState(defaultOpen), isVisible = _c[0], setVisible = _c[1];
+    var hideModal = function () { return setVisible(false); };
+    return React__default['default'].createElement(modal_context.ModalContextProvider, { value: { isVisible: isVisible, setVisible: setVisible, hideModal: hideModal } }, children);
+};
+
+exports.default = ModalProvider;
+//# sourceMappingURL=modal_provider.js.map

package/build/cjs/packages/aurora/src/components/modal/hoc/modal_provider.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../../_virtual/_tslib.js');
+var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
+var reactDom = require('react-dom');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
+var utilities = require('../../utilities.js');
+var constants = require('../../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useStyles = reactJss_esm.createUseStyles({
+    modal: {
+        position: 'absolute',
+        visibility: function (_a) {
+            var isVisible = _a.isVisible;
+            return (isVisible ? 'visible' : 'hidden');
+        },
+        opacity: function (_a) {
+            var isVisible = _a.isVisible;
+            return +isVisible;
+        },
+        top: function (_a) {
+            var top = _a.top;
+            return top;
+        },
+        left: function (_a) {
+            var left = _a.left;
+            return left;
+        },
+        transform: utilities.getTransformFromAnimationDirection
+    }
+});
+var RelativeModal = function (_a) {
+    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"]);
+    var modalRef = React.useRef(null);
+    var _d = React.useState({}), positioning = _d[0], setPosition = _d[1];
+    var classes = useStyles(_tslib.__assign(_tslib.__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
+    React.useEffect(function () {
+        var _a, _b;
+        setPosition(utilities.calculateRelativePosition({
+            position: position,
+            relativeRect: (_a = relativeTo === null || relativeTo === void 0 ? void 0 : relativeTo.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
+            modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect(),
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection,
+            relativeTo: relativeTo
+        }));
+    }, [relativeTo, animationDirection, position, offset, transformLength, isVisible]);
+    use_resize.useResize(function () {
+        var _a, _b;
+        setPosition(utilities.calculateRelativePosition({
+            position: position,
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection,
+            relativeTo: relativeTo,
+            relativeRect: (_a = relativeTo === null || relativeTo === void 0 ? void 0 : relativeTo.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
+            modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
+        }));
+    }, 50);
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
+        isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
+};
+
+exports.default = RelativeModal;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../css/modal/main.module.less.js');
+var content = require('./components/content.js');
+var header = require('./components/header.js');
+var footer = require('./components/footer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Modal = function (_a) {
+    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
+    return (React__default['default'].createElement("div", { ref: modalRef, className: "".concat(main_module['default']['modal-window'], " ").concat(className) },
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__body'] }, children)));
+};
+Modal.Header = header['default'];
+Modal.Content = content['default'];
+Modal.Footer = footer['default'];
+
+exports.default = Modal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,176 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+
+/**
+ * Function to get proper css style from props and state
+ * @param animationDirection, taken from props
+ * @param transformLength, taken from state
+ * @param isVisible, taken from state
+ * @param transform, taken from props if it is set then custom transform function is ran
+ * @return css string which is used in styling
+ */
+var getTransformFromAnimationDirection = function (_a) {
+    var animationDirection = _a.animationDirection, transformLength = _a.transformLength, isVisible = _a.isVisible, transform = _a.transform;
+    if (transform) {
+        return transform({ isVisible: isVisible });
+    }
+    if (animationDirection === 'bottomTop') {
+        return "translate(0px, ".concat(isVisible ? "-".concat(transformLength, "px") : '0px', ")");
+    }
+    if (animationDirection === 'leftRight') {
+        return "translate(".concat(isVisible ? "".concat(transformLength, "px") : '0px', ", 0px)");
+    }
+    if (animationDirection === 'rightLeft') {
+        return "translate(".concat(isVisible ? "-".concat(transformLength, "px") : '0px', ", 0px)");
+    }
+    return "translate(0px, ".concat(isVisible ? "".concat(transformLength, "px") : '0px', ")");
+};
+/**
+ * Function for relative to check if modal is still in viewport
+ * @param relativeRect, relative rectangle
+ * @param modalRect, modal rectangle
+ * @param offset
+ * @return object of available directions in booleans
+ */
+var availablePositions = function (_a) {
+    var relativeRect = _a.relativeRect, modalRect = _a.modalRect, _b = _a.offset, offset = _b === void 0 ? 0 : _b;
+    var _c = relativeRect || {}, _d = _c.x, x = _d === void 0 ? 0 : _d, _e = _c.y, y = _e === void 0 ? 0 : _e, _f = _c.width, width = _f === void 0 ? 0 : _f, _g = _c.height, height = _g === void 0 ? 0 : _g;
+    var _h = modalRect || {}, _j = _h.width, modalWidth = _j === void 0 ? 0 : _j, _k = _h.height, modalHeight = _k === void 0 ? 0 : _k;
+    return {
+        isLeftPositionPossible: x - modalWidth - offset > 0,
+        isRightPositionPossible: x + width + modalWidth + offset < window.innerWidth,
+        isBottomPositionPossible: y + height + modalHeight + offset < window.innerHeight,
+        isTopPositionPossible: y - modalHeight - offset > 0
+    };
+};
+/**
+ *
+ * @param transformLength
+ * @return values which will used in transform
+ */
+var animationOffsets = function (transformLength) { return ({
+    verticalAnimationOffset: {
+        bottomTop: -transformLength,
+        topBottom: transformLength,
+        leftRight: 0,
+        rightLeft: 0
+    },
+    horizontalAnimationOffset: {
+        bottomTop: 0,
+        topBottom: 0,
+        leftRight: -transformLength,
+        rightLeft: transformLength
+    }
+}); };
+/**
+ * Function to return left, top, bottom, right css values, which will be used to placed modal
+ * @param position, chosen position of modal
+ * @param transformLength, taken from previously calculated values
+ * @param modalRect, used to calculate available positions and position of modal
+ * @param offset,
+ * @param animationDirection, chosen animation by default "topBottom"
+ * @param relativeRect, used to calculate  available positions and position of modal
+ * @return based on animationPosition and availablePositions css values
+ */
+var calculateRelativePosition = function (_a) {
+    var position = _a.position, modalRect = _a.modalRect, relativeRect = _a.relativeRect, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? 0 : _c, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'topBottom' : _d;
+    var _e = animationOffsets(transformLength), verticalAnimationOffset = _e.verticalAnimationOffset, horizontalAnimationOffset = _e.horizontalAnimationOffset;
+    var _f = availablePositions({
+        relativeRect: relativeRect,
+        modalRect: modalRect,
+        offset: offset
+    }), isLeftPositionPossible = _f.isLeftPositionPossible, isRightPositionPossible = _f.isRightPositionPossible, isBottomPositionPossible = _f.isBottomPositionPossible, isTopPositionPossible = _f.isTopPositionPossible;
+    var _g = relativeRect || {}, _h = _g.x, x = _h === void 0 ? 0 : _h, _j = _g.y, y = _j === void 0 ? 0 : _j, _k = _g.width, width = _k === void 0 ? 0 : _k, _l = _g.height, height = _l === void 0 ? 0 : _l;
+    var _m = modalRect || {}, _o = _m.width, modalWidth = _o === void 0 ? 0 : _o, _p = _m.height, modalHeight = _p === void 0 ? 0 : _p;
+    var rightPosition = (position === 'right' && (isRightPositionPossible || !isLeftPositionPossible)) || (position === 'left' && !isLeftPositionPossible);
+    var leftPosition = (position === 'left' && (isLeftPositionPossible || !isRightPositionPossible)) || (position === 'right' && !isRightPositionPossible);
+    var topPosition = (position === 'top' && (isTopPositionPossible || !isBottomPositionPossible)) || (position === 'bottom' && !isBottomPositionPossible);
+    if (rightPosition) {
+        return {
+            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
+            left: x + offset + width + horizontalAnimationOffset[animationDirection]
+        };
+    }
+    if (leftPosition) {
+        return {
+            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
+            left: x - offset - modalWidth + horizontalAnimationOffset[animationDirection]
+        };
+    }
+    if (topPosition) {
+        return {
+            top: y - offset - modalHeight - verticalAnimationOffset[animationDirection],
+            left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2
+        };
+    }
+    return {
+        top: y + height + offset - verticalAnimationOffset[animationDirection],
+        left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2
+    };
+};
+/**
+ * @param vPosition, verticalPosition
+ * @param hPosition, horizontalPosition
+ * @param modalRect, used to calculate position
+ * @param offset = 0,
+ * @param transformLength, taken from previously calculated values
+ * @param animationDirection, chosen animation, by default "topBottom"
+ * direction is chosen based on vPosition and hPosition
+ */
+var calculateAbsolutePosition = function (_a) {
+    var _b = _a.vPosition, vPosition = _b === void 0 ? 'middle' : _b, _c = _a.hPosition, hPosition = _c === void 0 ? 'center' : _c, modalRect = _a.modalRect, _d = _a.offset, offset = _d === void 0 ? 0 : _d, _e = _a.transformLength, transformLength = _e === void 0 ? 0 : _e, _f = _a.animationDirection, animationDirection = _f === void 0 ? 'topBottom' : _f;
+    var innerWidth = window.innerWidth, innerHeight = window.innerHeight;
+    var _g = modalRect || {}, _h = _g.width, width = _h === void 0 ? 0 : _h, _j = _g.height, height = _j === void 0 ? 0 : _j;
+    var verticalOffset = {
+        bottomTop: -transformLength,
+        topBottom: transformLength,
+        leftRight: 0,
+        rightLeft: 0
+    };
+    var horizontalOffset = {
+        bottomTop: 0,
+        topBottom: 0,
+        leftRight: -transformLength,
+        rightLeft: transformLength
+    };
+    var verticalPositions = {
+        top: {
+            top: offset - verticalOffset[animationDirection],
+            bottom: undefined
+        },
+        middle: {
+            top: (innerHeight - height) / 2 - verticalOffset[animationDirection],
+            bottom: undefined
+        },
+        bottom: {
+            top: innerHeight - height - verticalOffset[animationDirection],
+            bottom: undefined
+        }
+    };
+    var horizontalPositions = {
+        left: {
+            left: offset + horizontalOffset[animationDirection],
+            right: undefined
+        },
+        center: {
+            left: innerWidth / 2 - width / 2 + horizontalOffset[animationDirection],
+            right: undefined
+        },
+        right: {
+            left: undefined,
+            right: offset + horizontalOffset[animationDirection]
+        }
+    };
+    var _k = verticalPositions[vPosition], top = _k.top, bottom = _k.bottom;
+    var _l = horizontalPositions[hPosition], left = _l.left, right = _l.right;
+    return { top: top, bottom: bottom, left: left, right: right };
+};
+
+exports.availablePositions = availablePositions;
+exports.calculateAbsolutePosition = calculateAbsolutePosition;
+exports.calculateRelativePosition = calculateRelativePosition;
+exports.getTransformFromAnimationDirection = getTransformFromAnimationDirection;
+//# sourceMappingURL=utilities.js.map

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

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/css_classes.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_RANGE = 'range';
+var CSS_RANGE_POINTER = "".concat(CSS_RANGE, "__pointer");
+var CSS_RANGE_POINTER_DISABLED = CSS_RANGE_POINTER + '_disabled';
+var CSS_RANGE_POINTER_INSIDE = CSS_RANGE_POINTER + '-inside';
+var CSS_RANGE_POINTER_INSIDE_DISABLED = CSS_RANGE_POINTER_INSIDE + '_disabled';
+var CSS_CLASSES = {
+    range: CSS_RANGE,
+    rangePointer: CSS_RANGE_POINTER,
+    rangePointerDisabled: CSS_RANGE_POINTER_DISABLED,
+    rangePointerInside: CSS_RANGE_POINTER_INSIDE,
+    rangePointerInsideDisabled: CSS_RANGE_POINTER_INSIDE_DISABLED
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +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;"}