@anglr/dynamic 1.0.0-beta.20221109053949 → 1.0.0-beta.20221109083513

package/es2015/layout-relations/src/components/contentOptionsSelection/contentOptionsSelection.component.js

@@ -0,0 +1,143 @@
+import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { DialogRef } from '@angular/cdk/dialog';
+import { CommonModule } from '@angular/common';
+import { MatDialogModule } from '@angular/material/dialog';
+import { TITLED_DIALOG_DATA } from '@anglr/common/material';
+import { TooltipModule } from '@anglr/common';
+import { GetModelSAPipe, PropertySelectedSAPipe, PropertiesMetadataSAPipe } from '../../pipes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/dialog";
+import * as i4 from "@angular/forms";
+import * as i5 from "@anglr/common";
+/**
+ * Component used for displaying selection of components and their options to be editable
+ */
+export class ContentOptionsSelectionSAComponent {
+    //######################### constructor #########################
+    constructor(data, dialog) {
+        var _a, _b, _c, _d, _e;
+        var _f, _g, _h;
+        this.data = data;
+        this.dialog = dialog;
+        //######################### protected properties - template bindings #########################
+        /**
+         * Instance of form control that is used for selection of component
+         */
+        this.component = new FormControl();
+        /**
+         * Array of used properties for components and their models
+         */
+        this.usedProperties = {};
+        /**
+         * Array of available properties for components and their models
+         */
+        this.availableProperties = {};
+        /**
+         * Array of content components that are available
+         */
+        this.contentComponents = [];
+        this.contentComponents = Object.keys(data.customComponentContentMetadata);
+        for (const id in this.data.usedProperties) {
+            const models = this.data.usedProperties[id];
+            (_a = (_f = this.availableProperties)[id]) !== null && _a !== void 0 ? _a : (_f[id] = {});
+            for (const modelName in models) {
+                const properties = models[modelName];
+                this.availableProperties[id][modelName] = [...properties];
+            }
+        }
+        const usedComponents = Object.keys(this.usedProperties);
+        this.contentComponents = this.contentComponents.filter(itm => usedComponents.indexOf(itm) < 0);
+        for (const id in data.customComponentContentMetadata) {
+            const meta = data.customComponentContentMetadata[id];
+            if (!((_c = (_b = meta === null || meta === void 0 ? void 0 : meta.editorMetadata.metaInfo) === null || _b === void 0 ? void 0 : _b.optionsMetadata) === null || _c === void 0 ? void 0 : _c.propertiesMetadata)) {
+                continue;
+            }
+            for (const propMeta of meta.editorMetadata.metaInfo.optionsMetadata.propertiesMetadata) {
+                const model = new propMeta.modelType(undefined);
+                if (!Object.keys(model).length) {
+                    continue;
+                }
+                const modelName = propMeta.modelType.name;
+                (_d = (_g = this.availableProperties)[id]) !== null && _d !== void 0 ? _d : (_g[id] = {});
+                (_e = (_h = this.availableProperties[id])[modelName]) !== null && _e !== void 0 ? _e : (_h[modelName] = []);
+                for (const prop in model) {
+                    this.availableProperties[id][modelName].push(prop);
+                }
+            }
+        }
+    }
+    //######################### protected methods - template bindings #########################
+    /**
+     * Adds component from custom component layout
+     */
+    addComponent() {
+        var _a;
+        if (!this.component.value) {
+            return;
+        }
+        this.usedProperties[this.component.value] = {};
+        const index = this.contentComponents.indexOf(this.component.value);
+        if (index >= 0) {
+            this.contentComponents.splice(index, 1);
+            this.component.setValue((_a = this.contentComponents[0]) !== null && _a !== void 0 ? _a : null);
+        }
+    }
+    /**
+     * Removes component options
+     * @param id - Id of component that should be removed
+     */
+    removeComponent(id) {
+        delete this.usedProperties[id];
+        this.contentComponents.push(id);
+        if (this.contentComponents.length == 1) {
+            this.component.setValue(this.contentComponents[0]);
+        }
+    }
+    /**
+     * Toggle selected property in component in model
+     * @param id - Id of component to be edited
+     * @param modelName - Name of model to be edited
+     * @param propertyName - Name of property to be toggled
+     */
+    toggleSelected(id, modelName, propertyName) {
+        var _a, _b;
+        var _c, _d;
+        (_a = (_c = this.usedProperties)[id]) !== null && _a !== void 0 ? _a : (_c[id] = {});
+        (_b = (_d = this.usedProperties[id])[modelName]) !== null && _b !== void 0 ? _b : (_d[modelName] = []);
+        const index = this.usedProperties[id][modelName].indexOf(propertyName);
+        //remove
+        if (index >= 0) {
+            this.usedProperties[id][modelName].splice(index, 1);
+            this.usedProperties[id][modelName] = [...this.usedProperties[id][modelName]];
+        }
+        //add
+        else {
+            this.usedProperties[id][modelName] =
+                [
+                    ...this.usedProperties[id][modelName],
+                    propertyName,
+                ];
+        }
+    }
+}
+ContentOptionsSelectionSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ContentOptionsSelectionSAComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+ContentOptionsSelectionSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ContentOptionsSelectionSAComponent, isStandalone: true, selector: "content-options-selection", ngImport: i0, template: "<div class=\"dynamic-margin-bottom-small dynamic-flex-row\">\n    <div class=\"dynamic-flex-1 dynamic-margin-right-small\">\n        <label class=\"dynamic-control-label\">Available components</label>\n\n        <select class=\"dynamic-form-control\" [formControl]=\"component\">\n            <option *ngFor=\"let component of contentComponents\" [value]=\"component\">{{data.customComponentContentMetadata[component]?.metadata?.displayName}}</option>\n        </select>\n    </div>\n\n    <a class=\"dynamic-btn-icon dynamic-margin-left-small dynamic-large-text\" (click)=\"addComponent()\">\n        <span class=\"fas fa-plus\"></span>\n    </a>\n</div>\n\n<div>\n    <div *ngFor=\"let component of usedProperties | keyvalue\" class=\"dynamic-margin-bottom-small\">\n        <div class=\"dynamic-bold dynamic-flex-row \">\n            <span class=\"dynamic-margin-right-small\">{{data.customComponentContentMetadata[component.key]?.metadata?.displayName}}</span>\n            \n            <a class=\"dynamic-btn-icon\" (click)=\"removeComponent(component.key)\">\n                <span class=\"fas fa-times\"></span>\n            </a>\n        </div>\n        \n        <ng-container *ngFor=\"let modelProps of availableProperties[component.key] | keyvalue\">\n            <div *ngFor=\"let prop of modelProps.value\">\n                <label>\n                    <input type=\"checkbox\" (change)=\"toggleSelected(component.key, modelProps.key, prop)\" [checked]=\"usedProperties | propertySelected: component.key: modelProps.key: prop\">\n                    <span>{{(modelProps.key | getModel: data.customComponentContentMetadata[component.key] | propertiesMetadata: data.propsMetadataExtractor)?.[prop]?.name ?? prop}}</span>\n                    <span class=\"fas fa-info-circle dynamic-margin-left-extra-small\" *ngIf=\"(modelProps.key | getModel: data.customComponentContentMetadata[component.key] | propertiesMetadata: data.propsMetadataExtractor)?.[prop]?.description as description\" [tooltip]=\"description\" ></span>\n                </label>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-info dynamic-margin-right-extra-small\" [mat-dialog-close]=\"undefined\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary\" [mat-dialog-close]=\"usedProperties\">\n        <span>ok</span>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: PropertySelectedSAPipe, name: "propertySelected" }, { kind: "pipe", type: GetModelSAPipe, name: "getModel" }, { kind: "pipe", type: PropertiesMetadataSAPipe, name: "propertiesMetadata" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ContentOptionsSelectionSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'content-options-selection', standalone: true, imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        ReactiveFormsModule,
+                        PropertySelectedSAPipe,
+                        GetModelSAPipe,
+                        PropertiesMetadataSAPipe,
+                        TooltipModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dynamic-margin-bottom-small dynamic-flex-row\">\n    <div class=\"dynamic-flex-1 dynamic-margin-right-small\">\n        <label class=\"dynamic-control-label\">Available components</label>\n\n        <select class=\"dynamic-form-control\" [formControl]=\"component\">\n            <option *ngFor=\"let component of contentComponents\" [value]=\"component\">{{data.customComponentContentMetadata[component]?.metadata?.displayName}}</option>\n        </select>\n    </div>\n\n    <a class=\"dynamic-btn-icon dynamic-margin-left-small dynamic-large-text\" (click)=\"addComponent()\">\n        <span class=\"fas fa-plus\"></span>\n    </a>\n</div>\n\n<div>\n    <div *ngFor=\"let component of usedProperties | keyvalue\" class=\"dynamic-margin-bottom-small\">\n        <div class=\"dynamic-bold dynamic-flex-row \">\n            <span class=\"dynamic-margin-right-small\">{{data.customComponentContentMetadata[component.key]?.metadata?.displayName}}</span>\n            \n            <a class=\"dynamic-btn-icon\" (click)=\"removeComponent(component.key)\">\n                <span class=\"fas fa-times\"></span>\n            </a>\n        </div>\n        \n        <ng-container *ngFor=\"let modelProps of availableProperties[component.key] | keyvalue\">\n            <div *ngFor=\"let prop of modelProps.value\">\n                <label>\n                    <input type=\"checkbox\" (change)=\"toggleSelected(component.key, modelProps.key, prop)\" [checked]=\"usedProperties | propertySelected: component.key: modelProps.key: prop\">\n                    <span>{{(modelProps.key | getModel: data.customComponentContentMetadata[component.key] | propertiesMetadata: data.propsMetadataExtractor)?.[prop]?.name ?? prop}}</span>\n                    <span class=\"fas fa-info-circle dynamic-margin-left-extra-small\" *ngIf=\"(modelProps.key | getModel: data.customComponentContentMetadata[component.key] | propertiesMetadata: data.propsMetadataExtractor)?.[prop]?.description as description\" [tooltip]=\"description\" ></span>\n                </label>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-info dynamic-margin-right-extra-small\" [mat-dialog-close]=\"undefined\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary\" [mat-dialog-close]=\"usedProperties\">\n        <span>ok</span>\n    </button>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TITLED_DIALOG_DATA]
+                }] }, { type: i1.DialogRef }]; } });
+//# sourceMappingURL=contentOptionsSelection.component.js.map

