aio-popup 3.0.2 → 3.0.4

package/index.css

@@ -71,7 +71,7 @@
 .aio-popup-position-right{
   justify-content:right;
 }
-.aio-popup-position-right > .aio-popup{
+.aio-popup-position-right .aio-popup{
   height:100%;
   max-width:90vh;
   right:0;
@@ -120,10 +120,14 @@
 .aio-popup-body {
   flex: 1;
   width: 100%;
+  padding:12px;
   overflow-y:auto;
 }
 .aio-popup-footer{
   padding:12px;
+  width:100%;
+  gap:12px;
+  display:flex;
   border-top:1px solid #f2f4f7;
   justify-content: flex-end;
 }

package/index.js

@@ -1,1083 +1,15 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React, { Component, createRef, useEffect } from 'react';
-import * as ReactDOMServer from 'react-dom/server';
-import { Icon } from '@mdi/react';
-import { mdiClose, mdiChevronRight, mdiChevronLeft } from '@mdi/js';
-import RVD from 'react-virtual-dom';
-import $ from 'jquery';
-import './index.css';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default class AIOPopup {
-  constructor(_obj = {}) {
-    _defineProperty(this, "render", () => {
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Popups, {
-          rtl: this.rtl,
-          getActions: ({
-            addModal,
-            removeModal,
-            getModals
-          }) => {
-            this._addModal = addModal;
-            this._removeModal = removeModal;
-            this._getModals = getModals;
-          }
-        }), /*#__PURE__*/_jsx(AIOSnackeBar, {
-          rtl: this.rtl,
-          getActions: ({
-            add
-          }) => {
-            this._addSnakebar = add;
-          }
-        })]
-      });
-    });
-    _defineProperty(this, "getModals", () => this._getModals());
-    _defineProperty(this, "addModal", (obj = {}, animate = true) => {
-      if (obj.id === undefined) {
-        obj.id = 'popup' + Math.round(Math.random() * 1000000);
-      }
-      this._addModal(obj, animate);
-    });
-    _defineProperty(this, "removeModal", (arg, animate = true) => this._removeModal(arg, animate));
-    _defineProperty(this, "addAlert", (obj = {}) => {
-      let {
-        icon,
-        type = '',
-        text = '',
-        subtext = '',
-        time = 10,
-        className,
-        closeText = 'بستن'
-      } = obj;
-      Alert({
-        icon,
-        type,
-        text,
-        subtext,
-        time,
-        className,
-        closeText
-      });
-    });
-    _defineProperty(this, "addSnakebar", (obj = {}) => {
-      let {
-        text,
-        index,
-        type,
-        subtext,
-        action = {},
-        time = 6,
-        rtl
-      } = obj;
-      this._addSnakebar({
-        text,
-        index,
-        type,
-        subtext,
-        action,
-        time,
-        rtl
-      });
-    });
-    this.rtl = _obj.rtl;
-  }
-}
-class Popups extends Component {
-  constructor(props) {
-    super(props);
-    this.dom = /*#__PURE__*/createRef();
-    let {
-      getActions = () => {}
-    } = props;
-    this.state = {
-      modals: []
-    };
-    getActions({
-      removeModal: this.removeModal.bind(this),
-      addModal: this.addModal.bind(this),
-      getModals: () => [...this.state.modals]
-    });
-  }
-  change(obj) {
-    let {
-      onChange = () => {}
-    } = this.props;
-    for (let prop in obj) {
-      this.state[prop] = obj[prop];
-    }
-    this.setState(obj, () => onChange({
-      ...this.state
-    }));
-  }
-  addModal(o, animate = true) {
-    if (typeof o !== 'object') {
-      console.error('aio-popup => addModal modal parameter to add is not an object');
-      return;
-    }
-    if (o.id === undefined) {
-      console.error('aio-popup => addModal missing modal id property');
-      return;
-    }
-    let {
-      modals
-    } = this.state;
-    let newModals = modals.filter(({
-      id
-    }) => id !== o.id);
-    newModals.push({
-      ...o,
-      mounted: o.position === 'popover' ? false : !animate
-    });
-    this.change({
-      modals: newModals
-    });
-  }
-  async removeModal(arg = 'last', animate = true) {
-    if (arg === 'all') {
-      this.change({
-        modals: []
-      });
-    } else {
-      let {
-        modals
-      } = this.state;
-      if (!modals.length) {
-        return;
-      }
-      if (arg === 'last') {
-        arg = modals[modals.length - 1].id;
-      }
-      this.mount(arg, false);
-      setTimeout(() => {
-        let {
-          modals
-        } = this.state;
-        let modal = modals.find(o => o.id === arg);
-        if (!modal) {
-          return;
-        }
-        if (modal.onClose) {
-          modal.onClose();
-        }
-        this.change({
-          modals: modals.filter(o => o.id !== arg)
-        });
-      }, animate ? 300 : 0);
-    }
-  }
-  mount(id = 'last', state) {
-    try {
-      let {
-        modals
-      } = this.state;
-      if (id === 'last') {
-        id = modals[modals.length - 1].id;
-      }
-      let newModals = modals.map(o => o.id === id ? {
-        ...o,
-        mounted: state
-      } : o);
-      this.change({
-        modals: newModals
-      });
-    } catch {
-      return;
-    }
-  }
-  getModals() {
-    let {
-      modals
-    } = this.state;
-    if (!modals.length) {
-      return null;
-    }
-    return modals.map((modal, i) => {
-      let {
-        popover,
-        position,
-        text,
-        onSubmit,
-        rtl = this.props.rtl,
-        attrs = {},
-        onClose,
-        backdrop,
-        header,
-        footer,
-        closeType,
-        body,
-        id,
-        mounted
-      } = modal;
-      let props = {
-        id,
-        backdrop,
-        footer,
-        text,
-        onSubmit,
-        header,
-        popover,
-        position,
-        rtl,
-        attrs,
-        closeType,
-        body,
-        index: i,
-        isLast: i === modals.length - 1,
-        mounted,
-        onClose: () => this.removeModal(id),
-        removeModal: this.removeModal.bind(this),
-        //use for remove lastModal by esc keyboard
-        onMount: () => this.mount(id, true)
-      };
-      return /*#__PURE__*/_jsx(Popup, {
-        ...props
-      }, id);
-    });
-  }
-  render() {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: this.getModals()
-    });
-  }
-}
-class Popup extends Component {
-  constructor(props) {
-    super(props);
-    this.dom = /*#__PURE__*/createRef();
-    this.backdropDom = /*#__PURE__*/createRef();
-    this.state = {
-      popoverStyle: undefined
-    };
-  }
-  async onClose() {
-    let {
-      onClose
-    } = this.props;
-    onClose();
-  }
-  componentWillUnmount() {
-    $(window).unbind('click', this.handleBackClick);
-  }
-  updatePopoverStyle() {
-    let {
-      position
-    } = this.props;
-    if (position === 'popover') {
-      let popoverStyle = this.getPopoverStyle();
-      if (JSON.stringify(popoverStyle) !== JSON.stringify(this.state.popoverStyle)) {
-        this.setState({
-          popoverStyle
-        });
-      }
-    }
-  }
-  componentDidMount() {
-    let {
-      popover = {},
-      position
-    } = this.props;
-    setTimeout(() => {
-      let {
-        mounted,
-        onMount
-      } = this.props;
-      this.setState({
-        popoverStyle: position === 'popover' ? this.getPopoverStyle() : {}
-      });
-      if (!mounted) {
-        onMount();
-      }
-    }, 0);
-    if (popover.getTarget) {
-      this.dui = 'a' + Math.round(Math.random() * 10000000);
-      let target = popover.getTarget();
-      target.attr('data-uniq-id', this.dui);
-    }
-    //$(this.backdropDom.current).focus();
-    $(window).unbind('click', this.handleBackClick);
-    $(window).bind('click', $.proxy(this.handleBackClick, this));
-  }
-  handleBackClick(e) {
-    //در مود پاپاور اگر هر جایی غیر از اینپوت و پاپاور کلیک شد پاپاپ رو ببند
-    if (!this.dui) {
-      return;
-    }
-    let {
-      position = 'fullscreen'
-    } = this.props;
-    let target = $(e.target);
-    if (position !== 'popover' || target.attr('data-uniq-id') === this.dui || target.parents(`[data-uniq-id=${this.dui}]`).length) {
-      return;
-    }
-    this.onClose();
-  }
-  header_layout() {
-    let {
-      rtl,
-      header
-    } = this.props;
-    if (typeof header !== 'object') {
-      return false;
-    }
-    return {
-      html: /*#__PURE__*/_jsx(ModalHeader, {
-        rtl: rtl,
-        header: header,
-        handleClose: () => this.onClose()
-      })
-    };
-  }
-  body_layout() {
-    let {
-      body = {}
-    } = this.props;
-    return {
-      flex: 1,
-      html: /*#__PURE__*/_jsx(ModalBody, {
-        body: body,
-        handleClose: this.onClose.bind(this),
-        updatePopoverStyle: () => this.updatePopoverStyle()
-      })
-    };
-  }
-  footer_layout() {
-    let {
-      closeText,
-      submitText,
-      onSubmit,
-      footer,
-      type
-    } = this.props;
-    let handleClose = this.onClose.bind(this);
-    let props = {
-      closeText,
-      submitText,
-      onSubmit,
-      footer,
-      type,
-      handleClose
-    };
-    return {
-      html: /*#__PURE__*/_jsx(ModalFooter, {
-        ...props
-      })
-    };
-  }
-  getBackDropClassName() {
-    let {
-      rtl,
-      position = 'fullscreen',
-      backdrop,
-      mounted
-    } = this.props;
-    let className = 'aio-popup-backdrop';
-    if (backdrop && backdrop.attrs && backdrop.attrs.className) {
-      className += ' ' + backdrop.attrs.className;
-    }
-    className += ` aio-popup-position-${position}`;
-    className += rtl ? ' rtl' : ' ltr';
-    if (!mounted) {
-      className += ' not-mounted';
-    }
-    return className;
-  }
-  backClick(e) {
-    if (this.isDown) {
-      return;
-    }
-    e.stopPropagation();
-    let target = $(e.target);
-    let {
-      backdrop = {}
-    } = this.props;
-    if (backdrop.close === false) {
-      return;
-    }
-    if (!target.hasClass('aio-popup-backdrop')) {
-      return;
-    }
-    this.onClose();
-  }
-  getPopoverStyle() {
-    let {
-      popover = {},
-      rtl,
-      attrs = {}
-    } = this.props;
-    let {
-      getTarget,
-      pageSelector,
-      fitHorizontal,
-      fixStyle = o => o
-    } = popover;
-    if (!getTarget) {
-      return {};
-    }
-    let target = getTarget();
-    if (!target || !target.length) {
-      return {};
-    }
-    let popup = $(this.dom.current);
-    let style = Align(popup, target, {
-      fixStyle: fixStyle,
-      pageSelector,
-      fitHorizontal,
-      style: attrs.style,
-      rtl
-    });
-    return {
-      ...style,
-      position: 'absolute'
-    };
-  }
-  keyDown(e) {
-    let {
-      isLast,
-      removeModal
-    } = this.props;
-    if (!isLast) {
-      return;
-    }
-    let code = e.keyCode;
-    if (code === 27) {
-      removeModal();
-    }
-  }
-  mouseUp() {
-    setTimeout(() => this.isDown = false, 0);
-  }
-  mouseDown(e) {
-    $(window).unbind('mouseup', this.mouseUp);
-    $(window).bind('mouseup', $.proxy(this.mouseUp, this));
-    this.isDown = true;
-  }
-  render() {
-    let {
-      rtl,
-      attrs = {},
-      backdrop = {},
-      mounted
-    } = this.props;
-    let {
-      popoverStyle
-    } = this.state;
-    let backdropAttrs = backdrop ? backdrop.attrs : {};
-    let backdropProps = {
-      ...backdropAttrs,
-      className: this.getBackDropClassName(),
-      onClick: backdrop === false ? undefined : e => this.backClick(e)
-    };
-    let style = {
-      ...popoverStyle,
-      ...attrs.style,
-      flex: 'none'
-    };
-    let className = 'aio-popup' + (rtl ? ' rtl' : ' ltr') + (!mounted ? ' not-mounted' : '') + (attrs.className ? ' ' + attrs.className : '');
-    let ev = "ontouchstart" in document.documentElement ? 'onTouchStart' : 'onMouseDown';
-    return /*#__PURE__*/_jsx("div", {
-      ...backdropProps,
-      ref: this.backdropDom,
-      onKeyDown: this.keyDown.bind(this),
-      tabIndex: 0,
-      children: /*#__PURE__*/_jsx(RVD, {
-        layout: {
-          attrs: {
-            ...attrs,
-            ref: this.dom,
-            style: undefined,
-            className: undefined,
-            'data-uniq-id': this.dui,
-            [ev]: this.mouseDown.bind(this)
-          },
-          className,
-          style,
-          column: [this.header_layout(), this.body_layout(), this.footer_layout()]
-        }
-      })
-    });
-  }
-}
-function ModalHeader({
-  rtl,
-  header,
-  handleClose
-}) {
-  if (typeof header !== 'object') {
-    return null;
-  }
-  let {
-    title,
-    subtitle,
-    buttons = [],
-    onClose,
-    backButton,
-    attrs = {}
-  } = header;
-  function close(e) {
-    if (onClose) {
-      onClose(e);
-    } else {
-      handleClose();
-    }
-  }
-  function backButton_layout() {
-    if (!backButton || onClose === false) {
-      return false;
-    }
-    let path, style;
-    if (rtl) {
-      path = mdiChevronRight;
-      style = {
-        marginLeft: 12
-      };
-    } else {
-      path = mdiChevronLeft;
-      style = {
-        marginRight: 12
-      };
-    }
-    return {
-      html: /*#__PURE__*/_jsx(Icon, {
-        path: path,
-        size: 1
-      }),
-      align: 'vh',
-      onClick: () => onClose(),
-      style
-    };
-  }
-  function title_layout() {
-    if (!title) {
-      return false;
-    }
-    if (!subtitle) {
-      return {
-        flex: 1,
-        align: 'v',
-        html: title,
-        className: 'aio-popup-title'
-      };
-    } else {
-      return {
-        flex: 1,
-        align: 'v',
-        column: [{
-          html: title,
-          className: 'aio-popup-title'
-        }, {
-          html: subtitle,
-          className: 'aio-popup-subtitle'
-        }]
-      };
-    }
-  }
-  function buttons_layout() {
-    if (!buttons.length) {
-      return false;
-    }
-    return {
-      gap: 6,
-      align: 'vh',
-      row: () => buttons.map(([text, attrs = {}]) => {
-        let {
-          onClick = () => {},
-          className
-        } = attrs;
-        attrs.className = 'aio-popup-header-button' + (className ? ' ' + className : '');
-        attrs.onClick = () => onClick({
-          close: handleClose
-        });
-        return {
-          html: /*#__PURE__*/_jsx("button", {
-            ...attrs,
-            children: text
-          }),
-          align: 'vh'
-        };
-      })
-    };
-  }
-  function close_layout() {
-    if (backButton || onClose === false) {
-      return false;
-    }
-    return {
-      html: /*#__PURE__*/_jsx(Icon, {
-        path: mdiClose,
-        size: 0.8
-      }),
-      align: 'vh',
-      onClick: e => close(e),
-      className: 'aio-popup-header-close-button'
-    };
-  }
-  let className = 'aio-popup-header' + (attrs.className ? ' ' + attrs.className : '');
-  let style = attrs.style;
-  return /*#__PURE__*/_jsx(RVD, {
-    layout: {
-      attrs,
-      className,
-      style,
-      row: [backButton_layout(), title_layout(), buttons_layout(), close_layout()]
-    }
-  });
-}
-function ModalBody(props) {
-  let {
-    handleClose,
-    body,
-    updatePopoverStyle
-  } = props;
-  let {
-    render,
-    attrs = {}
-  } = body;
-  let content = typeof render === 'function' ? render({
-    close: handleClose
-  }) : render;
-  useEffect(() => {
-    updatePopoverStyle();
-  }, [content]);
-  return /*#__PURE__*/_jsx("div", {
-    ...attrs,
-    className: 'aio-popup-body' + (attrs.className ? ' ' + attrs.className : ''),
-    children: typeof render === 'function' && content
-  });
-}
-function ModalFooter({
-  type,
-  closeText = 'Close',
-  submitText = 'Submit',
-  footer,
-  handleClose,
-  onSubmit
-}) {
-  if (typeof footer !== 'object') {
-    return null;
-  }
-  let {
-    attrs = {}
-  } = footer;
-  let {
-    buttons = []
-  } = footer;
-  function buttons_layout() {
-    if (!buttons.length) {
-      return false;
-    }
-    return {
-      gap: 6,
-      align: 'vh',
-      row: () => buttons.map(([text, attrs = {}]) => {
-        let {
-          onClick = () => {},
-          className
-        } = attrs;
-        attrs.className = 'aio-popup-footer-button' + (className ? ' ' + className : '');
-        attrs.onClick = () => onClick({
-          close: handleClose
-        });
-        return {
-          html: /*#__PURE__*/_jsx("button", {
-            ...attrs,
-            children: text
-          }),
-          align: 'vh'
-        };
-      })
-    };
-  }
-  let className = 'aio-popup-footer' + (attrs.className ? ' ' + attrs.className : '');
-  let style = attrs.style;
-  return /*#__PURE__*/_jsx(RVD, {
-    layout: {
-      className,
-      style,
-      ...buttons_layout()
-    }
-  });
-}
-function Alert(obj = {}) {
-  let {
-    icon,
-    type,
-    text,
-    subtext,
-    time,
-    className,
-    closeText
-  } = obj;
-  let $$ = {
-    time: 0,
-    getId() {
-      return 'aa' + Math.round(Math.random() * 100000000);
-    },
-    getBarRender() {
-      return `<div class='aio-popup-time-bar' style="width:${$$.time}%;"></div>`;
-    },
-    updateBarRender() {
-      $(`.aio-popup-alert-container.${$$.id} .aio-popup-time`).html($$.getBarRender());
-    },
-    getRender() {
-      return `
-      <div class='aio-popup-alert-container ${$$.id}${className ? 'aio-popup' + className : ''}'>
-        <div class='aio-popup-alert aio-popup-alert-${type}'>
-          <div class='aio-popup-alert-header'>${$$.getIcon()}</div>
+function _defineProperty(t,e,o){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toPropertyKey(t){var e=_toPrimitive(t,"string");return"symbol"==typeof e?e:String(e)}function _toPrimitive(t,e){if("object"!=typeof t||null===t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var i=o.call(t,e||"default");if("object"!=typeof i)return i;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}import t,{Component as e,createRef as o,useEffect as i}from"react";import*as r from"react-dom/server";import{Icon as s}from"@mdi/react";import{mdiClose as a,mdiChevronRight as l,mdiChevronLeft as n}from"@mdi/js";import p from"react-virtual-dom";import d from"jquery";import"./index.css";import{jsx as h}from"react/jsx-runtime";import{Fragment as u}from"react/jsx-runtime";import{jsxs as _}from"react/jsx-runtime";export default class m{constructor(t={}){_defineProperty(this,"render",()=>_(u,{children:[h(Popups,{rtl:this.rtl,getActions:({addModal:t,removeModal:e,getModals:o})=>{this._addModal=t,this._removeModal=e,this._getModals=o}}),h(AIOSnackeBar,{rtl:this.rtl,getActions:({add:t})=>{this._addSnakebar=t}})]})),_defineProperty(this,"getModals",()=>this._getModals()),_defineProperty(this,"addModal",(t={},e=!0)=>{void 0===t.id&&(t.id="popup"+Math.round(1e6*Math.random())),this._addModal(t,e)}),_defineProperty(this,"removeModal",(t,e=!0)=>this._removeModal(t,e)),_defineProperty(this,"addAlert",(t={})=>{let{icon:e,type:o="",text:i="",subtext:r="",time:s=10,className:a,closeText:l="بستن"}=t;Alert({icon:e,type:o,text:i,subtext:r,time:s,className:a,closeText:l})}),_defineProperty(this,"addSnakebar",(t={})=>{let{text:e,index:o,type:i,subtext:r,action:s={},time:a=6,rtl:l}=t;this._addSnakebar({text:e,index:o,type:i,subtext:r,action:s,time:a,rtl:l})}),this.rtl=t.rtl}};class Popups extends e{constructor(t){super(t),this.dom=o();let{getActions:e=()=>{}}=t;this.state={modals:[]},e({removeModal:this.removeModal.bind(this),addModal:this.addModal.bind(this),getModals:()=>[...this.state.modals]})}change(t){let{onChange:e=()=>{}}=this.props;for(let o in t)this.state[o]=t[o];this.setState(t,()=>e({...this.state}))}addModal(t,e=!0){if("object"!=typeof t){console.error("aio-popup => addModal modal parameter to add is not an object");return}if(void 0===t.id){console.error("aio-popup => addModal missing modal id property");return}let{modals:o}=this.state,i=o.filter(({id:e})=>e!==t.id);i.push({...t,mounted:"popover"!==t.position&&!e}),this.change({modals:i})}async removeModal(t="last",e=!0){if("all"===t)this.change({modals:[]});else{let{modals:o}=this.state;if(!o.length)return;"last"===t&&(t=o[o.length-1].id),this.mount(t,!1),setTimeout(()=>{let{modals:e}=this.state,o=e.find(e=>e.id===t);o&&(o.onClose&&o.onClose(),this.change({modals:e.filter(e=>e.id!==t)}))},e?300:0)}}mount(t="last",e){try{let{modals:o}=this.state;"last"===t&&(t=o[o.length-1].id);let i=o.map(o=>o.id===t?{...o,mounted:e}:o);this.change({modals:i})}catch{return}}getModals(){let{modals:t}=this.state;return t.length?t.map((e,o)=>{let{popover:i,position:r,text:s,onSubmit:a,rtl:l=this.props.rtl,attrs:n={},onClose:p,backdrop:d,header:u,footer:_,closeType:m,body:c,id:$,mounted:g}=e;return h(Popup,{id:$,backdrop:d,footer:_,text:s,onSubmit:a,header:u,popover:i,position:r,rtl:l,attrs:n,closeType:m,body:c,index:o,isLast:o===t.length-1,mounted:g,onClose:()=>this.removeModal($),removeModal:this.removeModal.bind(this),onMount:()=>this.mount($,!0)},$)}):null}render(){return h(u,{children:this.getModals()})}}class Popup extends e{constructor(t){super(t),this.dom=o(),this.backdropDom=o(),this.state={popoverStyle:void 0}}async onClose(){let{onClose:t}=this.props;t()}componentWillUnmount(){d(window).unbind("click",this.handleBackClick)}updatePopoverStyle(){let{position:t}=this.props;if("popover"===t){let e=this.getPopoverStyle();JSON.stringify(e)!==JSON.stringify(this.state.popoverStyle)&&this.setState({popoverStyle:e})}}componentDidMount(){let{popover:t={},position:e}=this.props;if(setTimeout(()=>{let{mounted:t,onMount:o}=this.props;this.setState({popoverStyle:"popover"===e?this.getPopoverStyle():{}}),t||o()},0),t.getTarget){this.dui="a"+Math.round(1e7*Math.random());t.getTarget().attr("data-uniq-id",this.dui)}d(window).unbind("click",this.handleBackClick),d(window).bind("click",d.proxy(this.handleBackClick,this))}handleBackClick(t){if(!this.dui)return;let{position:e="fullscreen"}=this.props,o=d(t.target);"popover"===e&&o.attr("data-uniq-id")!==this.dui&&!o.parents(`[data-uniq-id=${this.dui}]`).length&&this.onClose()}header_layout(){let{rtl:t,header:e}=this.props;return"object"==typeof e&&{html:h(ModalHeader,{rtl:t,header:e,handleClose:()=>this.onClose()}),className:"of-visible"}}body_layout(){let{body:t={}}=this.props;return{flex:1,html:h(ModalBody,{body:t,handleClose:this.onClose.bind(this),updatePopoverStyle:()=>this.updatePopoverStyle()})}}footer_layout(){let{closeText:t,submitText:e,onSubmit:o,footer:i,type:r}=this.props,s=this.onClose.bind(this);return{html:h(ModalFooter,{closeText:t,submitText:e,onSubmit:o,footer:i,type:r,handleClose:s})}}getBackDropClassName(){let{rtl:t,position:e="fullscreen",backdrop:o,mounted:i}=this.props,r="aio-popup-backdrop";return o&&o.attrs&&o.attrs.className&&(r+=" "+o.attrs.className),r+=` aio-popup-position-${e}`,r+=t?" rtl":" ltr",i||(r+=" not-mounted"),r}backClick(t){if(this.isDown)return;t.stopPropagation();let e=d(t.target),{backdrop:o={}}=this.props;!1!==o.close&&e.hasClass("aio-popup-backdrop")&&this.onClose()}getPopoverStyle(){let{popover:t={},rtl:e,attrs:o={}}=this.props,{getTarget:i,pageSelector:r,fitHorizontal:s,fixStyle:a=t=>t}=t;if(!i)return{};let l=i();if(!l||!l.length)return{};let n=d(this.dom.current);return{...Align(n,l,{fixStyle:a,pageSelector:r,fitHorizontal:s,style:o.style,rtl:e}),position:"absolute"}}keyDown(t){let{isLast:e,removeModal:o}=this.props;if(e)27===t.keyCode&&o()}mouseUp(){setTimeout(()=>this.isDown=!1,0)}mouseDown(t){d(window).unbind("mouseup",this.mouseUp),d(window).bind("mouseup",d.proxy(this.mouseUp,this)),this.isDown=!0}render(){let{rtl:t,attrs:e={},backdrop:o={},mounted:i}=this.props,{popoverStyle:r}=this.state,s={...o?o.attrs:{},className:this.getBackDropClassName(),onClick:!1===o?void 0:t=>this.backClick(t)},a={...r,...e.style,flex:"none"},l="aio-popup"+(t?" rtl":" ltr")+(i?"":" not-mounted")+(e.className?" "+e.className:""),n="ontouchstart"in document.documentElement?"onTouchStart":"onMouseDown";return h("div",{...s,ref:this.backdropDom,onKeyDown:this.keyDown.bind(this),tabIndex:0,children:h(p,{layout:{attrs:{...e,ref:this.dom,style:void 0,className:void 0,"data-uniq-id":this.dui,[n]:this.mouseDown.bind(this)},className:l,style:a,column:[this.header_layout(),this.body_layout(),this.footer_layout()]}})})}}function ModalHeader({rtl:t,header:e,handleClose:o}){if("object"!=typeof e)return null;let{title:i,subtitle:r,buttons:d=[],onClose:u,backButton:_,attrs:m={}}=e,c="aio-popup-header"+(m.className?" "+m.className:""),$=m.style;return h(p,{layout:{attrs:m,className:c,style:$,row:[function e(){if(!_||!1===u)return!1;let o,i;return t?(o=l,i={marginLeft:12}):(o=n,i={marginRight:12}),{html:h(s,{path:o,size:1}),align:"vh",onClick:()=>u(),style:i}}(),!!i&&(r?{flex:1,align:"v",column:[{html:i,className:"aio-popup-title"},{html:r,className:"aio-popup-subtitle"}]}:{flex:1,align:"v",html:i,className:"aio-popup-title"}),!!d.length&&{gap:6,align:"vh",row:()=>d.map(([t,e={}])=>{let{onClick:i=()=>{},className:r}=e;return e.className="aio-popup-header-button"+(r?" "+r:""),e.onClick=()=>i({close:o}),{html:h("button",{...e,children:t}),align:"vh"}})},!_&&!1!==u&&{html:h(s,{path:a,size:.8}),align:"vh",onClick(t){var e;return e=t,void(u?u(e):o())},className:"aio-popup-header-close-button"}]}})}function ModalBody(t){let{handleClose:e,body:o,updatePopoverStyle:r}=t,{render:s,attrs:a={}}=o,l="function"==typeof s?s({close:e}):s;return i(()=>{r()},[l]),h("div",{...a,className:"aio-popup-body"+(a.className?" "+a.className:""),children:"function"==typeof s&&l})}function ModalFooter({type:t,closeText:e="Close",submitText:o="Submit",footer:i,handleClose:r,onSubmit:s}){if("object"!=typeof i)return null;let{attrs:a={}}=i,{buttons:l=[]}=i,n;return h("div",{className:"aio-popup-footer"+(a.className?" "+a.className:""),style:a.style,children:l.length?l.map(([t,e={}])=>{let{onClick:o=()=>{},className:i}=e;return e.className="aio-popup-footer-button"+(i?" "+i:""),e.onClick=()=>o({close:r}),h("button",{...e,children:t})}):null})}function Alert(t={}){let{icon:e,type:o,text:i,subtext:s,time:a,className:l,closeText:n}=t,p={time:0,getId:()=>"aa"+Math.round(1e8*Math.random()),getBarRender:()=>`<div class='aio-popup-time-bar' style="width:${p.time}%;"></div>`,updateBarRender(){d(`.aio-popup-alert-container.${p.id} .aio-popup-time`).html(p.getBarRender())},getRender:()=>`
+      <div class='aio-popup-alert-container ${p.id}${l?"aio-popup"+l:""}'>
+        <div class='aio-popup-alert aio-popup-alert-${o}'>
+          <div class='aio-popup-alert-header'>${p.getIcon()}</div>
           <div class='aio-popup-alert-body'>
-            <div class='aio-popup-alert-text'>${ReactDOMServer.renderToStaticMarkup(text)}</div>
-            <div class='aio-popup-alert-subtext'>${subtext}</div>
+            <div class='aio-popup-alert-text'>${r.renderToStaticMarkup(i)}</div>
+            <div class='aio-popup-alert-subtext'>${s}</div>
           </div>
           <div class='aio-popup-alert-footer'>
-            <button class='aio-popup-alert-close ${$$.id}'>${closeText}</button>    
+            <button class='aio-popup-alert-close ${p.id}'>${n}</button>    
           </div>
           <div class='aio-popup-time'></div>
         </div>    
       </div>
-    `;
-    },
-    close() {
-      $('.' + $$.id).remove();
-    },
-    getIcon() {
-      if (icon === false) {
-        return '';
-      }
-      return icon || {
-        error: `<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path></svg>`,
-        warning: `<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"></path></svg>`,
-        info: `<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"></path></svg>`,
-        success: `<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z"></path></svg>`
-      }[type] || '';
-    },
-    startTimer() {
-      setTimeout(() => {
-        if ($$.time >= 100) {
-          $$.time = 100;
-          $$.close();
-          return;
-        }
-        $$.time += 2;
-        $$.updateBarRender();
-        $$.startTimer();
-      }, time / 50 * 1000);
-    },
-    render() {
-      $('body').append($$.getRender());
-      $('button.' + $$.id).off('click', $$.close);
-      $('button.' + $$.id).on('click', $$.close);
-    }
-  };
-  $$.id = $$.getId();
-  $$.render();
-  if (time) {
-    $$.startTimer();
-  }
-}
-class AIOSnackeBar extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      items: []
-    };
-    props.getActions({
-      add: this.add.bind(this)
-    });
-  }
-  add(item) {
-    let {
-      items
-    } = this.state;
-    this.setState({
-      items: items.concat({
-        ...item,
-        id: 'a' + Math.round(Math.random() * 1000000000)
-      })
-    });
-  }
-  remove(id) {
-    let {
-      items
-    } = this.state;
-    this.setState({
-      items: items.filter((o, i) => o.id !== id)
-    });
-  }
-  render() {
-    let {
-      items
-    } = this.state;
-    let {
-      rtl = false
-    } = this.props;
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: items.map((item, i) => {
-        return /*#__PURE__*/_jsx(SnackebarItem, {
-          rtl: rtl,
-          ...item,
-          index: i,
-          onRemove: id => this.remove(id)
-        }, item.id);
-      })
-    });
-  }
-}
-class SnackebarItem extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      mounted: false,
-      timer: 0,
-      bottom: 0
-    };
-  }
-  componentDidMount() {
-    let {
-      time = 8
-    } = this.props;
-    setTimeout(() => this.setState({
-      mounted: true
-    }), 0);
-    setTimeout(() => this.remove(), time * 1000);
-  }
-  remove() {
-    let {
-      onRemove,
-      id
-    } = this.props;
-    this.setState({
-      mounted: false
-    });
-    setTimeout(() => onRemove(id), 200);
-  }
-  info_svg() {
-    return /*#__PURE__*/_jsx("svg", {
-      viewBox: "0 0 24 24",
-      role: "presentation",
-      style: {
-        width: '1.2rem',
-        height: '1.2rem'
-      },
-      children: /*#__PURE__*/_jsx("path", {
-        d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z",
-        style: {
-          fill: 'currentcolor'
-        }
-      })
-    });
-  }
-  success_svg() {
-    return /*#__PURE__*/_jsx("svg", {
-      viewBox: "0 0 24 24",
-      role: "presentation",
-      style: {
-        width: '1.2rem',
-        height: '1.2rem'
-      },
-      children: /*#__PURE__*/_jsx("path", {
-        d: "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",
-        style: {
-          fill: 'currentcolor'
-        }
-      })
-    });
-  }
-  getSvg(type) {
-    return type === 'error' || type === 'warning' || type === 'info' ? this.info_svg() : this.success_svg();
-  }
-  getBottom(index) {
-    let els = $('.aio-popup-snakebar-item-container'),
-      sum = 12;
-    for (let i = 0; i < index; i++) {
-      sum += els.eq(i).height() + 6;
-    }
-    return sum;
-  }
-  render() {
-    let {
-      mounted
-    } = this.state;
-    let {
-      text,
-      index,
-      type,
-      subtext,
-      action,
-      time,
-      rtl
-    } = this.props;
-    let bottom = this.getBottom(index);
-    return /*#__PURE__*/_jsx("div", {
-      onClick: () => this.remove(),
-      className: 'aio-popup-snakebar-item-container' + (mounted ? ' mounted' : ''),
-      style: {
-        bottom,
-        direction: rtl ? 'rtl' : undefined
-      },
-      children: /*#__PURE__*/_jsxs("div", {
-        className: `aio-popup-snakebar-item aio-popup-snakebar-item-${type}`,
-        children: [/*#__PURE__*/_jsx("div", {
-          className: `aio-popup-snakebar-item-icon`,
-          children: this.getSvg(type)
-        }), /*#__PURE__*/_jsxs("div", {
-          className: "aio-popup-snakebar-item-text",
-          children: [/*#__PURE__*/_jsx("div", {
-            children: text
-          }), !!subtext && /*#__PURE__*/_jsx("div", {
-            className: "aio-popup-snakebar-item-subtext",
-            children: subtext
-          })]
-        }), !!action.text && /*#__PURE__*/_jsx("button", {
-          className: "aio-popup-snakebar-item-action",
-          onClick: e => {
-            e.stopPropagation();
-            action.onClick();
-            this.remove();
-          },
-          children: action.text
-        }), /*#__PURE__*/_jsx("div", {
-          className: `aio-popup-snakebar-bar`,
-          style: {
-            transition: `${time}s linear`,
-            right: rtl ? 0 : 'unset',
-            left: rtl ? 'unset' : 0
-          }
-        })]
-      })
-    });
-  }
-}
-//id,onClose,backdrop,getTarget,position,fixStyle,attrs,fitHorizontal,pageSelector,rtl,body
-function Align(dom, target, config = {}) {
-  let {
-    fitHorizontal,
-    style,
-    fixStyle = o => o,
-    pageSelector,
-    rtl
-  } = config;
-  let $$ = {
-    getDomLimit(dom, type) {
-      let offset = dom.offset();
-      let left = offset.left - window.pageXOffset;
-      let top = offset.top - window.pageYOffset;
-      if (pageSelector && type !== 'page') {
-        let page = $(pageSelector);
-        try {
-          let {
-            left: l,
-            top: t
-          } = page.offset();
-          left -= l;
-          top -= t;
-        } catch {}
-      }
-      let width = dom.outerWidth();
-      let height = dom.outerHeight();
-      let right = left + width;
-      let bottom = top + height;
-      return {
-        left,
-        top,
-        right,
-        bottom,
-        width,
-        height
-      };
-    },
-    getPageLimit(dom) {
-      let page = pageSelector ? $(pageSelector) : undefined;
-      page = Array.isArray(page) && page.length === 0 ? undefined : page;
-      let bodyWidth = window.innerWidth;
-      let bodyHeight = window.innerHeight;
-      let pageLimit = page ? $$.getDomLimit(page, 'page') : {
-        left: 0,
-        top: 0,
-        right: bodyWidth,
-        bottom: bodyHeight
-      };
-      if (pageLimit.left < 0) {
-        pageLimit.left = 0;
-      }
-      if (pageLimit.right > bodyWidth) {
-        pageLimit.right = bodyWidth;
-      }
-      if (pageLimit.top < 0) {
-        pageLimit.top = 0;
-      }
-      if (pageLimit.bottom > bodyHeight) {
-        pageLimit.bottom = bodyHeight;
-      }
-      return pageLimit;
-    },
-    align() {
-      let pageLimit = $$.getPageLimit(dom);
-      let targetLimit = $$.getDomLimit(target, 'target');
-      let domLimit = $$.getDomLimit(dom, 'popover');
-      domLimit.top = targetLimit.bottom;
-      domLimit.bottom = domLimit.top + domLimit.height;
-      if (fitHorizontal) {
-        domLimit.width = targetLimit.width;
-        domLimit.left = targetLimit.left;
-        domLimit.right = targetLimit.left + targetLimit.width;
-      } else {
-        //اگر راست به چپ باید باشد
-        if (rtl) {
-          //راست المان را با راست هدف ست کن
-          domLimit.right = targetLimit.right;
-          //چپ المان را بروز رسانی کن
-          domLimit.left = domLimit.right - domLimit.width;
-          //اگر المان از سمت چپ از صفحه بیرون زد سمت چپ المان را با سمت چپ صفحه ست کن
-          if (domLimit.left < pageLimit.left) {
-            domLimit.left = pageLimit.left;
-          }
-        }
-        //اگر چپ به راست باید باشد
-        else {
-          //چپ المان را با چپ هدف ست کن
-          domLimit.left = targetLimit.left;
-          //راست المان را بروز رسانی کن
-          domLimit.right = domLimit.left + domLimit.width;
-          //اگر المان از سمت راست صفحه بیرون زد سمت چپ المان را با پهنای المان ست کن
-          if (domLimit.right > pageLimit.right) {
-            domLimit.left = pageLimit.right - domLimit.width;
-          }
-        }
-      }
-
-      //اگر المان از سمت پایین صفحه بیرون زد
-      if (domLimit.bottom > pageLimit.bottom) {
-        if (domLimit.height > targetLimit.top - pageLimit.top) {
-          domLimit.top = pageLimit.bottom - domLimit.height;
-        } else {
-          domLimit.top = targetLimit.top - domLimit.height;
-        }
-      } else {
-        domLimit.top = targetLimit.bottom;
-      }
-      let overflowY;
-      if (domLimit.height > pageLimit.bottom - pageLimit.top) {
-        domLimit.top = 6;
-        domLimit.bottom = undefined;
-        domLimit.height = pageLimit.bottom - pageLimit.top - 12;
-        overflowY = 'auto';
-      }
-      let finalStyle = {
-        left: domLimit.left,
-        top: domLimit.top,
-        width: domLimit.width,
-        overflowY,
-        ...style
-      };
-      return fixStyle(finalStyle, {
-        targetLimit,
-        pageLimit
-      });
-    }
-  };
-  return $$.align();
-}
+    `,close(){d("."+p.id).remove()},getIcon:()=>!1===e?"":e||({error:'<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path></svg>',warning:'<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"></path></svg>',info:'<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"></path></svg>',success:'<svg viewBox="0 0 24 24" role="presentation" style="width: 4.5rem; height: 4.5rem;"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z"></path></svg>'})[o]||"",startTimer(){setTimeout(()=>{if(p.time>=100){p.time=100,p.close();return}p.time+=2,p.updateBarRender(),p.startTimer()},a/50*1e3)},render(){d("body").append(p.getRender()),d("button."+p.id).off("click",p.close),d("button."+p.id).on("click",p.close)}};p.id=p.getId(),p.render(),a&&p.startTimer()}class AIOSnackeBar extends e{constructor(t){super(t),this.state={items:[]},t.getActions({add:this.add.bind(this)})}add(t){let{items:e}=this.state;this.setState({items:e.concat({...t,id:"a"+Math.round(1e9*Math.random())})})}remove(t){let{items:e}=this.state;this.setState({items:e.filter((e,o)=>e.id!==t)})}render(){let{items:t}=this.state,{rtl:e=!1}=this.props;return h(u,{children:t.map((t,o)=>h(SnackebarItem,{rtl:e,...t,index:o,onRemove:t=>this.remove(t)},t.id))})}}class SnackebarItem extends e{constructor(t){super(t),this.state={mounted:!1,timer:0,bottom:0}}componentDidMount(){let{time:t=8}=this.props;setTimeout(()=>this.setState({mounted:!0}),0),setTimeout(()=>this.remove(),1e3*t)}remove(){let{onRemove:t,id:e}=this.props;this.setState({mounted:!1}),setTimeout(()=>t(e),200)}info_svg(){return h("svg",{viewBox:"0 0 24 24",role:"presentation",style:{width:"1.2rem",height:"1.2rem"},children:h("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z",style:{fill:"currentcolor"}})})}success_svg(){return h("svg",{viewBox:"0 0 24 24",role:"presentation",style:{width:"1.2rem",height:"1.2rem"},children:h("path",{d:"M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",style:{fill:"currentcolor"}})})}getSvg(t){return"error"===t||"warning"===t||"info"===t?this.info_svg():this.success_svg()}getBottom(t){let e=d(".aio-popup-snakebar-item-container"),o=12;for(let i=0;i<t;i++)o+=e.eq(i).height()+6;return o}render(){let{mounted:t}=this.state,{text:e,index:o,type:i,subtext:r,action:s,time:a,rtl:l}=this.props,n=this.getBottom(o);return h("div",{onClick:()=>this.remove(),className:"aio-popup-snakebar-item-container"+(t?" mounted":""),style:{bottom:n,direction:l?"rtl":void 0},children:_("div",{className:`aio-popup-snakebar-item aio-popup-snakebar-item-${i}`,children:[h("div",{className:"aio-popup-snakebar-item-icon",children:this.getSvg(i)}),_("div",{className:"aio-popup-snakebar-item-text",children:[h("div",{children:e}),!!r&&h("div",{className:"aio-popup-snakebar-item-subtext",children:r})]}),!!s.text&&h("button",{className:"aio-popup-snakebar-item-action",onClick:t=>{t.stopPropagation(),s.onClick(),this.remove()},children:s.text}),h("div",{className:"aio-popup-snakebar-bar",style:{transition:`${a}s linear`,right:l?0:"unset",left:l?"unset":0}})]})})}}function Align(t,e,o={}){let{fitHorizontal:i,style:r,fixStyle:s=t=>t,pageSelector:a,rtl:l}=o,n={getDomLimit(t,e){let o=t.offset(),i=o.left-window.pageXOffset,r=o.top-window.pageYOffset;if(a&&"page"!==e){let s=d(a);try{let{left:l,top:n}=s.offset();i-=l,r-=n}catch{}}let p=t.outerWidth(),h=t.outerHeight(),u=i+p,_=r+h;return{left:i,top:r,right:u,bottom:_,width:p,height:h}},getPageLimit(t){let e=a?d(a):void 0;e=Array.isArray(e)&&0===e.length?void 0:e;let o=window.innerWidth,i=window.innerHeight,r=e?n.getDomLimit(e,"page"):{left:0,top:0,right:o,bottom:i};return r.left<0&&(r.left=0),r.right>o&&(r.right=o),r.top<0&&(r.top=0),r.bottom>i&&(r.bottom=i),r},align(){let o=n.getPageLimit(t),a=n.getDomLimit(e,"target"),p=n.getDomLimit(t,"popover");p.top=a.bottom,p.bottom=p.top+p.height,i?(p.width=a.width,p.left=a.left,p.right=a.left+a.width):l?(p.right=a.right,p.left=p.right-p.width,p.left<o.left&&(p.left=o.left)):(p.left=a.left,p.right=p.left+p.width,p.right>o.right&&(p.left=o.right-p.width)),p.bottom>o.bottom?p.height>a.top-o.top?p.top=o.bottom-p.height:p.top=a.top-p.height:p.top=a.bottom;let d;p.height>o.bottom-o.top&&(p.top=6,p.bottom=void 0,p.height=o.bottom-o.top-12,d="auto");let h={left:p.left,top:p.top,width:p.width,overflowY:d,...r};return s(h,{targetLimit:a,pageLimit:o})}};return n.align()}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-popup",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "handle all types of popup and modals in react",
   "main": "index.js",
   "scripts": {