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

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

@@ -1 +1 @@
-{"version":3,"file":"state.relations.d.ts","sourceRoot":"","sources":["state.relations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAS,aAAa,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAyC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAKjH,OAAO,EAAC,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAC,cAAc,EAAgB,MAAM,mBAAmB,CAAC;AAEhE;;GAEG;AACH,qBAEa,cAAc,CAAC,MAAM,GAAG,OAAO,CAAE,YAAW,kBAAkB,CAAC,qBAAqB,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IA+C1G,SAAS,CAAC,QAAQ,EAAE,QAAQ;IA3CxC;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,qBAAqB,GAAC,SAAS,GAAC,IAAI,CAAC;IAElE;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAmC;IAIvE;;OAEG;IACH,IAAW,gBAAgB,IAAI,qBAAqB,GAAC,SAAS,GAAC,IAAI,CAGlE;IACD,IAAW,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAC,SAAS,GAAC,IAAI,EAKtE;IAID;;OAEG;IAEI,SAAS,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxC;;OAEG;IAEI,KAAK,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;gBAGd,QAAQ,EAAE,QAAQ;IAMxC;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUhD;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAMhC;;OAEG;IACH,SAAS,CAAC,UAAU,IAAI,IAAI;CA8C/B"}
+{"version":3,"file":"state.relations.d.ts","sourceRoot":"","sources":["state.relations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAS,aAAa,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAyC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAKjH,OAAO,EAAC,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAC,cAAc,EAAgB,MAAM,mBAAmB,CAAC;AAEhE;;GAEG;AACH,qBAEa,cAAc,CAAC,MAAM,GAAG,OAAO,CAAE,YAAW,kBAAkB,CAAC,qBAAqB,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IA+C1G,SAAS,CAAC,QAAQ,EAAE,QAAQ;IA3CxC;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,qBAAqB,GAAC,SAAS,GAAC,IAAI,CAAC;IAElE;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAIrC;;OAEG;IACH,IAAW,gBAAgB,IAAI,qBAAqB,GAAC,SAAS,GAAC,IAAI,CAGlE;IACD,IAAW,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAC,SAAS,GAAC,IAAI,EAKtE;IAID;;OAEG;IAEI,SAAS,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxC;;OAEG;IAEI,KAAK,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;gBAGd,QAAQ,EAAE,QAAQ;IAOxC;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUhD;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAMhC;;OAEG;IACH,SAAS,CAAC,UAAU,IAAI,IAAI;CA8C/B"}

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

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

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

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { HostDisplayBlockStyle } from '@anglr/common';
+import { LayoutComponentBase, LayoutComponentRendererSADirective } from '@anglr/dynamic/layout';
+import { DescendantsGetter, LayoutEditorMetadata } from '@anglr/dynamic/layout-editor';
+import { BlockLayoutMetadataLoader } from './block.metadata';
+import * as i0 from "@angular/core";
+/**
+ * Component used for displaying block
+ */
+let BlockSAComponent = class BlockSAComponent extends LayoutComponentBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: BlockSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: BlockSAComponent, isStandalone: true, selector: "block", usesInheritance: true, ngImport: i0, template: "<ng-template [layoutComponentRenderer]=\"options?.content\"></ng-template>", styles: [":host{display: block;}"], dependencies: [{ kind: "directive", type: LayoutComponentRendererSADirective, selector: "[layoutComponentRenderer]", inputs: ["layoutComponentRenderer", "layoutComponentRendererInjector", "layoutComponentRendererDisableTransformer"], outputs: ["layoutComponentRendererComponentChange", "componentElementChange"], exportAs: ["layoutComponentRenderer"] }], 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.6", ngImport: i0, type: BlockSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'block', standalone: true, imports: [
+                        LayoutComponentRendererSADirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template [layoutComponentRenderer]=\"options?.content\"></ng-template>", styles: [":host{display: block;}"] }]
+        }] });
+//# sourceMappingURL=block.component.js.map

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

