@likec4/core 1.17.1 → 1.18.0

package/dist/index.mjs

@@ -1,237 +1,33 @@
-import { u as u$1, i as isElementPredicateExpr, o as o$5, a as invariant, b as isScopedElementView, D as DefaultThemeColor, c as DefaultElementShape, n as n$2, d as nonNullable, e as DefaultRelationshipColor } from './shared/core.BXTs-8n7.mjs';
-export { A as AsFqn, B as BorderStyles, a3 as ComputedNode, N as DefaultArrowType, M as DefaultLineStyle, a7 as DiagramNode, E as ElementKind, h as ElementShapes, f as Expr, $ as StepEdgeId, a1 as extractStep, a6 as getBBoxCenter, a2 as getParallelStepsPrefix, J as isAndOperator, T as isAutoLayoutDirection, a4 as isComputedDynamicView, a5 as isComputedElementView, l as isCustomElement, C as isCustomRelationExpr, Y as isDynamicView, W as isDynamicViewIncludeRule, X as isDynamicViewParallelSteps, r as isElement, p as isElementKindExpr, j as isElementRef, q as isElementTagExpr, Z as isElementView, s as isElementWhere, k as isExpandedElementExpr, _ as isExtendsElementView, v as isInOut, w as isIncoming, H as isKindEqual, I as isNotOperator, K as isOrOperator, x as isOutgoing, t as isRelation, y as isRelationExpression, F as isRelationPredicateExpr, z as isRelationWhere, a0 as isStepEdgeId, G as isTagEqual, O as isThemeColor, U as isViewRuleAutoLayout, Q as isViewRuleGlobalPredicateRef, S as isViewRuleGlobalStyle, V as isViewRuleGroup, P as isViewRulePredicate, R as isViewRuleStyle, m as isWildcard, g as nonexhaustive, L as whereOperatorAsPredicate } from './shared/core.BXTs-8n7.mjs';
+import { u, o as o$1, b as invariant, c as isScopedElementView, D as DeploymentElement, d as DefaultThemeColor, e as DefaultElementShape } from './shared/core.k12s_keD.mjs';
+export { A as AsFqn, B as BorderStyles, H as ComputedNode, I as ComputedView, h as DeploymentElementExpression, j as DeploymentExpression, g as DeploymentRelationExpression, K as DiagramNode, E as ElementKind, k as ElementShapes, F as extractStep, J as getBBoxCenter, G as getParallelStepsPrefix, r as isAutoLayoutDirection, w as isDeploymentView, x as isDynamicView, v as isDynamicViewParallelSteps, y as isElementView, i as isExtendsElementView, C as isStepEdgeId, s as isViewRuleAutoLayout, m as isViewRuleGlobalPredicateRef, q as isViewRuleGlobalStyle, t as isViewRuleGroup, l as isViewRulePredicate, p as isViewRuleStyle, f as nonNullable, n as nonexhaustive, z as stepEdgeId } from './shared/core.k12s_keD.mjs';
+import { m, l, c as computeViews, b as i, g as i$1, h as d, j as l$1 } from './shared/core.BQ4AbfvB.mjs';
+export { n as commonHead, k as compareRelations, o as objectHash, s as stringHash } from './shared/core.BQ4AbfvB.mjs';
+import { t as t$1, p as parentFqn, i as isSameHierarchy, L as LikeC4Model, n as nameFromFqn } from './shared/core.BPyJvuMU.mjs';
+export { a as LikeC4DeploymentModel, b as LikeC4ViewModel, l as ancestorsFqn, k as commonAncestor, o as compareByFqnHierarchically, m as compareFqnHierarchically, c as compareNatural, A as difference, B as equals, v as getOrCreate, D as hasIntersection, h as hierarchyDepth, j as hierarchyDistance, z as intersection, e as isAncestor, f as isDescendantOf, x as isNonEmptyArray, w as isString, g as notDescendantOf, d as parentFqnPredicate, s as sortByFqnHierarchically, u as sortNaturalByFqn, q as sortParentsFirst, C as symmetricDifference, y as union } from './shared/core.BPyJvuMU.mjs';
+import { i as isElementPredicateExpr } from './shared/core.BBgiAAv1.mjs';
+export { y as DefaultArrowType, D as DefaultLineStyle, z as DefaultRelationshipColor, e as Expr, v as isAndOperator, c as isCustomElement, q as isCustomRelationExpr, h as isElement, f as isElementKindExpr, a as isElementRef, g as isElementTagExpr, j as isElementWhere, b as isExpandedElementExpr, l as isInOut, m as isIncoming, t as isKindEqual, u as isNotOperator, w as isOrOperator, n as isOutgoing, k as isRelation, o as isRelationExpression, r as isRelationPredicateExpr, p as isRelationWhere, s as isTagEqual, d as isWildcard, x as whereOperatorAsPredicate } from './shared/core.BBgiAAv1.mjs';
 import defu from 'defu';
+export { isThemeColor } from './types/index.mjs';
 
-function r$1(...t){return u$1(Object.values,t)}
-
-function d$2(...e){return u$1(a,e,o$4)}var a=(e,n)=>e.length<n.length?e.map((t,r)=>[t,n[r]]):n.map((t,r)=>[e[r],t]),o$4=e=>(n,t)=>({hasNext:!0,next:[n,e[t]],done:t>=e.length-1});
-
-var s={done:!1,hasNext:!1};
-
-function x(t,...o){let n=t,u=o.map(e=>"lazy"in e?f(e):void 0),p=0;for(;p<o.length;){if(u[p]===void 0||!B(n)){let i=o[p];n=i(n),p+=1;continue}let r=[];for(let i=p;i<o.length;i++){let l=u[i];if(l===void 0||(r.push(l),l.isSingle))break}let a=[];for(let i of n)if(A(i,a,r))break;let{isSingle:y}=r.at(-1);n=y?a[0]:a,p+=r.length;}return n}function A(t,o,n){if(n.length===0)return o.push(t),!1;let u=t,p=s,e=!1;for(let[r,a]of n.entries()){let{index:y,items:i}=a;if(i.push(u),p=a(u,y,i),a.index+=1,p.hasNext){if(p.hasMany??!1){for(let l of p.next)if(A(l,o,n.slice(r+1)))return !0;return e}u=p.next;}if(!p.hasNext)break;p.done&&(e=!0);}return p.hasNext&&o.push(u),e}function f(t){let{lazy:o,lazyArgs:n}=t,u=o(...n);return Object.assign(u,{isSingle:o.single??!1,index:0,items:[]})}function B(t){return typeof t=="string"||typeof t=="object"&&t!==null&&Symbol.iterator in t}
-
-function i$3(...e){return u$1(r,e)}var r=(e,t)=>e.length>=t;
-
-function u(...e){return u$1(i$2,e)}function i$2(e,a){let n=[];for(let[o,r]of e.entries()){if(!a(r,o,e))break;n.push(r);}return n}
-
-function m$1(...r){return u$1(o$3,r)}function o$3(r,t){let e=[...r];return e.sort(t),e}
-
-function o$2(r,n){let e=Math.ceil(r),t=Math.floor(n);if(t<e)throw new RangeError(`randomInteger: The range [${r.toString()},${n.toString()}] contains no integer`);return Math.floor(Math.random()*(t-e+1)+e)}
-
-function d$1(...e){return u$1(i$1,e)}function i$1(e,o){let t={};for(let[r,n]of Object.entries(e))o(n,r,e)&&(t[r]=n);return t}
-
-function m(...a){return u$1(o$1,a,p)}var o$1=(a,e)=>a.map(e),p=a=>(e,t,r)=>({done:!1,hasNext:!0,next:a(e,t,r)});
-
-function l$1(...n){return u$1(d,n)}function d(n,o){let e={};for(let[a,t]of n.entries()){let[y,u]=o(t,a,n);e[y]=u;}return e}
-
-function i(...e){return u$1(o,e)}function o(e,r){let a={};for(let[n,u]of Object.entries(e)){let l=r(u,n,e);a[n]=l;}return a}
-
-function t$1(r){return typeof r=="string"}
-
-function n$1(e){return !!e}
+function o(r,n){let e=Math.ceil(r),t=Math.floor(n);if(t<e)throw new RangeError(`randomInteger: The range [${r.toString()},${n.toString()}] contains no integer`);return Math.floor(Math.random()*(t-e+1)+e)}
 
 function t(n){return typeof n=="function"}
 
