@quartz-community/graph 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+
+- Initial Quartz community plugin template.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Quartz Community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,147 @@
+# @quartz-community/graph
+
+The Graph View component for Quartz - visualize your digital garden as an interactive network graph.
+
+## Features
+
+- 🕸️ **Interactive Network Graph** - Visualize connections between your pages
+- 🎨 **Local & Global Views** - See connections to current page or explore the entire graph
+- ⚡ **Smooth Animations** - Built with D3 force simulation and PixiJS rendering
+- 🏷️ **Tag Support** - Visualize tags as nodes in the graph
+- 🖱️ **Interactive Controls** - Drag, zoom, and pan around the graph
+- 💾 **Visited Tracking** - Highlights pages you've already visited
+- ⌨️ **Keyboard Shortcuts** - Press `Ctrl/Cmd + G` to toggle the global graph
+
+## Installation
+
+```bash
+npx quartz plugin add github:quartz-community/graph
+```
+
+## Usage
+
+```yaml title="quartz.config.yaml"
+plugins:
+  - source: github:quartz-community/graph
+    enabled: true
+    layout:
+      position: right
+      priority: 10
+```
+
+For advanced use cases, you can override in TypeScript:
+
+```ts title="quartz.ts (override)"
+import * as ExternalPlugin from "./.quartz/plugins";
+
+ExternalPlugin.Graph({
+  localGraph: {
+    drag: true,
+    zoom: true,
+    depth: 1,
+  },
+  globalGraph: {
+    drag: true,
+    zoom: true,
+    depth: -1,
+  },
+});
+```
+
+## Configuration Options
+
+```typescript
+interface D3Config {
+  /** Enable node dragging */
+  drag: boolean;
+  /** Enable zooming */
+  zoom: boolean;
+  /** Depth of connections to show (-1 for all) */
+  depth: number;
+  /** Graph scale factor */
+  scale: number;
+  /** Force repelling strength */
+  repelForce: number;
+  /** Center force strength */
+  centerForce: number;
+  /** Distance between linked nodes */
+  linkDistance: number;
+  /** Label font size */
+  fontSize: number;
+  /** Opacity multiplier */
+  opacityScale: number;
+  /** Tags to exclude */
+  removeTags: string[];
+  /** Show tags as nodes */
+  showTags: boolean;
+  /** Dim non-hovered nodes on hover */
+  focusOnHover?: boolean;
+  /** Enable radial layout */
+  enableRadial?: boolean;
+}
+
+interface GraphOptions {
+  localGraph?: Partial<D3Config>; // Local page graph config
+  globalGraph?: Partial<D3Config>; // Global graph config
+}
+```
+
+## Default Behavior
+
+### Local Graph
+
+By default, the local graph:
+
+- Shows 1 level of connections (direct links only)
+- Dragging enabled
+- Zoom enabled
+- Tags shown as nodes
+- 250px height
+- Displays on the right side of pages
+
+### Global Graph
+
+By default, the global graph:
+
+- Shows all connections (depth: -1)
+- Opens in fullscreen modal when clicking the graph icon
+- Keyboard shortcut: `Ctrl/Cmd + G`
+- Focus on hover enabled (dims non-connected nodes)
+- Radial layout enabled
+- Click outside or press Escape to close
+
+## How It Works
+
+The Graph component fetches connection data from `/static/contentIndex.json` (generated by the ContentIndex emitter) and renders it using:
+
+- **D3** for physics simulation (force-directed layout)
+- **PixiJS** for high-performance WebGL rendering
+
+External libraries are loaded from CDN when the graph is first rendered.
+
+> [!info]
+> Graph View requires the `ContentIndex` emitter plugin to be present in your Quartz configuration.
+
+## Development
+
+This is a first-party Quartz community plugin. It serves as both:
+
+1. A production-ready Graph View component
+2. A reference implementation for building Quartz community plugins
+
+To build locally:
+
+```bash
+npm install
+npm run build
+```
+
+The `prepare` script automatically builds during installation.
+
+## Documentation
+
+See the [Quartz documentation](https://quartz.jzhao.xyz/features/graph%20view) for more information.
+
+## License
+
+MIT

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export { D3Config, Graph, GraphOptions } from '../index.js';
+import '@quartz-community/types';

package/dist/components/index.js

@@ -0,0 +1,411 @@
+// node_modules/@quartz-community/utils/dist/lang.js
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+// src/i18n/locales/en-US.ts
+var en_US_default = {
+  components: {
+    graph: {
+      title: "Graph View"
+    }
+  }
+};
+
+// src/i18n/locales/en-GB.ts
+var en_GB_default = {
+  components: {
+    graph: {
+      title: "Graph View"
+    }
+  }
+};
+
+// src/i18n/locales/ar-SA.ts
+var ar_SA_default = {
+  components: {
+    graph: {
+      title: "\u0627\u0644\u062A\u0645\u062B\u064A\u0644 \u0627\u0644\u062A\u0641\u0627\u0639\u0644\u064A"
+    }
+  }
+};
+
+// src/i18n/locales/ca-ES.ts
+var ca_ES_default = {
+  components: {
+    graph: {
+      title: "Vista Gr\xE0fica"
+    }
+  }
+};
+
+// src/i18n/locales/cs-CZ.ts
+var cs_CZ_default = {
+  components: {
+    graph: {
+      title: "Graf"
+    }
+  }
+};
+
+// src/i18n/locales/de-DE.ts
+var de_DE_default = {
+  components: {
+    graph: {
+      title: "Graphansicht"
+    }
+  }
+};
+
+// src/i18n/locales/es-ES.ts
+var es_ES_default = {
+  components: {
+    graph: {
+      title: "Vista Gr\xE1fica"
+    }
+  }
+};
+
+// src/i18n/locales/fa-IR.ts
+var fa_IR_default = {
+  components: {
+    graph: {
+      title: "\u0646\u0645\u0627\u06CC \u06AF\u0631\u0627\u0641"
+    }
+  }
+};
+
+// src/i18n/locales/fi-FI.ts
+var fi_FI_default = {
+  components: {
+    graph: {
+      title: "Verkkon\xE4kym\xE4"
+    }
+  }
+};
+
+// src/i18n/locales/fr-FR.ts
+var fr_FR_default = {
+  components: {
+    graph: {
+      title: "Vue Graphique"
+    }
+  }
+};
+
+// src/i18n/locales/he-IL.ts
+var he_IL_default = {
+  components: {
+    graph: {
+      title: "\u05DE\u05D1\u05D8 \u05D2\u05E8\u05E3"
+    }
+  }
+};
+
+// src/i18n/locales/hu-HU.ts
+var hu_HU_default = {
+  components: {
+    graph: {
+      title: "Grafikonn\xE9zet"
+    }
+  }
+};
+
+// src/i18n/locales/id-ID.ts
+var id_ID_default = {
+  components: {
+    graph: {
+      title: "Tampilan Grafik"
+    }
+  }
+};
+
+// src/i18n/locales/it-IT.ts
+var it_IT_default = {
+  components: {
+    graph: {
+      title: "Vista grafico"
+    }
+  }
+};
+
+// src/i18n/locales/ja-JP.ts
+var ja_JP_default = {
+  components: {
+    graph: {
+      title: "\u30B0\u30E9\u30D5\u30D3\u30E5\u30FC"
+    }
+  }
+};
+
+// src/i18n/locales/kk-KZ.ts
+var kk_KZ_default = {
+  components: {
+    graph: {
+      title: "\u0413\u0440\u0430\u0444 \u043A\u04E9\u0440\u0456\u043D\u0456\u0441\u0456"
+    }
+  }
+};
+
+// src/i18n/locales/ko-KR.ts
+var ko_KR_default = {
+  components: {
+    graph: {
+      title: "\uADF8\uB798\uD504 \uBDF0"
+    }
+  }
+};
+
+// src/i18n/locales/lt-LT.ts
+var lt_LT_default = {
+  components: {
+    graph: {
+      title: "Grafiko Vaizdas"
+    }
+  }
+};
+
+// src/i18n/locales/nb-NO.ts
+var nb_NO_default = {
+  components: {
+    graph: {
+      title: "Graf-visning"
+    }
+  }
+};
+
+// src/i18n/locales/nl-NL.ts
+var nl_NL_default = {
+  components: {
+    graph: {
+      title: "Grafiekweergave"
+    }
+  }
+};
+
+// src/i18n/locales/pl-PL.ts
+var pl_PL_default = {
+  components: {
+    graph: {
+      title: "Graf"
+    }
+  }
+};
+
+// src/i18n/locales/pt-BR.ts
+var pt_BR_default = {
+  components: {
+    graph: {
+      title: "Vis\xE3o de gr\xE1fico"
+    }
+  }
+};
+
+// src/i18n/locales/ro-RO.ts
+var ro_RO_default = {
+  components: {
+    graph: {
+      title: "Graf"
+    }
+  }
+};
+
+// src/i18n/locales/ru-RU.ts
+var ru_RU_default = {
+  components: {
+    graph: {
+      title: "\u0412\u0438\u0434 \u0433\u0440\u0430\u0444\u0430"
+    }
+  }
+};
+
+// src/i18n/locales/th-TH.ts
+var th_TH_default = {
+  components: {
+    graph: {
+      title: "\u0E21\u0E38\u0E21\u0E21\u0E2D\u0E07\u0E01\u0E23\u0E32\u0E1F"
+    }
+  }
+};
+
+// src/i18n/locales/tr-TR.ts
+var tr_TR_default = {
+  components: {
+    graph: {
+      title: "Grafik G\xF6r\xFCn\xFCm\xFC"
+    }
+  }
+};
+
+// src/i18n/locales/uk-UA.ts
+var uk_UA_default = {
+  components: {
+    graph: {
+      title: "\u0412\u0438\u0433\u043B\u044F\u0434 \u0433\u0440\u0430\u0444\u0430"
+    }
+  }
+};
+
+// src/i18n/locales/vi-VN.ts
+var vi_VN_default = {
+  components: {
+    graph: {
+      title: "S\u01A1 \u0111\u1ED3"
+    }
+  }
+};
+
+// src/i18n/locales/zh-CN.ts
+var zh_CN_default = {
+  components: {
+    graph: {
+      title: "\u5173\u7CFB\u56FE\u8C31"
+    }
+  }
+};
+
+// src/i18n/locales/zh-TW.ts
+var zh_TW_default = {
+  components: {
+    graph: {
+      title: "\u95DC\u4FC2\u5716\u8B5C"
+    }
+  }
+};
+
+// src/i18n/index.ts
+var locales = {
+  "en-US": en_US_default,
+  "en-GB": en_GB_default,
+  "ar-SA": ar_SA_default,
+  "ca-ES": ca_ES_default,
+  "cs-CZ": cs_CZ_default,
+  "de-DE": de_DE_default,
+  "es-ES": es_ES_default,
+  "fa-IR": fa_IR_default,
+  "fi-FI": fi_FI_default,
+  "fr-FR": fr_FR_default,
+  "he-IL": he_IL_default,
+  "hu-HU": hu_HU_default,
+  "id-ID": id_ID_default,
+  "it-IT": it_IT_default,
+  "ja-JP": ja_JP_default,
+  "kk-KZ": kk_KZ_default,
+  "ko-KR": ko_KR_default,
+  "lt-LT": lt_LT_default,
+  "nb-NO": nb_NO_default,
+  "nl-NL": nl_NL_default,
+  "pl-PL": pl_PL_default,
+  "pt-BR": pt_BR_default,
+  "ro-RO": ro_RO_default,
+  "ru-RU": ru_RU_default,
+  "th-TH": th_TH_default,
+  "tr-TR": tr_TR_default,
+  "uk-UA": uk_UA_default,
+  "vi-VN": vi_VN_default,
+  "zh-CN": zh_CN_default,
+  "zh-TW": zh_TW_default
+};
+function i18n(locale) {
+  return locales[locale] || en_US_default;
+}
+
+// src/components/styles/graph.scss
+var graph_default = ".graph > h3 {\n  font-size: 1rem;\n  margin: 0;\n}\n.graph > .graph-outer {\n  border-radius: 5px;\n  border: 1px solid var(--lightgray);\n  box-sizing: border-box;\n  height: 250px;\n  margin: 0.5em 0;\n  position: relative;\n  overflow: hidden;\n}\n.graph > .graph-outer > .global-graph-icon {\n  cursor: pointer;\n  background: none;\n  border: none;\n  color: var(--dark);\n  opacity: 0.5;\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  padding: 0.2rem;\n  margin: 0.3rem;\n  top: 0;\n  right: 0;\n  border-radius: 4px;\n  background-color: transparent;\n  transition: background-color 0.5s ease;\n}\n.graph > .graph-outer > .global-graph-icon:hover {\n  background-color: var(--lightgray);\n}\n.graph > .global-graph-outer {\n  position: fixed;\n  z-index: 9999;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100%;\n  backdrop-filter: blur(4px);\n  display: none;\n  overflow: hidden;\n}\n.graph > .global-graph-outer.active {\n  display: inline-block;\n}\n.graph > .global-graph-outer > .global-graph-container {\n  border: 1px solid var(--lightgray);\n  background-color: var(--light);\n  border-radius: 5px;\n  box-sizing: border-box;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  height: 80vh;\n  width: 80vw;\n}\n@media all and (max-width: 800px) {\n  .graph > .global-graph-outer > .global-graph-container {\n    width: 90%;\n  }\n}\n\n.graph-container {\n  width: 100%;\n  height: 100%;\n}";
+
+// src/components/scripts/graph.inline.ts
+var graph_inline_default = `var Ct=Object.hasOwnProperty;var pe,y,Ce,tt,J,fe,ve,Ee,Mu,Bu,du,Ae,Iu,Ru,Ou,rt,ge={},bu=[],nt=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,Su=Array.isArray;function $(u,e){for(var t in e)u[t]=e[t];return u}function zu(u){u&&u.parentNode&&u.parentNode.removeChild(u)}function Uu(u,e,t,a,o){var n={type:u,props:e,key:t,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:o??++Ce,__i:-1,__u:0};return o==null&&y.vnode!=null&&y.vnode(n),n}function cu(u){return u.children}function yu(u,e){this.props=u,this.context=e}function su(u,e){if(e==null)return u.__?su(u.__,u.__i+1):null;for(var t;e<u.__k.length;e++)if((t=u.__k[e])!=null&&t.__e!=null)return t.__e;return typeof u.type=="function"?su(u):null}function ot(u){if(u.__P&&u.__d){var e=u.__v,t=e.__e,a=[],o=[],n=$({},e);n.__v=e.__v+1,y.vnode&&y.vnode(n),be(u.__P,n,e,u.__n,u.__P.namespaceURI,32&e.__u?[t]:null,a,t??su(e),!!(32&e.__u),o),n.__v=e.__v,n.__.__k[n.__i]=n,Dt(a,n,o),e.__e=e.__=null,n.__e!=t&&me(n)}}function me(u){if((u=u.__)!=null&&u.__c!=null)return u.__e=u.__c.base=null,u.__k.some(function(e){if(e!=null&&e.__e!=null)return u.__e=u.__c.base=e.__e}),me(u)}function _e(u){(!u.__d&&(u.__d=!0)&&J.push(u)&&!xu.__r++||fe!=y.debounceRendering)&&((fe=y.debounceRendering)||ve)(xu)}function xu(){try{for(var u,e=1;J.length;)J.length>e&&J.sort(Ee),u=J.shift(),e=J.length,ot(u)}finally{J.length=xu.__r=0}}function Be(u,e,t,a,o,n,s,c,h,D,_){var r,E,f,b,S,B,p,C=a&&a.__k||bu,M=e.length;for(h=at(t,e,C,h,M),r=0;r<M;r++)(f=t.__k[r])!=null&&(E=f.__i!=-1&&C[f.__i]||ge,f.__i=r,B=be(u,f,E,o,n,s,c,h,D,_),b=f.__e,f.ref&&E.ref!=f.ref&&(E.ref&&Hu(E.ref,null,f),_.push(f.ref,f.__c||b,f)),S==null&&b!=null&&(S=b),(p=!!(4&f.__u))||E.__k===f.__k?(h=ye(f,h,u,p),p&&E.__e&&(E.__e=null)):typeof f.type=="function"&&B!==void 0?h=B:b&&(h=b.nextSibling),f.__u&=-7);return t.__e=S,h}function at(u,e,t,a,o){var n,s,c,h,D,_=t.length,r=_,E=0;for(u.__k=new Array(o),n=0;n<o;n++)(s=e[n])!=null&&typeof s!="boolean"&&typeof s!="function"?(typeof s=="string"||typeof s=="number"||typeof s=="bigint"||s.constructor==String?s=u.__k[n]=Uu(null,s,null,null,null):Su(s)?s=u.__k[n]=Uu(cu,{children:s},null,null,null):s.constructor===void 0&&s.__b>0?s=u.__k[n]=Uu(s.type,s.props,s.key,s.ref?s.ref:null,s.__v):u.__k[n]=s,h=n+E,s.__=u,s.__b=u.__b+1,c=null,(D=s.__i=it(s,t,h,r))!=-1&&(r--,(c=t[D])&&(c.__u|=2)),c==null||c.__v==null?(D==-1&&(o>_?E--:o<_&&E++),typeof s.type!="function"&&(s.__u|=4)):D!=h&&(D==h-1?E--:D==h+1?E++:(D>h?E--:E++,s.__u|=4))):u.__k[n]=null;if(r)for(n=0;n<_;n++)(c=t[n])!=null&&(2&c.__u)==0&&(c.__e==a&&(a=su(c)),Se(c,c));return a}function ye(u,e,t,a){var o,n;if(typeof u.type=="function"){for(o=u.__k,n=0;o&&n<o.length;n++)o[n]&&(o[n].__=u,e=ye(o[n],e,t,a));return e}u.__e!=e&&(a&&(e&&u.type&&!e.parentNode&&(e=su(u)),t.insertBefore(u.__e,e||null)),e=u.__e);do e=e&&e.nextSibling;while(e!=null&&e.nodeType==8);return e}function it(u,e,t,a){var o,n,s,c=u.key,h=u.type,D=e[t],_=D!=null&&(2&D.__u)==0;if(D===null&&c==null||_&&c==D.key&&h==D.type)return t;if(a>(_?1:0)){for(o=t-1,n=t+1;o>=0||n<e.length;)if((D=e[s=o>=0?o--:n++])!=null&&(2&D.__u)==0&&c==D.key&&h==D.type)return s}return-1}function de(u,e,t){e[0]=="-"?u.setProperty(e,t??""):u[e]=t==null?"":typeof t!="number"||nt.test(e)?t:t+"px"}function mu(u,e,t,a,o){var n,s;u:if(e=="style")if(typeof t=="string")u.style.cssText=t;else{if(typeof a=="string"&&(u.style.cssText=a=""),a)for(e in a)t&&e in t||de(u.style,e,"");if(t)for(e in t)a&&t[e]==a[e]||de(u.style,e,t[e])}else if(e[0]=="o"&&e[1]=="n")n=e!=(e=e.replace(Ae,"$1")),s=e.toLowerCase(),e=s in u||e=="onFocusOut"||e=="onFocusIn"?s.slice(2):e.slice(2),u.l||(u.l={}),u.l[e+n]=t,t?a?t[du]=a[du]:(t[du]=Iu,u.addEventListener(e,n?Ou:Ru,n)):u.removeEventListener(e,n?Ou:Ru,n);else{if(o=="http://www.w3.org/2000/svg")e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!="width"&&e!="height"&&e!="href"&&e!="list"&&e!="form"&&e!="tabIndex"&&e!="download"&&e!="rowSpan"&&e!="colSpan"&&e!="role"&&e!="popover"&&e in u)try{u[e]=t??"";break u}catch{}typeof t=="function"||(t==null||t===!1&&e[4]!="-"?u.removeAttribute(e):u.setAttribute(e,e=="popover"&&t==1?"":t))}}function he(u){return function(e){if(this.l){var t=this.l[e.type+u];if(e[Bu]==null)e[Bu]=Iu++;else if(e[Bu]<t[du])return;return t(y.event?y.event(e):e)}}}function be(u,e,t,a,o,n,s,c,h,D){var _,r,E,f,b,S,B,p,C,M,G,I,Q,X,uu,T=e.type;if(e.constructor!==void 0)return null;128&t.__u&&(h=!!(32&t.__u),n=[c=e.__e=t.__e]),(_=y.__b)&&_(e);u:if(typeof T=="function")try{if(p=e.props,C=T.prototype&&T.prototype.render,M=(_=T.contextType)&&a[_.__c],G=_?M?M.props.value:_.__:a,t.__c?B=(r=e.__c=t.__c).__=r.__E:(C?e.__c=r=new T(p,G):(e.__c=r=new yu(p,G),r.constructor=T,r.render=st),M&&M.sub(r),r.state||(r.state={}),r.__n=a,E=r.__d=!0,r.__h=[],r._sb=[]),C&&r.__s==null&&(r.__s=r.state),C&&T.getDerivedStateFromProps!=null&&(r.__s==r.state&&(r.__s=$({},r.__s)),$(r.__s,T.getDerivedStateFromProps(p,r.__s))),f=r.props,b=r.state,r.__v=e,E)C&&T.getDerivedStateFromProps==null&&r.componentWillMount!=null&&r.componentWillMount(),C&&r.componentDidMount!=null&&r.__h.push(r.componentDidMount);else{if(C&&T.getDerivedStateFromProps==null&&p!==f&&r.componentWillReceiveProps!=null&&r.componentWillReceiveProps(p,G),e.__v==t.__v||!r.__e&&r.shouldComponentUpdate!=null&&r.shouldComponentUpdate(p,r.__s,G)===!1){e.__v!=t.__v&&(r.props=p,r.state=r.__s,r.__d=!1),e.__e=t.__e,e.__k=t.__k,e.__k.some(function(V){V&&(V.__=e)}),bu.push.apply(r.__h,r._sb),r._sb=[],r.__h.length&&s.push(r);break u}r.componentWillUpdate!=null&&r.componentWillUpdate(p,r.__s,G),C&&r.componentDidUpdate!=null&&r.__h.push(function(){r.componentDidUpdate(f,b,S)})}if(r.context=G,r.props=p,r.__P=u,r.__e=!1,I=y.__r,Q=0,C)r.state=r.__s,r.__d=!1,I&&I(e),_=r.render(r.props,r.state,r.context),bu.push.apply(r.__h,r._sb),r._sb=[];else do r.__d=!1,I&&I(e),_=r.render(r.props,r.state,r.context),r.state=r.__s;while(r.__d&&++Q<25);r.state=r.__s,r.getChildContext!=null&&(a=$($({},a),r.getChildContext())),C&&!E&&r.getSnapshotBeforeUpdate!=null&&(S=r.getSnapshotBeforeUpdate(f,b)),X=_!=null&&_.type===cu&&_.key==null?xe(_.props.children):_,c=Be(u,Su(X)?X:[X],e,t,a,o,n,s,c,h,D),r.base=e.__e,e.__u&=-161,r.__h.length&&s.push(r),B&&(r.__E=r.__=null)}catch(V){if(e.__v=null,h||n!=null)if(V.then){for(e.__u|=h?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;n[n.indexOf(c)]=null,e.__e=c}else{for(uu=n.length;uu--;)zu(n[uu]);Gu(e)}else e.__e=t.__e,e.__k=t.__k,V.then||Gu(e);y.__e(V,e,t)}else n==null&&e.__v==t.__v?(e.__k=t.__k,e.__e=t.__e):c=e.__e=lt(t.__e,e,t,a,o,n,s,h,D);return(_=y.diffed)&&_(e),128&e.__u?void 0:c}function Gu(u){u&&(u.__c&&(u.__c.__e=!0),u.__k&&u.__k.some(Gu))}function Dt(u,e,t){for(var a=0;a<t.length;a++)Hu(t[a],t[++a],t[++a]);y.__c&&y.__c(e,u),u.some(function(o){try{u=o.__h,o.__h=[],u.some(function(n){n.call(o)})}catch(n){y.__e(n,o.__v)}})}function xe(u){return typeof u!="object"||u==null||u.__b>0?u:Su(u)?u.map(xe):$({},u)}function lt(u,e,t,a,o,n,s,c,h){var D,_,r,E,f,b,S,B=t.props||ge,p=e.props,C=e.type;if(C=="svg"?o="http://www.w3.org/2000/svg":C=="math"?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),n!=null){for(D=0;D<n.length;D++)if((f=n[D])&&"setAttribute"in f==!!C&&(C?f.localName==C:f.nodeType==3)){u=f,n[D]=null;break}}if(u==null){if(C==null)return document.createTextNode(p);u=document.createElementNS(o,C,p.is&&p),c&&(y.__m&&y.__m(e,n),c=!1),n=null}if(C==null)B===p||c&&u.data==p||(u.data=p);else{if(n=n&&pe.call(u.childNodes),!c&&n!=null)for(B={},D=0;D<u.attributes.length;D++)B[(f=u.attributes[D]).name]=f.value;for(D in B)f=B[D],D=="dangerouslySetInnerHTML"?r=f:D=="children"||D in p||D=="value"&&"defaultValue"in p||D=="checked"&&"defaultChecked"in p||mu(u,D,null,f,o);for(D in p)f=p[D],D=="children"?E=f:D=="dangerouslySetInnerHTML"?_=f:D=="value"?b=f:D=="checked"?S=f:c&&typeof f!="function"||B[D]===f||mu(u,D,f,B[D],o);if(_)c||r&&(_.__html==r.__html||_.__html==u.innerHTML)||(u.innerHTML=_.__html),e.__k=[];else if(r&&(u.innerHTML=""),Be(e.type=="template"?u.content:u,Su(E)?E:[E],e,t,a,C=="foreignObject"?"http://www.w3.org/1999/xhtml":o,n,s,n?n[0]:t.__k&&su(t,0),c,h),n!=null)for(D=n.length;D--;)zu(n[D]);c||(D="value",C=="progress"&&b==null?u.removeAttribute("value"):b!=null&&(b!==u[D]||C=="progress"&&!b||C=="option"&&b!=B[D])&&mu(u,D,b,B[D],o),D="checked",S!=null&&S!=u[D]&&mu(u,D,S,B[D],o))}return u}function Hu(u,e,t){try{if(typeof u=="function"){var a=typeof u.__u=="function";a&&u.__u(),a&&e==null||(u.__u=u(e))}else u.current=e}catch(o){y.__e(o,t)}}function Se(u,e,t){var a,o;if(y.unmount&&y.unmount(u),(a=u.ref)&&(a.current&&a.current!=u.__e||Hu(a,null,e)),(a=u.__c)!=null){if(a.componentWillUnmount)try{a.componentWillUnmount()}catch(n){y.__e(n,e)}a.base=a.__P=null}if(a=u.__k)for(o=0;o<a.length;o++)a[o]&&Se(a[o],e,t||typeof u.type!="function");t||zu(u.__e),u.__c=u.__=u.__e=void 0}function st(u,e,t){return this.constructor(u,t)}pe=bu.slice,y={__e:function(u,e,t,a){for(var o,n,s;e=e.__;)if((o=e.__c)&&!o.__)try{if((n=o.constructor)&&n.getDerivedStateFromError!=null&&(o.setState(n.getDerivedStateFromError(u)),s=o.__d),o.componentDidCatch!=null&&(o.componentDidCatch(u,a||{}),s=o.__d),s)return o.__E=o}catch(c){u=c}throw u}},Ce=0,tt=function(u){return u!=null&&u.constructor===void 0},yu.prototype.setState=function(u,e){var t;t=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=$({},this.state),typeof u=="function"&&(u=u($({},t),this.props)),u&&$(t,u),u!=null&&this.__v&&(e&&this._sb.push(e),_e(this))},yu.prototype.forceUpdate=function(u){this.__v&&(this.__e=!0,u&&this.__h.push(u),_e(this))},yu.prototype.render=cu,J=[],ve=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Ee=function(u,e){return u.__v.__b-e.__v.__b},xu.__r=0,Mu=Math.random().toString(8),Bu="__d"+Mu,du="__a"+Mu,Ae=/(PointerCapture)$|Capture$/i,Iu=0,Ru=he(!1),Ou=he(!0),rt=0;function Fu(u){let e=_t(ft(u,"index"),!0);return e.length===0?"/":e}function we(){let u=window.location.pathname;return u.endsWith("/")&&(u=u.slice(0,-1)),u.startsWith("/")&&(u=u.slice(1)),u}function Nu(){return typeof document>"u"?"":document.body?.dataset?.basepath??""}function $u(u,e){let t=e??Nu(),a=u.startsWith("/")?u:"/"+u;return t+a}function Ft(u,e){return u===e||u.endsWith("/"+e)}function ft(u,e){return Ft(u,e)&&(u=u.slice(0,-e.length)),u}function _t(u,e){return u.startsWith("/")&&(u=u.substring(1)),!e&&u.endsWith("/")&&(u=u.slice(0,-1)),u}function ke(u){for(;u.firstChild;)u.removeChild(u.firstChild)}(function(){function u(){var a=we(),o=Nu();return o&&a.startsWith(o.replace(/^\\//,""))&&(a=a.slice(o.replace(/^\\//,"").length),a.startsWith("/")&&(a=a.slice(1))),a}function e(a){var o=document.querySelector('script[src="'+a+'"]');return o?Promise.resolve():new Promise(function(n,s){var c=document.createElement("script");c.src=a,c.crossOrigin="anonymous",c.onload=n,c.onerror=s,document.head.appendChild(c)})}Promise.all([e("https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"),e("https://cdn.jsdelivr.net/npm/pixi.js@8/dist/pixi.js")]).then(function(){t()}).catch(function(a){console.error("[Graph] Failed to load libraries:",a);for(var o=document.querySelectorAll(".graph-container"),n=0;n<o.length;n++)o[n].textContent="Graph could not load. Check your network connection.",o[n].style.display="flex",o[n].style.alignItems="center",o[n].style.justifyContent="center",o[n].style.color="var(--gray)",o[n].style.fontSize="0.9rem"});function t(){var a=window.d3,o=window.PIXI;if(!a||!o){console.error("[Graph] Libraries not loaded");return}var n="graph-visited";function s(){return new Set(JSON.parse(localStorage.getItem(n)||"[]"))}function c(d){var w=s();w.add(d),localStorage.setItem(n,JSON.stringify(Array.from(w)))}function h(d,w){if(!d)return w;var g=document.createElement("div");g.style.color=d,g.style.position="absolute",g.style.visibility="hidden",document.body.appendChild(g);var m=getComputedStyle(g).color;return g.remove(),m||w}async function D(d,w,g){var m=Fu(w);m===""&&(m="index");var q=s();if(ke(d),g!==void 0&&g!==E)return console.log("[Graph] Stale render, skipping"),function(){};var x=JSON.parse(d.dataset.cfg||"{}"),fu=x.drag,Le=x.zoom,Vu=x.depth,qu=x.scale||1,Pe=x.repelForce||.5,je=x.centerForce||.3,Te=x.linkDistance||30,We=x.fontSize||.6,Me=x.opacityScale||1,Ue=x.removeTags||[],Re=x.showTags,Oe=x.focusOnHover,Ge=x.enableRadial,eu;try{var Ku=await fetchData;eu=new Map;for(var Ju in Ku)eu.set(Fu(Ju),Ku[Ju])}catch(i){return console.error("[Graph] Error loading data:",i),function(){}}var R=d.offsetWidth,O=Math.max(d.offsetHeight,250),tu=[],hu=[],Xu=new Set(eu.keys());eu.forEach(function(i,l){for(var F=i.links||[],A=0;A<F.length;A++){var v=Fu(F[A]);Xu.has(v)&&tu.push({source:l,target:v})}if(Re)for(var j=i.tags||[],A=0;A<j.length;A++){var N=j[A];if(Ue.indexOf(N)===-1){var K=Fu("tags/"+N);hu.indexOf(K)===-1&&hu.push(K),tu.push({source:l,target:K})}}});var ru=new Set;if(Vu>=0)for(var pu=[m],Cu=new Set([m]),Yu=0;Yu<=Vu&&pu.length>0;Yu++){for(var wu=[],ku=0;ku<pu.length;ku++){var Lu=pu[ku];ru.add(Lu);for(var Pu=0;Pu<tu.length;Pu++){var W=tu[Pu];W.source===Lu&&!Cu.has(W.target)&&(Cu.add(W.target),wu.push(W.target)),W.target===Lu&&!Cu.has(W.source)&&(Cu.add(W.source),wu.push(W.source))}}pu=wu}else{Xu.forEach(function(i){ru.add(i)});for(var k=0;k<hu.length;k++)ru.add(hu[k])}var nu=[],ju=new Map;ru.forEach(function(i){var l=i.startsWith("tags/"),F=l?"#"+i.substring(5):eu.get(i)?.title||i,A=l?[]:eu.get(i)?.tags||[],v={id:i,text:F,tags:A,x:Math.random()*R-R/2,y:Math.random()*O-O/2,vx:0,vy:0};nu.push(v),ju.set(i,v)});for(var H=[],k=0;k<tu.length;k++){var W=tu[k];if(ru.has(W.source)&&ru.has(W.target)){var Zu=ju.get(W.source),Qu=ju.get(W.target);Zu&&Qu&&H.push({source:Zu,target:Qu})}}var Y=getComputedStyle(document.documentElement),Ie=h(Y.getPropertyValue("--secondary").trim(),"#c792ea"),ue=h(Y.getPropertyValue("--tertiary").trim(),"#82aaff"),ee=h(Y.getPropertyValue("--gray").trim(),"#6c6c6c"),te=h(Y.getPropertyValue("--lightgray").trim(),"#d4d4d4"),ze=h(Y.getPropertyValue("--dark").trim(),"#1a1a1a"),He=h(Y.getPropertyValue("--light").trim(),"#f5f5f5"),Ne=Y.getPropertyValue("--bodyFont").trim()||"inherit",Z=new o.Application;await Z.init({width:R,height:O,antialias:!0,backgroundAlpha:0,resolution:window.devicePixelRatio||1,autoDensity:!0,eventMode:"static"}),d.appendChild(Z.canvas);var ou=new o.Container;Z.stage.addChild(ou);var au=a.forceSimulation(nu).force("charge",a.forceManyBody().strength(-100*Pe)).force("center",a.forceCenter().strength(je)).force("link",a.forceLink(H).distance(Te)).force("collide",a.forceCollide().radius(function(i){for(var l=0,F=0;F<H.length;F++)(H[F].source.id===i.id||H[F].target.id===i.id)&&l++;return 2+Math.sqrt(l)}).iterations(3));if(Ge){var Tu=Math.min(R,O)/2*.8;au.force("radial",a.forceRadial(Tu).strength(.2))}var re=new o.Container,ne=new o.Container,vu=new o.Container;ou.addChild(re),ou.addChild(ne),ou.addChild(vu);var L=[],z=[],_u=null,iu=new Set,oe=0,Eu=!1,P=a.zoomIdentity;function ae(i){for(var l=0,F=0;F<H.length;F++)(H[F].source.id===i.id||H[F].target.id===i.id)&&l++;return 2+Math.sqrt(l)}function $e(i){var l=i.id===m;return l?Ie:q.has(i.id)||i.id.startsWith("tags/")?ue:ee}function Wu(i){if(_u=i,i===null){iu=new Set;for(var l=0;l<L.length;l++)L[l].active=!1;for(var l=0;l<z.length;l++)z[l].active=!1}else{iu=new Set;for(var l=0;l<z.length;l++){var F=z[l].simulationData;F.source.id===i||F.target.id===i?(iu.add(F.source.id),iu.add(F.target.id),z[l].active=!0):z[l].active=!1}iu.add(i);for(var l=0;l<L.length;l++)iu.has(L[l].simulationData.id)?L[l].active=!0:L[l].active=!1}}function Ve(){for(var i=0;i<z.length;i++){var l=z[i],F=1;_u!==null&&(F=l.active?1:.2),l.alpha=F,l.color=l.active?ee:te}}function qe(){for(var i=1/qu,l=i*1.1,F=0;F<L.length;F++){var A=L[F];_u===A.simulationData.id?(A.label.alpha=1,A.label.scale.set(l)):A.label.scale.set(i)}}function Ke(){for(var i=0;i<L.length;i++){var l=L[i],F=1;_u!==null&&Oe&&(F=l.active?1:.2),l.gfx.alpha=F}}function Au(){Ke(),Ve(),qe()}for(var k=0;k<nu.length;k++){var Du=nu[k],ie=Du.id,De=ie.startsWith("tags/"),Tu=ae(Du),le=$e(Du),lu=new o.Text({text:Du.text,style:{fontSize:We*15,fill:ze,fontFamily:Ne},resolution:window.devicePixelRatio*4});lu.anchor.set(.5,1.2),lu.alpha=0,lu.scale.set(1/qu),vu.addChild(lu);var U=new o.Graphics;U.circle(0,0,Tu),U.fill({color:De?He:le}),De&&U.stroke({width:2,color:ue}),U.eventMode="static",U.cursor="pointer",U.label=ie,(function(F,A,v){var j=0;A.on("pointerover",function(N){Wu(F.id),j=v.alpha,Eu||Au()}),A.on("pointerleave",function(){Wu(null),v.alpha=j,Eu||Au()})})(Du,U,lu),ne.addChild(U),L.push({simulationData:Du,gfx:U,label:lu,color:le,alpha:1,active:!1})}for(var k=0;k<H.length;k++){var W=H[k],U=new o.Graphics;U.eventMode="none",re.addChild(U),z.push({simulationData:W,gfx:U,color:te,alpha:1,active:!1})}if(fu){var Je=function(i){for(var l=(i.x-P.x)/P.k,F=(i.y-P.y)/P.k,A=0;A<nu.length;A++){var v=nu[A],j=l-v.x-R/2,N=F-v.y-O/2,K=Math.sqrt(j*j+N*N),gu=ae(v);if(K<gu+5)return v}return null},Xe=function(i){i.active||au.alphaTarget(1).restart(),i.subject.fx=i.subject.x,i.subject.fy=i.subject.y;var l=(i.x-P.x)/P.k-R/2,F=(i.y-P.y)/P.k-O/2;i.subject.__dragOffset={x:l-i.subject.x,y:F-i.subject.y},oe=Date.now(),Eu=!0,_u=i.subject.id},Ye=function(i){var l=(i.x-P.x)/P.k-R/2,F=(i.y-P.y)/P.k-O/2;i.subject.fx=l-i.subject.__dragOffset.x,i.subject.fy=F-i.subject.__dragOffset.y},Ze=function(i){if(i.active||au.alphaTarget(0),i.subject.fx=null,i.subject.fy=null,Eu=!1,Wu(null),Au(),Date.now()-oe<500){var l=$u(i.subject.id);window.location.href=l}},Qe=a.drag().container(Z.canvas).subject(Je).on("start",Xe).on("drag",Ye).on("end",Ze);a.select(Z.canvas).call(Qe)}else for(var k=0;k<L.length;k++)(function(l){l.gfx.on("click",function(){var F=$u(l.simulationData.id);window.location.href=F})})(L[k]);if(Le){var ut=function(i){P=i.transform,ou.scale.set(P.k,P.k),ou.position.set(P.x,P.y);for(var l=P.k*Me,F=Math.max((l-1)/3.75,0),A=[],v=0;v<L.length;v++)L[v].active&&A.push(L[v].label);for(var v=0;v<vu.children.length;v++){var j=vu.children[v];A.indexOf(j)===-1&&(j.alpha=F)}},et=a.zoom().extent([[0,0],[R,O]]).scaleExtent([.25,4]).on("zoom",ut);a.select(Z.canvas).call(et)}var se=!1;function ce(){if(!se){for(var i=0;i<L.length;i++){var l=L[i],F=l.simulationData.x,A=l.simulationData.y;F!=null&&A!=null&&(l.gfx.position.set(F+R/2,A+O/2),l.label&&l.label.position.set(F+R/2,A+O/2))}for(var i=0;i<z.length;i++){var v=z[i],j=v.simulationData,N=j.source.x,K=j.source.y,gu=j.target.x,Fe=j.target.y;N!=null&&K!=null&&gu!=null&&Fe!=null&&(v.gfx.clear(),v.gfx.moveTo(N+R/2,K+O/2),v.gfx.lineTo(gu+R/2,Fe+O/2),v.gfx.stroke({alpha:v.alpha,width:1,color:v.color}))}requestAnimationFrame(ce)}}return au.on("tick",function(){}),au.restart(),Au(),ce(),function(){se=!0,au.stop();try{Z.destroy(!0)}catch{}}}var _=[],r=[],E=0;function f(){for(var d=0;d<_.length;d++)_[d]();_=[]}function b(){for(var d=0;d<r.length;d++)r[d]();r=[]}var S=[],B=[],p=null,C=null,M=null;function G(){b();for(var d=0;d<S.length;d++){S[d].classList.remove("active");var w=S[d].closest(".sidebar");w&&(w.style.zIndex="")}}function I(){for(var d=0;d<S.length;d++)if(S[d].classList.contains("active"))return!0;return!1}function Q(){b();for(var d=u(),w=0;w<S.length;w++){var g=S[w];g.classList.add("active");var m=g.closest(".sidebar");m&&(m.style.zIndex="1");var q=g.querySelector(".global-graph-container");q&&(function(x){D(x,d,void 0).then(function(fu){r.push(fu)}).catch(function(fu){console.error("[Graph] Global render error:",fu)})})(q)}}function X(){I()?G():Q()}function uu(){f();var d=++E,w=u();c(w);for(var g=document.querySelectorAll(".graph-container"),m=0;m<g.length;m++)(function(q){D(q,w,d).then(function(x){d===E&&_.push(x)}).catch(function(x){console.error("[Graph] Local render error:",x)})})(g[m])}function T(d){var w=d.detail?d.detail.url:u();if(c(Fu(w)),uu(),S=Array.from(document.querySelectorAll(".global-graph-outer")),M)for(var g=0;g<B.length;g++)B[g].removeEventListener("click",M);B=Array.from(document.querySelectorAll(".global-graph-icon")),M=function(){X()};for(var g=0;g<B.length;g++)B[g].addEventListener("click",M);p&&document.removeEventListener("click",p),p=function(m){if(I()){var q=m.target.closest(".global-graph-container"),x=m.target.closest(".global-graph-icon");!q&&!x&&G()}},document.addEventListener("click",p),C&&document.removeEventListener("keydown",C),C=function(m){if(m.key==="Escape"){I()&&G();return}m.key==="g"&&(m.ctrlKey||m.metaKey)&&!m.shiftKey&&(m.preventDefault(),X())},document.addEventListener("keydown",C),I()&&Q()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){T({detail:{url:u()}})}):T({detail:{url:u()}}),document.addEventListener("prenav",function(){f(),b()}),document.addEventListener("nav",T),document.addEventListener("render",T);function V(){uu(),I()&&Q()}document.addEventListener("themechange",V)}})();
+`;
+var l;
+l = { __e: function(n2, l2, u3, t2) {
+  for (var i2, r2, o2; l2 = l2.__; ) if ((i2 = l2.__c) && !i2.__) try {
+    if ((r2 = i2.constructor) && null != r2.getDerivedStateFromError && (i2.setState(r2.getDerivedStateFromError(n2)), o2 = i2.__d), null != i2.componentDidCatch && (i2.componentDidCatch(n2, t2 || {}), o2 = i2.__d), o2) return i2.__E = i2;
+  } catch (l3) {
+    n2 = l3;
+  }
+  throw n2;
+} }, "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Math.random().toString(8);
+
+// node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
+var f2 = 0;
+function u2(e2, t2, n2, o2, i2, u3) {
+  t2 || (t2 = {});
+  var a2, c2, p2 = t2;
+  if ("ref" in p2) for (c2 in p2 = {}, t2) "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
+  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f2, __i: -1, __u: 0, __source: i2, __self: u3 };
+  if ("function" == typeof e2 && (a2 = e2.defaultProps)) for (c2 in a2) void 0 === p2[c2] && (p2[c2] = a2[c2]);
+  return l.vnode && l.vnode(l2), l2;
+}
+
+// src/components/Graph.tsx
+var defaultOptions = {
+  localGraph: {
+    drag: true,
+    zoom: true,
+    depth: 1,
+    scale: 1.1,
+    repelForce: 0.5,
+    centerForce: 0.3,
+    linkDistance: 30,
+    fontSize: 0.6,
+    opacityScale: 1,
+    showTags: true,
+    removeTags: [],
+    focusOnHover: false,
+    enableRadial: false
+  },
+  globalGraph: {
+    drag: true,
+    zoom: true,
+    depth: -1,
+    scale: 0.9,
+    repelForce: 0.5,
+    centerForce: 0.2,
+    linkDistance: 30,
+    fontSize: 0.6,
+    opacityScale: 1,
+    showTags: true,
+    removeTags: [],
+    focusOnHover: true,
+    enableRadial: true
+  }
+};
+var Graph_default = ((userOpts) => {
+  const Graph = ({ displayClass, cfg }) => {
+    const localGraph = { ...defaultOptions.localGraph, ...userOpts?.localGraph };
+    const globalGraph = { ...defaultOptions.globalGraph, ...userOpts?.globalGraph };
+    return /* @__PURE__ */ u2("div", { class: classNames(displayClass, "graph"), children: [
+      /* @__PURE__ */ u2("h3", { children: i18n(cfg.locale ?? "en-US").components.graph.title }),
+      /* @__PURE__ */ u2("div", { class: "graph-outer", children: [
+        /* @__PURE__ */ u2("div", { class: "graph-container", "data-cfg": JSON.stringify(localGraph) }),
+        /* @__PURE__ */ u2("button", { class: "global-graph-icon", "aria-label": "Global Graph", children: /* @__PURE__ */ u2(
+          "svg",
+          {
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            xmlnsXlink: "http://www.w3.org/1999/xlink",
+            x: "0px",
+            y: "0px",
+            viewBox: "0 0 55 55",
+            fill: "currentColor",
+            xmlSpace: "preserve",
+            children: /* @__PURE__ */ u2(
+              "path",
+              {
+                d: "M49,0c-3.309,0-6,2.691-6,6c0,1.035,0.263,2.009,0.726,2.86l-9.829,9.829C32.542,17.634,30.846,17,29,17\n                s-3.542,0.634-4.898,1.688l-7.669-7.669C16.785,10.424,17,9.74,17,9c0-2.206-1.794-4-4-4S9,6.794,9,9s1.794,4,4,4\n                c0.74,0,1.424-0.215,2.019-0.567l7.669,7.669C21.634,21.458,21,23.154,21,25s0.634,3.542,1.688,4.897L10.024,42.562\n                C8.958,41.595,7.549,41,6,41c-3.309,0-6,2.691-6,6s2.691,6,6,6s6-2.691,6-6c0-1.035-0.263-2.009-0.726-2.86l12.829-12.829\n                c1.106,0.86,2.44,1.436,3.898,1.619v10.16c-2.833,0.478-5,2.942-5,5.91c0,3.309,2.691,6,6,6s6-2.691,6-6c0-2.967-2.167-5.431-5-5.91\n                v-10.16c1.458-0.183,2.792-0.759,3.898-1.619l7.669,7.669C41.215,39.576,41,40.26,41,41c0,2.206,1.794,4,4,4s4-1.794,4-4\n                s-1.794-4-4-4c-0.74,0-1.424,0.215-2.019,0.567l-7.669-7.669C36.366,28.542,37,26.846,37,25s-0.634-3.542-1.688-4.897l9.665-9.665\n                C46.042,11.405,47.451,12,49,12c3.309,0,6-2.691,6-6S52.309,0,49,0z M11,9c0-1.103,0.897-2,2-2s2,0.897,2,2s-0.897,2-2,2\n                S11,10.103,11,9z M6,51c-2.206,0-4-1.794-4-4s1.794-4,4-4s4,1.794,4,4S8.206,51,6,51z M33,49c0,2.206-1.794,4-4,4s-4-1.794-4-4\n                s1.794-4,4-4S33,46.794,33,49z M29,31c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S32.309,31,29,31z M47,41c0,1.103-0.897,2-2,2\n                s-2-0.897-2-2s0.897-2,2-2S47,39.897,47,41z M49,10c-2.206,0-4-1.794-4-4s1.794-4,4-4s4,1.794,4,4S51.206,10,49,10z"
+              }
+            )
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ u2("div", { class: "global-graph-outer", children: /* @__PURE__ */ u2("div", { class: "global-graph-container", "data-cfg": JSON.stringify(globalGraph) }) })
+    ] });
+  };
+  Graph.css = graph_default;
+  Graph.afterDOMLoaded = graph_inline_default;
+  return Graph;
+});
+
+export { Graph_default as Graph };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map