@anglr/dynamic 1.0.0-beta.20220908034111 → 1.0.0-beta.20220908092437

package/basic-components/src/dynamicItems/index.d.ts

@@ -14,5 +14,6 @@ export * from './stackPanel';
 export * from './templateBlock';
 export * from './textBlock';
 export * from './toggleButton';
+export * from './transformData';
 export * from './value';
 //# sourceMappingURL=index.d.ts.map

package/basic-components/src/dynamicItems/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/basic-components/src/dynamicItems/transformData/index.d.ts

@@ -0,0 +1,3 @@
+export * from './transformData.interface';
+export * from './transformData.options';
+//# sourceMappingURL=index.d.ts.map

package/basic-components/src/dynamicItems/transformData/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

package/basic-components/src/dynamicItems/transformData/metadata/transformData.relationsMetadata.d.ts

@@ -0,0 +1,17 @@
+import { Type } from '@angular/core';
+import { RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode } from '@anglr/dynamic/relations-editor';
+/**
+ * Transform data relations metadata
+ */
+export declare class TransformDataRelationsEditorMetadata implements RelationsEditorMetadataDescriptor {
+    /**
+     * @inheritdoc
+     */
+    metaInfo?: RelationsEditorMetadataInfo;
+    /**
+     * @inheritdoc
+     */
+    nodeDefinition: Type<RelationsNode>;
+    constructor();
+}
+//# sourceMappingURL=transformData.relationsMetadata.d.ts.map

package/basic-components/src/dynamicItems/transformData/metadata/transformData.relationsMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.relationsMetadata.d.ts","sourceRoot":"","sources":["transformData.relationsMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,iCAAiC,EAAE,2BAA2B,EAAE,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAI9H;;GAEG;AACH,qBAAa,oCAAqC,YAAW,iCAAiC;IAI1F;;OAEG;IACI,QAAQ,CAAC,EAAE,2BAA2B,CAK3C;IAEF;;OAEG;IACI,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,CAAgC;;CAO7E"}

