npm - @pepperi-addons/ngx-composite-lib - Versions diffs - 0.4.2-beta.26 → 0.4.2-beta.28 - Mend

@pepperi-addons/ngx-composite-lib 0.4.2-beta.26 → 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.

Files changed (16) hide show

package/esm2020/icon-picker/icon-picker.component.mjs ADDED Viewed

@@ -0,0 +1,76 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/remote-loader";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/button";
+import * as i4 from "@pepperi-addons/ngx-lib/field-title";
+import * as i5 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i6 from "@ngx-translate/core";
+export class IconPickerComponent {
+    constructor(viewContainerRef, addonBlockLoaderService) {
+        this.viewContainerRef = viewContainerRef;
+        this.addonBlockLoaderService = addonBlockLoaderService;
+        this.disabled = false;
+        this.header = '';
+        this.preview_header = '';
+        this.select_btn_header = '';
+        this.dir = 'ltr';
+        this.iconURL = '';
+        this.useCheckBoxHeader = true;
+        this.iconChange = new EventEmitter();
+        this.iconDisableChange = new EventEmitter();
+    }
+    ngOnInit() {
+        // Do nothing.
+    }
+    openIconPickerDialog() {
+        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
+            container: this.viewContainerRef,
+            name: 'AssetPicker',
+            hostObject: {
+                selectionType: 'single',
+                allowedAssetsTypes: 'images',
+                inDialog: true
+            },
+            size: 'large',
+            hostEventsCallback: async (event) => {
+                if (event?.action === 'on-save') {
+                    this.iconChange.emit(event);
+                    dialogRef?.close();
+                }
+                else if (event.action === 'on-cancel') {
+                    dialogRef?.close();
+                }
+            }
+        });
+    }
+    onUseIconChange(event) {
+        this.disabled = !this.disabled;
+        this.iconDisableChange.emit(event);
+    }
+}
+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 });
+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" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], preview_header: [{
+                type: Input
+            }], select_btn_header: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], iconURL: [{
+                type: Input
+            }], useCheckBoxHeader: [{
+                type: Input
+            }], iconChange: [{
+                type: Output
+            }], iconDisableChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU2pHLE1BQU0sT0FBTyxtQkFBbUI7SUFnQjVCLFlBQ1ksZ0JBQWtDLEVBQ2xDLHVCQUFtRDtRQURuRCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBNEI7UUFoQnRELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNaLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUN2QixRQUFHLEdBQWtCLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2Isc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBR2xDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUd4RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUlJLENBQUM7SUFFcEUsUUFBUTtRQUNKLGNBQWM7SUFDbEIsQ0FBQztJQUlELG9CQUFvQjtRQUNoQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsc0JBQXNCLENBQUM7WUFDbEUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDaEMsSUFBSSxFQUFFLGFBQWE7WUFDbkIsVUFBVSxFQUFFO2dCQUNSLGFBQWEsRUFBRSxRQUFRO2dCQUN2QixrQkFBa0IsRUFBRSxRQUFRO2dCQUM1QixRQUFRLEVBQUUsSUFBSTthQUNqQjtZQUNELElBQUksRUFBRSxPQUFPO1lBQ2Isa0JBQWtCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUNoQyxJQUFJLEtBQUssRUFBRSxNQUFNLEtBQUssU0FBUyxFQUFFO29CQUM3QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDNUIsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2lCQUN0QjtxQkFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssV0FBVyxFQUFFO29CQUNyQyxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7aUJBQ3RCO1lBQ0wsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYztRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7O2dIQWxEUSxtQkFBbUI7b0dBQW5CLG1CQUFtQiw0VUNUaEMsNm5EQWtDTTsyRkR6Qk8sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLGlCQUFpQjtnSkFNbEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxNQUFNO2dCQUlQLGlCQUFpQjtzQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmVtb3RlLWxvYWRlcic7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtaWNvbi1waWNrZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pY29uLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaWNvbi1waWNrZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGVhZGVyID0gJyc7XG4gICAgQElucHV0KCkgcHJldmlld19oZWFkZXIgPSAnJztcbiAgICBASW5wdXQoKSBzZWxlY3RfYnRuX2hlYWRlciA9ICcnO1xuICAgIEBJbnB1dCgpIGRpcjogJ3J0bCcgfCAnbHRyJyA9ICdsdHInO1xuICAgIEBJbnB1dCgpIGljb25VUkwgPSAnJztcbiAgICBASW5wdXQoKSB1c2VDaGVja0JveEhlYWRlciA9IHRydWU7XG5cbiAgICBAT3V0cHV0KClcbiAgICBpY29uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIFxuICAgIEBPdXRwdXQoKVxuICAgIGljb25EaXNhYmxlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgcHJpdmF0ZSBhZGRvbkJsb2NrTG9hZGVyU2VydmljZTogUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2UpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vIERvIG5vdGhpbmcuXG4gICAgfVxuXG4gICBcblxuICAgIG9wZW5JY29uUGlja2VyRGlhbG9nKCkge1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLmxvYWRBZGRvbkJsb2NrSW5EaWFsb2coe1xuICAgICAgICAgICAgY29udGFpbmVyOiB0aGlzLnZpZXdDb250YWluZXJSZWYsXG4gICAgICAgICAgICBuYW1lOiAnQXNzZXRQaWNrZXInLFxuICAgICAgICAgICAgaG9zdE9iamVjdDoge1xuICAgICAgICAgICAgICAgIHNlbGVjdGlvblR5cGU6ICdzaW5nbGUnLFxuICAgICAgICAgICAgICAgIGFsbG93ZWRBc3NldHNUeXBlczogJ2ltYWdlcycsXG4gICAgICAgICAgICAgICAgaW5EaWFsb2c6IHRydWVcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBzaXplOiAnbGFyZ2UnLFxuICAgICAgICAgICAgaG9zdEV2ZW50c0NhbGxiYWNrOiBhc3luYyAoZXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQ/LmFjdGlvbiA9PT0gJ29uLXNhdmUnKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaWNvbkNoYW5nZS5lbWl0KGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgZGlhbG9nUmVmPy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZXZlbnQuYWN0aW9uID09PSAnb24tY2FuY2VsJykge1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvblVzZUljb25DaGFuZ2UoZXZlbnQ6IGJvb2xlYW4pe1xuICAgICAgIHRoaXMuZGlzYWJsZWQgPSAhdGhpcy5kaXNhYmxlZDtcbiAgICAgICB0aGlzLmljb25EaXNhYmxlQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cIiF1c2VDaGVja0JveEhlYWRlclwiIGNsYXNzPVwidGl0bGUteGwgZWxsaXBzaXNcIj57e2hlYWRlciAhPT0gJycgPyBoZWFkZXIgOiAoJ0lDT05fUElDS0VSX0JVVFRPTi5NQUlOX0hFQURFUicgfCB0cmFuc2xhdGUpfX08L2xhYmVsPlxuPHBlcC1jaGVja2JveCAqbmdJZj1cInVzZUNoZWNrQm94SGVhZGVyXCIgXG4gICAgICAgIGNsYXNzPVwiY2hlY2tib3gtYXMtdGl0bGVcIiBcbiAgICAgICAgW3ZhbHVlXT1cIiFkaXNhYmxlZFwiIFxuICAgICAgICBbbGFiZWxdPVwiaGVhZGVyICE9PSAnJyA/IGhlYWRlciA6ICgnSUNPTl9QSUNLRVJfQlVUVE9OLk1BSU5fSEVBREVSJyB8IHRyYW5zbGF0ZSlcIiBcbiAgICAgICAgW3JlbmRlclRpdGxlXT1cImZhbHNlXCIgXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblVzZUljb25DaGFuZ2UoJGV2ZW50KVwiPlxuPC9wZXAtY2hlY2tib3g+XG48ZGl2IGNsYXNzPVwibWFpbi1jb250XCI+XG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdGVkLWNvbnRcIj5cbiAgICAgICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwicHJldmlld19oZWFkZXIgIT09ICcnID8gcHJldmlld19oZWFkZXIgOiAoJ0lDT05fUElDS0VSX0JVVFRPTi5TRUxFQ1RFRCcgfCB0cmFuc2xhdGUpXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3hBbGlnbm1lbnRdPVwiZGlyID09PSAncnRsJyA/ICdyaWdodCcgOiAnbGVmdCdcIj5cbiAgICAgICAgPC9wZXAtZmllbGQtdGl0bGU+XG4gICAgICAgIDwhLS0gPHBlcC1idXR0b25cbiAgICAgICAgICAgIGljb25OYW1lPVwic3lzdGVtX2JvbHRcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgICAgICAgIFxuICAgICAgICA8L3BlcC1idXR0b24+IC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWJ1dHRvbiBtZCB3ZWFrXCI+XG4gICAgICAgICAgICA8aW1nICpuZ0lmPVwiaWNvblVSTCAhPT0gJydcIiBbc3JjXT1cImljb25VUkxcIi8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjaG9vc2UtYnRuLWNvbnRcIj5cbiAgICAgICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwic2VsZWN0X2J0bl9oZWFkZXIgIT09ICcnID8gc2VsZWN0X2J0bl9oZWFkZXIgOiAoJ0lDT05fUElDS0VSX0JVVFRPTi5DSE9PU0VfSUNPTl9IRUFERVInIHwgdHJhbnNsYXRlKVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgIFt4QWxpZ25tZW50XT1cImRpciA9PT0gJ3J0bCcgPyAncmlnaHQnIDogJ2xlZnQnXCI+XG4gICAgICAgIDwvcGVwLWZpZWxkLXRpdGxlPlxuICAgICAgICA8cGVwLWJ1dHRvblxuICAgICAgICAgICAgW3ZhbHVlXT1cIidJQ09OX1BJQ0tFUl9CVVRUT04uQ0hPT1NFX0lDT04nIHwgdHJhbnNsYXRlXCIgXG4gICAgICAgICAgICBzdHlsZVR5cGU9XCJyZWd1bGFyXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChidXR0b25DbGljayk9XCJvcGVuSWNvblBpY2tlckRpYWxvZygpXCI+XG4gICAgICAgIDwvcGVwLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2020/icon-picker/icon-picker.module.mjs ADDED Viewed

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
+import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import { IconPickerComponent } from './icon-picker.component';
+import { FlowPickerService } from './icon-picker.service';
+import * as i0 from "@angular/core";
+export class PepIconPickerModule {
+}
+PepIconPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepIconPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, declarations: [IconPickerComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepFieldTitleModule,
+        PepCheckboxModule,
+        PepRemoteLoaderModule], exports: [IconPickerComponent] });
+PepIconPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, providers: [FlowPickerService], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepFieldTitleModule,
+        PepCheckboxModule,
+        PepRemoteLoaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IconPickerComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepFieldTitleModule,
+                        PepCheckboxModule,
+                        PepRemoteLoaderModule
+                    ],
+                    providers: [FlowPickerService],
+                    exports: [IconPickerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBaUIxRCxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBYnhCLG1CQUFtQixhQUduQixZQUFZO1FBQ1osZUFBZTtRQUNmLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsaUJBQWlCO1FBQ2pCLHFCQUFxQixhQUdmLG1CQUFtQjtpSEFFcEIsbUJBQW1CLGFBSGpCLENBQUMsaUJBQWlCLENBQUMsWUFQMUIsWUFBWTtRQUNaLGVBQWU7UUFDZixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLGlCQUFpQjtRQUNqQixxQkFBcUI7MkZBS2hCLG1CQUFtQjtrQkFmL0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsbUJBQW1CO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjtxQkFDeEI7b0JBQ0QsU0FBUyxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUGVwTmd4TGliTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvYnV0dG9uJztcbmltcG9ydCB7IFBlcEZpZWxkVGl0bGVNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9maWVsZC10aXRsZSc7XG5pbXBvcnQgeyBQZXBSZW1vdGVMb2FkZXJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9yZW1vdGUtbG9hZGVyJztcbmltcG9ydCB7IFBlcENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvY2hlY2tib3gnO1xuaW1wb3J0IHsgSWNvblBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi1waWNrZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZsb3dQaWNrZXJTZXJ2aWNlIH0gZnJvbSAnLi9pY29uLXBpY2tlci5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgSWNvblBpY2tlckNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwQnV0dG9uTW9kdWxlLFxuICAgICAgICBQZXBGaWVsZFRpdGxlTW9kdWxlLFxuICAgICAgICBQZXBDaGVja2JveE1vZHVsZSxcbiAgICAgICAgUGVwUmVtb3RlTG9hZGVyTW9kdWxlXG4gICAgXSxcbiAgICBwcm92aWRlcnM6IFtGbG93UGlja2VyU2VydmljZV0sXG4gICAgZXhwb3J0czogW0ljb25QaWNrZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBJY29uUGlja2VyTW9kdWxlIHsgfVxuIl19

package/esm2020/icon-picker/icon-picker.service.mjs ADDED Viewed

@@ -0,0 +1,17 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+export class FlowPickerService {
+    constructor(httpService) {
+        this.httpService = httpService;
+    }
+}
+FlowPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepHttpService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2ljb24tcGlja2VyL2ljb24tcGlja2VyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTzNDLE1BQU0sT0FBTyxpQkFBaUI7SUFFMUIsWUFDWSxXQUEyQjtRQUEzQixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7SUFFdkMsQ0FBQzs7OEdBTFEsaUJBQWlCO2tIQUFqQixpQkFBaUIsY0FGZCxNQUFNOzJGQUVULGlCQUFpQjtrQkFIN0IsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFBlcEh0dHBTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuXG5cbkBJbmplY3RhYmxlKHtcbiAgICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEZsb3dQaWNrZXJTZXJ2aWNlIHtcbiAgICBcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBodHRwU2VydmljZTogUGVwSHR0cFNlcnZpY2VcbiAgICAgICAgKSB7XG4gICAgfVxufSJdfQ==

package/esm2020/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItaWNvbi1waWNrZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9pY29uLXBpY2tlci9wZXBwZXJpLWFkZG9ucy1uZ3gtY29tcG9zaXRlLWxpYi1pY29uLXBpY2tlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2020/icon-picker/public-api.mjs ADDED Viewed

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of ngx-composite-lib/flow-picker-button
+ */
+export * from './icon-picker.module';
+export * from './icon-picker.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2ljb24tcGlja2VyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1jb21wb3NpdGUtbGliL2Zsb3ctcGlja2VyLWJ1dHRvblxuICovXG5leHBvcnQgKiBmcm9tICcuL2ljb24tcGlja2VyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2ljb24tcGlja2VyLmNvbXBvbmVudCc7XG4iXX0=

package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs ADDED Viewed

@@ -0,0 +1,143 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@pepperi-addons/ngx-lib';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i3 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import * as i4 from '@pepperi-addons/ngx-lib/field-title';
+import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
+import * as i1 from '@pepperi-addons/ngx-lib/remote-loader';
+import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
+import * as i5 from '@pepperi-addons/ngx-lib/checkbox';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import { __awaiter } from 'tslib';
+import * as i6 from '@ngx-translate/core';
+class IconPickerComponent {
+    constructor(viewContainerRef, addonBlockLoaderService) {
+        this.viewContainerRef = viewContainerRef;
+        this.addonBlockLoaderService = addonBlockLoaderService;
+        this.disabled = false;
+        this.header = '';
+        this.preview_header = '';
+        this.select_btn_header = '';
+        this.dir = 'ltr';
+        this.iconURL = '';
+        this.useCheckBoxHeader = true;
+        this.iconChange = new EventEmitter();
+        this.iconDisableChange = new EventEmitter();
+    }
+    ngOnInit() {
+        // Do nothing.
+    }
+    openIconPickerDialog() {
+        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
+            container: this.viewContainerRef,
+            name: 'AssetPicker',
+            hostObject: {
+                selectionType: 'single',
+                allowedAssetsTypes: 'images',
+                inDialog: true
+            },
+            size: 'large',
+            hostEventsCallback: (event) => __awaiter(this, void 0, void 0, function* () {
+                if ((event === null || event === void 0 ? void 0 : event.action) === 'on-save') {
+                    this.iconChange.emit(event);
+                    dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
+                }
+                else if (event.action === 'on-cancel') {
+                    dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
+                }
+            })
+        });
+    }
+    onUseIconChange(event) {
+        this.disabled = !this.disabled;
+        this.iconDisableChange.emit(event);
+    }
+}
+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 });
+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" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], preview_header: [{
+                type: Input
+            }], select_btn_header: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], iconURL: [{
+                type: Input
+            }], useCheckBoxHeader: [{
+                type: Input
+            }], iconChange: [{
+                type: Output
+            }], iconDisableChange: [{
+                type: Output
+            }] } });
+class FlowPickerService {
+    constructor(httpService) {
+        this.httpService = httpService;
+    }
+}
+FlowPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, deps: [{ token: i1$1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.PepHttpService }]; } });
+class PepIconPickerModule {
+}
+PepIconPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepIconPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, declarations: [IconPickerComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepFieldTitleModule,
+        PepCheckboxModule,
+        PepRemoteLoaderModule], exports: [IconPickerComponent] });
+PepIconPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, providers: [FlowPickerService], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepFieldTitleModule,
+        PepCheckboxModule,
+        PepRemoteLoaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IconPickerComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepFieldTitleModule,
+                        PepCheckboxModule,
+                        PepRemoteLoaderModule
+                    ],
+                    providers: [FlowPickerService],
+                    exports: [IconPickerComponent],
+                }]
+        }] });
+/*
+ * Public API Surface of ngx-composite-lib/flow-picker-button
+ */
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { IconPickerComponent, PepIconPickerModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-icon-picker.mjs.map

package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map ADDED Viewed

@@ -0,0 +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 \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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"}

package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs ADDED Viewed

@@ -0,0 +1,142 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@pepperi-addons/ngx-lib';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i3 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import * as i4 from '@pepperi-addons/ngx-lib/field-title';
+import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
+import * as i1 from '@pepperi-addons/ngx-lib/remote-loader';
+import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
+import * as i5 from '@pepperi-addons/ngx-lib/checkbox';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import * as i6 from '@ngx-translate/core';
+class IconPickerComponent {
+    constructor(viewContainerRef, addonBlockLoaderService) {
+        this.viewContainerRef = viewContainerRef;
+        this.addonBlockLoaderService = addonBlockLoaderService;
+        this.disabled = false;
+        this.header = '';
+        this.preview_header = '';
+        this.select_btn_header = '';
+        this.dir = 'ltr';
+        this.iconURL = '';
+        this.useCheckBoxHeader = true;
+        this.iconChange = new EventEmitter();
+        this.iconDisableChange = new EventEmitter();
+    }
+    ngOnInit() {
+        // Do nothing.
+    }
+    openIconPickerDialog() {
+        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
+            container: this.viewContainerRef,
+            name: 'AssetPicker',
+            hostObject: {
+                selectionType: 'single',
+                allowedAssetsTypes: 'images',
+                inDialog: true
+            },
+            size: 'large',
+            hostEventsCallback: async (event) => {
+                if (event?.action === 'on-save') {
+                    this.iconChange.emit(event);
+                    dialogRef?.close();
+                }
+                else if (event.action === 'on-cancel') {
+                    dialogRef?.close();
+                }
+            }
+        });
+    }
+    onUseIconChange(event) {
+        this.disabled = !this.disabled;
+        this.iconDisableChange.emit(event);
+    }
+}
+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 });
+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" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], preview_header: [{
+                type: Input
+            }], select_btn_header: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], iconURL: [{
+                type: Input
+            }], useCheckBoxHeader: [{
+                type: Input
+            }], iconChange: [{
+                type: Output
+            }], iconDisableChange: [{
+                type: Output
+            }] } });
+class FlowPickerService {
+    constructor(httpService) {
+        this.httpService = httpService;
+    }
+}
+FlowPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, deps: [{ token: i1$1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: FlowPickerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.PepHttpService }]; } });
+class PepIconPickerModule {
+}
+PepIconPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepIconPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, declarations: [IconPickerComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepFieldTitleModule,
+        PepCheckboxModule,
+        PepRemoteLoaderModule], exports: [IconPickerComponent] });
+PepIconPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, providers: [FlowPickerService], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepFieldTitleModule,
+        PepCheckboxModule,
+        PepRemoteLoaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepIconPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IconPickerComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepFieldTitleModule,
+                        PepCheckboxModule,
+                        PepRemoteLoaderModule
+                    ],
+                    providers: [FlowPickerService],
+                    exports: [IconPickerComponent],
+                }]
+        }] });
+/*
+ * Public API Surface of ngx-composite-lib/flow-picker-button
+ */
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { IconPickerComponent, PepIconPickerModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-icon-picker.mjs.map

package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map ADDED Viewed

@@ -0,0 +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 \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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"}

package/icon-picker/icon-picker.component.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';
+import * as i0 from "@angular/core";
+export declare class IconPickerComponent implements OnInit {
+    private viewContainerRef;
+    private addonBlockLoaderService;
+    disabled: boolean;
+    header: string;
+    preview_header: string;
+    select_btn_header: string;
+    dir: 'rtl' | 'ltr';
+    iconURL: string;
+    useCheckBoxHeader: boolean;
+    iconChange: EventEmitter<any>;
+    iconDisableChange: EventEmitter<any>;
+    constructor(viewContainerRef: ViewContainerRef, addonBlockLoaderService: PepAddonBlockLoaderService);
+    ngOnInit(): void;
+    openIconPickerDialog(): void;
+    onUseIconChange(event: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconPickerComponent, never>;
+    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>;
+}

package/icon-picker/icon-picker.module.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon-picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/button";
+import * as i5 from "@pepperi-addons/ngx-lib/field-title";
+import * as i6 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i7 from "@pepperi-addons/ngx-lib/remote-loader";
+export declare class PepIconPickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepIconPickerModule, never>;
+    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]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepIconPickerModule>;
+}

package/icon-picker/icon-picker.service.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { PepHttpService } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+export declare class FlowPickerService {
+    private httpService;
+    constructor(httpService: PepHttpService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowPickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FlowPickerService>;
+}

package/icon-picker/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/icon-picker" />
+export * from './public-api';

package/icon-picker/public-api.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './icon-picker.module';
2	+ export * from './icon-picker.component';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.26",
+  "version": "0.4.2-beta.28",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -106,6 +106,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs"
     },
+    "./icon-picker": {
+      "types": "./icon-picker/index.d.ts",
+      "esm2020": "./esm2020/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs"
+    },
     "./manage-parameters": {
       "types": "./manage-parameters/index.d.ts",
       "esm2020": "./esm2020/manage-parameters/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",

package/src/assets/i18n/en.ngx-composite-lib.json CHANGED Viewed

@@ -94,6 +94,12 @@
     },
     "FLOW_PICKER_BUTTON": {
         "CHOOSE_FLOW": "Choose flow"
+    },
+    "ICON_PICKER_BUTTON": {
+        "CHOOSE_ICON": "Open icon selector",
+        "MAIN_HEADER": "Icon",
+        "SELECTED": "Selected",
+        "CHOOSE_ICON_HEADER": "Choose icon"
     }
 }