@pepperi-addons/ngx-composite-lib 0.4.2-beta.190 → 0.4.2-beta.191

package/asset-picker-button/asset-picker-button.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';
+import * as i0 from "@angular/core";
+export declare class AssetPickerButtonComponent implements OnInit {
+    private viewContainerRef;
+    translate: TranslateService;
+    private addonBlockLoaderService;
+    imageURL: string;
+    assetChange: EventEmitter<any>;
+    private _assetsHostObject;
+    constructor(viewContainerRef: ViewContainerRef, translate: TranslateService, addonBlockLoaderService: PepAddonBlockLoaderService);
+    private onHostEventsCallback;
+    ngOnInit(): void;
+    onOpenAssetsDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AssetPickerButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AssetPickerButtonComponent, "pep-asset-picker-button", never, { "imageURL": "imageURL"; }, { "assetChange": "assetChange"; }, never, never, false>;
+}

package/asset-picker-button/asset-picker-button.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./asset-picker-button.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/remote-loader";
+export declare class PepAssetPickerButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepAssetPickerButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepAssetPickerButtonModule, [typeof i1.AssetPickerButtonComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.PepRemoteLoaderModule], [typeof i1.AssetPickerButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepAssetPickerButtonModule>;
+}

package/asset-picker-button/index.d.ts

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

package/asset-picker-button/public-api.d.ts

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

package/esm2020/asset-picker-button/asset-picker-button.component.mjs

