@pepperi-addons/ngx-lib 0.4.0-angular14.36 → 0.4.0-angular14.39

package/fesm2020/pepperi-addons-ngx-lib-remote-loader.mjs

@@ -12,356 +12,356 @@ import { loadRemoteModule } from '@angular-architects/module-federation';
 import { HttpClientModule } from '@angular/common/http';
 import { MatDialogModule } from '@angular/material/dialog';
 
-class PepRemoteLoaderService {
-    constructor(httpService, sessionService, addonService, route) {
-        this.httpService = httpService;
-        this.sessionService = sessionService;
-        this.addonService = addonService;
-        this.route = route;
-        //
-    }
-    getRemoteLoaderOptions(blockLoaderData, blockRemoteEntry = '', type = 'module') {
-        return {
-            type: type,
-            remoteEntry: blockRemoteEntry.length > 0 ? blockRemoteEntry : `${blockLoaderData.addonPublicBaseURL}${blockLoaderData.relation.AddonRelativeURL}.js`,
-            exposedModule: `./${blockLoaderData.relation.ModuleName}`,
-            componentName: blockLoaderData.relation.ComponentName,
-            remoteName: blockLoaderData.relation.AddonRelativeURL,
-            addonId: blockLoaderData.relation.AddonUUID, // For local use (adding the relative path to the assets).
-        };
-    }
-    getBlockLoaderDataUrl(name, blockType = 'AddonBlock', pagesDevServer = '') {
-        const fileName = 'addon_blocks';
-        const pagesAddonUuid = this.addonService.getPagesAddonUUID();
-        let pagesBaseUrl;
-        // For devServer run server on localhost.
-        if (pagesDevServer.length > 0) {
-            pagesBaseUrl = `${pagesDevServer}/${fileName}`;
-        }
-        else {
-            const baseUrl = this.sessionService.getPapiBaseUrl();
-            pagesBaseUrl = `${baseUrl}/addons/api/${pagesAddonUuid}/${fileName}`;
-        }
-        const url = `${pagesBaseUrl}/get_addon_block_loader_data?name=${name}&blockType=${blockType}`;
-        return url;
-    }
-    async getBlockRemoteLoaderOptions(name, blockType = 'AddonBlock', blockRemoteEntry = '', pagesDevServer = '') {
-        return new Promise((resolve, reject) => {
-            const blockLoaderDataUrl = this.getBlockLoaderDataUrl(name, blockType, pagesDevServer);
-            firstValueFrom(this.httpService.getHttpCall(blockLoaderDataUrl)).then((data) => {
-                resolve(this.getRemoteLoaderOptions(data, blockRemoteEntry));
-            }).catch(err => {
-                reject(`Addon block with name - ${name} is not found for type - ${blockType}`);
-            });
-        });
-    }
-}
-PepRemoteLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderService, deps: [{ token: i1.PepHttpService }, { token: i1.PepSessionService }, { token: i1.PepAddonService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
-PepRemoteLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class PepRemoteLoaderService {
+    constructor(httpService, sessionService, addonService, route) {
+        this.httpService = httpService;
+        this.sessionService = sessionService;
+        this.addonService = addonService;
+        this.route = route;
+        //
+    }
+    getRemoteLoaderOptions(blockLoaderData, blockRemoteEntry = '', type = 'module') {
+        return {
+            type: type,
+            remoteEntry: blockRemoteEntry.length > 0 ? blockRemoteEntry : `${blockLoaderData.addonPublicBaseURL}${blockLoaderData.relation.AddonRelativeURL}.js`,
+            exposedModule: `./${blockLoaderData.relation.ModuleName}`,
+            componentName: blockLoaderData.relation.ComponentName,
+            remoteName: blockLoaderData.relation.AddonRelativeURL,
+            addonId: blockLoaderData.relation.AddonUUID, // For local use (adding the relative path to the assets).
+        };
+    }
+    getBlockLoaderDataUrl(name, blockType = 'AddonBlock', pagesDevServer = '') {
+        const fileName = 'addon_blocks';
+        const pagesAddonUuid = this.addonService.getPagesAddonUUID();
+        let pagesBaseUrl;
+        // For devServer run server on localhost.
+        if (pagesDevServer.length > 0) {
+            pagesBaseUrl = `${pagesDevServer}/${fileName}`;
+        }
+        else {
+            const baseUrl = this.sessionService.getPapiBaseUrl();
+            pagesBaseUrl = `${baseUrl}/addons/api/${pagesAddonUuid}/${fileName}`;
+        }
+        const url = `${pagesBaseUrl}/get_addon_block_loader_data?name=${name}&blockType=${blockType}`;
+        return url;
+    }
+    async getBlockRemoteLoaderOptions(name, blockType = 'AddonBlock', blockRemoteEntry = '', pagesDevServer = '') {
+        return new Promise((resolve, reject) => {
+            const blockLoaderDataUrl = this.getBlockLoaderDataUrl(name, blockType, pagesDevServer);
+            firstValueFrom(this.httpService.getHttpCall(blockLoaderDataUrl)).then((data) => {
+                resolve(this.getRemoteLoaderOptions(data, blockRemoteEntry));
+            }).catch(err => {
+                reject(`Addon block with name - ${name} is not found for type - ${blockType}`);
+            });
+        });
+    }
+}
+PepRemoteLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderService, deps: [{ token: i1.PepHttpService }, { token: i1.PepSessionService }, { token: i1.PepAddonService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+PepRemoteLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1.PepHttpService }, { type: i1.PepSessionService }, { type: i1.PepAddonService }, { type: i2.ActivatedRoute }]; } });
 
