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

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

@@ -13,6 +13,10 @@ export declare class TransformDataNodeSAComponent extends RelationsNodeBase<Tran
      * Shows code editor
      */
     protected showCodeEditor(): Promise<void>;
+    /**
+     * @inheritdoc
+     */
+    protected metadataSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransformDataNodeSAComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TransformDataNodeSAComponent, "transform-data-node", never, {}, {}, never, never, true>;
 }

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

@@ -1 +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"}
+{"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;AAM3D,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;IAsC/C;;OAEG;cACgB,WAAW,IAAI,IAAI;yCAxD7B,4BAA4B;2CAA5B,4BAA4B;CA+DxC"}

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

@@ -18,6 +18,6 @@
     </div>
 
     <button type="button" class="btn btn-primary" (click)="showCodeEditor()">
-        <span>edit</span>
+        <span>code</span>
     </button>
 </div>

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

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

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

@@ -1 +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"}
+{"version":3,"file":"transformData.interface.d.ts","sourceRoot":"","sources":["transformData.interface.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oBAAY,aAAa,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC"}

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

@@ -2,6 +2,10 @@
  * Options for transform data relations
  */
 export interface TransformDataRelationsOptions {
+    /**
+     * Unique id that is generated for code
+     */
+    id: string;
     /**
      * Code that should be executed for data transformation
      */

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

@@ -1 +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"}
+{"version":3,"file":"transformData.options.d.ts","sourceRoot":"","sources":["transformData.options.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAE1C;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;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

@@ -1,18 +1,37 @@
-import { RelationsComponent } from '@anglr/dynamic/relations';
+import { Injector, SimpleChanges } from '@angular/core';
+import { CodeExecutor, RelationsComponent } from '@anglr/dynamic/relations';
 import { TransformDataRelationsOptions } from './transformData.options';
 /**
  * Transform data relations component
  */
-export declare class TransformDataRelations implements RelationsComponent<TransformDataRelationsOptions> {
+export declare class TransformDataRelations<TData = any, TTransformedData = any> implements RelationsComponent<TransformDataRelationsOptions> {
+    protected injector: Injector;
     /**
      * Options used in this relations component
      */
     protected ɵRelationsOptions: TransformDataRelationsOptions | undefined | null;
+    /**
+     * Code executor used for execution o
+     */
+    protected codeExecutor: CodeExecutor;
     /**
      * @inheritdoc
      */
     get relationsOptions(): TransformDataRelationsOptions | undefined | null;
     set relationsOptions(value: TransformDataRelationsOptions | undefined | null);
+    /**
+     * Data to be transformed
+     */
+    data: TData | undefined | null;
+    /**
+     * Transformed data
+     */
+    transformedData: TTransformedData | undefined | null;
+    constructor(injector: Injector);
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
     /**
      * @inheritdoc
      */

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

@@ -1 +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"}
+{"version":3,"file":"transformData.relations.d.ts","sourceRoot":"","sources":["transformData.relations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAS,aAAa,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAyC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAKjH,OAAO,EAAC,6BAA6B,EAAC,MAAM,yBAAyB,CAAC;AAGtE;;GAEG;AACH,qBAEa,sBAAsB,CAAC,KAAK,GAAG,GAAG,EAAE,gBAAgB,GAAG,GAAG,CAAE,YAAW,kBAAkB,CAAC,6BAA6B,CAAC;IA6CrH,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAzCxC;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,6BAA6B,GAAC,SAAS,GAAC,IAAI,CAAC;IAE1E;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAmC;IAIvE;;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;IAEI,IAAI,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAIlC;;OAEG;IAEI,eAAe,EAAE,gBAAgB,GAAC,SAAS,GAAC,IAAI,CAAC;gBAGlC,QAAQ,EAAE,QAAQ;IAMxC;;OAEG;IACU,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IA6B/D;;OAEG;IACI,iBAAiB,IAAI,IAAI;CAGnC"}

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

@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef } fro
 import { CodeEditorDialogComponent, TypescriptLanguageModel } from '@anglr/dynamic';
 import { RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent } from '@anglr/dynamic/relations-editor';
 import { TitledDialogService } from '@anglr/common/material';
+import { generateId } from '@jscrpt/common';
 import typings from '!!raw-loader?esModule!../transformData.interface';
 import { languages } from 'monaco-editor';
 import { lastValueFrom } from 'rxjs';
@@ -35,18 +36,14 @@ export class TransformDataNodeSAComponent extends RelationsNodeBase {
                     languageModel: TypescriptLanguageModel(`import {TransformData} from 'transformData';
 
 /**
- * Class that represents data transformation code
+ * Transformer function that performs transformation
  */
-export default class Transformer implements TransformData
+const transformer: TransformData<any, any> = data =>
 {
-    /**
-     * @inheritdoc
-     */
-    public transformData(data: any)
-    {
-        return data;
-    }
-}
+    return data;
+};
+ 
+export default transformer;
 `),
                 }
             }).afterClosed());
@@ -58,15 +55,26 @@ export default class Transformer implements TransformData
             this.metadata.nodeMetadata.options.content = result.content;
         });
     }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    metadataSet() {
+        var _a, _b;
+        var _c;
+        if ((_a = this.metadata) === null || _a === void 0 ? void 0 : _a.relationsOptions) {
+            (_b = (_c = this.metadata.relationsOptions).id) !== null && _b !== void 0 ? _b : (_c.id = generateId(12));
+        }
+    }
 }
 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 });
+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>code</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>" }]
+                    ], 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>code</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

@@ -1 +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>"]}
+{"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,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,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;;;;;;;;;;;CAWC,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;IAED,mFAAmF;IAEnF;;OAEG;IACgB,WAAW;;;QAE1B,IAAG,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,EAClC;YACI,YAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAC,EAAE,uCAAF,EAAE,GAAK,UAAU,CAAC,EAAE,CAAC,EAAC;SACxD;IACL,CAAC;;yHA9DQ,4BAA4B;6GAA5B,4BAA4B,sGC7BzC,67BAsBM,4CDCE,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 {generateId} from '@jscrpt/common';\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 * Transformer function that performs transformation\n */\nconst transformer: TransformData<any, any> = data =>\n{\n    return data;\n};\n \nexport default transformer;\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\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override metadataSet(): void\n    {\n        if(this.metadata?.relationsOptions)\n        {\n            this.metadata.relationsOptions.id ??= generateId(12);\n        }\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>code</span>\n    </button>\n</div>"]}

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

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

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

