@anglr/dynamic 1.0.0-beta.20231207124014 → 1.0.0-beta.20231208062921

package/es2022/basic-components/src/dynamicItems/deconstruct/deconstruct.relations.js

@@ -0,0 +1,130 @@
+import { __decorate, __metadata } from "tslib";
+import { Injector, Input } from '@angular/core';
+import { DebugData, defineAssignedProp, defineSkipInitProp, PureRelationsComponent, RelationsChangeDetector, RelationsComponentManager } from '@anglr/dynamic/relations';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { isPresent, nameof } from '@jscrpt/common';
+import { NEVER } from 'rxjs';
+import { DeconstructRelationsMetadataLoader } from './deconstruct.metadata';
+/**
+ * Deconstruct relations component
+ */
+let DeconstructRelations = class DeconstructRelations {
+    //######################### protected properties #########################
+    /**
+     * Options used in this relations component
+     */
+    ɵRelationsOptions;
+    /**
+     * Current relations change detector instance
+     */
+    relationsChangeDetector;
+    /**
+     * Current relations component manager instance
+     */
+    relationsComponentManager;
+    //######################### public properties - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    get relationsOptions() {
+        return this.ɵRelationsOptions;
+    }
+    set relationsOptions(value) {
+        this.ɵRelationsOptions = value;
+        this.initialize();
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * Initial state value that is set
+     */
+    object;
+    //######################### constructor #########################
+    constructor(injector) {
+        this.relationsChangeDetector = injector.get(RelationsChangeDetector);
+        this.relationsComponentManager = injector.get(RelationsComponentManager);
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        if (nameof('object') in changes) {
+            if (this.relationsOptions?.properties.length) {
+                const id = this.relationsComponentManager.getId(this);
+                for (const property of this.relationsOptions.properties) {
+                    const thisDictionary = this;
+                    thisDictionary[property.name] = this.object?.[property.name];
+                    if (isPresent(id)) {
+                        this.relationsChangeDetector.markForCheck({
+                            componentId: id,
+                            outputName: property.name,
+                        });
+                    }
+                }
+            }
+        }
+    }
+    //######################### public properties - dynamic outputs #########################
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals() {
+    }
+    //######################### protected methods #########################
+    /**
+     * Initialize rest relations
+     */
+    initialize() {
+        if (this.relationsOptions) {
+            if (this.relationsOptions.properties.length) {
+                for (const property of this.relationsOptions.properties) {
+                    if (property.name) {
+                        Object.defineProperty(this, property.name, {
+                            get: function () {
+                                return this[`ɵ${property.name}`];
+                            },
+                            set: function (value) {
+                                this[`ɵ${property.name}`] = value;
+                                defineAssignedProp(this, property.name);
+                            }
+                        });
+                        Object.defineProperty(this, `${property.name}Change`, {
+                            value: NEVER,
+                        });
+                        if (property.skipInit) {
+                            defineSkipInitProp(this, property.name);
+                        }
+                    }
+                }
+            }
+        }
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DeconstructRelations.prototype, "object", void 0);
+DeconstructRelations = __decorate([
+    DebugData({
+        inputs: [
+            nameof('object'),
+        ],
+        dynamicEndpointsGetter: function (obj) {
+            if (!obj.ɵRelationsOptions) {
+                return {
+                    inputs: [],
+                    outputs: [],
+                };
+            }
+            return {
+                inputs: [],
+                outputs: obj.ɵRelationsOptions.properties?.map(itm => itm.name) ?? [],
+            };
+        }
+    }),
+    PureRelationsComponent(),
+    RelationsEditorMetadata(DeconstructRelationsMetadataLoader),
+    __metadata("design:paramtypes", [Injector])
+], DeconstructRelations);
+export { DeconstructRelations };
+//# sourceMappingURL=deconstruct.relations.js.map

package/es2022/basic-components/src/dynamicItems/deconstruct/deconstruct.relations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deconstruct.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/deconstruct/deconstruct.relations.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injector, Input, SimpleChanges} from '@angular/core';\nimport {DebugData, defineAssignedProp, defineSkipInitProp, PureRelationsComponent, RelationsChangeDetector, RelationsComponent, RelationsComponentManager} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {Dictionary, isPresent, nameof} from '@jscrpt/common';\nimport {NEVER} from 'rxjs';\n\nimport {DeconstructRelationsMetadataLoader} from './deconstruct.metadata';\nimport {DeconstructRelationsOptions} from './deconstruct.options';\n\n/**\n * Deconstruct relations component\n */\n@DebugData(\n{\n    inputs: \n    [\n        nameof<DeconstructRelations>('object'),\n    ],\n    dynamicEndpointsGetter: function(obj: DeconstructRelations)\n    {\n        if(!obj.ɵRelationsOptions)\n        {\n            return {\n                inputs: [],\n                outputs: [],\n            };\n        }\n\n        return {\n            inputs: [],\n            outputs: obj.ɵRelationsOptions.properties?.map(itm => itm.name) ?? [],\n        };\n    }\n})\n@PureRelationsComponent()\n@RelationsEditorMetadata(DeconstructRelationsMetadataLoader)\nexport class DeconstructRelations<TObj extends Dictionary = Dictionary> implements RelationsComponent<DeconstructRelationsOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Options used in this relations component\n     */\n    protected ɵRelationsOptions: DeconstructRelationsOptions|undefined|null;\n\n    /**\n     * Current relations change detector instance\n     */\n    protected relationsChangeDetector: RelationsChangeDetector;\n\n    /**\n     * Current relations component manager instance\n     */\n    protected relationsComponentManager: RelationsComponentManager;\n\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get relationsOptions(): DeconstructRelationsOptions|undefined|null\n    {\n        return this.ɵRelationsOptions;\n    }\n    public set relationsOptions(value: DeconstructRelationsOptions|undefined|null)\n    {\n        this.ɵRelationsOptions = value;\n\n        this.initialize();\n    }\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Initial state value that is set\n     */\n    @Input()\n    public object: TObj|undefined|null;\n\n    //######################### constructor #########################\n    constructor(injector: Injector,)\n    {\n        this.relationsChangeDetector = injector.get(RelationsChangeDetector);\n        this.relationsComponentManager = injector.get(RelationsComponentManager);\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<DeconstructRelations>('object') in changes)\n        {\n            if(this.relationsOptions?.properties.length)\n            {\n                const id = this.relationsComponentManager.getId(this);\n\n                for(const property of this.relationsOptions.properties)\n                {\n                    const thisDictionary = this as Dictionary;\n\n                    thisDictionary[property.name] = this.object?.[property.name];\n\n                    if(isPresent(id))\n                    {\n                        this.relationsChangeDetector.markForCheck(\n                        {\n                            componentId: id,\n                            outputName: property.name,\n                        });\n                    }\n                }\n            }\n        }\n    }\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Initialize rest relations\n     */\n    protected initialize(): void\n    {\n        if(this.relationsOptions)\n        {\n            if(this.relationsOptions.properties.length)\n            {\n                for(const property of this.relationsOptions.properties)\n                {\n                    if(property.name)\n                    {\n                        Object.defineProperty(this,\n                                              property.name,\n                                              {\n                                                  get: function()\n                                                  {\n                                                      return this[`ɵ${property.name}`];\n                                                  },\n                                                  set: function(value)\n                                                  {\n                                                      this[`ɵ${property.name}`] = value;\n                                                      defineAssignedProp(this, property.name);\n                                                  }\n                                              });\n\n                        Object.defineProperty(this,\n                                              `${property.name}Change`,\n                                              {\n                                                  value: NEVER,\n                                              });\n\n                        if(property.skipInit)\n                        {\n                            defineSkipInitProp(this, property.name);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/deconstruct/metadata/deconstruct.relationsMetadata.js