@@ -0,0 +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;uGAAnE,gBAAgB;2FAAhB,gBAAgB,wFCzB7B,4EAAwE,gFDmBhE,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-template [layoutComponentRenderer]=\"options?.content\"></ng-template>"]}

package/es2022/basic-components/src/dynamicItems/block/metadata/block.layoutMetadata.js

@@ -0,0 +1,46 @@
+import { ComponentStylingModel, ComponentStylingPropertiesControlComponent } from '@anglr/dynamic/layout-editor';
+/**
+ * Block layout metadata
+ */
+export class BlockLayoutEditorMetadata {
+    //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'Block',
+        description: 'Block element, wraps content, allows custom styling',
+        group: 'Layout',
+        optionsMetadata: {
+            propertiesMetadata: [
+                {
+                    modelType: ComponentStylingModel,
+                    propertiesControls: [
+                        ComponentStylingPropertiesControlComponent,
+                    ],
+                },
+            ]
+        },
+    };
+    /**
+     * @inheritdoc
+     */
+    addDescendant = (metadata, options) => {
+        options.content = metadata;
+    };
+    /**
+     * @inheritdoc
+     */
+    canDropMetadata = options => !options?.content;
+    /**
+     * @inheritdoc
+     */
+    removeDescendant = (_, options) => {
+        options.content = null;
+    };
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=block.layoutMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block.layoutMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/block/metadata/block.layoutMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,0CAA0C,EAA2D,MAAM,8BAA8B,CAAC;AAMzK;;GAEG;AACH,MAAM,OAAO,yBAAyB;IAElC,0HAA0H;IAE1H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,qDAAqD;QAClE,KAAK,EAAE,QAAQ;QACf,eAAe,EACf;YACI,kBAAkB,EAClB;gBACI;oBACI,SAAS,EAAE,qBAAqB;oBAChC,kBAAkB,EAClB;wBACI,0CAA0C;qBAC7C;iBACJ;aACJ;SACJ;KACJ,CAAC;IAEF;;OAEG;IACI,aAAa,GAAsE,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE;QAE5G,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,CAAC,CAAC;IAEF;;OAEG;IACI,eAAe,GAA2D,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC;IAE9G;;OAEG;IACI,gBAAgB,GAA6C,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE;QAE/E,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAA;IAED,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {ComponentStylingModel, ComponentStylingPropertiesControlComponent, LayoutEditorMetadataDescriptor, LayoutEditorMetadataInfo} from '@anglr/dynamic/layout-editor';\nimport {LayoutComponentMetadata} from '@anglr/dynamic/layout';\nimport {Action, Func} from '@jscrpt/common';\n\nimport {BlockComponentOptions} from '../block.options';\n\n/**\n * Block layout metadata\n */\nexport class BlockLayoutEditorMetadata implements LayoutEditorMetadataDescriptor<BlockComponentOptions>\n{\n    //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: LayoutEditorMetadataInfo<BlockComponentOptions> =\n    {\n        name: 'Block',\n        description: 'Block element, wraps content, allows custom styling',\n        group: 'Layout',\n        optionsMetadata:\n        {\n            propertiesMetadata:\n            [\n                {\n                    modelType: ComponentStylingModel,\n                    propertiesControls:\n                    [\n                        ComponentStylingPropertiesControlComponent,\n                    ],\n                },\n            ]\n        },\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public addDescendant?: Action<[LayoutComponentMetadata, BlockComponentOptions, number]> = (metadata, options) =>\n    {\n        options.content = metadata;\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public canDropMetadata?: Func<boolean, [BlockComponentOptions|undefined|null]> = options => !options?.content;\n\n    /**\n     * @inheritdoc\n     */\n    public removeDescendant?: Action<[string, BlockComponentOptions]> = (_, options) =>\n    {\n        options.content = null;\n    }\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/block/metadata/block.model.js

@@ -0,0 +1,16 @@
+import { mapValuesToThis } from '@jscrpt/common';
+/**
+ * Block model for properties editor
+ */
+export class BlockModel {
+    //######################### public properties #########################
+    /**
+     * @inheritdoc
+     */
+    content;
+    //######################### constructor #########################
+    constructor(value) {
+        mapValuesToThis.bind(this)(value);
+    }
+}
+//# sourceMappingURL=block.model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block.model.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/block/metadata/block.model.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAI/C;;GAEG;AACH,MAAM,OAAO,UAAU;IAEnB,uEAAuE;IAEvE;;OAEG;IACI,OAAO,CAAyC;IAEvD,iEAAiE;IACjE,YAAY,KAA2C;QAEnD,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CACJ","sourcesContent":["import {LayoutComponentMetadata} from '@anglr/dynamic/layout';\nimport {mapValuesToThis} from '@jscrpt/common';\n\nimport {BlockComponentOptions} from '../block.options';\n\n/**\n * Block model for properties editor\n */\nexport class BlockModel implements BlockComponentOptions\n{\n    //######################### public properties #########################\n\n    /**\n     * @inheritdoc\n     */\n    public content: LayoutComponentMetadata|undefined|null;\n\n    //######################### constructor #########################\n    constructor(value: BlockComponentOptions|undefined|null)\n    {\n        mapValuesToThis.bind(this)(value);\n    }\n}"]}

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

@@ -0,0 +1,67 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LayoutComponentBase } from '@anglr/dynamic/layout';
+import { LayoutEditorMetadata } from '@anglr/dynamic/layout-editor';
+import { DebugData, DynamicOutput } from '@anglr/dynamic/relations';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { HostDisplayBlockStyle } from '@anglr/common';
+import { nameof } from '@jscrpt/common';
+import { ButtonLayoutMetadataLoader, ButtonRelationsMetadataLoader } from './button.metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Component used for displaying button
+ */
+let ButtonSAComponent = class ButtonSAComponent extends LayoutComponentBase {
+    //######################### public properties - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    relationsOptions;
+    //######################### public properties - inputs #########################
+    /**
+     * Indication whether is button disabled
+     */
+    disabled = false;
+    //######################### public properties - dynamic outputs #########################
+    /**
+     * Output used for emitting new void object value when clicked
+     */
+    click = {};
+    //######################### protected - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    onOptionsSet() {
+        this.disabled = this.options?.disabled ?? false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ButtonSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ButtonSAComponent, isStandalone: true, selector: "button-component", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" [disabled]=\"disabled\" [ngClass]=\"options?.buttonCssClass ?? ''\" (click)=\"click = {}\">\n    <span>{{options?.text}}</span>\n</button>", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+__decorate([
+    DynamicOutput({ skipInit: true, sync: true }),
+    __metadata("design:type", Object)
+], ButtonSAComponent.prototype, "click", void 0);
+ButtonSAComponent = __decorate([
+    DebugData({
+        inputs: [
+            nameof('disabled'),
+        ],
+        outputs: [
+            nameof('click'),
+        ],
+    }),
+    RelationsEditorMetadata(ButtonRelationsMetadataLoader),
+    LayoutEditorMetadata(ButtonLayoutMetadataLoader)
+], ButtonSAComponent);
+export { ButtonSAComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ButtonSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button-component', standalone: true, imports: [
+                        CommonModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" [disabled]=\"disabled\" [ngClass]=\"options?.buttonCssClass ?? ''\" (click)=\"click = {}\">\n    <span>{{options?.text}}</span>\n</button>", styles: [":host{display: block;}"] }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], click: [] } });
+//# sourceMappingURL=button.component.js.map

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

