ivt
Version:
Ivt Components Library
3 lines (2 loc) • 5.81 kB
JavaScript
import{c as e}from"./utils-C-nkZ_Ir.mjs";import*as o from"react";import r from"react";import{c as t}from"./index-DVnblQ-a.mjs";import{u as n}from"./index-C-j8pU3U.mjs";import{c as a}from"./index-Dr5ObK3L.mjs";import{P as s,D as i}from"./index-C_Mk3Jfk.mjs";import{h as c,R as d,u as p,F as u}from"./index-lVEpnR8T.mjs";import{u as l}from"./index-UQBMY2z8.mjs";import{c as f,R as m,A as v,C as h,a as g}from"./index-DtZD7YmJ.mjs";import{P}from"./index-1xuBLrml.mjs";import{P as C}from"./index-DiPp8h7C.mjs";import{createSlot as O}from"@radix-ui/react-slot";import{u as x}from"./index-BOUg6o32.mjs";import{jsx as w}from"react/jsx-runtime";var b="Popover",[R,_]=a(b,[f]),A=f(),[F,y]=R(b),E=e=>{const{__scopePopover:r,children:t,open:n,defaultOpen:a,onOpenChange:s,modal:i=!1}=e,c=A(r),d=o.useRef(null),[p,u]=o.useState(!1),[f,v]=x({prop:n,defaultProp:a??!1,onChange:s,caller:b});return w(m,{...c,children:w(F,{scope:r,contentId:l(),triggerRef:d,open:f,onOpenChange:v,onOpenToggle:o.useCallback(()=>v(e=>!e),[v]),hasCustomAnchor:p,onCustomAnchorAdd:o.useCallback(()=>u(!0),[]),onCustomAnchorRemove:o.useCallback(()=>u(!1),[]),modal:i,children:t})})};E.displayName=b;var D="PopoverAnchor",j=o.forwardRef((e,r)=>{const{__scopePopover:t,...n}=e,a=y(D,t),s=A(t),{onCustomAnchorAdd:i,onCustomAnchorRemove:c}=a;return o.useEffect(()=>(i(),()=>c()),[i,c]),w(v,{...s,...n,ref:r})});j.displayName=D;var k="PopoverTrigger",N=o.forwardRef((e,o)=>{const{__scopePopover:r,...a}=e,s=y(k,r),i=A(r),c=n(o,s.triggerRef),d=w(C.button,{type:"button","aria-haspopup":"dialog","aria-expanded":s.open,"aria-controls":s.contentId,"data-state":H(s.open),...a,ref:c,onClick:t(e.onClick,s.onOpenToggle)});return s.hasCustomAnchor?d:w(v,{asChild:!0,...i,children:d})});N.displayName=k;var I="PopoverPortal",[M,z]=R(I,{forceMount:void 0}),K=e=>{const{__scopePopover:o,forceMount:r,children:t,container:n}=e,a=y(I,o);return w(M,{scope:o,forceMount:r,children:w(P,{present:r||a.open,children:w(s,{asChild:!0,container:n,children:t})})})};K.displayName=I;var T="PopoverContent",S=o.forwardRef((e,o)=>{const r=z(T,e.__scopePopover),{forceMount:t=r.forceMount,...n}=e,a=y(T,e.__scopePopover);return w(P,{present:t||a.open,children:a.modal?w(Z,{...n,ref:o}):w(q,{...n,ref:o})})});S.displayName=T;var U=O("PopoverContent.RemoveScroll"),Z=o.forwardRef((e,r)=>{const a=y(T,e.__scopePopover),s=o.useRef(null),i=n(r,s),p=o.useRef(!1);return o.useEffect(()=>{const e=s.current;if(e)return c(e)},[]),w(d,{as:U,allowPinchZoom:!0,children:w(B,{...e,ref:i,trapFocus:a.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:t(e.onCloseAutoFocus,e=>{e.preventDefault(),p.current||a.triggerRef.current?.focus()}),onPointerDownOutside:t(e.onPointerDownOutside,e=>{const o=e.detail.originalEvent,r=0===o.button&&!0===o.ctrlKey,t=2===o.button||r;p.current=t},{checkForDefaultPrevented:!1}),onFocusOutside:t(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1})})})}),q=o.forwardRef((e,r)=>{const t=y(T,e.__scopePopover),n=o.useRef(!1),a=o.useRef(!1);return w(B,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(n.current||t.triggerRef.current?.focus(),o.preventDefault()),n.current=!1,a.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(n.current=!0,"pointerdown"===o.detail.originalEvent.type&&(a.current=!0));const r=o.target,s=t.triggerRef.current?.contains(r);s&&o.preventDefault(),"focusin"===o.detail.originalEvent.type&&a.current&&o.preventDefault()}})}),B=o.forwardRef((e,o)=>{const{__scopePopover:r,trapFocus:t,onOpenAutoFocus:n,onCloseAutoFocus:a,disableOutsidePointerEvents:s,onEscapeKeyDown:c,onPointerDownOutside:d,onFocusOutside:l,onInteractOutside:f,...m}=e,v=y(T,r),g=A(r);return p(),w(u,{asChild:!0,loop:!0,trapped:t,onMountAutoFocus:n,onUnmountAutoFocus:a,children:w(i,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:f,onEscapeKeyDown:c,onPointerDownOutside:d,onFocusOutside:l,onDismiss:()=>v.onOpenChange(!1),children:w(h,{"data-state":H(v.open),role:"dialog",id:v.contentId,...g,...m,ref:o,style:{...m.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),G="PopoverClose";o.forwardRef((e,o)=>{const{__scopePopover:r,...n}=e,a=y(G,r);return w(C.button,{type:"button",...n,ref:o,onClick:t(e.onClick,()=>a.onOpenChange(!1))})}).displayName=G;function H(e){return e?"open":"closed"}o.forwardRef((e,o)=>{const{__scopePopover:r,...t}=e,n=A(r);return w(g,{...n,...t,ref:o})}).displayName="PopoverArrow";var J=E,L=j,Q=N,V=K,W=S;function X({...e}){return r.createElement(J,{"data-slot":"popover",...e})}function Y({...e}){return r.createElement(Q,{"data-slot":"popover-trigger",...e})}function $({className:o,align:t="center",sideOffset:n=4,...a}){return r.createElement(V,null,r.createElement(W,{"data-slot":"popover-content",align:t,sideOffset:n,className:e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 cursor-pointer rounded-md border p-4 shadow-md outline-none",o),...a}))}function ee({...e}){return r.createElement(L,{"data-slot":"popover-anchor",...e})}export{X as P,Y as a,$ as b,ee as c};
//# sourceMappingURL=popover-DLVlIkos.mjs.map