@@ -0,0 +1,24 @@
+import { DeconstructNodeSAComponent } from '../node/deconstructNode.component';
+/**
+ * Deconstruct relations metadata
+ */
+export class DeconstructRelationsEditorMetadata {
+    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'Deconstruct',
+        description: 'Allows deconstruction of object into its properties as outputs',
+        group: 'Data',
+    };
+    /**
+     * @inheritdoc
+     */
+    nodeDefinition = DeconstructNodeSAComponent;
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=deconstruct.relationsMetadata.js.map

package/es2022/basic-components/src/dynamicItems/deconstruct/metadata/deconstruct.relationsMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deconstruct.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/deconstruct/metadata/deconstruct.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AAE7E;;GAEG;AACH,MAAM,OAAO,kCAAkC;IAE3C,6HAA6H;IAE7H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,gEAAgE;QAC7E,KAAK,EAAE,MAAM;KAChB,CAAC;IAEF;;OAEG;IACI,cAAc,GAAwB,0BAA0B,CAAC;IAExE,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {DeconstructNodeSAComponent} from '../node/deconstructNode.component';\n\n/**\n * Deconstruct relations metadata\n */\nexport class DeconstructRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'Deconstruct',\n        description: 'Allows deconstruction of object into its properties as outputs',\n        group: 'Data',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = DeconstructNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.js

