@dreamcommerce/aurora 0.3.20 → 0.3.21

package/build/esm/packages/aurora/src/components/modal/index.js

@@ -1,17 +1,16 @@
 import React from 'react';
-import cssClasses from '../../css/modal/main.module.less.js';
-import Content from './components/content.js';
-import Header from './components/header.js';
-import Footer from './components/footer.js';
-
-var Modal = function (_a) {
-    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { ref: modalRef, className: "".concat(cssClasses['modal-window'], " ").concat(className) },
-        React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
-};
-Modal.Header = Header;
-Modal.Content = Content;
+import Content from './components/content';
+import Header from './components/header';
+import Footer from './components/footer';
+import '@auroraComponents/modal/types';
+import cssClasses from '@auroraCss/modal/main.module.less';
+var Modal = function (_a) {
+    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
+    return (React.createElement("div", { ref: modalRef, className: "".concat(cssClasses['modal-window'], " ").concat(className) },
+        React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
+};
+Modal.Header = Header;
+Modal.Content = Content;
 Modal.Footer = Footer;
-
 export default Modal;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/modal/index.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;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAA+C,+BAA+B,CAAC;AAC/E,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D,IAAM,KAAK,GAAwC,UAAC,EAAiC;QAA/B,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/E,OAAO,CACH,6BAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAG,UAAU,CAAC,cAAc,CAAC,cAAI,SAAS,CAAE;QACvE,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,CACT,CAAC;AACN,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACtB,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;AACxB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AAEtB,eAAe,KAAK,CAAC"}

package/build/esm/packages/aurora/src/components/modal/types.d.ts

@@ -1,55 +1,55 @@
-import { FC, ReactElement, ReactNode, ReactNodeArray, RefObject } from 'react';
-export interface IHeaderProps {
-    title?: string;
-    actions?: ReactElement | ReactNodeArray | ReactNode;
-    closeAction?: () => void;
-}
-export interface IContentProps {
-}
-export interface IFooterProps {
-}
-export interface IModalProps {
-    className?: string;
-    withBackground?: boolean;
-    modalRef?: RefObject<HTMLDivElement>;
-}
-export interface IModalComposition {
-    Header: FC<IHeaderProps>;
-    Footer: FC<IFooterProps>;
-    Content: FC<IContentProps>;
-}
-export interface IAbsoluteModalProps {
-    vPosition?: 'top' | 'middle' | 'bottom';
-    hPosition?: 'left' | 'center' | 'right';
-    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
-    isVisible?: boolean;
-    offset?: number;
-    transformLength?: number;
-    transform?({ isVisible }: {
-        isVisible?: boolean;
-    }): string;
-}
-export interface IRelativeModalProps {
-    position?: 'top' | 'left' | 'bottom' | 'right';
-    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
-    isVisible?: boolean;
-    offset?: number;
-    relativeTo: RefObject<HTMLDivElement>;
-    transformLength?: number;
-    transform?({ isVisible }: {
-        isVisible?: boolean;
-    }): string;
-}
-export interface IPositionState {
-    top?: number;
-    left?: number;
-    bottom?: number;
-    right?: number;
-}
-export interface IAbsoluteCalculation extends IAbsoluteModalProps {
-    modalRect?: DOMRect;
-}
-export interface IRelativeCalculation extends IRelativeModalProps {
-    modalRect?: DOMRect;
-    relativeRect?: DOMRect;
-}
+import { FC, ReactElement, ReactNode, ReactNodeArray, RefObject } from 'react';
+export interface IHeaderProps {
+    title?: string;
+    actions?: ReactElement | ReactNodeArray | ReactNode;
+    closeAction?: () => void;
+}
+export interface IContentProps {
+}
+export interface IFooterProps {
+}
+export interface IModalProps {
+    className?: string;
+    withBackground?: boolean;
+    modalRef?: RefObject<HTMLDivElement>;
+}
+export interface IModalComposition {
+    Header: FC<IHeaderProps>;
+    Footer: FC<IFooterProps>;
+    Content: FC<IContentProps>;
+}
+export interface IAbsoluteModalProps {
+    vPosition?: 'top' | 'middle' | 'bottom';
+    hPosition?: 'left' | 'center' | 'right';
+    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
+    isVisible?: boolean;
+    offset?: number;
+    transformLength?: number;
+    transform?({ isVisible }: {
+        isVisible?: boolean;
+    }): string;
+}
+export interface IRelativeModalProps {
+    position?: 'top' | 'left' | 'bottom' | 'right';
+    animationDirection?: 'bottomTop' | 'topBottom' | 'leftRight' | 'rightLeft';
+    isVisible?: boolean;
+    offset?: number;
+    relativeTo: RefObject<HTMLDivElement>;
+    transformLength?: number;
+    transform?({ isVisible }: {
+        isVisible?: boolean;
+    }): string;
+}
+export interface IPositionState {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+}
+export interface IAbsoluteCalculation extends IAbsoluteModalProps {
+    modalRect?: DOMRect;
+}
+export interface IRelativeCalculation extends IRelativeModalProps {
+    modalRect?: DOMRect;
+    relativeRect?: DOMRect;
+}

package/build/esm/packages/aurora/src/components/modal/utilities.d.ts

@@ -1,56 +1,56 @@
-import { IAbsoluteModalProps, IAbsoluteCalculation, IRelativeCalculation } from "./types";
-/**
- * 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
- */
-export declare const getTransformFromAnimationDirection: ({ animationDirection, transformLength, isVisible, transform }: IAbsoluteModalProps) => string;
-/**
- * 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
- */
-export declare const availablePositions: ({ relativeRect, modalRect, offset }: {
-    relativeRect?: DOMRect | undefined;
-    modalRect?: DOMRect | undefined;
-    offset?: number | undefined;
-}) => {
-    isLeftPositionPossible: boolean;
-    isRightPositionPossible: boolean;
-    isBottomPositionPossible: boolean;
-    isTopPositionPossible: boolean;
-};
-/**
- * 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
- */
-export declare const calculateRelativePosition: ({ position, modalRect, relativeRect, offset, transformLength, animationDirection }: IRelativeCalculation) => {
-    top: number;
-    left: number;
-};
-/**
- * @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
- */
-export declare const calculateAbsolutePosition: ({ vPosition, hPosition, modalRect, offset, transformLength, animationDirection }: IAbsoluteCalculation) => {
-    top: number;
-    bottom: undefined;
-    left: number | undefined;
-    right: number | undefined;
-};
+import { IAbsoluteModalProps, IAbsoluteCalculation, IRelativeCalculation } from '@auroraComponents/modal/types';
+/**
+ * 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
+ */
+export declare const getTransformFromAnimationDirection: ({ animationDirection, transformLength, isVisible, transform }: IAbsoluteModalProps) => string;
+/**
+ * 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
+ */
+export declare const availablePositions: ({ relativeRect, modalRect, offset }: {
+    relativeRect?: DOMRect | undefined;
+    modalRect?: DOMRect | undefined;
+    offset?: number | undefined;
+}) => {
+    isLeftPositionPossible: boolean;
+    isRightPositionPossible: boolean;
+    isBottomPositionPossible: boolean;
+    isTopPositionPossible: boolean;
+};
+/**
+ * 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
+ */
+export declare const calculateRelativePosition: ({ position, modalRect, relativeRect, offset, transformLength, animationDirection }: IRelativeCalculation) => {
+    top: number;
+    left: number;
+};
+/**
+ * @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
+ */
+export declare const calculateAbsolutePosition: ({ vPosition, hPosition, modalRect, offset, transformLength, animationDirection }: IAbsoluteCalculation) => {
+    top: number;
+    bottom: undefined;
+    left: number | undefined;
+    right: number | undefined;
+};

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

@@ -1,169 +1,166 @@
-import '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 };
+import '@auroraComponents/modal/types';
+/**
+ * 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
+ */
+export 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', ")");
 };
-
-export { availablePositions, calculateAbsolutePosition, calculateRelativePosition, getTransformFromAnimationDirection };
-//# sourceMappingURL=utilities.js.map
+/**
+ * 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
+ */
+export 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
+ */
+export 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
+ */
+export 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 };
+};
+//# sourceMappingURL=utilities.js.map

package/build/esm/packages/aurora/src/components/modal/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"utilities.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/utilities.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/range/css_classes.d.ts

@@ -1,8 +1,8 @@
-declare const _default: {
-    range: string;
-    rangePointer: string;
-    rangePointerDisabled: string;
-    rangePointerInside: string;
-    rangePointerInsideDisabled: string;
-};
-export default _default;
+declare const _default: {
+    range: string;
+    rangePointer: string;
+    rangePointerDisabled: string;
+    rangePointerInside: string;
+    rangePointerInsideDisabled: string;
+};
+export default _default;