@aj-shadow/z-abs-complayer-visualizationsequencediagram-client 0.0.0-aj-beta.227 → 0.0.0-aj-beta.237

package/project/client/logic/seq-dia-filter.js

@@ -1,13 +1,12 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from './const';
-import LogDataGuiSubType from 'z-abs-funclayer-engine-cs/clientServer/log/log-data-gui-sub-type';
-import ActorPhaseConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-phase-const';
-import ActorResultConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-result-const';
+import { Const } from './const';
+import * as FuncLayerEngineCs  from 'z-abs-funclayer-engine-cs/client/log/log-data-gui-sub-type';
+import * as FuncLayerEngineCs1 from 'z-abs-funclayer-engine-cs/client/execution/actor-phase-const';
 
 
-class SeqDiaFilter {
+export class SeqDiaFilter {
   constructor() {
     this.filters = new Map();
     
@@ -145,11 +144,11 @@ class SeqDiaFilter {
     this.guiInstanceData = sequenceDiagramFilter.guiInstanceData;
     this.guiProtocolData = sequenceDiagramFilter.guiProtocolData;
     
-    this.phases[ActorPhaseConst.DATA] = sequenceDiagramFilter.phaseData;
-    this.phases[ActorPhaseConst.PRE] = sequenceDiagramFilter.phasePrecondition;
-    this.phases[ActorPhaseConst.EXEC] = sequenceDiagramFilter.phaseExecution;
-    this.phases[ActorPhaseConst.POST] = sequenceDiagramFilter.phasePostcondition;
-    this.phases[ActorPhaseConst.NONE] = sequenceDiagramFilter.phaseNone;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.DATA] = sequenceDiagramFilter.phaseData;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.PRE] = sequenceDiagramFilter.phasePrecondition;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.EXEC] = sequenceDiagramFilter.phaseExecution;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.POST] = sequenceDiagramFilter.phasePostcondition;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.NONE] = sequenceDiagramFilter.phaseNone;
     
     /////////////////////
     