@@ -0,0 +1,99 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FirstUppercaseLocalizeSAPipe } from '@anglr/common';
+import { TitledDialogService } from '@anglr/common/material';
+import { RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent } from '@anglr/dynamic/relations-editor';
+import { ConfigureNodeEndpointSAComponent } from '@anglr/dynamic/layout-relations';
+import { lastValueFrom } from '@jscrpt/common/rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@anglr/common/material";
+import * as i2 from "@angular/common";
+/**
+ * Relations node component for deconstruct
+ */
+export class DeconstructNodeSAComponent extends RelationsNodeBase {
+    dialog;
+    //######################### protected properties - template bindings #########################
+    /**
+     * Gets added property names
+     */
+    get properties() {
+        if (!this.metadata) {
+            return [];
+        }
+        this.metadata.relationsOptions ??=
+            {
+                properties: [],
+            };
+        return this.metadata.relationsOptions.properties ?? [];
+    }
+    //######################### constructor #########################
+    constructor(changeDetector, element, dialog) {
+        super(changeDetector, element);
+        this.dialog = dialog;
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Adds new property
+     */
+    async addProperty() {
+        const name = {
+            name: `property${this.properties.length + 1}`,
+            defaultValue: undefined,
+            noDefaultValue: true,
+            skipInit: false,
+            allowSkipInit: true,
+        };
+        await this.configureEndpoint(name);
+    }
+    /**
+     * Removes property
+     * @param name - Name of property to be removed
+     */
+    removeProperty(name) {
+        let index;
+        if (this.metadata?.relationsOptions?.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == name)) >= 0) {
+            this.metadata.relationsOptions.properties.splice(index, 1);
+            this.history.getNewState();
+        }
+    }
+    /**
+     * Configures endpoint
+     * @param endpoint - Endpoint to be configured
+     */
+    async configureEndpoint(endpoint) {
+        const newEndpoint = JSON.parse(JSON.stringify(endpoint));
+        const result = await lastValueFrom(this.dialog.open(ConfigureNodeEndpointSAComponent, {
+            title: 'configure property',
+            width: '60vw',
+            data: newEndpoint,
+        }).afterClosed());
+        //rename
+        if (result && this.metadata?.relationsOptions) {
+            let index;
+            if (this.metadata.relationsOptions.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == endpoint.name)) >= 0) {
+                this.metadata.relationsOptions.properties.splice(index, 1);
+                this.metadata.relationsOptions.properties.splice(index, 0, newEndpoint);
+            }
+            else {
+                this.metadata.relationsOptions.properties ??= [];
+                this.metadata.relationsOptions.properties.push(newEndpoint);
+            }
+            this.history.getNewState();
+        }
+        return result ?? false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DeconstructNodeSAComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: DeconstructNodeSAComponent, isStandalone: true, selector: "deconstruct-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></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=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\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" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DeconstructNodeSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'deconstruct-node', standalone: true, imports: [
+                        RelationsNodeHeaderSAComponent,
+                        RelationNodeInputSAComponent,
+                        RelationNodeOutputSAComponent,
+                        CommonModule,
+                        FirstUppercaseLocalizeSAPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></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=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TitledDialogService }] });
+//# sourceMappingURL=deconstructNode.component.js.map

