@likec4/core 1.12.1 → 1.13.0

package/dist/index.mjs

@@ -1,5 +1,720 @@
-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';
+import { u as u$1, i as isElementPredicateExpr, n as n$2, a as invariant, b as isScopedElementView, D as DefaultThemeColor, c as DefaultElementShape, e, d as nonNullable, f as DefaultRelationshipColor } from './shared/core.BJDxVHFh.mjs';
+export { A as AsFqn, B as BorderStyles, M as DefaultArrowType, L as DefaultLineStyle, E as ElementShapes, g as Expr, X as StepEdgeId, Z as extractStep, a1 as getBBoxCenter, _ as getParallelStepsPrefix, I as isAndOperator, Q as isAutoLayoutDirection, $ as isComputedDynamicView, a0 as isComputedElementView, l as isCustomElement, z as isCustomRelationExpr, U as isDynamicView, S as isDynamicViewIncludeRule, T as isDynamicViewParallelSteps, q as isElement, o as isElementKindExpr, j as isElementRef, p as isElementTagExpr, V as isElementView, r as isElementWhere, k as isExpandedElementExpr, W as isExtendsElementView, t as isInOut, v as isIncoming, G as isKindEqual, H as isNotOperator, J as isOrOperator, w as isOutgoing, s as isRelation, x as isRelationExpression, C as isRelationPredicateExpr, y as isRelationWhere, Y as isStepEdgeId, F as isTagEqual, N as isThemeColor, R as isViewRuleAutoLayout, O as isViewRulePredicate, P as isViewRuleStyle, m as isWildcard, h as nonexhaustive, K as whereOperatorAsPredicate } from './shared/core.BJDxVHFh.mjs';
+import defu from 'defu';
+
+function r$1(...n){return u$1(Object.values,n)}
+
+function i$2(...e){return u$1(r,e)}var r=(e,t)=>e.length>=t;
+
+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 i$1(...e){return u$1(u,e)}function u(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,r,t)=>({done:!1,hasNext:!0,next:a(e,r,t)});
+
+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,u){let a={};for(let[n,r]of Object.entries(e)){let l=u(r,n,e);a[n]=l;}return a}
+
+function t$1(r){return typeof r=="string"}
+
+function n$1(e){return !!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 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;
+    }
+  }
+}
+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);
+}
+
+function parseWhere(where) {
+  if (t$1(where)) {
+    const op = where;
+    switch (true) {
+      case op.startsWith("tag is not #"):
+        return {
+          tag: {
+            neq: op.replace("tag is not #", "")
+          }
+        };
+      case op.startsWith("tag is #"):
+        return {
+          tag: {
+            eq: op.replace("tag is #", "")
+          }
+        };
+      case op.startsWith("kind is not "):
+        return {
+          kind: {
+            neq: op.replace("kind is not ", "")
+          }
+        };
+      case op.startsWith("kind is "):
+        return {
+          kind: {
+            eq: op.replace("kind is ", "")
+          }
+        };
+      default:
+        throw new Error(`Unknown where operator: ${where}`);
+    }
+  }
+  if (where.and) {
+    return {
+      and: m(where.and, parseWhere)
+    };
+  }
+  if (where.or) {
+    return {
+      or: m(where.or, parseWhere)
+    };
+  }
+  if (where.not) {
+    return {
+      not: parseWhere(where.not)
+    };
+  }
+  throw new Error(`Unknown where operator: ${where}`);
+}
+function $include(...args) {
+  return (b) => {
+    let expr = $expr(args[0]);
+    const isElement = isElementPredicateExpr(expr);
+    if (args.length === 2) {
+      const condition = args[1].where ? parseWhere(args[1].where) : void 0;
+      if (condition) {
+        expr = {
+          where: {
+            expr,
+            condition
+          }
+        };
+      }
+      const custom = args[1].with;
+      if (custom) {
+        if (isElement) {
+          expr = {
+            custom: {
+              ...custom,
+              expr
+            }
+          };
+        } else {
+          expr = {
+            customRelation: {
+              ...custom,
+              relation: expr
+            }
+          };
+        }
+      }
+    }
+    b.include(expr);
+    return b;
+  };
+}
+function $exclude(...args) {
+  return (b) => {
+    let expr = $expr(args[0]);
+    if (args.length === 2 && args[1].where) {
+      const condition = parseWhere(args[1].where);
+      expr = {
+        where: {
+          expr,
+          condition
+        }
+      };
+    }
+    b.exclude(expr);
+    return b;
+  };
+}
+function $expr(expr) {
+  if (!t$1(expr)) {
+    return expr;
+  }
+  if (expr === "*") {
+    return { wildcard: true };
+  }
+  if (expr.startsWith("->")) {
+    if (expr.endsWith("->")) {
+      return {
+        inout: $expr(expr.replace(/->/g, "").trim())
+      };
+    }
+    return {
+      incoming: $expr(expr.replace("-> ", ""))
+    };
+  }
+  if (expr.endsWith(" ->")) {
+    return {
+      outgoing: $expr(expr.replace(" ->", ""))
+    };
+  }
+  if (expr.includes(" <-> ")) {
+    const [source, target] = expr.split(" <-> ");
+    return {
+      source: $expr(source),
+      target: $expr(target),
+      isBidirectional: true
+    };
+  }
+  if (expr.includes(" -> ")) {
+    const [source, target] = expr.split(" -> ");
+    return {
+      source: $expr(source),
+      target: $expr(target)
+    };
+  }
+  if (expr.endsWith("._")) {
+    return {
+      expanded: expr.replace("._", "")
+    };
+  }
+  if (expr.endsWith(".*")) {
+    return {
+      element: expr.replace(".*", ""),
+      isDescedants: true
+    };
+  }
+  return {
+    element: expr,
+    isDescedants: false
+  };
+}
+function $style(element, { notation, ...style }) {
+  return (b) => b.style({
+    targets: (n$2(element) ? element : [element]).map((e) => $expr(e)),
+    ...notation ? { notation } : {},
+    style: {
+      ...style
+    }
+  });
+}
+function $autoLayout(layout) {
+  return (b) => b.autoLayout(layout);
+}
+function $rules(...rules) {
+  return (b) => rules.reduce((b2, rule) => rule(b2), b);
+}
+
+function builder(spec, _elements = /* @__PURE__ */ new Map(), _relations = [], _views = /* @__PURE__ */ new Map()) {
+  const toLikeC4Specification = () => ({
+    tags: spec.tags ?? [],
+    elements: {
+      ...spec.elements
+    },
+    relationships: {
+      ...spec.relationships
+    }
+  });
+  const mapLinks = (links) => {
+    if (!links || !i$2(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)
+    ),
+    __model: () => ({
+      addElement: (element) => {
+        const parent = parentFqn(element.id);
+        if (parent) {
+          invariant(
+            _elements.get(parent),
+            `Parent element with id "${parent}" not found for element with id "${element.id}"`
+          );
+        }
+        if (_elements.has(element.id)) {
+          throw new Error(`Element with id "${element.id}" already exists`);
+        }
+        _elements.set(element.id, element);
+        return self;
+      },
+      addRelation(relation) {
+        const sourceEl = _elements.get(relation.source);
+        invariant(sourceEl, `Element with id "${relation.source}" not found`);
+        const targetEl = _elements.get(relation.target);
+        invariant(targetEl, `Element with id "${relation.target}" not found`);
+        invariant(
+          !isSameHierarchy(sourceEl, targetEl),
+          "Cannot create relationship between elements in the same hierarchy"
+        );
+        _relations.push({
+          id: `rel${_relations.length + 1}`,
+          ...relation
+        });
+        return self;
+      },
+      /**
+       * Fully qualified name for nested elements
+       */
+      fqn(id) {
+        return id;
+      },
+      addSourcelessRelation() {
+        throw new Error("Can be called only in nested model");
+      }
+    }),
+    __views: () => ({
+      addView: (view) => {
+        if (isScopedElementView(view)) {
+          invariant(_elements.get(view.viewOf), `Invalid view ${view.id}, wlement with id "${view.viewOf}" not found`);
+        }
+        _views.set(view.id, view);
+        return self;
+      }
+    }),
+    build: () => ({
+      specification: toLikeC4Specification(),
+      elements: n(Array.from(_elements.entries())),
+      relations: l$1(_relations, (r) => [r.id, r]),
+      views: n(Array.from(_views.entries()))
+    }),
+    helpers: () => ({
+      model: {
+        model: (...ops) => {
+          return (b) => {
+            const v = b.__model();
+            for (const op of ops) {
+              op(v);
+            }
+            return b;
+          };
+        },
+        rel: (source, target, _props) => {
+          return (b) => {
+            const {
+              title = "",
+              links: _links = [],
+              ...props
+            } = defu(
+              typeof _props === "string" ? { title: _props } : { ..._props },
+              { title: null, links: null }
+            );
+            const links = mapLinks(_links);
+            b.addRelation({
+              source,
+              target,
+              title,
+              ...links && { links },
+              ...props
+            });
+            return b;
+          };
+        },
+        relTo: (target, _props) => {
+          return (b) => {
+            const {
+              title = "",
+              links: _links = [],
+              ...props
+            } = defu(
+              typeof _props === "string" ? { title: _props } : { ..._props },
+              { title: null, links: null }
+            );
+            const links = mapLinks(_links);
+            b.addSourcelessRelation({
+              target,
+              title,
+              ...links && { links },
+              ...props
+            });
+            return b;
+          };
+        },
+        ...i(
+          spec.elements,
+          ({ style: specStyle, ...spec2 }, kind) => (id, _props) => {
+            const add = (b) => {
+              const {
+                links: _links,
+                icon: _icon,
+                style,
+                title,
+                ...props
+              } = typeof _props === "string" ? { title: _props } : { ..._props };
+              const links = mapLinks(_links);
+              const icon = _icon ?? specStyle?.icon;
+              const _id = b.fqn(id);
+              b.addElement({
+                id: _id,
+                kind,
+                title: title ?? nameFromFqn(_id),
+                description: null,
+                technology: null,
+                tags: null,
+                color: specStyle?.color ?? DefaultThemeColor,
+                shape: specStyle?.shape ?? DefaultElementShape,
+                style: i$1({
+                  border: specStyle?.border,
+                  opacity: specStyle?.opacity,
+                  ...style
+                }, l),
+                links,
+                ...icon && { icon },
+                ...spec2,
+                ...props
+              });
+              return b;
+            };
+            add.with = (...ops) => (b) => {
+              add(b);
+              const nestedBuilder = {
+                ...b,
+                fqn: (child) => `${b.fqn(id)}.${child}`,
+                addSourcelessRelation: (relation) => {
+                  return b.addRelation({
+                    ...relation,
+                    source: b.fqn(id)
+                  });
+                }
+              };
+              for (const op of ops) {
+                op(nestedBuilder);
+              }
+              return b;
+            };
+            return add;
+          }
+        )
+      },
+      views: {
+        views: (...ops) => {
+          return (b) => {
+            const v = b.__views();
+            for (const op of ops) {
+              op(v);
+            }
+            return b;
+          };
+        },
+        view: (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,
+              __: "element",
+              title,
+              description: null,
+              tags: null,
+              rules: [],
+              links,
+              customColorDefinitions: {},
+              ...props
+            };
+            b.addView(view);
+            if (builder2) {
+              builder2(mkViewBuilder(view));
+            }
+            return b;
+          };
+        },
+        viewOf: (id, viewOf, _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,
+              __: "element",
+              viewOf,
+              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;
 
@@ -3655,18 +4370,8 @@ function computeColorValues(color) {
   }
 }
 
-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;
+  return t$1(element) ? element : element.id;
 }
 
 class LikeC4DiagramModel {
@@ -3905,204 +4610,6 @@ class LikeC4DiagramModel {
   LikeC4DiagramModel2.Connection = Connection;
 })(LikeC4DiagramModel || (LikeC4DiagramModel = {}));
 
-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(a)) {
-    if (t(b)) {
-      return compare(a, b);
-    }
-    return 1;
-  }
-  return t(b) ? -1 : 0;
-}
-
-function isString(value) {
-  return value != null && typeof value === "string";
-}
-function isNonEmptyArray(arr) {
-  return !!arr && Array.isArray(arr) && arr.length > 0;
-}
-
-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;
-    }
-  }
-}
-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);
-}
-
 class LikeC4ViewModel {
   constructor(view, model) {
     this.view = view;
@@ -4206,7 +4713,7 @@ class LikeC4ViewModel {
     });
   }
   incomers(element, filter = "all") {
-    return this.incoming(element, filter).map((r) => r.source);
+    return [...new Set(this.incoming(element, filter).map((r) => r.source))];
   }
   /**
    * Outgoing relationships from the element and its descendants
@@ -4225,7 +4732,7 @@ class LikeC4ViewModel {
     });
   }
   outgoers(element, filter = "all") {
-    return this.outgoing(element, filter).map((r) => r.target);
+    return [...new Set(this.outgoing(element, filter).map((r) => r.target))];
   }
 }
 ((LikeC4ViewModel2) => {
@@ -4327,7 +4834,7 @@ class LikeC4ViewModel {
 })(LikeC4ViewModel || (LikeC4ViewModel = {}));
 
 class LikeC4Model {
-  constructor(type, sourcemodel, elements, relations) {
+  constructor(type, sourcemodel, elements, relations, views, ViewModelClass) {
     this.type = type;
     this.sourcemodel = sourcemodel;
     for (const el of elements) {
@@ -4336,6 +4843,9 @@ class LikeC4Model {
     for (const rel of relations) {
       this.addRelation(rel);
     }
+    this._views = new Map(
+      r$1(views).map((view) => [view.id, new ViewModelClass(view, this)])
+    );
   }
   _elements = /* @__PURE__ */ new Map();
   // Parent element for given FQN
