likec4 1.42.0 → 1.43.0

package/__app__/src/webcomponent.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { LikeC4View as LikeC4View$1 } from "likec4:react";
 import { createRoot } from "react-dom/client";
 import { ComponentName } from "./const.js";
-import { dt as object, du as literal, dv as stringbool, dw as string, dx as formatError } from "./vendors.js";
+import { dv as object, dw as literal, dx as stringbool, dy as string, dz as formatError } from "./vendors.js";
 const propsSchema = object({
   viewId: string().default("index"),
   browser: stringbool().default(!0),

package/config/schema.json

@@ -68,7 +68,8 @@
             }
           ]
         }
-      }
+      },
+      "additionalProperties": false
     },
     "ThemeCustomization": {
       "id": "ThemeCustomization",
@@ -83,51 +84,18 @@
           ]
         },
         "sizes": {
-          "description": "Map of theme sizes.",
-          "type": "object",
-          "properties": {
-            "xs": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "sm": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "md": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "lg": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "xl": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
+          "allOf": [
+            {
+              "$ref": "#/definitions/ThemeSizes"
             }
-          }
+          ]
         }
-      }
+      },
+      "additionalProperties": false
     },
     "ThemeColors": {
       "id": "ThemeColors",
-      "description": "Override of theme colors",
+      "description": "Override theme colors",
       "anyOf": [
         {
           "type": "object",
@@ -228,7 +196,6 @@
     },
     "ColorName": {
       "id": "ColorName",
-      "description": "Color name (Theme color name or custom color name)",
       "anyOf": [
         {
           "$ref": "#/definitions/ThemeColor"
@@ -241,7 +208,6 @@
     },
     "ThemeColor": {
       "id": "ThemeColor",
-      "description": "Reserved theme color name",
       "type": "string",
       "enum": [
         "amber",
@@ -268,6 +234,7 @@
           "type": "object",
           "properties": {
             "elements": {
+              "description": "Element color value (or a breakdown of specific color values)",
               "anyOf": [
                 {
                   "$ref": "#/definitions/ColorLiteral"
@@ -282,6 +249,7 @@
               ]
             },
             "relationships": {
+              "description": "Relationship color value (or a breakdown of specific color values)",
               "anyOf": [
                 {
                   "$ref": "#/definitions/ColorLiteral"
@@ -299,7 +267,8 @@
           "required": [
             "elements",
             "relationships"
-          ]
+          ],
+          "additionalProperties": false
         }
       ]
     },
@@ -311,7 +280,6 @@
     },
     "ElementColorValues": {
       "id": "ElementColorValues",
-      "description": "Specific element colors",
       "type": "object",
       "properties": {
         "fill": {
@@ -352,11 +320,11 @@
         "stroke",
         "hiContrast",
         "loContrast"
-      ]
+      ],
+      "additionalProperties": false
     },
     "RelationshipColorValues": {
       "id": "RelationshipColorValues",
-      "description": "Specefic relationship colors",
       "type": "object",
       "properties": {
         "line": {
@@ -387,7 +355,51 @@
       "required": [
         "line",
         "label"
-      ]
+      ],
+      "additionalProperties": false
+    },
+    "ThemeSizes": {
+      "id": "ThemeSizes",
+      "description": "Override theme sizes",
+      "type": "object",
+      "properties": {
+        "xs": {
+          "allOf": [
+            {
+              "$ref": "#/definitions/Dimensions"
+            }
+          ]
+        },
+        "sm": {
+          "allOf": [
+            {
+              "$ref": "#/definitions/Dimensions"
+            }
+          ]
+        },
+        "md": {
+          "allOf": [
+            {
+              "$ref": "#/definitions/Dimensions"
+            }
+          ]
+        },
+        "lg": {
+          "allOf": [
+            {
+              "$ref": "#/definitions/Dimensions"
+            }
+          ]
+        },
+        "xl": {
+          "allOf": [
+            {
+              "$ref": "#/definitions/Dimensions"
+            }
+          ]
+        }
+      },
+      "additionalProperties": false
     },
     "Dimensions": {
       "id": "Dimensions",
@@ -395,16 +407,19 @@
       "type": "object",
       "properties": {
         "width": {
-          "type": "number"
+          "type": "number",
+          "minimum": 50
         },
         "height": {
-          "type": "number"
+          "type": "number",
+          "minimum": 50
         }
       },
       "required": [
         "width",
         "height"
-      ]
+      ],
+      "additionalProperties": false
     },
     "DefaultStyleValues": {
       "id": "DefaultStyleValues",
@@ -412,6 +427,7 @@
       "type": "object",
       "properties": {
         "color": {
+          "description": "Default color for elements\n(must be a valid color name from the theme)",
           "allOf": [
             {
               "$ref": "#/definitions/ColorName"
@@ -419,6 +435,7 @@
           ]
         },
         "opacity": {
+          "description": "Default opacity (0-100%) for elements when displayed as a group (like a container)",
           "allOf": [
             {
               "$ref": "#/definitions/Opacity"
@@ -426,6 +443,7 @@
           ]
         },
         "border": {
+          "description": "Default border style for elements when displayed as a group (like a container)",
           "allOf": [
             {
               "$ref": "#/definitions/BorderStyle"
@@ -433,6 +451,7 @@
           ]
         },
         "size": {
+          "description": "Default size for elements",
           "allOf": [
             {
               "$ref": "#/definitions/ElementSize"
@@ -440,6 +459,7 @@
           ]
         },
         "shape": {
+          "description": "Default shape for elements",
           "allOf": [
             {
               "$ref": "#/definitions/ElementShape"
@@ -447,69 +467,33 @@
           ]
         },
         "group": {
-          "type": "object",
-          "properties": {
-            "color": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ColorName"
-                }
-              ]
-            },
-            "opacity": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Opacity"
-                }
-              ]
-            },
-            "border": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/BorderStyle"
-                }
-              ]
+          "description": "Default style values for groups",
+          "allOf": [
+            {
+              "$ref": "#/definitions/GroupDefaultStyleValues"
             }
-          }
+          ]
         },
         "relationship": {
-          "type": "object",
-          "properties": {
-            "color": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ColorName"
-                }
-              ]
-            },
-            "line": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/LineType"
-                }
-              ]
-            },
-            "arrow": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ArrowType"
-                }
-              ]
+          "description": "Default style values for relationships",
+          "allOf": [
+            {
+              "$ref": "#/definitions/RelationshipDefaultStyleValues"
             }
-          }
+          ]
         }