@@ -0,0 +1,48 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+import * as i2 from "@pepperi-addons/ngx-lib/remote-loader";
+import * as i3 from "@angular/common";
+import * as i4 from "@pepperi-addons/ngx-lib/button";
+export class AssetPickerButtonComponent {
+    constructor(viewContainerRef, translate, addonBlockLoaderService) {
+        this.viewContainerRef = viewContainerRef;
+        this.translate = translate;
+        this.addonBlockLoaderService = addonBlockLoaderService;
+        this.imageURL = '';
+        this.assetChange = new EventEmitter();
+        this._assetsHostObject = {
+            selectionType: 'single',
+            allowedAssetsTypes: 'images',
+            inDialog: true
+        };
+    }
+    onHostEventsCallback(event, dialogRef) {
+        this.assetChange.emit(event);
+        if (dialogRef) {
+            dialogRef.close(null);
+        }
+    }
+    ngOnInit() {
+        // Do nothing.
+    }
+    onOpenAssetsDialog() {
+        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
+            container: this.viewContainerRef,
+            name: 'AssetPicker',
+            hostObject: this._assetsHostObject,
+            hostEventsCallback: (event) => { this.onHostEventsCallback(event, dialogRef); }
+        });
+    }
+}
+AssetPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AssetPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.TranslateService }, { token: i2.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
+AssetPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AssetPickerButtonComponent, selector: "pep-asset-picker-button", inputs: { imageURL: "imageURL" }, outputs: { assetChange: "assetChange" }, ngImport: i0, template: "<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>", styles: [".assets-btn-cont{display:grid;height:7.5rem;border-radius:var(--pep-border-radius-md, .25rem);background-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12);width:100%;padding:1rem;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:var(--pep-form-spacing, 1rem);align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AssetPickerButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-asset-picker-button', template: "<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>", styles: [".assets-btn-cont{display:grid;height:7.5rem;border-radius:var(--pep-border-radius-md, .25rem);background-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12);width:100%;padding:1rem;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:var(--pep-form-spacing, 1rem);align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.TranslateService }, { type: i2.PepAddonBlockLoaderService }]; }, propDecorators: { imageURL: [{
+                type: Input
+            }], assetChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtcGlja2VyLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9hc3NldC1waWNrZXItYnV0dG9uL2Fzc2V0LXBpY2tlci1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvYXNzZXQtcGlja2VyLWJ1dHRvbi9hc3NldC1waWNrZXItYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQStCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVeEgsTUFBTSxPQUFPLDBCQUEwQjtJQVluQyxZQUNZLGdCQUFrQyxFQUNuQyxTQUEyQixFQUMxQix1QkFBbUQ7UUFGbkQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNuQyxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMxQiw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQTRCO1FBZHRELGFBQVEsR0FBVyxFQUFFLENBQUM7UUFHL0IsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVqRCxzQkFBaUIsR0FBRztZQUN4QixhQUFhLEVBQUUsUUFBUTtZQUN2QixrQkFBa0IsRUFBRSxRQUFRO1lBQzVCLFFBQVEsRUFBRSxJQUFJO1NBQ2pCLENBQUM7SUFRRixDQUFDO0lBRU8sb0JBQW9CLENBQUMsS0FBVSxFQUFFLFNBQW1DO1FBQ3hFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTdCLElBQUksU0FBUyxFQUFFO1lBQ1gsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ0osY0FBYztJQUNsQixDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLHNCQUFzQixDQUFDO1lBQ2xFLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO1lBQ2hDLElBQUksRUFBRSxhQUFhO1lBQ25CLFVBQVUsRUFBRSxJQUFJLENBQUMsaUJBQWlCO1lBQ2xDLGtCQUFrQixFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNsRixDQUFDLENBQUM7SUFDUCxDQUFDOzt1SEF2Q1EsMEJBQTBCOzJHQUExQiwwQkFBMEIsMElDVnZDLDZaQUdNOzJGRE9PLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDSSx5QkFBeUI7K0tBSzFCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR04sV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2UgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9yZW1vdGUtbG9hZGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtYXNzZXQtcGlja2VyLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Fzc2V0LXBpY2tlci1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Fzc2V0LXBpY2tlci1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBc3NldFBpY2tlckJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgaW1hZ2VVUkw6IHN0cmluZyA9ICcnO1xuXG4gICAgQE91dHB1dCgpXG4gICAgYXNzZXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBwcml2YXRlIF9hc3NldHNIb3N0T2JqZWN0ID0ge1xuICAgICAgICBzZWxlY3Rpb25UeXBlOiAnc2luZ2xlJyxcbiAgICAgICAgYWxsb3dlZEFzc2V0c1R5cGVzOiAnaW1hZ2VzJyxcbiAgICAgICAgaW5EaWFsb2c6IHRydWVcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgcHVibGljIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBhZGRvbkJsb2NrTG9hZGVyU2VydmljZTogUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2VcbiAgICAgICAgKSB7XG5cbiAgICB9XG5cbiAgICBwcml2YXRlIG9uSG9zdEV2ZW50c0NhbGxiYWNrKGV2ZW50OiBhbnksIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPGFueT4gfCBudWxsKSB7XG4gICAgICAgIHRoaXMuYXNzZXRDaGFuZ2UuZW1pdChldmVudCk7XG5cbiAgICAgICAgaWYgKGRpYWxvZ1JlZikge1xuICAgICAgICAgICAgZGlhbG9nUmVmLmNsb3NlKG51bGwpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vIERvIG5vdGhpbmcuXG4gICAgfVxuXG4gICAgb25PcGVuQXNzZXRzRGlhbG9nKCkge1xuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLmxvYWRBZGRvbkJsb2NrSW5EaWFsb2coe1xuICAgICAgICAgICAgY29udGFpbmVyOiB0aGlzLnZpZXdDb250YWluZXJSZWYsXG4gICAgICAgICAgICBuYW1lOiAnQXNzZXRQaWNrZXInLFxuICAgICAgICAgICAgaG9zdE9iamVjdDogdGhpcy5fYXNzZXRzSG9zdE9iamVjdCxcbiAgICAgICAgICAgIGhvc3RFdmVudHNDYWxsYmFjazogKGV2ZW50KSA9PiB7IHRoaXMub25Ib3N0RXZlbnRzQ2FsbGJhY2soZXZlbnQsIGRpYWxvZ1JlZik7IH1cbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGxhYmVsIGNsYXNzPVwiYm9keS14cyBub3JtYWwgZWxsaXBzaXNcIj57eydBU1NFVF9QSUNLRVJfQlVUVE9OLkNIT09TRV9JTUFHRScgfCB0cmFuc2xhdGV9fTwvbGFiZWw+XG48ZGl2IGNsYXNzPVwiYXNzZXRzLWJ0bi1jb250XCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWltYWdlJzogJ3VybCgnICsgaW1hZ2VVUkwgKyAnKSd9XCIgKGNsaWNrKT1cIm9uT3BlbkFzc2V0c0RpYWxvZygpO1wiPlxuICAgIDxwZXAtYnV0dG9uIHNpemVUeXBlPVwic21cIiBbc3R5bGVUeXBlXT1cIidyZWd1bGFyJ1wiIFt2YWx1ZV09XCInQVNTRVRfUElDS0VSX0JVVFRPTi5PUEVOX0FTU0VUU19NQU5BR0VSJyB8IHRyYW5zbGF0ZVwiIGljb25OYW1lPVwic3lzdGVtX2ZpbGVfdXBsb2FkX2Nsb3VkXCI+PC9wZXAtYnV0dG9uPlxuPC9kaXY+Il19

package/esm2020/asset-picker-button/asset-picker-button.module.mjs

@@ -0,0 +1,35 @@
+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 { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
+import { AssetPickerButtonComponent } from './asset-picker-button.component';
+import * as i0 from "@angular/core";
+export class PepAssetPickerButtonModule {
+}
+PepAssetPickerButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepAssetPickerButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, declarations: [AssetPickerButtonComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepRemoteLoaderModule], exports: [AssetPickerButtonComponent] });
+PepAssetPickerButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepRemoteLoaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssetPickerButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepRemoteLoaderModule
+                    ],
+                    providers: [],
+                    exports: [AssetPickerButtonComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtcGlja2VyLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9hc3NldC1waWNrZXItYnV0dG9uL2Fzc2V0LXBpY2tlci1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFOUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBZTdFLE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7d0hBQTFCLDBCQUEwQixpQkFYL0IsMEJBQTBCLGFBRzFCLFlBQVk7UUFDWixlQUFlO1FBQ2YsZUFBZTtRQUNmLHFCQUFxQixhQUdmLDBCQUEwQjt3SEFFM0IsMEJBQTBCLFlBUi9CLFlBQVk7UUFDWixlQUFlO1FBQ2YsZUFBZTtRQUNmLHFCQUFxQjsyRkFLaEIsMEJBQTBCO2tCQWJ0QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDViwwQkFBMEI7cUJBQzdCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixxQkFBcUI7cUJBQ3hCO29CQUNELFNBQVMsRUFBRSxFQUFFO29CQUNiLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUGVwTmd4TGliTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvYnV0dG9uJztcbmltcG9ydCB7IFBlcFJlbW90ZUxvYWRlck1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL3JlbW90ZS1sb2FkZXInO1xuXG5pbXBvcnQgeyBBc3NldFBpY2tlckJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYXNzZXQtcGlja2VyLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBBc3NldFBpY2tlckJ1dHRvbkNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwQnV0dG9uTW9kdWxlLFxuICAgICAgICBQZXBSZW1vdGVMb2FkZXJNb2R1bGVcbiAgICBdLFxuICAgIHByb3ZpZGVyczogW10sXG4gICAgZXhwb3J0czogW0Fzc2V0UGlja2VyQnV0dG9uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwQXNzZXRQaWNrZXJCdXR0b25Nb2R1bGUgeyB9XG4iXX0=

package/esm2020/asset-picker-button/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs

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

package/esm2020/asset-picker-button/public-api.mjs

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

package/fesm2015/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i4 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import * as i2 from '@pepperi-addons/ngx-lib/remote-loader';
+import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
+import * as i1 from '@ngx-translate/core';
+
+class AssetPickerButtonComponent {
+    constructor(viewContainerRef, translate, addonBlockLoaderService) {
+        this.viewContainerRef = viewContainerRef;
+        this.translate = translate;
+        this.addonBlockLoaderService = addonBlockLoaderService;
+        this.imageURL = '';
+        this.assetChange = new EventEmitter();
+        this._assetsHostObject = {
+            selectionType: 'single',
+            allowedAssetsTypes: 'images',
+            inDialog: true
+        };
+    }
+    onHostEventsCallback(event, dialogRef) {
+        this.assetChange.emit(event);
+        if (dialogRef) {
+            dialogRef.close(null);
+        }
+    }
+    ngOnInit() {
+        // Do nothing.
+    }
+    onOpenAssetsDialog() {
+        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
+            container: this.viewContainerRef,
+            name: 'AssetPicker',
+            hostObject: this._assetsHostObject,
+            hostEventsCallback: (event) => { this.onHostEventsCallback(event, dialogRef); }
+        });
+    }
+}
+AssetPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AssetPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.TranslateService }, { token: i2.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
+AssetPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AssetPickerButtonComponent, selector: "pep-asset-picker-button", inputs: { imageURL: "imageURL" }, outputs: { assetChange: "assetChange" }, ngImport: i0, template: "<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>", styles: [".assets-btn-cont{display:grid;height:7.5rem;border-radius:var(--pep-border-radius-md, .25rem);background-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12);width:100%;padding:1rem;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:var(--pep-form-spacing, 1rem);align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AssetPickerButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-asset-picker-button', template: "<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>", styles: [".assets-btn-cont{display:grid;height:7.5rem;border-radius:var(--pep-border-radius-md, .25rem);background-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12);width:100%;padding:1rem;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:var(--pep-form-spacing, 1rem);align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.TranslateService }, { type: i2.PepAddonBlockLoaderService }]; }, propDecorators: { imageURL: [{
+                type: Input
+            }], assetChange: [{
+                type: Output
+            }] } });
+
+class PepAssetPickerButtonModule {
+}
+PepAssetPickerButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepAssetPickerButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, declarations: [AssetPickerButtonComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepRemoteLoaderModule], exports: [AssetPickerButtonComponent] });
+PepAssetPickerButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepRemoteLoaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssetPickerButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepRemoteLoaderModule
+                    ],
+                    providers: [],
+                    exports: [AssetPickerButtonComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-composite-lib/asset-picker-button
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssetPickerButtonComponent, PepAssetPickerButtonModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-asset-picker-button.mjs.map

package/fesm2015/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-asset-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/asset-picker-button/asset-picker-button.component.ts","../../../projects/ngx-composite-lib/asset-picker-button/asset-picker-button.component.html","../../../projects/ngx-composite-lib/asset-picker-button/asset-picker-button.module.ts","../../../projects/ngx-composite-lib/asset-picker-button/public-api.ts","../../../projects/ngx-composite-lib/asset-picker-button/pepperi-addons-ngx-composite-lib-asset-picker-button.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, ViewContainerRef } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n@Component({\n    selector: 'pep-asset-picker-button',\n    templateUrl: './asset-picker-button.component.html',\n    styleUrls: ['./asset-picker-button.component.scss']\n})\nexport class AssetPickerButtonComponent implements OnInit {\n    @Input() imageURL: string = '';\n\n    @Output()\n    assetChange: EventEmitter<any> = new EventEmitter<any>();\n\n    private _assetsHostObject = {\n        selectionType: 'single',\n        allowedAssetsTypes: 'images',\n        inDialog: true\n    };\n\n    constructor(\n        private viewContainerRef: ViewContainerRef,\n        public translate: TranslateService,\n        private addonBlockLoaderService: PepAddonBlockLoaderService\n        ) {\n\n    }\n\n    private onHostEventsCallback(event: any, dialogRef: MatDialogRef<any> | null) {\n        this.assetChange.emit(event);\n\n        if (dialogRef) {\n            dialogRef.close(null);\n        }\n    }\n\n    ngOnInit() {\n        // Do nothing.\n    }\n\n    onOpenAssetsDialog() {\n        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n            container: this.viewContainerRef,\n            name: 'AssetPicker',\n            hostObject: this._assetsHostObject,\n            hostEventsCallback: (event) => { this.onHostEventsCallback(event, dialogRef); }\n        });\n    }\n}\n","<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { AssetPickerButtonComponent } from './asset-picker-button.component';\n\n@NgModule({\n    declarations: [\n        AssetPickerButtonComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepRemoteLoaderModule\n    ],\n    providers: [],\n    exports: [AssetPickerButtonComponent],\n})\nexport class PepAssetPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/asset-picker-button\n */\nexport * from './asset-picker-button.module';\nexport * from './asset-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i4 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import * as i2 from '@pepperi-addons/ngx-lib/remote-loader';
+import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
+import * as i1 from '@ngx-translate/core';
+
+class AssetPickerButtonComponent {
+    constructor(viewContainerRef, translate, addonBlockLoaderService) {
+        this.viewContainerRef = viewContainerRef;
+        this.translate = translate;
+        this.addonBlockLoaderService = addonBlockLoaderService;
+        this.imageURL = '';
+        this.assetChange = new EventEmitter();
+        this._assetsHostObject = {
+            selectionType: 'single',
+            allowedAssetsTypes: 'images',
+            inDialog: true
+        };
+    }
+    onHostEventsCallback(event, dialogRef) {
+        this.assetChange.emit(event);
+        if (dialogRef) {
+            dialogRef.close(null);
+        }
+    }
+    ngOnInit() {
+        // Do nothing.
+    }
+    onOpenAssetsDialog() {
+        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
+            container: this.viewContainerRef,
+            name: 'AssetPicker',
+            hostObject: this._assetsHostObject,
+            hostEventsCallback: (event) => { this.onHostEventsCallback(event, dialogRef); }
+        });
+    }
+}
+AssetPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AssetPickerButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.TranslateService }, { token: i2.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
+AssetPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AssetPickerButtonComponent, selector: "pep-asset-picker-button", inputs: { imageURL: "imageURL" }, outputs: { assetChange: "assetChange" }, ngImport: i0, template: "<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>", styles: [".assets-btn-cont{display:grid;height:7.5rem;border-radius:var(--pep-border-radius-md, .25rem);background-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12);width:100%;padding:1rem;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:var(--pep-form-spacing, 1rem);align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AssetPickerButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-asset-picker-button', template: "<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>", styles: [".assets-btn-cont{display:grid;height:7.5rem;border-radius:var(--pep-border-radius-md, .25rem);background-color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.12);width:100%;padding:1rem;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:var(--pep-form-spacing, 1rem);align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.TranslateService }, { type: i2.PepAddonBlockLoaderService }]; }, propDecorators: { imageURL: [{
+                type: Input
+            }], assetChange: [{
+                type: Output
+            }] } });
+
+class PepAssetPickerButtonModule {
+}
+PepAssetPickerButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepAssetPickerButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, declarations: [AssetPickerButtonComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepRemoteLoaderModule], exports: [AssetPickerButtonComponent] });
+PepAssetPickerButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepRemoteLoaderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAssetPickerButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssetPickerButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepRemoteLoaderModule
+                    ],
+                    providers: [],
+                    exports: [AssetPickerButtonComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-composite-lib/asset-picker-button
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssetPickerButtonComponent, PepAssetPickerButtonModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-asset-picker-button.mjs.map

package/fesm2020/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-asset-picker-button.mjs","sources":["../../../projects/ngx-composite-lib/asset-picker-button/asset-picker-button.component.ts","../../../projects/ngx-composite-lib/asset-picker-button/asset-picker-button.component.html","../../../projects/ngx-composite-lib/asset-picker-button/asset-picker-button.module.ts","../../../projects/ngx-composite-lib/asset-picker-button/public-api.ts","../../../projects/ngx-composite-lib/asset-picker-button/pepperi-addons-ngx-composite-lib-asset-picker-button.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, ViewContainerRef } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n@Component({\n    selector: 'pep-asset-picker-button',\n    templateUrl: './asset-picker-button.component.html',\n    styleUrls: ['./asset-picker-button.component.scss']\n})\nexport class AssetPickerButtonComponent implements OnInit {\n    @Input() imageURL: string = '';\n\n    @Output()\n    assetChange: EventEmitter<any> = new EventEmitter<any>();\n\n    private _assetsHostObject = {\n        selectionType: 'single',\n        allowedAssetsTypes: 'images',\n        inDialog: true\n    };\n\n    constructor(\n        private viewContainerRef: ViewContainerRef,\n        public translate: TranslateService,\n        private addonBlockLoaderService: PepAddonBlockLoaderService\n        ) {\n\n    }\n\n    private onHostEventsCallback(event: any, dialogRef: MatDialogRef<any> | null) {\n        this.assetChange.emit(event);\n\n        if (dialogRef) {\n            dialogRef.close(null);\n        }\n    }\n\n    ngOnInit() {\n        // Do nothing.\n    }\n\n    onOpenAssetsDialog() {\n        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n            container: this.viewContainerRef,\n            name: 'AssetPicker',\n            hostObject: this._assetsHostObject,\n            hostEventsCallback: (event) => { this.onHostEventsCallback(event, dialogRef); }\n        });\n    }\n}\n","<label class=\"body-xs normal ellipsis\">{{'ASSET_PICKER_BUTTON.CHOOSE_IMAGE' | translate}}</label>\n<div class=\"assets-btn-cont\" [ngStyle]=\"{'background-image': 'url(' + imageURL + ')'}\" (click)=\"onOpenAssetsDialog();\">\n    <pep-button sizeType=\"sm\" [styleType]=\"'regular'\" [value]=\"'ASSET_PICKER_BUTTON.OPEN_ASSETS_MANAGER' | translate\" iconName=\"system_file_upload_cloud\"></pep-button>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport { AssetPickerButtonComponent } from './asset-picker-button.component';\n\n@NgModule({\n    declarations: [\n        AssetPickerButtonComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepRemoteLoaderModule\n    ],\n    providers: [],\n    exports: [AssetPickerButtonComponent],\n})\nexport class PepAssetPickerButtonModule { }\n","/*\n * Public API Surface of ngx-composite-lib/asset-picker-button\n */\nexport * from './asset-picker-button.module';\nexport * from './asset-picker-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.190",
+  "version": "0.4.2-beta.191",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -51,6 +51,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-composite-lib.mjs"
     },
+    "./asset-picker-button": {
+      "types": "./asset-picker-button/index.d.ts",
+      "esm2020": "./esm2020/asset-picker-button/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-asset-picker-button.mjs"
+    },
     "./color-settings": {
       "types": "./color-settings/index.d.ts",
       "esm2020": "./esm2020/color-settings/pepperi-addons-ngx-composite-lib-color-settings.mjs",

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

@@ -177,5 +177,9 @@
         "HIDE_IN": {
             "HIDE_IN_TITLE": "Hide on:"
         }
+    },
+    "ASSET_PICKER_BUTTON": {
+        "CHOOSE_IMAGE": "Choose image",
+        "OPEN_ASSETS_MANAGER": "Assets Manager"
     }
 }