@likec4/core 1.10.1 → 1.12.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { u, e, n as nonNullable, D as DefaultElementShape, a as DefaultThemeColor } from './shared/core.DeifT5lC.mjs';
-export { A as AsFqn, B as BorderStyles, J as DefaultArrowType, I as DefaultLineStyle, K as DefaultRelationshipColor, E as ElementShapes, c as Expr, V as StepEdgeId, X as extractStep, $ as getBBoxCenter, Y as getParallelStepsPrefix, i as invariant, F as isAndOperator, Z as isComputedDynamicView, _ as isComputedElementView, g as isCustomElement, w as isCustomRelationExpr, R as isDynamicView, P as isDynamicViewIncludeRule, Q as isDynamicViewParallelSteps, l as isElement, j as isElementKindExpr, o as isElementPredicateExpr, d as isElementRef, k as isElementTagExpr, S as isElementView, m as isElementWhere, f as isExpandedElementExpr, T as isExtendsElementView, q as isInOut, r as isIncoming, z as isKindEqual, C as isNotOperator, G as isOrOperator, s as isOutgoing, p as isRelation, t as isRelationExpression, x as isRelationPredicateExpr, v as isRelationWhere, U as isScopedElementView, W as isStepEdgeId, y as isTagEqual, L as isThemeColor, O as isViewRuleAutoLayout, M as isViewRulePredicate, N as isViewRuleStyle, h as isWildcard, b as nonexhaustive, H as whereOperatorAsPredicate } from './shared/core.DeifT5lC.mjs';
+import { u, e, n as nonNullable, D as DefaultRelationshipColor, a as DefaultElementShape, b as DefaultThemeColor } from './shared/core.BvFch1jG.mjs';
+export { A as AsFqn, B as BorderStyles, K as DefaultArrowType, J as DefaultLineStyle, E as ElementShapes, c as Expr, W as StepEdgeId, Y as extractStep, a0 as getBBoxCenter, Z as getParallelStepsPrefix, i as invariant, G as isAndOperator, O as isAutoLayoutDirection, _ as isComputedDynamicView, $ as isComputedElementView, h as isCustomElement, x as isCustomRelationExpr, S as isDynamicView, Q as isDynamicViewIncludeRule, R as isDynamicViewParallelSteps, m as isElement, k as isElementKindExpr, p as isElementPredicateExpr, f as isElementRef, l as isElementTagExpr, T as isElementView, o as isElementWhere, g as isExpandedElementExpr, U as isExtendsElementView, r as isInOut, s as isIncoming, C as isKindEqual, F as isNotOperator, H as isOrOperator, t as isOutgoing, q as isRelation, v as isRelationExpression, y as isRelationPredicateExpr, w as isRelationWhere, V as isScopedElementView, X as isStepEdgeId, z as isTagEqual, L as isThemeColor, P as isViewRuleAutoLayout, M as isViewRulePredicate, N as isViewRuleStyle, j as isWildcard, d as nonexhaustive, I as whereOperatorAsPredicate } from './shared/core.BvFch1jG.mjs';
 
 const { min: min$4, max: max$4 } = Math;
 
@@ -3655,76 +3655,325 @@ function computeColorValues(color) {
   }
 }
 
-function r$1(...t){return u(Object.values,t)}
+function r$1(...n){return u(Object.values,n)}
 
 function i(...e){return u(r,e)}var r=(e,t)=>e.length>=t;
 
+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(r){return typeof r=="string"}
 
 function n(e){return !!e}
 