package/es2015/layout-relations/src/components/contentOptionsSelection/contentOptionsSelection.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentOptionsSelection.component.js","sourceRoot":"","sources":["../../../../../layout-relations/src/components/contentOptionsSelection/contentOptionsSelection.component.ts","../../../../../layout-relations/src/components/contentOptionsSelection/contentOptionsSelection.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject} from '@angular/core';\nimport {FormControl, ReactiveFormsModule} from '@angular/forms';\nimport {DialogRef} from '@angular/cdk/dialog';\nimport {CommonModule} from '@angular/common';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {TITLED_DIALOG_DATA} from '@anglr/common/material';\nimport {TooltipModule} from '@anglr/common';\nimport {Dictionary} from '@jscrpt/common';\n\nimport {ContentOptionsSelectionData} from './contentOptionsSelection.interface';\nimport {GetModelSAPipe, PropertySelectedSAPipe, PropertiesMetadataSAPipe} from '../../pipes';\n\n/**\n * Component used for displaying selection of components and their options to be editable\n */\n@Component(\n{\n    selector: 'content-options-selection',\n    templateUrl: 'contentOptionsSelection.component.html',\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        MatDialogModule,\n        ReactiveFormsModule,\n        PropertySelectedSAPipe,\n        GetModelSAPipe,\n        PropertiesMetadataSAPipe,\n        TooltipModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContentOptionsSelectionSAComponent\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Instance of form control that is used for selection of component\n     */\n    protected component: FormControl<string> = new FormControl();\n\n    /**\n     * Array of used properties for components and their models\n     */\n    protected usedProperties: Dictionary<Dictionary<string[]>> = {};\n\n    /**\n     * Array of available properties for components and their models\n     */\n    protected availableProperties: Dictionary<Dictionary<string[]>> = {};\n\n    /**\n     * Array of content components that are available\n     */\n    protected contentComponents: string[] = [];\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) protected data: ContentOptionsSelectionData,\n                protected dialog: DialogRef<ContentOptionsSelectionSAComponent, Dictionary<string[]>>,)\n    {\n        this.contentComponents = Object.keys(data.customComponentContentMetadata);\n\n        for(const id in this.data.usedProperties)\n        {\n            const models = this.data.usedProperties[id];\n\n            this.availableProperties[id] ??= {};\n\n            for(const modelName in models)\n            {\n                const properties = models[modelName];\n\n                this.availableProperties[id][modelName] = [...properties];\n            }\n        }\n\n        const usedComponents = Object.keys(this.usedProperties);\n        this.contentComponents = this.contentComponents.filter(itm => usedComponents.indexOf(itm) < 0);\n\n        for(const id in data.customComponentContentMetadata)\n        {\n            const meta = data.customComponentContentMetadata[id];\n\n            if(!meta?.editorMetadata.metaInfo?.optionsMetadata?.propertiesMetadata)\n            {\n                continue;\n            }\n\n            for(const propMeta of meta.editorMetadata.metaInfo.optionsMetadata.propertiesMetadata)\n            {\n                const model = new propMeta.modelType(undefined);\n\n                if(!Object.keys(model).length)\n                {\n                    continue;\n                }\n\n                const modelName = propMeta.modelType.name;\n\n                this.availableProperties[id] ??= {};\n                this.availableProperties[id][modelName] ??= [];\n\n                for(const prop in model)\n                {\n                    this.availableProperties[id][modelName].push(prop);\n                }\n            }\n        }\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Adds component from custom component layout\n     */\n    protected addComponent(): void\n    {\n        if(!this.component.value)\n        {\n            return;\n        }\n\n        this.usedProperties[this.component.value] = {};\n        const index = this.contentComponents.indexOf(this.component.value);\n\n        if(index >= 0)\n        {\n            this.contentComponents.splice(index, 1);\n            this.component.setValue(this.contentComponents[0] ?? null);\n        }\n    }\n\n    /**\n     * Removes component options\n     * @param id - Id of component that should be removed\n     */\n    protected removeComponent(id: string): void\n    {\n        delete this.usedProperties[id];\n        this.contentComponents.push(id);\n\n        if(this.contentComponents.length == 1)\n        {\n            this.component.setValue(this.contentComponents[0]);\n        }\n    }\n\n    /**\n     * Toggle selected property in component in model\n     * @param id - Id of component to be edited\n     * @param modelName - Name of model to be edited\n     * @param propertyName - Name of property to be toggled\n     */\n    protected toggleSelected(id: string, modelName: string, propertyName: string): void\n    {\n        this.usedProperties[id] ??= {};\n        this.usedProperties[id][modelName] ??= [];\n\n        const index = this.usedProperties[id][modelName].indexOf(propertyName);\n\n        //remove\n        if(index >= 0)\n        {\n            this.usedProperties[id][modelName].splice(index, 1);\n            this.usedProperties[id][modelName] = [...this.usedProperties[id][modelName]];\n        }\n        //add\n        else\n        {\n            this.usedProperties[id][modelName] =\n            [\n                ...this.usedProperties[id][modelName],\n                propertyName,\n            ];\n        }\n    }\n}","<div class=\"dynamic-margin-bottom-small dynamic-flex-row\">\n    <div class=\"dynamic-flex-1 dynamic-margin-right-small\">\n        <label class=\"dynamic-control-label\">Available components</label>\n\n        <select class=\"dynamic-form-control\" [formControl]=\"component\">\n            <option *ngFor=\"let component of contentComponents\" [value]=\"component\">{{data.customComponentContentMetadata[component]?.metadata?.displayName}}</option>\n        </select>\n    </div>\n\n    <a class=\"dynamic-btn-icon dynamic-margin-left-small dynamic-large-text\" (click)=\"addComponent()\">\n        <span class=\"fas fa-plus\"></span>\n    </a>\n</div>\n\n<div>\n    <div *ngFor=\"let component of usedProperties | keyvalue\" class=\"dynamic-margin-bottom-small\">\n        <div class=\"dynamic-bold dynamic-flex-row \">\n            <span class=\"dynamic-margin-right-small\">{{data.customComponentContentMetadata[component.key]?.metadata?.displayName}}</span>\n            \n            <a class=\"dynamic-btn-icon\" (click)=\"removeComponent(component.key)\">\n                <span class=\"fas fa-times\"></span>\n            </a>\n        </div>\n        \n        <ng-container *ngFor=\"let modelProps of availableProperties[component.key] | keyvalue\">\n            <div *ngFor=\"let prop of modelProps.value\">\n                <label>\n                    <input type=\"checkbox\" (change)=\"toggleSelected(component.key, modelProps.key, prop)\" [checked]=\"usedProperties | propertySelected: component.key: modelProps.key: prop\">\n                    <span>{{(modelProps.key | getModel: data.customComponentContentMetadata[component.key] | propertiesMetadata: data.propsMetadataExtractor)?.[prop]?.name ?? prop}}</span>\n                    <span class=\"fas fa-info-circle dynamic-margin-left-extra-small\" *ngIf=\"(modelProps.key | getModel: data.customComponentContentMetadata[component.key] | propertiesMetadata: data.propsMetadataExtractor)?.[prop]?.description as description\" [tooltip]=\"description\" ></span>\n                </label>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-info dynamic-margin-right-extra-small\" [mat-dialog-close]=\"undefined\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary\" [mat-dialog-close]=\"usedProperties\">\n        <span>ok</span>\n    </button>\n</div>"]}

package/es2015/layout-relations/src/components/contentOptionsSelection/contentOptionsSelection.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentOptionsSelection.interface.js","sourceRoot":"","sources":["../../../../../layout-relations/src/components/contentOptionsSelection/contentOptionsSelection.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {LayoutComponentMetadata} from '@anglr/dynamic/layout';\nimport {LayoutEditorMetadataDescriptor, LayoutEditorPropertyMetadataExtractor} from '@anglr/dynamic/layout-editor';\nimport {Dictionary} from '@jscrpt/common';\n\n/**\n * Data that are stored for content component\n */\nexport interface ContentComponentData\n{\n    /**\n     * Metadata of component\n     */\n    metadata: LayoutComponentMetadata;\n\n    /**\n     * Editor metadata of component\n     */\n    editorMetadata: LayoutEditorMetadataDescriptor;\n}\n\n/**\n * Data that are passed to content options selection dialog\n */\nexport interface ContentOptionsSelectionData\n{\n    /**\n     * Metadata for each component in custom component\n     */\n    customComponentContentMetadata: Dictionary<ContentComponentData|undefined|null>;\n\n    /**\n     * Array of used components and their model names\n     */\n    usedProperties: Dictionary<Dictionary<string[]>>;\n\n    /**\n     * Instance of property metadata extractor for models\n     */\n    propsMetadataExtractor: LayoutEditorPropertyMetadataExtractor;\n}"]}

package/es2015/layout-relations/src/components/index.js

@@ -1,3 +1,5 @@
 export * from './configureNodeEndpoint/configureNodeEndpoint.component';
 export * from './configureNodeEndpoint/configureNodeEndpoint.model';
+export * from './contentOptionsSelection/contentOptionsSelection.component';
+export * from './contentOptionsSelection/contentOptionsSelection.interface';
 //# sourceMappingURL=index.js.map

package/es2015/layout-relations/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../layout-relations/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,qDAAqD,CAAC","sourcesContent":["export * from './configureNodeEndpoint/configureNodeEndpoint.component';\nexport * from './configureNodeEndpoint/configureNodeEndpoint.model';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../layout-relations/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,qDAAqD,CAAC;AACpE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6DAA6D,CAAC","sourcesContent":["export * from './configureNodeEndpoint/configureNodeEndpoint.component';\nexport * from './configureNodeEndpoint/configureNodeEndpoint.model';\nexport * from './contentOptionsSelection/contentOptionsSelection.component';\nexport * from './contentOptionsSelection/contentOptionsSelection.interface';\n"]}

package/es2015/layout-relations/src/directives/index.js

@@ -0,0 +1,2 @@
+export * from './showContentOptionsSelection/showContentOptionsSelection.directive';
+//# sourceMappingURL=index.js.map

package/es2015/layout-relations/src/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../layout-relations/src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,qEAAqE,CAAC","sourcesContent":["export * from './showContentOptionsSelection/showContentOptionsSelection.directive';\n"]}

package/es2015/layout-relations/src/directives/showContentOptionsSelection/showContentOptionsSelection.directive.js

@@ -0,0 +1,32 @@
+import { __awaiter } from "tslib";
+import { Directive, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive that is used for displaying content options selection
+ */
+export class ShowContentOptionsSelectionSADirective {
+    //######################### protected methods - host #########################
+    /**
+     * Shows content options selection dialog
+     * @param event - Event that occured
+     */
+    show(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            event.preventDefault();
+            event.stopPropagation();
+        });
+    }
+}
+ShowContentOptionsSelectionSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ShowContentOptionsSelectionSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ShowContentOptionsSelectionSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ShowContentOptionsSelectionSADirective, isStandalone: true, selector: "showContentOptionsSelection", host: { listeners: { "click": "show($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ShowContentOptionsSelectionSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'showContentOptionsSelection',
+                    standalone: true,
+                }]
+        }], propDecorators: { show: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=showContentOptionsSelection.directive.js.map

package/es2015/layout-relations/src/directives/showContentOptionsSelection/showContentOptionsSelection.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showContentOptionsSelection.directive.js","sourceRoot":"","sources":["../../../../../layout-relations/src/directives/showContentOptionsSelection/showContentOptionsSelection.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;;AAEtD;;GAEG;AAMH,MAAM,OAAO,sCAAsC;IAE/C,8EAA8E;IAE9E;;;OAGG;IAEa,IAAI,CAAC,KAAiB;;YAElC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC;KAAA;;mIAbQ,sCAAsC;uHAAtC,sCAAsC;2FAAtC,sCAAsC;kBALlD,SAAS;mBACV;oBACI,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;iBACnB;8BAUmB,IAAI;sBADnB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {Directive, HostListener} from '@angular/core';\n\n/**\n * Directive that is used for displaying content options selection\n */\n@Directive(\n{\n    selector: 'showContentOptionsSelection',\n    standalone: true,\n})\nexport class ShowContentOptionsSelectionSADirective\n{\n    //######################### protected methods - host #########################\n\n    /**\n     * Shows content options selection dialog\n     * @param event - Event that occured\n     */\n    @HostListener('click', ['$event'])\n    protected async show(event: MouseEvent): Promise<void>\n    {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n}"]}

package/es2015/layout-relations/src/dynamicItems/customComponent/misc/components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component.js

@@ -3,15 +3,14 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormModelBuilder } from '@anglr/common/forms';
 import { LOGGER } from '@anglr/common';
-import { LayoutComponentsIteratorService, LayoutEditorMetadataExtractor, PropertiesControlBase, PropertiesControlsModule } from '@anglr/dynamic/layout-editor';
+import { LayoutComponentsIteratorService, LayoutEditorMetadataExtractor, LayoutEditorPropertyMetadataExtractor, PropertiesControlBase, PropertiesControlsModule } from '@anglr/dynamic/layout-editor';
 import { TitledDialogService } from '@anglr/common/material';
 import { LAYOUT_METADATA_STORAGE } from '@anglr/dynamic/layout';
 import { extend } from '@jscrpt/common';
 import { lastValueFrom } from '@jscrpt/common/rxjs';
-import { ContentOptionsSelectionSAComponent } from '../contentOptionsSelection/contentOptionsSelection.component';
 import { GetControlsSAPipe } from '../../pipes/getControls/getControls.pipe';
-import { PropertiesMetadataSAPipe } from '../../pipes/propertiesMetadata/propertiesMetadata.pipe';
-import { GetModelSAPipe } from '../../pipes/getModel/getModel.pipe';
+import { ContentOptionsSelectionSAComponent } from '../../../../../components';
+import { GetModelSAPipe, PropertiesMetadataSAPipe } from '../../../../../pipes';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../../../../../layout-editor/src/modules/propertiesControls/directives/propertiesControlRenderer/propertiesControlRenderer.directive";
@@ -38,6 +37,10 @@ export class ContentOptionsPropertiesControlSAComponent extends PropertiesContro
          * Extractor for obtaining layout metadata for components
          */
         this.metadataExtractor = inject(LayoutEditorMetadataExtractor);
+        /**
+         * Property metadata extractor for models
+         */
+        this.propsMetadataExtractor = inject(LayoutEditorPropertyMetadataExtractor);
         /**
          * Instance of logger used for logging
          */
@@ -122,7 +125,8 @@ export class ContentOptionsPropertiesControlSAComponent extends PropertiesContro
                 width: '75vw',
                 data: {
                     customComponentContentMetadata: this.customComponentContentMetadata,
-                    usedComponents: this.usedComponents,
+                    usedProperties: {},
+                    propsMetadataExtractor: this.propsMetadataExtractor,
                 }
             }).afterClosed());
             if (result) {
@@ -164,14 +168,14 @@ export class ContentOptionsPropertiesControlSAComponent extends PropertiesContro
 ContentOptionsPropertiesControlSAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ContentOptionsPropertiesControlSAComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
 ContentOptionsPropertiesControlSAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ContentOptionsPropertiesControlSAComponent, isStandalone: true, selector: "content-options", providers: [
         FormModelBuilder,
-    ], usesInheritance: true, ngImport: i0, template: "<button class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" type=\"button\" (click)=\"showOptionsSelection()\">\n    <span>content options selection</span>\n</button>\n\n<ng-container *ngFor=\"let cmp of usedComponents | keyvalue\">\n    <div class=\"dynamic-margin-top-small dynamic-bold dynamic-text-uppercase dynamic-margin-left-extra-small\">{{customComponentContentMetadata[cmp.key]?.metadata?.displayName}}</div>\n\n    <ng-container *ngFor=\"let modelName of cmp.value\">\n        <ng-container *ngFor=\"let ctrl of modelName | getControls: customComponentContentMetadata[cmp.key]\">\n            <ng-container [propertiesControl]=\"ctrl\" [form]=\"usedComponentsForms[cmp.key][modelName]\" [propertiesMetadata]=\"modelName | getModel: customComponentContentMetadata[cmp.key] | propertiesMetadata\"></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: GetControlsSAPipe, name: "getControls" }, { kind: "pipe", type: GetModelSAPipe, name: "getModel" }, { kind: "ngmodule", type: PropertiesControlsModule }, { kind: "directive", type: i2.PropertiesControlRendererDirective, selector: "[propertiesControl]", inputs: ["form", "propertiesMetadata", "propertiesControl"] }, { kind: "pipe", type: PropertiesMetadataSAPipe, name: "propertiesMetadata" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<button class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" type=\"button\" (click)=\"showOptionsSelection()\">\n    <span>content options selection</span>\n</button>\n\n<ng-container *ngFor=\"let cmp of usedComponents | keyvalue\">\n    <div class=\"dynamic-margin-top-small dynamic-bold dynamic-text-uppercase dynamic-margin-left-extra-small\">{{customComponentContentMetadata[cmp.key]?.metadata?.displayName}}</div>\n\n    <ng-container *ngFor=\"let modelName of cmp.value\">\n        <ng-container *ngFor=\"let ctrl of modelName | getControls: customComponentContentMetadata[cmp.key]\">\n            <ng-container [propertiesControl]=\"ctrl\" [form]=\"usedComponentsForms[cmp.key][modelName]\" [propertiesMetadata]=\"modelName | getModel: customComponentContentMetadata[cmp.key] | propertiesMetadata\"></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: PropertiesControlsModule }, { kind: "directive", type: i2.PropertiesControlRendererDirective, selector: "[propertiesControl]", inputs: ["form", "propertiesMetadata", "propertiesControl"] }, { kind: "pipe", type: GetControlsSAPipe, name: "getControls" }, { kind: "pipe", type: GetModelSAPipe, name: "getModel" }, { kind: "pipe", type: PropertiesMetadataSAPipe, name: "propertiesMetadata" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ContentOptionsPropertiesControlSAComponent, decorators: [{
             type: Component,
             args: [{ selector: 'content-options', standalone: true, imports: [
                         CommonModule,
+                        PropertiesControlsModule,
                         GetControlsSAPipe,
                         GetModelSAPipe,
-                        PropertiesControlsModule,
                         PropertiesMetadataSAPipe,
                     ], providers: [
                         FormModelBuilder,

package/es2015/layout-relations/src/dynamicItems/customComponent/misc/components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentOptionsPropertiesControl.component.js","sourceRoot":"","sources":["../../../../../../../../layout-relations/src/dynamicItems/customComponent/misc/components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component.ts","../../../../../../../../layout-relations/src/dynamicItems/customComponent/misc/components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component.html"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {FormGroup} from '@angular/forms';\nimport {CommonModule} from '@angular/common';\nimport {FormModelBuilder} from '@anglr/common/forms';\nimport {LOGGER, Logger} from '@anglr/common';\nimport {LayoutComponentsIteratorService, LayoutEditorMetadataExtractor, LayoutPropertiesModelType, PropertiesControl, PropertiesControlBase, PropertiesControlsModule} from '@anglr/dynamic/layout-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {MetadataStorage} from '@anglr/dynamic';\nimport {LayoutComponentMetadata, LAYOUT_METADATA_STORAGE} from '@anglr/dynamic/layout';\nimport {Dictionary, extend} from '@jscrpt/common';\nimport {lastValueFrom} from '@jscrpt/common/rxjs';\n\nimport {CustomComponentComponentOptions} from '../../../customComponent.options';\nimport {ContentOptionsSelectionSAComponent} from '../contentOptionsSelection/contentOptionsSelection.component';\nimport {ContentComponentData, ContentOptionsSelectionData} from '../contentOptionsSelection/contentOptionsSelection.interface';\nimport {GetControlsSAPipe} from '../../pipes/getControls/getControls.pipe';\nimport {PropertiesMetadataSAPipe} from '../../pipes/propertiesMetadata/propertiesMetadata.pipe';\nimport {GetModelSAPipe} from '../../pipes/getModel/getModel.pipe';\n\n/**\n * Component used for displaying editation of content options\n */\n@Component(\n{\n    selector: 'content-options',\n    templateUrl: 'contentOptionsPropertiesControl.component.html',\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        GetControlsSAPipe,\n        GetModelSAPipe,\n        PropertiesControlsModule,\n        PropertiesMetadataSAPipe,\n    ],\n    providers:\n    [\n        FormModelBuilder,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContentOptionsPropertiesControlSAComponent extends PropertiesControlBase<CustomComponentComponentOptions> implements PropertiesControl<CustomComponentComponentOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Instance of titled dialog service\n     */\n    protected dialogSvc: TitledDialogService = inject(TitledDialogService);\n\n    /**\n     * Storage for layout metadata\n     */\n    protected layoutMetadataStorage: MetadataStorage<LayoutComponentMetadata> = inject(LAYOUT_METADATA_STORAGE);\n\n    /**\n     * Service used for obtaining iterators that goes over all components in metadata\n     */\n    protected layoutMetadataIterator: LayoutComponentsIteratorService = inject(LayoutComponentsIteratorService);\n\n    /**\n     * Extractor for obtaining layout metadata for components\n     */\n    protected metadataExtractor: LayoutEditorMetadataExtractor = inject(LayoutEditorMetadataExtractor);\n\n    /**\n     * Instance of logger used for logging\n     */\n    protected logger: Logger = inject(LOGGER);\n\n    /**\n     * Form model builder\n     */\n    protected formModelBuilder: FormModelBuilder = inject(FormModelBuilder);\n\n    /**\n     * Metadata for each component in custom component\n     */\n    protected customComponentContentMetadata: Dictionary<ContentComponentData> = {};\n\n    /**\n     * Custom component layout metadata\n     */\n    protected customComponentMetadata: LayoutComponentMetadata|undefined|null;\n\n    /**\n     * Represents components that have custom options and what properties are set\n     */\n    protected usedComponents: Dictionary<string[]> = {};\n\n    /**\n     * Stores components and their form groups\n     */\n    protected usedComponentsForms: Dictionary<Dictionary<FormGroup>> = {};\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override async _initialize(): Promise<void>\n    {\n        if(!this.form)\n        {\n            return;\n        }\n\n        const options: Partial<CustomComponentComponentOptions> = this.form.value;\n        const name = options.name ?? '';\n        this.usedComponents = options.usedComponents ?? {};\n\n        this.customComponentMetadata = await this.layoutMetadataStorage.getMetadata(name);\n\n        if(!this.customComponentMetadata)\n        {\n            this.logger.warn('ContentOptionsPropertiesControlSAComponent: missing layout metadata for custom component!');\n\n            return;\n        }\n\n        const iterator = this.layoutMetadataIterator.getIteratorFor(this.customComponentMetadata);\n\n        for await(const component of iterator)\n        {\n            const metadata = await this.metadataExtractor.extractMetadata(component.metadata);\n\n            if(!metadata)\n            {\n                this.logger.warn('ContentOptionsPropertiesControlSAComponent: missing metadata for component!');\n\n                continue;\n            }\n\n            this.customComponentContentMetadata[component.metadata.id] =\n            {\n                metadata: component.metadata,\n                editorMetadata: metadata,\n            };\n        }\n\n        for(const id in this.usedComponents)\n        {\n            if(!this.customComponentContentMetadata[id])\n            {\n                delete this.usedComponents[id];\n                this.form?.controls.usedComponents.setValue(this.usedComponents);\n            }\n        }\n\n        this.initForms();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Opens dialog for options selection\n     */\n    protected async showOptionsSelection(): Promise<void>\n    {\n        const result = await lastValueFrom(this.dialogSvc.open<ContentOptionsSelectionSAComponent, ContentOptionsSelectionData, Dictionary<string[]>|undefined|null>(ContentOptionsSelectionSAComponent,\n        {\n            title: 'content options selection',\n            width: '75vw',\n            data:\n            {\n                customComponentContentMetadata: this.customComponentContentMetadata,\n                usedComponents: this.usedComponents,\n            }\n        }).afterClosed());\n\n        if(result)\n        {\n            this.usedComponents = result;\n            this.form?.controls.usedComponents.setValue(result);\n\n            this.initForms();\n\n            this._changeDetector.detectChanges();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Initialize forms for properties\n     */\n    protected initForms(): void\n    {\n        this.usedComponentsForms = {};\n\n        for(const cmpId in this.usedComponents)\n        {\n            const models = this.usedComponents[cmpId]\n                .map(modelName => this.customComponentContentMetadata[cmpId]?.editorMetadata.metaInfo?.optionsMetadata?.propertiesMetadata?.find(itm => itm.modelType.name == modelName)?.modelType)\n                .filter(itm => !!itm) as LayoutPropertiesModelType[];\n\n            for(const model of models)\n            {\n                const options = extend(true,\n                                       {},\n                                       this.customComponentContentMetadata[cmpId]?.editorMetadata.metaInfo?.defaultOptions,\n                                       this.customComponentContentMetadata[cmpId]?.metadata.options,\n                                       this.form?.controls.contentOptions.value[cmpId]);\n\n                this.usedComponentsForms[cmpId] ??= {};\n                const form = this.usedComponentsForms[cmpId][model.name] = this.formModelBuilder\n                    .build(new model(options));\n\n                form.valueChanges.subscribe(value =>\n                {\n                    const currentOpts = this.form?.controls.contentOptions.value ?? {};\n                    currentOpts[cmpId] ??= {};\n\n                    extend(currentOpts[cmpId], value);\n\n                    this.form?.controls.contentOptions.patchValue(currentOpts);\n                });\n            }\n        }\n    }\n}\n","<button class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" type=\"button\" (click)=\"showOptionsSelection()\">\n    <span>content options selection</span>\n</button>\n\n<ng-container *ngFor=\"let cmp of usedComponents | keyvalue\">\n    <div class=\"dynamic-margin-top-small dynamic-bold dynamic-text-uppercase dynamic-margin-left-extra-small\">{{customComponentContentMetadata[cmp.key]?.metadata?.displayName}}</div>\n\n    <ng-container *ngFor=\"let modelName of cmp.value\">\n        <ng-container *ngFor=\"let ctrl of modelName | getControls: customComponentContentMetadata[cmp.key]\">\n            <ng-container [propertiesControl]=\"ctrl\" [form]=\"usedComponentsForms[cmp.key][modelName]\" [propertiesMetadata]=\"modelName | getModel: customComponentContentMetadata[cmp.key] | propertiesMetadata\"></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>"]}
+{"version":3,"file":"contentOptionsPropertiesControl.component.js","sourceRoot":"","sources":["../../../../../../../../layout-relations/src/dynamicItems/customComponent/misc/components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component.ts","../../../../../../../../layout-relations/src/dynamicItems/customComponent/misc/components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component.html"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {FormGroup} from '@angular/forms';\nimport {CommonModule} from '@angular/common';\nimport {FormModelBuilder} from '@anglr/common/forms';\nimport {LOGGER, Logger} from '@anglr/common';\nimport {LayoutComponentsIteratorService, LayoutEditorMetadataExtractor, LayoutEditorPropertyMetadataExtractor, LayoutPropertiesModelType, PropertiesControl, PropertiesControlBase, PropertiesControlsModule} from '@anglr/dynamic/layout-editor';\nimport {TitledDialogService} from '@anglr/common/material';\nimport {MetadataStorage} from '@anglr/dynamic';\nimport {LayoutComponentMetadata, LAYOUT_METADATA_STORAGE} from '@anglr/dynamic/layout';\nimport {Dictionary, extend} from '@jscrpt/common';\nimport {lastValueFrom} from '@jscrpt/common/rxjs';\n\nimport {CustomComponentComponentOptions} from '../../../customComponent.options';\nimport {GetControlsSAPipe} from '../../pipes/getControls/getControls.pipe';\nimport {ContentComponentData, ContentOptionsSelectionData, ContentOptionsSelectionSAComponent} from '../../../../../components';\nimport {GetModelSAPipe, PropertiesMetadataSAPipe} from '../../../../../pipes';\n\n/**\n * Component used for displaying editation of content options\n */\n@Component(\n{\n    selector: 'content-options',\n    templateUrl: 'contentOptionsPropertiesControl.component.html',\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        PropertiesControlsModule,\n        GetControlsSAPipe,\n        GetModelSAPipe,\n        PropertiesMetadataSAPipe,\n    ],\n    providers:\n    [\n        FormModelBuilder,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContentOptionsPropertiesControlSAComponent extends PropertiesControlBase<CustomComponentComponentOptions> implements PropertiesControl<CustomComponentComponentOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Instance of titled dialog service\n     */\n    protected dialogSvc: TitledDialogService = inject(TitledDialogService);\n\n    /**\n     * Storage for layout metadata\n     */\n    protected layoutMetadataStorage: MetadataStorage<LayoutComponentMetadata> = inject(LAYOUT_METADATA_STORAGE);\n\n    /**\n     * Service used for obtaining iterators that goes over all components in metadata\n     */\n    protected layoutMetadataIterator: LayoutComponentsIteratorService = inject(LayoutComponentsIteratorService);\n\n    /**\n     * Extractor for obtaining layout metadata for components\n     */\n    protected metadataExtractor: LayoutEditorMetadataExtractor = inject(LayoutEditorMetadataExtractor);\n\n    /**\n     * Property metadata extractor for models\n     */\n    protected propsMetadataExtractor: LayoutEditorPropertyMetadataExtractor = inject(LayoutEditorPropertyMetadataExtractor);\n\n    /**\n     * Instance of logger used for logging\n     */\n    protected logger: Logger = inject(LOGGER);\n\n    /**\n     * Form model builder\n     */\n    protected formModelBuilder: FormModelBuilder = inject(FormModelBuilder);\n\n    /**\n     * Metadata for each component in custom component\n     */\n    protected customComponentContentMetadata: Dictionary<ContentComponentData|undefined|null> = {};\n\n    /**\n     * Custom component layout metadata\n     */\n    protected customComponentMetadata: LayoutComponentMetadata|undefined|null;\n\n    /**\n     * Represents components that have custom options and what properties are set\n     */\n    protected usedComponents: Dictionary<string[]> = {};\n\n    /**\n     * Stores components and their form groups\n     */\n    protected usedComponentsForms: Dictionary<Dictionary<FormGroup>> = {};\n\n    //######################### protected methods - overrides #########################\n\n    /**\n     * @inheritdoc\n     */\n    protected override async _initialize(): Promise<void>\n    {\n        if(!this.form)\n        {\n            return;\n        }\n\n        const options: Partial<CustomComponentComponentOptions> = this.form.value;\n        const name = options.name ?? '';\n        this.usedComponents = options.usedComponents ?? {};\n\n        this.customComponentMetadata = await this.layoutMetadataStorage.getMetadata(name);\n\n        if(!this.customComponentMetadata)\n        {\n            this.logger.warn('ContentOptionsPropertiesControlSAComponent: missing layout metadata for custom component!');\n\n            return;\n        }\n\n        const iterator = this.layoutMetadataIterator.getIteratorFor(this.customComponentMetadata);\n\n        for await(const component of iterator)\n        {\n            const metadata = await this.metadataExtractor.extractMetadata(component.metadata);\n\n            if(!metadata)\n            {\n                this.logger.warn('ContentOptionsPropertiesControlSAComponent: missing metadata for component!');\n\n                continue;\n            }\n\n            this.customComponentContentMetadata[component.metadata.id] =\n            {\n                metadata: component.metadata,\n                editorMetadata: metadata,\n            };\n        }\n\n        for(const id in this.usedComponents)\n        {\n            if(!this.customComponentContentMetadata[id])\n            {\n                delete this.usedComponents[id];\n                this.form?.controls.usedComponents.setValue(this.usedComponents);\n            }\n        }\n\n        this.initForms();\n    }\n\n    //######################### protected methods - template bindings #########################\n\n    /**\n     * Opens dialog for options selection\n     */\n    protected async showOptionsSelection(): Promise<void>\n    {\n        const result = await lastValueFrom(this.dialogSvc.open<ContentOptionsSelectionSAComponent, ContentOptionsSelectionData, Dictionary<string[]>|undefined|null>(ContentOptionsSelectionSAComponent,\n        {\n            title: 'content options selection',\n            width: '75vw',\n            data:\n            {\n                customComponentContentMetadata: this.customComponentContentMetadata,\n                usedProperties: {},\n                propsMetadataExtractor: this.propsMetadataExtractor,\n            }\n        }).afterClosed());\n\n        if(result)\n        {\n            this.usedComponents = result;\n            this.form?.controls.usedComponents.setValue(result);\n\n            this.initForms();\n\n            this._changeDetector.detectChanges();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Initialize forms for properties\n     */\n    protected initForms(): void\n    {\n        this.usedComponentsForms = {};\n\n        for(const cmpId in this.usedComponents)\n        {\n            const models = this.usedComponents[cmpId]\n                .map(modelName => this.customComponentContentMetadata[cmpId]?.editorMetadata.metaInfo?.optionsMetadata?.propertiesMetadata?.find(itm => itm.modelType.name == modelName)?.modelType)\n                .filter(itm => !!itm) as LayoutPropertiesModelType[];\n\n            for(const model of models)\n            {\n                const options = extend(true,\n                                       {},\n                                       this.customComponentContentMetadata[cmpId]?.editorMetadata.metaInfo?.defaultOptions,\n                                       this.customComponentContentMetadata[cmpId]?.metadata.options,\n                                       this.form?.controls.contentOptions.value[cmpId]);\n\n                this.usedComponentsForms[cmpId] ??= {};\n                const form = this.usedComponentsForms[cmpId][model.name] = this.formModelBuilder\n                    .build(new model(options));\n\n                form.valueChanges.subscribe(value =>\n                {\n                    const currentOpts = this.form?.controls.contentOptions.value ?? {};\n                    currentOpts[cmpId] ??= {};\n\n                    extend(currentOpts[cmpId], value);\n\n                    this.form?.controls.contentOptions.patchValue(currentOpts);\n                });\n            }\n        }\n    }\n}\n","<button class=\"dynamic-btn dynamic-btn-primary dynamic-margin-vertical-small\" type=\"button\" (click)=\"showOptionsSelection()\">\n    <span>content options selection</span>\n</button>\n\n<ng-container *ngFor=\"let cmp of usedComponents | keyvalue\">\n    <div class=\"dynamic-margin-top-small dynamic-bold dynamic-text-uppercase dynamic-margin-left-extra-small\">{{customComponentContentMetadata[cmp.key]?.metadata?.displayName}}</div>\n\n    <ng-container *ngFor=\"let modelName of cmp.value\">\n        <ng-container *ngFor=\"let ctrl of modelName | getControls: customComponentContentMetadata[cmp.key]\">\n            <ng-container [propertiesControl]=\"ctrl\" [form]=\"usedComponentsForms[cmp.key][modelName]\" [propertiesMetadata]=\"modelName | getModel: customComponentContentMetadata[cmp.key] | propertiesMetadata\"></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>"]}

package/es2015/layout-relations/src/dynamicItems/customComponent/misc/index.js

@@ -1,8 +1,3 @@
 export * from './components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component';
-export * from './components/contentOptionsSelection/contentOptionsSelection.component';
-export * from './components/contentOptionsSelection/contentOptionsSelection.interface';
 export * from './pipes/getControls/getControls.pipe';
-export * from './pipes/getModel/getModel.pipe';
-export * from './pipes/modelSelected/modelSelected.pipe';
-export * from './pipes/propertiesMetadata/propertiesMetadata.pipe';
 //# sourceMappingURL=index.js.map

package/es2015/layout-relations/src/dynamicItems/customComponent/misc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../layout-relations/src/dynamicItems/customComponent/misc/index.ts"],"names":[],"mappings":"AAAA,cAAc,wFAAwF,CAAC;AACvG,cAAc,wEAAwE,CAAC;AACvF,cAAc,wEAAwE,CAAC;AACvF,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC","sourcesContent":["export * from './components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component';\nexport * from './components/contentOptionsSelection/contentOptionsSelection.component';\nexport * from './components/contentOptionsSelection/contentOptionsSelection.interface';\nexport * from './pipes/getControls/getControls.pipe';\nexport * from './pipes/getModel/getModel.pipe';\nexport * from './pipes/modelSelected/modelSelected.pipe';\nexport * from './pipes/propertiesMetadata/propertiesMetadata.pipe';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../layout-relations/src/dynamicItems/customComponent/misc/index.ts"],"names":[],"mappings":"AAAA,cAAc,wFAAwF,CAAC;AACvG,cAAc,sCAAsC,CAAC","sourcesContent":["export * from './components/contentOptionsPropertiesControl/contentOptionsPropertiesControl.component';\nexport * from './pipes/getControls/getControls.pipe';\n"]}

package/es2015/layout-relations/src/dynamicItems/customComponent/misc/pipes/getControls/getControls.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"getControls.pipe.js","sourceRoot":"","sources":["../../../../../../../../layout-relations/src/dynamicItems/customComponent/misc/pipes/getControls/getControls.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAsB,MAAM,eAAe,CAAC;;AAKxD;;GAEG;AAEH,MAAM,OAAO,iBAAiB;IAE1B;;;;OAIG;IACI,SAAS,CAAC,KAAa,EAAE,QAAwC;;QAEpE,OAAO,MAAA,MAAA,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAC,QAAQ,0CAAE,eAAe,0CAAE,kBAAkB,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,0CAAE,kBAAkB,mCAAI,EAAE,CAAC;IACtJ,CAAC;;8GAVQ,iBAAiB;4GAAjB,iBAAiB;2FAAjB,iBAAiB;kBAD7B,IAAI;mBAAC,EAAC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAC","sourcesContent":["import {Pipe, PipeTransform, Type} from '@angular/core';\nimport {PropertiesControl} from '@anglr/dynamic/layout-editor';\n\nimport {ContentComponentData} from '../../components/contentOptionsSelection/contentOptionsSelection.interface';\n\n/**\n * Gets properties controls that are used for setting model value\n */\n@Pipe({name: 'getControls', standalone: true})\nexport class GetControlsSAPipe implements PipeTransform\n{\n    /**\n     * Gets properties controls that are used for setting model value\n     * @param value - Name of model class\n     * @param metadata - Metadata containing properties controls for model\n     */\n    public transform(value: string, metadata: ContentComponentData|undefined,): Type<PropertiesControl>[]\n    {\n        return metadata?.editorMetadata.metaInfo?.optionsMetadata?.propertiesMetadata?.find(itm => itm.modelType.name == value)?.propertiesControls ?? [];\n    }\n}"]}
+{"version":3,"file":"getControls.pipe.js","sourceRoot":"","sources":["../../../../../../../../layout-relations/src/dynamicItems/customComponent/misc/pipes/getControls/getControls.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAsB,MAAM,eAAe,CAAC;;AAKxD;;GAEG;AAEH,MAAM,OAAO,iBAAiB;IAE1B;;;;OAIG;IACI,SAAS,CAAC,KAAa,EAAE,QAA6C;;QAEzE,OAAO,MAAA,MAAA,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAC,QAAQ,0CAAE,eAAe,0CAAE,kBAAkB,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,0CAAE,kBAAkB,mCAAI,EAAE,CAAC;IACtJ,CAAC;;8GAVQ,iBAAiB;4GAAjB,iBAAiB;2FAAjB,iBAAiB;kBAD7B,IAAI;mBAAC,EAAC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAC","sourcesContent":["import {Pipe, PipeTransform, Type} from '@angular/core';\nimport {PropertiesControl} from '@anglr/dynamic/layout-editor';\n\nimport {ContentComponentData} from '../../../../../components';\n\n/**\n * Gets properties controls that are used for setting model value\n */\n@Pipe({name: 'getControls', standalone: true})\nexport class GetControlsSAPipe implements PipeTransform\n{\n    /**\n     * Gets properties controls that are used for setting model value\n     * @param value - Name of model class\n     * @param metadata - Metadata containing properties controls for model\n     */\n    public transform(value: string, metadata: ContentComponentData|undefined|null,): Type<PropertiesControl>[]\n    {\n        return metadata?.editorMetadata.metaInfo?.optionsMetadata?.propertiesMetadata?.find(itm => itm.modelType.name == value)?.propertiesControls ?? [];\n    }\n}"]}

package/es2015/layout-relations/src/index.js

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './directives';
 export * from './dynamicItems';
 export * from './interfaces';
 export * from './misc/extensions';
@@ -6,5 +7,6 @@ export * from './misc/providers';
 export * from './misc/tokens';
 export * from './misc/utils';
 export * from './modules';
+export * from './pipes';
 export * from './services';
 //# sourceMappingURL=index.js.map

package/es2015/layout-relations/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../layout-relations/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC","sourcesContent":["export * from './components';\nexport * from './dynamicItems';\nexport * from './interfaces';\nexport * from './misc/extensions';\nexport * from './misc/providers';\nexport * from './misc/tokens';\nexport * from './misc/utils';\nexport * from './modules';\nexport * from './services';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../layout-relations/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC","sourcesContent":["export * from './components';\nexport * from './directives';\nexport * from './dynamicItems';\nexport * from './interfaces';\nexport * from './misc/extensions';\nexport * from './misc/providers';\nexport * from './misc/tokens';\nexport * from './misc/utils';\nexport * from './modules';\nexport * from './pipes';\nexport * from './services';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../layout-relations/src/misc/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {ClassProvider, FactoryProvider, Injector, Provider, Type} from '@angular/core';\nimport {LayoutComponentMetadata, provideLayout} from '@anglr/dynamic/layout';\nimport {provideRelations} from '@anglr/dynamic/relations';\nimport {provideRelationsEditor, REFRESH_PALETTE_OBSERVABLES, ScopeRegister as RelationsScopeRegister, StaticComponentsRegister, STATIC_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER, STATIC_COMPONENTS_RELATIONS_NODES_PROVIDER} from '@anglr/dynamic/relations-editor';\nimport {LayoutComponentsIteratorService, LayoutEditorMetadataExtractor, provideLayoutEditor} from '@anglr/dynamic/layout-editor';\nimport {MetadataStorage, provideStaticPackageSource} from '@anglr/dynamic';\nimport {LOGGER} from '@anglr/common';\nimport {Dictionary} from '@jscrpt/common';\n\nimport {LAYOUT_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER, LAYOUT_COMPONENTS_RELATIONS_NODES_PROVIDER, CUSTOM_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER, CUSTOM_COMPONENTS_RELATIONS_NODES_PROVIDER, CUSTOM_COMPONENTS_LAYOUT_MODULE_TYPES_PROVIDER, CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER} from './providers';\nimport {LayoutComponentsRegister, LayoutManager, CustomComponentsRegister, ScopeRegister} from '../services';\nimport {ContentComponentData} from '../dynamicItems/customComponent/misc';\n\n/**\n * Providers for relations subpackage that works with layout metadata\n */\nexport function provideLayoutRelations(): Provider[]\n{\n    return [\n        ...provideLayout(),\n        ...provideRelations(),\n    ];\n}\n\n/**\n * Providers for relations subpackage that works with layout metadata\n */\nexport function provideLayoutRelationsCustomComponents(): Provider[]\n{\n    return [\n        ...provideLayoutRelations(),\n        CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER,\n    ];\n}\n\n/**\n * Providers for relations editor subpackage that works with layout metadata\n */\nexport function provideLayoutRelationsEditor(): Provider[]\n{\n    const relationsProviders = provideRelationsEditor();\n    relationsProviders.splice(relationsProviders.indexOf(RelationsScopeRegister), 1);\n\n    return [\n        ...provideLayoutEditor(false),\n        ...relationsProviders,\n        LAYOUT_COMPONENTS_RELATIONS_NODES_PROVIDER,\n        LAYOUT_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER,\n        LayoutManager,\n        LayoutComponentsRegister,\n        LayoutComponentsIteratorService,\n        <ClassProvider>\n        {\n            provide: RelationsScopeRegister,\n            useClass: ScopeRegister,\n        },\n        <FactoryProvider>\n        {\n            provide: REFRESH_PALETTE_OBSERVABLES,\n            useFactory: (layoutManager: LayoutManager) =>\n            {\n                return layoutManager.layoutChange;\n            },\n            deps: [LayoutManager],\n            multi: true\n        },\n        provideStaticPackageSource('layout-components'),\n    ];\n}\n\n/**\n * Providers that enables use of custom relations components in relations editor\n * @param layoutRelationsEditorProviders - Array of providers for layout relations editor\n * @param customComponentRegister - Type that represents implementation of custom components register\n */\nexport function provideEditorRelationsCustomComponents(layoutRelationsEditorProviders: Provider[],\n                                                       customComponentRegister: Type<CustomComponentsRegister> = CustomComponentsRegister,): Provider[]\n{\n    return [\n        CUSTOM_COMPONENTS_RELATIONS_NODES_PROVIDER,\n        CUSTOM_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER,\n        CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER,\n        provideStaticPackageSource('custom-components'),\n        <ClassProvider>\n        {\n            provide: CustomComponentsRegister,\n            useClass: customComponentRegister,\n        },\n        ...layoutRelationsEditorProviders,\n    ];\n}\n\n/**\n * Providers that enables use of custom layout components in layout editor\n * @param layoutRelationsEditorProviders - Array of providers for layout relations editor\n * @param customComponentRegister - Type that represents implementation of custom components register\n */\nexport function provideEditorLayoutCustomComponents(layoutRelationsEditorProviders: Provider[],\n                                                    customComponentRegister: Type<CustomComponentsRegister> = CustomComponentsRegister,): Provider[]\n{\n    //TODO: maybe remove first parameter\n\n    return [\n        CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER,\n        CUSTOM_COMPONENTS_LAYOUT_MODULE_TYPES_PROVIDER,\n        provideStaticPackageSource('custom-components'),\n        <ClassProvider>\n        {\n            provide: CustomComponentsRegister,\n            useClass: customComponentRegister,\n        },\n        ...layoutRelationsEditorProviders,\n    ];\n}\n\n/**\n * Providers for relations editor subpackage, that works with layout metadata, with support of static components\n * @param staticRegister - Type that represents implementation of static components register\n */\nexport function provideLayoutRelationsEditorWithStatic(staticRegister: Type<StaticComponentsRegister>): Provider[]\n{\n    return [\n        ...provideLayoutRelationsEditor(),\n        STATIC_COMPONENTS_RELATIONS_NODES_PROVIDER,\n        STATIC_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER,\n        <ClassProvider>\n        {\n            provide: StaticComponentsRegister,\n            useClass: staticRegister\n        },\n        provideStaticPackageSource('static-components'),\n    ];\n}\n\n/**\n * Gets custom component metadata info\n * @param name - Name of component which metadata are obtained\n * @param injector - Instance of injector used for obtaining required services\n */\nexport async function getCustomComponentMeta(name: string, injector: Injector): Promise<{contentMetadata: Dictionary<ContentComponentData>, metadata: LayoutComponentMetadata|undefined|null}|null>\n{\n    const layoutMetadataStorage: MetadataStorage<LayoutComponentMetadata> = injector.get(MetadataStorage);\n    const customComponentMetadata = await layoutMetadataStorage.getMetadata(name);\n    const logger = injector.get(LOGGER);\n\n    if(!customComponentMetadata)\n    {\n        logger.warn('ContentOptionsPropertiesControlSAComponent: missing layout metadata for custom component!');\n\n        return null;\n    }\n\n    const layoutMetadataIterator = injector.get(LayoutComponentsIteratorService);\n    const iterator = layoutMetadataIterator.getIteratorFor(customComponentMetadata);\n    const metadataExtractor = injector.get(LayoutEditorMetadataExtractor);\n    const customComponentContentMetadata: Dictionary<ContentComponentData> = {};\n\n    for await(const component of iterator)\n    {\n        const metadata = await metadataExtractor.extractMetadata(component.metadata);\n\n        if(!metadata)\n        {\n            logger.warn('ContentOptionsPropertiesControlSAComponent: missing metadata for component!');\n\n            continue;\n        }\n\n        customComponentContentMetadata[component.metadata.id] =\n        {\n            metadata: component.metadata,\n            editorMetadata: metadata,\n        };\n    }\n\n    return {\n        contentMetadata: customComponentContentMetadata,\n        metadata: customComponentMetadata,\n    };\n}"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../layout-relations/src/misc/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {ClassProvider, FactoryProvider, Injector, Provider, Type} from '@angular/core';\nimport {LayoutComponentMetadata, provideLayout} from '@anglr/dynamic/layout';\nimport {provideRelations} from '@anglr/dynamic/relations';\nimport {provideRelationsEditor, REFRESH_PALETTE_OBSERVABLES, ScopeRegister as RelationsScopeRegister, StaticComponentsRegister, STATIC_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER, STATIC_COMPONENTS_RELATIONS_NODES_PROVIDER} from '@anglr/dynamic/relations-editor';\nimport {LayoutComponentsIteratorService, LayoutEditorMetadataExtractor, provideLayoutEditor} from '@anglr/dynamic/layout-editor';\nimport {MetadataStorage, provideStaticPackageSource} from '@anglr/dynamic';\nimport {LOGGER} from '@anglr/common';\nimport {Dictionary} from '@jscrpt/common';\n\nimport {LAYOUT_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER, LAYOUT_COMPONENTS_RELATIONS_NODES_PROVIDER, CUSTOM_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER, CUSTOM_COMPONENTS_RELATIONS_NODES_PROVIDER, CUSTOM_COMPONENTS_LAYOUT_MODULE_TYPES_PROVIDER, CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER} from './providers';\nimport {LayoutComponentsRegister, LayoutManager, CustomComponentsRegister, ScopeRegister} from '../services';\nimport {ContentComponentData} from '../components';\n\n/**\n * Providers for relations subpackage that works with layout metadata\n */\nexport function provideLayoutRelations(): Provider[]\n{\n    return [\n        ...provideLayout(),\n        ...provideRelations(),\n    ];\n}\n\n/**\n * Providers for relations subpackage that works with layout metadata\n */\nexport function provideLayoutRelationsCustomComponents(): Provider[]\n{\n    return [\n        ...provideLayoutRelations(),\n        CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER,\n    ];\n}\n\n/**\n * Providers for relations editor subpackage that works with layout metadata\n */\nexport function provideLayoutRelationsEditor(): Provider[]\n{\n    const relationsProviders = provideRelationsEditor();\n    relationsProviders.splice(relationsProviders.indexOf(RelationsScopeRegister), 1);\n\n    return [\n        ...provideLayoutEditor(false),\n        ...relationsProviders,\n        LAYOUT_COMPONENTS_RELATIONS_NODES_PROVIDER,\n        LAYOUT_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER,\n        LayoutManager,\n        LayoutComponentsRegister,\n        LayoutComponentsIteratorService,\n        <ClassProvider>\n        {\n            provide: RelationsScopeRegister,\n            useClass: ScopeRegister,\n        },\n        <FactoryProvider>\n        {\n            provide: REFRESH_PALETTE_OBSERVABLES,\n            useFactory: (layoutManager: LayoutManager) =>\n            {\n                return layoutManager.layoutChange;\n            },\n            deps: [LayoutManager],\n            multi: true\n        },\n        provideStaticPackageSource('layout-components'),\n    ];\n}\n\n/**\n * Providers that enables use of custom relations components in relations editor\n * @param layoutRelationsEditorProviders - Array of providers for layout relations editor\n * @param customComponentRegister - Type that represents implementation of custom components register\n */\nexport function provideEditorRelationsCustomComponents(layoutRelationsEditorProviders: Provider[],\n                                                       customComponentRegister: Type<CustomComponentsRegister> = CustomComponentsRegister,): Provider[]\n{\n    return [\n        CUSTOM_COMPONENTS_RELATIONS_NODES_PROVIDER,\n        CUSTOM_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER,\n        CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER,\n        provideStaticPackageSource('custom-components'),\n        <ClassProvider>\n        {\n            provide: CustomComponentsRegister,\n            useClass: customComponentRegister,\n        },\n        ...layoutRelationsEditorProviders,\n    ];\n}\n\n/**\n * Providers that enables use of custom layout components in layout editor\n * @param layoutRelationsEditorProviders - Array of providers for layout relations editor\n * @param customComponentRegister - Type that represents implementation of custom components register\n */\nexport function provideEditorLayoutCustomComponents(layoutRelationsEditorProviders: Provider[],\n                                                    customComponentRegister: Type<CustomComponentsRegister> = CustomComponentsRegister,): Provider[]\n{\n    //TODO: maybe remove first parameter\n\n    return [\n        CUSTOM_COMPONENTS_LAYOUT_COMPONENTS_PROVIDER,\n        CUSTOM_COMPONENTS_LAYOUT_MODULE_TYPES_PROVIDER,\n        provideStaticPackageSource('custom-components'),\n        <ClassProvider>\n        {\n            provide: CustomComponentsRegister,\n            useClass: customComponentRegister,\n        },\n        ...layoutRelationsEditorProviders,\n    ];\n}\n\n/**\n * Providers for relations editor subpackage, that works with layout metadata, with support of static components\n * @param staticRegister - Type that represents implementation of static components register\n */\nexport function provideLayoutRelationsEditorWithStatic(staticRegister: Type<StaticComponentsRegister>): Provider[]\n{\n    return [\n        ...provideLayoutRelationsEditor(),\n        STATIC_COMPONENTS_RELATIONS_NODES_PROVIDER,\n        STATIC_COMPONENTS_RELATIONS_MODULE_TYPES_PROVIDER,\n        <ClassProvider>\n        {\n            provide: StaticComponentsRegister,\n            useClass: staticRegister\n        },\n        provideStaticPackageSource('static-components'),\n    ];\n}\n\n/**\n * Gets custom component metadata info\n * @param name - Name of component which metadata are obtained\n * @param injector - Instance of injector used for obtaining required services\n */\nexport async function getCustomComponentMeta(name: string, injector: Injector): Promise<{contentMetadata: Dictionary<ContentComponentData>, metadata: LayoutComponentMetadata|undefined|null}|null>\n{\n    const layoutMetadataStorage: MetadataStorage<LayoutComponentMetadata> = injector.get(MetadataStorage);\n    const customComponentMetadata = await layoutMetadataStorage.getMetadata(name);\n    const logger = injector.get(LOGGER);\n\n    if(!customComponentMetadata)\n    {\n        logger.warn('ContentOptionsPropertiesControlSAComponent: missing layout metadata for custom component!');\n\n        return null;\n    }\n\n    const layoutMetadataIterator = injector.get(LayoutComponentsIteratorService);\n    const iterator = layoutMetadataIterator.getIteratorFor(customComponentMetadata);\n    const metadataExtractor = injector.get(LayoutEditorMetadataExtractor);\n    const customComponentContentMetadata: Dictionary<ContentComponentData> = {};\n\n    for await(const component of iterator)\n    {\n        const metadata = await metadataExtractor.extractMetadata(component.metadata);\n\n        if(!metadata)\n        {\n            logger.warn('ContentOptionsPropertiesControlSAComponent: missing metadata for component!');\n\n            continue;\n        }\n\n        customComponentContentMetadata[component.metadata.id] =\n        {\n            metadata: component.metadata,\n            editorMetadata: metadata,\n        };\n    }\n\n    return {\n        contentMetadata: customComponentContentMetadata,\n        metadata: customComponentMetadata,\n    };\n}"]}

package/es2015/layout-relations/src/pipes/getModel/getModel.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModel.pipe.js","sourceRoot":"","sources":["../../../../../layout-relations/src/pipes/getModel/getModel.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAKlD;;GAEG;AAEH,MAAM,OAAO,cAAc;IAEvB;;;;OAIG;IACI,SAAS,CAAC,KAAa,EAAE,QAA6C;;QAEzE,OAAO,MAAA,MAAA,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAC,QAAQ,0CAAE,eAAe,0CAAE,kBAAkB,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,0CAAE,SAAS,mCAAI,IAAI,CAAC;IAC/I,CAAC;;2GAVQ,cAAc;yGAAd,cAAc;2FAAd,cAAc;kBAD1B,IAAI;mBAAC,EAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\nimport {LayoutPropertiesModelType} from '@anglr/dynamic/layout-editor';\n\nimport {ContentComponentData} from '../../components';\n\n/**\n * Gets properties model using its name\n */\n@Pipe({name: 'getModel', standalone: true})\nexport class GetModelSAPipe implements PipeTransform\n{\n    /**\n     * Gets properties model using its name\n     * @param value - Name of model class\n     * @param metadata - Metadata containing model\n     */\n    public transform(value: string, metadata: ContentComponentData|undefined|null,): LayoutPropertiesModelType|null\n    {\n        return metadata?.editorMetadata.metaInfo?.optionsMetadata?.propertiesMetadata?.find(itm => itm.modelType.name == value)?.modelType ?? null;\n    }\n}"]}

package/es2015/layout-relations/src/pipes/index.js

@@ -0,0 +1,4 @@
+export * from './getModel/getModel.pipe';
+export * from './propertySelected/propertySelected.pipe';
+export * from './propertiesMetadata/propertiesMetadata.pipe';
+//# sourceMappingURL=index.js.map

package/es2015/layout-relations/src/pipes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../layout-relations/src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0CAA0C,CAAC;AACzD,cAAc,8CAA8C,CAAC","sourcesContent":["export * from './getModel/getModel.pipe';\nexport * from './propertySelected/propertySelected.pipe';\nexport * from './propertiesMetadata/propertiesMetadata.pipe';\n"]}

package/{es2020/layout-relations/src/dynamicItems/customComponent/misc → es2015/layout-relations/src}/pipes/propertiesMetadata/propertiesMetadata.pipe.js

@@ -1,4 +1,4 @@
-import { Pipe } from '@angular/core';
+import { Optional, Pipe } from '@angular/core';
 import { LayoutEditorPropertyMetadataExtractor } from '@anglr/dynamic/layout-editor';
 import * as i0 from "@angular/core";
 import * as i1 from "@anglr/dynamic/layout-editor";
@@ -14,18 +14,26 @@ export class PropertiesMetadataSAPipe {
     /**
      * Gets properties metadata for for model type
      * @param value - Type of properties model
+     * @param propertyExtractor - Extractor used for obtaining metadata for model
      */
-    transform(value) {
+    transform(value, propertyExtractor) {
+        var _a;
         if (!value) {
             return null;
         }
+        (_a = this.propertyExtractor) !== null && _a !== void 0 ? _a : (this.propertyExtractor = propertyExtractor);
+        if (!this.propertyExtractor) {
+            throw new Error('Please provide LayoutEditorPropertyMetadataExtractor for propertiesMetadata pipe!');
+        }
         return this.propertyExtractor.extract(value);
     }
 }
-PropertiesMetadataSAPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PropertiesMetadataSAPipe, deps: [{ token: i1.LayoutEditorPropertyMetadataExtractor }], target: i0.ɵɵFactoryTarget.Pipe });
+PropertiesMetadataSAPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PropertiesMetadataSAPipe, deps: [{ token: i1.LayoutEditorPropertyMetadataExtractor, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
 PropertiesMetadataSAPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: PropertiesMetadataSAPipe, isStandalone: true, name: "propertiesMetadata" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PropertiesMetadataSAPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'propertiesMetadata', standalone: true, }]
-        }], ctorParameters: function () { return [{ type: i1.LayoutEditorPropertyMetadataExtractor }]; } });
+        }], ctorParameters: function () { return [{ type: i1.LayoutEditorPropertyMetadataExtractor, decorators: [{
+                    type: Optional
+                }] }]; } });
 //# sourceMappingURL=propertiesMetadata.pipe.js.map

