https://www.cccb.org/o/frontend-js-clay-web/__liferay__/exports/@clayui$modal.js

1var ve=Object.create;var q=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var ye=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,he=Object.prototype.hasOwnProperty;var Ee=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var Me=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ye(r))!he.call(e,a)&&a!==t&&q(e,a,{get:()=>r[a],enumerable:!(o=be(r,a))||o.enumerable});return e};var Ce=(e,r,t)=>(t=e!=null?ve(xe(e)):{},Me(r||!e||!e.__esModule?q(t,"default",{value:e,enumerable:!0}):t,e));var ie=Ee((gr,se)=>{"use strict";var Ne=!1,ae=function(){};Ne&&(ne=function(r,t){var o=arguments.length;t=new Array(o>1?o-1:0);for(var a=1;a<o;a++)t[a-1]=arguments[a];var c=0,i="Warning: "+r.replace(/%s/g,function(){return t[c++]});typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}},ae=function(e,r,t){var o=arguments.length;t=new Array(o>2?o-2:0);for(var a=2;a<o;a++)t[a-2]=arguments[a];if(r===void 0)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");e||ne.apply(null,[r].concat(t))});var ne;se.exports=ae});import{}from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import Te from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";var p=Te;import{Children as Ye,Component as Je,Fragment as Qe,Profiler as Xe,PureComponent as Ze,StrictMode as et,Suspense as tt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as rt,cloneElement as ot,createContext as nt,createElement as at,createFactory as st,createRef as it,forwardRef as lt,isValidElement as ut,lazy as ct,memo as dt,startTransition as ft,unstable_act as mt,useCallback as $,useContext as pt,useDebugValue as vt,useDeferredValue as bt,useEffect as x,useId as yt,useImperativeHandle as xt,useInsertionEffect as ht,useLayoutEffect as Et,useMemo as Y,useReducer as Mt,useRef as C,useState as K,useSyncExternalStore as Ct,useTransition as Tt,version as It}from"../../../frontend-js-react-web/__liferay__/exports/react.js";import Ie from"../../../frontend-js-react-web/__liferay__/exports/react.js";var n=Ie;function Le({children:e,className:r,iFrameProps:t={},scrollable:o,url:a,...c}){let i=C(null);return x(()=>{let d=m=>{if(i.current&&(m.key==="ArrowUp"||m.key==="ArrowDown")&&!i.current.contains(document.activeElement)){if(m.defaultPrevented)return;i.current.focus()}};return document.addEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)}},[i]),n.createElement("div",{className:p("modal-body",r,{"inline-scroller":o,"modal-body-iframe":a}),ref:i,tabIndex:o?-1:void 0,...c},a?n.createElement("iframe",{...t,src:a,title:a}):e)}var P=Le;import{ClayButtonWithIcon as wt}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$button.js";import Se from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$button.js";var J=Se;import{ClayIconSpriteContext as Rt}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";import ge from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";var z=ge;var Q=n.createContext({});Q.displayName="ClayModalContext";var S=Q;function w({children:e,className:r,...t}){return n.createElement("div",{className:p("modal-item-group",r),...t},e)}function O({children:e,className:r,shrink:t,...o}){return n.createElement("div",{className:p("modal-item",r,{"modal-item-shrink":t}),...o},e)}function _({children:e,className:r,...t}){return n.createElement("div",{className:p("modal-title-section",r),...t},e)}function g({children:e,className:r,...t}){let{ariaLabelledby:o}=n.useContext(S);return n.createElement("h1",{className:p("modal-title",r),tabIndex:-1,...t,id:o},e)}function A({children:e,className:r,...t}){return n.createElement("div",{className:p("modal-title-indicator",r),...t},e)}function D({children:e,className:r,...t}){return n.createElement("div",{className:p("modal-subtitle-section",r),...t},e)}function R({children:e,className:r,...t}){return n.createElement("div",{className:p("modal-subtitle",r),...t},e)}var Ae={danger:"exclamation-full",info:"info-circle",success:"check-circle-full",warning:"warning-full"};function He({children:e,closeButtonAriaLabel:r="Close",onClose:t,spritemap:o,status:a}){return n.createElement(n.Fragment,null,n.createElement(g,null,a&&n.createElement(A,null,n.createElement(z,{spritemap:o,symbol:Ae[a]})),e),n.createElement(J,{"aria-label":r,className:"close",displayType:"unstyled",onClick:t},n.createElement(z,{spritemap:o,symbol:"times"})))}function Pe({children:e,className:r,...t}){return n.createElement("div",{className:p("modal-header",r),...t},e)}function we({children:e,closeButtonAriaLabel:r,withTitle:t=!0,...o}){let{onClose:a,spritemap:c,status:i}=n.useContext(S);return n.createElement(Pe,{...o},t&&n.createElement(He,{closeButtonAriaLabel:r,onClose:a,spritemap:c,status:i},e),!t&&e)}var N=we;import{FocusScope as qt,Keys as U,LinkOrButton as $t,MouseSafeArea as Yt,Overlay as Jt,PanelResizer as Qt,ClayPortal as X,delegate as Xt,doAlign as Zt,getEllipsisItems as er,getLocatorValue as tr,observeRect as rr,isMac as or,isIPhone as nr,isIPad as ar,isIOS as sr,isAppleDevice as ir,setElementFullHeight as lr,stack as M,sub as ur,throttle as cr,useControlledState as dr,useDebounce as fr,useFocusManagement as mr,FOCUSABLE_ELEMENTS as Z,useHover as pr,useId as vr,useInteractionFocus as br,useFocusVisible as yr,useIsFirstRender as xr,useIsMobileDevice as hr,useMousePosition as Er,useNavigation as Mr,isTypeahead as Cr,getFocusableList as Tr,useOverlayPosition as Ir,usePrevious as Lr}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$shared.js";var ee=function(e){if(typeof document>"u")return null;var r=Array.isArray(e)?e[0]:e;return r.ownerDocument.body},I=new WeakMap,F=new WeakMap,B={},V=0,te=function(e){return e&&(e.host||te(e.parentNode))},Oe=function(e,r){return r.map(function(t){if(e.contains(t))return t;var o=te(t);return o&&e.contains(o)?o:(console.error("aria-hidden",t,"in not contained inside",e,". Doing nothing"),null)}).filter(function(t){return!!t})},re=function(e,r,t,o){var a=Oe(r,Array.isArray(e)?e:[e]);B[t]||(B[t]=new WeakMap);

1var c=B[t],i=[],d=new Set,m=new Set(a),b=function(s){!s||d.has(s)||(d.add(s),b(s.parentNode))};a.forEach(b);var l=function(s){!s||m.has(s)||Array.prototype.forEach.call(s.children,function(u){if(d.has(u))l(u);else{var f=u.getAttribute(o),E=f!==null&&f!=="false",v=(I.get(u)||0)+1,y=(c.get(u)||0)+1;I.set(u,v),c.set(u,y),i.push(u),v===1&&E&&F.set(u,!0),y===1&&u.setAttribute(t,"true"),E||u.setAttribute(o,"true")}})};return l(r),d.clear(),V++,function(){i.forEach(function(s){var u=I.get(s)-1,f=c.get(s)-1;I.set(s,u),c.set(s,f),u||(F.has(s)||s.removeAttribute(o),F.delete(s)),f||s.removeAttribute(t)}),V--,V||(I=new WeakMap,I=new WeakMap,F=new WeakMap,B={})}},_e=function(e,r,t){t===void 0&&(t="data-aria-hidden");var o=Array.from(Array.isArray(e)?e:[e]),a=r||ee(e);return a?(o.push.apply(o,Array.from(a.querySelectorAll("[aria-live]"))),re(o,a,t,"aria-hidden")):function(){return null}},De=function(e,r,t){t===void 0&&(t="data-inert-ed");var o=r||ee(e);return o?re(e,o,t,"inert"):function(){return null}},Re=function(){return typeof HTMLElement<"u"&&HTMLElement.prototype.hasOwnProperty("inert")},oe=function(e,r,t){return t===void 0&&(t="data-suppressed"),(Re()?De:_e)(e,r,t)};var de=Ce(ie());function Fe({className:e,first:r,last:t,middle:o,...a}){return n.createElement("div",{className:p("modal-footer",e),...a},r?n.createElement("div",{className:"modal-item-first"},r):null,o?n.createElement("div",{className:"modal-item"},o):null,t?n.createElement("div",{className:"modal-item-last"},t):null)}var le=Fe;function ue(e,r,t,o,a){let c=n.useRef(null),i=()=>{if(r.current){let l=r.current.querySelectorAll(Z);return Object.keys(l).map(s=>l[s])}return[]},d=l=>{if(l.key===U.Esc&&M[M.length-1]===e&&t(),l.key===U.Tab)if(e.current&&l.target!==null&&!e.current.contains(l.target))r.current.focus();else{let s=i(),u=s.indexOf(document.activeElement);l.shiftKey&&u===0&&(s[s.length-1].focus(),l.preventDefault()),!l.shiftKey&&u===s.length-1&&(s[0].focus(),l.preventDefault())}},m=l=>{c.current=l.target},b=l=>{if(l.defaultPrevented){c.current=null;return}l.target===e.current&&c.current===l.target&&(c.current=null,t()),c.current=null};x(()=>(document.addEventListener("keydown",d),document.addEventListener("mousedown",m),document.addEventListener("mouseup",b),()=>{document.removeEventListener("keydown",d),document.removeEventListener("mousedown",m),document.removeEventListener("mouseup",b)}),[o,a])}var ke=`You need to pass the 'observer' prop to ClayModal for everything to work fine, use the 'useModal' hook that exposes the observer.
2
3> const {observer} = useModal({...});
4>
5> return (
6> 	<ClayModal observer={observer}>
7> 		...
8> 	</ClayModal>
9> );
10`,ce=0;function h({center:e,children:r,className:t,containerElementRef:o,containerProps:a={},disableAutoClose:c=!1,observer:i,role:d="dialog",size:m,spritemap:b,status:l,zIndex:s,...u}){let f=C(null),E=C(null),[v,y]=i&&i.mutation?i.mutation:[!1,!1];(0,de.default)(i!==void 0,ke),ue(f,E,()=>!c&&i.dispatch(0),v,y),x(()=>{i.dispatch(2,document.activeElement),i.dispatch(1)},[]),x(()=>{if(E.current&&v&&y){let L=E.current.querySelector("h1");L?L.focus():E.current.focus()}},[v,y]);let H=Y(()=>(ce++,`clay-modal-label-${ce}`),[]);return x(()=>(v&&y&&M.push(f),()=>{let L=M.indexOf(f);L>=0&&M.splice(L,1)}),[v,f,y]),x(()=>{if(f.current&&v&&M[M.length-1]===f)return oe(f.current)},[v]),n.createElement(X,{...a,containerRef:o,subPortalRef:f},n.createElement("div",{"aria-hidden":"true",className:p("modal-backdrop fade",{show:v}),style:{zIndex:s}}),n.createElement("div",{...u,className:p("fade modal d-block",t,{show:v}),ref:f,style:{zIndex:s&&s+10}},n.createElement("div",{className:p("modal-dialog",{[`modal-${m}`]:m,[`modal-${l}`]:l,"modal-dialog-centered":e})},n.createElement("div",{"aria-labelledby":H,"aria-modal":"true",className:"modal-content",ref:E,role:d,tabIndex:-1},n.createElement(S.Provider,{value:{ariaLabelledby:H,onClose:()=>i.dispatch(0),spritemap:b,status:l}},y&&r)))))}h.Body=P;h.Footer=le;h.Header=N;h.Item=O;h.ItemGroup=w;h.Subtitle=R;h.SubtitleSection=D;h.Title=g;h.TitleIndicator=A;h.TitleSection=_;var T=h;function fe(e){return setTimeout(()=>{e()},100)}var W="modal-open";function k({defaultOpen:e=!1,onClose:r}={}){let[t,o]=K(e),[a,c]=K([!1,!1]),i=C(null),d=C(null),m=()=>{document.body.classList.remove(W),c([!1,!0]),i.current=fe(()=>{r&&r(),d.current&&(d.current.focus(),d.current=null),o(!1),c([!1,!1])})},b=()=>{document.body.classList.add(W),o(!0),i.current=fe(()=>c([!0,!0]))},l=(u,f)=>{switch(u){case 0:m();break;case 1:b();break;case 2:d.current=f;break;default:break}},s=$(u=>{u?b():m()},[]);return x(()=>()=>{document.body.classList.remove(W),i.current&&clearTimeout(i.current)},[]),{observer:{dispatch:l,mutation:a},onClose:m,onOpenChange:s,open:t}}var G={body:n.createElement("div",null),footer:[],onClose:()=>{},visible:!1};function Ke(e,r){switch(r.type){case 1:case"OPEN":return{...r.payload,visible:!0};case 0:case"CLOSE":return G;default:throw new TypeError}}var j=n.createContext([G,()=>{}]);function ze({children:e,spritemap:r}){let[{visible:t,...o},a]=n.useReducer(Ke,G),{observer:c,onClose:i}=k({onClose:()=>a({type:"CLOSE"})}),{body:d,center:m,footer:b=[],header:l,size:s,status:u,url:f}=o,[E,v,y]=b,H={...o,onClose:i};return n.createElement(n.Fragment,null,t&&n.createElement(T,{center:m,observer:c,size:s,spritemap:r,status:u},l&&n.createElement(T.Header,null,l),n.createElement(T.Body,{url:f},d),!!b.length&&n.createElement(T.Footer,{first:E,last:y,middle:v})),n.createElement(j.Provider,{value:[H,a]},e))}var me=ze;var pe=T;var co=pe;export{P as Body,me as ClayModalProvider,j as Context,N as Header,O as Item,w as ItemGroup,T as Modal,R as Subtitle,D as SubtitleSection,g as Title,A as TitleIndicator,_ as TitleSection,co as default,k as useModal};
11//# sourceMappingURL=@clayui$modal.(KMEKQ75Y).js.map