https://gojs.net/latest/_app/immutable/nodes/0.C_LjckQI.js

1import{At as e,Dt as t,F as n,G as r,H as i,K as a,L as o,N as s,O as c,Ot as l,P as u,R as d,T as f,Tt as p,U as m,V as h,W as g,X as _,_t as v,bt as y,ct as b,d as x,gt as S,i as ee,it as C,j as w,lt as T,mt as E,o as D,pt as O,u as te,ut as k,w as A,wt as j,xt as M,y as N,z as P}from"../chunks/DLg-vmKF.js";import{h as F,m as I,p as L,t as R}from"../chunks/DTHc69UW.js";import"../chunks/xihTtKlq.js";import{t as z}from"../chunks/D1GSm-AM.js";import{r as B}from"../chunks/Cx0mS2gh.js";import{t as V}from"../chunks/Pl-DEOOm.js";import{n as ne,t as H}from"../chunks/BCTQZqmF.js";import{t as U}from"../chunks/Dqphup8O.js";import{t as W}from"../chunks/sRhlbMjX.js";import{t as re}from"../chunks/Co1-bywE.js";import{t as ie}from"../chunks/CNaPRjip.js";import"../chunks/BG3M9rDN.js";import{n as G,t as K}from"../chunks/-RZBX84i.js";var q=e({prerender:()=>!0}),J=g(h(`<script>
2    document.documentElement.classList.toggle(
3      'dark',
4      localStorage.theme === 'dark' ||
5        (!('theme' in localStorage) &&
6          window.matchMedia('(prefers-color-scheme: dark)').matches)
7    );
8  <\/script><!>`,1)),Y=h(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="dark:hidden"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="hidden dark:block"><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"></path></svg> <span class="sr-only">Toggle theme</span>`,1);function X(e,t){M(t,!0);function n(){localStorage.theme?localStorage.theme===`light`?(document.documentElement.classList.add(`dark`),localStorage.theme=`dark`):(document.documentElement.classList.remove(`dark`),localStorage.theme=`light`):document.documentElement.classList.contains(`dark`)?(document.documentElement.classList.remove(`dark`),localStorage.theme=`light`):(document.documentElement.classList.add(`dark`),localStorage.theme=`dark`),V.isDark=document.documentElement.classList.contains(`dark`)}let r=D(t,`class`,3,void 0);ee(()=>{V.isDark=document.documentElement.classList.contains(`dark`)}),c(`1cmi4dh`,e=>{var t=J();k(T(t)),P(e,t)}),U(e,{onclick:n,variant:`ghost`,size:`icon`,get class(){return r()},"aria-label":`Toggle theme`,title:`Toggle theme`,children:(e,t)=>{var n=Y();N(T(n),`stroke-width`,1.5),j(4),P(e,n)},$$slots:{default:!0}}),y()}var ae=i(`<svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></g></svg>`),oe=h(`<!> <div data-separator="" class="bg-border h-px self-stretch opacity-30 rounded mx-4"></div>`,1),se=h(`<nav id="navTop"><div class="flex flex-wrap items-center justify-between"><a>GoJS</a> <div class="flex items-center mr-2"><div class="relative"><!> <div id="topnavList" class="hidden sm:block"><div class="relative z-30 flex flex-row gap-1 md:gap-3 lg:gap-4 items-start text-foreground font-semibold"><!> <!></div></div></div></div></div></nav> <div id="topnavHamburger"><div><!> <!></div></div>`,1);function Z(e,t){M(t,!0);let r=D(t,`fixedNav`,3,!1),i=E(!1),a=v(()=>z.route.id===`/`),o=[`/contact`,`/pricing`,`/buy/[slug]`],s=v(()=>o.includes(z.route.id??``)||(z.route.id??``).startsWith(`/solutions`)),c=v(()=>_(a)||_(s)),l=E(0),f=E(0),h=v(()=>_(s)||_(f)<640?20:100);function g(e){O(i,!_(i)),e.stopPropagation()}function S(e){let t=e.target.closest(`[data-separator]`)!==null;_(i)&&!t&&O(i,!1)}ee(()=>(document.addEventListener(`click`,S),()=>document.removeEventListener(`click`,S)));let w=[{href:I(`/learn`),label:`Learn`},{href:I(`/samples`),label:`Samples`},{href:`${F}/api/index.html`,label:`API`},{href:`https://forum.nwoods.com/c/gojs/11`,label:`Forum`,external:!0},{href:I(`/contact`),label:`Contact`,event:`clicked_contact`,reload:!0},{href:I(`/pricing`),label:`Pricing`,event:`clicked_buy`,reload:!0}];var L=se(),R=T(L),ne=b(R),W=b(ne),re=k(W,2),ie=b(re),G=b(ie);U(G,{onclick:g,variant:`ghost`,size:`icon`,class:`sm:hidden`,"aria-label":`Navigation`,title:`Navigation`,children:(e,t)=>{P(e,ae())},$$slots:{default:!0}});var K=k(G,2),q=b(K),J=b(q);u(J,17,()=>w,n,(e,t)=>{{let n=v(()=>H(_(t).href,V.attribution)),r=v(()=>_(t).external?`_blank`:void 0),i=v(()=>_(t).external?`noopener`:void 0),a=v(()=>_(t).reload?``:void 0);U(e,{get href(){return _(n)},variant:`ghost`,get target(){return _(r)},get rel(){return _(i)},get"data-sveltekit-reload"(){return _(a)},onclick:()=>_(t).event&&B(_(t).event),children:(e,n)=>{j();var r=m();C(()=>d(r,_(t).label)),P(e,r)},$$slots:{default:!0}})}}),X(k(J,2),{}),p(q),p(K),p(ie),p(re),p(ne),p(R);var Y=k(R,2),Z=b(Y),Q=b(Z);u(Q,17,()=>w,n,(e,t)=>

8{var n=oe(),r=T(n);{let e=v(()=>H(_(t).href,V.attribution)),n=v(()=>_(t).external?`_blank`:void 0),i=v(()=>_(t).external?`noopener`:void 0),a=v(()=>_(t).reload?``:void 0);U(r,{get href(){return _(e)},variant:`ghost`,size:`xl`,class:`w-full justify-start text-base px-4 py-8`,get target(){return _(n)},get rel(){return _(i)},get"data-sveltekit-reload"(){return _(a)},onclick:()=>_(t).event&&B(_(t).event),children:(e,n)=>{j();var r=m();C(()=>d(r,_(t).label)),P(e,r)},$$slots:{default:!0}})}j(2),P(e,n)}),X(k(Q,2),{class:`w-full h-11 justify-start px-4 py-8`}),p(Z),p(Y),C(e=>{A(R,1,`${r()?`sticky top-0`:``} w-full z-30 border-b ${_(l)>_(h)||_(i)||!_(c)?`bg-background border-border`:`bg-transparent border-border/0`} transition-colors duration-500`),A(W,1,`dark:text-white ${_(l)>0||_(i)||!_(c)?`text-nwoods-primary`:`text-foreground`} transition-colors duration-500 dark:bg-transparent leading-[calc(var(--topnav-h)-1px)] font-bold my-0 px-3 text-5xl logo ${_(a)?`-mb-px leading-[calc(var(--topnav-h))]!`:``}`),N(W,`href`,e),A(Z,1,`fixed left-0 z-30 sm:hidden w-full h-full flex flex-col items-start bg-background text-foreground font-semibold
9            transition duration-300 ${_(i)?`opacity-100 translate-y-0`:`opacity-0 -translate-y-2 pointer-events-none`}`)},[()=>I(`/`)]),te(`y`,()=>_(l),e=>O(l,e,!0)),x(`innerWidth`,e=>O(f,e,!0)),P(e,L),y()}var Q=(e,n=l,r=l,i=l,o)=>{let s=S(()=>t(o?.(),!1));var c=le(),u=b(c),f=b(u,!0);p(u),p(c),C(()=>{N(u,`href`,n()),N(u,`data-sveltekit-reload`,_(s)?``:void 0),d(f,r())}),a(`click`,u,()=>i()&&B(i())),P(e,c)},$=(e,t=l,n=l,r=l)=>{var i=ue(),o=b(i),s=b(o,!0);p(o),p(i),C(e=>{N(o,`href`,e),d(s,n())},[()=>H(t(),V.attribution)]),a(`click`,o,()=>r()&&B(r())),P(e,i)},ce=e=>{P(e,de())},le=h(`<li><a class="text-sm/6 text-foreground/70 hover:text-foreground"> </a></li>`),ue=h(`<li><a class="text-sm/6 text-foreground/70 hover:text-foreground" target="_blank" rel="noopener"> </a></li>`),de=h(`<div class="flex gap-2 items-center min-w-35"><div class="logo h-10 w-10 shrink-0 text-[1.65rem] flex items-center justify-center rounded-lg text-white font-bold bg-nwoods-primary"><span class="leading-none">Go</span></div> <p class="text-xs/6 text-foreground">By Northwoods <br/>Software</p></div>`),fe=h(`<li><a class="text-sm/6 text-foreground/70 hover:text-foreground whitespace-pre-line" data-sveltekit-reload=""> </a></li>`),pe=h(`<p id="version" class="text-xs text-foreground m-0"> </p>`),me=h(`<footer><!> <div class="relative max-w-7xl mx-auto px-6 lg:px-8"><div class="absolute -z-50 inset-x-6 lg:inset-x-8 -bottom-16 h-[calc(100%+4rem)]"><img class="dark:hidden h-full w-auto lg:h-auto lg:max-h-full lg:w-full object-cover opacity-18 mask-t-from-0% lg:mask-t-from-50% lg:mask-r-from-30% grayscale invert" alt="GoJS SCADA Diagram faded into the footer" width="3840" height="1311" loading="lazy"/> <img class="hidden dark:block h-full w-auto lg:h-auto lg:max-h-full lg:w-full object-cover opacity-30 mask-t-from-0% lg:mask-t-from-50% lg:mask-r-from-20% mask-radial-from-20% grayscale" alt="GoJS SCADA Diagram faded into the footer" width="3840" height="1311" loading="lazy"/></div> <div class="lg:grid lg:grid-cols-2"><div class="hidden items-start gap-8 lg:flex"><!></div> <div class="grid grid-cols-2 gap-8 sm:grid-cols-4 lg:grid-cols-4"><div class="lg:hidden"><!></div> <div><h3 class="my-0 text-sm/6 font-semibold text-foreground">GoJS</h3> <ul class="list-none mt-6 space-y-1"><!> <!> <!> <!></ul></div> <div><h2 class="my-0 text-sm/6 font-semibold text-foreground">Solutions</h2> <ul class="list-none mt-6 space-y-1"></ul></div> <div><h2 class="my-0 text-sm/6 font-semibold text-foreground">Support</h2> <ul class="list-none mt-6 space-y-1"><!> <!> <!> <!> <!></ul></div> <div><h2 class="my-0 text-sm/6 font-semibold text-foreground">Company</h2> <ul class="list-none mt-6 space-y-1"><!> <!> <!> <!></ul></div></div></div> <div class="mt-12 pt-8 md:flex md:items-center md:justify-between"><div class="flex gap-x-6 md:order-2"><a class="text-foreground/70 hover:text-foreground self-center" href="https://www.npmjs.com/package/gojs" target="_blank" rel="noopener"><span class="sr-only">npm</span> <svg viewBox="0 0 780 250" fill="currentColor" aria-hidden="true" class="size-7"><path d="M240,250h100v-50h100V0H240V250z M340,50h50v100h-50V50z M480,0v200h100V50h50v150h50V50h50v150h50V0H480z M0,200h100V50h50v150h50V0H0V200z" clip-rule="evenodd" fill-rule="evenodd"></path></svg></a>

9 <a class="text-foreground/70 hover:text-foreground" href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener"><span class="sr-only">GitHub</span> <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="size-6"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" fill-rule="evenodd"></path></svg></a> <a class="text-foreground/70 hover:text-foreground" href="https://twitter.com/northwoodsgo" target="_blank" rel="noopener"><span class="sr-only">Twitter/X</span> <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="size-6"><path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z"></path></svg></a></div> <p class="mt-8 text-xs/6 text-muted-foreground md:mt-0 md:order-1">© 1998-2026 Northwoods Software</p></div> <!></div></footer>`);function he(e,t){M(t,!0);let n=E(``);ee(()=>{typeof window<`u`&&window.go&&O(n,`GoJS version ${window.go.version}`)});var r=me(),i=b(r);ie(i,{shape:2,class:`hidden sm:block -top-20 sm:-top-50 -z-100 opacity-60 dark:opacity-30 mask-t-from-0% mask-l-from-20% dark:mask-l-from-100%`,shapeClass:`left-[calc(50%-2rem)] sm:left-[calc(50%-20rem)] sm:w-288.75`});var a=k(i,2),s=b(a),c=b(s),l=k(c,2);p(s);var m=k(s,2),h=b(m);ce(b(h)),p(h);var g=k(h,2),x=b(g);ce(b(x)),p(x);var S=k(x,2),w=k(b(S),2),T=b(w);{let e=v(()=>I(`/samples`));Q(T,()=>_(e),()=>`Samples`)}var D=k(T,2);{let e=v(()=>I(`/learn`));Q(D,()=>_(e),()=>`Learn`)}var te=k(D,2);{let e=v(()=>L(`/api/index.html`));Q(te,()=>_(e),()=>`API`)}var j=k(te,2);{let e=v(()=>I(`/changelog`));Q(j,()=>_(e),()=>`Changelog`)}p(w),p(S);var F=k(S,2),R=k(b(F),2);u(R,21,()=>re,e=>e.slug,(e,t)=>{var n=fe(),r=b(n),i=b(r,!0);p(r),p(n),C(e=>{N(r,`href`,e),d(i,_(t).navTitle)},[()=>W(`/solutions/${_(t).slug}`)]),P(e,n)}),p(R),p(F);var z=k(F,2),B=k(b(z),2),H=b(B);{let e=v(()=>I(`/pricing`));Q(H,()=>_(e),()=>`Pricing`,()=>`clicked_buy`,()=>!0)}var U=k(H,2);{let e=v(()=>I(`/contact`));Q(U,()=>_(e),()=>`Contact`,()=>`clicked_contact`,()=>!0)}var G=k(U,2);$(G,()=>`https://nwoods.com/register`,()=>`Register`);var K=k(G,2);$(K,()=>`https://forum.nwoods.com/c/gojs`,()=>`Forum`),$(k(K,2),()=>`https://nwoods.com/app/activate.aspx?sku=gojs`,()=>`Activate`),p(B),p(z);var q=k(z,2),J=k(b(q),2),Y=b(J);$(Y,()=>`https://nwoods.com`,()=>`Northwoods`);var X=k(Y,2);$(X,()=>`https://nwoods.com/about`,()=>`About Us`);var ae=k(X,2);{let e=v(()=>I(`/contact`));Q(ae,()=>_(e),()=>`Contact Us`,()=>`clicked_contact`,()=>!0)}$(k(ae,2),()=>`https://nwoods.com/consulting`,()=>`Consulting`),p(J),p(q),p(g),p(m);var oe=k(m,4),se=e=>{var t=pe(),r=b(t,!0);p(t),C(()=>d(r,_(n))),P(e,t)};o(oe,e=>{_(n)&&e(se)}),p(a),p(r),C((e,t,n)=>{A(r,1,e),N(c,`src`,t),N(l,`src`,n)},[()=>f(ne(`relative text-foreground border-t mt-16 py-16 overflow-clip`,V.hasSidebar&&`lg:pl-72`)),()=>L(`/assets/images/fp/audio_editor_footer2.png`),()=>L(`/assets/images/fp/audio_editor_footer2.png`)]),P(e,r),y()}r([`click`]);var ge=h(`<link rel="canonical"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="GoJS"/> <meta property="og:url"/> <meta property="og:image"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@northwoodsgo"/> <meta name="twitter:image"/> <!>

9`,1),_e=h(`<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:rounded focus:bg-background focus:px-3 focus:py-2 focus:text-foreground focus:outline-2 focus:outline-nwoods-primary">Skip to main content</a> <!> <main id="main" class="overflow-x-clip"><!></main> <!>`,1);function ve(e,t){M(t,!0),R(()=>{typeof gtag==`function`&&gtag(`config`,`G-S5QK8VSK84`,{page_path:z.url.pathname});let e=z.url.searchParams.get(`a`);e?(localStorage.setItem(`a`,e),V.attribution=e):V.attribution===null&&(V.attribution=localStorage.getItem(`a`))});let n=K,r=`${n}${G}/assets/images/fp/og.png`,i=v(()=>{let e=z.data?.metadata?.screenshot;return e?`${n}${G}/assets/images/screenshots/${e}.png`:r}),a=v(()=>`${n}${G}${z.route.id??`/`}`),o=JSON.stringify({"@context":`https://schema.org`,"@graph":[{"@type":`Organization`,"@id":`${n}/#organization`,name:`Northwoods Software`,url:`https://nwoods.com`,logo:`${n}${G}/assets/images/fp/og.png`,sameAs:[`https://github.com/NorthwoodsSoftware/GoJS`,`https://twitter.com/northwoodsgo`,`https://www.npmjs.com/package/gojs`]},{"@type":`SoftwareApplication`,"@id":`${n}${G}/#gojs`,name:`GoJS`,applicationCategory:`DeveloperApplication`,operatingSystem:`Web`,programmingLanguage:[`JavaScript`,`TypeScript`],description:`GoJS is a JavaScript and TypeScript library for building interactive diagramming apps - org charts, flowcharts, BPMN, SCADA, UML, and custom visual editors.`,url:`${n}${G}/`,publisher:{"@id":`${n}/#organization`},offers:{"@type":`Offer`,url:`${n}${G}/pricing`,category:`Commercial software license`}}]});var l=_e();c(`12qhfyh`,e=>{var t=ge(),n=T(t),r=k(n,6),c=k(r,2),l=k(c,6);s(k(l,2),()=>`<script type="application/ld+json">${o}<\/script>`),C(()=>{N(n,`href`,_(a)),N(r,`content`,_(a)),N(c,`content`,_(i)),N(l,`content`,_(i))}),P(e,t)});var u=k(T(l),2);Z(u,{fixedNav:!0});var d=k(u,2);w(b(d),()=>t.children),p(d),he(k(d,2),{}),P(e,l),y()}export{ve as component,q as universal};