@aj-shadow/z-abs-complayer-documentation-client 0.0.0-aj-beta.227 → 0.0.0-aj-beta.236

package/npm-shrinkwrap.json

@@ -1,13 +1,13 @@
 {
   "name": "@aj-shadow/z-abs-complayer-documentation-client",
-  "version": "0.0.0-aj-beta.227",
+  "version": "0.0.0-aj-beta.236",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@aj-shadow/z-abs-complayer-documentation-client",
-      "version": "0.0.0-aj-beta.227",
-      "license": "SEE LICENSE IN LICENSE.txt"
+      "version": "0.0.0-aj-beta.236",
+      "license": "MIT"
     }
   }
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@aj-shadow/z-abs-complayer-documentation-client",
-  "version": "0.0.0-aj-beta.227",
+  "version": "0.0.0-aj-beta.236",
   "release-step": "delivery",
   "description": "Library used by @actorjs/actorjs",
   "author": "ActorJs",
-  "license": "SEE LICENSE IN LICENSE.txt",
+  "license": "MIT",
   "repository": "https://gitlab.com/actorjs-shadow-delivery-public/z-abs-complayer-documentation-client.git",
   "dependencies": {}
 }

package/project/client/_build/Bundle-CompLayer-Documentation-client.bld

@@ -2,35 +2,22 @@
   "layer": "Comp",
   "part": "Documentation-client",
   "source": {
-     "path": "./build/z-abs-complayer-documentation-client/client",
-	 "filters": ["js"]
+    "path": "./build/z-abs-complayer-documentation-client/client",
+    "filters": ["js"]
   },
   "dest": "./dist/scripts",
   "_bundle": true,
   "ignores": null,
-  "externals": [
-    "react"
+  "dictionary": [],
+  "exports": [],
+  "dependencies": [
+    ["z-abs-complayer-documentation-client", "client"],
+    ["z-abs-complayer-markup-client", "client"],
+    ["z-abs-complayer-bootstrap-client", "client"],
+    ["z-abs-complayer-router-client", "client"],
+    ["z-abs-corelayer-client", "client"],
+    ["z-abs-corelayer-cs", "cs"],
+    ["z-abs-3pplayer-react-client", "client"]
   ],
-  "externalGlobs": [
-    "./build/z-abs-complayer-markup-client/**/*.js",
-    "./build/z-abs-complayer-bootstrap-client/**/*.js",
-    "./build/z-abs-complayer-router-client/**/*.js",
-    "./build/z-abs-corelayer-client/**/*.js",
-    "./build/z-abs-corelayer-cs/**/*.js"
-  ],
-  "exports": null,
-  "exportSource": true,
-  "dependencyNames": [
-    "Client:CompLayer/Documentation-client",
-    "Client:CompLayer/Documentation-client-jsx",
-    "Client:CompLayer/Markup-client",
-    "Client:CompLayer/Markup-client-jsx",
-    "Client:CompLayer/Bootstrap-client",
-    "Client:CompLayer/Bootstrap-client-jsx",
-    "Client:CompLayer/Router-client-jsx",
-    "Client:CoreLayer/client",
-    "Client:CoreLayer/client-jsx",
-    "Client:CoreLayer/cs",
-    "Client:3ppLayer/React-client"
-  ]
+  "allowRequire": false
 }

package/project/client/actions/action-documentation.js

@@ -1,130 +1,130 @@
 