package/es2022/basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deconstructNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.ts","../../../../../../basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {RelationsNode, RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent} from '@anglr/dynamic/relations-editor';\nimport {ComponentEndpointDef, ConfigureNodeEndpointData, ConfigureNodeEndpointSAComponent} from '@anglr/dynamic/layout-relations';\nimport {lastValueFrom} from '@jscrpt/common/rxjs';\n\nimport {DeconstructRelationsOptions} from '../deconstruct.options';\n\n/**\n * Relations node component for deconstruct\n */\n@Component(\n{\n    selector: 'deconstruct-node',\n    templateUrl: 'deconstructNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        CommonModule,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DeconstructNodeSAComponent extends RelationsNodeBase<DeconstructRelationsOptions> implements RelationsNode<DeconstructRelationsOptions>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Gets added property names\n     */\n    protected get properties(): ComponentEndpointDef[]\n    {\n        if(!this.metadata)\n        {\n            return [];\n        }\n\n        this.metadata.relationsOptions ??= \n        {\n            properties: [],\n        };\n\n        return this.metadata.relationsOptions.properties ?? [];\n    }\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     * Adds new property\n     */\n    protected async addProperty(): Promise<void>\n    {\n        const name: ConfigureNodeEndpointData =\n        {\n            name: `property${this.properties.length + 1}`,\n            defaultValue: undefined,\n            noDefaultValue: true,\n            skipInit: false,\n            allowSkipInit: true,\n        };\n\n        await this.configureEndpoint(name);\n    }\n\n    /**\n     * Removes property\n     * @param name - Name of property to be removed\n     */\n    protected removeProperty(name: string): void\n    {\n        let index: number;\n\n        if(this.metadata?.relationsOptions?.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == name)) >= 0)\n        {\n            this.metadata.relationsOptions.properties.splice(index, 1);\n\n            this.history.getNewState();\n        }\n    }\n\n    /**\n     * Configures endpoint\n     * @param endpoint - Endpoint to be configured\n     */\n    protected async configureEndpoint(endpoint: ConfigureNodeEndpointData): Promise<boolean>\n    {\n        const newEndpoint = JSON.parse(JSON.stringify(endpoint));\n        \n        const result = await lastValueFrom(this.dialog.open<ConfigureNodeEndpointSAComponent, ConfigureNodeEndpointData, true|undefined|null>(ConfigureNodeEndpointSAComponent,\n        {\n            title: 'configure property',\n            width: '60vw',\n            data: newEndpoint,\n        }).afterClosed());\n\n        //rename\n        if(result && this.metadata?.relationsOptions)\n        {\n            let index: number;\n\n            if(this.metadata.relationsOptions.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == endpoint.name)) >= 0)\n            {\n                this.metadata.relationsOptions.properties.splice(index, 1);\n                this.metadata.relationsOptions.properties.splice(index, 0, newEndpoint);\n            }\n            else\n            {\n                this.metadata.relationsOptions.properties ??= [];\n                this.metadata.relationsOptions.properties.push(newEndpoint);\n            }\n\n            this.history.getNewState();\n        }\n\n        return result ?? false;\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></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=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>"]}

package/es2022/basic-components/src/dynamicItems/empty/empty.relations.js

@@ -0,0 +1,50 @@
+import { __decorate, __metadata } from "tslib";
+import { DynamicOutput, PureRelationsComponent } from '@anglr/dynamic/relations';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { nameof } from '@jscrpt/common';
+import isEmpty from 'lodash-es/isEmpty';
+import { EmptyRelationsMetadataLoader } from './empty.metadata';
+/**
+ * Empty relations component
+ */
+let EmptyRelations = class EmptyRelations {
+    //######################### public properties - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    relationsOptions;
+    //######################### public properties - inputs #########################
+    /**
+     * Input value to be checked
+     */
+    value;
+    //######################### public properties - dynamic outputs #########################
+    /**
+     * Indication whether input value is empty
+     */
+    result = true;
+    //######################### public methods - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    ngOnChanges(changes) {
+        if (nameof('value') in changes) {
+            this.result = isEmpty(this.value);
+        }
+    }
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals() {
+    }
+};
+__decorate([
+    DynamicOutput(),
+    __metadata("design:type", Object)
+], EmptyRelations.prototype, "result", void 0);
+EmptyRelations = __decorate([
+    PureRelationsComponent(),
+    RelationsEditorMetadata(EmptyRelationsMetadataLoader)
+], EmptyRelations);
+export { EmptyRelations };
+//# sourceMappingURL=empty.relations.js.map

package/es2022/basic-components/src/dynamicItems/empty/empty.relations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/empty/empty.relations.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAE,sBAAsB,EAAqB,MAAM,0BAA0B,CAAC;AACnG,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,4BAA4B,EAAC,MAAM,kBAAkB,CAAC;AAE9D;;GAEG;AAGI,IAAM,cAAc,GAApB,MAAM,cAAc;IAEvB,8GAA8G;IAE9G;;OAEG;IACI,gBAAgB,CAAM;IAE7B,gFAAgF;IAEhF;;OAEG;IACI,KAAK,CAAU;IAEtB,yFAAyF;IAEzF;;OAEG;IAEI,MAAM,GAA2B,IAAI,CAAC;IAE7C,2GAA2G;IAE3G;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,MAAM,CAAiB,OAAO,CAAC,IAAI,OAAO,EAC7C;YACI,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACrC;IACL,CAAC;IAED;;OAEG;IACI,iBAAiB;IAExB,CAAC;CACJ,CAAA;AArBU;IADN,aAAa,EAAE;;8CAC6B;AAtBpC,cAAc;IAF1B,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,4BAA4B,CAAC;GACzC,cAAc,CA2C1B","sourcesContent":["import {SimpleChanges} from '@angular/core';\nimport {DynamicOutput, PureRelationsComponent, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {nameof} from '@jscrpt/common';\nimport isEmpty from 'lodash-es/isEmpty';\n\nimport {EmptyRelationsMetadataLoader} from './empty.metadata';\n\n/**\n * Empty relations component\n */\n@PureRelationsComponent()\n@RelationsEditorMetadata(EmptyRelationsMetadataLoader)\nexport class EmptyRelations implements RelationsComponent\n{\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public relationsOptions: any;\n\n    //######################### public properties - inputs #########################\n    \n    /**\n     * Input value to be checked\n     */\n    public value: unknown;\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * Indication whether input value is empty\n     */\n    @DynamicOutput()\n    public result: boolean|undefined|null = true;\n\n    //######################### public methods - implementation of RelationsComponent #########################\n    \n    /**\n     * @inheritdoc\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<EmptyRelations>('value') in changes)\n        {\n            this.result = isEmpty(this.value);\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/empty/metadata/empty.relationsMetadata.js

@@ -0,0 +1,24 @@
+import { EmptyNodeSAComponent } from '../node/emptyNode.component';
+/**
+ * Empty relations metadata
+ */
+export class EmptyRelationsEditorMetadata {
+    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'Empty',
+        description: 'Checks whether input value is empty',
+        group: 'Logical',
+    };
+    /**
+     * @inheritdoc
+     */
+    nodeDefinition = EmptyNodeSAComponent;
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=empty.relationsMetadata.js.map

package/es2022/basic-components/src/dynamicItems/empty/metadata/empty.relationsMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/empty/metadata/empty.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAEjE;;GAEG;AACH,MAAM,OAAO,4BAA4B;IAErC,6HAA6H;IAE7H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qCAAqC;QAClD,KAAK,EAAE,SAAS;KACnB,CAAC;IAEF;;OAEG;IACI,cAAc,GAAwB,oBAAoB,CAAC;IAElE,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {EmptyNodeSAComponent} from '../node/emptyNode.component';\n\n/**\n * Empty relations metadata\n */\nexport class EmptyRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'Empty',\n        description: 'Checks whether input value is empty',\n        group: 'Logical',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = EmptyNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/empty/node/emptyNode.component.js

@@ -0,0 +1,21 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent } from '@anglr/dynamic/relations-editor';
+import { FirstUppercaseLocalizeSAPipe } from '@anglr/common';
+import * as i0 from "@angular/core";
+/**
+ * Relations node component for empty
+ */
+export class EmptyNodeSAComponent extends RelationsNodeBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EmptyNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EmptyNodeSAComponent, isStandalone: true, selector: "empty-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'empty'|firstUppercaseLocalize\"></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=\"value\" [parent]=\"this\"></relation-node-input>\n                <div>{{'value'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'result'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"result\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\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" }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EmptyNodeSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'empty-node', standalone: true, imports: [
+                        RelationsNodeHeaderSAComponent,
+                        RelationNodeInputSAComponent,
+                        RelationNodeOutputSAComponent,
+                        FirstUppercaseLocalizeSAPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'empty'|firstUppercaseLocalize\"></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=\"value\" [parent]=\"this\"></relation-node-input>\n                <div>{{'value'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'result'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"result\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>" }]
+        }] });
+//# sourceMappingURL=emptyNode.component.js.map