@@ -0,0 +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,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,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,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,MAAM,EAAY,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,0BAA0B,EAAE,6BAA6B,EAAC,MAAM,mBAAmB,CAAC;;;AAE5F;;GAEG;AA0BI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,mBAA2C;IAE9E,8GAA8G;IAE9G;;OAEG;IACI,gBAAgB,CAAM;IAE7B,gFAAgF;IAEhF;;OAEG;IAEI,QAAQ,GAAY,KAAK,CAAC;IAEjC,yFAAyF;IAEzF;;OAEG;IAEI,KAAK,GAAe,EAAE,CAAC;IAE9B,2EAA2E;IAE3E;;OAEG;IACgB,YAAY;QAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK,CAAC;IACpD,CAAC;uGAjCQ,iBAAiB;2FAAjB,iBAAiB,qICxC9B,oKAES,+EDqBD,YAAY;;AAwCT;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;kBAzB7B,SAAS;+BAEI,kBAAkB,cAGhB,IAAI,WAEhB;wBACI,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM;8BA8BxC,QAAQ;sBADd,KAAK;gBASC,KAAK","sourcesContent":["import {Component, ChangeDetectionStrategy, Input} from '@angular/core';\nimport {CommonModule} 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} from '@anglr/common';\nimport {nameof, PromiseOr} from '@jscrpt/common';\n\nimport {ButtonComponentOptions} 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        CommonModule,\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\n{\n    //######################### public properties - implementation of RelationsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public relationsOptions: any;\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=\"button\" [disabled]=\"disabled\" [ngClass]=\"options?.buttonCssClass ?? ''\" (click)=\"click = {}\">\n    <span>{{options?.text}}</span>\n</button>"]}

package/es2022/basic-components/src/dynamicItems/button/metadata/button.layoutMetadata.js

@@ -0,0 +1,44 @@
+import { ComponentStylingModel, ComponentStylingPropertiesControlComponent, genericPropertiesControlFor } from '@anglr/dynamic/layout-editor';
+import { ButtonModel } from './button.model';
+import { ButtonPresetsPropertiesControlSAComponent } from '../../../misc/buttonPresetsPropertiesControl/buttonPresetsPropertiesControl.component';
+/**
+ * Button layout metadata
+ */
+export class ButtonLayoutEditorMetadata {
+    //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'Button',
+        description: 'Simple button',
+        group: 'Buttons',
+        optionsMetadata: {
+            propertiesMetadata: [
+                {
+                    modelType: ComponentStylingModel,
+                    propertiesControls: [
+                        ComponentStylingPropertiesControlComponent,
+                    ],
+                },
+                {
+                    modelType: ButtonModel,
+                    propertiesControls: [
+                        ButtonPresetsPropertiesControlSAComponent,
+                        genericPropertiesControlFor(['buttonCssClass', 'text', 'disabled']),
+                    ],
+                },
+            ],
+        },
+        defaultOptions: {
+            text: 'Click me',
+            disabled: false,
+            buttonCssClass: 'btn btn-primary',
+        }
+    };
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=button.layoutMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.layoutMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/button/metadata/button.layoutMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,0CAA0C,EAAE,2BAA2B,EAA2D,MAAM,8BAA8B,CAAC;AAGtM,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,yCAAyC,EAAC,MAAM,uFAAuF,CAAC;AAEhJ;;GAEG;AACH,MAAM,OAAO,0BAA0B;IAEnC,0HAA0H;IAE1H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,eAAe;QAC5B,KAAK,EAAE,SAAS;QAChB,eAAe,EACf;YACI,kBAAkB,EAClB;gBACI;oBACI,SAAS,EAAE,qBAAqB;oBAChC,kBAAkB,EAClB;wBACI,0CAA0C;qBAC7C;iBACJ;gBACD;oBACI,SAAS,EAAE,WAAW;oBACtB,kBAAkB,EAClB;wBACI,yCAAyC;wBACzC,2BAA2B,CAAc,CAAC,gBAAgB,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;qBACnF;iBACJ;aACJ;SACJ;QACD,cAAc,EACd;YACI,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,KAAK;YACf,cAAc,EAAE,iBAAiB;SACpC;KACJ,CAAC;IAEF,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {ComponentStylingModel, ComponentStylingPropertiesControlComponent, genericPropertiesControlFor, LayoutEditorMetadataDescriptor, LayoutEditorMetadataInfo} from '@anglr/dynamic/layout-editor';\n\nimport {ButtonComponentOptions} from '../button.options';\nimport {ButtonModel} from './button.model';\nimport {ButtonPresetsPropertiesControlSAComponent} from '../../../misc/buttonPresetsPropertiesControl/buttonPresetsPropertiesControl.component';\n\n/**\n * Button layout metadata\n */\nexport class ButtonLayoutEditorMetadata implements LayoutEditorMetadataDescriptor<ButtonComponentOptions>\n{\n    //######################### public properties - implementation of LayoutEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: LayoutEditorMetadataInfo<ButtonComponentOptions> =\n    {\n        name: 'Button',\n        description: 'Simple button',\n        group: 'Buttons',\n        optionsMetadata:\n        {\n            propertiesMetadata:\n            [\n                {\n                    modelType: ComponentStylingModel,\n                    propertiesControls: \n                    [\n                        ComponentStylingPropertiesControlComponent,\n                    ],\n                },\n                {\n                    modelType: ButtonModel,\n                    propertiesControls: \n                    [\n                        ButtonPresetsPropertiesControlSAComponent,\n                        genericPropertiesControlFor<ButtonModel>(['buttonCssClass', 'text', 'disabled']),\n                    ],\n                },\n            ],\n        },\n        defaultOptions:\n        {\n            text: 'Click me',\n            disabled: false,\n            buttonCssClass: 'btn btn-primary',\n        }\n    };\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

package/es2022/basic-components/src/dynamicItems/button/metadata/button.model.js

@@ -0,0 +1,44 @@
+import { __decorate, __metadata } from "tslib";
+import { LayoutPropertyDescription, LayoutPropertyName, LayoutPropertyType } from '@anglr/dynamic/layout-editor';
+import { mapValuesToThis } from '@jscrpt/common';
+/**
+ * Button model for properties editor
+ */
+export class ButtonModel {
+    //######################### public properties #########################
+    /**
+     * @inheritdoc
+     */
+    text = null;
+    /**
+     * @inheritdoc
+     */
+    disabled = false;
+    /**
+     * @inheritdoc
+     */
+    buttonCssClass = null;
+    //######################### constructor #########################
+    constructor(value) {
+        mapValuesToThis.bind(this)(value);
+    }
+}
+__decorate([
+    LayoutPropertyName('Text'),
+    LayoutPropertyDescription('Text to be displayed in button'),
+    LayoutPropertyType('inputString'),
+    __metadata("design:type", Object)
+], ButtonModel.prototype, "text", void 0);
+__decorate([
+    LayoutPropertyName('Disabled'),
+    LayoutPropertyDescription('Indication whether is button disabled'),
+    LayoutPropertyType('inputBoolean'),
+    __metadata("design:type", Object)
+], ButtonModel.prototype, "disabled", void 0);
+__decorate([
+    LayoutPropertyName('Button css class'),
+    LayoutPropertyDescription('Css class applied to button element itself'),
+    LayoutPropertyType('inputString'),
+    __metadata("design:type", Object)
+], ButtonModel.prototype, "buttonCssClass", void 0);
+//# sourceMappingURL=button.model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.model.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/button/metadata/button.model.ts"],"names":[],"mappings":";AAAA,OAAO,EAA4B,yBAAyB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAC1I,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAI/C;;GAEG;AACH,MAAM,OAAO,WAAW;IAEpB,uEAAuE;IAEvE;;OAEG;IAII,IAAI,GAA0B,IAAI,CAAC;IAE1C;;OAEG;IAII,QAAQ,GAA2B,KAAK,CAAC;IAEhD;;OAEG;IAII,cAAc,GAA0B,IAAI,CAAC;IAEpD,iEAAiE;IACjE,YAAY,KAA4C;QAEpD,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CACJ;AAvBU;IAHN,kBAAkB,CAAC,MAAM,CAAC;IAC1B,yBAAyB,CAAC,gCAAgC,CAAC;IAC3D,kBAAkB,CAA4B,aAAa,CAAC;;yCACnB;AAQnC;IAHN,kBAAkB,CAAC,UAAU,CAAC;IAC9B,yBAAyB,CAAC,uCAAuC,CAAC;IAClE,kBAAkB,CAA4B,cAAc,CAAC;;6CACd;AAQzC;IAHN,kBAAkB,CAAC,kBAAkB,CAAC;IACtC,yBAAyB,CAAC,4CAA4C,CAAC;IACvE,kBAAkB,CAA4B,aAAa,CAAC;;mDACT","sourcesContent":["import {DefaultKnownPropertyTypes, LayoutPropertyDescription, LayoutPropertyName, LayoutPropertyType} from '@anglr/dynamic/layout-editor';\nimport {mapValuesToThis} from '@jscrpt/common';\n\nimport {ButtonComponentOptions} from '../button.options';\n\n/**\n * Button model for properties editor\n */\nexport class ButtonModel implements ButtonComponentOptions\n{\n    //######################### public properties #########################\n\n    /**\n     * @inheritdoc\n     */\n    @LayoutPropertyName('Text')\n    @LayoutPropertyDescription('Text to be displayed in button')\n    @LayoutPropertyType<DefaultKnownPropertyTypes>('inputString')\n    public text: string|undefined|null = null;\n\n    /**\n     * @inheritdoc\n     */\n    @LayoutPropertyName('Disabled')\n    @LayoutPropertyDescription('Indication whether is button disabled')\n    @LayoutPropertyType<DefaultKnownPropertyTypes>('inputBoolean')\n    public disabled: boolean|undefined|null = false;\n\n    /**\n     * @inheritdoc\n     */\n    @LayoutPropertyName('Button css class')\n    @LayoutPropertyDescription('Css class applied to button element itself')\n    @LayoutPropertyType<DefaultKnownPropertyTypes>('inputString')\n    public buttonCssClass: string|undefined|null = null;\n    \n    //######################### constructor #########################\n    constructor(value: ButtonComponentOptions|undefined|null)\n    {\n        mapValuesToThis.bind(this)(value);\n    }\n}"]}

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

@@ -0,0 +1,24 @@
+import { ButtonNodeSAComponent } from '../node/buttonNode.component';
+/**
+ * Button relations metadata
+ */
+export class ButtonRelationsEditorMetadata {
+    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'Button',
+        description: 'Simple button',
+        group: 'Buttons',
+    };
+    /**
+     * @inheritdoc
+     */
+    nodeDefinition = ButtonNodeSAComponent;
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=button.relationsMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/button/metadata/button.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEnE;;GAEG;AACH,MAAM,OAAO,6BAA6B;IAEtC,6HAA6H;IAE7H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,eAAe;QAC5B,KAAK,EAAE,SAAS;KACnB,CAAC;IAEF;;OAEG;IACI,cAAc,GAAwB,qBAAqB,CAAC;IAEnE,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {ButtonNodeSAComponent} from '../node/buttonNode.component';\n\n/**\n * Button relations metadata\n */\nexport class ButtonRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'Button',\n        description: 'Simple button',\n        group: 'Buttons',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = ButtonNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

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

@@ -0,0 +1,21 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent } from '@anglr/dynamic/relations-editor';
+import { FirstUppercaseLocalizeSAPipe } from '@anglr/common';
+import * as i0 from "@angular/core";
+/**
+ * Relations node component for button
+ */
+export class ButtonNodeSAComponent extends RelationsNodeBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ButtonNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ButtonNodeSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button-node', standalone: true, imports: [
+                        RelationsNodeHeaderSAComponent,
+                        RelationNodeInputSAComponent,
+                        RelationNodeOutputSAComponent,
+                        FirstUppercaseLocalizeSAPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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>" }]
+        }] });
+//# sourceMappingURL=buttonNode.component.js.map

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

