@likec4/core 1.40.0 → 1.42.0

package/dist/shared/{core.FPITT8Vx.mjs → core.C8sl5Y8Z.mjs}

@@ -1,16 +1,41 @@
-import { unique, isTruthy, isEmpty, hasAtLeast, values, last, entries, pipe, map, sort, split, sortBy, prop } from 'remeda';
-import { o as hierarchyLevel, n as nameFromFqn, i as isAncestor, g as commonAncestor, s as sortNaturalByFqn, f as sortParentsFirst, p as parentFqn, a as ancestorsFqn, k as compareNaturalHierarchically, j as compareNatural } from './core.DgttqsJc.mjs';
+import { n as n$4, e as e$4, a as DeploymentNodeModel, b as DeployedInstanceModel, c as DeploymentRelationModel, N as NestedElementOfDeployedInstanceModel } from './core.BIqHjQiH.mjs';
+import { t as t$8, a as t$9 } from './core.BsSXS-_R.mjs';
+import { e as e$3 } from './core.BKlholso.mjs';
+import { c as splitGlobalFqn, g as extractStep, e as isStepEdgeId, i as isGroupElementKind, b as isGlobalFqn, a as GlobalFqn } from './core.C_Ni6yHl.mjs';
+import { q as hierarchyLevel, n as nameFromFqn, i as isAncestor, k as commonAncestor, s as sortNaturalByFqn, f as sortParentsFirst, p as parentFqn, a as ancestorsFqn, j as compareNaturalHierarchically, g as compareNatural } from './core.DRhg-gVU.mjs';
+import { m as memoizeProp } from './core.BR4zXDH-.mjs';
+import { R as RichText, e as exact } from './core.01VTr9qu.mjs';
+import { a as preferSummary, p as preferDescription } from './core.BazD6cot.mjs';
+import { a as ihead, i as ifind } from './core.QJD_fcrc.mjs';
+import { t as t$a } from './core.OHD4KXm9.mjs';
+import { t as t$b } from './core.CbT8JVYL.mjs';
+import { L as LikeC4Styles } from './core.DNbUPnve.mjs';
 import { g as getOrCreate } from './core.DcS-0zys.mjs';
-import { e as DeploymentNodeModel, c as DeployedInstanceModel, g as DeploymentRelationModel, N as NestedElementOfDeployedInstanceModel } from './core.BIAlzwKc.mjs';
-import { D as DefaultMap } from './core.BuoXfSMj.mjs';
 import { i as invariant, a as nonNullable } from './core.D4npX2q8.mjs';
+import { D as DefaultMap } from './core.BbE4y-yl.mjs';
 import { FqnRef } from '../types/fqnRef.mjs';
