Loading
function(e,t,n){n.d(t,{A:()=>b,j:()=>p});var a=n(477900),l=n(582128),r=n(503698),s=n.n(r),i=n(273875),d=n(208756),o=n(798618),c=n(916845),u=n(297264),f=n(834730),m=n(353795),E=n(239027);function g(e){let{title:t,body:n}=e;return(0,a.jsxs)("div",{className:E.header,children:[(0,a.jsx)(u.D,{variant:"heading-md/semibold",className:E.title,children:t}),(0,a.jsx)("div",{className:E.headerBody,children:(0,a.jsx)(f.E,{variant:"text-sm/normal",color:"none",children:n})})]})}function p(e){let{title:t,body:n,graphic:r,size:u="md",actions:f,gradientColor:p,onRequestClose:b,position:_,caretConfig:h,scrollBehavior:A,showCloseButton:x=!0,isCaretHoverable:R=!1,shouldTrapFocus:N=!1,returnRef:v,onNudgeChange:I,...T}=e,[j,S]=l.useState(_??"top");l.useEffect(()=>{null!=_&&S(_)},[_]);let C=l.useMemo(()=>({align:h?.align??"center",customOffset:h?.customOffset}),[h]),D=l.useCallback(()=>{b?.()},[b]),y=l.useCallback(e=>{b?.(e)},[b]),M=l.useCallback(e=>{S(e)},[]),O=R?E.caretHoverable:void 0,P={targetElementRef:T.targetElementRef,shouldShow:T.shouldShow,hasVideo:T.hasVideo,position:j,caretConfig:C,onRequestClose:D,gradientColor:p,onPositionChange:M,onNudgeChange:I,scrollBehavior:A,modal:N,returnRef:v,gradientOffsetBottom:0,experimental_ignoreModalClicks:!1,..."edge"===T.alignmentStrategy?{alignmentStrategy:"edge",align:T.align}:{alignmentStrategy:"trigger-center"}};return(0,a.jsx)(i.x,{...P,children:(0,a.jsxs)("div",{"data-mana-component":"popover",children:[x&&(0,a.jsx)(c.q,{onClick:y,variant:null!=p?"color-mix":void 0}),null!=r&&(0,a.jsx)("div",{className:s()(E.graphic,{[E[`graphic--${u}`]]:null!=u}),children:(0,a.jsx)(m.v,{...r,aspectRatio:r.aspectRatio??("sm"===u?"2/1":"16/9")})}),(0,a.jsx)(g,{title:t,body:n}),null!=f&&f.length>0?(0,a.jsx)(d.Z,{actions:f,className:E.actionBar}):null,null!=C&&(0,a.jsx)(o.F,{className:O})]})})}let b=p}