@zdigambar/ngx-element 3.0.0 → 5.0.0

package/README.md

@@ -1,4 +1,4 @@
-# Supported version
+# Supported Version
 | ngx-element  | Angular  |
 | ------------ | -------  |
 | 1.x.x        | ^10.x.x  |

package/esm2020/lib/ngx-element.component.mjs

@@ -0,0 +1,105 @@
+import { Component, Input, ViewChild, ViewContainerRef, ReflectiveInjector } from '@angular/core';
+import { merge } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./ngx-element.service";
+export class NgxElementComponent {
+    constructor(ngxElementService, elementRef) {
+        this.ngxElementService = ngxElementService;
+        this.elementRef = elementRef;
+    }
+    /**
+     * Subscribe to event emitters of a lazy loaded and dynamically instantiated Angular component
+     * and dispatch them as Custom Events on the NgxElementComponent that is used in a template.
+     */
+    setProxiedOutputs(factory) {
+        const eventEmitters = factory.outputs.map(({ propName, templateName }) => {
+            const emitter = this.componentRef.instance[propName];
+            return emitter.pipe(map((value) => ({ name: templateName, value })));
+        });
+        const outputEvents = merge(...eventEmitters);
+        this.ngElementEventsSubscription = outputEvents.subscribe(subscription => {
+            const customEvent = document.createEvent('CustomEvent');
+            customEvent.initCustomEvent(subscription.name, false, false, subscription.value);
+            this.elementRef.nativeElement.dispatchEvent(customEvent);
+        });
+    }
+    ngOnInit() {
+        this.ngxElementService.getComponentToLoad(this.selector).subscribe(event => {
+            this.componentToLoad = event.componentClass;
+            this.componentFactoryResolver = this.ngxElementService.getComponentFactoryResolver(this.componentToLoad);
+            this.injector = this.ngxElementService.getInjector(this.componentToLoad);
+            const attributes = this.getElementAttributes();
+            this.createComponent(attributes);
+        });
+    }
+    createComponent(attributes) {
+        this.container.clear();
+        const factory = this.componentFactoryResolver.resolveComponentFactory(this.componentToLoad);
+        this.refInjector = ReflectiveInjector.resolveAndCreate([{ provide: this.componentToLoad, useValue: this.componentToLoad }], this.injector);
+        this.componentRef = this.container.createComponent(factory, 0, this.refInjector);
+        this.setAttributes(attributes);
+        this.listenToAttributeChanges();
+        this.setProxiedOutputs(factory);
+    }
+    setAttributes(attributes) {
+        attributes.forEach(attr => {
+            this.componentRef.instance[attr.name] = attr.value;
+        });
+    }
+    getElementAttributes() {
+        const attrs = this.elementRef.nativeElement.attributes;
+        const attributes = [];
+        for (let attr, i = 0; i < attrs.length; i++) {
+            attr = attrs[i];
+            if (attr.nodeName.match('^data-')) {
+                attributes.push({
+                    name: this.camelCaseAttribute(attr.nodeName),
+                    value: attr.nodeValue
+                });
+            }
+        }
+        return attributes;
+    }
+    camelCaseAttribute(attribute) {
+        const attr = attribute.replace('data-', '');
+        const chunks = attr.split('-');
+        if (chunks.length > 1) {
+            return chunks[0] + chunks.slice(1).map(chunk => chunk.replace(/^\w/, c => c.toUpperCase())).join('');
+        }
+        return attr;
+    }
+    listenToAttributeChanges() {
+        const observer = new MutationObserver(mutations => {
+            mutations.forEach(mutation => {
+                if (mutation.type === 'attributes') {
+                    const attributes = this.getElementAttributes();
+                    this.setAttributes(attributes);
+                }
+            });
+        });
+        observer.observe(this.elementRef.nativeElement, {
+            attributes: true
+        });
+    }
+    ngOnDestroy() {
+        this.componentRef.destroy();
+        this.ngElementEventsSubscription.unsubscribe();
+    }
+}
+NgxElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementComponent, deps: [{ token: i1.NgxElementService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NgxElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxElementComponent, selector: "lib-ngx-element", inputs: { selector: "selector" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
+    <ng-template #container></ng-template>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-ngx-element', template: `
+    <ng-template #container></ng-template>
+  ` }]
+        }], ctorParameters: function () { return [{ type: i1.NgxElementService }, { type: i0.ElementRef }]; }, propDecorators: { selector: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWVsZW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWVsZW1lbnQvc3JjL2xpYi9uZ3gtZWxlbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFJVCxLQUFLLEVBR0wsU0FBUyxFQUNULGdCQUFnQixFQU1oQixrQkFBa0IsRUFDbkIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFDLEtBQUssRUFBZSxNQUFNLE1BQU0sQ0FBQztBQUN6QyxPQUFPLEVBQUMsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQVNuQyxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCLFlBQ1UsaUJBQW9DLEVBQ3BDLFVBQXNCO1FBRHRCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDcEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUM3QixDQUFDO0lBRUo7OztPQUdHO0lBQ0ssaUJBQWlCLENBQUMsT0FBOEI7UUFDdEQsTUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFDLFFBQVEsRUFBRSxZQUFZLEVBQUMsRUFBRSxFQUFFO1lBQ3JFLE1BQU0sT0FBTyxHQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBZ0IsQ0FBQyxRQUFRLENBQXNCLENBQUM7WUFDbkYsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFDLElBQUksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUUsQ0FBQyxDQUFDLENBQUM7UUFDSCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsR0FBRyxhQUFhLENBQUMsQ0FBQztRQUM3QyxJQUFJLENBQUMsMkJBQTJCLEdBQUcsWUFBWSxDQUFDLFNBQVMsQ0FBQyxZ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WUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNqRCxDQUFDOztnSEFoSFUsbUJBQW1CO29HQUFuQixtQkFBbUIsNEtBSUMsZ0JBQWdCLDZCQVRyQzs7R0FFVDsyRkFHVSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCOztHQUVUO2lJQU1RLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQzRDLFNBQVM7c0JBQTFELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb21wb25lbnRGYWN0b3J5LFxuICBDb21wb25lbnRSZWYsXG4gIE9uSW5pdCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVHlwZSxcbiAgVmlld0NoaWxkLFxuICBWaWV3Q29udGFpbmVyUmVmLFxuICBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gIE9uRGVzdHJveSxcbiAgRXZlbnRFbWl0dGVyLFxuICBFbGVtZW50UmVmLFxuICBJbmplY3RvcixcbiAgUmVmbGVjdGl2ZUluamVjdG9yXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOZ3hFbGVtZW50U2VydmljZX0gZnJvbSAnLi9uZ3gtZWxlbWVudC5zZXJ2aWNlJztcbmltcG9ydCB7bWVyZ2UsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge21hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbmd4LWVsZW1lbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZSAjY29udGFpbmVyPjwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgTmd4RWxlbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIG5nRWxlbWVudEV2ZW50c1N1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuICBASW5wdXQoKSBzZWxlY3Rvcjogc3RyaW5nO1xuICBAVmlld0NoaWxkKCdjb250YWluZXInLCB7cmVhZDogVmlld0NvbnRhaW5lclJlZn0pIGNvbnRhaW5lcjtcblxuICBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+O1xuICBjb21wb25lbnRUb0xvYWQ6IFR5cGU8YW55PjtcbiAgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXI7XG4gIGluamVjdG9yOiBJbmplY3RvcjtcbiAgcmVmSW5qZWN0b3I6IFJlZmxlY3RpdmVJbmplY3RvcjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIG5neEVsZW1lbnRTZXJ2aWNlOiBOZ3hFbGVtZW50U2VydmljZSxcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7fVxuXG4gIC8qKlxuICAgKiBTdWJzY3JpYmUgdG8gZXZlbnQgZW1pdHRlcnMgb2YgYSBsYXp5IGxvYWRlZCBhbmQgZHluYW1pY2FsbHkgaW5zdGFudGlhdGVkIEFuZ3VsYXIgY29tcG9uZW50XG4gICAqIGFuZCBkaXNwYXRjaCB0aGVtIGFzIEN1c3RvbSBFdmVudHMgb24gdGhlIE5neEVsZW1lbnRDb21wb25lbnQgdGhhdCBpcyB1c2VkIGluIGEgdGVtcGxhdGUuXG4gICAqL1xuICBwcml2YXRlIHNldFByb3hpZWRPdXRwdXRzKGZhY3Rvcnk6IENvbXBvbmVudEZhY3Rvcnk8YW55Pik6IHZvaWQge1xuICAgIGNvbnN0IGV2ZW50RW1pdHRlcnMgPSBmYWN0b3J5Lm91dHB1dHMubWFwKCh7cHJvcE5hbWUsIHRlbXBsYXRlTmFtZX0pID0+IHtcbiAgICAgIGNvbnN0IGVtaXR0ZXIgPSAodGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UgYXMgYW55KVtwcm9wTmFtZV0gYXMgRXZlbnRFbWl0dGVyPGFueT47XG4gICAgICByZXR1cm4gZW1pdHRlci5waXBlKG1hcCgodmFsdWU6IGFueSkgPT4gKHtuYW1lOiB0ZW1wbGF0ZU5hbWUsIHZhbHVlfSkpKTtcbiAgICB9KTtcbiAgICBjb25zdCBvdXRwdXRFdmVudHMgPSBtZXJnZSguLi5ldmVudEVtaXR0ZXJzKTtcbiAgICB0aGlzLm5nRWxlbWVudEV2ZW50c1N1YnNjcmlwdGlvbiA9IG91dHB1dEV2ZW50cy5zdWJzY3JpYmUoc3Vic2NyaXB0aW9uID0+IHtcbiAgICAgIGNvbnN0IGN1c3RvbUV2ZW50ID0gZG9jdW1lbnQuY3JlYXRlRXZlbnQoJ0N1c3RvbUV2ZW50Jyk7XG4gICAgICBjdXN0b21FdmVudC5pbml0Q3VzdG9tRXZlbnQoc3Vic2NyaXB0aW9uLm5hbWUsIGZhbHNlLCBmYWxzZSwgc3Vic2NyaXB0aW9uLnZhbHVlKTtcbiAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmRpc3BhdGNoRXZlbnQoY3VzdG9tRXZlbnQpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ3hFbGVtZW50U2VydmljZS5nZXRDb21wb25lbnRUb0xvYWQodGhpcy5zZWxlY3Rvcikuc3Vic2NyaWJlKGV2ZW50ID0+IHtcbiAgICAgIHRoaXMuY29tcG9uZW50VG9Mb2FkID0gZXZlbnQuY29tcG9uZW50Q2xhc3M7XG4gICAgICB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlciA9IHRoaXMubmd4RWxlbWVudFNlcnZpY2UuZ2V0Q29tcG9uZW50RmFjdG9yeVJlc29sdmVyKHRoaXMuY29tcG9uZW50VG9Mb2FkKTtcbiAgICAgIHRoaXMuaW5qZWN0b3IgPSB0aGlzLm5neEVsZW1lbnRTZXJ2aWNlLmdldEluamVjdG9yKHRoaXMuY29tcG9uZW50VG9Mb2FkKTtcblxuICAgICAgY29uc3QgYXR0cmlidXRlcyA9IHRoaXMuZ2V0RWxlbWVudEF0dHJpYnV0ZXMoKTtcbiAgICAgIHRoaXMuY3JlYXRlQ29tcG9uZW50KGF0dHJpYnV0ZXMpO1xuICAgIH0pO1xuICB9XG5cbiAgY3JlYXRlQ29tcG9uZW50KGF0dHJpYnV0ZXMpIHtcbiAgICB0aGlzLmNvbnRhaW5lci5jbGVhcigpO1xuICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeSh0aGlzLmNvbXBvbmVudFRvTG9hZCk7XG5cbiAgICB0aGlzLnJlZkluamVjdG9yID0gUmVmbGVjdGl2ZUluamVjdG9yLnJlc29sdmVBbmRDcmVhdGUoXG4gICAgICBbe3Byb3ZpZGU6IHRoaXMuY29tcG9uZW50VG9Mb2FkLCB1c2VWYWx1ZTogdGhpcy5jb21wb25lbnRUb0xvYWR9XSwgdGhpcy5pbmplY3RvclxuICAgICk7XG4gICAgdGhpcy5jb21wb25lbnRSZWYgPSB0aGlzLmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoZmFjdG9yeSwgMCwgdGhpcy5yZWZJbmplY3Rvcik7XG5cbiAgICB0aGlzLnNldEF0dHJpYnV0ZXMoYXR0cmlidXRlcyk7XG4gICAgdGhpcy5saXN0ZW5Ub0F0dHJpYnV0ZUNoYW5nZXMoKTtcbiAgICB0aGlzLnNldFByb3hpZWRPdXRwdXRzKGZhY3RvcnkpO1xuICB9XG5cbiAgc2V0QXR0cmlidXRlcyhhdHRyaWJ1dGVzKSB7XG4gICAgYXR0cmlidXRlcy5mb3JFYWNoKGF0dHIgPT4ge1xuICAgICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2VbYXR0ci5uYW1lXSA9IGF0dHIudmFsdWU7XG4gICAgfSk7XG4gIH1cblxuICBnZXRFbGVtZW50QXR0cmlidXRlcygpIHtcbiAgICBjb25zdCBhdHRycyA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmF0dHJpYnV0ZXM7XG4gICAgY29uc3QgYXR0cmlidXRlcyA9IFtdO1xuXG4gICAgZm9yIChsZXQgYXR0ciwgaSA9IDA7IGkgPCBhdHRycy5sZW5ndGg7IGkrKykge1xuICAgICAgYXR0ciA9IGF0dHJzW2ldO1xuXG4gICAgICBpZiAoYXR0ci5ub2RlTmFtZS5tYXRjaCgnXmRhdGEtJykpIHtcbiAgICAgICAgYXR0cmlidXRlcy5wdXNoKHtcbiAgICAgICAgICBuYW1lOiB0aGlzLmNhbWVsQ2FzZUF0dHJpYnV0ZShhdHRyLm5vZGVOYW1lKSxcbiAgICAgICAgICB2YWx1ZTogYXR0ci5ub2RlVmFsdWVcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGF0dHJpYnV0ZXM7XG4gIH1cblxuICBjYW1lbENhc2VBdHRyaWJ1dGUoYXR0cmlidXRlOiBzdHJpbmcpIHtcbiAgICBjb25zdCBhdHRyID0gYXR0cmlidXRlLnJlcGxhY2UoJ2RhdGEtJywgJycpO1xuICAgIGNvbnN0IGNodW5rcyA9IGF0dHIuc3BsaXQoJy0nKTtcblxuICAgIGlmIChjaHVua3MubGVuZ3RoID4gMSkge1xuICAgICAgcmV0dXJuIGNodW5rc1swXSArIGNodW5rcy5zbGljZSgxKS5tYXAoY2h1bmsgPT4gY2h1bmsucmVwbGFjZSgvXlxcdy8sIGMgPT4gYy50b1VwcGVyQ2FzZSgpKSkuam9pbignJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGF0dHI7XG4gIH1cblxuICBsaXN0ZW5Ub0F0dHJpYnV0ZUNoYW5nZXMoKSB7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcihtdXRhdGlvbnMgPT4ge1xuICAgICAgbXV0YXRpb25zLmZvckVhY2gobXV0YXRpb24gPT4ge1xuICAgICAgICBpZiAobXV0YXRpb24udHlwZSA9PT0gJ2F0dHJpYnV0ZXMnKSB7XG4gICAgICAgICAgY29uc3QgYXR0cmlidXRlcyA9IHRoaXMuZ2V0RWxlbWVudEF0dHJpYnV0ZXMoKTtcbiAgICAgICAgICB0aGlzLnNldEF0dHJpYnV0ZXMoYXR0cmlidXRlcyk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0pO1xuXG4gICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuICAgICAgYXR0cmlidXRlczogdHJ1ZVxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5jb21wb25lbnRSZWYuZGVzdHJveSgpO1xuICAgIHRoaXMubmdFbGVtZW50RXZlbnRzU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn0iXX0=

package/esm2020/lib/ngx-element.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { createCustomElement } from '@angular/elements';
+import { NgxElementComponent } from './ngx-element.component';
+import { LAZY_CMPS_PATH_TOKEN } from './tokens';
+import * as i0 from "@angular/core";
+export class NgxElementModule {
+    constructor(injector) {
+        this.injector = injector;
+        const ngxElement = createCustomElement(NgxElementComponent, { injector });
+        customElements.define('ngx-element', ngxElement);
+    }
+    static forRoot(modulePaths) {
+        return {
+            ngModule: NgxElementModule,
+            providers: [
+                {
+                    provide: LAZY_CMPS_PATH_TOKEN,
+                    useValue: modulePaths
+                }
+            ]
+        };
+    }
+    ngDoBootstrap() { }
+}
+NgxElementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
+NgxElementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule, declarations: [NgxElementComponent] });
+NgxElementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxElementComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWVsZW1lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWVsZW1lbnQvc3JjL2xpYi9uZ3gtZWxlbWVudC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBaUMsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sVUFBVSxDQUFDOztBQUtoRCxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQW9CLFFBQWtCO1FBQWxCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDcEMsTUFBTSxVQUFVLEdBQUcsbUJBQW1CLENBQUMsbUJBQW1CLEVBQUUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQzFFLGNBQWMsQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxNQUFNLENBQUMsT0FBTyxDQUFDLFdBQWtCO1FBQy9CLE9BQU87WUFDTCxRQUFRLEVBQUUsZ0JBQWdCO1lBQzFCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsb0JBQW9CO29CQUM3QixRQUFRLEVBQUUsV0FBVztpQkFDdEI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsYUFBYSxLQUFJLENBQUM7OzZHQW5CUCxnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFGVixtQkFBbUI7OEdBRXpCLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQUg1QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBJbmplY3RvciwgTW9kdWxlV2l0aFByb3ZpZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY3JlYXRlQ3VzdG9tRWxlbWVudCB9IGZyb20gJ0Bhbmd1bGFyL2VsZW1lbnRzJztcbmltcG9ydCB7IE5neEVsZW1lbnRDb21wb25lbnQgfSBmcm9tICcuL25neC1lbGVtZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMQVpZX0NNUFNfUEFUSF9UT0tFTiB9IGZyb20gJy4vdG9rZW5zJztcblxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogW05neEVsZW1lbnRDb21wb25lbnRdXHJcbn0pXG5leHBvcnQgY2xhc3MgTmd4RWxlbWVudE1vZHVsZSB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICBjb25zdCBuZ3hFbGVtZW50ID0gY3JlYXRlQ3VzdG9tRWxlbWVudChOZ3hFbGVtZW50Q29tcG9uZW50LCB7IGluamVjdG9yIH0pO1xuICAgIGN1c3RvbUVsZW1lbnRzLmRlZmluZSgnbmd4LWVsZW1lbnQnLCBuZ3hFbGVtZW50KTtcbiAgfVxuXG4gIHN0YXRpYyBmb3JSb290KG1vZHVsZVBhdGhzOiBhbnlbXSk6IE1vZHVsZVdpdGhQcm92aWRlcnM8Tmd4RWxlbWVudE1vZHVsZT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogTmd4RWxlbWVudE1vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgcHJvdmlkZTogTEFaWV9DTVBTX1BBVEhfVE9LRU4sXG4gICAgICAgICAgdXNlVmFsdWU6IG1vZHVsZVBhdGhzXG4gICAgICAgIH1cbiAgICAgIF1cbiAgICB9O1xuICB9XG5cbiAgbmdEb0Jvb3RzdHJhcCgpIHt9XG59XG4iXX0=

package/esm2020/lib/ngx-element.service.mjs

@@ -0,0 +1,135 @@
+import { Injectable, Inject, NgModuleFactory, ComponentFactoryResolver } from '@angular/core';
+import { LAZY_CMPS_PATH_TOKEN } from './tokens';
+import { from } from 'rxjs';
+import * as i0 from "@angular/core";
+export class NgxElementService {
+    constructor(modulePaths, compiler, injector) {
+        this.compiler = compiler;
+        this.injector = injector;
+        this.loadedComponents = new Map();
+        this.elementsLoading = new Map();
+        this.injectors = new Map();
+        this.componentFactoryResolvers = new Map();
+        const ELEMENT_MODULE_PATHS = new Map();
+        modulePaths.forEach(route => {
+            ELEMENT_MODULE_PATHS.set(route.selector, route);
+        });
+        this.componentsToLoad = ELEMENT_MODULE_PATHS;
+    }
+    receiveContext(component, injector) {
+        this.injectors.set(component, injector);
+        this.componentFactoryResolvers.set(component, injector.get(ComponentFactoryResolver));
+    }
+    getInjector(component) {
+        return this.injectors.get(component);
+    }
+    getComponentFactoryResolver(component) {
+        return this.componentFactoryResolvers.get(component);
+    }
+    getComponentsToLoad() {
+        return this.componentsToLoad;
+    }
+    getComponentToLoad(selector) {
+        // Returns observable that completes when the lazy module has been loaded.
+        const registered = this.loadComponent(selector);
+        return from(registered);
+    }
+    /**
+     * Allows to lazy load a component given its selector.
+     * If the component selector has been registered, it's according module
+     * will be fetched lazily
+     * @param componentTag selector of the component to load
+     */
+    loadComponent(componentSelector) {
+        if (this.elementsLoading.has(componentSelector)) {
+            return this.elementsLoading.get(componentSelector);
+        }
+        if (this.componentsToLoad.has(componentSelector)) {
+            const cmpRegistryEntry = this.componentsToLoad.get(componentSelector);
+            const path = cmpRegistryEntry.loadChildren;
+            const loadPromise = new Promise((resolve, reject) => {
+                path()
+                    .then(elementModuleOrFactory => {
+                    /**
+                     * With View Engine, the NgModule factory is created and provided when loaded.
+                     * With Ivy, only the NgModule class is provided loaded and must be compiled.
+                     * This uses the same mechanism as the deprecated `SystemJsNgModuleLoader` in
+                     * in `packages/core/src/linker/system_js_ng_module_factory_loader.ts`
+                     * to pass on the NgModuleFactory, or compile the NgModule and return its NgModuleFactory.
+                     */
+                    if (elementModuleOrFactory instanceof NgModuleFactory) {
+                        return elementModuleOrFactory;
+                    }
+                    else {
+                        try {
+                            return this.compiler.compileModuleAsync(elementModuleOrFactory);
+                        }
+                        catch (err) {
+                            // return the error
+                            reject(err);
+                            // break the promise chain
+                            throw err;
+                        }
+                    }
+                })
+                    .then(moduleFactory => {
+                    const elementModuleRef = moduleFactory.create(this.injector);
+                    let componentClass;
+                    if (typeof elementModuleRef.instance.customElementComponent === 'object') {
+                        componentClass = elementModuleRef.instance.customElementComponent[componentSelector];
+                        if (!componentClass) {
+                            // tslint:disable-next-line: no-string-throw
+                            throw `You specified multiple component elements in module ${elementModuleRef} but there was no match for tag
+                        ${componentSelector} in ${JSON.stringify(elementModuleRef.instance.customElementComponent)}.
+                         Make sure the selector in the module is aligned with the one specified in the lazy module definition.`;
+                        }
+                    }
+                    else {
+                        componentClass = elementModuleRef.instance.customElementComponent;
+                    }
+                    // Register injector of the lazy module.
+                    // This is needed to share the entryComponents between the lazy module and the application
+                    const moduleInjector = elementModuleRef.injector;
+                    this.receiveContext(componentClass, moduleInjector);
+                    this.loadedComponents.set(componentSelector, componentClass);
+                    this.elementsLoading.delete(componentSelector);
+                    this.componentsToLoad.delete(componentSelector);
+                    resolve({
+                        selector: componentSelector,
+                        componentClass
+                    });
+                })
+                    .catch(err => {
+                    this.elementsLoading.delete(componentSelector);
+                    return Promise.reject(err);
+                });
+            });
+            this.elementsLoading.set(componentSelector, loadPromise);
+            return loadPromise;
+        }
+        else if (this.loadedComponents.has(componentSelector)) {
+            // component already loaded
+            return new Promise(resolve => {
+                resolve({
+                    selector: componentSelector,
+                    componentClass: this.loadedComponents.get(componentSelector)
+                });
+            });
+        }
+        else {
+            throw new Error(`Unrecognized component "${componentSelector}". Make sure it is registered in the component registry`);
+        }
+    }
+}
+NgxElementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementService, deps: [{ token: LAZY_CMPS_PATH_TOKEN }, { token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxElementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LAZY_CMPS_PATH_TOKEN]
+                }] }, { type: i0.Compiler }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWVsZW1lbnQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1lbGVtZW50L3NyYy9saWIvbmd4LWVsZW1lbnQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxlQUFlLEVBQTRCLHdCQUF3QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBRSxvQkFBb0IsRUFBb0IsTUFBTSxVQUFVLENBQUM7QUFFbEUsT0FBTyxFQUFjLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLeEMsTUFBTSxPQUFPLGlCQUFpQjtJQVE1QixZQUVFLFdBRUcsRUFDSyxRQUFrQixFQUNsQixRQUFrQjtRQURsQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFacEIscUJBQWdCLEdBQUcsSUFBSSxHQUFHLEVBQXFCLENBQUM7UUFDaEQsb0JBQWUsR0FBRyxJQUFJLEdBQUcsRUFBdUMsQ0FBQztRQUV6RSxjQUFTLEdBQUcsSUFBSSxHQUFHLEVBQXVCLENBQUM7UUFDM0MsOEJBQXlCLEdBQUcsSUFBSSxHQUFHLEVBQXVDLENBQUM7UUFVekUsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLEdBQUcsRUFBZSxDQUFDO1FBQ3BELFdBQVcsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDMUIsb0JBQW9CLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsb0JBQW9CLENBQUM7SUFDL0MsQ0FBQztJQUVELGNBQWMsQ0FBQyxTQUFvQixFQUFFLFFBQWtCO1FBQ3JELElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FBQztR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QkFBb0I7a0hBVG5CLGlCQUFpQixjQUZoQixNQUFNOzJGQUVQLGlCQUFpQjtrQkFIN0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7OzBCQVVJLE1BQU07MkJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgSW5qZWN0LCBOZ01vZHVsZUZhY3RvcnksIFR5cGUsIENvbXBpbGVyLCBJbmplY3RvciwgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMQVpZX0NNUFNfUEFUSF9UT0tFTiwgTGF6eUNvbXBvbmVudERlZiB9IGZyb20gJy4vdG9rZW5zJztcbmltcG9ydCB7IExhenlDbXBMb2FkZWRFdmVudCB9IGZyb20gJy4vbGF6eS1jb21wb25lbnQtbG9hZGVkLWV2ZW50JztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZyb20gfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgTmd4RWxlbWVudFNlcnZpY2Uge1xuICBwcml2YXRlIGNvbXBvbmVudHNUb0xvYWQ6IE1hcDxzdHJpbmcsIExhenlDb21wb25lbnREZWY+O1xuICBwcml2YXRlIGxvYWRlZENvbXBvbmVudHMgPSBuZXcgTWFwPHN0cmluZywgVHlwZTxhbnk+PigpO1xuICBwcml2YXRlIGVsZW1lbnRzTG9hZGluZyA9IG5ldyBNYXA8c3RyaW5nLCBQcm9taXNlPExhenlDbXBMb2FkZWRFdmVudD4+KCk7XG5cbiAgaW5qZWN0b3JzID0gbmV3IE1hcDxUeXBlPGFueT4sIEluamVjdG9yPigpO1xuICBjb21wb25lbnRGYWN0b3J5UmVzb2x2ZXJzID0gbmV3IE1hcDxUeXBlPGFueT4sIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcj4oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KExBWllfQ01QU19QQVRIX1RPS0VOKVxuICAgIG1vZHVsZVBhdGhzOiB7XG4gICAgICBzZWxlY3Rvcjogc3RyaW5nXG4gICAgfVtdLFxuICAgIHByaXZhdGUgY29tcGlsZXI6IENvbXBpbGVyLFxuICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yXG4gICkge1xuICAgIGNvbnN0IEVMRU1FTlRfTU9EVUxFX1BBVEhTID0gbmV3IE1hcDxzdHJpbmcsIGFueT4oKTtcbiAgICBtb2R1bGVQYXRocy5mb3JFYWNoKHJvdXRlID0+IHtcbiAgICAgIEVMRU1FTlRfTU9EVUxFX1BBVEhTLnNldChyb3V0ZS5zZWxlY3Rvciwgcm91dGUpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5jb21wb25lbnRzVG9Mb2FkID0gRUxFTUVOVF9NT0RVTEVfUEFUSFM7XG4gIH1cblxuICByZWNlaXZlQ29udGV4dChjb21wb25lbnQ6IFR5cGU8YW55PiwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgdGhpcy5pbmplY3RvcnMuc2V0KGNvbXBvbmVudCwgaW5qZWN0b3IpO1xuICAgIHRoaXMuY29tcG9uZW50RmFjdG9yeVJlc29sdmVycy5zZXQoY29tcG9uZW50LCBpbmplY3Rvci5nZXQoQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyKSk7XG4gIH1cblxuICBnZXRJbmplY3Rvcihjb21wb25lbnQ6IFR5cGU8YW55Pik6IEluamVjdG9yIHtcbiAgICByZXR1cm4gdGhpcy5pbmplY3RvcnMuZ2V0KGNvbXBvbmVudCk7XG4gIH1cblxuICBnZXRDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIoY29tcG9uZW50OiBUeXBlPGFueT4pOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIge1xuICAgIHJldHVybiB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlcnMuZ2V0KGNvbXBvbmVudCk7XG4gIH1cblxuICBnZXRDb21wb25lbnRzVG9Mb2FkKCkge1xuICAgIHJldHVybiB0aGlzLmNvbXBvbmVudHNUb0xvYWQ7XG4gIH1cblxuICBnZXRDb21wb25lbnRUb0xvYWQoc2VsZWN0b3I6IHN0cmluZyk6IE9ic2VydmFibGU8TGF6eUNtcExvYWRlZEV2ZW50PiB7XG4gICAgLy8gUmV0dXJucyBvYnNlcnZhYmxlIHRoYXQgY29tcGxldGVzIHdoZW4gdGhlIGxhenkgbW9kdWxlIGhhcyBiZWVuIGxvYWRlZC5cbiAgICBjb25zdCByZWdpc3RlcmVkID0gdGhpcy5sb2FkQ29tcG9uZW50KHNlbGVjdG9yKTtcbiAgICByZXR1cm4gZnJvbShyZWdpc3RlcmVkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBbGxvd3MgdG8gbGF6eSBsb2FkIGEgY29tcG9uZW50IGdpdmVuIGl0cyBzZWxlY3Rvci5cbiAgICogSWYgdGhlIGNvbXBvbmVudCBzZWxlY3RvciBoYXMgYmVlbiByZWdpc3RlcmVkLCBpdCdzIGFjY29yZGluZyBtb2R1bGVcbiAgICogd2lsbCBiZSBmZXRjaGVkIGxhemlseVxuICAgKiBAcGFyYW0gY29tcG9uZW50VGFnIHNlbGVjdG9yIG9mIHRoZSBjb21wb25lbnQgdG8gbG9hZFxuICAgKi9cbiAgbG9hZENvbXBvbmVudChjb21wb25lbnRTZWxlY3Rvcjogc3RyaW5nKTogUHJvbWlzZTxMYXp5Q21wTG9hZGVkRXZlbnQ+IHtcbiAgICBpZiAodGhpcy5lbGVtZW50c0xvYWRpbmcuaGFzKGNvbXBvbmVudFNlbGVjdG9yKSkge1xuICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudHNMb2FkaW5nLmdldChjb21wb25lbnRTZWxlY3Rvcik7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuY29tcG9uZW50c1RvTG9hZC5oYXMoY29tcG9uZW50U2VsZWN0b3IpKSB7XG4gICAgICBjb25zdCBjbXBSZWdpc3RyeUVudHJ5ID0gdGhpcy5jb21wb25lbnRzVG9Mb2FkLmdldChjb21wb25lbnRTZWxlY3Rvcik7XG4gICAgICBjb25zdCBwYXRoID0gY21wUmVnaXN0cnlFbnRyeS5sb2FkQ2hpbGRyZW47XG5cbiAgICAgIGNvbnN0IGxvYWRQcm9taXNlID0gbmV3IFByb21pc2U8TGF6eUNtcExvYWRlZEV2ZW50PigocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgIChwYXRoKCkgYXMgUHJvbWlzZTxOZ01vZHVsZUZhY3Rvcnk8YW55PiB8IFR5cGU8YW55Pj4pXG4gICAgICAgICAgLnRoZW4oZWxlbWVudE1vZHVsZU9yRmFjdG9yeSA9PiB7XG4gICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAqIFdpdGggVmlldyBFbmdpbmUsIHRoZSBOZ01vZHVsZSBmYWN0b3J5IGlzIGNyZWF0ZWQgYW5kIHByb3ZpZGVkIHdoZW4gbG9hZGVkLlxuICAgICAgICAgICAgICogV2l0aCBJdnksIG9ubHkgdGhlIE5nTW9kdWxlIGNsYXNzIGlzIHByb3ZpZGVkIGxvYWRlZCBhbmQgbXVzdCBiZSBjb21waWxlZC5cbiAgICAgICAgICAgICAqIFRoaXMgdXNlcyB0aGUgc2FtZSBtZWNoYW5pc20gYXMgdGhlIGRlcHJlY2F0ZWQgYFN5c3RlbUpzTmdNb2R1bGVMb2FkZXJgIGluXG4gICAgICAgICAgICAgKiBpbiBgcGFja2FnZXMvY29yZS9zcmMvbGlua2VyL3N5c3RlbV9qc19uZ19tb2R1bGVfZmFjdG9yeV9sb2FkZXIudHNgXG4gICAgICAgICAgICAgKiB0byBwYXNzIG9uIHRoZSBOZ01vZHVsZUZhY3RvcnksIG9yIGNvbXBpbGUgdGhlIE5nTW9kdWxlIGFuZCByZXR1cm4gaXRzIE5nTW9kdWxlRmFjdG9yeS5cbiAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgaWYgKGVsZW1lbnRNb2R1bGVPckZhY3RvcnkgaW5zdGFuY2VvZiBOZ01vZHVsZUZhY3RvcnkpIHtcbiAgICAgICAgICAgICAgcmV0dXJuIGVsZW1lbnRNb2R1bGVPckZhY3Rvcnk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmNvbXBpbGVyLmNvbXBpbGVNb2R1bGVBc3luYyhlbGVtZW50TW9kdWxlT3JGYWN0b3J5KTtcbiAgICAgICAgICAgICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICAgICAgICAgICAgLy8gcmV0dXJuIHRoZSBlcnJvclxuICAgICAgICAgICAgICAgIHJlamVjdChlcnIpO1xuXG4gICAgICAgICAgICAgICAgLy8gYnJlYWsgdGhlIHByb21pc2UgY2hhaW5cbiAgICAgICAgICAgICAgICB0aHJvdyBlcnI7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KVxuICAgICAgICAgIC50aGVuKG1vZHVsZUZhY3RvcnkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBlbGVtZW50TW9kdWxlUmVmID0gbW9kdWxlRmFjdG9yeS5jcmVhdGUodGhpcy5pbmplY3Rvcik7XG4gICAgICAgICAgICAgIGxldCBjb21wb25lbnRDbGFzcztcblxuICAgICAgICAgICAgICBpZiAodHlwZW9mIGVsZW1lbnRNb2R1bGVSZWYuaW5zdGFuY2UuY3VzdG9tRWxlbWVudENvbXBvbmVudCA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgICAgICAgICBjb21wb25lbnRDbGFzcyA9IGVsZW1lbnRNb2R1bGVSZWYuaW5zdGFuY2UuY3VzdG9tRWxlbWVudENvbXBvbmVudFtjb21wb25lbnRTZWxlY3Rvcl07XG5cbiAgICAgICAgICAgICAgICBpZiAoIWNvbXBvbmVudENsYXNzKSB7XG4gICAgICAgICAgICAgICAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IG5vLXN0cmluZy10aHJvd1xuICAgICAgICAgICAgICAgICAgdGhyb3cgYFlvdSBzcGVjaWZpZWQgbXVsdGlwbGUgY29tcG9uZW50IGVsZW1lbnRzIGluIG1vZHVsZSAke2VsZW1lbnRNb2R1bGVSZWZ9IGJ1dCB0aGVyZSB3YXMgbm8gbWF0Y2ggZm9yIHRhZ1xuICAgICAgICAgICAgICAgICAgICAgICAgJHtjb21wb25lbnRTZWxlY3Rvcn0gaW4gJHtKU09OLnN0cmluZ2lmeShlbGVtZW50TW9kdWxlUmVmLmluc3RhbmNlLmN1c3RvbUVsZW1lbnRDb21wb25lbnQpfS5cbiAgICAgICAgICAgICAgICAgICAgICAgICBNYWtlIHN1cmUgdGhlIHNlbGVjdG9yIGluIHRoZSBtb2R1bGUgaXMgYWxpZ25lZCB3aXRoIHRoZSBvbmUgc3BlY2lmaWVkIGluIHRoZSBsYXp5IG1vZHVsZSBkZWZpbml0aW9uLmA7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGNvbXBvbmVudENsYXNzID0gZWxlbWVudE1vZHVsZVJlZi5pbnN0YW5jZS5jdXN0b21FbGVtZW50Q29tcG9uZW50O1xuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgLy8gUmVnaXN0ZXIgaW5qZWN0b3Igb2YgdGhlIGxhenkgbW9kdWxlLlxuICAgICAgICAgICAgICAvLyBUaGlzIGlzIG5lZWRlZCB0byBzaGFyZSB0aGUgZW50cnlDb21wb25lbnRzIGJldHdlZW4gdGhlIGxhenkgbW9kdWxlIGFuZCB0aGUgYXBwbGljYXRpb25cbiAgICAgICAgICAgICAgY29uc3QgbW9kdWxlSW5qZWN0b3IgPSBlbGVtZW50TW9kdWxlUmVmLmluamVjdG9yO1xuICAgICAgICAgICAgICB0aGlzLnJlY2VpdmVDb250ZXh0KGNvbXBvbmVudENsYXNzLCBtb2R1bGVJbmplY3Rvcik7XG5cbiAgICAgICAgICAgICAgdGhpcy5sb2FkZWRDb21wb25lbnRzLnNldChjb21wb25lbnRTZWxlY3RvciwgY29tcG9uZW50Q2xhc3MpO1xuICAgICAgICAgICAgICB0aGlzLmVsZW1lbnRzTG9hZGluZy5kZWxldGUoY29tcG9uZW50U2VsZWN0b3IpO1xuICAgICAgICAgICAgICB0aGlzLmNvbXBvbmVudHNUb0xvYWQuZGVsZXRlKGNvbXBvbmVudFNlbGVjdG9yKTtcblxuICAgICAgICAgICAgICByZXNvbHZlKHtcbiAgICAgICAgICAgICAgICBzZWxlY3RvcjogY29tcG9uZW50U2VsZWN0b3IsXG4gICAgICAgICAgICAgICAgY29tcG9uZW50Q2xhc3NcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgfSlcbiAgICAgICAgICAuY2F0Y2goZXJyID0+IHtcbiAgICAgICAgICAgIHRoaXMuZWxlbWVudHNMb2FkaW5nLmRlbGV0ZShjb21wb25lbnRTZWxlY3Rvcik7XG4gICAgICAgICAgICByZXR1cm4gUHJvbWlzZS5yZWplY3QoZXJyKTtcbiAgICAgICAgICB9KTtcbiAgICAgIH0pO1xuXG4gICAgICB0aGlzLmVsZW1lbnRzTG9hZGluZy5zZXQoY29tcG9uZW50U2VsZWN0b3IsIGxvYWRQcm9taXNlKTtcbiAgICAgIHJldHVybiBsb2FkUHJvbWlzZTtcblxuICAgIH0gZWxzZSBpZiAodGhpcy5sb2FkZWRDb21wb25lbnRzLmhhcyhjb21wb25lbnRTZWxlY3RvcikpIHtcbiAgICAgIC8vIGNvbXBvbmVudCBhbHJlYWR5IGxvYWRlZFxuICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKHJlc29sdmUgPT4ge1xuICAgICAgICByZXNvbHZlKHtcbiAgICAgICAgICBzZWxlY3RvcjogY29tcG9uZW50U2VsZWN0b3IsXG4gICAgICAgICAgY29tcG9uZW50Q2xhc3M6IHRoaXMubG9hZGVkQ29tcG9uZW50cy5nZXQoY29tcG9uZW50U2VsZWN0b3IpXG4gICAgICAgIH0pO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgYFVucmVjb2duaXplZCBjb21wb25lbnQgXCIke2NvbXBvbmVudFNlbGVjdG9yfVwiLiBNYWtlIHN1cmUgaXQgaXMgcmVnaXN0ZXJlZCBpbiB0aGUgY29tcG9uZW50IHJlZ2lzdHJ5YFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn0iXX0=

package/esm2020/zdigambar-ngx-element.mjs

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

package/fesm2015/zdigambar-ngx-element.mjs

@@ -0,0 +1,281 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, ComponentFactoryResolver, NgModuleFactory, Injectable, Inject, ReflectiveInjector, ViewContainerRef, Component, Input, ViewChild, NgModule } from '@angular/core';
+import { createCustomElement } from '@angular/elements';
+import { from, merge } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+/* Injection token to provide the element path modules. */
+const LAZY_CMPS_PATH_TOKEN = new InjectionToken('ngx-lazy-cmp-registry');
+
+class NgxElementService {
+    constructor(modulePaths, compiler, injector) {
+        this.compiler = compiler;
+        this.injector = injector;
+        this.loadedComponents = new Map();
+        this.elementsLoading = new Map();
+        this.injectors = new Map();
+        this.componentFactoryResolvers = new Map();
+        const ELEMENT_MODULE_PATHS = new Map();
+        modulePaths.forEach(route => {
+            ELEMENT_MODULE_PATHS.set(route.selector, route);
+        });
+        this.componentsToLoad = ELEMENT_MODULE_PATHS;
+    }
+    receiveContext(component, injector) {
+        this.injectors.set(component, injector);
+        this.componentFactoryResolvers.set(component, injector.get(ComponentFactoryResolver));
+    }
+    getInjector(component) {
+        return this.injectors.get(component);
+    }
+    getComponentFactoryResolver(component) {
+        return this.componentFactoryResolvers.get(component);
+    }
+    getComponentsToLoad() {
+        return this.componentsToLoad;
+    }
+    getComponentToLoad(selector) {
+        // Returns observable that completes when the lazy module has been loaded.
+        const registered = this.loadComponent(selector);
+        return from(registered);
+    }
+    /**
+     * Allows to lazy load a component given its selector.
+     * If the component selector has been registered, it's according module
+     * will be fetched lazily
+     * @param componentTag selector of the component to load
+     */
+    loadComponent(componentSelector) {
+        if (this.elementsLoading.has(componentSelector)) {
+            return this.elementsLoading.get(componentSelector);
+        }
+        if (this.componentsToLoad.has(componentSelector)) {
+            const cmpRegistryEntry = this.componentsToLoad.get(componentSelector);
+            const path = cmpRegistryEntry.loadChildren;
+            const loadPromise = new Promise((resolve, reject) => {
+                path()
+                    .then(elementModuleOrFactory => {
+                    /**
+                     * With View Engine, the NgModule factory is created and provided when loaded.
+                     * With Ivy, only the NgModule class is provided loaded and must be compiled.
+                     * This uses the same mechanism as the deprecated `SystemJsNgModuleLoader` in
+                     * in `packages/core/src/linker/system_js_ng_module_factory_loader.ts`
+                     * to pass on the NgModuleFactory, or compile the NgModule and return its NgModuleFactory.
+                     */
+                    if (elementModuleOrFactory instanceof NgModuleFactory) {
+                        return elementModuleOrFactory;
+                    }
+                    else {
+                        try {
+                            return this.compiler.compileModuleAsync(elementModuleOrFactory);
+                        }
+                        catch (err) {
+                            // return the error
+                            reject(err);
+                            // break the promise chain
+                            throw err;
+                        }
+                    }
+                })
+                    .then(moduleFactory => {
+                    const elementModuleRef = moduleFactory.create(this.injector);
+                    let componentClass;
+                    if (typeof elementModuleRef.instance.customElementComponent === 'object') {
+                        componentClass = elementModuleRef.instance.customElementComponent[componentSelector];
+                        if (!componentClass) {
+                            // tslint:disable-next-line: no-string-throw
+                            throw `You specified multiple component elements in module ${elementModuleRef} but there was no match for tag
+                        ${componentSelector} in ${JSON.stringify(elementModuleRef.instance.customElementComponent)}.
+                         Make sure the selector in the module is aligned with the one specified in the lazy module definition.`;
+                        }
+                    }
+                    else {
+                        componentClass = elementModuleRef.instance.customElementComponent;
+                    }
+                    // Register injector of the lazy module.
+                    // This is needed to share the entryComponents between the lazy module and the application
+                    const moduleInjector = elementModuleRef.injector;
+                    this.receiveContext(componentClass, moduleInjector);
+                    this.loadedComponents.set(componentSelector, componentClass);
+                    this.elementsLoading.delete(componentSelector);
+                    this.componentsToLoad.delete(componentSelector);
+                    resolve({
+                        selector: componentSelector,
+                        componentClass
+                    });
+                })
+                    .catch(err => {
+                    this.elementsLoading.delete(componentSelector);
+                    return Promise.reject(err);
+                });
+            });
+            this.elementsLoading.set(componentSelector, loadPromise);
+            return loadPromise;
+        }
+        else if (this.loadedComponents.has(componentSelector)) {
+            // component already loaded
+            return new Promise(resolve => {
+                resolve({
+                    selector: componentSelector,
+                    componentClass: this.loadedComponents.get(componentSelector)
+                });
+            });
+        }
+        else {
+            throw new Error(`Unrecognized component "${componentSelector}". Make sure it is registered in the component registry`);
+        }
+    }
+}
+NgxElementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementService, deps: [{ token: LAZY_CMPS_PATH_TOKEN }, { token: i0.Compiler }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxElementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LAZY_CMPS_PATH_TOKEN]
+                    }] }, { type: i0.Compiler }, { type: i0.Injector }];
+    } });
+
+class NgxElementComponent {
+    constructor(ngxElementService, elementRef) {
+        this.ngxElementService = ngxElementService;
+        this.elementRef = elementRef;
+    }
+    /**
+     * Subscribe to event emitters of a lazy loaded and dynamically instantiated Angular component
+     * and dispatch them as Custom Events on the NgxElementComponent that is used in a template.
+     */
+    setProxiedOutputs(factory) {
+        const eventEmitters = factory.outputs.map(({ propName, templateName }) => {
+            const emitter = this.componentRef.instance[propName];
+            return emitter.pipe(map((value) => ({ name: templateName, value })));
+        });
+        const outputEvents = merge(...eventEmitters);
+        this.ngElementEventsSubscription = outputEvents.subscribe(subscription => {
+            const customEvent = document.createEvent('CustomEvent');
+            customEvent.initCustomEvent(subscription.name, false, false, subscription.value);
+            this.elementRef.nativeElement.dispatchEvent(customEvent);
+        });
+    }
+    ngOnInit() {
+        this.ngxElementService.getComponentToLoad(this.selector).subscribe(event => {
+            this.componentToLoad = event.componentClass;
+            this.componentFactoryResolver = this.ngxElementService.getComponentFactoryResolver(this.componentToLoad);
+            this.injector = this.ngxElementService.getInjector(this.componentToLoad);
+            const attributes = this.getElementAttributes();
+            this.createComponent(attributes);
+        });
+    }
+    createComponent(attributes) {
+        this.container.clear();
+        const factory = this.componentFactoryResolver.resolveComponentFactory(this.componentToLoad);
+        this.refInjector = ReflectiveInjector.resolveAndCreate([{ provide: this.componentToLoad, useValue: this.componentToLoad }], this.injector);
+        this.componentRef = this.container.createComponent(factory, 0, this.refInjector);
+        this.setAttributes(attributes);
+        this.listenToAttributeChanges();
+        this.setProxiedOutputs(factory);
+    }
+    setAttributes(attributes) {
+        attributes.forEach(attr => {
+            this.componentRef.instance[attr.name] = attr.value;
+        });
+    }
+    getElementAttributes() {
+        const attrs = this.elementRef.nativeElement.attributes;
+        const attributes = [];
+        for (let attr, i = 0; i < attrs.length; i++) {
+            attr = attrs[i];
+            if (attr.nodeName.match('^data-')) {
+                attributes.push({
+                    name: this.camelCaseAttribute(attr.nodeName),
+                    value: attr.nodeValue
+                });
+            }
+        }
+        return attributes;
+    }
+    camelCaseAttribute(attribute) {
+        const attr = attribute.replace('data-', '');
+        const chunks = attr.split('-');
+        if (chunks.length > 1) {
+            return chunks[0] + chunks.slice(1).map(chunk => chunk.replace(/^\w/, c => c.toUpperCase())).join('');
+        }
+        return attr;
+    }
+    listenToAttributeChanges() {
+        const observer = new MutationObserver(mutations => {
+            mutations.forEach(mutation => {
+                if (mutation.type === 'attributes') {
+                    const attributes = this.getElementAttributes();
+                    this.setAttributes(attributes);
+                }
+            });
+        });
+        observer.observe(this.elementRef.nativeElement, {
+            attributes: true
+        });
+    }
+    ngOnDestroy() {
+        this.componentRef.destroy();
+        this.ngElementEventsSubscription.unsubscribe();
+    }
+}
+NgxElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementComponent, deps: [{ token: NgxElementService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NgxElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxElementComponent, selector: "lib-ngx-element", inputs: { selector: "selector" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
+    <ng-template #container></ng-template>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-ngx-element', template: `
+    <ng-template #container></ng-template>
+  ` }]
+        }], ctorParameters: function () { return [{ type: NgxElementService }, { type: i0.ElementRef }]; }, propDecorators: { selector: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef }]
+            }] } });
+
+class NgxElementModule {
+    constructor(injector) {
+        this.injector = injector;
+        const ngxElement = createCustomElement(NgxElementComponent, { injector });
+        customElements.define('ngx-element', ngxElement);
+    }
+    static forRoot(modulePaths) {
+        return {
+            ngModule: NgxElementModule,
+            providers: [
+                {
+                    provide: LAZY_CMPS_PATH_TOKEN,
+                    useValue: modulePaths
+                }
+            ]
+        };
+    }
+    ngDoBootstrap() { }
+}
+NgxElementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
+NgxElementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule, declarations: [NgxElementComponent] });
+NgxElementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxElementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxElementComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+/*
+ * Public API Surface of ngx-element
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxElementModule };
+//# sourceMappingURL=zdigambar-ngx-element.mjs.map