@@ -206,13 +205,12 @@ class SeqDiaFilter {
   }
   
   update(sequenceDiagramFilter) {
-   // console.log('seq-dia-filter');
     let isUpdated = false;
-    if(this.phases[ActorPhaseConst.DATA] !== sequenceDiagramFilter.phaseData
-      || this.phases[ActorPhaseConst.PRE] !== sequenceDiagramFilter.phasePrecondition
-      || this.phases[ActorPhaseConst.EXEC] !== sequenceDiagramFilter.phaseExecution
-      || this.phases[ActorPhaseConst.POST] !== sequenceDiagramFilter.phasePostcondition
-      || this.phases[ActorPhaseConst.NONE] !== sequenceDiagramFilter.phaseNone
+    if(this.phases[FuncLayerEngineCs.ActorPhaseConst.DATA] !== sequenceDiagramFilter.phaseData
+      || this.phases[FuncLayerEngineCs.ActorPhaseConst.PRE] !== sequenceDiagramFilter.phasePrecondition
+      || this.phases[FuncLayerEngineCs.ActorPhaseConst.EXEC] !== sequenceDiagramFilter.phaseExecution
+      || this.phases[FuncLayerEngineCs.ActorPhaseConst.POST] !== sequenceDiagramFilter.phasePostcondition
+      || this.phases[FuncLayerEngineCs.ActorPhaseConst.NONE] !== sequenceDiagramFilter.phaseNone
     ) {
       this.setPhases(sequenceDiagramFilter);
       isUpdated = true;
@@ -286,17 +284,15 @@ class SeqDiaFilter {
     }
     this.showReceivedMessageNumbers(sequenceDiagramFilter.showReceivedMessageNumbers);
     this.showAddresses(sequenceDiagramFilter.showAddresses);
-    
-  //  console.log('seq-dia-filter:', isUpdated);
     return isUpdated;
   }
   
   setPhases(sequenceDiagramFilter) {
-    this.phases[ActorPhaseConst.DATA] = sequenceDiagramFilter.phaseData;
-    this.phases[ActorPhaseConst.PRE] = sequenceDiagramFilter.phasePrecondition;
-    this.phases[ActorPhaseConst.EXEC] = sequenceDiagramFilter.phaseExecution;
-    this.phases[ActorPhaseConst.POST] = sequenceDiagramFilter.phasePostcondition;
-    this.phases[ActorPhaseConst.NONE] = sequenceDiagramFilter.phaseNone;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.DATA] = sequenceDiagramFilter.phaseData;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.PRE] = sequenceDiagramFilter.phasePrecondition;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.EXEC] = sequenceDiagramFilter.phaseExecution;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.POST] = sequenceDiagramFilter.phasePostcondition;
+    this.phases[FuncLayerEngineCs.ActorPhaseConst.NONE] = sequenceDiagramFilter.phaseNone;
   }
   
   getPhase(phaseId) {
@@ -422,11 +418,11 @@ class SeqDiaFilter {
   
   getGuiEvents(phaseId, subType) {
     switch(subType) {
-      case LogDataGuiSubType.SUB_TYPE_OBJECT:
+      case FuncLayerEngineCs.LogDataGuiSubType.SUB_TYPE_OBJECT:
         return this.guiEvents && this.guiObjectEvents && this.phases[phaseId];
-      case LogDataGuiSubType.SUB_TYPE_ACTION:
+      case FuncLayerEngineCs.LogDataGuiSubType.SUB_TYPE_ACTION:
         return this.guiEvents && this.guiActionEvents && this.phases[phaseId];
-      case LogDataGuiSubType.SUB_TYPE_FUNCTION:
+      case FuncLayerEngineCs.LogDataGuiSubType.SUB_TYPE_FUNCTION:
         return this.guiEvents && this.guiFunctionEvents && this.phases[phaseId];
     }
   }
@@ -450,16 +446,16 @@ class SeqDiaFilter {
   
   showMessageContentEvents(show) {
     this.filterShowMessageContent = show;
-    const showDataMessage = show && this.messageEvents && this.phases[ActorPhaseConst.DATA];
-    const showPreMessage = show && this.messageEvents && this.phases[ActorPhaseConst.PRE];
-    const showExecMessage = show && this.messageEvents && this.phases[ActorPhaseConst.EXEC];
-    const showPostMessage = show && this.messageEvents && this.phases[ActorPhaseConst.POST];
-    const showNoneMessage = show && this.messageEvents && this.phases[ActorPhaseConst.NONE];
-    const showDataMessageDetail = show && this.messageDetailEvents && this.phases[ActorPhaseConst.DATA];
-    const showPreMessageDetail = show && this.messageDetailEvents && this.phases[ActorPhaseConst.PRE];
-    const showExecMessageDetail = show && this.messageDetailEvents && this.phases[ActorPhaseConst.EXEC];
-    const showPostMessageDetail = show && this.messageDetailEvents && this.phases[ActorPhaseConst.POST];
-    const showNoneMessageDetail = show && this.messageDetailEvents && this.phases[ActorPhaseConst.NONE];
+    const showDataMessage = show && this.messageEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.DATA];
+    const showPreMessage = show && this.messageEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.PRE];
+    const showExecMessage = show && this.messageEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.EXEC];
+    const showPostMessage = show && this.messageEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.POST];
+    const showNoneMessage = show && this.messageEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.NONE];
+    const showDataMessageDetail = show && this.messageDetailEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.DATA];
+    const showPreMessageDetail = show && this.messageDetailEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.PRE];
+    const showExecMessageDetail = show && this.messageDetailEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.EXEC];
+    const showPostMessageDetail = show && this.messageDetailEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.POST];
+    const showNoneMessageDetail = show && this.messageDetailEvents && this.phases[FuncLayerEngineCs.ActorPhaseConst.NONE];
   }
   
   getMessageContentEvents(phaseId, details, open) {
@@ -499,6 +495,3 @@ class SeqDiaFilter {
     this.styleSheet.insertRule(`${filter.type}.${filter.name} { ${rule} }`, filter.index);
   }
 }
-
-
-module.exports = SeqDiaFilter;

package/project/client/logic/shared-template-data.js

@@ -1,12 +1,11 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Analyze from './analyze';
-import DataLogRow from './data-log-row';
-import ActorPhaseConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-phase-const';
+import { Analyze } from './analyze';
+import { DataLogRow } from './data-log-row';
+import * as FuncLayerEngineCs from 'z-abs-funclayer-engine-cs/client/execution/actor-phase-const';
 
