react-hyper-modal - npm Package Compare versions

Comparing version 1.2.15 to 1.2.16

dist/index.es.js

@@ -15,3 +15,3 @@ import*as e from"react";import{useState as n}from"react";import{createPortal as t}from"react-dom";
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var r=function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};function o(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function a(e){return e}var i=function(n){var t=n.sideCar,a=o(n,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var i=t.read();if(!i)throw new Error("Sidecar medium not found");return e.createElement(i,r({},a))};i.isSideCarExport=!0;var l=function(e){void 0===e&&(e={});var n=function(e,n){void 0===n&&(n=a);var t=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(e){var o=n(e,r);return t.push(o),function(){t=t.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;t.length;){var n=t;t=[],n.forEach(e)}t={push:function(n){return e(n)},filter:function(){return t}}},assignMedium:function(e){r=!0;var n=[];if(t.length){var o=t;t=[],o.forEach(e),n=t}var a=function(){var t=n;n=[],t.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),t={push:function(e){n.push(e),i()},filter:function(e){return n=n.filter(e),t}}}}}(null);return n.options=r({async:!0,ssr:!1},e),n}();function c(e,t){return r=t,o=function(n){return e.forEach((function(e){return function(e,n){return"function"==typeof e?e(n):e&&(e.current=n),e}(e,n)}))},(a=n((function(){return{value:r,callback:o,facade:{get current(){return a.value},set current(e){var n=a.value;n!==e&&(a.value=e,a.callback(e,n))}}}}))[0]).callback=o,a.facade;var r,o,a}var s=function(){},d=e.forwardRef((function(n,t){var a=e.useRef(null),i=e.useState({onScrollCapture:s,onWheelCapture:s,onTouchMoveCapture:s}),d=i[0],u=i[1],p=n.forwardProps,f=n.children,h=n.className,m=n.removeScrollBar,v=n.enabled,b=n.shards,g=n.sideCar,y=n.noIsolation,_=n.inert,C=n.allowPinchZoom,w=n.as,k=void 0===w?"div":w,x=o(n,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),E=g,I=c([a,t]),M=r({},x,d);return e.createElement(e.Fragment,null,v&&e.createElement(E,{sideCar:l,removeScrollBar:m,shards:b,noIsolation:y,inert:_,setCallbacks:u,allowPinchZoom:!!C,lockRef:a}),p?e.cloneElement(e.Children.only(f),r({},M,{ref:I})):e.createElement(k,r({},M,{className:h,ref:I}),f))}));d.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},d.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function u(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return n&&e.setAttribute("nonce",n),e}var p=function(){var e=0,n=null;return{add:function(t){var r,o;0==e&&(n=u())&&(o=t,(r=n).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(n)),e++},remove:function(){!--e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},f=function(){var n,t=(n=p(),function(t){e.useEffect((function(){return n.add(t),function(){n.remove()}}),[])});return function(e){var n=e.styles;return t(n),null}},h={left:0,top:0,right:0,gap:0},m=function(e){return parseInt(e||"",10)||0},v=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return h;var n=function(e){var n=window.getComputedStyle(document.body),t=n["padding"===e?"paddingLeft":"marginLeft"],r=n["padding"===e?"paddingTop":"marginTop"],o=n["padding"===e?"paddingRight":"marginRight"];return[m(t),m(r),m(o)]}(e),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-t+n[2]-n[0])}},b=f(),g=function(e,n,t,r){var o=e.left,a=e.top,i=e.right,l=e.gap;return void 0===t&&(t="margin"),"\n  .with-scroll-bars-hidden {\n   overflow: hidden "+r+";\n   padding-right: "+l+"px "+r+";\n  }\n  body {\n    overflow: hidden "+r+";\n    "+[n&&"position: relative "+r+";","margin"===t&&"\n    padding-left: "+o+"px;\n    padding-top: "+a+"px;\n    padding-right: "+i+"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: "+l+"px "+r+";\n    ","padding"===t&&"padding-right: "+l+"px "+r+";"].filter(Boolean).join("")+"\n  }\n  \n  .right-scroll-bar-position {\n    right: "+l+"px "+r+";\n  }\n  \n  .width-before-scroll-bar {\n    margin-right: "+l+"px "+r+";\n  }\n  \n  .right-scroll-bar-position .right-scroll-bar-position {\n    right: 0 "+r+";\n  }\n  \n  .width-before-scroll-bar .width-before-scroll-bar {\n    margin-right: 0 "+r+";\n  }\n  \n  body {\n    --removed-body-scroll-bar-size: "+l+"px;\n  }\n"},y=function(n){var t=e.useState(v(n.gapMode)),r=t[0],o=t[1];e.useEffect((function(){o(v(n.gapMode))}),[n.gapMode]);var a=n.noRelative,i=n.noImportant,l=n.gapMode,c=void 0===l?"margin":l;return e.createElement(b,{styles:g(r,!a,c,i?"":"!important")})},_=function(e,n){var t=n;do{if("undefined"!=typeof ShadowRoot&&t instanceof ShadowRoot&&(t=t.host),C(e,t)){var r=w(e,t);if(r[1]>r[2])return!0}t=t.parentNode}while(t&&t!==document.body);return!1},C=function(e,n){return"v"===e?function(e){var n=window.getComputedStyle(e);return"hidden"!==n.overflowY&&!(n.overflowY===n.overflowX&&"visible"===n.overflowY)}(n):function(e){var n=window.getComputedStyle(e);return"range"===e.type||"hidden"!==n.overflowX&&!(n.overflowY===n.overflowX&&"visible"===n.overflowX)}(n)},w=function(e,n){return"v"===e?[(t=n).scrollTop,t.scrollHeight,t.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(n);var t},k=!1;if("undefined"!=typeof window)try{var x=Object.defineProperty({},"passive",{get:function(){return k=!0,!0}});window.addEventListener("test",x,x),window.removeEventListener("test",x,x)}catch(e){k=!1}var E=!!k&&{passive:!1},I=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},M=function(e){return[e.deltaX,e.deltaY]},P=function(e){return e&&"current"in e?e.current:e},N=function(e){return"\n  .block-interactivity-"+e+" {pointer-events: none;}\n  .allow-interactivity-"+e+" {pointer-events: all;}\n"},S=0,O=[];var R,W=(R=function(n){var t=e.useRef([]),r=e.useRef([0,0]),o=e.useRef(),a=e.useState(S++)[0],i=e.useState((function(){return f()}))[0],l=e.useRef(n);e.useEffect((function(){l.current=n}),[n]),e.useEffect((function(){if(n.inert){document.body.classList.add("block-interactivity-"+a);var e=[n.lockRef.current].concat((n.shards||[]).map(P)).filter(Boolean);return e.forEach((function(e){return e.classList.add("allow-interactivity-"+a)})),function(){document.body.classList.remove("block-interactivity-"+a),e.forEach((function(e){return e.classList.remove("allow-interactivity-"+a)}))}}}),[n.inert,n.lockRef.current,n.shards]);var c=e.useCallback((function(e,n){if("touches"in e&&2===e.touches.length)return!l.current.allowPinchZoom;var t,a=I(e),i=r.current,c="deltaX"in e?e.deltaX:i[0]-a[0],s="deltaY"in e?e.deltaY:i[1]-a[1],d=e.target,u=Math.abs(c)>Math.abs(s)?"h":"v",p=_(u,d);if(!p)return!0;if(p?t=u:(t="v"===u?"h":"v",p=_(u,d)),!p)return!1;if(!o.current&&"changedTouches"in e&&(c||s)&&(o.current=t),!t)return!0;var f=o.current||t;return function(e,n,t,r,o){var a=function(e,n){return"h"===e&&"rtl"===n?-1:1}(e,window.getComputedStyle(n).direction),i=a*r,l=t.target,c=n.contains(l),s=!1,d=i>0,u=0,p=0;do{var f=w(e,l),h=f[0],m=f[1]-f[2]-a*h;(h||m)&&C(e,l)&&(u+=m,p+=h),l=l.parentNode}while(!c&&l!==document.body||c&&(n.contains(l)||n===l));return(d&&(o&&0===u||!o&&i>u)||!d&&(o&&0===p||!o&&-i>p))&&(s=!0),s}(f,n,e,"h"===f?c:s,!0)}),[]),s=e.useCallback((function(e){var n=e;if(O.length&&O[O.length-1]===i){var r="deltaY"in n?M(n):I(n),o=t.current.filter((function(e){return e.name===n.type&&e.target===n.target&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.preventDefault();else if(!o){var a=(l.current.shards||[]).map(P).filter(Boolean).filter((function(e){return e.contains(n.target)}));(a.length>0?c(n,a[0]):!l.current.noIsolation)&&n.preventDefault()}}}),[]),d=e.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),u=e.useCallback((function(e){r.current=I(e),o.current=void 0}),[]),p=e.useCallback((function(e){d(e.type,M(e),e.target,c(e,n.lockRef.current))}),[]),h=e.useCallback((function(e){d(e.type,I(e),e.target,c(e,n.lockRef.current))}),[]);e.useEffect((function(){return O.push(i),n.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:h}),document.addEventListener("wheel",s,E),document.addEventListener("touchmove",s,E),document.addEventListener("touchstart",u,E),function(){O=O.filter((function(e){return e!==i})),document.removeEventListener("wheel",s,E),document.removeEventListener("touchmove",s,E),document.removeEventListener("touchstart",u,E)}}),[]);var m=n.removeScrollBar,v=n.inert;return e.createElement(e.Fragment,null,v?e.createElement(i,{styles:N(a)}):null,m?e.createElement(y,{gapMode:"margin"}):null)},l.useMedium(R),i),B=e.forwardRef((function(n,t){return e.createElement(d,r({},n,{ref:t,sideCar:W}))}));B.classNames=d.classNames;var L=B;function T(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var D="customButton___B5oli";T(".customButton___B5oli {\n  height: 60px;\n  min-width: 200px;\n  font-size: 1.2em;\n  padding: 0 20px;\n  border: 0;\n  cursor: pointer;\n  text-transform: uppercase;\n  background-color: rgba(65, 70, 90, 0.5);\n  box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.4);\n  transition: all 0.2s ease; }\n  .customButton___B5oli:hover {\n    background-color: #41465a;\n    color: #e7e8ee;\n    box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.6); }\n");var Y=function(n){var t=n.onClick;return e.createElement("button",{type:"button",className:D,onClick:t},"open modal")},z="hyperCloseIcon___v9Y24";T('.hyperCloseIcon___v9Y24 {\n  display: block;\n  background-image: url("https://api.iconify.design/iwwa:close.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  width: 100%;\n  height: 100%; }\n');var j=function(){return e.createElement("i",{className:z})},X="hyperModalDefaultContent___xP510",F="title___7Cw3V",Z="description___p10Xl";T(".hyperModalDefaultContent___xP510 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  color: #282c34;\n  overflow: auto; }\n  .hyperModalDefaultContent___xP510 .title___7Cw3V {\n    font-size: 30px;\n    color: #282c34; }\n  .hyperModalDefaultContent___xP510 .description___p10Xl {\n    font-size: 24px; }\n  .hyperModalDefaultContent___xP510 button {\n    width: 200px;\n    height: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    background-color: white;\n    color: #282c34;\n    border: 1px solid #282c34;\n    text-transform: uppercase;\n    transition: all 0.2s ease;\n    cursor: pointer; }\n    .hyperModalDefaultContent___xP510 button:hover {\n      background-color: #282c34;\n      color: white; }\n");var A=function(n){var t=n.ariaEnabled,r=n.ariaProps,o=n.handleClose,a=t&&r?r["aria-labelledby"]:void 0,i=t&&r?r["aria-describedby"]:void 0;return e.createElement("div",{className:X},e.createElement("div",{className:F,id:a},"Hyper modal"),e.createElement("div",{className:Z,id:i},"Fully customizable and accessible modal"),e.createElement("button",{type:"button",onClick:o},"Close modal"))},H={ariaEnabled:!0,ariaProps:{"aria-describedby":"hyper-modal-description","aria-labelledby":"hyper-modal-title",role:"dialog"},disableScroll:!0,childrenMode:!0,closeDebounceTimeout:0,closeIconPosition:{vertical:"top",horizontal:"right"},closeOnCloseIconClick:!0,closeOnDimmerClick:!0,closeOnEscClick:!0,dimmerEnabled:!0,isFullscreen:!1,portalMode:!1,position:{alignItems:"center",justifyContent:"center"},stackable:!1,stackableIndex:0,stackContentSettings:{widthRatio:4,topOffsetRatio:2,transition:"all 0.3s ease",opacityRatio:.2}},G=function(e){var n=r({display:"flex"},H.position);return e?r(r({},n),e):n},Q=function(e){return e?Object.keys(e).filter((function(n){return!!e[n]})).reduce((function(e,n){return e?"".concat(e).concat(n?" ".concat(n):""):"".concat(n)}),""):""},V=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e[0]&&"string"==typeof e[0]?e.join(" "):Q(e[0])},q="stackWrapper___XPcQY",J="hyperModalContentWrapper___0Ndm-";T(".stackWrapper___XPcQY {\n  position: relative;\n  width: 60%;\n  height: 60%;\n  display: flex;\n  justify-content: center; }\n\n.hyperModalContentWrapper___0Ndm- {\n  position: absolute;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  background-color: #ffffff;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  border-radius: 10px;\n  overflow: auto; }\n  .hyperModalContentWrapper___0Ndm-.fullscreen___Jt-lh {\n    width: 100%;\n    height: 100%; }\n  .hyperModalContentWrapper___0Ndm- .hyperCloseIconWrapper___6OkMz {\n    position: absolute;\n    display: block;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    top: 20px;\n    right: 20px;\n    transition: all 0.1s ease; }\n    .hyperModalContentWrapper___0Ndm- .hyperCloseIconWrapper___6OkMz:hover {\n      transform: rotate(90deg); }\n");var K=function(n){var t=n.children,a=n.classes,i=n.closeIcon,l=n.getProps;n.handleClose;var c=n.isFullscreen,s=n.modalContentRef,d=n.stackableIndex,u=void 0===d?0:d,p=o(n,["children","classes","closeIcon","getProps","handleClose","isFullscreen","modalContentRef","stackableIndex"]);return e.createElement("div",r({},p,{className:q}),e.Children.toArray(t).slice(0,u+1).map((function(n,t,o){var d;return e.createElement("div",r({key:"content-".concat(t),"data-type":"hyper-modal-content"},l(t,n.props,o.length),{className:V((d={},d[J]=!0,d.fullscreen=c||!1,d[a&&a.contentClassName||""]=!0,d)),ref:s}),n,i)})))},U="hyperModalWrapper___ynl0B",$="visible___ZY5C7",ee="hyperModalContentWrapper___Lra4o",ne="hyperDimmerWrapper___N35IG",te="hyperCloseIconWrapper___4Yr9h";T(".hyperModalWrapper___ynl0B {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.3s ease; }\n  .hyperModalWrapper___ynl0B.visible___ZY5C7 {\n    visibility: visible;\n    opacity: 1; }\n  .hyperModalWrapper___ynl0B .hyperModalContentWrapper___Lra4o {\n    position: relative;\n    background-color: #ffffff;\n    width: 60%;\n    height: 60%;\n    z-index: 5;\n    border-radius: 10px;\n    overflow: auto; }\n    .hyperModalWrapper___ynl0B .hyperModalContentWrapper___Lra4o.fullscreen___f1ftH {\n      width: 100%;\n      height: 100%; }\n\n.hyperDimmerWrapper___N35IG {\n  background-color: rgba(0, 0, 0, 0.5);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n\n.hyperCloseIconWrapper___4Yr9h {\n  position: absolute;\n  display: block;\n  cursor: pointer;\n  width: 40px;\n  height: 40px;\n  top: 20px;\n  right: 20px;\n  transition: all 0.1s ease; }\n  .hyperCloseIconWrapper___4Yr9h:hover {\n    transform: rotate(90deg); }\n\n.body-noscroll___bbfmx {\n  overflow: hidden; }\n");var re=function(n){var t=n.classes,r=n.renderCloseIconProp,o=n.closeOnCloseIconClick,a=n.closeIconPosition,i=n.close,l=a?V(te,a.horizontal,a.vertical):te;return e.createElement("div",{"data-name":"close-icon",className:V(l,t&&t.closeIconClassName),onClick:o?i:void 0},r?r():e.createElement(j,null))},oe=function(n){var o=n.afterClose,a=n.ariaEnabled,i=void 0===a?H.ariaEnabled:a,l=n.ariaProps,c=void 0===l?H.ariaProps:l,s=n.beforeClose,d=n.children,u=n.childrenMode,p=void 0===u?H.childrenMode:u,f=n.classes,h=n.closeDebounceTimeout,m=void 0===h?H.closeDebounceTimeout:h,v=n.closeIconPosition,b=void 0===v?H.closeIconPosition:v,g=n.closeOnCloseIconClick,y=void 0===g?H.closeOnCloseIconClick:g,_=n.closeOnDimmerClick,C=void 0===_?H.closeOnDimmerClick:_,w=n.closeOnEscClick,k=void 0===w?H.closeOnEscClick:w,x=n.dimmerEnabled,E=void 0===x?H.dimmerEnabled:x,I=n.disableScroll,M=void 0===I?H.disableScroll:I,P=n.isFullscreen,N=void 0===P?H.isFullscreen:P,S=n.isOpen,O=n.modalContentRef,R=n.modalWrapperRef,W=n.portalMode,B=void 0===W?H.portalMode:W,T=n.portalNode,D=n.position,z=void 0===D?H.position:D,j=n.renderCloseIcon,X=n.renderContent,F=n.renderOpenButton,Z=n.requestClose,Q=n.stackable,q=void 0===Q?H.stackable:Q,J=n.stackableIndex,K=void 0===J?H.stackableIndex:J,te=n.stackContentSettings,oe=void 0===te?H.stackContentSettings:te,ae=n.unmountOnClose,ie=e.useState(S||!1),le=ie[0],ce=ie[1];e.useEffect((function(){void 0!==S&&ce(S)}),[S]);var se=e.useCallback((function(){ce(!0)}),[]),de=e.useCallback((function(){ce(!1)}),[]),ue=e.useCallback((function(){o&&o()}),[o]),pe=e.useCallback((function(){return s&&s(),m?(e=function(){de(),Z&&Z(),ue()},void 0===(n=m)&&(n=500),void 0===t&&(t={}),new Promise((function(r){setTimeout((function(){e(t),r(null)}),n)}))):(de(),Z&&Z(),ue(),!0);var e,n,t}),[s,m,de,ue,Z]),fe=e.useCallback((function(e){k&&27===e.keyCode&&le&&(e.stopPropagation(),pe())}),[k,pe,le]);e.useEffect((function(){return document.addEventListener("keydown",fe),function(){document.removeEventListener("keydown",fe)}}),[fe]);var he=e.useCallback((function(){var n,t=null;return p?t=d:X&&(t=X()),e.createElement("div",{className:V((n={},n[ee]=!0,n.fullscreen=N||!1,n[f&&f.contentClassName||""]=!0,n)),ref:O},t||e.createElement(A,{ariaProps:c,ariaEnabled:i,handleClose:pe}),re({classes:f,closeOnCloseIconClick:y,closeIconPosition:b,close:pe,renderCloseIconProp:j}))}),[i,c,d,p,f,b,y,pe,N,O,j,X]),me=e.useCallback((function(e,n,t){var o=oe.widthRatio,a=void 0===o?H.stackContentSettings.widthRatio:o,i=oe.topOffsetRatio,l=void 0===i?H.stackContentSettings.topOffsetRatio:i,c=oe.transition,s=void 0===c?H.stackContentSettings.transition:c,d=oe.opacityRatio,u=void 0===d?H.stackContentSettings.opacityRatio:d;return r(r({},n),{style:{transition:s,width:"".concat(100-(t-e-1)*a,"%"),top:"".concat(0-(t-e-1)*l,"%"),opacity:1-(t-e-1)*u,zIndex:1e3-10*(t-e-1)}})}),[oe]),ve=e.useCallback((function(){if(d){var e=re({classes:f,closeOnCloseIconClick:y,closeIconPosition:b,close:pe,renderCloseIconProp:j});return d({classes:f,closeIcon:e,getProps:me,handleClose:pe,isFullscreen:N,modalContentRef:O,stackableIndex:K})}return null}),[d,f,b,y,me,pe,N,O,j,K]),be=e.useCallback((function(){var n;return e.createElement(L,{forwardProps:!0,enabled:M&&le},e.createElement("div",{id:"hyper-modal-wrapper_component_id",className:V((n={},n[U]=!0,n[$]=le,n[f&&f.wrapperClassName||""]=!0,n)),ref:R,style:G(z)},E&&function(n){var t=n.classes,r=n.closeOnDimmerClick,o=n.close;return e.createElement("div",{className:V(ne,t&&t.dimmerClassName),onClick:r?o:void 0})}({classes:f,closeOnDimmerClick:C,close:pe}),q?ve():he()))}),[M,f,C,E,pe,le,R,z,he,ve,q]),ge=e.useCallback((function(){if(!le&&ae)return null;if(B&&t){var e=T||(n=f&&f.portalWrapperClassName,(r=document.getElementById("hyper-modal-portal-id"))||((r=document.createElement("div")).setAttribute("id","hyper-modal-portal-id"),document.body.appendChild(r)),n&&!r.classList.contains(n)&&r.classList.add(n),r);return t(be(),e)}var n,r;return be()}),[f,le,B,T,be,ae]);return e.createElement(e.Fragment,null,function(n){var t=n.renderOpenButton,r=n.open;return t?"boolean"==typeof t?e.createElement(Y,{onClick:r}):t(r):null}({renderOpenButton:F,open:se}),ge())};export{K as ModalStack,oe as default};
+***************************************************************************** */var r=function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};function o(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function a(e){return e}var i=function(n){var t=n.sideCar,a=o(n,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var i=t.read();if(!i)throw new Error("Sidecar medium not found");return e.createElement(i,r({},a))};i.isSideCarExport=!0;var l=function(e){void 0===e&&(e={});var n=function(e,n){void 0===n&&(n=a);var t=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(e){var o=n(e,r);return t.push(o),function(){t=t.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;t.length;){var n=t;t=[],n.forEach(e)}t={push:function(n){return e(n)},filter:function(){return t}}},assignMedium:function(e){r=!0;var n=[];if(t.length){var o=t;t=[],o.forEach(e),n=t}var a=function(){var t=n;n=[],t.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),t={push:function(e){n.push(e),i()},filter:function(e){return n=n.filter(e),t}}}}}(null);return n.options=r({async:!0,ssr:!1},e),n}();function c(e,t){return r=t,o=function(n){return e.forEach((function(e){return function(e,n){return"function"==typeof e?e(n):e&&(e.current=n),e}(e,n)}))},(a=n((function(){return{value:r,callback:o,facade:{get current(){return a.value},set current(e){var n=a.value;n!==e&&(a.value=e,a.callback(e,n))}}}}))[0]).callback=o,a.facade;var r,o,a}var s=function(){},d=e.forwardRef((function(n,t){var a=e.useRef(null),i=e.useState({onScrollCapture:s,onWheelCapture:s,onTouchMoveCapture:s}),d=i[0],u=i[1],p=n.forwardProps,f=n.children,h=n.className,m=n.removeScrollBar,v=n.enabled,g=n.shards,b=n.sideCar,y=n.noIsolation,C=n.inert,w=n.allowPinchZoom,k=n.as,E=void 0===k?"div":k,x=o(n,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),_=b,I=c([a,t]),M=r({},x,d);return e.createElement(e.Fragment,null,v&&e.createElement(_,{sideCar:l,removeScrollBar:m,shards:g,noIsolation:y,inert:C,setCallbacks:u,allowPinchZoom:!!w,lockRef:a}),p?e.cloneElement(e.Children.only(f),r({},M,{ref:I})):e.createElement(E,r({},M,{className:h,ref:I}),f))}));d.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},d.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function u(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return n&&e.setAttribute("nonce",n),e}var p=function(){var e=0,n=null;return{add:function(t){var r,o;0==e&&(n=u())&&(o=t,(r=n).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(n)),e++},remove:function(){!--e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},f=function(){var n,t=(n=p(),function(t){e.useEffect((function(){return n.add(t),function(){n.remove()}}),[])});return function(e){var n=e.styles;return t(n),null}},h={left:0,top:0,right:0,gap:0},m=function(e){return parseInt(e||"",10)||0},v=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return h;var n=function(e){var n=window.getComputedStyle(document.body),t=n["padding"===e?"paddingLeft":"marginLeft"],r=n["padding"===e?"paddingTop":"marginTop"],o=n["padding"===e?"paddingRight":"marginRight"];return[m(t),m(r),m(o)]}(e),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-t+n[2]-n[0])}},g=f(),b=function(e,n,t,r){var o=e.left,a=e.top,i=e.right,l=e.gap;return void 0===t&&(t="margin"),"\n  .with-scroll-bars-hidden {\n   overflow: hidden "+r+";\n   padding-right: "+l+"px "+r+";\n  }\n  body {\n    overflow: hidden "+r+";\n    "+[n&&"position: relative "+r+";","margin"===t&&"\n    padding-left: "+o+"px;\n    padding-top: "+a+"px;\n    padding-right: "+i+"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: "+l+"px "+r+";\n    ","padding"===t&&"padding-right: "+l+"px "+r+";"].filter(Boolean).join("")+"\n  }\n  \n  .right-scroll-bar-position {\n    right: "+l+"px "+r+";\n  }\n  \n  .width-before-scroll-bar {\n    margin-right: "+l+"px "+r+";\n  }\n  \n  .right-scroll-bar-position .right-scroll-bar-position {\n    right: 0 "+r+";\n  }\n  \n  .width-before-scroll-bar .width-before-scroll-bar {\n    margin-right: 0 "+r+";\n  }\n  \n  body {\n    --removed-body-scroll-bar-size: "+l+"px;\n  }\n"},y=function(n){var t=e.useState(v(n.gapMode)),r=t[0],o=t[1];e.useEffect((function(){o(v(n.gapMode))}),[n.gapMode]);var a=n.noRelative,i=n.noImportant,l=n.gapMode,c=void 0===l?"margin":l;return e.createElement(g,{styles:b(r,!a,c,i?"":"!important")})},C=function(e,n){var t=n;do{if("undefined"!=typeof ShadowRoot&&t instanceof ShadowRoot&&(t=t.host),w(e,t)){var r=k(e,t);if(r[1]>r[2])return!0}t=t.parentNode}while(t&&t!==document.body);return!1},w=function(e,n){return"v"===e?function(e){var n=window.getComputedStyle(e);return"hidden"!==n.overflowY&&!(n.overflowY===n.overflowX&&"visible"===n.overflowY)}(n):function(e){var n=window.getComputedStyle(e);return"range"===e.type||"hidden"!==n.overflowX&&!(n.overflowY===n.overflowX&&"visible"===n.overflowX)}(n)},k=function(e,n){return"v"===e?[(t=n).scrollTop,t.scrollHeight,t.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(n);var t},E=!1;if("undefined"!=typeof window)try{var x=Object.defineProperty({},"passive",{get:function(){return E=!0,!0}});window.addEventListener("test",x,x),window.removeEventListener("test",x,x)}catch(e){E=!1}var _=!!E&&{passive:!1},I=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},M=function(e){return[e.deltaX,e.deltaY]},S=function(e){return e&&"current"in e?e.current:e},O=function(e){return"\n  .block-interactivity-"+e+" {pointer-events: none;}\n  .allow-interactivity-"+e+" {pointer-events: all;}\n"},P=0,N=[];var R,W=(R=function(n){var t=e.useRef([]),r=e.useRef([0,0]),o=e.useRef(),a=e.useState(P++)[0],i=e.useState((function(){return f()}))[0],l=e.useRef(n);e.useEffect((function(){l.current=n}),[n]),e.useEffect((function(){if(n.inert){document.body.classList.add("block-interactivity-"+a);var e=[n.lockRef.current].concat((n.shards||[]).map(S)).filter(Boolean);return e.forEach((function(e){return e.classList.add("allow-interactivity-"+a)})),function(){document.body.classList.remove("block-interactivity-"+a),e.forEach((function(e){return e.classList.remove("allow-interactivity-"+a)}))}}}),[n.inert,n.lockRef.current,n.shards]);var c=e.useCallback((function(e,n){if("touches"in e&&2===e.touches.length)return!l.current.allowPinchZoom;var t,a=I(e),i=r.current,c="deltaX"in e?e.deltaX:i[0]-a[0],s="deltaY"in e?e.deltaY:i[1]-a[1],d=e.target,u=Math.abs(c)>Math.abs(s)?"h":"v",p=C(u,d);if(!p)return!0;if(p?t=u:(t="v"===u?"h":"v",p=C(u,d)),!p)return!1;if(!o.current&&"changedTouches"in e&&(c||s)&&(o.current=t),!t)return!0;var f=o.current||t;return function(e,n,t,r,o){var a=function(e,n){return"h"===e&&"rtl"===n?-1:1}(e,window.getComputedStyle(n).direction),i=a*r,l=t.target,c=n.contains(l),s=!1,d=i>0,u=0,p=0;do{var f=k(e,l),h=f[0],m=f[1]-f[2]-a*h;(h||m)&&w(e,l)&&(u+=m,p+=h),l=l.parentNode}while(!c&&l!==document.body||c&&(n.contains(l)||n===l));return(d&&(o&&0===u||!o&&i>u)||!d&&(o&&0===p||!o&&-i>p))&&(s=!0),s}(f,n,e,"h"===f?c:s,!0)}),[]),s=e.useCallback((function(e){var n=e;if(N.length&&N[N.length-1]===i){var r="deltaY"in n?M(n):I(n),o=t.current.filter((function(e){return e.name===n.type&&e.target===n.target&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.preventDefault();else if(!o){var a=(l.current.shards||[]).map(S).filter(Boolean).filter((function(e){return e.contains(n.target)}));(a.length>0?c(n,a[0]):!l.current.noIsolation)&&n.preventDefault()}}}),[]),d=e.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),u=e.useCallback((function(e){r.current=I(e),o.current=void 0}),[]),p=e.useCallback((function(e){d(e.type,M(e),e.target,c(e,n.lockRef.current))}),[]),h=e.useCallback((function(e){d(e.type,I(e),e.target,c(e,n.lockRef.current))}),[]);e.useEffect((function(){return N.push(i),n.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:h}),document.addEventListener("wheel",s,_),document.addEventListener("touchmove",s,_),document.addEventListener("touchstart",u,_),function(){N=N.filter((function(e){return e!==i})),document.removeEventListener("wheel",s,_),document.removeEventListener("touchmove",s,_),document.removeEventListener("touchstart",u,_)}}),[]);var m=n.removeScrollBar,v=n.inert;return e.createElement(e.Fragment,null,v?e.createElement(i,{styles:O(a)}):null,m?e.createElement(y,{gapMode:"margin"}):null)},l.useMedium(R),i),T=e.forwardRef((function(n,t){return e.createElement(d,r({},n,{ref:t,sideCar:W}))}));T.classNames=d.classNames;var L=T;function B(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var D="hm_customButton";B(".hm_customButton {\n  height: 60px;\n  min-width: 200px;\n  font-size: 1.2em;\n  padding: 0 20px;\n  border: 0;\n  cursor: pointer;\n  text-transform: uppercase;\n  background-color: rgba(65, 70, 90, 0.5);\n  box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.4);\n  transition: all 0.2s ease; }\n  .hm_customButton:hover {\n    background-color: #41465a;\n    color: #e7e8ee;\n    box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.6); }\n");var z=function(n){var t=n.onClick;return e.createElement("button",{type:"button",className:D,onClick:t},"open modal")},j="hm_hyperCloseIcon";B('.hm_hyperCloseIcon {\n  display: block;\n  background-image: url("https://api.iconify.design/iwwa:close.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  width: 100%;\n  height: 100%; }\n');var F=function(){return e.createElement("i",{className:j})},Y="hm_hyperModalDefaultContent",X="hm_title",A="hm_description";B(".hm_hyperModalDefaultContent {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  color: #282c34;\n  overflow: auto; }\n  .hm_hyperModalDefaultContent .hm_title {\n    font-size: 30px;\n    color: #282c34; }\n  .hm_hyperModalDefaultContent .hm_description {\n    font-size: 24px; }\n  .hm_hyperModalDefaultContent button {\n    width: 200px;\n    height: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    background-color: white;\n    color: #282c34;\n    border: 1px solid #282c34;\n    text-transform: uppercase;\n    transition: all 0.2s ease;\n    cursor: pointer; }\n    .hm_hyperModalDefaultContent button:hover {\n      background-color: #282c34;\n      color: white; }\n");var Z=function(n){var t=n.ariaEnabled,r=n.ariaProps,o=n.handleClose,a=t&&r?r["aria-labelledby"]:void 0,i=t&&r?r["aria-describedby"]:void 0;return e.createElement("div",{className:Y},e.createElement("div",{className:X,id:a},"Hyper modal"),e.createElement("div",{className:A,id:i},"Fully customizable and accessible modal"),e.createElement("button",{type:"button",onClick:o},"Close modal"))},H={ariaEnabled:!0,ariaProps:{"aria-describedby":"hyper-modal-description","aria-labelledby":"hyper-modal-title",role:"dialog"},disableScroll:!0,childrenMode:!0,closeDebounceTimeout:0,closeIconPosition:{vertical:"top",horizontal:"right"},closeOnCloseIconClick:!0,closeOnDimmerClick:!0,closeOnEscClick:!0,dimmerEnabled:!0,isFullscreen:!1,portalMode:!1,position:{alignItems:"center",justifyContent:"center"},stackable:!1,stackableIndex:0,stackContentSettings:{widthRatio:4,topOffsetRatio:2,transition:"all 0.3s ease",opacityRatio:.2}},q=function(e){var n=r({display:"flex"},H.position);return e?r(r({},n),e):n},G=function(e){return e?Object.keys(e).filter((function(n){return!!e[n]})).reduce((function(e,n){return e?"".concat(e).concat(n?" ".concat(n):""):"".concat(n)}),""):""},J=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e[0]&&"string"==typeof e[0]?e.join(" "):G(e[0])},K="hm_stackWrapper",Q="hm_hyperModalContentWrapper";B(".hm_stackWrapper {\n  position: relative;\n  width: 60%;\n  height: 60%;\n  display: flex;\n  justify-content: center; }\n\n.hm_hyperModalContentWrapper {\n  position: absolute;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  background-color: #ffffff;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  border-radius: 10px;\n  overflow: auto; }\n  .hm_hyperModalContentWrapper.hm_fullscreen {\n    width: 100%;\n    height: 100%; }\n  .hm_hyperModalContentWrapper .hm_hyperCloseIconWrapper {\n    position: absolute;\n    display: block;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    top: 20px;\n    right: 20px;\n    transition: all 0.1s ease; }\n    .hm_hyperModalContentWrapper .hm_hyperCloseIconWrapper:hover {\n      transform: rotate(90deg); }\n");var U=function(n){var t=n.children,a=n.classes,i=n.closeIcon,l=n.getProps;n.handleClose;var c=n.isFullscreen,s=n.modalContentRef,d=n.stackableIndex,u=void 0===d?0:d,p=o(n,["children","classes","closeIcon","getProps","handleClose","isFullscreen","modalContentRef","stackableIndex"]);return e.createElement("div",r({},p,{className:K}),e.Children.toArray(t).slice(0,u+1).map((function(n,t,o){var d;return e.createElement("div",r({key:"content-".concat(t),"data-type":"hyper-modal-content"},l(t,n.props,o.length),{className:J((d={},d[Q]=!0,d.fullscreen=c||!1,d[a&&a.contentClassName||""]=!0,d)),ref:s}),n,i)})))},V="hm_hyperModalWrapper",$="hm_visible",ee="hm_hyperModalContentWrapper",ne="hm_hyperDimmerWrapper",te="hm_hyperCloseIconWrapper";B(".hm_hyperModalWrapper {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.3s ease; }\n  .hm_hyperModalWrapper.hm_visible {\n    visibility: visible;\n    opacity: 1; }\n  .hm_hyperModalWrapper .hm_hyperModalContentWrapper {\n    position: relative;\n    background-color: #ffffff;\n    width: 60%;\n    height: 60%;\n    z-index: 5;\n    border-radius: 10px;\n    overflow: auto; }\n    .hm_hyperModalWrapper .hm_hyperModalContentWrapper.hm_fullscreen {\n      width: 100%;\n      height: 100%; }\n\n.hm_hyperDimmerWrapper {\n  background-color: rgba(0, 0, 0, 0.5);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n\n.hm_hyperCloseIconWrapper {\n  position: absolute;\n  display: block;\n  cursor: pointer;\n  width: 40px;\n  height: 40px;\n  top: 20px;\n  right: 20px;\n  transition: all 0.1s ease; }\n  .hm_hyperCloseIconWrapper:hover {\n    transform: rotate(90deg); }\n\n.hm_body-noscroll {\n  overflow: hidden; }\n");var re=function(n){var t=n.classes,r=n.renderCloseIconProp,o=n.closeOnCloseIconClick,a=n.closeIconPosition,i=n.close,l=a?J(te,a.horizontal,a.vertical):te;return e.createElement("div",{"data-name":"close-icon",className:J(l,t&&t.closeIconClassName),onClick:o?i:void 0},r?r():e.createElement(F,null))},oe=function(n){var o=n.afterClose,a=n.ariaEnabled,i=void 0===a?H.ariaEnabled:a,l=n.ariaProps,c=void 0===l?H.ariaProps:l,s=n.beforeClose,d=n.children,u=n.childrenMode,p=void 0===u?H.childrenMode:u,f=n.classes,h=n.closeDebounceTimeout,m=void 0===h?H.closeDebounceTimeout:h,v=n.closeIconPosition,g=void 0===v?H.closeIconPosition:v,b=n.closeOnCloseIconClick,y=void 0===b?H.closeOnCloseIconClick:b,C=n.closeOnDimmerClick,w=void 0===C?H.closeOnDimmerClick:C,k=n.closeOnEscClick,E=void 0===k?H.closeOnEscClick:k,x=n.dimmerEnabled,_=void 0===x?H.dimmerEnabled:x,I=n.disableScroll,M=void 0===I?H.disableScroll:I,S=n.isFullscreen,O=void 0===S?H.isFullscreen:S,P=n.isOpen,N=n.modalContentRef,R=n.modalWrapperRef,W=n.portalMode,T=void 0===W?H.portalMode:W,B=n.portalNode,D=n.position,j=void 0===D?H.position:D,F=n.renderCloseIcon,Y=n.renderContent,X=n.renderOpenButton,A=n.requestClose,G=n.stackable,K=void 0===G?H.stackable:G,Q=n.stackableIndex,U=void 0===Q?H.stackableIndex:Q,te=n.stackContentSettings,oe=void 0===te?H.stackContentSettings:te,ae=n.unmountOnClose,ie=e.useState(P||!1),le=ie[0],ce=ie[1];e.useEffect((function(){void 0!==P&&ce(P)}),[P]);var se=e.useCallback((function(){ce(!0)}),[]),de=e.useCallback((function(){ce(!1)}),[]),ue=e.useCallback((function(){o&&o()}),[o]),pe=e.useCallback((function(){return s&&s(),m?(e=function(){de(),A&&A(),ue()},void 0===(n=m)&&(n=500),void 0===t&&(t={}),new Promise((function(r){setTimeout((function(){e(t),r(null)}),n)}))):(de(),A&&A(),ue(),!0);var e,n,t}),[s,m,de,ue,A]),fe=e.useCallback((function(e){E&&27===e.keyCode&&le&&(e.stopPropagation(),pe())}),[E,pe,le]);e.useEffect((function(){return document.addEventListener("keydown",fe),function(){document.removeEventListener("keydown",fe)}}),[fe]);var he=e.useCallback((function(){var n,t=null;return p?t=d:Y&&(t=Y()),e.createElement("div",{className:J((n={},n[ee]=!0,n.fullscreen=O||!1,n[f&&f.contentClassName||""]=!0,n)),ref:N},t||e.createElement(Z,{ariaProps:c,ariaEnabled:i,handleClose:pe}),re({classes:f,closeOnCloseIconClick:y,closeIconPosition:g,close:pe,renderCloseIconProp:F}))}),[i,c,d,p,f,g,y,pe,O,N,F,Y]),me=e.useCallback((function(e,n,t){var o=oe.widthRatio,a=void 0===o?H.stackContentSettings.widthRatio:o,i=oe.topOffsetRatio,l=void 0===i?H.stackContentSettings.topOffsetRatio:i,c=oe.transition,s=void 0===c?H.stackContentSettings.transition:c,d=oe.opacityRatio,u=void 0===d?H.stackContentSettings.opacityRatio:d;return r(r({},n),{style:{transition:s,width:"".concat(100-(t-e-1)*a,"%"),top:"".concat(0-(t-e-1)*l,"%"),opacity:1-(t-e-1)*u,zIndex:1e3-10*(t-e-1)}})}),[oe]),ve=e.useCallback((function(){if(d){var e=re({classes:f,closeOnCloseIconClick:y,closeIconPosition:g,close:pe,renderCloseIconProp:F});return d({classes:f,closeIcon:e,getProps:me,handleClose:pe,isFullscreen:O,modalContentRef:N,stackableIndex:U})}return null}),[d,f,g,y,me,pe,O,N,F,U]),ge=e.useCallback((function(){var n;return e.createElement(L,{forwardProps:!0,enabled:M&&le},e.createElement("div",{id:"hyper-modal-wrapper_component_id",className:J((n={},n[V]=!0,n[$]=le,n[f&&f.wrapperClassName||""]=!0,n)),ref:R,style:q(j)},_&&function(n){var t=n.classes,r=n.closeOnDimmerClick,o=n.close;return e.createElement("div",{className:J(ne,t&&t.dimmerClassName),onClick:r?o:void 0})}({classes:f,closeOnDimmerClick:w,close:pe}),K?ve():he()))}),[M,f,w,_,pe,le,R,j,he,ve,K]),be=e.useCallback((function(){if(!le&&ae)return null;if(T&&t){var e=B||(n=f&&f.portalWrapperClassName,(r=document.getElementById("hyper-modal-portal-id"))||((r=document.createElement("div")).setAttribute("id","hyper-modal-portal-id"),document.body.appendChild(r)),n&&!r.classList.contains(n)&&r.classList.add(n),r);return t(ge(),e)}var n,r;return ge()}),[f,le,T,B,ge,ae]);return e.createElement(e.Fragment,null,function(n){var t=n.renderOpenButton,r=n.open;return t?"boolean"==typeof t?e.createElement(z,{onClick:r}):t(r):null}({renderOpenButton:X,open:se}),be())};export{U as ModalStack,oe as default};
 //# sourceMappingURL=index.es.js.map

