@stocksharp/diagram 0.2.2 → 0.3.0

package/dist/ssdiagram.js

@@ -37,6 +37,7 @@ var SSDiagram = (() => {
     StockSharpDiagram: () => StockSharpDiagram,
     StockSharpPalette: () => StockSharpPalette,
     cloneDiagramDocument: () => cloneDiagramDocument,
+    cloneDiagramNodeErrors: () => cloneDiagramNodeErrors,
     cloneDiagramRuntimeState: () => cloneDiagramRuntimeState,
     createDiagramDocument: () => createDiagramDocument,
     createDiagramNodeRuntimeState: () => createDiagramNodeRuntimeState,
@@ -58,7 +59,19 @@ var SSDiagram = (() => {
     serializeDiagramViewState: () => serializeDiagramViewState
   });
 
+  // src/core/json.ts
+  function setJsonKey(target, key, value) {
+    if (key === "__proto__") {
+      Object.defineProperty(target, key, { value, enumerable: true, writable: true, configurable: true });
+      return;
+    }
+    target[key] = value;
+  }
+
   // src/core/model.ts
+  function toPortDynamicMode(value) {
+    return value === "manual" || value === "onConnect" ? value : "";
+  }
   var DIAGRAM_DOCUMENT_VERSION = 1;
 
   // src/core/document.ts
@@ -70,25 +83,29 @@ var SSDiagram = (() => {
     }
   };
   function createDiagramDocument(input = {}) {
-    const nodes = (input.nodes ?? []).map((node, index) => normalizeNode(node, `$.nodes[${index}]`));
+    const rawNodes = mapElements(input.nodes, "$.nodes");
+    const rawLinks = mapElements(input.links, "$.links");
+    const nodes = rawNodes.map((node, index) => normalizeNode(node, `$.nodes[${index}]`));
     const usedLinkIds = /* @__PURE__ */ new Set();
-    for (let index = 0; index < (input.links ?? []).length; index++) {
-      const id = input.links?.[index].id;
-      if (id === void 0) continue;
-      requireIdentifier(id, `$.links[${index}].id`);
+    for (let index = 0; index < rawLinks.length; index++) {
+      const raw = rawLinks[index].id;
+      if (raw === void 0) continue;
+      const id = requireIdentifier(raw, `$.links[${index}].id`);
       if (usedLinkIds.has(id)) {
         throw new DiagramDocumentError(`duplicate link id "${id}"`, `$.links[${index}].id`);
       }
       usedLinkIds.add(id);
     }
     let sequence = 1;
-    const links = (input.links ?? []).map((link, index) => {
+    const links = rawLinks.map((link, index) => {
       let id = link.id;
       if (id === void 0) {
+        let generated;
         do
-          id = `link_${sequence++}`;
-        while (usedLinkIds.has(id));
-        usedLinkIds.add(id);
+          generated = `link_${sequence++}`;
+        while (usedLinkIds.has(generated));
+        usedLinkIds.add(generated);
+        id = generated;
       }
       return normalizeLink({ ...link, id }, `$.links[${index}]`);
     });
@@ -117,7 +134,7 @@ var SSDiagram = (() => {
         throw new DiagramDocumentError(reason);
       }
     }
-    const root = requireObject(value, "$");
+    const root = requireStructure(value, "$");
     const version = requireNumber(root.version, "$.version");
     if (version !== DIAGRAM_DOCUMENT_VERSION) {
       throw new DiagramDocumentError(`unsupported document version ${version}`, "$.version");
@@ -131,7 +148,8 @@ var SSDiagram = (() => {
     validateDocument(document2);
     return document2;
   }
-  function normalizeNode(input, path) {
+  function normalizeNode(value, path) {
+    const input = requireStructure(value, path);
     const id = requireIdentifier(input.id, `${path}.id`);
     return {
       id,
@@ -146,28 +164,30 @@ var SSDiagram = (() => {
       icon: requireString(input.icon ?? "", `${path}.icon`),
       message: requireString(input.message ?? "", `${path}.message`),
       openAction: requireString(input.openAction ?? "", `${path}.openAction`),
-      inPorts: (input.inPorts ?? []).map((port, index) => normalizePort(port, `${path}.inPorts[${index}]`)),
-      outPorts: (input.outPorts ?? []).map((port, index) => normalizePort(port, `${path}.outPorts[${index}]`)),
-      parameters: (input.parameters ?? []).map((parameter, index) => normalizeParameter(parameter, `${path}.parameters[${index}]`)),
+      inPorts: mapElements(input.inPorts, `${path}.inPorts`).map((port, index) => normalizePort(port, `${path}.inPorts[${index}]`)),
+      outPorts: mapElements(input.outPorts, `${path}.outPorts`).map((port, index) => normalizePort(port, `${path}.outPorts[${index}]`)),
+      parameters: mapElements(input.parameters, `${path}.parameters`).map((parameter, index) => normalizeParameter(parameter, `${path}.parameters[${index}]`)),
       paramValues: cloneStringRecord(input.paramValues ?? {}, `${path}.paramValues`),
       metadata: cloneJsonObject(input.metadata ?? {}, `${path}.metadata`)
     };
   }
-  function normalizePort(input, path) {
+  function normalizePort(value, path) {
+    const input = requireStructure(value, path);
     return {
       id: requireIdentifier(input.id, `${path}.id`),
       name: requireString(input.name, `${path}.name`),
       description: requireString(input.description ?? "", `${path}.description`),
       type: requireString(input.type ?? "", `${path}.type`),
       maxLinks: requireNonNegativeInteger(input.maxLinks ?? 0, `${path}.maxLinks`),
-      availableTypes: (input.availableTypes ?? []).map((type, index) => requireString(type, `${path}.availableTypes[${index}]`)),
+      availableTypes: requireArray(input.availableTypes ?? [], `${path}.availableTypes`).map((type, index) => requireString(type, `${path}.availableTypes[${index}]`)),
       isDynamic: requireBoolean(input.isDynamic ?? false, `${path}.isDynamic`),
-      dynamicMode: requireString(input.dynamicMode ?? "", `${path}.dynamicMode`),
+      dynamicMode: requirePortDynamicMode(input.dynamicMode ?? "", `${path}.dynamicMode`),
       isSibling: requireBoolean(input.isSibling ?? false, `${path}.isSibling`),
       metadata: cloneJsonObject(input.metadata ?? {}, `${path}.metadata`)
     };
   }
-  function normalizeParameter(input, path) {
+  function normalizeParameter(value, path) {
+    const input = requireStructure(value, path);
     return {
       name: requireIdentifier(input.name, `${path}.name`),
       displayName: requireString(input.displayName, `${path}.displayName`),
@@ -183,7 +203,8 @@ var SSDiagram = (() => {
       editorType: requireString(input.editorType, `${path}.editorType`)
     };
   }
-  function normalizeLink(input, path) {
+  function normalizeLink(value, path) {
+    const input = requireStructure(value, path);
     return {
       id: requireIdentifier(input.id, `${path}.id`),
       from: normalizeEndpoint(input.from, `${path}.from`),
@@ -191,14 +212,15 @@ var SSDiagram = (() => {
       metadata: cloneJsonObject(input.metadata ?? {}, `${path}.metadata`)
     };
   }
-  function normalizeEndpoint(input, path) {
+  function normalizeEndpoint(value, path) {
+    const input = requireStructure(value, path);
     return {
       nodeId: requireIdentifier(input.nodeId, `${path}.nodeId`),
       portId: requireIdentifier(input.portId, `${path}.portId`)
     };
   }
   function parseNode(value, path) {
-    const node = requireObject(value, path);
+    const node = requireStructure(value, path);
     return normalizeNode({
       id: requireString(node.id, `${path}.id`),
       typeId: requireString(node.typeId, `${path}.typeId`),
@@ -220,7 +242,7 @@ var SSDiagram = (() => {
     }, path);
   }
   function parsePort(value, path) {
-    const port = requireObject(value, path);
+    const port = requireStructure(value, path);
     return normalizePort({
       id: requireString(port.id, `${path}.id`),
       name: requireString(port.name, `${path}.name`),
@@ -229,13 +251,13 @@ var SSDiagram = (() => {
       maxLinks: requireNumber(port.maxLinks, `${path}.maxLinks`),
       availableTypes: requireArray(port.availableTypes, `${path}.availableTypes`).map((type, index) => requireString(type, `${path}.availableTypes[${index}]`)),
       isDynamic: requireBoolean(port.isDynamic, `${path}.isDynamic`),
-      dynamicMode: requireString(port.dynamicMode, `${path}.dynamicMode`),
+      dynamicMode: requirePortDynamicMode(port.dynamicMode, `${path}.dynamicMode`),
       isSibling: requireBoolean(port.isSibling, `${path}.isSibling`),
       metadata: cloneJsonObject(port.metadata, `${path}.metadata`)
     }, path);
   }
   function parseParameter(value, path) {
-    const parameter = requireObject(value, path);
+    const parameter = requireStructure(value, path);
     return normalizeParameter({
       name: requireString(parameter.name, `${path}.name`),
       displayName: requireString(parameter.displayName, `${path}.displayName`),
@@ -252,7 +274,7 @@ var SSDiagram = (() => {
     }, path);
   }
   function parseLink(value, path) {
-    const link = requireObject(value, path);
+    const link = requireStructure(value, path);
     return normalizeLink({
       id: requireString(link.id, `${path}.id`),
       from: parseEndpoint(link.from, `${path}.from`),
@@ -261,7 +283,7 @@ var SSDiagram = (() => {
     }, path);
   }
   function parseEndpoint(value, path) {
-    const endpoint = requireObject(value, path);
+    const endpoint = requireStructure(value, path);
     return {
       nodeId: requireIdentifier(endpoint.nodeId, `${path}.nodeId`),
       portId: requireIdentifier(endpoint.portId, `${path}.portId`)
@@ -309,7 +331,7 @@ var SSDiagram = (() => {
   function cloneStringRecord(value, path) {
     const object = requireObject(value, path);
     const result = {};
-    for (const [key, item] of Object.entries(object)) result[key] = requireString(item, `${path}.${key}`);
+    for (const [key, item] of Object.entries(object)) setJsonKey(result, key, requireString(item, `${path}.${key}`));
     return result;
   }
   function cloneJsonObject(value, path, ancestors = /* @__PURE__ */ new WeakSet()) {
@@ -319,7 +341,7 @@ var SSDiagram = (() => {
     const result = {};
     try {
       for (const [key, item] of Object.entries(object)) {
-        result[key] = cloneJsonValue(item, `${path}.${key}`, ancestors);
+        setJsonKey(result, key, cloneJsonValue(item, `${path}.${key}`, ancestors));
       }
     } finally {
       ancestors.delete(object);
@@ -341,6 +363,12 @@ var SSDiagram = (() => {
     if (isObject(value)) return cloneJsonObject(value, path, ancestors);
     throw new DiagramDocumentError("expected a JSON value", path);
   }
+  function requireStructure(value, path) {
+    if (typeof value !== "object" || value === null || Array.isArray(value)) {
+      throw new DiagramDocumentError("expected an object", path);
+    }
+    return value;
+  }
   function requireObject(value, path) {
     if (!isObject(value)) throw new DiagramDocumentError("expected an object", path);
     return value;
@@ -350,6 +378,13 @@ var SSDiagram = (() => {
     const prototype = Object.getPrototypeOf(value);
     return prototype === Object.prototype || prototype === null;
   }
+  function mapElements(value, path) {
+    if (value === void 0 || value === null) return [];
+    return Array.from(
+      requireArray(value, path),
+      (element, index) => requireStructure(element, `${path}[${index}]`)
+    );
+  }
   function requireArray(value, path) {
     if (!Array.isArray(value)) throw new DiagramDocumentError("expected an array", path);
     return value;
@@ -358,6 +393,10 @@ var SSDiagram = (() => {
     if (typeof value !== "string") throw new DiagramDocumentError("expected a string", path);
     return value;
   }
+  function requirePortDynamicMode(value, path) {
+    const mode = requireString(value, path);
+    return toPortDynamicMode(mode);
+  }
   function requireIdentifier(value, path) {
     const id = requireString(value, path);
     if (id.trim().length === 0) throw new DiagramDocumentError("identifier cannot be empty", path);
@@ -399,6 +438,24 @@ var SSDiagram = (() => {
         if (this.actions.get(action.id) === action) this.actions.delete(action.id);
       };
     }
+    /**
+     * Registers one action per id from a table keyed by TId, in key order.
+     * Because the table is a total Record, adding a member to TId without adding
+     * its action stops compiling instead of producing a command that silently
+     * does nothing.
+     */
+    registerAll(actions) {
+      const ids = Object.keys(actions);
+      const disposers = ids.map((id) => {
+        const action = actions[id];
+        return this.register({
+          id,
+          canExecute: (context) => action.canExecute(context),
+          execute: (context) => action.execute(context)
+        });
+      });
+      return () => disposers.forEach((dispose) => dispose());
+    }
     get(id) {
       return this.actions.get(id) ?? null;
     }
@@ -554,7 +611,7 @@ var SSDiagram = (() => {
       globalError: state.globalError === null ? null : { ...state.globalError },
       nodes: Object.fromEntries(Object.entries(state.nodes).map(([nodeId, node]) => [nodeId, {
         active: node.active,
-        error: node.error === null ? null : { ...node.error },
+        errors: cloneDiagramNodeErrors(node.errors),
         ports: {
           in: Object.fromEntries(Object.entries(node.ports.in).map(([portId, port]) => [portId, { ...port }])),
           out: Object.fromEntries(Object.entries(node.ports.out).map(([portId, port]) => [portId, { ...port }]))
@@ -611,10 +668,17 @@ var SSDiagram = (() => {
   function createDiagramNodeRuntimeState() {
     return {
       active: false,
-      error: null,
+      errors: {},
       ports: { in: {}, out: {} }
     };
   }
+  function cloneDiagramNodeErrors(errors) {
+    const result = {};
+    if (errors === void 0 || errors === null) return result;
+    if (errors.runtime !== void 0) result.runtime = { ...errors.runtime };
+    if (errors.load !== void 0) result.load = { ...errors.load };
+    return result;
+  }
 
   // src/core/view-state.ts
   var DIAGRAM_VIEW_STATE_VERSION = 1;
@@ -699,7 +763,7 @@ var SSDiagram = (() => {
   function copyJsonObject(value) {
     if (value === void 0) return {};
     const result = {};
-    for (const [key, item] of Object.entries(value)) result[key] = copyJsonValue(item);
+    for (const [key, item] of Object.entries(value)) setJsonKey(result, key, copyJsonValue(item));
     return result;
   }
   function copyParameters(value) {
@@ -730,7 +794,7 @@ var SSDiagram = (() => {
       this.maxLinks = typeof init.maxLinks === "number" ? init.maxLinks : 0;
       this.availableTypes = [...init.availableTypes ?? []];
       this.isDynamic = init.isDynamic ?? false;
-      this.dynamicMode = init.dynamicMode ?? "";
+      this.dynamicMode = toPortDynamicMode(init.dynamicMode);
       this.isSibling = init.isSibling ?? false;
       this.metadata = copyJsonObject(init.metadata);
     }
@@ -897,8 +961,6 @@ var SSDiagram = (() => {
       this.dragStart = [];
       // group-drag origin
       this.dragAnchor = { wx: 0, wy: 0 };
-      this.dragDX = 0;
-      this.dragDY = 0;
       this.panning = false;
       this.panX = 0;
       this.panY = 0;
@@ -1482,7 +1544,7 @@ var SSDiagram = (() => {
     setNodeParamValue(nodeId, name, value) {
       return this.updateNodeState(nodeId, "set node parameter", (node) => {
         if (value === void 0) delete node.paramValues[name];
-        else node.paramValues[name] = value;
+        else setJsonKey(node.paramValues, name, value);
       });
     }
     setShowNodeMessages(show) {
@@ -1565,7 +1627,7 @@ var SSDiagram = (() => {
       for (const node of this.nodes) {
         if (node.loadError.length === 0) continue;
         const state = createDiagramNodeRuntimeState();
-        state.error = { kind: "load", message: node.loadError, pulse: ++this.runtimePulse };
+        state.errors.load = { kind: "load", message: node.loadError, pulse: ++this.runtimePulse };
         this.runtimeState.nodes[node.id] = state;
       }
       if (Object.keys(this.runtimeState.nodes).length > 0) this.emitRuntimeStateChanged();
@@ -1765,15 +1827,16 @@ var SSDiagram = (() => {
       this.runtimePulse = Math.max(
         this.runtimePulse,
         this.runtimeState.globalError?.pulse ?? 0,
-        ...Object.values(this.runtimeState.nodes).map((node) => node.error?.pulse ?? 0)
+        ...Object.values(this.runtimeState.nodes).flatMap((node) => [node.errors.runtime?.pulse ?? 0, node.errors.load?.pulse ?? 0])
       );
       for (const node of this.nodes) {
-        const error = this.runtimeState.nodes[node.id]?.error ?? null;
-        const previousError = previous.nodes[node.id]?.error ?? null;
-        node.runtimeError = error?.kind === "runtime" ? error.message : "";
-        node.loadError = error?.kind === "load" ? error.message : "";
-        if (error?.kind === "runtime") {
-          if (previousError?.kind !== "runtime" || previousError.pulse !== error.pulse) {
+        const errors = this.runtimeState.nodes[node.id]?.errors;
+        const previousRuntime = previous.nodes[node.id]?.errors.runtime;
+        const runtimeError = errors?.runtime;
+        node.runtimeError = runtimeError?.message ?? "";
+        node.loadError = errors?.load?.message ?? "";
+        if (runtimeError !== void 0) {
+          if (previousRuntime === void 0 || previousRuntime.pulse !== runtimeError.pulse) {
             node.errorFlashStart = performance.now();
           }
         } else {
@@ -1822,7 +1885,9 @@ var SSDiagram = (() => {
       const state = this.getRuntimeState();
       const nodeState = state.nodes[id] ?? createDiagramNodeRuntimeState();
       state.nodes[id] = nodeState;
-      nodeState.error = message.length === 0 ? null : { kind, message, pulse: ++this.runtimePulse };
+      if (message.length === 0) delete nodeState.errors[kind];
+      else if (kind === "load") nodeState.errors.load = { kind, message, pulse: ++this.runtimePulse };
+      else nodeState.errors.runtime = { kind, message, pulse: ++this.runtimePulse };
       this.runtimeState = state;
       this.emitRuntimeStateChanged();
       return true;
@@ -1837,8 +1902,9 @@ var SSDiagram = (() => {
       if (kind === void 0 || kind === "load") node.loadError = "";
       const state = this.getRuntimeState();
       const nodeState = state.nodes[id];
-      if (nodeState !== void 0 && (kind === void 0 || nodeState.error?.kind === kind)) {
-        nodeState.error = node.runtimeError.length > 0 ? { kind: "runtime", message: node.runtimeError, pulse: ++this.runtimePulse } : node.loadError.length > 0 ? { kind: "load", message: node.loadError, pulse: ++this.runtimePulse } : null;
+      if (nodeState !== void 0) {
+        if (kind === void 0 || kind === "runtime") delete nodeState.errors.runtime;
+        if (kind === void 0 || kind === "load") delete nodeState.errors.load;
       }
       this.runtimeState = state;
       this.emitRuntimeStateChanged();
@@ -3634,6 +3700,13 @@ ${runtime.error}`;
         }
       }
     }
+    /**
+     * Whether anyone is listening. Lets a subject skip building a payload that
+     * is expensive to produce and that nothing would read.
+     */
+    hasHandlers(event) {
+      return (this.handlers.get(event)?.size ?? 0) > 0;
+    }
     clearEventHandlers() {
       this.handlers.clear();
     }
@@ -3655,7 +3728,7 @@ ${runtime.error}`;
       this.maxLinks = typeof init.maxLinks === "number" ? init.maxLinks : 0;
       this.availableTypes = init.availableTypes ?? [];
       this.isDynamic = init.isDynamic ?? false;
-      this.dynamicMode = init.dynamicMode ?? "";
+      this.dynamicMode = toPortDynamicMode(init.dynamicMode);
       this.isSibling = init.isSibling ?? false;
     }
     clone() {
@@ -3756,7 +3829,7 @@ ${runtime.error}`;
       this.destroyed = false;
       this.fullscreen = false;
       this.fullscreenButtonVisible = true;
-      this.linkValidator = null;
+      this.fullscreenLabels = { enter: "Enter fullscreen", exit: "Exit fullscreen" };
       this.contextActions = new DiagramActionRegistry();
       this.div = options.div;
       this.catalog = options.catalog;
@@ -3770,6 +3843,7 @@ ${runtime.error}`;
         gridSize: options.gridSize
       });
       this.fullscreenButtonVisible = options.showFullscreenButton ?? true;
+      this.fullscreenLabels = options.fullscreenLabels ?? this.fullscreenLabels;
       this.prepareFullscreenButtonHost();
       this.fullscreenButton = this.createFullscreenButton();
       this.updateFullscreenButton();
@@ -3779,7 +3853,6 @@ ${runtime.error}`;
       this.updateZoomLabel();
     }
     setLinkValidator(validator) {
-      this.linkValidator = validator;
       this.canvas.setLinkValidator(validator === null ? null : ({ fromNode, fromPort, toNode, toPort }) => validator({
         fromNode: this.fromCanvasNode(fromNode),
         fromPort: this.fromCanvasPort(fromPort),
@@ -3853,21 +3926,25 @@ ${runtime.error}`;
     removeLink(link) {
       this.canvas.removeLink(this.toCanvasLink(link));
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     addPort(nodeId, direction, port) {
-      this.canvas.addPort(nodeId, direction, this.toCanvasPort(port));
+      return this.canvas.addPort(nodeId, direction, this.toCanvasPort(port));
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     removePort(nodeId, direction, portId) {
-      this.canvas.removePort(nodeId, direction, portId);
+      return this.canvas.removePort(nodeId, direction, portId);
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     updatePortType(nodeId, direction, portId, type) {
-      this.canvas.updatePortType(nodeId, direction, portId, type);
+      return this.canvas.updatePortType(nodeId, direction, portId, type);
     }
     updatePort(nodeId, direction, portId, patch) {
       return this.canvas.updatePort(nodeId, direction, portId, patch);
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     setNodePorts(nodeId, inPorts, outPorts) {
       const current = this.canvas.findNode(nodeId);
-      if (current === void 0) return;
+      if (current === void 0) return false;
       const convert = (port) => ({
         id: port.key,
         name: port.name,
@@ -3886,13 +3963,15 @@ ${runtime.error}`;
       for (const sibling of current.outPorts.filter((port) => port.isSibling)) {
         if (!nextOut.some((port) => port.id === sibling.id)) nextOut.push(sibling.toInit());
       }
-      this.canvas.setNodePorts(nodeId, nextIn, nextOut);
+      return this.canvas.setNodePorts(nodeId, nextIn, nextOut);
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     updateNode(nodeId, patch) {
-      this.canvas.updateNode(nodeId, patch);
+      return this.canvas.updateNode(nodeId, patch);
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     setNodeMessage(nodeId, message) {
-      this.canvas.updateNode(nodeId, { message });
+      return this.canvas.updateNode(nodeId, { message });
     }
     setNodeError(nodeId, message, options = {}) {
       return this.canvas.setNodeError(nodeId, message, options);
@@ -3918,11 +3997,13 @@ ${runtime.error}`;
     setGlobalError(message, kind = "invalid") {
       this.canvas.setGlobalError(message, kind);
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     setNodeParamValue(nodeId, paramName, value) {
-      this.canvas.setNodeParamValue(nodeId, paramName, value);
+      return this.canvas.setNodeParamValue(nodeId, paramName, value);
     }
+    /** False when nothing changed: no such node or port, or the edit was a no-op. */
     setNodeName(nodeId, value) {
-      this.canvas.updateNode(nodeId, { name: value });
+      return this.canvas.updateNode(nodeId, { name: value });
     }
     /** Groups host-driven document edits into one undo/redo operation. */
     transaction(label, action) {
@@ -4001,6 +4082,14 @@ ${runtime.error}`;
     isFullscreenButtonVisible() {
       return this.fullscreenButtonVisible;
     }
+    /** Text of the fullscreen button, for a host that renders in another language. */
+    setFullscreenLabels(labels) {
+      this.fullscreenLabels = labels;
+      this.updateFullscreenButton();
+    }
+    getFullscreenLabels() {
+      return { ...this.fullscreenLabels };
+    }
     /** Updates only the control's state after the host changed its own layout. */
     setFullscreenState(fullscreen) {
       if (this.fullscreen === fullscreen) return;
@@ -4223,7 +4312,7 @@ ${runtime.error}`;
     }
     updateFullscreenButton() {
       const fullscreen = this.fullscreen;
-      const label = fullscreen ? "Exit fullscreen" : "Enter fullscreen";
+      const label = fullscreen ? this.fullscreenLabels.exit : this.fullscreenLabels.enter;
       const path = fullscreen ? "M4 9h5V4M20 9h-5V4M4 15h5v5M20 15h-5v5" : "M9 4H4v5M15 4h5v5M9 20H4v-5M15 20h5v-5";
       this.fullscreenButton.className = fullscreen ? "ssdiagram-fullscreen-button is-active" : "ssdiagram-fullscreen-button";
       this.fullscreenButton.title = label;
@@ -4337,50 +4426,43 @@ ${runtime.error}`;
     }
     registerContextActions() {
       const permissions = () => this.canvas.getInteractionPermissions();
-      this.contextActions.register({
-        id: "undo",
-        canExecute: () => this.canUndo(),
-        execute: () => this.undo()
-      });
-      this.contextActions.register({
-        id: "redo",
-        canExecute: () => this.canRedo(),
-        execute: () => this.redo()
-      });
-      this.contextActions.register({
-        id: "cut",
-        canExecute: ({ nodes }) => nodes.length > 0 && permissions().copy && permissions().deleteSelection,
-        execute: () => this.cutSelection()
-      });
-      this.contextActions.register({
-        id: "copy",
-        canExecute: ({ nodes }) => nodes.length > 0 && permissions().copy,
-        execute: () => this.copySelection()
-      });
-      this.contextActions.register({
-        id: "paste",
-        canExecute: () => this.canvas.hasClipboard() && permissions().paste,
-        execute: () => this.pasteSelection()
-      });
-      this.contextActions.register({
-        id: "open",
-        canExecute: ({ nodes }) => nodes.length === 1 && nodes[0].openAction.length > 0,
-        execute: ({ nodes }) => this.emit("nodeOpen", { nodes })
-      });
-      this.contextActions.register({
-        id: "delete",
-        canExecute: ({ selection }) => permissions().deleteSelection && (selection.nodeIds.length > 0 || selection.linkIds.length > 0),
-        execute: () => this.canvas.deleteSelection()
-      });
-      this.contextActions.register({
-        id: "properties",
-        canExecute: ({ nodes }) => nodes.length > 0,
-        execute: ({ nodes }) => this.emit("nodeProperties", { nodes })
-      });
-      this.contextActions.register({
-        id: "help",
-        canExecute: ({ nodes }) => this.helpEnabled && nodes.length > 0,
-        execute: ({ nodes }) => this.emit("nodeHelp", { nodes })
+      this.contextActions.registerAll({
+        undo: {
+          canExecute: () => this.canUndo(),
+          execute: () => this.undo()
+        },
+        redo: {
+          canExecute: () => this.canRedo(),
+          execute: () => this.redo()
+        },
+        cut: {
+          canExecute: ({ nodes }) => nodes.length > 0 && permissions().copy && permissions().deleteSelection,
+          execute: () => this.cutSelection()
+        },
+        copy: {
+          canExecute: ({ nodes }) => nodes.length > 0 && permissions().copy,
+          execute: () => this.copySelection()
+        },
+        paste: {
+          canExecute: () => this.canvas.hasClipboard() && permissions().paste,
+          execute: () => this.pasteSelection()
+        },
+        open: {
+          canExecute: ({ nodes }) => nodes.length === 1 && nodes[0].openAction.length > 0,
+          execute: ({ nodes }) => this.emit("nodeOpen", { nodes })
+        },
+        delete: {
+          canExecute: ({ selection }) => permissions().deleteSelection && (selection.nodeIds.length > 0 || selection.linkIds.length > 0),
+          execute: () => this.canvas.deleteSelection()
+        },
+        properties: {
+          canExecute: ({ nodes }) => nodes.length > 0,
+          execute: ({ nodes }) => this.emit("nodeProperties", { nodes })
+        },
+        help: {
+          canExecute: ({ nodes }) => this.helpEnabled && nodes.length > 0,
+          execute: ({ nodes }) => this.emit("nodeHelp", { nodes })
+        }
       });
     }
     contextActionContext() {
@@ -4548,19 +4630,26 @@ ${runtime.error}`;
     // imported node ("Element type is missing from the palette"). Node.id
     // keeps its original casing so save/load round-trips unchanged.
     addNodeType(node) {
-      const n = node instanceof Node ? node : new Node(node);
+      const n = (node instanceof Node ? node : new Node(node)).clone();
       this.nodeTypes.set(n.id.toLowerCase(), n);
-      this.emit("nodeTypesChanged", this.getNodeTypes());
+      this.emitNodeTypesChanged();
     }
     removeNodeType(id) {
       this.nodeTypes.delete(id.toLowerCase());
-      this.emit("nodeTypesChanged", this.getNodeTypes());
+      this.emitNodeTypesChanged();
     }
     getNodeType(id) {
-      return this.nodeTypes.get(id.toLowerCase()) ?? null;
+      return this.nodeTypes.get(id.toLowerCase())?.clone() ?? null;
     }
     getNodeTypes() {
-      return Array.from(this.nodeTypes.values());
+      return Array.from(this.nodeTypes.values(), (node) => node.clone());
+    }
+    // Node definitions are mutable, so the payload has to be a copy of each one.
+    // Building a catalog is a loop of addNodeType calls, which would make that
+    // quadratic; skipping it while nobody listens keeps catalog construction --
+    // where no subscriber exists yet -- as cheap as it was.
+    emitNodeTypesChanged() {
+      if (this.hasHandlers("nodeTypesChanged")) this.emit("nodeTypesChanged", this.getNodeTypes());
     }
   };
 
@@ -4873,69 +4962,141 @@ ${runtime.error}`;
     });
     return { nodes, nodeErrors };
   }
+  function isRecord(value) {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+  }
+  function asRecord(value) {
+    return isRecord(value) ? value : void 0;
+  }
+  function asArray(value) {
+    return Array.isArray(value) ? value : [];
+  }
+  function asString(value) {
+    return typeof value === "string" ? value : "";
+  }
+  function asFiniteNumber(value) {
+    return typeof value === "number" && Number.isFinite(value) ? value : 0;
+  }
   function nodeName(node) {
-    const settings = node?.Settings;
-    const parameters = settings?.Parameters;
-    const nameParam = parameters?.Name;
-    const nameVal = nameParam?.Value;
-    if (typeof nameVal === "string" && nameVal.length > 0)
-      return nameVal;
-    if (typeof node?.Figure === "string" && node.Figure.length > 0)
-      return node.Figure;
-    return typeof node?.Key === "string" ? node.Key : "";
+    const named = asRecord(asRecord(asRecord(node.Settings)?.Parameters)?.Name)?.Value;
+    if (typeof named === "string" && named.length > 0)
+      return named;
+    const figure = asString(node.Figure);
+    return figure.length > 0 ? figure : asString(node.Key);
   }
   function parseRawScheme(raw) {
     const nodes = [];
     const links = [];
-    const root = raw;
-    const content = root?.Content;
-    const value = content?.Value;
-    const scheme = value?.Scheme;
-    const model = scheme?.Model;
-    if (!model)
+    const model = asRecord(asRecord(asRecord(asRecord(raw)?.Content)?.Value)?.Scheme)?.Model;
+    const fields = asRecord(model);
+    if (fields === void 0)
       return { nodes, links };
-    for (const raw2 of model.Nodes ?? []) {
-      const key = raw2?.Key;
+    for (const entry of asArray(fields.Nodes)) {
+      const node = asRecord(entry);
+      if (node === void 0)
+        continue;
+      const key = node.Key;
       if (typeof key !== "string" || key.length === 0)
         continue;
       nodes.push({
         id: key,
-        typeId: typeof raw2.TypeId === "string" ? raw2.TypeId : "",
-        name: nodeName(raw2),
-        x: typeof raw2.X === "number" ? raw2.X : 0,
-        y: typeof raw2.Y === "number" ? raw2.Y : 0
+        typeId: asString(node.TypeId),
+        name: nodeName(node),
+        x: asFiniteNumber(node.X),
+        y: asFiniteNumber(node.Y)
       });
     }
-    for (const raw2 of model.Links ?? []) {
-      const from = raw2?.From;
-      const to = raw2?.To;
+    for (const entry of asArray(fields.Links)) {
+      const link = asRecord(entry);
+      if (link === void 0)
+        continue;
+      const from = link.From;
+      const to = link.To;
       if (typeof from !== "string" || typeof to !== "string")
         continue;
       links.push({
         from,
-        fromPort: typeof raw2.FromPort === "string" ? raw2.FromPort : "",
+        fromPort: asString(link.FromPort),
         to,
-        toPort: typeof raw2.ToPort === "string" ? raw2.ToPort : ""
+        toPort: asString(link.ToPort)
       });
     }
     return { nodes, links };
   }
+  function parsePalettePorts(value) {
+    const ports = [];
+    for (const entry of asArray(value)) {
+      const port = asRecord(entry);
+      if (port === void 0)
+        continue;
+      const key = asString(port.key);
+      if (key.length === 0)
+        continue;
+      ports.push({
+        key,
+        name: asString(port.name),
+        type: asString(port.type),
+        maxLinks: asFiniteNumber(port.maxLinks),
+        availableTypes: asArray(port.availableTypes).filter((item) => typeof item === "string"),
+        isDynamic: port.isDynamic === true,
+        dynamicMode: toPortDynamicMode(port.dynamicMode)
+      });
+    }
+    return ports;
+  }
+  function parsePalette(value) {
+    const socketTypes = [];
+    const elements = [];
+    const root = asRecord(value);
+    if (root === void 0)
+      return { socketTypes, elements };
+    for (const entry of asArray(root.socketTypes)) {
+      const socket = asRecord(entry);
+      const name = asString(socket?.name);
+      if (name.length === 0)
+        continue;
+      socketTypes.push({ name, color: asString(socket?.color) });
+    }
+    for (const entry of asArray(root.elements)) {
+      const element = asRecord(entry);
+      const typeId = asString(element?.typeId);
+      if (element === void 0 || typeId.length === 0)
+        continue;
+      elements.push({
+        typeId,
+        name: asString(element.name),
+        groupName: asString(element.groupName),
+        icon: asString(element.icon),
+        inPorts: parsePalettePorts(element.inPorts),
+        outPorts: parsePalettePorts(element.outPorts)
+      });
+    }
+    return { socketTypes, elements };
+  }
   async function renderScheme(div, paletteUrl, scheme, options = {}) {
     return renderSchemeAtRevision(div, paletteUrl, scheme, beginRender(div), options);
   }
   async function renderSchemeAtRevision(div, paletteUrl, scheme, revision, options) {
     if (renderRevisions.get(div) !== revision)
       return null;
-    const palette = await fetch(paletteUrl).then((r) => r.json());
+    const response = await fetch(paletteUrl);
+    if (!response.ok)
+      throw new Error(`Palette request to ${paletteUrl} failed with status ${response.status}.`);
+    const palette = parsePalette(await response.json());
     if (renderRevisions.get(div) !== revision)
       return null;
     const catalog = buildCatalog(palette);
     disposeActiveRender(div);
     div.classList.remove("ss-diagram-error");
     div.replaceChildren();
+    const [enterLabel, exitLabel] = (div.dataset.diagramFullscreen ?? "").split("|");
     let diagram;
     try {
-      diagram = new StockSharpDiagram({ div, catalog });
+      diagram = new StockSharpDiagram({
+        div,
+        catalog,
+        ...enterLabel && exitLabel ? { fullscreenLabels: { enter: enterLabel, exit: exitLabel } } : {}
+      });
     } catch (error) {
       div.replaceChildren();
       throw error;
@@ -5085,6 +5246,14 @@ ${runtime.error}`;
     disconnectedHostObserver.disconnect();
     disconnectedHostObserver = null;
   }
+  function errorTexts(div) {
+    const parts = (div.dataset.diagramErrors ?? "").split("|");
+    return {
+      load: parts[0] || "Diagram source could not be loaded.",
+      empty: parts[1] || "Diagram is empty or malformed.",
+      draw: parts[2] || "Diagram could not be rendered."
+    };
+  }
   function note(div, message, revision) {
     if (renderRevisions.get(div) !== revision) return;
     disposeActiveRender(div);
@@ -5093,53 +5262,51 @@ ${runtime.error}`;
   }
   async function renderFromSource(div, paletteUrl, srcUrl, options = {}) {
     const revision = beginRender(div);
-    const errors = (div.dataset.diagramErrors ?? "").split("|");
-    const [errLoad = "Diagram source could not be loaded.", errEmpty = "Diagram is empty or malformed.", errDraw = "Diagram could not be rendered."] = errors;
+    const errors = errorTexts(div);
     let raw;
     try {
       const resp = await fetch(srcUrl);
       if (!resp.ok) {
-        note(div, errLoad, revision);
+        note(div, errors.load, revision);
         return null;
       }
       const text = (await resp.text()).replace(/^/, "");
       raw = JSON.parse(text);
     } catch {
-      note(div, errLoad, revision);
+      note(div, errors.load, revision);
       return null;
     }
     const scheme = parseRawScheme(raw);
     if (scheme.nodes.length === 0) {
-      note(div, errEmpty, revision);
+      note(div, errors.empty, revision);
       return null;
     }
     try {
       return await renderSchemeAtRevision(div, paletteUrl, scheme, revision, options);
     } catch {
-      note(div, errDraw, revision);
+      note(div, errors.draw, revision);
       return null;
     }
   }
   async function renderFromInline(div, paletteUrl, json, options = {}) {
     const revision = beginRender(div);
-    const errors = (div.dataset.diagramErrors ?? "").split("|");
-    const [, errEmpty = "Diagram is empty or malformed.", errDraw = "Diagram could not be rendered."] = errors;
+    const errors = errorTexts(div);
     let raw;
     try {
       raw = JSON.parse(json);
     } catch {
-      note(div, errEmpty, revision);
+      note(div, errors.empty, revision);
       return null;
     }
     const scheme = parseRawScheme(raw);
     if (scheme.nodes.length === 0) {
-      note(div, errEmpty, revision);
+      note(div, errors.empty, revision);
       return null;
     }
     try {
       return await renderSchemeAtRevision(div, paletteUrl, scheme, revision, options);
     } catch {
-      note(div, errDraw, revision);
+      note(div, errors.draw, revision);
       return null;
     }
   }