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

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

@@ -1,13 +1,13 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
-import FilterSize from '../../logic/filter-size';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
-import ActorPhaseConst from 'z-abs-funclayer-engine-cs/clientServer/execution/actor-phase-const';
+import { Const } from '../../logic/const';
+import { FilterSize } from '../../logic/filter-size';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import * as FuncLayerEngineCs from 'z-abs-funclayer-engine-cs/client/execution/actor-phase-const';
 
 
-class ComponentSeqDiaEventRow {
+export class ComponentSeqDiaEventRow {
   static divRowHeader = null;
   static divColumnHeaderLeft = null;
   static divColumnHeader = null;
@@ -63,8 +63,8 @@ class ComponentSeqDiaEventRow {
     actorLine.classList.add('seq_dia_event_actor_line');
     actorLine.classList.add('seq__dia_event_actor_line');
     
-    ComponentSeqDiaEventRow.divColumnLeft = new Array(ActorPhaseConst.namesRunning.length);
-    ActorPhaseConst.namesRunning.forEach((phase, indexPhase) => {
+    ComponentSeqDiaEventRow.divColumnLeft = new Array(FuncLayerEngineCs.ActorPhaseConst.namesRunning.length);
+    FuncLayerEngineCs.ActorPhaseConst.namesRunning.forEach((phase, indexPhase) => {
       const divColumnLeft = divColumnTemplateLR.cloneNode(true);
       divColumnLeft.classList.add('seq_dia_event_column_left');
       divColumnLeft.classList.add(`seq_dia_phase_${phase}`);
@@ -75,9 +75,9 @@ class ComponentSeqDiaEventRow {
     ComponentSeqDiaEventRow.divColumnRight = new Array(Const.ACTOR_STATIC_ACTORS);
     
     for(let i = 0; i < Const.ACTOR_STATIC_ACTORS; ++i) {
-      ComponentSeqDiaEventRow.divColumn[i] = new Array(ActorPhaseConst.namesRunning.length);
-      ComponentSeqDiaEventRow.divColumnRight[i] = new Array(ActorPhaseConst.namesRunning.length);
-      ActorPhaseConst.namesRunning.forEach((phase, indexPhase) => {
+      ComponentSeqDiaEventRow.divColumn[i] = new Array(FuncLayerEngineCs.ActorPhaseConst.namesRunning.length);
+      ComponentSeqDiaEventRow.divColumnRight[i] = new Array(FuncLayerEngineCs.ActorPhaseConst.namesRunning.length);
+      FuncLayerEngineCs.ActorPhaseConst.namesRunning.forEach((phase, indexPhase) => {
         const divColumn = divColumnTemplate.cloneNode(true);
         divColumn.classList.add('seq_dia_event_column_middle');
         divColumn.classList.add(`seq_dia_phase_${phase}`);
@@ -91,7 +91,7 @@ class ComponentSeqDiaEventRow {
       });
     }
     
-    const svgTemplate = document.createElementNS(InnerConst.SVG_NS, 'svg');
+    const svgTemplate = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'svg');
     svgTemplate.classList.add('actor_svg');
     svgTemplate.setAttribute('height', 10);
     svgTemplate.setAttribute('width', FilterSize.eventWidth);
@@ -142,6 +142,3 @@ class ComponentSeqDiaEventRow {
     return svg;
   }
 }
-
-
-module.exports = ComponentSeqDiaEventRow;

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

@@ -1,14 +1,14 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
-import ComponentSeqDiaEventInfo from './component-seq-dia-event-info';
-import ComponentSeqDiaEventRow from './component-seq-dia-event-row';
-import FilterSize from '../../logic/filter-size';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../../logic/const';
+import { ComponentSeqDiaEventInfo } from './component-seq-dia-event-info';
+import { ComponentSeqDiaEventRow } from './component-seq-dia-event-row';
+import { FilterSize } from '../../logic/filter-size';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class ComponentSeqDiaProtocol {
+export class ComponentSeqDiaProtocol {
   static FRAGMENT = 0;
   static PART = 1;
   
@@ -61,21 +61,21 @@ class ComponentSeqDiaProtocol {
     this.componentSeqDiaEventInfo.createRightInfoDiv(rightRow, '[info]', 'seq_dia__data_protocol_info', false);
     
     this.eventInfoId = this.componentSeqDiaEventInfo.createTemplate(leftRow, rightRow);
-    const g = document.createElementNS(InnerConst.SVG_NS, 'g');
+    const g = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     
-    const leftLine = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const leftLine = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     leftLine.setAttribute('x1', FilterSize.eventWidthHalf);
     leftLine.setAttribute('x2', FilterSize.eventWidth);
     leftLine.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT);
     leftLine.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT);
     
-    const rightLine = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const rightLine = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     rightLine.setAttribute('x1', 0);
     rightLine.setAttribute('x2', FilterSize.eventWidthHalf);
     rightLine.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT);
     rightLine.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT);
     
-    const middleLine = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const middleLine = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     middleLine.setAttribute('x1', 0);
     middleLine.setAttribute('x2', FilterSize.eventWidth);
     middleLine.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT);
@@ -309,6 +309,3 @@ class ComponentSeqDiaProtocol {
     return null;
   }
 }
-
-
-module.exports = ComponentSeqDiaProtocol;

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

@@ -1,11 +1,11 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../../logic/const';
-import FilterSize from '../../logic/filter-size';
+import { Const } from '../../logic/const';
+import { FilterSize } from '../../logic/filter-size';
 
 
-class ComponentSeqDiaShared {
+export class ComponentSeqDiaShared {
   static template = null;
   
   static exit() {
@@ -53,6 +53,3 @@ class ComponentSeqDiaShared {
     return ComponentSeqDiaShared.template[protocolIndex][part][reverseDirection].cloneNode(true);
   }
 }
-
-
-module.exports = ComponentSeqDiaShared;

package/project/client/templates/template-seq-dia-client-connected-not.js

@@ -1,14 +1,14 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaClientConnectedNot from '../data/data-seq-dia-client-connected-not';
-import FilterSize from '../logic/filter-size';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaClientConnectedNot } from '../data/data-seq-dia-client-connected-not';
+import { FilterSize } from '../logic/filter-size';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaClientConnectedNot extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaClientConnectedNot extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaClientConnectedNot, 'seq_dia_client_connected_not', Const.STATE_EVENT_HEIGHT);
     this.fragment = null;
@@ -19,31 +19,31 @@ class TemplateSeqDiaClientConnectedNot extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(filter, pooledBuffers, stackStyles) {
-    const closingLine1 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine1 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine1.classList.add('seq_dia_event_connected_not');
     closingLine1.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine1.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine1.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine1.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingLine2 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine2 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine2.classList.add('seq_dia_event_connected_not');
     closingLine2.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine2.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine2.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine2.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingCircleOuter = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const closingCircleOuter = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     closingCircleOuter.classList.add('seq_dia_event_connected_not');
     closingCircleOuter.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     closingCircleOuter.setAttribute('cx', FilterSize.eventWidthHalf);
     
-    const closingCircleInner = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const closingCircleInner = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     closingCircleInner.classList.add('seq_dia_event_connected_not');
     closingCircleInner.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     closingCircleInner.setAttribute('cx', FilterSize.eventWidthHalf);
     
-    this.fragment = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragment = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragment.appendChild(closingLine1.cloneNode(true));
     this.fragment.appendChild(closingLine2.cloneNode(true));
     this.fragment.appendChild(closingCircleOuter.cloneNode(true));
@@ -62,6 +62,3 @@ class TemplateSeqDiaClientConnectedNot extends TemplateSeqDiaProtocolBase {
     return this.filter.getConnectionEvents(phaseId) ? this.height : 0;
   }
 }
-
-
-module.exports = TemplateSeqDiaClientConnectedNot;

package/project/client/templates/template-seq-dia-client-connected.js

@@ -1,15 +1,15 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaClientConnected from '../data/data-seq-dia-client-connected';
-import FilterSize from '../logic/filter-size';
-import ComponentSeqDiaShared from './components/component-seq-dia-shared';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaClientConnected } from '../data/data-seq-dia-client-connected';
+import { FilterSize } from '../logic/filter-size';
+import { ComponentSeqDiaShared } from './components/component-seq-dia-shared';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaClientConnected extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaClientConnected extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaClientConnected, 'seq_dia_client_connected', Const.STATE_EVENT_HEIGHT);
     this.fragmentEast = null;
@@ -22,12 +22,12 @@ class TemplateSeqDiaClientConnected extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(filter, pooledBuffers, stackStyles) {
-    const connectedCircleSmallTemplate = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const connectedCircleSmallTemplate = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     connectedCircleSmallTemplate.classList.add('seq_dia_client_connected');
     connectedCircleSmallTemplate.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     connectedCircleSmallTemplate.setAttribute('r', 3.5);
     connectedCircleSmallTemplate.setAttribute('cx', FilterSize.eventWidthHalf);
-    this.fragmentEast = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragmentEast = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragmentEast.appendChild(connectedCircleSmallTemplate);
     
     this.fragmentWest = this.fragmentEast.cloneNode(true);
@@ -62,6 +62,3 @@ class TemplateSeqDiaClientConnected extends TemplateSeqDiaProtocolBase {
     }
   }
 }
-
-
-module.exports = TemplateSeqDiaClientConnected;

package/project/client/templates/template-seq-dia-client-connecting.js

@@ -1,15 +1,15 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import ComponentSeqDiaEventInfo from './components/component-seq-dia-event-info';
-import DataSeqDiaClientConnecting from '../data/data-seq-dia-client-connecting';
-import FilterSize from '../logic/filter-size';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { ComponentSeqDiaEventInfo } from './components/component-seq-dia-event-info';
+import { DataSeqDiaClientConnecting } from '../data/data-seq-dia-client-connecting';
+import { FilterSize } from '../logic/filter-size';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaClientConnecting extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaClientConnecting extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaClientConnecting, 'seq_dia_server_connecting', Const.STATE_EVENT_HEIGHT);
     this.fragment = null;
@@ -25,13 +25,13 @@ class TemplateSeqDiaClientConnecting extends TemplateSeqDiaProtocolBase {
   
   onInit(filter, pooledBuffers, stackStyles) {
     this.componentSeqDiaEventInfo.init(stackStyles);
-    const connectingCircleTemplate = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const connectingCircleTemplate = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     connectingCircleTemplate.classList.add('seq_dia_client_connecting');
     connectingCircleTemplate.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     connectingCircleTemplate.setAttribute('r', 2);
     connectingCircleTemplate.setAttribute('cx', FilterSize.eventWidthHalf);
     
-    this.fragment = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragment = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragment.appendChild(connectingCircleTemplate);
     
     const leftRow = this.componentSeqDiaEventInfo.createLeftRowDiv('seq_dia__data_protocol');
@@ -66,6 +66,3 @@ class TemplateSeqDiaClientConnecting extends TemplateSeqDiaProtocolBase {
     captionNode.lastChild.childNodes[1].firstChild.firstChild.nodeValue = data.extraData.remoteName;
   }
 }
-
-
-module.exports = TemplateSeqDiaClientConnecting;

package/project/client/templates/template-seq-dia-client-dns-failure.js

@@ -1,14 +1,14 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaClientDnsFailure from '../data/data-seq-dia-client-dns-failure';
-import FilterSize from '../logic/filter-size';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaClientDnsFailure } from '../data/data-seq-dia-client-dns-failure';
+import { FilterSize } from '../logic/filter-size';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaClientDnsFailure extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaClientDnsFailure extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaClientDnsFailure);
     this.fragment = null;
@@ -19,40 +19,40 @@ class TemplateSeqDiaClientDnsFailure extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(appDeserializer) {
-    const closingLine1 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine1 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine1.classList.add('seq_dia_event_connection_closing');
     closingLine1.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine1.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine1.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine1.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingLine2 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine2 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine2.classList.add('seq_dia_event_connection_closing');
     closingLine2.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine2.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine2.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine2.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingCircleOuter = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const closingCircleOuter = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     closingCircleOuter.classList.add('seq_dia_client_connecting');
     closingCircleOuter.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     closingCircleOuter.setAttribute('cx', FilterSize.eventWidthHalf);
     
-    const closingCircleInner = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const closingCircleInner = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     closingCircleInner.classList.add('seq_dia_client_connecting');
     closingCircleInner.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     closingCircleInner.setAttribute('cx', FilterSize.eventWidthHalf);
     
-    const infoTemplate = document.createElementNS(InnerConst.SVG_NS, 'g');
+    const infoTemplate = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     
-    const dsrAddressTspanTemplate = infoTemplate.appendChild(document.createElementNS(InnerConst.SVG_NS, 'text'));
+    const dsrAddressTspanTemplate = infoTemplate.appendChild(document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'text'));
     dsrAddressTspanTemplate.classList.add('seq_dia_event_address');
     //addressNameTspanTemplate.classList.add('seq_dia_show__display__address_name');
     dsrAddressTspanTemplate.setAttribute('x', FilterSize.eventWidthHalf + 7.5);
     dsrAddressTspanTemplate.setAttribute('y', Const.STATE_EVENT_HALF_HEIGHT + 2);
     dsrAddressTspanTemplate.appendChild(document.createTextNode('[src:>dst]'));
     
-    this.fragment = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragment = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragment.appendChild(closingLine1.cloneNode(true));
     this.fragment.appendChild(closingLine2.cloneNode(true));
     this.fragment.appendChild(closingCircleOuter.cloneNode(true));
@@ -77,6 +77,3 @@ class TemplateSeqDiaClientDnsFailure extends TemplateSeqDiaProtocolBase {
     node.childNodes[actorIndex + 1].firstChild.childNodes[1].childNodes[4].firstChild.textContent = dataSeqDiaClientDnsFailure.dstUrl;
   }
 }