+function getId(element) {
+  return t(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 (e(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 (e(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 e(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 = {}));
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
 var naturalCompareLite = {exports: {}};
 
-/*
- * @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)
+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
 		}
-		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 ((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 < 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
+	};
 
-		if (codeA != codeB) return (codeA < codeB) ? -1 : 1
+	try {
+		naturalCompareLite.exports = naturalCompare;
+	} catch (e) {
+		String.naturalCompare = naturalCompare;
 	}
-	return 0
-};
-
-try {
-	naturalCompareLite.exports = naturalCompare;
-} catch (e) {
-	String.naturalCompare = naturalCompare;
+	return naturalCompareLite.exports;
 }
 
-var naturalCompareLiteExports = naturalCompareLite.exports;
+var naturalCompareLiteExports = requireNaturalCompareLite();
 const compare = /*@__PURE__*/getDefaultExportFromCjs(naturalCompareLiteExports);
 
 function compareNatural(a, b) {
@@ -3860,16 +4109,16 @@ class LikeC4ViewModel {
     this.model = model;
     for (const node of view.nodes) {
       const el = new LikeC4ViewModel.Element(node, this);
-      this.#elements.set(node.id, el);
+      this._elements.set(node.id, el);
       if (e(node.parent)) {
-        this.#rootElements.add(el);
+        this._rootElements.add(el);
       }
     }
-    this.#connections = new Map(view.edges.map((e) => [e.id, new LikeC4ViewModel.Connection(e, this)]));
+    this._connections = new Map(view.edges.map((e) => [e.id, new LikeC4ViewModel.Connection(e, this)]));
   }
-  #rootElements = /* @__PURE__ */ new Set();
-  #elements = /* @__PURE__ */ new Map();
-  #connections;
+  _rootElements = /* @__PURE__ */ new Set();
+  _elements = /* @__PURE__ */ new Map();
+  _connections;
   get id() {
     return this.view.id;
   }
@@ -3886,41 +4135,41 @@ class LikeC4ViewModel {
     return this.view.tags ?? [];
   }
   roots() {
-    return [...this.#rootElements];
+    return [...this._rootElements];
   }
   elements() {
-    return [...this.#elements.values()];
+    return [...this._elements.values()];
   }
   element(id) {
-    return nonNullable(this.#elements.get(id), `LikeC4ViewModel.Element ${id} in view ${this.view.id} not found`);
+    return nonNullable(this._elements.get(id), `LikeC4ViewModel.Element ${id} in view ${this.id} not found`);
   }
   hasElement(id) {
-    return this.#elements.has(id);
+    return this._elements.has(id);
   }
   connections() {
-    return [...this.#connections.values()];
+    return [...this._connections.values()];
   }
   connection(id) {
-    return nonNullable(this.#connections.get(id), `Connection ${id} in view ${this.view.id}  not found`);
+    return nonNullable(this._connections.get(id), `Connection ${id} in view ${this.id}  not found`);
   }
   findConnections(source, target, direction = "direct") {
-    const sourceId = t(source) ? source : source.id;
-    const targetId = t(target) ? target : target.id;
+    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(t(element) ? element : element.id);
+    const el = this.element(getId(element));
     return el.node.parent ? this.element(el.node.parent) : null;
   }
   children(element) {
-    const el = this.element(t(element) ? element : element.id);
+    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 = t(element) ? element : element.id;
+    const id = getId(element);
     const parent = this.parent(id);
     const siblings = parent ? this.children(parent) : this.roots();
     return siblings.filter((e) => e.id !== id);
@@ -3930,7 +4179,7 @@ class LikeC4ViewModel {
    * (from closest to root)
    */
   ancestors(element) {
-    let id = t(element) ? element : element.id;
+    let id = getId(element);
     const result = [];
     let parent;
     while (parent = this.parent(id)) {
@@ -3944,8 +4193,8 @@ class LikeC4ViewModel {
     return children.flatMap((c) => [c, ...this.descendants(c.id)]);
   }
   incoming(element, filter = "all") {
-    const el = this.element(t(element) ? element : element.id);
-    const edges = el.node.inEdges.map((e) => nonNullable(this.#connections.get(e), `Edge ${e} not found`));
+    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;
     }
@@ -3963,8 +4212,8 @@ class LikeC4ViewModel {
    * Outgoing relationships from the element and its descendants
    */
   outgoing(element, filter = "all") {
-    const el = this.element(t(element) ? element : element.id);
-    const edges = el.node.outEdges.map((e) => nonNullable(this.#connections.get(e), `Edge ${e} not found`));
+    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;
     }
@@ -4077,103 +4326,126 @@ class LikeC4ViewModel {
   LikeC4ViewModel2.Connection = Connection;
 })(LikeC4ViewModel || (LikeC4ViewModel = {}));
 
-const RelationsSet = Set;
-const MapRelations = Map;
 class LikeC4Model {
-  constructor(computed) {
-    this.computed = computed;
-    for (const el of r$1(computed.elements)) {
+  constructor(type, sourcemodel, elements, relations) {
+    this.type = type;
+    this.sourcemodel = sourcemodel;
+    for (const el of elements) {
       this.addElement(el);
     }
-    for (const rel of r$1(computed.relations)) {
+    for (const rel of relations) {
       this.addRelation(rel);
     }
-    this.#views = new Map(
-      r$1(computed.views).map((v) => [v.id, new LikeC4ViewModel(v, this)])
-    );
   }
-  #elements = /* @__PURE__ */ new Map();
+  _elements = /* @__PURE__ */ new Map();
   // Parent element for given FQN
-  #parents = /* @__PURE__ */ new Map();
+  _parents = /* @__PURE__ */ new Map();
   // Children elements for given FQN
-  #children = /* @__PURE__ */ new Map();
-  #rootElements = /* @__PURE__ */ new Set();
-  #relations = /* @__PURE__ */ new Map();
+  _children = /* @__PURE__ */ new Map();
+  _rootElements = /* @__PURE__ */ new Set();
+  _relations = /* @__PURE__ */ new Map();
   // Incoming to an element or its descendants
-  #incoming = new MapRelations();
+  _incoming = /* @__PURE__ */ new Map();
   // Outgoing from an element or its descendants
-  #outgoing = new MapRelations();
+  _outgoing = /* @__PURE__ */ new Map();
   // Relationships inside the element, among descendants
-  #internal = new MapRelations();
-  #cacheAscendingSiblings = /* @__PURE__ */ new Map();
-  #views;
-  static from(computed) {
-    return new LikeC4Model(computed);
+  _internal = /* @__PURE__ */ new Map();
+  _cacheAscendingSiblings = /* @__PURE__ */ new Map();
+  _views = /* @__PURE__ */ new Map();
+  static create(source) {
+    if (source.__ === "layouted") {
+      return LikeC4Model.layouted(source);
+    }
+    return LikeC4Model.computed(source);
+  }
+  static computed(source) {
+    const instance = new LikeC4Model(
+      "computed",
+      source,
+      r$1(source.elements),
+      r$1(source.relations)
+    );
+    for (const view of r$1(source.views)) {
+      instance._views.set(view.id, new LikeC4ViewModel(view, instance));
+    }
+    return instance;
+  }
+  static layouted(source) {
+    const instance = new LikeC4Model(
+      "layouted",
+      source,
+      r$1(source.elements),
+      r$1(source.relations)
+    );
+    for (const view of r$1(source.views)) {
+      instance._views.set(view.id, new LikeC4DiagramModel(view, instance));
+    }
+    return instance;
   }
   /**
    * Returns the root elements of the model.
    */
   roots() {
-    return [...this.#rootElements];
+    return [...this._rootElements];
   }
   /**
    * Returns all elements in the model.
    */
   elements() {
-    return [...this.#elements.values()];
+    return [...this._elements.values()];
   }
   /**
    * Returns a specific element by its FQN.
    */
   element(id) {
-    return nonNullable(this.#elements.get(id), `Element ${id} not found`);
+    return nonNullable(this._elements.get(id), `Element ${id} not found`);
   }
   /**
    * Returns all relationships in the model.
    */
   relationships() {
-    return [...this.#relations.values()];
+    return [...this._relations.values()];
   }
   /**
    * Returns a specific relationship by its ID.
    */
   relationship(id) {
-    return nonNullable(this.#relations.get(id), `Relation ${id} not found`);
+    return nonNullable(this._relations.get(id), `Relation ${id} not found`);
   }
   /**
    * Returns all views in the model.
    */
   views() {
-    return [...this.#views.values()];
+    return [...this._views.values()];
   }
   /**
    * Returns a specific view by its ID.
    */
   view(viewId) {
-    return nonNullable(this.#views.get(viewId), `View ${viewId} not found`);
+    return nonNullable(this._views.get(viewId), `View ${viewId} not found`);
   }
   /**
    * Returns the parent element of given element.
    * @see ancestors
    */
   parent(element) {
-    const id = t(element) ? element : element.id;
-    return this.#parents.get(id) || null;
+    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 = t(element) ? element : element.id;
+    const id = getId(element);
     return this._childrenOf(id);
   }
   /**
    * Get all sibling (i.e. same parent)
    */
   siblings(element) {
-    const id = t(element) ? element : element.id;
-    const parent = this.#parents.get(id);
+    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);
   }
@@ -4185,7 +4457,7 @@ class LikeC4Model {
     let id = t(element) ? element : element.id;
     const result = [];
     let parent;
-    while (parent = this.#parents.get(id)) {
+    while (parent = this._parents.get(id)) {
       result.push(parent);
       id = parent.id;
     }
@@ -4195,7 +4467,7 @@ class LikeC4Model {
    * Get all descendant elements (i.e. children, children’s children, etc.)
    */
   descendants(element) {
-    const id = t(element) ? element : element.id;
+    const id = getId(element);
     const children = this._childrenOf(id);
     return children.flatMap((c) => [c, ...this.descendants(c.id)]);
   }
@@ -4204,7 +4476,7 @@ class LikeC4Model {
    * @see incomers
    */
   incoming(element, filter = "all") {
-    const id = t(element) ? element : element.id;
+    const id = getId(element);
     const incoming = Array.from(this._incomingTo(id));
     if (filter === "all" || incoming.length === 0) {
       return incoming;
@@ -4227,7 +4499,7 @@ class LikeC4Model {
    * @see outgoers
    */
   outgoing(element, filter = "all") {
-    const id = t(element) ? element : element.id;
+    const id = getId(element);
     const outgoing = Array.from(this._outgoingFrom(id));
     if (filter === "all" || outgoing.length === 0) {
       return outgoing;
@@ -4249,7 +4521,7 @@ class LikeC4Model {
    * Relationships inside the element, among descendants
    */
   internal(element) {
-    const id = t(element) ? element : element.id;
+    const id = getId(element);
     return Array.from(this._internalOf(id));
   }
   /**
@@ -4257,14 +4529,14 @@ class LikeC4Model {
    *  (from closest to root)
    */
   ascendingSiblings(element) {
-    const id = t(element) ? element : element.id;
-    let siblings = this.#cacheAscendingSiblings.get(id);
+    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);
+      this._cacheAscendingSiblings.set(id, siblings);
     }
     return siblings.slice();
   }
@@ -4272,29 +4544,29 @@ class LikeC4Model {
    * Resolve all views that contain the element
    */
   viewsWithElement(element) {
-    const id = t(element) ? element : element.id;
-    return [...this.#views.values()].filter((v) => v.hasElement(id));
+    const id = getId(element);
+    return [...this._views.values()].filter((v) => v.hasElement(id));
   }
   addElement(parsed) {
-    if (this.#elements.has(parsed.id)) {
+    if (this._elements.has(parsed.id)) {
       throw new Error(`Element ${parsed.id} already exists`);
     }
-    const el = new LikeC4Model.Element(parsed, this);
-    this.#elements.set(el.id, el);
+    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._parents.set(el.id, this.element(parentId));
       this._childrenOf(parentId).push(el);
     } else {
-      this.#rootElements.add(el);
+      this._rootElements.add(el);
     }
   }
   addRelation(relation) {
-    if (this.#relations.has(relation.id)) {
+    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._relations.set(rel.id, rel);
     this._incomingTo(relation.target).add(rel);
     this._outgoingFrom(relation.source).add(rel);
     const relParent = commonAncestor(relation.source, relation.target);
@@ -4317,40 +4589,85 @@ class LikeC4Model {
     }
   }
   _childrenOf(id) {
-    let children = this.#children.get(id);
+    let children = this._children.get(id);
     if (!children) {
       children = [];
-      this.#children.set(id, children);
+      this._children.set(id, children);
     }
     return children;
   }
   _incomingTo(id) {
-    let incoming = this.#incoming.get(id);
+    let incoming = this._incoming.get(id);
     if (!incoming) {
-      incoming = new RelationsSet();
-      this.#incoming.set(id, incoming);
+      incoming = /* @__PURE__ */ new Set();
+      this._incoming.set(id, incoming);
     }
     return incoming;
   }
   _outgoingFrom(id) {
-    let outgoing = this.#outgoing.get(id);
+    let outgoing = this._outgoing.get(id);
     if (!outgoing) {
-      outgoing = new RelationsSet();
-      this.#outgoing.set(id, outgoing);
+      outgoing = /* @__PURE__ */ new Set();
+      this._outgoing.set(id, outgoing);
     }
     return outgoing;
   }
   _internalOf(id) {
-    let internal = this.#internal.get(id);
+    let internal = this._internal.get(id);
     if (!internal) {
-      internal = new RelationsSet();
-      this.#internal.set(id, internal);
+      internal = /* @__PURE__ */ new Set();
+      this._internal.set(id, internal);
     }
     return internal;
   }
 }
 ((LikeC4Model2) => {
-  class Element {
+  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(this.relationship.metadata?.[key]);
+    }
+  }
+  LikeC4Model2.Relationship = Relationship;
+  class ElementModel {
     constructor(element, model) {
       this.element = element;
       this.model = model;
@@ -4425,46 +4742,21 @@ class LikeC4Model {
     //   return
     // }
   }
-  LikeC4Model2.Element = Element;
-  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(this.relationship.metadata?.[key]);
-    }
-  }
-  LikeC4Model2.Relationship = Relationship;
+  LikeC4Model2.ElementModel = ElementModel;
 })(LikeC4Model || (LikeC4Model = {}));
 
 const DELAY = "LIKEC4_DELAY";
-function delay(ms = 100) {
+function delay(...args) {
+  let ms = 100;
+  if (args.length === 2) {
+    ms = o(args[0], args[1]);
+  } else if (args.length === 1) {
+    ms = args[0];
+  }
   return new Promise((resolve) => {
     setTimeout(() => {
       resolve(DELAY);
-    }, ms);
+    }, ms ?? 100);
   });
 }
 
@@ -4488,4 +4780,4 @@ const compareRelations = (a, b) => {
   return compareFqnHierarchically(a.target, b.target);
 };
 
-export { DefaultElementShape, DefaultThemeColor, ElementColors, LikeC4Model, LikeC4ViewModel, RelationshipColors, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareNatural, compareRelations, computeColorValues, defaultTheme, delay, i as hasAtLeast, isAncestor, isDescendantOf, isNonEmptyArray, isSameHierarchy, isString, nameFromFqn, nonNullable, notDescendantOf, parentFqn, parentFqnPredicate, sortByFqnHierarchically, sortNaturalByFqn };
+export { DefaultElementShape, DefaultRelationshipColor, DefaultThemeColor, ElementColors, LikeC4DiagramModel, LikeC4Model, LikeC4ViewModel, RelationshipColors, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareNatural, compareRelations, computeColorValues, defaultTheme, delay, i as hasAtLeast, isAncestor, isDescendantOf, isNonEmptyArray, isSameHierarchy, isString, nameFromFqn, nonNullable, notDescendantOf, parentFqn, parentFqnPredicate, sortByFqnHierarchically, sortNaturalByFqn };