@@ -1 +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}"]}
+{"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     * Unique id that is generated for code\n     */\n    id: string;\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

@@ -1,11 +1,21 @@
-import { __decorate } from "tslib";
-import { PureRelationsComponent } from '@anglr/dynamic/relations';
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { Injector, Input } from '@angular/core';
+import { CodeExecutor, DynamicOutput, PureRelationsComponent } from '@anglr/dynamic/relations';
 import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { nameof } from '@jscrpt/common';
 import { TransformDataRelationsMetadataLoader } from './transformData.metadata';
 /**
  * Transform data relations component
  */
 let TransformDataRelations = class TransformDataRelations {
+    //######################### constructor #########################
+    constructor(injector) {
+        this.injector = injector;
+        /**
+         * Code executor used for execution o
+         */
+        this.codeExecutor = this.injector.get(CodeExecutor);
+    }
     //######################### public properties - implementation of RelationsComponent #########################
     /**
      * @inheritdoc
@@ -16,6 +26,29 @@ let TransformDataRelations = class TransformDataRelations {
     set relationsOptions(value) {
         this.ɵRelationsOptions = value;
     }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (nameof('data') in changes) {
+                if (!this.relationsOptions) {
+                    return;
+                }
+                const transformer = yield this.codeExecutor.loadData(this.relationsOptions.id, this.relationsOptions.code);
+                if (!transformer) {
+                    return;
+                }
+                try {
+                    this.transformedData = transformer(this.data);
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }
+        });
+    }
     //######################### public properties - dynamic outputs #########################
     /**
      * @inheritdoc
@@ -23,9 +56,18 @@ let TransformDataRelations = class TransformDataRelations {
     invalidateVisuals() {
     }
 };
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TransformDataRelations.prototype, "data", void 0);
+__decorate([
+    DynamicOutput(),
+    __metadata("design:type", Object)
+], TransformDataRelations.prototype, "transformedData", void 0);
 TransformDataRelations = __decorate([
     PureRelationsComponent(),
-    RelationsEditorMetadata(TransformDataRelationsMetadataLoader)
+    RelationsEditorMetadata(TransformDataRelationsMetadataLoader),
+    __metadata("design:paramtypes", [Injector])
 ], TransformDataRelations);
 export { TransformDataRelations };
 //# sourceMappingURL=transformData.relations.js.map

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

@@ -1 +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}"]}
+{"version":3,"file":"transformData.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/transformData.relations.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAqB,MAAM,0BAA0B,CAAC;AACjH,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,oCAAoC,EAAC,MAAM,0BAA0B,CAAC;AAI9E;;GAEG;AAGH,IAAa,sBAAsB,GAAnC,MAAa,sBAAsB;IA4C/B,iEAAiE;IACjE,YAAsB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QApCxC;;WAEG;QACO,iBAAY,GAAiB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAmCvE,CAAC;IAjCD,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;IAuBD,kGAAkG;IAElG;;OAEG;IACU,WAAW,CAAC,OAAsB;;YAE3C,IAAG,MAAM,CAAyB,MAAM,CAAC,IAAI,OAAO,EACpD;gBACI,IAAG,CAAC,IAAI,CAAC,gBAAgB,EACzB;oBACI,OAAO;iBACV;gBAED,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAgB,IAAI,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBAE1H,IAAG,CAAC,WAAW,EACf;oBACI,OAAO;iBACV;gBAED,IACA;oBACI,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACjD;gBACD,OAAM,CAAC,EACP;oBACI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBACpB;aACJ;QACL,CAAC;KAAA;IAED,yFAAyF;IAEzF;;OAEG;IACI,iBAAiB;IAExB,CAAC;CACJ,CAAA;AAvDG;IADC,KAAK,EAAE;;oDAC0B;AAQlC;IADC,aAAa,EAAE;;+DACwC;AA1C/C,sBAAsB;IAFlC,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,oCAAoC,CAAC;qCA8C1B,QAAQ;GA7C/B,sBAAsB,CAyFlC;SAzFY,sBAAsB","sourcesContent":["import {Injector, Input, SimpleChanges} from '@angular/core';\nimport {CodeExecutor, DynamicOutput, PureRelationsComponent, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {nameof} from '@jscrpt/common';\n\nimport {TransformDataRelationsMetadataLoader} from './transformData.metadata';\nimport {TransformDataRelationsOptions} from './transformData.options';\nimport {TransformData} from './transformData.interface';\n\n/**\n * Transform data relations component\n */\n@PureRelationsComponent()\n@RelationsEditorMetadata(TransformDataRelationsMetadataLoader)\nexport class TransformDataRelations<TData = any, TTransformedData = any> 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    /**\n     * Code executor used for execution o\n     */\n    protected codeExecutor: CodeExecutor = this.injector.get(CodeExecutor);\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 - inputs #########################\n\n    /**\n     * Data to be transformed\n     */\n    @Input()\n    public data: TData|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Transformed data\n     */\n    @DynamicOutput()\n    public transformedData: TTransformedData|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected injector: Injector,)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public async ngOnChanges(changes: SimpleChanges): Promise<void>\n    {\n        if(nameof<TransformDataRelations>('data') in changes)\n        {\n            if(!this.relationsOptions)\n            {\n                return;\n            }\n\n            const transformer = await this.codeExecutor.loadData<TransformData>(this.relationsOptions.id, this.relationsOptions.code);\n\n            if(!transformer)\n            {\n                return;\n            }\n\n            try\n            {\n                this.transformedData = transformer(this.data);\n            }\n            catch(e)\n            {\n                console.error(e);\n            }\n        }\n    }\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n}"]}

package/es2015/relations/src/misc/utils.js

@@ -1,6 +1,6 @@
 import { isBlank, isType } from '@jscrpt/common';
 import { DEFAULT_RELATIONS_COMPONENTS_PROVIDER, DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR, RELATIONS_COMPONENTS_LOADER_PROVIDER } from './providers';
-import { RelationsComponentManager, RelationsManager, RelationsProcessor } from '../services';
+import { CodeExecutor, RelationsComponentManager, RelationsManager, RelationsProcessor } from '../services';
 /**
  * Checks whether data is relations component def
  * @param data - Data to be checked
@@ -23,6 +23,7 @@ export function provideRelations() {
         RelationsComponentManager,
         RelationsManager,
         RelationsProcessor,
+        CodeExecutor,
     ];
 }
 //# sourceMappingURL=utils.js.map

package/es2015/relations/src/misc/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../relations/src/misc/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAC,qCAAqC,EAAE,sCAAsC,EAAE,oCAAoC,EAAC,MAAM,aAAa,CAAC;AAChJ,OAAO,EAAC,yBAAyB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE5F;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAwD,UAAS,IAAI;IAErG,mCAAmC;IACnC,IAAG,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C;QACI,OAAO,KAAK,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAE5B,OAAO;QACH,qCAAqC;QACrC,sCAAsC;QACtC,oCAAoC;QACpC,yBAAyB;QACzB,gBAAgB;QAChB,kBAAkB;KACrB,CAAC;AACN,CAAC","sourcesContent":["import {Provider} from '@angular/core';\nimport {DynamicItemLoaderValidatorFn} from '@anglr/dynamic';\nimport {isBlank, isType} from '@jscrpt/common';\n\nimport {RelationsComponentDef} from './types';\nimport {DEFAULT_RELATIONS_COMPONENTS_PROVIDER, DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR, RELATIONS_COMPONENTS_LOADER_PROVIDER} from './providers';\nimport {RelationsComponentManager, RelationsManager, RelationsProcessor} from '../services';\n\n/**\n * Checks whether data is relations component def\n * @param data - Data to be checked\n */\nexport const isRelationsComponentDef: DynamicItemLoaderValidatorFn<RelationsComponentDef> = function(data): data is RelationsComponentDef\n{\n    //type is required and must be type\n    if(isBlank(data?.data) || !isType(data.data))\n    {\n        return false;\n    }\n\n    return true;\n};\n\n/**\n * Default providers for relations subpackage\n */\nexport function provideRelations(): Provider[]\n{\n    return [\n        DEFAULT_RELATIONS_COMPONENTS_PROVIDER,\n        DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR,\n        RELATIONS_COMPONENTS_LOADER_PROVIDER,\n        RelationsComponentManager,\n        RelationsManager,\n        RelationsProcessor,\n    ];\n}"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../relations/src/misc/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAC,qCAAqC,EAAE,sCAAsC,EAAE,oCAAoC,EAAC,MAAM,aAAa,CAAC;AAChJ,OAAO,EAAC,YAAY,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE1G;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAwD,UAAS,IAAI;IAErG,mCAAmC;IACnC,IAAG,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C;QACI,OAAO,KAAK,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAE5B,OAAO;QACH,qCAAqC;QACrC,sCAAsC;QACtC,oCAAoC;QACpC,yBAAyB;QACzB,gBAAgB;QAChB,kBAAkB;QAClB,YAAY;KACf,CAAC;AACN,CAAC","sourcesContent":["import {Provider} from '@angular/core';\nimport {DynamicItemLoaderValidatorFn} from '@anglr/dynamic';\nimport {isBlank, isType} from '@jscrpt/common';\n\nimport {RelationsComponentDef} from './types';\nimport {DEFAULT_RELATIONS_COMPONENTS_PROVIDER, DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR, RELATIONS_COMPONENTS_LOADER_PROVIDER} from './providers';\nimport {CodeExecutor, RelationsComponentManager, RelationsManager, RelationsProcessor} from '../services';\n\n/**\n * Checks whether data is relations component def\n * @param data - Data to be checked\n */\nexport const isRelationsComponentDef: DynamicItemLoaderValidatorFn<RelationsComponentDef> = function(data): data is RelationsComponentDef\n{\n    //type is required and must be type\n    if(isBlank(data?.data) || !isType(data.data))\n    {\n        return false;\n    }\n\n    return true;\n};\n\n/**\n * Default providers for relations subpackage\n */\nexport function provideRelations(): Provider[]\n{\n    return [\n        DEFAULT_RELATIONS_COMPONENTS_PROVIDER,\n        DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR,\n        RELATIONS_COMPONENTS_LOADER_PROVIDER,\n        RelationsComponentManager,\n        RelationsManager,\n        RelationsProcessor,\n        CodeExecutor,\n    ];\n}"]}

package/es2015/relations/src/services/codeExecutor/codeExecutor.service.js

@@ -0,0 +1,64 @@
+import { __awaiter } from "tslib";
+import { Injectable, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { generateId } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Class used for executing javascript code and obtaining types from executed javascript code
+ */
+export class CodeExecutor {
+    //######################### constructor #########################
+    constructor(document) {
+        this.document = document;
+        //######################### protected fields #########################
+        /**
+         * Loaded data cache for relations id
+         */
+        this.loadedDataCache = {};
+    }
+    //######################### public methods #########################
+    /**
+     * Loads data from dynamicaly executed code
+     * @param relationsId - Id of relations for which is data loaded from code
+     * @param code - Code used for obtaining data
+     */
+    loadData(relationsId, code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.loadedDataCache[relationsId]) {
+                return this.loadedDataCache[relationsId];
+            }
+            const scriptElement = this.document.createElement('script');
+            const loadHelper = `loadType${generateId(12)}`;
+            let result = null;
+            scriptElement.innerText = `
+        (function(exports, loadType, require)
+        {
+            ${code}
+
+            loadType(exports);
+        })({}, ${loadHelper}.loadType, ${loadHelper}.require);`;
+            window[loadHelper] =
+                {
+                    loadType: (exp) => { var _a; return result = (_a = exp.default) !== null && _a !== void 0 ? _a : null; },
+                    require: (requireName) => {
+                        console.log(requireName);
+                        return null;
+                    }
+                };
+            this.document.getElementsByTagName('head')[0].appendChild(scriptElement);
+            delete window[loadHelper];
+            scriptElement.remove();
+            this.loadedDataCache[relationsId] = result;
+            return result;
+        });
+    }
+}
+CodeExecutor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeExecutor, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+CodeExecutor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeExecutor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeExecutor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
+//# sourceMappingURL=codeExecutor.service.js.map

package/es2015/relations/src/services/codeExecutor/codeExecutor.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeExecutor.service.js","sourceRoot":"","sources":["../../../../../relations/src/services/codeExecutor/codeExecutor.service.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,UAAU,EAAa,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AAEH,MAAM,OAAO,YAAY;IASrB,iEAAiE;IACjE,YAAwC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAR1D,sEAAsE;QAEtE;;WAEG;QACO,oBAAe,GAAoB,EAAE,CAAC;IAKhD,CAAC;IAED,oEAAoE;IAEpE;;;;OAIG;IACU,QAAQ,CAAU,WAAmB,EAAE,IAAY;;YAE5D,IAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EACpC;gBACI,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;aAC5C;YAED,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC5D,MAAM,UAAU,GAAG,WAAW,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;YAC/C,IAAI,MAAM,GAAiB,IAAI,CAAC;YAEhC,aAAa,CAAC,SAAS,GAAG;;;cAGpB,IAAI;;;iBAGD,UAAU,cAAc,UAAU,YAAY,CAAC;YAEvD,MAAc,CAAC,UAAU,CAAC;gBAC3B;oBACI,QAAQ,EAAE,CAAC,GAAmB,EAAE,EAAE,WAAC,OAAA,MAAM,GAAG,MAAA,GAAG,CAAC,OAAO,mCAAI,IAAI,CAAA,EAAA;oBAC/D,OAAO,EAAE,CAAC,WAAmB,EAAE,EAAE;wBAE7B,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;wBAEzB,OAAO,IAAI,CAAC;oBAChB,CAAC;iBACJ,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACzE,OAAQ,MAAc,CAAC,UAAU,CAAC,CAAC;YACnC,aAAa,CAAC,MAAM,EAAE,CAAC;YAEvB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;YAE3C,OAAO,MAAM,CAAC;QAClB,CAAC;KAAA;;yGA1DQ,YAAY,kBAUD,QAAQ;6GAVnB,YAAY;2FAAZ,YAAY;kBADxB,UAAU;0DAW2C,QAAQ;0BAA7C,MAAM;2BAAC,QAAQ","sourcesContent":["import {Injectable, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {generateId, Dictionary} from '@jscrpt/common';\n\n/**\n * Class used for executing javascript code and obtaining types from executed javascript code\n */\n@Injectable()\nexport class CodeExecutor\n{\n    //######################### protected fields #########################\n\n    /**\n     * Loaded data cache for relations id\n     */\n    protected loadedDataCache: Dictionary<any> = {};\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected document: Document)\n    {\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Loads data from dynamicaly executed code\n     * @param relationsId - Id of relations for which is data loaded from code\n     * @param code - Code used for obtaining data\n     */\n    public async loadData<TResult>(relationsId: string, code: string): Promise<TResult|null>\n    {\n        if(this.loadedDataCache[relationsId])\n        {\n            return this.loadedDataCache[relationsId];\n        }\n\n        const scriptElement = this.document.createElement('script');\n        const loadHelper = `loadType${generateId(12)}`;\n        let result: TResult|null = null;\n\n        scriptElement.innerText = `\n        (function(exports, loadType, require)\n        {\n            ${code}\n\n            loadType(exports);\n        })({}, ${loadHelper}.loadType, ${loadHelper}.require);`;\n\n        (window as any)[loadHelper] =\n        {\n            loadType: (exp: {default: any}) => result = exp.default ?? null,\n            require: (requireName: string) =>\n            {\n                console.log(requireName);\n\n                return null;\n            }\n        };\n\n        this.document.getElementsByTagName('head')[0].appendChild(scriptElement);\n        delete (window as any)[loadHelper];\n        scriptElement.remove();\n\n        this.loadedDataCache[relationsId] = result;\n\n        return result;\n    }\n}"]}

package/es2015/relations/src/services/index.js

@@ -1,3 +1,4 @@
+export * from './codeExecutor/codeExecutor.service';
 export * from './relationsComponentManager/relationsComponentManager.interface';
 export * from './relationsComponentManager/relationsComponentManager.service';
 export * from './relationsManager/relationsManager.service';

package/es2015/relations/src/services/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../relations/src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,iEAAiE,CAAC;AAChF,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './relationsComponentManager/relationsComponentManager.interface';\nexport * from './relationsComponentManager/relationsComponentManager.service';\nexport * from './relationsManager/relationsManager.service';\nexport * from './relationsProcessor/relationsProcessor.interface';\nexport * from './relationsProcessor/relationsProcessor.service';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../relations/src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,iEAAiE,CAAC;AAChF,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './codeExecutor/codeExecutor.service';\nexport * from './relationsComponentManager/relationsComponentManager.interface';\nexport * from './relationsComponentManager/relationsComponentManager.service';\nexport * from './relationsManager/relationsManager.service';\nexport * from './relationsProcessor/relationsProcessor.interface';\nexport * from './relationsProcessor/relationsProcessor.service';\n"]}

package/es2015/src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.js

@@ -32,10 +32,10 @@ export class CodeEditorDialogComponent {
     }
 }
 CodeEditorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeEditorDialogComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-CodeEditorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CodeEditorDialogComponent, selector: "code-editor-dialog", ngImport: i0, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end\">\n    <button type=\"button\" class=\"btn btn-info\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>", dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i2.CodeEditorComponent, selector: "code-editor", inputs: ["content", "languageModel"], outputs: ["save", "contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CodeEditorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CodeEditorDialogComponent, selector: "code-editor-dialog", ngImport: i0, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end margin-top-extra-small\">\n    <button type=\"button\" class=\"btn btn-info margin-right-extra-small\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>", dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i2.CodeEditorComponent, selector: "code-editor", inputs: ["content", "languageModel"], outputs: ["save", "contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeEditorDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'code-editor-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end\">\n    <button type=\"button\" class=\"btn btn-info\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>" }]
+            args: [{ selector: 'code-editor-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end margin-top-extra-small\">\n    <button type=\"button\" class=\"btn btn-info margin-right-extra-small\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [TITLED_DIALOG_DATA]

package/es2015/src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeEditorDialog.component.js","sourceRoot":"","sources":["../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.ts","../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;;;;AAM1D;;GAEG;AAOH,MAAM,OAAO,yBAAyB;IASlC,iEAAiE;IACjE,YAAkD,IAA0B,EACtD,MAAuE;QAD3C,SAAI,GAAJ,IAAI,CAAsB;QACtD,WAAM,GAAN,MAAM,CAAiE;QAT7F,8FAA8F;QAE9F;;WAEG;QACO,kBAAa,GAA2B,IAAI,CAAC;IAMvD,CAAC;IAED,2FAA2F;IAE3F;;;OAGG;IACa,YAAY,CAAC,MAA2B;;YAEpD,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC1C,CAAC;KAAA;;sHAzBQ,yBAAyB,kBAUd,kBAAkB;0GAV7B,yBAAyB,0DCjBtC,qhBAUM;2FDOO,yBAAyB;kBANrC,SAAS;+BAEI,oBAAoB,mBAEb,uBAAuB,CAAC,MAAM;;0BAYlC,MAAM;2BAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\nimport {TITLED_DIALOG_DATA} from '@anglr/common/material';\n\nimport {CodeEditorDialogData} from './codeEditorDialog.interface';\nimport {CodeEditorContent} from '../codeEditor/codeEditor.interface';\nimport {CodeEditorComponent} from '../codeEditor/codeEditor.component';\n\n/**\n * Component used as dialog displaying code editor\n */\n@Component(\n{\n    selector: 'code-editor-dialog',\n    templateUrl: 'codeEditorDialog.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CodeEditorDialogComponent\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Current content of code editor\n     */\n    protected editorContent: CodeEditorContent|null = null;\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) protected data: CodeEditorDialogData,\n                protected dialog: MatDialogRef<CodeEditorDialogComponent, CodeEditorContent|null>,)\n    {\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Saves content of code editor and closes dialog\n     * @param editor - Instance of code editor\n     */\n    protected async saveAndClose(editor: CodeEditorComponent): Promise<void>\n    {\n        await editor.saveContent();\n        this.dialog.close(this.editorContent);\n    }\n}","<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end\">\n    <button type=\"button\" class=\"btn btn-info\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>"]}
+{"version":3,"file":"codeEditorDialog.component.js","sourceRoot":"","sources":["../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.ts","../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;;;;AAM1D;;GAEG;AAOH,MAAM,OAAO,yBAAyB;IASlC,iEAAiE;IACjE,YAAkD,IAA0B,EACtD,MAAuE;QAD3C,SAAI,GAAJ,IAAI,CAAsB;QACtD,WAAM,GAAN,MAAM,CAAiE;QAT7F,8FAA8F;QAE9F;;WAEG;QACO,kBAAa,GAA2B,IAAI,CAAC;IAMvD,CAAC;IAED,2FAA2F;IAE3F;;;OAGG;IACa,YAAY,CAAC,MAA2B;;YAEpD,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC1C,CAAC;KAAA;;sHAzBQ,yBAAyB,kBAUd,kBAAkB;0GAV7B,yBAAyB,0DCjBtC,qkBAUM;2FDOO,yBAAyB;kBANrC,SAAS;+BAEI,oBAAoB,mBAEb,uBAAuB,CAAC,MAAM;;0BAYlC,MAAM;2BAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\nimport {TITLED_DIALOG_DATA} from '@anglr/common/material';\n\nimport {CodeEditorDialogData} from './codeEditorDialog.interface';\nimport {CodeEditorContent} from '../codeEditor/codeEditor.interface';\nimport {CodeEditorComponent} from '../codeEditor/codeEditor.component';\n\n/**\n * Component used as dialog displaying code editor\n */\n@Component(\n{\n    selector: 'code-editor-dialog',\n    templateUrl: 'codeEditorDialog.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CodeEditorDialogComponent\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Current content of code editor\n     */\n    protected editorContent: CodeEditorContent|null = null;\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) protected data: CodeEditorDialogData,\n                protected dialog: MatDialogRef<CodeEditorDialogComponent, CodeEditorContent|null>,)\n    {\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Saves content of code editor and closes dialog\n     * @param editor - Instance of code editor\n     */\n    protected async saveAndClose(editor: CodeEditorComponent): Promise<void>\n    {\n        await editor.saveContent();\n        this.dialog.close(this.editorContent);\n    }\n}","<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end margin-top-extra-small\">\n    <button type=\"button\" class=\"btn btn-info margin-right-extra-small\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>"]}

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

@@ -2,6 +2,7 @@ import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef } fro
 import { CodeEditorDialogComponent, TypescriptLanguageModel } from '@anglr/dynamic';
 import { RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent } from '@anglr/dynamic/relations-editor';
 import { TitledDialogService } from '@anglr/common/material';
+import { generateId } from '@jscrpt/common';
 import typings from '!!raw-loader?esModule!../transformData.interface';
 import { languages } from 'monaco-editor';
 import { lastValueFrom } from 'rxjs';
@@ -32,18 +33,14 @@ export class TransformDataNodeSAComponent extends RelationsNodeBase {
                 languageModel: TypescriptLanguageModel(`import {TransformData} from 'transformData';
 
 /**
- * Class that represents data transformation code
+ * Transformer function that performs transformation
  */
-export default class Transformer implements TransformData
+const transformer: TransformData<any, any> = data =>
 {
-    /**
-     * @inheritdoc
-     */
-    public transformData(data: any)
-    {
-        return data;
-    }
-}
+    return data;
+};
+ 
+export default transformer;
 `),
             }
         }).afterClosed());
@@ -54,15 +51,25 @@ export default class Transformer implements TransformData
         (_a = this.metadata.nodeMetadata).options ?? (_a.options = { content: '' });
         this.metadata.nodeMetadata.options.content = result.content;
     }
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    metadataSet() {
+        var _a;
+        if (this.metadata?.relationsOptions) {
+            (_a = this.metadata.relationsOptions).id ?? (_a.id = generateId(12));
+        }
+    }
 }
 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 });