-
-
-module.exports = TemplateSeqDiaClientDnsFailure;

package/project/client/templates/template-seq-dia-connection-closed.js

@@ -1,15 +1,15 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaConnectionClosed from '../data/data-seq-dia-connection-closed';
-import FilterSize from '../logic/filter-size';
-import ComponentSeqDiaShared from './components/component-seq-dia-shared';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaConnectionClosed } from '../data/data-seq-dia-connection-closed';
+import { FilterSize } from '../logic/filter-size';
+import { ComponentSeqDiaShared } from './components/component-seq-dia-shared';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaConnectionClosed extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaConnectionClosed extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaConnectionClosed, 'seq_dia_connection_closed', Const.STATE_EVENT_HEIGHT);
     this.fragment = null;
@@ -20,21 +20,21 @@ class TemplateSeqDiaConnectionClosed extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(filter, pooledBuffers, stackStyles) {
-    const closingLine1 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine1 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine1.classList.add('seq_dia_event_connection_closed');
     closingLine1.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine1.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine1.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine1.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingLine2 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine2 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine2.classList.add('seq_dia_event_connection_closed');
     closingLine2.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine2.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine2.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine2.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    this.fragment = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragment = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragment.appendChild(closingLine1.cloneNode(true));
     this.fragment.appendChild(closingLine2.cloneNode(true));
   }