package/basic-components/src/dynamicItems/transformData/node/transformDataNode.component.d.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { RelationsNode, RelationsNodeBase } from '@anglr/dynamic/relations-editor';
+import { TitledDialogService } from '@anglr/common/material';
+import { TransformDataRelationsEditorOptions, TransformDataRelationsOptions } from '../transformData.options';
+import * as i0 from "@angular/core";
+/**
+ * Relations node component for transform data
+ */
+export declare class TransformDataNodeSAComponent extends RelationsNodeBase<TransformDataRelationsOptions, TransformDataRelationsEditorOptions> implements RelationsNode<TransformDataRelationsOptions, TransformDataRelationsEditorOptions> {
+    protected dialog: TitledDialogService;
+    constructor(changeDetector: ChangeDetectorRef, element: ElementRef<HTMLElement>, dialog: TitledDialogService);
+    /**
+     * Shows code editor
+     */
+    protected showCodeEditor(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformDataNodeSAComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransformDataNodeSAComponent, "transform-data-node", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=transformDataNode.component.d.ts.map

package/basic-components/src/dynamicItems/transformData/node/transformDataNode.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformDataNode.component.d.ts","sourceRoot":"","sources":["transformDataNode.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAA8F,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAK3D,OAAO,EAAC,mCAAmC,EAAE,6BAA6B,EAAC,MAAM,0BAA0B,CAAC;;AAI5G;;GAEG;AACH,qBAaa,4BAA6B,SAAQ,iBAAiB,CAAC,6BAA6B,EAAE,mCAAmC,CAAE,YAAW,aAAa,CAAC,6BAA6B,EAAE,mCAAmC,CAAC;IAKpN,SAAS,CAAC,MAAM,EAAE,mBAAmB;gBAFrC,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACtB,MAAM,EAAE,mBAAmB;IAOjD;;OAEG;cACa,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;yCAftC,4BAA4B;2CAA5B,4BAA4B;CAsDxC"}

package/basic-components/src/dynamicItems/transformData/node/transformDataNode.component.html

@@ -0,0 +1,23 @@
+<relations-node-header [parent]="this" [destroySubject]="destroySubject" name="transform code"></relations-node-header>
+
+<div class="node-content">
+    <div class="inputs-outputs">
+        <div class="inputs">
+            <div class="input">
+                <relation-node-input [parentCoordiantes]="nodePosition" [zoomLevel]="zoomLevel" name="data" [parent]="this"></relation-node-input>
+                <div>data</div>
+            </div>
+        </div>
+
+        <div class="outputs">
+            <div class="output">
+                <div>transformed data</div>
+                <relation-node-output [parentCoordiantes]="nodePosition" [zoomLevel]="zoomLevel" name="transformedData" [parent]="this"></relation-node-output>
+            </div>
+        </div>
+    </div>
+
+    <button type="button" class="btn btn-primary" (click)="showCodeEditor()">
+        <span>edit</span>
+    </button>
+</div>

package/basic-components/src/dynamicItems/transformData/transformData.interface.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Represents class that supports data transformation
+ */
+export interface TransformData<TData = any, TResult = any> {
+    /**
+     * Transforms data to another form of data
+     * @param data - Data to be transformed
+     */
+    transformData(data: TData): TResult;
+}
+//# sourceMappingURL=transformData.interface.d.ts.map

package/basic-components/src/dynamicItems/transformData/transformData.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.interface.d.ts","sourceRoot":"","sources":["transformData.interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG;IAErD;;;OAGG;IACH,aAAa,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;CACvC"}

package/basic-components/src/dynamicItems/transformData/transformData.metadata.d.ts

@@ -0,0 +1,7 @@
+import { DynamicMetadataLoader } from '@anglr/dynamic';
+import { RelationsEditorMetadataDescriptor } from '@anglr/dynamic/relations-editor';
+/**
+ * Transform data relations metadata loader
+ */
+export declare const TransformDataRelationsMetadataLoader: DynamicMetadataLoader<RelationsEditorMetadataDescriptor>;
+//# sourceMappingURL=transformData.metadata.d.ts.map

package/basic-components/src/dynamicItems/transformData/transformData.metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.metadata.d.ts","sourceRoot":"","sources":["transformData.metadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,iCAAiC,EAAC,MAAM,iCAAiC,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,oCAAoC,EAAE,qBAAqB,CAAC,iCAAiC,CAAuH,CAAC"}

package/basic-components/src/dynamicItems/transformData/transformData.options.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Options for transform data relations
+ */
+export interface TransformDataRelationsOptions {
+    /**
+     * Code that should be executed for data transformation
+     */
+    code: string;
+}
+/**
+ * Options for transform data relations
+ */
+export interface TransformDataRelationsEditorOptions {
+    /**
+     * Contents of code editor that is being compiled
+     */
+    content: string;
+}
+//# sourceMappingURL=transformData.options.d.ts.map

package/basic-components/src/dynamicItems/transformData/transformData.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.options.d.ts","sourceRoot":"","sources":["transformData.options.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAE1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAEhD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACnB"}

package/basic-components/src/dynamicItems/transformData/transformData.relations.d.ts

@@ -0,0 +1,21 @@
+import { RelationsComponent } from '@anglr/dynamic/relations';
+import { TransformDataRelationsOptions } from './transformData.options';
+/**
+ * Transform data relations component
+ */
+export declare class TransformDataRelations implements RelationsComponent<TransformDataRelationsOptions> {
+    /**
+     * Options used in this relations component
+     */
+    protected ɵRelationsOptions: TransformDataRelationsOptions | undefined | null;
+    /**
+     * @inheritdoc
+     */
+    get relationsOptions(): TransformDataRelationsOptions | undefined | null;
+    set relationsOptions(value: TransformDataRelationsOptions | undefined | null);
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals(): void;
+}
+//# sourceMappingURL=transformData.relations.d.ts.map

package/basic-components/src/dynamicItems/transformData/transformData.relations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.relations.d.ts","sourceRoot":"","sources":["transformData.relations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAIpF,OAAO,EAAC,6BAA6B,EAAC,MAAM,yBAAyB,CAAC;AAEtE;;GAEG;AACH,qBAEa,sBAAuB,YAAW,kBAAkB,CAAC,6BAA6B,CAAC;IAI5F;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,6BAA6B,GAAC,SAAS,GAAC,IAAI,CAAC;IAI1E;;OAEG;IACH,IAAW,gBAAgB,IAAI,6BAA6B,GAAC,SAAS,GAAC,IAAI,CAG1E;IACD,IAAW,gBAAgB,CAAC,KAAK,EAAE,6BAA6B,GAAC,SAAS,GAAC,IAAI,EAG9E;IAID;;OAEG;IACI,iBAAiB,IAAI,IAAI;CAGnC"}

package/basic-components/src/dynamicItems/transformData/type.d.ts

@@ -0,0 +1,3 @@
+import { TransformDataRelations } from './transformData.relations';
+export default TransformDataRelations;
+//# sourceMappingURL=type.d.ts.map

package/basic-components/src/dynamicItems/transformData/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AAEjE,eAAe,sBAAsB,CAAC"}

package/basic-components/src/relations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"relations.d.ts","sourceRoot":"","sources":["relations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,UAQd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"relations.d.ts","sourceRoot":"","sources":["relations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,UASd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es2015/basic-components/src/dynamicItems/index.js

@@ -14,5 +14,6 @@ export * from './stackPanel';
 export * from './templateBlock';
 export * from './textBlock';
 export * from './toggleButton';
+export * from './transformData';
 export * from './value';
 //# sourceMappingURL=index.js.map

package/es2015/basic-components/src/dynamicItems/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../basic-components/src/dynamicItems/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC","sourcesContent":["export * from './button';\nexport * from './firstNonNull';\nexport * from './gridPanel';\nexport * from './gridPanelCell';\nexport * from './htmlBlock';\nexport * from './ifBlock';\nexport * from './listBlock';\nexport * from './logicalAnd';\nexport * from './logicalOr';\nexport * from './negation';\nexport * from './notFound';\nexport * from './rest';\nexport * from './stackPanel';\nexport * from './templateBlock';\nexport * from './textBlock';\nexport * from './toggleButton';\nexport * from './value';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../basic-components/src/dynamicItems/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC","sourcesContent":["export * from './button';\nexport * from './firstNonNull';\nexport * from './gridPanel';\nexport * from './gridPanelCell';\nexport * from './htmlBlock';\nexport * from './ifBlock';\nexport * from './listBlock';\nexport * from './logicalAnd';\nexport * from './logicalOr';\nexport * from './negation';\nexport * from './notFound';\nexport * from './rest';\nexport * from './stackPanel';\nexport * from './templateBlock';\nexport * from './textBlock';\nexport * from './toggleButton';\nexport * from './transformData';\nexport * from './value';\n"]}

package/es2015/basic-components/src/dynamicItems/transformData/index.js

@@ -0,0 +1,3 @@
+export * from './transformData.interface';
+export * from './transformData.options';
+//# sourceMappingURL=index.js.map

package/es2015/basic-components/src/dynamicItems/transformData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './transformData.interface';\nexport * from './transformData.options';\n"]}

package/es2015/basic-components/src/dynamicItems/transformData/metadata/transformData.relationsMetadata.js

@@ -0,0 +1,24 @@
+import { TransformDataNodeSAComponent } from '../node/transformDataNode.component';
+/**
+ * Transform data relations metadata
+ */
+export class TransformDataRelationsEditorMetadata {
+    //######################### constructor #########################
+    constructor() {
+        //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+        /**
+         * @inheritdoc
+         */
+        this.metaInfo = {
+            name: 'Transform data',
+            description: 'Code that allows data tranformation',
+            group: 'Data',
+        };
+        /**
+         * @inheritdoc
+         */
+        this.nodeDefinition = TransformDataNodeSAComponent;
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=transformData.relationsMetadata.js.map

package/es2015/basic-components/src/dynamicItems/transformData/metadata/transformData.relationsMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/transformData/metadata/transformData.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,4BAA4B,EAAC,MAAM,qCAAqC,CAAC;AAEjF;;GAEG;AACH,MAAM,OAAO,oCAAoC;IAmB7C,iEAAiE;IACjE;QAlBA,6HAA6H;QAE7H;;WAEG;QACI,aAAQ,GACf;YACI,IAAI,EAAE,gBAAgB;YACtB,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE,MAAM;SAChB,CAAC;QAEF;;WAEG;QACI,mBAAc,GAAwB,4BAA4B,CAAC;QAKtE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {TransformDataNodeSAComponent} from '../node/transformDataNode.component';\n\n/**\n * Transform data relations metadata\n */\nexport class TransformDataRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'Transform data',\n        description: 'Code that allows data tranformation',\n        group: 'Data',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = TransformDataNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2015/basic-components/src/dynamicItems/transformData/node/transformDataNode.component.js

@@ -0,0 +1,72 @@
+import { __awaiter } from "tslib";
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { CodeEditorDialogComponent, TypescriptLanguageModel } from '@anglr/dynamic';
+import { RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent } from '@anglr/dynamic/relations-editor';
+import { TitledDialogService } from '@anglr/common/material';
+import typings from '!!raw-loader?esModule!../transformData.interface';
+import { languages } from 'monaco-editor';
+import { lastValueFrom } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@anglr/common/material";
+languages.typescript.typescriptDefaults.addExtraLib(typings, 'file:///node_modules/@types/transformData/index.d.ts');
+/**
+ * Relations node component for transform data
+ */
+export class TransformDataNodeSAComponent extends RelationsNodeBase {
+    //######################### constructor #########################
+    constructor(changeDetector, element, dialog) {
+        super(changeDetector, element);
+        this.dialog = dialog;
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Shows code editor
+     */
+    showCodeEditor() {
+        var _a, _b, _c, _d, _e, _f;
+        var _g;
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield lastValueFrom(this.dialog.open(CodeEditorDialogComponent, {
+                title: 'Code editor',
+                width: '75vw',
+                height: '75vh',
+                data: {
+                    content: (_d = (_c = (_b = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.nodeMetadata) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.content) !== null && _d !== void 0 ? _d : '',
+                    languageModel: TypescriptLanguageModel(`import {TransformData} from 'transformData';
+
+/**
+ * Class that represents data transformation code
+ */
+export default class Transformer implements TransformData
+{
+    /**
+     * @inheritdoc
+     */
+    public transformData(data: any)
+    {
+        return data;
+    }
+}
+`),
+                }
+            }).afterClosed());
+            if (!((_e = this.metadata) === null || _e === void 0 ? void 0 : _e.relationsOptions) || !result || !this.metadata.nodeMetadata) {
+                return;
+            }
+            this.metadata.relationsOptions.code = result.code;
+            (_f = (_g = this.metadata.nodeMetadata).options) !== null && _f !== void 0 ? _f : (_g.options = { content: '' });
+            this.metadata.nodeMetadata.options.content = result.content;
+        });
+    }
+}
+TransformDataNodeSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TransformDataNodeSAComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Component });
+TransformDataNodeSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: TransformDataNodeSAComponent, isStandalone: true, selector: "transform-data-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"transform code\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>data</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>transformed data</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"transformedData\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>edit</span>\n    </button>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TransformDataNodeSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'transform-data-node', standalone: true, imports: [
+                        RelationsNodeHeaderSAComponent,
+                        RelationNodeInputSAComponent,
+                        RelationNodeOutputSAComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"transform code\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>data</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>transformed data</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"transformedData\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>edit</span>\n    </button>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TitledDialogService }]; } });
+//# sourceMappingURL=transformDataNode.component.js.map

