@anglr/dynamic 1.0.0-beta.20240523184321 → 1.0.0-beta.20241002183652

package/basic-components/package.json

@@ -1,8 +1,7 @@
 {
     "name": "@anglr/dynamic-basic-components",
     "sideEffects": false,
-    "module": "../es2015/basic-components/src/index.js",
-    "es2015": "../es2015/basic-components/src/index.js",
+    "module": "../es2020/basic-components/src/index.js",
     "es2020": "../es2020/basic-components/src/index.js",
     "esm2020": "../es2020/basic-components/src/index.js",
     "typings": "./src/index.d.ts"

package/basic-components/src/dynamicItems/state/node/stateNode.component.d.ts

@@ -1,7 +1,9 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { MonacoEditorApi } from '@anglr/dynamic';
 import { RelationsNode, RelationsNodeBase } from '@anglr/dynamic/relations-editor';
 import { ConfigureNodeEndpointData } from '@anglr/dynamic/layout-relations';
 import { TitledDialogService } from '@anglr/common/material';
+import type { IDisposable } from 'monaco-editor';
 import { StateRelationsEditorOptions, StateRelationsOptions } from '../state.options';
 import * as i0 from "@angular/core";
 /**
@@ -9,11 +11,19 @@ import * as i0 from "@angular/core";
  */
 export declare class StateNodeSAComponent extends RelationsNodeBase<StateRelationsOptions, StateRelationsEditorOptions> implements RelationsNode<StateRelationsOptions, StateRelationsEditorOptions> {
     protected dialog: TitledDialogService;
+    /**
+     * Disposable for added typings
+     */
+    protected typingsDisposable: IDisposable | undefined | null;
     /**
      * Gets added input function names
      */
     protected get inputFunctions(): string[];
-    constructor(changeDetector: ChangeDetectorRef, element: ElementRef<HTMLElement>, dialog: TitledDialogService);
+    constructor(changeDetector: ChangeDetectorRef, element: ElementRef<HTMLElement>, monacoEditorApi: MonacoEditorApi, dialog: TitledDialogService);
+    /**
+     * @inheritdoc
+     */
+    ngOnDestroy(): void;
     /**
      * Adds new input function
      */

package/basic-components/src/dynamicItems/state/node/stateNode.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stateNode.component.d.ts","sourceRoot":"","sources":["stateNode.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAGhG,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAA8F,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,yBAAyB,EAAmC,MAAM,iCAAiC,CAAC;AAC5G,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAO3D,OAAO,EAAC,2BAA2B,EAAmC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;;AAIrH;;GAEG;AACH,qBAea,oBAAqB,SAAQ,iBAAiB,CAAC,qBAAqB,EAAE,2BAA2B,CAAE,YAAW,aAAa,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;IAyB5K,SAAS,CAAC,MAAM,EAAE,mBAAmB;IArBjD;;OAEG;IACH,SAAS,KAAK,cAAc,IAAI,MAAM,EAAE,CAavC;gBAGW,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACtB,MAAM,EAAE,mBAAmB;IAOjD;;OAEG;cACa,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAwC7C;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAe7C;;;OAGG;cACa,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAanD;;;OAGG;cACa,iBAAiB,CAAC,QAAQ,EAAE,yBAAyB,GAAG,OAAO,CAAC,OAAO,CAAC;IAiCxF;;;OAGG;cACa,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;yCAxJlD,oBAAoB;2CAApB,oBAAoB;CAoMhC"}
+{"version":3,"file":"stateNode.component.d.ts","sourceRoot":"","sources":["stateNode.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAqE,eAAe,EAA0B,MAAM,gBAAgB,CAAC;AAC5I,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAA8F,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,yBAAyB,EAAmC,MAAM,iCAAiC,CAAC;AAC5G,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAK3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAC,2BAA2B,EAAmC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;;AAErH;;GAEG;AACH,qBAea,oBAAqB,SAAQ,iBAAiB,CAAC,qBAAqB,EAAE,2BAA2B,CAAE,YAAW,aAAa,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;IAiC5K,SAAS,CAAC,MAAM,EAAE,mBAAmB;IA7BjD;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxD;;OAEG;IACH,SAAS,KAAK,cAAc,IAAI,MAAM,EAAE,CAavC;gBAGW,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EAChC,eAAe,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB;IAYjD;;OAEG;IACa,WAAW,IAAI,IAAI;IASnC;;OAEG;cACa,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAwC7C;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAe7C;;;OAGG;cACa,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAanD;;;OAGG;cACa,iBAAiB,CAAC,QAAQ,EAAE,yBAAyB,GAAG,OAAO,CAAC,OAAO,CAAC;IAiCxF;;;OAGG;cACa,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;yCAjLlD,oBAAoB;2CAApB,oBAAoB;CA6NhC"}

package/basic-components/src/dynamicItems/state/state.interface.monaco-type

@@ -0,0 +1,16 @@
+/**
+ * Function that is used for handling input value
+ * @param data - Data that are passed to this function for processing
+ */
+export type InputFunction<TData = unknown, TState = unknown> = (this: StatefullClass<TState>, data: TData) => void;
+
+/**
+ * Definition of statefull class
+ */
+export interface StatefullClass<TState = unknown>
+{
+    /**
+     * Current state that is stored for this class
+     */
+    state: TState|undefined|null;
+}

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

@@ -1,6 +1,8 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { MonacoEditorApi } from '@anglr/dynamic';
 import { RelationsNode, RelationsNodeBase } from '@anglr/dynamic/relations-editor';
 import { TitledDialogService } from '@anglr/common/material';
+import type { IDisposable } from 'monaco-editor';
 import { TransformDataRelationsEditorOptions, TransformDataRelationsOptions } from '../transformData.options';
 import * as i0 from "@angular/core";
 /**
@@ -8,7 +10,15 @@ import * as i0 from "@angular/core";
  */
 export declare class TransformDataNodeSAComponent extends RelationsNodeBase<TransformDataRelationsOptions, TransformDataRelationsEditorOptions> implements RelationsNode<TransformDataRelationsOptions, TransformDataRelationsEditorOptions> {
     protected dialog: TitledDialogService;
-    constructor(changeDetector: ChangeDetectorRef, element: ElementRef<HTMLElement>, dialog: TitledDialogService);
+    /**
+     * Disposable for added typings
+     */
+    protected typingsDisposable: IDisposable | undefined | null;
+    constructor(changeDetector: ChangeDetectorRef, element: ElementRef<HTMLElement>, monacoEditorApi: MonacoEditorApi, dialog: TitledDialogService);
+    /**
+     * @inheritdoc
+     */
+    ngOnDestroy(): void;
     /**
      * Shows code editor
      */

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

@@ -1 +1 @@
-{"version":3,"file":"transformDataNode.component.d.ts","sourceRoot":"","sources":["transformDataNode.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAA8F,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAO3D,OAAO,EAAC,mCAAmC,EAAE,6BAA6B,EAAC,MAAM,0BAA0B,CAAC;;AAI5G;;GAEG;AACH,qBAca,4BAA6B,SAAQ,iBAAiB,CAAC,6BAA6B,EAAE,mCAAmC,CAAE,YAAW,aAAa,CAAC,6BAA6B,EAAE,mCAAmC,CAAC;IAKpN,SAAS,CAAC,MAAM,EAAE,mBAAmB;gBAFrC,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACtB,MAAM,EAAE,mBAAmB;IAOjD;;OAEG;cACa,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAuC/C;;OAEG;cACgB,WAAW,IAAI,IAAI;yCAzD7B,4BAA4B;2CAA5B,4BAA4B;CAgExC"}
+{"version":3,"file":"transformDataNode.component.d.ts","sourceRoot":"","sources":["transformDataNode.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAqE,eAAe,EAA0B,MAAM,gBAAgB,CAAC;AAC5I,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAA8F,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAK3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAC,mCAAmC,EAAE,6BAA6B,EAAC,MAAM,0BAA0B,CAAC;;AAE5G;;GAEG;AACH,qBAca,4BAA6B,SAAQ,iBAAiB,CAAC,6BAA6B,EAAE,mCAAmC,CAAE,YAAW,aAAa,CAAC,6BAA6B,EAAE,mCAAmC,CAAC;IAapN,SAAS,CAAC,MAAM,EAAE,mBAAmB;IATjD;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC;gBAG5C,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EAChC,eAAe,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB;IAYjD;;OAEG;IACa,WAAW,IAAI,IAAI;IASnC;;OAEG;cACa,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAuC/C;;OAEG;cACgB,WAAW,IAAI,IAAI;yCAlF7B,4BAA4B;2CAA5B,4BAA4B;CAyFxC"}

package/basic-components/src/dynamicItems/transformData/transformData.interface.monaco-type

@@ -0,0 +1,5 @@
+/**
+ * Transforms data to another form of data
+ * @param data - Data to be transformed
+ */
+export type TransformData<TData = any, TResult = any> = (data: TData) => TResult;

package/basic-components/src/services/basicDynamicModuleItemsProvider/basicDynamicModuleItemsProvider.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicDynamicModuleItemsProvider.service.d.ts","sourceRoot":"","sources":["basicDynamicModuleItemsProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;;AAE7C;;GAEG;AACH,qBACa,+BAAgC,YAAW,qBAAqB;IAGjC,SAAS,CAAC,OAAO,CAAC;gBAAR,OAAO,CAAC,oBAAQ;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,+BAA+B;6CAA/B,+BAA+B;CAyC3C"}
+{"version":3,"file":"basicDynamicModuleItemsProvider.service.d.ts","sourceRoot":"","sources":["basicDynamicModuleItemsProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;;AAE7C;;GAEG;AACH,qBACa,+BAAgC,YAAW,qBAAqB;IAGjC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM;gBAAhB,OAAO,CAAC,EAAE,MAAM,YAAA;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,+BAA+B;6CAA/B,+BAA+B;CAyC3C"}

package/basic-components/src/services/basicDynamicModuleRelationsProvider/basicDynamicModuleRelationsProvider.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicDynamicModuleRelationsProvider.service.d.ts","sourceRoot":"","sources":["basicDynamicModuleRelationsProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;;AAEvF;;GAEG;AACH,qBACa,mCAAoC,YAAW,qBAAqB;IAGrC,SAAS,CAAC,OAAO,CAAC;gBAAR,OAAO,CAAC,oBAAQ;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,mCAAmC;6CAAnC,mCAAmC;CAiC/C"}
+{"version":3,"file":"basicDynamicModuleRelationsProvider.service.d.ts","sourceRoot":"","sources":["basicDynamicModuleRelationsProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;;AAEvF;;GAEG;AACH,qBACa,mCAAoC,YAAW,qBAAqB;IAGrC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM;gBAAhB,OAAO,CAAC,EAAE,MAAM,YAAA;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,mCAAmC;6CAAnC,mCAAmC;CAiC/C"}

package/basic-components/src/services/basicDynamicModuleTypesProvider/basicDynamicModuleTypesProvider.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicDynamicModuleTypesProvider.service.d.ts","sourceRoot":"","sources":["basicDynamicModuleTypesProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;;AAEvF;;GAEG;AACH,qBACa,+BAAgC,YAAW,qBAAqB;IAGjC,SAAS,CAAC,OAAO,CAAC;gBAAR,OAAO,CAAC,oBAAQ;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,+BAA+B;6CAA/B,+BAA+B;CAiC3C"}
+{"version":3,"file":"basicDynamicModuleTypesProvider.service.d.ts","sourceRoot":"","sources":["basicDynamicModuleTypesProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;;AAEvF;;GAEG;AACH,qBACa,+BAAgC,YAAW,qBAAqB;IAGjC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM;gBAAhB,OAAO,CAAC,EAAE,MAAM,YAAA;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,+BAA+B;6CAA/B,+BAA+B;CAiC3C"}

package/css-components/package.json

@@ -1,8 +1,7 @@
 {
     "name": "@anglr/dynamic-css-components",
     "sideEffects": false,
-    "module": "../es2015/css-components/src/index.js",
-    "es2015": "../es2015/css-components/src/index.js",
+    "module": "../es2020/css-components/src/index.js",
     "es2020": "../es2020/css-components/src/index.js",
     "esm2020": "../es2020/css-components/src/index.js",
     "typings": "./src/index.d.ts"

package/css-components/src/services/cssDynamicModuleItemsProvider/cssDynamicModuleItemsProvider.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssDynamicModuleItemsProvider.service.d.ts","sourceRoot":"","sources":["cssDynamicModuleItemsProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;;AAE7C;;GAEG;AACH,qBACa,6BAA8B,YAAW,qBAAqB;IAG/B,SAAS,CAAC,OAAO,CAAC;gBAAR,OAAO,CAAC,oBAAQ;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,6BAA6B;6CAA7B,6BAA6B;CAyCzC"}
+{"version":3,"file":"cssDynamicModuleItemsProvider.service.d.ts","sourceRoot":"","sources":["cssDynamicModuleItemsProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;;AAE7C;;GAEG;AACH,qBACa,6BAA8B,YAAW,qBAAqB;IAG/B,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM;gBAAhB,OAAO,CAAC,EAAE,MAAM,YAAA;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,6BAA6B;6CAA7B,6BAA6B;CAyCzC"}

package/css-components/src/services/cssDynamicModuleTypesProvider/cssDynamicModuleTypesProvider.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssDynamicModuleTypesProvider.service.d.ts","sourceRoot":"","sources":["cssDynamicModuleTypesProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;;AAEvF;;GAEG;AACH,qBACa,6BAA8B,YAAW,qBAAqB;IAG/B,SAAS,CAAC,OAAO,CAAC;gBAAR,OAAO,CAAC,oBAAQ;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,6BAA6B;6CAA7B,6BAA6B;CAiCzC"}
+{"version":3,"file":"cssDynamicModuleTypesProvider.service.d.ts","sourceRoot":"","sources":["cssDynamicModuleTypesProvider.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;;AAEvF;;GAEG;AACH,qBACa,6BAA8B,YAAW,qBAAqB;IAG/B,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM;gBAAhB,OAAO,CAAC,EAAE,MAAM,YAAA;IAMlE;;OAEG;IACU,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,GAAC,IAAI,CAAC;yCAZpE,6BAA6B;6CAA7B,6BAA6B;CAiCzC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"block.component.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/block/block.component.ts","../../../../../basic-components/src/dynamicItems/block/block.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAkB,mBAAmB,EAAE,kCAAkC,EAAC,MAAM,uBAAuB,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAGrF,OAAO,EAAC,yBAAyB,EAAC,MAAM,kBAAkB,CAAC;;AAE3D;;GAEG;AAeI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,mBAA0C;;6GAAnE,gBAAgB;iGAAhB,gBAAgB,wFCzB7B,+DAA2D,gFDmBnD,kCAAkC;AAM7B,gBAAgB;IAF5B,iBAAiB,CAAwB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/F,oBAAoB,CAAC,yBAAyB,CAAC;GACnC,gBAAgB,CAE5B;;2FAFY,gBAAgB;kBAd5B,SAAS;+BAEI,OAAO,cAGL,IAAI,WAEhB;wBACI,kCAAkC;qBACrC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {HostDisplayBlockStyle} from '@anglr/common';\nimport {LayoutComponent, LayoutComponentBase, LayoutComponentRendererSADirective} from '@anglr/dynamic/layout';\nimport {DescendantsGetter, LayoutEditorMetadata} from '@anglr/dynamic/layout-editor';\n\nimport {BlockComponentOptions} from './block.options';\nimport {BlockLayoutMetadataLoader} from './block.metadata';\n\n/**\n * Component used for displaying block\n */\n@Component(\n{\n    selector: 'block',\n    templateUrl: 'block.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        LayoutComponentRendererSADirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\n@DescendantsGetter<BlockComponentOptions>(options => options?.content ? [options?.content] : [])\n@LayoutEditorMetadata(BlockLayoutMetadataLoader)\nexport class BlockSAComponent extends LayoutComponentBase<BlockComponentOptions> implements LayoutComponent<BlockComponentOptions>\n{\n}","<ng-container *layoutComponentRenderer=\"options?.content\"/>"]}
+{"version":3,"file":"block.component.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/block/block.component.ts","../../../../../basic-components/src/dynamicItems/block/block.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAkB,mBAAmB,EAAE,kCAAkC,EAAC,MAAM,uBAAuB,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAGrF,OAAO,EAAC,yBAAyB,EAAC,MAAM,kBAAkB,CAAC;;AAE3D;;GAEG;AAeI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,mBAA0C;8GAAnE,gBAAgB;kGAAhB,gBAAgB,wFCzB7B,+DAA2D,gFDmBnD,kCAAkC;;AAM7B,gBAAgB;IAF5B,iBAAiB,CAAwB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/F,oBAAoB,CAAC,yBAAyB,CAAC;GACnC,gBAAgB,CAE5B;;2FAFY,gBAAgB;kBAd5B,SAAS;+BAEI,OAAO,cAGL,IAAI,WAEhB;wBACI,kCAAkC;qBACrC,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {HostDisplayBlockStyle} from '@anglr/common';\nimport {LayoutComponent, LayoutComponentBase, LayoutComponentRendererSADirective} from '@anglr/dynamic/layout';\nimport {DescendantsGetter, LayoutEditorMetadata} from '@anglr/dynamic/layout-editor';\n\nimport {BlockComponentOptions} from './block.options';\nimport {BlockLayoutMetadataLoader} from './block.metadata';\n\n/**\n * Component used for displaying block\n */\n@Component(\n{\n    selector: 'block',\n    templateUrl: 'block.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        LayoutComponentRendererSADirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\n@DescendantsGetter<BlockComponentOptions>(options => options?.content ? [options?.content] : [])\n@LayoutEditorMetadata(BlockLayoutMetadataLoader)\nexport class BlockSAComponent extends LayoutComponentBase<BlockComponentOptions> implements LayoutComponent<BlockComponentOptions>\n{\n}","<ng-container *layoutComponentRenderer=\"options?.content\"/>"]}

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

@@ -33,9 +33,9 @@ let ButtonSAComponent = class ButtonSAComponent extends LayoutComponentBase {
     onOptionsSet() {
         this.disabled = this.options?.disabled ?? false;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ButtonSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ButtonSAComponent, isStandalone: true, selector: "button-component", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: "<button [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 }); }
 };
-ButtonSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ButtonSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ButtonSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ButtonSAComponent, isStandalone: true, selector: "button-component", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: "<button [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 }),
     __metadata("design:type", Object)
@@ -53,7 +53,7 @@ ButtonSAComponent = __decorate([
     LayoutEditorMetadata(ButtonLayoutMetadataLoader)
 ], ButtonSAComponent);
 export { ButtonSAComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ButtonSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ButtonSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button-component', standalone: true, imports: [
                         NgClass,

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

@@ -1 +1 @@
-{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/button/button.component.ts","../../../../../basic-components/src/dynamicItems/button/button.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAkB,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAqB,MAAM,0BAA0B,CAAC;AACtF,OAAO,EAAC,uBAAuB,EAAa,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,MAAM,EAAY,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,0BAA0B,EAAE,6BAA6B,EAAC,MAAM,mBAAmB,CAAC;;AAE5F;;GAEG;AA2BI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,mBAA2C;IAA3E;;QASH,gFAAgF;QAEhF;;WAEG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC,yFAAyF;QAEzF;;WAEG;QAEI,UAAK,GAAe,EAAE,CAAC;KAWjC;IATG,2EAA2E;IAE3E;;OAEG;IACgB,YAAY;QAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;IACpD,CAAC;;8GAjCQ,iBAAiB;kGAAjB,iBAAiB,qICzC9B,uQAGS,gFDoBD,OAAO,oFACP,gBAAgB;AAwCb;IADN,aAAa,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC;;gDACd;AAvBrB,iBAAiB;IAb7B,SAAS,CACV;QACI,MAAM,EACN;YACI,MAAM,CAAoB,UAAU,CAAC;SACxC;QACD,OAAO,EACP;YACI,MAAM,CAAoB,OAAO,CAAC;SACrC;KACJ,CAAC;IACD,uBAAuB,CAAC,6BAA6B,CAAC;IACtD,oBAAoB,CAAC,0BAA0B,CAAC;GACpC,iBAAiB,CAkC7B;;2FAlCY,iBAAiB;kBA1B7B,SAAS;+BAEI,kBAAkB,cAGhB,IAAI,WAEhB;wBACI,OAAO;wBACP,gBAAgB;qBACnB,mBACgB,uBAAuB,CAAC,MAAM;8BA8BxC,QAAQ;sBADd,KAAK;gBASC,KAAK","sourcesContent":["import {Component, ChangeDetectionStrategy, Input} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {LayoutComponent, LayoutComponentBase} from '@anglr/dynamic/layout';\nimport {LayoutEditorMetadata} from '@anglr/dynamic/layout-editor';\nimport {DebugData, DynamicOutput, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata, VoidObject} from '@anglr/dynamic/relations-editor';\nimport {HostDisplayBlockStyle, TooltipDirective} from '@anglr/common';\nimport {nameof, PromiseOr} from '@jscrpt/common';\n\nimport {ButtonComponentOptions, ButtonComponentRelationsOptions} from './button.options';\nimport {ButtonLayoutMetadataLoader, ButtonRelationsMetadataLoader} from './button.metadata';\n\n/**\n * Component used for displaying button\n */\n@Component(\n{\n    selector: 'button-component',\n    templateUrl: 'button.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        NgClass,\n        TooltipDirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\n@DebugData(\n{\n    inputs:\n    [\n        nameof<ButtonSAComponent>('disabled'),\n    ],\n    outputs:\n    [\n        nameof<ButtonSAComponent>('click'),\n    ],\n})\n@RelationsEditorMetadata(ButtonRelationsMetadataLoader)\n@LayoutEditorMetadata(ButtonLayoutMetadataLoader)\nexport class ButtonSAComponent extends LayoutComponentBase<ButtonComponentOptions> implements LayoutComponent<ButtonComponentOptions>, RelationsComponent<ButtonComponentRelationsOptions>\n{\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public relationsOptions: ButtonComponentRelationsOptions|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Indication whether is button disabled\n     */\n    @Input()\n    public disabled: boolean = false;\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * Output used for emitting new void object value when clicked\n     */\n    @DynamicOutput({skipInit: true, sync: true})\n    public click: VoidObject = {};\n\n    //######################### protected - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onOptionsSet(): PromiseOr<void>\n    {\n        this.disabled = this.options?.disabled ?? false;\n    }\n}","<button [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>"]}
+{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/button/button.component.ts","../../../../../basic-components/src/dynamicItems/button/button.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAkB,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAqB,MAAM,0BAA0B,CAAC;AACtF,OAAO,EAAC,uBAAuB,EAAa,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,MAAM,EAAY,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,0BAA0B,EAAE,6BAA6B,EAAC,MAAM,mBAAmB,CAAC;;AAE5F;;GAEG;AA2BI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,mBAA2C;IAA3E;;QASH,gFAAgF;QAEhF;;WAEG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC,yFAAyF;QAEzF;;WAEG;QAEI,UAAK,GAAe,EAAE,CAAC;KAWjC;IATG,2EAA2E;IAE3E;;OAEG;IACgB,YAAY;QAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;IACpD,CAAC;8GAjCQ,iBAAiB;kGAAjB,iBAAiB,qICzC9B,uQAGS,gFDoBD,OAAO,oFACP,gBAAgB;;AAwCb;IADN,aAAa,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC;;gDACd;AAvBrB,iBAAiB;IAb7B,SAAS,CACV;QACI,MAAM,EACN;YACI,MAAM,CAAoB,UAAU,CAAC;SACxC;QACD,OAAO,EACP;YACI,MAAM,CAAoB,OAAO,CAAC;SACrC;KACJ,CAAC;IACD,uBAAuB,CAAC,6BAA6B,CAAC;IACtD,oBAAoB,CAAC,0BAA0B,CAAC;GACpC,iBAAiB,CAkC7B;;2FAlCY,iBAAiB;kBA1B7B,SAAS;+BAEI,kBAAkB,cAGhB,IAAI,WAEhB;wBACI,OAAO;wBACP,gBAAgB;qBACnB,mBACgB,uBAAuB,CAAC,MAAM;8BA8BxC,QAAQ;sBADd,KAAK;gBASC,KAAK","sourcesContent":["import {Component, ChangeDetectionStrategy, Input} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {LayoutComponent, LayoutComponentBase} from '@anglr/dynamic/layout';\nimport {LayoutEditorMetadata} from '@anglr/dynamic/layout-editor';\nimport {DebugData, DynamicOutput, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata, VoidObject} from '@anglr/dynamic/relations-editor';\nimport {HostDisplayBlockStyle, TooltipDirective} from '@anglr/common';\nimport {nameof, PromiseOr} from '@jscrpt/common';\n\nimport {ButtonComponentOptions, ButtonComponentRelationsOptions} from './button.options';\nimport {ButtonLayoutMetadataLoader, ButtonRelationsMetadataLoader} from './button.metadata';\n\n/**\n * Component used for displaying button\n */\n@Component(\n{\n    selector: 'button-component',\n    templateUrl: 'button.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        NgClass,\n        TooltipDirective,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\n@DebugData(\n{\n    inputs:\n    [\n        nameof<ButtonSAComponent>('disabled'),\n    ],\n    outputs:\n    [\n        nameof<ButtonSAComponent>('click'),\n    ],\n})\n@RelationsEditorMetadata(ButtonRelationsMetadataLoader)\n@LayoutEditorMetadata(ButtonLayoutMetadataLoader)\nexport class ButtonSAComponent extends LayoutComponentBase<ButtonComponentOptions> implements LayoutComponent<ButtonComponentOptions>, RelationsComponent<ButtonComponentRelationsOptions>\n{\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public relationsOptions: ButtonComponentRelationsOptions|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Indication whether is button disabled\n     */\n    @Input()\n    public disabled: boolean = false;\n\n    //######################### public properties - dynamic outputs #########################\n\n    /**\n     * Output used for emitting new void object value when clicked\n     */\n    @DynamicOutput({skipInit: true, sync: true})\n    public click: VoidObject = {};\n\n    //######################### protected - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override onOptionsSet(): PromiseOr<void>\n    {\n        this.disabled = this.options?.disabled ?? false;\n    }\n}","<button [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>"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"buttonNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/button/node/buttonNode.component.ts","../../../../../../basic-components/src/dynamicItems/button/node/buttonNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AAeH,MAAM,OAAO,qBAAsB,SAAQ,iBAAiB;;kHAA/C,qBAAqB;sGAArB,qBAAqB,8FCrBlC,i1BAkBM,4CDJE,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,4DAC7B,4BAA4B;2FAIvB,qBAAqB;kBAdjC,SAAS;+BAEI,aAAa,cAEX,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;wBAC7B,4BAA4B;qBAC/B,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\n\n/**\n * Relations node component for button\n */\n@Component(\n{\n    selector: 'button-node',\n    templateUrl: 'buttonNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ButtonNodeSAComponent extends RelationsNodeBase implements RelationsNode\n{\n}","<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>"]}
+{"version":3,"file":"buttonNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/button/node/buttonNode.component.ts","../../../../../../basic-components/src/dynamicItems/button/node/buttonNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;;AAE3D;;GAEG;AAeH,MAAM,OAAO,qBAAsB,SAAQ,iBAAiB;8GAA/C,qBAAqB;kGAArB,qBAAqB,8FCrBlC,i1BAkBM,4CDJE,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,4DAC7B,4BAA4B;;2FAIvB,qBAAqB;kBAdjC,SAAS;+BAEI,aAAa,cAEX,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;wBAC7B,4BAA4B;qBAC/B,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\n\n/**\n * Relations node component for button\n */\n@Component(\n{\n    selector: 'button-node',\n    templateUrl: 'buttonNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ButtonNodeSAComponent extends RelationsNodeBase implements RelationsNode\n{\n}","<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>"]}

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

@@ -1 +1 @@
-{"version":3,"file":"debounceValue.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/debounceValue/debounceValue.relations.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAE,sBAAsB,EAAE,uBAAuB,EAAqB,MAAM,0BAA0B,CAAC;AACxH,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,KAAK,EAAa,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAC,oCAAoC,EAAC,MAAM,0BAA0B,CAAC;AAG9E;;GAEG;AAUI,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;IA2C/B,iEAAiE;IACjE,YAAY,QAAkB;QA1C9B,0EAA0E;QAE1E;;WAEG;QACO,gBAAW,GAAqB,KAAK,CAAC;QAEhD;;WAEG;QACO,kBAAa,GAAY,KAAK,CAAC;QAEzC;;WAEG;QACO,YAAO,GAAgB,IAAI,CAAC;QA6BlC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,uBAAuB,GAAG,QAAQ,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzE,CAAC;IAED,2GAA2G;IAE3G;;OAEG;IACI,gBAAgB,CAAC,OAAsB;QAE1C,IAAG,MAAM,CAAyB,OAAO,CAAC,IAAI,OAAO,EACrD;YACI,IAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAC1B;gBACI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;aACvB;YAED,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;gBAE/B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAE3B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;oBAE1B,IAAI,CAAC,uBAAuB,CAAC,YAAY,CACzC;wBACI,WAAW,EAAE,IAAI;wBACjB,UAAU,EAAE,MAAM,CAAyB,OAAO,CAAC;qBACtD,CAAC,CAAC;gBACP,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,IAAI,CAAC,CAAsB,CAAC;YAC/D,CAAC,CAAC,CAAC;SACN;IACL,CAAC;IAED;;OAEG;IACI,iBAAiB;IAExB,CAAC;CACJ,CAAA;AAvFY,sBAAsB;IATlC,SAAS,CACV;QACI,MAAM,EACN;YACI,MAAM,CAAyB,OAAO,CAAC;SAC1C;KACJ,CAAC;IACD,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,oCAAoC,CAAC;qCA6CpC,QAAQ;GA5CrB,sBAAsB,CAuFlC","sourcesContent":["import {Injector, NgZone, SimpleChanges} from '@angular/core';\nimport {DebugData, PureRelationsComponent, RelationsChangeDetector, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {isPresent, nameof} from '@jscrpt/common';\nimport {NEVER, Observable} from 'rxjs';\n\nimport {DebounceValueRelationsMetadataLoader} from './debounceValue.metadata';\nimport {DebounceValueRelationsOptions} from './debounceValue.options';\n\n/**\n * Debounce value relations component\n */\n@DebugData(\n{\n    inputs: \n    [\n        nameof<DebounceValueRelations>('value'),\n    ],\n})\n@PureRelationsComponent()\n@RelationsEditorMetadata(DebounceValueRelationsMetadataLoader)\nexport class DebounceValueRelations<TValue = any> implements RelationsComponent<DebounceValueRelationsOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subject used for emitting change in value\n     */\n    protected valueChange: Observable<void> = NEVER;\n\n    /**\n     * Indication that initial value was already assigned\n     */\n    protected valueAssigned: boolean = false;\n\n    /**\n     * Reference number to timeout instance\n     */\n    protected timeout: number|null = null;\n\n    /**\n     * Instance of ng zone\n     */\n    protected ngZone: NgZone;\n\n    /**\n     * Current relations change detector\n     */\n    protected relationsChangeDetector: RelationsChangeDetector;\n\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public relationsOptions: DebounceValueRelationsOptions|undefined|null;\n\n    //######################### public properties - inputs/dynamic outputs #########################\n    \n    /**\n     * Value that should be debounced\n     */\n    public value: TValue|undefined|null;\n\n    //######################### constructor #########################\n    constructor(injector: Injector,)\n    {\n        this.ngZone = injector.get(NgZone);\n        this.relationsChangeDetector = injector.get(RelationsChangeDetector);\n    }\n\n    //######################### public methods - implementation of RelationsComponent #########################\n    \n    /**\n     * @inheritdoc\n     */\n    public dynamicOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<DebounceValueRelations>('value') in changes)\n        {\n            if(isPresent(this.timeout))\n            {\n                clearTimeout(this.timeout);\n                this.timeout = null;\n            }\n\n            this.ngZone.runOutsideAngular(() =>\n            {\n                this.timeout = setTimeout(() =>\n                {\n                    this.valueAssigned = true;\n                    \n                    this.relationsChangeDetector.markForCheck(\n                    {\n                        componentId: this,\n                        outputName: nameof<DebounceValueRelations>('value'),\n                    });\n                }, this.relationsOptions?.delay ?? 0) as unknown as number;\n            });\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n}"]}
+{"version":3,"file":"debounceValue.relations.js","sourceRoot":"","sources":["../../../../../basic-components/src/dynamicItems/debounceValue/debounceValue.relations.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAE,sBAAsB,EAAE,uBAAuB,EAAqB,MAAM,0BAA0B,CAAC;AACxH,OAAO,EAAC,uBAAuB,EAAC,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,KAAK,EAAa,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAC,oCAAoC,EAAC,MAAM,0BAA0B,CAAC;AAG9E;;GAEG;AAUI,IAAM,sBAAsB,GAA5B,MAAM,sBAAsB;IA2C/B,iEAAiE;IACjE,YAAY,QAAkB;QA1C9B,0EAA0E;QAE1E;;WAEG;QACO,gBAAW,GAAqB,KAAK,CAAC;QAEhD;;WAEG;QACO,kBAAa,GAAY,KAAK,CAAC;QAEzC;;WAEG;QACO,YAAO,GAAgB,IAAI,CAAC;QA6BlC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,uBAAuB,GAAG,QAAQ,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzE,CAAC;IAED,2GAA2G;IAE3G;;OAEG;IACI,gBAAgB,CAAC,OAAsB;QAE1C,IAAG,MAAM,CAAyB,OAAO,CAAC,IAAI,OAAO,EACrD,CAAC;YACG,IAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAC1B,CAAC;gBACG,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;gBAE/B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAE3B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;oBAE1B,IAAI,CAAC,uBAAuB,CAAC,YAAY,CACzC;wBACI,WAAW,EAAE,IAAI;wBACjB,UAAU,EAAE,MAAM,CAAyB,OAAO,CAAC;qBACtD,CAAC,CAAC;gBACP,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,IAAI,CAAC,CAAsB,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED;;OAEG;IACI,iBAAiB;IAExB,CAAC;CACJ,CAAA;AAvFY,sBAAsB;IATlC,SAAS,CACV;QACI,MAAM,EACN;YACI,MAAM,CAAyB,OAAO,CAAC;SAC1C;KACJ,CAAC;IACD,sBAAsB,EAAE;IACxB,uBAAuB,CAAC,oCAAoC,CAAC;qCA6CpC,QAAQ;GA5CrB,sBAAsB,CAuFlC","sourcesContent":["import {Injector, NgZone, SimpleChanges} from '@angular/core';\nimport {DebugData, PureRelationsComponent, RelationsChangeDetector, RelationsComponent} from '@anglr/dynamic/relations';\nimport {RelationsEditorMetadata} from '@anglr/dynamic/relations-editor';\nimport {isPresent, nameof} from '@jscrpt/common';\nimport {NEVER, Observable} from 'rxjs';\n\nimport {DebounceValueRelationsMetadataLoader} from './debounceValue.metadata';\nimport {DebounceValueRelationsOptions} from './debounceValue.options';\n\n/**\n * Debounce value relations component\n */\n@DebugData(\n{\n    inputs: \n    [\n        nameof<DebounceValueRelations>('value'),\n    ],\n})\n@PureRelationsComponent()\n@RelationsEditorMetadata(DebounceValueRelationsMetadataLoader)\nexport class DebounceValueRelations<TValue = any> implements RelationsComponent<DebounceValueRelationsOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subject used for emitting change in value\n     */\n    protected valueChange: Observable<void> = NEVER;\n\n    /**\n     * Indication that initial value was already assigned\n     */\n    protected valueAssigned: boolean = false;\n\n    /**\n     * Reference number to timeout instance\n     */\n    protected timeout: number|null = null;\n\n    /**\n     * Instance of ng zone\n     */\n    protected ngZone: NgZone;\n\n    /**\n     * Current relations change detector\n     */\n    protected relationsChangeDetector: RelationsChangeDetector;\n\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public relationsOptions: DebounceValueRelationsOptions|undefined|null;\n\n    //######################### public properties - inputs/dynamic outputs #########################\n    \n    /**\n     * Value that should be debounced\n     */\n    public value: TValue|undefined|null;\n\n    //######################### constructor #########################\n    constructor(injector: Injector,)\n    {\n        this.ngZone = injector.get(NgZone);\n        this.relationsChangeDetector = injector.get(RelationsChangeDetector);\n    }\n\n    //######################### public methods - implementation of RelationsComponent #########################\n    \n    /**\n     * @inheritdoc\n     */\n    public dynamicOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<DebounceValueRelations>('value') in changes)\n        {\n            if(isPresent(this.timeout))\n            {\n                clearTimeout(this.timeout);\n                this.timeout = null;\n            }\n\n            this.ngZone.runOutsideAngular(() =>\n            {\n                this.timeout = setTimeout(() =>\n                {\n                    this.valueAssigned = true;\n                    \n                    this.relationsChangeDetector.markForCheck(\n                    {\n                        componentId: this,\n                        outputName: nameof<DebounceValueRelations>('value'),\n                    });\n                }, this.relationsOptions?.delay ?? 0) as unknown as number;\n            });\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n    }\n}"]}

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

@@ -39,10 +39,10 @@ export class DebounceValueNodeSAComponent extends RelationsNodeBase {
             this.debounceTime.patchValue(this.metadata?.relationsOptions.delay);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DebounceValueNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: DebounceValueNodeSAComponent, 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: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-DebounceValueNodeSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DebounceValueNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DebounceValueNodeSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DebounceValueNodeSAComponent, 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: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DebounceValueNodeSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DebounceValueNodeSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'debounce-value-node', standalone: true, imports: [
                         ReactiveFormsModule,

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

@@ -1 +1 @@
-{"version":3,"file":"debounceValueNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/debounceValue/node/debounceValueNode.component.ts","../../../../../../basic-components/src/dynamicItems/debounceValue/node/debounceValueNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;;;AAIxC;;GAEG;AAiBH,MAAM,OAAO,4BAA6B,SAAQ,iBAAgD;IAhBlG;;QAkBI,8FAA8F;QAE9F;;WAEG;QACO,iBAAY,GAA6B,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;KA8BlF;IA5BG,mFAAmF;IAEnF;;OAEG;IACa,UAAU;QAEtB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAE7C,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EACtE;gBACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;gBAE7C,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;aAC9B;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACgB,WAAW;QAE1B,IAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EACzC;YACI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACvE;IACL,CAAC;;yHApCQ,4BAA4B;6GAA5B,4BAA4B,sGC5BzC,ytCAuBM,2CDJE,mBAAmB,syBACnB,iBAAiB,2VACjB,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,4DAC7B,4BAA4B;2FAIvB,4BAA4B;kBAhBxC,SAAS;+BAEI,qBAAqB,cAEnB,IAAI,WAEhB;wBACI,mBAAmB;wBACnB,iBAAiB;wBACjB,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;wBAC7B,4BAA4B;qBAC/B,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\nimport {NumberInputModule} from '@anglr/common/forms';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {isNumber} from '@jscrpt/common';\n\nimport {DebounceValueRelationsOptions} from '../debounceValue.options';\n\n/**\n * Debounce value node component for negation\n */\n@Component(\n{\n    selector: 'debounce-value-node',\n    templateUrl: 'debounceValueNode.component.html',\n    standalone: true,\n    imports:\n    [\n        ReactiveFormsModule,\n        NumberInputModule,\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DebounceValueNodeSAComponent extends RelationsNodeBase<DebounceValueRelationsOptions> implements RelationsNode<DebounceValueRelationsOptions>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Form control for handling debounce time\n     */\n    protected debounceTime: FormControl<number|null> = new FormControl<number>(50);\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    public override initialize(): void\n    {\n        this.debounceTime.valueChanges.subscribe(value =>\n        {\n            if(isNumber(value) && !isNaN(value) && this.metadata?.relationsOptions)\n            {\n                this.metadata.relationsOptions.delay = value;\n\n                this.history.getNewState();\n            }\n        });\n    }\n\n    /**\n     * @inheritdoc\n     */\n    protected override metadataSet(): void\n    {\n        if(this.metadata?.relationsOptions?.delay)\n        {\n            this.debounceTime.patchValue(this.metadata?.relationsOptions.delay);\n        }\n    }\n}","<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>"]}
+{"version":3,"file":"debounceValueNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/debounceValue/node/debounceValueNode.component.ts","../../../../../../basic-components/src/dynamicItems/debounceValue/node/debounceValueNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAgB,iBAAiB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,8BAA8B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;;;AAIxC;;GAEG;AAiBH,MAAM,OAAO,4BAA6B,SAAQ,iBAAgD;IAhBlG;;QAkBI,8FAA8F;QAE9F;;WAEG;QACO,iBAAY,GAA6B,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;KA8BlF;IA5BG,mFAAmF;IAEnF;;OAEG;IACa,UAAU;QAEtB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAE7C,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EACtE,CAAC;gBACG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;gBAE7C,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YAC/B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACgB,WAAW;QAE1B,IAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EACzC,CAAC;YACG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxE,CAAC;IACL,CAAC;8GApCQ,4BAA4B;kGAA5B,4BAA4B,sGC5BzC,ytCAuBM,2CDJE,mBAAmB,syBACnB,iBAAiB,2VACjB,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,4DAC7B,4BAA4B;;2FAIvB,4BAA4B;kBAhBxC,SAAS;+BAEI,qBAAqB,cAEnB,IAAI,WAEhB;wBACI,mBAAmB;wBACnB,iBAAiB;wBACjB,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;wBAC7B,4BAA4B;qBAC/B,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\nimport {NumberInputModule} from '@anglr/common/forms';\nimport {RelationsNode, RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent} from '@anglr/dynamic/relations-editor';\nimport {isNumber} from '@jscrpt/common';\n\nimport {DebounceValueRelationsOptions} from '../debounceValue.options';\n\n/**\n * Debounce value node component for negation\n */\n@Component(\n{\n    selector: 'debounce-value-node',\n    templateUrl: 'debounceValueNode.component.html',\n    standalone: true,\n    imports:\n    [\n        ReactiveFormsModule,\n        NumberInputModule,\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DebounceValueNodeSAComponent extends RelationsNodeBase<DebounceValueRelationsOptions> implements RelationsNode<DebounceValueRelationsOptions>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Form control for handling debounce time\n     */\n    protected debounceTime: FormControl<number|null> = new FormControl<number>(50);\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    public override initialize(): void\n    {\n        this.debounceTime.valueChanges.subscribe(value =>\n        {\n            if(isNumber(value) && !isNaN(value) && this.metadata?.relationsOptions)\n            {\n                this.metadata.relationsOptions.delay = value;\n\n                this.history.getNewState();\n            }\n        });\n    }\n\n    /**\n     * @inheritdoc\n     */\n    protected override metadataSet(): void\n    {\n        if(this.metadata?.relationsOptions?.delay)\n        {\n            this.debounceTime.patchValue(this.metadata?.relationsOptions.delay);\n        }\n    }\n}","<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>"]}

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

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

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

@@ -17,13 +17,13 @@ export class DeconstructNodeSAComponent extends RelationsNodeBase {
      * Gets added property names
      */
     get properties() {
-        var _a;
         if (!this.metadata) {
             return [];
         }
-        (_a = this.metadata).relationsOptions ?? (_a.relationsOptions = {
-            properties: [],
-        });
+        this.metadata.relationsOptions ??=
+            {
+                properties: [],
+            };
         return this.metadata.relationsOptions.properties ?? [];
     }
     //######################### constructor #########################
@@ -61,7 +61,6 @@ export class DeconstructNodeSAComponent extends RelationsNodeBase {
      * @param endpoint - Endpoint to be configured
      */
     async configureEndpoint(endpoint) {
-        var _a;
         const newEndpoint = JSON.parse(JSON.stringify(endpoint));
         const result = await lastValueFrom(this.dialog.open(ConfigureNodeEndpointSAComponent, {
             title: 'configure property',
@@ -76,17 +75,17 @@ export class DeconstructNodeSAComponent extends RelationsNodeBase {
                 this.metadata.relationsOptions.properties.splice(index, 0, newEndpoint);
             }
             else {
-                (_a = this.metadata.relationsOptions).properties ?? (_a.properties = []);
+                this.metadata.relationsOptions.properties ??= [];
                 this.metadata.relationsOptions.properties.push(newEndpoint);
             }
             this.history.getNewState();
         }
         return result ?? false;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DeconstructNodeSAComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: DeconstructNodeSAComponent, isStandalone: true, selector: "deconstruct-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-DeconstructNodeSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DeconstructNodeSAComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Component });
-DeconstructNodeSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DeconstructNodeSAComponent, isStandalone: true, selector: "deconstruct-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DeconstructNodeSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DeconstructNodeSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'deconstruct-node', standalone: true, imports: [
                         RelationsNodeHeaderSAComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"deconstructNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.ts","../../../../../../basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAgB,iBAAiB,EAAE,6BAA6B,EAAE,8BAA8B,EAAE,4BAA4B,EAAC,MAAM,iCAAiC,CAAC;AAC9K,OAAO,EAAkD,gCAAgC,EAAC,MAAM,iCAAiC,CAAC;AAClI,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;;;;AAIlD;;GAEG;AAgBH,MAAM,OAAO,0BAA2B,SAAQ,iBAA8C;IAE1F,8FAA8F;IAE9F;;OAEG;IACH,IAAc,UAAU;;QAEpB,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,OAAO,EAAE,CAAC;SACb;QAED,MAAA,IAAI,CAAC,QAAQ,EAAC,gBAAgB,QAAhB,gBAAgB,GAC9B;YACI,UAAU,EAAE,EAAE;SACjB,EAAC;QAEF,OAAO,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3D,CAAC;IAED,iEAAiE;IACjE,YAAY,cAAiC,EACjC,OAAgC,EACtB,MAA2B;QAE7C,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAFb,WAAM,GAAN,MAAM,CAAqB;IAGjD,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACO,KAAK,CAAC,WAAW;QAEvB,MAAM,IAAI,GACV;YACI,IAAI,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7C,YAAY,EAAE,SAAS;YACvB,cAAc,EAAE,IAAI;YACpB,QAAQ,EAAE,KAAK;YACf,aAAa,EAAE,IAAI;SACtB,CAAC;QAEF,MAAM,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED;;;OAGG;IACO,cAAc,CAAC,IAAY;QAEjC,IAAI,KAAa,CAAC;QAElB,IAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,UAAU,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAC7I;YACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAE3D,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;SAC9B;IACL,CAAC;IAED;;;OAGG;IACO,KAAK,CAAC,iBAAiB,CAAC,QAAmC;;QAEjE,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEzD,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAmF,gCAAgC,EACtK;YACI,KAAK,EAAE,oBAAoB;YAC3B,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,WAAW;SACpB,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAElB,QAAQ;QACR,IAAG,MAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAC5C;YACI,IAAI,KAAa,CAAC;YAElB,IAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EACpJ;gBACI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC3D,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;aAC3E;iBAED;gBACI,MAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAC,UAAU,QAAV,UAAU,GAAK,EAAE,EAAC;gBACjD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aAC/D;YAED,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;SAC9B;QAED,OAAO,MAAM,IAAI,KAAK,CAAC;IAC3B,CAAC;;uHApGQ,0BAA0B;2GAA1B,0BAA0B,mGC5BvC,m3DAmCM,4CDfE,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,gEAC7B,YAAY,uJACZ,4BAA4B;2FAIvB,0BAA0B;kBAftC,SAAS;+BAEI,kBAAkB,cAEhB,IAAI,WAEhB;wBACI,8BAA8B;wBAC9B,4BAA4B;wBAC5B,6BAA6B;wBAC7B,YAAY;wBACZ,4BAA4B;qBAC/B,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {RelationsNode, RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent} from '@anglr/dynamic/relations-editor';\nimport {ComponentEndpointDef, ConfigureNodeEndpointData, ConfigureNodeEndpointSAComponent} from '@anglr/dynamic/layout-relations';\nimport {lastValueFrom} from '@jscrpt/common/rxjs';\n\nimport {DeconstructRelationsOptions} from '../deconstruct.options';\n\n/**\n * Relations node component for deconstruct\n */\n@Component(\n{\n    selector: 'deconstruct-node',\n    templateUrl: 'deconstructNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        CommonModule,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DeconstructNodeSAComponent extends RelationsNodeBase<DeconstructRelationsOptions> implements RelationsNode<DeconstructRelationsOptions>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Gets added property names\n     */\n    protected get properties(): ComponentEndpointDef[]\n    {\n        if(!this.metadata)\n        {\n            return [];\n        }\n\n        this.metadata.relationsOptions ??= \n        {\n            properties: [],\n        };\n\n        return this.metadata.relationsOptions.properties ?? [];\n    }\n\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Adds new property\n     */\n    protected async addProperty(): Promise<void>\n    {\n        const name: ConfigureNodeEndpointData =\n        {\n            name: `property${this.properties.length + 1}`,\n            defaultValue: undefined,\n            noDefaultValue: true,\n            skipInit: false,\n            allowSkipInit: true,\n        };\n\n        await this.configureEndpoint(name);\n    }\n\n    /**\n     * Removes property\n     * @param name - Name of property to be removed\n     */\n    protected removeProperty(name: string): void\n    {\n        let index: number;\n\n        if(this.metadata?.relationsOptions?.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == name)) >= 0)\n        {\n            this.metadata.relationsOptions.properties.splice(index, 1);\n\n            this.history.getNewState();\n        }\n    }\n\n    /**\n     * Configures endpoint\n     * @param endpoint - Endpoint to be configured\n     */\n    protected async configureEndpoint(endpoint: ConfigureNodeEndpointData): Promise<boolean>\n    {\n        const newEndpoint = JSON.parse(JSON.stringify(endpoint));\n        \n        const result = await lastValueFrom(this.dialog.open<ConfigureNodeEndpointSAComponent, ConfigureNodeEndpointData, true|undefined|null>(ConfigureNodeEndpointSAComponent,\n        {\n            title: 'configure property',\n            width: '60vw',\n            data: newEndpoint,\n        }).afterClosed());\n\n        //rename\n        if(result && this.metadata?.relationsOptions)\n        {\n            let index: number;\n\n            if(this.metadata.relationsOptions.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == endpoint.name)) >= 0)\n            {\n                this.metadata.relationsOptions.properties.splice(index, 1);\n                this.metadata.relationsOptions.properties.splice(index, 0, newEndpoint);\n            }\n            else\n            {\n                this.metadata.relationsOptions.properties ??= [];\n                this.metadata.relationsOptions.properties.push(newEndpoint);\n            }\n\n            this.history.getNewState();\n        }\n\n        return result ?? false;\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>"]}
+{"version":3,"file":"deconstructNode.component.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.ts","../../../../../../basic-components/src/dynamicItems/deconstruct/node/deconstructNode.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {FirstUppercaseLocalizeSAPipe} from '@anglr/common';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {RelationsNode, RelationsNodeBase, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent, RelationNodeInputSAComponent} from '@anglr/dynamic/relations-editor';\nimport {ComponentEndpointDef, ConfigureNodeEndpointData, ConfigureNodeEndpointSAComponent} from '@anglr/dynamic/layout-relations';\nimport {lastValueFrom} from '@jscrpt/common/rxjs';\n\nimport {DeconstructRelationsOptions} from '../deconstruct.options';\n\n/**\n * Relations node component for deconstruct\n */\n@Component(\n{\n    selector: 'deconstruct-node',\n    templateUrl: 'deconstructNode.component.html',\n    standalone: true,\n    imports:\n    [\n        RelationsNodeHeaderSAComponent,\n        RelationNodeInputSAComponent,\n        RelationNodeOutputSAComponent,\n        CommonModule,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DeconstructNodeSAComponent extends RelationsNodeBase<DeconstructRelationsOptions> implements RelationsNode<DeconstructRelationsOptions>\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Gets added property names\n     */\n    protected get properties(): ComponentEndpointDef[]\n    {\n        if(!this.metadata)\n        {\n            return [];\n        }\n\n        this.metadata.relationsOptions ??= \n        {\n            properties: [],\n        };\n\n        return this.metadata.relationsOptions.properties ?? [];\n    }\n\n    //######################### constructor #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                protected dialog: TitledDialogService,)\n    {\n        super(changeDetector, element);\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Adds new property\n     */\n    protected async addProperty(): Promise<void>\n    {\n        const name: ConfigureNodeEndpointData =\n        {\n            name: `property${this.properties.length + 1}`,\n            defaultValue: undefined,\n            noDefaultValue: true,\n            skipInit: false,\n            allowSkipInit: true,\n        };\n\n        await this.configureEndpoint(name);\n    }\n\n    /**\n     * Removes property\n     * @param name - Name of property to be removed\n     */\n    protected removeProperty(name: string): void\n    {\n        let index: number;\n\n        if(this.metadata?.relationsOptions?.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == name)) >= 0)\n        {\n            this.metadata.relationsOptions.properties.splice(index, 1);\n\n            this.history.getNewState();\n        }\n    }\n\n    /**\n     * Configures endpoint\n     * @param endpoint - Endpoint to be configured\n     */\n    protected async configureEndpoint(endpoint: ConfigureNodeEndpointData): Promise<boolean>\n    {\n        const newEndpoint = JSON.parse(JSON.stringify(endpoint));\n        \n        const result = await lastValueFrom(this.dialog.open<ConfigureNodeEndpointSAComponent, ConfigureNodeEndpointData, true|undefined|null>(ConfigureNodeEndpointSAComponent,\n        {\n            title: 'configure property',\n            width: '60vw',\n            data: newEndpoint,\n        }).afterClosed());\n\n        //rename\n        if(result && this.metadata?.relationsOptions)\n        {\n            let index: number;\n\n            if(this.metadata.relationsOptions.properties && (index = this.metadata.relationsOptions.properties.findIndex(itm => itm.name == endpoint.name)) >= 0)\n            {\n                this.metadata.relationsOptions.properties.splice(index, 1);\n                this.metadata.relationsOptions.properties.splice(index, 0, newEndpoint);\n            }\n            else\n            {\n                this.metadata.relationsOptions.properties ??= [];\n                this.metadata.relationsOptions.properties.push(newEndpoint);\n            }\n\n            this.history.getNewState();\n        }\n\n        return result ?? false;\n    }\n}","<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'deconstruct'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"object\" [parent]=\"this\"></relation-node-input>\n                <div>{{'object'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\" *ngFor=\"let property of properties\">\n                <div class=\"dynamic-flex-row\">\n                    <div>{{property.name}}</div>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-horizontal-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); configureEndpoint(property)\">\n                        <span class=\"fas fa-pen\"></span>\n                    </button>\n\n                    <button type=\"button\" class=\"dynamic-btn-icon\" (click)=\"$event.preventDefault(); $event.stopPropagation(); removeProperty(property.name)\">\n                        <span class=\"fas fa-times\"></span>\n                    </button>\n                </div>\n\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" [name]=\"property.name\" [parent]=\"this\"></relation-node-output>\n            </div>\n\n            <div class=\"dynamic-flex-row dynamic-flex-end\">\n                <button type=\"button\" class=\"dynamic-btn-icon dynamic-margin-left-extra-small\" (click)=\"$event.preventDefault(); $event.stopPropagation(); addProperty()\">\n                    <span class=\"fas fa-plus\"></span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>"]}

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

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

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

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  * Relations node component for empty
  */
 export class EmptyNodeSAComponent extends RelationsNodeBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EmptyNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: EmptyNodeSAComponent, isStandalone: true, selector: "empty-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'empty'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"value\" [parent]=\"this\"></relation-node-input>\n                <div>{{'value'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'result'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"result\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-EmptyNodeSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EmptyNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-EmptyNodeSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EmptyNodeSAComponent, isStandalone: true, selector: "empty-node", usesInheritance: true, ngImport: i0, template: "<relations-node-header [parent]=\"this\" [destroySubject]=\"destroySubject\" [name]=\"'empty'|firstUppercaseLocalize\"></relations-node-header>\n\n<div class=\"node-content\">\n    <div class=\"inputs-outputs\">\n        <div class=\"inputs\">\n            <div class=\"input\">\n                <relation-node-input [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"value\" [parent]=\"this\"></relation-node-input>\n                <div>{{'value'|firstUppercaseLocalize}}</div>\n            </div>\n        </div>\n\n        <div class=\"outputs\">\n            <div class=\"output\">\n                <div>{{'result'|firstUppercaseLocalize}}</div>\n                <relation-node-output [parentCoordiantes]=\"nodePosition\" [zoomLevel]=\"zoomLevel\" name=\"result\" [parent]=\"this\"></relation-node-output>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "component", type: RelationsNodeHeaderSAComponent, selector: "relations-node-header", inputs: ["parent", "destroySubject", "name"] }, { kind: "component", type: RelationNodeInputSAComponent, selector: "relation-node-input" }, { kind: "component", type: RelationNodeOutputSAComponent, selector: "relation-node-output" }, { kind: "pipe", type: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EmptyNodeSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EmptyNodeSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'empty-node', standalone: true, imports: [
                         RelationsNodeHeaderSAComponent,