-class PepRemoteLoaderComponent {
-    constructor(injector, pepAddonService) {
-        this.injector = injector;
-        this.pepAddonService = pepAddonService;
-        this._options = null;
-        // This is the data passed by the API Design documentation.
-        this._hostObject = null;
-        this.hostEvents = new EventEmitter();
-        this.load = new EventEmitter();
-    }
-    set options(value) {
-        this._options = value;
-        if (value) {
-            this.loadModule();
-        }
-    }
-    get options() {
-        return this._options;
-    }
-    set hostObject(value) {
-        this._hostObject = value;
-        this.setHostComponentIntoComponentRef();
-    }
-    get hostObject() {
-        return this._hostObject;
-    }
-    setHostComponentIntoComponentRef() {
-        if (this.hostObject && this.compRef?.instance) {
-            this.compRef.instance.hostObject = this.hostObject;
-            // TODO: Check if this is needed?? if not remove this.
-            if (this.compRef?.instance?.ngOnChanges) {
-                this.compRef.instance.ngOnChanges(this.hostObject);
-            }
-        }
-    }
-    async ngOnChanges(changes) {
-        // if (changes?.options?.currentValue) {
-        //     this.loadModule(changes?.options?.currentValue);
-        // }
-    }
-    async loadModule() {
-        const t0 = performance.now();
-        // Check if only need update
-        if (!this.options?.update) {
-            this.viewContainer?.clear();
-            if (this.options?.noModule) { // Load Component
-                const componentType = await loadRemoteModule(this.options).then(m => m[this.options.componentName]);
-                this.compRef = this.viewContainer.createComponent(componentType, { injector: this.injector });
-            }
-            else { // Load Module
-                if (this.options?.addonId && (this.options.type === 'module' || this.options.type === 'script')) {
-                    const lastSlashIndex = this.options.remoteEntry?.lastIndexOf('/') || -1;
-                    if (lastSlashIndex > 0) {
-                        const publicPath = this.options.remoteEntry.substring(0, lastSlashIndex + 1);
-                        this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);
-                    }
-                }
-                const module = await loadRemoteModule(this.options).then(m => m);
-                const moduleRef = createNgModuleRef(module[this.options.exposedModule.replace('./', '')], this.injector);
-                this.compRef = this.viewContainer.createComponent(module[this.options.componentName], { injector: this.injector, ngModuleRef: moduleRef });
-                const t1 = performance.now();
-                console.log('remote module load performance: ' + (t1 - t0) / 1000);
-            }
-            this.load.emit();
-        }
-        if (this.compRef) {
-            this.setHostComponentIntoComponentRef();
-            this.compRef?.instance['hostEvents']?.subscribe(e => {
-                // switch(e.action){
-                //     case 'addon-loaded':
-                //         this.showSpinner = false;
-                // }
-                this.hostEvents.emit(e);
-            });
-        }
-    }
-    ngOnDestroy() {
-        this.compRef?.destroy();
-        this.viewContainer?.clear();
-    }
-}
-PepRemoteLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderComponent, deps: [{ token: i0.Injector }, { token: i1.PepAddonService }], target: i0.ɵɵFactoryTarget.Component });
+class PepRemoteLoaderComponent {
+    constructor(injector, pepAddonService) {
+        this.injector = injector;
+        this.pepAddonService = pepAddonService;
+        this._options = null;
+        // This is the data passed by the API Design documentation.
+        this._hostObject = null;
+        this.hostEvents = new EventEmitter();
+        this.load = new EventEmitter();
+    }
+    set options(value) {
+        this._options = value;
+        if (value) {
+            this.loadModule();
+        }
+    }
+    get options() {
+        return this._options;
+    }
+    set hostObject(value) {
+        this._hostObject = value;
+        this.setHostComponentIntoComponentRef();
+    }
+    get hostObject() {
+        return this._hostObject;
+    }
+    setHostComponentIntoComponentRef() {
+        if (this.hostObject && this.compRef?.instance) {
+            this.compRef.instance.hostObject = this.hostObject;
+            // TODO: Check if this is needed?? if not remove this.
+            if (this.compRef?.instance?.ngOnChanges) {
+                this.compRef.instance.ngOnChanges(this.hostObject);
+            }
+        }
+    }
+    async ngOnChanges(changes) {
+        // if (changes?.options?.currentValue) {
+        //     this.loadModule(changes?.options?.currentValue);
+        // }
+    }
+    async loadModule() {
+        const t0 = performance.now();
+        // Check if only need update
+        if (!this.options?.update) {
+            this.viewContainer?.clear();
+            if (this.options?.noModule) { // Load Component
+                const componentType = await loadRemoteModule(this.options).then(m => m[this.options.componentName]);
+                this.compRef = this.viewContainer.createComponent(componentType, { injector: this.injector });
+            }
+            else { // Load Module
+                if (this.options?.addonId && (this.options.type === 'module' || this.options.type === 'script')) {
+                    const lastSlashIndex = this.options.remoteEntry?.lastIndexOf('/') || -1;
+                    if (lastSlashIndex > 0) {
+                        const publicPath = this.options.remoteEntry.substring(0, lastSlashIndex + 1);
+                        this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);
+                    }
+                }
+                const module = await loadRemoteModule(this.options).then(m => m);
+                const moduleRef = createNgModuleRef(module[this.options.exposedModule.replace('./', '')], this.injector);
+                this.compRef = this.viewContainer.createComponent(module[this.options.componentName], { injector: this.injector, ngModuleRef: moduleRef });
+                const t1 = performance.now();
+                console.log('remote module load performance: ' + (t1 - t0) / 1000);
+            }
+            this.load.emit();
+        }
+        if (this.compRef) {
+            this.setHostComponentIntoComponentRef();
+            this.compRef?.instance['hostEvents']?.subscribe(e => {
+                // switch(e.action){
+                //     case 'addon-loaded':
+                //         this.showSpinner = false;
+                // }
+                this.hostEvents.emit(e);
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.compRef?.destroy();
+        this.viewContainer?.clear();
+    }
+}
+PepRemoteLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderComponent, deps: [{ token: i0.Injector }, { token: i1.PepAddonService }], target: i0.ɵɵFactoryTarget.Component });
 PepRemoteLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepRemoteLoaderComponent, selector: "pep-remote-loader", inputs: { options: "options", hostObject: "hostObject" }, outputs: { hostEvents: "hostEvents", load: "load" }, viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["placeHolder"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <!-- <mat-spinner *ngIf="showSpinner; else placeHolder"></mat-spinner> -->
         <ng-template #placeHolder></ng-template>
-    `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-remote-loader',
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-remote-loader',
                     template: `
         <!-- <mat-spinner *ngIf="showSpinner; else placeHolder"></mat-spinner> -->
         <ng-template #placeHolder></ng-template>
-    `
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.PepAddonService }]; }, propDecorators: { viewContainer: [{
-                type: ViewChild,
-                args: ['placeHolder', { read: ViewContainerRef, static: true }]
-            }], options: [{
-                type: Input
-            }], hostObject: [{
-                type: Input
-            }], hostEvents: [{
-                type: Output
-            }], load: [{
-                type: Output
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.PepAddonService }]; }, propDecorators: { viewContainer: [{
+                type: ViewChild,
+                args: ['placeHolder', { read: ViewContainerRef, static: true }]
+            }], options: [{
+                type: Input
+            }], hostObject: [{
+                type: Input
+            }], hostEvents: [{
+                type: Output
+            }], load: [{
+                type: Output
             }] } });
 
-class PepAddonBlockLoaderComponent {
-    constructor(remoteLoaderService) {
-        this.remoteLoaderService = remoteLoaderService;
-        this.remoteEntry = '';
-        this._blockType = 'AddonBlock';
-        this._name = '';
-        this.hostObject = null;
-        this._dialogRef = null;
-        this.hostEvents = new EventEmitter();
-        this.blockLoad = new EventEmitter();
-        this.inDialog = false;
-        this.remotePathOptions = null;
-        //
-    }
-    set blockType(value) {
-        this._blockType = value;
-    }
-    get blockType() {
-        return this._blockType;
-    }
-    set name(value) {
-        this._name = value;
-    }
-    get name() {
-        return this._name;
-    }
-    set dialogRef(value) {
-        this._dialogRef = value;
-        this.inDialog = this._dialogRef != null;
-    }
-    get dialogRef() {
-        return this._dialogRef;
-    }
-    ngOnInit() {
-        this.remoteLoaderService.getBlockRemoteLoaderOptions(this.name, this.blockType, this.remoteEntry).then(options => {
-            this.remotePathOptions = options;
-        });
-    }
-    ngOnDestroy() {
-        if (this.dialogRef) {
-            this.dialogRef = null;
-        }
-        this.remotePathOptions = null;
-    }
-    onBlockLoad() {
-        this.blockLoad.emit();
-    }
-    onHostEvents(event) {
-        this.hostEvents.emit(event);
-    }
-    closeDialog(event) {
-        this.dialogRef?.close(event);
-    }
-}
-PepAddonBlockLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderComponent, deps: [{ token: PepRemoteLoaderService }], target: i0.ɵɵFactoryTarget.Component });
-PepAddonBlockLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepAddonBlockLoaderComponent, selector: "pep-addon-block-loader", inputs: { remoteEntry: "remoteEntry", blockType: "blockType", name: "name", hostObject: "hostObject", dialogRef: "dialogRef" }, outputs: { hostEvents: "hostEvents", blockLoad: "blockLoad" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"!inDialog\">\n    <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #dialogTemplate let-data>\n    <pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\" [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n        <ng-container pep-dialog-content>\n            <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n        </ng-container>\n    </pep-dialog>\n</ng-template>\n\n<ng-template #remoteLoaderTemplate>\n    <pep-remote-loader *ngIf=\"remotePathOptions\"\n        [options]=\"remotePathOptions\"\n        [hostObject]=\"hostObject\"\n        (hostEvents)=\"onHostEvents($event);\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "component", type: PepRemoteLoaderComponent, selector: "pep-remote-loader", inputs: ["options", "hostObject"], outputs: ["hostEvents", "load"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-addon-block-loader', template: "<ng-container *ngIf=\"!inDialog\">\n    <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #dialogTemplate let-data>\n    <pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\" [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n        <ng-container pep-dialog-content>\n            <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n        </ng-container>\n    </pep-dialog>\n</ng-template>\n\n<ng-template #remoteLoaderTemplate>\n    <pep-remote-loader *ngIf=\"remotePathOptions\"\n        [options]=\"remotePathOptions\"\n        [hostObject]=\"hostObject\"\n        (hostEvents)=\"onHostEvents($event);\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader>\n</ng-template>" }]
-        }], ctorParameters: function () { return [{ type: PepRemoteLoaderService }]; }, propDecorators: { dialogTemplate: [{
-                type: ViewChild,
-                args: ['dialogTemplate', { static: true, read: TemplateRef }]
-            }], remoteEntry: [{
-                type: Input
-            }], blockType: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], hostObject: [{
-                type: Input
-            }], dialogRef: [{
-                type: Input
-            }], hostEvents: [{
-                type: Output
-            }], blockLoad: [{
-                type: Output
+class PepAddonBlockLoaderComponent {
+    constructor(remoteLoaderService) {
+        this.remoteLoaderService = remoteLoaderService;
+        this.remoteEntry = '';
+        this._blockType = 'AddonBlock';
+        this._name = '';
+        this.hostObject = null;
+        this._dialogRef = null;
+        this.hostEvents = new EventEmitter();
+        this.blockLoad = new EventEmitter();
+        this.inDialog = false;
+        this.remotePathOptions = null;
+        //
+    }
+    set blockType(value) {
+        this._blockType = value;
+    }
+    get blockType() {
+        return this._blockType;
+    }
+    set name(value) {
+        this._name = value;
+    }
+    get name() {
+        return this._name;
+    }
+    set dialogRef(value) {
+        this._dialogRef = value;
+        this.inDialog = this._dialogRef != null;
+    }
+    get dialogRef() {
+        return this._dialogRef;
+    }
+    ngOnInit() {
+        this.remoteLoaderService.getBlockRemoteLoaderOptions(this.name, this.blockType, this.remoteEntry).then(options => {
+            this.remotePathOptions = options;
+        });
+    }
+    ngOnDestroy() {
+        if (this.dialogRef) {
+            this.dialogRef = null;
+        }
+        this.remotePathOptions = null;
+    }
+    onBlockLoad() {
+        this.blockLoad.emit();
+    }
+    onHostEvents(event) {
+        this.hostEvents.emit(event);
+    }
+    closeDialog(event) {
+        this.dialogRef?.close(event);
+    }
+}
+PepAddonBlockLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderComponent, deps: [{ token: PepRemoteLoaderService }], target: i0.ɵɵFactoryTarget.Component });
+PepAddonBlockLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepAddonBlockLoaderComponent, selector: "pep-addon-block-loader", inputs: { remoteEntry: "remoteEntry", blockType: "blockType", name: "name", hostObject: "hostObject", dialogRef: "dialogRef" }, outputs: { hostEvents: "hostEvents", blockLoad: "blockLoad" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"!inDialog\">\n    <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #dialogTemplate let-data>\n    <pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\" [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n        <ng-container pep-dialog-content>\n            <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n        </ng-container>\n    </pep-dialog>\n</ng-template>\n\n<ng-template #remoteLoaderTemplate>\n    <pep-remote-loader *ngIf=\"remotePathOptions\"\n        [options]=\"remotePathOptions\"\n        [hostObject]=\"hostObject\"\n        (hostEvents)=\"onHostEvents($event);\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.PepDialogComponent, selector: "pep-dialog", inputs: ["title", "showClose", "showHeader", "showFooter"], outputs: ["close"] }, { kind: "component", type: PepRemoteLoaderComponent, selector: "pep-remote-loader", inputs: ["options", "hostObject"], outputs: ["hostEvents", "load"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-addon-block-loader', template: "<ng-container *ngIf=\"!inDialog\">\n    <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #dialogTemplate let-data>\n    <pep-dialog [showClose]=\"data?.showClose\" [showHeader]=\"data?.showHeader\" [showFooter]=\"data?.showFooter\" [title]=\"data?.title\" (close)=\"closeDialog($event)\">\n        <ng-container pep-dialog-content>\n            <ng-container *ngTemplateOutlet=\"remoteLoaderTemplate\"></ng-container>\n        </ng-container>\n    </pep-dialog>\n</ng-template>\n\n<ng-template #remoteLoaderTemplate>\n    <pep-remote-loader *ngIf=\"remotePathOptions\"\n        [options]=\"remotePathOptions\"\n        [hostObject]=\"hostObject\"\n        (hostEvents)=\"onHostEvents($event);\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader>\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: PepRemoteLoaderService }]; }, propDecorators: { dialogTemplate: [{
+                type: ViewChild,
+                args: ['dialogTemplate', { static: true, read: TemplateRef }]
+            }], remoteEntry: [{
+                type: Input
+            }], blockType: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], hostObject: [{
+                type: Input
+            }], dialogRef: [{
+                type: Input
+            }], hostEvents: [{
+                type: Output
+            }], blockLoad: [{
+                type: Output
             }] } });
 
-class PepAddonBlockLoaderService {
-    constructor(dialogService) {
-        this.dialogService = dialogService;
-        //
-    }
-    loadAddonBlockInternal(options) {
-        if (options.container !== null) {
-            // const factory = this.resolver.resolveComponentFactory(PepAddonBlockLoaderComponent);
-            const componentRef = options.container.createComponent(PepAddonBlockLoaderComponent);
-            const addonBlockInstance = componentRef.instance;
-            addonBlockInstance.blockType = options.blockType || 'AddonBlock';
-            addonBlockInstance.name = options.name;
-            addonBlockInstance.hostObject = options.hostObject;
-            addonBlockInstance.hostEvents.subscribe((event) => {
-                if (options.hostEventsCallback) {
-                    options.hostEventsCallback(event);
-                }
-            });
-            return componentRef;
-        }
-        else {
-            return null;
-        }
-    }
-    loadAddonBlockInContainer(options) {
-        return this.loadAddonBlockInternal(options);
-    }
-    loadAddonBlockInDialog(options) {
-        const componentRef = this.loadAddonBlockInternal(options);
-        if (componentRef) {
-            const addonBlockInstance = componentRef.instance;
-            const pepConfig = this.dialogService.getDialogConfig({ disableClose: false, panelClass: 'remote-loader-dialog' }, options.size || 'full-screen');
-            const mergeConfig = { ...options.config, ...pepConfig };
-            const data = options.data || null;
-            addonBlockInstance.dialogRef = this.dialogService.openDialog(addonBlockInstance.dialogTemplate, data, mergeConfig);
-            addonBlockInstance.dialogRef.afterClosed().subscribe(() => {
-                componentRef.hostView.detach();
-                componentRef.hostView.destroy();
-                componentRef.destroy();
-            });
-            return addonBlockInstance.dialogRef;
-        }
-        else {
-            return null;
-        }
-    }
-}
-PepAddonBlockLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderService, deps: [{ token: i1$1.PepDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-PepAddonBlockLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class PepAddonBlockLoaderService {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+        //
+    }
+    loadAddonBlockInternal(options) {
+        if (options.container !== null) {
+            // const factory = this.resolver.resolveComponentFactory(PepAddonBlockLoaderComponent);
+            const componentRef = options.container.createComponent(PepAddonBlockLoaderComponent);
+            const addonBlockInstance = componentRef.instance;
+            addonBlockInstance.blockType = options.blockType || 'AddonBlock';
+            addonBlockInstance.name = options.name;
+            addonBlockInstance.hostObject = options.hostObject;
+            addonBlockInstance.hostEvents.subscribe((event) => {
+                if (options.hostEventsCallback) {
+                    options.hostEventsCallback(event);
+                }
+            });
+            return componentRef;
+        }
+        else {
+            return null;
+        }
+    }
+    loadAddonBlockInContainer(options) {
+        return this.loadAddonBlockInternal(options);
+    }
+    loadAddonBlockInDialog(options) {
+        const componentRef = this.loadAddonBlockInternal(options);
+        if (componentRef) {
+            const addonBlockInstance = componentRef.instance;
+            const pepConfig = this.dialogService.getDialogConfig({ disableClose: false, panelClass: 'remote-loader-dialog' }, options.size || 'full-screen');
+            const mergeConfig = { ...options.config, ...pepConfig };
+            const data = options.data || null;
+            addonBlockInstance.dialogRef = this.dialogService.openDialog(addonBlockInstance.dialogTemplate, data, mergeConfig);
+            addonBlockInstance.dialogRef.afterClosed().subscribe(() => {
+                componentRef.hostView.detach();
+                componentRef.hostView.destroy();
+                componentRef.destroy();
+            });
+            return addonBlockInstance.dialogRef;
+        }
+        else {
+            return null;
+        }
+    }
+}
+PepAddonBlockLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderService, deps: [{ token: i1$1.PepDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+PepAddonBlockLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddonBlockLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1$1.PepDialogService }]; } });
 
-class PepRemoteLoaderModule {
-}
-PepRemoteLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepRemoteLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, declarations: [PepAddonBlockLoaderComponent,
-        PepRemoteLoaderComponent], imports: [CommonModule,
-        HttpClientModule,
-        // Material modules,
-        MatDialogModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepDialogModule], exports: [PepAddonBlockLoaderComponent,
-        PepRemoteLoaderComponent] });
-PepRemoteLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, providers: [
-        PepAddonBlockLoaderService,
-        PepRemoteLoaderService
-    ], imports: [CommonModule,
-        HttpClientModule,
-        // Material modules,
-        MatDialogModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepDialogModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PepAddonBlockLoaderComponent,
-                        PepRemoteLoaderComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        HttpClientModule,
-                        // Material modules,
-                        MatDialogModule,
-                        // ngx-lib modules
-                        PepNgxLibModule,
-                        PepDialogModule,
-                    ],
-                    exports: [
-                        PepAddonBlockLoaderComponent,
-                        PepRemoteLoaderComponent,
-                    ],
-                    providers: [
-                        PepAddonBlockLoaderService,
-                        PepRemoteLoaderService
-                    ]
-                }]
+class PepRemoteLoaderModule {
+}
+PepRemoteLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepRemoteLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, declarations: [PepAddonBlockLoaderComponent,
+        PepRemoteLoaderComponent], imports: [CommonModule,
+        HttpClientModule,
+        // Material modules,
+        MatDialogModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepDialogModule], exports: [PepAddonBlockLoaderComponent,
+        PepRemoteLoaderComponent] });
+PepRemoteLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, providers: [
+        PepAddonBlockLoaderService,
+        PepRemoteLoaderService
+    ], imports: [CommonModule,
+        HttpClientModule,
+        // Material modules,
+        MatDialogModule,
+        // ngx-lib modules
+        PepNgxLibModule,
+        PepDialogModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRemoteLoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PepAddonBlockLoaderComponent,
+                        PepRemoteLoaderComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        // Material modules,
+                        MatDialogModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                        PepDialogModule,
+                    ],
+                    exports: [
+                        PepAddonBlockLoaderComponent,
+                        PepRemoteLoaderComponent,
+                    ],
+                    providers: [
+                        PepAddonBlockLoaderService,
+                        PepRemoteLoaderService
+                    ]
+                }]
         }] });
 
-/*
- * Public API Surface of remote-loader
+/*
+ * Public API Surface of remote-loader
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { PepAddonBlockLoaderComponent, PepAddonBlockLoaderService, PepRemoteLoaderComponent, PepRemoteLoaderModule, PepRemoteLoaderService };