@@ -65,6 +65,3 @@ class TemplateSeqDiaConnectionClosed extends TemplateSeqDiaProtocolBase {
     }
   }
 }
-
-
-module.exports = TemplateSeqDiaConnectionClosed;

package/project/client/templates/template-seq-dia-connection-closing.js

@@ -1,15 +1,15 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaConnectionClosing from '../data/data-seq-dia-connection-closing';
-import FilterSize from '../logic/filter-size';
-import ComponentSeqDiaShared from './components/component-seq-dia-shared';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaConnectionClosing } from '../data/data-seq-dia-connection-closing';
+import { FilterSize } from '../logic/filter-size';
+import { ComponentSeqDiaShared } from './components/component-seq-dia-shared';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaConnectionClosing extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaConnectionClosing extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaConnectionClosing, 'seq_dia_connection_closing', Const.STATE_EVENT_HEIGHT);
     this.fragment = null;
@@ -20,27 +20,27 @@ class TemplateSeqDiaConnectionClosing extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(filter, pooledBuffers, stackStyles) {
-    const closingLine1 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine1 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine1.classList.add('seq_dia_event_connection_closing');
     closingLine1.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine1.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine1.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine1.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingLine2 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine2 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine2.classList.add('seq_dia_event_connection_closing');
     closingLine2.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine2.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine2.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine2.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingCircle = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const closingCircle = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     closingCircle.classList.add('seq_dia_client_connecting');
     closingCircle.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     closingCircle.setAttribute('r', 2);
     closingCircle.setAttribute('cx', FilterSize.eventWidthHalf);
     
-    this.fragment = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragment = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragment.appendChild(closingLine1.cloneNode(true));
     this.fragment.appendChild(closingLine2.cloneNode(true));
     this.fragment.appendChild(closingCircle.cloneNode(true));
@@ -67,6 +67,3 @@ class TemplateSeqDiaConnectionClosing extends TemplateSeqDiaProtocolBase {
     }
   }
 }