@@ -0,0 +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;AAgBH,MAAM,OAAO,qBAAsB,SAAQ,iBAAiB;uGAA/C,qBAAqB;2FAArB,qBAAqB,8FCtBlC,i1BAkBM,4CDHE,8BAA8B,gHAC9B,4BAA4B,gEAC5B,6BAA6B,4DAC7B,4BAA4B;;2FAIvB,qBAAqB;kBAfjC,SAAS;+BAEI,aAAa,cAGX,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    // styleUrls: ['buttonNode.component.css'],\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

@@ -0,0 +1,86 @@
+import { __decorate, __metadata } from "tslib";
+import { Injector, NgZone } from '@angular/core';
+import { DebugData, PureRelationsComponent, RelationsChangeDetector } from '@anglr/dynamic/relations';
+import { RelationsEditorMetadata } from '@anglr/dynamic/relations-editor';
+import { isPresent, nameof } from '@jscrpt/common';
+import { NEVER } from 'rxjs';
+import { DebounceValueRelationsMetadataLoader } from './debounceValue.metadata';
+/**
+ * Debounce value relations component
+ */
+let DebounceValueRelations = class DebounceValueRelations {
+    //######################### protected properties #########################
+    /**
+     * Subject used for emitting change in value
+     */
+    valueChange = NEVER;
+    /**
+     * Indication that initial value was already assigned
+     */
+    valueAssigned = false;
+    /**
+     * Reference number to timeout instance
+     */
+    timeout = null;
+    /**
+     * Instance of ng zone
+     */
+    ngZone;
+    /**
+     * Current relations change detector
+     */
+    relationsChangeDetector;
+    //######################### public properties - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    relationsOptions;
+    //######################### public properties - inputs/dynamic outputs #########################
+    /**
+     * Value that should be debounced
+     */
+    value;
+    //######################### constructor #########################
+    constructor(injector) {
+        this.ngZone = injector.get(NgZone);
+        this.relationsChangeDetector = injector.get(RelationsChangeDetector);
+    }
+    //######################### public methods - implementation of RelationsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    ngOnChanges(changes) {
+        if (nameof('value') in changes) {
+            if (isPresent(this.timeout)) {
+                clearTimeout(this.timeout);
+                this.timeout = null;
+            }
+            this.ngZone.runOutsideAngular(() => {
+                this.timeout = setTimeout(() => {
+                    this.valueAssigned = true;
+                    this.relationsChangeDetector.markForCheck({
+                        componentId: this,
+                        outputName: nameof('value'),
+                    });
+                }, this.relationsOptions?.delay ?? 0);
+            });
+        }
+    }
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals() {
+    }
+};
+DebounceValueRelations = __decorate([
+    DebugData({
+        inputs: [
+            nameof('value'),
+        ],
+    }),
+    PureRelationsComponent(),
+    RelationsEditorMetadata(DebounceValueRelationsMetadataLoader),
+    __metadata("design:paramtypes", [Injector])
+], DebounceValueRelations);
+export { DebounceValueRelations };
+//# sourceMappingURL=debounceValue.relations.js.map

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

