@pepperi-addons/ngx-composite-lib 0.4.2-beta.21 → 0.4.2-beta.23
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/flow-picker-button/flow-picker-button.component.mjs +15 -5
- package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +14 -4
- package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +14 -4
- package/fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map +1 -1
- package/flow-picker-button/flow-picker-button.component.d.ts +4 -2
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ export class FlowPickerButtonComponent {
|
|
|
10
10
|
this.addonBlockLoaderService = addonBlockLoaderService;
|
|
11
11
|
this.flowPickerService = flowPickerService;
|
|
12
12
|
this._flowHostObject = undefined;
|
|
13
|
+
this.disabled = false;
|
|
13
14
|
this.flowChange = new EventEmitter();
|
|
14
15
|
this.choosenFlowName = '';
|
|
15
16
|
this.choosenFlowKey = '';
|
|
@@ -20,15 +21,21 @@ export class FlowPickerButtonComponent {
|
|
|
20
21
|
if (value?.runFlowData?.FlowKey) {
|
|
21
22
|
this.setChoosenFlow(value.runFlowData.FlowKey);
|
|
22
23
|
}
|
|
24
|
+
else {
|
|
25
|
+
this.initChoosenFlow('');
|
|
26
|
+
}
|
|
23
27
|
}
|
|
24
28
|
get flowHostObject() {
|
|
25
29
|
return this._flowHostObject;
|
|
26
30
|
}
|
|
31
|
+
initChoosenFlow(flowKey) {
|
|
32
|
+
this.choosenFlowKey = flowKey;
|
|
33
|
+
this.choosenFlowName = '';
|
|
34
|
+
}
|
|
27
35
|
setChoosenFlow(flowKey) {
|
|
28
36
|
// If this is not the same flow key
|
|
29
37
|
if (this.choosenFlowKey !== flowKey) {
|
|
30
|
-
this.
|
|
31
|
-
this.choosenFlowName = '';
|
|
38
|
+
this.initChoosenFlow(flowKey);
|
|
32
39
|
// Search for the flow name.
|
|
33
40
|
this.flowPickerService.searchFlows(flowKey).then(flows => {
|
|
34
41
|
;
|
|
@@ -55,6 +62,7 @@ export class FlowPickerButtonComponent {
|
|
|
55
62
|
this.flowChange.emit(event.data);
|
|
56
63
|
}
|
|
57
64
|
else {
|
|
65
|
+
this.initChoosenFlow('');
|
|
58
66
|
this.flowChange.emit(null);
|
|
59
67
|
}
|
|
60
68
|
dialogRef?.close();
|
|
@@ -67,13 +75,15 @@ export class FlowPickerButtonComponent {
|
|
|
67
75
|
}
|
|
68
76
|
}
|
|
69
77
|
FlowPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }, { token: i2.FlowPickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
70
|
-
FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
78
|
+
FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject", disabled: "disabled" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
71
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
|
|
72
80
|
type: Component,
|
|
73
|
-
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
81
|
+
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
74
82
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }, { type: i2.FlowPickerService }]; }, propDecorators: { flowHostObject: [{
|
|
75
83
|
type: Input
|
|
84
|
+
}], disabled: [{
|
|
85
|
+
type: Input
|
|
76
86
|
}], flowChange: [{
|
|
77
87
|
type: Output
|
|
78
88
|
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy1waWNrZXItYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2Zsb3ctcGlja2VyLWJ1dHRvbi9mbG93LXBpY2tlci1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZmxvdy1waWNrZXItYnV0dG9uL2Zsb3ctcGlja2VyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU2pHLE1BQU0sT0FBTyx5QkFBeUI7SUEwQmxDLFlBQ1ksZ0JBQWtDLEVBQ2xDLHVCQUFtRCxFQUNuRCxpQkFBb0M7UUFGcEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQTRCO1FBQ25ELHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUEzQnhDLG9CQUFlLEdBQVEsU0FBUyxDQUFDO1FBZ0JoQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRzFCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUU5QyxvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixtQkFBYyxHQUFHLEVBQUUsQ0FBQztJQUtzQixDQUFDO0lBMUJyRCxJQUNJLGNBQWMsQ0FBQyxLQUFVO1FBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBRTdCLHFEQUFxRDtRQUNyRCxJQUFJLEtBQUssRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFO1lBQzdCLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUNsRDthQUFNO1lBQ0gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUM1QjtJQUNMLENBQUM7SUFDRCxJQUFJLGNBQWM7UUFDZCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDaEMsQ0FBQztJQWVPLGVBQWUsQ0FBQyxPQUFlO1FBQ25DLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFTyxjQUFjLENBQUMsT0FBZTtRQUNsQyxtQ0FBbUM7UUFDbkMsSUFBSSxJQUFJLENBQUMsY0FBYyxLQUFLLE9BQU8sRUFBRTtZQUNqQyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBRTlCLDRCQUE0QjtZQUM1QixJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFBRSxDQUFDO2dCQUN4RCxJQUFJLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRTtvQkFDNUIsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxTQUFTLENBQUM7aUJBQzdEO1lBQ0wsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ0osY0FBYztJQUNsQixDQUFDO0lBRUQsb0JBQW9CO1FBQ2hCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxzQkFBc0IsQ0FBQztZQUNsRSxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjtZQUNoQyxJQUFJLEVBQUUsWUFBWTtZQUNsQixJQUFJLEVBQUUsT0FBTztZQUNiLFVBQVUsRUFBRSxJQUFJLENBQUMsY0FBYztZQUMvQixrQkFBa0IsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQ2hDLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxTQUFTLEVBQUU7b0JBQzVCLGdEQUFnRDtvQkFDaEQsSUFBSSxLQUFLLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRTt3QkFDckIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO3dCQUN4QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7cUJBQ3BDO3lCQUFNO3dCQUNILElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUM7d0JBQ3pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO3FCQUM5QjtvQkFFRCxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7aUJBQ3RCO3FCQUFNLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxXQUFXLEVBQUU7b0JBQ3JDLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdEI7WUFDTCxDQUFDO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7c0hBN0VRLHlCQUF5QjswR0FBekIseUJBQXlCLHlLQ1R0QyxrUEFHYTsyRkRNQSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksd0JBQXdCO2dMQVE5QixjQUFjO3NCQURqQixLQUFLO2dCQWVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2UgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9yZW1vdGUtbG9hZGVyJztcbmltcG9ydCB7IEZsb3dQaWNrZXJTZXJ2aWNlIH0gZnJvbSAnLi9mbG93LXBpY2tlci1idXR0b24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWZsb3ctcGlja2VyLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Zsb3ctcGlja2VyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmxvdy1waWNrZXItYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmxvd1BpY2tlckJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBwcml2YXRlIF9mbG93SG9zdE9iamVjdDogYW55ID0gdW5kZWZpbmVkO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IGZsb3dIb3N0T2JqZWN0KHZhbHVlOiBhbnkpIHtcbiAgICAgICAgdGhpcy5fZmxvd0hvc3RPYmplY3QgPSB2YWx1ZTtcbiAgICAgICAgXG4gICAgICAgIC8vIElmIHRoZXJlIGlzIGEgZmxvdyBrZXkgLSBzZWFyY2ggZm9yIHRoZSBmbG93IG5hbWUuXG4gICAgICAgIGlmICh2YWx1ZT8ucnVuRmxvd0RhdGE/LkZsb3dLZXkpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0Q2hvb3NlbkZsb3codmFsdWUucnVuRmxvd0RhdGEuRmxvd0tleSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmluaXRDaG9vc2VuRmxvdygnJyk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IGZsb3dIb3N0T2JqZWN0KCk6IGFueSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9mbG93SG9zdE9iamVjdDtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgZmxvd0NoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgICBcbiAgICBwcm90ZWN0ZWQgY2hvb3NlbkZsb3dOYW1lID0gJyc7XG4gICAgcHJvdGVjdGVkIGNob29zZW5GbG93S2V5ID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgICAgICBwcml2YXRlIGFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlOiBQZXBBZGRvbkJsb2NrTG9hZGVyU2VydmljZSwgXG4gICAgICAgIHByaXZhdGUgZmxvd1BpY2tlclNlcnZpY2U6IEZsb3dQaWNrZXJTZXJ2aWNlKSB7IH1cblxuICAgIHByaXZhdGUgaW5pdENob29zZW5GbG93KGZsb3dLZXk6IHN0cmluZykge1xuICAgICAgICB0aGlzLmNob29zZW5GbG93S2V5ID0gZmxvd0tleTtcbiAgICAgICAgdGhpcy5jaG9vc2VuRmxvd05hbWUgPSAnJztcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldENob29zZW5GbG93KGZsb3dLZXk6IHN0cmluZykge1xuICAgICAgICAvLyBJZiB0aGlzIGlzIG5vdCB0aGUgc2FtZSBmbG93IGtleVxuICAgICAgICBpZiAodGhpcy5jaG9vc2VuRmxvd0tleSAhPT0gZmxvd0tleSkge1xuICAgICAgICAgICAgdGhpcy5pbml0Q2hvb3NlbkZsb3coZmxvd0tleSk7XG4gICAgXG4gICAgICAgICAgICAvLyBTZWFyY2ggZm9yIHRoZSBmbG93IG5hbWUuXG4gICAgICAgICAgICB0aGlzLmZsb3dQaWNrZXJTZXJ2aWNlLnNlYXJjaEZsb3dzKGZsb3dLZXkpLnRoZW4oZmxvd3MgPT4geztcbiAgICAgICAgICAgICAgICBpZiAoZmxvd3M/Lk9iamVjdHM/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5jaG9vc2VuRmxvd05hbWUgPSBmbG93cy5PYmplY3RzWzBdLk5hbWUgfHwgdW5kZWZpbmVkO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vIERvIG5vdGhpbmcuXG4gICAgfVxuXG4gICAgb3BlbkZsb3dQaWNrZXJEaWFsb2coKSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuYWRkb25CbG9ja0xvYWRlclNlcnZpY2UubG9hZEFkZG9uQmxvY2tJbkRpYWxvZyh7XG4gICAgICAgICAgICBjb250YWluZXI6IHRoaXMudmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgICAgIG5hbWU6ICdGbG93UGlja2VyJyxcbiAgICAgICAgICAgIHNpemU6ICdsYXJnZScsXG4gICAgICAgICAgICBob3N0T2JqZWN0OiB0aGlzLmZsb3dIb3N0T2JqZWN0LFxuICAgICAgICAgICAgaG9zdEV2ZW50c0NhbGxiYWNrOiBhc3luYyAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQuYWN0aW9uID09PSAnb24tZG9uZScpIHtcbiAgICAgICAgICAgICAgICAgICAgLy8gSWYgZmxvdyBrZXkgZXhpc3QgLSBzZWFyY2ggZm9yIHRoZSBmbG93IG5hbWUuXG4gICAgICAgICAgICAgICAgICAgIGlmIChldmVudC5kYXRhPy5GbG93S2V5KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnNldENob29zZW5GbG93KGV2ZW50LmRhdGEuRmxvd0tleSk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmZsb3dDaGFuZ2UuZW1pdChldmVudC5kYXRhKTtcbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuaW5pdENob29zZW5GbG93KCcnKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuZmxvd0NoYW5nZS5lbWl0KG51bGwpO1xuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgZGlhbG9nUmVmPy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZXZlbnQuYWN0aW9uID09PSAnb24tY2FuY2VsJykge1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8cGVwLWJ1dHRvbiBjbGFzcz1cImZsb3ctYnV0dG9uXCIgXG4gICAgW3ZhbHVlXT1cImNob29zZW5GbG93S2V5ID8gKGNob29zZW5GbG93TmFtZSB8fCBjaG9vc2VuRmxvd0tleSkgOiAoJ0ZMT1dfUElDS0VSX0JVVFRPTi5DSE9PU0VfRkxPVycgfCB0cmFuc2xhdGUpXCIgXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGJ1dHRvbkNsaWNrKT1cIm9wZW5GbG93UGlja2VyRGlhbG9nKClcIj5cbjwvcGVwLWJ1dHRvbj4iXX0=
|
|
@@ -36,6 +36,7 @@ class FlowPickerButtonComponent {
|
|
|
36
36
|
this.addonBlockLoaderService = addonBlockLoaderService;
|
|
37
37
|
this.flowPickerService = flowPickerService;
|
|
38
38
|
this._flowHostObject = undefined;
|
|
39
|
+
this.disabled = false;
|
|
39
40
|
this.flowChange = new EventEmitter();
|
|
40
41
|
this.choosenFlowName = '';
|
|
41
42
|
this.choosenFlowKey = '';
|
|
@@ -47,15 +48,21 @@ class FlowPickerButtonComponent {
|
|
|
47
48
|
if ((_a = value === null || value === void 0 ? void 0 : value.runFlowData) === null || _a === void 0 ? void 0 : _a.FlowKey) {
|
|
48
49
|
this.setChoosenFlow(value.runFlowData.FlowKey);
|
|
49
50
|
}
|
|
51
|
+
else {
|
|
52
|
+
this.initChoosenFlow('');
|
|
53
|
+
}
|
|
50
54
|
}
|
|
51
55
|
get flowHostObject() {
|
|
52
56
|
return this._flowHostObject;
|
|
53
57
|
}
|
|
58
|
+
initChoosenFlow(flowKey) {
|
|
59
|
+
this.choosenFlowKey = flowKey;
|
|
60
|
+
this.choosenFlowName = '';
|
|
61
|
+
}
|
|
54
62
|
setChoosenFlow(flowKey) {
|
|
55
63
|
// If this is not the same flow key
|
|
56
64
|
if (this.choosenFlowKey !== flowKey) {
|
|
57
|
-
this.
|
|
58
|
-
this.choosenFlowName = '';
|
|
65
|
+
this.initChoosenFlow(flowKey);
|
|
59
66
|
// Search for the flow name.
|
|
60
67
|
this.flowPickerService.searchFlows(flowKey).then(flows => {
|
|
61
68
|
var _a;
|
|
@@ -84,6 +91,7 @@ class FlowPickerButtonComponent {
|
|
|
84
91
|
this.flowChange.emit(event.data);
|
|
85
92
|
}
|
|
86
93
|
else {
|
|
94
|
+
this.initChoosenFlow('');
|
|
87
95
|
this.flowChange.emit(null);
|
|
88
96
|
}
|
|
89
97
|
dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
|
|
@@ -96,12 +104,14 @@ class FlowPickerButtonComponent {
|
|
|
96
104
|
}
|
|
97
105
|
}
|
|
98
106
|
FlowPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: FlowPickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
-
FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
107
|
+
FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject", disabled: "disabled" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
100
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
|
|
101
109
|
type: Component,
|
|
102
|
-
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
110
|
+
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
103
111
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: FlowPickerService }]; }, propDecorators: { flowHostObject: [{
|
|
104
112
|
type: Input
|
|
113
|
+
}], disabled: [{
|
|
114
|
+
type: Input
|
|
105
115
|
}], flowChange: [{
|
|
106
116
|
type: Output
|
|
107
117
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-flow-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.service.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.html","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.module.ts","../../../projects/ngx-composite-lib/flow-picker-button/public-api.ts","../../../projects/ngx-composite-lib/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n \n async searchFlows(flowKey: string): Promise<any> {\n return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n }\n}","import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@Component({\n selector: 'pep-flow-picker-button',\n templateUrl: './flow-picker-button.component.html',\n styleUrls: ['./flow-picker-button.component.scss']\n})\nexport class FlowPickerButtonComponent implements OnInit {\n\n private _flowHostObject: any = undefined;\n @Input()\n set flowHostObject(value: any) {\n this._flowHostObject = value;\n \n // If there is a flow key - search for the flow name.\n if (value?.runFlowData?.FlowKey) {\n this.setChoosenFlow(value.runFlowData.FlowKey);\n }\n }\n get flowHostObject(): any {\n return this._flowHostObject;\n }\n\n @Output()\n flowChange: EventEmitter<any> = new EventEmitter<any>();\n \n protected choosenFlowName = '';\n protected choosenFlowKey = '';\n\n private setChoosenFlow(flowKey: string) {\n // If this is not the same flow key\n if (this.choosenFlowKey !== flowKey) {\n this.choosenFlowKey = flowKey;\n this.choosenFlowName = '';\n \n // Search for the flow name.\n this.flowPickerService.searchFlows(flowKey).then(flows => {;\n if (flows?.Objects?.length > 0) {\n this.choosenFlowName = flows.Objects[0].Name || undefined;\n }\n });\n }\n }\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService, \n private flowPickerService: FlowPickerService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n openFlowPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'FlowPicker',\n size: 'large',\n hostObject: this.flowHostObject,\n hostEventsCallback: async (event) => {\n if (event.action === 'on-done') {\n // If flow key exist - search for the flow name.\n if (event.data?.FlowKey) {\n this.setChoosenFlow(event.data.FlowKey);\n this.flowChange.emit(event.data);\n } else {\n this.flowChange.emit(null);\n }\n\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n}\n","<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { FlowPickerButtonComponent } from './flow-picker-button.component';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@NgModule({\n declarations: [\n FlowPickerButtonComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [FlowPickerButtonComponent],\n})\nexport class PepFlowPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './flow-picker-button.module';\nexport * from './flow-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.FlowPickerService"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-flow-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.service.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.html","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.module.ts","../../../projects/ngx-composite-lib/flow-picker-button/public-api.ts","../../../projects/ngx-composite-lib/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n \n async searchFlows(flowKey: string): Promise<any> {\n return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n }\n}","import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@Component({\n selector: 'pep-flow-picker-button',\n templateUrl: './flow-picker-button.component.html',\n styleUrls: ['./flow-picker-button.component.scss']\n})\nexport class FlowPickerButtonComponent implements OnInit {\n\n private _flowHostObject: any = undefined;\n @Input()\n set flowHostObject(value: any) {\n this._flowHostObject = value;\n \n // If there is a flow key - search for the flow name.\n if (value?.runFlowData?.FlowKey) {\n this.setChoosenFlow(value.runFlowData.FlowKey);\n } else {\n this.initChoosenFlow('');\n }\n }\n get flowHostObject(): any {\n return this._flowHostObject;\n }\n\n @Input() disabled = false;\n\n @Output()\n flowChange: EventEmitter<any> = new EventEmitter<any>();\n \n protected choosenFlowName = '';\n protected choosenFlowKey = '';\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService, \n private flowPickerService: FlowPickerService) { }\n\n private initChoosenFlow(flowKey: string) {\n this.choosenFlowKey = flowKey;\n this.choosenFlowName = '';\n }\n\n private setChoosenFlow(flowKey: string) {\n // If this is not the same flow key\n if (this.choosenFlowKey !== flowKey) {\n this.initChoosenFlow(flowKey);\n \n // Search for the flow name.\n this.flowPickerService.searchFlows(flowKey).then(flows => {;\n if (flows?.Objects?.length > 0) {\n this.choosenFlowName = flows.Objects[0].Name || undefined;\n }\n });\n }\n }\n\n ngOnInit() {\n // Do nothing.\n }\n\n openFlowPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'FlowPicker',\n size: 'large',\n hostObject: this.flowHostObject,\n hostEventsCallback: async (event) => {\n if (event.action === 'on-done') {\n // If flow key exist - search for the flow name.\n if (event.data?.FlowKey) {\n this.setChoosenFlow(event.data.FlowKey);\n this.flowChange.emit(event.data);\n } else {\n this.initChoosenFlow('');\n this.flowChange.emit(null);\n }\n\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n}\n","<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { FlowPickerButtonComponent } from './flow-picker-button.component';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@NgModule({\n declarations: [\n FlowPickerButtonComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [FlowPickerButtonComponent],\n})\nexport class PepFlowPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './flow-picker-button.module';\nexport * from './flow-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.FlowPickerService"],"mappings":";;;;;;;;;;;;;MAOa,iBAAiB,CAAA;AAE1B,IAAA,WAAA,CACY,WAA2B,EAAA;AAA3B,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgB;KAEtC;AAEK,IAAA,WAAW,CAAC,OAAe,EAAA;;AAC7B,YAAA,OAAO,aAAa,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,4BAA4B,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAC,CAAC,CAAC,CAAC;SAC9I,CAAA,CAAA;AAAA,KAAA;;8GATQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cAFd,MAAM,EAAA,CAAA,CAAA;2FAET,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;iBACrB,CAAA;;;MCGY,yBAAyB,CAAA;AA0BlC,IAAA,WAAA,CACY,gBAAkC,EAClC,uBAAmD,EACnD,iBAAoC,EAAA;AAFpC,QAAA,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;AAClC,QAAA,IAAuB,CAAA,uBAAA,GAAvB,uBAAuB,CAA4B;AACnD,QAAA,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;AA3BxC,QAAA,IAAe,CAAA,eAAA,GAAQ,SAAS,CAAC;AAgBhC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAG1B,QAAA,IAAA,CAAA,UAAU,GAAsB,IAAI,YAAY,EAAO,CAAC;AAE9C,QAAA,IAAe,CAAA,eAAA,GAAG,EAAE,CAAC;AACrB,QAAA,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;KAKuB;IA1BrD,IACI,cAAc,CAAC,KAAU,EAAA;;AACzB,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;;QAG7B,IAAI,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,WAAW,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,EAAE;YAC7B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAClD,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAC5B,SAAA;KACJ;AACD,IAAA,IAAI,cAAc,GAAA;QACd,OAAO,IAAI,CAAC,eAAe,CAAC;KAC/B;AAeO,IAAA,eAAe,CAAC,OAAe,EAAA;AACnC,QAAA,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;AAC9B,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;KAC7B;AAEO,IAAA,cAAc,CAAC,OAAe,EAAA;;AAElC,QAAA,IAAI,IAAI,CAAC,cAAc,KAAK,OAAO,EAAE;AACjC,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;AAG9B,YAAA,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,IAAG;;gBAAE,CAAC;AACxD,gBAAA,IAAI,CAAA,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,IAAG,CAAC,EAAE;AAC5B,oBAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC;AAC7D,iBAAA;AACL,aAAC,CAAC,CAAC;AACN,SAAA;KACJ;IAED,QAAQ,GAAA;;KAEP;IAED,oBAAoB,GAAA;AAChB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,uBAAuB,CAAC,sBAAsB,CAAC;YAClE,SAAS,EAAE,IAAI,CAAC,gBAAgB;AAChC,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI,CAAC,cAAc;AAC/B,YAAA,kBAAkB,EAAE,CAAO,KAAK,KAAI,SAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;;AAChC,gBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE;;AAE5B,oBAAA,IAAI,MAAA,KAAK,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,OAAO,EAAE;wBACrB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;wBACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACpC,qBAAA;AAAM,yBAAA;AACH,wBAAA,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AACzB,wBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9B,qBAAA;AAED,oBAAA,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,KAAK,EAAE,CAAC;AACtB,iBAAA;AAAM,qBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,WAAW,EAAE;AACrC,oBAAA,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,KAAK,EAAE,CAAC;AACtB,iBAAA;AACL,aAAC,CAAA;AACJ,SAAA,CAAC,CAAC;KACN;;sHA7EQ,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,0BAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,yKCTtC,kPAGa,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDMA,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACI,wBAAwB,EAAA,QAAA,EAAA,kPAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA;+KAQ9B,cAAc,EAAA,CAAA;sBADjB,KAAK;gBAeG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAGN,UAAU,EAAA,CAAA;sBADT,MAAM;;;MEPE,yBAAyB,CAAA;;sHAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;uHAAzB,yBAAyB,EAAA,YAAA,EAAA,CAX9B,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAGzB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,qBAAqB,aAGf,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAE1B,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EAHvB,SAAA,EAAA,CAAC,iBAAiB,CAAC,YAL1B,YAAY;QACZ,eAAe;QACf,eAAe;QACf,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAKhB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,yBAAyB;AAC5B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,qBAAqB;AACxB,qBAAA;oBACD,SAAS,EAAE,CAAC,iBAAiB,CAAC;oBAC9B,OAAO,EAAE,CAAC,yBAAyB,CAAC;iBACvC,CAAA;;;ACrBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -33,6 +33,7 @@ class FlowPickerButtonComponent {
|
|
|
33
33
|
this.addonBlockLoaderService = addonBlockLoaderService;
|
|
34
34
|
this.flowPickerService = flowPickerService;
|
|
35
35
|
this._flowHostObject = undefined;
|
|
36
|
+
this.disabled = false;
|
|
36
37
|
this.flowChange = new EventEmitter();
|
|
37
38
|
this.choosenFlowName = '';
|
|
38
39
|
this.choosenFlowKey = '';
|
|
@@ -43,15 +44,21 @@ class FlowPickerButtonComponent {
|
|
|
43
44
|
if (value?.runFlowData?.FlowKey) {
|
|
44
45
|
this.setChoosenFlow(value.runFlowData.FlowKey);
|
|
45
46
|
}
|
|
47
|
+
else {
|
|
48
|
+
this.initChoosenFlow('');
|
|
49
|
+
}
|
|
46
50
|
}
|
|
47
51
|
get flowHostObject() {
|
|
48
52
|
return this._flowHostObject;
|
|
49
53
|
}
|
|
54
|
+
initChoosenFlow(flowKey) {
|
|
55
|
+
this.choosenFlowKey = flowKey;
|
|
56
|
+
this.choosenFlowName = '';
|
|
57
|
+
}
|
|
50
58
|
setChoosenFlow(flowKey) {
|
|
51
59
|
// If this is not the same flow key
|
|
52
60
|
if (this.choosenFlowKey !== flowKey) {
|
|
53
|
-
this.
|
|
54
|
-
this.choosenFlowName = '';
|
|
61
|
+
this.initChoosenFlow(flowKey);
|
|
55
62
|
// Search for the flow name.
|
|
56
63
|
this.flowPickerService.searchFlows(flowKey).then(flows => {
|
|
57
64
|
;
|
|
@@ -78,6 +85,7 @@ class FlowPickerButtonComponent {
|
|
|
78
85
|
this.flowChange.emit(event.data);
|
|
79
86
|
}
|
|
80
87
|
else {
|
|
88
|
+
this.initChoosenFlow('');
|
|
81
89
|
this.flowChange.emit(null);
|
|
82
90
|
}
|
|
83
91
|
dialogRef?.close();
|
|
@@ -90,12 +98,14 @@ class FlowPickerButtonComponent {
|
|
|
90
98
|
}
|
|
91
99
|
}
|
|
92
100
|
FlowPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: FlowPickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
-
FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
101
|
+
FlowPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: FlowPickerButtonComponent, selector: "pep-flow-picker-button", inputs: { flowHostObject: "flowHostObject", disabled: "disabled" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
94
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
|
|
95
103
|
type: Component,
|
|
96
|
-
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
104
|
+
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
97
105
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: FlowPickerService }]; }, propDecorators: { flowHostObject: [{
|
|
98
106
|
type: Input
|
|
107
|
+
}], disabled: [{
|
|
108
|
+
type: Input
|
|
99
109
|
}], flowChange: [{
|
|
100
110
|
type: Output
|
|
101
111
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-flow-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.service.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.html","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.module.ts","../../../projects/ngx-composite-lib/flow-picker-button/public-api.ts","../../../projects/ngx-composite-lib/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n \n async searchFlows(flowKey: string): Promise<any> {\n return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n }\n}","import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@Component({\n selector: 'pep-flow-picker-button',\n templateUrl: './flow-picker-button.component.html',\n styleUrls: ['./flow-picker-button.component.scss']\n})\nexport class FlowPickerButtonComponent implements OnInit {\n\n private _flowHostObject: any = undefined;\n @Input()\n set flowHostObject(value: any) {\n this._flowHostObject = value;\n \n // If there is a flow key - search for the flow name.\n if (value?.runFlowData?.FlowKey) {\n this.setChoosenFlow(value.runFlowData.FlowKey);\n }\n }\n get flowHostObject(): any {\n return this._flowHostObject;\n }\n\n @Output()\n flowChange: EventEmitter<any> = new EventEmitter<any>();\n \n protected choosenFlowName = '';\n protected choosenFlowKey = '';\n\n private setChoosenFlow(flowKey: string) {\n // If this is not the same flow key\n if (this.choosenFlowKey !== flowKey) {\n this.
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-flow-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.service.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.ts","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.component.html","../../../projects/ngx-composite-lib/flow-picker-button/flow-picker-button.module.ts","../../../projects/ngx-composite-lib/flow-picker-button/public-api.ts","../../../projects/ngx-composite-lib/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n \n async searchFlows(flowKey: string): Promise<any> {\n return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n }\n}","import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@Component({\n selector: 'pep-flow-picker-button',\n templateUrl: './flow-picker-button.component.html',\n styleUrls: ['./flow-picker-button.component.scss']\n})\nexport class FlowPickerButtonComponent implements OnInit {\n\n private _flowHostObject: any = undefined;\n @Input()\n set flowHostObject(value: any) {\n this._flowHostObject = value;\n \n // If there is a flow key - search for the flow name.\n if (value?.runFlowData?.FlowKey) {\n this.setChoosenFlow(value.runFlowData.FlowKey);\n } else {\n this.initChoosenFlow('');\n }\n }\n get flowHostObject(): any {\n return this._flowHostObject;\n }\n\n @Input() disabled = false;\n\n @Output()\n flowChange: EventEmitter<any> = new EventEmitter<any>();\n \n protected choosenFlowName = '';\n protected choosenFlowKey = '';\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService, \n private flowPickerService: FlowPickerService) { }\n\n private initChoosenFlow(flowKey: string) {\n this.choosenFlowKey = flowKey;\n this.choosenFlowName = '';\n }\n\n private setChoosenFlow(flowKey: string) {\n // If this is not the same flow key\n if (this.choosenFlowKey !== flowKey) {\n this.initChoosenFlow(flowKey);\n \n // Search for the flow name.\n this.flowPickerService.searchFlows(flowKey).then(flows => {;\n if (flows?.Objects?.length > 0) {\n this.choosenFlowName = flows.Objects[0].Name || undefined;\n }\n });\n }\n }\n\n ngOnInit() {\n // Do nothing.\n }\n\n openFlowPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'FlowPicker',\n size: 'large',\n hostObject: this.flowHostObject,\n hostEventsCallback: async (event) => {\n if (event.action === 'on-done') {\n // If flow key exist - search for the flow name.\n if (event.data?.FlowKey) {\n this.setChoosenFlow(event.data.FlowKey);\n this.flowChange.emit(event.data);\n } else {\n this.initChoosenFlow('');\n this.flowChange.emit(null);\n }\n\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n}\n","<pep-button class=\"flow-button\" \n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { FlowPickerButtonComponent } from './flow-picker-button.component';\nimport { FlowPickerService } from './flow-picker-button.service';\n\n@NgModule({\n declarations: [\n FlowPickerButtonComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [FlowPickerButtonComponent],\n})\nexport class PepFlowPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './flow-picker-button.module';\nexport * from './flow-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.FlowPickerService"],"mappings":"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"}
|
|
@@ -9,13 +9,15 @@ export declare class FlowPickerButtonComponent implements OnInit {
|
|
|
9
9
|
private _flowHostObject;
|
|
10
10
|
set flowHostObject(value: any);
|
|
11
11
|
get flowHostObject(): any;
|
|
12
|
+
disabled: boolean;
|
|
12
13
|
flowChange: EventEmitter<any>;
|
|
13
14
|
protected choosenFlowName: string;
|
|
14
15
|
protected choosenFlowKey: string;
|
|
15
|
-
private setChoosenFlow;
|
|
16
16
|
constructor(viewContainerRef: ViewContainerRef, addonBlockLoaderService: PepAddonBlockLoaderService, flowPickerService: FlowPickerService);
|
|
17
|
+
private initChoosenFlow;
|
|
18
|
+
private setChoosenFlow;
|
|
17
19
|
ngOnInit(): void;
|
|
18
20
|
openFlowPickerDialog(): void;
|
|
19
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlowPickerButtonComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlowPickerButtonComponent, "pep-flow-picker-button", never, { "flowHostObject": "flowHostObject"; }, { "flowChange": "flowChange"; }, never, never, false>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FlowPickerButtonComponent, "pep-flow-picker-button", never, { "flowHostObject": "flowHostObject"; "disabled": "disabled"; }, { "flowChange": "flowChange"; }, never, never, false>;
|
|
21
23
|
}
|