-
-
-module.exports = TemplateSeqDiaConnectionClosing;

package/project/client/templates/template-seq-dia-connection-half-closed.js

@@ -1,15 +1,15 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaConnectionHalfClosed from '../data/data-seq-dia-connection-half-closed';
-import FilterSize from '../logic/filter-size';
-import ComponentSeqDiaShared from './components/component-seq-dia-shared';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaConnectionHalfClosed } from '../data/data-seq-dia-connection-half-closed';
+import { FilterSize } from '../logic/filter-size';
+import { ComponentSeqDiaShared } from './components/component-seq-dia-shared';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaConnectionHalfClosed extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaConnectionHalfClosed extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaConnectionHalfClosed, 'seq_dia_connection_half_closed', Const.STATE_EVENT_HEIGHT);
     this.fragment = null;
@@ -20,21 +20,21 @@ class TemplateSeqDiaConnectionHalfClosed extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(filter, pooledBuffers, stackStyles) {
-    const closingLine1 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine1 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine1.classList.add('seq_dia_event_connection_half_closed');
     closingLine1.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine1.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine1.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine1.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    const closingLine2 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine2 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine2.classList.add('seq_dia_event_connection_half_closed');
     closingLine2.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine2.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine2.setAttribute('x1', FilterSize.eventWidthHalf - 3);
     closingLine2.setAttribute('x2', FilterSize.eventWidthHalf + 3);
     
-    this.fragment = document.createElementNS(InnerConst.SVG_NS, 'g');
+    this.fragment = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     this.fragment.appendChild(closingLine1.cloneNode(true));
     this.fragment.appendChild(closingLine2.cloneNode(true));
   }
