@zdigambar/ngx-element 1.0.0

package/fesm2015/zdigambar-ngx-element.js

@@ -0,0 +1,279 @@
+import { InjectionToken, ComponentFactoryResolver, NgModuleFactory, ɵɵdefineInjectable, ɵɵinject, Compiler, INJECTOR, Injectable, Inject, Injector, ReflectiveInjector, Component, ElementRef, Input, ViewChild, ViewContainerRef, 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.ɵprov = ɵɵdefineInjectable({ factory: function NgxElementService_Factory() { return new NgxElementService(ɵɵinject(LAZY_CMPS_PATH_TOKEN), ɵɵinject(Compiler), ɵɵinject(INJECTOR)); }, token: NgxElementService, providedIn: "root" });
+NgxElementService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+NgxElementService.ctorParameters = () => [
+    { type: Array, decorators: [{ type: Inject, args: [LAZY_CMPS_PATH_TOKEN,] }] },
+    { type: Compiler },
+    { type: 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.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-ngx-element',
+                template: `
+    <ng-template #container></ng-template>
+  `
+            },] }
+];
+NgxElementComponent.ctorParameters = () => [
+    { type: NgxElementService },
+    { type: ElementRef }
+];
+NgxElementComponent.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.decorators = [
+    { type: NgModule, args: [{
+                declarations: [NgxElementComponent],
+                entryComponents: [NgxElementComponent]
+            },] }
+];
+NgxElementModule.ctorParameters = () => [
+    { type: Injector }
+];
+
+/*
+ * Public API Surface of ngx-element
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxElementModule, NgxElementComponent as ɵa, NgxElementService as ɵb, LAZY_CMPS_PATH_TOKEN as ɵc };
+//# sourceMappingURL=zdigambar-ngx-element.js.map

package/fesm2015/zdigambar-ngx-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zdigambar-ngx-element.js","sources":["../../../projects/ngx-element/src/lib/tokens.ts","../../../projects/ngx-element/src/lib/ngx-element.service.ts","../../../projects/ngx-element/src/lib/ngx-element.component.ts","../../../projects/ngx-element/src/lib/ngx-element.module.ts","../../../projects/ngx-element/src/public-api.ts","../../../projects/ngx-element/src/zdigambar-ngx-element.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { LoadChildrenCallback } from '@angular/router';\n\n/* Injection token to provide the element path modules. */\nexport const LAZY_CMPS_PATH_TOKEN = new InjectionToken('ngx-lazy-cmp-registry');\n\nexport interface LazyComponentDef {\n  selector: string;\n  loadChildren: LoadChildrenCallback; // prop needs to be named like this\n}\n","import { Injectable, Inject, NgModuleFactory, Type, Compiler, Injector, ComponentFactoryResolver } from '@angular/core';\nimport { LAZY_CMPS_PATH_TOKEN, LazyComponentDef } from './tokens';\nimport { LazyCmpLoadedEvent } from './lazy-component-loaded-event';\nimport { Observable, from } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class NgxElementService {\n  private componentsToLoad: Map<string, LazyComponentDef>;\n  private loadedComponents = new Map<string, Type<any>>();\n  private elementsLoading = new Map<string, Promise<LazyCmpLoadedEvent>>();\n\n  injectors = new Map<Type<any>, Injector>();\n  componentFactoryResolvers = new Map<Type<any>, ComponentFactoryResolver>();\n\n  constructor(\n    @Inject(LAZY_CMPS_PATH_TOKEN)\n    modulePaths: {\n      selector: string\n    }[],\n    private compiler: Compiler,\n    private injector: Injector\n  ) {\n    const ELEMENT_MODULE_PATHS = new Map<string, any>();\n    modulePaths.forEach(route => {\n      ELEMENT_MODULE_PATHS.set(route.selector, route);\n    });\n\n    this.componentsToLoad = ELEMENT_MODULE_PATHS;\n  }\n\n  receiveContext(component: Type<any>, injector: Injector) {\n    this.injectors.set(component, injector);\n    this.componentFactoryResolvers.set(component, injector.get(ComponentFactoryResolver));\n  }\n\n  getInjector(component: Type<any>): Injector {\n    return this.injectors.get(component);\n  }\n\n  getComponentFactoryResolver(component: Type<any>): ComponentFactoryResolver {\n    return this.componentFactoryResolvers.get(component);\n  }\n\n  getComponentsToLoad() {\n    return this.componentsToLoad;\n  }\n\n  getComponentToLoad(selector: string): Observable<LazyCmpLoadedEvent> {\n    // Returns observable that completes when the lazy module has been loaded.\n    const registered = this.loadComponent(selector);\n    return from(registered);\n  }\n\n  /**\n   * Allows to lazy load a component given its selector.\n   * If the component selector has been registered, it's according module\n   * will be fetched lazily\n   * @param componentTag selector of the component to load\n   */\n  loadComponent(componentSelector: string): Promise<LazyCmpLoadedEvent> {\n    if (this.elementsLoading.has(componentSelector)) {\n      return this.elementsLoading.get(componentSelector);\n    }\n\n    if (this.componentsToLoad.has(componentSelector)) {\n      const cmpRegistryEntry = this.componentsToLoad.get(componentSelector);\n      const path = cmpRegistryEntry.loadChildren;\n\n      const loadPromise = new Promise<LazyCmpLoadedEvent>((resolve, reject) => {\n        (path() as Promise<NgModuleFactory<any> | Type<any>>)\n          .then(elementModuleOrFactory => {\n            /**\n             * With View Engine, the NgModule factory is created and provided when loaded.\n             * With Ivy, only the NgModule class is provided loaded and must be compiled.\n             * This uses the same mechanism as the deprecated `SystemJsNgModuleLoader` in\n             * in `packages/core/src/linker/system_js_ng_module_factory_loader.ts`\n             * to pass on the NgModuleFactory, or compile the NgModule and return its NgModuleFactory.\n             */\n            if (elementModuleOrFactory instanceof NgModuleFactory) {\n              return elementModuleOrFactory;\n            } else {\n              try {\n                return this.compiler.compileModuleAsync(elementModuleOrFactory);\n              } catch (err) {\n                // return the error\n                reject(err);\n\n                // break the promise chain\n                throw err;\n              }\n            }\n          })\n          .then(moduleFactory => {\n              const elementModuleRef = moduleFactory.create(this.injector);\n              let componentClass;\n\n              if (typeof elementModuleRef.instance.customElementComponent === 'object') {\n                componentClass = elementModuleRef.instance.customElementComponent[componentSelector];\n\n                if (!componentClass) {\n                  // tslint:disable-next-line: no-string-throw\n                  throw `You specified multiple component elements in module ${elementModuleRef} but there was no match for tag\n                        ${componentSelector} in ${JSON.stringify(elementModuleRef.instance.customElementComponent)}.\n                         Make sure the selector in the module is aligned with the one specified in the lazy module definition.`;\n                }\n              } else {\n                componentClass = elementModuleRef.instance.customElementComponent;\n              }\n\n              // Register injector of the lazy module.\n              // This is needed to share the entryComponents between the lazy module and the application\n              const moduleInjector = elementModuleRef.injector;\n              this.receiveContext(componentClass, moduleInjector);\n\n              this.loadedComponents.set(componentSelector, componentClass);\n              this.elementsLoading.delete(componentSelector);\n              this.componentsToLoad.delete(componentSelector);\n\n              resolve({\n                selector: componentSelector,\n                componentClass\n              });\n          })\n          .catch(err => {\n            this.elementsLoading.delete(componentSelector);\n            return Promise.reject(err);\n          });\n      });\n\n      this.elementsLoading.set(componentSelector, loadPromise);\n      return loadPromise;\n\n    } else if (this.loadedComponents.has(componentSelector)) {\n      // component already loaded\n      return new Promise(resolve => {\n        resolve({\n          selector: componentSelector,\n          componentClass: this.loadedComponents.get(componentSelector)\n        });\n      });\n    } else {\n      throw new Error(\n        `Unrecognized component \"${componentSelector}\". Make sure it is registered in the component registry`\n      );\n    }\n  }\n}","import {\n  Component,\n  ComponentFactory,\n  ComponentRef,\n  OnInit,\n  Input,\n  Output,\n  Type,\n  ViewChild,\n  ViewContainerRef,\n  ComponentFactoryResolver,\n  OnDestroy,\n  EventEmitter,\n  ElementRef,\n  Injector,\n  ReflectiveInjector\n} from '@angular/core';\nimport {NgxElementService} from './ngx-element.service';\nimport {merge, Subscription} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\n@Component({\n  selector: 'lib-ngx-element',\n  template: `\n    <ng-template #container></ng-template>\n  `,\n  styles: []\n})\nexport class NgxElementComponent implements OnInit, OnDestroy {\n\n  private ngElementEventsSubscription: Subscription;\n  @Input() selector: string;\n  @ViewChild('container', {read: ViewContainerRef}) container;\n\n  componentRef: ComponentRef<any>;\n  componentToLoad: Type<any>;\n  componentFactoryResolver: ComponentFactoryResolver;\n  injector: Injector;\n  refInjector: ReflectiveInjector;\n\n  constructor(\n    private ngxElementService: NgxElementService,\n    private elementRef: ElementRef\n  ) {}\n\n  /**\n   * Subscribe to event emitters of a lazy loaded and dynamically instantiated Angular component\n   * and dispatch them as Custom Events on the NgxElementComponent that is used in a template.\n   */\n  private setProxiedOutputs(factory: ComponentFactory<any>): void {\n    const eventEmitters = factory.outputs.map(({propName, templateName}) => {\n      const emitter = (this.componentRef.instance as any)[propName] as EventEmitter<any>;\n      return emitter.pipe(map((value: any) => ({name: templateName, value})));\n    });\n    const outputEvents = merge(...eventEmitters);\n    this.ngElementEventsSubscription = outputEvents.subscribe(subscription => {\n      const customEvent = document.createEvent('CustomEvent');\n      customEvent.initCustomEvent(subscription.name, false, false, subscription.value);\n      this.elementRef.nativeElement.dispatchEvent(customEvent);\n    });\n  }\n\n  ngOnInit(): void {\n    this.ngxElementService.getComponentToLoad(this.selector).subscribe(event => {\n      this.componentToLoad = event.componentClass;\n      this.componentFactoryResolver = this.ngxElementService.getComponentFactoryResolver(this.componentToLoad);\n      this.injector = this.ngxElementService.getInjector(this.componentToLoad);\n\n      const attributes = this.getElementAttributes();\n      this.createComponent(attributes);\n    });\n  }\n\n  createComponent(attributes) {\n    this.container.clear();\n    const factory = this.componentFactoryResolver.resolveComponentFactory(this.componentToLoad);\n\n    this.refInjector = ReflectiveInjector.resolveAndCreate(\n      [{provide: this.componentToLoad, useValue: this.componentToLoad}], this.injector\n    );\n    this.componentRef = this.container.createComponent(factory, 0, this.refInjector);\n\n    this.setAttributes(attributes);\n    this.listenToAttributeChanges();\n    this.setProxiedOutputs(factory);\n  }\n\n  setAttributes(attributes) {\n    attributes.forEach(attr => {\n      this.componentRef.instance[attr.name] = attr.value;\n    });\n  }\n\n  getElementAttributes() {\n    const attrs = this.elementRef.nativeElement.attributes;\n    const attributes = [];\n\n    for (let attr, i = 0; i < attrs.length; i++) {\n      attr = attrs[i];\n\n      if (attr.nodeName.match('^data-')) {\n        attributes.push({\n          name: this.camelCaseAttribute(attr.nodeName),\n          value: attr.nodeValue\n        });\n      }\n    }\n\n    return attributes;\n  }\n\n  camelCaseAttribute(attribute: string) {\n    const attr = attribute.replace('data-', '');\n    const chunks = attr.split('-');\n\n    if (chunks.length > 1) {\n      return chunks[0] + chunks.slice(1).map(chunk => chunk.replace(/^\\w/, c => c.toUpperCase())).join('');\n    }\n\n    return attr;\n  }\n\n  listenToAttributeChanges() {\n    const observer = new MutationObserver(mutations => {\n      mutations.forEach(mutation => {\n        if (mutation.type === 'attributes') {\n          const attributes = this.getElementAttributes();\n          this.setAttributes(attributes);\n        }\n      });\n    });\n\n    observer.observe(this.elementRef.nativeElement, {\n      attributes: true\n    });\n  }\n\n  ngOnDestroy() {\n    this.componentRef.destroy();\n    this.ngElementEventsSubscription.unsubscribe();\n  }\n}","import { NgModule, Injector, ModuleWithProviders } from '@angular/core';\nimport { createCustomElement } from '@angular/elements';\nimport { NgxElementComponent } from './ngx-element.component';\nimport { LAZY_CMPS_PATH_TOKEN } from './tokens';\n\n@NgModule({\n  declarations: [NgxElementComponent],\n  entryComponents: [NgxElementComponent]\n})\nexport class NgxElementModule {\n\n  constructor(private injector: Injector) {\n    const ngxElement = createCustomElement(NgxElementComponent, { injector });\n    customElements.define('ngx-element', ngxElement);\n  }\n\n  static forRoot(modulePaths: any[]): ModuleWithProviders<NgxElementModule> {\n    return {\n      ngModule: NgxElementModule,\n      providers: [\n        {\n          provide: LAZY_CMPS_PATH_TOKEN,\n          useValue: modulePaths\n        }\n      ]\n    };\n  }\n\n  ngDoBootstrap() {}\n}\n","/*\n * Public API Surface of ngx-element\n */\n\nexport * from './lib/ngx-element.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {NgxElementComponent as ɵa} from './lib/ngx-element.component';\nexport {NgxElementService as ɵb} from './lib/ngx-element.service';\nexport {LAZY_CMPS_PATH_TOKEN as ɵc} from './lib/tokens';"],"names":[],"mappings":"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"}

package/lib/lazy-component-loaded-event.d.ts

@@ -0,0 +1,5 @@
+import { Type } from '@angular/core';
+export interface LazyCmpLoadedEvent {
+    selector: string;
+    componentClass: Type<any>;
+}

package/lib/ngx-element.component.d.ts

@@ -0,0 +1,27 @@
+import { ComponentRef, OnInit, Type, ComponentFactoryResolver, OnDestroy, ElementRef, Injector, ReflectiveInjector } from '@angular/core';
+import { NgxElementService } from './ngx-element.service';
+export declare class NgxElementComponent implements OnInit, OnDestroy {
+    private ngxElementService;
+    private elementRef;
+    private ngElementEventsSubscription;
+    selector: string;
+    container: any;
+    componentRef: ComponentRef<any>;
+    componentToLoad: Type<any>;
+    componentFactoryResolver: ComponentFactoryResolver;
+    injector: Injector;
+    refInjector: ReflectiveInjector;
+    constructor(ngxElementService: NgxElementService, 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.
+     */
+    private setProxiedOutputs;
+    ngOnInit(): void;
+    createComponent(attributes: any): void;
+    setAttributes(attributes: any): void;
+    getElementAttributes(): any[];
+    camelCaseAttribute(attribute: string): string;
+    listenToAttributeChanges(): void;
+    ngOnDestroy(): void;
+}

package/lib/ngx-element.module.d.ts

@@ -0,0 +1,7 @@
+import { Injector, ModuleWithProviders } from '@angular/core';
+export declare class NgxElementModule {
+    private injector;
+    constructor(injector: Injector);
+    static forRoot(modulePaths: any[]): ModuleWithProviders<NgxElementModule>;
+    ngDoBootstrap(): void;
+}

package/lib/ngx-element.service.d.ts

@@ -0,0 +1,28 @@
+import { Type, Compiler, Injector, ComponentFactoryResolver } from '@angular/core';
+import { LazyComponentDef } from './tokens';
+import { LazyCmpLoadedEvent } from './lazy-component-loaded-event';
+import { Observable } from 'rxjs';
+export declare class NgxElementService {
+    private compiler;
+    private injector;
+    private componentsToLoad;
+    private loadedComponents;
+    private elementsLoading;
+    injectors: Map<Type<any>, Injector>;
+    componentFactoryResolvers: Map<Type<any>, ComponentFactoryResolver>;
+    constructor(modulePaths: {
+        selector: string;
+    }[], compiler: Compiler, injector: Injector);
+    receiveContext(component: Type<any>, injector: Injector): void;
+    getInjector(component: Type<any>): Injector;
+    getComponentFactoryResolver(component: Type<any>): ComponentFactoryResolver;
+    getComponentsToLoad(): Map<string, LazyComponentDef>;
+    getComponentToLoad(selector: string): Observable<LazyCmpLoadedEvent>;
+    /**
+     * 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: string): Promise<LazyCmpLoadedEvent>;
+}

package/lib/tokens.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import { LoadChildrenCallback } from '@angular/router';
+export declare const LAZY_CMPS_PATH_TOKEN: InjectionToken<unknown>;
+export interface LazyComponentDef {
+    selector: string;
+    loadChildren: LoadChildrenCallback;
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@zdigambar/ngx-element",
+  "version": "1.0.0",
+  "description": "A simple way to lazy load Angular components in non-angular projects",
+  "author": "Digambar Zurkale",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zdigambar/dz-ngx-element.git"
+  },
+  "bugs": {
+    "url": "https://github.com/zdigambar/dz-ngx-element/issues"
+  },
+  "homepage": "https://github.com/zdigambar/dz-ngx-element",
+  "keywords": [
+    "angular",
+    "elements",
+    "angular elements",
+    "web components",
+    "lazy loading",
+    "non-angular"
+  ],
+  "licence": "MIT",
+  "peerDependencies": {
+    "@angular/common": "~10.2.5",
+    "@angular/core": "~10.2.5",
+    "@angular/elements": "~10.2.5"
+  },
+  "main": "bundles/zdigambar-ngx-element.umd.js",
+  "module": "fesm2015/zdigambar-ngx-element.js",
+  "es2015": "fesm2015/zdigambar-ngx-element.js",
+  "esm2015": "esm2015/zdigambar-ngx-element.js",
+  "fesm2015": "fesm2015/zdigambar-ngx-element.js",
+  "typings": "zdigambar-ngx-element.d.ts",
+  "metadata": "zdigambar-ngx-element.metadata.json",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^1.10.0"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from './lib/ngx-element.module';

package/zdigambar-ngx-element.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { NgxElementComponent as ɵa } from './lib/ngx-element.component';
+export { NgxElementService as ɵb } from './lib/ngx-element.service';
+export { LAZY_CMPS_PATH_TOKEN as ɵc } from './lib/tokens';

package/zdigambar-ngx-element.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"NgxElementModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":11,"character":32}]}],"ngDoBootstrap":[{"__symbolic":"method"}]},"statics":{"forRoot":{"__symbolic":"function","parameters":["modulePaths"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxElementModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵc"},"useValue":{"__symbolic":"reference","name":"modulePaths"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"lib-ngx-element","template":"\n    <ng-template #container></ng-template>\n  ","styles":[]}]}],"members":{"selector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":32,"character":33}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":24}]}],"setProxiedOutputs":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"createComponent":[{"__symbolic":"method"}],"setAttributes":[{"__symbolic":"method"}],"getElementAttributes":[{"__symbolic":"method"}],"camelCaseAttribute":[{"__symbolic":"method"}],"listenToAttributeChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":18,"character":17,"module":"./lib/ngx-element.service"}]},{"__symbolic":"reference","module":"@angular/core","name":"Compiler","line":21,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":22,"character":22}]}],"receiveContext":[{"__symbolic":"method"}],"getInjector":[{"__symbolic":"method"}],"getComponentFactoryResolver":[{"__symbolic":"method"}],"getComponentsToLoad":[{"__symbolic":"method"}],"getComponentToLoad":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":40},"arguments":["ngx-lazy-cmp-registry"]}},"origins":{"NgxElementModule":"./lib/ngx-element.module","ɵa":"./lib/ngx-element.component","ɵb":"./lib/ngx-element.service","ɵc":"./lib/tokens"},"importAs":"@zdigambar/ngx-element"}