@pepperi-addons/ngx-lib 0.5.0-ng15.3 → 0.5.0-ng16.1

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

@@ -1,644 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, createNgModuleRef, ViewContainerRef, Component, ViewChild, Input, Output, Optional, TemplateRef, NgModule } from '@angular/core';
-import { __awaiter } from 'tslib';
-import { coerceNumberProperty } from '@angular/cdk/coercion';
-import * as i1 from '@pepperi-addons/ngx-lib';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1$1 from '@pepperi-addons/ngx-lib/dialog';
-import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
-import { loadRemoteModule } from '@angular-architects/module-federation';
-import * as i3 from '@angular/router';
-import { HttpClientModule } from '@angular/common/http';
-import { MatDialogModule } from '@angular/material/dialog';
-import { ModuleFederationToolsModule } from '@angular-architects/module-federation-tools';
-
-class PepRemoteLoaderService {
-    constructor(httpService, sessionService, addonService) {
-        this.httpService = httpService;
-        this.sessionService = sessionService;
-        this.addonService = addonService;
-        //
-    }
-    getBlockLoaderDataUrl(options) {
-        var _a;
-        const fileName = 'addon_blocks';
-        const pagesAddonUuid = this.addonService.getPagesAddonUUID();
-        let pagesBaseUrl;
-        // For devServer run server on localhost.
-        if (((_a = options.pagesDevServer) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            pagesBaseUrl = `${options.pagesDevServer}/${fileName}`;
-        }
-        else {
-            const baseUrl = this.sessionService.getPapiBaseUrl();
-            pagesBaseUrl = `${baseUrl}/addons/api/${pagesAddonUuid}/${fileName}`;
-        }
-        const url = `${pagesBaseUrl}/get_addon_block_loader_data?name=${options.name}&slugName=${options.slugName}&blockType=${options.blockType}&addonUUID=${options.addonUUID}`;
-        return url;
-    }
-    getRemoteLoaderOptions(blockLoaderData, blockRemoteEntry = '', type = 'module') {
-        var _a;
-        const loadAsElement = ((_a = blockLoaderData.relation.ElementName) === null || _a === void 0 ? void 0 : _a.length) > 0;
-        const exposedModule = loadAsElement ? (blockLoaderData.relation.ElementsModule || 'WebComponents') : blockLoaderData.relation.ModuleName;
-        const res = {
-            type: type,
-            remoteEntry: blockRemoteEntry.length > 0 ? blockRemoteEntry : `${blockLoaderData.addonPublicBaseURL}${blockLoaderData.relation.AddonRelativeURL}.js`,
-            remoteName: blockLoaderData.relation.AddonRelativeURL,
-            exposedModule: `./${exposedModule}`,
-            addonId: blockLoaderData.relation.AddonUUID, // For local use (adding the relative path to the assets).
-        };
-        // If it's web components
-        if (loadAsElement) {
-            res['elementName'] = blockLoaderData.relation.ElementName;
-        }
-        else { // For load the component from the module.
-            res['componentName'] = blockLoaderData.relation.ComponentName;
-        }
-        return res;
-    }
-    getBlockLoaderDataSuccess(data, options) {
-        var _a, _b;
-        const ngVersionNumber = coerceNumberProperty((_b = (_a = data.relation) === null || _a === void 0 ? void 0 : _a.SubType) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase().replace('ng', ''), 14);
-        const type = ngVersionNumber >= 14 ? 'module' : 'script';
-        return this.getRemoteLoaderOptions(data, options.blockRemoteEntry, type);
-    }
-    getBlockLoaderDataError(options) {
-        const nameMsg = options.blockType === 'SettingsBlock' ? `slugName - ${options.slugName}` : `name - ${options.name}`;
-        return (`Block with ${nameMsg} is not found for type - ${options.blockType}`);
-    }
-    getBlockRemoteLoaderOptions(options) {
-        var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function* () {
-            options.blockType = (_a = options.blockType) !== null && _a !== void 0 ? _a : 'AddonBlock';
-            options.name = (_b = options.name) !== null && _b !== void 0 ? _b : '';
-            options.slugName = (_c = options.slugName) !== null && _c !== void 0 ? _c : '';
-            options.addonUUID = (_d = options.addonUUID) !== null && _d !== void 0 ? _d : '';
-            return new Promise((resolve, reject) => {
-                var _a, _b, _c;
-                if (((_a = options.name) === null || _a === void 0 ? void 0 : _a.length) > 0 || (((_b = options.slugName) === null || _b === void 0 ? void 0 : _b.length) > 0 && options.blockType === 'SettingsBlock')) {
-                    if (options.blockType === 'SettingsBlock' || options.blockType === 'LogicBlock' || ((_c = options.pagesDevServer) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-                        // Work online for settings blocks or logic blocks or debug only !!!
-                        const blockLoaderDataUrl = this.getBlockLoaderDataUrl(options);
-                        this.httpService.getHttpCall(blockLoaderDataUrl).toPromise().then((data) => {
-                            resolve(this.getBlockLoaderDataSuccess(data, options));
-                        }).catch(err => {
-                            reject(this.getBlockLoaderDataError(options));
-                        });
-                    }
-                    else {
-                        // Work offline !!!
-                        this.addonService.emitEvent("GetBlockLoaderData", {
-                            Name: options.name,
-                            // SlugName: options.slugName,
-                            BlockType: options.blockType,
-                            // AddonUUID: options.addonUUID
-                        }).then((res) => {
-                            resolve(this.getBlockLoaderDataSuccess(res, options));
-                        }).catch(err => {
-                            reject(this.getBlockLoaderDataError(options));
-                        });
-                    }
-                }
-                else {
-                    if (options.blockType === 'SettingsBlock') {
-                        reject(`slugName is not supplied`);
-                    }
-                    else {
-                        reject(`name is not supplied`);
-                    }
-                }
-            });
-        });
-    }
-}
-PepRemoteLoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderService, deps: [{ token: i1.PepHttpService }, { token: i1.PepSessionService }, { token: i1.PepAddonService }], target: i0.ɵɵFactoryTarget.Injectable });
-PepRemoteLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepHttpService }, { type: i1.PepSessionService }, { type: i1.PepAddonService }]; } });
-
-class PepRemoteLoaderComponent {
-    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;
-    }
-    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();
-    }
-    setHostComponentIntoComponentRef() {
-        var _a;
-        if (this.hostObject && ((_a = this.compRef) === null || _a === void 0 ? void 0 : _a.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);
-            // }
-        }
-    }
-    ngOnChanges(changes) {
-        // if (changes?.options?.currentValue) {
-        //     this.loadModule(changes?.options?.currentValue);
-        // }
-    }
-    loadModule() {
-        var _a, _b, _c, _d, _e, _f;
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const t0 = performance.now();
-                (_a = this.viewContainer) === null || _a === void 0 ? void 0 : _a.clear();
-                if (((_b = this.options.exposedModule) === null || _b === void 0 ? void 0 : _b.length) > 0) { // Load module
-                    if (((_c = this.options) === null || _c === void 0 ? void 0 : _c.addonId) && (this.options.type === 'module' || this.options.type === 'script')) {
-                        const lastSlashIndex = ((_d = this.options.remoteEntry) === null || _d === void 0 ? void 0 : _d.lastIndexOf('/')) || -1;
-                        if (lastSlashIndex > 0) {
-                            const publicPath = this.options.remoteEntry.substring(0, lastSlashIndex + 1);
-                            this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);
-                        }
-                    }
-                    const module = yield 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);
-                }
-                // Check if this is in use??? (comment out in Angular 14 version)
-                // else { // Load Component
-                //     const componentType = await loadRemoteModule(this.options).then(m => m[this.options.componentName]);
-                //     this.compRef = this.viewContainer.createComponent(componentType, { injector: this.injector });
-                // }
-                this.load.emit();
-                if (this.compRef) {
-                    this.setHostComponentIntoComponentRef();
-                    (_f = (_e = this.compRef) === null || _e === void 0 ? void 0 : _e.instance['hostEvents']) === null || _f === void 0 ? void 0 : _f.subscribe(e => {
-                        // switch(e.action){
-                        //     case 'addon-loaded':
-                        //         this.showSpinner = false;
-                        // }
-                        this.hostEvents.emit(e);
-                    });
-                }
-            }
-            catch (error) {
-                console.error(error);
-            }
-        });
-    }
-    ngOnDestroy() {
-        var _a, _b;
-        (_a = this.compRef) === null || _a === void 0 ? void 0 : _a.destroy();
-        (_b = this.viewContainer) === null || _b === void 0 ? void 0 : _b.clear();
-    }
-}
-PepRemoteLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderComponent, deps: [{ token: i0.Injector }, { token: i1.PepAddonService }], target: i0.ɵɵFactoryTarget.Component });
-PepRemoteLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", 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
-            }] } });
-
-class PepRemoteLoaderElementComponent {
-    // // This is for debounce.
-    // private _getBlockRemoteLoaderOptionsSubject = new BehaviorSubject<BlockRemoteLoaderOptionsData>(null);
-    // get getBlockRemoteLoaderOptionsDebouncedSubject$(): Observable<BlockRemoteLoaderOptionsData> {
-    //     return this._getBlockRemoteLoaderOptionsSubject.asObservable().pipe(debounceTime(250));
-    // }
-    constructor(renderer, el, pepAddonService, remoteLoaderService, route) {
-        this.renderer = renderer;
-        this.el = el;
-        this.pepAddonService = pepAddonService;
-        this.remoteLoaderService = remoteLoaderService;
-        this.route = route;
-        this.load = new EventEmitter();
-        this.element = null;
-        this._elementName = '';
-        this._blockType = '';
-        this._alreadyLoaded = false;
-    }
-    populateProps() {
-        for (const prop in this.props) {
-            this.element[prop] = this.props[prop];
-        }
-    }
-    setupEvents() {
-        for (const event in this.events) {
-            this.element.addEventListener(event, this.events[event]);
-        }
-    }
-    loadOptionsFromRoute() {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            const params = (_a = this.route) === null || _a === void 0 ? void 0 : _a.snapshot.params;
-            const data = (_b = this.route) === null || _b === void 0 ? void 0 : _b.snapshot.data;
-            this._blockType = (data === null || data === void 0 ? void 0 : data.blockType) || 'SettingsBlock';
-            const slugName = (params === null || params === void 0 ? void 0 : params.slugName) || (data === null || data === void 0 ? void 0 : data.slugName);
-            const blockName = (params === null || params === void 0 ? void 0 : params.blockName) || (data === null || data === void 0 ? void 0 : data.blockName);
-            if ((blockName === null || blockName === void 0 ? void 0 : blockName.length) > 0 || ((slugName === null || slugName === void 0 ? void 0 : slugName.length) > 0 && this._blockType === 'SettingsBlock')) {
-                const addonUUID = (params === null || params === void 0 ? void 0 : params.addonUUID) || (data === null || data === void 0 ? void 0 : data.addonUUID) || '';
-                const blockRemoteEntry = (data === null || data === void 0 ? void 0 : data.blockRemoteEntry) || '';
-                this.options = yield this.remoteLoaderService.getBlockRemoteLoaderOptions({
-                    name: blockName,
-                    slugName,
-                    blockType: this._blockType,
-                    addonUUID,
-                    blockRemoteEntry
-                });
-                const fileName = `${this.options['remoteName']}.js`;
-                if (window.location.search.indexOf('dev=true') > 0) {
-                    this.options['remoteEntry'] = `http://localhost:4400/${fileName}`;
-                }
-                // Set the data into the props cause this component is loading from the route.
-                this.props = data;
-            }
-        });
-    }
-    ngOnChanges() {
-        if (!this.element)
-            return;
-        this.populateProps();
-    }
-    ngOnDestroy() {
-        // 
-    }
-    /**
-     * Loads the remote JS bundle as a script tag for web component remotes.
-     * If the script is already loaded, resolves immediately.
-     */
-    // private async loadRemoteScript(remoteEntryUrl: string): Promise<any> {
-    //     return new Promise<any>((resolve, reject) => {
-    //         if (document.querySelector(`script[src="${remoteEntryUrl}"]`)) {
-    //             // If script is already loaded, try to get the module
-    //             import(remoteEntryUrl).then(module => {
-    //                 if (module && module.init) {
-    //                     module.init();
-    //                 }
-    //                 resolve(module);
-    //             }).catch(err => reject(err));
-    //             return;
-    //         }
-    //         const script = document.createElement('script');
-    //         script.type = 'module';
-    //         script.src = remoteEntryUrl;
-    //         script.onload = () => {
-    //             // After script is loaded, dynamically import it to get the module
-    //             import(remoteEntryUrl).then(module => {
-    //                 if (module && module.init) {
-    //                     module.init();
-    //                 }
-    //                 resolve(module);
-    //             }).catch(err => reject(err));
-    //         };
-    //         script.onerror = (err) => reject(err);
-    //         document.body.appendChild(script);
-    //     });
-    // }
-    loadElementFromModule() {
-        var _a, _b;
-        if (!this.options) {
-            throw new Error('No options supplied to the component.');
-        }
-        else {
-            if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.addonId) && (this.options.type === 'module' || this.options.type === 'script')) {
-                const lastSlashIndex = ((_b = this.options.remoteEntry) === null || _b === void 0 ? void 0 : _b.lastIndexOf('/')) || -1;
-                if (lastSlashIndex > 0) {
-                    const publicPath = this.options.remoteEntry.substring(0, lastSlashIndex + 1);
-                    this.pepAddonService.setAddonStaticFolder(publicPath, this.options.addonId);
-                }
-            }
-            const t0 = performance.now();
-            // debugger;
-            // this.loadRemoteScript(this.options['remoteEntry']).then(() => {
-            loadRemoteModule(this.options).then((m) => {
-                this._elementName = this.options.elementName;
-                this.element = this.renderer.createElement(this._elementName);
-                this.populateProps();
-                this.setupEvents();
-                this.renderer.appendChild(this.el.nativeElement, this.element);
-                const t1 = performance.now();
-                console.log('remote module wc load performance: ' + (t1 - t0) / 1000);
-                // Fix internal routing bug.
-                if (this._blockType === 'SettingsBlock') {
-                    this.pepAddonService.connectInternalRouter(this._elementName);
-                }
-                this.load.emit();
-            });
-        }
-    }
-    ngAfterContentInit() {
-        try {
-            // if (!this.element) { maybe the load of the element is too long so change to flag.
-            if (!this._alreadyLoaded) {
-                this._alreadyLoaded = true;
-                // If the options is not supplied then we need to get it from the route.
-                if (!this.options) {
-                    this.loadOptionsFromRoute().then(() => {
-                        this.loadElementFromModule();
-                    });
-                }
-                else {
-                    this.loadElementFromModule();
-                }
-            }
-        }
-        catch (error) {
-            console.error(error);
-        }
-    }
-}
-PepRemoteLoaderElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderElementComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.PepAddonService }, { token: PepRemoteLoaderService }, { token: i3.ActivatedRoute, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-PepRemoteLoaderElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepRemoteLoaderElementComponent, selector: "pep-remote-loader-element", inputs: { options: "options", props: "props", events: "events" }, outputs: { load: "load" }, usesOnChanges: true, ngImport: i0, template: `
-        <!--<div #vc style="height: inherit;"></div>-->
-    `, isInline: true, styles: [":host{width:100%;height:inherit}:host::ng-deep>*{height:inherit}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderElementComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-remote-loader-element', template: `
-        <!--<div #vc style="height: inherit;"></div>-->
-    `, styles: [":host{width:100%;height:inherit}:host::ng-deep>*{height:inherit}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.PepAddonService }, { type: PepRemoteLoaderService }, { type: i3.ActivatedRoute, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { options: [{
-                type: Input
-            }], props: [{
-                type: Input
-            }], events: [{
-                type: Input
-            }], load: [{
-                type: Output
-            }] } });
-
-class PepAddonBlockLoaderComponent {
-    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;
-    }
-    set remoteLoaderOptions(value) {
-        var _a, _b;
-        this._remoteLoaderOptions = value;
-        this.loadElement = ((_b = (_a = this.remoteLoaderOptions) === null || _a === void 0 ? void 0 : _a.elementName) === null || _b === void 0 ? void 0 : _b.length) > 0;
-    }
-    get remoteLoaderOptions() {
-        return this._remoteLoaderOptions;
-    }
-    constructor(remoteLoaderService) {
-        this.remoteLoaderService = remoteLoaderService;
-        this.addonId = '';
-        this.remoteEntry = '';
-        this.slugName = '';
-        this._blockType = 'AddonBlock';
-        this._name = '';
-        this.hostObject = null;
-        this._dialogRef = null;
-        this._remoteLoaderOptions = null;
-        this.hostEvents = new EventEmitter();
-        this.blockLoad = new EventEmitter();
-        this.inDialog = false;
-        this.loadElement = false;
-        this.onHostEventsCallback = (event) => {
-            this.onHostEvents(event.detail);
-        };
-    }
-    ngOnInit() {
-        if (this.remoteLoaderOptions === null) {
-            const rlpOptions = {
-                name: this.name,
-                slugName: this.slugName,
-                blockType: this.blockType,
-                addonUUID: this.addonId,
-                blockRemoteEntry: this.remoteEntry
-            };
-            this.remoteLoaderService.getBlockRemoteLoaderOptions(rlpOptions).then((options) => {
-                this.remoteLoaderOptions = options;
-            });
-        }
-    }
-    ngOnDestroy() {
-        if (this.dialogRef) {
-            this.dialogRef = null;
-        }
-        this.remoteLoaderOptions = null;
-    }
-    onBlockLoad() {
-        this.blockLoad.emit();
-    }
-    onHostEvents(event) {
-        this.hostEvents.emit(event);
-    }
-    closeDialog(event) {
-        var _a;
-        (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close(event);
-    }
-}
-PepAddonBlockLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddonBlockLoaderComponent, deps: [{ token: PepRemoteLoaderService }], target: i0.ɵɵFactoryTarget.Component });
-PepAddonBlockLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepAddonBlockLoaderComponent, selector: "pep-addon-block-loader", inputs: { addonId: "addonId", remoteEntry: "remoteEntry", slugName: "slugName", blockType: "blockType", name: "name", hostObject: "hostObject", dialogRef: "dialogRef", remoteLoaderOptions: "remoteLoaderOptions" }, 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=\"remoteLoaderOptions && !loadElement\"\n        [options]=\"remoteLoaderOptions\"\n        [hostObject]=\"hostObject\"\n        (hostEvents)=\"onHostEvents($event);\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader>\n\n    <pep-remote-loader-element *ngIf=\"remoteLoaderOptions && loadElement\" \n        [options]=\"remoteLoaderOptions\"\n        [props]=\"{ hostObject: hostObject }\"\n        [events]=\"{ hostEvents: onHostEventsCallback }\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader-element>\n\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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"] }, { kind: "component", type: PepRemoteLoaderElementComponent, selector: "pep-remote-loader-element", inputs: ["options", "props", "events"], outputs: ["load"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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=\"remoteLoaderOptions && !loadElement\"\n        [options]=\"remoteLoaderOptions\"\n        [hostObject]=\"hostObject\"\n        (hostEvents)=\"onHostEvents($event);\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader>\n\n    <pep-remote-loader-element *ngIf=\"remoteLoaderOptions && loadElement\" \n        [options]=\"remoteLoaderOptions\"\n        [props]=\"{ hostObject: hostObject }\"\n        [events]=\"{ hostEvents: onHostEventsCallback }\"\n        (load)=\"onBlockLoad()\">\n    </pep-remote-loader-element>\n\n</ng-template>" }]
-        }], ctorParameters: function () { return [{ type: PepRemoteLoaderService }]; }, propDecorators: { dialogTemplate: [{
-                type: ViewChild,
-                args: ['dialogTemplate', { static: true, read: TemplateRef }]
-            }], addonId: [{
-                type: Input
-            }], remoteEntry: [{
-                type: Input
-            }], slugName: [{
-                type: Input
-            }], blockType: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], hostObject: [{
-                type: Input
-            }], dialogRef: [{
-                type: Input
-            }], remoteLoaderOptions: [{
-                type: Input
-            }], hostEvents: [{
-                type: Output
-            }], blockLoad: [{
-                type: Output
-            }] } });
-
-class PepAddonBlockLoaderService {
-    constructor(dialogService) {
-        this.dialogService = dialogService;
-        //
-    }
-    loadAddonBlockInternal(options) {
-        if (options.container !== null) {
-            const componentRef = options.container.createComponent(PepAddonBlockLoaderComponent);
-            const addonBlockInstance = componentRef.instance;
-            addonBlockInstance.name = options.name;
-            addonBlockInstance.slugName = options.slugName;
-            addonBlockInstance.blockType = options.blockType || 'AddonBlock';
-            addonBlockInstance.addonId = options.addonUUID;
-            addonBlockInstance.remoteEntry = options.blockRemoteEntry;
-            addonBlockInstance.hostObject = options.hostObject;
-            if (options.remoteLoaderOptions) {
-                addonBlockInstance.remoteLoaderOptions = options.remoteLoaderOptions;
-            }
-            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 = Object.assign(Object.assign({}, pepConfig), options.config);
-            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: "15.2.10", ngImport: i0, type: PepAddonBlockLoaderService, deps: [{ token: i1$1.PepDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-PepAddonBlockLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepAddonBlockLoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: PepRemoteLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepRemoteLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderModule, declarations: [PepAddonBlockLoaderComponent,
-        PepRemoteLoaderComponent,
-        PepRemoteLoaderElementComponent], imports: [CommonModule,
-        HttpClientModule,
-        ModuleFederationToolsModule,
-        // Material modules,
-        MatDialogModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepDialogModule], exports: [PepAddonBlockLoaderComponent,
-        PepRemoteLoaderComponent,
-        PepRemoteLoaderElementComponent] });
-PepRemoteLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderModule, providers: [
-        PepAddonBlockLoaderService,
-        PepRemoteLoaderService
-    ], imports: [CommonModule,
-        HttpClientModule,
-        ModuleFederationToolsModule,
-        // Material modules,
-        MatDialogModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepDialogModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepRemoteLoaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PepAddonBlockLoaderComponent,
-                        PepRemoteLoaderComponent,
-                        PepRemoteLoaderElementComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        HttpClientModule,
-                        ModuleFederationToolsModule,
-                        // Material modules,
-                        MatDialogModule,
-                        // ngx-lib modules
-                        PepNgxLibModule,
-                        PepDialogModule,
-                    ],
-                    exports: [
-                        PepAddonBlockLoaderComponent,
-                        PepRemoteLoaderComponent,
-                        PepRemoteLoaderElementComponent
-                    ],
-                    providers: [
-                        PepAddonBlockLoaderService,
-                        PepRemoteLoaderService
-                    ]
-                }]
-        }] });
-
-/*
- * Public API Surface of remote-loader
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PepAddonBlockLoaderComponent, PepAddonBlockLoaderService, PepRemoteLoaderComponent, PepRemoteLoaderElementComponent, PepRemoteLoaderModule, PepRemoteLoaderService };
-//# sourceMappingURL=pepperi-addons-ngx-lib-remote-loader.mjs.map