@@ -4351,37 +4861,7 @@ class LikeC4Model {
   // Relationships inside the element, among descendants
   _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;
-  }
+  _views;
   /**
    * Returns the root elements of the model.
    */
@@ -4454,7 +4934,7 @@ class LikeC4Model {
    * (from closest to root)
    */
   ancestors(element) {
-    let id = t(element) ? element : element.id;
+    let id = t$1(element) ? element : element.id;
     const result = [];
     let parent;
     while (parent = this._parents.get(id)) {
@@ -4492,7 +4972,7 @@ class LikeC4Model {
    * Source elements of incoming relationships
    */
   incomers(element, filter = "all") {
-    return this.incoming(element, filter).map((r) => r.source);
+    return [...new Set(this.incoming(element, filter).map((r) => r.source))];
   }
   /**
    * Outgoing relationships from the element and its descendants
@@ -4515,7 +4995,7 @@ class LikeC4Model {
    * Target elements of outgoing relationships
    */
   outgoers(element, filter = "all") {
-    return this.outgoing(element, filter).map((r) => r.target);
+    return [...new Set(this.outgoing(element, filter).map((r) => r.target))];
   }
   /**
    * Relationships inside the element, among descendants
@@ -4622,6 +5102,35 @@ class LikeC4Model {
   }
 }
 ((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;
   }
@@ -4663,7 +5172,7 @@ class LikeC4Model {
       return this.relationship.metadata?.[key] ?? defaultValue;
     }
     hasMetadata(key) {
-      return n(this.relationship.metadata?.[key]);
+      return n$1(this.relationship.metadata?.[key]);
     }
   }
   LikeC4Model2.Relationship = Relationship;
@@ -4703,7 +5212,7 @@ class LikeC4Model {
       return this.element.metadata?.[key] ?? defaultValue;
     }
     hasMetadata(key) {
-      return n(this.element.metadata?.[key]);
+      return n$1(this.element.metadata?.[key]);
     }
     ancestors() {
       return this.model.ancestors(this);
@@ -4717,6 +5226,12 @@ class LikeC4Model {
     children() {
       return this.model.children(this);
     }
+    /**
+     * All views 'view of' current element
+     */
+    viewsOf() {
+      return this.model.views().filter((v) => v.viewOf?.id === this.id);
+    }
     /**
      * Views that contain this element
      */
@@ -4738,6 +5253,13 @@ class LikeC4Model {
     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
     // }
@@ -4749,7 +5271,7 @@ const DELAY = "LIKEC4_DELAY";
 function delay(...args) {
   let ms = 100;
   if (args.length === 2) {
-    ms = o(args[0], args[1]);
+    ms = o$2(args[0], args[1]);
   } else if (args.length === 1) {
     ms = args[0];
   }
@@ -4780,4 +5302,4 @@ const compareRelations = (a, b) => {
   return compareFqnHierarchically(a.target, b.target);
 };
 
-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 };
+export { Builder, DefaultElementShape, DefaultRelationshipColor, DefaultThemeColor, ElementColors, LikeC4DiagramModel, LikeC4Model, LikeC4ViewModel, RelationshipColors, ancestorsFqn, commonAncestor, compareByFqnHierarchically, compareFqnHierarchically, compareNatural, compareRelations, computeColorValues, defaultTheme, delay, i$2 as hasAtLeast, invariant, isAncestor, isDescendantOf, isElementPredicateExpr, isNonEmptyArray, isSameHierarchy, isScopedElementView, isString, nameFromFqn, nonNullable, notDescendantOf, parentFqn, parentFqnPredicate, sortByFqnHierarchically, sortNaturalByFqn };