@pepperi-addons/ngx-composite-lib 0.4.2-beta.53 → 0.4.2-beta.55
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 +6 -3
- package/esm2020/icon-picker/icon-picker.component.mjs +6 -3
- package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +5 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs +5 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs +5 -2
- package/fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs +5 -2
- package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -1
- package/flow-picker-button/flow-picker-button.component.d.ts +3 -1
- package/icon-picker/icon-picker.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ export class FlowPickerButtonComponent {
|
|
|
11
11
|
this.flowPickerService = flowPickerService;
|
|
12
12
|
this._flowHostObject = undefined;
|
|
13
13
|
this.disabled = false;
|
|
14
|
+
this.styleType = 'weak';
|
|
14
15
|
this.flowChange = new EventEmitter();
|
|
15
16
|
this.choosenFlowName = '';
|
|
16
17
|
this.choosenFlowKey = '';
|
|
@@ -74,15 +75,17 @@ export class FlowPickerButtonComponent {
|
|
|
74
75
|
}
|
|
75
76
|
}
|
|
76
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 });
|
|
77
|
-
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" }] });
|
|
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", styleType: "styleType" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\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" }] });
|
|
78
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
|
|
79
80
|
type: Component,
|
|
80
|
-
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"] }]
|
|
81
|
+
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
81
82
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }, { type: i2.FlowPickerService }]; }, propDecorators: { flowHostObject: [{
|
|
82
83
|
type: Input
|
|
83
84
|
}], disabled: [{
|
|
84
85
|
type: Input
|
|
86
|
+
}], styleType: [{
|
|
87
|
+
type: Input
|
|
85
88
|
}], flowChange: [{
|
|
86
89
|
type: Output
|
|
87
90
|
}] } });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy1waWNrZXItYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2Zsb3ctcGlja2VyLWJ1dHRvbi9mbG93LXBpY2tlci1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZmxvdy1waWNrZXItYnV0dG9uL2Zsb3ctcGlja2VyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVWpHLE1BQU0sT0FBTyx5QkFBeUI7SUEyQmxDLFlBQ1ksZ0JBQWtDLEVBQ2xDLHVCQUFtRCxFQUNuRCxpQkFBb0M7UUFGcEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQTRCO1FBQ25ELHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUE1QnhDLG9CQUFlLEdBQVEsU0FBUyxDQUFDO1FBZ0JoQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBaUIsTUFBTSxDQUFDO1FBRzFDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUU5QyxvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixtQkFBYyxHQUFHLEVBQUUsQ0FBQztJQUtzQixDQUFDO0lBM0JyRCxJQUNJLGNBQWMsQ0FBQyxLQUFVO1FBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBRTdCLHFEQUFxRDtRQUNyRCxJQUFJLEtBQUssRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFO1lBQzdCLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUNsRDthQUFNO1lBQ0gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUM1QjtJQUNMLENBQUM7SUFDRCxJQUFJLGNBQWM7UUFDZCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDaEMsQ0FBQztJQWdCTyxlQUFlLENBQUMsT0FBZTtRQUNuQyxJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQztRQUM5QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRU8sY0FBYyxDQUFDLE9BQWU7UUFDbEMsbUNBQW1DO1FBQ25DLElBQUksSUFBSSxDQUFDLGNBQWMsS0FBSyxPQUFPLEVBQUU7WUFDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUU5Qiw0QkFBNEI7WUFDNUIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3JELElBQUksS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO29CQUM1QixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLFNBQVMsQ0FBQztpQkFDN0Q7WUFDTCxDQUFDLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDSixjQUFjO0lBQ2xCLENBQUM7SUFFRCxvQkFBb0I7UUFDaEIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLHNCQUFzQixDQUFDO1lBQ2xFLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO1lBQ2hDLElBQUksRUFBRSxZQUFZO1lBQ2xCLElBQUksRUFBRSxPQUFPO1lBQ2IsVUFBVSxFQUFFLElBQUksQ0FBQyxjQUFjO1lBQy9CLGtCQUFrQixFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDaEMsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFNBQVMsRUFBRTtvQkFDNUIsZ0RBQWdEO29CQUNoRCxJQUFJLEtBQUssQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFO3dCQUNyQixJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7d0JBQ3hDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztxQkFDcEM7eUJBQU07d0JBQ0gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQzt3QkFDekIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7cUJBQzlCO29CQUVELFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdEI7cUJBQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFdBQVcsRUFBRTtvQkFDckMsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2lCQUN0QjtZQUNMLENBQUM7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDOztzSEE5RVEseUJBQXlCOzBHQUF6Qix5QkFBeUIsaU1DVnRDLDJRQUdhOzJGRE9BLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSx3QkFBd0I7Z0xBUTlCLGNBQWM7c0JBRGpCLEtBQUs7Z0JBZUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUdOLFVBQVU7c0JBRFQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcFN0eWxlVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmVtb3RlLWxvYWRlcic7XG5pbXBvcnQgeyBGbG93UGlja2VyU2VydmljZSB9IGZyb20gJy4vZmxvdy1waWNrZXItYnV0dG9uLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1mbG93LXBpY2tlci1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mbG93LXBpY2tlci1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Zsb3ctcGlja2VyLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZsb3dQaWNrZXJCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgcHJpdmF0ZSBfZmxvd0hvc3RPYmplY3Q6IGFueSA9IHVuZGVmaW5lZDtcbiAgICBASW5wdXQoKVxuICAgIHNldCBmbG93SG9zdE9iamVjdCh2YWx1ZTogYW55KSB7XG4gICAgICAgIHRoaXMuX2Zsb3dIb3N0T2JqZWN0ID0gdmFsdWU7XG4gICAgICAgIFxuICAgICAgICAvLyBJZiB0aGVyZSBpcyBhIGZsb3cga2V5IC0gc2VhcmNoIGZvciB0aGUgZmxvdyBuYW1lLlxuICAgICAgICBpZiAodmFsdWU/LnJ1bkZsb3dEYXRhPy5GbG93S2V5KSB7XG4gICAgICAgICAgICB0aGlzLnNldENob29zZW5GbG93KHZhbHVlLnJ1bkZsb3dEYXRhLkZsb3dLZXkpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5pbml0Q2hvb3NlbkZsb3coJycpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBmbG93SG9zdE9iamVjdCgpOiBhbnkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmxvd0hvc3RPYmplY3Q7XG4gICAgfVxuXG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzdHlsZVR5cGU6IFBlcFN0eWxlVHlwZSA9ICd3ZWFrJztcbiAgICBcbiAgICBAT3V0cHV0KClcbiAgICBmbG93Q2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIFxuICAgIHByb3RlY3RlZCBjaG9vc2VuRmxvd05hbWUgPSAnJztcbiAgICBwcm90ZWN0ZWQgY2hvb3NlbkZsb3dLZXkgPSAnJztcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgICAgIHByaXZhdGUgYWRkb25CbG9ja0xvYWRlclNlcnZpY2U6IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLCBcbiAgICAgICAgcHJpdmF0ZSBmbG93UGlja2VyU2VydmljZTogRmxvd1BpY2tlclNlcnZpY2UpIHsgfVxuXG4gICAgcHJpdmF0ZSBpbml0Q2hvb3NlbkZsb3coZmxvd0tleTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuY2hvb3NlbkZsb3dLZXkgPSBmbG93S2V5O1xuICAgICAgICB0aGlzLmNob29zZW5GbG93TmFtZSA9ICcnO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2V0Q2hvb3NlbkZsb3coZmxvd0tleTogc3RyaW5nKSB7XG4gICAgICAgIC8vIElmIHRoaXMgaXMgbm90IHRoZSBzYW1lIGZsb3cga2V5XG4gICAgICAgIGlmICh0aGlzLmNob29zZW5GbG93S2V5ICE9PSBmbG93S2V5KSB7XG4gICAgICAgICAgICB0aGlzLmluaXRDaG9vc2VuRmxvdyhmbG93S2V5KTtcbiAgICBcbiAgICAgICAgICAgIC8vIFNlYXJjaCBmb3IgdGhlIGZsb3cgbmFtZS5cbiAgICAgICAgICAgIHRoaXMuZmxvd1BpY2tlclNlcnZpY2Uuc2VhcmNoRmxvd3MoZmxvd0tleSkudGhlbihmbG93cyA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGZsb3dzPy5PYmplY3RzPy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuY2hvb3NlbkZsb3dOYW1lID0gZmxvd3MuT2JqZWN0c1swXS5OYW1lIHx8IHVuZGVmaW5lZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICAvLyBEbyBub3RoaW5nLlxuICAgIH1cblxuICAgIG9wZW5GbG93UGlja2VyRGlhbG9nKCkge1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLmxvYWRBZGRvbkJsb2NrSW5EaWFsb2coe1xuICAgICAgICAgICAgY29udGFpbmVyOiB0aGlzLnZpZXdDb250YWluZXJSZWYsXG4gICAgICAgICAgICBuYW1lOiAnRmxvd1BpY2tlcicsXG4gICAgICAgICAgICBzaXplOiAnbGFyZ2UnLFxuICAgICAgICAgICAgaG9zdE9iamVjdDogdGhpcy5mbG93SG9zdE9iamVjdCxcbiAgICAgICAgICAgIGhvc3RFdmVudHNDYWxsYmFjazogYXN5bmMgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmFjdGlvbiA9PT0gJ29uLWRvbmUnKSB7XG4gICAgICAgICAgICAgICAgICAgIC8vIElmIGZsb3cga2V5IGV4aXN0IC0gc2VhcmNoIGZvciB0aGUgZmxvdyBuYW1lLlxuICAgICAgICAgICAgICAgICAgICBpZiAoZXZlbnQuZGF0YT8uRmxvd0tleSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5zZXRDaG9vc2VuRmxvdyhldmVudC5kYXRhLkZsb3dLZXkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5mbG93Q2hhbmdlLmVtaXQoZXZlbnQuZGF0YSk7XG4gICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmluaXRDaG9vc2VuRmxvdygnJyk7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmZsb3dDaGFuZ2UuZW1pdChudWxsKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICAgIGRpYWxvZ1JlZj8uY2xvc2UoKTtcbiAgICAgICAgICAgICAgICB9IGVsc2UgaWYgKGV2ZW50LmFjdGlvbiA9PT0gJ29uLWNhbmNlbCcpIHtcbiAgICAgICAgICAgICAgICAgICAgZGlhbG9nUmVmPy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPHBlcC1idXR0b24gY2xhc3M9XCJmbG93LWJ1dHRvblwiIFtzdHlsZVR5cGVdPVwic3R5bGVUeXBlXCJcbiAgICBbdmFsdWVdPVwiY2hvb3NlbkZsb3dLZXkgPyAoY2hvb3NlbkZsb3dOYW1lIHx8IGNob29zZW5GbG93S2V5KSA6ICgnRkxPV19QSUNLRVJfQlVUVE9OLkNIT09TRV9GTE9XJyB8IHRyYW5zbGF0ZSlcIiBcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoYnV0dG9uQ2xpY2spPVwib3BlbkZsb3dQaWNrZXJEaWFsb2coKVwiPlxuPC9wZXAtYnV0dG9uPiJdfQ==
|
|
@@ -17,6 +17,7 @@ export class IconPickerComponent {
|
|
|
17
17
|
this.dir = 'ltr';
|
|
18
18
|
this.iconURL = '';
|
|
19
19
|
this.useCheckBoxHeader = true;
|
|
20
|
+
this.titleSize = 'xl';
|
|
20
21
|
this.iconChange = new EventEmitter();
|
|
21
22
|
this.iconDisableChange = new EventEmitter();
|
|
22
23
|
}
|
|
@@ -50,10 +51,10 @@ export class IconPickerComponent {
|
|
|
50
51
|
}
|
|
51
52
|
}
|
|
52
53
|
IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
54
|
+
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
54
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
55
56
|
type: Component,
|
|
56
|
-
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
57
|
+
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]
|
|
57
58
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
58
59
|
type: Input
|
|
59
60
|
}], header: [{
|
|
@@ -68,9 +69,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
68
69
|
type: Input
|
|
69
70
|
}], useCheckBoxHeader: [{
|
|
70
71
|
type: Input
|
|
72
|
+
}], titleSize: [{
|
|
73
|
+
type: Input
|
|
71
74
|
}], iconChange: [{
|
|
72
75
|
type: Output
|
|
73
76
|
}], iconDisableChange: [{
|
|
74
77
|
type: Output
|
|
75
78
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBVWpHLE1BQU0sT0FBTyxtQkFBbUI7SUFpQjVCLFlBQ1ksZ0JBQWtDLEVBQ2xDLHVCQUFtRDtRQURuRCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBNEI7UUFqQnRELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNaLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUN2QixRQUFHLEdBQWtCLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2Isc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLGNBQVMsR0FBZ0IsSUFBSSxDQUFDO1FBR3ZDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUd4RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUlJLENBQUM7SUFFcEUsUUFBUTtRQUNKLGNBQWM7SUFDbEIsQ0FBQztJQUlELG9CQUFvQjtRQUNoQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsc0JBQXNCLENBQUM7WUFDbEUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDaEMsSUFBSSxFQUFFLGFBQWE7WUFDbkIsVUFBVSxFQUFFO2dCQUNSLGFBQWEsRUFBRSxRQUFRO2dCQUN2QixrQkFBa0IsRUFBRSxRQUFRO2dCQUM1QixRQUFRLEVBQUUsSUFBSTthQUNqQjtZQUNELElBQUksRUFBRSxhQUFhO1lBQ25CLGtCQUFrQixFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDaEMsSUFBSSxLQUFLLEVBQUUsTUFBTSxLQUFLLFNBQVMsRUFBRTtvQkFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzVCLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdEI7cUJBQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFdBQVcsRUFBRTtvQkFDckMsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2lCQUN0QjtZQUNMLENBQUM7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQWM7UUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QyxDQUFDOztnSEFuRFEsbUJBQW1CO29HQUFuQixtQkFBbUIsb1dDVmhDLCtyREFrQ007MkZEeEJPLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDSSxpQkFBaUI7Z0pBTWxCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxNQUFNO2dCQUlQLGlCQUFpQjtzQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcFNpemVUeXBlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2UgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9yZW1vdGUtbG9hZGVyJztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1pY29uLXBpY2tlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ljb24tcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pY29uLXBpY2tlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEljb25QaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBoZWFkZXIgPSAnJztcbiAgICBASW5wdXQoKSBwcmV2aWV3X2hlYWRlciA9ICcnO1xuICAgIEBJbnB1dCgpIHNlbGVjdF9idG5faGVhZGVyID0gJyc7XG4gICAgQElucHV0KCkgZGlyOiAncnRsJyB8ICdsdHInID0gJ2x0cic7XG4gICAgQElucHV0KCkgaWNvblVSTCA9ICcnO1xuICAgIEBJbnB1dCgpIHVzZUNoZWNrQm94SGVhZGVyID0gdHJ1ZTtcbiAgICBASW5wdXQoKSB0aXRsZVNpemU6IFBlcFNpemVUeXBlID0gJ3hsJztcblxuICAgIEBPdXRwdXQoKVxuICAgIGljb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgXG4gICAgQE91dHB1dCgpXG4gICAgaWNvbkRpc2FibGVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgICAgICBwcml2YXRlIGFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlOiBQZXBBZGRvbkJsb2NrTG9hZGVyU2VydmljZSkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gRG8gbm90aGluZy5cbiAgICB9XG5cbiAgIFxuXG4gICAgb3Blbkljb25QaWNrZXJEaWFsb2coKSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuYWRkb25CbG9ja0xvYWRlclNlcnZpY2UubG9hZEFkZG9uQmxvY2tJbkRpYWxvZyh7XG4gICAgICAgICAgICBjb250YWluZXI6IHRoaXMudmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgICAgIG5hbWU6ICdBc3NldFBpY2tlcicsXG4gICAgICAgICAgICBob3N0T2JqZWN0OiB7XG4gICAgICAgICAgICAgICAgc2VsZWN0aW9uVHlwZTogJ3NpbmdsZScsXG4gICAgICAgICAgICAgICAgYWxsb3dlZEFzc2V0c1R5cGVzOiAnaW1hZ2VzJyxcbiAgICAgICAgICAgICAgICBpbkRpYWxvZzogdHJ1ZVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHNpemU6ICdmdWxsLXNjcmVlbicsXG4gICAgICAgICAgICBob3N0RXZlbnRzQ2FsbGJhY2s6IGFzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChldmVudD8uYWN0aW9uID09PSAnb24tc2F2ZScpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5pY29uQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIGlmIChldmVudC5hY3Rpb24gPT09ICdvbi1jYW5jZWwnKSB7XG4gICAgICAgICAgICAgICAgICAgIGRpYWxvZ1JlZj8uY2xvc2UoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uVXNlSWNvbkNoYW5nZShldmVudDogYm9vbGVhbil7XG4gICAgICAgdGhpcy5kaXNhYmxlZCA9ICF0aGlzLmRpc2FibGVkO1xuICAgICAgIHRoaXMuaWNvbkRpc2FibGVDaGFuZ2UuZW1pdChldmVudCk7XG4gICAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwiIXVzZUNoZWNrQm94SGVhZGVyXCIgY2xhc3M9XCJ0aXRsZS17e3RpdGxlU2l6ZX19IGVsbGlwc2lzXCI+e3toZWFkZXIgIT09ICcnID8gaGVhZGVyIDogKCdJQ09OX1BJQ0tFUl9CVVRUT04uTUFJTl9IRUFERVInIHwgdHJhbnNsYXRlKX19PC9sYWJlbD5cbjxwZXAtY2hlY2tib3ggKm5nSWY9XCJ1c2VDaGVja0JveEhlYWRlclwiIFxuICAgICAgICBjbGFzcz1cInt7IHRpdGxlU2l6ZSA9PT0gJ3hsJyA/ICdjaGVja2JveC1hcy10aXRsZScgOiAnY2hlY2tib3gtYXMtc3ViLXRpdGxlJyB9fVwiIFxuICAgICAgICBbdmFsdWVdPVwiIWRpc2FibGVkXCIgXG4gICAgICAgIFtsYWJlbF09XCJoZWFkZXIgIT09ICcnID8gaGVhZGVyIDogKCdJQ09OX1BJQ0tFUl9CVVRUT04uTUFJTl9IRUFERVInIHwgdHJhbnNsYXRlKVwiIFxuICAgICAgICBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBcbiAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVXNlSWNvbkNoYW5nZSgkZXZlbnQpXCI+XG48L3BlcC1jaGVja2JveD5cbjxkaXYgY2xhc3M9XCJtYWluLWNvbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtY29udFwiPlxuICAgICAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCJwcmV2aWV3X2hlYWRlciAhPT0gJycgPyBwcmV2aWV3X2hlYWRlciA6ICgnSUNPTl9QSUNLRVJfQlVUVE9OLlNFTEVDVEVEJyB8IHRyYW5zbGF0ZSlcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgICBbeEFsaWdubWVudF09XCJkaXIgPT09ICdydGwnID8gJ3JpZ2h0JyA6ICdsZWZ0J1wiPlxuICAgICAgICA8L3BlcC1maWVsZC10aXRsZT5cbiAgICAgICAgPCEtLSA8cGVwLWJ1dHRvblxuICAgICAgICAgICAgaWNvbk5hbWU9XCJzeXN0ZW1fYm9sdFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgICAgICAgXG4gICAgICAgIDwvcGVwLWJ1dHRvbj4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwZXAtYnV0dG9uIG1kIHdlYWtcIj5cbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJpY29uVVJMICE9PSAnJ1wiIFtzcmNdPVwiaWNvblVSTFwiLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNob29zZS1idG4tY29udFwiPlxuICAgICAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCJzZWxlY3RfYnRuX2hlYWRlciAhPT0gJycgPyBzZWxlY3RfYnRuX2hlYWRlciA6ICgnSUNPTl9QSUNLRVJfQlVUVE9OLkNIT09TRV9JQ09OX0hFQURFUicgfCB0cmFuc2xhdGUpXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3hBbGlnbm1lbnRdPVwiZGlyID09PSAncnRsJyA/ICdyaWdodCcgOiAnbGVmdCdcIj5cbiAgICAgICAgPC9wZXAtZmllbGQtdGl0bGU+XG4gICAgICAgIDxwZXAtYnV0dG9uXG4gICAgICAgICAgICBbdmFsdWVdPVwiJ0lDT05fUElDS0VSX0JVVFRPTi5DSE9PU0VfSUNPTicgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgICAgIHN0eWxlVHlwZT1cInJlZ3VsYXJcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGJ1dHRvbkNsaWNrKT1cIm9wZW5JY29uUGlja2VyRGlhbG9nKClcIj5cbiAgICAgICAgPC9wZXAtYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -37,6 +37,7 @@ class FlowPickerButtonComponent {
|
|
|
37
37
|
this.flowPickerService = flowPickerService;
|
|
38
38
|
this._flowHostObject = undefined;
|
|
39
39
|
this.disabled = false;
|
|
40
|
+
this.styleType = 'weak';
|
|
40
41
|
this.flowChange = new EventEmitter();
|
|
41
42
|
this.choosenFlowName = '';
|
|
42
43
|
this.choosenFlowKey = '';
|
|
@@ -103,14 +104,16 @@ class FlowPickerButtonComponent {
|
|
|
103
104
|
}
|
|
104
105
|
}
|
|
105
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 });
|
|
106
|
-
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" }] });
|
|
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", styleType: "styleType" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\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" }] });
|
|
107
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
|
|
108
109
|
type: Component,
|
|
109
|
-
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"] }]
|
|
110
|
+
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
110
111
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: FlowPickerService }]; }, propDecorators: { flowHostObject: [{
|
|
111
112
|
type: Input
|
|
112
113
|
}], disabled: [{
|
|
113
114
|
type: Input
|
|
115
|
+
}], styleType: [{
|
|
116
|
+
type: Input
|
|
114
117
|
}], flowChange: [{
|
|
115
118
|
type: Output
|
|
116
119
|
}] } });
|
|
@@ -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 } 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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"}
|
|
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 { PepStyleType } from '@pepperi-addons/ngx-lib';\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 @Input() styleType: PepStyleType = 'weak';\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\" [styleType]=\"styleType\"\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;;;MCIY,yBAAyB,CAAA;AA2BlC,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;AA5BxC,QAAA,IAAe,CAAA,eAAA,GAAQ,SAAS,CAAC;AAgBhC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AACjB,QAAA,IAAS,CAAA,SAAA,GAAiB,MAAM,CAAC;AAG1C,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;IA3BrD,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;AAgBO,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;;AACrD,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;;sHA9EQ,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,iMCVtC,2QAGa,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;2FDOA,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACI,wBAAwB,EAAA,QAAA,EAAA,2QAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA;+KAQ9B,cAAc,EAAA,CAAA;sBADjB,KAAK;gBAeG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAGN,UAAU,EAAA,CAAA;sBADT,MAAM;;;METE,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;;;;"}
|
|
@@ -26,6 +26,7 @@ class IconPickerComponent {
|
|
|
26
26
|
this.dir = 'ltr';
|
|
27
27
|
this.iconURL = '';
|
|
28
28
|
this.useCheckBoxHeader = true;
|
|
29
|
+
this.titleSize = 'xl';
|
|
29
30
|
this.iconChange = new EventEmitter();
|
|
30
31
|
this.iconDisableChange = new EventEmitter();
|
|
31
32
|
}
|
|
@@ -59,10 +60,10 @@ class IconPickerComponent {
|
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
63
|
+
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
63
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
64
65
|
type: Component,
|
|
65
|
-
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
66
|
+
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]
|
|
66
67
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
67
68
|
type: Input
|
|
68
69
|
}], header: [{
|
|
@@ -77,6 +78,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
77
78
|
type: Input
|
|
78
79
|
}], useCheckBoxHeader: [{
|
|
79
80
|
type: Input
|
|
81
|
+
}], titleSize: [{
|
|
82
|
+
type: Input
|
|
80
83
|
}], iconChange: [{
|
|
81
84
|
type: Output
|
|
82
85
|
}], iconDisableChange: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"checkbox-as-title\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","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 { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n @Input() titleSize: PepSizeType = 'xl';\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","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 { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -34,6 +34,7 @@ class FlowPickerButtonComponent {
|
|
|
34
34
|
this.flowPickerService = flowPickerService;
|
|
35
35
|
this._flowHostObject = undefined;
|
|
36
36
|
this.disabled = false;
|
|
37
|
+
this.styleType = 'weak';
|
|
37
38
|
this.flowChange = new EventEmitter();
|
|
38
39
|
this.choosenFlowName = '';
|
|
39
40
|
this.choosenFlowKey = '';
|
|
@@ -97,14 +98,16 @@ class FlowPickerButtonComponent {
|
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
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 });
|
|
100
|
-
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" }] });
|
|
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", styleType: "styleType" }, outputs: { flowChange: "flowChange" }, ngImport: i0, template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\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" }] });
|
|
101
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerButtonComponent, decorators: [{
|
|
102
103
|
type: Component,
|
|
103
|
-
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"] }]
|
|
104
|
+
args: [{ selector: 'pep-flow-picker-button', template: "<pep-button class=\"flow-button\" [styleType]=\"styleType\"\n [value]=\"choosenFlowKey ? (choosenFlowName || choosenFlowKey) : ('FLOW_PICKER_BUTTON.CHOOSE_FLOW' | translate)\" \n [disabled]=\"disabled\" (buttonClick)=\"openFlowPickerDialog()\">\n</pep-button>", styles: [":host{width:100%}\n"] }]
|
|
104
105
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: FlowPickerService }]; }, propDecorators: { flowHostObject: [{
|
|
105
106
|
type: Input
|
|
106
107
|
}], disabled: [{
|
|
107
108
|
type: Input
|
|
109
|
+
}], styleType: [{
|
|
110
|
+
type: Input
|
|
108
111
|
}], flowChange: [{
|
|
109
112
|
type: Output
|
|
110
113
|
}] } });
|
|
@@ -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 } 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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"}
|
|
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 { PepStyleType } from '@pepperi-addons/ngx-lib';\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 @Input() styleType: PepStyleType = 'weak';\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\" [styleType]=\"styleType\"\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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"}
|
|
@@ -25,6 +25,7 @@ class IconPickerComponent {
|
|
|
25
25
|
this.dir = 'ltr';
|
|
26
26
|
this.iconURL = '';
|
|
27
27
|
this.useCheckBoxHeader = true;
|
|
28
|
+
this.titleSize = 'xl';
|
|
28
29
|
this.iconChange = new EventEmitter();
|
|
29
30
|
this.iconDisableChange = new EventEmitter();
|
|
30
31
|
}
|
|
@@ -58,10 +59,10 @@ class IconPickerComponent {
|
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
62
|
+
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
62
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
63
64
|
type: Component,
|
|
64
|
-
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
65
|
+
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]
|
|
65
66
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
66
67
|
type: Input
|
|
67
68
|
}], header: [{
|
|
@@ -76,6 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
76
77
|
type: Input
|
|
77
78
|
}], useCheckBoxHeader: [{
|
|
78
79
|
type: Input
|
|
80
|
+
}], titleSize: [{
|
|
81
|
+
type: Input
|
|
79
82
|
}], iconChange: [{
|
|
80
83
|
type: Output
|
|
81
84
|
}], iconDisableChange: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"checkbox-as-title\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","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 { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n @Input() titleSize: PepSizeType = 'xl';\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","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 { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { PepStyleType } from '@pepperi-addons/ngx-lib';
|
|
2
3
|
import { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';
|
|
3
4
|
import { FlowPickerService } from './flow-picker-button.service';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -10,6 +11,7 @@ export declare class FlowPickerButtonComponent implements OnInit {
|
|
|
10
11
|
set flowHostObject(value: any);
|
|
11
12
|
get flowHostObject(): any;
|
|
12
13
|
disabled: boolean;
|
|
14
|
+
styleType: PepStyleType;
|
|
13
15
|
flowChange: EventEmitter<any>;
|
|
14
16
|
protected choosenFlowName: string;
|
|
15
17
|
protected choosenFlowKey: string;
|
|
@@ -19,5 +21,5 @@ export declare class FlowPickerButtonComponent implements OnInit {
|
|
|
19
21
|
ngOnInit(): void;
|
|
20
22
|
openFlowPickerDialog(): void;
|
|
21
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlowPickerButtonComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlowPickerButtonComponent, "pep-flow-picker-button", never, { "flowHostObject": "flowHostObject"; "disabled": "disabled"; }, { "flowChange": "flowChange"; }, never, never, false>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FlowPickerButtonComponent, "pep-flow-picker-button", never, { "flowHostObject": "flowHostObject"; "disabled": "disabled"; "styleType": "styleType"; }, { "flowChange": "flowChange"; }, never, never, false>;
|
|
23
25
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { PepSizeType } from '@pepperi-addons/ngx-lib';
|
|
2
3
|
import { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class IconPickerComponent implements OnInit {
|
|
@@ -11,6 +12,7 @@ export declare class IconPickerComponent implements OnInit {
|
|
|
11
12
|
dir: 'rtl' | 'ltr';
|
|
12
13
|
iconURL: string;
|
|
13
14
|
useCheckBoxHeader: boolean;
|
|
15
|
+
titleSize: PepSizeType;
|
|
14
16
|
iconChange: EventEmitter<any>;
|
|
15
17
|
iconDisableChange: EventEmitter<any>;
|
|
16
18
|
constructor(viewContainerRef: ViewContainerRef, addonBlockLoaderService: PepAddonBlockLoaderService);
|
|
@@ -18,5 +20,5 @@ export declare class IconPickerComponent implements OnInit {
|
|
|
18
20
|
openIconPickerDialog(): void;
|
|
19
21
|
onUseIconChange(event: boolean): void;
|
|
20
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconPickerComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconPickerComponent, "pep-icon-picker", never, { "disabled": "disabled"; "header": "header"; "preview_header": "preview_header"; "select_btn_header": "select_btn_header"; "dir": "dir"; "iconURL": "iconURL"; "useCheckBoxHeader": "useCheckBoxHeader"; }, { "iconChange": "iconChange"; "iconDisableChange": "iconDisableChange"; }, never, never, false>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconPickerComponent, "pep-icon-picker", never, { "disabled": "disabled"; "header": "header"; "preview_header": "preview_header"; "select_btn_header": "select_btn_header"; "dir": "dir"; "iconURL": "iconURL"; "useCheckBoxHeader": "useCheckBoxHeader"; "titleSize": "titleSize"; }, { "iconChange": "iconChange"; "iconDisableChange": "iconDisableChange"; }, never, never, false>;
|
|
22
24
|
}
|