selection-popover - npm Package Compare versions

Comparing version 0.1.4 to 0.2.0

dist/index.d.ts

@@ -17,2 +17,4 @@ import * as React from 'react';
     disabled?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
 }
@@ -19,0 +21,0 @@ declare const Selection: (props: SelectionProps) => JSX.Element;

dist/index.js

@@ -1,1 +0,2 @@
-"use strict";var xe=Object.create;var O=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ie=(e,o)=>{for(var t in o)O(e,t,{get:o[t],enumerable:!0})},ee=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Te(o))!Oe.call(e,r)&&r!==t&&O(e,r,{get:()=>o[r],enumerable:!(i=be(o,r))||i.enumerable});return e};var te=(e,o,t)=>(t=e!=null?xe(Ae(e)):{},ee(o||!e||!e.__esModule?O(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>ee(O({},"__esModule",{value:!0}),e);var Xe={};Ie(Xe,{Arrow:()=>fe,Content:()=>se,Portal:()=>ce,Root:()=>Le,Trigger:()=>le});module.exports=Me(Xe);var n=te(require("react")),I=require("@radix-ui/react-context"),B=require("@radix-ui/react-compose-refs"),V=require("@radix-ui/react-presence"),ne=require("@radix-ui/react-use-controllable-state"),$=require("@radix-ui/react-primitive"),oe=require("@radix-ui/react-use-size"),re=require("@radix-ui/react-portal"),W=require("@radix-ui/react-use-layout-effect"),ie=te(require("@radix-ui/react-arrow")),d=require("@floating-ui/react-dom");var[De,v]=(0,I.createContext)("Selection"),Le=e=>{let{children:o,open:t,defaultOpen:i,onOpenChange:r,whileSelect:a=!1,disabled:l=!1}=e,[u,s]=n.useState({getBoundingClientRect:()=>DOMRect.fromRect(),getClientRects:()=>new DOMRectList}),[p,h]=n.useState(null),[c=!1,f]=(0,ne.useControllableState)({prop:t,defaultProp:i,onChange:r});return n.createElement(De,{open:c,onOpenChange:f,whileSelect:a,virtualRef:u,onVirtualRefChange:s,content:p,onContentChange:h,disabled:l},o)},M="SelectionTrigger",le=n.forwardRef((e,o)=>{let t=v(M);return t.whileSelect?n.createElement(Ne,{...e,ref:o}):n.createElement(ae,{...e,ref:o,onPointerUp:i=>{var r;(r=e.onPointerUp)==null||r.call(e,i),i.pointerType==="mouse"&&setTimeout(()=>{let a=document.getSelection();if(!a||a.toString().trim()==="")return;if(a.isCollapsed)return t.onOpenChange(!1);let l=a==null?void 0:a.getRangeAt(0);l&&(t.onOpenChange(!0),t.onVirtualRefChange({getBoundingClientRect:()=>l.getBoundingClientRect(),getClientRects:()=>l.getClientRects()}))})}})});le.displayName=M;var H,Ne=n.forwardRef((e,o)=>{let t=v(M),[i,r]=n.useState(!1),a=n.useRef(null),l=n.useRef(""),u=(0,B.useComposedRefs)(o,a),s=n.useCallback(()=>{r(!1)},[]),{onOpenChange:p,onVirtualRefChange:h}=t;return n.useEffect(()=>{if(!t.disabled){let c=()=>{if(l.current!=="mouse")return;let f=document.getSelection();if(!f)return;let m=a.current;if(!(m==null?void 0:m.contains(f.anchorNode)))return;if(f.isCollapsed)return p(!1);if(f.toString().trim()!==""){let P=f.getRangeAt(0);p(!0),h({getBoundingClientRect:()=>P.getBoundingClientRect(),getClientRects:()=>P.getClientRects()})}};return document.addEventListener("selectionchange",c),()=>document.removeEventListener("selectionchange",c)}},[t.disabled,p,h]),n.useEffect(()=>{if(i){let c=document.body;return H=c.style.userSelect||c.style.webkitUserSelect,c.style.userSelect="none",c.style.webkitUserSelect="none",()=>{c.style.userSelect=H,c.style.webkitUserSelect=H}}},[i]),n.useEffect(()=>()=>document.removeEventListener("pointerup",s),[s]),n.createElement(ae,{...e,ref:u,onPointerDown:c=>{var f;(f=e.onPointerDown)==null||f.call(e,c),l.current=c.pointerType,r(!0),document.addEventListener("pointerup",s,{once:!0})},style:{...e.style,userSelect:i?"text":void 0,WebkitUserSelect:i?"text":void 0}})}),ae=n.forwardRef((e,o)=>{let t=v(M),[i,r]=n.useState(!1),a=n.useCallback(()=>{r(!1)},[]);return n.useEffect(()=>{if(t.content&&i){let l=t.content,u=l.style.pointerEvents;return l.style.pointerEvents="none",()=>{l.style.pointerEvents=u}}},[t.content,i]),n.useEffect(()=>()=>document.removeEventListener("pointerup",a),[a]),n.createElement($.Primitive.div,{...e,ref:o,onPointerDown:l=>{var u;(u=e.onPointerDown)==null||u.call(e,l),r(!0),document.addEventListener("pointerup",a,{once:!0})}})}),U="SelectionPortal",[He,We]=(0,I.createContext)(U,{forceMount:void 0}),ce=e=>{let{forceMount:o,container:t,children:i}=e,r=v(U);return n.createElement(He,{forceMount:o},n.createElement(V.Presence,{present:o||r.open},n.createElement(re.Portal,{asChild:!0,container:t},i)))};ce.displayName=U;var E="SelectionContent",se=n.forwardRef((e,o)=>{let t=We(E),{forceMount:i=t.forceMount,...r}=e,a=v(E);return n.createElement(V.Presence,{present:i||a.open},n.createElement($e,{...r,ref:o}))}),[Be,Ve]=(0,I.createContext)(E),$e=n.forwardRef((e,o)=>{var F,Z,j,q,z,J,K,Q;let{side:t="top",sideOffset:i=0,align:r="center",alignOffset:a=0,arrowPadding:l=0,sticky:u="partial",collisionBoundary:s=[],collisionPadding:p=0,hideWhenDetached:h=!1,avoidCollisions:c=!0,...f}=e,m=v(E),{onOpenChange:g,onContentChange:S}=m,[P,x]=n.useState(null),b=(0,B.useComposedRefs)(o,y=>x(y)),[R,T]=n.useState(null),w=(0,oe.useSize)(R),pe=(F=w==null?void 0:w.width)!=null?F:0,k=(Z=w==null?void 0:w.height)!=null?Z:0,me=t+(r!=="center"?"-"+r:""),ge=typeof p=="number"?p:{top:0,right:0,bottom:0,left:0,...p},_=Array.isArray(s)?s:[s],Se=_.length>0,Y={padding:ge,boundary:_.filter(ke),altBoundary:Se},{x:D,y:L,strategy:Pe,placement:he,refs:A,middlewareData:C,isPositioned:X}=(0,d.useFloating)({strategy:"fixed",placement:me,whileElementsMounted:d.autoUpdate,middleware:[(0,d.inline)(),_e(),(0,d.offset)({mainAxis:i+k,alignmentAxis:a}),c?(0,d.flip)(Y):void 0,c?(0,d.shift)({mainAxis:!0,crossAxis:!1,limiter:u==="partial"?(0,d.limitShift)():void 0,...Y}):void 0,R?(0,d.arrow)({element:R,padding:l}):void 0,Ye({arrowWidth:pe,arrowHeight:k}),h?(0,d.hide)({strategy:"referenceHidden"}):void 0]});(0,W.useLayoutEffect)(()=>{A.setReference(m.virtualRef),S(A.floating.current)},[m.virtualRef,S,A]),n.useEffect(()=>{let y=()=>{setTimeout(()=>{let N=document.getSelection();N!=null&&N.isCollapsed&&g(!1)})};return document.addEventListener("pointerdown",y),document.addEventListener("pointerup",y),()=>{document.removeEventListener("pointerdown",y),document.removeEventListener("pointerup",y)}},[g]);let[G,Re]=ue(he),we=(j=C.arrow)==null?void 0:j.x,Ce=(q=C.arrow)==null?void 0:q.y,ye=((z=C.arrow)==null?void 0:z.centerOffset)!==0,[ve,Ee]=n.useState();return(0,W.useLayoutEffect)(()=>{P&&Ee(window.getComputedStyle(P).zIndex)},[P]),n.createElement("div",{ref:A.setFloating,style:{position:Pe,top:0,left:0,transform:X?`translate3d(${Math.round(D!=null?D:0)}px, ${Math.round(L!=null?L:0)}px, 0)`:"translate3d(0, -200%, 0)",minWidth:"max-content",zIndex:ve}},n.createElement(Be,{placedSide:G,onArrowChange:T,arrowX:we,arrowY:Ce,shouldHideArrow:ye},n.createElement($.Primitive.div,{"data-side":G,"data-align":Re,"data-state":m.open?"open":"closed",...f,ref:b,style:{userSelect:"none",...f.style,animation:X?void 0:"none",opacity:(J=C.hide)!=null&&J.referenceHidden?0:void 0,["--selection-popover-content-transform-origin"]:[(K=C.transformOrigin)==null?void 0:K.x,(Q=C.transformOrigin)==null?void 0:Q.y].join(" ")}})))});se.displayName=E;var de="SelectionArrow",Ue={top:"bottom",right:"left",bottom:"top",left:"right"},fe=n.forwardRef((e,o)=>{let t=Ve(de),i=Ue[t.placedSide];return n.createElement("span",{ref:t.onArrowChange,style:{position:"absolute",left:t.arrowX,top:t.arrowY,[i]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[t.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[t.placedSide],visibility:t.shouldHideArrow?"hidden":void 0}},n.createElement(ie.Root,{...e,ref:o,style:{...e.style,display:"block"}}))});fe.displayName=de;function ke(e){return e!==null}function ue(e){let[o,t="center"]=e.split("-");return[o,t]}var _e=()=>({name:"anchorCssProperties",async fn(e){let{rects:o,elements:t,platform:i}=e,{width:r,height:a}=o.reference,{width:l,height:u}=o.floating;t.floating.style.setProperty("--selection-popover-select-width",`${r}px`),t.floating.style.setProperty("--selection-popover-select-height",`${a}px`);let s=await i.getDimensions(t.floating);return l!==s.width||u!==s.height?{reset:{rects:!0}}:{}}}),Ye=e=>({name:"transformOrigin",options:e,fn(o){var P,x,b,R,T;let{placement:t,rects:i,middlewareData:r}=o,l=((P=r.arrow)==null?void 0:P.centerOffset)!==0,u=l?0:e.arrowWidth,s=l?0:e.arrowHeight,[p,h]=ue(t),c={start:"0%",center:"50%",end:"100%"}[h],f=((b=(x=r.arrow)==null?void 0:x.x)!=null?b:0)+u/2,m=((T=(R=r.arrow)==null?void 0:R.y)!=null?T:0)+s/2,g="",S="";return p==="bottom"?(g=l?c:`${f}px`,S=`${-s}px`):p==="top"?(g=l?c:`${f}px`,S=`${i.floating.height+s}px`):p==="right"?(g=`${-s}px`,S=l?c:`${m}px`):p==="left"&&(g=`${i.floating.width+s}px`,S=l?c:`${m}px`),{data:{x:g,y:S}}}});0&&(module.exports={Arrow,Content,Portal,Root,Trigger});
+"use strict";var be=Object.create;var O=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ie=(e,o)=>{for(var n in o)O(e,n,{get:o[n],enumerable:!0})},ee=(e,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of xe(o))!Oe.call(e,i)&&i!==n&&O(e,i,{get:()=>o[i],enumerable:!(r=Te(o,i))||r.enumerable});return e};var te=(e,o,n)=>(n=e!=null?be(Ae(e)):{},ee(o||!e||!e.__esModule?O(n,"default",{value:e,enumerable:!0}):n,e)),De=e=>ee(O({},"__esModule",{value:!0}),e);var Xe={};Ie(Xe,{Arrow:()=>ue,Content:()=>se,Portal:()=>ae,Root:()=>Le,Trigger:()=>le});module.exports=De(Xe);var t=te(require("react")),I=require("@radix-ui/react-context"),D=require("@radix-ui/react-compose-refs"),V=require("@radix-ui/react-presence"),ne=require("@radix-ui/react-use-controllable-state"),k=require("@radix-ui/react-primitive"),oe=require("@radix-ui/react-use-size"),re=require("@radix-ui/react-portal"),B=require("@radix-ui/react-use-layout-effect"),ie=te(require("@radix-ui/react-arrow")),f=require("@floating-ui/react-dom");var[Me,b]=(0,I.createContext)("Selection"),Le=e=>{let{children:o,open:n,defaultOpen:r,onOpenChange:i,whileSelect:u=!1,disabled:l=!1,openDelay:c,closeDelay:s}=e,p=t.useRef(0),S=t.useRef(0),[g,h]=t.useState(null),[R,a]=t.useState({getBoundingClientRect:()=>DOMRect.fromRect(),getClientRects:()=>new DOMRectList}),[d=!1,m]=(0,ne.useControllableState)({prop:n,defaultProp:r,onChange:i}),w=t.useCallback(P=>{clearTimeout(S.current),p.current=window.setTimeout(P,c)},[c]),C=t.useCallback(()=>{clearTimeout(p.current),S.current=window.setTimeout(()=>m(!1),s)},[s,m]);return t.createElement(Me,{open:d,onOpenChange:m,onOpen:w,onClose:C,whileSelect:u,virtualRef:R,onVirtualRefChange:a,content:g,onContentChange:h,disabled:l},o)},M="SelectionTrigger",le=t.forwardRef((e,o)=>{let n=b(M),r=t.useRef(null),i=(0,D.useComposedRefs)(o,r);return n.whileSelect?t.createElement(Ne,{...e,ref:o}):t.createElement(ce,{...e,ref:i,onPointerUp:u=>{var l;(l=e.onPointerUp)==null||l.call(e,u),u.pointerType==="mouse"&&n.onOpen(()=>{let c=document.getSelection();if(!c)return;let s=r.current;if(!(s==null?void 0:s.contains(c.anchorNode))||c.toString().trim()===""||c.isCollapsed)return;let S=c.getRangeAt(0);n.onOpenChange(!0),n.onVirtualRefChange({getBoundingClientRect:()=>S.getBoundingClientRect(),getClientRects:()=>S.getClientRects()})})}})});le.displayName=M;var W,Ne=t.forwardRef((e,o)=>{let n=b(M),[r,i]=t.useState(!1),u=t.useRef(null),l=t.useRef(""),c=t.useRef(!1),s=(0,D.useComposedRefs)(o,u),p=t.useCallback(()=>{i(!1)},[]),{onOpen:S,onClose:g,onOpenChange:h,onVirtualRefChange:R}=n;return t.useEffect(()=>{if(!n.disabled){let a=()=>{if(l.current!=="mouse")return;let d=document.getSelection();if(!d)return;let m=u.current;if(!(m==null?void 0:m.contains(d.anchorNode))||d.isCollapsed)return c.current=!1,g();if(d.toString().trim()!==""){let P=d==null?void 0:d.getRangeAt(0);c.current||S(()=>h(!0)),c.current=!0,R({getBoundingClientRect:()=>P.getBoundingClientRect(),getClientRects:()=>P.getClientRects()})}};return document.addEventListener("selectionchange",a),()=>document.removeEventListener("selectionchange",a)}},[n.disabled,g,h,S,R]),t.useEffect(()=>{if(r){let a=document.body;return W=a.style.userSelect||a.style.webkitUserSelect,a.style.userSelect="none",a.style.webkitUserSelect="none",()=>{a.style.userSelect=W,a.style.webkitUserSelect=W}}},[r]),t.useEffect(()=>()=>document.removeEventListener("pointerup",p),[p]),t.createElement(ce,{...e,ref:s,onPointerDown:a=>{var d;(d=e.onPointerDown)==null||d.call(e,a),l.current=a.pointerType,i(!0),document.addEventListener("pointerup",p,{once:!0})},style:{userSelect:r?"text":void 0,WebkitUserSelect:r?"text":void 0,...e.style}})}),ce=t.forwardRef((e,o)=>{let n=b(M),[r,i]=t.useState(!1),u=t.useCallback(()=>{i(!1)},[]);return t.useEffect(()=>{if(n.content&&r){let l=n.content,c=l.style.pointerEvents;return l.style.pointerEvents="none",()=>{l.style.pointerEvents=c}}},[n.content,r]),t.useEffect(()=>()=>document.removeEventListener("pointerup",u),[u]),t.createElement(k.Primitive.div,{...e,ref:o,onPointerDown:l=>{var c;(c=e.onPointerDown)==null||c.call(e,l),i(!0),document.addEventListener("pointerup",u,{once:!0})}})}),$="SelectionPortal",[He,We]=(0,I.createContext)($,{forceMount:void 0}),ae=e=>{let{forceMount:o,container:n,children:r}=e,i=b($);return t.createElement(He,{forceMount:o},t.createElement(V.Presence,{present:o||i.open},t.createElement(re.Portal,{asChild:!0,container:n},r)))};ae.displayName=$;var T="SelectionContent",se=t.forwardRef((e,o)=>{let n=We(T),{forceMount:r=n.forceMount,...i}=e,u=b(T);return t.createElement(V.Presence,{present:r||u.open},t.createElement(ke,{...i,ref:o}))}),[Be,Ve]=(0,I.createContext)(T),ke=t.forwardRef((e,o)=>{var F,Z,j,q,z,J,K,Q;let{side:n="top",sideOffset:r=0,align:i="center",alignOffset:u=0,arrowPadding:l=0,sticky:c="partial",collisionBoundary:s=[],collisionPadding:p=0,hideWhenDetached:S=!1,avoidCollisions:g=!0,...h}=e,R=b(T),{onClose:a,onContentChange:d}=R,[m,w]=t.useState(null),C=(0,D.useComposedRefs)(o,E=>w(E)),[P,x]=t.useState(null),y=(0,oe.useSize)(P),pe=(F=y==null?void 0:y.width)!=null?F:0,U=(Z=y==null?void 0:y.height)!=null?Z:0,me=n+(i!=="center"?"-"+i:""),ge=typeof p=="number"?p:{top:0,right:0,bottom:0,left:0,...p},_=Array.isArray(s)?s:[s],Se=_.length>0,Y={padding:ge,boundary:_.filter(Ue),altBoundary:Se},{x:L,y:N,strategy:Re,placement:Pe,refs:A,middlewareData:v,isPositioned:X}=(0,f.useFloating)({strategy:"fixed",placement:me,whileElementsMounted:f.autoUpdate,middleware:[(0,f.inline)(),_e(),(0,f.offset)({mainAxis:r+U,alignmentAxis:u}),g?(0,f.flip)(Y):void 0,g?(0,f.shift)({mainAxis:!0,crossAxis:!1,limiter:c==="partial"?(0,f.limitShift)():void 0,...Y}):void 0,P?(0,f.arrow)({element:P,padding:l}):void 0,Ye({arrowWidth:pe,arrowHeight:U}),S?(0,f.hide)({strategy:"referenceHidden"}):void 0]});(0,B.useLayoutEffect)(()=>{A.setReference(R.virtualRef),d(A.floating.current)},[R.virtualRef,d,A]),t.useEffect(()=>{let E=()=>{setTimeout(()=>{let H=document.getSelection();H!=null&&H.isCollapsed&&a()})};return document.addEventListener("pointerdown",E),document.addEventListener("pointerup",E),()=>{document.removeEventListener("pointerdown",E),document.removeEventListener("pointerup",E)}},[a]);let[G,he]=fe(Pe),we=(j=v.arrow)==null?void 0:j.x,Ce=(q=v.arrow)==null?void 0:q.y,ye=((z=v.arrow)==null?void 0:z.centerOffset)!==0,[ve,Ee]=t.useState();return(0,B.useLayoutEffect)(()=>{m&&Ee(window.getComputedStyle(m).zIndex)},[m]),t.createElement("div",{ref:A.setFloating,style:{position:Re,top:0,left:0,transform:X?`translate3d(${Math.round(L!=null?L:0)}px, ${Math.round(N!=null?N:0)}px, 0)`:"translate3d(0, -200%, 0)",minWidth:"max-content",zIndex:ve}},t.createElement(Be,{placedSide:G,onArrowChange:x,arrowX:we,arrowY:Ce,shouldHideArrow:ye},t.createElement(k.Primitive.div,{"data-side":G,"data-align":he,"data-state":R.open?"open":"closed",...h,ref:C,style:{userSelect:"none",...h.style,animation:X?void 0:"none",opacity:(J=v.hide)!=null&&J.referenceHidden?0:void 0,["--selection-popover-content-transform-origin"]:[(K=v.transformOrigin)==null?void 0:K.x,(Q=v.transformOrigin)==null?void 0:Q.y].join(" ")}})))});se.displayName=T;var de="SelectionArrow",$e={top:"bottom",right:"left",bottom:"top",left:"right"},ue=t.forwardRef((e,o)=>{let n=Ve(de),r=$e[n.placedSide];return t.createElement("span",{ref:n.onArrowChange,style:{position:"absolute",left:n.arrowX,top:n.arrowY,[r]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[n.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[n.placedSide],visibility:n.shouldHideArrow?"hidden":void 0}},t.createElement(ie.Root,{...e,ref:o,style:{...e.style,display:"block"}}))});ue.displayName=de;function Ue(e){return e!==null}function fe(e){let[o,n="center"]=e.split("-");return[o,n]}var _e=()=>({name:"anchorCssProperties",async fn(e){let{rects:o,elements:n,platform:r}=e,{width:i,height:u}=o.reference,{width:l,height:c}=o.floating;n.floating.style.setProperty("--selection-popover-select-width",`${i}px`),n.floating.style.setProperty("--selection-popover-select-height",`${u}px`);let s=await r.getDimensions(n.floating);return l!==s.width||c!==s.height?{reset:{rects:!0}}:{}}}),Ye=e=>({name:"transformOrigin",options:e,fn(o){var m,w,C,P,x;let{placement:n,rects:r,middlewareData:i}=o,l=((m=i.arrow)==null?void 0:m.centerOffset)!==0,c=l?0:e.arrowWidth,s=l?0:e.arrowHeight,[p,S]=fe(n),g={start:"0%",center:"50%",end:"100%"}[S],h=((C=(w=i.arrow)==null?void 0:w.x)!=null?C:0)+c/2,R=((x=(P=i.arrow)==null?void 0:P.y)!=null?x:0)+s/2,a="",d="";return p==="bottom"?(a=l?g:`${h}px`,d=`${-s}px`):p==="top"?(a=l?g:`${h}px`,d=`${r.floating.height+s}px`):p==="right"?(a=`${-s}px`,d=l?g:`${R}px`):p==="left"&&(a=`${r.floating.width+s}px`,d=l?g:`${R}px`),{data:{x:a,y:d}}}});0&&(module.exports={Arrow,Content,Portal,Root,Trigger});
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "selection-popover",
   "description": "Easy-to-use, composable react selection popover.",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "./dist/index.js",

README.md

@@ -72,2 +72,4 @@ <p align="center">
 | `disabled`     | `boolean`                 | `false` | When true, the popover won't open when text is selected.                                                            |
+| `openDelay`    | `number`                  | `0`     | The duration from when release the mouse until the content opens. In `whileSelect` is when you start the selection. |
+| `closeDelay`   | `number`                  | `0`     | The duration from when you click outside of the content until the content closes.                                   |
 
@@ -74,0 +76,0 @@ ### Trigger

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

105683

increased by202.42%

Number of package files

7

increased by40%

Lines of code

123

increased by3.36%

Number of lines in readme file

300

increased by0.67%

No dependency changes