-import { b as isDeploymentNode, a as _type, _ as _stage, i as isOnStage, w as whereOperatorAsPredicate } from './core.yHe79zEl.mjs';
-import { m as memoizeProp } from './core.CUw_2J9j.mjs';
-import { i as ifilter } from './core.CCD1ID81.mjs';
-import { c as splitGlobalFqn, g as extractStep, e as isStepEdgeId, i as isGroupElementKind, b as isGlobalFqn, a as GlobalFqn } from './core.Be1n9a0i.mjs';
-import { a as DefaultElementShape, D as DefaultThemeColor, R as RichText, c as DefaultShapeSize, i as DefaultRelationshipColor, g as DefaultLineStyle } from './core.DHQ32OHa.mjs';
-import { a as ihead, i as ifind } from './core.GTgsmXS_.mjs';
+import { b as isDeploymentNode, a as _type, _ as _stage, i as isOnStage, w as whereOperatorAsPredicate } from './core.BYNkXQ8A.mjs';
+import { i as ifilter } from './core.DRJma0Ol.mjs';
+import './core.B7KhhkRY.mjs';
+import './core.lRvxPoao.mjs';
+
+const e$2={asc:(e,t)=>e>t,desc:(e,t)=>e<t};function t$7(e,t){let[n,...a]=t;if(!i$1(n)){let t=r$1(...a);return e(n,t)}let o=r$1(n,...a);return t=>e(t,o)}function r$1(t,n,...i){let a=typeof t==`function`?t:t[0],o=typeof t==`function`?`asc`:t[1],{[o]:s}=e$2,c=n===void 0?void 0:r$1(n,...i);return (e,t)=>{let n=a(e),r=a(t);return s(n,r)?1:s(r,n)?-1:c?.(e,t)??0}}function i$1(t){if(a(t))return  true;if(typeof t!=`object`||!Array.isArray(t))return  false;let[n,r,...i]=t;return a(n)&&typeof r==`string`&&r in e$2&&i.length===0}const a=e=>typeof e==`function`&&e.length===1;
+
+function t$6(...t){return t$8(Object.entries,t)}
+
+function t$5(...t){return t$8(n$3,t)}function n$3(e,t){if(e===t||Object.is(e,t))return  true;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return  false;if(e instanceof Map&&t instanceof Map)return r(e,t);if(e instanceof Set&&t instanceof Set)return i(e,t);let n=Object.keys(e);if(n.length!==Object.keys(t).length)return  false;for(let r of n){if(!Object.hasOwn(t,r))return  false;let{[r]:n}=e,{[r]:i}=t;if(n!==i||!Object.is(n,i))return  false}return  true}function r(e,t){if(e.size!==t.size)return  false;for(let[n,r]of e){let e=t.get(n);if(r!==e||!Object.is(r,e))return  false}return  true}function i(e,t){if(e.size!==t.size)return  false;for(let n of e)if(!t.has(n))return  false;return  true}
+
+function t$4(...t){return t$8(n$2,t)}const n$2=e=>e.at(-1);
+
+function e$1(e,...n){return typeof e==`string`||typeof e==`number`||typeof e==`symbol`?r=>t$3(r,e,...n):t$3(e,...n)}function t$3(e,...t){let n=e;for(let e of t){if(n==null)return;n=n[e];}return n}
+
+function t$2(...t){return t$8(n$1,t)}function n$1(e,t){let n=[...e];return n.sort(t),n}
+
+function t$1(...t){return t$7(n,t)}const n=(e,t)=>[...e].sort(t);
+
+function e(e,t,n){return typeof t==`number`||t===void 0?n=>n.split(e,t):e.split(t,n)}
+
+function t(...t){return t$8(Object.values,t)}
 
 class ElementModel {
   constructor($model, $element) {
@@ -44,13 +69,13 @@ class ElementModel {
     return this.$element.kind;
   }
   get shape() {
-    return this.$element.shape ?? DefaultElementShape;
+    return this.style.shape;
   }
   get color() {
-    return this.$element.color ?? DefaultThemeColor;
+    return this.style.color;
   }
   get icon() {
-    return this.$element.icon ?? null;
+    return this.style.icon ?? null;
   }
   /**
    * Returns all tags of the element.
@@ -58,7 +83,7 @@ class ElementModel {
    */
   get tags() {
     return memoizeProp(this, Symbol.for("tags"), () => {
-      return unique([
+      return n$4([
         ...this.$element.tags ?? [],
         ...this.$model.specification.elements[this.$element.kind]?.tags ?? []
       ]);
@@ -67,8 +92,26 @@ class ElementModel {
   get title() {
     return this.$element.title;
   }
+  /**
+   * Returns true if the element has a summary and a description
+   * (if one is missing - it falls back to another)
+   */
+  get hasSummary() {
+    return !!this.$element.summary && !!this.$element.description && !t$5(this.$element.summary, this.$element.description);
+  }
+  /**
+   * Short description of the element.
+   * Falls back to description if summary is not provided.
+   */
+  get summary() {
+    return RichText.memoize(this, "summary", preferSummary(this.$element));
+  }
+  /**
+   * Long description of the element.
+   * Falls back to summary if description is not provided.
+   */
   get description() {
-    return RichText.memoize(this, this.$element.description);
+    return RichText.memoize(this, "description", preferDescription(this.$element));
   }
   get technology() {
     return this.$element.technology ?? null;
@@ -83,10 +126,16 @@ class ElementModel {
     return this.parent === null;
   }
   get style() {
-    return {
-      size: DefaultShapeSize,
+    return memoizeProp(this, "style", () => exact({
+      shape: this.$model.$styles.defaults.shape,
+      color: this.$model.$styles.defaults.color,
+      border: this.$model.$styles.defaults.border,
+      opacity: this.$model.$styles.defaults.opacity,
+      size: this.$model.$styles.defaults.size,
+      padding: this.$model.$styles.defaults.padding,
+      textSize: this.$model.$styles.defaults.text,
       ...this.$element.style
-    };
+    }));
   }
   isAncestorOf(another) {
     return isAncestor(this, another);
@@ -216,13 +265,13 @@ class ElementModel {
    * @returns true if the element is deployed
    */
   isDeployed() {
-    return isTruthy(ihead(this.deployments()));
+    return e$3(ihead(this.deployments()));
   }
   deployments() {
     return this.$model.deployment.instancesOf(this);
   }
   hasMetadata() {
-    return !!this.$element.metadata && !isEmpty(this.$element.metadata);
+    return !!this.$element.metadata && !e$4(this.$element.metadata);
   }
   getMetadata(field) {
     if (field) {
@@ -246,7 +295,7 @@ const splitViewTitle = (title) => {
   invariant(!title.includes("\n"), "View title cannot contain newlines");
   if (title.includes(VIEW_FOLDERS_SEPARATOR)) {
     const segments = title.split(VIEW_FOLDERS_SEPARATOR).map((s) => s.trim()).filter((s) => s.length > 0);
-    if (hasAtLeast(segments, 1)) {
+    if (t$9(segments, 1)) {
       return segments;
     }
     return [""];
@@ -258,7 +307,7 @@ const normalizeViewPath = (title) => {
 };
 const getViewFolderPath = (title) => {
   const segments = splitViewTitle(title);
-  if (!hasAtLeast(segments, 2)) {
+  if (!t$9(segments, 2)) {
     return null;
   }
   return segments.slice(0, -1).join(VIEW_FOLDERS_SEPARATOR);
@@ -274,7 +323,7 @@ class LikeC4DeploymentModel {
   constructor($model) {
     this.$model = $model;
     const $deployments = this.$deployments = $model.$data.deployments;
-    const elements = values($deployments.elements);
+    const elements = t($deployments.elements);
     for (const element of sortParentsFirst(elements)) {
       const el = this.addElement(element);
       for (const tag of el.tags) {
@@ -284,7 +333,7 @@ class LikeC4DeploymentModel {
         this.#instancesOf.get(el.element.id).add(el);
       }
     }
-    for (const relation of values($deployments.relations)) {
+    for (const relation of t($deployments.relations)) {
       const el = this.addRelation(relation);
       for (const tag of el.tags) {
         this.#allTags.get(tag).add(el);
@@ -312,6 +361,9 @@ class LikeC4DeploymentModel {
   );
   #nestedElementsOfDeployment = /* @__PURE__ */ new Map();
   $deployments;
+  get $styles() {
+    return this.$model.$styles;
+  }
   element(el) {
     if (el instanceof DeploymentNodeModel || el instanceof DeployedInstanceModel) {
       return el;
@@ -597,19 +649,19 @@ class RelationshipModel {
     return `${this.source.id} -> ${this.target.id}`;
   }
   get title() {
-    if (!isTruthy(this.$relationship.title)) {
+    if (!e$3(this.$relationship.title)) {
       return null;
     }
     return this.$relationship.title;
   }
   get technology() {
-    if (!isTruthy(this.$relationship.technology)) {
+    if (!e$3(this.$relationship.technology)) {
       return null;
     }
     return this.$relationship.technology;
   }
   get description() {
-    return RichText.memoize(this, this.$relationship.description);
+    return RichText.memoize(this, "description", this.$relationship.description);
   }
   get navigateTo() {
     return this.$relationship.navigateTo ? this.model.view(this.$relationship.navigateTo) : null;
@@ -624,10 +676,16 @@ class RelationshipModel {
     return this.$relationship.links ?? [];
   }
   get color() {
-    return this.$relationship.color ?? DefaultRelationshipColor;
+    return this.$relationship.color ?? this.model.$styles.defaults.relationship.color;
   }
   get line() {
-    return this.$relationship.line ?? DefaultLineStyle;
+    return this.$relationship.line ?? this.model.$styles.defaults.relationship.line;
+  }
+  get head() {
+    return this.$relationship.head ?? this.model.$styles.defaults.relationship.arrow;
+  }
+  get tail() {
+    return this.$relationship.tail;
   }
   /**
    * Iterate over all views that include this relationship.
@@ -647,7 +705,7 @@ class RelationshipModel {
     return true;
   }
   hasMetadata() {
-    return !!this.$relationship.metadata && !isEmpty(this.$relationship.metadata);
+    return !!this.$relationship.metadata && !e$4(this.$relationship.metadata);
   }
   getMetadata(field) {
     if (field) {
@@ -682,7 +740,7 @@ class EdgeModel {
     return this.#edge.label ?? null;
   }
   get description() {
-    return RichText.memoize(this, this.#edge.description);
+    return RichText.memoize(this, "description", this.#edge.description);
   }
   get technology() {
     return this.#edge.technology ?? null;
@@ -700,10 +758,16 @@ class EdgeModel {
     return this.#edge.navigateTo ? this.view.$model.view(this.#edge.navigateTo) : null;
   }
   get color() {
-    return this.#edge.color ?? "gray";
+    return this.#edge.color;
   }
   get line() {
-    return this.#edge.line ?? "dashed";
+    return this.#edge.line ?? this.view.$model.$styles.defaults.relationship.line;
+  }
+  get head() {
+    return this.#edge.head ?? this.view.$model.$styles.defaults.relationship.arrow;
+  }
+  get tail() {
+    return this.#edge.tail;
   }
   isStep() {
     return isStepEdgeId(this.id);
@@ -747,7 +811,7 @@ class NodeModel {
     return this.#node.kind;
   }
   get description() {
-    return RichText.memoize(this, this.#node.description);
+    return RichText.memoize(this, "description", this.#node.description);
   }
   get technology() {
     return this.#node.technology ?? null;
@@ -869,13 +933,13 @@ class NodeModel {
    * Check if this node references to logical model element.
    */
   hasElement() {
-    return isTruthy(this.#node.modelRef);
+    return e$3(this.#node.modelRef);
   }
   /**
    * Check if this node references to deployment element (Node or Instance).
    */
   hasDeployment() {
-    return isTruthy(this.#node.deploymentRef);
+    return e$3(this.#node.deploymentRef);
   }
   /**
    * Check if this node references to deployed instance
@@ -1000,7 +1064,7 @@ class LikeC4ViewModel {
     });
   }
   get description() {
-    return RichText.memoize(this, this.$view.description);
+    return RichText.memoize(this, "description", this.$view.description);
   }
   get tags() {
     return this.$view.tags ?? [];
@@ -1147,7 +1211,7 @@ class LikeC4ViewModel {
     return this.$view[_type] === "element";
   }
   isScopedElementView() {
-    return this.$view[_type] === "element" && isTruthy(this.$view.viewOf);
+    return this.$view[_type] === "element" && e$3(this.$view.viewOf);
   }
   isDeploymentView() {
     return this.$view[_type] === "deployment";
@@ -1189,7 +1253,7 @@ class LikeC4ViewsFolder {
     this.$model = $model;
     this.path = path.join("/");
     this.isRoot = this.path === "";
-    this.title = last(path);
+    this.title = t$4(path);
     if (this.isRoot) {
       this.parentPath = void 0;
     } else {
@@ -1244,7 +1308,7 @@ class LikeC4ViewsFolder {
    */
   get parent() {
     invariant(!this.isRoot, "Root view folder has no parent");
-    if (isEmpty(this.parentPath)) {
+    if (e$4(this.parentPath)) {
       return null;
     }
     return this.$model.viewFolder(this.parentPath);
@@ -1365,13 +1429,13 @@ class LikeC4Model {
   $data;
   constructor($data) {
     this.$data = $data;
-    for (const [, element] of entries($data.elements)) {
+    for (const [, element] of t$6($data.elements)) {
       const el = this.addElement(element);
       for (const tag of el.tags) {
         this._allTags.get(tag).add(el);
       }
     }
-    for (const [projectId, elements] of entries($data.imports ?? {})) {
+    for (const [projectId, elements] of t$6($data.imports ?? {})) {
       for (const element of sortParentsFirst(elements)) {
         const el = this.addImportedElement(projectId, element);
         for (const tag of el.tags) {
@@ -1379,7 +1443,7 @@ class LikeC4Model {
         }
       }
     }
-    for (const relation of values($data.relations)) {
+    for (const relation of t($data.relations)) {
       const el = this.addRelation(relation);
       for (const tag of el.tags) {
         this._allTags.get(tag).add(el);
@@ -1388,21 +1452,21 @@ class LikeC4Model {
     this.deployment = new LikeC4DeploymentModel(this);
     if (isOnStage($data, "computed") || isOnStage($data, "layouted")) {
       const compare = compareNaturalHierarchically(VIEW_FOLDERS_SEPARATOR);
-      const views = pipe(
-        values($data.views),
-        map((view) => ({
+      const views = t$a(
+        t($data.views),
+        t$b((view) => ({
           view,
           path: normalizeViewPath(view.title ?? view.id),
           folderPath: view.title && getViewFolderPath(view.title) || ""
         })),
         // Sort hierarchically by groups, but keep same order within groups
-        sort((a, b) => compare(a.folderPath, b.folderPath))
+        t$2((a, b) => compare(a.folderPath, b.folderPath))
       );
       const getOrCreateFolder = (path) => {
         let folder = this._viewFolders.get(path);
         if (!folder) {
-          const segments = split(path, VIEW_FOLDERS_SEPARATOR);
-          invariant(hasAtLeast(segments, 1), `View group path "${path}" must have at least one element`);
+          const segments = e(path, VIEW_FOLDERS_SEPARATOR);
+          invariant(t$9(segments, 1), `View group path "${path}" must have at least one element`);
           let defaultView;
           if (path === "") {
             defaultView = views.find((view) => view.view.id === "index");
@@ -1419,11 +1483,13 @@ class LikeC4Model {
         if (this._viewFolders.has(folderPath)) {
           continue;
         }
-        split(folderPath, VIEW_FOLDERS_SEPARATOR).reduce((parent, segment) => {
-          const path = [...parent, segment];
-          const folder = getOrCreateFolder(path.join(VIEW_FOLDERS_SEPARATOR));
-          this._viewFolderItems.get(parent.join(VIEW_FOLDERS_SEPARATOR)).add(folder);
-          return path;
+        e(folderPath, VIEW_FOLDERS_SEPARATOR).reduce((segments, segment) => {
+          const parent = segments.join(VIEW_FOLDERS_SEPARATOR);
+          const path = e$4(parent) ? segment : parent + VIEW_FOLDERS_SEPARATOR + segment;
+          const folder = getOrCreateFolder(path);
+          this._viewFolderItems.get(parent).add(folder);
+          segments.push(segment);
+          return segments;
         }, []);
       }
       for (const { view, folderPath } of views) {
@@ -1460,6 +1526,23 @@ class LikeC4Model {
   get asLayouted() {
     return this;
   }
+  /**
+   * Returns the styles configuration for the project.
+   */
+  get $styles() {
+    return memoizeProp(
+      this,
+      "styles",
+      () => LikeC4Styles.from(
+        this.$data.project.styles,
+        this.$data.specification.customColors ? {
+          theme: {
+            colors: this.$data.specification.customColors
+          }
+        } : void 0
+      )
+    );
+  }
   /**
    * Type guard the model to the parsed stage.
    */
@@ -1749,22 +1832,22 @@ class LikeC4Model {
    * Use {@link specification.tags} to get all defined tags
    */
   get tags() {
-    return memoizeProp(this, "tags", () => sort([...this._allTags.keys()], compareNatural));
+    return memoizeProp(this, "tags", () => t$2([...this._allTags.keys()], compareNatural));
   }
   /**
    * Returns all tags used in the model, sorted by usage count (descending).
    */
   get tagsSortedByUsage() {
-    return memoizeProp(this, "tagsSortedByUsage", () => pipe(
+    return memoizeProp(this, "tagsSortedByUsage", () => t$a(
       [...this._allTags.entries()],
-      map(([tag, tagged]) => ({
+      t$b(([tag, tagged]) => ({
         tag,
         count: tagged.size,
         tagged
       })),
-      sort((a, b) => compareNatural(a.tag, b.tag)),
-      sortBy(
-        [prop("count"), "desc"]
+      t$2((a, b) => compareNatural(a.tag, b.tag)),
+      t$1(
+        [e$1("count"), "desc"]
       )
     ));
   }
@@ -1980,4 +2063,4 @@ function isEdgeModel(edge) {
   return edge instanceof EdgeModel;
 }
 
-export { ElementModel as E, LikeC4Model as L, NodeModel as N, RelationshipModel as R, VIEW_FOLDERS_SEPARATOR as V, LikeC4DeploymentModel as a, EdgeModel as b, LikeC4ViewModel as c, LikeC4ViewsFolder as d, extractViewTitleFromPath as e, isDeployedInstanceModel as f, getViewFolderPath as g, isDeploymentElementModel as h, isDeploymentNodeModel as i, isNestedElementOfDeployedInstanceModel as j, isDeploymentRelationModel as k, isRelationModel as l, isElementModel as m, normalizeViewPath as n, isLikeC4ViewModel as o, isNodeModel as p, isEdgeModel as q };
+export { ElementModel as E, LikeC4Model as L, NodeModel as N, RelationshipModel as R, VIEW_FOLDERS_SEPARATOR as V, t$6 as a, t$1 as b, t$4 as c, isNestedElementOfDeployedInstanceModel as d, e$1 as e, isDeployedInstanceModel as f, isDeploymentNodeModel as g, isDeploymentElementModel as h, isElementModel as i, LikeC4DeploymentModel as j, EdgeModel as k, LikeC4ViewModel as l, LikeC4ViewsFolder as m, extractViewTitleFromPath as n, getViewFolderPath as o, normalizeViewPath as p, isDeploymentRelationModel as q, isRelationModel as r, isLikeC4ViewModel as s, t, isNodeModel as u, isEdgeModel as v };