package/es2015/basic-components/src/dynamicItems/transformData/node/transformDataNode.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformDataNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/transformData/node/transformDataNode.component.ts","../../../../../../basic-components/src/dynamicItems/transformData/node/transformDataNode.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAoB,yBAAyB,EAAwB,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAC3H,OAAO,EAAgB,iBAAiB,EAAE,6BAA6B,EAAE,8BAA8B,EAAE,4BAA4B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,OAAO,MAAM,kDAAkD,CAAC;AACvE,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;;;AAInC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC,WAAW,CAAC,OAAO,EAAE,sDAAsD,CAAC,CAAC;AAErH;;GAEG;AAcH,MAAM,OAAO,4BAA6B,SAAQ,iBAAqF;IAEvI,iEAAiE;IAC7D,YAAY,cAAiC,EACjC,OAAgC,EACtB,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAFb,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;;YAE1B,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA0E,yBAAyB,EACtJ;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO,EAAE,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,YAAY,0CAAE,OAAO,0CAAE,OAAO,mCAAI,EAAE;oBAC5D,aAAa,EAAE,uBAAuB,CACtD;;;;;;;;;;;;;;;CAeC,CAAC;iBACW;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,CAAA,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAC7E;gBACI,OAAO;aACV;YAED,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;YAClD,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAC,OAAO,uCAAP,OAAO,GAAK,EAAC,OAAO,EAAE,EAAE,EAAC,EAAC;YACrD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;;KAC/D;;yHArDQ,4BAA4B;6GAA5B,4BAA4B,sGC5BzC,67BAsBM,4CDAE,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B;2FAIxB,4BAA4B;kBAbxC,SAAS;+BAEI,qBAAqB,cAEnB,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;qBAChC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {CodeEditorContent, CodeEditorDialogComponent, CodeEditorDialogData, TypescriptLanguageModel} from '@anglr/dynamic';\nimport {RelationsNode, RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent} from '@anglr/dynamic/relations-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport typings from '!!raw-loader?esModule!../transformData.interface';\nimport {languages} from 'monaco-editor';\nimport {lastValueFrom} from 'rxjs';\n\nimport {TransformDataRelationsEditorOptions, TransformDataRelationsOptions} from '../transformData.options';\n\nlanguages.typescript.typescriptDefaults.addExtraLib(typings, 'file:///node_modules/@types/transformData/index.d.ts');\n\n/**\n * Relations node component for transform data\n */\n@Component(\n{\n    selector: 'transform-data-node',\n    templateUrl: 'transformDataNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TransformDataNodeSAComponent extends RelationsNodeBase<TransformDataRelationsOptions, TransformDataRelationsEditorOptions> implements RelationsNode<TransformDataRelationsOptions, TransformDataRelationsEditorOptions>\n{\n//######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, CodeEditorContent|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content: this.metadata?.nodeMetadata?.options?.content ?? '',\n                languageModel: TypescriptLanguageModel(\n`import {TransformData} from 'transformData';\n\n/**\n * Class that represents data transformation code\n */\nexport default class Transformer implements TransformData\n{\n    /**\n     * @inheritdoc\n     */\n    public transformData(data: any)\n    {\n        return data;\n    }\n}\n`),\n            }\n        }).afterClosed());\n\n        if(!this.metadata?.relationsOptions || !result || !this.metadata.nodeMetadata)\n        {\n            return;\n        }\n\n        this.metadata.relationsOptions.code = result.code;\n        this.metadata.nodeMetadata.options ??= {content: ''};\n        this.metadata.nodeMetadata.options.content = result.content;\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"transform code\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>data</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>transformed data</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"transformedData\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>edit</span>\n    </button>\n</div>"]}