-function l(n){return n!=null}
-
-function n(...r){return u$1(Object.fromEntries,r)}
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var naturalCompareLite = {exports: {}};
-
-var hasRequiredNaturalCompareLite;
-
-function requireNaturalCompareLite () {
-	if (hasRequiredNaturalCompareLite) return naturalCompareLite.exports;
-	hasRequiredNaturalCompareLite = 1;
-	/*
-	 * @version    1.4.0
-	 * @date       2015-10-26
-	 * @stability  3 - Stable
-	 * @author     Lauri Rooden (https://github.com/litejs/natural-compare-lite)
-	 * @license    MIT License
-	 */
-
-
-	var naturalCompare = function(a, b) {
-		var i, codeA
-		, codeB = 1
-		, posA = 0
-		, posB = 0
-		, alphabet = String.alphabet;
-
-		function getCode(str, pos, code) {
-			if (code) {
-				for (i = pos; code = getCode(str, i), code < 76 && code > 65;) ++i;
-				return +str.slice(pos - 1, i)
-			}
-			code = alphabet && alphabet.indexOf(str.charAt(pos));
-			return code > -1 ? code + 76 : ((code = str.charCodeAt(pos) || 0), code < 45 || code > 127) ? code
-				: code < 46 ? 65               // -
-				: code < 48 ? code - 1
-				: code < 58 ? code + 18        // 0-9
-				: code < 65 ? code - 11
-				: code < 91 ? code + 11        // A-Z
-				: code < 97 ? code - 37
-				: code < 123 ? code + 5        // a-z
-				: code - 63
-		}
-
-
-		if ((a+="") != (b+="")) for (;codeB;) {
-			codeA = getCode(a, posA++);
-			codeB = getCode(b, posB++);
-
-			if (codeA < 76 && codeB < 76 && codeA > 66 && codeB > 66) {
-				codeA = getCode(a, posA, posA);
-				codeB = getCode(b, posB, posA = i);
-				posB = i;
-			}
-
-			if (codeA != codeB) return (codeA < codeB) ? -1 : 1
-		}
-		return 0
-	};
-
-	try {
-		naturalCompareLite.exports = naturalCompare;
-	} catch (e) {
-		String.naturalCompare = naturalCompare;
-	}
-	return naturalCompareLite.exports;
-}
-
-var naturalCompareLiteExports = requireNaturalCompareLite();
-const compare = /*@__PURE__*/getDefaultExportFromCjs(naturalCompareLiteExports);
-
-function compareNatural(a, b) {
-  if (a === b) return 0;
-  if (t$1(a)) {
-    if (t$1(b)) {
-      return compare(a, b);
-    }
-    return 1;
-  }
-  return t$1(b) ? -1 : 0;
-}
-
-function isString(value) {
-  return value != null && typeof value === "string";
-}
-function isNonEmptyArray(arr) {
-  return !!arr && Array.isArray(arr) && arr.length > 0;
-}
+function n(...r){return u(Object.fromEntries,r)}
 
