aio-popup 7.0.0 → 8.0.1

package/index.css

@@ -22,7 +22,6 @@
 
 .aio-popup {
   border-radius: 4px;
-  font-size: 14px;
   transition: .3s;
   max-width: 100vw;
   max-height: 100vh;
@@ -149,7 +148,7 @@
   background: #fff;
   color: #323130;
   padding: 6px 12px;
-  font-size: 14px;
+  font-size: 1.2em;
   min-height: 36px;
   gap: 12px;
   align-items: center;
@@ -188,12 +187,10 @@
 }
 
 .aio-popup-body {
-  background: #fff;
   flex: 1;
   width: 100%;
   overflow-y: auto;
   box-sizing: border-box;
-  border-radius:6px;
 }
 
 .aio-popup-body * {

package/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import './index.css';
 export type AP_position = 'fullscreen' | 'center' | 'popover' | 'left' | 'right' | 'top' | 'bottom';
 export type AP_attrsKey = 'backdrop' | 'modal' | 'header' | 'body' | 'footer';

package/index.js

@@ -11,13 +11,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { createRef, useEffect, useState, createContext, useContext, useRef } from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 import ReactDOM from 'react-dom';
-import { $, anime } from 'aio-depencencies';
+import { $, anime } from 'aio-deps';
 import './index.css';
 const CTX = createContext({});
 function Align(p) {
     let { modal, target, fitHorizontal, rtl, limitTo, pageSelector } = p;
-    const bodyWidth = window.innerWidth, bodyHeight = window.innerHeight;
-    let pageLimit = { left: 0, top: 0, bottom: bodyHeight, right: bodyWidth, width: bodyWidth, height: bodyHeight };
+    const page = modal.parents('.aio-popup-backdrop');
+    let pageLimit = getBound(page[0]);
     if (pageSelector) {
         let page = modal.parents(pageSelector);
         if (page.length) {
@@ -46,7 +46,7 @@ function Align(p) {
         //اگر راست به چپ باید باشد
         if (rtl) {
             //راست المان را با راست هدف ست کن
-            domLimit.right = targetLimit.right;
+            domLimit.right = targetLimit.right - pageLimit.left;
             //چپ المان را بروز رسانی کن
             domLimit.left = domLimit.right - domLimit.width;
             //اگر المان از سمت چپ از صفحه بیرون زد سمت چپ المان را با سمت چپ صفحه ست کن
@@ -56,7 +56,7 @@ function Align(p) {
         }
         else {
             //چپ المان را با چپ هدف ست کن
-            domLimit.left = targetLimit.left;
+            domLimit.left = targetLimit.left + pageLimit.left;
             //راست المان را بروز رسانی کن
             domLimit.right = domLimit.left + domLimit.width;
             //اگر المان از سمت راست صفحه بیرون زد سمت چپ المان را با پهنای المان ست کن
@@ -71,7 +71,7 @@ function Align(p) {
             domLimit.top = pageLimit.bottom - domLimit.height;
         }
         else {
-            domLimit.top = targetLimit.top - domLimit.height;
+            domLimit.top = targetLimit.top - domLimit.height - (pageLimit.top);
         }
     }
     else {
@@ -742,16 +742,16 @@ function getEasing(highlight) {
     const { easing } = highlight;
     var easingNames = [
         'linear',
-        'easeInQuad', //1
-        'easeInSine', //5
-        'easeInCirc', //7
-        'easeInBack', //8
-        'easeOutQuad', //9
-        'easeOutSine', //13
-        'easeOutCirc', //15
-        'easeInOutQuad', //18
-        'easeInOutSine', //22
-        'easeInOutBack', //25
+        'easeInQuad',
+        'easeInSine',
+        'easeInCirc',
+        'easeInBack',
+        'easeOutQuad',
+        'easeOutSine',
+        'easeOutCirc',
+        'easeInOutQuad',
+        'easeInOutSine',
+        'easeInOutBack',
         'easeOutBounce', //27
     ];
     if (typeof easing === 'number') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-popup",
-  "version": "7.0.0",
+  "version": "8.0.1",
   "description": "handle all types of popup and modals in react",
   "main": "index.js",
   "scripts": {
@@ -12,7 +12,7 @@
     "url": "git+https://github.com/mohammadFeiz/aio-popup.git"
   },
   "dependencies": {
-    "aio-depencencies": "latest"
+    "aio-deps": "latest"
   },
   "keywords": [
     "popup",