package/es2015/basic-components/src/dynamicItems/transformData/transformData.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=transformData.interface.js.map

package/es2015/basic-components/src/dynamicItems/transformData/transformData.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.interface.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/transformData.interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents class that supports data transformation\n */\nexport interface TransformData<TData = any, TResult = any>\n{\n    /**\n     * Transforms data to another form of data\n     * @param data - Data to be transformed\n     */\n    transformData(data: TData): TResult;\n}"]}

package/es2015/basic-components/src/dynamicItems/transformData/transformData.metadata.js

@@ -0,0 +1,6 @@
+import { __awaiter } from "tslib";
+/**
+ * Transform data relations metadata loader
+ */
+export const TransformDataRelationsMetadataLoader = () => __awaiter(void 0, void 0, void 0, function* () { return new (yield import('./metadata/transformData.relationsMetadata')).TransformDataRelationsEditorMetadata(); });
+//# sourceMappingURL=transformData.metadata.js.map

package/es2015/basic-components/src/dynamicItems/transformData/transformData.metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.metadata.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/transformData.metadata.ts"],"names":[],"mappings":";AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAA6D,GAAS,EAAE,kDAAC,OAAA,IAAI,CAAC,MAAM,MAAM,CAAC,4CAA4C,CAAC,CAAC,CAAC,oCAAoC,EAAE,CAAA,GAAA,CAAC","sourcesContent":["import {DynamicMetadataLoader} from '@anglr/dynamic';\nimport {RelationsEditorMetadataDescriptor} from '@anglr/dynamic/relations-editor';\n\n/**\n * Transform data relations metadata loader\n */\nexport const TransformDataRelationsMetadataLoader: DynamicMetadataLoader<RelationsEditorMetadataDescriptor> = async () => new (await import('./metadata/transformData.relationsMetadata')).TransformDataRelationsEditorMetadata();\n"]}

package/es2015/basic-components/src/dynamicItems/transformData/transformData.options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=transformData.options.js.map

package/es2015/basic-components/src/dynamicItems/transformData/transformData.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.options.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/transformData.options.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Options for transform data relations\n */\nexport interface TransformDataRelationsOptions\n{\n    /**\n     * Code that should be executed for data transformation\n     */\n    code: string;\n}\n\n/**\n * Options for transform data relations\n */\nexport interface TransformDataRelationsEditorOptions\n{\n    /**\n     * Contents of code editor that is being compiled\n     */\n    content: string;\n}"]}

package/es2015/basic-components/src/dynamicItems/transformData/transformData.relations.js

@@ -0,0 +1,31 @@
+import { __decorate } from "tslib";
+import { PureRelationsComponent } from '@anglr/dynamic/relations';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { TransformDataRelationsMetadataLoader } from './transformData.metadata';
+/**
+ * Transform data relations component
+ */
+let TransformDataRelations = class TransformDataRelations {
+    //######################### public properties - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    get relationsOptions() {
+        return this.ɵRelationsOptions;
+    }
+    set relationsOptions(value) {
+        this.ɵRelationsOptions = value;
+    }
+    //######################### public properties - dynamic outputs #########################
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals() {
+    }
+};
+TransformDataRelations = __decorate([
+    PureRelationsComponent(),
+    RelationsEditorMetadata(TransformDataRelationsMetadataLoader)
+], TransformDataRelations);
+export { TransformDataRelations };
+//# sourceMappingURL=transformData.relations.js.map

package/es2015/basic-components/src/dynamicItems/transformData/transformData.relations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformData.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/transformData.relations.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,sBAAsB,EAAqB,MAAM,0BAA0B,CAAC;AACpF,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAC,oCAAoC,EAAC,MAAM,0BAA0B,CAAC;AAG9E;;GAEG;AAGH,IAAa,sBAAsB,GAAnC,MAAa,sBAAsB;IAS/B,8GAA8G;IAE9G;;OAEG;IACH,IAAW,gBAAgB;QAEvB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IACD,IAAW,gBAAgB,CAAC,KAAmD;QAE3E,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACnC,CAAC;IAED,yFAAyF;IAEzF;;OAEG;IACI,iBAAiB;IAExB,CAAC;CACJ,CAAA;AA/BY,sBAAsB;IAFlC,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,oCAAoC,CAAC;GACjD,sBAAsB,CA+BlC;SA/BY,sBAAsB","sourcesContent":["import {PureRelationsComponent, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\n\nimport {TransformDataRelationsMetadataLoader} from './transformData.metadata';\nimport {TransformDataRelationsOptions} from './transformData.options';\n\n/**\n * Transform data relations component\n */\n@PureRelationsComponent()\n@RelationsEditorMetadata(TransformDataRelationsMetadataLoader)\nexport class TransformDataRelations implements RelationsComponent<TransformDataRelationsOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Options used in this relations component\n     */\n    protected ɵRelationsOptions: TransformDataRelationsOptions|undefined|null;\n\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get relationsOptions(): TransformDataRelationsOptions|undefined|null\n    {\n        return this.ɵRelationsOptions;\n    }\n    public set relationsOptions(value: TransformDataRelationsOptions|undefined|null)\n    {\n        this.ɵRelationsOptions = value;\n    }\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n}"]}