@@ -0,0 +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;IAE/B,0EAA0E;IAE1E;;OAEG;IACO,WAAW,GAAqB,KAAK,CAAC;IAEhD;;OAEG;IACO,aAAa,GAAY,KAAK,CAAC;IAEzC;;OAEG;IACO,OAAO,GAAgB,IAAI,CAAC;IAEtC;;OAEG;IACO,MAAM,CAAS;IAEzB;;OAEG;IACO,uBAAuB,CAA0B;IAE3D,8GAA8G;IAE9G;;OAEG;IACI,gBAAgB,CAA+C;IAEtE,gGAAgG;IAEhG;;OAEG;IACI,KAAK,CAAwB;IAEpC,iEAAiE;IACjE,YAAY,QAAkB;QAE1B,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,WAAW,CAAC,OAAsB;QAErC,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 ngOnChanges(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/metadata/debounceValue.relationsMetadata.js

@@ -0,0 +1,24 @@
+import { DebounceValueNodeSAComponent } from '../node/debounceValueNode.component';
+/**
+ * Debounce value relations metadata
+ */
+export class DebounceValueRelationsEditorMetadata {
+    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################
+    /**
+     * @inheritdoc
+     */
+    metaInfo = {
+        name: 'Debounce value',
+        description: 'Debounce value by specific time',
+        group: 'Data',
+    };
+    /**
+     * @inheritdoc
+     */
+    nodeDefinition = DebounceValueNodeSAComponent;
+    //######################### constructor #########################
+    constructor() {
+        Object.freeze(this);
+    }
+}
+//# sourceMappingURL=debounceValue.relationsMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounceValue.relationsMetadata.js","sourceRoot":"","sources":["../../../../../../basic-components/src/dynamicItems/debounceValue/metadata/debounceValue.relationsMetadata.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,4BAA4B,EAAC,MAAM,qCAAqC,CAAC;AAEjF;;GAEG;AACH,MAAM,OAAO,oCAAoC;IAE7C,6HAA6H;IAE7H;;OAEG;IACI,QAAQ,GACf;QACI,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,iCAAiC;QAC9C,KAAK,EAAE,MAAM;KAChB,CAAC;IAEF;;OAEG;IACI,cAAc,GAAwB,4BAA4B,CAAC;IAE1E,iEAAiE;IACjE;QAEI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACJ","sourcesContent":["import {Type} from '@angular/core';\nimport {RelationsEditorMetadataDescriptor, RelationsEditorMetadataInfo, RelationsNode} from '@anglr/dynamic/relations-editor';\n\nimport {DebounceValueNodeSAComponent} from '../node/debounceValueNode.component';\n\n/**\n * Debounce value relations metadata\n */\nexport class DebounceValueRelationsEditorMetadata implements RelationsEditorMetadataDescriptor\n{\n    //######################### public properties - implementation of RelationsEditorMetadataDescriptor #########################\n\n    /**\n     * @inheritdoc\n     */\n    public metaInfo?: RelationsEditorMetadataInfo =\n    {\n        name: 'Debounce value',\n        description: 'Debounce value by specific time',\n        group: 'Data',\n    };\n\n    /**\n     * @inheritdoc\n     */\n    public nodeDefinition: Type<RelationsNode> = DebounceValueNodeSAComponent;\n\n    //######################### constructor #########################\n    constructor()\n    {\n        Object.freeze(this);\n    }\n}"]}

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

@@ -0,0 +1,53 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { FirstUppercaseLocalizeSAPipe } from '@anglr/common';
+import { NumberInputModule } from '@anglr/common/forms';
+import { RelationsNodeBase, RelationNodeInputSAComponent, RelationNodeOutputSAComponent, RelationsNodeHeaderSAComponent } from '@anglr/dynamic/relations-editor';
+import { isNumber } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@anglr/common/forms";
+/**
+ * Debounce value node component for negation
+ */
+export class DebounceValueNodeSAComponent extends RelationsNodeBase {
+    //######################### protected properties - template bindings #########################
+    /**
+     * Form control for handling debounce time
+     */
+    debounceTime = new FormControl(50);
+    //######################### protected methods - overrides #########################
+    /**
+     * @inheritdoc
+     */
+    initialize() {
+        this.debounceTime.valueChanges.subscribe(value => {
+            if (isNumber(value) && !isNaN(value) && this.metadata?.relationsOptions) {
+                this.metadata.relationsOptions.delay = value;
+                this.history.getNewState();
+            }
+        });
+    }
+    /**
+     * @inheritdoc
+     */
+    metadataSet() {
+        if (this.metadata?.relationsOptions?.delay) {
+            this.debounceTime.patchValue(this.metadata?.relationsOptions.delay);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DebounceValueNodeSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: DebounceValueNodeSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'debounce-value-node', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        NumberInputModule,
+                        RelationsNodeHeaderSAComponent,
+                        RelationNodeInputSAComponent,
+                        RelationNodeOutputSAComponent,
+                        FirstUppercaseLocalizeSAPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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>" }]
+        }] });
+//# sourceMappingURL=debounceValueNode.component.js.map

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

@@ -0,0 +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;IAE9F,8FAA8F;IAE9F;;OAEG;IACO,YAAY,GAA6B,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;IAE/E,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;uGApCQ,4BAA4B;2FAA5B,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>"]}