package/es2015/layout-relations/src/pipes/propertiesMetadata/propertiesMetadata.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertiesMetadata.pipe.js","sourceRoot":"","sources":["../../../../../layout-relations/src/pipes/propertiesMetadata/propertiesMetadata.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAA+B,qCAAqC,EAA4B,MAAM,8BAA8B,CAAC;;;AAG5I;;GAEG;AAEH,MAAM,OAAO,wBAAwB;IAEjC,iEAAiE;IACjE,YAAkC,iBAAyD;QAAzD,sBAAiB,GAAjB,iBAAiB,CAAwC;IAE3F,CAAC;IAED,sGAAsG;IAEtG;;;;OAIG;IACI,SAAS,CAAC,KAAqC,EAAE,iBAAyD;;QAE7G,IAAG,CAAC,KAAK,EACT;YACI,OAAO,IAAI,CAAC;SACf;QAED,MAAA,IAAI,CAAC,iBAAiB,oCAAtB,IAAI,CAAC,iBAAiB,GAAK,iBAAiB,EAAC;QAE7C,IAAG,CAAC,IAAI,CAAC,iBAAiB,EAC1B;YACI,MAAM,IAAI,KAAK,CAAC,mFAAmF,CAAC,CAAC;SACxG;QAED,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;;qHA7BQ,wBAAwB;mHAAxB,wBAAwB;2FAAxB,wBAAwB;kBADpC,IAAI;mBAAC,EAAC,IAAI,EAAE,oBAAoB,EAAE,UAAU,EAAE,IAAI,GAAE;;0BAIpC,QAAQ","sourcesContent":["import {Optional, Pipe, PipeTransform} from '@angular/core';\nimport {LayoutEditorPropertyMetadata, LayoutEditorPropertyMetadataExtractor, LayoutPropertiesModelType} from '@anglr/dynamic/layout-editor';\nimport {Dictionary} from '@jscrpt/common';\n\n/**\n * Gets properties metadata for for model type\n */\n@Pipe({name: 'propertiesMetadata', standalone: true,})\nexport class PropertiesMetadataSAPipe implements PipeTransform\n{\n    //######################### constructor #########################\n    constructor(@Optional() protected propertyExtractor?: LayoutEditorPropertyMetadataExtractor,)\n    {\n    }\n\n    //######################### public methods - implementation of PipeTransform #########################\n\n    /**\n     * Gets properties metadata for for model type\n     * @param value - Type of properties model\n     * @param propertyExtractor - Extractor used for obtaining metadata for model\n     */\n    public transform(value: LayoutPropertiesModelType|null, propertyExtractor?: LayoutEditorPropertyMetadataExtractor): Dictionary<LayoutEditorPropertyMetadata>|null\n    {\n        if(!value)\n        {\n            return null;\n        }\n\n        this.propertyExtractor ??= propertyExtractor;\n\n        if(!this.propertyExtractor)\n        {\n            throw new Error('Please provide LayoutEditorPropertyMetadataExtractor for propertiesMetadata pipe!');\n        }\n\n        return this.propertyExtractor.extract(value);\n    }\n}"]}

package/es2015/layout-relations/src/pipes/propertySelected/propertySelected.pipe.js

@@ -0,0 +1,28 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Gets indication whether is property selected
+ */
+export class PropertySelectedSAPipe {
+    /**
+     * Gets indication whether is property selected
+     * @param value - Stores selected properties in their models and components
+     * @param component - Name of component
+     * @param model - Name of model
+     * @param property - Name of property
+     */
+    transform(value, component, model, property) {
+        var _a;
+        if (!((_a = value[component]) === null || _a === void 0 ? void 0 : _a[model])) {
+            return false;
+        }
+        return value[component][model].indexOf(property) >= 0;
+    }
+}
+PropertySelectedSAPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PropertySelectedSAPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PropertySelectedSAPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: PropertySelectedSAPipe, isStandalone: true, name: "propertySelected" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PropertySelectedSAPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'propertySelected', standalone: true }]
+        }] });
+//# sourceMappingURL=propertySelected.pipe.js.map