package/es2015/basic-components/src/dynamicItems/transformData/type.js

@@ -0,0 +1,3 @@
+import { TransformDataRelations } from './transformData.relations';
+export default TransformDataRelations;
+//# sourceMappingURL=type.js.map

package/es2015/basic-components/src/dynamicItems/transformData/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AAEjE,eAAe,sBAAsB,CAAC","sourcesContent":["import {TransformDataRelations} from './transformData.relations';\n\nexport default TransformDataRelations;"]}

package/es2015/basic-components/src/dynamicItems/value/node/valueNode.component.js

@@ -37,7 +37,7 @@ export class ValueNodeSAComponent extends RelationsNodeBase {
                 return;
             }
             if (isPresent(result)) {
-                this.metadata.relationsOptions.value = getJson(result);
+                this.metadata.relationsOptions.value = getJson(result.content);
             }
         });
     }

package/es2015/basic-components/src/dynamicItems/value/node/valueNode.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"valueNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/value/node/valueNode.component.ts","../../../../../../basic-components/src/dynamicItems/value/node/valueNode.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAC,yBAAyB,EAAwB,OAAO,EAAE,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC3G,OAAO,EAAgB,iBAAiB,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAChJ,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;;;AAInC;;GAEG;AAaH,MAAM,OAAO,oBAAqB,SAAQ,iBAAwC;IAElF,iEAAiE;IAC7D,YAAY,cAAiC,EACjC,OAAgC,EACtB,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAFb,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;YAE1B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,0CAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,0CAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAEzI,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA+D,yBAAyB,EAC3I;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO;oBACP,aAAa,EAAE,iBAAiB;iBAEnC;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,CAAA,EACnC;gBACI,OAAO;aACV;YAED,IAAG,SAAS,CAAC,MAAM,CAAC,EACpB;gBACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;aAC1D;;KACJ;;iHAzCQ,oBAAoB;qGAApB,oBAAoB,6FCxBjC,2qBAkBM,4CDCE,8BAA8B,gHAC9B,6BAA6B;2FAIxB,oBAAoB;kBAZhC,SAAS;+BAEI,YAAY,cAEV,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,6BAA6B;qBAChC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {CodeEditorDialogComponent, CodeEditorDialogData, getJson, JsonLanguageModel} from '@anglr/dynamic';\nimport {RelationsNode, RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {isPresent} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {ValueRelationsOptions} from '../value.options';\n\n/**\n * Relations node component for value\n */\n@Component(\n{\n    selector: 'value-node',\n    templateUrl: 'valueNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeOutputSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ValueNodeSAComponent extends RelationsNodeBase<ValueRelationsOptions> implements RelationsNode<ValueRelationsOptions>\n{\n//######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        const content = isPresent(this.metadata?.relationsOptions?.value) ? JSON.stringify(this.metadata?.relationsOptions?.value, null, 4) : '';\n\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, string|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content,\n                languageModel: JsonLanguageModel,\n\n            }\n        }).afterClosed());\n\n        if(!this.metadata?.relationsOptions)\n        {\n            return;\n        }\n\n        if(isPresent(result))\n        {\n            this.metadata.relationsOptions.value = getJson(result);\n        }\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"value\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>value</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"value\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>edit</span>\n    </button>\n</div>"]}
+{"version":3,"file":"valueNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/value/node/valueNode.component.ts","../../../../../../basic-components/src/dynamicItems/value/node/valueNode.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAoB,yBAAyB,EAAwB,OAAO,EAAE,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC9H,OAAO,EAAgB,iBAAiB,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAChJ,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;;;AAInC;;GAEG;AAaH,MAAM,OAAO,oBAAqB,SAAQ,iBAAwC;IAElF,iEAAiE;IAC7D,YAAY,cAAiC,EACjC,OAAgC,EACtB,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAFb,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;YAE1B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,0CAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,0CAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAEzI,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA0E,yBAAyB,EACtJ;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO;oBACP,aAAa,EAAE,iBAAiB;iBAEnC;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,CAAA,EACnC;gBACI,OAAO;aACV;YAED,IAAG,SAAS,CAAC,MAAM,CAAC,EACpB;gBACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAClE;;KACJ;;iHAzCQ,oBAAoB;qGAApB,oBAAoB,6FCxBjC,2qBAkBM,4CDCE,8BAA8B,gHAC9B,6BAA6B;2FAIxB,oBAAoB;kBAZhC,SAAS;+BAEI,YAAY,cAEV,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,6BAA6B;qBAChC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {CodeEditorContent, CodeEditorDialogComponent, CodeEditorDialogData, getJson, JsonLanguageModel} from '@anglr/dynamic';\nimport {RelationsNode, RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {isPresent} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {ValueRelationsOptions} from '../value.options';\n\n/**\n * Relations node component for value\n */\n@Component(\n{\n    selector: 'value-node',\n    templateUrl: 'valueNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeOutputSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ValueNodeSAComponent extends RelationsNodeBase<ValueRelationsOptions> implements RelationsNode<ValueRelationsOptions>\n{\n//######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        const content = isPresent(this.metadata?.relationsOptions?.value) ? JSON.stringify(this.metadata?.relationsOptions?.value, null, 4) : '';\n\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, CodeEditorContent|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content,\n                languageModel: JsonLanguageModel,\n\n            }\n        }).afterClosed());\n\n        if(!this.metadata?.relationsOptions)\n        {\n            return;\n        }\n\n        if(isPresent(result))\n        {\n            this.metadata.relationsOptions.value = getJson(result.content);\n        }\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"value\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>value</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"value\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>edit</span>\n    </button>\n</div>"]}

package/es2015/basic-components/src/relations.js

@@ -4,6 +4,7 @@ const relations = [
     'logicalOr',
     'negation',
     'rest',
+    'transformData',
     'value',
 ];
 export default relations;

package/es2015/basic-components/src/relations.js.map

