+ setActive({
+ node,
+ props
+ })} />
+
;
+}`,...(k=(m=b.parameters)==null?void 0:m.docs)==null?void 0:k.source}}};var y,j,f;C.parameters={...C.parameters,docs:{...(y=C.parameters)==null?void 0:y.docs,source:{originalSource:`() =>
+
+ + + : <> + Click a node to see options + } +
+ Node Actions
+ {active ? <> + Selected: {active.node.id} ++ + + : <> + Click a node to see options + } +
Collapsed Nodes
+
+
+ {JSON.stringify(collapsed, null, 2)}
+
+
+
+ setActive({
+ node,
+ props
+ })} />
+
;
+}`,...(w=(E=g.parameters)==null?void 0:E.docs)==null?void 0:w.source}}};export{b as Basic,g as ExpandToHiddenNode,C as RadialContextMenu,H as default};
+//# sourceMappingURL=Collapsible.story-a3d4744a.js.map
diff --git a/assets/Collapsible.story-a3d4744a.js.map b/assets/Collapsible.story-a3d4744a.js.map
new file mode 100644
index 00000000..1d1abd12
--- /dev/null
+++ b/assets/Collapsible.story-a3d4744a.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.story-a3d4744a.js","sources":["../../src/collapse/useCollapse.ts"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { GraphEdge, GraphNode } from 'types';\nimport { getExpandPath, getVisibleEntities } from './utils';\n\nexport interface UseCollapseProps {\n /**\n * Current collapsed node ids.\n */\n collapsedNodeIds?: string[];\n\n /**\n * Node data.\n */\n nodes?: GraphNode[];\n\n /**\n * Edge data.\n */\n edges?: GraphEdge[];\n}\n\nexport interface CollpaseResult {\n /**\n * Determine if a node is currently collapsed\n */\n getIsCollapsed: (nodeId: string) => boolean;\n\n /**\n * Return a list of ids required to expand in order to view the provided node\n */\n getExpandPathIds: (nodeId: string) => string[];\n}\n\nexport const useCollapse = ({\n collapsedNodeIds = [],\n nodes = [],\n edges = []\n}: UseCollapseProps): CollpaseResult => {\n const getIsCollapsed = useCallback(\n (nodeId: string) => {\n const { visibleNodes } = getVisibleEntities({\n nodes,\n edges,\n collapsedIds: collapsedNodeIds\n });\n const visibleNodeIds = visibleNodes.map(n => n.id);\n\n return !visibleNodeIds.includes(nodeId);\n },\n [collapsedNodeIds, edges, nodes]\n );\n\n const getExpandPathIds = useCallback(\n (nodeId: string) => {\n const { visibleEdges } = getVisibleEntities({\n nodes,\n edges,\n collapsedIds: collapsedNodeIds\n });\n const visibleEdgeIds = visibleEdges.map(e => e.id);\n\n return getExpandPath({ nodeId, edges, visibleEdgeIds });\n },\n [collapsedNodeIds, edges, nodes]\n );\n\n return {\n getIsCollapsed,\n getExpandPathIds\n };\n};\n"],"names":["useCollapse","collapsedNodeIds","nodes","edges","getIsCollapsed","useCallback","nodeId","visibleNodes","getVisibleEntities","n","getExpandPathIds","visibleEdges","visibleEdgeIds","e","getExpandPath"],"mappings":"sUAiCO,MAAMA,EAAc,CAAC,CAC1B,iBAAAC,EAAmB,CAAC,EACpB,MAAAC,EAAQ,CAAC,EACT,MAAAC,EAAQ,CAAC,CACX,IAAwC,CACtC,MAAMC,EAAiBC,EAAA,YACpBC,GAAmB,CACZ,KAAA,CAAE,aAAAC,CAAa,EAAIC,EAAmB,CAC1C,MAAAN,EACA,MAAAC,EACA,aAAcF,CAAA,CACf,EAGM,MAAA,CAFgBM,EAAa,IAAIE,GAAKA,EAAE,EAAE,EAE1B,SAASH,CAAM,CACxC,EACA,CAACL,EAAkBE,EAAOD,CAAK,CAAA,EAG3BQ,EAAmBL,EAAA,YACtBC,GAAmB,CACZ,KAAA,CAAE,aAAAK,CAAa,EAAIH,EAAmB,CAC1C,MAAAN,EACA,MAAAC,EACA,aAAcF,CAAA,CACf,EACKW,EAAiBD,EAAa,IAAIE,GAAKA,EAAE,EAAE,EAEjD,OAAOC,EAAc,CAAE,OAAAR,EAAQ,MAAAH,EAAO,eAAAS,CAAgB,CAAA,CACxD,EACA,CAACX,EAAkBE,EAAOD,CAAK,CAAA,EAG1B,MAAA,CACL,eAAAE,EACA,iBAAAM,CAAA,CAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/assets/Color-3YIJY6X7-91193310.js b/assets/Color-3YIJY6X7-91193310.js
new file mode 100644
index 00000000..883f0eb8
--- /dev/null
+++ b/assets/Color-3YIJY6X7-91193310.js
@@ -0,0 +1,2 @@
+import{f as M,g as ue,T as Me,F as Ce,I as $e,h as Ne}from"./index-96a2bc4b.js";import{R as h,r as b,g as fe}from"./index-ebeaab24.js";import{i as J,a as Oe,_ as Ie}from"./index-84cea9da.js";import"./iframe-608d8974.js";import"../sb-preview/runtime.js";import"./chunk-4NMOSTKD-82fbb5f2.js";import"./index-d475d2ea.js";import"./index-9c09ad76.js";import"./extends-98964cd2.js";import"./index-356e4a49.js";var Se=/\s/;function Re(e){for(var t=e.length;t--&&Se.test(e.charAt(t)););return t}var Te=Re,je=Te,Fe=/^\s+/;function ze(e){return e&&e.slice(0,je(e)+1).replace(Fe,"")}var He=ze,Pe=He,ne=J,Le=Oe,re=0/0,qe=/^[-+]0x[0-9a-f]+$/i,Be=/^0b[01]+$/i,We=/^0o[0-7]+$/i,Xe=parseInt;function De(e){if(typeof e=="number")return e;if(Le(e))return re;if(ne(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ne(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Pe(e);var n=Be.test(e);return n||We.test(e)?Xe(e.slice(2),n?2:8):qe.test(e)?re:+e}var Ke=De;function $(){return($=Object.assign||function(e){for(var t=1;t
+
+ + + : <> + Click a node to see options + } +
+ Node Actions
+ {active ? <> + Selected: {active.node.id} ++ + + : <> + Click a node to see options + } +
Collapsed Nodes
+
+
+ {JSON.stringify(collapsed, null, 2)}
+
+
+ Hidden Nodes
+-
+ {hiddenNodeIds.map(id =>
- + {id} + + )} +
+
+ )}
+ />
+);
+`})})]})}}export{C as default};
+//# sourceMappingURL=ContextMenu-b06b8939.js.map
diff --git a/assets/ContextMenu-b06b8939.js.map b/assets/ContextMenu-b06b8939.js.map
new file mode 100644
index 00000000..d20f2a0c
--- /dev/null
+++ b/assets/ContextMenu-b06b8939.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu-b06b8939.js","sources":["../../docs/ContextMenu.mdx"],"sourcesContent":["import { Meta, Story } from '@storybook/blocks';\n\n\n\n# Context Menu\nreagraph supports context menus on nodes and edges. Out of the box, reagraph\nsupports:\n\n- Radial Menu\n- Custom Menu\n\n## Radial Menu\nThe setup the `RadialMenu` component, we need to setup the theme first. The\nradial menu uses CSS variables to define colors. Here is an example\nof how to define those colors:\n\n```css\nbody {\n --radial-menu-background: #fff;\n --radial-menu-color: #000;\n --radial-menu-border: #AACBD2;\n --radial-menu-active-color: #000;\n --radial-menu-active-background: #D8E6EA;\n}\n```\n\nOnce those are defined, we can use the `contextMenu` callback prop\nto return a radial menu component. The callback provides the model (node/edge),\ncontextual information around a node's collapse state, and a callback to close the menu.\n\n```tsx\nimport { GraphCanvas, RadialMenu } from 'reagraph';\n\nexport const MyApp = () => (\n {data.label}
+ +{data.label}
\n \n \n )}\n />\n);\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta"],"mappings":"2YAIA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CAAC,QAASC,CAAS,EAAI,OAAO,OAAO,CAAE,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACrF,OAAOC,EAAYE,EAAAA,IAAKF,EAAW,OAAO,OAAO,CAAE,EAAED,EAAO,CAC1D,SAAUG,EAAAA,IAAKC,EAAmB,EAAE,CACxC,CAAG,CAAC,EAAIA,IACN,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,GAAI,KACJ,EAAG,IACH,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAOM,EAAAA,KAAMC,EAAAA,SAAW,CACtB,SAAU,CAACJ,EAAI,IAACK,EAAM,CACpB,MAAO,4BACR,CAAA,EAAG;AAAA,EAAML,MAAKE,EAAY,GAAI,CAC7B,GAAI,eACJ,SAAU,cACX,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,EAAG,CAC5B,SAAU;AAAA,UACX,CAAA,EAAG;AAAA,EAAMC,OAAMD,EAAY,GAAI,CAC9B,SAAU,CAAC;AAAA,EAAMF,MAAKE,EAAY,GAAI,CACpC,SAAU,aACX,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,GAAI,CAC7B,SAAU,aACX,CAAA,EAAG;AAAA,CAAI,CACT,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,GAAI,CAC7B,GAAI,cACJ,SAAU,aACX,CAAA,EAAG;AAAA,EAAMC,OAAMD,EAAY,EAAG,CAC7B,SAAU,CAAC,iBAAkBF,MAAKE,EAAY,KAAM,CAClD,SAAU,YACX,CAAA,EAAG;AAAA;AAAA,+BAAwJ,CAC7J,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,IAAK,CAC9B,SAAUF,EAAAA,IAAKE,EAAY,KAAM,CAC/B,UAAW,eACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAMC,OAAMD,EAAY,EAAG,CAC7B,SAAU,CAAC,0CAA2CF,MAAKE,EAAY,KAAM,CAC3E,SAAU,aACX,CAAA,EAAG;AAAA;AAAA,yFAA2L,CAChM,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,IAAK,CAC9B,SAAUF,EAAAA,IAAKE,EAAY,KAAM,CAC/B,UAAW,eACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,GAAI,CAC7B,GAAI,cACJ,SAAU,aACX,CAAA,EAAG;AAAA,EAAMC,OAAMD,EAAY,EAAG,CAC7B,SAAU,CAAC,OAAQF,MAAKE,EAAY,KAAM,CACxC,SAAU,aACX,CAAA,EAAG;AAAA,8EAA6I,CAClJ,CAAA,EAAG;AAAA,EAAMF,MAAKE,EAAY,IAAK,CAC9B,SAAUF,EAAAA,IAAKE,EAAY,KAAM,CAC/B,UAAW,eACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH"} \ No newline at end of file diff --git a/assets/ContextMenu.story-be40536e.js b/assets/ContextMenu.story-be40536e.js new file mode 100644 index 00000000..2dbe74fe --- /dev/null +++ b/assets/ContextMenu.story-be40536e.js @@ -0,0 +1,45 @@ +import{j as e}from"./jsx-runtime-5926aa06.js";import{G as r}from"./RadialMenu-93524eec.js";import"./index-ebeaab24.js";import{s as C,a as g,p as M,g as v}from"./demo-848d9cd1.js";import"./index-6279214a.esm-cc44dd6d.js";import"./extends-98964cd2.js";import"./client-180092d5.js";import"./index-9c09ad76.js";const S={title:"Demos/Context Menu",component:r},s=()=>e.jsx(r,{nodes:C,edges:g,contextMenu:({data:n,onClose:o})=>e.jsxs("div",{style:{background:"white",width:150,border:"solid 1px blue",borderRadius:2,padding:5,textAlign:"center"},children:[e.jsx("h1",{children:n.label}),e.jsx("button",{onClick:o,children:"Close Menu"})]})}),t=()=>e.jsx(r,{nodes:M,edges:v,contextMenu:({data:n,onCollapse:o,isCollapsed:m,canCollapse:j,onClose:k})=>e.jsxs("div",{style:{background:"white",width:150,border:"solid 1px blue",borderRadius:2,padding:5,textAlign:"center"},children:[e.jsx("h1",{children:n.label}),j&&e.jsx("button",{onClick:o,children:m?"Expand Node":"Collapse Node"}),e.jsx("button",{onClick:k,children:"Close Menu"})]})}),d=()=>e.jsx(r,{nodes:C,edges:g,contextMenu:({data:n,onClose:o})=>e.jsxs("div",{style:{background:"white",width:150,border:"solid 1px blue",borderRadius:2,padding:5,textAlign:"center"},children:[e.jsx("h1",{children:n.label}),e.jsx("button",{onClick:o,children:"Close Menu"})]})});var a,l,i;s.parameters={...s.parameters,docs:{...(a=s.parameters)==null?void 0:a.docs,source:{originalSource:`() =>
+
} />`,...(i=(l=s.parameters)==null?void 0:l.docs)==null?void 0:i.source}}};var c,p,u;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`() => {data.label}
+ +
+
} />`,...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var b,x,h;d.parameters={...d.parameters,docs:{...(b=d.parameters)==null?void 0:b.docs,source:{originalSource:`() => {data.label}
+ {canCollapse && } + +
+
} />`,...(h=(x=d.parameters)==null?void 0:x.docs)==null?void 0:h.source}}};export{t as Collapsible,d as Edge,s as Node,S as default};
+//# sourceMappingURL=ContextMenu.story-be40536e.js.map
diff --git a/assets/ContextMenu.story-be40536e.js.map b/assets/ContextMenu.story-be40536e.js.map
new file mode 100644
index 00000000..967000ba
--- /dev/null
+++ b/assets/ContextMenu.story-be40536e.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.story-be40536e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/assets/Controls.story-b5a13b81.js b/assets/Controls.story-b5a13b81.js
new file mode 100644
index 00000000..bf33b504
--- /dev/null
+++ b/assets/Controls.story-b5a13b81.js
@@ -0,0 +1,82 @@
+import{j as n}from"./jsx-runtime-5926aa06.js";import{r as g}from"./index-ebeaab24.js";import{G as l}from"./RadialMenu-93524eec.js";import{s as i,a}from"./demo-848d9cd1.js";import"./index-6279214a.esm-cc44dd6d.js";import"./extends-98964cd2.js";import"./client-180092d5.js";import"./index-9c09ad76.js";const z={title:"Demos/Controls",component:l},o=()=>{const e=g.useRef(null);return n.jsxs("div",{style:{position:"absolute",top:0,bottom:0,left:0,right:0},children:[n.jsxs("div",{style:{zIndex:9,position:"absolute",top:15,right:15,background:"rgba(0, 0, 0, .5)",padding:1,color:"white"},children:[n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.centerGraph()},children:"Center"}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.centerGraph([i[2].id])},children:"Center Node 2"}),n.jsx("br",{}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.zoomIn()},children:"Zoom In"}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.zoomOut()},children:"Zoom Out"}),n.jsx("br",{}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.panDown()},children:"Pan Down"}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.panUp()},children:"Pan Up"}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.panLeft()},children:"Pan Left"}),n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>{var t;return(t=e.current)==null?void 0:t.panRight()},children:"Pan Right"})]}),n.jsx(l,{ref:e,nodes:i,edges:a})]})},r=()=>n.jsx(l,{cameraMode:"rotate",nodes:i,edges:a}),s=()=>{const[e,t]=g.useState("orbit");return n.jsxs("div",{style:{position:"absolute",top:0,bottom:0,left:0,right:0},children:[n.jsx("div",{style:{zIndex:9,position:"absolute",top:15,right:15,background:"rgba(0, 0, 0, .5)",padding:1,color:"white"},children:n.jsx("button",{style:{display:"block",width:"100%"},onClick:()=>t(e==="orbit"?"rotate":"orbit"),children:"Enable/Disable Orbit"})}),n.jsx(l,{cameraMode:e,nodes:i,edges:a})]})};var d,c,p;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
+ const ref = useRef{data.label}
+ +
+
;
+}`,...(p=(c=o.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var b,u,m;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:'() =>
+
+
+
+ + +
+ + + + +
+ + + +
+ + + + +
+
;
+}`,...(k=(y=s.parameters)==null?void 0:y.docs)==null?void 0:k.source}}};export{o as All,s as Orbit,r as Rotate,z as default};
+//# sourceMappingURL=Controls.story-b5a13b81.js.map
diff --git a/assets/Controls.story-b5a13b81.js.map b/assets/Controls.story-b5a13b81.js.map
new file mode 100644
index 00000000..018c2682
--- /dev/null
+++ b/assets/Controls.story-b5a13b81.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Controls.story-b5a13b81.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/assets/CustomNodes-a77003aa.js b/assets/CustomNodes-a77003aa.js
new file mode 100644
index 00000000..949f4267
--- /dev/null
+++ b/assets/CustomNodes-a77003aa.js
@@ -0,0 +1,66 @@
+import{j as e}from"./jsx-runtime-5926aa06.js";import{M as a}from"./index-96a2bc4b.js";import"./RadialMenu-93524eec.js";import"./index-ebeaab24.js";import{u as s}from"./index-bda0bad7.js";import"./iframe-608d8974.js";import"../sb-preview/runtime.js";import"./chunk-4NMOSTKD-82fbb5f2.js";import"./index-d475d2ea.js";import"./index-9c09ad76.js";import"./extends-98964cd2.js";import"./index-84cea9da.js";import"./index-356e4a49.js";import"./index-6279214a.esm-cc44dd6d.js";import"./client-180092d5.js";function C(o={}){const{wrapper:t}=Object.assign({},s(),o.components);return t?e.jsx(t,Object.assign({},o,{children:e.jsx(r,{})})):r();function r(){const n=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",a:"a"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Docs/Advanced/Custom Nodes"}),`
+`,e.jsx(n.h1,{id:"custom-nodes",children:"Custom Nodes"}),`
+`,e.jsx(n.p,{children:`reagraph supports the ability to override the Node shape and
+pass your own custom node component.`}),`
+`,e.jsxs(n.p,{children:["In the ",e.jsx(n.code,{children:"GraphCanvas"})," you can pass a callback to the ",e.jsx(n.code,{children:"renderNode"}),` function
+which passes the following attributes:`]}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-ts",children:`export interface NodeRendererProps {
+ /**
+ * Color of the node. Handles selected/etc.
+ */
+ color: ColorRepresentation;
+
+ /**
+ * The internal node model.
+ */
+ node: InternalGraphNode;
+
+ /**
+ * Size of the node.
+ */
+ size: number;
+
+ /**
+ * Whether the node is active or not.
+ */
+ active: boolean;
+
+ /**
+ * Opacity of the node. Mainly used for selection.
+ */
+ opacity: number;
+
+ /**
+ * Animation of the node.
+ */
+ animated: boolean;
+
+ /**
+ * ID of the node.
+ */
+ id: string;
+}
+`})}),`
+`,e.jsxs(n.p,{children:["Using ",e.jsx(n.a,{href:"https://github.com/pmndrs/react-three-fiber",target:"_blank",rel:"nofollow noopener noreferrer",children:"react-three-fiber"}),` you can
+use JSX to create your own WebGL custom node like:`]}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`export const Custom3DNode = () => (
+
+
+
+ \n
\n
\n \n![](\"https://github.com/reaviz/reagraph/workflows/build/badge.svg?branch=master\")
\n \n \n ![](\"https://img.shields.io/npm/v/reagraph.svg\")
\n \n \n ![](\"https://badgen.net/npm/dw/reagraph\")
\n \n \n ![](\"https://badgen.now.sh/badge/license/apache2\")
\n \n \n ![](\"https://badgen.net/bundlephobia/minzip/reagraph\")
\n \n \n ![\"GitHub](\"https://img.shields.io/github/stars/reaviz/reagraph?style=social\")
\n \n \n ![](\"https://img.shields.io/discord/773948315037073409?label=discord\")
\n \n\n
\n\n Reagraph is a high-performance network graph visualization built in WebGL for React.\n\n If you are looking for flow charts, checkout reaflow.\n
\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta"],"mappings":"2YAIA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CAAC,QAASC,CAAS,EAAI,OAAO,OAAO,CAAE,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACrF,OAAOC,EAAYE,EAAAA,IAAKF,EAAW,OAAO,OAAO,CAAE,EAAED,EAAO,CAC1D,SAAUG,EAAAA,IAAKC,EAAmB,EAAE,CACxC,CAAG,CAAC,EAAIA,IACN,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,GACJ,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAOM,EAAAA,KAAMC,EAAAA,SAAW,CACtB,SAAU,CAACJ,EAAI,IAACK,EAAM,CACpB,MAAO,YACf,CAAO,EAAG;AAAA,EAAMF,EAAK,KAAC,MAAO,CACrB,MAAO,CACL,OAAQ,SACR,SAAU,QACV,MAAO,QACP,UAAW,QACZ,EACD,SAAU,CAACH,EAAI,IAAC,MAAO,CACrB,MAAO,CACL,MAAO,MACP,OAAQ,iBACT,EACD,IAAK,oEACf,CAAS,EAAGA,EAAAA,IAAK,KAAM,EAAE,EAAGA,MAAK,KAAM,CAAE,CAAA,EAAGA,EAAI,IAAC,IAAK,CAC5C,KAAM,sDACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,4EACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,IAAK,CACZ,KAAM,0BACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,2CACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,IAAK,CACZ,KAAM,0BACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,oCACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,IAAK,CACZ,KAAM,yDACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,6CACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,IAAK,CACZ,KAAM,6CACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,iDACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,IAAK,CACZ,KAAM,qCACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,eACL,IAAK,kEACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,IAAK,CACZ,KAAM,gCACN,OAAQ,SACR,SAAUA,EAAI,IAAC,MAAO,CACpB,IAAK,iEACjB,CAAW,CACX,CAAS,EAAGA,EAAI,IAAC,KAAM,CAAA,CAAE,EAAGA,EAAI,IAACE,EAAY,EAAG,CACtC,SAAU,sFACpB,CAAS,EAAGC,EAAAA,KAAMD,EAAY,EAAG,CACvB,SAAU,CAAC,gDAAiDF,EAAI,IAAC,IAAK,CACpE,KAAM,sBACN,OAAQ,SACR,SAAU,SACX,CAAA,EAAG,GAAG,CACjB,CAAS,CAAC,CACV,CAAO,CAAC,CACR,CAAK,CACF,CACH"}
\ No newline at end of file
diff --git a/assets/Labels.story-d82112cd.js b/assets/Labels.story-d82112cd.js
new file mode 100644
index 00000000..5e9b8582
--- /dev/null
+++ b/assets/Labels.story-d82112cd.js
@@ -0,0 +1,13 @@
+import{j as s}from"./jsx-runtime-5926aa06.js";import{G as e}from"./RadialMenu-93524eec.js";import"./index-ebeaab24.js";import{s as d,a as l}from"./demo-848d9cd1.js";import"./index-6279214a.esm-cc44dd6d.js";import"./extends-98964cd2.js";import"./client-180092d5.js";import"./index-9c09ad76.js";const U={title:"Demos/Labels",component:e},a=()=>s.jsx(e,{labelType:"all",nodes:d,edges:l}),r=()=>s.jsx(e,{labelType:"all",nodes:[{id:"1",label:"Department of Defense Logistics and Operations"},{id:"2",label:"The Security Operations of the Cyber Defense System for the United States of America"}],edges:[{id:"1-2",source:"1",target:"2",label:"The Security Operations of the Cyber Defense System for the United States of America"}]}),o=()=>s.jsx(e,{labelType:"nodes",nodes:d,edges:l}),t=()=>s.jsx(e,{labelType:"edges",nodes:d,edges:l}),p=()=>s.jsx(e,{labelType:"auto",nodes:d,edges:l});var i,m,n;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:'() => \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n\n \n\n Reagraph is a high-performance network graph visualization built in WebGL for React.\n\n If you are looking for flow charts, checkout reaflow.\n
+
+ Hold Shift and Drag to Lasso
+
+
+ Hold Shift and Drag to Lasso
+
+
+ Hold Shift and Drag to Lasso
+
+
+ Hold Shift and Drag to Lasso
+\n
\n\nThis is the standard force-directed layout which uses [d3-force-3d](https://github.com/vasturiano/d3-force-3d).\nThis is a modified version of the force directed library from d3 except adds support for three dimensional layouts.\n\nThis is a one of the most common layouts used because of the simplicity and flexibility that the layout\ncan support.\n\n### Force Directed 3D\n\n
\n\nThe force directed 3d layout is similar to the 2D version except it adds another dimension. It uses\nthe same library as the 2D version ( [d3-force-3d](https://github.com/vasturiano/d3-force-3d) ).\nThe 3D version is useful for very large graphs where many nodes would overlap each other.\n\n### Circular 2d\n\n
\n\nThe circular layout arranges nodes in a circular fashion drawing relationships between the nodes\non the outside of the circle.\n\n### Tree 2D\n\n
\n\nThe tree layout is a good way to display a clear parent-child relationship between nodes. This layout uses\n[d3-force-3d](https://github.com/vasturiano/d3-force-3d).\n\n### Tree 3D\n\n
\n\nThis layout is the same as the tree 2d except adds another dimension. It uses\n[d3-force-3d](https://github.com/vasturiano/d3-force-3d) under the hood for the layout.\n\n### Radial 2D\n\n
\n\nThe radial layout arranges nodes in a circular fashion around the focus node in a radial tree. Each\nrelationship extends to another level in the tree to show a depedency tree.\nThis layout uses [d3-force-3d](https://github.com/vasturiano/d3-force-3d).\n\n### Radial 3D\n\n
\n\nSimilar to the Radial 2D but adds another dimension. This layout uses [d3-force-3d](https://github.com/vasturiano/d3-force-3d).\n\n### Hierarchical 2D\n\n
\n\nThis layout uses [d3-hierarchy](https://www.npmjs.com/package/d3-hierarchy).\n\n### No Overlap\n\n
\n\nThis layout uses [graphology-layout-nooverlap](https://graphology.github.io/standard-library/layout-noverlap.html).\n\n### Force Atlas 2\n\n
\n\nThis layout uses [graphology-layout-forceatlas2](https://graphology.github.io/standard-library/layout-forceatlas2.html).\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","Story"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/Layouts.story-6744064e.js b/assets/Layouts.story-6744064e.js
new file mode 100644
index 00000000..ad3c22de
--- /dev/null
+++ b/assets/Layouts.story-6744064e.js
@@ -0,0 +1,9 @@
+import{j as u}from"./jsx-runtime-5926aa06.js";import{d as x,G as a}from"./RadialMenu-93524eec.js";import"./index-ebeaab24.js";import{c as t,d as s}from"./demo-848d9cd1.js";import"./index-6279214a.esm-cc44dd6d.js";import"./extends-98964cd2.js";import"./client-180092d5.js";import"./index-9c09ad76.js";function f(e,l){const{invalid:y}=x(e,l),g=e.length;return y?"forceDirected2d":g>100?"radialOut2d":"treeTd2d"}const C={title:"Demos/Layouts",component:a},o=()=>{const e=f(t,s);return u.jsx(a,{layoutType:e,nodes:t,edges:s})},r=()=>u.jsx(a,{layoutType:"forceDirected2d",layoutOverrides:{nodeStrength:-50,linkDistance:500},nodes:t,edges:s});var n,d,c;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
+ // TODO: Make this demo better
+ const layout = recommendLayout(complexNodes, complexEdges);
+ return
+
+ Hold Command/CTRL and Click to Select Multiples
+
+
+
+
+
+
+
;
+}`,...(L=(z=m.parameters)==null?void 0:z.docs)==null?void 0:L.source}}};export{p as Colors,c as Custom3DNode,m as Draggable,d as Icons,n as NoEdges,i as SphereWithIconNode,H as default};
+//# sourceMappingURL=Nodes.story-33162d6e.js.map
diff --git a/assets/Nodes.story-33162d6e.js.map b/assets/Nodes.story-33162d6e.js.map
new file mode 100644
index 00000000..83b5e86c
--- /dev/null
+++ b/assets/Nodes.story-33162d6e.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Nodes.story-33162d6e.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/assets/OverlayScrollbars-VAV6LJAB-f81de3e5.js b/assets/OverlayScrollbars-VAV6LJAB-f81de3e5.js
new file mode 100644
index 00000000..a01c5715
--- /dev/null
+++ b/assets/OverlayScrollbars-VAV6LJAB-f81de3e5.js
@@ -0,0 +1,7 @@
+import{_ as wi,e as Wi}from"./index-96a2bc4b.js";import{r as cs,R as lt}from"./index-ebeaab24.js";import"./iframe-608d8974.js";import"../sb-preview/runtime.js";import"./chunk-4NMOSTKD-82fbb5f2.js";import"./index-d475d2ea.js";import"./index-9c09ad76.js";import"./extends-98964cd2.js";import"./index-84cea9da.js";import"./index-356e4a49.js";var zi=Wi({"../../node_modules/overlayscrollbars/js/OverlayScrollbars.js"(Ut,ue){(function(er,Pr){typeof define=="function"&&define.amd?define(function(){return Pr(er,er.document,void 0)}):typeof ue=="object"&&typeof ue.exports=="object"?ue.exports=Pr(er,er.document,void 0):Pr(er,er.document,void 0)})(typeof window<"u"?window:Ut,function(er,Pr,B){var Ie="OverlayScrollbars",v={o:"object",f:"function",a:"array",s:"string",b:"boolean",n:"number",u:"undefined",z:"null"},c={c:"class",s:"style",i:"id",l:"length",p:"prototype",ti:"tabindex",oH:"offsetHeight",cH:"clientHeight",sH:"scrollHeight",oW:"offsetWidth",cW:"clientWidth",sW:"scrollWidth",hOP:"hasOwnProperty",bCR:"getBoundingClientRect"},qn=function(){var T={},m={},n=["-webkit-","-moz-","-o-","-ms-"],p=["WebKit","Moz","O","MS"];function l(h){return h.charAt(0).toUpperCase()+h.slice(1)}return{_cssPrefixes:n,_jsPrefixes:p,_cssProperty:function(h){var I=m[h];if(m[c.hOP](h))return I;for(var or=l(h),ar=Pr.createElement("div")[c.s],M,Y=0,xr,K;Y'),S=Z[0],H=R(Z.children("div").eq(0));k.append(Z),Z.hide().show();var _r=Zr(S),Un={x:_r.x===0,y:_r.y===0},X=function(){var N=er.navigator.userAgent,vr="indexOf",dr="substring",C=N[vr]("MSIE "),e=N[vr]("Trident/"),o=N[vr]("Edge/"),s=N[vr]("rv:"),u,y=parseInt;return C>0?u=y(N[dr](C+5,N[vr](".",C)),10):e>0?u=y(N[dr](s+3,N[vr](".",s)),10):o>0&&(u=y(N[dr](o+5,N[vr](".",o)),10)),u}();R.extend(Y,{defaultOptions:M,msie:X,autoUpdateLoop:!1,autoUpdateRecommended:!P.mO(),nativeScrollbarSize:_r,nativeScrollbarIsOverlaid:Un,nativeScrollbarStyling:function(){var N=!1;Z.addClass("os-viewport-native-scrollbars-invisible");try{N=Z.css("scrollbar-width")==="none"&&(X>9||!X)||er.getComputedStyle(S,"::-webkit-scrollbar").getPropertyValue("display")==="none"}catch{}return N}(),overlayScrollbarDummySize:{x:30,y:30},cssCalc:qn._cssPropertyValue("width","calc","(1px)")||null,restrictedMeasuring:function(){Z.css(xr,K);var N={w:S[c.sW],h:S[c.sH]};Z.css(xr,"visible");var vr={w:S[c.sW],h:S[c.sH]};return N.w-vr.w!==0||N.h-vr.h!==0}(),rtlScrollBehavior:function(){Z.css({"overflow-y":K,"overflow-x":Wr,direction:"rtl"}).scrollLeft(0);var N=Z.offset(),vr=H.offset();Z.scrollLeft(-999);var dr=H.offset();return{i:N.left===vr.left,n:vr.left!==dr.left}}(),supportTransform:!!qn._cssProperty("transform"),supportTransition:!!qn._cssProperty("transition"),supportPassiveEvents:function(){var N=!1;try{er.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){N=!0}}))}catch{}return N}(),supportResizeObserver:!!P.rO(),supportMutationObserver:!!P.mO()}),Z.removeAttr(c.s).remove(),function(){if(Un.x&&Un.y)return;var N=A.abs,vr=P.wW(),dr=P.wH(),C=s(),e=function(){if(Bt().length>0){var u=P.wW(),y=P.wH(),O=u-vr,w=y-dr;if(O===0&&w===0)return;var F=A.round(u/(vr/100)),G=A.round(y/(dr/100)),W=N(O),V=N(w),Xr=N(F),Ir=N(G),Rr=s(),$r=W>2&&V>2,Nr=!o(Xr,Ir),An=Rr!==C&&C>0,Er=$r&&Nr&&An,vn=Y.nativeScrollbarSize,bn;Er&&(k.append(Z),bn=Y.nativeScrollbarSize=Zr(Z[0]),Z.remove(),(vn.x!==bn.x||vn.y!==bn.y)&&R.each(Bt(),function(){Bt(this)&&Bt(this).update("zoom")})),vr=u,dr=y,C=Rr}};function o(u,y){var O=N(u),w=N(y);return!(O===w||O+1===w||O-1===w)}function s(){var u=er.screen.deviceXDPI||0,y=er.screen.logicalXDPI||1;return er.devicePixelRatio||u/y}R(er).on("resize",e)}();function Zr(N){return{x:N[c.oH]-N[c.cH],y:N[c.oW]-N[c.cW]}}}function or(M){var Y=this,xr=R.inArray,K=P.now,Wr="autoUpdate",k=Wr+"Interval",Z=c.l,S=[],H=[],_r=!1,Un=33,X=Un,Zr=K(),N,vr=function(){if(S[Z]>0&&_r){N=P.rAF()(function(){vr()});var dr=K(),C=dr-Zr,e,o,s,u,y,O;if(C>X){Zr=dr-C%X,e=Un;for(var w=0;w
"+(t||Q)+"
"}function Yt(r,t){var a=k(t)==v.b,i=a?g:t||g;return Ir&&!i[c.l]?null:Ir?i[a?"children":"find"]($n+r.replace(/\s/g,$n)).eq(0):R(Jn(r))}function Ia(r,t){for(var a=t.split($n),i=0,f;i'),scrollbarDummyElement0=scrollbarDummyElement[0],dummyContainerChild=FRAMEWORK(scrollbarDummyElement.children(\"div\").eq(0));bodyElement.append(scrollbarDummyElement),scrollbarDummyElement.hide().show();var nativeScrollbarSize=calcNativeScrollbarSize(scrollbarDummyElement0),nativeScrollbarIsOverlaid={x:nativeScrollbarSize.x===0,y:nativeScrollbarSize.y===0},msie=function(){var ua=window2.navigator.userAgent,strIndexOf=\"indexOf\",strSubString=\"substring\",msie2=ua[strIndexOf](\"MSIE \"),trident=ua[strIndexOf](\"Trident/\"),edge=ua[strIndexOf](\"Edge/\"),rv=ua[strIndexOf](\"rv:\"),result,parseIntFunc=parseInt;return msie2>0?result=parseIntFunc(ua[strSubString](msie2+5,ua[strIndexOf](\".\",msie2)),10):trident>0?result=parseIntFunc(ua[strSubString](rv+3,ua[strIndexOf](\".\",rv)),10):edge>0&&(result=parseIntFunc(ua[strSubString](edge+5,ua[strIndexOf](\".\",edge)),10)),result}();FRAMEWORK.extend(_base,{defaultOptions,msie,autoUpdateLoop:!1,autoUpdateRecommended:!COMPATIBILITY.mO(),nativeScrollbarSize,nativeScrollbarIsOverlaid,nativeScrollbarStyling:function(){var result=!1;scrollbarDummyElement.addClass(\"os-viewport-native-scrollbars-invisible\");try{result=scrollbarDummyElement.css(\"scrollbar-width\")===\"none\"&&(msie>9||!msie)||window2.getComputedStyle(scrollbarDummyElement0,\"::-webkit-scrollbar\").getPropertyValue(\"display\")===\"none\";}catch{}return result}(),overlayScrollbarDummySize:{x:30,y:30},cssCalc:VENDORS._cssPropertyValue(\"width\",\"calc\",\"(1px)\")||null,restrictedMeasuring:function(){scrollbarDummyElement.css(strOverflow,strHidden);var scrollSize={w:scrollbarDummyElement0[LEXICON.sW],h:scrollbarDummyElement0[LEXICON.sH]};scrollbarDummyElement.css(strOverflow,\"visible\");var scrollSize2={w:scrollbarDummyElement0[LEXICON.sW],h:scrollbarDummyElement0[LEXICON.sH]};return scrollSize.w-scrollSize2.w!==0||scrollSize.h-scrollSize2.h!==0}(),rtlScrollBehavior:function(){scrollbarDummyElement.css({\"overflow-y\":strHidden,\"overflow-x\":strScroll,direction:\"rtl\"}).scrollLeft(0);var dummyContainerOffset=scrollbarDummyElement.offset(),dummyContainerChildOffset=dummyContainerChild.offset();scrollbarDummyElement.scrollLeft(-999);var dummyContainerChildOffsetAfterScroll=dummyContainerChild.offset();return {i:dummyContainerOffset.left===dummyContainerChildOffset.left,n:dummyContainerChildOffset.left!==dummyContainerChildOffsetAfterScroll.left}}(),supportTransform:!!VENDORS._cssProperty(\"transform\"),supportTransition:!!VENDORS._cssProperty(\"transition\"),supportPassiveEvents:function(){var supportsPassive=!1;try{window2.addEventListener(\"test\",null,Object.defineProperty({},\"passive\",{get:function(){supportsPassive=!0;}}));}catch{}return supportsPassive}(),supportResizeObserver:!!COMPATIBILITY.rO(),supportMutationObserver:!!COMPATIBILITY.mO()}),scrollbarDummyElement.removeAttr(LEXICON.s).remove(),function(){if(nativeScrollbarIsOverlaid.x&&nativeScrollbarIsOverlaid.y)return;var abs=MATH.abs,windowWidth=COMPATIBILITY.wW(),windowHeight=COMPATIBILITY.wH(),windowDpr=getWindowDPR(),onResize=function(){if(INSTANCES().length>0){var newW=COMPATIBILITY.wW(),newH=COMPATIBILITY.wH(),deltaW=newW-windowWidth,deltaH=newH-windowHeight;if(deltaW===0&&deltaH===0)return;var deltaWRatio=MATH.round(newW/(windowWidth/100)),deltaHRatio=MATH.round(newH/(windowHeight/100)),absDeltaW=abs(deltaW),absDeltaH=abs(deltaH),absDeltaWRatio=abs(deltaWRatio),absDeltaHRatio=abs(deltaHRatio),newDPR=getWindowDPR(),deltaIsBigger=absDeltaW>2&&absDeltaH>2,difference=!differenceIsBiggerThanOne(absDeltaWRatio,absDeltaHRatio),dprChanged=newDPR!==windowDpr&&windowDpr>0,isZoom=deltaIsBigger&&difference&&dprChanged,oldScrollbarSize=_base.nativeScrollbarSize,newScrollbarSize;isZoom&&(bodyElement.append(scrollbarDummyElement),newScrollbarSize=_base.nativeScrollbarSize=calcNativeScrollbarSize(scrollbarDummyElement[0]),scrollbarDummyElement.remove(),(oldScrollbarSize.x!==newScrollbarSize.x||oldScrollbarSize.y!==newScrollbarSize.y)&&FRAMEWORK.each(INSTANCES(),function(){INSTANCES(this)&&INSTANCES(this).update(\"zoom\");})),windowWidth=newW,windowHeight=newH,windowDpr=newDPR;}};function differenceIsBiggerThanOne(valOne,valTwo){var absValOne=abs(valOne),absValTwo=abs(valTwo);return !(absValOne===absValTwo||absValOne+1===absValTwo||absValOne-1===absValTwo)}function getWindowDPR(){var dDPI=window2.screen.deviceXDPI||0,sDPI=window2.screen.logicalXDPI||1;return window2.devicePixelRatio||dDPI/sDPI}FRAMEWORK(window2).on(\"resize\",onResize);}();function calcNativeScrollbarSize(measureElement){return {x:measureElement[LEXICON.oH]-measureElement[LEXICON.cH],y:measureElement[LEXICON.oW]-measureElement[LEXICON.cW]}}}function OverlayScrollbarsAutoUpdateLoop(globals){var _base=this,_inArray=FRAMEWORK.inArray,_getNow=COMPATIBILITY.now,_strAutoUpdate=\"autoUpdate\",_strAutoUpdateInterval=_strAutoUpdate+\"Interval\",_strLength=LEXICON.l,_loopingInstances=[],_loopingInstancesIntervalCache=[],_loopIsActive=!1,_loopIntervalDefault=33,_loopInterval=_loopIntervalDefault,_loopTimeOld=_getNow(),_loopID,loop=function(){if(_loopingInstances[_strLength]>0&&_loopIsActive){_loopID=COMPATIBILITY.rAF()(function(){loop();});var timeNew=_getNow(),timeDelta=timeNew-_loopTimeOld,lowestInterval,instance,instanceOptions,instanceAutoUpdateAllowed,instanceAutoUpdateInterval,now;if(timeDelta>_loopInterval){_loopTimeOld=timeNew-timeDelta%_loopInterval,lowestInterval=_loopIntervalDefault;for(var i=0;i<_loopingInstances[_strLength];i++)instance=_loopingInstances[i],instance!==undefined2&&(instanceOptions=instance.options(),instanceAutoUpdateAllowed=instanceOptions[_strAutoUpdate],instanceAutoUpdateInterval=MATH.max(1,instanceOptions[_strAutoUpdateInterval]),now=_getNow(),(instanceAutoUpdateAllowed===!0||instanceAutoUpdateAllowed===null)&&now-_loopingInstancesIntervalCache[i]>instanceAutoUpdateInterval&&(instance.update(\"auto\"),_loopingInstancesIntervalCache[i]=new Date(now+=instanceAutoUpdateInterval)),lowestInterval=MATH.max(1,MATH.min(lowestInterval,instanceAutoUpdateInterval)));_loopInterval=lowestInterval;}}else _loopInterval=_loopIntervalDefault;};_base.add=function(instance){_inArray(instance,_loopingInstances)===-1&&(_loopingInstances.push(instance),_loopingInstancesIntervalCache.push(_getNow()),_loopingInstances[_strLength]>0&&!_loopIsActive&&(_loopIsActive=!0,globals.autoUpdateLoop=_loopIsActive,loop()));},_base.remove=function(instance){var index=_inArray(instance,_loopingInstances);index>-1&&(_loopingInstancesIntervalCache.splice(index,1),_loopingInstances.splice(index,1),_loopingInstances[_strLength]===0&&_loopIsActive&&(_loopIsActive=!1,globals.autoUpdateLoop=_loopIsActive,_loopID!==undefined2&&(COMPATIBILITY.cAF()(_loopID),_loopID=-1)));};}function OverlayScrollbarsInstance(pluginTargetElement,options,extensions,globals,autoUpdateLoop){var type=COMPATIBILITY.type,inArray=FRAMEWORK.inArray,each=FRAMEWORK.each,_base=new _plugin,_frameworkProto=FRAMEWORK[LEXICON.p];if(!isHTMLElement(pluginTargetElement))return;if(INSTANCES(pluginTargetElement)){var inst=INSTANCES(pluginTargetElement);return inst.options(options),inst}var _nativeScrollbarIsOverlaid,_overlayScrollbarDummySize,_rtlScrollBehavior,_autoUpdateRecommended,_msieVersion,_nativeScrollbarStyling,_cssCalc,_nativeScrollbarSize,_supportTransition,_supportTransform,_supportPassiveEvents,_supportResizeObserver,_supportMutationObserver,_initialized,_destroyed,_isTextarea,_isBody,_documentMixed,_domExists,_isBorderBox,_sizeAutoObserverAdded,_paddingX,_paddingY,_borderX,_borderY,_marginX,_marginY,_isRTL,_sleeping,_contentBorderSize={},_scrollHorizontalInfo={},_scrollVerticalInfo={},_viewportSize={},_nativeScrollbarMinSize={},_strMinusHidden=\"-hidden\",_strMarginMinus=\"margin-\",_strPaddingMinus=\"padding-\",_strBorderMinus=\"border-\",_strTop=\"top\",_strRight=\"right\",_strBottom=\"bottom\",_strLeft=\"left\",_strMinMinus=\"min-\",_strMaxMinus=\"max-\",_strWidth=\"width\",_strHeight=\"height\",_strFloat=\"float\",_strEmpty=\"\",_strAuto=\"auto\",_strSync=\"sync\",_strScroll=\"scroll\",_strHundredPercent=\"100%\",_strX=\"x\",_strY=\"y\",_strDot=\".\",_strSpace=\" \",_strScrollbar=\"scrollbar\",_strMinusHorizontal=\"-horizontal\",_strMinusVertical=\"-vertical\",_strScrollLeft=_strScroll+\"Left\",_strScrollTop=_strScroll+\"Top\",_strMouseTouchDownEvent=\"mousedown touchstart\",_strMouseTouchUpEvent=\"mouseup touchend touchcancel\",_strMouseTouchMoveEvent=\"mousemove touchmove\",_strMouseEnter=\"mouseenter\",_strMouseLeave=\"mouseleave\",_strKeyDownEvent=\"keydown\",_strKeyUpEvent=\"keyup\",_strSelectStartEvent=\"selectstart\",_strTransitionEndEvent=\"transitionend webkitTransitionEnd oTransitionEnd\",_strResizeObserverProperty=\"__overlayScrollbarsRO__\",_cassNamesPrefix=\"os-\",_classNameHTMLElement=_cassNamesPrefix+\"html\",_classNameHostElement=_cassNamesPrefix+\"host\",_classNameHostElementForeign=_classNameHostElement+\"-foreign\",_classNameHostTextareaElement=_classNameHostElement+\"-textarea\",_classNameHostScrollbarHorizontalHidden=_classNameHostElement+\"-\"+_strScrollbar+_strMinusHorizontal+_strMinusHidden,_classNameHostScrollbarVerticalHidden=_classNameHostElement+\"-\"+_strScrollbar+_strMinusVertical+_strMinusHidden,_classNameHostTransition=_classNameHostElement+\"-transition\",_classNameHostRTL=_classNameHostElement+\"-rtl\",_classNameHostResizeDisabled=_classNameHostElement+\"-resize-disabled\",_classNameHostScrolling=_classNameHostElement+\"-scrolling\",_classNameHostOverflow=_classNameHostElement+\"-overflow\",_classNameHostOverflow=_classNameHostElement+\"-overflow\",_classNameHostOverflowX=_classNameHostOverflow+\"-x\",_classNameHostOverflowY=_classNameHostOverflow+\"-y\",_classNameTextareaElement=_cassNamesPrefix+\"textarea\",_classNameTextareaCoverElement=_classNameTextareaElement+\"-cover\",_classNamePaddingElement=_cassNamesPrefix+\"padding\",_classNameViewportElement=_cassNamesPrefix+\"viewport\",_classNameViewportNativeScrollbarsInvisible=_classNameViewportElement+\"-native-scrollbars-invisible\",_classNameViewportNativeScrollbarsOverlaid=_classNameViewportElement+\"-native-scrollbars-overlaid\",_classNameContentElement=_cassNamesPrefix+\"content\",_classNameContentArrangeElement=_cassNamesPrefix+\"content-arrange\",_classNameContentGlueElement=_cassNamesPrefix+\"content-glue\",_classNameSizeAutoObserverElement=_cassNamesPrefix+\"size-auto-observer\",_classNameResizeObserverElement=_cassNamesPrefix+\"resize-observer\",_classNameResizeObserverItemElement=_cassNamesPrefix+\"resize-observer-item\",_classNameResizeObserverItemFinalElement=_classNameResizeObserverItemElement+\"-final\",_classNameTextInherit=_cassNamesPrefix+\"text-inherit\",_classNameScrollbar=_cassNamesPrefix+_strScrollbar,_classNameScrollbarTrack=_classNameScrollbar+\"-track\",_classNameScrollbarTrackOff=_classNameScrollbarTrack+\"-off\",_classNameScrollbarHandle=_classNameScrollbar+\"-handle\",_classNameScrollbarHandleOff=_classNameScrollbarHandle+\"-off\",_classNameScrollbarUnusable=_classNameScrollbar+\"-unusable\",_classNameScrollbarAutoHidden=_classNameScrollbar+\"-\"+_strAuto+_strMinusHidden,_classNameScrollbarCorner=_classNameScrollbar+\"-corner\",_classNameScrollbarCornerResize=_classNameScrollbarCorner+\"-resize\",_classNameScrollbarCornerResizeB=_classNameScrollbarCornerResize+\"-both\",_classNameScrollbarCornerResizeH=_classNameScrollbarCornerResize+_strMinusHorizontal,_classNameScrollbarCornerResizeV=_classNameScrollbarCornerResize+_strMinusVertical,_classNameScrollbarHorizontal=_classNameScrollbar+_strMinusHorizontal,_classNameScrollbarVertical=_classNameScrollbar+_strMinusVertical,_classNameDragging=_cassNamesPrefix+\"dragging\",_classNameThemeNone=_cassNamesPrefix+\"theme-none\",_classNamesDynamicDestroy=[_classNameViewportNativeScrollbarsInvisible,_classNameViewportNativeScrollbarsOverlaid,_classNameScrollbarTrackOff,_classNameScrollbarHandleOff,_classNameScrollbarUnusable,_classNameScrollbarAutoHidden,_classNameScrollbarCornerResize,_classNameScrollbarCornerResizeB,_classNameScrollbarCornerResizeH,_classNameScrollbarCornerResizeV,_classNameDragging].join(_strSpace),_callbacksInitQeueue=[],_viewportAttrsFromTarget=[LEXICON.ti],_defaultOptions,_currentOptions,_currentPreparedOptions,_extensions={},_extensionsPrivateMethods=\"added removed on contract\",_lastUpdateTime,_swallowedUpdateHints={},_swallowedUpdateTimeout,_swallowUpdateLag=42,_updateOnLoadEventName=\"load\",_updateOnLoadElms=[],_windowElement,_documentElement,_htmlElement,_bodyElement,_targetElement,_hostElement,_sizeAutoObserverElement,_sizeObserverElement,_paddingElement,_viewportElement,_contentElement,_contentArrangeElement,_contentGlueElement,_textareaCoverElement,_scrollbarCornerElement,_scrollbarHorizontalElement,_scrollbarHorizontalTrackElement,_scrollbarHorizontalHandleElement,_scrollbarVerticalElement,_scrollbarVerticalTrackElement,_scrollbarVerticalHandleElement,_windowElementNative,_documentElementNative,_targetElementNative,_hostElementNative,_sizeAutoObserverElementNative,_sizeObserverElementNative,_paddingElementNative,_viewportElementNative,_contentElementNative,_hostSizeCache,_contentScrollSizeCache,_arrangeContentSizeCache,_hasOverflowCache,_hideOverflowCache,_widthAutoCache,_heightAutoCache,_cssBoxSizingCache,_cssPaddingCache,_cssBorderCache,_cssMarginCache,_cssDirectionCache,_cssDirectionDetectedCache,_paddingAbsoluteCache,_clipAlwaysCache,_contentGlueSizeCache,_overflowBehaviorCache,_overflowAmountCache,_ignoreOverlayScrollbarHidingCache,_autoUpdateCache,_sizeAutoCapableCache,_contentElementScrollSizeChangeDetectedCache,_hostElementSizeChangeDetectedCache,_scrollbarsVisibilityCache,_scrollbarsAutoHideCache,_scrollbarsClickScrollingCache,_scrollbarsDragScrollingCache,_resizeCache,_normalizeRTLCache,_classNameCache,_oldClassName,_textareaAutoWrappingCache,_textareaInfoCache,_textareaSizeCache,_textareaDynHeightCache,_textareaDynWidthCache,_bodyMinSizeCache,_updateAutoCache={},_mutationObserverHost,_mutationObserverContent,_mutationObserverHostCallback,_mutationObserverContentCallback,_mutationObserversConnected,_mutationObserverAttrsTextarea=[\"wrap\",\"cols\",\"rows\"],_mutationObserverAttrsHost=[LEXICON.i,LEXICON.c,LEXICON.s,\"open\"].concat(_viewportAttrsFromTarget),_destroyEvents=[],_textareaHasFocus,_scrollbarsAutoHideTimeoutId,_scrollbarsAutoHideMoveTimeoutId,_scrollbarsAutoHideDelay,_scrollbarsAutoHideNever,_scrollbarsAutoHideScroll,_scrollbarsAutoHideMove,_scrollbarsAutoHideLeave,_scrollbarsHandleHovered,_scrollbarsHandlesDefineScrollPos,_resizeNone,_resizeBoth,_resizeHorizontal,_resizeVertical;function setupResponsiveEventListener(element,eventNames,listener,remove2,passiveOrOptions){var collected=COMPATIBILITY.isA(eventNames)&&COMPATIBILITY.isA(listener),method=remove2?\"removeEventListener\":\"addEventListener\",onOff=remove2?\"off\":\"on\",events=collected?!1:eventNames.split(_strSpace),i=0,passiveOrOptionsIsObj=FRAMEWORK.isPlainObject(passiveOrOptions),passive=_supportPassiveEvents&&(passiveOrOptionsIsObj?passiveOrOptions._passive:passiveOrOptions)||!1,capture=passiveOrOptionsIsObj&&(passiveOrOptions._capture||!1),nativeParam=_supportPassiveEvents?{passive,capture}:capture;if(collected)for(;i
\"+(content||_strEmpty)+\"
\"}function selectOrGenerateDivByClass(className,selectParentOrOnlyChildren){var onlyChildren=type(selectParentOrOnlyChildren)==TYPES.b,selectParent=onlyChildren?_hostElement:selectParentOrOnlyChildren||_hostElement;return _domExists&&!selectParent[LEXICON.l]?null:_domExists?selectParent[onlyChildren?\"children\":\"find\"](_strDot+className.replace(/\\s/g,_strDot)).eq(0):FRAMEWORK(generateDiv(className))}function getObjectPropVal(obj,path){for(var splits=path.split(_strDot),i=0,val;i