+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>code</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>" }]
+                    ], 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>code</span>\n    </button>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TitledDialogService }]; } });
 //# sourceMappingURL=transformDataNode.component.js.map

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

@@ -1 +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;IACO,KAAK,CAAC,cAAc;;QAE1B,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA0E,yBAAyB,EACtJ;YACI,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,IAAI,EACJ;gBACI,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;gBAC5D,aAAa,EAAE,uBAAuB,CACtD;;;;;;;;;;;;;;;CAeC,CAAC;aACW;SACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAElB,IAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,gBAAgB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAC7E;YACI,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QAClD,MAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAC,OAAO,QAAP,OAAO,GAAK,EAAC,OAAO,EAAE,EAAE,EAAC,EAAC;QACrD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAChE,CAAC;;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>"]}
+{"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,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,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;IACO,KAAK,CAAC,cAAc;;QAE1B,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAA0E,yBAAyB,EACtJ;YACI,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,IAAI,EACJ;gBACI,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;gBAC5D,aAAa,EAAE,uBAAuB,CACtD;;;;;;;;;;;CAWC,CAAC;aACW;SACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAElB,IAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,gBAAgB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,EAC7E;YACI,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QAClD,MAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAC,OAAO,QAAP,OAAO,GAAK,EAAC,OAAO,EAAE,EAAE,EAAC,EAAC;QACrD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAChE,CAAC;IAED,mFAAmF;IAEnF;;OAEG;IACgB,WAAW;;QAE1B,IAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAClC;YACI,MAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAC,EAAE,QAAF,EAAE,GAAK,UAAU,CAAC,EAAE,CAAC,EAAC;SACxD;IACL,CAAC;;yHA9DQ,4BAA4B;6GAA5B,4BAA4B,sGC7BzC,67BAsBM,4CDCE,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 {generateId} from '@jscrpt/common';\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 * Transformer function that performs transformation\n */\nconst transformer: TransformData<any, any> = data =>\n{\n    return data;\n};\n \nexport default transformer;\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\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override metadataSet(): void\n    {\n        if(this.metadata?.relationsOptions)\n        {\n            this.metadata.relationsOptions.id ??= generateId(12);\n        }\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>code</span>\n    </button>\n</div>"]}

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

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

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

