@pepperi-addons/ngx-composite-lib 0.4.2-beta.177 → 0.4.2-beta.179
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/layout-builder/layout/layout.component.mjs +13 -12
- package/esm2020/mapping-parameters/mapping-parameters.component.mjs +7 -7
- package/esm2020/mapping-parameters/param-map/param-map.component.mjs +7 -7
- package/fesm2015/pepperi-addons-ngx-composite-lib-layout-builder.mjs +12 -11
- package/fesm2015/pepperi-addons-ngx-composite-lib-layout-builder.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs +12 -12
- package/fesm2015/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs +12 -11
- package/fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs +12 -12
- package/fesm2020/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs.map +1 -1
- package/layout-builder/layout/layout.component.d.ts +4 -1
- package/mapping-parameters/mapping-parameters.component.d.ts +3 -3
- package/mapping-parameters/param-map/param-map.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -54,7 +54,7 @@ class ParamMapComponent {
|
|
|
54
54
|
constructor(translate, _mappingParametersService) {
|
|
55
55
|
this.translate = translate;
|
|
56
56
|
this._mappingParametersService = _mappingParametersService;
|
|
57
|
-
this.
|
|
57
|
+
this.mappedParamChanged = new EventEmitter();
|
|
58
58
|
this.parametersByType = [];
|
|
59
59
|
this.paramTypes = [];
|
|
60
60
|
this.paramHasDefaultValue = false;
|
|
@@ -77,7 +77,7 @@ class ParamMapComponent {
|
|
|
77
77
|
this.paramHasDefaultValue = !!((_c = this.configurationParameter) === null || _c === void 0 ? void 0 : _c.DefaultValue);
|
|
78
78
|
this.param.Type = ((_d = this.mappedParam) === null || _d === void 0 ? void 0 : _d.Type) || (this.paramHasDefaultValue ? 'Default' : 'Static');
|
|
79
79
|
this.param.Value = ((_e = this.mappedParam) === null || _e === void 0 ? void 0 : _e.Value) || ((_f = this.configurationParameter) === null || _f === void 0 ? void 0 : _f.DefaultValue);
|
|
80
|
-
this.
|
|
80
|
+
this.mappedParamChanged.emit(this.param);
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
ngOnInit() {
|
|
@@ -98,15 +98,15 @@ class ParamMapComponent {
|
|
|
98
98
|
var _a;
|
|
99
99
|
this.param.Type = event;
|
|
100
100
|
this.param.Value = event === 'Default' ? (_a = this.configurationParameter) === null || _a === void 0 ? void 0 : _a.DefaultValue : event === 'Static' ? '' : '';
|
|
101
|
-
this.
|
|
101
|
+
this.mappedParamChanged.emit(this.param);
|
|
102
102
|
}
|
|
103
103
|
onParamValueChanged(event) {
|
|
104
104
|
this.param.Value = event;
|
|
105
|
-
this.
|
|
105
|
+
this.mappedParamChanged.emit(this.param);
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
ParamMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ParamMapComponent, deps: [{ token: i1.TranslateService }, { token: PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component });
|
|
109
|
-
ParamMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ParamMapComponent, selector: "param-map", inputs: { configurationParameter: "configurationParameter", mappedParam: "mappedParam" }, outputs: {
|
|
109
|
+
ParamMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ParamMapComponent, selector: "param-map", inputs: { configurationParameter: "configurationParameter", mappedParam: "mappedParam" }, outputs: { mappedParamChanged: "mappedParamChanged" }, 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"] }] });
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ParamMapComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
112
112
|
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"] }]
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
114
114
|
type: Input
|
|
115
115
|
}], mappedParam: [{
|
|
116
116
|
type: Input
|
|
117
|
-
}],
|
|
117
|
+
}], mappedParamChanged: [{
|
|
118
118
|
type: Output
|
|
119
119
|
}] } });
|
|
120
120
|
|
|
@@ -125,24 +125,24 @@ class PepMappingParametersComponent {
|
|
|
125
125
|
this.configurationParameters = [];
|
|
126
126
|
this.mappedParameters = {};
|
|
127
127
|
this.maxHeight = '100%';
|
|
128
|
-
this.
|
|
128
|
+
this.mappedParametersChange = new EventEmitter();
|
|
129
129
|
}
|
|
130
130
|
ngOnInit() {
|
|
131
131
|
this._mappingParametersService.initParametersByType(this.mapToParameters);
|
|
132
132
|
}
|
|
133
|
-
|
|
133
|
+
onMappedParamChanged(event, key) {
|
|
134
134
|
if (!this.mappedParameters) {
|
|
135
135
|
this.mappedParameters = {};
|
|
136
136
|
}
|
|
137
137
|
this.mappedParameters[key] = event;
|
|
138
|
-
this.
|
|
138
|
+
this.mappedParametersChange.emit(this.mappedParameters);
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
PepMappingParametersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersComponent, deps: [{ token: PepMappingParametersService }], target: i0.ɵɵFactoryTarget.Component });
|
|
142
|
-
PepMappingParametersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepMappingParametersComponent, selector: "pep-mapping-parameters", inputs: { mapToParameters: "mapToParameters", configurationParameters: "configurationParameters", mappedParameters: "mappedParameters", maxHeight: "maxHeight" }, outputs: {
|
|
142
|
+
PepMappingParametersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepMappingParametersComponent, selector: "pep-mapping-parameters", inputs: { mapToParameters: "mapToParameters", configurationParameters: "configurationParameters", mappedParameters: "mappedParameters", maxHeight: "maxHeight" }, outputs: { mappedParametersChange: "mappedParametersChange" }, 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 (mappedParamChanged)=\"onMappedParamChanged($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: ["mappedParamChanged"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
143
143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepMappingParametersComponent, decorators: [{
|
|
144
144
|
type: Component,
|
|
145
|
-
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 (
|
|
145
|
+
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 (mappedParamChanged)=\"onMappedParamChanged($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"] }]
|
|
146
146
|
}], ctorParameters: function () { return [{ type: PepMappingParametersService }]; }, propDecorators: { mapToParameters: [{
|
|
147
147
|
type: Input
|
|
148
148
|
}], configurationParameters: [{
|
|
@@ -151,7 +151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
151
151
|
type: Input
|
|
152
152
|
}], maxHeight: [{
|
|
153
153
|
type: Input
|
|
154
|
-
}],
|
|
154
|
+
}], mappedParametersChange: [{
|
|
155
155
|
type: Output
|
|
156
156
|
}] } });
|
|
157
157
|
|
|
@@ -1 +1 @@
|
|
|
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: boolean = 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 if (this.param.Type !== this.mappedParam?.Type ||\n this.param.Value !== this.mappedParam?.Value\n ) {\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 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: string = '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":";;;;;;;;;;;;;;;;;AAIA;MAGa,2BAA2B,CAAA;AAapC,IAAA,WAAA,GAAA;AALQ,QAAA,IAAA,CAAA,iBAAiB,GAAuC,IAAI,GAAG,EAAiC,CAAC;KAKzF;AAJhB,IAAA,IAAI,gBAAgB,GAAA;QAChB,OAAO,IAAI,CAAC,iBAAiB,CAAC;KACjC;AAID,IAAA,oBAAoB,CAAC,UAAqC,EAAA;AACtD,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU,IAAI,EAAE,CAAC;AACpC,QAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,IAAG;;AACxC,YAAA,MAAM,KAAK,GAA4B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;YAC5F,IAAI,CAAC,KAAK,EAAE;gBACR,OAAO;AACV,aAAA;YAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;gBACzC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC9C,aAAA;AAED,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAC;AACzC,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,KAAK,EAAE,GAAG;AACb,aAAA,CAAC,CAAC;AACP,SAAC,CAAC,CAAC;KACN;AAED,IAAA,oBAAoB,CAAC,IAAqB,EAAA;QACtC,OAAO,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KACjD;;wHApCQ,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;4HAA3B,2BAA2B,EAAA,CAAA,CAAA;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,UAAU;;;MCME,iBAAiB,CAAA;IAyB1B,WACY,CAAA,SAA2B,EAC3B,yBAAsD,EAAA;AADtD,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkB;AAC3B,QAAA,IAAyB,CAAA,yBAAA,GAAzB,yBAAyB,CAA6B;AAbxD,QAAA,IAAA,CAAA,uBAAuB,GAAkC,IAAI,YAAY,EAAE,CAAA;AAE3E,QAAA,IAAgB,CAAA,gBAAA,GAAiB,EAAE,CAAC;AACpC,QAAA,IAAU,CAAA,UAAA,GAAU,EAAE,CAAC;AAEvB,QAAA,IAAoB,CAAA,oBAAA,GAAY,KAAK,CAAC;QACtC,IAAA,CAAA,KAAK,GAAoB;AAC/B,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,IAAI,EAAE,QAAQ;SACjB,CAAA;KAKG;IAvBJ,IACI,WAAW,CAAC,KAAkC,EAAA;AAC9C,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;KACpB;AACD,IAAA,IAAI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,YAAY,CAAC;KAC5B;IAkBO,SAAS,GAAA;;AACb,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAA;AAC1C,YAAA,IAAI,CAAC,KAAK,CAAC,KAAK,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAA,EAC9C;AACE,YAAA,IAAI,CAAC,oBAAoB,GAAG,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAY,CAAA,CAAC;YACxE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,MAAK,IAAI,CAAC,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;YAC/F,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,0CAAE,KAAK,MAAI,MAAA,IAAI,CAAC,sBAAsB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAY,CAAA,CAAC;YAExF,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACjD,SAAA;KACJ;IAED,QAAQ,GAAA;;AAEJ,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,yBAAyB,CAAC,oBAAoB,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC9G,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,IAAI,CAAC,UAAU,GAAG;AACd,YAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE;SAChF,CAAC;QAEF,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC;AACzG,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;YAClC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC;AACzG,SAAA;KACJ;AAED,IAAA,iBAAiB,CAAC,KAAU,EAAA;;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,KAAK,SAAS,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAY,GAAG,KAAK,KAAK,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC;QAElH,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjD;AAED,IAAA,mBAAmB,CAAC,KAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjD;;8GAtEQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,2BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,4MCZ9B,s0BAyBA,EAAA,MAAA,EAAA,CAAA,6FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,2BAAA,EAAA,6BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,WAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,OAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDba,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACI,WAAW,EAAA,QAAA,EAAA,s0BAAA,EAAA,MAAA,EAAA,CAAA,6FAAA,CAAA,EAAA,CAAA;8IAMZ,sBAAsB,EAAA,CAAA;sBAA9B,KAAK;gBAIF,WAAW,EAAA,CAAA;sBADd,KAAK;gBASI,uBAAuB,EAAA,CAAA;sBAAhC,MAAM;;;MEdE,6BAA6B,CAAA;AAStC,IAAA,WAAA,CAAoB,yBAAsD,EAAA;AAAtD,QAAA,IAAyB,CAAA,yBAAA,GAAzB,yBAAyB,CAA6B;AAPjE,QAAA,IAAe,CAAA,eAAA,GAA8B,EAAE,CAAC;AAChD,QAAA,IAAuB,CAAA,uBAAA,GAAmB,EAAE,CAAC;AAC7C,QAAA,IAAgB,CAAA,gBAAA,GAAoC,EAAE,CAAC;AACvD,QAAA,IAAS,CAAA,SAAA,GAAW,MAAM,CAAC;AAE1B,QAAA,IAAA,CAAA,uBAAuB,GAAmC,IAAI,YAAY,EAAE,CAAA;KAER;IAE9E,QAAQ,GAAA;QACJ,IAAI,CAAC,yBAAyB,CAAC,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KAC7E;IAED,yBAAyB,CAAC,KAAsB,EAAE,GAAW,EAAA;AACzD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AACxB,YAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;AAC9B,SAAA;AAED,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACnC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAC5D;;0HAtBQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,2BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAF3B,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,EAAA,SAAA,EAAA,CAAC,2BAA2B,CAAC,0BCV5C,0lBAYA,EAAA,MAAA,EAAA,CAAA,0KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDAa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;+BACI,wBAAwB,EAAA,SAAA,EAGvB,CAAC,2BAA2B,CAAC,EAAA,QAAA,EAAA,0lBAAA,EAAA,MAAA,EAAA,CAAA,0KAAA,CAAA,EAAA,CAAA;+GAI/B,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,uBAAuB,EAAA,CAAA;sBAA/B,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEI,uBAAuB,EAAA,CAAA;sBAAhC,MAAM;;;MEaE,0BAA0B,CAAA;;uHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAhBpB,YAAA,EAAA,CAAA,6BAA6B,EAAE,iBAAiB,aAE3D,YAAY;QACZ,eAAe;QACf,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,eAAe;QACf,qBAAqB;QACrB,gBAAgB;AAChB,QAAA,oBAAoB,iCAGd,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAG9B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAFxB,SAAA,EAAA,CAAC,2BAA2B,CAAC,YAZpC,YAAY;QACZ,eAAe;QACf,iBAAiB;QACjB,eAAe;QACf,eAAe;QACf,eAAe;QACf,qBAAqB;QACrB,gBAAgB;QAChB,oBAAoB;AACpB,QAAA,eAAe,CAAC,QAAQ,EAAE,CAAA,EAAA,CAAA,CAAA;2FAKrB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAjBtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,6BAA6B,EAAE,iBAAiB,CAAC;AAChE,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,iBAAiB;wBACjB,eAAe;wBACf,eAAe;wBACf,eAAe;wBACf,qBAAqB;wBACrB,gBAAgB;wBAChB,oBAAoB;wBACpB,eAAe,CAAC,QAAQ,EAAE;AAC7B,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;iBAC3C,CAAA;;;AC/BD;;AAEG;;;;"}
|
|
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() mappedParamChanged: EventEmitter<MappedParameter> = new EventEmitter()\n\n protected parametersByType: IPepOption[] = [];\n protected paramTypes: any[] = [];\n\n protected paramHasDefaultValue: boolean = 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 if (this.param.Type !== this.mappedParam?.Type ||\n this.param.Value !== this.mappedParam?.Value\n ) {\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 this.mappedParamChanged.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.mappedParamChanged.emit(this.param);\n }\n\n onParamValueChanged(event: any) {\n this.param.Value = event;\n this.mappedParamChanged.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: string = '100%';\n \n @Output() mappedParametersChange: EventEmitter<MappedParameters> = new EventEmitter()\n\n constructor(private _mappingParametersService: PepMappingParametersService) {}\n\n ngOnInit(): void {\n this._mappingParametersService.initParametersByType(this.mapToParameters);\n }\n\n onMappedParamChanged(event: MappedParameter, key: string) {\n if (!this.mappedParameters) {\n this.mappedParameters = {};\n }\n\n this.mappedParameters[key] = event;\n this.mappedParametersChange.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 (mappedParamChanged)=\"onMappedParamChanged($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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"}
|
|
@@ -1880,6 +1880,7 @@ class PepLayoutComponent extends BaseDestroyerDirective {
|
|
|
1880
1880
|
this.renderer = renderer;
|
|
1881
1881
|
this.editorMode = false;
|
|
1882
1882
|
this.blockTemplate = undefined;
|
|
1883
|
+
this._renderSkeleton = false;
|
|
1883
1884
|
this._showSkeleton = false;
|
|
1884
1885
|
// // For show & hide skeleton
|
|
1885
1886
|
// private _showSkeleton = false;
|
|
@@ -1906,6 +1907,13 @@ class PepLayoutComponent extends BaseDestroyerDirective {
|
|
|
1906
1907
|
get layoutView() {
|
|
1907
1908
|
return this._layoutView;
|
|
1908
1909
|
}
|
|
1910
|
+
set renderSkeleton(value) {
|
|
1911
|
+
this._renderSkeleton = value;
|
|
1912
|
+
// this.renderer.setStyle(this.skeletonContainer?.nativeElement, 'height', value ? '100%' : '0');
|
|
1913
|
+
}
|
|
1914
|
+
get renderSkeleton() {
|
|
1915
|
+
return this._renderSkeleton;
|
|
1916
|
+
}
|
|
1909
1917
|
set showSkeleton(value) {
|
|
1910
1918
|
this._showSkeleton = value;
|
|
1911
1919
|
this.animateSkeleton();
|
|
@@ -1990,15 +1998,6 @@ class PepLayoutComponent extends BaseDestroyerDirective {
|
|
|
1990
1998
|
this.layoutBuilderInternalService.sectionsChange$.pipe(this.getDestroyer()).subscribe((sections) => {
|
|
1991
1999
|
this._sectionsSubject.next(sections);
|
|
1992
2000
|
});
|
|
1993
|
-
// this.layoutBuilderInternalService.showSkeletonChange$.pipe(this.getDestroyer()).subscribe((showSkeleton: any) => {
|
|
1994
|
-
// if (showSkeleton !== undefined) {
|
|
1995
|
-
// this._showSkeleton = showSkeleton;
|
|
1996
|
-
// this.animateSkeleton();
|
|
1997
|
-
// }
|
|
1998
|
-
// });
|
|
1999
|
-
// this.layoutService.onResize$.pipe(this.getDestroyer()).subscribe((size: any) => {
|
|
2000
|
-
// this.setScreentType(size);
|
|
2001
|
-
// });
|
|
2002
2001
|
this.layoutBuilderInternalService.screenSizeChange$.pipe(this.getDestroyer()).subscribe((size) => {
|
|
2003
2002
|
this.setScreentType(size);
|
|
2004
2003
|
});
|
|
@@ -2050,10 +2049,10 @@ class PepLayoutComponent extends BaseDestroyerDirective {
|
|
|
2050
2049
|
}
|
|
2051
2050
|
}
|
|
2052
2051
|
PepLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutComponent, deps: [{ token: PepLayoutBuilderComponent, optional: true }, { token: LayoutBuilderInternalService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2053
|
-
PepLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepLayoutComponent, selector: "pep-layout", inputs: { editorMode: "editorMode", layoutView: "layoutView", blockTemplate: "blockTemplate", showSkeleton: "showSkeleton" }, outputs: { layoutViewChange: "layoutViewChange", screenTypeChange: "screenTypeChange" }, host: { properties: { "style.padding-inline": "this.paddingInline" } }, providers: [LayoutBuilderInternalService], viewQueries: [{ propertyName: "skeletonContainer", first: true, predicate: ["skeletonCont"], descendants: true, static: true }, { propertyName: "sectionsContainer", first: true, predicate: ["sectionsCont"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- For the top spacing -->\n<div class=\"top-spacing spacing-{{verticalSpacing}}\" ></div>\n<div #sectionsCont cdkDropListGroup class=\"sections-container gap-{{ sectionsGap }}\" [ngClass]=\"{'preview-state': previewMode }\" \n cdkDropList (cdkDropListDropped)=\"onSectionDropped($event)\" [ngStyle]=\"{'grid-auto-rows': getSectionsTemplateRows()}\"\n >\n <section *ngFor=\"let section of sections$ | async; let i=index;\" \n class=\"draggable-section \" [ngClass]=\"selectedScreenType === 'Phablet' ? 'margin-'+sectionsGap : ''\" [blockTemplate]=\"blockTemplate\"\n [key]=\"section.Key\" [name]=\"section.Name || ('LAYOUT_BUILDER.SECTION' | translate) + ' ' + (i+1)\" [split]=\"section.Split\" [height]=\"section.Height\"\n [columns]=\"section.Columns\" [padding]=\"section.Padding\" [collapseOnTablet]=\"section.CollapseOnTablet || false\" [hideIn]=\"section.Hide || []\" [columnsGap]=\"columnsGap\"\n >\n </section>\n</div>\n<div #skeletonCont class=\"skeleton-container \">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n <div class=\"split-skeleton-container\">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n </div>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n</div>\n<!-- For the bottom spacing -->\n<div class=\"bottom-spacing spacing-{{verticalSpacing}}\"></div>\n<pep-size-detector></pep-size-detector>", styles: [":host{display:grid;grid-template-areas:\"top-spacing\" \"content\" \"bottom-spacing\";grid-template-rows:auto 1fr auto;height:100%}.top-spacing{grid-area:top-spacing}.top-spacing.spacing-none{height:0}.top-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.top-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.top-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.bottom-spacing{grid-area:bottom-spacing}.bottom-spacing.spacing-none{height:0}.bottom-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.bottom-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.bottom-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-container{display:grid;grid-area:content;height:100%;gap:var(--pep-spacing-lg, 1rem);grid-template-rows:auto auto auto 1fr;opacity:0}.skeleton-container .split-skeleton-container{display:grid;height:10rem;gap:var(--pep-spacing-lg, 1rem);grid-auto-flow:column}.sections-container{z-index:11;grid-area:content;width:100%;max-width:inherit;overflow-x:unset;margin:0 auto;position:relative;display:grid;grid-row:1px;height:inherit;opacity:0}.sections-container.gap-none{gap:0}.sections-container.gap-sm{gap:var(--pep-spacing-sm, .5rem)}.sections-container.gap-md{gap:var(--pep-spacing-lg, 1rem)}.sections-container.gap-lg{gap:var(--pep-spacing-2xl, 2rem)}.sections-container .draggable-section{display:block}.sections-container.preview-state section{display:contents}@keyframes in{0%{opacity:0;transform:translateY(-80);filter:blur(20px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.in{animation-name:in;animation-direction:normal;animation-duration:1.2s;animation-fill-mode:forwards}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4$5.PepSkeletonLoaderComponent, selector: "pep-skeleton-loader", inputs: ["rowHeightType", "rowsNumber", "lastRowOffset"] }, { kind: "component", type: i5$4.PepSizeDetectorComponent, selector: "pep-size-detector", inputs: ["showScreenSize", "useAsWebComponent"], outputs: ["sizeChange"] }, { kind: "directive", type: i3$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3$2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: SectionComponent, selector: "section", inputs: ["blockTemplate", "key", "name", "split", "height", "collapseOnTablet", "padding", "columns", "hideIn", "columnsGap"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
2052
|
+
PepLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepLayoutComponent, selector: "pep-layout", inputs: { editorMode: "editorMode", layoutView: "layoutView", blockTemplate: "blockTemplate", renderSkeleton: "renderSkeleton", showSkeleton: "showSkeleton" }, outputs: { layoutViewChange: "layoutViewChange", screenTypeChange: "screenTypeChange" }, host: { properties: { "style.padding-inline": "this.paddingInline" } }, providers: [LayoutBuilderInternalService], viewQueries: [{ propertyName: "skeletonContainer", first: true, predicate: ["skeletonCont"], descendants: true, static: true }, { propertyName: "sectionsContainer", first: true, predicate: ["sectionsCont"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- For the top spacing -->\n<div class=\"top-spacing spacing-{{verticalSpacing}}\" ></div>\n<div #sectionsCont cdkDropListGroup class=\"sections-container gap-{{ sectionsGap }}\" [ngClass]=\"{'preview-state': previewMode }\" \n cdkDropList (cdkDropListDropped)=\"onSectionDropped($event)\" [ngStyle]=\"{'grid-auto-rows': getSectionsTemplateRows()}\"\n >\n <section *ngFor=\"let section of sections$ | async; let i=index;\" \n class=\"draggable-section \" [ngClass]=\"selectedScreenType === 'Phablet' ? 'margin-'+sectionsGap : ''\" [blockTemplate]=\"blockTemplate\"\n [key]=\"section.Key\" [name]=\"section.Name || ('LAYOUT_BUILDER.SECTION' | translate) + ' ' + (i+1)\" [split]=\"section.Split\" [height]=\"section.Height\"\n [columns]=\"section.Columns\" [padding]=\"section.Padding\" [collapseOnTablet]=\"section.CollapseOnTablet || false\" [hideIn]=\"section.Hide || []\" [columnsGap]=\"columnsGap\"\n >\n </section>\n</div>\n<div *ngIf=\"renderSkeleton\" #skeletonCont class=\"skeleton-container \">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n <div class=\"split-skeleton-container\">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n </div>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n</div>\n<!-- For the bottom spacing -->\n<div class=\"bottom-spacing spacing-{{verticalSpacing}}\"></div>\n<pep-size-detector></pep-size-detector>", styles: [":host{display:grid;grid-template-areas:\"top-spacing\" \"content\" \"bottom-spacing\";grid-template-rows:auto 1fr auto;height:100%}.top-spacing{grid-area:top-spacing}.top-spacing.spacing-none{height:0}.top-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.top-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.top-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.bottom-spacing{grid-area:bottom-spacing}.bottom-spacing.spacing-none{height:0}.bottom-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.bottom-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.bottom-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-container{display:grid;grid-area:content;height:100%;gap:var(--pep-spacing-lg, 1rem);grid-template-rows:auto auto auto 1fr;opacity:0}.skeleton-container .split-skeleton-container{display:grid;height:10rem;gap:var(--pep-spacing-lg, 1rem);grid-auto-flow:column}.sections-container{z-index:11;grid-area:content;width:100%;max-width:inherit;overflow-x:unset;margin:0 auto;position:relative;display:grid;grid-row:1px;height:inherit;opacity:0}.sections-container.gap-none{gap:0}.sections-container.gap-sm{gap:var(--pep-spacing-sm, .5rem)}.sections-container.gap-md{gap:var(--pep-spacing-lg, 1rem)}.sections-container.gap-lg{gap:var(--pep-spacing-2xl, 2rem)}.sections-container .draggable-section{display:block}.sections-container.preview-state section{display:contents}@keyframes in{0%{opacity:0;transform:translateY(-80);filter:blur(20px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.in{animation-name:in;animation-direction:normal;animation-duration:1.2s;animation-fill-mode:forwards}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4$5.PepSkeletonLoaderComponent, selector: "pep-skeleton-loader", inputs: ["rowHeightType", "rowsNumber", "lastRowOffset"] }, { kind: "component", type: i5$4.PepSizeDetectorComponent, selector: "pep-size-detector", inputs: ["showScreenSize", "useAsWebComponent"], outputs: ["sizeChange"] }, { kind: "directive", type: i3$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3$2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: SectionComponent, selector: "section", inputs: ["blockTemplate", "key", "name", "split", "height", "collapseOnTablet", "padding", "columns", "hideIn", "columnsGap"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
2054
2053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutComponent, decorators: [{
|
|
2055
2054
|
type: Component,
|
|
2056
|
-
args: [{ selector: 'pep-layout', providers: [LayoutBuilderInternalService], template: "<!-- For the top spacing -->\n<div class=\"top-spacing spacing-{{verticalSpacing}}\" ></div>\n<div #sectionsCont cdkDropListGroup class=\"sections-container gap-{{ sectionsGap }}\" [ngClass]=\"{'preview-state': previewMode }\" \n cdkDropList (cdkDropListDropped)=\"onSectionDropped($event)\" [ngStyle]=\"{'grid-auto-rows': getSectionsTemplateRows()}\"\n >\n <section *ngFor=\"let section of sections$ | async; let i=index;\" \n class=\"draggable-section \" [ngClass]=\"selectedScreenType === 'Phablet' ? 'margin-'+sectionsGap : ''\" [blockTemplate]=\"blockTemplate\"\n [key]=\"section.Key\" [name]=\"section.Name || ('LAYOUT_BUILDER.SECTION' | translate) + ' ' + (i+1)\" [split]=\"section.Split\" [height]=\"section.Height\"\n [columns]=\"section.Columns\" [padding]=\"section.Padding\" [collapseOnTablet]=\"section.CollapseOnTablet || false\" [hideIn]=\"section.Hide || []\" [columnsGap]=\"columnsGap\"\n >\n </section>\n</div>\n<div #skeletonCont class=\"skeleton-container \">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n <div class=\"split-skeleton-container\">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n </div>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n</div>\n<!-- For the bottom spacing -->\n<div class=\"bottom-spacing spacing-{{verticalSpacing}}\"></div>\n<pep-size-detector></pep-size-detector>", styles: [":host{display:grid;grid-template-areas:\"top-spacing\" \"content\" \"bottom-spacing\";grid-template-rows:auto 1fr auto;height:100%}.top-spacing{grid-area:top-spacing}.top-spacing.spacing-none{height:0}.top-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.top-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.top-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.bottom-spacing{grid-area:bottom-spacing}.bottom-spacing.spacing-none{height:0}.bottom-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.bottom-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.bottom-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-container{display:grid;grid-area:content;height:100%;gap:var(--pep-spacing-lg, 1rem);grid-template-rows:auto auto auto 1fr;opacity:0}.skeleton-container .split-skeleton-container{display:grid;height:10rem;gap:var(--pep-spacing-lg, 1rem);grid-auto-flow:column}.sections-container{z-index:11;grid-area:content;width:100%;max-width:inherit;overflow-x:unset;margin:0 auto;position:relative;display:grid;grid-row:1px;height:inherit;opacity:0}.sections-container.gap-none{gap:0}.sections-container.gap-sm{gap:var(--pep-spacing-sm, .5rem)}.sections-container.gap-md{gap:var(--pep-spacing-lg, 1rem)}.sections-container.gap-lg{gap:var(--pep-spacing-2xl, 2rem)}.sections-container .draggable-section{display:block}.sections-container.preview-state section{display:contents}@keyframes in{0%{opacity:0;transform:translateY(-80);filter:blur(20px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.in{animation-name:in;animation-direction:normal;animation-duration:1.2s;animation-fill-mode:forwards}\n"] }]
|
|
2055
|
+
args: [{ selector: 'pep-layout', providers: [LayoutBuilderInternalService], template: "<!-- For the top spacing -->\n<div class=\"top-spacing spacing-{{verticalSpacing}}\" ></div>\n<div #sectionsCont cdkDropListGroup class=\"sections-container gap-{{ sectionsGap }}\" [ngClass]=\"{'preview-state': previewMode }\" \n cdkDropList (cdkDropListDropped)=\"onSectionDropped($event)\" [ngStyle]=\"{'grid-auto-rows': getSectionsTemplateRows()}\"\n >\n <section *ngFor=\"let section of sections$ | async; let i=index;\" \n class=\"draggable-section \" [ngClass]=\"selectedScreenType === 'Phablet' ? 'margin-'+sectionsGap : ''\" [blockTemplate]=\"blockTemplate\"\n [key]=\"section.Key\" [name]=\"section.Name || ('LAYOUT_BUILDER.SECTION' | translate) + ' ' + (i+1)\" [split]=\"section.Split\" [height]=\"section.Height\"\n [columns]=\"section.Columns\" [padding]=\"section.Padding\" [collapseOnTablet]=\"section.CollapseOnTablet || false\" [hideIn]=\"section.Hide || []\" [columnsGap]=\"columnsGap\"\n >\n </section>\n</div>\n<div *ngIf=\"renderSkeleton\" #skeletonCont class=\"skeleton-container \">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n <div class=\"split-skeleton-container\">\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n </div>\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"xl\" ></pep-skeleton-loader>\n\n <pep-skeleton-loader [rowsNumber]=\"1\" [lastRowOffset]=\"false\" rowHeightType=\"max\" ></pep-skeleton-loader>\n</div>\n<!-- For the bottom spacing -->\n<div class=\"bottom-spacing spacing-{{verticalSpacing}}\"></div>\n<pep-size-detector></pep-size-detector>", styles: [":host{display:grid;grid-template-areas:\"top-spacing\" \"content\" \"bottom-spacing\";grid-template-rows:auto 1fr auto;height:100%}.top-spacing{grid-area:top-spacing}.top-spacing.spacing-none{height:0}.top-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.top-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.top-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.bottom-spacing{grid-area:bottom-spacing}.bottom-spacing.spacing-none{height:0}.bottom-spacing.spacing-sm{height:var(--pep-spacing-sm, .5rem)}.bottom-spacing.spacing-md{height:var(--pep-spacing-lg, 1rem)}.bottom-spacing.spacing-lg{height:var(--pep-spacing-2xl, 2rem)}.skeleton-container{display:grid;grid-area:content;height:100%;gap:var(--pep-spacing-lg, 1rem);grid-template-rows:auto auto auto 1fr;opacity:0}.skeleton-container .split-skeleton-container{display:grid;height:10rem;gap:var(--pep-spacing-lg, 1rem);grid-auto-flow:column}.sections-container{z-index:11;grid-area:content;width:100%;max-width:inherit;overflow-x:unset;margin:0 auto;position:relative;display:grid;grid-row:1px;height:inherit;opacity:0}.sections-container.gap-none{gap:0}.sections-container.gap-sm{gap:var(--pep-spacing-sm, .5rem)}.sections-container.gap-md{gap:var(--pep-spacing-lg, 1rem)}.sections-container.gap-lg{gap:var(--pep-spacing-2xl, 2rem)}.sections-container .draggable-section{display:block}.sections-container.preview-state section{display:contents}@keyframes in{0%{opacity:0;transform:translateY(-80);filter:blur(20px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.in{animation-name:in;animation-direction:normal;animation-duration:1.2s;animation-fill-mode:forwards}\n"] }]
|
|
2057
2056
|
}], ctorParameters: function () { return [{ type: PepLayoutBuilderComponent, decorators: [{
|
|
2058
2057
|
type: Optional
|
|
2059
2058
|
}] }, { type: LayoutBuilderInternalService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { skeletonContainer: [{
|
|
@@ -2068,6 +2067,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
2068
2067
|
type: Input
|
|
2069
2068
|
}], blockTemplate: [{
|
|
2070
2069
|
type: Input
|
|
2070
|
+
}], renderSkeleton: [{
|
|
2071
|
+
type: Input
|
|
2071
2072
|
}], showSkeleton: [{
|
|
2072
2073
|
type: Input
|
|
2073
2074
|
}], layoutViewChange: [{
|