@@ -1 +1 @@
-{"version":3,"file":"relations.js","sourceRoot":"","sources":["../../../basic-components/src/relations.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GACf;IACI,cAAc;IACd,YAAY;IACZ,WAAW;IACX,UAAU;IACV,MAAM;IACN,OAAO;CACV,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["const relations = \n[\n    'firstNonNull',\n    'logicalAnd',\n    'logicalOr',\n    'negation',\n    'rest',\n    'value',\n];\n\nexport default relations;\n"]}
+{"version":3,"file":"relations.js","sourceRoot":"","sources":["../../../basic-components/src/relations.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GACf;IACI,cAAc;IACd,YAAY;IACZ,WAAW;IACX,UAAU;IACV,MAAM;IACN,eAAe;IACf,OAAO;CACV,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["const relations = \n[\n    'firstNonNull',\n    'logicalAnd',\n    'logicalOr',\n    'negation',\n    'rest',\n    'transformData',\n    'value',\n];\n\nexport default relations;\n"]}

package/es2015/handlebars-components/src/dynamicItems/dataTemplate/node/dataTemplateNode.component.js

@@ -34,7 +34,7 @@ export class DataTemplateNodeSAComponent extends RelationsNodeBase {
             }).afterClosed());
             if (isPresent(result)) {
                 if ((_d = this.metadata) === null || _d === void 0 ? void 0 : _d.relationsOptions) {
-                    this.metadata.relationsOptions.template = result;
+                    this.metadata.relationsOptions.template = result.content;
                 }
             }
         });

package/es2015/handlebars-components/src/dynamicItems/dataTemplate/node/dataTemplateNode.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataTemplateNode.component.js","sourceRoot":"","sources":["../../../../../../handlebars-components/src/dynamicItems/dataTemplate/node/dataTemplateNode.component.ts","../../../../../../handlebars-components/src/dynamicItems/dataTemplate/node/dataTemplateNode.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,uBAAuB,EAAwB,yBAAyB,EAAC,MAAM,gBAAgB,CAAC;AACxG,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;;;AAInC;;GAEG;AAeH,MAAM,OAAO,2BAA4B,SAAQ,iBAA+C;IAE5F,iEAAiE;IACjE,YAAY,cAAiC,EACjC,OAAgC,EACtB,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAFb,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;YAE1B,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA+D,yBAAyB,EAC3I;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,0CAAE,QAAQ,mCAAI,EAAE;oBACxD,aAAa,EAAE,uBAAuB;iBAEzC;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,SAAS,CAAC,MAAM,CAAC,EACpB;gBACI,IAAG,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,EAClC;oBACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,GAAG,MAAM,CAAC;iBACpD;aACJ;;KACJ;;wHArCQ,2BAA2B;4GAA3B,2BAA2B,qGC1BxC,yrCA4BA,4CDRQ,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B;2FAIxB,2BAA2B;kBAdvC,SAAS;+BAEI,oBAAoB,cAGlB,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;qBAChC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {HandlebarsLanguageModel, CodeEditorDialogData, CodeEditorDialogComponent} from '@anglr/dynamic';\nimport {isPresent} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {DataTemplateRelationsOptions} from '../dataTemplate.options';\n\n/**\n * Relations node component for data template\n */\n@Component(\n{\n    selector: 'data-template-node',\n    templateUrl: 'dataTemplateNode.component.html',\n    // styleUrls: ['dataTemplateNode.component.css'],\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataTemplateNodeSAComponent extends RelationsNodeBase<DataTemplateRelationsOptions> implements RelationsNode<DataTemplateRelationsOptions>\n{\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, string|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content: this.metadata?.relationsOptions?.template ?? '',\n                languageModel: HandlebarsLanguageModel,\n\n            }\n        }).afterClosed());\n\n        if(isPresent(result))\n        {\n            if(this.metadata?.relationsOptions)\n            {\n                this.metadata.relationsOptions.template = result;\n            }\n        }\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"data template\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"template\" [parent]=\"this\"></relation-node-input>\n                <div>template</div>\n            </div>\n            \n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>data</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>output</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"output\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>template</span>\n    </button>\n</div>\n"]}
+{"version":3,"file":"dataTemplateNode.component.js","sourceRoot":"","sources":["../../../../../../handlebars-components/src/dynamicItems/dataTemplate/node/dataTemplateNode.component.ts","../../../../../../handlebars-components/src/dynamicItems/dataTemplate/node/dataTemplateNode.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,uBAAuB,EAAwB,yBAAyB,EAAoB,MAAM,gBAAgB,CAAC;AAC3H,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;;;AAInC;;GAEG;AAeH,MAAM,OAAO,2BAA4B,SAAQ,iBAA+C;IAE5F,iEAAiE;IACjE,YAAY,cAAiC,EACjC,OAAgC,EACtB,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAFb,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;YAE1B,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA0E,yBAAyB,EACtJ;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,0CAAE,QAAQ,mCAAI,EAAE;oBACxD,aAAa,EAAE,uBAAuB;iBAEzC;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,SAAS,CAAC,MAAM,CAAC,EACpB;gBACI,IAAG,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,EAClC;oBACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;iBAC5D;aACJ;;KACJ;;wHArCQ,2BAA2B;4GAA3B,2BAA2B,qGC1BxC,yrCA4BA,4CDRQ,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B;2FAIxB,2BAA2B;kBAdvC,SAAS;+BAEI,oBAAoB,cAGlB,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;qBAChC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {HandlebarsLanguageModel, CodeEditorDialogData, CodeEditorDialogComponent, CodeEditorContent} from '@anglr/dynamic';\nimport {isPresent} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {DataTemplateRelationsOptions} from '../dataTemplate.options';\n\n/**\n * Relations node component for data template\n */\n@Component(\n{\n    selector: 'data-template-node',\n    templateUrl: 'dataTemplateNode.component.html',\n    // styleUrls: ['dataTemplateNode.component.css'],\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataTemplateNodeSAComponent extends RelationsNodeBase<DataTemplateRelationsOptions> implements RelationsNode<DataTemplateRelationsOptions>\n{\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, CodeEditorContent|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content: this.metadata?.relationsOptions?.template ?? '',\n                languageModel: HandlebarsLanguageModel,\n\n            }\n        }).afterClosed());\n\n        if(isPresent(result))\n        {\n            if(this.metadata?.relationsOptions)\n            {\n                this.metadata.relationsOptions.template = result.content;\n            }\n        }\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" name=\"data template\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"template\" [parent]=\"this\"></relation-node-input>\n                <div>template</div>\n            </div>\n            \n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-input>\n                <div>data</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>output</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"output\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"showCodeEditor()\">\n        <span>template</span>\n    </button>\n</div>\n"]}

package/es2015/layout-editor/src/components/codePropertiesControl/codePropertiesControl.component.js

@@ -41,7 +41,7 @@ export class BaseCodePropertiesControlSAComponent extends PropertiesControlBase
             if (isPresent(result)) {
                 const control = (_d = this.form) === null || _d === void 0 ? void 0 : _d.get(this.property);
                 if (control instanceof FormControl) {
-                    control.setValue(result);
+                    control.setValue(result.content);
                 }
             }
         });