@@ -1 +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}"]}
+{"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     * Unique id that is generated for code\n     */\n    id: string;\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/es2020/basic-components/src/dynamicItems/transformData/transformData.relations.js

@@ -1,11 +1,21 @@
-import { __decorate } from "tslib";
-import { PureRelationsComponent } from '@anglr/dynamic/relations';
+import { __decorate, __metadata } from "tslib";
+import { Injector, Input } from '@angular/core';
+import { CodeExecutor, DynamicOutput, PureRelationsComponent } from '@anglr/dynamic/relations';
 import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { nameof } from '@jscrpt/common';
 import { TransformDataRelationsMetadataLoader } from './transformData.metadata';
 /**
  * Transform data relations component
  */
 let TransformDataRelations = class TransformDataRelations {
+    //######################### constructor #########################
+    constructor(injector) {
+        this.injector = injector;
+        /**
+         * Code executor used for execution o
+         */
+        this.codeExecutor = this.injector.get(CodeExecutor);
+    }
     //######################### public properties - implementation of RelationsComponent #########################
     /**
      * @inheritdoc
@@ -16,6 +26,27 @@ let TransformDataRelations = class TransformDataRelations {
     set relationsOptions(value) {
         this.ɵRelationsOptions = value;
     }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    async ngOnChanges(changes) {
+        if (nameof('data') in changes) {
+            if (!this.relationsOptions) {
+                return;
+            }
+            const transformer = await this.codeExecutor.loadData(this.relationsOptions.id, this.relationsOptions.code);
+            if (!transformer) {
+                return;
+            }
+            try {
+                this.transformedData = transformer(this.data);
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+    }
     //######################### public properties - dynamic outputs #########################
     /**
      * @inheritdoc
@@ -23,9 +54,18 @@ let TransformDataRelations = class TransformDataRelations {
     invalidateVisuals() {
     }
 };
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TransformDataRelations.prototype, "data", void 0);
+__decorate([
+    DynamicOutput(),
+    __metadata("design:type", Object)
+], TransformDataRelations.prototype, "transformedData", void 0);
 TransformDataRelations = __decorate([
     PureRelationsComponent(),
-    RelationsEditorMetadata(TransformDataRelationsMetadataLoader)
+    RelationsEditorMetadata(TransformDataRelationsMetadataLoader),
+    __metadata("design:paramtypes", [Injector])
 ], TransformDataRelations);
 export { TransformDataRelations };
 //# sourceMappingURL=transformData.relations.js.map

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

@@ -1 +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}"]}
+{"version":3,"file":"transformData.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/transformData/transformData.relations.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAqB,MAAM,0BAA0B,CAAC;AACjH,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,oCAAoC,EAAC,MAAM,0BAA0B,CAAC;AAI9E;;GAEG;AAGH,IAAa,sBAAsB,GAAnC,MAAa,sBAAsB;IA4C/B,iEAAiE;IACjE,YAAsB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QApCxC;;WAEG;QACO,iBAAY,GAAiB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAmCvE,CAAC;IAjCD,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;IAuBD,kGAAkG;IAElG;;OAEG;IACI,KAAK,CAAC,WAAW,CAAC,OAAsB;QAE3C,IAAG,MAAM,CAAyB,MAAM,CAAC,IAAI,OAAO,EACpD;YACI,IAAG,CAAC,IAAI,CAAC,gBAAgB,EACzB;gBACI,OAAO;aACV;YAED,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAgB,IAAI,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAE1H,IAAG,CAAC,WAAW,EACf;gBACI,OAAO;aACV;YAED,IACA;gBACI,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACjD;YACD,OAAM,CAAC,EACP;gBACI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;aACpB;SACJ;IACL,CAAC;IAED,yFAAyF;IAEzF;;OAEG;IACI,iBAAiB;IAExB,CAAC;CACJ,CAAA;AAvDG;IADC,KAAK,EAAE;;oDAC0B;AAQlC;IADC,aAAa,EAAE;;+DACwC;AA1C/C,sBAAsB;IAFlC,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,oCAAoC,CAAC;qCA8C1B,QAAQ;GA7C/B,sBAAsB,CAyFlC;SAzFY,sBAAsB","sourcesContent":["import {Injector, Input, SimpleChanges} from '@angular/core';\nimport {CodeExecutor, DynamicOutput, PureRelationsComponent, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {nameof} from '@jscrpt/common';\n\nimport {TransformDataRelationsMetadataLoader} from './transformData.metadata';\nimport {TransformDataRelationsOptions} from './transformData.options';\nimport {TransformData} from './transformData.interface';\n\n/**\n * Transform data relations component\n */\n@PureRelationsComponent()\n@RelationsEditorMetadata(TransformDataRelationsMetadataLoader)\nexport class TransformDataRelations<TData = any, TTransformedData = any> 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    /**\n     * Code executor used for execution o\n     */\n    protected codeExecutor: CodeExecutor = this.injector.get(CodeExecutor);\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 - inputs #########################\n\n    /**\n     * Data to be transformed\n     */\n    @Input()\n    public data: TData|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Transformed data\n     */\n    @DynamicOutput()\n    public transformedData: TTransformedData|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected injector: Injector,)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public async ngOnChanges(changes: SimpleChanges): Promise<void>\n    {\n        if(nameof<TransformDataRelations>('data') in changes)\n        {\n            if(!this.relationsOptions)\n            {\n                return;\n            }\n\n            const transformer = await this.codeExecutor.loadData<TransformData>(this.relationsOptions.id, this.relationsOptions.code);\n\n            if(!transformer)\n            {\n                return;\n            }\n\n            try\n            {\n                this.transformedData = transformer(this.data);\n            }\n            catch(e)\n            {\n                console.error(e);\n            }\n        }\n    }\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n}"]}

package/es2020/relations/src/misc/utils.js

@@ -1,6 +1,6 @@
 import { isBlank, isType } from '@jscrpt/common';
 import { DEFAULT_RELATIONS_COMPONENTS_PROVIDER, DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR, RELATIONS_COMPONENTS_LOADER_PROVIDER } from './providers';
-import { RelationsComponentManager, RelationsManager, RelationsProcessor } from '../services';
+import { CodeExecutor, RelationsComponentManager, RelationsManager, RelationsProcessor } from '../services';
 /**
  * Checks whether data is relations component def
  * @param data - Data to be checked
@@ -23,6 +23,7 @@ export function provideRelations() {
         RelationsComponentManager,
         RelationsManager,
         RelationsProcessor,
+        CodeExecutor,
     ];
 }
 //# sourceMappingURL=utils.js.map

package/es2020/relations/src/misc/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../relations/src/misc/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAC,qCAAqC,EAAE,sCAAsC,EAAE,oCAAoC,EAAC,MAAM,aAAa,CAAC;AAChJ,OAAO,EAAC,yBAAyB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE5F;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAwD,UAAS,IAAI;IAErG,mCAAmC;IACnC,IAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C;QACI,OAAO,KAAK,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAE5B,OAAO;QACH,qCAAqC;QACrC,sCAAsC;QACtC,oCAAoC;QACpC,yBAAyB;QACzB,gBAAgB;QAChB,kBAAkB;KACrB,CAAC;AACN,CAAC","sourcesContent":["import {Provider} from '@angular/core';\nimport {DynamicItemLoaderValidatorFn} from '@anglr/dynamic';\nimport {isBlank, isType} from '@jscrpt/common';\n\nimport {RelationsComponentDef} from './types';\nimport {DEFAULT_RELATIONS_COMPONENTS_PROVIDER, DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR, RELATIONS_COMPONENTS_LOADER_PROVIDER} from './providers';\nimport {RelationsComponentManager, RelationsManager, RelationsProcessor} from '../services';\n\n/**\n * Checks whether data is relations component def\n * @param data - Data to be checked\n */\nexport const isRelationsComponentDef: DynamicItemLoaderValidatorFn<RelationsComponentDef> = function(data): data is RelationsComponentDef\n{\n    //type is required and must be type\n    if(isBlank(data?.data) || !isType(data.data))\n    {\n        return false;\n    }\n\n    return true;\n};\n\n/**\n * Default providers for relations subpackage\n */\nexport function provideRelations(): Provider[]\n{\n    return [\n        DEFAULT_RELATIONS_COMPONENTS_PROVIDER,\n        DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR,\n        RELATIONS_COMPONENTS_LOADER_PROVIDER,\n        RelationsComponentManager,\n        RelationsManager,\n        RelationsProcessor,\n    ];\n}"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../relations/src/misc/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAC,qCAAqC,EAAE,sCAAsC,EAAE,oCAAoC,EAAC,MAAM,aAAa,CAAC;AAChJ,OAAO,EAAC,YAAY,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE1G;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAwD,UAAS,IAAI;IAErG,mCAAmC;IACnC,IAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C;QACI,OAAO,KAAK,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAE5B,OAAO;QACH,qCAAqC;QACrC,sCAAsC;QACtC,oCAAoC;QACpC,yBAAyB;QACzB,gBAAgB;QAChB,kBAAkB;QAClB,YAAY;KACf,CAAC;AACN,CAAC","sourcesContent":["import {Provider} from '@angular/core';\nimport {DynamicItemLoaderValidatorFn} from '@anglr/dynamic';\nimport {isBlank, isType} from '@jscrpt/common';\n\nimport {RelationsComponentDef} from './types';\nimport {DEFAULT_RELATIONS_COMPONENTS_PROVIDER, DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR, RELATIONS_COMPONENTS_LOADER_PROVIDER} from './providers';\nimport {CodeExecutor, RelationsComponentManager, RelationsManager, RelationsProcessor} from '../services';\n\n/**\n * Checks whether data is relations component def\n * @param data - Data to be checked\n */\nexport const isRelationsComponentDef: DynamicItemLoaderValidatorFn<RelationsComponentDef> = function(data): data is RelationsComponentDef\n{\n    //type is required and must be type\n    if(isBlank(data?.data) || !isType(data.data))\n    {\n        return false;\n    }\n\n    return true;\n};\n\n/**\n * Default providers for relations subpackage\n */\nexport function provideRelations(): Provider[]\n{\n    return [\n        DEFAULT_RELATIONS_COMPONENTS_PROVIDER,\n        DEFAULT_RELATIONS_COMPONENTS_EXTRACTOR,\n        RELATIONS_COMPONENTS_LOADER_PROVIDER,\n        RelationsComponentManager,\n        RelationsManager,\n        RelationsProcessor,\n        CodeExecutor,\n    ];\n}"]}

package/es2020/relations/src/services/codeExecutor/codeExecutor.service.js

@@ -0,0 +1,61 @@
+import { Injectable, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { generateId } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Class used for executing javascript code and obtaining types from executed javascript code
+ */
+export class CodeExecutor {
+    //######################### constructor #########################
+    constructor(document) {
+        this.document = document;
+        //######################### protected fields #########################
+        /**
+         * Loaded data cache for relations id
+         */
+        this.loadedDataCache = {};
+    }
+    //######################### public methods #########################
+    /**
+     * Loads data from dynamicaly executed code
+     * @param relationsId - Id of relations for which is data loaded from code
+     * @param code - Code used for obtaining data
+     */
+    async loadData(relationsId, code) {
+        if (this.loadedDataCache[relationsId]) {
+            return this.loadedDataCache[relationsId];
+        }
+        const scriptElement = this.document.createElement('script');
+        const loadHelper = `loadType${generateId(12)}`;
+        let result = null;
+        scriptElement.innerText = `
+        (function(exports, loadType, require)
+        {
+            ${code}
+
+            loadType(exports);
+        })({}, ${loadHelper}.loadType, ${loadHelper}.require);`;
+        window[loadHelper] =
+            {
+                loadType: (exp) => result = exp.default ?? null,
+                require: (requireName) => {
+                    console.log(requireName);
+                    return null;
+                }
+            };
+        this.document.getElementsByTagName('head')[0].appendChild(scriptElement);
+        delete window[loadHelper];
+        scriptElement.remove();
+        this.loadedDataCache[relationsId] = result;
+        return result;
+    }
+}
+CodeExecutor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeExecutor, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+CodeExecutor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeExecutor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeExecutor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
+//# sourceMappingURL=codeExecutor.service.js.map

package/es2020/relations/src/services/codeExecutor/codeExecutor.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeExecutor.service.js","sourceRoot":"","sources":["../../../../../relations/src/services/codeExecutor/codeExecutor.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,UAAU,EAAa,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AAEH,MAAM,OAAO,YAAY;IASrB,iEAAiE;IACjE,YAAwC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAR1D,sEAAsE;QAEtE;;WAEG;QACO,oBAAe,GAAoB,EAAE,CAAC;IAKhD,CAAC;IAED,oEAAoE;IAEpE;;;;OAIG;IACI,KAAK,CAAC,QAAQ,CAAU,WAAmB,EAAE,IAAY;QAE5D,IAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EACpC;YACI,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;SAC5C;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,WAAW,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;QAC/C,IAAI,MAAM,GAAiB,IAAI,CAAC;QAEhC,aAAa,CAAC,SAAS,GAAG;;;cAGpB,IAAI;;;iBAGD,UAAU,cAAc,UAAU,YAAY,CAAC;QAEvD,MAAc,CAAC,UAAU,CAAC;YAC3B;gBACI,QAAQ,EAAE,CAAC,GAAmB,EAAE,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,IAAI,IAAI;gBAC/D,OAAO,EAAE,CAAC,WAAmB,EAAE,EAAE;oBAE7B,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;oBAEzB,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ,CAAC;QAEF,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QACzE,OAAQ,MAAc,CAAC,UAAU,CAAC,CAAC;QACnC,aAAa,CAAC,MAAM,EAAE,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;QAE3C,OAAO,MAAM,CAAC;IAClB,CAAC;;yGA1DQ,YAAY,kBAUD,QAAQ;6GAVnB,YAAY;2FAAZ,YAAY;kBADxB,UAAU;0DAW2C,QAAQ;0BAA7C,MAAM;2BAAC,QAAQ","sourcesContent":["import {Injectable, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {generateId, Dictionary} from '@jscrpt/common';\n\n/**\n * Class used for executing javascript code and obtaining types from executed javascript code\n */\n@Injectable()\nexport class CodeExecutor\n{\n    //######################### protected fields #########################\n\n    /**\n     * Loaded data cache for relations id\n     */\n    protected loadedDataCache: Dictionary<any> = {};\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected document: Document)\n    {\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Loads data from dynamicaly executed code\n     * @param relationsId - Id of relations for which is data loaded from code\n     * @param code - Code used for obtaining data\n     */\n    public async loadData<TResult>(relationsId: string, code: string): Promise<TResult|null>\n    {\n        if(this.loadedDataCache[relationsId])\n        {\n            return this.loadedDataCache[relationsId];\n        }\n\n        const scriptElement = this.document.createElement('script');\n        const loadHelper = `loadType${generateId(12)}`;\n        let result: TResult|null = null;\n\n        scriptElement.innerText = `\n        (function(exports, loadType, require)\n        {\n            ${code}\n\n            loadType(exports);\n        })({}, ${loadHelper}.loadType, ${loadHelper}.require);`;\n\n        (window as any)[loadHelper] =\n        {\n            loadType: (exp: {default: any}) => result = exp.default ?? null,\n            require: (requireName: string) =>\n            {\n                console.log(requireName);\n\n                return null;\n            }\n        };\n\n        this.document.getElementsByTagName('head')[0].appendChild(scriptElement);\n        delete (window as any)[loadHelper];\n        scriptElement.remove();\n\n        this.loadedDataCache[relationsId] = result;\n\n        return result;\n    }\n}"]}

package/es2020/relations/src/services/index.js

@@ -1,3 +1,4 @@
+export * from './codeExecutor/codeExecutor.service';
 export * from './relationsComponentManager/relationsComponentManager.interface';
 export * from './relationsComponentManager/relationsComponentManager.service';
 export * from './relationsManager/relationsManager.service';

package/es2020/relations/src/services/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../relations/src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,iEAAiE,CAAC;AAChF,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './relationsComponentManager/relationsComponentManager.interface';\nexport * from './relationsComponentManager/relationsComponentManager.service';\nexport * from './relationsManager/relationsManager.service';\nexport * from './relationsProcessor/relationsProcessor.interface';\nexport * from './relationsProcessor/relationsProcessor.service';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../relations/src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,iEAAiE,CAAC;AAChF,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './codeExecutor/codeExecutor.service';\nexport * from './relationsComponentManager/relationsComponentManager.interface';\nexport * from './relationsComponentManager/relationsComponentManager.service';\nexport * from './relationsManager/relationsManager.service';\nexport * from './relationsProcessor/relationsProcessor.interface';\nexport * from './relationsProcessor/relationsProcessor.service';\n"]}

package/es2020/src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.js

@@ -29,10 +29,10 @@ export class CodeEditorDialogComponent {
     }
 }
 CodeEditorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeEditorDialogComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-CodeEditorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CodeEditorDialogComponent, selector: "code-editor-dialog", ngImport: i0, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end\">\n    <button type=\"button\" class=\"btn btn-info\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>", dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i2.CodeEditorComponent, selector: "code-editor", inputs: ["content", "languageModel"], outputs: ["save", "contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CodeEditorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CodeEditorDialogComponent, selector: "code-editor-dialog", ngImport: i0, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end margin-top-extra-small\">\n    <button type=\"button\" class=\"btn btn-info margin-right-extra-small\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>", dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i2.CodeEditorComponent, selector: "code-editor", inputs: ["content", "languageModel"], outputs: ["save", "contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CodeEditorDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'code-editor-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end\">\n    <button type=\"button\" class=\"btn btn-info\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>" }]
+            args: [{ selector: 'code-editor-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end margin-top-extra-small\">\n    <button type=\"button\" class=\"btn btn-info margin-right-extra-small\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [TITLED_DIALOG_DATA]

package/es2020/src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeEditorDialog.component.js","sourceRoot":"","sources":["../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.ts","../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;;;;AAM1D;;GAEG;AAOH,MAAM,OAAO,yBAAyB;IASlC,iEAAiE;IACjE,YAAkD,IAA0B,EACtD,MAAuE;QAD3C,SAAI,GAAJ,IAAI,CAAsB;QACtD,WAAM,GAAN,MAAM,CAAiE;QAT7F,8FAA8F;QAE9F;;WAEG;QACO,kBAAa,GAA2B,IAAI,CAAC;IAMvD,CAAC;IAED,2FAA2F;IAE3F;;;OAGG;IACO,KAAK,CAAC,YAAY,CAAC,MAA2B;QAEpD,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC1C,CAAC;;sHAzBQ,yBAAyB,kBAUd,kBAAkB;0GAV7B,yBAAyB,0DCjBtC,qhBAUM;2FDOO,yBAAyB;kBANrC,SAAS;+BAEI,oBAAoB,mBAEb,uBAAuB,CAAC,MAAM;;0BAYlC,MAAM;2BAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\nimport {TITLED_DIALOG_DATA} from '@anglr/common/material';\n\nimport {CodeEditorDialogData} from './codeEditorDialog.interface';\nimport {CodeEditorContent} from '../codeEditor/codeEditor.interface';\nimport {CodeEditorComponent} from '../codeEditor/codeEditor.component';\n\n/**\n * Component used as dialog displaying code editor\n */\n@Component(\n{\n    selector: 'code-editor-dialog',\n    templateUrl: 'codeEditorDialog.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CodeEditorDialogComponent\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Current content of code editor\n     */\n    protected editorContent: CodeEditorContent|null = null;\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) protected data: CodeEditorDialogData,\n                protected dialog: MatDialogRef<CodeEditorDialogComponent, CodeEditorContent|null>,)\n    {\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Saves content of code editor and closes dialog\n     * @param editor - Instance of code editor\n     */\n    protected async saveAndClose(editor: CodeEditorComponent): Promise<void>\n    {\n        await editor.saveContent();\n        this.dialog.close(this.editorContent);\n    }\n}","<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end\">\n    <button type=\"button\" class=\"btn btn-info\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>"]}
+{"version":3,"file":"codeEditorDialog.component.js","sourceRoot":"","sources":["../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.ts","../../../../../../src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;;;;AAM1D;;GAEG;AAOH,MAAM,OAAO,yBAAyB;IASlC,iEAAiE;IACjE,YAAkD,IAA0B,EACtD,MAAuE;QAD3C,SAAI,GAAJ,IAAI,CAAsB;QACtD,WAAM,GAAN,MAAM,CAAiE;QAT7F,8FAA8F;QAE9F;;WAEG;QACO,kBAAa,GAA2B,IAAI,CAAC;IAMvD,CAAC;IAED,2FAA2F;IAE3F;;;OAGG;IACO,KAAK,CAAC,YAAY,CAAC,MAA2B;QAEpD,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC1C,CAAC;;sHAzBQ,yBAAyB,kBAUd,kBAAkB;0GAV7B,yBAAyB,0DCjBtC,qkBAUM;2FDOO,yBAAyB;kBANrC,SAAS;+BAEI,oBAAoB,mBAEb,uBAAuB,CAAC,MAAM;;0BAYlC,MAAM;2BAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\nimport {TITLED_DIALOG_DATA} from '@anglr/common/material';\n\nimport {CodeEditorDialogData} from './codeEditorDialog.interface';\nimport {CodeEditorContent} from '../codeEditor/codeEditor.interface';\nimport {CodeEditorComponent} from '../codeEditor/codeEditor.component';\n\n/**\n * Component used as dialog displaying code editor\n */\n@Component(\n{\n    selector: 'code-editor-dialog',\n    templateUrl: 'codeEditorDialog.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CodeEditorDialogComponent\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Current content of code editor\n     */\n    protected editorContent: CodeEditorContent|null = null;\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) protected data: CodeEditorDialogData,\n                protected dialog: MatDialogRef<CodeEditorDialogComponent, CodeEditorContent|null>,)\n    {\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Saves content of code editor and closes dialog\n     * @param editor - Instance of code editor\n     */\n    protected async saveAndClose(editor: CodeEditorComponent): Promise<void>\n    {\n        await editor.saveContent();\n        this.dialog.close(this.editorContent);\n    }\n}","<code-editor #editor style=\"height: calc(75vh - 32px); width: calc(75vw - 20px);\" [content]=\"data.content\" [languageModel]=\"data.languageModel\" (save)=\"editorContent = $event\"></code-editor>\n\n<div class=\"flex-row flex-end margin-top-extra-small\">\n    <button type=\"button\" class=\"btn btn-info margin-right-extra-small\" type=\"button\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"btn btn-primary\" type=\"button\" (click)=\"saveAndClose(editor)\">\n        <span>ok</span>\n    </button>\n</div>"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/dynamic",
-    "version": "1.0.0-beta.20220908092437",
+    "version": "1.0.0-beta.20220908101526",
     "description": "Contains code for generating dynamic content from metadata",
     "type": "module",
     "sideEffects": false,

package/relations/src/misc/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,4BAA4B,EAAC,MAAM,gBAAgB,CAAC;AAG5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAI9C;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,4BAA4B,CAAC,qBAAqB,CASvF,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,EAAE,CAU7C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,4BAA4B,EAAC,MAAM,gBAAgB,CAAC;AAG5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAI9C;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,4BAA4B,CAAC,qBAAqB,CASvF,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,EAAE,CAW7C"}

package/relations/src/services/codeExecutor/codeExecutor.service.d.ts

@@ -0,0 +1,22 @@
+import { Dictionary } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Class used for executing javascript code and obtaining types from executed javascript code
+ */
+export declare class CodeExecutor {
+    protected document: Document;
+    /**
+     * Loaded data cache for relations id
+     */
+    protected loadedDataCache: Dictionary<any>;
+    constructor(document: Document);
+    /**
+     * Loads data from dynamicaly executed code
+     * @param relationsId - Id of relations for which is data loaded from code
+     * @param code - Code used for obtaining data
+     */
+    loadData<TResult>(relationsId: string, code: string): Promise<TResult | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeExecutor, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CodeExecutor>;
+}
+//# sourceMappingURL=codeExecutor.service.d.ts.map

package/relations/src/services/codeExecutor/codeExecutor.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeExecutor.service.d.ts","sourceRoot":"","sources":["codeExecutor.service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,UAAU,EAAC,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AACH,qBACa,YAAY;IAUS,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAN1D;;OAEG;IACH,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,CAAC,CAAM;gBAGR,QAAQ,EAAE,QAAQ;IAM1D;;;;OAIG;IACU,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAC,IAAI,CAAC;yCArB/E,YAAY;6CAAZ,YAAY;CA2DxB"}

package/relations/src/services/index.d.ts

@@ -1,3 +1,4 @@
+export * from './codeExecutor/codeExecutor.service';
 export * from './relationsComponentManager/relationsComponentManager.interface';
 export * from './relationsComponentManager/relationsComponentManager.service';
 export * from './relationsManager/relationsManager.service';

package/relations/src/services/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,iEAAiE,CAAC;AAChF,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,iEAAiE,CAAC;AAChF,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC"}

package/src/modules/codeEditor/components/codeEditorDialog/codeEditorDialog.component.html

@@ -1,7 +1,7 @@
 <code-editor #editor style="height: calc(75vh - 32px); width: calc(75vw - 20px);" [content]="data.content" [languageModel]="data.languageModel" (save)="editorContent = $event"></code-editor>
 
-<div class="flex-row flex-end">
-    <button type="button" class="btn btn-info" type="button" [mat-dialog-close]="null">
+<div class="flex-row flex-end margin-top-extra-small">
+    <button type="button" class="btn btn-info margin-right-extra-small" type="button" [mat-dialog-close]="null">
         <span>cancel</span>
     </button>
 

package/version.bak

@@ -1 +1 @@
-1.0.0-beta.20220908092437 
+1.0.0-beta.20220908101526