-      }
+      },
+      "additionalProperties": false
     },
     "Opacity": {
       "id": "Opacity",
-      "description": "Opacity 0%-100%",
-      "type": "number",
+      "description": "Opacity 0-100%",
+      "type": "integer",
       "minimum": 0,
       "maximum": 100
     },
     "BorderStyle": {
       "id": "BorderStyle",
-      "description": "Border style",
       "type": "string",
       "enum": [
         "solid",
@@ -520,7 +504,6 @@
     },
     "ElementSize": {
       "id": "ElementSize",
-      "description": "Element size",
       "type": "string",
       "enum": [
         "xs",
@@ -532,7 +515,6 @@
     },
     "ElementShape": {
       "id": "ElementShape",
-      "description": "Element shape",
       "type": "string",
       "enum": [
         "rectangle",
@@ -544,9 +526,72 @@
         "queue"
       ]
     },
+    "GroupDefaultStyleValues": {
+      "id": "GroupDefaultStyleValues",
+      "description": "Override default values for group style properties\nThese values will be used if such property is not defined",
+      "type": "object",
+      "properties": {
+        "color": {
+          "description": "Default color for groups\n(must be a valid color name from the theme)",
+          "allOf": [
+            {
+              "$ref": "#/definitions/ColorName"
+            }
+          ]
+        },
+        "opacity": {
+          "description": "Default opacity for groups",
+          "allOf": [
+            {
+              "$ref": "#/definitions/Opacity"
+            }
+          ]
+        },
+        "border": {
+          "description": "Default border for groups",
+          "allOf": [
+            {
+              "$ref": "#/definitions/BorderStyle"
+            }
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "RelationshipDefaultStyleValues": {
+      "id": "RelationshipDefaultStyleValues",
+      "description": "Override default values for relationship style properties\nThese values will be used if such property is not defined",
+      "type": "object",
+      "properties": {
+        "color": {
+          "description": "Default color for relationships\n(must be a valid color name from the theme)",
+          "allOf": [
+            {
+              "$ref": "#/definitions/ColorName"
+            }
+          ]
+        },
+        "line": {
+          "description": "Default line style for relationships",
+          "allOf": [
+            {
+              "$ref": "#/definitions/LineType"
+            }
+          ]
+        },
+        "arrow": {
+          "description": "Default arrow style for relationships",
+          "allOf": [
+            {
+              "$ref": "#/definitions/ArrowType"
+            }
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
     "LineType": {
       "id": "LineType",
-      "description": "Default line type for relationships",
       "type": "string",
       "enum": [
         "dashed",
@@ -556,7 +601,6 @@
     },
     "ArrowType": {
       "id": "ArrowType",
-      "description": "Relationship arrow type",
       "type": "string",
       "enum": [
         "none",