package/es2015/layout-editor/src/components/codePropertiesControl/codePropertiesControl.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"codePropertiesControl.component.js","sourceRoot":"","sources":["../../../../../layout-editor/src/components/codePropertiesControl/codePropertiesControl.component.ts","../../../../../layout-editor/src/components/codePropertiesControl/codePropertiesControl.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAO,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAgB,yBAAyB,EAAuB,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;AAGnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,6BAA6B,EAAC,MAAM,gBAAgB,CAAC;;;;AAE7D;;GAEG;AAYH,MAAM,OAAO,oCAAqD,SAAQ,qBAA+B;IAgBrG,iEAAiE;IACjE,YAAY,cAAiC,EACjC,iBAAgD,EACtC,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QAFvB,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;YAE1B,IAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAChD;gBACI,OAAO;aACV;YAED,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA+D,yBAAyB,EAC3I;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,KAAK,mCAAI,EAAE;oBACnD,aAAa,EAAE,IAAI,CAAC,aAAa;iBAEpC;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,SAAS,CAAC,MAAM,CAAC,EACpB;gBACI,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAE9C,IAAG,OAAO,YAAY,WAAW,EACjC;oBACI,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;iBAC5B;aACJ;;KACJ;;iIA1DQ,oCAAoC;qHAApC,oCAAoC,iLCzBjD,sKAES;2FDuBI,oCAAoC;kBAXhD,SAAS;+BAEI,8BAA8B,cAG5B,IAAI,WAEhB,EACC,mBACgB,uBAAuB,CAAC,MAAM;sLAUxC,QAAQ;sBADd,KAAK;gBAOC,aAAa;sBADnB,KAAK;;AAgDV;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAS,QAAuC,EAAE,aAA4B;IAElH,MAWM,qBAAsC,SAAQ,oCAAoC;QAXxF;;YAaI;;eAEG;YAEa,aAAQ,GAA0B,QAAQ,CAAC;YAE3D;;eAEG;YAEa,kBAAa,GAAiC,aAAa,CAAC;SAC/E;;sHAbK,qBAAqB;0GAArB,qBAAqB,4KCxG/B,sKAES;+FDsGC,qBAAqB;sBAX1B,SAAS;mCAEI,yBAAyB,cAGvB,IAAI,WAEhB,EACC,mBACgB,uBAAuB,CAAC,MAAM;kCAQ/B,QAAQ;0BADvB,KAAK;oBAOU,aAAa;0BAD5B,KAAK;;IAIV,OAAO,qBAAqB,CAAC;CAChC","sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, Type} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {LanguageModel, CodeEditorDialogComponent, CodeEditorDialogData} from '@anglr/dynamic';\nimport {isBlank, isPresent} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {PropertiesControl} from '../../interfaces';\nimport {PropertiesControlBase} from '../../modules';\nimport {LayoutEditorMetadataExtractor} from '../../services';\n\n/**\n * Base component used for displaying code properties control\n */\n@Component(\n{\n    selector: 'base-code-properties-control',\n    templateUrl: 'codePropertiesControl.component.html',\n    styleUrls: ['codePropertiesControl.component.css'],\n    standalone: true,\n    imports:\n    [\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BaseCodePropertiesControlSAComponent<TOptions = any> extends PropertiesControlBase<TOptions> implements PropertiesControl<TOptions>\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Name of property that will be set by this component\n     */\n    @Input()\n    public property: string|undefined|null;\n\n    /**\n     * Language model to be used in code editor\n     */\n    @Input()\n    public languageModel: LanguageModel|undefined|null;\n\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                metadataExtractor: LayoutEditorMetadataExtractor,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, metadataExtractor);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        if(isBlank(this.property) || !this.languageModel)\n        {\n            return;\n        }\n\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, string|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content: this.form?.get(this.property)?.value ?? '',\n                languageModel: this.languageModel\n\n            }\n        }).afterClosed());\n\n        if(isPresent(result))\n        {\n            const control = this.form?.get(this.property);\n\n            if(control instanceof FormControl)\n            {\n                control.setValue(result);\n            }\n        }\n    }\n}\n\n/**\n * Gets code properties control component for specific property\n * @param property - Name of property that will be set by this component\n * @param languageModel - Language model to be used in code editor\n */\nexport function codePropertiesControlFor<TModel>(property: Extract<keyof TModel, string>, languageModel: LanguageModel): Type<PropertiesControl>\n{\n    @Component(\n    {\n        selector: 'code-properties-control',\n        templateUrl: 'codePropertiesControl.component.html',\n        styleUrls: ['codePropertiesControl.component.css'],\n        standalone: true,\n        imports:\n        [\n        ],\n        changeDetection: ChangeDetectionStrategy.OnPush\n    })\n    class CodePropertiesControl<TOptions = any> extends BaseCodePropertiesControlSAComponent implements PropertiesControl<TOptions>\n    {\n        /**\n         * @inheritdoc\n         */\n        @Input()\n        public override property: string|undefined|null = property;\n\n        /**\n         * @inheritdoc\n         */\n        @Input()\n        public override languageModel: LanguageModel|undefined|null = languageModel;\n    }\n\n    return CodePropertiesControl;\n}","<button type=\"button\" type=\"button\" class=\"btn btn-primary margin-vertical-small\" (click)=\"showCodeEditor()\">\n    <span>Edit {{property}}</span>\n</button>"]}
+{"version":3,"file":"codePropertiesControl.component.js","sourceRoot":"","sources":["../../../../../layout-editor/src/components/codePropertiesControl/codePropertiesControl.component.ts","../../../../../layout-editor/src/components/codePropertiesControl/codePropertiesControl.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAO,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAgB,yBAAyB,EAA0C,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;AAGnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,6BAA6B,EAAC,MAAM,gBAAgB,CAAC;;;;AAE7D;;GAEG;AAYH,MAAM,OAAO,oCAAqD,SAAQ,qBAA+B;IAgBrG,iEAAiE;IACjE,YAAY,cAAiC,EACjC,iBAAgD,EACtC,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QAFvB,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACa,cAAc;;;YAE1B,IAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAChD;gBACI,OAAO;aACV;YAED,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA0E,yBAAyB,EACtJ;gBACI,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EACJ;oBACI,OAAO,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,KAAK,mCAAI,EAAE;oBACnD,aAAa,EAAE,IAAI,CAAC,aAAa;iBAEpC;aACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YAElB,IAAG,SAAS,CAAC,MAAM,CAAC,EACpB;gBACI,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAE9C,IAAG,OAAO,YAAY,WAAW,EACjC;oBACI,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;iBACpC;aACJ;;KACJ;;iIA1DQ,oCAAoC;qHAApC,oCAAoC,iLCzBjD,sKAES;2FDuBI,oCAAoC;kBAXhD,SAAS;+BAEI,8BAA8B,cAG5B,IAAI,WAEhB,EACC,mBACgB,uBAAuB,CAAC,MAAM;sLAUxC,QAAQ;sBADd,KAAK;gBAOC,aAAa;sBADnB,KAAK;;AAgDV;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAS,QAAuC,EAAE,aAA4B;IAElH,MAWM,qBAAsC,SAAQ,oCAAoC;QAXxF;;YAaI;;eAEG;YAEa,aAAQ,GAA0B,QAAQ,CAAC;YAE3D;;eAEG;YAEa,kBAAa,GAAiC,aAAa,CAAC;SAC/E;;sHAbK,qBAAqB;0GAArB,qBAAqB,4KCxG/B,sKAES;+FDsGC,qBAAqB;sBAX1B,SAAS;mCAEI,yBAAyB,cAGvB,IAAI,WAEhB,EACC,mBACgB,uBAAuB,CAAC,MAAM;kCAQ/B,QAAQ;0BADvB,KAAK;oBAOU,aAAa;0BAD5B,KAAK;;IAIV,OAAO,qBAAqB,CAAC;CAChC","sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, Type} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {LanguageModel, CodeEditorDialogComponent, CodeEditorDialogData, CodeEditorContent} from '@anglr/dynamic';\nimport {isBlank, isPresent} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\n\nimport {PropertiesControl} from '../../interfaces';\nimport {PropertiesControlBase} from '../../modules';\nimport {LayoutEditorMetadataExtractor} from '../../services';\n\n/**\n * Base component used for displaying code properties control\n */\n@Component(\n{\n    selector: 'base-code-properties-control',\n    templateUrl: 'codePropertiesControl.component.html',\n    styleUrls: ['codePropertiesControl.component.css'],\n    standalone: true,\n    imports:\n    [\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BaseCodePropertiesControlSAComponent<TOptions = any> extends PropertiesControlBase<TOptions> implements PropertiesControl<TOptions>\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Name of property that will be set by this component\n     */\n    @Input()\n    public property: string|undefined|null;\n\n    /**\n     * Language model to be used in code editor\n     */\n    @Input()\n    public languageModel: LanguageModel|undefined|null;\n\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                metadataExtractor: LayoutEditorMetadataExtractor,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, metadataExtractor);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Shows code editor\n     */\n    protected async showCodeEditor(): Promise<void>\n    {\n        if(isBlank(this.property) || !this.languageModel)\n        {\n            return;\n        }\n\n        const result = await lastValueFrom(this.dialog.open<CodeEditorDialogComponent, CodeEditorDialogData, CodeEditorContent|null>(CodeEditorDialogComponent,\n        {\n            title: 'Code editor',\n            width: '75vw',\n            height: '75vh',\n            data: \n            {\n                content: this.form?.get(this.property)?.value ?? '',\n                languageModel: this.languageModel\n\n            }\n        }).afterClosed());\n\n        if(isPresent(result))\n        {\n            const control = this.form?.get(this.property);\n\n            if(control instanceof FormControl)\n            {\n                control.setValue(result.content);\n            }\n        }\n    }\n}\n\n/**\n * Gets code properties control component for specific property\n * @param property - Name of property that will be set by this component\n * @param languageModel - Language model to be used in code editor\n */\nexport function codePropertiesControlFor<TModel>(property: Extract<keyof TModel, string>, languageModel: LanguageModel): Type<PropertiesControl>\n{\n    @Component(\n    {\n        selector: 'code-properties-control',\n        templateUrl: 'codePropertiesControl.component.html',\n        styleUrls: ['codePropertiesControl.component.css'],\n        standalone: true,\n        imports:\n        [\n        ],\n        changeDetection: ChangeDetectionStrategy.OnPush\n    })\n    class CodePropertiesControl<TOptions = any> extends BaseCodePropertiesControlSAComponent implements PropertiesControl<TOptions>\n    {\n        /**\n         * @inheritdoc\n         */\n        @Input()\n        public override property: string|undefined|null = property;\n\n        /**\n         * @inheritdoc\n         */\n        @Input()\n        public override languageModel: LanguageModel|undefined|null = languageModel;\n    }\n\n    return CodePropertiesControl;\n}","<button type=\"button\" type=\"button\" class=\"btn btn-primary margin-vertical-small\" (click)=\"showCodeEditor()\">\n    <span>Edit {{property}}</span>\n</button>"]}

package/es2015/layout-relations/src/components/configureNodeEndpoint/configureNodeEndpoint.component.js

@@ -41,7 +41,7 @@ export class ConfigureNodeEndpointSAComponent {
                 }
             }).afterClosed());
             if (isPresent(result)) {
-                this.data.defaultValue = getJson(result);
+                this.data.defaultValue = getJson(result.content);
             }
         });
     }