-function nameFromFqn(fqn) {
-  const lastDot = fqn.lastIndexOf(".");
-  if (lastDot > 0) {
-    return fqn.slice(lastDot + 1);
-  } else {
-    return fqn;
-  }
-}
-function isAncestor(...args) {
-  const ancestor = isString(args[0]) ? args[0] : args[0].id;
-  const another = isString(args[1]) ? args[1] : args[1].id;
-  return another.startsWith(ancestor + ".");
-}
-function isSameHierarchy(one, another) {
-  const first = isString(one) ? one : one.id;
-  const second = isString(another) ? another : another.id;
-  return first === second || second.startsWith(first + ".") || first.startsWith(second + ".");
-}
-function isDescendantOf(ancestors) {
-  const predicates = ancestors.flatMap((a) => [(e) => e.id === a.id, (e) => isAncestor(a, e)]);
-  return (e) => predicates.some((p) => p(e));
-}
-function notDescendantOf(ancestors) {
-  const isDescendant = isDescendantOf(ancestors);
-  return (e) => !isDescendant(e);
-}
-function commonAncestor(first, second) {
-  const parentA = parentFqn(first);
-  const parentB = parentFqn(second);
-  if (parentA === parentB) {
-    return parentA;
-  }
-  if (!parentA || !parentB) {
-    return null;
-  }
-  const a = first.split(".");
-  const b = second.split(".");
-  let ancestor = null;
-  while (a.length > 1 && b.length > 1 && !!a[0] && a[0] === b[0]) {
-    ancestor = ancestor ? `${ancestor}.${a[0]}` : a[0];
-    a.shift();
-    b.shift();
-  }
-  return ancestor;
-}
-function parentFqn(fqn) {
-  const lastDot = fqn.lastIndexOf(".");
-  if (lastDot > 0) {
-    return fqn.slice(0, lastDot);
-  }
-  return null;
-}
-function parentFqnPredicate(parent) {
-  const prefix = parent + ".";
-  return (e) => !!e.parent && (e.parent === parent || e.parent.startsWith(prefix));
-}
-function ancestorsFqn(fqn) {
-  const path = fqn.split(".");
-  path.pop();
-  if (path.length === 0) {
-    return [];
-  }
-  return path.reduce((acc, part, idx) => {
-    if (idx === 0) {
-      acc.push(part);
-      return acc;
-    }
-    acc.unshift(`${acc[0]}.${part}`);
-    return acc;
-  }, []);
-}
-function compareFqnHierarchically(a, b) {
-  const depthA = a.split(".").length;
-  const depthB = b.split(".").length;
-  switch (true) {
-    case depthA > depthB: {
-      return 1;
-    }
-    case depthA < depthB: {
-      return -1;
-    }
-    default: {
-      return 0;
-    }
+const DELAY = "LIKEC4_DELAY";
+function delay(...args) {
+  let ms = 100;
+  if (args.length === 2) {
+    ms = o(args[0], args[1]);
+  } else if (args.length === 1) {
+    ms = args[0];
   }
-}
-function compareByFqnHierarchically(a, b) {
-  return compareFqnHierarchically(a.id, b.id);
-}
-function sortByFqnHierarchically(array) {
-  return array.map((item) => ({ item, fqn: item.id.split(".") })).sort((a, b) => {
-    return a.fqn.length - b.fqn.length;
-  }).map(({ item }) => item);
-}
-function sortNaturalByFqn(array) {
-  return array.map((item) => ({ item, fqn: item.id.split(".") })).sort((a, b) => {
-    if (a.fqn.length !== b.fqn.length) {
-      return a.fqn.length - b.fqn.length;
-    }
-    for (let i = 0; i < a.fqn.length; i++) {
-      const compare = compareNatural(a.fqn[i], b.fqn[i]);
-      if (compare !== 0) {
-        return compare;
-      }
-    }
-    return 0;
-  }).map(({ item }) => item);
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(DELAY);
+    }, ms ?? 100);
+  });
 }
 
 function parseWhere(where) {
@@ -285,8 +81,7 @@ function parseWhere(where) {
 }
 function $include(...args) {
   return (b) => {
-    let expr = $expr(args[0]);
-    const isElement = isElementPredicateExpr(expr);
+    let expr = b.$expr(args[0]);
     if (args.length === 2) {
       const condition = args[1].where ? parseWhere(args[1].where) : void 0;
       if (condition) {
@@ -299,6 +94,7 @@ function $include(...args) {
       }
       const custom = args[1].with;
       if (custom) {
+        const isElement = isElementPredicateExpr(expr);
         if (isElement) {
           expr = {
             custom: {
@@ -322,7 +118,7 @@ function $include(...args) {
 }
 function $exclude(...args) {
   return (b) => {
-    let expr = $expr(args[0]);
+    let expr = b.$expr(args[0]);
     if (args.length === 2 && args[1].where) {
       const condition = parseWhere(args[1].where);
       expr = {
@@ -336,62 +132,140 @@ function $exclude(...args) {
     return b;
   };
 }
+const asTypedExpr = (expr) => {
+  return expr;
+};
 function $expr(expr) {
   if (!t$1(expr)) {
     return expr;
   }
   if (expr === "*") {
-    return { wildcard: true };
+    return asTypedExpr({ wildcard: true });
   }
   if (expr.startsWith("->")) {
     if (expr.endsWith("->")) {
-      return {
+      return asTypedExpr({
         inout: $expr(expr.replace(/->/g, "").trim())
-      };
+      });
     }
-    return {
+    return asTypedExpr({
       incoming: $expr(expr.replace("-> ", ""))
-    };
+    });
   }
   if (expr.endsWith(" ->")) {
-    return {
+    return asTypedExpr({
       outgoing: $expr(expr.replace(" ->", ""))
-    };
+    });
   }
   if (expr.includes(" <-> ")) {
     const [source, target] = expr.split(" <-> ");
-    return {
+    return asTypedExpr({
       source: $expr(source),
       target: $expr(target),
       isBidirectional: true
-    };
+    });
   }
   if (expr.includes(" -> ")) {
     const [source, target] = expr.split(" -> ");
-    return {
+    return asTypedExpr({
       source: $expr(source),
       target: $expr(target)
-    };
+    });
   }
   if (expr.endsWith("._")) {
-    return {
+    return asTypedExpr({
       expanded: expr.replace("._", "")
-    };
+    });
   }
   if (expr.endsWith(".*")) {
-    return {
+    return asTypedExpr({
       element: expr.replace(".*", ""),
-      isDescedants: true
-    };
+      isChildren: true
+    });
   }
-  return {
-    element: expr,
-    isDescedants: false
-  };
+  if (expr.endsWith(".**")) {
+    return asTypedExpr({
+      element: expr.replace(".**", ""),
+      isDescendants: true
+    });
+  }
+  return asTypedExpr({
+    element: expr
+  });
+}
+const asTypedDeploymentExpression = (expr) => {
+  return expr;
+};
+function $deploymentExpr(expr) {
+  if (!t$1(expr)) {
+    return expr;
+  }
+  if (expr === "*") {
+    return asTypedDeploymentExpression({ wildcard: true });
+  }
+  if (expr.startsWith("->")) {
+    if (expr.endsWith("->")) {
+      return asTypedDeploymentExpression({
+        inout: $deploymentExpr(expr.replace(/->/g, "").trim())
+      });
+    }
+    return asTypedDeploymentExpression({
+      incoming: $deploymentExpr(expr.replace("-> ", ""))
+    });
+  }
+  if (expr.endsWith(" ->")) {
+    return asTypedDeploymentExpression({
+      outgoing: $deploymentExpr(expr.replace(" ->", ""))
+    });
+  }
+  if (expr.includes(" <-> ")) {
+    const [source, target] = expr.split(" <-> ");
+    return asTypedDeploymentExpression({
+      source: $deploymentExpr(source),
+      target: $deploymentExpr(target),
+      isBidirectional: true
+    });
+  }
+  if (expr.includes(" -> ")) {
+    const [source, target] = expr.split(" -> ");
+    return asTypedDeploymentExpression({
+      source: $deploymentExpr(source),
+      target: $deploymentExpr(target)
+    });
+  }
+  if (expr.endsWith("._")) {
+    return asTypedDeploymentExpression({
+      ref: {
+        id: expr.replace("._", "")
+      },
+      selector: "expanded"
+    });
+  }
+  if (expr.endsWith(".**")) {
+    return asTypedDeploymentExpression({
+      ref: {
+        id: expr.replace(".**", "")
+      },
+      selector: "descendants"
+    });
+  }
+  if (expr.endsWith(".*")) {
+    return asTypedDeploymentExpression({
+      ref: {
+        id: expr.replace(".*", "")
+      },
+      selector: "children"
+    });
+  }
+  return asTypedDeploymentExpression({
+    ref: {
+      id: expr
+    }
+  });
 }
 function $style(element, { notation, ...style }) {
   return (b) => b.style({
-    targets: (o$5(element) ? element : [element]).map((e) => $expr(e)),
+    targets: (o$1(element) ? element : [element]).map((e) => b.$expr(e)),
     ...notation ? { notation } : {},
     style: {
       ...style
@@ -404,73 +278,81 @@ function $autoLayout(layout) {
 function $rules(...rules) {
   return (b) => rules.reduce((b2, rule) => rule(b2), b);
 }
+function mkViewBuilder(view) {
+  const viewBuilder = {
+    $expr: view.__ === "deployment" ? $deploymentExpr : $expr,
+    autoLayout(autoLayout) {
+      view.rules.push({
+        direction: autoLayout
+      });
+      return viewBuilder;
+    },
+    exclude(expr) {
+      view.rules.push({
+        exclude: [expr]
+      });
+      return viewBuilder;
+    },
+    include(expr) {
+      view.rules.push({
+        include: [expr]
+      });
+      return viewBuilder;
+    },
+    style(rule) {
+      view.rules.push(rule);
+      return viewBuilder;
+    }
+    // title(title: string) {
+    //   view.title = title
+    //   return viewBuilder
+    // },
+    // description(description: string) {
+    //   view.description = description
+    //   return viewBuilder
+    // }
+  };
+  return viewBuilder;
+}
 
 function builder(spec, _elements = /* @__PURE__ */ new Map(), _relations = [], _views = /* @__PURE__ */ new Map(), _globals = {
   predicates: {},
   dynamicPredicates: {},
   styles: {}
-}) {
+}, _deployments = /* @__PURE__ */ new Map(), _deploymentRelations = []) {
   const toLikeC4Specification = () => ({
-    tags: spec.tags ?? [],
     elements: {
       ...spec.elements
     },
+    deployments: {
+      ...spec.deployments
+    },
     relationships: {
       ...spec.relationships
-    }
+    },
+    tags: spec.tags ?? []
   });
   const mapLinks = (links) => {
-    if (!links || !i$3(links, 1)) {
+    if (!links || !i$1(links, 1)) {
       return null;
     }
     return m(links, (l) => typeof l === "string" ? { url: l } : l);
   };
-  const mkViewBuilder = (view) => {
-    const viewBuilder = {
-      autoLayout(autoLayout) {
-        view.rules.push({
-          direction: autoLayout
-        });
-        return viewBuilder;
-      },
-      exclude(expr) {
-        view.rules.push({
-          exclude: [expr]
-        });
-        return viewBuilder;
-      },
-      include(expr) {
-        view.rules.push({
-          include: [expr]
-        });
-        return viewBuilder;
-      },
-      style(rule) {
-        view.rules.push(rule);
-        return viewBuilder;
-      }
-      // title(title: string) {
-      //   view.title = title
-      //   return viewBuilder
-      // },
-      // description(description: string) {
-      //   view.description = description
-      //   return viewBuilder
-      // }
-    };
-    return viewBuilder;
-  };
   const self = {
     get Types() {
       throw new Error("Types are not available in runtime");
     },
-    clone: () => builder(
-      structuredClone(spec),
-      structuredClone(_elements),
-      structuredClone(_relations),
-      structuredClone(_views),
-      structuredClone(_globals)
-    ),
+    clone: () => {
+      return builder(
+        structuredClone(spec),
+        structuredClone(_elements),
+        structuredClone(_relations),
+        structuredClone(_views),
+        structuredClone(_globals),
+        structuredClone(_deployments),
+        structuredClone(_deploymentRelations)
+      );
+    },
     __model: () => ({
       addElement: (element) => {
         const parent = parentFqn(element.id);
@@ -520,13 +402,53 @@ function builder(spec, _elements = /* @__PURE__ */ new Map(), _relations = [], _
         return self;
       }
     }),
+    __deployment: () => ({
+      addDeployment: (node) => {
+        if (_deployments.has(node.id)) {
+          throw new Error(`Deployment with id "${node.id}" already exists`);
+        }
+        const parent = parentFqn(node.id);
+        if (parent) {
+          invariant(
+            _deployments.get(parent),
+            `Parent element with id "${parent}" not found for node with id "${node.id}"`
+          );
+        }
+        if (DeploymentElement.isInstance(node)) {
+          invariant(parent, "Instance must have parent");
+        }
+        _deployments.set(node.id, node);
+        return self;
+      },
+      addDeploymentRelation: (relation) => {
+        invariant(
+          !isSameHierarchy(relation.source.id, relation.target.id),
+          "Cannot create relationship between elements in the same hierarchy"
+        );
+        _deploymentRelations.push({
+          id: `deploy_rel${_deploymentRelations.length + 1}`,
+          ...relation
+        });
+        return self;
+      },
+      fqn: (id) => id
+    }),
     build: () => ({
       specification: toLikeC4Specification(),
       elements: n(Array.from(_elements.entries())),
-      relations: l$1(_relations, (r) => [r.id, r]),
+      relations: l(_relations, (r) => [r.id, r]),
       globals: structuredClone(_globals),
+      deployments: {
+        elements: n(Array.from(_deployments.entries())),
+        relations: l(_deploymentRelations, (r) => [r.id, r])
+      },
       views: n(Array.from(_views.entries()))
     }),
+    buildComputedModel: () => {
+      const parsed = self.build();
+      const computed = computeViews(parsed);
+      return LikeC4Model.create(computed);
+    },
     helpers: () => ({
       model: {
         model: (...ops) => {
@@ -602,11 +524,11 @@ function builder(spec, _elements = /* @__PURE__ */ new Map(), _relations = [], _
                 tags: null,
                 color: specStyle?.color ?? DefaultThemeColor,
                 shape: specStyle?.shape ?? DefaultElementShape,
-                style: d$1({
+                style: d({
                   border: specStyle?.border,
                   opacity: specStyle?.opacity,
                   ...style
-                }, l),
+                }, l$1),
                 links,
                 ...icon && { icon },
                 ...spec2,
@@ -706,78 +628,206 @@ function builder(spec, _elements = /* @__PURE__ */ new Map(), _relations = [], _
             return b;
           };
         },
+        deploymentView: (id, _props, builder2) => {
+          if (t(_props)) {
+            builder2 = _props;
+            _props = {};
+          }
+          return (b) => {
+            const {
+              links: _links = [],
+              title = null,
+              ...props
+            } = typeof _props === "string" ? { title: _props } : { ..._props };
+            const links = mapLinks(_links);
+            const view = {
+              id,
+              __: "deployment",
+              title,
+              description: null,
+              tags: null,
+              rules: [],
+              links,
+              customColorDefinitions: {},
+              ...props
+            };
+            b.addView(view);
+            if (builder2) {
+              builder2(mkViewBuilder(view));
+            }
+            return b;
+          };
+        },
         $autoLayout,
         $exclude,
-        $expr,
         $include,
         $rules,
         $style
-      }
-    }),
-    with: (...ops) => {
-      return ops.reduce((b, op) => op(b), self).clone();
-    }
-  };
-  return self;
-}
-var Builder;
-((Builder2) => {
-  function forSpecification(spec) {
-    const b = builder(spec);
-    return {
-      ...b.helpers(),
-      builder: b
-    };
-  }
-  Builder2.forSpecification = forSpecification;
-})(Builder || (Builder = {}));
-
-const { min: min$4, max: max$4 } = Math;
-
-const limit = (x, low = 0, high = 1) => {
-    return min$4(max$4(low, x), high);
-};
-
-const clip_rgb = (rgb) => {
-    rgb._clipped = false;
-    rgb._unclipped = rgb.slice(0);
-    for (let i = 0; i <= 3; i++) {
-        if (i < 3) {
-            if (rgb[i] < 0 || rgb[i] > 255) rgb._clipped = true;
-            rgb[i] = limit(rgb[i], 0, 255);
-        } else if (i === 3) {
-            rgb[i] = limit(rgb[i], 0, 1);
-        }
-    }
-    return rgb;
-};
-
-// ported from jQuery's $.type
-const classToType = {};
-for (let name of [
-    'Boolean',
-    'Number',
-    'String',
-    'Function',
-    'Array',
-    'Date',
-    'RegExp',
-    'Undefined',
-    'Null'
-]) {
-    classToType[`[object ${name}]`] = name.toLowerCase();
-}
-function type (obj) {
-    return classToType[Object.prototype.toString.call(obj)] || 'object';
-}
-
-const unpack = (args, keyOrder = null) => {
-    // if called with more than 3 arguments, we return the arguments
-    if (args.length >= 3) return Array.prototype.slice.call(args);
-    // with less than 3 args we check if first arg is object
-    // and use the keyOrder string to extract and sort properties
-    if (type(args[0]) == 'object' && keyOrder) {
-        return keyOrder
+      },
+      deployment: {
+        deployment: (...ops) => {
+          return (b) => {
+            const v = b.__deployment();
+            for (const op of ops) {
+              op(v);
+            }
+            return b;
+          };
+        },
+        instanceOf: (id, to, _props) => {
+          return (b) => {
+            const {
+              links,
+              title,
+              ...props
+            } = typeof _props === "string" ? { title: _props } : { ..._props };
+            const _id = b.fqn(id);
+            invariant(_elements.has(to), `Target element with id "${to}" not found`);
+            b.addDeployment({
+              id: _id,
+              element: to,
+              ...title && { title },
+              ...links && { links: mapLinks(links) },
+              ...props
+            });
+            return b;
+          };
+        },
+        rel: (source, target, _props) => {
+          return (b) => {
+            const {
+              title,
+              links,
+              ...props
+            } = typeof _props === "string" ? { title: _props } : { ..._props };
+            b.addDeploymentRelation({
+              source: {
+                id: source
+              },
+              target: {
+                id: target
+              },
+              ...title && { title },
+              ...links && { links: mapLinks(links) },
+              ...props
+            });
+            return b;
+          };
+        },
+        ...i(
+          spec.deployments ?? {},
+          ({ style: specStyle, ...spec2 }, kind) => (id, _props) => {
+            const add = (b) => {
+              const {
+                links,
+                icon: _icon,
+                style,
+                title,
+                ...props
+              } = typeof _props === "string" ? { title: _props } : { ..._props };
+              const icon = _icon ?? specStyle?.icon;
+              const _id = b.fqn(id);
+              b.addDeployment({
+                id: _id,
+                kind,
+                title: title ?? nameFromFqn(_id),
+                description: null,
+                technology: null,
+                tags: null,
+                color: specStyle?.color ?? DefaultThemeColor,
+                shape: specStyle?.shape ?? DefaultElementShape,
+                style: d({
+                  border: specStyle?.border,
+                  opacity: specStyle?.opacity,
+                  ...style
+                }, l$1),
+                ...links && { links: mapLinks(links) },
+                ...icon && { icon },
+                ...spec2,
+                ...props
+              });
+              return b;
+            };
+            add.with = (...ops) => (b) => {
+              add(b);
+              const nestedBuilder = {
+                ...b,
+                fqn: (child) => `${b.fqn(id)}.${child}`
+              };
+              for (const op of ops) {
+                op(nestedBuilder);
+              }
+              return b;
+            };
+            return add;
+          }
+        )
+      }
+    }),
+    with: (...ops) => {
+      return ops.reduce((b, op) => op(b), self).clone();
+    }
+  };
+  return self;
+}
+var Builder;
+((Builder2) => {
+  function forSpecification(spec) {
+    const b = builder(spec);
+    return {
+      ...b.helpers(),
+      builder: b
+    };
+  }
+  Builder2.forSpecification = forSpecification;
+})(Builder || (Builder = {}));
+
+const { min: min$4, max: max$4 } = Math;
+
+const limit = (x, low = 0, high = 1) => {
+    return min$4(max$4(low, x), high);
+};
+
+const clip_rgb = (rgb) => {
+    rgb._clipped = false;
+    rgb._unclipped = rgb.slice(0);
+    for (let i = 0; i <= 3; i++) {
+        if (i < 3) {
+            if (rgb[i] < 0 || rgb[i] > 255) rgb._clipped = true;
+            rgb[i] = limit(rgb[i], 0, 255);
+        } else if (i === 3) {
+            rgb[i] = limit(rgb[i], 0, 1);
+        }
+    }
+    return rgb;
+};
+
+// ported from jQuery's $.type
+const classToType = {};
+for (let name of [
+    'Boolean',
+    'Number',
+    'String',
+    'Function',
+    'Array',
+    'Date',
+    'RegExp',
+    'Undefined',
+    'Null'
+]) {
+    classToType[`[object ${name}]`] = name.toLowerCase();
+}
+function type (obj) {
+    return classToType[Object.prototype.toString.call(obj)] || 'object';
+}
+
+const unpack = (args, keyOrder = null) => {
+    // if called with more than 3 arguments, we return the arguments
+    if (args.length >= 3) return Array.prototype.slice.call(args);
+    // with less than 3 args we check if first arg is object
+    // and use the keyOrder string to extract and sort properties
+    if (type(args[0]) == 'object' && keyOrder) {
+        return keyOrder
             .split('')
             .filter((k) => args[0][k] !== undefined)
             .map((k) => args[0][k]);
@@ -4396,958 +4446,4 @@ function computeColorValues(color) {
   }
 }
 
-function getId(element) {
-  return t$1(element) ? element : element.id;
-}
-
-class LikeC4DiagramModel {
-  constructor(view, model) {
-    this.view = view;
-    this.model = model;
-    for (const node of view.nodes) {
-      const el = new LikeC4DiagramModel.Element(node, this);
-      this._elements.set(node.id, el);
-      if (n$2(node.parent)) {
-        this._rootElements.add(el);
-      }
-    }
-    this._connections = new Map(view.edges.map((e) => [e.id, new LikeC4DiagramModel.Connection(e, this)]));
-  }
-  _rootElements = /* @__PURE__ */ new Set();
-  _elements = /* @__PURE__ */ new Map();
-  _connections;
-  get isDynamic() {
-    return this.view.__ === "dynamic";
-  }
-  get id() {
-    return this.view.id;
-  }
-  get title() {
-    return this.view.title;
-  }
-  get viewOf() {
-    if (n$2(this.view.__) || this.view.__ === "element") {
-      const computedView = this.view;
-      return computedView.viewOf ? this.model.element(computedView.viewOf) : null;
-    }
-    return null;
-  }
-  get tags() {
-    return this.view.tags ?? [];
-  }
-  roots() {
-    return [...this._rootElements];
-  }
-  elements() {
-    return [...this._elements.values()];
-  }
-  element(id) {
-    return nonNullable(this._elements.get(id), `LikeC4DiagramModel.Element ${id} in view ${this.view.id} not found`);
-  }
-  hasElement(id) {
-    return this._elements.has(id);
-  }
-  connections() {
-    return [...this._connections.values()];
-  }
-  connection(id) {
-    return nonNullable(this._connections.get(id), `Connection ${id} in view ${this.view.id}  not found`);
-  }
-  findConnections(source, target, direction = "direct") {
-    const sourceId = getId(source);
-    const targetId = getId(target);
-    return this.connections().filter(
-      (c) => c.source.id === sourceId && c.target.id === targetId || direction === "both" && c.source.id === targetId && c.target.id === sourceId
-    );
-  }
-  parent(element) {
-    const el = this.element(getId(element));
-    return el.node.parent ? this.element(el.node.parent) : null;
-  }
-  children(element) {
-    const el = this.element(getId(element));
-    return el.node.children.map((c) => this.element(c));
-  }
-  // Get all sibling (i.e. same parent)
-  siblings(element) {
-    const id = getId(element);
-    const parent = this.parent(id);
-    const siblings = parent ? this.children(parent) : this.roots();
-    return siblings.filter((e) => e.id !== id);
-  }
-  /**
-   * Get all ancestor elements (i.e. parent, parent’s parent, etc.)
-   * (from closest to root)
-   */
-  ancestors(element) {
-    let id = getId(element);
-    const result = [];
-    let parent;
-    while (parent = this.parent(id)) {
-      result.push(parent);
-      id = parent.id;
-    }
-    return result;
-  }
-  descendants(element) {
-    const children = this.children(element);
-    return children.flatMap((c) => [c, ...this.descendants(c.id)]);
-  }
-  incoming(element, filter = "all") {
-    const el = this.element(getId(element));
-    const edges = el.node.inEdges.map((e) => this.connection(e));
-    if (filter === "all" || edges.length === 0) {
-      return edges;
-    }
-    return edges.filter((rel) => {
-      if (filter === "direct") {
-        return rel.target.id === el.id;
-      }
-      return rel.target.id !== el.id;
-    });
-  }
-  incomers(element, filter = "all") {
-    return this.incoming(element, filter).map((r) => r.source);
-  }
-  /**
-   * Outgoing relationships from the element and its descendants
-   */
-  outgoing(element, filter = "all") {
-    const el = this.element(getId(element));
-    const edges = el.node.outEdges.map((e) => this.connection(e));
-    if (filter === "all" || edges.length === 0) {
-      return edges;
-    }
-    return edges.filter((rel) => {
-      if (filter === "direct") {
-        return rel.source.id === el.id;
-      }
-      return rel.source.id !== el.id;
-    });
-  }
-  outgoers(element, filter = "all") {
-    return this.outgoing(element, filter).map((r) => r.target);
-  }
-}
-((LikeC4DiagramModel2) => {
-  class Element {
-    constructor(node, view) {
-      this.node = node;
-      this.view = view;
-    }
-    get id() {
-      return this.node.id;
-    }
-    get title() {
-      return this.node.title;
-    }
-    get kind() {
-      return this.node.kind;
-    }
-    get isRoot() {
-      return n$2(this.node.parent);
-    }
-    get hasNested() {
-      return this.node.children.length > 0;
-    }
-    get shape() {
-      return this.node.shape;
-    }
-    get color() {
-      return this.node.color;
-    }
-    get tags() {
-      return this.node.tags ?? [];
-    }
-    get level() {
-      return this.node.level;
-    }
-    get depth() {
-      return this.node.depth ?? 0;
-    }
-    model() {
-      return this.view.model.element(this.id);
-    }
-    parent() {
-      return this.node.parent ? this.view.element(this.node.parent) : null;
-    }
-    metadata(key, defaultValue) {
-      return this.model().metadata(key) ?? defaultValue;
-    }
-    hasMetadata(key) {
-      return this.model().hasMetadata(key);
-    }
-    ancestors() {
-      return this.view.ancestors(this);
-    }
-    siblings() {
-      return this.view.siblings(this);
-    }
-    descendants() {
-      return this.view.descendants(this);
-    }
-    children() {
-      return this.view.children(this);
-    }
-    incoming(filter = "all") {
-      return this.view.incoming(this, filter);
-    }
-    incomers(filter = "all") {
-      return this.view.incomers(this, filter);
-    }
-    outgoing(filter = "all") {
-      return this.view.outgoing(this, filter);
-    }
-    outgoers(filter = "all") {
-      return this.view.outgoers(this, filter);
-    }
-    connectionsTo(target) {
-      return this.view.findConnections(this, target);
-    }
-  }
-  LikeC4DiagramModel2.Element = Element;
-  class Connection {
-    constructor(edge, view) {
-      this.edge = edge;
-      this.view = view;
-    }
-    get id() {
-      return this.edge.id;
-    }
-    get source() {
-      return this.view.element(this.edge.source);
-    }
-    get target() {
-      return this.view.element(this.edge.target);
-    }
-    get tags() {
-      return this.edge.tags ?? [];
-    }
-    get color() {
-      return this.edge.color ?? DefaultRelationshipColor;
-    }
-    /**
-     * Model relationships
-     */
-    relationships() {
-      return this.edge.relations.map((r) => nonNullable(this.view.model.relationship(r)));
-    }
-  }
-  LikeC4DiagramModel2.Connection = Connection;
-})(LikeC4DiagramModel || (LikeC4DiagramModel = {}));
-
-class LikeC4ViewModel {
-  constructor(view, model) {
-    this.view = view;
-    this.model = model;
-    for (const node of view.nodes) {
-      const el = new LikeC4ViewModel.Element(node, this);
-      this._elements.set(node.id, el);
-      if (n$2(node.parent)) {
-        this._rootElements.add(el);
-      }
-    }
-    this._connections = new Map(view.edges.map((e) => [e.id, new LikeC4ViewModel.Connection(e, this)]));
-  }
-  _rootElements = /* @__PURE__ */ new Set();
-  _elements = /* @__PURE__ */ new Map();
-  _connections;
-  get id() {
-    return this.view.id;
-  }
-  get title() {
-    return this.view.title;
-  }
-  get viewOf() {
-    if (this.view.__ !== "dynamic") {
-      return this.view.viewOf ? this.model.element(this.view.viewOf) : null;
-    }
-    return null;
-  }
-  get tags() {
-    return this.view.tags ?? [];
-  }
-  roots() {
-    return [...this._rootElements];
-  }
-  elements() {
-    return [...this._elements.values()];
-  }
-  element(id) {
-    return nonNullable(this._elements.get(id), `LikeC4ViewModel.Element ${id} in view ${this.id} not found`);
-  }
-  hasElement(id) {
-    return this._elements.has(id);
-  }
-  connections() {
-    return [...this._connections.values()];
-  }
-  connection(id) {
-    return nonNullable(this._connections.get(id), `Connection ${id} in view ${this.id}  not found`);
-  }
-  findConnections(source, target, direction = "direct") {
-    const sourceId = getId(source);
-    const targetId = getId(target);
-    return this.connections().filter(
-      (c) => c.source.id === sourceId && c.target.id === targetId || direction === "both" && c.source.id === targetId && c.target.id === sourceId
-    );
-  }
-  parent(element) {
-    const el = this.element(getId(element));
-    return el.node.parent ? this.element(el.node.parent) : null;
-  }
-  children(element) {
-    const el = this.element(getId(element));
-    return el.node.children.map((c) => this.element(c));
-  }
-  // Get all sibling (i.e. same parent)
-  siblings(element) {
-    const id = getId(element);
-    const parent = this.parent(id);
-    const siblings = parent ? this.children(parent) : this.roots();
-    return siblings.filter((e) => e.id !== id);
-  }
-  /**
-   * Get all ancestor elements (i.e. parent, parent’s parent, etc.)
-   * (from closest to root)
-   */
-  ancestors(element) {
-    let id = getId(element);
-    const result = [];
-    let parent;
-    while (parent = this.parent(id)) {
-      result.push(parent);
-      id = parent.id;
-    }
-    return result;
-  }
-  descendants(element) {
-    const children = this.children(element);
-    return children.flatMap((c) => [c, ...this.descendants(c.id)]);
-  }
-  incoming(element, filter = "all") {
-    const el = this.element(getId(element));
-    const edges = el.node.inEdges.map((e) => nonNullable(this._connections.get(e), `Edge ${e} not found`));
-    if (filter === "all" || edges.length === 0) {
-      return edges;
-    }
-    return edges.filter((rel) => {
-      if (filter === "direct") {
-        return rel.target.id === el.id;
-      }
-      return rel.target.id !== el.id;
-    });
-  }
-  incomers(element, filter = "all") {
-    return [...new Set(this.incoming(element, filter).map((r) => r.source))];
-  }
-  /**
-   * Outgoing relationships from the element and its descendants
-   */
-  outgoing(element, filter = "all") {
-    const el = this.element(getId(element));
-    const edges = el.node.outEdges.map((e) => nonNullable(this._connections.get(e), `Edge ${e} not found`));
-    if (filter === "all" || edges.length === 0) {
-      return edges;
-    }
-    return edges.filter((rel) => {
-      if (filter === "direct") {
-        return rel.source.id === el.id;
-      }
-      return rel.source.id !== el.id;
-    });
-  }
-  outgoers(element, filter = "all") {
-    return [...new Set(this.outgoing(element, filter).map((r) => r.target))];
-  }
-}
-((LikeC4ViewModel2) => {
-  class Element {
-    constructor(node, viewmodel) {
-      this.node = node;
-      this.viewmodel = viewmodel;
-    }
-    get id() {
-      return this.node.id;
-    }
-    get title() {
-      return this.node.title;
-    }
-    get kind() {
-      return this.node.kind;
-    }
-    get isRoot() {
-      return n$2(this.node.parent);
-    }
-    get hasNested() {
-      return this.node.children.length > 0;
-    }
-    get shape() {
-      return this.node.shape;
-    }
-    get color() {
-      return this.node.color;
-    }
-    get tags() {
-      return this.node.tags ?? [];
-    }
-    model() {
-      return this.viewmodel.model.element(this.id);
-    }
-    parent() {
-      return this.node.parent ? this.viewmodel.element(this.node.parent) : null;
-    }
-    metadata(key, defaultValue) {
-      return this.model().metadata(key) ?? defaultValue;
-    }
-    hasMetadata(key) {
-      return this.model().hasMetadata(key);
-    }
-    ancestors() {
-      return this.viewmodel.ancestors(this);
-    }
-    siblings() {
-      return this.viewmodel.siblings(this);
-    }
-    descendants() {
-      return this.viewmodel.descendants(this);
-    }
-    children() {
-      return this.viewmodel.children(this);
-    }
-    incoming(filter = "all") {
-      return this.viewmodel.incoming(this, filter);
-    }
-    incomers(filter = "all") {
-      return this.viewmodel.incomers(this, filter);
-    }
-    outgoing(filter = "all") {
-      return this.viewmodel.outgoing(this, filter);
-    }
-    outgoers(filter = "all") {
-      return this.viewmodel.outgoers(this, filter);
-    }
-    connectionsTo(target) {
-      return this.viewmodel.findConnections(this, target);
-    }
-  }
-  LikeC4ViewModel2.Element = Element;
-  class Connection {
-    constructor(edge, viewmodel) {
-      this.edge = edge;
-      this.viewmodel = viewmodel;
-    }
-    get id() {
-      return this.edge.id;
-    }
-    get source() {
-      return this.viewmodel.element(this.edge.source);
-    }
-    get target() {
-      return this.viewmodel.element(this.edge.target);
-    }
-    get tags() {
-      return this.edge.tags ?? [];
-    }
-    /**
-     * Model relationships
-     */
-    relationships() {
-      return this.edge.relations.map((r) => nonNullable(this.viewmodel.model.relationship(r)));
-    }
-  }
-  LikeC4ViewModel2.Connection = Connection;
-})(LikeC4ViewModel || (LikeC4ViewModel = {}));
-
-class LikeC4Model {
-  constructor(type, sourcemodel, elements, relations, views, ViewModelClass) {
-    this.type = type;
-    this.sourcemodel = sourcemodel;
-    for (const el of elements) {
-      this.addElement(el);
-    }
-    for (const rel of relations) {
-      this.addRelation(rel);
-    }
-    this._views = new Map(
-      x(
-        r$1(views),
-        m$1((a, b) => compareNatural(a.title ?? "untitled", b.title ?? "untitled")),
-        m((view) => [view.id, new ViewModelClass(view, this)])
-      )
-    );
-  }
-  _elements = /* @__PURE__ */ new Map();
-  // Parent element for given FQN
-  _parents = /* @__PURE__ */ new Map();
-  // Children elements for given FQN
-  _children = /* @__PURE__ */ new Map();
-  _rootElements = /* @__PURE__ */ new Set();
-  _relations = /* @__PURE__ */ new Map();
-  // Incoming to an element or its descendants
-  _incoming = /* @__PURE__ */ new Map();
-  // Outgoing from an element or its descendants
-  _outgoing = /* @__PURE__ */ new Map();
-  // Relationships inside the element, among descendants
-  _internal = /* @__PURE__ */ new Map();
-  _cacheAscendingSiblings = /* @__PURE__ */ new Map();
-  _views;
-  /**
-   * Returns the root elements of the model.
-   */
-  roots() {
-    return [...this._rootElements];
-  }
-  /**
-   * Returns all elements in the model.
-   */
-  elements() {
-    return [...this._elements.values()];
-  }
-  /**
-   * Returns a specific element by its FQN.
-   */
-  element(id) {
-    return nonNullable(this._elements.get(id), `Element ${id} not found`);
-  }
-  /**
-   * Returns all relationships in the model.
-   */
-  relationships() {
-    return [...this._relations.values()];
-  }
-  /**
-   * Returns a specific relationship by its ID.
-   */
-  relationship(id) {
-    return nonNullable(this._relations.get(id), `Relation ${id} not found`);
-  }
-  /**
-   * Returns all views in the model.
-   */
-  views() {
-    return [...this._views.values()];
-  }
-  /**
-   * Returns a specific view by its ID.
-   */
-  view(viewId) {
-    return nonNullable(this._views.get(viewId), `View ${viewId} not found`);
-  }
-  /**
-   * Returns the parent element of given element.
-   * @see ancestors
-   */
-  parent(element) {
-    const id = getId(element);
-    return this._parents.get(id) || null;
-  }
-  /**
-   * Get all children of the element (only direct children),
-   * @see descendants
-   */
-  children(element) {
-    const id = getId(element);
-    return this._childrenOf(id);
-  }
-  /**
-   * Get all sibling (i.e. same parent)
-   */
-  siblings(element) {
-    const id = getId(element);
-    const parent = this._parents.get(id);
-    const siblings = parent ? this._childrenOf(parent.id) : this.roots();
-    return siblings.filter((e) => e.id !== id);
-  }
-  /**
-   * Get all ancestor elements (i.e. parent, parent’s parent, etc.)
-   * (from closest to root)
-   */
-  ancestors(element) {
-    let id = t$1(element) ? element : element.id;
-    const result = [];
-    let parent;
-    while (parent = this._parents.get(id)) {
-      result.push(parent);
-      id = parent.id;
-    }
-    return result;
-  }
-  /**
-   * Get all descendant elements (i.e. children, children’s children, etc.)
-   */
-  descendants(element) {
-    const id = getId(element);
-    const children = this._childrenOf(id);
-    return children.flatMap((c) => [c, ...this.descendants(c.id)]);
-  }
-  /**
-   * Incoming relationships to the element and its descendants
-   * @see incomers
-   */
-  incoming(element, filter = "all") {
-    const id = getId(element);
-    const incoming = Array.from(this._incomingTo(id));
-    if (filter === "all" || incoming.length === 0) {
-      return incoming;
-    }
-    return incoming.filter((rel) => {
-      if (filter === "direct") {
-        return rel.target.id === id;
-      }
-      return rel.target.id !== id;
-    });
-  }
-  /**
-   * Source elements of incoming relationships
-   */
-  incomers(element, filter = "all") {
-    return [...new Set(this.incoming(element, filter).map((r) => r.source))];
-  }
-  /**
-   * Outgoing relationships from the element and its descendants
-   * @see outgoers
-   */
-  outgoing(element, filter = "all") {
-    const id = getId(element);
-    const outgoing = Array.from(this._outgoingFrom(id));
-    if (filter === "all" || outgoing.length === 0) {
-      return outgoing;
-    }
-    return outgoing.filter((rel) => {
-      if (filter === "direct") {
-        return rel.source.id === id;
-      }
-      return rel.source.id !== id;
-    });
-  }
-  /**
-   * Target elements of outgoing relationships
-   */
-  outgoers(element, filter = "all") {
-    return [...new Set(this.outgoing(element, filter).map((r) => r.target))];
-  }
-  /**
-   * Relationships inside the element, among descendants
-   */
-  internal(element) {
-    const id = getId(element);
-    return Array.from(this._internalOf(id));
-  }
-  /**
-   * Resolve siblings of the element and siblings of ancestors
-   *  (from closest to root)
-   */
-  ascendingSiblings(element) {
-    const id = getId(element);
-    let siblings = this._cacheAscendingSiblings.get(id);
-    if (!siblings) {
-      siblings = [
-        ...this.siblings(id),
-        ...this.ancestors(id).flatMap((a) => this.siblings(a.id))
-      ];
-      this._cacheAscendingSiblings.set(id, siblings);
-    }
-    return siblings.slice();
-  }
-  /**
-   * Resolve all views that contain the element
-   */
-  viewsWithElement(element) {
-    const id = getId(element);
-    return [...this._views.values()].filter((v) => v.hasElement(id));
-  }
-  addElement(parsed) {
-    if (this._elements.has(parsed.id)) {
-      throw new Error(`Element ${parsed.id} already exists`);
-    }
-    const el = new LikeC4Model.ElementModel(parsed, this);
-    this._elements.set(el.id, el);
-    const parentId = parentFqn(el.id);
-    if (parentId) {
-      this._parents.set(el.id, this.element(parentId));
-      this._childrenOf(parentId).push(el);
-    } else {
-      this._rootElements.add(el);
-    }
-  }
-  addRelation(relation) {
-    if (this._relations.has(relation.id)) {
-      throw new Error(`Relation ${relation.id} already exists`);
-    }
-    const rel = new LikeC4Model.Relationship(relation, this);
-    this._relations.set(rel.id, rel);
-    this._incomingTo(relation.target).add(rel);
-    this._outgoingFrom(relation.source).add(rel);
-    const relParent = commonAncestor(relation.source, relation.target);
-    if (relParent) {
-      for (const ancestor of [relParent, ...ancestorsFqn(relParent)]) {
-        this._internalOf(ancestor).add(rel);
-      }
-    }
-    for (const sourceAncestor of ancestorsFqn(relation.source)) {
-      if (sourceAncestor === relParent) {
-        break;
-      }
-      this._outgoingFrom(sourceAncestor).add(rel);
-    }
-    for (const targetAncestor of ancestorsFqn(relation.target)) {
-      if (targetAncestor === relParent) {
-        break;
-      }
-      this._incomingTo(targetAncestor).add(rel);
-    }
-  }
-  _childrenOf(id) {
-    let children = this._children.get(id);
-    if (!children) {
-      children = [];
-      this._children.set(id, children);
-    }
-    return children;
-  }
-  _incomingTo(id) {
-    let incoming = this._incoming.get(id);
-    if (!incoming) {
-      incoming = /* @__PURE__ */ new Set();
-      this._incoming.set(id, incoming);
-    }
-    return incoming;
-  }
-  _outgoingFrom(id) {
-    let outgoing = this._outgoing.get(id);
-    if (!outgoing) {
-      outgoing = /* @__PURE__ */ new Set();
-      this._outgoing.set(id, outgoing);
-    }
-    return outgoing;
-  }
-  _internalOf(id) {
-    let internal = this._internal.get(id);
-    if (!internal) {
-      internal = /* @__PURE__ */ new Set();
-      this._internal.set(id, internal);
-    }
-    return internal;
-  }
-}
-((LikeC4Model2) => {
-  function create(source) {
-    if (source.__ === "layouted") {
-      return LikeC4Model2.layouted(source);
-    }
-    return LikeC4Model2.computed(source);
-  }
-  LikeC4Model2.create = create;
-  function computed(source) {
-    return new LikeC4Model2(
-      "computed",
-      source,
-      r$1(source.elements),
-      r$1(source.relations),
-      source.views,
-      LikeC4ViewModel
-    );
-  }
-  LikeC4Model2.computed = computed;
-  function layouted(source) {
-    return new LikeC4Model2(
-      "layouted",
-      source,
-      r$1(source.elements),
-      r$1(source.relations),
-      source.views,
-      LikeC4DiagramModel
-    );
-  }
-  LikeC4Model2.layouted = layouted;
-  function isModel(model) {
-    return model instanceof LikeC4Model2;
-  }
-  LikeC4Model2.isModel = isModel;
-  ((ViewModel2) => {
-    function isLayouted2(model) {
-      return model instanceof LikeC4DiagramModel;
-    }
-    ViewModel2.isLayouted = isLayouted2;
-  })(LikeC4Model2.ViewModel || (LikeC4Model2.ViewModel = {}));
-  function isLayouted(model) {
-    return model.type === "layouted";
-  }
-  LikeC4Model2.isLayouted = isLayouted;
-  class Relationship {
-    constructor(relationship, model) {
-      this.relationship = relationship;
-      this.model = model;
-    }
-    get id() {
-      return this.relationship.id;
-    }
-    get title() {
-      return this.relationship.title;
-    }
-    get kind() {
-      return this.relationship.kind ?? null;
-    }
-    get tags() {
-      return this.relationship.tags ?? [];
-    }
-    get source() {
-      return this.model.element(this.relationship.source);
-    }
-    get target() {
-      return this.model.element(this.relationship.target);
-    }
-    metadata(key, defaultValue) {
-      return this.relationship.metadata?.[key] ?? defaultValue;
-    }
-    hasMetadata(key) {
-      return n$1(this.relationship.metadata?.[key]);
-    }
-  }
-  LikeC4Model2.Relationship = Relationship;
-  class ElementModel {
-    constructor(element, model) {
-      this.element = element;
-      this.model = model;
-    }
-    get id() {
-      return this.element.id;
-    }
-    get title() {
-      return this.element.title;
-    }
-    get kind() {
-      return this.element.kind;
-    }
-    get isRoot() {
-      return parentFqn(this.element.id) === null;
-    }
-    get hasNested() {
-      return this.model.children(this).length > 0;
-    }
-    get shape() {
-      return this.element.shape ?? DefaultElementShape;
-    }
-    get color() {
-      return this.element.color ?? DefaultThemeColor;
-    }
-    get tags() {
-      return this.element.tags ?? [];
-    }
-    parent() {
-      return this.model.parent(this);
-    }
-    metadata(key, defaultValue) {
-      return this.element.metadata?.[key] ?? defaultValue;
-    }
-    hasMetadata(key) {
-      return n$1(this.element.metadata?.[key]);
-    }
-    ancestors() {
-      return this.model.ancestors(this);
-    }
-    siblings() {
-      return this.model.siblings(this);
-    }
-    descendants() {
-      return this.model.descendants(this);
-    }
-    children() {
-      return this.model.children(this);
-    }
-    /**
-     * First 'view of' current element
-     */
-    viewOf() {
-      return this.model.views().find((v) => v.viewOf?.id === this.id) ?? null;
-    }
-    /**
-     * All views 'view of' current element
-     */
-    viewsOf() {
-      return this.model.views().filter((v) => v.viewOf?.id === this.id);
-    }
-    /**
-     * Views that contain this element
-     */
-    views() {
-      return this.model.viewsWithElement(this);
-    }
-    incoming(filter) {
-      return this.model.incoming(this, filter);
-    }
-    incomers(filter) {
-      return this.model.incomers(this, filter);
-    }
-    outgoing(filter) {
-      return this.model.outgoing(this, filter);
-    }
-    outgoers(filter) {
-      return this.model.outgoers(this, filter);
-    }
-    internal() {
-      return this.model.internal(this);
-    }
-    /**
-     * Resolve siblings of the element and siblings of ancestors
-     *  (from closest to root)
-     */
-    ascendingSiblings() {
-      return this.model.ascendingSiblings(this);
-    }
-    // public *descendants(): IterableIterator<LikeC4Element> {
-    //   return
-    // }
-  }
-  LikeC4Model2.ElementModel = ElementModel;
-})(LikeC4Model || (LikeC4Model = {}));
-
-function commonHead(sources, targets, equals) {
-  if (sources.length === 0 || targets.length === 0) {
-    return [];
-  }
-  equals ??= Object.is;
-  return x(
-    d$2(sources, targets),
-    u(([source, target]) => equals(source, target)),
-    m(([source, _]) => source)
-  );
-}
-
-const DELAY = "LIKEC4_DELAY";
-function delay(...args) {
-  let ms = 100;
-  if (args.length === 2) {
-    ms = o$2(args[0], args[1]);
-  } else if (args.length === 1) {
-    ms = args[0];
-  }
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(DELAY);
-    }, ms ?? 100);
-  });
-}
-
-const compareRelations = (a, b) => {
-  const parentA = commonAncestor(a.source, a.target);
-  const parentB = commonAncestor(b.source, b.target);
-  if (parentA && !parentB) {
-    return 1;
-  }
-  if (!parentA && parentB) {
-    return -1;
-  }
-  const compareParents = parentA && parentB ? compareFqnHierarchically(parentA, parentB) : 0;
-  if (compareParents !== 0) {
-    return compareParents;
-  }
-  const compareSource = compareFqnHierarchically(a.source, b.source);
-  if (compareSource !== 0) {
-    return compareSource;
-  }
-  return compareFqnHierarchically(a.target, b.target);
-};
-
-export { Builder, DefaultElementShape, DefaultRelationshipColor, DefaultThemeColor, ElementColors, LikeC4DiagramModel, LikeC4Model, LikeC4ViewModel, RelationshipColors, ancestorsFqn, commonAncestor, commonHead, compareByFqnHierarchically, compareFqnHierarchically, compareNatural, compareRelations, computeColorValues, defaultTheme, delay, i$3 as hasAtLeast, invariant, isAncestor, isDescendantOf, isElementPredicateExpr, isNonEmptyArray, isSameHierarchy, isScopedElementView, isString, nameFromFqn, nonNullable, notDescendantOf, parentFqn, parentFqnPredicate, sortByFqnHierarchically, sortNaturalByFqn };
+export { Builder, DefaultElementShape, DefaultThemeColor, DeploymentElement, ElementColors, LikeC4Model, RelationshipColors, computeColorValues, defaultTheme, delay, i$1 as hasAtLeast, invariant, isElementPredicateExpr, isSameHierarchy, isScopedElementView, nameFromFqn, parentFqn };