@adyen/adyen-web/dist/es-legacy/components/internal/Modal/Modal.js

[](https://www.npmjs.com/package/@adyen/adyen-web)

import{createElement as e}from"../../../external/preact/dist/preact.js";import{useRef as r}from"../../../external/preact/hooks/dist/hooks.js";import o from"../../../_virtual/index.js";import{useModal as t}from"./useModal.js";function s(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function l(e,r){if(null==e)return{};var o,t,s=function(e,r){if(null==e)return{};var o,t,s={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(s[o]=e[o])}return s}const n=n=>{var{children:i,classNameModifiers:a=[],isOpen:c,onClose:d,isDismissible:u=!0,labelledBy:f,describedBy:m,focusFirst:p,focusAfterClose:b}=n,y=l(n,["children","classNameModifiers","isOpen","onClose","isDismissible","labelledBy","describedBy","focusFirst","focusAfterClose"]);const O=r(),{closeModal:h,handleClickOutside:j}=t({modalElement:O.current,isOpen:c,isDismissible:u,focusFirst:p,focusAfterClose:b,onClose:d});return e("div",function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){s(e,r,o[r])}))}return e}({className:o("adyen-checkout__modal-wrapper",a.map((e=>`adyen-checkout__modal-wrapper--${e}`)),{"adyen-checkout__modal-wrapper--open":c}),role:"dialog","aria-labelledby":f,"aria-describedby":m,"aria-modal":"true","aria-hidden":!c,onClick:j},y),e("div",{className:"adyen-checkout__modal",ref:O},i({onCloseModal:h})))};export{n as Modal};
//# sourceMappingURL=Modal.js.map