@pepperi-addons/ngx-composite-lib 0.4.2-beta.27 → 0.4.2-beta.28
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/icon-picker/icon-picker.component.mjs +16 -5
- package/esm2020/icon-picker/icon-picker.module.mjs +5 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs +19 -4
- package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs +19 -4
- package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -1
- package/icon-picker/icon-picker.component.d.ts +4 -1
- package/icon-picker/icon-picker.module.d.ts +3 -2
- package/package.json +1 -1
|
@@ -4,7 +4,8 @@ import * as i1 from "@pepperi-addons/ngx-lib/remote-loader";
|
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
5
|
import * as i3 from "@pepperi-addons/ngx-lib/button";
|
|
6
6
|
import * as i4 from "@pepperi-addons/ngx-lib/field-title";
|
|
7
|
-
import * as i5 from "@ngx-
|
|
7
|
+
import * as i5 from "@pepperi-addons/ngx-lib/checkbox";
|
|
8
|
+
import * as i6 from "@ngx-translate/core";
|
|
8
9
|
export class IconPickerComponent {
|
|
9
10
|
constructor(viewContainerRef, addonBlockLoaderService) {
|
|
10
11
|
this.viewContainerRef = viewContainerRef;
|
|
@@ -15,7 +16,9 @@ export class IconPickerComponent {
|
|
|
15
16
|
this.select_btn_header = '';
|
|
16
17
|
this.dir = 'ltr';
|
|
17
18
|
this.iconURL = '';
|
|
19
|
+
this.useCheckBoxHeader = true;
|
|
18
20
|
this.iconChange = new EventEmitter();
|
|
21
|
+
this.iconDisableChange = new EventEmitter();
|
|
19
22
|
}
|
|
20
23
|
ngOnInit() {
|
|
21
24
|
// Do nothing.
|
|
@@ -31,7 +34,7 @@ export class IconPickerComponent {
|
|
|
31
34
|
},
|
|
32
35
|
size: 'large',
|
|
33
36
|
hostEventsCallback: async (event) => {
|
|
34
|
-
if (event
|
|
37
|
+
if (event?.action === 'on-save') {
|
|
35
38
|
this.iconChange.emit(event);
|
|
36
39
|
dialogRef?.close();
|
|
37
40
|
}
|
|
@@ -41,12 +44,16 @@ export class IconPickerComponent {
|
|
|
41
44
|
}
|
|
42
45
|
});
|
|
43
46
|
}
|
|
47
|
+
onUseIconChange(event) {
|
|
48
|
+
this.disabled = !this.disabled;
|
|
49
|
+
this.iconDisableChange.emit(event);
|
|
50
|
+
}
|
|
44
51
|
}
|
|
45
52
|
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 });
|
|
46
|
-
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" }, outputs: { iconChange: "iconChange" }, ngImport: i0, template: "<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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: "
|
|
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-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>", 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" }] });
|
|
47
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
48
55
|
type: Component,
|
|
49
|
-
args: [{ selector: 'pep-icon-picker', template: "<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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"] }]
|
|
56
|
+
args: [{ selector: 'pep-icon-picker', template: "<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>", 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"] }]
|
|
50
57
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
51
58
|
type: Input
|
|
52
59
|
}], header: [{
|
|
@@ -59,7 +66,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
59
66
|
type: Input
|
|
60
67
|
}], iconURL: [{
|
|
61
68
|
type: Input
|
|
69
|
+
}], useCheckBoxHeader: [{
|
|
70
|
+
type: Input
|
|
62
71
|
}], iconChange: [{
|
|
63
72
|
type: Output
|
|
73
|
+
}], iconDisableChange: [{
|
|
74
|
+
type: Output
|
|
64
75
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU2pHLE1BQU0sT0FBTyxtQkFBbUI7SUFnQjVCLFlBQ1ksZ0JBQWtDLEVBQ2xDLHVCQUFtRDtRQURuRCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBNEI7UUFoQnRELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNaLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUN2QixRQUFHLEdBQWtCLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2Isc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBR2xDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUd4RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUlJLENBQUM7SUFFcEUsUUFBUTtRQUNKLGNBQWM7SUFDbEIsQ0FBQztJQUlELG9CQUFvQjtRQUNoQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsc0JBQXNCLENBQUM7WUFDbEUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDaEMsSUFBSSxFQUFFLGFBQWE7WUFDbkIsVUFBVSxFQUFFO2dCQUNSLGFBQWEsRUFBRSxRQUFRO2dCQUN2QixrQkFBa0IsRUFBRSxRQUFRO2dCQUM1QixRQUFRLEVBQUUsSUFBSTthQUNqQjtZQUNELElBQUksRUFBRSxPQUFPO1lBQ2Isa0JBQWtCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUNoQyxJQUFJLEtBQUssRUFBRSxNQUFNLEtBQUssU0FBUyxFQUFFO29CQUM3QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDNUIsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2lCQUN0QjtxQkFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssV0FBVyxFQUFFO29CQUNyQyxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7aUJBQ3RCO1lBQ0wsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYztRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7O2dIQWxEUSxtQkFBbUI7b0dBQW5CLG1CQUFtQiw0VUNUaEMsNm5EQWtDTTsyRkR6Qk8sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLGlCQUFpQjtnSkFNbEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxNQUFNO2dCQUlQLGlCQUFpQjtzQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmVtb3RlLWxvYWRlcic7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtaWNvbi1waWNrZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pY29uLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaWNvbi1waWNrZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGVhZGVyID0gJyc7XG4gICAgQElucHV0KCkgcHJldmlld19oZWFkZXIgPSAnJztcbiAgICBASW5wdXQoKSBzZWxlY3RfYnRuX2hlYWRlciA9ICcnO1xuICAgIEBJbnB1dCgpIGRpcjogJ3J0bCcgfCAnbHRyJyA9ICdsdHInO1xuICAgIEBJbnB1dCgpIGljb25VUkwgPSAnJztcbiAgICBASW5wdXQoKSB1c2VDaGVja0JveEhlYWRlciA9IHRydWU7XG5cbiAgICBAT3V0cHV0KClcbiAgICBpY29uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIFxuICAgIEBPdXRwdXQoKVxuICAgIGljb25EaXNhYmxlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgcHJpdmF0ZSBhZGRvbkJsb2NrTG9hZGVyU2VydmljZTogUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2UpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vIERvIG5vdGhpbmcuXG4gICAgfVxuXG4gICBcblxuICAgIG9wZW5JY29uUGlja2VyRGlhbG9nKCkge1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLmxvYWRBZGRvbkJsb2NrSW5EaWFsb2coe1xuICAgICAgICAgICAgY29udGFpbmVyOiB0aGlzLnZpZXdDb250YWluZXJSZWYsXG4gICAgICAgICAgICBuYW1lOiAnQXNzZXRQaWNrZXInLFxuICAgICAgICAgICAgaG9zdE9iamVjdDoge1xuICAgICAgICAgICAgICAgIHNlbGVjdGlvblR5cGU6ICdzaW5nbGUnLFxuICAgICAgICAgICAgICAgIGFsbG93ZWRBc3NldHNUeXBlczogJ2ltYWdlcycsXG4gICAgICAgICAgICAgICAgaW5EaWFsb2c6IHRydWVcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzaXplOiAnbGFyZ2UnLFxuICAgICAgICAgICAgaG9zdEV2ZW50c0NhbGxiYWNrOiBhc3luYyAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQ/LmFjdGlvbiA9PT0gJ29uLXNhdmUnKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaWNvbkNoYW5nZS5lbWl0KGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgZGlhbG9nUmVmPy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZXZlbnQuYWN0aW9uID09PSAnb24tY2FuY2VsJykge1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvblVzZUljb25DaGFuZ2UoZXZlbnQ6IGJvb2xlYW4pe1xuICAgICAgIHRoaXMuZGlzYWJsZWQgPSAhdGhpcy5kaXNhYmxlZDtcbiAgICAgICB0aGlzLmljb25EaXNhYmxlQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cIiF1c2VDaGVja0JveEhlYWRlclwiIGNsYXNzPVwidGl0bGUteGwgZWxsaXBzaXNcIj57e2hlYWRlciAhPT0gJycgPyBoZWFkZXIgOiAoJ0lDT05fUElDS0VSX0JVVFRPTi5NQUlOX0hFQURFUicgfCB0cmFuc2xhdGUpfX08L2xhYmVsPlxuPHBlcC1jaGVja2JveCAqbmdJZj1cInVzZUNoZWNrQm94SGVhZGVyXCIgXG4gICAgICAgIGNsYXNzPVwiY2hlY2tib3gtYXMtdGl0bGVcIiBcbiAgICAgICAgW3ZhbHVlXT1cIiFkaXNhYmxlZFwiIFxuICAgICAgICBbbGFiZWxdPVwiaGVhZGVyICE9PSAnJyA/IGhlYWRlciA6ICgnSUNPTl9QSUNLRVJfQlVUVE9OLk1BSU5fSEVBREVSJyB8IHRyYW5zbGF0ZSlcIiBcbiAgICAgICAgW3JlbmRlclRpdGxlXT1cImZhbHNlXCIgXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblVzZUljb25DaGFuZ2UoJGV2ZW50KVwiPlxuPC9wZXAtY2hlY2tib3g+XG48ZGl2IGNsYXNzPVwibWFpbi1jb250XCI+XG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdGVkLWNvbnRcIj5cbiAgICAgICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwicHJldmlld19oZWFkZXIgIT09ICcnID8gcHJldmlld19oZWFkZXIgOiAoJ0lDT05fUElDS0VSX0JVVFRPTi5TRUxFQ1RFRCcgfCB0cmFuc2xhdGUpXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3hBbGlnbm1lbnRdPVwiZGlyID09PSAncnRsJyA/ICdyaWdodCcgOiAnbGVmdCdcIj5cbiAgICAgICAgPC9wZXAtZmllbGQtdGl0bGU+XG4gICAgICAgIDwhLS0gPHBlcC1idXR0b25cbiAgICAgICAgICAgIGljb25OYW1lPVwic3lzdGVtX2JvbHRcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgICAgICAgIFxuICAgICAgICA8L3BlcC1idXR0b24+IC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWJ1dHRvbiBtZCB3ZWFrXCI+XG4gICAgICAgICAgICA8aW1nICpuZ0lmPVwiaWNvblVSTCAhPT0gJydcIiBbc3JjXT1cImljb25VUkxcIi8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjaG9vc2UtYnRuLWNvbnRcIj5cbiAgICAgICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwic2VsZWN0X2J0bl9oZWFkZXIgIT09ICcnID8gc2VsZWN0X2J0bl9oZWFkZXIgOiAoJ0lDT05fUElDS0VSX0JVVFRPTi5DSE9PU0VfSUNPTl9IRUFERVInIHwgdHJhbnNsYXRlKVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgIFt4QWxpZ25tZW50XT1cImRpciA9PT0gJ3J0bCcgPyAncmlnaHQnIDogJ2xlZnQnXCI+XG4gICAgICAgIDwvcGVwLWZpZWxkLXRpdGxlPlxuICAgICAgICA8cGVwLWJ1dHRvblxuICAgICAgICAgICAgW3ZhbHVlXT1cIidJQ09OX1BJQ0tFUl9CVVRUT04uQ0hPT1NFX0lDT04nIHwgdHJhbnNsYXRlXCIgXG4gICAgICAgICAgICBzdHlsZVR5cGU9XCJyZWd1bGFyXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChidXR0b25DbGljayk9XCJvcGVuSWNvblBpY2tlckRpYWxvZygpXCI+XG4gICAgICAgIDwvcGVwLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -4,6 +4,7 @@ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
|
|
|
4
4
|
import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
|
|
5
5
|
import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
|
|
6
6
|
import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
|
|
7
|
+
import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
|
|
7
8
|
import { IconPickerComponent } from './icon-picker.component';
|
|
8
9
|
import { FlowPickerService } from './icon-picker.service';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
@@ -14,11 +15,13 @@ PepIconPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
14
15
|
PepNgxLibModule,
|
|
15
16
|
PepButtonModule,
|
|
16
17
|
PepFieldTitleModule,
|
|
18
|
+
PepCheckboxModule,
|
|
17
19
|
PepRemoteLoaderModule], exports: [IconPickerComponent] });
|
|
18
20
|
PepIconPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, providers: [FlowPickerService], imports: [CommonModule,
|
|
19
21
|
PepNgxLibModule,
|
|
20
22
|
PepButtonModule,
|
|
21
23
|
PepFieldTitleModule,
|
|
24
|
+
PepCheckboxModule,
|
|
22
25
|
PepRemoteLoaderModule] });
|
|
23
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, decorators: [{
|
|
24
27
|
type: NgModule,
|
|
@@ -31,10 +34,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
31
34
|
PepNgxLibModule,
|
|
32
35
|
PepButtonModule,
|
|
33
36
|
PepFieldTitleModule,
|
|
37
|
+
PepCheckboxModule,
|
|
34
38
|
PepRemoteLoaderModule
|
|
35
39
|
],
|
|
36
40
|
providers: [FlowPickerService],
|
|
37
41
|
exports: [IconPickerComponent],
|
|
38
42
|
}]
|
|
39
43
|
}] });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBaUIxRCxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBYnhCLG1CQUFtQixhQUduQixZQUFZO1FBQ1osZUFBZTtRQUNmLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsaUJBQWlCO1FBQ2pCLHFCQUFxQixhQUdmLG1CQUFtQjtpSEFFcEIsbUJBQW1CLGFBSGpCLENBQUMsaUJBQWlCLENBQUMsWUFQMUIsWUFBWTtRQUNaLGVBQWU7UUFDZixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLGlCQUFpQjtRQUNqQixxQkFBcUI7MkZBS2hCLG1CQUFtQjtrQkFmL0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsbUJBQW1CO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjtxQkFDeEI7b0JBQ0QsU0FBUyxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUGVwTmd4TGliTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvYnV0dG9uJztcbmltcG9ydCB7IFBlcEZpZWxkVGl0bGVNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9maWVsZC10aXRsZSc7XG5pbXBvcnQgeyBQZXBSZW1vdGVMb2FkZXJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9yZW1vdGUtbG9hZGVyJztcbmltcG9ydCB7IFBlcENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvY2hlY2tib3gnO1xuaW1wb3J0IHsgSWNvblBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi1waWNrZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZsb3dQaWNrZXJTZXJ2aWNlIH0gZnJvbSAnLi9pY29uLXBpY2tlci5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgSWNvblBpY2tlckNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwQnV0dG9uTW9kdWxlLFxuICAgICAgICBQZXBGaWVsZFRpdGxlTW9kdWxlLFxuICAgICAgICBQZXBDaGVja2JveE1vZHVsZSxcbiAgICAgICAgUGVwUmVtb3RlTG9hZGVyTW9kdWxlXG4gICAgXSxcbiAgICBwcm92aWRlcnM6IFtGbG93UGlja2VyU2VydmljZV0sXG4gICAgZXhwb3J0czogW0ljb25QaWNrZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBJY29uUGlja2VyTW9kdWxlIHsgfVxuIl19
|
|
@@ -10,8 +10,10 @@ import * as i4 from '@pepperi-addons/ngx-lib/field-title';
|
|
|
10
10
|
import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
|
|
11
11
|
import * as i1 from '@pepperi-addons/ngx-lib/remote-loader';
|
|
12
12
|
import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
|
|
13
|
+
import * as i5 from '@pepperi-addons/ngx-lib/checkbox';
|
|
14
|
+
import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
|
|
13
15
|
import { __awaiter } from 'tslib';
|
|
14
|
-
import * as
|
|
16
|
+
import * as i6 from '@ngx-translate/core';
|
|
15
17
|
|
|
16
18
|
class IconPickerComponent {
|
|
17
19
|
constructor(viewContainerRef, addonBlockLoaderService) {
|
|
@@ -23,7 +25,9 @@ class IconPickerComponent {
|
|
|
23
25
|
this.select_btn_header = '';
|
|
24
26
|
this.dir = 'ltr';
|
|
25
27
|
this.iconURL = '';
|
|
28
|
+
this.useCheckBoxHeader = true;
|
|
26
29
|
this.iconChange = new EventEmitter();
|
|
30
|
+
this.iconDisableChange = new EventEmitter();
|
|
27
31
|
}
|
|
28
32
|
ngOnInit() {
|
|
29
33
|
// Do nothing.
|
|
@@ -39,7 +43,7 @@ class IconPickerComponent {
|
|
|
39
43
|
},
|
|
40
44
|
size: 'large',
|
|
41
45
|
hostEventsCallback: (event) => __awaiter(this, void 0, void 0, function* () {
|
|
42
|
-
if (event.action === 'on-
|
|
46
|
+
if ((event === null || event === void 0 ? void 0 : event.action) === 'on-save') {
|
|
43
47
|
this.iconChange.emit(event);
|
|
44
48
|
dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
|
|
45
49
|
}
|
|
@@ -49,12 +53,16 @@ class IconPickerComponent {
|
|
|
49
53
|
})
|
|
50
54
|
});
|
|
51
55
|
}
|
|
56
|
+
onUseIconChange(event) {
|
|
57
|
+
this.disabled = !this.disabled;
|
|
58
|
+
this.iconDisableChange.emit(event);
|
|
59
|
+
}
|
|
52
60
|
}
|
|
53
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 });
|
|
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" }, outputs: { iconChange: "iconChange" }, ngImport: i0, template: "<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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: "
|
|
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-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>", 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" }] });
|
|
55
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
56
64
|
type: Component,
|
|
57
|
-
args: [{ selector: 'pep-icon-picker', template: "<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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
|
+
args: [{ selector: 'pep-icon-picker', template: "<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>", 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"] }]
|
|
58
66
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
59
67
|
type: Input
|
|
60
68
|
}], header: [{
|
|
@@ -67,8 +75,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
67
75
|
type: Input
|
|
68
76
|
}], iconURL: [{
|
|
69
77
|
type: Input
|
|
78
|
+
}], useCheckBoxHeader: [{
|
|
79
|
+
type: Input
|
|
70
80
|
}], iconChange: [{
|
|
71
81
|
type: Output
|
|
82
|
+
}], iconDisableChange: [{
|
|
83
|
+
type: Output
|
|
72
84
|
}] } });
|
|
73
85
|
|
|
74
86
|
class FlowPickerService {
|
|
@@ -92,11 +104,13 @@ PepIconPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
92
104
|
PepNgxLibModule,
|
|
93
105
|
PepButtonModule,
|
|
94
106
|
PepFieldTitleModule,
|
|
107
|
+
PepCheckboxModule,
|
|
95
108
|
PepRemoteLoaderModule], exports: [IconPickerComponent] });
|
|
96
109
|
PepIconPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, providers: [FlowPickerService], imports: [CommonModule,
|
|
97
110
|
PepNgxLibModule,
|
|
98
111
|
PepButtonModule,
|
|
99
112
|
PepFieldTitleModule,
|
|
113
|
+
PepCheckboxModule,
|
|
100
114
|
PepRemoteLoaderModule] });
|
|
101
115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, decorators: [{
|
|
102
116
|
type: NgModule,
|
|
@@ -109,6 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
109
123
|
PepNgxLibModule,
|
|
110
124
|
PepButtonModule,
|
|
111
125
|
PepFieldTitleModule,
|
|
126
|
+
PepCheckboxModule,
|
|
112
127
|
PepRemoteLoaderModule
|
|
113
128
|
],
|
|
114
129
|
providers: [FlowPickerService],
|
|
@@ -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\n @Output()\n iconChange: 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 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: 'large',\n hostEventsCallback: async (event) => {\n if (event.action === 'on-done') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n}\n","<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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';\n\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 PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\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 { 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: 'large',\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/flow-picker-button\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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"}
|
|
@@ -10,7 +10,9 @@ import * as i4 from '@pepperi-addons/ngx-lib/field-title';
|
|
|
10
10
|
import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
|
|
11
11
|
import * as i1 from '@pepperi-addons/ngx-lib/remote-loader';
|
|
12
12
|
import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
|
|
13
|
-
import * as i5 from '@ngx-
|
|
13
|
+
import * as i5 from '@pepperi-addons/ngx-lib/checkbox';
|
|
14
|
+
import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
|
|
15
|
+
import * as i6 from '@ngx-translate/core';
|
|
14
16
|
|
|
15
17
|
class IconPickerComponent {
|
|
16
18
|
constructor(viewContainerRef, addonBlockLoaderService) {
|
|
@@ -22,7 +24,9 @@ class IconPickerComponent {
|
|
|
22
24
|
this.select_btn_header = '';
|
|
23
25
|
this.dir = 'ltr';
|
|
24
26
|
this.iconURL = '';
|
|
27
|
+
this.useCheckBoxHeader = true;
|
|
25
28
|
this.iconChange = new EventEmitter();
|
|
29
|
+
this.iconDisableChange = new EventEmitter();
|
|
26
30
|
}
|
|
27
31
|
ngOnInit() {
|
|
28
32
|
// Do nothing.
|
|
@@ -38,7 +42,7 @@ class IconPickerComponent {
|
|
|
38
42
|
},
|
|
39
43
|
size: 'large',
|
|
40
44
|
hostEventsCallback: async (event) => {
|
|
41
|
-
if (event
|
|
45
|
+
if (event?.action === 'on-save') {
|
|
42
46
|
this.iconChange.emit(event);
|
|
43
47
|
dialogRef?.close();
|
|
44
48
|
}
|
|
@@ -48,12 +52,16 @@ class IconPickerComponent {
|
|
|
48
52
|
}
|
|
49
53
|
});
|
|
50
54
|
}
|
|
55
|
+
onUseIconChange(event) {
|
|
56
|
+
this.disabled = !this.disabled;
|
|
57
|
+
this.iconDisableChange.emit(event);
|
|
58
|
+
}
|
|
51
59
|
}
|
|
52
60
|
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" }, outputs: { iconChange: "iconChange" }, ngImport: i0, template: "<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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: "
|
|
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-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>", 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
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
55
63
|
type: Component,
|
|
56
|
-
args: [{ selector: 'pep-icon-picker', template: "<label class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\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"] }]
|
|
64
|
+
args: [{ selector: 'pep-icon-picker', template: "<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>", 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
65
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
58
66
|
type: Input
|
|
59
67
|
}], header: [{
|
|
@@ -66,8 +74,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
66
74
|
type: Input
|
|
67
75
|
}], iconURL: [{
|
|
68
76
|
type: Input
|
|
77
|
+
}], useCheckBoxHeader: [{
|
|
78
|
+
type: Input
|
|
69
79
|
}], iconChange: [{
|
|
70
80
|
type: Output
|
|
81
|
+
}], iconDisableChange: [{
|
|
82
|
+
type: Output
|
|
71
83
|
}] } });
|
|
72
84
|
|
|
73
85
|
class FlowPickerService {
|
|
@@ -91,11 +103,13 @@ PepIconPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
|
|
|
91
103
|
PepNgxLibModule,
|
|
92
104
|
PepButtonModule,
|
|
93
105
|
PepFieldTitleModule,
|
|
106
|
+
PepCheckboxModule,
|
|
94
107
|
PepRemoteLoaderModule], exports: [IconPickerComponent] });
|
|
95
108
|
PepIconPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, providers: [FlowPickerService], imports: [CommonModule,
|
|
96
109
|
PepNgxLibModule,
|
|
97
110
|
PepButtonModule,
|
|
98
111
|
PepFieldTitleModule,
|
|
112
|
+
PepCheckboxModule,
|
|
99
113
|
PepRemoteLoaderModule] });
|
|
100
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, decorators: [{
|
|
101
115
|
type: NgModule,
|
|
@@ -108,6 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
108
122
|
PepNgxLibModule,
|
|
109
123
|
PepButtonModule,
|
|
110
124
|
PepFieldTitleModule,
|
|
125
|
+
PepCheckboxModule,
|
|
111
126
|
PepRemoteLoaderModule
|
|
112
127
|
],
|
|
113
128
|
providers: [FlowPickerService],
|
|
@@ -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\n @Output()\n iconChange: 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 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: 'large',\n hostEventsCallback: async (event) => {\n if (event
|
|
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: 'large',\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/flow-picker-button\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":";;;;;;;;;;;;;;;;MASa,mBAAmB,CAAA;IAgB5B,WACY,CAAA,gBAAkC,EAClC,uBAAmD,EAAA;QADnD,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QAClC,IAAuB,CAAA,uBAAA,GAAvB,uBAAuB,CAA4B;QAhBtD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QACjB,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;QACpB,IAAiB,CAAA,iBAAA,GAAG,EAAE,CAAC;QACvB,IAAG,CAAA,GAAA,GAAkB,KAAK,CAAC;QAC3B,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;QACb,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAC;AAGlC,QAAA,IAAA,CAAA,UAAU,GAAsB,IAAI,YAAY,EAAO,CAAC;AAGxD,QAAA,IAAA,CAAA,iBAAiB,GAAsB,IAAI,YAAY,EAAO,CAAC;KAIK;IAEpE,QAAQ,GAAA;;KAEP;IAID,oBAAoB,GAAA;AAChB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,uBAAuB,CAAC,sBAAsB,CAAC;YAClE,SAAS,EAAE,IAAI,CAAC,gBAAgB;AAChC,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,UAAU,EAAE;AACR,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,kBAAkB,EAAE,QAAQ;AAC5B,gBAAA,QAAQ,EAAE,IAAI;AACjB,aAAA;AACD,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,kBAAkB,EAAE,OAAO,KAAK,KAAI;AAChC,gBAAA,IAAI,KAAK,EAAE,MAAM,KAAK,SAAS,EAAE;AAC7B,oBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC5B,SAAS,EAAE,KAAK,EAAE,CAAC;AACtB,iBAAA;AAAM,qBAAA,IAAI,KAAK,CAAC,MAAM,KAAK,WAAW,EAAE;oBACrC,SAAS,EAAE,KAAK,EAAE,CAAC;AACtB,iBAAA;aACJ;AACJ,SAAA,CAAC,CAAC;KACN;AAED,IAAA,eAAe,CAAC,KAAc,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC/B,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACrC;;gHAlDQ,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,4UCThC,6nDAkCM,EAAA,MAAA,EAAA,CAAA,yZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,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,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,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;2FDzBO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACI,iBAAiB,EAAA,QAAA,EAAA,6nDAAA,EAAA,MAAA,EAAA,CAAA,yZAAA,CAAA,EAAA,CAAA;gJAMlB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBAGN,UAAU,EAAA,CAAA;sBADT,MAAM;gBAIP,iBAAiB,EAAA,CAAA;sBADhB,MAAM;;;MEfE,iBAAiB,CAAA;AAE1B,IAAA,WAAA,CACY,WAA2B,EAAA;QAA3B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgB;KAEtC;;8GALQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,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;AACrB,iBAAA,CAAA;;;MCmBY,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAnB,mBAAmB,EAAA,YAAA,EAAA,CAbxB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,mBAAmB;QACnB,iBAAiB;AACjB,QAAA,qBAAqB,aAGf,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAEpB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAHjB,SAAA,EAAA,CAAC,iBAAiB,CAAC,YAP1B,YAAY;QACZ,eAAe;QACf,eAAe;QACf,mBAAmB;QACnB,iBAAiB;QACjB,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAKhB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAf/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,mBAAmB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,mBAAmB;wBACnB,iBAAiB;wBACjB,qBAAqB;AACxB,qBAAA;oBACD,SAAS,EAAE,CAAC,iBAAiB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA,CAAA;;;ACxBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -10,10 +10,13 @@ export declare class IconPickerComponent implements OnInit {
|
|
|
10
10
|
select_btn_header: string;
|
|
11
11
|
dir: 'rtl' | 'ltr';
|
|
12
12
|
iconURL: string;
|
|
13
|
+
useCheckBoxHeader: boolean;
|
|
13
14
|
iconChange: EventEmitter<any>;
|
|
15
|
+
iconDisableChange: EventEmitter<any>;
|
|
14
16
|
constructor(viewContainerRef: ViewContainerRef, addonBlockLoaderService: PepAddonBlockLoaderService);
|
|
15
17
|
ngOnInit(): void;
|
|
16
18
|
openIconPickerDialog(): void;
|
|
19
|
+
onUseIconChange(event: boolean): void;
|
|
17
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconPickerComponent, never>;
|
|
18
|
-
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"; }, { "iconChange": "iconChange"; }, never, never, false>;
|
|
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>;
|
|
19
22
|
}
|
|
@@ -4,9 +4,10 @@ import * as i2 from "@angular/common";
|
|
|
4
4
|
import * as i3 from "@pepperi-addons/ngx-lib";
|
|
5
5
|
import * as i4 from "@pepperi-addons/ngx-lib/button";
|
|
6
6
|
import * as i5 from "@pepperi-addons/ngx-lib/field-title";
|
|
7
|
-
import * as i6 from "@pepperi-addons/ngx-lib/
|
|
7
|
+
import * as i6 from "@pepperi-addons/ngx-lib/checkbox";
|
|
8
|
+
import * as i7 from "@pepperi-addons/ngx-lib/remote-loader";
|
|
8
9
|
export declare class PepIconPickerModule {
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<PepIconPickerModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PepIconPickerModule, [typeof i1.IconPickerComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.PepFieldTitleModule, typeof i6.PepRemoteLoaderModule], [typeof i1.IconPickerComponent]>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PepIconPickerModule, [typeof i1.IconPickerComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.PepFieldTitleModule, typeof i6.PepCheckboxModule, typeof i7.PepRemoteLoaderModule], [typeof i1.IconPickerComponent]>;
|
|
11
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<PepIconPickerModule>;
|
|
12
13
|
}
|