npm - @anglr/dynamic - Versions diffs - 1.0.0-beta.20250128110837 → 1.0.0-beta.20250602071909 - Mend

@anglr/dynamic 1.0.0-beta.20250128110837 → 1.0.0-beta.20250602071909

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (330) hide show

package/es2022/basic-components/src/dynamicItems/block/block.component.js CHANGED Viewed

@@ -9,15 +9,15 @@ import * as i0 from "@angular/core";
  * Component used for displaying block
  */
 let BlockComponent = class BlockComponent extends LayoutComponentBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: BlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: BlockComponent, isStandalone: true, selector: "block", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.content\"/>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: BlockComponent, isStandalone: true, selector: "block", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.content\"/>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 BlockComponent = __decorate([
     DescendantsGetter(options => options?.content ? [options?.content] : []),
     LayoutEditorMetadata(BlockLayoutMetadataLoader)
 ], BlockComponent);
 export { BlockComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: BlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'block', imports: [
                         LayoutComponentRendererDirective,

package/es2022/basic-components/src/dynamicItems/button/button.component.js CHANGED Viewed

@@ -33,8 +33,8 @@ let ButtonComponent = class ButtonComponent extends LayoutComponentBase {
     onOptionsSet() {
         this.disabled = this.options?.disabled ?? false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: ButtonComponent, isStandalone: true, selector: "button-component", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: "<button class=\"live-events-supported\" [type]=\"options?.type ?? 'button'\" [disabled]=\"disabled\" [ngClass]=\"options?.buttonCssClass ?? ''\" (click)=\"click = {}\" [tooltip]=\"options?.tooltip\">\n    <span [ngClass]=\"options?.icon\"></span>\n    <span>{{options?.text}}</span>\n</button>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: ButtonComponent, isStandalone: true, selector: "button-component", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: "<button class=\"live-events-supported\" [type]=\"options?.type ?? 'button'\" [disabled]=\"disabled\" [ngClass]=\"options?.buttonCssClass ?? ''\" (click)=\"click = {}\" [tooltip]=\"options?.tooltip\">\n    <span [ngClass]=\"options?.icon\"></span>\n    <span>{{options?.text}}</span>\n</button>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 __decorate([
     DynamicOutput({ skipInit: true, sync: true }),
@@ -53,7 +53,7 @@ ButtonComponent = __decorate([
     LayoutEditorMetadata(ButtonLayoutMetadataLoader)
 ], ButtonComponent);
 export { ButtonComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button-component', imports: [
                         NgClass,

package/es2022/basic-components/src/dynamicItems/button/node/buttonNode.component.js CHANGED Viewed

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  * Relations node component for button
  */
 export class ButtonNodeComponent extends RelationsNodeBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ButtonNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: ButtonNodeComponent, isStandalone: true, selector: "button-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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=\"disabled\" [parent]=\"this\"></relation-node-input>\n                <div>{{'disabled'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'click'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"click\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ButtonNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: ButtonNodeComponent, isStandalone: true, selector: "button-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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=\"disabled\" [parent]=\"this\"></relation-node-input>\n                <div>{{'disabled'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'click'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"click\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ButtonNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ButtonNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/debounceValue/node/debounceValueNode.component.js CHANGED Viewed

@@ -39,10 +39,10 @@ export class DebounceValueNodeComponent extends RelationsNodeBase {
             this.debounceTime.patchValue(this.metadata?.relationsOptions.delay);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebounceValueNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: DebounceValueNodeComponent, isStandalone: true, selector: "debounce-value-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'debounce value'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"dynamic-form-group dynamic-margin-bottom-extra-small dynamic-margin-bottom-small\">\n        <label class=\"dynamic-control-label dynamic-text-uppercase\">{{'debounce time'|firstUppercaseLocalize}}</label>\n        <input type=\"text\" class=\"dynamic-form-control\" [formControl]=\"debounceTime\" number required>\n    </div>\n\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>{{'value'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"value\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NumberInputModule }, { kind: "directive", type: i2.NumberInputControlValueAccessor, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]" }, { kind: "directive", type: i2.NumberInputValidatorDirective, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]" }, { kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DebounceValueNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: DebounceValueNodeComponent, isStandalone: true, selector: "debounce-value-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'debounce value'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"dynamic-form-group dynamic-margin-bottom-extra-small dynamic-margin-bottom-small\">\n        <label class=\"dynamic-control-label dynamic-text-uppercase\">{{'debounce time'|firstUppercaseLocalize}}</label>\n        <input type=\"text\" class=\"dynamic-form-control\" [formControl]=\"debounceTime\" number required>\n    </div>\n\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>{{'value'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"value\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NumberInputModule }, { kind: "directive", type: i2.NumberInputControlValueAccessor, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]" }, { kind: "directive", type: i2.NumberInputValidatorDirective, selector: "input[number][formControlName],input[number][formControl],input[number][ngModel]" }, { kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebounceValueNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DebounceValueNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'debounce-value-node', imports: [
                         ReactiveFormsModule,

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

@@ -82,10 +82,10 @@ export class DeconstructNodeComponent extends RelationsNodeBase {
         }
         return result ?? false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DeconstructNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: DeconstructNodeComponent, 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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DeconstructNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: DeconstructNodeComponent, 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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DeconstructNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DeconstructNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'deconstruct-node', imports: [
                         RelationsNodeHeaderComponent,

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

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  * Relations node component for empty
  */
 export class EmptyNodeComponent extends RelationsNodeBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: EmptyNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: EmptyNodeComponent, 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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: EmptyNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: EmptyNodeComponent, 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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: EmptyNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: EmptyNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'empty-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/firstNonNull/node/firstNonNullNode.component.js CHANGED Viewed

@@ -43,10 +43,10 @@ export class FirstNonNullNodeComponent extends RelationsNodeBase {
             this.history.getNewState();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FirstNonNullNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: FirstNonNullNodeComponent, isStandalone: true, selector: "first-non-null-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'first non null'|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=\"data1\" [parent]=\"this\"></relation-node-input>\n                <div>{{'data1'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data2\" [parent]=\"this\"></relation-node-input>\n                <div>{{'data2'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\" *ngFor=\"let property of properties\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property\" [parent]=\"this\"></relation-node-input>\n\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property|firstUppercaseLocalize}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"dynamic-flex-row\">\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\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'data'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FirstNonNullNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: FirstNonNullNodeComponent, isStandalone: true, selector: "first-non-null-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'first non null'|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=\"data1\" [parent]=\"this\"></relation-node-input>\n                <div>{{'data1'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data2\" [parent]=\"this\"></relation-node-input>\n                <div>{{'data2'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\" *ngFor=\"let property of properties\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property\" [parent]=\"this\"></relation-node-input>\n\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property|firstUppercaseLocalize}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"dynamic-flex-row\">\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\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'data'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"data\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FirstNonNullNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FirstNonNullNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'first-non-null-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/gridPanel/gridPanel.component.js CHANGED Viewed

@@ -18,15 +18,15 @@ let GridPanelComponent = class GridPanelComponent extends LayoutComponentBase {
         this.componentElement.nativeElement.style.gridTemplateRows = toGridRowsTemplate(this.optionsSafe.rows);
         this.componentElement.nativeElement.style.gridTemplateColumns = toGridColumnsTemplate(this.optionsSafe.columns);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: GridPanelComponent, isStandalone: true, selector: "grid-panel", usesInheritance: true, ngImport: i0, template: "@for(type of optionsSafe.areas; track type)\n{\n    <ng-container *layoutComponentRenderer=\"type\"/>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: GridPanelComponent, isStandalone: true, selector: "grid-panel", usesInheritance: true, ngImport: i0, template: "@for(type of optionsSafe.areas; track type)\n{\n    <ng-container *layoutComponentRenderer=\"type\"/>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 GridPanelComponent = __decorate([
     DescendantsGetter(options => options?.areas ?? []),
     LayoutEditorMetadata(GridPanelLayoutMetadataLoader)
 ], GridPanelComponent);
 export { GridPanelComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'grid-panel', imports: [
                         CommonModule,

package/es2022/basic-components/src/dynamicItems/gridPanel/misc/components/gridAreasDefinitionDialog/gridAreasDefinitionDialog.component.js CHANGED Viewed

@@ -143,10 +143,10 @@ export class GridAreasDefinitionDialogComponent {
         this.endEditation();
         this.areas.splice(index, 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridAreasDefinitionDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: GridAreasDefinitionDialogComponent, isStandalone: true, selector: "grid-areas-definition-dialog", ngImport: i0, template: "<div class=\"dynamic-flex-1 dynamic-margin-small dynamic-flex-column\">\n    <div class=\"dynamic-flex-row dynamic-column-gap-extra-small dynamic-margin-bottom-small\">\n        <div>{{'areas' | firstUppercaseLocalize}}</div>\n\n        <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"addArea()\" [disabled]=\"editing()\" [tooltip]=\"'add area' | firstUppercaseLocalize\">\n            <span class=\"fas fa-plus\"></span>\n        </button>\n    \n        @for(area of areas; track area)\n        {\n            <div [style.background-color]=\"area.id | stringToColor\" class=\"dynamic-flex-row dynamic-column-gap-extra-small\">\n                <div>{{area.displayName}}</div>\n\n                <button type=\"button\" class=\"dynamic-btn-icon\" [disabled]=\"editing()\" (click)=\"editArea($index)\">\n                    <span class=\"fas fa-pencil\"></span>\n                </button>\n\n                <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"removeArea($index)\">\n                    <span class=\"fas fa-trash\"></span>\n                </button>\n            </div>\n        }\n    </div>\n\n    @if(editing())\n    {\n        <div class=\"dynamic-flex-row dynamic-column-gap-extra-small dynamic-margin-bottom-small\">\n            <input class=\"dynamic-form-control dynamic-flex-1\" [formControl]=\"displayNameForm\">\n    \n            <button type=\"button\" class=\"dynamic-btn-icon\" [tooltip]=\"'confirm changes to area' | firstUppercaseLocalize\" (click)=\"endEditation()\">\n                <span class=\"fas fa-check\"></span>\n            </button>\n    \n            <div class=\"dynamic-flex-5\"></div>\n        </div>\n    }\n\n    <div class=\"grid-preview\"\n         [style.grid-template-rows]=\"options.rows | toGridRowsTemplate\"\n         [style.grid-template-columns]=\"options.columns | toGridColumnsTemplate\">\n\n        @for(row of (options.rows.length ? options.rows : [{height: 'auto'}]); track row; let rowIndex=$index)\n        {\n            @for(column of (options.columns.length ? options.columns : [{width: 'auto'}]); track column; let columnIndex=$index)\n            {\n                <div class=\"grid-preview-cell\"\n                     [class.editing]=\"editing()\"\n                     [style.grid-row]=\"(rowIndex + 1) + '/' + (rowIndex + 2)\"\n                     [style.grid-column]=\"(columnIndex + 1) + '/' + (columnIndex + 2)\"\n                     (click)=\"selectArea(rowIndex, columnIndex)\"\n                     (mouseenter)=\"setAreaEnd(rowIndex, columnIndex)\"></div>\n            }\n        }\n\n        @for(area of areas; track area)\n        {\n            <div class=\"grid-area\"\n                 [class.editing]=\"editing() && editedIndex() === $index\"\n                 [style.background-color]=\"area.id | stringToColor\"\n                 [style.grid-row]=\"(editedIndex() === $index ? (editedArea()?.gridRowStart ?? area.options?.gridRowStart) : area.options?.gridRowStart) + '/' + (editedIndex() === $index ? (editedArea()?.gridRowEnd ?? area.options?.gridRowEnd) : area.options?.gridRowEnd)\"\n                 [style.grid-column]=\"(editedIndex() === $index ? (editedArea()?.gridColumnStart ?? area.options?.gridColumnStart) : area.options?.gridColumnStart) + '/' + (editedIndex() === $index ? (editedArea()?.gridColumnEnd ?? area.options?.gridColumnEnd) : area.options?.gridColumnEnd)\"></div>\n        }\n    </div>\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end dynamic-buttons-gap\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-danger\" mat-dialog-close>\n        <span>{{'cancel' | firstUppercaseLocalize}}</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-success\" [mat-dialog-close]=\"{areas, rows: options.rows, columns: options.columns}\">\n        <span>{{'save' | firstUppercaseLocalize}}</span>\n    </button>\n</div>", styles: [".grid-preview\n{\n    display: grid;\n    gap: 2px;\n    background-color: #aaa;\n    border: 2px solid #aaa;\n    flex: 1;\n}\n\n.grid-preview-cell\n{\n    background-color: #fff;\n}\n\n.grid-preview-cell:empty\n{\n    min-width: 10px;\n    min-height: 10px;\n}\n\n.grid-preview-cell.editing\n{\n    cursor: pointer;\n}\n\n.grid-preview-cell.editing:hover\n{\n    background-color: #999;\n}\n\n.grid-area\n{\n    opacity: .6;\n}\n\n.grid-area.editing\n{\n    pointer-events: none;\n}"], dependencies: [{ kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }, { kind: "pipe", type: ToGridColumnsTemplatePipe, name: "toGridColumnsTemplate" }, { kind: "pipe", type: ToGridRowsTemplatePipe, name: "toGridRowsTemplate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: StringToColorPipe, name: "stringToColor" }, { kind: "directive", type: TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridAreasDefinitionDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: GridAreasDefinitionDialogComponent, isStandalone: true, selector: "grid-areas-definition-dialog", ngImport: i0, template: "<div class=\"dynamic-flex-1 dynamic-margin-small dynamic-flex-column\">\n    <div class=\"dynamic-flex-row dynamic-column-gap-extra-small dynamic-margin-bottom-small\">\n        <div>{{'areas' | firstUppercaseLocalize}}</div>\n\n        <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"addArea()\" [disabled]=\"editing()\" [tooltip]=\"'add area' | firstUppercaseLocalize\">\n            <span class=\"fas fa-plus\"></span>\n        </button>\n    \n        @for(area of areas; track area)\n        {\n            <div [style.background-color]=\"area.id | stringToColor\" class=\"dynamic-flex-row dynamic-column-gap-extra-small\">\n                <div>{{area.displayName}}</div>\n\n                <button type=\"button\" class=\"dynamic-btn-icon\" [disabled]=\"editing()\" (click)=\"editArea($index)\">\n                    <span class=\"fas fa-pencil\"></span>\n                </button>\n\n                <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"removeArea($index)\">\n                    <span class=\"fas fa-trash\"></span>\n                </button>\n            </div>\n        }\n    </div>\n\n    @if(editing())\n    {\n        <div class=\"dynamic-flex-row dynamic-column-gap-extra-small dynamic-margin-bottom-small\">\n            <input class=\"dynamic-form-control dynamic-flex-1\" [formControl]=\"displayNameForm\">\n    \n            <button type=\"button\" class=\"dynamic-btn-icon\" [tooltip]=\"'confirm changes to area' | firstUppercaseLocalize\" (click)=\"endEditation()\">\n                <span class=\"fas fa-check\"></span>\n            </button>\n    \n            <div class=\"dynamic-flex-5\"></div>\n        </div>\n    }\n\n    <div class=\"grid-preview\"\n         [style.grid-template-rows]=\"options.rows | toGridRowsTemplate\"\n         [style.grid-template-columns]=\"options.columns | toGridColumnsTemplate\">\n\n        @for(row of (options.rows.length ? options.rows : [{height: 'auto'}]); track row; let rowIndex=$index)\n        {\n            @for(column of (options.columns.length ? options.columns : [{width: 'auto'}]); track column; let columnIndex=$index)\n            {\n                <div class=\"grid-preview-cell\"\n                     [class.editing]=\"editing()\"\n                     [style.grid-row]=\"(rowIndex + 1) + '/' + (rowIndex + 2)\"\n                     [style.grid-column]=\"(columnIndex + 1) + '/' + (columnIndex + 2)\"\n                     (click)=\"selectArea(rowIndex, columnIndex)\"\n                     (mouseenter)=\"setAreaEnd(rowIndex, columnIndex)\"></div>\n            }\n        }\n\n        @for(area of areas; track area)\n        {\n            <div class=\"grid-area\"\n                 [class.editing]=\"editing() && editedIndex() === $index\"\n                 [style.background-color]=\"area.id | stringToColor\"\n                 [style.grid-row]=\"(editedIndex() === $index ? (editedArea()?.gridRowStart ?? area.options?.gridRowStart) : area.options?.gridRowStart) + '/' + (editedIndex() === $index ? (editedArea()?.gridRowEnd ?? area.options?.gridRowEnd) : area.options?.gridRowEnd)\"\n                 [style.grid-column]=\"(editedIndex() === $index ? (editedArea()?.gridColumnStart ?? area.options?.gridColumnStart) : area.options?.gridColumnStart) + '/' + (editedIndex() === $index ? (editedArea()?.gridColumnEnd ?? area.options?.gridColumnEnd) : area.options?.gridColumnEnd)\"></div>\n        }\n    </div>\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end dynamic-buttons-gap\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-danger\" mat-dialog-close>\n        <span>{{'cancel' | firstUppercaseLocalize}}</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-success\" [mat-dialog-close]=\"{areas, rows: options.rows, columns: options.columns}\">\n        <span>{{'save' | firstUppercaseLocalize}}</span>\n    </button>\n</div>", styles: [".grid-preview\n{\n    display: grid;\n    gap: 2px;\n    background-color: #aaa;\n    border: 2px solid #aaa;\n    flex: 1;\n}\n\n.grid-preview-cell\n{\n    background-color: #fff;\n}\n\n.grid-preview-cell:empty\n{\n    min-width: 10px;\n    min-height: 10px;\n}\n\n.grid-preview-cell.editing\n{\n    cursor: pointer;\n}\n\n.grid-preview-cell.editing:hover\n{\n    background-color: #999;\n}\n\n.grid-area\n{\n    opacity: .6;\n}\n\n.grid-area.editing\n{\n    pointer-events: none;\n}"], dependencies: [{ kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }, { kind: "pipe", type: ToGridColumnsTemplatePipe, name: "toGridColumnsTemplate" }, { kind: "pipe", type: ToGridRowsTemplatePipe, name: "toGridRowsTemplate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: StringToColorPipe, name: "stringToColor" }, { kind: "directive", type: TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridAreasDefinitionDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridAreasDefinitionDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'grid-areas-definition-dialog', imports: [
                         FirstUppercaseLocalizePipe,

package/es2022/basic-components/src/dynamicItems/gridPanel/misc/components/gridAreasPropertiesControl/gridAreasPropertiesControl.component.js CHANGED Viewed

@@ -39,10 +39,10 @@ export class GridAreasPropertiesControlComponent extends PropertiesControlBase {
             this.form.patchValue(result);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridAreasPropertiesControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: GridAreasPropertiesControlComponent, isStandalone: true, selector: "grid-areas-properties-control", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"dynamic-btn dynamic-btn-primary dynamic-align-self-center dynamic-margin-vertical-extra-small\" (click)=\"showDialog()\">\n    <span>{{'grid areas' | firstUppercaseLocalize}}</span>\n</button>", styles: [":host\n{\n    display: flex;\n    flex-direction: column;\n}"], dependencies: [{ kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridAreasPropertiesControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: GridAreasPropertiesControlComponent, isStandalone: true, selector: "grid-areas-properties-control", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"dynamic-btn dynamic-btn-primary dynamic-align-self-center dynamic-margin-vertical-extra-small\" (click)=\"showDialog()\">\n    <span>{{'grid areas' | firstUppercaseLocalize}}</span>\n</button>", styles: [":host\n{\n    display: flex;\n    flex-direction: column;\n}"], dependencies: [{ kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridAreasPropertiesControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridAreasPropertiesControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'grid-areas-properties-control', imports: [
                         FirstUppercaseLocalizePipe,

package/es2022/basic-components/src/dynamicItems/gridPanelArea/gridPanelArea.component.js CHANGED Viewed

@@ -17,15 +17,15 @@ let GridPanelAreaComponent = class GridPanelAreaComponent extends LayoutComponen
         const style = this.componentElement.nativeElement.style;
         applyGridCoordinates(this.options, style);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridPanelAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: GridPanelAreaComponent, isStandalone: true, selector: "grid-panel-area", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.component\"/>", dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridPanelAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: GridPanelAreaComponent, isStandalone: true, selector: "grid-panel-area", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.component\"/>", dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 GridPanelAreaComponent = __decorate([
     DescendantsGetter(options => options?.component ? [options.component] : []),
     LayoutEditorMetadata(GridPanelAreaLayoutMetadataLoader)
 ], GridPanelAreaComponent);
 export { GridPanelAreaComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: GridPanelAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: GridPanelAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'grid-panel-area', imports: [
                         LayoutComponentRendererDirective,

package/es2022/basic-components/src/dynamicItems/htmlBlock/htmlBlock.component.js CHANGED Viewed

@@ -37,8 +37,8 @@ let HtmlBlockComponent = class HtmlBlockComponent extends LayoutComponentBase {
             this.componentElement.nativeElement.innerHTML = this.content ?? '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HtmlBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: HtmlBlockComponent, isStandalone: true, selector: "html-block", inputs: { content: "content" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display: block;}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HtmlBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: HtmlBlockComponent, isStandalone: true, selector: "html-block", inputs: { content: "content" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display: block;}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 HtmlBlockComponent = __decorate([
     DebugData({
@@ -50,7 +50,7 @@ HtmlBlockComponent = __decorate([
     LayoutEditorMetadata(HtmlBlockLayoutMetadataLoader)
 ], HtmlBlockComponent);
 export { HtmlBlockComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HtmlBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HtmlBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'html-block', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display: block;}"] }]
         }], propDecorators: { content: [{

package/es2022/basic-components/src/dynamicItems/htmlBlock/node/htmlBlockNode.component.js CHANGED Viewed

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  * Relations node component for html block
  */
 export class HtmlBlockNodeComponent extends RelationsNodeBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HtmlBlockNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: HtmlBlockNodeComponent, isStandalone: true, selector: "html-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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=\"content\" [parent]=\"this\"></relation-node-input>\n                <div>{{'content'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HtmlBlockNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: HtmlBlockNodeComponent, isStandalone: true, selector: "html-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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=\"content\" [parent]=\"this\"></relation-node-input>\n                <div>{{'content'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HtmlBlockNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HtmlBlockNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'html-block-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/ifBlock/designer/ifBlockDesigner.component.js CHANGED Viewed

@@ -20,10 +20,10 @@ export class IfBlockDesignerComponent extends IfBlockComponent {
             this.componentElement.nativeElement.classList.add('dynamic-hidden');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: IfBlockDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: IfBlockDesignerComponent, isStandalone: true, selector: "if-block-designer", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.content\"/>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IfBlockDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: IfBlockDesignerComponent, isStandalone: true, selector: "if-block-designer", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.content\"/>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: IfBlockDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IfBlockDesignerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'if-block-designer', imports: [
                         LayoutComponentRendererDirective,

package/es2022/basic-components/src/dynamicItems/ifBlock/ifBlock.component.js CHANGED Viewed

@@ -28,8 +28,8 @@ let IfBlockComponent = class IfBlockComponent extends LayoutComponentBase {
     onOptionsSet() {
         this.condition = this.options?.condition ?? false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: IfBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: IfBlockComponent, isStandalone: true, selector: "if-block", inputs: { condition: "condition" }, usesInheritance: true, ngImport: i0, template: "@if(condition)\n{\n    <ng-container *layoutComponentRenderer=\"options?.content\"/>\n}", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IfBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: IfBlockComponent, isStandalone: true, selector: "if-block", inputs: { condition: "condition" }, usesInheritance: true, ngImport: i0, template: "@if(condition)\n{\n    <ng-container *layoutComponentRenderer=\"options?.content\"/>\n}", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 IfBlockComponent = __decorate([
     DebugData({
@@ -43,7 +43,7 @@ IfBlockComponent = __decorate([
     LayoutEditorMetadata(IfBlockLayoutMetadataLoader)
 ], IfBlockComponent);
 export { IfBlockComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: IfBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IfBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'if-block', imports: [
                         CommonModule,

package/es2022/basic-components/src/dynamicItems/ifBlock/node/ifBlockNode.component.js CHANGED Viewed

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  * Relations node component for if block
  */
 export class IfBlockNodeComponent extends RelationsNodeBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: IfBlockNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: IfBlockNodeComponent, isStandalone: true, selector: "if-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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=\"condition\" [parent]=\"this\"></relation-node-input>\n                <div>{{'condition'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n    \n        <div class=\"outputs\">\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IfBlockNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: IfBlockNodeComponent, isStandalone: true, selector: "if-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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=\"condition\" [parent]=\"this\"></relation-node-input>\n                <div>{{'condition'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n    \n        <div class=\"outputs\">\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: IfBlockNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: IfBlockNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'if-block-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/listBlock/designer/listBlockDesigner.component.js CHANGED Viewed

@@ -24,10 +24,10 @@ export class ListBlockDesignerComponent extends ListBlockComponent {
     onInit() {
         this.designer.metadataSafe.scope ??= generateId(10);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: ListBlockDesignerComponent, isStandalone: true, selector: "list-block-designer", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.template\"/>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: ListBlockDesignerComponent, isStandalone: true, selector: "list-block-designer", usesInheritance: true, ngImport: i0, template: "<ng-container *layoutComponentRenderer=\"options?.template\"/>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockDesignerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'list-block-designer', imports: [
                         LayoutComponentRendererDirective,

package/es2022/basic-components/src/dynamicItems/listBlock/listBlock.component.js CHANGED Viewed

@@ -35,8 +35,8 @@ let ListBlockComponent = class ListBlockComponent extends LayoutComponentBase {
     setId(id) {
         this.id = id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: ListBlockComponent, isStandalone: true, selector: "list-block", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "@for(datum of data; track datum)\n{\n    <ng-container [layoutComponentRenderer]=\"options?.template\" scopedRelations listBlockScope [datum]=\"datum\" [first]=\"$first\" [last]=\"$last\" [index]=\"$index\" [componentId]=\"id\"/>\n}", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }, { kind: "directive", type: ScopedRelationsDirective, selector: "[scopedRelations]" }, { kind: "directive", type: ListBlockScopeRelationsDirective, selector: "[listBlockScope]", inputs: ["datum", "index", "first", "last", "componentId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: ListBlockComponent, isStandalone: true, selector: "list-block", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "@for(datum of data; track datum)\n{\n    <ng-container [layoutComponentRenderer]=\"options?.template\" scopedRelations listBlockScope [datum]=\"datum\" [first]=\"$first\" [last]=\"$last\" [index]=\"$index\" [componentId]=\"id\"/>\n}", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LayoutComponentRendererDirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererCallback", "layoutComponentRendererProviders"] }, { kind: "directive", type: ScopedRelationsDirective, selector: "[scopedRelations]" }, { kind: "directive", type: ListBlockScopeRelationsDirective, selector: "[listBlockScope]", inputs: ["datum", "index", "first", "last", "componentId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 ListBlockComponent = __decorate([
     DebugData({
@@ -50,7 +50,7 @@ ListBlockComponent = __decorate([
     LayoutEditorMetadata(ListBlockLayoutMetadataLoader)
 ], ListBlockComponent);
 export { ListBlockComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'list-block', imports: [
                         CommonModule,

package/es2022/basic-components/src/dynamicItems/listBlock/misc/directives/listBlockScopeRelations/listBlockScopeRelations.directive.js CHANGED Viewed

@@ -79,10 +79,10 @@ export class ListBlockScopeRelationsDirective {
         this.relationsProcessor.destroyComponent(this.componentId);
         this.componentManager.unregisterComponent(this.componentId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockScopeRelationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: ListBlockScopeRelationsDirective, isStandalone: true, selector: "[listBlockScope]", inputs: { datum: "datum", index: "index", first: "first", last: "last", componentId: "componentId" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockScopeRelationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: ListBlockScopeRelationsDirective, isStandalone: true, selector: "[listBlockScope]", inputs: { datum: "datum", index: "index", first: "first", last: "last", componentId: "componentId" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockScopeRelationsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockScopeRelationsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[listBlockScope]',

package/es2022/basic-components/src/dynamicItems/listBlock/node/listBlockNode.component.js CHANGED Viewed

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  * Relations node component for list block
  */
 export class ListBlockNodeComponent extends RelationsNodeBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: ListBlockNodeComponent, isStandalone: true, selector: "list-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n    \n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'datum'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"datum\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'index'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"index\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'first'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"first\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'last'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"last\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: ListBlockNodeComponent, isStandalone: true, selector: "list-block-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\"></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'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n    \n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'datum'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"datum\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'index'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"index\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'first'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"first\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"output\">\n                <div>{{'last'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"last\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ListBlockNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ListBlockNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'list-block-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/logicalAnd/node/logicalAndNode.component.js CHANGED Viewed

@@ -43,10 +43,10 @@ export class LogicalAndNodeComponent extends RelationsNodeBase {
             this.history.getNewState();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LogicalAndNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: LogicalAndNodeComponent, isStandalone: true, selector: "logical-and-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'logical AND'|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=\"cond1\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond1'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"cond2\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond2'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\" *ngFor=\"let property of properties\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property\" [parent]=\"this\"></relation-node-input>\n\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property|firstUppercaseLocalize}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"dynamic-flex-row\">\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\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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LogicalAndNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: LogicalAndNodeComponent, isStandalone: true, selector: "logical-and-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'logical AND'|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=\"cond1\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond1'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"cond2\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond2'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\" *ngFor=\"let property of properties\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property\" [parent]=\"this\"></relation-node-input>\n\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property|firstUppercaseLocalize}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"dynamic-flex-row\">\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\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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LogicalAndNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LogicalAndNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'logical-and-node', imports: [
                         RelationsNodeHeaderComponent,

package/es2022/basic-components/src/dynamicItems/logicalOr/node/logicalOrNode.component.js CHANGED Viewed

@@ -43,10 +43,10 @@ export class LogicalOrNodeComponent extends RelationsNodeBase {
             this.history.getNewState();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LogicalOrNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: LogicalOrNodeComponent, isStandalone: true, selector: "logical-or-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'logical OR'|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=\"cond1\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond1'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"cond2\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond2'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\" *ngFor=\"let property of properties\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property\" [parent]=\"this\"></relation-node-input>\n\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property|firstUppercaseLocalize}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"dynamic-flex-row\">\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\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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LogicalOrNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: LogicalOrNodeComponent, isStandalone: true, selector: "logical-or-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'logical OR'|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=\"cond1\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond1'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"cond2\" [parent]=\"this\"></relation-node-input>\n                <div>{{'cond2'|firstUppercaseLocalize}}</div>\n            </div>\n\n            <div class=\"input\" *ngFor=\"let property of properties\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property\" [parent]=\"this\"></relation-node-input>\n\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property|firstUppercaseLocalize}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"dynamic-flex-row\">\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\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: RelationsNodeHeaderComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: LogicalOrNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LogicalOrNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'logical-or-node', imports: [
                         RelationsNodeHeaderComponent,