@pepperi-addons/ngx-composite-lib 0.4.2-beta.99 → 0.5.0-ng15.1

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

@@ -0,0 +1,207 @@
+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';
+
+// 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 => {
+            var _a;
+            const param = this._parameters ? this._parameters[key] : undefined;
+            if (!param) {
+                return;
+            }
+            if (!this._parametersByType.has(param.Type)) {
+                this._parametersByType.set(param.Type, []);
+            }
+            (_a = this._parametersByType.get(param.Type)) === null || _a === void 0 ? void 0 : _a.push({
+                key: key,
+                value: key
+            });
+        });
+    }
+    getParametersOptions(type) {
+        return this._parametersByType.get(type) || [];
+    }
+}
+PepMappingParametersService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepMappingParametersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepMappingParametersService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepMappingParametersService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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() {
+        var _a, _b, _c, _d, _e, _f;
+        this.paramHasDefaultValue = !!((_a = this.configurationParameter) === null || _a === void 0 ? void 0 : _a.DefaultValue);
+        this.param.Type = ((_b = this.mappedParam) === null || _b === void 0 ? void 0 : _b.Type) || (this.paramHasDefaultValue ? 'Default' : 'Static');
+        this.param.Value = ((_c = this.mappedParam) === null || _c === void 0 ? void 0 : _c.Value) || ((_d = this.configurationParameter) === null || _d === void 0 ? void 0 : _d.DefaultValue);
+        if (this.param.Type !== ((_e = this.mappedParam) === null || _e === void 0 ? void 0 : _e.Type) ||
+            this.param.Value !== ((_f = this.mappedParam) === null || _f === void 0 ? void 0 : _f.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) {
+        var _a;
+        this.param.Type = event;
+        this.param.Value = event === 'Default' ? (_a = this.configurationParameter) === null || _a === void 0 ? void 0 : _a.DefaultValue : event === 'Static' ? '' : '';
+        this.mappedParamValueChanged.emit(this.param);
+    }
+    onParamValueChanged(event) {
+        this.param.Value = event;
+        this.mappedParamValueChanged.emit(this.param);
+    }
+}
+ParamMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ParamMapComponent, deps: [{ token: i1.TranslateService }, { token: PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component });
+ParamMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", 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);
+    }
+}
+PepMappingParametersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepMappingParametersComponent, deps: [{ token: PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component });
+PepMappingParametersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", 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 {
+}
+PepMappingParametersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepMappingParametersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepMappingParametersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepMappingParametersModule, declarations: [PepMappingParametersComponent, ParamMapComponent], imports: [CommonModule,
+        PepButtonModule,
+        PepCheckboxModule,
+        PepSliderModule,
+        PepNgxLibModule,
+        PepSelectModule,
+        PepGroupButtonsModule,
+        PepTextboxModule,
+        PepGenericFormModule, i1.TranslateModule], exports: [PepMappingParametersComponent] });
+PepMappingParametersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", 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/fesm2015/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.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":["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/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs

@@ -14,21 +14,12 @@ import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
 
 class PepPaddingSettings {
     constructor(isUniform = true, paddingValue = '0') {
-        this.isUniform = isUniform;
-        this.paddingValue = paddingValue;
+        this.IsUniform = isUniform;
+        this.PaddingValue = paddingValue;
     }
 }
 
 class PaddingSettingsComponent {
-    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();
-    }
     set padding(value) {
         if (!value) {
             this._padding = new PepPaddingSettings();
@@ -36,29 +27,48 @@ class PaddingSettingsComponent {
         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.padding.IsUniform = value;
         this.formatPaddingValue();
         this.raisePaddingChange();
     }
     formatPaddingValue() {
-        if (this.padding.isUniform) {
-            this.padding.paddingValue = this.padding.paddingValue.split(',')[0];
+        if (this.padding.IsUniform) {
+            this.padding.PaddingValue = this.padding.PaddingValue.split(',')[0];
         }
         else {
-            this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
-            this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
+            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) {
+        if (!this.padding.IsUniform) {
             switch (uniformPos) {
                 case 'top':
                     this.topPaddingValue = value;
@@ -73,19 +83,19 @@ class PaddingSettingsComponent {
                     this.startPaddingValue = value;
                     break;
             }
-            this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
+            this.padding.PaddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
         }
         else {
-            this.padding.paddingValue = `${value}`;
+            this.padding.PaddingValue = `${value}`;
         }
         this.raisePaddingChange();
     }
 }
-PaddingSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.isUniform || true\" \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;gap:var(--pep-spacing-lg, 1rem)}.paddingValueCont{margin-top:var(--pep-spacing-sm, .5rem);display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\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"] }, { 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"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
+PaddingSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pep-padding-settings', template: "<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.isUniform || true\" \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;gap:var(--pep-spacing-lg, 1rem)}.paddingValueCont{margin-top:var(--pep-spacing-sm, .5rem);display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
+            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: [{
@@ -94,22 +104,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
 
 class PepPaddingSettingsModule {
 }
-PepPaddingSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepPaddingSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, declarations: [PaddingSettingsComponent], imports: [CommonModule,
+PepPaddingSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPaddingSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepPaddingSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepPaddingSettingsModule, declarations: [PaddingSettingsComponent], imports: [CommonModule,
         PepNgxLibModule,
         PepCheckboxModule,
         PepTextboxModule,
         PepFieldTitleModule,
         PepGroupButtonsModule,
         PepSliderModule], exports: [PaddingSettingsComponent] });
-PepPaddingSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, imports: [CommonModule,
+PepPaddingSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPaddingSettingsModule, imports: [CommonModule,
         PepNgxLibModule,
         PepCheckboxModule,
         PepTextboxModule,
         PepFieldTitleModule,
         PepGroupButtonsModule,
         PepSliderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepPaddingSettingsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -1 +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\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    }\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    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            this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;\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' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.isUniform || true\" \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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"}
+{"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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"}