-
-class SharedTemplateData {
+export class SharedTemplateData {
   constructor() {
     this.filter = null;
     this.stackStyles = null;
@@ -21,7 +20,7 @@ class SharedTemplateData {
     this.analyze = new Analyze();
     this.analyze.analyzeActors(actors);
     this.dataLogRow = DataLogRow.create(null, 0, 0);
-    this.nextPhaseId = ActorPhaseConst.DATA;
+    this.nextPhaseId = FuncLayerEngineCs.ActorPhaseConst.DATA;
   }
   
   stateDone(msg) {
@@ -57,6 +56,3 @@ class SharedTemplateData {
     return isNewPhase;
   }
 }
-
-
-module.exports = SharedTemplateData;

package/project/client/react-component/sequence-diagram.jsx

@@ -1,63 +1,63 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Cache from '../logic/cache';
-import ConnectionData from '../logic/connection-data';
-import Const from '../logic/const';
-import ContentCache from '../logic/content-cache';
-import FilterSize from '../logic/filter-size';
-import SharedTemplateData from '../logic/shared-template-data';
-import ComponentSeqDiaCaption from '../templates/components/component-seq-dia-caption';
-import ComponentSeqDiaEnvelope from '../templates/components/component-seq-dia-envelope'; 
-import ComponentSeqDiaEventRow from '../templates/components/component-seq-dia-event-row';
-import ComponentSeqDiaShared from '../templates/components/component-seq-dia-shared';
-import TemplateSeqDiaTestCaseStart from '../templates/template-seq-dia-test-case-start';
-import TemplateSeqDiaTestCaseHeader from '../templates/template-seq-dia-test-case-header';
-import TemplateSeqDiaPhaseStart from '../templates/template-seq-dia-phase-start';
-import TemplateSeqDiaPhaseEnd from '../templates/template-seq-dia-phase-end';
-import TemplateSeqDiaTestCaseEnd from '../templates/template-seq-dia-test-case-end';
-import TemplateSeqDiaState from '../templates/template-seq-dia-state';
-import TemplateSeqDiaStack from '../templates/template-seq-dia-stack';
-import TemplateSeqDiaServerStarting from '../templates/template-seq-dia-server-starting';
-import TemplateSeqDiaServerStarted from '../templates/template-seq-dia-server-started';
-import TemplateSeqDiaServerAttached from '../templates/template-seq-dia-server-attached';
-import TemplateSeqDiaServerStopping from '../templates/template-seq-dia-server-stopping';
-import TemplateSeqDiaServerStopped from '../templates/template-seq-dia-server-stopped';
-import TemplateSeqDiaServerDetached from '../templates/template-seq-dia-server-detached';
-import TemplateSeqDiaServerNotStarted from '../templates/template-seq-dia-server-not-started';
-import TemplateSeqDiaServerAccepting from '../templates/template-seq-dia-server-accepting';
-import TemplateSeqDiaServerAccepted from '../templates/template-seq-dia-server-accepted';
-import TemplateSeqDiaClientConnecting from '../templates/template-seq-dia-client-connecting';
-import TemplateSeqDiaClientConnected from '../templates/template-seq-dia-client-connected';
-import TemplateSeqDiaClientDnsFailure from '../templates/template-seq-dia-client-dns-failure';
-import TemplateSeqDiaClientConnectedNot from '../templates/template-seq-dia-client-connected-not';
-import TemplateSeqDiaConnectionUpgrading from '../templates/template-seq-dia-connection-upgrading';
-import TemplateSeqDiaConnectionUpgraded from '../templates/template-seq-dia-connection-upgraded';
-import TemplateSeqDiaConnectionUpgradedNot from '../templates/template-seq-dia-connection-upgraded-not';
-import TemplateSeqDiaConnectionHalfClosing from '../templates/template-seq-dia-connection-half-closing';
-import TemplateSeqDiaConnectionHalfClosed from '../templates/template-seq-dia-connection-half-closed';
-import TemplateSeqDiaConnectionClosing from '../templates/template-seq-dia-connection-closing';
-import TemplateSeqDiaConnectionClosed from '../templates/template-seq-dia-connection-closed';
-import TemplateSeqDiaSend from '../templates/template-seq-dia-send';
-import TemplateSeqDiaReceive from '../templates/template-seq-dia-receive';
-import TemplateSeqDiaGui from '../templates/template-seq-dia-gui';
-import TemplateInners from 'z-abs-complayer-visualizationinner-client/client/templates/template-inners';
-import DataLogDynamicBuffer from 'z-abs-complayer-visualizationinner-client/client/data/data-log-dynamic-buffer';
-import DataScrollListNode from 'z-abs-complayer-visualizationinner-client/client/data/data-scroll-list-node';
-import ScrollListNode from 'z-abs-complayer-bootstrap-client/client/scroll-list/scroll-list-node';
-import ScrollList from 'z-abs-complayer-bootstrap-client/client/scroll-list/scroll-list';
-import ScrollListTemplateData from 'z-abs-complayer-bootstrap-client/client/scroll-list/scroll-list-template-data';
-import PooledBuffers from 'z-abs-corelayer-client/client/communication/core-protocol/pooled-buffers';
-import ReactComponentRealtimeRenderer from 'z-abs-corelayer-client/client/react-component/react-component-realtime-renderer';
-import AppProtocolConst from 'z-abs-funclayer-engine-cs/clientServer/communication/app-protocol/app-protocol-const';
-import ActorResultConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-result-const';
-import ActorStateConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-state-const';
-import ActorTypeConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-type-const';
-import LogDataAction from 'z-abs-funclayer-engine-cs/clientServer/log/log-data-action';
-import React from 'react';
+import { Cache } from '../logic/cache';
+import { ConnectionData } from '../logic/connection-data';
+import { Const } from '../logic/const';
+import { ContentCache } from '../logic/content-cache';
+import { FilterSize } from '../logic/filter-size';
+import { SharedTemplateData } from '../logic/shared-template-data';
+import { ComponentSeqDiaCaption } from '../templates/components/component-seq-dia-caption';
+import { ComponentSeqDiaEnvelope } from '../templates/components/component-seq-dia-envelope'; 
+import { ComponentSeqDiaEventRow } from '../templates/components/component-seq-dia-event-row';
+import { ComponentSeqDiaShared } from '../templates/components/component-seq-dia-shared';
+import { TemplateSeqDiaTestCaseStart } from '../templates/template-seq-dia-test-case-start';
+import { TemplateSeqDiaTestCaseHeader } from '../templates/template-seq-dia-test-case-header';
+import { TemplateSeqDiaPhaseStart } from '../templates/template-seq-dia-phase-start';
+import { TemplateSeqDiaPhaseEnd } from '../templates/template-seq-dia-phase-end';
+import { TemplateSeqDiaTestCaseEnd } from '../templates/template-seq-dia-test-case-end';
+import { TemplateSeqDiaState } from '../templates/template-seq-dia-state';
+import { TemplateSeqDiaStack } from '../templates/template-seq-dia-stack';
+import { TemplateSeqDiaServerStarting } from '../templates/template-seq-dia-server-starting';
+import { TemplateSeqDiaServerStarted } from '../templates/template-seq-dia-server-started';
+import { TemplateSeqDiaServerAttached } from '../templates/template-seq-dia-server-attached';
+import { TemplateSeqDiaServerStopping } from '../templates/template-seq-dia-server-stopping';
+import { TemplateSeqDiaServerStopped } from '../templates/template-seq-dia-server-stopped';
+import { TemplateSeqDiaServerDetached } from '../templates/template-seq-dia-server-detached';
+import { TemplateSeqDiaServerNotStarted } from '../templates/template-seq-dia-server-not-started';
+import { TemplateSeqDiaServerAccepting } from '../templates/template-seq-dia-server-accepting';
+import { TemplateSeqDiaServerAccepted } from '../templates/template-seq-dia-server-accepted';
+import { TemplateSeqDiaClientConnecting } from '../templates/template-seq-dia-client-connecting';
+import { TemplateSeqDiaClientConnected } from '../templates/template-seq-dia-client-connected';
+import { TemplateSeqDiaClientDnsFailure } from '../templates/template-seq-dia-client-dns-failure';
+import { TemplateSeqDiaClientConnectedNot } from '../templates/template-seq-dia-client-connected-not';
+import { TemplateSeqDiaConnectionUpgrading } from '../templates/template-seq-dia-connection-upgrading';
+import { TemplateSeqDiaConnectionUpgraded } from '../templates/template-seq-dia-connection-upgraded';
+import { TemplateSeqDiaConnectionUpgradedNot } from '../templates/template-seq-dia-connection-upgraded-not';
+import { TemplateSeqDiaConnectionHalfClosing } from '../templates/template-seq-dia-connection-half-closing';
+import { TemplateSeqDiaConnectionHalfClosed } from '../templates/template-seq-dia-connection-half-closed';
+import { TemplateSeqDiaConnectionClosing } from '../templates/template-seq-dia-connection-closing';
+import { TemplateSeqDiaConnectionClosed } from '../templates/template-seq-dia-connection-closed';
+import { TemplateSeqDiaSend } from '../templates/template-seq-dia-send';
+import { TemplateSeqDiaReceive } from '../templates/template-seq-dia-receive';
+import { TemplateSeqDiaGui } from '../templates/template-seq-dia-gui';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/templates/template-inners';
+import * as CompLayerVisualizationinnerClient1 from 'z-abs-complayer-visualizationinner-client/client/data/data-log-dynamic-buffer';
+import * as CompLayerVisualizationinnerClient2 from 'z-abs-complayer-visualizationinner-client/client/data/data-scroll-list-node';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/scroll-list/scroll-list-node';
+import * as CompLayerBootstrapClient1 from 'z-abs-complayer-bootstrap-client/client/scroll-list/scroll-list';
+import * as CompLayerBootstrapClient2 from 'z-abs-complayer-bootstrap-client/client/scroll-list/scroll-list-template-data';
+import * as CoreLayerClient  from 'z-abs-corelayer-client/client/communication/core-protocol/pooled-buffers';
+import * as CoreLayerClient1 from 'z-abs-corelayer-client/client/react-component/react-component-realtime-renderer';
+import * as FuncLayerEngineCs from 'z-abs-funclayer-engine-cs/client/communication/app-protocol/app-protocol-const';
+import * as FuncLayerEngineCs1 from 'z-abs-funclayer-engine-cs/client/execution/actor-result-const';
+import * as FuncLayerEngineCs2 from 'z-abs-funclayer-engine-cs/client/execution/actor-state-const';
+import * as FuncLayerEngineCs3 from 'z-abs-funclayer-engine-cs/client/execution/actor-type-const';
+import * as FuncLayerEngineCs4 from 'z-abs-funclayer-engine-cs/client/log/log-data-action';
+import * as React from 'react';
 
 
-export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
+export class SequenceDiagram extends CoreLayerClient.ReactComponentRealtimeRenderer {
   static TEMPLATE_TEST_CASE_START = 25;
   static TEMPLATE_TEST_CASE_END = SequenceDiagram.TEMPLATE_TEST_CASE_START + 1;
   static TEMPLATE_TEST_CASE_HEADER = SequenceDiagram.TEMPLATE_TEST_CASE_END + 1;
@@ -83,8 +83,8 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
     this.seqDiaConnectionUpgradedTemplate = new TemplateSeqDiaConnectionUpgraded();
     this.seqDiaConnectionUpgradedNotTemplate = new TemplateSeqDiaConnectionUpgradedNot();
     this.cache = new Cache();
-    this.pooledBuffers = new PooledBuffers('sequence-diagram');
-    this.templateInners = new TemplateInners('seq_dia', ComponentSeqDiaEnvelope.createInners, this.calculateInnersSize.bind(this));
+    this.pooledBuffers = new CoreLayerClient.PooledBuffers('sequence-diagram');
+    this.templateInners = new CompLayerVisualizationinnerClient.TemplateInners('seq_dia', ComponentSeqDiaEnvelope.createInners, this.calculateInnersSize.bind(this));
     this.templates = [
       new TemplateSeqDiaServerStarting(),
       new TemplateSeqDiaServerStarted(),
@@ -118,7 +118,7 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
       this.seqDiaPhaseEndTemplate,
       this.seqDiaStateTemplate
     ];
-    this.scrollList = new ScrollList(props.name, new ScrollListTemplateData(this.templates, new DataScrollListNode(this.pooledBuffers)), (autoScroll) => {
+    this.scrollList = new CompLayerBootstrapClient.ScrollList(props.name, new CompLayerBootstrapClient.ScrollListTemplateData(this.templates, new CompLayerVisualizationinnerClient.DataScrollListNode(this.pooledBuffers)), (autoScroll) => {
       if(props.onAutoScroll) {
         props.onAutoScroll(autoScroll);
       }
@@ -156,7 +156,7 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
     const nextStoreState = nextState[nextProps.storeName];
     const changedWidth = FilterSize.update(Const.ACTOR_X_MARGIN, Const.ACTOR_X_PADDING, nextStoreState.buttons.sequenceDiagram.width);
     if((this.props.buttonsLoaded !== nextProps.buttonsLoaded) || changedWidth || !this.shallowCompare(this.props.stackStyles, nextProps.stackStyles)) {
-      this.prepairComponents(nextProps, true, true, () => {
+	  this.prepairComponents(nextProps, true, true, () => {
         this.scrollList.update(nextStoreState.buttons.sequenceDiagram.scroll, nextStoreState.buttons.sequenceDiagram.zoom, false);
       });
     }
@@ -222,7 +222,7 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
           }
         });
       };
-      this._prepairComponent(func, initOrexit, DataLogDynamicBuffer, this.pooledBuffers);
+      this._prepairComponent(func, initOrexit, CompLayerVisualizationinnerClient.DataLogDynamicBuffer, this.pooledBuffers);
       this._prepairComponent(func, initOrexit, this.templateInners, props.stackStyles, this._updateScrollList.bind(this));
       this._prepairComponent(func, initOrexit, ComponentSeqDiaShared, props.stackStyles);
       this._prepairComponent(func, initOrexit, ComponentSeqDiaCaption);
@@ -248,16 +248,16 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
   }
   
   onRealtimeMessage(msg) {
-    if(AppProtocolConst.LOG === msg.msgId) {
+    if(FuncLayerEngineCs.AppProtocolConst.LOG === msg.msgId) {
       const logData = msg.data;
       if(logData) {
         if(this.sharedTemplateData.setLogRow(msg)) {
           const bufferData = this.seqDiaPhaseStartTemplate.store(msg, this.sharedTemplateData);
-          const node = new ScrollListNode(bufferData);
+          const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
           this.scrollList.add(node, SequenceDiagram.TEMPLATE_PHASE_START);
         }
-        if(ActorTypeConst.NAME_REAL_SUT === this.sharedTemplateData.dataLogRow.actorType) {
-          if(LogDataAction.STARTING <= logData.actionId && LogDataAction.STOPPED >= logData.actionId) {
+        if(FuncLayerEngineCs.ActorTypeConst.NAME_REAL_SUT === this.sharedTemplateData.dataLogRow.actorType) {
+          if(FuncLayerEngineCs.LogDataAction.STARTING <= logData.actionId && FuncLayerEngineCs.LogDataAction.STOPPED >= logData.actionId) {
             return;
           }
         }
@@ -265,54 +265,54 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
           const template = this.templates[logData.actionId];
           if(template) {
             const bufferData = template.store(msg, this.sharedTemplateData);
-            const node = new ScrollListNode(bufferData);
+            const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
             this.scrollList.add(node, logData.actionId);
             this._renderActiveRealtime([false, false]);
           }
         }
         catch(err) {// TODO: REMOVE
-          ddb.error(LogDataAction.LOG[logData.actionId], ' error: ', err);
+          ddb.error(FuncLayerEngineCs.LogDataAction.LOG[logData.actionId], ' error: ', err);
         }
       }
     }
-    if(AppProtocolConst.TEST_CASE_STATE === msg.msgId) {
+    if(FuncLayerEngineCs.AppProtocolConst.TEST_CASE_STATE === msg.msgId) {
       if(this.logClient) {
-        if(ActorStateConst.DATA === msg.stateIndex && ActorResultConst.NA === msg.stateResultIndex) {
+        if(FuncLayerEngineCs.ActorStateConst.DATA === msg.stateIndex && FuncLayerEngineCs.ActorResultConst.NA === msg.stateResultIndex) {
           return;
         }
         if(this.sharedTemplateData.setLogRow(null)) {
           const bufferData = this.seqDiaPhaseStartTemplate.store(msg, this.sharedTemplateData);
-          const node = new ScrollListNode(bufferData);
+          const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
           this.scrollList.add(node, SequenceDiagram.TEMPLATE_PHASE_START);
         }
         const bufferData = this.seqDiaStateTemplate.store(msg, this.sharedTemplateData);
-        const node = new ScrollListNode(bufferData);
+        const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
         this.scrollList.add(node, SequenceDiagram.TEMPLATE_STATE);
         const currentPhaseId = this.sharedTemplateData.dataLogRow.phaseId;
         const nextPhaseId = this.sharedTemplateData.stateDone(msg);
         if(currentPhaseId !== nextPhaseId) {
           this.sharedTemplateData.setLogRow(null);
           const bufferData = this.seqDiaPhaseEndTemplate.store(msg, this.sharedTemplateData);
-          const node = new ScrollListNode(bufferData);
+          const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
           this.scrollList.add(node, SequenceDiagram.TEMPLATE_PHASE_END);
           this.sharedTemplateData.setPhaseId(nextPhaseId);
         }
         this._renderActiveRealtime([false, false]);
       }
     }
-    else if(AppProtocolConst.TEST_CASE_STARTED === msg.msgId) {
+    else if(FuncLayerEngineCs.AppProtocolConst.TEST_CASE_STARTED === msg.msgId) {
       if(this.logClient) {
         this.sharedTemplateData.init(msg.actors, this.props.filter, this.props.stackStyles);
         const bufferData = this.seqDiaTestCaseStartTemplate.store(msg, this.sharedTemplateData);
-        const node = new ScrollListNode(bufferData);
+        const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
         this.scrollList.add(node, SequenceDiagram.TEMPLATE_TEST_CASE_START);
         if(msg.isExecuted) {
           const bufferData = this.seqDiaTestCaseHeaderTemplate.store(msg, this.sharedTemplateData);
-          const node = new ScrollListNode(bufferData);
+          const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
           this.scrollList.add(node, SequenceDiagram.TEMPLATE_TEST_CASE_HEADER);
           if(2 <= msg.actors.length) {
             const bufferData = this.seqDiaPhaseStartTemplate.store(msg, this.sharedTemplateData);
-            const node = new ScrollListNode(bufferData);
+            const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
             this.scrollList.add(node, SequenceDiagram.TEMPLATE_PHASE_START);
           }
         }
@@ -320,22 +320,22 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
         this.sharedTemplateData.setLogRow(null);
       }
     }
-    else if(AppProtocolConst.TEST_CASE_STOPPED === msg.msgId) {
+    else if(FuncLayerEngineCs.AppProtocolConst.TEST_CASE_STOPPED === msg.msgId) {
       if(this.logClient) {
         this.sharedTemplateData.setLogRow(null);
         const bufferData = this.seqDiaTestCaseEndTemplate.store(msg, this.sharedTemplateData);
-        const node = new ScrollListNode(bufferData);
+        const node = new CompLayerBootstrapClient.ScrollListNode(bufferData);
         this.scrollList.add(node, SequenceDiagram.TEMPLATE_TEST_CASE_END);
         this._renderActiveRealtime([false, false]);
       }
     }
-    else if(AppProtocolConst.TEST_SUITE_STOPPED === msg.msgId) {
+    else if(FuncLayerEngineCs.AppProtocolConst.TEST_SUITE_STOPPED === msg.msgId) {
     }
-    else if(AppProtocolConst.EXECUTION_STARTED === msg.msgId) {
+    else if(FuncLayerEngineCs.AppProtocolConst.EXECUTION_STARTED === msg.msgId) {
       this.logClient = !!(1 & msg.chosen);
       this.logConsole = !!(2 & msg.chosen);
     }
-    else if(AppProtocolConst.TEST_CASE_CLEAR === msg.msgId && 'TestCase' === this.props.clearMsgPrefix) {
+    else if(FuncLayerEngineCs.AppProtocolConst.TEST_CASE_CLEAR === msg.msgId && 'TestCase' === this.props.clearMsgPrefix) {
       if('sequence-diagram' === msg.tab) {
         this._renderActiveRealtime([true, false], () => {
           ContentCache.clear();
@@ -345,7 +345,7 @@ export default class SequenceDiagram extends ReactComponentRealtimeRenderer {
         });
       }
     }
-    else if(AppProtocolConst.TEST_SUITE_CLEAR === msg.msgId && 'TestSuite' === this.props.clearMsgPrefix) {
+    else if(FuncLayerEngineCs.AppProtocolConst.TEST_SUITE_CLEAR === msg.msgId && 'TestSuite' === this.props.clearMsgPrefix) {
       if('sequence-diagram' === msg.tab) {
         this._renderActiveRealtime([true, false], () => {
           ContentCache.clear();

package/project/client/templates/components/component-seq-dia-arrow.js

@@ -1,10 +1,10 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
+import { Const } from '../../logic/const';
 
 
-class ComponentSeqDiaArrow {
+export class ComponentSeqDiaArrow {
   static ARROW_WIDTH = 11;
   static ARROW_HEIGHT = 3;
   static ARROW_WIDTH_MIDDLE = 6;
@@ -21,6 +21,3 @@ class ComponentSeqDiaArrow {
     return arrow;
   }
 }
-
-
-module.exports = ComponentSeqDiaArrow;

package/project/client/templates/components/component-seq-dia-caption.js

@@ -1,10 +1,10 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
+import { Const } from '../../logic/const';
 
 
-class ComponentSeqDiaCaption {
+export class ComponentSeqDiaCaption {
   static template = null;
   
   static exit() {
@@ -39,6 +39,3 @@ class ComponentSeqDiaCaption {
     node.lastChild.firstChild.firstChild.nodeValue = text;
   }
 }
-
-
-module.exports = ComponentSeqDiaCaption;

package/project/client/templates/components/component-seq-dia-envelope.js

@@ -1,15 +1,14 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
-import FilterSize from '../../logic/filter-size';
-import DataLogDynamicBuffer from 'z-abs-complayer-visualizationinner-client/client/data/data-log-dynamic-buffer';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
-import TemplateInners from 'z-abs-complayer-visualizationinner-client/client/templates/template-inners';
-import TransportTypeConst from 'z-abs-funclayer-engine-cs/clientServer/stack/transport-type-const';
+import { Const } from '../../logic/const';
+import { FilterSize } from '../../logic/filter-size';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/data/data-log-dynamic-buffer';
+import * as CompLayerVisualizationinnerClient1 from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import * as FuncLayerEngineCs from 'z-abs-funclayer-engine-cs/client/stack/transport-type-const';
 
 
-class ComponentSeqDiaEnvelope {
+export class ComponentSeqDiaEnvelope {
   static TOP_POINT = 2;
   static MIDDLE_TOP_POINT = ComponentSeqDiaEnvelope.TOP_POINT + 2.5;
   static MIDDLE_BOTTOM_POINT = ComponentSeqDiaEnvelope.MIDDLE_TOP_POINT + 2.5;
@@ -125,7 +124,7 @@ class ComponentSeqDiaEnvelope {
   
   static createInners(data) {
     const outerNode = ComponentSeqDiaEnvelope.innersTemplate[data.protocolIndex].cloneNode(true);
-    outerNode.firstChild.lastChild.textContent = TransportTypeConst.TRANSPORT_TYPE_NAMES[data.transportType];
+    outerNode.firstChild.lastChild.textContent = FuncLayerEngineCs.TransportTypeConst.TRANSPORT_TYPE_NAMES[data.transportType];
     const innerNode = outerNode.lastChild;
     return {
       outerNode,
@@ -135,7 +134,7 @@ class ComponentSeqDiaEnvelope {
   
   static addEventListener(data, envelopeNode) {
     const extraData = data?.extraData;
-    const innerStatus = !extraData?.innersData ? InnerConst.INNER_NONE : (extraData.innersData.isOpen ? InnerConst.INNER_OPEN :  InnerConst.INNER_CLOSED);
+    const innerStatus = !extraData?.innersData ? CompLayerVisualizationinnerClient.InnerConst.INNER_NONE : (extraData.innersData.isOpen ? CompLayerVisualizationinnerClient.InnerConst.INNER_OPEN :  CompLayerVisualizationinnerClient.InnerConst.INNER_CLOSED);
     envelopeNode.lastChild.addEventListener('click', ComponentSeqDiaEnvelope.onClickInner, true);
     envelopeNode.setAttribute('data-key', extraData.innersData.dataKey);
   }
@@ -148,7 +147,7 @@ class ComponentSeqDiaEnvelope {
   static _clickInner(event) {
     const divNode = event.currentTarget.parentNode;
     const dataKey = divNode.getAttribute('data-key');
-    const extraData = DataLogDynamicBuffer.restoreFromKey(dataKey);
+    const extraData = CompLayerVisualizationinnerClient.DataLogDynamicBuffer.restoreFromKey(dataKey);
     const topNode = divNode.parentNode.parentNode.parentNode.parentNode.parentNode;
     if(divNode.getAttribute('data-inner') === 'closed') {
       let id = 0;
@@ -173,16 +172,13 @@ class ComponentSeqDiaEnvelope {
       });
       const innersRaw = JSON.stringify(extraData.inners);
       extraData.size = ComponentSeqDiaEnvelope.templateInners.calculateInnersSize(extraData.inners, extraData.type);
-      DataLogDynamicBuffer.storeFromKey(dataKey, innersRaw, extraData.inners, true, extraData.size, extraData.type);
+      CompLayerVisualizationinnerClient.DataLogDynamicBuffer.storeFromKey(dataKey, innersRaw, extraData.inners, true, extraData.size, extraData.type);
     }
     else {
       extraData.size = 0;
-      DataLogDynamicBuffer.storeFromKey(dataKey, extraData.innersRaw, null, false, extraData.size, extraData.type);
+      CompLayerVisualizationinnerClient.DataLogDynamicBuffer.storeFromKey(dataKey, extraData.innersRaw, null, false, extraData.size, extraData.type);
     }
     ComponentSeqDiaEnvelope.updateScrollList();
     event.preventDefault();
   }
 }
-
-
-module.exports = ComponentSeqDiaEnvelope;

package/project/client/templates/components/component-seq-dia-event-info.js

@@ -1,10 +1,10 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
+import { Const } from '../../logic/const';
 
 
-class ComponentSeqDiaEventInfo {
+export class ComponentSeqDiaEventInfo {
   constructor() {
     this.stackStyles = null;
     this.templateData = null;  
@@ -103,6 +103,3 @@ class ComponentSeqDiaEventInfo {
     return infoNode;
   }
 }
-
-
-module.exports = ComponentSeqDiaEventInfo;