UNPKG

@stanfordspezi/spezi-web-design-system

Version:

Stanford Biodesign Digital Health Spezi Web Design System

2 lines (1 loc) 5.19 kB
"use strict";const q=require("react"),m=require("./index-DMAkK3b-.js"),S=require("react-dom"),y=require("./index-CajSSBH7.js"),E=require("react/jsx-runtime"),P=require("./index-CzY-WZXL.js");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=x(q),H=x(S);var U=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],N=U.reduce((t,e)=>{const n=y.createSlot(`Primitive.${e}`),s=i.forwardRef((r,o)=>{const{asChild:u,...d}=r,f=u?n:e;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),E.jsx(f,{...d,ref:o})});return s.displayName=`Primitive.${e}`,{...t,[e]:s}},{});function z(t,e){t&&H.flushSync(()=>t.dispatchEvent(e))}function K(t,e=globalThis?.document){const n=P.useCallbackRef(t);i.useEffect(()=>{const s=r=>{r.key==="Escape"&&n(r)};return e.addEventListener("keydown",s,{capture:!0}),()=>e.removeEventListener("keydown",s,{capture:!0})},[n,e])}var X="DismissableLayer",h="dismissableLayer.update",Y="dismissableLayer.pointerDownOutside",G="dismissableLayer.focusOutside",R,T=i.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),B=i.forwardRef((t,e)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:s,onPointerDownOutside:r,onFocusOutside:o,onInteractOutside:u,onDismiss:d,...f}=t,c=i.useContext(T),[l,F]=i.useState(null),v=l?.ownerDocument??globalThis?.document,[,I]=i.useState({}),A=y.useComposedRefs(e,a=>F(a)),D=Array.from(c.layers),[j]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),W=D.indexOf(j),O=l?D.indexOf(l):-1,$=c.layersWithOutsidePointerEventsDisabled.size>0,w=O>=W,M=V(a=>{const p=a.target,L=[...c.branches].some(b=>b.contains(p));!w||L||(r?.(a),u?.(a),a.defaultPrevented||d?.())},v),C=Z(a=>{const p=a.target;[...c.branches].some(b=>b.contains(p))||(o?.(a),u?.(a),a.defaultPrevented||d?.())},v);return K(a=>{O===c.layers.size-1&&(s?.(a),!a.defaultPrevented&&d&&(a.preventDefault(),d()))},v),i.useEffect(()=>{if(l)return n&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(R=v.body.style.pointerEvents,v.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(l)),c.layers.add(l),g(),()=>{n&&c.layersWithOutsidePointerEventsDisabled.size===1&&(v.body.style.pointerEvents=R)}},[l,v,n,c]),i.useEffect(()=>()=>{l&&(c.layers.delete(l),c.layersWithOutsidePointerEventsDisabled.delete(l),g())},[l,c]),i.useEffect(()=>{const a=()=>I({});return document.addEventListener(h,a),()=>document.removeEventListener(h,a)},[]),E.jsx(N.div,{...f,ref:A,style:{pointerEvents:$?w?"auto":"none":void 0,...t.style},onFocusCapture:m.composeEventHandlers(t.onFocusCapture,C.onFocusCapture),onBlurCapture:m.composeEventHandlers(t.onBlurCapture,C.onBlurCapture),onPointerDownCapture:m.composeEventHandlers(t.onPointerDownCapture,M.onPointerDownCapture)})});B.displayName=X;var J="DismissableLayerBranch",Q=i.forwardRef((t,e)=>{const n=i.useContext(T),s=i.useRef(null),r=y.useComposedRefs(e,s);return i.useEffect(()=>{const o=s.current;if(o)return n.branches.add(o),()=>{n.branches.delete(o)}},[n.branches]),E.jsx(N.div,{...t,ref:r})});Q.displayName=J;function V(t,e=globalThis?.document){const n=P.useCallbackRef(t),s=i.useRef(!1),r=i.useRef(()=>{});return i.useEffect(()=>{const o=d=>{if(d.target&&!s.current){let f=function(){_(Y,n,c,{discrete:!0})};const c={originalEvent:d};d.pointerType==="touch"?(e.removeEventListener("click",r.current),r.current=f,e.addEventListener("click",r.current,{once:!0})):f()}else e.removeEventListener("click",r.current);s.current=!1},u=window.setTimeout(()=>{e.addEventListener("pointerdown",o)},0);return()=>{window.clearTimeout(u),e.removeEventListener("pointerdown",o),e.removeEventListener("click",r.current)}},[e,n]),{onPointerDownCapture:()=>s.current=!0}}function Z(t,e=globalThis?.document){const n=P.useCallbackRef(t),s=i.useRef(!1);return i.useEffect(()=>{const r=o=>{o.target&&!s.current&&_(G,n,{originalEvent:o},{discrete:!1})};return e.addEventListener("focusin",r),()=>e.removeEventListener("focusin",r)},[e,n]),{onFocusCapture:()=>s.current=!0,onBlurCapture:()=>s.current=!1}}function g(){const t=new CustomEvent(h);document.dispatchEvent(t)}function _(t,e,n,{discrete:s}){const r=n.originalEvent.target,o=new CustomEvent(t,{bubbles:!1,cancelable:!0,detail:n});e&&r.addEventListener(t,e,{once:!0}),s?z(r,o):r.dispatchEvent(o)}var ee=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],te=ee.reduce((t,e)=>{const n=y.createSlot(`Primitive.${e}`),s=i.forwardRef((r,o)=>{const{asChild:u,...d}=r,f=u?n:e;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),E.jsx(f,{...d,ref:o})});return s.displayName=`Primitive.${e}`,{...t,[e]:s}},{}),ne="Portal",k=i.forwardRef((t,e)=>{const{container:n,...s}=t,[r,o]=i.useState(!1);m.useLayoutEffect2(()=>o(!0),[]);const u=n||r&&globalThis?.document?.body;return u?S.createPortal(E.jsx(te.div,{...s,ref:e}),u):null});k.displayName=ne;exports.DismissableLayer=B;exports.Portal=k;