-'use strict';
+'use strict';// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Action from 'z-abs-corelayer-client/client/communication/action';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/communication/action';
 
 
-export class ActionDocumentationGet extends Action {
+export class ActionDocumentationGet extends CoreLayerClient.Action {
   constructor(documentName, embed, preview) {
     super(documentName, embed, preview);
   }
 }
 
-export class ActionDocumentationAdd extends Action {
+export class ActionDocumentationAdd extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationUpdate extends Action {
+export class ActionDocumentationUpdate extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationNavigationsUpdate extends Action {
+export class ActionDocumentationNavigationsUpdate extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationCurrentNavigation extends Action {
+export class ActionDocumentationCurrentNavigation extends CoreLayerClient.Action {
   constructor(index, path, link) {
     super(index, path, link);
   }
 }
 
-export class ActionDocumentationCurrentPage extends Action {
+export class ActionDocumentationCurrentPage extends CoreLayerClient.Action {
   constructor(documentName) {
     super(documentName);
   }
 }
 
-export class ActionDocumentationGotoPage extends Action {
+export class ActionDocumentationGotoPage extends CoreLayerClient.Action {
   constructor(gotoStep) {
     super(gotoStep);
   }
 }
 
-export class ActionDocumentationMarkup extends Action {
+export class ActionDocumentationMarkup extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationMarkupCancel extends Action {
+export class ActionDocumentationMarkupCancel extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationMarkupSave extends Action {
+export class ActionDocumentationMarkupSave extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationMarkupNavigationChange extends Action {
+export class ActionDocumentationMarkupNavigationChange extends CoreLayerClient.Action {
   constructor(markup) {
     super(markup);
   }
 }
 
-export class ActionDocumentationMarkupDocumentChange extends Action {
+export class ActionDocumentationMarkupDocumentChange extends CoreLayerClient.Action {
   constructor(markup) {
     super(markup);
   }
 }
 
-export class ActionDocumentationLocalNoteMarkup extends Action {
+export class ActionDocumentationLocalNoteMarkup extends CoreLayerClient.Action {
   constructor(guid) {
     super(guid);
   }
 }
 
-export class ActionDocumentationLocalNoteMarkupCancel extends Action {
+export class ActionDocumentationLocalNoteMarkupCancel extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationLocalNoteMarkupChange extends Action {
+export class ActionDocumentationLocalNoteMarkupChange extends CoreLayerClient.Action {
   constructor(markup) {
     super(markup);
   }
 }
 
-export class ActionDocumentationLocalNoteMarkupSave extends Action {
+export class ActionDocumentationLocalNoteMarkupSave extends CoreLayerClient.Action {
   constructor() {
     super();
   }
 }
 
-export class ActionDocumentationLocalNoteGet extends Action {
+export class ActionDocumentationLocalNoteGet extends CoreLayerClient.Action {
   constructor(guid, preview) {
     super(guid, preview);
   }
 }
 
-export class ActionDocumentationLocalNoteAdd extends Action {
+export class ActionDocumentationLocalNoteAdd extends CoreLayerClient.Action {
   constructor(guid, path) {
     super(guid, path);
   }
 }
 
-export class ActionDocumentationLocalNoteUpdate extends Action {
+export class ActionDocumentationLocalNoteUpdate extends CoreLayerClient.Action {
   constructor(guid, path) {
     super(guid, path);
   }
 }
 
-export class ActionDocumentationLocalNoteDelete extends Action {
+export class ActionDocumentationLocalNoteDelete extends CoreLayerClient.Action {
   constructor(guid, path) {
     super(guid, path);
   }
 }
 
-export class ActionDocumentationReferencesGet extends Action {
+export class ActionDocumentationReferencesGet extends CoreLayerClient.Action {
   constructor(repo) {
     super(repo);
   }

package/project/client/actions/data-action-documentation.js

@@ -1,47 +1,46 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
 import { ActionDocumentationReferencesGet, ActionDocumentationGet, ActionDocumentationAdd, ActionDocumentationUpdate, ActionDocumentationNavigationsUpdate, ActionDocumentationLocalNoteGet, ActionDocumentationLocalNoteAdd, ActionDocumentationLocalNoteUpdate, ActionDocumentationLocalNoteDelete } from './action-documentation';
-import DataAction from 'z-abs-corelayer-client/client/communication/data-action';
-import DataActionMulti from 'z-abs-corelayer-client/client/communication/data-action-multi';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/communication/data-action';
 
 
-export class DataActionDocumentationGet extends DataAction {
+export class DataActionDocumentationGet extends CoreLayerClient.DataAction {
   constructor(repo, appName, documentGroup, documentName, embed, preview) {
     super();
     this.addRequest(new ActionDocumentationGet(documentName, embed, preview), repo, appName, documentGroup, documentName, embed);
   }
 }
 
-export class DataActionDocumentationAdd extends DataAction {
+export class DataActionDocumentationAdd extends CoreLayerClient.DataAction {
   constructor(repo, documentGroup, documentName, documentData) {
     super();
     this.addRequest(new ActionDocumentationAdd(), repo, documentGroup, documentName, documentData);
   }
 }
 
-export class DataActionDocumentationUpdate extends DataAction {
+export class DataActionDocumentationUpdate extends CoreLayerClient.DataAction {
   constructor(repo, documentGroup, documentName, documentData) {
     super();
     this.addRequest(new ActionDocumentationUpdate(), repo, documentGroup, documentName, documentData);
   }
 }
 
-export class DataActionDocumentationNavigationsUpdate extends DataAction {
+export class DataActionDocumentationNavigationsUpdate extends CoreLayerClient.DataAction {
   constructor(repo, appName, documentGroup, navigations) {
     super();
     this.addRequest(new ActionDocumentationNavigationsUpdate(), repo, appName, documentGroup, navigations);
   }
 }
 
-export class DataActionDocumentationLocalNoteGet extends DataAction {
+export class DataActionDocumentationLocalNoteGet extends CoreLayerClient.DataAction {
   constructor(guid, path, preview) {
     super();
     this.addRequest(new ActionDocumentationLocalNoteGet(preview), guid, path);
   }
 }
 
-export class DataActionDocumentationLocalNotesAndEmbededGet extends DataAction {
+export class DataActionDocumentationLocalNotesAndEmbededGet extends CoreLayerClient.DataAction {
   constructor(localNoteGuids, localNotePath, localNotePreview, embedRepo, embedAppName, embedDocumentGroup, embedDocumentName, embedEmbed, embedPreview) {
     super();
     this.addRequest(new ActionDocumentationLocalNoteGet(localNoteGuids, localNotePreview), localNoteGuids, localNotePath);
@@ -49,28 +48,28 @@ export class DataActionDocumentationLocalNotesAndEmbededGet extends DataAction {
   }
 }
 
-export class DataActionDocumentationLocalNoteAdd extends DataAction {
+export class DataActionDocumentationLocalNoteAdd extends CoreLayerClient.DataAction {
   constructor(guid, path, document) {
     super();
     this.addRequest(new ActionDocumentationLocalNoteAdd(guid, path), guid, path, document);
   }
 }
 
-export class DataActionDocumentationLocalNoteUpdate extends DataAction {
+export class DataActionDocumentationLocalNoteUpdate extends CoreLayerClient.DataAction {
   constructor(guid, path, document) {
     super();
     this.addRequest(new ActionDocumentationLocalNoteUpdate(guid, path), guid, path, document);
   }
 }
 
-export class DataActionDocumentationLocalNoteDelete extends DataAction {
+export class DataActionDocumentationLocalNoteDelete extends CoreLayerClient.DataAction {
   constructor(guid, path) {
     super();
     this.addRequest(new ActionDocumentationLocalNoteDelete(guid), guid, path);
   }
 }
 
-export class DataActionDocumentationReferencesGet extends DataAction {
+export class DataActionDocumentationReferencesGet extends CoreLayerClient.DataAction {
   constructor(repo) {
     super();
     this.addRequest(new ActionDocumentationReferencesGet(repo), repo);

package/project/client/calculations/arc.js

@@ -1,8 +1,8 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
 
-class Arc {
+export class Arc {
   static describeArc(x, y, radius, spread, startAngle, endAngle) {
     const innerStart = this.polarToCartesian(x, y, radius, endAngle);
   	const innerEnd = this.polarToCartesian(x, y, radius, startAngle);
@@ -27,6 +27,3 @@ class Arc {
     };
   }
 }
-
-
-module.exports = Arc;

package/project/client/react-components/documentation/middle-documentation-navigation.jsx

@@ -1,16 +1,16 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
 import { ActionDocumentationCurrentNavigation } from '../../actions/action-documentation';
-import Link from 'z-abs-complayer-router-client/client/react-component/link';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import React from 'react';
+import * as CompLayerRouterClient from 'z-abs-complayer-router-client/client/react-component/link';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as React from 'react';
 
 
-export default class MiddleDocumentationNavigation extends ReactComponentStore {
+export class MiddleDocumentationNavigation extends CoreLayerClient.ReactComponentStore {
   constructor(props) {
-    super(props, [props.documentationStore]);
-    this.documentationStoreName = props.documentationStore.constructor.name;
+    super(props, [props.documentationStore.getInstance()]);
+    this.documentationStoreName = props.documentationStore.name;
   }
   
   _documentationStore(state) {
@@ -34,9 +34,9 @@ export default class MiddleDocumentationNavigation extends ReactComponentStore {
         name = oldName.substring('[[stack-'.length, match[0].length - 2) + oldName.substring(match[0].length);
       }
       return (
-        <Link data-name={name} href={`/${link}`}>
+        <CompLayerRouterClient.Link data-name={name} href={`/${link}`}>
           {name}
-        </Link>
+        </CompLayerRouterClient.Link>
       );
     }
     else {
@@ -66,14 +66,14 @@ export default class MiddleDocumentationNavigation extends ReactComponentStore {
           onClickCapture={(e) => {
             e.stopPropagation();
             e.preventDefault();
-            this.dispatch(this.props.documentationStore, new ActionDocumentationCurrentNavigation(this._documentationStore(this.state).current.navigationIndex, open ? node.parentPath : node.path, node.link));
+            this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationCurrentNavigation(this._documentationStore(this.state).current.navigationIndex, open ? node.parentPath : node.path, node.link));
           }}
         >{node.name}</p>
         <svg className={classNameUlInner} width="11" height="11" viewBox="0 0 11 11" 
           onClickCapture={(e) => {
             e.stopPropagation();
             e.preventDefault();
-            this.dispatch(this.props.documentationStore, new ActionDocumentationCurrentNavigation(this._documentationStore(this.state).current.navigationIndex, open ? node.parentPath : node.path, node.link));
+            this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationCurrentNavigation(this._documentationStore(this.state).current.navigationIndex, open ? node.parentPath : node.path, node.link));
           }}
         >
           <polygon points="2,2 2,10 10,6"/>
@@ -188,14 +188,14 @@ export default class MiddleDocumentationNavigation extends ReactComponentStore {
             onClickCapture={(e) => {
               e.stopPropagation();
               e.preventDefault();
-              this.dispatch(this.props.documentationStore, new ActionDocumentationCurrentNavigation(index, '', ''));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationCurrentNavigation(index, '', ''));
             }}
           >{navigation.heading}</h3>
           <svg className={classNameUl} width="11" height="11" viewBox="0 0 11 11" 
             onClickCapture={(e) => {
               e.stopPropagation();
               e.preventDefault();
-              this.dispatch(this.props.documentationStore, new ActionDocumentationCurrentNavigation(index, '', ''));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationCurrentNavigation(index, '', ''));
             }}
           >
             <polygon points="2,2 2,10 10,6"/>

package/project/client/react-components/documentation/middle-documentation-toolbar.jsx

@@ -1,18 +1,17 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
 import { ActionDocumentationMarkup, ActionDocumentationMarkupSave, ActionDocumentationMarkupCancel, ActionDocumentationLocalNoteMarkupSave, ActionDocumentationLocalNoteMarkupCancel } from '../../actions/action-documentation';
-import Button from 'z-abs-complayer-bootstrap-client/client/button';
-import ButtonNew from 'z-abs-complayer-bootstrap-client/client/button-new';
-import {RouterContext} from 'z-abs-complayer-router-client/client/react-component/router-context';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import GuidGenerator from 'z-abs-corelayer-cs/clientServer/guid-generator';
-import React from 'react';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/button-new';
+import * as CompLayerRouterClient from 'z-abs-complayer-router-client/client/react-component/router-context';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as CoreLayerCs from 'z-abs-corelayer-cs/client/guid-generator';
+import * as React from 'react';
 
 
-export default class MiddleDocumentationToolbar extends ReactComponentStore {
+export class MiddleDocumentationToolbar extends CoreLayerClient.ReactComponentStore {
   constructor(props) {
-    super(props, [props.documentationStore, props.plusServicesStore], {
+    super(props, [props.documentationStore.getInstance(), props.plusServicesStore], {
       guid: ''
     });
     this.boundKeyDown = this._keyDown.bind(this);
@@ -20,7 +19,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
     this.markupDisabledSave = true;
     this.markupDisabledHelp = false;
     this.markupDisabledCancel = true;
-    this.documentationStoreName = props.documentationStore.constructor.name;
+    this.documentationStoreName = props.documentationStore.name;
     this.plusServicesStoreName = props.plusServicesStore.constructor.name;
   }
   
@@ -50,15 +49,15 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   }
   
   _markupOpen() {
-    this.dispatch(this.props.documentationStore, new ActionDocumentationMarkup());
+    this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationMarkup());
   }
   
   _markupSave() {
     if(this._documentationStore(this.state).markup.definition) {
-      this.dispatch(this.props.documentationStore, new ActionDocumentationMarkupSave());
+      this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationMarkupSave());
     }
     else if(this._documentationStore(this.state).localNoteMarkup.definition) {
-      this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteMarkupSave());
+      this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteMarkupSave());
     }
   }
   
@@ -68,10 +67,10 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   
   _markupCancel() {
     if(this._documentationStore(this.state).markup.definition) {
-      this.dispatch(this.props.documentationStore, new ActionDocumentationMarkupCancel());
+      this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationMarkupCancel());
     }
     else if(this._documentationStore(this.state).localNoteMarkup.definition) {
-      this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteMarkupCancel());
+      this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteMarkupCancel());
     }
   }
   
@@ -105,7 +104,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   renderMarkupOpenButton() {
     this.markupDisabledOpen = this._documentationStore(this.state).markup.definition || this._documentationStore(this.state).localNoteMarkup.definition;
     return (
-      <ButtonNew id="documentation_markup_open" icon="icon-markup-open" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Open" content="Markup" shortcut="Ctrl+O" disabled={this.markupDisabledOpen}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_markup_open" icon="icon-markup-open" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Open" content="Markup" shortcut="Ctrl+O" disabled={this.markupDisabledOpen}
         onClick={(e) => {
           this._markupOpen();
         }}
@@ -122,7 +121,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
       this.markupDisabledSave = this._documentationStore(this.state).localNoteMarkup.document.content === this._documentationStore(this.state).localNoteMarkup.document.contentOriginal;
     }
     return (
-      <ButtonNew id="documentation_markup_save" icon="icon-markup-save" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Save" content="Markup" shortcut="Ctrl+S" disabled={this.markupDisabledSave}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_markup_save" icon="icon-markup-save" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Save" content="Markup" shortcut="Ctrl+S" disabled={this.markupDisabledSave}
         onClick={(e) => {
           this._markupSave();
         }}
@@ -133,7 +132,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   renderMarkupHelpButton() {
     this.markupDisabledHelp = this._documentationStore(this.state).markup.definition;
     return (
-      <ButtonNew id="documentation_markup_help" icon="icon-markup-help" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Help" content="Markup" shortcut="Ctrl+Shift+?" disabled={this.markupDisabledHelp}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_markup_help" icon="icon-markup-help" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Help" content="Markup" shortcut="Ctrl+Shift+?" disabled={this.markupDisabledHelp}
         onClick={(e) => {
           this._markupHelp();
         }}
@@ -144,7 +143,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   renderMarkupCancelButton() {
     this.markupDisabledCancel = !this._documentationStore(this.state).markup.definition && !this._documentationStore(this.state).localNoteMarkup.definition;
     return (
-      <ButtonNew id="documentation_markup_cancel" icon="icon-markup-close" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Cancel" content="Markup" shortcut="Ctrl+Shift+C" disabled={this.markupDisabledCancel}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_markup_cancel" icon="icon-markup-close" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Cancel" content="Markup" shortcut="Ctrl+Shift+C" disabled={this.markupDisabledCancel}
         onClick={(e) => {
           this._markupCancel();
         }}
@@ -156,7 +155,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
     const toolTipInstruction = this.props.showNavigationMarkup ? "Hide" : "Show";
     const active = this.props.showNavigationMarkup ? "active" : "";
     return (
-      <ButtonNew id="documentation_navigation" colorMark="markup_color" icon="icon-doc-navigation" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Navigation Markup" active={active} disabled={!this._documentationStore(this.state).markup.definition}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_navigation" colorMark="markup_color" icon="icon-doc-navigation" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Navigation Markup" active={active} disabled={!this._documentationStore(this.state).markup.definition}
         onClick={(e) => {
           this.props.onToggleNavigationMarkup && this.props.onToggleNavigationMarkup();
         }}
@@ -168,7 +167,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
     const toolTipInstruction = this.props.showNavigationPreview ? "Hide" : "Show";
     const active = this.props.showNavigationPreview ? "active" : "";
     return (
-      <ButtonNew id="documentation_navigation_preview" colorMark="markup_color" icon="icon-doc-navigation-preview" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Navigation Preview" active={active} disabled={!this._documentationStore(this.state).markup.definition}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_navigation_preview" colorMark="markup_color" icon="icon-doc-navigation-preview" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Navigation Preview" active={active} disabled={!this._documentationStore(this.state).markup.definition}
         onClick={(e) => {
           this.props.onToggleNavigationPreview && this.props.onToggleNavigationPreview();
         }}
@@ -180,7 +179,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
     const toolTipInstruction = this.props.showDocumentationMarkup ? "Hide" : "Show";
     const active = this.props.showDocumentationMarkup ? "active" : "";
     return (
-      <ButtonNew id="documentation_markup" colorMark="markup_color" icon="icon-doc-markup" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Document Markup" active={active} disabled={!this._documentationStore(this.state).markup.definition}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_markup" colorMark="markup_color" icon="icon-doc-markup" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Document Markup" active={active} disabled={!this._documentationStore(this.state).markup.definition}
         onClick={(e) => {
           this.props.onToggleDocumentationMarkup && this.props.onToggleDocumentationMarkup();
         }}
@@ -192,7 +191,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
     const toolTipInstruction = this.props.showDocumentationPreview ? "Hide" : "Show";
     const active = this.props.showDocumentationPreview ? "active" : "";
     return (
-      <ButtonNew id="documentation_markup_preview" colorMark="markup_color" icon="icon-doc-markup-preview" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Document Preview" active={active} disabled={!this._documentationStore(this.state).markup.definition}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_markup_preview" colorMark="markup_color" icon="icon-doc-markup-preview" size="aj_btn_sm" placement="bottom" heading={`${toolTipInstruction}`} content="Document Preview" active={active} disabled={!this._documentationStore(this.state).markup.definition}
         onClick={(e) => {
           this.props.onToggleDocumentationPreview && this.props.onToggleDocumentationPreview();
         }}
@@ -215,7 +214,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
       image2Style = {width:'0px',top:'2px',left:'-6px',transform:'scale(1.3, 0.9)'};
     }
     return (
-      <ButtonNew id="documentation_align" icon="icon-align" size="aj_btn_sm" colorMark="markup_color" active={this.props.documentationOrder} placement="bottom" heading={`${toolTipInstruction}`} content="Document Order" disabled={!this._documentationStore(this.state).markup.definition}
+      <CompLayerBootstrapClient.ButtonNew id="documentation_align" icon="icon-align" size="aj_btn_sm" colorMark="markup_color" active={this.props.documentationOrder} placement="bottom" heading={`${toolTipInstruction}`} content="Document Order" disabled={!this._documentationStore(this.state).markup.definition}
         onClick={(e) => {
           this.props.onToggleDocumentationOrder && this.props.onToggleDocumentationOrder();
         }}
@@ -226,9 +225,9 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   renderGuidGeneratorButton() {
     if(this._documentationStore(this.state).markup.definition || this._documentationStore(this.state).localNoteMarkup.definition) {
       return (
-        <ButtonNew id="documentation_guid" icon="icon-guid" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Generate" content="GUID"
+        <CompLayerBootstrapClient.ButtonNew id="documentation_guid" icon="icon-guid" size="aj_btn_sm" colorMark="markup_color" placement="bottom" heading="Generate" content="GUID"
           onClick={(e) => {
-            const guid = GuidGenerator.create();
+            const guid = CoreLayerCs.GuidGenerator.create();
             navigator.clipboard.writeText(guid).then(() => {
               /* clipboard successfully set */
             }, () => {
@@ -251,7 +250,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   
   renderDocumentationButton() {
     return (
-      <ButtonNew id="documentation_documentation" colorMark="markup_color" icon="icon-doc-documentation" size="aj_btn_sm" heading="Goto" content="Documentation"
+      <CompLayerBootstrapClient.ButtonNew id="documentation_documentation" colorMark="markup_color" icon="icon-doc-documentation" size="aj_btn_sm" heading="Goto" content="Documentation"
         onClick={(e) => {
           this.context.history(`/documentation`, {global: true});
         }}
@@ -261,7 +260,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   
   renderEducationButton() {
     return (
-      <ButtonNew id="documentation_education" colorMark="markup_color" icon="icon-doc-education" size="aj_btn_sm" heading="Goto" content="Education"
+      <CompLayerBootstrapClient.ButtonNew id="documentation_education" colorMark="markup_color" icon="icon-doc-education" size="aj_btn_sm" heading="Goto" content="Education"
         onClick={(e) => {
           this.context.history(`/education`, {global: true});
         }}
@@ -271,7 +270,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   
   renderWorkshopButton() {
     return (
-      <ButtonNew id="documentation_workshop" colorMark="markup_color" icon="icon-doc-workshop" size="aj_btn_sm" heading="Goto" content="Workshop"
+      <CompLayerBootstrapClient.ButtonNew id="documentation_workshop" colorMark="markup_color" icon="icon-doc-workshop" size="aj_btn_sm" heading="Goto" content="Workshop"
         onClick={(e) => {
           this.context.history(`/workshop`, {global: true});
         }}
@@ -281,7 +280,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   
   renderVideosButton() {
     return (
-      <ButtonNew id="documentation_video" colorMark="markup_color" icon="icon-doc-video" size="aj_btn_sm" heading="Goto" content="Videos"
+      <CompLayerBootstrapClient.ButtonNew id="documentation_video" colorMark="markup_color" icon="icon-doc-video" size="aj_btn_sm" heading="Goto" content="Videos"
         onClick={(e) => {
           this.context.history(`/videos`, {global: true});
         }}
@@ -291,7 +290,7 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
   
   renderLocalDocumentationButton(repoName) {
     return (
-      <ButtonNew id={`start_local_documentation_${repoName}`} colorMark="markup_color" icon="icon-doc-docs" size="aj_btn_sm" heading="Goto" content="Plus Service - Docs" aria-label="Plus Service - Docs"
+      <CompLayerBootstrapClient.ButtonNew id={`start_local_documentation_${repoName}`} colorMark="markup_color" icon="icon-doc-docs" size="aj_btn_sm" heading="Goto" content="Plus Service - Docs" aria-label="Plus Service - Docs"
         onClick={(e) => {
           this.context.history(`/local-documentation-${repoName}`, {global: true});
         }}
@@ -345,4 +344,4 @@ export default class MiddleDocumentationToolbar extends ReactComponentStore {
 }
 
 
-MiddleDocumentationToolbar.contextType = RouterContext;
+MiddleDocumentationToolbar.contextType = CompLayerRouterClient.RouterContext;

package/project/client/react-components/documentation/middle-documentation-view.jsx

@@ -1,23 +1,22 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import MiddleDocumentationNavigation from './middle-documentation-navigation';
+import { MiddleDocumentationNavigation } from './middle-documentation-navigation';
 import { ActionDocumentationCurrentPage, ActionDocumentationGotoPage, ActionDocumentationMarkupNavigationChange, ActionDocumentationMarkupDocumentChange, ActionDocumentationMarkupCancel, ActionDocumentationLocalNoteMarkup, ActionDocumentationLocalNoteMarkupCancel, ActionDocumentationLocalNoteMarkupChange, ActionDocumentationLocalNoteDelete } from '../../actions/action-documentation';
-import ComponentDocument from 'z-abs-complayer-markup-client/client/react-components/markup/component-document';
-import ScrollData from 'z-abs-complayer-markup-client/client/react-components/helper/scroll-data';
-import DataDocumentationNavigation from 'z-abs-complayer-markup-client/client/data/data-documentation/data-documentation-navigation';
-import StyleStore from 'z-abs-complayer-markup-client/client/stores/style-store';
-import ComponentMarkedTextarea from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
-import ButtonNew from 'z-abs-complayer-bootstrap-client/client/button-new';
-import {RouterContext} from 'z-abs-complayer-router-client/client/react-component/router-context';
-import NotFound from 'z-abs-corelayer-client/client/components/not-found';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import React from 'react';
+import * as CompLayerMarkupClient from 'z-abs-complayer-markup-client/client/react-components/markup/component-document';
+import * as CompLayerMarkupClient1 from 'z-abs-complayer-markup-client/client/react-components/helper/scroll-data';
+import * as CompLayerMarkupClient2 from 'z-abs-complayer-markup-client/client/stores/style-store';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/marked-textarea';
+import * as CompLayerBootstrapClient2 from 'z-abs-complayer-bootstrap-client/client/button-new';
+import * as CompLayerRouterClient from 'z-abs-complayer-router-client/client/react-component/router-context';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/components/not-found';
+import * as CoreLayerClient1 from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as React from 'react';
 
 
-export default class MiddleDocumentationView extends ReactComponentStore {
+export class MiddleDocumentationView extends CoreLayerClient.ReactComponentStore {
   constructor(props) {
-    super(props, [props.documentationStore, StyleStore], {
+    super(props, [props.documentationStore.getInstance(), CompLayerMarkupClient.StyleStore.getInstance()], {
       autoScroll: true,
       breaks: false,
       whiteSpaceClass: 'no_word_wrap'
@@ -30,8 +29,8 @@ export default class MiddleDocumentationView extends ReactComponentStore {
     this.refPreviewDiv = React.createRef();
     this.refPreviewComponentDocument = React.createRef();
     this.refMarkupComponentMarkedTextarea = React.createRef();
-    this.scrollData = new ScrollData();
-    this.documentationStoreName = props.documentationStore.constructor.name;
+    this.scrollData = new CompLayerMarkupClient.ScrollData();
+    this.documentationStoreName = props.documentationStore.name;
     this.scrollGuard = false;
     this.topGuard = false;
   }
@@ -43,7 +42,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   didMount() {
     window.addEventListener('keydown', this.boundKeyDown, true);
     window.addEventListener('keyup', this.boundKeyUp, true);
-    this.dispatch(this.props.documentationStore, new ActionDocumentationCurrentPage(this._getDocumentName(this.props._uriPath)));
+    this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationCurrentPage(this._getDocumentName(this.props._uriPath)));
   }
   
   shouldUpdate(nextProps, nextState) {
@@ -119,7 +118,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
     if(!this.shallowCompare(this.props._uriPath, prevProps._uriPath)) {
       const documentName = this._getDocumentName(this.props._uriPath)
       if(this._documentationStore(this.state).currentDocumentName !== documentName) {
-        this.dispatch(this.props.documentationStore, new ActionDocumentationCurrentPage(documentName));
+        this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationCurrentPage(documentName));
       }
     }
   }
@@ -128,10 +127,10 @@ export default class MiddleDocumentationView extends ReactComponentStore {
     window.removeEventListener('keyup', this.boundKeyUp, true);
     window.removeEventListener('keydown', this.boundKeyDown, true);
     if(this._documentationStore(this.state).markup.definition) {
-      this.dispatch(this.props.documentationStore, new ActionDocumentationMarkupCancel());
+      this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationMarkupCancel());
     }
     if(this._documentationStore(this.state).localNoteMarkup.definition) {
-      this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteMarkupCancel());
+      this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteMarkupCancel());
     }
   }
   
@@ -168,9 +167,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
           <div className="markup_heading">
             <h5 className="markup_heading">Markup - Navigation</h5>
           </div>
-          <ComponentMarkedTextarea id="documentation_navigation_markup_textarea" className={this.state.whiteSpaceClass + ' form-control test_case_definition doc_same_size_as_parent'} rows="10" value={this._documentationStore(this.state).markup.navigation.content} results={this._documentationStore(this.state).markup.navigation.rows}
+          <CompLayerBootstrapClient.MarkedTextarea id="documentation_navigation_markup_textarea" className={this.state.whiteSpaceClass + ' form-control test_case_definition doc_same_size_as_parent'} rows="10" value={this._documentationStore(this.state).markup.navigation.content} results={this._documentationStore(this.state).markup.navigation.rows}
             onChange={(value) => {
-              this.dispatch(this.props.documentationStore, new ActionDocumentationMarkupNavigationChange(value));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationMarkupNavigationChange(value));
             }}
             />
         </div>
@@ -194,7 +193,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderDocumentMarkupScrollFirstLine() {
     const disabled = !this.state.autoScroll;
     return (
-      <ButtonNew id="markup_documentation_first_line" colorMark="markup_color" icon="icon-line-first" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="First line" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="markup_documentation_first_line" colorMark="markup_color" icon="icon-line-first" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="First line" disabled={disabled} sticky
         onClick={(e) => {
           this.scrollData.setLineFirst();
           this.refPreviewComponentDocument.current.scroll(this.scrollData);
@@ -207,7 +206,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderDocumentMarkupScrollPreviousBlock() {
     const disabled = !this.state.autoScroll;
     return (
-      <ButtonNew id="markup_documentation_previous_block" colorMark="markup_color" icon="icon-line-previous-block" size="aj_btn_xs"  type="transparent" placement="bottom" heading="Goto" content="Previous block" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="markup_documentation_previous_block" colorMark="markup_color" icon="icon-line-previous-block" size="aj_btn_xs"  type="transparent" placement="bottom" heading="Goto" content="Previous block" disabled={disabled} sticky
         onClick={(e) => {
           this.refPreviewComponentDocument.current.calculateObject(this.scrollData, 'previous_block');
           this.refPreviewComponentDocument.current.scroll(this.scrollData);
@@ -220,7 +219,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderDocumentMarkupScrollPreviousLine() {
     const disabled = !this.state.autoScroll;
     return (
-      <ButtonNew id="markup_documentation_previous_line" colorMark="markup_color" icon="icon-line-previous-line" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="Previous line" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="markup_documentation_previous_line" colorMark="markup_color" icon="icon-line-previous-line" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="Previous line" disabled={disabled} sticky
         onClick={(e) => {
           this.scrollData.decrement();
           this.refPreviewComponentDocument.current.scroll(this.scrollData);
@@ -233,7 +232,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderDocumentMarkupScrollNextLine() {
     const disabled = !this.state.autoScroll;
     return (
-      <ButtonNew id="markup_documentation_next_line" colorMark="markup_color" icon="icon-line-next-line" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="Next line" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="markup_documentation_next_line" colorMark="markup_color" icon="icon-line-next-line" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="Next line" disabled={disabled} sticky
         onClick={(e) => {
           this.scrollData.increment();
           this.refPreviewComponentDocument.current.scroll(this.scrollData);
@@ -246,7 +245,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderDocumentMarkupScrollNextBlock() {
     const disabled = !this.state.autoScroll;
     return (
-      <ButtonNew id="markup_documentation_next_block" colorMark="markup_color" icon="icon-line-next-block" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="Next block" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="markup_documentation_next_block" colorMark="markup_color" icon="icon-line-next-block" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="Next block" disabled={disabled} sticky
         onClick={(e) => {
           this.refPreviewComponentDocument.current.calculateObject(this.scrollData, 'next_block');
           this.refPreviewComponentDocument.current.scroll(this.scrollData);
@@ -259,7 +258,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderDocumentMarkupScrollEndLine() {
     const disabled = !this.state.autoScroll;
     return (
-      <ButtonNew id="markup_documentation_last_line" colorMark="markup_color" icon="icon-line-last" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="End line" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="markup_documentation_last_line" colorMark="markup_color" icon="icon-line-last" size="aj_btn_xs" type="transparent" placement="bottom" heading="Goto" content="End line" disabled={disabled} sticky
         onClick={(e) => {
           this.scrollData.setLineLast();
           this.refPreviewComponentDocument.current.scroll(this.scrollData);
@@ -319,7 +318,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
               {this.renderDocumentMarkupScrollEndLine()}
             </div>
           </div>
-          <ComponentMarkedTextarea id="documentation_navigation_marked_textarea" ref={this.refMarkupComponentMarkedTextarea} className={this.state.whiteSpaceClass + " form-control test_case_definition doc_same_size_as_parent"} value={this._documentationStore(this.state).markup.document.content}
+          <CompLayerBootstrapClient.MarkedTextarea id="documentation_navigation_marked_textarea" ref={this.refMarkupComponentMarkedTextarea} className={this.state.whiteSpaceClass + " form-control test_case_definition doc_same_size_as_parent"} value={this._documentationStore(this.state).markup.document.content}
             onScroll={(e) => {
               const lines = this._documentationStore(this.state).markup.document.contentLines;
               const scrollLines = (e.target.scrollHeight - e.target.clientHeight) / e.target.scrollHeight * lines;
@@ -331,7 +330,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
               }
             }}
             onChange={(value, rows) => {
-              this.dispatch(this.props.documentationStore, new ActionDocumentationMarkupDocumentChange(value));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationMarkupDocumentChange(value));
             }}
             />
         
@@ -362,7 +361,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
                 }
               }}
               >
-              <ComponentDocument noediting={this.props.noediting} ref={this.refPreviewComponentDocument} preview document={storeState.document} embededDocuments={storeState.embededDocuments} localNotes={storeState.localNotes} linkReferences={this._documentationStore(this.state).linkReferences}
+              <CompLayerMarkupClient.ComponentDocument noediting={this.props.noediting} ref={this.refPreviewComponentDocument} preview document={storeState.document} embededDocuments={storeState.embededDocuments} localNotes={storeState.localNotes} linkReferences={this._documentationStore(this.state).linkReferences}
                 onEditorScroll={(top) => {
                   this.refPreviewDiv.current.scrollTop = top;
                 }}
@@ -400,9 +399,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
               }}
               />
           </div>
-          <ComponentMarkedTextarea id="documentation_navigation_local_note_markup_textarea" className={this.state.whiteSpaceClass + ' form-control test_case_definition doc_same_size_as_parent'} rows="10" value={this._documentationStore(this.state).localNoteMarkup.document.content}
+          <CompLayerBootstrapClient.MarkedTextarea id="documentation_navigation_local_note_markup_textarea" className={this.state.whiteSpaceClass + ' form-control test_case_definition doc_same_size_as_parent'} rows="10" value={this._documentationStore(this.state).localNoteMarkup.document.content}
             onChange={(value) => {
-              this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteMarkupChange(value));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteMarkupChange(value));
             }}
             />
         </div>
@@ -433,7 +432,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
                 }*/
               }}
             >
-              <ComponentDocument noediting={this.props.noediting} preview document={storeState.document} linkReferences={this._documentationStore(this.state).linkReferences}
+              <CompLayerMarkupClient.ComponentDocument noediting={this.props.noediting} preview document={storeState.document} linkReferences={this._documentationStore(this.state).linkReferences}
                 onEditorScroll={(top) => {
                 //  this.refPreviewDiv.current.scrollTop = top;
                 }}
@@ -454,15 +453,15 @@ export default class MiddleDocumentationView extends ReactComponentStore {
       return (
         <>
           <div id="topOfPage" />
-          <ComponentDocument noediting={this.props.noediting} ref={this.refDocumentComponentDocument} document={storeState.document} embededDocuments={storeState.embededDocuments} localNotes={storeState.localNotes} linkReferences={this._documentationStore(this.state).linkReferences}
+          <CompLayerMarkupClient.ComponentDocument noediting={this.props.noediting} ref={this.refDocumentComponentDocument} document={storeState.document} embededDocuments={storeState.embededDocuments} localNotes={storeState.localNotes} linkReferences={this._documentationStore(this.state).linkReferences}
             onAddNote={(guid) => {
-              this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteMarkup(guid));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteMarkup(guid));
             }}
             onEditNote={(guid) => {
-              this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteMarkup(guid));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteMarkup(guid));
             }}
             onDeleteNote={(guid) => {
-              this.dispatch(this.props.documentationStore, new ActionDocumentationLocalNoteDelete(guid));
+              this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationLocalNoteDelete(guid));
             }}
             onEditorScroll={(top) => {
               this.refDocumentDiv.current.scrollTop = top;
@@ -474,7 +473,7 @@ export default class MiddleDocumentationView extends ReactComponentStore {
     }
     else {
       return (
-        <NotFound />
+        <CoreLayerClient.NotFound />
       );
     }
   }
@@ -482,9 +481,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderFirstDocument() {
     const disabled = false;
     return (
-      <ButtonNew id="documentation_first_document" colorMark="markup_color" icon="icon-line-first" size="aj_btn_xs" className="documentation_first_document" type="transparent" placement="bottom" heading="Goto" content="First Document" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="documentation_first_document" colorMark="markup_color" icon="icon-line-first" size="aj_btn_xs" className="documentation_first_document" type="transparent" placement="bottom" heading="Goto" content="First Document" disabled={disabled} sticky
         onClick={(e) => {
-          this.dispatch(this.props.documentationStore, new ActionDocumentationGotoPage('first'));
+          this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationGotoPage('first'));
         }}
       />
     );
@@ -493,9 +492,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderPreviousDocument() {
     const disabled = false;
     return (
-      <ButtonNew id="documentation_previous_document" colorMark="markup_color" icon="icon-line-previous-line" size="aj_btn_xs" className="documentation_previous_document" type="transparent" placement="bottom" heading="Goto" content="Previous Document" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="documentation_previous_document" colorMark="markup_color" icon="icon-line-previous-line" size="aj_btn_xs" className="documentation_previous_document" type="transparent" placement="bottom" heading="Goto" content="Previous Document" disabled={disabled} sticky
         onClick={(e) => {
-          this.dispatch(this.props.documentationStore, new ActionDocumentationGotoPage('previous'));
+          this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationGotoPage('previous'));
         }}
       />
     );
@@ -504,9 +503,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderPreviousSection() {
     const disabled = false;
     return (
-      <ButtonNew id="documentation_next_document" colorMark="markup_color" icon="icon-line-previous-block" size="aj_btn_xs" className="documentation_previous_document" type="transparent" placement="bottom" heading="Goto" content="Previous Section Document" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="documentation_next_document" colorMark="markup_color" icon="icon-line-previous-block" size="aj_btn_xs" className="documentation_previous_document" type="transparent" placement="bottom" heading="Goto" content="Previous Section Document" disabled={disabled} sticky
         onClick={(e) => {
-          this.dispatch(this.props.documentationStore, new ActionDocumentationGotoPage('previous-section'));
+          this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationGotoPage('previous-section'));
         }}
       />
     );
@@ -515,9 +514,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderNextDocument() {
     const disabled = false;
     return (
-      <ButtonNew id="documentation_next_document" colorMark="markup_color" icon="icon-line-next-line" size="aj_btn_xs" className="documentation_next_document" type="transparent" placement="bottom" heading="Goto" content="Next Document" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="documentation_next_document" colorMark="markup_color" icon="icon-line-next-line" size="aj_btn_xs" className="documentation_next_document" type="transparent" placement="bottom" heading="Goto" content="Next Document" disabled={disabled} sticky
         onClick={(e) => {
-          this.dispatch(this.props.documentationStore, new ActionDocumentationGotoPage('next'));
+          this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationGotoPage('next'));
         }}
       />
     );
@@ -526,9 +525,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderNextSection() {
     const disabled = false;
     return (
-      <ButtonNew id="documentation_next_section_document" colorMark="markup_color" icon="icon-line-next-block" size="aj_btn_xs" className="documentation_next_document" type="transparent" placement="bottom" heading="Goto" content="Next Section Document" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="documentation_next_section_document" colorMark="markup_color" icon="icon-line-next-block" size="aj_btn_xs" className="documentation_next_document" type="transparent" placement="bottom" heading="Goto" content="Next Section Document" disabled={disabled} sticky
         onClick={(e) => {
-          this.dispatch(this.props.documentationStore, new ActionDocumentationGotoPage('next-section'));
+          this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationGotoPage('next-section'));
         }}
       />
     );
@@ -537,9 +536,9 @@ export default class MiddleDocumentationView extends ReactComponentStore {
   renderLastDocument() {
     const disabled = false;
     return (
-      <ButtonNew id="documentation_last_document" colorMark="markup_color" icon="icon-line-last" size="aj_btn_xs" className="documentation_last_document" type="transparent" placement="bottom" heading="Goto" content="Last Document" disabled={disabled} sticky
+      <CompLayerBootstrapClient.ButtonNew id="documentation_last_document" colorMark="markup_color" icon="icon-line-last" size="aj_btn_xs" className="documentation_last_document" type="transparent" placement="bottom" heading="Goto" content="Last Document" disabled={disabled} sticky
         onClick={(e) => {
-          this.dispatch(this.props.documentationStore, new ActionDocumentationGotoPage('last'));
+          this.dispatch(this.props.documentationStore.getInstance(), new ActionDocumentationGotoPage('last'));
         }}
       />
     );
@@ -619,4 +618,4 @@ export default class MiddleDocumentationView extends ReactComponentStore {
 }
 
 
-MiddleDocumentationView.contextType = RouterContext;
+MiddleDocumentationView.contextType = CompLayerRouterClient.RouterContext;

package/project/client/react-components/documentation/middle-documentation.jsx

@@ -1,14 +1,14 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import MiddleDocumentationToolbar from './middle-documentation-toolbar';
-import MiddleDocumentationView from './middle-documentation-view';
-import Route from 'z-abs-complayer-router-client/client/react-component/route';
-import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
-import React from 'react';
+import { MiddleDocumentationToolbar } from './middle-documentation-toolbar';
+import { MiddleDocumentationView } from './middle-documentation-view';
+import * as CompLayerRouterClient from 'z-abs-complayer-router-client/client/react-component/route';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import * as React from 'react';
 
 
-export default class MiddleDocumentation extends ReactComponentBase {
+export class MiddleDocumentation extends CoreLayerClient.ReactComponentBase {
   constructor(props) {
     super(props, {
       showNavigationMarkup: false,
@@ -79,7 +79,7 @@ export default class MiddleDocumentation extends ReactComponentBase {
       <div className="documentation_view_middle">
         {this.renderToolbar()}
         {this.renderSidebar()}
-        <Route switch="*" catchClick location={this.props.location} handler={MiddleDocumentationView} className={`documentation_view_middle_view${undefined !== this.props.sidebar ? ' documentation_view_middle_view_with_sidebar' : ''}${this.props.noediting ? '' : ' documentation_view_middle_view_with_toolbar'}`}  noediting={this.props.noediting} documentationStore={this.props.documentationStore} titleText={this.props.titleText} showNavigationMarkup={this.state.showNavigationMarkup} showDocumentationMarkup={this.state.showDocumentationMarkup} showDocumentationPreview={this.state.showDocumentationPreview} showNavigationPreview={this.state.showNavigationPreview} documentationOrder={this.state.documentationOrder} />
+        <CompLayerRouterClient.Route switch="*" catchClick location={this.props.location} handler={MiddleDocumentationView} className={`documentation_view_middle_view${undefined !== this.props.sidebar ? ' documentation_view_middle_view_with_sidebar' : ''}${this.props.noediting ? '' : ' documentation_view_middle_view_with_toolbar'}`}  noediting={this.props.noediting} documentationStore={this.props.documentationStore} titleText={this.props.titleText} showNavigationMarkup={this.state.showNavigationMarkup} showDocumentationMarkup={this.state.showDocumentationMarkup} showDocumentationPreview={this.state.showDocumentationPreview} showNavigationPreview={this.state.showNavigationPreview} documentationOrder={this.state.documentationOrder} />
       </div>
     );
   }

package/project/client/stores/documentation-store-base.js

@@ -1,13 +1,13 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
 import { DataActionDocumentationReferencesGet, DataActionDocumentationGet, DataActionDocumentationAdd, DataActionDocumentationUpdate, DataActionDocumentationNavigationsUpdate, DataActionDocumentationLocalNoteGet, DataActionDocumentationLocalNotesAndEmbededGet, DataActionDocumentationLocalNoteAdd, DataActionDocumentationLocalNoteUpdate, DataActionDocumentationLocalNoteDelete } from '../actions/data-action-documentation';
-import MarkupDocumentationPage from 'z-abs-complayer-markup-client/client/markup/markup-documentation/markup-documentation-page';
-import MarkupDocumentationNavigation from 'z-abs-complayer-markup-client/client/markup/markup-documentation/markup-documentation-navigation';
-import StoreBaseData from 'z-abs-corelayer-client/client/store/store-base-data';
+import * as CompLayerMarkupClient from 'z-abs-complayer-markup-client/client/markup/markup-documentation/markup-documentation-page';
+import * as CompLayerMarkupClient1 from 'z-abs-complayer-markup-client/client/markup/markup-documentation/markup-documentation-navigation';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/store/store-base-data';
 
 
-class DocumentationStoreBase extends StoreBaseData {
+export class DocumentationStoreBase extends CoreLayerClient.StoreBaseData { 
   constructor(documentationGroup, appName, repo) {
     super({
       markup: {
@@ -184,8 +184,8 @@ class DocumentationStoreBase extends StoreBaseData {
   }
   
   onActionDocumentationMarkup(action) {
-    const markupNavigation = MarkupDocumentationNavigation.stringify(this.state.documentation.navigations, this.state.currentDocumentName);
-    const markupDocument = MarkupDocumentationPage.stringify(this.state.documentation.document);
+    const markupNavigation = CompLayerMarkupClient.MarkupDocumentationNavigation.stringify(this.state.documentation.navigations, this.state.currentDocumentName);
+    const markupDocument = CompLayerMarkupClient.MarkupDocumentationPage.stringify(this.state.documentation.document);
     this.updateState({markup: {definition: {$set: true}}});
     this.updateState({markup: {navigation: {content: {$set: markupNavigation}}}});
     this.updateState({markup: {navigation: {contentOriginal: {$set: markupNavigation}}}});
@@ -199,7 +199,7 @@ class DocumentationStoreBase extends StoreBaseData {
   }
   
   onActionDocumentationMarkupNavigationChange(action) {
-    const result = MarkupDocumentationNavigation.parse(action.markup);
+    const result = CompLayerMarkupClient.MarkupDocumentationNavigation.parse(action.markup);
     this.updateState({markup: {navigation: {rows: {$set: result.rows}}}});
     if(result.success) {
       this.updateState({markup: {navigation: {content: {$set: action.markup}}}});
@@ -210,14 +210,14 @@ class DocumentationStoreBase extends StoreBaseData {
   onActionDocumentationMarkupDocumentChange(action) {
     this.updateState({markup: {document: {content: {$set: action.markup}}}});
     this.updateState({markup: {document: {contentLines: {$set: action.markup.split('\n').length}}}});
-    const document = MarkupDocumentationPage.parse(action.markup);
+    const document = CompLayerMarkupClient.MarkupDocumentationPage.parse(action.markup);
     this.updateState({documentationPreview: {document: {$set: document}}});
     this._getInternalDocumentationData(document, this.state.documentationPreview.embededDocuments, true);
   }
   
   onActionDocumentationMarkupSave(action) {
     if(this.state.markup.navigation.contentOriginal !== this.state.markup.navigation.content && undefined === this.state.markup.navigation.rows) {
-      const result = MarkupDocumentationNavigation.parse(this.state.markup.navigation.content);
+      const result = CompLayerMarkupClient.MarkupDocumentationNavigation.parse(this.state.markup.navigation.content);
       this.sendDataAction(new DataActionDocumentationNavigationsUpdate(this.repo, this.appName, this.documentationGroup, result.navigations));
     }
     if(this.state.documentation.documentCreated) {
@@ -241,7 +241,7 @@ class DocumentationStoreBase extends StoreBaseData {
   }
   
   onActionDocumentationLocalNoteMarkup(action) {
-    const markupLocalNote = MarkupDocumentationPage.stringify(this.state.documentation.localNotes.get(action.guid).document);
+    const markupLocalNote = CompLayerMarkupClient.MarkupDocumentationPage.stringify(this.state.documentation.localNotes.get(action.guid).document);
     this.updateState({localNoteMarkup: {definition: {$set: true}}});
     this.updateState({localNoteMarkup: {document: {content: {$set: markupLocalNote}}}});
     this.updateState({localNoteMarkup: {document: {contentOriginal: {$set: markupLocalNote}}}});
@@ -252,7 +252,7 @@ class DocumentationStoreBase extends StoreBaseData {
   onActionDocumentationLocalNoteMarkupChange(action) {
     this.updateState({localNoteMarkup: {document: {content: {$set: action.markup}}}});
     this.updateState({localNoteMarkup: {document: {contentLines: {$set: action.markup.split('\n').length}}}});
-    const document = MarkupDocumentationPage.parse(action.markup);
+    const document = CompLayerMarkupClient.MarkupDocumentationPage.parse(action.markup);
     this.updateState({localNotePreview: {document: {$set: document}}});
   }
   
@@ -293,7 +293,7 @@ class DocumentationStoreBase extends StoreBaseData {
     const response = action.getResponse();
     if(response.isSuccess()) {
       if(!action.embed) {
-        const document = MarkupDocumentationPage.parse(response.data[1]);
+        const document = CompLayerMarkupClient.MarkupDocumentationPage.parse(response.data[1]);
         this.updateState({documentation: {navigations: {$set: response.data[0]}}});
         this.updateState({documentation: {document: {$set: document}}});
         this.updateState({documentation: {contentLines: {$set: response.data[1].split('\n').length}}});
@@ -343,14 +343,14 @@ class DocumentationStoreBase extends StoreBaseData {
         if(!action.preview) {
           this.updateState({documentation: {embededDocuments: (embededDocuments) => {
             responseDatas.forEach((responseData) => {
-              embededDocuments.set(documentNames[++index], funcLocalNotes(MarkupDocumentationPage.parse(responseData)));
+              embededDocuments.set(documentNames[++index], funcLocalNotes(CompLayerMarkupClient.MarkupDocumentationPage.parse(responseData)));
             });
           }}});
         }
         else {
           this.updateState({documentationPreview: {embededDocuments: (embededDocuments) => {
             responseDatas.forEach((responseData) => {
-              embededDocuments.set(documentNames[++index], funcLocalNotes(MarkupDocumentationPage.parse(responseData)));
+              embededDocuments.set(documentNames[++index], funcLocalNotes(CompLayerMarkupClient.MarkupDocumentationPage.parse(responseData)));
             });
           }}});
         }
@@ -393,7 +393,7 @@ class DocumentationStoreBase extends StoreBaseData {
           this.updateState({documentation: {localNotes: (localNotes) => {
             responseDatas.forEach((responseData) => {
               localNotes.set(responseData.guid, {
-                document: MarkupDocumentationPage.parse(responseData.document),
+                document: CompLayerMarkupClient.MarkupDocumentationPage.parse(responseData.document),
                 created: responseData.created
               });
             });
@@ -403,7 +403,7 @@ class DocumentationStoreBase extends StoreBaseData {
           this.updateState({documentationPreview: {localNotes: (localNotes) => {
             responseDatas.forEach((responseData) => {
               localNotes.set(responseData.guid, {
-                document: MarkupDocumentationPage.parse(responseData.document),
+                document: CompLayerMarkupClient.MarkupDocumentationPage.parse(responseData.document),
                 created: responseData.created
               });
             });
@@ -478,6 +478,3 @@ class DocumentationStoreBase extends StoreBaseData {
     this.sendDataAction(new DataActionDocumentationLocalNotesAndEmbededGet(localNoteGuids, this.state.currentDocumentName, preview, this.repo, this.appName, this.documentationGroup, documents, true, preview));
   }
 }
-
-
-module.exports = DocumentationStoreBase;

package/LICENSE.txt

@@ -1,96 +0,0 @@
-
-LICENSE AGREEMENT
-
-Effective: 1st of November 2020
-This License Agreement is between Licensee and Hagnell Konsulting AB (a company incorporated in Sweden with
-company registration number: 559476-0570) (“Hagnell Konsulting”) and governs the use by Licensee of ActorJs
-(as defined below).
-By installing the Software (as defined below), Licensee agrees to be bound by the terms of this License Agreement.
-
-DEFENITIONS
-ActorJs The test tool developed by Hagnell Konsulting, utilizing the Patent and the Software.
-Derivative Works Any work, whether in source or object code, which is based on the Software and which
-does not constitute a new and independent work pursuant to paragraph 2 of article 4 of
-the Swedish Act (1960:729) on Copyright in Literary and Artistic Works.
-Documentation The manuals and instruction materials furnished by Hagnell Konsulting in connection
-with ActorJs.
-Licensee The physical or legal person to which the License hereunder has been granted by
-Hagnell Konsulting.
-Patent The patent application for a system and method for testing of systems under test, patent
-application number:19218798.7 (European Patent Office).
-Software The software developed and owned by Hagnell Konsulting, identified as ActorJs.
-
-§ 1 - LICENSE
-Licensee is hereby granted a limited, non-exclusive and non-transferable license to use ActorJs (including any
-Derivative Works created by Licensee hereunder) (the “License”). The License is granted subject to the terms and
-conditions set forth below.
-The Software is licensed to Licensee on an open source basis. The License includes the right to create Derivative
-Works pursuant to sub-clause 3 below.
-ActorJs may be used only by Licensee himself/herself/itself, or (if, for instance, Licensee is a company), by the
-employees and consultants of Licensee.
-The License does not include any updates to the Software, or any support services. Notwithstanding the foregoing,
-should Hagnell Konsulting furnish any updates to Licensee, such updates shall be subject to the License granted hereunder.
-As regards the Documentation provided by Hagnell Konsulting, Licensee may use this Documentation for the purpose of
- the License hereunder (only). Licensee shall not be entitled to distribute copies of the Documentation, or electronically
- communicate the Documentation, to recipients who are not employees or consultants of Licensee.
-
-§ 2 - LICENSE RESTRICTIONS
-Licensee may not:
-i) Rent, lease, lend, sell, distribute, transfer or otherwise make available ActorJs (and/or a Derivative Work)
-(whether for value or otherwise) to third parties without Hagnell Konsulting´s written approval. Any such approval
-will be subject to the third party acknowledging in writing (vis-à-vis Hagnell Konsulting) that its use of ActorJs
-(and/or the Derivative Work) shall be subject to the terms and conditions of this Agreement.
-
-ii) Distribute copies of the Software (and/or a Derivate Work), or electronically communicate the Software
-(and/or a Derivative Work), to recipients who are not employees or consultants of Licensee.
-
-§ 3 – DERITATIVE WORKS
-Should Licensee, or (if applicable) any of its employees or consultants, create a Derivative Work, Licensee shall
-inform Hagnell Konsulting thereof in writing (an e-mail shall be sufficient). Licensee may use the Derivative Work to the
-same extent as it may use the Software hereunder, but Hagnell Konsulting shall be the sole and exclusive owner of any
-and all rights in the Derivative Work, including the copyright. At the request of Hagnell Konsulting, Licensee and
-Hagnell Konsulting shall formalize the rights transfer in a written contract, which shall, inter alia, confirm that all rights
-in the Derivative Work have been irrevocably transferred to Hagnell Konsulting, that Hagnell Konsulting is be entitled to
-exploit the Derivative Work without limitation in time or any other kind of limitation, that Hagnell Konsulting may transfer
-its rights to the Derivative Work to third parties and that the rights transfer from Licensee to Hagnell Konsulting shall be
-free of charge.
-
-§ 4 – IMPROVEMENTS TO THE PATENT
-Any improvement to the Patent, whether patentable or not, which Licensee, or (if applicable) any of its employees or
-consultants, may discover, create or develop or otherwise have at its disposal, directly or indirectly, without restraints
-as to the use thereof (“Improvements”), shall be disclosed promptly to Hagnell Konsulting and Hagnell Konsulting shall
-have the exclusive right of perpetual duration to use the Improvements as well as to grant the use thereof to other licensees
-in the whole world without compensation to Licensee, except that Licensee shall during the life of this Agreement have
-the non-exclusive right to use such Improvements including corresponding patents, if any, in accordance with the
-provisions of this Agreement. If Licensee decides not to apply for a patent relating to an Improvement made by
-Licensee or if Licensee no longer wishes to maintain such a patent or patent application then Hagnell Konsulting may in its
-sole discretion and at its own expense apply for such a patent or maintain such a patent or patent application (as the
-case may be).
-
-§ 5 - COPYRIGHT AND INTELLECTUAL PROPERTY RIGHTS
-The Software, the Patent and the Documentation are protected by copyright and patent laws and international
-copyright and patent treaties, as well other intellectual property laws and treaties. Any such intellectual property
-rights are owned and especially reserved by Hagnell Konsulting, without limitation. For the avoidance of doubt, no
-ownership rights are transferred to Licensee hereunder.
-“ActorJs” is a registered trademark of Hagnell Konsulting. This Agreement does not include a license to use the
-trademark “ActorJs”.
-
-§ 6 - LIMITITATION ON LIABILITY
-ActorJs is licensed to Licensee “as is”. Hagnell Konsulting gives no guarantees as regards the use, functionality
-or performance of ActorJs and assumes no liability (whatsoever) as regards any defaults in ActorJs or any possible
-infringements on third party statutory or contractual rights. Hagnell Konsulting expressly disclaims any and all warranties
-not expressly given in this Agreement, including any implied warranties of merchantability, satisfactory quality, fitness
-for a particular purpose, title and non-infringement. Thus, the entire risk arising out of any use of ActorJs hereunder
-remains with Licensee.
-The limitation of liability hereunder shall be to the maximum extent permitted by applicable law. Under no
-circumstances shall Hagnell Konsulting be liable for any cost of substitute products or services, for any indirect losses or
-for any consequential damages (including any loss of profits, interruptions or loss of business information).
-
-§ 7 - MISCELLANEOUS
-Licensee may not, either wholly or partly, assign or pledge its rights or obligations under this Agreement to any third
-party without the prior written consent of Hagnell Konsulting.
-
-§ 8 - DISPUTES
-This agreement shall be governed by Swedish law. Any dispute, controversy or claim arising out of or in connection
-with this contract, or the breach, termination or invalidity thereof, shall be settled by the general courts of Sweden,
-with the district court of Stockholm in the first instance.