From 26982b02014151a3c6fefbbf6438777eeccf93fa Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Mon, 16 May 2022 15:36:03 +0200
Subject: [PATCH 01/80] added template panel

---
 language-server/src/options/actions.ts     |  4 ++
 language-server/src/stpa-diagramServer.ts  |  8 ++-
 language-server/src/templates/templates.ts | 29 +++++++++++
 webview/src/di.symbols.ts                  |  1 +
 webview/src/options/actions.ts             |  5 +-
 webview/src/options/option-models.ts       |  5 ++
 webview/src/options/options-module.ts      |  4 ++
 webview/src/options/options-registry.ts    | 13 ++++-
 webview/src/options/options-renderer.tsx   | 42 ++++++++++++++-
 webview/src/template/template-panel.tsx    | 60 ++++++++++++++++++++++
 10 files changed, 166 insertions(+), 5 deletions(-)
 create mode 100644 language-server/src/templates/templates.ts
 create mode 100644 webview/src/template/template-panel.tsx

diff --git a/language-server/src/options/actions.ts b/language-server/src/options/actions.ts
index 4e3e9402..05615193 100644
--- a/language-server/src/options/actions.ts
+++ b/language-server/src/options/actions.ts
@@ -16,12 +16,14 @@
  */
 
 import { Action } from "sprotty-protocol";
+import { Template } from "../templates/templates";
 import { SynthesisOption, ValuedSynthesisOption } from "./option-models";
 
 /** Request message from the server to update the diagram options widget on the client. */
 export interface UpdateOptionsAction extends Action {
     kind: typeof UpdateOptionsAction.KIND
     valuedSynthesisOptions: ValuedSynthesisOption[]
+    templates: Template[]
     clientId: string
 }
 
@@ -30,11 +32,13 @@ export namespace UpdateOptionsAction {
 
     export function create(
         valuedSynthesisOptions: ValuedSynthesisOption[],
+        templates: Template[],
         clientId: string,
     ): UpdateOptionsAction {
         return {
             kind: KIND,
             valuedSynthesisOptions,
+            templates,
             clientId,
         }
     }
diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 03fe6e72..a7fc7499 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -18,12 +18,14 @@
 import { Action, DiagramServer, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol'
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions'
 import { StpaSynthesisOptions } from './options/synthesis-options';
+import { Template, TestTemplate } from './templates/templates';
 
 export class StpaDiagramServer extends DiagramServer {
 
     private stpaOptions: StpaSynthesisOptions;
     private clientId: string;
     private options: JsonMap | undefined;
+    private templates: Template[];
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
         services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined) {
@@ -31,6 +33,7 @@ export class StpaDiagramServer extends DiagramServer {
         this.stpaOptions = synthesisOptions;
         this.clientId = clientId;
         this.options = options;
+        this.templates = [new TestTemplate()]
     }
 
     accept(action: Action): Promise<void> {
@@ -52,12 +55,14 @@ export class StpaDiagramServer extends DiagramServer {
     }
 
     handleSetSynthesisOption(action: SetSynthesisOptionsAction): Promise<void> {
+        // update syntheses options
         for (const option of action.options) {
             const opt = this.stpaOptions.getSynthesisOptions().find(synOpt => synOpt.synthesisOption.id == option.id);
             if (opt) {
                 opt.currentValue = option.currentValue;
             }
         }
+        // request the new model
         const requestAction = {
                 kind: RequestModelAction.KIND,
                 options: this.options
@@ -67,7 +72,8 @@ export class StpaDiagramServer extends DiagramServer {
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
-        this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), clientId: this.clientId });
+        // send the avaiable syntheses options to the client before handling the request model action
+        this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), templates: this.templates, clientId: this.clientId });
         super.handleRequestModel(action);
     }
 
diff --git a/language-server/src/templates/templates.ts b/language-server/src/templates/templates.ts
new file mode 100644
index 00000000..8772709a
--- /dev/null
+++ b/language-server/src/templates/templates.ts
@@ -0,0 +1,29 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+
+
+export interface Template {
+    svg: string;
+    code: string;
+}
+
+
+export class TestTemplate implements Template {
+    svg: string = "<rect width=\"50\" height=\"20\"></rect>";
+    code: string = 'testString';
+}
\ No newline at end of file
diff --git a/webview/src/di.symbols.ts b/webview/src/di.symbols.ts
index d9710ab3..1d85ffef 100644
--- a/webview/src/di.symbols.ts
+++ b/webview/src/di.symbols.ts
@@ -24,4 +24,5 @@ export const DISymbol = {
     OptionsRenderer: Symbol("OptionsRenderer"),
     OptionsRegistry: Symbol("OptionsRegistry"),
     RenderOptionsRegistry: Symbol("RenderOptionsRegistry"),
+    TemplateRegistry: Symbol("TemplateRegistry"),
 };
\ No newline at end of file
diff --git a/webview/src/options/actions.ts b/webview/src/options/actions.ts
index 3a6c5a9b..03e0ca54 100644
--- a/webview/src/options/actions.ts
+++ b/webview/src/options/actions.ts
@@ -16,7 +16,7 @@
  */
 
 import { Action } from "sprotty-protocol";
-import { SynthesisOption, ValuedSynthesisOption } from "./option-models";
+import { SynthesisOption, Template, ValuedSynthesisOption } from "./option-models";
 
 /** Change the value of one or multiple render options. */
 export interface SetRenderOptionAction extends Action {
@@ -64,6 +64,7 @@ export namespace ResetRenderOptionsAction {
 export interface UpdateOptionsAction extends Action {
     kind: typeof UpdateOptionsAction.KIND
     valuedSynthesisOptions: ValuedSynthesisOption[]
+    templates: Template[]
     clientId: string
 }
 
@@ -72,11 +73,13 @@ export namespace UpdateOptionsAction {
 
     export function create(
         valuedSynthesisOptions: ValuedSynthesisOption[],
+        templates: Template[],
         clientId: string,
     ): UpdateOptionsAction {
         return {
             kind: KIND,
             valuedSynthesisOptions,
+            templates,
             clientId,
         }
     }
diff --git a/webview/src/options/option-models.ts b/webview/src/options/option-models.ts
index 04daff62..4fff9aee 100644
--- a/webview/src/options/option-models.ts
+++ b/webview/src/options/option-models.ts
@@ -81,3 +81,8 @@ export interface Pair<K, V> {
     k: K
     v: V
 }
+
+export interface Template {
+    svg: string;
+    code: string;
+}
diff --git a/webview/src/options/options-module.ts b/webview/src/options/options-module.ts
index 3443ce56..886c0d90 100644
--- a/webview/src/options/options-module.ts
+++ b/webview/src/options/options-module.ts
@@ -24,6 +24,7 @@ import { GeneralPanel } from "./general-panel";
 import { RenderOptionsRegistry } from "./render-options-registry";
 import { OptionsRegistry } from "./options-registry";
 import { OptionsPanel } from "./options-panel";
+import { TemplatePanel } from "../template/template-panel";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
@@ -33,6 +34,9 @@ export const optionsModule = new ContainerModule((bind, _, isBound) => {
     bind(OptionsPanel).toSelf().inSingletonScope();
     bind(DISymbol.SidebarPanel).toService(OptionsPanel);
 
+    bind(TemplatePanel).toSelf().inSingletonScope();
+    bind(DISymbol.SidebarPanel).toService(TemplatePanel);
+
     bind(DISymbol.OptionsRenderer).to(OptionsRenderer);
     bind(DISymbol.OptionsRegistry).to(OptionsRegistry).inSingletonScope();
     bind(TYPES.IActionHandlerInitializer).toService(DISymbol.OptionsRegistry);
diff --git a/webview/src/options/options-registry.ts b/webview/src/options/options-registry.ts
index 676f2a39..3e020ce2 100644
--- a/webview/src/options/options-registry.ts
+++ b/webview/src/options/options-registry.ts
@@ -24,7 +24,7 @@ import {
     UpdateOptionsAction,
 } from "./actions";
 import {
-    SynthesisOption,
+    SynthesisOption, Template,
 } from "./option-models";
 import { vscodeApi } from 'sprotty-vscode-webview/lib/vscode-api';
 
@@ -39,6 +39,7 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
 
     private _clientId = "";
     private _synthesisOptions: SynthesisOption[] = [];
+    private _templates: Template[] = [];
 
     get clientId(): string {
         return this._clientId;
@@ -48,6 +49,10 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
         return this._synthesisOptions;
     }
 
+    get templates(): Template[] {
+        return this._templates;
+    }
+
     /** Returns `true` when the registry contains options and is therefore not empty. */
     hasOptions(): boolean {
         return (
@@ -55,6 +60,10 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
         );
     }
 
+    hasTemplateOptions(): boolean {
+        return this._templates.length !== 0;
+    }
+
     initialize(registry: ActionHandlerRegistry): void {
         registry.register(UpdateOptionsAction.KIND, this);
         registry.register(SetSynthesisOptionsAction.KIND, this);
@@ -78,7 +87,7 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
                 currentValue:
                     valuedOption.currentValue ?? valuedOption.synthesisOption.initialValue,
             }));
-
+        this._templates = action.templates;
         this.notifyListeners();
     }
 
diff --git a/webview/src/options/options-renderer.tsx b/webview/src/options/options-renderer.tsx
index ba1e8517..12833182 100644
--- a/webview/src/options/options-renderer.tsx
+++ b/webview/src/options/options-renderer.tsx
@@ -32,7 +32,8 @@ import {
     RenderOption,
     RangeOption as RangeOptionData,
     SynthesisOption,
-    TransformationOptionType
+    TransformationOptionType,
+    Template
 } from "./option-models";
 
 interface AllOptions {
@@ -151,6 +152,45 @@ export class OptionsRenderer {
         );
     }
 
+    renderTemplates(templates: Template[]): (VNode | "")[] | "" {
+        if (templates.length === 0) return "";
+
+        /* const test = <svg 
+        style={{
+          width: '24',
+          height: '24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
+        }}
+        
+        props={{innerHTML: "<polyline points=\"16 18 22 12 16 6\"></polyline>"}}
+      ></svg>
+        return templates.map(template => 
+            <g>
+                {test}
+            </g>); */
+
+        //const polyline = "<polyline points=\"16 18 22 12 16 6\"></polyline>";
+        return templates.map(template =>
+            <svg 
+                style={{
+             /*    width: '24',
+                height: '24', */
+                fill: 'blue',
+                stroke: 'currentColor',
+                strokeWidth: '2',
+                strokeLinecap: 'round',
+                strokeLinejoin: 'round'
+                }}
+                
+                props={{innerHTML: template.svg}}
+            ></svg>
+            );
+    }
+
     /** Renders render options that are stored in the client. */
     renderRenderOptions(renderOptions: RenderOption[]): (VNode | "")[] | "" {
         if (renderOptions.length === 0) return "";
diff --git a/webview/src/template/template-panel.tsx b/webview/src/template/template-panel.tsx
new file mode 100644
index 00000000..a0311cd6
--- /dev/null
+++ b/webview/src/template/template-panel.tsx
@@ -0,0 +1,60 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+/** @jsx html */
+import { VNode } from "snabbdom";
+import { html } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { inject, injectable, postConstruct } from "inversify";
+import { SidebarPanel } from "../sidebar";
+import { DISymbol } from "../di.symbols";
+import { OptionsRenderer } from "../options/options-renderer";
+import { FeatherIcon } from "../feather-icons-snabbdom/feather-icons-snabbdom";
+import { OptionsRegistry } from "../options/options-registry";
+
+/** Sidebar panel that displays server provided STPA-DSL templates.  */
+@injectable()
+export class TemplatePanel extends SidebarPanel {
+
+    @inject(DISymbol.OptionsRegistry) private optionsRegistry: OptionsRegistry;
+    @inject(DISymbol.OptionsRenderer) private optionsRenderer: OptionsRenderer;
+
+    @postConstruct()
+    init(): void {
+        this.optionsRegistry.onChange(() => this.update());
+    }
+
+    get id(): string {
+        return 'template-panel';
+    }
+
+    get title(): string {
+        return 'Templates';
+    }
+
+    get icon(): VNode {
+        return <FeatherIcon iconId={"code"}/>
+    }
+
+    render(): VNode {
+        return this.optionsRegistry.hasTemplateOptions() ? (
+            this.optionsRenderer.renderTemplates(this.optionsRegistry.templates)
+        ) : (
+            <span>No templates provided by the diagram server.</span>
+        );
+    }
+
+}
\ No newline at end of file

From 6f3726b02274b46ba1674cf6d7ae428b9c37ae1f Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 17 May 2022 10:37:07 +0200
Subject: [PATCH 02/80] added rendering of template (WIP)

---
 language-server/src/templates/templates.ts | 28 +++++++++++--
 webview/src/helper-methods.ts              |  2 +-
 webview/src/options/option-models.ts       |  4 +-
 webview/src/options/options-renderer.tsx   | 46 ++++++----------------
 4 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/language-server/src/templates/templates.ts b/language-server/src/templates/templates.ts
index 8772709a..cefb092d 100644
--- a/language-server/src/templates/templates.ts
+++ b/language-server/src/templates/templates.ts
@@ -15,15 +15,37 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-
+import { SGraph, SNode, SModelElement } from 'sprotty-protocol'
+import { CS_NODE_TYPE } from '../stpa-model';
 
 export interface Template {
-    svg: string;
+    svg: Readonly<SGraph>;
     code: string;
 }
 
 
 export class TestTemplate implements Template {
-    svg: string = "<rect width=\"50\" height=\"20\"></rect>";
+    svg: Readonly<SGraph> = {
+        type: 'graph',
+        id: 'testTemplate',
+        children: [
+            {
+                type: CS_NODE_TYPE,
+                id: 'node1',
+                size: {width: 10, height: 10},
+                position: {x: 0, y: 0},
+                children: []
+            } as SNode,
+            {
+                type: CS_NODE_TYPE,
+                id: 'node2',
+                size: {width: 10, height: 10},
+                position: {x: 20, y: 0},
+                children: []
+            } as SNode
+        ] as SModelElement[],
+        zoom: 1,
+        scroll: {x:0, y:0}
+    }
     code: string = 'testString';
 }
\ No newline at end of file
diff --git a/webview/src/helper-methods.ts b/webview/src/helper-methods.ts
index b91bd357..4a4a895d 100644
--- a/webview/src/helper-methods.ts
+++ b/webview/src/helper-methods.ts
@@ -25,7 +25,7 @@ import { STPAAspect, STPAEdge, STPANode, STPA_NODE_TYPE } from "./STPA-model"
  */
 export function collectAllChildren(nodes: SNode[], children: SNode[]): void {
     for (const node of nodes) {
-        if (node.children.length != 0) {
+        if (node.children && node.children.length != 0) {
             const childrenNodes = node.children.filter(child => child instanceof SNode) as SNode[]
             children.push(...childrenNodes)
             collectAllChildren(childrenNodes, children)
diff --git a/webview/src/options/option-models.ts b/webview/src/options/option-models.ts
index 4fff9aee..3fcdf51b 100644
--- a/webview/src/options/option-models.ts
+++ b/webview/src/options/option-models.ts
@@ -15,6 +15,8 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
+import { SGraph } from "sprotty-protocol";
+
 /** Base option that can be rendered as an ui input*/
 export interface RenderOption {
     id: string;
@@ -83,6 +85,6 @@ export interface Pair<K, V> {
 }
 
 export interface Template {
-    svg: string;
+    svg: Readonly<SGraph>;
     code: string;
 }
diff --git a/webview/src/options/options-renderer.tsx b/webview/src/options/options-renderer.tsx
index 12833182..784e7c4c 100644
--- a/webview/src/options/options-renderer.tsx
+++ b/webview/src/options/options-renderer.tsx
@@ -18,7 +18,7 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IActionDispatcher, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { html, IActionDispatcher, ModelRenderer, SModelElement, TYPES, ViewRegistry } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import {
     SetRenderOptionAction,
     SetSynthesisOptionsAction,
@@ -45,6 +45,15 @@ interface AllOptions {
 export class OptionsRenderer {
     @inject(TYPES.IActionDispatcher) actionDispatcher: IActionDispatcher;
 
+    viewer: ViewRegistry;
+    renderer: ModelRenderer;
+
+    constructor(@inject(TYPES.ViewRegistry) viewer: ViewRegistry) {
+        this.viewer = viewer
+        this.renderer = new ModelRenderer(this.viewer, "main", []); 
+    }
+
+
     /**
      * Renders all diagram options that are provided by the server. This includes
      * at the moment only the synthesis options.
@@ -154,41 +163,8 @@ export class OptionsRenderer {
 
     renderTemplates(templates: Template[]): (VNode | "")[] | "" {
         if (templates.length === 0) return "";
-
-        /* const test = <svg 
-        style={{
-          width: '24',
-          height: '24',
-          fill: 'none',
-          stroke: 'currentColor',
-          strokeWidth: '2',
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round'
-        }}
-        
-        props={{innerHTML: "<polyline points=\"16 18 22 12 16 6\"></polyline>"}}
-      ></svg>
-        return templates.map(template => 
-            <g>
-                {test}
-            </g>); */
-
-        //const polyline = "<polyline points=\"16 18 22 12 16 6\"></polyline>";
         return templates.map(template =>
-            <svg 
-                style={{
-             /*    width: '24',
-                height: '24', */
-                fill: 'blue',
-                stroke: 'currentColor',
-                strokeWidth: '2',
-                strokeLinecap: 'round',
-                strokeLinejoin: 'round'
-                }}
-                
-                props={{innerHTML: template.svg}}
-            ></svg>
-            );
+            <div>{this.renderer?.renderElement(template.svg as any as Readonly<SModelElement>)}</div>);
     }
 
     /** Renders render options that are stored in the client. */

From 6155cc0f7ee1394bdcb35616f7d296595fd77a1a Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 17 May 2022 14:56:39 +0200
Subject: [PATCH 03/80] get correct model renderer

---
 language-server/src/stpa-diagramServer.ts  | 16 ++++-
 language-server/src/templates/templates.ts | 54 ++++++++---------
 webview/src/options/option-models.ts       |  6 +-
 webview/src/options/options-module.ts      |  5 +-
 webview/src/options/options-registry.ts    | 12 +---
 webview/src/options/options-renderer.tsx   | 15 ++---
 webview/src/template/actions.ts            | 40 +++++++++++++
 webview/src/template/template-panel.tsx    | 11 ++--
 webview/src/template/template-registry.ts  | 68 ++++++++++++++++++++++
 webview/src/views.tsx                      |  6 +-
 10 files changed, 177 insertions(+), 56 deletions(-)
 create mode 100644 webview/src/template/actions.ts
 create mode 100644 webview/src/template/template-registry.ts

diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index a7fc7499..0f526fc7 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action, DiagramServer, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol'
+import { Action, applyBounds, DiagramServer, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction, RequestBoundsAction, ComputedBoundsAction } from 'sprotty-protocol'
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions'
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { Template, TestTemplate } from './templates/templates';
@@ -33,7 +33,7 @@ export class StpaDiagramServer extends DiagramServer {
         this.stpaOptions = synthesisOptions;
         this.clientId = clientId;
         this.options = options;
-        this.templates = [new TestTemplate()]
+        this.templates = [TestTemplate]
     }
 
     accept(action: Action): Promise<void> {
@@ -73,6 +73,18 @@ export class StpaDiagramServer extends DiagramServer {
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
         // send the avaiable syntheses options to the client before handling the request model action
+        const test =this.templates[0].graph
+/*         this.dispatch({
+            kind: RequestBoundsAction.KIND,
+            newRoot: this.templates[0].graph
+        } as RequestBoundsAction) */
+
+        const request = RequestBoundsAction.create(test);
+        const response = await this.request<ComputedBoundsAction>(request);
+        applyBounds(test, response);
+        const newRoot = await this.layoutEngine?.layout(test);
+        this.templates[0].graph = newRoot!
+
         this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), templates: this.templates, clientId: this.clientId });
         super.handleRequestModel(action);
     }
diff --git a/language-server/src/templates/templates.ts b/language-server/src/templates/templates.ts
index cefb092d..c710ce4a 100644
--- a/language-server/src/templates/templates.ts
+++ b/language-server/src/templates/templates.ts
@@ -15,37 +15,39 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { SGraph, SNode, SModelElement } from 'sprotty-protocol'
+import { SGraph, SModelElement } from 'sprotty-protocol'
+import { CSNode } from '../STPA-interfaces';
 import { CS_NODE_TYPE } from '../stpa-model';
 
 export interface Template {
-    svg: Readonly<SGraph>;
+    graph: Readonly<SModelElement>;
     code: string;
 }
 
+const testGraph: Readonly<SModelElement> = {
+    type: 'graph',
+    id: 'testTemplate',
+    children: [
+        {
+            type: CS_NODE_TYPE,
+            id: 'node1',
+            size: {width: 10, height: 10},
+            //position: {x: 0, y: 0},
+            children: []
+        } as CSNode,
+        {
+            type: CS_NODE_TYPE,
+            id: 'node2',
+            size: {width: 10, height: 10},
+            //position: {x: 20, y: 0},
+            children: []
+        } as CSNode
+    ] as SModelElement[],
+    zoom: 1,
+    scroll: {x:0, y:0}
+} as SGraph
 
-export class TestTemplate implements Template {
-    svg: Readonly<SGraph> = {
-        type: 'graph',
-        id: 'testTemplate',
-        children: [
-            {
-                type: CS_NODE_TYPE,
-                id: 'node1',
-                size: {width: 10, height: 10},
-                position: {x: 0, y: 0},
-                children: []
-            } as SNode,
-            {
-                type: CS_NODE_TYPE,
-                id: 'node2',
-                size: {width: 10, height: 10},
-                position: {x: 20, y: 0},
-                children: []
-            } as SNode
-        ] as SModelElement[],
-        zoom: 1,
-        scroll: {x:0, y:0}
-    }
-    code: string = 'testString';
+export const TestTemplate: Template = {
+    graph: testGraph,
+    code: 'testString'
 }
\ No newline at end of file
diff --git a/webview/src/options/option-models.ts b/webview/src/options/option-models.ts
index 3fcdf51b..650e6df1 100644
--- a/webview/src/options/option-models.ts
+++ b/webview/src/options/option-models.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { SGraph } from "sprotty-protocol";
+import { SModelElement } from "sprotty";
 
 /** Base option that can be rendered as an ui input*/
 export interface RenderOption {
@@ -84,7 +84,7 @@ export interface Pair<K, V> {
     v: V
 }
 
-export interface Template {
-    svg: Readonly<SGraph>;
+export class Template {
+    graph: Readonly<SModelElement>;
     code: string;
 }
diff --git a/webview/src/options/options-module.ts b/webview/src/options/options-module.ts
index 886c0d90..0cb5bcc7 100644
--- a/webview/src/options/options-module.ts
+++ b/webview/src/options/options-module.ts
@@ -25,6 +25,7 @@ import { RenderOptionsRegistry } from "./render-options-registry";
 import { OptionsRegistry } from "./options-registry";
 import { OptionsPanel } from "./options-panel";
 import { TemplatePanel } from "../template/template-panel";
+import { TemplateRegistry } from "../template/template-registry";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
@@ -37,11 +38,13 @@ export const optionsModule = new ContainerModule((bind, _, isBound) => {
     bind(TemplatePanel).toSelf().inSingletonScope();
     bind(DISymbol.SidebarPanel).toService(TemplatePanel);
 
-    bind(DISymbol.OptionsRenderer).to(OptionsRenderer);
+    bind(DISymbol.OptionsRenderer).to(OptionsRenderer).inSingletonScope();
     bind(DISymbol.OptionsRegistry).to(OptionsRegistry).inSingletonScope();
     bind(TYPES.IActionHandlerInitializer).toService(DISymbol.OptionsRegistry);
 
     bind(DISymbol.RenderOptionsRegistry).to(RenderOptionsRegistry).inSingletonScope();
+    bind(DISymbol.TemplateRegistry).to(TemplateRegistry).inSingletonScope();
+    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.TemplateRegistry);
 
     const ctx = { bind, isBound };
     configureActionHandler(ctx, SetRenderOptionAction.KIND, DISymbol.RenderOptionsRegistry);
diff --git a/webview/src/options/options-registry.ts b/webview/src/options/options-registry.ts
index 3e020ce2..675b15eb 100644
--- a/webview/src/options/options-registry.ts
+++ b/webview/src/options/options-registry.ts
@@ -24,7 +24,7 @@ import {
     UpdateOptionsAction,
 } from "./actions";
 import {
-    SynthesisOption, Template,
+    SynthesisOption
 } from "./option-models";
 import { vscodeApi } from 'sprotty-vscode-webview/lib/vscode-api';
 
@@ -39,7 +39,6 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
 
     private _clientId = "";
     private _synthesisOptions: SynthesisOption[] = [];
-    private _templates: Template[] = [];
 
     get clientId(): string {
         return this._clientId;
@@ -49,10 +48,6 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
         return this._synthesisOptions;
     }
 
-    get templates(): Template[] {
-        return this._templates;
-    }
-
     /** Returns `true` when the registry contains options and is therefore not empty. */
     hasOptions(): boolean {
         return (
@@ -60,10 +55,6 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
         );
     }
 
-    hasTemplateOptions(): boolean {
-        return this._templates.length !== 0;
-    }
-
     initialize(registry: ActionHandlerRegistry): void {
         registry.register(UpdateOptionsAction.KIND, this);
         registry.register(SetSynthesisOptionsAction.KIND, this);
@@ -87,7 +78,6 @@ export class OptionsRegistry extends Registry implements IActionHandlerInitializ
                 currentValue:
                     valuedOption.currentValue ?? valuedOption.synthesisOption.initialValue,
             }));
-        this._templates = action.templates;
         this.notifyListeners();
     }
 
diff --git a/webview/src/options/options-renderer.tsx b/webview/src/options/options-renderer.tsx
index 784e7c4c..2fe74373 100644
--- a/webview/src/options/options-renderer.tsx
+++ b/webview/src/options/options-renderer.tsx
@@ -18,7 +18,7 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IActionDispatcher, ModelRenderer, SModelElement, TYPES, ViewRegistry } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { html, IActionDispatcher, ModelRenderer, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import {
     SetRenderOptionAction,
     SetSynthesisOptionsAction,
@@ -45,15 +45,13 @@ interface AllOptions {
 export class OptionsRenderer {
     @inject(TYPES.IActionDispatcher) actionDispatcher: IActionDispatcher;
 
-    viewer: ViewRegistry;
     renderer: ModelRenderer;
 
-    constructor(@inject(TYPES.ViewRegistry) viewer: ViewRegistry) {
-        this.viewer = viewer
-        this.renderer = new ModelRenderer(this.viewer, "main", []); 
+    setRenderer(renderer: ModelRenderer) {
+        //this.renderer = renderer
+        this.renderer = new ModelRenderer(renderer.viewRegistry, renderer.targetKind, [])
     }
 
-
     /**
      * Renders all diagram options that are provided by the server. This includes
      * at the moment only the synthesis options.
@@ -163,8 +161,11 @@ export class OptionsRenderer {
 
     renderTemplates(templates: Template[]): (VNode | "")[] | "" {
         if (templates.length === 0) return "";
+
+/*         const g: SModelElement = templates[0].graph as SModelElement
+        g.hasFeature(Symbol('isSelectable')) */
         return templates.map(template =>
-            <div>{this.renderer?.renderElement(template.svg as any as Readonly<SModelElement>)}</div>);
+            <div>{this.renderer?.renderElement(template.graph)}</div>);
     }
 
     /** Renders render options that are stored in the client. */
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
new file mode 100644
index 00000000..df3df5fb
--- /dev/null
+++ b/webview/src/template/actions.ts
@@ -0,0 +1,40 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { Action } from "sprotty-protocol";
+import { ModelRenderer } from "sprotty"
+
+/** Sent from the view. */
+export interface SendModelRendererAction extends Action {
+    kind: typeof SendModelRendererAction.KIND
+    renderer: ModelRenderer
+}
+
+export namespace SendModelRendererAction {
+    export const KIND = 'sendModelRendererAction'
+
+    export function create(renderer: ModelRenderer): SendModelRendererAction {
+        return {
+            kind: KIND,
+            renderer
+        }
+    }
+    
+    export function isThisAction(action: Action): action is SendModelRendererAction {
+        return action.kind === SendModelRendererAction.KIND;
+    }
+}
\ No newline at end of file
diff --git a/webview/src/template/template-panel.tsx b/webview/src/template/template-panel.tsx
index a0311cd6..be00e2cd 100644
--- a/webview/src/template/template-panel.tsx
+++ b/webview/src/template/template-panel.tsx
@@ -23,21 +23,22 @@ import { SidebarPanel } from "../sidebar";
 import { DISymbol } from "../di.symbols";
 import { OptionsRenderer } from "../options/options-renderer";
 import { FeatherIcon } from "../feather-icons-snabbdom/feather-icons-snabbdom";
-import { OptionsRegistry } from "../options/options-registry";
+import { TemplateRegistry } from "./template-registry";
 
 /** Sidebar panel that displays server provided STPA-DSL templates.  */
 @injectable()
 export class TemplatePanel extends SidebarPanel {
 
-    @inject(DISymbol.OptionsRegistry) private optionsRegistry: OptionsRegistry;
+    @inject(DISymbol.TemplateRegistry) private tempRegistry: TemplateRegistry;
     @inject(DISymbol.OptionsRenderer) private optionsRenderer: OptionsRenderer;
 
     @postConstruct()
     init(): void {
-        this.optionsRegistry.onChange(() => this.update());
+        this.tempRegistry.onChange(() => this.update());
     }
 
     get id(): string {
+        console.log(this.tempRegistry);
         return 'template-panel';
     }
 
@@ -50,8 +51,8 @@ export class TemplatePanel extends SidebarPanel {
     }
 
     render(): VNode {
-        return this.optionsRegistry.hasTemplateOptions() ? (
-            this.optionsRenderer.renderTemplates(this.optionsRegistry.templates)
+        return this.tempRegistry.hasTemplateOptions() ? (
+            this.optionsRenderer.renderTemplates(this.tempRegistry.templates)
         ) : (
             <span>No templates provided by the diagram server.</span>
         );
diff --git a/webview/src/template/template-registry.ts b/webview/src/template/template-registry.ts
new file mode 100644
index 00000000..8e227aec
--- /dev/null
+++ b/webview/src/template/template-registry.ts
@@ -0,0 +1,68 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { inject, injectable } from "inversify";
+import { ActionHandlerRegistry, IActionHandlerInitializer, ICommand } from "sprotty";
+import { Action } from "sprotty-protocol";
+import { Registry } from "../base/registry";
+import { DISymbol } from "../di.symbols";
+import { UpdateOptionsAction } from "../options/actions";
+import { Template } from "../options/option-models";
+import { OptionsRenderer } from "../options/options-renderer";
+import { SendModelRendererAction } from "./actions";
+
+@injectable()
+export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
+
+    @inject(DISymbol.OptionsRenderer) private optionsRenderer: OptionsRenderer;
+    
+    private _templates: Template[] = [];
+
+    get templates(): Template[] {
+        return this._templates;
+    }
+    
+    hasTemplateOptions(): boolean {
+        return this._templates.length !== 0;
+    }
+
+    initialize(registry: ActionHandlerRegistry): void {
+        registry.register(UpdateOptionsAction.KIND, this);
+        registry.register(SendModelRendererAction.KIND, this);
+    }
+
+    handle(action: Action): void | Action | ICommand {
+        if (UpdateOptionsAction.isThisAction(action)) {
+            this.handleUpdateOptions(action);
+        } else if (SendModelRendererAction.isThisAction(action)) {
+            this.handleSendModelRenderer(action)
+        }
+    }
+
+    private handleUpdateOptions(action: UpdateOptionsAction): void {
+        this._templates = action.templates.map<Template>(temp => ({
+            graph: temp.graph,
+            code: temp.code
+        }))
+        this.notifyListeners();
+    }
+
+    private handleSendModelRenderer(action: SendModelRendererAction) {
+        this.optionsRenderer.setRenderer((action as SendModelRendererAction).renderer)
+    }
+
+}
\ No newline at end of file
diff --git a/webview/src/views.tsx b/webview/src/views.tsx
index 0a4f0f2e..e49555e9 100644
--- a/webview/src/views.tsx
+++ b/webview/src/views.tsx
@@ -17,7 +17,7 @@
 
 /** @jsx svg */
 import { VNode } from 'snabbdom';
-import { Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SNode, svg, SPort, toDegrees, SGraphView, SGraph} from 'sprotty';
+import { Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SNode, svg, SPort, toDegrees, SGraphView, SGraph, TYPES, IActionDispatcher, ModelRenderer} from 'sprotty';
 import { injectable } from 'inversify';
 import { STPANode, PARENT_TYPE, STPA_NODE_TYPE, CS_EDGE_TYPE, STPAAspect, STPAEdge, STPA_EDGE_TYPE, CS_NODE_TYPE } from './stpa-model';
 import { renderCircle, renderDiamond, renderHexagon, renderMirroredTriangle, renderPentagon, renderRectangle, renderTrapez, renderTriangle } from './views-rendering';
@@ -25,6 +25,7 @@ import { inject } from 'inversify'
 import { collectAllChildren, flagConnectedElements, getSelectedNode } from './helper-methods';
 import { DISymbol } from './di.symbols';
 import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry, ShowCSOption, ShowRelationshipGraphOption } from './options/render-options-registry';
+import { SendModelRendererAction } from './template/actions';
 
 let selectedNode: SNode | undefined
 
@@ -171,7 +172,10 @@ export class CSNodeView extends RectangularNodeView {
 @injectable()
 export class STPAGraphView<IRenderingArgs> extends SGraphView<IRenderingArgs> {
 
+    @inject(TYPES.IActionDispatcher) private actionDispatcher: IActionDispatcher;
+
     render(model: Readonly<SGraph>, context: RenderingContext, args?: IRenderingArgs): VNode {
+        this.actionDispatcher.dispatch(SendModelRendererAction.create(context as ModelRenderer))
         // if an STPANode is selected, the "connected" attribute is set for the nodes and edges connected to the selected node
         let allNodes: SNode[] = []
         collectAllChildren(model.children as SNode[], allNodes)

From a1ff40350a3ab1af575b3466d9609af496363fa2 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 18 May 2022 11:05:41 +0200
Subject: [PATCH 04/80] fixed invisble edges and labels due to rendering
 templates

---
 language-server/src/templates/templates.ts | 28 +++++---
 webview/src/options/options-renderer.tsx   | 32 ++++++---
 webview/src/template/actions.ts            | 16 +++--
 webview/src/template/template-panel.tsx    |  3 +-
 webview/src/template/template-registry.ts  | 12 +++-
 webview/src/views.tsx                      | 83 +++++++++++-----------
 6 files changed, 102 insertions(+), 72 deletions(-)

diff --git a/language-server/src/templates/templates.ts b/language-server/src/templates/templates.ts
index c710ce4a..b42bcf44 100644
--- a/language-server/src/templates/templates.ts
+++ b/language-server/src/templates/templates.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { SGraph, SModelElement } from 'sprotty-protocol'
+import { SGraph, SLabel, SModelElement } from 'sprotty-protocol'
 import { CSNode } from '../STPA-interfaces';
 import { CS_NODE_TYPE } from '../stpa-model';
 
@@ -26,25 +26,35 @@ export interface Template {
 
 const testGraph: Readonly<SModelElement> = {
     type: 'graph',
-    id: 'testTemplate',
+    id: 'tempGraph',
     children: [
         {
             type: CS_NODE_TYPE,
-            id: 'node1',
+            id: 'tempnode1',
             size: {width: 10, height: 10},
-            //position: {x: 0, y: 0},
-            children: []
+            children: [
+                {
+                    type:'label',
+                    id: 'tempLabel1',
+                    text: 'Controller'
+                } as SLabel
+            ]
         } as CSNode,
         {
             type: CS_NODE_TYPE,
-            id: 'node2',
+            id: 'tempnode2',
             size: {width: 10, height: 10},
-            //position: {x: 20, y: 0},
-            children: []
+            children: [
+                {
+                    type:'label',
+                    id: 'tempLabel2',
+                    text: 'Controlled Process'
+                } as SLabel
+            ]
         } as CSNode
     ] as SModelElement[],
     zoom: 1,
-    scroll: {x:0, y:0}
+    scroll: {x:0, y:0},
 } as SGraph
 
 export const TestTemplate: Template = {
diff --git a/webview/src/options/options-renderer.tsx b/webview/src/options/options-renderer.tsx
index 2fe74373..36bc4b0a 100644
--- a/webview/src/options/options-renderer.tsx
+++ b/webview/src/options/options-renderer.tsx
@@ -18,7 +18,7 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IActionDispatcher, ModelRenderer, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { html, IActionDispatcher, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import {
     SetRenderOptionAction,
     SetSynthesisOptionsAction,
@@ -35,6 +35,7 @@ import {
     TransformationOptionType,
     Template
 } from "./option-models";
+import { Bounds } from 'sprotty-protocol'
 
 interface AllOptions {
     synthesisOptions: SynthesisOption[];
@@ -43,13 +44,17 @@ interface AllOptions {
 /** Renderer that is capable of rendering different option models to jsx. */
 @injectable()
 export class OptionsRenderer {
-    @inject(TYPES.IActionDispatcher) actionDispatcher: IActionDispatcher;
-
-    renderer: ModelRenderer;
+    @inject(TYPES.IActionDispatcher) protected actionDispatcher: IActionDispatcher;
+    @inject(TYPES.IModelFactory) protected modelFactory: IModelFactory;
+    protected renderer: ModelRenderer;
+    protected bounds: Bounds;
 
     setRenderer(renderer: ModelRenderer) {
-        //this.renderer = renderer
-        this.renderer = new ModelRenderer(renderer.viewRegistry, renderer.targetKind, [])
+        this.renderer = renderer;
+    }
+    
+    setBounds(bounds: Bounds) {
+        this.bounds = bounds;
     }
 
     /**
@@ -159,13 +164,20 @@ export class OptionsRenderer {
         );
     }
 
+    /**
+     * Renders all templates provided by the server.
+     */
     renderTemplates(templates: Template[]): (VNode | "")[] | "" {
         if (templates.length === 0) return "";
 
-/*         const g: SModelElement = templates[0].graph as SModelElement
-        g.hasFeature(Symbol('isSelectable')) */
-        return templates.map(template =>
-            <div>{this.renderer?.renderElement(template.graph)}</div>);
+        // labels and edges are only visible if they are within the canvas bounds
+        for (const temp of templates) {
+            (temp.graph as SGraph).canvasBounds = this.bounds;
+        }
+
+        const res = templates.map(template =>
+            <div>{this.renderer?.renderElement(this.modelFactory.createRoot(template.graph))}</div>);
+        return res;
     }
 
     /** Renders render options that are stored in the client. */
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index df3df5fb..41dc399a 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -15,23 +15,25 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action } from "sprotty-protocol";
+import { Action, Bounds } from "sprotty-protocol";
 import { ModelRenderer } from "sprotty"
 
 /** Sent from the view. */
 export interface SendModelRendererAction extends Action {
-    kind: typeof SendModelRendererAction.KIND
-    renderer: ModelRenderer
+    kind: typeof SendModelRendererAction.KIND;
+    renderer: ModelRenderer;
+    bounds: Bounds;
 }
 
 export namespace SendModelRendererAction {
-    export const KIND = 'sendModelRendererAction'
+    export const KIND = 'sendModelRendererAction';
 
-    export function create(renderer: ModelRenderer): SendModelRendererAction {
+    export function create(renderer: ModelRenderer, bounds: Bounds): SendModelRendererAction {
         return {
             kind: KIND,
-            renderer
-        }
+            renderer,
+            bounds
+        };
     }
     
     export function isThisAction(action: Action): action is SendModelRendererAction {
diff --git a/webview/src/template/template-panel.tsx b/webview/src/template/template-panel.tsx
index be00e2cd..8a28aa84 100644
--- a/webview/src/template/template-panel.tsx
+++ b/webview/src/template/template-panel.tsx
@@ -38,7 +38,6 @@ export class TemplatePanel extends SidebarPanel {
     }
 
     get id(): string {
-        console.log(this.tempRegistry);
         return 'template-panel';
     }
 
@@ -47,7 +46,7 @@ export class TemplatePanel extends SidebarPanel {
     }
 
     get icon(): VNode {
-        return <FeatherIcon iconId={"code"}/>
+        return <FeatherIcon iconId={"code"}/>;
     }
 
     render(): VNode {
diff --git a/webview/src/template/template-registry.ts b/webview/src/template/template-registry.ts
index 8e227aec..7e378ee6 100644
--- a/webview/src/template/template-registry.ts
+++ b/webview/src/template/template-registry.ts
@@ -25,6 +25,11 @@ import { Template } from "../options/option-models";
 import { OptionsRenderer } from "../options/options-renderer";
 import { SendModelRendererAction } from "./actions";
 
+/**
+ * {@link Registry} that stores and manages STPA-DSL templates provided by the server.
+ *
+ * Acts as an action handler that handles UpdateOptionsActions. 
+ */
 @injectable()
 export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
 
@@ -49,7 +54,7 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
         if (UpdateOptionsAction.isThisAction(action)) {
             this.handleUpdateOptions(action);
         } else if (SendModelRendererAction.isThisAction(action)) {
-            this.handleSendModelRenderer(action)
+            this.handleSendModelRenderer(action);
         }
     }
 
@@ -57,12 +62,13 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
         this._templates = action.templates.map<Template>(temp => ({
             graph: temp.graph,
             code: temp.code
-        }))
+        }));
         this.notifyListeners();
     }
 
     private handleSendModelRenderer(action: SendModelRendererAction) {
-        this.optionsRenderer.setRenderer((action as SendModelRendererAction).renderer)
+        this.optionsRenderer.setRenderer((action as SendModelRendererAction).renderer);
+        this.optionsRenderer.setBounds((action as SendModelRendererAction).bounds);
     }
 
 }
\ No newline at end of file
diff --git a/webview/src/views.tsx b/webview/src/views.tsx
index e49555e9..6f12b5e9 100644
--- a/webview/src/views.tsx
+++ b/webview/src/views.tsx
@@ -27,12 +27,12 @@ import { DISymbol } from './di.symbols';
 import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry, ShowCSOption, ShowRelationshipGraphOption } from './options/render-options-registry';
 import { SendModelRendererAction } from './template/actions';
 
-let selectedNode: SNode | undefined
+let selectedNode: SNode | undefined;
 
 @injectable()
 export class PolylineArrowEdgeView extends PolylineEdgeView {
 
-    @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry
+    @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry;
 
     protected renderLine(edge: SEdge, segments: Point[], context: RenderingContext): VNode {
         const firstPoint = segments[0];
@@ -43,28 +43,28 @@ export class PolylineArrowEdgeView extends PolylineEdgeView {
         }
 
         // if an STPANode is selected, the components not connected to it should fade out
-        const hidden = edge.type == STPA_EDGE_TYPE && selectedNode && !(edge as STPAEdge).connected
+        const hidden = edge.type == STPA_EDGE_TYPE && selectedNode && !(edge as STPAEdge).connected;
    
-        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption)
-        const printEdge = colorStyle == "print"
-        const coloredEdge = colorStyle == "colorful"
+        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
+        const printEdge = colorStyle == "print";
+        const coloredEdge = colorStyle == "colorful";
         return <path class-print-edge={printEdge} class-stpa-edge={coloredEdge} class-hidden={hidden} aspect={(edge.source as STPANode).aspect } d={path} />;
     }
 
     protected renderAdditionals(edge: SEdge, segments: Point[], context: RenderingContext): VNode[] {
         // if an STPANode is selected, the components not connected to it should fade out
-        const hidden = edge.type == STPA_EDGE_TYPE && selectedNode && !(edge as STPAEdge).connected
+        const hidden = edge.type == STPA_EDGE_TYPE && selectedNode && !(edge as STPAEdge).connected;
         if (edge.type == STPA_EDGE_TYPE) {
-            (edge as STPAEdge).connected = false
+            (edge as STPAEdge).connected = false;
         }
 
         const p1 = segments[segments.length - 2];
         const p2 = segments[segments.length - 1];
 
-        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption)
-        const printEdge = colorStyle == "print"
-        const coloredEdge = colorStyle == "colorful" && edge.type != CS_EDGE_TYPE
-        const sprottyEdge = colorStyle == "standard" || (edge.type == CS_EDGE_TYPE && !printEdge)
+        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
+        const printEdge = colorStyle == "print";
+        const coloredEdge = colorStyle == "colorful" && edge.type != CS_EDGE_TYPE;
+        const sprottyEdge = colorStyle == "standard" || (edge.type == CS_EDGE_TYPE && !printEdge);
         return [
             <path class-print-edge-arrow={printEdge} class-stpa-edge-arrow={coloredEdge} class-hidden={hidden} aspect={(edge.source as STPANode).aspect}
                   class-sprotty-edge-arrow={sprottyEdge} d="M 6,-3 L 0,0 L 6,3 Z"
@@ -80,7 +80,7 @@ export class PolylineArrowEdgeView extends PolylineEdgeView {
 @injectable()
 export class STPANodeView extends RectangularNodeView  {
     
-    @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry
+    @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry;
 
     render(node: STPANode, context: RenderingContext): VNode {
         // create the element based on the option and the aspect of the node
@@ -88,47 +88,47 @@ export class STPANodeView extends RectangularNodeView  {
         if (this.renderOptionsRegistry.getValue(DifferentFormsOption)) {
             switch(node.aspect) {
                 case STPAAspect.LOSS: 
-                    element = renderTrapez(node)
+                    element = renderTrapez(node);
                     break
                 case STPAAspect.HAZARD: 
-                    element = renderRectangle(node)
+                    element = renderRectangle(node);
                     break
                 case STPAAspect.SYSTEMCONSTRAINT: 
-                    element = renderHexagon(node)
+                    element = renderHexagon(node);
                     break
                 case STPAAspect.RESPONSIBILITY:
-                    element = renderPentagon(node)
+                    element = renderPentagon(node);
                     break
                 case STPAAspect.UCA:
-                    element = renderCircle(node)
+                    element = renderCircle(node);
                     break
                 case STPAAspect.CONTROLLERCONSTRAINT:
-                    element = renderMirroredTriangle(node)
+                    element = renderMirroredTriangle(node);
                     break
                 case STPAAspect.SCENARIO:
-                    element = renderTriangle(node)
+                    element = renderTriangle(node);
                     break
                 case STPAAspect.SAFETYREQUIREMENT:
-                    element = renderDiamond(node)
+                    element = renderDiamond(node);
                     break
                 default: 
-                    element = renderRectangle(node)
+                    element = renderRectangle(node);
                     break
             }
         } else {
-            element = renderRectangle(node)
+            element = renderRectangle(node);
         }
 
         // if an STPANode is selected, the components not connected to it should fade out
-        const hidden = (selectedNode instanceof STPANode) && !node.connected
-        const parentNode = node.children.filter(child => child.type == STPA_NODE_TYPE).length != 0 && !hidden
-        node.connected = false
+        const hidden = (selectedNode instanceof STPANode) && !node.connected;
+        const parentNode = node.children.filter(child => child.type == STPA_NODE_TYPE).length != 0 && !hidden;
+        node.connected = false;
 
         // determines the color of the node
-        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption)
-        const printNode = colorStyle == "print"
-        const coloredNode = colorStyle == "colorful"
-        const sprottyNode = colorStyle == "standard"
+        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
+        const printNode = colorStyle == "print";
+        const coloredNode = colorStyle == "colorful";
+        const sprottyNode = colorStyle == "standard";
 
         return  <g  
                     class-print-node={printNode}
@@ -146,18 +146,18 @@ export class STPANodeView extends RectangularNodeView  {
 @injectable()
 export class CSNodeView extends RectangularNodeView {
     
-    @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry
+    @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry;
 
     render(node: SNode, context: RenderingContext): VNode {
         // hides the control structure and/or relationship graph if the corresponding option is set to false
         if (!this.renderOptionsRegistry.getValue(ShowCSOption) && (node.type == CS_NODE_TYPE || node.type == PARENT_TYPE && node.children.filter(child => child instanceof SNode)[0].type == CS_NODE_TYPE)
                 || !this.renderOptionsRegistry.getValue(ShowRelationshipGraphOption) && (node.type == STPA_NODE_TYPE || node.type == PARENT_TYPE && node.children.filter(child => child instanceof SNode)[0].type == STPA_NODE_TYPE)){
-            return <g></g>
+            return <g></g>;
         }
 
-        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption)
-        const printNode = colorStyle == "print"
-        const sprottyNode = colorStyle != "print"
+        const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
+        const printNode = colorStyle == "print";
+        const sprottyNode = colorStyle != "print";
         return <g>
             <rect class-parent-node={node.type == PARENT_TYPE} class-print-node={printNode}
                   class-sprotty-node={sprottyNode} class-sprotty-port={node instanceof SPort}
@@ -175,16 +175,17 @@ export class STPAGraphView<IRenderingArgs> extends SGraphView<IRenderingArgs> {
     @inject(TYPES.IActionDispatcher) private actionDispatcher: IActionDispatcher;
 
     render(model: Readonly<SGraph>, context: RenderingContext, args?: IRenderingArgs): VNode {
-        this.actionDispatcher.dispatch(SendModelRendererAction.create(context as ModelRenderer))
+        // to render the template panel the modelrenderer and the canvasbounds are needed
+        this.actionDispatcher.dispatch(SendModelRendererAction.create(context as ModelRenderer, model.canvasBounds));
         // if an STPANode is selected, the "connected" attribute is set for the nodes and edges connected to the selected node
-        let allNodes: SNode[] = []
-        collectAllChildren(model.children as SNode[], allNodes)
-        selectedNode = getSelectedNode(allNodes)
+        let allNodes: SNode[] = [];
+        collectAllChildren(model.children as SNode[], allNodes);
+        selectedNode = getSelectedNode(allNodes);
         if (selectedNode instanceof STPANode) {
-            flagConnectedElements(selectedNode)
+            flagConnectedElements(selectedNode);
         }
 
-        return super.render(model, context, args)
+        return super.render(model, context, args);
     }
 
 }
\ No newline at end of file

From 7e3e2825c26f1b5f4648604223b15377f40ae89a Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 18 May 2022 13:32:30 +0200
Subject: [PATCH 05/80] restructured template code

---
 language-server/src/options/actions.ts     | 22 +++---
 language-server/src/stpa-diagramServer.ts  | 20 +++---
 language-server/src/templates/actions.ts   | 42 ++++++++++++
 language-server/src/templates/templates.ts | 78 +++++++++++++++++++---
 webview/src/di.symbols.ts                  |  1 +
 webview/src/options/actions.ts             | 39 +++++------
 webview/src/options/option-models.ts       | 26 +++-----
 webview/src/options/options-module.ts      | 16 +++--
 webview/src/options/options-renderer.tsx   | 35 +---------
 webview/src/template/actions.ts            | 24 +++++++
 webview/src/template/mouselistener.ts      | 28 ++++++++
 webview/src/template/template-models.ts    | 23 +++++++
 webview/src/template/template-panel.tsx    |  8 +--
 webview/src/template/template-registry.ts  | 24 +++----
 webview/src/template/template-renderer.tsx | 58 ++++++++++++++++
 15 files changed, 324 insertions(+), 120 deletions(-)
 create mode 100644 language-server/src/templates/actions.ts
 create mode 100644 webview/src/template/mouselistener.ts
 create mode 100644 webview/src/template/template-models.ts
 create mode 100644 webview/src/template/template-renderer.tsx

diff --git a/language-server/src/options/actions.ts b/language-server/src/options/actions.ts
index 05615193..05d11cff 100644
--- a/language-server/src/options/actions.ts
+++ b/language-server/src/options/actions.ts
@@ -16,31 +16,27 @@
  */
 
 import { Action } from "sprotty-protocol";
-import { Template } from "../templates/templates";
 import { SynthesisOption, ValuedSynthesisOption } from "./option-models";
 
 /** Request message from the server to update the diagram options widget on the client. */
 export interface UpdateOptionsAction extends Action {
-    kind: typeof UpdateOptionsAction.KIND
-    valuedSynthesisOptions: ValuedSynthesisOption[]
-    templates: Template[]
-    clientId: string
+    kind: typeof UpdateOptionsAction.KIND;
+    valuedSynthesisOptions: ValuedSynthesisOption[];
+    clientId: string;
 }
 
 export namespace UpdateOptionsAction {
-    export const KIND = "updateOptions"
+    export const KIND = "updateOptions";
 
     export function create(
         valuedSynthesisOptions: ValuedSynthesisOption[],
-        templates: Template[],
         clientId: string,
     ): UpdateOptionsAction {
         return {
             kind: KIND,
             valuedSynthesisOptions,
-            templates,
             clientId,
-        }
+        };
     }
 
     export function isThisAction(action: Action): action is UpdateOptionsAction {
@@ -51,18 +47,18 @@ export namespace UpdateOptionsAction {
 
 /** Change the value of one or multiple synthesis options. */
 export interface SetSynthesisOptionsAction extends Action {
-    kind: typeof SetSynthesisOptionsAction.KIND
-    options: SynthesisOption[]
+    kind: typeof SetSynthesisOptionsAction.KIND;
+    options: SynthesisOption[];
 }
 
 export namespace SetSynthesisOptionsAction {
-    export const KIND = "setSynthesisOptions"
+    export const KIND = "setSynthesisOptions";
 
     export function create(options: SynthesisOption[]): SetSynthesisOptionsAction {
         return {
             kind: KIND,
             options,
-        }
+        };
     }
 
     export function isThisAction(action: Action): action is SetSynthesisOptionsAction {
diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 0f526fc7..09df53bb 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -18,7 +18,8 @@
 import { Action, applyBounds, DiagramServer, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction, RequestBoundsAction, ComputedBoundsAction } from 'sprotty-protocol'
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions'
 import { StpaSynthesisOptions } from './options/synthesis-options';
-import { Template, TestTemplate } from './templates/templates';
+import { UpdateTemplatesAction } from './templates/actions';
+import { Template, TestTemplate1, TestTemplate2 } from './templates/templates';
 
 export class StpaDiagramServer extends DiagramServer {
 
@@ -33,7 +34,8 @@ export class StpaDiagramServer extends DiagramServer {
         this.stpaOptions = synthesisOptions;
         this.clientId = clientId;
         this.options = options;
-        this.templates = [TestTemplate]
+        //TODO: more generic
+        this.templates = [TestTemplate1, TestTemplate2];
     }
 
     accept(action: Action): Promise<void> {
@@ -72,20 +74,18 @@ export class StpaDiagramServer extends DiagramServer {
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
-        // send the avaiable syntheses options to the client before handling the request model action
-        const test =this.templates[0].graph
-/*         this.dispatch({
-            kind: RequestBoundsAction.KIND,
-            newRoot: this.templates[0].graph
-        } as RequestBoundsAction) */
-
+        // TODO: generic code + size computation
+        const test = this.templates[0].graph;
         const request = RequestBoundsAction.create(test);
         const response = await this.request<ComputedBoundsAction>(request);
         applyBounds(test, response);
         const newRoot = await this.layoutEngine?.layout(test);
         this.templates[0].graph = newRoot!
 
-        this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), templates: this.templates, clientId: this.clientId });
+        // send the avaiable templates to the client before handling the request model action
+        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: this.templates });
+        // send the avaiable syntheses options to the client before handling the request model action
+        this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), clientId: this.clientId });
         super.handleRequestModel(action);
     }
 
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
new file mode 100644
index 00000000..4baaee43
--- /dev/null
+++ b/language-server/src/templates/actions.ts
@@ -0,0 +1,42 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { Action } from "sprotty-protocol";
+import { Template } from "../templates/templates";
+
+/** Request message from the server to update the diagram options widget on the client. */
+export interface UpdateTemplatesAction extends Action {
+    kind: typeof UpdateTemplatesAction.KIND;
+    templates: Template[];
+}
+
+export namespace UpdateTemplatesAction {
+    export const KIND = "updateTemplates";
+
+    export function create(
+        templates: Template[],
+    ): UpdateTemplatesAction {
+        return {
+            kind: KIND,
+            templates,
+        };
+    }
+
+    export function isThisAction(action: Action): action is UpdateTemplatesAction {
+        return action.kind === UpdateTemplatesAction.KIND;
+    }
+}
\ No newline at end of file
diff --git a/language-server/src/templates/templates.ts b/language-server/src/templates/templates.ts
index b42bcf44..9e174434 100644
--- a/language-server/src/templates/templates.ts
+++ b/language-server/src/templates/templates.ts
@@ -15,23 +15,30 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { SGraph, SLabel, SModelElement } from 'sprotty-protocol'
-import { CSNode } from '../STPA-interfaces';
-import { CS_NODE_TYPE } from '../stpa-model';
+import { /* ModelLayoutOptions, */ SGraph, SLabel, SModelElement } from 'sprotty-protocol'
+import { CSEdge, CSNode } from '../STPA-interfaces';
+import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from '../stpa-model';
 
 export interface Template {
     graph: Readonly<SModelElement>;
     code: string;
 }
 
-const testGraph: Readonly<SModelElement> = {
+const testGraph1: Readonly<SModelElement> = {
     type: 'graph',
     id: 'tempGraph',
+/*     layoutOptions: {
+        'org.eclipse.elk.separateConnectedComponents': 'false',
+        'org.eclipse.elk.layered.crossingMinimization.semiInteractive': 'true',
+        'cycleBreaking.strategy': 'INTERACTIVE',
+        'layering.strategy': 'INTERACTIVE'
+    } as ModelLayoutOptions, */
     children: [
         {
             type: CS_NODE_TYPE,
             id: 'tempnode1',
             size: {width: 10, height: 10},
+            //position: {x: 0, y: 0},
             children: [
                 {
                     type:'label',
@@ -44,6 +51,7 @@ const testGraph: Readonly<SModelElement> = {
             type: CS_NODE_TYPE,
             id: 'tempnode2',
             size: {width: 10, height: 10},
+            //position: {x: 0, y: 100},
             children: [
                 {
                     type:'label',
@@ -51,13 +59,67 @@ const testGraph: Readonly<SModelElement> = {
                     text: 'Controlled Process'
                 } as SLabel
             ]
+        } as CSNode,
+        {
+            type: CS_EDGE_TYPE,
+            id: 'tempedge1',
+            sourceId: 'tempnode1',
+            targetId: 'tempnode2',
+            direction: EdgeDirection.DOWN,
+            children: [
+                {
+                    type:'label:xref',
+                    id: 'tempLabel3',
+                    text: 'control action'
+                } as SLabel
+            ]
+        } as CSEdge,
+        {
+            type: CS_EDGE_TYPE,
+            id: 'tempedge2',
+            sourceId: 'tempnode2',
+            targetId: 'tempnode1',
+            direction: EdgeDirection.UP,
+            children: [
+                {
+                    type:'label:xref',
+                    id: 'tempLabel4',
+                    text: 'feedback'
+                } as SLabel
+            ]
+        } as CSEdge
+    ] as SModelElement[],
+    zoom: 0.8,
+    scroll: {x:0, y:0},
+} as SGraph
+
+export const TestTemplate1: Template = {
+    graph: testGraph1,
+    code: 'testString1'
+}
+
+const testGraph2: Readonly<SModelElement> = {
+    type: 'graph',
+    id: 'tempGraph2',
+    children: [
+        {
+            type: CS_NODE_TYPE,
+            id: 'tempnode21',
+            size: {width: 10, height: 10},
+            children: [
+                {
+                    type:'label',
+                    id: 'tempLabel21',
+                    text: 'Controller'
+                } as SLabel
+            ]
         } as CSNode
     ] as SModelElement[],
-    zoom: 1,
+    zoom: 0.8,
     scroll: {x:0, y:0},
 } as SGraph
 
-export const TestTemplate: Template = {
-    graph: testGraph,
-    code: 'testString'
+export const TestTemplate2: Template = {
+    graph: testGraph2,
+    code: 'testString2'
 }
\ No newline at end of file
diff --git a/webview/src/di.symbols.ts b/webview/src/di.symbols.ts
index 1d85ffef..45215111 100644
--- a/webview/src/di.symbols.ts
+++ b/webview/src/di.symbols.ts
@@ -22,6 +22,7 @@ export const DISymbol = {
     SidebarPanelRegistry: Symbol("SidebarPanelRegistry"),
 
     OptionsRenderer: Symbol("OptionsRenderer"),
+    TemplateRenderer: Symbol("TemplateRenderer"),
     OptionsRegistry: Symbol("OptionsRegistry"),
     RenderOptionsRegistry: Symbol("RenderOptionsRegistry"),
     TemplateRegistry: Symbol("TemplateRegistry"),
diff --git a/webview/src/options/actions.ts b/webview/src/options/actions.ts
index 03e0ca54..4550c14a 100644
--- a/webview/src/options/actions.ts
+++ b/webview/src/options/actions.ts
@@ -16,24 +16,24 @@
  */
 
 import { Action } from "sprotty-protocol";
-import { SynthesisOption, Template, ValuedSynthesisOption } from "./option-models";
+import { SynthesisOption, ValuedSynthesisOption } from "./option-models";
 
 /** Change the value of one or multiple render options. */
 export interface SetRenderOptionAction extends Action {
-    kind: typeof SetRenderOptionAction.KIND
-    id: string
-    value: unknown
+    kind: typeof SetRenderOptionAction.KIND;
+    id: string;
+    value: unknown;
 }
 
 export namespace SetRenderOptionAction {
-    export const KIND = "setRenderOption"
+    export const KIND = "setRenderOption";
 
     export function create(id: string, value: unknown): SetRenderOptionAction {
         return {
             kind: KIND,
             id,
             value
-        }
+        };
     }
 
     export function isThisAction(action: Action): action is SetRenderOptionAction {
@@ -43,16 +43,16 @@ export namespace SetRenderOptionAction {
 
 /** Resets all render options to default. */
 export interface ResetRenderOptionsAction extends Action {
-    kind: typeof ResetRenderOptionsAction.KIND
+    kind: typeof ResetRenderOptionsAction.KIND;
 }
 
 export namespace ResetRenderOptionsAction {
-    export const KIND = "resetRenderOptions"
+    export const KIND = "resetRenderOptions";
 
     export function create(): ResetRenderOptionsAction {
         return {
             kind: KIND,
-        }
+        };
     }
 
     export function isThisAction(action: Action): action is ResetRenderOptionsAction {
@@ -62,26 +62,23 @@ export namespace ResetRenderOptionsAction {
 
 /** Request message from the server to update the diagram options widget on the client. */
 export interface UpdateOptionsAction extends Action {
-    kind: typeof UpdateOptionsAction.KIND
-    valuedSynthesisOptions: ValuedSynthesisOption[]
-    templates: Template[]
-    clientId: string
+    kind: typeof UpdateOptionsAction.KIND;
+    valuedSynthesisOptions: ValuedSynthesisOption[];
+    clientId: string;
 }
 
 export namespace UpdateOptionsAction {
-    export const KIND = "updateOptions"
+    export const KIND = "updateOptions";
 
     export function create(
         valuedSynthesisOptions: ValuedSynthesisOption[],
-        templates: Template[],
         clientId: string,
     ): UpdateOptionsAction {
         return {
             kind: KIND,
             valuedSynthesisOptions,
-            templates,
             clientId,
-        }
+        };
     }
 
     export function isThisAction(action: Action): action is UpdateOptionsAction {
@@ -92,18 +89,18 @@ export namespace UpdateOptionsAction {
 
 /** Change the value of one or multiple synthesis options. */
 export interface SetSynthesisOptionsAction extends Action {
-    kind: typeof SetSynthesisOptionsAction.KIND
-    options: SynthesisOption[]
+    kind: typeof SetSynthesisOptionsAction.KIND;
+    options: SynthesisOption[];
 }
 
 export namespace SetSynthesisOptionsAction {
-    export const KIND = "setSynthesisOptions"
+    export const KIND = "setSynthesisOptions";
 
     export function create(options: SynthesisOption[]): SetSynthesisOptionsAction {
         return {
             kind: KIND,
             options,
-        }
+        };
     }
 
     export function isThisAction(action: Action): action is SetSynthesisOptionsAction {
diff --git a/webview/src/options/option-models.ts b/webview/src/options/option-models.ts
index 650e6df1..e0016eb6 100644
--- a/webview/src/options/option-models.ts
+++ b/webview/src/options/option-models.ts
@@ -15,7 +15,6 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { SModelElement } from "sprotty";
 
 /** Base option that can be rendered as an ui input*/
 export interface RenderOption {
@@ -36,24 +35,24 @@ export interface ChoiceRenderOption extends RenderOption {
  * This is the counterpart to the language server implementation of the SynthesisOption.
  */
  export interface SynthesisOption extends RenderOption {
-    values: any[]
-    category?: SynthesisOption
+    values: any[];
+    category?: SynthesisOption;
 }
 
 /**
  * This is just a SynthesisOption with the ability to represent its current value.
  */
 export interface ValuedSynthesisOption {
-    synthesisOption: SynthesisOption
-    currentValue: any
+    synthesisOption: SynthesisOption;
+    currentValue: any;
 }
 
 /**
  * A SynthesisOption with the RANGE type.
  */
 export interface RangeOption extends SynthesisOption {
-    range: Range
-    stepSize: number
+    range: Range;
+    stepSize: number;
 }
 
 /**
@@ -72,19 +71,14 @@ export enum TransformationOptionType {
  * A value range between a first and second value.
  */
  export interface Range {
-    first: number
-    second: number
+    first: number;
+    second: number;
 }
 
 /**
  * A key-value pair matching the interface of org.eclipse.xtext.xbase.lib.Pair
  */
 export interface Pair<K, V> {
-    k: K
-    v: V
-}
-
-export class Template {
-    graph: Readonly<SModelElement>;
-    code: string;
+    k: K;
+    v: V;
 }
diff --git a/webview/src/options/options-module.ts b/webview/src/options/options-module.ts
index 0cb5bcc7..dcc685c5 100644
--- a/webview/src/options/options-module.ts
+++ b/webview/src/options/options-module.ts
@@ -25,7 +25,9 @@ import { RenderOptionsRegistry } from "./render-options-registry";
 import { OptionsRegistry } from "./options-registry";
 import { OptionsPanel } from "./options-panel";
 import { TemplatePanel } from "../template/template-panel";
+import { TemplateRenderer } from "../template/template-renderer";
 import { TemplateRegistry } from "../template/template-registry";
+import { TemplateMouseListener } from "../template/mouselistener";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
@@ -35,17 +37,23 @@ export const optionsModule = new ContainerModule((bind, _, isBound) => {
     bind(OptionsPanel).toSelf().inSingletonScope();
     bind(DISymbol.SidebarPanel).toService(OptionsPanel);
 
-    bind(TemplatePanel).toSelf().inSingletonScope();
-    bind(DISymbol.SidebarPanel).toService(TemplatePanel);
-
     bind(DISymbol.OptionsRenderer).to(OptionsRenderer).inSingletonScope();
     bind(DISymbol.OptionsRegistry).to(OptionsRegistry).inSingletonScope();
-    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.OptionsRegistry);
+    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.OptionsRegistry);    
 
     bind(DISymbol.RenderOptionsRegistry).to(RenderOptionsRegistry).inSingletonScope();
+
+    // TODO: create module for templates
+    bind(TemplatePanel).toSelf().inSingletonScope();
+    bind(DISymbol.SidebarPanel).toService(TemplatePanel);
+
+    bind(DISymbol.TemplateRenderer).to(TemplateRenderer).inSingletonScope();
+
     bind(DISymbol.TemplateRegistry).to(TemplateRegistry).inSingletonScope();
     bind(TYPES.IActionHandlerInitializer).toService(DISymbol.TemplateRegistry);
 
+    bind(TYPES.MouseListener).to(TemplateMouseListener);
+
     const ctx = { bind, isBound };
     configureActionHandler(ctx, SetRenderOptionAction.KIND, DISymbol.RenderOptionsRegistry);
     configureActionHandler(ctx, ResetRenderOptionsAction.KIND, DISymbol.RenderOptionsRegistry);
diff --git a/webview/src/options/options-renderer.tsx b/webview/src/options/options-renderer.tsx
index 36bc4b0a..82523588 100644
--- a/webview/src/options/options-renderer.tsx
+++ b/webview/src/options/options-renderer.tsx
@@ -18,7 +18,7 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IActionDispatcher, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { html, IActionDispatcher, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import {
     SetRenderOptionAction,
     SetSynthesisOptionsAction,
@@ -32,10 +32,8 @@ import {
     RenderOption,
     RangeOption as RangeOptionData,
     SynthesisOption,
-    TransformationOptionType,
-    Template
+    TransformationOptionType
 } from "./option-models";
-import { Bounds } from 'sprotty-protocol'
 
 interface AllOptions {
     synthesisOptions: SynthesisOption[];
@@ -45,17 +43,6 @@ interface AllOptions {
 @injectable()
 export class OptionsRenderer {
     @inject(TYPES.IActionDispatcher) protected actionDispatcher: IActionDispatcher;
-    @inject(TYPES.IModelFactory) protected modelFactory: IModelFactory;
-    protected renderer: ModelRenderer;
-    protected bounds: Bounds;
-
-    setRenderer(renderer: ModelRenderer) {
-        this.renderer = renderer;
-    }
-    
-    setBounds(bounds: Bounds) {
-        this.bounds = bounds;
-    }
 
     /**
      * Renders all diagram options that are provided by the server. This includes
@@ -164,22 +151,6 @@ export class OptionsRenderer {
         );
     }
 
-    /**
-     * Renders all templates provided by the server.
-     */
-    renderTemplates(templates: Template[]): (VNode | "")[] | "" {
-        if (templates.length === 0) return "";
-
-        // labels and edges are only visible if they are within the canvas bounds
-        for (const temp of templates) {
-            (temp.graph as SGraph).canvasBounds = this.bounds;
-        }
-
-        const res = templates.map(template =>
-            <div>{this.renderer?.renderElement(this.modelFactory.createRoot(template.graph))}</div>);
-        return res;
-    }
-
     /** Renders render options that are stored in the client. */
     renderRenderOptions(renderOptions: RenderOption[]): (VNode | "")[] | "" {
         if (renderOptions.length === 0) return "";
@@ -208,7 +179,7 @@ export class OptionsRenderer {
                             onChange={this.handleRenderOptionChange.bind(this, option)}
                             availableValues = {(option as ChoiceRenderOption).availableValues}
                         />
-                    )
+                    );
                 default:
                     console.error("Unsupported option type for option:", option.name);
                     return "";
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index 41dc399a..22cf16a8 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -17,6 +17,7 @@
 
 import { Action, Bounds } from "sprotty-protocol";
 import { ModelRenderer } from "sprotty"
+import { Template } from "./template-models";
 
 /** Sent from the view. */
 export interface SendModelRendererAction extends Action {
@@ -39,4 +40,27 @@ export namespace SendModelRendererAction {
     export function isThisAction(action: Action): action is SendModelRendererAction {
         return action.kind === SendModelRendererAction.KIND;
     }
+}
+
+/** Request message from the server to update the diagram options widget on the client. */
+export interface UpdateTemplatesAction extends Action {
+    kind: typeof UpdateTemplatesAction.KIND;
+    templates: Template[];
+}
+
+export namespace UpdateTemplatesAction {
+    export const KIND = "updateTemplates";
+
+    export function create(
+        templates: Template[],
+    ): UpdateTemplatesAction {
+        return {
+            kind: KIND,
+            templates,
+        };
+    }
+
+    export function isThisAction(action: Action): action is UpdateTemplatesAction {
+        return action.kind === UpdateTemplatesAction.KIND;
+    }
 }
\ No newline at end of file
diff --git a/webview/src/template/mouselistener.ts b/webview/src/template/mouselistener.ts
new file mode 100644
index 00000000..837fe2ad
--- /dev/null
+++ b/webview/src/template/mouselistener.ts
@@ -0,0 +1,28 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { MouseListener, SModelElement } from "sprotty";
+import { Action } from "sprotty-protocol";
+
+export class TemplateMouseListener extends MouseListener {
+
+    mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
+        console.log("test");
+        return [];
+    }
+
+}
\ No newline at end of file
diff --git a/webview/src/template/template-models.ts b/webview/src/template/template-models.ts
new file mode 100644
index 00000000..01017b9f
--- /dev/null
+++ b/webview/src/template/template-models.ts
@@ -0,0 +1,23 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { SModelElement } from "sprotty";
+
+export class Template {
+    graph: Readonly<SModelElement>;
+    code: string;
+}
diff --git a/webview/src/template/template-panel.tsx b/webview/src/template/template-panel.tsx
index 8a28aa84..45b38f67 100644
--- a/webview/src/template/template-panel.tsx
+++ b/webview/src/template/template-panel.tsx
@@ -21,16 +21,16 @@ import { html } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unu
 import { inject, injectable, postConstruct } from "inversify";
 import { SidebarPanel } from "../sidebar";
 import { DISymbol } from "../di.symbols";
-import { OptionsRenderer } from "../options/options-renderer";
 import { FeatherIcon } from "../feather-icons-snabbdom/feather-icons-snabbdom";
 import { TemplateRegistry } from "./template-registry";
+import { TemplateRenderer } from "./template-renderer";
 
-/** Sidebar panel that displays server provided STPA-DSL templates.  */
+/** Sidebar panel that displays server provided templates.  */
 @injectable()
 export class TemplatePanel extends SidebarPanel {
 
     @inject(DISymbol.TemplateRegistry) private tempRegistry: TemplateRegistry;
-    @inject(DISymbol.OptionsRenderer) private optionsRenderer: OptionsRenderer;
+    @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
 
     @postConstruct()
     init(): void {
@@ -51,7 +51,7 @@ export class TemplatePanel extends SidebarPanel {
 
     render(): VNode {
         return this.tempRegistry.hasTemplateOptions() ? (
-            this.optionsRenderer.renderTemplates(this.tempRegistry.templates)
+            this.templateRenderer.renderTemplates(this.tempRegistry.templates)
         ) : (
             <span>No templates provided by the diagram server.</span>
         );
diff --git a/webview/src/template/template-registry.ts b/webview/src/template/template-registry.ts
index 7e378ee6..b56325ee 100644
--- a/webview/src/template/template-registry.ts
+++ b/webview/src/template/template-registry.ts
@@ -20,20 +20,20 @@ import { ActionHandlerRegistry, IActionHandlerInitializer, ICommand } from "spro
 import { Action } from "sprotty-protocol";
 import { Registry } from "../base/registry";
 import { DISymbol } from "../di.symbols";
-import { UpdateOptionsAction } from "../options/actions";
-import { Template } from "../options/option-models";
-import { OptionsRenderer } from "../options/options-renderer";
-import { SendModelRendererAction } from "./actions";
+import { SendModelRendererAction, UpdateTemplatesAction } from "./actions";
+import { Template } from "./template-models";
+import { TemplateRenderer } from "./template-renderer";
 
 /**
- * {@link Registry} that stores and manages STPA-DSL templates provided by the server.
+ * {@link Registry} that stores and manages templates provided by the server.
  *
- * Acts as an action handler that handles UpdateOptionsActions. 
+ * Acts as an action handler that handles UpdateTemplateActions. 
  */
 @injectable()
 export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
+    readonly position = -10;
 
-    @inject(DISymbol.OptionsRenderer) private optionsRenderer: OptionsRenderer;
+    @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
     
     private _templates: Template[] = [];
 
@@ -46,19 +46,19 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
     }
 
     initialize(registry: ActionHandlerRegistry): void {
-        registry.register(UpdateOptionsAction.KIND, this);
+        registry.register(UpdateTemplatesAction.KIND, this);
         registry.register(SendModelRendererAction.KIND, this);
     }
 
     handle(action: Action): void | Action | ICommand {
-        if (UpdateOptionsAction.isThisAction(action)) {
+        if (UpdateTemplatesAction.isThisAction(action)) {
             this.handleUpdateOptions(action);
         } else if (SendModelRendererAction.isThisAction(action)) {
             this.handleSendModelRenderer(action);
         }
     }
 
-    private handleUpdateOptions(action: UpdateOptionsAction): void {
+    private handleUpdateOptions(action: UpdateTemplatesAction): void {
         this._templates = action.templates.map<Template>(temp => ({
             graph: temp.graph,
             code: temp.code
@@ -67,8 +67,8 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
     }
 
     private handleSendModelRenderer(action: SendModelRendererAction) {
-        this.optionsRenderer.setRenderer((action as SendModelRendererAction).renderer);
-        this.optionsRenderer.setBounds((action as SendModelRendererAction).bounds);
+        this.templateRenderer.setRenderer((action as SendModelRendererAction).renderer);
+        this.templateRenderer.setBounds((action as SendModelRendererAction).bounds);
     }
 
 }
\ No newline at end of file
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
new file mode 100644
index 00000000..0c2ba8e4
--- /dev/null
+++ b/webview/src/template/template-renderer.tsx
@@ -0,0 +1,58 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+/** @jsx html */
+import { inject, injectable } from "inversify";
+import { VNode } from "snabbdom";
+import { html, IActionDispatcher, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { Bounds } from 'sprotty-protocol'
+import { Template } from "./template-models";
+
+
+/** Renderer that is capable of rendering templates to jsx. */
+@injectable()
+export class TemplateRenderer {
+    @inject(TYPES.IActionDispatcher) protected actionDispatcher: IActionDispatcher;
+    @inject(TYPES.IModelFactory) protected modelFactory: IModelFactory;
+    protected renderer: ModelRenderer;
+    protected bounds: Bounds;
+
+    setRenderer(renderer: ModelRenderer) {
+        this.renderer = renderer;
+    }
+    
+    setBounds(bounds: Bounds) {
+        this.bounds = bounds;
+    }
+
+    /**
+     * Renders all templates provided by the server.
+     */
+    renderTemplates(templates: Template[]): (VNode | "")[] | "" {
+        if (templates.length === 0) return "";
+
+        // labels and edges are only visible if they are within the canvas bounds
+        for (const temp of templates) {
+            (temp.graph as SGraph).canvasBounds = this.bounds;
+        }
+
+        const res = templates.map(template =>
+            <div>{this.renderer?.renderElement(this.modelFactory.createRoot(template.graph))}</div>);
+        return res;
+    }
+
+}

From c406608fbbfa23405aa2083acce7545f68956c2c Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Thu, 19 May 2022 13:40:27 +0200
Subject: [PATCH 06/80] added workspaceedit when clicking on template

---
 extension/src/language-extension.ts           | 36 ++++++++-
 language-server/src/stpa-diagramServer.ts     | 31 ++------
 language-server/src/stpa-module.ts            |  2 +-
 language-server/src/templates/actions.ts      | 25 +++++++
 .../src/templates/template-diagram-server.ts  | 73 +++++++++++++++++++
 webview/src/options/options-module.ts         |  2 +-
 webview/src/template/actions.ts               | 25 +++++++
 ...elistener.ts => template-mouselistener.ts} | 14 +++-
 webview/src/template/template-registry.ts     | 12 ++-
 yarn.lock                                     |  6 +-
 10 files changed, 192 insertions(+), 34 deletions(-)
 create mode 100644 language-server/src/templates/template-diagram-server.ts
 rename webview/src/template/{mouselistener.ts => template-mouselistener.ts} (55%)

diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 3b4aaff3..6f00e74c 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -27,6 +27,39 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
  
     constructor(context: vscode.ExtensionContext) {
         super('stpa', context);
+        this.languageClient.onReady().then(() => {
+            this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this))
+        })
+    }
+
+    /**
+     * Handle WorkSpaceEdit notifications form the langauge server
+     * @param msg Message contianing the uri of the document, the text to insert, and the position in the document ot insert it to.
+     */
+    private async handleWorkSpaceEdit(msg: {uri: string, text: string, position: vscode.Position}) {
+        const textDocument = vscode.workspace.textDocuments.find(
+            (doc) => doc.uri.toString() === vscode.Uri.parse(msg.uri).toString()
+        );
+        if(!textDocument) {
+            console.error(
+                `Server requested a text edit but the requested uri was not found among the known documents: ${msg.uri}`
+            );
+            return;
+        }
+        const workSpaceEdit = new vscode.WorkspaceEdit();
+        const pos = this.languageClient.protocol2CodeConverter.asPosition(msg.position);
+        const edits: vscode.TextEdit[] = [vscode.TextEdit.insert(pos, msg.text)];
+        workSpaceEdit.set(textDocument.uri, edits);
+
+        // Apply and save the edit. Report possible failures.
+        const edited = await vscode.workspace.applyEdit(workSpaceEdit);
+        if (!edited) {
+            console.error("Workspace edit could not be applied!");
+            return;
+        }
+
+        //await textDocument.save();
+        return;
     }
 
     protected registerCommands() {
@@ -60,7 +93,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         });
         webview.addActionHandler(WorkspaceEditActionHandler);
         webview.addActionHandler(LspLabelEditActionHandler);
-        this.singleton = webview
+        this.singleton = webview;
         return webview;
     }
 
@@ -100,6 +133,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
 
         // Start the client. This will also launch the server
         context.subscriptions.push(languageClient.start());
+        // TODO: should already work automatically. does not work on windows due to representation of path -> '%3A' is used instead of ':' in one of the uris.
         // diagram is updated when file changes
         fileSystemWatcher.onDidChange(() => 
             {
diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 09df53bb..967f4fbb 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -15,27 +15,22 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action, applyBounds, DiagramServer, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction, RequestBoundsAction, ComputedBoundsAction } from 'sprotty-protocol'
+import { Action, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol'
+import { Connection } from 'vscode-languageserver';
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions'
 import { StpaSynthesisOptions } from './options/synthesis-options';
-import { UpdateTemplatesAction } from './templates/actions';
-import { Template, TestTemplate1, TestTemplate2 } from './templates/templates';
+import { TemplateDiagramServer } from './templates/template-diagram-server';
+import { TestTemplate1, TestTemplate2 } from './templates/templates';
 
-export class StpaDiagramServer extends DiagramServer {
+export class StpaDiagramServer extends TemplateDiagramServer {
 
     private stpaOptions: StpaSynthesisOptions;
-    private clientId: string;
-    private options: JsonMap | undefined;
-    private templates: Template[];
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined) {
-        super(dispatch, services);
+        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined) {
+        // TODO: replace testtemplates with generic/default templates
+        super(dispatch, services, clientId, [TestTemplate1, TestTemplate2], options, connection);
         this.stpaOptions = synthesisOptions;
-        this.clientId = clientId;
-        this.options = options;
-        //TODO: more generic
-        this.templates = [TestTemplate1, TestTemplate2];
     }
 
     accept(action: Action): Promise<void> {
@@ -74,16 +69,6 @@ export class StpaDiagramServer extends DiagramServer {
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
-        // TODO: generic code + size computation
-        const test = this.templates[0].graph;
-        const request = RequestBoundsAction.create(test);
-        const response = await this.request<ComputedBoundsAction>(request);
-        applyBounds(test, response);
-        const newRoot = await this.layoutEngine?.layout(test);
-        this.templates[0].graph = newRoot!
-
-        // send the avaiable templates to the client before handling the request model action
-        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: this.templates });
         // send the avaiable syntheses options to the client before handling the request model action
         this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), clientId: this.clientId });
         super.handleRequestModel(action);
diff --git a/language-server/src/stpa-module.ts b/language-server/src/stpa-module.ts
index 60e16787..f7b744d7 100644
--- a/language-server/src/stpa-module.ts
+++ b/language-server/src/stpa-module.ts
@@ -99,7 +99,7 @@ export const stpaDiagramServerFactory =
         }
         return new StpaDiagramServer(async action => {
             connection?.sendNotification(DiagramActionNotification.type, { clientId, action });
-        }, language.diagram, language.options.StpaSynthesisOptions, clientId, options);
+        }, language.diagram, language.options.StpaSynthesisOptions, clientId, options, connection);
     };
 };
 
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index 4baaee43..aa52c728 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -22,6 +22,7 @@ import { Template } from "../templates/templates";
 export interface UpdateTemplatesAction extends Action {
     kind: typeof UpdateTemplatesAction.KIND;
     templates: Template[];
+    clientId: string;
 }
 
 export namespace UpdateTemplatesAction {
@@ -29,14 +30,38 @@ export namespace UpdateTemplatesAction {
 
     export function create(
         templates: Template[],
+        clientId: string
     ): UpdateTemplatesAction {
         return {
             kind: KIND,
             templates,
+            clientId
         };
     }
 
     export function isThisAction(action: Action): action is UpdateTemplatesAction {
         return action.kind === UpdateTemplatesAction.KIND;
     }
+}
+
+export interface ExecuteTemplateAction extends Action {
+    kind: typeof ExecuteTemplateAction.KIND;
+    code: string;
+}
+
+export namespace ExecuteTemplateAction {
+    export const KIND = "executeTemplate";
+
+    export function create(
+        code: string
+    ): ExecuteTemplateAction {
+        return {
+            kind: KIND,
+            code
+        };
+    }
+
+    export function isThisAction(action: Action): action is ExecuteTemplateAction {
+        return action.kind === ExecuteTemplateAction.KIND;
+    }
 }
\ No newline at end of file
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
new file mode 100644
index 00000000..00518c44
--- /dev/null
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -0,0 +1,73 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol'
+import { Connection } from 'vscode-languageserver';
+import { ExecuteTemplateAction, UpdateTemplatesAction } from './actions';
+import { Template } from './templates';
+
+export class TemplateDiagramServer extends DiagramServer {
+
+    protected clientId: string;
+    protected templates: Template[];    
+    protected options: JsonMap | undefined;
+    protected connection: Connection | undefined;
+
+    constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
+        services: DiagramServices, clientId: string, templates: Template[], options: JsonMap | undefined, connection: Connection | undefined) {
+        super(dispatch, services);
+        this.clientId = clientId;
+        this.options = options;
+        this.connection = connection;
+        //TODO: more generic
+        this.templates = templates;
+    }
+
+    protected handleAction(action: Action): Promise<void> {
+        switch(action.kind) {
+            case ExecuteTemplateAction.KIND:
+                return this.handleExecuteTemplate(action as ExecuteTemplateAction);
+        }
+        return super.handleAction(action);
+    }
+
+    async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {
+        const pos = {
+            line: 0, character : 0
+        };
+        const uri = this.options?.sourceUri;
+
+        this.connection?.sendNotification('editor/add', {uri: uri, text: action.code, position: pos})
+        console.log('test');
+        return;
+    }
+
+    protected async handleRequestModel(action: RequestModelAction): Promise<void> {
+        // TODO: generic code + size computation
+        const test = this.templates[0].graph;
+        const request = RequestBoundsAction.create(test);
+        const response = await this.request<ComputedBoundsAction>(request);
+        applyBounds(test, response);
+        const newRoot = await this.layoutEngine?.layout(test);
+        this.templates[0].graph = newRoot!
+
+        // send the avaiable templates to the client before handling the request model action
+        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: this.templates, clientId: this.clientId });
+        super.handleRequestModel(action);
+    }
+
+}
\ No newline at end of file
diff --git a/webview/src/options/options-module.ts b/webview/src/options/options-module.ts
index dcc685c5..08e7c522 100644
--- a/webview/src/options/options-module.ts
+++ b/webview/src/options/options-module.ts
@@ -27,7 +27,7 @@ import { OptionsPanel } from "./options-panel";
 import { TemplatePanel } from "../template/template-panel";
 import { TemplateRenderer } from "../template/template-renderer";
 import { TemplateRegistry } from "../template/template-registry";
-import { TemplateMouseListener } from "../template/mouselistener";
+import { TemplateMouseListener } from "../template/template-mouselistener";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index 22cf16a8..03f5f62b 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -46,6 +46,7 @@ export namespace SendModelRendererAction {
 export interface UpdateTemplatesAction extends Action {
     kind: typeof UpdateTemplatesAction.KIND;
     templates: Template[];
+    clientId: string;
 }
 
 export namespace UpdateTemplatesAction {
@@ -53,14 +54,38 @@ export namespace UpdateTemplatesAction {
 
     export function create(
         templates: Template[],
+        clientId: string
     ): UpdateTemplatesAction {
         return {
             kind: KIND,
             templates,
+            clientId
         };
     }
 
     export function isThisAction(action: Action): action is UpdateTemplatesAction {
         return action.kind === UpdateTemplatesAction.KIND;
     }
+}
+
+export interface ExecuteTemplateAction extends Action {
+    kind: typeof ExecuteTemplateAction.KIND;
+    code: string;
+}
+
+export namespace ExecuteTemplateAction {
+    export const KIND = "executeTemplate";
+
+    export function create(
+        code: string
+    ): ExecuteTemplateAction {
+        return {
+            kind: KIND,
+            code
+        };
+    }
+
+    export function isThisAction(action: Action): action is ExecuteTemplateAction {
+        return action.kind === ExecuteTemplateAction.KIND;
+    }
 }
\ No newline at end of file
diff --git a/webview/src/template/mouselistener.ts b/webview/src/template/template-mouselistener.ts
similarity index 55%
rename from webview/src/template/mouselistener.ts
rename to webview/src/template/template-mouselistener.ts
index 837fe2ad..df0ac160 100644
--- a/webview/src/template/mouselistener.ts
+++ b/webview/src/template/template-mouselistener.ts
@@ -15,13 +15,25 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
+import { inject } from 'inversify'
 import { MouseListener, SModelElement } from "sprotty";
 import { Action } from "sprotty-protocol";
+import { vscodeApi } from 'sprotty-vscode-webview/lib/vscode-api';
+import { DISymbol } from '../di.symbols';
+import { ExecuteTemplateAction } from './actions';
+import { TemplateRegistry } from './template-registry';
 
 export class TemplateMouseListener extends MouseListener {
 
+    @inject(DISymbol.TemplateRegistry) private tempRegistry: TemplateRegistry;
+
     mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
-        console.log("test");
+        // TODO: determine template that is clicked on
+        const action: ExecuteTemplateAction = {
+            kind: ExecuteTemplateAction.KIND,
+            code: "test"
+        };
+        vscodeApi.postMessage({clientId: this.tempRegistry.clientId, action: action});
         return [];
     }
 
diff --git a/webview/src/template/template-registry.ts b/webview/src/template/template-registry.ts
index b56325ee..cda807d9 100644
--- a/webview/src/template/template-registry.ts
+++ b/webview/src/template/template-registry.ts
@@ -33,6 +33,12 @@ import { TemplateRenderer } from "./template-renderer";
 export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
     readonly position = -10;
 
+    private _clientId = "";
+
+    get clientId(): string {
+        return this._clientId;
+    }
+
     @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
     
     private _templates: Template[] = [];
@@ -59,10 +65,8 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
     }
 
     private handleUpdateOptions(action: UpdateTemplatesAction): void {
-        this._templates = action.templates.map<Template>(temp => ({
-            graph: temp.graph,
-            code: temp.code
-        }));
+        this._clientId = action.clientId;
+        this._templates = action.templates;
         this.notifyListeners();
     }
 
diff --git a/yarn.lock b/yarn.lock
index b10cb637..2d795999 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -997,9 +997,9 @@
   integrity sha512-8m9wPEB2mcRqTWNKs9A9Eqs8DrQZt0qNFO8GkxBOnyW6xR//3s77SoMgb/nY1ctzACsZXwZj3YRTDsn4bAoaUw==
 
 "@types/vscode@^1.56.0":
-  version "1.63.1"
-  resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.63.1.tgz#b40f9f18055e2c9498ae543d18c59fbd6ef2e8a3"
-  integrity sha512-Z+ZqjRcnGfHP86dvx/BtSwWyZPKQ/LBdmAVImY82TphyjOw2KgTKcp7Nx92oNwCTsHzlshwexAG/WiY2JuUm3g==
+  version "1.67.0"
+  resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.67.0.tgz#8eaba41d1591aa02f5d960b7dfae3b16e066f08c"
+  integrity sha512-GH8BDf8cw9AC9080uneJfulhSa7KHSMI2s/CyKePXoGNos9J486w2V4YKoeNUqIEkW4hKoEAWp6/cXTwyGj47g==
 
 "@vscode/codicons@^0.0.25":
   version "0.0.25"

From 46e528e4b75956443dfbcc0b34d32995241c694c Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Thu, 19 May 2022 16:09:47 +0200
Subject: [PATCH 07/80] restructuring

---
 language-server/src/stpa-diagramServer.ts     | 17 +++----
 language-server/src/stpa-module.ts            | 25 +++++----
 .../templates.ts => stpa-templates.ts}        | 51 ++++++++++++++-----
 language-server/src/templates/actions.ts      |  2 +-
 .../src/templates/template-diagram-server.ts  | 34 +++++++------
 .../src/templates/template-model.ts           | 26 ++++++++++
 webview/src/template/template-models.ts       |  2 +-
 7 files changed, 108 insertions(+), 49 deletions(-)
 rename language-server/src/{templates/templates.ts => stpa-templates.ts} (73%)
 create mode 100644 language-server/src/templates/template-model.ts

diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 967f4fbb..acaa925e 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -15,22 +15,23 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol'
+import { Action, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
-import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions'
+import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { TemplateDiagramServer } from './templates/template-diagram-server';
-import { TestTemplate1, TestTemplate2 } from './templates/templates';
+import { Template } from './templates/template-model';
 
 export class StpaDiagramServer extends TemplateDiagramServer {
 
     private stpaOptions: StpaSynthesisOptions;
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined) {
-        // TODO: replace testtemplates with generic/default templates
-        super(dispatch, services, clientId, [TestTemplate1, TestTemplate2], options, connection);
+        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined, templates: Template[]) {
+        super(dispatch, services, clientId, templates, options, connection);
         this.stpaOptions = synthesisOptions;
+        // send the avaiable syntheses options to the client
+        this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), clientId: this.clientId });
     }
 
     accept(action: Action): Promise<void> {
@@ -54,7 +55,7 @@ export class StpaDiagramServer extends TemplateDiagramServer {
     handleSetSynthesisOption(action: SetSynthesisOptionsAction): Promise<void> {
         // update syntheses options
         for (const option of action.options) {
-            const opt = this.stpaOptions.getSynthesisOptions().find(synOpt => synOpt.synthesisOption.id == option.id);
+            const opt = this.stpaOptions.getSynthesisOptions().find(synOpt => synOpt.synthesisOption.id === option.id);
             if (opt) {
                 opt.currentValue = option.currentValue;
             }
@@ -69,8 +70,6 @@ export class StpaDiagramServer extends TemplateDiagramServer {
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
-        // send the avaiable syntheses options to the client before handling the request model action
-        this.dispatch({ kind: UpdateOptionsAction.KIND, valuedSynthesisOptions: this.stpaOptions.getSynthesisOptions(), clientId: this.clientId });
         super.handleRequestModel(action);
     }
 
diff --git a/language-server/src/stpa-module.ts b/language-server/src/stpa-module.ts
index f7b744d7..0e33ed1c 100644
--- a/language-server/src/stpa-module.ts
+++ b/language-server/src/stpa-module.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import ElkConstructor from 'elkjs/lib/elk.bundled'
+import ElkConstructor from 'elkjs/lib/elk.bundled';
 import { createDefaultModule, createDefaultSharedModule, DefaultSharedModuleContext, inject, Module, PartialLangiumServices } from 'langium';
 import { DefaultDiagramServerManager, DiagramActionNotification, LangiumSprottyServices, LangiumSprottySharedServices, SprottyDiagramServices, SprottySharedServices } from 'langium-sprotty';
 import { DefaultElementFilter, ElkFactory, ElkLayoutEngine, IElementFilter, ILayoutConfigurator } from 'sprotty-elk/lib/elk-layout';
@@ -26,8 +26,9 @@ import { StpaDiagramServer } from './stpa-diagramServer';
 import { StpaScopeProvider } from './stpa-scopeProvider';
 import { StpaValidationRegistry, StpaValidator } from './stpa-validator';
 import { URI } from 'vscode-uri';
-import { DiagramOptions } from 'sprotty-protocol'
+import { DiagramOptions } from 'sprotty-protocol';
 import { StpaSynthesisOptions } from './options/synthesis-options';
+import { StpaTemplates } from './stpa-templates';
 
 
 /**
@@ -47,14 +48,17 @@ export type StpaAddedServices = {
     },
     options: {
         StpaSynthesisOptions: StpaSynthesisOptions
+    },
+    templates: {
+        StpaTemplates: StpaTemplates
     }
-}
+};
 
 /**
  * Union of Langium default services and your custom services - use this as constructor parameter
  * of custom service classes.
  */
-export type StpaServices = LangiumSprottyServices & StpaAddedServices
+export type StpaServices = LangiumSprottyServices & StpaAddedServices;
 
 /**
  * Dependency injection module that overrides Langium default services and contributes the
@@ -81,6 +85,9 @@ export const STPAModule: Module<StpaServices, PartialLangiumServices & SprottyDi
     },
     options: {
         StpaSynthesisOptions: () => new StpaSynthesisOptions()
+    },
+    templates: {
+        StpaTemplates: services => new StpaTemplates(services)
     }
 };
 
@@ -99,7 +106,7 @@ export const stpaDiagramServerFactory =
         }
         return new StpaDiagramServer(async action => {
             connection?.sendNotification(DiagramActionNotification.type, { clientId, action });
-        }, language.diagram, language.options.StpaSynthesisOptions, clientId, options, connection);
+        }, language.diagram, language.options.StpaSynthesisOptions, clientId, options, connection, language.templates.StpaTemplates.getTemplates());
     };
 };
 
@@ -135,12 +142,12 @@ export function createStpaServices(context?: DefaultSharedModuleContext): { shar
         createDefaultSharedModule(context),
         StpaGeneratedSharedModule,
         StpaSprottySharedModule
-    )
+    );
     const states = inject(
         createDefaultModule({shared}),
         StpaGeneratedModule,
         STPAModule,
-    )
-    shared.ServiceRegistry.register(states)
-    return { shared, states }
+    );
+    shared.ServiceRegistry.register(states);
+    return { shared, states };
 }
diff --git a/language-server/src/templates/templates.ts b/language-server/src/stpa-templates.ts
similarity index 73%
rename from language-server/src/templates/templates.ts
rename to language-server/src/stpa-templates.ts
index 9e174434..1622827c 100644
--- a/language-server/src/templates/templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -15,13 +15,28 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { /* ModelLayoutOptions, */ SGraph, SLabel, SModelElement } from 'sprotty-protocol'
-import { CSEdge, CSNode } from '../STPA-interfaces';
-import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from '../stpa-model';
+import { /* ModelLayoutOptions, */ SGraph, SLabel, SModelElement } from 'sprotty-protocol';
+import { Position } from 'vscode-languageserver';
+import { CSEdge, CSNode } from './STPA-interfaces';
+import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from './stpa-model';
+import { Template } from './templates/template-model';
+import { LangiumDocuments, LangiumServices } from 'langium';
+
+export class StpaTemplates {
+
+    protected readonly langiumDocuments: LangiumDocuments;
+    protected defaultTemplates = [testTemplate1, testTemplate2];
+    protected templates: Template[];
+
+    constructor(services: LangiumServices) {
+        this.langiumDocuments = services.shared.workspace.LangiumDocuments;
+        this.templates = this.defaultTemplates;
+    }
+
+    getTemplates() {
+        return this.templates;
+    }
 
-export interface Template {
-    graph: Readonly<SModelElement>;
-    code: string;
 }
 
 const testGraph1: Readonly<SModelElement> = {
@@ -91,12 +106,16 @@ const testGraph1: Readonly<SModelElement> = {
     ] as SModelElement[],
     zoom: 0.8,
     scroll: {x:0, y:0},
-} as SGraph
+} as SGraph;
 
-export const TestTemplate1: Template = {
+const testTemplate1: Template = {
     graph: testGraph1,
-    code: 'testString1'
-}
+    code: 'testString1',
+
+    getPosition: function (): Position {
+        throw new Error('Function not implemented.');
+    }
+};
 
 const testGraph2: Readonly<SModelElement> = {
     type: 'graph',
@@ -117,9 +136,13 @@ const testGraph2: Readonly<SModelElement> = {
     ] as SModelElement[],
     zoom: 0.8,
     scroll: {x:0, y:0},
-} as SGraph
+} as SGraph;
 
-export const TestTemplate2: Template = {
+const testTemplate2: Template = {
     graph: testGraph2,
-    code: 'testString2'
-}
\ No newline at end of file
+    code: 'testString2',
+    
+    getPosition: function (): Position {
+        throw new Error('Function not implemented.');
+    }
+};
\ No newline at end of file
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index aa52c728..79cae5a8 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -16,7 +16,7 @@
  */
 
 import { Action } from "sprotty-protocol";
-import { Template } from "../templates/templates";
+import { Template } from "./template-model";
 
 /** Request message from the server to update the diagram options widget on the client. */
 export interface UpdateTemplatesAction extends Action {
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 00518c44..90743f9a 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -15,10 +15,10 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol'
+import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
 import { ExecuteTemplateAction, UpdateTemplatesAction } from './actions';
-import { Template } from './templates';
+import { Template } from './template-model';
 
 export class TemplateDiagramServer extends DiagramServer {
 
@@ -33,8 +33,23 @@ export class TemplateDiagramServer extends DiagramServer {
         this.clientId = clientId;
         this.options = options;
         this.connection = connection;
-        //TODO: more generic
         this.templates = templates;
+        this.sendTemplates();
+    }
+
+    /**
+     * Send the templates provided by the server to the client.
+     */
+    private async sendTemplates() {
+        // TODO: generic code + size computation + correct ordering of nodes
+        const test = this.templates[0].graph;
+        const request = RequestBoundsAction.create(test);
+        const response = await this.request<ComputedBoundsAction>(request);
+        applyBounds(test, response);
+        const newRoot = await this.layoutEngine?.layout(test);
+        this.templates[0].graph = newRoot!;
+        // send the avaiable templates to the client
+        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: this.templates, clientId: this.clientId });
     }
 
     protected handleAction(action: Action): Promise<void> {
@@ -51,22 +66,11 @@ export class TemplateDiagramServer extends DiagramServer {
         };
         const uri = this.options?.sourceUri;
 
-        this.connection?.sendNotification('editor/add', {uri: uri, text: action.code, position: pos})
-        console.log('test');
+        this.connection?.sendNotification('editor/add', {uri: uri, text: action.code, position: pos});
         return;
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
-        // TODO: generic code + size computation
-        const test = this.templates[0].graph;
-        const request = RequestBoundsAction.create(test);
-        const response = await this.request<ComputedBoundsAction>(request);
-        applyBounds(test, response);
-        const newRoot = await this.layoutEngine?.layout(test);
-        this.templates[0].graph = newRoot!
-
-        // send the avaiable templates to the client before handling the request model action
-        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: this.templates, clientId: this.clientId });
         super.handleRequestModel(action);
     }
 
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
new file mode 100644
index 00000000..498ebeb1
--- /dev/null
+++ b/language-server/src/templates/template-model.ts
@@ -0,0 +1,26 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { SModelElement } from 'sprotty-protocol';
+import { Position } from 'vscode-languageserver';
+
+export interface Template {
+    graph: Readonly<SModelElement>;
+    code: string;
+
+    getPosition(x: number, y: number): Position
+}
diff --git a/webview/src/template/template-models.ts b/webview/src/template/template-models.ts
index 01017b9f..ec6d4428 100644
--- a/webview/src/template/template-models.ts
+++ b/webview/src/template/template-models.ts
@@ -17,7 +17,7 @@
 
 import { SModelElement } from "sprotty";
 
-export class Template {
+export interface Template {
     graph: Readonly<SModelElement>;
     code: string;
 }

From a374fcda324014cf9d0cf3231a74f831599c466a Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Thu, 19 May 2022 16:10:37 +0200
Subject: [PATCH 08/80] fixed wrong sourceUri for files except the first

---
 language-server/src/templates/template-diagram-server.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 90743f9a..8dd105f9 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -71,6 +71,8 @@ export class TemplateDiagramServer extends DiagramServer {
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
+        // options must be updated since the request could be for another source model
+        this.options = action.options;
         super.handleRequestModel(action);
     }
 

From 05c6f9d83ebe96a5bec376a2025997d1904b4da3 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Thu, 19 May 2022 16:24:53 +0200
Subject: [PATCH 09/80] added linter

---
 language-server/.eslintrc.json |  24 ++
 language-server/package.json   |   5 +-
 yarn.lock                      | 541 ++++++++++++++++++++++++++++++++-
 3 files changed, 557 insertions(+), 13 deletions(-)
 create mode 100644 language-server/.eslintrc.json

diff --git a/language-server/.eslintrc.json b/language-server/.eslintrc.json
new file mode 100644
index 00000000..a3280f7b
--- /dev/null
+++ b/language-server/.eslintrc.json
@@ -0,0 +1,24 @@
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "@typescript-eslint"
+    ],
+    "rules": {
+        "@typescript-eslint/naming-convention": "off",
+        "@typescript-eslint/semi": "warn",
+        "curly": "warn",
+        "eqeqeq": "warn",
+        "no-throw-literal": "warn",
+        "semi": "warn"
+    },
+    "ignorePatterns": [
+        "out",
+        "dist",
+        "**/*.d.ts"
+    ]
+}
diff --git a/language-server/package.json b/language-server/package.json
index 32d4e9b9..25a4497e 100644
--- a/language-server/package.json
+++ b/language-server/package.json
@@ -16,7 +16,10 @@
         "ts-loader": "^9.2.6",
         "typescript": "3.8.3",
         "webpack": "^5.64.2",
-        "webpack-cli": "^4.9.1"
+        "webpack-cli": "^4.9.1",
+        "@typescript-eslint/eslint-plugin": "^5.16.0",
+        "@typescript-eslint/parser": "^5.16.0",
+        "eslint": "^8.11.0"
     },
     "scripts": {
         "prepare": "yarn run clean && yarn run langium:generate && yarn run build",
diff --git a/yarn.lock b/yarn.lock
index 2d795999..bc89a041 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -38,6 +38,21 @@
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz#d5e0706cf8c6acd8c6032f8d54070af261bbbb2f"
   integrity sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==
 
+"@eslint/eslintrc@^1.2.3":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.2.3.tgz#fcaa2bcef39e13d6e9e7f6271f4cc7cae1174886"
+  integrity sha512-uGo44hIwoLGNyduRpjdEpovcbMdd+Nv7amtmJxnKmI8xj6yd5LncmSwDa5NgX/41lIFJtkjD6YdVfgEzPfJ5UA==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.3.2"
+    globals "^13.9.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
 "@evocateur/libnpmaccess@^3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@evocateur/libnpmaccess/-/libnpmaccess-3.1.2.tgz#ecf7f6ce6b004e9f942b098d92200be4a4b1c845"
@@ -112,6 +127,20 @@
     unique-filename "^1.1.1"
     which "^1.3.1"
 
+"@humanwhocodes/config-array@^0.9.2":
+  version "0.9.5"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"
+  integrity sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.1"
+    debug "^4.1.1"
+    minimatch "^3.0.4"
+
+"@humanwhocodes/object-schema@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
+  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+
 "@lerna/add@3.21.0":
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/@lerna/add/-/add-3.21.0.tgz#27007bde71cc7b0a2969ab3c2f0ae41578b4577b"
@@ -805,11 +834,32 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
 "@nodelib/fs.stat@^1.1.2":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
 "@octokit/auth-token@^2.4.0":
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-2.5.0.tgz#27c37ea26c205f28443402477ffd261311f21e36"
@@ -961,6 +1011,11 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
   integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
 
+"@types/json-schema@^7.0.9":
+  version "7.0.11"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
+  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
+
 "@types/minimatch@*":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
@@ -1001,6 +1056,86 @@
   resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.67.0.tgz#8eaba41d1591aa02f5d960b7dfae3b16e066f08c"
   integrity sha512-GH8BDf8cw9AC9080uneJfulhSa7KHSMI2s/CyKePXoGNos9J486w2V4YKoeNUqIEkW4hKoEAWp6/cXTwyGj47g==
 
+"@typescript-eslint/eslint-plugin@^5.16.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.25.0.tgz#e8ce050990e4d36cc200f2de71ca0d3eb5e77a31"
+  integrity sha512-icYrFnUzvm+LhW0QeJNKkezBu6tJs9p/53dpPLFH8zoM9w1tfaKzVurkPotEpAqQ8Vf8uaFyL5jHd0Vs6Z0ZQg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.25.0"
+    "@typescript-eslint/type-utils" "5.25.0"
+    "@typescript-eslint/utils" "5.25.0"
+    debug "^4.3.4"
+    functional-red-black-tree "^1.0.1"
+    ignore "^5.2.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/parser@^5.16.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.25.0.tgz#fb533487147b4b9efd999a4d2da0b6c263b64f7f"
+  integrity sha512-r3hwrOWYbNKP1nTcIw/aZoH+8bBnh/Lh1iDHoFpyG4DnCpvEdctrSl6LOo19fZbzypjQMHdajolxs6VpYoChgA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.25.0"
+    "@typescript-eslint/types" "5.25.0"
+    "@typescript-eslint/typescript-estree" "5.25.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@5.25.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.25.0.tgz#e78f1484bca7e484c48782075219c82c6b77a09f"
+  integrity sha512-p4SKTFWj+2VpreUZ5xMQsBMDdQ9XdRvODKXN4EksyBjFp2YvQdLkyHqOffakYZPuWJUDNu3jVXtHALDyTv3cww==
+  dependencies:
+    "@typescript-eslint/types" "5.25.0"
+    "@typescript-eslint/visitor-keys" "5.25.0"
+
+"@typescript-eslint/type-utils@5.25.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.25.0.tgz#5750d26a5db4c4d68d511611e0ada04e56f613bc"
+  integrity sha512-B6nb3GK3Gv1Rsb2pqalebe/RyQoyG/WDy9yhj8EE0Ikds4Xa8RR28nHz+wlt4tMZk5bnAr0f3oC8TuDAd5CPrw==
+  dependencies:
+    "@typescript-eslint/utils" "5.25.0"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/types@5.25.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.25.0.tgz#dee51b1855788b24a2eceeae54e4adb89b088dd8"
+  integrity sha512-7fWqfxr0KNHj75PFqlGX24gWjdV/FDBABXL5dyvBOWHpACGyveok8Uj4ipPX/1fGU63fBkzSIycEje4XsOxUFA==
+
+"@typescript-eslint/typescript-estree@5.25.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.25.0.tgz#a7ab40d32eb944e3fb5b4e3646e81b1bcdd63e00"
+  integrity sha512-MrPODKDych/oWs/71LCnuO7NyR681HuBly2uLnX3r5i4ME7q/yBqC4hW33kmxtuauLTM0OuBOhhkFaxCCOjEEw==
+  dependencies:
+    "@typescript-eslint/types" "5.25.0"
+    "@typescript-eslint/visitor-keys" "5.25.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/utils@5.25.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.25.0.tgz#272751fd737733294b4ab95e16c7f2d4a75c2049"
+  integrity sha512-qNC9bhnz/n9Kba3yI6HQgQdBLuxDoMgdjzdhSInZh6NaDnFpTUlwNGxplUFWfY260Ya0TRPvkg9dd57qxrJI9g==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@typescript-eslint/scope-manager" "5.25.0"
+    "@typescript-eslint/types" "5.25.0"
+    "@typescript-eslint/typescript-estree" "5.25.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
+"@typescript-eslint/visitor-keys@5.25.0":
+  version "5.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.25.0.tgz#33aa5fdcc5cedb9f4c8828c6a019d58548d4474b"
+  integrity sha512-yd26vFgMsC4h2dgX4+LR+GeicSKIfUvZREFLf3DDjZPtqgLx5AJZr6TetMNwFP9hcKreTTeztQYBTNbNoOycwA==
+  dependencies:
+    "@typescript-eslint/types" "5.25.0"
+    eslint-visitor-keys "^3.3.0"
+
 "@vscode/codicons@^0.0.25":
   version "0.0.25"
   resolved "https://registry.yarnpkg.com/@vscode/codicons/-/codicons-0.0.25.tgz#4ebc3e2c9e707ac46aea0becceda79f7738c647c"
@@ -1186,11 +1321,21 @@ acorn-import-assertions@^1.7.6:
   resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
   integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
 
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
 acorn@^8.4.1:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
   integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
 
+acorn@^8.7.1:
+  version "8.7.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
+  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
+
 agent-base@4, agent-base@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
@@ -1217,7 +1362,7 @@ ajv-keywords@^3.5.2:
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
-ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -1296,6 +1441,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
 arr-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@@ -1333,6 +1483,11 @@ array-union@^1.0.2:
   dependencies:
     array-uniq "^1.0.1"
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -1469,7 +1624,7 @@ braces@^2.3.1:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
-braces@^3.0.1:
+braces@^3.0.1, braces@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -1580,6 +1735,11 @@ callsites@^2.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
   integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
 
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -1640,7 +1800,7 @@ chalk@^2.0.0, chalk@^2.3.1, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.1.0:
+chalk@^4.0.0, chalk@^4.1.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -1985,7 +2145,7 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.3:
+cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -2065,6 +2225,13 @@ debug@^3.1.0:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -2093,6 +2260,11 @@ dedent@^0.7.0:
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
@@ -2164,6 +2336,20 @@ dir-glob@^2.2.2:
   dependencies:
     path-type "^3.0.0"
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
 dot-prop@^4.2.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.1.tgz#45884194a71fc2cda71cbb4bceb3a4dd2f433ba4"
@@ -2332,7 +2518,12 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-eslint-scope@5.1.1:
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -2340,11 +2531,93 @@ eslint-scope@5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
+eslint-scope@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
+  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
+eslint-visitor-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint-visitor-keys@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
+  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
+
+eslint@^8.11.0:
+  version "8.15.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.15.0.tgz#fea1d55a7062da48d82600d2e0974c55612a11e9"
+  integrity sha512-GG5USZ1jhCu8HJkzGgeK8/+RGnHaNYZGrGDzUtigK3BsGESW/rs2az23XqE0WVwDxy1VRvvjSSGu5nB0Bu+6SA==
+  dependencies:
+    "@eslint/eslintrc" "^1.2.3"
+    "@humanwhocodes/config-array" "^0.9.2"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.1.1"
+    eslint-utils "^3.0.0"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.3.2"
+    esquery "^1.4.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^6.0.1"
+    globals "^13.6.0"
+    ignore "^5.2.0"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    regexpp "^3.2.0"
+    strip-ansi "^6.0.1"
+    strip-json-comments "^3.1.0"
+    text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
+
+espree@^9.3.2:
+  version "9.3.2"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
+  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
+  dependencies:
+    acorn "^8.7.1"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.3.0"
+
 esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
+esquery@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
+  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+  dependencies:
+    estraverse "^5.1.0"
+
 esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@@ -2357,11 +2630,16 @@ estraverse@^4.1.1:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
-estraverse@^5.2.0:
+estraverse@^5.1.0, estraverse@^5.2.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
 eventemitter3@^3.1.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-3.1.2.tgz#2d3d48f9c346698fce83a85d7d664e98535df6e7"
@@ -2466,7 +2744,7 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
   integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
 
-fast-deep-equal@^3.1.1:
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -2483,16 +2761,39 @@ fast-glob@^2.2.6:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
+fast-glob@^3.2.9:
+  version "3.2.11"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
+  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
+fast-levenshtein@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
+
 fastest-levenshtein@^1.0.12:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
   integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
 
+fastq@^1.6.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
+  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  dependencies:
+    reusify "^1.0.4"
+
 feather-icons@^4.28.0:
   version "4.29.0"
   resolved "https://registry.yarnpkg.com/feather-icons/-/feather-icons-4.29.0.tgz#4e40e3cbb7bf359ffbbf700edbebdde4e4a74ab6"
@@ -2513,6 +2814,13 @@ figures@^2.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
 file-loader@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
@@ -2578,6 +2886,19 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
+flat-cache@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
+  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+  dependencies:
+    flatted "^3.1.0"
+    rimraf "^3.0.2"
+
+flatted@^3.1.0:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3"
+  integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
+
 flush-write-stream@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
@@ -2666,6 +2987,11 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
+  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+
 gauge@~2.7.3:
   version "2.7.4"
   resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
@@ -2809,13 +3135,20 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0:
+glob-parent@^5.0.0, glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
+glob-parent@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -2838,6 +3171,25 @@ glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+globals@^13.6.0, globals@^13.9.0:
+  version "13.15.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.15.0.tgz#38113218c907d2f7e98658af246cef8b77e90bac"
+  integrity sha512-bpzcOlgDhMG070Av0Vy5Owklpv1I6+j96GhUI7Rh7IzDCKLzboflLrrfqMu8NquDbiR4EOQk7XzJwqVJxicxog==
+  dependencies:
+    type-fest "^0.20.2"
+
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
 globby@^9.2.0:
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
@@ -3047,6 +3399,11 @@ ignore@^4.0.3:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
+ignore@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
+  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -3055,6 +3412,14 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
+import-fresh@^3.0.0, import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
 import-local@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@@ -3326,7 +3691,7 @@ is-glob@^3.1.0:
   dependencies:
     is-extglob "^2.1.0"
 
-is-glob@^4.0.0, is-glob@^4.0.1:
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -3506,6 +3871,13 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
@@ -3531,6 +3903,11 @@ json-schema@0.4.0:
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
   integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
 
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
+
 json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -3657,6 +4034,14 @@ lerna@^3.20.2:
     import-local "^2.0.0"
     npmlog "^4.1.2"
 
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -3751,6 +4136,11 @@ lodash.ismatch@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
   integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
 
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
 lodash.set@^4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/lodash.set/-/lodash.set-4.3.2.tgz#d8757b1da807dde24816b0d6a84bea1a76230b23"
@@ -3925,7 +4315,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3:
+merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -3957,6 +4347,14 @@ micromatch@^4.0.0:
     braces "^3.0.1"
     picomatch "^2.2.3"
 
+micromatch@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
 mime-db@1.51.0:
   version "1.51.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.51.0.tgz#d9ff62451859b18342d960850dc3cfb77e63fb0c"
@@ -3991,6 +4389,13 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
 minimist-options@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
@@ -4093,6 +4498,11 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
 ms@^2.0.0, ms@^2.1.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
@@ -4149,6 +4559,11 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+
 neo-async@^2.6.0, neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
@@ -4401,6 +4816,18 @@ onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
 os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
@@ -4522,6 +4949,13 @@ parallel-transform@^1.1.0:
     inherits "^2.0.3"
     readable-stream "^2.1.5"
 
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
 parse-github-repo-url@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/parse-github-repo-url/-/parse-github-repo-url-1.4.1.tgz#9e7d8bb252a6cb6ba42595060b7bf6df3dbc1f50"
@@ -4635,6 +5069,11 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
 path@^0.12.7:
   version "0.12.7"
   resolved "https://registry.yarnpkg.com/path/-/path-0.12.7.tgz#d4dc2a506c4ce2197eb481ebfcd5b36c0140b10f"
@@ -4653,7 +5092,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.2.3:
+picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -4754,6 +5193,11 @@ postcss@^8.2.15:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -4863,6 +5307,11 @@ query-string@^6.13.8:
     split-on-first "^1.0.0"
     strict-uri-encode "^2.0.0"
 
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
 quick-lru@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8"
@@ -5047,6 +5496,11 @@ regexp-to-ast@0.5.0:
   resolved "https://registry.yarnpkg.com/regexp-to-ast/-/regexp-to-ast-0.5.0.tgz#56c73856bee5e1fef7f73a00f1473452ab712a24"
   integrity sha512-tlbJqcMHnPKI9zSrystikWKwHkBqu2a/Sgw01h3zFjvYrMxEDYHzzoMZnUrbIfpTFEsoRnnviOXNCzFiSc54Qw==
 
+regexpp@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
+  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
+
 repeat-element@^1.1.2:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
@@ -5161,6 +5615,11 @@ retry@^0.10.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
   integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -5180,6 +5639,13 @@ run-async@^2.2.0:
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
   integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
 
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -5251,6 +5717,13 @@ semver@^7.3.4, semver@^7.3.5:
   dependencies:
     lru-cache "^6.0.0"
 
+semver@^7.3.7:
+  version "7.3.7"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
+  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
+  dependencies:
+    lru-cache "^6.0.0"
+
 serialize-javascript@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
@@ -5323,6 +5796,11 @@ slash@^2.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
   integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
 
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
 slide@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
@@ -5759,6 +6237,11 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
 strong-log-transformer@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
@@ -5862,6 +6345,11 @@ text-extensions@^1.0.0:
   resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"
   integrity sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==
 
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+
 thenify-all@^1.0.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
@@ -5993,11 +6481,18 @@ ts-loader@^9.2.6:
     micromatch "^4.0.0"
     semver "^7.3.4"
 
-tslib@^1.9.0:
+tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -6010,11 +6505,23 @@ tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
   integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
 type-fest@^0.18.0:
   version "0.18.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
   integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==
 
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
 type-fest@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
@@ -6165,6 +6672,11 @@ uuid@^3.0.1, uuid@^3.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
+v8-compile-cache@^2.0.3:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
+  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
+
 validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.3:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -6385,6 +6897,11 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
+word-wrap@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"

From 07dff9b09f3b7bce34017ee0a5a1aab99b438084 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 20 May 2022 12:59:07 +0200
Subject: [PATCH 10/80] clicking on a template send ID of it to server +
 tamplate calculates pos

---
 language-server/src/templates/actions.ts       | 12 +++++++++---
 .../src/templates/template-diagram-server.ts   | 12 ++++++------
 .../src/templates/template-model.ts            |  3 ++-
 webview/src/template/actions.ts                | 12 +++++++++---
 webview/src/template/template-models.ts        |  1 +
 webview/src/template/template-mouselistener.ts | 18 ++++++++++++------
 6 files changed, 39 insertions(+), 19 deletions(-)

diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index 79cae5a8..08157a92 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -46,18 +46,24 @@ export namespace UpdateTemplatesAction {
 
 export interface ExecuteTemplateAction extends Action {
     kind: typeof ExecuteTemplateAction.KIND;
-    code: string;
+    id: string;
+    x: number;
+    y: number;
 }
 
 export namespace ExecuteTemplateAction {
     export const KIND = "executeTemplate";
 
     export function create(
-        code: string
+        id: string,
+        x: number,
+        y: number
     ): ExecuteTemplateAction {
         return {
             kind: KIND,
-            code
+            id,
+            x,
+            y
         };
     }
 
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 8dd105f9..ebbadd02 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -61,13 +61,13 @@ export class TemplateDiagramServer extends DiagramServer {
     }
 
     async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {
-        const pos = {
-            line: 0, character : 0
-        };
         const uri = this.options?.sourceUri;
-
-        this.connection?.sendNotification('editor/add', {uri: uri, text: action.code, position: pos});
-        return;
+        const temp = this.templates.find(temp => temp.id === action.id);
+        if (temp) {
+            this.connection?.sendNotification('editor/add', {uri: uri, text: temp.code, position: temp.getPosition(uri as string, action.x, action.y)});
+        } else {
+            console.error('There is no Template with id ' + action.id);
+        }
     }
 
     protected async handleRequestModel(action: RequestModelAction): Promise<void> {
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index 498ebeb1..2bacb248 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -21,6 +21,7 @@ import { Position } from 'vscode-languageserver';
 export interface Template {
     graph: Readonly<SModelElement>;
     code: string;
+    id: string;
 
-    getPosition(x: number, y: number): Position
+    getPosition(uri: string, x: number, y: number): Position
 }
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index 03f5f62b..d7a87769 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -70,18 +70,24 @@ export namespace UpdateTemplatesAction {
 
 export interface ExecuteTemplateAction extends Action {
     kind: typeof ExecuteTemplateAction.KIND;
-    code: string;
+    id: string;
+    x: number;
+    y: number;
 }
 
 export namespace ExecuteTemplateAction {
     export const KIND = "executeTemplate";
 
     export function create(
-        code: string
+        id: string,
+        x: number,
+        y: number
     ): ExecuteTemplateAction {
         return {
             kind: KIND,
-            code
+            id,
+            x,
+            y
         };
     }
 
diff --git a/webview/src/template/template-models.ts b/webview/src/template/template-models.ts
index ec6d4428..48ee69b5 100644
--- a/webview/src/template/template-models.ts
+++ b/webview/src/template/template-models.ts
@@ -20,4 +20,5 @@ import { SModelElement } from "sprotty";
 export interface Template {
     graph: Readonly<SModelElement>;
     code: string;
+    id: string;
 }
diff --git a/webview/src/template/template-mouselistener.ts b/webview/src/template/template-mouselistener.ts
index df0ac160..0e9ab4d9 100644
--- a/webview/src/template/template-mouselistener.ts
+++ b/webview/src/template/template-mouselistener.ts
@@ -28,12 +28,18 @@ export class TemplateMouseListener extends MouseListener {
     @inject(DISymbol.TemplateRegistry) private tempRegistry: TemplateRegistry;
 
     mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
-        // TODO: determine template that is clicked on
-        const action: ExecuteTemplateAction = {
-            kind: ExecuteTemplateAction.KIND,
-            code: "test"
-        };
-        vscodeApi.postMessage({clientId: this.tempRegistry.clientId, action: action});
+        const root = target.root;
+        const selectedTemp = this.tempRegistry.templates.find(template => template.id === root.id)
+        // TODO: maybe x and y should be the top left corner of the moved template instead of the event
+        if (selectedTemp) {
+            const action: ExecuteTemplateAction = {
+                kind: ExecuteTemplateAction.KIND,
+                id: selectedTemp.id,
+                x: event.x,
+                y: event.y
+            };
+            vscodeApi.postMessage({clientId: this.tempRegistry.clientId, action: action});
+        }
         return [];
     }
 

From 34f0b67dee0ea11dc76781d66aef9927111eb6ff Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 20 May 2022 13:06:40 +0200
Subject: [PATCH 11/80] fixed StpaTemplate file

---
 language-server/src/stpa-templates.ts | 79 +++++++++++++++++++++------
 1 file changed, 62 insertions(+), 17 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 1622827c..55567a6f 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -21,15 +21,17 @@ import { CSEdge, CSNode } from './STPA-interfaces';
 import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from './stpa-model';
 import { Template } from './templates/template-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
+//import { URI } from 'vscode-uri';
 
 export class StpaTemplates {
 
     protected readonly langiumDocuments: LangiumDocuments;
-    protected defaultTemplates = [testTemplate1, testTemplate2];
+    protected defaultTemplates: Template[];
     protected templates: Template[];
 
     constructor(services: LangiumServices) {
         this.langiumDocuments = services.shared.workspace.LangiumDocuments;
+        this.defaultTemplates =  [new SimpleCSTemplate(), new TestTemplate2()];
         this.templates = this.defaultTemplates;
     }
 
@@ -39,9 +41,9 @@ export class StpaTemplates {
 
 }
 
-const testGraph1: Readonly<SModelElement> = {
+const simpleCSTemplateGraph: Readonly<SModelElement> = {
     type: 'graph',
-    id: 'tempGraph',
+    id: 'simpleCSTemplate',
 /*     layoutOptions: {
         'org.eclipse.elk.separateConnectedComponents': 'false',
         'org.eclipse.elk.layered.crossingMinimization.semiInteractive': 'true',
@@ -108,15 +110,6 @@ const testGraph1: Readonly<SModelElement> = {
     scroll: {x:0, y:0},
 } as SGraph;
 
-const testTemplate1: Template = {
-    graph: testGraph1,
-    code: 'testString1',
-
-    getPosition: function (): Position {
-        throw new Error('Function not implemented.');
-    }
-};
-
 const testGraph2: Readonly<SModelElement> = {
     type: 'graph',
     id: 'tempGraph2',
@@ -138,11 +131,63 @@ const testGraph2: Readonly<SModelElement> = {
     scroll: {x:0, y:0},
 } as SGraph;
 
-const testTemplate2: Template = {
-    graph: testGraph2,
-    code: 'testString2',
+const simpleCSTemplateCode: string = 'Controller {\n    hierarchyLevel 0\n    controlActions {\n        [ca "control action"] -> ControlledProcess\n    }\n}\nControlledProcess {\n    hierarchyLevel 1\n    feedback {\n        [fb "feedback"] -> Controller\n    }\n}\n';
+
+export class SimpleCSTemplate implements Template {
+    graph = simpleCSTemplateGraph;
+    code = simpleCSTemplateCode;
+    //documents: LangiumDocuments;
+    id: string = 'simpleCSTemplate';
+    insertText = simpleCSTemplateCode;
+
+    /* constructor(documents: LangiumDocuments) {
+        this.documents = documents;
+    } */
+
+    getPosition (uri: string, x: number, y: number): Position {
+        // TODO: x and y should be considered when placing the text in the editor
+        // TODO: title could be written but no graph name
+        /* const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        const docText = document.getText();
+
+        // if there is not contorl structure so far, the title and a graph name must be added too
+        const titleIndex = docText.indexOf('ControlStructure');
+        if (titleIndex === -1) {
+            this.code = 'ControlStructure\nCS {\n' + this.insertText + '}';
+        } else {
+            this.code = this.insertText;
+        }
+        // determine position for the text to insert
+        const nextTitleIndex = docText.indexOf('Responsibilities');
+        const endIndex = nextTitleIndex !== -1 ? nextTitleIndex - 1 : docText.length - 1;
+        if (titleIndex === -1) {
+            return document.positionAt(endIndex);
+        } else {
+            const csText = docText.substring(titleIndex, endIndex);
+            const bracketIndex = csText.lastIndexOf('}');
+            return document.positionAt(bracketIndex -1);
+        } */
+        return {
+            line: 0,
+            character: 0
+        };
+    }
+};
+
+export class TestTemplate2 implements Template {
+    graph = testGraph2;
+    code = 'testString2';
+    //documents: LangiumDocuments;
+    id: string = 'tempGraph2';
+
+    /* constructor(documents: LangiumDocuments) {
+        this.documents = documents;
+    } */
     
-    getPosition: function (): Position {
-        throw new Error('Function not implemented.');
+    getPosition (uri: string, x: number, y: number): Position {
+        return {
+            line: 0,
+            character: 0
+        };
     }
 };
\ No newline at end of file

From 4e499227d5efc9916ae1ed035f58a88d7fcdac24 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 20 May 2022 14:18:45 +0200
Subject: [PATCH 12/80] splitted Template into Language- and WebviewTemplate

---
 language-server/src/stpa-diagramServer.ts     |  4 +--
 language-server/src/stpa-templates.ts         | 33 +++++++++++--------
 language-server/src/templates/actions.ts      |  6 ++--
 .../src/templates/template-diagram-server.ts  | 33 ++++++++++++-------
 .../src/templates/template-model.ts           | 11 +++++--
 webview/src/template/actions.ts               |  6 ++--
 webview/src/template/template-models.ts       |  3 +-
 .../src/template/template-mouselistener.ts    |  2 +-
 webview/src/template/template-registry.ts     |  6 ++--
 webview/src/template/template-renderer.tsx    |  4 +--
 10 files changed, 64 insertions(+), 44 deletions(-)

diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index acaa925e..d0aaa03e 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -20,14 +20,14 @@ import { Connection } from 'vscode-languageserver';
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { TemplateDiagramServer } from './templates/template-diagram-server';
-import { Template } from './templates/template-model';
+import { LanguageTemplate } from './templates/template-model';
 
 export class StpaDiagramServer extends TemplateDiagramServer {
 
     private stpaOptions: StpaSynthesisOptions;
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined, templates: Template[]) {
+        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined, templates: LanguageTemplate[]) {
         super(dispatch, services, clientId, templates, options, connection);
         this.stpaOptions = synthesisOptions;
         // send the avaiable syntheses options to the client
diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 55567a6f..4220bb7a 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -19,19 +19,19 @@ import { /* ModelLayoutOptions, */ SGraph, SLabel, SModelElement } from 'sprotty
 import { Position } from 'vscode-languageserver';
 import { CSEdge, CSNode } from './STPA-interfaces';
 import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from './stpa-model';
-import { Template } from './templates/template-model';
+import { LanguageTemplate } from './templates/template-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
 //import { URI } from 'vscode-uri';
 
 export class StpaTemplates {
 
     protected readonly langiumDocuments: LangiumDocuments;
-    protected defaultTemplates: Template[];
-    protected templates: Template[];
+    protected defaultTemplates: LanguageTemplate[];
+    protected templates: LanguageTemplate[];
 
     constructor(services: LangiumServices) {
         this.langiumDocuments = services.shared.workspace.LangiumDocuments;
-        this.defaultTemplates =  [new SimpleCSTemplate(), new TestTemplate2()];
+        this.defaultTemplates =  [new SimpleCSTemplate(this.langiumDocuments), new TestTemplate2(this.langiumDocuments)];
         this.templates = this.defaultTemplates;
     }
 
@@ -133,16 +133,19 @@ const testGraph2: Readonly<SModelElement> = {
 
 const simpleCSTemplateCode: string = 'Controller {\n    hierarchyLevel 0\n    controlActions {\n        [ca "control action"] -> ControlledProcess\n    }\n}\nControlledProcess {\n    hierarchyLevel 1\n    feedback {\n        [fb "feedback"] -> Controller\n    }\n}\n';
 
-export class SimpleCSTemplate implements Template {
-    graph = simpleCSTemplateGraph;
+export class SimpleCSTemplate implements LanguageTemplate {
     code = simpleCSTemplateCode;
-    //documents: LangiumDocuments;
+    documents: LangiumDocuments;
     id: string = 'simpleCSTemplate';
     insertText = simpleCSTemplateCode;
 
-    /* constructor(documents: LangiumDocuments) {
+    constructor(documents: LangiumDocuments) {
         this.documents = documents;
-    } */
+    }
+
+    generateGraph(): Readonly<SModelElement> {
+        return simpleCSTemplateGraph
+    }
 
     getPosition (uri: string, x: number, y: number): Position {
         // TODO: x and y should be considered when placing the text in the editor
@@ -174,15 +177,17 @@ export class SimpleCSTemplate implements Template {
     }
 };
 
-export class TestTemplate2 implements Template {
-    graph = testGraph2;
+export class TestTemplate2 implements LanguageTemplate {
     code = 'testString2';
-    //documents: LangiumDocuments;
+    documents: LangiumDocuments;
     id: string = 'tempGraph2';
 
-    /* constructor(documents: LangiumDocuments) {
+    constructor(documents: LangiumDocuments) {
         this.documents = documents;
-    } */
+    }
+    generateGraph(): Readonly<SModelElement> {
+        return testGraph2
+    }
     
     getPosition (uri: string, x: number, y: number): Position {
         return {
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index 08157a92..916728dd 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -16,12 +16,12 @@
  */
 
 import { Action } from "sprotty-protocol";
-import { Template } from "./template-model";
+import { WebviewTemplate } from "./template-model";
 
 /** Request message from the server to update the diagram options widget on the client. */
 export interface UpdateTemplatesAction extends Action {
     kind: typeof UpdateTemplatesAction.KIND;
-    templates: Template[];
+    templates: WebviewTemplate[];
     clientId: string;
 }
 
@@ -29,7 +29,7 @@ export namespace UpdateTemplatesAction {
     export const KIND = "updateTemplates";
 
     export function create(
-        templates: Template[],
+        templates: WebviewTemplate[],
         clientId: string
     ): UpdateTemplatesAction {
         return {
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index ebbadd02..515f1c26 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -18,17 +18,17 @@
 import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
 import { ExecuteTemplateAction, UpdateTemplatesAction } from './actions';
-import { Template } from './template-model';
+import { LanguageTemplate, WebviewTemplate } from './template-model';
 
 export class TemplateDiagramServer extends DiagramServer {
 
     protected clientId: string;
-    protected templates: Template[];    
+    protected templates: LanguageTemplate[];    
     protected options: JsonMap | undefined;
     protected connection: Connection | undefined;
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, clientId: string, templates: Template[], options: JsonMap | undefined, connection: Connection | undefined) {
+        services: DiagramServices, clientId: string, templates: LanguageTemplate[], options: JsonMap | undefined, connection: Connection | undefined) {
         super(dispatch, services);
         this.clientId = clientId;
         this.options = options;
@@ -41,15 +41,26 @@ export class TemplateDiagramServer extends DiagramServer {
      * Send the templates provided by the server to the client.
      */
     private async sendTemplates() {
-        // TODO: generic code + size computation + correct ordering of nodes
-        const test = this.templates[0].graph;
-        const request = RequestBoundsAction.create(test);
-        const response = await this.request<ComputedBoundsAction>(request);
-        applyBounds(test, response);
-        const newRoot = await this.layoutEngine?.layout(test);
-        this.templates[0].graph = newRoot!;
+        const webviewTemplates: WebviewTemplate[] = []
+        for (const template of this.templates) {
+            // TODO: size computation + correct ordering of nodes
+            let graph = template.generateGraph();
+            const request = RequestBoundsAction.create(graph);
+            const response = await this.request<ComputedBoundsAction>(request);
+            applyBounds(graph, response);
+            const newRoot = await this.layoutEngine?.layout(graph);
+            if (newRoot) {
+                graph = newRoot;
+            }
+            const webTemp = {
+                graph: graph,
+                id: template.id
+            };
+            webviewTemplates.push(webTemp);
+        }
+
         // send the avaiable templates to the client
-        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: this.templates, clientId: this.clientId });
+        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: webviewTemplates, clientId: this.clientId });
     }
 
     protected handleAction(action: Action): Promise<void> {
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index 2bacb248..41accd05 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -18,10 +18,15 @@
 import { SModelElement } from 'sprotty-protocol';
 import { Position } from 'vscode-languageserver';
 
-export interface Template {
-    graph: Readonly<SModelElement>;
+export interface LanguageTemplate {
     code: string;
     id: string;
 
-    getPosition(uri: string, x: number, y: number): Position
+    generateGraph(): Readonly<SModelElement>;
+    getPosition(uri: string, x: number, y: number): Position;
+}
+
+export interface WebviewTemplate {
+    graph: Readonly<SModelElement>;
+    id: string;
 }
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index d7a87769..73d3f7e4 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -17,7 +17,7 @@
 
 import { Action, Bounds } from "sprotty-protocol";
 import { ModelRenderer } from "sprotty"
-import { Template } from "./template-models";
+import { WebviewTemplate } from "./template-models";
 
 /** Sent from the view. */
 export interface SendModelRendererAction extends Action {
@@ -45,7 +45,7 @@ export namespace SendModelRendererAction {
 /** Request message from the server to update the diagram options widget on the client. */
 export interface UpdateTemplatesAction extends Action {
     kind: typeof UpdateTemplatesAction.KIND;
-    templates: Template[];
+    templates: WebviewTemplate[];
     clientId: string;
 }
 
@@ -53,7 +53,7 @@ export namespace UpdateTemplatesAction {
     export const KIND = "updateTemplates";
 
     export function create(
-        templates: Template[],
+        templates: WebviewTemplate[],
         clientId: string
     ): UpdateTemplatesAction {
         return {
diff --git a/webview/src/template/template-models.ts b/webview/src/template/template-models.ts
index 48ee69b5..8555d7f2 100644
--- a/webview/src/template/template-models.ts
+++ b/webview/src/template/template-models.ts
@@ -17,8 +17,7 @@
 
 import { SModelElement } from "sprotty";
 
-export interface Template {
+export interface WebviewTemplate {
     graph: Readonly<SModelElement>;
-    code: string;
     id: string;
 }
diff --git a/webview/src/template/template-mouselistener.ts b/webview/src/template/template-mouselistener.ts
index 0e9ab4d9..735313da 100644
--- a/webview/src/template/template-mouselistener.ts
+++ b/webview/src/template/template-mouselistener.ts
@@ -29,7 +29,7 @@ export class TemplateMouseListener extends MouseListener {
 
     mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
         const root = target.root;
-        const selectedTemp = this.tempRegistry.templates.find(template => template.id === root.id)
+        const selectedTemp = this.tempRegistry.templates.find(template => template.graph.id === root.id)
         // TODO: maybe x and y should be the top left corner of the moved template instead of the event
         if (selectedTemp) {
             const action: ExecuteTemplateAction = {
diff --git a/webview/src/template/template-registry.ts b/webview/src/template/template-registry.ts
index cda807d9..38cb0cb7 100644
--- a/webview/src/template/template-registry.ts
+++ b/webview/src/template/template-registry.ts
@@ -21,7 +21,7 @@ import { Action } from "sprotty-protocol";
 import { Registry } from "../base/registry";
 import { DISymbol } from "../di.symbols";
 import { SendModelRendererAction, UpdateTemplatesAction } from "./actions";
-import { Template } from "./template-models";
+import { WebviewTemplate } from "./template-models";
 import { TemplateRenderer } from "./template-renderer";
 
 /**
@@ -41,9 +41,9 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
 
     @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
     
-    private _templates: Template[] = [];
+    private _templates: WebviewTemplate[] = [];
 
-    get templates(): Template[] {
+    get templates(): WebviewTemplate[] {
         return this._templates;
     }
     
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 0c2ba8e4..5bf86ed2 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -20,7 +20,7 @@ import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
 import { html, IActionDispatcher, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { Bounds } from 'sprotty-protocol'
-import { Template } from "./template-models";
+import { WebviewTemplate } from "./template-models";
 
 
 /** Renderer that is capable of rendering templates to jsx. */
@@ -42,7 +42,7 @@ export class TemplateRenderer {
     /**
      * Renders all templates provided by the server.
      */
-    renderTemplates(templates: Template[]): (VNode | "")[] | "" {
+    renderTemplates(templates: WebviewTemplate[]): (VNode | "")[] | "" {
         if (templates.length === 0) return "";
 
         // labels and edges are only visible if they are within the canvas bounds

From 34d7b1b0c99de5421a0d34d72d31773a6b90e5ca Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 20 May 2022 14:38:09 +0200
Subject: [PATCH 13/80] modified test template to simple control structure
 template

---
 language-server/src/stpa-templates.ts            | 16 ++++++----------
 .../src/templates/template-diagram-server.ts     |  3 ++-
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 4220bb7a..af73ca7f 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -21,7 +21,7 @@ import { CSEdge, CSNode } from './STPA-interfaces';
 import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from './stpa-model';
 import { LanguageTemplate } from './templates/template-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
-//import { URI } from 'vscode-uri';
+import { URI } from 'vscode-uri';
 
 export class StpaTemplates {
 
@@ -131,7 +131,7 @@ const testGraph2: Readonly<SModelElement> = {
     scroll: {x:0, y:0},
 } as SGraph;
 
-const simpleCSTemplateCode: string = 'Controller {\n    hierarchyLevel 0\n    controlActions {\n        [ca "control action"] -> ControlledProcess\n    }\n}\nControlledProcess {\n    hierarchyLevel 1\n    feedback {\n        [fb "feedback"] -> Controller\n    }\n}\n';
+const simpleCSTemplateCode: string = '\nController {\n    hierarchyLevel 0\n    controlActions {\n        [ca "control action"] -> ControlledProcess\n    }\n}\nControlledProcess {\n    hierarchyLevel 1\n    feedback {\n        [fb "feedback"] -> Controller\n    }\n}\n';
 
 export class SimpleCSTemplate implements LanguageTemplate {
     code = simpleCSTemplateCode;
@@ -150,13 +150,13 @@ export class SimpleCSTemplate implements LanguageTemplate {
     getPosition (uri: string, x: number, y: number): Position {
         // TODO: x and y should be considered when placing the text in the editor
         // TODO: title could be written but no graph name
-        /* const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         const docText = document.getText();
 
         // if there is not contorl structure so far, the title and a graph name must be added too
         const titleIndex = docText.indexOf('ControlStructure');
         if (titleIndex === -1) {
-            this.code = 'ControlStructure\nCS {\n' + this.insertText + '}';
+            this.code = 'ControlStructure\nCS {' + this.insertText + '}';
         } else {
             this.code = this.insertText;
         }
@@ -168,12 +168,8 @@ export class SimpleCSTemplate implements LanguageTemplate {
         } else {
             const csText = docText.substring(titleIndex, endIndex);
             const bracketIndex = csText.lastIndexOf('}');
-            return document.positionAt(bracketIndex -1);
-        } */
-        return {
-            line: 0,
-            character: 0
-        };
+            return document.positionAt(titleIndex + bracketIndex -1);
+        }
     }
 };
 
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 515f1c26..cac28bbb 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -75,7 +75,8 @@ export class TemplateDiagramServer extends DiagramServer {
         const uri = this.options?.sourceUri;
         const temp = this.templates.find(temp => temp.id === action.id);
         if (temp) {
-            this.connection?.sendNotification('editor/add', {uri: uri, text: temp.code, position: temp.getPosition(uri as string, action.x, action.y)});
+            const pos = temp.getPosition(uri as string, action.x, action.y);
+            this.connection?.sendNotification('editor/add', {uri: uri, text: temp.code, position: pos});
         } else {
             console.error('There is no Template with id ' + action.id);
         }

From 9f6a41efa474ecc4d1572d82ef4327075433cd29 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Mon, 23 May 2022 14:21:04 +0200
Subject: [PATCH 14/80] correct node sizes for template graphs

---
 language-server/src/stpa-templates.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index af73ca7f..8adb42d1 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -54,8 +54,7 @@ const simpleCSTemplateGraph: Readonly<SModelElement> = {
         {
             type: CS_NODE_TYPE,
             id: 'tempnode1',
-            size: {width: 10, height: 10},
-            //position: {x: 0, y: 0},
+            layout: 'stack',
             children: [
                 {
                     type:'label',
@@ -67,8 +66,7 @@ const simpleCSTemplateGraph: Readonly<SModelElement> = {
         {
             type: CS_NODE_TYPE,
             id: 'tempnode2',
-            size: {width: 10, height: 10},
-            //position: {x: 0, y: 100},
+            layout: 'stack',
             children: [
                 {
                     type:'label',
@@ -117,12 +115,12 @@ const testGraph2: Readonly<SModelElement> = {
         {
             type: CS_NODE_TYPE,
             id: 'tempnode21',
-            size: {width: 10, height: 10},
+            layout: 'stack',
             children: [
                 {
                     type:'label',
                     id: 'tempLabel21',
-                    text: 'Controller'
+                    text: 'Component'
                 } as SLabel
             ]
         } as CSNode
@@ -144,12 +142,14 @@ export class SimpleCSTemplate implements LanguageTemplate {
     }
 
     generateGraph(): Readonly<SModelElement> {
-        return simpleCSTemplateGraph
+        // TODO: generate graph automatically based on the code
+        return simpleCSTemplateGraph;
     }
 
     getPosition (uri: string, x: number, y: number): Position {
         // TODO: x and y should be considered when placing the text in the editor
         // TODO: title could be written but no graph name
+        // TODO: IDs must be unique even if the template is used more than once
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         const docText = document.getText();
 
@@ -182,7 +182,7 @@ export class TestTemplate2 implements LanguageTemplate {
         this.documents = documents;
     }
     generateGraph(): Readonly<SModelElement> {
-        return testGraph2
+        return testGraph2;
     }
     
     getPosition (uri: string, x: number, y: number): Position {

From 4da3302e5a2411b0b6b1c5970dae2384a6c02409 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 25 May 2022 10:35:59 +0200
Subject: [PATCH 15/80] registered css files

---
 webview/css/diagram.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/webview/css/diagram.css b/webview/css/diagram.css
index cccd2828..bca181ab 100644
--- a/webview/css/diagram.css
+++ b/webview/css/diagram.css
@@ -1,3 +1,6 @@
+@import "./options.css";
+@import "./sidebar.css";
+
 .vscode-high-contrast .stpa-node[aspect="0"], .vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
     fill: #AD0000;
 }

From f9b8c219f2c47e961a3933fb9452acae7ea81433 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 25 May 2022 10:37:22 +0200
Subject: [PATCH 16/80] adjusted canvasBounds + added parent for each template

---
 language-server/src/stpa-templates.ts         | 112 +++++++++---------
 .../src/templates/template-diagram-server.ts  |   2 +-
 .../src/templates/template-model.ts           |   2 +-
 webview/src/template/template-renderer.tsx    |   2 +-
 4 files changed, 62 insertions(+), 56 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 8adb42d1..51b97cab 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -18,7 +18,7 @@
 import { /* ModelLayoutOptions, */ SGraph, SLabel, SModelElement } from 'sprotty-protocol';
 import { Position } from 'vscode-languageserver';
 import { CSEdge, CSNode } from './STPA-interfaces';
-import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection } from './stpa-model';
+import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection, PARENT_TYPE } from './stpa-model';
 import { LanguageTemplate } from './templates/template-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
 import { URI } from 'vscode-uri';
@@ -52,57 +52,63 @@ const simpleCSTemplateGraph: Readonly<SModelElement> = {
     } as ModelLayoutOptions, */
     children: [
         {
-            type: CS_NODE_TYPE,
-            id: 'tempnode1',
-            layout: 'stack',
+            type: PARENT_TYPE,
+            id: 'tempparentnode1',
             children: [
                 {
-                    type:'label',
-                    id: 'tempLabel1',
-                    text: 'Controller'
-                } as SLabel
-            ]
-        } as CSNode,
-        {
-            type: CS_NODE_TYPE,
-            id: 'tempnode2',
-            layout: 'stack',
-            children: [
+                    type: CS_NODE_TYPE,
+                    id: 'tempnode1',
+                    layout: 'stack',
+                    children: [
+                        {
+                            type:'label',
+                            id: 'tempLabel1',
+                            text: 'Controller'
+                        } as SLabel
+                    ]
+                } as CSNode,
                 {
-                    type:'label',
-                    id: 'tempLabel2',
-                    text: 'Controlled Process'
-                } as SLabel
-            ]
-        } as CSNode,
-        {
-            type: CS_EDGE_TYPE,
-            id: 'tempedge1',
-            sourceId: 'tempnode1',
-            targetId: 'tempnode2',
-            direction: EdgeDirection.DOWN,
-            children: [
+                    type: CS_NODE_TYPE,
+                    id: 'tempnode2',
+                    layout: 'stack',
+                    children: [
+                        {
+                            type:'label',
+                            id: 'tempLabel2',
+                            text: 'Controlled Process'
+                        } as SLabel
+                    ]
+                } as CSNode,
                 {
-                    type:'label:xref',
-                    id: 'tempLabel3',
-                    text: 'control action'
-                } as SLabel
-            ]
-        } as CSEdge,
-        {
-            type: CS_EDGE_TYPE,
-            id: 'tempedge2',
-            sourceId: 'tempnode2',
-            targetId: 'tempnode1',
-            direction: EdgeDirection.UP,
-            children: [
+                    type: CS_EDGE_TYPE,
+                    id: 'tempedge1',
+                    sourceId: 'tempnode1',
+                    targetId: 'tempnode2',
+                    direction: EdgeDirection.DOWN,
+                    children: [
+                        {
+                            type:'label:xref',
+                            id: 'tempLabel3',
+                            text: 'control action'
+                        } as SLabel
+                    ]
+                } as CSEdge,
                 {
-                    type:'label:xref',
-                    id: 'tempLabel4',
-                    text: 'feedback'
-                } as SLabel
-            ]
-        } as CSEdge
+                    type: CS_EDGE_TYPE,
+                    id: 'tempedge2',
+                    sourceId: 'tempnode2',
+                    targetId: 'tempnode1',
+                    direction: EdgeDirection.UP,
+                    children: [
+                        {
+                            type:'label:xref',
+                            id: 'tempLabel4',
+                            text: 'feedback'
+                        } as SLabel
+                    ]
+                } as CSEdge
+            ] as SModelElement[]
+        }  
     ] as SModelElement[],
     zoom: 0.8,
     scroll: {x:0, y:0},
@@ -120,7 +126,7 @@ const testGraph2: Readonly<SModelElement> = {
                 {
                     type:'label',
                     id: 'tempLabel21',
-                    text: 'Component'
+                    text: 'TestGraph'
                 } as SLabel
             ]
         } as CSNode
@@ -132,10 +138,10 @@ const testGraph2: Readonly<SModelElement> = {
 const simpleCSTemplateCode: string = '\nController {\n    hierarchyLevel 0\n    controlActions {\n        [ca "control action"] -> ControlledProcess\n    }\n}\nControlledProcess {\n    hierarchyLevel 1\n    feedback {\n        [fb "feedback"] -> Controller\n    }\n}\n';
 
 export class SimpleCSTemplate implements LanguageTemplate {
-    code = simpleCSTemplateCode;
+    insertText = simpleCSTemplateCode;
     documents: LangiumDocuments;
     id: string = 'simpleCSTemplate';
-    insertText = simpleCSTemplateCode;
+    baseCode = simpleCSTemplateCode;
 
     constructor(documents: LangiumDocuments) {
         this.documents = documents;
@@ -156,9 +162,9 @@ export class SimpleCSTemplate implements LanguageTemplate {
         // if there is not contorl structure so far, the title and a graph name must be added too
         const titleIndex = docText.indexOf('ControlStructure');
         if (titleIndex === -1) {
-            this.code = 'ControlStructure\nCS {' + this.insertText + '}';
+            this.insertText = 'ControlStructure\nCS {' + this.baseCode + '}';
         } else {
-            this.code = this.insertText;
+            this.insertText = this.baseCode;
         }
         // determine position for the text to insert
         const nextTitleIndex = docText.indexOf('Responsibilities');
@@ -174,7 +180,7 @@ export class SimpleCSTemplate implements LanguageTemplate {
 };
 
 export class TestTemplate2 implements LanguageTemplate {
-    code = 'testString2';
+    insertText = 'testString2';
     documents: LangiumDocuments;
     id: string = 'tempGraph2';
 
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index cac28bbb..03c2867f 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -76,7 +76,7 @@ export class TemplateDiagramServer extends DiagramServer {
         const temp = this.templates.find(temp => temp.id === action.id);
         if (temp) {
             const pos = temp.getPosition(uri as string, action.x, action.y);
-            this.connection?.sendNotification('editor/add', {uri: uri, text: temp.code, position: pos});
+            this.connection?.sendNotification('editor/add', {uri: uri, text: temp.insertText, position: pos});
         } else {
             console.error('There is no Template with id ' + action.id);
         }
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index 41accd05..8c1f8469 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -19,7 +19,7 @@ import { SModelElement } from 'sprotty-protocol';
 import { Position } from 'vscode-languageserver';
 
 export interface LanguageTemplate {
-    code: string;
+    insertText: string;
     id: string;
 
     generateGraph(): Readonly<SModelElement>;
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 5bf86ed2..7c607162 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -47,7 +47,7 @@ export class TemplateRenderer {
 
         // labels and edges are only visible if they are within the canvas bounds
         for (const temp of templates) {
-            (temp.graph as SGraph).canvasBounds = this.bounds;
+            (temp.graph as SGraph).canvasBounds = {width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y};
         }
 
         const res = templates.map(template =>

From 468ebd54abd8a0fdc5ffdef77229749b125fe856 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 1 Jun 2022 09:04:14 +0200
Subject: [PATCH 17/80] deleted coordinates of ExecuteTemplate action

---
 language-server/src/stpa-templates.ts                    | 7 +++----
 language-server/src/templates/actions.ts                 | 6 ------
 language-server/src/templates/template-diagram-server.ts | 2 +-
 language-server/src/templates/template-model.ts          | 2 +-
 webview/src/template/actions.ts                          | 6 ------
 webview/src/template/template-mouselistener.ts           | 5 +----
 6 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 51b97cab..1fd7be0c 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -148,12 +148,11 @@ export class SimpleCSTemplate implements LanguageTemplate {
     }
 
     generateGraph(): Readonly<SModelElement> {
-        // TODO: generate graph automatically based on the code
+        // TODO: generate graph automatically based on the code -> generateTempalteRoot
         return simpleCSTemplateGraph;
     }
 
-    getPosition (uri: string, x: number, y: number): Position {
-        // TODO: x and y should be considered when placing the text in the editor
+    getPosition (uri: string): Position {
         // TODO: title could be written but no graph name
         // TODO: IDs must be unique even if the template is used more than once
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
@@ -191,7 +190,7 @@ export class TestTemplate2 implements LanguageTemplate {
         return testGraph2;
     }
     
-    getPosition (uri: string, x: number, y: number): Position {
+    getPosition (uri: string): Position {
         return {
             line: 0,
             character: 0
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index 916728dd..67bba986 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -47,8 +47,6 @@ export namespace UpdateTemplatesAction {
 export interface ExecuteTemplateAction extends Action {
     kind: typeof ExecuteTemplateAction.KIND;
     id: string;
-    x: number;
-    y: number;
 }
 
 export namespace ExecuteTemplateAction {
@@ -56,14 +54,10 @@ export namespace ExecuteTemplateAction {
 
     export function create(
         id: string,
-        x: number,
-        y: number
     ): ExecuteTemplateAction {
         return {
             kind: KIND,
             id,
-            x,
-            y
         };
     }
 
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 03c2867f..858cb263 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -75,7 +75,7 @@ export class TemplateDiagramServer extends DiagramServer {
         const uri = this.options?.sourceUri;
         const temp = this.templates.find(temp => temp.id === action.id);
         if (temp) {
-            const pos = temp.getPosition(uri as string, action.x, action.y);
+            const pos = temp.getPosition(uri as string);
             this.connection?.sendNotification('editor/add', {uri: uri, text: temp.insertText, position: pos});
         } else {
             console.error('There is no Template with id ' + action.id);
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index 8c1f8469..bf1d360a 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -23,7 +23,7 @@ export interface LanguageTemplate {
     id: string;
 
     generateGraph(): Readonly<SModelElement>;
-    getPosition(uri: string, x: number, y: number): Position;
+    getPosition(uri: string): Position;
 }
 
 export interface WebviewTemplate {
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index 73d3f7e4..97bc2bc3 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -71,8 +71,6 @@ export namespace UpdateTemplatesAction {
 export interface ExecuteTemplateAction extends Action {
     kind: typeof ExecuteTemplateAction.KIND;
     id: string;
-    x: number;
-    y: number;
 }
 
 export namespace ExecuteTemplateAction {
@@ -80,14 +78,10 @@ export namespace ExecuteTemplateAction {
 
     export function create(
         id: string,
-        x: number,
-        y: number
     ): ExecuteTemplateAction {
         return {
             kind: KIND,
             id,
-            x,
-            y
         };
     }
 
diff --git a/webview/src/template/template-mouselistener.ts b/webview/src/template/template-mouselistener.ts
index 735313da..31622f58 100644
--- a/webview/src/template/template-mouselistener.ts
+++ b/webview/src/template/template-mouselistener.ts
@@ -30,13 +30,10 @@ export class TemplateMouseListener extends MouseListener {
     mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
         const root = target.root;
         const selectedTemp = this.tempRegistry.templates.find(template => template.graph.id === root.id)
-        // TODO: maybe x and y should be the top left corner of the moved template instead of the event
         if (selectedTemp) {
             const action: ExecuteTemplateAction = {
                 kind: ExecuteTemplateAction.KIND,
-                id: selectedTemp.id,
-                x: event.x,
-                y: event.y
+                id: selectedTemp.id
             };
             vscodeApi.postMessage({clientId: this.tempRegistry.clientId, action: action});
         }

From 8e0804a12619386f58861678e7ddc2a95b062735 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 3 Jun 2022 13:25:43 +0200
Subject: [PATCH 18/80] automatic generation of template graph

---
 language-server/src/diagram-generator.ts      | 139 ++++++++++------
 language-server/src/stpa-document-builder.ts  |  27 ++++
 language-server/src/stpa-module.ts            |  36 ++++-
 language-server/src/stpa-templates.ts         | 152 +++++-------------
 .../src/templates/template-diagram-server.ts  |  10 +-
 .../src/templates/template-model.ts           |   9 +-
 webview/src/template/template-renderer.tsx    |   3 +-
 webview/src/views.tsx                         |   7 +-
 8 files changed, 211 insertions(+), 172 deletions(-)
 create mode 100644 language-server/src/stpa-document-builder.ts

diff --git a/language-server/src/diagram-generator.ts b/language-server/src/diagram-generator.ts
index 09b8d834..58fe14a8 100644
--- a/language-server/src/diagram-generator.ts
+++ b/language-server/src/diagram-generator.ts
@@ -15,8 +15,8 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { AstNode } from 'langium';
-import { GeneratorContext, LangiumDiagramGenerator } from 'langium-sprotty';
+import { AstNode, documentFromText, LangiumParser, ParseResult } from 'langium';
+import { GeneratorContext, IdCache, IdCacheImpl } from 'langium-sprotty';
 import { SModelRoot, SLabel, SModelElement } from 'sprotty-protocol';
 import { isContConstraint, isHazard, isLoss, isLossScenario, isResponsibility, isSafetyConstraint, 
     isSystemConstraint, isUCA, Model, Node } from './generated/ast';
@@ -25,16 +25,49 @@ import { PARENT_TYPE, EdgeDirection, CS_EDGE_TYPE, CS_NODE_TYPE, STPA_NODE_TYPE,
 import { StpaServices } from './stpa-module';
 import { collectElementsWithSubComps, getAspect, getTargets, setPositionsForCSNodes, setPositionsForSTPANodes } from './utils';
 import { StpaSynthesisOptions } from './options/synthesis-options';
+import { LanguageTemplate, TemplateGraphGenerator } from './templates/template-model';
+import { CancellationToken } from 'vscode-languageserver';
+import { TextDocument } from 'vscode-languageserver-textdocument';
+import { StpaDocumentBuilder } from './stpa-document-builder';
 
-export class StpaDiagramGenerator extends LangiumDiagramGenerator {
+export class StpaDiagramGenerator extends TemplateGraphGenerator {
 
     protected readonly options: StpaSynthesisOptions;
+    protected readonly parser: LangiumParser;
+    protected readonly docBuilder: StpaDocumentBuilder;
+    protected readonly languageId: string;
+    protected idCache: IdCache<AstNode>;
 
     constructor(services: StpaServices) {
         super(services);
         this.options = services.options.StpaSynthesisOptions;
+        this.parser = services.parser.LangiumParser;
+        this.docBuilder = services.shared.workspace.DocumentBuilder as StpaDocumentBuilder;
+        this.languageId = services.LanguageMetaData.languageId;
     }
 
+    /**
+     * Generates an SGraph for the given {@code template}.
+     * @param template The template for which a graph should be generated.
+     * @returns the SGraph.
+     */
+    async generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot> {
+        // in order for the cross-references to be correctly evaluated, a document must be build
+        const uri = 'file:///template.stpa';
+        const textDocument = TextDocument.create(uri, this.languageId, 0, template.baseCode ?? '');
+        const parseResult: ParseResult<Model> = this.parser.parse<Model>(template.baseCode);
+        const doc = documentFromText<Model>(textDocument, parseResult);
+        await this.docBuilder.buildDocuments([doc], CancellationToken.None);
+
+        if (!this.idCache) {
+            this.idCache = new IdCacheImpl();
+        }
+        const graph = this.generateGraph(doc.parseResult.value);
+        graph.id = template.id;
+        return graph;
+    }
+    
+
     /**
      * Generates a SGraph for the STPA model contained in {@code args}.
      * @param args GeneratorContext for the STPA model.
@@ -43,34 +76,45 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
     protected generateRoot(args: GeneratorContext<Model>): SModelRoot {
         const { document } = args;
         const model: Model = document.parseResult.value;
+        if (!this.idCache) {
+            this.idCache = args.idCache;
+        }
+        return this.generateGraph(model);
+    }
 
+    /**
+     * Generates an SGraph for the given {@code model}.
+     * @param model The Model for whcih a graph should be generated.
+     * @returns an SGraph.
+     */
+    private generateGraph(model: Model): SModelRoot {
         // determine the children for the STPA graph
         // for each component a node is generated with edges representing the references of the component
         // in order to be able to set the target IDs of the edges, the nodes must be created in the correct order
-        let stpaChildren: SModelElement[] = model.losses?.map(l => this.generateSTPANode(l, args));
+        let stpaChildren: SModelElement[] = model.losses?.map(l => this.generateSTPANode(l));
         // the hierarchy option determines whether subcomponents are contained in ther parent or not
         if (!this.options.getHierarchy()) {
             // subcomponents have edges to the parent
             const hazards = collectElementsWithSubComps(model.hazards);
             const sysCons = collectElementsWithSubComps(model.systemLevelConstraints);
             stpaChildren = stpaChildren.concat([
-                    ...hazards.map(sh => this.generateAspectWithEdges(sh, args)).flat(1),
-                    ...sysCons.map(ssc => this.generateAspectWithEdges(ssc, args)).flat(1)
+                    ...hazards.map(sh => this.generateAspectWithEdges(sh)).flat(1),
+                    ...sysCons.map(ssc => this.generateAspectWithEdges(ssc)).flat(1)
                 ]);
         } else {
             // subcomponents are contained in the parent
             stpaChildren = stpaChildren.concat([
-                    ...model.hazards?.map(h => this.generateAspectWithEdges(h, args)).flat(1),
-                    ...model.systemLevelConstraints?.map(sc => this.generateAspectWithEdges(sc, args)).flat(1),
-                    ...model.systemLevelConstraints?.map(sc => sc.subComps?.map(ssc => this.generateEdgesForSTPANode(ssc, args))).flat(2)
+                    ...model.hazards?.map(h => this.generateAspectWithEdges(h)).flat(1),
+                    ...model.systemLevelConstraints?.map(sc => this.generateAspectWithEdges(sc)).flat(1),
+                    ...model.systemLevelConstraints?.map(sc => sc.subComps?.map(ssc => this.generateEdgesForSTPANode(ssc))).flat(2)
                 ]);
         }
         stpaChildren = stpaChildren.concat([
-            ...model.responsibilities?.map(r => r.responsiblitiesForOneSystem.map(resp => this.generateAspectWithEdges(resp, args))).flat(2),
-            ...model.allUCAs?.map(allUCA => allUCA.ucas.map(uca => this.generateAspectWithEdges(uca, args))).flat(2),
-            ...model.controllerConstraints?.map(c => this.generateAspectWithEdges(c, args)).flat(1),
-            ...model.scenarios?.map(s => this.generateAspectWithEdges(s, args)).flat(1),
-            ...model.safetyCons?.map(sr => this.generateAspectWithEdges(sr, args)).flat(1)
+            ...model.responsibilities?.map(r => r.responsiblitiesForOneSystem.map(resp => this.generateAspectWithEdges(resp))).flat(2),
+            ...model.allUCAs?.map(allUCA => allUCA.ucas.map(uca => this.generateAspectWithEdges(uca))).flat(2),
+            ...model.controllerConstraints?.map(c => this.generateAspectWithEdges(c)).flat(1),
+            ...model.scenarios?.map(s => this.generateAspectWithEdges(s)).flat(1),
+            ...model.safetyCons?.map(sr => this.generateAspectWithEdges(sr)).flat(1)
         ]);
 
         // filtering the nodes of the STPA graph
@@ -85,13 +129,13 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
 
         if (model.controlStructure) {
             // determine the nodes of the control structure graph
-            const csNodes = model.controlStructure?.nodes.map(n => this.generateCSNode(n, args));
+            const csNodes = model.controlStructure?.nodes.map(n => this.generateCSNode(n));
             // each node should be placed in a specifc layer based on the hierarchy level. therefore positions must be set
             setPositionsForCSNodes(csNodes);
             // children (nodes and edges) of the control structure
             const CSChildren= [
                 ...csNodes,
-                ...this.generateVerticalCSEdges(model.controlStructure.nodes, args),
+                ...this.generateVerticalCSEdges(model.controlStructure.nodes),
                 //...this.generateHorizontalCSEdges(model.controlStructure.edges, args)
             ];
             // SGraph containing the STPA graph and the control structure
@@ -133,16 +177,17 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param args GeneratorCOntext of the STPA model
      * @returns A list of edges for the control structure.
      */
-    private generateVerticalCSEdges(nodes: Node[], args: GeneratorContext<Model>): CSEdge[]{
-        const idCache = args.idCache;
+    private generateVerticalCSEdges(nodes: Node[]): CSEdge[]{
         let edges: CSEdge[] = [];
         // for every control action and feedback of every a node, a edge should be created
         for (const node of nodes) {
             // create edges representing the control actions
             for (const edge of node.actions) {
-                const sourceId = idCache.getId(edge.$container);
-                const targetId = idCache.getId(edge.target.ref);
-                const edgeId = idCache.uniqueId(`${sourceId}:${edge.comms[0].name}:${targetId}`, edge);
+                const sourceId = this.idCache.getId(edge.$container);
+                const targetId = this.idCache.getId(edge.target.ref);
+                const testRef = edge.target.ref;
+                console.log(testRef);
+                const edgeId = this.idCache.uniqueId(`${sourceId}:${edge.comms[0].name}:${targetId}`, edge);
                 // multiple control actions to same target are represented by on edge
                 let label = '';
                 for (let i = 0; i < edge.comms.length; i++) {
@@ -153,14 +198,14 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
                     }
                 }
                 const e = this.generateCSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '', 
-                                label, EdgeDirection.DOWN, args);
+                                label, EdgeDirection.DOWN);
                 edges.push(e);
             }
             // create edges representing feedback
             for (const edge of node.feedbacks) {
-                const sourceId = idCache.getId(edge.$container);
-                const targetId = idCache.getId(edge.target.ref);
-                const edgeId = idCache.uniqueId(`${sourceId}:${edge.comms[0].name}:${targetId}`, edge);
+                const sourceId = this.idCache.getId(edge.$container);
+                const targetId = this.idCache.getId(edge.target.ref);
+                const edgeId = this.idCache.uniqueId(`${sourceId}:${edge.comms[0].name}:${targetId}`, edge);
                 // multiple feedback to same target is represented by on edge
                 let label = '';
                 for (let i = 0; i < edge.comms.length; i++) {
@@ -171,7 +216,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
                     }
                 }
                 const e = this.generateCSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '', 
-                                label, EdgeDirection.UP, args);
+                                label, EdgeDirection.UP);
                 edges.push(e);
             }
         }
@@ -202,7 +247,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param param5 GeneratorContext of the STPA model.
      * @returns A control structure edge.
      */
-    private generateCSEdge(edgeId: string, sourceId: string, targetId: string, label: string, direction: EdgeDirection, { idCache }: GeneratorContext<Model>): CSEdge {
+    private generateCSEdge(edgeId: string, sourceId: string, targetId: string, label: string, direction: EdgeDirection): CSEdge {
         // needed for correct layout
         label = label === '' ? ' ' : label;
         return {
@@ -214,7 +259,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
             children: [
                 <SLabel> {
                     type: 'label:xref',
-                    id: idCache.uniqueId(edgeId + '.label'),
+                    id: this.idCache.uniqueId(edgeId + '.label'),
                     text: label
                 }
             ]
@@ -227,9 +272,9 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param param1 GeneratorContext of the STPA model.
      * @returns A CSNode representing {@code node}.
      */
-    private generateCSNode(node: Node, { idCache }: GeneratorContext<Model>): CSNode {
+    private generateCSNode(node: Node): CSNode {
         const label = node.label ? node.label : node.name;
-        const nodeId = idCache.uniqueId(node.name, node);
+        const nodeId = this.idCache.uniqueId(node.name, node);
         return {
             type: CS_NODE_TYPE,
             id: nodeId,
@@ -237,7 +282,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
             children: [
                 <SLabel>{
                     type: 'label',
-                    id: idCache.uniqueId(nodeId + '.label'),
+                    id: this.idCache.uniqueId(nodeId + '.label'),
                     text: label
                 }
             ],
@@ -257,10 +302,10 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param args GeneratorContext of the STPA model.
      * @returns A node representing {@code node} and edges representing the references {@code node} contains.
      */
-    private generateAspectWithEdges(node: AstNode, args: GeneratorContext<Model>): SModelElement[] {
+    private generateAspectWithEdges(node: AstNode): SModelElement[] {
         // node must be created first in order to access the id when creating the edges
-        const stpaNode = this.generateSTPANode(node, args);
-        const elements: SModelElement[] = this.generateEdgesForSTPANode(node, args);
+        const stpaNode = this.generateSTPANode(node);
+        const elements: SModelElement[] = this.generateEdgesForSTPANode(node);
         elements.push(stpaNode);
         return elements;
     }
@@ -271,18 +316,17 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param args GeneratorContext of the STPA model.
      * @returns Edges representing the references {@code node} contains.
      */
-    private generateEdgesForSTPANode(node: AstNode, args: GeneratorContext<Model>): SModelElement[] {
-        const idCache = args.idCache;
+    private generateEdgesForSTPANode(node: AstNode): SModelElement[] {
         const elements: SModelElement[] = [];
-        const sourceId = idCache.getId(node);
+        const sourceId = this.idCache.getId(node);
         // for every reference an edge is created
         // if hierarchy option is false, edges from subcomponents to parents are created too
         const targets = getTargets(node, this.options.getHierarchy());
         for (const target of targets) {
-            let targetId = idCache.getId(target);
-            const edgeId = idCache.uniqueId(`${sourceId}:-:${targetId}`, undefined);
+            let targetId = this.idCache.getId(target);
+            const edgeId = this.idCache.uniqueId(`${sourceId}:-:${targetId}`, undefined);
             if (sourceId && targetId) {
-                const e = this.generateSTPAEdge(edgeId, sourceId, targetId, '', args);
+                const e = this.generateSTPAEdge(edgeId, sourceId, targetId, '');
                 elements.push(e);
             }
         }
@@ -298,13 +342,13 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param param4 GeneratorContext of the STPA model.
      * @returns An STPAEdge.
      */
-    private generateSTPAEdge(edgeId: string, sourceId: string, targetId: string, label:string, { idCache }: GeneratorContext<Model>): STPAEdge {
+    private generateSTPAEdge(edgeId: string, sourceId: string, targetId: string, label:string): STPAEdge {
         let children: SModelElement[] = [];
         if (label !== '') {
             children = [
                 <SLabel> {
                     type: 'label:xref',
-                    id: idCache.uniqueId(edgeId + '.label'),
+                    id: this.idCache.uniqueId(edgeId + '.label'),
                     text: label
                 }
             ];
@@ -324,11 +368,10 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param args GeneratorContext of the STPA model.
      * @returns A STPANode representing {@code node}.
      */
-    private generateSTPANode(node: AstNode, args: GeneratorContext<Model>): STPANode {
-        const idCache = args.idCache;
+    private generateSTPANode(node: AstNode): STPANode {
         if (isLoss(node)|| isHazard(node) || isSystemConstraint(node) || isContConstraint(node) || isLossScenario(node) 
                     || isSafetyConstraint(node) || isResponsibility(node) || isUCA(node)){
-            const nodeId = idCache.uniqueId(node.name, node);
+            const nodeId = this.idCache.uniqueId(node.name, node);
             // determines the hierarchy level for subcomponents. For other components the value is 0.
             let lvl = 0;
             let container = node.$container;
@@ -340,18 +383,18 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
             let children: SModelElement[] = [
                 <SLabel>{
                     type: 'label',
-                    id: idCache.uniqueId(nodeId + '.label'),
+                    id: this.idCache.uniqueId(nodeId + '.label'),
                     text: node.name
                 }
             ];
             // if the hierarchy option is true, the subcomponents are added as children to the parent
             if (this.options.getHierarchy() && (isHazard(node) && node.subComps.length !== 0)) {
                 // adds subhazards
-                children = children.concat(node.subComps?.map((sc: AstNode) => this.generateSTPANode(sc, args)));
+                children = children.concat(node.subComps?.map((sc: AstNode) => this.generateSTPANode(sc)));
             }
             if (this.options.getHierarchy() && isSystemConstraint(node) && node.subComps.length !== 0) {
                 // adds subconstraints
-                children = children.concat(node.subComps?.map((sc: AstNode) => this.generateSTPANode(sc, args)));
+                children = children.concat(node.subComps?.map((sc: AstNode) => this.generateSTPANode(sc)));
             }
 
             return {
diff --git a/language-server/src/stpa-document-builder.ts b/language-server/src/stpa-document-builder.ts
new file mode 100644
index 00000000..70f7906a
--- /dev/null
+++ b/language-server/src/stpa-document-builder.ts
@@ -0,0 +1,27 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { AstNode, DefaultDocumentBuilder, LangiumDocument } from 'langium';
+import { CancellationToken } from 'vscode-languageserver';
+
+export class StpaDocumentBuilder extends DefaultDocumentBuilder {
+
+    async buildDocuments(documents: LangiumDocument<AstNode>[], cancelToken: CancellationToken): Promise<void> {
+        return super.buildDocuments(documents, cancelToken);
+    }
+
+}
\ No newline at end of file
diff --git a/language-server/src/stpa-module.ts b/language-server/src/stpa-module.ts
index 0e33ed1c..aee57a9d 100644
--- a/language-server/src/stpa-module.ts
+++ b/language-server/src/stpa-module.ts
@@ -15,8 +15,12 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
+
+import { TextDocuments } from 'vscode-languageserver';
+import { TextDocument } from 'vscode-languageserver-textdocument';
 import ElkConstructor from 'elkjs/lib/elk.bundled';
-import { createDefaultModule, createDefaultSharedModule, DefaultSharedModuleContext, inject, Module, PartialLangiumServices } from 'langium';
+import { createDefaultModule, DefaultServiceRegistry, DefaultLangiumDocumentFactory, LangiumDefaultSharedServices, DefaultIndexManager, LangiumSharedServices, DefaultSharedModuleContext, DefaultLangiumDocuments, 
+    inject, Module, DefaultTextDocumentFactory, PartialLangiumServices } from 'langium';
 import { DefaultDiagramServerManager, DiagramActionNotification, LangiumSprottyServices, LangiumSprottySharedServices, SprottyDiagramServices, SprottySharedServices } from 'langium-sprotty';
 import { DefaultElementFilter, ElkFactory, ElkLayoutEngine, IElementFilter, ILayoutConfigurator } from 'sprotty-elk/lib/elk-layout';
 import { StpaDiagramGenerator } from './diagram-generator';
@@ -29,6 +33,7 @@ import { URI } from 'vscode-uri';
 import { DiagramOptions } from 'sprotty-protocol';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { StpaTemplates } from './stpa-templates';
+import { StpaDocumentBuilder } from './stpa-document-builder';
 
 
 /**
@@ -91,6 +96,9 @@ export const STPAModule: Module<StpaServices, PartialLangiumServices & SprottyDi
     }
 };
 
+/**
+ * creates the diagram server for STPA.
+ */
 export const stpaDiagramServerFactory =
 (services: LangiumSprottySharedServices): ((clientId: string, options?: DiagramOptions) => StpaDiagramServer) => {
     const connection = services.lsp.Connection;
@@ -113,7 +121,7 @@ export const stpaDiagramServerFactory =
 /**
  * instead of the default diagram server the stpa-diagram server is sued
  */
- export const StpaSprottySharedModule: Module<LangiumSprottySharedServices, SprottySharedServices> = {
+export const StpaSprottySharedModule: Module<LangiumSprottySharedServices, SprottySharedServices> = {
     diagram: {
         diagramServerFactory: stpaDiagramServerFactory,
         DiagramServerManager: services => new DefaultDiagramServerManager(services)
@@ -121,6 +129,28 @@ export const stpaDiagramServerFactory =
 };
 
 
+/**
+ * Create a dependency injection module for the default shared services. This is the set of
+ * services that are shared between multiple languages.
+ * Instead the default DocumentBuilder a custom StpaDocumentBuilder is used.
+ */
+ function createSharedModule(context: DefaultSharedModuleContext = {}): Module<LangiumSharedServices, LangiumDefaultSharedServices> {
+    return {
+        ServiceRegistry: () => new DefaultServiceRegistry(),
+        lsp: {
+            Connection: () => context.connection
+        },
+        workspace: {
+            LangiumDocuments: (services) => new DefaultLangiumDocuments(services),
+            LangiumDocumentFactory: (services) => new DefaultLangiumDocumentFactory(services),
+            DocumentBuilder: (services) => new StpaDocumentBuilder(services),
+            TextDocuments: () => new TextDocuments(TextDocument),
+            TextDocumentFactory: (services) => new DefaultTextDocumentFactory(services),
+            IndexManager: (services) => new DefaultIndexManager(services)
+        }
+    };
+}
+
 
 /**
  * Create the full set of services required by Langium.
@@ -139,7 +169,7 @@ export const stpaDiagramServerFactory =
  */
 export function createStpaServices(context?: DefaultSharedModuleContext): { shared: LangiumSprottySharedServices, states: StpaServices} {
     const shared = inject(
-        createDefaultSharedModule(context),
+        createSharedModule(context),
         StpaGeneratedSharedModule,
         StpaSprottySharedModule
     );
diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 1fd7be0c..fdb9fca4 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -15,10 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { /* ModelLayoutOptions, */ SGraph, SLabel, SModelElement } from 'sprotty-protocol';
 import { Position } from 'vscode-languageserver';
-import { CSEdge, CSNode } from './STPA-interfaces';
-import { CS_EDGE_TYPE, CS_NODE_TYPE, EdgeDirection, PARENT_TYPE } from './stpa-model';
 import { LanguageTemplate } from './templates/template-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
 import { URI } from 'vscode-uri';
@@ -31,112 +28,49 @@ export class StpaTemplates {
 
     constructor(services: LangiumServices) {
         this.langiumDocuments = services.shared.workspace.LangiumDocuments;
-        this.defaultTemplates =  [new SimpleCSTemplate(this.langiumDocuments), new TestTemplate2(this.langiumDocuments)];
+        this.defaultTemplates = this.generateDefaultTemplates();
         this.templates = this.defaultTemplates;
     }
 
+    /**
+     * Creates the default templates.
+     * @returns A list with the default templates.
+     */
+    protected generateDefaultTemplates() {
+        return [
+            new SimpleCSTemplate(this.langiumDocuments),
+            new TestTemplate2(this.langiumDocuments)
+        ];
+    }
+
     getTemplates() {
         return this.templates;
     }
 
 }
 
-const simpleCSTemplateGraph: Readonly<SModelElement> = {
-    type: 'graph',
-    id: 'simpleCSTemplate',
-/*     layoutOptions: {
-        'org.eclipse.elk.separateConnectedComponents': 'false',
-        'org.eclipse.elk.layered.crossingMinimization.semiInteractive': 'true',
-        'cycleBreaking.strategy': 'INTERACTIVE',
-        'layering.strategy': 'INTERACTIVE'
-    } as ModelLayoutOptions, */
-    children: [
-        {
-            type: PARENT_TYPE,
-            id: 'tempparentnode1',
-            children: [
-                {
-                    type: CS_NODE_TYPE,
-                    id: 'tempnode1',
-                    layout: 'stack',
-                    children: [
-                        {
-                            type:'label',
-                            id: 'tempLabel1',
-                            text: 'Controller'
-                        } as SLabel
-                    ]
-                } as CSNode,
-                {
-                    type: CS_NODE_TYPE,
-                    id: 'tempnode2',
-                    layout: 'stack',
-                    children: [
-                        {
-                            type:'label',
-                            id: 'tempLabel2',
-                            text: 'Controlled Process'
-                        } as SLabel
-                    ]
-                } as CSNode,
-                {
-                    type: CS_EDGE_TYPE,
-                    id: 'tempedge1',
-                    sourceId: 'tempnode1',
-                    targetId: 'tempnode2',
-                    direction: EdgeDirection.DOWN,
-                    children: [
-                        {
-                            type:'label:xref',
-                            id: 'tempLabel3',
-                            text: 'control action'
-                        } as SLabel
-                    ]
-                } as CSEdge,
-                {
-                    type: CS_EDGE_TYPE,
-                    id: 'tempedge2',
-                    sourceId: 'tempnode2',
-                    targetId: 'tempnode1',
-                    direction: EdgeDirection.UP,
-                    children: [
-                        {
-                            type:'label:xref',
-                            id: 'tempLabel4',
-                            text: 'feedback'
-                        } as SLabel
-                    ]
-                } as CSEdge
-            ] as SModelElement[]
-        }  
-    ] as SModelElement[],
-    zoom: 0.8,
-    scroll: {x:0, y:0},
-} as SGraph;
-
-const testGraph2: Readonly<SModelElement> = {
-    type: 'graph',
-    id: 'tempGraph2',
-    children: [
-        {
-            type: CS_NODE_TYPE,
-            id: 'tempnode21',
-            layout: 'stack',
-            children: [
-                {
-                    type:'label',
-                    id: 'tempLabel21',
-                    text: 'TestGraph'
-                } as SLabel
-            ]
-        } as CSNode
-    ] as SModelElement[],
-    zoom: 0.8,
-    scroll: {x:0, y:0},
-} as SGraph;
-
-const simpleCSTemplateCode: string = '\nController {\n    hierarchyLevel 0\n    controlActions {\n        [ca "control action"] -> ControlledProcess\n    }\n}\nControlledProcess {\n    hierarchyLevel 1\n    feedback {\n        [fb "feedback"] -> Controller\n    }\n}\n';
+const simpleCSTemplateCode: string = 
+`
+ControlStructure 
+CS {
+    Controller {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControlledProcess
+        }
+    }
+    ControlledProcess {
+        hierarchyLevel 1
+        feedback {
+            [fb "feedback"] -> Controller
+        }
+    }
+}
+`;
 
+/**
+ * Template for a control structure with one controller and one controlled process.
+ */
 export class SimpleCSTemplate implements LanguageTemplate {
     insertText = simpleCSTemplateCode;
     documents: LangiumDocuments;
@@ -147,21 +81,16 @@ export class SimpleCSTemplate implements LanguageTemplate {
         this.documents = documents;
     }
 
-    generateGraph(): Readonly<SModelElement> {
-        // TODO: generate graph automatically based on the code -> generateTempalteRoot
-        return simpleCSTemplateGraph;
-    }
-
     getPosition (uri: string): Position {
         // TODO: title could be written but no graph name
         // TODO: IDs must be unique even if the template is used more than once
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         const docText = document.getText();
 
-        // if there is not contorl structure so far, the title and a graph name must be added too
+        // if there is already a control structure, the title and a graph name must be deleted
         const titleIndex = docText.indexOf('ControlStructure');
-        if (titleIndex === -1) {
-            this.insertText = 'ControlStructure\nCS {' + this.baseCode + '}';
+        if (titleIndex !== -1) {
+            this.insertText = this.baseCode.substring(23, this.baseCode.length-3);
         } else {
             this.insertText = this.baseCode;
         }
@@ -178,17 +107,18 @@ export class SimpleCSTemplate implements LanguageTemplate {
     }
 };
 
+/**
+ * Template for tests
+ */
 export class TestTemplate2 implements LanguageTemplate {
-    insertText = 'testString2';
+    insertText = 'Losses\nL1 "test"';
+    baseCode = 'Losses\nL1 "test"';
     documents: LangiumDocuments;
     id: string = 'tempGraph2';
 
     constructor(documents: LangiumDocuments) {
         this.documents = documents;
     }
-    generateGraph(): Readonly<SModelElement> {
-        return testGraph2;
-    }
     
     getPosition (uri: string): Position {
         return {
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 858cb263..3a0a1fe5 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -18,7 +18,7 @@
 import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
 import { ExecuteTemplateAction, UpdateTemplatesAction } from './actions';
-import { LanguageTemplate, WebviewTemplate } from './template-model';
+import { LanguageTemplate, TemplateGraphGenerator, WebviewTemplate } from './template-model';
 
 export class TemplateDiagramServer extends DiagramServer {
 
@@ -26,6 +26,7 @@ export class TemplateDiagramServer extends DiagramServer {
     protected templates: LanguageTemplate[];    
     protected options: JsonMap | undefined;
     protected connection: Connection | undefined;
+    protected templateGraphGenerator: TemplateGraphGenerator;
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
         services: DiagramServices, clientId: string, templates: LanguageTemplate[], options: JsonMap | undefined, connection: Connection | undefined) {
@@ -34,6 +35,7 @@ export class TemplateDiagramServer extends DiagramServer {
         this.options = options;
         this.connection = connection;
         this.templates = templates;
+        this.templateGraphGenerator = services.DiagramGenerator as TemplateGraphGenerator;
         this.sendTemplates();
     }
 
@@ -41,10 +43,10 @@ export class TemplateDiagramServer extends DiagramServer {
      * Send the templates provided by the server to the client.
      */
     private async sendTemplates() {
-        const webviewTemplates: WebviewTemplate[] = []
+        const webviewTemplates: WebviewTemplate[] = [];
         for (const template of this.templates) {
-            // TODO: size computation + correct ordering of nodes
-            let graph = template.generateGraph();
+            // TODO: correct ordering of nodes
+            let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
             const request = RequestBoundsAction.create(graph);
             const response = await this.request<ComputedBoundsAction>(request);
             applyBounds(graph, response);
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index bf1d360a..285e422d 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -15,14 +15,15 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { SModelElement } from 'sprotty-protocol';
+import { LangiumDiagramGenerator } from 'langium-sprotty';
+import { SModelElement, SModelRoot } from 'sprotty-protocol';
 import { Position } from 'vscode-languageserver';
 
 export interface LanguageTemplate {
+    baseCode: string;
     insertText: string;
     id: string;
 
-    generateGraph(): Readonly<SModelElement>;
     getPosition(uri: string): Position;
 }
 
@@ -30,3 +31,7 @@ export interface WebviewTemplate {
     graph: Readonly<SModelElement>;
     id: string;
 }
+
+export abstract class TemplateGraphGenerator extends LangiumDiagramGenerator {
+    abstract generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot>;
+}
\ No newline at end of file
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 7c607162..6d7b3c8a 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -18,7 +18,7 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IActionDispatcher, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { html, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { Bounds } from 'sprotty-protocol'
 import { WebviewTemplate } from "./template-models";
 
@@ -26,7 +26,6 @@ import { WebviewTemplate } from "./template-models";
 /** Renderer that is capable of rendering templates to jsx. */
 @injectable()
 export class TemplateRenderer {
-    @inject(TYPES.IActionDispatcher) protected actionDispatcher: IActionDispatcher;
     @inject(TYPES.IModelFactory) protected modelFactory: IModelFactory;
     protected renderer: ModelRenderer;
     protected bounds: Bounds;
diff --git a/webview/src/views.tsx b/webview/src/views.tsx
index 6f12b5e9..9da2bbbb 100644
--- a/webview/src/views.tsx
+++ b/webview/src/views.tsx
@@ -150,8 +150,11 @@ export class CSNodeView extends RectangularNodeView {
 
     render(node: SNode, context: RenderingContext): VNode {
         // hides the control structure and/or relationship graph if the corresponding option is set to false
-        if (!this.renderOptionsRegistry.getValue(ShowCSOption) && (node.type == CS_NODE_TYPE || node.type == PARENT_TYPE && node.children.filter(child => child instanceof SNode)[0].type == CS_NODE_TYPE)
-                || !this.renderOptionsRegistry.getValue(ShowRelationshipGraphOption) && (node.type == STPA_NODE_TYPE || node.type == PARENT_TYPE && node.children.filter(child => child instanceof SNode)[0].type == STPA_NODE_TYPE)){
+        if (context.targetKind !== 'hidden' && 
+                (!this.renderOptionsRegistry.getValue(ShowCSOption) && (node.type == CS_NODE_TYPE || node.type == PARENT_TYPE 
+                    && node.children.filter(child => child instanceof SNode).length !== 0 && node.children.filter(child => child instanceof SNode)[0].type == CS_NODE_TYPE)
+                || !this.renderOptionsRegistry.getValue(ShowRelationshipGraphOption) && (node.type == STPA_NODE_TYPE || node.type == PARENT_TYPE 
+                    && node.children.filter(child => child instanceof SNode).length !== 0 && node.children.filter(child => child instanceof SNode)[0].type == STPA_NODE_TYPE))){
             return <g></g>;
         }
 

From 8ab54b63ca9d36afc85b24dc7e2f2933d6e3c17c Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 3 Jun 2022 15:23:45 +0200
Subject: [PATCH 19/80] adjusted heights of the rendered templates

---
 language-server/src/diagram-generator.ts   | 50 +++++++++-------------
 webview/src/template/template-renderer.tsx | 20 +++++++--
 2 files changed, 37 insertions(+), 33 deletions(-)

diff --git a/language-server/src/diagram-generator.ts b/language-server/src/diagram-generator.ts
index 58fe14a8..649df32f 100644
--- a/language-server/src/diagram-generator.ts
+++ b/language-server/src/diagram-generator.ts
@@ -127,6 +127,8 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
         // each node should be placed in a specific layer based on the aspect. therefore positions must be set
         setPositionsForSTPANodes(stpaNodes);
 
+        const graphChildren = [];
+
         if (model.controlStructure) {
             // determine the nodes of the control structure graph
             const csNodes = model.controlStructure?.nodes.map(n => this.generateCSNode(n));
@@ -138,37 +140,25 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
                 ...this.generateVerticalCSEdges(model.controlStructure.nodes),
                 //...this.generateHorizontalCSEdges(model.controlStructure.edges, args)
             ];
-            // SGraph containing the STPA graph and the control structure
-            return {
-                type: 'graph',
-                id: 'root',
-                children: [
-                    {
-                        type: PARENT_TYPE,
-                        id: 'controlStructure',
-                        children: CSChildren
-                    },
-                    {
-                        type: PARENT_TYPE,
-                        id: 'relationships',
-                        children: stpaChildren
-                    }
-                ]
-            };
-        } else {
-            // SGrpah containing the STPA graph
-            return {
-                type: 'graph',
-                id: 'root',
-                children: [
-                    {
-                        type: PARENT_TYPE,
-                        id: 'relationships',
-                        children: stpaChildren
-                    }
-                ]
-            };
+            graphChildren.push({
+                type: PARENT_TYPE,
+                id: 'controlStructure',
+                children: CSChildren
+            });
+        }
+        if (stpaChildren.length !== 0) {
+            graphChildren.push({
+                type: PARENT_TYPE,
+                id: 'relationships',
+                children: stpaChildren
+            });
         }
+        // SGraph containing the relationship graph and the control structure if they exist
+        return {
+            type: 'graph',
+            id: 'root',
+            children: graphChildren
+        };
     }
     
     /**
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 6d7b3c8a..0d56f325 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -18,7 +18,7 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IModelFactory, ModelRenderer, SGraph, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { html, IModelFactory, ModelRenderer, SGraph, SNode, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { Bounds } from 'sprotty-protocol'
 import { WebviewTemplate } from "./template-models";
 
@@ -49,8 +49,22 @@ export class TemplateRenderer {
             (temp.graph as SGraph).canvasBounds = {width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y};
         }
 
-        const res = templates.map(template =>
-            <div>{this.renderer?.renderElement(this.modelFactory.createRoot(template.graph))}</div>);
+        const res = templates.map(template => {
+            const graph = this.renderer?.renderElement(this.modelFactory.createRoot(template.graph));
+            // padding of sidebar content is 16px
+            const width = ((template.graph as SGraph).children[0] as SNode).size.width + 30;
+            const height = ((template.graph as SGraph).children[0] as SNode).size.height + 30;
+            if (graph?.data?.attrs) {
+                graph.data.attrs["width"] = width;
+                graph.data.attrs["height"] = height;
+            }
+            const result: VNode = <div>{graph}</div>;
+            /* if (result.data) {
+                const blubb = (width/368.0 * 100) + "%"
+                result.data.style = {width: blubb}
+            } */
+            return result
+        });
         return res;
     }
 

From d09d7438eaddd5ef2e0f544d10e15baeb91fef93 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 3 Jun 2022 16:32:59 +0200
Subject: [PATCH 20/80] adjusted position calculation of CS templates

---
 language-server/src/stpa-templates.ts | 101 +++++++++++++++++++-------
 1 file changed, 73 insertions(+), 28 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index fdb9fca4..126574d8 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -19,6 +19,7 @@ import { Position } from 'vscode-languageserver';
 import { LanguageTemplate } from './templates/template-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
 import { URI } from 'vscode-uri';
+import { TextDocument } from 'vscode-languageserver-textdocument';
 
 export class StpaTemplates {
 
@@ -49,6 +50,41 @@ export class StpaTemplates {
 
 }
 
+/**
+ * Calculates the actual text of templates for the control structure and theri position in the document.
+ * @param document The document in which the template should be inserted.
+ * @param template The template that should be inserted.
+ * @returns The position where the tempalte should be added to the {@code document}.
+ */
+function getPositionForCSTemplate(document: TextDocument, template: LanguageTemplate): Position {
+    // TODO: IDs must be unique even if the template is used more than once
+    const docText = document.getText();
+
+    // determine range of already existing definition of control structure
+    const titleIndex = docText.indexOf('ControlStructure');
+    const startIndex = titleIndex !== -1 ? titleIndex : 0;
+    const nextTitleIndex = docText.indexOf('Responsibilities');
+    const endIndex = nextTitleIndex !== -1 ? nextTitleIndex - 1 : docText.length - 1;
+    if (titleIndex === -1) {
+        template.insertText = template.baseCode;
+        return document.positionAt(endIndex);
+    } else {
+        // check whether a graph ID already exist
+        const csText = docText.substring(startIndex, endIndex);
+        const graphIndex = csText.indexOf('{');
+        // TODO: starting positions 19 and 23 may be incorrect for user provided templates
+        if (graphIndex === -1) {
+            template.insertText = template.baseCode.substring(19, template.baseCode.length);
+            return document.positionAt(endIndex);
+        } else {
+            template.insertText = template.baseCode.substring(23, template.baseCode.length-3);
+            const bracketIndex = csText.lastIndexOf('}');
+            return document.positionAt(titleIndex + bracketIndex -1);
+        }
+    }
+    
+}
+
 const simpleCSTemplateCode: string = 
 `
 ControlStructure 
@@ -68,6 +104,37 @@ CS {
 }
 `;
 
+const simpleCSWithActuatorsTemplateCode: string = 
+`
+ControlStructure 
+CS {
+    Controller {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> Actuator
+        }
+    }
+    Actuator {
+        hierarchyLevel 1
+        controlActions {
+            [caAc "control action"] -> ControlledProcess
+        }
+    }
+    Sensor {
+        hierarchyLevel 1
+        feedback {
+            [fbS "feedback"] -> Controller
+        }
+    }
+    ControlledProcess {
+        hierarchyLevel 2
+        feedback {
+            [fb "feedback"] -> Sensor
+        }
+    }
+}
+`;
+
 /**
  * Template for a control structure with one controller and one controlled process.
  */
@@ -82,28 +149,8 @@ export class SimpleCSTemplate implements LanguageTemplate {
     }
 
     getPosition (uri: string): Position {
-        // TODO: title could be written but no graph name
-        // TODO: IDs must be unique even if the template is used more than once
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        const docText = document.getText();
-
-        // if there is already a control structure, the title and a graph name must be deleted
-        const titleIndex = docText.indexOf('ControlStructure');
-        if (titleIndex !== -1) {
-            this.insertText = this.baseCode.substring(23, this.baseCode.length-3);
-        } else {
-            this.insertText = this.baseCode;
-        }
-        // determine position for the text to insert
-        const nextTitleIndex = docText.indexOf('Responsibilities');
-        const endIndex = nextTitleIndex !== -1 ? nextTitleIndex - 1 : docText.length - 1;
-        if (titleIndex === -1) {
-            return document.positionAt(endIndex);
-        } else {
-            const csText = docText.substring(titleIndex, endIndex);
-            const bracketIndex = csText.lastIndexOf('}');
-            return document.positionAt(titleIndex + bracketIndex -1);
-        }
+        return getPositionForCSTemplate(document, this);
     }
 };
 
@@ -111,19 +158,17 @@ export class SimpleCSTemplate implements LanguageTemplate {
  * Template for tests
  */
 export class TestTemplate2 implements LanguageTemplate {
-    insertText = 'Losses\nL1 "test"';
-    baseCode = 'Losses\nL1 "test"';
+    insertText = simpleCSWithActuatorsTemplateCode;
+    baseCode = simpleCSWithActuatorsTemplateCode;
     documents: LangiumDocuments;
-    id: string = 'tempGraph2';
+    id: string = 'simpleCSWithAcsTemplate';
 
     constructor(documents: LangiumDocuments) {
         this.documents = documents;
     }
     
     getPosition (uri: string): Position {
-        return {
-            line: 0,
-            character: 0
-        };
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSTemplate(document, this);
     }
 };
\ No newline at end of file

From d62e892ab9a7c968d93bbd285823d57fe3bf3e64 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 3 Jun 2022 16:54:35 +0200
Subject: [PATCH 21/80] templates have unique IDs even when used multiple times

---
 language-server/src/stpa-templates.ts | 120 ++++++++++++++++++--------
 1 file changed, 85 insertions(+), 35 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 126574d8..c92135c7 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -57,7 +57,6 @@ export class StpaTemplates {
  * @returns The position where the tempalte should be added to the {@code document}.
  */
 function getPositionForCSTemplate(document: TextDocument, template: LanguageTemplate): Position {
-    // TODO: IDs must be unique even if the template is used more than once
     const docText = document.getText();
 
     // determine range of already existing definition of control structure
@@ -66,7 +65,6 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
     const nextTitleIndex = docText.indexOf('Responsibilities');
     const endIndex = nextTitleIndex !== -1 ? nextTitleIndex - 1 : docText.length - 1;
     if (titleIndex === -1) {
-        template.insertText = template.baseCode;
         return document.positionAt(endIndex);
     } else {
         // check whether a graph ID already exist
@@ -74,10 +72,10 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
         const graphIndex = csText.indexOf('{');
         // TODO: starting positions 19 and 23 may be incorrect for user provided templates
         if (graphIndex === -1) {
-            template.insertText = template.baseCode.substring(19, template.baseCode.length);
+            template.insertText = template.insertText.substring(18, template.insertText.length);
             return document.positionAt(endIndex);
         } else {
-            template.insertText = template.baseCode.substring(23, template.baseCode.length-3);
+            template.insertText = template.insertText.substring(22, template.insertText.length-3);
             const bracketIndex = csText.lastIndexOf('}');
             return document.positionAt(titleIndex + bracketIndex -1);
         }
@@ -85,9 +83,16 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
     
 }
 
-const simpleCSTemplateCode: string = 
-`
-ControlStructure 
+/**
+ * Template for a control structure with one controller and one controlled process.
+ */
+export class SimpleCSTemplate implements LanguageTemplate {
+    insertText: string;
+    documents: LangiumDocuments;
+    id: string = 'simpleCSTemplate';
+    protected counter: number = 0;
+    baseCode: string = `
+ControlStructure
 CS {
     Controller {
         hierarchyLevel 0
@@ -104,9 +109,48 @@ CS {
 }
 `;
 
-const simpleCSWithActuatorsTemplateCode: string = 
-`
-ControlStructure 
+    constructor(documents: LangiumDocuments) {
+        this.documents = documents;
+    }
+
+    protected generateCode(): string {
+        return `
+ControlStructure
+CS {
+    Controller` + this.counter +` {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControlledProcess` + this.counter +`
+        }
+    }
+    ControlledProcess` + this.counter +` {
+        hierarchyLevel 1
+        feedback {
+            [fb "feedback"] -> Controller` + this.counter +`
+        }
+    }
+}
+`;
+    }
+
+    getPosition (uri: string): Position {
+        this.insertText = this.generateCode();
+        this.counter++;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSTemplate(document, this);
+    }
+};
+
+/**
+ * Template for tests
+ */
+export class TestTemplate2 implements LanguageTemplate {
+    insertText: string;
+    documents: LangiumDocuments;
+    id: string = 'simpleCSWithAcsTemplate';
+    protected counter: number = 0;
+    baseCode: string = `
+ControlStructure
 CS {
     Controller {
         hierarchyLevel 0
@@ -135,39 +179,45 @@ CS {
 }
 `;
 
-/**
- * Template for a control structure with one controller and one controlled process.
- */
-export class SimpleCSTemplate implements LanguageTemplate {
-    insertText = simpleCSTemplateCode;
-    documents: LangiumDocuments;
-    id: string = 'simpleCSTemplate';
-    baseCode = simpleCSTemplateCode;
-
     constructor(documents: LangiumDocuments) {
         this.documents = documents;
     }
 
-    getPosition (uri: string): Position {
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+    protected generateCode(): string {
+        return `
+ControlStructure
+CS {
+    Controller` + this.counter +` {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> Actuator` + this.counter +`
+        }
     }
-};
-
-/**
- * Template for tests
- */
-export class TestTemplate2 implements LanguageTemplate {
-    insertText = simpleCSWithActuatorsTemplateCode;
-    baseCode = simpleCSWithActuatorsTemplateCode;
-    documents: LangiumDocuments;
-    id: string = 'simpleCSWithAcsTemplate';
-
-    constructor(documents: LangiumDocuments) {
-        this.documents = documents;
+    Actuator` + this.counter +` {
+        hierarchyLevel 1
+        controlActions {
+            [caAc "control action"] -> ControlledProcess` + this.counter +`
+        }
+    }
+    Sensor` + this.counter +` {
+        hierarchyLevel 1
+        feedback {
+            [fbS "feedback"] -> Controller` + this.counter +`
+        }
+    }
+    ControlledProcess` + this.counter +` {
+        hierarchyLevel 2
+        feedback {
+            [fb "feedback"] -> Sensor` + this.counter +`
+        }
+    }
+}
+`;
     }
     
     getPosition (uri: string): Position {
+        this.insertText = this.generateCode();
+        this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
     }

From 982849d75541554f3a15e421da0d2df496964526 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 7 Jun 2022 11:39:27 +0200
Subject: [PATCH 22/80] added shortIDs for templates

---
 language-server/src/stpa-templates.ts | 36 +++++++++++++++------------
 workspace/FollowTrajectory.stpa       | 12 ++-------
 2 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index c92135c7..95221663 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -39,8 +39,8 @@ export class StpaTemplates {
      */
     protected generateDefaultTemplates() {
         return [
-            new SimpleCSTemplate(this.langiumDocuments),
-            new TestTemplate2(this.langiumDocuments)
+            new SimpleCSTemplate(this.langiumDocuments, "T0"),
+            new TestTemplate2(this.langiumDocuments, "T1")
         ];
     }
 
@@ -91,6 +91,7 @@ export class SimpleCSTemplate implements LanguageTemplate {
     documents: LangiumDocuments;
     id: string = 'simpleCSTemplate';
     protected counter: number = 0;
+    protected shortId: string;
     baseCode: string = `
 ControlStructure
 CS {
@@ -109,24 +110,25 @@ CS {
 }
 `;
 
-    constructor(documents: LangiumDocuments) {
+    constructor(documents: LangiumDocuments, shortId: string) {
         this.documents = documents;
+        this.shortId = shortId;
     }
 
     protected generateCode(): string {
         return `
 ControlStructure
 CS {
-    Controller` + this.counter +` {
+    Controller` + this.shortId + this.counter +` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> ControlledProcess` + this.counter +`
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
         }
     }
-    ControlledProcess` + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter +` {
         hierarchyLevel 1
         feedback {
-            [fb "feedback"] -> Controller` + this.counter +`
+            [fb "feedback"] -> Controller` + this.shortId + this.counter +`
         }
     }
 }
@@ -149,6 +151,7 @@ export class TestTemplate2 implements LanguageTemplate {
     documents: LangiumDocuments;
     id: string = 'simpleCSWithAcsTemplate';
     protected counter: number = 0;
+    protected shortId: string;
     baseCode: string = `
 ControlStructure
 CS {
@@ -179,36 +182,37 @@ CS {
 }
 `;
 
-    constructor(documents: LangiumDocuments) {
+    constructor(documents: LangiumDocuments, shortId: string) {
         this.documents = documents;
+        this.shortId = shortId;
     }
 
     protected generateCode(): string {
         return `
 ControlStructure
 CS {
-    Controller` + this.counter +` {
+    Controller` + this.shortId + this.counter +` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> Actuator` + this.counter +`
+            [ca "control action"] -> Actuator` + this.shortId + this.counter +`
         }
     }
-    Actuator` + this.counter +` {
+    Actuator` + this.shortId + this.counter +` {
         hierarchyLevel 1
         controlActions {
-            [caAc "control action"] -> ControlledProcess` + this.counter +`
+            [caAc "control action"] -> ControlledProcess` + this.shortId + this.counter +`
         }
     }
-    Sensor` + this.counter +` {
+    Sensor` + this.shortId + this.counter +` {
         hierarchyLevel 1
         feedback {
-            [fbS "feedback"] -> Controller` + this.counter +`
+            [fbS "feedback"] -> Controller` + this.shortId + this.counter +`
         }
     }
-    ControlledProcess` + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter +` {
         hierarchyLevel 2
         feedback {
-            [fb "feedback"] -> Sensor` + this.counter +`
+            [fb "feedback"] -> Sensor` + this.shortId + this.counter +`
         }
     }
 }
diff --git a/workspace/FollowTrajectory.stpa b/workspace/FollowTrajectory.stpa
index 1e972224..4fc1e7d4 100644
--- a/workspace/FollowTrajectory.stpa
+++ b/workspace/FollowTrajectory.stpa
@@ -1,11 +1,3 @@
-Losses
-L1 ""
-
-Hazards
-
-SystemConstraints
-
-
 ControlStructure
 Trajectory {
     OperatorSafety {
@@ -26,7 +18,7 @@ Trajectory {
             [notaus "Notaus"] -> AutoBox
             [nothalt "Nothalt"] -> DriveBox
         }
-    }
+    } 
     Teletrimetrie {
         hierarchyLevel 1
         controlActions {
@@ -80,7 +72,7 @@ Trajectory {
         hierarchyLevel 4
         feedback {
             [zustand "Ladezustand"] -> AutoBox
-            [zustand "Ladezustand"] -> DriveBox
+            [zustand2 "Ladezustand"] -> DriveBox
         }
     }
     IMU {

From 19c7158f6094d2d7a87e090fef4210173d27dd61 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 7 Jun 2022 12:08:37 +0200
Subject: [PATCH 23/80] added default templates

---
 language-server/src/stpa-templates.ts | 243 +++++++++++++++++++++++++-
 1 file changed, 240 insertions(+), 3 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 95221663..3a1390f5 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -40,7 +40,10 @@ export class StpaTemplates {
     protected generateDefaultTemplates() {
         return [
             new SimpleCSTemplate(this.langiumDocuments, "T0"),
-            new TestTemplate2(this.langiumDocuments, "T1")
+            new SimpleCSWithAcsTemplate(this.langiumDocuments, "T1"),
+            new ConsControllersTemplate(this.langiumDocuments, "T3"),
+            new ParallelContsTemplate(this.langiumDocuments, "T4"),
+            new ConsContsWithLoopTemplate(this.langiumDocuments, "T5")
         ];
     }
 
@@ -144,9 +147,9 @@ CS {
 };
 
 /**
- * Template for tests
+ * Template for a control structure with one controller, one controlled process, one actuator, and one sensor.
  */
-export class TestTemplate2 implements LanguageTemplate {
+export class SimpleCSWithAcsTemplate implements LanguageTemplate {
     insertText: string;
     documents: LangiumDocuments;
     id: string = 'simpleCSWithAcsTemplate';
@@ -219,6 +222,240 @@ CS {
 `;
     }
     
+    getPosition (uri: string): Position {
+        this.insertText = this.generateCode();
+        this.counter++;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSTemplate(document, this);
+    }
+};
+
+/**
+ * Template for a control structure with two consecutive controllers and one controlled process.
+ */
+ export class ConsControllersTemplate implements LanguageTemplate {
+    insertText: string;
+    documents: LangiumDocuments;
+    id: string = 'consControllerTemplate';
+    protected counter: number = 0;
+    protected shortId: string;
+    baseCode: string = `
+ControlStructure
+CS {
+    ControllerA {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControllerB
+        }
+    }
+    ControllerB {
+        hierarchyLevel 1
+        controlActions {
+            [ca "control action"] -> ControlledProcess
+        }
+        feedback {
+            [fb "feedback"] -> ControllerA
+        }
+    }
+    ControlledProcess {
+        hierarchyLevel 2
+        feedback {
+            [fb "feedback"] -> ControllerB
+        }
+    }
+}
+`;
+
+    constructor(documents: LangiumDocuments, shortId: string) {
+        this.documents = documents;
+        this.shortId = shortId;
+    }
+
+    protected generateCode(): string {
+        return `
+ControlStructure
+CS {
+    ControllerA` + this.shortId + this.counter +` {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControllerB` + this.shortId + this.counter +`
+        }
+    }
+    ControllerB` + this.shortId + this.counter +` {
+        hierarchyLevel 1
+        controlActions {
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+        }
+        feedback {
+            [fb "feedback"] -> ControllerA` + this.shortId + this.counter +`
+        }
+    }
+    ControlledProcess` + this.shortId + this.counter +` {
+        hierarchyLevel 2
+        feedback {
+            [fb "feedback"] -> ControllerB` + this.shortId + this.counter +`
+        }
+    }
+}
+`;
+    }
+    
+    getPosition (uri: string): Position {
+        this.insertText = this.generateCode();
+        this.counter++;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSTemplate(document, this);
+    }
+};
+
+/**
+ * Template for a control structure with two parallel controllers and one controlled process.
+ */
+ export class ParallelContsTemplate implements LanguageTemplate {
+    insertText: string;
+    documents: LangiumDocuments;
+    id: string = 'parallelContsTemplate';
+    protected counter: number = 0;
+    protected shortId: string;
+    baseCode: string = `
+ControlStructure
+CS {
+    ControllerA {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControlledProcess
+        }
+    }
+    ControllerB {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControlledProcess
+        }
+    }
+    ControlledProcess {
+        hierarchyLevel 1
+        feedback {
+            [fbA "feedback"] -> ControllerA
+            [fbB "feedback"] -> ControllerB
+        }
+    }
+}
+`;
+
+    constructor(documents: LangiumDocuments, shortId: string) {
+        this.documents = documents;
+        this.shortId = shortId;
+    }
+
+    protected generateCode(): string {
+        return `
+ControlStructure
+CS {
+    ControllerA` + this.shortId + this.counter +` {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+        }
+    }
+    ControllerB` + this.shortId + this.counter +` {
+        hierarchyLevel 0
+        controlActions {
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+        }
+    }
+    ControlledProcess` + this.shortId + this.counter +` {
+        hierarchyLevel 1
+        feedback {
+            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter +`
+            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter +`
+        }
+    }
+}
+`;
+    }
+    
+    getPosition (uri: string): Position {
+        this.insertText = this.generateCode();
+        this.counter++;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSTemplate(document, this);
+    }
+};
+
+/**
+ * Template for a control structure with two consecutive controllers, one controlled process.
+ */
+ export class ConsContsWithLoopTemplate implements LanguageTemplate {
+    insertText: string;
+    documents: LangiumDocuments;
+    id: string = 'consContsWithLoopTemplate';
+    protected counter: number = 0;
+    protected shortId: string;
+    baseCode: string = `
+ControlStructure
+CS {
+    ControllerA {
+        hierarchyLevel 0
+        controlActions {
+            [caC "control action"] -> ControlledProcess
+            [caB "control action"] -> ControllerB
+        }
+    }
+    ControllerB {
+        hierarchyLevel 1
+        controlActions {
+            [ca "control action"] -> ControlledProcess
+        }
+        feedback {
+            [fb "feedback"] -> ControllerA
+        }
+    }
+    ControlledProcess {
+        hierarchyLevel 2
+        feedback {
+            [fbA "feedback"] -> ControllerA
+            [fbB "feedback"] -> ControllerB
+        }
+    }
+}
+`;
+
+    constructor(documents: LangiumDocuments, shortId: string) {
+        this.documents = documents;
+        this.shortId = shortId;
+    }
+
+    protected generateCode(): string {
+        return `
+ControlStructure
+CS {
+    ControllerA` + this.shortId + this.counter +` {
+        hierarchyLevel 0
+        controlActions {
+            [caC "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [caB "control action"] -> ControllerB` + this.shortId + this.counter +`
+        }
+    }
+    ControllerB` + this.shortId + this.counter +` {
+        hierarchyLevel 1
+        controlActions {
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+        }
+        feedback {
+            [fb "feedback"] -> ControllerA` + this.shortId + this.counter +`
+        }
+    }
+    ControlledProcess` + this.shortId + this.counter +` {
+        hierarchyLevel 2
+        feedback {
+            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter +`
+            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter +`
+        }
+    }
+}
+`;
+    }
+    
     getPosition (uri: string): Position {
         this.insertText = this.generateCode();
         this.counter++;

From 16382b63373f918398dda96d867e55005c2743bf Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 10 Jun 2022 16:40:02 +0200
Subject: [PATCH 24/80] added visualization of localSource in activityBar

---
 extension/icon.png                | Bin 0 -> 5585 bytes
 extension/package.json            |  22 +++-
 extension/src/extension.ts        |  97 +++++++++++++-
 extension/src/template-webview.ts | 208 ++++++++++++++++++++++++++++++
 webview/src/di.config.ts          |   4 +-
 yarn.lock                         |   7 +-
 6 files changed, 327 insertions(+), 11 deletions(-)
 create mode 100644 extension/icon.png
 create mode 100644 extension/src/template-webview.ts

diff --git a/extension/icon.png b/extension/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e25f01ef4ea117e10e65a698e7e412d061674a8
GIT binary patch
literal 5585
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

literal 0
HcmV?d00001

diff --git a/extension/package.json b/extension/package.json
index dacb4287..c907e29c 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -128,7 +128,25 @@
                 "command": "stpa.diagram.delete",
                 "when": "stpa-diagram-focused"
             }
-        ]
+        ],
+        "viewsContainers": {
+            "activitybar": [
+              {
+                "id": "stpa",
+                "title": "STPA",
+                "icon": "./icon.png"
+              }
+            ]
+          },
+          "views": {
+            "stpa": [
+              {
+                "type": "webview",
+                "id": "stpa-templates",
+                "name": "STPA Templates"
+              }
+            ]
+          }
     },
     "activationEvents": [
         "onLanguage:stpa",
@@ -145,7 +163,7 @@
 
     "devDependencies": {
         "@types/node": "^12.12.6",
-        "@types/vscode": "1.46.0",
+        "@types/vscode": "1.67.0",
         "rimraf": "^3.0.2",
         "source-map-loader": "^3.0.0",
         "sprotty-vscode": "^0.2.0",
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 2ed54eed..f87338af 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -17,17 +17,110 @@
 
 import * as vscode from 'vscode';
 import { StpaLspVscodeExtension } from './language-extension';
-import { SprottyLspVscodeExtension } from 'sprotty-vscode/lib/lsp';
+import { SprottyDiagramIdentifier, SprottyLspVscodeExtension } from 'sprotty-vscode/lib/lsp';
+import { TemplateWebview } from './template-webview';
 
 let extension: SprottyLspVscodeExtension;
 
 export function activate(context: vscode.ExtensionContext) {
     vscode.window.showInformationMessage('Activating STPA extension');
     extension = new StpaLspVscodeExtension(context);
+
+    const provider: vscode.WebviewViewProvider = {
+        resolveWebviewView: function (webviewView: vscode.WebviewView, context: vscode.WebviewViewResolveContext<unknown>, token: vscode.CancellationToken): void | Thenable<void> {
+            const identifier: SprottyDiagramIdentifier = {
+                clientId: "test",
+                diagramType: "stpa",
+                uri: "test"
+            };
+
+            const tWebview = new TemplateWebview({
+                extension: extension,
+                identifier,
+                localResourceRoots: [
+                    extension.getExtensionFileUri('pack')
+                ],
+                scriptUri: extension.getExtensionFileUri('pack', 'webview.js'),
+                singleton: true // Change this to `true` to enable a singleton view
+            });
+            tWebview.webview = webviewView.webview;
+            tWebview.webview.options = {
+                enableScripts: true
+            };
+            const title = tWebview.createTitle();
+            webviewView.title = title;
+            tWebview.initializeWebview(webviewView.webview, title);
+            tWebview.connect();
+
+            /* webviewView.webview.html =`<!DOCTYPE html>
+            <html lang="en">
+            <head>
+                <meta charset="UTF-8">
+                <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                <title>Cat Coding</title>
+            </head>
+            <body>
+                <img src="https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif" width="300" />
+            </body>
+            </html>` */
+        }
+    };
+    vscode.window.registerWebviewViewProvider("stpa-templates", provider);
 }
 
 export function deactivate(): Thenable<void> {
     if (!extension)
-       return Promise.resolve();
+        return Promise.resolve();
     return extension.deactivateLanguageClient();
+}
+
+
+import { SGraph, SNode, SEdge, SLabel } from 'sprotty-protocol';
+import { SModelElement } from 'sprotty';
+
+export function getLocalSource(): SGraph {
+    const graph: SGraph = {
+        type: 'graph',
+        id: 'root',
+        children: [
+            {
+                type: 'node',
+                id: 'task01',
+                children: [
+                    { text: "n1", id: "label1", type: "label" } as SLabel
+                ],
+                layout: "stack"
+            } as SNode,
+            {
+                type: 'node',
+                id: 'task02',
+                children: [
+                    { text: "n2", id: "label2", type: "label" } as SLabel
+                ],
+                layout: "stack"
+            } as SNode,
+            {
+                type: 'node',
+                id: 'task03',
+                children: [
+                    { text: "n3", id: "label3", type: "label" } as SLabel
+                ],
+                layout: "stack"
+            } as SNode,
+            {
+                type: 'edge',
+                id: 'edge01',
+                sourceId: 'task01',
+                targetId: 'task02'
+            } as SEdge,
+            {
+                type: 'edge',
+                id: 'edge02',
+                sourceId: 'task02',
+                targetId: 'task03'
+            } as SEdge
+        ] as SModelElement[]
+    };
+
+    return graph;
 }
\ No newline at end of file
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
new file mode 100644
index 00000000..edecfd84
--- /dev/null
+++ b/extension/src/template-webview.ts
@@ -0,0 +1,208 @@
+/********************************************************************************
+ * Copyright (c) 2020 TypeFox and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { Action, ActionMessage, applyBounds, ComputedBoundsAction, isActionMessage, RequestBoundsAction, SGraph, RequestModelAction, UpdateModelAction } from 'sprotty-protocol';
+import { isDiagramIdentifier, isWebviewReadyMessage, SprottyDiagramIdentifier } from 'sprotty-vscode-protocol';
+import * as vscode from 'vscode';
+
+import { ActionHandler } from 'sprotty-vscode/lib/action-handler';
+import { SprottyVscodeExtension, serializeUri } from 'sprotty-vscode/lib/sprotty-vscode-extension';
+import { isResponseMessage, ResponseMessage } from 'vscode-jsonrpc/lib/common/messages';
+import { SprottyWebview, SprottyWebviewOptions } from 'sprotty-vscode/lib/sprotty-webview';
+import { getLocalSource } from './extension';
+import ElkConstructor from 'elkjs/lib/elk.bundled';
+import { ElkLayoutEngine, DefaultElementFilter, DefaultLayoutConfigurator } from 'sprotty-elk/lib/elk-layout';
+
+export class TemplateWebview {
+
+    static viewCount = 0;
+
+    readonly extension: SprottyVscodeExtension;
+    readonly diagramIdentifier: SprottyDiagramIdentifier;
+    readonly localResourceRoots: vscode.Uri[];
+    readonly scriptUri: vscode.Uri;
+    webview: vscode.Webview;
+    readonly actionHandlers = new Map<string, ActionHandler>();
+
+    protected messageQueue: (ActionMessage | SprottyDiagramIdentifier | ResponseMessage)[] = [];
+    protected disposables: vscode.Disposable[] = [];
+
+    private resolveWebviewReady: () => void;
+    private readonly webviewReady = new Promise<void>((resolve) => this.resolveWebviewReady = resolve);
+
+    private root: SGraph | undefined;
+    private layoutEngine: ElkLayoutEngine;
+
+    constructor(protected options: SprottyWebviewOptions) {
+        this.extension = options.extension;
+        this.diagramIdentifier = options.identifier;
+        this.localResourceRoots = options.localResourceRoots;
+        this.scriptUri = options.scriptUri;
+
+        const factory = () => new ElkConstructor({ algorithms: ['layered'] });
+        this.layoutEngine = new ElkLayoutEngine(factory, new DefaultElementFilter, new DefaultLayoutConfigurator);
+    }
+
+    get singleton(): boolean {
+        return !!this.options.singleton;
+    }
+
+    ready(): Promise<void> {
+        return this.webviewReady;
+    }
+
+    createTitle(): string {
+        if (this.diagramIdentifier.uri)
+            return this.diagramIdentifier.uri.substring(this.diagramIdentifier.uri.lastIndexOf('/') + 1);
+        if (this.diagramIdentifier.diagramType)
+            return this.diagramIdentifier.diagramType;
+        else
+            return 'Diagram';
+    }
+
+    async initializeWebview(webview: vscode.Webview, title?: string) {
+        webview.html = `
+            <!DOCTYPE html>
+            <html lang="en">
+                <head>
+                    <meta charset="UTF-8">
+                    <meta name="viewport" content="width=device-width, height=device-height">
+                    <title>${title}</title>
+                    <link
+                        rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
+                        integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
+                        crossorigin="anonymous">
+                </head>
+                <body>
+                    <div id="${this.diagramIdentifier.clientId}_container" style="height: 100%;"></div>
+                    <script src="${webview.asWebviewUri(this.scriptUri).toString()}"></script>
+                </body>
+            </html>`;
+    }
+
+    async connect() {
+        this.disposables.push(this.webview.onDidReceiveMessage(message => this.receiveFromWebview(message)));
+        if (this.singleton) {
+            this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
+                if (editor) {
+                    const uri = editor.document.uri;
+                    const diagramType = await this.extension.getDiagramTypeForUri(uri);
+                    if (diagramType) {
+                        this.reloadContent({
+                            diagramType,
+                            uri: serializeUri(uri),
+                            clientId: this.diagramIdentifier.clientId
+                        });
+                    }
+                }
+            }));
+        }
+        await this.ready();
+    }
+
+    async reloadContent(newId: SprottyDiagramIdentifier): Promise<void> {
+        if (newId.diagramType !== this.diagramIdentifier.diagramType || newId.uri !== this.diagramIdentifier.uri) {
+            this.diagramIdentifier.diagramType = newId.diagramType;
+            this.diagramIdentifier.uri = newId.uri;
+            this.sendDiagramIdentifier();
+        }
+    }
+
+    protected setWebviewActiveContext(isActive: boolean) {
+        vscode.commands.executeCommand('setContext', this.diagramIdentifier.diagramType + '-focused', isActive);
+    }
+
+    protected async sendDiagramIdentifier() {
+        await this.ready();
+        this.sendToWebview(this.diagramIdentifier);
+    }
+
+    /**
+     * @return true if the message should be propagated, e.g. to a language server
+     */
+    protected receiveFromWebview(message: any): Thenable<boolean> {
+        if (isActionMessage(message))
+            return this.accept(message.action);
+        else if (isWebviewReadyMessage(message)) {
+            this.resolveWebviewReady();
+            this.sendDiagramIdentifier();
+            return Promise.resolve(false);
+        }
+        return Promise.resolve(true);
+    }
+
+    protected sendToWebview(message: any) {
+        if (isActionMessage(message) || isDiagramIdentifier(message) || isResponseMessage(message)) {
+            if (isActionMessage(message)) {
+                const actionHandler = this.actionHandlers.get(message.action.kind);
+                if (actionHandler && !actionHandler.handleAction(message.action))
+                    return;
+            }
+            this.webview.postMessage(message);
+        }
+    }
+
+    dispatch(action: Action) {
+        this.sendToWebview({
+            clientId: this.diagramIdentifier.clientId,
+            action
+        });
+    }
+
+    accept(action: Action): Thenable<boolean> {
+        const actionHandler = this.actionHandlers.get(action.kind);
+        if (actionHandler)
+            return actionHandler.handleAction(action);
+        if (action.kind === RequestModelAction.KIND) {
+            this.handleRequestModel(action as RequestModelAction);
+        } else if (action.kind === ComputedBoundsAction.KIND) {
+            this.handleComputedBounds(action as ComputedBoundsAction);
+        }
+        return Promise.resolve(true);
+    }
+
+    handleRequestModel(action: RequestModelAction): void {
+        this.root = getLocalSource();
+        /* const requestId = (action as RequestModelAction).requestId;
+        const response = SetModelAction.create(root, requestId);
+        this.dispatch(response); */
+
+        this.dispatch({
+            kind: RequestBoundsAction.KIND,
+            newRoot: this.root
+        } as RequestBoundsAction);
+    }
+
+    async handleComputedBounds(action: ComputedBoundsAction) {
+        if (this.root) {
+            // bounds for labels and nodes
+            applyBounds(this.root, action);
+            // layout the graph
+            this.root = await this.layoutEngine.layout(this.root);
+            // send graph to webview
+            this.dispatch({
+                kind: UpdateModelAction.KIND,
+                newRoot: this.root,
+                animate: true
+            } as UpdateModelAction);
+        }
+    }
+
+    addActionHandler(actionHandlerConstructor: new (webview: SprottyWebview) => ActionHandler) {
+        const actionHandler = new actionHandlerConstructor(this as any as SprottyWebview);
+        this.actionHandlers.set(actionHandler.kind, actionHandler);
+    }
+}
\ No newline at end of file
diff --git a/webview/src/di.config.ts b/webview/src/di.config.ts
index 87140467..36f081a4 100644
--- a/webview/src/di.config.ts
+++ b/webview/src/di.config.ts
@@ -23,7 +23,7 @@ import {
     configureModelElement, ConsoleLogger, HtmlRoot,
     HtmlRootView, LogLevel, overrideViewerOptions, PreRenderedElement,
     PreRenderedView, SLabelView,
-    TYPES, loadDefaultModules, SGraph, SLabel, SNode, SEdge, ModelViewer
+    TYPES, loadDefaultModules, SGraph, SLabel, SNode, SEdge, ModelViewer, RectangularNodeView
 } from 'sprotty';
 import { PolylineArrowEdgeView, STPANodeView, CSNodeView, STPAGraphView } from './views';
 import { STPA_EDGE_TYPE, STPA_NODE_TYPE, STPANode, PARENT_TYPE, CSEdge, CS_EDGE_TYPE, CSNode, CS_NODE_TYPE } from './stpa-model';
@@ -39,11 +39,13 @@ const stpaDiagramModule = new ContainerModule((bind, unbind, isBound, rebind) =>
     // configure the diagram elements
     const context = { bind, unbind, isBound, rebind };
     configureModelElement(context, 'graph', SGraph, STPAGraphView);
+    configureModelElement(context, 'node', SNode, RectangularNodeView);
     configureModelElement(context, CS_NODE_TYPE, CSNode, CSNodeView);
     configureModelElement(context, STPA_NODE_TYPE, STPANode, STPANodeView);
     configureModelElement(context, PARENT_TYPE, SNode, CSNodeView);
     configureModelElement(context, 'label', SLabel, SLabelView);
     configureModelElement(context, 'label:xref', SLabel, SLabelView);
+    configureModelElement(context, 'edge', SEdge, PolylineArrowEdgeView);
     configureModelElement(context, STPA_EDGE_TYPE, SEdge, PolylineArrowEdgeView);
     configureModelElement(context, CS_EDGE_TYPE, CSEdge, PolylineArrowEdgeView);
     configureModelElement(context, 'html', HtmlRoot, HtmlRootView);
diff --git a/yarn.lock b/yarn.lock
index bc89a041..99087e5e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1046,12 +1046,7 @@
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
   integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
 
-"@types/vscode@1.46.0":
-  version "1.46.0"
-  resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.46.0.tgz#53f2075986e901ed25cd1ec5f3ffa5db84a111b3"
-  integrity sha512-8m9wPEB2mcRqTWNKs9A9Eqs8DrQZt0qNFO8GkxBOnyW6xR//3s77SoMgb/nY1ctzACsZXwZj3YRTDsn4bAoaUw==
-
-"@types/vscode@^1.56.0":
+"@types/vscode@1.67.0", "@types/vscode@^1.56.0":
   version "1.67.0"
   resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.67.0.tgz#8eaba41d1591aa02f5d960b7dfae3b16e066f08c"
   integrity sha512-GH8BDf8cw9AC9080uneJfulhSa7KHSMI2s/CyKePXoGNos9J486w2V4YKoeNUqIEkW4hKoEAWp6/cXTwyGj47g==

From c0c4c634852824bb6d315fea657876a862528a2f Mon Sep 17 00:00:00 2001
From: Jette <jep@informatik.uni-kiel.de>
Date: Fri, 24 Jun 2022 15:05:57 +0200
Subject: [PATCH 25/80] own webview for templates (WIP)

---
 extension/package.json            |   6 +-
 extension/src/extension.ts        |  19 ++--
 extension/src/template-webview.ts | 144 ++++--------------------------
 package.json                      |   1 +
 templateWebview/package.json      |  43 +++++++++
 templateWebview/src/jsx.ts        |  72 +++++++++++++++
 templateWebview/src/main.ts       |  92 +++++++++++++++++++
 templateWebview/tsconfig.json     |  17 ++++
 templateWebview/webpack.config.js |  50 +++++++++++
 9 files changed, 302 insertions(+), 142 deletions(-)
 create mode 100644 templateWebview/package.json
 create mode 100644 templateWebview/src/jsx.ts
 create mode 100644 templateWebview/src/main.ts
 create mode 100644 templateWebview/tsconfig.json
 create mode 100644 templateWebview/webpack.config.js

diff --git a/extension/package.json b/extension/package.json
index c907e29c..b1d182b7 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -169,6 +169,7 @@
         "sprotty-vscode": "^0.2.0",
         "stpa-language-server": "^0.0.0",
         "stpa-sprotty-webview": "^0.0.8",
+        "stpa-template-webview": "^0.0.1",
         "ts-loader": "^9.2.6",
         "typescript": "3.8.3",
         "vscode-languageclient": "^7.0.0",
@@ -176,11 +177,12 @@
         "webpack-cli": "^4.9.1"
     },
     "scripts": {
-        "prepare": "yarn run clean && yarn run build && yarn run copy-language-server && yarn run copy-webview",
+        "prepare": "yarn run clean && yarn run build && yarn run copy-language-server && yarn run copy-webview && yarn run copy-tempWebview",
         "clean": "rimraf pack",
         "build": "webpack --mode=development",
         "watch": "webpack --mode=development --watch",
         "copy-language-server": "copy ..\\language-server\\out\\* pack",
-        "copy-webview": "xcopy ..\\webview\\out\\* pack"
+        "copy-webview": "xcopy ..\\webview\\out\\* pack",
+        "copy-tempWebview": "xcopy ..\\templateWebview\\out\\tempWebview.js pack"
     }
 }
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index f87338af..c7b4727d 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -17,7 +17,7 @@
 
 import * as vscode from 'vscode';
 import { StpaLspVscodeExtension } from './language-extension';
-import { SprottyDiagramIdentifier, SprottyLspVscodeExtension } from 'sprotty-vscode/lib/lsp';
+import { SprottyLspVscodeExtension } from 'sprotty-vscode/lib/lsp';
 import { TemplateWebview } from './template-webview';
 
 let extension: SprottyLspVscodeExtension;
@@ -28,21 +28,14 @@ export function activate(context: vscode.ExtensionContext) {
 
     const provider: vscode.WebviewViewProvider = {
         resolveWebviewView: function (webviewView: vscode.WebviewView, context: vscode.WebviewViewResolveContext<unknown>, token: vscode.CancellationToken): void | Thenable<void> {
-            const identifier: SprottyDiagramIdentifier = {
-                clientId: "test",
-                diagramType: "stpa",
-                uri: "test"
-            };
 
-            const tWebview = new TemplateWebview({
-                extension: extension,
-                identifier,
-                localResourceRoots: [
+            const tWebview = new TemplateWebview(
+                "templates",
+                [
                     extension.getExtensionFileUri('pack')
                 ],
-                scriptUri: extension.getExtensionFileUri('pack', 'webview.js'),
-                singleton: true // Change this to `true` to enable a singleton view
-            });
+                extension.getExtensionFileUri('pack', 'tempWebview.js'),
+            );
             tWebview.webview = webviewView.webview;
             tWebview.webview.options = {
                 enableScripts: true
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index edecfd84..e1f1566a 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -14,50 +14,26 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
-import { Action, ActionMessage, applyBounds, ComputedBoundsAction, isActionMessage, RequestBoundsAction, SGraph, RequestModelAction, UpdateModelAction } from 'sprotty-protocol';
-import { isDiagramIdentifier, isWebviewReadyMessage, SprottyDiagramIdentifier } from 'sprotty-vscode-protocol';
 import * as vscode from 'vscode';
 
-import { ActionHandler } from 'sprotty-vscode/lib/action-handler';
-import { SprottyVscodeExtension, serializeUri } from 'sprotty-vscode/lib/sprotty-vscode-extension';
-import { isResponseMessage, ResponseMessage } from 'vscode-jsonrpc/lib/common/messages';
-import { SprottyWebview, SprottyWebviewOptions } from 'sprotty-vscode/lib/sprotty-webview';
-import { getLocalSource } from './extension';
-import ElkConstructor from 'elkjs/lib/elk.bundled';
-import { ElkLayoutEngine, DefaultElementFilter, DefaultLayoutConfigurator } from 'sprotty-elk/lib/elk-layout';
-
 export class TemplateWebview {
 
     static viewCount = 0;
 
-    readonly extension: SprottyVscodeExtension;
-    readonly diagramIdentifier: SprottyDiagramIdentifier;
+    readonly identifier: string;
     readonly localResourceRoots: vscode.Uri[];
     readonly scriptUri: vscode.Uri;
     webview: vscode.Webview;
-    readonly actionHandlers = new Map<string, ActionHandler>();
 
-    protected messageQueue: (ActionMessage | SprottyDiagramIdentifier | ResponseMessage)[] = [];
     protected disposables: vscode.Disposable[] = [];
 
     private resolveWebviewReady: () => void;
     private readonly webviewReady = new Promise<void>((resolve) => this.resolveWebviewReady = resolve);
 
-    private root: SGraph | undefined;
-    private layoutEngine: ElkLayoutEngine;
-
-    constructor(protected options: SprottyWebviewOptions) {
-        this.extension = options.extension;
-        this.diagramIdentifier = options.identifier;
-        this.localResourceRoots = options.localResourceRoots;
-        this.scriptUri = options.scriptUri;
-
-        const factory = () => new ElkConstructor({ algorithms: ['layered'] });
-        this.layoutEngine = new ElkLayoutEngine(factory, new DefaultElementFilter, new DefaultLayoutConfigurator);
-    }
-
-    get singleton(): boolean {
-        return !!this.options.singleton;
+    constructor(identifier: string, localResourceRoots: vscode.Uri[], scriptUri: vscode.Uri) {
+        this.identifier = identifier;
+        this.localResourceRoots = localResourceRoots;
+        this.scriptUri = scriptUri;
     }
 
     ready(): Promise<void> {
@@ -65,12 +41,7 @@ export class TemplateWebview {
     }
 
     createTitle(): string {
-        if (this.diagramIdentifier.uri)
-            return this.diagramIdentifier.uri.substring(this.diagramIdentifier.uri.lastIndexOf('/') + 1);
-        if (this.diagramIdentifier.diagramType)
-            return this.diagramIdentifier.diagramType;
-        else
-            return 'Diagram';
+        return this.identifier;
     }
 
     async initializeWebview(webview: vscode.Webview, title?: string) {
@@ -87,7 +58,8 @@ export class TemplateWebview {
                         crossorigin="anonymous">
                 </head>
                 <body>
-                    <div id="${this.diagramIdentifier.clientId}_container" style="height: 100%;"></div>
+                    <div id="${this.identifier}_container" style="height: 100%;"></div>
+                    <script> const vscode = acquireVsCodeApi();</script>
                     <script src="${webview.asWebviewUri(this.scriptUri).toString()}"></script>
                 </body>
             </html>`;
@@ -95,114 +67,32 @@ export class TemplateWebview {
 
     async connect() {
         this.disposables.push(this.webview.onDidReceiveMessage(message => this.receiveFromWebview(message)));
-        if (this.singleton) {
-            this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
-                if (editor) {
-                    const uri = editor.document.uri;
-                    const diagramType = await this.extension.getDiagramTypeForUri(uri);
-                    if (diagramType) {
-                        this.reloadContent({
-                            diagramType,
-                            uri: serializeUri(uri),
-                            clientId: this.diagramIdentifier.clientId
-                        });
-                    }
-                }
-            }));
-        }
+        /* this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
+            if (editor) {
+                //TODO: templates may be needed to be updated
+            }
+        })); */
         await this.ready();
     }
 
-    async reloadContent(newId: SprottyDiagramIdentifier): Promise<void> {
-        if (newId.diagramType !== this.diagramIdentifier.diagramType || newId.uri !== this.diagramIdentifier.uri) {
-            this.diagramIdentifier.diagramType = newId.diagramType;
-            this.diagramIdentifier.uri = newId.uri;
-            this.sendDiagramIdentifier();
-        }
-    }
-
-    protected setWebviewActiveContext(isActive: boolean) {
-        vscode.commands.executeCommand('setContext', this.diagramIdentifier.diagramType + '-focused', isActive);
-    }
-
     protected async sendDiagramIdentifier() {
         await this.ready();
-        this.sendToWebview(this.diagramIdentifier);
+        this.sendToWebview(this.identifier);
     }
 
     /**
      * @return true if the message should be propagated, e.g. to a language server
      */
     protected receiveFromWebview(message: any): Thenable<boolean> {
-        if (isActionMessage(message))
-            return this.accept(message.action);
-        else if (isWebviewReadyMessage(message)) {
+        console.log("Received from webview");
+        if (message.readyMessage) {
             this.resolveWebviewReady();
-            this.sendDiagramIdentifier();
-            return Promise.resolve(false);
         }
         return Promise.resolve(true);
     }
 
     protected sendToWebview(message: any) {
-        if (isActionMessage(message) || isDiagramIdentifier(message) || isResponseMessage(message)) {
-            if (isActionMessage(message)) {
-                const actionHandler = this.actionHandlers.get(message.action.kind);
-                if (actionHandler && !actionHandler.handleAction(message.action))
-                    return;
-            }
-            this.webview.postMessage(message);
-        }
+        this.webview.postMessage(message);
     }
 
-    dispatch(action: Action) {
-        this.sendToWebview({
-            clientId: this.diagramIdentifier.clientId,
-            action
-        });
-    }
-
-    accept(action: Action): Thenable<boolean> {
-        const actionHandler = this.actionHandlers.get(action.kind);
-        if (actionHandler)
-            return actionHandler.handleAction(action);
-        if (action.kind === RequestModelAction.KIND) {
-            this.handleRequestModel(action as RequestModelAction);
-        } else if (action.kind === ComputedBoundsAction.KIND) {
-            this.handleComputedBounds(action as ComputedBoundsAction);
-        }
-        return Promise.resolve(true);
-    }
-
-    handleRequestModel(action: RequestModelAction): void {
-        this.root = getLocalSource();
-        /* const requestId = (action as RequestModelAction).requestId;
-        const response = SetModelAction.create(root, requestId);
-        this.dispatch(response); */
-
-        this.dispatch({
-            kind: RequestBoundsAction.KIND,
-            newRoot: this.root
-        } as RequestBoundsAction);
-    }
-
-    async handleComputedBounds(action: ComputedBoundsAction) {
-        if (this.root) {
-            // bounds for labels and nodes
-            applyBounds(this.root, action);
-            // layout the graph
-            this.root = await this.layoutEngine.layout(this.root);
-            // send graph to webview
-            this.dispatch({
-                kind: UpdateModelAction.KIND,
-                newRoot: this.root,
-                animate: true
-            } as UpdateModelAction);
-        }
-    }
-
-    addActionHandler(actionHandlerConstructor: new (webview: SprottyWebview) => ActionHandler) {
-        const actionHandler = new actionHandlerConstructor(this as any as SprottyWebview);
-        this.actionHandlers.set(actionHandler.kind, actionHandler);
-    }
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index 2a315b81..05ad78aa 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "workspaces": [
       "language-server",
       "webview",
+      "templateWebview",
       "extension"
     ]
   }
\ No newline at end of file
diff --git a/templateWebview/package.json b/templateWebview/package.json
new file mode 100644
index 00000000..7ae15135
--- /dev/null
+++ b/templateWebview/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "stpa-template-webview",
+  "version": "0.0.1",
+  "description": "Templates for the DSL",
+  "author": "Kiel University <rt-kieler-devel@informatik.uni-kiel.de>",
+  "license": "EPL-2.0",
+  "keywords": [
+    "vscode",
+    "graph",
+    "diagram",
+    "layout"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kieler/stpa",
+    "directory": "templateWebview"
+},
+  "files": [
+    "out",
+    "src",
+    "css"
+  ],
+  "dependencies": {
+    "reflect-metadata": "^0.1.13"
+  },
+  "devDependencies": {
+    "css-loader": "^6.5.1",
+    "file-loader": "^6.2.0",
+    "rimraf": "latest",
+    "source-map-loader": "^3.0.0",
+    "style-loader": "^1.2.1",
+    "ts-loader": "^9.2.6",
+    "typescript": "3.8.3",
+    "webpack": "^5.64.2",
+    "webpack-cli": "^4.9.1"
+  },
+  "scripts": {
+    "prepare": "yarn run clean && yarn run build",
+    "clean": "rimraf out",
+    "build": "webpack --mode=development",
+    "watch": "webpack --mode=development --watch"
+  }
+}
diff --git a/templateWebview/src/jsx.ts b/templateWebview/src/jsx.ts
new file mode 100644
index 00000000..a374be24
--- /dev/null
+++ b/templateWebview/src/jsx.ts
@@ -0,0 +1,72 @@
+/********************************************************************************
+ * Copyright (c) 2017-2021 TypeFox and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { VNodeData, JsxVNodeChildren, JsxVNodeChild, jsx, FunctionComponent } from "snabbdom";
+
+
+declare global {
+  // eslint-disable-next-line no-redeclare
+  namespace JSX {
+      // Based on the tag list in github:DefinitelyTyped/DefinitelyTyped:React
+      interface IntrinsicElements {
+          [elemName: string]: VNodeData
+      }
+  }
+}
+
+const modulesNS = ['hook', 'on', 'style', 'class', 'props', 'attrs', 'dataset'];
+const SVGNS = 'http://www.w3.org/2000/svg';
+
+function normalizeAttrs(source: VNodeData | null, defNS: string, namespace?: string) {
+  const data: VNodeData = {};
+
+  if (namespace) {
+    data.ns = namespace;
+  }
+  if (source === null) {
+    return data;
+  }
+
+  modulesNS.forEach(mod => {
+    if (source[mod]) {
+      data[mod] = source[mod];
+    }
+  });
+  Object.keys(source).forEach(key => {
+    if (key === 'key' || key === 'classNames' || key === 'selector') return;
+    const idx = key.indexOf('-');
+    if (idx > 0)
+      addAttr(key.slice(0, idx), key.slice(idx + 1), source[key]);
+    else if (!data[key])
+      addAttr(defNS, key, source[key]);
+  });
+  return data;
+
+  function addAttr(modname: string, key: string, val: JsxVNodeChildren) {
+    const mod = data[modname] || (data[modname] = {});
+    mod[key] = val;
+  }
+}
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function JSX(namespace?: string, defNS: string = 'props') {
+  return (tag: FunctionComponent | string, attrs: VNodeData | null, ...children: JsxVNodeChild[]) => jsx(tag, normalizeAttrs(attrs, defNS, namespace), children);
+}
+
+const html = JSX();
+const svg = JSX(SVGNS, 'attrs');
+
+export { html, svg, JSX };
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
new file mode 100644
index 00000000..29ecfc5c
--- /dev/null
+++ b/templateWebview/src/main.ts
@@ -0,0 +1,92 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { Container } from 'inversify';
+
+interface vscode {
+    postMessage(message: any): void;
+}
+declare const vscode: vscode;
+
+
+export class Starter {
+
+    protected container?: Container;
+    protected identifier: string;
+
+    constructor() {
+        this.sendReadyMessage();
+        this.acceptDiagramIdentifier();
+        this.initHtml();
+    }
+
+    protected sendReadyMessage(): void {
+        vscode.postMessage({ readyMessage: 'Template Webview ready' });
+    }
+
+    protected acceptDiagramIdentifier(): void {
+        console.log('Waiting for diagram identifier...');
+        const eventListener = (message: any) => {
+            //if (isDiagramIdentifier(message.data)) {
+            this.identifier = message.data
+            //}
+        };
+        window.addEventListener('message', eventListener);
+    }
+
+    protected initHtml(): void {
+        vscode.postMessage("test")
+        const containerDiv = document.getElementById(this.identifier + '_container');
+        const haloo = document.createTextNode("Halloooo")
+        if (containerDiv) {
+            const svgContainer = document.createElement("div");
+            svgContainer.id = "test";
+            containerDiv.appendChild(svgContainer);
+            containerDiv.appendChild(haloo);
+        }
+        document.addEventListener('click', event => {
+            let node = event.target;
+            console.log(node);
+        })
+    }
+}
+
+
+new Starter();
+
+/* '<div> <h3>Test</h3></div>'
+const containerDiv = document.getElementById(this.diagramIdentifier.clientId + '_container');
+if (containerDiv) {
+    const svgContainer = document.createElement("div");
+    svgContainer.id = this.viewerOptions.baseDiv;
+    containerDiv.appendChild(svgContainer);
+
+    const hiddenContainer = document.createElement("div");
+    hiddenContainer.id = this.viewerOptions.hiddenDiv;
+    document.body.appendChild(hiddenContainer);
+
+    const statusDiv = document.createElement("div");
+    statusDiv.setAttribute('class', 'sprotty-status');
+    containerDiv.appendChild(statusDiv);
+
+    this.statusIconDiv = document.createElement("div");
+    statusDiv.appendChild(this.statusIconDiv);
+
+    this.statusMessageDiv = document.createElement("div");
+    this.statusMessageDiv.setAttribute('class', 'sprotty-status-message');
+    statusDiv.appendChild(this.statusMessageDiv);
+} */
\ No newline at end of file
diff --git a/templateWebview/tsconfig.json b/templateWebview/tsconfig.json
new file mode 100644
index 00000000..345f3981
--- /dev/null
+++ b/templateWebview/tsconfig.json
@@ -0,0 +1,17 @@
+{
+	"extends": "../base.tsconfig.json",
+	"compilerOptions": {
+    "jsx": "react",
+    "rootDir": "src",
+    "outDir": "out",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "declaration": false,
+    "declarationMap": false
+  },
+  "include": [
+    "src"
+  ]
+}
\ No newline at end of file
diff --git a/templateWebview/webpack.config.js b/templateWebview/webpack.config.js
new file mode 100644
index 00000000..06129f85
--- /dev/null
+++ b/templateWebview/webpack.config.js
@@ -0,0 +1,50 @@
+// @ts-check
+const path = require('path');
+
+const outputPath = path.resolve(__dirname, 'out');
+
+/**@type {import('webpack').Configuration}*/
+const config = {
+    target: 'web',
+
+    entry: path.resolve(__dirname, 'src/main.ts'),
+    output: {
+		filename: 'tempWebview.js',
+        path: outputPath
+    },
+    devtool: 'eval-source-map',
+
+    resolve: {
+        extensions: ['.ts', '.tsx', '.js']
+    },
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: ['ts-loader']
+            },
+            {
+                test: /\.js$/,
+                use: ['source-map-loader'],
+                enforce: 'pre'
+            },
+            {
+                test: /\.css$/,
+                exclude: /\.useable\.css$/,
+                use: ['style-loader', 'css-loader']
+            },
+            {
+                test: /\.(ttf)$/,
+                loader: 'file-loader',
+                options: {
+                    name: '[name].[ext]',
+                    outputPath: '',
+                    publicPath: '..',
+                    postTransformPublicPath: (p) => `__webpack_public_path__ + ${p}`,
+                }
+            },
+        ]
+    }
+};
+
+module.exports = config;

From 2d00b29303d8ad467adf8d89b237f5aa323395b4 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 28 Jun 2022 11:10:41 +0200
Subject: [PATCH 26/80] test template is shown in activitybar

---
 extension/src/template-webview.ts      |   2 +
 templateWebview/css/diagram.css        | 314 +++++++++++++++++++
 templateWebview/css/options.css        | 187 +++++++++++
 templateWebview/css/sidebar.css        | 104 +++++++
 templateWebview/css/sprotty-vscode.css | 118 +++++++
 templateWebview/css/sprotty.css        |  95 ++++++
 templateWebview/css/theme.css          |  30 ++
 templateWebview/out/tempWebview.js     | 416 +++++++++++++++++++++++++
 templateWebview/src/main.ts            |  18 +-
 templateWebview/src/mouseListener.ts   |  22 ++
 templateWebview/src/viewer.tsx         | 127 ++++++++
 11 files changed, 1427 insertions(+), 6 deletions(-)
 create mode 100644 templateWebview/css/diagram.css
 create mode 100644 templateWebview/css/options.css
 create mode 100644 templateWebview/css/sidebar.css
 create mode 100644 templateWebview/css/sprotty-vscode.css
 create mode 100644 templateWebview/css/sprotty.css
 create mode 100644 templateWebview/css/theme.css
 create mode 100644 templateWebview/out/tempWebview.js
 create mode 100644 templateWebview/src/mouseListener.ts
 create mode 100644 templateWebview/src/viewer.tsx

diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index e1f1566a..563b26f0 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -87,6 +87,8 @@ export class TemplateWebview {
         console.log("Received from webview");
         if (message.readyMessage) {
             this.resolveWebviewReady();
+            this.sendDiagramIdentifier();
+            return Promise.resolve(false);
         }
         return Promise.resolve(true);
     }
diff --git a/templateWebview/css/diagram.css b/templateWebview/css/diagram.css
new file mode 100644
index 00000000..8a2a727e
--- /dev/null
+++ b/templateWebview/css/diagram.css
@@ -0,0 +1,314 @@
+@import "./options.css";
+@import "./sidebar.css";
+@import "./theme.css";
+@import "./sprotty.css";
+@import "./sprotty-vscode.css";
+
+.vscode-high-contrast .stpa-node[aspect="0"], .vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
+    fill: #AD0000;
+}
+.vscode-high-contrast .stpa-node[aspect="1"], .vscode-high-contrast .stpa-edge-arrow[aspect="1"] {
+    fill: #A85400;
+}
+.vscode-high-contrast .stpa-node[aspect="2"], .vscode-high-contrast .stpa-edge-arrow[aspect="2"] {
+    fill: #006600;
+}
+.vscode-high-contrast .stpa-node[aspect="3"], .vscode-high-contrast .stpa-edge-arrow[aspect="3"] {
+    fill: purple;
+}
+.vscode-high-contrast .stpa-node[aspect="4"], .vscode-high-contrast .stpa-edge-arrow[aspect="4"] {
+    fill: #0054A8;
+}
+.vscode-high-contrast .stpa-node[aspect="5"], .vscode-high-contrast .stpa-edge-arrow[aspect="5"] {
+    fill: #006161;
+}
+.vscode-high-contrast .stpa-node[aspect="6"], .vscode-high-contrast .stpa-edge-arrow[aspect="6"] {
+    fill: #616100;
+}
+.vscode-high-contrast .stpa-node[aspect="7"], .vscode-high-contrast .stpa-edge-arrow[aspect="7"] {
+    fill: #2f4f4f;
+}
+
+
+.vscode-high-contrast .stpa-edge[aspect="0"], .vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
+    stroke: #AD0000;
+}
+.vscode-high-contrast .stpa-edge[aspect="1"], .vscode-high-contrast .stpa-edge-arrow[aspect="1"] {
+    stroke: #A85400;
+}
+.vscode-high-contrast .stpa-edge[aspect="2"], .vscode-high-contrast .stpa-edge-arrow[aspect="2"] {
+    stroke: #006600;
+}
+.vscode-high-contrast .stpa-edge[aspect="3"], .vscode-high-contrast .stpa-edge-arrow[aspect="3"] {
+    stroke: purple;
+}
+.vscode-high-contrast .stpa-edge[aspect="4"], .vscode-high-contrast .stpa-edge-arrow[aspect="4"] {
+    stroke: #0054A8;
+}
+.vscode-high-contrast .stpa-edge[aspect="5"], .vscode-high-contrast .stpa-edge-arrow[aspect="5"] {
+    stroke: #006161;
+}
+.vscode-high-contrast .stpa-edge[aspect="6"], .vscode-high-contrast .stpa-edge-arrow[aspect="6"] {
+    stroke: #616100;
+}
+.vscode-high-contrast .stpa-edge[aspect="7"], .vscode-high-contrast .stpa-edge-arrow[aspect="7"] {
+    stroke: #2f4f4f;
+}
+
+
+.vscode-high-contrast .print-node {
+    fill: black;
+    stroke: white;
+}
+
+.vscode-high-contrast .print-edge {
+    stroke: white;
+}
+
+.vscode-high-contrast .print-edge-arrow {
+    fill: white;
+    stroke: white;
+}
+
+.vscode-high-contrast .sprotty-node {
+    fill: #0c598d;
+    stroke: black;
+}
+
+
+
+
+.vscode-dark .stpa-node[aspect="0"], .vscode-dark .stpa-edge-arrow[aspect="0"] {
+    fill: #AD0000;
+}
+.vscode-dark .stpa-node[aspect="1"], .vscode-dark .stpa-edge-arrow[aspect="1"] {
+    fill: #A85400;
+}
+.vscode-dark .stpa-node[aspect="2"], .vscode-dark .stpa-edge-arrow[aspect="2"] {
+    fill: #006600;
+}
+.vscode-dark .stpa-node[aspect="3"], .vscode-dark .stpa-edge-arrow[aspect="3"] {
+    fill: purple;
+}
+.vscode-dark .stpa-node[aspect="4"], .vscode-dark .stpa-edge-arrow[aspect="4"] {
+    fill: #0054A8;
+}
+.vscode-dark .stpa-node[aspect="5"], .vscode-dark .stpa-edge-arrow[aspect="5"] {
+    fill: #006161;
+}
+.vscode-dark .stpa-node[aspect="6"], .vscode-dark .stpa-edge-arrow[aspect="6"] {
+    fill: #616100;
+}
+.vscode-dark .stpa-node[aspect="7"], .vscode-dark .stpa-edge-arrow[aspect="7"] {
+    fill: #2f4f4f;
+}
+
+
+.vscode-dark .stpa-edge[aspect="0"], .vscode-dark .stpa-edge-arrow[aspect="0"] {
+    stroke: #AD0000;
+}
+.vscode-dark .stpa-edge[aspect="1"], .vscode-dark .stpa-edge-arrow[aspect="1"] {
+    stroke: #A85400;
+}
+.vscode-dark .stpa-edge[aspect="2"], .vscode-dark .stpa-edge-arrow[aspect="2"] {
+    stroke: #006600;
+}
+.vscode-dark .stpa-edge[aspect="3"], .vscode-dark .stpa-edge-arrow[aspect="3"] {
+    stroke: purple;
+}
+.vscode-dark .stpa-edge[aspect="4"], .vscode-dark .stpa-edge-arrow[aspect="4"] {
+    stroke: #0054A8;
+}
+.vscode-dark .stpa-edge[aspect="5"], .vscode-dark .stpa-edge-arrow[aspect="5"] {
+    stroke: #006161;
+}
+.vscode-dark .stpa-edge[aspect="6"], .vscode-dark .stpa-edge-arrow[aspect="6"] {
+    stroke: #616100;
+}
+.vscode-dark .stpa-edge[aspect="7"], .vscode-dark .stpa-edge-arrow[aspect="7"] {
+    stroke: #2f4f4f;
+}
+
+
+.vscode-dark .print-node {
+    fill: black;
+    stroke: white;
+}
+
+.vscode-dark .print-edge {
+    stroke: white;
+}
+
+.vscode-dark .print-edge-arrow {
+    fill: white;
+    stroke: white;
+}
+
+.vscode-dark .sprotty-node {
+    fill: #0c598d;
+    stroke: black;
+}
+
+
+
+
+.vscode-light .stpa-node[aspect="0"], .vscode-light .stpa-edge-arrow[aspect="0"] {
+    fill: #ff7a7a;
+}
+.vscode-light .stpa-node[aspect="1"], .vscode-light .stpa-edge-arrow[aspect="1"] {
+    fill: #ffa852;
+}
+.vscode-light .stpa-node[aspect="2"], .vscode-light .stpa-edge-arrow[aspect="2"] {
+    fill: #00eb00;
+}
+.vscode-light .stpa-node[aspect="3"], .vscode-light .stpa-edge-arrow[aspect="3"] {
+    fill: #ff6bff;
+}
+.vscode-light .stpa-node[aspect="4"], .vscode-light .stpa-edge-arrow[aspect="4"] {
+    fill: #66b3ff;
+}
+.vscode-light .stpa-node[aspect="5"], .vscode-light .stpa-edge-arrow[aspect="5"] {
+    fill: #00cccc;
+}
+.vscode-light .stpa-node[aspect="6"], .vscode-light .stpa-edge-arrow[aspect="6"] {
+    fill: #cccc00;
+}
+.vscode-light .stpa-node[aspect="7"], .vscode-light .stpa-edge-arrow[aspect="7"] {
+    fill: #8fbcbc;
+}
+
+
+.vscode-light .stpa-edge[aspect="0"], .vscode-light .stpa-edge-arrow[aspect="0"] {
+    stroke: #ff7a7a;
+}
+.vscode-light .stpa-edge[aspect="1"], .vscode-light .stpa-edge-arrow[aspect="1"] {
+    stroke: #ffa852;
+}
+.vscode-light .stpa-edge[aspect="2"], .vscode-light .stpa-edge-arrow[aspect="2"] {
+    stroke: #00eb00;
+}
+.vscode-light .stpa-edge[aspect="3"], .vscode-light .stpa-edge-arrow[aspect="3"] {
+    stroke: #ff6bff;
+}
+.vscode-light .stpa-edge[aspect="4"], .vscode-light .stpa-edge-arrow[aspect="4"] {
+    stroke: #66b3ff;
+}
+.vscode-light .stpa-edge[aspect="5"], .vscode-light .stpa-edge-arrow[aspect="5"] {
+    stroke: #00cccc;
+}
+.vscode-light .stpa-edge[aspect="6"], .vscode-light .stpa-edge-arrow[aspect="6"]{
+    stroke: #cccc00;
+}
+.vscode-light .stpa-edge[aspect="7"], .vscode-light .stpa-edge-arrow[aspect="7"] {
+    stroke: #8fbcbc;
+}
+
+
+.vscode-light .print-node {
+    fill: white;
+    stroke: black;
+}
+
+.vscode-light .print-edge {
+    stroke: black;
+}
+
+.vscode-light .print-edge-arrow {
+    fill: black;
+    stroke: black;
+}
+
+.vscode-light .sprotty-node {
+    fill: #50b1f1;
+    stroke: black;
+}
+
+
+
+
+.stpa-node {
+    stroke: black;
+}
+
+.parent-node {
+    fill-opacity: 0.1;
+}
+
+.sprotty-node.selected {
+    stroke-width: 2;
+    stroke: var(--vscode-button-hover-background);
+}
+
+.parent-selected {
+    fill-opacity: 0.4;
+}
+
+.hidden {
+    opacity: 0.4;
+}
+
+body[class='vscode-light'] .sprotty-label {
+    fill: black;
+    stroke-width: 0;
+}
+.sprotty-label {
+    fill: var(--vscode-editorActiveLineNumber-foreground);
+    stroke-width: 0;
+}
+
+.sprotty-button {
+    fill: var(--vscode-editorActiveLineNumber-foreground);
+}
+
+body[class='vscode-light'] .sprotty-edge .sprotty-label {
+    fill: black
+}
+.sprotty-edge .sprotty-label {
+    fill: var(--vscode-editorActiveLineNumber-foreground);
+}
+
+body[class='vscode-light'] .sprotty-edge {
+    fill:none;
+    stroke: black;
+    stroke-width: 2px;
+}
+.sprotty-edge {
+    fill:none;
+    stroke: var(--vscode-editorActiveLineNumber-foreground);
+    stroke-width: 2px;
+}
+
+body[class='vscode-light'] .sprotty-edge-arrow {
+    fill:black
+}
+.sprotty-edge-arrow {
+    fill:var(--vscode-editorActiveLineNumber-foreground);
+}
+
+.sprotty-edge > .sprotty-routing-handle {
+    fill: var(--vscode-editor-selectionBackground);
+    stroke: none;
+    z-index: 1000;
+}
+
+.sprotty-edge > .sprotty-routing-handle[data-kind='line'] {
+    opacity: 0.35;
+}
+
+.sprotty-edge > .sprotty-routing-handle.selected {
+    fill: var(--vscode-editor-selectionHighlightBackground);
+}
+
+.sprotty-edge > .sprotty-routing-handle.mouseover {
+    stroke: var(--vscode-editor-symbolHighlightBackground);
+    stroke-width: 1;
+}
+
+.sprotty-edge.mouseover:not(.selected) {
+    stroke-width: 3px;
+}
+
+.sprotty-hidden {
+    width: 0px;
+    height: 0px;
+}
diff --git a/templateWebview/css/options.css b/templateWebview/css/options.css
new file mode 100644
index 00000000..bdf319b7
--- /dev/null
+++ b/templateWebview/css/options.css
@@ -0,0 +1,187 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2021 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+ .options__section {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 12px;
+}
+
+.options__section:last-of-type {
+    margin-bottom: 0;
+}
+
+.options__heading {
+    margin: 0;
+    font-size: 1.12rem;
+    font-weight: 700;
+    line-height: 1.5;
+}
+
+/*********************************** BUTTON ***********************************/
+
+.options__button-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    padding: 0 4px;
+}
+
+.options__icon-button {
+    --background: transparent;
+    box-sizing: border-box;
+    appearance: none;
+    border: none;
+    border-radius: var(--stpa-border-radius-default);
+    padding: 4px;
+
+    color: var(--stpa-color-sidebar-icon-primary);
+    background: var(--background);
+    transition: background var(--stpa-transition);
+    cursor: pointer;
+}
+
+.options__icon-button:hover {
+    --background: var(--stpa-color-sidebar-hover-background);
+}
+
+.options__button {
+    box-sizing: border-box;
+    appearance: none;
+    border: none;
+    border-radius: var(--stpa-border-radius-default);
+    padding: 6px 12px;
+
+    font-size: 1rem;
+    font-weight: 400;
+
+    box-shadow: none;
+    color: var(--stpa-color-sidebar-font-primary);
+    background: var(--stpa-color-sidebar-trigger-background-active);
+    transition: box-shadow var(--stpa-transition);
+    cursor: pointer;
+}
+
+.options__button:hover {
+    box-shadow: var(--stpa-sidebar-button-shadow);
+}
+
+/*********************************** INPUTS ***********************************/
+
+/* Group that renders children in a column */
+.options__column {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Group that renders children in a column and indents the children */
+.options__input-container {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Indent content except the legend inside an input group */
+.options__input-container > :not(legend) {
+    margin-left: 12px;
+}
+
+.options__separator {
+    display: block;
+    font-weight: 700;
+}
+
+.options__category {
+    display: flex;
+    flex-direction: column;
+    /* This should also have a gap just like .options__section. However, it
+    appears like the gap is not applied for details. Therefore, we use margin on the children. */
+}
+
+.options__category > summary {
+    font-weight: 700;
+    margin-bottom: 4px;
+}
+
+.options__category > :not(summary) {
+    margin: 0 0 4px 12px;
+}
+
+.options__input {
+    margin: 0 4px 0 0;
+    vertical-align: baseline;
+}
+
+.options__text-field {
+    padding: 2px 4px;
+    font-size: 1rem;
+
+    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);
+    border-radius: var(--stpa-border-radius-default);
+    background: var(--stpa-color-sidebar-trigger-background-active);
+    color: var(--stpa-color-sidebar-font-primary);
+}
+
+.options__text-field:focus,
+.options__text-field:focus-visible {
+    /* 
+    Text Field should use their border as their focus indicator. Without "!important"
+    the rule for all inputs ".options__input:focus-visible" takes precedence when the
+    styles are applied.
+    */
+    outline: none !important;
+    border-color: var(--stpa-color-primary);
+}
+
+/* Don't show outlines when a user interacts with different options... */
+.options__input,
+.options__category > summary,
+.options__button,
+.options__icon-button {
+    outline: none;
+}
+
+/* ...only show an outline if the user interacts with the options using a keyboard */
+.options__input:focus-visible,
+.options__category > summary:focus-visible,
+.options__button:focus-visible,
+.options__icon-button:focus-visible {
+    /* Chromium has this thing where an outline is colored and white. This just colors it. */
+    --outline-size: 2px;
+    outline: var(--outline-size) solid var(--stpa-color-primary);
+    outline-offset: calc(-1 * var(--outline-size));
+}
+
+.options__selection {
+    padding: 4px 6px;
+
+    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);
+    border-radius: var(--stpa-border-radius-default);
+    background: var(--stpa-color-sidebar-trigger-background-active);
+    color: var(--stpa-color-sidebar-font-primary);
+    cursor: pointer;
+    font-size: 1rem;
+}
+
+.options__selection:focus {
+    outline: none;
+    border-color: var(--stpa-color-primary);
+}
+
+.options__hidden {
+    display: none;
+}
\ No newline at end of file
diff --git a/templateWebview/css/sidebar.css b/templateWebview/css/sidebar.css
new file mode 100644
index 00000000..cb8d64ad
--- /dev/null
+++ b/templateWebview/css/sidebar.css
@@ -0,0 +1,104 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2021 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+ .sidebar {
+    box-sizing: border-box;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+
+    /* Sidebar should consume at least ~1/3th of the screen but not forced to be wider than 400px. */
+    min-width: min(400px, 35vw);
+    /* Sidebar should consume at max 3/4th of the screen. */
+    max-width: 75vw;
+    width: fit-content;
+    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);
+
+    background-color: var(--stpa-color-sidebar-background);
+    box-shadow: var(--stpa-sidebar-shadow);
+    color: var(--stpa-color-sidebar-font-primary);
+    font-size: var(--stpa-font-size-base);
+
+    transition: transform var(--stpa-transition);
+    transform: translateX(100%);
+}
+
+.sidebar--open {
+    transform: translateX(0%);
+}
+
+.sidebar__content {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 16px;
+
+    width: 100%;
+    height: 100%;
+}
+
+/* Overflow container for the content provided by panels */
+.sidebar__panel-content {
+    box-sizing: border-box;
+    overflow-y: auto;
+
+    /* Consume all available height in the sidebar */
+    flex-grow: 2;
+}
+
+.sidebar__title {
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1.5;
+    margin: 0;
+}
+
+.sidebar__toggle-container {
+    position: absolute;
+    left: 0;
+    top: 16px;
+    transform: translateX(-100%);
+
+    display: flex;
+    flex-direction: column;
+}
+
+.sidebar__toggle-button {
+    --background: var(--stpa-color-sidebar-trigger-background);
+    padding: 8px;
+    border: none;
+    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);
+
+    cursor: pointer;
+    outline: none;
+    background: var(--background);
+    color: var(--stpa-color-sidebar-icon-primary);
+    box-shadow: var(--stpa-sidebar-button-shadow);
+
+    transition: background var(--stpa-transition);
+}
+
+.sidebar__toggle-button:hover,
+.sidebar__toggle-button:focus-visible {
+    --background: var(--stpa-color-sidebar-trigger-background-hover);
+}
+
+.sidebar__toggle-button--active {
+    --background: var(--stpa-color-sidebar-trigger-background-active);
+}
\ No newline at end of file
diff --git a/templateWebview/css/sprotty-vscode.css b/templateWebview/css/sprotty-vscode.css
new file mode 100644
index 00000000..3b2231cf
--- /dev/null
+++ b/templateWebview/css/sprotty-vscode.css
@@ -0,0 +1,118 @@
+/********************************************************************************
+ * Copyright (c) 2017-2018 TypeFox and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+html, body {
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+}
+
+.sprotty {
+    display: flex;
+    height: 100%;
+}
+
+.sprotty-hidden {
+    height: 0px !important;
+}
+
+svg {
+    width: 100%;
+    flex: 1;
+    border-style: none;
+    border-width: 0px;
+}
+
+svg:focus {
+    border-width: 0;
+}
+
+.sprotty-status {
+    position: absolute;
+    top: 5px;
+    left: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.sprotty-status .fatal {
+    color: var(--vscode-editorError-foreground)
+}
+
+.sprotty-status .error {
+    color: var(--vscode-editorError-foreground)
+}
+
+.sprotty-status .warning {
+    color: var(--vscode-editorWarning-foreground)
+}
+
+.sprotty-status .info {
+    color: var(--vscode-editorInfo-foreground)
+}
+
+.sprotty-error {
+    fill: var(--vscode-editorError-foreground);
+    color: var(--vscode-editorError-foreground);
+}
+
+.sprotty-warning {
+    fill: var(--vscode-editorWarning-foreground);
+    color: var(--vscode-editorWarning-foreground);
+}
+
+.sprotty-info {
+    fill: var(--vscode-editorInfo-foreground);
+    color: var(--vscode-editorInfo-foreground);
+}
+
+.sprotty-infoRow .fa {
+    margin-right: 8px;
+}
+
+.sprotty-status .ok {
+    visibility: hidden;
+}
+
+.sprotty-status-message {
+    visibility: hidden;
+    padding-left: 10px;
+}
+
+.sprotty-status:hover .sprotty-status-message {
+    visibility: visible;
+}
+
+.sprotty-popup {
+    position: absolute;
+    background: #FFE9BE;
+    border-radius: 0px;
+    border: none;
+    max-width: initial;
+    min-width: initial;
+    z-index: 1;
+    padding: 8px;
+}
+
+.sprotty-infoRow {
+    font-size: small;
+    margin-bottom: 8px;
+}
+
+.sprotty-infoTitle {
+    display: block;
+    font-weight: bold;
+}
diff --git a/templateWebview/css/sprotty.css b/templateWebview/css/sprotty.css
new file mode 100644
index 00000000..1a04b7fe
--- /dev/null
+++ b/templateWebview/css/sprotty.css
@@ -0,0 +1,95 @@
+/********************************************************************************
+ * Copyright (c) 2017-2018 TypeFox and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+.sprotty {
+    padding: 0px;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.sprotty-root {
+    position: relative;
+}
+
+.sprotty-hidden {
+    display: block;
+    position: absolute;
+    width: 0px;
+    height: 0px;
+}
+
+.sprotty-popup {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    position: absolute;
+    background: white;
+    border-radius: 5px;
+    border: 1px solid;
+    max-width: 400px;
+    min-width: 100px;
+}
+
+.sprotty-popup > div {
+    margin: 10px;
+}
+
+.sprotty-popup-closed {
+    display: none;
+}
+
+.sprotty-projection-bar.horizontal {
+    position: absolute;
+    width: 100%;
+    height: 20px;
+    left: 0;
+    bottom: 0;
+}
+
+.sprotty-projection-bar.vertical {
+    position: absolute;
+    width: 20px;
+    height: 100%;
+    right: 0;
+    top: 0;
+}
+
+.sprotty-viewport {
+    z-index: 1;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sprotty-projection-bar.horizontal .sprotty-projection,
+.sprotty-projection-bar.horizontal .sprotty-viewport {
+    position: absolute;
+    height: 100%;
+    top: 0;
+}
+
+.sprotty-projection-bar.vertical .sprotty-projection,
+.sprotty-projection-bar.vertical .sprotty-viewport {
+    position: absolute;
+    width: 100%;
+    left: 0;
+}
+
+@keyframes spin {
+	100% {
+		transform:rotate(360deg);
+	}
+}
+
+.animation-spin {
+	animation: spin 1.5s linear infinite;
+}
diff --git a/templateWebview/css/theme.css b/templateWebview/css/theme.css
new file mode 100644
index 00000000..cf663b74
--- /dev/null
+++ b/templateWebview/css/theme.css
@@ -0,0 +1,30 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+:root {
+    /* Behavior and sizing variables */
+    --stpa-transition: 200ms ease-in-out;
+    --stpa-border-radius-default: 4px;
+    --stpa-font-size-base: 16px;
+    --stpa-sidebar-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
+    --stpa-sidebar-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+
+    /* Color semantic theme token (no "dump" token like gray100 etc.
+    but rather scoped to where they should be applied). Allows for finer theme control. */
+    --stpa-color-sidebar-background: var(--vscode-sideBar-background);
+    --stpa-color-sidebar-trigger-background: var(--vscode-sideBar-background);
+}
diff --git a/templateWebview/out/tempWebview.js b/templateWebview/out/tempWebview.js
new file mode 100644
index 00000000..faf8150a
--- /dev/null
+++ b/templateWebview/out/tempWebview.js
@@ -0,0 +1,416 @@
+/*
+ * ATTENTION: An "eval-source-map" devtool has been used.
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "../node_modules/css-loader/dist/cjs.js!./css/diagram.css":
+/*!****************************************************************!*\
+  !*** ../node_modules/css-loader/dist/cjs.js!./css/diagram.css ***!
+  \****************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_options_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./options.css */ \"../node_modules/css-loader/dist/cjs.js!./css/options.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_sidebar_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./sidebar.css */ \"../node_modules/css-loader/dist/cjs.js!./css/sidebar.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_theme_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./theme.css */ \"../node_modules/css-loader/dist/cjs.js!./css/theme.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_sprotty_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./sprotty.css */ \"../node_modules/css-loader/dist/cjs.js!./css/sprotty.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_sprotty_vscode_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./sprotty-vscode.css */ \"../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css\");\n// Imports\n\n\n\n\n\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_options_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_sidebar_css__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_theme_css__WEBPACK_IMPORTED_MODULE_4__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_sprotty_css__WEBPACK_IMPORTED_MODULE_5__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_sprotty_vscode_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".vscode-high-contrast .stpa-node[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-node[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-edge[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-light .stpa-node[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .stpa-edge[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"]{\\r\\n    stroke: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .print-node {\\r\\n    fill: white;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge-arrow {\\r\\n    fill: black;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .sprotty-node {\\r\\n    fill: #50b1f1;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.stpa-node {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.parent-node {\\r\\n    fill-opacity: 0.1;\\r\\n}\\r\\n\\r\\n.sprotty-node.selected {\\r\\n    stroke-width: 2;\\r\\n    stroke: var(--vscode-button-hover-background);\\r\\n}\\r\\n\\r\\n.parent-selected {\\r\\n    fill-opacity: 0.4;\\r\\n}\\r\\n\\r\\n.hidden {\\r\\n    opacity: 0.4;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-label {\\r\\n    fill: black;\\r\\n    stroke-width: 0;\\r\\n}\\r\\n.sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 0;\\r\\n}\\r\\n\\r\\n.sprotty-button {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge .sprotty-label {\\r\\n    fill: black\\r\\n}\\r\\n.sprotty-edge .sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: black;\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n.sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge-arrow {\\r\\n    fill:black\\r\\n}\\r\\n.sprotty-edge-arrow {\\r\\n    fill:var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle {\\r\\n    fill: var(--vscode-editor-selectionBackground);\\r\\n    stroke: none;\\r\\n    z-index: 1000;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle[data-kind='line'] {\\r\\n    opacity: 0.35;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.selected {\\r\\n    fill: var(--vscode-editor-selectionHighlightBackground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.mouseover {\\r\\n    stroke: var(--vscode-editor-symbolHighlightBackground);\\r\\n    stroke-width: 1;\\r\\n}\\r\\n\\r\\n.sprotty-edge.mouseover:not(.selected) {\\r\\n    stroke-width: 3px;\\r\\n}\\r\\n\\r\\n.sprotty-hidden {\\r\\n    width: 0px;\\r\\n    height: 0px;\\r\\n}\\r\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/diagram.css\"],\"names\":[],\"mappings\":\"AAMA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,YAAY;AAChB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;;;AAGA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,cAAc;AAClB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;;;AAGA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,aAAa;AACjB;;;;;AAKA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,YAAY;AAChB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;;;AAGA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,cAAc;AAClB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;;;AAGA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,aAAa;AACjB;;;;;AAKA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;;;AAGA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;;;AAGA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,aAAa;AACjB;;;;;AAKA;IACI,aAAa;AACjB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,eAAe;IACf,6CAA6C;AACjD;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,WAAW;IACX,eAAe;AACnB;AACA;IACI,qDAAqD;IACrD,eAAe;AACnB;;AAEA;IACI,qDAAqD;AACzD;;AAEA;IACI;AACJ;AACA;IACI,qDAAqD;AACzD;;AAEA;IACI,SAAS;IACT,aAAa;IACb,iBAAiB;AACrB;AACA;IACI,SAAS;IACT,uDAAuD;IACvD,iBAAiB;AACrB;;AAEA;IACI;AACJ;AACA;IACI,oDAAoD;AACxD;;AAEA;IACI,8CAA8C;IAC9C,YAAY;IACZ,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,uDAAuD;AAC3D;;AAEA;IACI,sDAAsD;IACtD,eAAe;AACnB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,UAAU;IACV,WAAW;AACf\",\"sourcesContent\":[\"@import \\\"./options.css\\\";\\r\\n@import \\\"./sidebar.css\\\";\\r\\n@import \\\"./theme.css\\\";\\r\\n@import \\\"./sprotty.css\\\";\\r\\n@import \\\"./sprotty-vscode.css\\\";\\r\\n\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-node[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-edge[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-light .stpa-node[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .stpa-edge[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"]{\\r\\n    stroke: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .print-node {\\r\\n    fill: white;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge-arrow {\\r\\n    fill: black;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .sprotty-node {\\r\\n    fill: #50b1f1;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.stpa-node {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.parent-node {\\r\\n    fill-opacity: 0.1;\\r\\n}\\r\\n\\r\\n.sprotty-node.selected {\\r\\n    stroke-width: 2;\\r\\n    stroke: var(--vscode-button-hover-background);\\r\\n}\\r\\n\\r\\n.parent-selected {\\r\\n    fill-opacity: 0.4;\\r\\n}\\r\\n\\r\\n.hidden {\\r\\n    opacity: 0.4;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-label {\\r\\n    fill: black;\\r\\n    stroke-width: 0;\\r\\n}\\r\\n.sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 0;\\r\\n}\\r\\n\\r\\n.sprotty-button {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge .sprotty-label {\\r\\n    fill: black\\r\\n}\\r\\n.sprotty-edge .sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: black;\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n.sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge-arrow {\\r\\n    fill:black\\r\\n}\\r\\n.sprotty-edge-arrow {\\r\\n    fill:var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle {\\r\\n    fill: var(--vscode-editor-selectionBackground);\\r\\n    stroke: none;\\r\\n    z-index: 1000;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle[data-kind='line'] {\\r\\n    opacity: 0.35;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.selected {\\r\\n    fill: var(--vscode-editor-selectionHighlightBackground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.mouseover {\\r\\n    stroke: var(--vscode-editor-symbolHighlightBackground);\\r\\n    stroke-width: 1;\\r\\n}\\r\\n\\r\\n.sprotty-edge.mouseover:not(.selected) {\\r\\n    stroke-width: 3px;\\r\\n}\\r\\n\\r\\n.sprotty-hidden {\\r\\n    width: 0px;\\r\\n    height: 0px;\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3MvZGlhZ3JhbS5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBO0FBQzZHO0FBQ2pCO0FBQ2M7QUFDQTtBQUNGO0FBQ0U7QUFDTztBQUNqSCw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GLDBCQUEwQix3RkFBaUM7QUFDM0QsMEJBQTBCLHdGQUFpQztBQUMzRCwwQkFBMEIsc0ZBQWlDO0FBQzNELDBCQUEwQix3RkFBaUM7QUFDM0QsMEJBQTBCLCtGQUFpQztBQUMzRDtBQUNBLGdKQUFnSixzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEdBQTBHLHNCQUFzQixLQUFLLDBHQUEwRyxxQkFBcUIsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEdBQTBHLHNCQUFzQixLQUFLLDBHQUEwRyxzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssa0hBQWtILHdCQUF3QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywwR0FBMEcsd0JBQXdCLEtBQUssMEdBQTBHLHVCQUF1QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywwR0FBMEcsd0JBQXdCLEtBQUssMEdBQTBHLHdCQUF3QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywrQ0FBK0Msb0JBQW9CLHNCQUFzQixLQUFLLDJDQUEyQyxzQkFBc0IsS0FBSyxpREFBaUQsb0JBQW9CLHNCQUFzQixLQUFLLDZDQUE2QyxzQkFBc0Isc0JBQXNCLEtBQUssd0dBQXdHLHNCQUFzQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyx3RkFBd0Ysc0JBQXNCLEtBQUssd0ZBQXdGLHFCQUFxQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyx3RkFBd0Ysc0JBQXNCLEtBQUssd0ZBQXdGLHNCQUFzQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyxnR0FBZ0csd0JBQXdCLEtBQUssd0ZBQXdGLHdCQUF3QixLQUFLLHdGQUF3Rix3QkFBd0IsS0FB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LHNCQUFzQiwwQkFBMEIsS0FBSyxnQ0FBZ0Msd0JBQXdCLHNEQUFzRCxLQUFLLDBCQUEwQiwwQkFBMEIsS0FBSyxpQkFBaUIscUJBQXFCLEtBQUssbURBQW1ELG9CQUFvQix3QkFBd0IsS0FBSyxvQkFBb0IsOERBQThELHdCQUF3QixLQUFLLHlCQUF5Qiw4REFBOEQsS0FBSyxpRUFBaUUsd0JBQXdCLGtDQUFrQyw4REFBOEQsS0FBSyxrREFBa0Qsa0JBQWtCLHNCQUFzQiwwQkFBMEIsS0FBSyxtQkFBbUIsa0JBQWtCLGdFQUFnRSwwQkFBMEIsS0FBSyx3REFBd0QsdUJBQXVCLHlCQUF5Qiw2REFBNkQsS0FBSyxpREFBaUQsdURBQXVELHFCQUFxQixzQkFBc0IsS0FBSyxtRUFBbUUsc0JBQXNCLEtBQUssMERBQTBELGdFQUFnRSxLQUFLLDJEQUEyRCwrREFBK0Qsd0JBQXdCLEtBQUssZ0RBQWdELDBCQUEwQixLQUFLLHlCQUF5QixtQkFBbUIsb0JBQW9CLEtBQUssdUJBQXVCO0FBQy8vbUI7QUFDQSxpRUFBZSx1QkFBdUIsRUFBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL2Nzcy9kaWFncmFtLmNzcz82ZDM0Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvc291cmNlTWFwcy5qc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVRfUlVMRV9JTVBPUlRfMF9fXyBmcm9tIFwiLSEuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcyEuL29wdGlvbnMuY3NzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BVF9SVUxFX0lNUE9SVF8xX19fIGZyb20gXCItIS4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4vc2lkZWJhci5jc3NcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzJfX18gZnJvbSBcIi0hLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi90aGVtZS5jc3NcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzNfX18gZnJvbSBcIi0hLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9zcHJvdHR5LmNzc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVRfUlVMRV9JTVBPUlRfNF9fXyBmcm9tIFwiLSEuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcyEuL3Nwcm90dHktdnNjb2RlLmNzc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzBfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzFfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzJfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzNfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtZGFyayAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiMFxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICNmZmE4NTI7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjJcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwZWIwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiM1xcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM2NmIzZmY7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNVxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwY2NjYztcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjY2NjYzAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjdcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM4ZmJjYmM7XFxyXFxufVxcclxcblxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI2ZmYTg1MjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIyXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGViMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzY2YjNmZjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNVxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGNjY2M7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNlxcXCJde1xcclxcbiAgICBzdHJva2U6ICNjY2NjMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjOGZiY2JjO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1ub2RlIHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnByaW50LWVkZ2Uge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnNwcm90dHktbm9kZSB7XFxyXFxuICAgIGZpbGw6ICM1MGIxZjE7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcblxcclxcblxcclxcblxcclxcbi5zdHBhLW5vZGUge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LW5vZGUge1xcclxcbiAgICBmaWxsLW9wYWNpdHk6IDAuMTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktbm9kZS5zZWxlY3RlZCB7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMjtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtYnV0dG9uLWhvdmVyLWJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LXNlbGVjdGVkIHtcXHJcXG4gICAgZmlsbC1vcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbi5oaWRkZW4ge1xcclxcbiAgICBvcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbmJvZHlbY2xhc3M9J3ZzY29kZS1saWdodCddIC5zcHJvdHR5LWxhYmVsIHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMDtcXHJcXG59XFxyXFxuLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1idXR0b24ge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSAuc3Byb3R0eS1sYWJlbCB7XFxyXFxuICAgIGZpbGw6IGJsYWNrXFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2UgLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSB7XFxyXFxuICAgIGZpbGw6bm9uZTtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAycHg7XFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2Uge1xcclxcbiAgICBmaWxsOm5vbmU7XFxyXFxuICAgIHN0cm9rZTogdmFyKC0tdnNjb2RlLWVkaXRvckFjdGl2ZUxpbmVOdW1iZXItZm9yZWdyb3VuZCk7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMnB4O1xcclxcbn1cXHJcXG5cXHJcXG5ib2R5W2NsYXNzPSd2c2NvZGUtbGlnaHQnXSAuc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDpibGFja1xcclxcbn1cXHJcXG4uc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDp2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktZWRnZSA+IC5zcHJvdHR5LXJvdXRpbmctaGFuZGxlIHtcXHJcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvci1zZWxlY3Rpb25CYWNrZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlOiBub25lO1xcclxcbiAgICB6LWluZGV4OiAxMDAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGVbZGF0YS1raW5kPSdsaW5lJ10ge1xcclxcbiAgICBvcGFjaXR5OiAwLjM1O1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUuc2VsZWN0ZWQge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yLXNlbGVjdGlvbkhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUubW91c2VvdmVyIHtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtZWRpdG9yLXN5bWJvbEhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbiAgICBzdHJva2Utd2lkdGg6IDE7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWVkZ2UubW91c2VvdmVyOm5vdCguc2VsZWN0ZWQpIHtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAzcHg7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWhpZGRlbiB7XFxyXFxuICAgIHdpZHRoOiAwcHg7XFxyXFxuICAgIGhlaWdodDogMHB4O1xcclxcbn1cXHJcXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi9jc3MvZGlhZ3JhbS5jc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBTUE7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxZQUFZO0FBQ2hCO0FBQ0E7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxhQUFhO0FBQ2pCOzs7QUFHQTtJQUNJLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGNBQWM7QUFDbEI7QUFDQTtJQUNJLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGVBQWU7QUFDbkI7QUFDQTtJQUNJLGVBQWU7QUFDbkI7OztBQUdBO0lBQ0ksV0FBVztJQUNYLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksV0FBVztJQUNYLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxhQUFhO0lBQ2IsYUFBYTtBQUNqQjs7Ozs7QUFLQTtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLFlBQVk7QUFDaEI7QUFDQTtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLGFBQWE7QUFDakI7OztBQUdBO0lBQ0ksZUFBZTtBQUNuQjtBQUNBO0lBQ0ksZUFBZTtBQUNuQjtBQUNBO0lBQ0ksZUFBZTtBQUNuQjtBQUNBO0lBQ0ksY0FBYztBQUNsQjtBQUNBO0lBQ0ksZUFBZTtBQUNuQjtBQUNBO0lBQ0ksZUFBZTtBQUNuQjtBQUNBO0lBQ0ksZUFBZTtBQUNuQjtBQUNBO0lBQ0ksZUFBZTtBQUNuQjs7O0FBR0E7SUFDSSxXQUFXO0lBQ1gsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGFBQWE7SUFDYixhQUFhO0FBQ2pCOzs7OztBQUtBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjtBQUNBO0lBQ0ksYUFBYTtBQUNqQjs7O0FBR0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxlQUFlO0FBQ25COzs7QUFHQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLGFBQWE7QUFDakI7Ozs7O0FBS0E7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZUFBZTtJQUNmLDZDQUE2QztBQUNqRDs7QUFFQTtJQUNJLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsZUFBZTtBQUNuQjtBQUNBO0lBQ0kscURBQXFEO0lBQ3JELGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxxREFBcUQ7QUFDekQ7O0FBRUE7SUFDSTtBQUNKO0FBQ0E7SUFDSSxxREFBcUQ7QUFDekQ7O0FBRUE7SUFDSSxTQUFTO0lBQ1QsYUFBYTtJQUNiLGlCQUFpQjtBQUNyQjtBQUNBO0lBQ0ksU0FBUztJQUNULHVEQUF1RDtJQUN2RCxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSTtBQUNKO0FBQ0E7SUFDSSxvREFBb0Q7QUFDeEQ7O0FBRUE7SUFDSSw4Q0FBOEM7SUFDOUMsWUFBWTtJQUNaLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksdURBQXVEO0FBQzNEOztBQUVBO0lBQ0ksc0RBQXNEO0lBQ3RELGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsV0FBVztBQUNmXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIkBpbXBvcnQgXFxcIi4vb3B0aW9ucy5jc3NcXFwiO1xcclxcbkBpbXBvcnQgXFxcIi4vc2lkZWJhci5jc3NcXFwiO1xcclxcbkBpbXBvcnQgXFxcIi4vdGhlbWUuY3NzXFxcIjtcXHJcXG5AaW1wb3J0IFxcXCIuL3Nwcm90dHkuY3NzXFxcIjtcXHJcXG5AaW1wb3J0IFxcXCIuL3Nwcm90dHktdnNjb2RlLmNzc1xcXCI7XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtZGFyayAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiMFxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICNmZmE4NTI7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjJcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwZWIwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiM1xcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM2NmIzZmY7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNVxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwY2NjYztcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjY2NjYzAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjdcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM4ZmJjYmM7XFxyXFxufVxcclxcblxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI2ZmYTg1MjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIyXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGViMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzY2YjNmZjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNVxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGNjY2M7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNlxcXCJde1xcclxcbiAgICBzdHJva2U6ICNjY2NjMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjOGZiY2JjO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1ub2RlIHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnByaW50LWVkZ2Uge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnNwcm90dHktbm9kZSB7XFxyXFxuICAgIGZpbGw6ICM1MGIxZjE7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcblxcclxcblxcclxcblxcclxcbi5zdHBhLW5vZGUge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LW5vZGUge1xcclxcbiAgICBmaWxsLW9wYWNpdHk6IDAuMTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktbm9kZS5zZWxlY3RlZCB7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMjtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtYnV0dG9uLWhvdmVyLWJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LXNlbGVjdGVkIHtcXHJcXG4gICAgZmlsbC1vcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbi5oaWRkZW4ge1xcclxcbiAgICBvcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbmJvZHlbY2xhc3M9J3ZzY29kZS1saWdodCddIC5zcHJvdHR5LWxhYmVsIHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMDtcXHJcXG59XFxyXFxuLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1idXR0b24ge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSAuc3Byb3R0eS1sYWJlbCB7XFxyXFxuICAgIGZpbGw6IGJsYWNrXFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2UgLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSB7XFxyXFxuICAgIGZpbGw6bm9uZTtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAycHg7XFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2Uge1xcclxcbiAgICBmaWxsOm5vbmU7XFxyXFxuICAgIHN0cm9rZTogdmFyKC0tdnNjb2RlLWVkaXRvckFjdGl2ZUxpbmVOdW1iZXItZm9yZWdyb3VuZCk7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMnB4O1xcclxcbn1cXHJcXG5cXHJcXG5ib2R5W2NsYXNzPSd2c2NvZGUtbGlnaHQnXSAuc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDpibGFja1xcclxcbn1cXHJcXG4uc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDp2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktZWRnZSA+IC5zcHJvdHR5LXJvdXRpbmctaGFuZGxlIHtcXHJcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvci1zZWxlY3Rpb25CYWNrZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlOiBub25lO1xcclxcbiAgICB6LWluZGV4OiAxMDAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGVbZGF0YS1raW5kPSdsaW5lJ10ge1xcclxcbiAgICBvcGFjaXR5OiAwLjM1O1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUuc2VsZWN0ZWQge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yLXNlbGVjdGlvbkhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUubW91c2VvdmVyIHtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtZWRpdG9yLXN5bWJvbEhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbiAgICBzdHJva2Utd2lkdGg6IDE7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWVkZ2UubW91c2VvdmVyOm5vdCguc2VsZWN0ZWQpIHtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAzcHg7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWhpZGRlbiB7XFxyXFxuICAgIHdpZHRoOiAwcHg7XFxyXFxuICAgIGhlaWdodDogMHB4O1xcclxcbn1cXHJcXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/diagram.css\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/cjs.js!./css/options.css":
+/*!****************************************************************!*\
+  !*** ../node_modules/css-loader/dist/cjs.js!./css/options.css ***!
+  \****************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .options__section {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 4px;\\r\\n    margin-bottom: 12px;\\r\\n}\\r\\n\\r\\n.options__section:last-of-type {\\r\\n    margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.options__heading {\\r\\n    margin: 0;\\r\\n    font-size: 1.12rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n}\\r\\n\\r\\n/*********************************** BUTTON ***********************************/\\r\\n\\r\\n.options__button-group {\\r\\n    display: flex;\\r\\n    flex-wrap: wrap;\\r\\n    gap: 4px;\\r\\n    padding: 0 4px;\\r\\n}\\r\\n\\r\\n.options__icon-button {\\r\\n    --background: transparent;\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 4px;\\r\\n\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    background: var(--background);\\r\\n    transition: background var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__icon-button:hover {\\r\\n    --background: var(--stpa-color-sidebar-hover-background);\\r\\n}\\r\\n\\r\\n.options__button {\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 6px 12px;\\r\\n\\r\\n    font-size: 1rem;\\r\\n    font-weight: 400;\\r\\n\\r\\n    box-shadow: none;\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    transition: box-shadow var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__button:hover {\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n}\\r\\n\\r\\n/*********************************** INPUTS ***********************************/\\r\\n\\r\\n/* Group that renders children in a column */\\r\\n.options__column {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Group that renders children in a column and indents the children */\\r\\n.options__input-container {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Indent content except the legend inside an input group */\\r\\n.options__input-container > :not(legend) {\\r\\n    margin-left: 12px;\\r\\n}\\r\\n\\r\\n.options__separator {\\r\\n    display: block;\\r\\n    font-weight: 700;\\r\\n}\\r\\n\\r\\n.options__category {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    /* This should also have a gap just like .options__section. However, it\\r\\n    appears like the gap is not applied for details. Therefore, we use margin on the children. */\\r\\n}\\r\\n\\r\\n.options__category > summary {\\r\\n    font-weight: 700;\\r\\n    margin-bottom: 4px;\\r\\n}\\r\\n\\r\\n.options__category > :not(summary) {\\r\\n    margin: 0 0 4px 12px;\\r\\n}\\r\\n\\r\\n.options__input {\\r\\n    margin: 0 4px 0 0;\\r\\n    vertical-align: baseline;\\r\\n}\\r\\n\\r\\n.options__text-field {\\r\\n    padding: 2px 4px;\\r\\n    font-size: 1rem;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n}\\r\\n\\r\\n.options__text-field:focus,\\r\\n.options__text-field:focus-visible {\\r\\n    /* \\r\\n    Text Field should use their border as their focus indicator. Without \\\"!important\\\"\\r\\n    the rule for all inputs \\\".options__input:focus-visible\\\" takes precedence when the\\r\\n    styles are applied.\\r\\n    */\\r\\n    outline: none !important;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n/* Don't show outlines when a user interacts with different options... */\\r\\n.options__input,\\r\\n.options__category > summary,\\r\\n.options__button,\\r\\n.options__icon-button {\\r\\n    outline: none;\\r\\n}\\r\\n\\r\\n/* ...only show an outline if the user interacts with the options using a keyboard */\\r\\n.options__input:focus-visible,\\r\\n.options__category > summary:focus-visible,\\r\\n.options__button:focus-visible,\\r\\n.options__icon-button:focus-visible {\\r\\n    /* Chromium has this thing where an outline is colored and white. This just colors it. */\\r\\n    --outline-size: 2px;\\r\\n    outline: var(--outline-size) solid var(--stpa-color-primary);\\r\\n    outline-offset: calc(-1 * var(--outline-size));\\r\\n}\\r\\n\\r\\n.options__selection {\\r\\n    padding: 4px 6px;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    cursor: pointer;\\r\\n    font-size: 1rem;\\r\\n}\\r\\n\\r\\n.options__selection:focus {\\r\\n    outline: none;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n.options__hidden {\\r\\n    display: none;\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/options.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;EAeE;;CAED;IACG,aAAa;IACb,sBAAsB;IACtB,QAAQ;IACR,mBAAmB;AACvB;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,SAAS;IACT,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA,+EAA+E;;AAE/E;IACI,aAAa;IACb,eAAe;IACf,QAAQ;IACR,cAAc;AAClB;;AAEA;IACI,yBAAyB;IACzB,sBAAsB;IACtB,gBAAgB;IAChB,YAAY;IACZ,gDAAgD;IAChD,YAAY;;IAEZ,6CAA6C;IAC7C,6BAA6B;IAC7B,6CAA6C;IAC7C,eAAe;AACnB;;AAEA;IACI,wDAAwD;AAC5D;;AAEA;IACI,sBAAsB;IACtB,gBAAgB;IAChB,YAAY;IACZ,gDAAgD;IAChD,iBAAiB;;IAEjB,eAAe;IACf,gBAAgB;;IAEhB,gBAAgB;IAChB,6CAA6C;IAC7C,+DAA+D;IAC/D,6CAA6C;IAC7C,eAAe;AACnB;;AAEA;IACI,6CAA6C;AACjD;;AAEA,+EAA+E;;AAE/E,4CAA4C;AAC5C;IACI,aAAa;IACb,sBAAsB;AAC1B;;AAEA,qEAAqE;AACrE;IACI,aAAa;IACb,sBAAsB;AAC1B;;AAEA,2DAA2D;AAC3D;IACI,iBAAiB;AACrB;;AAEA;IACI,cAAc;IACd,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB;gGAC4F;AAChG;;AAEA;IACI,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,oBAAoB;AACxB;;AAEA;IACI,iBAAiB;IACjB,wBAAwB;AAC5B;;AAEA;IACI,gBAAgB;IAChB,eAAe;;IAEf,oEAAoE;IACpE,gDAAgD;IAChD,+DAA+D;IAC/D,6CAA6C;AACjD;;AAEA;;IAEI;;;;KAIC;IACD,wBAAwB;IACxB,uCAAuC;AAC3C;;AAEA,wEAAwE;AACxE;;;;IAII,aAAa;AACjB;;AAEA,oFAAoF;AACpF;;;;IAII,wFAAwF;IACxF,mBAAmB;IACnB,4DAA4D;IAC5D,8CAA8C;AAClD;;AAEA;IACI,gBAAgB;;IAEhB,oEAAoE;IACpE,gDAAgD;IAChD,+DAA+D;IAC/D,6CAA6C;IAC7C,eAAe;IACf,eAAe;AACnB;;AAEA;IACI,aAAa;IACb,uCAAuC;AAC3C;;AAEA;IACI,aAAa;AACjB\",\"sourcesContent\":[\"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .options__section {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 4px;\\r\\n    margin-bottom: 12px;\\r\\n}\\r\\n\\r\\n.options__section:last-of-type {\\r\\n    margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.options__heading {\\r\\n    margin: 0;\\r\\n    font-size: 1.12rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n}\\r\\n\\r\\n/*********************************** BUTTON ***********************************/\\r\\n\\r\\n.options__button-group {\\r\\n    display: flex;\\r\\n    flex-wrap: wrap;\\r\\n    gap: 4px;\\r\\n    padding: 0 4px;\\r\\n}\\r\\n\\r\\n.options__icon-button {\\r\\n    --background: transparent;\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 4px;\\r\\n\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    background: var(--background);\\r\\n    transition: background var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__icon-button:hover {\\r\\n    --background: var(--stpa-color-sidebar-hover-background);\\r\\n}\\r\\n\\r\\n.options__button {\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 6px 12px;\\r\\n\\r\\n    font-size: 1rem;\\r\\n    font-weight: 400;\\r\\n\\r\\n    box-shadow: none;\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    transition: box-shadow var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__button:hover {\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n}\\r\\n\\r\\n/*********************************** INPUTS ***********************************/\\r\\n\\r\\n/* Group that renders children in a column */\\r\\n.options__column {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Group that renders children in a column and indents the children */\\r\\n.options__input-container {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Indent content except the legend inside an input group */\\r\\n.options__input-container > :not(legend) {\\r\\n    margin-left: 12px;\\r\\n}\\r\\n\\r\\n.options__separator {\\r\\n    display: block;\\r\\n    font-weight: 700;\\r\\n}\\r\\n\\r\\n.options__category {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    /* This should also have a gap just like .options__section. However, it\\r\\n    appears like the gap is not applied for details. Therefore, we use margin on the children. */\\r\\n}\\r\\n\\r\\n.options__category > summary {\\r\\n    font-weight: 700;\\r\\n    margin-bottom: 4px;\\r\\n}\\r\\n\\r\\n.options__category > :not(summary) {\\r\\n    margin: 0 0 4px 12px;\\r\\n}\\r\\n\\r\\n.options__input {\\r\\n    margin: 0 4px 0 0;\\r\\n    vertical-align: baseline;\\r\\n}\\r\\n\\r\\n.options__text-field {\\r\\n    padding: 2px 4px;\\r\\n    font-size: 1rem;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n}\\r\\n\\r\\n.options__text-field:focus,\\r\\n.options__text-field:focus-visible {\\r\\n    /* \\r\\n    Text Field should use their border as their focus indicator. Without \\\"!important\\\"\\r\\n    the rule for all inputs \\\".options__input:focus-visible\\\" takes precedence when the\\r\\n    styles are applied.\\r\\n    */\\r\\n    outline: none !important;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n/* Don't show outlines when a user interacts with different options... */\\r\\n.options__input,\\r\\n.options__category > summary,\\r\\n.options__button,\\r\\n.options__icon-button {\\r\\n    outline: none;\\r\\n}\\r\\n\\r\\n/* ...only show an outline if the user interacts with the options using a keyboard */\\r\\n.options__input:focus-visible,\\r\\n.options__category > summary:focus-visible,\\r\\n.options__button:focus-visible,\\r\\n.options__icon-button:focus-visible {\\r\\n    /* Chromium has this thing where an outline is colored and white. This just colors it. */\\r\\n    --outline-size: 2px;\\r\\n    outline: var(--outline-size) solid var(--stpa-color-primary);\\r\\n    outline-offset: calc(-1 * var(--outline-size));\\r\\n}\\r\\n\\r\\n.options__selection {\\r\\n    padding: 4px 6px;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    cursor: pointer;\\r\\n    font-size: 1rem;\\r\\n}\\r\\n\\r\\n.options__selection:focus {\\r\\n    outline: none;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n.options__hidden {\\r\\n    display: none;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvb3B0aW9ucy5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUM2RztBQUNqQjtBQUM1Riw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GO0FBQ0EsaWxCQUFpbEIsc0JBQXNCLCtCQUErQixpQkFBaUIsNEJBQTRCLEtBQUssd0NBQXdDLHlCQUF5QixLQUFLLDJCQUEyQixrQkFBa0IsMkJBQTJCLHlCQUF5Qix5QkFBeUIsS0FBSyx3SEFBd0gsc0JBQXNCLHdCQUF3QixpQkFBaUIsdUJBQXVCLEtBQUssK0JBQStCLGtDQUFrQywrQkFBK0IseUJBQXlCLHFCQUFxQix5REFBeUQscUJBQXFCLDBEQUEwRCxzQ0FBc0Msc0RBQXNELHdCQUF3QixLQUFLLHFDQUFxQyxpRUFBaUUsS0FBSywwQkFBMEIsK0JBQStCLHlCQUF5QixxQkFBcUIseURBQXlELDBCQUEwQiw0QkFBNEIseUJBQXlCLDZCQUE2QixzREFBc0Qsd0VBQXdFLHNEQUFzRCx3QkFBd0IsS0FBSyxnQ0FBZ0Msc0RBQXNELEtBQUssbUtBQW1LLHNCQUFzQiwrQkFBK0IsS0FBSyw2R0FBNkcsc0JBQXNCLCtCQUErQixLQUFLLGtIQUFrSCwwQkFBMEIsS0FBSyw2QkFBNkIsdUJBQXVCLHlCQUF5QixLQUFLLDRCQUE0QixzQkFBc0IsK0JBQStCLHlMQUF5TCxzQ0FBc0MseUJBQXlCLDJCQUEyQixLQUFLLDRDQUE0Qyw2QkFBNkIsS0FBSyx5QkFBeUIsMEJBQTBCLGlDQUFpQyxLQUFLLDhCQUE4Qix5QkFBeUIsd0JBQXdCLGlGQUFpRix5REFBeUQsd0VBQXdFLHNEQUFzRCxLQUFLLDJFQUEyRSx1UUFBdVEsZ0RBQWdELEtBQUssc0xBQXNMLHNCQUFzQixLQUFLLDBQQUEwUCw2SEFBNkgscUVBQXFFLHVEQUF1RCxLQUFLLDZCQUE2Qix5QkFBeUIsaUZBQWlGLHlEQUF5RCx3RUFBd0Usc0RBQXNELHdCQUF3Qix3QkFBd0IsS0FBSyxtQ0FBbUMsc0JBQXNCLGdEQUFnRCxLQUFLLDBCQUEwQixzQkFBc0IsS0FBSyxPQUFPLGdHQUFnRyxNQUFNLEtBQUssVUFBVSxZQUFZLFdBQVcsWUFBWSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLGFBQWEsYUFBYSxPQUFPLGFBQWEsTUFBTSxVQUFVLFVBQVUsVUFBVSxVQUFVLE9BQU8sS0FBSyxZQUFZLGFBQWEsYUFBYSxXQUFXLFlBQVksWUFBWSxZQUFZLGFBQWEsYUFBYSxXQUFXLE9BQU8sS0FBSyxZQUFZLE9BQU8sS0FBSyxZQUFZLGFBQWEsV0FBVyxZQUFZLGNBQWMsV0FBVyxhQUFhLGFBQWEsYUFBYSxhQUFhLGFBQWEsV0FBVyxPQUFPLEtBQUssWUFBWSxPQUFPLGFBQWEsYUFBYSxNQUFNLFVBQVUsWUFBWSxPQUFPLFlBQVksTUFBTSxVQUFVLFlBQVksT0FBTyxZQUFZLE1BQU0sWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLE9BQU8sS0FBSyxVQUFVLFlBQVksTUFBTSxPQUFPLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssWUFBWSxZQUFZLFlBQVksYUFBYSxhQUFhLGFBQWEsT0FBTyxNQUFNLFFBQVEsS0FBSyxZQUFZLGFBQWEsT0FBTyxZQUFZLFNBQVMsVUFBVSxPQUFPLFlBQVksU0FBUyxZQUFZLGFBQWEsYUFBYSxhQUFhLE9BQU8sS0FBSyxhQUFhLGFBQWEsYUFBYSxhQUFhLGFBQWEsV0FBVyxVQUFVLE9BQU8sS0FBSyxVQUFVLFlBQVksT0FBTyxLQUFLLFVBQVUsaWtCQUFpa0Isc0JBQXNCLCtCQUErQixpQkFBaUIsNEJBQTRCLEtBQUssd0NBQXdDLHlCQUF5QixLQUFLLDJCQUEyQixrQkFBa0IsMkJBQTJCLHlCQUF5Qix5QkFBeUIsS0FBSyx3SEFBd0gsc0JBQXNCLHdCQUF3QixpQkFBaUIsdUJBQXVCLEtBQUssK0JBQStCLGtDQUFrQywrQkFBK0IseUJBQXlCLHFCQUFxQix5REFBeUQscUJBQXFCLDBEQUEwRCxzQ0FBc0Msc0RBQXNELHdCQUF3QixLQUFLLHFDQUFxQyxpRUFBaUUsS0FBSywwQkFBMEIsK0JBQStCLHlCQUF5QixxQkFBcUIseURBQXlELDBCQUEwQiw0QkFBNEIseUJBQXlCLDZCQUE2QixzREFBc0Qsd0VBQXdFLHNEQUFzRCx3QkFBd0IsS0FBSyxnQ0FBZ0Msc0RBQXNELEtBQUssbUtBQW1LLHNCQUFzQiwrQkFBK0IsS0FBSyw2R0FBNkcsc0JBQXNCLCtCQUErQixLQUFLLGtIQUFrSCwwQkFBMEIsS0FBSyw2QkFBNkIsdUJBQXVCLHlCQUF5QixLQUFLLDRCQUE0QixzQkFBc0IsK0JBQStCLHlMQUF5TCxzQ0FBc0MseUJBQXlCLDJCQUEyQixLQUFLLDRDQUE0Qyw2QkFBNkIsS0FBSyx5QkFBeUIsMEJBQTBCLGlDQUFpQyxLQUFLLDhCQUE4Qix5QkFBeUIsd0JBQXdCLGlGQUFpRix5REFBeUQsd0VBQXdFLHNEQUFzRCxLQUFLLDJFQUEyRSx1UUFBdVEsZ0RBQWdELEtBQUssc0xBQXNMLHNCQUFzQixLQUFLLDBQQUEwUCw2SEFBNkgscUVBQXFFLHVEQUF1RCxLQUFLLDZCQUE2Qix5QkFBeUIsaUZBQWlGLHlEQUF5RCx3RUFBd0Usc0RBQXNELHdCQUF3Qix3QkFBd0IsS0FBSyxtQ0FBbUMsc0JBQXNCLGdEQUFnRCxLQUFLLDBCQUEwQixzQkFBc0IsS0FBSyxtQkFBbUI7QUFDbHVYO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3Mvb3B0aW9ucy5jc3M/NjQ1ZCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBJbXBvcnRzXG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLm9wdGlvbnNfX3NlY3Rpb24ge1xcclxcbiAgICBkaXNwbGF5OiBmbGV4O1xcclxcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMTJweDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3NlY3Rpb246bGFzdC1vZi10eXBlIHtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2hlYWRpbmcge1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS4xMnJlbTtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcXHJcXG59XFxyXFxuXFxyXFxuLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqIEJVVFRPTiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXHJcXG5cXHJcXG4ub3B0aW9uc19fYnV0dG9uLWdyb3VwIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC13cmFwOiB3cmFwO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgcGFkZGluZzogMCA0cHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA0cHg7XFxyXFxuXFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItaWNvbi1wcmltYXJ5KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tYmFja2dyb3VuZCk7XFxyXFxuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faWNvbi1idXR0b246aG92ZXIge1xcclxcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1ob3Zlci1iYWNrZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2J1dHRvbiB7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA2cHggMTJweDtcXHJcXG5cXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNDAwO1xcclxcblxcclxcbiAgICBib3gtc2hhZG93OiBub25lO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci10cmlnZ2VyLWJhY2tncm91bmQtYWN0aXZlKTtcXHJcXG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19idXR0b246aG92ZXIge1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItYnV0dG9uLXNoYWRvdyk7XFxyXFxufVxcclxcblxcclxcbi8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiBJTlBVVFMgKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXFxyXFxuXFxyXFxuLyogR3JvdXAgdGhhdCByZW5kZXJzIGNoaWxkcmVuIGluIGEgY29sdW1uICovXFxyXFxuLm9wdGlvbnNfX2NvbHVtbiB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi8qIEdyb3VwIHRoYXQgcmVuZGVycyBjaGlsZHJlbiBpbiBhIGNvbHVtbiBhbmQgaW5kZW50cyB0aGUgY2hpbGRyZW4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQtY29udGFpbmVyIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG59XFxyXFxuXFxyXFxuLyogSW5kZW50IGNvbnRlbnQgZXhjZXB0IHRoZSBsZWdlbmQgaW5zaWRlIGFuIGlucHV0IGdyb3VwICovXFxyXFxuLm9wdGlvbnNfX2lucHV0LWNvbnRhaW5lciA+IDpub3QobGVnZW5kKSB7XFxyXFxuICAgIG1hcmdpbi1sZWZ0OiAxMnB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VwYXJhdG9yIHtcXHJcXG4gICAgZGlzcGxheTogYmxvY2s7XFxyXFxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19jYXRlZ29yeSB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxuICAgIC8qIFRoaXMgc2hvdWxkIGFsc28gaGF2ZSBhIGdhcCBqdXN0IGxpa2UgLm9wdGlvbnNfX3NlY3Rpb24uIEhvd2V2ZXIsIGl0XFxyXFxuICAgIGFwcGVhcnMgbGlrZSB0aGUgZ2FwIGlzIG5vdCBhcHBsaWVkIGZvciBkZXRhaWxzLiBUaGVyZWZvcmUsIHdlIHVzZSBtYXJnaW4gb24gdGhlIGNoaWxkcmVuLiAqL1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5IHtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiA6bm90KHN1bW1hcnkpIHtcXHJcXG4gICAgbWFyZ2luOiAwIDAgNHB4IDEycHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pbnB1dCB7XFxyXFxuICAgIG1hcmdpbjogMCA0cHggMCAwO1xcclxcbiAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX190ZXh0LWZpZWxkIHtcXHJcXG4gICAgcGFkZGluZzogMnB4IDRweDtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcblxcclxcbiAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWFjdGl2ZSk7XFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItZm9udC1wcmltYXJ5KTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMsXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMtdmlzaWJsZSB7XFxyXFxuICAgIC8qIFxcclxcbiAgICBUZXh0IEZpZWxkIHNob3VsZCB1c2UgdGhlaXIgYm9yZGVyIGFzIHRoZWlyIGZvY3VzIGluZGljYXRvci4gV2l0aG91dCBcXFwiIWltcG9ydGFudFxcXCJcXHJcXG4gICAgdGhlIHJ1bGUgZm9yIGFsbCBpbnB1dHMgXFxcIi5vcHRpb25zX19pbnB1dDpmb2N1cy12aXNpYmxlXFxcIiB0YWtlcyBwcmVjZWRlbmNlIHdoZW4gdGhlXFxyXFxuICAgIHN0eWxlcyBhcmUgYXBwbGllZC5cXHJcXG4gICAgKi9cXHJcXG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xcclxcbiAgICBib3JkZXItY29sb3I6IHZhcigtLXN0cGEtY29sb3ItcHJpbWFyeSk7XFxyXFxufVxcclxcblxcclxcbi8qIERvbid0IHNob3cgb3V0bGluZXMgd2hlbiBhIHVzZXIgaW50ZXJhY3RzIHdpdGggZGlmZmVyZW50IG9wdGlvbnMuLi4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQsXFxyXFxuLm9wdGlvbnNfX2NhdGVnb3J5ID4gc3VtbWFyeSxcXHJcXG4ub3B0aW9uc19fYnV0dG9uLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxufVxcclxcblxcclxcbi8qIC4uLm9ubHkgc2hvdyBhbiBvdXRsaW5lIGlmIHRoZSB1c2VyIGludGVyYWN0cyB3aXRoIHRoZSBvcHRpb25zIHVzaW5nIGEga2V5Ym9hcmQgKi9cXHJcXG4ub3B0aW9uc19faW5wdXQ6Zm9jdXMtdmlzaWJsZSxcXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5OmZvY3VzLXZpc2libGUsXFxyXFxuLm9wdGlvbnNfX2J1dHRvbjpmb2N1cy12aXNpYmxlLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLyogQ2hyb21pdW0gaGFzIHRoaXMgdGhpbmcgd2hlcmUgYW4gb3V0bGluZSBpcyBjb2xvcmVkIGFuZCB3aGl0ZS4gVGhpcyBqdXN0IGNvbG9ycyBpdC4gKi9cXHJcXG4gICAgLS1vdXRsaW5lLXNpemU6IDJweDtcXHJcXG4gICAgb3V0bGluZTogdmFyKC0tb3V0bGluZS1zaXplKSBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbiAgICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLW91dGxpbmUtc2l6ZSkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uIHtcXHJcXG4gICAgcGFkZGluZzogNHB4IDZweDtcXHJcXG5cXHJcXG4gICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1ob3Zlcik7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uOmZvY3VzIHtcXHJcXG4gICAgb3V0bGluZTogbm9uZTtcXHJcXG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faGlkZGVuIHtcXHJcXG4gICAgZGlzcGxheTogbm9uZTtcXHJcXG59XCIsIFwiXCIse1widmVyc2lvblwiOjMsXCJzb3VyY2VzXCI6W1wid2VicGFjazovLy4vY3NzL29wdGlvbnMuY3NzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7RUFlRTs7Q0FFRDtJQUNHLGFBQWE7SUFDYixzQkFBc0I7SUFDdEIsUUFBUTtJQUNSLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFNBQVM7SUFDVCxrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtBQUNwQjs7QUFFQSwrRUFBK0U7O0FBRS9FO0lBQ0ksYUFBYTtJQUNiLGVBQWU7SUFDZixRQUFRO0lBQ1IsY0FBYztBQUNsQjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixzQkFBc0I7SUFDdEIsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixnREFBZ0Q7SUFDaEQsWUFBWTs7SUFFWiw2Q0FBNkM7SUFDN0MsNkJBQTZCO0lBQzdCLDZDQUE2QztJQUM3QyxlQUFlO0FBQ25COztBQUVBO0lBQ0ksd0RBQXdEO0FBQzVEOztBQUVBO0lBQ0ksc0JBQXNCO0lBQ3RCLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osZ0RBQWdEO0lBQ2hELGlCQUFpQjs7SUFFakIsZUFBZTtJQUNmLGdCQUFnQjs7SUFFaEIsZ0JBQWdCO0lBQ2hCLDZDQUE2QztJQUM3QywrREFBK0Q7SUFDL0QsNkNBQTZDO0lBQzdDLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSw2Q0FBNkM7QUFDakQ7O0FBRUEsK0VBQStFOztBQUUvRSw0Q0FBNEM7QUFDNUM7SUFDSSxhQUFhO0lBQ2Isc0JBQXNCO0FBQzFCOztBQUVBLHFFQUFxRTtBQUNyRTtJQUNJLGFBQWE7SUFDYixzQkFBc0I7QUFDMUI7O0FBRUEsMkRBQTJEO0FBQzNEO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7SUFDYixzQkFBc0I7SUFDdEI7Z0dBQzRGO0FBQ2hHOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQix3QkFBd0I7QUFDNUI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZUFBZTs7SUFFZixvRUFBb0U7SUFDcEUsZ0RBQWdEO0lBQ2hELCtEQUErRDtJQUMvRCw2Q0FBNkM7QUFDakQ7O0FBRUE7O0lBRUk7Ozs7S0FJQztJQUNELHdCQUF3QjtJQUN4Qix1Q0FBdUM7QUFDM0M7O0FBRUEsd0VBQXdFO0FBQ3hFOzs7O0lBSUksYUFBYTtBQUNqQjs7QUFFQSxvRkFBb0Y7QUFDcEY7Ozs7SUFJSSx3RkFBd0Y7SUFDeEYsbUJBQW1CO0lBQ25CLDREQUE0RDtJQUM1RCw4Q0FBOEM7QUFDbEQ7O0FBRUE7SUFDSSxnQkFBZ0I7O0lBRWhCLG9FQUFvRTtJQUNwRSxnREFBZ0Q7SUFDaEQsK0RBQStEO0lBQy9ELDZDQUE2QztJQUM3QyxlQUFlO0lBQ2YsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGFBQWE7SUFDYix1Q0FBdUM7QUFDM0M7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLm9wdGlvbnNfX3NlY3Rpb24ge1xcclxcbiAgICBkaXNwbGF5OiBmbGV4O1xcclxcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMTJweDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3NlY3Rpb246bGFzdC1vZi10eXBlIHtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2hlYWRpbmcge1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS4xMnJlbTtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcXHJcXG59XFxyXFxuXFxyXFxuLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqIEJVVFRPTiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXHJcXG5cXHJcXG4ub3B0aW9uc19fYnV0dG9uLWdyb3VwIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC13cmFwOiB3cmFwO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgcGFkZGluZzogMCA0cHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA0cHg7XFxyXFxuXFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItaWNvbi1wcmltYXJ5KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tYmFja2dyb3VuZCk7XFxyXFxuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faWNvbi1idXR0b246aG92ZXIge1xcclxcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1ob3Zlci1iYWNrZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2J1dHRvbiB7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA2cHggMTJweDtcXHJcXG5cXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNDAwO1xcclxcblxcclxcbiAgICBib3gtc2hhZG93OiBub25lO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci10cmlnZ2VyLWJhY2tncm91bmQtYWN0aXZlKTtcXHJcXG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19idXR0b246aG92ZXIge1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItYnV0dG9uLXNoYWRvdyk7XFxyXFxufVxcclxcblxcclxcbi8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiBJTlBVVFMgKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXFxyXFxuXFxyXFxuLyogR3JvdXAgdGhhdCByZW5kZXJzIGNoaWxkcmVuIGluIGEgY29sdW1uICovXFxyXFxuLm9wdGlvbnNfX2NvbHVtbiB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi8qIEdyb3VwIHRoYXQgcmVuZGVycyBjaGlsZHJlbiBpbiBhIGNvbHVtbiBhbmQgaW5kZW50cyB0aGUgY2hpbGRyZW4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQtY29udGFpbmVyIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG59XFxyXFxuXFxyXFxuLyogSW5kZW50IGNvbnRlbnQgZXhjZXB0IHRoZSBsZWdlbmQgaW5zaWRlIGFuIGlucHV0IGdyb3VwICovXFxyXFxuLm9wdGlvbnNfX2lucHV0LWNvbnRhaW5lciA+IDpub3QobGVnZW5kKSB7XFxyXFxuICAgIG1hcmdpbi1sZWZ0OiAxMnB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VwYXJhdG9yIHtcXHJcXG4gICAgZGlzcGxheTogYmxvY2s7XFxyXFxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19jYXRlZ29yeSB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxuICAgIC8qIFRoaXMgc2hvdWxkIGFsc28gaGF2ZSBhIGdhcCBqdXN0IGxpa2UgLm9wdGlvbnNfX3NlY3Rpb24uIEhvd2V2ZXIsIGl0XFxyXFxuICAgIGFwcGVhcnMgbGlrZSB0aGUgZ2FwIGlzIG5vdCBhcHBsaWVkIGZvciBkZXRhaWxzLiBUaGVyZWZvcmUsIHdlIHVzZSBtYXJnaW4gb24gdGhlIGNoaWxkcmVuLiAqL1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5IHtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiA6bm90KHN1bW1hcnkpIHtcXHJcXG4gICAgbWFyZ2luOiAwIDAgNHB4IDEycHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pbnB1dCB7XFxyXFxuICAgIG1hcmdpbjogMCA0cHggMCAwO1xcclxcbiAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX190ZXh0LWZpZWxkIHtcXHJcXG4gICAgcGFkZGluZzogMnB4IDRweDtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcblxcclxcbiAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWFjdGl2ZSk7XFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItZm9udC1wcmltYXJ5KTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMsXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMtdmlzaWJsZSB7XFxyXFxuICAgIC8qIFxcclxcbiAgICBUZXh0IEZpZWxkIHNob3VsZCB1c2UgdGhlaXIgYm9yZGVyIGFzIHRoZWlyIGZvY3VzIGluZGljYXRvci4gV2l0aG91dCBcXFwiIWltcG9ydGFudFxcXCJcXHJcXG4gICAgdGhlIHJ1bGUgZm9yIGFsbCBpbnB1dHMgXFxcIi5vcHRpb25zX19pbnB1dDpmb2N1cy12aXNpYmxlXFxcIiB0YWtlcyBwcmVjZWRlbmNlIHdoZW4gdGhlXFxyXFxuICAgIHN0eWxlcyBhcmUgYXBwbGllZC5cXHJcXG4gICAgKi9cXHJcXG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xcclxcbiAgICBib3JkZXItY29sb3I6IHZhcigtLXN0cGEtY29sb3ItcHJpbWFyeSk7XFxyXFxufVxcclxcblxcclxcbi8qIERvbid0IHNob3cgb3V0bGluZXMgd2hlbiBhIHVzZXIgaW50ZXJhY3RzIHdpdGggZGlmZmVyZW50IG9wdGlvbnMuLi4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQsXFxyXFxuLm9wdGlvbnNfX2NhdGVnb3J5ID4gc3VtbWFyeSxcXHJcXG4ub3B0aW9uc19fYnV0dG9uLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxufVxcclxcblxcclxcbi8qIC4uLm9ubHkgc2hvdyBhbiBvdXRsaW5lIGlmIHRoZSB1c2VyIGludGVyYWN0cyB3aXRoIHRoZSBvcHRpb25zIHVzaW5nIGEga2V5Ym9hcmQgKi9cXHJcXG4ub3B0aW9uc19faW5wdXQ6Zm9jdXMtdmlzaWJsZSxcXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5OmZvY3VzLXZpc2libGUsXFxyXFxuLm9wdGlvbnNfX2J1dHRvbjpmb2N1cy12aXNpYmxlLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLyogQ2hyb21pdW0gaGFzIHRoaXMgdGhpbmcgd2hlcmUgYW4gb3V0bGluZSBpcyBjb2xvcmVkIGFuZCB3aGl0ZS4gVGhpcyBqdXN0IGNvbG9ycyBpdC4gKi9cXHJcXG4gICAgLS1vdXRsaW5lLXNpemU6IDJweDtcXHJcXG4gICAgb3V0bGluZTogdmFyKC0tb3V0bGluZS1zaXplKSBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbiAgICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLW91dGxpbmUtc2l6ZSkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uIHtcXHJcXG4gICAgcGFkZGluZzogNHB4IDZweDtcXHJcXG5cXHJcXG4gICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1ob3Zlcik7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uOmZvY3VzIHtcXHJcXG4gICAgb3V0bGluZTogbm9uZTtcXHJcXG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faGlkZGVuIHtcXHJcXG4gICAgZGlzcGxheTogbm9uZTtcXHJcXG59XCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5leHBvcnQgZGVmYXVsdCBfX19DU1NfTE9BREVSX0VYUE9SVF9fXztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/options.css\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/cjs.js!./css/sidebar.css":
+/*!****************************************************************!*\
+  !*** ../node_modules/css-loader/dist/cjs.js!./css/sidebar.css ***!
+  \****************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .sidebar {\\r\\n    box-sizing: border-box;\\r\\n    position: fixed;\\r\\n    top: 0;\\r\\n    right: 0;\\r\\n    bottom: 0;\\r\\n\\r\\n    /* Sidebar should consume at least ~1/3th of the screen but not forced to be wider than 400px. */\\r\\n    min-width: min(400px, 35vw);\\r\\n    /* Sidebar should consume at max 3/4th of the screen. */\\r\\n    max-width: 75vw;\\r\\n    width: fit-content;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    background-color: var(--stpa-color-sidebar-background);\\r\\n    box-shadow: var(--stpa-sidebar-shadow);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    font-size: var(--stpa-font-size-base);\\r\\n\\r\\n    transition: transform var(--stpa-transition);\\r\\n    transform: translateX(100%);\\r\\n}\\r\\n\\r\\n.sidebar--open {\\r\\n    transform: translateX(0%);\\r\\n}\\r\\n\\r\\n.sidebar__content {\\r\\n    box-sizing: border-box;\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 16px;\\r\\n    padding: 16px;\\r\\n\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n/* Overflow container for the content provided by panels */\\r\\n.sidebar__panel-content {\\r\\n    box-sizing: border-box;\\r\\n    overflow-y: auto;\\r\\n\\r\\n    /* Consume all available height in the sidebar */\\r\\n    flex-grow: 2;\\r\\n}\\r\\n\\r\\n.sidebar__title {\\r\\n    font-size: 1.5rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n    margin: 0;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-container {\\r\\n    position: absolute;\\r\\n    left: 0;\\r\\n    top: 16px;\\r\\n    transform: translateX(-100%);\\r\\n\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background);\\r\\n    padding: 8px;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    cursor: pointer;\\r\\n    outline: none;\\r\\n    background: var(--background);\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n\\r\\n    transition: background var(--stpa-transition);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button:hover,\\r\\n.sidebar__toggle-button:focus-visible {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-hover);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button--active {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/sidebar.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;EAeE;;CAED;IACG,sBAAsB;IACtB,eAAe;IACf,MAAM;IACN,QAAQ;IACR,SAAS;;IAET,gGAAgG;IAChG,2BAA2B;IAC3B,uDAAuD;IACvD,eAAe;IACf,kBAAkB;IAClB,sFAAsF;;IAEtF,sDAAsD;IACtD,sCAAsC;IACtC,6CAA6C;IAC7C,qCAAqC;;IAErC,4CAA4C;IAC5C,2BAA2B;AAC/B;;AAEA;IACI,yBAAyB;AAC7B;;AAEA;IACI,sBAAsB;IACtB,aAAa;IACb,sBAAsB;IACtB,SAAS;IACT,aAAa;;IAEb,WAAW;IACX,YAAY;AAChB;;AAEA,0DAA0D;AAC1D;IACI,sBAAsB;IACtB,gBAAgB;;IAEhB,gDAAgD;IAChD,YAAY;AAChB;;AAEA;IACI,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,OAAO;IACP,SAAS;IACT,4BAA4B;;IAE5B,aAAa;IACb,sBAAsB;AAC1B;;AAEA;IACI,0DAA0D;IAC1D,YAAY;IACZ,YAAY;IACZ,sFAAsF;;IAEtF,eAAe;IACf,aAAa;IACb,6BAA6B;IAC7B,6CAA6C;IAC7C,6CAA6C;;IAE7C,6CAA6C;AACjD;;AAEA;;IAEI,gEAAgE;AACpE;;AAEA;IACI,iEAAiE;AACrE\",\"sourcesContent\":[\"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .sidebar {\\r\\n    box-sizing: border-box;\\r\\n    position: fixed;\\r\\n    top: 0;\\r\\n    right: 0;\\r\\n    bottom: 0;\\r\\n\\r\\n    /* Sidebar should consume at least ~1/3th of the screen but not forced to be wider than 400px. */\\r\\n    min-width: min(400px, 35vw);\\r\\n    /* Sidebar should consume at max 3/4th of the screen. */\\r\\n    max-width: 75vw;\\r\\n    width: fit-content;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    background-color: var(--stpa-color-sidebar-background);\\r\\n    box-shadow: var(--stpa-sidebar-shadow);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    font-size: var(--stpa-font-size-base);\\r\\n\\r\\n    transition: transform var(--stpa-transition);\\r\\n    transform: translateX(100%);\\r\\n}\\r\\n\\r\\n.sidebar--open {\\r\\n    transform: translateX(0%);\\r\\n}\\r\\n\\r\\n.sidebar__content {\\r\\n    box-sizing: border-box;\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 16px;\\r\\n    padding: 16px;\\r\\n\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n/* Overflow container for the content provided by panels */\\r\\n.sidebar__panel-content {\\r\\n    box-sizing: border-box;\\r\\n    overflow-y: auto;\\r\\n\\r\\n    /* Consume all available height in the sidebar */\\r\\n    flex-grow: 2;\\r\\n}\\r\\n\\r\\n.sidebar__title {\\r\\n    font-size: 1.5rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n    margin: 0;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-container {\\r\\n    position: absolute;\\r\\n    left: 0;\\r\\n    top: 16px;\\r\\n    transform: translateX(-100%);\\r\\n\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background);\\r\\n    padding: 8px;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    cursor: pointer;\\r\\n    outline: none;\\r\\n    background: var(--background);\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n\\r\\n    transition: background var(--stpa-transition);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button:hover,\\r\\n.sidebar__toggle-button:focus-visible {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-hover);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button--active {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvc2lkZWJhci5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUM2RztBQUNqQjtBQUM1Riw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GO0FBQ0Esd2tCQUF3a0IsK0JBQStCLHdCQUF3QixlQUFlLGlCQUFpQixrQkFBa0IsaUpBQWlKLHdGQUF3RiwyQkFBMkIsK0ZBQStGLG1FQUFtRSwrQ0FBK0Msc0RBQXNELDhDQUE4Qyx5REFBeUQsb0NBQW9DLEtBQUssd0JBQXdCLGtDQUFrQyxLQUFLLDJCQUEyQiwrQkFBK0Isc0JBQXNCLCtCQUErQixrQkFBa0Isc0JBQXNCLHdCQUF3QixxQkFBcUIsS0FBSyxnR0FBZ0csK0JBQStCLHlCQUF5QixrRkFBa0YsS0FBSyx5QkFBeUIsMEJBQTBCLHlCQUF5Qix5QkFBeUIsa0JBQWtCLEtBQUssb0NBQW9DLDJCQUEyQixnQkFBZ0Isa0JBQWtCLHFDQUFxQywwQkFBMEIsK0JBQStCLEtBQUssaUNBQWlDLG1FQUFtRSxxQkFBcUIscUJBQXFCLCtGQUErRiw0QkFBNEIsc0JBQXNCLHNDQUFzQyxzREFBc0Qsc0RBQXNELDBEQUEwRCxLQUFLLGlGQUFpRix5RUFBeUUsS0FBSyx5Q0FBeUMsMEVBQTBFLEtBQUssT0FBTyxnR0FBZ0csTUFBTSxLQUFLLFlBQVksV0FBVyxVQUFVLFVBQVUsV0FBVyxZQUFZLGFBQWEsYUFBYSxXQUFXLFlBQVksY0FBYyxhQUFhLGFBQWEsYUFBYSxjQUFjLGFBQWEsYUFBYSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssWUFBWSxXQUFXLFlBQVksV0FBVyxXQUFXLFVBQVUsVUFBVSxPQUFPLFlBQVksTUFBTSxZQUFZLGNBQWMsYUFBYSxXQUFXLE9BQU8sS0FBSyxZQUFZLGFBQWEsYUFBYSxXQUFXLE1BQU0sS0FBSyxZQUFZLFdBQVcsVUFBVSxhQUFhLFdBQVcsWUFBWSxPQUFPLEtBQUssWUFBWSxXQUFXLFVBQVUsYUFBYSxXQUFXLFVBQVUsWUFBWSxhQUFhLGNBQWMsYUFBYSxPQUFPLE1BQU0sWUFBWSxPQUFPLEtBQUssWUFBWSx3akJBQXdqQiwrQkFBK0Isd0JBQXdCLGVBQWUsaUJBQWlCLGtCQUFrQixpSkFBaUosd0ZBQXdGLDJCQUEyQiwrRkFBK0YsbUVBQW1FLCtDQUErQyxzREFBc0QsOENBQThDLHlEQUF5RCxvQ0FBb0MsS0FBSyx3QkFBd0Isa0NBQWtDLEtBQUssMkJBQTJCLCtCQUErQixzQkFBc0IsK0JBQStCLGtCQUFrQixzQkFBc0Isd0JBQXdCLHFCQUFxQixLQUFLLGdHQUFnRywrQkFBK0IseUJBQXlCLGtGQUFrRixLQUFLLHlCQUF5QiwwQkFBMEIseUJBQXlCLHlCQUF5QixrQkFBa0IsS0FBSyxvQ0FBb0MsMkJBQTJCLGdCQUFnQixrQkFBa0IscUNBQXFDLDBCQUEwQiwrQkFBK0IsS0FBSyxpQ0FBaUMsbUVBQW1FLHFCQUFxQixxQkFBcUIsK0ZBQStGLDRCQUE0QixzQkFBc0Isc0NBQXNDLHNEQUFzRCxzREFBc0QsMERBQTBELEtBQUssaUZBQWlGLHlFQUF5RSxLQUFLLHlDQUF5QywwRUFBMEUsS0FBSyxtQkFBbUI7QUFDdGxOO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3Mvc2lkZWJhci5jc3M/ZjBjMCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBJbXBvcnRzXG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLnNpZGViYXIge1xcclxcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcclxcbiAgICBwb3NpdGlvbjogZml4ZWQ7XFxyXFxuICAgIHRvcDogMDtcXHJcXG4gICAgcmlnaHQ6IDA7XFxyXFxuICAgIGJvdHRvbTogMDtcXHJcXG5cXHJcXG4gICAgLyogU2lkZWJhciBzaG91bGQgY29uc3VtZSBhdCBsZWFzdCB+MS8zdGggb2YgdGhlIHNjcmVlbiBidXQgbm90IGZvcmNlZCB0byBiZSB3aWRlciB0aGFuIDQwMHB4LiAqL1xcclxcbiAgICBtaW4td2lkdGg6IG1pbig0MDBweCwgMzV2dyk7XFxyXFxuICAgIC8qIFNpZGViYXIgc2hvdWxkIGNvbnN1bWUgYXQgbWF4IDMvNHRoIG9mIHRoZSBzY3JlZW4uICovXFxyXFxuICAgIG1heC13aWR0aDogNzV2dztcXHJcXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xcclxcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdCkgMCAwIHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG5cXHJcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWJhY2tncm91bmQpO1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItc2hhZG93KTtcXHJcXG4gICAgY29sb3I6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1mb250LXByaW1hcnkpO1xcclxcbiAgICBmb250LXNpemU6IHZhcigtLXN0cGEtZm9udC1zaXplLWJhc2UpO1xcclxcblxcclxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhci0tb3BlbiB7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX19jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG4gICAgZ2FwOiAxNnB4O1xcclxcbiAgICBwYWRkaW5nOiAxNnB4O1xcclxcblxcclxcbiAgICB3aWR0aDogMTAwJTtcXHJcXG4gICAgaGVpZ2h0OiAxMDAlO1xcclxcbn1cXHJcXG5cXHJcXG4vKiBPdmVyZmxvdyBjb250YWluZXIgZm9yIHRoZSBjb250ZW50IHByb3ZpZGVkIGJ5IHBhbmVscyAqL1xcclxcbi5zaWRlYmFyX19wYW5lbC1jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXHJcXG5cXHJcXG4gICAgLyogQ29uc3VtZSBhbGwgYXZhaWxhYmxlIGhlaWdodCBpbiB0aGUgc2lkZWJhciAqL1xcclxcbiAgICBmbGV4LWdyb3c6IDI7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190aXRsZSB7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNzAwO1xcclxcbiAgICBsaW5lLWhlaWdodDogMS41O1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtY29udGFpbmVyIHtcXHJcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcclxcbiAgICBsZWZ0OiAwO1xcclxcbiAgICB0b3A6IDE2cHg7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XFxyXFxuXFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtYnV0dG9uIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kKTtcXHJcXG4gICAgcGFkZGluZzogOHB4O1xcclxcbiAgICBib3JkZXI6IG5vbmU7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KSAwIDAgdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcblxcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLWJhY2tncm91bmQpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWljb24tcHJpbWFyeSk7XFxyXFxuICAgIGJveC1zaGFkb3c6IHZhcigtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93KTtcXHJcXG5cXHJcXG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpob3ZlcixcXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNpZGViYXJfX3RvZ2dsZS1idXR0b24tLWFjdGl2ZSB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbn1cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi9jc3Mvc2lkZWJhci5jc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUE7Ozs7Ozs7Ozs7Ozs7OztFQWVFOztDQUVEO0lBQ0csc0JBQXNCO0lBQ3RCLGVBQWU7SUFDZixNQUFNO0lBQ04sUUFBUTtJQUNSLFNBQVM7O0lBRVQsZ0dBQWdHO0lBQ2hHLDJCQUEyQjtJQUMzQix1REFBdUQ7SUFDdkQsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixzRkFBc0Y7O0lBRXRGLHNEQUFzRDtJQUN0RCxzQ0FBc0M7SUFDdEMsNkNBQTZDO0lBQzdDLHFDQUFxQzs7SUFFckMsNENBQTRDO0lBQzVDLDJCQUEyQjtBQUMvQjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixhQUFhO0lBQ2Isc0JBQXNCO0lBQ3RCLFNBQVM7SUFDVCxhQUFhOztJQUViLFdBQVc7SUFDWCxZQUFZO0FBQ2hCOztBQUVBLDBEQUEwRDtBQUMxRDtJQUNJLHNCQUFzQjtJQUN0QixnQkFBZ0I7O0lBRWhCLGdEQUFnRDtJQUNoRCxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsU0FBUztBQUNiOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLE9BQU87SUFDUCxTQUFTO0lBQ1QsNEJBQTRCOztJQUU1QixhQUFhO0lBQ2Isc0JBQXNCO0FBQzFCOztBQUVBO0lBQ0ksMERBQTBEO0lBQzFELFlBQVk7SUFDWixZQUFZO0lBQ1osc0ZBQXNGOztJQUV0RixlQUFlO0lBQ2YsYUFBYTtJQUNiLDZCQUE2QjtJQUM3Qiw2Q0FBNkM7SUFDN0MsNkNBQTZDOztJQUU3Qyw2Q0FBNkM7QUFDakQ7O0FBRUE7O0lBRUksZ0VBQWdFO0FBQ3BFOztBQUVBO0lBQ0ksaUVBQWlFO0FBQ3JFXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLnNpZGViYXIge1xcclxcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcclxcbiAgICBwb3NpdGlvbjogZml4ZWQ7XFxyXFxuICAgIHRvcDogMDtcXHJcXG4gICAgcmlnaHQ6IDA7XFxyXFxuICAgIGJvdHRvbTogMDtcXHJcXG5cXHJcXG4gICAgLyogU2lkZWJhciBzaG91bGQgY29uc3VtZSBhdCBsZWFzdCB+MS8zdGggb2YgdGhlIHNjcmVlbiBidXQgbm90IGZvcmNlZCB0byBiZSB3aWRlciB0aGFuIDQwMHB4LiAqL1xcclxcbiAgICBtaW4td2lkdGg6IG1pbig0MDBweCwgMzV2dyk7XFxyXFxuICAgIC8qIFNpZGViYXIgc2hvdWxkIGNvbnN1bWUgYXQgbWF4IDMvNHRoIG9mIHRoZSBzY3JlZW4uICovXFxyXFxuICAgIG1heC13aWR0aDogNzV2dztcXHJcXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xcclxcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdCkgMCAwIHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG5cXHJcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWJhY2tncm91bmQpO1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItc2hhZG93KTtcXHJcXG4gICAgY29sb3I6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1mb250LXByaW1hcnkpO1xcclxcbiAgICBmb250LXNpemU6IHZhcigtLXN0cGEtZm9udC1zaXplLWJhc2UpO1xcclxcblxcclxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhci0tb3BlbiB7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX19jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG4gICAgZ2FwOiAxNnB4O1xcclxcbiAgICBwYWRkaW5nOiAxNnB4O1xcclxcblxcclxcbiAgICB3aWR0aDogMTAwJTtcXHJcXG4gICAgaGVpZ2h0OiAxMDAlO1xcclxcbn1cXHJcXG5cXHJcXG4vKiBPdmVyZmxvdyBjb250YWluZXIgZm9yIHRoZSBjb250ZW50IHByb3ZpZGVkIGJ5IHBhbmVscyAqL1xcclxcbi5zaWRlYmFyX19wYW5lbC1jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXHJcXG5cXHJcXG4gICAgLyogQ29uc3VtZSBhbGwgYXZhaWxhYmxlIGhlaWdodCBpbiB0aGUgc2lkZWJhciAqL1xcclxcbiAgICBmbGV4LWdyb3c6IDI7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190aXRsZSB7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNzAwO1xcclxcbiAgICBsaW5lLWhlaWdodDogMS41O1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtY29udGFpbmVyIHtcXHJcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcclxcbiAgICBsZWZ0OiAwO1xcclxcbiAgICB0b3A6IDE2cHg7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XFxyXFxuXFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtYnV0dG9uIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kKTtcXHJcXG4gICAgcGFkZGluZzogOHB4O1xcclxcbiAgICBib3JkZXI6IG5vbmU7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KSAwIDAgdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcblxcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLWJhY2tncm91bmQpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWljb24tcHJpbWFyeSk7XFxyXFxuICAgIGJveC1zaGFkb3c6IHZhcigtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93KTtcXHJcXG5cXHJcXG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpob3ZlcixcXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNpZGViYXJfX3RvZ2dsZS1idXR0b24tLWFjdGl2ZSB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbn1cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/sidebar.css\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css":
+/*!***********************************************************************!*\
+  !*** ../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css ***!
+  \***********************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\nhtml, body {\\n    width: 100%;\\n    height: 100%;\\n    padding: 0px;\\n}\\n\\n.sprotty {\\n    display: flex;\\n    height: 100%;\\n}\\n\\n.sprotty-hidden {\\n    height: 0px !important;\\n}\\n\\nsvg {\\n    width: 100%;\\n    flex: 1;\\n    border-style: none;\\n    border-width: 0px;\\n}\\n\\nsvg:focus {\\n    border-width: 0;\\n}\\n\\n.sprotty-status {\\n    position: absolute;\\n    top: 5px;\\n    left: 10px;\\n    display: flex;\\n    align-items: center;\\n}\\n\\n.sprotty-status .fatal {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .error {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .warning {\\n    color: var(--vscode-editorWarning-foreground)\\n}\\n\\n.sprotty-status .info {\\n    color: var(--vscode-editorInfo-foreground)\\n}\\n\\n.sprotty-error {\\n    fill: var(--vscode-editorError-foreground);\\n    color: var(--vscode-editorError-foreground);\\n}\\n\\n.sprotty-warning {\\n    fill: var(--vscode-editorWarning-foreground);\\n    color: var(--vscode-editorWarning-foreground);\\n}\\n\\n.sprotty-info {\\n    fill: var(--vscode-editorInfo-foreground);\\n    color: var(--vscode-editorInfo-foreground);\\n}\\n\\n.sprotty-infoRow .fa {\\n    margin-right: 8px;\\n}\\n\\n.sprotty-status .ok {\\n    visibility: hidden;\\n}\\n\\n.sprotty-status-message {\\n    visibility: hidden;\\n    padding-left: 10px;\\n}\\n\\n.sprotty-status:hover .sprotty-status-message {\\n    visibility: visible;\\n}\\n\\n.sprotty-popup {\\n    position: absolute;\\n    background: #FFE9BE;\\n    border-radius: 0px;\\n    border: none;\\n    max-width: initial;\\n    min-width: initial;\\n    z-index: 1;\\n    padding: 8px;\\n}\\n\\n.sprotty-infoRow {\\n    font-size: small;\\n    margin-bottom: 8px;\\n}\\n\\n.sprotty-infoTitle {\\n    display: block;\\n    font-weight: bold;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/sprotty-vscode.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;iFAciF;;AAEjF;IACI,WAAW;IACX,YAAY;IACZ,YAAY;AAChB;;AAEA;IACI,aAAa;IACb,YAAY;AAChB;;AAEA;IACI,sBAAsB;AAC1B;;AAEA;IACI,WAAW;IACX,OAAO;IACP,kBAAkB;IAClB,iBAAiB;AACrB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,QAAQ;IACR,UAAU;IACV,aAAa;IACb,mBAAmB;AACvB;;AAEA;IACI;AACJ;;AAEA;IACI;AACJ;;AAEA;IACI;AACJ;;AAEA;IACI;AACJ;;AAEA;IACI,0CAA0C;IAC1C,2CAA2C;AAC/C;;AAEA;IACI,4CAA4C;IAC5C,6CAA6C;AACjD;;AAEA;IACI,yCAAyC;IACzC,0CAA0C;AAC9C;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;AACtB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,YAAY;IACZ,kBAAkB;IAClB,kBAAkB;IAClB,UAAU;IACV,YAAY;AAChB;;AAEA;IACI,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,cAAc;IACd,iBAAiB;AACrB\",\"sourcesContent\":[\"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\nhtml, body {\\n    width: 100%;\\n    height: 100%;\\n    padding: 0px;\\n}\\n\\n.sprotty {\\n    display: flex;\\n    height: 100%;\\n}\\n\\n.sprotty-hidden {\\n    height: 0px !important;\\n}\\n\\nsvg {\\n    width: 100%;\\n    flex: 1;\\n    border-style: none;\\n    border-width: 0px;\\n}\\n\\nsvg:focus {\\n    border-width: 0;\\n}\\n\\n.sprotty-status {\\n    position: absolute;\\n    top: 5px;\\n    left: 10px;\\n    display: flex;\\n    align-items: center;\\n}\\n\\n.sprotty-status .fatal {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .error {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .warning {\\n    color: var(--vscode-editorWarning-foreground)\\n}\\n\\n.sprotty-status .info {\\n    color: var(--vscode-editorInfo-foreground)\\n}\\n\\n.sprotty-error {\\n    fill: var(--vscode-editorError-foreground);\\n    color: var(--vscode-editorError-foreground);\\n}\\n\\n.sprotty-warning {\\n    fill: var(--vscode-editorWarning-foreground);\\n    color: var(--vscode-editorWarning-foreground);\\n}\\n\\n.sprotty-info {\\n    fill: var(--vscode-editorInfo-foreground);\\n    color: var(--vscode-editorInfo-foreground);\\n}\\n\\n.sprotty-infoRow .fa {\\n    margin-right: 8px;\\n}\\n\\n.sprotty-status .ok {\\n    visibility: hidden;\\n}\\n\\n.sprotty-status-message {\\n    visibility: hidden;\\n    padding-left: 10px;\\n}\\n\\n.sprotty-status:hover .sprotty-status-message {\\n    visibility: visible;\\n}\\n\\n.sprotty-popup {\\n    position: absolute;\\n    background: #FFE9BE;\\n    border-radius: 0px;\\n    border: none;\\n    max-width: initial;\\n    min-width: initial;\\n    z-index: 1;\\n    padding: 8px;\\n}\\n\\n.sprotty-infoRow {\\n    font-size: small;\\n    margin-bottom: 8px;\\n}\\n\\n.sprotty-infoTitle {\\n    display: block;\\n    font-weight: bold;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvc3Byb3R0eS12c2NvZGUuY3NzLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDNkc7QUFDakI7QUFDNUYsOEJBQThCLG1GQUEyQixDQUFDLDRGQUFxQztBQUMvRjtBQUNBLHE0QkFBcTRCLGtCQUFrQixtQkFBbUIsbUJBQW1CLEdBQUcsY0FBYyxvQkFBb0IsbUJBQW1CLEdBQUcscUJBQXFCLDZCQUE2QixHQUFHLFNBQVMsa0JBQWtCLGNBQWMseUJBQXlCLHdCQUF3QixHQUFHLGVBQWUsc0JBQXNCLEdBQUcscUJBQXFCLHlCQUF5QixlQUFlLGlCQUFpQixvQkFBb0IsMEJBQTBCLEdBQUcsNEJBQTRCLG9EQUFvRCw0QkFBNEIsb0RBQW9ELDhCQUE4QixzREFBc0QsMkJBQTJCLG1EQUFtRCxvQkFBb0IsaURBQWlELGtEQUFrRCxHQUFHLHNCQUFzQixtREFBbUQsb0RBQW9ELEdBQUcsbUJBQW1CLGdEQUFnRCxpREFBaUQsR0FBRywwQkFBMEIsd0JBQXdCLEdBQUcseUJBQXlCLHlCQUF5QixHQUFHLDZCQUE2Qix5QkFBeUIseUJBQXlCLEdBQUcsbURBQW1ELDBCQUEwQixHQUFHLG9CQUFvQix5QkFBeUIsMEJBQTBCLHlCQUF5QixtQkFBbUIseUJBQXlCLHlCQUF5QixpQkFBaUIsbUJBQW1CLEdBQUcsc0JBQXNCLHVCQUF1Qix5QkFBeUIsR0FBRyx3QkFBd0IscUJBQXFCLHdCQUF3QixHQUFHLFNBQVMsc0dBQXNHLFFBQVEsTUFBTSxVQUFVLFVBQVUsVUFBVSxPQUFPLEtBQUssVUFBVSxVQUFVLE9BQU8sS0FBSyxZQUFZLE9BQU8sS0FBSyxVQUFVLFVBQVUsWUFBWSxhQUFhLE9BQU8sS0FBSyxVQUFVLE9BQU8sS0FBSyxZQUFZLFdBQVcsVUFBVSxVQUFVLFlBQVksT0FBTyxLQUFLLEtBQUssTUFBTSxLQUFLLEtBQUssTUFBTSxLQUFLLEtBQUssTUFBTSxLQUFLLEtBQUssTUFBTSxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssWUFBWSxhQUFhLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssWUFBWSxhQUFhLGFBQWEsV0FBVyxZQUFZLGFBQWEsV0FBVyxVQUFVLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFVBQVUsWUFBWSxxM0JBQXEzQixrQkFBa0IsbUJBQW1CLG1CQUFtQixHQUFHLGNBQWMsb0JBQW9CLG1CQUFtQixHQUFHLHFCQUFxQiw2QkFBNkIsR0FBRyxTQUFTLGtCQUFrQixjQUFjLHlCQUF5Qix3QkFBd0IsR0FBRyxlQUFlLHNCQUFzQixHQUFHLHFCQUFxQix5QkFBeUIsZUFBZSxpQkFBaUIsb0JBQW9CLDBCQUEwQixHQUFHLDRCQUE0QixvREFBb0QsNEJBQTRCLG9EQUFvRCw4QkFBOEIsc0RBQXNELDJCQUEyQixtREFBbUQsb0JBQW9CLGlEQUFpRCxrREFBa0QsR0FBRyxzQkFBc0IsbURBQW1ELG9EQUFvRCxHQUFHLG1CQUFtQixnREFBZ0QsaURBQWlELEdBQUcsMEJBQTBCLHdCQUF3QixHQUFHLHlCQUF5Qix5QkFBeUIsR0FBRyw2QkFBNkIseUJBQXlCLHlCQUF5QixHQUFHLG1EQUFtRCwwQkFBMEIsR0FBRyxvQkFBb0IseUJBQXlCLDBCQUEwQix5QkFBeUIsbUJBQW1CLHlCQUF5Qix5QkFBeUIsaUJBQWlCLG1CQUFtQixHQUFHLHNCQUFzQix1QkFBdUIseUJBQXlCLEdBQUcsd0JBQXdCLHFCQUFxQix3QkFBd0IsR0FBRyxxQkFBcUI7QUFDbDlMO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3Mvc3Byb3R0eS12c2NvZGUuY3NzP2U4YjAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9zb3VyY2VNYXBzLmpzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fIGZyb20gXCIuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvYXBpLmpzXCI7XG52YXIgX19fQ1NTX0xPQURFUl9FWFBPUlRfX18gPSBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18oX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyk7XG4vLyBNb2R1bGVcbl9fX0NTU19MT0FERVJfRVhQT1JUX19fLnB1c2goW21vZHVsZS5pZCwgXCIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctMjAxOCBUeXBlRm94IGFuZCBvdGhlcnMuXFxuICpcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSB2LiAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcbiAqXFxuICogVGhpcyBTb3VyY2UgQ29kZSBtYXkgYWxzbyBiZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGUgZm9sbG93aW5nIFNlY29uZGFyeVxcbiAqIExpY2Vuc2VzIHdoZW4gdGhlIGNvbmRpdGlvbnMgZm9yIHN1Y2ggYXZhaWxhYmlsaXR5IHNldCBmb3J0aCBpbiB0aGUgRWNsaXBzZVxcbiAqIFB1YmxpYyBMaWNlbnNlIHYuIDIuMCBhcmUgc2F0aXNmaWVkOiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSwgdmVyc2lvbiAyXFxuICogd2l0aCB0aGUgR05VIENsYXNzcGF0aCBFeGNlcHRpb24gd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cHM6Ly93d3cuZ251Lm9yZy9zb2Z0d2FyZS9jbGFzc3BhdGgvbGljZW5zZS5odG1sLlxcbiAqXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjAgT1IgR1BMLTIuMCBXSVRIIENsYXNzcGF0aC1leGNlcHRpb24tMi4wXFxuICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xcblxcbmh0bWwsIGJvZHkge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBwYWRkaW5nOiAwcHg7XFxufVxcblxcbi5zcHJvdHR5IHtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbn1cXG5cXG4uc3Byb3R0eS1oaWRkZW4ge1xcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xcbn1cXG5cXG5zdmcge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZmxleDogMTtcXG4gICAgYm9yZGVyLXN0eWxlOiBub25lO1xcbiAgICBib3JkZXItd2lkdGg6IDBweDtcXG59XFxuXFxuc3ZnOmZvY3VzIHtcXG4gICAgYm9yZGVyLXdpZHRoOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHRvcDogNXB4O1xcbiAgICBsZWZ0OiAxMHB4O1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmZhdGFsIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmVycm9yIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLndhcm5pbmcge1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZClcXG59XFxuXFxuLnNwcm90dHktc3RhdHVzIC5pbmZvIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpXFxufVxcblxcbi5zcHJvdHR5LWVycm9yIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbn1cXG5cXG4uc3Byb3R0eS13YXJuaW5nIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZCk7XFxuICAgIGNvbG9yOiB2YXIoLS12c2NvZGUtZWRpdG9yV2FybmluZy1mb3JlZ3JvdW5kKTtcXG59XFxuXFxuLnNwcm90dHktaW5mbyB7XFxuICAgIGZpbGw6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckluZm8tZm9yZWdyb3VuZCk7XFxufVxcblxcbi5zcHJvdHR5LWluZm9Sb3cgLmZhIHtcXG4gICAgbWFyZ2luLXJpZ2h0OiA4cHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cyAub2sge1xcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cy1tZXNzYWdlIHtcXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1czpob3ZlciAuc3Byb3R0eS1zdGF0dXMtbWVzc2FnZSB7XFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxufVxcblxcbi5zcHJvdHR5LXBvcHVwIHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBiYWNrZ3JvdW5kOiAjRkZFOUJFO1xcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgbWF4LXdpZHRoOiBpbml0aWFsO1xcbiAgICBtaW4td2lkdGg6IGluaXRpYWw7XFxuICAgIHotaW5kZXg6IDE7XFxuICAgIHBhZGRpbmc6IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1JvdyB7XFxuICAgIGZvbnQtc2l6ZTogc21hbGw7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1RpdGxlIHtcXG4gICAgZGlzcGxheTogYmxvY2s7XFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi9jc3Mvc3Byb3R0eS12c2NvZGUuY3NzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBOzs7Ozs7Ozs7Ozs7OztpRkFjaUY7O0FBRWpGO0lBQ0ksV0FBVztJQUNYLFlBQVk7SUFDWixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsT0FBTztJQUNQLGtCQUFrQjtJQUNsQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFFBQVE7SUFDUixVQUFVO0lBQ1YsYUFBYTtJQUNiLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJO0FBQ0o7O0FBRUE7SUFDSTtBQUNKOztBQUVBO0lBQ0k7QUFDSjs7QUFFQTtJQUNJO0FBQ0o7O0FBRUE7SUFDSSwwQ0FBMEM7SUFDMUMsMkNBQTJDO0FBQy9DOztBQUVBO0lBQ0ksNENBQTRDO0lBQzVDLDZDQUE2QztBQUNqRDs7QUFFQTtJQUNJLHlDQUF5QztJQUN6QywwQ0FBMEM7QUFDOUM7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGlCQUFpQjtBQUNyQlwiLFwic291cmNlc0NvbnRlbnRcIjpbXCIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctMjAxOCBUeXBlRm94IGFuZCBvdGhlcnMuXFxuICpcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSB2LiAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcbiAqXFxuICogVGhpcyBTb3VyY2UgQ29kZSBtYXkgYWxzbyBiZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGUgZm9sbG93aW5nIFNlY29uZGFyeVxcbiAqIExpY2Vuc2VzIHdoZW4gdGhlIGNvbmRpdGlvbnMgZm9yIHN1Y2ggYXZhaWxhYmlsaXR5IHNldCBmb3J0aCBpbiB0aGUgRWNsaXBzZVxcbiAqIFB1YmxpYyBMaWNlbnNlIHYuIDIuMCBhcmUgc2F0aXNmaWVkOiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSwgdmVyc2lvbiAyXFxuICogd2l0aCB0aGUgR05VIENsYXNzcGF0aCBFeGNlcHRpb24gd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cHM6Ly93d3cuZ251Lm9yZy9zb2Z0d2FyZS9jbGFzc3BhdGgvbGljZW5zZS5odG1sLlxcbiAqXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjAgT1IgR1BMLTIuMCBXSVRIIENsYXNzcGF0aC1leGNlcHRpb24tMi4wXFxuICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xcblxcbmh0bWwsIGJvZHkge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBwYWRkaW5nOiAwcHg7XFxufVxcblxcbi5zcHJvdHR5IHtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbn1cXG5cXG4uc3Byb3R0eS1oaWRkZW4ge1xcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xcbn1cXG5cXG5zdmcge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZmxleDogMTtcXG4gICAgYm9yZGVyLXN0eWxlOiBub25lO1xcbiAgICBib3JkZXItd2lkdGg6IDBweDtcXG59XFxuXFxuc3ZnOmZvY3VzIHtcXG4gICAgYm9yZGVyLXdpZHRoOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHRvcDogNXB4O1xcbiAgICBsZWZ0OiAxMHB4O1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmZhdGFsIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmVycm9yIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLndhcm5pbmcge1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZClcXG59XFxuXFxuLnNwcm90dHktc3RhdHVzIC5pbmZvIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpXFxufVxcblxcbi5zcHJvdHR5LWVycm9yIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbn1cXG5cXG4uc3Byb3R0eS13YXJuaW5nIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZCk7XFxuICAgIGNvbG9yOiB2YXIoLS12c2NvZGUtZWRpdG9yV2FybmluZy1mb3JlZ3JvdW5kKTtcXG59XFxuXFxuLnNwcm90dHktaW5mbyB7XFxuICAgIGZpbGw6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckluZm8tZm9yZWdyb3VuZCk7XFxufVxcblxcbi5zcHJvdHR5LWluZm9Sb3cgLmZhIHtcXG4gICAgbWFyZ2luLXJpZ2h0OiA4cHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cyAub2sge1xcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cy1tZXNzYWdlIHtcXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1czpob3ZlciAuc3Byb3R0eS1zdGF0dXMtbWVzc2FnZSB7XFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxufVxcblxcbi5zcHJvdHR5LXBvcHVwIHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBiYWNrZ3JvdW5kOiAjRkZFOUJFO1xcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgbWF4LXdpZHRoOiBpbml0aWFsO1xcbiAgICBtaW4td2lkdGg6IGluaXRpYWw7XFxuICAgIHotaW5kZXg6IDE7XFxuICAgIHBhZGRpbmc6IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1JvdyB7XFxuICAgIGZvbnQtc2l6ZTogc21hbGw7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1RpdGxlIHtcXG4gICAgZGlzcGxheTogYmxvY2s7XFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xcbn1cXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/cjs.js!./css/sprotty.css":
+/*!****************************************************************!*\
+  !*** ../node_modules/css-loader/dist/cjs.js!./css/sprotty.css ***!
+  \****************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\n.sprotty {\\n    padding: 0px;\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n}\\n\\n.sprotty-root {\\n    position: relative;\\n}\\n\\n.sprotty-hidden {\\n    display: block;\\n    position: absolute;\\n    width: 0px;\\n    height: 0px;\\n}\\n\\n.sprotty-popup {\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n    position: absolute;\\n    background: white;\\n    border-radius: 5px;\\n    border: 1px solid;\\n    max-width: 400px;\\n    min-width: 100px;\\n}\\n\\n.sprotty-popup > div {\\n    margin: 10px;\\n}\\n\\n.sprotty-popup-closed {\\n    display: none;\\n}\\n\\n.sprotty-projection-bar.horizontal {\\n    position: absolute;\\n    width: 100%;\\n    height: 20px;\\n    left: 0;\\n    bottom: 0;\\n}\\n\\n.sprotty-projection-bar.vertical {\\n    position: absolute;\\n    width: 20px;\\n    height: 100%;\\n    right: 0;\\n    top: 0;\\n}\\n\\n.sprotty-viewport {\\n    z-index: 1;\\n    border-style: solid;\\n    border-width: 2px;\\n}\\n\\n.sprotty-projection-bar.horizontal .sprotty-projection,\\n.sprotty-projection-bar.horizontal .sprotty-viewport {\\n    position: absolute;\\n    height: 100%;\\n    top: 0;\\n}\\n\\n.sprotty-projection-bar.vertical .sprotty-projection,\\n.sprotty-projection-bar.vertical .sprotty-viewport {\\n    position: absolute;\\n    width: 100%;\\n    left: 0;\\n}\\n\\n@keyframes spin {\\n\\t100% {\\n\\t\\ttransform:rotate(360deg);\\n\\t}\\n}\\n\\n.animation-spin {\\n\\tanimation: spin 1.5s linear infinite;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/sprotty.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;iFAciF;;AAEjF;IACI,YAAY;IACZ,2DAA2D;AAC/D;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,WAAW;AACf;;AAEA;IACI,2DAA2D;IAC3D,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,MAAM;AACV;;AAEA;IACI,UAAU;IACV,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;;IAEI,kBAAkB;IAClB,YAAY;IACZ,MAAM;AACV;;AAEA;;IAEI,kBAAkB;IAClB,WAAW;IACX,OAAO;AACX;;AAEA;CACC;EACC,wBAAwB;CACzB;AACD;;AAEA;CACC,oCAAoC;AACrC\",\"sourcesContent\":[\"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\n.sprotty {\\n    padding: 0px;\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n}\\n\\n.sprotty-root {\\n    position: relative;\\n}\\n\\n.sprotty-hidden {\\n    display: block;\\n    position: absolute;\\n    width: 0px;\\n    height: 0px;\\n}\\n\\n.sprotty-popup {\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n    position: absolute;\\n    background: white;\\n    border-radius: 5px;\\n    border: 1px solid;\\n    max-width: 400px;\\n    min-width: 100px;\\n}\\n\\n.sprotty-popup > div {\\n    margin: 10px;\\n}\\n\\n.sprotty-popup-closed {\\n    display: none;\\n}\\n\\n.sprotty-projection-bar.horizontal {\\n    position: absolute;\\n    width: 100%;\\n    height: 20px;\\n    left: 0;\\n    bottom: 0;\\n}\\n\\n.sprotty-projection-bar.vertical {\\n    position: absolute;\\n    width: 20px;\\n    height: 100%;\\n    right: 0;\\n    top: 0;\\n}\\n\\n.sprotty-viewport {\\n    z-index: 1;\\n    border-style: solid;\\n    border-width: 2px;\\n}\\n\\n.sprotty-projection-bar.horizontal .sprotty-projection,\\n.sprotty-projection-bar.horizontal .sprotty-viewport {\\n    position: absolute;\\n    height: 100%;\\n    top: 0;\\n}\\n\\n.sprotty-projection-bar.vertical .sprotty-projection,\\n.sprotty-projection-bar.vertical .sprotty-viewport {\\n    position: absolute;\\n    width: 100%;\\n    left: 0;\\n}\\n\\n@keyframes spin {\\n\\t100% {\\n\\t\\ttransform:rotate(360deg);\\n\\t}\\n}\\n\\n.animation-spin {\\n\\tanimation: spin 1.5s linear infinite;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvc3Byb3R0eS5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUM2RztBQUNqQjtBQUM1Riw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GO0FBQ0EsbTRCQUFtNEIsbUJBQW1CLG9FQUFvRSxHQUFHLG1CQUFtQix5QkFBeUIsR0FBRyxxQkFBcUIscUJBQXFCLHlCQUF5QixpQkFBaUIsa0JBQWtCLEdBQUcsb0JBQW9CLG9FQUFvRSx5QkFBeUIsd0JBQXdCLHlCQUF5Qix3QkFBd0IsdUJBQXVCLHVCQUF1QixHQUFHLDBCQUEwQixtQkFBbUIsR0FBRywyQkFBMkIsb0JBQW9CLEdBQUcsd0NBQXdDLHlCQUF5QixrQkFBa0IsbUJBQW1CLGNBQWMsZ0JBQWdCLEdBQUcsc0NBQXNDLHlCQUF5QixrQkFBa0IsbUJBQW1CLGVBQWUsYUFBYSxHQUFHLHVCQUF1QixpQkFBaUIsMEJBQTBCLHdCQUF3QixHQUFHLG1IQUFtSCx5QkFBeUIsbUJBQW1CLGFBQWEsR0FBRywrR0FBK0cseUJBQXlCLGtCQUFrQixjQUFjLEdBQUcscUJBQXFCLFVBQVUsK0JBQStCLEtBQUssR0FBRyxxQkFBcUIseUNBQXlDLEdBQUcsU0FBUywrRkFBK0YsUUFBUSxNQUFNLFVBQVUsWUFBWSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLFdBQVcsVUFBVSxNQUFNLEtBQUssWUFBWSxhQUFhLGFBQWEsYUFBYSxhQUFhLGFBQWEsYUFBYSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssWUFBWSxXQUFXLFVBQVUsVUFBVSxVQUFVLE1BQU0sS0FBSyxZQUFZLFdBQVcsVUFBVSxVQUFVLFVBQVUsTUFBTSxLQUFLLFVBQVUsWUFBWSxhQUFhLE9BQU8sTUFBTSxZQUFZLFdBQVcsVUFBVSxNQUFNLE1BQU0sWUFBWSxXQUFXLFVBQVUsTUFBTSxLQUFLLEtBQUssWUFBWSxNQUFNLE1BQU0sS0FBSyxZQUFZLG0zQkFBbTNCLG1CQUFtQixvRUFBb0UsR0FBRyxtQkFBbUIseUJBQXlCLEdBQUcscUJBQXFCLHFCQUFxQix5QkFBeUIsaUJBQWlCLGtCQUFrQixHQUFHLG9CQUFvQixvRUFBb0UseUJBQXlCLHdCQUF3Qix5QkFBeUIsd0JBQXdCLHVCQUF1Qix1QkFBdUIsR0FBRywwQkFBMEIsbUJBQW1CLEdBQUcsMkJBQTJCLG9CQUFvQixHQUFHLHdDQUF3Qyx5QkFBeUIsa0JBQWtCLG1CQUFtQixjQUFjLGdCQUFnQixHQUFHLHNDQUFzQyx5QkFBeUIsa0JBQWtCLG1CQUFtQixlQUFlLGFBQWEsR0FBRyx1QkFBdUIsaUJBQWlCLDBCQUEwQix3QkFBd0IsR0FBRyxtSEFBbUgseUJBQXlCLG1CQUFtQixhQUFhLEdBQUcsK0dBQStHLHlCQUF5QixrQkFBa0IsY0FBYyxHQUFHLHFCQUFxQixVQUFVLCtCQUErQixLQUFLLEdBQUcscUJBQXFCLHlDQUF5QyxHQUFHLHFCQUFxQjtBQUN4c0s7QUFDQSxpRUFBZSx1QkFBdUIsRUFBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL2Nzcy9zcHJvdHR5LmNzcz9hMGYxIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvc291cmNlTWFwcy5qc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXFxuICogQ29weXJpZ2h0IChjKSAyMDE3LTIwMTggVHlwZUZveCBhbmQgb3RoZXJzLlxcbiAqXFxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlXFxuICogdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2Ugdi4gMi4wIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cXG4gKlxcbiAqIFRoaXMgU291cmNlIENvZGUgbWF5IGFsc28gYmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlIGZvbGxvd2luZyBTZWNvbmRhcnlcXG4gKiBMaWNlbnNlcyB3aGVuIHRoZSBjb25kaXRpb25zIGZvciBzdWNoIGF2YWlsYWJpbGl0eSBzZXQgZm9ydGggaW4gdGhlIEVjbGlwc2VcXG4gKiBQdWJsaWMgTGljZW5zZSB2LiAyLjAgYXJlIHNhdGlzZmllZDogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UsIHZlcnNpb24gMlxcbiAqIHdpdGggdGhlIEdOVSBDbGFzc3BhdGggRXhjZXB0aW9uIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHBzOi8vd3d3LmdudS5vcmcvc29mdHdhcmUvY2xhc3NwYXRoL2xpY2Vuc2UuaHRtbC5cXG4gKlxcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wIE9SIEdQTC0yLjAgV0lUSCBDbGFzc3BhdGgtZXhjZXB0aW9uLTIuMFxcbiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXG5cXG4uc3Byb3R0eSB7XFxuICAgIHBhZGRpbmc6IDBweDtcXG4gICAgZm9udC1mYW1pbHk6IFxcXCJIZWx2ZXRpY2EgTmV1ZVxcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxufVxcblxcbi5zcHJvdHR5LXJvb3Qge1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxufVxcblxcbi5zcHJvdHR5LWhpZGRlbiB7XFxuICAgIGRpc3BsYXk6IGJsb2NrO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHdpZHRoOiAwcHg7XFxuICAgIGhlaWdodDogMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCB7XFxuICAgIGZvbnQtZmFtaWx5OiBcXFwiSGVsdmV0aWNhIE5ldWVcXFwiLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XFxuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgICBtYXgtd2lkdGg6IDQwMHB4O1xcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCA+IGRpdiB7XFxuICAgIG1hcmdpbjogMTBweDtcXG59XFxuXFxuLnNwcm90dHktcG9wdXAtY2xvc2VkIHtcXG4gICAgZGlzcGxheTogbm9uZTtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGhlaWdodDogMjBweDtcXG4gICAgbGVmdDogMDtcXG4gICAgYm90dG9tOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDIwcHg7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgcmlnaHQ6IDA7XFxuICAgIHRvcDogMDtcXG59XFxuXFxuLnNwcm90dHktdmlld3BvcnQge1xcbiAgICB6LWluZGV4OiAxO1xcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xcbiAgICBib3JkZXItd2lkdGg6IDJweDtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLmhvcml6b250YWwgLnNwcm90dHktdmlld3BvcnQge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgdG9wOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLnZlcnRpY2FsIC5zcHJvdHR5LXZpZXdwb3J0IHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgbGVmdDogMDtcXG59XFxuXFxuQGtleWZyYW1lcyBzcGluIHtcXG5cXHQxMDAlIHtcXG5cXHRcXHR0cmFuc2Zvcm06cm90YXRlKDM2MGRlZyk7XFxuXFx0fVxcbn1cXG5cXG4uYW5pbWF0aW9uLXNwaW4ge1xcblxcdGFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTtcXG59XFxuXCIsIFwiXCIse1widmVyc2lvblwiOjMsXCJzb3VyY2VzXCI6W1wid2VicGFjazovLy4vY3NzL3Nwcm90dHkuY3NzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBOzs7Ozs7Ozs7Ozs7OztpRkFjaUY7O0FBRWpGO0lBQ0ksWUFBWTtJQUNaLDJEQUEyRDtBQUMvRDs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLFdBQVc7QUFDZjs7QUFFQTtJQUNJLDJEQUEyRDtJQUMzRCxrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxZQUFZO0lBQ1osT0FBTztJQUNQLFNBQVM7QUFDYjs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsWUFBWTtJQUNaLFFBQVE7SUFDUixNQUFNO0FBQ1Y7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsbUJBQW1CO0lBQ25CLGlCQUFpQjtBQUNyQjs7QUFFQTs7SUFFSSxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLE1BQU07QUFDVjs7QUFFQTs7SUFFSSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLE9BQU87QUFDWDs7QUFFQTtDQUNDO0VBQ0Msd0JBQXdCO0NBQ3pCO0FBQ0Q7O0FBRUE7Q0FDQyxvQ0FBb0M7QUFDckNcIixcInNvdXJjZXNDb250ZW50XCI6W1wiLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXFxuICogQ29weXJpZ2h0IChjKSAyMDE3LTIwMTggVHlwZUZveCBhbmQgb3RoZXJzLlxcbiAqXFxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlXFxuICogdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2Ugdi4gMi4wIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cXG4gKlxcbiAqIFRoaXMgU291cmNlIENvZGUgbWF5IGFsc28gYmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlIGZvbGxvd2luZyBTZWNvbmRhcnlcXG4gKiBMaWNlbnNlcyB3aGVuIHRoZSBjb25kaXRpb25zIGZvciBzdWNoIGF2YWlsYWJpbGl0eSBzZXQgZm9ydGggaW4gdGhlIEVjbGlwc2VcXG4gKiBQdWJsaWMgTGljZW5zZSB2LiAyLjAgYXJlIHNhdGlzZmllZDogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UsIHZlcnNpb24gMlxcbiAqIHdpdGggdGhlIEdOVSBDbGFzc3BhdGggRXhjZXB0aW9uIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHBzOi8vd3d3LmdudS5vcmcvc29mdHdhcmUvY2xhc3NwYXRoL2xpY2Vuc2UuaHRtbC5cXG4gKlxcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wIE9SIEdQTC0yLjAgV0lUSCBDbGFzc3BhdGgtZXhjZXB0aW9uLTIuMFxcbiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXG5cXG4uc3Byb3R0eSB7XFxuICAgIHBhZGRpbmc6IDBweDtcXG4gICAgZm9udC1mYW1pbHk6IFxcXCJIZWx2ZXRpY2EgTmV1ZVxcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxufVxcblxcbi5zcHJvdHR5LXJvb3Qge1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxufVxcblxcbi5zcHJvdHR5LWhpZGRlbiB7XFxuICAgIGRpc3BsYXk6IGJsb2NrO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHdpZHRoOiAwcHg7XFxuICAgIGhlaWdodDogMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCB7XFxuICAgIGZvbnQtZmFtaWx5OiBcXFwiSGVsdmV0aWNhIE5ldWVcXFwiLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XFxuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgICBtYXgtd2lkdGg6IDQwMHB4O1xcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCA+IGRpdiB7XFxuICAgIG1hcmdpbjogMTBweDtcXG59XFxuXFxuLnNwcm90dHktcG9wdXAtY2xvc2VkIHtcXG4gICAgZGlzcGxheTogbm9uZTtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGhlaWdodDogMjBweDtcXG4gICAgbGVmdDogMDtcXG4gICAgYm90dG9tOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDIwcHg7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgcmlnaHQ6IDA7XFxuICAgIHRvcDogMDtcXG59XFxuXFxuLnNwcm90dHktdmlld3BvcnQge1xcbiAgICB6LWluZGV4OiAxO1xcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xcbiAgICBib3JkZXItd2lkdGg6IDJweDtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLmhvcml6b250YWwgLnNwcm90dHktdmlld3BvcnQge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgdG9wOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLnZlcnRpY2FsIC5zcHJvdHR5LXZpZXdwb3J0IHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgbGVmdDogMDtcXG59XFxuXFxuQGtleWZyYW1lcyBzcGluIHtcXG5cXHQxMDAlIHtcXG5cXHRcXHR0cmFuc2Zvcm06cm90YXRlKDM2MGRlZyk7XFxuXFx0fVxcbn1cXG5cXG4uYW5pbWF0aW9uLXNwaW4ge1xcblxcdGFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTtcXG59XFxuXCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5leHBvcnQgZGVmYXVsdCBfX19DU1NfTE9BREVSX0VYUE9SVF9fXztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/sprotty.css\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/cjs.js!./css/theme.css":
+/*!**************************************************************!*\
+  !*** ../node_modules/css-loader/dist/cjs.js!./css/theme.css ***!
+  \**************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2022 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n:root {\\r\\n    /* Behavior and sizing variables */\\r\\n    --stpa-transition: 200ms ease-in-out;\\r\\n    --stpa-border-radius-default: 4px;\\r\\n    --stpa-font-size-base: 16px;\\r\\n    --stpa-sidebar-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);\\r\\n    --stpa-sidebar-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\\r\\n\\r\\n    /* Color semantic theme token (no \\\"dump\\\" token like gray100 etc.\\r\\n    but rather scoped to where they should be applied). Allows for finer theme control. */\\r\\n    --stpa-color-sidebar-background: var(--vscode-sideBar-background);\\r\\n    --stpa-color-sidebar-trigger-background: var(--vscode-sideBar-background);\\r\\n}\\r\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/theme.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;EAeE;;AAEF;IACI,kCAAkC;IAClC,oCAAoC;IACpC,iCAAiC;IACjC,2BAA2B;IAC3B,sFAAsF;IACtF,0FAA0F;;IAE1F;yFACqF;IACrF,iEAAiE;IACjE,yEAAyE;AAC7E\",\"sourcesContent\":[\"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2022 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n:root {\\r\\n    /* Behavior and sizing variables */\\r\\n    --stpa-transition: 200ms ease-in-out;\\r\\n    --stpa-border-radius-default: 4px;\\r\\n    --stpa-font-size-base: 16px;\\r\\n    --stpa-sidebar-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);\\r\\n    --stpa-sidebar-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\\r\\n\\r\\n    /* Color semantic theme token (no \\\"dump\\\" token like gray100 etc.\\r\\n    but rather scoped to where they should be applied). Allows for finer theme control. */\\r\\n    --stpa-color-sidebar-background: var(--vscode-sideBar-background);\\r\\n    --stpa-color-sidebar-trigger-background: var(--vscode-sideBar-background);\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3MvdGhlbWUuY3NzLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDNkc7QUFDakI7QUFDNUYsOEJBQThCLG1GQUEyQixDQUFDLDRGQUFxQztBQUMvRjtBQUNBLG9rQkFBb2tCLHdGQUF3RiwwQ0FBMEMsb0NBQW9DLCtGQUErRixtR0FBbUcsc1BBQXNQLGtGQUFrRixLQUFLLFdBQVcsOEZBQThGLE1BQU0sS0FBSyxZQUFZLGFBQWEsYUFBYSxhQUFhLGFBQWEsY0FBYyxNQUFNLE9BQU8sYUFBYSxhQUFhLG9qQkFBb2pCLHdGQUF3RiwwQ0FBMEMsb0NBQW9DLCtGQUErRixtR0FBbUcsc1BBQXNQLGtGQUFrRixLQUFLLHVCQUF1QjtBQUNsdUY7QUFDQSxpRUFBZSx1QkFBdUIsRUFBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL2Nzcy90aGVtZS5jc3M/NDg1OCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBJbXBvcnRzXG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIyIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG46cm9vdCB7XFxyXFxuICAgIC8qIEJlaGF2aW9yIGFuZCBzaXppbmcgdmFyaWFibGVzICovXFxyXFxuICAgIC0tc3RwYS10cmFuc2l0aW9uOiAyMDBtcyBlYXNlLWluLW91dDtcXHJcXG4gICAgLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdDogNHB4O1xcclxcbiAgICAtLXN0cGEtZm9udC1zaXplLWJhc2U6IDE2cHg7XFxyXFxuICAgIC0tc3RwYS1zaWRlYmFyLXNoYWRvdzogMCAxNXB4IDI1cHggcmdiYSgwLCAwLCAwLCAwLjE1KSwgMCA1cHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMDUpO1xcclxcbiAgICAtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSwgMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XFxyXFxuXFxyXFxuICAgIC8qIENvbG9yIHNlbWFudGljIHRoZW1lIHRva2VuIChubyBcXFwiZHVtcFxcXCIgdG9rZW4gbGlrZSBncmF5MTAwIGV0Yy5cXHJcXG4gICAgYnV0IHJhdGhlciBzY29wZWQgdG8gd2hlcmUgdGhleSBzaG91bGQgYmUgYXBwbGllZCkuIEFsbG93cyBmb3IgZmluZXIgdGhlbWUgY29udHJvbC4gKi9cXHJcXG4gICAgLS1zdHBhLWNvbG9yLXNpZGViYXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxuICAgIC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxufVxcclxcblwiLCBcIlwiLHtcInZlcnNpb25cIjozLFwic291cmNlc1wiOltcIndlYnBhY2s6Ly8uL2Nzcy90aGVtZS5jc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUE7Ozs7Ozs7Ozs7Ozs7OztFQWVFOztBQUVGO0lBQ0ksa0NBQWtDO0lBQ2xDLG9DQUFvQztJQUNwQyxpQ0FBaUM7SUFDakMsMkJBQTJCO0lBQzNCLHNGQUFzRjtJQUN0RiwwRkFBMEY7O0lBRTFGO3lGQUNxRjtJQUNyRixpRUFBaUU7SUFDakUseUVBQXlFO0FBQzdFXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIyIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG46cm9vdCB7XFxyXFxuICAgIC8qIEJlaGF2aW9yIGFuZCBzaXppbmcgdmFyaWFibGVzICovXFxyXFxuICAgIC0tc3RwYS10cmFuc2l0aW9uOiAyMDBtcyBlYXNlLWluLW91dDtcXHJcXG4gICAgLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdDogNHB4O1xcclxcbiAgICAtLXN0cGEtZm9udC1zaXplLWJhc2U6IDE2cHg7XFxyXFxuICAgIC0tc3RwYS1zaWRlYmFyLXNoYWRvdzogMCAxNXB4IDI1cHggcmdiYSgwLCAwLCAwLCAwLjE1KSwgMCA1cHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMDUpO1xcclxcbiAgICAtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSwgMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XFxyXFxuXFxyXFxuICAgIC8qIENvbG9yIHNlbWFudGljIHRoZW1lIHRva2VuIChubyBcXFwiZHVtcFxcXCIgdG9rZW4gbGlrZSBncmF5MTAwIGV0Yy5cXHJcXG4gICAgYnV0IHJhdGhlciBzY29wZWQgdG8gd2hlcmUgdGhleSBzaG91bGQgYmUgYXBwbGllZCkuIEFsbG93cyBmb3IgZmluZXIgdGhlbWUgY29udHJvbC4gKi9cXHJcXG4gICAgLS1zdHBhLWNvbG9yLXNpZGViYXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxuICAgIC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxufVxcclxcblwiXSxcInNvdXJjZVJvb3RcIjpcIlwifV0pO1xuLy8gRXhwb3J0c1xuZXhwb3J0IGRlZmF1bHQgX19fQ1NTX0xPQURFUl9FWFBPUlRfX187XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/theme.css\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/runtime/api.js":
+/*!******************************************************!*\
+  !*** ../node_modules/css-loader/dist/runtime/api.js ***!
+  \******************************************************/
+/***/ ((module) => {
+
+"use strict";
+eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n\n      content += cssWithMappingToString(item);\n\n      if (needLayer) {\n        content += \"}\";\n      }\n\n      if (item[2]) {\n        content += \"}\";\n      }\n\n      if (item[4]) {\n        content += \"}\";\n      }\n\n      return content;\n    }).join(\"\");\n  }; // import a list of modules into the list\n\n\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qcy5qcyIsIm1hcHBpbmdzIjoiQUFBYTs7QUFFYjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCOztBQUVqQjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLHFEQUFxRDtBQUNyRDs7QUFFQTtBQUNBLGdEQUFnRDtBQUNoRDs7QUFFQTtBQUNBLHFGQUFxRjtBQUNyRjs7QUFFQTs7QUFFQTtBQUNBLHFCQUFxQjtBQUNyQjs7QUFFQTtBQUNBLHFCQUFxQjtBQUNyQjs7QUFFQTtBQUNBLHFCQUFxQjtBQUNyQjs7QUFFQTtBQUNBLEtBQUs7QUFDTCxLQUFLOzs7QUFHTDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBLHNCQUFzQixpQkFBaUI7QUFDdkM7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxxQkFBcUIscUJBQXFCO0FBQzFDOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Ysc0ZBQXNGLHFCQUFxQjtBQUMzRztBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsVUFBVTtBQUNWLGlEQUFpRCxxQkFBcUI7QUFDdEU7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFVBQVU7QUFDVixzREFBc0QscUJBQXFCO0FBQzNFO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvYXBpLmpzP2NlZjIiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbi8qXG4gIE1JVCBMaWNlbnNlIGh0dHA6Ly93d3cub3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvbWl0LWxpY2Vuc2UucGhwXG4gIEF1dGhvciBUb2JpYXMgS29wcGVycyBAc29rcmFcbiovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChjc3NXaXRoTWFwcGluZ1RvU3RyaW5nKSB7XG4gIHZhciBsaXN0ID0gW107IC8vIHJldHVybiB0aGUgbGlzdCBvZiBtb2R1bGVzIGFzIGNzcyBzdHJpbmdcblxuICBsaXN0LnRvU3RyaW5nID0gZnVuY3Rpb24gdG9TdHJpbmcoKSB7XG4gICAgcmV0dXJuIHRoaXMubWFwKGZ1bmN0aW9uIChpdGVtKSB7XG4gICAgICB2YXIgY29udGVudCA9IFwiXCI7XG4gICAgICB2YXIgbmVlZExheWVyID0gdHlwZW9mIGl0ZW1bNV0gIT09IFwidW5kZWZpbmVkXCI7XG5cbiAgICAgIGlmIChpdGVtWzRdKSB7XG4gICAgICAgIGNvbnRlbnQgKz0gXCJAc3VwcG9ydHMgKFwiLmNvbmNhdChpdGVtWzRdLCBcIikge1wiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKGl0ZW1bMl0pIHtcbiAgICAgICAgY29udGVudCArPSBcIkBtZWRpYSBcIi5jb25jYXQoaXRlbVsyXSwgXCIge1wiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKG5lZWRMYXllcikge1xuICAgICAgICBjb250ZW50ICs9IFwiQGxheWVyXCIuY29uY2F0KGl0ZW1bNV0ubGVuZ3RoID4gMCA/IFwiIFwiLmNvbmNhdChpdGVtWzVdKSA6IFwiXCIsIFwiIHtcIik7XG4gICAgICB9XG5cbiAgICAgIGNvbnRlbnQgKz0gY3NzV2l0aE1hcHBpbmdUb1N0cmluZyhpdGVtKTtcblxuICAgICAgaWYgKG5lZWRMYXllcikge1xuICAgICAgICBjb250ZW50ICs9IFwifVwiO1xuICAgICAgfVxuXG4gICAgICBpZiAoaXRlbVsyXSkge1xuICAgICAgICBjb250ZW50ICs9IFwifVwiO1xuICAgICAgfVxuXG4gICAgICBpZiAoaXRlbVs0XSkge1xuICAgICAgICBjb250ZW50ICs9IFwifVwiO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY29udGVudDtcbiAgICB9KS5qb2luKFwiXCIpO1xuICB9OyAvLyBpbXBvcnQgYSBsaXN0IG9mIG1vZHVsZXMgaW50byB0aGUgbGlzdFxuXG5cbiAgbGlzdC5pID0gZnVuY3Rpb24gaShtb2R1bGVzLCBtZWRpYSwgZGVkdXBlLCBzdXBwb3J0cywgbGF5ZXIpIHtcbiAgICBpZiAodHlwZW9mIG1vZHVsZXMgPT09IFwic3RyaW5nXCIpIHtcbiAgICAgIG1vZHVsZXMgPSBbW251bGwsIG1vZHVsZXMsIHVuZGVmaW5lZF1dO1xuICAgIH1cblxuICAgIHZhciBhbHJlYWR5SW1wb3J0ZWRNb2R1bGVzID0ge307XG5cbiAgICBpZiAoZGVkdXBlKSB7XG4gICAgICBmb3IgKHZhciBrID0gMDsgayA8IHRoaXMubGVuZ3RoOyBrKyspIHtcbiAgICAgICAgdmFyIGlkID0gdGhpc1trXVswXTtcblxuICAgICAgICBpZiAoaWQgIT0gbnVsbCkge1xuICAgICAgICAgIGFscmVhZHlJbXBvcnRlZE1vZHVsZXNbaWRdID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAodmFyIF9rID0gMDsgX2sgPCBtb2R1bGVzLmxlbmd0aDsgX2srKykge1xuICAgICAgdmFyIGl0ZW0gPSBbXS5jb25jYXQobW9kdWxlc1tfa10pO1xuXG4gICAgICBpZiAoZGVkdXBlICYmIGFscmVhZHlJbXBvcnRlZE1vZHVsZXNbaXRlbVswXV0pIHtcbiAgICAgICAgY29udGludWU7XG4gICAgICB9XG5cbiAgICAgIGlmICh0eXBlb2YgbGF5ZXIgIT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgICAgaWYgKHR5cGVvZiBpdGVtWzVdID09PSBcInVuZGVmaW5lZFwiKSB7XG4gICAgICAgICAgaXRlbVs1XSA9IGxheWVyO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGl0ZW1bMV0gPSBcIkBsYXllclwiLmNvbmNhdChpdGVtWzVdLmxlbmd0aCA+IDAgPyBcIiBcIi5jb25jYXQoaXRlbVs1XSkgOiBcIlwiLCBcIiB7XCIpLmNvbmNhdChpdGVtWzFdLCBcIn1cIik7XG4gICAgICAgICAgaXRlbVs1XSA9IGxheWVyO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmIChtZWRpYSkge1xuICAgICAgICBpZiAoIWl0ZW1bMl0pIHtcbiAgICAgICAgICBpdGVtWzJdID0gbWVkaWE7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaXRlbVsxXSA9IFwiQG1lZGlhIFwiLmNvbmNhdChpdGVtWzJdLCBcIiB7XCIpLmNvbmNhdChpdGVtWzFdLCBcIn1cIik7XG4gICAgICAgICAgaXRlbVsyXSA9IG1lZGlhO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmIChzdXBwb3J0cykge1xuICAgICAgICBpZiAoIWl0ZW1bNF0pIHtcbiAgICAgICAgICBpdGVtWzRdID0gXCJcIi5jb25jYXQoc3VwcG9ydHMpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGl0ZW1bMV0gPSBcIkBzdXBwb3J0cyAoXCIuY29uY2F0KGl0ZW1bNF0sIFwiKSB7XCIpLmNvbmNhdChpdGVtWzFdLCBcIn1cIik7XG4gICAgICAgICAgaXRlbVs0XSA9IHN1cHBvcnRzO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGxpc3QucHVzaChpdGVtKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIGxpc3Q7XG59OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/runtime/api.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/css-loader/dist/runtime/sourceMaps.js":
+/*!*************************************************************!*\
+  !*** ../node_modules/css-loader/dist/runtime/sourceMaps.js ***!
+  \*************************************************************/
+/***/ ((module) => {
+
+"use strict";
+eval("\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n  }\n\n  return [content].join(\"\\n\");\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanMuanMiLCJtYXBwaW5ncyI6IkFBQWE7O0FBRWI7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsdURBQXVELGNBQWM7QUFDckU7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7O0FBRUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvc291cmNlTWFwcy5qcz9kZWE3Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChpdGVtKSB7XG4gIHZhciBjb250ZW50ID0gaXRlbVsxXTtcbiAgdmFyIGNzc01hcHBpbmcgPSBpdGVtWzNdO1xuXG4gIGlmICghY3NzTWFwcGluZykge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgaWYgKHR5cGVvZiBidG9hID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICB2YXIgYmFzZTY0ID0gYnRvYSh1bmVzY2FwZShlbmNvZGVVUklDb21wb25lbnQoSlNPTi5zdHJpbmdpZnkoY3NzTWFwcGluZykpKSk7XG4gICAgdmFyIGRhdGEgPSBcInNvdXJjZU1hcHBpbmdVUkw9ZGF0YTphcHBsaWNhdGlvbi9qc29uO2NoYXJzZXQ9dXRmLTg7YmFzZTY0LFwiLmNvbmNhdChiYXNlNjQpO1xuICAgIHZhciBzb3VyY2VNYXBwaW5nID0gXCIvKiMgXCIuY29uY2F0KGRhdGEsIFwiICovXCIpO1xuICAgIHZhciBzb3VyY2VVUkxzID0gY3NzTWFwcGluZy5zb3VyY2VzLm1hcChmdW5jdGlvbiAoc291cmNlKSB7XG4gICAgICByZXR1cm4gXCIvKiMgc291cmNlVVJMPVwiLmNvbmNhdChjc3NNYXBwaW5nLnNvdXJjZVJvb3QgfHwgXCJcIikuY29uY2F0KHNvdXJjZSwgXCIgKi9cIik7XG4gICAgfSk7XG4gICAgcmV0dXJuIFtjb250ZW50XS5jb25jYXQoc291cmNlVVJMcykuY29uY2F0KFtzb3VyY2VNYXBwaW5nXSkuam9pbihcIlxcblwiKTtcbiAgfVxuXG4gIHJldHVybiBbY29udGVudF0uam9pbihcIlxcblwiKTtcbn07Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/runtime/sourceMaps.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/h.js":
+/*!*******************************************!*\
+  !*** ../node_modules/snabbdom/build/h.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"addNS\": () => (/* binding */ addNS),\n/* harmony export */   \"h\": () => (/* binding */ h),\n/* harmony export */   \"fragment\": () => (/* binding */ fragment)\n/* harmony export */ });\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./is */ \"../node_modules/snabbdom/build/is.js\");\n\n\nfunction addNS(data, children, sel) {\n    data.ns = \"http://www.w3.org/2000/svg\";\n    if (sel !== \"foreignObject\" && children !== undefined) {\n        for (let i = 0; i < children.length; ++i) {\n            const child = children[i];\n            if (typeof child === \"string\")\n                continue;\n            const childData = child.data;\n            if (childData !== undefined) {\n                addNS(childData, child.children, child.sel);\n            }\n        }\n    }\n}\nfunction h(sel, b, c) {\n    let data = {};\n    let children;\n    let text;\n    let i;\n    if (c !== undefined) {\n        if (b !== null) {\n            data = b;\n        }\n        if (_is__WEBPACK_IMPORTED_MODULE_0__.array(c)) {\n            children = c;\n        }\n        else if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(c)) {\n            text = c.toString();\n        }\n        else if (c && c.sel) {\n            children = [c];\n        }\n    }\n    else if (b !== undefined && b !== null) {\n        if (_is__WEBPACK_IMPORTED_MODULE_0__.array(b)) {\n            children = b;\n        }\n        else if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(b)) {\n            text = b.toString();\n        }\n        else if (b && b.sel) {\n            children = [b];\n        }\n        else {\n            data = b;\n        }\n    }\n    if (children !== undefined) {\n        for (i = 0; i < children.length; ++i) {\n            if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(children[i]))\n                children[i] = (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(undefined, undefined, undefined, children[i], undefined);\n        }\n    }\n    if (sel[0] === \"s\" &&\n        sel[1] === \"v\" &&\n        sel[2] === \"g\" &&\n        (sel.length === 3 || sel[3] === \".\" || sel[3] === \"#\")) {\n        addNS(data, children, sel);\n    }\n    return (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(sel, data, children, text, undefined);\n}\n/**\n * @experimental\n */\nfunction fragment(children) {\n    let c;\n    let text;\n    if (_is__WEBPACK_IMPORTED_MODULE_0__.array(children)) {\n        c = children;\n    }\n    else if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(c)) {\n        text = children;\n    }\n    else if (c && c.sel) {\n        c = [children];\n    }\n    if (c !== undefined) {\n        for (let i = 0; i < c.length; ++i) {\n            if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(c[i]))\n                c[i] = (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(undefined, undefined, undefined, c[i], undefined);\n        }\n    }\n    return (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(undefined, {}, c, text, undefined);\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,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cGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL2gudHM/N2YxMyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2bm9kZSwgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuL3Zub2RlXCI7XG5pbXBvcnQgKiBhcyBpcyBmcm9tIFwiLi9pc1wiO1xuXG5leHBvcnQgdHlwZSBWTm9kZXMgPSBWTm9kZVtdO1xuZXhwb3J0IHR5cGUgVk5vZGVDaGlsZEVsZW1lbnQgPVxuICB8IFZOb2RlXG4gIHwgc3RyaW5nXG4gIHwgbnVtYmVyXG4gIHwgU3RyaW5nXG4gIHwgTnVtYmVyXG4gIHwgdW5kZWZpbmVkXG4gIHwgbnVsbDtcbmV4cG9ydCB0eXBlIEFycmF5T3JFbGVtZW50PFQ+ID0gVCB8IFRbXTtcbmV4cG9ydCB0eXBlIFZOb2RlQ2hpbGRyZW4gPSBBcnJheU9yRWxlbWVudDxWTm9kZUNoaWxkRWxlbWVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBhZGROUyhcbiAgZGF0YTogYW55LFxuICBjaGlsZHJlbjogQXJyYXk8Vk5vZGUgfCBzdHJpbmc+IHwgdW5kZWZpbmVkLFxuICBzZWw6IHN0cmluZyB8IHVuZGVmaW5lZFxuKTogdm9pZCB7XG4gIGRhdGEubnMgPSBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI7XG4gIGlmIChzZWwgIT09IFwiZm9yZWlnbk9iamVjdFwiICYmIGNoaWxkcmVuICE9PSB1bmRlZmluZWQpIHtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGNoaWxkcmVuLmxlbmd0aDsgKytpKSB7XG4gICAgICBjb25zdCBjaGlsZCA9IGNoaWxkcmVuW2ldO1xuICAgICAgaWYgKHR5cGVvZiBjaGlsZCA9PT0gXCJzdHJpbmdcIikgY29udGludWU7XG4gICAgICBjb25zdCBjaGlsZERhdGEgPSBjaGlsZC5kYXRhO1xuICAgICAgaWYgKGNoaWxkRGF0YSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGFkZE5TKGNoaWxkRGF0YSwgY2hpbGQuY2hpbGRyZW4gYXMgVk5vZGVzLCBjaGlsZC5zZWwpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gaChzZWw6IHN0cmluZyk6IFZOb2RlO1xuZXhwb3J0IGZ1bmN0aW9uIGgoc2VsOiBzdHJpbmcsIGRhdGE6IFZOb2RlRGF0YSB8IG51bGwpOiBWTm9kZTtcbmV4cG9ydCBmdW5jdGlvbiBoKHNlbDogc3RyaW5nLCBjaGlsZHJlbjogVk5vZGVDaGlsZHJlbik6IFZOb2RlO1xuZXhwb3J0IGZ1bmN0aW9uIGgoXG4gIHNlbDogc3RyaW5nLFxuICBkYXRhOiBWTm9kZURhdGEgfCBudWxsLFxuICBjaGlsZHJlbjogVk5vZGVDaGlsZHJlblxuKTogVk5vZGU7XG5leHBvcnQgZnVuY3Rpb24gaChzZWw6IGFueSwgYj86IGFueSwgYz86IGFueSk6IFZOb2RlIHtcbiAgbGV0IGRhdGE6IFZOb2RlRGF0YSA9IHt9O1xuICBsZXQgY2hpbGRyZW46IGFueTtcbiAgbGV0IHRleHQ6IGFueTtcbiAgbGV0IGk6IG51bWJlcjtcbiAgaWYgKGMgIT09IHVuZGVmaW5lZCkge1xuICAgIGlmIChiICE9PSBudWxsKSB7XG4gICAgICBkYXRhID0gYjtcbiAgICB9XG4gICAgaWYgKGlzLmFycmF5KGMpKSB7XG4gICAgICBjaGlsZHJlbiA9IGM7XG4gICAgfSBlbHNlIGlmIChpcy5wcmltaXRpdmUoYykpIHtcbiAgICAgIHRleHQgPSBjLnRvU3RyaW5nKCk7XG4gICAgfSBlbHNlIGlmIChjICYmIGMuc2VsKSB7XG4gICAgICBjaGlsZHJlbiA9IFtjXTtcbiAgICB9XG4gIH0gZWxzZSBpZiAoYiAhPT0gdW5kZWZpbmVkICYmIGIgIT09IG51bGwpIHtcbiAgICBpZiAoaXMuYXJyYXkoYikpIHtcbiAgICAgIGNoaWxkcmVuID0gYjtcbiAgICB9IGVsc2UgaWYgKGlzLnByaW1pdGl2ZShiKSkge1xuICAgICAgdGV4dCA9IGIudG9TdHJpbmcoKTtcbiAgICB9IGVsc2UgaWYgKGIgJiYgYi5zZWwpIHtcbiAgICAgIGNoaWxkcmVuID0gW2JdO1xuICAgIH0gZWxzZSB7XG4gICAgICBkYXRhID0gYjtcbiAgICB9XG4gIH1cbiAgaWYgKGNoaWxkcmVuICE9PSB1bmRlZmluZWQpIHtcbiAgICBmb3IgKGkgPSAwOyBpIDwgY2hpbGRyZW4ubGVuZ3RoOyArK2kpIHtcbiAgICAgIGlmIChpcy5wcmltaXRpdmUoY2hpbGRyZW5baV0pKVxuICAgICAgICBjaGlsZHJlbltpXSA9IHZub2RlKFxuICAgICAgICAgIHVuZGVmaW5lZCxcbiAgICAgICAgICB1bmRlZmluZWQsXG4gICAgICAgICAgdW5kZWZpbmVkLFxuICAgICAgICAgIGNoaWxkcmVuW2ldLFxuICAgICAgICAgIHVuZGVmaW5lZFxuICAgICAgICApO1xuICAgIH1cbiAgfVxuICBpZiAoXG4gICAgc2VsWzBdID09PSBcInNcIiAmJlxuICAgIHNlbFsxXSA9PT0gXCJ2XCIgJiZcbiAgICBzZWxbMl0gPT09IFwiZ1wiICYmXG4gICAgKHNlbC5sZW5ndGggPT09IDMgfHwgc2VsWzNdID09PSBcIi5cIiB8fCBzZWxbM10gPT09IFwiI1wiKVxuICApIHtcbiAgICBhZGROUyhkYXRhLCBjaGlsZHJlbiwgc2VsKTtcbiAgfVxuICByZXR1cm4gdm5vZGUoc2VsLCBkYXRhLCBjaGlsZHJlbiwgdGV4dCwgdW5kZWZpbmVkKTtcbn1cblxuLyoqXG4gKiBAZXhwZXJpbWVudGFsXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBmcmFnbWVudChjaGlsZHJlbjogVk5vZGVDaGlsZHJlbik6IFZOb2RlIHtcbiAgbGV0IGM6IGFueTtcbiAgbGV0IHRleHQ6IGFueTtcblxuICBpZiAoaXMuYXJyYXkoY2hpbGRyZW4pKSB7XG4gICAgYyA9IGNoaWxkcmVuO1xuICB9IGVsc2UgaWYgKGlzLnByaW1pdGl2ZShjKSkge1xuICAgIHRleHQgPSBjaGlsZHJlbjtcbiAgfSBlbHNlIGlmIChjICYmIGMuc2VsKSB7XG4gICAgYyA9IFtjaGlsZHJlbl07XG4gIH1cblxuICBpZiAoYyAhPT0gdW5kZWZpbmVkKSB7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBjLmxlbmd0aDsgKytpKSB7XG4gICAgICBpZiAoaXMucHJpbWl0aXZlKGNbaV0pKVxuICAgICAgICBjW2ldID0gdm5vZGUodW5kZWZpbmVkLCB1bmRlZmluZWQsIHVuZGVmaW5lZCwgY1tpXSwgdW5kZWZpbmVkKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gdm5vZGUodW5kZWZpbmVkLCB7fSwgYywgdGV4dCwgdW5kZWZpbmVkKTtcbn1cbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/h.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/helpers/attachto.js":
+/*!**********************************************************!*\
+  !*** ../node_modules/snabbdom/build/helpers/attachto.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"attachTo\": () => (/* binding */ attachTo)\n/* harmony export */ });\nfunction pre(vnode, newVnode) {\n    const attachData = vnode.data.attachData;\n    // Copy created placeholder and real element from old vnode\n    newVnode.data.attachData.placeholder = attachData.placeholder;\n    newVnode.data.attachData.real = attachData.real;\n    // Mount real element in vnode so the patch process operates on it\n    vnode.elm = vnode.data.attachData.real;\n}\nfunction post(_, vnode) {\n    // Mount dummy placeholder in vnode so potential reorders use it\n    vnode.elm = vnode.data.attachData.placeholder;\n}\nfunction destroy(vnode) {\n    // Remove placeholder\n    if (vnode.elm !== undefined) {\n        vnode.elm.parentNode.removeChild(vnode.elm);\n    }\n    // Remove real element from where it was inserted\n    vnode.elm = vnode.data.attachData.real;\n}\nfunction create(_, vnode) {\n    const real = vnode.elm;\n    const attachData = vnode.data.attachData;\n    const placeholder = document.createElement(\"span\");\n    // Replace actual element with dummy placeholder\n    // Snabbdom will then insert placeholder instead\n    vnode.elm = placeholder;\n    attachData.target.appendChild(real);\n    attachData.real = real;\n    attachData.placeholder = placeholder;\n}\nfunction attachTo(target, vnode) {\n    if (vnode.data === undefined)\n        vnode.data = {};\n    if (vnode.data.hook === undefined)\n        vnode.data.hook = {};\n    const data = vnode.data;\n    const hook = vnode.data.hook;\n    data.attachData = { target: target, placeholder: undefined, real: undefined };\n    hook.create = create;\n    hook.prepatch = pre;\n    hook.postpatch = post;\n    hook.destroy = destroy;\n    return vnode;\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2hlbHBlcnMvYXR0YWNodG8uanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQWlCQSxTQUFTLEdBQUcsQ0FBQyxLQUEwQixFQUFFLFFBQTZCO0lBQ3BFLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pDLDJEQUEyRDtJQUMzRCxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQztJQUM5RCxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQztJQUNoRCxrRUFBa0U7SUFDbEUsS0FBSyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUM7QUFDekMsQ0FBQztBQUVELFNBQVMsSUFBSSxDQUFDLENBQU0sRUFBRSxLQUEwQjtJQUM5QyxnRUFBZ0U7SUFDaEUsS0FBSyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUM7QUFDaEQsQ0FBQztBQUVELFNBQVMsT0FBTyxDQUFDLEtBQTBCO0lBQ3pDLHFCQUFxQjtJQUNyQixJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssU0FBUyxFQUFFO1FBQzFCLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBMEIsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQzlEO0lBQ0QsaURBQWlEO0lBQ2pELEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0FBQ3pDLENBQUM7QUFFRCxTQUFTLE1BQU0sQ0FBQyxDQUFNLEVBQUUsS0FBMEI7SUFDaEQsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQztJQUN2QixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QyxNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25ELGdEQUFnRDtJQUNoRCxnREFBZ0Q7SUFDaEQsS0FBSyxDQUFDLEdBQUcsR0FBRyxXQUFXLENBQUM7SUFDeEIsVUFBVSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEMsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDdkIsVUFBVSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7QUFDdkMsQ0FBQztBQUVNLFNBQVMsUUFBUSxDQUFDLE1BQWUsRUFBRSxLQUFZO0lBQ3BELElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxTQUFTO1FBQUUsS0FBSyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7SUFDOUMsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTO1FBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ3hELE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDeEIsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUM7SUFDOUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDckIsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7SUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDdkIsT0FBTyxLQUFLLENBQUM7QUFDZixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvaGVscGVycy9hdHRhY2h0by50cz80YmEzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZOb2RlLCBWTm9kZURhdGEgfSBmcm9tIFwiLi4vdm5vZGVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBBdHRhY2hEYXRhIHtcbiAgW2tleTogc3RyaW5nXTogYW55O1xuICBbaTogbnVtYmVyXTogYW55O1xuICBwbGFjZWhvbGRlcj86IGFueTtcbiAgcmVhbD86IE5vZGU7XG59XG5cbmludGVyZmFjZSBWTm9kZURhdGFXaXRoQXR0YWNoIGV4dGVuZHMgVk5vZGVEYXRhIHtcbiAgYXR0YWNoRGF0YTogQXR0YWNoRGF0YTtcbn1cblxuaW50ZXJmYWNlIFZOb2RlV2l0aEF0dGFjaERhdGEgZXh0ZW5kcyBWTm9kZSB7XG4gIGRhdGE6IFZOb2RlRGF0YVdpdGhBdHRhY2g7XG59XG5cbmZ1bmN0aW9uIHByZSh2bm9kZTogVk5vZGVXaXRoQXR0YWNoRGF0YSwgbmV3Vm5vZGU6IFZOb2RlV2l0aEF0dGFjaERhdGEpOiB2b2lkIHtcbiAgY29uc3QgYXR0YWNoRGF0YSA9IHZub2RlLmRhdGEuYXR0YWNoRGF0YTtcbiAgLy8gQ29weSBjcmVhdGVkIHBsYWNlaG9sZGVyIGFuZCByZWFsIGVsZW1lbnQgZnJvbSBvbGQgdm5vZGVcbiAgbmV3Vm5vZGUuZGF0YS5hdHRhY2hEYXRhLnBsYWNlaG9sZGVyID0gYXR0YWNoRGF0YS5wbGFjZWhvbGRlcjtcbiAgbmV3Vm5vZGUuZGF0YS5hdHRhY2hEYXRhLnJlYWwgPSBhdHRhY2hEYXRhLnJlYWw7XG4gIC8vIE1vdW50IHJlYWwgZWxlbWVudCBpbiB2bm9kZSBzbyB0aGUgcGF0Y2ggcHJvY2VzcyBvcGVyYXRlcyBvbiBpdFxuICB2bm9kZS5lbG0gPSB2bm9kZS5kYXRhLmF0dGFjaERhdGEucmVhbDtcbn1cblxuZnVuY3Rpb24gcG9zdChfOiBhbnksIHZub2RlOiBWTm9kZVdpdGhBdHRhY2hEYXRhKTogdm9pZCB7XG4gIC8vIE1vdW50IGR1bW15IHBsYWNlaG9sZGVyIGluIHZub2RlIHNvIHBvdGVudGlhbCByZW9yZGVycyB1c2UgaXRcbiAgdm5vZGUuZWxtID0gdm5vZGUuZGF0YS5hdHRhY2hEYXRhLnBsYWNlaG9sZGVyO1xufVxuXG5mdW5jdGlvbiBkZXN0cm95KHZub2RlOiBWTm9kZVdpdGhBdHRhY2hEYXRhKTogdm9pZCB7XG4gIC8vIFJlbW92ZSBwbGFjZWhvbGRlclxuICBpZiAodm5vZGUuZWxtICE9PSB1bmRlZmluZWQpIHtcbiAgICAodm5vZGUuZWxtLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLnJlbW92ZUNoaWxkKHZub2RlLmVsbSk7XG4gIH1cbiAgLy8gUmVtb3ZlIHJlYWwgZWxlbWVudCBmcm9tIHdoZXJlIGl0IHdhcyBpbnNlcnRlZFxuICB2bm9kZS5lbG0gPSB2bm9kZS5kYXRhLmF0dGFjaERhdGEucmVhbDtcbn1cblxuZnVuY3Rpb24gY3JlYXRlKF86IGFueSwgdm5vZGU6IFZOb2RlV2l0aEF0dGFjaERhdGEpOiB2b2lkIHtcbiAgY29uc3QgcmVhbCA9IHZub2RlLmVsbTtcbiAgY29uc3QgYXR0YWNoRGF0YSA9IHZub2RlLmRhdGEuYXR0YWNoRGF0YTtcbiAgY29uc3QgcGxhY2Vob2xkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwic3BhblwiKTtcbiAgLy8gUmVwbGFjZSBhY3R1YWwgZWxlbWVudCB3aXRoIGR1bW15IHBsYWNlaG9sZGVyXG4gIC8vIFNuYWJiZG9tIHdpbGwgdGhlbiBpbnNlcnQgcGxhY2Vob2xkZXIgaW5zdGVhZFxuICB2bm9kZS5lbG0gPSBwbGFjZWhvbGRlcjtcbiAgYXR0YWNoRGF0YS50YXJnZXQuYXBwZW5kQ2hpbGQocmVhbCk7XG4gIGF0dGFjaERhdGEucmVhbCA9IHJlYWw7XG4gIGF0dGFjaERhdGEucGxhY2Vob2xkZXIgPSBwbGFjZWhvbGRlcjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGF0dGFjaFRvKHRhcmdldDogRWxlbWVudCwgdm5vZGU6IFZOb2RlKTogVk5vZGUge1xuICBpZiAodm5vZGUuZGF0YSA9PT0gdW5kZWZpbmVkKSB2bm9kZS5kYXRhID0ge307XG4gIGlmICh2bm9kZS5kYXRhLmhvb2sgPT09IHVuZGVmaW5lZCkgdm5vZGUuZGF0YS5ob29rID0ge307XG4gIGNvbnN0IGRhdGEgPSB2bm9kZS5kYXRhO1xuICBjb25zdCBob29rID0gdm5vZGUuZGF0YS5ob29rO1xuICBkYXRhLmF0dGFjaERhdGEgPSB7IHRhcmdldDogdGFyZ2V0LCBwbGFjZWhvbGRlcjogdW5kZWZpbmVkLCByZWFsOiB1bmRlZmluZWQgfTtcbiAgaG9vay5jcmVhdGUgPSBjcmVhdGU7XG4gIGhvb2sucHJlcGF0Y2ggPSBwcmU7XG4gIGhvb2sucG9zdHBhdGNoID0gcG9zdDtcbiAgaG9vay5kZXN0cm95ID0gZGVzdHJveTtcbiAgcmV0dXJuIHZub2RlO1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/helpers/attachto.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/htmldomapi.js":
+/*!****************************************************!*\
+  !*** ../node_modules/snabbdom/build/htmldomapi.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"htmlDomApi\": () => (/* binding */ htmlDomApi)\n/* harmony export */ });\nfunction createElement(tagName, options) {\n    return document.createElement(tagName, options);\n}\nfunction createElementNS(namespaceURI, qualifiedName, options) {\n    return document.createElementNS(namespaceURI, qualifiedName, options);\n}\nfunction createDocumentFragment() {\n    return document.createDocumentFragment();\n}\nfunction createTextNode(text) {\n    return document.createTextNode(text);\n}\nfunction createComment(text) {\n    return document.createComment(text);\n}\nfunction insertBefore(parentNode, newNode, referenceNode) {\n    parentNode.insertBefore(newNode, referenceNode);\n}\nfunction removeChild(node, child) {\n    node.removeChild(child);\n}\nfunction appendChild(node, child) {\n    node.appendChild(child);\n}\nfunction parentNode(node) {\n    return node.parentNode;\n}\nfunction nextSibling(node) {\n    return node.nextSibling;\n}\nfunction tagName(elm) {\n    return elm.tagName;\n}\nfunction setTextContent(node, text) {\n    node.textContent = text;\n}\nfunction getTextContent(node) {\n    return node.textContent;\n}\nfunction isElement(node) {\n    return node.nodeType === 1;\n}\nfunction isText(node) {\n    return node.nodeType === 3;\n}\nfunction isComment(node) {\n    return node.nodeType === 8;\n}\nfunction isDocumentFragment(node) {\n    return node.nodeType === 11;\n}\nconst htmlDomApi = {\n    createElement,\n    createElementNS,\n    createTextNode,\n    createDocumentFragment,\n    createComment,\n    insertBefore,\n    removeChild,\n    appendChild,\n    parentNode,\n    nextSibling,\n    tagName,\n    setTextContent,\n    getTextContent,\n    isElement,\n    isText,\n    isComment,\n    isDocumentFragment,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2h0bWxkb21hcGkuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQXVDQSxTQUFTLGFBQWEsQ0FDcEIsT0FBWSxFQUNaLE9BQWdDO0lBRWhDLE9BQU8sUUFBUSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFDbEQsQ0FBQztBQUVELFNBQVMsZUFBZSxDQUN0QixZQUFvQixFQUNwQixhQUFxQixFQUNyQixPQUFnQztJQUVoQyxPQUFPLFFBQVEsQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxPQUFPLENBQUMsQ0FBQztBQUN4RSxDQUFDO0FBRUQsU0FBUyxzQkFBc0I7SUFDN0IsT0FBTyxRQUFRLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztBQUMzQyxDQUFDO0FBRUQsU0FBUyxjQUFjLENBQUMsSUFBWTtJQUNsQyxPQUFPLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDdkMsQ0FBQztBQUVELFNBQVMsYUFBYSxDQUFDLElBQVk7SUFDakMsT0FBTyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ3RDLENBQUM7QUFFRCxTQUFTLFlBQVksQ0FDbkIsVUFBZ0IsRUFDaEIsT0FBYSxFQUNiLGFBQTBCO0lBRTFCLFVBQVUsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBQ2xELENBQUM7QUFFRCxTQUFTLFdBQVcsQ0FBQyxJQUFVLEVBQUUsS0FBVztJQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzFCLENBQUM7QUFFRCxTQUFTLFdBQVcsQ0FBQyxJQUFVLEVBQUUsS0FBVztJQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzFCLENBQUM7QUFFRCxTQUFTLFVBQVUsQ0FBQyxJQUFVO0lBQzVCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztBQUN6QixDQUFDO0FBRUQsU0FBUyxXQUFXLENBQUMsSUFBVTtJQUM3QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7QUFDMUIsQ0FBQztBQUVELFNBQVMsT0FBTyxDQUFDLEdBQVk7SUFDM0IsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDO0FBQ3JCLENBQUM7QUFFRCxTQUFTLGNBQWMsQ0FBQyxJQUFVLEVBQUUsSUFBbUI7SUFDckQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7QUFDMUIsQ0FBQztBQUVELFNBQVMsY0FBYyxDQUFDLElBQVU7SUFDaEMsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0FBQzFCLENBQUM7QUFFRCxTQUFTLFNBQVMsQ0FBQyxJQUFVO0lBQzNCLE9BQU8sSUFBSSxDQUFDLFFBQVEsS0FBSyxDQUFDLENBQUM7QUFDN0IsQ0FBQztBQUVELFNBQVMsTUFBTSxDQUFDLElBQVU7SUFDeEIsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLENBQUMsQ0FBQztBQUM3QixDQUFDO0FBRUQsU0FBUyxTQUFTLENBQUMsSUFBVTtJQUMzQixPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssQ0FBQyxDQUFDO0FBQzdCLENBQUM7QUFFRCxTQUFTLGtCQUFrQixDQUFDLElBQVU7SUFDcEMsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLEVBQUUsQ0FBQztBQUM5QixDQUFDO0FBRU0sTUFBTSxVQUFVLEdBQVc7SUFDaEMsYUFBYTtJQUNiLGVBQWU7SUFDZixjQUFjO0lBQ2Qsc0JBQXNCO0lBQ3RCLGFBQWE7SUFDYixZQUFZO0lBQ1osV0FBVztJQUNYLFdBQVc7SUFDWCxVQUFVO0lBQ1YsV0FBVztJQUNYLE9BQU87SUFDUCxjQUFjO0lBQ2QsY0FBYztJQUNkLFNBQVM7SUFDVCxNQUFNO0lBQ04sU0FBUztJQUNULGtCQUFrQjtDQUNuQixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvaHRtbGRvbWFwaS50cz9kY2E2Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRE9NQVBJIHtcbiAgY3JlYXRlRWxlbWVudDogKFxuICAgIHRhZ05hbWU6IGFueSxcbiAgICBvcHRpb25zPzogRWxlbWVudENyZWF0aW9uT3B0aW9uc1xuICApID0+IEhUTUxFbGVtZW50O1xuICBjcmVhdGVFbGVtZW50TlM6IChcbiAgICBuYW1lc3BhY2VVUkk6IHN0cmluZyxcbiAgICBxdWFsaWZpZWROYW1lOiBzdHJpbmcsXG4gICAgb3B0aW9ucz86IEVsZW1lbnRDcmVhdGlvbk9wdGlvbnNcbiAgKSA9PiBFbGVtZW50O1xuICAvKipcbiAgICogQGV4cGVyaW1lbnRhbFxuICAgKiBAdG9kbyBNYWtlIGl0IHJlcXVpcmVkIHdoZW4gdGhlIGZyYWdtZW50IGlzIGNvbnNpZGVyZWQgc3RhYmxlLlxuICAgKi9cbiAgY3JlYXRlRG9jdW1lbnRGcmFnbWVudD86ICgpID0+IERvY3VtZW50RnJhZ21lbnQ7XG4gIGNyZWF0ZVRleHROb2RlOiAodGV4dDogc3RyaW5nKSA9PiBUZXh0O1xuICBjcmVhdGVDb21tZW50OiAodGV4dDogc3RyaW5nKSA9PiBDb21tZW50O1xuICBpbnNlcnRCZWZvcmU6IChcbiAgICBwYXJlbnROb2RlOiBOb2RlLFxuICAgIG5ld05vZGU6IE5vZGUsXG4gICAgcmVmZXJlbmNlTm9kZTogTm9kZSB8IG51bGxcbiAgKSA9PiB2b2lkO1xuICByZW1vdmVDaGlsZDogKG5vZGU6IE5vZGUsIGNoaWxkOiBOb2RlKSA9PiB2b2lkO1xuICBhcHBlbmRDaGlsZDogKG5vZGU6IE5vZGUsIGNoaWxkOiBOb2RlKSA9PiB2b2lkO1xuICBwYXJlbnROb2RlOiAobm9kZTogTm9kZSkgPT4gTm9kZSB8IG51bGw7XG4gIG5leHRTaWJsaW5nOiAobm9kZTogTm9kZSkgPT4gTm9kZSB8IG51bGw7XG4gIHRhZ05hbWU6IChlbG06IEVsZW1lbnQpID0+IHN0cmluZztcbiAgc2V0VGV4dENvbnRlbnQ6IChub2RlOiBOb2RlLCB0ZXh0OiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkO1xuICBnZXRUZXh0Q29udGVudDogKG5vZGU6IE5vZGUpID0+IHN0cmluZyB8IG51bGw7XG4gIGlzRWxlbWVudDogKG5vZGU6IE5vZGUpID0+IG5vZGUgaXMgRWxlbWVudDtcbiAgaXNUZXh0OiAobm9kZTogTm9kZSkgPT4gbm9kZSBpcyBUZXh0O1xuICBpc0NvbW1lbnQ6IChub2RlOiBOb2RlKSA9PiBub2RlIGlzIENvbW1lbnQ7XG4gIC8qKlxuICAgKiBAZXhwZXJpbWVudGFsXG4gICAqIEB0b2RvIE1ha2UgaXQgcmVxdWlyZWQgd2hlbiB0aGUgZnJhZ21lbnQgaXMgY29uc2lkZXJlZCBzdGFibGUuXG4gICAqL1xuICBpc0RvY3VtZW50RnJhZ21lbnQ/OiAobm9kZTogTm9kZSkgPT4gbm9kZSBpcyBEb2N1bWVudEZyYWdtZW50O1xufVxuXG5mdW5jdGlvbiBjcmVhdGVFbGVtZW50KFxuICB0YWdOYW1lOiBhbnksXG4gIG9wdGlvbnM/OiBFbGVtZW50Q3JlYXRpb25PcHRpb25zXG4pOiBIVE1MRWxlbWVudCB7XG4gIHJldHVybiBkb2N1bWVudC5jcmVhdGVFbGVtZW50KHRhZ05hbWUsIG9wdGlvbnMpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVFbGVtZW50TlMoXG4gIG5hbWVzcGFjZVVSSTogc3RyaW5nLFxuICBxdWFsaWZpZWROYW1lOiBzdHJpbmcsXG4gIG9wdGlvbnM/OiBFbGVtZW50Q3JlYXRpb25PcHRpb25zXG4pOiBFbGVtZW50IHtcbiAgcmV0dXJuIGRvY3VtZW50LmNyZWF0ZUVsZW1lbnROUyhuYW1lc3BhY2VVUkksIHF1YWxpZmllZE5hbWUsIG9wdGlvbnMpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVEb2N1bWVudEZyYWdtZW50KCk6IERvY3VtZW50RnJhZ21lbnQge1xuICByZXR1cm4gZG9jdW1lbnQuY3JlYXRlRG9jdW1lbnRGcmFnbWVudCgpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVUZXh0Tm9kZSh0ZXh0OiBzdHJpbmcpOiBUZXh0IHtcbiAgcmV0dXJuIGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKHRleHQpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDb21tZW50KHRleHQ6IHN0cmluZyk6IENvbW1lbnQge1xuICByZXR1cm4gZG9jdW1lbnQuY3JlYXRlQ29tbWVudCh0ZXh0KTtcbn1cblxuZnVuY3Rpb24gaW5zZXJ0QmVmb3JlKFxuICBwYXJlbnROb2RlOiBOb2RlLFxuICBuZXdOb2RlOiBOb2RlLFxuICByZWZlcmVuY2VOb2RlOiBOb2RlIHwgbnVsbFxuKTogdm9pZCB7XG4gIHBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKG5ld05vZGUsIHJlZmVyZW5jZU5vZGUpO1xufVxuXG5mdW5jdGlvbiByZW1vdmVDaGlsZChub2RlOiBOb2RlLCBjaGlsZDogTm9kZSk6IHZvaWQge1xuICBub2RlLnJlbW92ZUNoaWxkKGNoaWxkKTtcbn1cblxuZnVuY3Rpb24gYXBwZW5kQ2hpbGQobm9kZTogTm9kZSwgY2hpbGQ6IE5vZGUpOiB2b2lkIHtcbiAgbm9kZS5hcHBlbmRDaGlsZChjaGlsZCk7XG59XG5cbmZ1bmN0aW9uIHBhcmVudE5vZGUobm9kZTogTm9kZSk6IE5vZGUgfCBudWxsIHtcbiAgcmV0dXJuIG5vZGUucGFyZW50Tm9kZTtcbn1cblxuZnVuY3Rpb24gbmV4dFNpYmxpbmcobm9kZTogTm9kZSk6IE5vZGUgfCBudWxsIHtcbiAgcmV0dXJuIG5vZGUubmV4dFNpYmxpbmc7XG59XG5cbmZ1bmN0aW9uIHRhZ05hbWUoZWxtOiBFbGVtZW50KTogc3RyaW5nIHtcbiAgcmV0dXJuIGVsbS50YWdOYW1lO1xufVxuXG5mdW5jdGlvbiBzZXRUZXh0Q29udGVudChub2RlOiBOb2RlLCB0ZXh0OiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XG4gIG5vZGUudGV4dENvbnRlbnQgPSB0ZXh0O1xufVxuXG5mdW5jdGlvbiBnZXRUZXh0Q29udGVudChub2RlOiBOb2RlKTogc3RyaW5nIHwgbnVsbCB7XG4gIHJldHVybiBub2RlLnRleHRDb250ZW50O1xufVxuXG5mdW5jdGlvbiBpc0VsZW1lbnQobm9kZTogTm9kZSk6IG5vZGUgaXMgRWxlbWVudCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSAxO1xufVxuXG5mdW5jdGlvbiBpc1RleHQobm9kZTogTm9kZSk6IG5vZGUgaXMgVGV4dCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSAzO1xufVxuXG5mdW5jdGlvbiBpc0NvbW1lbnQobm9kZTogTm9kZSk6IG5vZGUgaXMgQ29tbWVudCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSA4O1xufVxuXG5mdW5jdGlvbiBpc0RvY3VtZW50RnJhZ21lbnQobm9kZTogTm9kZSk6IG5vZGUgaXMgRG9jdW1lbnRGcmFnbWVudCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSAxMTtcbn1cblxuZXhwb3J0IGNvbnN0IGh0bWxEb21BcGk6IERPTUFQSSA9IHtcbiAgY3JlYXRlRWxlbWVudCxcbiAgY3JlYXRlRWxlbWVudE5TLFxuICBjcmVhdGVUZXh0Tm9kZSxcbiAgY3JlYXRlRG9jdW1lbnRGcmFnbWVudCxcbiAgY3JlYXRlQ29tbWVudCxcbiAgaW5zZXJ0QmVmb3JlLFxuICByZW1vdmVDaGlsZCxcbiAgYXBwZW5kQ2hpbGQsXG4gIHBhcmVudE5vZGUsXG4gIG5leHRTaWJsaW5nLFxuICB0YWdOYW1lLFxuICBzZXRUZXh0Q29udGVudCxcbiAgZ2V0VGV4dENvbnRlbnQsXG4gIGlzRWxlbWVudCxcbiAgaXNUZXh0LFxuICBpc0NvbW1lbnQsXG4gIGlzRG9jdW1lbnRGcmFnbWVudCxcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/htmldomapi.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/index.js":
+/*!***********************************************!*\
+  !*** ../node_modules/snabbdom/build/index.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"htmlDomApi\": () => (/* reexport safe */ _htmldomapi__WEBPACK_IMPORTED_MODULE_0__.htmlDomApi),\n/* harmony export */   \"init\": () => (/* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_1__.init),\n/* harmony export */   \"thunk\": () => (/* reexport safe */ _thunk__WEBPACK_IMPORTED_MODULE_2__.thunk),\n/* harmony export */   \"vnode\": () => (/* reexport safe */ _vnode__WEBPACK_IMPORTED_MODULE_3__.vnode),\n/* harmony export */   \"attachTo\": () => (/* reexport safe */ _helpers_attachto__WEBPACK_IMPORTED_MODULE_4__.attachTo),\n/* harmony export */   \"array\": () => (/* reexport safe */ _is__WEBPACK_IMPORTED_MODULE_5__.array),\n/* harmony export */   \"primitive\": () => (/* reexport safe */ _is__WEBPACK_IMPORTED_MODULE_5__.primitive),\n/* harmony export */   \"toVNode\": () => (/* reexport safe */ _tovnode__WEBPACK_IMPORTED_MODULE_6__.toVNode),\n/* harmony export */   \"h\": () => (/* reexport safe */ _h__WEBPACK_IMPORTED_MODULE_7__.h),\n/* harmony export */   \"fragment\": () => (/* reexport safe */ _h__WEBPACK_IMPORTED_MODULE_7__.fragment),\n/* harmony export */   \"attributesModule\": () => (/* reexport safe */ _modules_attributes__WEBPACK_IMPORTED_MODULE_8__.attributesModule),\n/* harmony export */   \"classModule\": () => (/* reexport safe */ _modules_class__WEBPACK_IMPORTED_MODULE_9__.classModule),\n/* harmony export */   \"datasetModule\": () => (/* reexport safe */ _modules_dataset__WEBPACK_IMPORTED_MODULE_10__.datasetModule),\n/* harmony export */   \"eventListenersModule\": () => (/* reexport safe */ _modules_eventlisteners__WEBPACK_IMPORTED_MODULE_11__.eventListenersModule),\n/* harmony export */   \"propsModule\": () => (/* reexport safe */ _modules_props__WEBPACK_IMPORTED_MODULE_12__.propsModule),\n/* harmony export */   \"styleModule\": () => (/* reexport safe */ _modules_style__WEBPACK_IMPORTED_MODULE_13__.styleModule),\n/* harmony export */   \"jsx\": () => (/* reexport safe */ _jsx__WEBPACK_IMPORTED_MODULE_14__.jsx),\n/* harmony export */   \"Fragment\": () => (/* reexport safe */ _jsx__WEBPACK_IMPORTED_MODULE_14__.Fragment)\n/* harmony export */ });\n/* harmony import */ var _htmldomapi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./htmldomapi */ \"../node_modules/snabbdom/build/htmldomapi.js\");\n/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./init */ \"../node_modules/snabbdom/build/init.js\");\n/* harmony import */ var _thunk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./thunk */ \"../node_modules/snabbdom/build/thunk.js\");\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _helpers_attachto__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers/attachto */ \"../node_modules/snabbdom/build/helpers/attachto.js\");\n/* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./is */ \"../node_modules/snabbdom/build/is.js\");\n/* harmony import */ var _tovnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tovnode */ \"../node_modules/snabbdom/build/tovnode.js\");\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n/* harmony import */ var _modules_attributes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modules/attributes */ \"../node_modules/snabbdom/build/modules/attributes.js\");\n/* harmony import */ var _modules_class__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modules/class */ \"../node_modules/snabbdom/build/modules/class.js\");\n/* harmony import */ var _modules_dataset__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modules/dataset */ \"../node_modules/snabbdom/build/modules/dataset.js\");\n/* harmony import */ var _modules_eventlisteners__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modules/eventlisteners */ \"../node_modules/snabbdom/build/modules/eventlisteners.js\");\n/* harmony import */ var _modules_props__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modules/props */ \"../node_modules/snabbdom/build/modules/props.js\");\n/* harmony import */ var _modules_style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./modules/style */ \"../node_modules/snabbdom/build/modules/style.js\");\n/* harmony import */ var _jsx__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./jsx */ \"../node_modules/snabbdom/build/jsx.js\");\n// core\n\n\n\n\n// helpers\n\n\n\n\n// types\n\n// modules\n\n\n\n\n\n\n// JSX\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2luZGV4LmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU87QUFDMkM7QUFDcEI7QUFDNkI7QUFDSjtBQUV2RCxVQUFVO0FBQ2dEO0FBQ2xCO0FBQ0o7QUFRdkI7QUFFYixRQUFRO0FBQ2dCO0FBR3hCLFVBQVU7QUFDcUQ7QUFDUjtBQUNJO0FBQ1M7QUFDZjtBQUNLO0FBRTFELE1BQU07QUFPUyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL2luZGV4LnRzP2ZkNjYiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gY29yZVxuZXhwb3J0IHsgRE9NQVBJLCBodG1sRG9tQXBpIH0gZnJvbSBcIi4vaHRtbGRvbWFwaVwiO1xuZXhwb3J0IHsgaW5pdCB9IGZyb20gXCIuL2luaXRcIjtcbmV4cG9ydCB7IFRodW5rRGF0YSwgVGh1bmssIFRodW5rRm4sIHRodW5rIH0gZnJvbSBcIi4vdGh1bmtcIjtcbmV4cG9ydCB7IEtleSwgVk5vZGUsIFZOb2RlRGF0YSwgdm5vZGUgfSBmcm9tIFwiLi92bm9kZVwiO1xuXG4vLyBoZWxwZXJzXG5leHBvcnQgeyBBdHRhY2hEYXRhLCBhdHRhY2hUbyB9IGZyb20gXCIuL2hlbHBlcnMvYXR0YWNodG9cIjtcbmV4cG9ydCB7IGFycmF5LCBwcmltaXRpdmUgfSBmcm9tIFwiLi9pc1wiO1xuZXhwb3J0IHsgdG9WTm9kZSB9IGZyb20gXCIuL3Rvdm5vZGVcIjtcbmV4cG9ydCB7XG4gIFZOb2RlcyxcbiAgVk5vZGVDaGlsZEVsZW1lbnQsXG4gIEFycmF5T3JFbGVtZW50LFxuICBWTm9kZUNoaWxkcmVuLFxuICBoLFxuICBmcmFnbWVudCxcbn0gZnJvbSBcIi4vaFwiO1xuXG4vLyB0eXBlc1xuZXhwb3J0ICogZnJvbSBcIi4vaG9va3NcIjtcbmV4cG9ydCB7IE1vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvbW9kdWxlXCI7XG5cbi8vIG1vZHVsZXNcbmV4cG9ydCB7IEF0dHJzLCBhdHRyaWJ1dGVzTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlcy9hdHRyaWJ1dGVzXCI7XG5leHBvcnQgeyBDbGFzc2VzLCBjbGFzc01vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvY2xhc3NcIjtcbmV4cG9ydCB7IERhdGFzZXQsIGRhdGFzZXRNb2R1bGUgfSBmcm9tIFwiLi9tb2R1bGVzL2RhdGFzZXRcIjtcbmV4cG9ydCB7IE9uLCBldmVudExpc3RlbmVyc01vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvZXZlbnRsaXN0ZW5lcnNcIjtcbmV4cG9ydCB7IFByb3BzLCBwcm9wc01vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvcHJvcHNcIjtcbmV4cG9ydCB7IFZOb2RlU3R5bGUsIHN0eWxlTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlcy9zdHlsZVwiO1xuXG4vLyBKU1hcbmV4cG9ydCB7XG4gIEpzeFZOb2RlQ2hpbGQsXG4gIEpzeFZOb2RlQ2hpbGRyZW4sXG4gIEZ1bmN0aW9uQ29tcG9uZW50LFxuICBqc3gsXG4gIEZyYWdtZW50LFxufSBmcm9tIFwiLi9qc3hcIjtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/index.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/init.js":
+/*!**********************************************!*\
+  !*** ../node_modules/snabbdom/build/init.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"init\": () => (/* binding */ init)\n/* harmony export */ });\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./is */ \"../node_modules/snabbdom/build/is.js\");\n/* harmony import */ var _htmldomapi__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./htmldomapi */ \"../node_modules/snabbdom/build/htmldomapi.js\");\n\n\n\nfunction isUndef(s) {\n    return s === undefined;\n}\nfunction isDef(s) {\n    return s !== undefined;\n}\nconst emptyNode = (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(\"\", {}, [], undefined, undefined);\nfunction sameVnode(vnode1, vnode2) {\n    var _a, _b;\n    const isSameKey = vnode1.key === vnode2.key;\n    const isSameIs = ((_a = vnode1.data) === null || _a === void 0 ? void 0 : _a.is) === ((_b = vnode2.data) === null || _b === void 0 ? void 0 : _b.is);\n    const isSameSel = vnode1.sel === vnode2.sel;\n    return isSameSel && isSameKey && isSameIs;\n}\n/**\n * @todo Remove this function when the document fragment is considered stable.\n */\nfunction documentFragmentIsNotSupported() {\n    throw new Error(\"The document fragment is not supported on this platform.\");\n}\nfunction isElement(api, vnode) {\n    return api.isElement(vnode);\n}\nfunction isDocumentFragment(api, vnode) {\n    return api.isDocumentFragment(vnode);\n}\nfunction createKeyToOldIdx(children, beginIdx, endIdx) {\n    var _a;\n    const map = {};\n    for (let i = beginIdx; i <= endIdx; ++i) {\n        const key = (_a = children[i]) === null || _a === void 0 ? void 0 : _a.key;\n        if (key !== undefined) {\n            map[key] = i;\n        }\n    }\n    return map;\n}\nconst hooks = [\n    \"create\",\n    \"update\",\n    \"remove\",\n    \"destroy\",\n    \"pre\",\n    \"post\",\n];\nfunction init(modules, domApi, options) {\n    const cbs = {\n        create: [],\n        update: [],\n        remove: [],\n        destroy: [],\n        pre: [],\n        post: [],\n    };\n    const api = domApi !== undefined ? domApi : _htmldomapi__WEBPACK_IMPORTED_MODULE_1__.htmlDomApi;\n    for (const hook of hooks) {\n        for (const module of modules) {\n            const currentHook = module[hook];\n            if (currentHook !== undefined) {\n                cbs[hook].push(currentHook);\n            }\n        }\n    }\n    function emptyNodeAt(elm) {\n        const id = elm.id ? \"#\" + elm.id : \"\";\n        // elm.className doesn't return a string when elm is an SVG element inside a shadowRoot.\n        // https://stackoverflow.com/questions/29454340/detecting-classname-of-svganimatedstring\n        const classes = elm.getAttribute(\"class\");\n        const c = classes ? \".\" + classes.split(\" \").join(\".\") : \"\";\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm);\n    }\n    function emptyDocumentFragmentAt(frag) {\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, {}, [], undefined, frag);\n    }\n    function createRmCb(childElm, listeners) {\n        return function rmCb() {\n            if (--listeners === 0) {\n                const parent = api.parentNode(childElm);\n                api.removeChild(parent, childElm);\n            }\n        };\n    }\n    function createElm(vnode, insertedVnodeQueue) {\n        var _a, _b, _c, _d;\n        let i;\n        let data = vnode.data;\n        if (data !== undefined) {\n            const init = (_a = data.hook) === null || _a === void 0 ? void 0 : _a.init;\n            if (isDef(init)) {\n                init(vnode);\n                data = vnode.data;\n            }\n        }\n        const children = vnode.children;\n        const sel = vnode.sel;\n        if (sel === \"!\") {\n            if (isUndef(vnode.text)) {\n                vnode.text = \"\";\n            }\n            vnode.elm = api.createComment(vnode.text);\n        }\n        else if (sel !== undefined) {\n            // Parse selector\n            const hashIdx = sel.indexOf(\"#\");\n            const dotIdx = sel.indexOf(\".\", hashIdx);\n            const hash = hashIdx > 0 ? hashIdx : sel.length;\n            const dot = dotIdx > 0 ? dotIdx : sel.length;\n            const tag = hashIdx !== -1 || dotIdx !== -1\n                ? sel.slice(0, Math.min(hash, dot))\n                : sel;\n            const elm = (vnode.elm =\n                isDef(data) && isDef((i = data.ns))\n                    ? api.createElementNS(i, tag, data)\n                    : api.createElement(tag, data));\n            if (hash < dot)\n                elm.setAttribute(\"id\", sel.slice(hash + 1, dot));\n            if (dotIdx > 0)\n                elm.setAttribute(\"class\", sel.slice(dot + 1).replace(/\\./g, \" \"));\n            for (i = 0; i < cbs.create.length; ++i)\n                cbs.create[i](emptyNode, vnode);\n            if (_is__WEBPACK_IMPORTED_MODULE_2__.array(children)) {\n                for (i = 0; i < children.length; ++i) {\n                    const ch = children[i];\n                    if (ch != null) {\n                        api.appendChild(elm, createElm(ch, insertedVnodeQueue));\n                    }\n                }\n            }\n            else if (_is__WEBPACK_IMPORTED_MODULE_2__.primitive(vnode.text)) {\n                api.appendChild(elm, api.createTextNode(vnode.text));\n            }\n            const hook = vnode.data.hook;\n            if (isDef(hook)) {\n                (_b = hook.create) === null || _b === void 0 ? void 0 : _b.call(hook, emptyNode, vnode);\n                if (hook.insert) {\n                    insertedVnodeQueue.push(vnode);\n                }\n            }\n        }\n        else if (((_c = options === null || options === void 0 ? void 0 : options.experimental) === null || _c === void 0 ? void 0 : _c.fragments) && vnode.children) {\n            const children = vnode.children;\n            vnode.elm = ((_d = api.createDocumentFragment) !== null && _d !== void 0 ? _d : documentFragmentIsNotSupported)();\n            for (i = 0; i < cbs.create.length; ++i)\n                cbs.create[i](emptyNode, vnode);\n            for (i = 0; i < children.length; ++i) {\n                const ch = children[i];\n                if (ch != null) {\n                    api.appendChild(vnode.elm, createElm(ch, insertedVnodeQueue));\n                }\n            }\n        }\n        else {\n            vnode.elm = api.createTextNode(vnode.text);\n        }\n        return vnode.elm;\n    }\n    function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {\n        for (; startIdx <= endIdx; ++startIdx) {\n            const ch = vnodes[startIdx];\n            if (ch != null) {\n                api.insertBefore(parentElm, createElm(ch, insertedVnodeQueue), before);\n            }\n        }\n    }\n    function invokeDestroyHook(vnode) {\n        var _a, _b;\n        const data = vnode.data;\n        if (data !== undefined) {\n            (_b = (_a = data === null || data === void 0 ? void 0 : data.hook) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a, vnode);\n            for (let i = 0; i < cbs.destroy.length; ++i)\n                cbs.destroy[i](vnode);\n            if (vnode.children !== undefined) {\n                for (let j = 0; j < vnode.children.length; ++j) {\n                    const child = vnode.children[j];\n                    if (child != null && typeof child !== \"string\") {\n                        invokeDestroyHook(child);\n                    }\n                }\n            }\n        }\n    }\n    function removeVnodes(parentElm, vnodes, startIdx, endIdx) {\n        var _a, _b;\n        for (; startIdx <= endIdx; ++startIdx) {\n            let listeners;\n            let rm;\n            const ch = vnodes[startIdx];\n            if (ch != null) {\n                if (isDef(ch.sel)) {\n                    invokeDestroyHook(ch);\n                    listeners = cbs.remove.length + 1;\n                    rm = createRmCb(ch.elm, listeners);\n                    for (let i = 0; i < cbs.remove.length; ++i)\n                        cbs.remove[i](ch, rm);\n                    const removeHook = (_b = (_a = ch === null || ch === void 0 ? void 0 : ch.data) === null || _a === void 0 ? void 0 : _a.hook) === null || _b === void 0 ? void 0 : _b.remove;\n                    if (isDef(removeHook)) {\n                        removeHook(ch, rm);\n                    }\n                    else {\n                        rm();\n                    }\n                }\n                else {\n                    // Text node\n                    api.removeChild(parentElm, ch.elm);\n                }\n            }\n        }\n    }\n    function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) {\n        let oldStartIdx = 0;\n        let newStartIdx = 0;\n        let oldEndIdx = oldCh.length - 1;\n        let oldStartVnode = oldCh[0];\n        let oldEndVnode = oldCh[oldEndIdx];\n        let newEndIdx = newCh.length - 1;\n        let newStartVnode = newCh[0];\n        let newEndVnode = newCh[newEndIdx];\n        let oldKeyToIdx;\n        let idxInOld;\n        let elmToMove;\n        let before;\n        while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {\n            if (oldStartVnode == null) {\n                oldStartVnode = oldCh[++oldStartIdx]; // Vnode might have been moved left\n            }\n            else if (oldEndVnode == null) {\n                oldEndVnode = oldCh[--oldEndIdx];\n            }\n            else if (newStartVnode == null) {\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else if (newEndVnode == null) {\n                newEndVnode = newCh[--newEndIdx];\n            }\n            else if (sameVnode(oldStartVnode, newStartVnode)) {\n                patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);\n                oldStartVnode = oldCh[++oldStartIdx];\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else if (sameVnode(oldEndVnode, newEndVnode)) {\n                patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);\n                oldEndVnode = oldCh[--oldEndIdx];\n                newEndVnode = newCh[--newEndIdx];\n            }\n            else if (sameVnode(oldStartVnode, newEndVnode)) {\n                // Vnode moved right\n                patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);\n                api.insertBefore(parentElm, oldStartVnode.elm, api.nextSibling(oldEndVnode.elm));\n                oldStartVnode = oldCh[++oldStartIdx];\n                newEndVnode = newCh[--newEndIdx];\n            }\n            else if (sameVnode(oldEndVnode, newStartVnode)) {\n                // Vnode moved left\n                patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);\n                api.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);\n                oldEndVnode = oldCh[--oldEndIdx];\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else {\n                if (oldKeyToIdx === undefined) {\n                    oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);\n                }\n                idxInOld = oldKeyToIdx[newStartVnode.key];\n                if (isUndef(idxInOld)) {\n                    // New element\n                    api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);\n                }\n                else {\n                    elmToMove = oldCh[idxInOld];\n                    if (elmToMove.sel !== newStartVnode.sel) {\n                        api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);\n                    }\n                    else {\n                        patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);\n                        oldCh[idxInOld] = undefined;\n                        api.insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm);\n                    }\n                }\n                newStartVnode = newCh[++newStartIdx];\n            }\n        }\n        if (newStartIdx <= newEndIdx) {\n            before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm;\n            addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);\n        }\n        if (oldStartIdx <= oldEndIdx) {\n            removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);\n        }\n    }\n    function patchVnode(oldVnode, vnode, insertedVnodeQueue) {\n        var _a, _b, _c, _d, _e;\n        const hook = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.hook;\n        (_b = hook === null || hook === void 0 ? void 0 : hook.prepatch) === null || _b === void 0 ? void 0 : _b.call(hook, oldVnode, vnode);\n        const elm = (vnode.elm = oldVnode.elm);\n        const oldCh = oldVnode.children;\n        const ch = vnode.children;\n        if (oldVnode === vnode)\n            return;\n        if (vnode.data !== undefined) {\n            for (let i = 0; i < cbs.update.length; ++i)\n                cbs.update[i](oldVnode, vnode);\n            (_d = (_c = vnode.data.hook) === null || _c === void 0 ? void 0 : _c.update) === null || _d === void 0 ? void 0 : _d.call(_c, oldVnode, vnode);\n        }\n        if (isUndef(vnode.text)) {\n            if (isDef(oldCh) && isDef(ch)) {\n                if (oldCh !== ch)\n                    updateChildren(elm, oldCh, ch, insertedVnodeQueue);\n            }\n            else if (isDef(ch)) {\n                if (isDef(oldVnode.text))\n                    api.setTextContent(elm, \"\");\n                addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);\n            }\n            else if (isDef(oldCh)) {\n                removeVnodes(elm, oldCh, 0, oldCh.length - 1);\n            }\n            else if (isDef(oldVnode.text)) {\n                api.setTextContent(elm, \"\");\n            }\n        }\n        else if (oldVnode.text !== vnode.text) {\n            if (isDef(oldCh)) {\n                removeVnodes(elm, oldCh, 0, oldCh.length - 1);\n            }\n            api.setTextContent(elm, vnode.text);\n        }\n        (_e = hook === null || hook === void 0 ? void 0 : hook.postpatch) === null || _e === void 0 ? void 0 : _e.call(hook, oldVnode, vnode);\n    }\n    return function patch(oldVnode, vnode) {\n        let i, elm, parent;\n        const insertedVnodeQueue = [];\n        for (i = 0; i < cbs.pre.length; ++i)\n            cbs.pre[i]();\n        if (isElement(api, oldVnode)) {\n            oldVnode = emptyNodeAt(oldVnode);\n        }\n        else if (isDocumentFragment(api, oldVnode)) {\n            oldVnode = emptyDocumentFragmentAt(oldVnode);\n        }\n        if (sameVnode(oldVnode, vnode)) {\n            patchVnode(oldVnode, vnode, insertedVnodeQueue);\n        }\n        else {\n            elm = oldVnode.elm;\n            parent = api.parentNode(elm);\n            createElm(vnode, insertedVnodeQueue);\n            if (parent !== null) {\n                api.insertBefore(parent, vnode.elm, api.nextSibling(elm));\n                removeVnodes(parent, [oldVnode], 0, 0);\n            }\n        }\n        for (i = 0; i < insertedVnodeQueue.length; ++i) {\n            insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]);\n        }\n        for (i = 0; i < cbs.post.length; ++i)\n            cbs.post[i]();\n        return vnode;\n    };\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2luaXQuanMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUN1QztBQUNaO0FBQ3VCO0FBSWxELFNBQVMsT0FBTyxDQUFDLENBQU07SUFDckIsT0FBTyxDQUFDLEtBQUssU0FBUyxDQUFDO0FBQ3pCLENBQUM7QUFDRCxTQUFTLEtBQUssQ0FBSSxDQUFJO0lBQ3BCLE9BQU8sQ0FBQyxLQUFLLFNBQVMsQ0FBQztBQUN6QixDQUFDO0FBSUQsTUFBTSxTQUFTLEdBQUcsNkNBQUssQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7QUFFMUQsU0FBUyxTQUFTLENBQUMsTUFBYSxFQUFFLE1BQWE7O0lBQzdDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEtBQUssTUFBTSxDQUFDLEdBQUcsQ0FBQztJQUM1QyxNQUFNLFFBQVEsR0FBRyxhQUFNLENBQUMsSUFBSSwwQ0FBRSxFQUFFLE9BQUssWUFBTSxDQUFDLElBQUksMENBQUUsRUFBRSxFQUFDO0lBQ3JELE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEtBQUssTUFBTSxDQUFDLEdBQUcsQ0FBQztJQUU1QyxPQUFPLFNBQVMsSUFBSSxTQUFTLElBQUksUUFBUSxDQUFDO0FBQzVDLENBQUM7QUFFRDs7R0FFRztBQUNILFNBQVMsOEJBQThCO0lBQ3JDLE1BQU0sSUFBSSxLQUFLLENBQUMsMERBQTBELENBQUMsQ0FBQztBQUM5RSxDQUFDO0FBRUQsU0FBUyxTQUFTLENBQ2hCLEdBQVcsRUFDWCxLQUF5QztJQUV6QyxPQUFPLEdBQUcsQ0FBQyxTQUFTLENBQUMsS0FBWSxDQUFDLENBQUM7QUFDckMsQ0FBQztBQUVELFNBQVMsa0JBQWtCLENBQ3pCLEdBQVcsRUFDWCxLQUErQjtJQUUvQixPQUFPLEdBQUcsQ0FBQyxrQkFBbUIsQ0FBQyxLQUFZLENBQUMsQ0FBQztBQUMvQyxDQUFDO0FBVUQsU0FBUyxp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LEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNwRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9pbml0LnRzPzE3NDMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlcy9tb2R1bGVcIjtcbmltcG9ydCB7IHZub2RlLCBWTm9kZSB9IGZyb20gXCIuL3Zub2RlXCI7XG5pbXBvcnQgKiBhcyBpcyBmcm9tIFwiLi9pc1wiO1xuaW1wb3J0IHsgaHRtbERvbUFwaSwgRE9NQVBJIH0gZnJvbSBcIi4vaHRtbGRvbWFwaVwiO1xuXG50eXBlIE5vblVuZGVmaW5lZDxUPiA9IFQgZXh0ZW5kcyB1bmRlZmluZWQgPyBuZXZlciA6IFQ7XG5cbmZ1bmN0aW9uIGlzVW5kZWYoczogYW55KTogYm9vbGVhbiB7XG4gIHJldHVybiBzID09PSB1bmRlZmluZWQ7XG59XG5mdW5jdGlvbiBpc0RlZjxBPihzOiBBKTogcyBpcyBOb25VbmRlZmluZWQ8QT4ge1xuICByZXR1cm4gcyAhPT0gdW5kZWZpbmVkO1xufVxuXG50eXBlIFZOb2RlUXVldWUgPSBWTm9kZVtdO1xuXG5jb25zdCBlbXB0eU5vZGUgPSB2bm9kZShcIlwiLCB7fSwgW10sIHVuZGVmaW5lZCwgdW5kZWZpbmVkKTtcblxuZnVuY3Rpb24gc2FtZVZub2RlKHZub2RlMTogVk5vZGUsIHZub2RlMjogVk5vZGUpOiBib29sZWFuIHtcbiAgY29uc3QgaXNTYW1lS2V5ID0gdm5vZGUxLmtleSA9PT0gdm5vZGUyLmtleTtcbiAgY29uc3QgaXNTYW1lSXMgPSB2bm9kZTEuZGF0YT8uaXMgPT09IHZub2RlMi5kYXRhPy5pcztcbiAgY29uc3QgaXNTYW1lU2VsID0gdm5vZGUxLnNlbCA9PT0gdm5vZGUyLnNlbDtcblxuICByZXR1cm4gaXNTYW1lU2VsICYmIGlzU2FtZUtleSAmJiBpc1NhbWVJcztcbn1cblxuLyoqXG4gKiBAdG9kbyBSZW1vdmUgdGhpcyBmdW5jdGlvbiB3aGVuIHRoZSBkb2N1bWVudCBmcmFnbWVudCBpcyBjb25zaWRlcmVkIHN0YWJsZS5cbiAqL1xuZnVuY3Rpb24gZG9jdW1lbnRGcmFnbWVudElzTm90U3VwcG9ydGVkKCk6IG5ldmVyIHtcbiAgdGhyb3cgbmV3IEVycm9yKFwiVGhlIGRvY3VtZW50IGZyYWdtZW50IGlzIG5vdCBzdXBwb3J0ZWQgb24gdGhpcyBwbGF0Zm9ybS5cIik7XG59XG5cbmZ1bmN0aW9uIGlzRWxlbWVudChcbiAgYXBpOiBET01BUEksXG4gIHZub2RlOiBFbGVtZW50IHwgRG9jdW1lbnRGcmFnbWVudCB8IFZOb2RlXG4pOiB2bm9kZSBpcyBFbGVtZW50IHtcbiAgcmV0dXJuIGFwaS5pc0VsZW1lbnQodm5vZGUgYXMgYW55KTtcbn1cblxuZnVuY3Rpb24gaXNEb2N1bWVudEZyYWdtZW50KFxuICBhcGk6IERPTUFQSSxcbiAgdm5vZGU6IERvY3VtZW50RnJhZ21lbnQgfCBWTm9kZVxuKTogdm5vZGUgaXMgRG9jdW1lbnRGcmFnbWVudCB7XG4gIHJldHVybiBhcGkuaXNEb2N1bWVudEZyYWdtZW50ISh2bm9kZSBhcyBhbnkpO1xufVxuXG50eXBlIEtleVRvSW5kZXhNYXAgPSB7IFtrZXk6IHN0cmluZ106IG51bWJlciB9O1xuXG50eXBlIEFycmF5c09mPFQ+ID0ge1xuICBbSyBpbiBrZXlvZiBUXTogQXJyYXk8VFtLXT47XG59O1xuXG50eXBlIE1vZHVsZUhvb2tzID0gQXJyYXlzT2Y8UmVxdWlyZWQ8TW9kdWxlPj47XG5cbmZ1bmN0aW9uIGNyZWF0ZUtleVRvT2xkSWR4KFxuICBjaGlsZHJlbjogVk5vZGVbXSxcbiAgYmVnaW5JZHg6IG51bWJlcixcbiAgZW5kSWR4OiBudW1iZXJcbik6IEtleVRvSW5kZXhNYXAge1xuICBjb25zdCBtYXA6IEtleVRvSW5kZXhNYXAgPSB7fTtcbiAgZm9yIChsZXQgaSA9IGJlZ2luSWR4OyBpIDw9IGVuZElkeDsgKytpKSB7XG4gICAgY29uc3Qga2V5ID0gY2hpbGRyZW5baV0/LmtleTtcbiAgICBpZiAoa2V5ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIG1hcFtrZXkgYXMgc3RyaW5nXSA9IGk7XG4gICAgfVxuICB9XG4gIHJldHVybiBtYXA7XG59XG5cbmNvbnN0IGhvb2tzOiBBcnJheTxrZXlvZiBNb2R1bGU+ID0gW1xuICBcImNyZWF0ZVwiLFxuICBcInVwZGF0ZVwiLFxuICBcInJlbW92ZVwiLFxuICBcImRlc3Ryb3lcIixcbiAgXCJwcmVcIixcbiAgXCJwb3N0XCIsXG5dO1xuXG4vLyBUT0RPIFNob3VsZCBgZG9tQXBpYCBiZSBwdXQgaW50byB0aGlzIGluIHRoZSBuZXh0IG1ham9yIHZlcnNpb24gYnVtcD9cbnR5cGUgT3B0aW9ucyA9IHtcbiAgZXhwZXJpbWVudGFsPzoge1xuICAgIGZyYWdtZW50cz86IGJvb2xlYW47XG4gIH07XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gaW5pdChcbiAgbW9kdWxlczogQXJyYXk8UGFydGlhbDxNb2R1bGU+PixcbiAgZG9tQXBpPzogRE9NQVBJLFxuICBvcHRpb25zPzogT3B0aW9uc1xuKSB7XG4gIGNvbnN0IGNiczogTW9kdWxlSG9va3MgPSB7XG4gICAgY3JlYXRlOiBbXSxcbiAgICB1cGRhdGU6IFtdLFxuICAgIHJlbW92ZTogW10sXG4gICAgZGVzdHJveTogW10sXG4gICAgcHJlOiBbXSxcbiAgICBwb3N0OiBbXSxcbiAgfTtcblxuICBjb25zdCBhcGk6IERPTUFQSSA9IGRvbUFwaSAhPT0gdW5kZWZpbmVkID8gZG9tQXBpIDogaHRtbERvbUFwaTtcblxuICBmb3IgKGNvbnN0IGhvb2sgb2YgaG9va3MpIHtcbiAgICBmb3IgKGNvbnN0IG1vZHVsZSBvZiBtb2R1bGVzKSB7XG4gICAgICBjb25zdCBjdXJyZW50SG9vayA9IG1vZHVsZVtob29rXTtcbiAgICAgIGlmIChjdXJyZW50SG9vayAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIChjYnNbaG9va10gYXMgYW55W10pLnB1c2goY3VycmVudEhvb2spO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIGVtcHR5Tm9kZUF0KGVsbTogRWxlbWVudCkge1xuICAgIGNvbnN0IGlkID0gZWxtLmlkID8gXCIjXCIgKyBlbG0uaWQgOiBcIlwiO1xuXG4gICAgLy8gZWxtLmNsYXNzTmFtZSBkb2Vzbid0IHJldHVybiBhIHN0cmluZyB3aGVuIGVsbSBpcyBhbiBTVkcgZWxlbWVudCBpbnNpZGUgYSBzaGFkb3dSb290LlxuICAgIC8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vcXVlc3Rpb25zLzI5NDU0MzQwL2RldGVjdGluZy1jbGFzc25hbWUtb2Ytc3ZnYW5pbWF0ZWRzdHJpbmdcbiAgICBjb25zdCBjbGFzc2VzID0gZWxtLmdldEF0dHJpYnV0ZShcImNsYXNzXCIpO1xuXG4gICAgY29uc3QgYyA9IGNsYXNzZXMgPyBcIi5cIiArIGNsYXNzZXMuc3BsaXQoXCIgXCIpLmpvaW4oXCIuXCIpIDogXCJcIjtcbiAgICByZXR1cm4gdm5vZGUoXG4gICAgICBhcGkudGFnTmFtZShlbG0pLnRvTG93ZXJDYXNlKCkgKyBpZCArIGMsXG4gICAgICB7fSxcbiAgICAgIFtdLFxuICAgICAgdW5kZWZpbmVkLFxuICAgICAgZWxtXG4gICAgKTtcbiAgfVxuXG4gIGZ1bmN0aW9uIGVtcHR5RG9jdW1lbnRGcmFnbWVudEF0KGZyYWc6IERvY3VtZW50RnJhZ21lbnQpIHtcbiAgICByZXR1cm4gdm5vZGUodW5kZWZpbmVkLCB7fSwgW10sIHVuZGVmaW5lZCwgZnJhZyk7XG4gIH1cblxuICBmdW5jdGlvbiBjcmVhdGVSbUNiKGNoaWxkRWxtOiBOb2RlLCBsaXN0ZW5lcnM6IG51bWJlcikge1xuICAgIHJldHVybiBmdW5jdGlvbiBybUNiKCkge1xuICAgICAgaWYgKC0tbGlzdGVuZXJzID09PSAwKSB7XG4gICAgICAgIGNvbnN0IHBhcmVudCA9IGFwaS5wYXJlbnROb2RlKGNoaWxkRWxtKSBhcyBOb2RlO1xuICAgICAgICBhcGkucmVtb3ZlQ2hpbGQocGFyZW50LCBjaGlsZEVsbSk7XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIGZ1bmN0aW9uIGNyZWF0ZUVsbSh2bm9kZTogVk5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZTogVk5vZGVRdWV1ZSk6IE5vZGUge1xuICAgIGxldCBpOiBhbnk7XG4gICAgbGV0IGRhdGEgPSB2bm9kZS5kYXRhO1xuICAgIGlmIChkYXRhICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGNvbnN0IGluaXQgPSBkYXRhLmhvb2s/LmluaXQ7XG4gICAgICBpZiAoaXNEZWYoaW5pdCkpIHtcbiAgICAgICAgaW5pdCh2bm9kZSk7XG4gICAgICAgIGRhdGEgPSB2bm9kZS5kYXRhO1xuICAgICAgfVxuICAgIH1cbiAgICBjb25zdCBjaGlsZHJlbiA9IHZub2RlLmNoaWxkcmVuO1xuICAgIGNvbnN0IHNlbCA9IHZub2RlLnNlbDtcbiAgICBpZiAoc2VsID09PSBcIiFcIikge1xuICAgICAgaWYgKGlzVW5kZWYodm5vZGUudGV4dCkpIHtcbiAgICAgICAgdm5vZGUudGV4dCA9IFwiXCI7XG4gICAgICB9XG4gICAgICB2bm9kZS5lbG0gPSBhcGkuY3JlYXRlQ29tbWVudCh2bm9kZS50ZXh0ISk7XG4gICAgfSBlbHNlIGlmIChzZWwgIT09IHVuZGVmaW5lZCkge1xuICAgICAgLy8gUGFyc2Ugc2VsZWN0b3JcbiAgICAgIGNvbnN0IGhhc2hJZHggPSBzZWwuaW5kZXhPZihcIiNcIik7XG4gICAgICBjb25zdCBkb3RJZHggPSBzZWwuaW5kZXhPZihcIi5cIiwgaGFzaElkeCk7XG4gICAgICBjb25zdCBoYXNoID0gaGFzaElkeCA+IDAgPyBoYXNoSWR4IDogc2VsLmxlbmd0aDtcbiAgICAgIGNvbnN0IGRvdCA9IGRvdElkeCA+IDAgPyBkb3RJZHggOiBzZWwubGVuZ3RoO1xuICAgICAgY29uc3QgdGFnID1cbiAgICAgICAgaGFzaElkeCAhPT0gLTEgfHwgZG90SWR4ICE9PSAtMVxuICAgICAgICAgID8gc2VsLnNsaWNlKDAsIE1hdGgubWluKGhhc2gsIGRvdCkpXG4gICAgICAgICAgOiBzZWw7XG4gICAgICBjb25zdCBlbG0gPSAodm5vZGUuZWxtID1cbiAgICAgICAgaXNEZWYoZGF0YSkgJiYgaXNEZWYoKGkgPSBkYXRhLm5zKSlcbiAgICAgICAgICA/IGFwaS5jcmVhdGVFbGVtZW50TlMoaSwgdGFnLCBkYXRhKVxuICAgICAgICAgIDogYXBpLmNyZWF0ZUVsZW1lbnQodGFnLCBkYXRhKSk7XG4gICAgICBpZiAoaGFzaCA8IGRvdCkgZWxtLnNldEF0dHJpYnV0ZShcImlkXCIsIHNlbC5zbGljZShoYXNoICsgMSwgZG90KSk7XG4gICAgICBpZiAoZG90SWR4ID4gMClcbiAgICAgICAgZWxtLnNldEF0dHJpYnV0ZShcImNsYXNzXCIsIHNlbC5zbGljZShkb3QgKyAxKS5yZXBsYWNlKC9cXC4vZywgXCIgXCIpKTtcbiAgICAgIGZvciAoaSA9IDA7IGkgPCBjYnMuY3JlYXRlLmxlbmd0aDsgKytpKSBjYnMuY3JlYXRlW2ldKGVtcHR5Tm9kZSwgdm5vZGUpO1xuICAgICAgaWYgKGlzLmFycmF5KGNoaWxkcmVuKSkge1xuICAgICAgICBmb3IgKGkgPSAwOyBpIDwgY2hpbGRyZW4ubGVuZ3RoOyArK2kpIHtcbiAgICAgICAgICBjb25zdCBjaCA9IGNoaWxkcmVuW2ldO1xuICAgICAgICAgIGlmIChjaCAhPSBudWxsKSB7XG4gICAgICAgICAgICBhcGkuYXBwZW5kQ2hpbGQoZWxtLCBjcmVhdGVFbG0oY2ggYXMgVk5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSkpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChpcy5wcmltaXRpdmUodm5vZGUudGV4dCkpIHtcbiAgICAgICAgYXBpLmFwcGVuZENoaWxkKGVsbSwgYXBpLmNyZWF0ZVRleHROb2RlKHZub2RlLnRleHQpKTtcbiAgICAgIH1cbiAgICAgIGNvbnN0IGhvb2sgPSB2bm9kZS5kYXRhIS5ob29rO1xuICAgICAgaWYgKGlzRGVmKGhvb2spKSB7XG4gICAgICAgIGhvb2suY3JlYXRlPy4oZW1wdHlOb2RlLCB2bm9kZSk7XG4gICAgICAgIGlmIChob29rLmluc2VydCkge1xuICAgICAgICAgIGluc2VydGVkVm5vZGVRdWV1ZS5wdXNoKHZub2RlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAob3B0aW9ucz8uZXhwZXJpbWVudGFsPy5mcmFnbWVudHMgJiYgdm5vZGUuY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IGNoaWxkcmVuID0gdm5vZGUuY2hpbGRyZW47XG4gICAgICB2bm9kZS5lbG0gPSAoXG4gICAgICAgIGFwaS5jcmVhdGVEb2N1bWVudEZyYWdtZW50ID8/IGRvY3VtZW50RnJhZ21lbnRJc05vdFN1cHBvcnRlZFxuICAgICAgKSgpO1xuICAgICAgZm9yIChpID0gMDsgaSA8IGNicy5jcmVhdGUubGVuZ3RoOyArK2kpIGNicy5jcmVhdGVbaV0oZW1wdHlOb2RlLCB2bm9kZSk7XG4gICAgICBmb3IgKGkgPSAwOyBpIDwgY2hpbGRyZW4ubGVuZ3RoOyArK2kpIHtcbiAgICAgICAgY29uc3QgY2ggPSBjaGlsZHJlbltpXTtcbiAgICAgICAgaWYgKGNoICE9IG51bGwpIHtcbiAgICAgICAgICBhcGkuYXBwZW5kQ2hpbGQoXG4gICAgICAgICAgICB2bm9kZS5lbG0sXG4gICAgICAgICAgICBjcmVhdGVFbG0oY2ggYXMgVk5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSlcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHZub2RlLmVsbSA9IGFwaS5jcmVhdGVUZXh0Tm9kZSh2bm9kZS50ZXh0ISk7XG4gICAgfVxuICAgIHJldHVybiB2bm9kZS5lbG07XG4gIH1cblxuICBmdW5jdGlvbiBhZGRWbm9kZXMoXG4gICAgcGFyZW50RWxtOiBOb2RlLFxuICAgIGJlZm9yZTogTm9kZSB8IG51bGwsXG4gICAgdm5vZGVzOiBWTm9kZVtdLFxuICAgIHN0YXJ0SWR4OiBudW1iZXIsXG4gICAgZW5kSWR4OiBudW1iZXIsXG4gICAgaW5zZXJ0ZWRWbm9kZVF1ZXVlOiBWTm9kZVF1ZXVlXG4gICkge1xuICAgIGZvciAoOyBzdGFydElkeCA8PSBlbmRJZHg7ICsrc3RhcnRJZHgpIHtcbiAgICAgIGNvbnN0IGNoID0gdm5vZGVzW3N0YXJ0SWR4XTtcbiAgICAgIGlmIChjaCAhPSBudWxsKSB7XG4gICAgICAgIGFwaS5pbnNlcnRCZWZvcmUocGFyZW50RWxtLCBjcmVhdGVFbG0oY2gsIGluc2VydGVkVm5vZGVRdWV1ZSksIGJlZm9yZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gaW52b2tlRGVzdHJveUhvb2sodm5vZGU6IFZOb2RlKSB7XG4gICAgY29uc3QgZGF0YSA9IHZub2RlLmRhdGE7XG4gICAgaWYgKGRhdGEgIT09IHVuZGVmaW5lZCkge1xuICAgICAgZGF0YT8uaG9vaz8uZGVzdHJveT8uKHZub2RlKTtcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2JzLmRlc3Ryb3kubGVuZ3RoOyArK2kpIGNicy5kZXN0cm95W2ldKHZub2RlKTtcbiAgICAgIGlmICh2bm9kZS5jaGlsZHJlbiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGZvciAobGV0IGogPSAwOyBqIDwgdm5vZGUuY2hpbGRyZW4ubGVuZ3RoOyArK2opIHtcbiAgICAgICAgICBjb25zdCBjaGlsZCA9IHZub2RlLmNoaWxkcmVuW2pdO1xuICAgICAgICAgIGlmIChjaGlsZCAhPSBudWxsICYmIHR5cGVvZiBjaGlsZCAhPT0gXCJzdHJpbmdcIikge1xuICAgICAgICAgICAgaW52b2tlRGVzdHJveUhvb2soY2hpbGQpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIHJlbW92ZVZub2RlcyhcbiAgICBwYXJlbnRFbG06IE5vZGUsXG4gICAgdm5vZGVzOiBWTm9kZVtdLFxuICAgIHN0YXJ0SWR4OiBudW1iZXIsXG4gICAgZW5kSWR4OiBudW1iZXJcbiAgKTogdm9pZCB7XG4gICAgZm9yICg7IHN0YXJ0SWR4IDw9IGVuZElkeDsgKytzdGFydElkeCkge1xuICAgICAgbGV0IGxpc3RlbmVyczogbnVtYmVyO1xuICAgICAgbGV0IHJtOiAoKSA9PiB2b2lkO1xuICAgICAgY29uc3QgY2ggPSB2bm9kZXNbc3RhcnRJZHhdO1xuICAgICAgaWYgKGNoICE9IG51bGwpIHtcbiAgICAgICAgaWYgKGlzRGVmKGNoLnNlbCkpIHtcbiAgICAgICAgICBpbnZva2VEZXN0cm95SG9vayhjaCk7XG4gICAgICAgICAgbGlzdGVuZXJzID0gY2JzLnJlbW92ZS5sZW5ndGggKyAxO1xuICAgICAgICAgIHJtID0gY3JlYXRlUm1DYihjaC5lbG0hLCBsaXN0ZW5lcnMpO1xuICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2JzLnJlbW92ZS5sZW5ndGg7ICsraSkgY2JzLnJlbW92ZVtpXShjaCwgcm0pO1xuICAgICAgICAgIGNvbnN0IHJlbW92ZUhvb2sgPSBjaD8uZGF0YT8uaG9vaz8ucmVtb3ZlO1xuICAgICAgICAgIGlmIChpc0RlZihyZW1vdmVIb29rKSkge1xuICAgICAgICAgICAgcmVtb3ZlSG9vayhjaCwgcm0pO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBybSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAvLyBUZXh0IG5vZGVcbiAgICAgICAgICBhcGkucmVtb3ZlQ2hpbGQocGFyZW50RWxtLCBjaC5lbG0hKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIHVwZGF0ZUNoaWxkcmVuKFxuICAgIHBhcmVudEVsbTogTm9kZSxcbiAgICBvbGRDaDogVk5vZGVbXSxcbiAgICBuZXdDaDogVk5vZGVbXSxcbiAgICBpbnNlcnRlZFZub2RlUXVldWU6IFZOb2RlUXVldWVcbiAgKSB7XG4gICAgbGV0IG9sZFN0YXJ0SWR4ID0gMDtcbiAgICBsZXQgbmV3U3RhcnRJZHggPSAwO1xuICAgIGxldCBvbGRFbmRJZHggPSBvbGRDaC5sZW5ndGggLSAxO1xuICAgIGxldCBvbGRTdGFydFZub2RlID0gb2xkQ2hbMF07XG4gICAgbGV0IG9sZEVuZFZub2RlID0gb2xkQ2hbb2xkRW5kSWR4XTtcbiAgICBsZXQgbmV3RW5kSWR4ID0gbmV3Q2gubGVuZ3RoIC0gMTtcbiAgICBsZXQgbmV3U3RhcnRWbm9kZSA9IG5ld0NoWzBdO1xuICAgIGxldCBuZXdFbmRWbm9kZSA9IG5ld0NoW25ld0VuZElkeF07XG4gICAgbGV0IG9sZEtleVRvSWR4OiBLZXlUb0luZGV4TWFwIHwgdW5kZWZpbmVkO1xuICAgIGxldCBpZHhJbk9sZDogbnVtYmVyO1xuICAgIGxldCBlbG1Ub01vdmU6IFZOb2RlO1xuICAgIGxldCBiZWZvcmU6IGFueTtcblxuICAgIHdoaWxlIChvbGRTdGFydElkeCA8PSBvbGRFbmRJZHggJiYgbmV3U3RhcnRJZHggPD0gbmV3RW5kSWR4KSB7XG4gICAgICBpZiAob2xkU3RhcnRWbm9kZSA9PSBudWxsKSB7XG4gICAgICAgIG9sZFN0YXJ0Vm5vZGUgPSBvbGRDaFsrK29sZFN0YXJ0SWR4XTsgLy8gVm5vZGUgbWlnaHQgaGF2ZSBiZWVuIG1vdmVkIGxlZnRcbiAgICAgIH0gZWxzZSBpZiAob2xkRW5kVm5vZGUgPT0gbnVsbCkge1xuICAgICAgICBvbGRFbmRWbm9kZSA9IG9sZENoWy0tb2xkRW5kSWR4XTtcbiAgICAgIH0gZWxzZSBpZiAobmV3U3RhcnRWbm9kZSA9PSBudWxsKSB7XG4gICAgICAgIG5ld1N0YXJ0Vm5vZGUgPSBuZXdDaFsrK25ld1N0YXJ0SWR4XTtcbiAgICAgIH0gZWxzZSBpZiAobmV3RW5kVm5vZGUgPT0gbnVsbCkge1xuICAgICAgICBuZXdFbmRWbm9kZSA9IG5ld0NoWy0tbmV3RW5kSWR4XTtcbiAgICAgIH0gZWxzZSBpZiAoc2FtZVZub2RlKG9sZFN0YXJ0Vm5vZGUsIG5ld1N0YXJ0Vm5vZGUpKSB7XG4gICAgICAgIHBhdGNoVm5vZGUob2xkU3RhcnRWbm9kZSwgbmV3U3RhcnRWbm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgICAgb2xkU3RhcnRWbm9kZSA9IG9sZENoWysrb2xkU3RhcnRJZHhdO1xuICAgICAgICBuZXdTdGFydFZub2RlID0gbmV3Q2hbKytuZXdTdGFydElkeF07XG4gICAgICB9IGVsc2UgaWYgKHNhbWVWbm9kZShvbGRFbmRWbm9kZSwgbmV3RW5kVm5vZGUpKSB7XG4gICAgICAgIHBhdGNoVm5vZGUob2xkRW5kVm5vZGUsIG5ld0VuZFZub2RlLCBpbnNlcnRlZFZub2RlUXVldWUpO1xuICAgICAgICBvbGRFbmRWbm9kZSA9IG9sZENoWy0tb2xkRW5kSWR4XTtcbiAgICAgICAgbmV3RW5kVm5vZGUgPSBuZXdDaFstLW5ld0VuZElkeF07XG4gICAgICB9IGVsc2UgaWYgKHNhbWVWbm9kZShvbGRTdGFydFZub2RlLCBuZXdFbmRWbm9kZSkpIHtcbiAgICAgICAgLy8gVm5vZGUgbW92ZWQgcmlnaHRcbiAgICAgICAgcGF0Y2hWbm9kZShvbGRTdGFydFZub2RlLCBuZXdFbmRWbm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgICAgYXBpLmluc2VydEJlZm9yZShcbiAgICAgICAgICBwYXJlbnRFbG0sXG4gICAgICAgICAgb2xkU3RhcnRWbm9kZS5lbG0hLFxuICAgICAgICAgIGFwaS5uZXh0U2libGluZyhvbGRFbmRWbm9kZS5lbG0hKVxuICAgICAgICApO1xuICAgICAgICBvbGRTdGFydFZub2RlID0gb2xkQ2hbKytvbGRTdGFydElkeF07XG4gICAgICAgIG5ld0VuZFZub2RlID0gbmV3Q2hbLS1uZXdFbmRJZHhdO1xuICAgICAgfSBlbHNlIGlmIChzYW1lVm5vZGUob2xkRW5kVm5vZGUsIG5ld1N0YXJ0Vm5vZGUpKSB7XG4gICAgICAgIC8vIFZub2RlIG1vdmVkIGxlZnRcbiAgICAgICAgcGF0Y2hWbm9kZShvbGRFbmRWbm9kZSwgbmV3U3RhcnRWbm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgICAgYXBpLmluc2VydEJlZm9yZShwYXJlbnRFbG0sIG9sZEVuZFZub2RlLmVsbSEsIG9sZFN0YXJ0Vm5vZGUuZWxtISk7XG4gICAgICAgIG9sZEVuZFZub2RlID0gb2xkQ2hbLS1vbGRFbmRJZHhdO1xuICAgICAgICBuZXdTdGFydFZub2RlID0gbmV3Q2hbKytuZXdTdGFydElkeF07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob2xkS2V5VG9JZHggPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIG9sZEtleVRvSWR4ID0gY3JlYXRlS2V5VG9PbGRJZHgob2xkQ2gsIG9sZFN0YXJ0SWR4LCBvbGRFbmRJZHgpO1xuICAgICAgICB9XG4gICAgICAgIGlkeEluT2xkID0gb2xkS2V5VG9JZHhbbmV3U3RhcnRWbm9kZS5rZXkgYXMgc3RyaW5nXTtcbiAgICAgICAgaWYgKGlzVW5kZWYoaWR4SW5PbGQpKSB7XG4gICAgICAgICAgLy8gTmV3IGVsZW1lbnRcbiAgICAgICAgICBhcGkuaW5zZXJ0QmVmb3JlKFxuICAgICAgICAgICAgcGFyZW50RWxtLFxuICAgICAgICAgICAgY3JlYXRlRWxtKG5ld1N0YXJ0Vm5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSksXG4gICAgICAgICAgICBvbGRTdGFydFZub2RlLmVsbSFcbiAgICAgICAgICApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGVsbVRvTW92ZSA9IG9sZENoW2lkeEluT2xkXTtcbiAgICAgICAgICBpZiAoZWxtVG9Nb3ZlLnNlbCAhPT0gbmV3U3RhcnRWbm9kZS5zZWwpIHtcbiAgICAgICAgICAgIGFwaS5pbnNlcnRCZWZvcmUoXG4gICAgICAgICAgICAgIHBhcmVudEVsbSxcbiAgICAgICAgICAgICAgY3JlYXRlRWxtKG5ld1N0YXJ0Vm5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSksXG4gICAgICAgICAgICAgIG9sZFN0YXJ0Vm5vZGUuZWxtIVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcGF0Y2hWbm9kZShlbG1Ub01vdmUsIG5ld1N0YXJ0Vm5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSk7XG4gICAgICAgICAgICBvbGRDaFtpZHhJbk9sZF0gPSB1bmRlZmluZWQgYXMgYW55O1xuICAgICAgICAgICAgYXBpLmluc2VydEJlZm9yZShwYXJlbnRFbG0sIGVsbVRvTW92ZS5lbG0hLCBvbGRTdGFydFZub2RlLmVsbSEpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBuZXdTdGFydFZub2RlID0gbmV3Q2hbKytuZXdTdGFydElkeF07XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKG5ld1N0YXJ0SWR4IDw9IG5ld0VuZElkeCkge1xuICAgICAgYmVmb3JlID0gbmV3Q2hbbmV3RW5kSWR4ICsgMV0gPT0gbnVsbCA/IG51bGwgOiBuZXdDaFtuZXdFbmRJZHggKyAxXS5lbG07XG4gICAgICBhZGRWbm9kZXMoXG4gICAgICAgIHBhcmVudEVsbSxcbiAgICAgICAgYmVmb3JlLFxuICAgICAgICBuZXdDaCxcbiAgICAgICAgbmV3U3RhcnRJZHgsXG4gICAgICAgIG5ld0VuZElkeCxcbiAgICAgICAgaW5zZXJ0ZWRWbm9kZVF1ZXVlXG4gICAgICApO1xuICAgIH1cbiAgICBpZiAob2xkU3RhcnRJZHggPD0gb2xkRW5kSWR4KSB7XG4gICAgICByZW1vdmVWbm9kZXMocGFyZW50RWxtLCBvbGRDaCwgb2xkU3RhcnRJZHgsIG9sZEVuZElkeCk7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gcGF0Y2hWbm9kZShcbiAgICBvbGRWbm9kZTogVk5vZGUsXG4gICAgdm5vZGU6IFZOb2RlLFxuICAgIGluc2VydGVkVm5vZGVRdWV1ZTogVk5vZGVRdWV1ZVxuICApIHtcbiAgICBjb25zdCBob29rID0gdm5vZGUuZGF0YT8uaG9vaztcbiAgICBob29rPy5wcmVwYXRjaD8uKG9sZFZub2RlLCB2bm9kZSk7XG4gICAgY29uc3QgZWxtID0gKHZub2RlLmVsbSA9IG9sZFZub2RlLmVsbSkhO1xuICAgIGNvbnN0IG9sZENoID0gb2xkVm5vZGUuY2hpbGRyZW4gYXMgVk5vZGVbXTtcbiAgICBjb25zdCBjaCA9IHZub2RlLmNoaWxkcmVuIGFzIFZOb2RlW107XG4gICAgaWYgKG9sZFZub2RlID09PSB2bm9kZSkgcmV0dXJuO1xuICAgIGlmICh2bm9kZS5kYXRhICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2JzLnVwZGF0ZS5sZW5ndGg7ICsraSlcbiAgICAgICAgY2JzLnVwZGF0ZVtpXShvbGRWbm9kZSwgdm5vZGUpO1xuICAgICAgdm5vZGUuZGF0YS5ob29rPy51cGRhdGU/LihvbGRWbm9kZSwgdm5vZGUpO1xuICAgIH1cbiAgICBpZiAoaXNVbmRlZih2bm9kZS50ZXh0KSkge1xuICAgICAgaWYgKGlzRGVmKG9sZENoKSAmJiBpc0RlZihjaCkpIHtcbiAgICAgICAgaWYgKG9sZENoICE9PSBjaCkgdXBkYXRlQ2hpbGRyZW4oZWxtLCBvbGRDaCwgY2gsIGluc2VydGVkVm5vZGVRdWV1ZSk7XG4gICAgICB9IGVsc2UgaWYgKGlzRGVmKGNoKSkge1xuICAgICAgICBpZiAoaXNEZWYob2xkVm5vZGUudGV4dCkpIGFwaS5zZXRUZXh0Q29udGVudChlbG0sIFwiXCIpO1xuICAgICAgICBhZGRWbm9kZXMoZWxtLCBudWxsLCBjaCwgMCwgY2gubGVuZ3RoIC0gMSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgIH0gZWxzZSBpZiAoaXNEZWYob2xkQ2gpKSB7XG4gICAgICAgIHJlbW92ZVZub2RlcyhlbG0sIG9sZENoLCAwLCBvbGRDaC5sZW5ndGggLSAxKTtcbiAgICAgIH0gZWxzZSBpZiAoaXNEZWYob2xkVm5vZGUudGV4dCkpIHtcbiAgICAgICAgYXBpLnNldFRleHRDb250ZW50KGVsbSwgXCJcIik7XG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChvbGRWbm9kZS50ZXh0ICE9PSB2bm9kZS50ZXh0KSB7XG4gICAgICBpZiAoaXNEZWYob2xkQ2gpKSB7XG4gICAgICAgIHJlbW92ZVZub2RlcyhlbG0sIG9sZENoLCAwLCBvbGRDaC5sZW5ndGggLSAxKTtcbiAgICAgIH1cbiAgICAgIGFwaS5zZXRUZXh0Q29udGVudChlbG0sIHZub2RlLnRleHQhKTtcbiAgICB9XG4gICAgaG9vaz8ucG9zdHBhdGNoPy4ob2xkVm5vZGUsIHZub2RlKTtcbiAgfVxuXG4gIHJldHVybiBmdW5jdGlvbiBwYXRjaChcbiAgICBvbGRWbm9kZTogVk5vZGUgfCBFbGVtZW50IHwgRG9jdW1lbnRGcmFnbWVudCxcbiAgICB2bm9kZTogVk5vZGVcbiAgKTogVk5vZGUge1xuICAgIGxldCBpOiBudW1iZXIsIGVsbTogTm9kZSwgcGFyZW50OiBOb2RlO1xuICAgIGNvbnN0IGluc2VydGVkVm5vZGVRdWV1ZTogVk5vZGVRdWV1ZSA9IFtdO1xuICAgIGZvciAoaSA9IDA7IGkgPCBjYnMucHJlLmxlbmd0aDsgKytpKSBjYnMucHJlW2ldKCk7XG5cbiAgICBpZiAoaXNFbGVtZW50KGFwaSwgb2xkVm5vZGUpKSB7XG4gICAgICBvbGRWbm9kZSA9IGVtcHR5Tm9kZUF0KG9sZFZub2RlKTtcbiAgICB9IGVsc2UgaWYgKGlzRG9jdW1lbnRGcmFnbWVudChhcGksIG9sZFZub2RlKSkge1xuICAgICAgb2xkVm5vZGUgPSBlbXB0eURvY3VtZW50RnJhZ21lbnRBdChvbGRWbm9kZSk7XG4gICAgfVxuXG4gICAgaWYgKHNhbWVWbm9kZShvbGRWbm9kZSwgdm5vZGUpKSB7XG4gICAgICBwYXRjaFZub2RlKG9sZFZub2RlLCB2bm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZWxtID0gb2xkVm5vZGUuZWxtITtcbiAgICAgIHBhcmVudCA9IGFwaS5wYXJlbnROb2RlKGVsbSkgYXMgTm9kZTtcblxuICAgICAgY3JlYXRlRWxtKHZub2RlLCBpbnNlcnRlZFZub2RlUXVldWUpO1xuXG4gICAgICBpZiAocGFyZW50ICE9PSBudWxsKSB7XG4gICAgICAgIGFwaS5pbnNlcnRCZWZvcmUocGFyZW50LCB2bm9kZS5lbG0hLCBhcGkubmV4dFNpYmxpbmcoZWxtKSk7XG4gICAgICAgIHJlbW92ZVZub2RlcyhwYXJlbnQsIFtvbGRWbm9kZV0sIDAsIDApO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAoaSA9IDA7IGkgPCBpbnNlcnRlZFZub2RlUXVldWUubGVuZ3RoOyArK2kpIHtcbiAgICAgIGluc2VydGVkVm5vZGVRdWV1ZVtpXS5kYXRhIS5ob29rIS5pbnNlcnQhKGluc2VydGVkVm5vZGVRdWV1ZVtpXSk7XG4gICAgfVxuICAgIGZvciAoaSA9IDA7IGkgPCBjYnMucG9zdC5sZW5ndGg7ICsraSkgY2JzLnBvc3RbaV0oKTtcbiAgICByZXR1cm4gdm5vZGU7XG4gIH07XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/init.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/is.js":
+/*!********************************************!*\
+  !*** ../node_modules/snabbdom/build/is.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"array\": () => (/* binding */ array),\n/* harmony export */   \"primitive\": () => (/* binding */ primitive)\n/* harmony export */ });\nconst array = Array.isArray;\nfunction primitive(s) {\n    return typeof s === \"string\" ||\n        typeof s === \"number\" ||\n        s instanceof String ||\n        s instanceof Number;\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2lzLmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7O0FBQU8sTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztBQUM1QixTQUFTLFNBQVMsQ0FBQyxDQUFNO0lBQzlCLE9BQU8sT0FBTyxDQUFDLEtBQUssUUFBUTtRQUMxQixPQUFPLENBQUMsS0FBSyxRQUFRO1FBQ3JCLENBQUMsWUFBWSxNQUFNO1FBQ25CLENBQUMsWUFBWSxNQUFNLENBQUM7QUFDeEIsQ0FBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL2lzLnRzP2M4NGIiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGFycmF5ID0gQXJyYXkuaXNBcnJheTtcbmV4cG9ydCBmdW5jdGlvbiBwcmltaXRpdmUoczogYW55KTogcyBpcyBzdHJpbmcgfCBudW1iZXIge1xuICByZXR1cm4gdHlwZW9mIHMgPT09IFwic3RyaW5nXCIgfHxcbiAgICB0eXBlb2YgcyA9PT0gXCJudW1iZXJcIiB8fFxuICAgIHMgaW5zdGFuY2VvZiBTdHJpbmcgfHxcbiAgICBzIGluc3RhbmNlb2YgTnVtYmVyO1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/is.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/jsx.js":
+/*!*********************************************!*\
+  !*** ../node_modules/snabbdom/build/jsx.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Fragment\": () => (/* binding */ Fragment),\n/* harmony export */   \"jsx\": () => (/* binding */ jsx)\n/* harmony export */ });\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n/* eslint-disable @typescript-eslint/no-namespace, import/export */\n\n\nfunction Fragment(data, ...children) {\n    const flatChildren = flattenAndFilter(children, []);\n    if (flatChildren.length === 1 &&\n        !flatChildren[0].sel &&\n        flatChildren[0].text) {\n        // only child is a simple text node, pass as text for a simpler vtree\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, undefined, undefined, flatChildren[0].text, undefined);\n    }\n    else {\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);\n    }\n}\nfunction flattenAndFilter(children, flattened) {\n    for (const child of children) {\n        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart\n        if (child !== undefined &&\n            child !== null &&\n            child !== false &&\n            child !== \"\") {\n            if (Array.isArray(child)) {\n                flattenAndFilter(child, flattened);\n            }\n            else if (typeof child === \"string\" ||\n                typeof child === \"number\" ||\n                typeof child === \"boolean\") {\n                flattened.push((0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, undefined, undefined, String(child), undefined));\n            }\n            else {\n                flattened.push(child);\n            }\n        }\n    }\n    return flattened;\n}\n/**\n * jsx/tsx compatible factory function\n * see: https://www.typescriptlang.org/docs/handbook/jsx.html#factory-functions\n */\nfunction jsx(tag, data, ...children) {\n    const flatChildren = flattenAndFilter(children, []);\n    if (typeof tag === \"function\") {\n        // tag is a function component\n        return tag(data, flatChildren);\n    }\n    else {\n        if (flatChildren.length === 1 &&\n            !flatChildren[0].sel &&\n            flatChildren[0].text) {\n            // only child is a simple text node, pass as text for a simpler vtree\n            return (0,_h__WEBPACK_IMPORTED_MODULE_1__.h)(tag, data, flatChildren[0].text);\n        }\n        else {\n            return (0,_h__WEBPACK_IMPORTED_MODULE_1__.h)(tag, data, flatChildren);\n        }\n    }\n}\n(function (jsx) {\n})(jsx || (jsx = {}));\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,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L3NuYWJiZG9tL3NyYy9qc3gudHM/Yzk0MiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbmFtZXNwYWNlLCBpbXBvcnQvZXhwb3J0ICovXG5pbXBvcnQgeyBLZXksIHZub2RlLCBWTm9kZSwgVk5vZGVEYXRhIH0gZnJvbSBcIi4vdm5vZGVcIjtcbmltcG9ydCB7IGgsIEFycmF5T3JFbGVtZW50IH0gZnJvbSBcIi4vaFwiO1xuXG4vLyBTZWUgaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnL2RvY3MvaGFuZGJvb2svanN4Lmh0bWwjdHlwZS1jaGVja2luZ1xubmFtZXNwYWNlIEpTWEludGVybmFsIHtcbiAgZXhwb3J0IHR5cGUgRWxlbWVudCA9IFZOb2RlO1xuICBleHBvcnQgaW50ZXJmYWNlIEludHJpbnNpY0VsZW1lbnRzIHtcbiAgICBbZWxlbU5hbWU6IHN0cmluZ106IFZOb2RlRGF0YTtcbiAgfVxufVxuXG4vLyBmb3IgY29uZGl0aW9uYWwgcmVuZGVyaW5nIHdlIHN1cHBvcnQgYm9vbGVhbiBjaGlsZCBlbGVtZW50IGUuZyBjb25kICYmIDx0YWcgLz5cbmV4cG9ydCB0eXBlIEpzeFZOb2RlQ2hpbGQgPVxuICB8IFZOb2RlXG4gIHwgc3RyaW5nXG4gIHwgbnVtYmVyXG4gIHwgYm9vbGVhblxuICB8IHVuZGVmaW5lZFxuICB8IG51bGw7XG5leHBvcnQgdHlwZSBKc3hWTm9kZUNoaWxkcmVuID0gQXJyYXlPckVsZW1lbnQ8SnN4Vk5vZGVDaGlsZD47XG5cbmV4cG9ydCB0eXBlIEZ1bmN0aW9uQ29tcG9uZW50ID0gKFxuICBwcm9wczogeyBbcHJvcDogc3RyaW5nXTogYW55IH0gfCBudWxsLFxuICBjaGlsZHJlbj86IFZOb2RlW11cbikgPT4gVk5vZGU7XG5cbmV4cG9ydCBmdW5jdGlvbiBGcmFnbWVudChcbiAgZGF0YTogeyBrZXk/OiBLZXkgfSB8IG51bGwsXG4gIC4uLmNoaWxkcmVuOiBKc3hWTm9kZUNoaWxkcmVuW11cbik6IFZOb2RlIHtcbiAgY29uc3QgZmxhdENoaWxkcmVuID0gZmxhdHRlbkFuZEZpbHRlcihjaGlsZHJlbiwgW10pO1xuXG4gIGlmIChcbiAgICBmbGF0Q2hpbGRyZW4ubGVuZ3RoID09PSAxICYmXG4gICAgIWZsYXRDaGlsZHJlblswXS5zZWwgJiZcbiAgICBmbGF0Q2hpbGRyZW5bMF0udGV4dFxuICApIHtcbiAgICAvLyBvbmx5IGNoaWxkIGlzIGEgc2ltcGxlIHRleHQgbm9kZSwgcGFzcyBhcyB0ZXh0IGZvciBhIHNpbXBsZXIgdnRyZWVcbiAgICByZXR1cm4gdm5vZGUoXG4gICAgICB1bmRlZmluZWQsXG4gICAgICB1bmRlZmluZWQsXG4gICAgICB1bmRlZmluZWQsXG4gICAgICBmbGF0Q2hpbGRyZW5bMF0udGV4dCxcbiAgICAgIHVuZGVmaW5lZFxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIHZub2RlKHVuZGVmaW5lZCwgZGF0YSA/PyB7fSwgZmxhdENoaWxkcmVuLCB1bmRlZmluZWQsIHVuZGVmaW5lZCk7XG4gIH1cbn1cblxuZnVuY3Rpb24gZmxhdHRlbkFuZEZpbHRlcihcbiAgY2hpbGRyZW46IEpzeFZOb2RlQ2hpbGRyZW5bXSxcbiAgZmxhdHRlbmVkOiBWTm9kZVtdXG4pOiBWTm9kZVtdIHtcbiAgZm9yIChjb25zdCBjaGlsZCBvZiBjaGlsZHJlbikge1xuICAgIC8vIGZpbHRlciBvdXQgZmFsc2V5IGNoaWxkcmVuLCBleGNlcHQgMCBzaW5jZSB6ZXJvIGNhbiBiZSBhIHZhbGlkIHZhbHVlIGUuZyBpbnNpZGUgYSBjaGFydFxuICAgIGlmIChcbiAgICAgIGNoaWxkICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIGNoaWxkICE9PSBudWxsICYmXG4gICAgICBjaGlsZCAhPT0gZmFsc2UgJiZcbiAgICAgIGNoaWxkICE9PSBcIlwiXG4gICAgKSB7XG4gICAgICBpZiAoQXJyYXkuaXNBcnJheShjaGlsZCkpIHtcbiAgICAgICAgZmxhdHRlbkFuZEZpbHRlcihjaGlsZCwgZmxhdHRlbmVkKTtcbiAgICAgIH0gZWxzZSBpZiAoXG4gICAgICAgIHR5cGVvZiBjaGlsZCA9PT0gXCJzdHJpbmdcIiB8fFxuICAgICAgICB0eXBlb2YgY2hpbGQgPT09IFwibnVtYmVyXCIgfHxcbiAgICAgICAgdHlwZW9mIGNoaWxkID09PSBcImJvb2xlYW5cIlxuICAgICAgKSB7XG4gICAgICAgIGZsYXR0ZW5lZC5wdXNoKFxuICAgICAgICAgIHZub2RlKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB1bmRlZmluZWQsIFN0cmluZyhjaGlsZCksIHVuZGVmaW5lZClcbiAgICAgICAgKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZsYXR0ZW5lZC5wdXNoKGNoaWxkKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgcmV0dXJuIGZsYXR0ZW5lZDtcbn1cblxuLyoqXG4gKiBqc3gvdHN4IGNvbXBhdGlibGUgZmFjdG9yeSBmdW5jdGlvblxuICogc2VlOiBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay9qc3guaHRtbCNmYWN0b3J5LWZ1bmN0aW9uc1xuICovXG5leHBvcnQgZnVuY3Rpb24ganN4KFxuICB0YWc6IHN0cmluZyB8IEZ1bmN0aW9uQ29tcG9uZW50LFxuICBkYXRhOiBWTm9kZURhdGEgfCBudWxsLFxuICAuLi5jaGlsZHJlbjogSnN4Vk5vZGVDaGlsZHJlbltdXG4pOiBWTm9kZSB7XG4gIGNvbnN0IGZsYXRDaGlsZHJlbiA9IGZsYXR0ZW5BbmRGaWx0ZXIoY2hpbGRyZW4sIFtdKTtcbiAgaWYgKHR5cGVvZiB0YWcgPT09IFwiZnVuY3Rpb25cIikge1xuICAgIC8vIHRhZyBpcyBhIGZ1bmN0aW9uIGNvbXBvbmVudFxuICAgIHJldHVybiB0YWcoZGF0YSwgZmxhdENoaWxkcmVuKTtcbiAgfSBlbHNlIHtcbiAgICBpZiAoXG4gICAgICBmbGF0Q2hpbGRyZW4ubGVuZ3RoID09PSAxICYmXG4gICAgICAhZmxhdENoaWxkcmVuWzBdLnNlbCAmJlxuICAgICAgZmxhdENoaWxkcmVuWzBdLnRleHRcbiAgICApIHtcbiAgICAgIC8vIG9ubHkgY2hpbGQgaXMgYSBzaW1wbGUgdGV4dCBub2RlLCBwYXNzIGFzIHRleHQgZm9yIGEgc2ltcGxlciB2dHJlZVxuICAgICAgcmV0dXJuIGgodGFnLCBkYXRhLCBmbGF0Q2hpbGRyZW5bMF0udGV4dCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBoKHRhZywgZGF0YSwgZmxhdENoaWxkcmVuKTtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBqc3gge1xuICBleHBvcnQgaW1wb3J0IEpTWCA9IEpTWEludGVybmFsOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/jsx.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/modules/attributes.js":
+/*!************************************************************!*\
+  !*** ../node_modules/snabbdom/build/modules/attributes.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"attributesModule\": () => (/* binding */ attributesModule)\n/* harmony export */ });\nconst xlinkNS = \"http://www.w3.org/1999/xlink\";\nconst xmlNS = \"http://www.w3.org/XML/1998/namespace\";\nconst colonChar = 58;\nconst xChar = 120;\nfunction updateAttrs(oldVnode, vnode) {\n    let key;\n    const elm = vnode.elm;\n    let oldAttrs = oldVnode.data.attrs;\n    let attrs = vnode.data.attrs;\n    if (!oldAttrs && !attrs)\n        return;\n    if (oldAttrs === attrs)\n        return;\n    oldAttrs = oldAttrs || {};\n    attrs = attrs || {};\n    // update modified attributes, add new attributes\n    for (key in attrs) {\n        const cur = attrs[key];\n        const old = oldAttrs[key];\n        if (old !== cur) {\n            if (cur === true) {\n                elm.setAttribute(key, \"\");\n            }\n            else if (cur === false) {\n                elm.removeAttribute(key);\n            }\n            else {\n                if (key.charCodeAt(0) !== xChar) {\n                    elm.setAttribute(key, cur);\n                }\n                else if (key.charCodeAt(3) === colonChar) {\n                    // Assume xml namespace\n                    elm.setAttributeNS(xmlNS, key, cur);\n                }\n                else if (key.charCodeAt(5) === colonChar) {\n                    // Assume xlink namespace\n                    elm.setAttributeNS(xlinkNS, key, cur);\n                }\n                else {\n                    elm.setAttribute(key, cur);\n                }\n            }\n        }\n    }\n    // remove removed attributes\n    // use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value)\n    // the other option is to remove all attributes with value == undefined\n    for (key in oldAttrs) {\n        if (!(key in attrs)) {\n            elm.removeAttribute(key);\n        }\n    }\n}\nconst attributesModule = {\n    create: updateAttrs,\n    update: updateAttrs,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvYXR0cmlidXRlcy5qcy5qcyIsIm1hcHBpbmdzIjoiOzs7O0FBS0EsTUFBTSxPQUFPLEdBQUcsOEJBQThCLENBQUM7QUFDL0MsTUFBTSxLQUFLLEdBQUcsc0NBQXNDLENBQUM7QUFDckQsTUFBTSxTQUFTLEdBQUcsRUFBRSxDQUFDO0FBQ3JCLE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQztBQUVsQixTQUFTLFdBQVcsQ0FBQyxRQUFlLEVBQUUsS0FBWTtJQUNoRCxJQUFJLEdBQVcsQ0FBQztJQUNoQixNQUFNLEdBQUcsR0FBWSxLQUFLLENBQUMsR0FBYyxDQUFDO0lBQzFDLElBQUksUUFBUSxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUNsRCxJQUFJLEtBQUssR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFFNUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUs7UUFBRSxPQUFPO0lBQ2hDLElBQUksUUFBUSxLQUFLLEtBQUs7UUFBRSxPQUFPO0lBQy9CLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0lBQzFCLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRXBCLGlEQUFpRDtJQUNqRCxLQUFLLEdBQUcsSUFBSSxLQUFLLEVBQUU7UUFDakIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3ZCLE1BQU0sR0FBRyxHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMxQixJQUFJLEdBQUcsS0FBSyxHQUFHLEVBQUU7WUFDZixJQUFJLEdBQUcsS0FBSyxJQUFJLEVBQUU7Z0JBQ2hCLEdBQUcsQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQzNCO2lCQUFNLElBQUksR0FBRyxLQUFLLEtBQUssRUFBRTtnQkFDeEIsR0FBRyxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUMxQjtpQkFBTTtnQkFDTCxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxFQUFFO29CQUMvQixHQUFHLENBQUMsWUFBWSxDQUFDLEdBQUcsRUFBRSxHQUFVLENBQUMsQ0FBQztpQkFDbkM7cUJBQU0sSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLFNBQVMsRUFBRTtvQkFDMUMsdUJBQXVCO29CQUN2QixHQUFHLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBVSxDQUFDLENBQUM7aUJBQzVDO3FCQUFNLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxTQUFTLEVBQUU7b0JBQzFDLHlCQUF5QjtvQkFDekIsR0FBRyxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQVUsQ0FBQyxDQUFDO2lCQUM5QztxQkFBTTtvQkFDTCxHQUFHLENBQUMsWUFBWSxDQUFDLEdBQUcsRUFBRSxHQUFVLENBQUMsQ0FBQztpQkFDbkM7YUFDRjtTQUNGO0tBQ0Y7SUFDRCw0QkFBNEI7SUFDNUIsZ0hBQWdIO0lBQ2hILHVFQUF1RTtJQUN2RSxLQUFLLEdBQUcsSUFBSSxRQUFRLEVBQUU7UUFDcEIsSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQ25CLEdBQUcsQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDMUI7S0FDRjtBQUNILENBQUM7QUFFTSxNQUFNLGdCQUFnQixHQUFXO0lBQ3RDLE1BQU0sRUFBRSxXQUFXO0lBQ25CLE1BQU0sRUFBRSxXQUFXO0NBQ3BCLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL2F0dHJpYnV0ZXMudHM/MjNmYSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWTm9kZSwgVk5vZGVEYXRhIH0gZnJvbSBcIi4uL3Zub2RlXCI7XG5pbXBvcnQgeyBNb2R1bGUgfSBmcm9tIFwiLi9tb2R1bGVcIjtcblxuZXhwb3J0IHR5cGUgQXR0cnMgPSBSZWNvcmQ8c3RyaW5nLCBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuPjtcblxuY29uc3QgeGxpbmtOUyA9IFwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiO1xuY29uc3QgeG1sTlMgPSBcImh0dHA6Ly93d3cudzMub3JnL1hNTC8xOTk4L25hbWVzcGFjZVwiO1xuY29uc3QgY29sb25DaGFyID0gNTg7XG5jb25zdCB4Q2hhciA9IDEyMDtcblxuZnVuY3Rpb24gdXBkYXRlQXR0cnMob2xkVm5vZGU6IFZOb2RlLCB2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IGtleTogc3RyaW5nO1xuICBjb25zdCBlbG06IEVsZW1lbnQgPSB2bm9kZS5lbG0gYXMgRWxlbWVudDtcbiAgbGV0IG9sZEF0dHJzID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5hdHRycztcbiAgbGV0IGF0dHJzID0gKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5hdHRycztcblxuICBpZiAoIW9sZEF0dHJzICYmICFhdHRycykgcmV0dXJuO1xuICBpZiAob2xkQXR0cnMgPT09IGF0dHJzKSByZXR1cm47XG4gIG9sZEF0dHJzID0gb2xkQXR0cnMgfHwge307XG4gIGF0dHJzID0gYXR0cnMgfHwge307XG5cbiAgLy8gdXBkYXRlIG1vZGlmaWVkIGF0dHJpYnV0ZXMsIGFkZCBuZXcgYXR0cmlidXRlc1xuICBmb3IgKGtleSBpbiBhdHRycykge1xuICAgIGNvbnN0IGN1ciA9IGF0dHJzW2tleV07XG4gICAgY29uc3Qgb2xkID0gb2xkQXR0cnNba2V5XTtcbiAgICBpZiAob2xkICE9PSBjdXIpIHtcbiAgICAgIGlmIChjdXIgPT09IHRydWUpIHtcbiAgICAgICAgZWxtLnNldEF0dHJpYnV0ZShrZXksIFwiXCIpO1xuICAgICAgfSBlbHNlIGlmIChjdXIgPT09IGZhbHNlKSB7XG4gICAgICAgIGVsbS5yZW1vdmVBdHRyaWJ1dGUoa2V5KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGlmIChrZXkuY2hhckNvZGVBdCgwKSAhPT0geENoYXIpIHtcbiAgICAgICAgICBlbG0uc2V0QXR0cmlidXRlKGtleSwgY3VyIGFzIGFueSk7XG4gICAgICAgIH0gZWxzZSBpZiAoa2V5LmNoYXJDb2RlQXQoMykgPT09IGNvbG9uQ2hhcikge1xuICAgICAgICAgIC8vIEFzc3VtZSB4bWwgbmFtZXNwYWNlXG4gICAgICAgICAgZWxtLnNldEF0dHJpYnV0ZU5TKHhtbE5TLCBrZXksIGN1ciBhcyBhbnkpO1xuICAgICAgICB9IGVsc2UgaWYgKGtleS5jaGFyQ29kZUF0KDUpID09PSBjb2xvbkNoYXIpIHtcbiAgICAgICAgICAvLyBBc3N1bWUgeGxpbmsgbmFtZXNwYWNlXG4gICAgICAgICAgZWxtLnNldEF0dHJpYnV0ZU5TKHhsaW5rTlMsIGtleSwgY3VyIGFzIGFueSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgZWxtLnNldEF0dHJpYnV0ZShrZXksIGN1ciBhcyBhbnkpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG4gIC8vIHJlbW92ZSByZW1vdmVkIGF0dHJpYnV0ZXNcbiAgLy8gdXNlIGBpbmAgb3BlcmF0b3Igc2luY2UgdGhlIHByZXZpb3VzIGBmb3JgIGl0ZXJhdGlvbiB1c2VzIGl0ICguaS5lLiBhZGQgZXZlbiBhdHRyaWJ1dGVzIHdpdGggdW5kZWZpbmVkIHZhbHVlKVxuICAvLyB0aGUgb3RoZXIgb3B0aW9uIGlzIHRvIHJlbW92ZSBhbGwgYXR0cmlidXRlcyB3aXRoIHZhbHVlID09IHVuZGVmaW5lZFxuICBmb3IgKGtleSBpbiBvbGRBdHRycykge1xuICAgIGlmICghKGtleSBpbiBhdHRycykpIHtcbiAgICAgIGVsbS5yZW1vdmVBdHRyaWJ1dGUoa2V5KTtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGF0dHJpYnV0ZXNNb2R1bGU6IE1vZHVsZSA9IHtcbiAgY3JlYXRlOiB1cGRhdGVBdHRycyxcbiAgdXBkYXRlOiB1cGRhdGVBdHRycyxcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/attributes.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/modules/class.js":
+/*!*******************************************************!*\
+  !*** ../node_modules/snabbdom/build/modules/class.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"classModule\": () => (/* binding */ classModule)\n/* harmony export */ });\nfunction updateClass(oldVnode, vnode) {\n    let cur;\n    let name;\n    const elm = vnode.elm;\n    let oldClass = oldVnode.data.class;\n    let klass = vnode.data.class;\n    if (!oldClass && !klass)\n        return;\n    if (oldClass === klass)\n        return;\n    oldClass = oldClass || {};\n    klass = klass || {};\n    for (name in oldClass) {\n        if (oldClass[name] && !Object.prototype.hasOwnProperty.call(klass, name)) {\n            // was `true` and now not provided\n            elm.classList.remove(name);\n        }\n    }\n    for (name in klass) {\n        cur = klass[name];\n        if (cur !== oldClass[name]) {\n            elm.classList[cur ? \"add\" : \"remove\"](name);\n        }\n    }\n}\nconst classModule = { create: updateClass, update: updateClass };\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvY2xhc3MuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQUtBLFNBQVMsV0FBVyxDQUFDLFFBQWUsRUFBRSxLQUFZO0lBQ2hELElBQUksR0FBUSxDQUFDO0lBQ2IsSUFBSSxJQUFZLENBQUM7SUFDakIsTUFBTSxHQUFHLEdBQVksS0FBSyxDQUFDLEdBQWMsQ0FBQztJQUMxQyxJQUFJLFFBQVEsR0FBSSxRQUFRLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFDbEQsSUFBSSxLQUFLLEdBQUksS0FBSyxDQUFDLElBQWtCLENBQUMsS0FBSyxDQUFDO0lBRTVDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLO1FBQUUsT0FBTztJQUNoQyxJQUFJLFFBQVEsS0FBSyxLQUFLO1FBQUUsT0FBTztJQUMvQixRQUFRLEdBQUcsUUFBUSxJQUFJLEVBQUUsQ0FBQztJQUMxQixLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVwQixLQUFLLElBQUksSUFBSSxRQUFRLEVBQUU7UUFDckIsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFO1lBQ3hFLGtDQUFrQztZQUNsQyxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM1QjtLQUNGO0lBQ0QsS0FBSyxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2xCLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEIsSUFBSSxHQUFHLEtBQUssUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3pCLEdBQUcsQ0FBQyxTQUFpQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN0RDtLQUNGO0FBQ0gsQ0FBQztBQUVNLE1BQU0sV0FBVyxHQUFXLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL2NsYXNzLnRzP2YxMTAiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuLi92bm9kZVwiO1xuaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlXCI7XG5cbmV4cG9ydCB0eXBlIENsYXNzZXMgPSBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPjtcblxuZnVuY3Rpb24gdXBkYXRlQ2xhc3Mob2xkVm5vZGU6IFZOb2RlLCB2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IGN1cjogYW55O1xuICBsZXQgbmFtZTogc3RyaW5nO1xuICBjb25zdCBlbG06IEVsZW1lbnQgPSB2bm9kZS5lbG0gYXMgRWxlbWVudDtcbiAgbGV0IG9sZENsYXNzID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5jbGFzcztcbiAgbGV0IGtsYXNzID0gKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5jbGFzcztcblxuICBpZiAoIW9sZENsYXNzICYmICFrbGFzcykgcmV0dXJuO1xuICBpZiAob2xkQ2xhc3MgPT09IGtsYXNzKSByZXR1cm47XG4gIG9sZENsYXNzID0gb2xkQ2xhc3MgfHwge307XG4gIGtsYXNzID0ga2xhc3MgfHwge307XG5cbiAgZm9yIChuYW1lIGluIG9sZENsYXNzKSB7XG4gICAgaWYgKG9sZENsYXNzW25hbWVdICYmICFPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoa2xhc3MsIG5hbWUpKSB7XG4gICAgICAvLyB3YXMgYHRydWVgIGFuZCBub3cgbm90IHByb3ZpZGVkXG4gICAgICBlbG0uY2xhc3NMaXN0LnJlbW92ZShuYW1lKTtcbiAgICB9XG4gIH1cbiAgZm9yIChuYW1lIGluIGtsYXNzKSB7XG4gICAgY3VyID0ga2xhc3NbbmFtZV07XG4gICAgaWYgKGN1ciAhPT0gb2xkQ2xhc3NbbmFtZV0pIHtcbiAgICAgIChlbG0uY2xhc3NMaXN0IGFzIGFueSlbY3VyID8gXCJhZGRcIiA6IFwicmVtb3ZlXCJdKG5hbWUpO1xuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgY29uc3QgY2xhc3NNb2R1bGU6IE1vZHVsZSA9IHsgY3JlYXRlOiB1cGRhdGVDbGFzcywgdXBkYXRlOiB1cGRhdGVDbGFzcyB9O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/class.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/modules/dataset.js":
+/*!*********************************************************!*\
+  !*** ../node_modules/snabbdom/build/modules/dataset.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"datasetModule\": () => (/* binding */ datasetModule)\n/* harmony export */ });\nconst CAPS_REGEX = /[A-Z]/g;\nfunction updateDataset(oldVnode, vnode) {\n    const elm = vnode.elm;\n    let oldDataset = oldVnode.data.dataset;\n    let dataset = vnode.data.dataset;\n    let key;\n    if (!oldDataset && !dataset)\n        return;\n    if (oldDataset === dataset)\n        return;\n    oldDataset = oldDataset || {};\n    dataset = dataset || {};\n    const d = elm.dataset;\n    for (key in oldDataset) {\n        if (!dataset[key]) {\n            if (d) {\n                if (key in d) {\n                    delete d[key];\n                }\n            }\n            else {\n                elm.removeAttribute(\"data-\" + key.replace(CAPS_REGEX, \"-$&\").toLowerCase());\n            }\n        }\n    }\n    for (key in dataset) {\n        if (oldDataset[key] !== dataset[key]) {\n            if (d) {\n                d[key] = dataset[key];\n            }\n            else {\n                elm.setAttribute(\"data-\" + key.replace(CAPS_REGEX, \"-$&\").toLowerCase(), dataset[key]);\n            }\n        }\n    }\n}\nconst datasetModule = {\n    create: updateDataset,\n    update: updateDataset,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvZGF0YXNldC5qcy5qcyIsIm1hcHBpbmdzIjoiOzs7O0FBS0EsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDO0FBRTVCLFNBQVMsYUFBYSxDQUFDLFFBQWUsRUFBRSxLQUFZO0lBQ2xELE1BQU0sR0FBRyxHQUFnQixLQUFLLENBQUMsR0FBa0IsQ0FBQztJQUNsRCxJQUFJLFVBQVUsR0FBSSxRQUFRLENBQUMsSUFBa0IsQ0FBQyxPQUFPLENBQUM7SUFDdEQsSUFBSSxPQUFPLEdBQUksS0FBSyxDQUFDLElBQWtCLENBQUMsT0FBTyxDQUFDO0lBQ2hELElBQUksR0FBVyxDQUFDO0lBRWhCLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxPQUFPO1FBQUUsT0FBTztJQUNwQyxJQUFJLFVBQVUsS0FBSyxPQUFPO1FBQUUsT0FBTztJQUNuQyxVQUFVLEdBQUcsVUFBVSxJQUFJLEVBQUUsQ0FBQztJQUM5QixPQUFPLEdBQUcsT0FBTyxJQUFJLEVBQUUsQ0FBQztJQUN4QixNQUFNLENBQUMsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO0lBRXRCLEtBQUssR0FBRyxJQUFJLFVBQVUsRUFBRTtRQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxFQUFFO2dCQUNMLElBQUksR0FBRyxJQUFJLENBQUMsRUFBRTtvQkFDWixPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDZjthQUNGO2lCQUFNO2dCQUNMLEdBQUcsQ0FBQyxlQUFlLENBQ2pCLE9BQU8sR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FDdkQsQ0FBQzthQUNIO1NBQ0Y7S0FDRjtJQUNELEtBQUssR0FBRyxJQUFJLE9BQU8sRUFBRTtRQUNuQixJQUFJLFVBQVUsQ0FBQyxHQUFHLENBQUMsS0FBSyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDcEMsSUFBSSxDQUFDLEVBQUU7Z0JBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUN2QjtpQkFBTTtnQkFDTCxHQUFHLENBQUMsWUFBWSxDQUNkLE9BQU8sR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFDdEQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUNiLENBQUM7YUFDSDtTQUNGO0tBQ0Y7QUFDSCxDQUFDO0FBRU0sTUFBTSxhQUFhLEdBQVc7SUFDbkMsTUFBTSxFQUFFLGFBQWE7SUFDckIsTUFBTSxFQUFFLGFBQWE7Q0FDdEIsQ0FBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL21vZHVsZXMvZGF0YXNldC50cz9kMjk4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZOb2RlLCBWTm9kZURhdGEgfSBmcm9tIFwiLi4vdm5vZGVcIjtcbmltcG9ydCB7IE1vZHVsZSB9IGZyb20gXCIuL21vZHVsZVwiO1xuXG5leHBvcnQgdHlwZSBEYXRhc2V0ID0gUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcblxuY29uc3QgQ0FQU19SRUdFWCA9IC9bQS1aXS9nO1xuXG5mdW5jdGlvbiB1cGRhdGVEYXRhc2V0KG9sZFZub2RlOiBWTm9kZSwgdm5vZGU6IFZOb2RlKTogdm9pZCB7XG4gIGNvbnN0IGVsbTogSFRNTEVsZW1lbnQgPSB2bm9kZS5lbG0gYXMgSFRNTEVsZW1lbnQ7XG4gIGxldCBvbGREYXRhc2V0ID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5kYXRhc2V0O1xuICBsZXQgZGF0YXNldCA9ICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuZGF0YXNldDtcbiAgbGV0IGtleTogc3RyaW5nO1xuXG4gIGlmICghb2xkRGF0YXNldCAmJiAhZGF0YXNldCkgcmV0dXJuO1xuICBpZiAob2xkRGF0YXNldCA9PT0gZGF0YXNldCkgcmV0dXJuO1xuICBvbGREYXRhc2V0ID0gb2xkRGF0YXNldCB8fCB7fTtcbiAgZGF0YXNldCA9IGRhdGFzZXQgfHwge307XG4gIGNvbnN0IGQgPSBlbG0uZGF0YXNldDtcblxuICBmb3IgKGtleSBpbiBvbGREYXRhc2V0KSB7XG4gICAgaWYgKCFkYXRhc2V0W2tleV0pIHtcbiAgICAgIGlmIChkKSB7XG4gICAgICAgIGlmIChrZXkgaW4gZCkge1xuICAgICAgICAgIGRlbGV0ZSBkW2tleV07XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGVsbS5yZW1vdmVBdHRyaWJ1dGUoXG4gICAgICAgICAgXCJkYXRhLVwiICsga2V5LnJlcGxhY2UoQ0FQU19SRUdFWCwgXCItJCZcIikudG9Mb3dlckNhc2UoKVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBmb3IgKGtleSBpbiBkYXRhc2V0KSB7XG4gICAgaWYgKG9sZERhdGFzZXRba2V5XSAhPT0gZGF0YXNldFtrZXldKSB7XG4gICAgICBpZiAoZCkge1xuICAgICAgICBkW2tleV0gPSBkYXRhc2V0W2tleV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBlbG0uc2V0QXR0cmlidXRlKFxuICAgICAgICAgIFwiZGF0YS1cIiArIGtleS5yZXBsYWNlKENBUFNfUkVHRVgsIFwiLSQmXCIpLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgZGF0YXNldFtrZXldXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBkYXRhc2V0TW9kdWxlOiBNb2R1bGUgPSB7XG4gIGNyZWF0ZTogdXBkYXRlRGF0YXNldCxcbiAgdXBkYXRlOiB1cGRhdGVEYXRhc2V0LFxufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/dataset.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/modules/eventlisteners.js":
+/*!****************************************************************!*\
+  !*** ../node_modules/snabbdom/build/modules/eventlisteners.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"eventListenersModule\": () => (/* binding */ eventListenersModule)\n/* harmony export */ });\nfunction invokeHandler(handler, vnode, event) {\n    if (typeof handler === \"function\") {\n        // call function handler\n        handler.call(vnode, event, vnode);\n    }\n    else if (typeof handler === \"object\") {\n        // call multiple handlers\n        for (let i = 0; i < handler.length; i++) {\n            invokeHandler(handler[i], vnode, event);\n        }\n    }\n}\nfunction handleEvent(event, vnode) {\n    const name = event.type;\n    const on = vnode.data.on;\n    // call event handler(s) if exists\n    if (on && on[name]) {\n        invokeHandler(on[name], vnode, event);\n    }\n}\nfunction createListener() {\n    return function handler(event) {\n        handleEvent(event, handler.vnode);\n    };\n}\nfunction updateEventListeners(oldVnode, vnode) {\n    const oldOn = oldVnode.data.on;\n    const oldListener = oldVnode.listener;\n    const oldElm = oldVnode.elm;\n    const on = vnode && vnode.data.on;\n    const elm = (vnode && vnode.elm);\n    let name;\n    // optimization for reused immutable handlers\n    if (oldOn === on) {\n        return;\n    }\n    // remove existing listeners which no longer used\n    if (oldOn && oldListener) {\n        // if element changed or deleted we remove all existing listeners unconditionally\n        if (!on) {\n            for (name in oldOn) {\n                // remove listener if element was changed or existing listeners removed\n                oldElm.removeEventListener(name, oldListener, false);\n            }\n        }\n        else {\n            for (name in oldOn) {\n                // remove listener if existing listener removed\n                if (!on[name]) {\n                    oldElm.removeEventListener(name, oldListener, false);\n                }\n            }\n        }\n    }\n    // add new listeners which has not already attached\n    if (on) {\n        // reuse existing listener or create new\n        const listener = (vnode.listener =\n            oldVnode.listener || createListener());\n        // update vnode for listener\n        listener.vnode = vnode;\n        // if element changed or added we add all needed listeners unconditionally\n        if (!oldOn) {\n            for (name in on) {\n                // add listener if element was changed or new listeners added\n                elm.addEventListener(name, listener, false);\n            }\n        }\n        else {\n            for (name in on) {\n                // add listener if new listener added\n                if (!oldOn[name]) {\n                    elm.addEventListener(name, listener, false);\n                }\n            }\n        }\n    }\n}\nconst eventListenersModule = {\n    create: updateEventListeners,\n    update: updateEventListeners,\n    destroy: updateEventListeners,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvZXZlbnRsaXN0ZW5lcnMuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQWlCQSxTQUFTLGFBQWEsQ0FDcEIsT0FBaUQsRUFDakQsS0FBWSxFQUNaLEtBQWE7SUFFYixJQUFJLE9BQU8sT0FBTyxLQUFLLFVBQVUsRUFBRTtRQUNqQyx3QkFBd0I7UUFDeEIsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO0tBQ25DO1NBQU0sSUFBSSxPQUFPLE9BQU8sS0FBSyxRQUFRLEVBQUU7UUFDdEMseUJBQXlCO1FBQ3pCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3ZDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ3pDO0tBQ0Y7QUFDSCxDQUFDO0FBRUQsU0FBUyxXQUFXLENBQUMsS0FBWSxFQUFFLEtBQVk7SUFDN0MsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN4QixNQUFNLEVBQUUsR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxFQUFFLENBQUM7SUFFeEMsa0NBQWtDO0lBQ2xDLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNsQixhQUFhLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztLQUN2QztBQUNILENBQUM7QUFFRCxTQUFTLGNBQWM7SUFDckIsT0FBTyxTQUFTLE9BQU8sQ0FBQyxLQUFZO1FBQ2xDLFdBQVcsQ0FBQyxLQUFLLEVBQUcsT0FBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLENBQUMsQ0FBQztBQUNKLENBQUM7QUFFRCxTQUFTLG9CQUFvQixDQUFDLFFBQWUsRUFBRSxLQUFhO0lBQzFELE1BQU0sS0FBSyxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEVBQUUsQ0FBQztJQUM5QyxNQUFNLFdBQVcsR0FBSSxRQUFnQixDQUFDLFFBQVEsQ0FBQztJQUMvQyxNQUFNLE1BQU0sR0FBWSxRQUFRLENBQUMsR0FBYyxDQUFDO0lBQ2hELE1BQU0sRUFBRSxHQUFHLEtBQUssSUFBSyxLQUFLLENBQUMsSUFBa0IsQ0FBQyxFQUFFLENBQUM7SUFDakQsTUFBTSxHQUFHLEdBQVksQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEdBQUcsQ0FBWSxDQUFDO0lBQ3JELElBQUksSUFBWSxDQUFDO0lBRWpCLDZDQUE2QztJQUM3QyxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDaEIsT0FBTztLQUNSO0lBRUQsaURBQWlEO0lBQ2pELElBQUksS0FBSyxJQUFJLFdBQVcsRUFBRTtRQUN4QixpRkFBaUY7UUFDakYsSUFBSSxDQUFDLEVBQUUsRUFBRTtZQUNQLEtBQUssSUFBSSxJQUFJLEtBQUssRUFBRTtnQkFDbEIsdUVBQXVFO2dCQUN2RSxNQUFNLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0RDtTQUNGO2FBQU07WUFDTCxLQUFLLElBQUksSUFBSSxLQUFLLEVBQUU7Z0JBQ2xCLCtDQUErQztnQkFDL0MsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDYixNQUFNLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQztpQkFDdEQ7YUFDRjtTQUNGO0tBQ0Y7SUFFRCxtREFBbUQ7SUFDbkQsSUFBSSxFQUFFLEVBQUU7UUFDTix3Q0FBd0M7UUFDeEMsTUFBTSxRQUFRLEdBQUcsQ0FBRSxLQUFhLENBQUMsUUFBUTtZQUN0QyxRQUFnQixDQUFDLFFBQVEsSUFBSSxjQUFjLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELDRCQUE0QjtRQUM1QixRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUV2QiwwRUFBMEU7UUFDMUUsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNWLEtBQUssSUFBSSxJQUFJLEVBQUUsRUFBRTtnQkFDZiw2REFBNkQ7Z0JBQzdELEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQzdDO1NBQ0Y7YUFBTTtZQUNMLEtBQUssSUFBSSxJQUFJLEVBQUUsRUFBRTtnQkFDZixxQ0FBcUM7Z0JBQ3JDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ2hCLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO2lCQUM3QzthQUNGO1NBQ0Y7S0FDRjtBQUNILENBQUM7QUFFTSxNQUFNLG9CQUFvQixHQUFXO0lBQzFDLE1BQU0sRUFBRSxvQkFBb0I7SUFDNUIsTUFBTSxFQUFFLG9CQUFvQjtJQUM1QixPQUFPLEVBQUUsb0JBQW9CO0NBQzlCLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL2V2ZW50bGlzdGVuZXJzLnRzPzI0OTYiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuLi92bm9kZVwiO1xuaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlXCI7XG5cbnR5cGUgTGlzdGVuZXI8VD4gPSAodGhpczogVk5vZGUsIGV2OiBULCB2bm9kZTogVk5vZGUpID0+IHZvaWQ7XG5cbmV4cG9ydCB0eXBlIE9uID0ge1xuICBbTiBpbiBrZXlvZiBIVE1MRWxlbWVudEV2ZW50TWFwXT86XG4gICAgfCBMaXN0ZW5lcjxIVE1MRWxlbWVudEV2ZW50TWFwW05dPlxuICAgIHwgQXJyYXk8TGlzdGVuZXI8SFRNTEVsZW1lbnRFdmVudE1hcFtOXT4+O1xufSAmIHtcbiAgW2V2ZW50OiBzdHJpbmddOiBMaXN0ZW5lcjxhbnk+IHwgQXJyYXk8TGlzdGVuZXI8YW55Pj47XG59O1xuXG50eXBlIFNvbWVMaXN0ZW5lcjxOIGV4dGVuZHMga2V5b2YgSFRNTEVsZW1lbnRFdmVudE1hcD4gPVxuICB8IExpc3RlbmVyPEhUTUxFbGVtZW50RXZlbnRNYXBbTl0+XG4gIHwgTGlzdGVuZXI8YW55PjtcblxuZnVuY3Rpb24gaW52b2tlSGFuZGxlcjxOIGV4dGVuZHMga2V5b2YgSFRNTEVsZW1lbnRFdmVudE1hcD4oXG4gIGhhbmRsZXI6IFNvbWVMaXN0ZW5lcjxOPiB8IEFycmF5PFNvbWVMaXN0ZW5lcjxOPj4sXG4gIHZub2RlOiBWTm9kZSxcbiAgZXZlbnQ/OiBFdmVudFxuKTogdm9pZCB7XG4gIGlmICh0eXBlb2YgaGFuZGxlciA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgLy8gY2FsbCBmdW5jdGlvbiBoYW5kbGVyXG4gICAgaGFuZGxlci5jYWxsKHZub2RlLCBldmVudCwgdm5vZGUpO1xuICB9IGVsc2UgaWYgKHR5cGVvZiBoYW5kbGVyID09PSBcIm9iamVjdFwiKSB7XG4gICAgLy8gY2FsbCBtdWx0aXBsZSBoYW5kbGVyc1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgaGFuZGxlci5sZW5ndGg7IGkrKykge1xuICAgICAgaW52b2tlSGFuZGxlcihoYW5kbGVyW2ldLCB2bm9kZSwgZXZlbnQpO1xuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBoYW5kbGVFdmVudChldmVudDogRXZlbnQsIHZub2RlOiBWTm9kZSkge1xuICBjb25zdCBuYW1lID0gZXZlbnQudHlwZTtcbiAgY29uc3Qgb24gPSAodm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLm9uO1xuXG4gIC8vIGNhbGwgZXZlbnQgaGFuZGxlcihzKSBpZiBleGlzdHNcbiAgaWYgKG9uICYmIG9uW25hbWVdKSB7XG4gICAgaW52b2tlSGFuZGxlcihvbltuYW1lXSwgdm5vZGUsIGV2ZW50KTtcbiAgfVxufVxuXG5mdW5jdGlvbiBjcmVhdGVMaXN0ZW5lcigpIHtcbiAgcmV0dXJuIGZ1bmN0aW9uIGhhbmRsZXIoZXZlbnQ6IEV2ZW50KSB7XG4gICAgaGFuZGxlRXZlbnQoZXZlbnQsIChoYW5kbGVyIGFzIGFueSkudm5vZGUpO1xuICB9O1xufVxuXG5mdW5jdGlvbiB1cGRhdGVFdmVudExpc3RlbmVycyhvbGRWbm9kZTogVk5vZGUsIHZub2RlPzogVk5vZGUpOiB2b2lkIHtcbiAgY29uc3Qgb2xkT24gPSAob2xkVm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLm9uO1xuICBjb25zdCBvbGRMaXN0ZW5lciA9IChvbGRWbm9kZSBhcyBhbnkpLmxpc3RlbmVyO1xuICBjb25zdCBvbGRFbG06IEVsZW1lbnQgPSBvbGRWbm9kZS5lbG0gYXMgRWxlbWVudDtcbiAgY29uc3Qgb24gPSB2bm9kZSAmJiAodm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLm9uO1xuICBjb25zdCBlbG06IEVsZW1lbnQgPSAodm5vZGUgJiYgdm5vZGUuZWxtKSBhcyBFbGVtZW50O1xuICBsZXQgbmFtZTogc3RyaW5nO1xuXG4gIC8vIG9wdGltaXphdGlvbiBmb3IgcmV1c2VkIGltbXV0YWJsZSBoYW5kbGVyc1xuICBpZiAob2xkT24gPT09IG9uKSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgLy8gcmVtb3ZlIGV4aXN0aW5nIGxpc3RlbmVycyB3aGljaCBubyBsb25nZXIgdXNlZFxuICBpZiAob2xkT24gJiYgb2xkTGlzdGVuZXIpIHtcbiAgICAvLyBpZiBlbGVtZW50IGNoYW5nZWQgb3IgZGVsZXRlZCB3ZSByZW1vdmUgYWxsIGV4aXN0aW5nIGxpc3RlbmVycyB1bmNvbmRpdGlvbmFsbHlcbiAgICBpZiAoIW9uKSB7XG4gICAgICBmb3IgKG5hbWUgaW4gb2xkT24pIHtcbiAgICAgICAgLy8gcmVtb3ZlIGxpc3RlbmVyIGlmIGVsZW1lbnQgd2FzIGNoYW5nZWQgb3IgZXhpc3RpbmcgbGlzdGVuZXJzIHJlbW92ZWRcbiAgICAgICAgb2xkRWxtLnJlbW92ZUV2ZW50TGlzdGVuZXIobmFtZSwgb2xkTGlzdGVuZXIsIGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChuYW1lIGluIG9sZE9uKSB7XG4gICAgICAgIC8vIHJlbW92ZSBsaXN0ZW5lciBpZiBleGlzdGluZyBsaXN0ZW5lciByZW1vdmVkXG4gICAgICAgIGlmICghb25bbmFtZV0pIHtcbiAgICAgICAgICBvbGRFbG0ucmVtb3ZlRXZlbnRMaXN0ZW5lcihuYW1lLCBvbGRMaXN0ZW5lciwgZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gYWRkIG5ldyBsaXN0ZW5lcnMgd2hpY2ggaGFzIG5vdCBhbHJlYWR5IGF0dGFjaGVkXG4gIGlmIChvbikge1xuICAgIC8vIHJldXNlIGV4aXN0aW5nIGxpc3RlbmVyIG9yIGNyZWF0ZSBuZXdcbiAgICBjb25zdCBsaXN0ZW5lciA9ICgodm5vZGUgYXMgYW55KS5saXN0ZW5lciA9XG4gICAgICAob2xkVm5vZGUgYXMgYW55KS5saXN0ZW5lciB8fCBjcmVhdGVMaXN0ZW5lcigpKTtcbiAgICAvLyB1cGRhdGUgdm5vZGUgZm9yIGxpc3RlbmVyXG4gICAgbGlzdGVuZXIudm5vZGUgPSB2bm9kZTtcblxuICAgIC8vIGlmIGVsZW1lbnQgY2hhbmdlZCBvciBhZGRlZCB3ZSBhZGQgYWxsIG5lZWRlZCBsaXN0ZW5lcnMgdW5jb25kaXRpb25hbGx5XG4gICAgaWYgKCFvbGRPbikge1xuICAgICAgZm9yIChuYW1lIGluIG9uKSB7XG4gICAgICAgIC8vIGFkZCBsaXN0ZW5lciBpZiBlbGVtZW50IHdhcyBjaGFuZ2VkIG9yIG5ldyBsaXN0ZW5lcnMgYWRkZWRcbiAgICAgICAgZWxtLmFkZEV2ZW50TGlzdGVuZXIobmFtZSwgbGlzdGVuZXIsIGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChuYW1lIGluIG9uKSB7XG4gICAgICAgIC8vIGFkZCBsaXN0ZW5lciBpZiBuZXcgbGlzdGVuZXIgYWRkZWRcbiAgICAgICAgaWYgKCFvbGRPbltuYW1lXSkge1xuICAgICAgICAgIGVsbS5hZGRFdmVudExpc3RlbmVyKG5hbWUsIGxpc3RlbmVyLCBmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGV2ZW50TGlzdGVuZXJzTW9kdWxlOiBNb2R1bGUgPSB7XG4gIGNyZWF0ZTogdXBkYXRlRXZlbnRMaXN0ZW5lcnMsXG4gIHVwZGF0ZTogdXBkYXRlRXZlbnRMaXN0ZW5lcnMsXG4gIGRlc3Ryb3k6IHVwZGF0ZUV2ZW50TGlzdGVuZXJzLFxufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/eventlisteners.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/modules/props.js":
+/*!*******************************************************!*\
+  !*** ../node_modules/snabbdom/build/modules/props.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"propsModule\": () => (/* binding */ propsModule)\n/* harmony export */ });\nfunction updateProps(oldVnode, vnode) {\n    let key;\n    let cur;\n    let old;\n    const elm = vnode.elm;\n    let oldProps = oldVnode.data.props;\n    let props = vnode.data.props;\n    if (!oldProps && !props)\n        return;\n    if (oldProps === props)\n        return;\n    oldProps = oldProps || {};\n    props = props || {};\n    for (key in props) {\n        cur = props[key];\n        old = oldProps[key];\n        if (old !== cur && (key !== \"value\" || elm[key] !== cur)) {\n            elm[key] = cur;\n        }\n    }\n}\nconst propsModule = { create: updateProps, update: updateProps };\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvcHJvcHMuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQUtBLFNBQVMsV0FBVyxDQUFDLFFBQWUsRUFBRSxLQUFZO0lBQ2hELElBQUksR0FBVyxDQUFDO0lBQ2hCLElBQUksR0FBUSxDQUFDO0lBQ2IsSUFBSSxHQUFRLENBQUM7SUFDYixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDO0lBQ3RCLElBQUksUUFBUSxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUNsRCxJQUFJLEtBQUssR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFFNUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUs7UUFBRSxPQUFPO0lBQ2hDLElBQUksUUFBUSxLQUFLLEtBQUs7UUFBRSxPQUFPO0lBQy9CLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0lBQzFCLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRXBCLEtBQUssR0FBRyxJQUFJLEtBQUssRUFBRTtRQUNqQixHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLEdBQUcsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEIsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSyxHQUFXLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUU7WUFDaEUsR0FBVyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztTQUN6QjtLQUNGO0FBQ0gsQ0FBQztBQUVNLE1BQU0sV0FBVyxHQUFXLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL3Byb3BzLnRzPzNiYTEiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuLi92bm9kZVwiO1xuaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlXCI7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gUmVjb3JkPHN0cmluZywgYW55PjtcblxuZnVuY3Rpb24gdXBkYXRlUHJvcHMob2xkVm5vZGU6IFZOb2RlLCB2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IGtleTogc3RyaW5nO1xuICBsZXQgY3VyOiBhbnk7XG4gIGxldCBvbGQ6IGFueTtcbiAgY29uc3QgZWxtID0gdm5vZGUuZWxtO1xuICBsZXQgb2xkUHJvcHMgPSAob2xkVm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLnByb3BzO1xuICBsZXQgcHJvcHMgPSAodm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLnByb3BzO1xuXG4gIGlmICghb2xkUHJvcHMgJiYgIXByb3BzKSByZXR1cm47XG4gIGlmIChvbGRQcm9wcyA9PT0gcHJvcHMpIHJldHVybjtcbiAgb2xkUHJvcHMgPSBvbGRQcm9wcyB8fCB7fTtcbiAgcHJvcHMgPSBwcm9wcyB8fCB7fTtcblxuICBmb3IgKGtleSBpbiBwcm9wcykge1xuICAgIGN1ciA9IHByb3BzW2tleV07XG4gICAgb2xkID0gb2xkUHJvcHNba2V5XTtcbiAgICBpZiAob2xkICE9PSBjdXIgJiYgKGtleSAhPT0gXCJ2YWx1ZVwiIHx8IChlbG0gYXMgYW55KVtrZXldICE9PSBjdXIpKSB7XG4gICAgICAoZWxtIGFzIGFueSlba2V5XSA9IGN1cjtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHByb3BzTW9kdWxlOiBNb2R1bGUgPSB7IGNyZWF0ZTogdXBkYXRlUHJvcHMsIHVwZGF0ZTogdXBkYXRlUHJvcHMgfTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/props.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/modules/style.js":
+/*!*******************************************************!*\
+  !*** ../node_modules/snabbdom/build/modules/style.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"styleModule\": () => (/* binding */ styleModule)\n/* harmony export */ });\n// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.\nconst raf = (typeof window !== \"undefined\" &&\n    window.requestAnimationFrame.bind(window)) ||\n    setTimeout;\nconst nextFrame = function (fn) {\n    raf(function () {\n        raf(fn);\n    });\n};\nlet reflowForced = false;\nfunction setNextFrame(obj, prop, val) {\n    nextFrame(function () {\n        obj[prop] = val;\n    });\n}\nfunction updateStyle(oldVnode, vnode) {\n    let cur;\n    let name;\n    const elm = vnode.elm;\n    let oldStyle = oldVnode.data.style;\n    let style = vnode.data.style;\n    if (!oldStyle && !style)\n        return;\n    if (oldStyle === style)\n        return;\n    oldStyle = oldStyle || {};\n    style = style || {};\n    const oldHasDel = \"delayed\" in oldStyle;\n    for (name in oldStyle) {\n        if (!style[name]) {\n            if (name[0] === \"-\" && name[1] === \"-\") {\n                elm.style.removeProperty(name);\n            }\n            else {\n                elm.style[name] = \"\";\n            }\n        }\n    }\n    for (name in style) {\n        cur = style[name];\n        if (name === \"delayed\" && style.delayed) {\n            for (const name2 in style.delayed) {\n                cur = style.delayed[name2];\n                if (!oldHasDel || cur !== oldStyle.delayed[name2]) {\n                    setNextFrame(elm.style, name2, cur);\n                }\n            }\n        }\n        else if (name !== \"remove\" && cur !== oldStyle[name]) {\n            if (name[0] === \"-\" && name[1] === \"-\") {\n                elm.style.setProperty(name, cur);\n            }\n            else {\n                elm.style[name] = cur;\n            }\n        }\n    }\n}\nfunction applyDestroyStyle(vnode) {\n    let style;\n    let name;\n    const elm = vnode.elm;\n    const s = vnode.data.style;\n    if (!s || !(style = s.destroy))\n        return;\n    for (name in style) {\n        elm.style[name] = style[name];\n    }\n}\nfunction applyRemoveStyle(vnode, rm) {\n    const s = vnode.data.style;\n    if (!s || !s.remove) {\n        rm();\n        return;\n    }\n    if (!reflowForced) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        vnode.elm.offsetLeft;\n        reflowForced = true;\n    }\n    let name;\n    const elm = vnode.elm;\n    let i = 0;\n    const style = s.remove;\n    let amount = 0;\n    const applied = [];\n    for (name in style) {\n        applied.push(name);\n        elm.style[name] = style[name];\n    }\n    const compStyle = getComputedStyle(elm);\n    const props = compStyle[\"transition-property\"].split(\", \");\n    for (; i < props.length; ++i) {\n        if (applied.indexOf(props[i]) !== -1)\n            amount++;\n    }\n    elm.addEventListener(\"transitionend\", function (ev) {\n        if (ev.target === elm)\n            --amount;\n        if (amount === 0)\n            rm();\n    });\n}\nfunction forceReflow() {\n    reflowForced = false;\n}\nconst styleModule = {\n    pre: forceReflow,\n    create: updateStyle,\n    update: updateStyle,\n    destroy: applyDestroyStyle,\n    remove: applyRemoveStyle,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvc3R5bGUuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQVFBLHNGQUFzRjtBQUN0RixNQUFNLEdBQUcsR0FDUCxDQUFDLE9BQU8sTUFBTSxLQUFLLFdBQVc7SUFDNUIsTUFBTSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QyxVQUFVLENBQUM7QUFDYixNQUFNLFNBQVMsR0FBRyxVQUFVLEVBQU87SUFDakMsR0FBRyxDQUFDO1FBQ0YsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ1YsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFDRixJQUFJLFlBQVksR0FBRyxLQUFLLENBQUM7QUFFekIsU0FBUyxZQUFZLENBQUMsR0FBUSxFQUFFLElBQVksRUFBRSxHQUFRO0lBQ3BELFNBQVMsQ0FBQztRQUNSLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLENBQUM7SUFDbEIsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDO0FBRUQsU0FBUyxXQUFXLENBQUMsUUFBZSxFQUFFLEtBQVk7SUFDaEQsSUFBSSxHQUFRLENBQUM7SUFDYixJQUFJLElBQVksQ0FBQztJQUNqQixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDO0lBQ3RCLElBQUksUUFBUSxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUNsRCxJQUFJLEtBQUssR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFFNUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUs7UUFBRSxPQUFPO0lBQ2hDLElBQUksUUFBUSxLQUFLLEtBQUs7UUFBRSxPQUFPO0lBQy9CLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0lBQzFCLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ3BCLE1BQU0sU0FBUyxHQUFHLFNBQVMsSUFBSSxRQUFRLENBQUM7SUFFeEMsS0FBSyxJQUFJLElBQUksUUFBUSxFQUFFO1FBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDaEIsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLEVBQUU7Z0JBQ3JDLEdBQVcsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3pDO2lCQUFNO2dCQUNKLEdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO2FBQy9CO1NBQ0Y7S0FDRjtJQUNELEtBQUssSUFBSSxJQUFJLEtBQUssRUFBRTtRQUNsQixHQUFHLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLElBQUksSUFBSSxLQUFLLFNBQVMsSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFO1lBQ3ZDLEtBQUssTUFBTSxLQUFLLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDakMsR0FBRyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxTQUFTLElBQUksR0FBRyxLQUFNLFFBQVEsQ0FBQyxPQUFlLENBQUMsS0FBSyxDQUFDLEVBQUU7b0JBQzFELFlBQVksQ0FBRSxHQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztpQkFDOUM7YUFDRjtTQUNGO2FBQU0sSUFBSSxJQUFJLEtBQUssUUFBUSxJQUFJLEdBQUcsS0FBSyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDdEQsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLEVBQUU7Z0JBQ3JDLEdBQVcsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQzthQUMzQztpQkFBTTtnQkFDSixHQUFXLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQzthQUNoQztTQUNGO0tBQ0Y7QUFDSCxDQUFDO0FBRUQsU0FBUyxpQkFBaUIsQ0FBQyxLQUFZO0lBQ3JDLElBQUksS0FBVSxDQUFDO0lBQ2YsSUFBSSxJQUFZLENBQUM7SUFDakIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQztJQUN0QixNQUFNLENBQUMsR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFDMUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUM7UUFBRSxPQUFPO0lBQ3ZDLEtBQUssSUFBSSxJQUFJLEtBQUssRUFBRTtRQUNqQixHQUFXLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztLQUN4QztBQUNILENBQUM7QUFFRCxTQUFTLGdCQUFnQixDQUFDLEtBQVksRUFBRSxFQUFjO0lBQ3BELE1BQU0sQ0FBQyxHQUFJLEtBQUssQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUMxQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRTtRQUNuQixFQUFFLEVBQUUsQ0FBQztRQUNMLE9BQU87S0FDUjtJQUNELElBQUksQ0FBQyxZQUFZLEVBQUU7UUFDakIsb0VBQW9FO1FBQ25FLEtBQUssQ0FBQyxHQUFXLENBQUMsVUFBVSxDQUFDO1FBQzlCLFlBQVksR0FBRyxJQUFJLENBQUM7S0FDckI7SUFDRCxJQUFJLElBQVksQ0FBQztJQUNqQixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDO0lBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNWLE1BQU0sS0FBSyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDdkIsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ2YsTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFDO0lBQzdCLEtBQUssSUFBSSxJQUFJLEtBQUssRUFBRTtRQUNsQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLEdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0tBQ3hDO0lBQ0QsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLENBQUMsR0FBYyxDQUFDLENBQUM7SUFDbkQsTUFBTSxLQUFLLEdBQUksU0FBaUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1FBQzVCLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7WUFBRSxNQUFNLEVBQUUsQ0FBQztLQUNoRDtJQUNBLEdBQWUsQ0FBQyxnQkFBZ0IsQ0FDL0IsZUFBZSxFQUNmLFVBQVUsRUFBbUI7UUFDM0IsSUFBSSxFQUFFLENBQUMsTUFBTSxLQUFLLEdBQUc7WUFBRSxFQUFFLE1BQU0sQ0FBQztRQUNoQyxJQUFJLE1BQU0sS0FBSyxDQUFDO1lBQUUsRUFBRSxFQUFFLENBQUM7SUFDekIsQ0FBQyxDQUNGLENBQUM7QUFDSixDQUFDO0FBRUQsU0FBUyxXQUFXO0lBQ2xCLFlBQVksR0FBRyxLQUFLLENBQUM7QUFDdkIsQ0FBQztBQUVNLE1BQU0sV0FBVyxHQUFXO0lBQ2pDLEdBQUcsRUFBRSxXQUFXO0lBQ2hCLE1BQU0sRUFBRSxXQUFXO0lBQ25CLE1BQU0sRUFBRSxXQUFXO0lBQ25CLE9BQU8sRUFBRSxpQkFBaUI7SUFDMUIsTUFBTSxFQUFFLGdCQUFnQjtDQUN6QixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvbW9kdWxlcy9zdHlsZS50cz85MjA3Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZOb2RlLCBWTm9kZURhdGEgfSBmcm9tIFwiLi4vdm5vZGVcIjtcbmltcG9ydCB7IE1vZHVsZSB9IGZyb20gXCIuL21vZHVsZVwiO1xuXG5leHBvcnQgdHlwZSBWTm9kZVN0eWxlID0gUmVjb3JkPHN0cmluZywgc3RyaW5nPiAmIHtcbiAgZGVsYXllZD86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG4gIHJlbW92ZT86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG59O1xuXG4vLyBCaW5kaWcgYHJlcXVlc3RBbmltYXRpb25GcmFtZWAgbGlrZSB0aGlzIGZpeGVzIGEgYnVnIGluIElFL0VkZ2UuIFNlZSAjMzYwIGFuZCAjNDA5LlxuY29uc3QgcmFmID1cbiAgKHR5cGVvZiB3aW5kb3cgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICB3aW5kb3cucmVxdWVzdEFuaW1hdGlvbkZyYW1lLmJpbmQod2luZG93KSkgfHxcbiAgc2V0VGltZW91dDtcbmNvbnN0IG5leHRGcmFtZSA9IGZ1bmN0aW9uIChmbjogYW55KSB7XG4gIHJhZihmdW5jdGlvbiAoKSB7XG4gICAgcmFmKGZuKTtcbiAgfSk7XG59O1xubGV0IHJlZmxvd0ZvcmNlZCA9IGZhbHNlO1xuXG5mdW5jdGlvbiBzZXROZXh0RnJhbWUob2JqOiBhbnksIHByb3A6IHN0cmluZywgdmFsOiBhbnkpOiB2b2lkIHtcbiAgbmV4dEZyYW1lKGZ1bmN0aW9uICgpIHtcbiAgICBvYmpbcHJvcF0gPSB2YWw7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiB1cGRhdGVTdHlsZShvbGRWbm9kZTogVk5vZGUsIHZub2RlOiBWTm9kZSk6IHZvaWQge1xuICBsZXQgY3VyOiBhbnk7XG4gIGxldCBuYW1lOiBzdHJpbmc7XG4gIGNvbnN0IGVsbSA9IHZub2RlLmVsbTtcbiAgbGV0IG9sZFN0eWxlID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5zdHlsZTtcbiAgbGV0IHN0eWxlID0gKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5zdHlsZTtcblxuICBpZiAoIW9sZFN0eWxlICYmICFzdHlsZSkgcmV0dXJuO1xuICBpZiAob2xkU3R5bGUgPT09IHN0eWxlKSByZXR1cm47XG4gIG9sZFN0eWxlID0gb2xkU3R5bGUgfHwge307XG4gIHN0eWxlID0gc3R5bGUgfHwge307XG4gIGNvbnN0IG9sZEhhc0RlbCA9IFwiZGVsYXllZFwiIGluIG9sZFN0eWxlO1xuXG4gIGZvciAobmFtZSBpbiBvbGRTdHlsZSkge1xuICAgIGlmICghc3R5bGVbbmFtZV0pIHtcbiAgICAgIGlmIChuYW1lWzBdID09PSBcIi1cIiAmJiBuYW1lWzFdID09PSBcIi1cIikge1xuICAgICAgICAoZWxtIGFzIGFueSkuc3R5bGUucmVtb3ZlUHJvcGVydHkobmFtZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAoZWxtIGFzIGFueSkuc3R5bGVbbmFtZV0gPSBcIlwiO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBmb3IgKG5hbWUgaW4gc3R5bGUpIHtcbiAgICBjdXIgPSBzdHlsZVtuYW1lXTtcbiAgICBpZiAobmFtZSA9PT0gXCJkZWxheWVkXCIgJiYgc3R5bGUuZGVsYXllZCkge1xuICAgICAgZm9yIChjb25zdCBuYW1lMiBpbiBzdHlsZS5kZWxheWVkKSB7XG4gICAgICAgIGN1ciA9IHN0eWxlLmRlbGF5ZWRbbmFtZTJdO1xuICAgICAgICBpZiAoIW9sZEhhc0RlbCB8fCBjdXIgIT09IChvbGRTdHlsZS5kZWxheWVkIGFzIGFueSlbbmFtZTJdKSB7XG4gICAgICAgICAgc2V0TmV4dEZyYW1lKChlbG0gYXMgYW55KS5zdHlsZSwgbmFtZTIsIGN1cik7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKG5hbWUgIT09IFwicmVtb3ZlXCIgJiYgY3VyICE9PSBvbGRTdHlsZVtuYW1lXSkge1xuICAgICAgaWYgKG5hbWVbMF0gPT09IFwiLVwiICYmIG5hbWVbMV0gPT09IFwiLVwiKSB7XG4gICAgICAgIChlbG0gYXMgYW55KS5zdHlsZS5zZXRQcm9wZXJ0eShuYW1lLCBjdXIpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgKGVsbSBhcyBhbnkpLnN0eWxlW25hbWVdID0gY3VyO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBhcHBseURlc3Ryb3lTdHlsZSh2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IHN0eWxlOiBhbnk7XG4gIGxldCBuYW1lOiBzdHJpbmc7XG4gIGNvbnN0IGVsbSA9IHZub2RlLmVsbTtcbiAgY29uc3QgcyA9ICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuc3R5bGU7XG4gIGlmICghcyB8fCAhKHN0eWxlID0gcy5kZXN0cm95KSkgcmV0dXJuO1xuICBmb3IgKG5hbWUgaW4gc3R5bGUpIHtcbiAgICAoZWxtIGFzIGFueSkuc3R5bGVbbmFtZV0gPSBzdHlsZVtuYW1lXTtcbiAgfVxufVxuXG5mdW5jdGlvbiBhcHBseVJlbW92ZVN0eWxlKHZub2RlOiBWTm9kZSwgcm06ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgY29uc3QgcyA9ICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuc3R5bGU7XG4gIGlmICghcyB8fCAhcy5yZW1vdmUpIHtcbiAgICBybSgpO1xuICAgIHJldHVybjtcbiAgfVxuICBpZiAoIXJlZmxvd0ZvcmNlZCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLWV4cHJlc3Npb25zXG4gICAgKHZub2RlLmVsbSBhcyBhbnkpLm9mZnNldExlZnQ7XG4gICAgcmVmbG93Rm9yY2VkID0gdHJ1ZTtcbiAgfVxuICBsZXQgbmFtZTogc3RyaW5nO1xuICBjb25zdCBlbG0gPSB2bm9kZS5lbG07XG4gIGxldCBpID0gMDtcbiAgY29uc3Qgc3R5bGUgPSBzLnJlbW92ZTtcbiAgbGV0IGFtb3VudCA9IDA7XG4gIGNvbnN0IGFwcGxpZWQ6IHN0cmluZ1tdID0gW107XG4gIGZvciAobmFtZSBpbiBzdHlsZSkge1xuICAgIGFwcGxpZWQucHVzaChuYW1lKTtcbiAgICAoZWxtIGFzIGFueSkuc3R5bGVbbmFtZV0gPSBzdHlsZVtuYW1lXTtcbiAgfVxuICBjb25zdCBjb21wU3R5bGUgPSBnZXRDb21wdXRlZFN0eWxlKGVsbSBhcyBFbGVtZW50KTtcbiAgY29uc3QgcHJvcHMgPSAoY29tcFN0eWxlIGFzIGFueSlbXCJ0cmFuc2l0aW9uLXByb3BlcnR5XCJdLnNwbGl0KFwiLCBcIik7XG4gIGZvciAoOyBpIDwgcHJvcHMubGVuZ3RoOyArK2kpIHtcbiAgICBpZiAoYXBwbGllZC5pbmRleE9mKHByb3BzW2ldKSAhPT0gLTEpIGFtb3VudCsrO1xuICB9XG4gIChlbG0gYXMgRWxlbWVudCkuYWRkRXZlbnRMaXN0ZW5lcihcbiAgICBcInRyYW5zaXRpb25lbmRcIixcbiAgICBmdW5jdGlvbiAoZXY6IFRyYW5zaXRpb25FdmVudCkge1xuICAgICAgaWYgKGV2LnRhcmdldCA9PT0gZWxtKSAtLWFtb3VudDtcbiAgICAgIGlmIChhbW91bnQgPT09IDApIHJtKCk7XG4gICAgfVxuICApO1xufVxuXG5mdW5jdGlvbiBmb3JjZVJlZmxvdygpIHtcbiAgcmVmbG93Rm9yY2VkID0gZmFsc2U7XG59XG5cbmV4cG9ydCBjb25zdCBzdHlsZU1vZHVsZTogTW9kdWxlID0ge1xuICBwcmU6IGZvcmNlUmVmbG93LFxuICBjcmVhdGU6IHVwZGF0ZVN0eWxlLFxuICB1cGRhdGU6IHVwZGF0ZVN0eWxlLFxuICBkZXN0cm95OiBhcHBseURlc3Ryb3lTdHlsZSxcbiAgcmVtb3ZlOiBhcHBseVJlbW92ZVN0eWxlLFxufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/style.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/thunk.js":
+/*!***********************************************!*\
+  !*** ../node_modules/snabbdom/build/thunk.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"thunk\": () => (/* binding */ thunk)\n/* harmony export */ });\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n\nfunction copyToThunk(vnode, thunk) {\n    var _a;\n    const ns = (_a = thunk.data) === null || _a === void 0 ? void 0 : _a.ns;\n    vnode.data.fn = thunk.data.fn;\n    vnode.data.args = thunk.data.args;\n    thunk.data = vnode.data;\n    thunk.children = vnode.children;\n    thunk.text = vnode.text;\n    thunk.elm = vnode.elm;\n    if (ns)\n        (0,_h__WEBPACK_IMPORTED_MODULE_0__.addNS)(thunk.data, thunk.children, thunk.sel);\n}\nfunction init(thunk) {\n    const cur = thunk.data;\n    const vnode = cur.fn(...cur.args);\n    copyToThunk(vnode, thunk);\n}\nfunction prepatch(oldVnode, thunk) {\n    let i;\n    const old = oldVnode.data;\n    const cur = thunk.data;\n    const oldArgs = old.args;\n    const args = cur.args;\n    if (old.fn !== cur.fn || oldArgs.length !== args.length) {\n        copyToThunk(cur.fn(...args), thunk);\n        return;\n    }\n    for (i = 0; i < args.length; ++i) {\n        if (oldArgs[i] !== args[i]) {\n            copyToThunk(cur.fn(...args), thunk);\n            return;\n        }\n    }\n    copyToThunk(oldVnode, thunk);\n}\nconst thunk = function thunk(sel, key, fn, args) {\n    if (args === undefined) {\n        args = fn;\n        fn = key;\n        key = undefined;\n    }\n    return (0,_h__WEBPACK_IMPORTED_MODULE_0__.h)(sel, {\n        key: key,\n        hook: { init, prepatch },\n        fn: fn,\n        args: args,\n    });\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL3RodW5rLmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7O0FBQytCO0FBZ0IvQixTQUFTLFdBQVcsQ0FBQyxLQUFZLEVBQUUsS0FBWTs7SUFDN0MsTUFBTSxFQUFFLEdBQUcsV0FBSyxDQUFDLElBQUksMENBQUUsRUFBRSxDQUFDO0lBQ3pCLEtBQUssQ0FBQyxJQUFrQixDQUFDLEVBQUUsR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxFQUFFLENBQUM7SUFDM0QsS0FBSyxDQUFDLElBQWtCLENBQUMsSUFBSSxHQUFJLEtBQUssQ0FBQyxJQUFrQixDQUFDLElBQUksQ0FBQztJQUNoRSxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDeEIsS0FBSyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQ2hDLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN4QixLQUFLLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUM7SUFDdEIsSUFBSSxFQUFFO1FBQUUseUNBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFFRCxTQUFTLElBQUksQ0FBQyxLQUFZO0lBQ3hCLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxJQUFpQixDQUFDO0lBQ3BDLE1BQU0sS0FBSyxHQUFJLEdBQUcsQ0FBQyxFQUFVLENBQUMsR0FBRyxHQUFHLENBQUMsSUFBSyxDQUFDLENBQUM7SUFDNUMsV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztBQUM1QixDQUFDO0FBRUQsU0FBUyxRQUFRLENBQUMsUUFBZSxFQUFFLEtBQVk7SUFDN0MsSUFBSSxDQUFTLENBQUM7SUFDZCxNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsSUFBaUIsQ0FBQztJQUN2QyxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBaUIsQ0FBQztJQUNwQyxNQUFNLE9BQU8sR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO0lBQ3pCLE1BQU0sSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUM7SUFDdEIsSUFBSSxHQUFHLENBQUMsRUFBRSxLQUFLLEdBQUcsQ0FBQyxFQUFFLElBQUssT0FBZSxDQUFDLE1BQU0sS0FBTSxJQUFZLENBQUMsTUFBTSxFQUFFO1FBQ3pFLFdBQVcsQ0FBRSxHQUFHLENBQUMsRUFBVSxDQUFDLEdBQUcsSUFBSyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDOUMsT0FBTztLQUNSO0lBQ0QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBSSxJQUFZLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1FBQ3pDLElBQUssT0FBZSxDQUFDLENBQUMsQ0FBQyxLQUFNLElBQVksQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM1QyxXQUFXLENBQUUsR0FBRyxDQUFDLEVBQVUsQ0FBQyxHQUFHLElBQUssQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBQzlDLE9BQU87U0FDUjtLQUNGO0lBQ0QsV0FBVyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztBQUMvQixDQUFDO0FBRU0sTUFBTSxLQUFLLEdBQUcsU0FBUyxLQUFLLENBQ2pDLEdBQVcsRUFDWCxHQUFTLEVBQ1QsRUFBUSxFQUNSLElBQVU7SUFFVixJQUFJLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDdEIsSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLEVBQUUsR0FBRyxHQUFHLENBQUM7UUFDVCxHQUFHLEdBQUcsU0FBUyxDQUFDO0tBQ2pCO0lBQ0QsT0FBTyxxQ0FBQyxDQUFDLEdBQUcsRUFBRTtRQUNaLEdBQUcsRUFBRSxHQUFHO1FBQ1IsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRTtRQUN4QixFQUFFLEVBQUUsRUFBRTtRQUNOLElBQUksRUFBRSxJQUFJO0tBQ1gsQ0FBQyxDQUFDO0FBQ0wsQ0FBWSxDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvdGh1bmsudHM/NDNkYyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWTm9kZSwgVk5vZGVEYXRhIH0gZnJvbSBcIi4vdm5vZGVcIjtcbmltcG9ydCB7IGgsIGFkZE5TIH0gZnJvbSBcIi4vaFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW5rRGF0YSBleHRlbmRzIFZOb2RlRGF0YSB7XG4gIGZuOiAoKSA9PiBWTm9kZTtcbiAgYXJnczogYW55W107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bmsgZXh0ZW5kcyBWTm9kZSB7XG4gIGRhdGE6IFRodW5rRGF0YTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUaHVua0ZuIHtcbiAgKHNlbDogc3RyaW5nLCBmbjogKC4uLmFyZ3M6IGFueVtdKSA9PiBhbnksIGFyZ3M6IGFueVtdKTogVGh1bms7XG4gIChzZWw6IHN0cmluZywga2V5OiBhbnksIGZuOiAoLi4uYXJnczogYW55W10pID0+IGFueSwgYXJnczogYW55W10pOiBUaHVuaztcbn1cblxuZnVuY3Rpb24gY29weVRvVGh1bmsodm5vZGU6IFZOb2RlLCB0aHVuazogVk5vZGUpOiB2b2lkIHtcbiAgY29uc3QgbnMgPSB0aHVuay5kYXRhPy5ucztcbiAgKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5mbiA9ICh0aHVuay5kYXRhIGFzIFZOb2RlRGF0YSkuZm47XG4gICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuYXJncyA9ICh0aHVuay5kYXRhIGFzIFZOb2RlRGF0YSkuYXJncztcbiAgdGh1bmsuZGF0YSA9IHZub2RlLmRhdGE7XG4gIHRodW5rLmNoaWxkcmVuID0gdm5vZGUuY2hpbGRyZW47XG4gIHRodW5rLnRleHQgPSB2bm9kZS50ZXh0O1xuICB0aHVuay5lbG0gPSB2bm9kZS5lbG07XG4gIGlmIChucykgYWRkTlModGh1bmsuZGF0YSwgdGh1bmsuY2hpbGRyZW4sIHRodW5rLnNlbCk7XG59XG5cbmZ1bmN0aW9uIGluaXQodGh1bms6IFZOb2RlKTogdm9pZCB7XG4gIGNvbnN0IGN1ciA9IHRodW5rLmRhdGEgYXMgVk5vZGVEYXRhO1xuICBjb25zdCB2bm9kZSA9IChjdXIuZm4gYXMgYW55KSguLi5jdXIuYXJncyEpO1xuICBjb3B5VG9UaHVuayh2bm9kZSwgdGh1bmspO1xufVxuXG5mdW5jdGlvbiBwcmVwYXRjaChvbGRWbm9kZTogVk5vZGUsIHRodW5rOiBWTm9kZSk6IHZvaWQge1xuICBsZXQgaTogbnVtYmVyO1xuICBjb25zdCBvbGQgPSBvbGRWbm9kZS5kYXRhIGFzIFZOb2RlRGF0YTtcbiAgY29uc3QgY3VyID0gdGh1bmsuZGF0YSBhcyBWTm9kZURhdGE7XG4gIGNvbnN0IG9sZEFyZ3MgPSBvbGQuYXJncztcbiAgY29uc3QgYXJncyA9IGN1ci5hcmdzO1xuICBpZiAob2xkLmZuICE9PSBjdXIuZm4gfHwgKG9sZEFyZ3MgYXMgYW55KS5sZW5ndGggIT09IChhcmdzIGFzIGFueSkubGVuZ3RoKSB7XG4gICAgY29weVRvVGh1bmsoKGN1ci5mbiBhcyBhbnkpKC4uLmFyZ3MhKSwgdGh1bmspO1xuICAgIHJldHVybjtcbiAgfVxuICBmb3IgKGkgPSAwOyBpIDwgKGFyZ3MgYXMgYW55KS5sZW5ndGg7ICsraSkge1xuICAgIGlmICgob2xkQXJncyBhcyBhbnkpW2ldICE9PSAoYXJncyBhcyBhbnkpW2ldKSB7XG4gICAgICBjb3B5VG9UaHVuaygoY3VyLmZuIGFzIGFueSkoLi4uYXJncyEpLCB0aHVuayk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICB9XG4gIGNvcHlUb1RodW5rKG9sZFZub2RlLCB0aHVuayk7XG59XG5cbmV4cG9ydCBjb25zdCB0aHVuayA9IGZ1bmN0aW9uIHRodW5rKFxuICBzZWw6IHN0cmluZyxcbiAga2V5PzogYW55LFxuICBmbj86IGFueSxcbiAgYXJncz86IGFueVxuKTogVk5vZGUge1xuICBpZiAoYXJncyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgYXJncyA9IGZuO1xuICAgIGZuID0ga2V5O1xuICAgIGtleSA9IHVuZGVmaW5lZDtcbiAgfVxuICByZXR1cm4gaChzZWwsIHtcbiAgICBrZXk6IGtleSxcbiAgICBob29rOiB7IGluaXQsIHByZXBhdGNoIH0sXG4gICAgZm46IGZuLFxuICAgIGFyZ3M6IGFyZ3MsXG4gIH0pO1xufSBhcyBUaHVua0ZuO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/thunk.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/tovnode.js":
+/*!*************************************************!*\
+  !*** ../node_modules/snabbdom/build/tovnode.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"toVNode\": () => (/* binding */ toVNode)\n/* harmony export */ });\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _htmldomapi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./htmldomapi */ \"../node_modules/snabbdom/build/htmldomapi.js\");\n\n\n\nfunction toVNode(node, domApi) {\n    const api = domApi !== undefined ? domApi : _htmldomapi__WEBPACK_IMPORTED_MODULE_0__.htmlDomApi;\n    let text;\n    if (api.isElement(node)) {\n        const id = node.id ? \"#\" + node.id : \"\";\n        const cn = node.getAttribute(\"class\");\n        const c = cn ? \".\" + cn.split(\" \").join(\".\") : \"\";\n        const sel = api.tagName(node).toLowerCase() + id + c;\n        const attrs = {};\n        const children = [];\n        let name;\n        let i, n;\n        const elmAttrs = node.attributes;\n        const elmChildren = node.childNodes;\n        for (i = 0, n = elmAttrs.length; i < n; i++) {\n            name = elmAttrs[i].nodeName;\n            if (name !== \"id\" && name !== \"class\") {\n                attrs[name] = elmAttrs[i].nodeValue;\n            }\n        }\n        for (i = 0, n = elmChildren.length; i < n; i++) {\n            children.push(toVNode(elmChildren[i], domApi));\n        }\n        const data = { attrs };\n        if (sel[0] === \"s\" &&\n            sel[1] === \"v\" &&\n            sel[2] === \"g\" &&\n            (sel.length === 3 || sel[3] === \".\" || sel[3] === \"#\")) {\n            (0,_h__WEBPACK_IMPORTED_MODULE_1__.addNS)(data, children, sel);\n        }\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(sel, data, children, undefined, node);\n    }\n    else if (api.isText(node)) {\n        text = api.getTextContent(node);\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(undefined, undefined, undefined, text, node);\n    }\n    else if (api.isComment(node)) {\n        text = api.getTextContent(node);\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(\"!\", {}, [], text, node);\n    }\n    else {\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(\"\", {}, [], undefined, node);\n    }\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL3Rvdm5vZGUuanMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUE0QjtBQUNXO0FBQ1c7QUFFM0MsU0FBUyxPQUFPLENBQUMsSUFBVSxFQUFFLE1BQWU7SUFDakQsTUFBTSxHQUFHLEdBQVcsTUFBTSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxtREFBVSxDQUFDO0lBQy9ELElBQUksSUFBWSxDQUFDO0lBQ2pCLElBQUksR0FBRyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUN2QixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3hDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdEMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNsRCxNQUFNLEdBQUcsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDckQsTUFBTSxLQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sUUFBUSxHQUFZLEVBQUUsQ0FBQztRQUM3QixJQUFJLElBQVksQ0FBQztRQUNqQixJQUFJLENBQVMsRUFBRSxDQUFTLENBQUM7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNqQyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ3BDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQzNDLElBQUksR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO1lBQzVCLElBQUksSUFBSSxLQUFLLElBQUksSUFBSSxJQUFJLEtBQUssT0FBTyxFQUFFO2dCQUNyQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQzthQUNyQztTQUNGO1FBQ0QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDOUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7U0FDaEQ7UUFDRCxNQUFNLElBQUksR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQ0UsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUc7WUFDZCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRztZQUNkLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHO1lBQ2QsQ0FBQyxHQUFHLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsRUFDdEQ7WUFDQSx5Q0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDNUI7UUFDRCxPQUFPLDZDQUFLLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDO0tBQ3BEO1NBQU0sSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQzNCLElBQUksR0FBRyxHQUFHLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBVyxDQUFDO1FBQzFDLE9BQU8sNkNBQUssQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7S0FDM0Q7U0FBTSxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDOUIsSUFBSSxHQUFHLEdBQUcsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFXLENBQUM7UUFDMUMsT0FBTyw2Q0FBSyxDQUFDLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFXLENBQUMsQ0FBQztLQUM5QztTQUFNO1FBQ0wsT0FBTyw2Q0FBSyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFXLENBQUMsQ0FBQztLQUNsRDtBQUNILENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy90b3Zub2RlLnRzPzE0ZjgiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWRkTlMgfSBmcm9tIFwiLi9oXCI7XG5pbXBvcnQgeyB2bm9kZSwgVk5vZGUgfSBmcm9tIFwiLi92bm9kZVwiO1xuaW1wb3J0IHsgaHRtbERvbUFwaSwgRE9NQVBJIH0gZnJvbSBcIi4vaHRtbGRvbWFwaVwiO1xuXG5leHBvcnQgZnVuY3Rpb24gdG9WTm9kZShub2RlOiBOb2RlLCBkb21BcGk/OiBET01BUEkpOiBWTm9kZSB7XG4gIGNvbnN0IGFwaTogRE9NQVBJID0gZG9tQXBpICE9PSB1bmRlZmluZWQgPyBkb21BcGkgOiBodG1sRG9tQXBpO1xuICBsZXQgdGV4dDogc3RyaW5nO1xuICBpZiAoYXBpLmlzRWxlbWVudChub2RlKSkge1xuICAgIGNvbnN0IGlkID0gbm9kZS5pZCA/IFwiI1wiICsgbm9kZS5pZCA6IFwiXCI7XG4gICAgY29uc3QgY24gPSBub2RlLmdldEF0dHJpYnV0ZShcImNsYXNzXCIpO1xuICAgIGNvbnN0IGMgPSBjbiA/IFwiLlwiICsgY24uc3BsaXQoXCIgXCIpLmpvaW4oXCIuXCIpIDogXCJcIjtcbiAgICBjb25zdCBzZWwgPSBhcGkudGFnTmFtZShub2RlKS50b0xvd2VyQ2FzZSgpICsgaWQgKyBjO1xuICAgIGNvbnN0IGF0dHJzOiBhbnkgPSB7fTtcbiAgICBjb25zdCBjaGlsZHJlbjogVk5vZGVbXSA9IFtdO1xuICAgIGxldCBuYW1lOiBzdHJpbmc7XG4gICAgbGV0IGk6IG51bWJlciwgbjogbnVtYmVyO1xuICAgIGNvbnN0IGVsbUF0dHJzID0gbm9kZS5hdHRyaWJ1dGVzO1xuICAgIGNvbnN0IGVsbUNoaWxkcmVuID0gbm9kZS5jaGlsZE5vZGVzO1xuICAgIGZvciAoaSA9IDAsIG4gPSBlbG1BdHRycy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgIG5hbWUgPSBlbG1BdHRyc1tpXS5ub2RlTmFtZTtcbiAgICAgIGlmIChuYW1lICE9PSBcImlkXCIgJiYgbmFtZSAhPT0gXCJjbGFzc1wiKSB7XG4gICAgICAgIGF0dHJzW25hbWVdID0gZWxtQXR0cnNbaV0ubm9kZVZhbHVlO1xuICAgICAgfVxuICAgIH1cbiAgICBmb3IgKGkgPSAwLCBuID0gZWxtQ2hpbGRyZW4ubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICBjaGlsZHJlbi5wdXNoKHRvVk5vZGUoZWxtQ2hpbGRyZW5baV0sIGRvbUFwaSkpO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0geyBhdHRycyB9O1xuICAgIGlmIChcbiAgICAgIHNlbFswXSA9PT0gXCJzXCIgJiZcbiAgICAgIHNlbFsxXSA9PT0gXCJ2XCIgJiZcbiAgICAgIHNlbFsyXSA9PT0gXCJnXCIgJiZcbiAgICAgIChzZWwubGVuZ3RoID09PSAzIHx8IHNlbFszXSA9PT0gXCIuXCIgfHwgc2VsWzNdID09PSBcIiNcIilcbiAgICApIHtcbiAgICAgIGFkZE5TKGRhdGEsIGNoaWxkcmVuLCBzZWwpO1xuICAgIH1cbiAgICByZXR1cm4gdm5vZGUoc2VsLCBkYXRhLCBjaGlsZHJlbiwgdW5kZWZpbmVkLCBub2RlKTtcbiAgfSBlbHNlIGlmIChhcGkuaXNUZXh0KG5vZGUpKSB7XG4gICAgdGV4dCA9IGFwaS5nZXRUZXh0Q29udGVudChub2RlKSBhcyBzdHJpbmc7XG4gICAgcmV0dXJuIHZub2RlKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB1bmRlZmluZWQsIHRleHQsIG5vZGUpO1xuICB9IGVsc2UgaWYgKGFwaS5pc0NvbW1lbnQobm9kZSkpIHtcbiAgICB0ZXh0ID0gYXBpLmdldFRleHRDb250ZW50KG5vZGUpIGFzIHN0cmluZztcbiAgICByZXR1cm4gdm5vZGUoXCIhXCIsIHt9LCBbXSwgdGV4dCwgbm9kZSBhcyBhbnkpO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiB2bm9kZShcIlwiLCB7fSwgW10sIHVuZGVmaW5lZCwgbm9kZSBhcyBhbnkpO1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/tovnode.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/snabbdom/build/vnode.js":
+/*!***********************************************!*\
+  !*** ../node_modules/snabbdom/build/vnode.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"vnode\": () => (/* binding */ vnode)\n/* harmony export */ });\nfunction vnode(sel, data, children, text, elm) {\n    const key = data === undefined ? undefined : data.key;\n    return { sel, data, children, text, elm, key };\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL3Zub2RlLmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7QUFxQ08sU0FBUyxLQUFLLENBQ25CLEdBQXVCLEVBQ3ZCLElBQXFCLEVBQ3JCLFFBQTJDLEVBQzNDLElBQXdCLEVBQ3hCLEdBQWtEO0lBRWxELE1BQU0sR0FBRyxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUN0RCxPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQztBQUNqRCxDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvdm5vZGUudHM/MGE1NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIb29rcyB9IGZyb20gXCIuL2hvb2tzXCI7XG5pbXBvcnQgeyBBdHRhY2hEYXRhIH0gZnJvbSBcIi4vaGVscGVycy9hdHRhY2h0b1wiO1xuaW1wb3J0IHsgVk5vZGVTdHlsZSB9IGZyb20gXCIuL21vZHVsZXMvc3R5bGVcIjtcbmltcG9ydCB7IE9uIH0gZnJvbSBcIi4vbW9kdWxlcy9ldmVudGxpc3RlbmVyc1wiO1xuaW1wb3J0IHsgQXR0cnMgfSBmcm9tIFwiLi9tb2R1bGVzL2F0dHJpYnV0ZXNcIjtcbmltcG9ydCB7IENsYXNzZXMgfSBmcm9tIFwiLi9tb2R1bGVzL2NsYXNzXCI7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gXCIuL21vZHVsZXMvcHJvcHNcIjtcbmltcG9ydCB7IERhdGFzZXQgfSBmcm9tIFwiLi9tb2R1bGVzL2RhdGFzZXRcIjtcblxuZXhwb3J0IHR5cGUgS2V5ID0gc3RyaW5nIHwgbnVtYmVyIHwgc3ltYm9sO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZOb2RlIHtcbiAgc2VsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGRhdGE6IFZOb2RlRGF0YSB8IHVuZGVmaW5lZDtcbiAgY2hpbGRyZW46IEFycmF5PFZOb2RlIHwgc3RyaW5nPiB8IHVuZGVmaW5lZDtcbiAgZWxtOiBOb2RlIHwgdW5kZWZpbmVkO1xuICB0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGtleTogS2V5IHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFZOb2RlRGF0YSB7XG4gIHByb3BzPzogUHJvcHM7XG4gIGF0dHJzPzogQXR0cnM7XG4gIGNsYXNzPzogQ2xhc3NlcztcbiAgc3R5bGU/OiBWTm9kZVN0eWxlO1xuICBkYXRhc2V0PzogRGF0YXNldDtcbiAgb24/OiBPbjtcbiAgYXR0YWNoRGF0YT86IEF0dGFjaERhdGE7XG4gIGhvb2s/OiBIb29rcztcbiAga2V5PzogS2V5O1xuICBucz86IHN0cmluZzsgLy8gZm9yIFNWR3NcbiAgZm4/OiAoKSA9PiBWTm9kZTsgLy8gZm9yIHRodW5rc1xuICBhcmdzPzogYW55W107IC8vIGZvciB0aHVua3NcbiAgaXM/OiBzdHJpbmc7IC8vIGZvciBjdXN0b20gZWxlbWVudHMgdjFcbiAgW2tleTogc3RyaW5nXTogYW55OyAvLyBmb3IgYW55IG90aGVyIDNyZCBwYXJ0eSBtb2R1bGVcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHZub2RlKFxuICBzZWw6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgZGF0YTogYW55IHwgdW5kZWZpbmVkLFxuICBjaGlsZHJlbjogQXJyYXk8Vk5vZGUgfCBzdHJpbmc+IHwgdW5kZWZpbmVkLFxuICB0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gIGVsbTogRWxlbWVudCB8IERvY3VtZW50RnJhZ21lbnQgfCBUZXh0IHwgdW5kZWZpbmVkXG4pOiBWTm9kZSB7XG4gIGNvbnN0IGtleSA9IGRhdGEgPT09IHVuZGVmaW5lZCA/IHVuZGVmaW5lZCA6IGRhdGEua2V5O1xuICByZXR1cm4geyBzZWwsIGRhdGEsIGNoaWxkcmVuLCB0ZXh0LCBlbG0sIGtleSB9O1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/vnode.js\n");
+
+/***/ }),
+
+/***/ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
+/*!*****************************************************************************!*\
+  !*** ../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
+  \*****************************************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+eval("\n\nvar isOldIE = function isOldIE() {\n  var memo;\n  return function memorize() {\n    if (typeof memo === 'undefined') {\n      // Test for IE <= 9 as proposed by Browserhacks\n      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n      // Tests for existence of standard globals is to allow style-loader\n      // to operate correctly into non-standard environments\n      // @see https://github.com/webpack-contrib/style-loader/issues/177\n      memo = Boolean(window && document && document.all && !window.atob);\n    }\n\n    return memo;\n  };\n}();\n\nvar getTarget = function getTarget() {\n  var memo = {};\n  return function memorize(target) {\n    if (typeof memo[target] === 'undefined') {\n      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n        try {\n          // This will throw an exception if access to iframe is blocked\n          // due to cross-origin restrictions\n          styleTarget = styleTarget.contentDocument.head;\n        } catch (e) {\n          // istanbul ignore next\n          styleTarget = null;\n        }\n      }\n\n      memo[target] = styleTarget;\n    }\n\n    return memo[target];\n  };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDom.length; i++) {\n    if (stylesInDom[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var index = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3]\n    };\n\n    if (index !== -1) {\n      stylesInDom[index].references++;\n      stylesInDom[index].updater(obj);\n    } else {\n      stylesInDom.push({\n        identifier: identifier,\n        updater: addStyle(obj, options),\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction insertStyleElement(options) {\n  var style = document.createElement('style');\n  var attributes = options.attributes || {};\n\n  if (typeof attributes.nonce === 'undefined') {\n    var nonce =  true ? __webpack_require__.nc : 0;\n\n    if (nonce) {\n      attributes.nonce = nonce;\n    }\n  }\n\n  Object.keys(attributes).forEach(function (key) {\n    style.setAttribute(key, attributes[key]);\n  });\n\n  if (typeof options.insert === 'function') {\n    options.insert(style);\n  } else {\n    var target = getTarget(options.insert || 'head');\n\n    if (!target) {\n      throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n    }\n\n    target.appendChild(style);\n  }\n\n  return style;\n}\n\nfunction removeStyleElement(style) {\n  // istanbul ignore if\n  if (style.parentNode === null) {\n    return false;\n  }\n\n  style.parentNode.removeChild(style);\n}\n/* istanbul ignore next  */\n\n\nvar replaceText = function replaceText() {\n  var textStore = [];\n  return function replace(index, replacement) {\n    textStore[index] = replacement;\n    return textStore.filter(Boolean).join('\\n');\n  };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n  var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n  /* istanbul ignore if  */\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = replaceText(index, css);\n  } else {\n    var cssNode = document.createTextNode(css);\n    var childNodes = style.childNodes;\n\n    if (childNodes[index]) {\n      style.removeChild(childNodes[index]);\n    }\n\n    if (childNodes.length) {\n      style.insertBefore(cssNode, childNodes[index]);\n    } else {\n      style.appendChild(cssNode);\n    }\n  }\n}\n\nfunction applyToTag(style, options, obj) {\n  var css = obj.css;\n  var media = obj.media;\n  var sourceMap = obj.sourceMap;\n\n  if (media) {\n    style.setAttribute('media', media);\n  } else {\n    style.removeAttribute('media');\n  }\n\n  if (sourceMap && typeof btoa !== 'undefined') {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    while (style.firstChild) {\n      style.removeChild(style.firstChild);\n    }\n\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n  var style;\n  var update;\n  var remove;\n\n  if (options.singleton) {\n    var styleIndex = singletonCounter++;\n    style = singleton || (singleton = insertStyleElement(options));\n    update = applyToSingletonTag.bind(null, style, styleIndex, false);\n    remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n  } else {\n    style = insertStyleElement(options);\n    update = applyToTag.bind(null, style, options);\n\n    remove = function remove() {\n      removeStyleElement(style);\n    };\n  }\n\n  update(obj);\n  return function updateStyle(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n        return;\n      }\n\n      update(obj = newObj);\n    } else {\n      remove();\n    }\n  };\n}\n\nmodule.exports = function (list, options) {\n  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n  // tags it will allow on a page\n\n  if (!options.singleton && typeof options.singleton !== 'boolean') {\n    options.singleton = isOldIE();\n  }\n\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    if (Object.prototype.toString.call(newList) !== '[object Array]') {\n      return;\n    }\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDom[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDom[_index].references === 0) {\n        stylesInDom[_index].updater();\n\n        stylesInDom.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3N0eWxlLWxvYWRlci9kaXN0L3J1bnRpbWUvaW5qZWN0U3R5bGVzSW50b1N0eWxlVGFnLmpzLmpzIiwibWFwcGluZ3MiOiJBQUFhOztBQUViO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSx3REFBd0Q7O0FBRXhEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsQ0FBQzs7QUFFRDs7QUFFQTtBQUNBOztBQUVBLGtCQUFrQix3QkFBd0I7QUFDMUM7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxrQkFBa0IsaUJBQWlCO0FBQ25DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxnQkFBZ0IsS0FBd0MsR0FBRyxzQkFBaUIsR0FBRyxDQUFJOztBQUVuRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLENBQUM7O0FBRUQ7QUFDQSxxRUFBcUUscUJBQXFCLGNBQWM7O0FBRXhHOztBQUVBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQSx5REFBeUQ7QUFDekQsSUFBSTs7QUFFSjs7O0FBR0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLDJCQUEyQjtBQUMzQjs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBLG9CQUFvQiw0QkFBNEI7QUFDaEQ7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUEscUJBQXFCLDZCQUE2QjtBQUNsRDs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3N0eWxlLWxvYWRlci9kaXN0L3J1bnRpbWUvaW5qZWN0U3R5bGVzSW50b1N0eWxlVGFnLmpzPzZiZDAiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbnZhciBpc09sZElFID0gZnVuY3Rpb24gaXNPbGRJRSgpIHtcbiAgdmFyIG1lbW87XG4gIHJldHVybiBmdW5jdGlvbiBtZW1vcml6ZSgpIHtcbiAgICBpZiAodHlwZW9mIG1lbW8gPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAvLyBUZXN0IGZvciBJRSA8PSA5IGFzIHByb3Bvc2VkIGJ5IEJyb3dzZXJoYWNrc1xuICAgICAgLy8gQHNlZSBodHRwOi8vYnJvd3NlcmhhY2tzLmNvbS8jaGFjay1lNzFkODY5MmY2NTMzNDE3M2ZlZTcxNWMyMjJjYjgwNVxuICAgICAgLy8gVGVzdHMgZm9yIGV4aXN0ZW5jZSBvZiBzdGFuZGFyZCBnbG9iYWxzIGlzIHRvIGFsbG93IHN0eWxlLWxvYWRlclxuICAgICAgLy8gdG8gb3BlcmF0ZSBjb3JyZWN0bHkgaW50byBub24tc3RhbmRhcmQgZW52aXJvbm1lbnRzXG4gICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS93ZWJwYWNrLWNvbnRyaWIvc3R5bGUtbG9hZGVyL2lzc3Vlcy8xNzdcbiAgICAgIG1lbW8gPSBCb29sZWFuKHdpbmRvdyAmJiBkb2N1bWVudCAmJiBkb2N1bWVudC5hbGwgJiYgIXdpbmRvdy5hdG9iKTtcbiAgICB9XG5cbiAgICByZXR1cm4gbWVtbztcbiAgfTtcbn0oKTtcblxudmFyIGdldFRhcmdldCA9IGZ1bmN0aW9uIGdldFRhcmdldCgpIHtcbiAgdmFyIG1lbW8gPSB7fTtcbiAgcmV0dXJuIGZ1bmN0aW9uIG1lbW9yaXplKHRhcmdldCkge1xuICAgIGlmICh0eXBlb2YgbWVtb1t0YXJnZXRdID09PSAndW5kZWZpbmVkJykge1xuICAgICAgdmFyIHN0eWxlVGFyZ2V0ID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcih0YXJnZXQpOyAvLyBTcGVjaWFsIGNhc2UgdG8gcmV0dXJuIGhlYWQgb2YgaWZyYW1lIGluc3RlYWQgb2YgaWZyYW1lIGl0c2VsZlxuXG4gICAgICBpZiAod2luZG93LkhUTUxJRnJhbWVFbGVtZW50ICYmIHN0eWxlVGFyZ2V0IGluc3RhbmNlb2Ygd2luZG93LkhUTUxJRnJhbWVFbGVtZW50KSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgLy8gVGhpcyB3aWxsIHRocm93IGFuIGV4Y2VwdGlvbiBpZiBhY2Nlc3MgdG8gaWZyYW1lIGlzIGJsb2NrZWRcbiAgICAgICAgICAvLyBkdWUgdG8gY3Jvc3Mtb3JpZ2luIHJlc3RyaWN0aW9uc1xuICAgICAgICAgIHN0eWxlVGFyZ2V0ID0gc3R5bGVUYXJnZXQuY29udGVudERvY3VtZW50LmhlYWQ7XG4gICAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgICAvLyBpc3RhbmJ1bCBpZ25vcmUgbmV4dFxuICAgICAgICAgIHN0eWxlVGFyZ2V0ID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBtZW1vW3RhcmdldF0gPSBzdHlsZVRhcmdldDtcbiAgICB9XG5cbiAgICByZXR1cm4gbWVtb1t0YXJnZXRdO1xuICB9O1xufSgpO1xuXG52YXIgc3R5bGVzSW5Eb20gPSBbXTtcblxuZnVuY3Rpb24gZ2V0SW5kZXhCeUlkZW50aWZpZXIoaWRlbnRpZmllcikge1xuICB2YXIgcmVzdWx0ID0gLTE7XG5cbiAgZm9yICh2YXIgaSA9IDA7IGkgPCBzdHlsZXNJbkRvbS5sZW5ndGg7IGkrKykge1xuICAgIGlmIChzdHlsZXNJbkRvbVtpXS5pZGVudGlmaWVyID09PSBpZGVudGlmaWVyKSB7XG4gICAgICByZXN1bHQgPSBpO1xuICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIHJlc3VsdDtcbn1cblxuZnVuY3Rpb24gbW9kdWxlc1RvRG9tKGxpc3QsIG9wdGlvbnMpIHtcbiAgdmFyIGlkQ291bnRNYXAgPSB7fTtcbiAgdmFyIGlkZW50aWZpZXJzID0gW107XG5cbiAgZm9yICh2YXIgaSA9IDA7IGkgPCBsaXN0Lmxlbmd0aDsgaSsrKSB7XG4gICAgdmFyIGl0ZW0gPSBsaXN0W2ldO1xuICAgIHZhciBpZCA9IG9wdGlvbnMuYmFzZSA/IGl0ZW1bMF0gKyBvcHRpb25zLmJhc2UgOiBpdGVtWzBdO1xuICAgIHZhciBjb3VudCA9IGlkQ291bnRNYXBbaWRdIHx8IDA7XG4gICAgdmFyIGlkZW50aWZpZXIgPSBcIlwiLmNvbmNhdChpZCwgXCIgXCIpLmNvbmNhdChjb3VudCk7XG4gICAgaWRDb3VudE1hcFtpZF0gPSBjb3VudCArIDE7XG4gICAgdmFyIGluZGV4ID0gZ2V0SW5kZXhCeUlkZW50aWZpZXIoaWRlbnRpZmllcik7XG4gICAgdmFyIG9iaiA9IHtcbiAgICAgIGNzczogaXRlbVsxXSxcbiAgICAgIG1lZGlhOiBpdGVtWzJdLFxuICAgICAgc291cmNlTWFwOiBpdGVtWzNdXG4gICAgfTtcblxuICAgIGlmIChpbmRleCAhPT0gLTEpIHtcbiAgICAgIHN0eWxlc0luRG9tW2luZGV4XS5yZWZlcmVuY2VzKys7XG4gICAgICBzdHlsZXNJbkRvbVtpbmRleF0udXBkYXRlcihvYmopO1xuICAgIH0gZWxzZSB7XG4gICAgICBzdHlsZXNJbkRvbS5wdXNoKHtcbiAgICAgICAgaWRlbnRpZmllcjogaWRlbnRpZmllcixcbiAgICAgICAgdXBkYXRlcjogYWRkU3R5bGUob2JqLCBvcHRpb25zKSxcbiAgICAgICAgcmVmZXJlbmNlczogMVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgaWRlbnRpZmllcnMucHVzaChpZGVudGlmaWVyKTtcbiAgfVxuXG4gIHJldHVybiBpZGVudGlmaWVycztcbn1cblxuZnVuY3Rpb24gaW5zZXJ0U3R5bGVFbGVtZW50KG9wdGlvbnMpIHtcbiAgdmFyIHN0eWxlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3R5bGUnKTtcbiAgdmFyIGF0dHJpYnV0ZXMgPSBvcHRpb25zLmF0dHJpYnV0ZXMgfHwge307XG5cbiAgaWYgKHR5cGVvZiBhdHRyaWJ1dGVzLm5vbmNlID09PSAndW5kZWZpbmVkJykge1xuICAgIHZhciBub25jZSA9IHR5cGVvZiBfX3dlYnBhY2tfbm9uY2VfXyAhPT0gJ3VuZGVmaW5lZCcgPyBfX3dlYnBhY2tfbm9uY2VfXyA6IG51bGw7XG5cbiAgICBpZiAobm9uY2UpIHtcbiAgICAgIGF0dHJpYnV0ZXMubm9uY2UgPSBub25jZTtcbiAgICB9XG4gIH1cblxuICBPYmplY3Qua2V5cyhhdHRyaWJ1dGVzKS5mb3JFYWNoKGZ1bmN0aW9uIChrZXkpIHtcbiAgICBzdHlsZS5zZXRBdHRyaWJ1dGUoa2V5LCBhdHRyaWJ1dGVzW2tleV0pO1xuICB9KTtcblxuICBpZiAodHlwZW9mIG9wdGlvbnMuaW5zZXJ0ID09PSAnZnVuY3Rpb24nKSB7XG4gICAgb3B0aW9ucy5pbnNlcnQoc3R5bGUpO1xuICB9IGVsc2Uge1xuICAgIHZhciB0YXJnZXQgPSBnZXRUYXJnZXQob3B0aW9ucy5pbnNlcnQgfHwgJ2hlYWQnKTtcblxuICAgIGlmICghdGFyZ2V0KSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXCJDb3VsZG4ndCBmaW5kIGEgc3R5bGUgdGFyZ2V0LiBUaGlzIHByb2JhYmx5IG1lYW5zIHRoYXQgdGhlIHZhbHVlIGZvciB0aGUgJ2luc2VydCcgcGFyYW1ldGVyIGlzIGludmFsaWQuXCIpO1xuICAgIH1cblxuICAgIHRhcmdldC5hcHBlbmRDaGlsZChzdHlsZSk7XG4gIH1cblxuICByZXR1cm4gc3R5bGU7XG59XG5cbmZ1bmN0aW9uIHJlbW92ZVN0eWxlRWxlbWVudChzdHlsZSkge1xuICAvLyBpc3RhbmJ1bCBpZ25vcmUgaWZcbiAgaWYgKHN0eWxlLnBhcmVudE5vZGUgPT09IG51bGwpIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBzdHlsZS5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKHN0eWxlKTtcbn1cbi8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICAqL1xuXG5cbnZhciByZXBsYWNlVGV4dCA9IGZ1bmN0aW9uIHJlcGxhY2VUZXh0KCkge1xuICB2YXIgdGV4dFN0b3JlID0gW107XG4gIHJldHVybiBmdW5jdGlvbiByZXBsYWNlKGluZGV4LCByZXBsYWNlbWVudCkge1xuICAgIHRleHRTdG9yZVtpbmRleF0gPSByZXBsYWNlbWVudDtcbiAgICByZXR1cm4gdGV4dFN0b3JlLmZpbHRlcihCb29sZWFuKS5qb2luKCdcXG4nKTtcbiAgfTtcbn0oKTtcblxuZnVuY3Rpb24gYXBwbHlUb1NpbmdsZXRvblRhZyhzdHlsZSwgaW5kZXgsIHJlbW92ZSwgb2JqKSB7XG4gIHZhciBjc3MgPSByZW1vdmUgPyAnJyA6IG9iai5tZWRpYSA/IFwiQG1lZGlhIFwiLmNvbmNhdChvYmoubWVkaWEsIFwiIHtcIikuY29uY2F0KG9iai5jc3MsIFwifVwiKSA6IG9iai5jc3M7IC8vIEZvciBvbGQgSUVcblxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgaWYgICovXG5cbiAgaWYgKHN0eWxlLnN0eWxlU2hlZXQpIHtcbiAgICBzdHlsZS5zdHlsZVNoZWV0LmNzc1RleHQgPSByZXBsYWNlVGV4dChpbmRleCwgY3NzKTtcbiAgfSBlbHNlIHtcbiAgICB2YXIgY3NzTm9kZSA9IGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKGNzcyk7XG4gICAgdmFyIGNoaWxkTm9kZXMgPSBzdHlsZS5jaGlsZE5vZGVzO1xuXG4gICAgaWYgKGNoaWxkTm9kZXNbaW5kZXhdKSB7XG4gICAgICBzdHlsZS5yZW1vdmVDaGlsZChjaGlsZE5vZGVzW2luZGV4XSk7XG4gICAgfVxuXG4gICAgaWYgKGNoaWxkTm9kZXMubGVuZ3RoKSB7XG4gICAgICBzdHlsZS5pbnNlcnRCZWZvcmUoY3NzTm9kZSwgY2hpbGROb2Rlc1tpbmRleF0pO1xuICAgIH0gZWxzZSB7XG4gICAgICBzdHlsZS5hcHBlbmRDaGlsZChjc3NOb2RlKTtcbiAgICB9XG4gIH1cbn1cblxuZnVuY3Rpb24gYXBwbHlUb1RhZyhzdHlsZSwgb3B0aW9ucywgb2JqKSB7XG4gIHZhciBjc3MgPSBvYmouY3NzO1xuICB2YXIgbWVkaWEgPSBvYmoubWVkaWE7XG4gIHZhciBzb3VyY2VNYXAgPSBvYmouc291cmNlTWFwO1xuXG4gIGlmIChtZWRpYSkge1xuICAgIHN0eWxlLnNldEF0dHJpYnV0ZSgnbWVkaWEnLCBtZWRpYSk7XG4gIH0gZWxzZSB7XG4gICAgc3R5bGUucmVtb3ZlQXR0cmlidXRlKCdtZWRpYScpO1xuICB9XG5cbiAgaWYgKHNvdXJjZU1hcCAmJiB0eXBlb2YgYnRvYSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICBjc3MgKz0gXCJcXG4vKiMgc291cmNlTWFwcGluZ1VSTD1kYXRhOmFwcGxpY2F0aW9uL2pzb247YmFzZTY0LFwiLmNvbmNhdChidG9hKHVuZXNjYXBlKGVuY29kZVVSSUNvbXBvbmVudChKU09OLnN0cmluZ2lmeShzb3VyY2VNYXApKSkpLCBcIiAqL1wiKTtcbiAgfSAvLyBGb3Igb2xkIElFXG5cbiAgLyogaXN0YW5idWwgaWdub3JlIGlmICAqL1xuXG5cbiAgaWYgKHN0eWxlLnN0eWxlU2hlZXQpIHtcbiAgICBzdHlsZS5zdHlsZVNoZWV0LmNzc1RleHQgPSBjc3M7XG4gIH0gZWxzZSB7XG4gICAgd2hpbGUgKHN0eWxlLmZpcnN0Q2hpbGQpIHtcbiAgICAgIHN0eWxlLnJlbW92ZUNoaWxkKHN0eWxlLmZpcnN0Q2hpbGQpO1xuICAgIH1cblxuICAgIHN0eWxlLmFwcGVuZENoaWxkKGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKGNzcykpO1xuICB9XG59XG5cbnZhciBzaW5nbGV0b24gPSBudWxsO1xudmFyIHNpbmdsZXRvbkNvdW50ZXIgPSAwO1xuXG5mdW5jdGlvbiBhZGRTdHlsZShvYmosIG9wdGlvbnMpIHtcbiAgdmFyIHN0eWxlO1xuICB2YXIgdXBkYXRlO1xuICB2YXIgcmVtb3ZlO1xuXG4gIGlmIChvcHRpb25zLnNpbmdsZXRvbikge1xuICAgIHZhciBzdHlsZUluZGV4ID0gc2luZ2xldG9uQ291bnRlcisrO1xuICAgIHN0eWxlID0gc2luZ2xldG9uIHx8IChzaW5nbGV0b24gPSBpbnNlcnRTdHlsZUVsZW1lbnQob3B0aW9ucykpO1xuICAgIHVwZGF0ZSA9IGFwcGx5VG9TaW5nbGV0b25UYWcuYmluZChudWxsLCBzdHlsZSwgc3R5bGVJbmRleCwgZmFsc2UpO1xuICAgIHJlbW92ZSA9IGFwcGx5VG9TaW5nbGV0b25UYWcuYmluZChudWxsLCBzdHlsZSwgc3R5bGVJbmRleCwgdHJ1ZSk7XG4gIH0gZWxzZSB7XG4gICAgc3R5bGUgPSBpbnNlcnRTdHlsZUVsZW1lbnQob3B0aW9ucyk7XG4gICAgdXBkYXRlID0gYXBwbHlUb1RhZy5iaW5kKG51bGwsIHN0eWxlLCBvcHRpb25zKTtcblxuICAgIHJlbW92ZSA9IGZ1bmN0aW9uIHJlbW92ZSgpIHtcbiAgICAgIHJlbW92ZVN0eWxlRWxlbWVudChzdHlsZSk7XG4gICAgfTtcbiAgfVxuXG4gIHVwZGF0ZShvYmopO1xuICByZXR1cm4gZnVuY3Rpb24gdXBkYXRlU3R5bGUobmV3T2JqKSB7XG4gICAgaWYgKG5ld09iaikge1xuICAgICAgaWYgKG5ld09iai5jc3MgPT09IG9iai5jc3MgJiYgbmV3T2JqLm1lZGlhID09PSBvYmoubWVkaWEgJiYgbmV3T2JqLnNvdXJjZU1hcCA9PT0gb2JqLnNvdXJjZU1hcCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHVwZGF0ZShvYmogPSBuZXdPYmopO1xuICAgIH0gZWxzZSB7XG4gICAgICByZW1vdmUoKTtcbiAgICB9XG4gIH07XG59XG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGxpc3QsIG9wdGlvbnMpIHtcbiAgb3B0aW9ucyA9IG9wdGlvbnMgfHwge307IC8vIEZvcmNlIHNpbmdsZS10YWcgc29sdXRpb24gb24gSUU2LTksIHdoaWNoIGhhcyBhIGhhcmQgbGltaXQgb24gdGhlICMgb2YgPHN0eWxlPlxuICAvLyB0YWdzIGl0IHdpbGwgYWxsb3cgb24gYSBwYWdlXG5cbiAgaWYgKCFvcHRpb25zLnNpbmdsZXRvbiAmJiB0eXBlb2Ygb3B0aW9ucy5zaW5nbGV0b24gIT09ICdib29sZWFuJykge1xuICAgIG9wdGlvbnMuc2luZ2xldG9uID0gaXNPbGRJRSgpO1xuICB9XG5cbiAgbGlzdCA9IGxpc3QgfHwgW107XG4gIHZhciBsYXN0SWRlbnRpZmllcnMgPSBtb2R1bGVzVG9Eb20obGlzdCwgb3B0aW9ucyk7XG4gIHJldHVybiBmdW5jdGlvbiB1cGRhdGUobmV3TGlzdCkge1xuICAgIG5ld0xpc3QgPSBuZXdMaXN0IHx8IFtdO1xuXG4gICAgaWYgKE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbChuZXdMaXN0KSAhPT0gJ1tvYmplY3QgQXJyYXldJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGZvciAodmFyIGkgPSAwOyBpIDwgbGFzdElkZW50aWZpZXJzLmxlbmd0aDsgaSsrKSB7XG4gICAgICB2YXIgaWRlbnRpZmllciA9IGxhc3RJZGVudGlmaWVyc1tpXTtcbiAgICAgIHZhciBpbmRleCA9IGdldEluZGV4QnlJZGVudGlmaWVyKGlkZW50aWZpZXIpO1xuICAgICAgc3R5bGVzSW5Eb21baW5kZXhdLnJlZmVyZW5jZXMtLTtcbiAgICB9XG5cbiAgICB2YXIgbmV3TGFzdElkZW50aWZpZXJzID0gbW9kdWxlc1RvRG9tKG5ld0xpc3QsIG9wdGlvbnMpO1xuXG4gICAgZm9yICh2YXIgX2kgPSAwOyBfaSA8IGxhc3RJZGVudGlmaWVycy5sZW5ndGg7IF9pKyspIHtcbiAgICAgIHZhciBfaWRlbnRpZmllciA9IGxhc3RJZGVudGlmaWVyc1tfaV07XG5cbiAgICAgIHZhciBfaW5kZXggPSBnZXRJbmRleEJ5SWRlbnRpZmllcihfaWRlbnRpZmllcik7XG5cbiAgICAgIGlmIChzdHlsZXNJbkRvbVtfaW5kZXhdLnJlZmVyZW5jZXMgPT09IDApIHtcbiAgICAgICAgc3R5bGVzSW5Eb21bX2luZGV4XS51cGRhdGVyKCk7XG5cbiAgICAgICAgc3R5bGVzSW5Eb20uc3BsaWNlKF9pbmRleCwgMSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgbGFzdElkZW50aWZpZXJzID0gbmV3TGFzdElkZW50aWZpZXJzO1xuICB9O1xufTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\n");
+
+/***/ }),
+
+/***/ "./css/diagram.css":
+/*!*************************!*\
+  !*** ./css/diagram.css ***!
+  \*************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("var api = __webpack_require__(/*! !../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = __webpack_require__(/*! !!../../node_modules/css-loader/dist/cjs.js!./diagram.css */ \"../node_modules/css-loader/dist/cjs.js!./css/diagram.css\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jc3MvZGlhZ3JhbS5jc3MuanMiLCJtYXBwaW5ncyI6IkFBQUEsVUFBVSxtQkFBTyxDQUFDLHdKQUEyRTtBQUM3RiwwQkFBMEIsbUJBQU8sQ0FBQywySEFBMkQ7O0FBRTdGOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBOzs7O0FBSUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3MvZGlhZ3JhbS5jc3M/N2RkZCJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgYXBpID0gcmVxdWlyZShcIiEuLi8uLi9ub2RlX21vZHVsZXMvc3R5bGUtbG9hZGVyL2Rpc3QvcnVudGltZS9pbmplY3RTdHlsZXNJbnRvU3R5bGVUYWcuanNcIik7XG4gICAgICAgICAgICB2YXIgY29udGVudCA9IHJlcXVpcmUoXCIhIS4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4vZGlhZ3JhbS5jc3NcIik7XG5cbiAgICAgICAgICAgIGNvbnRlbnQgPSBjb250ZW50Ll9fZXNNb2R1bGUgPyBjb250ZW50LmRlZmF1bHQgOiBjb250ZW50O1xuXG4gICAgICAgICAgICBpZiAodHlwZW9mIGNvbnRlbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgICAgICAgIGNvbnRlbnQgPSBbW21vZHVsZS5pZCwgY29udGVudCwgJyddXTtcbiAgICAgICAgICAgIH1cblxudmFyIG9wdGlvbnMgPSB7fTtcblxub3B0aW9ucy5pbnNlcnQgPSBcImhlYWRcIjtcbm9wdGlvbnMuc2luZ2xldG9uID0gZmFsc2U7XG5cbnZhciB1cGRhdGUgPSBhcGkoY29udGVudCwgb3B0aW9ucyk7XG5cblxuXG5tb2R1bGUuZXhwb3J0cyA9IGNvbnRlbnQubG9jYWxzIHx8IHt9OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./css/diagram.css\n");
+
+/***/ }),
+
+/***/ "./src/jsx.ts":
+/*!********************!*\
+  !*** ./src/jsx.ts ***!
+  \********************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\r\n/********************************************************************************\r\n * Copyright (c) 2017-2021 TypeFox and others.\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License v. 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * This Source Code may also be made available under the following Secondary\r\n * Licenses when the conditions for such availability set forth in the Eclipse\r\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\r\n * with the GNU Classpath Exception which is available at\r\n * https://www.gnu.org/software/classpath/license.html.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\r\n ********************************************************************************/\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nvar snabbdom_1 = __webpack_require__(/*! snabbdom */ \"../node_modules/snabbdom/build/index.js\");\r\nvar modulesNS = ['hook', 'on', 'style', 'class', 'props', 'attrs', 'dataset'];\r\nvar SVGNS = 'http://www.w3.org/2000/svg';\r\nfunction normalizeAttrs(source, defNS, namespace) {\r\n    var data = {};\r\n    if (namespace) {\r\n        data.ns = namespace;\r\n    }\r\n    if (source === null) {\r\n        return data;\r\n    }\r\n    modulesNS.forEach(function (mod) {\r\n        if (source[mod]) {\r\n            data[mod] = source[mod];\r\n        }\r\n    });\r\n    Object.keys(source).forEach(function (key) {\r\n        if (key === 'key' || key === 'classNames' || key === 'selector')\r\n            return;\r\n        var idx = key.indexOf('-');\r\n        if (idx > 0)\r\n            addAttr(key.slice(0, idx), key.slice(idx + 1), source[key]);\r\n        else if (!data[key])\r\n            addAttr(defNS, key, source[key]);\r\n    });\r\n    return data;\r\n    function addAttr(modname, key, val) {\r\n        var mod = data[modname] || (data[modname] = {});\r\n        mod[key] = val;\r\n    }\r\n}\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nfunction JSX(namespace, defNS) {\r\n    if (defNS === void 0) { defNS = 'props'; }\r\n    return function (tag, attrs) {\r\n        var children = [];\r\n        for (var _i = 2; _i < arguments.length; _i++) {\r\n            children[_i - 2] = arguments[_i];\r\n        }\r\n        return snabbdom_1.jsx(tag, normalizeAttrs(attrs, defNS, namespace), children);\r\n    };\r\n}\r\nexports.JSX = JSX;\r\nvar html = JSX();\r\nexports.html = html;\r\nvar svg = JSX(SVGNS, 'attrs');\r\nexports.svg = svg;\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvanN4LnRzLmpzIiwibWFwcGluZ3MiOiI7QUFBQTs7Ozs7Ozs7Ozs7Ozs7a0ZBY2tGOztBQUVsRixnR0FBOEY7QUFhOUYsSUFBTSxTQUFTLEdBQUcsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztBQUNoRixJQUFNLEtBQUssR0FBRyw0QkFBNEIsQ0FBQztBQUUzQyxTQUFTLGNBQWMsQ0FBQyxNQUF3QixFQUFFLEtBQWEsRUFBRSxTQUFrQjtJQUNqRixJQUFNLElBQUksR0FBYyxFQUFFLENBQUM7SUFFM0IsSUFBSSxTQUFTLEVBQUU7UUFDYixJQUFJLENBQUMsRUFBRSxHQUFHLFNBQVMsQ0FBQztLQUNyQjtJQUNELElBQUksTUFBTSxLQUFLLElBQUksRUFBRTtRQUNuQixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsU0FBUyxDQUFDLE9BQU8sQ0FBQyxhQUFHO1FBQ25CLElBQUksTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUN6QjtJQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxPQUFPLENBQUMsYUFBRztRQUM3QixJQUFJLEdBQUcsS0FBSyxLQUFLLElBQUksR0FBRyxLQUFLLFlBQVksSUFBSSxHQUFHLEtBQUssVUFBVTtZQUFFLE9BQU87UUFDeEUsSUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDO1lBQ1QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ2pCLE9BQU8sQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBQ0gsT0FBTyxJQUFJLENBQUM7SUFFWixTQUFTLE9BQU8sQ0FBQyxPQUFlLEVBQUUsR0FBVyxFQUFFLEdBQXFCO1FBQ2xFLElBQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNsRCxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQ2pCLENBQUM7QUFDSCxDQUFDO0FBRUQsZ0VBQWdFO0FBQ2hFLFNBQVMsR0FBRyxDQUFDLFNBQWtCLEVBQUUsS0FBdUI7SUFBdkIsdUNBQXVCO0lBQ3RELE9BQU8sVUFBQyxHQUErQixFQUFFLEtBQXVCO1FBQUUsa0JBQTRCO2FBQTVCLFVBQTRCLEVBQTVCLHFCQUE0QixFQUE1QixJQUE0QjtZQUE1QixpQ0FBNEI7O1FBQUsscUJBQUcsQ0FBQyxHQUFHLEVBQUUsY0FBYyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxDQUFDLEVBQUUsUUFBUSxDQUFDO0lBQTNELENBQTJELENBQUM7QUFDakssQ0FBQztBQUttQixrQkFBRztBQUh2QixJQUFNLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQztBQUdWLG9CQUFJO0FBRmIsSUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztBQUVqQixrQkFBRyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL3NyYy9qc3gudHM/MWM0ZiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcclxuICogQ29weXJpZ2h0IChjKSAyMDE3LTIwMjEgVHlwZUZveCBhbmQgb3RoZXJzLlxyXG4gKlxyXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcclxuICogdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2Ugdi4gMi4wIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxyXG4gKiBodHRwOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAuXHJcbiAqXHJcbiAqIFRoaXMgU291cmNlIENvZGUgbWF5IGFsc28gYmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlIGZvbGxvd2luZyBTZWNvbmRhcnlcclxuICogTGljZW5zZXMgd2hlbiB0aGUgY29uZGl0aW9ucyBmb3Igc3VjaCBhdmFpbGFiaWxpdHkgc2V0IGZvcnRoIGluIHRoZSBFY2xpcHNlXHJcbiAqIFB1YmxpYyBMaWNlbnNlIHYuIDIuMCBhcmUgc2F0aXNmaWVkOiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSwgdmVyc2lvbiAyXHJcbiAqIHdpdGggdGhlIEdOVSBDbGFzc3BhdGggRXhjZXB0aW9uIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxyXG4gKiBodHRwczovL3d3dy5nbnUub3JnL3NvZnR3YXJlL2NsYXNzcGF0aC9saWNlbnNlLmh0bWwuXHJcbiAqXHJcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wIE9SIEdQTC0yLjAgV0lUSCBDbGFzc3BhdGgtZXhjZXB0aW9uLTIuMFxyXG4gKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXHJcblxyXG5pbXBvcnQgeyBWTm9kZURhdGEsIEpzeFZOb2RlQ2hpbGRyZW4sIEpzeFZOb2RlQ2hpbGQsIGpzeCwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tIFwic25hYmJkb21cIjtcclxuXHJcblxyXG5kZWNsYXJlIGdsb2JhbCB7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlZGVjbGFyZVxyXG4gIG5hbWVzcGFjZSBKU1gge1xyXG4gICAgICAvLyBCYXNlZCBvbiB0aGUgdGFnIGxpc3QgaW4gZ2l0aHViOkRlZmluaXRlbHlUeXBlZC9EZWZpbml0ZWx5VHlwZWQ6UmVhY3RcclxuICAgICAgaW50ZXJmYWNlIEludHJpbnNpY0VsZW1lbnRzIHtcclxuICAgICAgICAgIFtlbGVtTmFtZTogc3RyaW5nXTogVk5vZGVEYXRhXHJcbiAgICAgIH1cclxuICB9XHJcbn1cclxuXHJcbmNvbnN0IG1vZHVsZXNOUyA9IFsnaG9vaycsICdvbicsICdzdHlsZScsICdjbGFzcycsICdwcm9wcycsICdhdHRycycsICdkYXRhc2V0J107XHJcbmNvbnN0IFNWR05TID0gJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJztcclxuXHJcbmZ1bmN0aW9uIG5vcm1hbGl6ZUF0dHJzKHNvdXJjZTogVk5vZGVEYXRhIHwgbnVsbCwgZGVmTlM6IHN0cmluZywgbmFtZXNwYWNlPzogc3RyaW5nKSB7XHJcbiAgY29uc3QgZGF0YTogVk5vZGVEYXRhID0ge307XHJcblxyXG4gIGlmIChuYW1lc3BhY2UpIHtcclxuICAgIGRhdGEubnMgPSBuYW1lc3BhY2U7XHJcbiAgfVxyXG4gIGlmIChzb3VyY2UgPT09IG51bGwpIHtcclxuICAgIHJldHVybiBkYXRhO1xyXG4gIH1cclxuXHJcbiAgbW9kdWxlc05TLmZvckVhY2gobW9kID0+IHtcclxuICAgIGlmIChzb3VyY2VbbW9kXSkge1xyXG4gICAgICBkYXRhW21vZF0gPSBzb3VyY2VbbW9kXTtcclxuICAgIH1cclxuICB9KTtcclxuICBPYmplY3Qua2V5cyhzb3VyY2UpLmZvckVhY2goa2V5ID0+IHtcclxuICAgIGlmIChrZXkgPT09ICdrZXknIHx8IGtleSA9PT0gJ2NsYXNzTmFtZXMnIHx8IGtleSA9PT0gJ3NlbGVjdG9yJykgcmV0dXJuO1xyXG4gICAgY29uc3QgaWR4ID0ga2V5LmluZGV4T2YoJy0nKTtcclxuICAgIGlmIChpZHggPiAwKVxyXG4gICAgICBhZGRBdHRyKGtleS5zbGljZSgwLCBpZHgpLCBrZXkuc2xpY2UoaWR4ICsgMSksIHNvdXJjZVtrZXldKTtcclxuICAgIGVsc2UgaWYgKCFkYXRhW2tleV0pXHJcbiAgICAgIGFkZEF0dHIoZGVmTlMsIGtleSwgc291cmNlW2tleV0pO1xyXG4gIH0pO1xyXG4gIHJldHVybiBkYXRhO1xyXG5cclxuICBmdW5jdGlvbiBhZGRBdHRyKG1vZG5hbWU6IHN0cmluZywga2V5OiBzdHJpbmcsIHZhbDogSnN4Vk5vZGVDaGlsZHJlbikge1xyXG4gICAgY29uc3QgbW9kID0gZGF0YVttb2RuYW1lXSB8fCAoZGF0YVttb2RuYW1lXSA9IHt9KTtcclxuICAgIG1vZFtrZXldID0gdmFsO1xyXG4gIH1cclxufVxyXG5cclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxyXG5mdW5jdGlvbiBKU1gobmFtZXNwYWNlPzogc3RyaW5nLCBkZWZOUzogc3RyaW5nID0gJ3Byb3BzJykge1xyXG4gIHJldHVybiAodGFnOiBGdW5jdGlvbkNvbXBvbmVudCB8IHN0cmluZywgYXR0cnM6IFZOb2RlRGF0YSB8IG51bGwsIC4uLmNoaWxkcmVuOiBKc3hWTm9kZUNoaWxkW10pID0+IGpzeCh0YWcsIG5vcm1hbGl6ZUF0dHJzKGF0dHJzLCBkZWZOUywgbmFtZXNwYWNlKSwgY2hpbGRyZW4pO1xyXG59XHJcblxyXG5jb25zdCBodG1sID0gSlNYKCk7XHJcbmNvbnN0IHN2ZyA9IEpTWChTVkdOUywgJ2F0dHJzJyk7XHJcblxyXG5leHBvcnQgeyBodG1sLCBzdmcsIEpTWCB9O1xyXG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/jsx.ts\n");
+
+/***/ }),
+
+/***/ "./src/main.ts":
+/*!*********************!*\
+  !*** ./src/main.ts ***!
+  \*********************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\r\n/*\r\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\r\n *\r\n * http://rtsys.informatik.uni-kiel.de/kieler\r\n *\r\n * Copyright 2022 by\r\n * + Kiel University\r\n *   + Department of Computer Science\r\n *     + Real-Time and Embedded Systems Group\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0\r\n */\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nvar viewer_1 = __webpack_require__(/*! ./viewer */ \"./src/viewer.tsx\");\r\n__webpack_require__(/*! ../css/diagram.css */ \"./css/diagram.css\");\r\nvar mouseListener_1 = __webpack_require__(/*! ./mouseListener */ \"./src/mouseListener.ts\");\r\nvar Starter = /** @class */ (function () {\r\n    function Starter() {\r\n        this.sendReadyMessage();\r\n        this.acceptDiagramIdentifier();\r\n    }\r\n    Starter.prototype.sendReadyMessage = function () {\r\n        vscode.postMessage({ readyMessage: 'Template Webview ready' });\r\n    };\r\n    Starter.prototype.acceptDiagramIdentifier = function () {\r\n        var _this = this;\r\n        console.log('Waiting for diagram identifier...');\r\n        var eventListener = function (message) {\r\n            //if (isDiagramIdentifier(message.data)) {\r\n            _this.identifier = message.data;\r\n            _this.initHtml();\r\n            //}\r\n        };\r\n        window.addEventListener('message', eventListener);\r\n    };\r\n    Starter.prototype.initHtml = function () {\r\n        vscode.postMessage(\"test\");\r\n        var containerDiv = document.getElementById(this.identifier + '_container');\r\n        var haloo = document.createTextNode(\"Halloooo\");\r\n        if (containerDiv) {\r\n            var svgContainer = document.createElement(\"div\");\r\n            var test = document.createElement(\"div\");\r\n            test.appendChild(haloo);\r\n            svgContainer.id = \"test_templates\";\r\n            containerDiv.appendChild(svgContainer);\r\n            containerDiv.appendChild(test);\r\n        }\r\n        document.addEventListener('click', function (event) {\r\n            mouseListener_1.click(event);\r\n        });\r\n        viewer_1.update();\r\n    };\r\n    return Starter;\r\n}());\r\nexports.Starter = Starter;\r\nnew Starter();\r\n/* '<div> <h3>Test</h3></div>'\r\nconst containerDiv = document.getElementById(this.diagramIdentifier.clientId + '_container');\r\nif (containerDiv) {\r\n    const svgContainer = document.createElement(\"div\");\r\n    svgContainer.id = this.viewerOptions.baseDiv;\r\n    containerDiv.appendChild(svgContainer);\r\n\r\n    const hiddenContainer = document.createElement(\"div\");\r\n    hiddenContainer.id = this.viewerOptions.hiddenDiv;\r\n    document.body.appendChild(hiddenContainer);\r\n\r\n    const statusDiv = document.createElement(\"div\");\r\n    statusDiv.setAttribute('class', 'sprotty-status');\r\n    containerDiv.appendChild(statusDiv);\r\n\r\n    this.statusIconDiv = document.createElement(\"div\");\r\n    statusDiv.appendChild(this.statusIconDiv);\r\n\r\n    this.statusMessageDiv = document.createElement(\"div\");\r\n    this.statusMessageDiv.setAttribute('class', 'sprotty-status-message');\r\n    statusDiv.appendChild(this.statusMessageDiv);\r\n} */ \r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvbWFpbi50cy5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7Ozs7Ozs7Ozs7Ozs7OztHQWVHOztBQUdILHVFQUFrQztBQUNsQyxtRUFBNEI7QUFDNUIsMkZBQXdDO0FBT3hDO0lBTUk7UUFDSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRVMsa0NBQWdCLEdBQTFCO1FBQ0ksTUFBTSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFlBQVksRUFBRSx3QkFBd0IsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVTLHlDQUF1QixHQUFqQztRQUFBLGlCQVNDO1FBUkcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ2pELElBQU0sYUFBYSxHQUFHLFVBQUMsT0FBWTtZQUMvQiwwQ0FBMEM7WUFDMUMsS0FBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsSUFBSTtZQUM5QixLQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEIsR0FBRztRQUNQLENBQUMsQ0FBQztRQUNGLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVTLDBCQUFRLEdBQWxCO1FBQ0ksTUFBTSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUM7UUFDMUIsSUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQyxDQUFDO1FBQzdFLElBQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDO1FBQ2pELElBQUksWUFBWSxFQUFFO1lBQ2QsSUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNuRCxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDeEIsWUFBWSxDQUFDLEVBQUUsR0FBRyxnQkFBZ0IsQ0FBQztZQUNuQyxZQUFZLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ3ZDLFlBQVksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDbEM7UUFDRCxRQUFRLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLGVBQUs7WUFDcEMscUJBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQixDQUFDLENBQUM7UUFDRixlQUFNLEVBQUUsQ0FBQztJQUNiLENBQUM7SUFDTCxjQUFDO0FBQUQsQ0FBQztBQTNDWSwwQkFBTztBQStDcEIsSUFBSSxPQUFPLEVBQUUsQ0FBQztBQUVkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQkkiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9zcmMvbWFpbi50cz9jZDQ5Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIEtJRUxFUiAtIEtpZWwgSW50ZWdyYXRlZCBFbnZpcm9ubWVudCBmb3IgTGF5b3V0IEVjbGlwc2UgUmljaENsaWVudFxyXG4gKlxyXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcclxuICpcclxuICogQ29weXJpZ2h0IDIwMjIgYnlcclxuICogKyBLaWVsIFVuaXZlcnNpdHlcclxuICogICArIERlcGFydG1lbnQgb2YgQ29tcHV0ZXIgU2NpZW5jZVxyXG4gKiAgICAgKyBSZWFsLVRpbWUgYW5kIEVtYmVkZGVkIFN5c3RlbXMgR3JvdXBcclxuICpcclxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlXHJcbiAqIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMCB3aGljaCBpcyBhdmFpbGFibGUgYXRcclxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxyXG4gKlxyXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogRVBMLTIuMFxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gJ2ludmVyc2lmeSc7XHJcbmltcG9ydCB7IHVwZGF0ZSB9IGZyb20gJy4vdmlld2VyJztcclxuaW1wb3J0ICcuLi9jc3MvZGlhZ3JhbS5jc3MnO1xyXG5pbXBvcnQgeyBjbGljayB9IGZyb20gJy4vbW91c2VMaXN0ZW5lcic7XHJcblxyXG5pbnRlcmZhY2UgdnNjb2RlIHtcclxuICAgIHBvc3RNZXNzYWdlKG1lc3NhZ2U6IGFueSk6IHZvaWQ7XHJcbn1cclxuZGVjbGFyZSBjb25zdCB2c2NvZGU6IHZzY29kZTtcclxuXHJcbmV4cG9ydCBjbGFzcyBTdGFydGVyIHtcclxuXHJcblxyXG4gICAgcHJvdGVjdGVkIGNvbnRhaW5lcj86IENvbnRhaW5lcjtcclxuICAgIHByb3RlY3RlZCBpZGVudGlmaWVyOiBzdHJpbmc7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgdGhpcy5zZW5kUmVhZHlNZXNzYWdlKCk7XHJcbiAgICAgICAgdGhpcy5hY2NlcHREaWFncmFtSWRlbnRpZmllcigpO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBzZW5kUmVhZHlNZXNzYWdlKCk6IHZvaWQge1xyXG4gICAgICAgIHZzY29kZS5wb3N0TWVzc2FnZSh7IHJlYWR5TWVzc2FnZTogJ1RlbXBsYXRlIFdlYnZpZXcgcmVhZHknIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBhY2NlcHREaWFncmFtSWRlbnRpZmllcigpOiB2b2lkwqB7XHJcbiAgICAgICAgY29uc29sZS5sb2coJ1dhaXRpbmcgZm9yIGRpYWdyYW0gaWRlbnRpZmllci4uLicpO1xyXG4gICAgICAgIGNvbnN0IGV2ZW50TGlzdGVuZXIgPSAobWVzc2FnZTogYW55KSA9PiB7XHJcbiAgICAgICAgICAgIC8vaWYgKGlzRGlhZ3JhbUlkZW50aWZpZXIobWVzc2FnZS5kYXRhKSkge1xyXG4gICAgICAgICAgICB0aGlzLmlkZW50aWZpZXIgPSBtZXNzYWdlLmRhdGFcclxuICAgICAgICAgICAgdGhpcy5pbml0SHRtbCgpO1xyXG4gICAgICAgICAgICAvL31cclxuICAgICAgICB9O1xyXG4gICAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtZXNzYWdlJywgZXZlbnRMaXN0ZW5lcik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIGluaXRIdG1sKCk6IHZvaWQge1xyXG4gICAgICAgIHZzY29kZS5wb3N0TWVzc2FnZShcInRlc3RcIilcclxuICAgICAgICBjb25zdCBjb250YWluZXJEaXYgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkZW50aWZpZXIgKyAnX2NvbnRhaW5lcicpO1xyXG4gICAgICAgIGNvbnN0IGhhbG9vID0gZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUoXCJIYWxsb29vb1wiKVxyXG4gICAgICAgIGlmIChjb250YWluZXJEaXYpIHtcclxuICAgICAgICAgICAgY29uc3Qgc3ZnQ29udGFpbmVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImRpdlwiKTtcclxuICAgICAgICAgICAgY29uc3QgdGVzdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIik7XHJcbiAgICAgICAgICAgIHRlc3QuYXBwZW5kQ2hpbGQoaGFsb28pO1xyXG4gICAgICAgICAgICBzdmdDb250YWluZXIuaWQgPSBcInRlc3RfdGVtcGxhdGVzXCI7XHJcbiAgICAgICAgICAgIGNvbnRhaW5lckRpdi5hcHBlbmRDaGlsZChzdmdDb250YWluZXIpO1xyXG4gICAgICAgICAgICBjb250YWluZXJEaXYuYXBwZW5kQ2hpbGQodGVzdCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZXZlbnQgPT4ge1xyXG4gICAgICAgICAgICBjbGljayhldmVudCk7XHJcbiAgICAgICAgfSlcclxuICAgICAgICB1cGRhdGUoKTtcclxuICAgIH1cclxufVxyXG5cclxuXHJcblxyXG5uZXcgU3RhcnRlcigpO1xyXG5cclxuLyogJzxkaXY+IDxoMz5UZXN0PC9oMz48L2Rpdj4nXHJcbmNvbnN0IGNvbnRhaW5lckRpdiA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuZGlhZ3JhbUlkZW50aWZpZXIuY2xpZW50SWQgKyAnX2NvbnRhaW5lcicpO1xyXG5pZiAoY29udGFpbmVyRGl2KSB7XHJcbiAgICBjb25zdCBzdmdDb250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgc3ZnQ29udGFpbmVyLmlkID0gdGhpcy52aWV3ZXJPcHRpb25zLmJhc2VEaXY7XHJcbiAgICBjb250YWluZXJEaXYuYXBwZW5kQ2hpbGQoc3ZnQ29udGFpbmVyKTtcclxuXHJcbiAgICBjb25zdCBoaWRkZW5Db250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgaGlkZGVuQ29udGFpbmVyLmlkID0gdGhpcy52aWV3ZXJPcHRpb25zLmhpZGRlbkRpdjtcclxuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoaGlkZGVuQ29udGFpbmVyKTtcclxuXHJcbiAgICBjb25zdCBzdGF0dXNEaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgc3RhdHVzRGl2LnNldEF0dHJpYnV0ZSgnY2xhc3MnLCAnc3Byb3R0eS1zdGF0dXMnKTtcclxuICAgIGNvbnRhaW5lckRpdi5hcHBlbmRDaGlsZChzdGF0dXNEaXYpO1xyXG5cclxuICAgIHRoaXMuc3RhdHVzSWNvbkRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIik7XHJcbiAgICBzdGF0dXNEaXYuYXBwZW5kQ2hpbGQodGhpcy5zdGF0dXNJY29uRGl2KTtcclxuXHJcbiAgICB0aGlzLnN0YXR1c01lc3NhZ2VEaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgdGhpcy5zdGF0dXNNZXNzYWdlRGl2LnNldEF0dHJpYnV0ZSgnY2xhc3MnLCAnc3Byb3R0eS1zdGF0dXMtbWVzc2FnZScpO1xyXG4gICAgc3RhdHVzRGl2LmFwcGVuZENoaWxkKHRoaXMuc3RhdHVzTWVzc2FnZURpdik7XHJcbn0gKi8iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/main.ts\n");
+
+/***/ }),
+
+/***/ "./src/mouseListener.ts":
+/*!******************************!*\
+  !*** ./src/mouseListener.ts ***!
+  \******************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\r\n/*\r\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\r\n *\r\n * http://rtsys.informatik.uni-kiel.de/kieler\r\n *\r\n * Copyright 2022 by\r\n * + Kiel University\r\n *   + Department of Computer Science\r\n *     + Real-Time and Embedded Systems Group\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0\r\n */\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nfunction click(event) {\r\n    var node = event.target;\r\n    var owner = node.ownerSVGElement;\r\n    console.log(owner);\r\n}\r\nexports.click = click;\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvbW91c2VMaXN0ZW5lci50cy5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7Ozs7Ozs7Ozs7Ozs7OztHQWVHOztBQUVILFNBQWdCLEtBQUssQ0FBQyxLQUFpQjtJQUNuQyxJQUFJLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO0lBQ3hCLElBQUksS0FBSyxHQUFJLElBQW1CLENBQUMsZUFBZSxDQUFDO0lBQ2pELE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDdkIsQ0FBQztBQUpELHNCQUlDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4vc3JjL21vdXNlTGlzdGVuZXIudHM/NjUzNCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBLSUVMRVIgLSBLaWVsIEludGVncmF0ZWQgRW52aXJvbm1lbnQgZm9yIExheW91dCBFY2xpcHNlIFJpY2hDbGllbnRcclxuICpcclxuICogaHR0cDovL3J0c3lzLmluZm9ybWF0aWsudW5pLWtpZWwuZGUva2llbGVyXHJcbiAqXHJcbiAqIENvcHlyaWdodCAyMDIyIGJ5XHJcbiAqICsgS2llbCBVbml2ZXJzaXR5XHJcbiAqICAgKyBEZXBhcnRtZW50IG9mIENvbXB1dGVyIFNjaWVuY2VcclxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXHJcbiAqXHJcbiAqIFRoaXMgcHJvZ3JhbSBhbmQgdGhlIGFjY29tcGFueWluZyBtYXRlcmlhbHMgYXJlIG1hZGUgYXZhaWxhYmxlIHVuZGVyIHRoZVxyXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XHJcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cclxuICpcclxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcclxuICovXHJcblxyXG5leHBvcnQgZnVuY3Rpb24gY2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGxldCBub2RlID0gZXZlbnQudGFyZ2V0O1xyXG4gICAgbGV0IG93bmVyID0gKG5vZGUgYXMgU1ZHRWxlbWVudCkub3duZXJTVkdFbGVtZW50O1xyXG4gICAgY29uc29sZS5sb2cob3duZXIpO1xyXG59Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/mouseListener.ts\n");
+
+/***/ }),
+
+/***/ "./src/viewer.tsx":
+/*!************************!*\
+  !*** ./src/viewer.tsx ***!
+  \************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\r\n/*\r\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\r\n *\r\n * http://rtsys.informatik.uni-kiel.de/kieler\r\n *\r\n * Copyright 2022 by\r\n * + Kiel University\r\n *   + Department of Computer Science\r\n *     + Real-Time and Embedded Systems Group\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0\r\n */\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n/** @jsx svg */\r\nvar snabbdom_1 = __webpack_require__(/*! snabbdom */ \"../node_modules/snabbdom/build/index.js\");\r\nvar jsx_1 = __webpack_require__(/*! ./jsx */ \"./src/jsx.ts\");\r\nvar patch = snabbdom_1.init([\r\n    // Init patch function with chosen modules\r\n    snabbdom_1.classModule,\r\n    snabbdom_1.propsModule,\r\n    snabbdom_1.styleModule,\r\n    snabbdom_1.eventListenersModule,\r\n    snabbdom_1.attributesModule // for using attributes on svg elements\r\n]);\r\nfunction update() {\r\n    console.log(testNode);\r\n    if (typeof document !== 'undefined') {\r\n        var placeholder = document.getElementById(\"test_templates\");\r\n        if (placeholder !== null) {\r\n            patch(placeholder, testNode2);\r\n        }\r\n    }\r\n}\r\nexports.update = update;\r\nvar testNode2 = jsx_1.svg(\"svg\", { id: \"stpa-diagram_0_simpleCSTemplate\", tabindex: \"0\", width: \"214.59830729166666\", height: \"179\", \"class-sprotty-graph\": \"true\" },\r\n    jsx_1.svg(\"g\", { transform: \"scale(1) translate(0,0)\" },\r\n        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_controlStructure\", transform: \"translate(12, 12)\", \"class-parent\": \"true\" },\r\n            jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"184.59830729166666\", height: \"149\", \"class-parent-node\": \"true\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller\", transform: \"translate(44.253255208333336, 12)\", \"class-cs\": \"true\" },\r\n                jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"72.025390625\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"Controller\")),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess\", transform: \"translate(27.68994140625, 102)\", \"class-cs\": \"true\" },\r\n                jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"121.71533203125\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"ControlledProcess\")),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller:ca:ControlledProcess\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                jsx_1.svg(\"path\", { d: \"M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102\", \"class-stpa-edge\": \"true\" }),\r\n                jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(-90 108.83349609375 102) translate(108.83349609375 102)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller:ca:ControlledProcess.label\", transform: \"translate(95.27018229166666, 67) translate(0, 12)\" }, \"control action\")),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess:fb:Controller\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                jsx_1.svg(\"path\", { d: \"M 68.26171875,102 L 68.26171875,47\", \"class-stpa-edge\": \"true\" }),\r\n                jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(90 68.26171875 47) translate(68.26171875 47)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess:fb:Controller.label\", transform: \"translate(12, 67) translate(1, 12)\" }, \"feedback\")))));\r\nvar testNode = jsx_1.svg(\"div\", { \"class-sidebar__content\": \"true\" },\r\n    jsx_1.svg(\"h3\", { \"class-sidebar__title\": \"true\" }, \"Templates\"),\r\n    jsx_1.svg(\"div\", { \"class-sidebar__panel-content\": \"true\" },\r\n        jsx_1.svg(\"div\", null,\r\n            jsx_1.svg(\"svg\", { id: \"stpa-diagram_0_simpleCSTemplate\", tabindex: \"0\", width: \"214.59830729166666\", height: \"179\", \"class-sprotty-graph\": \"true\" },\r\n                jsx_1.svg(\"g\", { transform: \"scale(1) translate(0,0)\" },\r\n                    jsx_1.svg(\"g\", { id: \"stpa-diagram_0_controlStructure\", transform: \"translate(12, 12)\", \"class-parent\": \"true\" },\r\n                        jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"184.59830729166666\", height: \"149\", \"class-parent-node\": \"true\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller\", transform: \"translate(44.253255208333336, 12)\", \"class-cs\": \"true\" },\r\n                            jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"72.025390625\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                            jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"Controller\")),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess\", transform: \"translate(27.68994140625, 102)\", \"class-cs\": \"true\" },\r\n                            jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"121.71533203125\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                            jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"ControlledProcess\")),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller:ca:ControlledProcess\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                            jsx_1.svg(\"path\", { d: \"M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102\", \"class-stpa-edge\": \"true\" }),\r\n                            jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(-90 108.83349609375 102) translate(108.83349609375 102)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                            jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller:ca:ControlledProcess.label\", transform: \"translate(95.27018229166666, 67) translate(0, 12)\" }, \"control action\")),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess:fb:Controller\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                            jsx_1.svg(\"path\", { d: \"M 68.26171875,102 L 68.26171875,47\", \"class-stpa-edge\": \"true\" }),\r\n                            jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(90 68.26171875 47) translate(68.26171875 47)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                            jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess:fb:Controller.label\", transform: \"translate(12, 67) translate(1, 12)\" }, \"feedback\"))))))));\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,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QXFCLE1BQU0sRUFBQyxFQUFFLEVBQUMsd0NBQXdDLEVBQUMsU0FBUyxFQUFDLG1DQUFtQyx3QkFBeUIsQ0FDdEs7d0JBQ0osaUJBQUcsRUFBRSxFQUFDLGdEQUFnRCx3QkFBb0IsTUFBTSw0QkFBd0IsTUFBTTs0QkFDMUcsb0JBQU0sQ0FBQyxFQUFDLDBGQUEwRixxQkFBaUIsTUFBTSxHQUFROzRCQUFBLG9CQUFNLENBQUMsRUFBQyxzQkFBc0IsRUFBQyxTQUFTLEVBQUMsZ0VBQWdFLDhCQUEwQixNQUFNLEdBRW5ROzRCQUNQLGtDQUFpQixNQUFNLHlCQUFxQixNQUFNLEVBQUMsRUFBRSxFQUFDLHNEQUFzRCxFQUFDLFNBQVMsRUFBQyxtREFBbUQscUJBQXNCLENBQ2hNO3dCQUNKLGlCQUFHLEVBQUUsRUFBQyxnREFBZ0Qsd0JBQW9CLE1BQU0sNEJBQXdCLE1BQU07NEJBQzFHLG9CQUFNLENBQUMsRUFBQyxvQ0FBb0MscUJBQWlCLE1BQU0sR0FBUTs0QkFDM0Usb0JBQU0sQ0FBQyxFQUFDLHNCQUFzQixFQUFDLFNBQVMsRUFBQyxxREFBcUQsOEJBQTBCLE1BQU0sR0FBUTs0QkFDdEksa0NBQWlCLE1BQU0seUJBQXFCLE1BQU0sRUFBQyxFQUFFLEVBQUMsc0RBQXNELEVBQUMsU0FBUyxFQUFDLG9DQUFvQyxlQUFnQixDQUMzSyxDQUNKLENBQ0osQ0FDRixDQUNKLENBQ0osQ0FDSixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4vc3JjL3ZpZXdlci50c3g/NjNiMiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBLSUVMRVIgLSBLaWVsIEludGVncmF0ZWQgRW52aXJvbm1lbnQgZm9yIExheW91dCBFY2xpcHNlIFJpY2hDbGllbnRcclxuICpcclxuICogaHR0cDovL3J0c3lzLmluZm9ybWF0aWsudW5pLWtpZWwuZGUva2llbGVyXHJcbiAqXHJcbiAqIENvcHlyaWdodCAyMDIyIGJ5XHJcbiAqICsgS2llbCBVbml2ZXJzaXR5XHJcbiAqICAgKyBEZXBhcnRtZW50IG9mIENvbXB1dGVyIFNjaWVuY2VcclxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXHJcbiAqXHJcbiAqIFRoaXMgcHJvZ3JhbSBhbmQgdGhlIGFjY29tcGFueWluZyBtYXRlcmlhbHMgYXJlIG1hZGUgYXZhaWxhYmxlIHVuZGVyIHRoZVxyXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XHJcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cclxuICpcclxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcclxuICovXHJcblxyXG4vKiogQGpzeCBzdmcgKi9cclxuaW1wb3J0IHsgYXR0cmlidXRlc01vZHVsZSwgY2xhc3NNb2R1bGUsIGV2ZW50TGlzdGVuZXJzTW9kdWxlLCBpbml0LCBwcm9wc01vZHVsZSwgc3R5bGVNb2R1bGUgfSBmcm9tICdzbmFiYmRvbSc7XHJcbmltcG9ydCB7IHN2ZyB9IGZyb20gJy4vanN4JztcclxuXHJcbmNvbnN0IHBhdGNoID0gaW5pdChbXHJcbiAgICAvLyBJbml0IHBhdGNoIGZ1bmN0aW9uIHdpdGggY2hvc2VuIG1vZHVsZXNcclxuICAgIGNsYXNzTW9kdWxlLCAvLyBtYWtlcyBpdCBlYXN5IHRvIHRvZ2dsZSBjbGFzc2VzXHJcbiAgICBwcm9wc01vZHVsZSwgLy8gZm9yIHNldHRpbmcgcHJvcGVydGllcyBvbiBET00gZWxlbWVudHNcclxuICAgIHN0eWxlTW9kdWxlLCAvLyBoYW5kbGVzIHN0eWxpbmcgb24gZWxlbWVudHMgd2l0aCBzdXBwb3J0IGZvciBhbmltYXRpb25zXHJcbiAgICBldmVudExpc3RlbmVyc01vZHVsZSwgLy8gYXR0YWNoZXMgZXZlbnQgbGlzdGVuZXJzXHJcbiAgICBhdHRyaWJ1dGVzTW9kdWxlIC8vIGZvciB1c2luZyBhdHRyaWJ1dGVzIG9uIHN2ZyBlbGVtZW50c1xyXG5dKTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiB1cGRhdGUoKTogdm9pZCB7XHJcbiAgICBjb25zb2xlLmxvZyh0ZXN0Tm9kZSk7ICBcclxuICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgY29uc3QgcGxhY2Vob2xkZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcInRlc3RfdGVtcGxhdGVzXCIpO1xyXG4gICAgICAgIGlmIChwbGFjZWhvbGRlciAhPT0gbnVsbCkge1xyXG4gICAgICAgICAgICBwYXRjaChwbGFjZWhvbGRlciwgdGVzdE5vZGUyKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbmNvbnN0IHRlc3ROb2RlMiA9IDxzdmcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9zaW1wbGVDU1RlbXBsYXRlXCIgdGFiaW5kZXg9XCIwXCIgd2lkdGg9XCIyMTQuNTk4MzA3MjkxNjY2NjZcIiBoZWlnaHQ9XCIxNzlcIiBjbGFzcy1zcHJvdHR5LWdyYXBoPVwidHJ1ZVwiPlxyXG48ZyB0cmFuc2Zvcm09XCJzY2FsZSgxKSB0cmFuc2xhdGUoMCwwKVwiPlxyXG4gICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9jb250cm9sU3RydWN0dXJlXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEyLCAxMilcIiBjbGFzcy1wYXJlbnQ9XCJ0cnVlXCI+XHJcbiAgICAgICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMTg0LjU5ODMwNzI5MTY2NjY2XCIgaGVpZ2h0PVwiMTQ5XCIgY2xhc3MtcGFyZW50LW5vZGU9XCJ0cnVlXCIgY2xhc3Mtc3Byb3R0eS1ub2RlPVwidHJ1ZVwiPiA8L3JlY3Q+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQ0LjI1MzI1NTIwODMzMzMzNiwgMTIpXCIgY2xhc3MtY3M9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxyZWN0IHg9XCIwXCIgeT1cIjBcIiB3aWR0aD1cIjcyLjAyNTM5MDYyNVwiIGhlaWdodD1cIjM1XCIgY2xhc3Mtc3Byb3R0eS1ub2RlPVwidHJ1ZVwiPiA8L3JlY3Q+XHJcbiAgICAgICAgICAgIDx0ZXh0IGNsYXNzLWxhYmVsPVwidHJ1ZVwiIGNsYXNzLXNwcm90dHktbGFiZWw9XCJ0cnVlXCIgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyLmxhYmVsXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDUsIDEwKSB0cmFuc2xhdGUoMCwgMTIpXCI+Q29udHJvbGxlcjwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVkUHJvY2Vzc1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyNy42ODk5NDE0MDYyNSwgMTAyKVwiIGNsYXNzLWNzPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxMjEuNzE1MzMyMDMxMjVcIiBoZWlnaHQ9XCIzNVwiIGNsYXNzLXNwcm90dHktbm9kZT1cInRydWVcIj4gPC9yZWN0PlxyXG4gICAgICAgICAgICA8dGV4dCBjbGFzcy1sYWJlbD1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3MubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNSwgMTApIHRyYW5zbGF0ZSgwLCAxMilcIj5Db250cm9sbGVkUHJvY2VzczwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyOmNhOkNvbnRyb2xsZWRQcm9jZXNzXCIgY2xhc3Mtc3Byb3R0eS1lZGdlPVwidHJ1ZVwiIGNsYXNzLWNvbnRyb2xTdHJ1Y3R1cmU9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNIDkyLjI3MDE4MjI5MTY2NjY2LDQ3IEwgOTIuMjcwMTgyMjkxNjY2NjYsOTIgTCAxMDguODMzNDk2MDkzNzUsOTIgTCAxMDguODMzNDk2MDkzNzUsMTAyXCIgY2xhc3Mtc3RwYS1lZGdlPVwidHJ1ZVwiPjwvcGF0aD48cGF0aCBkPVwiTSA2LC0zIEwgMCwwIEwgNiwzIFpcIiB0cmFuc2Zvcm09XCJyb3RhdGUoLTkwIDEwOC44MzM0OTYwOTM3NSAxMDIpIHRyYW5zbGF0ZSgxMDguODMzNDk2MDkzNzUgMTAyKVwiIGNsYXNzLXNwcm90dHktZWRnZS1hcnJvdz1cInRydWVcIj5cclxuXHJcbiAgICAgICAgICAgIDwvcGF0aD5cclxuICAgICAgICAgICAgPHRleHQgY2xhc3MteHJlZj1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlcjpjYTpDb250cm9sbGVkUHJvY2Vzcy5sYWJlbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg5NS4yNzAxODIyOTE2NjY2NiwgNjcpIHRyYW5zbGF0ZSgwLCAxMilcIj5jb250cm9sIGFjdGlvbjwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVkUHJvY2VzczpmYjpDb250cm9sbGVyXCIgY2xhc3Mtc3Byb3R0eS1lZGdlPVwidHJ1ZVwiIGNsYXNzLWNvbnRyb2xTdHJ1Y3R1cmU9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNIDY4LjI2MTcxODc1LDEwMiBMIDY4LjI2MTcxODc1LDQ3XCIgY2xhc3Mtc3RwYS1lZGdlPVwidHJ1ZVwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPHBhdGggZD1cIk0gNiwtMyBMIDAsMCBMIDYsMyBaXCIgdHJhbnNmb3JtPVwicm90YXRlKDkwIDY4LjI2MTcxODc1IDQ3KSB0cmFuc2xhdGUoNjguMjYxNzE4NzUgNDcpXCIgY2xhc3Mtc3Byb3R0eS1lZGdlLWFycm93PVwidHJ1ZVwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPHRleHQgY2xhc3MteHJlZj1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3M6ZmI6Q29udHJvbGxlci5sYWJlbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMiwgNjcpIHRyYW5zbGF0ZSgxLCAxMilcIj5mZWVkYmFjazwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICA8L2c+XHJcbjwvZz5cclxuPC9zdmc+XHJcblxyXG5jb25zdCB0ZXN0Tm9kZSA9IDxkaXYgY2xhc3Mtc2lkZWJhcl9fY29udGVudD1cInRydWVcIj5cclxuICAgIHsvKiAgICAgPGRpdiBjbGFzcz1cInNpZGViYXJfX3RvZ2dsZS1jb250YWluZXJcIj5cclxuICAgICAgICA8YnV0dG9uIHRpdGxlPVwiR2VuZXJhbFwiIGNsYXNzPVwic2lkZWJhcl9fdG9nZ2xlLWJ1dHRvblwiPlxyXG4gICAgICAgICAgICA8c3ZnIGNsYXNzPVwiZmVhdGhlciBmZWF0aGVyLXNldHRpbmdzXCIgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4OyBmaWxsOiBub25lOyBzdHJva2U6IGN1cnJlbnRjb2xvcjsgc3Ryb2tlLXdpZHRoOiAyOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjNcIj48L2NpcmNsZT5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTkuNCAxNWExLjY1IDEuNjUgMCAwIDAgLjMzIDEuODJsLjA2LjA2YTIgMiAwIDAgMSAwIDIuODMgMiAyIDAgMCAxLTIuODMgMGwtLjA2LS4wNmExLjY1IDEuNjUgMCAwIDAtMS44Mi0uMzMgMS42NSAxLjY1IDAgMCAwLTEgMS41MVYyMWEyIDIgMCAwIDEtMiAyIDIgMiAwIDAgMS0yLTJ2LS4wOUExLjY1IDEuNjUgMCAwIDAgOSAxOS40YTEuNjUgMS42NSAwIDAgMC0xLjgyLjMzbC0uMDYuMDZhMiAyIDAgMCAxLTIuODMgMCAyIDIgMCAwIDEgMC0yLjgzbC4wNi0uMDZhMS42NSAxLjY1IDAgMCAwIC4zMy0xLjgyIDEuNjUgMS42NSAwIDAgMC0xLjUxLTFIM2EyIDIgMCAwIDEtMi0yIDIgMiAwIDAgMSAyLTJoLjA5QTEuNjUgMS42NSAwIDAgMCA0LjYgOWExLjY1IDEuNjUgMCAwIDAtLjMzLTEuODJsLS4wNi0uMDZhMiAyIDAgMCAxIDAtMi44MyAyIDIgMCAwIDEgMi44MyAwbC4wNi4wNmExLjY1IDEuNjUgMCAwIDAgMS44Mi4zM0g5YTEuNjUgMS42NSAwIDAgMCAxLTEuNTFWM2EyIDIgMCAwIDEgMi0yIDIgMiAwIDAgMSAyIDJ2LjA5YTEuNjUgMS42NSAwIDAgMCAxIDEuNTEgMS42NSAxLjY1IDAgMCAwIDEuODItLjMzbC4wNi0uMDZhMiAyIDAgMCAxIDIuODMgMCAyIDIgMCAwIDEgMCAyLjgzbC0uMDYuMDZhMS42NSAxLjY1IDAgMCAwLS4zMyAxLjgyVjlhMS42NSAxLjY1IDAgMCAwIDEuNTEgMUgyMWEyIDIgMCAwIDEgMiAyIDIgMiAwIDAgMS0yIDJoLS4wOWExLjY1IDEuNjUgMCAwIDAtMS41MSAxelwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiB0aXRsZT1cIk9wdGlvbnNcIiBjbGFzcz1cInNpZGViYXJfX3RvZ2dsZS1idXR0b25cIj5cclxuICAgICAgICAgICAgPHN2ZyBjbGFzcz1cImZlYXRoZXIgZmVhdGhlci1zbGlkZXJzXCIgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4OyBmaWxsOiBub25lOyBzdHJva2U6IGN1cnJlbnRjb2xvcjsgc3Ryb2tlLXdpZHRoOiAyOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjRcIiB5MT1cIjIxXCIgeDI9XCI0XCIgeTI9XCIxNFwiPjwvbGluZT5cclxuICAgICAgICAgICAgICAgIDxsaW5lIHgxPVwiNFwiIHkxPVwiMTBcIiB4Mj1cIjRcIiB5Mj1cIjNcIj48L2xpbmU+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjEyXCIgeTE9XCIyMVwiIHgyPVwiMTJcIiB5Mj1cIjEyXCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIxMlwiIHkxPVwiOFwiIHgyPVwiMTJcIiB5Mj1cIjNcIj48L2xpbmU+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjIwXCIgeTE9XCIyMVwiIHgyPVwiMjBcIiB5Mj1cIjE2XCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIyMFwiIHkxPVwiMTJcIiB4Mj1cIjIwXCIgeTI9XCIzXCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIxXCIgeTE9XCIxNFwiIHgyPVwiN1wiIHkyPVwiMTRcIj48L2xpbmU+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjlcIiB5MT1cIjhcIiB4Mj1cIjE1XCIgeTI9XCI4XCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIxN1wiIHkxPVwiMTZcIiB4Mj1cIjIzXCIgeTI9XCIxNlwiPjwvbGluZT5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiB0aXRsZT1cIlRlbXBsYXRlc1wiIGNsYXNzPVwic2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbiBzaWRlYmFyX190b2dnbGUtYnV0dG9uLS1hY3RpdmVcIj5cclxuICAgICAgICAgICAgPHN2ZyBjbGFzcz1cImZlYXRoZXIgZmVhdGhlci1jb2RlXCIgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4OyBmaWxsOiBub25lOyBzdHJva2U6IGN1cnJlbnRjb2xvcjsgc3Ryb2tlLXdpZHRoOiAyOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8cG9seWxpbmUgcG9pbnRzPVwiMTYgMTggMjIgMTIgMTYgNlwiPjwvcG9seWxpbmU+XHJcbiAgICAgICAgICAgICAgICA8cG9seWxpbmUgcG9pbnRzPVwiOCA2IDIgMTIgOCAxOFwiPjwvcG9seWxpbmU+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+ICovfVxyXG4gICAgPGgzIGNsYXNzLXNpZGViYXJfX3RpdGxlPVwidHJ1ZVwiPlRlbXBsYXRlczwvaDM+XHJcbiAgICA8ZGl2IGNsYXNzLXNpZGViYXJfX3BhbmVsLWNvbnRlbnQ9XCJ0cnVlXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPHN2ZyBpZD1cInN0cGEtZGlhZ3JhbV8wX3NpbXBsZUNTVGVtcGxhdGVcIiB0YWJpbmRleD1cIjBcIiB3aWR0aD1cIjIxNC41OTgzMDcyOTE2NjY2NlwiIGhlaWdodD1cIjE3OVwiIGNsYXNzLXNwcm90dHktZ3JhcGg9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09XCJzY2FsZSgxKSB0cmFuc2xhdGUoMCwwKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxnIGlkPVwic3RwYS1kaWFncmFtXzBfY29udHJvbFN0cnVjdHVyZVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMiwgMTIpXCIgY2xhc3MtcGFyZW50PVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxODQuNTk4MzA3MjkxNjY2NjZcIiBoZWlnaHQ9XCIxNDlcIiBjbGFzcy1wYXJlbnQtbm9kZT1cInRydWVcIiBjbGFzcy1zcHJvdHR5LW5vZGU9XCJ0cnVlXCI+IDwvcmVjdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQ0LjI1MzI1NTIwODMzMzMzNiwgMTIpXCIgY2xhc3MtY3M9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCI3Mi4wMjUzOTA2MjVcIiBoZWlnaHQ9XCIzNVwiIGNsYXNzLXNwcm90dHktbm9kZT1cInRydWVcIj4gPC9yZWN0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRleHQgY2xhc3MtbGFiZWw9XCJ0cnVlXCIgY2xhc3Mtc3Byb3R0eS1sYWJlbD1cInRydWVcIiBpZD1cInN0cGEtZGlhZ3JhbV8wX0NvbnRyb2xsZXIubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNSwgMTApIHRyYW5zbGF0ZSgwLCAxMilcIj5Db250cm9sbGVyPC90ZXh0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3NcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjcuNjg5OTQxNDA2MjUsIDEwMilcIiBjbGFzcy1jcz1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9XCIwXCIgeT1cIjBcIiB3aWR0aD1cIjEyMS43MTUzMzIwMzEyNVwiIGhlaWdodD1cIjM1XCIgY2xhc3Mtc3Byb3R0eS1ub2RlPVwidHJ1ZVwiPiA8L3JlY3Q+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBjbGFzcy1sYWJlbD1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3MubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNSwgMTApIHRyYW5zbGF0ZSgwLCAxMilcIj5Db250cm9sbGVkUHJvY2VzczwvdGV4dD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD1cInN0cGEtZGlhZ3JhbV8wX0NvbnRyb2xsZXI6Y2E6Q29udHJvbGxlZFByb2Nlc3NcIiBjbGFzcy1zcHJvdHR5LWVkZ2U9XCJ0cnVlXCIgY2xhc3MtY29udHJvbFN0cnVjdHVyZT1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9XCJNIDkyLjI3MDE4MjI5MTY2NjY2LDQ3IEwgOTIuMjcwMTgyMjkxNjY2NjYsOTIgTCAxMDguODMzNDk2MDkzNzUsOTIgTCAxMDguODMzNDk2MDkzNzUsMTAyXCIgY2xhc3Mtc3RwYS1lZGdlPVwidHJ1ZVwiPjwvcGF0aD48cGF0aCBkPVwiTSA2LC0zIEwgMCwwIEwgNiwzIFpcIiB0cmFuc2Zvcm09XCJyb3RhdGUoLTkwIDEwOC44MzM0OTYwOTM3NSAxMDIpIHRyYW5zbGF0ZSgxMDguODMzNDk2MDkzNzUgMTAyKVwiIGNsYXNzLXNwcm90dHktZWRnZS1hcnJvdz1cInRydWVcIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3BhdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBjbGFzcy14cmVmPVwidHJ1ZVwiIGNsYXNzLXNwcm90dHktbGFiZWw9XCJ0cnVlXCIgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyOmNhOkNvbnRyb2xsZWRQcm9jZXNzLmxhYmVsXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDk1LjI3MDE4MjI5MTY2NjY2LCA2NykgdHJhbnNsYXRlKDAsIDEyKVwiPmNvbnRyb2wgYWN0aW9uPC90ZXh0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3M6ZmI6Q29udHJvbGxlclwiIGNsYXNzLXNwcm90dHktZWRnZT1cInRydWVcIiBjbGFzcy1jb250cm9sU3RydWN0dXJlPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD1cIk0gNjguMjYxNzE4NzUsMTAyIEwgNjguMjYxNzE4NzUsNDdcIiBjbGFzcy1zdHBhLWVkZ2U9XCJ0cnVlXCI+PC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD1cIk0gNiwtMyBMIDAsMCBMIDYsMyBaXCIgdHJhbnNmb3JtPVwicm90YXRlKDkwIDY4LjI2MTcxODc1IDQ3KSB0cmFuc2xhdGUoNjguMjYxNzE4NzUgNDcpXCIgY2xhc3Mtc3Byb3R0eS1lZGdlLWFycm93PVwidHJ1ZVwiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGNsYXNzLXhyZWY9XCJ0cnVlXCIgY2xhc3Mtc3Byb3R0eS1sYWJlbD1cInRydWVcIiBpZD1cInN0cGEtZGlhZ3JhbV8wX0NvbnRyb2xsZWRQcm9jZXNzOmZiOkNvbnRyb2xsZXIubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTIsIDY3KSB0cmFuc2xhdGUoMSwgMTIpXCI+ZmVlZGJhY2s8L3RleHQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PjsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/viewer.tsx\n");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval-source-map devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./src/main.ts");
+/******/ 	
+/******/ })()
+;
\ No newline at end of file
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index 29ecfc5c..705a8490 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -16,22 +16,24 @@
  */
 
 import { Container } from 'inversify';
+import { update } from './viewer';
+import '../css/diagram.css';
+import { click } from './mouseListener';
 
 interface vscode {
     postMessage(message: any): void;
 }
 declare const vscode: vscode;
 
-
 export class Starter {
 
+
     protected container?: Container;
     protected identifier: string;
 
     constructor() {
         this.sendReadyMessage();
         this.acceptDiagramIdentifier();
-        this.initHtml();
     }
 
     protected sendReadyMessage(): void {
@@ -43,6 +45,7 @@ export class Starter {
         const eventListener = (message: any) => {
             //if (isDiagramIdentifier(message.data)) {
             this.identifier = message.data
+            this.initHtml();
             //}
         };
         window.addEventListener('message', eventListener);
@@ -54,18 +57,21 @@ export class Starter {
         const haloo = document.createTextNode("Halloooo")
         if (containerDiv) {
             const svgContainer = document.createElement("div");
-            svgContainer.id = "test";
+            const test = document.createElement("div");
+            test.appendChild(haloo);
+            svgContainer.id = "test_templates";
             containerDiv.appendChild(svgContainer);
-            containerDiv.appendChild(haloo);
+            containerDiv.appendChild(test);
         }
         document.addEventListener('click', event => {
-            let node = event.target;
-            console.log(node);
+            click(event);
         })
+        update();
     }
 }
 
 
+
 new Starter();
 
 /* '<div> <h3>Test</h3></div>'
diff --git a/templateWebview/src/mouseListener.ts b/templateWebview/src/mouseListener.ts
new file mode 100644
index 00000000..ee5f4c9f
--- /dev/null
+++ b/templateWebview/src/mouseListener.ts
@@ -0,0 +1,22 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+export function click(event: MouseEvent) {
+    let node = event.target;
+    let owner = (node as SVGElement).ownerSVGElement;
+    console.log(owner);
+}
\ No newline at end of file
diff --git a/templateWebview/src/viewer.tsx b/templateWebview/src/viewer.tsx
new file mode 100644
index 00000000..7373fbf3
--- /dev/null
+++ b/templateWebview/src/viewer.tsx
@@ -0,0 +1,127 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+/** @jsx svg */
+import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule } from 'snabbdom';
+import { svg } from './jsx';
+
+const patch = init([
+    // Init patch function with chosen modules
+    classModule, // makes it easy to toggle classes
+    propsModule, // for setting properties on DOM elements
+    styleModule, // handles styling on elements with support for animations
+    eventListenersModule, // attaches event listeners
+    attributesModule // for using attributes on svg elements
+]);
+
+export function update(): void {
+    console.log(testNode);  
+    if (typeof document !== 'undefined') {
+        const placeholder = document.getElementById("test_templates");
+        if (placeholder !== null) {
+            patch(placeholder, testNode2);
+        }
+    }
+}
+
+const testNode2 = <svg id="stpa-diagram_0_simpleCSTemplate" tabindex="0" width="214.59830729166666" height="179" class-sprotty-graph="true">
+<g transform="scale(1) translate(0,0)">
+    <g id="stpa-diagram_0_controlStructure" transform="translate(12, 12)" class-parent="true">
+        <rect x="0" y="0" width="184.59830729166666" height="149" class-parent-node="true" class-sprotty-node="true"> </rect>
+        <g id="stpa-diagram_0_Controller" transform="translate(44.253255208333336, 12)" class-cs="true">
+            <rect x="0" y="0" width="72.025390625" height="35" class-sprotty-node="true"> </rect>
+            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_Controller.label" transform="translate(5, 10) translate(0, 12)">Controller</text>
+        </g>
+        <g id="stpa-diagram_0_ControlledProcess" transform="translate(27.68994140625, 102)" class-cs="true">
+            <rect x="0" y="0" width="121.71533203125" height="35" class-sprotty-node="true"> </rect>
+            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess.label" transform="translate(5, 10) translate(0, 12)">ControlledProcess</text>
+        </g>
+        <g id="stpa-diagram_0_Controller:ca:ControlledProcess" class-sprotty-edge="true" class-controlStructure="true">
+            <path d="M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102" class-stpa-edge="true"></path><path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(-90 108.83349609375 102) translate(108.83349609375 102)" class-sprotty-edge-arrow="true">
+
+            </path>
+            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_Controller:ca:ControlledProcess.label" transform="translate(95.27018229166666, 67) translate(0, 12)">control action</text>
+        </g>
+        <g id="stpa-diagram_0_ControlledProcess:fb:Controller" class-sprotty-edge="true" class-controlStructure="true">
+            <path d="M 68.26171875,102 L 68.26171875,47" class-stpa-edge="true"></path>
+            <path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(90 68.26171875 47) translate(68.26171875 47)" class-sprotty-edge-arrow="true"></path>
+            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess:fb:Controller.label" transform="translate(12, 67) translate(1, 12)">feedback</text>
+        </g>
+    </g>
+</g>
+</svg>
+
+const testNode = <div class-sidebar__content="true">
+    {/*     <div class="sidebar__toggle-container">
+        <button title="General" class="sidebar__toggle-button">
+            <svg class="feather feather-settings" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">
+                <circle cx="12" cy="12" r="3"></circle>
+                <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+            </svg>
+        </button>
+        <button title="Options" class="sidebar__toggle-button">
+            <svg class="feather feather-sliders" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">
+                <line x1="4" y1="21" x2="4" y2="14"></line>
+                <line x1="4" y1="10" x2="4" y2="3"></line>
+                <line x1="12" y1="21" x2="12" y2="12"></line>
+                <line x1="12" y1="8" x2="12" y2="3"></line>
+                <line x1="20" y1="21" x2="20" y2="16"></line>
+                <line x1="20" y1="12" x2="20" y2="3"></line>
+                <line x1="1" y1="14" x2="7" y2="14"></line>
+                <line x1="9" y1="8" x2="15" y2="8"></line>
+                <line x1="17" y1="16" x2="23" y2="16"></line>
+            </svg>
+        </button>
+        <button title="Templates" class="sidebar__toggle-button sidebar__toggle-button--active">
+            <svg class="feather feather-code" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">
+                <polyline points="16 18 22 12 16 6"></polyline>
+                <polyline points="8 6 2 12 8 18"></polyline>
+            </svg>
+        </button>
+    </div> */}
+    <h3 class-sidebar__title="true">Templates</h3>
+    <div class-sidebar__panel-content="true">
+        <div>
+            <svg id="stpa-diagram_0_simpleCSTemplate" tabindex="0" width="214.59830729166666" height="179" class-sprotty-graph="true">
+                <g transform="scale(1) translate(0,0)">
+                    <g id="stpa-diagram_0_controlStructure" transform="translate(12, 12)" class-parent="true">
+                        <rect x="0" y="0" width="184.59830729166666" height="149" class-parent-node="true" class-sprotty-node="true"> </rect>
+                        <g id="stpa-diagram_0_Controller" transform="translate(44.253255208333336, 12)" class-cs="true">
+                            <rect x="0" y="0" width="72.025390625" height="35" class-sprotty-node="true"> </rect>
+                            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_Controller.label" transform="translate(5, 10) translate(0, 12)">Controller</text>
+                        </g>
+                        <g id="stpa-diagram_0_ControlledProcess" transform="translate(27.68994140625, 102)" class-cs="true">
+                            <rect x="0" y="0" width="121.71533203125" height="35" class-sprotty-node="true"> </rect>
+                            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess.label" transform="translate(5, 10) translate(0, 12)">ControlledProcess</text>
+                        </g>
+                        <g id="stpa-diagram_0_Controller:ca:ControlledProcess" class-sprotty-edge="true" class-controlStructure="true">
+                            <path d="M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102" class-stpa-edge="true"></path><path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(-90 108.83349609375 102) translate(108.83349609375 102)" class-sprotty-edge-arrow="true">
+
+                            </path>
+                            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_Controller:ca:ControlledProcess.label" transform="translate(95.27018229166666, 67) translate(0, 12)">control action</text>
+                        </g>
+                        <g id="stpa-diagram_0_ControlledProcess:fb:Controller" class-sprotty-edge="true" class-controlStructure="true">
+                            <path d="M 68.26171875,102 L 68.26171875,47" class-stpa-edge="true"></path>
+                            <path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(90 68.26171875 47) translate(68.26171875 47)" class-sprotty-edge-arrow="true"></path>
+                            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess:fb:Controller.label" transform="translate(12, 67) translate(1, 12)">feedback</text>
+                        </g>
+                    </g>
+                </g>
+            </svg>
+        </div>
+    </div>
+</div>;
\ No newline at end of file

From 2f2e8aa975ad38ffb678bd1fd64f99c9cf33b5b0 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 28 Jun 2022 11:12:54 +0200
Subject: [PATCH 27/80] deleted generated file

---
 templateWebview/out/tempWebview.js | 416 -----------------------------
 1 file changed, 416 deletions(-)
 delete mode 100644 templateWebview/out/tempWebview.js

diff --git a/templateWebview/out/tempWebview.js b/templateWebview/out/tempWebview.js
deleted file mode 100644
index faf8150a..00000000
--- a/templateWebview/out/tempWebview.js
+++ /dev/null
@@ -1,416 +0,0 @@
-/*
- * ATTENTION: An "eval-source-map" devtool has been used.
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-/******/ (() => { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "../node_modules/css-loader/dist/cjs.js!./css/diagram.css":
-/*!****************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!./css/diagram.css ***!
-  \****************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_options_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./options.css */ \"../node_modules/css-loader/dist/cjs.js!./css/options.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_sidebar_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./sidebar.css */ \"../node_modules/css-loader/dist/cjs.js!./css/sidebar.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_theme_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./theme.css */ \"../node_modules/css-loader/dist/cjs.js!./css/theme.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_sprotty_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./sprotty.css */ \"../node_modules/css-loader/dist/cjs.js!./css/sprotty.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_sprotty_vscode_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./sprotty-vscode.css */ \"../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css\");\n// Imports\n\n\n\n\n\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_options_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_sidebar_css__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_theme_css__WEBPACK_IMPORTED_MODULE_4__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_sprotty_css__WEBPACK_IMPORTED_MODULE_5__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_sprotty_vscode_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".vscode-high-contrast .stpa-node[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-node[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-edge[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-light .stpa-node[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .stpa-edge[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"]{\\r\\n    stroke: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .print-node {\\r\\n    fill: white;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge-arrow {\\r\\n    fill: black;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .sprotty-node {\\r\\n    fill: #50b1f1;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.stpa-node {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.parent-node {\\r\\n    fill-opacity: 0.1;\\r\\n}\\r\\n\\r\\n.sprotty-node.selected {\\r\\n    stroke-width: 2;\\r\\n    stroke: var(--vscode-button-hover-background);\\r\\n}\\r\\n\\r\\n.parent-selected {\\r\\n    fill-opacity: 0.4;\\r\\n}\\r\\n\\r\\n.hidden {\\r\\n    opacity: 0.4;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-label {\\r\\n    fill: black;\\r\\n    stroke-width: 0;\\r\\n}\\r\\n.sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 0;\\r\\n}\\r\\n\\r\\n.sprotty-button {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge .sprotty-label {\\r\\n    fill: black\\r\\n}\\r\\n.sprotty-edge .sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: black;\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n.sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge-arrow {\\r\\n    fill:black\\r\\n}\\r\\n.sprotty-edge-arrow {\\r\\n    fill:var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle {\\r\\n    fill: var(--vscode-editor-selectionBackground);\\r\\n    stroke: none;\\r\\n    z-index: 1000;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle[data-kind='line'] {\\r\\n    opacity: 0.35;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.selected {\\r\\n    fill: var(--vscode-editor-selectionHighlightBackground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.mouseover {\\r\\n    stroke: var(--vscode-editor-symbolHighlightBackground);\\r\\n    stroke-width: 1;\\r\\n}\\r\\n\\r\\n.sprotty-edge.mouseover:not(.selected) {\\r\\n    stroke-width: 3px;\\r\\n}\\r\\n\\r\\n.sprotty-hidden {\\r\\n    width: 0px;\\r\\n    height: 0px;\\r\\n}\\r\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/diagram.css\"],\"names\":[],\"mappings\":\"AAMA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,YAAY;AAChB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;;;AAGA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,cAAc;AAClB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;;;AAGA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,aAAa;AACjB;;;;;AAKA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,YAAY;AAChB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;;;AAGA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,cAAc;AAClB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;;;AAGA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,aAAa;AACjB;;;;;AAKA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;AACA;IACI,aAAa;AACjB;;;AAGA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;AACA;IACI,eAAe;AACnB;;;AAGA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,aAAa;AACjB;;;;;AAKA;IACI,aAAa;AACjB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,eAAe;IACf,6CAA6C;AACjD;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,WAAW;IACX,eAAe;AACnB;AACA;IACI,qDAAqD;IACrD,eAAe;AACnB;;AAEA;IACI,qDAAqD;AACzD;;AAEA;IACI;AACJ;AACA;IACI,qDAAqD;AACzD;;AAEA;IACI,SAAS;IACT,aAAa;IACb,iBAAiB;AACrB;AACA;IACI,SAAS;IACT,uDAAuD;IACvD,iBAAiB;AACrB;;AAEA;IACI;AACJ;AACA;IACI,oDAAoD;AACxD;;AAEA;IACI,8CAA8C;IAC9C,YAAY;IACZ,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,uDAAuD;AAC3D;;AAEA;IACI,sDAAsD;IACtD,eAAe;AACnB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,UAAU;IACV,WAAW;AACf\",\"sourcesContent\":[\"@import \\\"./options.css\\\";\\r\\n@import \\\"./sidebar.css\\\";\\r\\n@import \\\"./theme.css\\\";\\r\\n@import \\\"./sprotty.css\\\";\\r\\n@import \\\"./sprotty-vscode.css\\\";\\r\\n\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-node[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"0\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"1\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"2\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"3\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"4\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"5\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"6\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-high-contrast .stpa-edge[aspect=\\\"7\\\"], .vscode-high-contrast .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-high-contrast .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-high-contrast .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-node[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: purple;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-node[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .stpa-edge[aspect=\\\"0\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #AD0000;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"1\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #A85400;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"2\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #006600;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"3\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: purple;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"4\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #0054A8;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"5\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #006161;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"6\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    stroke: #616100;\\r\\n}\\r\\n.vscode-dark .stpa-edge[aspect=\\\"7\\\"], .vscode-dark .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #2f4f4f;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-dark .print-node {\\r\\n    fill: black;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge {\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .print-edge-arrow {\\r\\n    fill: white;\\r\\n    stroke: white;\\r\\n}\\r\\n\\r\\n.vscode-dark .sprotty-node {\\r\\n    fill: #0c598d;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.vscode-light .stpa-node[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    fill: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    fill: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    fill: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    fill: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    fill: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    fill: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"] {\\r\\n    fill: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-node[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    fill: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .stpa-edge[aspect=\\\"0\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"0\\\"] {\\r\\n    stroke: #ff7a7a;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"1\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"1\\\"] {\\r\\n    stroke: #ffa852;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"2\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"2\\\"] {\\r\\n    stroke: #00eb00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"3\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"3\\\"] {\\r\\n    stroke: #ff6bff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"4\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"4\\\"] {\\r\\n    stroke: #66b3ff;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"5\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"5\\\"] {\\r\\n    stroke: #00cccc;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"6\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"6\\\"]{\\r\\n    stroke: #cccc00;\\r\\n}\\r\\n.vscode-light .stpa-edge[aspect=\\\"7\\\"], .vscode-light .stpa-edge-arrow[aspect=\\\"7\\\"] {\\r\\n    stroke: #8fbcbc;\\r\\n}\\r\\n\\r\\n\\r\\n.vscode-light .print-node {\\r\\n    fill: white;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .print-edge-arrow {\\r\\n    fill: black;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.vscode-light .sprotty-node {\\r\\n    fill: #50b1f1;\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n.stpa-node {\\r\\n    stroke: black;\\r\\n}\\r\\n\\r\\n.parent-node {\\r\\n    fill-opacity: 0.1;\\r\\n}\\r\\n\\r\\n.sprotty-node.selected {\\r\\n    stroke-width: 2;\\r\\n    stroke: var(--vscode-button-hover-background);\\r\\n}\\r\\n\\r\\n.parent-selected {\\r\\n    fill-opacity: 0.4;\\r\\n}\\r\\n\\r\\n.hidden {\\r\\n    opacity: 0.4;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-label {\\r\\n    fill: black;\\r\\n    stroke-width: 0;\\r\\n}\\r\\n.sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 0;\\r\\n}\\r\\n\\r\\n.sprotty-button {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge .sprotty-label {\\r\\n    fill: black\\r\\n}\\r\\n.sprotty-edge .sprotty-label {\\r\\n    fill: var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: black;\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n.sprotty-edge {\\r\\n    fill:none;\\r\\n    stroke: var(--vscode-editorActiveLineNumber-foreground);\\r\\n    stroke-width: 2px;\\r\\n}\\r\\n\\r\\nbody[class='vscode-light'] .sprotty-edge-arrow {\\r\\n    fill:black\\r\\n}\\r\\n.sprotty-edge-arrow {\\r\\n    fill:var(--vscode-editorActiveLineNumber-foreground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle {\\r\\n    fill: var(--vscode-editor-selectionBackground);\\r\\n    stroke: none;\\r\\n    z-index: 1000;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle[data-kind='line'] {\\r\\n    opacity: 0.35;\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.selected {\\r\\n    fill: var(--vscode-editor-selectionHighlightBackground);\\r\\n}\\r\\n\\r\\n.sprotty-edge > .sprotty-routing-handle.mouseover {\\r\\n    stroke: var(--vscode-editor-symbolHighlightBackground);\\r\\n    stroke-width: 1;\\r\\n}\\r\\n\\r\\n.sprotty-edge.mouseover:not(.selected) {\\r\\n    stroke-width: 3px;\\r\\n}\\r\\n\\r\\n.sprotty-hidden {\\r\\n    width: 0px;\\r\\n    height: 0px;\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3MvZGlhZ3JhbS5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBO0FBQzZHO0FBQ2pCO0FBQ2M7QUFDQTtBQUNGO0FBQ0U7QUFDTztBQUNqSCw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GLDBCQUEwQix3RkFBaUM7QUFDM0QsMEJBQTBCLHdGQUFpQztBQUMzRCwwQkFBMEIsc0ZBQWlDO0FBQzNELDBCQUEwQix3RkFBaUM7QUFDM0QsMEJBQTBCLCtGQUFpQztBQUMzRDtBQUNBLGdKQUFnSixzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEdBQTBHLHNCQUFzQixLQUFLLDBHQUEwRyxxQkFBcUIsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEdBQTBHLHNCQUFzQixLQUFLLDBHQUEwRyxzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssa0hBQWtILHdCQUF3QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywwR0FBMEcsd0JBQXdCLEtBQUssMEdBQTBHLHVCQUF1QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywwR0FBMEcsd0JBQXdCLEtBQUssMEdBQTBHLHdCQUF3QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywrQ0FBK0Msb0JBQW9CLHNCQUFzQixLQUFLLDJDQUEyQyxzQkFBc0IsS0FBSyxpREFBaUQsb0JBQW9CLHNCQUFzQixLQUFLLDZDQUE2QyxzQkFBc0Isc0JBQXNCLEtBQUssd0dBQXdHLHNCQUFzQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyx3RkFBd0Ysc0JBQXNCLEtBQUssd0ZBQXdGLHFCQUFxQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyx3RkFBd0Ysc0JBQXNCLEtBQUssd0ZBQXdGLHNCQUFzQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyxnR0FBZ0csd0JBQXdCLEtBQUssd0ZBQXdGLHdCQUF3QixLQUFLLHdGQUF3Rix3QkFBd0IsS0FBSyx3RkFBd0YsdUJBQXVCLEtBQUssd0ZBQXdGLHdCQUF3QixLQUFLLHdGQUF3Rix3QkFBd0IsS0FBSyx3RkFBd0Ysd0JBQXdCLEtBQUssd0ZBQXdGLHdCQUF3QixLQUFLLHNDQUFzQyxvQkFBb0Isc0JBQXNCLEtBQUssa0NBQWtDLHNCQUFzQixLQUFLLHdDQUF3QyxvQkFBb0Isc0JBQXNCLEtBQUssb0NBQW9DLHNCQUFzQixzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEZBQTBGLHNCQUFzQixLQUFLLDBGQUEwRixzQkFBc0IsS0FBSywwRkFBMEYsc0JBQXNCLEtBQUssMEZBQTBGLHNCQUFzQixLQUFLLDBGQUEwRixzQkFBc0IsS0FBSywwRkFBMEYsc0JBQXNCLEtBQUssMEZBQTBGLHNCQUFzQixLQUFLLGtHQUFrRyx3QkFBd0IsS0FBSywwRkFBMEYsd0JBQXdCLEtBQUssMEZBQTBGLHdCQUF3QixLQUFLLDBGQUEwRix3QkFBd0IsS0FBSywwRkFBMEYsd0JBQXdCLEtBQUssMEZBQTBGLHdCQUF3QixLQUFLLHlGQUF5Rix3QkFBd0IsS0FBSywwRkFBMEYsd0JBQXdCLEtBQUssdUNBQXVDLG9CQUFvQixzQkFBc0IsS0FBSyxtQ0FBbUMsc0JBQXNCLEtBQUsseUNBQXlDLG9CQUFvQixzQkFBc0IsS0FBSyxxQ0FBcUMsc0JBQXNCLHNCQUFzQixLQUFLLGdDQUFnQyxzQkFBc0IsS0FBSyxzQkFBc0IsMEJBQTBCLEtBQUssZ0NBQWdDLHdCQUF3QixzREFBc0QsS0FBSywwQkFBMEIsMEJBQTBCLEtBQUssaUJBQWlCLHFCQUFxQixLQUFLLG1EQUFtRCxvQkFBb0Isd0JBQXdCLEtBQUssb0JBQW9CLDhEQUE4RCx3QkFBd0IsS0FBSyx5QkFBeUIsOERBQThELEtBQUssaUVBQWlFLHdCQUF3QixrQ0FBa0MsOERBQThELEtBQUssa0RBQWtELGtCQUFrQixzQkFBc0IsMEJBQTBCLEtBQUssbUJBQW1CLGtCQUFrQixnRUFBZ0UsMEJBQTBCLEtBQUssd0RBQXdELHVCQUF1Qix5QkFBeUIsNkRBQTZELEtBQUssaURBQWlELHVEQUF1RCxxQkFBcUIsc0JBQXNCLEtBQUssbUVBQW1FLHNCQUFzQixLQUFLLDBEQUEwRCxnRUFBZ0UsS0FBSywyREFBMkQsK0RBQStELHdCQUF3QixLQUFLLGdEQUFnRCwwQkFBMEIsS0FBSyx5QkFBeUIsbUJBQW1CLG9CQUFvQixLQUFLLFdBQVcsa0ZBQWtGLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsUUFBUSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsUUFBUSxLQUFLLFVBQVUsVUFBVSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssVUFBVSxVQUFVLE9BQU8sS0FBSyxVQUFVLFVBQVUsVUFBVSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsUUFBUSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsUUFBUSxLQUFLLFVBQVUsVUFBVSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssVUFBVSxVQUFVLE9BQU8sS0FBSyxVQUFVLFVBQVUsVUFBVSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsUUFBUSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsTUFBTSxLQUFLLFVBQVUsUUFBUSxLQUFLLFVBQVUsVUFBVSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssVUFBVSxVQUFVLE9BQU8sS0FBSyxVQUFVLFVBQVUsVUFBVSxLQUFLLFVBQVUsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFVBQVUsWUFBWSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssVUFBVSxVQUFVLE1BQU0sS0FBSyxZQUFZLFdBQVcsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLEtBQUssS0FBSyxLQUFLLFlBQVksT0FBTyxLQUFLLFVBQVUsVUFBVSxZQUFZLE1BQU0sS0FBSyxVQUFVLFlBQVksYUFBYSxPQUFPLEtBQUssS0FBSyxLQUFLLEtBQUssWUFBWSxPQUFPLEtBQUssWUFBWSxXQUFXLFVBQVUsT0FBTyxLQUFLLFVBQVUsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksV0FBVyxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxVQUFVLG1EQUFtRCw4QkFBOEIsNEJBQTRCLDhCQUE4QixxQ0FBcUMsOEdBQThHLHNCQUFzQixLQUFLLDBHQUEwRyxzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEdBQTBHLHFCQUFxQixLQUFLLDBHQUEwRyxzQkFBc0IsS0FBSywwR0FBMEcsc0JBQXNCLEtBQUssMEdBQTBHLHNCQUFzQixLQUFLLDBHQUEwRyxzQkFBc0IsS0FBSyxrSEFBa0gsd0JBQXdCLEtBQUssMEdBQTBHLHdCQUF3QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywwR0FBMEcsdUJBQXVCLEtBQUssMEdBQTBHLHdCQUF3QixLQUFLLDBHQUEwRyx3QkFBd0IsS0FBSywwR0FBMEcsd0JBQXdCLEtBQUssMEdBQTBHLHdCQUF3QixLQUFLLCtDQUErQyxvQkFBb0Isc0JBQXNCLEtBQUssMkNBQTJDLHNCQUFzQixLQUFLLGlEQUFpRCxvQkFBb0Isc0JBQXNCLEtBQUssNkNBQTZDLHNCQUFzQixzQkFBc0IsS0FBSyx3R0FBd0csc0JBQXNCLEtBQUssd0ZBQXdGLHNCQUFzQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyx3RkFBd0YscUJBQXFCLEtBQUssd0ZBQXdGLHNCQUFzQixLQUFLLHdGQUF3RixzQkFBc0IsS0FBSyx3RkFBd0Ysc0JBQXNCLEtBQUssd0ZBQXdGLHNCQUFzQixLQUFLLGdHQUFnRyx3QkFBd0IsS0FBSyx3RkFBd0Ysd0JBQXdCLEtBQUssd0ZBQXdGLHdCQUF3QixLQUFLLHdGQUF3Rix1QkFBdUIsS0FBSyx3RkFBd0Ysd0JBQXdCLEtBQUssd0ZBQXdGLHdCQUF3QixLQUFLLHdGQUF3Rix3QkFBd0IsS0FBSyx3RkFBd0Ysd0JBQXdCLEtBQUssc0NBQXNDLG9CQUFvQixzQkFBc0IsS0FBSyxrQ0FBa0Msc0JBQXNCLEtBQUssd0NBQXdDLG9CQUFvQixzQkFBc0IsS0FBSyxvQ0FBb0Msc0JBQXNCLHNCQUFzQixLQUFLLDBHQUEwRyxzQkFBc0IsS0FBSywwRkFBMEYsc0JBQXNCLEtBQUssMEZBQTBGLHNCQUFzQixLQUFLLDBGQUEwRixzQkFBc0IsS0FBSywwRkFBMEYsc0JBQXNCLEtBQUssMEZBQTBGLHNCQUFzQixLQUFLLDBGQUEwRixzQkFBc0IsS0FBSywwRkFBMEYsc0JBQXNCLEtBQUssa0dBQWtHLHdCQUF3QixLQUFLLDBGQUEwRix3QkFBd0IsS0FBSywwRkFBMEYsd0JBQXdCLEtBQUssMEZBQTBGLHdCQUF3QixLQUFLLDBGQUEwRix3QkFBd0IsS0FBSywwRkFBMEYsd0JBQXdCLEtBQUsseUZBQXlGLHdCQUF3QixLQUFLLDBGQUEwRix3QkFBd0IsS0FBSyx1Q0FBdUMsb0JBQW9CLHNCQUFzQixLQUFLLG1DQUFtQyxzQkFBc0IsS0FBSyx5Q0FBeUMsb0JBQW9CLHNCQUFzQixLQUFLLHFDQUFxQyxzQkFBc0Isc0JBQXNCLEtBQUssZ0NBQWdDLHNCQUFzQixLQUFLLHNCQUFzQiwwQkFBMEIsS0FBSyxnQ0FBZ0Msd0JBQXdCLHNEQUFzRCxLQUFLLDBCQUEwQiwwQkFBMEIsS0FBSyxpQkFBaUIscUJBQXFCLEtBQUssbURBQW1ELG9CQUFvQix3QkFBd0IsS0FBSyxvQkFBb0IsOERBQThELHdCQUF3QixLQUFLLHlCQUF5Qiw4REFBOEQsS0FBSyxpRUFBaUUsd0JBQXdCLGtDQUFrQyw4REFBOEQsS0FBSyxrREFBa0Qsa0JBQWtCLHNCQUFzQiwwQkFBMEIsS0FBSyxtQkFBbUIsa0JBQWtCLGdFQUFnRSwwQkFBMEIsS0FBSyx3REFBd0QsdUJBQXVCLHlCQUF5Qiw2REFBNkQsS0FBSyxpREFBaUQsdURBQXVELHFCQUFxQixzQkFBc0IsS0FBSyxtRUFBbUUsc0JBQXNCLEtBQUssMERBQTBELGdFQUFnRSxLQUFLLDJEQUEyRCwrREFBK0Qsd0JBQXdCLEtBQUssZ0RBQWdELDBCQUEwQixLQUFLLHlCQUF5QixtQkFBbUIsb0JBQW9CLEtBQUssdUJBQXVCO0FBQy8vbUI7QUFDQSxpRUFBZSx1QkFBdUIsRUFBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL2Nzcy9kaWFncmFtLmNzcz82ZDM0Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvc291cmNlTWFwcy5qc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVRfUlVMRV9JTVBPUlRfMF9fXyBmcm9tIFwiLSEuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcyEuL29wdGlvbnMuY3NzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BVF9SVUxFX0lNUE9SVF8xX19fIGZyb20gXCItIS4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4vc2lkZWJhci5jc3NcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzJfX18gZnJvbSBcIi0hLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi90aGVtZS5jc3NcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzNfX18gZnJvbSBcIi0hLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9zcHJvdHR5LmNzc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVRfUlVMRV9JTVBPUlRfNF9fXyBmcm9tIFwiLSEuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcyEuL3Nwcm90dHktdnNjb2RlLmNzc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzBfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzFfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzJfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzNfX18pO1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18uaShfX19DU1NfTE9BREVSX0FUX1JVTEVfSU1QT1JUXzRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtZGFyayAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiMFxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICNmZmE4NTI7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjJcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwZWIwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiM1xcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM2NmIzZmY7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNVxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwY2NjYztcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjY2NjYzAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjdcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM4ZmJjYmM7XFxyXFxufVxcclxcblxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI2ZmYTg1MjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIyXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGViMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzY2YjNmZjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNVxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGNjY2M7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNlxcXCJde1xcclxcbiAgICBzdHJva2U6ICNjY2NjMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjOGZiY2JjO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1ub2RlIHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnByaW50LWVkZ2Uge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnNwcm90dHktbm9kZSB7XFxyXFxuICAgIGZpbGw6ICM1MGIxZjE7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcblxcclxcblxcclxcblxcclxcbi5zdHBhLW5vZGUge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LW5vZGUge1xcclxcbiAgICBmaWxsLW9wYWNpdHk6IDAuMTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktbm9kZS5zZWxlY3RlZCB7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMjtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtYnV0dG9uLWhvdmVyLWJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LXNlbGVjdGVkIHtcXHJcXG4gICAgZmlsbC1vcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbi5oaWRkZW4ge1xcclxcbiAgICBvcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbmJvZHlbY2xhc3M9J3ZzY29kZS1saWdodCddIC5zcHJvdHR5LWxhYmVsIHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMDtcXHJcXG59XFxyXFxuLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1idXR0b24ge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSAuc3Byb3R0eS1sYWJlbCB7XFxyXFxuICAgIGZpbGw6IGJsYWNrXFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2UgLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSB7XFxyXFxuICAgIGZpbGw6bm9uZTtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAycHg7XFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2Uge1xcclxcbiAgICBmaWxsOm5vbmU7XFxyXFxuICAgIHN0cm9rZTogdmFyKC0tdnNjb2RlLWVkaXRvckFjdGl2ZUxpbmVOdW1iZXItZm9yZWdyb3VuZCk7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMnB4O1xcclxcbn1cXHJcXG5cXHJcXG5ib2R5W2NsYXNzPSd2c2NvZGUtbGlnaHQnXSAuc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDpibGFja1xcclxcbn1cXHJcXG4uc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDp2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktZWRnZSA+IC5zcHJvdHR5LXJvdXRpbmctaGFuZGxlIHtcXHJcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvci1zZWxlY3Rpb25CYWNrZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlOiBub25lO1xcclxcbiAgICB6LWluZGV4OiAxMDAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGVbZGF0YS1raW5kPSdsaW5lJ10ge1xcclxcbiAgICBvcGFjaXR5OiAwLjM1O1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUuc2VsZWN0ZWQge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yLXNlbGVjdGlvbkhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUubW91c2VvdmVyIHtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtZWRpdG9yLXN5bWJvbEhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbiAgICBzdHJva2Utd2lkdGg6IDE7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWVkZ2UubW91c2VvdmVyOm5vdCguc2VsZWN0ZWQpIHtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAzcHg7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWhpZGRlbiB7XFxyXFxuICAgIHdpZHRoOiAwcHg7XFxyXFxuICAgIGhlaWdodDogMHB4O1xcclxcbn1cXHJcXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi9j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REFBb0Q7QUFDeEQ7O0FBRUE7SUFDSSw4Q0FBOEM7SUFDOUMsWUFBWTtJQUNaLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksdURBQXVEO0FBQzNEOztBQUVBO0lBQ0ksc0RBQXNEO0lBQ3RELGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsV0FBVztBQUNmXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIkBpbXBvcnQgXFxcIi4vb3B0aW9ucy5jc3NcXFwiO1xcclxcbkBpbXBvcnQgXFxcIi4vc2lkZWJhci5jc3NcXFwiO1xcclxcbkBpbXBvcnQgXFxcIi4vdGhlbWUuY3NzXFxcIjtcXHJcXG5AaW1wb3J0IFxcXCIuL3Nwcm90dHkuY3NzXFxcIjtcXHJcXG5AaW1wb3J0IFxcXCIuL3Nwcm90dHktdnNjb2RlLmNzc1xcXCI7XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWhpZ2gtY29udHJhc3QgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtaGlnaC1jb250cmFzdCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWhpZ2gtY29udHJhc3QgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1oaWdoLWNvbnRyYXN0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtaGlnaC1jb250cmFzdCAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIwXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0FEMDAwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMVxcXCJdIHtcXHJcXG4gICAgZmlsbDogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwNjYwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIzXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgZmlsbDogcHVycGxlO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjRcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI0XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMDA2MTYxO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjNjE2MTAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI3XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICNBRDAwMDA7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMVxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI0E4NTQwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIyXFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA2NjAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBzdHJva2U6IHB1cnBsZTtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMDA1NEE4O1xcclxcbn1cXHJcXG4udnNjb2RlLWRhcmsgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMDYxNjE7XFxyXFxufVxcclxcbi52c2NvZGUtZGFyayAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWRhcmsgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjZcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzYxNjEwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1kYXJrIC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtZGFyayAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjMmY0ZjRmO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWRhcmsgLnByaW50LW5vZGUge1xcclxcbiAgICBmaWxsOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlIHtcXHJcXG4gICAgc3Ryb2tlOiB3aGl0ZTtcXHJcXG59XFxyXFxuXFxyXFxuLnZzY29kZS1kYXJrIC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogd2hpdGU7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtZGFyayAuc3Byb3R0eS1ub2RlIHtcXHJcXG4gICAgZmlsbDogIzBjNTk4ZDtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG59XFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuXFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiMFxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIwXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICNmZmE4NTI7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjJcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMlxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwZWIwMDtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiM1xcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIzXFxcIl0ge1xcclxcbiAgICBmaWxsOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM2NmIzZmY7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtbm9kZVthc3BlY3Q9XFxcIjVcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNVxcXCJdIHtcXHJcXG4gICAgZmlsbDogIzAwY2NjYztcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1ub2RlW2FzcGVjdD1cXFwiNlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI2XFxcIl0ge1xcclxcbiAgICBmaWxsOiAjY2NjYzAwO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLW5vZGVbYXNwZWN0PVxcXCI3XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjdcXFwiXSB7XFxyXFxuICAgIGZpbGw6ICM4ZmJjYmM7XFxyXFxufVxcclxcblxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjBcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiMFxcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY3YTdhO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCIxXFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjFcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogI2ZmYTg1MjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiMlxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCIyXFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGViMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjNcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiM1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjZmY2YmZmO1xcclxcbn1cXHJcXG4udnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2VbYXNwZWN0PVxcXCI0XFxcIl0sIC52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZS1hcnJvd1thc3BlY3Q9XFxcIjRcXFwiXSB7XFxyXFxuICAgIHN0cm9rZTogIzY2YjNmZjtcXHJcXG59XFxyXFxuLnZzY29kZS1saWdodCAuc3RwYS1lZGdlW2FzcGVjdD1cXFwiNVxcXCJdLCAudnNjb2RlLWxpZ2h0IC5zdHBhLWVkZ2UtYXJyb3dbYXNwZWN0PVxcXCI1XFxcIl0ge1xcclxcbiAgICBzdHJva2U6ICMwMGNjY2M7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjZcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiNlxcXCJde1xcclxcbiAgICBzdHJva2U6ICNjY2NjMDA7XFxyXFxufVxcclxcbi52c2NvZGUtbGlnaHQgLnN0cGEtZWRnZVthc3BlY3Q9XFxcIjdcXFwiXSwgLnZzY29kZS1saWdodCAuc3RwYS1lZGdlLWFycm93W2FzcGVjdD1cXFwiN1xcXCJdIHtcXHJcXG4gICAgc3Ryb2tlOiAjOGZiY2JjO1xcclxcbn1cXHJcXG5cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1ub2RlIHtcXHJcXG4gICAgZmlsbDogd2hpdGU7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnByaW50LWVkZ2Uge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4udnNjb2RlLWxpZ2h0IC5wcmludC1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcbi52c2NvZGUtbGlnaHQgLnNwcm90dHktbm9kZSB7XFxyXFxuICAgIGZpbGw6ICM1MGIxZjE7XFxyXFxuICAgIHN0cm9rZTogYmxhY2s7XFxyXFxufVxcclxcblxcclxcblxcclxcblxcclxcblxcclxcbi5zdHBhLW5vZGUge1xcclxcbiAgICBzdHJva2U6IGJsYWNrO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LW5vZGUge1xcclxcbiAgICBmaWxsLW9wYWNpdHk6IDAuMTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktbm9kZS5zZWxlY3RlZCB7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMjtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtYnV0dG9uLWhvdmVyLWJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4ucGFyZW50LXNlbGVjdGVkIHtcXHJcXG4gICAgZmlsbC1vcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbi5oaWRkZW4ge1xcclxcbiAgICBvcGFjaXR5OiAwLjQ7XFxyXFxufVxcclxcblxcclxcbmJvZHlbY2xhc3M9J3ZzY29kZS1saWdodCddIC5zcHJvdHR5LWxhYmVsIHtcXHJcXG4gICAgZmlsbDogYmxhY2s7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMDtcXHJcXG59XFxyXFxuLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1idXR0b24ge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSAuc3Byb3R0eS1sYWJlbCB7XFxyXFxuICAgIGZpbGw6IGJsYWNrXFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2UgLnNwcm90dHktbGFiZWwge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuYm9keVtjbGFzcz0ndnNjb2RlLWxpZ2h0J10gLnNwcm90dHktZWRnZSB7XFxyXFxuICAgIGZpbGw6bm9uZTtcXHJcXG4gICAgc3Ryb2tlOiBibGFjaztcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAycHg7XFxyXFxufVxcclxcbi5zcHJvdHR5LWVkZ2Uge1xcclxcbiAgICBmaWxsOm5vbmU7XFxyXFxuICAgIHN0cm9rZTogdmFyKC0tdnNjb2RlLWVkaXRvckFjdGl2ZUxpbmVOdW1iZXItZm9yZWdyb3VuZCk7XFxyXFxuICAgIHN0cm9rZS13aWR0aDogMnB4O1xcclxcbn1cXHJcXG5cXHJcXG5ib2R5W2NsYXNzPSd2c2NvZGUtbGlnaHQnXSAuc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDpibGFja1xcclxcbn1cXHJcXG4uc3Byb3R0eS1lZGdlLWFycm93IHtcXHJcXG4gICAgZmlsbDp2YXIoLS12c2NvZGUtZWRpdG9yQWN0aXZlTGluZU51bWJlci1mb3JlZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNwcm90dHktZWRnZSA+IC5zcHJvdHR5LXJvdXRpbmctaGFuZGxlIHtcXHJcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvci1zZWxlY3Rpb25CYWNrZ3JvdW5kKTtcXHJcXG4gICAgc3Ryb2tlOiBub25lO1xcclxcbiAgICB6LWluZGV4OiAxMDAwO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGVbZGF0YS1raW5kPSdsaW5lJ10ge1xcclxcbiAgICBvcGFjaXR5OiAwLjM1O1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUuc2VsZWN0ZWQge1xcclxcbiAgICBmaWxsOiB2YXIoLS12c2NvZGUtZWRpdG9yLXNlbGVjdGlvbkhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbn1cXHJcXG5cXHJcXG4uc3Byb3R0eS1lZGdlID4gLnNwcm90dHktcm91dGluZy1oYW5kbGUubW91c2VvdmVyIHtcXHJcXG4gICAgc3Ryb2tlOiB2YXIoLS12c2NvZGUtZWRpdG9yLXN5bWJvbEhpZ2hsaWdodEJhY2tncm91bmQpO1xcclxcbiAgICBzdHJva2Utd2lkdGg6IDE7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWVkZ2UubW91c2VvdmVyOm5vdCguc2VsZWN0ZWQpIHtcXHJcXG4gICAgc3Ryb2tlLXdpZHRoOiAzcHg7XFxyXFxufVxcclxcblxcclxcbi5zcHJvdHR5LWhpZGRlbiB7XFxyXFxuICAgIHdpZHRoOiAwcHg7XFxyXFxuICAgIGhlaWdodDogMHB4O1xcclxcbn1cXHJcXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/diagram.css\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!./css/options.css":
-/*!****************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!./css/options.css ***!
-  \****************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .options__section {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 4px;\\r\\n    margin-bottom: 12px;\\r\\n}\\r\\n\\r\\n.options__section:last-of-type {\\r\\n    margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.options__heading {\\r\\n    margin: 0;\\r\\n    font-size: 1.12rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n}\\r\\n\\r\\n/*********************************** BUTTON ***********************************/\\r\\n\\r\\n.options__button-group {\\r\\n    display: flex;\\r\\n    flex-wrap: wrap;\\r\\n    gap: 4px;\\r\\n    padding: 0 4px;\\r\\n}\\r\\n\\r\\n.options__icon-button {\\r\\n    --background: transparent;\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 4px;\\r\\n\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    background: var(--background);\\r\\n    transition: background var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__icon-button:hover {\\r\\n    --background: var(--stpa-color-sidebar-hover-background);\\r\\n}\\r\\n\\r\\n.options__button {\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 6px 12px;\\r\\n\\r\\n    font-size: 1rem;\\r\\n    font-weight: 400;\\r\\n\\r\\n    box-shadow: none;\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    transition: box-shadow var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__button:hover {\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n}\\r\\n\\r\\n/*********************************** INPUTS ***********************************/\\r\\n\\r\\n/* Group that renders children in a column */\\r\\n.options__column {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Group that renders children in a column and indents the children */\\r\\n.options__input-container {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Indent content except the legend inside an input group */\\r\\n.options__input-container > :not(legend) {\\r\\n    margin-left: 12px;\\r\\n}\\r\\n\\r\\n.options__separator {\\r\\n    display: block;\\r\\n    font-weight: 700;\\r\\n}\\r\\n\\r\\n.options__category {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    /* This should also have a gap just like .options__section. However, it\\r\\n    appears like the gap is not applied for details. Therefore, we use margin on the children. */\\r\\n}\\r\\n\\r\\n.options__category > summary {\\r\\n    font-weight: 700;\\r\\n    margin-bottom: 4px;\\r\\n}\\r\\n\\r\\n.options__category > :not(summary) {\\r\\n    margin: 0 0 4px 12px;\\r\\n}\\r\\n\\r\\n.options__input {\\r\\n    margin: 0 4px 0 0;\\r\\n    vertical-align: baseline;\\r\\n}\\r\\n\\r\\n.options__text-field {\\r\\n    padding: 2px 4px;\\r\\n    font-size: 1rem;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n}\\r\\n\\r\\n.options__text-field:focus,\\r\\n.options__text-field:focus-visible {\\r\\n    /* \\r\\n    Text Field should use their border as their focus indicator. Without \\\"!important\\\"\\r\\n    the rule for all inputs \\\".options__input:focus-visible\\\" takes precedence when the\\r\\n    styles are applied.\\r\\n    */\\r\\n    outline: none !important;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n/* Don't show outlines when a user interacts with different options... */\\r\\n.options__input,\\r\\n.options__category > summary,\\r\\n.options__button,\\r\\n.options__icon-button {\\r\\n    outline: none;\\r\\n}\\r\\n\\r\\n/* ...only show an outline if the user interacts with the options using a keyboard */\\r\\n.options__input:focus-visible,\\r\\n.options__category > summary:focus-visible,\\r\\n.options__button:focus-visible,\\r\\n.options__icon-button:focus-visible {\\r\\n    /* Chromium has this thing where an outline is colored and white. This just colors it. */\\r\\n    --outline-size: 2px;\\r\\n    outline: var(--outline-size) solid var(--stpa-color-primary);\\r\\n    outline-offset: calc(-1 * var(--outline-size));\\r\\n}\\r\\n\\r\\n.options__selection {\\r\\n    padding: 4px 6px;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    cursor: pointer;\\r\\n    font-size: 1rem;\\r\\n}\\r\\n\\r\\n.options__selection:focus {\\r\\n    outline: none;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n.options__hidden {\\r\\n    display: none;\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/options.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;EAeE;;CAED;IACG,aAAa;IACb,sBAAsB;IACtB,QAAQ;IACR,mBAAmB;AACvB;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,SAAS;IACT,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA,+EAA+E;;AAE/E;IACI,aAAa;IACb,eAAe;IACf,QAAQ;IACR,cAAc;AAClB;;AAEA;IACI,yBAAyB;IACzB,sBAAsB;IACtB,gBAAgB;IAChB,YAAY;IACZ,gDAAgD;IAChD,YAAY;;IAEZ,6CAA6C;IAC7C,6BAA6B;IAC7B,6CAA6C;IAC7C,eAAe;AACnB;;AAEA;IACI,wDAAwD;AAC5D;;AAEA;IACI,sBAAsB;IACtB,gBAAgB;IAChB,YAAY;IACZ,gDAAgD;IAChD,iBAAiB;;IAEjB,eAAe;IACf,gBAAgB;;IAEhB,gBAAgB;IAChB,6CAA6C;IAC7C,+DAA+D;IAC/D,6CAA6C;IAC7C,eAAe;AACnB;;AAEA;IACI,6CAA6C;AACjD;;AAEA,+EAA+E;;AAE/E,4CAA4C;AAC5C;IACI,aAAa;IACb,sBAAsB;AAC1B;;AAEA,qEAAqE;AACrE;IACI,aAAa;IACb,sBAAsB;AAC1B;;AAEA,2DAA2D;AAC3D;IACI,iBAAiB;AACrB;;AAEA;IACI,cAAc;IACd,gBAAgB;AACpB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB;gGAC4F;AAChG;;AAEA;IACI,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,oBAAoB;AACxB;;AAEA;IACI,iBAAiB;IACjB,wBAAwB;AAC5B;;AAEA;IACI,gBAAgB;IAChB,eAAe;;IAEf,oEAAoE;IACpE,gDAAgD;IAChD,+DAA+D;IAC/D,6CAA6C;AACjD;;AAEA;;IAEI;;;;KAIC;IACD,wBAAwB;IACxB,uCAAuC;AAC3C;;AAEA,wEAAwE;AACxE;;;;IAII,aAAa;AACjB;;AAEA,oFAAoF;AACpF;;;;IAII,wFAAwF;IACxF,mBAAmB;IACnB,4DAA4D;IAC5D,8CAA8C;AAClD;;AAEA;IACI,gBAAgB;;IAEhB,oEAAoE;IACpE,gDAAgD;IAChD,+DAA+D;IAC/D,6CAA6C;IAC7C,eAAe;IACf,eAAe;AACnB;;AAEA;IACI,aAAa;IACb,uCAAuC;AAC3C;;AAEA;IACI,aAAa;AACjB\",\"sourcesContent\":[\"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .options__section {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 4px;\\r\\n    margin-bottom: 12px;\\r\\n}\\r\\n\\r\\n.options__section:last-of-type {\\r\\n    margin-bottom: 0;\\r\\n}\\r\\n\\r\\n.options__heading {\\r\\n    margin: 0;\\r\\n    font-size: 1.12rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n}\\r\\n\\r\\n/*********************************** BUTTON ***********************************/\\r\\n\\r\\n.options__button-group {\\r\\n    display: flex;\\r\\n    flex-wrap: wrap;\\r\\n    gap: 4px;\\r\\n    padding: 0 4px;\\r\\n}\\r\\n\\r\\n.options__icon-button {\\r\\n    --background: transparent;\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 4px;\\r\\n\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    background: var(--background);\\r\\n    transition: background var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__icon-button:hover {\\r\\n    --background: var(--stpa-color-sidebar-hover-background);\\r\\n}\\r\\n\\r\\n.options__button {\\r\\n    box-sizing: border-box;\\r\\n    appearance: none;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    padding: 6px 12px;\\r\\n\\r\\n    font-size: 1rem;\\r\\n    font-weight: 400;\\r\\n\\r\\n    box-shadow: none;\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    transition: box-shadow var(--stpa-transition);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.options__button:hover {\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n}\\r\\n\\r\\n/*********************************** INPUTS ***********************************/\\r\\n\\r\\n/* Group that renders children in a column */\\r\\n.options__column {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Group that renders children in a column and indents the children */\\r\\n.options__input-container {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n/* Indent content except the legend inside an input group */\\r\\n.options__input-container > :not(legend) {\\r\\n    margin-left: 12px;\\r\\n}\\r\\n\\r\\n.options__separator {\\r\\n    display: block;\\r\\n    font-weight: 700;\\r\\n}\\r\\n\\r\\n.options__category {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    /* This should also have a gap just like .options__section. However, it\\r\\n    appears like the gap is not applied for details. Therefore, we use margin on the children. */\\r\\n}\\r\\n\\r\\n.options__category > summary {\\r\\n    font-weight: 700;\\r\\n    margin-bottom: 4px;\\r\\n}\\r\\n\\r\\n.options__category > :not(summary) {\\r\\n    margin: 0 0 4px 12px;\\r\\n}\\r\\n\\r\\n.options__input {\\r\\n    margin: 0 4px 0 0;\\r\\n    vertical-align: baseline;\\r\\n}\\r\\n\\r\\n.options__text-field {\\r\\n    padding: 2px 4px;\\r\\n    font-size: 1rem;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n}\\r\\n\\r\\n.options__text-field:focus,\\r\\n.options__text-field:focus-visible {\\r\\n    /* \\r\\n    Text Field should use their border as their focus indicator. Without \\\"!important\\\"\\r\\n    the rule for all inputs \\\".options__input:focus-visible\\\" takes precedence when the\\r\\n    styles are applied.\\r\\n    */\\r\\n    outline: none !important;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n/* Don't show outlines when a user interacts with different options... */\\r\\n.options__input,\\r\\n.options__category > summary,\\r\\n.options__button,\\r\\n.options__icon-button {\\r\\n    outline: none;\\r\\n}\\r\\n\\r\\n/* ...only show an outline if the user interacts with the options using a keyboard */\\r\\n.options__input:focus-visible,\\r\\n.options__category > summary:focus-visible,\\r\\n.options__button:focus-visible,\\r\\n.options__icon-button:focus-visible {\\r\\n    /* Chromium has this thing where an outline is colored and white. This just colors it. */\\r\\n    --outline-size: 2px;\\r\\n    outline: var(--outline-size) solid var(--stpa-color-primary);\\r\\n    outline-offset: calc(-1 * var(--outline-size));\\r\\n}\\r\\n\\r\\n.options__selection {\\r\\n    padding: 4px 6px;\\r\\n\\r\\n    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);\\r\\n    border-radius: var(--stpa-border-radius-default);\\r\\n    background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    cursor: pointer;\\r\\n    font-size: 1rem;\\r\\n}\\r\\n\\r\\n.options__selection:focus {\\r\\n    outline: none;\\r\\n    border-color: var(--stpa-color-primary);\\r\\n}\\r\\n\\r\\n.options__hidden {\\r\\n    display: none;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvb3B0aW9ucy5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUM2RztBQUNqQjtBQUM1Riw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GO0FBQ0EsaWxCQUFpbEIsc0JBQXNCLCtCQUErQixpQkFBaUIsNEJBQTRCLEtBQUssd0NBQXdDLHlCQUF5QixLQUFLLDJCQUEyQixrQkFBa0IsMkJBQTJCLHlCQUF5Qix5QkFBeUIsS0FBSyx3SEFBd0gsc0JBQXNCLHdCQUF3QixpQkFBaUIsdUJBQXVCLEtBQUssK0JBQStCLGtDQUFrQywrQkFBK0IseUJBQXlCLHFCQUFxQix5REFBeUQscUJBQXFCLDBEQUEwRCxzQ0FBc0Msc0RBQXNELHdCQUF3QixLQUFLLHFDQUFxQyxpRUFBaUUsS0FBSywwQkFBMEIsK0JBQStCLHlCQUF5QixxQkFBcUIseURBQXlELDBCQUEwQiw0QkFBNEIseUJBQXlCLDZCQUE2QixzREFBc0Qsd0VBQXdFLHNEQUFzRCx3QkFBd0IsS0FBSyxnQ0FBZ0Msc0RBQXNELEtBQUssbUtBQW1LLHNCQUFzQiwrQkFBK0IsS0FBSyw2R0FBNkcsc0JBQXNCLCtCQUErQixLQUFLLGtIQUFrSCwwQkFBMEIsS0FBSyw2QkFBNkIsdUJBQXVCLHlCQUF5QixLQUFLLDRCQUE0QixzQkFBc0IsK0JBQStCLHlMQUF5TCxzQ0FBc0MseUJBQXlCLDJCQUEyQixLQUFLLDRDQUE0Qyw2QkFBNkIsS0FBSyx5QkFBeUIsMEJBQTBCLGlDQUFpQyxLQUFLLDhCQUE4Qix5QkFBeUIsd0JBQXdCLGlGQUFpRix5REFBeUQsd0VBQXdFLHNEQUFzRCxLQUFLLDJFQUEyRSx1UUFBdVEsZ0RBQWdELEtBQUssc0xBQXNMLHNCQUFzQixLQUFLLDBQQUEwUCw2SEFBNkgscUVBQXFFLHVEQUF1RCxLQUFLLDZCQUE2Qix5QkFBeUIsaUZBQWlGLHlEQUF5RCx3RUFBd0Usc0RBQXNELHdCQUF3Qix3QkFBd0IsS0FBSyxtQ0FBbUMsc0JBQXNCLGdEQUFnRCxLQUFLLDBCQUEwQixzQkFBc0IsS0FBSyxPQUFPLGdHQUFnRyxNQUFNLEtBQUssVUFBVSxZQUFZLFdBQVcsWUFBWSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLGFBQWEsYUFBYSxPQUFPLGFBQWEsTUFBTSxVQUFVLFVBQVUsVUFBVSxVQUFVLE9BQU8sS0FBSyxZQUFZLGFBQWEsYUFBYSxXQUFXLFlBQVksWUFBWSxZQUFZLGFBQWEsYUFBYSxXQUFXLE9BQU8sS0FBSyxZQUFZLE9BQU8sS0FBSyxZQUFZLGFBQWEsV0FBVyxZQUFZLGNBQWMsV0FBVyxhQUFhLGFBQWEsYUFBYSxhQUFhLGFBQWEsV0FBVyxPQUFPLEtBQUssWUFBWSxPQUFPLGFBQWEsYUFBYSxNQUFNLFVBQVUsWUFBWSxPQUFPLFlBQVksTUFBTSxVQUFVLFlBQVksT0FBTyxZQUFZLE1BQU0sWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLE9BQU8sS0FBSyxVQUFVLFlBQVksTUFBTSxPQUFPLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssWUFBWSxZQUFZLFlBQVksYUFBYSxhQUFhLGFBQWEsT0FBTyxNQUFNLFFBQVEsS0FBSyxZQUFZLGFBQWEsT0FBTyxZQUFZLFNBQVMsVUFBVSxPQUFPLFlBQVksU0FBUyxZQUFZLGFBQWEsYUFBYSxhQUFhLE9BQU8sS0FBSyxhQUFhLGFBQWEsYUFBYSxhQUFhLGFBQWEsV0FBVyxVQUFVLE9BQU8sS0FBSyxVQUFVLFlBQVksT0FBTyxLQUFLLFVBQVUsaWtCQUFpa0Isc0JBQXNCLCtCQUErQixpQkFBaUIsNEJBQTRCLEtBQUssd0NBQXdDLHlCQUF5QixLQUFLLDJCQUEyQixrQkFBa0IsMkJBQTJCLHlCQUF5Qix5QkFBeUIsS0FBSyx3SEFBd0gsc0JBQXNCLHdCQUF3QixpQkFBaUIsdUJBQXVCLEtBQUssK0JBQStCLGtDQUFrQywrQkFBK0IseUJBQXlCLHFCQUFxQix5REFBeUQscUJBQXFCLDBEQUEwRCxzQ0FBc0Msc0RBQXNELHdCQUF3QixLQUFLLHFDQUFxQyxpRUFBaUUsS0FBSywwQkFBMEIsK0JBQStCLHlCQUF5QixxQkFBcUIseURBQXlELDBCQUEwQiw0QkFBNEIseUJBQXlCLDZCQUE2QixzREFBc0Qsd0VBQXdFLHNEQUFzRCx3QkFBd0IsS0FBSyxnQ0FBZ0Msc0RBQXNELEtBQUssbUtBQW1LLHNCQUFzQiwrQkFBK0IsS0FBSyw2R0FBNkcsc0JBQXNCLCtCQUErQixLQUFLLGtIQUFrSCwwQkFBMEIsS0FBSyw2QkFBNkIsdUJBQXVCLHlCQUF5QixLQUFLLDRCQUE0QixzQkFBc0IsK0JBQStCLHlMQUF5TCxzQ0FBc0MseUJBQXlCLDJCQUEyQixLQUFLLDRDQUE0Qyw2QkFBNkIsS0FBSyx5QkFBeUIsMEJBQTBCLGlDQUFpQyxLQUFLLDhCQUE4Qix5QkFBeUIsd0JBQXdCLGlGQUFpRix5REFBeUQsd0VBQXdFLHNEQUFzRCxLQUFLLDJFQUEyRSx1UUFBdVEsZ0RBQWdELEtBQUssc0xBQXNMLHNCQUFzQixLQUFLLDBQQUEwUCw2SEFBNkgscUVBQXFFLHVEQUF1RCxLQUFLLDZCQUE2Qix5QkFBeUIsaUZBQWlGLHlEQUF5RCx3RUFBd0Usc0RBQXNELHdCQUF3Qix3QkFBd0IsS0FBSyxtQ0FBbUMsc0JBQXNCLGdEQUFnRCxLQUFLLDBCQUEwQixzQkFBc0IsS0FBSyxtQkFBbUI7QUFDbHVYO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3Mvb3B0aW9ucy5jc3M/NjQ1ZCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBJbXBvcnRzXG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLm9wdGlvbnNfX3NlY3Rpb24ge1xcclxcbiAgICBkaXNwbGF5OiBmbGV4O1xcclxcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMTJweDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3NlY3Rpb246bGFzdC1vZi10eXBlIHtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2hlYWRpbmcge1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS4xMnJlbTtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcXHJcXG59XFxyXFxuXFxyXFxuLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqIEJVVFRPTiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXHJcXG5cXHJcXG4ub3B0aW9uc19fYnV0dG9uLWdyb3VwIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC13cmFwOiB3cmFwO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgcGFkZGluZzogMCA0cHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA0cHg7XFxyXFxuXFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItaWNvbi1wcmltYXJ5KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tYmFja2dyb3VuZCk7XFxyXFxuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faWNvbi1idXR0b246aG92ZXIge1xcclxcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1ob3Zlci1iYWNrZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2J1dHRvbiB7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA2cHggMTJweDtcXHJcXG5cXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNDAwO1xcclxcblxcclxcbiAgICBib3gtc2hhZG93OiBub25lO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci10cmlnZ2VyLWJhY2tncm91bmQtYWN0aXZlKTtcXHJcXG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19idXR0b246aG92ZXIge1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItYnV0dG9uLXNoYWRvdyk7XFxyXFxufVxcclxcblxcclxcbi8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiBJTlBVVFMgKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXFxyXFxuXFxyXFxuLyogR3JvdXAgdGhhdCByZW5kZXJzIGNoaWxkcmVuIGluIGEgY29sdW1uICovXFxyXFxuLm9wdGlvbnNfX2NvbHVtbiB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi8qIEdyb3VwIHRoYXQgcmVuZGVycyBjaGlsZHJlbiBpbiBhIGNvbHVtbiBhbmQgaW5kZW50cyB0aGUgY2hpbGRyZW4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQtY29udGFpbmVyIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG59XFxyXFxuXFxyXFxuLyogSW5kZW50IGNvbnRlbnQgZXhjZXB0IHRoZSBsZWdlbmQgaW5zaWRlIGFuIGlucHV0IGdyb3VwICovXFxyXFxuLm9wdGlvbnNfX2lucHV0LWNvbnRhaW5lciA+IDpub3QobGVnZW5kKSB7XFxyXFxuICAgIG1hcmdpbi1sZWZ0OiAxMnB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VwYXJhdG9yIHtcXHJcXG4gICAgZGlzcGxheTogYmxvY2s7XFxyXFxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19jYXRlZ29yeSB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxuICAgIC8qIFRoaXMgc2hvdWxkIGFsc28gaGF2ZSBhIGdhcCBqdXN0IGxpa2UgLm9wdGlvbnNfX3NlY3Rpb24uIEhvd2V2ZXIsIGl0XFxyXFxuICAgIGFwcGVhcnMgbGlrZSB0aGUgZ2FwIGlzIG5vdCBhcHBsaWVkIGZvciBkZXRhaWxzLiBUaGVyZWZvcmUsIHdlIHVzZSBtYXJnaW4gb24gdGhlIGNoaWxkcmVuLiAqL1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5IHtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiA6bm90KHN1bW1hcnkpIHtcXHJcXG4gICAgbWFyZ2luOiAwIDAgNHB4IDEycHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pbnB1dCB7XFxyXFxuICAgIG1hcmdpbjogMCA0cHggMCAwO1xcclxcbiAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX190ZXh0LWZpZWxkIHtcXHJcXG4gICAgcGFkZGluZzogMnB4IDRweDtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcblxcclxcbiAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWFjdGl2ZSk7XFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItZm9udC1wcmltYXJ5KTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMsXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMtdmlzaWJsZSB7XFxyXFxuICAgIC8qIFxcclxcbiAgICBUZXh0IEZpZWxkIHNob3VsZCB1c2UgdGhlaXIgYm9yZGVyIGFzIHRoZWlyIGZvY3VzIGluZGljYXRvci4gV2l0aG91dCBcXFwiIWltcG9ydGFudFxcXCJcXHJcXG4gICAgdGhlIHJ1bGUgZm9yIGFsbCBpbnB1dHMgXFxcIi5vcHRpb25zX19pbnB1dDpmb2N1cy12aXNpYmxlXFxcIiB0YWtlcyBwcmVjZWRlbmNlIHdoZW4gdGhlXFxyXFxuICAgIHN0eWxlcyBhcmUgYXBwbGllZC5cXHJcXG4gICAgKi9cXHJcXG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xcclxcbiAgICBib3JkZXItY29sb3I6IHZhcigtLXN0cGEtY29sb3ItcHJpbWFyeSk7XFxyXFxufVxcclxcblxcclxcbi8qIERvbid0IHNob3cgb3V0bGluZXMgd2hlbiBhIHVzZXIgaW50ZXJhY3RzIHdpdGggZGlmZmVyZW50IG9wdGlvbnMuLi4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQsXFxyXFxuLm9wdGlvbnNfX2NhdGVnb3J5ID4gc3VtbWFyeSxcXHJcXG4ub3B0aW9uc19fYnV0dG9uLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxufVxcclxcblxcclxcbi8qIC4uLm9ubHkgc2hvdyBhbiBvdXRsaW5lIGlmIHRoZSB1c2VyIGludGVyYWN0cyB3aXRoIHRoZSBvcHRpb25zIHVzaW5nIGEga2V5Ym9hcmQgKi9cXHJcXG4ub3B0aW9uc19faW5wdXQ6Zm9jdXMtdmlzaWJsZSxcXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5OmZvY3VzLXZpc2libGUsXFxyXFxuLm9wdGlvbnNfX2J1dHRvbjpmb2N1cy12aXNpYmxlLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLyogQ2hyb21pdW0gaGFzIHRoaXMgdGhpbmcgd2hlcmUgYW4gb3V0bGluZSBpcyBjb2xvcmVkIGFuZCB3aGl0ZS4gVGhpcyBqdXN0IGNvbG9ycyBpdC4gKi9cXHJcXG4gICAgLS1vdXRsaW5lLXNpemU6IDJweDtcXHJcXG4gICAgb3V0bGluZTogdmFyKC0tb3V0bGluZS1zaXplKSBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbiAgICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLW91dGxpbmUtc2l6ZSkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uIHtcXHJcXG4gICAgcGFkZGluZzogNHB4IDZweDtcXHJcXG5cXHJcXG4gICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1ob3Zlcik7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uOmZvY3VzIHtcXHJcXG4gICAgb3V0bGluZTogbm9uZTtcXHJcXG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faGlkZGVuIHtcXHJcXG4gICAgZGlzcGxheTogbm9uZTtcXHJcXG59XCIsIFwiXCIse1widmVyc2lvblwiOjMsXCJzb3VyY2VzXCI6W1wid2VicGFjazovLy4vY3NzL29wdGlvbnMuY3NzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7RUFlRTs7Q0FFRDtJQUNHLGFBQWE7SUFDYixzQkFBc0I7SUFDdEIsUUFBUTtJQUNSLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFNBQVM7SUFDVCxrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtBQUNwQjs7QUFFQSwrRUFBK0U7O0FBRS9FO0lBQ0ksYUFBYTtJQUNiLGVBQWU7SUFDZixRQUFRO0lBQ1IsY0FBYztBQUNsQjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixzQkFBc0I7SUFDdEIsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixnREFBZ0Q7SUFDaEQsWUFBWTs7SUFFWiw2Q0FBNkM7SUFDN0MsNkJBQTZCO0lBQzdCLDZDQUE2QztJQUM3QyxlQUFlO0FBQ25COztBQUVBO0lBQ0ksd0RBQXdEO0FBQzVEOztBQUVBO0lBQ0ksc0JBQXNCO0lBQ3RCLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osZ0RBQWdEO0lBQ2hELGlCQUFpQjs7SUFFakIsZUFBZTtJQUNmLGdCQUFnQjs7SUFFaEIsZ0JBQWdCO0lBQ2hCLDZDQUE2QztJQUM3QywrREFBK0Q7SUFDL0QsNkNBQTZDO0lBQzdDLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSw2Q0FBNkM7QUFDakQ7O0FBRUEsK0VBQStFOztBQUUvRSw0Q0FBNEM7QUFDNUM7SUFDSSxhQUFhO0lBQ2Isc0JBQXNCO0FBQzFCOztBQUVBLHFFQUFxRTtBQUNyRTtJQUNJLGFBQWE7SUFDYixzQkFBc0I7QUFDMUI7O0FBRUEsMkRBQTJEO0FBQzNEO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7SUFDYixzQkFBc0I7SUFDdEI7Z0dBQzRGO0FBQ2hHOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLG9CQUFvQjtBQUN4Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQix3QkFBd0I7QUFDNUI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZUFBZTs7SUFFZixvRUFBb0U7SUFDcEUsZ0RBQWdEO0lBQ2hELCtEQUErRDtJQUMvRCw2Q0FBNkM7QUFDakQ7O0FBRUE7O0lBRUk7Ozs7S0FJQztJQUNELHdCQUF3QjtJQUN4Qix1Q0FBdUM7QUFDM0M7O0FBRUEsd0VBQXdFO0FBQ3hFOzs7O0lBSUksYUFBYTtBQUNqQjs7QUFFQSxvRkFBb0Y7QUFDcEY7Ozs7SUFJSSx3RkFBd0Y7SUFDeEYsbUJBQW1CO0lBQ25CLDREQUE0RDtJQUM1RCw4Q0FBOEM7QUFDbEQ7O0FBRUE7SUFDSSxnQkFBZ0I7O0lBRWhCLG9FQUFvRTtJQUNwRSxnREFBZ0Q7SUFDaEQsK0RBQStEO0lBQy9ELDZDQUE2QztJQUM3QyxlQUFlO0lBQ2YsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGFBQWE7SUFDYix1Q0FBdUM7QUFDM0M7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLm9wdGlvbnNfX3NlY3Rpb24ge1xcclxcbiAgICBkaXNwbGF5OiBmbGV4O1xcclxcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMTJweDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3NlY3Rpb246bGFzdC1vZi10eXBlIHtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2hlYWRpbmcge1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS4xMnJlbTtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcXHJcXG59XFxyXFxuXFxyXFxuLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqIEJVVFRPTiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXHJcXG5cXHJcXG4ub3B0aW9uc19fYnV0dG9uLWdyb3VwIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC13cmFwOiB3cmFwO1xcclxcbiAgICBnYXA6IDRweDtcXHJcXG4gICAgcGFkZGluZzogMCA0cHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA0cHg7XFxyXFxuXFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItaWNvbi1wcmltYXJ5KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tYmFja2dyb3VuZCk7XFxyXFxuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faWNvbi1idXR0b246aG92ZXIge1xcclxcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1ob3Zlci1iYWNrZ3JvdW5kKTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX2J1dHRvbiB7XFxyXFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxyXFxuICAgIGFwcGVhcmFuY2U6IG5vbmU7XFxyXFxuICAgIGJvcmRlcjogbm9uZTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBwYWRkaW5nOiA2cHggMTJweDtcXHJcXG5cXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNDAwO1xcclxcblxcclxcbiAgICBib3gtc2hhZG93OiBub25lO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci10cmlnZ2VyLWJhY2tncm91bmQtYWN0aXZlKTtcXHJcXG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19idXR0b246aG92ZXIge1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItYnV0dG9uLXNoYWRvdyk7XFxyXFxufVxcclxcblxcclxcbi8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiBJTlBVVFMgKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXFxyXFxuXFxyXFxuLyogR3JvdXAgdGhhdCByZW5kZXJzIGNoaWxkcmVuIGluIGEgY29sdW1uICovXFxyXFxuLm9wdGlvbnNfX2NvbHVtbiB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi8qIEdyb3VwIHRoYXQgcmVuZGVycyBjaGlsZHJlbiBpbiBhIGNvbHVtbiBhbmQgaW5kZW50cyB0aGUgY2hpbGRyZW4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQtY29udGFpbmVyIHtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG59XFxyXFxuXFxyXFxuLyogSW5kZW50IGNvbnRlbnQgZXhjZXB0IHRoZSBsZWdlbmQgaW5zaWRlIGFuIGlucHV0IGdyb3VwICovXFxyXFxuLm9wdGlvbnNfX2lucHV0LWNvbnRhaW5lciA+IDpub3QobGVnZW5kKSB7XFxyXFxuICAgIG1hcmdpbi1sZWZ0OiAxMnB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VwYXJhdG9yIHtcXHJcXG4gICAgZGlzcGxheTogYmxvY2s7XFxyXFxuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19jYXRlZ29yeSB7XFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxuICAgIC8qIFRoaXMgc2hvdWxkIGFsc28gaGF2ZSBhIGdhcCBqdXN0IGxpa2UgLm9wdGlvbnNfX3NlY3Rpb24uIEhvd2V2ZXIsIGl0XFxyXFxuICAgIGFwcGVhcnMgbGlrZSB0aGUgZ2FwIGlzIG5vdCBhcHBsaWVkIGZvciBkZXRhaWxzLiBUaGVyZWZvcmUsIHdlIHVzZSBtYXJnaW4gb24gdGhlIGNoaWxkcmVuLiAqL1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5IHtcXHJcXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcXHJcXG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiA6bm90KHN1bW1hcnkpIHtcXHJcXG4gICAgbWFyZ2luOiAwIDAgNHB4IDEycHg7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX19pbnB1dCB7XFxyXFxuICAgIG1hcmdpbjogMCA0cHggMCAwO1xcclxcbiAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XFxyXFxufVxcclxcblxcclxcbi5vcHRpb25zX190ZXh0LWZpZWxkIHtcXHJcXG4gICAgcGFkZGluZzogMnB4IDRweDtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcblxcclxcbiAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWFjdGl2ZSk7XFxyXFxuICAgIGNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItZm9udC1wcmltYXJ5KTtcXHJcXG59XFxyXFxuXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMsXFxyXFxuLm9wdGlvbnNfX3RleHQtZmllbGQ6Zm9jdXMtdmlzaWJsZSB7XFxyXFxuICAgIC8qIFxcclxcbiAgICBUZXh0IEZpZWxkIHNob3VsZCB1c2UgdGhlaXIgYm9yZGVyIGFzIHRoZWlyIGZvY3VzIGluZGljYXRvci4gV2l0aG91dCBcXFwiIWltcG9ydGFudFxcXCJcXHJcXG4gICAgdGhlIHJ1bGUgZm9yIGFsbCBpbnB1dHMgXFxcIi5vcHRpb25zX19pbnB1dDpmb2N1cy12aXNpYmxlXFxcIiB0YWtlcyBwcmVjZWRlbmNlIHdoZW4gdGhlXFxyXFxuICAgIHN0eWxlcyBhcmUgYXBwbGllZC5cXHJcXG4gICAgKi9cXHJcXG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xcclxcbiAgICBib3JkZXItY29sb3I6IHZhcigtLXN0cGEtY29sb3ItcHJpbWFyeSk7XFxyXFxufVxcclxcblxcclxcbi8qIERvbid0IHNob3cgb3V0bGluZXMgd2hlbiBhIHVzZXIgaW50ZXJhY3RzIHdpdGggZGlmZmVyZW50IG9wdGlvbnMuLi4gKi9cXHJcXG4ub3B0aW9uc19faW5wdXQsXFxyXFxuLm9wdGlvbnNfX2NhdGVnb3J5ID4gc3VtbWFyeSxcXHJcXG4ub3B0aW9uc19fYnV0dG9uLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbiB7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxufVxcclxcblxcclxcbi8qIC4uLm9ubHkgc2hvdyBhbiBvdXRsaW5lIGlmIHRoZSB1c2VyIGludGVyYWN0cyB3aXRoIHRoZSBvcHRpb25zIHVzaW5nIGEga2V5Ym9hcmQgKi9cXHJcXG4ub3B0aW9uc19faW5wdXQ6Zm9jdXMtdmlzaWJsZSxcXHJcXG4ub3B0aW9uc19fY2F0ZWdvcnkgPiBzdW1tYXJ5OmZvY3VzLXZpc2libGUsXFxyXFxuLm9wdGlvbnNfX2J1dHRvbjpmb2N1cy12aXNpYmxlLFxcclxcbi5vcHRpb25zX19pY29uLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLyogQ2hyb21pdW0gaGFzIHRoaXMgdGhpbmcgd2hlcmUgYW4gb3V0bGluZSBpcyBjb2xvcmVkIGFuZCB3aGl0ZS4gVGhpcyBqdXN0IGNvbG9ycyBpdC4gKi9cXHJcXG4gICAgLS1vdXRsaW5lLXNpemU6IDJweDtcXHJcXG4gICAgb3V0bGluZTogdmFyKC0tb3V0bGluZS1zaXplKSBzb2xpZCB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbiAgICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLW91dGxpbmUtc2l6ZSkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uIHtcXHJcXG4gICAgcGFkZGluZzogNHB4IDZweDtcXHJcXG5cXHJcXG4gICAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1ob3Zlcik7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG4gICAgYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWZvbnQtcHJpbWFyeSk7XFxyXFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXHJcXG4gICAgZm9udC1zaXplOiAxcmVtO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19fc2VsZWN0aW9uOmZvY3VzIHtcXHJcXG4gICAgb3V0bGluZTogbm9uZTtcXHJcXG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdHBhLWNvbG9yLXByaW1hcnkpO1xcclxcbn1cXHJcXG5cXHJcXG4ub3B0aW9uc19faGlkZGVuIHtcXHJcXG4gICAgZGlzcGxheTogbm9uZTtcXHJcXG59XCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5leHBvcnQgZGVmYXVsdCBfX19DU1NfTE9BREVSX0VYUE9SVF9fXztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/options.css\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!./css/sidebar.css":
-/*!****************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!./css/sidebar.css ***!
-  \****************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .sidebar {\\r\\n    box-sizing: border-box;\\r\\n    position: fixed;\\r\\n    top: 0;\\r\\n    right: 0;\\r\\n    bottom: 0;\\r\\n\\r\\n    /* Sidebar should consume at least ~1/3th of the screen but not forced to be wider than 400px. */\\r\\n    min-width: min(400px, 35vw);\\r\\n    /* Sidebar should consume at max 3/4th of the screen. */\\r\\n    max-width: 75vw;\\r\\n    width: fit-content;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    background-color: var(--stpa-color-sidebar-background);\\r\\n    box-shadow: var(--stpa-sidebar-shadow);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    font-size: var(--stpa-font-size-base);\\r\\n\\r\\n    transition: transform var(--stpa-transition);\\r\\n    transform: translateX(100%);\\r\\n}\\r\\n\\r\\n.sidebar--open {\\r\\n    transform: translateX(0%);\\r\\n}\\r\\n\\r\\n.sidebar__content {\\r\\n    box-sizing: border-box;\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 16px;\\r\\n    padding: 16px;\\r\\n\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n/* Overflow container for the content provided by panels */\\r\\n.sidebar__panel-content {\\r\\n    box-sizing: border-box;\\r\\n    overflow-y: auto;\\r\\n\\r\\n    /* Consume all available height in the sidebar */\\r\\n    flex-grow: 2;\\r\\n}\\r\\n\\r\\n.sidebar__title {\\r\\n    font-size: 1.5rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n    margin: 0;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-container {\\r\\n    position: absolute;\\r\\n    left: 0;\\r\\n    top: 16px;\\r\\n    transform: translateX(-100%);\\r\\n\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background);\\r\\n    padding: 8px;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    cursor: pointer;\\r\\n    outline: none;\\r\\n    background: var(--background);\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n\\r\\n    transition: background var(--stpa-transition);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button:hover,\\r\\n.sidebar__toggle-button:focus-visible {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-hover);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button--active {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/sidebar.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;EAeE;;CAED;IACG,sBAAsB;IACtB,eAAe;IACf,MAAM;IACN,QAAQ;IACR,SAAS;;IAET,gGAAgG;IAChG,2BAA2B;IAC3B,uDAAuD;IACvD,eAAe;IACf,kBAAkB;IAClB,sFAAsF;;IAEtF,sDAAsD;IACtD,sCAAsC;IACtC,6CAA6C;IAC7C,qCAAqC;;IAErC,4CAA4C;IAC5C,2BAA2B;AAC/B;;AAEA;IACI,yBAAyB;AAC7B;;AAEA;IACI,sBAAsB;IACtB,aAAa;IACb,sBAAsB;IACtB,SAAS;IACT,aAAa;;IAEb,WAAW;IACX,YAAY;AAChB;;AAEA,0DAA0D;AAC1D;IACI,sBAAsB;IACtB,gBAAgB;;IAEhB,gDAAgD;IAChD,YAAY;AAChB;;AAEA;IACI,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,OAAO;IACP,SAAS;IACT,4BAA4B;;IAE5B,aAAa;IACb,sBAAsB;AAC1B;;AAEA;IACI,0DAA0D;IAC1D,YAAY;IACZ,YAAY;IACZ,sFAAsF;;IAEtF,eAAe;IACf,aAAa;IACb,6BAA6B;IAC7B,6CAA6C;IAC7C,6CAA6C;;IAE7C,6CAA6C;AACjD;;AAEA;;IAEI,gEAAgE;AACpE;;AAEA;IACI,iEAAiE;AACrE\",\"sourcesContent\":[\"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2021 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n .sidebar {\\r\\n    box-sizing: border-box;\\r\\n    position: fixed;\\r\\n    top: 0;\\r\\n    right: 0;\\r\\n    bottom: 0;\\r\\n\\r\\n    /* Sidebar should consume at least ~1/3th of the screen but not forced to be wider than 400px. */\\r\\n    min-width: min(400px, 35vw);\\r\\n    /* Sidebar should consume at max 3/4th of the screen. */\\r\\n    max-width: 75vw;\\r\\n    width: fit-content;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    background-color: var(--stpa-color-sidebar-background);\\r\\n    box-shadow: var(--stpa-sidebar-shadow);\\r\\n    color: var(--stpa-color-sidebar-font-primary);\\r\\n    font-size: var(--stpa-font-size-base);\\r\\n\\r\\n    transition: transform var(--stpa-transition);\\r\\n    transform: translateX(100%);\\r\\n}\\r\\n\\r\\n.sidebar--open {\\r\\n    transform: translateX(0%);\\r\\n}\\r\\n\\r\\n.sidebar__content {\\r\\n    box-sizing: border-box;\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    gap: 16px;\\r\\n    padding: 16px;\\r\\n\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n/* Overflow container for the content provided by panels */\\r\\n.sidebar__panel-content {\\r\\n    box-sizing: border-box;\\r\\n    overflow-y: auto;\\r\\n\\r\\n    /* Consume all available height in the sidebar */\\r\\n    flex-grow: 2;\\r\\n}\\r\\n\\r\\n.sidebar__title {\\r\\n    font-size: 1.5rem;\\r\\n    font-weight: 700;\\r\\n    line-height: 1.5;\\r\\n    margin: 0;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-container {\\r\\n    position: absolute;\\r\\n    left: 0;\\r\\n    top: 16px;\\r\\n    transform: translateX(-100%);\\r\\n\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background);\\r\\n    padding: 8px;\\r\\n    border: none;\\r\\n    border-radius: var(--stpa-border-radius-default) 0 0 var(--stpa-border-radius-default);\\r\\n\\r\\n    cursor: pointer;\\r\\n    outline: none;\\r\\n    background: var(--background);\\r\\n    color: var(--stpa-color-sidebar-icon-primary);\\r\\n    box-shadow: var(--stpa-sidebar-button-shadow);\\r\\n\\r\\n    transition: background var(--stpa-transition);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button:hover,\\r\\n.sidebar__toggle-button:focus-visible {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-hover);\\r\\n}\\r\\n\\r\\n.sidebar__toggle-button--active {\\r\\n    --background: var(--stpa-color-sidebar-trigger-background-active);\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvc2lkZWJhci5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUM2RztBQUNqQjtBQUM1Riw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GO0FBQ0Esd2tCQUF3a0IsK0JBQStCLHdCQUF3QixlQUFlLGlCQUFpQixrQkFBa0IsaUpBQWlKLHdGQUF3RiwyQkFBMkIsK0ZBQStGLG1FQUFtRSwrQ0FBK0Msc0RBQXNELDhDQUE4Qyx5REFBeUQsb0NBQW9DLEtBQUssd0JBQXdCLGtDQUFrQyxLQUFLLDJCQUEyQiwrQkFBK0Isc0JBQXNCLCtCQUErQixrQkFBa0Isc0JBQXNCLHdCQUF3QixxQkFBcUIsS0FBSyxnR0FBZ0csK0JBQStCLHlCQUF5QixrRkFBa0YsS0FBSyx5QkFBeUIsMEJBQTBCLHlCQUF5Qix5QkFBeUIsa0JBQWtCLEtBQUssb0NBQW9DLDJCQUEyQixnQkFBZ0Isa0JBQWtCLHFDQUFxQywwQkFBMEIsK0JBQStCLEtBQUssaUNBQWlDLG1FQUFtRSxxQkFBcUIscUJBQXFCLCtGQUErRiw0QkFBNEIsc0JBQXNCLHNDQUFzQyxzREFBc0Qsc0RBQXNELDBEQUEwRCxLQUFLLGlGQUFpRix5RUFBeUUsS0FBSyx5Q0FBeUMsMEVBQTBFLEtBQUssT0FBTyxnR0FBZ0csTUFBTSxLQUFLLFlBQVksV0FBVyxVQUFVLFVBQVUsV0FBVyxZQUFZLGFBQWEsYUFBYSxXQUFXLFlBQVksY0FBYyxhQUFhLGFBQWEsYUFBYSxjQUFjLGFBQWEsYUFBYSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssWUFBWSxXQUFXLFlBQVksV0FBVyxXQUFXLFVBQVUsVUFBVSxPQUFPLFlBQVksTUFBTSxZQUFZLGNBQWMsYUFBYSxXQUFXLE9BQU8sS0FBSyxZQUFZLGFBQWEsYUFBYSxXQUFXLE1BQU0sS0FBSyxZQUFZLFdBQVcsVUFBVSxhQUFhLFdBQVcsWUFBWSxPQUFPLEtBQUssWUFBWSxXQUFXLFVBQVUsYUFBYSxXQUFXLFVBQVUsWUFBWSxhQUFhLGNBQWMsYUFBYSxPQUFPLE1BQU0sWUFBWSxPQUFPLEtBQUssWUFBWSx3akJBQXdqQiwrQkFBK0Isd0JBQXdCLGVBQWUsaUJBQWlCLGtCQUFrQixpSkFBaUosd0ZBQXdGLDJCQUEyQiwrRkFBK0YsbUVBQW1FLCtDQUErQyxzREFBc0QsOENBQThDLHlEQUF5RCxvQ0FBb0MsS0FBSyx3QkFBd0Isa0NBQWtDLEtBQUssMkJBQTJCLCtCQUErQixzQkFBc0IsK0JBQStCLGtCQUFrQixzQkFBc0Isd0JBQXdCLHFCQUFxQixLQUFLLGdHQUFnRywrQkFBK0IseUJBQXlCLGtGQUFrRixLQUFLLHlCQUF5QiwwQkFBMEIseUJBQXlCLHlCQUF5QixrQkFBa0IsS0FBSyxvQ0FBb0MsMkJBQTJCLGdCQUFnQixrQkFBa0IscUNBQXFDLDBCQUEwQiwrQkFBK0IsS0FBSyxpQ0FBaUMsbUVBQW1FLHFCQUFxQixxQkFBcUIsK0ZBQStGLDRCQUE0QixzQkFBc0Isc0NBQXNDLHNEQUFzRCxzREFBc0QsMERBQTBELEtBQUssaUZBQWlGLHlFQUF5RSxLQUFLLHlDQUF5QywwRUFBMEUsS0FBSyxtQkFBbUI7QUFDdGxOO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3Mvc2lkZWJhci5jc3M/ZjBjMCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBJbXBvcnRzXG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLnNpZGViYXIge1xcclxcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcclxcbiAgICBwb3NpdGlvbjogZml4ZWQ7XFxyXFxuICAgIHRvcDogMDtcXHJcXG4gICAgcmlnaHQ6IDA7XFxyXFxuICAgIGJvdHRvbTogMDtcXHJcXG5cXHJcXG4gICAgLyogU2lkZWJhciBzaG91bGQgY29uc3VtZSBhdCBsZWFzdCB+MS8zdGggb2YgdGhlIHNjcmVlbiBidXQgbm90IGZvcmNlZCB0byBiZSB3aWRlciB0aGFuIDQwMHB4LiAqL1xcclxcbiAgICBtaW4td2lkdGg6IG1pbig0MDBweCwgMzV2dyk7XFxyXFxuICAgIC8qIFNpZGViYXIgc2hvdWxkIGNvbnN1bWUgYXQgbWF4IDMvNHRoIG9mIHRoZSBzY3JlZW4uICovXFxyXFxuICAgIG1heC13aWR0aDogNzV2dztcXHJcXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xcclxcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdCkgMCAwIHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG5cXHJcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWJhY2tncm91bmQpO1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItc2hhZG93KTtcXHJcXG4gICAgY29sb3I6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1mb250LXByaW1hcnkpO1xcclxcbiAgICBmb250LXNpemU6IHZhcigtLXN0cGEtZm9udC1zaXplLWJhc2UpO1xcclxcblxcclxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhci0tb3BlbiB7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX19jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG4gICAgZ2FwOiAxNnB4O1xcclxcbiAgICBwYWRkaW5nOiAxNnB4O1xcclxcblxcclxcbiAgICB3aWR0aDogMTAwJTtcXHJcXG4gICAgaGVpZ2h0OiAxMDAlO1xcclxcbn1cXHJcXG5cXHJcXG4vKiBPdmVyZmxvdyBjb250YWluZXIgZm9yIHRoZSBjb250ZW50IHByb3ZpZGVkIGJ5IHBhbmVscyAqL1xcclxcbi5zaWRlYmFyX19wYW5lbC1jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXHJcXG5cXHJcXG4gICAgLyogQ29uc3VtZSBhbGwgYXZhaWxhYmxlIGhlaWdodCBpbiB0aGUgc2lkZWJhciAqL1xcclxcbiAgICBmbGV4LWdyb3c6IDI7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190aXRsZSB7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNzAwO1xcclxcbiAgICBsaW5lLWhlaWdodDogMS41O1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtY29udGFpbmVyIHtcXHJcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcclxcbiAgICBsZWZ0OiAwO1xcclxcbiAgICB0b3A6IDE2cHg7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XFxyXFxuXFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtYnV0dG9uIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kKTtcXHJcXG4gICAgcGFkZGluZzogOHB4O1xcclxcbiAgICBib3JkZXI6IG5vbmU7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KSAwIDAgdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcblxcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLWJhY2tncm91bmQpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWljb24tcHJpbWFyeSk7XFxyXFxuICAgIGJveC1zaGFkb3c6IHZhcigtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93KTtcXHJcXG5cXHJcXG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpob3ZlcixcXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNpZGViYXJfX3RvZ2dsZS1idXR0b24tLWFjdGl2ZSB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbn1cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi9jc3Mvc2lkZWJhci5jc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUE7Ozs7Ozs7Ozs7Ozs7OztFQWVFOztDQUVEO0lBQ0csc0JBQXNCO0lBQ3RCLGVBQWU7SUFDZixNQUFNO0lBQ04sUUFBUTtJQUNSLFNBQVM7O0lBRVQsZ0dBQWdHO0lBQ2hHLDJCQUEyQjtJQUMzQix1REFBdUQ7SUFDdkQsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixzRkFBc0Y7O0lBRXRGLHNEQUFzRDtJQUN0RCxzQ0FBc0M7SUFDdEMsNkNBQTZDO0lBQzdDLHFDQUFxQzs7SUFFckMsNENBQTRDO0lBQzVDLDJCQUEyQjtBQUMvQjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixhQUFhO0lBQ2Isc0JBQXNCO0lBQ3RCLFNBQVM7SUFDVCxhQUFhOztJQUViLFdBQVc7SUFDWCxZQUFZO0FBQ2hCOztBQUVBLDBEQUEwRDtBQUMxRDtJQUNJLHNCQUFzQjtJQUN0QixnQkFBZ0I7O0lBRWhCLGdEQUFnRDtJQUNoRCxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsU0FBUztBQUNiOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLE9BQU87SUFDUCxTQUFTO0lBQ1QsNEJBQTRCOztJQUU1QixhQUFhO0lBQ2Isc0JBQXNCO0FBQzFCOztBQUVBO0lBQ0ksMERBQTBEO0lBQzFELFlBQVk7SUFDWixZQUFZO0lBQ1osc0ZBQXNGOztJQUV0RixlQUFlO0lBQ2YsYUFBYTtJQUNiLDZCQUE2QjtJQUM3Qiw2Q0FBNkM7SUFDN0MsNkNBQTZDOztJQUU3Qyw2Q0FBNkM7QUFDakQ7O0FBRUE7O0lBRUksZ0VBQWdFO0FBQ3BFOztBQUVBO0lBQ0ksaUVBQWlFO0FBQ3JFXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIxIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG4gLnNpZGViYXIge1xcclxcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcclxcbiAgICBwb3NpdGlvbjogZml4ZWQ7XFxyXFxuICAgIHRvcDogMDtcXHJcXG4gICAgcmlnaHQ6IDA7XFxyXFxuICAgIGJvdHRvbTogMDtcXHJcXG5cXHJcXG4gICAgLyogU2lkZWJhciBzaG91bGQgY29uc3VtZSBhdCBsZWFzdCB+MS8zdGggb2YgdGhlIHNjcmVlbiBidXQgbm90IGZvcmNlZCB0byBiZSB3aWRlciB0aGFuIDQwMHB4LiAqL1xcclxcbiAgICBtaW4td2lkdGg6IG1pbig0MDBweCwgMzV2dyk7XFxyXFxuICAgIC8qIFNpZGViYXIgc2hvdWxkIGNvbnN1bWUgYXQgbWF4IDMvNHRoIG9mIHRoZSBzY3JlZW4uICovXFxyXFxuICAgIG1heC13aWR0aDogNzV2dztcXHJcXG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xcclxcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdCkgMCAwIHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KTtcXHJcXG5cXHJcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWJhY2tncm91bmQpO1xcclxcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zdHBhLXNpZGViYXItc2hhZG93KTtcXHJcXG4gICAgY29sb3I6IHZhcigtLXN0cGEtY29sb3Itc2lkZWJhci1mb250LXByaW1hcnkpO1xcclxcbiAgICBmb250LXNpemU6IHZhcigtLXN0cGEtZm9udC1zaXplLWJhc2UpO1xcclxcblxcclxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc3RwYS10cmFuc2l0aW9uKTtcXHJcXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhci0tb3BlbiB7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX19jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgZGlzcGxheTogZmxleDtcXHJcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXHJcXG4gICAgZ2FwOiAxNnB4O1xcclxcbiAgICBwYWRkaW5nOiAxNnB4O1xcclxcblxcclxcbiAgICB3aWR0aDogMTAwJTtcXHJcXG4gICAgaGVpZ2h0OiAxMDAlO1xcclxcbn1cXHJcXG5cXHJcXG4vKiBPdmVyZmxvdyBjb250YWluZXIgZm9yIHRoZSBjb250ZW50IHByb3ZpZGVkIGJ5IHBhbmVscyAqL1xcclxcbi5zaWRlYmFyX19wYW5lbC1jb250ZW50IHtcXHJcXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcXHJcXG4gICAgb3ZlcmZsb3cteTogYXV0bztcXHJcXG5cXHJcXG4gICAgLyogQ29uc3VtZSBhbGwgYXZhaWxhYmxlIGhlaWdodCBpbiB0aGUgc2lkZWJhciAqL1xcclxcbiAgICBmbGV4LWdyb3c6IDI7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190aXRsZSB7XFxyXFxuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xcclxcbiAgICBmb250LXdlaWdodDogNzAwO1xcclxcbiAgICBsaW5lLWhlaWdodDogMS41O1xcclxcbiAgICBtYXJnaW46IDA7XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtY29udGFpbmVyIHtcXHJcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcclxcbiAgICBsZWZ0OiAwO1xcclxcbiAgICB0b3A6IDE2cHg7XFxyXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XFxyXFxuXFxyXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxyXFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxyXFxufVxcclxcblxcclxcbi5zaWRlYmFyX190b2dnbGUtYnV0dG9uIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kKTtcXHJcXG4gICAgcGFkZGluZzogOHB4O1xcclxcbiAgICBib3JkZXI6IG5vbmU7XFxyXFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXN0cGEtYm9yZGVyLXJhZGl1cy1kZWZhdWx0KSAwIDAgdmFyKC0tc3RwYS1ib3JkZXItcmFkaXVzLWRlZmF1bHQpO1xcclxcblxcclxcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxyXFxuICAgIG91dGxpbmU6IG5vbmU7XFxyXFxuICAgIGJhY2tncm91bmQ6IHZhcigtLWJhY2tncm91bmQpO1xcclxcbiAgICBjb2xvcjogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLWljb24tcHJpbWFyeSk7XFxyXFxuICAgIGJveC1zaGFkb3c6IHZhcigtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93KTtcXHJcXG5cXHJcXG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCB2YXIoLS1zdHBhLXRyYW5zaXRpb24pO1xcclxcbn1cXHJcXG5cXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpob3ZlcixcXHJcXG4uc2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcXHJcXG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1zdHBhLWNvbG9yLXNpZGViYXItdHJpZ2dlci1iYWNrZ3JvdW5kLWhvdmVyKTtcXHJcXG59XFxyXFxuXFxyXFxuLnNpZGViYXJfX3RvZ2dsZS1idXR0b24tLWFjdGl2ZSB7XFxyXFxuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZC1hY3RpdmUpO1xcclxcbn1cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/sidebar.css\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css":
-/*!***********************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css ***!
-  \***********************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\nhtml, body {\\n    width: 100%;\\n    height: 100%;\\n    padding: 0px;\\n}\\n\\n.sprotty {\\n    display: flex;\\n    height: 100%;\\n}\\n\\n.sprotty-hidden {\\n    height: 0px !important;\\n}\\n\\nsvg {\\n    width: 100%;\\n    flex: 1;\\n    border-style: none;\\n    border-width: 0px;\\n}\\n\\nsvg:focus {\\n    border-width: 0;\\n}\\n\\n.sprotty-status {\\n    position: absolute;\\n    top: 5px;\\n    left: 10px;\\n    display: flex;\\n    align-items: center;\\n}\\n\\n.sprotty-status .fatal {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .error {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .warning {\\n    color: var(--vscode-editorWarning-foreground)\\n}\\n\\n.sprotty-status .info {\\n    color: var(--vscode-editorInfo-foreground)\\n}\\n\\n.sprotty-error {\\n    fill: var(--vscode-editorError-foreground);\\n    color: var(--vscode-editorError-foreground);\\n}\\n\\n.sprotty-warning {\\n    fill: var(--vscode-editorWarning-foreground);\\n    color: var(--vscode-editorWarning-foreground);\\n}\\n\\n.sprotty-info {\\n    fill: var(--vscode-editorInfo-foreground);\\n    color: var(--vscode-editorInfo-foreground);\\n}\\n\\n.sprotty-infoRow .fa {\\n    margin-right: 8px;\\n}\\n\\n.sprotty-status .ok {\\n    visibility: hidden;\\n}\\n\\n.sprotty-status-message {\\n    visibility: hidden;\\n    padding-left: 10px;\\n}\\n\\n.sprotty-status:hover .sprotty-status-message {\\n    visibility: visible;\\n}\\n\\n.sprotty-popup {\\n    position: absolute;\\n    background: #FFE9BE;\\n    border-radius: 0px;\\n    border: none;\\n    max-width: initial;\\n    min-width: initial;\\n    z-index: 1;\\n    padding: 8px;\\n}\\n\\n.sprotty-infoRow {\\n    font-size: small;\\n    margin-bottom: 8px;\\n}\\n\\n.sprotty-infoTitle {\\n    display: block;\\n    font-weight: bold;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/sprotty-vscode.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;iFAciF;;AAEjF;IACI,WAAW;IACX,YAAY;IACZ,YAAY;AAChB;;AAEA;IACI,aAAa;IACb,YAAY;AAChB;;AAEA;IACI,sBAAsB;AAC1B;;AAEA;IACI,WAAW;IACX,OAAO;IACP,kBAAkB;IAClB,iBAAiB;AACrB;;AAEA;IACI,eAAe;AACnB;;AAEA;IACI,kBAAkB;IAClB,QAAQ;IACR,UAAU;IACV,aAAa;IACb,mBAAmB;AACvB;;AAEA;IACI;AACJ;;AAEA;IACI;AACJ;;AAEA;IACI;AACJ;;AAEA;IACI;AACJ;;AAEA;IACI,0CAA0C;IAC1C,2CAA2C;AAC/C;;AAEA;IACI,4CAA4C;IAC5C,6CAA6C;AACjD;;AAEA;IACI,yCAAyC;IACzC,0CAA0C;AAC9C;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,kBAAkB;IAClB,kBAAkB;AACtB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,YAAY;IACZ,kBAAkB;IAClB,kBAAkB;IAClB,UAAU;IACV,YAAY;AAChB;;AAEA;IACI,gBAAgB;IAChB,kBAAkB;AACtB;;AAEA;IACI,cAAc;IACd,iBAAiB;AACrB\",\"sourcesContent\":[\"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\nhtml, body {\\n    width: 100%;\\n    height: 100%;\\n    padding: 0px;\\n}\\n\\n.sprotty {\\n    display: flex;\\n    height: 100%;\\n}\\n\\n.sprotty-hidden {\\n    height: 0px !important;\\n}\\n\\nsvg {\\n    width: 100%;\\n    flex: 1;\\n    border-style: none;\\n    border-width: 0px;\\n}\\n\\nsvg:focus {\\n    border-width: 0;\\n}\\n\\n.sprotty-status {\\n    position: absolute;\\n    top: 5px;\\n    left: 10px;\\n    display: flex;\\n    align-items: center;\\n}\\n\\n.sprotty-status .fatal {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .error {\\n    color: var(--vscode-editorError-foreground)\\n}\\n\\n.sprotty-status .warning {\\n    color: var(--vscode-editorWarning-foreground)\\n}\\n\\n.sprotty-status .info {\\n    color: var(--vscode-editorInfo-foreground)\\n}\\n\\n.sprotty-error {\\n    fill: var(--vscode-editorError-foreground);\\n    color: var(--vscode-editorError-foreground);\\n}\\n\\n.sprotty-warning {\\n    fill: var(--vscode-editorWarning-foreground);\\n    color: var(--vscode-editorWarning-foreground);\\n}\\n\\n.sprotty-info {\\n    fill: var(--vscode-editorInfo-foreground);\\n    color: var(--vscode-editorInfo-foreground);\\n}\\n\\n.sprotty-infoRow .fa {\\n    margin-right: 8px;\\n}\\n\\n.sprotty-status .ok {\\n    visibility: hidden;\\n}\\n\\n.sprotty-status-message {\\n    visibility: hidden;\\n    padding-left: 10px;\\n}\\n\\n.sprotty-status:hover .sprotty-status-message {\\n    visibility: visible;\\n}\\n\\n.sprotty-popup {\\n    position: absolute;\\n    background: #FFE9BE;\\n    border-radius: 0px;\\n    border: none;\\n    max-width: initial;\\n    min-width: initial;\\n    z-index: 1;\\n    padding: 8px;\\n}\\n\\n.sprotty-infoRow {\\n    font-size: small;\\n    margin-bottom: 8px;\\n}\\n\\n.sprotty-infoTitle {\\n    display: block;\\n    font-weight: bold;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvc3Byb3R0eS12c2NvZGUuY3NzLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDNkc7QUFDakI7QUFDNUYsOEJBQThCLG1GQUEyQixDQUFDLDRGQUFxQztBQUMvRjtBQUNBLHE0QkFBcTRCLGtCQUFrQixtQkFBbUIsbUJBQW1CLEdBQUcsY0FBYyxvQkFBb0IsbUJBQW1CLEdBQUcscUJBQXFCLDZCQUE2QixHQUFHLFNBQVMsa0JBQWtCLGNBQWMseUJBQXlCLHdCQUF3QixHQUFHLGVBQWUsc0JBQXNCLEdBQUcscUJBQXFCLHlCQUF5QixlQUFlLGlCQUFpQixvQkFBb0IsMEJBQTBCLEdBQUcsNEJBQTRCLG9EQUFvRCw0QkFBNEIsb0RBQW9ELDhCQUE4QixzREFBc0QsMkJBQTJCLG1EQUFtRCxvQkFBb0IsaURBQWlELGtEQUFrRCxHQUFHLHNCQUFzQixtREFBbUQsb0RBQW9ELEdBQUcsbUJBQW1CLGdEQUFnRCxpREFBaUQsR0FBRywwQkFBMEIsd0JBQXdCLEdBQUcseUJBQXlCLHlCQUF5QixHQUFHLDZCQUE2Qix5QkFBeUIseUJBQXlCLEdBQUcsbURBQW1ELDBCQUEwQixHQUFHLG9CQUFvQix5QkFBeUIsMEJBQTBCLHlCQUF5QixtQkFBbUIseUJBQXlCLHlCQUF5QixpQkFBaUIsbUJBQW1CLEdBQUcsc0JBQXNCLHVCQUF1Qix5QkFBeUIsR0FBRyx3QkFBd0IscUJBQXFCLHdCQUF3QixHQUFHLFNBQVMsc0dBQXNHLFFBQVEsTUFBTSxVQUFVLFVBQVUsVUFBVSxPQUFPLEtBQUssVUFBVSxVQUFVLE9BQU8sS0FBSyxZQUFZLE9BQU8sS0FBSyxVQUFVLFVBQVUsWUFBWSxhQUFhLE9BQU8sS0FBSyxVQUFVLE9BQU8sS0FBSyxZQUFZLFdBQVcsVUFBVSxVQUFVLFlBQVksT0FBTyxLQUFLLEtBQUssTUFBTSxLQUFLLEtBQUssTUFBTSxLQUFLLEtBQUssTUFBTSxLQUFLLEtBQUssTUFBTSxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssWUFBWSxhQUFhLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksT0FBTyxLQUFLLFlBQVksYUFBYSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssWUFBWSxhQUFhLGFBQWEsV0FBVyxZQUFZLGFBQWEsV0FBVyxVQUFVLE9BQU8sS0FBSyxZQUFZLGFBQWEsT0FBTyxLQUFLLFVBQVUsWUFBWSxxM0JBQXEzQixrQkFBa0IsbUJBQW1CLG1CQUFtQixHQUFHLGNBQWMsb0JBQW9CLG1CQUFtQixHQUFHLHFCQUFxQiw2QkFBNkIsR0FBRyxTQUFTLGtCQUFrQixjQUFjLHlCQUF5Qix3QkFBd0IsR0FBRyxlQUFlLHNCQUFzQixHQUFHLHFCQUFxQix5QkFBeUIsZUFBZSxpQkFBaUIsb0JBQW9CLDBCQUEwQixHQUFHLDRCQUE0QixvREFBb0QsNEJBQTRCLG9EQUFvRCw4QkFBOEIsc0RBQXNELDJCQUEyQixtREFBbUQsb0JBQW9CLGlEQUFpRCxrREFBa0QsR0FBRyxzQkFBc0IsbURBQW1ELG9EQUFvRCxHQUFHLG1CQUFtQixnREFBZ0QsaURBQWlELEdBQUcsMEJBQTBCLHdCQUF3QixHQUFHLHlCQUF5Qix5QkFBeUIsR0FBRyw2QkFBNkIseUJBQXlCLHlCQUF5QixHQUFHLG1EQUFtRCwwQkFBMEIsR0FBRyxvQkFBb0IseUJBQXlCLDBCQUEwQix5QkFBeUIsbUJBQW1CLHlCQUF5Qix5QkFBeUIsaUJBQWlCLG1CQUFtQixHQUFHLHNCQUFzQix1QkFBdUIseUJBQXlCLEdBQUcsd0JBQXdCLHFCQUFxQix3QkFBd0IsR0FBRyxxQkFBcUI7QUFDbDlMO0FBQ0EsaUVBQWUsdUJBQXVCLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3Mvc3Byb3R0eS12c2NvZGUuY3NzP2U4YjAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9zb3VyY2VNYXBzLmpzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fIGZyb20gXCIuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvYXBpLmpzXCI7XG52YXIgX19fQ1NTX0xPQURFUl9FWFBPUlRfX18gPSBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18oX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyk7XG4vLyBNb2R1bGVcbl9fX0NTU19MT0FERVJfRVhQT1JUX19fLnB1c2goW21vZHVsZS5pZCwgXCIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctMjAxOCBUeXBlRm94IGFuZCBvdGhlcnMuXFxuICpcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSB2LiAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcbiAqXFxuICogVGhpcyBTb3VyY2UgQ29kZSBtYXkgYWxzbyBiZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGUgZm9sbG93aW5nIFNlY29uZGFyeVxcbiAqIExpY2Vuc2VzIHdoZW4gdGhlIGNvbmRpdGlvbnMgZm9yIHN1Y2ggYXZhaWxhYmlsaXR5IHNldCBmb3J0aCBpbiB0aGUgRWNsaXBzZVxcbiAqIFB1YmxpYyBMaWNlbnNlIHYuIDIuMCBhcmUgc2F0aXNmaWVkOiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSwgdmVyc2lvbiAyXFxuICogd2l0aCB0aGUgR05VIENsYXNzcGF0aCBFeGNlcHRpb24gd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cHM6Ly93d3cuZ251Lm9yZy9zb2Z0d2FyZS9jbGFzc3BhdGgvbGljZW5zZS5odG1sLlxcbiAqXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjAgT1IgR1BMLTIuMCBXSVRIIENsYXNzcGF0aC1leGNlcHRpb24tMi4wXFxuICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xcblxcbmh0bWwsIGJvZHkge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBwYWRkaW5nOiAwcHg7XFxufVxcblxcbi5zcHJvdHR5IHtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbn1cXG5cXG4uc3Byb3R0eS1oaWRkZW4ge1xcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xcbn1cXG5cXG5zdmcge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZmxleDogMTtcXG4gICAgYm9yZGVyLXN0eWxlOiBub25lO1xcbiAgICBib3JkZXItd2lkdGg6IDBweDtcXG59XFxuXFxuc3ZnOmZvY3VzIHtcXG4gICAgYm9yZGVyLXdpZHRoOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHRvcDogNXB4O1xcbiAgICBsZWZ0OiAxMHB4O1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmZhdGFsIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmVycm9yIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLndhcm5pbmcge1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZClcXG59XFxuXFxuLnNwcm90dHktc3RhdHVzIC5pbmZvIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpXFxufVxcblxcbi5zcHJvdHR5LWVycm9yIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbn1cXG5cXG4uc3Byb3R0eS13YXJuaW5nIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZCk7XFxuICAgIGNvbG9yOiB2YXIoLS12c2NvZGUtZWRpdG9yV2FybmluZy1mb3JlZ3JvdW5kKTtcXG59XFxuXFxuLnNwcm90dHktaW5mbyB7XFxuICAgIGZpbGw6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckluZm8tZm9yZWdyb3VuZCk7XFxufVxcblxcbi5zcHJvdHR5LWluZm9Sb3cgLmZhIHtcXG4gICAgbWFyZ2luLXJpZ2h0OiA4cHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cyAub2sge1xcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cy1tZXNzYWdlIHtcXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1czpob3ZlciAuc3Byb3R0eS1zdGF0dXMtbWVzc2FnZSB7XFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxufVxcblxcbi5zcHJvdHR5LXBvcHVwIHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBiYWNrZ3JvdW5kOiAjRkZFOUJFO1xcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgbWF4LXdpZHRoOiBpbml0aWFsO1xcbiAgICBtaW4td2lkdGg6IGluaXRpYWw7XFxuICAgIHotaW5kZXg6IDE7XFxuICAgIHBhZGRpbmc6IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1JvdyB7XFxuICAgIGZvbnQtc2l6ZTogc21hbGw7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1RpdGxlIHtcXG4gICAgZGlzcGxheTogYmxvY2s7XFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi9jc3Mvc3Byb3R0eS12c2NvZGUuY3NzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBOzs7Ozs7Ozs7Ozs7OztpRkFjaUY7O0FBRWpGO0lBQ0ksV0FBVztJQUNYLFlBQVk7SUFDWixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsT0FBTztJQUNQLGtCQUFrQjtJQUNsQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFFBQVE7SUFDUixVQUFVO0lBQ1YsYUFBYTtJQUNiLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJO0FBQ0o7O0FBRUE7SUFDSTtBQUNKOztBQUVBO0lBQ0k7QUFDSjs7QUFFQTtJQUNJO0FBQ0o7O0FBRUE7SUFDSSwwQ0FBMEM7SUFDMUMsMkNBQTJDO0FBQy9DOztBQUVBO0lBQ0ksNENBQTRDO0lBQzVDLDZDQUE2QztBQUNqRDs7QUFFQTtJQUNJLHlDQUF5QztJQUN6QywwQ0FBMEM7QUFDOUM7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksY0FBYztJQUNkLGlCQUFpQjtBQUNyQlwiLFwic291cmNlc0NvbnRlbnRcIjpbXCIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctMjAxOCBUeXBlRm94IGFuZCBvdGhlcnMuXFxuICpcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSB2LiAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcbiAqXFxuICogVGhpcyBTb3VyY2UgQ29kZSBtYXkgYWxzbyBiZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGUgZm9sbG93aW5nIFNlY29uZGFyeVxcbiAqIExpY2Vuc2VzIHdoZW4gdGhlIGNvbmRpdGlvbnMgZm9yIHN1Y2ggYXZhaWxhYmlsaXR5IHNldCBmb3J0aCBpbiB0aGUgRWNsaXBzZVxcbiAqIFB1YmxpYyBMaWNlbnNlIHYuIDIuMCBhcmUgc2F0aXNmaWVkOiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSwgdmVyc2lvbiAyXFxuICogd2l0aCB0aGUgR05VIENsYXNzcGF0aCBFeGNlcHRpb24gd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxuICogaHR0cHM6Ly93d3cuZ251Lm9yZy9zb2Z0d2FyZS9jbGFzc3BhdGgvbGljZW5zZS5odG1sLlxcbiAqXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjAgT1IgR1BMLTIuMCBXSVRIIENsYXNzcGF0aC1leGNlcHRpb24tMi4wXFxuICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xcblxcbmh0bWwsIGJvZHkge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbiAgICBwYWRkaW5nOiAwcHg7XFxufVxcblxcbi5zcHJvdHR5IHtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgaGVpZ2h0OiAxMDAlO1xcbn1cXG5cXG4uc3Byb3R0eS1oaWRkZW4ge1xcbiAgICBoZWlnaHQ6IDBweCAhaW1wb3J0YW50O1xcbn1cXG5cXG5zdmcge1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZmxleDogMTtcXG4gICAgYm9yZGVyLXN0eWxlOiBub25lO1xcbiAgICBib3JkZXItd2lkdGg6IDBweDtcXG59XFxuXFxuc3ZnOmZvY3VzIHtcXG4gICAgYm9yZGVyLXdpZHRoOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHRvcDogNXB4O1xcbiAgICBsZWZ0OiAxMHB4O1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmZhdGFsIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLmVycm9yIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JFcnJvci1mb3JlZ3JvdW5kKVxcbn1cXG5cXG4uc3Byb3R0eS1zdGF0dXMgLndhcm5pbmcge1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZClcXG59XFxuXFxuLnNwcm90dHktc3RhdHVzIC5pbmZvIHtcXG4gICAgY29sb3I6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpXFxufVxcblxcbi5zcHJvdHR5LWVycm9yIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckVycm9yLWZvcmVncm91bmQpO1xcbn1cXG5cXG4uc3Byb3R0eS13YXJuaW5nIHtcXG4gICAgZmlsbDogdmFyKC0tdnNjb2RlLWVkaXRvcldhcm5pbmctZm9yZWdyb3VuZCk7XFxuICAgIGNvbG9yOiB2YXIoLS12c2NvZGUtZWRpdG9yV2FybmluZy1mb3JlZ3JvdW5kKTtcXG59XFxuXFxuLnNwcm90dHktaW5mbyB7XFxuICAgIGZpbGw6IHZhcigtLXZzY29kZS1lZGl0b3JJbmZvLWZvcmVncm91bmQpO1xcbiAgICBjb2xvcjogdmFyKC0tdnNjb2RlLWVkaXRvckluZm8tZm9yZWdyb3VuZCk7XFxufVxcblxcbi5zcHJvdHR5LWluZm9Sb3cgLmZhIHtcXG4gICAgbWFyZ2luLXJpZ2h0OiA4cHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cyAub2sge1xcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1cy1tZXNzYWdlIHtcXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XFxufVxcblxcbi5zcHJvdHR5LXN0YXR1czpob3ZlciAuc3Byb3R0eS1zdGF0dXMtbWVzc2FnZSB7XFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxufVxcblxcbi5zcHJvdHR5LXBvcHVwIHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBiYWNrZ3JvdW5kOiAjRkZFOUJFO1xcbiAgICBib3JkZXItcmFkaXVzOiAwcHg7XFxuICAgIGJvcmRlcjogbm9uZTtcXG4gICAgbWF4LXdpZHRoOiBpbml0aWFsO1xcbiAgICBtaW4td2lkdGg6IGluaXRpYWw7XFxuICAgIHotaW5kZXg6IDE7XFxuICAgIHBhZGRpbmc6IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1JvdyB7XFxuICAgIGZvbnQtc2l6ZTogc21hbGw7XFxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcXG59XFxuXFxuLnNwcm90dHktaW5mb1RpdGxlIHtcXG4gICAgZGlzcGxheTogYmxvY2s7XFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xcbn1cXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/sprotty-vscode.css\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!./css/sprotty.css":
-/*!****************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!./css/sprotty.css ***!
-  \****************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\n.sprotty {\\n    padding: 0px;\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n}\\n\\n.sprotty-root {\\n    position: relative;\\n}\\n\\n.sprotty-hidden {\\n    display: block;\\n    position: absolute;\\n    width: 0px;\\n    height: 0px;\\n}\\n\\n.sprotty-popup {\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n    position: absolute;\\n    background: white;\\n    border-radius: 5px;\\n    border: 1px solid;\\n    max-width: 400px;\\n    min-width: 100px;\\n}\\n\\n.sprotty-popup > div {\\n    margin: 10px;\\n}\\n\\n.sprotty-popup-closed {\\n    display: none;\\n}\\n\\n.sprotty-projection-bar.horizontal {\\n    position: absolute;\\n    width: 100%;\\n    height: 20px;\\n    left: 0;\\n    bottom: 0;\\n}\\n\\n.sprotty-projection-bar.vertical {\\n    position: absolute;\\n    width: 20px;\\n    height: 100%;\\n    right: 0;\\n    top: 0;\\n}\\n\\n.sprotty-viewport {\\n    z-index: 1;\\n    border-style: solid;\\n    border-width: 2px;\\n}\\n\\n.sprotty-projection-bar.horizontal .sprotty-projection,\\n.sprotty-projection-bar.horizontal .sprotty-viewport {\\n    position: absolute;\\n    height: 100%;\\n    top: 0;\\n}\\n\\n.sprotty-projection-bar.vertical .sprotty-projection,\\n.sprotty-projection-bar.vertical .sprotty-viewport {\\n    position: absolute;\\n    width: 100%;\\n    left: 0;\\n}\\n\\n@keyframes spin {\\n\\t100% {\\n\\t\\ttransform:rotate(360deg);\\n\\t}\\n}\\n\\n.animation-spin {\\n\\tanimation: spin 1.5s linear infinite;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/sprotty.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;iFAciF;;AAEjF;IACI,YAAY;IACZ,2DAA2D;AAC/D;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,WAAW;AACf;;AAEA;IACI,2DAA2D;IAC3D,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;AACpB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,OAAO;IACP,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,MAAM;AACV;;AAEA;IACI,UAAU;IACV,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;;IAEI,kBAAkB;IAClB,YAAY;IACZ,MAAM;AACV;;AAEA;;IAEI,kBAAkB;IAClB,WAAW;IACX,OAAO;AACX;;AAEA;CACC;EACC,wBAAwB;CACzB;AACD;;AAEA;CACC,oCAAoC;AACrC\",\"sourcesContent\":[\"/********************************************************************************\\n * Copyright (c) 2017-2018 TypeFox and others.\\n *\\n * This program and the accompanying materials are made available under the\\n * terms of the Eclipse Public License v. 2.0 which is available at\\n * http://www.eclipse.org/legal/epl-2.0.\\n *\\n * This Source Code may also be made available under the following Secondary\\n * Licenses when the conditions for such availability set forth in the Eclipse\\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\\n * with the GNU Classpath Exception which is available at\\n * https://www.gnu.org/software/classpath/license.html.\\n *\\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\\n ********************************************************************************/\\n\\n.sprotty {\\n    padding: 0px;\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n}\\n\\n.sprotty-root {\\n    position: relative;\\n}\\n\\n.sprotty-hidden {\\n    display: block;\\n    position: absolute;\\n    width: 0px;\\n    height: 0px;\\n}\\n\\n.sprotty-popup {\\n    font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n    position: absolute;\\n    background: white;\\n    border-radius: 5px;\\n    border: 1px solid;\\n    max-width: 400px;\\n    min-width: 100px;\\n}\\n\\n.sprotty-popup > div {\\n    margin: 10px;\\n}\\n\\n.sprotty-popup-closed {\\n    display: none;\\n}\\n\\n.sprotty-projection-bar.horizontal {\\n    position: absolute;\\n    width: 100%;\\n    height: 20px;\\n    left: 0;\\n    bottom: 0;\\n}\\n\\n.sprotty-projection-bar.vertical {\\n    position: absolute;\\n    width: 20px;\\n    height: 100%;\\n    right: 0;\\n    top: 0;\\n}\\n\\n.sprotty-viewport {\\n    z-index: 1;\\n    border-style: solid;\\n    border-width: 2px;\\n}\\n\\n.sprotty-projection-bar.horizontal .sprotty-projection,\\n.sprotty-projection-bar.horizontal .sprotty-viewport {\\n    position: absolute;\\n    height: 100%;\\n    top: 0;\\n}\\n\\n.sprotty-projection-bar.vertical .sprotty-projection,\\n.sprotty-projection-bar.vertical .sprotty-viewport {\\n    position: absolute;\\n    width: 100%;\\n    left: 0;\\n}\\n\\n@keyframes spin {\\n\\t100% {\\n\\t\\ttransform:rotate(360deg);\\n\\t}\\n}\\n\\n.animation-spin {\\n\\tanimation: spin 1.5s linear infinite;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3Mvc3Byb3R0eS5jc3MuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTtBQUM2RztBQUNqQjtBQUM1Riw4QkFBOEIsbUZBQTJCLENBQUMsNEZBQXFDO0FBQy9GO0FBQ0EsbTRCQUFtNEIsbUJBQW1CLG9FQUFvRSxHQUFHLG1CQUFtQix5QkFBeUIsR0FBRyxxQkFBcUIscUJBQXFCLHlCQUF5QixpQkFBaUIsa0JBQWtCLEdBQUcsb0JBQW9CLG9FQUFvRSx5QkFBeUIsd0JBQXdCLHlCQUF5Qix3QkFBd0IsdUJBQXVCLHVCQUF1QixHQUFHLDBCQUEwQixtQkFBbUIsR0FBRywyQkFBMkIsb0JBQW9CLEdBQUcsd0NBQXdDLHlCQUF5QixrQkFBa0IsbUJBQW1CLGNBQWMsZ0JBQWdCLEdBQUcsc0NBQXNDLHlCQUF5QixrQkFBa0IsbUJBQW1CLGVBQWUsYUFBYSxHQUFHLHVCQUF1QixpQkFBaUIsMEJBQTBCLHdCQUF3QixHQUFHLG1IQUFtSCx5QkFBeUIsbUJBQW1CLGFBQWEsR0FBRywrR0FBK0cseUJBQXlCLGtCQUFrQixjQUFjLEdBQUcscUJBQXFCLFVBQVUsK0JBQStCLEtBQUssR0FBRyxxQkFBcUIseUNBQXlDLEdBQUcsU0FBUywrRkFBK0YsUUFBUSxNQUFNLFVBQVUsWUFBWSxPQUFPLEtBQUssWUFBWSxPQUFPLEtBQUssVUFBVSxZQUFZLFdBQVcsVUFBVSxNQUFNLEtBQUssWUFBWSxhQUFhLGFBQWEsYUFBYSxhQUFhLGFBQWEsYUFBYSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssVUFBVSxPQUFPLEtBQUssWUFBWSxXQUFXLFVBQVUsVUFBVSxVQUFVLE1BQU0sS0FBSyxZQUFZLFdBQVcsVUFBVSxVQUFVLFVBQVUsTUFBTSxLQUFLLFVBQVUsWUFBWSxhQUFhLE9BQU8sTUFBTSxZQUFZLFdBQVcsVUFBVSxNQUFNLE1BQU0sWUFBWSxXQUFXLFVBQVUsTUFBTSxLQUFLLEtBQUssWUFBWSxNQUFNLE1BQU0sS0FBSyxZQUFZLG0zQkFBbTNCLG1CQUFtQixvRUFBb0UsR0FBRyxtQkFBbUIseUJBQXlCLEdBQUcscUJBQXFCLHFCQUFxQix5QkFBeUIsaUJBQWlCLGtCQUFrQixHQUFHLG9CQUFvQixvRUFBb0UseUJBQXlCLHdCQUF3Qix5QkFBeUIsd0JBQXdCLHVCQUF1Qix1QkFBdUIsR0FBRywwQkFBMEIsbUJBQW1CLEdBQUcsMkJBQTJCLG9CQUFvQixHQUFHLHdDQUF3Qyx5QkFBeUIsa0JBQWtCLG1CQUFtQixjQUFjLGdCQUFnQixHQUFHLHNDQUFzQyx5QkFBeUIsa0JBQWtCLG1CQUFtQixlQUFlLGFBQWEsR0FBRyx1QkFBdUIsaUJBQWlCLDBCQUEwQix3QkFBd0IsR0FBRyxtSEFBbUgseUJBQXlCLG1CQUFtQixhQUFhLEdBQUcsK0dBQStHLHlCQUF5QixrQkFBa0IsY0FBYyxHQUFHLHFCQUFxQixVQUFVLCtCQUErQixLQUFLLEdBQUcscUJBQXFCLHlDQUF5QyxHQUFHLHFCQUFxQjtBQUN4c0s7QUFDQSxpRUFBZSx1QkFBdUIsRUFBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL2Nzcy9zcHJvdHR5LmNzcz9hMGYxIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvc291cmNlTWFwcy5qc1wiO1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXFxuICogQ29weXJpZ2h0IChjKSAyMDE3LTIwMTggVHlwZUZveCBhbmQgb3RoZXJzLlxcbiAqXFxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlXFxuICogdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2Ugdi4gMi4wIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cXG4gKlxcbiAqIFRoaXMgU291cmNlIENvZGUgbWF5IGFsc28gYmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlIGZvbGxvd2luZyBTZWNvbmRhcnlcXG4gKiBMaWNlbnNlcyB3aGVuIHRoZSBjb25kaXRpb25zIGZvciBzdWNoIGF2YWlsYWJpbGl0eSBzZXQgZm9ydGggaW4gdGhlIEVjbGlwc2VcXG4gKiBQdWJsaWMgTGljZW5zZSB2LiAyLjAgYXJlIHNhdGlzZmllZDogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UsIHZlcnNpb24gMlxcbiAqIHdpdGggdGhlIEdOVSBDbGFzc3BhdGggRXhjZXB0aW9uIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHBzOi8vd3d3LmdudS5vcmcvc29mdHdhcmUvY2xhc3NwYXRoL2xpY2Vuc2UuaHRtbC5cXG4gKlxcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wIE9SIEdQTC0yLjAgV0lUSCBDbGFzc3BhdGgtZXhjZXB0aW9uLTIuMFxcbiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXG5cXG4uc3Byb3R0eSB7XFxuICAgIHBhZGRpbmc6IDBweDtcXG4gICAgZm9udC1mYW1pbHk6IFxcXCJIZWx2ZXRpY2EgTmV1ZVxcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxufVxcblxcbi5zcHJvdHR5LXJvb3Qge1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxufVxcblxcbi5zcHJvdHR5LWhpZGRlbiB7XFxuICAgIGRpc3BsYXk6IGJsb2NrO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHdpZHRoOiAwcHg7XFxuICAgIGhlaWdodDogMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCB7XFxuICAgIGZvbnQtZmFtaWx5OiBcXFwiSGVsdmV0aWNhIE5ldWVcXFwiLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XFxuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgICBtYXgtd2lkdGg6IDQwMHB4O1xcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCA+IGRpdiB7XFxuICAgIG1hcmdpbjogMTBweDtcXG59XFxuXFxuLnNwcm90dHktcG9wdXAtY2xvc2VkIHtcXG4gICAgZGlzcGxheTogbm9uZTtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGhlaWdodDogMjBweDtcXG4gICAgbGVmdDogMDtcXG4gICAgYm90dG9tOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDIwcHg7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgcmlnaHQ6IDA7XFxuICAgIHRvcDogMDtcXG59XFxuXFxuLnNwcm90dHktdmlld3BvcnQge1xcbiAgICB6LWluZGV4OiAxO1xcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xcbiAgICBib3JkZXItd2lkdGg6IDJweDtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLmhvcml6b250YWwgLnNwcm90dHktdmlld3BvcnQge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgdG9wOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLnZlcnRpY2FsIC5zcHJvdHR5LXZpZXdwb3J0IHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgbGVmdDogMDtcXG59XFxuXFxuQGtleWZyYW1lcyBzcGluIHtcXG5cXHQxMDAlIHtcXG5cXHRcXHR0cmFuc2Zvcm06cm90YXRlKDM2MGRlZyk7XFxuXFx0fVxcbn1cXG5cXG4uYW5pbWF0aW9uLXNwaW4ge1xcblxcdGFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTtcXG59XFxuXCIsIFwiXCIse1widmVyc2lvblwiOjMsXCJzb3VyY2VzXCI6W1wid2VicGFjazovLy4vY3NzL3Nwcm90dHkuY3NzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBOzs7Ozs7Ozs7Ozs7OztpRkFjaUY7O0FBRWpGO0lBQ0ksWUFBWTtJQUNaLDJEQUEyRDtBQUMvRDs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLFdBQVc7QUFDZjs7QUFFQTtJQUNJLDJEQUEyRDtJQUMzRCxrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFdBQVc7SUFDWCxZQUFZO0lBQ1osT0FBTztJQUNQLFNBQVM7QUFDYjs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsWUFBWTtJQUNaLFFBQVE7SUFDUixNQUFNO0FBQ1Y7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsbUJBQW1CO0lBQ25CLGlCQUFpQjtBQUNyQjs7QUFFQTs7SUFFSSxrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLE1BQU07QUFDVjs7QUFFQTs7SUFFSSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLE9BQU87QUFDWDs7QUFFQTtDQUNDO0VBQ0Msd0JBQXdCO0NBQ3pCO0FBQ0Q7O0FBRUE7Q0FDQyxvQ0FBb0M7QUFDckNcIixcInNvdXJjZXNDb250ZW50XCI6W1wiLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXFxuICogQ29weXJpZ2h0IChjKSAyMDE3LTIwMTggVHlwZUZveCBhbmQgb3RoZXJzLlxcbiAqXFxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlXFxuICogdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2Ugdi4gMi4wIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cXG4gKlxcbiAqIFRoaXMgU291cmNlIENvZGUgbWF5IGFsc28gYmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlIGZvbGxvd2luZyBTZWNvbmRhcnlcXG4gKiBMaWNlbnNlcyB3aGVuIHRoZSBjb25kaXRpb25zIGZvciBzdWNoIGF2YWlsYWJpbGl0eSBzZXQgZm9ydGggaW4gdGhlIEVjbGlwc2VcXG4gKiBQdWJsaWMgTGljZW5zZSB2LiAyLjAgYXJlIHNhdGlzZmllZDogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UsIHZlcnNpb24gMlxcbiAqIHdpdGggdGhlIEdOVSBDbGFzc3BhdGggRXhjZXB0aW9uIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxcbiAqIGh0dHBzOi8vd3d3LmdudS5vcmcvc29mdHdhcmUvY2xhc3NwYXRoL2xpY2Vuc2UuaHRtbC5cXG4gKlxcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wIE9SIEdQTC0yLjAgV0lUSCBDbGFzc3BhdGgtZXhjZXB0aW9uLTIuMFxcbiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cXG5cXG4uc3Byb3R0eSB7XFxuICAgIHBhZGRpbmc6IDBweDtcXG4gICAgZm9udC1mYW1pbHk6IFxcXCJIZWx2ZXRpY2EgTmV1ZVxcXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XFxufVxcblxcbi5zcHJvdHR5LXJvb3Qge1xcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XFxufVxcblxcbi5zcHJvdHR5LWhpZGRlbiB7XFxuICAgIGRpc3BsYXk6IGJsb2NrO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIHdpZHRoOiAwcHg7XFxuICAgIGhlaWdodDogMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCB7XFxuICAgIGZvbnQtZmFtaWx5OiBcXFwiSGVsdmV0aWNhIE5ldWVcXFwiLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XFxuICAgIGJvcmRlcjogMXB4IHNvbGlkO1xcbiAgICBtYXgtd2lkdGg6IDQwMHB4O1xcbiAgICBtaW4td2lkdGg6IDEwMHB4O1xcbn1cXG5cXG4uc3Byb3R0eS1wb3B1cCA+IGRpdiB7XFxuICAgIG1hcmdpbjogMTBweDtcXG59XFxuXFxuLnNwcm90dHktcG9wdXAtY2xvc2VkIHtcXG4gICAgZGlzcGxheTogbm9uZTtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDEwMCU7XFxuICAgIGhlaWdodDogMjBweDtcXG4gICAgbGVmdDogMDtcXG4gICAgYm90dG9tOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCB7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgd2lkdGg6IDIwcHg7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgcmlnaHQ6IDA7XFxuICAgIHRvcDogMDtcXG59XFxuXFxuLnNwcm90dHktdmlld3BvcnQge1xcbiAgICB6LWluZGV4OiAxO1xcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xcbiAgICBib3JkZXItd2lkdGg6IDJweDtcXG59XFxuXFxuLnNwcm90dHktcHJvamVjdGlvbi1iYXIuaG9yaXpvbnRhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLmhvcml6b250YWwgLnNwcm90dHktdmlld3BvcnQge1xcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICAgIGhlaWdodDogMTAwJTtcXG4gICAgdG9wOiAwO1xcbn1cXG5cXG4uc3Byb3R0eS1wcm9qZWN0aW9uLWJhci52ZXJ0aWNhbCAuc3Byb3R0eS1wcm9qZWN0aW9uLFxcbi5zcHJvdHR5LXByb2plY3Rpb24tYmFyLnZlcnRpY2FsIC5zcHJvdHR5LXZpZXdwb3J0IHtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgbGVmdDogMDtcXG59XFxuXFxuQGtleWZyYW1lcyBzcGluIHtcXG5cXHQxMDAlIHtcXG5cXHRcXHR0cmFuc2Zvcm06cm90YXRlKDM2MGRlZyk7XFxuXFx0fVxcbn1cXG5cXG4uYW5pbWF0aW9uLXNwaW4ge1xcblxcdGFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTtcXG59XFxuXCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5leHBvcnQgZGVmYXVsdCBfX19DU1NfTE9BREVSX0VYUE9SVF9fXztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/sprotty.css\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/cjs.js!./css/theme.css":
-/*!**************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!./css/theme.css ***!
-  \**************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/sourceMaps.js */ \"../node_modules/css-loader/dist/runtime/sourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2022 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n:root {\\r\\n    /* Behavior and sizing variables */\\r\\n    --stpa-transition: 200ms ease-in-out;\\r\\n    --stpa-border-radius-default: 4px;\\r\\n    --stpa-font-size-base: 16px;\\r\\n    --stpa-sidebar-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);\\r\\n    --stpa-sidebar-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\\r\\n\\r\\n    /* Color semantic theme token (no \\\"dump\\\" token like gray100 etc.\\r\\n    but rather scoped to where they should be applied). Allows for finer theme control. */\\r\\n    --stpa-color-sidebar-background: var(--vscode-sideBar-background);\\r\\n    --stpa-color-sidebar-trigger-background: var(--vscode-sideBar-background);\\r\\n}\\r\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./css/theme.css\"],\"names\":[],\"mappings\":\"AAAA;;;;;;;;;;;;;;;EAeE;;AAEF;IACI,kCAAkC;IAClC,oCAAoC;IACpC,iCAAiC;IACjC,2BAA2B;IAC3B,sFAAsF;IACtF,0FAA0F;;IAE1F;yFACqF;IACrF,iEAAiE;IACjE,yEAAyE;AAC7E\",\"sourcesContent\":[\"/*\\r\\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\\r\\n *\\r\\n * http://rtsys.informatik.uni-kiel.de/kieler\\r\\n *\\r\\n * Copyright 2022 by\\r\\n * + Kiel University\\r\\n *   + Department of Computer Science\\r\\n *     + Real-Time and Embedded Systems Group\\r\\n *\\r\\n * This program and the accompanying materials are made available under the\\r\\n * terms of the Eclipse Public License 2.0 which is available at\\r\\n * http://www.eclipse.org/legal/epl-2.0.\\r\\n *\\r\\n * SPDX-License-Identifier: EPL-2.0\\r\\n */\\r\\n\\r\\n:root {\\r\\n    /* Behavior and sizing variables */\\r\\n    --stpa-transition: 200ms ease-in-out;\\r\\n    --stpa-border-radius-default: 4px;\\r\\n    --stpa-font-size-base: 16px;\\r\\n    --stpa-sidebar-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);\\r\\n    --stpa-sidebar-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\\r\\n\\r\\n    /* Color semantic theme token (no \\\"dump\\\" token like gray100 etc.\\r\\n    but rather scoped to where they should be applied). Allows for finer theme control. */\\r\\n    --stpa-color-sidebar-background: var(--vscode-sideBar-background);\\r\\n    --stpa-color-sidebar-trigger-background: var(--vscode-sideBar-background);\\r\\n}\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanMhLi9jc3MvdGhlbWUuY3NzLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7QUFDNkc7QUFDakI7QUFDNUYsOEJBQThCLG1GQUEyQixDQUFDLDRGQUFxQztBQUMvRjtBQUNBLG9rQkFBb2tCLHdGQUF3RiwwQ0FBMEMsb0NBQW9DLCtGQUErRixtR0FBbUcsc1BBQXNQLGtGQUFrRixLQUFLLFdBQVcsOEZBQThGLE1BQU0sS0FBSyxZQUFZLGFBQWEsYUFBYSxhQUFhLGFBQWEsY0FBYyxNQUFNLE9BQU8sYUFBYSxhQUFhLG9qQkFBb2pCLHdGQUF3RiwwQ0FBMEMsb0NBQW9DLCtGQUErRixtR0FBbUcsc1BBQXNQLGtGQUFrRixLQUFLLHVCQUF1QjtBQUNsdUY7QUFDQSxpRUFBZSx1QkFBdUIsRUFBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL2Nzcy90aGVtZS5jc3M/NDg1OCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBJbXBvcnRzXG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfU09VUkNFTUFQX0lNUE9SVF9fXyBmcm9tIFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIyIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG46cm9vdCB7XFxyXFxuICAgIC8qIEJlaGF2aW9yIGFuZCBzaXppbmcgdmFyaWFibGVzICovXFxyXFxuICAgIC0tc3RwYS10cmFuc2l0aW9uOiAyMDBtcyBlYXNlLWluLW91dDtcXHJcXG4gICAgLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdDogNHB4O1xcclxcbiAgICAtLXN0cGEtZm9udC1zaXplLWJhc2U6IDE2cHg7XFxyXFxuICAgIC0tc3RwYS1zaWRlYmFyLXNoYWRvdzogMCAxNXB4IDI1cHggcmdiYSgwLCAwLCAwLCAwLjE1KSwgMCA1cHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMDUpO1xcclxcbiAgICAtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSwgMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XFxyXFxuXFxyXFxuICAgIC8qIENvbG9yIHNlbWFudGljIHRoZW1lIHRva2VuIChubyBcXFwiZHVtcFxcXCIgdG9rZW4gbGlrZSBncmF5MTAwIGV0Yy5cXHJcXG4gICAgYnV0IHJhdGhlciBzY29wZWQgdG8gd2hlcmUgdGhleSBzaG91bGQgYmUgYXBwbGllZCkuIEFsbG93cyBmb3IgZmluZXIgdGhlbWUgY29udHJvbC4gKi9cXHJcXG4gICAgLS1zdHBhLWNvbG9yLXNpZGViYXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxuICAgIC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxufVxcclxcblwiLCBcIlwiLHtcInZlcnNpb25cIjozLFwic291cmNlc1wiOltcIndlYnBhY2s6Ly8uL2Nzcy90aGVtZS5jc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUE7Ozs7Ozs7Ozs7Ozs7OztFQWVFOztBQUVGO0lBQ0ksa0NBQWtDO0lBQ2xDLG9DQUFvQztJQUNwQyxpQ0FBaUM7SUFDakMsMkJBQTJCO0lBQzNCLHNGQUFzRjtJQUN0RiwwRkFBMEY7O0lBRTFGO3lGQUNxRjtJQUNyRixpRUFBaUU7SUFDakUseUVBQXlFO0FBQzdFXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIi8qXFxyXFxuICogS0lFTEVSIC0gS2llbCBJbnRlZ3JhdGVkIEVudmlyb25tZW50IGZvciBMYXlvdXQgRWNsaXBzZSBSaWNoQ2xpZW50XFxyXFxuICpcXHJcXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcXHJcXG4gKlxcclxcbiAqIENvcHlyaWdodCAyMDIyIGJ5XFxyXFxuICogKyBLaWVsIFVuaXZlcnNpdHlcXHJcXG4gKiAgICsgRGVwYXJ0bWVudCBvZiBDb21wdXRlciBTY2llbmNlXFxyXFxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXFxyXFxuICpcXHJcXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcXHJcXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XFxyXFxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxcclxcbiAqXFxyXFxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcXHJcXG4gKi9cXHJcXG5cXHJcXG46cm9vdCB7XFxyXFxuICAgIC8qIEJlaGF2aW9yIGFuZCBzaXppbmcgdmFyaWFibGVzICovXFxyXFxuICAgIC0tc3RwYS10cmFuc2l0aW9uOiAyMDBtcyBlYXNlLWluLW91dDtcXHJcXG4gICAgLS1zdHBhLWJvcmRlci1yYWRpdXMtZGVmYXVsdDogNHB4O1xcclxcbiAgICAtLXN0cGEtZm9udC1zaXplLWJhc2U6IDE2cHg7XFxyXFxuICAgIC0tc3RwYS1zaWRlYmFyLXNoYWRvdzogMCAxNXB4IDI1cHggcmdiYSgwLCAwLCAwLCAwLjE1KSwgMCA1cHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMDUpO1xcclxcbiAgICAtLXN0cGEtc2lkZWJhci1idXR0b24tc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSwgMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XFxyXFxuXFxyXFxuICAgIC8qIENvbG9yIHNlbWFudGljIHRoZW1lIHRva2VuIChubyBcXFwiZHVtcFxcXCIgdG9rZW4gbGlrZSBncmF5MTAwIGV0Yy5cXHJcXG4gICAgYnV0IHJhdGhlciBzY29wZWQgdG8gd2hlcmUgdGhleSBzaG91bGQgYmUgYXBwbGllZCkuIEFsbG93cyBmb3IgZmluZXIgdGhlbWUgY29udHJvbC4gKi9cXHJcXG4gICAgLS1zdHBhLWNvbG9yLXNpZGViYXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxuICAgIC0tc3RwYS1jb2xvci1zaWRlYmFyLXRyaWdnZXItYmFja2dyb3VuZDogdmFyKC0tdnNjb2RlLXNpZGVCYXItYmFja2dyb3VuZCk7XFxyXFxufVxcclxcblwiXSxcInNvdXJjZVJvb3RcIjpcIlwifV0pO1xuLy8gRXhwb3J0c1xuZXhwb3J0IGRlZmF1bHQgX19fQ1NTX0xPQURFUl9FWFBPUlRfX187XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/cjs.js!./css/theme.css\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/runtime/api.js":
-/*!******************************************************!*\
-  !*** ../node_modules/css-loader/dist/runtime/api.js ***!
-  \******************************************************/
-/***/ ((module) => {
-
-"use strict";
-eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n\n      content += cssWithMappingToString(item);\n\n      if (needLayer) {\n        content += \"}\";\n      }\n\n      if (item[2]) {\n        content += \"}\";\n      }\n\n      if (item[4]) {\n        content += \"}\";\n      }\n\n      return content;\n    }).join(\"\");\n  }; // import a list of modules into the list\n\n\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qcy5qcyIsIm1hcHBpbmdzIjoiQUFBYTs7QUFFYjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCOztBQUVqQjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLHFEQUFxRDtBQUNyRDs7QUFFQTtBQUNBLGdEQUFnRDtBQUNoRDs7QUFFQTtBQUNBLHFGQUFxRjtBQUNyRjs7QUFFQTs7QUFFQTtBQUNBLHFCQUFxQjtBQUNyQjs7QUFFQTtBQUNBLHFCQUFxQjtBQUNyQjs7QUFFQTtBQUNBLHFCQUFxQjtBQUNyQjs7QUFFQTtBQUNBLEtBQUs7QUFDTCxLQUFLOzs7QUFHTDtBQUNBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBLHNCQUFzQixpQkFBaUI7QUFDdkM7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxxQkFBcUIscUJBQXFCO0FBQzFDOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Ysc0ZBQXNGLHFCQUFxQjtBQUMzRztBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsVUFBVTtBQUNWLGlEQUFpRCxxQkFBcUI7QUFDdEU7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBLFVBQVU7QUFDVixzREFBc0QscUJBQXFCO0FBQzNFO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvYXBpLmpzP2NlZjIiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbi8qXG4gIE1JVCBMaWNlbnNlIGh0dHA6Ly93d3cub3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvbWl0LWxpY2Vuc2UucGhwXG4gIEF1dGhvciBUb2JpYXMgS29wcGVycyBAc29rcmFcbiovXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChjc3NXaXRoTWFwcGluZ1RvU3RyaW5nKSB7XG4gIHZhciBsaXN0ID0gW107IC8vIHJldHVybiB0aGUgbGlzdCBvZiBtb2R1bGVzIGFzIGNzcyBzdHJpbmdcblxuICBsaXN0LnRvU3RyaW5nID0gZnVuY3Rpb24gdG9TdHJpbmcoKSB7XG4gICAgcmV0dXJuIHRoaXMubWFwKGZ1bmN0aW9uIChpdGVtKSB7XG4gICAgICB2YXIgY29udGVudCA9IFwiXCI7XG4gICAgICB2YXIgbmVlZExheWVyID0gdHlwZW9mIGl0ZW1bNV0gIT09IFwidW5kZWZpbmVkXCI7XG5cbiAgICAgIGlmIChpdGVtWzRdKSB7XG4gICAgICAgIGNvbnRlbnQgKz0gXCJAc3VwcG9ydHMgKFwiLmNvbmNhdChpdGVtWzRdLCBcIikge1wiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKGl0ZW1bMl0pIHtcbiAgICAgICAgY29udGVudCArPSBcIkBtZWRpYSBcIi5jb25jYXQoaXRlbVsyXSwgXCIge1wiKTtcbiAgICAgIH1cblxuICAgICAgaWYgKG5lZWRMYXllcikge1xuICAgICAgICBjb250ZW50ICs9IFwiQGxheWVyXCIuY29uY2F0KGl0ZW1bNV0ubGVuZ3RoID4gMCA/IFwiIFwiLmNvbmNhdChpdGVtWzVdKSA6IFwiXCIsIFwiIHtcIik7XG4gICAgICB9XG5cbiAgICAgIGNvbnRlbnQgKz0gY3NzV2l0aE1hcHBpbmdUb1N0cmluZyhpdGVtKTtcblxuICAgICAgaWYgKG5lZWRMYXllcikge1xuICAgICAgICBjb250ZW50ICs9IFwifVwiO1xuICAgICAgfVxuXG4gICAgICBpZiAoaXRlbVsyXSkge1xuICAgICAgICBjb250ZW50ICs9IFwifVwiO1xuICAgICAgfVxuXG4gICAgICBpZiAoaXRlbVs0XSkge1xuICAgICAgICBjb250ZW50ICs9IFwifVwiO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gY29udGVudDtcbiAgICB9KS5qb2luKFwiXCIpO1xuICB9OyAvLyBpbXBvcnQgYSBsaXN0IG9mIG1vZHVsZXMgaW50byB0aGUgbGlzdFxuXG5cbiAgbGlzdC5pID0gZnVuY3Rpb24gaShtb2R1bGVzLCBtZWRpYSwgZGVkdXBlLCBzdXBwb3J0cywgbGF5ZXIpIHtcbiAgICBpZiAodHlwZW9mIG1vZHVsZXMgPT09IFwic3RyaW5nXCIpIHtcbiAgICAgIG1vZHVsZXMgPSBbW251bGwsIG1vZHVsZXMsIHVuZGVmaW5lZF1dO1xuICAgIH1cblxuICAgIHZhciBhbHJlYWR5SW1wb3J0ZWRNb2R1bGVzID0ge307XG5cbiAgICBpZiAoZGVkdXBlKSB7XG4gICAgICBmb3IgKHZhciBrID0gMDsgayA8IHRoaXMubGVuZ3RoOyBrKyspIHtcbiAgICAgICAgdmFyIGlkID0gdGhpc1trXVswXTtcblxuICAgICAgICBpZiAoaWQgIT0gbnVsbCkge1xuICAgICAgICAgIGFscmVhZHlJbXBvcnRlZE1vZHVsZXNbaWRdID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAodmFyIF9rID0gMDsgX2sgPCBtb2R1bGVzLmxlbmd0aDsgX2srKykge1xuICAgICAgdmFyIGl0ZW0gPSBbXS5jb25jYXQobW9kdWxlc1tfa10pO1xuXG4gICAgICBpZiAoZGVkdXBlICYmIGFscmVhZHlJbXBvcnRlZE1vZHVsZXNbaXRlbVswXV0pIHtcbiAgICAgICAgY29udGludWU7XG4gICAgICB9XG5cbiAgICAgIGlmICh0eXBlb2YgbGF5ZXIgIT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgICAgaWYgKHR5cGVvZiBpdGVtWzVdID09PSBcInVuZGVmaW5lZFwiKSB7XG4gICAgICAgICAgaXRlbVs1XSA9IGxheWVyO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGl0ZW1bMV0gPSBcIkBsYXllclwiLmNvbmNhdChpdGVtWzVdLmxlbmd0aCA+IDAgPyBcIiBcIi5jb25jYXQoaXRlbVs1XSkgOiBcIlwiLCBcIiB7XCIpLmNvbmNhdChpdGVtWzFdLCBcIn1cIik7XG4gICAgICAgICAgaXRlbVs1XSA9IGxheWVyO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmIChtZWRpYSkge1xuICAgICAgICBpZiAoIWl0ZW1bMl0pIHtcbiAgICAgICAgICBpdGVtWzJdID0gbWVkaWE7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgaXRlbVsxXSA9IFwiQG1lZGlhIFwiLmNvbmNhdChpdGVtWzJdLCBcIiB7XCIpLmNvbmNhdChpdGVtWzFdLCBcIn1cIik7XG4gICAgICAgICAgaXRlbVsyXSA9IG1lZGlhO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmIChzdXBwb3J0cykge1xuICAgICAgICBpZiAoIWl0ZW1bNF0pIHtcbiAgICAgICAgICBpdGVtWzRdID0gXCJcIi5jb25jYXQoc3VwcG9ydHMpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGl0ZW1bMV0gPSBcIkBzdXBwb3J0cyAoXCIuY29uY2F0KGl0ZW1bNF0sIFwiKSB7XCIpLmNvbmNhdChpdGVtWzFdLCBcIn1cIik7XG4gICAgICAgICAgaXRlbVs0XSA9IHN1cHBvcnRzO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGxpc3QucHVzaChpdGVtKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIGxpc3Q7XG59OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/runtime/api.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/css-loader/dist/runtime/sourceMaps.js":
-/*!*************************************************************!*\
-  !*** ../node_modules/css-loader/dist/runtime/sourceMaps.js ***!
-  \*************************************************************/
-/***/ ((module) => {
-
-"use strict";
-eval("\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n  }\n\n  return [content].join(\"\\n\");\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL3NvdXJjZU1hcHMuanMuanMiLCJtYXBwaW5ncyI6IkFBQWE7O0FBRWI7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsdURBQXVELGNBQWM7QUFDckU7QUFDQTtBQUNBO0FBQ0EsS0FBSztBQUNMO0FBQ0E7O0FBRUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L3J1bnRpbWUvc291cmNlTWFwcy5qcz9kZWE3Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5tb2R1bGUuZXhwb3J0cyA9IGZ1bmN0aW9uIChpdGVtKSB7XG4gIHZhciBjb250ZW50ID0gaXRlbVsxXTtcbiAgdmFyIGNzc01hcHBpbmcgPSBpdGVtWzNdO1xuXG4gIGlmICghY3NzTWFwcGluZykge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgaWYgKHR5cGVvZiBidG9hID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICB2YXIgYmFzZTY0ID0gYnRvYSh1bmVzY2FwZShlbmNvZGVVUklDb21wb25lbnQoSlNPTi5zdHJpbmdpZnkoY3NzTWFwcGluZykpKSk7XG4gICAgdmFyIGRhdGEgPSBcInNvdXJjZU1hcHBpbmdVUkw9ZGF0YTphcHBsaWNhdGlvbi9qc29uO2NoYXJzZXQ9dXRmLTg7YmFzZTY0LFwiLmNvbmNhdChiYXNlNjQpO1xuICAgIHZhciBzb3VyY2VNYXBwaW5nID0gXCIvKiMgXCIuY29uY2F0KGRhdGEsIFwiICovXCIpO1xuICAgIHZhciBzb3VyY2VVUkxzID0gY3NzTWFwcGluZy5zb3VyY2VzLm1hcChmdW5jdGlvbiAoc291cmNlKSB7XG4gICAgICByZXR1cm4gXCIvKiMgc291cmNlVVJMPVwiLmNvbmNhdChjc3NNYXBwaW5nLnNvdXJjZVJvb3QgfHwgXCJcIikuY29uY2F0KHNvdXJjZSwgXCIgKi9cIik7XG4gICAgfSk7XG4gICAgcmV0dXJuIFtjb250ZW50XS5jb25jYXQoc291cmNlVVJMcykuY29uY2F0KFtzb3VyY2VNYXBwaW5nXSkuam9pbihcIlxcblwiKTtcbiAgfVxuXG4gIHJldHVybiBbY29udGVudF0uam9pbihcIlxcblwiKTtcbn07Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/css-loader/dist/runtime/sourceMaps.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/h.js":
-/*!*******************************************!*\
-  !*** ../node_modules/snabbdom/build/h.js ***!
-  \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"addNS\": () => (/* binding */ addNS),\n/* harmony export */   \"h\": () => (/* binding */ h),\n/* harmony export */   \"fragment\": () => (/* binding */ fragment)\n/* harmony export */ });\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./is */ \"../node_modules/snabbdom/build/is.js\");\n\n\nfunction addNS(data, children, sel) {\n    data.ns = \"http://www.w3.org/2000/svg\";\n    if (sel !== \"foreignObject\" && children !== undefined) {\n        for (let i = 0; i < children.length; ++i) {\n            const child = children[i];\n            if (typeof child === \"string\")\n                continue;\n            const childData = child.data;\n            if (childData !== undefined) {\n                addNS(childData, child.children, child.sel);\n            }\n        }\n    }\n}\nfunction h(sel, b, c) {\n    let data = {};\n    let children;\n    let text;\n    let i;\n    if (c !== undefined) {\n        if (b !== null) {\n            data = b;\n        }\n        if (_is__WEBPACK_IMPORTED_MODULE_0__.array(c)) {\n            children = c;\n        }\n        else if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(c)) {\n            text = c.toString();\n        }\n        else if (c && c.sel) {\n            children = [c];\n        }\n    }\n    else if (b !== undefined && b !== null) {\n        if (_is__WEBPACK_IMPORTED_MODULE_0__.array(b)) {\n            children = b;\n        }\n        else if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(b)) {\n            text = b.toString();\n        }\n        else if (b && b.sel) {\n            children = [b];\n        }\n        else {\n            data = b;\n        }\n    }\n    if (children !== undefined) {\n        for (i = 0; i < children.length; ++i) {\n            if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(children[i]))\n                children[i] = (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(undefined, undefined, undefined, children[i], undefined);\n        }\n    }\n    if (sel[0] === \"s\" &&\n        sel[1] === \"v\" &&\n        sel[2] === \"g\" &&\n        (sel.length === 3 || sel[3] === \".\" || sel[3] === \"#\")) {\n        addNS(data, children, sel);\n    }\n    return (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(sel, data, children, text, undefined);\n}\n/**\n * @experimental\n */\nfunction fragment(children) {\n    let c;\n    let text;\n    if (_is__WEBPACK_IMPORTED_MODULE_0__.array(children)) {\n        c = children;\n    }\n    else if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(c)) {\n        text = children;\n    }\n    else if (c && c.sel) {\n        c = [children];\n    }\n    if (c !== undefined) {\n        for (let i = 0; i < c.length; ++i) {\n            if (_is__WEBPACK_IMPORTED_MODULE_0__.primitive(c[i]))\n                c[i] = (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(undefined, undefined, undefined, c[i], undefined);\n        }\n    }\n    return (0,_vnode__WEBPACK_IMPORTED_MODULE_1__.vnode)(undefined, {}, c, text, undefined);\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,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cGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL2gudHM/N2YxMyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2bm9kZSwgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuL3Zub2RlXCI7XG5pbXBvcnQgKiBhcyBpcyBmcm9tIFwiLi9pc1wiO1xuXG5leHBvcnQgdHlwZSBWTm9kZXMgPSBWTm9kZVtdO1xuZXhwb3J0IHR5cGUgVk5vZGVDaGlsZEVsZW1lbnQgPVxuICB8IFZOb2RlXG4gIHwgc3RyaW5nXG4gIHwgbnVtYmVyXG4gIHwgU3RyaW5nXG4gIHwgTnVtYmVyXG4gIHwgdW5kZWZpbmVkXG4gIHwgbnVsbDtcbmV4cG9ydCB0eXBlIEFycmF5T3JFbGVtZW50PFQ+ID0gVCB8IFRbXTtcbmV4cG9ydCB0eXBlIFZOb2RlQ2hpbGRyZW4gPSBBcnJheU9yRWxlbWVudDxWTm9kZUNoaWxkRWxlbWVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBhZGROUyhcbiAgZGF0YTogYW55LFxuICBjaGlsZHJlbjogQXJyYXk8Vk5vZGUgfCBzdHJpbmc+IHwgdW5kZWZpbmVkLFxuICBzZWw6IHN0cmluZyB8IHVuZGVmaW5lZFxuKTogdm9pZCB7XG4gIGRhdGEubnMgPSBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI7XG4gIGlmIChzZWwgIT09IFwiZm9yZWlnbk9iamVjdFwiICYmIGNoaWxkcmVuICE9PSB1bmRlZmluZWQpIHtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGNoaWxkcmVuLmxlbmd0aDsgKytpKSB7XG4gICAgICBjb25zdCBjaGlsZCA9IGNoaWxkcmVuW2ldO1xuICAgICAgaWYgKHR5cGVvZiBjaGlsZCA9PT0gXCJzdHJpbmdcIikgY29udGludWU7XG4gICAgICBjb25zdCBjaGlsZERhdGEgPSBjaGlsZC5kYXRhO1xuICAgICAgaWYgKGNoaWxkRGF0YSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGFkZE5TKGNoaWxkRGF0YSwgY2hpbGQuY2hpbGRyZW4gYXMgVk5vZGVzLCBjaGlsZC5zZWwpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gaChzZWw6IHN0cmluZyk6IFZOb2RlO1xuZXhwb3J0IGZ1bmN0aW9uIGgoc2VsOiBzdHJpbmcsIGRhdGE6IFZOb2RlRGF0YSB8IG51bGwpOiBWTm9kZTtcbmV4cG9ydCBmdW5jdGlvbiBoKHNlbDogc3RyaW5nLCBjaGlsZHJlbjogVk5vZGVDaGlsZHJlbik6IFZOb2RlO1xuZXhwb3J0IGZ1bmN0aW9uIGgoXG4gIHNlbDogc3RyaW5nLFxuICBkYXRhOiBWTm9kZURhdGEgfCBudWxsLFxuICBjaGlsZHJlbjogVk5vZGVDaGlsZHJlblxuKTogVk5vZGU7XG5leHBvcnQgZnVuY3Rpb24gaChzZWw6IGFueSwgYj86IGFueSwgYz86IGFueSk6IFZOb2RlIHtcbiAgbGV0IGRhdGE6IFZOb2RlRGF0YSA9IHt9O1xuICBsZXQgY2hpbGRyZW46IGFueTtcbiAgbGV0IHRleHQ6IGFueTtcbiAgbGV0IGk6IG51bWJlcjtcbiAgaWYgKGMgIT09IHVuZGVmaW5lZCkge1xuICAgIGlmIChiICE9PSBudWxsKSB7XG4gICAgICBkYXRhID0gYjtcbiAgICB9XG4gICAgaWYgKGlzLmFycmF5KGMpKSB7XG4gICAgICBjaGlsZHJlbiA9IGM7XG4gICAgfSBlbHNlIGlmIChpcy5wcmltaXRpdmUoYykpIHtcbiAgICAgIHRleHQgPSBjLnRvU3RyaW5nKCk7XG4gICAgfSBlbHNlIGlmIChjICYmIGMuc2VsKSB7XG4gICAgICBjaGlsZHJlbiA9IFtjXTtcbiAgICB9XG4gIH0gZWxzZSBpZiAoYiAhPT0gdW5kZWZpbmVkICYmIGIgIT09IG51bGwpIHtcbiAgICBpZiAoaXMuYXJyYXkoYikpIHtcbiAgICAgIGNoaWxkcmVuID0gYjtcbiAgICB9IGVsc2UgaWYgKGlzLnByaW1pdGl2ZShiKSkge1xuICAgICAgdGV4dCA9IGIudG9TdHJpbmcoKTtcbiAgICB9IGVsc2UgaWYgKGIgJiYgYi5zZWwpIHtcbiAgICAgIGNoaWxkcmVuID0gW2JdO1xuICAgIH0gZWxzZSB7XG4gICAgICBkYXRhID0gYjtcbiAgICB9XG4gIH1cbiAgaWYgKGNoaWxkcmVuICE9PSB1bmRlZmluZWQpIHtcbiAgICBmb3IgKGkgPSAwOyBpIDwgY2hpbGRyZW4ubGVuZ3RoOyArK2kpIHtcbiAgICAgIGlmIChpcy5wcmltaXRpdmUoY2hpbGRyZW5baV0pKVxuICAgICAgICBjaGlsZHJlbltpXSA9IHZub2RlKFxuICAgICAgICAgIHVuZGVmaW5lZCxcbiAgICAgICAgICB1bmRlZmluZWQsXG4gICAgICAgICAgdW5kZWZpbmVkLFxuICAgICAgICAgIGNoaWxkcmVuW2ldLFxuICAgICAgICAgIHVuZGVmaW5lZFxuICAgICAgICApO1xuICAgIH1cbiAgfVxuICBpZiAoXG4gICAgc2VsWzBdID09PSBcInNcIiAmJlxuICAgIHNlbFsxXSA9PT0gXCJ2XCIgJiZcbiAgICBzZWxbMl0gPT09IFwiZ1wiICYmXG4gICAgKHNlbC5sZW5ndGggPT09IDMgfHwgc2VsWzNdID09PSBcIi5cIiB8fCBzZWxbM10gPT09IFwiI1wiKVxuICApIHtcbiAgICBhZGROUyhkYXRhLCBjaGlsZHJlbiwgc2VsKTtcbiAgfVxuICByZXR1cm4gdm5vZGUoc2VsLCBkYXRhLCBjaGlsZHJlbiwgdGV4dCwgdW5kZWZpbmVkKTtcbn1cblxuLyoqXG4gKiBAZXhwZXJpbWVudGFsXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBmcmFnbWVudChjaGlsZHJlbjogVk5vZGVDaGlsZHJlbik6IFZOb2RlIHtcbiAgbGV0IGM6IGFueTtcbiAgbGV0IHRleHQ6IGFueTtcblxuICBpZiAoaXMuYXJyYXkoY2hpbGRyZW4pKSB7XG4gICAgYyA9IGNoaWxkcmVuO1xuICB9IGVsc2UgaWYgKGlzLnByaW1pdGl2ZShjKSkge1xuICAgIHRleHQgPSBjaGlsZHJlbjtcbiAgfSBlbHNlIGlmIChjICYmIGMuc2VsKSB7XG4gICAgYyA9IFtjaGlsZHJlbl07XG4gIH1cblxuICBpZiAoYyAhPT0gdW5kZWZpbmVkKSB7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBjLmxlbmd0aDsgKytpKSB7XG4gICAgICBpZiAoaXMucHJpbWl0aXZlKGNbaV0pKVxuICAgICAgICBjW2ldID0gdm5vZGUodW5kZWZpbmVkLCB1bmRlZmluZWQsIHVuZGVmaW5lZCwgY1tpXSwgdW5kZWZpbmVkKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gdm5vZGUodW5kZWZpbmVkLCB7fSwgYywgdGV4dCwgdW5kZWZpbmVkKTtcbn1cbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/h.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/helpers/attachto.js":
-/*!**********************************************************!*\
-  !*** ../node_modules/snabbdom/build/helpers/attachto.js ***!
-  \**********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"attachTo\": () => (/* binding */ attachTo)\n/* harmony export */ });\nfunction pre(vnode, newVnode) {\n    const attachData = vnode.data.attachData;\n    // Copy created placeholder and real element from old vnode\n    newVnode.data.attachData.placeholder = attachData.placeholder;\n    newVnode.data.attachData.real = attachData.real;\n    // Mount real element in vnode so the patch process operates on it\n    vnode.elm = vnode.data.attachData.real;\n}\nfunction post(_, vnode) {\n    // Mount dummy placeholder in vnode so potential reorders use it\n    vnode.elm = vnode.data.attachData.placeholder;\n}\nfunction destroy(vnode) {\n    // Remove placeholder\n    if (vnode.elm !== undefined) {\n        vnode.elm.parentNode.removeChild(vnode.elm);\n    }\n    // Remove real element from where it was inserted\n    vnode.elm = vnode.data.attachData.real;\n}\nfunction create(_, vnode) {\n    const real = vnode.elm;\n    const attachData = vnode.data.attachData;\n    const placeholder = document.createElement(\"span\");\n    // Replace actual element with dummy placeholder\n    // Snabbdom will then insert placeholder instead\n    vnode.elm = placeholder;\n    attachData.target.appendChild(real);\n    attachData.real = real;\n    attachData.placeholder = placeholder;\n}\nfunction attachTo(target, vnode) {\n    if (vnode.data === undefined)\n        vnode.data = {};\n    if (vnode.data.hook === undefined)\n        vnode.data.hook = {};\n    const data = vnode.data;\n    const hook = vnode.data.hook;\n    data.attachData = { target: target, placeholder: undefined, real: undefined };\n    hook.create = create;\n    hook.prepatch = pre;\n    hook.postpatch = post;\n    hook.destroy = destroy;\n    return vnode;\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2hlbHBlcnMvYXR0YWNodG8uanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQWlCQSxTQUFTLEdBQUcsQ0FBQyxLQUEwQixFQUFFLFFBQTZCO0lBQ3BFLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pDLDJEQUEyRDtJQUMzRCxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQztJQUM5RCxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQztJQUNoRCxrRUFBa0U7SUFDbEUsS0FBSyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUM7QUFDekMsQ0FBQztBQUVELFNBQVMsSUFBSSxDQUFDLENBQU0sRUFBRSxLQUEwQjtJQUM5QyxnRUFBZ0U7SUFDaEUsS0FBSyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUM7QUFDaEQsQ0FBQztBQUVELFNBQVMsT0FBTyxDQUFDLEtBQTBCO0lBQ3pDLHFCQUFxQjtJQUNyQixJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssU0FBUyxFQUFFO1FBQzFCLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBMEIsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQzlEO0lBQ0QsaURBQWlEO0lBQ2pELEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0FBQ3pDLENBQUM7QUFFRCxTQUFTLE1BQU0sQ0FBQyxDQUFNLEVBQUUsS0FBMEI7SUFDaEQsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQztJQUN2QixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QyxNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25ELGdEQUFnRDtJQUNoRCxnREFBZ0Q7SUFDaEQsS0FBSyxDQUFDLEdBQUcsR0FBRyxXQUFXLENBQUM7SUFDeEIsVUFBVSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEMsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDdkIsVUFBVSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7QUFDdkMsQ0FBQztBQUVNLFNBQVMsUUFBUSxDQUFDLE1BQWUsRUFBRSxLQUFZO0lBQ3BELElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxTQUFTO1FBQUUsS0FBSyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7SUFDOUMsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTO1FBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ3hELE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDeEIsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLENBQUM7SUFDOUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDckIsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7SUFDcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDdkIsT0FBTyxLQUFLLENBQUM7QUFDZixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvaGVscGVycy9hdHRhY2h0by50cz80YmEzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZOb2RlLCBWTm9kZURhdGEgfSBmcm9tIFwiLi4vdm5vZGVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBBdHRhY2hEYXRhIHtcbiAgW2tleTogc3RyaW5nXTogYW55O1xuICBbaTogbnVtYmVyXTogYW55O1xuICBwbGFjZWhvbGRlcj86IGFueTtcbiAgcmVhbD86IE5vZGU7XG59XG5cbmludGVyZmFjZSBWTm9kZURhdGFXaXRoQXR0YWNoIGV4dGVuZHMgVk5vZGVEYXRhIHtcbiAgYXR0YWNoRGF0YTogQXR0YWNoRGF0YTtcbn1cblxuaW50ZXJmYWNlIFZOb2RlV2l0aEF0dGFjaERhdGEgZXh0ZW5kcyBWTm9kZSB7XG4gIGRhdGE6IFZOb2RlRGF0YVdpdGhBdHRhY2g7XG59XG5cbmZ1bmN0aW9uIHByZSh2bm9kZTogVk5vZGVXaXRoQXR0YWNoRGF0YSwgbmV3Vm5vZGU6IFZOb2RlV2l0aEF0dGFjaERhdGEpOiB2b2lkIHtcbiAgY29uc3QgYXR0YWNoRGF0YSA9IHZub2RlLmRhdGEuYXR0YWNoRGF0YTtcbiAgLy8gQ29weSBjcmVhdGVkIHBsYWNlaG9sZGVyIGFuZCByZWFsIGVsZW1lbnQgZnJvbSBvbGQgdm5vZGVcbiAgbmV3Vm5vZGUuZGF0YS5hdHRhY2hEYXRhLnBsYWNlaG9sZGVyID0gYXR0YWNoRGF0YS5wbGFjZWhvbGRlcjtcbiAgbmV3Vm5vZGUuZGF0YS5hdHRhY2hEYXRhLnJlYWwgPSBhdHRhY2hEYXRhLnJlYWw7XG4gIC8vIE1vdW50IHJlYWwgZWxlbWVudCBpbiB2bm9kZSBzbyB0aGUgcGF0Y2ggcHJvY2VzcyBvcGVyYXRlcyBvbiBpdFxuICB2bm9kZS5lbG0gPSB2bm9kZS5kYXRhLmF0dGFjaERhdGEucmVhbDtcbn1cblxuZnVuY3Rpb24gcG9zdChfOiBhbnksIHZub2RlOiBWTm9kZVdpdGhBdHRhY2hEYXRhKTogdm9pZCB7XG4gIC8vIE1vdW50IGR1bW15IHBsYWNlaG9sZGVyIGluIHZub2RlIHNvIHBvdGVudGlhbCByZW9yZGVycyB1c2UgaXRcbiAgdm5vZGUuZWxtID0gdm5vZGUuZGF0YS5hdHRhY2hEYXRhLnBsYWNlaG9sZGVyO1xufVxuXG5mdW5jdGlvbiBkZXN0cm95KHZub2RlOiBWTm9kZVdpdGhBdHRhY2hEYXRhKTogdm9pZCB7XG4gIC8vIFJlbW92ZSBwbGFjZWhvbGRlclxuICBpZiAodm5vZGUuZWxtICE9PSB1bmRlZmluZWQpIHtcbiAgICAodm5vZGUuZWxtLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLnJlbW92ZUNoaWxkKHZub2RlLmVsbSk7XG4gIH1cbiAgLy8gUmVtb3ZlIHJlYWwgZWxlbWVudCBmcm9tIHdoZXJlIGl0IHdhcyBpbnNlcnRlZFxuICB2bm9kZS5lbG0gPSB2bm9kZS5kYXRhLmF0dGFjaERhdGEucmVhbDtcbn1cblxuZnVuY3Rpb24gY3JlYXRlKF86IGFueSwgdm5vZGU6IFZOb2RlV2l0aEF0dGFjaERhdGEpOiB2b2lkIHtcbiAgY29uc3QgcmVhbCA9IHZub2RlLmVsbTtcbiAgY29uc3QgYXR0YWNoRGF0YSA9IHZub2RlLmRhdGEuYXR0YWNoRGF0YTtcbiAgY29uc3QgcGxhY2Vob2xkZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwic3BhblwiKTtcbiAgLy8gUmVwbGFjZSBhY3R1YWwgZWxlbWVudCB3aXRoIGR1bW15IHBsYWNlaG9sZGVyXG4gIC8vIFNuYWJiZG9tIHdpbGwgdGhlbiBpbnNlcnQgcGxhY2Vob2xkZXIgaW5zdGVhZFxuICB2bm9kZS5lbG0gPSBwbGFjZWhvbGRlcjtcbiAgYXR0YWNoRGF0YS50YXJnZXQuYXBwZW5kQ2hpbGQocmVhbCk7XG4gIGF0dGFjaERhdGEucmVhbCA9IHJlYWw7XG4gIGF0dGFjaERhdGEucGxhY2Vob2xkZXIgPSBwbGFjZWhvbGRlcjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGF0dGFjaFRvKHRhcmdldDogRWxlbWVudCwgdm5vZGU6IFZOb2RlKTogVk5vZGUge1xuICBpZiAodm5vZGUuZGF0YSA9PT0gdW5kZWZpbmVkKSB2bm9kZS5kYXRhID0ge307XG4gIGlmICh2bm9kZS5kYXRhLmhvb2sgPT09IHVuZGVmaW5lZCkgdm5vZGUuZGF0YS5ob29rID0ge307XG4gIGNvbnN0IGRhdGEgPSB2bm9kZS5kYXRhO1xuICBjb25zdCBob29rID0gdm5vZGUuZGF0YS5ob29rO1xuICBkYXRhLmF0dGFjaERhdGEgPSB7IHRhcmdldDogdGFyZ2V0LCBwbGFjZWhvbGRlcjogdW5kZWZpbmVkLCByZWFsOiB1bmRlZmluZWQgfTtcbiAgaG9vay5jcmVhdGUgPSBjcmVhdGU7XG4gIGhvb2sucHJlcGF0Y2ggPSBwcmU7XG4gIGhvb2sucG9zdHBhdGNoID0gcG9zdDtcbiAgaG9vay5kZXN0cm95ID0gZGVzdHJveTtcbiAgcmV0dXJuIHZub2RlO1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/helpers/attachto.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/htmldomapi.js":
-/*!****************************************************!*\
-  !*** ../node_modules/snabbdom/build/htmldomapi.js ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"htmlDomApi\": () => (/* binding */ htmlDomApi)\n/* harmony export */ });\nfunction createElement(tagName, options) {\n    return document.createElement(tagName, options);\n}\nfunction createElementNS(namespaceURI, qualifiedName, options) {\n    return document.createElementNS(namespaceURI, qualifiedName, options);\n}\nfunction createDocumentFragment() {\n    return document.createDocumentFragment();\n}\nfunction createTextNode(text) {\n    return document.createTextNode(text);\n}\nfunction createComment(text) {\n    return document.createComment(text);\n}\nfunction insertBefore(parentNode, newNode, referenceNode) {\n    parentNode.insertBefore(newNode, referenceNode);\n}\nfunction removeChild(node, child) {\n    node.removeChild(child);\n}\nfunction appendChild(node, child) {\n    node.appendChild(child);\n}\nfunction parentNode(node) {\n    return node.parentNode;\n}\nfunction nextSibling(node) {\n    return node.nextSibling;\n}\nfunction tagName(elm) {\n    return elm.tagName;\n}\nfunction setTextContent(node, text) {\n    node.textContent = text;\n}\nfunction getTextContent(node) {\n    return node.textContent;\n}\nfunction isElement(node) {\n    return node.nodeType === 1;\n}\nfunction isText(node) {\n    return node.nodeType === 3;\n}\nfunction isComment(node) {\n    return node.nodeType === 8;\n}\nfunction isDocumentFragment(node) {\n    return node.nodeType === 11;\n}\nconst htmlDomApi = {\n    createElement,\n    createElementNS,\n    createTextNode,\n    createDocumentFragment,\n    createComment,\n    insertBefore,\n    removeChild,\n    appendChild,\n    parentNode,\n    nextSibling,\n    tagName,\n    setTextContent,\n    getTextContent,\n    isElement,\n    isText,\n    isComment,\n    isDocumentFragment,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2h0bWxkb21hcGkuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQXVDQSxTQUFTLGFBQWEsQ0FDcEIsT0FBWSxFQUNaLE9BQWdDO0lBRWhDLE9BQU8sUUFBUSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFDbEQsQ0FBQztBQUVELFNBQVMsZUFBZSxDQUN0QixZQUFvQixFQUNwQixhQUFxQixFQUNyQixPQUFnQztJQUVoQyxPQUFPLFFBQVEsQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxPQUFPLENBQUMsQ0FBQztBQUN4RSxDQUFDO0FBRUQsU0FBUyxzQkFBc0I7SUFDN0IsT0FBTyxRQUFRLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztBQUMzQyxDQUFDO0FBRUQsU0FBUyxjQUFjLENBQUMsSUFBWTtJQUNsQyxPQUFPLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDdkMsQ0FBQztBQUVELFNBQVMsYUFBYSxDQUFDLElBQVk7SUFDakMsT0FBTyxRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ3RDLENBQUM7QUFFRCxTQUFTLFlBQVksQ0FDbkIsVUFBZ0IsRUFDaEIsT0FBYSxFQUNiLGFBQTBCO0lBRTFCLFVBQVUsQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxDQUFDO0FBQ2xELENBQUM7QUFFRCxTQUFTLFdBQVcsQ0FBQyxJQUFVLEVBQUUsS0FBVztJQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzFCLENBQUM7QUFFRCxTQUFTLFdBQVcsQ0FBQyxJQUFVLEVBQUUsS0FBVztJQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzFCLENBQUM7QUFFRCxTQUFTLFVBQVUsQ0FBQyxJQUFVO0lBQzVCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztBQUN6QixDQUFDO0FBRUQsU0FBUyxXQUFXLENBQUMsSUFBVTtJQUM3QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7QUFDMUIsQ0FBQztBQUVELFNBQVMsT0FBTyxDQUFDLEdBQVk7SUFDM0IsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDO0FBQ3JCLENBQUM7QUFFRCxTQUFTLGNBQWMsQ0FBQyxJQUFVLEVBQUUsSUFBbUI7SUFDckQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7QUFDMUIsQ0FBQztBQUVELFNBQVMsY0FBYyxDQUFDLElBQVU7SUFDaEMsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0FBQzFCLENBQUM7QUFFRCxTQUFTLFNBQVMsQ0FBQyxJQUFVO0lBQzNCLE9BQU8sSUFBSSxDQUFDLFFBQVEsS0FBSyxDQUFDLENBQUM7QUFDN0IsQ0FBQztBQUVELFNBQVMsTUFBTSxDQUFDLElBQVU7SUFDeEIsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLENBQUMsQ0FBQztBQUM3QixDQUFDO0FBRUQsU0FBUyxTQUFTLENBQUMsSUFBVTtJQUMzQixPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssQ0FBQyxDQUFDO0FBQzdCLENBQUM7QUFFRCxTQUFTLGtCQUFrQixDQUFDLElBQVU7SUFDcEMsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLEVBQUUsQ0FBQztBQUM5QixDQUFDO0FBRU0sTUFBTSxVQUFVLEdBQVc7SUFDaEMsYUFBYTtJQUNiLGVBQWU7SUFDZixjQUFjO0lBQ2Qsc0JBQXNCO0lBQ3RCLGFBQWE7SUFDYixZQUFZO0lBQ1osV0FBVztJQUNYLFdBQVc7SUFDWCxVQUFVO0lBQ1YsV0FBVztJQUNYLE9BQU87SUFDUCxjQUFjO0lBQ2QsY0FBYztJQUNkLFNBQVM7SUFDVCxNQUFNO0lBQ04sU0FBUztJQUNULGtCQUFrQjtDQUNuQixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvaHRtbGRvbWFwaS50cz9kY2E2Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRE9NQVBJIHtcbiAgY3JlYXRlRWxlbWVudDogKFxuICAgIHRhZ05hbWU6IGFueSxcbiAgICBvcHRpb25zPzogRWxlbWVudENyZWF0aW9uT3B0aW9uc1xuICApID0+IEhUTUxFbGVtZW50O1xuICBjcmVhdGVFbGVtZW50TlM6IChcbiAgICBuYW1lc3BhY2VVUkk6IHN0cmluZyxcbiAgICBxdWFsaWZpZWROYW1lOiBzdHJpbmcsXG4gICAgb3B0aW9ucz86IEVsZW1lbnRDcmVhdGlvbk9wdGlvbnNcbiAgKSA9PiBFbGVtZW50O1xuICAvKipcbiAgICogQGV4cGVyaW1lbnRhbFxuICAgKiBAdG9kbyBNYWtlIGl0IHJlcXVpcmVkIHdoZW4gdGhlIGZyYWdtZW50IGlzIGNvbnNpZGVyZWQgc3RhYmxlLlxuICAgKi9cbiAgY3JlYXRlRG9jdW1lbnRGcmFnbWVudD86ICgpID0+IERvY3VtZW50RnJhZ21lbnQ7XG4gIGNyZWF0ZVRleHROb2RlOiAodGV4dDogc3RyaW5nKSA9PiBUZXh0O1xuICBjcmVhdGVDb21tZW50OiAodGV4dDogc3RyaW5nKSA9PiBDb21tZW50O1xuICBpbnNlcnRCZWZvcmU6IChcbiAgICBwYXJlbnROb2RlOiBOb2RlLFxuICAgIG5ld05vZGU6IE5vZGUsXG4gICAgcmVmZXJlbmNlTm9kZTogTm9kZSB8IG51bGxcbiAgKSA9PiB2b2lkO1xuICByZW1vdmVDaGlsZDogKG5vZGU6IE5vZGUsIGNoaWxkOiBOb2RlKSA9PiB2b2lkO1xuICBhcHBlbmRDaGlsZDogKG5vZGU6IE5vZGUsIGNoaWxkOiBOb2RlKSA9PiB2b2lkO1xuICBwYXJlbnROb2RlOiAobm9kZTogTm9kZSkgPT4gTm9kZSB8IG51bGw7XG4gIG5leHRTaWJsaW5nOiAobm9kZTogTm9kZSkgPT4gTm9kZSB8IG51bGw7XG4gIHRhZ05hbWU6IChlbG06IEVsZW1lbnQpID0+IHN0cmluZztcbiAgc2V0VGV4dENvbnRlbnQ6IChub2RlOiBOb2RlLCB0ZXh0OiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkO1xuICBnZXRUZXh0Q29udGVudDogKG5vZGU6IE5vZGUpID0+IHN0cmluZyB8IG51bGw7XG4gIGlzRWxlbWVudDogKG5vZGU6IE5vZGUpID0+IG5vZGUgaXMgRWxlbWVudDtcbiAgaXNUZXh0OiAobm9kZTogTm9kZSkgPT4gbm9kZSBpcyBUZXh0O1xuICBpc0NvbW1lbnQ6IChub2RlOiBOb2RlKSA9PiBub2RlIGlzIENvbW1lbnQ7XG4gIC8qKlxuICAgKiBAZXhwZXJpbWVudGFsXG4gICAqIEB0b2RvIE1ha2UgaXQgcmVxdWlyZWQgd2hlbiB0aGUgZnJhZ21lbnQgaXMgY29uc2lkZXJlZCBzdGFibGUuXG4gICAqL1xuICBpc0RvY3VtZW50RnJhZ21lbnQ/OiAobm9kZTogTm9kZSkgPT4gbm9kZSBpcyBEb2N1bWVudEZyYWdtZW50O1xufVxuXG5mdW5jdGlvbiBjcmVhdGVFbGVtZW50KFxuICB0YWdOYW1lOiBhbnksXG4gIG9wdGlvbnM/OiBFbGVtZW50Q3JlYXRpb25PcHRpb25zXG4pOiBIVE1MRWxlbWVudCB7XG4gIHJldHVybiBkb2N1bWVudC5jcmVhdGVFbGVtZW50KHRhZ05hbWUsIG9wdGlvbnMpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVFbGVtZW50TlMoXG4gIG5hbWVzcGFjZVVSSTogc3RyaW5nLFxuICBxdWFsaWZpZWROYW1lOiBzdHJpbmcsXG4gIG9wdGlvbnM/OiBFbGVtZW50Q3JlYXRpb25PcHRpb25zXG4pOiBFbGVtZW50IHtcbiAgcmV0dXJuIGRvY3VtZW50LmNyZWF0ZUVsZW1lbnROUyhuYW1lc3BhY2VVUkksIHF1YWxpZmllZE5hbWUsIG9wdGlvbnMpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVEb2N1bWVudEZyYWdtZW50KCk6IERvY3VtZW50RnJhZ21lbnQge1xuICByZXR1cm4gZG9jdW1lbnQuY3JlYXRlRG9jdW1lbnRGcmFnbWVudCgpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVUZXh0Tm9kZSh0ZXh0OiBzdHJpbmcpOiBUZXh0IHtcbiAgcmV0dXJuIGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKHRleHQpO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVDb21tZW50KHRleHQ6IHN0cmluZyk6IENvbW1lbnQge1xuICByZXR1cm4gZG9jdW1lbnQuY3JlYXRlQ29tbWVudCh0ZXh0KTtcbn1cblxuZnVuY3Rpb24gaW5zZXJ0QmVmb3JlKFxuICBwYXJlbnROb2RlOiBOb2RlLFxuICBuZXdOb2RlOiBOb2RlLFxuICByZWZlcmVuY2VOb2RlOiBOb2RlIHwgbnVsbFxuKTogdm9pZCB7XG4gIHBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKG5ld05vZGUsIHJlZmVyZW5jZU5vZGUpO1xufVxuXG5mdW5jdGlvbiByZW1vdmVDaGlsZChub2RlOiBOb2RlLCBjaGlsZDogTm9kZSk6IHZvaWQge1xuICBub2RlLnJlbW92ZUNoaWxkKGNoaWxkKTtcbn1cblxuZnVuY3Rpb24gYXBwZW5kQ2hpbGQobm9kZTogTm9kZSwgY2hpbGQ6IE5vZGUpOiB2b2lkIHtcbiAgbm9kZS5hcHBlbmRDaGlsZChjaGlsZCk7XG59XG5cbmZ1bmN0aW9uIHBhcmVudE5vZGUobm9kZTogTm9kZSk6IE5vZGUgfCBudWxsIHtcbiAgcmV0dXJuIG5vZGUucGFyZW50Tm9kZTtcbn1cblxuZnVuY3Rpb24gbmV4dFNpYmxpbmcobm9kZTogTm9kZSk6IE5vZGUgfCBudWxsIHtcbiAgcmV0dXJuIG5vZGUubmV4dFNpYmxpbmc7XG59XG5cbmZ1bmN0aW9uIHRhZ05hbWUoZWxtOiBFbGVtZW50KTogc3RyaW5nIHtcbiAgcmV0dXJuIGVsbS50YWdOYW1lO1xufVxuXG5mdW5jdGlvbiBzZXRUZXh0Q29udGVudChub2RlOiBOb2RlLCB0ZXh0OiBzdHJpbmcgfCBudWxsKTogdm9pZCB7XG4gIG5vZGUudGV4dENvbnRlbnQgPSB0ZXh0O1xufVxuXG5mdW5jdGlvbiBnZXRUZXh0Q29udGVudChub2RlOiBOb2RlKTogc3RyaW5nIHwgbnVsbCB7XG4gIHJldHVybiBub2RlLnRleHRDb250ZW50O1xufVxuXG5mdW5jdGlvbiBpc0VsZW1lbnQobm9kZTogTm9kZSk6IG5vZGUgaXMgRWxlbWVudCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSAxO1xufVxuXG5mdW5jdGlvbiBpc1RleHQobm9kZTogTm9kZSk6IG5vZGUgaXMgVGV4dCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSAzO1xufVxuXG5mdW5jdGlvbiBpc0NvbW1lbnQobm9kZTogTm9kZSk6IG5vZGUgaXMgQ29tbWVudCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSA4O1xufVxuXG5mdW5jdGlvbiBpc0RvY3VtZW50RnJhZ21lbnQobm9kZTogTm9kZSk6IG5vZGUgaXMgRG9jdW1lbnRGcmFnbWVudCB7XG4gIHJldHVybiBub2RlLm5vZGVUeXBlID09PSAxMTtcbn1cblxuZXhwb3J0IGNvbnN0IGh0bWxEb21BcGk6IERPTUFQSSA9IHtcbiAgY3JlYXRlRWxlbWVudCxcbiAgY3JlYXRlRWxlbWVudE5TLFxuICBjcmVhdGVUZXh0Tm9kZSxcbiAgY3JlYXRlRG9jdW1lbnRGcmFnbWVudCxcbiAgY3JlYXRlQ29tbWVudCxcbiAgaW5zZXJ0QmVmb3JlLFxuICByZW1vdmVDaGlsZCxcbiAgYXBwZW5kQ2hpbGQsXG4gIHBhcmVudE5vZGUsXG4gIG5leHRTaWJsaW5nLFxuICB0YWdOYW1lLFxuICBzZXRUZXh0Q29udGVudCxcbiAgZ2V0VGV4dENvbnRlbnQsXG4gIGlzRWxlbWVudCxcbiAgaXNUZXh0LFxuICBpc0NvbW1lbnQsXG4gIGlzRG9jdW1lbnRGcmFnbWVudCxcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/htmldomapi.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/index.js":
-/*!***********************************************!*\
-  !*** ../node_modules/snabbdom/build/index.js ***!
-  \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"htmlDomApi\": () => (/* reexport safe */ _htmldomapi__WEBPACK_IMPORTED_MODULE_0__.htmlDomApi),\n/* harmony export */   \"init\": () => (/* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_1__.init),\n/* harmony export */   \"thunk\": () => (/* reexport safe */ _thunk__WEBPACK_IMPORTED_MODULE_2__.thunk),\n/* harmony export */   \"vnode\": () => (/* reexport safe */ _vnode__WEBPACK_IMPORTED_MODULE_3__.vnode),\n/* harmony export */   \"attachTo\": () => (/* reexport safe */ _helpers_attachto__WEBPACK_IMPORTED_MODULE_4__.attachTo),\n/* harmony export */   \"array\": () => (/* reexport safe */ _is__WEBPACK_IMPORTED_MODULE_5__.array),\n/* harmony export */   \"primitive\": () => (/* reexport safe */ _is__WEBPACK_IMPORTED_MODULE_5__.primitive),\n/* harmony export */   \"toVNode\": () => (/* reexport safe */ _tovnode__WEBPACK_IMPORTED_MODULE_6__.toVNode),\n/* harmony export */   \"h\": () => (/* reexport safe */ _h__WEBPACK_IMPORTED_MODULE_7__.h),\n/* harmony export */   \"fragment\": () => (/* reexport safe */ _h__WEBPACK_IMPORTED_MODULE_7__.fragment),\n/* harmony export */   \"attributesModule\": () => (/* reexport safe */ _modules_attributes__WEBPACK_IMPORTED_MODULE_8__.attributesModule),\n/* harmony export */   \"classModule\": () => (/* reexport safe */ _modules_class__WEBPACK_IMPORTED_MODULE_9__.classModule),\n/* harmony export */   \"datasetModule\": () => (/* reexport safe */ _modules_dataset__WEBPACK_IMPORTED_MODULE_10__.datasetModule),\n/* harmony export */   \"eventListenersModule\": () => (/* reexport safe */ _modules_eventlisteners__WEBPACK_IMPORTED_MODULE_11__.eventListenersModule),\n/* harmony export */   \"propsModule\": () => (/* reexport safe */ _modules_props__WEBPACK_IMPORTED_MODULE_12__.propsModule),\n/* harmony export */   \"styleModule\": () => (/* reexport safe */ _modules_style__WEBPACK_IMPORTED_MODULE_13__.styleModule),\n/* harmony export */   \"jsx\": () => (/* reexport safe */ _jsx__WEBPACK_IMPORTED_MODULE_14__.jsx),\n/* harmony export */   \"Fragment\": () => (/* reexport safe */ _jsx__WEBPACK_IMPORTED_MODULE_14__.Fragment)\n/* harmony export */ });\n/* harmony import */ var _htmldomapi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./htmldomapi */ \"../node_modules/snabbdom/build/htmldomapi.js\");\n/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./init */ \"../node_modules/snabbdom/build/init.js\");\n/* harmony import */ var _thunk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./thunk */ \"../node_modules/snabbdom/build/thunk.js\");\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _helpers_attachto__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers/attachto */ \"../node_modules/snabbdom/build/helpers/attachto.js\");\n/* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./is */ \"../node_modules/snabbdom/build/is.js\");\n/* harmony import */ var _tovnode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tovnode */ \"../node_modules/snabbdom/build/tovnode.js\");\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n/* harmony import */ var _modules_attributes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modules/attributes */ \"../node_modules/snabbdom/build/modules/attributes.js\");\n/* harmony import */ var _modules_class__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modules/class */ \"../node_modules/snabbdom/build/modules/class.js\");\n/* harmony import */ var _modules_dataset__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modules/dataset */ \"../node_modules/snabbdom/build/modules/dataset.js\");\n/* harmony import */ var _modules_eventlisteners__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modules/eventlisteners */ \"../node_modules/snabbdom/build/modules/eventlisteners.js\");\n/* harmony import */ var _modules_props__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modules/props */ \"../node_modules/snabbdom/build/modules/props.js\");\n/* harmony import */ var _modules_style__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./modules/style */ \"../node_modules/snabbdom/build/modules/style.js\");\n/* harmony import */ var _jsx__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./jsx */ \"../node_modules/snabbdom/build/jsx.js\");\n// core\n\n\n\n\n// helpers\n\n\n\n\n// types\n\n// modules\n\n\n\n\n\n\n// JSX\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2luZGV4LmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU87QUFDMkM7QUFDcEI7QUFDNkI7QUFDSjtBQUV2RCxVQUFVO0FBQ2dEO0FBQ2xCO0FBQ0o7QUFRdkI7QUFFYixRQUFRO0FBQ2dCO0FBR3hCLFVBQVU7QUFDcUQ7QUFDUjtBQUNJO0FBQ1M7QUFDZjtBQUNLO0FBRTFELE1BQU07QUFPUyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL2luZGV4LnRzP2ZkNjYiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gY29yZVxuZXhwb3J0IHsgRE9NQVBJLCBodG1sRG9tQXBpIH0gZnJvbSBcIi4vaHRtbGRvbWFwaVwiO1xuZXhwb3J0IHsgaW5pdCB9IGZyb20gXCIuL2luaXRcIjtcbmV4cG9ydCB7IFRodW5rRGF0YSwgVGh1bmssIFRodW5rRm4sIHRodW5rIH0gZnJvbSBcIi4vdGh1bmtcIjtcbmV4cG9ydCB7IEtleSwgVk5vZGUsIFZOb2RlRGF0YSwgdm5vZGUgfSBmcm9tIFwiLi92bm9kZVwiO1xuXG4vLyBoZWxwZXJzXG5leHBvcnQgeyBBdHRhY2hEYXRhLCBhdHRhY2hUbyB9IGZyb20gXCIuL2hlbHBlcnMvYXR0YWNodG9cIjtcbmV4cG9ydCB7IGFycmF5LCBwcmltaXRpdmUgfSBmcm9tIFwiLi9pc1wiO1xuZXhwb3J0IHsgdG9WTm9kZSB9IGZyb20gXCIuL3Rvdm5vZGVcIjtcbmV4cG9ydCB7XG4gIFZOb2RlcyxcbiAgVk5vZGVDaGlsZEVsZW1lbnQsXG4gIEFycmF5T3JFbGVtZW50LFxuICBWTm9kZUNoaWxkcmVuLFxuICBoLFxuICBmcmFnbWVudCxcbn0gZnJvbSBcIi4vaFwiO1xuXG4vLyB0eXBlc1xuZXhwb3J0ICogZnJvbSBcIi4vaG9va3NcIjtcbmV4cG9ydCB7IE1vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvbW9kdWxlXCI7XG5cbi8vIG1vZHVsZXNcbmV4cG9ydCB7IEF0dHJzLCBhdHRyaWJ1dGVzTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlcy9hdHRyaWJ1dGVzXCI7XG5leHBvcnQgeyBDbGFzc2VzLCBjbGFzc01vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvY2xhc3NcIjtcbmV4cG9ydCB7IERhdGFzZXQsIGRhdGFzZXRNb2R1bGUgfSBmcm9tIFwiLi9tb2R1bGVzL2RhdGFzZXRcIjtcbmV4cG9ydCB7IE9uLCBldmVudExpc3RlbmVyc01vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvZXZlbnRsaXN0ZW5lcnNcIjtcbmV4cG9ydCB7IFByb3BzLCBwcm9wc01vZHVsZSB9IGZyb20gXCIuL21vZHVsZXMvcHJvcHNcIjtcbmV4cG9ydCB7IFZOb2RlU3R5bGUsIHN0eWxlTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlcy9zdHlsZVwiO1xuXG4vLyBKU1hcbmV4cG9ydCB7XG4gIEpzeFZOb2RlQ2hpbGQsXG4gIEpzeFZOb2RlQ2hpbGRyZW4sXG4gIEZ1bmN0aW9uQ29tcG9uZW50LFxuICBqc3gsXG4gIEZyYWdtZW50LFxufSBmcm9tIFwiLi9qc3hcIjtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/index.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/init.js":
-/*!**********************************************!*\
-  !*** ../node_modules/snabbdom/build/init.js ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"init\": () => (/* binding */ init)\n/* harmony export */ });\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _is__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./is */ \"../node_modules/snabbdom/build/is.js\");\n/* harmony import */ var _htmldomapi__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./htmldomapi */ \"../node_modules/snabbdom/build/htmldomapi.js\");\n\n\n\nfunction isUndef(s) {\n    return s === undefined;\n}\nfunction isDef(s) {\n    return s !== undefined;\n}\nconst emptyNode = (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(\"\", {}, [], undefined, undefined);\nfunction sameVnode(vnode1, vnode2) {\n    var _a, _b;\n    const isSameKey = vnode1.key === vnode2.key;\n    const isSameIs = ((_a = vnode1.data) === null || _a === void 0 ? void 0 : _a.is) === ((_b = vnode2.data) === null || _b === void 0 ? void 0 : _b.is);\n    const isSameSel = vnode1.sel === vnode2.sel;\n    return isSameSel && isSameKey && isSameIs;\n}\n/**\n * @todo Remove this function when the document fragment is considered stable.\n */\nfunction documentFragmentIsNotSupported() {\n    throw new Error(\"The document fragment is not supported on this platform.\");\n}\nfunction isElement(api, vnode) {\n    return api.isElement(vnode);\n}\nfunction isDocumentFragment(api, vnode) {\n    return api.isDocumentFragment(vnode);\n}\nfunction createKeyToOldIdx(children, beginIdx, endIdx) {\n    var _a;\n    const map = {};\n    for (let i = beginIdx; i <= endIdx; ++i) {\n        const key = (_a = children[i]) === null || _a === void 0 ? void 0 : _a.key;\n        if (key !== undefined) {\n            map[key] = i;\n        }\n    }\n    return map;\n}\nconst hooks = [\n    \"create\",\n    \"update\",\n    \"remove\",\n    \"destroy\",\n    \"pre\",\n    \"post\",\n];\nfunction init(modules, domApi, options) {\n    const cbs = {\n        create: [],\n        update: [],\n        remove: [],\n        destroy: [],\n        pre: [],\n        post: [],\n    };\n    const api = domApi !== undefined ? domApi : _htmldomapi__WEBPACK_IMPORTED_MODULE_1__.htmlDomApi;\n    for (const hook of hooks) {\n        for (const module of modules) {\n            const currentHook = module[hook];\n            if (currentHook !== undefined) {\n                cbs[hook].push(currentHook);\n            }\n        }\n    }\n    function emptyNodeAt(elm) {\n        const id = elm.id ? \"#\" + elm.id : \"\";\n        // elm.className doesn't return a string when elm is an SVG element inside a shadowRoot.\n        // https://stackoverflow.com/questions/29454340/detecting-classname-of-svganimatedstring\n        const classes = elm.getAttribute(\"class\");\n        const c = classes ? \".\" + classes.split(\" \").join(\".\") : \"\";\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm);\n    }\n    function emptyDocumentFragmentAt(frag) {\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, {}, [], undefined, frag);\n    }\n    function createRmCb(childElm, listeners) {\n        return function rmCb() {\n            if (--listeners === 0) {\n                const parent = api.parentNode(childElm);\n                api.removeChild(parent, childElm);\n            }\n        };\n    }\n    function createElm(vnode, insertedVnodeQueue) {\n        var _a, _b, _c, _d;\n        let i;\n        let data = vnode.data;\n        if (data !== undefined) {\n            const init = (_a = data.hook) === null || _a === void 0 ? void 0 : _a.init;\n            if (isDef(init)) {\n                init(vnode);\n                data = vnode.data;\n            }\n        }\n        const children = vnode.children;\n        const sel = vnode.sel;\n        if (sel === \"!\") {\n            if (isUndef(vnode.text)) {\n                vnode.text = \"\";\n            }\n            vnode.elm = api.createComment(vnode.text);\n        }\n        else if (sel !== undefined) {\n            // Parse selector\n            const hashIdx = sel.indexOf(\"#\");\n            const dotIdx = sel.indexOf(\".\", hashIdx);\n            const hash = hashIdx > 0 ? hashIdx : sel.length;\n            const dot = dotIdx > 0 ? dotIdx : sel.length;\n            const tag = hashIdx !== -1 || dotIdx !== -1\n                ? sel.slice(0, Math.min(hash, dot))\n                : sel;\n            const elm = (vnode.elm =\n                isDef(data) && isDef((i = data.ns))\n                    ? api.createElementNS(i, tag, data)\n                    : api.createElement(tag, data));\n            if (hash < dot)\n                elm.setAttribute(\"id\", sel.slice(hash + 1, dot));\n            if (dotIdx > 0)\n                elm.setAttribute(\"class\", sel.slice(dot + 1).replace(/\\./g, \" \"));\n            for (i = 0; i < cbs.create.length; ++i)\n                cbs.create[i](emptyNode, vnode);\n            if (_is__WEBPACK_IMPORTED_MODULE_2__.array(children)) {\n                for (i = 0; i < children.length; ++i) {\n                    const ch = children[i];\n                    if (ch != null) {\n                        api.appendChild(elm, createElm(ch, insertedVnodeQueue));\n                    }\n                }\n            }\n            else if (_is__WEBPACK_IMPORTED_MODULE_2__.primitive(vnode.text)) {\n                api.appendChild(elm, api.createTextNode(vnode.text));\n            }\n            const hook = vnode.data.hook;\n            if (isDef(hook)) {\n                (_b = hook.create) === null || _b === void 0 ? void 0 : _b.call(hook, emptyNode, vnode);\n                if (hook.insert) {\n                    insertedVnodeQueue.push(vnode);\n                }\n            }\n        }\n        else if (((_c = options === null || options === void 0 ? void 0 : options.experimental) === null || _c === void 0 ? void 0 : _c.fragments) && vnode.children) {\n            const children = vnode.children;\n            vnode.elm = ((_d = api.createDocumentFragment) !== null && _d !== void 0 ? _d : documentFragmentIsNotSupported)();\n            for (i = 0; i < cbs.create.length; ++i)\n                cbs.create[i](emptyNode, vnode);\n            for (i = 0; i < children.length; ++i) {\n                const ch = children[i];\n                if (ch != null) {\n                    api.appendChild(vnode.elm, createElm(ch, insertedVnodeQueue));\n                }\n            }\n        }\n        else {\n            vnode.elm = api.createTextNode(vnode.text);\n        }\n        return vnode.elm;\n    }\n    function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {\n        for (; startIdx <= endIdx; ++startIdx) {\n            const ch = vnodes[startIdx];\n            if (ch != null) {\n                api.insertBefore(parentElm, createElm(ch, insertedVnodeQueue), before);\n            }\n        }\n    }\n    function invokeDestroyHook(vnode) {\n        var _a, _b;\n        const data = vnode.data;\n        if (data !== undefined) {\n            (_b = (_a = data === null || data === void 0 ? void 0 : data.hook) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a, vnode);\n            for (let i = 0; i < cbs.destroy.length; ++i)\n                cbs.destroy[i](vnode);\n            if (vnode.children !== undefined) {\n                for (let j = 0; j < vnode.children.length; ++j) {\n                    const child = vnode.children[j];\n                    if (child != null && typeof child !== \"string\") {\n                        invokeDestroyHook(child);\n                    }\n                }\n            }\n        }\n    }\n    function removeVnodes(parentElm, vnodes, startIdx, endIdx) {\n        var _a, _b;\n        for (; startIdx <= endIdx; ++startIdx) {\n            let listeners;\n            let rm;\n            const ch = vnodes[startIdx];\n            if (ch != null) {\n                if (isDef(ch.sel)) {\n                    invokeDestroyHook(ch);\n                    listeners = cbs.remove.length + 1;\n                    rm = createRmCb(ch.elm, listeners);\n                    for (let i = 0; i < cbs.remove.length; ++i)\n                        cbs.remove[i](ch, rm);\n                    const removeHook = (_b = (_a = ch === null || ch === void 0 ? void 0 : ch.data) === null || _a === void 0 ? void 0 : _a.hook) === null || _b === void 0 ? void 0 : _b.remove;\n                    if (isDef(removeHook)) {\n                        removeHook(ch, rm);\n                    }\n                    else {\n                        rm();\n                    }\n                }\n                else {\n                    // Text node\n                    api.removeChild(parentElm, ch.elm);\n                }\n            }\n        }\n    }\n    function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) {\n        let oldStartIdx = 0;\n        let newStartIdx = 0;\n        let oldEndIdx = oldCh.length - 1;\n        let oldStartVnode = oldCh[0];\n        let oldEndVnode = oldCh[oldEndIdx];\n        let newEndIdx = newCh.length - 1;\n        let newStartVnode = newCh[0];\n        let newEndVnode = newCh[newEndIdx];\n        let oldKeyToIdx;\n        let idxInOld;\n        let elmToMove;\n        let before;\n        while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {\n            if (oldStartVnode == null) {\n                oldStartVnode = oldCh[++oldStartIdx]; // Vnode might have been moved left\n            }\n            else if (oldEndVnode == null) {\n                oldEndVnode = oldCh[--oldEndIdx];\n            }\n            else if (newStartVnode == null) {\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else if (newEndVnode == null) {\n                newEndVnode = newCh[--newEndIdx];\n            }\n            else if (sameVnode(oldStartVnode, newStartVnode)) {\n                patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);\n                oldStartVnode = oldCh[++oldStartIdx];\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else if (sameVnode(oldEndVnode, newEndVnode)) {\n                patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);\n                oldEndVnode = oldCh[--oldEndIdx];\n                newEndVnode = newCh[--newEndIdx];\n            }\n            else if (sameVnode(oldStartVnode, newEndVnode)) {\n                // Vnode moved right\n                patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);\n                api.insertBefore(parentElm, oldStartVnode.elm, api.nextSibling(oldEndVnode.elm));\n                oldStartVnode = oldCh[++oldStartIdx];\n                newEndVnode = newCh[--newEndIdx];\n            }\n            else if (sameVnode(oldEndVnode, newStartVnode)) {\n                // Vnode moved left\n                patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);\n                api.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);\n                oldEndVnode = oldCh[--oldEndIdx];\n                newStartVnode = newCh[++newStartIdx];\n            }\n            else {\n                if (oldKeyToIdx === undefined) {\n                    oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);\n                }\n                idxInOld = oldKeyToIdx[newStartVnode.key];\n                if (isUndef(idxInOld)) {\n                    // New element\n                    api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);\n                }\n                else {\n                    elmToMove = oldCh[idxInOld];\n                    if (elmToMove.sel !== newStartVnode.sel) {\n                        api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);\n                    }\n                    else {\n                        patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);\n                        oldCh[idxInOld] = undefined;\n                        api.insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm);\n                    }\n                }\n                newStartVnode = newCh[++newStartIdx];\n            }\n        }\n        if (newStartIdx <= newEndIdx) {\n            before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm;\n            addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);\n        }\n        if (oldStartIdx <= oldEndIdx) {\n            removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);\n        }\n    }\n    function patchVnode(oldVnode, vnode, insertedVnodeQueue) {\n        var _a, _b, _c, _d, _e;\n        const hook = (_a = vnode.data) === null || _a === void 0 ? void 0 : _a.hook;\n        (_b = hook === null || hook === void 0 ? void 0 : hook.prepatch) === null || _b === void 0 ? void 0 : _b.call(hook, oldVnode, vnode);\n        const elm = (vnode.elm = oldVnode.elm);\n        const oldCh = oldVnode.children;\n        const ch = vnode.children;\n        if (oldVnode === vnode)\n            return;\n        if (vnode.data !== undefined) {\n            for (let i = 0; i < cbs.update.length; ++i)\n                cbs.update[i](oldVnode, vnode);\n            (_d = (_c = vnode.data.hook) === null || _c === void 0 ? void 0 : _c.update) === null || _d === void 0 ? void 0 : _d.call(_c, oldVnode, vnode);\n        }\n        if (isUndef(vnode.text)) {\n            if (isDef(oldCh) && isDef(ch)) {\n                if (oldCh !== ch)\n                    updateChildren(elm, oldCh, ch, insertedVnodeQueue);\n            }\n            else if (isDef(ch)) {\n                if (isDef(oldVnode.text))\n                    api.setTextContent(elm, \"\");\n                addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);\n            }\n            else if (isDef(oldCh)) {\n                removeVnodes(elm, oldCh, 0, oldCh.length - 1);\n            }\n            else if (isDef(oldVnode.text)) {\n                api.setTextContent(elm, \"\");\n            }\n        }\n        else if (oldVnode.text !== vnode.text) {\n            if (isDef(oldCh)) {\n                removeVnodes(elm, oldCh, 0, oldCh.length - 1);\n            }\n            api.setTextContent(elm, vnode.text);\n        }\n        (_e = hook === null || hook === void 0 ? void 0 : hook.postpatch) === null || _e === void 0 ? void 0 : _e.call(hook, oldVnode, vnode);\n    }\n    return function patch(oldVnode, vnode) {\n        let i, elm, parent;\n        const insertedVnodeQueue = [];\n        for (i = 0; i < cbs.pre.length; ++i)\n            cbs.pre[i]();\n        if (isElement(api, oldVnode)) {\n            oldVnode = emptyNodeAt(oldVnode);\n        }\n        else if (isDocumentFragment(api, oldVnode)) {\n            oldVnode = emptyDocumentFragmentAt(oldVnode);\n        }\n        if (sameVnode(oldVnode, vnode)) {\n            patchVnode(oldVnode, vnode, insertedVnodeQueue);\n        }\n        else {\n            elm = oldVnode.elm;\n            parent = api.parentNode(elm);\n            createElm(vnode, insertedVnodeQueue);\n            if (parent !== null) {\n                api.insertBefore(parent, vnode.elm, api.nextSibling(elm));\n                removeVnodes(parent, [oldVnode], 0, 0);\n            }\n        }\n        for (i = 0; i < insertedVnodeQueue.length; ++i) {\n            insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]);\n        }\n        for (i = 0; i < cbs.post.length; ++i)\n            cbs.post[i]();\n        return vnode;\n    };\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2luaXQuanMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUN1QztBQUNaO0FBQ3VCO0FBSWxELFNBQVMsT0FBTyxDQUFDLENBQU07SUFDckIsT0FBTyxDQUFDLEtBQUssU0FBUyxDQUFDO0FBQ3pCLENBQUM7QUFDRCxTQUFTLEtBQUssQ0FBSSxDQUFJO0lBQ3BCLE9BQU8sQ0FBQyxLQUFLLFNBQVMsQ0FBQztBQUN6QixDQUFDO0FBSUQsTUFBTSxTQUFTLEdBQUcsNkNBQUssQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7QUFFMUQsU0FBUyxTQUFTLENBQUMsTUFBYSxFQUFFLE1BQWE7O0lBQzdDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEtBQUssTUFBTSxDQUFDLEdBQUcsQ0FBQztJQUM1QyxNQUFNLFFBQVEsR0FBRyxhQUFNLENBQUMsSUFBSSwwQ0FBRSxFQUFFLE9BQUssWUFBTSxDQUFDLElBQUksMENBQUUsRUFBRSxFQUFDO0lBQ3JELE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEtBQUssTUFBTSxDQUFDLEdBQUcsQ0FBQztJQUU1QyxPQUFPLFNBQVMsSUFBSSxTQUFTLElBQUksUUFBUSxDQUFDO0FBQzVDLENBQUM7QUFFRDs7R0FFRztBQUNILFNBQVMsOEJBQThCO0lBQ3JDLE1BQU0sSUFBSSxLQUFLLENBQUMsMERBQTBELENBQUMsQ0FBQztBQUM5RSxDQUFDO0FBRUQsU0FBUyxTQUFTLENBQ2hCLEdBQVcsRUFDWCxLQUF5QztJQUV6QyxPQUFPLEdBQUcsQ0FBQyxTQUFTLENBQUMsS0FBWSxDQUFDLENBQUM7QUFDckMsQ0FBQztBQUVELFNBQVMsa0JBQWtCLENBQ3pCLEdBQVcsRUFDWCxLQUErQjtJQUUvQixPQUFPLEdBQUcsQ0FBQyxrQkFBbUIsQ0FBQyxLQUFZLENBQUMsQ0FBQztBQUMvQyxDQUFDO0FBVUQsU0FBUyxp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LEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNwRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUMsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9pbml0LnRzPzE3NDMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlcy9tb2R1bGVcIjtcbmltcG9ydCB7IHZub2RlLCBWTm9kZSB9IGZyb20gXCIuL3Zub2RlXCI7XG5pbXBvcnQgKiBhcyBpcyBmcm9tIFwiLi9pc1wiO1xuaW1wb3J0IHsgaHRtbERvbUFwaSwgRE9NQVBJIH0gZnJvbSBcIi4vaHRtbGRvbWFwaVwiO1xuXG50eXBlIE5vblVuZGVmaW5lZDxUPiA9IFQgZXh0ZW5kcyB1bmRlZmluZWQgPyBuZXZlciA6IFQ7XG5cbmZ1bmN0aW9uIGlzVW5kZWYoczogYW55KTogYm9vbGVhbiB7XG4gIHJldHVybiBzID09PSB1bmRlZmluZWQ7XG59XG5mdW5jdGlvbiBpc0RlZjxBPihzOiBBKTogcyBpcyBOb25VbmRlZmluZWQ8QT4ge1xuICByZXR1cm4gcyAhPT0gdW5kZWZpbmVkO1xufVxuXG50eXBlIFZOb2RlUXVldWUgPSBWTm9kZVtdO1xuXG5jb25zdCBlbXB0eU5vZGUgPSB2bm9kZShcIlwiLCB7fSwgW10sIHVuZGVmaW5lZCwgdW5kZWZpbmVkKTtcblxuZnVuY3Rpb24gc2FtZVZub2RlKHZub2RlMTogVk5vZGUsIHZub2RlMjogVk5vZGUpOiBib29sZWFuIHtcbiAgY29uc3QgaXNTYW1lS2V5ID0gdm5vZGUxLmtleSA9PT0gdm5vZGUyLmtleTtcbiAgY29uc3QgaXNTYW1lSXMgPSB2bm9kZTEuZGF0YT8uaXMgPT09IHZub2RlMi5kYXRhPy5pcztcbiAgY29uc3QgaXNTYW1lU2VsID0gdm5vZGUxLnNlbCA9PT0gdm5vZGUyLnNlbDtcblxuICByZXR1cm4gaXNTYW1lU2VsICYmIGlzU2FtZUtleSAmJiBpc1NhbWVJcztcbn1cblxuLyoqXG4gKiBAdG9kbyBSZW1vdmUgdGhpcyBmdW5jdGlvbiB3aGVuIHRoZSBkb2N1bWVudCBmcmFnbWVudCBpcyBjb25zaWRlcmVkIHN0YWJsZS5cbiAqL1xuZnVuY3Rpb24gZG9jdW1lbnRGcmFnbWVudElzTm90U3VwcG9ydGVkKCk6IG5ldmVyIHtcbiAgdGhyb3cgbmV3IEVycm9yKFwiVGhlIGRvY3VtZW50IGZyYWdtZW50IGlzIG5vdCBzdXBwb3J0ZWQgb24gdGhpcyBwbGF0Zm9ybS5cIik7XG59XG5cbmZ1bmN0aW9uIGlzRWxlbWVudChcbiAgYXBpOiBET01BUEksXG4gIHZub2RlOiBFbGVtZW50IHwgRG9jdW1lbnRGcmFnbWVudCB8IFZOb2RlXG4pOiB2bm9kZSBpcyBFbGVtZW50IHtcbiAgcmV0dXJuIGFwaS5pc0VsZW1lbnQodm5vZGUgYXMgYW55KTtcbn1cblxuZnVuY3Rpb24gaXNEb2N1bWVudEZyYWdtZW50KFxuICBhcGk6IERPTUFQSSxcbiAgdm5vZGU6IERvY3VtZW50RnJhZ21lbnQgfCBWTm9kZVxuKTogdm5vZGUgaXMgRG9jdW1lbnRGcmFnbWVudCB7XG4gIHJldHVybiBhcGkuaXNEb2N1bWVudEZyYWdtZW50ISh2bm9kZSBhcyBhbnkpO1xufVxuXG50eXBlIEtleVRvSW5kZXhNYXAgPSB7IFtrZXk6IHN0cmluZ106IG51bWJlciB9O1xuXG50eXBlIEFycmF5c09mPFQ+ID0ge1xuICBbSyBpbiBrZXlvZiBUXTogQXJyYXk8VFtLXT47XG59O1xuXG50eXBlIE1vZHVsZUhvb2tzID0gQXJyYXlzT2Y8UmVxdWlyZWQ8TW9kdWxlPj47XG5cbmZ1bmN0aW9uIGNyZWF0ZUtleVRvT2xkSWR4KFxuICBjaGlsZHJlbjogVk5vZGVbXSxcbiAgYmVnaW5JZHg6IG51bWJlcixcbiAgZW5kSWR4OiBudW1iZXJcbik6IEtleVRvSW5kZXhNYXAge1xuICBjb25zdCBtYXA6IEtleVRvSW5kZXhNYXAgPSB7fTtcbiAgZm9yIChsZXQgaSA9IGJlZ2luSWR4OyBpIDw9IGVuZElkeDsgKytpKSB7XG4gICAgY29uc3Qga2V5ID0gY2hpbGRyZW5baV0/LmtleTtcbiAgICBpZiAoa2V5ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIG1hcFtrZXkgYXMgc3RyaW5nXSA9IGk7XG4gICAgfVxuICB9XG4gIHJldHVybiBtYXA7XG59XG5cbmNvbnN0IGhvb2tzOiBBcnJheTxrZXlvZiBNb2R1bGU+ID0gW1xuICBcImNyZWF0ZVwiLFxuICBcInVwZGF0ZVwiLFxuICBcInJlbW92ZVwiLFxuICBcImRlc3Ryb3lcIixcbiAgXCJwcmVcIixcbiAgXCJwb3N0XCIsXG5dO1xuXG4vLyBUT0RPIFNob3VsZCBgZG9tQXBpYCBiZSBwdXQgaW50byB0aGlzIGluIHRoZSBuZXh0IG1ham9yIHZlcnNpb24gYnVtcD9cbnR5cGUgT3B0aW9ucyA9IHtcbiAgZXhwZXJpbWVudGFsPzoge1xuICAgIGZyYWdtZW50cz86IGJvb2xlYW47XG4gIH07XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gaW5pdChcbiAgbW9kdWxlczogQXJyYXk8UGFydGlhbDxNb2R1bGU+PixcbiAgZG9tQXBpPzogRE9NQVBJLFxuICBvcHRpb25zPzogT3B0aW9uc1xuKSB7XG4gIGNvbnN0IGNiczogTW9kdWxlSG9va3MgPSB7XG4gICAgY3JlYXRlOiBbXSxcbiAgICB1cGRhdGU6IFtdLFxuICAgIHJlbW92ZTogW10sXG4gICAgZGVzdHJveTogW10sXG4gICAgcHJlOiBbXSxcbiAgICBwb3N0OiBbXSxcbiAgfTtcblxuICBjb25zdCBhcGk6IERPTUFQSSA9IGRvbUFwaSAhPT0gdW5kZWZpbmVkID8gZG9tQXBpIDogaHRtbERvbUFwaTtcblxuICBmb3IgKGNvbnN0IGhvb2sgb2YgaG9va3MpIHtcbiAgICBmb3IgKGNvbnN0IG1vZHVsZSBvZiBtb2R1bGVzKSB7XG4gICAgICBjb25zdCBjdXJyZW50SG9vayA9IG1vZHVsZVtob29rXTtcbiAgICAgIGlmIChjdXJyZW50SG9vayAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIChjYnNbaG9va10gYXMgYW55W10pLnB1c2goY3VycmVudEhvb2spO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIGVtcHR5Tm9kZUF0KGVsbTogRWxlbWVudCkge1xuICAgIGNvbnN0IGlkID0gZWxtLmlkID8gXCIjXCIgKyBlbG0uaWQgOiBcIlwiO1xuXG4gICAgLy8gZWxtLmNsYXNzTmFtZSBkb2Vzbid0IHJldHVybiBhIHN0cmluZyB3aGVuIGVsbSBpcyBhbiBTVkcgZWxlbWVudCBpbnNpZGUgYSBzaGFkb3dSb290LlxuICAgIC8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vcXVlc3Rpb25zLzI5NDU0MzQwL2RldGVjdGluZy1jbGFzc25hbWUtb2Ytc3ZnYW5pbWF0ZWRzdHJpbmdcbiAgICBjb25zdCBjbGFzc2VzID0gZWxtLmdldEF0dHJpYnV0ZShcImNsYXNzXCIpO1xuXG4gICAgY29uc3QgYyA9IGNsYXNzZXMgPyBcIi5cIiArIGNsYXNzZXMuc3BsaXQoXCIgXCIpLmpvaW4oXCIuXCIpIDogXCJcIjtcbiAgICByZXR1cm4gdm5vZGUoXG4gICAgICBhcGkudGFnTmFtZShlbG0pLnRvTG93ZXJDYXNlKCkgKyBpZCArIGMsXG4gICAgICB7fSxcbiAgICAgIFtdLFxuICAgICAgdW5kZWZpbmVkLFxuICAgICAgZWxtXG4gICAgKTtcbiAgfVxuXG4gIGZ1bmN0aW9uIGVtcHR5RG9jdW1lbnRGcmFnbWVudEF0KGZyYWc6IERvY3VtZW50RnJhZ21lbnQpIHtcbiAgICByZXR1cm4gdm5vZGUodW5kZWZpbmVkLCB7fSwgW10sIHVuZGVmaW5lZCwgZnJhZyk7XG4gIH1cblxuICBmdW5jdGlvbiBjcmVhdGVSbUNiKGNoaWxkRWxtOiBOb2RlLCBsaXN0ZW5lcnM6IG51bWJlcikge1xuICAgIHJldHVybiBmdW5jdGlvbiBybUNiKCkge1xuICAgICAgaWYgKC0tbGlzdGVuZXJzID09PSAwKSB7XG4gICAgICAgIGNvbnN0IHBhcmVudCA9IGFwaS5wYXJlbnROb2RlKGNoaWxkRWxtKSBhcyBOb2RlO1xuICAgICAgICBhcGkucmVtb3ZlQ2hpbGQocGFyZW50LCBjaGlsZEVsbSk7XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIGZ1bmN0aW9uIGNyZWF0ZUVsbSh2bm9kZTogVk5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZTogVk5vZGVRdWV1ZSk6IE5vZGUge1xuICAgIGxldCBpOiBhbnk7XG4gICAgbGV0IGRhdGEgPSB2bm9kZS5kYXRhO1xuICAgIGlmIChkYXRhICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGNvbnN0IGluaXQgPSBkYXRhLmhvb2s/LmluaXQ7XG4gICAgICBpZiAoaXNEZWYoaW5pdCkpIHtcbiAgICAgICAgaW5pdCh2bm9kZSk7XG4gICAgICAgIGRhdGEgPSB2bm9kZS5kYXRhO1xuICAgICAgfVxuICAgIH1cbiAgICBjb25zdCBjaGlsZHJlbiA9IHZub2RlLmNoaWxkcmVuO1xuICAgIGNvbnN0IHNlbCA9IHZub2RlLnNlbDtcbiAgICBpZiAoc2VsID09PSBcIiFcIikge1xuICAgICAgaWYgKGlzVW5kZWYodm5vZGUudGV4dCkpIHtcbiAgICAgICAgdm5vZGUudGV4dCA9IFwiXCI7XG4gICAgICB9XG4gICAgICB2bm9kZS5lbG0gPSBhcGkuY3JlYXRlQ29tbWVudCh2bm9kZS50ZXh0ISk7XG4gICAgfSBlbHNlIGlmIChzZWwgIT09IHVuZGVmaW5lZCkge1xuICAgICAgLy8gUGFyc2Ugc2VsZWN0b3JcbiAgICAgIGNvbnN0IGhhc2hJZHggPSBzZWwuaW5kZXhPZihcIiNcIik7XG4gICAgICBjb25zdCBkb3RJZHggPSBzZWwuaW5kZXhPZihcIi5cIiwgaGFzaElkeCk7XG4gICAgICBjb25zdCBoYXNoID0gaGFzaElkeCA+IDAgPyBoYXNoSWR4IDogc2VsLmxlbmd0aDtcbiAgICAgIGNvbnN0IGRvdCA9IGRvdElkeCA+IDAgPyBkb3RJZHggOiBzZWwubGVuZ3RoO1xuICAgICAgY29uc3QgdGFnID1cbiAgICAgICAgaGFzaElkeCAhPT0gLTEgfHwgZG90SWR4ICE9PSAtMVxuICAgICAgICAgID8gc2VsLnNsaWNlKDAsIE1hdGgubWluKGhhc2gsIGRvdCkpXG4gICAgICAgICAgOiBzZWw7XG4gICAgICBjb25zdCBlbG0gPSAodm5vZGUuZWxtID1cbiAgICAgICAgaXNEZWYoZGF0YSkgJiYgaXNEZWYoKGkgPSBkYXRhLm5zKSlcbiAgICAgICAgICA/IGFwaS5jcmVhdGVFbGVtZW50TlMoaSwgdGFnLCBkYXRhKVxuICAgICAgICAgIDogYXBpLmNyZWF0ZUVsZW1lbnQodGFnLCBkYXRhKSk7XG4gICAgICBpZiAoaGFzaCA8IGRvdCkgZWxtLnNldEF0dHJpYnV0ZShcImlkXCIsIHNlbC5zbGljZShoYXNoICsgMSwgZG90KSk7XG4gICAgICBpZiAoZG90SWR4ID4gMClcbiAgICAgICAgZWxtLnNldEF0dHJpYnV0ZShcImNsYXNzXCIsIHNlbC5zbGljZShkb3QgKyAxKS5yZXBsYWNlKC9cXC4vZywgXCIgXCIpKTtcbiAgICAgIGZvciAoaSA9IDA7IGkgPCBjYnMuY3JlYXRlLmxlbmd0aDsgKytpKSBjYnMuY3JlYXRlW2ldKGVtcHR5Tm9kZSwgdm5vZGUpO1xuICAgICAgaWYgKGlzLmFycmF5KGNoaWxkcmVuKSkge1xuICAgICAgICBmb3IgKGkgPSAwOyBpIDwgY2hpbGRyZW4ubGVuZ3RoOyArK2kpIHtcbiAgICAgICAgICBjb25zdCBjaCA9IGNoaWxkcmVuW2ldO1xuICAgICAgICAgIGlmIChjaCAhPSBudWxsKSB7XG4gICAgICAgICAgICBhcGkuYXBwZW5kQ2hpbGQoZWxtLCBjcmVhdGVFbG0oY2ggYXMgVk5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSkpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChpcy5wcmltaXRpdmUodm5vZGUudGV4dCkpIHtcbiAgICAgICAgYXBpLmFwcGVuZENoaWxkKGVsbSwgYXBpLmNyZWF0ZVRleHROb2RlKHZub2RlLnRleHQpKTtcbiAgICAgIH1cbiAgICAgIGNvbnN0IGhvb2sgPSB2bm9kZS5kYXRhIS5ob29rO1xuICAgICAgaWYgKGlzRGVmKGhvb2spKSB7XG4gICAgICAgIGhvb2suY3JlYXRlPy4oZW1wdHlOb2RlLCB2bm9kZSk7XG4gICAgICAgIGlmIChob29rLmluc2VydCkge1xuICAgICAgICAgIGluc2VydGVkVm5vZGVRdWV1ZS5wdXNoKHZub2RlKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAob3B0aW9ucz8uZXhwZXJpbWVudGFsPy5mcmFnbWVudHMgJiYgdm5vZGUuY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IGNoaWxkcmVuID0gdm5vZGUuY2hpbGRyZW47XG4gICAgICB2bm9kZS5lbG0gPSAoXG4gICAgICAgIGFwaS5jcmVhdGVEb2N1bWVudEZyYWdtZW50ID8/IGRvY3VtZW50RnJhZ21lbnRJc05vdFN1cHBvcnRlZFxuICAgICAgKSgpO1xuICAgICAgZm9yIChpID0gMDsgaSA8IGNicy5jcmVhdGUubGVuZ3RoOyArK2kpIGNicy5jcmVhdGVbaV0oZW1wdHlOb2RlLCB2bm9kZSk7XG4gICAgICBmb3IgKGkgPSAwOyBpIDwgY2hpbGRyZW4ubGVuZ3RoOyArK2kpIHtcbiAgICAgICAgY29uc3QgY2ggPSBjaGlsZHJlbltpXTtcbiAgICAgICAgaWYgKGNoICE9IG51bGwpIHtcbiAgICAgICAgICBhcGkuYXBwZW5kQ2hpbGQoXG4gICAgICAgICAgICB2bm9kZS5lbG0sXG4gICAgICAgICAgICBjcmVhdGVFbG0oY2ggYXMgVk5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSlcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHZub2RlLmVsbSA9IGFwaS5jcmVhdGVUZXh0Tm9kZSh2bm9kZS50ZXh0ISk7XG4gICAgfVxuICAgIHJldHVybiB2bm9kZS5lbG07XG4gIH1cblxuICBmdW5jdGlvbiBhZGRWbm9kZXMoXG4gICAgcGFyZW50RWxtOiBOb2RlLFxuICAgIGJlZm9yZTogTm9kZSB8IG51bGwsXG4gICAgdm5vZGVzOiBWTm9kZVtdLFxuICAgIHN0YXJ0SWR4OiBudW1iZXIsXG4gICAgZW5kSWR4OiBudW1iZXIsXG4gICAgaW5zZXJ0ZWRWbm9kZVF1ZXVlOiBWTm9kZVF1ZXVlXG4gICkge1xuICAgIGZvciAoOyBzdGFydElkeCA8PSBlbmRJZHg7ICsrc3RhcnRJZHgpIHtcbiAgICAgIGNvbnN0IGNoID0gdm5vZGVzW3N0YXJ0SWR4XTtcbiAgICAgIGlmIChjaCAhPSBudWxsKSB7XG4gICAgICAgIGFwaS5pbnNlcnRCZWZvcmUocGFyZW50RWxtLCBjcmVhdGVFbG0oY2gsIGluc2VydGVkVm5vZGVRdWV1ZSksIGJlZm9yZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gaW52b2tlRGVzdHJveUhvb2sodm5vZGU6IFZOb2RlKSB7XG4gICAgY29uc3QgZGF0YSA9IHZub2RlLmRhdGE7XG4gICAgaWYgKGRhdGEgIT09IHVuZGVmaW5lZCkge1xuICAgICAgZGF0YT8uaG9vaz8uZGVzdHJveT8uKHZub2RlKTtcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2JzLmRlc3Ryb3kubGVuZ3RoOyArK2kpIGNicy5kZXN0cm95W2ldKHZub2RlKTtcbiAgICAgIGlmICh2bm9kZS5jaGlsZHJlbiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGZvciAobGV0IGogPSAwOyBqIDwgdm5vZGUuY2hpbGRyZW4ubGVuZ3RoOyArK2opIHtcbiAgICAgICAgICBjb25zdCBjaGlsZCA9IHZub2RlLmNoaWxkcmVuW2pdO1xuICAgICAgICAgIGlmIChjaGlsZCAhPSBudWxsICYmIHR5cGVvZiBjaGlsZCAhPT0gXCJzdHJpbmdcIikge1xuICAgICAgICAgICAgaW52b2tlRGVzdHJveUhvb2soY2hpbGQpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIHJlbW92ZVZub2RlcyhcbiAgICBwYXJlbnRFbG06IE5vZGUsXG4gICAgdm5vZGVzOiBWTm9kZVtdLFxuICAgIHN0YXJ0SWR4OiBudW1iZXIsXG4gICAgZW5kSWR4OiBudW1iZXJcbiAgKTogdm9pZCB7XG4gICAgZm9yICg7IHN0YXJ0SWR4IDw9IGVuZElkeDsgKytzdGFydElkeCkge1xuICAgICAgbGV0IGxpc3RlbmVyczogbnVtYmVyO1xuICAgICAgbGV0IHJtOiAoKSA9PiB2b2lkO1xuICAgICAgY29uc3QgY2ggPSB2bm9kZXNbc3RhcnRJZHhdO1xuICAgICAgaWYgKGNoICE9IG51bGwpIHtcbiAgICAgICAgaWYgKGlzRGVmKGNoLnNlbCkpIHtcbiAgICAgICAgICBpbnZva2VEZXN0cm95SG9vayhjaCk7XG4gICAgICAgICAgbGlzdGVuZXJzID0gY2JzLnJlbW92ZS5sZW5ndGggKyAxO1xuICAgICAgICAgIHJtID0gY3JlYXRlUm1DYihjaC5lbG0hLCBsaXN0ZW5lcnMpO1xuICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2JzLnJlbW92ZS5sZW5ndGg7ICsraSkgY2JzLnJlbW92ZVtpXShjaCwgcm0pO1xuICAgICAgICAgIGNvbnN0IHJlbW92ZUhvb2sgPSBjaD8uZGF0YT8uaG9vaz8ucmVtb3ZlO1xuICAgICAgICAgIGlmIChpc0RlZihyZW1vdmVIb29rKSkge1xuICAgICAgICAgICAgcmVtb3ZlSG9vayhjaCwgcm0pO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBybSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAvLyBUZXh0IG5vZGVcbiAgICAgICAgICBhcGkucmVtb3ZlQ2hpbGQocGFyZW50RWxtLCBjaC5lbG0hKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGZ1bmN0aW9uIHVwZGF0ZUNoaWxkcmVuKFxuICAgIHBhcmVudEVsbTogTm9kZSxcbiAgICBvbGRDaDogVk5vZGVbXSxcbiAgICBuZXdDaDogVk5vZGVbXSxcbiAgICBpbnNlcnRlZFZub2RlUXVldWU6IFZOb2RlUXVldWVcbiAgKSB7XG4gICAgbGV0IG9sZFN0YXJ0SWR4ID0gMDtcbiAgICBsZXQgbmV3U3RhcnRJZHggPSAwO1xuICAgIGxldCBvbGRFbmRJZHggPSBvbGRDaC5sZW5ndGggLSAxO1xuICAgIGxldCBvbGRTdGFydFZub2RlID0gb2xkQ2hbMF07XG4gICAgbGV0IG9sZEVuZFZub2RlID0gb2xkQ2hbb2xkRW5kSWR4XTtcbiAgICBsZXQgbmV3RW5kSWR4ID0gbmV3Q2gubGVuZ3RoIC0gMTtcbiAgICBsZXQgbmV3U3RhcnRWbm9kZSA9IG5ld0NoWzBdO1xuICAgIGxldCBuZXdFbmRWbm9kZSA9IG5ld0NoW25ld0VuZElkeF07XG4gICAgbGV0IG9sZEtleVRvSWR4OiBLZXlUb0luZGV4TWFwIHwgdW5kZWZpbmVkO1xuICAgIGxldCBpZHhJbk9sZDogbnVtYmVyO1xuICAgIGxldCBlbG1Ub01vdmU6IFZOb2RlO1xuICAgIGxldCBiZWZvcmU6IGFueTtcblxuICAgIHdoaWxlIChvbGRTdGFydElkeCA8PSBvbGRFbmRJZHggJiYgbmV3U3RhcnRJZHggPD0gbmV3RW5kSWR4KSB7XG4gICAgICBpZiAob2xkU3RhcnRWbm9kZSA9PSBudWxsKSB7XG4gICAgICAgIG9sZFN0YXJ0Vm5vZGUgPSBvbGRDaFsrK29sZFN0YXJ0SWR4XTsgLy8gVm5vZGUgbWlnaHQgaGF2ZSBiZWVuIG1vdmVkIGxlZnRcbiAgICAgIH0gZWxzZSBpZiAob2xkRW5kVm5vZGUgPT0gbnVsbCkge1xuICAgICAgICBvbGRFbmRWbm9kZSA9IG9sZENoWy0tb2xkRW5kSWR4XTtcbiAgICAgIH0gZWxzZSBpZiAobmV3U3RhcnRWbm9kZSA9PSBudWxsKSB7XG4gICAgICAgIG5ld1N0YXJ0Vm5vZGUgPSBuZXdDaFsrK25ld1N0YXJ0SWR4XTtcbiAgICAgIH0gZWxzZSBpZiAobmV3RW5kVm5vZGUgPT0gbnVsbCkge1xuICAgICAgICBuZXdFbmRWbm9kZSA9IG5ld0NoWy0tbmV3RW5kSWR4XTtcbiAgICAgIH0gZWxzZSBpZiAoc2FtZVZub2RlKG9sZFN0YXJ0Vm5vZGUsIG5ld1N0YXJ0Vm5vZGUpKSB7XG4gICAgICAgIHBhdGNoVm5vZGUob2xkU3RhcnRWbm9kZSwgbmV3U3RhcnRWbm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgICAgb2xkU3RhcnRWbm9kZSA9IG9sZENoWysrb2xkU3RhcnRJZHhdO1xuICAgICAgICBuZXdTdGFydFZub2RlID0gbmV3Q2hbKytuZXdTdGFydElkeF07XG4gICAgICB9IGVsc2UgaWYgKHNhbWVWbm9kZShvbGRFbmRWbm9kZSwgbmV3RW5kVm5vZGUpKSB7XG4gICAgICAgIHBhdGNoVm5vZGUob2xkRW5kVm5vZGUsIG5ld0VuZFZub2RlLCBpbnNlcnRlZFZub2RlUXVldWUpO1xuICAgICAgICBvbGRFbmRWbm9kZSA9IG9sZENoWy0tb2xkRW5kSWR4XTtcbiAgICAgICAgbmV3RW5kVm5vZGUgPSBuZXdDaFstLW5ld0VuZElkeF07XG4gICAgICB9IGVsc2UgaWYgKHNhbWVWbm9kZShvbGRTdGFydFZub2RlLCBuZXdFbmRWbm9kZSkpIHtcbiAgICAgICAgLy8gVm5vZGUgbW92ZWQgcmlnaHRcbiAgICAgICAgcGF0Y2hWbm9kZShvbGRTdGFydFZub2RlLCBuZXdFbmRWbm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgICAgYXBpLmluc2VydEJlZm9yZShcbiAgICAgICAgICBwYXJlbnRFbG0sXG4gICAgICAgICAgb2xkU3RhcnRWbm9kZS5lbG0hLFxuICAgICAgICAgIGFwaS5uZXh0U2libGluZyhvbGRFbmRWbm9kZS5lbG0hKVxuICAgICAgICApO1xuICAgICAgICBvbGRTdGFydFZub2RlID0gb2xkQ2hbKytvbGRTdGFydElkeF07XG4gICAgICAgIG5ld0VuZFZub2RlID0gbmV3Q2hbLS1uZXdFbmRJZHhdO1xuICAgICAgfSBlbHNlIGlmIChzYW1lVm5vZGUob2xkRW5kVm5vZGUsIG5ld1N0YXJ0Vm5vZGUpKSB7XG4gICAgICAgIC8vIFZub2RlIG1vdmVkIGxlZnRcbiAgICAgICAgcGF0Y2hWbm9kZShvbGRFbmRWbm9kZSwgbmV3U3RhcnRWbm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgICAgYXBpLmluc2VydEJlZm9yZShwYXJlbnRFbG0sIG9sZEVuZFZub2RlLmVsbSEsIG9sZFN0YXJ0Vm5vZGUuZWxtISk7XG4gICAgICAgIG9sZEVuZFZub2RlID0gb2xkQ2hbLS1vbGRFbmRJZHhdO1xuICAgICAgICBuZXdTdGFydFZub2RlID0gbmV3Q2hbKytuZXdTdGFydElkeF07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpZiAob2xkS2V5VG9JZHggPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIG9sZEtleVRvSWR4ID0gY3JlYXRlS2V5VG9PbGRJZHgob2xkQ2gsIG9sZFN0YXJ0SWR4LCBvbGRFbmRJZHgpO1xuICAgICAgICB9XG4gICAgICAgIGlkeEluT2xkID0gb2xkS2V5VG9JZHhbbmV3U3RhcnRWbm9kZS5rZXkgYXMgc3RyaW5nXTtcbiAgICAgICAgaWYgKGlzVW5kZWYoaWR4SW5PbGQpKSB7XG4gICAgICAgICAgLy8gTmV3IGVsZW1lbnRcbiAgICAgICAgICBhcGkuaW5zZXJ0QmVmb3JlKFxuICAgICAgICAgICAgcGFyZW50RWxtLFxuICAgICAgICAgICAgY3JlYXRlRWxtKG5ld1N0YXJ0Vm5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSksXG4gICAgICAgICAgICBvbGRTdGFydFZub2RlLmVsbSFcbiAgICAgICAgICApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGVsbVRvTW92ZSA9IG9sZENoW2lkeEluT2xkXTtcbiAgICAgICAgICBpZiAoZWxtVG9Nb3ZlLnNlbCAhPT0gbmV3U3RhcnRWbm9kZS5zZWwpIHtcbiAgICAgICAgICAgIGFwaS5pbnNlcnRCZWZvcmUoXG4gICAgICAgICAgICAgIHBhcmVudEVsbSxcbiAgICAgICAgICAgICAgY3JlYXRlRWxtKG5ld1N0YXJ0Vm5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSksXG4gICAgICAgICAgICAgIG9sZFN0YXJ0Vm5vZGUuZWxtIVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcGF0Y2hWbm9kZShlbG1Ub01vdmUsIG5ld1N0YXJ0Vm5vZGUsIGluc2VydGVkVm5vZGVRdWV1ZSk7XG4gICAgICAgICAgICBvbGRDaFtpZHhJbk9sZF0gPSB1bmRlZmluZWQgYXMgYW55O1xuICAgICAgICAgICAgYXBpLmluc2VydEJlZm9yZShwYXJlbnRFbG0sIGVsbVRvTW92ZS5lbG0hLCBvbGRTdGFydFZub2RlLmVsbSEpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBuZXdTdGFydFZub2RlID0gbmV3Q2hbKytuZXdTdGFydElkeF07XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKG5ld1N0YXJ0SWR4IDw9IG5ld0VuZElkeCkge1xuICAgICAgYmVmb3JlID0gbmV3Q2hbbmV3RW5kSWR4ICsgMV0gPT0gbnVsbCA/IG51bGwgOiBuZXdDaFtuZXdFbmRJZHggKyAxXS5lbG07XG4gICAgICBhZGRWbm9kZXMoXG4gICAgICAgIHBhcmVudEVsbSxcbiAgICAgICAgYmVmb3JlLFxuICAgICAgICBuZXdDaCxcbiAgICAgICAgbmV3U3RhcnRJZHgsXG4gICAgICAgIG5ld0VuZElkeCxcbiAgICAgICAgaW5zZXJ0ZWRWbm9kZVF1ZXVlXG4gICAgICApO1xuICAgIH1cbiAgICBpZiAob2xkU3RhcnRJZHggPD0gb2xkRW5kSWR4KSB7XG4gICAgICByZW1vdmVWbm9kZXMocGFyZW50RWxtLCBvbGRDaCwgb2xkU3RhcnRJZHgsIG9sZEVuZElkeCk7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gcGF0Y2hWbm9kZShcbiAgICBvbGRWbm9kZTogVk5vZGUsXG4gICAgdm5vZGU6IFZOb2RlLFxuICAgIGluc2VydGVkVm5vZGVRdWV1ZTogVk5vZGVRdWV1ZVxuICApIHtcbiAgICBjb25zdCBob29rID0gdm5vZGUuZGF0YT8uaG9vaztcbiAgICBob29rPy5wcmVwYXRjaD8uKG9sZFZub2RlLCB2bm9kZSk7XG4gICAgY29uc3QgZWxtID0gKHZub2RlLmVsbSA9IG9sZFZub2RlLmVsbSkhO1xuICAgIGNvbnN0IG9sZENoID0gb2xkVm5vZGUuY2hpbGRyZW4gYXMgVk5vZGVbXTtcbiAgICBjb25zdCBjaCA9IHZub2RlLmNoaWxkcmVuIGFzIFZOb2RlW107XG4gICAgaWYgKG9sZFZub2RlID09PSB2bm9kZSkgcmV0dXJuO1xuICAgIGlmICh2bm9kZS5kYXRhICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY2JzLnVwZGF0ZS5sZW5ndGg7ICsraSlcbiAgICAgICAgY2JzLnVwZGF0ZVtpXShvbGRWbm9kZSwgdm5vZGUpO1xuICAgICAgdm5vZGUuZGF0YS5ob29rPy51cGRhdGU/LihvbGRWbm9kZSwgdm5vZGUpO1xuICAgIH1cbiAgICBpZiAoaXNVbmRlZih2bm9kZS50ZXh0KSkge1xuICAgICAgaWYgKGlzRGVmKG9sZENoKSAmJiBpc0RlZihjaCkpIHtcbiAgICAgICAgaWYgKG9sZENoICE9PSBjaCkgdXBkYXRlQ2hpbGRyZW4oZWxtLCBvbGRDaCwgY2gsIGluc2VydGVkVm5vZGVRdWV1ZSk7XG4gICAgICB9IGVsc2UgaWYgKGlzRGVmKGNoKSkge1xuICAgICAgICBpZiAoaXNEZWYob2xkVm5vZGUudGV4dCkpIGFwaS5zZXRUZXh0Q29udGVudChlbG0sIFwiXCIpO1xuICAgICAgICBhZGRWbm9kZXMoZWxtLCBudWxsLCBjaCwgMCwgY2gubGVuZ3RoIC0gMSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICAgIH0gZWxzZSBpZiAoaXNEZWYob2xkQ2gpKSB7XG4gICAgICAgIHJlbW92ZVZub2RlcyhlbG0sIG9sZENoLCAwLCBvbGRDaC5sZW5ndGggLSAxKTtcbiAgICAgIH0gZWxzZSBpZiAoaXNEZWYob2xkVm5vZGUudGV4dCkpIHtcbiAgICAgICAgYXBpLnNldFRleHRDb250ZW50KGVsbSwgXCJcIik7XG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChvbGRWbm9kZS50ZXh0ICE9PSB2bm9kZS50ZXh0KSB7XG4gICAgICBpZiAoaXNEZWYob2xkQ2gpKSB7XG4gICAgICAgIHJlbW92ZVZub2RlcyhlbG0sIG9sZENoLCAwLCBvbGRDaC5sZW5ndGggLSAxKTtcbiAgICAgIH1cbiAgICAgIGFwaS5zZXRUZXh0Q29udGVudChlbG0sIHZub2RlLnRleHQhKTtcbiAgICB9XG4gICAgaG9vaz8ucG9zdHBhdGNoPy4ob2xkVm5vZGUsIHZub2RlKTtcbiAgfVxuXG4gIHJldHVybiBmdW5jdGlvbiBwYXRjaChcbiAgICBvbGRWbm9kZTogVk5vZGUgfCBFbGVtZW50IHwgRG9jdW1lbnRGcmFnbWVudCxcbiAgICB2bm9kZTogVk5vZGVcbiAgKTogVk5vZGUge1xuICAgIGxldCBpOiBudW1iZXIsIGVsbTogTm9kZSwgcGFyZW50OiBOb2RlO1xuICAgIGNvbnN0IGluc2VydGVkVm5vZGVRdWV1ZTogVk5vZGVRdWV1ZSA9IFtdO1xuICAgIGZvciAoaSA9IDA7IGkgPCBjYnMucHJlLmxlbmd0aDsgKytpKSBjYnMucHJlW2ldKCk7XG5cbiAgICBpZiAoaXNFbGVtZW50KGFwaSwgb2xkVm5vZGUpKSB7XG4gICAgICBvbGRWbm9kZSA9IGVtcHR5Tm9kZUF0KG9sZFZub2RlKTtcbiAgICB9IGVsc2UgaWYgKGlzRG9jdW1lbnRGcmFnbWVudChhcGksIG9sZFZub2RlKSkge1xuICAgICAgb2xkVm5vZGUgPSBlbXB0eURvY3VtZW50RnJhZ21lbnRBdChvbGRWbm9kZSk7XG4gICAgfVxuXG4gICAgaWYgKHNhbWVWbm9kZShvbGRWbm9kZSwgdm5vZGUpKSB7XG4gICAgICBwYXRjaFZub2RlKG9sZFZub2RlLCB2bm9kZSwgaW5zZXJ0ZWRWbm9kZVF1ZXVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZWxtID0gb2xkVm5vZGUuZWxtITtcbiAgICAgIHBhcmVudCA9IGFwaS5wYXJlbnROb2RlKGVsbSkgYXMgTm9kZTtcblxuICAgICAgY3JlYXRlRWxtKHZub2RlLCBpbnNlcnRlZFZub2RlUXVldWUpO1xuXG4gICAgICBpZiAocGFyZW50ICE9PSBudWxsKSB7XG4gICAgICAgIGFwaS5pbnNlcnRCZWZvcmUocGFyZW50LCB2bm9kZS5lbG0hLCBhcGkubmV4dFNpYmxpbmcoZWxtKSk7XG4gICAgICAgIHJlbW92ZVZub2RlcyhwYXJlbnQsIFtvbGRWbm9kZV0sIDAsIDApO1xuICAgICAgfVxuICAgIH1cblxuICAgIGZvciAoaSA9IDA7IGkgPCBpbnNlcnRlZFZub2RlUXVldWUubGVuZ3RoOyArK2kpIHtcbiAgICAgIGluc2VydGVkVm5vZGVRdWV1ZVtpXS5kYXRhIS5ob29rIS5pbnNlcnQhKGluc2VydGVkVm5vZGVRdWV1ZVtpXSk7XG4gICAgfVxuICAgIGZvciAoaSA9IDA7IGkgPCBjYnMucG9zdC5sZW5ndGg7ICsraSkgY2JzLnBvc3RbaV0oKTtcbiAgICByZXR1cm4gdm5vZGU7XG4gIH07XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/init.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/is.js":
-/*!********************************************!*\
-  !*** ../node_modules/snabbdom/build/is.js ***!
-  \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"array\": () => (/* binding */ array),\n/* harmony export */   \"primitive\": () => (/* binding */ primitive)\n/* harmony export */ });\nconst array = Array.isArray;\nfunction primitive(s) {\n    return typeof s === \"string\" ||\n        typeof s === \"number\" ||\n        s instanceof String ||\n        s instanceof Number;\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL2lzLmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7O0FBQU8sTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztBQUM1QixTQUFTLFNBQVMsQ0FBQyxDQUFNO0lBQzlCLE9BQU8sT0FBTyxDQUFDLEtBQUssUUFBUTtRQUMxQixPQUFPLENBQUMsS0FBSyxRQUFRO1FBQ3JCLENBQUMsWUFBWSxNQUFNO1FBQ25CLENBQUMsWUFBWSxNQUFNLENBQUM7QUFDeEIsQ0FBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL2lzLnRzP2M4NGIiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGFycmF5ID0gQXJyYXkuaXNBcnJheTtcbmV4cG9ydCBmdW5jdGlvbiBwcmltaXRpdmUoczogYW55KTogcyBpcyBzdHJpbmcgfCBudW1iZXIge1xuICByZXR1cm4gdHlwZW9mIHMgPT09IFwic3RyaW5nXCIgfHxcbiAgICB0eXBlb2YgcyA9PT0gXCJudW1iZXJcIiB8fFxuICAgIHMgaW5zdGFuY2VvZiBTdHJpbmcgfHxcbiAgICBzIGluc3RhbmNlb2YgTnVtYmVyO1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/is.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/jsx.js":
-/*!*********************************************!*\
-  !*** ../node_modules/snabbdom/build/jsx.js ***!
-  \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Fragment\": () => (/* binding */ Fragment),\n/* harmony export */   \"jsx\": () => (/* binding */ jsx)\n/* harmony export */ });\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n/* eslint-disable @typescript-eslint/no-namespace, import/export */\n\n\nfunction Fragment(data, ...children) {\n    const flatChildren = flattenAndFilter(children, []);\n    if (flatChildren.length === 1 &&\n        !flatChildren[0].sel &&\n        flatChildren[0].text) {\n        // only child is a simple text node, pass as text for a simpler vtree\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, undefined, undefined, flatChildren[0].text, undefined);\n    }\n    else {\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);\n    }\n}\nfunction flattenAndFilter(children, flattened) {\n    for (const child of children) {\n        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart\n        if (child !== undefined &&\n            child !== null &&\n            child !== false &&\n            child !== \"\") {\n            if (Array.isArray(child)) {\n                flattenAndFilter(child, flattened);\n            }\n            else if (typeof child === \"string\" ||\n                typeof child === \"number\" ||\n                typeof child === \"boolean\") {\n                flattened.push((0,_vnode__WEBPACK_IMPORTED_MODULE_0__.vnode)(undefined, undefined, undefined, String(child), undefined));\n            }\n            else {\n                flattened.push(child);\n            }\n        }\n    }\n    return flattened;\n}\n/**\n * jsx/tsx compatible factory function\n * see: https://www.typescriptlang.org/docs/handbook/jsx.html#factory-functions\n */\nfunction jsx(tag, data, ...children) {\n    const flatChildren = flattenAndFilter(children, []);\n    if (typeof tag === \"function\") {\n        // tag is a function component\n        return tag(data, flatChildren);\n    }\n    else {\n        if (flatChildren.length === 1 &&\n            !flatChildren[0].sel &&\n            flatChildren[0].text) {\n            // only child is a simple text node, pass as text for a simpler vtree\n            return (0,_h__WEBPACK_IMPORTED_MODULE_1__.h)(tag, data, flatChildren[0].text);\n        }\n        else {\n            return (0,_h__WEBPACK_IMPORTED_MODULE_1__.h)(tag, data, flatChildren);\n        }\n    }\n}\n(function (jsx) {\n})(jsx || (jsx = {}));\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,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L3NuYWJiZG9tL3NyYy9qc3gudHM/Yzk0MiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbmFtZXNwYWNlLCBpbXBvcnQvZXhwb3J0ICovXG5pbXBvcnQgeyBLZXksIHZub2RlLCBWTm9kZSwgVk5vZGVEYXRhIH0gZnJvbSBcIi4vdm5vZGVcIjtcbmltcG9ydCB7IGgsIEFycmF5T3JFbGVtZW50IH0gZnJvbSBcIi4vaFwiO1xuXG4vLyBTZWUgaHR0cHM6Ly93d3cudHlwZXNjcmlwdGxhbmcub3JnL2RvY3MvaGFuZGJvb2svanN4Lmh0bWwjdHlwZS1jaGVja2luZ1xubmFtZXNwYWNlIEpTWEludGVybmFsIHtcbiAgZXhwb3J0IHR5cGUgRWxlbWVudCA9IFZOb2RlO1xuICBleHBvcnQgaW50ZXJmYWNlIEludHJpbnNpY0VsZW1lbnRzIHtcbiAgICBbZWxlbU5hbWU6IHN0cmluZ106IFZOb2RlRGF0YTtcbiAgfVxufVxuXG4vLyBmb3IgY29uZGl0aW9uYWwgcmVuZGVyaW5nIHdlIHN1cHBvcnQgYm9vbGVhbiBjaGlsZCBlbGVtZW50IGUuZyBjb25kICYmIDx0YWcgLz5cbmV4cG9ydCB0eXBlIEpzeFZOb2RlQ2hpbGQgPVxuICB8IFZOb2RlXG4gIHwgc3RyaW5nXG4gIHwgbnVtYmVyXG4gIHwgYm9vbGVhblxuICB8IHVuZGVmaW5lZFxuICB8IG51bGw7XG5leHBvcnQgdHlwZSBKc3hWTm9kZUNoaWxkcmVuID0gQXJyYXlPckVsZW1lbnQ8SnN4Vk5vZGVDaGlsZD47XG5cbmV4cG9ydCB0eXBlIEZ1bmN0aW9uQ29tcG9uZW50ID0gKFxuICBwcm9wczogeyBbcHJvcDogc3RyaW5nXTogYW55IH0gfCBudWxsLFxuICBjaGlsZHJlbj86IFZOb2RlW11cbikgPT4gVk5vZGU7XG5cbmV4cG9ydCBmdW5jdGlvbiBGcmFnbWVudChcbiAgZGF0YTogeyBrZXk/OiBLZXkgfSB8IG51bGwsXG4gIC4uLmNoaWxkcmVuOiBKc3hWTm9kZUNoaWxkcmVuW11cbik6IFZOb2RlIHtcbiAgY29uc3QgZmxhdENoaWxkcmVuID0gZmxhdHRlbkFuZEZpbHRlcihjaGlsZHJlbiwgW10pO1xuXG4gIGlmIChcbiAgICBmbGF0Q2hpbGRyZW4ubGVuZ3RoID09PSAxICYmXG4gICAgIWZsYXRDaGlsZHJlblswXS5zZWwgJiZcbiAgICBmbGF0Q2hpbGRyZW5bMF0udGV4dFxuICApIHtcbiAgICAvLyBvbmx5IGNoaWxkIGlzIGEgc2ltcGxlIHRleHQgbm9kZSwgcGFzcyBhcyB0ZXh0IGZvciBhIHNpbXBsZXIgdnRyZWVcbiAgICByZXR1cm4gdm5vZGUoXG4gICAgICB1bmRlZmluZWQsXG4gICAgICB1bmRlZmluZWQsXG4gICAgICB1bmRlZmluZWQsXG4gICAgICBmbGF0Q2hpbGRyZW5bMF0udGV4dCxcbiAgICAgIHVuZGVmaW5lZFxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIHZub2RlKHVuZGVmaW5lZCwgZGF0YSA/PyB7fSwgZmxhdENoaWxkcmVuLCB1bmRlZmluZWQsIHVuZGVmaW5lZCk7XG4gIH1cbn1cblxuZnVuY3Rpb24gZmxhdHRlbkFuZEZpbHRlcihcbiAgY2hpbGRyZW46IEpzeFZOb2RlQ2hpbGRyZW5bXSxcbiAgZmxhdHRlbmVkOiBWTm9kZVtdXG4pOiBWTm9kZVtdIHtcbiAgZm9yIChjb25zdCBjaGlsZCBvZiBjaGlsZHJlbikge1xuICAgIC8vIGZpbHRlciBvdXQgZmFsc2V5IGNoaWxkcmVuLCBleGNlcHQgMCBzaW5jZSB6ZXJvIGNhbiBiZSBhIHZhbGlkIHZhbHVlIGUuZyBpbnNpZGUgYSBjaGFydFxuICAgIGlmIChcbiAgICAgIGNoaWxkICE9PSB1bmRlZmluZWQgJiZcbiAgICAgIGNoaWxkICE9PSBudWxsICYmXG4gICAgICBjaGlsZCAhPT0gZmFsc2UgJiZcbiAgICAgIGNoaWxkICE9PSBcIlwiXG4gICAgKSB7XG4gICAgICBpZiAoQXJyYXkuaXNBcnJheShjaGlsZCkpIHtcbiAgICAgICAgZmxhdHRlbkFuZEZpbHRlcihjaGlsZCwgZmxhdHRlbmVkKTtcbiAgICAgIH0gZWxzZSBpZiAoXG4gICAgICAgIHR5cGVvZiBjaGlsZCA9PT0gXCJzdHJpbmdcIiB8fFxuICAgICAgICB0eXBlb2YgY2hpbGQgPT09IFwibnVtYmVyXCIgfHxcbiAgICAgICAgdHlwZW9mIGNoaWxkID09PSBcImJvb2xlYW5cIlxuICAgICAgKSB7XG4gICAgICAgIGZsYXR0ZW5lZC5wdXNoKFxuICAgICAgICAgIHZub2RlKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB1bmRlZmluZWQsIFN0cmluZyhjaGlsZCksIHVuZGVmaW5lZClcbiAgICAgICAgKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGZsYXR0ZW5lZC5wdXNoKGNoaWxkKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgcmV0dXJuIGZsYXR0ZW5lZDtcbn1cblxuLyoqXG4gKiBqc3gvdHN4IGNvbXBhdGlibGUgZmFjdG9yeSBmdW5jdGlvblxuICogc2VlOiBodHRwczovL3d3dy50eXBlc2NyaXB0bGFuZy5vcmcvZG9jcy9oYW5kYm9vay9qc3guaHRtbCNmYWN0b3J5LWZ1bmN0aW9uc1xuICovXG5leHBvcnQgZnVuY3Rpb24ganN4KFxuICB0YWc6IHN0cmluZyB8IEZ1bmN0aW9uQ29tcG9uZW50LFxuICBkYXRhOiBWTm9kZURhdGEgfCBudWxsLFxuICAuLi5jaGlsZHJlbjogSnN4Vk5vZGVDaGlsZHJlbltdXG4pOiBWTm9kZSB7XG4gIGNvbnN0IGZsYXRDaGlsZHJlbiA9IGZsYXR0ZW5BbmRGaWx0ZXIoY2hpbGRyZW4sIFtdKTtcbiAgaWYgKHR5cGVvZiB0YWcgPT09IFwiZnVuY3Rpb25cIikge1xuICAgIC8vIHRhZyBpcyBhIGZ1bmN0aW9uIGNvbXBvbmVudFxuICAgIHJldHVybiB0YWcoZGF0YSwgZmxhdENoaWxkcmVuKTtcbiAgfSBlbHNlIHtcbiAgICBpZiAoXG4gICAgICBmbGF0Q2hpbGRyZW4ubGVuZ3RoID09PSAxICYmXG4gICAgICAhZmxhdENoaWxkcmVuWzBdLnNlbCAmJlxuICAgICAgZmxhdENoaWxkcmVuWzBdLnRleHRcbiAgICApIHtcbiAgICAgIC8vIG9ubHkgY2hpbGQgaXMgYSBzaW1wbGUgdGV4dCBub2RlLCBwYXNzIGFzIHRleHQgZm9yIGEgc2ltcGxlciB2dHJlZVxuICAgICAgcmV0dXJuIGgodGFnLCBkYXRhLCBmbGF0Q2hpbGRyZW5bMF0udGV4dCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBoKHRhZywgZGF0YSwgZmxhdENoaWxkcmVuKTtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBqc3gge1xuICBleHBvcnQgaW1wb3J0IEpTWCA9IEpTWEludGVybmFsOyAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/jsx.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/modules/attributes.js":
-/*!************************************************************!*\
-  !*** ../node_modules/snabbdom/build/modules/attributes.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"attributesModule\": () => (/* binding */ attributesModule)\n/* harmony export */ });\nconst xlinkNS = \"http://www.w3.org/1999/xlink\";\nconst xmlNS = \"http://www.w3.org/XML/1998/namespace\";\nconst colonChar = 58;\nconst xChar = 120;\nfunction updateAttrs(oldVnode, vnode) {\n    let key;\n    const elm = vnode.elm;\n    let oldAttrs = oldVnode.data.attrs;\n    let attrs = vnode.data.attrs;\n    if (!oldAttrs && !attrs)\n        return;\n    if (oldAttrs === attrs)\n        return;\n    oldAttrs = oldAttrs || {};\n    attrs = attrs || {};\n    // update modified attributes, add new attributes\n    for (key in attrs) {\n        const cur = attrs[key];\n        const old = oldAttrs[key];\n        if (old !== cur) {\n            if (cur === true) {\n                elm.setAttribute(key, \"\");\n            }\n            else if (cur === false) {\n                elm.removeAttribute(key);\n            }\n            else {\n                if (key.charCodeAt(0) !== xChar) {\n                    elm.setAttribute(key, cur);\n                }\n                else if (key.charCodeAt(3) === colonChar) {\n                    // Assume xml namespace\n                    elm.setAttributeNS(xmlNS, key, cur);\n                }\n                else if (key.charCodeAt(5) === colonChar) {\n                    // Assume xlink namespace\n                    elm.setAttributeNS(xlinkNS, key, cur);\n                }\n                else {\n                    elm.setAttribute(key, cur);\n                }\n            }\n        }\n    }\n    // remove removed attributes\n    // use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value)\n    // the other option is to remove all attributes with value == undefined\n    for (key in oldAttrs) {\n        if (!(key in attrs)) {\n            elm.removeAttribute(key);\n        }\n    }\n}\nconst attributesModule = {\n    create: updateAttrs,\n    update: updateAttrs,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvYXR0cmlidXRlcy5qcy5qcyIsIm1hcHBpbmdzIjoiOzs7O0FBS0EsTUFBTSxPQUFPLEdBQUcsOEJBQThCLENBQUM7QUFDL0MsTUFBTSxLQUFLLEdBQUcsc0NBQXNDLENBQUM7QUFDckQsTUFBTSxTQUFTLEdBQUcsRUFBRSxDQUFDO0FBQ3JCLE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQztBQUVsQixTQUFTLFdBQVcsQ0FBQyxRQUFlLEVBQUUsS0FBWTtJQUNoRCxJQUFJLEdBQVcsQ0FBQztJQUNoQixNQUFNLEdBQUcsR0FBWSxLQUFLLENBQUMsR0FBYyxDQUFDO0lBQzFDLElBQUksUUFBUSxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUNsRCxJQUFJLEtBQUssR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFFNUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUs7UUFBRSxPQUFPO0lBQ2hDLElBQUksUUFBUSxLQUFLLEtBQUs7UUFBRSxPQUFPO0lBQy9CLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0lBQzFCLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRXBCLGlEQUFpRDtJQUNqRCxLQUFLLEdBQUcsSUFBSSxLQUFLLEVBQUU7UUFDakIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3ZCLE1BQU0sR0FBRyxHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMxQixJQUFJLEdBQUcsS0FBSyxHQUFHLEVBQUU7WUFDZixJQUFJLEdBQUcsS0FBSyxJQUFJLEVBQUU7Z0JBQ2hCLEdBQUcsQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2FBQzNCO2lCQUFNLElBQUksR0FBRyxLQUFLLEtBQUssRUFBRTtnQkFDeEIsR0FBRyxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUMxQjtpQkFBTTtnQkFDTCxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxFQUFFO29CQUMvQixHQUFHLENBQUMsWUFBWSxDQUFDLEdBQUcsRUFBRSxHQUFVLENBQUMsQ0FBQztpQkFDbkM7cUJBQU0sSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLFNBQVMsRUFBRTtvQkFDMUMsdUJBQXVCO29CQUN2QixHQUFHLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBVSxDQUFDLENBQUM7aUJBQzVDO3FCQUFNLElBQUksR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxTQUFTLEVBQUU7b0JBQzFDLHlCQUF5QjtvQkFDekIsR0FBRyxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQVUsQ0FBQyxDQUFDO2lCQUM5QztxQkFBTTtvQkFDTCxHQUFHLENBQUMsWUFBWSxDQUFDLEdBQUcsRUFBRSxHQUFVLENBQUMsQ0FBQztpQkFDbkM7YUFDRjtTQUNGO0tBQ0Y7SUFDRCw0QkFBNEI7SUFDNUIsZ0hBQWdIO0lBQ2hILHVFQUF1RTtJQUN2RSxLQUFLLEdBQUcsSUFBSSxRQUFRLEVBQUU7UUFDcEIsSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQ25CLEdBQUcsQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDMUI7S0FDRjtBQUNILENBQUM7QUFFTSxNQUFNLGdCQUFnQixHQUFXO0lBQ3RDLE1BQU0sRUFBRSxXQUFXO0lBQ25CLE1BQU0sRUFBRSxXQUFXO0NBQ3BCLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL2F0dHJpYnV0ZXMudHM/MjNmYSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWTm9kZSwgVk5vZGVEYXRhIH0gZnJvbSBcIi4uL3Zub2RlXCI7XG5pbXBvcnQgeyBNb2R1bGUgfSBmcm9tIFwiLi9tb2R1bGVcIjtcblxuZXhwb3J0IHR5cGUgQXR0cnMgPSBSZWNvcmQ8c3RyaW5nLCBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuPjtcblxuY29uc3QgeGxpbmtOUyA9IFwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiO1xuY29uc3QgeG1sTlMgPSBcImh0dHA6Ly93d3cudzMub3JnL1hNTC8xOTk4L25hbWVzcGFjZVwiO1xuY29uc3QgY29sb25DaGFyID0gNTg7XG5jb25zdCB4Q2hhciA9IDEyMDtcblxuZnVuY3Rpb24gdXBkYXRlQXR0cnMob2xkVm5vZGU6IFZOb2RlLCB2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IGtleTogc3RyaW5nO1xuICBjb25zdCBlbG06IEVsZW1lbnQgPSB2bm9kZS5lbG0gYXMgRWxlbWVudDtcbiAgbGV0IG9sZEF0dHJzID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5hdHRycztcbiAgbGV0IGF0dHJzID0gKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5hdHRycztcblxuICBpZiAoIW9sZEF0dHJzICYmICFhdHRycykgcmV0dXJuO1xuICBpZiAob2xkQXR0cnMgPT09IGF0dHJzKSByZXR1cm47XG4gIG9sZEF0dHJzID0gb2xkQXR0cnMgfHwge307XG4gIGF0dHJzID0gYXR0cnMgfHwge307XG5cbiAgLy8gdXBkYXRlIG1vZGlmaWVkIGF0dHJpYnV0ZXMsIGFkZCBuZXcgYXR0cmlidXRlc1xuICBmb3IgKGtleSBpbiBhdHRycykge1xuICAgIGNvbnN0IGN1ciA9IGF0dHJzW2tleV07XG4gICAgY29uc3Qgb2xkID0gb2xkQXR0cnNba2V5XTtcbiAgICBpZiAob2xkICE9PSBjdXIpIHtcbiAgICAgIGlmIChjdXIgPT09IHRydWUpIHtcbiAgICAgICAgZWxtLnNldEF0dHJpYnV0ZShrZXksIFwiXCIpO1xuICAgICAgfSBlbHNlIGlmIChjdXIgPT09IGZhbHNlKSB7XG4gICAgICAgIGVsbS5yZW1vdmVBdHRyaWJ1dGUoa2V5KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGlmIChrZXkuY2hhckNvZGVBdCgwKSAhPT0geENoYXIpIHtcbiAgICAgICAgICBlbG0uc2V0QXR0cmlidXRlKGtleSwgY3VyIGFzIGFueSk7XG4gICAgICAgIH0gZWxzZSBpZiAoa2V5LmNoYXJDb2RlQXQoMykgPT09IGNvbG9uQ2hhcikge1xuICAgICAgICAgIC8vIEFzc3VtZSB4bWwgbmFtZXNwYWNlXG4gICAgICAgICAgZWxtLnNldEF0dHJpYnV0ZU5TKHhtbE5TLCBrZXksIGN1ciBhcyBhbnkpO1xuICAgICAgICB9IGVsc2UgaWYgKGtleS5jaGFyQ29kZUF0KDUpID09PSBjb2xvbkNoYXIpIHtcbiAgICAgICAgICAvLyBBc3N1bWUgeGxpbmsgbmFtZXNwYWNlXG4gICAgICAgICAgZWxtLnNldEF0dHJpYnV0ZU5TKHhsaW5rTlMsIGtleSwgY3VyIGFzIGFueSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgZWxtLnNldEF0dHJpYnV0ZShrZXksIGN1ciBhcyBhbnkpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG4gIC8vIHJlbW92ZSByZW1vdmVkIGF0dHJpYnV0ZXNcbiAgLy8gdXNlIGBpbmAgb3BlcmF0b3Igc2luY2UgdGhlIHByZXZpb3VzIGBmb3JgIGl0ZXJhdGlvbiB1c2VzIGl0ICguaS5lLiBhZGQgZXZlbiBhdHRyaWJ1dGVzIHdpdGggdW5kZWZpbmVkIHZhbHVlKVxuICAvLyB0aGUgb3RoZXIgb3B0aW9uIGlzIHRvIHJlbW92ZSBhbGwgYXR0cmlidXRlcyB3aXRoIHZhbHVlID09IHVuZGVmaW5lZFxuICBmb3IgKGtleSBpbiBvbGRBdHRycykge1xuICAgIGlmICghKGtleSBpbiBhdHRycykpIHtcbiAgICAgIGVsbS5yZW1vdmVBdHRyaWJ1dGUoa2V5KTtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGF0dHJpYnV0ZXNNb2R1bGU6IE1vZHVsZSA9IHtcbiAgY3JlYXRlOiB1cGRhdGVBdHRycyxcbiAgdXBkYXRlOiB1cGRhdGVBdHRycyxcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/attributes.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/modules/class.js":
-/*!*******************************************************!*\
-  !*** ../node_modules/snabbdom/build/modules/class.js ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"classModule\": () => (/* binding */ classModule)\n/* harmony export */ });\nfunction updateClass(oldVnode, vnode) {\n    let cur;\n    let name;\n    const elm = vnode.elm;\n    let oldClass = oldVnode.data.class;\n    let klass = vnode.data.class;\n    if (!oldClass && !klass)\n        return;\n    if (oldClass === klass)\n        return;\n    oldClass = oldClass || {};\n    klass = klass || {};\n    for (name in oldClass) {\n        if (oldClass[name] && !Object.prototype.hasOwnProperty.call(klass, name)) {\n            // was `true` and now not provided\n            elm.classList.remove(name);\n        }\n    }\n    for (name in klass) {\n        cur = klass[name];\n        if (cur !== oldClass[name]) {\n            elm.classList[cur ? \"add\" : \"remove\"](name);\n        }\n    }\n}\nconst classModule = { create: updateClass, update: updateClass };\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvY2xhc3MuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQUtBLFNBQVMsV0FBVyxDQUFDLFFBQWUsRUFBRSxLQUFZO0lBQ2hELElBQUksR0FBUSxDQUFDO0lBQ2IsSUFBSSxJQUFZLENBQUM7SUFDakIsTUFBTSxHQUFHLEdBQVksS0FBSyxDQUFDLEdBQWMsQ0FBQztJQUMxQyxJQUFJLFFBQVEsR0FBSSxRQUFRLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFDbEQsSUFBSSxLQUFLLEdBQUksS0FBSyxDQUFDLElBQWtCLENBQUMsS0FBSyxDQUFDO0lBRTVDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLO1FBQUUsT0FBTztJQUNoQyxJQUFJLFFBQVEsS0FBSyxLQUFLO1FBQUUsT0FBTztJQUMvQixRQUFRLEdBQUcsUUFBUSxJQUFJLEVBQUUsQ0FBQztJQUMxQixLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUVwQixLQUFLLElBQUksSUFBSSxRQUFRLEVBQUU7UUFDckIsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFO1lBQ3hFLGtDQUFrQztZQUNsQyxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM1QjtLQUNGO0lBQ0QsS0FBSyxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ2xCLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEIsSUFBSSxHQUFHLEtBQUssUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3pCLEdBQUcsQ0FBQyxTQUFpQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN0RDtLQUNGO0FBQ0gsQ0FBQztBQUVNLE1BQU0sV0FBVyxHQUFXLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL2NsYXNzLnRzP2YxMTAiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuLi92bm9kZVwiO1xuaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlXCI7XG5cbmV4cG9ydCB0eXBlIENsYXNzZXMgPSBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPjtcblxuZnVuY3Rpb24gdXBkYXRlQ2xhc3Mob2xkVm5vZGU6IFZOb2RlLCB2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IGN1cjogYW55O1xuICBsZXQgbmFtZTogc3RyaW5nO1xuICBjb25zdCBlbG06IEVsZW1lbnQgPSB2bm9kZS5lbG0gYXMgRWxlbWVudDtcbiAgbGV0IG9sZENsYXNzID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5jbGFzcztcbiAgbGV0IGtsYXNzID0gKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5jbGFzcztcblxuICBpZiAoIW9sZENsYXNzICYmICFrbGFzcykgcmV0dXJuO1xuICBpZiAob2xkQ2xhc3MgPT09IGtsYXNzKSByZXR1cm47XG4gIG9sZENsYXNzID0gb2xkQ2xhc3MgfHwge307XG4gIGtsYXNzID0ga2xhc3MgfHwge307XG5cbiAgZm9yIChuYW1lIGluIG9sZENsYXNzKSB7XG4gICAgaWYgKG9sZENsYXNzW25hbWVdICYmICFPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoa2xhc3MsIG5hbWUpKSB7XG4gICAgICAvLyB3YXMgYHRydWVgIGFuZCBub3cgbm90IHByb3ZpZGVkXG4gICAgICBlbG0uY2xhc3NMaXN0LnJlbW92ZShuYW1lKTtcbiAgICB9XG4gIH1cbiAgZm9yIChuYW1lIGluIGtsYXNzKSB7XG4gICAgY3VyID0ga2xhc3NbbmFtZV07XG4gICAgaWYgKGN1ciAhPT0gb2xkQ2xhc3NbbmFtZV0pIHtcbiAgICAgIChlbG0uY2xhc3NMaXN0IGFzIGFueSlbY3VyID8gXCJhZGRcIiA6IFwicmVtb3ZlXCJdKG5hbWUpO1xuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgY29uc3QgY2xhc3NNb2R1bGU6IE1vZHVsZSA9IHsgY3JlYXRlOiB1cGRhdGVDbGFzcywgdXBkYXRlOiB1cGRhdGVDbGFzcyB9O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/class.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/modules/dataset.js":
-/*!*********************************************************!*\
-  !*** ../node_modules/snabbdom/build/modules/dataset.js ***!
-  \*********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"datasetModule\": () => (/* binding */ datasetModule)\n/* harmony export */ });\nconst CAPS_REGEX = /[A-Z]/g;\nfunction updateDataset(oldVnode, vnode) {\n    const elm = vnode.elm;\n    let oldDataset = oldVnode.data.dataset;\n    let dataset = vnode.data.dataset;\n    let key;\n    if (!oldDataset && !dataset)\n        return;\n    if (oldDataset === dataset)\n        return;\n    oldDataset = oldDataset || {};\n    dataset = dataset || {};\n    const d = elm.dataset;\n    for (key in oldDataset) {\n        if (!dataset[key]) {\n            if (d) {\n                if (key in d) {\n                    delete d[key];\n                }\n            }\n            else {\n                elm.removeAttribute(\"data-\" + key.replace(CAPS_REGEX, \"-$&\").toLowerCase());\n            }\n        }\n    }\n    for (key in dataset) {\n        if (oldDataset[key] !== dataset[key]) {\n            if (d) {\n                d[key] = dataset[key];\n            }\n            else {\n                elm.setAttribute(\"data-\" + key.replace(CAPS_REGEX, \"-$&\").toLowerCase(), dataset[key]);\n            }\n        }\n    }\n}\nconst datasetModule = {\n    create: updateDataset,\n    update: updateDataset,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvZGF0YXNldC5qcy5qcyIsIm1hcHBpbmdzIjoiOzs7O0FBS0EsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDO0FBRTVCLFNBQVMsYUFBYSxDQUFDLFFBQWUsRUFBRSxLQUFZO0lBQ2xELE1BQU0sR0FBRyxHQUFnQixLQUFLLENBQUMsR0FBa0IsQ0FBQztJQUNsRCxJQUFJLFVBQVUsR0FBSSxRQUFRLENBQUMsSUFBa0IsQ0FBQyxPQUFPLENBQUM7SUFDdEQsSUFBSSxPQUFPLEdBQUksS0FBSyxDQUFDLElBQWtCLENBQUMsT0FBTyxDQUFDO0lBQ2hELElBQUksR0FBVyxDQUFDO0lBRWhCLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxPQUFPO1FBQUUsT0FBTztJQUNwQyxJQUFJLFVBQVUsS0FBSyxPQUFPO1FBQUUsT0FBTztJQUNuQyxVQUFVLEdBQUcsVUFBVSxJQUFJLEVBQUUsQ0FBQztJQUM5QixPQUFPLEdBQUcsT0FBTyxJQUFJLEVBQUUsQ0FBQztJQUN4QixNQUFNLENBQUMsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO0lBRXRCLEtBQUssR0FBRyxJQUFJLFVBQVUsRUFBRTtRQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxFQUFFO2dCQUNMLElBQUksR0FBRyxJQUFJLENBQUMsRUFBRTtvQkFDWixPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDZjthQUNGO2lCQUFNO2dCQUNMLEdBQUcsQ0FBQyxlQUFlLENBQ2pCLE9BQU8sR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FDdkQsQ0FBQzthQUNIO1NBQ0Y7S0FDRjtJQUNELEtBQUssR0FBRyxJQUFJLE9BQU8sRUFBRTtRQUNuQixJQUFJLFVBQVUsQ0FBQyxHQUFHLENBQUMsS0FBSyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDcEMsSUFBSSxDQUFDLEVBQUU7Z0JBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUN2QjtpQkFBTTtnQkFDTCxHQUFHLENBQUMsWUFBWSxDQUNkLE9BQU8sR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFDdEQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUNiLENBQUM7YUFDSDtTQUNGO0tBQ0Y7QUFDSCxDQUFDO0FBRU0sTUFBTSxhQUFhLEdBQVc7SUFDbkMsTUFBTSxFQUFFLGFBQWE7SUFDckIsTUFBTSxFQUFFLGFBQWE7Q0FDdEIsQ0FBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uLi9ub2RlX21vZHVsZXMvc25hYmJkb20vc3JjL21vZHVsZXMvZGF0YXNldC50cz9kMjk4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZOb2RlLCBWTm9kZURhdGEgfSBmcm9tIFwiLi4vdm5vZGVcIjtcbmltcG9ydCB7IE1vZHVsZSB9IGZyb20gXCIuL21vZHVsZVwiO1xuXG5leHBvcnQgdHlwZSBEYXRhc2V0ID0gUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcblxuY29uc3QgQ0FQU19SRUdFWCA9IC9bQS1aXS9nO1xuXG5mdW5jdGlvbiB1cGRhdGVEYXRhc2V0KG9sZFZub2RlOiBWTm9kZSwgdm5vZGU6IFZOb2RlKTogdm9pZCB7XG4gIGNvbnN0IGVsbTogSFRNTEVsZW1lbnQgPSB2bm9kZS5lbG0gYXMgSFRNTEVsZW1lbnQ7XG4gIGxldCBvbGREYXRhc2V0ID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5kYXRhc2V0O1xuICBsZXQgZGF0YXNldCA9ICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuZGF0YXNldDtcbiAgbGV0IGtleTogc3RyaW5nO1xuXG4gIGlmICghb2xkRGF0YXNldCAmJiAhZGF0YXNldCkgcmV0dXJuO1xuICBpZiAob2xkRGF0YXNldCA9PT0gZGF0YXNldCkgcmV0dXJuO1xuICBvbGREYXRhc2V0ID0gb2xkRGF0YXNldCB8fCB7fTtcbiAgZGF0YXNldCA9IGRhdGFzZXQgfHwge307XG4gIGNvbnN0IGQgPSBlbG0uZGF0YXNldDtcblxuICBmb3IgKGtleSBpbiBvbGREYXRhc2V0KSB7XG4gICAgaWYgKCFkYXRhc2V0W2tleV0pIHtcbiAgICAgIGlmIChkKSB7XG4gICAgICAgIGlmIChrZXkgaW4gZCkge1xuICAgICAgICAgIGRlbGV0ZSBkW2tleV07XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGVsbS5yZW1vdmVBdHRyaWJ1dGUoXG4gICAgICAgICAgXCJkYXRhLVwiICsga2V5LnJlcGxhY2UoQ0FQU19SRUdFWCwgXCItJCZcIikudG9Mb3dlckNhc2UoKVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBmb3IgKGtleSBpbiBkYXRhc2V0KSB7XG4gICAgaWYgKG9sZERhdGFzZXRba2V5XSAhPT0gZGF0YXNldFtrZXldKSB7XG4gICAgICBpZiAoZCkge1xuICAgICAgICBkW2tleV0gPSBkYXRhc2V0W2tleV07XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBlbG0uc2V0QXR0cmlidXRlKFxuICAgICAgICAgIFwiZGF0YS1cIiArIGtleS5yZXBsYWNlKENBUFNfUkVHRVgsIFwiLSQmXCIpLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgZGF0YXNldFtrZXldXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBkYXRhc2V0TW9kdWxlOiBNb2R1bGUgPSB7XG4gIGNyZWF0ZTogdXBkYXRlRGF0YXNldCxcbiAgdXBkYXRlOiB1cGRhdGVEYXRhc2V0LFxufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/dataset.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/modules/eventlisteners.js":
-/*!****************************************************************!*\
-  !*** ../node_modules/snabbdom/build/modules/eventlisteners.js ***!
-  \****************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"eventListenersModule\": () => (/* binding */ eventListenersModule)\n/* harmony export */ });\nfunction invokeHandler(handler, vnode, event) {\n    if (typeof handler === \"function\") {\n        // call function handler\n        handler.call(vnode, event, vnode);\n    }\n    else if (typeof handler === \"object\") {\n        // call multiple handlers\n        for (let i = 0; i < handler.length; i++) {\n            invokeHandler(handler[i], vnode, event);\n        }\n    }\n}\nfunction handleEvent(event, vnode) {\n    const name = event.type;\n    const on = vnode.data.on;\n    // call event handler(s) if exists\n    if (on && on[name]) {\n        invokeHandler(on[name], vnode, event);\n    }\n}\nfunction createListener() {\n    return function handler(event) {\n        handleEvent(event, handler.vnode);\n    };\n}\nfunction updateEventListeners(oldVnode, vnode) {\n    const oldOn = oldVnode.data.on;\n    const oldListener = oldVnode.listener;\n    const oldElm = oldVnode.elm;\n    const on = vnode && vnode.data.on;\n    const elm = (vnode && vnode.elm);\n    let name;\n    // optimization for reused immutable handlers\n    if (oldOn === on) {\n        return;\n    }\n    // remove existing listeners which no longer used\n    if (oldOn && oldListener) {\n        // if element changed or deleted we remove all existing listeners unconditionally\n        if (!on) {\n            for (name in oldOn) {\n                // remove listener if element was changed or existing listeners removed\n                oldElm.removeEventListener(name, oldListener, false);\n            }\n        }\n        else {\n            for (name in oldOn) {\n                // remove listener if existing listener removed\n                if (!on[name]) {\n                    oldElm.removeEventListener(name, oldListener, false);\n                }\n            }\n        }\n    }\n    // add new listeners which has not already attached\n    if (on) {\n        // reuse existing listener or create new\n        const listener = (vnode.listener =\n            oldVnode.listener || createListener());\n        // update vnode for listener\n        listener.vnode = vnode;\n        // if element changed or added we add all needed listeners unconditionally\n        if (!oldOn) {\n            for (name in on) {\n                // add listener if element was changed or new listeners added\n                elm.addEventListener(name, listener, false);\n            }\n        }\n        else {\n            for (name in on) {\n                // add listener if new listener added\n                if (!oldOn[name]) {\n                    elm.addEventListener(name, listener, false);\n                }\n            }\n        }\n    }\n}\nconst eventListenersModule = {\n    create: updateEventListeners,\n    update: updateEventListeners,\n    destroy: updateEventListeners,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvZXZlbnRsaXN0ZW5lcnMuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQWlCQSxTQUFTLGFBQWEsQ0FDcEIsT0FBaUQsRUFDakQsS0FBWSxFQUNaLEtBQWE7SUFFYixJQUFJLE9BQU8sT0FBTyxLQUFLLFVBQVUsRUFBRTtRQUNqQyx3QkFBd0I7UUFDeEIsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO0tBQ25DO1NBQU0sSUFBSSxPQUFPLE9BQU8sS0FBSyxRQUFRLEVBQUU7UUFDdEMseUJBQXlCO1FBQ3pCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3ZDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ3pDO0tBQ0Y7QUFDSCxDQUFDO0FBRUQsU0FBUyxXQUFXLENBQUMsS0FBWSxFQUFFLEtBQVk7SUFDN0MsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN4QixNQUFNLEVBQUUsR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxFQUFFLENBQUM7SUFFeEMsa0NBQWtDO0lBQ2xDLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNsQixhQUFhLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztLQUN2QztBQUNILENBQUM7QUFFRCxTQUFTLGNBQWM7SUFDckIsT0FBTyxTQUFTLE9BQU8sQ0FBQyxLQUFZO1FBQ2xDLFdBQVcsQ0FBQyxLQUFLLEVBQUcsT0FBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdDLENBQUMsQ0FBQztBQUNKLENBQUM7QUFFRCxTQUFTLG9CQUFvQixDQUFDLFFBQWUsRUFBRSxLQUFhO0lBQzFELE1BQU0sS0FBSyxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEVBQUUsQ0FBQztJQUM5QyxNQUFNLFdBQVcsR0FBSSxRQUFnQixDQUFDLFFBQVEsQ0FBQztJQUMvQyxNQUFNLE1BQU0sR0FBWSxRQUFRLENBQUMsR0FBYyxDQUFDO0lBQ2hELE1BQU0sRUFBRSxHQUFHLEtBQUssSUFBSyxLQUFLLENBQUMsSUFBa0IsQ0FBQyxFQUFFLENBQUM7SUFDakQsTUFBTSxHQUFHLEdBQVksQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEdBQUcsQ0FBWSxDQUFDO0lBQ3JELElBQUksSUFBWSxDQUFDO0lBRWpCLDZDQUE2QztJQUM3QyxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDaEIsT0FBTztLQUNSO0lBRUQsaURBQWlEO0lBQ2pELElBQUksS0FBSyxJQUFJLFdBQVcsRUFBRTtRQUN4QixpRkFBaUY7UUFDakYsSUFBSSxDQUFDLEVBQUUsRUFBRTtZQUNQLEtBQUssSUFBSSxJQUFJLEtBQUssRUFBRTtnQkFDbEIsdUVBQXVFO2dCQUN2RSxNQUFNLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0RDtTQUNGO2FBQU07WUFDTCxLQUFLLElBQUksSUFBSSxLQUFLLEVBQUU7Z0JBQ2xCLCtDQUErQztnQkFDL0MsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDYixNQUFNLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQztpQkFDdEQ7YUFDRjtTQUNGO0tBQ0Y7SUFFRCxtREFBbUQ7SUFDbkQsSUFBSSxFQUFFLEVBQUU7UUFDTix3Q0FBd0M7UUFDeEMsTUFBTSxRQUFRLEdBQUcsQ0FBRSxLQUFhLENBQUMsUUFBUTtZQUN0QyxRQUFnQixDQUFDLFFBQVEsSUFBSSxjQUFjLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELDRCQUE0QjtRQUM1QixRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUV2QiwwRUFBMEU7UUFDMUUsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNWLEtBQUssSUFBSSxJQUFJLEVBQUUsRUFBRTtnQkFDZiw2REFBNkQ7Z0JBQzdELEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQzdDO1NBQ0Y7YUFBTTtZQUNMLEtBQUssSUFBSSxJQUFJLEVBQUUsRUFBRTtnQkFDZixxQ0FBcUM7Z0JBQ3JDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ2hCLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO2lCQUM3QzthQUNGO1NBQ0Y7S0FDRjtBQUNILENBQUM7QUFFTSxNQUFNLG9CQUFvQixHQUFXO0lBQzFDLE1BQU0sRUFBRSxvQkFBb0I7SUFDNUIsTUFBTSxFQUFFLG9CQUFvQjtJQUM1QixPQUFPLEVBQUUsb0JBQW9CO0NBQzlCLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL2V2ZW50bGlzdGVuZXJzLnRzPzI0OTYiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuLi92bm9kZVwiO1xuaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlXCI7XG5cbnR5cGUgTGlzdGVuZXI8VD4gPSAodGhpczogVk5vZGUsIGV2OiBULCB2bm9kZTogVk5vZGUpID0+IHZvaWQ7XG5cbmV4cG9ydCB0eXBlIE9uID0ge1xuICBbTiBpbiBrZXlvZiBIVE1MRWxlbWVudEV2ZW50TWFwXT86XG4gICAgfCBMaXN0ZW5lcjxIVE1MRWxlbWVudEV2ZW50TWFwW05dPlxuICAgIHwgQXJyYXk8TGlzdGVuZXI8SFRNTEVsZW1lbnRFdmVudE1hcFtOXT4+O1xufSAmIHtcbiAgW2V2ZW50OiBzdHJpbmddOiBMaXN0ZW5lcjxhbnk+IHwgQXJyYXk8TGlzdGVuZXI8YW55Pj47XG59O1xuXG50eXBlIFNvbWVMaXN0ZW5lcjxOIGV4dGVuZHMga2V5b2YgSFRNTEVsZW1lbnRFdmVudE1hcD4gPVxuICB8IExpc3RlbmVyPEhUTUxFbGVtZW50RXZlbnRNYXBbTl0+XG4gIHwgTGlzdGVuZXI8YW55PjtcblxuZnVuY3Rpb24gaW52b2tlSGFuZGxlcjxOIGV4dGVuZHMga2V5b2YgSFRNTEVsZW1lbnRFdmVudE1hcD4oXG4gIGhhbmRsZXI6IFNvbWVMaXN0ZW5lcjxOPiB8IEFycmF5PFNvbWVMaXN0ZW5lcjxOPj4sXG4gIHZub2RlOiBWTm9kZSxcbiAgZXZlbnQ/OiBFdmVudFxuKTogdm9pZCB7XG4gIGlmICh0eXBlb2YgaGFuZGxlciA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgLy8gY2FsbCBmdW5jdGlvbiBoYW5kbGVyXG4gICAgaGFuZGxlci5jYWxsKHZub2RlLCBldmVudCwgdm5vZGUpO1xuICB9IGVsc2UgaWYgKHR5cGVvZiBoYW5kbGVyID09PSBcIm9iamVjdFwiKSB7XG4gICAgLy8gY2FsbCBtdWx0aXBsZSBoYW5kbGVyc1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgaGFuZGxlci5sZW5ndGg7IGkrKykge1xuICAgICAgaW52b2tlSGFuZGxlcihoYW5kbGVyW2ldLCB2bm9kZSwgZXZlbnQpO1xuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBoYW5kbGVFdmVudChldmVudDogRXZlbnQsIHZub2RlOiBWTm9kZSkge1xuICBjb25zdCBuYW1lID0gZXZlbnQudHlwZTtcbiAgY29uc3Qgb24gPSAodm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLm9uO1xuXG4gIC8vIGNhbGwgZXZlbnQgaGFuZGxlcihzKSBpZiBleGlzdHNcbiAgaWYgKG9uICYmIG9uW25hbWVdKSB7XG4gICAgaW52b2tlSGFuZGxlcihvbltuYW1lXSwgdm5vZGUsIGV2ZW50KTtcbiAgfVxufVxuXG5mdW5jdGlvbiBjcmVhdGVMaXN0ZW5lcigpIHtcbiAgcmV0dXJuIGZ1bmN0aW9uIGhhbmRsZXIoZXZlbnQ6IEV2ZW50KSB7XG4gICAgaGFuZGxlRXZlbnQoZXZlbnQsIChoYW5kbGVyIGFzIGFueSkudm5vZGUpO1xuICB9O1xufVxuXG5mdW5jdGlvbiB1cGRhdGVFdmVudExpc3RlbmVycyhvbGRWbm9kZTogVk5vZGUsIHZub2RlPzogVk5vZGUpOiB2b2lkIHtcbiAgY29uc3Qgb2xkT24gPSAob2xkVm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLm9uO1xuICBjb25zdCBvbGRMaXN0ZW5lciA9IChvbGRWbm9kZSBhcyBhbnkpLmxpc3RlbmVyO1xuICBjb25zdCBvbGRFbG06IEVsZW1lbnQgPSBvbGRWbm9kZS5lbG0gYXMgRWxlbWVudDtcbiAgY29uc3Qgb24gPSB2bm9kZSAmJiAodm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLm9uO1xuICBjb25zdCBlbG06IEVsZW1lbnQgPSAodm5vZGUgJiYgdm5vZGUuZWxtKSBhcyBFbGVtZW50O1xuICBsZXQgbmFtZTogc3RyaW5nO1xuXG4gIC8vIG9wdGltaXphdGlvbiBmb3IgcmV1c2VkIGltbXV0YWJsZSBoYW5kbGVyc1xuICBpZiAob2xkT24gPT09IG9uKSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgLy8gcmVtb3ZlIGV4aXN0aW5nIGxpc3RlbmVycyB3aGljaCBubyBsb25nZXIgdXNlZFxuICBpZiAob2xkT24gJiYgb2xkTGlzdGVuZXIpIHtcbiAgICAvLyBpZiBlbGVtZW50IGNoYW5nZWQgb3IgZGVsZXRlZCB3ZSByZW1vdmUgYWxsIGV4aXN0aW5nIGxpc3RlbmVycyB1bmNvbmRpdGlvbmFsbHlcbiAgICBpZiAoIW9uKSB7XG4gICAgICBmb3IgKG5hbWUgaW4gb2xkT24pIHtcbiAgICAgICAgLy8gcmVtb3ZlIGxpc3RlbmVyIGlmIGVsZW1lbnQgd2FzIGNoYW5nZWQgb3IgZXhpc3RpbmcgbGlzdGVuZXJzIHJlbW92ZWRcbiAgICAgICAgb2xkRWxtLnJlbW92ZUV2ZW50TGlzdGVuZXIobmFtZSwgb2xkTGlzdGVuZXIsIGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChuYW1lIGluIG9sZE9uKSB7XG4gICAgICAgIC8vIHJlbW92ZSBsaXN0ZW5lciBpZiBleGlzdGluZyBsaXN0ZW5lciByZW1vdmVkXG4gICAgICAgIGlmICghb25bbmFtZV0pIHtcbiAgICAgICAgICBvbGRFbG0ucmVtb3ZlRXZlbnRMaXN0ZW5lcihuYW1lLCBvbGRMaXN0ZW5lciwgZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gYWRkIG5ldyBsaXN0ZW5lcnMgd2hpY2ggaGFzIG5vdCBhbHJlYWR5IGF0dGFjaGVkXG4gIGlmIChvbikge1xuICAgIC8vIHJldXNlIGV4aXN0aW5nIGxpc3RlbmVyIG9yIGNyZWF0ZSBuZXdcbiAgICBjb25zdCBsaXN0ZW5lciA9ICgodm5vZGUgYXMgYW55KS5saXN0ZW5lciA9XG4gICAgICAob2xkVm5vZGUgYXMgYW55KS5saXN0ZW5lciB8fCBjcmVhdGVMaXN0ZW5lcigpKTtcbiAgICAvLyB1cGRhdGUgdm5vZGUgZm9yIGxpc3RlbmVyXG4gICAgbGlzdGVuZXIudm5vZGUgPSB2bm9kZTtcblxuICAgIC8vIGlmIGVsZW1lbnQgY2hhbmdlZCBvciBhZGRlZCB3ZSBhZGQgYWxsIG5lZWRlZCBsaXN0ZW5lcnMgdW5jb25kaXRpb25hbGx5XG4gICAgaWYgKCFvbGRPbikge1xuICAgICAgZm9yIChuYW1lIGluIG9uKSB7XG4gICAgICAgIC8vIGFkZCBsaXN0ZW5lciBpZiBlbGVtZW50IHdhcyBjaGFuZ2VkIG9yIG5ldyBsaXN0ZW5lcnMgYWRkZWRcbiAgICAgICAgZWxtLmFkZEV2ZW50TGlzdGVuZXIobmFtZSwgbGlzdGVuZXIsIGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZm9yIChuYW1lIGluIG9uKSB7XG4gICAgICAgIC8vIGFkZCBsaXN0ZW5lciBpZiBuZXcgbGlzdGVuZXIgYWRkZWRcbiAgICAgICAgaWYgKCFvbGRPbltuYW1lXSkge1xuICAgICAgICAgIGVsbS5hZGRFdmVudExpc3RlbmVyKG5hbWUsIGxpc3RlbmVyLCBmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGV2ZW50TGlzdGVuZXJzTW9kdWxlOiBNb2R1bGUgPSB7XG4gIGNyZWF0ZTogdXBkYXRlRXZlbnRMaXN0ZW5lcnMsXG4gIHVwZGF0ZTogdXBkYXRlRXZlbnRMaXN0ZW5lcnMsXG4gIGRlc3Ryb3k6IHVwZGF0ZUV2ZW50TGlzdGVuZXJzLFxufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/eventlisteners.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/modules/props.js":
-/*!*******************************************************!*\
-  !*** ../node_modules/snabbdom/build/modules/props.js ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"propsModule\": () => (/* binding */ propsModule)\n/* harmony export */ });\nfunction updateProps(oldVnode, vnode) {\n    let key;\n    let cur;\n    let old;\n    const elm = vnode.elm;\n    let oldProps = oldVnode.data.props;\n    let props = vnode.data.props;\n    if (!oldProps && !props)\n        return;\n    if (oldProps === props)\n        return;\n    oldProps = oldProps || {};\n    props = props || {};\n    for (key in props) {\n        cur = props[key];\n        old = oldProps[key];\n        if (old !== cur && (key !== \"value\" || elm[key] !== cur)) {\n            elm[key] = cur;\n        }\n    }\n}\nconst propsModule = { create: updateProps, update: updateProps };\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvcHJvcHMuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQUtBLFNBQVMsV0FBVyxDQUFDLFFBQWUsRUFBRSxLQUFZO0lBQ2hELElBQUksR0FBVyxDQUFDO0lBQ2hCLElBQUksR0FBUSxDQUFDO0lBQ2IsSUFBSSxHQUFRLENBQUM7SUFDYixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDO0lBQ3RCLElBQUksUUFBUSxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUNsRCxJQUFJLEtBQUssR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFFNUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUs7UUFBRSxPQUFPO0lBQ2hDLElBQUksUUFBUSxLQUFLLEtBQUs7UUFBRSxPQUFPO0lBQy9CLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0lBQzFCLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRXBCLEtBQUssR0FBRyxJQUFJLEtBQUssRUFBRTtRQUNqQixHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLEdBQUcsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEIsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSyxHQUFXLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUU7WUFDaEUsR0FBVyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztTQUN6QjtLQUNGO0FBQ0gsQ0FBQztBQUVNLE1BQU0sV0FBVyxHQUFXLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy9tb2R1bGVzL3Byb3BzLnRzPzNiYTEiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVk5vZGUsIFZOb2RlRGF0YSB9IGZyb20gXCIuLi92bm9kZVwiO1xuaW1wb3J0IHsgTW9kdWxlIH0gZnJvbSBcIi4vbW9kdWxlXCI7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gUmVjb3JkPHN0cmluZywgYW55PjtcblxuZnVuY3Rpb24gdXBkYXRlUHJvcHMob2xkVm5vZGU6IFZOb2RlLCB2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IGtleTogc3RyaW5nO1xuICBsZXQgY3VyOiBhbnk7XG4gIGxldCBvbGQ6IGFueTtcbiAgY29uc3QgZWxtID0gdm5vZGUuZWxtO1xuICBsZXQgb2xkUHJvcHMgPSAob2xkVm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLnByb3BzO1xuICBsZXQgcHJvcHMgPSAodm5vZGUuZGF0YSBhcyBWTm9kZURhdGEpLnByb3BzO1xuXG4gIGlmICghb2xkUHJvcHMgJiYgIXByb3BzKSByZXR1cm47XG4gIGlmIChvbGRQcm9wcyA9PT0gcHJvcHMpIHJldHVybjtcbiAgb2xkUHJvcHMgPSBvbGRQcm9wcyB8fCB7fTtcbiAgcHJvcHMgPSBwcm9wcyB8fCB7fTtcblxuICBmb3IgKGtleSBpbiBwcm9wcykge1xuICAgIGN1ciA9IHByb3BzW2tleV07XG4gICAgb2xkID0gb2xkUHJvcHNba2V5XTtcbiAgICBpZiAob2xkICE9PSBjdXIgJiYgKGtleSAhPT0gXCJ2YWx1ZVwiIHx8IChlbG0gYXMgYW55KVtrZXldICE9PSBjdXIpKSB7XG4gICAgICAoZWxtIGFzIGFueSlba2V5XSA9IGN1cjtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHByb3BzTW9kdWxlOiBNb2R1bGUgPSB7IGNyZWF0ZTogdXBkYXRlUHJvcHMsIHVwZGF0ZTogdXBkYXRlUHJvcHMgfTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/props.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/modules/style.js":
-/*!*******************************************************!*\
-  !*** ../node_modules/snabbdom/build/modules/style.js ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"styleModule\": () => (/* binding */ styleModule)\n/* harmony export */ });\n// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.\nconst raf = (typeof window !== \"undefined\" &&\n    window.requestAnimationFrame.bind(window)) ||\n    setTimeout;\nconst nextFrame = function (fn) {\n    raf(function () {\n        raf(fn);\n    });\n};\nlet reflowForced = false;\nfunction setNextFrame(obj, prop, val) {\n    nextFrame(function () {\n        obj[prop] = val;\n    });\n}\nfunction updateStyle(oldVnode, vnode) {\n    let cur;\n    let name;\n    const elm = vnode.elm;\n    let oldStyle = oldVnode.data.style;\n    let style = vnode.data.style;\n    if (!oldStyle && !style)\n        return;\n    if (oldStyle === style)\n        return;\n    oldStyle = oldStyle || {};\n    style = style || {};\n    const oldHasDel = \"delayed\" in oldStyle;\n    for (name in oldStyle) {\n        if (!style[name]) {\n            if (name[0] === \"-\" && name[1] === \"-\") {\n                elm.style.removeProperty(name);\n            }\n            else {\n                elm.style[name] = \"\";\n            }\n        }\n    }\n    for (name in style) {\n        cur = style[name];\n        if (name === \"delayed\" && style.delayed) {\n            for (const name2 in style.delayed) {\n                cur = style.delayed[name2];\n                if (!oldHasDel || cur !== oldStyle.delayed[name2]) {\n                    setNextFrame(elm.style, name2, cur);\n                }\n            }\n        }\n        else if (name !== \"remove\" && cur !== oldStyle[name]) {\n            if (name[0] === \"-\" && name[1] === \"-\") {\n                elm.style.setProperty(name, cur);\n            }\n            else {\n                elm.style[name] = cur;\n            }\n        }\n    }\n}\nfunction applyDestroyStyle(vnode) {\n    let style;\n    let name;\n    const elm = vnode.elm;\n    const s = vnode.data.style;\n    if (!s || !(style = s.destroy))\n        return;\n    for (name in style) {\n        elm.style[name] = style[name];\n    }\n}\nfunction applyRemoveStyle(vnode, rm) {\n    const s = vnode.data.style;\n    if (!s || !s.remove) {\n        rm();\n        return;\n    }\n    if (!reflowForced) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        vnode.elm.offsetLeft;\n        reflowForced = true;\n    }\n    let name;\n    const elm = vnode.elm;\n    let i = 0;\n    const style = s.remove;\n    let amount = 0;\n    const applied = [];\n    for (name in style) {\n        applied.push(name);\n        elm.style[name] = style[name];\n    }\n    const compStyle = getComputedStyle(elm);\n    const props = compStyle[\"transition-property\"].split(\", \");\n    for (; i < props.length; ++i) {\n        if (applied.indexOf(props[i]) !== -1)\n            amount++;\n    }\n    elm.addEventListener(\"transitionend\", function (ev) {\n        if (ev.target === elm)\n            --amount;\n        if (amount === 0)\n            rm();\n    });\n}\nfunction forceReflow() {\n    reflowForced = false;\n}\nconst styleModule = {\n    pre: forceReflow,\n    create: updateStyle,\n    update: updateStyle,\n    destroy: applyDestroyStyle,\n    remove: applyRemoveStyle,\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL21vZHVsZXMvc3R5bGUuanMuanMiLCJtYXBwaW5ncyI6Ijs7OztBQVFBLHNGQUFzRjtBQUN0RixNQUFNLEdBQUcsR0FDUCxDQUFDLE9BQU8sTUFBTSxLQUFLLFdBQVc7SUFDNUIsTUFBTSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QyxVQUFVLENBQUM7QUFDYixNQUFNLFNBQVMsR0FBRyxVQUFVLEVBQU87SUFDakMsR0FBRyxDQUFDO1FBQ0YsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ1YsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFDRixJQUFJLFlBQVksR0FBRyxLQUFLLENBQUM7QUFFekIsU0FBUyxZQUFZLENBQUMsR0FBUSxFQUFFLElBQVksRUFBRSxHQUFRO0lBQ3BELFNBQVMsQ0FBQztRQUNSLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLENBQUM7SUFDbEIsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDO0FBRUQsU0FBUyxXQUFXLENBQUMsUUFBZSxFQUFFLEtBQVk7SUFDaEQsSUFBSSxHQUFRLENBQUM7SUFDYixJQUFJLElBQVksQ0FBQztJQUNqQixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDO0lBQ3RCLElBQUksUUFBUSxHQUFJLFFBQVEsQ0FBQyxJQUFrQixDQUFDLEtBQUssQ0FBQztJQUNsRCxJQUFJLEtBQUssR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxLQUFLLENBQUM7SUFFNUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUs7UUFBRSxPQUFPO0lBQ2hDLElBQUksUUFBUSxLQUFLLEtBQUs7UUFBRSxPQUFPO0lBQy9CLFFBQVEsR0FBRyxRQUFRLElBQUksRUFBRSxDQUFDO0lBQzFCLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ3BCLE1BQU0sU0FBUyxHQUFHLFNBQVMsSUFBSSxRQUFR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QUFJLEtBQUssRUFBRTtRQUNsQixPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLEdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0tBQ3hDO0lBQ0QsTUFBTSxTQUFTLEdBQUcsZ0JBQWdCLENBQUMsR0FBYyxDQUFDLENBQUM7SUFDbkQsTUFBTSxLQUFLLEdBQUksU0FBaUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1FBQzVCLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7WUFBRSxNQUFNLEVBQUUsQ0FBQztLQUNoRDtJQUNBLEdBQWUsQ0FBQyxnQkFBZ0IsQ0FDL0IsZUFBZSxFQUNmLFVBQVUsRUFBbUI7UUFDM0IsSUFBSSxFQUFFLENBQUMsTUFBTSxLQUFLLEdBQUc7WUFBRSxFQUFFLE1BQU0sQ0FBQztRQUNoQyxJQUFJLE1BQU0sS0FBSyxDQUFDO1lBQUUsRUFBRSxFQUFFLENBQUM7SUFDekIsQ0FBQyxDQUNGLENBQUM7QUFDSixDQUFDO0FBRUQsU0FBUyxXQUFXO0lBQ2xCLFlBQVksR0FBRyxLQUFLLENBQUM7QUFDdkIsQ0FBQztBQUVNLE1BQU0sV0FBVyxHQUFXO0lBQ2pDLEdBQUcsRUFBRSxXQUFXO0lBQ2hCLE1BQU0sRUFBRSxXQUFXO0lBQ25CLE1BQU0sRUFBRSxXQUFXO0lBQ25CLE9BQU8sRUFBRSxpQkFBaUI7SUFDMUIsTUFBTSxFQUFFLGdCQUFnQjtDQUN6QixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvbW9kdWxlcy9zdHlsZS50cz85MjA3Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZOb2RlLCBWTm9kZURhdGEgfSBmcm9tIFwiLi4vdm5vZGVcIjtcbmltcG9ydCB7IE1vZHVsZSB9IGZyb20gXCIuL21vZHVsZVwiO1xuXG5leHBvcnQgdHlwZSBWTm9kZVN0eWxlID0gUmVjb3JkPHN0cmluZywgc3RyaW5nPiAmIHtcbiAgZGVsYXllZD86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG4gIHJlbW92ZT86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG59O1xuXG4vLyBCaW5kaWcgYHJlcXVlc3RBbmltYXRpb25GcmFtZWAgbGlrZSB0aGlzIGZpeGVzIGEgYnVnIGluIElFL0VkZ2UuIFNlZSAjMzYwIGFuZCAjNDA5LlxuY29uc3QgcmFmID1cbiAgKHR5cGVvZiB3aW5kb3cgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICB3aW5kb3cucmVxdWVzdEFuaW1hdGlvbkZyYW1lLmJpbmQod2luZG93KSkgfHxcbiAgc2V0VGltZW91dDtcbmNvbnN0IG5leHRGcmFtZSA9IGZ1bmN0aW9uIChmbjogYW55KSB7XG4gIHJhZihmdW5jdGlvbiAoKSB7XG4gICAgcmFmKGZuKTtcbiAgfSk7XG59O1xubGV0IHJlZmxvd0ZvcmNlZCA9IGZhbHNlO1xuXG5mdW5jdGlvbiBzZXROZXh0RnJhbWUob2JqOiBhbnksIHByb3A6IHN0cmluZywgdmFsOiBhbnkpOiB2b2lkIHtcbiAgbmV4dEZyYW1lKGZ1bmN0aW9uICgpIHtcbiAgICBvYmpbcHJvcF0gPSB2YWw7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiB1cGRhdGVTdHlsZShvbGRWbm9kZTogVk5vZGUsIHZub2RlOiBWTm9kZSk6IHZvaWQge1xuICBsZXQgY3VyOiBhbnk7XG4gIGxldCBuYW1lOiBzdHJpbmc7XG4gIGNvbnN0IGVsbSA9IHZub2RlLmVsbTtcbiAgbGV0IG9sZFN0eWxlID0gKG9sZFZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5zdHlsZTtcbiAgbGV0IHN0eWxlID0gKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5zdHlsZTtcblxuICBpZiAoIW9sZFN0eWxlICYmICFzdHlsZSkgcmV0dXJuO1xuICBpZiAob2xkU3R5bGUgPT09IHN0eWxlKSByZXR1cm47XG4gIG9sZFN0eWxlID0gb2xkU3R5bGUgfHwge307XG4gIHN0eWxlID0gc3R5bGUgfHwge307XG4gIGNvbnN0IG9sZEhhc0RlbCA9IFwiZGVsYXllZFwiIGluIG9sZFN0eWxlO1xuXG4gIGZvciAobmFtZSBpbiBvbGRTdHlsZSkge1xuICAgIGlmICghc3R5bGVbbmFtZV0pIHtcbiAgICAgIGlmIChuYW1lWzBdID09PSBcIi1cIiAmJiBuYW1lWzFdID09PSBcIi1cIikge1xuICAgICAgICAoZWxtIGFzIGFueSkuc3R5bGUucmVtb3ZlUHJvcGVydHkobmFtZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAoZWxtIGFzIGFueSkuc3R5bGVbbmFtZV0gPSBcIlwiO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICBmb3IgKG5hbWUgaW4gc3R5bGUpIHtcbiAgICBjdXIgPSBzdHlsZVtuYW1lXTtcbiAgICBpZiAobmFtZSA9PT0gXCJkZWxheWVkXCIgJiYgc3R5bGUuZGVsYXllZCkge1xuICAgICAgZm9yIChjb25zdCBuYW1lMiBpbiBzdHlsZS5kZWxheWVkKSB7XG4gICAgICAgIGN1ciA9IHN0eWxlLmRlbGF5ZWRbbmFtZTJdO1xuICAgICAgICBpZiAoIW9sZEhhc0RlbCB8fCBjdXIgIT09IChvbGRTdHlsZS5kZWxheWVkIGFzIGFueSlbbmFtZTJdKSB7XG4gICAgICAgICAgc2V0TmV4dEZyYW1lKChlbG0gYXMgYW55KS5zdHlsZSwgbmFtZTIsIGN1cik7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKG5hbWUgIT09IFwicmVtb3ZlXCIgJiYgY3VyICE9PSBvbGRTdHlsZVtuYW1lXSkge1xuICAgICAgaWYgKG5hbWVbMF0gPT09IFwiLVwiICYmIG5hbWVbMV0gPT09IFwiLVwiKSB7XG4gICAgICAgIChlbG0gYXMgYW55KS5zdHlsZS5zZXRQcm9wZXJ0eShuYW1lLCBjdXIpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgKGVsbSBhcyBhbnkpLnN0eWxlW25hbWVdID0gY3VyO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBhcHBseURlc3Ryb3lTdHlsZSh2bm9kZTogVk5vZGUpOiB2b2lkIHtcbiAgbGV0IHN0eWxlOiBhbnk7XG4gIGxldCBuYW1lOiBzdHJpbmc7XG4gIGNvbnN0IGVsbSA9IHZub2RlLmVsbTtcbiAgY29uc3QgcyA9ICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuc3R5bGU7XG4gIGlmICghcyB8fCAhKHN0eWxlID0gcy5kZXN0cm95KSkgcmV0dXJuO1xuICBmb3IgKG5hbWUgaW4gc3R5bGUpIHtcbiAgICAoZWxtIGFzIGFueSkuc3R5bGVbbmFtZV0gPSBzdHlsZVtuYW1lXTtcbiAgfVxufVxuXG5mdW5jdGlvbiBhcHBseVJlbW92ZVN0eWxlKHZub2RlOiBWTm9kZSwgcm06ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgY29uc3QgcyA9ICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuc3R5bGU7XG4gIGlmICghcyB8fCAhcy5yZW1vdmUpIHtcbiAgICBybSgpO1xuICAgIHJldHVybjtcbiAgfVxuICBpZiAoIXJlZmxvd0ZvcmNlZCkge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLWV4cHJlc3Npb25zXG4gICAgKHZub2RlLmVsbSBhcyBhbnkpLm9mZnNldExlZnQ7XG4gICAgcmVmbG93Rm9yY2VkID0gdHJ1ZTtcbiAgfVxuICBsZXQgbmFtZTogc3RyaW5nO1xuICBjb25zdCBlbG0gPSB2bm9kZS5lbG07XG4gIGxldCBpID0gMDtcbiAgY29uc3Qgc3R5bGUgPSBzLnJlbW92ZTtcbiAgbGV0IGFtb3VudCA9IDA7XG4gIGNvbnN0IGFwcGxpZWQ6IHN0cmluZ1tdID0gW107XG4gIGZvciAobmFtZSBpbiBzdHlsZSkge1xuICAgIGFwcGxpZWQucHVzaChuYW1lKTtcbiAgICAoZWxtIGFzIGFueSkuc3R5bGVbbmFtZV0gPSBzdHlsZVtuYW1lXTtcbiAgfVxuICBjb25zdCBjb21wU3R5bGUgPSBnZXRDb21wdXRlZFN0eWxlKGVsbSBhcyBFbGVtZW50KTtcbiAgY29uc3QgcHJvcHMgPSAoY29tcFN0eWxlIGFzIGFueSlbXCJ0cmFuc2l0aW9uLXByb3BlcnR5XCJdLnNwbGl0KFwiLCBcIik7XG4gIGZvciAoOyBpIDwgcHJvcHMubGVuZ3RoOyArK2kpIHtcbiAgICBpZiAoYXBwbGllZC5pbmRleE9mKHByb3BzW2ldKSAhPT0gLTEpIGFtb3VudCsrO1xuICB9XG4gIChlbG0gYXMgRWxlbWVudCkuYWRkRXZlbnRMaXN0ZW5lcihcbiAgICBcInRyYW5zaXRpb25lbmRcIixcbiAgICBmdW5jdGlvbiAoZXY6IFRyYW5zaXRpb25FdmVudCkge1xuICAgICAgaWYgKGV2LnRhcmdldCA9PT0gZWxtKSAtLWFtb3VudDtcbiAgICAgIGlmIChhbW91bnQgPT09IDApIHJtKCk7XG4gICAgfVxuICApO1xufVxuXG5mdW5jdGlvbiBmb3JjZVJlZmxvdygpIHtcbiAgcmVmbG93Rm9yY2VkID0gZmFsc2U7XG59XG5cbmV4cG9ydCBjb25zdCBzdHlsZU1vZHVsZTogTW9kdWxlID0ge1xuICBwcmU6IGZvcmNlUmVmbG93LFxuICBjcmVhdGU6IHVwZGF0ZVN0eWxlLFxuICB1cGRhdGU6IHVwZGF0ZVN0eWxlLFxuICBkZXN0cm95OiBhcHBseURlc3Ryb3lTdHlsZSxcbiAgcmVtb3ZlOiBhcHBseVJlbW92ZVN0eWxlLFxufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/modules/style.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/thunk.js":
-/*!***********************************************!*\
-  !*** ../node_modules/snabbdom/build/thunk.js ***!
-  \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"thunk\": () => (/* binding */ thunk)\n/* harmony export */ });\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n\nfunction copyToThunk(vnode, thunk) {\n    var _a;\n    const ns = (_a = thunk.data) === null || _a === void 0 ? void 0 : _a.ns;\n    vnode.data.fn = thunk.data.fn;\n    vnode.data.args = thunk.data.args;\n    thunk.data = vnode.data;\n    thunk.children = vnode.children;\n    thunk.text = vnode.text;\n    thunk.elm = vnode.elm;\n    if (ns)\n        (0,_h__WEBPACK_IMPORTED_MODULE_0__.addNS)(thunk.data, thunk.children, thunk.sel);\n}\nfunction init(thunk) {\n    const cur = thunk.data;\n    const vnode = cur.fn(...cur.args);\n    copyToThunk(vnode, thunk);\n}\nfunction prepatch(oldVnode, thunk) {\n    let i;\n    const old = oldVnode.data;\n    const cur = thunk.data;\n    const oldArgs = old.args;\n    const args = cur.args;\n    if (old.fn !== cur.fn || oldArgs.length !== args.length) {\n        copyToThunk(cur.fn(...args), thunk);\n        return;\n    }\n    for (i = 0; i < args.length; ++i) {\n        if (oldArgs[i] !== args[i]) {\n            copyToThunk(cur.fn(...args), thunk);\n            return;\n        }\n    }\n    copyToThunk(oldVnode, thunk);\n}\nconst thunk = function thunk(sel, key, fn, args) {\n    if (args === undefined) {\n        args = fn;\n        fn = key;\n        key = undefined;\n    }\n    return (0,_h__WEBPACK_IMPORTED_MODULE_0__.h)(sel, {\n        key: key,\n        hook: { init, prepatch },\n        fn: fn,\n        args: args,\n    });\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL3RodW5rLmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7O0FBQytCO0FBZ0IvQixTQUFTLFdBQVcsQ0FBQyxLQUFZLEVBQUUsS0FBWTs7SUFDN0MsTUFBTSxFQUFFLEdBQUcsV0FBSyxDQUFDLElBQUksMENBQUUsRUFBRSxDQUFDO0lBQ3pCLEtBQUssQ0FBQyxJQUFrQixDQUFDLEVBQUUsR0FBSSxLQUFLLENBQUMsSUFBa0IsQ0FBQyxFQUFFLENBQUM7SUFDM0QsS0FBSyxDQUFDLElBQWtCLENBQUMsSUFBSSxHQUFJLEtBQUssQ0FBQyxJQUFrQixDQUFDLElBQUksQ0FBQztJQUNoRSxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDeEIsS0FBSyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQ2hDLEtBQUssQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN4QixLQUFLLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUM7SUFDdEIsSUFBSSxFQUFFO1FBQUUseUNBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQ3ZELENBQUM7QUFFRCxTQUFTLElBQUksQ0FBQyxLQUFZO0lBQ3hCLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxJQUFpQixDQUFDO0lBQ3BDLE1BQU0sS0FBSyxHQUFJLEdBQUcsQ0FBQyxFQUFVLENBQUMsR0FBRyxHQUFHLENBQUMsSUFBSyxDQUFDLENBQUM7SUFDNUMsV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztBQUM1QixDQUFDO0FBRUQsU0FBUyxRQUFRLENBQUMsUUFBZSxFQUFFLEtBQVk7SUFDN0MsSUFBSSxDQUFTLENBQUM7SUFDZCxNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsSUFBaUIsQ0FBQztJQUN2QyxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsSUFBaUIsQ0FBQztJQUNwQyxNQUFNLE9BQU8sR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO0lBQ3pCLE1BQU0sSUFBSSxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUM7SUFDdEIsSUFBSSxHQUFHLENBQUMsRUFBRSxLQUFLLEdBQUcsQ0FBQyxFQUFFLElBQUssT0FBZSxDQUFDLE1BQU0sS0FBTSxJQUFZLENBQUMsTUFBTSxFQUFFO1FBQ3pFLFdBQVcsQ0FBRSxHQUFHLENBQUMsRUFBVSxDQUFDLEdBQUcsSUFBSyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDOUMsT0FBTztLQUNSO0lBQ0QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBSSxJQUFZLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1FBQ3pDLElBQUssT0FBZSxDQUFDLENBQUMsQ0FBQyxLQUFNLElBQVksQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM1QyxXQUFXLENBQUUsR0FBRyxDQUFDLEVBQVUsQ0FBQyxHQUFHLElBQUssQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBQzlDLE9BQU87U0FDUjtLQUNGO0lBQ0QsV0FBVyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztBQUMvQixDQUFDO0FBRU0sTUFBTSxLQUFLLEdBQUcsU0FBUyxLQUFLLENBQ2pDLEdBQVcsRUFDWCxHQUFTLEVBQ1QsRUFBUSxFQUNSLElBQVU7SUFFVixJQUFJLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDdEIsSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLEVBQUUsR0FBRyxHQUFHLENBQUM7UUFDVCxHQUFHLEdBQUcsU0FBUyxDQUFDO0tBQ2pCO0lBQ0QsT0FBTyxxQ0FBQyxDQUFDLEdBQUcsRUFBRTtRQUNaLEdBQUcsRUFBRSxHQUFHO1FBQ1IsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRTtRQUN4QixFQUFFLEVBQUUsRUFBRTtRQUNOLElBQUksRUFBRSxJQUFJO0tBQ1gsQ0FBQyxDQUFDO0FBQ0wsQ0FBWSxDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvdGh1bmsudHM/NDNkYyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWTm9kZSwgVk5vZGVEYXRhIH0gZnJvbSBcIi4vdm5vZGVcIjtcbmltcG9ydCB7IGgsIGFkZE5TIH0gZnJvbSBcIi4vaFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW5rRGF0YSBleHRlbmRzIFZOb2RlRGF0YSB7XG4gIGZuOiAoKSA9PiBWTm9kZTtcbiAgYXJnczogYW55W107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bmsgZXh0ZW5kcyBWTm9kZSB7XG4gIGRhdGE6IFRodW5rRGF0YTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUaHVua0ZuIHtcbiAgKHNlbDogc3RyaW5nLCBmbjogKC4uLmFyZ3M6IGFueVtdKSA9PiBhbnksIGFyZ3M6IGFueVtdKTogVGh1bms7XG4gIChzZWw6IHN0cmluZywga2V5OiBhbnksIGZuOiAoLi4uYXJnczogYW55W10pID0+IGFueSwgYXJnczogYW55W10pOiBUaHVuaztcbn1cblxuZnVuY3Rpb24gY29weVRvVGh1bmsodm5vZGU6IFZOb2RlLCB0aHVuazogVk5vZGUpOiB2b2lkIHtcbiAgY29uc3QgbnMgPSB0aHVuay5kYXRhPy5ucztcbiAgKHZub2RlLmRhdGEgYXMgVk5vZGVEYXRhKS5mbiA9ICh0aHVuay5kYXRhIGFzIFZOb2RlRGF0YSkuZm47XG4gICh2bm9kZS5kYXRhIGFzIFZOb2RlRGF0YSkuYXJncyA9ICh0aHVuay5kYXRhIGFzIFZOb2RlRGF0YSkuYXJncztcbiAgdGh1bmsuZGF0YSA9IHZub2RlLmRhdGE7XG4gIHRodW5rLmNoaWxkcmVuID0gdm5vZGUuY2hpbGRyZW47XG4gIHRodW5rLnRleHQgPSB2bm9kZS50ZXh0O1xuICB0aHVuay5lbG0gPSB2bm9kZS5lbG07XG4gIGlmIChucykgYWRkTlModGh1bmsuZGF0YSwgdGh1bmsuY2hpbGRyZW4sIHRodW5rLnNlbCk7XG59XG5cbmZ1bmN0aW9uIGluaXQodGh1bms6IFZOb2RlKTogdm9pZCB7XG4gIGNvbnN0IGN1ciA9IHRodW5rLmRhdGEgYXMgVk5vZGVEYXRhO1xuICBjb25zdCB2bm9kZSA9IChjdXIuZm4gYXMgYW55KSguLi5jdXIuYXJncyEpO1xuICBjb3B5VG9UaHVuayh2bm9kZSwgdGh1bmspO1xufVxuXG5mdW5jdGlvbiBwcmVwYXRjaChvbGRWbm9kZTogVk5vZGUsIHRodW5rOiBWTm9kZSk6IHZvaWQge1xuICBsZXQgaTogbnVtYmVyO1xuICBjb25zdCBvbGQgPSBvbGRWbm9kZS5kYXRhIGFzIFZOb2RlRGF0YTtcbiAgY29uc3QgY3VyID0gdGh1bmsuZGF0YSBhcyBWTm9kZURhdGE7XG4gIGNvbnN0IG9sZEFyZ3MgPSBvbGQuYXJncztcbiAgY29uc3QgYXJncyA9IGN1ci5hcmdzO1xuICBpZiAob2xkLmZuICE9PSBjdXIuZm4gfHwgKG9sZEFyZ3MgYXMgYW55KS5sZW5ndGggIT09IChhcmdzIGFzIGFueSkubGVuZ3RoKSB7XG4gICAgY29weVRvVGh1bmsoKGN1ci5mbiBhcyBhbnkpKC4uLmFyZ3MhKSwgdGh1bmspO1xuICAgIHJldHVybjtcbiAgfVxuICBmb3IgKGkgPSAwOyBpIDwgKGFyZ3MgYXMgYW55KS5sZW5ndGg7ICsraSkge1xuICAgIGlmICgob2xkQXJncyBhcyBhbnkpW2ldICE9PSAoYXJncyBhcyBhbnkpW2ldKSB7XG4gICAgICBjb3B5VG9UaHVuaygoY3VyLmZuIGFzIGFueSkoLi4uYXJncyEpLCB0aHVuayk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICB9XG4gIGNvcHlUb1RodW5rKG9sZFZub2RlLCB0aHVuayk7XG59XG5cbmV4cG9ydCBjb25zdCB0aHVuayA9IGZ1bmN0aW9uIHRodW5rKFxuICBzZWw6IHN0cmluZyxcbiAga2V5PzogYW55LFxuICBmbj86IGFueSxcbiAgYXJncz86IGFueVxuKTogVk5vZGUge1xuICBpZiAoYXJncyA9PT0gdW5kZWZpbmVkKSB7XG4gICAgYXJncyA9IGZuO1xuICAgIGZuID0ga2V5O1xuICAgIGtleSA9IHVuZGVmaW5lZDtcbiAgfVxuICByZXR1cm4gaChzZWwsIHtcbiAgICBrZXk6IGtleSxcbiAgICBob29rOiB7IGluaXQsIHByZXBhdGNoIH0sXG4gICAgZm46IGZuLFxuICAgIGFyZ3M6IGFyZ3MsXG4gIH0pO1xufSBhcyBUaHVua0ZuO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/thunk.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/tovnode.js":
-/*!*************************************************!*\
-  !*** ../node_modules/snabbdom/build/tovnode.js ***!
-  \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"toVNode\": () => (/* binding */ toVNode)\n/* harmony export */ });\n/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./h */ \"../node_modules/snabbdom/build/h.js\");\n/* harmony import */ var _vnode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vnode */ \"../node_modules/snabbdom/build/vnode.js\");\n/* harmony import */ var _htmldomapi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./htmldomapi */ \"../node_modules/snabbdom/build/htmldomapi.js\");\n\n\n\nfunction toVNode(node, domApi) {\n    const api = domApi !== undefined ? domApi : _htmldomapi__WEBPACK_IMPORTED_MODULE_0__.htmlDomApi;\n    let text;\n    if (api.isElement(node)) {\n        const id = node.id ? \"#\" + node.id : \"\";\n        const cn = node.getAttribute(\"class\");\n        const c = cn ? \".\" + cn.split(\" \").join(\".\") : \"\";\n        const sel = api.tagName(node).toLowerCase() + id + c;\n        const attrs = {};\n        const children = [];\n        let name;\n        let i, n;\n        const elmAttrs = node.attributes;\n        const elmChildren = node.childNodes;\n        for (i = 0, n = elmAttrs.length; i < n; i++) {\n            name = elmAttrs[i].nodeName;\n            if (name !== \"id\" && name !== \"class\") {\n                attrs[name] = elmAttrs[i].nodeValue;\n            }\n        }\n        for (i = 0, n = elmChildren.length; i < n; i++) {\n            children.push(toVNode(elmChildren[i], domApi));\n        }\n        const data = { attrs };\n        if (sel[0] === \"s\" &&\n            sel[1] === \"v\" &&\n            sel[2] === \"g\" &&\n            (sel.length === 3 || sel[3] === \".\" || sel[3] === \"#\")) {\n            (0,_h__WEBPACK_IMPORTED_MODULE_1__.addNS)(data, children, sel);\n        }\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(sel, data, children, undefined, node);\n    }\n    else if (api.isText(node)) {\n        text = api.getTextContent(node);\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(undefined, undefined, undefined, text, node);\n    }\n    else if (api.isComment(node)) {\n        text = api.getTextContent(node);\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(\"!\", {}, [], text, node);\n    }\n    else {\n        return (0,_vnode__WEBPACK_IMPORTED_MODULE_2__.vnode)(\"\", {}, [], undefined, node);\n    }\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL3Rvdm5vZGUuanMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUE0QjtBQUNXO0FBQ1c7QUFFM0MsU0FBUyxPQUFPLENBQUMsSUFBVSxFQUFFLE1BQWU7SUFDakQsTUFBTSxHQUFHLEdBQVcsTUFBTSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxtREFBVSxDQUFDO0lBQy9ELElBQUksSUFBWSxDQUFDO0lBQ2pCLElBQUksR0FBRyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUN2QixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3hDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdEMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNsRCxNQUFNLEdBQUcsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDckQsTUFBTSxLQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ3RCLE1BQU0sUUFBUSxHQUFZLEVBQUUsQ0FBQztRQUM3QixJQUFJLElBQVksQ0FBQztRQUNqQixJQUFJLENBQVMsRUFBRSxDQUFTLENBQUM7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNqQyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ3BDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQzNDLElBQUksR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO1lBQzVCLElBQUksSUFBSSxLQUFLLElBQUksSUFBSSxJQUFJLEtBQUssT0FBTyxFQUFFO2dCQUNyQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQzthQUNyQztTQUNGO1FBQ0QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDOUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7U0FDaEQ7UUFDRCxNQUFNLElBQUksR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLElBQ0UsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUc7WUFDZCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRztZQUNkLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHO1lBQ2QsQ0FBQyxHQUFHLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsRUFDdEQ7WUFDQSx5Q0FBSyxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDNUI7UUFDRCxPQUFPLDZDQUFLLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDO0tBQ3BEO1NBQU0sSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1FBQzNCLElBQUksR0FBRyxHQUFHLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBVyxDQUFDO1FBQzFDLE9BQU8sNkNBQUssQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7S0FDM0Q7U0FBTSxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUU7UUFDOUIsSUFBSSxHQUFHLEdBQUcsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFXLENBQUM7UUFDMUMsT0FBTyw2Q0FBSyxDQUFDLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFXLENBQUMsQ0FBQztLQUM5QztTQUFNO1FBQ0wsT0FBTyw2Q0FBSyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFXLENBQUMsQ0FBQztLQUNsRDtBQUNILENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL3NyYy90b3Zub2RlLnRzPzE0ZjgiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWRkTlMgfSBmcm9tIFwiLi9oXCI7XG5pbXBvcnQgeyB2bm9kZSwgVk5vZGUgfSBmcm9tIFwiLi92bm9kZVwiO1xuaW1wb3J0IHsgaHRtbERvbUFwaSwgRE9NQVBJIH0gZnJvbSBcIi4vaHRtbGRvbWFwaVwiO1xuXG5leHBvcnQgZnVuY3Rpb24gdG9WTm9kZShub2RlOiBOb2RlLCBkb21BcGk/OiBET01BUEkpOiBWTm9kZSB7XG4gIGNvbnN0IGFwaTogRE9NQVBJID0gZG9tQXBpICE9PSB1bmRlZmluZWQgPyBkb21BcGkgOiBodG1sRG9tQXBpO1xuICBsZXQgdGV4dDogc3RyaW5nO1xuICBpZiAoYXBpLmlzRWxlbWVudChub2RlKSkge1xuICAgIGNvbnN0IGlkID0gbm9kZS5pZCA/IFwiI1wiICsgbm9kZS5pZCA6IFwiXCI7XG4gICAgY29uc3QgY24gPSBub2RlLmdldEF0dHJpYnV0ZShcImNsYXNzXCIpO1xuICAgIGNvbnN0IGMgPSBjbiA/IFwiLlwiICsgY24uc3BsaXQoXCIgXCIpLmpvaW4oXCIuXCIpIDogXCJcIjtcbiAgICBjb25zdCBzZWwgPSBhcGkudGFnTmFtZShub2RlKS50b0xvd2VyQ2FzZSgpICsgaWQgKyBjO1xuICAgIGNvbnN0IGF0dHJzOiBhbnkgPSB7fTtcbiAgICBjb25zdCBjaGlsZHJlbjogVk5vZGVbXSA9IFtdO1xuICAgIGxldCBuYW1lOiBzdHJpbmc7XG4gICAgbGV0IGk6IG51bWJlciwgbjogbnVtYmVyO1xuICAgIGNvbnN0IGVsbUF0dHJzID0gbm9kZS5hdHRyaWJ1dGVzO1xuICAgIGNvbnN0IGVsbUNoaWxkcmVuID0gbm9kZS5jaGlsZE5vZGVzO1xuICAgIGZvciAoaSA9IDAsIG4gPSBlbG1BdHRycy5sZW5ndGg7IGkgPCBuOyBpKyspIHtcbiAgICAgIG5hbWUgPSBlbG1BdHRyc1tpXS5ub2RlTmFtZTtcbiAgICAgIGlmIChuYW1lICE9PSBcImlkXCIgJiYgbmFtZSAhPT0gXCJjbGFzc1wiKSB7XG4gICAgICAgIGF0dHJzW25hbWVdID0gZWxtQXR0cnNbaV0ubm9kZVZhbHVlO1xuICAgICAgfVxuICAgIH1cbiAgICBmb3IgKGkgPSAwLCBuID0gZWxtQ2hpbGRyZW4ubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICBjaGlsZHJlbi5wdXNoKHRvVk5vZGUoZWxtQ2hpbGRyZW5baV0sIGRvbUFwaSkpO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0geyBhdHRycyB9O1xuICAgIGlmIChcbiAgICAgIHNlbFswXSA9PT0gXCJzXCIgJiZcbiAgICAgIHNlbFsxXSA9PT0gXCJ2XCIgJiZcbiAgICAgIHNlbFsyXSA9PT0gXCJnXCIgJiZcbiAgICAgIChzZWwubGVuZ3RoID09PSAzIHx8IHNlbFszXSA9PT0gXCIuXCIgfHwgc2VsWzNdID09PSBcIiNcIilcbiAgICApIHtcbiAgICAgIGFkZE5TKGRhdGEsIGNoaWxkcmVuLCBzZWwpO1xuICAgIH1cbiAgICByZXR1cm4gdm5vZGUoc2VsLCBkYXRhLCBjaGlsZHJlbiwgdW5kZWZpbmVkLCBub2RlKTtcbiAgfSBlbHNlIGlmIChhcGkuaXNUZXh0KG5vZGUpKSB7XG4gICAgdGV4dCA9IGFwaS5nZXRUZXh0Q29udGVudChub2RlKSBhcyBzdHJpbmc7XG4gICAgcmV0dXJuIHZub2RlKHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB1bmRlZmluZWQsIHRleHQsIG5vZGUpO1xuICB9IGVsc2UgaWYgKGFwaS5pc0NvbW1lbnQobm9kZSkpIHtcbiAgICB0ZXh0ID0gYXBpLmdldFRleHRDb250ZW50KG5vZGUpIGFzIHN0cmluZztcbiAgICByZXR1cm4gdm5vZGUoXCIhXCIsIHt9LCBbXSwgdGV4dCwgbm9kZSBhcyBhbnkpO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiB2bm9kZShcIlwiLCB7fSwgW10sIHVuZGVmaW5lZCwgbm9kZSBhcyBhbnkpO1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/tovnode.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/snabbdom/build/vnode.js":
-/*!***********************************************!*\
-  !*** ../node_modules/snabbdom/build/vnode.js ***!
-  \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"vnode\": () => (/* binding */ vnode)\n/* harmony export */ });\nfunction vnode(sel, data, children, text, elm) {\n    const key = data === undefined ? undefined : data.key;\n    return { sel, data, children, text, elm, key };\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3NuYWJiZG9tL2J1aWxkL3Zub2RlLmpzLmpzIiwibWFwcGluZ3MiOiI7Ozs7QUFxQ08sU0FBUyxLQUFLLENBQ25CLEdBQXVCLEVBQ3ZCLElBQXFCLEVBQ3JCLFFBQTJDLEVBQzNDLElBQXdCLEVBQ3hCLEdBQWtEO0lBRWxELE1BQU0sR0FBRyxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUN0RCxPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQztBQUNqRCxDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4uL25vZGVfbW9kdWxlcy9zbmFiYmRvbS9zcmMvdm5vZGUudHM/MGE1NyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIb29rcyB9IGZyb20gXCIuL2hvb2tzXCI7XG5pbXBvcnQgeyBBdHRhY2hEYXRhIH0gZnJvbSBcIi4vaGVscGVycy9hdHRhY2h0b1wiO1xuaW1wb3J0IHsgVk5vZGVTdHlsZSB9IGZyb20gXCIuL21vZHVsZXMvc3R5bGVcIjtcbmltcG9ydCB7IE9uIH0gZnJvbSBcIi4vbW9kdWxlcy9ldmVudGxpc3RlbmVyc1wiO1xuaW1wb3J0IHsgQXR0cnMgfSBmcm9tIFwiLi9tb2R1bGVzL2F0dHJpYnV0ZXNcIjtcbmltcG9ydCB7IENsYXNzZXMgfSBmcm9tIFwiLi9tb2R1bGVzL2NsYXNzXCI7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gXCIuL21vZHVsZXMvcHJvcHNcIjtcbmltcG9ydCB7IERhdGFzZXQgfSBmcm9tIFwiLi9tb2R1bGVzL2RhdGFzZXRcIjtcblxuZXhwb3J0IHR5cGUgS2V5ID0gc3RyaW5nIHwgbnVtYmVyIHwgc3ltYm9sO1xuXG5leHBvcnQgaW50ZXJmYWNlIFZOb2RlIHtcbiAgc2VsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGRhdGE6IFZOb2RlRGF0YSB8IHVuZGVmaW5lZDtcbiAgY2hpbGRyZW46IEFycmF5PFZOb2RlIHwgc3RyaW5nPiB8IHVuZGVmaW5lZDtcbiAgZWxtOiBOb2RlIHwgdW5kZWZpbmVkO1xuICB0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGtleTogS2V5IHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFZOb2RlRGF0YSB7XG4gIHByb3BzPzogUHJvcHM7XG4gIGF0dHJzPzogQXR0cnM7XG4gIGNsYXNzPzogQ2xhc3NlcztcbiAgc3R5bGU/OiBWTm9kZVN0eWxlO1xuICBkYXRhc2V0PzogRGF0YXNldDtcbiAgb24/OiBPbjtcbiAgYXR0YWNoRGF0YT86IEF0dGFjaERhdGE7XG4gIGhvb2s/OiBIb29rcztcbiAga2V5PzogS2V5O1xuICBucz86IHN0cmluZzsgLy8gZm9yIFNWR3NcbiAgZm4/OiAoKSA9PiBWTm9kZTsgLy8gZm9yIHRodW5rc1xuICBhcmdzPzogYW55W107IC8vIGZvciB0aHVua3NcbiAgaXM/OiBzdHJpbmc7IC8vIGZvciBjdXN0b20gZWxlbWVudHMgdjFcbiAgW2tleTogc3RyaW5nXTogYW55OyAvLyBmb3IgYW55IG90aGVyIDNyZCBwYXJ0eSBtb2R1bGVcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHZub2RlKFxuICBzZWw6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgZGF0YTogYW55IHwgdW5kZWZpbmVkLFxuICBjaGlsZHJlbjogQXJyYXk8Vk5vZGUgfCBzdHJpbmc+IHwgdW5kZWZpbmVkLFxuICB0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gIGVsbTogRWxlbWVudCB8IERvY3VtZW50RnJhZ21lbnQgfCBUZXh0IHwgdW5kZWZpbmVkXG4pOiBWTm9kZSB7XG4gIGNvbnN0IGtleSA9IGRhdGEgPT09IHVuZGVmaW5lZCA/IHVuZGVmaW5lZCA6IGRhdGEua2V5O1xuICByZXR1cm4geyBzZWwsIGRhdGEsIGNoaWxkcmVuLCB0ZXh0LCBlbG0sIGtleSB9O1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../node_modules/snabbdom/build/vnode.js\n");
-
-/***/ }),
-
-/***/ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
-/*!*****************************************************************************!*\
-  !*** ../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
-  \*****************************************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-eval("\n\nvar isOldIE = function isOldIE() {\n  var memo;\n  return function memorize() {\n    if (typeof memo === 'undefined') {\n      // Test for IE <= 9 as proposed by Browserhacks\n      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n      // Tests for existence of standard globals is to allow style-loader\n      // to operate correctly into non-standard environments\n      // @see https://github.com/webpack-contrib/style-loader/issues/177\n      memo = Boolean(window && document && document.all && !window.atob);\n    }\n\n    return memo;\n  };\n}();\n\nvar getTarget = function getTarget() {\n  var memo = {};\n  return function memorize(target) {\n    if (typeof memo[target] === 'undefined') {\n      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n        try {\n          // This will throw an exception if access to iframe is blocked\n          // due to cross-origin restrictions\n          styleTarget = styleTarget.contentDocument.head;\n        } catch (e) {\n          // istanbul ignore next\n          styleTarget = null;\n        }\n      }\n\n      memo[target] = styleTarget;\n    }\n\n    return memo[target];\n  };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDom.length; i++) {\n    if (stylesInDom[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var index = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3]\n    };\n\n    if (index !== -1) {\n      stylesInDom[index].references++;\n      stylesInDom[index].updater(obj);\n    } else {\n      stylesInDom.push({\n        identifier: identifier,\n        updater: addStyle(obj, options),\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction insertStyleElement(options) {\n  var style = document.createElement('style');\n  var attributes = options.attributes || {};\n\n  if (typeof attributes.nonce === 'undefined') {\n    var nonce =  true ? __webpack_require__.nc : 0;\n\n    if (nonce) {\n      attributes.nonce = nonce;\n    }\n  }\n\n  Object.keys(attributes).forEach(function (key) {\n    style.setAttribute(key, attributes[key]);\n  });\n\n  if (typeof options.insert === 'function') {\n    options.insert(style);\n  } else {\n    var target = getTarget(options.insert || 'head');\n\n    if (!target) {\n      throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n    }\n\n    target.appendChild(style);\n  }\n\n  return style;\n}\n\nfunction removeStyleElement(style) {\n  // istanbul ignore if\n  if (style.parentNode === null) {\n    return false;\n  }\n\n  style.parentNode.removeChild(style);\n}\n/* istanbul ignore next  */\n\n\nvar replaceText = function replaceText() {\n  var textStore = [];\n  return function replace(index, replacement) {\n    textStore[index] = replacement;\n    return textStore.filter(Boolean).join('\\n');\n  };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n  var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n  /* istanbul ignore if  */\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = replaceText(index, css);\n  } else {\n    var cssNode = document.createTextNode(css);\n    var childNodes = style.childNodes;\n\n    if (childNodes[index]) {\n      style.removeChild(childNodes[index]);\n    }\n\n    if (childNodes.length) {\n      style.insertBefore(cssNode, childNodes[index]);\n    } else {\n      style.appendChild(cssNode);\n    }\n  }\n}\n\nfunction applyToTag(style, options, obj) {\n  var css = obj.css;\n  var media = obj.media;\n  var sourceMap = obj.sourceMap;\n\n  if (media) {\n    style.setAttribute('media', media);\n  } else {\n    style.removeAttribute('media');\n  }\n\n  if (sourceMap && typeof btoa !== 'undefined') {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    while (style.firstChild) {\n      style.removeChild(style.firstChild);\n    }\n\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n  var style;\n  var update;\n  var remove;\n\n  if (options.singleton) {\n    var styleIndex = singletonCounter++;\n    style = singleton || (singleton = insertStyleElement(options));\n    update = applyToSingletonTag.bind(null, style, styleIndex, false);\n    remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n  } else {\n    style = insertStyleElement(options);\n    update = applyToTag.bind(null, style, options);\n\n    remove = function remove() {\n      removeStyleElement(style);\n    };\n  }\n\n  update(obj);\n  return function updateStyle(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n        return;\n      }\n\n      update(obj = newObj);\n    } else {\n      remove();\n    }\n  };\n}\n\nmodule.exports = function (list, options) {\n  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n  // tags it will allow on a page\n\n  if (!options.singleton && typeof options.singleton !== 'boolean') {\n    options.singleton = isOldIE();\n  }\n\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    if (Object.prototype.toString.call(newList) !== '[object Array]') {\n      return;\n    }\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDom[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDom[_index].references === 0) {\n        stylesInDom[_index].updater();\n\n        stylesInDom.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vbm9kZV9tb2R1bGVzL3N0eWxlLWxvYWRlci9kaXN0L3J1bnRpbWUvaW5qZWN0U3R5bGVzSW50b1N0eWxlVGFnLmpzLmpzIiwibWFwcGluZ3MiOiJBQUFhOztBQUViO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLENBQUM7O0FBRUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQSx3REFBd0Q7O0FBRXhEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxVQUFVO0FBQ1Y7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsQ0FBQzs7QUFFRDs7QUFFQTtBQUNBOztBQUVBLGtCQUFrQix3QkFBd0I7QUFDMUM7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxrQkFBa0IsaUJBQWlCO0FBQ25DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTTtBQUNOO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTztBQUNQOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQSxnQkFBZ0IsS0FBd0MsR0FBRyxzQkFBaUIsR0FBRyxDQUFJOztBQUVuRjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsR0FBRzs7QUFFSDtBQUNBO0FBQ0EsSUFBSTtBQUNKOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7OztBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLENBQUM7O0FBRUQ7QUFDQSxxRUFBcUUscUJBQXFCLGNBQWM7O0FBRXhHOztBQUVBO0FBQ0E7QUFDQSxJQUFJO0FBQ0o7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EsSUFBSTtBQUNKO0FBQ0E7O0FBRUE7QUFDQSx5REFBeUQ7QUFDekQsSUFBSTs7QUFFSjs7O0FBR0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLElBQUk7QUFDSjtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLDJCQUEyQjtBQUMzQjs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBLG9CQUFvQiw0QkFBNEI7QUFDaEQ7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7O0FBRUEscUJBQXFCLDZCQUE2QjtBQUNsRDs7QUFFQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi4vbm9kZV9tb2R1bGVzL3N0eWxlLWxvYWRlci9kaXN0L3J1bnRpbWUvaW5qZWN0U3R5bGVzSW50b1N0eWxlVGFnLmpzPzZiZDAiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbnZhciBpc09sZElFID0gZnVuY3Rpb24gaXNPbGRJRSgpIHtcbiAgdmFyIG1lbW87XG4gIHJldHVybiBmdW5jdGlvbiBtZW1vcml6ZSgpIHtcbiAgICBpZiAodHlwZW9mIG1lbW8gPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAvLyBUZXN0IGZvciBJRSA8PSA5IGFzIHByb3Bvc2VkIGJ5IEJyb3dzZXJoYWNrc1xuICAgICAgLy8gQHNlZSBodHRwOi8vYnJvd3NlcmhhY2tzLmNvbS8jaGFjay1lNzFkODY5MmY2NTMzNDE3M2ZlZTcxNWMyMjJjYjgwNVxuICAgICAgLy8gVGVzdHMgZm9yIGV4aXN0ZW5jZSBvZiBzdGFuZGFyZCBnbG9iYWxzIGlzIHRvIGFsbG93IHN0eWxlLWxvYWRlclxuICAgICAgLy8gdG8gb3BlcmF0ZSBjb3JyZWN0bHkgaW50byBub24tc3RhbmRhcmQgZW52aXJvbm1lbnRzXG4gICAgICAvLyBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS93ZWJwYWNrLWNvbnRyaWIvc3R5bGUtbG9hZGVyL2lzc3Vlcy8xNzdcbiAgICAgIG1lbW8gPSBCb29sZWFuKHdpbmRvdyAmJiBkb2N1bWVudCAmJiBkb2N1bWVudC5hbGwgJiYgIXdpbmRvdy5hdG9iKTtcbiAgICB9XG5cbiAgICByZXR1cm4gbWVtbztcbiAgfTtcbn0oKTtcblxudmFyIGdldFRhcmdldCA9IGZ1bmN0aW9uIGdldFRhcmdldCgpIHtcbiAgdmFyIG1lbW8gPSB7fTtcbiAgcmV0dXJuIGZ1bmN0aW9uIG1lbW9yaXplKHRhcmdldCkge1xuICAgIGlmICh0eXBlb2YgbWVtb1t0YXJnZXRdID09PSAndW5kZWZpbmVkJykge1xuICAgICAgdmFyIHN0eWxlVGFyZ2V0ID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcih0YXJnZXQpOyAvLyBTcGVjaWFsIGNhc2UgdG8gcmV0dXJuIGhlYWQgb2YgaWZyYW1lIGluc3RlYWQgb2YgaWZyYW1lIGl0c2VsZlxuXG4gICAgICBpZiAod2luZG93LkhUTUxJRnJhbWVFbGVtZW50ICYmIHN0eWxlVGFyZ2V0IGluc3RhbmNlb2Ygd2luZG93LkhUTUxJRnJhbWVFbGVtZW50KSB7XG4gICAgICAgIHRyeSB7XG4gICAgICAgICAgLy8gVGhpcyB3aWxsIHRocm93IGFuIGV4Y2VwdGlvbiBpZiBhY2Nlc3MgdG8gaWZyYW1lIGlzIGJsb2NrZWRcbiAgICAgICAgICAvLyBkdWUgdG8gY3Jvc3Mtb3JpZ2luIHJlc3RyaWN0aW9uc1xuICAgICAgICAgIHN0eWxlVGFyZ2V0ID0gc3R5bGVUYXJnZXQuY29udGVudERvY3VtZW50LmhlYWQ7XG4gICAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgICAvLyBpc3RhbmJ1bCBpZ25vcmUgbmV4dFxuICAgICAgICAgIHN0eWxlVGFyZ2V0ID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBtZW1vW3RhcmdldF0gPSBzdHlsZVRhcmdldDtcbiAgICB9XG5cbiAgICByZXR1cm4gbWVtb1t0YXJnZXRdO1xuICB9O1xufSgpO1xuXG52YXIgc3R5bGVzSW5Eb20gPSBbXTtcblxuZnVuY3Rpb24gZ2V0SW5kZXhCeUlkZW50aWZpZXIoaWRlbnRpZmllcikge1xuICB2YXIgcmVzdWx0ID0gLTE7XG5cbiAgZm9yICh2YXIgaSA9IDA7IGkgPCBzdHlsZXNJbkRvbS5sZW5ndGg7IGkrKykge1xuICAgIGlmIChzdHlsZXNJbkRvbVtpXS5pZGVudGlmaWVyID09PSBpZGVudGlmaWVyKSB7XG4gICAgICByZXN1bHQgPSBpO1xuICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIHJlc3VsdDtcbn1cblxuZnVuY3Rpb24gbW9kdWxlc1RvRG9tKGxpc3QsIG9wdGlvbnMpIHtcbiAgdmFyIGlkQ291bnRNYXAgPSB7fTtcbiAgdmFyIGlkZW50aWZpZXJzID0gW107XG5cbiAgZm9yICh2YXIgaSA9IDA7IGkgPCBsaXN0Lmxlbmd0aDsgaSsrKSB7XG4gICAgdmFyIGl0ZW0gPSBsaXN0W2ldO1xuICAgIHZhciBpZCA9IG9wdGlvbnMuYmFzZSA/IGl0ZW1bMF0gKyBvcHRpb25zLmJhc2UgOiBpdGVtWzBdO1xuICAgIHZhciBjb3VudCA9IGlkQ291bnRNYXBbaWRdIHx8IDA7XG4gICAgdmFyIGlkZW50aWZpZXIgPSBcIlwiLmNvbmNhdChpZCwgXCIgXCIpLmNvbmNhdChjb3VudCk7XG4gICAgaWRDb3VudE1hcFtpZF0gPSBjb3VudCArIDE7XG4gICAgdmFyIGluZGV4ID0gZ2V0SW5kZXhCeUlkZW50aWZpZXIoaWRlbnRpZmllcik7XG4gICAgdmFyIG9iaiA9IHtcbiAgICAgIGNzczogaXRlbVsxXSxcbiAgICAgIG1lZGlhOiBpdGVtWzJdLFxuICAgICAgc291cmNlTWFwOiBpdGVtWzNdXG4gICAgfTtcblxuICAgIGlmIChpbmRleCAhPT0gLTEpIHtcbiAgICAgIHN0eWxlc0luRG9tW2luZGV4XS5yZWZlcmVuY2VzKys7XG4gICAgICBzdHlsZXNJbkRvbVtpbmRleF0udXBkYXRlcihvYmopO1xuICAgIH0gZWxzZSB7XG4gICAgICBzdHlsZXNJbkRvbS5wdXNoKHtcbiAgICAgICAgaWRlbnRpZmllcjogaWRlbnRpZmllcixcbiAgICAgICAgdXBkYXRlcjogYWRkU3R5bGUob2JqLCBvcHRpb25zKSxcbiAgICAgICAgcmVmZXJlbmNlczogMVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgaWRlbnRpZmllcnMucHVzaChpZGVudGlmaWVyKTtcbiAgfVxuXG4gIHJldHVybiBpZGVudGlmaWVycztcbn1cblxuZnVuY3Rpb24gaW5zZXJ0U3R5bGVFbGVtZW50KG9wdGlvbnMpIHtcbiAgdmFyIHN0eWxlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3R5bGUnKTtcbiAgdmFyIGF0dHJpYnV0ZXMgPSBvcHRpb25zLmF0dHJpYnV0ZXMgfHwge307XG5cbiAgaWYgKHR5cGVvZiBhdHRyaWJ1dGVzLm5vbmNlID09PSAndW5kZWZpbmVkJykge1xuICAgIHZhciBub25jZSA9IHR5cGVvZiBfX3dlYnBhY2tfbm9uY2VfXyAhPT0gJ3VuZGVmaW5lZCcgPyBfX3dlYnBhY2tfbm9uY2VfXyA6IG51bGw7XG5cbiAgICBpZiAobm9uY2UpIHtcbiAgICAgIGF0dHJpYnV0ZXMubm9uY2UgPSBub25jZTtcbiAgICB9XG4gIH1cblxuICBPYmplY3Qua2V5cyhhdHRyaWJ1dGVzKS5mb3JFYWNoKGZ1bmN0aW9uIChrZXkpIHtcbiAgICBzdHlsZS5zZXRBdHRyaWJ1dGUoa2V5LCBhdHRyaWJ1dGVzW2tleV0pO1xuICB9KTtcblxuICBpZiAodHlwZW9mIG9wdGlvbnMuaW5zZXJ0ID09PSAnZnVuY3Rpb24nKSB7XG4gICAgb3B0aW9ucy5pbnNlcnQoc3R5bGUpO1xuICB9IGVsc2Uge1xuICAgIHZhciB0YXJnZXQgPSBnZXRUYXJnZXQob3B0aW9ucy5pbnNlcnQgfHwgJ2hlYWQnKTtcblxuICAgIGlmICghdGFyZ2V0KSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXCJDb3VsZG4ndCBmaW5kIGEgc3R5bGUgdGFyZ2V0LiBUaGlzIHByb2JhYmx5IG1lYW5zIHRoYXQgdGhlIHZhbHVlIGZvciB0aGUgJ2luc2VydCcgcGFyYW1ldGVyIGlzIGludmFsaWQuXCIpO1xuICAgIH1cblxuICAgIHRhcmdldC5hcHBlbmRDaGlsZChzdHlsZSk7XG4gIH1cblxuICByZXR1cm4gc3R5bGU7XG59XG5cbmZ1bmN0aW9uIHJlbW92ZVN0eWxlRWxlbWVudChzdHlsZSkge1xuICAvLyBpc3RhbmJ1bCBpZ25vcmUgaWZcbiAgaWYgKHN0eWxlLnBhcmVudE5vZGUgPT09IG51bGwpIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBzdHlsZS5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKHN0eWxlKTtcbn1cbi8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICAqL1xuXG5cbnZhciByZXBsYWNlVGV4dCA9IGZ1bmN0aW9uIHJlcGxhY2VUZXh0KCkge1xuICB2YXIgdGV4dFN0b3JlID0gW107XG4gIHJldHVybiBmdW5jdGlvbiByZXBsYWNlKGluZGV4LCByZXBsYWNlbWVudCkge1xuICAgIHRleHRTdG9yZVtpbmRleF0gPSByZXBsYWNlbWVudDtcbiAgICByZXR1cm4gdGV4dFN0b3JlLmZpbHRlcihCb29sZWFuKS5qb2luKCdcXG4nKTtcbiAgfTtcbn0oKTtcblxuZnVuY3Rpb24gYXBwbHlUb1NpbmdsZXRvblRhZyhzdHlsZSwgaW5kZXgsIHJlbW92ZSwgb2JqKSB7XG4gIHZhciBjc3MgPSByZW1vdmUgPyAnJyA6IG9iai5tZWRpYSA/IFwiQG1lZGlhIFwiLmNvbmNhdChvYmoubWVkaWEsIFwiIHtcIikuY29uY2F0KG9iai5jc3MsIFwifVwiKSA6IG9iai5jc3M7IC8vIEZvciBvbGQgSUVcblxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgaWYgICovXG5cbiAgaWYgKHN0eWxlLnN0eWxlU2hlZXQpIHtcbiAgICBzdHlsZS5zdHlsZVNoZWV0LmNzc1RleHQgPSByZXBsYWNlVGV4dChpbmRleCwgY3NzKTtcbiAgfSBlbHNlIHtcbiAgICB2YXIgY3NzTm9kZSA9IGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKGNzcyk7XG4gICAgdmFyIGNoaWxkTm9kZXMgPSBzdHlsZS5jaGlsZE5vZGVzO1xuXG4gICAgaWYgKGNoaWxkTm9kZXNbaW5kZXhdKSB7XG4gICAgICBzdHlsZS5yZW1vdmVDaGlsZChjaGlsZE5vZGVzW2luZGV4XSk7XG4gICAgfVxuXG4gICAgaWYgKGNoaWxkTm9kZXMubGVuZ3RoKSB7XG4gICAgICBzdHlsZS5pbnNlcnRCZWZvcmUoY3NzTm9kZSwgY2hpbGROb2Rlc1tpbmRleF0pO1xuICAgIH0gZWxzZSB7XG4gICAgICBzdHlsZS5hcHBlbmRDaGlsZChjc3NOb2RlKTtcbiAgICB9XG4gIH1cbn1cblxuZnVuY3Rpb24gYXBwbHlUb1RhZyhzdHlsZSwgb3B0aW9ucywgb2JqKSB7XG4gIHZhciBjc3MgPSBvYmouY3NzO1xuICB2YXIgbWVkaWEgPSBvYmoubWVkaWE7XG4gIHZhciBzb3VyY2VNYXAgPSBvYmouc291cmNlTWFwO1xuXG4gIGlmIChtZWRpYSkge1xuICAgIHN0eWxlLnNldEF0dHJpYnV0ZSgnbWVkaWEnLCBtZWRpYSk7XG4gIH0gZWxzZSB7XG4gICAgc3R5bGUucmVtb3ZlQXR0cmlidXRlKCdtZWRpYScpO1xuICB9XG5cbiAgaWYgKHNvdXJjZU1hcCAmJiB0eXBlb2YgYnRvYSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICBjc3MgKz0gXCJcXG4vKiMgc291cmNlTWFwcGluZ1VSTD1kYXRhOmFwcGxpY2F0aW9uL2pzb247YmFzZTY0LFwiLmNvbmNhdChidG9hKHVuZXNjYXBlKGVuY29kZVVSSUNvbXBvbmVudChKU09OLnN0cmluZ2lmeShzb3VyY2VNYXApKSkpLCBcIiAqL1wiKTtcbiAgfSAvLyBGb3Igb2xkIElFXG5cbiAgLyogaXN0YW5idWwgaWdub3JlIGlmICAqL1xuXG5cbiAgaWYgKHN0eWxlLnN0eWxlU2hlZXQpIHtcbiAgICBzdHlsZS5zdHlsZVNoZWV0LmNzc1RleHQgPSBjc3M7XG4gIH0gZWxzZSB7XG4gICAgd2hpbGUgKHN0eWxlLmZpcnN0Q2hpbGQpIHtcbiAgICAgIHN0eWxlLnJlbW92ZUNoaWxkKHN0eWxlLmZpcnN0Q2hpbGQpO1xuICAgIH1cblxuICAgIHN0eWxlLmFwcGVuZENoaWxkKGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKGNzcykpO1xuICB9XG59XG5cbnZhciBzaW5nbGV0b24gPSBudWxsO1xudmFyIHNpbmdsZXRvbkNvdW50ZXIgPSAwO1xuXG5mdW5jdGlvbiBhZGRTdHlsZShvYmosIG9wdGlvbnMpIHtcbiAgdmFyIHN0eWxlO1xuICB2YXIgdXBkYXRlO1xuICB2YXIgcmVtb3ZlO1xuXG4gIGlmIChvcHRpb25zLnNpbmdsZXRvbikge1xuICAgIHZhciBzdHlsZUluZGV4ID0gc2luZ2xldG9uQ291bnRlcisrO1xuICAgIHN0eWxlID0gc2luZ2xldG9uIHx8IChzaW5nbGV0b24gPSBpbnNlcnRTdHlsZUVsZW1lbnQob3B0aW9ucykpO1xuICAgIHVwZGF0ZSA9IGFwcGx5VG9TaW5nbGV0b25UYWcuYmluZChudWxsLCBzdHlsZSwgc3R5bGVJbmRleCwgZmFsc2UpO1xuICAgIHJlbW92ZSA9IGFwcGx5VG9TaW5nbGV0b25UYWcuYmluZChudWxsLCBzdHlsZSwgc3R5bGVJbmRleCwgdHJ1ZSk7XG4gIH0gZWxzZSB7XG4gICAgc3R5bGUgPSBpbnNlcnRTdHlsZUVsZW1lbnQob3B0aW9ucyk7XG4gICAgdXBkYXRlID0gYXBwbHlUb1RhZy5iaW5kKG51bGwsIHN0eWxlLCBvcHRpb25zKTtcblxuICAgIHJlbW92ZSA9IGZ1bmN0aW9uIHJlbW92ZSgpIHtcbiAgICAgIHJlbW92ZVN0eWxlRWxlbWVudChzdHlsZSk7XG4gICAgfTtcbiAgfVxuXG4gIHVwZGF0ZShvYmopO1xuICByZXR1cm4gZnVuY3Rpb24gdXBkYXRlU3R5bGUobmV3T2JqKSB7XG4gICAgaWYgKG5ld09iaikge1xuICAgICAgaWYgKG5ld09iai5jc3MgPT09IG9iai5jc3MgJiYgbmV3T2JqLm1lZGlhID09PSBvYmoubWVkaWEgJiYgbmV3T2JqLnNvdXJjZU1hcCA9PT0gb2JqLnNvdXJjZU1hcCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHVwZGF0ZShvYmogPSBuZXdPYmopO1xuICAgIH0gZWxzZSB7XG4gICAgICByZW1vdmUoKTtcbiAgICB9XG4gIH07XG59XG5cbm1vZHVsZS5leHBvcnRzID0gZnVuY3Rpb24gKGxpc3QsIG9wdGlvbnMpIHtcbiAgb3B0aW9ucyA9IG9wdGlvbnMgfHwge307IC8vIEZvcmNlIHNpbmdsZS10YWcgc29sdXRpb24gb24gSUU2LTksIHdoaWNoIGhhcyBhIGhhcmQgbGltaXQgb24gdGhlICMgb2YgPHN0eWxlPlxuICAvLyB0YWdzIGl0IHdpbGwgYWxsb3cgb24gYSBwYWdlXG5cbiAgaWYgKCFvcHRpb25zLnNpbmdsZXRvbiAmJiB0eXBlb2Ygb3B0aW9ucy5zaW5nbGV0b24gIT09ICdib29sZWFuJykge1xuICAgIG9wdGlvbnMuc2luZ2xldG9uID0gaXNPbGRJRSgpO1xuICB9XG5cbiAgbGlzdCA9IGxpc3QgfHwgW107XG4gIHZhciBsYXN0SWRlbnRpZmllcnMgPSBtb2R1bGVzVG9Eb20obGlzdCwgb3B0aW9ucyk7XG4gIHJldHVybiBmdW5jdGlvbiB1cGRhdGUobmV3TGlzdCkge1xuICAgIG5ld0xpc3QgPSBuZXdMaXN0IHx8IFtdO1xuXG4gICAgaWYgKE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbChuZXdMaXN0KSAhPT0gJ1tvYmplY3QgQXJyYXldJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGZvciAodmFyIGkgPSAwOyBpIDwgbGFzdElkZW50aWZpZXJzLmxlbmd0aDsgaSsrKSB7XG4gICAgICB2YXIgaWRlbnRpZmllciA9IGxhc3RJZGVudGlmaWVyc1tpXTtcbiAgICAgIHZhciBpbmRleCA9IGdldEluZGV4QnlJZGVudGlmaWVyKGlkZW50aWZpZXIpO1xuICAgICAgc3R5bGVzSW5Eb21baW5kZXhdLnJlZmVyZW5jZXMtLTtcbiAgICB9XG5cbiAgICB2YXIgbmV3TGFzdElkZW50aWZpZXJzID0gbW9kdWxlc1RvRG9tKG5ld0xpc3QsIG9wdGlvbnMpO1xuXG4gICAgZm9yICh2YXIgX2kgPSAwOyBfaSA8IGxhc3RJZGVudGlmaWVycy5sZW5ndGg7IF9pKyspIHtcbiAgICAgIHZhciBfaWRlbnRpZmllciA9IGxhc3RJZGVudGlmaWVyc1tfaV07XG5cbiAgICAgIHZhciBfaW5kZXggPSBnZXRJbmRleEJ5SWRlbnRpZmllcihfaWRlbnRpZmllcik7XG5cbiAgICAgIGlmIChzdHlsZXNJbkRvbVtfaW5kZXhdLnJlZmVyZW5jZXMgPT09IDApIHtcbiAgICAgICAgc3R5bGVzSW5Eb21bX2luZGV4XS51cGRhdGVyKCk7XG5cbiAgICAgICAgc3R5bGVzSW5Eb20uc3BsaWNlKF9pbmRleCwgMSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgbGFzdElkZW50aWZpZXJzID0gbmV3TGFzdElkZW50aWZpZXJzO1xuICB9O1xufTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\n");
-
-/***/ }),
-
-/***/ "./css/diagram.css":
-/*!*************************!*\
-  !*** ./css/diagram.css ***!
-  \*************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-eval("var api = __webpack_require__(/*! !../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = __webpack_require__(/*! !!../../node_modules/css-loader/dist/cjs.js!./diagram.css */ \"../node_modules/css-loader/dist/cjs.js!./css/diagram.css\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jc3MvZGlhZ3JhbS5jc3MuanMiLCJtYXBwaW5ncyI6IkFBQUEsVUFBVSxtQkFBTyxDQUFDLHdKQUEyRTtBQUM3RiwwQkFBMEIsbUJBQU8sQ0FBQywySEFBMkQ7O0FBRTdGOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTs7QUFFQTtBQUNBOztBQUVBOzs7O0FBSUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9jc3MvZGlhZ3JhbS5jc3M/N2RkZCJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgYXBpID0gcmVxdWlyZShcIiEuLi8uLi9ub2RlX21vZHVsZXMvc3R5bGUtbG9hZGVyL2Rpc3QvcnVudGltZS9pbmplY3RTdHlsZXNJbnRvU3R5bGVUYWcuanNcIik7XG4gICAgICAgICAgICB2YXIgY29udGVudCA9IHJlcXVpcmUoXCIhIS4uLy4uL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4vZGlhZ3JhbS5jc3NcIik7XG5cbiAgICAgICAgICAgIGNvbnRlbnQgPSBjb250ZW50Ll9fZXNNb2R1bGUgPyBjb250ZW50LmRlZmF1bHQgOiBjb250ZW50O1xuXG4gICAgICAgICAgICBpZiAodHlwZW9mIGNvbnRlbnQgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgICAgICAgIGNvbnRlbnQgPSBbW21vZHVsZS5pZCwgY29udGVudCwgJyddXTtcbiAgICAgICAgICAgIH1cblxudmFyIG9wdGlvbnMgPSB7fTtcblxub3B0aW9ucy5pbnNlcnQgPSBcImhlYWRcIjtcbm9wdGlvbnMuc2luZ2xldG9uID0gZmFsc2U7XG5cbnZhciB1cGRhdGUgPSBhcGkoY29udGVudCwgb3B0aW9ucyk7XG5cblxuXG5tb2R1bGUuZXhwb3J0cyA9IGNvbnRlbnQubG9jYWxzIHx8IHt9OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./css/diagram.css\n");
-
-/***/ }),
-
-/***/ "./src/jsx.ts":
-/*!********************!*\
-  !*** ./src/jsx.ts ***!
-  \********************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-eval("\r\n/********************************************************************************\r\n * Copyright (c) 2017-2021 TypeFox and others.\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License v. 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * This Source Code may also be made available under the following Secondary\r\n * Licenses when the conditions for such availability set forth in the Eclipse\r\n * Public License v. 2.0 are satisfied: GNU General Public License, version 2\r\n * with the GNU Classpath Exception which is available at\r\n * https://www.gnu.org/software/classpath/license.html.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0\r\n ********************************************************************************/\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nvar snabbdom_1 = __webpack_require__(/*! snabbdom */ \"../node_modules/snabbdom/build/index.js\");\r\nvar modulesNS = ['hook', 'on', 'style', 'class', 'props', 'attrs', 'dataset'];\r\nvar SVGNS = 'http://www.w3.org/2000/svg';\r\nfunction normalizeAttrs(source, defNS, namespace) {\r\n    var data = {};\r\n    if (namespace) {\r\n        data.ns = namespace;\r\n    }\r\n    if (source === null) {\r\n        return data;\r\n    }\r\n    modulesNS.forEach(function (mod) {\r\n        if (source[mod]) {\r\n            data[mod] = source[mod];\r\n        }\r\n    });\r\n    Object.keys(source).forEach(function (key) {\r\n        if (key === 'key' || key === 'classNames' || key === 'selector')\r\n            return;\r\n        var idx = key.indexOf('-');\r\n        if (idx > 0)\r\n            addAttr(key.slice(0, idx), key.slice(idx + 1), source[key]);\r\n        else if (!data[key])\r\n            addAttr(defNS, key, source[key]);\r\n    });\r\n    return data;\r\n    function addAttr(modname, key, val) {\r\n        var mod = data[modname] || (data[modname] = {});\r\n        mod[key] = val;\r\n    }\r\n}\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nfunction JSX(namespace, defNS) {\r\n    if (defNS === void 0) { defNS = 'props'; }\r\n    return function (tag, attrs) {\r\n        var children = [];\r\n        for (var _i = 2; _i < arguments.length; _i++) {\r\n            children[_i - 2] = arguments[_i];\r\n        }\r\n        return snabbdom_1.jsx(tag, normalizeAttrs(attrs, defNS, namespace), children);\r\n    };\r\n}\r\nexports.JSX = JSX;\r\nvar html = JSX();\r\nexports.html = html;\r\nvar svg = JSX(SVGNS, 'attrs');\r\nexports.svg = svg;\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvanN4LnRzLmpzIiwibWFwcGluZ3MiOiI7QUFBQTs7Ozs7Ozs7Ozs7Ozs7a0ZBY2tGOztBQUVsRixnR0FBOEY7QUFhOUYsSUFBTSxTQUFTLEdBQUcsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztBQUNoRixJQUFNLEtBQUssR0FBRyw0QkFBNEIsQ0FBQztBQUUzQyxTQUFTLGNBQWMsQ0FBQyxNQUF3QixFQUFFLEtBQWEsRUFBRSxTQUFrQjtJQUNqRixJQUFNLElBQUksR0FBYyxFQUFFLENBQUM7SUFFM0IsSUFBSSxTQUFTLEVBQUU7UUFDYixJQUFJLENBQUMsRUFBRSxHQUFHLFNBQVMsQ0FBQztLQUNyQjtJQUNELElBQUksTUFBTSxLQUFLLElBQUksRUFBRTtRQUNuQixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsU0FBUyxDQUFDLE9BQU8sQ0FBQyxhQUFHO1FBQ25CLElBQUksTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUN6QjtJQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxPQUFPLENBQUMsYUFBRztRQUM3QixJQUFJLEdBQUcsS0FBSyxLQUFLLElBQUksR0FBRyxLQUFLLFlBQVksSUFBSSxHQUFHLEtBQUssVUFBVTtZQUFFLE9BQU87UUFDeEUsSUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDO1lBQ1QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ2pCLE9BQU8sQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBQ0gsT0FBTyxJQUFJLENBQUM7SUFFWixTQUFTLE9BQU8sQ0FBQyxPQUFlLEVBQUUsR0FBVyxFQUFFLEdBQXFCO1FBQ2xFLElBQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNsRCxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQ2pCLENBQUM7QUFDSCxDQUFDO0FBRUQsZ0VBQWdFO0FBQ2hFLFNBQVMsR0FBRyxDQUFDLFNBQWtCLEVBQUUsS0FBdUI7SUFBdkIsdUNBQXVCO0lBQ3RELE9BQU8sVUFBQyxHQUErQixFQUFFLEtBQXVCO1FBQUUsa0JBQTRCO2FBQTVCLFVBQTRCLEVBQTVCLHFCQUE0QixFQUE1QixJQUE0QjtZQUE1QixpQ0FBNEI7O1FBQUsscUJBQUcsQ0FBQyxHQUFHLEVBQUUsY0FBYyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxDQUFDLEVBQUUsUUFBUSxDQUFDO0lBQTNELENBQTJELENBQUM7QUFDakssQ0FBQztBQUttQixrQkFBRztBQUh2QixJQUFNLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQztBQUdWLG9CQUFJO0FBRmIsSUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztBQUVqQixrQkFBRyIsInNvdXJjZXMiOlsid2VicGFjazovL3N0cGEtdGVtcGxhdGUtd2Vidmlldy8uL3NyYy9qc3gudHM/MWM0ZiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcclxuICogQ29weXJpZ2h0IChjKSAyMDE3LTIwMjEgVHlwZUZveCBhbmQgb3RoZXJzLlxyXG4gKlxyXG4gKiBUaGlzIHByb2dyYW0gYW5kIHRoZSBhY2NvbXBhbnlpbmcgbWF0ZXJpYWxzIGFyZSBtYWRlIGF2YWlsYWJsZSB1bmRlciB0aGVcclxuICogdGVybXMgb2YgdGhlIEVjbGlwc2UgUHVibGljIExpY2Vuc2Ugdi4gMi4wIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxyXG4gKiBodHRwOi8vd3d3LmVjbGlwc2Uub3JnL2xlZ2FsL2VwbC0yLjAuXHJcbiAqXHJcbiAqIFRoaXMgU291cmNlIENvZGUgbWF5IGFsc28gYmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlIGZvbGxvd2luZyBTZWNvbmRhcnlcclxuICogTGljZW5zZXMgd2hlbiB0aGUgY29uZGl0aW9ucyBmb3Igc3VjaCBhdmFpbGFiaWxpdHkgc2V0IGZvcnRoIGluIHRoZSBFY2xpcHNlXHJcbiAqIFB1YmxpYyBMaWNlbnNlIHYuIDIuMCBhcmUgc2F0aXNmaWVkOiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSwgdmVyc2lvbiAyXHJcbiAqIHdpdGggdGhlIEdOVSBDbGFzc3BhdGggRXhjZXB0aW9uIHdoaWNoIGlzIGF2YWlsYWJsZSBhdFxyXG4gKiBodHRwczovL3d3dy5nbnUub3JnL3NvZnR3YXJlL2NsYXNzcGF0aC9saWNlbnNlLmh0bWwuXHJcbiAqXHJcbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBFUEwtMi4wIE9SIEdQTC0yLjAgV0lUSCBDbGFzc3BhdGgtZXhjZXB0aW9uLTIuMFxyXG4gKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXHJcblxyXG5pbXBvcnQgeyBWTm9kZURhdGEsIEpzeFZOb2RlQ2hpbGRyZW4sIEpzeFZOb2RlQ2hpbGQsIGpzeCwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tIFwic25hYmJkb21cIjtcclxuXHJcblxyXG5kZWNsYXJlIGdsb2JhbCB7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlZGVjbGFyZVxyXG4gIG5hbWVzcGFjZSBKU1gge1xyXG4gICAgICAvLyBCYXNlZCBvbiB0aGUgdGFnIGxpc3QgaW4gZ2l0aHViOkRlZmluaXRlbHlUeXBlZC9EZWZpbml0ZWx5VHlwZWQ6UmVhY3RcclxuICAgICAgaW50ZXJmYWNlIEludHJpbnNpY0VsZW1lbnRzIHtcclxuICAgICAgICAgIFtlbGVtTmFtZTogc3RyaW5nXTogVk5vZGVEYXRhXHJcbiAgICAgIH1cclxuICB9XHJcbn1cclxuXHJcbmNvbnN0IG1vZHVsZXNOUyA9IFsnaG9vaycsICdvbicsICdzdHlsZScsICdjbGFzcycsICdwcm9wcycsICdhdHRycycsICdkYXRhc2V0J107XHJcbmNvbnN0IFNWR05TID0gJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJztcclxuXHJcbmZ1bmN0aW9uIG5vcm1hbGl6ZUF0dHJzKHNvdXJjZTogVk5vZGVEYXRhIHwgbnVsbCwgZGVmTlM6IHN0cmluZywgbmFtZXNwYWNlPzogc3RyaW5nKSB7XHJcbiAgY29uc3QgZGF0YTogVk5vZGVEYXRhID0ge307XHJcblxyXG4gIGlmIChuYW1lc3BhY2UpIHtcclxuICAgIGRhdGEubnMgPSBuYW1lc3BhY2U7XHJcbiAgfVxyXG4gIGlmIChzb3VyY2UgPT09IG51bGwpIHtcclxuICAgIHJldHVybiBkYXRhO1xyXG4gIH1cclxuXHJcbiAgbW9kdWxlc05TLmZvckVhY2gobW9kID0+IHtcclxuICAgIGlmIChzb3VyY2VbbW9kXSkge1xyXG4gICAgICBkYXRhW21vZF0gPSBzb3VyY2VbbW9kXTtcclxuICAgIH1cclxuICB9KTtcclxuICBPYmplY3Qua2V5cyhzb3VyY2UpLmZvckVhY2goa2V5ID0+IHtcclxuICAgIGlmIChrZXkgPT09ICdrZXknIHx8IGtleSA9PT0gJ2NsYXNzTmFtZXMnIHx8IGtleSA9PT0gJ3NlbGVjdG9yJykgcmV0dXJuO1xyXG4gICAgY29uc3QgaWR4ID0ga2V5LmluZGV4T2YoJy0nKTtcclxuICAgIGlmIChpZHggPiAwKVxyXG4gICAgICBhZGRBdHRyKGtleS5zbGljZSgwLCBpZHgpLCBrZXkuc2xpY2UoaWR4ICsgMSksIHNvdXJjZVtrZXldKTtcclxuICAgIGVsc2UgaWYgKCFkYXRhW2tleV0pXHJcbiAgICAgIGFkZEF0dHIoZGVmTlMsIGtleSwgc291cmNlW2tleV0pO1xyXG4gIH0pO1xyXG4gIHJldHVybiBkYXRhO1xyXG5cclxuICBmdW5jdGlvbiBhZGRBdHRyKG1vZG5hbWU6IHN0cmluZywga2V5OiBzdHJpbmcsIHZhbDogSnN4Vk5vZGVDaGlsZHJlbikge1xyXG4gICAgY29uc3QgbW9kID0gZGF0YVttb2RuYW1lXSB8fCAoZGF0YVttb2RuYW1lXSA9IHt9KTtcclxuICAgIG1vZFtrZXldID0gdmFsO1xyXG4gIH1cclxufVxyXG5cclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxyXG5mdW5jdGlvbiBKU1gobmFtZXNwYWNlPzogc3RyaW5nLCBkZWZOUzogc3RyaW5nID0gJ3Byb3BzJykge1xyXG4gIHJldHVybiAodGFnOiBGdW5jdGlvbkNvbXBvbmVudCB8IHN0cmluZywgYXR0cnM6IFZOb2RlRGF0YSB8IG51bGwsIC4uLmNoaWxkcmVuOiBKc3hWTm9kZUNoaWxkW10pID0+IGpzeCh0YWcsIG5vcm1hbGl6ZUF0dHJzKGF0dHJzLCBkZWZOUywgbmFtZXNwYWNlKSwgY2hpbGRyZW4pO1xyXG59XHJcblxyXG5jb25zdCBodG1sID0gSlNYKCk7XHJcbmNvbnN0IHN2ZyA9IEpTWChTVkdOUywgJ2F0dHJzJyk7XHJcblxyXG5leHBvcnQgeyBodG1sLCBzdmcsIEpTWCB9O1xyXG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/jsx.ts\n");
-
-/***/ }),
-
-/***/ "./src/main.ts":
-/*!*********************!*\
-  !*** ./src/main.ts ***!
-  \*********************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-eval("\r\n/*\r\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\r\n *\r\n * http://rtsys.informatik.uni-kiel.de/kieler\r\n *\r\n * Copyright 2022 by\r\n * + Kiel University\r\n *   + Department of Computer Science\r\n *     + Real-Time and Embedded Systems Group\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0\r\n */\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nvar viewer_1 = __webpack_require__(/*! ./viewer */ \"./src/viewer.tsx\");\r\n__webpack_require__(/*! ../css/diagram.css */ \"./css/diagram.css\");\r\nvar mouseListener_1 = __webpack_require__(/*! ./mouseListener */ \"./src/mouseListener.ts\");\r\nvar Starter = /** @class */ (function () {\r\n    function Starter() {\r\n        this.sendReadyMessage();\r\n        this.acceptDiagramIdentifier();\r\n    }\r\n    Starter.prototype.sendReadyMessage = function () {\r\n        vscode.postMessage({ readyMessage: 'Template Webview ready' });\r\n    };\r\n    Starter.prototype.acceptDiagramIdentifier = function () {\r\n        var _this = this;\r\n        console.log('Waiting for diagram identifier...');\r\n        var eventListener = function (message) {\r\n            //if (isDiagramIdentifier(message.data)) {\r\n            _this.identifier = message.data;\r\n            _this.initHtml();\r\n            //}\r\n        };\r\n        window.addEventListener('message', eventListener);\r\n    };\r\n    Starter.prototype.initHtml = function () {\r\n        vscode.postMessage(\"test\");\r\n        var containerDiv = document.getElementById(this.identifier + '_container');\r\n        var haloo = document.createTextNode(\"Halloooo\");\r\n        if (containerDiv) {\r\n            var svgContainer = document.createElement(\"div\");\r\n            var test = document.createElement(\"div\");\r\n            test.appendChild(haloo);\r\n            svgContainer.id = \"test_templates\";\r\n            containerDiv.appendChild(svgContainer);\r\n            containerDiv.appendChild(test);\r\n        }\r\n        document.addEventListener('click', function (event) {\r\n            mouseListener_1.click(event);\r\n        });\r\n        viewer_1.update();\r\n    };\r\n    return Starter;\r\n}());\r\nexports.Starter = Starter;\r\nnew Starter();\r\n/* '<div> <h3>Test</h3></div>'\r\nconst containerDiv = document.getElementById(this.diagramIdentifier.clientId + '_container');\r\nif (containerDiv) {\r\n    const svgContainer = document.createElement(\"div\");\r\n    svgContainer.id = this.viewerOptions.baseDiv;\r\n    containerDiv.appendChild(svgContainer);\r\n\r\n    const hiddenContainer = document.createElement(\"div\");\r\n    hiddenContainer.id = this.viewerOptions.hiddenDiv;\r\n    document.body.appendChild(hiddenContainer);\r\n\r\n    const statusDiv = document.createElement(\"div\");\r\n    statusDiv.setAttribute('class', 'sprotty-status');\r\n    containerDiv.appendChild(statusDiv);\r\n\r\n    this.statusIconDiv = document.createElement(\"div\");\r\n    statusDiv.appendChild(this.statusIconDiv);\r\n\r\n    this.statusMessageDiv = document.createElement(\"div\");\r\n    this.statusMessageDiv.setAttribute('class', 'sprotty-status-message');\r\n    statusDiv.appendChild(this.statusMessageDiv);\r\n} */ \r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvbWFpbi50cy5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7Ozs7Ozs7Ozs7Ozs7OztHQWVHOztBQUdILHVFQUFrQztBQUNsQyxtRUFBNEI7QUFDNUIsMkZBQXdDO0FBT3hDO0lBTUk7UUFDSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRVMsa0NBQWdCLEdBQTFCO1FBQ0ksTUFBTSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFlBQVksRUFBRSx3QkFBd0IsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVTLHlDQUF1QixHQUFqQztRQUFBLGlCQVNDO1FBUkcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ2pELElBQU0sYUFBYSxHQUFHLFVBQUMsT0FBWTtZQUMvQiwwQ0FBMEM7WUFDMUMsS0FBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsSUFBSTtZQUM5QixLQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEIsR0FBRztRQUNQLENBQUMsQ0FBQztRQUNGLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVTLDBCQUFRLEdBQWxCO1FBQ0ksTUFBTSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUM7UUFDMUIsSUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQyxDQUFDO1FBQzdFLElBQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDO1FBQ2pELElBQUksWUFBWSxFQUFFO1lBQ2QsSUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNuRCxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDeEIsWUFBWSxDQUFDLEVBQUUsR0FBRyxnQkFBZ0IsQ0FBQztZQUNuQyxZQUFZLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ3ZDLFlBQVksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDbEM7UUFDRCxRQUFRLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLGVBQUs7WUFDcEMscUJBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQixDQUFDLENBQUM7UUFDRixlQUFNLEVBQUUsQ0FBQztJQUNiLENBQUM7SUFDTCxjQUFDO0FBQUQsQ0FBQztBQTNDWSwwQkFBTztBQStDcEIsSUFBSSxPQUFPLEVBQUUsQ0FBQztBQUVkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQkkiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9zdHBhLXRlbXBsYXRlLXdlYnZpZXcvLi9zcmMvbWFpbi50cz9jZDQ5Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIEtJRUxFUiAtIEtpZWwgSW50ZWdyYXRlZCBFbnZpcm9ubWVudCBmb3IgTGF5b3V0IEVjbGlwc2UgUmljaENsaWVudFxyXG4gKlxyXG4gKiBodHRwOi8vcnRzeXMuaW5mb3JtYXRpay51bmkta2llbC5kZS9raWVsZXJcclxuICpcclxuICogQ29weXJpZ2h0IDIwMjIgYnlcclxuICogKyBLaWVsIFVuaXZlcnNpdHlcclxuICogICArIERlcGFydG1lbnQgb2YgQ29tcHV0ZXIgU2NpZW5jZVxyXG4gKiAgICAgKyBSZWFsLVRpbWUgYW5kIEVtYmVkZGVkIFN5c3RlbXMgR3JvdXBcclxuICpcclxuICogVGhpcyBwcm9ncmFtIGFuZCB0aGUgYWNjb21wYW55aW5nIG1hdGVyaWFscyBhcmUgbWFkZSBhdmFpbGFibGUgdW5kZXIgdGhlXHJcbiAqIHRlcm1zIG9mIHRoZSBFY2xpcHNlIFB1YmxpYyBMaWNlbnNlIDIuMCB3aGljaCBpcyBhdmFpbGFibGUgYXRcclxuICogaHR0cDovL3d3dy5lY2xpcHNlLm9yZy9sZWdhbC9lcGwtMi4wLlxyXG4gKlxyXG4gKiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogRVBMLTIuMFxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gJ2ludmVyc2lmeSc7XHJcbmltcG9ydCB7IHVwZGF0ZSB9IGZyb20gJy4vdmlld2VyJztcclxuaW1wb3J0ICcuLi9jc3MvZGlhZ3JhbS5jc3MnO1xyXG5pbXBvcnQgeyBjbGljayB9IGZyb20gJy4vbW91c2VMaXN0ZW5lcic7XHJcblxyXG5pbnRlcmZhY2UgdnNjb2RlIHtcclxuICAgIHBvc3RNZXNzYWdlKG1lc3NhZ2U6IGFueSk6IHZvaWQ7XHJcbn1cclxuZGVjbGFyZSBjb25zdCB2c2NvZGU6IHZzY29kZTtcclxuXHJcbmV4cG9ydCBjbGFzcyBTdGFydGVyIHtcclxuXHJcblxyXG4gICAgcHJvdGVjdGVkIGNvbnRhaW5lcj86IENvbnRhaW5lcjtcclxuICAgIHByb3RlY3RlZCBpZGVudGlmaWVyOiBzdHJpbmc7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgdGhpcy5zZW5kUmVhZHlNZXNzYWdlKCk7XHJcbiAgICAgICAgdGhpcy5hY2NlcHREaWFncmFtSWRlbnRpZmllcigpO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBzZW5kUmVhZHlNZXNzYWdlKCk6IHZvaWQge1xyXG4gICAgICAgIHZzY29kZS5wb3N0TWVzc2FnZSh7IHJlYWR5TWVzc2FnZTogJ1RlbXBsYXRlIFdlYnZpZXcgcmVhZHknIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBhY2NlcHREaWFncmFtSWRlbnRpZmllcigpOiB2b2lkwqB7XHJcbiAgICAgICAgY29uc29sZS5sb2coJ1dhaXRpbmcgZm9yIGRpYWdyYW0gaWRlbnRpZmllci4uLicpO1xyXG4gICAgICAgIGNvbnN0IGV2ZW50TGlzdGVuZXIgPSAobWVzc2FnZTogYW55KSA9PiB7XHJcbiAgICAgICAgICAgIC8vaWYgKGlzRGlhZ3JhbUlkZW50aWZpZXIobWVzc2FnZS5kYXRhKSkge1xyXG4gICAgICAgICAgICB0aGlzLmlkZW50aWZpZXIgPSBtZXNzYWdlLmRhdGFcclxuICAgICAgICAgICAgdGhpcy5pbml0SHRtbCgpO1xyXG4gICAgICAgICAgICAvL31cclxuICAgICAgICB9O1xyXG4gICAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtZXNzYWdlJywgZXZlbnRMaXN0ZW5lcik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIGluaXRIdG1sKCk6IHZvaWQge1xyXG4gICAgICAgIHZzY29kZS5wb3N0TWVzc2FnZShcInRlc3RcIilcclxuICAgICAgICBjb25zdCBjb250YWluZXJEaXYgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmlkZW50aWZpZXIgKyAnX2NvbnRhaW5lcicpO1xyXG4gICAgICAgIGNvbnN0IGhhbG9vID0gZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUoXCJIYWxsb29vb1wiKVxyXG4gICAgICAgIGlmIChjb250YWluZXJEaXYpIHtcclxuICAgICAgICAgICAgY29uc3Qgc3ZnQ29udGFpbmVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImRpdlwiKTtcclxuICAgICAgICAgICAgY29uc3QgdGVzdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIik7XHJcbiAgICAgICAgICAgIHRlc3QuYXBwZW5kQ2hpbGQoaGFsb28pO1xyXG4gICAgICAgICAgICBzdmdDb250YWluZXIuaWQgPSBcInRlc3RfdGVtcGxhdGVzXCI7XHJcbiAgICAgICAgICAgIGNvbnRhaW5lckRpdi5hcHBlbmRDaGlsZChzdmdDb250YWluZXIpO1xyXG4gICAgICAgICAgICBjb250YWluZXJEaXYuYXBwZW5kQ2hpbGQodGVzdCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZXZlbnQgPT4ge1xyXG4gICAgICAgICAgICBjbGljayhldmVudCk7XHJcbiAgICAgICAgfSlcclxuICAgICAgICB1cGRhdGUoKTtcclxuICAgIH1cclxufVxyXG5cclxuXHJcblxyXG5uZXcgU3RhcnRlcigpO1xyXG5cclxuLyogJzxkaXY+IDxoMz5UZXN0PC9oMz48L2Rpdj4nXHJcbmNvbnN0IGNvbnRhaW5lckRpdiA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuZGlhZ3JhbUlkZW50aWZpZXIuY2xpZW50SWQgKyAnX2NvbnRhaW5lcicpO1xyXG5pZiAoY29udGFpbmVyRGl2KSB7XHJcbiAgICBjb25zdCBzdmdDb250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgc3ZnQ29udGFpbmVyLmlkID0gdGhpcy52aWV3ZXJPcHRpb25zLmJhc2VEaXY7XHJcbiAgICBjb250YWluZXJEaXYuYXBwZW5kQ2hpbGQoc3ZnQ29udGFpbmVyKTtcclxuXHJcbiAgICBjb25zdCBoaWRkZW5Db250YWluZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgaGlkZGVuQ29udGFpbmVyLmlkID0gdGhpcy52aWV3ZXJPcHRpb25zLmhpZGRlbkRpdjtcclxuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoaGlkZGVuQ29udGFpbmVyKTtcclxuXHJcbiAgICBjb25zdCBzdGF0dXNEaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgc3RhdHVzRGl2LnNldEF0dHJpYnV0ZSgnY2xhc3MnLCAnc3Byb3R0eS1zdGF0dXMnKTtcclxuICAgIGNvbnRhaW5lckRpdi5hcHBlbmRDaGlsZChzdGF0dXNEaXYpO1xyXG5cclxuICAgIHRoaXMuc3RhdHVzSWNvbkRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIik7XHJcbiAgICBzdGF0dXNEaXYuYXBwZW5kQ2hpbGQodGhpcy5zdGF0dXNJY29uRGl2KTtcclxuXHJcbiAgICB0aGlzLnN0YXR1c01lc3NhZ2VEaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xyXG4gICAgdGhpcy5zdGF0dXNNZXNzYWdlRGl2LnNldEF0dHJpYnV0ZSgnY2xhc3MnLCAnc3Byb3R0eS1zdGF0dXMtbWVzc2FnZScpO1xyXG4gICAgc3RhdHVzRGl2LmFwcGVuZENoaWxkKHRoaXMuc3RhdHVzTWVzc2FnZURpdik7XHJcbn0gKi8iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/main.ts\n");
-
-/***/ }),
-
-/***/ "./src/mouseListener.ts":
-/*!******************************!*\
-  !*** ./src/mouseListener.ts ***!
-  \******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-eval("\r\n/*\r\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\r\n *\r\n * http://rtsys.informatik.uni-kiel.de/kieler\r\n *\r\n * Copyright 2022 by\r\n * + Kiel University\r\n *   + Department of Computer Science\r\n *     + Real-Time and Embedded Systems Group\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0\r\n */\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nfunction click(event) {\r\n    var node = event.target;\r\n    var owner = node.ownerSVGElement;\r\n    console.log(owner);\r\n}\r\nexports.click = click;\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvbW91c2VMaXN0ZW5lci50cy5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7Ozs7Ozs7Ozs7Ozs7OztHQWVHOztBQUVILFNBQWdCLEtBQUssQ0FBQyxLQUFpQjtJQUNuQyxJQUFJLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO0lBQ3hCLElBQUksS0FBSyxHQUFJLElBQW1CLENBQUMsZUFBZSxDQUFDO0lBQ2pELE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDdkIsQ0FBQztBQUpELHNCQUlDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4vc3JjL21vdXNlTGlzdGVuZXIudHM/NjUzNCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBLSUVMRVIgLSBLaWVsIEludGVncmF0ZWQgRW52aXJvbm1lbnQgZm9yIExheW91dCBFY2xpcHNlIFJpY2hDbGllbnRcclxuICpcclxuICogaHR0cDovL3J0c3lzLmluZm9ybWF0aWsudW5pLWtpZWwuZGUva2llbGVyXHJcbiAqXHJcbiAqIENvcHlyaWdodCAyMDIyIGJ5XHJcbiAqICsgS2llbCBVbml2ZXJzaXR5XHJcbiAqICAgKyBEZXBhcnRtZW50IG9mIENvbXB1dGVyIFNjaWVuY2VcclxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXHJcbiAqXHJcbiAqIFRoaXMgcHJvZ3JhbSBhbmQgdGhlIGFjY29tcGFueWluZyBtYXRlcmlhbHMgYXJlIG1hZGUgYXZhaWxhYmxlIHVuZGVyIHRoZVxyXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XHJcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cclxuICpcclxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcclxuICovXHJcblxyXG5leHBvcnQgZnVuY3Rpb24gY2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGxldCBub2RlID0gZXZlbnQudGFyZ2V0O1xyXG4gICAgbGV0IG93bmVyID0gKG5vZGUgYXMgU1ZHRWxlbWVudCkub3duZXJTVkdFbGVtZW50O1xyXG4gICAgY29uc29sZS5sb2cob3duZXIpO1xyXG59Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/mouseListener.ts\n");
-
-/***/ }),
-
-/***/ "./src/viewer.tsx":
-/*!************************!*\
-  !*** ./src/viewer.tsx ***!
-  \************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-eval("\r\n/*\r\n * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient\r\n *\r\n * http://rtsys.informatik.uni-kiel.de/kieler\r\n *\r\n * Copyright 2022 by\r\n * + Kiel University\r\n *   + Department of Computer Science\r\n *     + Real-Time and Embedded Systems Group\r\n *\r\n * This program and the accompanying materials are made available under the\r\n * terms of the Eclipse Public License 2.0 which is available at\r\n * http://www.eclipse.org/legal/epl-2.0.\r\n *\r\n * SPDX-License-Identifier: EPL-2.0\r\n */\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n/** @jsx svg */\r\nvar snabbdom_1 = __webpack_require__(/*! snabbdom */ \"../node_modules/snabbdom/build/index.js\");\r\nvar jsx_1 = __webpack_require__(/*! ./jsx */ \"./src/jsx.ts\");\r\nvar patch = snabbdom_1.init([\r\n    // Init patch function with chosen modules\r\n    snabbdom_1.classModule,\r\n    snabbdom_1.propsModule,\r\n    snabbdom_1.styleModule,\r\n    snabbdom_1.eventListenersModule,\r\n    snabbdom_1.attributesModule // for using attributes on svg elements\r\n]);\r\nfunction update() {\r\n    console.log(testNode);\r\n    if (typeof document !== 'undefined') {\r\n        var placeholder = document.getElementById(\"test_templates\");\r\n        if (placeholder !== null) {\r\n            patch(placeholder, testNode2);\r\n        }\r\n    }\r\n}\r\nexports.update = update;\r\nvar testNode2 = jsx_1.svg(\"svg\", { id: \"stpa-diagram_0_simpleCSTemplate\", tabindex: \"0\", width: \"214.59830729166666\", height: \"179\", \"class-sprotty-graph\": \"true\" },\r\n    jsx_1.svg(\"g\", { transform: \"scale(1) translate(0,0)\" },\r\n        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_controlStructure\", transform: \"translate(12, 12)\", \"class-parent\": \"true\" },\r\n            jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"184.59830729166666\", height: \"149\", \"class-parent-node\": \"true\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller\", transform: \"translate(44.253255208333336, 12)\", \"class-cs\": \"true\" },\r\n                jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"72.025390625\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"Controller\")),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess\", transform: \"translate(27.68994140625, 102)\", \"class-cs\": \"true\" },\r\n                jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"121.71533203125\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"ControlledProcess\")),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller:ca:ControlledProcess\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                jsx_1.svg(\"path\", { d: \"M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102\", \"class-stpa-edge\": \"true\" }),\r\n                jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(-90 108.83349609375 102) translate(108.83349609375 102)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller:ca:ControlledProcess.label\", transform: \"translate(95.27018229166666, 67) translate(0, 12)\" }, \"control action\")),\r\n            jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess:fb:Controller\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                jsx_1.svg(\"path\", { d: \"M 68.26171875,102 L 68.26171875,47\", \"class-stpa-edge\": \"true\" }),\r\n                jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(90 68.26171875 47) translate(68.26171875 47)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess:fb:Controller.label\", transform: \"translate(12, 67) translate(1, 12)\" }, \"feedback\")))));\r\nvar testNode = jsx_1.svg(\"div\", { \"class-sidebar__content\": \"true\" },\r\n    jsx_1.svg(\"h3\", { \"class-sidebar__title\": \"true\" }, \"Templates\"),\r\n    jsx_1.svg(\"div\", { \"class-sidebar__panel-content\": \"true\" },\r\n        jsx_1.svg(\"div\", null,\r\n            jsx_1.svg(\"svg\", { id: \"stpa-diagram_0_simpleCSTemplate\", tabindex: \"0\", width: \"214.59830729166666\", height: \"179\", \"class-sprotty-graph\": \"true\" },\r\n                jsx_1.svg(\"g\", { transform: \"scale(1) translate(0,0)\" },\r\n                    jsx_1.svg(\"g\", { id: \"stpa-diagram_0_controlStructure\", transform: \"translate(12, 12)\", \"class-parent\": \"true\" },\r\n                        jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"184.59830729166666\", height: \"149\", \"class-parent-node\": \"true\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller\", transform: \"translate(44.253255208333336, 12)\", \"class-cs\": \"true\" },\r\n                            jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"72.025390625\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                            jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"Controller\")),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess\", transform: \"translate(27.68994140625, 102)\", \"class-cs\": \"true\" },\r\n                            jsx_1.svg(\"rect\", { x: \"0\", y: \"0\", width: \"121.71533203125\", height: \"35\", \"class-sprotty-node\": \"true\" }, \" \"),\r\n                            jsx_1.svg(\"text\", { \"class-label\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess.label\", transform: \"translate(5, 10) translate(0, 12)\" }, \"ControlledProcess\")),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_Controller:ca:ControlledProcess\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                            jsx_1.svg(\"path\", { d: \"M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102\", \"class-stpa-edge\": \"true\" }),\r\n                            jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(-90 108.83349609375 102) translate(108.83349609375 102)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                            jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_Controller:ca:ControlledProcess.label\", transform: \"translate(95.27018229166666, 67) translate(0, 12)\" }, \"control action\")),\r\n                        jsx_1.svg(\"g\", { id: \"stpa-diagram_0_ControlledProcess:fb:Controller\", \"class-sprotty-edge\": \"true\", \"class-controlStructure\": \"true\" },\r\n                            jsx_1.svg(\"path\", { d: \"M 68.26171875,102 L 68.26171875,47\", \"class-stpa-edge\": \"true\" }),\r\n                            jsx_1.svg(\"path\", { d: \"M 6,-3 L 0,0 L 6,3 Z\", transform: \"rotate(90 68.26171875 47) translate(68.26171875 47)\", \"class-sprotty-edge-arrow\": \"true\" }),\r\n                            jsx_1.svg(\"text\", { \"class-xref\": \"true\", \"class-sprotty-label\": \"true\", id: \"stpa-diagram_0_ControlledProcess:fb:Controller.label\", transform: \"translate(12, 67) translate(1, 12)\" }, \"feedback\"))))))));\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,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QXFCLE1BQU0sRUFBQyxFQUFFLEVBQUMsd0NBQXdDLEVBQUMsU0FBUyxFQUFDLG1DQUFtQyx3QkFBeUIsQ0FDdEs7d0JBQ0osaUJBQUcsRUFBRSxFQUFDLGdEQUFnRCx3QkFBb0IsTUFBTSw0QkFBd0IsTUFBTTs0QkFDMUcsb0JBQU0sQ0FBQyxFQUFDLDBGQUEwRixxQkFBaUIsTUFBTSxHQUFROzRCQUFBLG9CQUFNLENBQUMsRUFBQyxzQkFBc0IsRUFBQyxTQUFTLEVBQUMsZ0VBQWdFLDhCQUEwQixNQUFNLEdBRW5ROzRCQUNQLGtDQUFpQixNQUFNLHlCQUFxQixNQUFNLEVBQUMsRUFBRSxFQUFDLHNEQUFzRCxFQUFDLFNBQVMsRUFBQyxtREFBbUQscUJBQXNCLENBQ2hNO3dCQUNKLGlCQUFHLEVBQUUsRUFBQyxnREFBZ0Qsd0JBQW9CLE1BQU0sNEJBQXdCLE1BQU07NEJBQzFHLG9CQUFNLENBQUMsRUFBQyxvQ0FBb0MscUJBQWlCLE1BQU0sR0FBUTs0QkFDM0Usb0JBQU0sQ0FBQyxFQUFDLHNCQUFzQixFQUFDLFNBQVMsRUFBQyxxREFBcUQsOEJBQTBCLE1BQU0sR0FBUTs0QkFDdEksa0NBQWlCLE1BQU0seUJBQXFCLE1BQU0sRUFBQyxFQUFFLEVBQUMsc0RBQXNELEVBQUMsU0FBUyxFQUFDLG9DQUFvQyxlQUFnQixDQUMzSyxDQUNKLENBQ0osQ0FDRixDQUNKLENBQ0osQ0FDSixDQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vc3RwYS10ZW1wbGF0ZS13ZWJ2aWV3Ly4vc3JjL3ZpZXdlci50c3g/NjNiMiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBLSUVMRVIgLSBLaWVsIEludGVncmF0ZWQgRW52aXJvbm1lbnQgZm9yIExheW91dCBFY2xpcHNlIFJpY2hDbGllbnRcclxuICpcclxuICogaHR0cDovL3J0c3lzLmluZm9ybWF0aWsudW5pLWtpZWwuZGUva2llbGVyXHJcbiAqXHJcbiAqIENvcHlyaWdodCAyMDIyIGJ5XHJcbiAqICsgS2llbCBVbml2ZXJzaXR5XHJcbiAqICAgKyBEZXBhcnRtZW50IG9mIENvbXB1dGVyIFNjaWVuY2VcclxuICogICAgICsgUmVhbC1UaW1lIGFuZCBFbWJlZGRlZCBTeXN0ZW1zIEdyb3VwXHJcbiAqXHJcbiAqIFRoaXMgcHJvZ3JhbSBhbmQgdGhlIGFjY29tcGFueWluZyBtYXRlcmlhbHMgYXJlIG1hZGUgYXZhaWxhYmxlIHVuZGVyIHRoZVxyXG4gKiB0ZXJtcyBvZiB0aGUgRWNsaXBzZSBQdWJsaWMgTGljZW5zZSAyLjAgd2hpY2ggaXMgYXZhaWxhYmxlIGF0XHJcbiAqIGh0dHA6Ly93d3cuZWNsaXBzZS5vcmcvbGVnYWwvZXBsLTIuMC5cclxuICpcclxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEVQTC0yLjBcclxuICovXHJcblxyXG4vKiogQGpzeCBzdmcgKi9cclxuaW1wb3J0IHsgYXR0cmlidXRlc01vZHVsZSwgY2xhc3NNb2R1bGUsIGV2ZW50TGlzdGVuZXJzTW9kdWxlLCBpbml0LCBwcm9wc01vZHVsZSwgc3R5bGVNb2R1bGUgfSBmcm9tICdzbmFiYmRvbSc7XHJcbmltcG9ydCB7IHN2ZyB9IGZyb20gJy4vanN4JztcclxuXHJcbmNvbnN0IHBhdGNoID0gaW5pdChbXHJcbiAgICAvLyBJbml0IHBhdGNoIGZ1bmN0aW9uIHdpdGggY2hvc2VuIG1vZHVsZXNcclxuICAgIGNsYXNzTW9kdWxlLCAvLyBtYWtlcyBpdCBlYXN5IHRvIHRvZ2dsZSBjbGFzc2VzXHJcbiAgICBwcm9wc01vZHVsZSwgLy8gZm9yIHNldHRpbmcgcHJvcGVydGllcyBvbiBET00gZWxlbWVudHNcclxuICAgIHN0eWxlTW9kdWxlLCAvLyBoYW5kbGVzIHN0eWxpbmcgb24gZWxlbWVudHMgd2l0aCBzdXBwb3J0IGZvciBhbmltYXRpb25zXHJcbiAgICBldmVudExpc3RlbmVyc01vZHVsZSwgLy8gYXR0YWNoZXMgZXZlbnQgbGlzdGVuZXJzXHJcbiAgICBhdHRyaWJ1dGVzTW9kdWxlIC8vIGZvciB1c2luZyBhdHRyaWJ1dGVzIG9uIHN2ZyBlbGVtZW50c1xyXG5dKTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiB1cGRhdGUoKTogdm9pZCB7XHJcbiAgICBjb25zb2xlLmxvZyh0ZXN0Tm9kZSk7ICBcclxuICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgY29uc3QgcGxhY2Vob2xkZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcInRlc3RfdGVtcGxhdGVzXCIpO1xyXG4gICAgICAgIGlmIChwbGFjZWhvbGRlciAhPT0gbnVsbCkge1xyXG4gICAgICAgICAgICBwYXRjaChwbGFjZWhvbGRlciwgdGVzdE5vZGUyKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbmNvbnN0IHRlc3ROb2RlMiA9IDxzdmcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9zaW1wbGVDU1RlbXBsYXRlXCIgdGFiaW5kZXg9XCIwXCIgd2lkdGg9XCIyMTQuNTk4MzA3MjkxNjY2NjZcIiBoZWlnaHQ9XCIxNzlcIiBjbGFzcy1zcHJvdHR5LWdyYXBoPVwidHJ1ZVwiPlxyXG48ZyB0cmFuc2Zvcm09XCJzY2FsZSgxKSB0cmFuc2xhdGUoMCwwKVwiPlxyXG4gICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9jb250cm9sU3RydWN0dXJlXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEyLCAxMilcIiBjbGFzcy1wYXJlbnQ9XCJ0cnVlXCI+XHJcbiAgICAgICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMTg0LjU5ODMwNzI5MTY2NjY2XCIgaGVpZ2h0PVwiMTQ5XCIgY2xhc3MtcGFyZW50LW5vZGU9XCJ0cnVlXCIgY2xhc3Mtc3Byb3R0eS1ub2RlPVwidHJ1ZVwiPiA8L3JlY3Q+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQ0LjI1MzI1NTIwODMzMzMzNiwgMTIpXCIgY2xhc3MtY3M9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxyZWN0IHg9XCIwXCIgeT1cIjBcIiB3aWR0aD1cIjcyLjAyNTM5MDYyNVwiIGhlaWdodD1cIjM1XCIgY2xhc3Mtc3Byb3R0eS1ub2RlPVwidHJ1ZVwiPiA8L3JlY3Q+XHJcbiAgICAgICAgICAgIDx0ZXh0IGNsYXNzLWxhYmVsPVwidHJ1ZVwiIGNsYXNzLXNwcm90dHktbGFiZWw9XCJ0cnVlXCIgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyLmxhYmVsXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDUsIDEwKSB0cmFuc2xhdGUoMCwgMTIpXCI+Q29udHJvbGxlcjwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVkUHJvY2Vzc1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyNy42ODk5NDE0MDYyNSwgMTAyKVwiIGNsYXNzLWNzPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxMjEuNzE1MzMyMDMxMjVcIiBoZWlnaHQ9XCIzNVwiIGNsYXNzLXNwcm90dHktbm9kZT1cInRydWVcIj4gPC9yZWN0PlxyXG4gICAgICAgICAgICA8dGV4dCBjbGFzcy1sYWJlbD1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3MubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNSwgMTApIHRyYW5zbGF0ZSgwLCAxMilcIj5Db250cm9sbGVkUHJvY2VzczwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyOmNhOkNvbnRyb2xsZWRQcm9jZXNzXCIgY2xhc3Mtc3Byb3R0eS1lZGdlPVwidHJ1ZVwiIGNsYXNzLWNvbnRyb2xTdHJ1Y3R1cmU9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNIDkyLjI3MDE4MjI5MTY2NjY2LDQ3IEwgOTIuMjcwMTgyMjkxNjY2NjYsOTIgTCAxMDguODMzNDk2MDkzNzUsOTIgTCAxMDguODMzNDk2MDkzNzUsMTAyXCIgY2xhc3Mtc3RwYS1lZGdlPVwidHJ1ZVwiPjwvcGF0aD48cGF0aCBkPVwiTSA2LC0zIEwgMCwwIEwgNiwzIFpcIiB0cmFuc2Zvcm09XCJyb3RhdGUoLTkwIDEwOC44MzM0OTYwOTM3NSAxMDIpIHRyYW5zbGF0ZSgxMDguODMzNDk2MDkzNzUgMTAyKVwiIGNsYXNzLXNwcm90dHktZWRnZS1hcnJvdz1cInRydWVcIj5cclxuXHJcbiAgICAgICAgICAgIDwvcGF0aD5cclxuICAgICAgICAgICAgPHRleHQgY2xhc3MteHJlZj1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlcjpjYTpDb250cm9sbGVkUHJvY2Vzcy5sYWJlbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg5NS4yNzAxODIyOTE2NjY2NiwgNjcpIHRyYW5zbGF0ZSgwLCAxMilcIj5jb250cm9sIGFjdGlvbjwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVkUHJvY2VzczpmYjpDb250cm9sbGVyXCIgY2xhc3Mtc3Byb3R0eS1lZGdlPVwidHJ1ZVwiIGNsYXNzLWNvbnRyb2xTdHJ1Y3R1cmU9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNIDY4LjI2MTcxODc1LDEwMiBMIDY4LjI2MTcxODc1LDQ3XCIgY2xhc3Mtc3RwYS1lZGdlPVwidHJ1ZVwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPHBhdGggZD1cIk0gNiwtMyBMIDAsMCBMIDYsMyBaXCIgdHJhbnNmb3JtPVwicm90YXRlKDkwIDY4LjI2MTcxODc1IDQ3KSB0cmFuc2xhdGUoNjguMjYxNzE4NzUgNDcpXCIgY2xhc3Mtc3Byb3R0eS1lZGdlLWFycm93PVwidHJ1ZVwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPHRleHQgY2xhc3MteHJlZj1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3M6ZmI6Q29udHJvbGxlci5sYWJlbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMiwgNjcpIHRyYW5zbGF0ZSgxLCAxMilcIj5mZWVkYmFjazwvdGV4dD5cclxuICAgICAgICA8L2c+XHJcbiAgICA8L2c+XHJcbjwvZz5cclxuPC9zdmc+XHJcblxyXG5jb25zdCB0ZXN0Tm9kZSA9IDxkaXYgY2xhc3Mtc2lkZWJhcl9fY29udGVudD1cInRydWVcIj5cclxuICAgIHsvKiAgICAgPGRpdiBjbGFzcz1cInNpZGViYXJfX3RvZ2dsZS1jb250YWluZXJcIj5cclxuICAgICAgICA8YnV0dG9uIHRpdGxlPVwiR2VuZXJhbFwiIGNsYXNzPVwic2lkZWJhcl9fdG9nZ2xlLWJ1dHRvblwiPlxyXG4gICAgICAgICAgICA8c3ZnIGNsYXNzPVwiZmVhdGhlciBmZWF0aGVyLXNldHRpbmdzXCIgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4OyBmaWxsOiBub25lOyBzdHJva2U6IGN1cnJlbnRjb2xvcjsgc3Ryb2tlLXdpZHRoOiAyOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjNcIj48L2NpcmNsZT5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTkuNCAxNWExLjY1IDEuNjUgMCAwIDAgLjMzIDEuODJsLjA2LjA2YTIgMiAwIDAgMSAwIDIuODMgMiAyIDAgMCAxLTIuODMgMGwtLjA2LS4wNmExLjY1IDEuNjUgMCAwIDAtMS44Mi0uMzMgMS42NSAxLjY1IDAgMCAwLTEgMS41MVYyMWEyIDIgMCAwIDEtMiAyIDIgMiAwIDAgMS0yLTJ2LS4wOUExLjY1IDEuNjUgMCAwIDAgOSAxOS40YTEuNjUgMS42NSAwIDAgMC0xLjgyLjMzbC0uMDYuMDZhMiAyIDAgMCAxLTIuODMgMCAyIDIgMCAwIDEgMC0yLjgzbC4wNi0uMDZhMS42NSAxLjY1IDAgMCAwIC4zMy0xLjgyIDEuNjUgMS42NSAwIDAgMC0xLjUxLTFIM2EyIDIgMCAwIDEtMi0yIDIgMiAwIDAgMSAyLTJoLjA5QTEuNjUgMS42NSAwIDAgMCA0LjYgOWExLjY1IDEuNjUgMCAwIDAtLjMzLTEuODJsLS4wNi0uMDZhMiAyIDAgMCAxIDAtMi44MyAyIDIgMCAwIDEgMi44MyAwbC4wNi4wNmExLjY1IDEuNjUgMCAwIDAgMS44Mi4zM0g5YTEuNjUgMS42NSAwIDAgMCAxLTEuNTFWM2EyIDIgMCAwIDEgMi0yIDIgMiAwIDAgMSAyIDJ2LjA5YTEuNjUgMS42NSAwIDAgMCAxIDEuNTEgMS42NSAxLjY1IDAgMCAwIDEuODItLjMzbC4wNi0uMDZhMiAyIDAgMCAxIDIuODMgMCAyIDIgMCAwIDEgMCAyLjgzbC0uMDYuMDZhMS42NSAxLjY1IDAgMCAwLS4zMyAxLjgyVjlhMS42NSAxLjY1IDAgMCAwIDEuNTEgMUgyMWEyIDIgMCAwIDEgMiAyIDIgMiAwIDAgMS0yIDJoLS4wOWExLjY1IDEuNjUgMCAwIDAtMS41MSAxelwiPjwvcGF0aD5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiB0aXRsZT1cIk9wdGlvbnNcIiBjbGFzcz1cInNpZGViYXJfX3RvZ2dsZS1idXR0b25cIj5cclxuICAgICAgICAgICAgPHN2ZyBjbGFzcz1cImZlYXRoZXIgZmVhdGhlci1zbGlkZXJzXCIgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4OyBmaWxsOiBub25lOyBzdHJva2U6IGN1cnJlbnRjb2xvcjsgc3Ryb2tlLXdpZHRoOiAyOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjRcIiB5MT1cIjIxXCIgeDI9XCI0XCIgeTI9XCIxNFwiPjwvbGluZT5cclxuICAgICAgICAgICAgICAgIDxsaW5lIHgxPVwiNFwiIHkxPVwiMTBcIiB4Mj1cIjRcIiB5Mj1cIjNcIj48L2xpbmU+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjEyXCIgeTE9XCIyMVwiIHgyPVwiMTJcIiB5Mj1cIjEyXCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIxMlwiIHkxPVwiOFwiIHgyPVwiMTJcIiB5Mj1cIjNcIj48L2xpbmU+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjIwXCIgeTE9XCIyMVwiIHgyPVwiMjBcIiB5Mj1cIjE2XCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIyMFwiIHkxPVwiMTJcIiB4Mj1cIjIwXCIgeTI9XCIzXCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIxXCIgeTE9XCIxNFwiIHgyPVwiN1wiIHkyPVwiMTRcIj48L2xpbmU+XHJcbiAgICAgICAgICAgICAgICA8bGluZSB4MT1cIjlcIiB5MT1cIjhcIiB4Mj1cIjE1XCIgeTI9XCI4XCI+PC9saW5lPlxyXG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCIxN1wiIHkxPVwiMTZcIiB4Mj1cIjIzXCIgeTI9XCIxNlwiPjwvbGluZT5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiB0aXRsZT1cIlRlbXBsYXRlc1wiIGNsYXNzPVwic2lkZWJhcl9fdG9nZ2xlLWJ1dHRvbiBzaWRlYmFyX190b2dnbGUtYnV0dG9uLS1hY3RpdmVcIj5cclxuICAgICAgICAgICAgPHN2ZyBjbGFzcz1cImZlYXRoZXIgZmVhdGhlci1jb2RlXCIgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4OyBmaWxsOiBub25lOyBzdHJva2U6IGN1cnJlbnRjb2xvcjsgc3Ryb2tlLXdpZHRoOiAyOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8cG9seWxpbmUgcG9pbnRzPVwiMTYgMTggMjIgMTIgMTYgNlwiPjwvcG9seWxpbmU+XHJcbiAgICAgICAgICAgICAgICA8cG9seWxpbmUgcG9pbnRzPVwiOCA2IDIgMTIgOCAxOFwiPjwvcG9seWxpbmU+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+ICovfVxyXG4gICAgPGgzIGNsYXNzLXNpZGViYXJfX3RpdGxlPVwidHJ1ZVwiPlRlbXBsYXRlczwvaDM+XHJcbiAgICA8ZGl2IGNsYXNzLXNpZGViYXJfX3BhbmVsLWNvbnRlbnQ9XCJ0cnVlXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPHN2ZyBpZD1cInN0cGEtZGlhZ3JhbV8wX3NpbXBsZUNTVGVtcGxhdGVcIiB0YWJpbmRleD1cIjBcIiB3aWR0aD1cIjIxNC41OTgzMDcyOTE2NjY2NlwiIGhlaWdodD1cIjE3OVwiIGNsYXNzLXNwcm90dHktZ3JhcGg9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09XCJzY2FsZSgxKSB0cmFuc2xhdGUoMCwwKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxnIGlkPVwic3RwYS1kaWFncmFtXzBfY29udHJvbFN0cnVjdHVyZVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxMiwgMTIpXCIgY2xhc3MtcGFyZW50PVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxODQuNTk4MzA3MjkxNjY2NjZcIiBoZWlnaHQ9XCIxNDlcIiBjbGFzcy1wYXJlbnQtbm9kZT1cInRydWVcIiBjbGFzcy1zcHJvdHR5LW5vZGU9XCJ0cnVlXCI+IDwvcmVjdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQ0LjI1MzI1NTIwODMzMzMzNiwgMTIpXCIgY2xhc3MtY3M9XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCI3Mi4wMjUzOTA2MjVcIiBoZWlnaHQ9XCIzNVwiIGNsYXNzLXNwcm90dHktbm9kZT1cInRydWVcIj4gPC9yZWN0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRleHQgY2xhc3MtbGFiZWw9XCJ0cnVlXCIgY2xhc3Mtc3Byb3R0eS1sYWJlbD1cInRydWVcIiBpZD1cInN0cGEtZGlhZ3JhbV8wX0NvbnRyb2xsZXIubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNSwgMTApIHRyYW5zbGF0ZSgwLCAxMilcIj5Db250cm9sbGVyPC90ZXh0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3NcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjcuNjg5OTQxNDA2MjUsIDEwMilcIiBjbGFzcy1jcz1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9XCIwXCIgeT1cIjBcIiB3aWR0aD1cIjEyMS43MTUzMzIwMzEyNVwiIGhlaWdodD1cIjM1XCIgY2xhc3Mtc3Byb3R0eS1ub2RlPVwidHJ1ZVwiPiA8L3JlY3Q+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBjbGFzcy1sYWJlbD1cInRydWVcIiBjbGFzcy1zcHJvdHR5LWxhYmVsPVwidHJ1ZVwiIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3MubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNSwgMTApIHRyYW5zbGF0ZSgwLCAxMilcIj5Db250cm9sbGVkUHJvY2VzczwvdGV4dD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD1cInN0cGEtZGlhZ3JhbV8wX0NvbnRyb2xsZXI6Y2E6Q29udHJvbGxlZFByb2Nlc3NcIiBjbGFzcy1zcHJvdHR5LWVkZ2U9XCJ0cnVlXCIgY2xhc3MtY29udHJvbFN0cnVjdHVyZT1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9XCJNIDkyLjI3MDE4MjI5MTY2NjY2LDQ3IEwgOTIuMjcwMTgyMjkxNjY2NjYsOTIgTCAxMDguODMzNDk2MDkzNzUsOTIgTCAxMDguODMzNDk2MDkzNzUsMTAyXCIgY2xhc3Mtc3RwYS1lZGdlPVwidHJ1ZVwiPjwvcGF0aD48cGF0aCBkPVwiTSA2LC0zIEwgMCwwIEwgNiwzIFpcIiB0cmFuc2Zvcm09XCJyb3RhdGUoLTkwIDEwOC44MzM0OTYwOTM3NSAxMDIpIHRyYW5zbGF0ZSgxMDguODMzNDk2MDkzNzUgMTAyKVwiIGNsYXNzLXNwcm90dHktZWRnZS1hcnJvdz1cInRydWVcIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3BhdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGV4dCBjbGFzcy14cmVmPVwidHJ1ZVwiIGNsYXNzLXNwcm90dHktbGFiZWw9XCJ0cnVlXCIgaWQ9XCJzdHBhLWRpYWdyYW1fMF9Db250cm9sbGVyOmNhOkNvbnRyb2xsZWRQcm9jZXNzLmxhYmVsXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDk1LjI3MDE4MjI5MTY2NjY2LCA2NykgdHJhbnNsYXRlKDAsIDEyKVwiPmNvbnRyb2wgYWN0aW9uPC90ZXh0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPVwic3RwYS1kaWFncmFtXzBfQ29udHJvbGxlZFByb2Nlc3M6ZmI6Q29udHJvbGxlclwiIGNsYXNzLXNwcm90dHktZWRnZT1cInRydWVcIiBjbGFzcy1jb250cm9sU3RydWN0dXJlPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD1cIk0gNjguMjYxNzE4NzUsMTAyIEwgNjguMjYxNzE4NzUsNDdcIiBjbGFzcy1zdHBhLWVkZ2U9XCJ0cnVlXCI+PC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD1cIk0gNiwtMyBMIDAsMCBMIDYsMyBaXCIgdHJhbnNmb3JtPVwicm90YXRlKDkwIDY4LjI2MTcxODc1IDQ3KSB0cmFuc2xhdGUoNjguMjYxNzE4NzUgNDcpXCIgY2xhc3Mtc3Byb3R0eS1lZGdlLWFycm93PVwidHJ1ZVwiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGNsYXNzLXhyZWY9XCJ0cnVlXCIgY2xhc3Mtc3Byb3R0eS1sYWJlbD1cInRydWVcIiBpZD1cInN0cGEtZGlhZ3JhbV8wX0NvbnRyb2xsZWRQcm9jZXNzOmZiOkNvbnRyb2xsZXIubGFiZWxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTIsIDY3KSB0cmFuc2xhdGUoMSwgMTIpXCI+ZmVlZGJhY2s8L3RleHQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PjsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/viewer.tsx\n");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval-source-map devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/main.ts");
-/******/ 	
-/******/ })()
-;
\ No newline at end of file

From 3301eb3a452f9a20434129040b946eec6bb716b2 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 28 Jun 2022 13:18:16 +0200
Subject: [PATCH 28/80] restructuring

---
 .gitignore                                  |  4 +-
 extension/src/template-webview.ts           |  2 +-
 templateWebview/src/html.tsx                | 27 +++++++++
 templateWebview/src/main.ts                 | 67 ++++++++-------------
 templateWebview/src/{viewer.tsx => svg.tsx} | 60 ++++++++----------
 5 files changed, 81 insertions(+), 79 deletions(-)
 create mode 100644 templateWebview/src/html.tsx
 rename templateWebview/src/{viewer.tsx => svg.tsx} (70%)

diff --git a/.gitignore b/.gitignore
index 29c8dc82..2169420d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,9 +4,9 @@ extension/syntaxes
 extension/pack
 language-server/src/generated
 language-server/node_modules
-language-server/out
 
 
 webview/node_modules
 webview/lib
-webview/out
\ No newline at end of file
+
+*/out
\ No newline at end of file
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 563b26f0..788315d6 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -77,7 +77,7 @@ export class TemplateWebview {
 
     protected async sendDiagramIdentifier() {
         await this.ready();
-        this.sendToWebview(this.identifier);
+        this.sendToWebview({identifier: this.identifier});
     }
 
     /**
diff --git a/templateWebview/src/html.tsx b/templateWebview/src/html.tsx
new file mode 100644
index 00000000..190aba3b
--- /dev/null
+++ b/templateWebview/src/html.tsx
@@ -0,0 +1,27 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+/** @jsx html */
+import { html } from './jsx';
+import { VNode } from 'snabbdom';
+
+export const templatesID = 'templates'
+
+export const panel: VNode = <div class-sidebar__content="true">
+    <h3 class-sidebar__title="true">{"Templates"}</h3>
+    <div class-sidebar__panel-content="true" id={templatesID}></div>
+</div>;
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index 705a8490..e3496412 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -15,10 +15,11 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Container } from 'inversify';
-import { update } from './viewer';
 import '../css/diagram.css';
+import { Container } from 'inversify';
+import { patch, testNode2 } from './svg';
 import { click } from './mouseListener';
+import { panel, templatesID } from './html';
 
 interface vscode {
     postMessage(message: any): void;
@@ -40,59 +41,43 @@ export class Starter {
         vscode.postMessage({ readyMessage: 'Template Webview ready' });
     }
 
-    protected acceptDiagramIdentifier(): void {
+    protected acceptDiagramIdentifier(): void {
         console.log('Waiting for diagram identifier...');
         const eventListener = (message: any) => {
-            //if (isDiagramIdentifier(message.data)) {
-            this.identifier = message.data
-            this.initHtml();
-            //}
+            this.handleMessages(message);
         };
         window.addEventListener('message', eventListener);
     }
 
     protected initHtml(): void {
-        vscode.postMessage("test")
+        vscode.postMessage("test");
         const containerDiv = document.getElementById(this.identifier + '_container');
-        const haloo = document.createTextNode("Halloooo")
         if (containerDiv) {
-            const svgContainer = document.createElement("div");
-            const test = document.createElement("div");
-            test.appendChild(haloo);
-            svgContainer.id = "test_templates";
-            containerDiv.appendChild(svgContainer);
-            containerDiv.appendChild(test);
+            const panelContainer = document.createElement("div");
+            containerDiv.appendChild(panelContainer);
+            patch(panelContainer, panel);
         }
         document.addEventListener('click', event => {
             click(event);
-        })
-        update();
+        });
     }
-}
 
+    protected handleMessages(message: any) {
+        if (message.data.identifier) {
+            this.identifier = message.data.identifier;
+            this.initHtml();
+            //} else if (message.templates) {
+            const containerDiv = document.getElementById(templatesID);
+            if (containerDiv) {
+                for (let i = 0; i < 2; i++) {
+                    const svgPlaceholder = document.createElement("div");
+                    containerDiv.appendChild(svgPlaceholder);
+                    patch(svgPlaceholder, testNode2);
+                }
+            }
+        }
+    }
 
+}
 
 new Starter();
-
-/* '<div> <h3>Test</h3></div>'
-const containerDiv = document.getElementById(this.diagramIdentifier.clientId + '_container');
-if (containerDiv) {
-    const svgContainer = document.createElement("div");
-    svgContainer.id = this.viewerOptions.baseDiv;
-    containerDiv.appendChild(svgContainer);
-
-    const hiddenContainer = document.createElement("div");
-    hiddenContainer.id = this.viewerOptions.hiddenDiv;
-    document.body.appendChild(hiddenContainer);
-
-    const statusDiv = document.createElement("div");
-    statusDiv.setAttribute('class', 'sprotty-status');
-    containerDiv.appendChild(statusDiv);
-
-    this.statusIconDiv = document.createElement("div");
-    statusDiv.appendChild(this.statusIconDiv);
-
-    this.statusMessageDiv = document.createElement("div");
-    this.statusMessageDiv.setAttribute('class', 'sprotty-status-message');
-    statusDiv.appendChild(this.statusMessageDiv);
-} */
\ No newline at end of file
diff --git a/templateWebview/src/viewer.tsx b/templateWebview/src/svg.tsx
similarity index 70%
rename from templateWebview/src/viewer.tsx
rename to templateWebview/src/svg.tsx
index 7373fbf3..bd89e104 100644
--- a/templateWebview/src/viewer.tsx
+++ b/templateWebview/src/svg.tsx
@@ -19,7 +19,7 @@
 import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule } from 'snabbdom';
 import { svg } from './jsx';
 
-const patch = init([
+export const patch = init([
     // Init patch function with chosen modules
     classModule, // makes it easy to toggle classes
     propsModule, // for setting properties on DOM elements
@@ -28,44 +28,34 @@ const patch = init([
     attributesModule // for using attributes on svg elements
 ]);
 
-export function update(): void {
-    console.log(testNode);  
-    if (typeof document !== 'undefined') {
-        const placeholder = document.getElementById("test_templates");
-        if (placeholder !== null) {
-            patch(placeholder, testNode2);
-        }
-    }
-}
+export const testNode2 = <svg id="stpa-diagram_0_simpleCSTemplate" tabindex="0" width="214.59830729166666" height="179" class-sprotty-graph="true">
+    <g transform="scale(1) translate(0,0)">
+        <g id="stpa-diagram_0_controlStructure" transform="translate(12, 12)" class-parent="true">
+            <rect x="0" y="0" width="184.59830729166666" height="149" class-parent-node="true" class-sprotty-node="true"> </rect>
+            <g id="stpa-diagram_0_Controller" transform="translate(44.253255208333336, 12)" class-cs="true">
+                <rect x="0" y="0" width="72.025390625" height="35" class-sprotty-node="true"> </rect>
+                <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_Controller.label" transform="translate(5, 10) translate(0, 12)">Controller</text>
+            </g>
+            <g id="stpa-diagram_0_ControlledProcess" transform="translate(27.68994140625, 102)" class-cs="true">
+                <rect x="0" y="0" width="121.71533203125" height="35" class-sprotty-node="true"> </rect>
+                <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess.label" transform="translate(5, 10) translate(0, 12)">ControlledProcess</text>
+            </g>
+            <g id="stpa-diagram_0_Controller:ca:ControlledProcess" class-sprotty-edge="true" class-controlStructure="true">
+                <path d="M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102" class-stpa-edge="true"></path><path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(-90 108.83349609375 102) translate(108.83349609375 102)" class-sprotty-edge-arrow="true">
 
-const testNode2 = <svg id="stpa-diagram_0_simpleCSTemplate" tabindex="0" width="214.59830729166666" height="179" class-sprotty-graph="true">
-<g transform="scale(1) translate(0,0)">
-    <g id="stpa-diagram_0_controlStructure" transform="translate(12, 12)" class-parent="true">
-        <rect x="0" y="0" width="184.59830729166666" height="149" class-parent-node="true" class-sprotty-node="true"> </rect>
-        <g id="stpa-diagram_0_Controller" transform="translate(44.253255208333336, 12)" class-cs="true">
-            <rect x="0" y="0" width="72.025390625" height="35" class-sprotty-node="true"> </rect>
-            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_Controller.label" transform="translate(5, 10) translate(0, 12)">Controller</text>
-        </g>
-        <g id="stpa-diagram_0_ControlledProcess" transform="translate(27.68994140625, 102)" class-cs="true">
-            <rect x="0" y="0" width="121.71533203125" height="35" class-sprotty-node="true"> </rect>
-            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess.label" transform="translate(5, 10) translate(0, 12)">ControlledProcess</text>
-        </g>
-        <g id="stpa-diagram_0_Controller:ca:ControlledProcess" class-sprotty-edge="true" class-controlStructure="true">
-            <path d="M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102" class-stpa-edge="true"></path><path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(-90 108.83349609375 102) translate(108.83349609375 102)" class-sprotty-edge-arrow="true">
-
-            </path>
-            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_Controller:ca:ControlledProcess.label" transform="translate(95.27018229166666, 67) translate(0, 12)">control action</text>
-        </g>
-        <g id="stpa-diagram_0_ControlledProcess:fb:Controller" class-sprotty-edge="true" class-controlStructure="true">
-            <path d="M 68.26171875,102 L 68.26171875,47" class-stpa-edge="true"></path>
-            <path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(90 68.26171875 47) translate(68.26171875 47)" class-sprotty-edge-arrow="true"></path>
-            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess:fb:Controller.label" transform="translate(12, 67) translate(1, 12)">feedback</text>
+                </path>
+                <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_Controller:ca:ControlledProcess.label" transform="translate(95.27018229166666, 67) translate(0, 12)">control action</text>
+            </g>
+            <g id="stpa-diagram_0_ControlledProcess:fb:Controller" class-sprotty-edge="true" class-controlStructure="true">
+                <path d="M 68.26171875,102 L 68.26171875,47" class-stpa-edge="true"></path>
+                <path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(90 68.26171875 47) translate(68.26171875 47)" class-sprotty-edge-arrow="true"></path>
+                <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess:fb:Controller.label" transform="translate(12, 67) translate(1, 12)">feedback</text>
+            </g>
         </g>
     </g>
-</g>
-</svg>
+</svg>;
 
-const testNode = <div class-sidebar__content="true">
+export const testNode = <div class-sidebar__content="true">
     {/*     <div class="sidebar__toggle-container">
         <button title="General" class="sidebar__toggle-button">
             <svg class="feather feather-settings" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">

From 88b815503e71edc549c4282711b0bc1c299094ca Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 28 Jun 2022 15:55:03 +0200
Subject: [PATCH 29/80] webview gets templates from the languageserver

---
 extension/src/extension.ts                    | 68 +------------------
 extension/src/language-extension.ts           | 11 +--
 extension/src/template-webview.ts             | 25 +++++--
 language-server/src/main.ts                   |  2 +-
 language-server/src/templates/actions.ts      | 65 +++++++++++++++---
 .../src/templates/template-diagram-server.ts  | 20 ++++--
 templateWebview/src/main.ts                   | 17 +++--
 webview/src/options/options-module.ts         |  7 --
 webview/src/template/actions.ts               | 46 +++++++------
 .../src/template/template-mouselistener.ts    | 43 ------------
 webview/src/template/template-panel.tsx       | 60 ----------------
 webview/src/template/template-registry.ts     | 38 ++++-------
 webview/src/template/template-renderer.tsx    |  4 +-
 13 files changed, 152 insertions(+), 254 deletions(-)
 delete mode 100644 webview/src/template/template-mouselistener.ts
 delete mode 100644 webview/src/template/template-panel.tsx

diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index c7b4727d..34c1b2ad 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -17,10 +17,9 @@
 
 import * as vscode from 'vscode';
 import { StpaLspVscodeExtension } from './language-extension';
-import { SprottyLspVscodeExtension } from 'sprotty-vscode/lib/lsp';
 import { TemplateWebview } from './template-webview';
 
-let extension: SprottyLspVscodeExtension;
+let extension: StpaLspVscodeExtension;
 
 export function activate(context: vscode.ExtensionContext) {
     vscode.window.showInformationMessage('Activating STPA extension');
@@ -28,9 +27,9 @@ export function activate(context: vscode.ExtensionContext) {
 
     const provider: vscode.WebviewViewProvider = {
         resolveWebviewView: function (webviewView: vscode.WebviewView, context: vscode.WebviewViewResolveContext<unknown>, token: vscode.CancellationToken): void | Thenable<void> {
-
             const tWebview = new TemplateWebview(
                 "templates",
+                extension,
                 [
                     extension.getExtensionFileUri('pack')
                 ],
@@ -44,18 +43,7 @@ export function activate(context: vscode.ExtensionContext) {
             webviewView.title = title;
             tWebview.initializeWebview(webviewView.webview, title);
             tWebview.connect();
-
-            /* webviewView.webview.html =`<!DOCTYPE html>
-            <html lang="en">
-            <head>
-                <meta charset="UTF-8">
-                <meta name="viewport" content="width=device-width, initial-scale=1.0">
-                <title>Cat Coding</title>
-            </head>
-            <body>
-                <img src="https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif" width="300" />
-            </body>
-            </html>` */
+            extension.languageClient.onNotification('templates/add', (msg) => tWebview.sendToWebview(msg));
         }
     };
     vscode.window.registerWebviewViewProvider("stpa-templates", provider);
@@ -67,53 +55,3 @@ export function deactivate(): Thenable<void> {
     return extension.deactivateLanguageClient();
 }
 
-
-import { SGraph, SNode, SEdge, SLabel } from 'sprotty-protocol';
-import { SModelElement } from 'sprotty';
-
-export function getLocalSource(): SGraph {
-    const graph: SGraph = {
-        type: 'graph',
-        id: 'root',
-        children: [
-            {
-                type: 'node',
-                id: 'task01',
-                children: [
-                    { text: "n1", id: "label1", type: "label" } as SLabel
-                ],
-                layout: "stack"
-            } as SNode,
-            {
-                type: 'node',
-                id: 'task02',
-                children: [
-                    { text: "n2", id: "label2", type: "label" } as SLabel
-                ],
-                layout: "stack"
-            } as SNode,
-            {
-                type: 'node',
-                id: 'task03',
-                children: [
-                    { text: "n3", id: "label3", type: "label" } as SLabel
-                ],
-                layout: "stack"
-            } as SNode,
-            {
-                type: 'edge',
-                id: 'edge01',
-                sourceId: 'task01',
-                targetId: 'task02'
-            } as SEdge,
-            {
-                type: 'edge',
-                id: 'edge02',
-                sourceId: 'task02',
-                targetId: 'task03'
-            } as SEdge
-        ] as SModelElement[]
-    };
-
-    return graph;
-}
\ No newline at end of file
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 7bd3ba88..5f67f695 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -26,22 +26,24 @@ import { UpdateViewAction } from './actions';
 
 export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
 
+    clientId: string | undefined;
+
     constructor(context: vscode.ExtensionContext) {
         super('stpa', context);
         this.languageClient.onReady().then(() => {
-            this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this))
-        })
+            this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
+        });
     }
 
     /**
      * Handle WorkSpaceEdit notifications form the langauge server
      * @param msg Message contianing the uri of the document, the text to insert, and the position in the document ot insert it to.
      */
-    private async handleWorkSpaceEdit(msg: {uri: string, text: string, position: vscode.Position}) {
+    protected async handleWorkSpaceEdit(msg: { uri: string, text: string, position: vscode.Position; }) {
         const textDocument = vscode.workspace.textDocuments.find(
             (doc) => doc.uri.toString() === vscode.Uri.parse(msg.uri).toString()
         );
-        if(!textDocument) {
+        if (!textDocument) {
             console.error(
                 `Server requested a text edit but the requested uri was not found among the known documents: ${msg.uri}`
             );
@@ -84,6 +86,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         webview.addActionHandler(WorkspaceEditActionHandler);
         webview.addActionHandler(LspLabelEditActionHandler);
         this.singleton = webview;
+        this.clientId = identifier.clientId;
         return webview;
     }
 
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 788315d6..caf8d384 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -15,11 +15,14 @@
  ********************************************************************************/
 
 import * as vscode from 'vscode';
+import { ActionMessage } from 'sprotty-protocol';
+import { StpaLspVscodeExtension } from './language-extension';
 
 export class TemplateWebview {
 
     static viewCount = 0;
 
+    readonly extension: StpaLspVscodeExtension;
     readonly identifier: string;
     readonly localResourceRoots: vscode.Uri[];
     readonly scriptUri: vscode.Uri;
@@ -30,7 +33,8 @@ export class TemplateWebview {
     private resolveWebviewReady: () => void;
     private readonly webviewReady = new Promise<void>((resolve) => this.resolveWebviewReady = resolve);
 
-    constructor(identifier: string, localResourceRoots: vscode.Uri[], scriptUri: vscode.Uri) {
+    constructor(identifier: string, extension: StpaLspVscodeExtension, localResourceRoots: vscode.Uri[], scriptUri: vscode.Uri) {
+        this.extension = extension;
         this.identifier = identifier;
         this.localResourceRoots = localResourceRoots;
         this.scriptUri = scriptUri;
@@ -77,23 +81,32 @@ export class TemplateWebview {
 
     protected async sendDiagramIdentifier() {
         await this.ready();
-        this.sendToWebview({identifier: this.identifier});
+        this.sendToWebview({ identifier: this.identifier });
     }
 
     /**
      * @return true if the message should be propagated, e.g. to a language server
      */
-    protected receiveFromWebview(message: any): Thenable<boolean> {
+    protected async receiveFromWebview(message: any) {
         console.log("Received from webview");
         if (message.readyMessage) {
             this.resolveWebviewReady();
             this.sendDiagramIdentifier();
-            return Promise.resolve(false);
+
+            // TODO> guarantee that sprotty webview exist
+            if (this.extension.clientId) {
+                const mes: ActionMessage = {
+                    clientId: this.extension.clientId,
+                    action: {
+                        kind: "templateWebviewRdy"
+                    } 
+                };
+                this.extension.languageClient.sendNotification('diagram/accept', mes);
+            }
         }
-        return Promise.resolve(true);
     }
 
-    protected sendToWebview(message: any) {
+    sendToWebview(message: any) {
         this.webview.postMessage(message);
     }
 
diff --git a/language-server/src/main.ts b/language-server/src/main.ts
index b942e251..6906639e 100644
--- a/language-server/src/main.ts
+++ b/language-server/src/main.ts
@@ -28,4 +28,4 @@ const { shared } = createStpaServices({ connection });
 
 // Start the language server with the language-specific services
 startLanguageServer(shared);
-addDiagramHandler(connection, shared);
+addDiagramHandler(connection, shared);
\ No newline at end of file
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index 67bba986..fbcf59d8 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -15,32 +15,60 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action } from "sprotty-protocol";
+import { VNode } from 'snabbdom';
+import { Action, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
 import { WebviewTemplate } from "./template-model";
 
-/** Request message from the server to update the diagram options widget on the client. */
-export interface UpdateTemplatesAction extends Action {
-    kind: typeof UpdateTemplatesAction.KIND;
+/** Request message from the server to get the svgs for the templates. */
+export interface RequestWebviewTemplatesAction extends RequestAction<SendWebviewTemplatesAction> {
+    kind: typeof RequestWebviewTemplatesAction.KIND;
     templates: WebviewTemplate[];
     clientId: string;
+    requestId: string;
 }
 
-export namespace UpdateTemplatesAction {
+export namespace RequestWebviewTemplatesAction {
     export const KIND = "updateTemplates";
 
     export function create(
         templates: WebviewTemplate[],
         clientId: string
-    ): UpdateTemplatesAction {
+    ): RequestWebviewTemplatesAction {
         return {
             kind: KIND,
             templates,
-            clientId
+            clientId,
+            requestId: generateRequestId()
         };
     }
 
-    export function isThisAction(action: Action): action is UpdateTemplatesAction {
-        return action.kind === UpdateTemplatesAction.KIND;
+    export function isThisAction(action: Action): action is RequestWebviewTemplatesAction {
+        return action.kind === RequestWebviewTemplatesAction.KIND;
+    }
+}
+
+export interface SendWebviewTemplatesAction extends ResponseAction{
+    kind: typeof SendWebviewTemplatesAction.KIND;
+    templates: VNode[];
+    responseId: string;
+}
+
+export namespace SendWebviewTemplatesAction {
+    export const KIND = "updateTemplates";
+
+    export function create(
+        templates: VNode[],
+        requestId: string = ''
+    ): SendWebviewTemplatesAction {
+        return {
+            kind: KIND,
+            templates,
+            responseId: requestId
+        };
+    }
+
+    export function isThisAction(action: Action): action is SendWebviewTemplatesAction {
+        return action.kind === SendWebviewTemplatesAction.KIND;
     }
 }
 
@@ -64,4 +92,23 @@ export namespace ExecuteTemplateAction {
     export function isThisAction(action: Action): action is ExecuteTemplateAction {
         return action.kind === ExecuteTemplateAction.KIND;
     }
+}
+
+export interface TemplateWebviewRdyAction extends Action {
+    kind: typeof TemplateWebviewRdyAction.KIND;
+}
+
+export namespace TemplateWebviewRdyAction {
+    export const KIND = "templateWebviewRdy";
+
+    export function create(
+    ): TemplateWebviewRdyAction {
+        return {
+            kind: KIND,
+        };
+    }
+
+    export function isThisAction(action: Action): action is TemplateWebviewRdyAction {
+        return action.kind === TemplateWebviewRdyAction.KIND;
+    }
 }
\ No newline at end of file
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 3a0a1fe5..47b4ff01 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -17,7 +17,7 @@
 
 import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
-import { ExecuteTemplateAction, UpdateTemplatesAction } from './actions';
+import { ExecuteTemplateAction, TemplateWebviewRdyAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction } from './actions';
 import { LanguageTemplate, TemplateGraphGenerator, WebviewTemplate } from './template-model';
 
 export class TemplateDiagramServer extends DiagramServer {
@@ -36,13 +36,12 @@ export class TemplateDiagramServer extends DiagramServer {
         this.connection = connection;
         this.templates = templates;
         this.templateGraphGenerator = services.DiagramGenerator as TemplateGraphGenerator;
-        this.sendTemplates();
     }
 
     /**
      * Send the templates provided by the server to the client.
      */
-    private async sendTemplates() {
+    protected async getTemplates() {
         const webviewTemplates: WebviewTemplate[] = [];
         for (const template of this.templates) {
             // TODO: correct ordering of nodes
@@ -60,20 +59,29 @@ export class TemplateDiagramServer extends DiagramServer {
             };
             webviewTemplates.push(webTemp);
         }
+        return webviewTemplates;
 
-        // send the avaiable templates to the client
-        this.dispatch({ kind: UpdateTemplatesAction.KIND, templates: webviewTemplates, clientId: this.clientId });
     }
 
     protected handleAction(action: Action): Promise<void> {
         switch(action.kind) {
             case ExecuteTemplateAction.KIND:
                 return this.handleExecuteTemplate(action as ExecuteTemplateAction);
+            case TemplateWebviewRdyAction.KIND:
+                return this.handleTemplateWebviewRdy();
         }
         return super.handleAction(action);
     }
+    
+    protected async handleTemplateWebviewRdy(): Promise<void> {
+        const temps = await this.getTemplates();
+        // send the avaiable templates to the client
+        const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId }as RequestWebviewTemplatesAction);
+        // send graph svgs to extension
+        this.connection?.sendNotification('templates/add', {templates: response.templates});
+    }
 
-    async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {
+    protected async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {
         const uri = this.options?.sourceUri;
         const temp = this.templates.find(temp => temp.id === action.id);
         if (temp) {
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index e3496412..7b713cfc 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -16,8 +16,10 @@
  */
 
 import '../css/diagram.css';
+
+import { VNode } from 'snabbdom';
 import { Container } from 'inversify';
-import { patch, testNode2 } from './svg';
+import { patch } from './svg';
 import { click } from './mouseListener';
 import { panel, templatesID } from './html';
 
@@ -28,7 +30,7 @@ declare const vscode: vscode;
 
 export class Starter {
 
-
+    protected templates: VNode[] = [];
     protected container?: Container;
     protected identifier: string;
 
@@ -50,7 +52,6 @@ export class Starter {
     }
 
     protected initHtml(): void {
-        vscode.postMessage("test");
         const containerDiv = document.getElementById(this.identifier + '_container');
         if (containerDiv) {
             const panelContainer = document.createElement("div");
@@ -62,19 +63,23 @@ export class Starter {
         });
     }
 
+
     protected handleMessages(message: any) {
         if (message.data.identifier) {
             this.identifier = message.data.identifier;
             this.initHtml();
-            //} else if (message.templates) {
+        } else if (message.data.templates) {
+            this.templates = message.data.templates;
             const containerDiv = document.getElementById(templatesID);
             if (containerDiv) {
-                for (let i = 0; i < 2; i++) {
+                for (const temp of this.templates) {
                     const svgPlaceholder = document.createElement("div");
                     containerDiv.appendChild(svgPlaceholder);
-                    patch(svgPlaceholder, testNode2);
+                    patch(svgPlaceholder, temp);
                 }
             }
+        } else {
+            console.log(message);
         }
     }
 
diff --git a/webview/src/options/options-module.ts b/webview/src/options/options-module.ts
index 08e7c522..8921d26f 100644
--- a/webview/src/options/options-module.ts
+++ b/webview/src/options/options-module.ts
@@ -24,10 +24,8 @@ import { GeneralPanel } from "./general-panel";
 import { RenderOptionsRegistry } from "./render-options-registry";
 import { OptionsRegistry } from "./options-registry";
 import { OptionsPanel } from "./options-panel";
-import { TemplatePanel } from "../template/template-panel";
 import { TemplateRenderer } from "../template/template-renderer";
 import { TemplateRegistry } from "../template/template-registry";
-import { TemplateMouseListener } from "../template/template-mouselistener";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
@@ -44,16 +42,11 @@ export const optionsModule = new ContainerModule((bind, _, isBound) => {
     bind(DISymbol.RenderOptionsRegistry).to(RenderOptionsRegistry).inSingletonScope();
 
     // TODO: create module for templates
-    bind(TemplatePanel).toSelf().inSingletonScope();
-    bind(DISymbol.SidebarPanel).toService(TemplatePanel);
-
     bind(DISymbol.TemplateRenderer).to(TemplateRenderer).inSingletonScope();
 
     bind(DISymbol.TemplateRegistry).to(TemplateRegistry).inSingletonScope();
     bind(TYPES.IActionHandlerInitializer).toService(DISymbol.TemplateRegistry);
 
-    bind(TYPES.MouseListener).to(TemplateMouseListener);
-
     const ctx = { bind, isBound };
     configureActionHandler(ctx, SetRenderOptionAction.KIND, DISymbol.RenderOptionsRegistry);
     configureActionHandler(ctx, ResetRenderOptionsAction.KIND, DISymbol.RenderOptionsRegistry);
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index 97bc2bc3..1aa0c51c 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -15,7 +15,8 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action, Bounds } from "sprotty-protocol";
+import { VNode } from 'snabbdom';
+import { Action, Bounds, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
 import { ModelRenderer } from "sprotty"
 import { WebviewTemplate } from "./template-models";
 
@@ -42,50 +43,55 @@ export namespace SendModelRendererAction {
     }
 }
 
-/** Request message from the server to update the diagram options widget on the client. */
-export interface UpdateTemplatesAction extends Action {
-    kind: typeof UpdateTemplatesAction.KIND;
+/** Request message from the server to get the svgs for the templates. */
+export interface RequestWebviewTemplatesAction extends RequestAction<SendWebviewTemplatesAction> {
+    kind: typeof RequestWebviewTemplatesAction.KIND;
     templates: WebviewTemplate[];
     clientId: string;
+    requestId: string;
 }
 
-export namespace UpdateTemplatesAction {
+export namespace RequestWebviewTemplatesAction {
     export const KIND = "updateTemplates";
 
     export function create(
         templates: WebviewTemplate[],
         clientId: string
-    ): UpdateTemplatesAction {
+    ): RequestWebviewTemplatesAction {
         return {
             kind: KIND,
             templates,
-            clientId
+            clientId,
+            requestId: generateRequestId()
         };
     }
 
-    export function isThisAction(action: Action): action is UpdateTemplatesAction {
-        return action.kind === UpdateTemplatesAction.KIND;
+    export function isThisAction(action: Action): action is RequestWebviewTemplatesAction {
+        return action.kind === RequestWebviewTemplatesAction.KIND;
     }
 }
 
-export interface ExecuteTemplateAction extends Action {
-    kind: typeof ExecuteTemplateAction.KIND;
-    id: string;
+export interface SendWebviewTemplatesAction extends ResponseAction{
+    kind: typeof SendWebviewTemplatesAction.KIND;
+    templates: VNode[];
+    responseId: string;
 }
 
-export namespace ExecuteTemplateAction {
-    export const KIND = "executeTemplate";
+export namespace SendWebviewTemplatesAction {
+    export const KIND = "updateTemplates";
 
     export function create(
-        id: string,
-    ): ExecuteTemplateAction {
+        templates: VNode[],
+        requestId: string = ''
+    ): SendWebviewTemplatesAction {
         return {
             kind: KIND,
-            id,
+            templates,
+            responseId: requestId
         };
     }
 
-    export function isThisAction(action: Action): action is ExecuteTemplateAction {
-        return action.kind === ExecuteTemplateAction.KIND;
+    export function isThisAction(action: Action): action is SendWebviewTemplatesAction {
+        return action.kind === SendWebviewTemplatesAction.KIND;
     }
-}
\ No newline at end of file
+}
diff --git a/webview/src/template/template-mouselistener.ts b/webview/src/template/template-mouselistener.ts
deleted file mode 100644
index 31622f58..00000000
--- a/webview/src/template/template-mouselistener.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
- *
- * http://rtsys.informatik.uni-kiel.de/kieler
- *
- * Copyright 2022 by
- * + Kiel University
- *   + Department of Computer Science
- *     + Real-Time and Embedded Systems Group
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-
-import { inject } from 'inversify'
-import { MouseListener, SModelElement } from "sprotty";
-import { Action } from "sprotty-protocol";
-import { vscodeApi } from 'sprotty-vscode-webview/lib/vscode-api';
-import { DISymbol } from '../di.symbols';
-import { ExecuteTemplateAction } from './actions';
-import { TemplateRegistry } from './template-registry';
-
-export class TemplateMouseListener extends MouseListener {
-
-    @inject(DISymbol.TemplateRegistry) private tempRegistry: TemplateRegistry;
-
-    mouseDown(target: SModelElement, event: MouseEvent): (Action | Promise<Action>)[] {
-        const root = target.root;
-        const selectedTemp = this.tempRegistry.templates.find(template => template.graph.id === root.id)
-        if (selectedTemp) {
-            const action: ExecuteTemplateAction = {
-                kind: ExecuteTemplateAction.KIND,
-                id: selectedTemp.id
-            };
-            vscodeApi.postMessage({clientId: this.tempRegistry.clientId, action: action});
-        }
-        return [];
-    }
-
-}
\ No newline at end of file
diff --git a/webview/src/template/template-panel.tsx b/webview/src/template/template-panel.tsx
deleted file mode 100644
index 45b38f67..00000000
--- a/webview/src/template/template-panel.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
- * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
- *
- * http://rtsys.informatik.uni-kiel.de/kieler
- *
- * Copyright 2022 by
- * + Kiel University
- *   + Department of Computer Science
- *     + Real-Time and Embedded Systems Group
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-
-/** @jsx html */
-import { VNode } from "snabbdom";
-import { html } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
-import { inject, injectable, postConstruct } from "inversify";
-import { SidebarPanel } from "../sidebar";
-import { DISymbol } from "../di.symbols";
-import { FeatherIcon } from "../feather-icons-snabbdom/feather-icons-snabbdom";
-import { TemplateRegistry } from "./template-registry";
-import { TemplateRenderer } from "./template-renderer";
-
-/** Sidebar panel that displays server provided templates.  */
-@injectable()
-export class TemplatePanel extends SidebarPanel {
-
-    @inject(DISymbol.TemplateRegistry) private tempRegistry: TemplateRegistry;
-    @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
-
-    @postConstruct()
-    init(): void {
-        this.tempRegistry.onChange(() => this.update());
-    }
-
-    get id(): string {
-        return 'template-panel';
-    }
-
-    get title(): string {
-        return 'Templates';
-    }
-
-    get icon(): VNode {
-        return <FeatherIcon iconId={"code"}/>;
-    }
-
-    render(): VNode {
-        return this.tempRegistry.hasTemplateOptions() ? (
-            this.templateRenderer.renderTemplates(this.tempRegistry.templates)
-        ) : (
-            <span>No templates provided by the diagram server.</span>
-        );
-    }
-
-}
\ No newline at end of file
diff --git a/webview/src/template/template-registry.ts b/webview/src/template/template-registry.ts
index 38cb0cb7..489bd6da 100644
--- a/webview/src/template/template-registry.ts
+++ b/webview/src/template/template-registry.ts
@@ -20,9 +20,9 @@ import { ActionHandlerRegistry, IActionHandlerInitializer, ICommand } from "spro
 import { Action } from "sprotty-protocol";
 import { Registry } from "../base/registry";
 import { DISymbol } from "../di.symbols";
-import { SendModelRendererAction, UpdateTemplatesAction } from "./actions";
-import { WebviewTemplate } from "./template-models";
+import { SendModelRendererAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction } from "./actions";
 import { TemplateRenderer } from "./template-renderer";
+import { vscodeApi } from 'sprotty-vscode-webview/lib/vscode-api';
 
 /**
  * {@link Registry} that stores and manages templates provided by the server.
@@ -33,41 +33,29 @@ import { TemplateRenderer } from "./template-renderer";
 export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
     readonly position = -10;
 
-    private _clientId = "";
-
-    get clientId(): string {
-        return this._clientId;
-    }
-
     @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
-    
-    private _templates: WebviewTemplate[] = [];
-
-    get templates(): WebviewTemplate[] {
-        return this._templates;
-    }
-    
-    hasTemplateOptions(): boolean {
-        return this._templates.length !== 0;
-    }
 
     initialize(registry: ActionHandlerRegistry): void {
-        registry.register(UpdateTemplatesAction.KIND, this);
+        registry.register(RequestWebviewTemplatesAction.KIND, this);
         registry.register(SendModelRendererAction.KIND, this);
     }
 
     handle(action: Action): void | Action | ICommand {
-        if (UpdateTemplatesAction.isThisAction(action)) {
-            this.handleUpdateOptions(action);
+        if (RequestWebviewTemplatesAction.isThisAction(action)) {
+            this.handleRequestWebviewTemps(action);
         } else if (SendModelRendererAction.isThisAction(action)) {
             this.handleSendModelRenderer(action);
         }
     }
 
-    private handleUpdateOptions(action: UpdateTemplatesAction): void {
-        this._clientId = action.clientId;
-        this._templates = action.templates;
-        this.notifyListeners();
+    private handleRequestWebviewTemps(action: RequestWebviewTemplatesAction): void {
+        const temps = this.templateRenderer.renderTemplates(action.templates);
+        const response: SendWebviewTemplatesAction = {
+            kind: SendWebviewTemplatesAction.KIND,
+            templates: temps,
+            responseId: action.requestId
+        };
+        vscodeApi.postMessage({clientId: action.clientId, action: response});
     }
 
     private handleSendModelRenderer(action: SendModelRendererAction) {
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 0d56f325..9ff471c1 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -41,8 +41,8 @@ export class TemplateRenderer {
     /**
      * Renders all templates provided by the server.
      */
-    renderTemplates(templates: WebviewTemplate[]): (VNode | "")[] | "" {
-        if (templates.length === 0) return "";
+    renderTemplates(templates: WebviewTemplate[]): VNode[] {
+        if (templates.length === 0) return <div></div>;
 
         // labels and edges are only visible if they are within the canvas bounds
         for (const temp of templates) {

From cf695bb7c744e0309e0671a4ac05bc998a2bb7e6 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 28 Jun 2022 16:18:23 +0200
Subject: [PATCH 30/80] adjusted ids of template svgs

---
 webview/src/template/template-renderer.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 9ff471c1..073b12df 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -19,7 +19,7 @@
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
 import { html, IModelFactory, ModelRenderer, SGraph, SNode, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
-import { Bounds } from 'sprotty-protocol'
+import { Bounds } from 'sprotty-protocol';
 import { WebviewTemplate } from "./template-models";
 
 
@@ -33,7 +33,7 @@ export class TemplateRenderer {
     setRenderer(renderer: ModelRenderer) {
         this.renderer = renderer;
     }
-    
+
     setBounds(bounds: Bounds) {
         this.bounds = bounds;
     }
@@ -46,7 +46,7 @@ export class TemplateRenderer {
 
         // labels and edges are only visible if they are within the canvas bounds
         for (const temp of templates) {
-            (temp.graph as SGraph).canvasBounds = {width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y};
+            (temp.graph as SGraph).canvasBounds = { width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y };
         }
 
         const res = templates.map(template => {
@@ -57,13 +57,14 @@ export class TemplateRenderer {
             if (graph?.data?.attrs) {
                 graph.data.attrs["width"] = width;
                 graph.data.attrs["height"] = height;
+                graph.data.attrs["id"] = template.id;
             }
             const result: VNode = <div>{graph}</div>;
             /* if (result.data) {
                 const blubb = (width/368.0 * 100) + "%"
                 result.data.style = {width: blubb}
             } */
-            return result
+            return result;
         });
         return res;
     }

From 1c14174ecada54af6470cc232f24ac652e46eaf1 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 28 Jun 2022 16:26:00 +0200
Subject: [PATCH 31/80] fixed bug: language server not rdy yet

---
 extension/src/extension.ts        | 5 ++++-
 extension/src/template-webview.ts | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 34c1b2ad..1bb250a7 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -43,7 +43,10 @@ export function activate(context: vscode.ExtensionContext) {
             webviewView.title = title;
             tWebview.initializeWebview(webviewView.webview, title);
             tWebview.connect();
-            extension.languageClient.onNotification('templates/add', (msg) => tWebview.sendToWebview(msg));
+
+            extension.languageClient.onReady().then(() => {
+                extension.languageClient.onNotification('templates/add', (msg) => tWebview.sendToWebview(msg));
+            });
         }
     };
     vscode.window.registerWebviewViewProvider("stpa-templates", provider);
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index caf8d384..784bd48b 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -99,7 +99,7 @@ export class TemplateWebview {
                     clientId: this.extension.clientId,
                     action: {
                         kind: "templateWebviewRdy"
-                    } 
+                    }
                 };
                 this.extension.languageClient.sendNotification('diagram/accept', mes);
             }

From b849408189c8f05c2cbed24ddc940a4715acf8d1 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 29 Jun 2022 10:43:29 +0200
Subject: [PATCH 32/80] fixed classes of templates

some classes from VNodes were not adopted to the DOM
---
 templateWebview/src/svg.tsx | 95 ++-----------------------------------
 1 file changed, 3 insertions(+), 92 deletions(-)

diff --git a/templateWebview/src/svg.tsx b/templateWebview/src/svg.tsx
index bd89e104..9e284f62 100644
--- a/templateWebview/src/svg.tsx
+++ b/templateWebview/src/svg.tsx
@@ -15,103 +15,14 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-/** @jsx svg */
 import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule } from 'snabbdom';
-import { svg } from './jsx';
 
 export const patch = init([
     // Init patch function with chosen modules
-    classModule, // makes it easy to toggle classes
     propsModule, // for setting properties on DOM elements
     styleModule, // handles styling on elements with support for animations
     eventListenersModule, // attaches event listeners
-    attributesModule // for using attributes on svg elements
+    attributesModule, // for using attributes on svg elements
+    // IMPORTANT: classModule must be after attributesModule. Otherwise it does not work when classes are also in the attributes list.
+    classModule // makes it easy to toggle classes
 ]);
-
-export const testNode2 = <svg id="stpa-diagram_0_simpleCSTemplate" tabindex="0" width="214.59830729166666" height="179" class-sprotty-graph="true">
-    <g transform="scale(1) translate(0,0)">
-        <g id="stpa-diagram_0_controlStructure" transform="translate(12, 12)" class-parent="true">
-            <rect x="0" y="0" width="184.59830729166666" height="149" class-parent-node="true" class-sprotty-node="true"> </rect>
-            <g id="stpa-diagram_0_Controller" transform="translate(44.253255208333336, 12)" class-cs="true">
-                <rect x="0" y="0" width="72.025390625" height="35" class-sprotty-node="true"> </rect>
-                <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_Controller.label" transform="translate(5, 10) translate(0, 12)">Controller</text>
-            </g>
-            <g id="stpa-diagram_0_ControlledProcess" transform="translate(27.68994140625, 102)" class-cs="true">
-                <rect x="0" y="0" width="121.71533203125" height="35" class-sprotty-node="true"> </rect>
-                <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess.label" transform="translate(5, 10) translate(0, 12)">ControlledProcess</text>
-            </g>
-            <g id="stpa-diagram_0_Controller:ca:ControlledProcess" class-sprotty-edge="true" class-controlStructure="true">
-                <path d="M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102" class-stpa-edge="true"></path><path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(-90 108.83349609375 102) translate(108.83349609375 102)" class-sprotty-edge-arrow="true">
-
-                </path>
-                <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_Controller:ca:ControlledProcess.label" transform="translate(95.27018229166666, 67) translate(0, 12)">control action</text>
-            </g>
-            <g id="stpa-diagram_0_ControlledProcess:fb:Controller" class-sprotty-edge="true" class-controlStructure="true">
-                <path d="M 68.26171875,102 L 68.26171875,47" class-stpa-edge="true"></path>
-                <path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(90 68.26171875 47) translate(68.26171875 47)" class-sprotty-edge-arrow="true"></path>
-                <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess:fb:Controller.label" transform="translate(12, 67) translate(1, 12)">feedback</text>
-            </g>
-        </g>
-    </g>
-</svg>;
-
-export const testNode = <div class-sidebar__content="true">
-    {/*     <div class="sidebar__toggle-container">
-        <button title="General" class="sidebar__toggle-button">
-            <svg class="feather feather-settings" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">
-                <circle cx="12" cy="12" r="3"></circle>
-                <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
-            </svg>
-        </button>
-        <button title="Options" class="sidebar__toggle-button">
-            <svg class="feather feather-sliders" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">
-                <line x1="4" y1="21" x2="4" y2="14"></line>
-                <line x1="4" y1="10" x2="4" y2="3"></line>
-                <line x1="12" y1="21" x2="12" y2="12"></line>
-                <line x1="12" y1="8" x2="12" y2="3"></line>
-                <line x1="20" y1="21" x2="20" y2="16"></line>
-                <line x1="20" y1="12" x2="20" y2="3"></line>
-                <line x1="1" y1="14" x2="7" y2="14"></line>
-                <line x1="9" y1="8" x2="15" y2="8"></line>
-                <line x1="17" y1="16" x2="23" y2="16"></line>
-            </svg>
-        </button>
-        <button title="Templates" class="sidebar__toggle-button sidebar__toggle-button--active">
-            <svg class="feather feather-code" style="width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;">
-                <polyline points="16 18 22 12 16 6"></polyline>
-                <polyline points="8 6 2 12 8 18"></polyline>
-            </svg>
-        </button>
-    </div> */}
-    <h3 class-sidebar__title="true">Templates</h3>
-    <div class-sidebar__panel-content="true">
-        <div>
-            <svg id="stpa-diagram_0_simpleCSTemplate" tabindex="0" width="214.59830729166666" height="179" class-sprotty-graph="true">
-                <g transform="scale(1) translate(0,0)">
-                    <g id="stpa-diagram_0_controlStructure" transform="translate(12, 12)" class-parent="true">
-                        <rect x="0" y="0" width="184.59830729166666" height="149" class-parent-node="true" class-sprotty-node="true"> </rect>
-                        <g id="stpa-diagram_0_Controller" transform="translate(44.253255208333336, 12)" class-cs="true">
-                            <rect x="0" y="0" width="72.025390625" height="35" class-sprotty-node="true"> </rect>
-                            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_Controller.label" transform="translate(5, 10) translate(0, 12)">Controller</text>
-                        </g>
-                        <g id="stpa-diagram_0_ControlledProcess" transform="translate(27.68994140625, 102)" class-cs="true">
-                            <rect x="0" y="0" width="121.71533203125" height="35" class-sprotty-node="true"> </rect>
-                            <text class-label="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess.label" transform="translate(5, 10) translate(0, 12)">ControlledProcess</text>
-                        </g>
-                        <g id="stpa-diagram_0_Controller:ca:ControlledProcess" class-sprotty-edge="true" class-controlStructure="true">
-                            <path d="M 92.27018229166666,47 L 92.27018229166666,92 L 108.83349609375,92 L 108.83349609375,102" class-stpa-edge="true"></path><path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(-90 108.83349609375 102) translate(108.83349609375 102)" class-sprotty-edge-arrow="true">
-
-                            </path>
-                            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_Controller:ca:ControlledProcess.label" transform="translate(95.27018229166666, 67) translate(0, 12)">control action</text>
-                        </g>
-                        <g id="stpa-diagram_0_ControlledProcess:fb:Controller" class-sprotty-edge="true" class-controlStructure="true">
-                            <path d="M 68.26171875,102 L 68.26171875,47" class-stpa-edge="true"></path>
-                            <path d="M 6,-3 L 0,0 L 6,3 Z" transform="rotate(90 68.26171875 47) translate(68.26171875 47)" class-sprotty-edge-arrow="true"></path>
-                            <text class-xref="true" class-sprotty-label="true" id="stpa-diagram_0_ControlledProcess:fb:Controller.label" transform="translate(12, 67) translate(1, 12)">feedback</text>
-                        </g>
-                    </g>
-                </g>
-            </svg>
-        </div>
-    </div>
-</div>;
\ No newline at end of file

From ff7ba5fea4531f0825ce276abb2c93ee11c7e83d Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 29 Jun 2022 12:11:17 +0200
Subject: [PATCH 33/80] mouse click sends execute template action

---
 extension/src/template-webview.ts    | 11 +++++--
 templateWebview/src/actions.ts       | 44 ++++++++++++++++++++++++++++
 templateWebview/src/main.ts          |  7 +++--
 templateWebview/src/mouseListener.ts |  8 ++++-
 4 files changed, 65 insertions(+), 5 deletions(-)
 create mode 100644 templateWebview/src/actions.ts

diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 784bd48b..ea4460b4 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -17,6 +17,7 @@
 import * as vscode from 'vscode';
 import { ActionMessage } from 'sprotty-protocol';
 import { StpaLspVscodeExtension } from './language-extension';
+import { acceptMessageType } from 'sprotty-vscode/lib/lsp';
 
 export class TemplateWebview {
 
@@ -93,7 +94,7 @@ export class TemplateWebview {
             this.resolveWebviewReady();
             this.sendDiagramIdentifier();
 
-            // TODO> guarantee that sprotty webview exist
+            // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
                 const mes: ActionMessage = {
                     clientId: this.extension.clientId,
@@ -101,8 +102,14 @@ export class TemplateWebview {
                         kind: "templateWebviewRdy"
                     }
                 };
-                this.extension.languageClient.sendNotification('diagram/accept', mes);
+                this.extension.languageClient.sendNotification(acceptMessageType, mes);
             }
+        } else if (message.action && this.extension.clientId) {
+            const mes: ActionMessage = {
+                clientId: this.extension.clientId,
+                action: message.action
+            };
+            this.extension.languageClient.sendNotification(acceptMessageType, mes);
         }
     }
 
diff --git a/templateWebview/src/actions.ts b/templateWebview/src/actions.ts
new file mode 100644
index 00000000..ada6597d
--- /dev/null
+++ b/templateWebview/src/actions.ts
@@ -0,0 +1,44 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+//import { VNode } from 'snabbdom';
+
+interface Action {
+    kind: string;
+}
+
+export interface ExecuteTemplateAction extends Action {
+    kind: typeof ExecuteTemplateAction.KIND;
+    id: string;
+}
+
+export namespace ExecuteTemplateAction {
+    export const KIND = "executeTemplate";
+
+    export function create(
+        id: string,
+    ): ExecuteTemplateAction {
+        return {
+            kind: KIND,
+            id,
+        };
+    }
+
+    export function isThisAction(action: Action): action is ExecuteTemplateAction {
+        return action.kind === ExecuteTemplateAction.KIND;
+    }
+}
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index 7b713cfc..10e5e1d3 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -59,7 +59,10 @@ export class Starter {
             patch(panelContainer, panel);
         }
         document.addEventListener('click', event => {
-            click(event);
+            const action = click(event);
+            if (action) {
+                vscode.postMessage({action: action});
+            }
         });
     }
 
@@ -79,7 +82,7 @@ export class Starter {
                 }
             }
         } else {
-            console.log(message);
+            console.log("Message not supported: " + message);
         }
     }
 
diff --git a/templateWebview/src/mouseListener.ts b/templateWebview/src/mouseListener.ts
index ee5f4c9f..b5e1965c 100644
--- a/templateWebview/src/mouseListener.ts
+++ b/templateWebview/src/mouseListener.ts
@@ -15,8 +15,14 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
+import { ExecuteTemplateAction } from "./actions";
+
 export function click(event: MouseEvent) {
     let node = event.target;
     let owner = (node as SVGElement).ownerSVGElement;
-    console.log(owner);
+    if (owner) {
+        const action = {kind: ExecuteTemplateAction.KIND, id: owner.id} as ExecuteTemplateAction;
+        return action;
+    }
+    return undefined;
 }
\ No newline at end of file

From 84e7260321d775a17b9c0fcbc13d52c29facba17 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 29 Jun 2022 13:20:07 +0200
Subject: [PATCH 34/80] clean up

---
 extension/src/template-webview.ts             |  9 ++-
 language-server/src/templates/actions.ts      |  2 +-
 .../src/templates/template-diagram-server.ts  | 14 ++---
 templateWebview/src/actions.ts                |  2 -
 templateWebview/src/html.tsx                  | 14 ++++-
 templateWebview/src/jsx.ts                    |  8 +--
 templateWebview/src/main.ts                   | 62 +++++++++----------
 templateWebview/src/mouseListener.ts          |  2 +-
 templateWebview/src/svg.tsx                   | 28 ---------
 webview/src/template/actions.ts               |  6 +-
 webview/src/template/template-renderer.tsx    |  4 --
 11 files changed, 66 insertions(+), 85 deletions(-)
 delete mode 100644 templateWebview/src/svg.tsx

diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index ea4460b4..421518a1 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -70,6 +70,9 @@ export class TemplateWebview {
             </html>`;
     }
 
+    /**
+     * Registers listeners.
+     */
     async connect() {
         this.disposables.push(this.webview.onDidReceiveMessage(message => this.receiveFromWebview(message)));
         /* this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
@@ -80,13 +83,17 @@ export class TemplateWebview {
         await this.ready();
     }
 
+    /**
+     * Sends identifier to the webview.
+     */
     protected async sendDiagramIdentifier() {
         await this.ready();
         this.sendToWebview({ identifier: this.identifier });
     }
 
     /**
-     * @return true if the message should be propagated, e.g. to a language server
+     * Handles messages from the webview.
+     * @param message The message received from the webview.
      */
     protected async receiveFromWebview(message: any) {
         console.log("Received from webview");
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index fbcf59d8..44f9a0b1 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -47,7 +47,7 @@ export namespace RequestWebviewTemplatesAction {
     }
 }
 
-export interface SendWebviewTemplatesAction extends ResponseAction{
+export interface SendWebviewTemplatesAction extends ResponseAction {
     kind: typeof SendWebviewTemplatesAction.KIND;
     templates: VNode[];
     responseId: string;
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 47b4ff01..37976594 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -23,7 +23,7 @@ import { LanguageTemplate, TemplateGraphGenerator, WebviewTemplate } from './tem
 export class TemplateDiagramServer extends DiagramServer {
 
     protected clientId: string;
-    protected templates: LanguageTemplate[];    
+    protected templates: LanguageTemplate[];
     protected options: JsonMap | undefined;
     protected connection: Connection | undefined;
     protected templateGraphGenerator: TemplateGraphGenerator;
@@ -39,7 +39,7 @@ export class TemplateDiagramServer extends DiagramServer {
     }
 
     /**
-     * Send the templates provided by the server to the client.
+     * Returns the templates that should be send to the webview for rendering.
      */
     protected async getTemplates() {
         const webviewTemplates: WebviewTemplate[] = [];
@@ -64,7 +64,7 @@ export class TemplateDiagramServer extends DiagramServer {
     }
 
     protected handleAction(action: Action): Promise<void> {
-        switch(action.kind) {
+        switch (action.kind) {
             case ExecuteTemplateAction.KIND:
                 return this.handleExecuteTemplate(action as ExecuteTemplateAction);
             case TemplateWebviewRdyAction.KIND:
@@ -72,13 +72,13 @@ export class TemplateDiagramServer extends DiagramServer {
         }
         return super.handleAction(action);
     }
-    
+
     protected async handleTemplateWebviewRdy(): Promise<void> {
         const temps = await this.getTemplates();
         // send the avaiable templates to the client
-        const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId }as RequestWebviewTemplatesAction);
+        const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
         // send graph svgs to extension
-        this.connection?.sendNotification('templates/add', {templates: response.templates});
+        this.connection?.sendNotification('templates/add', { templates: response.templates });
     }
 
     protected async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {
@@ -86,7 +86,7 @@ export class TemplateDiagramServer extends DiagramServer {
         const temp = this.templates.find(temp => temp.id === action.id);
         if (temp) {
             const pos = temp.getPosition(uri as string);
-            this.connection?.sendNotification('editor/add', {uri: uri, text: temp.insertText, position: pos});
+            this.connection?.sendNotification('editor/add', { uri: uri, text: temp.insertText, position: pos });
         } else {
             console.error('There is no Template with id ' + action.id);
         }
diff --git a/templateWebview/src/actions.ts b/templateWebview/src/actions.ts
index ada6597d..050dbf23 100644
--- a/templateWebview/src/actions.ts
+++ b/templateWebview/src/actions.ts
@@ -15,8 +15,6 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-//import { VNode } from 'snabbdom';
-
 interface Action {
     kind: string;
 }
diff --git a/templateWebview/src/html.tsx b/templateWebview/src/html.tsx
index 190aba3b..7042d204 100644
--- a/templateWebview/src/html.tsx
+++ b/templateWebview/src/html.tsx
@@ -17,11 +17,21 @@
 
 /** @jsx html */
 import { html } from './jsx';
-import { VNode } from 'snabbdom';
+import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule, VNode } from 'snabbdom';
 
-export const templatesID = 'templates'
+export const templatesID = 'templates';
 
 export const panel: VNode = <div class-sidebar__content="true">
     <h3 class-sidebar__title="true">{"Templates"}</h3>
     <div class-sidebar__panel-content="true" id={templatesID}></div>
 </div>;
+
+export const patch = init([
+    // Init patch function with chosen modules
+    propsModule, // for setting properties on DOM elements
+    styleModule, // handles styling on elements with support for animations
+    eventListenersModule, // attaches event listeners
+    attributesModule, // for using attributes on svg elements
+    // IMPORTANT: classModule must be after attributesModule. Otherwise it does not work when classes are also in the attributes list.
+    classModule // makes it easy to toggle classes
+]);
diff --git a/templateWebview/src/jsx.ts b/templateWebview/src/jsx.ts
index a374be24..4815fd1d 100644
--- a/templateWebview/src/jsx.ts
+++ b/templateWebview/src/jsx.ts
@@ -20,10 +20,10 @@ import { VNodeData, JsxVNodeChildren, JsxVNodeChild, jsx, FunctionComponent } fr
 declare global {
   // eslint-disable-next-line no-redeclare
   namespace JSX {
-      // Based on the tag list in github:DefinitelyTyped/DefinitelyTyped:React
-      interface IntrinsicElements {
-          [elemName: string]: VNodeData
-      }
+    // Based on the tag list in github:DefinitelyTyped/DefinitelyTyped:React
+    interface IntrinsicElements {
+      [elemName: string]: VNodeData;
+    }
   }
 }
 
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index 10e5e1d3..82ceabf2 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -16,12 +16,9 @@
  */
 
 import '../css/diagram.css';
-
-import { VNode } from 'snabbdom';
-import { Container } from 'inversify';
-import { patch } from './svg';
 import { click } from './mouseListener';
-import { panel, templatesID } from './html';
+import { patch, panel, templatesID } from './html';
+import { VNode } from 'snabbdom';
 
 interface vscode {
     postMessage(message: any): void;
@@ -30,29 +27,22 @@ declare const vscode: vscode;
 
 export class Starter {
 
-    protected templates: VNode[] = [];
-    protected container?: Container;
-    protected identifier: string;
-
     constructor() {
-        this.sendReadyMessage();
-        this.acceptDiagramIdentifier();
-    }
-
-    protected sendReadyMessage(): void {
         vscode.postMessage({ readyMessage: 'Template Webview ready' });
-    }
-
-    protected acceptDiagramIdentifier(): void {
         console.log('Waiting for diagram identifier...');
+        // add listener for messages
         const eventListener = (message: any) => {
             this.handleMessages(message);
         };
         window.addEventListener('message', eventListener);
     }
 
-    protected initHtml(): void {
-        const containerDiv = document.getElementById(this.identifier + '_container');
+    /**
+     * Initializes the webview with a header and a placeholder for the templates.
+     * @param identifier The identifier of the element that should contain the webview.
+     */
+    protected initHtml(identifier: string): void {
+        const containerDiv = document.getElementById(identifier + '_container');
         if (containerDiv) {
             const panelContainer = document.createElement("div");
             containerDiv.appendChild(panelContainer);
@@ -61,31 +51,39 @@ export class Starter {
         document.addEventListener('click', event => {
             const action = click(event);
             if (action) {
-                vscode.postMessage({action: action});
+                vscode.postMessage({ action: action });
             }
         });
     }
 
-
+    /**
+     * Handles incoming messages from the extension.
+     * @param message The received Message.
+     */
     protected handleMessages(message: any) {
         if (message.data.identifier) {
-            this.identifier = message.data.identifier;
-            this.initHtml();
+            this.initHtml(message.data.identifier);
         } else if (message.data.templates) {
-            this.templates = message.data.templates;
-            const containerDiv = document.getElementById(templatesID);
-            if (containerDiv) {
-                for (const temp of this.templates) {
-                    const svgPlaceholder = document.createElement("div");
-                    containerDiv.appendChild(svgPlaceholder);
-                    patch(svgPlaceholder, temp);
-                }
-            }
+            this.handleTemplates(message.data.templates);
         } else {
             console.log("Message not supported: " + message);
         }
     }
 
+    /**
+     * Adds the {@code templates} to the webview.
+     * @param templates The Templates that should be shown.
+     */
+    protected handleTemplates(templates: VNode[]) {
+        const containerDiv = document.getElementById(templatesID);
+        if (containerDiv) {
+            for (const temp of templates) {
+                const svgPlaceholder = document.createElement("div");
+                containerDiv.appendChild(svgPlaceholder);
+                patch(svgPlaceholder, temp);
+            }
+        }
+    }
 }
 
 new Starter();
diff --git a/templateWebview/src/mouseListener.ts b/templateWebview/src/mouseListener.ts
index b5e1965c..11a8aef8 100644
--- a/templateWebview/src/mouseListener.ts
+++ b/templateWebview/src/mouseListener.ts
@@ -21,7 +21,7 @@ export function click(event: MouseEvent) {
     let node = event.target;
     let owner = (node as SVGElement).ownerSVGElement;
     if (owner) {
-        const action = {kind: ExecuteTemplateAction.KIND, id: owner.id} as ExecuteTemplateAction;
+        const action = { kind: ExecuteTemplateAction.KIND, id: owner.id } as ExecuteTemplateAction;
         return action;
     }
     return undefined;
diff --git a/templateWebview/src/svg.tsx b/templateWebview/src/svg.tsx
deleted file mode 100644
index 9e284f62..00000000
--- a/templateWebview/src/svg.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
- *
- * http://rtsys.informatik.uni-kiel.de/kieler
- *
- * Copyright 2022 by
- * + Kiel University
- *   + Department of Computer Science
- *     + Real-Time and Embedded Systems Group
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-
-import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule } from 'snabbdom';
-
-export const patch = init([
-    // Init patch function with chosen modules
-    propsModule, // for setting properties on DOM elements
-    styleModule, // handles styling on elements with support for animations
-    eventListenersModule, // attaches event listeners
-    attributesModule, // for using attributes on svg elements
-    // IMPORTANT: classModule must be after attributesModule. Otherwise it does not work when classes are also in the attributes list.
-    classModule // makes it easy to toggle classes
-]);
diff --git a/webview/src/template/actions.ts b/webview/src/template/actions.ts
index 1aa0c51c..e36e5998 100644
--- a/webview/src/template/actions.ts
+++ b/webview/src/template/actions.ts
@@ -17,7 +17,7 @@
 
 import { VNode } from 'snabbdom';
 import { Action, Bounds, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
-import { ModelRenderer } from "sprotty"
+import { ModelRenderer } from "sprotty";
 import { WebviewTemplate } from "./template-models";
 
 /** Sent from the view. */
@@ -37,7 +37,7 @@ export namespace SendModelRendererAction {
             bounds
         };
     }
-    
+
     export function isThisAction(action: Action): action is SendModelRendererAction {
         return action.kind === SendModelRendererAction.KIND;
     }
@@ -71,7 +71,7 @@ export namespace RequestWebviewTemplatesAction {
     }
 }
 
-export interface SendWebviewTemplatesAction extends ResponseAction{
+export interface SendWebviewTemplatesAction extends ResponseAction {
     kind: typeof SendWebviewTemplatesAction.KIND;
     templates: VNode[];
     responseId: string;
diff --git a/webview/src/template/template-renderer.tsx b/webview/src/template/template-renderer.tsx
index 073b12df..8fc277f3 100644
--- a/webview/src/template/template-renderer.tsx
+++ b/webview/src/template/template-renderer.tsx
@@ -60,10 +60,6 @@ export class TemplateRenderer {
                 graph.data.attrs["id"] = template.id;
             }
             const result: VNode = <div>{graph}</div>;
-            /* if (result.data) {
-                const blubb = (width/368.0 * 100) + "%"
-                result.data.style = {width: blubb}
-            } */
             return result;
         });
         return res;

From b0e46d82f2e6cb0d6535a6eaf7d8655b7ec7d942 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 29 Jun 2022 16:03:13 +0200
Subject: [PATCH 35/80] activated singleton view

---
 extension/src/language-extension.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 5f67f695..bf260812 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -81,7 +81,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
                 this.getExtensionFileUri('pack')
             ],
             scriptUri: this.getExtensionFileUri('pack', 'webview.js'),
-            singleton: false // Change this to `true` to enable a singleton view
+            singleton: true // Change this to `true` to enable a singleton view
         });
         webview.addActionHandler(WorkspaceEditActionHandler);
         webview.addActionHandler(LspLabelEditActionHandler);

From 9100c6f9eb2b811f8ee14bab3e2ac61089c10894 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 5 Jul 2022 14:17:04 +0200
Subject: [PATCH 36/80] added command to add custom templates (WIP)

---
 extension/package.json                        |  13 ++
 extension/src/actions.ts                      |  23 ++-
 extension/src/language-extension.ts           |  35 ++++-
 language-server/src/actions.ts                |  23 ++-
 language-server/src/diagram-generator.ts      |   2 -
 language-server/src/stpa-diagramServer.ts     |  22 ++-
 language-server/src/stpa-module.ts            |   2 +-
 language-server/src/stpa-templates.ts         | 132 +++++++++++-------
 language-server/src/templates/actions.ts      |   7 +-
 .../src/templates/template-diagram-server.ts  |   5 +
 templateWebview/src/html.tsx                  |  12 +-
 templateWebview/src/main.ts                   |  11 +-
 12 files changed, 210 insertions(+), 77 deletions(-)

diff --git a/extension/package.json b/extension/package.json
index b1d182b7..39027b9a 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -56,6 +56,11 @@
                 "command": "stpa.diagram.export",
                 "title": "Export diagram to SVG",
                 "category": "STPA Diagram"
+            },
+            {
+                "command": "stpa.templates.add",
+                "title": "Add STPA Template",
+                "category": "STPA Templates"
             }
         ],
         "menus": {
@@ -79,6 +84,9 @@
                 {
                     "command": "stpa.diagram.export",
                     "when": "stpa-diagram-focused"
+                },
+                {
+                    "command": "stpa.templates.add"
                 }
             ],
             "editor/context": [
@@ -86,6 +94,11 @@
                     "command": "stpa.diagram.open",
                     "when": "editorLangId == 'stpa'",
                     "group": "navigation"
+                },
+                {
+                    "command": "stpa.templates.add",
+                    "when": "editorLangId == 'stpa'",
+                    "group": "navigation"
                 }
             ],
             "editor/title": [
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index 2e7f34c3..2b67fab9 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -17,7 +17,7 @@
 
 import { Action, JsonMap } from "sprotty-protocol";
 
-/** Request message from the server to update the diagram options widget on the client. */
+/** Message to the language server to update the model and hence the view. */
 export interface UpdateViewAction extends Action {
     kind: typeof UpdateViewAction.KIND;
     options?: JsonMap;
@@ -37,3 +37,24 @@ export namespace UpdateViewAction {
         return action.kind === UpdateViewAction.KIND;
     }
 }
+
+/** Message to the language server to add a template. */
+export interface AddTemplateAction extends Action {
+    kind: typeof AddTemplateAction.KIND;
+    text: string;
+}
+
+export namespace AddTemplateAction {
+    export const KIND = "addTemplate";
+
+    export function create(text: string): AddTemplateAction {
+        return {
+            kind: KIND,
+            text
+        };
+    }
+
+    export function isThisAction(action: Action): action is AddTemplateAction {
+        return action.kind === AddTemplateAction.KIND;
+    }
+}
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index bf260812..9dc4c280 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -19,10 +19,10 @@ import * as path from 'path';
 import * as vscode from 'vscode';
 import { LanguageClient, LanguageClientOptions, ServerOptions, TransportKind } from 'vscode-languageclient/node';
 import { LspLabelEditActionHandler, WorkspaceEditActionHandler, SprottyLspEditVscodeExtension } from "sprotty-vscode/lib/lsp/editing";
-import { SprottyDiagramIdentifier, SprottyLspWebview } from 'sprotty-vscode/lib/lsp';
+import { acceptMessageType, SprottyDiagramIdentifier, SprottyLspWebview } from 'sprotty-vscode/lib/lsp';
 import { SprottyWebview } from 'sprotty-vscode/lib/sprotty-webview';
 import { ActionMessage, JsonMap } from 'sprotty-protocol';
-import { UpdateViewAction } from './actions';
+import { AddTemplateAction, UpdateViewAction } from './actions';
 
 export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
 
@@ -33,6 +33,35 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         this.languageClient.onReady().then(() => {
             this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
         });
+        this.context.subscriptions.push(
+            vscode.commands.registerCommand(this.extensionPrefix + '.templates.add', async (...commandArgs: any) => {
+                this.addTemplate(commandArgs);
+            }));
+    }
+
+    /**
+     * Sends an AddTemplateAction to the language server containing the selected text.
+     * @param commandArgs 
+     */
+    protected async addTemplate(commandArgs: any[]) {
+        const activeEditor = vscode.window.activeTextEditor;
+        const sel = activeEditor?.selection;
+        const doc = activeEditor?.document;
+        if (doc && sel) {
+            if (!this.clientId) {
+                const identifier = await this.createDiagramIdentifier(commandArgs);
+                this.clientId = identifier?.clientId;
+            }
+            const text = doc.getText().substring(doc.offsetAt(sel.start), doc.offsetAt(sel?.end));
+            const mes: ActionMessage = {
+                clientId: this.clientId!,
+                action: {
+                    kind: AddTemplateAction.KIND,
+                    text: text
+                } as AddTemplateAction
+            };
+            this.languageClient.sendNotification(acceptMessageType, mes);
+        }
     }
 
     /**
@@ -146,7 +175,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
                     } as JsonMap
                 } as UpdateViewAction
             };
-            languageClient.sendNotification('diagram/accept', mes);
+            languageClient.sendNotification(acceptMessageType, mes);
         }
     }
 }
diff --git a/language-server/src/actions.ts b/language-server/src/actions.ts
index 2e7f34c3..19848170 100644
--- a/language-server/src/actions.ts
+++ b/language-server/src/actions.ts
@@ -17,7 +17,7 @@
 
 import { Action, JsonMap } from "sprotty-protocol";
 
-/** Request message from the server to update the diagram options widget on the client. */
+/** Message to language server to update the model and hence the view. */
 export interface UpdateViewAction extends Action {
     kind: typeof UpdateViewAction.KIND;
     options?: JsonMap;
@@ -37,3 +37,24 @@ export namespace UpdateViewAction {
         return action.kind === UpdateViewAction.KIND;
     }
 }
+
+/** Message to the language server to add a template. */
+export interface AddTemplateAction extends Action {
+    kind: typeof AddTemplateAction.KIND;
+    text: string;
+}
+
+export namespace AddTemplateAction {
+    export const KIND = "addTemplate";
+
+    export function create(text: string): AddTemplateAction {
+        return {
+            kind: KIND,
+            text
+        };
+    }
+
+    export function isThisAction(action: Action): action is AddTemplateAction {
+        return action.kind === AddTemplateAction.KIND;
+    }
+}
\ No newline at end of file
diff --git a/language-server/src/diagram-generator.ts b/language-server/src/diagram-generator.ts
index 649df32f..e697cc58 100644
--- a/language-server/src/diagram-generator.ts
+++ b/language-server/src/diagram-generator.ts
@@ -175,8 +175,6 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
             for (const edge of node.actions) {
                 const sourceId = this.idCache.getId(edge.$container);
                 const targetId = this.idCache.getId(edge.target.ref);
-                const testRef = edge.target.ref;
-                console.log(testRef);
                 const edgeId = this.idCache.uniqueId(`${sourceId}:${edge.comms[0].name}:${targetId}`, edge);
                 // multiple control actions to same target are represented by on edge
                 let label = '';
diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 99301d56..71ba4ed7 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -16,21 +16,23 @@
  */
 
 import { Action, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol';
-import { UpdateViewAction } from './actions';
+import { AddTemplateAction, UpdateViewAction } from './actions';
 import { Connection } from 'vscode-languageserver';
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { TemplateDiagramServer } from './templates/template-diagram-server';
-import { LanguageTemplate } from './templates/template-model';
+import { StpaTemplates } from './stpa-templates';
 
 export class StpaDiagramServer extends TemplateDiagramServer {
 
-    private stpaOptions: StpaSynthesisOptions;
+    protected stpaOptions: StpaSynthesisOptions;
+    protected stpaTemps: StpaTemplates;
     clientId: string;
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined, templates: LanguageTemplate[]) {
-        super(dispatch, services, clientId, templates, options, connection);
+        services: DiagramServices, synthesisOptions: StpaSynthesisOptions, clientId: string, options: JsonMap | undefined, connection: Connection | undefined, stpaTemps: StpaTemplates) {
+        super(dispatch, services, clientId, stpaTemps.getTemplates(), options, connection);
+        this.stpaTemps = stpaTemps;
         this.stpaOptions = synthesisOptions;
         this.clientId = clientId;
         // send the avaiable syntheses options to the client
@@ -53,11 +55,19 @@ export class StpaDiagramServer extends TemplateDiagramServer {
                 return this.handleSetSynthesisOption(action as SetSynthesisOptionsAction);
             case UpdateViewAction.KIND:
                 return this.handleUpdateView(action as UpdateViewAction);
+            case AddTemplateAction.KIND:
+                return this.handleAddTemplate(action as AddTemplateAction);
         }
         return super.handleAction(action);
     }
 
-    handleSetSynthesisOption(action: SetSynthesisOptionsAction): Promise<void> {
+    protected handleAddTemplate(action: AddTemplateAction) {
+        const temp = this.stpaTemps.createTemp(action.text);
+        this.addTemplate(temp);
+        return Promise.resolve();
+    }
+
+    protected handleSetSynthesisOption(action: SetSynthesisOptionsAction): Promise<void> {
         // update syntheses options
         for (const option of action.options) {
             const opt = this.stpaOptions.getSynthesisOptions().find(synOpt => synOpt.synthesisOption.id === option.id);
diff --git a/language-server/src/stpa-module.ts b/language-server/src/stpa-module.ts
index 67bc9ac9..3be66c0f 100644
--- a/language-server/src/stpa-module.ts
+++ b/language-server/src/stpa-module.ts
@@ -116,7 +116,7 @@ export const stpaDiagramServerFactory =
             }
             return new StpaDiagramServer(async action => {
                 connection?.sendNotification(DiagramActionNotification.type, { clientId, action });
-            }, language.diagram, language.options.StpaSynthesisOptions, clientId, options, connection, language.templates.StpaTemplates.getTemplates());
+            }, language.diagram, language.options.StpaSynthesisOptions, clientId, options, connection, language.templates.StpaTemplates);
         };
     };
 
diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 3a1390f5..63510e76 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -26,6 +26,7 @@ export class StpaTemplates {
     protected readonly langiumDocuments: LangiumDocuments;
     protected defaultTemplates: LanguageTemplate[];
     protected templates: LanguageTemplate[];
+    protected customTempsNumber: number = 0;
 
     constructor(services: LangiumServices) {
         this.langiumDocuments = services.shared.workspace.LangiumDocuments;
@@ -47,6 +48,13 @@ export class StpaTemplates {
         ];
     }
 
+    createTemp(text: string) {
+        // TODO: currently only control structure
+        // TODO: check whether text is valid
+        this.customTempsNumber++;
+        return new CustomCSTemplate(this.langiumDocuments, text, 'CustomTemplate' + this.customTempsNumber, text);
+    }
+
     getTemplates() {
         return this.templates;
     }
@@ -78,12 +86,36 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
             template.insertText = template.insertText.substring(18, template.insertText.length);
             return document.positionAt(endIndex);
         } else {
-            template.insertText = template.insertText.substring(22, template.insertText.length-3);
+            template.insertText = template.insertText.substring(22, template.insertText.length - 3);
             const bracketIndex = csText.lastIndexOf('}');
-            return document.positionAt(titleIndex + bracketIndex -1);
+            return document.positionAt(titleIndex + bracketIndex - 1);
         }
     }
-    
+
+}
+
+export class CustomCSTemplate implements LanguageTemplate {
+    insertText: string;
+    documents: LangiumDocuments;
+    id: string;
+    baseCode: string;
+    protected counter: number = 0;
+
+    constructor(documents: LangiumDocuments, insertText: string, id: string, baseCode: string) {
+        this.documents = documents;
+        this.insertText = insertText;
+        this.id = id;
+        this.baseCode = baseCode;
+    }
+
+    getPosition(uri: string): Position {
+        // TODO: inserText needs unique IDs
+        //this.insertText = this.generateCode();
+        this.counter++;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSTemplate(document, this);
+    }
+
 }
 
 /**
@@ -122,23 +154,23 @@ CS {
         return `
 ControlStructure
 CS {
-    Controller` + this.shortId + this.counter +` {
+    Controller` + this.shortId + this.counter + ` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
         }
     }
-    ControlledProcess` + this.shortId + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter + ` {
         hierarchyLevel 1
         feedback {
-            [fb "feedback"] -> Controller` + this.shortId + this.counter +`
+            [fb "feedback"] -> Controller` + this.shortId + this.counter + `
         }
     }
 }
 `;
     }
 
-    getPosition (uri: string): Position {
+    getPosition(uri: string): Position {
         this.insertText = this.generateCode();
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
@@ -194,35 +226,35 @@ CS {
         return `
 ControlStructure
 CS {
-    Controller` + this.shortId + this.counter +` {
+    Controller` + this.shortId + this.counter + ` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> Actuator` + this.shortId + this.counter +`
+            [ca "control action"] -> Actuator` + this.shortId + this.counter + `
         }
     }
-    Actuator` + this.shortId + this.counter +` {
+    Actuator` + this.shortId + this.counter + ` {
         hierarchyLevel 1
         controlActions {
-            [caAc "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [caAc "control action"] -> ControlledProcess` + this.shortId + this.counter + `
         }
     }
-    Sensor` + this.shortId + this.counter +` {
+    Sensor` + this.shortId + this.counter + ` {
         hierarchyLevel 1
         feedback {
-            [fbS "feedback"] -> Controller` + this.shortId + this.counter +`
+            [fbS "feedback"] -> Controller` + this.shortId + this.counter + `
         }
     }
-    ControlledProcess` + this.shortId + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter + ` {
         hierarchyLevel 2
         feedback {
-            [fb "feedback"] -> Sensor` + this.shortId + this.counter +`
+            [fb "feedback"] -> Sensor` + this.shortId + this.counter + `
         }
     }
 }
 `;
     }
-    
-    getPosition (uri: string): Position {
+
+    getPosition(uri: string): Position {
         this.insertText = this.generateCode();
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
@@ -233,7 +265,7 @@ CS {
 /**
  * Template for a control structure with two consecutive controllers and one controlled process.
  */
- export class ConsControllersTemplate implements LanguageTemplate {
+export class ConsControllersTemplate implements LanguageTemplate {
     insertText: string;
     documents: LangiumDocuments;
     id: string = 'consControllerTemplate';
@@ -275,32 +307,32 @@ CS {
         return `
 ControlStructure
 CS {
-    ControllerA` + this.shortId + this.counter +` {
+    ControllerA` + this.shortId + this.counter + ` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> ControllerB` + this.shortId + this.counter +`
+            [ca "control action"] -> ControllerB` + this.shortId + this.counter + `
         }
     }
-    ControllerB` + this.shortId + this.counter +` {
+    ControllerB` + this.shortId + this.counter + ` {
         hierarchyLevel 1
         controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
         }
         feedback {
-            [fb "feedback"] -> ControllerA` + this.shortId + this.counter +`
+            [fb "feedback"] -> ControllerA` + this.shortId + this.counter + `
         }
     }
-    ControlledProcess` + this.shortId + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter + ` {
         hierarchyLevel 2
         feedback {
-            [fb "feedback"] -> ControllerB` + this.shortId + this.counter +`
+            [fb "feedback"] -> ControllerB` + this.shortId + this.counter + `
         }
     }
 }
 `;
     }
-    
-    getPosition (uri: string): Position {
+
+    getPosition(uri: string): Position {
         this.insertText = this.generateCode();
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
@@ -311,7 +343,7 @@ CS {
 /**
  * Template for a control structure with two parallel controllers and one controlled process.
  */
- export class ParallelContsTemplate implements LanguageTemplate {
+export class ParallelContsTemplate implements LanguageTemplate {
     insertText: string;
     documents: LangiumDocuments;
     id: string = 'parallelContsTemplate';
@@ -351,30 +383,30 @@ CS {
         return `
 ControlStructure
 CS {
-    ControllerA` + this.shortId + this.counter +` {
+    ControllerA` + this.shortId + this.counter + ` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
         }
     }
-    ControllerB` + this.shortId + this.counter +` {
+    ControllerB` + this.shortId + this.counter + ` {
         hierarchyLevel 0
         controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
         }
     }
-    ControlledProcess` + this.shortId + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter + ` {
         hierarchyLevel 1
         feedback {
-            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter +`
-            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter +`
+            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter + `
+            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter + `
         }
     }
 }
 `;
     }
-    
-    getPosition (uri: string): Position {
+
+    getPosition(uri: string): Position {
         this.insertText = this.generateCode();
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
@@ -385,7 +417,7 @@ CS {
 /**
  * Template for a control structure with two consecutive controllers, one controlled process.
  */
- export class ConsContsWithLoopTemplate implements LanguageTemplate {
+export class ConsContsWithLoopTemplate implements LanguageTemplate {
     insertText: string;
     documents: LangiumDocuments;
     id: string = 'consContsWithLoopTemplate';
@@ -429,34 +461,34 @@ CS {
         return `
 ControlStructure
 CS {
-    ControllerA` + this.shortId + this.counter +` {
+    ControllerA` + this.shortId + this.counter + ` {
         hierarchyLevel 0
         controlActions {
-            [caC "control action"] -> ControlledProcess` + this.shortId + this.counter +`
-            [caB "control action"] -> ControllerB` + this.shortId + this.counter +`
+            [caC "control action"] -> ControlledProcess` + this.shortId + this.counter + `
+            [caB "control action"] -> ControllerB` + this.shortId + this.counter + `
         }
     }
-    ControllerB` + this.shortId + this.counter +` {
+    ControllerB` + this.shortId + this.counter + ` {
         hierarchyLevel 1
         controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter +`
+            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
         }
         feedback {
-            [fb "feedback"] -> ControllerA` + this.shortId + this.counter +`
+            [fb "feedback"] -> ControllerA` + this.shortId + this.counter + `
         }
     }
-    ControlledProcess` + this.shortId + this.counter +` {
+    ControlledProcess` + this.shortId + this.counter + ` {
         hierarchyLevel 2
         feedback {
-            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter +`
-            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter +`
+            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter + `
+            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter + `
         }
     }
 }
 `;
     }
-    
-    getPosition (uri: string): Position {
+
+    getPosition(uri: string): Position {
         this.insertText = this.generateCode();
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index 44f9a0b1..a01f1864 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -19,7 +19,7 @@ import { VNode } from 'snabbdom';
 import { Action, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
 import { WebviewTemplate } from "./template-model";
 
-/** Request message from the server to get the svgs for the templates. */
+/** Request message from the server to get the svgs of the templates. */
 export interface RequestWebviewTemplatesAction extends RequestAction<SendWebviewTemplatesAction> {
     kind: typeof RequestWebviewTemplatesAction.KIND;
     templates: WebviewTemplate[];
@@ -47,6 +47,7 @@ export namespace RequestWebviewTemplatesAction {
     }
 }
 
+/** Message to the language server containing the svgs of the templates. */
 export interface SendWebviewTemplatesAction extends ResponseAction {
     kind: typeof SendWebviewTemplatesAction.KIND;
     templates: VNode[];
@@ -72,6 +73,7 @@ export namespace SendWebviewTemplatesAction {
     }
 }
 
+/** Message to the language server to start the execution of a template. */
 export interface ExecuteTemplateAction extends Action {
     kind: typeof ExecuteTemplateAction.KIND;
     id: string;
@@ -94,6 +96,7 @@ export namespace ExecuteTemplateAction {
     }
 }
 
+/** Message to the language server to indicate that the tempalte webview is ready. */
 export interface TemplateWebviewRdyAction extends Action {
     kind: typeof TemplateWebviewRdyAction.KIND;
 }
@@ -111,4 +114,4 @@ export namespace TemplateWebviewRdyAction {
     export function isThisAction(action: Action): action is TemplateWebviewRdyAction {
         return action.kind === TemplateWebviewRdyAction.KIND;
     }
-}
\ No newline at end of file
+}
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 37976594..e5c8acff 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -73,6 +73,11 @@ export class TemplateDiagramServer extends DiagramServer {
         return super.handleAction(action);
     }
 
+    addTemplate(temp: LanguageTemplate) {
+        this.templates.push(temp);
+        this.handleTemplateWebviewRdy();
+    }
+
     protected async handleTemplateWebviewRdy(): Promise<void> {
         const temps = await this.getTemplates();
         // send the avaiable templates to the client
diff --git a/templateWebview/src/html.tsx b/templateWebview/src/html.tsx
index 7042d204..e4f35309 100644
--- a/templateWebview/src/html.tsx
+++ b/templateWebview/src/html.tsx
@@ -19,11 +19,11 @@
 import { html } from './jsx';
 import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule, VNode } from 'snabbdom';
 
-export const templatesID = 'templates';
+const placeholderID = 'tempPlaceholder';
 
 export const panel: VNode = <div class-sidebar__content="true">
     <h3 class-sidebar__title="true">{"Templates"}</h3>
-    <div class-sidebar__panel-content="true" id={templatesID}></div>
+    <div class-sidebar__panel-content="true" id="templates"><div id={placeholderID}></div></div>
 </div>;
 
 export const patch = init([
@@ -35,3 +35,11 @@ export const patch = init([
     // IMPORTANT: classModule must be after attributesModule. Otherwise it does not work when classes are also in the attributes list.
     classModule // makes it easy to toggle classes
 ]);
+
+export function createTemps(templates: VNode[]) {
+    let placeholder = document.getElementById('tempPlaceholder');
+    if (placeholder) {
+        const temps = <div id={placeholderID}>{...templates}</div>;
+        patch(placeholder, temps)
+    }
+}
\ No newline at end of file
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index 82ceabf2..8d74f305 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -17,7 +17,7 @@
 
 import '../css/diagram.css';
 import { click } from './mouseListener';
-import { patch, panel, templatesID } from './html';
+import { patch, panel, createTemps } from './html';
 import { VNode } from 'snabbdom';
 
 interface vscode {
@@ -75,14 +75,7 @@ export class Starter {
      * @param templates The Templates that should be shown.
      */
     protected handleTemplates(templates: VNode[]) {
-        const containerDiv = document.getElementById(templatesID);
-        if (containerDiv) {
-            for (const temp of templates) {
-                const svgPlaceholder = document.createElement("div");
-                containerDiv.appendChild(svgPlaceholder);
-                patch(svgPlaceholder, temp);
-            }
-        }
+        createTemps(templates);
     }
 }
 

From 8098e459a2a240d6c1d23e6c296e57f5a4cc7e36 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 5 Jul 2022 15:43:20 +0200
Subject: [PATCH 37/80] catch templates for which no graph could be generated

---
 language-server/src/stpa-templates.ts         |  2 +-
 .../src/templates/template-diagram-server.ts  | 30 ++++++++++++-------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 63510e76..ee17aa9c 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -50,7 +50,7 @@ export class StpaTemplates {
 
     createTemp(text: string) {
         // TODO: currently only control structure
-        // TODO: check whether text is valid
+        // TODO: check whether text is valid -> could be checked when generating the sgraph
         this.customTempsNumber++;
         return new CustomCSTemplate(this.langiumDocuments, text, 'CustomTemplate' + this.customTempsNumber, text);
     }
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index e5c8acff..46bcc8bd 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -34,6 +34,7 @@ export class TemplateDiagramServer extends DiagramServer {
         this.clientId = clientId;
         this.options = options;
         this.connection = connection;
+        // TODO: load temps from config
         this.templates = templates;
         this.templateGraphGenerator = services.DiagramGenerator as TemplateGraphGenerator;
     }
@@ -45,19 +46,25 @@ export class TemplateDiagramServer extends DiagramServer {
         const webviewTemplates: WebviewTemplate[] = [];
         for (const template of this.templates) {
             // TODO: correct ordering of nodes
+            // TODO: if template contains edges to non-existing nodes, catch these instead of not showing the graph at all
             let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
-            const request = RequestBoundsAction.create(graph);
-            const response = await this.request<ComputedBoundsAction>(request);
-            applyBounds(graph, response);
-            const newRoot = await this.layoutEngine?.layout(graph);
-            if (newRoot) {
-                graph = newRoot;
+            // check that graph could be generated
+            if (graph.children?.length! > 0) {
+                const request = RequestBoundsAction.create(graph);
+                const response = await this.request<ComputedBoundsAction>(request);
+                applyBounds(graph, response);
+                const newRoot = await this.layoutEngine?.layout(graph);
+                if (newRoot) {
+                    graph = newRoot;
+                }
+                const webTemp = {
+                    graph: graph,
+                    id: template.id
+                };
+                webviewTemplates.push(webTemp);
+            } else {
+                console.log("For template " + template.id + " no graph could be generated.");
             }
-            const webTemp = {
-                graph: graph,
-                id: template.id
-            };
-            webviewTemplates.push(webTemp);
         }
         return webviewTemplates;
 
@@ -74,6 +81,7 @@ export class TemplateDiagramServer extends DiagramServer {
     }
 
     addTemplate(temp: LanguageTemplate) {
+        // TODO: save temps in config
         this.templates.push(temp);
         this.handleTemplateWebviewRdy();
     }

From 2c6b31931f2ba2593e2227be90f088bbfe6a44d8 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 6 Jul 2022 14:21:23 +0200
Subject: [PATCH 38/80] improved robustness

CS caption and graph name are added if needed
parser failures are catched
dangling edges are ignored
---
 language-server/src/diagram-generator.ts      | 82 ++++++++++---------
 language-server/src/stpa-templates.ts         | 29 +++++--
 .../src/templates/template-diagram-server.ts  | 11 +--
 .../src/templates/template-model.ts           |  2 +-
 language-server/src/utils.ts                  | 74 +++++++++++++++--
 5 files changed, 139 insertions(+), 59 deletions(-)

diff --git a/language-server/src/diagram-generator.ts b/language-server/src/diagram-generator.ts
index e697cc58..97ddc126 100644
--- a/language-server/src/diagram-generator.ts
+++ b/language-server/src/diagram-generator.ts
@@ -18,12 +18,14 @@
 import { AstNode, documentFromText, LangiumParser, ParseResult } from 'langium';
 import { GeneratorContext, IdCache, IdCacheImpl } from 'langium-sprotty';
 import { SModelRoot, SLabel, SModelElement } from 'sprotty-protocol';
-import { isContConstraint, isHazard, isLoss, isLossScenario, isResponsibility, isSafetyConstraint, 
-    isSystemConstraint, isUCA, Model, Node } from './generated/ast';
+import {
+    isContConstraint, isHazard, isLoss, isLossScenario, isResponsibility, isSafetyConstraint,
+    isSystemConstraint, isUCA, Model, Node
+} from './generated/ast';
 import { CSEdge, CSNode, STPANode, STPAEdge } from './stpa-interfaces';
 import { PARENT_TYPE, EdgeDirection, CS_EDGE_TYPE, CS_NODE_TYPE, STPA_NODE_TYPE, STPA_EDGE_TYPE } from './stpa-model';
 import { StpaServices } from './stpa-module';
-import { collectElementsWithSubComps, getAspect, getTargets, setPositionsForCSNodes, setPositionsForSTPANodes } from './utils';
+import { collectElementsWithSubComps, filterDanglingEdges, getAspect, getTargets, setPositionsForCSNodes, setPositionsForSTPANodes } from './utils';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { LanguageTemplate, TemplateGraphGenerator } from './templates/template-model';
 import { CancellationToken } from 'vscode-languageserver';
@@ -51,11 +53,14 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
      * @param template The template for which a graph should be generated.
      * @returns the SGraph.
      */
-    async generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot> {
+    async generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot | undefined> {
         // in order for the cross-references to be correctly evaluated, a document must be build
         const uri = 'file:///template.stpa';
         const textDocument = TextDocument.create(uri, this.languageId, 0, template.baseCode ?? '');
         const parseResult: ParseResult<Model> = this.parser.parse<Model>(template.baseCode);
+        if (parseResult.parserErrors.length > 0) {
+            return undefined;
+        }
         const doc = documentFromText<Model>(textDocument, parseResult);
         await this.docBuilder.buildDocuments([doc], CancellationToken.None);
 
@@ -63,10 +68,13 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
             this.idCache = new IdCacheImpl();
         }
         const graph = this.generateGraph(doc.parseResult.value);
+        if (graph.children) {
+            graph.children = filterDanglingEdges(graph.children);
+        }
         graph.id = template.id;
         return graph;
     }
-    
+
 
     /**
      * Generates a SGraph for the STPA model contained in {@code args}.
@@ -98,16 +106,16 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
             const hazards = collectElementsWithSubComps(model.hazards);
             const sysCons = collectElementsWithSubComps(model.systemLevelConstraints);
             stpaChildren = stpaChildren.concat([
-                    ...hazards.map(sh => this.generateAspectWithEdges(sh)).flat(1),
-                    ...sysCons.map(ssc => this.generateAspectWithEdges(ssc)).flat(1)
-                ]);
+                ...hazards.map(sh => this.generateAspectWithEdges(sh)).flat(1),
+                ...sysCons.map(ssc => this.generateAspectWithEdges(ssc)).flat(1)
+            ]);
         } else {
             // subcomponents are contained in the parent
             stpaChildren = stpaChildren.concat([
-                    ...model.hazards?.map(h => this.generateAspectWithEdges(h)).flat(1),
-                    ...model.systemLevelConstraints?.map(sc => this.generateAspectWithEdges(sc)).flat(1),
-                    ...model.systemLevelConstraints?.map(sc => sc.subComps?.map(ssc => this.generateEdgesForSTPANode(ssc))).flat(2)
-                ]);
+                ...model.hazards?.map(h => this.generateAspectWithEdges(h)).flat(1),
+                ...model.systemLevelConstraints?.map(sc => this.generateAspectWithEdges(sc)).flat(1),
+                ...model.systemLevelConstraints?.map(sc => sc.subComps?.map(ssc => this.generateEdgesForSTPANode(ssc))).flat(2)
+            ]);
         }
         stpaChildren = stpaChildren.concat([
             ...model.responsibilities?.map(r => r.responsiblitiesForOneSystem.map(resp => this.generateAspectWithEdges(resp))).flat(2),
@@ -135,7 +143,7 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
             // each node should be placed in a specifc layer based on the hierarchy level. therefore positions must be set
             setPositionsForCSNodes(csNodes);
             // children (nodes and edges) of the control structure
-            const CSChildren= [
+            const CSChildren = [
                 ...csNodes,
                 ...this.generateVerticalCSEdges(model.controlStructure.nodes),
                 //...this.generateHorizontalCSEdges(model.controlStructure.edges, args)
@@ -160,14 +168,14 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
             children: graphChildren
         };
     }
-    
+
     /**
      * Creates the edges for the control structure.
      * @param nodes The nodes of the control structure.
      * @param args GeneratorCOntext of the STPA model
      * @returns A list of edges for the control structure.
      */
-    private generateVerticalCSEdges(nodes: Node[]): CSEdge[]{
+    private generateVerticalCSEdges(nodes: Node[]): CSEdge[] {
         let edges: CSEdge[] = [];
         // for every control action and feedback of every a node, a edge should be created
         for (const node of nodes) {
@@ -185,8 +193,8 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
                         label += ", ";
                     }
                 }
-                const e = this.generateCSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '', 
-                                label, EdgeDirection.DOWN);
+                const e = this.generateCSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '',
+                    label, EdgeDirection.DOWN);
                 edges.push(e);
             }
             // create edges representing feedback
@@ -203,27 +211,27 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
                         label += ", ";
                     }
                 }
-                const e = this.generateCSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '', 
-                                label, EdgeDirection.UP);
+                const e = this.generateCSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '',
+                    label, EdgeDirection.UP);
                 edges.push(e);
             }
         }
         return edges;
     }
 
-/*     private generateHorizontalCSEdges(edges: Edge[], args: GeneratorContext<Model>): SEdge[]{
-        const idCache = args.idCache
-        let genEdges: SEdge[] = []
-        for (const edge of edges) {
-            const sourceId = idCache.getId(edge.source.ref)
-            const targetId = idCache.getId(edge.target.ref)
-            const edgeId = idCache.uniqueId(`${sourceId}:${edge.name}:${targetId}`, edge)
-            const e = this.generateSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '', 
-                            edge.label? edge.label:edge.name, args)
-            genEdges.push(e)
-        }
-        return genEdges
-    } */
+    /*     private generateHorizontalCSEdges(edges: Edge[], args: GeneratorContext<Model>): SEdge[]{
+            const idCache = args.idCache
+            let genEdges: SEdge[] = []
+            for (const edge of edges) {
+                const sourceId = idCache.getId(edge.source.ref)
+                const targetId = idCache.getId(edge.target.ref)
+                const edgeId = idCache.uniqueId(`${sourceId}:${edge.name}:${targetId}`, edge)
+                const e = this.generateSEdge(edgeId, sourceId ? sourceId : '', targetId ? targetId : '', 
+                                edge.label? edge.label:edge.name, args)
+                genEdges.push(e)
+            }
+            return genEdges
+        } */
 
     /**
      * Generates a single control structure edge based on the gven arguments.
@@ -245,7 +253,7 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
             targetId: targetId!,
             direction: direction,
             children: [
-                <SLabel> {
+                <SLabel>{
                     type: 'label:xref',
                     id: this.idCache.uniqueId(edgeId + '.label'),
                     text: label
@@ -330,11 +338,11 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
      * @param param4 GeneratorContext of the STPA model.
      * @returns An STPAEdge.
      */
-    private generateSTPAEdge(edgeId: string, sourceId: string, targetId: string, label:string): STPAEdge {
+    private generateSTPAEdge(edgeId: string, sourceId: string, targetId: string, label: string): STPAEdge {
         let children: SModelElement[] = [];
         if (label !== '') {
             children = [
-                <SLabel> {
+                <SLabel>{
                     type: 'label:xref',
                     id: this.idCache.uniqueId(edgeId + '.label'),
                     text: label
@@ -357,8 +365,8 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
      * @returns A STPANode representing {@code node}.
      */
     private generateSTPANode(node: AstNode): STPANode {
-        if (isLoss(node)|| isHazard(node) || isSystemConstraint(node) || isContConstraint(node) || isLossScenario(node) 
-                    || isSafetyConstraint(node) || isResponsibility(node) || isUCA(node)){
+        if (isLoss(node) || isHazard(node) || isSystemConstraint(node) || isContConstraint(node) || isLossScenario(node)
+            || isSafetyConstraint(node) || isResponsibility(node) || isUCA(node)) {
             const nodeId = this.idCache.uniqueId(node.name, node);
             // determines the hierarchy level for subcomponents. For other components the value is 0.
             let lvl = 0;
diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index ee17aa9c..3c05e27e 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -50,9 +50,8 @@ export class StpaTemplates {
 
     createTemp(text: string) {
         // TODO: currently only control structure
-        // TODO: check whether text is valid -> could be checked when generating the sgraph
         this.customTempsNumber++;
-        return new CustomCSTemplate(this.langiumDocuments, text, 'CustomTemplate' + this.customTempsNumber, text);
+        return new CustomCSTemplate(this.langiumDocuments, text, 'CT' + this.customTempsNumber, text);
     }
 
     getTemplates() {
@@ -78,15 +77,14 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
     if (titleIndex === -1) {
         return document.positionAt(endIndex);
     } else {
+        template.insertText = template.insertText.substring(17, template.insertText.length);
         // check whether a graph ID already exist
         const csText = docText.substring(startIndex, endIndex);
         const graphIndex = csText.indexOf('{');
-        // TODO: starting positions 19 and 23 may be incorrect for user provided templates
         if (graphIndex === -1) {
-            template.insertText = template.insertText.substring(18, template.insertText.length);
             return document.positionAt(endIndex);
         } else {
-            template.insertText = template.insertText.substring(22, template.insertText.length - 3);
+            template.insertText = template.insertText.substring(template.insertText.indexOf('{') + 1, template.insertText.length - 3);
             const bracketIndex = csText.lastIndexOf('}');
             return document.positionAt(titleIndex + bracketIndex - 1);
         }
@@ -103,14 +101,31 @@ export class CustomCSTemplate implements LanguageTemplate {
 
     constructor(documents: LangiumDocuments, insertText: string, id: string, baseCode: string) {
         this.documents = documents;
-        this.insertText = insertText;
+        this.insertText = insertText.trim();
         this.id = id;
-        this.baseCode = baseCode;
+        this.baseCode = baseCode.trim();
+        this.checkCaption();
+    }
+
+    /**
+     * Check whether the CS caption and graph name exists. If not, adds it.
+     */
+    protected checkCaption() {
+        const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
+        const words = splits.filter(child => child !== "");
+        if (words[0] !== 'ControlStructure') {
+            if (words[2] === 'hierarchyLevel' || words[2] === 'label' || words[2] === 'processModel' || words[2] === 'controlActions' || words[2] === 'feedback' || words[2] === '}' && words.length > 3) {
+                this.baseCode = 'ControlStructure\nCS {\n' + this.baseCode + '\n}';
+            } else {
+                this.baseCode = 'ControlStructure\n' + this.baseCode;
+            }
+        }
     }
 
     getPosition(uri: string): Position {
         // TODO: inserText needs unique IDs
         //this.insertText = this.generateCode();
+        this.insertText = this.baseCode;
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 46bcc8bd..24f2b7e1 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -27,6 +27,7 @@ export class TemplateDiagramServer extends DiagramServer {
     protected options: JsonMap | undefined;
     protected connection: Connection | undefined;
     protected templateGraphGenerator: TemplateGraphGenerator;
+    protected tempRdy: boolean = false;
 
     constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
         services: DiagramServices, clientId: string, templates: LanguageTemplate[], options: JsonMap | undefined, connection: Connection | undefined) {
@@ -45,11 +46,8 @@ export class TemplateDiagramServer extends DiagramServer {
     protected async getTemplates() {
         const webviewTemplates: WebviewTemplate[] = [];
         for (const template of this.templates) {
-            // TODO: correct ordering of nodes
-            // TODO: if template contains edges to non-existing nodes, catch these instead of not showing the graph at all
             let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
-            // check that graph could be generated
-            if (graph.children?.length! > 0) {
+            if (graph) {
                 const request = RequestBoundsAction.create(graph);
                 const response = await this.request<ComputedBoundsAction>(request);
                 applyBounds(graph, response);
@@ -83,10 +81,13 @@ export class TemplateDiagramServer extends DiagramServer {
     addTemplate(temp: LanguageTemplate) {
         // TODO: save temps in config
         this.templates.push(temp);
-        this.handleTemplateWebviewRdy();
+        if (this.tempRdy) {
+            this.handleTemplateWebviewRdy();
+        }
     }
 
     protected async handleTemplateWebviewRdy(): Promise<void> {
+        this.tempRdy = true;
         const temps = await this.getTemplates();
         // send the avaiable templates to the client
         const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index 285e422d..9b6d598f 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -33,5 +33,5 @@ export interface WebviewTemplate {
 }
 
 export abstract class TemplateGraphGenerator extends LangiumDiagramGenerator {
-    abstract generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot>;
+    abstract generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot | undefined>;
 }
\ No newline at end of file
diff --git a/language-server/src/utils.ts b/language-server/src/utils.ts
index ce71a15d..1837edec 100644
--- a/language-server/src/utils.ts
+++ b/language-server/src/utils.ts
@@ -16,11 +16,13 @@
  */
 
 import { AstNode } from "langium";
-import { isHazard, isResponsibility, isSystemConstraint, isContConstraint, isSafetyConstraint, isUCA, isLossScenario, 
-    isLoss, Hazard, SystemConstraint } from "./generated/ast";
+import {
+    isHazard, isResponsibility, isSystemConstraint, isContConstraint, isSafetyConstraint, isUCA, isLossScenario,
+    isLoss, Hazard, SystemConstraint
+} from "./generated/ast";
 import { STPAAspect } from "./stpa-model";
 import { CSNode, STPANode } from "./stpa-interfaces";
-import { SShapeElement } from 'sprotty-protocol';
+import { SEdge, SShapeElement, SModelElement } from 'sprotty-protocol';
 
 /* export function determineLayerForCSNodes(nodes: CSNode[]): void {
     let layer = nodes.length
@@ -57,7 +59,7 @@ import { SShapeElement } from 'sprotty-protocol';
  */
 export function getTargets(node: AstNode, hierarchy: boolean): AstNode[] {
     if (node) {
-        if (isHazard(node) || isResponsibility(node) || isSystemConstraint(node) || isContConstraint(node)) { 
+        if (isHazard(node) || isResponsibility(node) || isSystemConstraint(node) || isContConstraint(node)) {
             const targets: AstNode[] = [];
             for (const ref of node.refs) {
                 if (ref?.ref) { targets.push(ref.ref); }
@@ -119,7 +121,7 @@ export function getAspect(node: AstNode): STPAAspect {
  * @param topElements The top elements that possbible have children.
  * @returns A list with the given {@code topElements} and their descendants.
  */
-export function collectElementsWithSubComps(topElements: (Hazard|SystemConstraint)[]): AstNode[] {
+export function collectElementsWithSubComps(topElements: (Hazard | SystemConstraint)[]): AstNode[] {
     let result = topElements;
     let todo = topElements;
     for (let i = 0; i < todo.length; i++) {
@@ -140,8 +142,8 @@ export function collectElementsWithSubComps(topElements: (Hazard|SystemConstrain
  * @returns The number of the layer {@code node} should be in.
  */
 function determineLayerForSTPANode(node: STPANode, hazardDepth: number, sysConsDepth: number): number {
-    switch(node.aspect) {
-        case STPAAspect.LOSS: 
+    switch (node.aspect) {
+        case STPAAspect.LOSS:
             return 0;
         case STPAAspect.HAZARD:
             return 1 + node.hierarchyLvl;
@@ -181,7 +183,7 @@ export function setPositionsForSTPANodes(nodes: STPANode[]): void {
     // sets positions according to the layer of the nodes.
     for (const node of nodes) {
         const layer = determineLayerForSTPANode(node, maxHazardDepth, maxSysConsDepth);
-        (node as SShapeElement).position = {x: 0, y: 100 * layer};
+        (node as SShapeElement).position = { x: 0, y: 100 * layer };
     }
 }
 
@@ -192,7 +194,61 @@ export function setPositionsForSTPANodes(nodes: STPANode[]): void {
 export function setPositionsForCSNodes(nodes: CSNode[]) {
     for (const node of nodes) {
         if (node.level) {
-            (node as SShapeElement).position = {x: 0, y: 100 * node.level};
+            (node as SShapeElement).position = { x: 0, y: 100 * node.level };
         }
     }
 }
+
+/**
+ * Filters dangling edges.
+ * @param children Elements that should be checked.
+ * @returns {@code children} without dangling edges.
+ */
+export function filterDanglingEdges(children: SModelElement[]): SModelElement[] {
+    let nodeIds: Set<string> = new Set();
+    for (const child of children) {
+        if (child.type.startsWith('node') || child.type.startsWith('port')) {
+            selectNodeAndPortIDs(child, nodeIds);
+        }
+    }
+    return checkEdges(children, nodeIds);
+}
+
+/**
+ * Adds node and port Ids to {@code set}.
+ * @param element Elements to examine.
+ * @param set The set to which the Ids should be added.
+ */
+function selectNodeAndPortIDs(element: SModelElement, set: Set<string>): void {
+    set.add(element.id);
+    if (element.children) {
+        for (const child of element.children) {
+            if (child.type.startsWith('node') || child.type.startsWith('port')) {
+                selectNodeAndPortIDs(child, set);
+            }
+        }
+    }
+}
+
+/**
+ * Check whether the edges in {@code elements} are dangling.
+ * @param elements Elements to be checked.
+ * @param nodeIds Ids of all existing nodes.
+ * @returns {@code elements} without dangling edges.
+ */
+function checkEdges(elements: SModelElement[], nodeIds: Set<string>): SModelElement[] {
+    let children = [];
+    for (const element of elements) {
+        if (element.type.startsWith('edge')) {
+            if (nodeIds.has((element as SEdge).sourceId) && nodeIds.has((element as SEdge).targetId)) {
+                children.push(element);
+            }
+        } else {
+            if (element.type.startsWith('node') && element.children) {
+                element.children = checkEdges(element.children, nodeIds);
+            }
+            children.push(element);
+        }
+    }
+    return children;
+}
\ No newline at end of file

From 8759fa762ded302a3a72e9aef6213415f4163e47 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Thu, 7 Jul 2022 10:58:57 +0200
Subject: [PATCH 39/80] added unique IDs for multiple uses of custom templates

---
 language-server/src/stpa-templates.ts | 189 ++++++--------------------
 1 file changed, 38 insertions(+), 151 deletions(-)

diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 3c05e27e..8fdbac20 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -77,7 +77,7 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
     if (titleIndex === -1) {
         return document.positionAt(endIndex);
     } else {
-        template.insertText = template.insertText.substring(17, template.insertText.length);
+        template.insertText = template.insertText.substring(18, template.insertText.length);
         // check whether a graph ID already exist
         const csText = docText.substring(startIndex, endIndex);
         const graphIndex = csText.indexOf('{');
@@ -92,6 +92,34 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
 
 }
 
+/**
+ * Adds {@code id} to the node names in {@code text}.
+ * @param text The control structure text.
+ * @param id The id to append.
+ * @returns The modified text.
+ */
+function addNodeIDs(text: string, id: string) {
+    const splits = text.split(/[^a-zA-Z0-9\{\}]/);
+    // collect node names
+    const names = [];
+    for (let i = 3; i < splits.length; i++) {
+        if (splits[i] === '{' && !isKeyWord(splits[i - 1])) {
+            names.push(splits[i - 1]);
+        }
+    }
+
+    // append ID to node names
+    for (const name of names) {
+        const regex = new RegExp(name, "g");
+        text = text.replace(regex, name + id);
+    }
+    return text;
+}
+
+function isKeyWord(text: string) {
+    return text === 'hierarchyLevel' || text === 'label' || text === 'processModel' || text === 'controlActions' || text === 'feedback';
+}
+
 export class CustomCSTemplate implements LanguageTemplate {
     insertText: string;
     documents: LangiumDocuments;
@@ -114,18 +142,16 @@ export class CustomCSTemplate implements LanguageTemplate {
         const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
         const words = splits.filter(child => child !== "");
         if (words[0] !== 'ControlStructure') {
-            if (words[2] === 'hierarchyLevel' || words[2] === 'label' || words[2] === 'processModel' || words[2] === 'controlActions' || words[2] === 'feedback' || words[2] === '}' && words.length > 3) {
-                this.baseCode = 'ControlStructure\nCS {\n' + this.baseCode + '\n}';
+            if (isKeyWord(words[2]) || words[2] === '}' && words.length > 3) {
+                this.baseCode = 'ControlStructure\r\nCS {\r\n' + this.baseCode + '\r\n}';
             } else {
-                this.baseCode = 'ControlStructure\n' + this.baseCode;
+                this.baseCode = 'ControlStructure\r\n' + this.baseCode;
             }
         }
     }
 
     getPosition(uri: string): Position {
-        // TODO: inserText needs unique IDs
-        //this.insertText = this.generateCode();
-        this.insertText = this.baseCode;
+        this.insertText = addNodeIDs(this.baseCode, "" + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
@@ -165,28 +191,8 @@ CS {
         this.shortId = shortId;
     }
 
-    protected generateCode(): string {
-        return `
-ControlStructure
-CS {
-    Controller` + this.shortId + this.counter + ` {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-        }
-    }
-    ControlledProcess` + this.shortId + this.counter + ` {
-        hierarchyLevel 1
-        feedback {
-            [fb "feedback"] -> Controller` + this.shortId + this.counter + `
-        }
-    }
-}
-`;
-    }
-
     getPosition(uri: string): Position {
-        this.insertText = this.generateCode();
+        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
@@ -237,40 +243,8 @@ CS {
         this.shortId = shortId;
     }
 
-    protected generateCode(): string {
-        return `
-ControlStructure
-CS {
-    Controller` + this.shortId + this.counter + ` {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> Actuator` + this.shortId + this.counter + `
-        }
-    }
-    Actuator` + this.shortId + this.counter + ` {
-        hierarchyLevel 1
-        controlActions {
-            [caAc "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-        }
-    }
-    Sensor` + this.shortId + this.counter + ` {
-        hierarchyLevel 1
-        feedback {
-            [fbS "feedback"] -> Controller` + this.shortId + this.counter + `
-        }
-    }
-    ControlledProcess` + this.shortId + this.counter + ` {
-        hierarchyLevel 2
-        feedback {
-            [fb "feedback"] -> Sensor` + this.shortId + this.counter + `
-        }
-    }
-}
-`;
-    }
-
     getPosition(uri: string): Position {
-        this.insertText = this.generateCode();
+        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
@@ -318,37 +292,8 @@ CS {
         this.shortId = shortId;
     }
 
-    protected generateCode(): string {
-        return `
-ControlStructure
-CS {
-    ControllerA` + this.shortId + this.counter + ` {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControllerB` + this.shortId + this.counter + `
-        }
-    }
-    ControllerB` + this.shortId + this.counter + ` {
-        hierarchyLevel 1
-        controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-        }
-        feedback {
-            [fb "feedback"] -> ControllerA` + this.shortId + this.counter + `
-        }
-    }
-    ControlledProcess` + this.shortId + this.counter + ` {
-        hierarchyLevel 2
-        feedback {
-            [fb "feedback"] -> ControllerB` + this.shortId + this.counter + `
-        }
-    }
-}
-`;
-    }
-
     getPosition(uri: string): Position {
-        this.insertText = this.generateCode();
+        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
@@ -394,35 +339,8 @@ CS {
         this.shortId = shortId;
     }
 
-    protected generateCode(): string {
-        return `
-ControlStructure
-CS {
-    ControllerA` + this.shortId + this.counter + ` {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-        }
-    }
-    ControllerB` + this.shortId + this.counter + ` {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-        }
-    }
-    ControlledProcess` + this.shortId + this.counter + ` {
-        hierarchyLevel 1
-        feedback {
-            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter + `
-            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter + `
-        }
-    }
-}
-`;
-    }
-
     getPosition(uri: string): Position {
-        this.insertText = this.generateCode();
+        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
@@ -472,39 +390,8 @@ CS {
         this.shortId = shortId;
     }
 
-    protected generateCode(): string {
-        return `
-ControlStructure
-CS {
-    ControllerA` + this.shortId + this.counter + ` {
-        hierarchyLevel 0
-        controlActions {
-            [caC "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-            [caB "control action"] -> ControllerB` + this.shortId + this.counter + `
-        }
-    }
-    ControllerB` + this.shortId + this.counter + ` {
-        hierarchyLevel 1
-        controlActions {
-            [ca "control action"] -> ControlledProcess` + this.shortId + this.counter + `
-        }
-        feedback {
-            [fb "feedback"] -> ControllerA` + this.shortId + this.counter + `
-        }
-    }
-    ControlledProcess` + this.shortId + this.counter + ` {
-        hierarchyLevel 2
-        feedback {
-            [fbA "feedback"] -> ControllerA` + this.shortId + this.counter + `
-            [fbB "feedback"] -> ControllerB` + this.shortId + this.counter + `
-        }
-    }
-}
-`;
-    }
-
     getPosition(uri: string): Position {
-        this.insertText = this.generateCode();
+        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);

From d8d94b16035222122caee9fcfdb9e2adfa4f4299 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 8 Jul 2022 10:50:14 +0200
Subject: [PATCH 40/80] custom templates are saved in config file

---
 .gitignore                                    |  3 +-
 extension/package.json                        | 10 +++++++
 extension/src/actions.ts                      | 21 +++++++++++++
 extension/src/language-extension.ts           | 11 +++++++
 extension/src/template-webview.ts             | 12 +++++++-
 language-server/src/stpa-diagramServer.ts     | 30 +++++++++++++++++--
 language-server/src/stpa-templates.ts         |  2 +-
 language-server/src/templates/actions.ts      | 21 +++++++++++++
 .../src/templates/template-diagram-server.ts  | 23 +++++++-------
 9 files changed, 117 insertions(+), 16 deletions(-)

diff --git a/.gitignore b/.gitignore
index 2169420d..8388559f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,5 @@ language-server/node_modules
 webview/node_modules
 webview/lib
 
-*/out
\ No newline at end of file
+*/out
+workspace/.vscode/
diff --git a/extension/package.json b/extension/package.json
index 39027b9a..fab2d3a9 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -30,6 +30,16 @@
                 "path": "./syntaxes/stpa.tmLanguage.json"
             }
         ],
+        "configuration": {
+            "title": "STPA",
+            "properties": {
+                "stpa.templates": {
+                    "type": "string[]",
+                    "default": [],
+                    "description": "Templates for STPA"
+                }
+            }
+        },
         "commands": [
             {
                 "command": "stpa.diagram.open",
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index 2b67fab9..2757cca6 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -58,3 +58,24 @@ export namespace AddTemplateAction {
         return action.kind === AddTemplateAction.KIND;
     }
 }
+
+/** Message containing templates as string. */
+export interface SendTemplatesAction extends Action {
+    kind: typeof SendTemplatesAction.KIND;
+    temps: string[];
+}
+
+export namespace SendTemplatesAction {
+    export const KIND = "sendTemplates";
+
+    export function create(temps: string[]): SendTemplatesAction {
+        return {
+            kind: KIND,
+            temps
+        };
+    }
+
+    export function isThisAction(action: Action): action is SendTemplatesAction {
+        return action.kind === SendTemplatesAction.KIND;
+    }
+}
\ No newline at end of file
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 9dc4c280..22c9579d 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -32,6 +32,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         super('stpa', context);
         this.languageClient.onReady().then(() => {
             this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
+            this.languageClient.onNotification('config/add', (temps) => this.handleAddTemplates(temps));
         });
         this.context.subscriptions.push(
             vscode.commands.registerCommand(this.extensionPrefix + '.templates.add', async (...commandArgs: any) => {
@@ -64,6 +65,16 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         }
     }
 
+    /**
+     * Adds the {@code temps} to the templates in the config file.
+     * @param temps Text of templates.
+     */
+    protected handleAddTemplates(temps: string[]) {
+        const configTemps = vscode.workspace.getConfiguration('stpa').get('templates');
+        const newTemps = (configTemps as string[]).concat(temps);
+        vscode.workspace.getConfiguration('stpa').update('templates', newTemps);
+    }
+
     /**
      * Handle WorkSpaceEdit notifications form the langauge server
      * @param msg Message contianing the uri of the document, the text to insert, and the position in the document ot insert it to.
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 421518a1..3b1d4936 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -18,6 +18,7 @@ import * as vscode from 'vscode';
 import { ActionMessage } from 'sprotty-protocol';
 import { StpaLspVscodeExtension } from './language-extension';
 import { acceptMessageType } from 'sprotty-vscode/lib/lsp';
+import { SendTemplatesAction } from './actions';
 
 export class TemplateWebview {
 
@@ -96,7 +97,7 @@ export class TemplateWebview {
      * @param message The message received from the webview.
      */
     protected async receiveFromWebview(message: any) {
-        console.log("Received from webview");
+        console.log("Received from template webview");
         if (message.readyMessage) {
             this.resolveWebviewReady();
             this.sendDiagramIdentifier();
@@ -110,6 +111,15 @@ export class TemplateWebview {
                     }
                 };
                 this.extension.languageClient.sendNotification(acceptMessageType, mes);
+
+                // send the templates saved in the config file to the language server
+                const temps = vscode.workspace.getConfiguration('stpa').get('templates');
+                const action = { kind: SendTemplatesAction.KIND, temps: temps } as SendTemplatesAction;
+                const mes2: ActionMessage = {
+                    clientId: this.extension.clientId,
+                    action: action
+                };
+                this.extension.languageClient.sendNotification(acceptMessageType, mes2);
             }
         } else if (message.action && this.extension.clientId) {
             const mes: ActionMessage = {
diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 71ba4ed7..2a24491b 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -22,6 +22,7 @@ import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/action
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { TemplateDiagramServer } from './templates/template-diagram-server';
 import { StpaTemplates } from './stpa-templates';
+import { SendTemplatesAction } from './templates/actions';
 
 export class StpaDiagramServer extends TemplateDiagramServer {
 
@@ -40,12 +41,12 @@ export class StpaDiagramServer extends TemplateDiagramServer {
     }
 
     accept(action: Action): Promise<void> {
-        console.log("received from client: " + action.kind);
+        //console.log("received from client: " + action.kind);
         return super.accept(action);
     }
 
     request<Res extends ResponseAction>(action: RequestAction<Res>): Promise<Res> {
-        console.log("request send from server to client: " + action.kind);
+        //console.log("request send from server to client: " + action.kind);
         return super.request(action);
     }
 
@@ -57,13 +58,36 @@ export class StpaDiagramServer extends TemplateDiagramServer {
                 return this.handleUpdateView(action as UpdateViewAction);
             case AddTemplateAction.KIND:
                 return this.handleAddTemplate(action as AddTemplateAction);
+            case SendTemplatesAction.KIND:
+                return this.handleSendTemplates(action as SendTemplatesAction);
         }
         return super.handleAction(action);
     }
 
+    /**
+     * Creates a template based on {@code action} and adds it to the template list & config.
+     * @param action Action containing the text to create a template.
+     * @returns 
+     */
     protected handleAddTemplate(action: AddTemplateAction) {
         const temp = this.stpaTemps.createTemp(action.text);
-        this.addTemplate(temp);
+        this.addTemplates([temp]);
+        this.connection?.sendNotification('config/add', temp.baseCode);
+        return Promise.resolve();
+    }
+
+    /**
+     * Creates templates based on the texts in {@code action}.
+     * @param action Action containing the template texts.
+     * @returns 
+     */
+    protected handleSendTemplates(action: SendTemplatesAction) {
+        const temps = [];
+        for (const template of action.temps) {
+            const temp = this.stpaTemps.createTemp(template);
+            temps.push(temp);
+        }
+        this.addTemplates(temps);
         return Promise.resolve();
     }
 
diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index 8fdbac20..adbe6abc 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -151,7 +151,7 @@ export class CustomCSTemplate implements LanguageTemplate {
     }
 
     getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, "" + this.counter);
+        this.insertText = addNodeIDs(this.baseCode, this.id + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSTemplate(document, this);
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index a01f1864..e8698314 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -115,3 +115,24 @@ export namespace TemplateWebviewRdyAction {
         return action.kind === TemplateWebviewRdyAction.KIND;
     }
 }
+
+/** Message containing templates as string. */
+export interface SendTemplatesAction extends Action {
+    kind: typeof SendTemplatesAction.KIND;
+    temps: string[];
+}
+
+export namespace SendTemplatesAction {
+    export const KIND = "sendTemplates";
+
+    export function create(temps: string[]): SendTemplatesAction {
+        return {
+            kind: KIND,
+            temps
+        };
+    }
+
+    export function isThisAction(action: Action): action is SendTemplatesAction {
+        return action.kind === SendTemplatesAction.KIND;
+    }
+}
\ No newline at end of file
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 24f2b7e1..c05a682e 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -35,7 +35,6 @@ export class TemplateDiagramServer extends DiagramServer {
         this.clientId = clientId;
         this.options = options;
         this.connection = connection;
-        // TODO: load temps from config
         this.templates = templates;
         this.templateGraphGenerator = services.DiagramGenerator as TemplateGraphGenerator;
     }
@@ -74,25 +73,29 @@ export class TemplateDiagramServer extends DiagramServer {
                 return this.handleExecuteTemplate(action as ExecuteTemplateAction);
             case TemplateWebviewRdyAction.KIND:
                 return this.handleTemplateWebviewRdy();
+            //TODO: default implementation for add and sendtemplates. maybe also abstract methods?
         }
         return super.handleAction(action);
     }
 
-    addTemplate(temp: LanguageTemplate) {
-        // TODO: save temps in config
-        this.templates.push(temp);
+    addTemplates(temps: LanguageTemplate[]) {
+        this.templates.push(...temps);
+        this.update();
+    }
+
+    async update() {
         if (this.tempRdy) {
-            this.handleTemplateWebviewRdy();
+            const temps = await this.getTemplates();
+            // send the avaiable templates to the client
+            const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
+            // send graph svgs to extension
+            this.connection?.sendNotification('templates/add', { templates: response.templates });
         }
     }
 
     protected async handleTemplateWebviewRdy(): Promise<void> {
         this.tempRdy = true;
-        const temps = await this.getTemplates();
-        // send the avaiable templates to the client
-        const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
-        // send graph svgs to extension
-        this.connection?.sendNotification('templates/add', { templates: response.templates });
+        this.update();
     }
 
     protected async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {

From 6a60a57493c3366d676c5b1d96822abd11c02277 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 8 Jul 2022 11:12:11 +0200
Subject: [PATCH 41/80] restructuring

---
 language-server/src/stpa-diagramServer.ts     | 35 ++---------------
 .../src/templates/template-diagram-server.ts  | 39 +++++++++++++++++--
 2 files changed, 40 insertions(+), 34 deletions(-)

diff --git a/language-server/src/stpa-diagramServer.ts b/language-server/src/stpa-diagramServer.ts
index 2a24491b..4ae8d86f 100644
--- a/language-server/src/stpa-diagramServer.ts
+++ b/language-server/src/stpa-diagramServer.ts
@@ -16,13 +16,13 @@
  */
 
 import { Action, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from 'sprotty-protocol';
-import { AddTemplateAction, UpdateViewAction } from './actions';
+import { UpdateViewAction } from './actions';
 import { Connection } from 'vscode-languageserver';
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from './options/actions';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { TemplateDiagramServer } from './templates/template-diagram-server';
 import { StpaTemplates } from './stpa-templates';
-import { SendTemplatesAction } from './templates/actions';
+import { LanguageTemplate } from './templates/template-model';
 
 export class StpaDiagramServer extends TemplateDiagramServer {
 
@@ -56,39 +56,12 @@ export class StpaDiagramServer extends TemplateDiagramServer {
                 return this.handleSetSynthesisOption(action as SetSynthesisOptionsAction);
             case UpdateViewAction.KIND:
                 return this.handleUpdateView(action as UpdateViewAction);
-            case AddTemplateAction.KIND:
-                return this.handleAddTemplate(action as AddTemplateAction);
-            case SendTemplatesAction.KIND:
-                return this.handleSendTemplates(action as SendTemplatesAction);
         }
         return super.handleAction(action);
     }
 
-    /**
-     * Creates a template based on {@code action} and adds it to the template list & config.
-     * @param action Action containing the text to create a template.
-     * @returns 
-     */
-    protected handleAddTemplate(action: AddTemplateAction) {
-        const temp = this.stpaTemps.createTemp(action.text);
-        this.addTemplates([temp]);
-        this.connection?.sendNotification('config/add', temp.baseCode);
-        return Promise.resolve();
-    }
-
-    /**
-     * Creates templates based on the texts in {@code action}.
-     * @param action Action containing the template texts.
-     * @returns 
-     */
-    protected handleSendTemplates(action: SendTemplatesAction) {
-        const temps = [];
-        for (const template of action.temps) {
-            const temp = this.stpaTemps.createTemp(template);
-            temps.push(temp);
-        }
-        this.addTemplates(temps);
-        return Promise.resolve();
+    protected createTempFromString(text: string): LanguageTemplate {
+        return this.stpaTemps.createTemp(text);
     }
 
     protected handleSetSynthesisOption(action: SetSynthesisOptionsAction): Promise<void> {
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index c05a682e..e1ca8f91 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -17,10 +17,11 @@
 
 import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
-import { ExecuteTemplateAction, TemplateWebviewRdyAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction } from './actions';
+import { AddTemplateAction } from '../actions';
+import { ExecuteTemplateAction, TemplateWebviewRdyAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction, SendTemplatesAction } from './actions';
 import { LanguageTemplate, TemplateGraphGenerator, WebviewTemplate } from './template-model';
 
-export class TemplateDiagramServer extends DiagramServer {
+export abstract class TemplateDiagramServer extends DiagramServer {
 
     protected clientId: string;
     protected templates: LanguageTemplate[];
@@ -73,11 +74,43 @@ export class TemplateDiagramServer extends DiagramServer {
                 return this.handleExecuteTemplate(action as ExecuteTemplateAction);
             case TemplateWebviewRdyAction.KIND:
                 return this.handleTemplateWebviewRdy();
-            //TODO: default implementation for add and sendtemplates. maybe also abstract methods?
+            case AddTemplateAction.KIND:
+                return this.handleAddTemplate(action as AddTemplateAction);
+            case SendTemplatesAction.KIND:
+                return this.handleSendTemplates(action as SendTemplatesAction);
         }
         return super.handleAction(action);
     }
 
+    /**
+     * Creates a template based on {@code action} and adds it to the template list & config.
+     * @param action Action containing the text to create a template.
+     * @returns 
+     */
+    protected handleAddTemplate(action: AddTemplateAction) {
+        const temp = this.createTempFromString(action.text);
+        this.addTemplates([temp]);
+        this.connection?.sendNotification('config/add', temp.baseCode);
+        return Promise.resolve();
+    }
+
+    /**
+     * Creates templates based on the texts in {@code action}.
+     * @param action Action containing the template texts.
+     * @returns 
+     */
+    protected handleSendTemplates(action: SendTemplatesAction) {
+        const temps = [];
+        for (const template of action.temps) {
+            const temp = this.createTempFromString(template);
+            temps.push(temp);
+        }
+        this.addTemplates(temps);
+        return Promise.resolve();
+    }
+
+    protected abstract createTempFromString(text: string): LanguageTemplate;
+
     addTemplates(temps: LanguageTemplate[]) {
         this.templates.push(...temps);
         this.update();

From bbacd9c3a252d3c057ace691c3b0aba471800bf0 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 8 Jul 2022 12:18:11 +0200
Subject: [PATCH 42/80] deault temps are saved in config + fixed multiple temps
 bug

---
 extension/src/language-extension.ts           |  4 +-
 extension/src/template-webview.ts             |  8 ----
 language-server/src/stpa-templates.ts         |  4 +-
 language-server/src/templates/actions.ts      | 20 ----------
 .../src/templates/template-diagram-server.ts  | 40 ++++++++-----------
 5 files changed, 21 insertions(+), 55 deletions(-)

diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 22c9579d..70afcfff 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -32,7 +32,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         super('stpa', context);
         this.languageClient.onReady().then(() => {
             this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
-            this.languageClient.onNotification('config/add', (temps) => this.handleAddTemplates(temps));
+            this.languageClient.onNotification('config/add', (temps) => this.handleAddToConfig(temps));
         });
         this.context.subscriptions.push(
             vscode.commands.registerCommand(this.extensionPrefix + '.templates.add', async (...commandArgs: any) => {
@@ -69,7 +69,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
      * Adds the {@code temps} to the templates in the config file.
      * @param temps Text of templates.
      */
-    protected handleAddTemplates(temps: string[]) {
+    protected handleAddToConfig(temps: string[]) {
         const configTemps = vscode.workspace.getConfiguration('stpa').get('templates');
         const newTemps = (configTemps as string[]).concat(temps);
         vscode.workspace.getConfiguration('stpa').update('templates', newTemps);
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 3b1d4936..7a440c68 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -104,14 +104,6 @@ export class TemplateWebview {
 
             // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
-                const mes: ActionMessage = {
-                    clientId: this.extension.clientId,
-                    action: {
-                        kind: "templateWebviewRdy"
-                    }
-                };
-                this.extension.languageClient.sendNotification(acceptMessageType, mes);
-
                 // send the templates saved in the config file to the language server
                 const temps = vscode.workspace.getConfiguration('stpa').get('templates');
                 const action = { kind: SendTemplatesAction.KIND, temps: temps } as SendTemplatesAction;
diff --git a/language-server/src/stpa-templates.ts b/language-server/src/stpa-templates.ts
index adbe6abc..6f3ec2ea 100644
--- a/language-server/src/stpa-templates.ts
+++ b/language-server/src/stpa-templates.ts
@@ -51,7 +51,7 @@ export class StpaTemplates {
     createTemp(text: string) {
         // TODO: currently only control structure
         this.customTempsNumber++;
-        return new CustomCSTemplate(this.langiumDocuments, text, 'CT' + this.customTempsNumber, text);
+        return new CustomCSTemplate(this.langiumDocuments, text, 'CS' + this.customTempsNumber, text);
     }
 
     getTemplates() {
@@ -84,7 +84,7 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
         if (graphIndex === -1) {
             return document.positionAt(endIndex);
         } else {
-            template.insertText = template.insertText.substring(template.insertText.indexOf('{') + 1, template.insertText.length - 3);
+            template.insertText = template.insertText.substring(template.insertText.indexOf('{') + 1, template.insertText.lastIndexOf('}'));
             const bracketIndex = csText.lastIndexOf('}');
             return document.positionAt(titleIndex + bracketIndex - 1);
         }
diff --git a/language-server/src/templates/actions.ts b/language-server/src/templates/actions.ts
index e8698314..7b958ec8 100644
--- a/language-server/src/templates/actions.ts
+++ b/language-server/src/templates/actions.ts
@@ -96,26 +96,6 @@ export namespace ExecuteTemplateAction {
     }
 }
 
-/** Message to the language server to indicate that the tempalte webview is ready. */
-export interface TemplateWebviewRdyAction extends Action {
-    kind: typeof TemplateWebviewRdyAction.KIND;
-}
-
-export namespace TemplateWebviewRdyAction {
-    export const KIND = "templateWebviewRdy";
-
-    export function create(
-    ): TemplateWebviewRdyAction {
-        return {
-            kind: KIND,
-        };
-    }
-
-    export function isThisAction(action: Action): action is TemplateWebviewRdyAction {
-        return action.kind === TemplateWebviewRdyAction.KIND;
-    }
-}
-
 /** Message containing templates as string. */
 export interface SendTemplatesAction extends Action {
     kind: typeof SendTemplatesAction.KIND;
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index e1ca8f91..a85ae0b8 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -18,13 +18,14 @@
 import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
 import { Connection } from 'vscode-languageserver';
 import { AddTemplateAction } from '../actions';
-import { ExecuteTemplateAction, TemplateWebviewRdyAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction, SendTemplatesAction } from './actions';
+import { ExecuteTemplateAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction, SendTemplatesAction } from './actions';
 import { LanguageTemplate, TemplateGraphGenerator, WebviewTemplate } from './template-model';
 
 export abstract class TemplateDiagramServer extends DiagramServer {
 
     protected clientId: string;
-    protected templates: LanguageTemplate[];
+    protected templates: LanguageTemplate[] = [];
+    protected defaultTemps: LanguageTemplate[];
     protected options: JsonMap | undefined;
     protected connection: Connection | undefined;
     protected templateGraphGenerator: TemplateGraphGenerator;
@@ -36,7 +37,7 @@ export abstract class TemplateDiagramServer extends DiagramServer {
         this.clientId = clientId;
         this.options = options;
         this.connection = connection;
-        this.templates = templates;
+        this.defaultTemps = templates;
         this.templateGraphGenerator = services.DiagramGenerator as TemplateGraphGenerator;
     }
 
@@ -72,8 +73,6 @@ export abstract class TemplateDiagramServer extends DiagramServer {
         switch (action.kind) {
             case ExecuteTemplateAction.KIND:
                 return this.handleExecuteTemplate(action as ExecuteTemplateAction);
-            case TemplateWebviewRdyAction.KIND:
-                return this.handleTemplateWebviewRdy();
             case AddTemplateAction.KIND:
                 return this.handleAddTemplate(action as AddTemplateAction);
             case SendTemplatesAction.KIND:
@@ -90,7 +89,7 @@ export abstract class TemplateDiagramServer extends DiagramServer {
     protected handleAddTemplate(action: AddTemplateAction) {
         const temp = this.createTempFromString(action.text);
         this.addTemplates([temp]);
-        this.connection?.sendNotification('config/add', temp.baseCode);
+        this.connection?.sendNotification('config/add', [temp.baseCode]);
         return Promise.resolve();
     }
 
@@ -100,12 +99,14 @@ export abstract class TemplateDiagramServer extends DiagramServer {
      * @returns 
      */
     protected handleSendTemplates(action: SendTemplatesAction) {
-        const temps = [];
-        for (const template of action.temps) {
-            const temp = this.createTempFromString(template);
-            temps.push(temp);
+        // if no templates are in the config file, add the default ones
+        if (action.temps.length === 0) {
+            this.templates = this.defaultTemps;
+            this.connection?.sendNotification('config/add', this.defaultTemps.map(temp => temp.baseCode));
+        } else {
+            this.templates = action.temps.map(temp => this.createTempFromString(temp));
         }
-        this.addTemplates(temps);
+        this.update();
         return Promise.resolve();
     }
 
@@ -117,18 +118,11 @@ export abstract class TemplateDiagramServer extends DiagramServer {
     }
 
     async update() {
-        if (this.tempRdy) {
-            const temps = await this.getTemplates();
-            // send the avaiable templates to the client
-            const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
-            // send graph svgs to extension
-            this.connection?.sendNotification('templates/add', { templates: response.templates });
-        }
-    }
-
-    protected async handleTemplateWebviewRdy(): Promise<void> {
-        this.tempRdy = true;
-        this.update();
+        const temps = await this.getTemplates();
+        // send the avaiable templates to the client
+        const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
+        // send graph svgs to extension
+        this.connection?.sendNotification('templates/add', { templates: response.templates });
     }
 
     protected async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {

From fe2eba0c3b2c57010dfd58e1e8d08b24dcb23677 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Mon, 11 Jul 2022 16:21:54 +0200
Subject: [PATCH 43/80] added bnt in the temp activitybar to add templates

---
 extension/src/template-webview.ts | 23 ++++++++++++-----------
 templateWebview/src/actions.ts    | 22 ++++++++++++++++++++++
 templateWebview/src/html.tsx      |  6 +++++-
 templateWebview/src/main.ts       | 22 +++++++++++++++++++++-
 4 files changed, 60 insertions(+), 13 deletions(-)

diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 7a440c68..534e2cd9 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -1,18 +1,19 @@
-/********************************************************************************
- * Copyright (c) 2020 TypeFox and others.
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
  *
  * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
+ * terms of the Eclipse Public License 2.0 which is available at
  * http://www.eclipse.org/legal/epl-2.0.
  *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
+ * SPDX-License-Identifier: EPL-2.0
+ */
 
 import * as vscode from 'vscode';
 import { ActionMessage } from 'sprotty-protocol';
diff --git a/templateWebview/src/actions.ts b/templateWebview/src/actions.ts
index 050dbf23..3d323235 100644
--- a/templateWebview/src/actions.ts
+++ b/templateWebview/src/actions.ts
@@ -40,3 +40,25 @@ export namespace ExecuteTemplateAction {
         return action.kind === ExecuteTemplateAction.KIND;
     }
 }
+
+
+/** Message to the language server to add a template. */
+export interface AddTemplateAction extends Action {
+    kind: typeof AddTemplateAction.KIND;
+    text: string;
+}
+
+export namespace AddTemplateAction {
+    export const KIND = "addTemplate";
+
+    export function create(text: string): AddTemplateAction {
+        return {
+            kind: KIND,
+            text
+        };
+    }
+
+    export function isThisAction(action: Action): action is AddTemplateAction {
+        return action.kind === AddTemplateAction.KIND;
+    }
+}
\ No newline at end of file
diff --git a/templateWebview/src/html.tsx b/templateWebview/src/html.tsx
index e4f35309..937edf30 100644
--- a/templateWebview/src/html.tsx
+++ b/templateWebview/src/html.tsx
@@ -20,9 +20,13 @@ import { html } from './jsx';
 import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule, VNode } from 'snabbdom';
 
 const placeholderID = 'tempPlaceholder';
+export const txtID = 'tempAddTextField';
+export const bntID = 'tempAddBnt';
 
 export const panel: VNode = <div class-sidebar__content="true">
     <h3 class-sidebar__title="true">{"Templates"}</h3>
+    <input type="text" id={txtID} />
+    <button type="button" id={bntID}>Add Template</button>
     <div class-sidebar__panel-content="true" id="templates"><div id={placeholderID}></div></div>
 </div>;
 
@@ -40,6 +44,6 @@ export function createTemps(templates: VNode[]) {
     let placeholder = document.getElementById('tempPlaceholder');
     if (placeholder) {
         const temps = <div id={placeholderID}>{...templates}</div>;
-        patch(placeholder, temps)
+        patch(placeholder, temps);
     }
 }
\ No newline at end of file
diff --git a/templateWebview/src/main.ts b/templateWebview/src/main.ts
index 8d74f305..6fa78b5c 100644
--- a/templateWebview/src/main.ts
+++ b/templateWebview/src/main.ts
@@ -17,8 +17,9 @@
 
 import '../css/diagram.css';
 import { click } from './mouseListener';
-import { patch, panel, createTemps } from './html';
+import { patch, panel, createTemps, bntID, txtID } from './html';
 import { VNode } from 'snabbdom';
+import { AddTemplateAction } from './actions';
 
 interface vscode {
     postMessage(message: any): void;
@@ -48,6 +49,10 @@ export class Starter {
             containerDiv.appendChild(panelContainer);
             patch(panelContainer, panel);
         }
+        const bnt = document.getElementById(bntID);
+        if (bnt) {
+            bnt.addEventListener('click', () => this.addTemplate());
+        }
         document.addEventListener('click', event => {
             const action = click(event);
             if (action) {
@@ -56,6 +61,21 @@ export class Starter {
         });
     }
 
+    /**
+     * Sends the text in the input field as a AddTemplateAction to the extension.
+     */
+    protected addTemplate() {
+        const text = document.getElementById(txtID);
+        if (text) {
+            const value = (text as HTMLInputElement).value;
+            const action = {
+                kind: AddTemplateAction.KIND,
+                text: value
+            };
+            vscode.postMessage({ action: action });
+        }
+    }
+
     /**
      * Handles incoming messages from the extension.
      * @param message The received Message.

From 033f3dfc19557e36360049127bf47c70a84c8eb7 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 13 Jul 2022 08:48:35 +0200
Subject: [PATCH 44/80] added warning msg if creation of template failed

---
 extension/src/language-extension.ts           |  1 +
 .../src/templates/template-diagram-server.ts  | 19 ++++++++++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 70afcfff..c28c2f61 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -33,6 +33,7 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
         this.languageClient.onReady().then(() => {
             this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
             this.languageClient.onNotification('config/add', (temps) => this.handleAddToConfig(temps));
+            this.languageClient.onNotification('templates/creationFailed', () => vscode.window.showWarningMessage("Template could not be created."));
         });
         this.context.subscriptions.push(
             vscode.commands.registerCommand(this.extensionPrefix + '.templates.add', async (...commandArgs: any) => {
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index a85ae0b8..912cf034 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -86,13 +86,26 @@ export abstract class TemplateDiagramServer extends DiagramServer {
      * @param action Action containing the text to create a template.
      * @returns 
      */
-    protected handleAddTemplate(action: AddTemplateAction) {
+    protected async handleAddTemplate(action: AddTemplateAction) {
         const temp = this.createTempFromString(action.text);
-        this.addTemplates([temp]);
-        this.connection?.sendNotification('config/add', [temp.baseCode]);
+        if (await this.parseable(temp)) {
+            this.addTemplates([temp]);
+            this.connection?.sendNotification('config/add', [temp.baseCode]);
+        } else {
+            this.connection?.sendNotification('templates/creationFailed');
+        }
         return Promise.resolve();
     }
 
+    protected async parseable(template: LanguageTemplate) {
+        let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
+        if (graph) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
     /**
      * Creates templates based on the texts in {@code action}.
      * @param action Action containing the template texts.

From 200e68f565146612ac1a1f4ccae6b64bf386bef4 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 13 Jul 2022 10:24:55 +0200
Subject: [PATCH 45/80] add highlighting of focused template

---
 templateWebview/css/diagram.css |  5 +++++
 templateWebview/css/sidebar.css |  2 +-
 templateWebview/src/html.tsx    | 10 +++++++++-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/templateWebview/css/diagram.css b/templateWebview/css/diagram.css
index 8a2a727e..34972069 100644
--- a/templateWebview/css/diagram.css
+++ b/templateWebview/css/diagram.css
@@ -226,6 +226,11 @@
 
 
 
+
+.focused {
+    background-color: #37373d;
+}
+
 .stpa-node {
     stroke: black;
 }
diff --git a/templateWebview/css/sidebar.css b/templateWebview/css/sidebar.css
index cb8d64ad..7c66350e 100644
--- a/templateWebview/css/sidebar.css
+++ b/templateWebview/css/sidebar.css
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
- .sidebar {
+.sidebar {
     box-sizing: border-box;
     position: fixed;
     top: 0;
diff --git a/templateWebview/src/html.tsx b/templateWebview/src/html.tsx
index 937edf30..9935406d 100644
--- a/templateWebview/src/html.tsx
+++ b/templateWebview/src/html.tsx
@@ -41,9 +41,17 @@ export const patch = init([
 ]);
 
 export function createTemps(templates: VNode[]) {
-    let placeholder = document.getElementById('tempPlaceholder');
+    let placeholder = document.getElementById(placeholderID);
     if (placeholder) {
         const temps = <div id={placeholderID}>{...templates}</div>;
         patch(placeholder, temps);
+        // add mouselistener for highlighting focused template
+        const curTemps = document.getElementById(placeholderID);
+        if (curTemps) {
+            curTemps.childNodes.forEach(child => {
+                (child as HTMLElement).addEventListener('mouseover', () => (child as HTMLElement).classList.add('focused'));
+                (child as HTMLElement).addEventListener('mouseleave', () => (child as HTMLElement).classList.remove('focused'));
+            });
+        }
     }
 }
\ No newline at end of file

From f5c05a0ad5a3e8908f948bc2bc555f7d503d1d85 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Wed, 13 Jul 2022 12:45:41 +0200
Subject: [PATCH 46/80] clicking on template moves editor to the position the
 template is added

---
 extension/src/language-extension.ts | 8 ++++++++
 templateWebview/src/html.tsx        | 1 +
 2 files changed, 9 insertions(+)

diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index c28c2f61..6f37395e 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -102,6 +102,14 @@ export class StpaLspVscodeExtension extends SprottyLspEditVscodeExtension {
             return;
         }
 
+        let activeEditor = vscode.window.activeTextEditor;
+        if (activeEditor) {
+            // TODO: endPos is not completly correct. maybe \n must be counted too?
+            const endPos = textDocument.positionAt(textDocument.offsetAt(pos) + msg.text.length);
+            activeEditor.selections = [new vscode.Selection(pos, endPos)];
+            activeEditor.revealRange(new vscode.Range(pos, endPos));
+        }
+
         //await textDocument.save();
         return;
     }
diff --git a/templateWebview/src/html.tsx b/templateWebview/src/html.tsx
index 9935406d..d2d9012d 100644
--- a/templateWebview/src/html.tsx
+++ b/templateWebview/src/html.tsx
@@ -23,6 +23,7 @@ const placeholderID = 'tempPlaceholder';
 export const txtID = 'tempAddTextField';
 export const bntID = 'tempAddBnt';
 
+// TODO: instead of defining an input tag, a msg could be send to the extension when clicking on the button. the extension can call windows.showInputBox/createInputBox or using a QuickInput
 export const panel: VNode = <div class-sidebar__content="true">
     <h3 class-sidebar__title="true">{"Templates"}</h3>
     <input type="text" id={txtID} />

From 5254dd62ec36a13aca2e844289859fe806325ce3 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Thu, 14 Jul 2022 09:05:43 +0200
Subject: [PATCH 47/80] dangling edges in custom templates are deleted

---
 language-server/src/diagram-generator.ts      | 66 ++++++++++++++++---
 .../src/templates/template-diagram-server.ts  |  1 +
 .../src/templates/template-model.ts           |  1 +
 language-server/src/utils.ts                  | 56 +---------------
 4 files changed, 59 insertions(+), 65 deletions(-)

diff --git a/language-server/src/diagram-generator.ts b/language-server/src/diagram-generator.ts
index 97ddc126..34fdda23 100644
--- a/language-server/src/diagram-generator.ts
+++ b/language-server/src/diagram-generator.ts
@@ -25,7 +25,7 @@ import {
 import { CSEdge, CSNode, STPANode, STPAEdge } from './stpa-interfaces';
 import { PARENT_TYPE, EdgeDirection, CS_EDGE_TYPE, CS_NODE_TYPE, STPA_NODE_TYPE, STPA_EDGE_TYPE } from './stpa-model';
 import { StpaServices } from './stpa-module';
-import { collectElementsWithSubComps, filterDanglingEdges, getAspect, getTargets, setPositionsForCSNodes, setPositionsForSTPANodes } from './utils';
+import { collectElementsWithSubComps, getAspect, getTargets, setPositionsForCSNodes, setPositionsForSTPANodes } from './utils';
 import { StpaSynthesisOptions } from './options/synthesis-options';
 import { LanguageTemplate, TemplateGraphGenerator } from './templates/template-model';
 import { CancellationToken } from 'vscode-languageserver';
@@ -54,6 +54,25 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
      * @returns the SGraph.
      */
     async generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot | undefined> {
+        if (!this.idCache) {
+            this.idCache = new IdCacheImpl();
+        }
+        const parseRes = await this.getTempalteAST(template);
+        if (!parseRes) {
+            return undefined;
+        } else {
+            const graph = this.generateGraph(parseRes);
+            graph.id = template.id;
+            return graph;
+        }
+    }
+
+    /**
+     * Calculates the parse result for {@code template}.
+     * @param template The template that should be parsed.
+     * @returns The AST for {@code template}.
+     */
+    protected async getTempalteAST(template: LanguageTemplate) {
         // in order for the cross-references to be correctly evaluated, a document must be build
         const uri = 'file:///template.stpa';
         const textDocument = TextDocument.create(uri, this.languageId, 0, template.baseCode ?? '');
@@ -64,17 +83,44 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
         const doc = documentFromText<Model>(textDocument, parseResult);
         await this.docBuilder.buildDocuments([doc], CancellationToken.None);
 
-        if (!this.idCache) {
-            this.idCache = new IdCacheImpl();
-        }
-        const graph = this.generateGraph(doc.parseResult.value);
-        if (graph.children) {
-            graph.children = filterDanglingEdges(graph.children);
-        }
-        graph.id = template.id;
-        return graph;
+        return doc.parseResult.value;
     }
 
+    /**
+     * Deletes the dangling edges in {@code template}.
+     * @param template The template which edges should be inspected.
+     */
+    async deleteDanglingEdges(template: LanguageTemplate) {
+        const model = await this.getTempalteAST(template);
+        if (model) {
+            const nodes = model.controlStructure.nodes;
+            const nodeIDs = new Set<string>();
+            nodes.forEach(node => nodeIDs.add(node.name));
+            const danglingNodes = new Set<string>();
+            for (const node of nodes) {
+                node.actions.filter(action => {
+                    if (!nodeIDs.has(action.target.$refText)) {
+                        danglingNodes.add(action.target.$refText);
+                        return false;
+                    }
+                    return true;
+                });
+                node.feedbacks.filter(feedback => {
+                    if (!nodeIDs.has(feedback.target.$refText)) {
+                        danglingNodes.add(feedback.target.$refText);
+                        return false;
+                    }
+                    return true;
+                });
+            }
+            danglingNodes.forEach((node, test) => {
+                const newString = template.baseCode.replace(/->( )*/, "-> ");
+                const endIndex = newString.indexOf("-> " + node) + 3 + node.length;
+                const startIndex = newString.substring(0, endIndex).lastIndexOf('[');
+                template.baseCode = newString.substring(0, startIndex).trimEnd() + newString.substring(endIndex + 1, newString.length);
+            });
+        }
+    }
 
     /**
      * Generates a SGraph for the STPA model contained in {@code args}.
diff --git a/language-server/src/templates/template-diagram-server.ts b/language-server/src/templates/template-diagram-server.ts
index 912cf034..85d05594 100644
--- a/language-server/src/templates/template-diagram-server.ts
+++ b/language-server/src/templates/template-diagram-server.ts
@@ -89,6 +89,7 @@ export abstract class TemplateDiagramServer extends DiagramServer {
     protected async handleAddTemplate(action: AddTemplateAction) {
         const temp = this.createTempFromString(action.text);
         if (await this.parseable(temp)) {
+            this.templateGraphGenerator.deleteDanglingEdges(temp);
             this.addTemplates([temp]);
             this.connection?.sendNotification('config/add', [temp.baseCode]);
         } else {
diff --git a/language-server/src/templates/template-model.ts b/language-server/src/templates/template-model.ts
index 9b6d598f..8ed16d53 100644
--- a/language-server/src/templates/template-model.ts
+++ b/language-server/src/templates/template-model.ts
@@ -33,5 +33,6 @@ export interface WebviewTemplate {
 }
 
 export abstract class TemplateGraphGenerator extends LangiumDiagramGenerator {
+    abstract deleteDanglingEdges(template: LanguageTemplate): void;
     abstract generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot | undefined>;
 }
\ No newline at end of file
diff --git a/language-server/src/utils.ts b/language-server/src/utils.ts
index 1837edec..760a6b57 100644
--- a/language-server/src/utils.ts
+++ b/language-server/src/utils.ts
@@ -22,7 +22,7 @@ import {
 } from "./generated/ast";
 import { STPAAspect } from "./stpa-model";
 import { CSNode, STPANode } from "./stpa-interfaces";
-import { SEdge, SShapeElement, SModelElement } from 'sprotty-protocol';
+import { SShapeElement } from 'sprotty-protocol';
 
 /* export function determineLayerForCSNodes(nodes: CSNode[]): void {
     let layer = nodes.length
@@ -198,57 +198,3 @@ export function setPositionsForCSNodes(nodes: CSNode[]) {
         }
     }
 }
-
-/**
- * Filters dangling edges.
- * @param children Elements that should be checked.
- * @returns {@code children} without dangling edges.
- */
-export function filterDanglingEdges(children: SModelElement[]): SModelElement[] {
-    let nodeIds: Set<string> = new Set();
-    for (const child of children) {
-        if (child.type.startsWith('node') || child.type.startsWith('port')) {
-            selectNodeAndPortIDs(child, nodeIds);
-        }
-    }
-    return checkEdges(children, nodeIds);
-}
-
-/**
- * Adds node and port Ids to {@code set}.
- * @param element Elements to examine.
- * @param set The set to which the Ids should be added.
- */
-function selectNodeAndPortIDs(element: SModelElement, set: Set<string>): void {
-    set.add(element.id);
-    if (element.children) {
-        for (const child of element.children) {
-            if (child.type.startsWith('node') || child.type.startsWith('port')) {
-                selectNodeAndPortIDs(child, set);
-            }
-        }
-    }
-}
-
-/**
- * Check whether the edges in {@code elements} are dangling.
- * @param elements Elements to be checked.
- * @param nodeIds Ids of all existing nodes.
- * @returns {@code elements} without dangling edges.
- */
-function checkEdges(elements: SModelElement[], nodeIds: Set<string>): SModelElement[] {
-    let children = [];
-    for (const element of elements) {
-        if (element.type.startsWith('edge')) {
-            if (nodeIds.has((element as SEdge).sourceId) && nodeIds.has((element as SEdge).targetId)) {
-                children.push(element);
-            }
-        } else {
-            if (element.type.startsWith('node') && element.children) {
-                element.children = checkEdges(element.children, nodeIds);
-            }
-            children.push(element);
-        }
-    }
-    return children;
-}
\ No newline at end of file

From e5951c3dfb938f3ee478fb208937acb86c2a946d Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 19 Jul 2022 11:38:21 +0200
Subject: [PATCH 48/80] template highlighting for light theme

---
 templateWebview/css/diagram.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/templateWebview/css/diagram.css b/templateWebview/css/diagram.css
index 34972069..d1726b38 100644
--- a/templateWebview/css/diagram.css
+++ b/templateWebview/css/diagram.css
@@ -227,7 +227,12 @@
 
 
 
-.focused {
+
+.vscode-light .focused {
+    background-color: #e4e6f1;
+}
+
+.vscode-dark .focused {
     background-color: #37373d;
 }
 

From ebfb3ed8538dece984956e6fb2e1d140347081e0 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Tue, 18 Oct 2022 15:29:51 +0200
Subject: [PATCH 49/80] restructuring

---
 extension/icon.png                            |  Bin 5585 -> 14594 bytes
 extension/package.json                        |   24 +-
 .../src-diagram-snippets}/actions.ts          |    0
 .../src-diagram-snippets}/css/diagram.css     |    0
 .../src-diagram-snippets}/css/options.css     |    0
 .../src-diagram-snippets}/css/sidebar.css     |    0
 .../css/sprotty-vscode.css                    |    0
 .../src-diagram-snippets}/css/sprotty.css     |    0
 .../src-diagram-snippets}/css/theme.css       |    0
 .../src-diagram-snippets}/html.tsx            |    0
 .../src-diagram-snippets}/jsx.ts              |    0
 .../src-diagram-snippets}/main.ts             |    2 +-
 .../src-diagram-snippets}/mouseListener.ts    |    0
 .../src-webview}/base/registry.ts             |    0
 .../src-webview}/css/diagram.css              |    1 +
 .../src-webview}/css/options.css              |    0
 .../src-webview}/css/sidebar.css              |    1 +
 .../src-webview}/css/theme.css                |    0
 .../src-webview}/di.config.ts                 |    2 +-
 .../src-webview}/di.symbols.ts                |    0
 .../src-webview}/diagram-server.ts            |    0
 .../feather-icons-snabbdom.tsx                |    0
 .../src-webview}/helper-methods.ts            |    2 +-
 .../src => extension/src-webview}/main.ts     |    0
 .../src-webview}/model-viewer.ts              |    0
 .../src-webview}/options/actions.ts           |    0
 .../options/components/option-inputs.tsx      |    0
 .../src-webview}/options/general-panel.tsx    |    0
 .../src-webview}/options/option-models.ts     |    0
 .../src-webview}/options/options-module.ts    |    0
 .../src-webview}/options/options-panel.tsx    |    0
 .../src-webview}/options/options-registry.ts  |    0
 .../src-webview}/options/options-renderer.tsx |    0
 .../options/render-options-registry.ts        |    2 +-
 .../src-webview}/sidebar/actions.ts           |    0
 .../src-webview}/sidebar/index.ts             |    0
 .../src-webview}/sidebar/sidebar-module.ts    |    0
 .../sidebar/sidebar-panel-registry.ts         |    0
 .../src-webview}/sidebar/sidebar-panel.ts     |    0
 .../src-webview}/sidebar/sidebar.tsx          |    0
 .../src-webview/stpa-model.ts                 |    0
 .../src-webview}/stpa-mouselistener.ts        |    2 +-
 .../src-webview}/template/actions.ts          |    0
 .../src-webview}/template/template-models.ts  |    0
 .../template/template-registry.ts             |    0
 .../template/template-renderer.tsx            |    0
 .../src-webview}/views-rendering.tsx          |    0
 .../src => extension/src-webview}/views.tsx   |   12 +-
 extension/tsconfig.json                       |    4 +-
 extension/webpack.config.js                   |   90 +-
 language-server/src/layout-config.ts          |    2 +-
 ...{STPA-interfaces.ts => stpa-interfaces.ts} |    0
 .../src/{STPA-model.ts => stpa-model.ts}      |    0
 language-server/src/stpa-validator.ts         |    2 +-
 package.json                                  |    2 -
 templateWebview/package.json                  |   43 -
 templateWebview/tsconfig.json                 |   17 -
 templateWebview/webpack.config.js             |   50 -
 webview/package.json                          |   48 -
 webview/tsconfig.json                         |   17 -
 webview/webpack.config.js                     |   50 -
 webview/yarn.lock                             | 1283 -----------------
 workspace/Aircraft.stpa                       |    2 -
 yarn.lock                                     |    2 +-
 64 files changed, 123 insertions(+), 1537 deletions(-)
 rename {templateWebview/src => extension/src-diagram-snippets}/actions.ts (100%)
 rename {templateWebview => extension/src-diagram-snippets}/css/diagram.css (100%)
 rename {templateWebview => extension/src-diagram-snippets}/css/options.css (100%)
 rename {templateWebview => extension/src-diagram-snippets}/css/sidebar.css (100%)
 rename {templateWebview => extension/src-diagram-snippets}/css/sprotty-vscode.css (100%)
 rename {templateWebview => extension/src-diagram-snippets}/css/sprotty.css (100%)
 rename {templateWebview => extension/src-diagram-snippets}/css/theme.css (100%)
 rename {templateWebview/src => extension/src-diagram-snippets}/html.tsx (100%)
 rename {templateWebview/src => extension/src-diagram-snippets}/jsx.ts (100%)
 rename {templateWebview/src => extension/src-diagram-snippets}/main.ts (99%)
 rename {templateWebview/src => extension/src-diagram-snippets}/mouseListener.ts (100%)
 rename {webview/src => extension/src-webview}/base/registry.ts (100%)
 rename {webview => extension/src-webview}/css/diagram.css (99%)
 rename {webview => extension/src-webview}/css/options.css (100%)
 rename {webview => extension/src-webview}/css/sidebar.css (98%)
 rename {webview => extension/src-webview}/css/theme.css (100%)
 rename {webview/src => extension/src-webview}/di.config.ts (99%)
 rename {webview/src => extension/src-webview}/di.symbols.ts (100%)
 rename {webview/src => extension/src-webview}/diagram-server.ts (100%)
 rename {webview/src => extension/src-webview}/feather-icons-snabbdom/feather-icons-snabbdom.tsx (100%)
 rename {webview/src => extension/src-webview}/helper-methods.ts (99%)
 rename {webview/src => extension/src-webview}/main.ts (100%)
 rename {webview/src => extension/src-webview}/model-viewer.ts (100%)
 rename {webview/src => extension/src-webview}/options/actions.ts (100%)
 rename {webview/src => extension/src-webview}/options/components/option-inputs.tsx (100%)
 rename {webview/src => extension/src-webview}/options/general-panel.tsx (100%)
 rename {webview/src => extension/src-webview}/options/option-models.ts (100%)
 rename {webview/src => extension/src-webview}/options/options-module.ts (100%)
 rename {webview/src => extension/src-webview}/options/options-panel.tsx (100%)
 rename {webview/src => extension/src-webview}/options/options-registry.ts (100%)
 rename {webview/src => extension/src-webview}/options/options-renderer.tsx (100%)
 rename {webview/src => extension/src-webview}/options/render-options-registry.ts (99%)
 rename {webview/src => extension/src-webview}/sidebar/actions.ts (100%)
 rename {webview/src => extension/src-webview}/sidebar/index.ts (100%)
 rename {webview/src => extension/src-webview}/sidebar/sidebar-module.ts (100%)
 rename {webview/src => extension/src-webview}/sidebar/sidebar-panel-registry.ts (100%)
 rename {webview/src => extension/src-webview}/sidebar/sidebar-panel.ts (100%)
 rename {webview/src => extension/src-webview}/sidebar/sidebar.tsx (100%)
 rename webview/src/STPA-model.ts => extension/src-webview/stpa-model.ts (100%)
 rename {webview/src => extension/src-webview}/stpa-mouselistener.ts (95%)
 rename {webview/src => extension/src-webview}/template/actions.ts (100%)
 rename {webview/src => extension/src-webview}/template/template-models.ts (100%)
 rename {webview/src => extension/src-webview}/template/template-registry.ts (100%)
 rename {webview/src => extension/src-webview}/template/template-renderer.tsx (100%)
 rename {webview/src => extension/src-webview}/views-rendering.tsx (100%)
 rename {webview/src => extension/src-webview}/views.tsx (96%)
 rename language-server/src/{STPA-interfaces.ts => stpa-interfaces.ts} (100%)
 rename language-server/src/{STPA-model.ts => stpa-model.ts} (100%)
 delete mode 100644 templateWebview/package.json
 delete mode 100644 templateWebview/tsconfig.json
 delete mode 100644 templateWebview/webpack.config.js
 delete mode 100644 webview/package.json
 delete mode 100644 webview/tsconfig.json
 delete mode 100644 webview/webpack.config.js
 delete mode 100644 webview/yarn.lock

diff --git a/extension/icon.png b/extension/icon.png
index 1e25f01ef4ea117e10e65a698e7e412d061674a8..9f81c96c0b62144762720566646f0f5ef0de6ffe 100644
GIT binary patch
literal 14594
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

literal 5585
zcmV;?6)x(DP)<h;3K|Lk000e1NJLTq008I!008I+1^@s6<*BH600004b3#c}2nYxW
zd<bNS00009a7bBm000GI000GI0jyzMoB#j-8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H16;4S+K~#90?VWqPRaLdezh|EVf&u~}5~!e{plCi(Au}_*W~Qe1
zYS%|T@&Scd=Djz|K7R6Z)yhZL?#Hr+T54HZ;Z-v&uSP1S`9SlE_!bexKtvHZaNwN#
z$2h06&tdO<)?RzgIp$hxd_SMx=REe_YmPP79&63D=9ptNVZ_Gfz_!3RU~K2_qk!SP
zbS7}Sj)_JnTC@!)Fr$E7fXSWO1(*a3OYqrSFy|};P1*(&giV3HfvKI^7je)uY(O0O
zB{!xSM)4Q`91MI1cnoL*IvnYNfcs%6V?$hbOacxE4gn4T26}4eHc#6%jNCC9_$Kf;
z?yiu1X^#*)W*AvzB5(=t0^yvpOY4x~vtbxz3<1sn9wNL`mg^4RJ8BqNVhV5runJwr
z>;Rr1*%XXn<eC=XIAAXNPT4iAy$0CK=S~}OV)LNg3;|{UGm+>W4Z4Q0cLU3TCBSpQ
zG9`NqL!F_(g@{9FUMbfCpYgn}hLIVD0T%)9qCbr70H*uhUBk!*1A(st@1gIMUAo8X
z9vemmC;=w}ucPmf<yw!-tr|vQIS6<XeP^tsUwYhc!-$$uz>VlTVKub_yL#Ju!-$k7
zWH`GFeJ8A?*}gi!Fk)qQ;8FCQFNvml>I1`wj%MJi$b6!<<0a7(e!9Uh;$u5xA+xsA
z)uU6q^n_tV#>v1+^c}7qEyb3N898St@IUA~TN-`KLw^`XH0*&S&C+(XG+K|O)HIA-
zG96fhzN4kp&z$#&VMM?H;to1UqD8<Kt~<ssv>6FJjJ|`_tL4DW$okF|Sk#b_Lv{gP
zMc>)#)sw(hW&1JOU6&X}92`bm%fgasJuu!we;7tId>;9tYdc#S-RGe{i~>^9HlPaU
z0oNkods*aVZ3B$DiP9HhH0omD3bLKhY=gD|MqLa-9^_r9ZAi?NfbXL}JawVDj{C;&
z$4I2WRoAh*Sl665X##$NzGJ!42Ux6a7MKDoWaHy^nWj;((F9zLzEio@Q7${laL#m~
zmFmauDzbf><%}!QcP1aY$z>-Q&KLpwhGfU^3MCt(;ZpP+$(L4O!`#^T6z~@H9mlV$
zSQ-KUj=mH5)@PmdmeB~CA@yzANp~D)gg052e<giqWl5HhTA%%Byq4<*3UsnPklHur
zdD41dtdm|d>ZJvl*KEVhv0Mur9CQy9*ctsIMWJ<-lb$o`VJv=fRJ{jG4!9pd8AW_$
z7eeR*V7P<+Gm>#KeivB0Kn{;*Kj1<1okdIEXuJ!JJ{StzLYU)uAM%~f4S5Vis7G%j
zRn-hXOa@*g>@odekUa~)Dd;;$44TzwM;aA58h9U_V|rSE{qxFRWIMr^OD!XZ_b$qu
zhwgOUDl(kLW^=Ncs>G-MyP+O6x@aPvD75F0<!YJZX7oERHnoxC$MgaDPxOyvxqjhy
zcir<j^gAt9-G{A`Xq5ekFB0txuY2r}?a5}MuaG(?b?+Koyn_C5EZ0h;h*#9K0DnQh
zvtrk3B&y1&pJw1pBtBOAIQG^Y;!Gp-56(xwld_^GfKAeMbD<aq9FEj}{RL7PPW#x^
z(wDsSf&+Fyt_<28lqLNnRZr)eQNWjhKLYQfe~jwYDqy0k&T#dxq6xSkS*c>w$4uY{
z+D3S01d^O<II@U+Xy?yOfgzn51$-FE6BP9@F#&Udk0K7+5Uw2bOyI|kwpBFRkY!8{
zXdBW1{gJE2j-8qaOait>95YvOs|h(BxW3VixNy)90rQcwqLGfjBUg^swGBzgcx0+$
zA7EdkUTc3<i{fJ$a*}#S+mIX3ANS`$j}vbWqiun+fZ4?VkR~Rnk1F>f&d1$Z)z$TN
zzc*Td{ef>ICyv;H0<xkFz|=bX-Wg3~vu0=PI;@_9;DLU?9q9K%Ui4R#BF9chVXUcd
zJ&ArO;6RF(n#QMsCmh?9Vx}(%r9+b+3NMVqmI=Dli==##op!!yCa_J)&l-Jms$$!l
z0Y4|+2Ub~R0#a(CZqf{;1|fmUTc&ByNJJ|#eYGNRyMur`v49gF{2g)BmGyim%@uSO
z=A6D6K=}KXp-6b$fq~mC3L^;+r#l3hc-0=$7eNmvJSHv}1U%|#KTO?PirhjZrrs;)
zm$1A#p_qy+K=4g};5H;G$neVuQr?RuVN)c0N&75RBwdu~$TY_Fiu+eYEvAlThV@)Q
zPX)H9<NZeC9PfGiCz6BIkr`t&b@X}Cr?@3x0bzz*Mo%UqixFJ21F~p*u!n6MwRss?
z_0!(h8<So^kHDN$iz7U3_lKBsYB8RKA)QGb^t|-87!5Mb!#0lr4)U;FBRMmZyeY{L
zcQ@dv#%wVfU@@}r*%eK|Jmk0<dbA@8+h3~nrX*L;)18=Oq-6}U{L2*skz7bmJKUyG
zKPBJ`eZ8r#E9d~^3~qCux@?XV2y)5Skn#zJ9`7Pgbz7^wp|30GF_?2|vmRLIc$=ev
za~*HfsGniLk+t5?mxJ2yR-gIQIK!r31QK&=@zinfxmqvQa?o+W$DNvDq~Q+^w>22J
z8!O-x6Ne&!^cAV)pvR)WvcKpo2d;3mttQ}BU~fm;Gu+UR8WCf)9P~K%witDC5wecZ
z1!IxACPsXmRPBXoSIF&=a3n*I)kwDWx)%8M!D%>1rfhg&JK(k6|EzWewX3H-f5x42
zHUk%6wP0eV;?vw}4tlIdLyTn1b+nyHo!hz?8{)>yQI-B#$w5aWsr(IHT-;)ujHL10
z*TJ?7zZ^h?n1f0VdMNhvHU^e7`1uLIPm$0*BYs+dPxbz1H3v2HY4jxd2Jn^(LyTbb
z>7dQPAz^GW`k=1lQWa<g9&%xb5sZ)1>%`pKLHEI8Z)0Is2ivgWZMGN%>|Fkj-VSPu
zc;mrERjlnDY{Ljk4<GF9p!)|j#Hh_-NL|jf3<h>`WQ!4wst#I0swNw8&;op=fzMCF
z<~_5>$0+m5atED^m9dYFvw=^f{OqS)8e#-v7-b3i%2R3hNKR$+<Q-s6=g$pDGVsAj
zNsXb%3A5`YIS?uFI2pJvMO)^e*<}jwJeY%qq8%x3e*y48fcADn*7F+KWC~IOvWJ6O
zc%L6$K{8X!3E1X|0oyX%Go|a7u1V2;$eF#riaGgY74SXa5@hLEC`!OW+@|U@!m<Xr
z?OEUTkZ2O-oUUj^9CJJ}qz&nuAkir1oY`g|QX1kPLtGb8D@ErO;5sBgT{8xDhGN@>
zJ0=11%|RREJ*39TY~V4ZyqqSZsj{xn$Q(OC_Z8G4PSWuLaK5$?Wt@XNPcX92B<K!Q
zu$aws4A3^9j4gmKY8zoVqlbfz)3YPfjL<fqj0>=Gf_Y*R$TZ8AxJ&I=M1~_ZHZ<7<
zNo``o+k7#+gbi;SW#_)%;*|lwjhJ)hk*!PE@U~Gj%VV?vH)By?d1dPou$8tI8RtxN
z?)@eJ_X0;Nv~7f8n-;9fRikW+<o;O-{4+8)>VwUY%<y{vyLT!{0cIn+Y;6weh7WiC
zJRSJ1r#3DE&hxZwBThz^Fb8$XEc|6L2p!XF=rhzD)Gh5u6)_)t3wYMkwv9L$TE2qc
zNY6Z^#^a7i(7X@UAk~<)<9&^A3@u@~Qybw$BshIf;8#c*6Q9gOg7S@GU=G><ze835
z-4VFmR|B_a=rN>3Tmj!%VKs0DuvVe%F$!%OI`p?IXgaP1-d1RLFfyDrib1noLF;E7
zaJf?3XCbLNjbhMZktp?Z15(;AG|j-d3hf$tG&dplQI;?)8S8<G_?t?p#VD-aXVF+!
z!vEAjp11=Y=LD&^y+EmLLx+wMa#b*r@qOj?f34iU5tcP}1x?O#z@L<DxLLV<BP^{Y
zbmsE1$kphF*)0HGQ?|hf$C?&o{h}?}?#V3VYPkj}iO~kEP_?L=XRs_7MWMBYc)obC
z&;i_nEWnPD<=O@q!B|tmUj~4z@)GenCrHf~qZlkNVOP-JJfdwt4GsW4qHTl`jHTwF
z8xyO8?hE{u?vjy4{#jbWl2-TTFWLt5Vsqd!;LpUB$=>kK(iU{$N@JxRsqYyBBatLz
z=VEDTiptU!V3D>J5m5s6MuHMFXaNpEQkxtDY@%d`5eIMC6|^TSko&xllz?f#vA}1s
zIccMtSIt3tas%PgTaG~1cg_H|3Dl;MEnaIvo(ir+GM5*f$-w*o?d$>Ek7ZOes<RB(
zvV=s=Jg;m_3_L^_=LDHDG3PXD@hWuJ_ONw^@S}ij-5aniBb&Se-43et)G`*95_YZS
z%fO=n+cUDqe6TBM7uOSh+1)LH+cUDo-@qIcBsk&63hh3v(58_cdN}Cw$lAvu@&|PC
z3~jH_rjZR+((55n8}O8xIlBB@q0OPdg$nH&+29#Evv-u|#Vuk{p4Eh}tpXDKZovsg
zHRg5wQgjEs3rT4bn&TDPG_u3PUB8q&=wB5K(dHhdb}iMZQHzQW`Xa^4ccXFj1WPkx
zRA(_|nH$R;v;&wE*cffTgHDbg%SCKd<Kgl@dKXX9PRtydalnH}kbEebfYAZlGqT0p
z@;{31pa362oOHiH?M=l>J{r~O5vSeTLFXeydWyy{Bw%5m0B!wSfHsV5vWQ+Qs(L$U
z2eMAFhztSl26pw>#)-hu9=C5~n~i1_Di!ekeE>sZWjHd#*wMqbN26aI&4`;s4tf_7
z`d3u8LY&lfZlIY+3QfbPL>q8l?|)Wu&=p7y)*`blFdMg7^$vHqEhB$CK!y47N)8He
zyI)%}!8F`1L$lQ@MlC8P45(H{U>jgzjn|9BbQ*WmCL}n)`qQYy2ILvVMpYiFT|pO7
z%-GyYTnTK~;5It21mQ+?=1`>sOEm`txXFtt*<%pW7tIZBM`Kx=kqvIG_ChTO{S~mz
zy)BvKBQ(B5>@F9E7`dYjxUJfYwH)*viajUVn{NXB8u<J(j_fe<#qX$5FuIn5f(>)a
z84sM&z~`4>t5}SUxwh7eeLYp&1gYI(bt#2MkYM+;tVHf<4Fklt#!=(M-PaX#EpVMf
zgR;(kz=Q@qZ&y&Goa^c1JJFYe0$kJAMhZqF5kVc!tT3`pJMh!K-ju{a7a}*ZhOl!3
zpWW1%6-L&%owC#>)kxx?V5>07*(v4cnt}c<4KXs!e<gWSQV0ECtiVziX&>_J<<trz
z%RGi;@#vGJ4%z`+p4yyzu`0!9PN10SWQ@vO>0_h)kTG*d!8JQ!f9;7(%gl|yW>Y+R
z4QRm=Gb7kRO|_D2sJa_c!d%;4Q+)a&9vJ|<6~Rtw>GTABGyw_S(zewUpB7SQ5`d)l
zpk1`$Y5bf4t|3{_#zHEjt}qPXVgeM39tgaS{@Ey`o~6EAw#`V4rMBIsc=Q@6rrFZ0
zaa<3)4;-1|vsq*v@JXa*Mp8O}JCQ7b`}#1-$Q)k*o(R=gGjdhYJ}ZULWexV#r4j6d
zNmtL{@yTs9j&xvn>{^1GRGD9mU|&pnIus=yNN8YI^?7$)#VjO1T6>>NVWpbtW>+L-
zgLWtQ(2KYqmYhU>`^&Vk*5ap1L0w#hen<GwNiI97jCm34n<<PMo|1Htr*#Oh04d{_
z7Zw1!(D*vooq#dO<MpAyK_m-yFtX2Lr0#4K)zpti|7_(_XFBMUGms&U_P&^O^cf=K
zUi3S~g_a`07-?xCzr%i0GF8oUtI1g8a<1Jujq2hC`d}~;prE}ECOxe{$~Z*H8R&OV
zBU*>tGp1n&<la?#A56M(IW^~nyU_2XwE9`feLeuGt)XqdNmsuo0|m0i0L#(uta{as
z%<I;REo3)!0B-_Yk`c1_RJT%@i^<3W?LFyvX6zlna6$z3oAlHU{1X}DN9cE4Jvy+$
zK3rG!`Z1mV+Z_php3(XDaY!8-ZTn4n`Yst{0NII}xwFbX998z71;7P#&uz9LS6yw}
zO}cuLI<q9ygYO&K3BcpHSrOukHY953g$l0?L~;vR!fB%t?*dbRmwh!*Z_1N;c?men
za~q9v1(lr>U=478KwFILumO42;>|fjayj}#kxF`m$~8ZmfU}V+|IHEDX^Kx@BS(~w
zb#dCATCT-N>9^jDpnEQNNd$J9;?r-*z<g)D3<my&e&==|br~zwSos&sDNVKYH1b`}
zC1ZiN(e2<nfRVlI`WWz#vR$V5wTSegpqXJBuo|5X?w!^9qex*W?E`O$Un@u#X_iS2
zM*`DBcJK>y-#3f{?g`w!DZ5$=e1d{;BJ!v@R41R`+3ump*--nSo3f#H{H4E%p0f$l
z$!$nVmWf!>E>m)~BL%|>&4u{y=&sa<mjr0blplQ=1Mr{N`AB3gwrDkFOzD-YKm-@~
za?&M8w9vtxwr|RxzJXDZ|G<4`f4g(rH+k5$DPL-*`(dI{g)iW?M8YIs5U|qWHck1{
zdSE(6B2L52Jn05xHOem?Y|E5itwk2z8+C9n`AFkwid(CY`maU`_CS&`X&*#WKJ_NB
z4@N_bK~@lGA52re^fa(7h7$$@v(Z1OrhMo(z-DBCW^Dr!vJUt)66}5eIb1Aj1fc`C
z6qzYlr)*1ZIUGsWq<t1PWlQe?$6^FwBJh9cA9PbT^cb)mMo<O--@|QCgDHQyk;ckN
z8VzzJQqxoWi(raN%djDBG>jzMRn<&xbvFgb9h5bikeovneN<en08Yh-nyra12d~M$
z?gqBO$P7my`ERwqI3~Y(6F3<olMDy0#_|y5QEf<Fok19xXEN|d^uJUlH~JF=%28V+
z4#ol;vaI>o)Jg8?k5tEAg#H)KluWN9PiK9X%QPZl6JQp$-ZW+{Mp9o6sB#RA0x%Fb
z7x^-1e<4kxSCCPTx6<-P_UMm1u73*sFKAKqZ09j(>El=#1!sTYPAm{Vgf;;8BJ<X^
z&ey1m9g)1cZ=wH1&YRvwN^w~9kI^vA$P~@3SkOZwYDGpS$0D~BhT)viz&XH!ge{+#
zRkb74%cldwQuMcBq-G4=&bl6bXNX0uNbvd$<b-CV#BR#nu>~>={$!^{>6#OqH;^p;
zcOliw-`6!KADDysp$XUxDVx4OFcsKJ)gt#S1Lh!3c|Y*Hsx>*q95fsgfN6-c?ui8O
zXCgN%QXXL*l6<R6FR5Bo5X?dKC;{V<EA6hp&Pe9D?T}@18oZBO2^Rp*b^e@>IO7H-
zn+lCNXq;@0IO;g$A<Kv|jRJ-s+4fsHe{U}Pxf-d~)x}yQ703!C9Zc8nOOX4<#mK^e
fH#+}sM8y9CAC!owXlhgD00000NkvXXu0mjfp~iZp

diff --git a/extension/package.json b/extension/package.json
index f21577e2..5d4e06bd 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -42,8 +42,8 @@
                 },
                 "stpa.colorStyle": {
                     "type": "string",
-                    "default": "colorful",
-                    "enum": ["colorful", "standard", "print"],
+                    "default": "fewer colors",
+                    "enum": ["colorful", "standard", "black & white", "fewer colors"],
                     "enumDescription": ["Each STPA aspect has a different color", "All nodes have the standard color (blue)", "The diagrams are colored in black and white"]
                 },
                 "stpa.templates": {
@@ -197,6 +197,12 @@
     ],
     "main": "./pack/extension",
 
+    "dependencies": {
+        "reflect-metadata": "^0.1.13",
+        "feather-icons": "^4.28.0",
+        "sprotty": "~0.11.1",
+        "sprotty-vscode-webview": "^0.2.0"
+      },
     "devDependencies": {
         "@types/node": "^12.12.6",
         "@types/vscode": "1.67.0",
@@ -204,21 +210,21 @@
         "source-map-loader": "^3.0.0",
         "sprotty-vscode": "^0.2.0",
         "stpa-language-server": "^0.0.0",
-        "stpa-sprotty-webview": "^0.0.8",
-        "stpa-template-webview": "^0.0.1",
         "ts-loader": "^9.2.6",
         "typescript": "3.8.3",
         "vscode-languageclient": "^7.0.0",
         "webpack": "^5.64.2",
-        "webpack-cli": "^4.9.1"
+        "webpack-cli": "^4.9.1",
+        "@types/feather-icons": "^4.7.0",
+        "css-loader": "^6.5.1",
+        "file-loader": "^6.2.0",
+        "style-loader": "^1.2.1"
     },
     "scripts": {
-        "prepare": "yarn run clean && yarn run build && yarn run copy-language-server && yarn run copy-webview && yarn run copy-tempWebview",
+        "prepare": "yarn run clean && yarn run build && yarn run copy-language-server",
         "clean": "rimraf pack",
         "build": "webpack --mode=development",
         "watch": "webpack --mode=development --watch",
-        "copy-language-server": "copy ..\\language-server\\out\\* pack",
-        "copy-webview": "xcopy ..\\webview\\out\\* pack",
-        "copy-tempWebview": "xcopy ..\\templateWebview\\out\\tempWebview.js pack"
+        "copy-language-server": "copy ..\\language-server\\out\\* pack"
     }
 }
diff --git a/templateWebview/src/actions.ts b/extension/src-diagram-snippets/actions.ts
similarity index 100%
rename from templateWebview/src/actions.ts
rename to extension/src-diagram-snippets/actions.ts
diff --git a/templateWebview/css/diagram.css b/extension/src-diagram-snippets/css/diagram.css
similarity index 100%
rename from templateWebview/css/diagram.css
rename to extension/src-diagram-snippets/css/diagram.css
diff --git a/templateWebview/css/options.css b/extension/src-diagram-snippets/css/options.css
similarity index 100%
rename from templateWebview/css/options.css
rename to extension/src-diagram-snippets/css/options.css
diff --git a/templateWebview/css/sidebar.css b/extension/src-diagram-snippets/css/sidebar.css
similarity index 100%
rename from templateWebview/css/sidebar.css
rename to extension/src-diagram-snippets/css/sidebar.css
diff --git a/templateWebview/css/sprotty-vscode.css b/extension/src-diagram-snippets/css/sprotty-vscode.css
similarity index 100%
rename from templateWebview/css/sprotty-vscode.css
rename to extension/src-diagram-snippets/css/sprotty-vscode.css
diff --git a/templateWebview/css/sprotty.css b/extension/src-diagram-snippets/css/sprotty.css
similarity index 100%
rename from templateWebview/css/sprotty.css
rename to extension/src-diagram-snippets/css/sprotty.css
diff --git a/templateWebview/css/theme.css b/extension/src-diagram-snippets/css/theme.css
similarity index 100%
rename from templateWebview/css/theme.css
rename to extension/src-diagram-snippets/css/theme.css
diff --git a/templateWebview/src/html.tsx b/extension/src-diagram-snippets/html.tsx
similarity index 100%
rename from templateWebview/src/html.tsx
rename to extension/src-diagram-snippets/html.tsx
diff --git a/templateWebview/src/jsx.ts b/extension/src-diagram-snippets/jsx.ts
similarity index 100%
rename from templateWebview/src/jsx.ts
rename to extension/src-diagram-snippets/jsx.ts
diff --git a/templateWebview/src/main.ts b/extension/src-diagram-snippets/main.ts
similarity index 99%
rename from templateWebview/src/main.ts
rename to extension/src-diagram-snippets/main.ts
index 6fa78b5c..6a3982c2 100644
--- a/templateWebview/src/main.ts
+++ b/extension/src-diagram-snippets/main.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import '../css/diagram.css';
+import './css/diagram.css';
 import { click } from './mouseListener';
 import { patch, panel, createTemps, bntID, txtID } from './html';
 import { VNode } from 'snabbdom';
diff --git a/templateWebview/src/mouseListener.ts b/extension/src-diagram-snippets/mouseListener.ts
similarity index 100%
rename from templateWebview/src/mouseListener.ts
rename to extension/src-diagram-snippets/mouseListener.ts
diff --git a/webview/src/base/registry.ts b/extension/src-webview/base/registry.ts
similarity index 100%
rename from webview/src/base/registry.ts
rename to extension/src-webview/base/registry.ts
diff --git a/webview/css/diagram.css b/extension/src-webview/css/diagram.css
similarity index 99%
rename from webview/css/diagram.css
rename to extension/src-webview/css/diagram.css
index e9bebfe7..62d39622 100644
--- a/webview/css/diagram.css
+++ b/extension/src-webview/css/diagram.css
@@ -399,6 +399,7 @@ body[class='vscode-light'] .sprotty-label {
 .sprotty-label {
     fill: var(--vscode-editorActiveLineNumber-foreground);
     stroke-width: 0;
+    font-family: Arial, sans-serif;
 }
 
 .sprotty-button {
diff --git a/webview/css/options.css b/extension/src-webview/css/options.css
similarity index 100%
rename from webview/css/options.css
rename to extension/src-webview/css/options.css
diff --git a/webview/css/sidebar.css b/extension/src-webview/css/sidebar.css
similarity index 98%
rename from webview/css/sidebar.css
rename to extension/src-webview/css/sidebar.css
index cb8d64ad..88416738 100644
--- a/webview/css/sidebar.css
+++ b/extension/src-webview/css/sidebar.css
@@ -33,6 +33,7 @@
     box-shadow: var(--stpa-sidebar-shadow);
     color: var(--stpa-color-sidebar-font-primary);
     font-size: var(--stpa-font-size-base);
+    font-family: Arial, sans-serif;
 
     transition: transform var(--stpa-transition);
     transform: translateX(100%);
diff --git a/webview/css/theme.css b/extension/src-webview/css/theme.css
similarity index 100%
rename from webview/css/theme.css
rename to extension/src-webview/css/theme.css
diff --git a/webview/src/di.config.ts b/extension/src-webview/di.config.ts
similarity index 99%
rename from webview/src/di.config.ts
rename to extension/src-webview/di.config.ts
index 7db6a5be..fb133533 100644
--- a/webview/src/di.config.ts
+++ b/extension/src-webview/di.config.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import '../css/diagram.css';
+import './css/diagram.css';
 import 'sprotty/css/sprotty.css';
 
 import { Container, ContainerModule } from 'inversify';
diff --git a/webview/src/di.symbols.ts b/extension/src-webview/di.symbols.ts
similarity index 100%
rename from webview/src/di.symbols.ts
rename to extension/src-webview/di.symbols.ts
diff --git a/webview/src/diagram-server.ts b/extension/src-webview/diagram-server.ts
similarity index 100%
rename from webview/src/diagram-server.ts
rename to extension/src-webview/diagram-server.ts
diff --git a/webview/src/feather-icons-snabbdom/feather-icons-snabbdom.tsx b/extension/src-webview/feather-icons-snabbdom/feather-icons-snabbdom.tsx
similarity index 100%
rename from webview/src/feather-icons-snabbdom/feather-icons-snabbdom.tsx
rename to extension/src-webview/feather-icons-snabbdom/feather-icons-snabbdom.tsx
diff --git a/webview/src/helper-methods.ts b/extension/src-webview/helper-methods.ts
similarity index 99%
rename from webview/src/helper-methods.ts
rename to extension/src-webview/helper-methods.ts
index 8c1861d7..359815af 100644
--- a/webview/src/helper-methods.ts
+++ b/extension/src-webview/helper-methods.ts
@@ -16,7 +16,7 @@
  */
 
 import { SNode, SEdge, SModelElement } from "sprotty";
-import { STPAAspect, STPAEdge, STPANode, STPA_NODE_TYPE } from "./STPA-model";
+import { STPAAspect, STPAEdge, STPANode, STPA_NODE_TYPE } from "./stpa-model";
 
 /**
  * Collects all children of the nodes in {@code nodes}.
diff --git a/webview/src/main.ts b/extension/src-webview/main.ts
similarity index 100%
rename from webview/src/main.ts
rename to extension/src-webview/main.ts
diff --git a/webview/src/model-viewer.ts b/extension/src-webview/model-viewer.ts
similarity index 100%
rename from webview/src/model-viewer.ts
rename to extension/src-webview/model-viewer.ts
diff --git a/webview/src/options/actions.ts b/extension/src-webview/options/actions.ts
similarity index 100%
rename from webview/src/options/actions.ts
rename to extension/src-webview/options/actions.ts
diff --git a/webview/src/options/components/option-inputs.tsx b/extension/src-webview/options/components/option-inputs.tsx
similarity index 100%
rename from webview/src/options/components/option-inputs.tsx
rename to extension/src-webview/options/components/option-inputs.tsx
diff --git a/webview/src/options/general-panel.tsx b/extension/src-webview/options/general-panel.tsx
similarity index 100%
rename from webview/src/options/general-panel.tsx
rename to extension/src-webview/options/general-panel.tsx
diff --git a/webview/src/options/option-models.ts b/extension/src-webview/options/option-models.ts
similarity index 100%
rename from webview/src/options/option-models.ts
rename to extension/src-webview/options/option-models.ts
diff --git a/webview/src/options/options-module.ts b/extension/src-webview/options/options-module.ts
similarity index 100%
rename from webview/src/options/options-module.ts
rename to extension/src-webview/options/options-module.ts
diff --git a/webview/src/options/options-panel.tsx b/extension/src-webview/options/options-panel.tsx
similarity index 100%
rename from webview/src/options/options-panel.tsx
rename to extension/src-webview/options/options-panel.tsx
diff --git a/webview/src/options/options-registry.ts b/extension/src-webview/options/options-registry.ts
similarity index 100%
rename from webview/src/options/options-registry.ts
rename to extension/src-webview/options/options-registry.ts
diff --git a/webview/src/options/options-renderer.tsx b/extension/src-webview/options/options-renderer.tsx
similarity index 100%
rename from webview/src/options/options-renderer.tsx
rename to extension/src-webview/options/options-renderer.tsx
diff --git a/webview/src/options/render-options-registry.ts b/extension/src-webview/options/render-options-registry.ts
similarity index 99%
rename from webview/src/options/render-options-registry.ts
rename to extension/src-webview/options/render-options-registry.ts
index cfe68b68..1a46481a 100644
--- a/webview/src/options/render-options-registry.ts
+++ b/extension/src-webview/options/render-options-registry.ts
@@ -32,7 +32,7 @@ export class ColorStyleOption implements ChoiceRenderOption {
     readonly id: string = ColorStyleOption.ID;
     readonly name: string = ColorStyleOption.NAME;
     readonly type: TransformationOptionType = TransformationOptionType.CHOICE;
-    readonly availableValues: string[] = ["colorful", "standard", "print", "lessColors"];
+    readonly availableValues: string[] = ["colorful", "standard", "black & white", "fewer colors"];
     readonly initialValue: string = "colorful";
     currentValue = "colorful";
 }
diff --git a/webview/src/sidebar/actions.ts b/extension/src-webview/sidebar/actions.ts
similarity index 100%
rename from webview/src/sidebar/actions.ts
rename to extension/src-webview/sidebar/actions.ts
diff --git a/webview/src/sidebar/index.ts b/extension/src-webview/sidebar/index.ts
similarity index 100%
rename from webview/src/sidebar/index.ts
rename to extension/src-webview/sidebar/index.ts
diff --git a/webview/src/sidebar/sidebar-module.ts b/extension/src-webview/sidebar/sidebar-module.ts
similarity index 100%
rename from webview/src/sidebar/sidebar-module.ts
rename to extension/src-webview/sidebar/sidebar-module.ts
diff --git a/webview/src/sidebar/sidebar-panel-registry.ts b/extension/src-webview/sidebar/sidebar-panel-registry.ts
similarity index 100%
rename from webview/src/sidebar/sidebar-panel-registry.ts
rename to extension/src-webview/sidebar/sidebar-panel-registry.ts
diff --git a/webview/src/sidebar/sidebar-panel.ts b/extension/src-webview/sidebar/sidebar-panel.ts
similarity index 100%
rename from webview/src/sidebar/sidebar-panel.ts
rename to extension/src-webview/sidebar/sidebar-panel.ts
diff --git a/webview/src/sidebar/sidebar.tsx b/extension/src-webview/sidebar/sidebar.tsx
similarity index 100%
rename from webview/src/sidebar/sidebar.tsx
rename to extension/src-webview/sidebar/sidebar.tsx
diff --git a/webview/src/STPA-model.ts b/extension/src-webview/stpa-model.ts
similarity index 100%
rename from webview/src/STPA-model.ts
rename to extension/src-webview/stpa-model.ts
diff --git a/webview/src/stpa-mouselistener.ts b/extension/src-webview/stpa-mouselistener.ts
similarity index 95%
rename from webview/src/stpa-mouselistener.ts
rename to extension/src-webview/stpa-mouselistener.ts
index 9b97853d..7bee7b46 100644
--- a/webview/src/stpa-mouselistener.ts
+++ b/extension/src-webview/stpa-mouselistener.ts
@@ -1,7 +1,7 @@
 import { MouseListener, SLabel, SModelElement } from "sprotty";
 import { Action } from "sprotty-protocol";
 import { flagConnectedElements, flagSameAspect } from "./helper-methods";
-import { STPAEdge, STPANode, STPA_NODE_TYPE } from "./STPA-model";
+import { STPAEdge, STPANode, STPA_NODE_TYPE } from "./stpa-model";
 
 export class StpaMouseListener extends MouseListener {
 
diff --git a/webview/src/template/actions.ts b/extension/src-webview/template/actions.ts
similarity index 100%
rename from webview/src/template/actions.ts
rename to extension/src-webview/template/actions.ts
diff --git a/webview/src/template/template-models.ts b/extension/src-webview/template/template-models.ts
similarity index 100%
rename from webview/src/template/template-models.ts
rename to extension/src-webview/template/template-models.ts
diff --git a/webview/src/template/template-registry.ts b/extension/src-webview/template/template-registry.ts
similarity index 100%
rename from webview/src/template/template-registry.ts
rename to extension/src-webview/template/template-registry.ts
diff --git a/webview/src/template/template-renderer.tsx b/extension/src-webview/template/template-renderer.tsx
similarity index 100%
rename from webview/src/template/template-renderer.tsx
rename to extension/src-webview/template/template-renderer.tsx
diff --git a/webview/src/views-rendering.tsx b/extension/src-webview/views-rendering.tsx
similarity index 100%
rename from webview/src/views-rendering.tsx
rename to extension/src-webview/views-rendering.tsx
diff --git a/webview/src/views.tsx b/extension/src-webview/views.tsx
similarity index 96%
rename from webview/src/views.tsx
rename to extension/src-webview/views.tsx
index 6206af7b..6956629c 100644
--- a/webview/src/views.tsx
+++ b/extension/src-webview/views.tsx
@@ -46,9 +46,9 @@ export class PolylineArrowEdgeView extends PolylineEdgeView {
         const hidden = edge.type == STPA_EDGE_TYPE && selectedNode && !(edge as STPAEdge).highlight;
 
         const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
-        const printEdge = colorStyle == "print";
+        const printEdge = colorStyle == "black & white";
         const coloredEdge = colorStyle == "colorful";
-        const lessColoredEdge = colorStyle == "lessColors";
+        const lessColoredEdge = colorStyle == "fewer colors";
         const aspect = (edge.source as STPANode).aspect % 2 == 0 || !lessColoredEdge ? (edge.source as STPANode).aspect : (edge.source as STPANode).aspect - 1;
         return <path class-print-edge={printEdge} class-stpa-edge={coloredEdge || lessColoredEdge} class-hidden={hidden} aspect={aspect} d={path} />;
     }
@@ -61,10 +61,10 @@ export class PolylineArrowEdgeView extends PolylineEdgeView {
         const p2 = segments[segments.length - 1];
 
         const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
-        const printEdge = colorStyle == "print";
+        const printEdge = colorStyle == "black & white";
         const coloredEdge = colorStyle == "colorful" && edge.type != CS_EDGE_TYPE;
         const sprottyEdge = colorStyle == "standard" || (edge.type == CS_EDGE_TYPE && !printEdge);
-        const lessColoredEdge = colorStyle == "lessColors";
+        const lessColoredEdge = colorStyle == "fewer colors";
         const aspect = (edge.source as STPANode).aspect % 2 == 0 || !lessColoredEdge ? (edge.source as STPANode).aspect : (edge.source as STPANode).aspect - 1;
         return [
             <path class-print-edge-arrow={printEdge} class-stpa-edge-arrow={coloredEdge || lessColoredEdge} class-hidden={hidden} aspect={aspect}
@@ -87,10 +87,10 @@ export class STPANodeView extends RectangularNodeView {
 
         // determines the color of the node
         const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
-        const printNode = colorStyle == "print";
+        const printNode = colorStyle == "black & white";
         const coloredNode = colorStyle == "colorful";
         const sprottyNode = colorStyle == "standard";
-        const lessColoredNode = colorStyle == "lessColors";
+        const lessColoredNode = colorStyle == "fewer colors";
         const aspect = node.aspect % 2 == 0 || !lessColoredNode ? node.aspect : node.aspect - 1;
 
         // create the element based on the option and the aspect of the node
diff --git a/extension/tsconfig.json b/extension/tsconfig.json
index 590b0e2d..8007bd11 100644
--- a/extension/tsconfig.json
+++ b/extension/tsconfig.json
@@ -1,11 +1,13 @@
 {
 	"extends": "../base.tsconfig.json",
 	"compilerOptions": {
+    "jsx": "react",
     "module": "es6",
     "rootDir": "src",
     "outDir": "out",
     "lib": [
-      "es2019"
+      "es2019",
+      "dom"
     ],
     "declaration": false,
     "declarationMap": false
diff --git a/extension/webpack.config.js b/extension/webpack.config.js
index c07a22c0..18ece6aa 100644
--- a/extension/webpack.config.js
+++ b/extension/webpack.config.js
@@ -37,4 +37,92 @@ const config = {
     },
 }
 
-module.exports = config;
+/**@type {import('webpack').Configuration}*/
+const webviewConfig = {
+    target: 'web',
+
+    entry: path.resolve(__dirname, 'src-webview/main.ts'),
+    output: {
+		filename: 'webview.js',
+        path: path.resolve(__dirname, 'pack'),
+    },
+    devtool: 'eval-source-map',
+
+    resolve: {
+        extensions: ['.ts', '.tsx', '.js']
+    },
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: ['ts-loader']
+            },
+            {
+                test: /\.js$/,
+                use: ['source-map-loader'],
+                enforce: 'pre'
+            },
+            {
+                test: /\.css$/,
+                exclude: /\.useable\.css$/,
+                use: ['style-loader', 'css-loader']
+            },
+            {
+                test: /\.(ttf)$/,
+                loader: 'file-loader',
+                options: {
+                    name: '[name].[ext]',
+                    outputPath: '',
+                    publicPath: '..',
+                    postTransformPublicPath: (p) => `__webpack_public_path__ + ${p}`,
+                }
+            },
+        ]
+    }
+};
+
+/**@type {import('webpack').Configuration}*/
+const snippetConfig = {
+    target: 'web',
+
+    entry: path.resolve(__dirname, 'src-diagram-snippets/main.ts'),
+    output: {
+		filename: 'tempWebview.js',
+        path: path.resolve(__dirname, 'pack'),
+    },
+    devtool: 'eval-source-map',
+
+    resolve: {
+        extensions: ['.ts', '.tsx', '.js']
+    },
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: ['ts-loader']
+            },
+            {
+                test: /\.js$/,
+                use: ['source-map-loader'],
+                enforce: 'pre'
+            },
+            {
+                test: /\.css$/,
+                exclude: /\.useable\.css$/,
+                use: ['style-loader', 'css-loader']
+            },
+            {
+                test: /\.(ttf)$/,
+                loader: 'file-loader',
+                options: {
+                    name: '[name].[ext]',
+                    outputPath: '',
+                    publicPath: '..',
+                    postTransformPublicPath: (p) => `__webpack_public_path__ + ${p}`,
+                }
+            },
+        ]
+    }
+};
+
+module.exports = [config, webviewConfig, snippetConfig];
diff --git a/language-server/src/layout-config.ts b/language-server/src/layout-config.ts
index 1a6ecd3d..4f20e23f 100644
--- a/language-server/src/layout-config.ts
+++ b/language-server/src/layout-config.ts
@@ -18,7 +18,7 @@
 import { LayoutOptions } from 'elkjs';
 import { DefaultLayoutConfigurator } from 'sprotty-elk/lib/elk-layout';
 import { SGraph, SModelElement, SModelIndex, SNode } from 'sprotty-protocol';
-import { CSNode, STPANode } from './STPA-interfaces';
+import { CSNode, STPANode } from './stpa-interfaces';
 import { CS_NODE_TYPE, PARENT_TYPE } from './stpa-model';
 
 
diff --git a/language-server/src/STPA-interfaces.ts b/language-server/src/stpa-interfaces.ts
similarity index 100%
rename from language-server/src/STPA-interfaces.ts
rename to language-server/src/stpa-interfaces.ts
diff --git a/language-server/src/STPA-model.ts b/language-server/src/stpa-model.ts
similarity index 100%
rename from language-server/src/STPA-model.ts
rename to language-server/src/stpa-model.ts
diff --git a/language-server/src/stpa-validator.ts b/language-server/src/stpa-validator.ts
index 9e481140..50e27482 100644
--- a/language-server/src/stpa-validator.ts
+++ b/language-server/src/stpa-validator.ts
@@ -90,7 +90,7 @@ export class StpaValidator {
         // check if all elements are referenced at least once
         for (const node of allElements) {
             if (!references.has(node.name)) {
-                accept('warning', 'This element is nowhere referenced', { node: node, property: 'name' });
+                accept('warning', 'This element is referenced nowhere', { node: node, property: 'name' });
             }
         }
 
diff --git a/package.json b/package.json
index 0779d94d..f2e72436 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,6 @@
     },
     "workspaces": [
       "language-server",
-      "webview",
-      "templateWebview",
       "extension"
     ]
   }
\ No newline at end of file
diff --git a/templateWebview/package.json b/templateWebview/package.json
deleted file mode 100644
index 7ae15135..00000000
--- a/templateWebview/package.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "name": "stpa-template-webview",
-  "version": "0.0.1",
-  "description": "Templates for the DSL",
-  "author": "Kiel University <rt-kieler-devel@informatik.uni-kiel.de>",
-  "license": "EPL-2.0",
-  "keywords": [
-    "vscode",
-    "graph",
-    "diagram",
-    "layout"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/kieler/stpa",
-    "directory": "templateWebview"
-},
-  "files": [
-    "out",
-    "src",
-    "css"
-  ],
-  "dependencies": {
-    "reflect-metadata": "^0.1.13"
-  },
-  "devDependencies": {
-    "css-loader": "^6.5.1",
-    "file-loader": "^6.2.0",
-    "rimraf": "latest",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^1.2.1",
-    "ts-loader": "^9.2.6",
-    "typescript": "3.8.3",
-    "webpack": "^5.64.2",
-    "webpack-cli": "^4.9.1"
-  },
-  "scripts": {
-    "prepare": "yarn run clean && yarn run build",
-    "clean": "rimraf out",
-    "build": "webpack --mode=development",
-    "watch": "webpack --mode=development --watch"
-  }
-}
diff --git a/templateWebview/tsconfig.json b/templateWebview/tsconfig.json
deleted file mode 100644
index 345f3981..00000000
--- a/templateWebview/tsconfig.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-	"extends": "../base.tsconfig.json",
-	"compilerOptions": {
-    "jsx": "react",
-    "rootDir": "src",
-    "outDir": "out",
-    "lib": [
-      "es6",
-      "dom"
-    ],
-    "declaration": false,
-    "declarationMap": false
-  },
-  "include": [
-    "src"
-  ]
-}
\ No newline at end of file
diff --git a/templateWebview/webpack.config.js b/templateWebview/webpack.config.js
deleted file mode 100644
index 06129f85..00000000
--- a/templateWebview/webpack.config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-// @ts-check
-const path = require('path');
-
-const outputPath = path.resolve(__dirname, 'out');
-
-/**@type {import('webpack').Configuration}*/
-const config = {
-    target: 'web',
-
-    entry: path.resolve(__dirname, 'src/main.ts'),
-    output: {
-		filename: 'tempWebview.js',
-        path: outputPath
-    },
-    devtool: 'eval-source-map',
-
-    resolve: {
-        extensions: ['.ts', '.tsx', '.js']
-    },
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: ['ts-loader']
-            },
-            {
-                test: /\.js$/,
-                use: ['source-map-loader'],
-                enforce: 'pre'
-            },
-            {
-                test: /\.css$/,
-                exclude: /\.useable\.css$/,
-                use: ['style-loader', 'css-loader']
-            },
-            {
-                test: /\.(ttf)$/,
-                loader: 'file-loader',
-                options: {
-                    name: '[name].[ext]',
-                    outputPath: '',
-                    publicPath: '..',
-                    postTransformPublicPath: (p) => `__webpack_public_path__ + ${p}`,
-                }
-            },
-        ]
-    }
-};
-
-module.exports = config;
diff --git a/webview/package.json b/webview/package.json
deleted file mode 100644
index e4f35ce8..00000000
--- a/webview/package.json
+++ /dev/null
@@ -1,48 +0,0 @@
-{
-  "name": "stpa-sprotty-webview",
-  "version": "0.0.8",
-  "description": "Sprotty diagram for the STPA DSL",
-  "author": "Kiel University <rt-kieler-devel@informatik.uni-kiel.de>",
-  "license": "EPL-2.0",
-  "keywords": [
-    "vscode",
-    "graph",
-    "diagram",
-    "layout",
-    "sprotty"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/kieler/stpa",
-    "directory": "webview"
-},
-  "files": [
-    "lib",
-    "src",
-    "css"
-  ],
-  "dependencies": {
-    "reflect-metadata": "^0.1.13",
-    "feather-icons": "^4.28.0",
-    "sprotty": "~0.11.1",
-    "sprotty-vscode-webview": "^0.2.0"
-  },
-  "devDependencies": {
-    "@types/feather-icons": "^4.7.0",
-    "css-loader": "^6.5.1",
-    "file-loader": "^6.2.0",
-    "rimraf": "latest",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^1.2.1",
-    "ts-loader": "^9.2.6",
-    "typescript": "3.8.3",
-    "webpack": "^5.64.2",
-    "webpack-cli": "^4.9.1"
-  },
-  "scripts": {
-    "prepare": "yarn run clean && yarn run build",
-    "clean": "rimraf out",
-    "build": "webpack --mode=development",
-    "watch": "webpack --mode=development --watch"
-  }
-}
diff --git a/webview/tsconfig.json b/webview/tsconfig.json
deleted file mode 100644
index 345f3981..00000000
--- a/webview/tsconfig.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-	"extends": "../base.tsconfig.json",
-	"compilerOptions": {
-    "jsx": "react",
-    "rootDir": "src",
-    "outDir": "out",
-    "lib": [
-      "es6",
-      "dom"
-    ],
-    "declaration": false,
-    "declarationMap": false
-  },
-  "include": [
-    "src"
-  ]
-}
\ No newline at end of file
diff --git a/webview/webpack.config.js b/webview/webpack.config.js
deleted file mode 100644
index f44fa064..00000000
--- a/webview/webpack.config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-// @ts-check
-const path = require('path');
-
-const outputPath = path.resolve(__dirname, 'out');
-
-/**@type {import('webpack').Configuration}*/
-const config = {
-    target: 'web',
-
-    entry: path.resolve(__dirname, 'src/main.ts'),
-    output: {
-		filename: 'webview.js',
-        path: outputPath
-    },
-    devtool: 'eval-source-map',
-
-    resolve: {
-        extensions: ['.ts', '.tsx', '.js']
-    },
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: ['ts-loader']
-            },
-            {
-                test: /\.js$/,
-                use: ['source-map-loader'],
-                enforce: 'pre'
-            },
-            {
-                test: /\.css$/,
-                exclude: /\.useable\.css$/,
-                use: ['style-loader', 'css-loader']
-            },
-            {
-                test: /\.(ttf)$/,
-                loader: 'file-loader',
-                options: {
-                    name: '[name].[ext]',
-                    outputPath: '',
-                    publicPath: '..',
-                    postTransformPublicPath: (p) => `__webpack_public_path__ + ${p}`,
-                }
-            },
-        ]
-    }
-};
-
-module.exports = config;
diff --git a/webview/yarn.lock b/webview/yarn.lock
deleted file mode 100644
index 63b04cd2..00000000
--- a/webview/yarn.lock
+++ /dev/null
@@ -1,1283 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@discoveryjs/json-ext@^0.5.0":
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz#d5e0706cf8c6acd8c6032f8d54070af261bbbb2f"
-  integrity sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==
-
-"@types/eslint-scope@^3.7.0":
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.2.tgz#11e96a868c67acf65bf6f11d10bb89ea71d5e473"
-  integrity sha512-TzgYCWoPiTeRg6RQYgtuW7iODtVoKu3RVL72k3WohqhjfaOLK5Mg2T4Tg1o2bSfu0vPkoI48wdQFv5b/Xe04wQ==
-  dependencies:
-    "@types/eslint" "*"
-    "@types/estree" "*"
-
-"@types/eslint@*":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.2.2.tgz#b64dbdb64b1957cfc8a698c68297fcf8983e94c7"
-  integrity sha512-nQxgB8/Sg+QKhnV8e0WzPpxjIGT3tuJDDzybkDi8ItE/IgTlHo07U0shaIjzhcvQxlq9SDRE42lsJ23uvEgJ2A==
-  dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
-
-"@types/estree@*", "@types/estree@^0.0.50":
-  version "0.0.50"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.50.tgz#1e0caa9364d3fccd2931c3ed96fdbeaa5d4cca83"
-  integrity sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==
-
-"@types/json-schema@*", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8":
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
-  integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
-
-"@types/node@*":
-  version "17.0.8"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.8.tgz#50d680c8a8a78fe30abe6906453b21ad8ab0ad7b"
-  integrity sha512-YofkM6fGv4gDJq78g4j0mMuGMkZVxZDgtU0JRdx6FgiJDG+0fY0GKVolOV8WqVmEhLCXkQRjwDdKyPxJp/uucg==
-
-"@vscode/codicons@^0.0.25":
-  version "0.0.25"
-  resolved "https://registry.yarnpkg.com/@vscode/codicons/-/codicons-0.0.25.tgz#4ebc3e2c9e707ac46aea0becceda79f7738c647c"
-  integrity sha512-uqPhTdADjwoCh5Ufbv0M6TZiiP2mqbfJVB4grhVx1k+YeP03LDMOHBWPsNwGKn4/0S5Mq9o1w1GeftvR031Gzg==
-
-"@webassemblyjs/ast@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
-  integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==
-  dependencies:
-    "@webassemblyjs/helper-numbers" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-
-"@webassemblyjs/floating-point-hex-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f"
-  integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==
-
-"@webassemblyjs/helper-api-error@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16"
-  integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==
-
-"@webassemblyjs/helper-buffer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5"
-  integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==
-
-"@webassemblyjs/helper-numbers@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae"
-  integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==
-  dependencies:
-    "@webassemblyjs/floating-point-hex-parser" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/helper-wasm-bytecode@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1"
-  integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==
-
-"@webassemblyjs/helper-wasm-section@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a"
-  integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-
-"@webassemblyjs/ieee754@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614"
-  integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==
-  dependencies:
-    "@xtuc/ieee754" "^1.2.0"
-
-"@webassemblyjs/leb128@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5"
-  integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/utf8@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff"
-  integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==
-
-"@webassemblyjs/wasm-edit@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6"
-  integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/helper-wasm-section" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-opt" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    "@webassemblyjs/wast-printer" "1.11.1"
-
-"@webassemblyjs/wasm-gen@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76"
-  integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wasm-opt@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2"
-  integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-buffer" "1.11.1"
-    "@webassemblyjs/wasm-gen" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-
-"@webassemblyjs/wasm-parser@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199"
-  integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/helper-api-error" "1.11.1"
-    "@webassemblyjs/helper-wasm-bytecode" "1.11.1"
-    "@webassemblyjs/ieee754" "1.11.1"
-    "@webassemblyjs/leb128" "1.11.1"
-    "@webassemblyjs/utf8" "1.11.1"
-
-"@webassemblyjs/wast-printer@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0"
-  integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==
-  dependencies:
-    "@webassemblyjs/ast" "1.11.1"
-    "@xtuc/long" "4.2.2"
-
-"@webpack-cli/configtest@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-1.1.0.tgz#8342bef0badfb7dfd3b576f2574ab80c725be043"
-  integrity sha512-ttOkEkoalEHa7RaFYpM0ErK1xc4twg3Am9hfHhL7MVqlHebnkYd2wuI/ZqTDj0cVzZho6PdinY0phFZV3O0Mzg==
-
-"@webpack-cli/info@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-1.4.0.tgz#b9179c3227ab09cbbb149aa733475fcf99430223"
-  integrity sha512-F6b+Man0rwE4n0409FyAJHStYA5OIZERxmnUfLVwv0mc0V1wLad3V7jqRlMkgKBeAq07jUvglacNaa6g9lOpuw==
-  dependencies:
-    envinfo "^7.7.3"
-
-"@webpack-cli/serve@^1.6.0":
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-1.6.0.tgz#2c275aa05c895eccebbfc34cfb223c6e8bd591a2"
-  integrity sha512-ZkVeqEmRpBV2GHvjjUZqEai2PpUbuq8Bqd//vEYsp63J8WyexI8ppCqVS3Zs0QADf6aWuPdU+0XsPI647PVlQA==
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-abab@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
-  integrity sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==
-
-acorn-import-assertions@^1.7.6:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
-  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
-
-acorn@^8.4.1:
-  version "8.7.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
-  integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
-
-ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv@^6.12.4, ajv@^6.12.5:
-  version "6.12.6"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
-  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
-autocompleter@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/autocompleter/-/autocompleter-5.2.0.tgz#9ed3df262614fd557bf4d5bf67ab13cdee008203"
-  integrity sha512-CMYgI+r7RGZFaT0SvXcyBn1hb/Ne6XbjXimWQPc16LcwZgUGFBHg/Pv8honrwkTZE4DbfrD/MzqlG+Bn2u+1ng==
-
-balanced-match@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
-  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-braces@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
-  dependencies:
-    fill-range "^7.0.1"
-
-browserslist@^4.14.5:
-  version "4.19.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.19.1.tgz#4ac0435b35ab655896c31d53018b6dd5e9e4c9a3"
-  integrity sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==
-  dependencies:
-    caniuse-lite "^1.0.30001286"
-    electron-to-chromium "^1.4.17"
-    escalade "^3.1.1"
-    node-releases "^2.0.1"
-    picocolors "^1.0.0"
-
-buffer-from@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
-  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
-
-caniuse-lite@^1.0.30001286:
-  version "1.0.30001297"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001297.tgz#ea7776ccc4992956582cae5b8fea127fbebde430"
-  integrity sha512-6bbIbowYG8vFs/Lk4hU9jFt7NknGDleVAciK916tp6ft1j+D//ZwwL6LbF1wXMQ32DMSjeuUV8suhh6dlmFjcA==
-
-chalk@^4.1.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
-
-clone-deep@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387"
-  integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==
-  dependencies:
-    is-plain-object "^2.0.4"
-    kind-of "^6.0.2"
-    shallow-clone "^3.0.0"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-colorette@^2.0.14:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
-  integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==
-
-commander@^2.20.0:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
-  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
-
-cross-spawn@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-css-loader@^6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.5.1.tgz#0c43d4fbe0d97f699c91e9818cb585759091d1b1"
-  integrity sha512-gEy2w9AnJNnD9Kuo4XAP9VflW/ujKoS9c/syO+uWMlm5igc7LysKzPXaDoR2vroROkSwsTS2tGr1yGGEbZOYZQ==
-  dependencies:
-    icss-utils "^5.1.0"
-    postcss "^8.2.15"
-    postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
-    postcss-modules-scope "^3.0.0"
-    postcss-modules-values "^4.0.0"
-    postcss-value-parser "^4.1.0"
-    semver "^7.3.5"
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-electron-to-chromium@^1.4.17:
-  version "1.4.37"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.37.tgz#eedd53cad229ae2d1632b958a92a3d7d7b27f553"
-  integrity sha512-XIvFB1omSAxYgHYX48sC+HR8i/p7lx7R+0cX9faElg1g++h9IilCrJ12+bQuY+d96Wp7zkBiJwMOv+AhLtLrTg==
-
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.8.3:
-  version "5.8.3"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.8.3.tgz#6d552d465cce0423f5b3d718511ea53826a7b2f0"
-  integrity sha512-EGAbGvH7j7Xt2nc0E7D99La1OiEs8LnyimkRgwExpUMScN6O+3x9tIWs7PLQZVNx4YD+00skHXPXi1yQHpAmZA==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
-envinfo@^7.7.3:
-  version "7.8.1"
-  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
-  integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
-
-es-module-lexer@^0.9.0:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
-  integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
-
-escalade@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
-  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
-
-eslint-scope@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.2.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
-  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
-
-events@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-execa@^5.0.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-fast-deep-equal@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-json-stable-stringify@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fastest-levenshtein@^1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
-  integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
-
-file-loader@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
-  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-
-file-saver@^2.0.2:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/file-saver/-/file-saver-2.0.5.tgz#d61cfe2ce059f414d899e9dd6d4107ee25670c38"
-  integrity sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==
-
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-find-up@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-get-stream@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-glob@^7.1.3:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
-  integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-graceful-fs@^4.1.2, graceful-fs@^4.2.4:
-  version "4.2.9"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.9.tgz#041b05df45755e587a24942279b9d113146e1c96"
-  integrity sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
-iconv-lite@^0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
-  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
-icss-utils@^5.0.0, icss-utils@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
-  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
-
-import-local@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
-  integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
-
-interpret@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
-  integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==
-
-inversify@^5.0.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/inversify/-/inversify-5.1.1.tgz#6fbd668c591337404e005a1946bfe0d802c08730"
-  integrity sha512-j8grHGDzv1v+8T1sAQ+3boTCntFPfvxLCkNcxB1J8qA0lUN+fAlSyYd+RXKvaPRL4AGyPxViutBEJHNXOyUdFQ==
-
-is-core-module@^2.8.0:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.8.1.tgz#f59fdfca701d5879d0a6b100a40aa1560ce27211"
-  integrity sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==
-  dependencies:
-    has "^1.0.3"
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
-
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
-
-jest-worker@^27.4.1:
-  version "27.4.6"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.4.6.tgz#5d2d93db419566cb680752ca0792780e71b3273e"
-  integrity sha512-gHWJF/6Xi5CTG5QCvROr6GcmpIqNYpDJyc8A1h/DyXqH1tD6SnRCM0d3U5msV31D2LB/U+E0M+W4oyvKV44oNw==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^8.0.0"
-
-json-parse-better-errors@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json5@^2.1.2:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3"
-  integrity sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==
-  dependencies:
-    minimist "^1.2.5"
-
-kind-of@^6.0.2:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-loader-runner@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.2.0.tgz#d7022380d66d14c5fb1d496b89864ebcfd478384"
-  integrity sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==
-
-loader-utils@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.2.tgz#d6e3b4fb81870721ae4e0868ab11dd638368c129"
-  integrity sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
-  dependencies:
-    yallist "^4.0.0"
-
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-micromatch@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
-  integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
-  dependencies:
-    braces "^3.0.1"
-    picomatch "^2.2.3"
-
-mime-db@1.51.0:
-  version "1.51.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.51.0.tgz#d9ff62451859b18342d960850dc3cfb77e63fb0c"
-  integrity sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==
-
-mime-types@^2.1.27:
-  version "2.1.34"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.34.tgz#5a712f9ec1503511a945803640fafe09d3793c24"
-  integrity sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==
-  dependencies:
-    mime-db "1.51.0"
-
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-
-minimatch@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimist@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
-  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
-
-nanoid@^3.1.30:
-  version "3.1.30"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.30.tgz#63f93cc548d2a113dc5dfbc63bfa09e2b9b64362"
-  integrity sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==
-
-neo-async@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
-node-releases@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.1.tgz#3d1d395f204f1f2f29a54358b9fb678765ad2fc5"
-  integrity sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==
-
-npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
-once@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
-  dependencies:
-    wrappy "1"
-
-onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
-p-limit@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-  dependencies:
-    p-try "^2.0.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-try@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
-path-key@^3.0.0, path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-path@^0.12.7:
-  version "0.12.7"
-  resolved "https://registry.yarnpkg.com/path/-/path-0.12.7.tgz#d4dc2a506c4ce2197eb481ebfcd5b36c0140b10f"
-  integrity sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=
-  dependencies:
-    process "^0.11.1"
-    util "^0.10.3"
-
-picocolors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
-
-picomatch@^2.2.3:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
-  dependencies:
-    find-up "^4.0.0"
-
-postcss-modules-extract-imports@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
-  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
-
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
-  dependencies:
-    icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
-  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-modules-values@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
-  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
-  dependencies:
-    icss-utils "^5.0.0"
-
-postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
-  version "6.0.8"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz#f023ed7a9ea736cd7ef70342996e8e78645a7914"
-  integrity sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^8.2.15:
-  version "8.4.5"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95"
-  integrity sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==
-  dependencies:
-    nanoid "^3.1.30"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.1"
-
-process@^0.11.1:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
-
-punycode@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-rechoir@^0.7.0:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.1.tgz#9478a96a1ca135b5e88fc027f03ee92d6c645686"
-  integrity sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==
-  dependencies:
-    resolve "^1.9.0"
-
-reflect-metadata@^0.1.13:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.1.13.tgz#67ae3ca57c972a2aa1642b10fe363fe32d49dc08"
-  integrity sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==
-
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve@^1.9.0:
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.21.0.tgz#b51adc97f3472e6a5cf4444d34bc9d6b9037591f"
-  integrity sha512-3wCbTpk5WJlyE4mSOtDLhqQmGFi0/TD9VPwmiolnk8U0wRgMEktqCXd3vy5buTO3tljvalNvKrjHEfrd2WpEKA==
-  dependencies:
-    is-core-module "^2.8.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-rimraf@latest:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
-safe-buffer@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-"safer-buffer@>= 2.1.2 < 3.0.0":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-schema-utils@^2.7.0:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
-  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
-  dependencies:
-    "@types/json-schema" "^7.0.5"
-    ajv "^6.12.4"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-semver@^7.3.4, semver@^7.3.5:
-  version "7.3.5"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
-  integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
-  dependencies:
-    lru-cache "^6.0.0"
-
-serialize-javascript@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
-  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
-  dependencies:
-    randombytes "^2.1.0"
-
-shallow-clone@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
-  integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==
-  dependencies:
-    kind-of "^6.0.2"
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-signal-exit@^3.0.3:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.6.tgz#24e630c4b0f03fea446a2bd299e62b4a6ca8d0af"
-  integrity sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==
-
-snabbdom@^3.0.3:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/snabbdom/-/snabbdom-3.2.0.tgz#8ea6b2517739a7d9ca82df3f181d052adf1ca5ad"
-  integrity sha512-UWyfm8WbaFmbmYLC33pe5fawBfExhynkMDoZqQ8ehlHDwkxrgIOpWhKf5PaacLUW1n+Uwu5N5HND6mESU7cMlw==
-
-source-map-js@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.1.tgz#a1741c131e3c77d048252adfa24e23b908670caf"
-  integrity sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==
-
-source-map-loader@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-3.0.1.tgz#9ae5edc7c2d42570934be4c95d1ccc6352eba52d"
-  integrity sha512-Vp1UsfyPvgujKQzi4pyDiTOnE3E4H+yHvkVRN3c/9PJmQS4CQJExvcDvaX/D+RV+xQben9HJ56jMJS3CgUeWyA==
-  dependencies:
-    abab "^2.0.5"
-    iconv-lite "^0.6.3"
-    source-map-js "^1.0.1"
-
-source-map-support@~0.5.20:
-  version "0.5.21"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
-  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map@^0.6.0, source-map@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-source-map@~0.7.2:
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
-  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
-
-sprotty-protocol@~0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/sprotty-protocol/-/sprotty-protocol-0.11.0.tgz#f8ff89121155520b4e32ea0c05927e7a56173b99"
-  integrity sha512-OxRKrKx8mNOxX8CBKsP4epu7YGjT4XvaGwNfAwtVQVh2OPQq98t78A86XGjJThw9axm950QX0KQWGbrzX7FJuQ==
-
-sprotty-vscode-protocol@~0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/sprotty-vscode-protocol/-/sprotty-vscode-protocol-0.2.0.tgz#b9ee32fa4c2c19f6c08b6db3add3f3f2452b38e5"
-  integrity sha512-iF8Gs4xpyCwuEHU0IUgD/+ZAhf8/SpYht5oWbnhLqJtGHirck2pwcfERukcSKSsPVt1rVyABHJYws8i+Dn/fsA==
-  dependencies:
-    path "^0.12.7"
-    sprotty-protocol "~0.11.0"
-    vscode-languageserver-protocol "^3.16.0"
-
-sprotty-vscode-webview@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/sprotty-vscode-webview/-/sprotty-vscode-webview-0.2.0.tgz#da36ce5edcdaa9b8c45232cbf279152e6df8e852"
-  integrity sha512-koeoSZt4sFHymJr2rEU1IMuTfCConsjccru0FsuNr4ETXs/Tl7fw/7m7JIOd/xrUuLvUexbYXrihtCkQYGDJ1Q==
-  dependencies:
-    sprotty "~0.11.1"
-    sprotty-vscode-protocol "~0.2.0"
-    vscode-uri "^3.0.2"
-
-sprotty@~0.11.1:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/sprotty/-/sprotty-0.11.1.tgz#3a04703cf10efe8bd89f02ecd6bb33637d9312c5"
-  integrity sha512-wHeDbhZeGPgZebJqoWpqrkQQlpfJ1uiXIjLgIIJOhY8+bkTkGClQDMget7H6Zun7yU56x/XtwgesDyMXA4BVFg==
-  dependencies:
-    "@vscode/codicons" "^0.0.25"
-    autocompleter "^5.1.0"
-    file-saver "^2.0.2"
-    inversify "^5.0.1"
-    snabbdom "^3.0.3"
-    sprotty-protocol "~0.11.0"
-    tinyqueue "^2.0.3"
-
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
-style-loader@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-1.3.0.tgz#828b4a3b3b7e7aa5847ce7bae9e874512114249e"
-  integrity sha512-V7TCORko8rs9rIqkSrlMfkqA63DfoGBBJmK1kKGCcSi+BWb4cqz0SRsnp4l6rU5iwOEd0/2ePv68SV22VXon4Q==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^2.7.0"
-
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@^8.0.0:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-tapable@^2.1.1, tapable@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
-terser-webpack-plugin@^5.1.3:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.0.tgz#21641326486ecf91d8054161c816e464435bae9f"
-  integrity sha512-LPIisi3Ol4chwAaPP8toUJ3L4qCM1G0wao7L3qNv57Drezxj6+VEyySpPw4B1HSO2Eg/hDY/MNF5XihCAoqnsQ==
-  dependencies:
-    jest-worker "^27.4.1"
-    schema-utils "^3.1.1"
-    serialize-javascript "^6.0.0"
-    source-map "^0.6.1"
-    terser "^5.7.2"
-
-terser@^5.7.2:
-  version "5.10.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.10.0.tgz#b86390809c0389105eb0a0b62397563096ddafcc"
-  integrity sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==
-  dependencies:
-    commander "^2.20.0"
-    source-map "~0.7.2"
-    source-map-support "~0.5.20"
-
-tinyqueue@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/tinyqueue/-/tinyqueue-2.0.3.tgz#64d8492ebf39e7801d7bd34062e29b45b2035f08"
-  integrity sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-ts-loader@^9.2.6:
-  version "9.2.6"
-  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.2.6.tgz#9937c4dd0a1e3dbbb5e433f8102a6601c6615d74"
-  integrity sha512-QMTC4UFzHmu9wU2VHZEmWWE9cUajjfcdcws+Gh7FhiO+Dy0RnR1bNz0YCHqhI0yRowCE9arVnNxYHqELOy9Hjw==
-  dependencies:
-    chalk "^4.1.0"
-    enhanced-resolve "^5.0.0"
-    micromatch "^4.0.0"
-    semver "^7.3.4"
-
-typescript@3.8.3:
-  version "3.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.8.3.tgz#409eb8544ea0335711205869ec458ab109ee1061"
-  integrity sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==
-
-uri-js@^4.2.2:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
-util-deprecate@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
-
-util@^0.10.3:
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.4.tgz#3aa0125bfe668a4672de58857d3ace27ecb76901"
-  integrity sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==
-  dependencies:
-    inherits "2.0.3"
-
-vscode-jsonrpc@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz#108bdb09b4400705176b957ceca9e0880e9b6d4e"
-  integrity sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==
-
-vscode-languageserver-protocol@^3.16.0:
-  version "3.16.0"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.16.0.tgz#34135b61a9091db972188a07d337406a3cdbe821"
-  integrity sha512-sdeUoAawceQdgIfTI+sdcwkiK2KU+2cbEYA0agzM2uqaUy2UpnnGHtWTHVEtS0ES4zHU0eMFRGN+oQgDxlD66A==
-  dependencies:
-    vscode-jsonrpc "6.0.0"
-    vscode-languageserver-types "3.16.0"
-
-vscode-languageserver-types@3.16.0:
-  version "3.16.0"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz#ecf393fc121ec6974b2da3efb3155644c514e247"
-  integrity sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==
-
-vscode-uri@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.0.3.tgz#a95c1ce2e6f41b7549f86279d19f47951e4f4d84"
-  integrity sha512-EcswR2S8bpR7fD0YPeS7r2xXExrScVMxg4MedACaWHEtx9ftCF/qHG1xGkolzTPcEmjTavCQgbVzHUIdTMzFGA==
-
-watchpack@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.3.1.tgz#4200d9447b401156eeca7767ee610f8809bc9d25"
-  integrity sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
-
-webpack-cli@^4.9.1:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-4.9.1.tgz#b64be825e2d1b130f285c314caa3b1ba9a4632b3"
-  integrity sha512-JYRFVuyFpzDxMDB+v/nanUdQYcZtqFPGzmlW4s+UkPMFhSpfRNmf1z4AwYcHJVdvEFAM7FFCQdNTpsBYhDLusQ==
-  dependencies:
-    "@discoveryjs/json-ext" "^0.5.0"
-    "@webpack-cli/configtest" "^1.1.0"
-    "@webpack-cli/info" "^1.4.0"
-    "@webpack-cli/serve" "^1.6.0"
-    colorette "^2.0.14"
-    commander "^7.0.0"
-    execa "^5.0.0"
-    fastest-levenshtein "^1.0.12"
-    import-local "^3.0.2"
-    interpret "^2.2.0"
-    rechoir "^0.7.0"
-    webpack-merge "^5.7.3"
-
-webpack-merge@^5.7.3:
-  version "5.8.0"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
-  integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==
-  dependencies:
-    clone-deep "^4.0.1"
-    wildcard "^2.0.0"
-
-webpack-sources@^3.2.2:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.2.tgz#d88e3741833efec57c4c789b6010db9977545260"
-  integrity sha512-cp5qdmHnu5T8wRg2G3vZZHoJPN14aqQ89SyQ11NpGH5zEMDCclt49rzo+MaRazk7/UeILhAI+/sEtcM+7Fr0nw==
-
-webpack@^5.64.2:
-  version "5.65.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.65.0.tgz#ed2891d9145ba1f0d318e4ea4f89c3fa18e6f9be"
-  integrity sha512-Q5or2o6EKs7+oKmJo7LaqZaMOlDWQse9Tm5l1WAfU/ujLGN5Pb0SqGeVkN/4bpPmEqEP5RnVhiqsOtWtUVwGRw==
-  dependencies:
-    "@types/eslint-scope" "^3.7.0"
-    "@types/estree" "^0.0.50"
-    "@webassemblyjs/ast" "1.11.1"
-    "@webassemblyjs/wasm-edit" "1.11.1"
-    "@webassemblyjs/wasm-parser" "1.11.1"
-    acorn "^8.4.1"
-    acorn-import-assertions "^1.7.6"
-    browserslist "^4.14.5"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.8.3"
-    es-module-lexer "^0.9.0"
-    eslint-scope "5.1.1"
-    events "^3.2.0"
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.2.4"
-    json-parse-better-errors "^1.0.2"
-    loader-runner "^4.2.0"
-    mime-types "^2.1.27"
-    neo-async "^2.6.2"
-    schema-utils "^3.1.0"
-    tapable "^2.1.1"
-    terser-webpack-plugin "^5.1.3"
-    watchpack "^2.3.1"
-    webpack-sources "^3.2.2"
-
-which@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-wildcard@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
-  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
-
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
diff --git a/workspace/Aircraft.stpa b/workspace/Aircraft.stpa
index ccc41eac..48f06100 100644
--- a/workspace/Aircraft.stpa
+++ b/workspace/Aircraft.stpa
@@ -150,5 +150,3 @@ Scenario6 "The BSCU sends the Brake command upon landing, but insufficient braki
 Scenario7 "The BSCU does not send Brake command, but the brakes are applied due to hydraulic valve failure. 
             As a result, acceleration may be insufficient during takeoff" [H7.6]
 
-SafetyRequirements
-SR1 "Sufficient braking must be applied when sending the Brake comman upon landing" [Scenario6]
diff --git a/yarn.lock b/yarn.lock
index 99087e5e..2970e59c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5622,7 +5622,7 @@ rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.2, rimraf@latest:
+rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==

From 273071c48db606d6814e98554ab07cc04d216e23 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 4 Nov 2022 11:57:02 +0100
Subject: [PATCH 50/80] fix merge

---
 {language-server => extension}/.eslintrc.json |   0
 extension/package.json                        |   4 +-
 .../stpa-document-builder.ts                  |   0
 .../src-language-server}/stpa-templates.ts    |   0
 .../src-language-server}/templates/actions.ts |   0
 .../templates/template-diagram-server.ts      |   0
 .../templates/template-model.ts               |   0
 yarn.lock                                     | 543 +-----------------
 8 files changed, 15 insertions(+), 532 deletions(-)
 rename {language-server => extension}/.eslintrc.json (100%)
 rename {language-server/src => extension/src-language-server}/stpa-document-builder.ts (100%)
 rename {language-server/src => extension/src-language-server}/stpa-templates.ts (100%)
 rename {language-server/src => extension/src-language-server}/templates/actions.ts (100%)
 rename {language-server/src => extension/src-language-server}/templates/template-diagram-server.ts (100%)
 rename {language-server/src => extension/src-language-server}/templates/template-model.ts (100%)

diff --git a/language-server/.eslintrc.json b/extension/.eslintrc.json
similarity index 100%
rename from language-server/.eslintrc.json
rename to extension/.eslintrc.json
diff --git a/extension/package.json b/extension/package.json
index 16c3569c..c1106ee4 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -208,7 +208,7 @@
       },
     "devDependencies": {
         "@types/node": "^12.12.6",
-        "@types/vscode": "1.46.0",
+        "@types/vscode": "1.67.0",
         "@types/feather-icons": "^4.7.0",
         "rimraf": "^3.0.2",
         "source-map-loader": "^3.0.0",
@@ -231,7 +231,7 @@
         "lint": "eslint .",
         "build": "yarn run langium:generate && webpack --mode production",
         "watch": "yarn run langium:watch && webpack --watch",
-        "package": "yarn run langium:generate && vsce package --yarn -o keith-vscode.vsix",
+        "package": "yarn run langium:generate && vsce package --yarn -o stpa-dsl.vsix",
         "vscode:prepublish": "yarn run build"
     }
 }
diff --git a/language-server/src/stpa-document-builder.ts b/extension/src-language-server/stpa-document-builder.ts
similarity index 100%
rename from language-server/src/stpa-document-builder.ts
rename to extension/src-language-server/stpa-document-builder.ts
diff --git a/language-server/src/stpa-templates.ts b/extension/src-language-server/stpa-templates.ts
similarity index 100%
rename from language-server/src/stpa-templates.ts
rename to extension/src-language-server/stpa-templates.ts
diff --git a/language-server/src/templates/actions.ts b/extension/src-language-server/templates/actions.ts
similarity index 100%
rename from language-server/src/templates/actions.ts
rename to extension/src-language-server/templates/actions.ts
diff --git a/language-server/src/templates/template-diagram-server.ts b/extension/src-language-server/templates/template-diagram-server.ts
similarity index 100%
rename from language-server/src/templates/template-diagram-server.ts
rename to extension/src-language-server/templates/template-diagram-server.ts
diff --git a/language-server/src/templates/template-model.ts b/extension/src-language-server/templates/template-model.ts
similarity index 100%
rename from language-server/src/templates/template-model.ts
rename to extension/src-language-server/templates/template-model.ts
diff --git a/yarn.lock b/yarn.lock
index 56fe8ff9..15cdca94 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -38,21 +38,6 @@
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz#d5e0706cf8c6acd8c6032f8d54070af261bbbb2f"
   integrity sha512-ws57AidsDvREKrZKYffXddNkyaF14iHNHm8VQnZH6t99E8gczjNN0GpvcGny0imC80yQ0tHz1xVUKk/KFQSUyA==
 
-"@eslint/eslintrc@^1.2.3":
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.2.3.tgz#fcaa2bcef39e13d6e9e7f6271f4cc7cae1174886"
-  integrity sha512-uGo44hIwoLGNyduRpjdEpovcbMdd+Nv7amtmJxnKmI8xj6yd5LncmSwDa5NgX/41lIFJtkjD6YdVfgEzPfJ5UA==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^9.3.2"
-    globals "^13.9.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
 "@evocateur/libnpmaccess@^3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@evocateur/libnpmaccess/-/libnpmaccess-3.1.2.tgz#ecf7f6ce6b004e9f942b098d92200be4a4b1c845"
@@ -127,20 +112,6 @@
     unique-filename "^1.1.1"
     which "^1.3.1"
 
-"@humanwhocodes/config-array@^0.9.2":
-  version "0.9.5"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"
-  integrity sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==
-  dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
-    minimatch "^3.0.4"
-
-"@humanwhocodes/object-schema@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
-  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
-
 "@lerna/add@3.21.0":
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/@lerna/add/-/add-3.21.0.tgz#27007bde71cc7b0a2969ab3c2f0ae41578b4577b"
@@ -834,32 +805,11 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
-"@nodelib/fs.scandir@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
-  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.5"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
-  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
-
 "@nodelib/fs.stat@^1.1.2":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
-"@nodelib/fs.walk@^1.2.3":
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
-  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.5"
-    fastq "^1.6.0"
-
 "@octokit/auth-token@^2.4.0":
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-2.5.0.tgz#27c37ea26c205f28443402477ffd261311f21e36"
@@ -1011,11 +961,6 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
   integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
 
-"@types/json-schema@^7.0.9":
-  version "7.0.11"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
-  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
-
 "@types/minimatch@*":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
@@ -1041,91 +986,11 @@
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
   integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
 
-"@types/vscode@1.67.0", "@types/vscode@^1.56.0":
+"@types/vscode@1.67.0":
   version "1.67.0"
   resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.67.0.tgz#8eaba41d1591aa02f5d960b7dfae3b16e066f08c"
   integrity sha512-GH8BDf8cw9AC9080uneJfulhSa7KHSMI2s/CyKePXoGNos9J486w2V4YKoeNUqIEkW4hKoEAWp6/cXTwyGj47g==
 
-"@typescript-eslint/eslint-plugin@^5.16.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.25.0.tgz#e8ce050990e4d36cc200f2de71ca0d3eb5e77a31"
-  integrity sha512-icYrFnUzvm+LhW0QeJNKkezBu6tJs9p/53dpPLFH8zoM9w1tfaKzVurkPotEpAqQ8Vf8uaFyL5jHd0Vs6Z0ZQg==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.25.0"
-    "@typescript-eslint/type-utils" "5.25.0"
-    "@typescript-eslint/utils" "5.25.0"
-    debug "^4.3.4"
-    functional-red-black-tree "^1.0.1"
-    ignore "^5.2.0"
-    regexpp "^3.2.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/parser@^5.16.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.25.0.tgz#fb533487147b4b9efd999a4d2da0b6c263b64f7f"
-  integrity sha512-r3hwrOWYbNKP1nTcIw/aZoH+8bBnh/Lh1iDHoFpyG4DnCpvEdctrSl6LOo19fZbzypjQMHdajolxs6VpYoChgA==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.25.0"
-    "@typescript-eslint/types" "5.25.0"
-    "@typescript-eslint/typescript-estree" "5.25.0"
-    debug "^4.3.4"
-
-"@typescript-eslint/scope-manager@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.25.0.tgz#e78f1484bca7e484c48782075219c82c6b77a09f"
-  integrity sha512-p4SKTFWj+2VpreUZ5xMQsBMDdQ9XdRvODKXN4EksyBjFp2YvQdLkyHqOffakYZPuWJUDNu3jVXtHALDyTv3cww==
-  dependencies:
-    "@typescript-eslint/types" "5.25.0"
-    "@typescript-eslint/visitor-keys" "5.25.0"
-
-"@typescript-eslint/type-utils@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.25.0.tgz#5750d26a5db4c4d68d511611e0ada04e56f613bc"
-  integrity sha512-B6nb3GK3Gv1Rsb2pqalebe/RyQoyG/WDy9yhj8EE0Ikds4Xa8RR28nHz+wlt4tMZk5bnAr0f3oC8TuDAd5CPrw==
-  dependencies:
-    "@typescript-eslint/utils" "5.25.0"
-    debug "^4.3.4"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/types@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.25.0.tgz#dee51b1855788b24a2eceeae54e4adb89b088dd8"
-  integrity sha512-7fWqfxr0KNHj75PFqlGX24gWjdV/FDBABXL5dyvBOWHpACGyveok8Uj4ipPX/1fGU63fBkzSIycEje4XsOxUFA==
-
-"@typescript-eslint/typescript-estree@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.25.0.tgz#a7ab40d32eb944e3fb5b4e3646e81b1bcdd63e00"
-  integrity sha512-MrPODKDych/oWs/71LCnuO7NyR681HuBly2uLnX3r5i4ME7q/yBqC4hW33kmxtuauLTM0OuBOhhkFaxCCOjEEw==
-  dependencies:
-    "@typescript-eslint/types" "5.25.0"
-    "@typescript-eslint/visitor-keys" "5.25.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/utils@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.25.0.tgz#272751fd737733294b4ab95e16c7f2d4a75c2049"
-  integrity sha512-qNC9bhnz/n9Kba3yI6HQgQdBLuxDoMgdjzdhSInZh6NaDnFpTUlwNGxplUFWfY260Ya0TRPvkg9dd57qxrJI9g==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.25.0"
-    "@typescript-eslint/types" "5.25.0"
-    "@typescript-eslint/typescript-estree" "5.25.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-
-"@typescript-eslint/visitor-keys@5.25.0":
-  version "5.25.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.25.0.tgz#33aa5fdcc5cedb9f4c8828c6a019d58548d4474b"
-  integrity sha512-yd26vFgMsC4h2dgX4+LR+GeicSKIfUvZREFLf3DDjZPtqgLx5AJZr6TetMNwFP9hcKreTTeztQYBTNbNoOycwA==
-  dependencies:
-    "@typescript-eslint/types" "5.25.0"
-    eslint-visitor-keys "^3.3.0"
-
 "@vscode/codicons@^0.0.25":
   version "0.0.25"
   resolved "https://registry.yarnpkg.com/@vscode/codicons/-/codicons-0.0.25.tgz#4ebc3e2c9e707ac46aea0becceda79f7738c647c"
@@ -1311,21 +1176,11 @@ acorn-import-assertions@^1.7.6:
   resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
   integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
 
-acorn-jsx@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
 acorn@^8.4.1:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
   integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
 
-acorn@^8.7.1:
-  version "8.7.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
-  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
-
 agent-base@4, agent-base@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
@@ -1352,7 +1207,7 @@ ajv-keywords@^3.5.2:
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
-ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -1431,11 +1286,6 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
 arr-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@@ -1473,11 +1323,6 @@ array-union@^1.0.2:
   dependencies:
     array-uniq "^1.0.1"
 
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -1614,7 +1459,7 @@ braces@^2.3.1:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
-braces@^3.0.1, braces@^3.0.2:
+braces@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -1725,11 +1570,6 @@ callsites@^2.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
   integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
 
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -1790,7 +1630,7 @@ chalk@^2.0.0, chalk@^2.3.1, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0, chalk@^4.1.0:
+chalk@^4.1.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -2135,7 +1975,7 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -2215,13 +2055,6 @@ debug@^3.1.0:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
-  dependencies:
-    ms "2.1.2"
-
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -2250,11 +2083,6 @@ dedent@^0.7.0:
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
-deep-is@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
@@ -2326,20 +2154,6 @@ dir-glob@^2.2.2:
   dependencies:
     path-type "^3.0.0"
 
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
 dot-prop@^4.2.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.1.tgz#45884194a71fc2cda71cbb4bceb3a4dd2f433ba4"
@@ -2508,12 +2322,7 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
-eslint-scope@5.1.1, eslint-scope@^5.1.1:
+eslint-scope@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -2521,93 +2330,11 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
-eslint-visitor-keys@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
-  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
-
-eslint-visitor-keys@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
-  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
-
-eslint@^8.11.0:
-  version "8.15.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.15.0.tgz#fea1d55a7062da48d82600d2e0974c55612a11e9"
-  integrity sha512-GG5USZ1jhCu8HJkzGgeK8/+RGnHaNYZGrGDzUtigK3BsGESW/rs2az23XqE0WVwDxy1VRvvjSSGu5nB0Bu+6SA==
-  dependencies:
-    "@eslint/eslintrc" "^1.2.3"
-    "@humanwhocodes/config-array" "^0.9.2"
-    ajv "^6.10.0"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    doctrine "^3.0.0"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-utils "^3.0.0"
-    eslint-visitor-keys "^3.3.0"
-    espree "^9.3.2"
-    esquery "^1.4.0"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^6.0.1"
-    globals "^13.6.0"
-    ignore "^5.2.0"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    js-yaml "^4.1.0"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash.merge "^4.6.2"
-    minimatch "^3.1.2"
-    natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    regexpp "^3.2.0"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
-espree@^9.3.2:
-  version "9.3.2"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
-  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
-  dependencies:
-    acorn "^8.7.1"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.3.0"
-
 esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
-  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
-  dependencies:
-    estraverse "^5.1.0"
-
 esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@@ -2620,16 +2347,11 @@ estraverse@^4.1.1:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
-estraverse@^5.1.0, estraverse@^5.2.0:
+estraverse@^5.2.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
 eventemitter3@^3.1.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-3.1.2.tgz#2d3d48f9c346698fce83a85d7d664e98535df6e7"
@@ -2734,7 +2456,7 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
   integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
 
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+fast-deep-equal@^3.1.1:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -2751,39 +2473,16 @@ fast-glob@^2.2.6:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
-fast-glob@^3.2.9:
-  version "3.2.11"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
-  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.4"
-
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
-
 fastest-levenshtein@^1.0.12:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz#9990f7d3a88cc5a9ffd1f1745745251700d497e2"
   integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==
 
-fastq@^1.6.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
-  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
-  dependencies:
-    reusify "^1.0.4"
-
 feather-icons@^4.28.0:
   version "4.29.0"
   resolved "https://registry.yarnpkg.com/feather-icons/-/feather-icons-4.29.0.tgz#4e40e3cbb7bf359ffbbf700edbebdde4e4a74ab6"
@@ -2804,13 +2503,6 @@ figures@^2.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-file-entry-cache@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
-  dependencies:
-    flat-cache "^3.0.4"
-
 file-loader@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
@@ -2876,19 +2568,6 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
-flat-cache@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
-  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
-  dependencies:
-    flatted "^3.1.0"
-    rimraf "^3.0.2"
-
-flatted@^3.1.0:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3"
-  integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
-
 flush-write-stream@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
@@ -2977,11 +2656,6 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
-
 gauge@~2.7.3:
   version "2.7.4"
   resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
@@ -3125,20 +2799,13 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0, glob-parent@^5.1.2:
+glob-parent@^5.0.0:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -3161,25 +2828,6 @@ glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-globals@^13.6.0, globals@^13.9.0:
-  version "13.15.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.15.0.tgz#38113218c907d2f7e98658af246cef8b77e90bac"
-  integrity sha512-bpzcOlgDhMG070Av0Vy5Owklpv1I6+j96GhUI7Rh7IzDCKLzboflLrrfqMu8NquDbiR4EOQk7XzJwqVJxicxog==
-  dependencies:
-    type-fest "^0.20.2"
-
-globby@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
-  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.9"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^3.0.0"
-
 globby@^9.2.0:
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
@@ -3389,11 +3037,6 @@ ignore@^4.0.3:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-ignore@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
-  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
-
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -3402,14 +3045,6 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
-import-fresh@^3.0.0, import-fresh@^3.2.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
-  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
 import-local@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@@ -3681,7 +3316,7 @@ is-glob@^3.1.0:
   dependencies:
     is-extglob "^2.1.0"
 
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
+is-glob@^4.0.0, is-glob@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
@@ -3861,13 +3496,6 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
-  dependencies:
-    argparse "^2.0.1"
-
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
@@ -3893,11 +3521,6 @@ json-schema@0.4.0:
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
   integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
 
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
-
 json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -4024,14 +3647,6 @@ lerna@^3.20.2:
     import-local "^2.0.0"
     npmlog "^4.1.2"
 
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -4126,11 +3741,6 @@ lodash.ismatch@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
   integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
 
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
 lodash.set@^4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/lodash.set/-/lodash.set-4.3.2.tgz#d8757b1da807dde24816b0d6a84bea1a76230b23"
@@ -4305,7 +3915,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
+merge2@^1.2.3:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -4337,14 +3947,6 @@ micromatch@^4.0.0:
     braces "^3.0.1"
     picomatch "^2.2.3"
 
-micromatch@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
-  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
-  dependencies:
-    braces "^3.0.2"
-    picomatch "^2.3.1"
-
 mime-db@1.51.0:
   version "1.51.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.51.0.tgz#d9ff62451859b18342d960850dc3cfb77e63fb0c"
@@ -4379,13 +3981,6 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
 minimist-options@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
@@ -4488,11 +4083,6 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
 ms@^2.0.0, ms@^2.1.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
@@ -4549,11 +4139,6 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-
 neo-async@^2.6.0, neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
@@ -4806,18 +4391,6 @@ onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
-  dependencies:
-    deep-is "^0.1.3"
-    fast-levenshtein "^2.0.6"
-    levn "^0.4.1"
-    prelude-ls "^1.2.1"
-    type-check "^0.4.0"
-    word-wrap "^1.2.3"
-
 os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
@@ -4939,13 +4512,6 @@ parallel-transform@^1.1.0:
     inherits "^2.0.3"
     readable-stream "^2.1.5"
 
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
 parse-github-repo-url@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/parse-github-repo-url/-/parse-github-repo-url-1.4.1.tgz#9e7d8bb252a6cb6ba42595060b7bf6df3dbc1f50"
@@ -5059,11 +4625,6 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
 path@^0.12.7:
   version "0.12.7"
   resolved "https://registry.yarnpkg.com/path/-/path-0.12.7.tgz#d4dc2a506c4ce2197eb481ebfcd5b36c0140b10f"
@@ -5082,7 +4643,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.2.3, picomatch@^2.3.1:
+picomatch@^2.2.3:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -5183,11 +4744,6 @@ postcss@^8.2.15:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -5297,11 +4853,6 @@ query-string@^6.13.8:
     split-on-first "^1.0.0"
     strict-uri-encode "^2.0.0"
 
-queue-microtask@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
-  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
-
 quick-lru@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8"
@@ -5486,11 +5037,6 @@ regexp-to-ast@0.5.0:
   resolved "https://registry.yarnpkg.com/regexp-to-ast/-/regexp-to-ast-0.5.0.tgz#56c73856bee5e1fef7f73a00f1473452ab712a24"
   integrity sha512-tlbJqcMHnPKI9zSrystikWKwHkBqu2a/Sgw01h3zFjvYrMxEDYHzzoMZnUrbIfpTFEsoRnnviOXNCzFiSc54Qw==
 
-regexpp@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
-  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
-
 repeat-element@^1.1.2:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
@@ -5605,11 +5151,6 @@ retry@^0.10.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
   integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
 
-reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
 rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -5629,13 +5170,6 @@ run-async@^2.2.0:
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
   integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
 
-run-parallel@^1.1.9:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
-  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
-  dependencies:
-    queue-microtask "^1.2.2"
-
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -5707,13 +5241,6 @@ semver@^7.3.4, semver@^7.3.5:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@^7.3.7:
-  version "7.3.7"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
-  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
-  dependencies:
-    lru-cache "^6.0.0"
-
 serialize-javascript@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
@@ -5786,11 +5313,6 @@ slash@^2.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
   integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
 
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
 slide@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
@@ -6213,11 +5735,6 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
 strong-log-transformer@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
@@ -6321,11 +5838,6 @@ text-extensions@^1.0.0:
   resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"
   integrity sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==
 
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
-
 thenify-all@^1.0.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
@@ -6457,18 +5969,11 @@ ts-loader@^9.2.6:
     micromatch "^4.0.0"
     semver "^7.3.4"
 
-tslib@^1.8.1, tslib@^1.9.0:
+tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -6481,23 +5986,11 @@ tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
   integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
 type-fest@^0.18.0:
   version "0.18.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f"
   integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==
 
-type-fest@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
-  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
-
 type-fest@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
@@ -6653,11 +6146,6 @@ uuid@^3.0.1, uuid@^3.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-v8-compile-cache@^2.0.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
-
 validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.3:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -6878,11 +6366,6 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
-word-wrap@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"

From 3baafc9ddd7dc925864a2fa5aef31b9c0b4dac02 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@mail.uni-kiel.de>
Date: Fri, 4 Nov 2022 12:03:42 +0100
Subject: [PATCH 51/80] adjusted webpack config

---
 extension/webpack.config.js | 57 +++++++++----------------------------
 1 file changed, 13 insertions(+), 44 deletions(-)

diff --git a/extension/webpack.config.js b/extension/webpack.config.js
index 439f7523..7b88926d 100644
--- a/extension/webpack.config.js
+++ b/extension/webpack.config.js
@@ -52,16 +52,9 @@ const lsConfig = {
 };
 
 /**@type {import('webpack').Configuration}*/
-const webviewConfig = {
+const commonWebConfig = {
     target: 'web',
-
-    entry: path.resolve(__dirname, 'src-webview/main.ts'),
-    output: {
-		filename: 'webview.js',
-        path: path.resolve(__dirname, 'pack'),
-    },
     devtool: 'eval-source-map',
-
     resolve: {
         extensions: ['.ts', '.tsx', '.js']
     },
@@ -93,51 +86,27 @@ const webviewConfig = {
             },
         ]
     }
+}
+
+/**@type {import('webpack').Configuration}*/
+const webviewConfig = {
+    ...commonWebConfig,
+    entry: path.resolve(__dirname, 'src-webview/main.ts'),
+    output: {
+		filename: 'webview.js',
+        path: path.resolve(__dirname, 'pack'),
+    }
 };
 
 /**@type {import('webpack').Configuration}*/
 const snippetConfig = {
-    target: 'web',
-
+    ...commonWebConfig,
     entry: path.resolve(__dirname, 'src-diagram-snippets/main.ts'),
     output: {
 		filename: 'tempWebview.js',
         path: path.resolve(__dirname, 'pack'),
-    },
-    devtool: 'eval-source-map',
-
-    resolve: {
-        extensions: ['.ts', '.tsx', '.js']
-    },
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: ['ts-loader']
-            },
-            {
-                test: /\.js$/,
-                use: ['source-map-loader'],
-                enforce: 'pre'
-            },
-            {
-                test: /\.css$/,
-                exclude: /\.useable\.css$/,
-                use: ['style-loader', 'css-loader']
-            },
-            {
-                test: /\.(ttf)$/,
-                loader: 'file-loader',
-                options: {
-                    name: '[name].[ext]',
-                    outputPath: '',
-                    publicPath: '..',
-                    postTransformPublicPath: (p) => `__webpack_public_path__ + ${p}`,
-                }
-            },
-        ]
     }
 };
 
 
-module.exports = [vscodeConfig, webviewConfig, lsConfig, snippetConfig];
+module.exports = [vscodeConfig, lsConfig, webviewConfig, snippetConfig];

From a1c807e9eea0f465c0b062cb5318108164938bb1 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Mon, 15 Apr 2024 17:29:26 +0200
Subject: [PATCH 52/80] fixed merge (WIP)

---
 .../src-language-server/diagram-server.ts     | 10 ++-
 extension/src-language-server/module.ts       |  2 +-
 .../stpa-document-builder.ts                  |  6 +-
 extension/src-language-server/stpa/actions.ts | 81 +++++++++++++++++++
 .../stpa/diagram/diagram-controlStructure.ts  | 57 +++++++------
 .../stpa/diagram/diagram-elements.ts          |  9 +--
 .../stpa/diagram/diagram-generator.ts         | 28 ++++---
 .../stpa/diagram/diagram-relationshipGraph.ts | 53 ++++++------
 .../options/render-options-registry.ts        | 29 +++++++
 extension/src-webview/stpa/stpa-views.tsx     | 20 ++---
 .../src-webview/template/template-registry.ts | 23 +++---
 extension/src/extension.ts                    | 71 +++++++++-------
 extension/src/language-extension.ts           | 52 +++---------
 extension/src/template-webview.ts             | 14 ++--
 14 files changed, 271 insertions(+), 184 deletions(-)
 create mode 100644 extension/src-language-server/stpa/actions.ts

diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index 6931a716..d1da3c67 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -54,10 +54,12 @@ import {
     setSystemConstraintGraphOptions,
 } from "./stpa/result-report/svg-generator";
 import { SynthesisOptions } from "./synthesis-options";
+import { StpaTemplates } from './stpa-templates';
+import { LanguageTemplate } from './templates/template-model';
 
 export class PastaDiagramServer extends DiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
-    protected stpaTemps: StpaTemplates;
+    protected stpaTemps: StpaTemplates | undefined;
     clientId: string;
     protected connection: Connection | undefined;
 
@@ -67,7 +69,7 @@ export class PastaDiagramServer extends DiagramServer {
         clientId: string,
         connection: Connection | undefined,
         synthesisOptions?: SynthesisOptions, 
-        stpaTemps: StpaTemplates
+        stpaTemps?: StpaTemplates
     ) {
         super(dispatch, services);
         this.stpaTemps = stpaTemps;
@@ -96,8 +98,8 @@ export class PastaDiagramServer extends DiagramServer {
         return super.handleAction(action);
     }
 
-    protected createTempFromString(text: string): LanguageTemplate {
-        return this.stpaTemps.createTemp(text);
+    protected createTempFromString(text: string): LanguageTemplate | undefined {
+        return this.stpaTemps?.createTemp(text);
     }
 
     /**
diff --git a/extension/src-language-server/module.ts b/extension/src-language-server/module.ts
index 3170637b..ffa93601 100644
--- a/extension/src-language-server/module.ts
+++ b/extension/src-language-server/module.ts
@@ -83,7 +83,7 @@ const pastaDiagramServerFactory = (
             clientId,
             connection,
             language.options.SynthesisOptions, 
-            language.templates.StpaTemplates
+            // language instanceof StpaServices ? language.templates.StpaTemplates
         );
     };
 };
diff --git a/extension/src-language-server/stpa-document-builder.ts b/extension/src-language-server/stpa-document-builder.ts
index 70f7906a..3dab28b4 100644
--- a/extension/src-language-server/stpa-document-builder.ts
+++ b/extension/src-language-server/stpa-document-builder.ts
@@ -15,13 +15,13 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { AstNode, DefaultDocumentBuilder, LangiumDocument } from 'langium';
+import { AstNode, BuildOptions, DefaultDocumentBuilder, LangiumDocument } from 'langium';
 import { CancellationToken } from 'vscode-languageserver';
 
 export class StpaDocumentBuilder extends DefaultDocumentBuilder {
 
-    async buildDocuments(documents: LangiumDocument<AstNode>[], cancelToken: CancellationToken): Promise<void> {
-        return super.buildDocuments(documents, cancelToken);
+    async buildDocuments(documents: LangiumDocument<AstNode>[],  options: BuildOptions, cancelToken: CancellationToken): Promise<void> {
+        return super.buildDocuments(documents, options, cancelToken);
     }
 
 }
\ No newline at end of file
diff --git a/extension/src-language-server/stpa/actions.ts b/extension/src-language-server/stpa/actions.ts
new file mode 100644
index 00000000..ffb03775
--- /dev/null
+++ b/extension/src-language-server/stpa/actions.ts
@@ -0,0 +1,81 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2023 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { Action, JsonMap, RequestAction, generateRequestId, ResponseAction } from "sprotty-protocol";
+
+/** Send to server to generate SVGs for the STPA result report */
+export interface GenerateSVGsAction extends Action {
+    kind: typeof GenerateSVGsAction.KIND
+    uri: string
+    options?: JsonMap;
+}
+
+export namespace GenerateSVGsAction {
+    export const KIND = "generateSVGs";
+    
+
+    export function create(
+        uri: string,
+        options?: JsonMap
+    ): GenerateSVGsAction {
+        return {
+            kind: KIND,
+            uri,
+            options
+        };
+    }
+
+    export function isThisAction(action: Action): action is GenerateSVGsAction {
+        return action.kind === GenerateSVGsAction.KIND;
+    }
+}
+
+/** Requests the current SVG from the client. */
+export interface RequestSvgAction extends RequestAction<SvgAction> {
+    kind: typeof RequestSvgAction.KIND
+}
+
+export namespace RequestSvgAction {
+    export const KIND = 'requestSvg';
+
+    export function create(): RequestSvgAction {
+        return {
+            kind: KIND,
+            requestId: generateRequestId()
+        };
+    }
+}
+
+/** Send from client to server containing the requested SVG and its width. */
+export interface SvgAction extends ResponseAction {
+    kind: typeof SvgAction.KIND;
+    svg: string
+    width: number
+    responseId: string
+}
+export namespace SvgAction {
+    export const KIND = 'svg';
+
+    export function create(svg: string, width: number, requestId: string): SvgAction {
+        return {
+            kind: KIND,
+            svg,
+            width,
+            responseId: requestId
+        };
+    }
+}
\ No newline at end of file
diff --git a/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts b/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts
index d70be890..c0c0b0de 100644
--- a/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts
@@ -16,9 +16,9 @@
  */
 
 import { AstNode } from "langium";
-import { GeneratorContext, IdCache } from "langium-sprotty";
+import { IdCache } from "langium-sprotty";
 import { SModelElement, SNode } from "sprotty-protocol";
-import { Command, Graph, Model, Node, Variable, VerticalEdge } from "../../generated/ast";
+import { Command, Graph, Node, Variable, VerticalEdge } from "../../generated/ast";
 import { createControlStructureEdge, createDummyNode, createLabel, createPort } from "./diagram-elements";
 import { CSEdge, CSNode, ParentNode } from "./stpa-interfaces";
 import {
@@ -47,17 +47,17 @@ export function createControlStructure(
     controlStructure: Graph,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): ParentNode {
     // set the level of the nodes in the control structure automatically
     setLevelOfCSNodes(controlStructure.nodes);
     // determine the nodes of the control structure graph
-    const csNodes = controlStructure.nodes.map(n => createControlStructureNode(n, idToSNode, options, args));
+    const csNodes = controlStructure.nodes.map(n => createControlStructureNode(n, idToSNode, options, idCache));
     // children (nodes and edges) of the control structure
     const CSChildren = [
         ...csNodes,
-        ...generateVerticalCSEdges(controlStructure.nodes, idToSNode, args),
-        //...this.generateHorizontalCSEdges(filteredModel.controlStructure.edges, args)
+        ...generateVerticalCSEdges(controlStructure.nodes, idToSNode, idCache),
+        //...this.generateHorizontalCSEdges(filteredModel.controlStructure.edges, idCache)
     ];
     // sort the ports in order to group edges based on the nodes they are connected to
     sortPorts(CSChildren.filter(node => node.type.startsWith("node")) as CSNode[]);
@@ -80,9 +80,8 @@ export function createControlStructureNode(
     node: Node,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): CSNode {
-    const idCache = args.idCache;
     const label = node.label ? node.label : node.name;
     const nodeId = idCache.uniqueId(node.name, node);
     const children: SModelElement[] = createLabel([label], nodeId, idCache);
@@ -107,7 +106,7 @@ export function createControlStructureNode(
         };
         // create the actual children
         node.children?.forEach(child => {
-            invisibleNode.children?.push(createControlStructureNode(child, idToSNode, options, args));
+            invisibleNode.children?.push(createControlStructureNode(child, idToSNode, options, idCache));
         });
         children.push(invisibleNode);
     }
@@ -185,21 +184,21 @@ export function createProcessModelNodes(variables: Variable[], idCache: IdCache<
 export function generateVerticalCSEdges(
     nodes: Node[],
     idToSNode: Map<string, SNode>,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): (CSNode | CSEdge)[] {
     const edges: (CSNode | CSEdge)[] = [];
     // for every control action and feedback of every a node, a edge should be created
     for (const node of nodes) {
         // create edges representing the control actions
-        edges.push(...translateCommandsToEdges(node.actions, EdgeType.CONTROL_ACTION, idToSNode, args));
+        edges.push(...translateCommandsToEdges(node.actions, EdgeType.CONTROL_ACTION, idToSNode, idCache));
         // create edges representing feedback
-        edges.push(...translateCommandsToEdges(node.feedbacks, EdgeType.FEEDBACK, idToSNode, args));
+        edges.push(...translateCommandsToEdges(node.feedbacks, EdgeType.FEEDBACK, idToSNode, idCache));
         // create edges representing the other inputs
-        edges.push(...translateIOToEdgeAndNode(node.inputs, node, EdgeType.INPUT, idToSNode, args));
+        edges.push(...translateIOToEdgeAndNode(node.inputs, node, EdgeType.INPUT, idToSNode, idCache));
         // create edges representing the other outputs
-        edges.push(...translateIOToEdgeAndNode(node.outputs, node, EdgeType.OUTPUT, idToSNode, args));
+        edges.push(...translateIOToEdgeAndNode(node.outputs, node, EdgeType.OUTPUT, idToSNode, idCache));
         // create edges for children and add the ones that must be added at the top level
-        edges.push(...generateVerticalCSEdges(node.children, idToSNode, args));
+        edges.push(...generateVerticalCSEdges(node.children, idToSNode, idCache));
     }
     return edges;
 }
@@ -215,9 +214,8 @@ export function translateCommandsToEdges(
     commands: VerticalEdge[],
     edgeType: EdgeType,
     idToSNode: Map<string, SNode>,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): CSEdge[] {
-    const idCache = args.idCache;
     const edges: CSEdge[] = [];
     for (const edge of commands) {
         // create edge id
@@ -244,7 +242,7 @@ export function translateCommandsToEdges(
                 edgeId,
                 edgeType,
                 idToSNode,
-                args,
+                idCache,
                 commonAncestor
             );
             // add edge between the two ports in the common ancestor
@@ -256,7 +254,7 @@ export function translateCommandsToEdges(
                 edgeType,
                 // if the common ancestor is the parent of the target we want an edge with an arrow otherwise an intermediate edge
                 target.$container === commonAncestor ? CS_EDGE_TYPE : CS_INTERMEDIATE_EDGE_TYPE,
-                args
+                idCache
             );
             if (commonAncestor?.$type === "Graph") {
                 // if the common ancestor is the graph, the edge must be added at the top level and hence have to be returned
@@ -286,10 +284,9 @@ export function translateIOToEdgeAndNode(
     node: Node,
     edgetype: EdgeType,
     idToSNode: Map<string, SNode>,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): (CSNode | CSEdge)[] {
     if (io.length !== 0) {
-        const idCache = args.idCache;
         const nodeId = idCache.getId(node);
 
         // create the label of the edge
@@ -316,7 +313,7 @@ export function translateIOToEdgeAndNode(
                     label,
                     edgetype,
                     CS_EDGE_TYPE,
-                    args
+                    idCache
                 );
                 graphComponents = [inputEdge, inputDummyNode];
                 break;
@@ -335,7 +332,7 @@ export function translateIOToEdgeAndNode(
                     label,
                     edgetype,
                     CS_EDGE_TYPE,
-                    args
+                    idCache
                 );
                 graphComponents = [outputEdge, outputDummyNode];
                 break;
@@ -370,7 +367,7 @@ export function generateIntermediateCSEdges(
     edgeId: string,
     edgeType: EdgeType,
     idToSNode: Map<string, SNode>,
-    args: GeneratorContext<Model>,
+    idCache: IdCache<AstNode>,
     ancestor?: Node | Graph
 ): { sourcePort: string; targetPort: string } {
     const assocEdge = { node1: source?.name ?? "", node2: target?.name ?? "" };
@@ -381,7 +378,7 @@ export function generateIntermediateCSEdges(
         edgeId,
         edgeType === EdgeType.CONTROL_ACTION ? PortSide.SOUTH : PortSide.NORTH,
         idToSNode,
-        args.idCache,
+        idCache,
         ancestor
     );
     const targets = generatePortsForCSHierarchy(
@@ -390,7 +387,7 @@ export function generateIntermediateCSEdges(
         edgeId,
         edgeType === EdgeType.CONTROL_ACTION ? PortSide.NORTH : PortSide.SOUTH,
         idToSNode,
-        args.idCache,
+        idCache,
         ancestor
     );
     // add edges between the ports of the source and its ancestors
@@ -398,13 +395,13 @@ export function generateIntermediateCSEdges(
         const sEdgeType = CS_INTERMEDIATE_EDGE_TYPE;
         sources.nodes[i + 1]?.children?.push(
             createControlStructureEdge(
-                args.idCache.uniqueId(edgeId),
+                idCache.uniqueId(edgeId),
                 sources.portIds[i],
                 sources.portIds[i + 1],
                 [],
                 edgeType,
                 sEdgeType,
-                args,
+                idCache,
                 false
             )
         );
@@ -414,13 +411,13 @@ export function generateIntermediateCSEdges(
         const sEdgeType = i === 0 ? CS_EDGE_TYPE : CS_INTERMEDIATE_EDGE_TYPE;
         targets.nodes[i + 1]?.children?.push(
             createControlStructureEdge(
-                args.idCache.uniqueId(edgeId),
+                idCache.uniqueId(edgeId),
                 targets.portIds[i + 1],
                 targets.portIds[i],
                 [],
                 edgeType,
                 sEdgeType,
-                args,
+                idCache,
                 false
             )
         );
diff --git a/extension/src-language-server/stpa/diagram/diagram-elements.ts b/extension/src-language-server/stpa/diagram/diagram-elements.ts
index 2fcca8c9..2a7c8987 100644
--- a/extension/src-language-server/stpa/diagram/diagram-elements.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-elements.ts
@@ -16,14 +16,13 @@
  */
 
 import { AstNode } from "langium";
-import { GeneratorContext, IdCache } from "langium-sprotty";
+import { IdCache } from "langium-sprotty";
 import { SLabel, SModelElement } from "sprotty-protocol";
-import { Model } from "../../generated/ast";
 import { getDescription } from "../../utils";
 import { CSEdge, CSNode, PastaPort, STPAEdge, STPANode } from "./stpa-interfaces";
 import { DUMMY_NODE_TYPE, EdgeType, PORT_TYPE, PortSide, STPAAspect, STPA_NODE_TYPE } from "./stpa-model";
-import { getAspect } from "./utils";
 import { StpaSynthesisOptions } from "./stpa-synthesis-options";
+import { getAspect } from "./utils";
 
 /**
  * Creates an STPANode.
@@ -119,7 +118,7 @@ export function createControlStructureEdge(
     label: string[],
     edgeType: EdgeType,
     sedgeType: string,
-    args: GeneratorContext<Model>,
+    idCache: IdCache<AstNode>,
     dummyLabel: boolean = true
 ): CSEdge {
     return {
@@ -128,7 +127,7 @@ export function createControlStructureEdge(
         sourceId: sourceId!,
         targetId: targetId!,
         edgeType: edgeType,
-        children: createLabel(label, edgeId, args.idCache, undefined, dummyLabel),
+        children: createLabel(label, edgeId, idCache, undefined, dummyLabel),
     };
 }
 
diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index 3b30136d..b55ce6e8 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -23,8 +23,9 @@ import { createControlStructure } from "./diagram-controlStructure";
 import { createRelationshipGraph } from "./diagram-relationshipGraph";
 import { filterModel } from "./filtering";
 import { StpaSynthesisOptions } from "./stpa-synthesis-options";
-import { LangiumParser, documentFromText, ParseResult, AstNode } from 'langium';
-import { TextDocument, CancellationToken } from 'vscode-languageserver';
+import { LangiumParser, ParseResult, AstNode, LangiumDocumentFactory } from 'langium';
+import { CancellationToken } from 'vscode-languageserver';
+import { TextDocument } from 'vscode-languageserver-textdocument';
 import { StpaDocumentBuilder } from '../../stpa-document-builder';
 import { LanguageTemplate } from '../../templates/template-model';
 
@@ -32,6 +33,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
     protected readonly options: StpaSynthesisOptions;
     protected readonly parser: LangiumParser;
     protected readonly docBuilder: StpaDocumentBuilder;
+    protected readonly docFactory: LangiumDocumentFactory;
     protected readonly languageId: string;
 
     /** Saves the Ids of the generated SNodes */
@@ -44,6 +46,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
         this.options = services.options.SynthesisOptions;
         this.parser = services.parser.LangiumParser;
         this.docBuilder = services.shared.workspace.DocumentBuilder as StpaDocumentBuilder;
+        this.docFactory = services.shared.workspace.LangiumDocumentFactory as LangiumDocumentFactory;
         this.languageId = services.LanguageMetaData.languageId;
     }
     /**
@@ -70,7 +73,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * @param template The template that should be parsed.
      * @returns The AST for {@code template}.
      */
-     protected async getTempalteAST(template: LanguageTemplate) {
+     protected async getTempalteAST(template: LanguageTemplate): Promise<Model | undefined> {
         // in order for the cross-references to be correctly evaluated, a document must be build
         const uri = 'file:///template.stpa';
         const textDocument = TextDocument.create(uri, this.languageId, 0, template.baseCode ?? '');
@@ -78,8 +81,9 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
         if (parseResult.parserErrors.length > 0) {
             return undefined;
         }
-        const doc = documentFromText<Model>(textDocument, parseResult);
-        await this.docBuilder.buildDocuments([doc], CancellationToken.None);
+        // const doc = documentFromText<Model>(textDocument, parseResult);
+        const doc = this.docFactory.fromTextDocument<Model>(textDocument);
+        await this.docBuilder.buildDocuments([doc], {validationChecks: 'none'}, CancellationToken.None);
 
         return doc.parseResult.value;
     }
@@ -88,14 +92,14 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
      * Deletes the dangling edges in {@code template}.
      * @param template The template which edges should be inspected.
      */
-    async deleteDanglingEdges(template: LanguageTemplate) {
+    async deleteDanglingEdges(template: LanguageTemplate): Promise<void> {
         const model = await this.getTempalteAST(template);
         if (model) {
-            const nodes = model.controlStructure.nodes;
+            const nodes = model.controlStructure?.nodes;
             const nodeIDs = new Set<string>();
-            nodes.forEach(node => nodeIDs.add(node.name));
+            nodes?.forEach(node => nodeIDs.add(node.name));
             const danglingNodes = new Set<string>();
-            for (const node of nodes) {
+            for (const node of nodes ?? []) {
                 node.actions.filter(action => {
                     if (!nodeIDs.has(action.target.$refText)) {
                         danglingNodes.add(action.target.$refText);
@@ -111,7 +115,7 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
                     return true;
                 });
             }
-            danglingNodes.forEach((node, test) => {
+            danglingNodes.forEach((node) => {
                 const newString = template.baseCode.replace(/->( )*/, "-> ");
                 const endIndex = newString.indexOf("-> " + node) + 3 + node.length;
                 const startIndex = newString.substring(0, endIndex).lastIndexOf('[');
@@ -149,11 +153,11 @@ export class StpaDiagramGenerator extends LangiumDiagramGenerator {
         if (filteredModel.controlStructure) {
             // add control structure to roots children
             rootChildren.push(
-                createControlStructure(filteredModel.controlStructure, this.idToSNode, this.options, args)
+                createControlStructure(filteredModel.controlStructure, this.idToSNode, this.options, this.idCache)
             );
         }
         // add relationship graph to roots children
-        rootChildren.push(createRelationshipGraph(filteredModel, model, this.idToSNode, this.options, args));
+        rootChildren.push(createRelationshipGraph(filteredModel, model, this.idToSNode, this.options, this.idCache));
         // return root
         return {
             type: "graph",
diff --git a/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts b/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts
index a6d23457..bfaa4596 100644
--- a/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts
@@ -16,7 +16,7 @@
  */
 
 import { AstNode } from "langium";
-import { GeneratorContext, IdCache } from "langium-sprotty";
+import { IdCache } from "langium-sprotty";
 import { SModelElement, SNode } from "sprotty-protocol";
 import { Hazard, Model, SystemConstraint, isContext, isHazard, isSystemConstraint, isUCA } from "../../generated/ast";
 import { collectElementsWithSubComps, leafElement } from "../utils";
@@ -54,9 +54,9 @@ export function createRelationshipGraph(
     model: Model,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): ParentNode {
-    const children = createRelationshipGraphChildren(filteredModel, model, idToSNode, options, args);
+    const children = createRelationshipGraphChildren(filteredModel, model, idToSNode, options, idCache);
 
     // filtering the nodes of the STPA graph
     const stpaNodes: STPANode[] = [];
@@ -90,7 +90,7 @@ export function createRelationshipGraphChildren(
     model: Model,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): SModelElement[] {
     const showLabels = options.getShowLabels();
     // aspects that should have a description when showLabel option is set to automatic
@@ -106,7 +106,7 @@ export function createRelationshipGraphChildren(
                 (showLabels === showLabelsValue.AUTOMATIC && aspectsToShowDescriptions.includes(STPAAspect.LOSS)),
             idToSNode,
             options,
-            args
+            idCache
         )
     );
     // the hierarchy option determines whether subcomponents are contained in ther parent or not
@@ -125,7 +125,7 @@ export function createRelationshipGraphChildren(
                                 aspectsToShowDescriptions.includes(STPAAspect.HAZARD)),
                         idToSNode,
                         options,
-                        args
+                        idCache
                     )
                 )
                 .flat(1),
@@ -139,7 +139,7 @@ export function createRelationshipGraphChildren(
                                 aspectsToShowDescriptions.includes(STPAAspect.SYSTEMCONSTRAINT)),
                         idToSNode,
                         options,
-                        args
+                        idCache
                     )
                 )
                 .flat(1),
@@ -157,7 +157,7 @@ export function createRelationshipGraphChildren(
                                 aspectsToShowDescriptions.includes(STPAAspect.HAZARD)),
                         idToSNode,
                         options,
-                        args
+                        idCache
                     )
                 )
                 .flat(1),
@@ -171,14 +171,14 @@ export function createRelationshipGraphChildren(
                                 aspectsToShowDescriptions.includes(STPAAspect.SYSTEMCONSTRAINT)),
                         idToSNode,
                         options,
-                        args
+                        idCache
                     )
                 )
                 .flat(1),
             ...filteredModel.systemLevelConstraints
                 ?.map(systemConstraint =>
                     systemConstraint.subComponents?.map(subsystemConstraint =>
-                        generateEdgesForSTPANode(subsystemConstraint, idToSNode, options, args)
+                        generateEdgesForSTPANode(subsystemConstraint, idToSNode, options, idCache)
                     )
                 )
                 .flat(2),
@@ -196,7 +196,7 @@ export function createRelationshipGraphChildren(
                                 aspectsToShowDescriptions.includes(STPAAspect.RESPONSIBILITY)),
                         idToSNode,
                         options,
-                        args
+                        idCache
                     )
                 )
             )
@@ -214,7 +214,7 @@ export function createRelationshipGraphChildren(
                                     aspectsToShowDescriptions.includes(STPAAspect.UCA)),
                             idToSNode,
                             options,
-                            args
+                            idCache
                         )
                     )
             )
@@ -230,7 +230,7 @@ export function createRelationshipGraphChildren(
                                 aspectsToShowDescriptions.includes(STPAAspect.UCA)),
                         idToSNode,
                         options,
-                        args
+                        idCache
                     )
                 )
             )
@@ -245,7 +245,7 @@ export function createRelationshipGraphChildren(
                             aspectsToShowDescriptions.includes(STPAAspect.CONTROLLERCONSTRAINT)),
                     idToSNode,
                     options,
-                    args
+                    idCache
                 )
             )
             .flat(1),
@@ -259,7 +259,7 @@ export function createRelationshipGraphChildren(
                             aspectsToShowDescriptions.includes(STPAAspect.SCENARIO)),
                     idToSNode,
                     options,
-                    args
+                    idCache
                 )
             )
             .flat(1),
@@ -273,7 +273,7 @@ export function createRelationshipGraphChildren(
                             aspectsToShowDescriptions.includes(STPAAspect.SAFETYREQUIREMENT)),
                     idToSNode,
                     options,
-                    args
+                    idCache
                 )
             )
             .flat(1),
@@ -292,15 +292,15 @@ export function generateAspectWithEdges(
     showDescription: boolean,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): SModelElement[] {
     // node must be created first in order to access the id when creating the edges
-    const stpaNode = generateSTPANode(node, showDescription, idToSNode, options, args);
+    const stpaNode = generateSTPANode(node, showDescription, idToSNode, options, idCache);
     // uca nodes need to save their control action in order to be able to group them by the actions
     if ((isUCA(node) || isContext(node)) && node.$container.system.ref) {
         stpaNode.controlAction = node.$container.system.ref.name + "." + node.$container.action.ref?.name;
     }
-    const elements: SModelElement[] = generateEdgesForSTPANode(node, idToSNode, options, args);
+    const elements: SModelElement[] = generateEdgesForSTPANode(node, idToSNode, options, idCache);
     elements.push(stpaNode);
     return elements;
 }
@@ -316,9 +316,8 @@ export function generateSTPANode(
     showDescription: boolean,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): STPANode {
-    const idCache = args.idCache;
     const nodeId = idCache.uniqueId(node.name, node);
     // determines the hierarchy level for subcomponents. For other components the value is 0.
     let lvl = 0;
@@ -333,21 +332,21 @@ export function generateSTPANode(
         nodeId,
         node.name,
         options,
-        args.idCache,
+        idCache,
         isContext(node) ? createUCAContextDescription(node) : node.description
     );
     // if the hierarchy option is true, the subcomponents are added as children to the parent
     if (options.getHierarchy() && isHazard(node) && node.subComponents.length !== 0) {
         // adds subhazards
         children = children.concat(
-            node.subComponents?.map((sc: Hazard) => generateSTPANode(sc, showDescription, idToSNode, options, args))
+            node.subComponents?.map((sc: Hazard) => generateSTPANode(sc, showDescription, idToSNode, options, idCache))
         );
     }
     if (options.getHierarchy() && isSystemConstraint(node) && node.subComponents.length !== 0) {
         // adds subconstraints
         children = children.concat(
             node.subComponents?.map((sc: SystemConstraint) =>
-                generateSTPANode(sc, showDescription, idToSNode, options, args)
+                generateSTPANode(sc, showDescription, idToSNode, options, idCache)
             )
         );
     }
@@ -374,14 +373,14 @@ export function generateEdgesForSTPANode(
     node: AstNode,
     idToSNode: Map<string, SNode>,
     options: StpaSynthesisOptions,
-    args: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): SModelElement[] {
     const elements: SModelElement[] = [];
     // for every reference an edge is created
     // if hierarchy option is false, edges from subcomponents to parents are created too
     const targets = getTargets(node, options.getHierarchy());
     for (const target of targets) {
-        const edge = generateSTPAEdge(node, target, "", idToSNode, args);
+        const edge = generateSTPAEdge(node, target, "", idToSNode, idCache);
         if (edge) {
             elements.push(edge);
         }
@@ -402,7 +401,7 @@ export function generateSTPAEdge(
     target: AstNode,
     label: string,
     idToSNode: Map<string, SNode>,
-    { idCache }: GeneratorContext<Model>
+    idCache: IdCache<AstNode>
 ): STPAEdge | undefined {
     // get the IDs
     const targetId = idCache.getId(target);
diff --git a/extension/src-webview/options/render-options-registry.ts b/extension/src-webview/options/render-options-registry.ts
index 9e74fc23..57041704 100644
--- a/extension/src-webview/options/render-options-registry.ts
+++ b/extension/src-webview/options/render-options-registry.ts
@@ -53,6 +53,32 @@ export class DifferentFormsOption implements RenderOption {
     currentValue = false;
 }
 
+/**
+ * Boolean option to enable and disable the visualization of the control structure.
+ */
+export class ShowCSOption implements RenderOption {
+    static readonly ID: string = 'show-cs';
+    static readonly NAME: string = 'Show Control Structure';
+    readonly id: string = ShowCSOption.ID;
+    readonly name: string = ShowCSOption.NAME;
+    readonly type: TransformationOptionType = TransformationOptionType.CHECK;
+    readonly initialValue: boolean = true;
+    currentValue = true;
+}
+
+/**
+ * Boolean option to enable and disable the visualization of the relationship graph.
+ */
+export class ShowRelationshipGraphOption implements RenderOption {
+    static readonly ID: string = 'show-relations';
+    static readonly NAME: string = 'Show Relationship Graph';
+    readonly id: string = ShowRelationshipGraphOption.ID;
+    readonly name: string = ShowRelationshipGraphOption.NAME;
+    readonly type: TransformationOptionType = TransformationOptionType.CHECK;
+    readonly initialValue: boolean = true;
+    currentValue = true;
+}
+
 export interface RenderOptionType {
     readonly ID: string,
     readonly NAME: string,
@@ -75,6 +101,9 @@ export class RenderOptionsRegistry extends Registry {
         // Add available render options to this registry
         this.register(DifferentFormsOption);
         this.register(ColorStyleOption);
+
+        this.register(ShowCSOption);
+        this.register(ShowRelationshipGraphOption);
     }
 
     @postConstruct()
diff --git a/extension/src-webview/stpa/stpa-views.tsx b/extension/src-webview/stpa/stpa-views.tsx
index fa381e36..a9e19853 100644
--- a/extension/src-webview/stpa/stpa-views.tsx
+++ b/extension/src-webview/stpa/stpa-views.tsx
@@ -18,19 +18,13 @@
 /** @jsx svg */
 import { inject, injectable } from 'inversify';
 import { VNode } from 'snabbdom';
-import { IView, IViewArgs, Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SGraph, SGraphView, SLabel, SLabelView, SNode, SPort, svg, toDegrees } from 'sprotty';
+import { IView, IViewArgs, IActionDispatcher, Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SGraph, SGraphView, SLabel, SLabelView, SNode, SPort, svg, toDegrees, ModelRenderer, TYPES } from 'sprotty';
 import { DISymbol } from '../di.symbols';
-import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry } from '../options/render-options-registry';
-import { renderDiamond, renderHexagon, renderMirroredTriangle, renderOval, renderPentagon, renderRectangle, renderRoundedRectangle, renderTrapez, renderTriangle } from '../views-rendering';
-import { Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SNode, svg, SPort, toDegrees, SGraphView, SGraph, TYPES, IActionDispatcher, ModelRenderer } from 'sprotty';
-import { injectable } from 'inversify';
-import { STPANode, PARENT_TYPE, STPA_NODE_TYPE, CS_EDGE_TYPE, STPAAspect, STPAEdge, STPA_EDGE_TYPE, CS_NODE_TYPE } from './stpa-model';
-import { renderCircle, renderDiamond, renderHexagon, renderMirroredTriangle, renderPentagon, renderRectangle, renderRoundedRectangle, renderTrapez, renderTriangle } from './views-rendering';
-import { inject } from 'inversify';
 import { collectAllChildren } from './helper-methods';
-import { DISymbol } from './di.symbols';
-import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry, ShowCSOption, ShowRelationshipGraphOption } from './options/render-options-registry';
-import { SendModelRendererAction } from './template/actions';
+import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry, ShowCSOption, ShowRelationshipGraphOption } from '../options/render-options-registry';
+import { renderDiamond, renderHexagon, renderMirroredTriangle, renderOval, renderPentagon, renderRectangle, renderRoundedRectangle, renderTrapez, renderTriangle } from '../views-rendering';
+import { STPANode, PARENT_TYPE, STPA_NODE_TYPE, CS_EDGE_TYPE, STPAAspect, STPAEdge, STPA_EDGE_TYPE, CS_NODE_TYPE, CSEdge, CS_INTERMEDIATE_EDGE_TYPE, EdgeType, STPA_INTERMEDIATE_EDGE_TYPE } from './stpa-model';
+import { SendModelRendererAction } from '../template/actions';
 
 /** Determines if path/aspect highlighting is currently on. */
 let highlighting: boolean;
@@ -249,10 +243,12 @@ export class InvisibleNodeView extends RectangularNodeView {
 @injectable()
 export class STPAGraphView extends SGraphView {
 
+    @inject(TYPES.IActionDispatcher) private actionDispatcher: IActionDispatcher;
+
     render(model: Readonly<SGraph>, context: RenderingContext): VNode {
         // to render the template panel the modelrenderer and the canvasbounds are needed
         this.actionDispatcher.dispatch(SendModelRendererAction.create(context as ModelRenderer, model.canvasBounds));
-        let allNodes: SNode[] = [];
+        const allNodes: SNode[] = [];
         collectAllChildren(model.children as SNode[], allNodes);
         highlighting = allNodes.find(node => {
             return node instanceof STPANode && node.highlight;
diff --git a/extension/src-webview/template/template-registry.ts b/extension/src-webview/template/template-registry.ts
index 489bd6da..b56a3afc 100644
--- a/extension/src-webview/template/template-registry.ts
+++ b/extension/src-webview/template/template-registry.ts
@@ -18,21 +18,24 @@
 import { inject, injectable } from "inversify";
 import { ActionHandlerRegistry, IActionHandlerInitializer, ICommand } from "sprotty";
 import { Action } from "sprotty-protocol";
+import { ActionNotification } from "sprotty-vscode-protocol";
+import { VsCodeMessenger } from "sprotty-vscode-webview/lib/services";
+import { HOST_EXTENSION } from "vscode-messenger-common";
+import { Messenger } from "vscode-messenger-webview";
 import { Registry } from "../base/registry";
 import { DISymbol } from "../di.symbols";
-import { SendModelRendererAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction } from "./actions";
+import { RequestWebviewTemplatesAction, SendModelRendererAction, SendWebviewTemplatesAction } from "./actions";
 import { TemplateRenderer } from "./template-renderer";
-import { vscodeApi } from 'sprotty-vscode-webview/lib/vscode-api';
 
 /**
  * {@link Registry} that stores and manages templates provided by the server.
  *
- * Acts as an action handler that handles UpdateTemplateActions. 
+ * Acts as an action handler that handles UpdateTemplateActions.
  */
 @injectable()
 export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
     readonly position = -10;
-
+    @inject(VsCodeMessenger) protected messenger: Messenger;
     @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
 
     initialize(registry: ActionHandlerRegistry): void {
@@ -53,14 +56,16 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
         const response: SendWebviewTemplatesAction = {
             kind: SendWebviewTemplatesAction.KIND,
             templates: temps,
-            responseId: action.requestId
+            responseId: action.requestId,
         };
-        vscodeApi.postMessage({clientId: action.clientId, action: response});
+        this.messenger.sendNotification(ActionNotification, HOST_EXTENSION, {
+            clientId: action.clientId,
+            action: response,
+        });
     }
 
-    private handleSendModelRenderer(action: SendModelRendererAction) {
+    private handleSendModelRenderer(action: SendModelRendererAction): void {
         this.templateRenderer.setRenderer((action as SendModelRendererAction).renderer);
         this.templateRenderer.setBounds((action as SendModelRendererAction).bounds);
     }
-
-}
\ No newline at end of file
+}
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 7eaf7e9b..582aa0a0 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -16,7 +16,7 @@
  */
 
 import * as path from "path";
-import { registerDefaultCommands } from "sprotty-vscode";
+import { createFileUri, registerDefaultCommands } from "sprotty-vscode";
 import { LspSprottyEditorProvider, LspSprottyViewProvider } from "sprotty-vscode/lib/lsp";
 import * as vscode from "vscode";
 import { LanguageClient, LanguageClientOptions, ServerOptions, TransportKind } from "vscode-languageclient/node";
@@ -28,6 +28,7 @@ import { StpaResult } from "./report/utils";
 import { createSBMs } from "./sbm/sbm-generation";
 import { LTLFormula } from "./sbm/utils";
 import { createFile, createOutputChannel, createQuickPickForWorkspaceOptions } from "./utils";
+import { TemplateWebview } from './template-webview';
 
 let languageClient: LanguageClient;
 
@@ -46,32 +47,6 @@ export function activate(context: vscode.ExtensionContext): void {
         throw new Error("The environment variable 'DIAGRAM_MODE' must be set to 'panel', 'editor' or 'view'.");
     }
 
-    const provider: vscode.WebviewViewProvider = {
-        resolveWebviewView: function (webviewView: vscode.WebviewView, context: vscode.WebviewViewResolveContext<unknown>, token: vscode.CancellationToken): void | Thenable<void> {
-            const tWebview = new TemplateWebview(
-                "templates",
-                extension,
-                [
-                    extension.getExtensionFileUri('pack')
-                ],
-                extension.getExtensionFileUri('pack', 'tempWebview.js'),
-            );
-            tWebview.webview = webviewView.webview;
-            tWebview.webview.options = {
-                enableScripts: true
-            };
-            const title = tWebview.createTitle();
-            webviewView.title = title;
-            tWebview.initializeWebview(webviewView.webview, title);
-            tWebview.connect();
-
-            extension.languageClient.onReady().then(() => {
-                extension.languageClient.onNotification('templates/add', (msg) => tWebview.sendToWebview(msg));
-            });
-        }
-    };
-    vscode.window.registerWebviewViewProvider("stpa-templates", provider);
-
     languageClient = createLanguageClient(context);
     // Create context key of supported languages
     vscode.commands.executeCommand("setContext", "pasta.languages", supportedFileEndings);
@@ -92,7 +67,11 @@ export function activate(context: vscode.ExtensionContext): void {
         registerTextEditorSync(webviewPanelManager, context);
         registerSTPACommands(webviewPanelManager, context, { extensionPrefix: "pasta" });
         registerFTACommands(webviewPanelManager, context, { extensionPrefix: "pasta" });
+
+        registerTemplateWebview(webviewPanelManager, context);
+        
     }
+    
 
     if (diagramMode === "editor") {
         // Set up webview editor associated with file type
@@ -268,7 +247,7 @@ function registerFTACommands(
                     uri: uri.path,
                     startId,
                 });
-                await manager.openDiagram(uri);
+                await manager.openDiagram(uri, {preserveFocus: true});
                 handleCutSets(cutSets, false);
             }
         )
@@ -281,7 +260,7 @@ function registerFTACommands(
                     uri: uri.path,
                     startId,
                 });
-                await manager.openDiagram(uri);
+                await manager.openDiagram(uri, {preserveFocus: true});
                 handleCutSets(minimalCutSets, true);
             }
         )
@@ -350,7 +329,7 @@ function registerTextEditorSync(manager: StpaLspVscodeExtension, context: vscode
                 if (currentCursorPosition) {
                     await languageClient.sendNotification("editor/save", document.offsetAt(currentCursorPosition));
                 }
-                manager.openDiagram(document.uri);
+                manager.openDiagram(document.uri, {preserveFocus: true});
                 if (manager.contextTable) {
                     languageClient.sendNotification("contextTable/getData", document.uri.toString());
                 }
@@ -358,3 +337,35 @@ function registerTextEditorSync(manager: StpaLspVscodeExtension, context: vscode
         })
     );
 }
+function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscode.ExtensionContext): void {
+    const provider: vscode.WebviewViewProvider = {
+        resolveWebviewView: function (webviewView: vscode.WebviewView, context: vscode.WebviewViewResolveContext<unknown>, token: vscode.CancellationToken): void | Thenable<void> {
+            const tWebview = new TemplateWebview(
+                "templates",
+                manager,
+                createFileUri(manager.options.extensionUri.fsPath, 'pack', 'tempWebview.js')
+            );
+            tWebview.webview = webviewView.webview;
+            tWebview.webview.options = {
+                enableScripts: true
+            };
+            const title = tWebview.createTitle();
+            webviewView.title = title;
+            tWebview.initializeWebview(webviewView.webview, title);
+            tWebview.connect();
+
+            // await webviewPanelManager.lsReady;
+            languageClient.onNotification('templates/add', (msg: any) => tWebview.sendToWebview(msg));
+            languageClient.onNotification('editor/add', manager.handleWorkSpaceEdit.bind(this));
+            languageClient.onNotification('config/add', (temps: string[]) => manager.handleAddToConfig(temps));
+            languageClient.onNotification('templates/creationFailed', () => vscode.window.showWarningMessage("Template could not be created."));
+        }
+    };
+    vscode.window.registerWebviewViewProvider("stpa-templates", provider);
+    context.subscriptions.push(
+        vscode.commands.registerCommand("pasta" + '.templates.add', async (...commandArgs: any) => {
+        const uri = (commandArgs[0] as vscode.Uri);
+            manager.addTemplate(uri);
+        }));
+}
+
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 39bf40ec..53e5756c 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -18,9 +18,9 @@
 import { ActionMessage, JsonMap, SelectAction } from "sprotty-protocol";
 import { createFileUri } from "sprotty-vscode";
 import { SprottyDiagramIdentifier } from "sprotty-vscode-protocol";
-import { LspWebviewEndpoint, LspWebviewPanelManager, LspWebviewPanelManagerOptions } from "sprotty-vscode/lib/lsp";
+import { LspWebviewEndpoint, LspWebviewPanelManager, LspWebviewPanelManagerOptions, acceptMessageType } from "sprotty-vscode/lib/lsp";
 import * as vscode from "vscode";
-import { GenerateSVGsAction } from "./actions";
+import { AddTemplateAction, GenerateSVGsAction } from "./actions";
 import { ContextTablePanel } from "./context-table-panel";
 import { StpaFormattingEditProvider } from "./stpa-formatter";
 import { applyTextEdits, collectOptions, createFile } from "./utils";
@@ -40,13 +40,13 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
      * Sends an AddTemplateAction to the language server containing the selected text.
      * @param commandArgs 
      */
-    protected async addTemplate(commandArgs: any[]) {
+    async addTemplate(uri: vscode.Uri): Promise<void> {
         const activeEditor = vscode.window.activeTextEditor;
         const sel = activeEditor?.selection;
         const doc = activeEditor?.document;
         if (doc && sel) {
             if (!this.clientId) {
-                const identifier = await this.createDiagramIdentifier(commandArgs);
+                const identifier = await this.createDiagramIdentifier(uri);
                 this.clientId = identifier?.clientId;
             }
             const text = doc.getText().substring(doc.offsetAt(sel.start), doc.offsetAt(sel?.end));
@@ -65,7 +65,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
      * Adds the {@code temps} to the templates in the config file.
      * @param temps Text of templates.
      */
-    protected handleAddToConfig(temps: string[]) {
+    handleAddToConfig(temps: string[]): void {
         const configTemps = vscode.workspace.getConfiguration('stpa').get('templates');
         const newTemps = (configTemps as string[]).concat(temps);
         vscode.workspace.getConfiguration('stpa').update('templates', newTemps);
@@ -75,7 +75,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
      * Handle WorkSpaceEdit notifications form the langauge server
      * @param msg Message contianing the uri of the document, the text to insert, and the position in the document ot insert it to.
      */
-    protected async handleWorkSpaceEdit(msg: { uri: string, text: string, position: vscode.Position; }) {
+    async handleWorkSpaceEdit(msg: { uri: string, text: string, position: vscode.Position; }): Promise<void> {
         const textDocument = vscode.workspace.textDocuments.find(
             (doc) => doc.uri.toString() === vscode.Uri.parse(msg.uri).toString()
         );
@@ -109,20 +109,13 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         return;
     }
 
-    protected getDiagramType(commandArgs: any[]): string | undefined {
-        if (commandArgs.length === 0
-            || commandArgs[0] instanceof vscode.Uri && commandArgs[0].path.endsWith('.stpa')) {
-            return 'stpa-diagram';
-        }
-        return undefined;
-    }
-
     /** needed for undo/redo actions when ID enforcement is active*/
     ignoreNextTextChange: boolean = false;
 
     constructor(options: LspWebviewPanelManagerOptions, extensionPrefix: string) {
         super(options);
         this.extensionPrefix = extensionPrefix;
+
         // user changed configuration settings
         vscode.workspace.onDidChangeConfiguration(() => {
             // sends configuration of stpa to the language server
@@ -131,16 +124,6 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
                 collectOptions(vscode.workspace.getConfiguration("pasta"))
             );
         });
-        
-        this.languageClient.onReady().then(() => {
-            this.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
-            this.languageClient.onNotification('config/add', (temps) => this.handleAddToConfig(temps));
-            this.languageClient.onNotification('templates/creationFailed', () => vscode.window.showWarningMessage("Template could not be created."));
-        });
-        this.context.subscriptions.push(
-            vscode.commands.registerCommand(this.extensionPrefix + '.templates.add', async (...commandArgs: any) => {
-                this.addTemplate(commandArgs);
-            }));
 
         // add auto formatting provider
         const sel: vscode.DocumentSelector = { scheme: "file", language: "stpa" };
@@ -283,24 +266,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
                 );
                 return diagramSize;
             }
+        }
+        return {};
     }
-}
-
-protected sendUpdateView(languageClient: LanguageClient) {
-    if (this.singleton) {
-        const mes: ActionMessage = {
-            clientId: this.singleton?.diagramIdentifier.clientId,
-            action: {
-                kind: UpdateViewAction.KIND,
-                options: {
-                    diagramType: this.singleton.diagramIdentifier.diagramType,
-                    needsClientLayout: true,
-                    needsServerLayout: true,
-                    sourceUri: this.singleton.diagramIdentifier.uri
-                } as JsonMap
-            } as UpdateViewAction
-        };
-        languageClient.sendNotification(acceptMessageType, mes);
-    }
-    return {};
 }
\ No newline at end of file
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 534e2cd9..79aff9c0 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -27,7 +27,6 @@ export class TemplateWebview {
 
     readonly extension: StpaLspVscodeExtension;
     readonly identifier: string;
-    readonly localResourceRoots: vscode.Uri[];
     readonly scriptUri: vscode.Uri;
     webview: vscode.Webview;
 
@@ -36,10 +35,9 @@ export class TemplateWebview {
     private resolveWebviewReady: () => void;
     private readonly webviewReady = new Promise<void>((resolve) => this.resolveWebviewReady = resolve);
 
-    constructor(identifier: string, extension: StpaLspVscodeExtension, localResourceRoots: vscode.Uri[], scriptUri: vscode.Uri) {
+    constructor(identifier: string, extension: StpaLspVscodeExtension, scriptUri: vscode.Uri) {
         this.extension = extension;
         this.identifier = identifier;
-        this.localResourceRoots = localResourceRoots;
         this.scriptUri = scriptUri;
     }
 
@@ -51,7 +49,7 @@ export class TemplateWebview {
         return this.identifier;
     }
 
-    async initializeWebview(webview: vscode.Webview, title?: string) {
+    async initializeWebview(webview: vscode.Webview, title?: string): Promise<void> {
         webview.html = `
             <!DOCTYPE html>
             <html lang="en">
@@ -75,7 +73,7 @@ export class TemplateWebview {
     /**
      * Registers listeners.
      */
-    async connect() {
+    async connect(): Promise<void> {
         this.disposables.push(this.webview.onDidReceiveMessage(message => this.receiveFromWebview(message)));
         /* this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
             if (editor) {
@@ -88,7 +86,7 @@ export class TemplateWebview {
     /**
      * Sends identifier to the webview.
      */
-    protected async sendDiagramIdentifier() {
+    protected async sendDiagramIdentifier(): Promise<void> {
         await this.ready();
         this.sendToWebview({ identifier: this.identifier });
     }
@@ -97,7 +95,7 @@ export class TemplateWebview {
      * Handles messages from the webview.
      * @param message The message received from the webview.
      */
-    protected async receiveFromWebview(message: any) {
+    protected async receiveFromWebview(message: any): Promise<void> {
         console.log("Received from template webview");
         if (message.readyMessage) {
             this.resolveWebviewReady();
@@ -123,7 +121,7 @@ export class TemplateWebview {
         }
     }
 
-    sendToWebview(message: any) {
+    sendToWebview(message: any): void {
         this.webview.postMessage(message);
     }
 

From d76f257d5b0dd55920a33b0714a933c13f922294 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 17 Apr 2024 13:16:35 +0200
Subject: [PATCH 53/80] fixed execution of snippets

---
 extension/src-language-server/diagram-server.ts    | 14 ++++++++------
 extension/src-language-server/fta/fta-module.ts    |  7 +++++++
 extension/src-language-server/module.ts            |  3 ++-
 .../templates/template-diagram-server.ts           | 14 +++++++-------
 extension/src/extension.ts                         |  5 -----
 extension/src/language-extension.ts                |  7 +++++++
 6 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index d1da3c67..423d79c0 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -56,22 +56,24 @@ import {
 import { SynthesisOptions } from "./synthesis-options";
 import { StpaTemplates } from './stpa-templates';
 import { LanguageTemplate } from './templates/template-model';
+import { TemplateDiagramServer } from './templates/template-diagram-server';
 
-export class PastaDiagramServer extends DiagramServer {
+export class PastaDiagramServer extends TemplateDiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
     protected stpaTemps: StpaTemplates | undefined;
-    clientId: string;
+    // clientId: string;
     protected connection: Connection | undefined;
 
     constructor(
         dispatch: <A extends Action>(action: A) => Promise<void>,
         services: DiagramServices,
-        clientId: string,
+        clientId: string, 
+        options: JsonMap | undefined,
         connection: Connection | undefined,
         synthesisOptions?: SynthesisOptions, 
         stpaTemps?: StpaTemplates
     ) {
-        super(dispatch, services);
+        super(dispatch, services, clientId, stpaTemps?.getTemplates() ?? [], options, connection);
         this.stpaTemps = stpaTemps;
         this.synthesisOptions = synthesisOptions;
         this.clientId = clientId;
@@ -98,8 +100,8 @@ export class PastaDiagramServer extends DiagramServer {
         return super.handleAction(action);
     }
 
-    protected createTempFromString(text: string): LanguageTemplate | undefined {
-        return this.stpaTemps?.createTemp(text);
+    protected createTempFromString(text: string): LanguageTemplate {
+        return this.stpaTemps?.createTemp(text) ?? {} as LanguageTemplate;
     }
 
     /**
diff --git a/extension/src-language-server/fta/fta-module.ts b/extension/src-language-server/fta/fta-module.ts
index 5152c547..01ca2449 100644
--- a/extension/src-language-server/fta/fta-module.ts
+++ b/extension/src-language-server/fta/fta-module.ts
@@ -30,6 +30,7 @@ import { FtaLayoutConfigurator } from "./diagram/fta-layout-config";
 import { FtaSynthesisOptions } from "./diagram/fta-synthesis-options";
 import { FtaScopeProvider } from "./fta-scopeProvider";
 import { FtaValidationRegistry, FtaValidator } from "./fta-validator";
+import { StpaTemplates } from '../stpa-templates';
 
 /**
  * Declaration of custom services.
@@ -49,6 +50,9 @@ export type FtaAddedServices = {
     options: {
         SynthesisOptions: FtaSynthesisOptions;
     };
+    templates: {
+        StpaTemplates: StpaTemplates;
+    };
 };
 
 /**
@@ -88,4 +92,7 @@ export const FtaModule: Module<FtaServices, PartialLangiumServices & SprottyDiag
     options: {
         SynthesisOptions: () => new FtaSynthesisOptions(),
     },
+    templates: {
+        StpaTemplates: services => new StpaTemplates(services)
+    }
 };
diff --git a/extension/src-language-server/module.ts b/extension/src-language-server/module.ts
index ffa93601..e8114258 100644
--- a/extension/src-language-server/module.ts
+++ b/extension/src-language-server/module.ts
@@ -81,9 +81,10 @@ const pastaDiagramServerFactory = (
             },
             language.diagram,
             clientId,
+            options,
             connection,
             language.options.SynthesisOptions, 
-            // language instanceof StpaServices ? language.templates.StpaTemplates
+            language.templates.StpaTemplates
         );
     };
 };
diff --git a/extension/src-language-server/templates/template-diagram-server.ts b/extension/src-language-server/templates/template-diagram-server.ts
index 85d05594..97e8f514 100644
--- a/extension/src-language-server/templates/template-diagram-server.ts
+++ b/extension/src-language-server/templates/template-diagram-server.ts
@@ -44,7 +44,7 @@ export abstract class TemplateDiagramServer extends DiagramServer {
     /**
      * Returns the templates that should be send to the webview for rendering.
      */
-    protected async getTemplates() {
+    protected async getTemplates(): Promise<WebviewTemplate[]> {
         const webviewTemplates: WebviewTemplate[] = [];
         for (const template of this.templates) {
             let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
@@ -86,7 +86,7 @@ export abstract class TemplateDiagramServer extends DiagramServer {
      * @param action Action containing the text to create a template.
      * @returns 
      */
-    protected async handleAddTemplate(action: AddTemplateAction) {
+    protected async handleAddTemplate(action: AddTemplateAction): Promise<void> {
         const temp = this.createTempFromString(action.text);
         if (await this.parseable(temp)) {
             this.templateGraphGenerator.deleteDanglingEdges(temp);
@@ -98,8 +98,8 @@ export abstract class TemplateDiagramServer extends DiagramServer {
         return Promise.resolve();
     }
 
-    protected async parseable(template: LanguageTemplate) {
-        let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
+    protected async parseable(template: LanguageTemplate): Promise<boolean> {
+        const graph = await this.templateGraphGenerator.generateTemplateRoot(template);
         if (graph) {
             return true;
         } else {
@@ -112,7 +112,7 @@ export abstract class TemplateDiagramServer extends DiagramServer {
      * @param action Action containing the template texts.
      * @returns 
      */
-    protected handleSendTemplates(action: SendTemplatesAction) {
+    protected handleSendTemplates(action: SendTemplatesAction): Promise<void> {
         // if no templates are in the config file, add the default ones
         if (action.temps.length === 0) {
             this.templates = this.defaultTemps;
@@ -126,12 +126,12 @@ export abstract class TemplateDiagramServer extends DiagramServer {
 
     protected abstract createTempFromString(text: string): LanguageTemplate;
 
-    addTemplates(temps: LanguageTemplate[]) {
+    addTemplates(temps: LanguageTemplate[]): void {
         this.templates.push(...temps);
         this.update();
     }
 
-    async update() {
+    async update(): Promise<void> {
         const temps = await this.getTemplates();
         // send the avaiable templates to the client
         const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 582aa0a0..a20b445c 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -353,12 +353,7 @@ function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscod
             webviewView.title = title;
             tWebview.initializeWebview(webviewView.webview, title);
             tWebview.connect();
-
-            // await webviewPanelManager.lsReady;
             languageClient.onNotification('templates/add', (msg: any) => tWebview.sendToWebview(msg));
-            languageClient.onNotification('editor/add', manager.handleWorkSpaceEdit.bind(this));
-            languageClient.onNotification('config/add', (temps: string[]) => manager.handleAddToConfig(temps));
-            languageClient.onNotification('templates/creationFailed', () => vscode.window.showWarningMessage("Template could not be created."));
         }
     };
     vscode.window.registerWebviewViewProvider("stpa-templates", provider);
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 53e5756c..20477344 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -129,6 +129,12 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         const sel: vscode.DocumentSelector = { scheme: "file", language: "stpa" };
         vscode.languages.registerDocumentFormattingEditProvider(sel, new StpaFormattingEditProvider());
 
+        // handling notifications regarding the templates
+        options.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
+        options.languageClient.onNotification('config/add', (temps: string[]) => this.handleAddToConfig(temps));
+        options.languageClient.onNotification('templates/creationFailed', () => vscode.window.showWarningMessage("Template could not be created."));
+           
+
         // handling of notifications regarding the context table
         options.languageClient.onNotification("contextTable/data", (data) => this.contextTable.setData(data));
         options.languageClient.onNotification(
@@ -227,6 +233,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
     protected override createEndpoint(identifier: SprottyDiagramIdentifier): LspWebviewEndpoint {
         const webviewContainer = this.createWebview(identifier);
         const participant = this.messenger.registerWebviewPanel(webviewContainer);
+        this.clientId = identifier.clientId;
         return new StpaLspWebview({
             languageClient: this.languageClient,
             webviewContainer,

From 0a53f1ff7012464504375da62a9c85c102126db5 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 17 Apr 2024 13:45:04 +0200
Subject: [PATCH 54/80] fixed adding snippet

---
 extension/package.json     | 11 ++++++-----
 extension/src/extension.ts |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/extension/package.json b/extension/package.json
index 7e6a59b2..85e665cf 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -193,7 +193,7 @@
                 "category": "Cut Sets"
             },
             {
-                "command": "stpa.templates.add",
+                "command": "pasta.stpa.templates.add",
                 "title": "Add STPA Template",
                 "category": "STPA Templates"
             }
@@ -256,6 +256,10 @@
                     "command": "pasta.stpa.ft.generation",
                     "when": "editorLangId == 'stpa'"
                 },
+                {
+                    "command": "pasta.stpa.templates.add",
+                    "when": "editorLangId == 'stpa'"
+                },
                 {
                     "command": "pasta.fta.cutSets",
                     "when": "editorLangId == 'fta'"
@@ -263,9 +267,6 @@
                 {
                     "command": "pasta.fta.minimalCutSets",
                     "when": "editorLangId == 'fta'"
-                },
-                {
-                    "command": "stpa.templates.add"
                 }
             ],
             "editor/context": [
@@ -303,7 +304,7 @@
                     "group": "stpa"
                 },
                 {
-                    "command": "stpa.templates.add",
+                    "command": "pasta.stpa.templates.add",
                     "when": "editorLangId == 'stpa'",
                     "group": "navigation"
                 }
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index a20b445c..83c03b78 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -358,7 +358,7 @@ function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscod
     };
     vscode.window.registerWebviewViewProvider("stpa-templates", provider);
     context.subscriptions.push(
-        vscode.commands.registerCommand("pasta" + '.templates.add', async (...commandArgs: any) => {
+        vscode.commands.registerCommand("pasta" + '.stpa.templates.add', async (...commandArgs: any) => {
         const uri = (commandArgs[0] as vscode.Uri);
             manager.addTemplate(uri);
         }));

From a94224d7d398513b700ef2f62f82295abd6f7776 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 17 Apr 2024 15:57:04 +0200
Subject: [PATCH 55/80] fixed linter problems

---
 extension/.eslintrc.json                           |  3 ++-
 extension/src-diagram-snippets/jsx.ts              | 14 +++++++-------
 extension/src-diagram-snippets/main.ts             |  8 ++++----
 extension/src-diagram-snippets/mouseListener.ts    |  6 +++---
 extension/src-language-server/diagram-server.ts    |  7 +++----
 extension/src-language-server/stpa-templates.ts    | 14 +++++++-------
 .../stpa/diagram/diagram-generator.ts              | 14 +++++++-------
 extension/src/extension.ts                         |  2 +-
 extension/src/language-extension.ts                |  2 +-
 9 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/extension/.eslintrc.json b/extension/.eslintrc.json
index d0a0ecda..f58f7a08 100644
--- a/extension/.eslintrc.json
+++ b/extension/.eslintrc.json
@@ -31,6 +31,7 @@
         "dist",
         "**/*.d.ts",
         "webpack.config.js",
-        "pack"
+        "pack",
+        "**/generated/"
     ]
 }
diff --git a/extension/src-diagram-snippets/jsx.ts b/extension/src-diagram-snippets/jsx.ts
index 4815fd1d..d1531629 100644
--- a/extension/src-diagram-snippets/jsx.ts
+++ b/extension/src-diagram-snippets/jsx.ts
@@ -14,7 +14,7 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
-import { VNodeData, JsxVNodeChildren, JsxVNodeChild, jsx, FunctionComponent } from "snabbdom";
+import { VNodeData, JsxVNodeChildren, JsxVNodeChild, jsx, FunctionComponent, VNode } from "snabbdom";
 
 
 declare global {
@@ -30,7 +30,7 @@ declare global {
 const modulesNS = ['hook', 'on', 'style', 'class', 'props', 'attrs', 'dataset'];
 const SVGNS = 'http://www.w3.org/2000/svg';
 
-function normalizeAttrs(source: VNodeData | null, defNS: string, namespace?: string) {
+function normalizeAttrs(source: VNodeData | null, defNS: string, namespace?: string): VNodeData {
   const data: VNodeData = {};
 
   if (namespace) {
@@ -46,16 +46,16 @@ function normalizeAttrs(source: VNodeData | null, defNS: string, namespace?: str
     }
   });
   Object.keys(source).forEach(key => {
-    if (key === 'key' || key === 'classNames' || key === 'selector') return;
+    if (key === 'key' || key === 'classNames' || key === 'selector') {return;}
     const idx = key.indexOf('-');
     if (idx > 0)
-      addAttr(key.slice(0, idx), key.slice(idx + 1), source[key]);
+      {addAttr(key.slice(0, idx), key.slice(idx + 1), source[key]);}
     else if (!data[key])
-      addAttr(defNS, key, source[key]);
+      {addAttr(defNS, key, source[key]);}
   });
   return data;
 
-  function addAttr(modname: string, key: string, val: JsxVNodeChildren) {
+  function addAttr(modname: string, key: string, val: JsxVNodeChildren): void {
     const mod = data[modname] || (data[modname] = {});
     mod[key] = val;
   }
@@ -63,7 +63,7 @@ function normalizeAttrs(source: VNodeData | null, defNS: string, namespace?: str
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function JSX(namespace?: string, defNS: string = 'props') {
-  return (tag: FunctionComponent | string, attrs: VNodeData | null, ...children: JsxVNodeChild[]) => jsx(tag, normalizeAttrs(attrs, defNS, namespace), children);
+  return (tag: FunctionComponent | string, attrs: VNodeData | null, ...children: JsxVNodeChild[]) : VNode => jsx(tag, normalizeAttrs(attrs, defNS, namespace), children);
 }
 
 const html = JSX();
diff --git a/extension/src-diagram-snippets/main.ts b/extension/src-diagram-snippets/main.ts
index 6a3982c2..b53019d2 100644
--- a/extension/src-diagram-snippets/main.ts
+++ b/extension/src-diagram-snippets/main.ts
@@ -32,7 +32,7 @@ export class Starter {
         vscode.postMessage({ readyMessage: 'Template Webview ready' });
         console.log('Waiting for diagram identifier...');
         // add listener for messages
-        const eventListener = (message: any) => {
+        const eventListener = (message: any): void => {
             this.handleMessages(message);
         };
         window.addEventListener('message', eventListener);
@@ -64,7 +64,7 @@ export class Starter {
     /**
      * Sends the text in the input field as a AddTemplateAction to the extension.
      */
-    protected addTemplate() {
+    protected addTemplate(): void {
         const text = document.getElementById(txtID);
         if (text) {
             const value = (text as HTMLInputElement).value;
@@ -80,7 +80,7 @@ export class Starter {
      * Handles incoming messages from the extension.
      * @param message The received Message.
      */
-    protected handleMessages(message: any) {
+    protected handleMessages(message: any): void {
         if (message.data.identifier) {
             this.initHtml(message.data.identifier);
         } else if (message.data.templates) {
@@ -94,7 +94,7 @@ export class Starter {
      * Adds the {@code templates} to the webview.
      * @param templates The Templates that should be shown.
      */
-    protected handleTemplates(templates: VNode[]) {
+    protected handleTemplates(templates: VNode[]): void {
         createTemps(templates);
     }
 }
diff --git a/extension/src-diagram-snippets/mouseListener.ts b/extension/src-diagram-snippets/mouseListener.ts
index 11a8aef8..9b180c80 100644
--- a/extension/src-diagram-snippets/mouseListener.ts
+++ b/extension/src-diagram-snippets/mouseListener.ts
@@ -17,9 +17,9 @@
 
 import { ExecuteTemplateAction } from "./actions";
 
-export function click(event: MouseEvent) {
-    let node = event.target;
-    let owner = (node as SVGElement).ownerSVGElement;
+export function click(event: MouseEvent): ExecuteTemplateAction | undefined {
+    const node = event.target;
+    const owner = (node as SVGElement).ownerSVGElement;
     if (owner) {
         const action = { kind: ExecuteTemplateAction.KIND, id: owner.id } as ExecuteTemplateAction;
         return action;
diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index 423d79c0..cc51201e 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -17,16 +17,16 @@
 
 import {
     Action,
-    DiagramServer,
     DiagramServices,
     JsonMap,
     RequestAction,
     RequestModelAction,
-    ResponseAction,
+    ResponseAction
 } from "sprotty-protocol";
 import { Connection } from "vscode-languageserver";
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from "./options/actions";
 import { DropDownOption } from "./options/option-models";
+import { StpaTemplates } from './stpa-templates';
 import { GenerateSVGsAction, RequestSvgAction, SvgAction } from "./stpa/actions";
 import { StpaSynthesisOptions, filteringUCAsID } from "./stpa/diagram/stpa-synthesis-options";
 import {
@@ -54,9 +54,8 @@ import {
     setSystemConstraintGraphOptions,
 } from "./stpa/result-report/svg-generator";
 import { SynthesisOptions } from "./synthesis-options";
-import { StpaTemplates } from './stpa-templates';
-import { LanguageTemplate } from './templates/template-model';
 import { TemplateDiagramServer } from './templates/template-diagram-server';
+import { LanguageTemplate } from './templates/template-model';
 
 export class PastaDiagramServer extends TemplateDiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
diff --git a/extension/src-language-server/stpa-templates.ts b/extension/src-language-server/stpa-templates.ts
index 6f3ec2ea..90e09177 100644
--- a/extension/src-language-server/stpa-templates.ts
+++ b/extension/src-language-server/stpa-templates.ts
@@ -38,7 +38,7 @@ export class StpaTemplates {
      * Creates the default templates.
      * @returns A list with the default templates.
      */
-    protected generateDefaultTemplates() {
+    protected generateDefaultTemplates(): LanguageTemplate[] {
         return [
             new SimpleCSTemplate(this.langiumDocuments, "T0"),
             new SimpleCSWithAcsTemplate(this.langiumDocuments, "T1"),
@@ -48,13 +48,13 @@ export class StpaTemplates {
         ];
     }
 
-    createTemp(text: string) {
+    createTemp(text: string): LanguageTemplate {
         // TODO: currently only control structure
         this.customTempsNumber++;
         return new CustomCSTemplate(this.langiumDocuments, text, 'CS' + this.customTempsNumber, text);
     }
 
-    getTemplates() {
+    getTemplates(): LanguageTemplate[] {
         return this.templates;
     }
 
@@ -98,10 +98,10 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
  * @param id The id to append.
  * @returns The modified text.
  */
-function addNodeIDs(text: string, id: string) {
+function addNodeIDs(text: string, id: string): string {
     const splits = text.split(/[^a-zA-Z0-9\{\}]/);
     // collect node names
-    const names = [];
+    const names: string[] = [];
     for (let i = 3; i < splits.length; i++) {
         if (splits[i] === '{' && !isKeyWord(splits[i - 1])) {
             names.push(splits[i - 1]);
@@ -116,7 +116,7 @@ function addNodeIDs(text: string, id: string) {
     return text;
 }
 
-function isKeyWord(text: string) {
+function isKeyWord(text: string): boolean {
     return text === 'hierarchyLevel' || text === 'label' || text === 'processModel' || text === 'controlActions' || text === 'feedback';
 }
 
@@ -138,7 +138,7 @@ export class CustomCSTemplate implements LanguageTemplate {
     /**
      * Check whether the CS caption and graph name exists. If not, adds it.
      */
-    protected checkCaption() {
+    protected checkCaption(): void {
         const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
         const words = splits.filter(child => child !== "");
         if (words[0] !== 'ControlStructure') {
diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index b55ce6e8..6a71ec01 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -15,21 +15,21 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { GeneratorContext, IdCache, IdCacheImpl, LangiumDiagramGenerator } from "langium-sprotty";
+import { AstNode, LangiumDocumentFactory, LangiumParser, ParseResult } from 'langium';
+import { GeneratorContext, IdCache, IdCacheImpl } from "langium-sprotty";
 import { SModelElement, SModelRoot, SNode } from "sprotty-protocol";
+import { CancellationToken } from 'vscode-languageserver';
+import { TextDocument } from 'vscode-languageserver-textdocument';
 import { Model } from "../../generated/ast";
+import { StpaDocumentBuilder } from '../../stpa-document-builder';
+import { LanguageTemplate, TemplateGraphGenerator } from '../../templates/template-model';
 import { StpaServices } from "../stpa-module";
 import { createControlStructure } from "./diagram-controlStructure";
 import { createRelationshipGraph } from "./diagram-relationshipGraph";
 import { filterModel } from "./filtering";
 import { StpaSynthesisOptions } from "./stpa-synthesis-options";
-import { LangiumParser, ParseResult, AstNode, LangiumDocumentFactory } from 'langium';
-import { CancellationToken } from 'vscode-languageserver';
-import { TextDocument } from 'vscode-languageserver-textdocument';
-import { StpaDocumentBuilder } from '../../stpa-document-builder';
-import { LanguageTemplate } from '../../templates/template-model';
 
-export class StpaDiagramGenerator extends LangiumDiagramGenerator {
+export class StpaDiagramGenerator extends TemplateGraphGenerator {
     protected readonly options: StpaSynthesisOptions;
     protected readonly parser: LangiumParser;
     protected readonly docBuilder: StpaDocumentBuilder;
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 83c03b78..0dd488d9 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -339,7 +339,7 @@ function registerTextEditorSync(manager: StpaLspVscodeExtension, context: vscode
 }
 function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscode.ExtensionContext): void {
     const provider: vscode.WebviewViewProvider = {
-        resolveWebviewView: function (webviewView: vscode.WebviewView, context: vscode.WebviewViewResolveContext<unknown>, token: vscode.CancellationToken): void | Thenable<void> {
+        resolveWebviewView: function (webviewView: vscode.WebviewView, _context: vscode.WebviewViewResolveContext<unknown>, _token: vscode.CancellationToken): void | Thenable<void> {
             const tWebview = new TemplateWebview(
                 "templates",
                 manager,
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 20477344..5a312651 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -97,7 +97,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
             return;
         }
 
-        let activeEditor = vscode.window.activeTextEditor;
+        const activeEditor = vscode.window.activeTextEditor;
         if (activeEditor) {
             // TODO: endPos is not completly correct. maybe \n must be counted too?
             const endPos = textDocument.positionAt(textDocument.offsetAt(pos) + msg.text.length);

From 97a6e662cd49a263e3cb0e8a2754eb0751721663 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 17 Apr 2024 16:42:19 +0200
Subject: [PATCH 56/80] renaming + restructuring (WIP)

---
 extension/package.json                        |  22 +--
 extension/src-diagram-snippets/actions.ts     |  38 ++---
 extension/src-diagram-snippets/html.tsx       |  36 ++--
 extension/src-diagram-snippets/main.ts        |  52 +++---
 .../src-diagram-snippets/mouseListener.ts     |  13 +-
 extension/src-language-server/actions.ts      |  60 -------
 .../src-language-server/diagram-server.ts     |  18 +-
 .../src-language-server/snippets/actions.ts   | 131 +++++++++++++++
 .../snippets/snippet-diagram-server.ts        | 158 +++++++++++++++++
 .../snippet-model.ts}                         |  10 +-
 .../{ => snippets}/stpa-templates.ts          |  92 +++++-----
 .../src-language-server/templates/actions.ts  | 118 -------------
 .../templates/template-diagram-server.ts      | 159 ------------------
 extension/src/extension.ts                    |   4 +-
 14 files changed, 439 insertions(+), 472 deletions(-)
 delete mode 100644 extension/src-language-server/actions.ts
 create mode 100644 extension/src-language-server/snippets/actions.ts
 create mode 100644 extension/src-language-server/snippets/snippet-diagram-server.ts
 rename extension/src-language-server/{templates/template-model.ts => snippets/snippet-model.ts} (72%)
 rename extension/src-language-server/{ => snippets}/stpa-templates.ts (75%)
 delete mode 100644 extension/src-language-server/templates/actions.ts
 delete mode 100644 extension/src-language-server/templates/template-diagram-server.ts

diff --git a/extension/package.json b/extension/package.json
index 85e665cf..9e26a242 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -97,10 +97,10 @@
                     "default": true,
                     "description": "Check whether all UCAs are covered by safety requirements"
                 },
-                "stpa.templates": {
+                "pasta.stpa.snippets": {
                     "type": "string[]",
                     "default": [],
-                    "description": "Templates for STPA"
+                    "description": "Diagram snippets for STPA"
                 }
             }
         },
@@ -193,9 +193,9 @@
                 "category": "Cut Sets"
             },
             {
-                "command": "pasta.stpa.templates.add",
+                "command": "pasta.stpa.snippets.add",
                 "title": "Add STPA Template",
-                "category": "STPA Templates"
+                "category": "STPA Snippets"
             }
         ],
         "menus": {
@@ -257,7 +257,7 @@
                     "when": "editorLangId == 'stpa'"
                 },
                 {
-                    "command": "pasta.stpa.templates.add",
+                    "command": "pasta.stpa.snippets.add",
                     "when": "editorLangId == 'stpa'"
                 },
                 {
@@ -304,7 +304,7 @@
                     "group": "stpa"
                 },
                 {
-                    "command": "pasta.stpa.templates.add",
+                    "command": "pasta.stpa.snippets.add",
                     "when": "editorLangId == 'stpa'",
                     "group": "navigation"
                 }
@@ -419,18 +419,18 @@
         "viewsContainers": {
             "activitybar": [
               {
-                "id": "stpa",
-                "title": "STPA",
+                "id": "pasta",
+                "title": "PASTA",
                 "icon": "./icon.png"
               }
             ]
           },
           "views": {
-            "stpa": [
+            "pasta": [
               {
                 "type": "webview",
-                "id": "stpa-templates",
-                "name": "STPA Templates"
+                "id": "stpa-snippets",
+                "name": "STPA Snippets"
               }
             ]
           }
diff --git a/extension/src-diagram-snippets/actions.ts b/extension/src-diagram-snippets/actions.ts
index 3d323235..f0ab4736 100644
--- a/extension/src-diagram-snippets/actions.ts
+++ b/extension/src-diagram-snippets/actions.ts
@@ -19,46 +19,44 @@ interface Action {
     kind: string;
 }
 
-export interface ExecuteTemplateAction extends Action {
-    kind: typeof ExecuteTemplateAction.KIND;
+/** Message to the language server to add definition of a selected snippet in the editor. */
+export interface ExecuteSnippetAction extends Action {
+    kind: typeof ExecuteSnippetAction.KIND;
     id: string;
 }
 
-export namespace ExecuteTemplateAction {
-    export const KIND = "executeTemplate";
+export namespace ExecuteSnippetAction {
+    export const KIND = "executeSnippet";
 
-    export function create(
-        id: string,
-    ): ExecuteTemplateAction {
+    export function create(id: string): ExecuteSnippetAction {
         return {
             kind: KIND,
             id,
         };
     }
 
-    export function isThisAction(action: Action): action is ExecuteTemplateAction {
-        return action.kind === ExecuteTemplateAction.KIND;
+    export function isThisAction(action: Action): action is ExecuteSnippetAction {
+        return action.kind === ExecuteSnippetAction.KIND;
     }
 }
 
-
-/** Message to the language server to add a template. */
-export interface AddTemplateAction extends Action {
-    kind: typeof AddTemplateAction.KIND;
+/** Message to the language server to add a snippet to the librabry. */
+export interface AddSnippetAction extends Action {
+    kind: typeof AddSnippetAction.KIND;
     text: string;
 }
 
-export namespace AddTemplateAction {
-    export const KIND = "addTemplate";
+export namespace AddSnippetAction {
+    export const KIND = "addSnippet";
 
-    export function create(text: string): AddTemplateAction {
+    export function create(text: string): AddSnippetAction {
         return {
             kind: KIND,
-            text
+            text,
         };
     }
 
-    export function isThisAction(action: Action): action is AddTemplateAction {
-        return action.kind === AddTemplateAction.KIND;
+    export function isThisAction(action: Action): action is AddSnippetAction {
+        return action.kind === AddSnippetAction.KIND;
     }
-}
\ No newline at end of file
+}
diff --git a/extension/src-diagram-snippets/html.tsx b/extension/src-diagram-snippets/html.tsx
index d2d9012d..0d37c923 100644
--- a/extension/src-diagram-snippets/html.tsx
+++ b/extension/src-diagram-snippets/html.tsx
@@ -16,19 +16,25 @@
  */
 
 /** @jsx html */
-import { html } from './jsx';
 import { attributesModule, classModule, eventListenersModule, init, propsModule, styleModule, VNode } from 'snabbdom';
+import { html } from './jsx';
 
-const placeholderID = 'tempPlaceholder';
-export const txtID = 'tempAddTextField';
-export const bntID = 'tempAddBnt';
+/** IDs for the main elements in the panel. */
+const placeholderForSnippetsID = 'tempPlaceholder';
+export const textFieldID = 'tempAddTextField';
+export const buttonID = 'tempAddBnt';
 
 // TODO: instead of defining an input tag, a msg could be send to the extension when clicking on the button. the extension can call windows.showInputBox/createInputBox or using a QuickInput
+/**
+ * PASTA panel for the activity bar.
+ * Consists of a text field and button to add custom diagram snippets.
+ * The actual snippets are patched into the placeholder later.
+ */
 export const panel: VNode = <div class-sidebar__content="true">
-    <h3 class-sidebar__title="true">{"Templates"}</h3>
-    <input type="text" id={txtID} />
-    <button type="button" id={bntID}>Add Template</button>
-    <div class-sidebar__panel-content="true" id="templates"><div id={placeholderID}></div></div>
+    <h3 class-sidebar__title="true">{"Diagram Snippets"}</h3>
+    <input type="text" id={textFieldID} />
+    <button type="button" id={buttonID}>Add Diagram Snippet</button>
+    <div class-sidebar__panel-content="true" id="snippets"><div id={placeholderForSnippetsID}></div></div>
 </div>;
 
 export const patch = init([
@@ -41,13 +47,17 @@ export const patch = init([
     classModule // makes it easy to toggle classes
 ]);
 
-export function createTemps(templates: VNode[]) {
-    let placeholder = document.getElementById(placeholderID);
+/**
+ * Adds the given {@code snippets} to the panel by patching them into the placeholder.
+ * @param snippets The snippets to add to the panel.
+ */
+export function addSnippetsToPanel(snippets: VNode[]): void {
+    const placeholder = document.getElementById(placeholderForSnippetsID);
     if (placeholder) {
-        const temps = <div id={placeholderID}>{...templates}</div>;
+        const temps = <div id={placeholderForSnippetsID}>{...snippets}</div>;
         patch(placeholder, temps);
-        // add mouselistener for highlighting focused template
-        const curTemps = document.getElementById(placeholderID);
+        // add mouselistener for highlighting focused snippet
+        const curTemps = document.getElementById(placeholderForSnippetsID);
         if (curTemps) {
             curTemps.childNodes.forEach(child => {
                 (child as HTMLElement).addEventListener('mouseover', () => (child as HTMLElement).classList.add('focused'));
diff --git a/extension/src-diagram-snippets/main.ts b/extension/src-diagram-snippets/main.ts
index b53019d2..cb701e4d 100644
--- a/extension/src-diagram-snippets/main.ts
+++ b/extension/src-diagram-snippets/main.ts
@@ -15,11 +15,11 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import './css/diagram.css';
-import { click } from './mouseListener';
-import { patch, panel, createTemps, bntID, txtID } from './html';
-import { VNode } from 'snabbdom';
-import { AddTemplateAction } from './actions';
+import { VNode } from "snabbdom";
+import { AddSnippetAction } from "./actions";
+import "./css/diagram.css";
+import { addSnippetsToPanel, buttonID, panel, patch, textFieldID } from "./html";
+import { click } from "./mouseListener";
 
 interface vscode {
     postMessage(message: any): void;
@@ -27,33 +27,35 @@ interface vscode {
 declare const vscode: vscode;
 
 export class Starter {
-
     constructor() {
-        vscode.postMessage({ readyMessage: 'Template Webview ready' });
-        console.log('Waiting for diagram identifier...');
+        vscode.postMessage({ readyMessage: "Diagram Snippet Webview ready" });
+        console.log("Waiting for diagram identifier...");
         // add listener for messages
         const eventListener = (message: any): void => {
             this.handleMessages(message);
         };
-        window.addEventListener('message', eventListener);
+        window.addEventListener("message", eventListener);
     }
 
     /**
-     * Initializes the webview with a header and a placeholder for the templates.
+     * Initializes the webview with a header and a placeholder for the snippets.
      * @param identifier The identifier of the element that should contain the webview.
      */
     protected initHtml(identifier: string): void {
-        const containerDiv = document.getElementById(identifier + '_container');
+        // initialize the panel
+        const containerDiv = document.getElementById(identifier + "_container");
         if (containerDiv) {
             const panelContainer = document.createElement("div");
             containerDiv.appendChild(panelContainer);
             patch(panelContainer, panel);
         }
-        const bnt = document.getElementById(bntID);
+        // event listener for button to add snippets
+        const bnt = document.getElementById(buttonID);
         if (bnt) {
-            bnt.addEventListener('click', () => this.addTemplate());
+            bnt.addEventListener("click", () => this.addSnippet());
         }
-        document.addEventListener('click', event => {
+        // event listener for clicking on snippets
+        document.addEventListener("click", event => {
             const action = click(event);
             if (action) {
                 vscode.postMessage({ action: action });
@@ -62,15 +64,15 @@ export class Starter {
     }
 
     /**
-     * Sends the text in the input field as a AddTemplateAction to the extension.
+     * Sends the text in the input field as an AddSnippetAction to the extension.
      */
-    protected addTemplate(): void {
-        const text = document.getElementById(txtID);
+    protected addSnippet(): void {
+        const text = document.getElementById(textFieldID);
         if (text) {
             const value = (text as HTMLInputElement).value;
             const action = {
-                kind: AddTemplateAction.KIND,
-                text: value
+                kind: AddSnippetAction.KIND,
+                text: value,
             };
             vscode.postMessage({ action: action });
         }
@@ -83,19 +85,19 @@ export class Starter {
     protected handleMessages(message: any): void {
         if (message.data.identifier) {
             this.initHtml(message.data.identifier);
-        } else if (message.data.templates) {
-            this.handleTemplates(message.data.templates);
+        } else if (message.data.snippets) {
+            this.handleAddSnippets(message.data.snippets);
         } else {
             console.log("Message not supported: " + message);
         }
     }
 
     /**
-     * Adds the {@code templates} to the webview.
-     * @param templates The Templates that should be shown.
+     * Adds the {@code snippets} to the panel.
+     * @param snippets The snippets that should be shown.
      */
-    protected handleTemplates(templates: VNode[]): void {
-        createTemps(templates);
+    protected handleAddSnippets(snippets: VNode[]): void {
+        addSnippetsToPanel(snippets);
     }
 }
 
diff --git a/extension/src-diagram-snippets/mouseListener.ts b/extension/src-diagram-snippets/mouseListener.ts
index 9b180c80..cb91054e 100644
--- a/extension/src-diagram-snippets/mouseListener.ts
+++ b/extension/src-diagram-snippets/mouseListener.ts
@@ -15,14 +15,19 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { ExecuteTemplateAction } from "./actions";
+import { ExecuteSnippetAction } from "./actions";
 
-export function click(event: MouseEvent): ExecuteTemplateAction | undefined {
+/**
+ * Determines the snippet that was clicked on and creates an ExecuteSnippetAction with the snippet's id.
+ * @param event The mouse event that was triggered.
+ * @returns the action to execute the snippet or undefined if no snippet was clicked.
+ */
+export function click(event: MouseEvent): ExecuteSnippetAction | undefined {
     const node = event.target;
     const owner = (node as SVGElement).ownerSVGElement;
     if (owner) {
-        const action = { kind: ExecuteTemplateAction.KIND, id: owner.id } as ExecuteTemplateAction;
+        const action = { kind: ExecuteSnippetAction.KIND, id: owner.id } as ExecuteSnippetAction;
         return action;
     }
     return undefined;
-}
\ No newline at end of file
+}
diff --git a/extension/src-language-server/actions.ts b/extension/src-language-server/actions.ts
deleted file mode 100644
index 19848170..00000000
--- a/extension/src-language-server/actions.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
- * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
- *
- * http://rtsys.informatik.uni-kiel.de/kieler
- *
- * Copyright 2022 by
- * + Kiel University
- *   + Department of Computer Science
- *     + Real-Time and Embedded Systems Group
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-
-import { Action, JsonMap } from "sprotty-protocol";
-
-/** Message to language server to update the model and hence the view. */
-export interface UpdateViewAction extends Action {
-    kind: typeof UpdateViewAction.KIND;
-    options?: JsonMap;
-}
-
-export namespace UpdateViewAction {
-    export const KIND = "updateView";
-
-    export function create(options?: JsonMap): UpdateViewAction {
-        return {
-            kind: KIND,
-            options
-        };
-    }
-
-    export function isThisAction(action: Action): action is UpdateViewAction {
-        return action.kind === UpdateViewAction.KIND;
-    }
-}
-
-/** Message to the language server to add a template. */
-export interface AddTemplateAction extends Action {
-    kind: typeof AddTemplateAction.KIND;
-    text: string;
-}
-
-export namespace AddTemplateAction {
-    export const KIND = "addTemplate";
-
-    export function create(text: string): AddTemplateAction {
-        return {
-            kind: KIND,
-            text
-        };
-    }
-
-    export function isThisAction(action: Action): action is AddTemplateAction {
-        return action.kind === AddTemplateAction.KIND;
-    }
-}
\ No newline at end of file
diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index cc51201e..9695de36 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -26,7 +26,7 @@ import {
 import { Connection } from "vscode-languageserver";
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from "./options/actions";
 import { DropDownOption } from "./options/option-models";
-import { StpaTemplates } from './stpa-templates';
+import { StpaDiagramSnippets } from './snippets/stpa-templates';
 import { GenerateSVGsAction, RequestSvgAction, SvgAction } from "./stpa/actions";
 import { StpaSynthesisOptions, filteringUCAsID } from "./stpa/diagram/stpa-synthesis-options";
 import {
@@ -54,12 +54,12 @@ import {
     setSystemConstraintGraphOptions,
 } from "./stpa/result-report/svg-generator";
 import { SynthesisOptions } from "./synthesis-options";
-import { TemplateDiagramServer } from './templates/template-diagram-server';
-import { LanguageTemplate } from './templates/template-model';
+import { SnippetDiagramServer } from './snippets/snippet-diagram-server';
+import { LanguageSnippet } from './snippets/snippet-model';
 
-export class PastaDiagramServer extends TemplateDiagramServer {
+export class PastaDiagramServer extends SnippetDiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
-    protected stpaTemps: StpaTemplates | undefined;
+    protected stpaTemps: StpaDiagramSnippets | undefined;
     // clientId: string;
     protected connection: Connection | undefined;
 
@@ -70,9 +70,9 @@ export class PastaDiagramServer extends TemplateDiagramServer {
         options: JsonMap | undefined,
         connection: Connection | undefined,
         synthesisOptions?: SynthesisOptions, 
-        stpaTemps?: StpaTemplates
+        stpaTemps?: StpaDiagramSnippets
     ) {
-        super(dispatch, services, clientId, stpaTemps?.getTemplates() ?? [], options, connection);
+        super(dispatch, services, clientId, stpaTemps?.getSnippets() ?? [], options, connection);
         this.stpaTemps = stpaTemps;
         this.synthesisOptions = synthesisOptions;
         this.clientId = clientId;
@@ -99,8 +99,8 @@ export class PastaDiagramServer extends TemplateDiagramServer {
         return super.handleAction(action);
     }
 
-    protected createTempFromString(text: string): LanguageTemplate {
-        return this.stpaTemps?.createTemp(text) ?? {} as LanguageTemplate;
+    protected createTempFromString(text: string): LanguageSnippet {
+        return this.stpaTemps?.createTemp(text) ?? {} as LanguageSnippet;
     }
 
     /**
diff --git a/extension/src-language-server/snippets/actions.ts b/extension/src-language-server/snippets/actions.ts
new file mode 100644
index 00000000..6fe584e1
--- /dev/null
+++ b/extension/src-language-server/snippets/actions.ts
@@ -0,0 +1,131 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { VNode } from "snabbdom";
+import { Action, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
+import { WebviewSnippet } from "./snippet-model";
+
+/** Request message from the server to get the svgs of the snippets. */
+export interface RequestWebviewSnippetsAction extends RequestAction<SendWebviewSnippetsAction> {
+    kind: typeof RequestWebviewSnippetsAction.KIND;
+    snippets: WebviewSnippet[];
+    clientId: string;
+    requestId: string;
+}
+
+export namespace RequestWebviewSnippetsAction {
+    export const KIND = "updateSnippets";
+
+    export function create(snippets: WebviewSnippet[], clientId: string): RequestWebviewSnippetsAction {
+        return {
+            kind: KIND,
+            snippets: snippets,
+            clientId,
+            requestId: generateRequestId(),
+        };
+    }
+
+    export function isThisAction(action: Action): action is RequestWebviewSnippetsAction {
+        return action.kind === RequestWebviewSnippetsAction.KIND;
+    }
+}
+
+/** Message to the language server containing the svgs of the snippets. */
+export interface SendWebviewSnippetsAction extends ResponseAction {
+    kind: typeof SendWebviewSnippetsAction.KIND;
+    snippets: VNode[];
+    responseId: string;
+}
+
+export namespace SendWebviewSnippetsAction {
+    export const KIND = "updateSnippets";
+
+    export function create(snippets: VNode[], requestId: string = ""): SendWebviewSnippetsAction {
+        return {
+            kind: KIND,
+            snippets: snippets,
+            responseId: requestId,
+        };
+    }
+
+    export function isThisAction(action: Action): action is SendWebviewSnippetsAction {
+        return action.kind === SendWebviewSnippetsAction.KIND;
+    }
+}
+
+/** Message to the language server to add definition of a selected snippet in the editor. */
+export interface ExecuteSnippetAction extends Action {
+    kind: typeof ExecuteSnippetAction.KIND;
+    id: string;
+}
+
+export namespace ExecuteSnippetAction {
+    export const KIND = "executeSnippet";
+
+    export function create(id: string): ExecuteSnippetAction {
+        return {
+            kind: KIND,
+            id,
+        };
+    }
+
+    export function isThisAction(action: Action): action is ExecuteSnippetAction {
+        return action.kind === ExecuteSnippetAction.KIND;
+    }
+}
+
+/** Message containing snippets as string. */
+export interface SendSnippetsAction extends Action {
+    kind: typeof SendSnippetsAction.KIND;
+    temps: string[];
+}
+
+export namespace SendSnippetsAction {
+    export const KIND = "sendSnippets";
+
+    export function create(temps: string[]): SendSnippetsAction {
+        return {
+            kind: KIND,
+            temps,
+        };
+    }
+
+    export function isThisAction(action: Action): action is SendSnippetsAction {
+        return action.kind === SendSnippetsAction.KIND;
+    }
+}
+
+/** Message to the language server to add a snippet to the librabry. */
+export interface AddSnippetAction extends Action {
+    kind: typeof AddSnippetAction.KIND;
+    text: string;
+}
+
+export namespace AddSnippetAction {
+    export const KIND = "addSnippet";
+
+    export function create(text: string): AddSnippetAction {
+        return {
+            kind: KIND,
+            text,
+        };
+    }
+
+    export function isThisAction(action: Action): action is AddSnippetAction {
+        return action.kind === AddSnippetAction.KIND;
+    }
+}
diff --git a/extension/src-language-server/snippets/snippet-diagram-server.ts b/extension/src-language-server/snippets/snippet-diagram-server.ts
new file mode 100644
index 00000000..782220f0
--- /dev/null
+++ b/extension/src-language-server/snippets/snippet-diagram-server.ts
@@ -0,0 +1,158 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2022 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
+import { Connection } from 'vscode-languageserver';
+import { AddSnippetAction, ExecuteSnippetAction, RequestWebviewSnippetsAction, SendSnippetsAction, SendWebviewSnippetsAction } from './actions';
+import { LanguageSnippet, SnippetGraphGenerator, WebviewSnippet } from './snippet-model';
+
+export abstract class SnippetDiagramServer extends DiagramServer {
+
+    protected clientId: string;
+    protected snippets: LanguageSnippet[] = [];
+    protected defaultTemps: LanguageSnippet[];
+    protected options: JsonMap | undefined;
+    protected connection: Connection | undefined;
+    protected snippetGraphGenerator: SnippetGraphGenerator;
+    protected tempRdy: boolean = false;
+
+    constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
+        services: DiagramServices, clientId: string, snippets: LanguageSnippet[], options: JsonMap | undefined, connection: Connection | undefined) {
+        super(dispatch, services);
+        this.clientId = clientId;
+        this.options = options;
+        this.connection = connection;
+        this.defaultTemps = snippets;
+        this.snippetGraphGenerator = services.DiagramGenerator as SnippetGraphGenerator;
+    }
+
+    /**
+     * Returns the snippets that should be send to the webview for rendering.
+     */
+    protected async getSnippets(): Promise<WebviewSnippet[]> {
+        const webviewSnippets: WebviewSnippet[] = [];
+        for (const snippet of this.snippets) {
+            let graph = await this.snippetGraphGenerator.generateSnippetRoot(snippet);
+            if (graph) {
+                const request = RequestBoundsAction.create(graph);
+                const response = await this.request<ComputedBoundsAction>(request);
+                applyBounds(graph, response);
+                const newRoot = await this.layoutEngine?.layout(graph);
+                if (newRoot) {
+                    graph = newRoot;
+                }
+                const webTemp = {
+                    graph: graph,
+                    id: snippet.id
+                };
+                webviewSnippets.push(webTemp);
+            } else {
+                console.log("For snippet " + snippet.id + " no graph could be generated.");
+            }
+        }
+        return webviewSnippets;
+
+    }
+
+    protected handleAction(action: Action): Promise<void> {
+        switch (action.kind) {
+            case ExecuteSnippetAction.KIND:
+                return this.handleExecuteSnippet(action as ExecuteSnippetAction);
+            case AddSnippetAction.KIND:
+                return this.handleAddSnippet(action as AddSnippetAction);
+            case SendSnippetsAction.KIND:
+                return this.handleSendSnippets(action as SendSnippetsAction);
+        }
+        return super.handleAction(action);
+    }
+
+    /**
+     * Creates a snippet based on {@code action} and adds it to the snippet list & config.
+     * @param action Action containing the text to create a snippet.
+     * @returns 
+     */
+    protected async handleAddSnippet(action: AddSnippetAction): Promise<void> {
+        const temp = this.createTempFromString(action.text);
+        if (await this.parseable(temp)) {
+            this.snippetGraphGenerator.deleteDanglingEdges(temp);
+            this.addSnippets([temp]);
+            this.connection?.sendNotification('config/add', [temp.baseCode]);
+        } else {
+            this.connection?.sendNotification('snippets/creationFailed');
+        }
+        return Promise.resolve();
+    }
+
+    protected async parseable(snippet: LanguageSnippet): Promise<boolean> {
+        const graph = await this.snippetGraphGenerator.generateSnippetRoot(snippet);
+        if (graph) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+    /**
+     * Creates snippets based on the texts in {@code action}.
+     * @param action Action containing the snippets texts.
+     * @returns 
+     */
+    protected handleSendSnippets(action: SendSnippetsAction): Promise<void> {
+        // if no snippets are in the config file, add the default ones
+        if (action.temps.length === 0) {
+            this.snippets = this.defaultTemps;
+            this.connection?.sendNotification('config/add', this.defaultTemps.map(temp => temp.baseCode));
+        } else {
+            this.snippets = action.temps.map(temp => this.createTempFromString(temp));
+        }
+        this.update();
+        return Promise.resolve();
+    }
+
+    protected abstract createTempFromString(text: string): LanguageSnippet;
+
+    addSnippets(temps: LanguageSnippet[]): void {
+        this.snippets.push(...temps);
+        this.update();
+    }
+
+    async update(): Promise<void> {
+        const temps = await this.getSnippets();
+        // send the avaiable snippets to the client
+        const response = await this.request<SendWebviewSnippetsAction>({ kind: RequestWebviewSnippetsAction.KIND, snippets: temps, clientId: this.clientId } as RequestWebviewSnippetsAction);
+        // send graph svgs to extension
+        this.connection?.sendNotification('snippets/add', { snippets: response.snippets });
+    }
+
+    protected async handleExecuteSnippet(action: ExecuteSnippetAction): Promise<void> {
+        const uri = this.options?.sourceUri;
+        const temp = this.snippets.find(temp => temp.id === action.id);
+        if (temp) {
+            const pos = temp.getPosition(uri as string);
+            this.connection?.sendNotification('editor/add', { uri: uri, text: temp.insertText, position: pos });
+        } else {
+            console.error('There is no Diagram Snippet with id ' + action.id);
+        }
+    }
+
+    protected async handleRequestModel(action: RequestModelAction): Promise<void> {
+        // options must be updated since the request could be for another source model
+        this.options = action.options;
+        super.handleRequestModel(action);
+    }
+
+}
\ No newline at end of file
diff --git a/extension/src-language-server/templates/template-model.ts b/extension/src-language-server/snippets/snippet-model.ts
similarity index 72%
rename from extension/src-language-server/templates/template-model.ts
rename to extension/src-language-server/snippets/snippet-model.ts
index 8ed16d53..6ebf9ca1 100644
--- a/extension/src-language-server/templates/template-model.ts
+++ b/extension/src-language-server/snippets/snippet-model.ts
@@ -19,7 +19,7 @@ import { LangiumDiagramGenerator } from 'langium-sprotty';
 import { SModelElement, SModelRoot } from 'sprotty-protocol';
 import { Position } from 'vscode-languageserver';
 
-export interface LanguageTemplate {
+export interface LanguageSnippet {
     baseCode: string;
     insertText: string;
     id: string;
@@ -27,12 +27,12 @@ export interface LanguageTemplate {
     getPosition(uri: string): Position;
 }
 
-export interface WebviewTemplate {
+export interface WebviewSnippet {
     graph: Readonly<SModelElement>;
     id: string;
 }
 
-export abstract class TemplateGraphGenerator extends LangiumDiagramGenerator {
-    abstract deleteDanglingEdges(template: LanguageTemplate): void;
-    abstract generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot | undefined>;
+export abstract class SnippetGraphGenerator extends LangiumDiagramGenerator {
+    abstract deleteDanglingEdges(snippet: LanguageSnippet): void;
+    abstract generateSnippetRoot(snippet: LanguageSnippet): Promise<SModelRoot | undefined>;
 }
\ No newline at end of file
diff --git a/extension/src-language-server/stpa-templates.ts b/extension/src-language-server/snippets/stpa-templates.ts
similarity index 75%
rename from extension/src-language-server/stpa-templates.ts
rename to extension/src-language-server/snippets/stpa-templates.ts
index 90e09177..978d8815 100644
--- a/extension/src-language-server/stpa-templates.ts
+++ b/extension/src-language-server/snippets/stpa-templates.ts
@@ -16,57 +16,57 @@
  */
 
 import { Position } from 'vscode-languageserver';
-import { LanguageTemplate } from './templates/template-model';
+import { LanguageSnippet } from './snippet-model';
 import { LangiumDocuments, LangiumServices } from 'langium';
 import { URI } from 'vscode-uri';
 import { TextDocument } from 'vscode-languageserver-textdocument';
 
-export class StpaTemplates {
+export class StpaDiagramSnippets {
 
     protected readonly langiumDocuments: LangiumDocuments;
-    protected defaultTemplates: LanguageTemplate[];
-    protected templates: LanguageTemplate[];
+    protected defaultSnippets: LanguageSnippet[];
+    protected snippets: LanguageSnippet[];
     protected customTempsNumber: number = 0;
 
     constructor(services: LangiumServices) {
         this.langiumDocuments = services.shared.workspace.LangiumDocuments;
-        this.defaultTemplates = this.generateDefaultTemplates();
-        this.templates = this.defaultTemplates;
+        this.defaultSnippets = this.generateDefaultSnippets();
+        this.snippets = this.defaultSnippets;
     }
 
     /**
-     * Creates the default templates.
-     * @returns A list with the default templates.
+     * Creates the default snippets.
+     * @returns A list with the default snippets.
      */
-    protected generateDefaultTemplates(): LanguageTemplate[] {
+    protected generateDefaultSnippets(): LanguageSnippet[] {
         return [
-            new SimpleCSTemplate(this.langiumDocuments, "T0"),
-            new SimpleCSWithAcsTemplate(this.langiumDocuments, "T1"),
-            new ConsControllersTemplate(this.langiumDocuments, "T3"),
-            new ParallelContsTemplate(this.langiumDocuments, "T4"),
-            new ConsContsWithLoopTemplate(this.langiumDocuments, "T5")
+            new SimpleCSSnippet(this.langiumDocuments, "T0"),
+            new SimpleCSWithAcsSnippet(this.langiumDocuments, "T1"),
+            new ConsControllersSnippet(this.langiumDocuments, "T3"),
+            new ParallelContsSnippet(this.langiumDocuments, "T4"),
+            new ConsContsWithLoopSnippet(this.langiumDocuments, "T5")
         ];
     }
 
-    createTemp(text: string): LanguageTemplate {
+    createTemp(text: string): LanguageSnippet {
         // TODO: currently only control structure
         this.customTempsNumber++;
-        return new CustomCSTemplate(this.langiumDocuments, text, 'CS' + this.customTempsNumber, text);
+        return new CustomCSSnippet(this.langiumDocuments, text, 'CS' + this.customTempsNumber, text);
     }
 
-    getTemplates(): LanguageTemplate[] {
-        return this.templates;
+    getSnippets(): LanguageSnippet[] {
+        return this.snippets;
     }
 
 }
 
 /**
- * Calculates the actual text of templates for the control structure and theri position in the document.
- * @param document The document in which the template should be inserted.
- * @param template The template that should be inserted.
+ * Calculates the actual text of snippets for the control structure and theri position in the document.
+ * @param document The document in which the snippet should be inserted.
+ * @param snippet The snippet that should be inserted.
  * @returns The position where the tempalte should be added to the {@code document}.
  */
-function getPositionForCSTemplate(document: TextDocument, template: LanguageTemplate): Position {
+function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippet): Position {
     const docText = document.getText();
 
     // determine range of already existing definition of control structure
@@ -77,14 +77,14 @@ function getPositionForCSTemplate(document: TextDocument, template: LanguageTemp
     if (titleIndex === -1) {
         return document.positionAt(endIndex);
     } else {
-        template.insertText = template.insertText.substring(18, template.insertText.length);
+        snippet.insertText = snippet.insertText.substring(18, snippet.insertText.length);
         // check whether a graph ID already exist
         const csText = docText.substring(startIndex, endIndex);
         const graphIndex = csText.indexOf('{');
         if (graphIndex === -1) {
             return document.positionAt(endIndex);
         } else {
-            template.insertText = template.insertText.substring(template.insertText.indexOf('{') + 1, template.insertText.lastIndexOf('}'));
+            snippet.insertText = snippet.insertText.substring(snippet.insertText.indexOf('{') + 1, snippet.insertText.lastIndexOf('}'));
             const bracketIndex = csText.lastIndexOf('}');
             return document.positionAt(titleIndex + bracketIndex - 1);
         }
@@ -120,7 +120,7 @@ function isKeyWord(text: string): boolean {
     return text === 'hierarchyLevel' || text === 'label' || text === 'processModel' || text === 'controlActions' || text === 'feedback';
 }
 
-export class CustomCSTemplate implements LanguageTemplate {
+export class CustomCSSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
     id: string;
@@ -154,18 +154,18 @@ export class CustomCSTemplate implements LanguageTemplate {
         this.insertText = addNodeIDs(this.baseCode, this.id + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+        return getPositionForCSSnippet(document, this);
     }
 
 }
 
 /**
- * Template for a control structure with one controller and one controlled process.
+ * Snippet for a control structure with one controller and one controlled process.
  */
-export class SimpleCSTemplate implements LanguageTemplate {
+export class SimpleCSSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'simpleCSTemplate';
+    id: string = 'simpleCSSnippet';
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -195,17 +195,17 @@ CS {
         this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+        return getPositionForCSSnippet(document, this);
     }
 };
 
 /**
- * Template for a control structure with one controller, one controlled process, one actuator, and one sensor.
+ * Snippet for a control structure with one controller, one controlled process, one actuator, and one sensor.
  */
-export class SimpleCSWithAcsTemplate implements LanguageTemplate {
+export class SimpleCSWithAcsSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'simpleCSWithAcsTemplate';
+    id: string = 'simpleCSWithAcsSnippet';
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -247,17 +247,17 @@ CS {
         this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+        return getPositionForCSSnippet(document, this);
     }
 };
 
 /**
- * Template for a control structure with two consecutive controllers and one controlled process.
+ * Snippet for a control structure with two consecutive controllers and one controlled process.
  */
-export class ConsControllersTemplate implements LanguageTemplate {
+export class ConsControllersSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'consControllerTemplate';
+    id: string = 'consControllerSnippet';
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -296,17 +296,17 @@ CS {
         this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+        return getPositionForCSSnippet(document, this);
     }
 };
 
 /**
- * Template for a control structure with two parallel controllers and one controlled process.
+ * Snippet for a control structure with two parallel controllers and one controlled process.
  */
-export class ParallelContsTemplate implements LanguageTemplate {
+export class ParallelContsSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'parallelContsTemplate';
+    id: string = 'parallelContsSnippet';
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -343,17 +343,17 @@ CS {
         this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+        return getPositionForCSSnippet(document, this);
     }
 };
 
 /**
- * Template for a control structure with two consecutive controllers, one controlled process.
+ * Snippet for a control structure with two consecutive controllers, one controlled process.
  */
-export class ConsContsWithLoopTemplate implements LanguageTemplate {
+export class ConsContsWithLoopSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'consContsWithLoopTemplate';
+    id: string = 'consContsWithLoopSnippet';
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -394,6 +394,6 @@ CS {
         this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
         this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSTemplate(document, this);
+        return getPositionForCSSnippet(document, this);
     }
 };
\ No newline at end of file
diff --git a/extension/src-language-server/templates/actions.ts b/extension/src-language-server/templates/actions.ts
deleted file mode 100644
index 7b958ec8..00000000
--- a/extension/src-language-server/templates/actions.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
- * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
- *
- * http://rtsys.informatik.uni-kiel.de/kieler
- *
- * Copyright 2022 by
- * + Kiel University
- *   + Department of Computer Science
- *     + Real-Time and Embedded Systems Group
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-
-import { VNode } from 'snabbdom';
-import { Action, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
-import { WebviewTemplate } from "./template-model";
-
-/** Request message from the server to get the svgs of the templates. */
-export interface RequestWebviewTemplatesAction extends RequestAction<SendWebviewTemplatesAction> {
-    kind: typeof RequestWebviewTemplatesAction.KIND;
-    templates: WebviewTemplate[];
-    clientId: string;
-    requestId: string;
-}
-
-export namespace RequestWebviewTemplatesAction {
-    export const KIND = "updateTemplates";
-
-    export function create(
-        templates: WebviewTemplate[],
-        clientId: string
-    ): RequestWebviewTemplatesAction {
-        return {
-            kind: KIND,
-            templates,
-            clientId,
-            requestId: generateRequestId()
-        };
-    }
-
-    export function isThisAction(action: Action): action is RequestWebviewTemplatesAction {
-        return action.kind === RequestWebviewTemplatesAction.KIND;
-    }
-}
-
-/** Message to the language server containing the svgs of the templates. */
-export interface SendWebviewTemplatesAction extends ResponseAction {
-    kind: typeof SendWebviewTemplatesAction.KIND;
-    templates: VNode[];
-    responseId: string;
-}
-
-export namespace SendWebviewTemplatesAction {
-    export const KIND = "updateTemplates";
-
-    export function create(
-        templates: VNode[],
-        requestId: string = ''
-    ): SendWebviewTemplatesAction {
-        return {
-            kind: KIND,
-            templates,
-            responseId: requestId
-        };
-    }
-
-    export function isThisAction(action: Action): action is SendWebviewTemplatesAction {
-        return action.kind === SendWebviewTemplatesAction.KIND;
-    }
-}
-
-/** Message to the language server to start the execution of a template. */
-export interface ExecuteTemplateAction extends Action {
-    kind: typeof ExecuteTemplateAction.KIND;
-    id: string;
-}
-
-export namespace ExecuteTemplateAction {
-    export const KIND = "executeTemplate";
-
-    export function create(
-        id: string,
-    ): ExecuteTemplateAction {
-        return {
-            kind: KIND,
-            id,
-        };
-    }
-
-    export function isThisAction(action: Action): action is ExecuteTemplateAction {
-        return action.kind === ExecuteTemplateAction.KIND;
-    }
-}
-
-/** Message containing templates as string. */
-export interface SendTemplatesAction extends Action {
-    kind: typeof SendTemplatesAction.KIND;
-    temps: string[];
-}
-
-export namespace SendTemplatesAction {
-    export const KIND = "sendTemplates";
-
-    export function create(temps: string[]): SendTemplatesAction {
-        return {
-            kind: KIND,
-            temps
-        };
-    }
-
-    export function isThisAction(action: Action): action is SendTemplatesAction {
-        return action.kind === SendTemplatesAction.KIND;
-    }
-}
\ No newline at end of file
diff --git a/extension/src-language-server/templates/template-diagram-server.ts b/extension/src-language-server/templates/template-diagram-server.ts
deleted file mode 100644
index 97e8f514..00000000
--- a/extension/src-language-server/templates/template-diagram-server.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-/*
- * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
- *
- * http://rtsys.informatik.uni-kiel.de/kieler
- *
- * Copyright 2022 by
- * + Kiel University
- *   + Department of Computer Science
- *     + Real-Time and Embedded Systems Group
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- */
-
-import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
-import { Connection } from 'vscode-languageserver';
-import { AddTemplateAction } from '../actions';
-import { ExecuteTemplateAction, RequestWebviewTemplatesAction, SendWebviewTemplatesAction, SendTemplatesAction } from './actions';
-import { LanguageTemplate, TemplateGraphGenerator, WebviewTemplate } from './template-model';
-
-export abstract class TemplateDiagramServer extends DiagramServer {
-
-    protected clientId: string;
-    protected templates: LanguageTemplate[] = [];
-    protected defaultTemps: LanguageTemplate[];
-    protected options: JsonMap | undefined;
-    protected connection: Connection | undefined;
-    protected templateGraphGenerator: TemplateGraphGenerator;
-    protected tempRdy: boolean = false;
-
-    constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, clientId: string, templates: LanguageTemplate[], options: JsonMap | undefined, connection: Connection | undefined) {
-        super(dispatch, services);
-        this.clientId = clientId;
-        this.options = options;
-        this.connection = connection;
-        this.defaultTemps = templates;
-        this.templateGraphGenerator = services.DiagramGenerator as TemplateGraphGenerator;
-    }
-
-    /**
-     * Returns the templates that should be send to the webview for rendering.
-     */
-    protected async getTemplates(): Promise<WebviewTemplate[]> {
-        const webviewTemplates: WebviewTemplate[] = [];
-        for (const template of this.templates) {
-            let graph = await this.templateGraphGenerator.generateTemplateRoot(template);
-            if (graph) {
-                const request = RequestBoundsAction.create(graph);
-                const response = await this.request<ComputedBoundsAction>(request);
-                applyBounds(graph, response);
-                const newRoot = await this.layoutEngine?.layout(graph);
-                if (newRoot) {
-                    graph = newRoot;
-                }
-                const webTemp = {
-                    graph: graph,
-                    id: template.id
-                };
-                webviewTemplates.push(webTemp);
-            } else {
-                console.log("For template " + template.id + " no graph could be generated.");
-            }
-        }
-        return webviewTemplates;
-
-    }
-
-    protected handleAction(action: Action): Promise<void> {
-        switch (action.kind) {
-            case ExecuteTemplateAction.KIND:
-                return this.handleExecuteTemplate(action as ExecuteTemplateAction);
-            case AddTemplateAction.KIND:
-                return this.handleAddTemplate(action as AddTemplateAction);
-            case SendTemplatesAction.KIND:
-                return this.handleSendTemplates(action as SendTemplatesAction);
-        }
-        return super.handleAction(action);
-    }
-
-    /**
-     * Creates a template based on {@code action} and adds it to the template list & config.
-     * @param action Action containing the text to create a template.
-     * @returns 
-     */
-    protected async handleAddTemplate(action: AddTemplateAction): Promise<void> {
-        const temp = this.createTempFromString(action.text);
-        if (await this.parseable(temp)) {
-            this.templateGraphGenerator.deleteDanglingEdges(temp);
-            this.addTemplates([temp]);
-            this.connection?.sendNotification('config/add', [temp.baseCode]);
-        } else {
-            this.connection?.sendNotification('templates/creationFailed');
-        }
-        return Promise.resolve();
-    }
-
-    protected async parseable(template: LanguageTemplate): Promise<boolean> {
-        const graph = await this.templateGraphGenerator.generateTemplateRoot(template);
-        if (graph) {
-            return true;
-        } else {
-            return false;
-        }
-    }
-
-    /**
-     * Creates templates based on the texts in {@code action}.
-     * @param action Action containing the template texts.
-     * @returns 
-     */
-    protected handleSendTemplates(action: SendTemplatesAction): Promise<void> {
-        // if no templates are in the config file, add the default ones
-        if (action.temps.length === 0) {
-            this.templates = this.defaultTemps;
-            this.connection?.sendNotification('config/add', this.defaultTemps.map(temp => temp.baseCode));
-        } else {
-            this.templates = action.temps.map(temp => this.createTempFromString(temp));
-        }
-        this.update();
-        return Promise.resolve();
-    }
-
-    protected abstract createTempFromString(text: string): LanguageTemplate;
-
-    addTemplates(temps: LanguageTemplate[]): void {
-        this.templates.push(...temps);
-        this.update();
-    }
-
-    async update(): Promise<void> {
-        const temps = await this.getTemplates();
-        // send the avaiable templates to the client
-        const response = await this.request<SendWebviewTemplatesAction>({ kind: RequestWebviewTemplatesAction.KIND, templates: temps, clientId: this.clientId } as RequestWebviewTemplatesAction);
-        // send graph svgs to extension
-        this.connection?.sendNotification('templates/add', { templates: response.templates });
-    }
-
-    protected async handleExecuteTemplate(action: ExecuteTemplateAction): Promise<void> {
-        const uri = this.options?.sourceUri;
-        const temp = this.templates.find(temp => temp.id === action.id);
-        if (temp) {
-            const pos = temp.getPosition(uri as string);
-            this.connection?.sendNotification('editor/add', { uri: uri, text: temp.insertText, position: pos });
-        } else {
-            console.error('There is no Template with id ' + action.id);
-        }
-    }
-
-    protected async handleRequestModel(action: RequestModelAction): Promise<void> {
-        // options must be updated since the request could be for another source model
-        this.options = action.options;
-        super.handleRequestModel(action);
-    }
-
-}
\ No newline at end of file
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 0dd488d9..04753596 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -356,9 +356,9 @@ function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscod
             languageClient.onNotification('templates/add', (msg: any) => tWebview.sendToWebview(msg));
         }
     };
-    vscode.window.registerWebviewViewProvider("stpa-templates", provider);
+    vscode.window.registerWebviewViewProvider("stpa-snippets", provider);
     context.subscriptions.push(
-        vscode.commands.registerCommand("pasta" + '.stpa.templates.add', async (...commandArgs: any) => {
+        vscode.commands.registerCommand("pasta" + '.stpa.snippets.add', async (...commandArgs: any) => {
         const uri = (commandArgs[0] as vscode.Uri);
             manager.addTemplate(uri);
         }));

From b5a6af6d365cc4b38a1b615daeefcc8cb0785053 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Fri, 19 Apr 2024 09:07:25 +0200
Subject: [PATCH 57/80] renaming + restructuring (WIP)

---
 .../src-language-server/diagram-server.ts     |  24 ++--
 .../src-language-server/fta/fta-module.ts     |  29 ++---
 extension/src-language-server/handler.ts      |   2 +-
 extension/src-language-server/main.ts         |   2 +-
 extension/src-language-server/module.ts       |  20 ++-
 .../src-language-server/options/actions.ts    |   4 +-
 .../src-language-server/snippets/actions.ts   |   8 +-
 .../snippets/snippet-diagram-server.ts        | 101 ++++++++++++----
 .../snippets/snippet-model.ts                 |  35 +++++-
 .../{stpa-templates.ts => stpa-snippets.ts}   | 114 +++++++++++-------
 .../stpa-document-builder.ts                  |  17 ++-
 .../stpa/diagram/diagram-controlStructure.ts  |  10 +-
 .../stpa/diagram/diagram-elements.ts          |   2 +-
 .../stpa/diagram/diagram-generator.ts         |  92 +++++++-------
 .../stpa/diagram/diagram-relationshipGraph.ts |  10 +-
 .../src-language-server/stpa/stpa-module.ts   |  43 +++----
 extension/src-webview/template/actions.ts     |  61 +++++-----
 .../src-webview/template/template-models.ts   |   7 +-
 .../src-webview/template/template-registry.ts |  16 +--
 .../template/template-renderer.tsx            |   4 +-
 extension/src/actions.ts                      |  38 +++---
 extension/src/extension.ts                    |   2 +-
 extension/src/language-extension.ts           |  10 +-
 extension/src/template-webview.ts             |   6 +-
 24 files changed, 379 insertions(+), 278 deletions(-)
 rename extension/src-language-server/snippets/{stpa-templates.ts => stpa-snippets.ts} (79%)

diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index 9695de36..0c830288 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -26,7 +26,9 @@ import {
 import { Connection } from "vscode-languageserver";
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from "./options/actions";
 import { DropDownOption } from "./options/option-models";
-import { StpaDiagramSnippets } from './snippets/stpa-templates';
+import { SnippetDiagramServer } from './snippets/snippet-diagram-server';
+import { LanguageSnippet } from './snippets/snippet-model';
+import { StpaDiagramSnippets } from './snippets/stpa-snippets';
 import { GenerateSVGsAction, RequestSvgAction, SvgAction } from "./stpa/actions";
 import { StpaSynthesisOptions, filteringUCAsID } from "./stpa/diagram/stpa-synthesis-options";
 import {
@@ -54,13 +56,10 @@ import {
     setSystemConstraintGraphOptions,
 } from "./stpa/result-report/svg-generator";
 import { SynthesisOptions } from "./synthesis-options";
-import { SnippetDiagramServer } from './snippets/snippet-diagram-server';
-import { LanguageSnippet } from './snippets/snippet-model';
 
 export class PastaDiagramServer extends SnippetDiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
-    protected stpaTemps: StpaDiagramSnippets | undefined;
-    // clientId: string;
+    protected stpaSnippets: StpaDiagramSnippets | undefined;
     protected connection: Connection | undefined;
 
     constructor(
@@ -70,10 +69,10 @@ export class PastaDiagramServer extends SnippetDiagramServer {
         options: JsonMap | undefined,
         connection: Connection | undefined,
         synthesisOptions?: SynthesisOptions, 
-        stpaTemps?: StpaDiagramSnippets
+        stpaSnippets?: StpaDiagramSnippets
     ) {
-        super(dispatch, services, clientId, stpaTemps?.getSnippets() ?? [], options, connection);
-        this.stpaTemps = stpaTemps;
+        super(dispatch, services, clientId, stpaSnippets?.getSnippets() ?? [], options, connection);
+        this.stpaSnippets = stpaSnippets;
         this.synthesisOptions = synthesisOptions;
         this.clientId = clientId;
         this.connection = connection;
@@ -99,8 +98,13 @@ export class PastaDiagramServer extends SnippetDiagramServer {
         return super.handleAction(action);
     }
 
-    protected createTempFromString(text: string): LanguageSnippet {
-        return this.stpaTemps?.createTemp(text) ?? {} as LanguageSnippet;
+    /**
+     * Creates a snippet from a string.
+     * @param text The text that should be inserted when clicking on the snippet.
+     * @returns a snippet for the given {@code text}
+     */
+    protected createSnippetFromString(text: string): LanguageSnippet {
+        return this.stpaSnippets?.createSnippet(text) ?? {} as LanguageSnippet;
     }
 
     /**
diff --git a/extension/src-language-server/fta/fta-module.ts b/extension/src-language-server/fta/fta-module.ts
index 01ca2449..cbe74c7c 100644
--- a/extension/src-language-server/fta/fta-module.ts
+++ b/extension/src-language-server/fta/fta-module.ts
@@ -18,19 +18,14 @@
 import ElkConstructor from "elkjs/lib/elk.bundled";
 import { Module, PartialLangiumServices } from "langium";
 import { LangiumSprottyServices, SprottyDiagramServices } from "langium-sprotty";
-import {
-    DefaultElementFilter,
-    ElkFactory,
-    IElementFilter,
-    ILayoutConfigurator
-} from "sprotty-elk/lib/elk-layout";
+import { DefaultElementFilter, ElkFactory, IElementFilter, ILayoutConfigurator } from "sprotty-elk/lib/elk-layout";
 import { LayoutEngine } from "../layout-engine";
+import { StpaDiagramSnippets } from "../snippets/stpa-snippets";
 import { FtaDiagramGenerator } from "./diagram/fta-diagram-generator";
 import { FtaLayoutConfigurator } from "./diagram/fta-layout-config";
 import { FtaSynthesisOptions } from "./diagram/fta-synthesis-options";
 import { FtaScopeProvider } from "./fta-scopeProvider";
 import { FtaValidationRegistry, FtaValidator } from "./fta-validator";
-import { StpaTemplates } from '../stpa-templates';
 
 /**
  * Declaration of custom services.
@@ -50,8 +45,8 @@ export type FtaAddedServices = {
     options: {
         SynthesisOptions: FtaSynthesisOptions;
     };
-    templates: {
-        StpaTemplates: StpaTemplates;
+    snippets: {
+        StpaDiagramSnippets: StpaDiagramSnippets;
     };
 };
 
@@ -68,8 +63,8 @@ export type FtaServices = LangiumSprottyServices & FtaAddedServices;
  */
 export const FtaModule: Module<FtaServices, PartialLangiumServices & SprottyDiagramServices & FtaAddedServices> = {
     diagram: {
-        DiagramGenerator: (services) => new FtaDiagramGenerator(services),
-        ModelLayoutEngine: (services) =>
+        DiagramGenerator: services => new FtaDiagramGenerator(services),
+        ModelLayoutEngine: services =>
             new LayoutEngine(
                 services.layout.ElkFactory,
                 services.layout.ElementFilter,
@@ -77,11 +72,11 @@ export const FtaModule: Module<FtaServices, PartialLangiumServices & SprottyDiag
             ) as any,
     },
     references: {
-        ScopeProvider: (services) => new FtaScopeProvider(services),
-        FtaScopeProvider: (services) => new FtaScopeProvider(services),
+        ScopeProvider: services => new FtaScopeProvider(services),
+        FtaScopeProvider: services => new FtaScopeProvider(services),
     },
     validation: {
-        ValidationRegistry: (services) => new FtaValidationRegistry(services),
+        ValidationRegistry: services => new FtaValidationRegistry(services),
         FtaValidator: () => new FtaValidator(),
     },
     layout: {
@@ -92,7 +87,7 @@ export const FtaModule: Module<FtaServices, PartialLangiumServices & SprottyDiag
     options: {
         SynthesisOptions: () => new FtaSynthesisOptions(),
     },
-    templates: {
-        StpaTemplates: services => new StpaTemplates(services)
-    }
+    snippets: {
+        StpaDiagramSnippets: services => new StpaDiagramSnippets(services),
+    },
 };
diff --git a/extension/src-language-server/handler.ts b/extension/src-language-server/handler.ts
index 0012cc9e..ed0f7339 100644
--- a/extension/src-language-server/handler.ts
+++ b/extension/src-language-server/handler.ts
@@ -17,10 +17,10 @@
 
 import { LangiumSprottySharedServices } from "langium-sprotty";
 import { Connection, Range } from "vscode-languageserver";
+import { getRangeOfNodeFTA } from "./fta/utils";
 import { Model, isModel, isModelFTA } from "./generated/ast";
 import { getRangeOfNodeSTPA } from "./stpa/utils";
 import { getModel } from "./utils";
-import { getRangeOfNodeFTA } from "./fta/utils";
 
 /**
  * Adds handler for notifications.
diff --git a/extension/src-language-server/main.ts b/extension/src-language-server/main.ts
index 754cae59..567e59cc 100644
--- a/extension/src-language-server/main.ts
+++ b/extension/src-language-server/main.ts
@@ -39,7 +39,7 @@ addFTANotificationHandler(connection, fta, shared);
 addNotificationHandler(connection, shared);
 
 // handle configuration changes for the validation checks
-connection.onNotification("configuration", (options) => {
+connection.onNotification("configuration", options => {
     for (const option of options) {
         switch (option.id) {
             case "checkResponsibilitiesForConstraints":
diff --git a/extension/src-language-server/module.ts b/extension/src-language-server/module.ts
index e8114258..ca055524 100644
--- a/extension/src-language-server/module.ts
+++ b/extension/src-language-server/module.ts
@@ -20,7 +20,7 @@ import {
     DefaultDiagramServerManager,
     DiagramActionNotification,
     LangiumSprottySharedServices,
-    SprottySharedServices
+    SprottySharedServices,
 } from "langium-sprotty";
 import { DiagramOptions } from "sprotty-protocol";
 import { URI } from "vscode-uri";
@@ -49,11 +49,7 @@ export function createServices(context: DefaultSharedModuleContext): {
     stpa: StpaServices;
     fta: FtaServices;
 } {
-    const shared = inject(
-        createDefaultSharedModule(context),
-        PastaGeneratedSharedModule,
-        PastaSprottySharedModule
-    );
+    const shared = inject(createDefaultSharedModule(context), PastaGeneratedSharedModule, PastaSprottySharedModule);
     const stpa = inject(createDefaultModule({ shared }), StpaGeneratedModule, STPAModule);
     const fta = inject(createDefaultModule({ shared }), FtaGeneratedModule, FtaModule);
     shared.ServiceRegistry.register(stpa);
@@ -71,20 +67,20 @@ const pastaDiagramServerFactory = (
         if (!sourceUri) {
             throw new Error("Missing 'sourceUri' option in request.");
         }
-        const language = serviceRegistry.getServices(URI.parse(sourceUri as string)) as (StpaServices | FtaServices);
+        const language = serviceRegistry.getServices(URI.parse(sourceUri as string)) as StpaServices | FtaServices;
         if (!language.diagram) {
             throw new Error(`The '${language.LanguageMetaData.languageId}' language does not support diagrams.`);
         }
         return new PastaDiagramServer(
-            async (action) => {
+            async action => {
                 connection?.sendNotification(DiagramActionNotification.type, { clientId, action });
             },
             language.diagram,
             clientId,
             options,
             connection,
-            language.options.SynthesisOptions, 
-            language.templates.StpaTemplates
+            language.options.SynthesisOptions,
+            language.snippets.StpaDiagramSnippets
         );
     };
 };
@@ -95,6 +91,6 @@ const pastaDiagramServerFactory = (
 const PastaSprottySharedModule: Module<LangiumSprottySharedServices, SprottySharedServices> = {
     diagram: {
         diagramServerFactory: pastaDiagramServerFactory,
-        DiagramServerManager: (services) => new DefaultDiagramServerManager(services),
+        DiagramServerManager: services => new DefaultDiagramServerManager(services),
     },
-};
\ No newline at end of file
+};
diff --git a/extension/src-language-server/options/actions.ts b/extension/src-language-server/options/actions.ts
index f5117f6a..7cbc2b3f 100644
--- a/extension/src-language-server/options/actions.ts
+++ b/extension/src-language-server/options/actions.ts
@@ -47,8 +47,8 @@ export namespace UpdateOptionsAction {
 
 /** Change the value of one or multiple synthesis options. */
 export interface SetSynthesisOptionsAction extends Action {
-    kind: typeof SetSynthesisOptionsAction.KIND;
-    options: SynthesisOption[];
+    kind: typeof SetSynthesisOptionsAction.KIND
+    options: SynthesisOption[]
 }
 
 export namespace SetSynthesisOptionsAction {
diff --git a/extension/src-language-server/snippets/actions.ts b/extension/src-language-server/snippets/actions.ts
index 6fe584e1..4796b95d 100644
--- a/extension/src-language-server/snippets/actions.ts
+++ b/extension/src-language-server/snippets/actions.ts
@@ -19,7 +19,7 @@ import { VNode } from "snabbdom";
 import { Action, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
 import { WebviewSnippet } from "./snippet-model";
 
-/** Request message from the server to get the svgs of the snippets. */
+/** Request message from the server to the client to get the svgs of the snippets. */
 export interface RequestWebviewSnippetsAction extends RequestAction<SendWebviewSnippetsAction> {
     kind: typeof RequestWebviewSnippetsAction.KIND;
     snippets: WebviewSnippet[];
@@ -88,10 +88,10 @@ export namespace ExecuteSnippetAction {
     }
 }
 
-/** Message containing snippets as string. */
+/** Message from extension to langauge server containing snippets as string. (Used to add default snippets) */
 export interface SendSnippetsAction extends Action {
     kind: typeof SendSnippetsAction.KIND;
-    temps: string[];
+    snippets: string[];
 }
 
 export namespace SendSnippetsAction {
@@ -100,7 +100,7 @@ export namespace SendSnippetsAction {
     export function create(temps: string[]): SendSnippetsAction {
         return {
             kind: KIND,
-            temps,
+            snippets: temps,
         };
     }
 
diff --git a/extension/src-language-server/snippets/snippet-diagram-server.ts b/extension/src-language-server/snippets/snippet-diagram-server.ts
index 782220f0..dd36d54b 100644
--- a/extension/src-language-server/snippets/snippet-diagram-server.ts
+++ b/extension/src-language-server/snippets/snippet-diagram-server.ts
@@ -15,13 +15,27 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Action, applyBounds, ComputedBoundsAction, DiagramServer, DiagramServices, JsonMap, RequestBoundsAction, RequestModelAction } from 'sprotty-protocol';
-import { Connection } from 'vscode-languageserver';
-import { AddSnippetAction, ExecuteSnippetAction, RequestWebviewSnippetsAction, SendSnippetsAction, SendWebviewSnippetsAction } from './actions';
-import { LanguageSnippet, SnippetGraphGenerator, WebviewSnippet } from './snippet-model';
+import {
+    Action,
+    applyBounds,
+    ComputedBoundsAction,
+    DiagramServer,
+    DiagramServices,
+    JsonMap,
+    RequestBoundsAction,
+    RequestModelAction,
+} from "sprotty-protocol";
+import { Connection } from "vscode-languageserver";
+import {
+    AddSnippetAction,
+    ExecuteSnippetAction,
+    RequestWebviewSnippetsAction,
+    SendSnippetsAction,
+    SendWebviewSnippetsAction,
+} from "./actions";
+import { LanguageSnippet, SnippetGraphGenerator, WebviewSnippet } from "./snippet-model";
 
 export abstract class SnippetDiagramServer extends DiagramServer {
-
     protected clientId: string;
     protected snippets: LanguageSnippet[] = [];
     protected defaultTemps: LanguageSnippet[];
@@ -30,8 +44,14 @@ export abstract class SnippetDiagramServer extends DiagramServer {
     protected snippetGraphGenerator: SnippetGraphGenerator;
     protected tempRdy: boolean = false;
 
-    constructor(dispatch: <A extends Action>(action: A) => Promise<void>,
-        services: DiagramServices, clientId: string, snippets: LanguageSnippet[], options: JsonMap | undefined, connection: Connection | undefined) {
+    constructor(
+        dispatch: <A extends Action>(action: A) => Promise<void>,
+        services: DiagramServices,
+        clientId: string,
+        snippets: LanguageSnippet[],
+        options: JsonMap | undefined,
+        connection: Connection | undefined
+    ) {
         super(dispatch, services);
         this.clientId = clientId;
         this.options = options;
@@ -57,7 +77,7 @@ export abstract class SnippetDiagramServer extends DiagramServer {
                 }
                 const webTemp = {
                     graph: graph,
-                    id: snippet.id
+                    id: snippet.id,
                 };
                 webviewSnippets.push(webTemp);
             } else {
@@ -65,7 +85,6 @@ export abstract class SnippetDiagramServer extends DiagramServer {
             }
         }
         return webviewSnippets;
-
     }
 
     protected handleAction(action: Action): Promise<void> {
@@ -83,20 +102,25 @@ export abstract class SnippetDiagramServer extends DiagramServer {
     /**
      * Creates a snippet based on {@code action} and adds it to the snippet list & config.
      * @param action Action containing the text to create a snippet.
-     * @returns 
+     * @returns
      */
     protected async handleAddSnippet(action: AddSnippetAction): Promise<void> {
-        const temp = this.createTempFromString(action.text);
+        const temp = this.createSnippetFromString(action.text);
         if (await this.parseable(temp)) {
             this.snippetGraphGenerator.deleteDanglingEdges(temp);
             this.addSnippets([temp]);
-            this.connection?.sendNotification('config/add', [temp.baseCode]);
+            this.connection?.sendNotification("config/add", [temp.baseCode]);
         } else {
-            this.connection?.sendNotification('snippets/creationFailed');
+            this.connection?.sendNotification("snippets/creationFailed");
         }
         return Promise.resolve();
     }
 
+    /**
+     * Determines if a snippet is parseable i.e. an AST can be created.
+     * @param snippet The snippet to check.
+     * @returns whether the snippet is parseable.
+     */
     protected async parseable(snippet: LanguageSnippet): Promise<boolean> {
         const graph = await this.snippetGraphGenerator.generateSnippetRoot(snippet);
         if (graph) {
@@ -107,45 +131,71 @@ export abstract class SnippetDiagramServer extends DiagramServer {
     }
 
     /**
-     * Creates snippets based on the texts in {@code action}.
+     * Creates snippets based on the texts in {@code action} and updates the webview.
      * @param action Action containing the snippets texts.
-     * @returns 
+     * @returns
      */
     protected handleSendSnippets(action: SendSnippetsAction): Promise<void> {
         // if no snippets are in the config file, add the default ones
-        if (action.temps.length === 0) {
+        if (action.snippets.length === 0) {
             this.snippets = this.defaultTemps;
-            this.connection?.sendNotification('config/add', this.defaultTemps.map(temp => temp.baseCode));
+            this.connection?.sendNotification(
+                "config/add",
+                this.defaultTemps.map(temp => temp.baseCode)
+            );
         } else {
-            this.snippets = action.temps.map(temp => this.createTempFromString(temp));
+            this.snippets = action.snippets.map(temp => this.createSnippetFromString(temp));
         }
         this.update();
         return Promise.resolve();
     }
 
-    protected abstract createTempFromString(text: string): LanguageSnippet;
+    /**
+     * Creates snippets based on the given {@code text}.
+     * @param text The text to create the snippets from.
+     * @returns a snippet created from the text.
+     */
+    protected abstract createSnippetFromString(text: string): LanguageSnippet;
 
+    /**
+     * Adds the given snippets to the snippet list and updates the webview.
+     * @param temps The snippets to add.
+     */
     addSnippets(temps: LanguageSnippet[]): void {
         this.snippets.push(...temps);
         this.update();
     }
 
+    /**
+     * Updates the webview with the current snippets.
+     */
     async update(): Promise<void> {
         const temps = await this.getSnippets();
-        // send the avaiable snippets to the client
-        const response = await this.request<SendWebviewSnippetsAction>({ kind: RequestWebviewSnippetsAction.KIND, snippets: temps, clientId: this.clientId } as RequestWebviewSnippetsAction);
+        // send the avaiable snippets to the client to get them rendered
+        const response = await this.request<SendWebviewSnippetsAction>({
+            kind: RequestWebviewSnippetsAction.KIND,
+            snippets: temps,
+            clientId: this.clientId,
+        } as RequestWebviewSnippetsAction);
         // send graph svgs to extension
-        this.connection?.sendNotification('snippets/add', { snippets: response.snippets });
+        this.connection?.sendNotification("snippets/add", { snippets: response.snippets });
     }
 
+    /**
+     * Adds the text of the snippet in {@code action} to the editor.
+     * @param action 
+     */
     protected async handleExecuteSnippet(action: ExecuteSnippetAction): Promise<void> {
+        // uri of the file in which the snippet should be inserted
         const uri = this.options?.sourceUri;
         const temp = this.snippets.find(temp => temp.id === action.id);
         if (temp) {
+            // determine position where to add
             const pos = temp.getPosition(uri as string);
-            this.connection?.sendNotification('editor/add', { uri: uri, text: temp.insertText, position: pos });
+            // add the text of the snippet to the editor
+            this.connection?.sendNotification("editor/add", { uri: uri, text: temp.insertText, position: pos });
         } else {
-            console.error('There is no Diagram Snippet with id ' + action.id);
+            console.error("There is no Diagram Snippet with id " + action.id);
         }
     }
 
@@ -154,5 +204,4 @@ export abstract class SnippetDiagramServer extends DiagramServer {
         this.options = action.options;
         super.handleRequestModel(action);
     }
-
-}
\ No newline at end of file
+}
diff --git a/extension/src-language-server/snippets/snippet-model.ts b/extension/src-language-server/snippets/snippet-model.ts
index 6ebf9ca1..c2c56838 100644
--- a/extension/src-language-server/snippets/snippet-model.ts
+++ b/extension/src-language-server/snippets/snippet-model.ts
@@ -15,24 +15,51 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { LangiumDiagramGenerator } from 'langium-sprotty';
-import { SModelElement, SModelRoot } from 'sprotty-protocol';
-import { Position } from 'vscode-languageserver';
+import { LangiumDiagramGenerator } from "langium-sprotty";
+import { SModelElement, SModelRoot } from "sprotty-protocol";
+import { Position } from "vscode-languageserver";
 
+/**
+ * Represents a snippet that can be inserted into a document.
+ */
 export interface LanguageSnippet {
+    /** the code that should be added when executing the snippet */
     baseCode: string;
+    /** the original text representing the snippet */
     insertText: string;
+    /** unique id of the snippet */
     id: string;
 
+    /**
+     * Calculates the position where the snippet should be inserted.
+     * @param uri The uri of the document in which the snippet should be inserted.
+     * @returns the position where the snippet should be inserted.
+     */
     getPosition(uri: string): Position;
 }
 
+/**
+ * Represents a snippet that can be displayed in a webview.
+ */
 export interface WebviewSnippet {
+    /** the graph to display */
     graph: Readonly<SModelElement>;
+    /** unique id of the snippet */
     id: string;
 }
 
+/**
+ * A generator for snippet diagrams.
+ */
 export abstract class SnippetGraphGenerator extends LangiumDiagramGenerator {
+    /**
+     * Deletes all edges that are not connected to a node.
+     * @param snippet The snippet to clean up.
+     */
     abstract deleteDanglingEdges(snippet: LanguageSnippet): void;
+    /**
+     * Generates the root element of the snippet diagram.
+     * @param snippet The snippet to generate the diagram for.
+     */
     abstract generateSnippetRoot(snippet: LanguageSnippet): Promise<SModelRoot | undefined>;
-}
\ No newline at end of file
+}
diff --git a/extension/src-language-server/snippets/stpa-templates.ts b/extension/src-language-server/snippets/stpa-snippets.ts
similarity index 79%
rename from extension/src-language-server/snippets/stpa-templates.ts
rename to extension/src-language-server/snippets/stpa-snippets.ts
index 978d8815..0bff8aaa 100644
--- a/extension/src-language-server/snippets/stpa-templates.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -15,28 +15,30 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { Position } from 'vscode-languageserver';
-import { LanguageSnippet } from './snippet-model';
-import { LangiumDocuments, LangiumServices } from 'langium';
-import { URI } from 'vscode-uri';
-import { TextDocument } from 'vscode-languageserver-textdocument';
+import { LangiumDocuments, LangiumServices } from "langium";
+import { Position } from "vscode-languageserver";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import { URI } from "vscode-uri";
+import { LanguageSnippet } from "./snippet-model";
 
+/**
+ * Class that handles snippets for the STPA diagram.
+ */
 export class StpaDiagramSnippets {
-
     protected readonly langiumDocuments: LangiumDocuments;
-    protected defaultSnippets: LanguageSnippet[];
+    /** Counts how much custom snippets exist */
+    protected customSnippetsNumber: number = 0;
+    /** The currently existing snippets */
     protected snippets: LanguageSnippet[];
-    protected customTempsNumber: number = 0;
 
     constructor(services: LangiumServices) {
         this.langiumDocuments = services.shared.workspace.LangiumDocuments;
-        this.defaultSnippets = this.generateDefaultSnippets();
-        this.snippets = this.defaultSnippets;
+        this.snippets = this.generateDefaultSnippets();
     }
 
     /**
      * Creates the default snippets.
-     * @returns A list with the default snippets.
+     * @returns a list with the default snippets.
      */
     protected generateDefaultSnippets(): LanguageSnippet[] {
         return [
@@ -44,35 +46,43 @@ export class StpaDiagramSnippets {
             new SimpleCSWithAcsSnippet(this.langiumDocuments, "T1"),
             new ConsControllersSnippet(this.langiumDocuments, "T3"),
             new ParallelContsSnippet(this.langiumDocuments, "T4"),
-            new ConsContsWithLoopSnippet(this.langiumDocuments, "T5")
+            new ConsContsWithLoopSnippet(this.langiumDocuments, "T5"),
         ];
     }
 
-    createTemp(text: string): LanguageSnippet {
+    /**
+     * Creates a snippet for the given {@code text}.
+     * @param text The text that should be inserted when clicking on the snippet.
+     * @returns a snippet for the given {@code text}.
+     */
+    createSnippet(text: string): LanguageSnippet {
         // TODO: currently only control structure
-        this.customTempsNumber++;
-        return new CustomCSSnippet(this.langiumDocuments, text, 'CS' + this.customTempsNumber, text);
+        this.customSnippetsNumber++;
+        return new CustomCSSnippet(this.langiumDocuments, text, "CS" + this.customSnippetsNumber, text);
     }
 
+    /**
+     * Get the snippets that are available.
+     * @returns all available snippets.
+     */
     getSnippets(): LanguageSnippet[] {
         return this.snippets;
     }
-
 }
 
 /**
- * Calculates the actual text of snippets for the control structure and theri position in the document.
+ * Calculates the actual text of snippets for the control structure and their position in the document.
  * @param document The document in which the snippet should be inserted.
  * @param snippet The snippet that should be inserted.
- * @returns The position where the tempalte should be added to the {@code document}.
+ * @returns the position where the snippet should be added to the {@code document}.
  */
 function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippet): Position {
     const docText = document.getText();
 
     // determine range of already existing definition of control structure
-    const titleIndex = docText.indexOf('ControlStructure');
+    const titleIndex = docText.indexOf("ControlStructure");
     const startIndex = titleIndex !== -1 ? titleIndex : 0;
-    const nextTitleIndex = docText.indexOf('Responsibilities');
+    const nextTitleIndex = docText.indexOf("Responsibilities");
     const endIndex = nextTitleIndex !== -1 ? nextTitleIndex - 1 : docText.length - 1;
     if (titleIndex === -1) {
         return document.positionAt(endIndex);
@@ -80,20 +90,22 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
         snippet.insertText = snippet.insertText.substring(18, snippet.insertText.length);
         // check whether a graph ID already exist
         const csText = docText.substring(startIndex, endIndex);
-        const graphIndex = csText.indexOf('{');
+        const graphIndex = csText.indexOf("{");
         if (graphIndex === -1) {
             return document.positionAt(endIndex);
         } else {
-            snippet.insertText = snippet.insertText.substring(snippet.insertText.indexOf('{') + 1, snippet.insertText.lastIndexOf('}'));
-            const bracketIndex = csText.lastIndexOf('}');
+            snippet.insertText = snippet.insertText.substring(
+                snippet.insertText.indexOf("{") + 1,
+                snippet.insertText.lastIndexOf("}")
+            );
+            const bracketIndex = csText.lastIndexOf("}");
             return document.positionAt(titleIndex + bracketIndex - 1);
         }
     }
-
 }
-
+// TODO: maybe need adjustments since CS can be nested now
 /**
- * Adds {@code id} to the node names in {@code text}.
+ * Adds {@code id} to the control structure node names in {@code text}.
  * @param text The control structure text.
  * @param id The id to append.
  * @returns The modified text.
@@ -103,7 +115,7 @@ function addNodeIDs(text: string, id: string): string {
     // collect node names
     const names: string[] = [];
     for (let i = 3; i < splits.length; i++) {
-        if (splits[i] === '{' && !isKeyWord(splits[i - 1])) {
+        if (splits[i] === "{" && !isKeyWord(splits[i - 1])) {
             names.push(splits[i - 1]);
         }
     }
@@ -116,15 +128,30 @@ function addNodeIDs(text: string, id: string): string {
     return text;
 }
 
+/**
+ * Checks whether the given {@code text} is a keyword.
+ * @param text The text to check.
+ * @returns whether the given {@code text} is a keyword.
+ */
 function isKeyWord(text: string): boolean {
-    return text === 'hierarchyLevel' || text === 'label' || text === 'processModel' || text === 'controlActions' || text === 'feedback';
+    return (
+        text === "hierarchyLevel" ||
+        text === "label" ||
+        text === "processModel" ||
+        text === "controlActions" ||
+        text === "feedback"
+    );
 }
 
+/**
+ * Custom snippet for the control structure.
+ */
 export class CustomCSSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
     id: string;
     baseCode: string;
+    /** Counts how many times the snippet was added already  */
     protected counter: number = 0;
 
     constructor(documents: LangiumDocuments, insertText: string, id: string, baseCode: string) {
@@ -136,16 +163,16 @@ export class CustomCSSnippet implements LanguageSnippet {
     }
 
     /**
-     * Check whether the CS caption and graph name exists. If not, adds it.
+     * Check whether the CS caption and graph name exists. If not, adds it to the baseCode.
      */
     protected checkCaption(): void {
         const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
         const words = splits.filter(child => child !== "");
-        if (words[0] !== 'ControlStructure') {
-            if (isKeyWord(words[2]) || words[2] === '}' && words.length > 3) {
-                this.baseCode = 'ControlStructure\r\nCS {\r\n' + this.baseCode + '\r\n}';
+        if (words[0] !== "ControlStructure") {
+            if (isKeyWord(words[2]) || (words[2] === "}" && words.length > 3)) {
+                this.baseCode = "ControlStructure\r\nCS {\r\n" + this.baseCode + "\r\n}";
             } else {
-                this.baseCode = 'ControlStructure\r\n' + this.baseCode;
+                this.baseCode = "ControlStructure\r\n" + this.baseCode;
             }
         }
     }
@@ -156,7 +183,6 @@ export class CustomCSSnippet implements LanguageSnippet {
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSSnippet(document, this);
     }
-
 }
 
 /**
@@ -165,7 +191,7 @@ export class CustomCSSnippet implements LanguageSnippet {
 export class SimpleCSSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'simpleCSSnippet';
+    id: string = "simpleCSSnippet";
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -197,7 +223,7 @@ CS {
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSSnippet(document, this);
     }
-};
+}
 
 /**
  * Snippet for a control structure with one controller, one controlled process, one actuator, and one sensor.
@@ -205,7 +231,7 @@ CS {
 export class SimpleCSWithAcsSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'simpleCSWithAcsSnippet';
+    id: string = "simpleCSWithAcsSnippet";
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -249,7 +275,7 @@ CS {
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSSnippet(document, this);
     }
-};
+}
 
 /**
  * Snippet for a control structure with two consecutive controllers and one controlled process.
@@ -257,7 +283,7 @@ CS {
 export class ConsControllersSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'consControllerSnippet';
+    id: string = "consControllerSnippet";
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -298,7 +324,7 @@ CS {
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSSnippet(document, this);
     }
-};
+}
 
 /**
  * Snippet for a control structure with two parallel controllers and one controlled process.
@@ -306,7 +332,7 @@ CS {
 export class ParallelContsSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'parallelContsSnippet';
+    id: string = "parallelContsSnippet";
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -345,7 +371,7 @@ CS {
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSSnippet(document, this);
     }
-};
+}
 
 /**
  * Snippet for a control structure with two consecutive controllers, one controlled process.
@@ -353,7 +379,7 @@ CS {
 export class ConsContsWithLoopSnippet implements LanguageSnippet {
     insertText: string;
     documents: LangiumDocuments;
-    id: string = 'consContsWithLoopSnippet';
+    id: string = "consContsWithLoopSnippet";
     protected counter: number = 0;
     protected shortId: string;
     baseCode: string = `
@@ -396,4 +422,4 @@ CS {
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
         return getPositionForCSSnippet(document, this);
     }
-};
\ No newline at end of file
+}
diff --git a/extension/src-language-server/stpa-document-builder.ts b/extension/src-language-server/stpa-document-builder.ts
index 3dab28b4..0652a4f4 100644
--- a/extension/src-language-server/stpa-document-builder.ts
+++ b/extension/src-language-server/stpa-document-builder.ts
@@ -15,13 +15,18 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { AstNode, BuildOptions, DefaultDocumentBuilder, LangiumDocument } from 'langium';
-import { CancellationToken } from 'vscode-languageserver';
+import { AstNode, BuildOptions, DefaultDocumentBuilder, LangiumDocument } from "langium";
+import { CancellationToken } from "vscode-languageserver";
 
+/**
+ * Custom document builder to make the buildDocuments method public.
+ */
 export class StpaDocumentBuilder extends DefaultDocumentBuilder {
-
-    async buildDocuments(documents: LangiumDocument<AstNode>[],  options: BuildOptions, cancelToken: CancellationToken): Promise<void> {
+    async buildDocuments(
+        documents: LangiumDocument<AstNode>[],
+        options: BuildOptions,
+        cancelToken: CancellationToken
+    ): Promise<void> {
         return super.buildDocuments(documents, options, cancelToken);
     }
-
-}
\ No newline at end of file
+}
diff --git a/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts b/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts
index c0c0b0de..4a8f44b3 100644
--- a/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-controlStructure.ts
@@ -40,7 +40,7 @@ import { getCommonAncestor, setLevelOfCSNodes, sortPorts } from "./utils";
  * @param controlStructure The control structure.
  * @param idToSNode The map of IDs to SNodes.
  * @param options The synthesis options of the STPA model.
- * @param args The GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns the generated control structure diagram.
  */
 export function createControlStructure(
@@ -178,7 +178,7 @@ export function createProcessModelNodes(variables: Variable[], idCache: IdCache<
 /**
  * Creates the edges for the control structure.
  * @param nodes The nodes of the control structure.
- * @param args GeneratorContext of the STPA model
+ * @param idCache The ID cache of the STPA model.
  * @returns A list of edges for the control structure.
  */
 export function generateVerticalCSEdges(
@@ -207,7 +207,7 @@ export function generateVerticalCSEdges(
  * Translates the commands (control action or feedback) of a node to (intermediate) edges and adds them to the correct nodes.
  * @param commands The control actions or feedback of a node.
  * @param edgeType The type of the edge (control action or feedback).
- * @param args GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns A list of edges representing the commands that should be added at the top level.
  */
 export function translateCommandsToEdges(
@@ -276,7 +276,7 @@ export function translateCommandsToEdges(
  * @param io The inputs or outputs of a node.
  * @param node The node of the inputs or outputs.
  * @param edgetype The type of the edge (input or output).
- * @param args GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns a list of edges representing the inputs or outputs that should be added at the top level.
  */
 export function translateIOToEdgeAndNode(
@@ -357,7 +357,7 @@ export function translateIOToEdgeAndNode(
  * @param target The target of the edge.
  * @param edgeId The ID of the original edge.
  * @param edgeType The type of the edge.
- * @param args The GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @param ancestor The common ancestor of the source and target.
  * @returns the IDs of the source and target port at the hierarchy level of the {@code ancestor}.
  */
diff --git a/extension/src-language-server/stpa/diagram/diagram-elements.ts b/extension/src-language-server/stpa/diagram/diagram-elements.ts
index 2a7c8987..1472cc80 100644
--- a/extension/src-language-server/stpa/diagram/diagram-elements.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-elements.ts
@@ -108,7 +108,7 @@ export function createSTPAEdge(
  * @param targetId The ID of the target of the edge.
  * @param label The labels of the edge.
  * @param edgeType The type of the edge (control action or feedback edge).
- * @param param5 GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns A control structure edge.
  */
 export function createControlStructureEdge(
diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index 6a71ec01..75bd3fbe 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -15,26 +15,23 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { AstNode, LangiumDocumentFactory, LangiumParser, ParseResult } from 'langium';
+import { AstNode, LangiumDocumentFactory, LangiumParser, ParseResult } from "langium";
 import { GeneratorContext, IdCache, IdCacheImpl } from "langium-sprotty";
 import { SModelElement, SModelRoot, SNode } from "sprotty-protocol";
-import { CancellationToken } from 'vscode-languageserver';
-import { TextDocument } from 'vscode-languageserver-textdocument';
+import { CancellationToken } from "vscode-languageserver";
+import { TextDocument } from "vscode-languageserver-textdocument";
 import { Model } from "../../generated/ast";
-import { StpaDocumentBuilder } from '../../stpa-document-builder';
-import { LanguageTemplate, TemplateGraphGenerator } from '../../templates/template-model';
+import { LanguageSnippet, SnippetGraphGenerator } from "../../snippets/snippet-model";
+import { StpaDocumentBuilder } from "../../stpa-document-builder";
 import { StpaServices } from "../stpa-module";
 import { createControlStructure } from "./diagram-controlStructure";
 import { createRelationshipGraph } from "./diagram-relationshipGraph";
 import { filterModel } from "./filtering";
 import { StpaSynthesisOptions } from "./stpa-synthesis-options";
 
-export class StpaDiagramGenerator extends TemplateGraphGenerator {
+export class StpaDiagramGenerator extends SnippetGraphGenerator {
     protected readonly options: StpaSynthesisOptions;
-    protected readonly parser: LangiumParser;
-    protected readonly docBuilder: StpaDocumentBuilder;
-    protected readonly docFactory: LangiumDocumentFactory;
-    protected readonly languageId: string;
+    protected readonly services: StpaServices;
 
     /** Saves the Ids of the generated SNodes */
     protected idToSNode: Map<string, SNode> = new Map();
@@ -44,60 +41,73 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
     constructor(services: StpaServices) {
         super(services);
         this.options = services.options.SynthesisOptions;
-        this.parser = services.parser.LangiumParser;
-        this.docBuilder = services.shared.workspace.DocumentBuilder as StpaDocumentBuilder;
-        this.docFactory = services.shared.workspace.LangiumDocumentFactory as LangiumDocumentFactory;
-        this.languageId = services.LanguageMetaData.languageId;
+        this.services = services;
     }
     /**
-     * Generates an SGraph for the given {@code template}.
-     * @param template The template for which a graph should be generated.
-     * @returns the SGraph.
+     * Generates an SGraph for the given {@code snippet}.
+     * @param snippet The snippet for which a graph should be generated.
+     * @returns the SGraph for {@code snippet}.
      */
-    async generateTemplateRoot(template: LanguageTemplate): Promise<SModelRoot | undefined> {
+    async generateSnippetRoot(snippet: LanguageSnippet): Promise<SModelRoot | undefined> {
+        // id cache is needed
         if (!this.idCache) {
             this.idCache = new IdCacheImpl();
         }
-        const parseRes = await this.getTempalteAST(template);
+        // parse the snippet to an AST
+        const parseRes = await this.getSnippetAST(snippet);
         if (!parseRes) {
             return undefined;
         } else {
+            // create the SGraph
             const graph = this.generateGraph(parseRes);
-            graph.id = template.id;
+            graph.id = snippet.id;
             return graph;
         }
     }
 
-     /**
-     * Calculates the parse result for {@code template}.
-     * @param template The template that should be parsed.
-     * @returns The AST for {@code template}.
+    /**
+     * Calculates the parse result for {@code snippet}.
+     * @param snippet The snippet that should be parsed.
+     * @returns the AST for {@code snippet}.
      */
-     protected async getTempalteAST(template: LanguageTemplate): Promise<Model | undefined> {
+    protected async getSnippetAST(snippet: LanguageSnippet): Promise<Model | undefined> {
         // in order for the cross-references to be correctly evaluated, a document must be build
-        const uri = 'file:///template.stpa';
-        const textDocument = TextDocument.create(uri, this.languageId, 0, template.baseCode ?? '');
-        const parseResult: ParseResult<Model> = this.parser.parse<Model>(template.baseCode);
+        const uri = "file:///snippet.stpa";
+        const textDocument = TextDocument.create(
+            uri,
+            this.services.LanguageMetaData.languageId,
+            0,
+            snippet.baseCode ?? ""
+        );
+        const parseResult: ParseResult<Model> = this.services.parser.LangiumParser.parse<Model>(snippet.baseCode);
         if (parseResult.parserErrors.length > 0) {
             return undefined;
         }
         // const doc = documentFromText<Model>(textDocument, parseResult);
-        const doc = this.docFactory.fromTextDocument<Model>(textDocument);
-        await this.docBuilder.buildDocuments([doc], {validationChecks: 'none'}, CancellationToken.None);
+        const doc = (
+            this.services.shared.workspace.LangiumDocumentFactory as LangiumDocumentFactory
+        ).fromTextDocument<Model>(textDocument);
+        await (this.services.shared.workspace.DocumentBuilder as StpaDocumentBuilder).buildDocuments(
+            [doc],
+            { validationChecks: "none" },
+            CancellationToken.None
+        );
 
         return doc.parseResult.value;
     }
 
     /**
-     * Deletes the dangling edges in {@code template}.
-     * @param template The template which edges should be inspected.
+     * Deletes the dangling edges in {@code snippet}.
+     * @param snippet The snippet, which edges should be inspected.
      */
-    async deleteDanglingEdges(template: LanguageTemplate): Promise<void> {
-        const model = await this.getTempalteAST(template);
+    async deleteDanglingEdges(snippet: LanguageSnippet): Promise<void> {
+        const model = await this.getSnippetAST(snippet);
         if (model) {
+            // collect nodes and their ids
             const nodes = model.controlStructure?.nodes;
             const nodeIDs = new Set<string>();
             nodes?.forEach(node => nodeIDs.add(node.name));
+            // collect dangling node ids from control actions and feedbacks
             const danglingNodes = new Set<string>();
             for (const node of nodes ?? []) {
                 node.actions.filter(action => {
@@ -115,17 +125,19 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
                     return true;
                 });
             }
-            danglingNodes.forEach((node) => {
-                const newString = template.baseCode.replace(/->( )*/, "-> ");
+            // remove dangling edges
+            danglingNodes.forEach(node => {
+                const newString = snippet.baseCode.replace(/->( )*/, "-> ");
                 const endIndex = newString.indexOf("-> " + node) + 3 + node.length;
-                const startIndex = newString.substring(0, endIndex).lastIndexOf('[');
-                template.baseCode = newString.substring(0, startIndex).trimEnd() + newString.substring(endIndex + 1, newString.length);
+                const startIndex = newString.substring(0, endIndex).lastIndexOf("[");
+                snippet.baseCode =
+                    newString.substring(0, startIndex).trimEnd() + newString.substring(endIndex + 1, newString.length);
             });
         }
     }
 
     /**
-     * Generates a SGraph for the STPA model contained in {@code args}.
+     * Generates an SGraph for the STPA model contained in {@code args}.
      * @param args GeneratorContext for the STPA model.
      * @returns the root of the generated SGraph.
      */
@@ -138,14 +150,12 @@ export class StpaDiagramGenerator extends TemplateGraphGenerator {
         return this.generateGraph(model);
     }
 
-
     /**
      * Generates an SGraph for the given {@code model}.
      * @param model The Model for whcih a graph should be generated.
      * @returns an SGraph.
      */
     private generateGraph(model: Model): SModelRoot {
-
         // filter model based on the options set by the user
         const filteredModel = filterModel(model, this.options);
 
diff --git a/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts b/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts
index bfaa4596..63517924 100644
--- a/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-relationshipGraph.ts
@@ -46,7 +46,7 @@ import {
  * @param model The STPA model.
  * @param idToSNode The map of the generated IDs to their generated SNodes.
  * @param options The synthesis options of the STPA model.
- * @param args The generator context of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns the relationship graph for the STPA model.
  */
 export function createRelationshipGraph(
@@ -82,7 +82,7 @@ export function createRelationshipGraph(
  * @param model The STPA model.
  * @param idToSNode The map of the generated IDs to their generated SNodes.
  * @param options The synthesis options of the STPA model.
- * @param args The generator context of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns the children of the relationship graph.
  */
 export function createRelationshipGraphChildren(
@@ -284,7 +284,7 @@ export function createRelationshipGraphChildren(
 /**
  * Generates a node and the edges for the given {@code node}.
  * @param node STPA component for which a node and edges should be generated.
- * @param args GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns A node representing {@code node} and edges representing the references {@code node} contains.
  */
 export function generateAspectWithEdges(
@@ -308,7 +308,7 @@ export function generateAspectWithEdges(
 /**
  * Generates a single STPANode for the given {@code node}.
  * @param node The STPA component the node should be created for.
- * @param args GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns A STPANode representing {@code node}.
  */
 export function generateSTPANode(
@@ -366,7 +366,7 @@ export function generateSTPANode(
 /**
  * Generates the edges for {@code node}.
  * @param node STPA component for which the edges should be created.
- * @param args GeneratorContext of the STPA model.
+ * @param idCache The ID cache of the STPA model.
  * @returns Edges representing the references {@code node} contains.
  */
 export function generateEdgesForSTPANode(
diff --git a/extension/src-language-server/stpa/stpa-module.ts b/extension/src-language-server/stpa/stpa-module.ts
index cde0db7b..fe524fe0 100644
--- a/extension/src-language-server/stpa/stpa-module.ts
+++ b/extension/src-language-server/stpa/stpa-module.ts
@@ -16,21 +16,11 @@
  */
 
 import ElkConstructor from "elkjs/lib/elk.bundled";
-import {
-    Module,
-    PartialLangiumServices
-} from "langium";
-import {
-    LangiumSprottyServices,
-    SprottyDiagramServices
-} from "langium-sprotty";
-import {
-    DefaultElementFilter,
-    ElkFactory,
-    IElementFilter,
-    ILayoutConfigurator
-} from "sprotty-elk/lib/elk-layout";
+import { Module, PartialLangiumServices } from "langium";
+import { LangiumSprottyServices, SprottyDiagramServices } from "langium-sprotty";
+import { DefaultElementFilter, ElkFactory, IElementFilter, ILayoutConfigurator } from "sprotty-elk/lib/elk-layout";
 import { LayoutEngine } from "../layout-engine";
+import { StpaDiagramSnippets } from "../snippets/stpa-snippets";
 import { IDEnforcer } from "./ID-enforcer";
 import { ContextTableProvider } from "./contextTable/context-dataProvider";
 import { StpaDiagramGenerator } from "./diagram/diagram-generator";
@@ -38,7 +28,6 @@ import { StpaLayoutConfigurator } from "./diagram/layout-config";
 import { StpaSynthesisOptions } from "./diagram/stpa-synthesis-options";
 import { StpaScopeProvider } from "./stpa-scopeProvider";
 import { StpaValidationRegistry, StpaValidator } from "./stpa-validator";
-import { StpaTemplates } from '../stpa-templates';
 
 /**
  * Declaration of custom services - add your own service classes here.
@@ -64,8 +53,8 @@ export type StpaAddedServices = {
     utility: {
         IDEnforcer: IDEnforcer;
     };
-    templates: {
-        StpaTemplates: StpaTemplates;
+    snippets: {
+        StpaDiagramSnippets: StpaDiagramSnippets;
     };
 };
 
@@ -82,8 +71,8 @@ export type StpaServices = LangiumSprottyServices & StpaAddedServices;
  */
 export const STPAModule: Module<StpaServices, PartialLangiumServices & SprottyDiagramServices & StpaAddedServices> = {
     diagram: {
-        DiagramGenerator: (services) => new StpaDiagramGenerator(services),
-        ModelLayoutEngine: (services) =>
+        DiagramGenerator: services => new StpaDiagramGenerator(services),
+        ModelLayoutEngine: services =>
             new LayoutEngine(
                 services.layout.ElkFactory,
                 services.layout.ElementFilter,
@@ -91,11 +80,11 @@ export const STPAModule: Module<StpaServices, PartialLangiumServices & SprottyDi
             ) as any,
     },
     references: {
-        ScopeProvider: (services) => new StpaScopeProvider(services),
-        StpaScopeProvider: (services) => new StpaScopeProvider(services),
+        ScopeProvider: services => new StpaScopeProvider(services),
+        StpaScopeProvider: services => new StpaScopeProvider(services),
     },
     validation: {
-        ValidationRegistry: (services) => new StpaValidationRegistry(services),
+        ValidationRegistry: services => new StpaValidationRegistry(services),
         StpaValidator: () => new StpaValidator(),
     },
     layout: {
@@ -107,12 +96,12 @@ export const STPAModule: Module<StpaServices, PartialLangiumServices & SprottyDi
         SynthesisOptions: () => new StpaSynthesisOptions(),
     },
     contextTable: {
-        ContextTableProvider: (services) => new ContextTableProvider(services),
+        ContextTableProvider: services => new ContextTableProvider(services),
     },
     utility: {
-        IDEnforcer: (services) => new IDEnforcer(services),
+        IDEnforcer: services => new IDEnforcer(services),
+    },
+    snippets: {
+        StpaDiagramSnippets: services => new StpaDiagramSnippets(services),
     },
-    templates: {
-        StpaTemplates: services => new StpaTemplates(services)
-    }
 };
diff --git a/extension/src-webview/template/actions.ts b/extension/src-webview/template/actions.ts
index e36e5998..e489cfe3 100644
--- a/extension/src-webview/template/actions.ts
+++ b/extension/src-webview/template/actions.ts
@@ -15,10 +15,10 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { VNode } from 'snabbdom';
-import { Action, Bounds, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
+import { VNode } from "snabbdom";
 import { ModelRenderer } from "sprotty";
-import { WebviewTemplate } from "./template-models";
+import { Action, Bounds, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
+import { WebviewSnippet } from "./template-models";
 
 /** Sent from the view. */
 export interface SendModelRendererAction extends Action {
@@ -28,13 +28,13 @@ export interface SendModelRendererAction extends Action {
 }
 
 export namespace SendModelRendererAction {
-    export const KIND = 'sendModelRendererAction';
+    export const KIND = "sendModelRendererAction";
 
     export function create(renderer: ModelRenderer, bounds: Bounds): SendModelRendererAction {
         return {
             kind: KIND,
             renderer,
-            bounds
+            bounds,
         };
     }
 
@@ -43,55 +43,50 @@ export namespace SendModelRendererAction {
     }
 }
 
-/** Request message from the server to get the svgs for the templates. */
-export interface RequestWebviewTemplatesAction extends RequestAction<SendWebviewTemplatesAction> {
-    kind: typeof RequestWebviewTemplatesAction.KIND;
-    templates: WebviewTemplate[];
+/** Request message from the server to the client to get the svgs of the snippets. */
+export interface RequestWebviewSnippetsAction extends RequestAction<SendWebviewSnippetsAction> {
+    kind: typeof RequestWebviewSnippetsAction.KIND;
+    snippets: WebviewSnippet[];
     clientId: string;
     requestId: string;
 }
 
-export namespace RequestWebviewTemplatesAction {
-    export const KIND = "updateTemplates";
+export namespace RequestWebviewSnippetsAction {
+    export const KIND = "updateSnippets";
 
-    export function create(
-        templates: WebviewTemplate[],
-        clientId: string
-    ): RequestWebviewTemplatesAction {
+    export function create(snippets: WebviewSnippet[], clientId: string): RequestWebviewSnippetsAction {
         return {
             kind: KIND,
-            templates,
+            snippets: snippets,
             clientId,
-            requestId: generateRequestId()
+            requestId: generateRequestId(),
         };
     }
 
-    export function isThisAction(action: Action): action is RequestWebviewTemplatesAction {
-        return action.kind === RequestWebviewTemplatesAction.KIND;
+    export function isThisAction(action: Action): action is RequestWebviewSnippetsAction {
+        return action.kind === RequestWebviewSnippetsAction.KIND;
     }
 }
 
-export interface SendWebviewTemplatesAction extends ResponseAction {
-    kind: typeof SendWebviewTemplatesAction.KIND;
-    templates: VNode[];
+/** Message to the language server containing the svgs of the snippets. */
+export interface SendWebviewSnippetsAction extends ResponseAction {
+    kind: typeof SendWebviewSnippetsAction.KIND;
+    snippets: VNode[];
     responseId: string;
 }
 
-export namespace SendWebviewTemplatesAction {
-    export const KIND = "updateTemplates";
+export namespace SendWebviewSnippetsAction {
+    export const KIND = "updateSnippets";
 
-    export function create(
-        templates: VNode[],
-        requestId: string = ''
-    ): SendWebviewTemplatesAction {
+    export function create(snippets: VNode[], requestId: string = ""): SendWebviewSnippetsAction {
         return {
             kind: KIND,
-            templates,
-            responseId: requestId
+            snippets: snippets,
+            responseId: requestId,
         };
     }
 
-    export function isThisAction(action: Action): action is SendWebviewTemplatesAction {
-        return action.kind === SendWebviewTemplatesAction.KIND;
+    export function isThisAction(action: Action): action is SendWebviewSnippetsAction {
+        return action.kind === SendWebviewSnippetsAction.KIND;
     }
-}
+}
\ No newline at end of file
diff --git a/extension/src-webview/template/template-models.ts b/extension/src-webview/template/template-models.ts
index 8555d7f2..10aacb95 100644
--- a/extension/src-webview/template/template-models.ts
+++ b/extension/src-webview/template/template-models.ts
@@ -17,7 +17,12 @@
 
 import { SModelElement } from "sprotty";
 
-export interface WebviewTemplate {
+/**
+ * Represents a snippet that can be displayed in a webview.
+ */
+export interface WebviewSnippet {
+    /** the graph to display */
     graph: Readonly<SModelElement>;
+    /** unique id of the snippet */
     id: string;
 }
diff --git a/extension/src-webview/template/template-registry.ts b/extension/src-webview/template/template-registry.ts
index b56a3afc..5f14cc1f 100644
--- a/extension/src-webview/template/template-registry.ts
+++ b/extension/src-webview/template/template-registry.ts
@@ -24,7 +24,7 @@ import { HOST_EXTENSION } from "vscode-messenger-common";
 import { Messenger } from "vscode-messenger-webview";
 import { Registry } from "../base/registry";
 import { DISymbol } from "../di.symbols";
-import { RequestWebviewTemplatesAction, SendModelRendererAction, SendWebviewTemplatesAction } from "./actions";
+import { RequestWebviewSnippetsAction, SendModelRendererAction, SendWebviewSnippetsAction } from "./actions";
 import { TemplateRenderer } from "./template-renderer";
 
 /**
@@ -39,23 +39,23 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
     @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
 
     initialize(registry: ActionHandlerRegistry): void {
-        registry.register(RequestWebviewTemplatesAction.KIND, this);
+        registry.register(RequestWebviewSnippetsAction.KIND, this);
         registry.register(SendModelRendererAction.KIND, this);
     }
 
     handle(action: Action): void | Action | ICommand {
-        if (RequestWebviewTemplatesAction.isThisAction(action)) {
+        if (RequestWebviewSnippetsAction.isThisAction(action)) {
             this.handleRequestWebviewTemps(action);
         } else if (SendModelRendererAction.isThisAction(action)) {
             this.handleSendModelRenderer(action);
         }
     }
 
-    private handleRequestWebviewTemps(action: RequestWebviewTemplatesAction): void {
-        const temps = this.templateRenderer.renderTemplates(action.templates);
-        const response: SendWebviewTemplatesAction = {
-            kind: SendWebviewTemplatesAction.KIND,
-            templates: temps,
+    private handleRequestWebviewTemps(action: RequestWebviewSnippetsAction): void {
+        const temps = this.templateRenderer.renderTemplates(action.snippets);
+        const response: SendWebviewSnippetsAction = {
+            kind: SendWebviewSnippetsAction.KIND,
+            snippets: temps,
             responseId: action.requestId,
         };
         this.messenger.sendNotification(ActionNotification, HOST_EXTENSION, {
diff --git a/extension/src-webview/template/template-renderer.tsx b/extension/src-webview/template/template-renderer.tsx
index 8fc277f3..0d47357d 100644
--- a/extension/src-webview/template/template-renderer.tsx
+++ b/extension/src-webview/template/template-renderer.tsx
@@ -20,7 +20,7 @@ import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
 import { html, IModelFactory, ModelRenderer, SGraph, SNode, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { Bounds } from 'sprotty-protocol';
-import { WebviewTemplate } from "./template-models";
+import { WebviewSnippet } from "./template-models";
 
 
 /** Renderer that is capable of rendering templates to jsx. */
@@ -41,7 +41,7 @@ export class TemplateRenderer {
     /**
      * Renders all templates provided by the server.
      */
-    renderTemplates(templates: WebviewTemplate[]): VNode[] {
+    renderTemplates(templates: WebviewSnippet[]): VNode[] {
         if (templates.length === 0) return <div></div>;
 
         // labels and edges are only visible if they are within the canvas bounds
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index 640c17f7..c1639b2a 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -99,44 +99,44 @@ export namespace MinimalCutSetAnalysisAction {
     }
 }
 
-/** Message to the language server to add a template. */
-export interface AddTemplateAction extends Action {
-    kind: typeof AddTemplateAction.KIND;
+/** Message to the language server to add a snippet to the librabry. */
+export interface AddSnippetAction extends Action {
+    kind: typeof AddSnippetAction.KIND;
     text: string;
 }
 
-export namespace AddTemplateAction {
-    export const KIND = "addTemplate";
+export namespace AddSnippetAction {
+    export const KIND = "addSnippet";
 
-    export function create(text: string): AddTemplateAction {
+    export function create(text: string): AddSnippetAction {
         return {
             kind: KIND,
-            text
+            text,
         };
     }
 
-    export function isThisAction(action: Action): action is AddTemplateAction {
-        return action.kind === AddTemplateAction.KIND;
+    export function isThisAction(action: Action): action is AddSnippetAction {
+        return action.kind === AddSnippetAction.KIND;
     }
 }
 
-/** Message containing templates as string. */
-export interface SendTemplatesAction extends Action {
-    kind: typeof SendTemplatesAction.KIND;
-    temps: string[];
+/** Message from extension to langauge server containing snippets as string. (Used to add default snippets) */
+export interface SendSnippetsAction extends Action {
+    kind: typeof SendSnippetsAction.KIND;
+    snippets: string[];
 }
 
-export namespace SendTemplatesAction {
-    export const KIND = "sendTemplates";
+export namespace SendSnippetsAction {
+    export const KIND = "sendSnippets";
 
-    export function create(temps: string[]): SendTemplatesAction {
+    export function create(temps: string[]): SendSnippetsAction {
         return {
             kind: KIND,
-            temps
+            snippets: temps,
         };
     }
 
-    export function isThisAction(action: Action): action is SendTemplatesAction {
-        return action.kind === SendTemplatesAction.KIND;
+    export function isThisAction(action: Action): action is SendSnippetsAction {
+        return action.kind === SendSnippetsAction.KIND;
     }
 }
\ No newline at end of file
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 04753596..1df5e9c9 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -353,7 +353,7 @@ function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscod
             webviewView.title = title;
             tWebview.initializeWebview(webviewView.webview, title);
             tWebview.connect();
-            languageClient.onNotification('templates/add', (msg: any) => tWebview.sendToWebview(msg));
+            languageClient.onNotification('snippets/add', (msg: any) => tWebview.sendToWebview(msg));
         }
     };
     vscode.window.registerWebviewViewProvider("stpa-snippets", provider);
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 5a312651..32156224 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -20,7 +20,7 @@ import { createFileUri } from "sprotty-vscode";
 import { SprottyDiagramIdentifier } from "sprotty-vscode-protocol";
 import { LspWebviewEndpoint, LspWebviewPanelManager, LspWebviewPanelManagerOptions, acceptMessageType } from "sprotty-vscode/lib/lsp";
 import * as vscode from "vscode";
-import { AddTemplateAction, GenerateSVGsAction } from "./actions";
+import { AddSnippetAction, GenerateSVGsAction } from "./actions";
 import { ContextTablePanel } from "./context-table-panel";
 import { StpaFormattingEditProvider } from "./stpa-formatter";
 import { applyTextEdits, collectOptions, createFile } from "./utils";
@@ -53,9 +53,9 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
             const mes: ActionMessage = {
                 clientId: this.clientId!,
                 action: {
-                    kind: AddTemplateAction.KIND,
+                    kind: AddSnippetAction.KIND,
                     text: text
-                } as AddTemplateAction
+                } as AddSnippetAction
             };
             this.languageClient.sendNotification(acceptMessageType, mes);
         }
@@ -66,9 +66,9 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
      * @param temps Text of templates.
      */
     handleAddToConfig(temps: string[]): void {
-        const configTemps = vscode.workspace.getConfiguration('stpa').get('templates');
+        const configTemps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
         const newTemps = (configTemps as string[]).concat(temps);
-        vscode.workspace.getConfiguration('stpa').update('templates', newTemps);
+        vscode.workspace.getConfiguration('pasta.stpa').update('snippets', newTemps);
     }
 
     /**
diff --git a/extension/src/template-webview.ts b/extension/src/template-webview.ts
index 79aff9c0..32665f91 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/template-webview.ts
@@ -19,7 +19,7 @@ import * as vscode from 'vscode';
 import { ActionMessage } from 'sprotty-protocol';
 import { StpaLspVscodeExtension } from './language-extension';
 import { acceptMessageType } from 'sprotty-vscode/lib/lsp';
-import { SendTemplatesAction } from './actions';
+import { SendSnippetsAction } from './actions';
 
 export class TemplateWebview {
 
@@ -104,8 +104,8 @@ export class TemplateWebview {
             // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
                 // send the templates saved in the config file to the language server
-                const temps = vscode.workspace.getConfiguration('stpa').get('templates');
-                const action = { kind: SendTemplatesAction.KIND, temps: temps } as SendTemplatesAction;
+                const temps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
+                const action = { kind: SendSnippetsAction.KIND, snippets: temps } as SendSnippetsAction;
                 const mes2: ActionMessage = {
                     clientId: this.extension.clientId,
                     action: action

From c43cd3bc9387013c075166f51203276d8f36225e Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Fri, 19 Apr 2024 09:20:24 +0200
Subject: [PATCH 58/80] renaming

---
 extension/package.json                        |  2 +-
 extension/src-webview/di.symbols.ts           |  4 +--
 .../src-webview/options/options-module.ts     | 12 ++++----
 .../{template => snippets}/actions.ts         |  2 +-
 .../snippet-models.ts}                        |  0
 .../snippet-registry.ts}                      | 16 +++++-----
 .../snippet-renderer.tsx}                     | 30 +++++++++----------
 extension/src-webview/stpa/stpa-views.tsx     |  4 +--
 ...webview.ts => diagram-snippets-webview.ts} |  8 ++---
 extension/src/extension.ts                    | 12 ++++----
 extension/src/language-extension.ts           | 12 ++++----
 11 files changed, 51 insertions(+), 51 deletions(-)
 rename extension/src-webview/{template => snippets}/actions.ts (98%)
 rename extension/src-webview/{template/template-models.ts => snippets/snippet-models.ts} (100%)
 rename extension/src-webview/{template/template-registry.ts => snippets/snippet-registry.ts} (78%)
 rename extension/src-webview/{template/template-renderer.tsx => snippets/snippet-renderer.tsx} (63%)
 rename extension/src/{template-webview.ts => diagram-snippets-webview.ts} (94%)

diff --git a/extension/package.json b/extension/package.json
index 9e26a242..b60f7c34 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -194,7 +194,7 @@
             },
             {
                 "command": "pasta.stpa.snippets.add",
-                "title": "Add STPA Template",
+                "title": "Add STPA Diagram Snippet",
                 "category": "STPA Snippets"
             }
         ],
diff --git a/extension/src-webview/di.symbols.ts b/extension/src-webview/di.symbols.ts
index f6154f38..73e1215f 100644
--- a/extension/src-webview/di.symbols.ts
+++ b/extension/src-webview/di.symbols.ts
@@ -22,8 +22,8 @@ export const DISymbol = {
     SidebarPanelRegistry: Symbol("SidebarPanelRegistry"),
 
     OptionsRenderer: Symbol("OptionsRenderer"),
-    TemplateRenderer: Symbol("TemplateRenderer"),
+    SnippetRenderer: Symbol("SnippetRenderer"),
     OptionsRegistry: Symbol("OptionsRegistry"),
     RenderOptionsRegistry: Symbol("RenderOptionsRegistry"),
-    TemplateRegistry: Symbol("TemplateRegistry"),
+    SnippetRegistry: Symbol("SnippetRegistry"),
 };
diff --git a/extension/src-webview/options/options-module.ts b/extension/src-webview/options/options-module.ts
index b82b1515..b78cb0a1 100644
--- a/extension/src-webview/options/options-module.ts
+++ b/extension/src-webview/options/options-module.ts
@@ -24,8 +24,8 @@ import { OptionsPanel } from "./options-panel";
 import { OptionsRegistry } from "./options-registry";
 import { OptionsRenderer } from "./options-renderer";
 import { RenderOptionsRegistry } from "./render-options-registry";
-import { TemplateRenderer } from "../template/template-renderer";
-import { TemplateRegistry } from "../template/template-registry";
+import { SnippetRenderer } from "../snippets/snippet-renderer";
+import { SnippetRegistry } from "../snippets/snippet-registry";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
@@ -41,11 +41,11 @@ export const optionsModule = new ContainerModule((bind, _, isBound) => {
 
     bind(DISymbol.RenderOptionsRegistry).to(RenderOptionsRegistry).inSingletonScope();
 
-    // TODO: create module for templates
-    bind(DISymbol.TemplateRenderer).to(TemplateRenderer).inSingletonScope();
+    // TODO: create module for snippets
+    bind(DISymbol.SnippetRenderer).to(SnippetRenderer).inSingletonScope();
 
-    bind(DISymbol.TemplateRegistry).to(TemplateRegistry).inSingletonScope();
-    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.TemplateRegistry);
+    bind(DISymbol.SnippetRegistry).to(SnippetRegistry).inSingletonScope();
+    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.SnippetRegistry);
 
     const ctx = { bind, isBound };
     configureActionHandler(ctx, SetRenderOptionAction.KIND, DISymbol.RenderOptionsRegistry);
diff --git a/extension/src-webview/template/actions.ts b/extension/src-webview/snippets/actions.ts
similarity index 98%
rename from extension/src-webview/template/actions.ts
rename to extension/src-webview/snippets/actions.ts
index e489cfe3..3f5bc76c 100644
--- a/extension/src-webview/template/actions.ts
+++ b/extension/src-webview/snippets/actions.ts
@@ -18,7 +18,7 @@
 import { VNode } from "snabbdom";
 import { ModelRenderer } from "sprotty";
 import { Action, Bounds, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
-import { WebviewSnippet } from "./template-models";
+import { WebviewSnippet } from "./snippet-models";
 
 /** Sent from the view. */
 export interface SendModelRendererAction extends Action {
diff --git a/extension/src-webview/template/template-models.ts b/extension/src-webview/snippets/snippet-models.ts
similarity index 100%
rename from extension/src-webview/template/template-models.ts
rename to extension/src-webview/snippets/snippet-models.ts
diff --git a/extension/src-webview/template/template-registry.ts b/extension/src-webview/snippets/snippet-registry.ts
similarity index 78%
rename from extension/src-webview/template/template-registry.ts
rename to extension/src-webview/snippets/snippet-registry.ts
index 5f14cc1f..d31263b7 100644
--- a/extension/src-webview/template/template-registry.ts
+++ b/extension/src-webview/snippets/snippet-registry.ts
@@ -25,18 +25,18 @@ import { Messenger } from "vscode-messenger-webview";
 import { Registry } from "../base/registry";
 import { DISymbol } from "../di.symbols";
 import { RequestWebviewSnippetsAction, SendModelRendererAction, SendWebviewSnippetsAction } from "./actions";
-import { TemplateRenderer } from "./template-renderer";
+import { SnippetRenderer } from "./snippet-renderer";
 
 /**
- * {@link Registry} that stores and manages templates provided by the server.
+ * {@link Registry} that stores and manages snippets provided by the server.
  *
- * Acts as an action handler that handles UpdateTemplateActions.
+ * Acts as an action handler that handles UpdateSnippetActions.
  */
 @injectable()
-export class TemplateRegistry extends Registry implements IActionHandlerInitializer {
+export class SnippetRegistry extends Registry implements IActionHandlerInitializer {
     readonly position = -10;
     @inject(VsCodeMessenger) protected messenger: Messenger;
-    @inject(DISymbol.TemplateRenderer) private templateRenderer: TemplateRenderer;
+    @inject(DISymbol.SnippetRenderer) private snippetRenderer: SnippetRenderer;
 
     initialize(registry: ActionHandlerRegistry): void {
         registry.register(RequestWebviewSnippetsAction.KIND, this);
@@ -52,7 +52,7 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
     }
 
     private handleRequestWebviewTemps(action: RequestWebviewSnippetsAction): void {
-        const temps = this.templateRenderer.renderTemplates(action.snippets);
+        const temps = this.snippetRenderer.renderSnippets(action.snippets);
         const response: SendWebviewSnippetsAction = {
             kind: SendWebviewSnippetsAction.KIND,
             snippets: temps,
@@ -65,7 +65,7 @@ export class TemplateRegistry extends Registry implements IActionHandlerInitiali
     }
 
     private handleSendModelRenderer(action: SendModelRendererAction): void {
-        this.templateRenderer.setRenderer((action as SendModelRendererAction).renderer);
-        this.templateRenderer.setBounds((action as SendModelRendererAction).bounds);
+        this.snippetRenderer.setRenderer((action as SendModelRendererAction).renderer);
+        this.snippetRenderer.setBounds((action as SendModelRendererAction).bounds);
     }
 }
diff --git a/extension/src-webview/template/template-renderer.tsx b/extension/src-webview/snippets/snippet-renderer.tsx
similarity index 63%
rename from extension/src-webview/template/template-renderer.tsx
rename to extension/src-webview/snippets/snippet-renderer.tsx
index 0d47357d..94765cbe 100644
--- a/extension/src-webview/template/template-renderer.tsx
+++ b/extension/src-webview/snippets/snippet-renderer.tsx
@@ -18,46 +18,46 @@
 /** @jsx html */
 import { inject, injectable } from "inversify";
 import { VNode } from "snabbdom";
-import { html, IModelFactory, ModelRenderer, SGraph, SNode, TYPES } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
+import { IModelFactory, ModelRenderer, SGraph, SNode, TYPES, html } from "sprotty"; // eslint-disable-line @typescript-eslint/no-unused-vars
 import { Bounds } from 'sprotty-protocol';
-import { WebviewSnippet } from "./template-models";
+import { WebviewSnippet } from "./snippet-models";
 
 
-/** Renderer that is capable of rendering templates to jsx. */
+/** Renderer that is capable of rendering snippets to jsx. */
 @injectable()
-export class TemplateRenderer {
+export class SnippetRenderer {
     @inject(TYPES.IModelFactory) protected modelFactory: IModelFactory;
     protected renderer: ModelRenderer;
     protected bounds: Bounds;
 
-    setRenderer(renderer: ModelRenderer) {
+    setRenderer(renderer: ModelRenderer): void {
         this.renderer = renderer;
     }
 
-    setBounds(bounds: Bounds) {
+    setBounds(bounds: Bounds): void {
         this.bounds = bounds;
     }
 
     /**
-     * Renders all templates provided by the server.
+     * Renders all snippets provided by the server.
      */
-    renderTemplates(templates: WebviewSnippet[]): VNode[] {
-        if (templates.length === 0) return <div></div>;
+    renderSnippets(snippets: WebviewSnippet[]): VNode[] {
+        if (snippets.length === 0) return <div></div>;
 
         // labels and edges are only visible if they are within the canvas bounds
-        for (const temp of templates) {
+        for (const temp of snippets) {
             (temp.graph as SGraph).canvasBounds = { width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y };
         }
 
-        const res = templates.map(template => {
-            const graph = this.renderer?.renderElement(this.modelFactory.createRoot(template.graph));
+        const res = snippets.map(snippet => {
+            const graph = this.renderer?.renderElement(this.modelFactory.createRoot(snippet.graph));
             // padding of sidebar content is 16px
-            const width = ((template.graph as SGraph).children[0] as SNode).size.width + 30;
-            const height = ((template.graph as SGraph).children[0] as SNode).size.height + 30;
+            const width = ((snippet.graph as SGraph).children[0] as SNode).size.width + 30;
+            const height = ((snippet.graph as SGraph).children[0] as SNode).size.height + 30;
             if (graph?.data?.attrs) {
                 graph.data.attrs["width"] = width;
                 graph.data.attrs["height"] = height;
-                graph.data.attrs["id"] = template.id;
+                graph.data.attrs["id"] = snippet.id;
             }
             const result: VNode = <div>{graph}</div>;
             return result;
diff --git a/extension/src-webview/stpa/stpa-views.tsx b/extension/src-webview/stpa/stpa-views.tsx
index a9e19853..f90ffa49 100644
--- a/extension/src-webview/stpa/stpa-views.tsx
+++ b/extension/src-webview/stpa/stpa-views.tsx
@@ -24,7 +24,7 @@ import { collectAllChildren } from './helper-methods';
 import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry, ShowCSOption, ShowRelationshipGraphOption } from '../options/render-options-registry';
 import { renderDiamond, renderHexagon, renderMirroredTriangle, renderOval, renderPentagon, renderRectangle, renderRoundedRectangle, renderTrapez, renderTriangle } from '../views-rendering';
 import { STPANode, PARENT_TYPE, STPA_NODE_TYPE, CS_EDGE_TYPE, STPAAspect, STPAEdge, STPA_EDGE_TYPE, CS_NODE_TYPE, CSEdge, CS_INTERMEDIATE_EDGE_TYPE, EdgeType, STPA_INTERMEDIATE_EDGE_TYPE } from './stpa-model';
-import { SendModelRendererAction } from '../template/actions';
+import { SendModelRendererAction } from '../snippets/actions';
 
 /** Determines if path/aspect highlighting is currently on. */
 let highlighting: boolean;
@@ -246,7 +246,7 @@ export class STPAGraphView extends SGraphView {
     @inject(TYPES.IActionDispatcher) private actionDispatcher: IActionDispatcher;
 
     render(model: Readonly<SGraph>, context: RenderingContext): VNode {
-        // to render the template panel the modelrenderer and the canvasbounds are needed
+        // to render the snippet panel the modelrenderer and the canvasbounds are needed
         this.actionDispatcher.dispatch(SendModelRendererAction.create(context as ModelRenderer, model.canvasBounds));
         const allNodes: SNode[] = [];
         collectAllChildren(model.children as SNode[], allNodes);
diff --git a/extension/src/template-webview.ts b/extension/src/diagram-snippets-webview.ts
similarity index 94%
rename from extension/src/template-webview.ts
rename to extension/src/diagram-snippets-webview.ts
index 32665f91..0887c7b2 100644
--- a/extension/src/template-webview.ts
+++ b/extension/src/diagram-snippets-webview.ts
@@ -21,7 +21,7 @@ import { StpaLspVscodeExtension } from './language-extension';
 import { acceptMessageType } from 'sprotty-vscode/lib/lsp';
 import { SendSnippetsAction } from './actions';
 
-export class TemplateWebview {
+export class DiagramSnippetWebview {
 
     static viewCount = 0;
 
@@ -77,7 +77,7 @@ export class TemplateWebview {
         this.disposables.push(this.webview.onDidReceiveMessage(message => this.receiveFromWebview(message)));
         /* this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
             if (editor) {
-                //TODO: templates may be needed to be updated
+                //TODO: snippets may be needed to be updated
             }
         })); */
         await this.ready();
@@ -96,14 +96,14 @@ export class TemplateWebview {
      * @param message The message received from the webview.
      */
     protected async receiveFromWebview(message: any): Promise<void> {
-        console.log("Received from template webview");
+        console.log("Received from diagram snippet webview");
         if (message.readyMessage) {
             this.resolveWebviewReady();
             this.sendDiagramIdentifier();
 
             // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
-                // send the templates saved in the config file to the language server
+                // send the snippets saved in the config file to the language server
                 const temps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
                 const action = { kind: SendSnippetsAction.KIND, snippets: temps } as SendSnippetsAction;
                 const mes2: ActionMessage = {
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index 1df5e9c9..af22326f 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -28,7 +28,7 @@ import { StpaResult } from "./report/utils";
 import { createSBMs } from "./sbm/sbm-generation";
 import { LTLFormula } from "./sbm/utils";
 import { createFile, createOutputChannel, createQuickPickForWorkspaceOptions } from "./utils";
-import { TemplateWebview } from './template-webview';
+import { DiagramSnippetWebview } from './diagram-snippets-webview';
 
 let languageClient: LanguageClient;
 
@@ -68,7 +68,7 @@ export function activate(context: vscode.ExtensionContext): void {
         registerSTPACommands(webviewPanelManager, context, { extensionPrefix: "pasta" });
         registerFTACommands(webviewPanelManager, context, { extensionPrefix: "pasta" });
 
-        registerTemplateWebview(webviewPanelManager, context);
+        registerDiagramSnippetWebview(webviewPanelManager, context);
         
     }
     
@@ -337,11 +337,11 @@ function registerTextEditorSync(manager: StpaLspVscodeExtension, context: vscode
         })
     );
 }
-function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscode.ExtensionContext): void {
+function registerDiagramSnippetWebview(manager: StpaLspVscodeExtension, context: vscode.ExtensionContext): void {
     const provider: vscode.WebviewViewProvider = {
         resolveWebviewView: function (webviewView: vscode.WebviewView, _context: vscode.WebviewViewResolveContext<unknown>, _token: vscode.CancellationToken): void | Thenable<void> {
-            const tWebview = new TemplateWebview(
-                "templates",
+            const tWebview = new DiagramSnippetWebview(
+                "snippets",
                 manager,
                 createFileUri(manager.options.extensionUri.fsPath, 'pack', 'tempWebview.js')
             );
@@ -360,7 +360,7 @@ function registerTemplateWebview(manager: StpaLspVscodeExtension, context: vscod
     context.subscriptions.push(
         vscode.commands.registerCommand("pasta" + '.stpa.snippets.add', async (...commandArgs: any) => {
         const uri = (commandArgs[0] as vscode.Uri);
-            manager.addTemplate(uri);
+            manager.addSnippet(uri);
         }));
 }
 
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 32156224..0beac87b 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -37,10 +37,10 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
     protected resolveLSReady: () => void;
     readonly lsReady = new Promise<void>((resolve) => (this.resolveLSReady = resolve));
     /**
-     * Sends an AddTemplateAction to the language server containing the selected text.
+     * Sends an AddSnippetAction to the language server containing the selected text.
      * @param commandArgs 
      */
-    async addTemplate(uri: vscode.Uri): Promise<void> {
+    async addSnippet(uri: vscode.Uri): Promise<void> {
         const activeEditor = vscode.window.activeTextEditor;
         const sel = activeEditor?.selection;
         const doc = activeEditor?.document;
@@ -62,8 +62,8 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
     }
 
     /**
-     * Adds the {@code temps} to the templates in the config file.
-     * @param temps Text of templates.
+     * Adds the {@code temps} to the snippets in the config file.
+     * @param temps Text of snippets.
      */
     handleAddToConfig(temps: string[]): void {
         const configTemps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
@@ -129,10 +129,10 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         const sel: vscode.DocumentSelector = { scheme: "file", language: "stpa" };
         vscode.languages.registerDocumentFormattingEditProvider(sel, new StpaFormattingEditProvider());
 
-        // handling notifications regarding the templates
+        // handling notifications regarding the snippets
         options.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
         options.languageClient.onNotification('config/add', (temps: string[]) => this.handleAddToConfig(temps));
-        options.languageClient.onNotification('templates/creationFailed', () => vscode.window.showWarningMessage("Template could not be created."));
+        options.languageClient.onNotification('snippets/creationFailed', () => vscode.window.showWarningMessage("Snippet could not be created."));
            
 
         // handling of notifications regarding the context table

From fa2eb1d4fa95f52c2a1d3587d153117e36f4f850 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Fri, 19 Apr 2024 17:51:17 +0200
Subject: [PATCH 59/80] fix insert position of snippet

---
 extension/src-language-server/snippets/stpa-snippets.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index 0bff8aaa..8d3c9728 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -89,7 +89,7 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
     } else {
         snippet.insertText = snippet.insertText.substring(18, snippet.insertText.length);
         // check whether a graph ID already exist
-        const csText = docText.substring(startIndex, endIndex);
+        const csText = docText.substring(startIndex, endIndex + 1);
         const graphIndex = csText.indexOf("{");
         if (graphIndex === -1) {
             return document.positionAt(endIndex);
@@ -99,7 +99,7 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
                 snippet.insertText.lastIndexOf("}")
             );
             const bracketIndex = csText.lastIndexOf("}");
-            return document.positionAt(titleIndex + bracketIndex - 1);
+            return document.positionAt(titleIndex + bracketIndex);
         }
     }
 }

From 78a050aa1cd24ef8825d6f0df50a1cc89aa93549 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Mon, 22 Apr 2024 17:24:55 +0200
Subject: [PATCH 60/80] renaming

---
 extension/src-language-server/snippets/actions.ts  | 14 +++++++-------
 .../snippets/snippet-diagram-server.ts             | 12 ++++++------
 .../src-language-server/snippets/snippet-model.ts  |  3 ++-
 extension/src/actions.ts                           | 12 ++++++------
 extension/src/diagram-snippets-webview.ts          |  4 ++--
 5 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/extension/src-language-server/snippets/actions.ts b/extension/src-language-server/snippets/actions.ts
index 4796b95d..cfe68d44 100644
--- a/extension/src-language-server/snippets/actions.ts
+++ b/extension/src-language-server/snippets/actions.ts
@@ -88,24 +88,24 @@ export namespace ExecuteSnippetAction {
     }
 }
 
-/** Message from extension to langauge server containing snippets as string. (Used to add default snippets) */
-export interface SendSnippetsAction extends Action {
-    kind: typeof SendSnippetsAction.KIND;
+/** Message from extension to langauge server containing the default snippets as string. */
+export interface SendDefaultSnippetsAction extends Action {
+    kind: typeof SendDefaultSnippetsAction.KIND;
     snippets: string[];
 }
 
-export namespace SendSnippetsAction {
+export namespace SendDefaultSnippetsAction {
     export const KIND = "sendSnippets";
 
-    export function create(temps: string[]): SendSnippetsAction {
+    export function create(temps: string[]): SendDefaultSnippetsAction {
         return {
             kind: KIND,
             snippets: temps,
         };
     }
 
-    export function isThisAction(action: Action): action is SendSnippetsAction {
-        return action.kind === SendSnippetsAction.KIND;
+    export function isThisAction(action: Action): action is SendDefaultSnippetsAction {
+        return action.kind === SendDefaultSnippetsAction.KIND;
     }
 }
 
diff --git a/extension/src-language-server/snippets/snippet-diagram-server.ts b/extension/src-language-server/snippets/snippet-diagram-server.ts
index dd36d54b..c1a42515 100644
--- a/extension/src-language-server/snippets/snippet-diagram-server.ts
+++ b/extension/src-language-server/snippets/snippet-diagram-server.ts
@@ -30,7 +30,7 @@ import {
     AddSnippetAction,
     ExecuteSnippetAction,
     RequestWebviewSnippetsAction,
-    SendSnippetsAction,
+    SendDefaultSnippetsAction,
     SendWebviewSnippetsAction,
 } from "./actions";
 import { LanguageSnippet, SnippetGraphGenerator, WebviewSnippet } from "./snippet-model";
@@ -93,8 +93,8 @@ export abstract class SnippetDiagramServer extends DiagramServer {
                 return this.handleExecuteSnippet(action as ExecuteSnippetAction);
             case AddSnippetAction.KIND:
                 return this.handleAddSnippet(action as AddSnippetAction);
-            case SendSnippetsAction.KIND:
-                return this.handleSendSnippets(action as SendSnippetsAction);
+            case SendDefaultSnippetsAction.KIND:
+                return this.handleSendSnippets(action as SendDefaultSnippetsAction);
         }
         return super.handleAction(action);
     }
@@ -109,7 +109,7 @@ export abstract class SnippetDiagramServer extends DiagramServer {
         if (await this.parseable(temp)) {
             this.snippetGraphGenerator.deleteDanglingEdges(temp);
             this.addSnippets([temp]);
-            this.connection?.sendNotification("config/add", [temp.baseCode]);
+            this.connection?.sendNotification("config/add", [temp.insertText]);
         } else {
             this.connection?.sendNotification("snippets/creationFailed");
         }
@@ -135,13 +135,13 @@ export abstract class SnippetDiagramServer extends DiagramServer {
      * @param action Action containing the snippets texts.
      * @returns
      */
-    protected handleSendSnippets(action: SendSnippetsAction): Promise<void> {
+    protected handleSendSnippets(action: SendDefaultSnippetsAction): Promise<void> {
         // if no snippets are in the config file, add the default ones
         if (action.snippets.length === 0) {
             this.snippets = this.defaultTemps;
             this.connection?.sendNotification(
                 "config/add",
-                this.defaultTemps.map(temp => temp.baseCode)
+                this.defaultTemps.map(temp => temp.insertText)
             );
         } else {
             this.snippets = action.snippets.map(temp => this.createSnippetFromString(temp));
diff --git a/extension/src-language-server/snippets/snippet-model.ts b/extension/src-language-server/snippets/snippet-model.ts
index c2c56838..66471e1f 100644
--- a/extension/src-language-server/snippets/snippet-model.ts
+++ b/extension/src-language-server/snippets/snippet-model.ts
@@ -25,7 +25,8 @@ import { Position } from "vscode-languageserver";
 export interface LanguageSnippet {
     /** the code that should be added when executing the snippet */
     baseCode: string;
-    /** the original text representing the snippet */
+    /** the text to insert, representing the snippet. 
+     * Varies from the base code by IDs to make severel insertions from the same snippet unique. */
     insertText: string;
     /** unique id of the snippet */
     id: string;
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index c1639b2a..f5734f17 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -121,22 +121,22 @@ export namespace AddSnippetAction {
 }
 
 /** Message from extension to langauge server containing snippets as string. (Used to add default snippets) */
-export interface SendSnippetsAction extends Action {
-    kind: typeof SendSnippetsAction.KIND;
+export interface SendDefaultSnippetsAction extends Action {
+    kind: typeof SendDefaultSnippetsAction.KIND;
     snippets: string[];
 }
 
-export namespace SendSnippetsAction {
+export namespace SendDefaultSnippetsAction {
     export const KIND = "sendSnippets";
 
-    export function create(temps: string[]): SendSnippetsAction {
+    export function create(temps: string[]): SendDefaultSnippetsAction {
         return {
             kind: KIND,
             snippets: temps,
         };
     }
 
-    export function isThisAction(action: Action): action is SendSnippetsAction {
-        return action.kind === SendSnippetsAction.KIND;
+    export function isThisAction(action: Action): action is SendDefaultSnippetsAction {
+        return action.kind === SendDefaultSnippetsAction.KIND;
     }
 }
\ No newline at end of file
diff --git a/extension/src/diagram-snippets-webview.ts b/extension/src/diagram-snippets-webview.ts
index 0887c7b2..0c6d8247 100644
--- a/extension/src/diagram-snippets-webview.ts
+++ b/extension/src/diagram-snippets-webview.ts
@@ -19,7 +19,7 @@ import * as vscode from 'vscode';
 import { ActionMessage } from 'sprotty-protocol';
 import { StpaLspVscodeExtension } from './language-extension';
 import { acceptMessageType } from 'sprotty-vscode/lib/lsp';
-import { SendSnippetsAction } from './actions';
+import { SendDefaultSnippetsAction } from './actions';
 
 export class DiagramSnippetWebview {
 
@@ -105,7 +105,7 @@ export class DiagramSnippetWebview {
             if (this.extension.clientId) {
                 // send the snippets saved in the config file to the language server
                 const temps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
-                const action = { kind: SendSnippetsAction.KIND, snippets: temps } as SendSnippetsAction;
+                const action = { kind: SendDefaultSnippetsAction.KIND, snippets: temps } as SendDefaultSnippetsAction;
                 const mes2: ActionMessage = {
                     clientId: this.extension.clientId,
                     action: action

From d3467977a53d93663c2389fbe8d6cd1b9668dc8b Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Tue, 23 Apr 2024 10:55:32 +0200
Subject: [PATCH 61/80] restructuring + comments

---
 extension/src-diagram-snippets/html.tsx       |  16 +-
 .../src-language-server/diagram-server.ts     |  11 +-
 extension/src-language-server/module.ts       |   3 +-
 .../src-language-server/snippets/actions.ts   |   4 +-
 .../snippets/snippet-diagram-server.ts        |  56 +++---
 .../snippets/snippet-model.ts                 |   3 +-
 .../snippets/stpa-snippets.ts                 | 163 +++++++-----------
 .../src-webview/snippets/snippet-registry.ts  |   8 +-
 .../src-webview/snippets/snippet-renderer.tsx |   4 +-
 extension/src/actions.ts                      |   4 +-
 extension/src/diagram-snippets-webview.ts     |   4 +-
 extension/src/language-extension.ts           |  14 +-
 12 files changed, 128 insertions(+), 162 deletions(-)

diff --git a/extension/src-diagram-snippets/html.tsx b/extension/src-diagram-snippets/html.tsx
index 0d37c923..b66c1475 100644
--- a/extension/src-diagram-snippets/html.tsx
+++ b/extension/src-diagram-snippets/html.tsx
@@ -20,9 +20,9 @@ import { attributesModule, classModule, eventListenersModule, init, propsModule,
 import { html } from './jsx';
 
 /** IDs for the main elements in the panel. */
-const placeholderForSnippetsID = 'tempPlaceholder';
-export const textFieldID = 'tempAddTextField';
-export const buttonID = 'tempAddBnt';
+const placeholderForSnippetsID = 'snippetPlaceholder';
+export const textFieldID = 'snippetAddTextField';
+export const buttonID = 'snippetAddBnt';
 
 // TODO: instead of defining an input tag, a msg could be send to the extension when clicking on the button. the extension can call windows.showInputBox/createInputBox or using a QuickInput
 /**
@@ -54,12 +54,12 @@ export const patch = init([
 export function addSnippetsToPanel(snippets: VNode[]): void {
     const placeholder = document.getElementById(placeholderForSnippetsID);
     if (placeholder) {
-        const temps = <div id={placeholderForSnippetsID}>{...snippets}</div>;
-        patch(placeholder, temps);
+        const divSnippets = <div id={placeholderForSnippetsID}>{...snippets}</div>;
+        patch(placeholder, divSnippets);
         // add mouselistener for highlighting focused snippet
-        const curTemps = document.getElementById(placeholderForSnippetsID);
-        if (curTemps) {
-            curTemps.childNodes.forEach(child => {
+        const curSnippets = document.getElementById(placeholderForSnippetsID);
+        if (curSnippets) {
+            curSnippets.childNodes.forEach(child => {
                 (child as HTMLElement).addEventListener('mouseover', () => (child as HTMLElement).classList.add('focused'));
                 (child as HTMLElement).addEventListener('mouseleave', () => (child as HTMLElement).classList.remove('focused'));
             });
diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index 0c830288..f6d42614 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -56,6 +56,8 @@ import {
     setSystemConstraintGraphOptions,
 } from "./stpa/result-report/svg-generator";
 import { SynthesisOptions } from "./synthesis-options";
+import { StpaServices } from './stpa/stpa-module';
+import { FtaServices } from './fta/fta-module';
 
 export class PastaDiagramServer extends SnippetDiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
@@ -68,12 +70,11 @@ export class PastaDiagramServer extends SnippetDiagramServer {
         clientId: string, 
         options: JsonMap | undefined,
         connection: Connection | undefined,
-        synthesisOptions?: SynthesisOptions, 
-        stpaSnippets?: StpaDiagramSnippets
+        language: StpaServices | FtaServices,
     ) {
-        super(dispatch, services, clientId, stpaSnippets?.getSnippets() ?? [], options, connection);
-        this.stpaSnippets = stpaSnippets;
-        this.synthesisOptions = synthesisOptions;
+        super(dispatch, services, clientId, language.snippets.StpaDiagramSnippets.getSnippets() ?? [], options, connection);
+        this.stpaSnippets = language.snippets.StpaDiagramSnippets;
+        this.synthesisOptions = language.options.SynthesisOptions;
         this.clientId = clientId;
         this.connection = connection;
     }
diff --git a/extension/src-language-server/module.ts b/extension/src-language-server/module.ts
index ca055524..f34a02ad 100644
--- a/extension/src-language-server/module.ts
+++ b/extension/src-language-server/module.ts
@@ -79,8 +79,7 @@ const pastaDiagramServerFactory = (
             clientId,
             options,
             connection,
-            language.options.SynthesisOptions,
-            language.snippets.StpaDiagramSnippets
+            language
         );
     };
 };
diff --git a/extension/src-language-server/snippets/actions.ts b/extension/src-language-server/snippets/actions.ts
index cfe68d44..67988d59 100644
--- a/extension/src-language-server/snippets/actions.ts
+++ b/extension/src-language-server/snippets/actions.ts
@@ -97,10 +97,10 @@ export interface SendDefaultSnippetsAction extends Action {
 export namespace SendDefaultSnippetsAction {
     export const KIND = "sendSnippets";
 
-    export function create(temps: string[]): SendDefaultSnippetsAction {
+    export function create(snippets: string[]): SendDefaultSnippetsAction {
         return {
             kind: KIND,
-            snippets: temps,
+            snippets: snippets,
         };
     }
 
diff --git a/extension/src-language-server/snippets/snippet-diagram-server.ts b/extension/src-language-server/snippets/snippet-diagram-server.ts
index c1a42515..f8b1e5bd 100644
--- a/extension/src-language-server/snippets/snippet-diagram-server.ts
+++ b/extension/src-language-server/snippets/snippet-diagram-server.ts
@@ -37,12 +37,16 @@ import { LanguageSnippet, SnippetGraphGenerator, WebviewSnippet } from "./snippe
 
 export abstract class SnippetDiagramServer extends DiagramServer {
     protected clientId: string;
+    /** currently shown snippets */
     protected snippets: LanguageSnippet[] = [];
-    protected defaultTemps: LanguageSnippet[];
+    /** default snippets that are added if no snippets are in the config file */
+    protected defaultSnippets: LanguageSnippet[];
+    /** options for the current source model */
     protected options: JsonMap | undefined;
+    /** connection to the extension */
     protected connection: Connection | undefined;
+    /** generator for snippet sgraphs */
     protected snippetGraphGenerator: SnippetGraphGenerator;
-    protected tempRdy: boolean = false;
 
     constructor(
         dispatch: <A extends Action>(action: A) => Promise<void>,
@@ -56,30 +60,34 @@ export abstract class SnippetDiagramServer extends DiagramServer {
         this.clientId = clientId;
         this.options = options;
         this.connection = connection;
-        this.defaultTemps = snippets;
+        this.defaultSnippets = snippets;
         this.snippetGraphGenerator = services.DiagramGenerator as SnippetGraphGenerator;
     }
 
     /**
      * Returns the snippets that should be send to the webview for rendering.
      */
-    protected async getSnippets(): Promise<WebviewSnippet[]> {
+    protected async getSnippetsForWebview(): Promise<WebviewSnippet[]> {
         const webviewSnippets: WebviewSnippet[] = [];
         for (const snippet of this.snippets) {
+            // generate graph for snippet
             let graph = await this.snippetGraphGenerator.generateSnippetRoot(snippet);
             if (graph) {
+                // compute bounds for snippet graph
                 const request = RequestBoundsAction.create(graph);
                 const response = await this.request<ComputedBoundsAction>(request);
                 applyBounds(graph, response);
+                // layout snippet graph
                 const newRoot = await this.layoutEngine?.layout(graph);
                 if (newRoot) {
                     graph = newRoot;
                 }
-                const webTemp = {
+                // create webview snippet
+                const webviewSnippet = {
                     graph: graph,
                     id: snippet.id,
                 };
-                webviewSnippets.push(webTemp);
+                webviewSnippets.push(webviewSnippet);
             } else {
                 console.log("For snippet " + snippet.id + " no graph could be generated.");
             }
@@ -105,11 +113,11 @@ export abstract class SnippetDiagramServer extends DiagramServer {
      * @returns
      */
     protected async handleAddSnippet(action: AddSnippetAction): Promise<void> {
-        const temp = this.createSnippetFromString(action.text);
-        if (await this.parseable(temp)) {
-            this.snippetGraphGenerator.deleteDanglingEdges(temp);
-            this.addSnippets([temp]);
-            this.connection?.sendNotification("config/add", [temp.insertText]);
+        const snippet = this.createSnippetFromString(action.text);
+        if (await this.parseable(snippet)) {
+            this.snippetGraphGenerator.deleteDanglingEdges(snippet);
+            this.addSnippets([snippet]);
+            this.connection?.sendNotification("config/add", [snippet.insertText]);
         } else {
             this.connection?.sendNotification("snippets/creationFailed");
         }
@@ -138,13 +146,13 @@ export abstract class SnippetDiagramServer extends DiagramServer {
     protected handleSendSnippets(action: SendDefaultSnippetsAction): Promise<void> {
         // if no snippets are in the config file, add the default ones
         if (action.snippets.length === 0) {
-            this.snippets = this.defaultTemps;
+            this.snippets = this.defaultSnippets;
             this.connection?.sendNotification(
                 "config/add",
-                this.defaultTemps.map(temp => temp.insertText)
+                this.defaultSnippets.map(snippet => snippet.insertText)
             );
         } else {
-            this.snippets = action.snippets.map(temp => this.createSnippetFromString(temp));
+            this.snippets = action.snippets.map(snippet => this.createSnippetFromString(snippet));
         }
         this.update();
         return Promise.resolve();
@@ -159,10 +167,10 @@ export abstract class SnippetDiagramServer extends DiagramServer {
 
     /**
      * Adds the given snippets to the snippet list and updates the webview.
-     * @param temps The snippets to add.
+     * @param snippets The snippets to add.
      */
-    addSnippets(temps: LanguageSnippet[]): void {
-        this.snippets.push(...temps);
+    addSnippets(snippets: LanguageSnippet[]): void {
+        this.snippets.push(...snippets);
         this.update();
     }
 
@@ -170,11 +178,11 @@ export abstract class SnippetDiagramServer extends DiagramServer {
      * Updates the webview with the current snippets.
      */
     async update(): Promise<void> {
-        const temps = await this.getSnippets();
+        const snippets = await this.getSnippetsForWebview();
         // send the avaiable snippets to the client to get them rendered
         const response = await this.request<SendWebviewSnippetsAction>({
             kind: RequestWebviewSnippetsAction.KIND,
-            snippets: temps,
+            snippets: snippets,
             clientId: this.clientId,
         } as RequestWebviewSnippetsAction);
         // send graph svgs to extension
@@ -183,17 +191,17 @@ export abstract class SnippetDiagramServer extends DiagramServer {
 
     /**
      * Adds the text of the snippet in {@code action} to the editor.
-     * @param action 
+     * @param action
      */
     protected async handleExecuteSnippet(action: ExecuteSnippetAction): Promise<void> {
         // uri of the file in which the snippet should be inserted
         const uri = this.options?.sourceUri;
-        const temp = this.snippets.find(temp => temp.id === action.id);
-        if (temp) {
+        const snippet = this.snippets.find(snippet => snippet.id === action.id);
+        if (snippet) {
             // determine position where to add
-            const pos = temp.getPosition(uri as string);
+            const pos = snippet.getPosition(uri as string);
             // add the text of the snippet to the editor
-            this.connection?.sendNotification("editor/add", { uri: uri, text: temp.insertText, position: pos });
+            this.connection?.sendNotification("editor/add", { uri: uri, text: snippet.insertText, position: pos });
         } else {
             console.error("There is no Diagram Snippet with id " + action.id);
         }
diff --git a/extension/src-language-server/snippets/snippet-model.ts b/extension/src-language-server/snippets/snippet-model.ts
index 66471e1f..548ca752 100644
--- a/extension/src-language-server/snippets/snippet-model.ts
+++ b/extension/src-language-server/snippets/snippet-model.ts
@@ -26,7 +26,8 @@ export interface LanguageSnippet {
     /** the code that should be added when executing the snippet */
     baseCode: string;
     /** the text to insert, representing the snippet. 
-     * Varies from the base code by IDs to make severel insertions from the same snippet unique. */
+     * This may differ from the baseCode since the control structure keyword and graph ID are not necessarily added.
+     * Furthermore nodes need unique IDs each time the snippet is executed. */
     insertText: string;
     /** unique id of the snippet */
     id: string;
diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index 8d3c9728..bcc156ce 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -87,6 +87,7 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
     if (titleIndex === -1) {
         return document.positionAt(endIndex);
     } else {
+        // delete the control structure keyword
         snippet.insertText = snippet.insertText.substring(18, snippet.insertText.length);
         // check whether a graph ID already exist
         const csText = docText.substring(startIndex, endIndex + 1);
@@ -94,6 +95,7 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
         if (graphIndex === -1) {
             return document.positionAt(endIndex);
         } else {
+            // delete the graph ID
             snippet.insertText = snippet.insertText.substring(
                 snippet.insertText.indexOf("{") + 1,
                 snippet.insertText.lastIndexOf("}")
@@ -144,26 +146,51 @@ function isKeyWord(text: string): boolean {
 }
 
 /**
- * Custom snippet for the control structure.
+ * Snippet language definition for STPA.
  */
-export class CustomCSSnippet implements LanguageSnippet {
+export class STPALanguageSnippet implements LanguageSnippet {
+    /** The text that should be inserted when clicking on the snippet */
     insertText: string;
     documents: LangiumDocuments;
+    /** The id of the snippet */
     id: string;
-    baseCode: string;
     /** Counts how many times the snippet was added already  */
     protected counter: number = 0;
+    /** A shorter ID used when executing the snippet */
+    protected shortId: string | undefined;
+    /** The base code of the snippet. Always starts with the header of the corresponding aspect. */
+    baseCode: string;
 
-    constructor(documents: LangiumDocuments, insertText: string, id: string, baseCode: string) {
+    constructor(documents: LangiumDocuments, id: string, shortId?: string) {
         this.documents = documents;
-        this.insertText = insertText.trim();
         this.id = id;
+        this.shortId = shortId;
+    }
+
+    getPosition(uri: string): Position {
+        this.insertText = addNodeIDs(
+            this.baseCode,
+            this.shortId ? this.shortId + this.counter : this.id + this.counter
+        );
+        this.counter++;
+        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        return getPositionForCSSnippet(document, this);
+    }
+}
+
+/**
+ * Custom stpa snippet for the control structure.
+ */
+export class CustomCSSnippet extends STPALanguageSnippet {
+    constructor(documents: LangiumDocuments, insertText: string, id: string, baseCode: string) {
+        super(documents, id);
+        this.insertText = insertText.trim();
         this.baseCode = baseCode.trim();
         this.checkCaption();
     }
 
     /**
-     * Check whether the CS caption and graph name exists. If not, adds it to the baseCode.
+     * Check whether the control structrue caption and graph name exists. If not, adds it to the baseCode.
      */
     protected checkCaption(): void {
         const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
@@ -176,25 +203,15 @@ export class CustomCSSnippet implements LanguageSnippet {
             }
         }
     }
-
-    getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, this.id + this.counter);
-        this.counter++;
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSSnippet(document, this);
-    }
 }
 
 /**
  * Snippet for a control structure with one controller and one controlled process.
  */
-export class SimpleCSSnippet implements LanguageSnippet {
-    insertText: string;
-    documents: LangiumDocuments;
-    id: string = "simpleCSSnippet";
-    protected counter: number = 0;
-    protected shortId: string;
-    baseCode: string = `
+export class SimpleCSSnippet extends STPALanguageSnippet {
+    constructor(documents: LangiumDocuments, shortId?: string) {
+        super(documents, "simpleCSSnippet", shortId);
+        this.baseCode = `
 ControlStructure
 CS {
     Controller {
@@ -211,30 +228,17 @@ CS {
     }
 }
 `;
-
-    constructor(documents: LangiumDocuments, shortId: string) {
-        this.documents = documents;
-        this.shortId = shortId;
-    }
-
-    getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
-        this.counter++;
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSSnippet(document, this);
+        this.insertText = this.baseCode;
     }
 }
 
 /**
  * Snippet for a control structure with one controller, one controlled process, one actuator, and one sensor.
  */
-export class SimpleCSWithAcsSnippet implements LanguageSnippet {
-    insertText: string;
-    documents: LangiumDocuments;
-    id: string = "simpleCSWithAcsSnippet";
-    protected counter: number = 0;
-    protected shortId: string;
-    baseCode: string = `
+export class SimpleCSWithAcsSnippet extends STPALanguageSnippet {
+    constructor(documents: LangiumDocuments, shortId?: string) {
+        super(documents, "simpleCSWithAcsSnippet", shortId);
+        this.baseCode = `
 ControlStructure
 CS {
     Controller {
@@ -263,30 +267,17 @@ CS {
     }
 }
 `;
-
-    constructor(documents: LangiumDocuments, shortId: string) {
-        this.documents = documents;
-        this.shortId = shortId;
-    }
-
-    getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
-        this.counter++;
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSSnippet(document, this);
+        this.insertText = this.baseCode;
     }
 }
 
 /**
  * Snippet for a control structure with two consecutive controllers and one controlled process.
  */
-export class ConsControllersSnippet implements LanguageSnippet {
-    insertText: string;
-    documents: LangiumDocuments;
-    id: string = "consControllerSnippet";
-    protected counter: number = 0;
-    protected shortId: string;
-    baseCode: string = `
+export class ConsControllersSnippet extends STPALanguageSnippet {
+    constructor(documents: LangiumDocuments, shortId?: string) {
+        super(documents, "consControllerSnippet", shortId);
+        this.baseCode = `
 ControlStructure
 CS {
     ControllerA {
@@ -312,30 +303,18 @@ CS {
     }
 }
 `;
-
-    constructor(documents: LangiumDocuments, shortId: string) {
-        this.documents = documents;
-        this.shortId = shortId;
-    }
-
-    getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
-        this.counter++;
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSSnippet(document, this);
+        this.insertText = this.baseCode;
     }
 }
 
 /**
  * Snippet for a control structure with two parallel controllers and one controlled process.
  */
-export class ParallelContsSnippet implements LanguageSnippet {
-    insertText: string;
-    documents: LangiumDocuments;
-    id: string = "parallelContsSnippet";
-    protected counter: number = 0;
-    protected shortId: string;
-    baseCode: string = `
+export class ParallelContsSnippet extends STPALanguageSnippet {
+    constructor(documents: LangiumDocuments, shortId?: string) {
+        super(documents, "parallelContsSnippet", shortId);
+        this.baseCode =
+            `
 ControlStructure
 CS {
     ControllerA {
@@ -359,30 +338,18 @@ CS {
     }
 }
 `;
-
-    constructor(documents: LangiumDocuments, shortId: string) {
-        this.documents = documents;
-        this.shortId = shortId;
-    }
-
-    getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
-        this.counter++;
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSSnippet(document, this);
+        this.insertText = this.baseCode;
     }
 }
 
 /**
  * Snippet for a control structure with two consecutive controllers, one controlled process.
  */
-export class ConsContsWithLoopSnippet implements LanguageSnippet {
-    insertText: string;
-    documents: LangiumDocuments;
-    id: string = "consContsWithLoopSnippet";
-    protected counter: number = 0;
-    protected shortId: string;
-    baseCode: string = `
+export class ConsContsWithLoopSnippet extends STPALanguageSnippet {
+    constructor(documents: LangiumDocuments, shortId?: string) {
+        super(documents, "consContsWithLoopSnippet", shortId);
+        this.baseCode =
+            `
 ControlStructure
 CS {
     ControllerA {
@@ -410,16 +377,6 @@ CS {
     }
 }
 `;
-
-    constructor(documents: LangiumDocuments, shortId: string) {
-        this.documents = documents;
-        this.shortId = shortId;
-    }
-
-    getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(this.baseCode, this.shortId + this.counter);
-        this.counter++;
-        const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
-        return getPositionForCSSnippet(document, this);
+        this.insertText = this.baseCode;
     }
 }
diff --git a/extension/src-webview/snippets/snippet-registry.ts b/extension/src-webview/snippets/snippet-registry.ts
index d31263b7..9b7569c6 100644
--- a/extension/src-webview/snippets/snippet-registry.ts
+++ b/extension/src-webview/snippets/snippet-registry.ts
@@ -45,17 +45,17 @@ export class SnippetRegistry extends Registry implements IActionHandlerInitializ
 
     handle(action: Action): void | Action | ICommand {
         if (RequestWebviewSnippetsAction.isThisAction(action)) {
-            this.handleRequestWebviewTemps(action);
+            this.handleRequestWebviewSnippets(action);
         } else if (SendModelRendererAction.isThisAction(action)) {
             this.handleSendModelRenderer(action);
         }
     }
 
-    private handleRequestWebviewTemps(action: RequestWebviewSnippetsAction): void {
-        const temps = this.snippetRenderer.renderSnippets(action.snippets);
+    private handleRequestWebviewSnippets(action: RequestWebviewSnippetsAction): void {
+        const snippets = this.snippetRenderer.renderSnippets(action.snippets);
         const response: SendWebviewSnippetsAction = {
             kind: SendWebviewSnippetsAction.KIND,
-            snippets: temps,
+            snippets: snippets,
             responseId: action.requestId,
         };
         this.messenger.sendNotification(ActionNotification, HOST_EXTENSION, {
diff --git a/extension/src-webview/snippets/snippet-renderer.tsx b/extension/src-webview/snippets/snippet-renderer.tsx
index 94765cbe..f2d78281 100644
--- a/extension/src-webview/snippets/snippet-renderer.tsx
+++ b/extension/src-webview/snippets/snippet-renderer.tsx
@@ -45,8 +45,8 @@ export class SnippetRenderer {
         if (snippets.length === 0) return <div></div>;
 
         // labels and edges are only visible if they are within the canvas bounds
-        for (const temp of snippets) {
-            (temp.graph as SGraph).canvasBounds = { width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y };
+        for (const snippet of snippets) {
+            (snippet.graph as SGraph).canvasBounds = { width: this.bounds.width + 20, height: this.bounds.height, x: this.bounds.x, y: this.bounds.y };
         }
 
         const res = snippets.map(snippet => {
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index f5734f17..5de665f7 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -129,10 +129,10 @@ export interface SendDefaultSnippetsAction extends Action {
 export namespace SendDefaultSnippetsAction {
     export const KIND = "sendSnippets";
 
-    export function create(temps: string[]): SendDefaultSnippetsAction {
+    export function create(snippets: string[]): SendDefaultSnippetsAction {
         return {
             kind: KIND,
-            snippets: temps,
+            snippets: snippets,
         };
     }
 
diff --git a/extension/src/diagram-snippets-webview.ts b/extension/src/diagram-snippets-webview.ts
index 0c6d8247..fe18b4af 100644
--- a/extension/src/diagram-snippets-webview.ts
+++ b/extension/src/diagram-snippets-webview.ts
@@ -104,8 +104,8 @@ export class DiagramSnippetWebview {
             // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
                 // send the snippets saved in the config file to the language server
-                const temps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
-                const action = { kind: SendDefaultSnippetsAction.KIND, snippets: temps } as SendDefaultSnippetsAction;
+                const snippets = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
+                const action = { kind: SendDefaultSnippetsAction.KIND, snippets: snippets } as SendDefaultSnippetsAction;
                 const mes2: ActionMessage = {
                     clientId: this.extension.clientId,
                     action: action
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 0beac87b..39bde7c3 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -62,13 +62,13 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
     }
 
     /**
-     * Adds the {@code temps} to the snippets in the config file.
-     * @param temps Text of snippets.
+     * Adds the {@code snippets} to the snippets in the config file.
+     * @param snippets Text of snippets.
      */
-    handleAddToConfig(temps: string[]): void {
-        const configTemps = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
-        const newTemps = (configTemps as string[]).concat(temps);
-        vscode.workspace.getConfiguration('pasta.stpa').update('snippets', newTemps);
+    handleAddToConfig(snippets: string[]): void {
+        const configSnippets = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
+        const newSnippets = (configSnippets as string[]).concat(snippets);
+        vscode.workspace.getConfiguration('pasta.stpa').update('snippets', newSnippets);
     }
 
     /**
@@ -131,7 +131,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
 
         // handling notifications regarding the snippets
         options.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
-        options.languageClient.onNotification('config/add', (temps: string[]) => this.handleAddToConfig(temps));
+        options.languageClient.onNotification('config/add', (snippets: string[]) => this.handleAddToConfig(snippets));
         options.languageClient.onNotification('snippets/creationFailed', () => vscode.window.showWarningMessage("Snippet could not be created."));
            
 

From 3c1a8ae6949f6002a4cb6b28eca6b1771b6ad1ae Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 24 Apr 2024 16:30:06 +0200
Subject: [PATCH 62/80] clean up in webview folder

---
 .../stpa/diagram/diagram-generator.ts         |  6 ++--
 .../options/render-options-registry.ts        | 29 -------------------
 extension/src-webview/stpa/stpa-views.tsx     | 19 ++++--------
 extension/src/actions.ts                      |  8 +----
 4 files changed, 9 insertions(+), 53 deletions(-)

diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index 75bd3fbe..83a1e503 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { AstNode, LangiumDocumentFactory, LangiumParser, ParseResult } from "langium";
+import { AstNode, LangiumDocumentFactory, ParseResult } from "langium";
 import { GeneratorContext, IdCache, IdCacheImpl } from "langium-sprotty";
 import { SModelElement, SModelRoot, SNode } from "sprotty-protocol";
 import { CancellationToken } from "vscode-languageserver";
@@ -35,7 +35,7 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
 
     /** Saves the Ids of the generated SNodes */
     protected idToSNode: Map<string, SNode> = new Map();
-
+    
     protected idCache: IdCache<AstNode>;
 
     constructor(services: StpaServices) {
@@ -152,7 +152,7 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
 
     /**
      * Generates an SGraph for the given {@code model}.
-     * @param model The Model for whcih a graph should be generated.
+     * @param model The Model for which a graph should be generated.
      * @returns an SGraph.
      */
     private generateGraph(model: Model): SModelRoot {
diff --git a/extension/src-webview/options/render-options-registry.ts b/extension/src-webview/options/render-options-registry.ts
index 57041704..9e74fc23 100644
--- a/extension/src-webview/options/render-options-registry.ts
+++ b/extension/src-webview/options/render-options-registry.ts
@@ -53,32 +53,6 @@ export class DifferentFormsOption implements RenderOption {
     currentValue = false;
 }
 
-/**
- * Boolean option to enable and disable the visualization of the control structure.
- */
-export class ShowCSOption implements RenderOption {
-    static readonly ID: string = 'show-cs';
-    static readonly NAME: string = 'Show Control Structure';
-    readonly id: string = ShowCSOption.ID;
-    readonly name: string = ShowCSOption.NAME;
-    readonly type: TransformationOptionType = TransformationOptionType.CHECK;
-    readonly initialValue: boolean = true;
-    currentValue = true;
-}
-
-/**
- * Boolean option to enable and disable the visualization of the relationship graph.
- */
-export class ShowRelationshipGraphOption implements RenderOption {
-    static readonly ID: string = 'show-relations';
-    static readonly NAME: string = 'Show Relationship Graph';
-    readonly id: string = ShowRelationshipGraphOption.ID;
-    readonly name: string = ShowRelationshipGraphOption.NAME;
-    readonly type: TransformationOptionType = TransformationOptionType.CHECK;
-    readonly initialValue: boolean = true;
-    currentValue = true;
-}
-
 export interface RenderOptionType {
     readonly ID: string,
     readonly NAME: string,
@@ -101,9 +75,6 @@ export class RenderOptionsRegistry extends Registry {
         // Add available render options to this registry
         this.register(DifferentFormsOption);
         this.register(ColorStyleOption);
-
-        this.register(ShowCSOption);
-        this.register(ShowRelationshipGraphOption);
     }
 
     @postConstruct()
diff --git a/extension/src-webview/stpa/stpa-views.tsx b/extension/src-webview/stpa/stpa-views.tsx
index f90ffa49..31554411 100644
--- a/extension/src-webview/stpa/stpa-views.tsx
+++ b/extension/src-webview/stpa/stpa-views.tsx
@@ -18,13 +18,13 @@
 /** @jsx svg */
 import { inject, injectable } from 'inversify';
 import { VNode } from 'snabbdom';
-import { IView, IViewArgs, IActionDispatcher, Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SGraph, SGraphView, SLabel, SLabelView, SNode, SPort, svg, toDegrees, ModelRenderer, TYPES } from 'sprotty';
+import { IActionDispatcher, IView, IViewArgs, ModelRenderer, Point, PolylineEdgeView, RectangularNodeView, RenderingContext, SEdge, SGraph, SGraphView, SLabel, SLabelView, SNode, SPort, TYPES, svg, toDegrees } from 'sprotty';
 import { DISymbol } from '../di.symbols';
-import { collectAllChildren } from './helper-methods';
-import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry, ShowCSOption, ShowRelationshipGraphOption } from '../options/render-options-registry';
-import { renderDiamond, renderHexagon, renderMirroredTriangle, renderOval, renderPentagon, renderRectangle, renderRoundedRectangle, renderTrapez, renderTriangle } from '../views-rendering';
-import { STPANode, PARENT_TYPE, STPA_NODE_TYPE, CS_EDGE_TYPE, STPAAspect, STPAEdge, STPA_EDGE_TYPE, CS_NODE_TYPE, CSEdge, CS_INTERMEDIATE_EDGE_TYPE, EdgeType, STPA_INTERMEDIATE_EDGE_TYPE } from './stpa-model';
+import { ColorStyleOption, DifferentFormsOption, RenderOptionsRegistry } from '../options/render-options-registry';
 import { SendModelRendererAction } from '../snippets/actions';
+import { renderDiamond, renderHexagon, renderMirroredTriangle, renderOval, renderPentagon, renderRectangle, renderRoundedRectangle, renderTrapez, renderTriangle } from '../views-rendering';
+import { collectAllChildren } from './helper-methods';
+import { CSEdge, CS_EDGE_TYPE, CS_INTERMEDIATE_EDGE_TYPE, EdgeType, STPAAspect, STPAEdge, STPANode, STPA_EDGE_TYPE, STPA_INTERMEDIATE_EDGE_TYPE } from './stpa-model';
 
 /** Determines if path/aspect highlighting is currently on. */
 let highlighting: boolean;
@@ -205,15 +205,6 @@ export class CSNodeView extends RectangularNodeView {
     @inject(DISymbol.RenderOptionsRegistry) renderOptionsRegistry: RenderOptionsRegistry;
 
     render(node: SNode, context: RenderingContext): VNode {
-        // hides the control structure and/or relationship graph if the corresponding option is set to false
-        if (context.targetKind !== 'hidden' &&
-            (!this.renderOptionsRegistry.getValue(ShowCSOption) && (node.type == CS_NODE_TYPE || node.type == PARENT_TYPE
-                && node.children.filter(child => child instanceof SNode).length !== 0 && node.children.filter(child => child instanceof SNode)[0].type == CS_NODE_TYPE)
-                || !this.renderOptionsRegistry.getValue(ShowRelationshipGraphOption) && (node.type == STPA_NODE_TYPE || node.type == PARENT_TYPE
-                    && node.children.filter(child => child instanceof SNode).length !== 0 && node.children.filter(child => child instanceof SNode)[0].type == STPA_NODE_TYPE))) {
-            return <g></g>;
-        }
-
         const colorStyle = this.renderOptionsRegistry.getValue(ColorStyleOption);
         const sprottyNode = colorStyle === "standard";
         const printNode = !sprottyNode;
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index 5de665f7..734efd42 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -23,12 +23,6 @@ export interface SendConfigAction extends Action {
     options: { id: string; value: any }[];
 }
 
-/** Message to the language server to update the model and hence the view. */
-// export interface UpdateViewAction extends Action {
-//     kind: typeof UpdateViewAction.KIND;
-//     options?: JsonMap;
-// }
-
 export namespace SendConfigAction {
     export const KIND = "sendConfig";
 
@@ -120,7 +114,7 @@ export namespace AddSnippetAction {
     }
 }
 
-/** Message from extension to langauge server containing snippets as string. (Used to add default snippets) */
+/** Message from extension to langauge server containing the default snippets as string. */
 export interface SendDefaultSnippetsAction extends Action {
     kind: typeof SendDefaultSnippetsAction.KIND;
     snippets: string[];

From 65580fe6e05d315b8e62983ec97afed80093d1a5 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Tue, 7 May 2024 13:38:35 +0200
Subject: [PATCH 63/80] clean up (WIP)

---
 extension/package.json              |   3 +-
 extension/src/extension.ts          |  60 +++++----
 extension/src/language-extension.ts | 181 +++++++++++++---------------
 extension/src/utils.ts              |  46 ++++++-
 extension/webpack.config.js         |   2 +-
 5 files changed, 162 insertions(+), 130 deletions(-)

diff --git a/extension/package.json b/extension/package.json
index b60f7c34..e6a9a7ae 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -225,8 +225,7 @@
                     "when": "pasta-diagram-focused"
                 },
                 {
-                    "command": "pasta.diagram.export",
-                    "when": "pasta-diagram-focused"
+                    "command": "pasta.diagram.export"
                 },
                 {
                     "command": "pasta.stpa.checks.setCheckResponsibilitiesForConstraints",
diff --git a/extension/src/extension.ts b/extension/src/extension.ts
index af22326f..bbcf352a 100644
--- a/extension/src/extension.ts
+++ b/extension/src/extension.ts
@@ -22,13 +22,13 @@ import * as vscode from "vscode";
 import { LanguageClient, LanguageClientOptions, ServerOptions, TransportKind } from "vscode-languageclient/node";
 import { Messenger } from "vscode-messenger";
 import { command } from "./constants";
+import { DiagramSnippetWebview } from "./diagram-snippets-webview";
 import { StpaLspVscodeExtension } from "./language-extension";
 import { createSTPAResultMarkdownFile } from "./report/md-export";
 import { StpaResult } from "./report/utils";
 import { createSBMs } from "./sbm/sbm-generation";
 import { LTLFormula } from "./sbm/utils";
 import { createFile, createOutputChannel, createQuickPickForWorkspaceOptions } from "./utils";
-import { DiagramSnippetWebview } from './diagram-snippets-webview';
 
 let languageClient: LanguageClient;
 
@@ -67,11 +67,8 @@ export function activate(context: vscode.ExtensionContext): void {
         registerTextEditorSync(webviewPanelManager, context);
         registerSTPACommands(webviewPanelManager, context, { extensionPrefix: "pasta" });
         registerFTACommands(webviewPanelManager, context, { extensionPrefix: "pasta" });
-
         registerDiagramSnippetWebview(webviewPanelManager, context);
-        
     }
-    
 
     if (diagramMode === "editor") {
         // Set up webview editor associated with file type
@@ -247,7 +244,7 @@ function registerFTACommands(
                     uri: uri.path,
                     startId,
                 });
-                await manager.openDiagram(uri, {preserveFocus: true});
+                await manager.openDiagram(uri, { preserveFocus: true });
                 handleCutSets(cutSets, false);
             }
         )
@@ -260,7 +257,7 @@ function registerFTACommands(
                     uri: uri.path,
                     startId,
                 });
-                await manager.openDiagram(uri, {preserveFocus: true});
+                await manager.openDiagram(uri, { preserveFocus: true });
                 handleCutSets(minimalCutSets, true);
             }
         )
@@ -269,7 +266,6 @@ function registerFTACommands(
 
 /**
  * Handles the result of the cut set analysis.
- * @param manager The manager that handles the webview panels.
  * @param cutSets The cut sets that should be handled.
  * @param minimal Determines whether the cut sets are minimal or not.
  */
@@ -302,7 +298,7 @@ function createLanguageClient(context: vscode.ExtensionContext): LanguageClient
 
     // Options to control the language client
     const clientOptions: LanguageClientOptions = {
-        documentSelector: supportedFileEndings.map((ending) => ({
+        documentSelector: supportedFileEndings.map(ending => ({
             scheme: "file",
             language: ending,
         })),
@@ -322,14 +318,14 @@ function createLanguageClient(context: vscode.ExtensionContext): LanguageClient
 
 function registerTextEditorSync(manager: StpaLspVscodeExtension, context: vscode.ExtensionContext): void {
     context.subscriptions.push(
-        vscode.workspace.onDidSaveTextDocument(async (document) => {
+        vscode.workspace.onDidSaveTextDocument(async document => {
             if (document) {
                 await languageClient.sendRequest("cutSets/reset");
                 const currentCursorPosition = vscode.window.activeTextEditor?.selection.active;
                 if (currentCursorPosition) {
                     await languageClient.sendNotification("editor/save", document.offsetAt(currentCursorPosition));
                 }
-                manager.openDiagram(document.uri, {preserveFocus: true});
+                manager.openDiagram(document.uri, { preserveFocus: true });
                 if (manager.contextTable) {
                     languageClient.sendNotification("contextTable/getData", document.uri.toString());
                 }
@@ -337,30 +333,44 @@ function registerTextEditorSync(manager: StpaLspVscodeExtension, context: vscode
         })
     );
 }
+
+/**
+ * Registers the webview for the diagram snippets.
+ * @param manager The manager that handles the webview panels.
+ * @param context The context of the extension.
+ */
 function registerDiagramSnippetWebview(manager: StpaLspVscodeExtension, context: vscode.ExtensionContext): void {
+    // create a webview view provider for the snippets
     const provider: vscode.WebviewViewProvider = {
-        resolveWebviewView: function (webviewView: vscode.WebviewView, _context: vscode.WebviewViewResolveContext<unknown>, _token: vscode.CancellationToken): void | Thenable<void> {
-            const tWebview = new DiagramSnippetWebview(
+        resolveWebviewView: function (
+            webviewView: vscode.WebviewView,
+            _context: vscode.WebviewViewResolveContext<unknown>,
+            _token: vscode.CancellationToken
+        ): void | Thenable<void> {
+            const snippetWebview = new DiagramSnippetWebview(
                 "snippets",
                 manager,
-                createFileUri(manager.options.extensionUri.fsPath, 'pack', 'tempWebview.js')
+                createFileUri(manager.options.extensionUri.fsPath, "pack", "snippetWebview.js")
             );
-            tWebview.webview = webviewView.webview;
-            tWebview.webview.options = {
-                enableScripts: true
+            snippetWebview.webview = webviewView.webview;
+            snippetWebview.webview.options = {
+                enableScripts: true,
             };
-            const title = tWebview.createTitle();
+            const title = snippetWebview.createTitle();
             webviewView.title = title;
-            tWebview.initializeWebview(webviewView.webview, title);
-            tWebview.connect();
-            languageClient.onNotification('snippets/add', (msg: any) => tWebview.sendToWebview(msg));
-        }
+            snippetWebview.initializeWebview(webviewView.webview, title);
+            snippetWebview.connect();
+            // send snippets got from the language server to the webview
+            languageClient.onNotification("snippets/add", (msg: any) => snippetWebview.sendToWebview(msg));
+        },
     };
+    // register the webview view provider
     vscode.window.registerWebviewViewProvider("stpa-snippets", provider);
+    // register the command to add snippets
     context.subscriptions.push(
-        vscode.commands.registerCommand("pasta" + '.stpa.snippets.add', async (...commandArgs: any) => {
-        const uri = (commandArgs[0] as vscode.Uri);
+        vscode.commands.registerCommand("pasta" + ".stpa.snippets.add", async (...commandArgs: any) => {
+            const uri = commandArgs[0] as vscode.Uri;
             manager.addSnippet(uri);
-        }));
+        })
+    );
 }
-
diff --git a/extension/src/language-extension.ts b/extension/src/language-extension.ts
index 39bde7c3..8813414e 100644
--- a/extension/src/language-extension.ts
+++ b/extension/src/language-extension.ts
@@ -18,12 +18,17 @@
 import { ActionMessage, JsonMap, SelectAction } from "sprotty-protocol";
 import { createFileUri } from "sprotty-vscode";
 import { SprottyDiagramIdentifier } from "sprotty-vscode-protocol";
-import { LspWebviewEndpoint, LspWebviewPanelManager, LspWebviewPanelManagerOptions, acceptMessageType } from "sprotty-vscode/lib/lsp";
+import {
+    LspWebviewEndpoint,
+    LspWebviewPanelManager,
+    LspWebviewPanelManagerOptions,
+    acceptMessageType,
+} from "sprotty-vscode/lib/lsp";
 import * as vscode from "vscode";
 import { AddSnippetAction, GenerateSVGsAction } from "./actions";
 import { ContextTablePanel } from "./context-table-panel";
 import { StpaFormattingEditProvider } from "./stpa-formatter";
-import { applyTextEdits, collectOptions, createFile } from "./utils";
+import { addSnippetsToConfig, applyTextEdits, collectOptions, createFile, handleWorkSpaceEdit } from "./utils";
 import { StpaLspWebview } from "./wview";
 
 export class StpaLspVscodeExtension extends LspWebviewPanelManager {
@@ -35,79 +40,7 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
     clientId: string | undefined;
 
     protected resolveLSReady: () => void;
-    readonly lsReady = new Promise<void>((resolve) => (this.resolveLSReady = resolve));
-    /**
-     * Sends an AddSnippetAction to the language server containing the selected text.
-     * @param commandArgs 
-     */
-    async addSnippet(uri: vscode.Uri): Promise<void> {
-        const activeEditor = vscode.window.activeTextEditor;
-        const sel = activeEditor?.selection;
-        const doc = activeEditor?.document;
-        if (doc && sel) {
-            if (!this.clientId) {
-                const identifier = await this.createDiagramIdentifier(uri);
-                this.clientId = identifier?.clientId;
-            }
-            const text = doc.getText().substring(doc.offsetAt(sel.start), doc.offsetAt(sel?.end));
-            const mes: ActionMessage = {
-                clientId: this.clientId!,
-                action: {
-                    kind: AddSnippetAction.KIND,
-                    text: text
-                } as AddSnippetAction
-            };
-            this.languageClient.sendNotification(acceptMessageType, mes);
-        }
-    }
-
-    /**
-     * Adds the {@code snippets} to the snippets in the config file.
-     * @param snippets Text of snippets.
-     */
-    handleAddToConfig(snippets: string[]): void {
-        const configSnippets = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
-        const newSnippets = (configSnippets as string[]).concat(snippets);
-        vscode.workspace.getConfiguration('pasta.stpa').update('snippets', newSnippets);
-    }
-
-    /**
-     * Handle WorkSpaceEdit notifications form the langauge server
-     * @param msg Message contianing the uri of the document, the text to insert, and the position in the document ot insert it to.
-     */
-    async handleWorkSpaceEdit(msg: { uri: string, text: string, position: vscode.Position; }): Promise<void> {
-        const textDocument = vscode.workspace.textDocuments.find(
-            (doc) => doc.uri.toString() === vscode.Uri.parse(msg.uri).toString()
-        );
-        if (!textDocument) {
-            console.error(
-                `Server requested a text edit but the requested uri was not found among the known documents: ${msg.uri}`
-            );
-            return;
-        }
-        const workSpaceEdit = new vscode.WorkspaceEdit();
-        const pos = this.languageClient.protocol2CodeConverter.asPosition(msg.position);
-        const edits: vscode.TextEdit[] = [vscode.TextEdit.insert(pos, msg.text)];
-        workSpaceEdit.set(textDocument.uri, edits);
-
-        // Apply and save the edit. Report possible failures.
-        const edited = await vscode.workspace.applyEdit(workSpaceEdit);
-        if (!edited) {
-            console.error("Workspace edit could not be applied!");
-            return;
-        }
-
-        const activeEditor = vscode.window.activeTextEditor;
-        if (activeEditor) {
-            // TODO: endPos is not completly correct. maybe \n must be counted too?
-            const endPos = textDocument.positionAt(textDocument.offsetAt(pos) + msg.text.length);
-            activeEditor.selections = [new vscode.Selection(pos, endPos)];
-            activeEditor.revealRange(new vscode.Range(pos, endPos));
-        }
-
-        //await textDocument.save();
-        return;
-    }
+    readonly lsReady = new Promise<void>(resolve => (this.resolveLSReady = resolve));
 
     /** needed for undo/redo actions when ID enforcement is active*/
     ignoreNextTextChange: boolean = false;
@@ -129,32 +62,11 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         const sel: vscode.DocumentSelector = { scheme: "file", language: "stpa" };
         vscode.languages.registerDocumentFormattingEditProvider(sel, new StpaFormattingEditProvider());
 
-        // handling notifications regarding the snippets
-        options.languageClient.onNotification('editor/add', this.handleWorkSpaceEdit.bind(this));
-        options.languageClient.onNotification('config/add', (snippets: string[]) => this.handleAddToConfig(snippets));
-        options.languageClient.onNotification('snippets/creationFailed', () => vscode.window.showWarningMessage("Snippet could not be created."));
-           
-
-        // handling of notifications regarding the context table
-        options.languageClient.onNotification("contextTable/data", (data) => this.contextTable.setData(data));
-        options.languageClient.onNotification(
-            "editor/highlight",
-            (msg: { startLine: number; startChar: number; endLine: number; endChar: number; uri: string }) => {
-                // highlight and reveal the given range in the editor
-                const editor = vscode.window.visibleTextEditors.find(
-                    (visibleEditor) => visibleEditor.document.uri.toString() === msg.uri
-                );
-                if (editor) {
-                    const startPosition = new vscode.Position(msg.startLine, msg.startChar);
-                    const endPosition = new vscode.Position(msg.endLine, msg.endChar);
-                    editor.selection = new vscode.Selection(startPosition, endPosition);
-                    editor.revealRange(editor.selection, vscode.TextEditorRevealType.InCenter);
-                }
-            }
-        );
+        this.addReactionsToSnippetCommands(options);
+        this.addReactionsToContextTableCommands(options);
 
         // textdocument has changed
-        vscode.workspace.onDidChangeTextDocument((changeEvent) => {
+        vscode.workspace.onDidChangeTextDocument(changeEvent => {
             this.handleTextChangeEvent(changeEvent);
         });
         // language client sent workspace edits
@@ -180,6 +92,48 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         });
     }
 
+    /**
+     * Adds reactions to the snippet commands.
+     * @param options The options of the language client.
+     */
+    protected addReactionsToSnippetCommands(options: LspWebviewPanelManagerOptions): void {
+        // handling notifications regarding the diagram snippets
+        options.languageClient.onNotification(
+            "editor/add",
+            (msg: { uri: string; text: string; position: vscode.Position }) => {
+                const pos = this.languageClient.protocol2CodeConverter.asPosition(msg.position);
+                handleWorkSpaceEdit(msg.uri, msg.text, pos);
+            }
+        );
+        options.languageClient.onNotification("config/add", (snippets: string[]) => addSnippetsToConfig(snippets));
+        options.languageClient.onNotification("snippets/creationFailed", () =>
+            vscode.window.showWarningMessage("Snippet could not be created.")
+        );
+    }
+
+    /**
+     * Adds reactions to the context table commands.
+     * @param options The options of the language client.
+     */
+    protected addReactionsToContextTableCommands(options: LspWebviewPanelManagerOptions): void {
+        options.languageClient.onNotification("contextTable/data", data => this.contextTable.setData(data));
+        options.languageClient.onNotification(
+            "editor/highlight",
+            (msg: { startLine: number; startChar: number; endLine: number; endChar: number; uri: string }) => {
+                // highlight and reveal the given range in the editor
+                const editor = vscode.window.visibleTextEditors.find(
+                    visibleEditor => visibleEditor.document.uri.toString() === msg.uri
+                );
+                if (editor) {
+                    const startPosition = new vscode.Position(msg.startLine, msg.startChar);
+                    const endPosition = new vscode.Position(msg.endLine, msg.endChar);
+                    editor.selection = new vscode.Selection(startPosition, endPosition);
+                    editor.revealRange(editor.selection, vscode.TextEditorRevealType.InCenter);
+                }
+            }
+        );
+    }
+
     /**
      * Notifies the language server that a textdocument has changed.
      * @param changeEvent The change in the text document.
@@ -199,6 +153,33 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         }
     }
 
+    /**
+     * Sends an AddSnippetAction to the language server containing the selected text.
+     * @param commandArgs
+     */
+    async addSnippet(uri: vscode.Uri): Promise<void> {
+        const activeEditor = vscode.window.activeTextEditor;
+        const selection = activeEditor?.selection;
+        const document = activeEditor?.document;
+        if (document && selection) {
+            if (!this.clientId) {
+                const identifier = await this.createDiagramIdentifier(uri);
+                this.clientId = identifier?.clientId;
+            }
+            const text = document
+                .getText()
+                .substring(document.offsetAt(selection.start), document.offsetAt(selection?.end));
+            const mes: ActionMessage = {
+                clientId: this.clientId!,
+                action: {
+                    kind: AddSnippetAction.KIND,
+                    text: text,
+                } as AddSnippetAction,
+            };
+            this.languageClient.sendNotification(acceptMessageType, mes);
+        }
+    }
+
     createContextTable(context: vscode.ExtensionContext): void {
         const extensionPath = this.options.extensionUri.fsPath;
         const tablePanel = new ContextTablePanel(
@@ -276,4 +257,4 @@ export class StpaLspVscodeExtension extends LspWebviewPanelManager {
         }
         return {};
     }
-}
\ No newline at end of file
+}
diff --git a/extension/src/utils.ts b/extension/src/utils.ts
index 525ae85b..9a5c1fb2 100644
--- a/extension/src/utils.ts
+++ b/extension/src/utils.ts
@@ -25,7 +25,7 @@ import * as vscode from "vscode";
 export function createQuickPickForWorkspaceOptions(id: string): void {
     const quickPick = vscode.window.createQuickPick();
     quickPick.items = [{ label: "true" }, { label: "false" }];
-    quickPick.onDidChangeSelection((selection) => {
+    quickPick.onDidChangeSelection(selection => {
         if (selection[0]?.label === "true") {
             vscode.workspace.getConfiguration("pasta").update(id, true);
         } else {
@@ -37,6 +37,38 @@ export function createQuickPickForWorkspaceOptions(id: string): void {
     quickPick.show();
 }
 
+/**
+ * Handle WorkSpaceEdit notifications form the langauge server
+ * @param uri The uri of the document that should be edited.
+ * @param text The text to insert.
+ * @param position The position where the text should be inserted.
+ */
+export async function handleWorkSpaceEdit(uri: string, text: string, position: vscode.Position): Promise<void> {
+    const textDocument = vscode.workspace.textDocuments.find(
+        doc => doc.uri.toString() === vscode.Uri.parse(uri).toString()
+    );
+    if (!textDocument) {
+        console.error(
+            `Server requested a text edit but the requested uri was not found among the known documents: ${uri}`
+        );
+        return;
+    }
+
+    const edits: vscode.TextEdit[] = [vscode.TextEdit.insert(position, text)];
+    applyTextEdits(edits, uri);
+
+    const activeEditor = vscode.window.activeTextEditor;
+    if (activeEditor) {
+        // TODO: endPos is not completly correct. maybe \n must be counted too?
+        const endPos = textDocument.positionAt(textDocument.offsetAt(position) + text.length);
+        activeEditor.selections = [new vscode.Selection(position, endPos)];
+        activeEditor.revealRange(new vscode.Range(position, endPos));
+    }
+
+    //await textDocument.save();
+    return;
+}
+
 /**
  * Applies text edits to the document.
  * @param edits The edits to apply.
@@ -71,6 +103,16 @@ export function collectOptions(configuration: vscode.WorkspaceConfiguration): {
     return values;
 }
 
+/**
+ * Adds the {@code snippets} to the snippets in the config file.
+ * @param snippets Text of snippets.
+ */
+export function addSnippetsToConfig(snippets: string[]): void {
+    const configSnippets = vscode.workspace.getConfiguration("pasta.stpa").get("snippets");
+    const newSnippets = (configSnippets as string[]).concat(snippets);
+    vscode.workspace.getConfiguration("pasta.stpa").update("snippets", newSnippets);
+}
+
 /**
  * Creates a file with the given {@code uri} containing the {@code text}.
  * @param uri The uri of the file to create.
@@ -91,7 +133,7 @@ export async function createFile(uri: string, text: string): Promise<void> {
         return;
     }
     // save the edit
-    const doc = vscode.workspace.textDocuments.find((doc) => doc.uri.toString() === vscode.Uri.parse(uri).toString());
+    const doc = vscode.workspace.textDocuments.find(doc => doc.uri.toString() === vscode.Uri.parse(uri).toString());
     const saved = await doc?.save();
     if (!saved) {
         console.error(`TextDocument ${doc?.uri} could not be saved!`);
diff --git a/extension/webpack.config.js b/extension/webpack.config.js
index 839c64e1..da75fb7e 100644
--- a/extension/webpack.config.js
+++ b/extension/webpack.config.js
@@ -130,7 +130,7 @@ const snippetConfig = {
     ...commonWebConfig,
     entry: path.resolve(__dirname, 'src-diagram-snippets/main.ts'),
     output: {
-		filename: 'tempWebview.js',
+		filename: 'snippetWebview.js',
         path: path.resolve(__dirname, 'pack'),
     }
 };

From c7d4a779ba6f62566ba6d7b6267af6dac68bcff7 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 8 May 2024 13:30:09 +0200
Subject: [PATCH 64/80] clean up

---
 .../src-language-server/diagram-server.ts     | 47 ++++++++++---------
 .../src-language-server/fta/fta-module.ts     |  7 ---
 extension/src-webview/snippets/actions.ts     |  2 +-
 .../src-webview/snippets/snippet-registry.ts  | 10 +++-
 .../src-webview/snippets/snippet-renderer.tsx | 13 +++--
 extension/src/diagram-snippets-webview.ts     | 13 ++---
 6 files changed, 51 insertions(+), 41 deletions(-)

diff --git a/extension/src-language-server/diagram-server.ts b/extension/src-language-server/diagram-server.ts
index f6d42614..5a739bfe 100644
--- a/extension/src-language-server/diagram-server.ts
+++ b/extension/src-language-server/diagram-server.ts
@@ -15,20 +15,13 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import {
-    Action,
-    DiagramServices,
-    JsonMap,
-    RequestAction,
-    RequestModelAction,
-    ResponseAction
-} from "sprotty-protocol";
+import { Action, DiagramServices, JsonMap, RequestAction, RequestModelAction, ResponseAction } from "sprotty-protocol";
 import { Connection } from "vscode-languageserver";
 import { SetSynthesisOptionsAction, UpdateOptionsAction } from "./options/actions";
 import { DropDownOption } from "./options/option-models";
-import { SnippetDiagramServer } from './snippets/snippet-diagram-server';
-import { LanguageSnippet } from './snippets/snippet-model';
-import { StpaDiagramSnippets } from './snippets/stpa-snippets';
+import { SnippetDiagramServer } from "./snippets/snippet-diagram-server";
+import { LanguageSnippet } from "./snippets/snippet-model";
+import { StpaDiagramSnippets } from "./snippets/stpa-snippets";
 import { GenerateSVGsAction, RequestSvgAction, SvgAction } from "./stpa/actions";
 import { StpaSynthesisOptions, filteringUCAsID } from "./stpa/diagram/stpa-synthesis-options";
 import {
@@ -56,8 +49,8 @@ import {
     setSystemConstraintGraphOptions,
 } from "./stpa/result-report/svg-generator";
 import { SynthesisOptions } from "./synthesis-options";
-import { StpaServices } from './stpa/stpa-module';
-import { FtaServices } from './fta/fta-module';
+import { StpaServices } from "./stpa/stpa-module";
+import { FtaServices } from "./fta/fta-module";
 
 export class PastaDiagramServer extends SnippetDiagramServer {
     protected synthesisOptions: SynthesisOptions | undefined;
@@ -67,13 +60,25 @@ export class PastaDiagramServer extends SnippetDiagramServer {
     constructor(
         dispatch: <A extends Action>(action: A) => Promise<void>,
         services: DiagramServices,
-        clientId: string, 
+        clientId: string,
         options: JsonMap | undefined,
         connection: Connection | undefined,
-        language: StpaServices | FtaServices,
+        language: StpaServices | FtaServices
     ) {
-        super(dispatch, services, clientId, language.snippets.StpaDiagramSnippets.getSnippets() ?? [], options, connection);
-        this.stpaSnippets = language.snippets.StpaDiagramSnippets;
+        super(
+            dispatch,
+            services,
+            clientId,
+            language.hasOwnProperty("snippets") && (language as StpaServices).snippets.StpaDiagramSnippets.getSnippets()
+                ? (language as StpaServices).snippets.StpaDiagramSnippets.getSnippets()
+                : [],
+            options,
+            connection
+        );
+        // only STPAService has snippets
+        if (language.hasOwnProperty("snippets")) {
+            this.stpaSnippets = (language as StpaServices).snippets.StpaDiagramSnippets;
+        }
         this.synthesisOptions = language.options.SynthesisOptions;
         this.clientId = clientId;
         this.connection = connection;
@@ -105,7 +110,7 @@ export class PastaDiagramServer extends SnippetDiagramServer {
      * @returns a snippet for the given {@code text}
      */
     protected createSnippetFromString(text: string): LanguageSnippet {
-        return this.stpaSnippets?.createSnippet(text) ?? {} as LanguageSnippet;
+        return this.stpaSnippets?.createSnippet(text) ?? ({} as LanguageSnippet);
     }
 
     /**
@@ -120,7 +125,7 @@ export class PastaDiagramServer extends SnippetDiagramServer {
             diagramSizes = {};
             const setSynthesisOption = {
                 kind: SetSynthesisOptionsAction.KIND,
-                options: this.synthesisOptions.getSynthesisOptions().map((option) => option.synthesisOption),
+                options: this.synthesisOptions.getSynthesisOptions().map(option => option.synthesisOption),
             } as SetSynthesisOptionsAction;
             // save current option values
             saveOptions(this.synthesisOptions);
@@ -140,7 +145,7 @@ export class PastaDiagramServer extends SnippetDiagramServer {
             // filtered uca graph svg
             const filteringUcaOption = this.synthesisOptions
                 .getSynthesisOptions()
-                .find((option) => option.synthesisOption.id === filteringUCAsID);
+                .find(option => option.synthesisOption.id === filteringUCAsID);
             for (const value of (filteringUcaOption?.synthesisOption as DropDownOption).availableValues) {
                 setFilteredUcaGraphOptions(this.synthesisOptions, value.id);
                 await this.createSVG(setSynthesisOption, action.uri, FILTERED_UCA_PATH(value.id));
@@ -200,7 +205,7 @@ export class PastaDiagramServer extends SnippetDiagramServer {
             for (const option of action.options) {
                 const opt = this.synthesisOptions
                     .getSynthesisOptions()
-                    .find((synOpt) => synOpt.synthesisOption.id === option.id);
+                    .find(synOpt => synOpt.synthesisOption.id === option.id);
                 if (opt) {
                     opt.currentValue = option.currentValue;
                     opt.synthesisOption.currentValue = option.currentValue;
diff --git a/extension/src-language-server/fta/fta-module.ts b/extension/src-language-server/fta/fta-module.ts
index cbe74c7c..9f997793 100644
--- a/extension/src-language-server/fta/fta-module.ts
+++ b/extension/src-language-server/fta/fta-module.ts
@@ -20,7 +20,6 @@ import { Module, PartialLangiumServices } from "langium";
 import { LangiumSprottyServices, SprottyDiagramServices } from "langium-sprotty";
 import { DefaultElementFilter, ElkFactory, IElementFilter, ILayoutConfigurator } from "sprotty-elk/lib/elk-layout";
 import { LayoutEngine } from "../layout-engine";
-import { StpaDiagramSnippets } from "../snippets/stpa-snippets";
 import { FtaDiagramGenerator } from "./diagram/fta-diagram-generator";
 import { FtaLayoutConfigurator } from "./diagram/fta-layout-config";
 import { FtaSynthesisOptions } from "./diagram/fta-synthesis-options";
@@ -45,9 +44,6 @@ export type FtaAddedServices = {
     options: {
         SynthesisOptions: FtaSynthesisOptions;
     };
-    snippets: {
-        StpaDiagramSnippets: StpaDiagramSnippets;
-    };
 };
 
 /**
@@ -87,7 +83,4 @@ export const FtaModule: Module<FtaServices, PartialLangiumServices & SprottyDiag
     options: {
         SynthesisOptions: () => new FtaSynthesisOptions(),
     },
-    snippets: {
-        StpaDiagramSnippets: services => new StpaDiagramSnippets(services),
-    },
 };
diff --git a/extension/src-webview/snippets/actions.ts b/extension/src-webview/snippets/actions.ts
index 3f5bc76c..5b7228a4 100644
--- a/extension/src-webview/snippets/actions.ts
+++ b/extension/src-webview/snippets/actions.ts
@@ -20,7 +20,7 @@ import { ModelRenderer } from "sprotty";
 import { Action, Bounds, RequestAction, ResponseAction, generateRequestId } from "sprotty-protocol";
 import { WebviewSnippet } from "./snippet-models";
 
-/** Sent from the view. */
+/** Sent from the view to set the renderer and canvas bounds used for the STPA diagram. */
 export interface SendModelRendererAction extends Action {
     kind: typeof SendModelRendererAction.KIND;
     renderer: ModelRenderer;
diff --git a/extension/src-webview/snippets/snippet-registry.ts b/extension/src-webview/snippets/snippet-registry.ts
index 9b7569c6..ac23d6d2 100644
--- a/extension/src-webview/snippets/snippet-registry.ts
+++ b/extension/src-webview/snippets/snippet-registry.ts
@@ -51,6 +51,10 @@ export class SnippetRegistry extends Registry implements IActionHandlerInitializ
         }
     }
 
+    /**
+     * Renders the given snippets and sends back.
+     * @param action The action containing the snippets to render.
+     */
     private handleRequestWebviewSnippets(action: RequestWebviewSnippetsAction): void {
         const snippets = this.snippetRenderer.renderSnippets(action.snippets);
         const response: SendWebviewSnippetsAction = {
@@ -64,8 +68,12 @@ export class SnippetRegistry extends Registry implements IActionHandlerInitializ
         });
     }
 
+    /**
+     * Sets the renderer and canvas bounds needed to render the snippets properly.
+     * @param action The action containing the renderer and bounds.
+     */
     private handleSendModelRenderer(action: SendModelRendererAction): void {
-        this.snippetRenderer.setRenderer((action as SendModelRendererAction).renderer);
+        this.snippetRenderer.setModelRenderer((action as SendModelRendererAction).renderer);
         this.snippetRenderer.setBounds((action as SendModelRendererAction).bounds);
     }
 }
diff --git a/extension/src-webview/snippets/snippet-renderer.tsx b/extension/src-webview/snippets/snippet-renderer.tsx
index f2d78281..c84346f7 100644
--- a/extension/src-webview/snippets/snippet-renderer.tsx
+++ b/extension/src-webview/snippets/snippet-renderer.tsx
@@ -27,11 +27,13 @@ import { WebviewSnippet } from "./snippet-models";
 @injectable()
 export class SnippetRenderer {
     @inject(TYPES.IModelFactory) protected modelFactory: IModelFactory;
-    protected renderer: ModelRenderer;
+    /** Needed to render the snippet graph. */
+    protected modelRenderer: ModelRenderer;
+    /** Needed to show labels and edges. */
     protected bounds: Bounds;
 
-    setRenderer(renderer: ModelRenderer): void {
-        this.renderer = renderer;
+    setModelRenderer(renderer: ModelRenderer): void {
+        this.modelRenderer = renderer;
     }
 
     setBounds(bounds: Bounds): void {
@@ -42,7 +44,7 @@ export class SnippetRenderer {
      * Renders all snippets provided by the server.
      */
     renderSnippets(snippets: WebviewSnippet[]): VNode[] {
-        if (snippets.length === 0) return <div></div>;
+        if (snippets.length === 0) {return <div></div>;}
 
         // labels and edges are only visible if they are within the canvas bounds
         for (const snippet of snippets) {
@@ -50,7 +52,8 @@ export class SnippetRenderer {
         }
 
         const res = snippets.map(snippet => {
-            const graph = this.renderer?.renderElement(this.modelFactory.createRoot(snippet.graph));
+            // render the snippet graph
+            const graph = this.modelRenderer?.renderElement(this.modelFactory.createRoot(snippet.graph));
             // padding of sidebar content is 16px
             const width = ((snippet.graph as SGraph).children[0] as SNode).size.width + 30;
             const height = ((snippet.graph as SGraph).children[0] as SNode).size.height + 30;
diff --git a/extension/src/diagram-snippets-webview.ts b/extension/src/diagram-snippets-webview.ts
index fe18b4af..887d3a65 100644
--- a/extension/src/diagram-snippets-webview.ts
+++ b/extension/src/diagram-snippets-webview.ts
@@ -96,28 +96,29 @@ export class DiagramSnippetWebview {
      * @param message The message received from the webview.
      */
     protected async receiveFromWebview(message: any): Promise<void> {
-        console.log("Received from diagram snippet webview");
         if (message.readyMessage) {
             this.resolveWebviewReady();
             this.sendDiagramIdentifier();
 
             // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
-                // send the snippets saved in the config file to the language server
+                // send the snippets saved in the config file to the language server, 
+                // which will send the rendered snippets back to the diagram snippets webview
                 const snippets = vscode.workspace.getConfiguration('pasta.stpa').get('snippets');
                 const action = { kind: SendDefaultSnippetsAction.KIND, snippets: snippets } as SendDefaultSnippetsAction;
-                const mes2: ActionMessage = {
+                const sendSnippetsActionMessage: ActionMessage = {
                     clientId: this.extension.clientId,
                     action: action
                 };
-                this.extension.languageClient.sendNotification(acceptMessageType, mes2);
+                this.extension.languageClient.sendNotification(acceptMessageType, sendSnippetsActionMessage);
             }
         } else if (message.action && this.extension.clientId) {
-            const mes: ActionMessage = {
+            // forward the action to the language server
+            const actionMessage: ActionMessage = {
                 clientId: this.extension.clientId,
                 action: message.action
             };
-            this.extension.languageClient.sendNotification(acceptMessageType, mes);
+            this.extension.languageClient.sendNotification(acceptMessageType, actionMessage);
         }
     }
 

From 300e1d3e0fbf1a237bda1d43c93f49d3b965be2d Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 8 May 2024 14:44:56 +0200
Subject: [PATCH 65/80] improved getSnippetAST

---
 .../stpa/diagram/diagram-generator.ts          | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index 83a1e503..5a0fde1f 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -19,6 +19,7 @@ import { AstNode, LangiumDocumentFactory, ParseResult } from "langium";
 import { GeneratorContext, IdCache, IdCacheImpl } from "langium-sprotty";
 import { SModelElement, SModelRoot, SNode } from "sprotty-protocol";
 import { CancellationToken } from "vscode-languageserver";
+import { URI } from 'vscode-uri';
 import { TextDocument } from "vscode-languageserver-textdocument";
 import { Model } from "../../generated/ast";
 import { LanguageSnippet, SnippetGraphGenerator } from "../../snippets/snippet-model";
@@ -35,7 +36,7 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
 
     /** Saves the Ids of the generated SNodes */
     protected idToSNode: Map<string, SNode> = new Map();
-    
+
     protected idCache: IdCache<AstNode>;
 
     constructor(services: StpaServices) {
@@ -73,20 +74,9 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
     protected async getSnippetAST(snippet: LanguageSnippet): Promise<Model | undefined> {
         // in order for the cross-references to be correctly evaluated, a document must be build
         const uri = "file:///snippet.stpa";
-        const textDocument = TextDocument.create(
-            uri,
-            this.services.LanguageMetaData.languageId,
-            0,
-            snippet.baseCode ?? ""
-        );
-        const parseResult: ParseResult<Model> = this.services.parser.LangiumParser.parse<Model>(snippet.baseCode);
-        if (parseResult.parserErrors.length > 0) {
-            return undefined;
-        }
-        // const doc = documentFromText<Model>(textDocument, parseResult);
-        const doc = (
+        const doc= (
             this.services.shared.workspace.LangiumDocumentFactory as LangiumDocumentFactory
-        ).fromTextDocument<Model>(textDocument);
+        ).fromString<Model>(snippet.baseCode, URI.parse(uri));
         await (this.services.shared.workspace.DocumentBuilder as StpaDocumentBuilder).buildDocuments(
             [doc],
             { validationChecks: "none" },

From 25979528f3cba9a61cd69bc8286d3e8bbce2113d Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 8 May 2024 15:04:54 +0200
Subject: [PATCH 66/80] separate module for snippet renderer

---
 extension/src-webview/di.config.ts            |  3 +-
 .../src-webview/options/options-module.ts     |  8 -----
 .../src-webview/snippets/snippet-module.ts    | 30 +++++++++++++++++++
 3 files changed, 32 insertions(+), 9 deletions(-)
 create mode 100644 extension/src-webview/snippets/snippet-module.ts

diff --git a/extension/src-webview/di.config.ts b/extension/src-webview/di.config.ts
index 1135133e..c274d381 100644
--- a/extension/src-webview/di.config.ts
+++ b/extension/src-webview/di.config.ts
@@ -97,6 +97,7 @@ import {
     STPAGraphView,
     STPANodeView,
 } from "./stpa/stpa-views";
+import { snippetModule } from './snippets/snippet-module';
 
 const pastaDiagramModule = new ContainerModule((bind, unbind, isBound, rebind) => {
     rebind(TYPES.ILogger).to(ConsoleLogger).inSingletonScope();
@@ -150,7 +151,7 @@ const pastaDiagramModule = new ContainerModule((bind, unbind, isBound, rebind) =
 export function createPastaDiagramContainer(widgetId: string): Container {
     const container = new Container();
     loadDefaultModules(container, { exclude: [contextMenuModule] });
-    container.load(pastaContextMenuModule, pastaDiagramModule, sidebarModule, optionsModule);
+    container.load(pastaContextMenuModule, pastaDiagramModule, sidebarModule, optionsModule, snippetModule);
     overrideViewerOptions(container, {
         needsClientLayout: true,
         needsServerLayout: true,
diff --git a/extension/src-webview/options/options-module.ts b/extension/src-webview/options/options-module.ts
index b78cb0a1..8a73c7db 100644
--- a/extension/src-webview/options/options-module.ts
+++ b/extension/src-webview/options/options-module.ts
@@ -24,8 +24,6 @@ import { OptionsPanel } from "./options-panel";
 import { OptionsRegistry } from "./options-registry";
 import { OptionsRenderer } from "./options-renderer";
 import { RenderOptionsRegistry } from "./render-options-registry";
-import { SnippetRenderer } from "../snippets/snippet-renderer";
-import { SnippetRegistry } from "../snippets/snippet-registry";
 
 /** Module that configures option related panels and registries. */
 export const optionsModule = new ContainerModule((bind, _, isBound) => {
@@ -41,12 +39,6 @@ export const optionsModule = new ContainerModule((bind, _, isBound) => {
 
     bind(DISymbol.RenderOptionsRegistry).to(RenderOptionsRegistry).inSingletonScope();
 
-    // TODO: create module for snippets
-    bind(DISymbol.SnippetRenderer).to(SnippetRenderer).inSingletonScope();
-
-    bind(DISymbol.SnippetRegistry).to(SnippetRegistry).inSingletonScope();
-    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.SnippetRegistry);
-
     const ctx = { bind, isBound };
     configureActionHandler(ctx, SetRenderOptionAction.KIND, DISymbol.RenderOptionsRegistry);
     configureActionHandler(ctx, ResetRenderOptionsAction.KIND, DISymbol.RenderOptionsRegistry);
diff --git a/extension/src-webview/snippets/snippet-module.ts b/extension/src-webview/snippets/snippet-module.ts
new file mode 100644
index 00000000..5f7fadb1
--- /dev/null
+++ b/extension/src-webview/snippets/snippet-module.ts
@@ -0,0 +1,30 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2024 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { ContainerModule } from "inversify";
+import { TYPES } from "sprotty";
+import { DISymbol } from "../di.symbols";
+import { SnippetRegistry } from "../snippets/snippet-registry";
+import { SnippetRenderer } from "../snippets/snippet-renderer";
+
+/** Module that configures option related panels and registries. */
+export const snippetModule = new ContainerModule((bind, _, isBound) => {
+    bind(DISymbol.SnippetRenderer).to(SnippetRenderer).inSingletonScope();
+
+    bind(DISymbol.SnippetRegistry).to(SnippetRegistry).inSingletonScope();
+    bind(TYPES.IActionHandlerInitializer).toService(DISymbol.SnippetRegistry);
+});

From 448f9122c87cbb92ba33fa6ccb07b9ddb3b1638a Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 8 May 2024 15:39:41 +0200
Subject: [PATCH 67/80] scaling for snippets

---
 extension/src-webview/snippets/snippet-renderer.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/extension/src-webview/snippets/snippet-renderer.tsx b/extension/src-webview/snippets/snippet-renderer.tsx
index c84346f7..81bf72c4 100644
--- a/extension/src-webview/snippets/snippet-renderer.tsx
+++ b/extension/src-webview/snippets/snippet-renderer.tsx
@@ -31,6 +31,8 @@ export class SnippetRenderer {
     protected modelRenderer: ModelRenderer;
     /** Needed to show labels and edges. */
     protected bounds: Bounds;
+    /** Scale factor for the snippet graphs. */
+    protected scale = 0.8;
 
     setModelRenderer(renderer: ModelRenderer): void {
         this.modelRenderer = renderer;
@@ -58,10 +60,15 @@ export class SnippetRenderer {
             const width = ((snippet.graph as SGraph).children[0] as SNode).size.width + 30;
             const height = ((snippet.graph as SGraph).children[0] as SNode).size.height + 30;
             if (graph?.data?.attrs) {
-                graph.data.attrs["width"] = width;
-                graph.data.attrs["height"] = height;
+                graph.data.attrs["width"] = width * this.scale;
+                graph.data.attrs["height"] = height * this.scale;
                 graph.data.attrs["id"] = snippet.id;
             }
+            // scale the graph to fit the sidebar better
+            if (graph?.children && (graph.children[0] as VNode).data?.attrs) {
+                (graph.children[0] as VNode).data!.attrs!["transform"] = `scale(${this.scale}) translate(0,0)`;
+            }
+
             const result: VNode = <div>{graph}</div>;
             return result;
         });

From d6a0487abcad53cf0a35f4256cf29a06be32c51e Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Tue, 14 May 2024 11:50:37 +0200
Subject: [PATCH 68/80] fixed dangling edges in custom snippets

---
 .../src-language-server/snippets/snippet-diagram-server.ts    | 4 ++--
 extension/src-language-server/snippets/snippet-model.ts       | 2 +-
 .../src-language-server/stpa/diagram/diagram-generator.ts     | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/extension/src-language-server/snippets/snippet-diagram-server.ts b/extension/src-language-server/snippets/snippet-diagram-server.ts
index f8b1e5bd..074ca57b 100644
--- a/extension/src-language-server/snippets/snippet-diagram-server.ts
+++ b/extension/src-language-server/snippets/snippet-diagram-server.ts
@@ -115,9 +115,9 @@ export abstract class SnippetDiagramServer extends DiagramServer {
     protected async handleAddSnippet(action: AddSnippetAction): Promise<void> {
         const snippet = this.createSnippetFromString(action.text);
         if (await this.parseable(snippet)) {
-            this.snippetGraphGenerator.deleteDanglingEdges(snippet);
+            await this.snippetGraphGenerator.deleteDanglingEdges(snippet);
             this.addSnippets([snippet]);
-            this.connection?.sendNotification("config/add", [snippet.insertText]);
+            this.connection?.sendNotification("config/add", [snippet.baseCode]);
         } else {
             this.connection?.sendNotification("snippets/creationFailed");
         }
diff --git a/extension/src-language-server/snippets/snippet-model.ts b/extension/src-language-server/snippets/snippet-model.ts
index 548ca752..c97a6bc8 100644
--- a/extension/src-language-server/snippets/snippet-model.ts
+++ b/extension/src-language-server/snippets/snippet-model.ts
@@ -58,7 +58,7 @@ export abstract class SnippetGraphGenerator extends LangiumDiagramGenerator {
      * Deletes all edges that are not connected to a node.
      * @param snippet The snippet to clean up.
      */
-    abstract deleteDanglingEdges(snippet: LanguageSnippet): void;
+    abstract deleteDanglingEdges(snippet: LanguageSnippet): Promise<void>;
     /**
      * Generates the root element of the snippet diagram.
      * @param snippet The snippet to generate the diagram for.
diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index 5a0fde1f..e3467239 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -117,9 +117,13 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
             }
             // remove dangling edges
             danglingNodes.forEach(node => {
+                // replace the arrow with an arrow followed by a whitespace (needed to determine the index in the next step)
                 const newString = snippet.baseCode.replace(/->( )*/, "-> ");
+                // index where the edge ends
                 const endIndex = newString.indexOf("-> " + node) + 3 + node.length;
+                // index where the edge starts
                 const startIndex = newString.substring(0, endIndex).lastIndexOf("[");
+                // adjust the base code of the snippet
                 snippet.baseCode =
                     newString.substring(0, startIndex).trimEnd() + newString.substring(endIndex + 1, newString.length);
             });

From 5926d3474b0b36c5587cdf711b066c875d3a3767 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Tue, 14 May 2024 12:12:27 +0200
Subject: [PATCH 69/80] mka review (WIP)

---
 extension/src-diagram-snippets/actions.ts     |   2 +-
 .../src-diagram-snippets/css/diagram.css      | 279 +++-----------
 .../src-diagram-snippets/css/options.css      |   4 +-
 .../src-diagram-snippets/css/sidebar.css      |   5 +-
 .../src-diagram-snippets/css/stpa-diagram.css | 355 ++++++++++++++++++
 extension/src-diagram-snippets/css/theme.css  |  36 +-
 extension/src-diagram-snippets/html.tsx       |   5 +-
 extension/src-diagram-snippets/jsx.ts         |   2 +
 extension/src-diagram-snippets/main.ts        |   2 +-
 .../src-diagram-snippets/mouseListener.ts     |   2 +-
 .../src-language-server/snippets/actions.ts   |   2 +-
 .../snippets/snippet-diagram-server.ts        |   8 +-
 .../snippets/snippet-model.ts                 |   2 +-
 .../snippets/stpa-snippets.ts                 |   4 +-
 .../stpa/diagram/diagram-generator.ts         |   3 +-
 extension/src-webview/css/diagram.css         |  17 +
 extension/src-webview/css/sidebar.css         |   2 +-
 extension/src-webview/snippets/actions.ts     |   4 +-
 .../src-webview/snippets/snippet-models.ts    |   2 +-
 .../src-webview/snippets/snippet-registry.ts  |   2 +-
 .../src-webview/snippets/snippet-renderer.tsx |   2 +-
 extension/src/actions.ts                      |   4 +-
 extension/src/diagram-snippets-webview.ts     |   2 +-
 23 files changed, 492 insertions(+), 254 deletions(-)
 create mode 100644 extension/src-diagram-snippets/css/stpa-diagram.css

diff --git a/extension/src-diagram-snippets/actions.ts b/extension/src-diagram-snippets/actions.ts
index f0ab4736..9bc8b74d 100644
--- a/extension/src-diagram-snippets/actions.ts
+++ b/extension/src-diagram-snippets/actions.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-diagram-snippets/css/diagram.css b/extension/src-diagram-snippets/css/diagram.css
index d1726b38..ab4f78df 100644
--- a/extension/src-diagram-snippets/css/diagram.css
+++ b/extension/src-diagram-snippets/css/diagram.css
@@ -1,147 +1,46 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2023 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+ 
 @import "./options.css";
 @import "./sidebar.css";
 @import "./theme.css";
-@import "./sprotty.css";
-@import "./sprotty-vscode.css";
+@import "./stpa-diagram.css";
+@import "./fta-diagram.css";
+@import "./context-menu.css";
 
-.vscode-high-contrast .stpa-node[aspect="0"], .vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
-    fill: #AD0000;
-}
-.vscode-high-contrast .stpa-node[aspect="1"], .vscode-high-contrast .stpa-edge-arrow[aspect="1"] {
-    fill: #A85400;
-}
-.vscode-high-contrast .stpa-node[aspect="2"], .vscode-high-contrast .stpa-edge-arrow[aspect="2"] {
-    fill: #006600;
-}
-.vscode-high-contrast .stpa-node[aspect="3"], .vscode-high-contrast .stpa-edge-arrow[aspect="3"] {
-    fill: purple;
-}
-.vscode-high-contrast .stpa-node[aspect="4"], .vscode-high-contrast .stpa-edge-arrow[aspect="4"] {
-    fill: #0054A8;
-}
-.vscode-high-contrast .stpa-node[aspect="5"], .vscode-high-contrast .stpa-edge-arrow[aspect="5"] {
-    fill: #006161;
-}
-.vscode-high-contrast .stpa-node[aspect="6"], .vscode-high-contrast .stpa-edge-arrow[aspect="6"] {
-    fill: #616100;
-}
-.vscode-high-contrast .stpa-node[aspect="7"], .vscode-high-contrast .stpa-edge-arrow[aspect="7"] {
-    fill: #2f4f4f;
-}
-
-
-.vscode-high-contrast .stpa-edge[aspect="0"], .vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
-    stroke: #AD0000;
-}
-.vscode-high-contrast .stpa-edge[aspect="1"], .vscode-high-contrast .stpa-edge-arrow[aspect="1"] {
-    stroke: #A85400;
-}
-.vscode-high-contrast .stpa-edge[aspect="2"], .vscode-high-contrast .stpa-edge-arrow[aspect="2"] {
-    stroke: #006600;
-}
-.vscode-high-contrast .stpa-edge[aspect="3"], .vscode-high-contrast .stpa-edge-arrow[aspect="3"] {
-    stroke: purple;
-}
-.vscode-high-contrast .stpa-edge[aspect="4"], .vscode-high-contrast .stpa-edge-arrow[aspect="4"] {
-    stroke: #0054A8;
-}
-.vscode-high-contrast .stpa-edge[aspect="5"], .vscode-high-contrast .stpa-edge-arrow[aspect="5"] {
-    stroke: #006161;
-}
-.vscode-high-contrast .stpa-edge[aspect="6"], .vscode-high-contrast .stpa-edge-arrow[aspect="6"] {
-    stroke: #616100;
-}
-.vscode-high-contrast .stpa-edge[aspect="7"], .vscode-high-contrast .stpa-edge-arrow[aspect="7"] {
-    stroke: #2f4f4f;
+.header {
+    text-decoration-line: underline;
+    font-weight: bold;
 }
 
-
+/* sprotty and black/white colors */
 .vscode-high-contrast .print-node {
     fill: black;
     stroke: white;
 }
 
-.vscode-high-contrast .print-edge {
-    stroke: white;
-}
-
-.vscode-high-contrast .print-edge-arrow {
-    fill: white;
-    stroke: white;
-}
-
 .vscode-high-contrast .sprotty-node {
     fill: #0c598d;
     stroke: black;
 }
 
-
-
-
-.vscode-dark .stpa-node[aspect="0"], .vscode-dark .stpa-edge-arrow[aspect="0"] {
-    fill: #AD0000;
-}
-.vscode-dark .stpa-node[aspect="1"], .vscode-dark .stpa-edge-arrow[aspect="1"] {
-    fill: #A85400;
-}
-.vscode-dark .stpa-node[aspect="2"], .vscode-dark .stpa-edge-arrow[aspect="2"] {
-    fill: #006600;
-}
-.vscode-dark .stpa-node[aspect="3"], .vscode-dark .stpa-edge-arrow[aspect="3"] {
-    fill: purple;
-}
-.vscode-dark .stpa-node[aspect="4"], .vscode-dark .stpa-edge-arrow[aspect="4"] {
-    fill: #0054A8;
-}
-.vscode-dark .stpa-node[aspect="5"], .vscode-dark .stpa-edge-arrow[aspect="5"] {
-    fill: #006161;
-}
-.vscode-dark .stpa-node[aspect="6"], .vscode-dark .stpa-edge-arrow[aspect="6"] {
-    fill: #616100;
-}
-.vscode-dark .stpa-node[aspect="7"], .vscode-dark .stpa-edge-arrow[aspect="7"] {
-    fill: #2f4f4f;
-}
-
-
-.vscode-dark .stpa-edge[aspect="0"], .vscode-dark .stpa-edge-arrow[aspect="0"] {
-    stroke: #AD0000;
-}
-.vscode-dark .stpa-edge[aspect="1"], .vscode-dark .stpa-edge-arrow[aspect="1"] {
-    stroke: #A85400;
-}
-.vscode-dark .stpa-edge[aspect="2"], .vscode-dark .stpa-edge-arrow[aspect="2"] {
-    stroke: #006600;
-}
-.vscode-dark .stpa-edge[aspect="3"], .vscode-dark .stpa-edge-arrow[aspect="3"] {
-    stroke: purple;
-}
-.vscode-dark .stpa-edge[aspect="4"], .vscode-dark .stpa-edge-arrow[aspect="4"] {
-    stroke: #0054A8;
-}
-.vscode-dark .stpa-edge[aspect="5"], .vscode-dark .stpa-edge-arrow[aspect="5"] {
-    stroke: #006161;
-}
-.vscode-dark .stpa-edge[aspect="6"], .vscode-dark .stpa-edge-arrow[aspect="6"] {
-    stroke: #616100;
-}
-.vscode-dark .stpa-edge[aspect="7"], .vscode-dark .stpa-edge-arrow[aspect="7"] {
-    stroke: #2f4f4f;
-}
-
-
 .vscode-dark .print-node {
-    fill: black;
-    stroke: white;
-}
-
-.vscode-dark .print-edge {
-    stroke: white;
-}
-
-.vscode-dark .print-edge-arrow {
-    fill: white;
-    stroke: white;
+    fill: var(--dark-node);
+    stroke: var(--vscode-editor-foreground);
 }
 
 .vscode-dark .sprotty-node {
@@ -149,72 +48,8 @@
     stroke: black;
 }
 
-
-
-
-.vscode-light .stpa-node[aspect="0"], .vscode-light .stpa-edge-arrow[aspect="0"] {
-    fill: #ff7a7a;
-}
-.vscode-light .stpa-node[aspect="1"], .vscode-light .stpa-edge-arrow[aspect="1"] {
-    fill: #ffa852;
-}
-.vscode-light .stpa-node[aspect="2"], .vscode-light .stpa-edge-arrow[aspect="2"] {
-    fill: #00eb00;
-}
-.vscode-light .stpa-node[aspect="3"], .vscode-light .stpa-edge-arrow[aspect="3"] {
-    fill: #ff6bff;
-}
-.vscode-light .stpa-node[aspect="4"], .vscode-light .stpa-edge-arrow[aspect="4"] {
-    fill: #66b3ff;
-}
-.vscode-light .stpa-node[aspect="5"], .vscode-light .stpa-edge-arrow[aspect="5"] {
-    fill: #00cccc;
-}
-.vscode-light .stpa-node[aspect="6"], .vscode-light .stpa-edge-arrow[aspect="6"] {
-    fill: #cccc00;
-}
-.vscode-light .stpa-node[aspect="7"], .vscode-light .stpa-edge-arrow[aspect="7"] {
-    fill: #8fbcbc;
-}
-
-
-.vscode-light .stpa-edge[aspect="0"], .vscode-light .stpa-edge-arrow[aspect="0"] {
-    stroke: #ff7a7a;
-}
-.vscode-light .stpa-edge[aspect="1"], .vscode-light .stpa-edge-arrow[aspect="1"] {
-    stroke: #ffa852;
-}
-.vscode-light .stpa-edge[aspect="2"], .vscode-light .stpa-edge-arrow[aspect="2"] {
-    stroke: #00eb00;
-}
-.vscode-light .stpa-edge[aspect="3"], .vscode-light .stpa-edge-arrow[aspect="3"] {
-    stroke: #ff6bff;
-}
-.vscode-light .stpa-edge[aspect="4"], .vscode-light .stpa-edge-arrow[aspect="4"] {
-    stroke: #66b3ff;
-}
-.vscode-light .stpa-edge[aspect="5"], .vscode-light .stpa-edge-arrow[aspect="5"] {
-    stroke: #00cccc;
-}
-.vscode-light .stpa-edge[aspect="6"], .vscode-light .stpa-edge-arrow[aspect="6"]{
-    stroke: #cccc00;
-}
-.vscode-light .stpa-edge[aspect="7"], .vscode-light .stpa-edge-arrow[aspect="7"] {
-    stroke: #8fbcbc;
-}
-
-
 .vscode-light .print-node {
-    fill: white;
-    stroke: black;
-}
-
-.vscode-light .print-edge {
-    stroke: black;
-}
-
-.vscode-light .print-edge-arrow {
-    fill: black;
+    fill: var(--light-node);
     stroke: black;
 }
 
@@ -223,93 +58,93 @@
     stroke: black;
 }
 
-
-
-
-
-
-.vscode-light .focused {
-    background-color: #e4e6f1;
+.print-edge {
+    stroke: var(--vscode-editor-foreground);
 }
 
-.vscode-dark .focused {
-    background-color: #37373d;
-}
-
-.stpa-node {
-    stroke: black;
-}
-
-.parent-node {
-    fill-opacity: 0.1;
+.print-edge-arrow {
+    fill: var(--vscode-editor-foreground);
+    stroke: var(--vscode-editor-foreground);
 }
 
+/* Selected node */
 .sprotty-node.selected {
     stroke-width: 2;
     stroke: var(--vscode-button-hover-background);
 }
 
-.parent-selected {
-    fill-opacity: 0.4;
+.node-selected {
+    stroke-width: 5;
+    stroke: var(--vscode-button-hover-background);
 }
 
-.hidden {
-    opacity: 0.4;
+/* greyed out element */
+.greyed-out {
+    opacity: 0.2;
 }
 
+/* label */
 body[class='vscode-light'] .sprotty-label {
     fill: black;
     stroke-width: 0;
+    cursor: default;
 }
+
 .sprotty-label {
     fill: var(--vscode-editorActiveLineNumber-foreground);
     stroke-width: 0;
+    font-family: Arial, sans-serif;
+    cursor: default;
 }
 
 .sprotty-button {
     fill: var(--vscode-editorActiveLineNumber-foreground);
 }
 
+/* Sprotty edges */
 body[class='vscode-light'] .sprotty-edge .sprotty-label {
     fill: black
 }
+
 .sprotty-edge .sprotty-label {
     fill: var(--vscode-editorActiveLineNumber-foreground);
 }
 
 body[class='vscode-light'] .sprotty-edge {
-    fill:none;
+    fill: none;
     stroke: black;
     stroke-width: 2px;
 }
+
 .sprotty-edge {
-    fill:none;
+    fill: none;
     stroke: var(--vscode-editorActiveLineNumber-foreground);
     stroke-width: 2px;
 }
 
 body[class='vscode-light'] .sprotty-edge-arrow {
-    fill:black
+    fill: black
 }
+
 .sprotty-edge-arrow {
-    fill:var(--vscode-editorActiveLineNumber-foreground);
+    fill: var(--vscode-editorActiveLineNumber-foreground);
 }
 
-.sprotty-edge > .sprotty-routing-handle {
+.sprotty-edge>.sprotty-routing-handle {
     fill: var(--vscode-editor-selectionBackground);
     stroke: none;
     z-index: 1000;
 }
 
-.sprotty-edge > .sprotty-routing-handle[data-kind='line'] {
+.sprotty-edge>.sprotty-routing-handle[data-kind='line'] {
     opacity: 0.35;
 }
 
-.sprotty-edge > .sprotty-routing-handle.selected {
+.sprotty-edge>.sprotty-routing-handle.selected {
     fill: var(--vscode-editor-selectionHighlightBackground);
 }
 
-.sprotty-edge > .sprotty-routing-handle.mouseover {
+.sprotty-edge>.sprotty-routing-handle.mouseover {
     stroke: var(--vscode-editor-symbolHighlightBackground);
     stroke-width: 1;
 }
@@ -321,4 +156,4 @@ body[class='vscode-light'] .sprotty-edge-arrow {
 .sprotty-hidden {
     width: 0px;
     height: 0px;
-}
+}
\ No newline at end of file
diff --git a/extension/src-diagram-snippets/css/options.css b/extension/src-diagram-snippets/css/options.css
index bdf319b7..590d0a90 100644
--- a/extension/src-diagram-snippets/css/options.css
+++ b/extension/src-diagram-snippets/css/options.css
@@ -169,9 +169,9 @@
 .options__selection {
     padding: 4px 6px;
 
-    border: 2px solid var(--stpa-color-sidebar-trigger-background-hover);
+    border: 1px solid var(--vscode-editor-foreground);
     border-radius: var(--stpa-border-radius-default);
-    background: var(--stpa-color-sidebar-trigger-background-active);
+    background: var(--vscode-input-background);
     color: var(--stpa-color-sidebar-font-primary);
     cursor: pointer;
     font-size: 1rem;
diff --git a/extension/src-diagram-snippets/css/sidebar.css b/extension/src-diagram-snippets/css/sidebar.css
index 7c66350e..02b251b6 100644
--- a/extension/src-diagram-snippets/css/sidebar.css
+++ b/extension/src-diagram-snippets/css/sidebar.css
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-.sidebar {
+ .sidebar {
     box-sizing: border-box;
     position: fixed;
     top: 0;
@@ -33,6 +33,7 @@
     box-shadow: var(--stpa-sidebar-shadow);
     color: var(--stpa-color-sidebar-font-primary);
     font-size: var(--stpa-font-size-base);
+    font-family: Arial, sans-serif;
 
     transition: transform var(--stpa-transition);
     transform: translateX(100%);
@@ -101,4 +102,4 @@
 
 .sidebar__toggle-button--active {
     --background: var(--stpa-color-sidebar-trigger-background-active);
-}
\ No newline at end of file
+}
diff --git a/extension/src-diagram-snippets/css/stpa-diagram.css b/extension/src-diagram-snippets/css/stpa-diagram.css
new file mode 100644
index 00000000..6512724e
--- /dev/null
+++ b/extension/src-diagram-snippets/css/stpa-diagram.css
@@ -0,0 +1,355 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kielerMontreal, Québec, Kanada
+ *
+ * Copyright 2023 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+@import "./theme.css";
+
+.stpa-node {
+    stroke: black;
+} 
+
+/* Feedback edges */
+.feedback-edge {
+    stroke-dasharray: 5, 5;
+}
+
+/* High contrast theme */
+.vscode-high-contrast .stpa-node[aspect="0"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
+    fill: #AD0000;
+}
+
+.vscode-high-contrast .stpa-node[aspect="1"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="1"] {
+    fill: #A85400;
+}
+
+.vscode-high-contrast .stpa-node[aspect="2"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="2"] {
+    fill: #006600;
+}
+
+.vscode-high-contrast .stpa-node[aspect="3"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="3"] {
+    fill: purple;
+}
+
+.vscode-high-contrast .stpa-node[aspect="4"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="4"] {
+    fill: #0054A8;
+}
+
+.vscode-high-contrast .stpa-node[aspect="5"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="5"] {
+    fill: #006161;
+}
+
+.vscode-high-contrast .stpa-node[aspect="6"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="6"] {
+    fill: #616100;
+}
+
+.vscode-high-contrast .stpa-node[aspect="7"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="7"] {
+    fill: #2f4f4f;
+}
+
+
+.vscode-high-contrast .stpa-edge[aspect="0"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="0"] {
+    stroke: #AD0000;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="1"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="1"] {
+    stroke: #A85400;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="2"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="2"] {
+    stroke: #006600;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="3"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="3"] {
+    stroke: purple;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="4"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="4"] {
+    stroke: #0054A8;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="5"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="5"] {
+    stroke: #006161;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="6"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="6"] {
+    stroke: #616100;
+}
+
+.vscode-high-contrast .stpa-edge[aspect="7"],
+.vscode-high-contrast .stpa-edge-arrow[aspect="7"] {
+    stroke: #2f4f4f;
+}
+
+/* Dark theme */
+.vscode-dark .stpa-node[aspect="0"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-loss-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="1"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-hazard-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="2"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-sys-constraint-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="3"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-responsibility-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="4"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-uca-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="5"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-cont-constraint-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="6"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-scenario-dark);
+    stroke-width: 2;
+}
+
+.vscode-dark .stpa-node[aspect="7"] {
+    fill: var(--dark-node);
+    stroke: var(--stpa-safety-requirement-dark);
+    stroke-width: 2;
+}
+
+
+.vscode-dark .stpa-edge-arrow[aspect="0"] {
+    fill: var(--stpa-loss-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="1"] {
+    fill: var(--stpa-hazard-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="2"] {
+    fill: var(--stpa-sys-constraint-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="3"] {
+    fill: var(--stpa-responsibility-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="4"] {
+    fill: var(--stpa-uca-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="5"] {
+    fill: var(--stpa-cont-constraint-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="6"] {
+    fill: var(--stpa-scenario-dark);
+}
+
+.vscode-dark .stpa-edge-arrow[aspect="7"] {
+    fill: var(--stpa-safety-requirement-dark);
+}
+
+
+.vscode-dark .stpa-edge[aspect="0"],
+.vscode-dark .stpa-edge-arrow[aspect="0"] {
+    stroke: var(--stpa-loss-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="1"],
+.vscode-dark .stpa-edge-arrow[aspect="1"] {
+    stroke: var(--stpa-hazard-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="2"],
+.vscode-dark .stpa-edge-arrow[aspect="2"] {
+    stroke: var(--stpa-sys-constraint-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="3"],
+.vscode-dark .stpa-edge-arrow[aspect="3"] {
+    stroke: var(--stpa-responsibility-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="4"],
+.vscode-dark .stpa-edge-arrow[aspect="4"] {
+    stroke: var(--stpa-uca-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="5"],
+.vscode-dark .stpa-edge-arrow[aspect="5"] {
+    stroke: var(--stpa-cont-constraint-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="6"],
+.vscode-dark .stpa-edge-arrow[aspect="6"] {
+    stroke: var(--stpa-scenario-dark);
+}
+
+.vscode-dark .stpa-edge[aspect="7"],
+.vscode-dark .stpa-edge-arrow[aspect="7"] {
+    stroke: var(--stpa-safety-requirement-dark);
+}
+
+/* Light theme */
+.vscode-light .stpa-node[aspect="0"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-loss-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="1"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-hazard-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="2"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-sys-constraint-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="3"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-responsibility-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="4"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-uca-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="5"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-cont-constraint-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="6"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-scenario-light);
+    stroke-width: 2;
+}
+
+.vscode-light .stpa-node[aspect="7"] {
+    fill: var(--light-node);
+    stroke: var(--stpa-safety-requirement-light);
+    stroke-width: 2;
+}
+
+
+.vscode-light .stpa-edge-arrow[aspect="0"] {
+    fill: var(--stpa-loss-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="1"] {
+    fill: var(--stpa-hazard-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="2"] {
+    fill: var(--stpa-sys-constraint-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="3"] {
+    fill: var(--stpa-responsibility-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="4"] {
+    fill: var(--stpa-uca-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="5"] {
+    fill: var(--stpa-cont-constraint-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="6"] {
+    fill: var(--stpa-scenario-light);
+}
+
+.vscode-light .stpa-edge-arrow[aspect="7"] {
+    fill: var(--stpa-safety-requirement-light);
+}
+
+
+.vscode-light .stpa-edge[aspect="0"],
+.vscode-light .stpa-edge-arrow[aspect="0"] {
+    stroke: var(--stpa-loss-light);
+}
+
+.vscode-light .stpa-edge[aspect="1"],
+.vscode-light .stpa-edge-arrow[aspect="1"] {
+    stroke: var(--stpa-hazard-light);
+}
+
+.vscode-light .stpa-edge[aspect="2"],
+.vscode-light .stpa-edge-arrow[aspect="2"] {
+    stroke: var(--stpa-sys-constraint-light);
+}
+
+.vscode-light .stpa-edge[aspect="3"],
+.vscode-light .stpa-edge-arrow[aspect="3"] {
+    stroke: var(--stpa-responsibility-light);
+}
+
+.vscode-light .stpa-edge[aspect="4"],
+.vscode-light .stpa-edge-arrow[aspect="4"] {
+    stroke: var(--stpa-uca-light);
+}
+
+.vscode-light .stpa-edge[aspect="5"],
+.vscode-light .stpa-edge-arrow[aspect="5"] {
+    stroke: var(--stpa-cont-constraint-light);
+}
+
+.vscode-light .stpa-edge[aspect="6"],
+.vscode-light .stpa-edge-arrow[aspect="6"] {
+    stroke: var(--stpa-scenario-light);
+}
+
+.vscode-light .stpa-edge[aspect="7"],
+.vscode-light .stpa-edge-arrow[aspect="7"] {
+    stroke: var(--stpa-safety-requirement-light);
+}
\ No newline at end of file
diff --git a/extension/src-diagram-snippets/css/theme.css b/extension/src-diagram-snippets/css/theme.css
index cf663b74..335f5cb6 100644
--- a/extension/src-diagram-snippets/css/theme.css
+++ b/extension/src-diagram-snippets/css/theme.css
@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-:root {
+ :root {
     /* Behavior and sizing variables */
     --stpa-transition: 200ms ease-in-out;
     --stpa-border-radius-default: 4px;
@@ -27,4 +27,38 @@
     but rather scoped to where they should be applied). Allows for finer theme control. */
     --stpa-color-sidebar-background: var(--vscode-sideBar-background);
     --stpa-color-sidebar-trigger-background: var(--vscode-sideBar-background);
+    
+    --stpa-color-sidebar-trigger-background-hover: var(--vscode-sideBar-background);
+    --stpa-color-sidebar-trigger-background-active: var(--vscode-sideBar-background);
+    --stpa-color-sidebar-hover-background: rgba(0, 0, 0, 0.15);
+    /* --stpa-color-sidebar-font-primary: hsl(0, 0%, 12%);
+    --stpa-color-sidebar-icon-primary: hsl(0, 0%, 24%);
+    --stpa-color-primary: #0552b5; */
+
+
+    /* black/white colors */
+    --dark-node: #ffffff00;
+    --light-node: white;
+    --highlight-node: #FF2828;
+
+    /* Colors for stpa aspects */
+    --stpa-loss-dark: #AD0000;
+    --stpa-hazard-dark: #A85400;
+    --stpa-sys-constraint-dark: #006600;
+    --stpa-responsibility-dark: purple;
+    --stpa-uca-dark: #0054A8;
+    --stpa-cont-constraint-dark: #006161;
+    --stpa-scenario-dark: #616100;
+    --stpa-safety-requirement-dark: #2f4f4f;
+
+    --stpa-loss-light: #FF2828;
+    --stpa-hazard-light: #ffa852;
+    --stpa-sys-constraint-light: #00eb00;
+    --stpa-responsibility-light: #ff6bff;
+    --stpa-uca-light: #66b3ff;
+    --stpa-cont-constraint-light: #00cccc;
+    --stpa-scenario-light: #cccc00;
+    --stpa-safety-requirement-light: #8fbcbc;
+
+    /* background: #feffe8 */
 }
diff --git a/extension/src-diagram-snippets/html.tsx b/extension/src-diagram-snippets/html.tsx
index b66c1475..9c7e1ccb 100644
--- a/extension/src-diagram-snippets/html.tsx
+++ b/extension/src-diagram-snippets/html.tsx
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
@@ -24,7 +24,6 @@ const placeholderForSnippetsID = 'snippetPlaceholder';
 export const textFieldID = 'snippetAddTextField';
 export const buttonID = 'snippetAddBnt';
 
-// TODO: instead of defining an input tag, a msg could be send to the extension when clicking on the button. the extension can call windows.showInputBox/createInputBox or using a QuickInput
 /**
  * PASTA panel for the activity bar.
  * Consists of a text field and button to add custom diagram snippets.
@@ -65,4 +64,4 @@ export function addSnippetsToPanel(snippets: VNode[]): void {
             });
         }
     }
-}
\ No newline at end of file
+}
diff --git a/extension/src-diagram-snippets/jsx.ts b/extension/src-diagram-snippets/jsx.ts
index d1531629..943aa016 100644
--- a/extension/src-diagram-snippets/jsx.ts
+++ b/extension/src-diagram-snippets/jsx.ts
@@ -14,6 +14,8 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
+/** needed to directly define HTML elements (see html.tsx file) */
+
 import { VNodeData, JsxVNodeChildren, JsxVNodeChild, jsx, FunctionComponent, VNode } from "snabbdom";
 
 
diff --git a/extension/src-diagram-snippets/main.ts b/extension/src-diagram-snippets/main.ts
index cb701e4d..533d5449 100644
--- a/extension/src-diagram-snippets/main.ts
+++ b/extension/src-diagram-snippets/main.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-diagram-snippets/mouseListener.ts b/extension/src-diagram-snippets/mouseListener.ts
index cb91054e..9216a2e1 100644
--- a/extension/src-diagram-snippets/mouseListener.ts
+++ b/extension/src-diagram-snippets/mouseListener.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-language-server/snippets/actions.ts b/extension/src-language-server/snippets/actions.ts
index 67988d59..86165c16 100644
--- a/extension/src-language-server/snippets/actions.ts
+++ b/extension/src-language-server/snippets/actions.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-language-server/snippets/snippet-diagram-server.ts b/extension/src-language-server/snippets/snippet-diagram-server.ts
index 074ca57b..99d6b32b 100644
--- a/extension/src-language-server/snippets/snippet-diagram-server.ts
+++ b/extension/src-language-server/snippets/snippet-diagram-server.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
@@ -131,11 +131,7 @@ export abstract class SnippetDiagramServer extends DiagramServer {
      */
     protected async parseable(snippet: LanguageSnippet): Promise<boolean> {
         const graph = await this.snippetGraphGenerator.generateSnippetRoot(snippet);
-        if (graph) {
-            return true;
-        } else {
-            return false;
-        }
+        return graph ? true : false;
     }
 
     /**
diff --git a/extension/src-language-server/snippets/snippet-model.ts b/extension/src-language-server/snippets/snippet-model.ts
index c97a6bc8..058c47db 100644
--- a/extension/src-language-server/snippets/snippet-model.ts
+++ b/extension/src-language-server/snippets/snippet-model.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index bcc156ce..ab895472 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
@@ -190,7 +190,7 @@ export class CustomCSSnippet extends STPALanguageSnippet {
     }
 
     /**
-     * Check whether the control structrue caption and graph name exists. If not, adds it to the baseCode.
+     * Check whether the control structure caption and graph name exist. If not, add them to the baseCode.
      */
     protected checkCaption(): void {
         const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index e3467239..787da486 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -15,12 +15,11 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import { AstNode, LangiumDocumentFactory, ParseResult } from "langium";
+import { AstNode, LangiumDocumentFactory } from "langium";
 import { GeneratorContext, IdCache, IdCacheImpl } from "langium-sprotty";
 import { SModelElement, SModelRoot, SNode } from "sprotty-protocol";
 import { CancellationToken } from "vscode-languageserver";
 import { URI } from 'vscode-uri';
-import { TextDocument } from "vscode-languageserver-textdocument";
 import { Model } from "../../generated/ast";
 import { LanguageSnippet, SnippetGraphGenerator } from "../../snippets/snippet-model";
 import { StpaDocumentBuilder } from "../../stpa-document-builder";
diff --git a/extension/src-webview/css/diagram.css b/extension/src-webview/css/diagram.css
index afdfae53..ab4f78df 100644
--- a/extension/src-webview/css/diagram.css
+++ b/extension/src-webview/css/diagram.css
@@ -1,3 +1,20 @@
+/*
+ * KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
+ *
+ * http://rtsys.informatik.uni-kiel.de/kieler
+ *
+ * Copyright 2023 by
+ * + Kiel University
+ *   + Department of Computer Science
+ *     + Real-Time and Embedded Systems Group
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+ 
 @import "./options.css";
 @import "./sidebar.css";
 @import "./theme.css";
diff --git a/extension/src-webview/css/sidebar.css b/extension/src-webview/css/sidebar.css
index 88416738..02b251b6 100644
--- a/extension/src-webview/css/sidebar.css
+++ b/extension/src-webview/css/sidebar.css
@@ -102,4 +102,4 @@
 
 .sidebar__toggle-button--active {
     --background: var(--stpa-color-sidebar-trigger-background-active);
-}
\ No newline at end of file
+}
diff --git a/extension/src-webview/snippets/actions.ts b/extension/src-webview/snippets/actions.ts
index 5b7228a4..ce6de516 100644
--- a/extension/src-webview/snippets/actions.ts
+++ b/extension/src-webview/snippets/actions.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
@@ -89,4 +89,4 @@ export namespace SendWebviewSnippetsAction {
     export function isThisAction(action: Action): action is SendWebviewSnippetsAction {
         return action.kind === SendWebviewSnippetsAction.KIND;
     }
-}
\ No newline at end of file
+}
diff --git a/extension/src-webview/snippets/snippet-models.ts b/extension/src-webview/snippets/snippet-models.ts
index 10aacb95..41566c04 100644
--- a/extension/src-webview/snippets/snippet-models.ts
+++ b/extension/src-webview/snippets/snippet-models.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-webview/snippets/snippet-registry.ts b/extension/src-webview/snippets/snippet-registry.ts
index ac23d6d2..7d04e4fa 100644
--- a/extension/src-webview/snippets/snippet-registry.ts
+++ b/extension/src-webview/snippets/snippet-registry.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src-webview/snippets/snippet-renderer.tsx b/extension/src-webview/snippets/snippet-renderer.tsx
index 81bf72c4..bec2de83 100644
--- a/extension/src-webview/snippets/snippet-renderer.tsx
+++ b/extension/src-webview/snippets/snippet-renderer.tsx
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
diff --git a/extension/src/actions.ts b/extension/src/actions.ts
index 734efd42..e59d875f 100644
--- a/extension/src/actions.ts
+++ b/extension/src/actions.ts
@@ -3,7 +3,7 @@
  *
  * http://rtsys.informatik.uni-kiel.de/kieler
  *
- * Copyright 2022-2023 by
+ * Copyright 2022-2024 by
  * + Kiel University
  *   + Department of Computer Science
  *     + Real-Time and Embedded Systems Group
@@ -133,4 +133,4 @@ export namespace SendDefaultSnippetsAction {
     export function isThisAction(action: Action): action is SendDefaultSnippetsAction {
         return action.kind === SendDefaultSnippetsAction.KIND;
     }
-}
\ No newline at end of file
+}
diff --git a/extension/src/diagram-snippets-webview.ts b/extension/src/diagram-snippets-webview.ts
index 887d3a65..487df0cd 100644
--- a/extension/src/diagram-snippets-webview.ts
+++ b/extension/src/diagram-snippets-webview.ts
@@ -126,4 +126,4 @@ export class DiagramSnippetWebview {
         this.webview.postMessage(message);
     }
 
-}
\ No newline at end of file
+}

From 81a9e25eab7246bb2795a81d095d1ff8bd482ca8 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Tue, 14 May 2024 12:20:18 +0200
Subject: [PATCH 70/80] fixed incorrect import

---
 .../src-diagram-snippets/css/diagram.css      |   2 -
 .../css/sprotty-vscode.css                    | 118 ------------------
 .../src-diagram-snippets/css/sprotty.css      |  95 --------------
 3 files changed, 215 deletions(-)
 delete mode 100644 extension/src-diagram-snippets/css/sprotty-vscode.css
 delete mode 100644 extension/src-diagram-snippets/css/sprotty.css

diff --git a/extension/src-diagram-snippets/css/diagram.css b/extension/src-diagram-snippets/css/diagram.css
index ab4f78df..ba4f25e1 100644
--- a/extension/src-diagram-snippets/css/diagram.css
+++ b/extension/src-diagram-snippets/css/diagram.css
@@ -19,8 +19,6 @@
 @import "./sidebar.css";
 @import "./theme.css";
 @import "./stpa-diagram.css";
-@import "./fta-diagram.css";
-@import "./context-menu.css";
 
 .header {
     text-decoration-line: underline;
diff --git a/extension/src-diagram-snippets/css/sprotty-vscode.css b/extension/src-diagram-snippets/css/sprotty-vscode.css
deleted file mode 100644
index 3b2231cf..00000000
--- a/extension/src-diagram-snippets/css/sprotty-vscode.css
+++ /dev/null
@@ -1,118 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2017-2018 TypeFox and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-
-html, body {
-    width: 100%;
-    height: 100%;
-    padding: 0px;
-}
-
-.sprotty {
-    display: flex;
-    height: 100%;
-}
-
-.sprotty-hidden {
-    height: 0px !important;
-}
-
-svg {
-    width: 100%;
-    flex: 1;
-    border-style: none;
-    border-width: 0px;
-}
-
-svg:focus {
-    border-width: 0;
-}
-
-.sprotty-status {
-    position: absolute;
-    top: 5px;
-    left: 10px;
-    display: flex;
-    align-items: center;
-}
-
-.sprotty-status .fatal {
-    color: var(--vscode-editorError-foreground)
-}
-
-.sprotty-status .error {
-    color: var(--vscode-editorError-foreground)
-}
-
-.sprotty-status .warning {
-    color: var(--vscode-editorWarning-foreground)
-}
-
-.sprotty-status .info {
-    color: var(--vscode-editorInfo-foreground)
-}
-
-.sprotty-error {
-    fill: var(--vscode-editorError-foreground);
-    color: var(--vscode-editorError-foreground);
-}
-
-.sprotty-warning {
-    fill: var(--vscode-editorWarning-foreground);
-    color: var(--vscode-editorWarning-foreground);
-}
-
-.sprotty-info {
-    fill: var(--vscode-editorInfo-foreground);
-    color: var(--vscode-editorInfo-foreground);
-}
-
-.sprotty-infoRow .fa {
-    margin-right: 8px;
-}
-
-.sprotty-status .ok {
-    visibility: hidden;
-}
-
-.sprotty-status-message {
-    visibility: hidden;
-    padding-left: 10px;
-}
-
-.sprotty-status:hover .sprotty-status-message {
-    visibility: visible;
-}
-
-.sprotty-popup {
-    position: absolute;
-    background: #FFE9BE;
-    border-radius: 0px;
-    border: none;
-    max-width: initial;
-    min-width: initial;
-    z-index: 1;
-    padding: 8px;
-}
-
-.sprotty-infoRow {
-    font-size: small;
-    margin-bottom: 8px;
-}
-
-.sprotty-infoTitle {
-    display: block;
-    font-weight: bold;
-}
diff --git a/extension/src-diagram-snippets/css/sprotty.css b/extension/src-diagram-snippets/css/sprotty.css
deleted file mode 100644
index 1a04b7fe..00000000
--- a/extension/src-diagram-snippets/css/sprotty.css
+++ /dev/null
@@ -1,95 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2017-2018 TypeFox and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-
-.sprotty {
-    padding: 0px;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-.sprotty-root {
-    position: relative;
-}
-
-.sprotty-hidden {
-    display: block;
-    position: absolute;
-    width: 0px;
-    height: 0px;
-}
-
-.sprotty-popup {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    position: absolute;
-    background: white;
-    border-radius: 5px;
-    border: 1px solid;
-    max-width: 400px;
-    min-width: 100px;
-}
-
-.sprotty-popup > div {
-    margin: 10px;
-}
-
-.sprotty-popup-closed {
-    display: none;
-}
-
-.sprotty-projection-bar.horizontal {
-    position: absolute;
-    width: 100%;
-    height: 20px;
-    left: 0;
-    bottom: 0;
-}
-
-.sprotty-projection-bar.vertical {
-    position: absolute;
-    width: 20px;
-    height: 100%;
-    right: 0;
-    top: 0;
-}
-
-.sprotty-viewport {
-    z-index: 1;
-    border-style: solid;
-    border-width: 2px;
-}
-
-.sprotty-projection-bar.horizontal .sprotty-projection,
-.sprotty-projection-bar.horizontal .sprotty-viewport {
-    position: absolute;
-    height: 100%;
-    top: 0;
-}
-
-.sprotty-projection-bar.vertical .sprotty-projection,
-.sprotty-projection-bar.vertical .sprotty-viewport {
-    position: absolute;
-    width: 100%;
-    left: 0;
-}
-
-@keyframes spin {
-	100% {
-		transform:rotate(360deg);
-	}
-}
-
-.animation-spin {
-	animation: spin 1.5s linear infinite;
-}

From b8cdc67ab2886867b93082f6920ec64532ff1804 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 15 May 2024 12:20:04 +0200
Subject: [PATCH 71/80] fix deletion of dangling edges

---
 .../stpa/diagram/diagram-generator.ts         | 22 ++++++++-----------
 extension/src/utils.ts                        |  1 -
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/extension/src-language-server/stpa/diagram/diagram-generator.ts b/extension/src-language-server/stpa/diagram/diagram-generator.ts
index 787da486..bf96a95c 100644
--- a/extension/src-language-server/stpa/diagram/diagram-generator.ts
+++ b/extension/src-language-server/stpa/diagram/diagram-generator.ts
@@ -19,7 +19,7 @@ import { AstNode, LangiumDocumentFactory } from "langium";
 import { GeneratorContext, IdCache, IdCacheImpl } from "langium-sprotty";
 import { SModelElement, SModelRoot, SNode } from "sprotty-protocol";
 import { CancellationToken } from "vscode-languageserver";
-import { URI } from 'vscode-uri';
+import { URI } from "vscode-uri";
 import { Model } from "../../generated/ast";
 import { LanguageSnippet, SnippetGraphGenerator } from "../../snippets/snippet-model";
 import { StpaDocumentBuilder } from "../../stpa-document-builder";
@@ -73,9 +73,10 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
     protected async getSnippetAST(snippet: LanguageSnippet): Promise<Model | undefined> {
         // in order for the cross-references to be correctly evaluated, a document must be build
         const uri = "file:///snippet.stpa";
-        const doc= (
-            this.services.shared.workspace.LangiumDocumentFactory as LangiumDocumentFactory
-        ).fromString<Model>(snippet.baseCode, URI.parse(uri));
+        const doc = (this.services.shared.workspace.LangiumDocumentFactory as LangiumDocumentFactory).fromString<Model>(
+            snippet.baseCode,
+            URI.parse(uri)
+        );
         await (this.services.shared.workspace.DocumentBuilder as StpaDocumentBuilder).buildDocuments(
             [doc],
             { validationChecks: "none" },
@@ -116,15 +117,10 @@ export class StpaDiagramGenerator extends SnippetGraphGenerator {
             }
             // remove dangling edges
             danglingNodes.forEach(node => {
-                // replace the arrow with an arrow followed by a whitespace (needed to determine the index in the next step)
-                const newString = snippet.baseCode.replace(/->( )*/, "-> ");
-                // index where the edge ends
-                const endIndex = newString.indexOf("-> " + node) + 3 + node.length;
-                // index where the edge starts
-                const startIndex = newString.substring(0, endIndex).lastIndexOf("[");
-                // adjust the base code of the snippet
-                snippet.baseCode =
-                    newString.substring(0, startIndex).trimEnd() + newString.substring(endIndex + 1, newString.length);
+                // regex matches the edges that have the dangling node as target
+                const regex = new RegExp(`\\[.*\\]\\s*->\\s*${node}`, "g");
+                // remove the edges from the base code
+                snippet.baseCode = snippet.baseCode.replace(regex, "");
             });
         }
     }
diff --git a/extension/src/utils.ts b/extension/src/utils.ts
index 9a5c1fb2..68961d62 100644
--- a/extension/src/utils.ts
+++ b/extension/src/utils.ts
@@ -125,7 +125,6 @@ export async function createFile(uri: string, text: string): Promise<void> {
     // insert the content
     const pos = new vscode.Position(0, 0);
     edit.insert(vscode.Uri.parse(uri), pos, text);
-    // }
     // Apply the edit. Report possible failures.
     const edited = await vscode.workspace.applyEdit(edit);
     if (!edited) {

From 8dbc82afa910bda6b35f85b84ce7171965b41450 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 15 May 2024 15:46:06 +0200
Subject: [PATCH 72/80] fix selection of inserted text of snippet

---
 extension/src/diagram-snippets-webview.ts | 6 ++++--
 extension/src/utils.ts                    | 7 +++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/extension/src/diagram-snippets-webview.ts b/extension/src/diagram-snippets-webview.ts
index 487df0cd..4e7a5a9b 100644
--- a/extension/src/diagram-snippets-webview.ts
+++ b/extension/src/diagram-snippets-webview.ts
@@ -21,6 +21,9 @@ import { StpaLspVscodeExtension } from './language-extension';
 import { acceptMessageType } from 'sprotty-vscode/lib/lsp';
 import { SendDefaultSnippetsAction } from './actions';
 
+/**
+ * Initializes the diagram snippets webview and handles messages from and to it.
+ */
 export class DiagramSnippetWebview {
 
     static viewCount = 0;
@@ -77,7 +80,7 @@ export class DiagramSnippetWebview {
         this.disposables.push(this.webview.onDidReceiveMessage(message => this.receiveFromWebview(message)));
         /* this.disposables.push(vscode.window.onDidChangeActiveTextEditor(async editor => {
             if (editor) {
-                //TODO: snippets may be needed to be updated
+                //TODO: if snippets for more than one language exist, check if the current language is supported
             }
         })); */
         await this.ready();
@@ -100,7 +103,6 @@ export class DiagramSnippetWebview {
             this.resolveWebviewReady();
             this.sendDiagramIdentifier();
 
-            // TODO: guarantee that sprotty webview exist
             if (this.extension.clientId) {
                 // send the snippets saved in the config file to the language server, 
                 // which will send the rendered snippets back to the diagram snippets webview
diff --git a/extension/src/utils.ts b/extension/src/utils.ts
index 68961d62..07401669 100644
--- a/extension/src/utils.ts
+++ b/extension/src/utils.ts
@@ -59,8 +59,11 @@ export async function handleWorkSpaceEdit(uri: string, text: string, position: v
 
     const activeEditor = vscode.window.activeTextEditor;
     if (activeEditor) {
-        // TODO: endPos is not completly correct. maybe \n must be counted too?
-        const endPos = textDocument.positionAt(textDocument.offsetAt(position) + text.length);
+        // count the line breaks to determine the end position
+        const lineBreaks = text.match(/\n/g);
+        const lines = lineBreaks ? lineBreaks.length : 1;
+        const endPos = { line: position.line + lines, character: 0} as vscode.Position;
+        // select and reveal the inserted text
         activeEditor.selections = [new vscode.Selection(position, endPos)];
         activeEditor.revealRange(new vscode.Range(position, endPos));
     }

From 773ec7eb0168e48e08a7b0be361eb73df02b1798 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 15 May 2024 16:38:05 +0200
Subject: [PATCH 73/80] default snippets are provided in a json file

---
 .../snippets/default-stpa-snippets.json       |  14 ++
 .../snippets/stpa-snippets.ts                 | 204 ++----------------
 extension/tsconfig.json                       |   1 +
 3 files changed, 28 insertions(+), 191 deletions(-)
 create mode 100644 extension/src-language-server/snippets/default-stpa-snippets.json

diff --git a/extension/src-language-server/snippets/default-stpa-snippets.json b/extension/src-language-server/snippets/default-stpa-snippets.json
new file mode 100644
index 00000000..30ceb1c1
--- /dev/null
+++ b/extension/src-language-server/snippets/default-stpa-snippets.json
@@ -0,0 +1,14 @@
+{
+    "snippets": [
+        {"name": "simpleCSSnippet",
+        "code": "\nControlStructure\nCS {\n    Controller {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 1\n        feedback {\n            [fb \"feedback\"] -> Controller\n        }\n    }\n}\n"},
+        {"name": "simpleCSWithAcsSnippet",
+        "code": "\nControlStructure\nCS {\n    Controller {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> Actuator\n        }\n    }\n    Actuator {\n        hierarchyLevel 1\n        controlActions {\n            [caAc \"control action\"] -> ControlledProcess\n        }\n    }\n    Sensor {\n        hierarchyLevel 1\n        feedback {\n            [fbS \"feedback\"] -> Controller\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 2\n        feedback {\n            [fb \"feedback\"] -> Sensor\n        }\n    }\n}\n"},
+        {"name": "consControllerSnippet",
+        "code": "\nControlStructure\nCS {\n    ControllerA {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> ControllerB\n        }\n    }\n    ControllerB {\n        hierarchyLevel 1\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n        feedback {\n            [fb \"feedback\"] -> ControllerA\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 2\n        feedback {\n            [fb \"feedback\"] -> ControllerB\n        }\n    }\n}\n"},
+        {"name": "parallelContsSnippet",
+        "code": "\nControlStructure\nCS {\n    ControllerA {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n    }\n    ControllerB {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 1\n        feedback {\n            [fbA \"feedback\"] -> ControllerA\n            [fbB \"feedback\"] -> ControllerB\n        }\n    }\n}\n"},
+        {"name": "consContsWithLoopSnippet",
+        "code": "\nControlStructure\nCS {\n    ControllerA {\n        hierarchyLevel 0\n        controlActions {\n            [caC \"control action\"] -> ControlledProcess\n            [caB \"control action\"] -> ControllerB\n        }\n    }\n    ControllerB {\n        hierarchyLevel 1\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n        feedback {\n            [fb \"feedback\"] -> ControllerA\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 2\n        feedback {\n            [fbA \"feedback\"] -> ControllerA\n            [fbB \"feedback\"] -> ControllerB\n        }\n    }\n}\n"}
+    ]
+}
\ No newline at end of file
diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index ab895472..5e10d382 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -20,6 +20,7 @@ import { Position } from "vscode-languageserver";
 import { TextDocument } from "vscode-languageserver-textdocument";
 import { URI } from "vscode-uri";
 import { LanguageSnippet } from "./snippet-model";
+import * as defaultSnippets from "./default-stpa-snippets.json";
 
 /**
  * Class that handles snippets for the STPA diagram.
@@ -41,13 +42,11 @@ export class StpaDiagramSnippets {
      * @returns a list with the default snippets.
      */
     protected generateDefaultSnippets(): LanguageSnippet[] {
-        return [
-            new SimpleCSSnippet(this.langiumDocuments, "T0"),
-            new SimpleCSWithAcsSnippet(this.langiumDocuments, "T1"),
-            new ConsControllersSnippet(this.langiumDocuments, "T3"),
-            new ParallelContsSnippet(this.langiumDocuments, "T4"),
-            new ConsContsWithLoopSnippet(this.langiumDocuments, "T5"),
-        ];
+        const list: LanguageSnippet[] = [];
+        defaultSnippets.snippets.forEach((snippet: {name: string, code: string}) => {
+            list.push(new CustomCSSnippet(this.langiumDocuments, snippet.code, snippet.name));
+        });
+        return list;
     }
 
     /**
@@ -58,7 +57,7 @@ export class StpaDiagramSnippets {
     createSnippet(text: string): LanguageSnippet {
         // TODO: currently only control structure
         this.customSnippetsNumber++;
-        return new CustomCSSnippet(this.langiumDocuments, text, "CS" + this.customSnippetsNumber, text);
+        return new CustomCSSnippet(this.langiumDocuments, text, "CS" + this.customSnippetsNumber);
     }
 
     /**
@@ -107,7 +106,7 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
 }
 // TODO: maybe need adjustments since CS can be nested now
 /**
- * Adds {@code id} to the control structure node names in {@code text}.
+ * Adds {@code id} to the control structure node names in {@code text} to avoid name clashes.
  * @param text The control structure text.
  * @param id The id to append.
  * @returns The modified text.
@@ -161,10 +160,11 @@ export class STPALanguageSnippet implements LanguageSnippet {
     /** The base code of the snippet. Always starts with the header of the corresponding aspect. */
     baseCode: string;
 
-    constructor(documents: LangiumDocuments, id: string, shortId?: string) {
+    constructor(documents: LangiumDocuments, code: string, id: string) {
         this.documents = documents;
         this.id = id;
-        this.shortId = shortId;
+        this.insertText = code.trim();
+        this.baseCode = code.trim();
     }
 
     getPosition(uri: string): Position {
@@ -182,10 +182,8 @@ export class STPALanguageSnippet implements LanguageSnippet {
  * Custom stpa snippet for the control structure.
  */
 export class CustomCSSnippet extends STPALanguageSnippet {
-    constructor(documents: LangiumDocuments, insertText: string, id: string, baseCode: string) {
-        super(documents, id);
-        this.insertText = insertText.trim();
-        this.baseCode = baseCode.trim();
+    constructor(documents: LangiumDocuments, code: string, id: string) {
+        super(documents, code, id);
         this.checkCaption();
     }
 
@@ -204,179 +202,3 @@ export class CustomCSSnippet extends STPALanguageSnippet {
         }
     }
 }
-
-/**
- * Snippet for a control structure with one controller and one controlled process.
- */
-export class SimpleCSSnippet extends STPALanguageSnippet {
-    constructor(documents: LangiumDocuments, shortId?: string) {
-        super(documents, "simpleCSSnippet", shortId);
-        this.baseCode = `
-ControlStructure
-CS {
-    Controller {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControlledProcess
-        }
-    }
-    ControlledProcess {
-        hierarchyLevel 1
-        feedback {
-            [fb "feedback"] -> Controller
-        }
-    }
-}
-`;
-        this.insertText = this.baseCode;
-    }
-}
-
-/**
- * Snippet for a control structure with one controller, one controlled process, one actuator, and one sensor.
- */
-export class SimpleCSWithAcsSnippet extends STPALanguageSnippet {
-    constructor(documents: LangiumDocuments, shortId?: string) {
-        super(documents, "simpleCSWithAcsSnippet", shortId);
-        this.baseCode = `
-ControlStructure
-CS {
-    Controller {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> Actuator
-        }
-    }
-    Actuator {
-        hierarchyLevel 1
-        controlActions {
-            [caAc "control action"] -> ControlledProcess
-        }
-    }
-    Sensor {
-        hierarchyLevel 1
-        feedback {
-            [fbS "feedback"] -> Controller
-        }
-    }
-    ControlledProcess {
-        hierarchyLevel 2
-        feedback {
-            [fb "feedback"] -> Sensor
-        }
-    }
-}
-`;
-        this.insertText = this.baseCode;
-    }
-}
-
-/**
- * Snippet for a control structure with two consecutive controllers and one controlled process.
- */
-export class ConsControllersSnippet extends STPALanguageSnippet {
-    constructor(documents: LangiumDocuments, shortId?: string) {
-        super(documents, "consControllerSnippet", shortId);
-        this.baseCode = `
-ControlStructure
-CS {
-    ControllerA {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControllerB
-        }
-    }
-    ControllerB {
-        hierarchyLevel 1
-        controlActions {
-            [ca "control action"] -> ControlledProcess
-        }
-        feedback {
-            [fb "feedback"] -> ControllerA
-        }
-    }
-    ControlledProcess {
-        hierarchyLevel 2
-        feedback {
-            [fb "feedback"] -> ControllerB
-        }
-    }
-}
-`;
-        this.insertText = this.baseCode;
-    }
-}
-
-/**
- * Snippet for a control structure with two parallel controllers and one controlled process.
- */
-export class ParallelContsSnippet extends STPALanguageSnippet {
-    constructor(documents: LangiumDocuments, shortId?: string) {
-        super(documents, "parallelContsSnippet", shortId);
-        this.baseCode =
-            `
-ControlStructure
-CS {
-    ControllerA {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControlledProcess
-        }
-    }
-    ControllerB {
-        hierarchyLevel 0
-        controlActions {
-            [ca "control action"] -> ControlledProcess
-        }
-    }
-    ControlledProcess {
-        hierarchyLevel 1
-        feedback {
-            [fbA "feedback"] -> ControllerA
-            [fbB "feedback"] -> ControllerB
-        }
-    }
-}
-`;
-        this.insertText = this.baseCode;
-    }
-}
-
-/**
- * Snippet for a control structure with two consecutive controllers, one controlled process.
- */
-export class ConsContsWithLoopSnippet extends STPALanguageSnippet {
-    constructor(documents: LangiumDocuments, shortId?: string) {
-        super(documents, "consContsWithLoopSnippet", shortId);
-        this.baseCode =
-            `
-ControlStructure
-CS {
-    ControllerA {
-        hierarchyLevel 0
-        controlActions {
-            [caC "control action"] -> ControlledProcess
-            [caB "control action"] -> ControllerB
-        }
-    }
-    ControllerB {
-        hierarchyLevel 1
-        controlActions {
-            [ca "control action"] -> ControlledProcess
-        }
-        feedback {
-            [fb "feedback"] -> ControllerA
-        }
-    }
-    ControlledProcess {
-        hierarchyLevel 2
-        feedback {
-            [fbA "feedback"] -> ControllerA
-            [fbB "feedback"] -> ControllerB
-        }
-    }
-}
-`;
-        this.insertText = this.baseCode;
-    }
-}
diff --git a/extension/tsconfig.json b/extension/tsconfig.json
index f507d00d..90f71e3a 100644
--- a/extension/tsconfig.json
+++ b/extension/tsconfig.json
@@ -9,6 +9,7 @@
       "sourceMap": true,
       "rootDir": "src",
       "strict": true, // enable all strict type-checking options
+      "resolveJsonModule": true, // Allow importing JSON files
       /* Additional Checks */
       "strictPropertyInitialization": false, // No need to initialize every variable
       "declaration": false,

From 3b30c73d82efa2ee3f706a73a66c2de33b691636 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Thu, 16 May 2024 11:48:54 +0200
Subject: [PATCH 74/80] fix adding of snippets - graph name is correclty added

---
 .../src-language-server/snippets/stpa-snippets.ts      | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index 5e10d382..6237a59a 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -191,10 +191,12 @@ export class CustomCSSnippet extends STPALanguageSnippet {
      * Check whether the control structure caption and graph name exist. If not, add them to the baseCode.
      */
     protected checkCaption(): void {
-        const splits = this.baseCode.split(/[^a-zA-Z0-9\{\}]/);
-        const words = splits.filter(child => child !== "");
-        if (words[0] !== "ControlStructure") {
-            if (isKeyWord(words[2]) || (words[2] === "}" && words.length > 3)) {
+        const regex = /[\{\}a-zA-Z0-9_]*/g;
+        const splits = this.baseCode.match(regex);
+        // "{" and "}" get separated from the other words
+        const words = splits?.map(s => s.split(/([\{\}])/g)).flat().filter(child => child !== "");
+        if (words && words.length >= 1 && words[0] !== "ControlStructure") {
+            if (words.length >= 3 && (isKeyWord(words[2]) || words[2] === "}")) {
                 this.baseCode = "ControlStructure\r\nCS {\r\n" + this.baseCode + "\r\n}";
             } else {
                 this.baseCode = "ControlStructure\r\n" + this.baseCode;

From c5e45c4cc4ebc36bda5d2a416e97e2b91e36f4f3 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Thu, 16 May 2024 11:49:16 +0200
Subject: [PATCH 75/80] formatting

---
 extension/src-language-server/snippets/stpa-snippets.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index 6237a59a..72ac5c0c 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -43,7 +43,7 @@ export class StpaDiagramSnippets {
      */
     protected generateDefaultSnippets(): LanguageSnippet[] {
         const list: LanguageSnippet[] = [];
-        defaultSnippets.snippets.forEach((snippet: {name: string, code: string}) => {
+        defaultSnippets.snippets.forEach((snippet: { name: string; code: string }) => {
             list.push(new CustomCSSnippet(this.langiumDocuments, snippet.code, snippet.name));
         });
         return list;
@@ -194,7 +194,10 @@ export class CustomCSSnippet extends STPALanguageSnippet {
         const regex = /[\{\}a-zA-Z0-9_]*/g;
         const splits = this.baseCode.match(regex);
         // "{" and "}" get separated from the other words
-        const words = splits?.map(s => s.split(/([\{\}])/g)).flat().filter(child => child !== "");
+        const words = splits
+            ?.map(s => s.split(/([\{\}])/g))
+            .flat()
+            .filter(child => child !== "");
         if (words && words.length >= 1 && words[0] !== "ControlStructure") {
             if (words.length >= 3 && (isKeyWord(words[2]) || words[2] === "}")) {
                 this.baseCode = "ControlStructure\r\nCS {\r\n" + this.baseCode + "\r\n}";

From ac42c0f5c375209bc6003683d8ea315634a5d0c7 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Thu, 16 May 2024 16:50:26 +0200
Subject: [PATCH 76/80] improved calculation of unique names for nodes in
 snippets

---
 .../snippets/stpa-snippets.ts                 | 37 +++++++++----------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index 72ac5c0c..68721324 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -77,7 +77,6 @@ export class StpaDiagramSnippets {
  */
 function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippet): Position {
     const docText = document.getText();
-
     // determine range of already existing definition of control structure
     const titleIndex = docText.indexOf("ControlStructure");
     const startIndex = titleIndex !== -1 ? titleIndex : 0;
@@ -108,12 +107,12 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
 /**
  * Adds {@code id} to the control structure node names in {@code text} to avoid name clashes.
  * @param text The control structure text.
- * @param id The id to append.
+ * @param document The document in which the text should be inserted.
  * @returns The modified text.
  */
-function addNodeIDs(text: string, id: string): string {
+function addNodeIDs(text: string, document: TextDocument): string {
     const splits = text.split(/[^a-zA-Z0-9\{\}]/);
-    // collect node names
+    // collect node names in the given text
     const names: string[] = [];
     for (let i = 3; i < splits.length; i++) {
         if (splits[i] === "{" && !isKeyWord(splits[i - 1])) {
@@ -121,11 +120,19 @@ function addNodeIDs(text: string, id: string): string {
         }
     }
 
-    // append ID to node names
-    for (const name of names) {
-        const regex = new RegExp(name, "g");
-        text = text.replace(regex, name + id);
-    }
+    const docText = document.getText();
+    // adjust the node names to be unique
+    names.forEach(name => {
+        // collect existing IDs starting with the node name
+        const existingIDsRegex = new RegExp(`${name}_[0-9]*`, "g");
+        // set is needed to avoid duplicates in the existing IDs
+        const existingIDs = new Set(docText.match(existingIDsRegex));
+        // replace the node name with the adjusted name,
+        // which consists of the name, "_", and a number depending on the number of already existing IDs
+        const nameRegex = new RegExp(name, "g");
+        text = text.replace(nameRegex, `${name}_${existingIDs?.size ?? 0}`);
+    });
+
     return text;
 }
 
@@ -148,15 +155,11 @@ function isKeyWord(text: string): boolean {
  * Snippet language definition for STPA.
  */
 export class STPALanguageSnippet implements LanguageSnippet {
-    /** The text that should be inserted when clicking on the snippet */
+    /** The text that should be inserted when clicking on the snippet. Contains unique names. */
     insertText: string;
     documents: LangiumDocuments;
     /** The id of the snippet */
     id: string;
-    /** Counts how many times the snippet was added already  */
-    protected counter: number = 0;
-    /** A shorter ID used when executing the snippet */
-    protected shortId: string | undefined;
     /** The base code of the snippet. Always starts with the header of the corresponding aspect. */
     baseCode: string;
 
@@ -168,12 +171,8 @@ export class STPALanguageSnippet implements LanguageSnippet {
     }
 
     getPosition(uri: string): Position {
-        this.insertText = addNodeIDs(
-            this.baseCode,
-            this.shortId ? this.shortId + this.counter : this.id + this.counter
-        );
-        this.counter++;
         const document = this.documents.getOrCreateDocument(URI.parse(uri)).textDocument;
+        this.insertText = addNodeIDs(this.baseCode, document);
         return getPositionForCSSnippet(document, this);
     }
 }

From fd7a78161c138084e72297bf8e6ccc6f4c325039 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Thu, 16 May 2024 16:53:18 +0200
Subject: [PATCH 77/80] fixed reveal range when inserting snippet

---
 extension/src/utils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/extension/src/utils.ts b/extension/src/utils.ts
index 07401669..eecc8b78 100644
--- a/extension/src/utils.ts
+++ b/extension/src/utils.ts
@@ -55,7 +55,7 @@ export async function handleWorkSpaceEdit(uri: string, text: string, position: v
     }
 
     const edits: vscode.TextEdit[] = [vscode.TextEdit.insert(position, text)];
-    applyTextEdits(edits, uri);
+    await applyTextEdits(edits, uri);
 
     const activeEditor = vscode.window.activeTextEditor;
     if (activeEditor) {

From dd304e76106a42edc5f023fcde714b85dc69f7a3 Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Thu, 16 May 2024 17:53:27 +0200
Subject: [PATCH 78/80] improve calculation of unique node IDs for snippets

---
 .../snippets/stpa-snippets.ts                 | 40 +++++++++++++------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/extension/src-language-server/snippets/stpa-snippets.ts b/extension/src-language-server/snippets/stpa-snippets.ts
index 68721324..1f74bcaf 100644
--- a/extension/src-language-server/snippets/stpa-snippets.ts
+++ b/extension/src-language-server/snippets/stpa-snippets.ts
@@ -103,7 +103,7 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
         }
     }
 }
-// TODO: maybe need adjustments since CS can be nested now
+
 /**
  * Adds {@code id} to the control structure node names in {@code text} to avoid name clashes.
  * @param text The control structure text.
@@ -111,12 +111,14 @@ function getPositionForCSSnippet(document: TextDocument, snippet: LanguageSnippe
  * @returns The modified text.
  */
 function addNodeIDs(text: string, document: TextDocument): string {
-    const splits = text.split(/[^a-zA-Z0-9\{\}]/);
-    // collect node names in the given text
+    // collect the node names in the given text
+    const words = getWords(text);
     const names: string[] = [];
-    for (let i = 3; i < splits.length; i++) {
-        if (splits[i] === "{" && !isKeyWord(splits[i - 1])) {
-            names.push(splits[i - 1]);
+    if (words) {
+        for (let i = 3; i < words.length; i++) {
+            if (words[i] === "{" && !isKeyWord(words[i - 1])) {
+                names.push(words[i - 1]);
+            }
         }
     }
 
@@ -151,6 +153,23 @@ function isKeyWord(text: string): boolean {
     );
 }
 
+/**
+ * Collects the words of the given {@code text}.
+ * @param text The text to collect the words from.
+ * @returns the words of the given {@code text}.
+ */
+function getWords(text: string): string[] {
+    const regex = /[\{\}a-zA-Z0-9_]*/g;
+    const splits = text.match(regex);
+    // in "splits "{" and "}" are not separated from the other words if no whitespace is used before them
+    // so this need to be split again
+    const words = splits
+        ?.map(s => s.split(/([\{\}])/g))
+        .flat()
+        .filter(child => child !== "");
+    return words ?? [];
+}
+
 /**
  * Snippet language definition for STPA.
  */
@@ -190,13 +209,8 @@ export class CustomCSSnippet extends STPALanguageSnippet {
      * Check whether the control structure caption and graph name exist. If not, add them to the baseCode.
      */
     protected checkCaption(): void {
-        const regex = /[\{\}a-zA-Z0-9_]*/g;
-        const splits = this.baseCode.match(regex);
-        // "{" and "}" get separated from the other words
-        const words = splits
-            ?.map(s => s.split(/([\{\}])/g))
-            .flat()
-            .filter(child => child !== "");
+        const words = getWords(this.baseCode);
+        // check whether the caption and graph name exist, add them if not
         if (words && words.length >= 1 && words[0] !== "ControlStructure") {
             if (words.length >= 3 && (isKeyWord(words[2]) || words[2] === "}")) {
                 this.baseCode = "ControlStructure\r\nCS {\r\n" + this.baseCode + "\r\n}";

From 22516d8436bc4d77387755b93ff46953c3e7e3db Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 22 May 2024 15:43:08 +0200
Subject: [PATCH 79/80] added default snippet for CS with children

---
 .../src-language-server/snippets/default-stpa-snippets.json   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/extension/src-language-server/snippets/default-stpa-snippets.json b/extension/src-language-server/snippets/default-stpa-snippets.json
index 30ceb1c1..1620c4fe 100644
--- a/extension/src-language-server/snippets/default-stpa-snippets.json
+++ b/extension/src-language-server/snippets/default-stpa-snippets.json
@@ -9,6 +9,8 @@
         {"name": "parallelContsSnippet",
         "code": "\nControlStructure\nCS {\n    ControllerA {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n    }\n    ControllerB {\n        hierarchyLevel 0\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 1\n        feedback {\n            [fbA \"feedback\"] -> ControllerA\n            [fbB \"feedback\"] -> ControllerB\n        }\n    }\n}\n"},
         {"name": "consContsWithLoopSnippet",
-        "code": "\nControlStructure\nCS {\n    ControllerA {\n        hierarchyLevel 0\n        controlActions {\n            [caC \"control action\"] -> ControlledProcess\n            [caB \"control action\"] -> ControllerB\n        }\n    }\n    ControllerB {\n        hierarchyLevel 1\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n        feedback {\n            [fb \"feedback\"] -> ControllerA\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 2\n        feedback {\n            [fbA \"feedback\"] -> ControllerA\n            [fbB \"feedback\"] -> ControllerB\n        }\n    }\n}\n"}
+        "code": "\nControlStructure\nCS {\n    ControllerA {\n        hierarchyLevel 0\n        controlActions {\n            [caC \"control action\"] -> ControlledProcess\n            [caB \"control action\"] -> ControllerB\n        }\n    }\n    ControllerB {\n        hierarchyLevel 1\n        controlActions {\n            [ca \"control action\"] -> ControlledProcess\n        }\n        feedback {\n            [fb \"feedback\"] -> ControllerA\n        }\n    }\n    ControlledProcess {\n        hierarchyLevel 2\n        feedback {\n            [fbA \"feedback\"] -> ControllerA\n            [fbB \"feedback\"] -> ControllerB\n        }\n    }\n}\n"},
+        {"name": "CSWithSubComponents",
+        "code": "ControlStructure\n        Aircraft {\n            ControllerA {\n                hierarchyLevel 0\n                controlActions {\n                    [ca \"control action\"] -> ControllerB1\n                }\n            }\n            ControllerB {\n                hierarchyLevel 1\n                ControllerB1 {\n                    controlActions {\n                        [ca \"control action\"] -> ControllerB2\n                    }\n                    feedback {\n                        [fb \"feedback\"] -> ControllerA\n                    }\n                }\n                ControllerB2 {\n                    controlActions {\n                        [ca \"control action\"] -> ControlledProcess\n                    }\n                    feedback {\n                        [fb \"feedback\"] -> ControllerB1\n                    }\n                }\n            }\n            ControlledProcess {\n                hierarchyLevel 2\n                feedback {\n                    [fb \"feedback\"] -> ControllerB2\n                }\n            }\n        }"}
     ]
 }
\ No newline at end of file

From c84e248db69678ed12fad875f87110a8005a690f Mon Sep 17 00:00:00 2001
From: Jette Petzold <jep@informatik.uni-kiel.de>
Date: Wed, 22 May 2024 15:52:53 +0200
Subject: [PATCH 80/80] fixed missing newlines

---
 extension/src-diagram-snippets/css/diagram.css                  | 2 +-
 extension/src-diagram-snippets/css/stpa-diagram.css             | 2 +-
 .../src-language-server/snippets/default-stpa-snippets.json     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/extension/src-diagram-snippets/css/diagram.css b/extension/src-diagram-snippets/css/diagram.css
index ba4f25e1..47bb58b5 100644
--- a/extension/src-diagram-snippets/css/diagram.css
+++ b/extension/src-diagram-snippets/css/diagram.css
@@ -154,4 +154,4 @@ body[class='vscode-light'] .sprotty-edge-arrow {
 .sprotty-hidden {
     width: 0px;
     height: 0px;
-}
\ No newline at end of file
+}
diff --git a/extension/src-diagram-snippets/css/stpa-diagram.css b/extension/src-diagram-snippets/css/stpa-diagram.css
index 6512724e..5b3b44e2 100644
--- a/extension/src-diagram-snippets/css/stpa-diagram.css
+++ b/extension/src-diagram-snippets/css/stpa-diagram.css
@@ -352,4 +352,4 @@
 .vscode-light .stpa-edge[aspect="7"],
 .vscode-light .stpa-edge-arrow[aspect="7"] {
     stroke: var(--stpa-safety-requirement-light);
-}
\ No newline at end of file
+}
diff --git a/extension/src-language-server/snippets/default-stpa-snippets.json b/extension/src-language-server/snippets/default-stpa-snippets.json
index 1620c4fe..7c3a7986 100644
--- a/extension/src-language-server/snippets/default-stpa-snippets.json
+++ b/extension/src-language-server/snippets/default-stpa-snippets.json
@@ -13,4 +13,4 @@
         {"name": "CSWithSubComponents",
         "code": "ControlStructure\n        Aircraft {\n            ControllerA {\n                hierarchyLevel 0\n                controlActions {\n                    [ca \"control action\"] -> ControllerB1\n                }\n            }\n            ControllerB {\n                hierarchyLevel 1\n                ControllerB1 {\n                    controlActions {\n                        [ca \"control action\"] -> ControllerB2\n                    }\n                    feedback {\n                        [fb \"feedback\"] -> ControllerA\n                    }\n                }\n                ControllerB2 {\n                    controlActions {\n                        [ca \"control action\"] -> ControlledProcess\n                    }\n                    feedback {\n                        [fb \"feedback\"] -> ControllerB1\n                    }\n                }\n            }\n            ControlledProcess {\n                hierarchyLevel 2\n                feedback {\n                    [fb \"feedback\"] -> ControllerB2\n                }\n            }\n        }"}
     ]
-}
\ No newline at end of file
+}