package/es2022/basic-components/src/dynamicItems/empty/node/emptyNode.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/empty/node/emptyNode.component.ts","../../../../../../basic-components/src/dynamicItems/empty/node/emptyNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AAeH,MAAM,OAAO,oBAAqB,SAAQ,iBAAiB;uGAA9C,oBAAoB;2FAApB,oBAAoB,6FCrBjC,u3BAkBM,4CDJE,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,4DAC7B,4BAA4B;;2FAIvB,oBAAoB;kBAdhC,SAAS;+BAEI,YAAY,cAEV,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;wBAC7B,4BAA4B;qBAC/B,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\n\n/**\n * Relations node component for empty\n */\n@Component(\n{\n    selector: 'empty-node',\n    templateUrl: 'emptyNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EmptyNodeSAComponent extends RelationsNodeBase implements RelationsNode\n{\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'empty'|firstUppercaseLocalize\"></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=\"value\" [parent]=\"this\"></relation-node-input>\n                <div>{{'value'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'result'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"result\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>"]}

package/es2022/basic-components/src/dynamicItems/firstNonNull/firstNonNull.relations.js

@@ -0,0 +1,117 @@
+import { __decorate, __metadata } from "tslib";
+import { DebugData, DynamicOutput, PureRelationsComponent } from '@anglr/dynamic/relations';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { nameof } from '@jscrpt/common';
+import { FirstNonNullRelationsMetadataLoader } from './firstNonNull.metadata';
+/**
+ * First non null relations component
+ */
+let FirstNonNullRelations = class FirstNonNullRelations {
+    //######################### protected properties #########################
+    /**
+     * Options used in this relations component
+     */
+    ɵRelationsOptions;
+    //######################### public properties - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    get relationsOptions() {
+        return this.ɵRelationsOptions;
+    }
+    set relationsOptions(value) {
+        this.ɵRelationsOptions = value;
+        this.initialize();
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * First data to be cheched
+     */
+    data1;
+    /**
+     * Next data to be checked
+     */
+    data2;
+    /**
+     * Dynamic data values to be checked
+     */
+    dynamicData = {};
+    //######################### public properties - dynamic outputs #########################
+    /**
+     * Resulting data
+     */
+    data;
+    //######################### public methods - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    ngOnChanges(changes) {
+        if (nameof('data1') in changes || nameof('data2') in changes) {
+            this.evaluateResult();
+        }
+    }
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals() {
+    }
+    /**
+     * Initialize logical and relations
+     */
+    initialize() {
+        if (this.relationsOptions) {
+            if (this.relationsOptions?.properties?.length) {
+                for (const name of this.relationsOptions.properties) {
+                    if (name) {
+                        Object.defineProperty(this, name, {
+                            set: function (value) {
+                                this.dynamicData[name] = value;
+                                this.evaluateResult();
+                            }
+                        });
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * Evaluates conditions result
+     */
+    evaluateResult() {
+        if (this.data1) {
+            this.data = this.data1;
+            return;
+        }
+        if (this.data2) {
+            this.data = this.data2;
+            return;
+        }
+        if (this.relationsOptions?.properties?.length) {
+            for (const name of this.relationsOptions.properties) {
+                if (this.dynamicData[name]) {
+                    this.data = this.dynamicData[name];
+                    return;
+                }
+            }
+        }
+    }
+};
+__decorate([
+    DynamicOutput(),
+    __metadata("design:type", Object)
+], FirstNonNullRelations.prototype, "data", void 0);
+FirstNonNullRelations = __decorate([
+    DebugData({
+        inputs: [
+            nameof('data1'),
+            nameof('data2'),
+        ],
+        outputs: [
+            nameof('data'),
+        ],
+    }),
+    PureRelationsComponent(),
+    RelationsEditorMetadata(FirstNonNullRelationsMetadataLoader)
+], FirstNonNullRelations);
+export { FirstNonNullRelations };
+//# sourceMappingURL=firstNonNull.relations.js.map

package/es2022/basic-components/src/dynamicItems/firstNonNull/firstNonNull.relations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firstNonNull.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/firstNonNull/firstNonNull.relations.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,sBAAsB,EAAqB,MAAM,0BAA0B,CAAC;AAC9G,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,mCAAmC,EAAC,MAAM,yBAAyB,CAAC;AAG5E;;GAEG;AAeI,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAE9B,0EAA0E;IAE1E;;OAEG;IACO,iBAAiB,CAA8C;IAEzE,8GAA8G;IAE9G;;OAEG;IACH,IAAW,gBAAgB;QAEvB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IACD,IAAW,gBAAgB,CAAC,KAAkD;QAE1E,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAE/B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED,gFAAgF;IAEhF;;OAEG;IACI,KAAK,CAAU;IAEtB;;OAEG;IACI,KAAK,CAAU;IAEtB;;OAEG;IACI,WAAW,GAA6B,EAAE,CAAC;IAElD,yFAAyF;IAEzF;;OAEG;IAEI,IAAI,CAAU;IAErB,2GAA2G;IAE3G;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,IAAG,MAAM,CAAwB,OAAO,CAAC,IAAI,OAAO,IAAI,MAAM,CAAwB,OAAO,CAAC,IAAI,OAAO,EACzG;YACI,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;IAED;;OAEG;IACI,iBAAiB;IAExB,CAAC;IAED;;OAEG;IACO,UAAU;QAEhB,IAAG,IAAI,CAAC,gBAAgB,EACxB;YACI,IAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAC5C;gBACI,KAAI,MAAM,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAClD;oBACI,IAAG,IAAI,EACP;wBACI,MAAM,CAAC,cAAc,CAAC,IAAI,EACJ,IAAI,EACJ;4BACI,GAAG,EAAE,UAAS,KAAK;gCAEf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gCAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;4BAC1B,CAAC;yBACJ,CAAC,CAAC;qBAC5B;iBACJ;aACJ;SACJ;IACL,CAAC;IAED;;OAEG;IACO,cAAc;QAEpB,IAAG,IAAI,CAAC,KAAK,EACb;YACI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,OAAO;SACV;QAED,IAAG,IAAI,CAAC,KAAK,EACb;YACI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,OAAO;SACV;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAC7C;YACI,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,UAAU,EACnD;gBACI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAC1B;oBACI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;oBACnC,OAAO;iBACV;aACJ;SACJ;IACL,CAAC;CACJ,CAAA;AA/EU;IADN,aAAa,EAAE;;mDACK;AAhDZ,qBAAqB;IAdjC,SAAS,CACV;QACI,MAAM,EACN;YACI,MAAM,CAAwB,OAAO,CAAC;YACtC,MAAM,CAAwB,OAAO,CAAC;SACzC;QACD,OAAO,EACP;YACI,MAAM,CAAwB,MAAM,CAAC;SACxC;KACJ,CAAC;IACD,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,mCAAmC,CAAC;GAChD,qBAAqB,CA+HjC","sourcesContent":["import {SimpleChanges} from '@angular/core';\nimport {DebugData, DynamicOutput, PureRelationsComponent, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {nameof} from '@jscrpt/common';\n\nimport {FirstNonNullRelationsMetadataLoader} from './firstNonNull.metadata';\nimport {FirstNonNullRelationsOptions} from './firstNonNull.options';\n\n/**\n * First non null relations component\n */\n@DebugData(\n{\n    inputs: \n    [\n        nameof<FirstNonNullRelations>('data1'),\n        nameof<FirstNonNullRelations>('data2'),\n    ],\n    outputs: \n    [\n        nameof<FirstNonNullRelations>('data'),\n    ],\n})\n@PureRelationsComponent()\n@RelationsEditorMetadata(FirstNonNullRelationsMetadataLoader)\nexport class FirstNonNullRelations implements RelationsComponent<FirstNonNullRelationsOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Options used in this relations component\n     */\n    protected ɵRelationsOptions: FirstNonNullRelationsOptions|undefined|null;\n\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get relationsOptions(): FirstNonNullRelationsOptions|undefined|null\n    {\n        return this.ɵRelationsOptions;\n    }\n    public set relationsOptions(value: FirstNonNullRelationsOptions|undefined|null)\n    {\n        this.ɵRelationsOptions = value;\n\n        this.initialize();\n    }\n\n    //######################### public properties - inputs #########################\n    \n    /**\n     * First data to be cheched\n     */\n    public data1: unknown;\n\n    /**\n     * Next data to be checked\n     */\n    public data2: unknown;\n\n    /**\n     * Dynamic data values to be checked\n     */\n    public dynamicData: {[key: string]: unknown} = {};\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * Resulting data\n     */\n    @DynamicOutput()\n    public data: unknown;\n\n    //######################### public methods - implementation of RelationsComponent #########################\n    \n    /**\n     * @inheritdoc\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<FirstNonNullRelations>('data1') in changes || nameof<FirstNonNullRelations>('data2') in changes)\n        {\n            this.evaluateResult();\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n\n    /**\n     * Initialize logical and relations\n     */\n    protected initialize(): void\n    {\n        if(this.relationsOptions)\n        {\n            if(this.relationsOptions?.properties?.length)\n            {\n                for(const name of this.relationsOptions.properties)\n                {\n                    if(name)\n                    {\n                        Object.defineProperty(this,\n                                              name,\n                                              {\n                                                  set: function(value)\n                                                  {\n                                                      this.dynamicData[name] = value;\n                                                      this.evaluateResult();\n                                                  }\n                                              });\n                    }\n                }\n            }\n        }\n    }\n\n    /**\n     * Evaluates conditions result\n     */\n    protected evaluateResult(): void\n    {\n        if(this.data1)\n        {\n            this.data = this.data1;\n            return;\n        }\n        \n        if(this.data2)\n        {\n            this.data = this.data2;\n            return;\n        }\n\n        if (this.relationsOptions?.properties?.length)\n        {\n            for (const name of this.relationsOptions.properties)\n            {\n                if (this.dynamicData[name])\n                {\n                    this.data = this.dynamicData[name];\n                    return;\n                }\n            }\n        }\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/firstNonNull/metadata/firstNonNull.relationsMetadata.js

@@ -0,0 +1,24 @@
+import { FirstNonNullNodeSAComponent } from '../node/firstNonNullNode.component';
+/**
+ * First non null relations metadata
+ */
+export class FirstNonNullRelationsEditorMetadata {
+    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'First non null',
+        description: 'Returns first input that is set (non null)',
+        group: 'Data',
+    };
+    /**
+     * @inheritdoc
+     */
+    nodeDefinition = FirstNonNullNodeSAComponent;
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=firstNonNull.relationsMetadata.js.map

package/es2022/basic-components/src/dynamicItems/firstNonNull/metadata/firstNonNull.relationsMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firstNonNull.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/firstNonNull/metadata/firstNonNull.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,2BAA2B,EAAC,MAAM,oCAAoC,CAAC;AAE/E;;GAEG;AACH,MAAM,OAAO,mCAAmC;IAE5C,6HAA6H;IAE7H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,4CAA4C;QACzD,KAAK,EAAE,MAAM;KAChB,CAAC;IAEF;;OAEG;IACI,cAAc,GAAwB,2BAA2B,CAAC;IAEzE,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {FirstNonNullNodeSAComponent} from '../node/firstNonNullNode.component';\n\n/**\n * First non null relations metadata\n */\nexport class FirstNonNullRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'First non null',\n        description: 'Returns first input that is set (non null)',\n        group: 'Data',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = FirstNonNullNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}