dist/index.js

@@ -15,3 +15,3 @@ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("react-dom");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var r=t(e),o=function(){return o=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},o.apply(this,arguments)};
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function a(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function i(e){return e}var l=function(e){var n=e.sideCar,t=a(e,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var i=n.read();if(!i)throw new Error("Sidecar medium not found");return r.createElement(i,o({},t))};l.isSideCarExport=!0;var c=function(e){void 0===e&&(e={});var n=function(e,n){void 0===n&&(n=i);var t=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(e){var o=n(e,r);return t.push(o),function(){t=t.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;t.length;){var n=t;t=[],n.forEach(e)}t={push:function(n){return e(n)},filter:function(){return t}}},assignMedium:function(e){r=!0;var n=[];if(t.length){var o=t;t=[],o.forEach(e),n=t}var a=function(){var t=n;n=[],t.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),t={push:function(e){n.push(e),i()},filter:function(e){return n=n.filter(e),t}}}}}(null);return n.options=o({async:!0,ssr:!1},e),n}();function s(n,t){return r=t,o=function(e){return n.forEach((function(n){return function(e,n){return"function"==typeof e?e(n):e&&(e.current=n),e}(n,e)}))},(a=e.useState((function(){return{value:r,callback:o,facade:{get current(){return a.value},set current(e){var n=a.value;n!==e&&(a.value=e,a.callback(e,n))}}}}))[0]).callback=o,a.facade;var r,o,a}var u=function(){},d=r.forwardRef((function(e,n){var t=r.useRef(null),i=r.useState({onScrollCapture:u,onWheelCapture:u,onTouchMoveCapture:u}),l=i[0],d=i[1],p=e.forwardProps,f=e.children,h=e.className,m=e.removeScrollBar,v=e.enabled,b=e.shards,g=e.sideCar,y=e.noIsolation,_=e.inert,C=e.allowPinchZoom,w=e.as,k=void 0===w?"div":w,x=a(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),E=g,P=s([t,n]),I=o({},x,l);return r.createElement(r.Fragment,null,v&&r.createElement(E,{sideCar:c,removeScrollBar:m,shards:b,noIsolation:y,inert:_,setCallbacks:d,allowPinchZoom:!!C,lockRef:t}),p?r.cloneElement(r.Children.only(f),o({},I,{ref:P})):r.createElement(k,o({},I,{className:h,ref:P}),f))}));d.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},d.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function p(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return n&&e.setAttribute("nonce",n),e}var f=function(){var e=0,n=null;return{add:function(t){var r,o;0==e&&(n=p())&&(o=t,(r=n).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(n)),e++},remove:function(){!--e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},h=function(){var e,n=(e=f(),function(n){r.useEffect((function(){return e.add(n),function(){e.remove()}}),[])});return function(e){var t=e.styles;return n(t),null}},m={left:0,top:0,right:0,gap:0},v=function(e){return parseInt(e||"",10)||0},b=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return m;var n=function(e){var n=window.getComputedStyle(document.body),t=n["padding"===e?"paddingLeft":"marginLeft"],r=n["padding"===e?"paddingTop":"marginTop"],o=n["padding"===e?"paddingRight":"marginRight"];return[v(t),v(r),v(o)]}(e),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-t+n[2]-n[0])}},g=h(),y=function(e,n,t,r){var o=e.left,a=e.top,i=e.right,l=e.gap;return void 0===t&&(t="margin"),"\n  .with-scroll-bars-hidden {\n   overflow: hidden "+r+";\n   padding-right: "+l+"px "+r+";\n  }\n  body {\n    overflow: hidden "+r+";\n    "+[n&&"position: relative "+r+";","margin"===t&&"\n    padding-left: "+o+"px;\n    padding-top: "+a+"px;\n    padding-right: "+i+"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: "+l+"px "+r+";\n    ","padding"===t&&"padding-right: "+l+"px "+r+";"].filter(Boolean).join("")+"\n  }\n  \n  .right-scroll-bar-position {\n    right: "+l+"px "+r+";\n  }\n  \n  .width-before-scroll-bar {\n    margin-right: "+l+"px "+r+";\n  }\n  \n  .right-scroll-bar-position .right-scroll-bar-position {\n    right: 0 "+r+";\n  }\n  \n  .width-before-scroll-bar .width-before-scroll-bar {\n    margin-right: 0 "+r+";\n  }\n  \n  body {\n    --removed-body-scroll-bar-size: "+l+"px;\n  }\n"},_=function(e){var n=r.useState(b(e.gapMode)),t=n[0],o=n[1];r.useEffect((function(){o(b(e.gapMode))}),[e.gapMode]);var a=e.noRelative,i=e.noImportant,l=e.gapMode,c=void 0===l?"margin":l;return r.createElement(g,{styles:y(t,!a,c,i?"":"!important")})},C=function(e,n){var t=n;do{if("undefined"!=typeof ShadowRoot&&t instanceof ShadowRoot&&(t=t.host),w(e,t)){var r=k(e,t);if(r[1]>r[2])return!0}t=t.parentNode}while(t&&t!==document.body);return!1},w=function(e,n){return"v"===e?function(e){var n=window.getComputedStyle(e);return"hidden"!==n.overflowY&&!(n.overflowY===n.overflowX&&"visible"===n.overflowY)}(n):function(e){var n=window.getComputedStyle(e);return"range"===e.type||"hidden"!==n.overflowX&&!(n.overflowY===n.overflowX&&"visible"===n.overflowX)}(n)},k=function(e,n){return"v"===e?[(t=n).scrollTop,t.scrollHeight,t.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(n);var t},x=!1;if("undefined"!=typeof window)try{var E=Object.defineProperty({},"passive",{get:function(){return x=!0,!0}});window.addEventListener("test",E,E),window.removeEventListener("test",E,E)}catch(e){x=!1}var P=!!x&&{passive:!1},I=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},M=function(e){return[e.deltaX,e.deltaY]},O=function(e){return e&&"current"in e?e.current:e},S=function(e){return"\n  .block-interactivity-"+e+" {pointer-events: none;}\n  .allow-interactivity-"+e+" {pointer-events: all;}\n"},N=0,R=[];var W,B=(W=function(e){var n=r.useRef([]),t=r.useRef([0,0]),o=r.useRef(),a=r.useState(N++)[0],i=r.useState((function(){return h()}))[0],l=r.useRef(e);r.useEffect((function(){l.current=e}),[e]),r.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-"+a);var n=[e.lockRef.current].concat((e.shards||[]).map(O)).filter(Boolean);return n.forEach((function(e){return e.classList.add("allow-interactivity-"+a)})),function(){document.body.classList.remove("block-interactivity-"+a),n.forEach((function(e){return e.classList.remove("allow-interactivity-"+a)}))}}}),[e.inert,e.lockRef.current,e.shards]);var c=r.useCallback((function(e,n){if("touches"in e&&2===e.touches.length)return!l.current.allowPinchZoom;var r,a=I(e),i=t.current,c="deltaX"in e?e.deltaX:i[0]-a[0],s="deltaY"in e?e.deltaY:i[1]-a[1],u=e.target,d=Math.abs(c)>Math.abs(s)?"h":"v",p=C(d,u);if(!p)return!0;if(p?r=d:(r="v"===d?"h":"v",p=C(d,u)),!p)return!1;if(!o.current&&"changedTouches"in e&&(c||s)&&(o.current=r),!r)return!0;var f=o.current||r;return function(e,n,t,r,o){var a=function(e,n){return"h"===e&&"rtl"===n?-1:1}(e,window.getComputedStyle(n).direction),i=a*r,l=t.target,c=n.contains(l),s=!1,u=i>0,d=0,p=0;do{var f=k(e,l),h=f[0],m=f[1]-f[2]-a*h;(h||m)&&w(e,l)&&(d+=m,p+=h),l=l.parentNode}while(!c&&l!==document.body||c&&(n.contains(l)||n===l));return(u&&(o&&0===d||!o&&i>d)||!u&&(o&&0===p||!o&&-i>p))&&(s=!0),s}(f,n,e,"h"===f?c:s,!0)}),[]),s=r.useCallback((function(e){var t=e;if(R.length&&R[R.length-1]===i){var r="deltaY"in t?M(t):I(t),o=n.current.filter((function(e){return e.name===t.type&&e.target===t.target&&(n=e.delta,o=r,n[0]===o[0]&&n[1]===o[1]);var n,o}))[0];if(o&&o.should)t.preventDefault();else if(!o){var a=(l.current.shards||[]).map(O).filter(Boolean).filter((function(e){return e.contains(t.target)}));(a.length>0?c(t,a[0]):!l.current.noIsolation)&&t.preventDefault()}}}),[]),u=r.useCallback((function(e,t,r,o){var a={name:e,delta:t,target:r,should:o};n.current.push(a),setTimeout((function(){n.current=n.current.filter((function(e){return e!==a}))}),1)}),[]),d=r.useCallback((function(e){t.current=I(e),o.current=void 0}),[]),p=r.useCallback((function(n){u(n.type,M(n),n.target,c(n,e.lockRef.current))}),[]),f=r.useCallback((function(n){u(n.type,I(n),n.target,c(n,e.lockRef.current))}),[]);r.useEffect((function(){return R.push(i),e.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:f}),document.addEventListener("wheel",s,P),document.addEventListener("touchmove",s,P),document.addEventListener("touchstart",d,P),function(){R=R.filter((function(e){return e!==i})),document.removeEventListener("wheel",s,P),document.removeEventListener("touchmove",s,P),document.removeEventListener("touchstart",d,P)}}),[]);var m=e.removeScrollBar,v=e.inert;return r.createElement(r.Fragment,null,v?r.createElement(i,{styles:S(a)}):null,m?r.createElement(_,{gapMode:"margin"}):null)},c.useMedium(W),l),L=r.forwardRef((function(e,n){return r.createElement(d,o({},e,{ref:n,sideCar:B}))}));L.classNames=d.classNames;var T=L;function j(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var D="customButton___B5oli";j(".customButton___B5oli {\n  height: 60px;\n  min-width: 200px;\n  font-size: 1.2em;\n  padding: 0 20px;\n  border: 0;\n  cursor: pointer;\n  text-transform: uppercase;\n  background-color: rgba(65, 70, 90, 0.5);\n  box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.4);\n  transition: all 0.2s ease; }\n  .customButton___B5oli:hover {\n    background-color: #41465a;\n    color: #e7e8ee;\n    box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.6); }\n");var Y=function(e){var n=e.onClick;return r.createElement("button",{type:"button",className:D,onClick:n},"open modal")},z="hyperCloseIcon___v9Y24";j('.hyperCloseIcon___v9Y24 {\n  display: block;\n  background-image: url("https://api.iconify.design/iwwa:close.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  width: 100%;\n  height: 100%; }\n');var X=function(){return r.createElement("i",{className:z})},F="hyperModalDefaultContent___xP510",Z="title___7Cw3V",A="description___p10Xl";j(".hyperModalDefaultContent___xP510 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  color: #282c34;\n  overflow: auto; }\n  .hyperModalDefaultContent___xP510 .title___7Cw3V {\n    font-size: 30px;\n    color: #282c34; }\n  .hyperModalDefaultContent___xP510 .description___p10Xl {\n    font-size: 24px; }\n  .hyperModalDefaultContent___xP510 button {\n    width: 200px;\n    height: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    background-color: white;\n    color: #282c34;\n    border: 1px solid #282c34;\n    text-transform: uppercase;\n    transition: all 0.2s ease;\n    cursor: pointer; }\n    .hyperModalDefaultContent___xP510 button:hover {\n      background-color: #282c34;\n      color: white; }\n");var H=function(e){var n=e.ariaEnabled,t=e.ariaProps,o=e.handleClose,a=n&&t?t["aria-labelledby"]:void 0,i=n&&t?t["aria-describedby"]:void 0;return r.createElement("div",{className:F},r.createElement("div",{className:Z,id:a},"Hyper modal"),r.createElement("div",{className:A,id:i},"Fully customizable and accessible modal"),r.createElement("button",{type:"button",onClick:o},"Close modal"))},q={ariaEnabled:!0,ariaProps:{"aria-describedby":"hyper-modal-description","aria-labelledby":"hyper-modal-title",role:"dialog"},disableScroll:!0,childrenMode:!0,closeDebounceTimeout:0,closeIconPosition:{vertical:"top",horizontal:"right"},closeOnCloseIconClick:!0,closeOnDimmerClick:!0,closeOnEscClick:!0,dimmerEnabled:!0,isFullscreen:!1,portalMode:!1,position:{alignItems:"center",justifyContent:"center"},stackable:!1,stackableIndex:0,stackContentSettings:{widthRatio:4,topOffsetRatio:2,transition:"all 0.3s ease",opacityRatio:.2}},G=function(e){var n=o({display:"flex"},q.position);return e?o(o({},n),e):n},Q=function(e){return e?Object.keys(e).filter((function(n){return!!e[n]})).reduce((function(e,n){return e?"".concat(e).concat(n?" ".concat(n):""):"".concat(n)}),""):""},V=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e[0]&&"string"==typeof e[0]?e.join(" "):Q(e[0])},J="stackWrapper___XPcQY",K="hyperModalContentWrapper___0Ndm-";j(".stackWrapper___XPcQY {\n  position: relative;\n  width: 60%;\n  height: 60%;\n  display: flex;\n  justify-content: center; }\n\n.hyperModalContentWrapper___0Ndm- {\n  position: absolute;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  background-color: #ffffff;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  border-radius: 10px;\n  overflow: auto; }\n  .hyperModalContentWrapper___0Ndm-.fullscreen___Jt-lh {\n    width: 100%;\n    height: 100%; }\n  .hyperModalContentWrapper___0Ndm- .hyperCloseIconWrapper___6OkMz {\n    position: absolute;\n    display: block;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    top: 20px;\n    right: 20px;\n    transition: all 0.1s ease; }\n    .hyperModalContentWrapper___0Ndm- .hyperCloseIconWrapper___6OkMz:hover {\n      transform: rotate(90deg); }\n");var U="hyperModalWrapper___ynl0B",$="visible___ZY5C7",ee="hyperModalContentWrapper___Lra4o",ne="hyperDimmerWrapper___N35IG",te="hyperCloseIconWrapper___4Yr9h";j(".hyperModalWrapper___ynl0B {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.3s ease; }\n  .hyperModalWrapper___ynl0B.visible___ZY5C7 {\n    visibility: visible;\n    opacity: 1; }\n  .hyperModalWrapper___ynl0B .hyperModalContentWrapper___Lra4o {\n    position: relative;\n    background-color: #ffffff;\n    width: 60%;\n    height: 60%;\n    z-index: 5;\n    border-radius: 10px;\n    overflow: auto; }\n    .hyperModalWrapper___ynl0B .hyperModalContentWrapper___Lra4o.fullscreen___f1ftH {\n      width: 100%;\n      height: 100%; }\n\n.hyperDimmerWrapper___N35IG {\n  background-color: rgba(0, 0, 0, 0.5);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n\n.hyperCloseIconWrapper___4Yr9h {\n  position: absolute;\n  display: block;\n  cursor: pointer;\n  width: 40px;\n  height: 40px;\n  top: 20px;\n  right: 20px;\n  transition: all 0.1s ease; }\n  .hyperCloseIconWrapper___4Yr9h:hover {\n    transform: rotate(90deg); }\n\n.body-noscroll___bbfmx {\n  overflow: hidden; }\n");var re=function(e){var n=e.classes,t=e.renderCloseIconProp,o=e.closeOnCloseIconClick,a=e.closeIconPosition,i=e.close,l=a?V(te,a.horizontal,a.vertical):te;return r.createElement("div",{"data-name":"close-icon",className:V(l,n&&n.closeIconClassName),onClick:o?i:void 0},t?t():r.createElement(X,null))};exports.ModalStack=function(e){var n=e.children,t=e.classes,i=e.closeIcon,l=e.getProps;e.handleClose;var c=e.isFullscreen,s=e.modalContentRef,u=e.stackableIndex,d=void 0===u?0:u,p=a(e,["children","classes","closeIcon","getProps","handleClose","isFullscreen","modalContentRef","stackableIndex"]);return r.createElement("div",o({},p,{className:J}),r.Children.toArray(n).slice(0,d+1).map((function(e,n,a){var u;return r.createElement("div",o({key:"content-".concat(n),"data-type":"hyper-modal-content"},l(n,e.props,a.length),{className:V((u={},u[K]=!0,u.fullscreen=c||!1,u[t&&t.contentClassName||""]=!0,u)),ref:s}),e,i)})))},exports.default=function(e){var t=e.afterClose,a=e.ariaEnabled,i=void 0===a?q.ariaEnabled:a,l=e.ariaProps,c=void 0===l?q.ariaProps:l,s=e.beforeClose,u=e.children,d=e.childrenMode,p=void 0===d?q.childrenMode:d,f=e.classes,h=e.closeDebounceTimeout,m=void 0===h?q.closeDebounceTimeout:h,v=e.closeIconPosition,b=void 0===v?q.closeIconPosition:v,g=e.closeOnCloseIconClick,y=void 0===g?q.closeOnCloseIconClick:g,_=e.closeOnDimmerClick,C=void 0===_?q.closeOnDimmerClick:_,w=e.closeOnEscClick,k=void 0===w?q.closeOnEscClick:w,x=e.dimmerEnabled,E=void 0===x?q.dimmerEnabled:x,P=e.disableScroll,I=void 0===P?q.disableScroll:P,M=e.isFullscreen,O=void 0===M?q.isFullscreen:M,S=e.isOpen,N=e.modalContentRef,R=e.modalWrapperRef,W=e.portalMode,B=void 0===W?q.portalMode:W,L=e.portalNode,j=e.position,D=void 0===j?q.position:j,z=e.renderCloseIcon,X=e.renderContent,F=e.renderOpenButton,Z=e.requestClose,A=e.stackable,Q=void 0===A?q.stackable:A,J=e.stackableIndex,K=void 0===J?q.stackableIndex:J,te=e.stackContentSettings,oe=void 0===te?q.stackContentSettings:te,ae=e.unmountOnClose,ie=r.useState(S||!1),le=ie[0],ce=ie[1];r.useEffect((function(){void 0!==S&&ce(S)}),[S]);var se=r.useCallback((function(){ce(!0)}),[]),ue=r.useCallback((function(){ce(!1)}),[]),de=r.useCallback((function(){t&&t()}),[t]),pe=r.useCallback((function(){return s&&s(),m?(e=function(){ue(),Z&&Z(),de()},void 0===(n=m)&&(n=500),void 0===t&&(t={}),new Promise((function(r){setTimeout((function(){e(t),r(null)}),n)}))):(ue(),Z&&Z(),de(),!0);var e,n,t}),[s,m,ue,de,Z]),fe=r.useCallback((function(e){k&&27===e.keyCode&&le&&(e.stopPropagation(),pe())}),[k,pe,le]);r.useEffect((function(){return document.addEventListener("keydown",fe),function(){document.removeEventListener("keydown",fe)}}),[fe]);var he=r.useCallback((function(){var e,n=null;return p?n=u:X&&(n=X()),r.createElement("div",{className:V((e={},e[ee]=!0,e.fullscreen=O||!1,e[f&&f.contentClassName||""]=!0,e)),ref:N},n||r.createElement(H,{ariaProps:c,ariaEnabled:i,handleClose:pe}),re({classes:f,closeOnCloseIconClick:y,closeIconPosition:b,close:pe,renderCloseIconProp:z}))}),[i,c,u,p,f,b,y,pe,O,N,z,X]),me=r.useCallback((function(e,n,t){var r=oe.widthRatio,a=void 0===r?q.stackContentSettings.widthRatio:r,i=oe.topOffsetRatio,l=void 0===i?q.stackContentSettings.topOffsetRatio:i,c=oe.transition,s=void 0===c?q.stackContentSettings.transition:c,u=oe.opacityRatio,d=void 0===u?q.stackContentSettings.opacityRatio:u;return o(o({},n),{style:{transition:s,width:"".concat(100-(t-e-1)*a,"%"),top:"".concat(0-(t-e-1)*l,"%"),opacity:1-(t-e-1)*d,zIndex:1e3-10*(t-e-1)}})}),[oe]),ve=r.useCallback((function(){if(u){var e=re({classes:f,closeOnCloseIconClick:y,closeIconPosition:b,close:pe,renderCloseIconProp:z});return u({classes:f,closeIcon:e,getProps:me,handleClose:pe,isFullscreen:O,modalContentRef:N,stackableIndex:K})}return null}),[u,f,b,y,me,pe,O,N,z,K]),be=r.useCallback((function(){var e;return r.createElement(T,{forwardProps:!0,enabled:I&&le},r.createElement("div",{id:"hyper-modal-wrapper_component_id",className:V((e={},e[U]=!0,e[$]=le,e[f&&f.wrapperClassName||""]=!0,e)),ref:R,style:G(D)},E&&function(e){var n=e.classes,t=e.closeOnDimmerClick,o=e.close;return r.createElement("div",{className:V(ne,n&&n.dimmerClassName),onClick:t?o:void 0})}({classes:f,closeOnDimmerClick:C,close:pe}),Q?ve():he()))}),[I,f,C,E,pe,le,R,D,he,ve,Q]),ge=r.useCallback((function(){if(!le&&ae)return null;if(B&&n.createPortal){var e=L||(t=f&&f.portalWrapperClassName,(r=document.getElementById("hyper-modal-portal-id"))||((r=document.createElement("div")).setAttribute("id","hyper-modal-portal-id"),document.body.appendChild(r)),t&&!r.classList.contains(t)&&r.classList.add(t),r);return n.createPortal(be(),e)}var t,r;return be()}),[f,le,B,L,be,ae]);return r.createElement(r.Fragment,null,function(e){var n=e.renderOpenButton,t=e.open;return n?"boolean"==typeof n?r.createElement(Y,{onClick:t}):n(t):null}({renderOpenButton:F,open:se}),ge())};
+***************************************************************************** */function a(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function i(e){return e}var l=function(e){var n=e.sideCar,t=a(e,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var i=n.read();if(!i)throw new Error("Sidecar medium not found");return r.createElement(i,o({},t))};l.isSideCarExport=!0;var c=function(e){void 0===e&&(e={});var n=function(e,n){void 0===n&&(n=i);var t=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(e){var o=n(e,r);return t.push(o),function(){t=t.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;t.length;){var n=t;t=[],n.forEach(e)}t={push:function(n){return e(n)},filter:function(){return t}}},assignMedium:function(e){r=!0;var n=[];if(t.length){var o=t;t=[],o.forEach(e),n=t}var a=function(){var t=n;n=[],t.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),t={push:function(e){n.push(e),i()},filter:function(e){return n=n.filter(e),t}}}}}(null);return n.options=o({async:!0,ssr:!1},e),n}();function s(n,t){return r=t,o=function(e){return n.forEach((function(n){return function(e,n){return"function"==typeof e?e(n):e&&(e.current=n),e}(n,e)}))},(a=e.useState((function(){return{value:r,callback:o,facade:{get current(){return a.value},set current(e){var n=a.value;n!==e&&(a.value=e,a.callback(e,n))}}}}))[0]).callback=o,a.facade;var r,o,a}var u=function(){},d=r.forwardRef((function(e,n){var t=r.useRef(null),i=r.useState({onScrollCapture:u,onWheelCapture:u,onTouchMoveCapture:u}),l=i[0],d=i[1],p=e.forwardProps,f=e.children,h=e.className,m=e.removeScrollBar,v=e.enabled,b=e.shards,g=e.sideCar,y=e.noIsolation,C=e.inert,w=e.allowPinchZoom,k=e.as,E=void 0===k?"div":k,x=a(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),_=g,I=s([t,n]),M=o({},x,l);return r.createElement(r.Fragment,null,v&&r.createElement(_,{sideCar:c,removeScrollBar:m,shards:b,noIsolation:y,inert:C,setCallbacks:d,allowPinchZoom:!!w,lockRef:t}),p?r.cloneElement(r.Children.only(f),o({},M,{ref:I})):r.createElement(E,o({},M,{className:h,ref:I}),f))}));d.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},d.classNames={fullWidth:"width-before-scroll-bar",zeroRight:"right-scroll-bar-position"};function p(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return n&&e.setAttribute("nonce",n),e}var f=function(){var e=0,n=null;return{add:function(t){var r,o;0==e&&(n=p())&&(o=t,(r=n).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(n)),e++},remove:function(){!--e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},h=function(){var e,n=(e=f(),function(n){r.useEffect((function(){return e.add(n),function(){e.remove()}}),[])});return function(e){var t=e.styles;return n(t),null}},m={left:0,top:0,right:0,gap:0},v=function(e){return parseInt(e||"",10)||0},b=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return m;var n=function(e){var n=window.getComputedStyle(document.body),t=n["padding"===e?"paddingLeft":"marginLeft"],r=n["padding"===e?"paddingTop":"marginTop"],o=n["padding"===e?"paddingRight":"marginRight"];return[v(t),v(r),v(o)]}(e),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,r-t+n[2]-n[0])}},g=h(),y=function(e,n,t,r){var o=e.left,a=e.top,i=e.right,l=e.gap;return void 0===t&&(t="margin"),"\n  .with-scroll-bars-hidden {\n   overflow: hidden "+r+";\n   padding-right: "+l+"px "+r+";\n  }\n  body {\n    overflow: hidden "+r+";\n    "+[n&&"position: relative "+r+";","margin"===t&&"\n    padding-left: "+o+"px;\n    padding-top: "+a+"px;\n    padding-right: "+i+"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: "+l+"px "+r+";\n    ","padding"===t&&"padding-right: "+l+"px "+r+";"].filter(Boolean).join("")+"\n  }\n  \n  .right-scroll-bar-position {\n    right: "+l+"px "+r+";\n  }\n  \n  .width-before-scroll-bar {\n    margin-right: "+l+"px "+r+";\n  }\n  \n  .right-scroll-bar-position .right-scroll-bar-position {\n    right: 0 "+r+";\n  }\n  \n  .width-before-scroll-bar .width-before-scroll-bar {\n    margin-right: 0 "+r+";\n  }\n  \n  body {\n    --removed-body-scroll-bar-size: "+l+"px;\n  }\n"},C=function(e){var n=r.useState(b(e.gapMode)),t=n[0],o=n[1];r.useEffect((function(){o(b(e.gapMode))}),[e.gapMode]);var a=e.noRelative,i=e.noImportant,l=e.gapMode,c=void 0===l?"margin":l;return r.createElement(g,{styles:y(t,!a,c,i?"":"!important")})},w=function(e,n){var t=n;do{if("undefined"!=typeof ShadowRoot&&t instanceof ShadowRoot&&(t=t.host),k(e,t)){var r=E(e,t);if(r[1]>r[2])return!0}t=t.parentNode}while(t&&t!==document.body);return!1},k=function(e,n){return"v"===e?function(e){var n=window.getComputedStyle(e);return"hidden"!==n.overflowY&&!(n.overflowY===n.overflowX&&"visible"===n.overflowY)}(n):function(e){var n=window.getComputedStyle(e);return"range"===e.type||"hidden"!==n.overflowX&&!(n.overflowY===n.overflowX&&"visible"===n.overflowX)}(n)},E=function(e,n){return"v"===e?[(t=n).scrollTop,t.scrollHeight,t.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(n);var t},x=!1;if("undefined"!=typeof window)try{var _=Object.defineProperty({},"passive",{get:function(){return x=!0,!0}});window.addEventListener("test",_,_),window.removeEventListener("test",_,_)}catch(e){x=!1}var I=!!x&&{passive:!1},M=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},O=function(e){return[e.deltaX,e.deltaY]},S=function(e){return e&&"current"in e?e.current:e},P=function(e){return"\n  .block-interactivity-"+e+" {pointer-events: none;}\n  .allow-interactivity-"+e+" {pointer-events: all;}\n"},N=0,R=[];var W,T=(W=function(e){var n=r.useRef([]),t=r.useRef([0,0]),o=r.useRef(),a=r.useState(N++)[0],i=r.useState((function(){return h()}))[0],l=r.useRef(e);r.useEffect((function(){l.current=e}),[e]),r.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-"+a);var n=[e.lockRef.current].concat((e.shards||[]).map(S)).filter(Boolean);return n.forEach((function(e){return e.classList.add("allow-interactivity-"+a)})),function(){document.body.classList.remove("block-interactivity-"+a),n.forEach((function(e){return e.classList.remove("allow-interactivity-"+a)}))}}}),[e.inert,e.lockRef.current,e.shards]);var c=r.useCallback((function(e,n){if("touches"in e&&2===e.touches.length)return!l.current.allowPinchZoom;var r,a=M(e),i=t.current,c="deltaX"in e?e.deltaX:i[0]-a[0],s="deltaY"in e?e.deltaY:i[1]-a[1],u=e.target,d=Math.abs(c)>Math.abs(s)?"h":"v",p=w(d,u);if(!p)return!0;if(p?r=d:(r="v"===d?"h":"v",p=w(d,u)),!p)return!1;if(!o.current&&"changedTouches"in e&&(c||s)&&(o.current=r),!r)return!0;var f=o.current||r;return function(e,n,t,r,o){var a=function(e,n){return"h"===e&&"rtl"===n?-1:1}(e,window.getComputedStyle(n).direction),i=a*r,l=t.target,c=n.contains(l),s=!1,u=i>0,d=0,p=0;do{var f=E(e,l),h=f[0],m=f[1]-f[2]-a*h;(h||m)&&k(e,l)&&(d+=m,p+=h),l=l.parentNode}while(!c&&l!==document.body||c&&(n.contains(l)||n===l));return(u&&(o&&0===d||!o&&i>d)||!u&&(o&&0===p||!o&&-i>p))&&(s=!0),s}(f,n,e,"h"===f?c:s,!0)}),[]),s=r.useCallback((function(e){var t=e;if(R.length&&R[R.length-1]===i){var r="deltaY"in t?O(t):M(t),o=n.current.filter((function(e){return e.name===t.type&&e.target===t.target&&(n=e.delta,o=r,n[0]===o[0]&&n[1]===o[1]);var n,o}))[0];if(o&&o.should)t.preventDefault();else if(!o){var a=(l.current.shards||[]).map(S).filter(Boolean).filter((function(e){return e.contains(t.target)}));(a.length>0?c(t,a[0]):!l.current.noIsolation)&&t.preventDefault()}}}),[]),u=r.useCallback((function(e,t,r,o){var a={name:e,delta:t,target:r,should:o};n.current.push(a),setTimeout((function(){n.current=n.current.filter((function(e){return e!==a}))}),1)}),[]),d=r.useCallback((function(e){t.current=M(e),o.current=void 0}),[]),p=r.useCallback((function(n){u(n.type,O(n),n.target,c(n,e.lockRef.current))}),[]),f=r.useCallback((function(n){u(n.type,M(n),n.target,c(n,e.lockRef.current))}),[]);r.useEffect((function(){return R.push(i),e.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:f}),document.addEventListener("wheel",s,I),document.addEventListener("touchmove",s,I),document.addEventListener("touchstart",d,I),function(){R=R.filter((function(e){return e!==i})),document.removeEventListener("wheel",s,I),document.removeEventListener("touchmove",s,I),document.removeEventListener("touchstart",d,I)}}),[]);var m=e.removeScrollBar,v=e.inert;return r.createElement(r.Fragment,null,v?r.createElement(i,{styles:P(a)}):null,m?r.createElement(C,{gapMode:"margin"}):null)},c.useMedium(W),l),j=r.forwardRef((function(e,n){return r.createElement(d,o({},e,{ref:n,sideCar:T}))}));j.classNames=d.classNames;var D=j;function L(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var B="hm_customButton";L(".hm_customButton {\n  height: 60px;\n  min-width: 200px;\n  font-size: 1.2em;\n  padding: 0 20px;\n  border: 0;\n  cursor: pointer;\n  text-transform: uppercase;\n  background-color: rgba(65, 70, 90, 0.5);\n  box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.4);\n  transition: all 0.2s ease; }\n  .hm_customButton:hover {\n    background-color: #41465a;\n    color: #e7e8ee;\n    box-shadow: 0px 0px 5px 1px rgba(49, 52, 67, 0.6); }\n");var z=function(e){var n=e.onClick;return r.createElement("button",{type:"button",className:B,onClick:n},"open modal")},F="hm_hyperCloseIcon";L('.hm_hyperCloseIcon {\n  display: block;\n  background-image: url("https://api.iconify.design/iwwa:close.svg");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  width: 100%;\n  height: 100%; }\n');var Y=function(){return r.createElement("i",{className:F})},X="hm_hyperModalDefaultContent",A="hm_title",Z="hm_description";L(".hm_hyperModalDefaultContent {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  color: #282c34;\n  overflow: auto; }\n  .hm_hyperModalDefaultContent .hm_title {\n    font-size: 30px;\n    color: #282c34; }\n  .hm_hyperModalDefaultContent .hm_description {\n    font-size: 24px; }\n  .hm_hyperModalDefaultContent button {\n    width: 200px;\n    height: 50px;\n    font-size: 18px;\n    font-weight: bold;\n    background-color: white;\n    color: #282c34;\n    border: 1px solid #282c34;\n    text-transform: uppercase;\n    transition: all 0.2s ease;\n    cursor: pointer; }\n    .hm_hyperModalDefaultContent button:hover {\n      background-color: #282c34;\n      color: white; }\n");var q=function(e){var n=e.ariaEnabled,t=e.ariaProps,o=e.handleClose,a=n&&t?t["aria-labelledby"]:void 0,i=n&&t?t["aria-describedby"]:void 0;return r.createElement("div",{className:X},r.createElement("div",{className:A,id:a},"Hyper modal"),r.createElement("div",{className:Z,id:i},"Fully customizable and accessible modal"),r.createElement("button",{type:"button",onClick:o},"Close modal"))},H={ariaEnabled:!0,ariaProps:{"aria-describedby":"hyper-modal-description","aria-labelledby":"hyper-modal-title",role:"dialog"},disableScroll:!0,childrenMode:!0,closeDebounceTimeout:0,closeIconPosition:{vertical:"top",horizontal:"right"},closeOnCloseIconClick:!0,closeOnDimmerClick:!0,closeOnEscClick:!0,dimmerEnabled:!0,isFullscreen:!1,portalMode:!1,position:{alignItems:"center",justifyContent:"center"},stackable:!1,stackableIndex:0,stackContentSettings:{widthRatio:4,topOffsetRatio:2,transition:"all 0.3s ease",opacityRatio:.2}},G=function(e){var n=o({display:"flex"},H.position);return e?o(o({},n),e):n},J=function(e){return e?Object.keys(e).filter((function(n){return!!e[n]})).reduce((function(e,n){return e?"".concat(e).concat(n?" ".concat(n):""):"".concat(n)}),""):""},K=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e[0]&&"string"==typeof e[0]?e.join(" "):J(e[0])},Q="hm_stackWrapper",U="hm_hyperModalContentWrapper";L(".hm_stackWrapper {\n  position: relative;\n  width: 60%;\n  height: 60%;\n  display: flex;\n  justify-content: center; }\n\n.hm_hyperModalContentWrapper {\n  position: absolute;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  background-color: #ffffff;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  border-radius: 10px;\n  overflow: auto; }\n  .hm_hyperModalContentWrapper.hm_fullscreen {\n    width: 100%;\n    height: 100%; }\n  .hm_hyperModalContentWrapper .hm_hyperCloseIconWrapper {\n    position: absolute;\n    display: block;\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    top: 20px;\n    right: 20px;\n    transition: all 0.1s ease; }\n    .hm_hyperModalContentWrapper .hm_hyperCloseIconWrapper:hover {\n      transform: rotate(90deg); }\n");var V="hm_hyperModalWrapper",$="hm_visible",ee="hm_hyperModalContentWrapper",ne="hm_hyperDimmerWrapper",te="hm_hyperCloseIconWrapper";L(".hm_hyperModalWrapper {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.3s ease; }\n  .hm_hyperModalWrapper.hm_visible {\n    visibility: visible;\n    opacity: 1; }\n  .hm_hyperModalWrapper .hm_hyperModalContentWrapper {\n    position: relative;\n    background-color: #ffffff;\n    width: 60%;\n    height: 60%;\n    z-index: 5;\n    border-radius: 10px;\n    overflow: auto; }\n    .hm_hyperModalWrapper .hm_hyperModalContentWrapper.hm_fullscreen {\n      width: 100%;\n      height: 100%; }\n\n.hm_hyperDimmerWrapper {\n  background-color: rgba(0, 0, 0, 0.5);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n\n.hm_hyperCloseIconWrapper {\n  position: absolute;\n  display: block;\n  cursor: pointer;\n  width: 40px;\n  height: 40px;\n  top: 20px;\n  right: 20px;\n  transition: all 0.1s ease; }\n  .hm_hyperCloseIconWrapper:hover {\n    transform: rotate(90deg); }\n\n.hm_body-noscroll {\n  overflow: hidden; }\n");var re=function(e){var n=e.classes,t=e.renderCloseIconProp,o=e.closeOnCloseIconClick,a=e.closeIconPosition,i=e.close,l=a?K(te,a.horizontal,a.vertical):te;return r.createElement("div",{"data-name":"close-icon",className:K(l,n&&n.closeIconClassName),onClick:o?i:void 0},t?t():r.createElement(Y,null))};exports.ModalStack=function(e){var n=e.children,t=e.classes,i=e.closeIcon,l=e.getProps;e.handleClose;var c=e.isFullscreen,s=e.modalContentRef,u=e.stackableIndex,d=void 0===u?0:u,p=a(e,["children","classes","closeIcon","getProps","handleClose","isFullscreen","modalContentRef","stackableIndex"]);return r.createElement("div",o({},p,{className:Q}),r.Children.toArray(n).slice(0,d+1).map((function(e,n,a){var u;return r.createElement("div",o({key:"content-".concat(n),"data-type":"hyper-modal-content"},l(n,e.props,a.length),{className:K((u={},u[U]=!0,u.fullscreen=c||!1,u[t&&t.contentClassName||""]=!0,u)),ref:s}),e,i)})))},exports.default=function(e){var t=e.afterClose,a=e.ariaEnabled,i=void 0===a?H.ariaEnabled:a,l=e.ariaProps,c=void 0===l?H.ariaProps:l,s=e.beforeClose,u=e.children,d=e.childrenMode,p=void 0===d?H.childrenMode:d,f=e.classes,h=e.closeDebounceTimeout,m=void 0===h?H.closeDebounceTimeout:h,v=e.closeIconPosition,b=void 0===v?H.closeIconPosition:v,g=e.closeOnCloseIconClick,y=void 0===g?H.closeOnCloseIconClick:g,C=e.closeOnDimmerClick,w=void 0===C?H.closeOnDimmerClick:C,k=e.closeOnEscClick,E=void 0===k?H.closeOnEscClick:k,x=e.dimmerEnabled,_=void 0===x?H.dimmerEnabled:x,I=e.disableScroll,M=void 0===I?H.disableScroll:I,O=e.isFullscreen,S=void 0===O?H.isFullscreen:O,P=e.isOpen,N=e.modalContentRef,R=e.modalWrapperRef,W=e.portalMode,T=void 0===W?H.portalMode:W,j=e.portalNode,L=e.position,B=void 0===L?H.position:L,F=e.renderCloseIcon,Y=e.renderContent,X=e.renderOpenButton,A=e.requestClose,Z=e.stackable,J=void 0===Z?H.stackable:Z,Q=e.stackableIndex,U=void 0===Q?H.stackableIndex:Q,te=e.stackContentSettings,oe=void 0===te?H.stackContentSettings:te,ae=e.unmountOnClose,ie=r.useState(P||!1),le=ie[0],ce=ie[1];r.useEffect((function(){void 0!==P&&ce(P)}),[P]);var se=r.useCallback((function(){ce(!0)}),[]),ue=r.useCallback((function(){ce(!1)}),[]),de=r.useCallback((function(){t&&t()}),[t]),pe=r.useCallback((function(){return s&&s(),m?(e=function(){ue(),A&&A(),de()},void 0===(n=m)&&(n=500),void 0===t&&(t={}),new Promise((function(r){setTimeout((function(){e(t),r(null)}),n)}))):(ue(),A&&A(),de(),!0);var e,n,t}),[s,m,ue,de,A]),fe=r.useCallback((function(e){E&&27===e.keyCode&&le&&(e.stopPropagation(),pe())}),[E,pe,le]);r.useEffect((function(){return document.addEventListener("keydown",fe),function(){document.removeEventListener("keydown",fe)}}),[fe]);var he=r.useCallback((function(){var e,n=null;return p?n=u:Y&&(n=Y()),r.createElement("div",{className:K((e={},e[ee]=!0,e.fullscreen=S||!1,e[f&&f.contentClassName||""]=!0,e)),ref:N},n||r.createElement(q,{ariaProps:c,ariaEnabled:i,handleClose:pe}),re({classes:f,closeOnCloseIconClick:y,closeIconPosition:b,close:pe,renderCloseIconProp:F}))}),[i,c,u,p,f,b,y,pe,S,N,F,Y]),me=r.useCallback((function(e,n,t){var r=oe.widthRatio,a=void 0===r?H.stackContentSettings.widthRatio:r,i=oe.topOffsetRatio,l=void 0===i?H.stackContentSettings.topOffsetRatio:i,c=oe.transition,s=void 0===c?H.stackContentSettings.transition:c,u=oe.opacityRatio,d=void 0===u?H.stackContentSettings.opacityRatio:u;return o(o({},n),{style:{transition:s,width:"".concat(100-(t-e-1)*a,"%"),top:"".concat(0-(t-e-1)*l,"%"),opacity:1-(t-e-1)*d,zIndex:1e3-10*(t-e-1)}})}),[oe]),ve=r.useCallback((function(){if(u){var e=re({classes:f,closeOnCloseIconClick:y,closeIconPosition:b,close:pe,renderCloseIconProp:F});return u({classes:f,closeIcon:e,getProps:me,handleClose:pe,isFullscreen:S,modalContentRef:N,stackableIndex:U})}return null}),[u,f,b,y,me,pe,S,N,F,U]),be=r.useCallback((function(){var e;return r.createElement(D,{forwardProps:!0,enabled:M&&le},r.createElement("div",{id:"hyper-modal-wrapper_component_id",className:K((e={},e[V]=!0,e[$]=le,e[f&&f.wrapperClassName||""]=!0,e)),ref:R,style:G(B)},_&&function(e){var n=e.classes,t=e.closeOnDimmerClick,o=e.close;return r.createElement("div",{className:K(ne,n&&n.dimmerClassName),onClick:t?o:void 0})}({classes:f,closeOnDimmerClick:w,close:pe}),J?ve():he()))}),[M,f,w,_,pe,le,R,B,he,ve,J]),ge=r.useCallback((function(){if(!le&&ae)return null;if(T&&n.createPortal){var e=j||(t=f&&f.portalWrapperClassName,(r=document.getElementById("hyper-modal-portal-id"))||((r=document.createElement("div")).setAttribute("id","hyper-modal-portal-id"),document.body.appendChild(r)),t&&!r.classList.contains(t)&&r.classList.add(t),r);return n.createPortal(be(),e)}var t,r;return be()}),[f,le,T,j,be,ae]);return r.createElement(r.Fragment,null,function(e){var n=e.renderOpenButton,t=e.open;return n?"boolean"==typeof n?r.createElement(z,{onClick:t}):n(t):null}({renderOpenButton:X,open:se}),ge())};
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "react-hyper-modal",
-    "version": "1.2.15",
+    "version": "1.2.16",
     "description": "Fully customizable and accessible modal react component",
@@ -5,0 +5,0 @@ "author": "Aleksey Makhankov",

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

169912

decreased by-0.25%

Lines of code

370

decreased by-0.54%

No dependency changes