@@ -65,6 +65,3 @@ class TemplateSeqDiaConnectionHalfClosed extends TemplateSeqDiaProtocolBase {
     }
   }
 }
-
-
-module.exports = TemplateSeqDiaConnectionHalfClosed;

package/project/client/templates/template-seq-dia-connection-half-closing.js

@@ -1,15 +1,15 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Const from '../logic/const';
-import DataSeqDiaConnectionHalfClosing from '../data/data-seq-dia-connection-half-closing';
-import FilterSize from '../logic/filter-size';
-import ComponentSeqDiaShared from './components/component-seq-dia-shared';
-import TemplateSeqDiaProtocolBase from './template-seq-dia-protocol-base';
-import InnerConst from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
+import { Const } from '../logic/const';
+import { DataSeqDiaConnectionHalfClosing } from '../data/data-seq-dia-connection-half-closing';
+import { FilterSize } from '../logic/filter-size';
+import { ComponentSeqDiaShared } from './components/component-seq-dia-shared';
+import { TemplateSeqDiaProtocolBase } from './template-seq-dia-protocol-base';
+import * as CompLayerVisualizationinnerClient from 'z-abs-complayer-visualizationinner-client/client/logic/inner-const';
 
 
-class TemplateSeqDiaConnectionHalfClosing extends TemplateSeqDiaProtocolBase {
+export class TemplateSeqDiaConnectionHalfClosing extends TemplateSeqDiaProtocolBase {
   constructor() {
     super(DataSeqDiaConnectionHalfClosing, 'seq_dia_connection_half_closing', Const.STATE_EVENT_HEIGHT);
     this.fragment = null;
@@ -20,28 +20,28 @@ class TemplateSeqDiaConnectionHalfClosing extends TemplateSeqDiaProtocolBase {
   }
   
   onInit(filter, pooledBuffers, stackStyles) {
-    const closingLine1 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine1 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine1.classList.add('seq_dia_event_connection_half_closing');
     closingLine1.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT);
     closingLine1.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT + 3);
     closingLine1.setAttribute('x1', FilterSize.eventWidthHalf);
     closingLine1.setAttribute('x2', FilterSize.eventWidthHalf - 3);
     
-    const closingLine2 = document.createElementNS(InnerConst.SVG_NS, 'line');
+    const closingLine2 = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'line');
     closingLine2.classList.add('seq_dia_event_connection_half_closing');
     closingLine2.setAttribute('y1', Const.STATE_EVENT_HALF_HEIGHT);
     closingLine2.setAttribute('y2', Const.STATE_EVENT_HALF_HEIGHT - 3);
     closingLine2.setAttribute('x1', FilterSize.eventWidthHalf);
     closingLine2.setAttribute('x2', FilterSize.eventWidthHalf - 3);
     
-    const closingCircle = document.createElementNS(InnerConst.SVG_NS, 'circle');
+    const closingCircle = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'circle');
     closingCircle.classList.add('seq_dia_client_connecting');
     closingCircle.setAttribute('cy', Const.STATE_EVENT_HALF_HEIGHT);
     closingCircle.setAttribute('r', 2);
     closingCircle.setAttribute('cx', FilterSize.eventWidthHalf);
     
     this.fragment = [];
-    const fragmentEast = document.createElementNS(InnerConst.SVG_NS, 'g');
+    const fragmentEast = document.createElementNS(CompLayerVisualizationinnerClient.InnerConst.SVG_NS, 'g');
     fragmentEast.appendChild(closingLine1.cloneNode(true));
     fragmentEast.appendChild(closingLine2.cloneNode(true));
     fragmentEast.appendChild(closingCircle.cloneNode(true));
@@ -75,6 +75,3 @@ class TemplateSeqDiaConnectionHalfClosing extends TemplateSeqDiaProtocolBase {
     }
   }
 }
-
-
-module.exports = TemplateSeqDiaConnectionHalfClosing;