@pepperi-addons/ngx-composite-lib 0.4.2-beta.99 → 0.5.0-ng16.2

package/fesm2022/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs

@@ -0,0 +1,209 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4 from '@pepperi-addons/ngx-lib/select';
+import { PepSelectModule } from '@pepperi-addons/ngx-lib/select';
+import * as i5 from '@pepperi-addons/ngx-lib/textbox';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
+import { PepGenericFormModule } from '@pepperi-addons/ngx-composite-lib/generic-form';
+
+/**
+ * Interface for mapping parameters
+ */
+// export type ListParameter = Record<string, any>;
+
+// export const SELECTION_FIELD_PREFIX = 'ValueSelectionType_';
+class PepMappingParametersService {
+    constructor() {
+        this._parametersByType = new Map();
+    }
+    get parametersByType() {
+        return this._parametersByType;
+    }
+    //constructor() {}
+    initParametersByType(parameters) {
+        this._parameters = parameters || {};
+        Object.keys(this._parameters).forEach(key => {
+            const param = this._parameters ? this._parameters[key] : undefined;
+            if (!param) {
+                return;
+            }
+            if (!this._parametersByType.has(param.Type)) {
+                this._parametersByType.set(param.Type, []);
+            }
+            this._parametersByType.get(param.Type)?.push({
+                key: key,
+                value: key
+            });
+        });
+    }
+    getParametersOptions(type) {
+        return this._parametersByType.get(type) || [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersService, decorators: [{
+            type: Injectable
+        }] });
+
+class ParamMapComponent {
+    set mappedParam(value) {
+        this._mappedParam = value;
+        this.initParam();
+    }
+    get mappedParam() {
+        return this._mappedParam;
+    }
+    constructor(translate, _mappingParametersService) {
+        this.translate = translate;
+        this._mappingParametersService = _mappingParametersService;
+        this.mappedParamValueChanged = new EventEmitter();
+        this.parametersByType = [];
+        this.paramTypes = [];
+        this.paramHasDefaultValue = false;
+        this.param = {
+            Value: '',
+            Type: 'Static'
+        };
+    }
+    initParam() {
+        this.paramHasDefaultValue = !!this.configurationParameter?.DefaultValue;
+        this.param.Type = this.mappedParam?.Type || (this.paramHasDefaultValue ? 'Default' : 'Static');
+        this.param.Value = this.mappedParam?.Value || this.configurationParameter?.DefaultValue;
+        if (this.param.Type !== this.mappedParam?.Type ||
+            this.param.Value !== this.mappedParam?.Value) {
+            this.mappedParamValueChanged.emit(this.param);
+        }
+    }
+    ngOnInit() {
+        // Get the parameters options by type from the service.
+        this.parametersByType = this._mappingParametersService.getParametersOptions(this.configurationParameter.Type);
+        this.initParam();
+        this.paramTypes = [
+            { key: 'Static', value: this.translate.instant('MAPPING_PARAMETERS.STATIC') },
+        ];
+        if (this.paramHasDefaultValue) {
+            this.paramTypes.push({ key: 'Default', value: this.translate.instant('MAPPING_PARAMETERS.DEFAULT') });
+        }
+        if (this.parametersByType.length > 0) {
+            this.paramTypes.push({ key: 'Dynamic', value: this.translate.instant('MAPPING_PARAMETERS.DYNAMIC') });
+        }
+    }
+    onParamKeyChanged(event) {
+        this.param.Type = event;
+        this.param.Value = event === 'Default' ? this.configurationParameter?.DefaultValue : event === 'Static' ? '' : '';
+        this.mappedParamValueChanged.emit(this.param);
+    }
+    onParamValueChanged(event) {
+        this.param.Value = event;
+        this.mappedParamValueChanged.emit(this.param);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ParamMapComponent, deps: [{ token: i1.TranslateService }, { token: PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ParamMapComponent, selector: "param-map", inputs: { configurationParameter: "configurationParameter", mappedParam: "mappedParam" }, outputs: { mappedParamValueChanged: "mappedParamValueChanged" }, ngImport: i0, template: "<div class=\"paramMapCont\">\n    <pep-select\n        [label]=\"configurationParameter.Key\"\n        [value]=\"param.Type\"\n        [options]=\"paramTypes\"\n        [emptyOption]=\"false\"\n        (valueChange)=\"onParamKeyChanged($event)\"\n    ></pep-select>\n    <pep-textbox\n        *ngIf=\"!(param.Type === 'Dynamic')\"\n        [label]=\"configurationParameter.Key\"\n        [disabled]=\"param.Type !== 'Static'\"\n        [value]=\"param.Value\"\n        (valueChange)=\"onParamValueChanged($event)\"\n    ></pep-textbox>\n\n    <pep-select\n        *ngIf=\"param.Type === 'Dynamic'\"\n        [label]=\"configurationParameter.Key\"\n        [value]=\"param.Value\"\n        [options]=\"parametersByType\"\n        [emptyOption]=\"true\"\n        (valueChange)=\"onParamValueChanged($event)\"\n    ></pep-select>\n</div>\n", styles: [".paramMapCont{display:grid;grid-template-columns:1fr 1fr;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "placeholder", "placeholderWhenDisabled", "autoSortOptions", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle", "typeaheadDebounceInterval", "addValueToOptionsIfNotExist"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i5.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ParamMapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'param-map', template: "<div class=\"paramMapCont\">\n    <pep-select\n        [label]=\"configurationParameter.Key\"\n        [value]=\"param.Type\"\n        [options]=\"paramTypes\"\n        [emptyOption]=\"false\"\n        (valueChange)=\"onParamKeyChanged($event)\"\n    ></pep-select>\n    <pep-textbox\n        *ngIf=\"!(param.Type === 'Dynamic')\"\n        [label]=\"configurationParameter.Key\"\n        [disabled]=\"param.Type !== 'Static'\"\n        [value]=\"param.Value\"\n        (valueChange)=\"onParamValueChanged($event)\"\n    ></pep-textbox>\n\n    <pep-select\n        *ngIf=\"param.Type === 'Dynamic'\"\n        [label]=\"configurationParameter.Key\"\n        [value]=\"param.Value\"\n        [options]=\"parametersByType\"\n        [emptyOption]=\"true\"\n        (valueChange)=\"onParamValueChanged($event)\"\n    ></pep-select>\n</div>\n", styles: [".paramMapCont{display:grid;grid-template-columns:1fr 1fr;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: PepMappingParametersService }]; }, propDecorators: { configurationParameter: [{
+                type: Input
+            }], mappedParam: [{
+                type: Input
+            }], mappedParamValueChanged: [{
+                type: Output
+            }] } });
+
+class PepMappingParametersComponent {
+    constructor(_mappingParametersService) {
+        this._mappingParametersService = _mappingParametersService;
+        this.mapToParameters = {};
+        this.configurationParameters = [];
+        this.mappedParameters = {};
+        this.maxHeight = '100%';
+        this.mappedParamValueChanged = new EventEmitter();
+    }
+    ngOnInit() {
+        this._mappingParametersService.initParametersByType(this.mapToParameters);
+    }
+    onMappedParamValueChanged(event, key) {
+        if (!this.mappedParameters) {
+            this.mappedParameters = {};
+        }
+        this.mappedParameters[key] = event;
+        this.mappedParamValueChanged.emit(this.mappedParameters);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersComponent, deps: [{ token: PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepMappingParametersComponent, selector: "pep-mapping-parameters", inputs: { mapToParameters: "mapToParameters", configurationParameters: "configurationParameters", mappedParameters: "mappedParameters", maxHeight: "maxHeight" }, outputs: { mappedParamValueChanged: "mappedParamValueChanged" }, providers: [PepMappingParametersService], ngImport: i0, template: "<div class=\"header-title pep-border-bottom\">\n    <span class=\"body-md bold\">{{'MAPPING_PARAMETERS.VARIABLE_MAPPING' | translate}}</span>\n</div>\n<div class=\"params-container\" [style.max-height]=\"maxHeight\">\n    <ng-container *ngFor=\"let configParam of configurationParameters\">\n        <param-map \n            [configurationParameter]=\"configParam\" \n            [mappedParam]=\"mappedParameters && mappedParameters[configParam.Key]\" \n            (mappedParamValueChanged)=\"onMappedParamValueChanged($event, configParam.Key)\">\n        </param-map>\n    </ng-container>\n</div>\n", styles: [".header-title{height:var(--pep-form-field-height, 2.5rem);display:flex;margin-bottom:var(--pep-spacing-md, .75rem);align-items:center}.params-container{overflow:auto}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ParamMapComponent, selector: "param-map", inputs: ["configurationParameter", "mappedParam"], outputs: ["mappedParamValueChanged"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-mapping-parameters', providers: [PepMappingParametersService], template: "<div class=\"header-title pep-border-bottom\">\n    <span class=\"body-md bold\">{{'MAPPING_PARAMETERS.VARIABLE_MAPPING' | translate}}</span>\n</div>\n<div class=\"params-container\" [style.max-height]=\"maxHeight\">\n    <ng-container *ngFor=\"let configParam of configurationParameters\">\n        <param-map \n            [configurationParameter]=\"configParam\" \n            [mappedParam]=\"mappedParameters && mappedParameters[configParam.Key]\" \n            (mappedParamValueChanged)=\"onMappedParamValueChanged($event, configParam.Key)\">\n        </param-map>\n    </ng-container>\n</div>\n", styles: [".header-title{height:var(--pep-form-field-height, 2.5rem);display:flex;margin-bottom:var(--pep-spacing-md, .75rem);align-items:center}.params-container{overflow:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: PepMappingParametersService }]; }, propDecorators: { mapToParameters: [{
+                type: Input
+            }], configurationParameters: [{
+                type: Input
+            }], mappedParameters: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], mappedParamValueChanged: [{
+                type: Output
+            }] } });
+
+class PepMappingParametersModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersModule, declarations: [PepMappingParametersComponent, ParamMapComponent], imports: [CommonModule,
+            PepButtonModule,
+            PepCheckboxModule,
+            PepSliderModule,
+            PepNgxLibModule,
+            PepSelectModule,
+            PepGroupButtonsModule,
+            PepTextboxModule,
+            PepGenericFormModule, i1.TranslateModule], exports: [PepMappingParametersComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersModule, providers: [PepMappingParametersService], imports: [CommonModule,
+            PepButtonModule,
+            PepCheckboxModule,
+            PepSliderModule,
+            PepNgxLibModule,
+            PepSelectModule,
+            PepGroupButtonsModule,
+            PepTextboxModule,
+            PepGenericFormModule,
+            TranslateModule.forChild()] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepMappingParametersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PepMappingParametersComponent, ParamMapComponent],
+                    imports: [
+                        CommonModule,
+                        PepButtonModule,
+                        PepCheckboxModule,
+                        PepSliderModule,
+                        PepNgxLibModule,
+                        PepSelectModule,
+                        PepGroupButtonsModule,
+                        PepTextboxModule,
+                        PepGenericFormModule,
+                        TranslateModule.forChild()
+                    ],
+                    exports: [PepMappingParametersComponent],
+                    providers: [PepMappingParametersService]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepMappingParametersComponent, PepMappingParametersModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-mapping-parameters.mjs.map

package/fesm2022/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-mapping-parameters.mjs","sources":["../../../projects/ngx-composite-lib/mapping-parameters/mapping-parameters.model.ts","../../../projects/ngx-composite-lib/mapping-parameters/mapping-parameters.service.ts","../../../projects/ngx-composite-lib/mapping-parameters/param-map/param-map.component.ts","../../../projects/ngx-composite-lib/mapping-parameters/param-map/param-map.component.html","../../../projects/ngx-composite-lib/mapping-parameters/mapping-parameters.component.ts","../../../projects/ngx-composite-lib/mapping-parameters/mapping-parameters.component.html","../../../projects/ngx-composite-lib/mapping-parameters/mapping-parameters.module.ts","../../../projects/ngx-composite-lib/mapping-parameters/pepperi-addons-ngx-composite-lib-mapping-parameters.ts"],"sourcesContent":["/**\n * Interface for mapping parameters\n */\n// export type ListParameter = Record<string, any>;\n\nexport interface MappedParameter {\n    // Key: string;\n    Value: string;\n    Type: 'Default' | 'Static' | 'Dynamic';\n}\n\nexport type MappedParameters = Record<string, MappedParameter>;","import { AddonDataScheme, DataViewFieldType, FlowParam, SchemeField, SchemeFieldType } from \"@pepperi-addons/papi-sdk\";\nimport { Injectable } from \"@angular/core\";\nimport { IPepOption } from \"@pepperi-addons/ngx-lib\";\n\n// export const SELECTION_FIELD_PREFIX = 'ValueSelectionType_';\n\n@Injectable()\nexport class PepMappingParametersService {\n\n    // configParams: IParamemeter[] = []\n\n    // variablesMap: {\n    //     [key: string]: Set<string>\n    // } = {};\n    private _parameters: AddonDataScheme['Fields'];\n    private _parametersByType: Map<SchemeFieldType, IPepOption[]> = new Map<SchemeFieldType, IPepOption[]>();\n    get parametersByType(): ReadonlyMap<SchemeFieldType, IPepOption[]> {\n        return this._parametersByType;\n    }\n\n    //constructor() {}\n\n    initParametersByType(parameters: AddonDataScheme['Fields']) {\n        this._parameters = parameters || {};\n        Object.keys(this._parameters).forEach(key => {\n            const param: SchemeField | undefined = this._parameters ? this._parameters[key] : undefined;\n            if (!param) {\n                return;\n            }\n\n            if (!this._parametersByType.has(param.Type)) {\n                this._parametersByType.set(param.Type, []);\n            }\n            \n            this._parametersByType.get(param.Type)?.push({\n                key: key,\n                value: key\n            });\n        });\n    }\n\n    getParametersOptions(type: SchemeFieldType): IPepOption[] {\n        return this._parametersByType.get(type) || [];\n    }\n        \n    \n    // private initVariables(hostParams: AddonDataScheme['Fields']) {\n    //     const params = hostParams || {};\n    //     Object.keys(params).forEach(name => {\n    //         const param = params[name];\n    //         if(!this.variablesMap.hasOwnProperty(param.Type)) {\n    //             this.variablesMap[param.Type] = new Set<string>();\n    //         }\n    //         this.variablesMap[param.Type].add(name);\n    //     })\n    // }\n    \n    // private getDefaultValueForType(paramType: SchemeFieldType): any {\n    //     let defaultValue;\n    //     switch (paramType) {\n    //         case 'Bool':{\n    //             defaultValue = false;\n    //             break;\n    //         }\n    //         case 'Integer':{\n    //             defaultValue = 0;\n    //             break;\n    //         }\n    //         case 'Double': {\n    //             defaultValue = 0.0;\n    //             break;\n    //         }\n    //         case 'Object': {\n    //             defaultValue = '{}';\n    //             break;\n    //         }\n    //         default: {\n    //             defaultValue = ''\n    //         }\n    //     }\n    //     return defaultValue; \n    // }\n\n    // private getFieldsFromConfigParams(configParams: IParamemeter[], formData: Record<string, any>): IPepGenericFormDataViewField[] {\n    //     const viewFields: IPepGenericFormDataViewField[] = [{\n    //         Type: 'Separator',\n    //         FieldID: '',\n    //         OptionalValues: [],\n    //         AdditionalProps: {},\n    //         Mandatory: false,\n    //         ReadOnly: true,\n    //         Title: '', //this.translate.instant('FlowPicker_ParamsSection_Title'),\n    //         Layout: {\n    //             Origin: {\n    //                 X: 0,\n    //                 Y: 0\n    //             },\n    //             Size: {\n    //                 Width: 2,\n    //                 Height:0\n    //             }\n    //         }\n    //     }];\n    //     (configParams).filter(param => !param.Internal).forEach((param, index) => {\n    //         const fieldID = `${SELECTION_FIELD_PREFIX}${param.Key}`;\n    //         const pair = this.getParamDataViewFields(param, index + 1, formData[fieldID]);\n    //         viewFields.push(...pair);\n    //     })\n    //     return viewFields;\n    // }\n    \n    // private getParamDataViewFields(param: IParamemeter, index: number, fieldSelection: string): IPepGenericFormDataViewField[]{\n    //     const fieldID = `${SELECTION_FIELD_PREFIX}${param.Key}`;\n    //     const variableNames: KeyValuePair<string>[] = this.getVariablesForType(param.Type);\n    //     const valueSelectionOptions: KeyValuePair<string>[] = [{\n    //         Key: 'static', \n    //         Value: 'Static'\n    //     }]\n    //     if(param.DefaultValue) {\n    //         valueSelectionOptions.push({\n    //             Key: 'default',\n    //             Value: 'Default'\n    //         })\n    //     }\n    //     if(variableNames?.length > 0) {\n    //         valueSelectionOptions.push({\n    //             Key: 'dynamic',\n    //             Value: 'Dynamic'\n    //         })\n    //     }\n    //     return [{\n    //         FieldID: fieldID,\n    //         Mandatory: false,\n    //         ReadOnly: false,\n    //         Title: param.Key,\n    //         Type:'ComboBox',\n    //         Layout: {\n    //             Origin: {\n    //                 X: 0,\n    //                 Y: index\n    //             },\n    //             Size: {\n    //                 Width: 1,\n    //                 Height: 0\n    //             }\n    //         },\n    //         Style: {\n    //             Alignment: {\n    //                 Horizontal: 'Stretch',\n    //                 Vertical: 'Stretch'\n    //             }\n    //         },\n    //         OptionalValues: valueSelectionOptions,\n    //         AdditionalProps: {\n    //             emptyOption: false\n    //         }\n    //     }, {\n    //         FieldID: param.Key,\n    //         Mandatory: false,\n    //         ReadOnly: fieldSelection === 'default',\n    //         Title: param.Key,\n    //         Type: fieldSelection != 'dynamic' ? this.convertParamsTypeToDVType(param.Type): 'ComboBox',\n    //         Layout: {\n    //             Origin: {\n    //                 X: 1,\n    //                 Y: index\n    //             },\n    //             Size: {\n    //                 Width: 1,\n    //                 Height: 0\n    //             }\n    //         },\n    //         Style: {\n    //             Alignment: {\n    //                 Horizontal: 'Stretch',\n    //                 Vertical: 'Stretch'\n    //             }\n    //         },\n    //         OptionalValues: fieldSelection === 'dynamic' ? variableNames : [],\n    //         AdditionalProps: {\n    //             emptyOption: false\n    //         }\n    //     }]\n    // }\n\n    // private convertParamsTypeToDVType(paramType: SchemeFieldType): DataViewFieldType {\n    //     let res: DataViewFieldType = 'TextBox';\n    //     switch (paramType) {\n    //         case 'Bool': {\n    //             res = 'Boolean';\n    //             break;\n    //         }\n    //         case 'Integer': {\n    //             res = 'NumberInteger';\n    //             break;\n    //         }\n    //         case 'Double': {\n    //             res = 'NumberReal';\n    //             break;\n    //         }\n    //     }\n    //     return res;\n    // }\n\n    // private getVariablesForType(paramType: SchemeFieldType): KeyValuePair<string>[] {\n    //     const result: KeyValuePair<string>[] = []\n    //     const variables = this.variablesMap[paramType];\n    //     if(variables) {\n    //         for (const item of variables.entries()){\n    //             result.push({\n    //                 Key: item[1],\n    //                 Value: item[1]\n    //             })\n    //         }\n    //     }\n\n    //     return result;\n    // }\n\n    // handleFieldChanged(event: IPepGenericFormValueChange, currentFormData: Record<string, any>) {\n    //     let newValue = ''\n    //     if(event.ApiName.startsWith(SELECTION_FIELD_PREFIX)) {\n    //         const paramName = event.ApiName.substring(SELECTION_FIELD_PREFIX.length);\n    //         const param = this.configParams.find(x=> x.Key === paramName);\n    //         if(event.Value === 'default') {\n    //             newValue = param?.DefaultValue;\n    //         }\n    //         else {\n    //             newValue = this.getDefaultValueForType(param?.Type as SchemeFieldType);\n    //         }\n    //         currentFormData[paramName] = newValue;\n    //     }\n    //     return currentFormData;\n    // }\n\n    // getFormData(FlowParamsObject?: Record<string, any>, configParams: IParamemeter[] = []): Record<string, any> {\n    //     this.configParams = configParams;\n    //     return configParams.filter(param => !param.Internal).map((param): Record<string, any> => {\n    //         const result: Record<string, any> = {};\n    //         const formPropName = `${SELECTION_FIELD_PREFIX}${param.Key}`;\n    //         if (FlowParamsObject) {\n    //             const data = FlowParamsObject[param.Name];\n    //             if(data) {\n    //                 switch (data.Source) {\n    //                     case 'Dynamic': {\n    //                         result[formPropName] = 'dynamic';\n    //                         break;\n    //                     }\n    //                     case 'Static': {\n    //                         result[formPropName] = 'static'\n    //                         break;\n    //                     }\n    //                 }\n    //                 result[param.Key] = data.Value;\n    //             }\n    //         }\n    //         if (!result[formPropName]) {\n    //             result[param.Key] = param?.DefaultValue ? param.DefaultValue : this.getDefaultValueForType(param.Type);\n    //             result[formPropName] = param?.DefaultValue ? 'default': 'static';\n    //         }\n    //         return result;\n    //     }).reduce((prev, current) => {\n    //         prev = {...prev, ...current};\n    //         return prev;\n    //     }, {})\n    // }\n\n    // getRunFlowParamsData(formData: Record<string, any>): Record<string, any> {\n    //     const result: Record<string, any> = {}\n    //     Object.keys(formData).forEach(prop => {\n    //         if (prop.startsWith(SELECTION_FIELD_PREFIX)) {\n    //             const paramName = prop.substring(SELECTION_FIELD_PREFIX.length);\n    //             const value = {\n    //                 Source: formData[prop] === 'dynamic' ? 'Dynamic' : 'Static',\n    //                 Value: formData[paramName]\n    //             }\n    //             result[paramName] = value;\n    //         }\n    //     })\n    //     return result;\n    // }\n\n    // getPickerFormView(configParams: IParamemeter[], hostParams: AddonDataScheme['Fields'], formData: Record<string, any>): IPepGenericFormDataView {\n    //     this.initVariables(hostParams);\n    //     const result: IPepGenericFormDataView = {\n    //         Type: 'Form',\n    //         Fields: [],\n    //         Columns: [{},{}],\n    //         Context: {\n    //             Name: '',\n    //             Profile: { },\n    //             ScreenSize: 'Tablet'\n    //         }\n    //     };\n    //     result.Fields = this.getFieldsFromConfigParams(configParams, formData);\n    //     return result;\n    // }\n}","import { Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { MappedParameter } from '../mapping-parameters.model';\nimport { TranslateService } from '@ngx-translate/core';\nimport { IParamemeter } from '@pepperi-addons/ngx-composite-lib/manage-parameters';\nimport { PepMappingParametersService } from '../mapping-parameters.service';\nimport { IPepOption } from '@pepperi-addons/ngx-lib';\n\n@Component({\n    selector: 'param-map',\n    templateUrl: './param-map.component.html',\n    styleUrls: ['./param-map.component.scss']\n})\nexport class ParamMapComponent implements OnInit {\n\n    @Input() configurationParameter!: IParamemeter;\n\n    private _mappedParam: MappedParameter | undefined;\n    @Input()\n    set mappedParam(value: MappedParameter | undefined) {\n        this._mappedParam = value;\n        this.initParam();\n    }\n    get mappedParam(): MappedParameter | undefined {\n        return this._mappedParam;\n    }\n    \n    @Output() mappedParamValueChanged: EventEmitter<MappedParameter> = new EventEmitter()\n\n    protected parametersByType: IPepOption[] = [];\n    protected paramTypes: any[] = [];\n\n    protected paramHasDefaultValue = false;\n    protected param: MappedParameter = {\n        Value: '',\n        Type: 'Static'\n    }\n\n    constructor(\n        private translate: TranslateService,\n        private _mappingParametersService: PepMappingParametersService\n    ) {}\n\n    private initParam() {\n        this.paramHasDefaultValue = !!this.configurationParameter?.DefaultValue;\n        this.param.Type = this.mappedParam?.Type || (this.paramHasDefaultValue ? 'Default' : 'Static');\n        this.param.Value = this.mappedParam?.Value || this.configurationParameter?.DefaultValue;\n\n        if (this.param.Type !== this.mappedParam?.Type ||\n            this.param.Value !== this.mappedParam?.Value\n        ) {\n            this.mappedParamValueChanged.emit(this.param);\n        }\n    }\n\n    ngOnInit() {\n        // Get the parameters options by type from the service.\n        this.parametersByType = this._mappingParametersService.getParametersOptions(this.configurationParameter.Type);\n        this.initParam();\n\n        this.paramTypes = [\n            { key: 'Static', value: this.translate.instant('MAPPING_PARAMETERS.STATIC') },\n        ];\n        \n        if (this.paramHasDefaultValue) {\n            this.paramTypes.push({ key: 'Default', value: this.translate.instant('MAPPING_PARAMETERS.DEFAULT') });\n        }\n\n        if (this.parametersByType.length > 0) {\n            this.paramTypes.push({ key: 'Dynamic', value: this.translate.instant('MAPPING_PARAMETERS.DYNAMIC') });\n        }\n    }\n\n    onParamKeyChanged(event: any) {\n        this.param.Type = event;\n        this.param.Value = event === 'Default' ? this.configurationParameter?.DefaultValue : event === 'Static' ? '' : '';\n\n        this.mappedParamValueChanged.emit(this.param);\n    }\n\n    onParamValueChanged(event: any) {\n        this.param.Value = event;\n        this.mappedParamValueChanged.emit(this.param);\n    }\n}\n","<div class=\"paramMapCont\">\n    <pep-select\n        [label]=\"configurationParameter.Key\"\n        [value]=\"param.Type\"\n        [options]=\"paramTypes\"\n        [emptyOption]=\"false\"\n        (valueChange)=\"onParamKeyChanged($event)\"\n    ></pep-select>\n    <pep-textbox\n        *ngIf=\"!(param.Type === 'Dynamic')\"\n        [label]=\"configurationParameter.Key\"\n        [disabled]=\"param.Type !== 'Static'\"\n        [value]=\"param.Value\"\n        (valueChange)=\"onParamValueChanged($event)\"\n    ></pep-textbox>\n\n    <pep-select\n        *ngIf=\"param.Type === 'Dynamic'\"\n        [label]=\"configurationParameter.Key\"\n        [value]=\"param.Value\"\n        [options]=\"parametersByType\"\n        [emptyOption]=\"true\"\n        (valueChange)=\"onParamValueChanged($event)\"\n    ></pep-select>\n</div>\n","import { Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { MappedParameter, MappedParameters } from './mapping-parameters.model';\nimport { IParamemeter } from '@pepperi-addons/ngx-composite-lib/manage-parameters';\nimport { PepMappingParametersService } from './mapping-parameters.service';\nimport { AddonDataScheme } from '@pepperi-addons/papi-sdk';\n\n@Component({\n    selector: 'pep-mapping-parameters',\n    templateUrl: './mapping-parameters.component.html',\n    styleUrls: ['./mapping-parameters.component.scss'],\n    providers: [PepMappingParametersService]\n})\nexport class PepMappingParametersComponent implements OnInit {\n\n    @Input() mapToParameters: AddonDataScheme['Fields'] = {};\n    @Input() configurationParameters: IParamemeter[] = [];\n    @Input() mappedParameters: Record<string, MappedParameter> = {};\n    @Input() maxHeight = '100%';\n    \n    @Output() mappedParamValueChanged: EventEmitter<MappedParameters> = new EventEmitter()\n\n    constructor(private _mappingParametersService: PepMappingParametersService) {}\n\n    ngOnInit(): void {\n        this._mappingParametersService.initParametersByType(this.mapToParameters);\n    }\n\n    onMappedParamValueChanged(event: MappedParameter, key: string) {\n        if (!this.mappedParameters) {\n            this.mappedParameters = {};\n        }\n\n        this.mappedParameters[key] = event;\n        this.mappedParamValueChanged.emit(this.mappedParameters);\n    }\n}\n","<div class=\"header-title pep-border-bottom\">\n    <span class=\"body-md bold\">{{'MAPPING_PARAMETERS.VARIABLE_MAPPING' | translate}}</span>\n</div>\n<div class=\"params-container\" [style.max-height]=\"maxHeight\">\n    <ng-container *ngFor=\"let configParam of configurationParameters\">\n        <param-map \n            [configurationParameter]=\"configParam\" \n            [mappedParam]=\"mappedParameters && mappedParameters[configParam.Key]\" \n            (mappedParamValueChanged)=\"onMappedParamValueChanged($event, configParam.Key)\">\n        </param-map>\n    </ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSelectModule } from '@pepperi-addons/ngx-lib/select';\nimport { PepMappingParametersComponent } from './mapping-parameters.component';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { ParamMapComponent } from './param-map/param-map.component';\nimport { PepMappingParametersService } from './mapping-parameters.service';\nimport { PepGenericFormModule } from '@pepperi-addons/ngx-composite-lib/generic-form';\n\n@NgModule({\n    declarations: [PepMappingParametersComponent, ParamMapComponent],\n    imports: [\n        CommonModule,\n        PepButtonModule,\n        PepCheckboxModule,\n        PepSliderModule,\n        PepNgxLibModule,\n        PepSelectModule,\n        PepGroupButtonsModule,\n        PepTextboxModule,\n        PepGenericFormModule,\n        TranslateModule.forChild()\n    ],\n    exports: [PepMappingParametersComponent],\n    providers: [PepMappingParametersService]\n})\nexport class PepMappingParametersModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.PepMappingParametersService","i1.PepMappingParametersService","i2","i3.ParamMapComponent","i4"],"mappings":"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"}

package/fesm2022/pepperi-addons-ngx-composite-lib-padding-settings.mjs

@@ -0,0 +1,150 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ngx-translate/core';
+import * as i3 from '@pepperi-addons/ngx-lib/checkbox';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import * as i4 from '@pepperi-addons/ngx-lib/textbox';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
+import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
+import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
+
+class PepPaddingSettings {
+    constructor(isUniform = true, paddingValue = '0') {
+        this.IsUniform = isUniform;
+        this.PaddingValue = paddingValue;
+    }
+}
+
+class PaddingSettingsComponent {
+    set padding(value) {
+        if (!value) {
+            this._padding = new PepPaddingSettings();
+        }
+        else {
+            this._padding = value;
+        }
+        this.formatPaddingValue();
+    }
+    get padding() {
+        return this._padding;
+    }
+    constructor(translate) {
+        this.translate = translate;
+        this.startPaddingValue = '0';
+        this.endPaddingValue = '0';
+        this.topPaddingValue = '0';
+        this.bottomPaddingValue = '0';
+        this._padding = new PepPaddingSettings();
+        this.paddingChange = new EventEmitter();
+    }
+    raisePaddingChange() {
+        this.paddingChange.emit(this.padding);
+    }
+    onUniformChanged(value) {
+        this.padding.IsUniform = value;
+        this.formatPaddingValue();
+        this.raisePaddingChange();
+    }
+    formatPaddingValue() {
+        if (this.padding.IsUniform) {
+            this.padding.PaddingValue = this.padding.PaddingValue.split(',')[0];
+        }
+        else {
+            if (isNaN(Number(this.padding.PaddingValue))) {
+                const num = this.padding.PaddingValue.split(',') || ['0', '0', '0', '0'];
+                this.topPaddingValue = num[0];
+                this.endPaddingValue = num[1];
+                this.bottomPaddingValue = num[2];
+                this.startPaddingValue = num[3];
+            }
+            else {
+                this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.PaddingValue;
+            }
+            this.padding.PaddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
+        }
+    }
+    onPaddingChanged(value, uniformPos) {
+        if (!this.padding.IsUniform) {
+            switch (uniformPos) {
+                case 'top':
+                    this.topPaddingValue = value;
+                    break;
+                case 'end':
+                    this.endPaddingValue = value;
+                    break;
+                case 'bottom':
+                    this.bottomPaddingValue = value;
+                    break;
+                case 'start':
+                    this.startPaddingValue = value;
+                    break;
+            }
+            this.padding.PaddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
+        }
+        else {
+            this.padding.PaddingValue = `${value}`;
+        }
+        this.raisePaddingChange();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.IsUniform || false\" \n        (valueChange)=\"onUniformChanged($event)\">\n    </pep-checkbox>\n    <div class=\"paddingValueCont\">\n        <pep-textbox *ngIf=\"padding?.IsUniform\"\n            type=\"real\"\n            [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n            [value]=\"padding?.PaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\" \n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n            [value]=\"topPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'top')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.END' | translate\" \n            [value]=\"endPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'end')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n            [value]=\"bottomPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.START' | translate\" \n            [value]=\"startPaddingValue || '0'\"\n            (valueChange)=\"onPaddingChanged($event, 'start')\">\n        </pep-textbox>\n    </div>\n</div>", styles: [":host{width:100%;display:grid}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container,pep-checkbox ::ng-deep .mat-mdc-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}.paddingValueCont ::ng-deep .mat-form-field-flex,.paddingValueCont ::ng-deep .mat-mdc-form-field-flex{padding-inline:.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-padding-settings', template: "<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.IsUniform || false\" \n        (valueChange)=\"onUniformChanged($event)\">\n    </pep-checkbox>\n    <div class=\"paddingValueCont\">\n        <pep-textbox *ngIf=\"padding?.IsUniform\"\n            type=\"real\"\n            [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n            [value]=\"padding?.PaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\" \n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n            [value]=\"topPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'top')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.END' | translate\" \n            [value]=\"endPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'end')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n            [value]=\"bottomPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.START' | translate\" \n            [value]=\"startPaddingValue || '0'\"\n            (valueChange)=\"onPaddingChanged($event, 'start')\">\n        </pep-textbox>\n    </div>\n</div>", styles: [":host{width:100%;display:grid}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container,pep-checkbox ::ng-deep .mat-mdc-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}.paddingValueCont ::ng-deep .mat-form-field-flex,.paddingValueCont ::ng-deep .mat-mdc-form-field-flex{padding-inline:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { padding: [{
+                type: Input
+            }], paddingChange: [{
+                type: Output
+            }] } });
+
+class PepPaddingSettingsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPaddingSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepPaddingSettingsModule, declarations: [PaddingSettingsComponent], imports: [CommonModule,
+            PepNgxLibModule,
+            PepCheckboxModule,
+            PepTextboxModule,
+            PepFieldTitleModule,
+            PepGroupButtonsModule,
+            PepSliderModule], exports: [PaddingSettingsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPaddingSettingsModule, imports: [CommonModule,
+            PepNgxLibModule,
+            PepCheckboxModule,
+            PepTextboxModule,
+            PepFieldTitleModule,
+            PepGroupButtonsModule,
+            PepSliderModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepPaddingSettingsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PaddingSettingsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepCheckboxModule,
+                        PepTextboxModule,
+                        PepFieldTitleModule,
+                        PepGroupButtonsModule,
+                        PepSliderModule
+                    ],
+                    exports: [PaddingSettingsComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-composite-lib/padding-settings
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PaddingSettingsComponent, PepPaddingSettings, PepPaddingSettingsModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-padding-settings.mjs.map

package/fesm2022/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-padding-settings.mjs","sources":["../../../projects/ngx-composite-lib/padding-settings/padding-settings.model.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.html","../../../projects/ngx-composite-lib/padding-settings/padding-settings.module.ts","../../../projects/ngx-composite-lib/padding-settings/public-api.ts","../../../projects/ngx-composite-lib/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport class PepPaddingSettings {\r\n    IsUniform: boolean;\r\n    PaddingValue: string;\r\n\r\n    constructor(isUniform = true, paddingValue = '0'){\r\n        this.IsUniform = isUniform;\r\n        this.PaddingValue = paddingValue;\r\n    }\r\n}","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepPaddingSettings } from './padding-settings.model';\n\n@Component({\n    selector: 'pep-padding-settings',\n    templateUrl: './padding-settings.component.html',\n    styleUrls: ['./padding-settings.component.scss']\n})\n\nexport class PaddingSettingsComponent  {\n\n    public startPaddingValue = '0';\n    public endPaddingValue = '0';\n    public topPaddingValue = '0';\n    public bottomPaddingValue = '0';\n\n    private _padding: PepPaddingSettings = new PepPaddingSettings();\n    @Input()\n    set padding(value: PepPaddingSettings) {\n        if (!value) {\n            this._padding = new PepPaddingSettings();\n        } else {\n            this._padding = value;\n        }\n        this.formatPaddingValue();\n    }\n    get padding(): PepPaddingSettings {\n        return this._padding;\n    }\n\n    @Output()\n    paddingChange: EventEmitter<PepPaddingSettings> = new EventEmitter<PepPaddingSettings>();\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n       \n    }\n\n    private raisePaddingChange() {\n        this.paddingChange.emit(this.padding);\n    }\n\n    onUniformChanged(value: boolean) {\n        this.padding.IsUniform = value;\n        this.formatPaddingValue();\n        this.raisePaddingChange();\n    }\n\n    formatPaddingValue() {\n        if(this.padding.IsUniform){ \n            this.padding.PaddingValue = this.padding.PaddingValue.split(',')[0];\n         } \n         else{\n            if(isNaN(Number(this.padding.PaddingValue))){\n                const num = this.padding.PaddingValue.split(',') || ['0','0','0','0'];\n                this.topPaddingValue = num[0];\n                this.endPaddingValue = num[1];\n                this.bottomPaddingValue = num[2];\n                this.startPaddingValue = num[3];\n            }\n            else{\n                this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.PaddingValue;\n            }\n            \n            this.padding.PaddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n         } \n    }\n\n    onPaddingChanged(value: any, uniformPos: string) {\n        if(!this.padding.IsUniform){\n            switch(uniformPos){\n                case 'top':\n                    this.topPaddingValue = value;\n                    break;\n                case 'end':\n                    this.endPaddingValue = value;\n                    break;\n                case 'bottom':\n                    this.bottomPaddingValue = value;\n                    break;\n                case 'start':\n                    this.startPaddingValue = value;\n                    break;\n            }\n           this.padding.PaddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n        }\n        else{\n            this.padding.PaddingValue = `${value}`;\n        }\n        this.raisePaddingChange();\n    }\n}\n","<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.IsUniform || false\" \n        (valueChange)=\"onUniformChanged($event)\">\n    </pep-checkbox>\n    <div class=\"paddingValueCont\">\n        <pep-textbox *ngIf=\"padding?.IsUniform\"\n            type=\"real\"\n            [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n            [value]=\"padding?.PaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\" \n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n            [value]=\"topPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'top')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.END' | translate\" \n            [value]=\"endPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'end')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n            [value]=\"bottomPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.IsUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.START' | translate\" \n            [value]=\"startPaddingValue || '0'\"\n            (valueChange)=\"onPaddingChanged($event, 'start')\">\n        </pep-textbox>\n    </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaddingSettingsComponent } from './padding-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n    declarations: [\n        PaddingSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepTextboxModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n        PepSliderModule\n    ],\n    exports: [PaddingSettingsComponent],\n})\nexport class PepPaddingSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/padding-settings\n */\nexport * from './padding-settings.module';\nexport * from './padding-settings.component';\nexport * from './padding-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-composite-lib-rich-text.mjs

@@ -20,10 +20,10 @@ class RichTextService {
     async searchFlows(flowKey) {
         return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name'] }));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextService, providedIn: 'root' }); }
 }
-RichTextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
-RichTextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -31,6 +31,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
         }], ctorParameters: function () { return [{ type: i1.PepHttpService }]; } });
 
 class RichTextComponent {
+    get toolbarOptions() {
+        return this._toolbarOptions;
+    }
+    set toolbarOptions(options) {
+        if (options) {
+            this._toolbarOptions = options;
+        }
+    }
     constructor(viewContainerRef, addonBlockLoaderService, RichTextService) {
         this.viewContainerRef = viewContainerRef;
         this.addonBlockLoaderService = addonBlockLoaderService;
@@ -57,14 +65,6 @@ class RichTextComponent {
         this.valueChange = new EventEmitter();
         this.toolbarOptions = this.getDefaultToolbarOptions();
     }
-    get toolbarOptions() {
-        return this._toolbarOptions;
-    }
-    set toolbarOptions(options) {
-        if (options) {
-            this._toolbarOptions = options;
-        }
-    }
     ngOnInit() {
         // Do nothing.
     }
@@ -129,10 +129,10 @@ class RichTextComponent {
     valueChanged(event) {
         this.valueChange.emit(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: RichTextService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichTextComponent, selector: "pep-rich-text", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", xAlignment: "xAlignment", sanitize: "sanitize", rowSpan: "rowSpan", visible: "visible", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", renderEnlargeButton: "renderEnlargeButton", layoutType: "layoutType", inlineMode: "inlineMode", useAssetsForImages: "useAssetsForImages", toolbarOptions: "toolbarOptions" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<pep-rich-html-textarea [key]=\"key\" \n                        [value]=\"value\"\n                        [label]=\"label\" \n                        [mandatory]=\"mandatory\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [maxFieldCharacters]=\"maxFieldCharacters\" \n                        [xAlignment]=\"xAlignment\" \n                        [toolbarOptions]=\"toolbarOptions\"\n                        [rowSpan]=\"rowSpan\" \n                        [visible]=\"visible\"\n                        \n                        [isActive]=\"isActive\"\n                        [showTitle]=\"showTitle\"\n                        [renderTitle]=\"renderTitle\"\n                        [renderEnlargeButton]=\"renderEnlargeButton\"\n                        [layoutType]=\"layoutType\"\n                        [inlineMode]=\"inlineMode\"\n                        (editorCreated)=\"onEditorOpen($event)\"\n                        (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n                [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepRichHtmlTextareaComponent, selector: "pep-rich-html-textarea", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "maxFieldCharacters", "xAlignment", "sanitize", "rowSpan", "visible", "form", "isActive", "showTitle", "renderTitle", "renderEnlargeButton", "layoutType", "inlineMode", "toolbarOptions"], outputs: ["valueChange", "editorCreated", "validationChange"] }] }); }
 }
-RichTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: RichTextService }], target: i0.ɵɵFactoryTarget.Component });
-RichTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: RichTextComponent, selector: "pep-rich-text", inputs: { key: "key", value: "value", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", maxFieldCharacters: "maxFieldCharacters", xAlignment: "xAlignment", sanitize: "sanitize", rowSpan: "rowSpan", visible: "visible", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", renderEnlargeButton: "renderEnlargeButton", layoutType: "layoutType", inlineMode: "inlineMode", useAssetsForImages: "useAssetsForImages", toolbarOptions: "toolbarOptions" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<pep-rich-html-textarea [key]=\"key\" \n                        [value]=\"value\"\n                        [label]=\"label\" \n                        [mandatory]=\"mandatory\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [maxFieldCharacters]=\"maxFieldCharacters\" \n                        [xAlignment]=\"xAlignment\" \n                        [toolbarOptions]=\"toolbarOptions\"\n                        [rowSpan]=\"rowSpan\" \n                        [visible]=\"visible\"\n                        \n                        [isActive]=\"isActive\"\n                        [showTitle]=\"showTitle\"\n                        [renderTitle]=\"renderTitle\"\n                        [renderEnlargeButton]=\"renderEnlargeButton\"\n                        [layoutType]=\"layoutType\"\n                        [inlineMode]=\"inlineMode\"\n                        (editorCreated)=\"onEditorOpen($event)\"\n                        (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n                [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepRichHtmlTextareaComponent, selector: "pep-rich-html-textarea", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "maxFieldCharacters", "xAlignment", "sanitize", "rowSpan", "visible", "form", "isActive", "showTitle", "renderTitle", "renderEnlargeButton", "layoutType", "inlineMode", "toolbarOptions"], outputs: ["valueChange", "editorCreated"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-rich-text', template: "<pep-rich-html-textarea [key]=\"key\" \n                        [value]=\"value\"\n                        [label]=\"label\" \n                        [mandatory]=\"mandatory\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [maxFieldCharacters]=\"maxFieldCharacters\" \n                        [xAlignment]=\"xAlignment\" \n                        [toolbarOptions]=\"toolbarOptions\"\n                        [rowSpan]=\"rowSpan\" \n                        [visible]=\"visible\"\n                        \n                        [isActive]=\"isActive\"\n                        [showTitle]=\"showTitle\"\n                        [renderTitle]=\"renderTitle\"\n                        [renderEnlargeButton]=\"renderEnlargeButton\"\n                        [layoutType]=\"layoutType\"\n                        [inlineMode]=\"inlineMode\"\n                        (editorCreated)=\"onEditorOpen($event)\"\n                        (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n                [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: RichTextService }]; }, propDecorators: { key: [{
@@ -185,21 +185,21 @@ class PepRichTextModule {
         this.pepIconRegistry = pepIconRegistry;
         this.pepIconRegistry.registerIcons(pepIcons);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRichTextModule, deps: [{ token: i1$2.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepRichTextModule, declarations: [RichTextComponent], imports: [CommonModule,
+            PepNgxLibModule,
+            PepIconModule,
+            PepButtonModule,
+            PepRichHtmlTextareaModule,
+            PepRemoteLoaderModule], exports: [RichTextComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRichTextModule, providers: [RichTextService], imports: [CommonModule,
+            PepNgxLibModule,
+            PepIconModule,
+            PepButtonModule,
+            PepRichHtmlTextareaModule,
+            PepRemoteLoaderModule] }); }
 }
-PepRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, deps: [{ token: i1$2.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, declarations: [RichTextComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepIconModule,
-        PepButtonModule,
-        PepRichHtmlTextareaModule,
-        PepRemoteLoaderModule], exports: [RichTextComponent] });
-PepRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, providers: [RichTextService], imports: [CommonModule,
-        PepNgxLibModule,
-        PepIconModule,
-        PepButtonModule,
-        PepRichHtmlTextareaModule,
-        PepRemoteLoaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepRichTextModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [