piral-ng 1.0.0-pre.2296 → 1.0.1-beta.5640

package/lib/bootstrap.js

@@ -1,98 +1,62 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bootstrapModule = exports.bootstrapComponent = exports.bootstrap = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var platform_browser_1 = require("@angular/platform-browser");
-var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
-function sanatize(id) {
-    return id.replace(/\W/g, '_');
-}
-function getPlatformProps(context, props) {
-    return [
-        { provide: 'Props', useValue: props },
-        { provide: 'Context', useValue: context },
-    ];
-}
-function setComponentSelector(component, id) {
-    var annotations = component && component.__annotations__;
-    var annotation = annotations === null || annotations === void 0 ? void 0 : annotations[0];
-    if (annotation && !annotation.selector) {
-        annotation.selector = "#" + id;
-    }
-}
-function startup(context, props, BootstrapModule, node) {
-    var values = getPlatformProps(context, props);
-    var platform = platform_browser_dynamic_1.platformBrowserDynamic(values);
-    return platform
-        .bootstrapModule(BootstrapModule)
-        .catch(function (err) { return console.log(err); })
-        .then(function (bootstrapModule) {
-        node.removeAttribute('id');
-        return bootstrapModule;
-    });
-}
-function bootstrap(context, props, moduleOrComponent, node, id) {
-    var annotations = moduleOrComponent.__annotations__;
-    var annotation = annotations === null || annotations === void 0 ? void 0 : annotations[0];
-    if (annotation && annotation.bootstrap) {
-        // usually contains things like imports, exports, declarations, ...
-        return bootstrapModule(context, props, moduleOrComponent, node, id);
-    }
-    else {
-        // usually contains things like selector, template or templateUrl, changeDetection, ...
-        return bootstrapComponent(context, props, moduleOrComponent, node, id);
-    }
-}
-exports.bootstrap = bootstrap;
-function bootstrapComponent(context, props, component, node, id) {
-    var piral = props.piral;
-    var declarations = [component, piral.NgExtension];
-    node.id = sanatize(id);
-    setComponentSelector(component, node.id);
-    var BootstrapModule = /** @class */ (function () {
-        function BootstrapModule() {
+exports.bootstrap = exports.prepareBootstrap = void 0;
+const tslib_1 = require("tslib");
+const module_1 = require("./module");
+const utils_1 = require("./utils");
+const startup_1 = require("./startup");
+function prepareBootstrap(moduleOrComponent, piral) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        if ('module' in moduleOrComponent && typeof moduleOrComponent.module === 'function') {
+            if (!(moduleOrComponent.state.current instanceof Promise)) {
+                moduleOrComponent.state.current = moduleOrComponent.module().then((result) => {
+                    if (typeof result !== 'object' || !('default' in result)) {
+                        throw new Error('The lazy loaded module does not `default` export a NgModule class.');
+                    }
+                    (0, module_1.defineModule)(result.default, moduleOrComponent.opts);
+                    return (0, module_1.findModule)(result.default);
+                });
+            }
+            const moduleDef = yield moduleOrComponent.state.current;
+            const { components } = moduleDef;
+            const component = components.find((m) => (0, utils_1.hasSelector)(m, moduleOrComponent.selector));
+            if (!component) {
+                throw new Error(`No component matching the selector "${moduleOrComponent.selector}" has been found.`);
+            }
+            return [...(0, module_1.activateModuleInstance)(moduleDef, piral), component];
+        }
+        else {
+            const [annotation] = (0, utils_1.getAnnotations)(moduleOrComponent);
+            const standalone = annotation === null || annotation === void 0 ? void 0 : annotation.standalone;
+            // first way is to directly use a module, which is the legacy way
+            // second way is to find a previously defined Angular module
+            if (annotation && annotation.bootstrap) {
+                // usually contains things like imports, exports, declarations, ...
+                const [component] = annotation.bootstrap;
+                annotation.exports = [component];
+                (0, module_1.defineModule)(moduleOrComponent);
+                return [...(0, module_1.getModuleInstance)(component, standalone, piral), component];
+            }
+            else {
+                // usually contains things like selector, template or templateUrl, changeDetection, ...
+                const result = (0, module_1.getModuleInstance)(moduleOrComponent, standalone, piral) ||
+                    (0, module_1.createModuleInstance)(moduleOrComponent, standalone, piral);
+                return [...result, moduleOrComponent];
+            }
         }
-        BootstrapModule = tslib_1.__decorate([
-            core_1.NgModule({
-                imports: [platform_browser_1.BrowserModule],
-                providers: [
-                    {
-                        provide: 'piral',
-                        useValue: piral,
-                    },
-                ],
-                declarations: declarations,
-                bootstrap: [component],
-            })
-        ], BootstrapModule);
-        return BootstrapModule;
-    }());
-    return startup(context, props, BootstrapModule, node);
+    });
 }
-exports.bootstrapComponent = bootstrapComponent;
-function bootstrapModule(context, props, BootstrapModule, node, id) {
-    var piral = props.piral;
-    var annotations = BootstrapModule.__annotations__;
-    var annotation = annotations === null || annotations === void 0 ? void 0 : annotations[0];
-    node.id = sanatize(id);
-    if (annotation) {
-        var providers = annotation.providers || [];
-        var declarations = annotation.declarations || [];
-        var component = (annotation.bootstrap || [])[0];
-        annotation.providers = tslib_1.__spreadArrays(providers, [
-            {
-                provide: 'piral',
-                useValue: piral,
-            },
-        ]);
-        annotation.declarations = tslib_1.__spreadArrays(declarations, [piral.NgExtension]);
-        if (component) {
-            setComponentSelector(component, node.id);
-            annotation.bootstrap = [component];
+exports.prepareBootstrap = prepareBootstrap;
+function bootstrap(result, node, props, context) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const [selectedModule, ngOptions, component] = result;
+        const ref = yield (0, startup_1.startup)(selectedModule, context, ngOptions);
+        if (ref) {
+            ref.instance.attach(component, node, props);
+            return () => ref.instance.detach(component, node);
         }
-    }
-    return startup(context, props, BootstrapModule, node);
+        return () => { };
+    });
 }
-exports.bootstrapModule = bootstrapModule;
+exports.bootstrap = bootstrap;
 //# sourceMappingURL=bootstrap.js.map

package/lib/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":"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"}

package/lib/common/NgExtension.d.ts

@@ -0,0 +1,11 @@
+import type { PiletApi } from 'piral-core';
+import { ElementRef, OnChanges } from '@angular/core';
+export declare class NgExtension implements OnChanges {
+    private elRef;
+    private piral;
+    name: string | undefined;
+    params: object | undefined;
+    constructor(elRef: ElementRef<HTMLElement>, piral: PiletApi);
+    ngOnChanges(): void;
+    ngAfterContentInit(): void;
+}

package/lib/common/NgExtension.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NgExtension = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const selector = 'extension-component';
+let NgExtension = class NgExtension {
+    constructor(elRef, piral) {
+        this.elRef = elRef;
+        this.piral = piral;
+    }
+    ngOnChanges() {
+        this.elRef.nativeElement.dispatchEvent(new CustomEvent('extension-props-changed', {
+            detail: {
+                name: this.name,
+                params: this.params,
+            },
+        }));
+    }
+    ngAfterContentInit() {
+        this.piral.renderHtmlExtension(this.elRef.nativeElement, {
+            name: this.name,
+            params: this.params,
+        });
+    }
+};
+tslib_1.__decorate([
+    (0, core_1.Input)('name'),
+    tslib_1.__metadata("design:type", String)
+], NgExtension.prototype, "name", void 0);
+tslib_1.__decorate([
+    (0, core_1.Input)('params'),
+    tslib_1.__metadata("design:type", Object)
+], NgExtension.prototype, "params", void 0);
+NgExtension = tslib_1.__decorate([
+    (0, core_1.Component)({
+        selector,
+        template: '',
+    }),
+    tslib_1.__param(1, (0, core_1.Inject)('piral')),
+    tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, Object])
+], NgExtension);
+exports.NgExtension = NgExtension;
+//# sourceMappingURL=NgExtension.js.map

package/lib/common/NgExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NgExtension.js","sourceRoot":"","sources":["../../src/common/NgExtension.ts"],"names":[],"mappings":";;;;AACA,wCAAgF;AAEhF,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AAEvC,IAIa,WAAW,GAJxB,MAIa,WAAW;IAItB,YAAoB,KAA8B,EAA2B,KAAe;QAAxE,UAAK,GAAL,KAAK,CAAyB;QAA2B,UAAK,GAAL,KAAK,CAAU;IAAG,CAAC;IAEhG,WAAW;QACT,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CACpC,IAAI,WAAW,CAAC,yBAAyB,EAAE;YACzC,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACvD,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAtBuB;IAArB,IAAA,YAAK,EAAC,MAAM,CAAC;;yCAAiC;AACvB;IAAvB,IAAA,YAAK,EAAC,QAAQ,CAAC;;2CAAmC;AAFxC,WAAW;IAJvB,IAAA,gBAAS,EAAC;QACT,QAAQ;QACR,QAAQ,EAAE,EAAE;KACb,CAAC;IAKqD,mBAAA,IAAA,aAAM,EAAC,OAAO,CAAC,CAAA;6CAAzC,iBAAU;GAJ1B,WAAW,CAuBvB;AAvBY,kCAAW"}

package/lib/common/ResourceUrlPipe.d.ts

@@ -0,0 +1,7 @@
+import type { PiletApi } from 'piral-core';
+import { PipeTransform } from '@angular/core';
+export declare class ResourceUrlPipe implements PipeTransform {
+    private piral;
+    constructor(piral: PiletApi);
+    transform(value: string): string;
+}

package/lib/common/ResourceUrlPipe.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResourceUrlPipe = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+let ResourceUrlPipe = class ResourceUrlPipe {
+    constructor(piral) {
+        this.piral = piral;
+    }
+    transform(value) {
+        const { basePath = '/' } = this.piral.meta;
+        return basePath + value;
+    }
+};
+ResourceUrlPipe = tslib_1.__decorate([
+    (0, core_1.Pipe)({ name: 'resourceUrl' }),
+    tslib_1.__param(0, (0, core_1.Inject)('piral')),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], ResourceUrlPipe);
+exports.ResourceUrlPipe = ResourceUrlPipe;
+//# sourceMappingURL=ResourceUrlPipe.js.map

package/lib/common/ResourceUrlPipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceUrlPipe.js","sourceRoot":"","sources":["../../src/common/ResourceUrlPipe.ts"],"names":[],"mappings":";;;;AACA,wCAA4D;AAE5D,IACa,eAAe,GAD5B,MACa,eAAe;IAC1B,YAAqC,KAAe;QAAf,UAAK,GAAL,KAAK,CAAU;IAAG,CAAC;IAExD,SAAS,CAAC,KAAa;QACrB,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3C,OAAO,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;CACF,CAAA;AAPY,eAAe;IAD3B,IAAA,WAAI,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;IAEf,mBAAA,IAAA,aAAM,EAAC,OAAO,CAAC,CAAA;;GADjB,eAAe,CAO3B;AAPY,0CAAe"}

package/lib/common/SharedModule.d.ts

@@ -0,0 +1,3 @@
+export declare class SharedModule {
+    static props: {};
+}

package/lib/common/SharedModule.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SharedModule = void 0;
+const tslib_1 = require("tslib");
+const common_1 = require("@angular/common");
+const core_1 = require("@angular/core");
+const NgExtension_1 = require("./NgExtension");
+const ResourceUrlPipe_1 = require("./ResourceUrlPipe");
+const declarationsDef = [NgExtension_1.NgExtension, ResourceUrlPipe_1.ResourceUrlPipe];
+const exportsDef = [NgExtension_1.NgExtension, ResourceUrlPipe_1.ResourceUrlPipe];
+const importsDef = [common_1.CommonModule];
+let SharedModule = class SharedModule {
+};
+SharedModule.props = {};
+SharedModule = tslib_1.__decorate([
+    (0, core_1.NgModule)({
+        declarations: declarationsDef,
+        providers: [],
+        imports: importsDef,
+        exports: exportsDef,
+    })
+], SharedModule);
+exports.SharedModule = SharedModule;
+//# sourceMappingURL=SharedModule.js.map

package/lib/common/SharedModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedModule.js","sourceRoot":"","sources":["../../src/common/SharedModule.ts"],"names":[],"mappings":";;;;AAAA,4CAA+C;AAC/C,wCAAyC;AACzC,+CAA4C;AAC5C,uDAAoD;AAEpD,MAAM,eAAe,GAAG,CAAC,yBAAW,EAAE,iCAAe,CAAC,CAAC;AACvD,MAAM,UAAU,GAAG,CAAC,yBAAW,EAAE,iCAAe,CAAC,CAAC;AAClD,MAAM,UAAU,GAAG,CAAC,qBAAY,CAAC,CAAC;AAQlC,IAAa,YAAY,GAAzB,MAAa,YAAY;;AAChB,kBAAK,GAAG,EAAE,AAAL,CAAM;AADP,YAAY;IANxB,IAAA,eAAQ,EAAC;QACR,YAAY,EAAE,eAAe;QAC7B,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;KACpB,CAAC;GACW,YAAY,CAExB;AAFY,oCAAY"}

package/lib/common/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './SharedModule';
+export * from './NgExtension';
+export * from './ResourceUrlPipe';

package/lib/common/public_api.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SharedModule"), exports);
+tslib_1.__exportStar(require("./NgExtension"), exports);
+tslib_1.__exportStar(require("./ResourceUrlPipe"), exports);
+//# sourceMappingURL=public_api.js.map

package/lib/common/public_api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public_api.js","sourceRoot":"","sources":["../../src/common/public_api.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,wDAA8B;AAC9B,4DAAkC"}

package/lib/converter.d.ts

@@ -1,2 +1,10 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-export declare function createConverter(selectId?: () => string): <TProps extends BaseComponentProps>(component: any) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { NgModuleDefiner } from './types';
+export interface NgConverterOptions {
+}
+export interface NgConverter {
+    <TProps extends BaseComponentProps>(component: any): ForeignComponent<TProps>;
+    defineModule: NgModuleDefiner;
+    Extension: any;
+}
+export declare function createConverter(_?: NgConverterOptions): NgConverter;

package/lib/converter.js

@@ -1,23 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConverter = void 0;
-var queue_1 = require("./queue");
-var bootstrap_1 = require("./bootstrap");
-var next = ~~(Math.random() * 10000);
-function createConverter(selectId) {
-    if (selectId === void 0) { selectId = function () { return "ng-" + next++; }; }
-    var convert = function (component) {
-        var id = selectId();
-        var result = Promise.resolve();
-        return {
-            mount: function (el, props, ctx) {
-                result = queue_1.enqueue(function () { return bootstrap_1.bootstrap(ctx, props, component, el, id); });
-            },
-            unmount: function () {
-                result.then(function (ngMod) { return ngMod && ngMod.destroy(); });
-            },
-        };
-    };
+const tslib_1 = require("tslib");
+const rxjs_1 = require("rxjs");
+const queue_1 = require("./queue");
+const module_1 = require("./module");
+const bootstrap_1 = require("./bootstrap");
+const common_1 = require("../common");
+function createConverter(_ = {}) {
+    const registry = new Map();
+    const convert = (component) => ({
+        mount(el, props, ctx, locals) {
+            locals.active = true;
+            if (!locals.props) {
+                locals.props = new rxjs_1.BehaviorSubject(props);
+            }
+            if (!locals.queued) {
+                locals.queued = Promise.resolve();
+            }
+            locals.queued = locals.queued.then(() => (0, queue_1.enqueue)(() => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                if (!registry.has(component)) {
+                    registry.set(component, yield (0, bootstrap_1.prepareBootstrap)(component, props.piral));
+                }
+                if (locals.active) {
+                    return yield (0, bootstrap_1.bootstrap)(registry.get(component), el, locals.props, ctx);
+                }
+            })));
+        },
+        update(el, props, ctx, locals) {
+            locals.props.next(props);
+        },
+        unmount(el, locals) {
+            locals.active = false;
+            locals.queued = locals.queued.then((dispose) => dispose && (0, queue_1.enqueue)(dispose));
+        },
+    });
+    convert.defineModule = module_1.defineModule;
+    convert.Extension = common_1.NgExtension;
     return convert;
 }
 exports.createConverter = createConverter;

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,iCAAkC;AAClC,yCAAwC;AAExC,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;AAErC,SAAgB,eAAe,CAAC,QAA+B;IAA/B,yBAAA,EAAA,yBAAiB,OAAA,QAAM,IAAI,EAAI,EAAd,CAAc;IAC7D,IAAM,OAAO,GAAG,UAAoC,SAAc;QAChE,IAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;QACtB,IAAI,MAAM,GAAqC,OAAO,CAAC,OAAO,EAAE,CAAC;QAEjE,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,MAAM,GAAG,eAAO,CAAC,cAAM,OAAA,qBAAS,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EAAxC,CAAwC,CAAC,CAAC;YACnE,CAAC;YACD,OAAO;gBACL,MAAM,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE,EAAxB,CAAwB,CAAC,CAAC;YACnD,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AAfD,0CAeC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;;AAGA,+BAAuC;AACvC,mCAAkC;AAClC,qCAAwC;AACxC,2CAA0D;AAC1D,sCAAwC;AAgBxC,SAAgB,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA+B,CAAC;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAiC,EAA4B,EAAE,CAAC,CAAC;QACnH,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAuB;YAC3C,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;YAErB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;gBACjB,MAAM,CAAC,KAAK,GAAG,IAAI,sBAAe,CAAC,KAAK,CAAC,CAAC;aAC3C;YAED,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAClB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;aACnC;YAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CACtC,IAAA,eAAO,EAAC,GAAS,EAAE;gBACjB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBAC5B,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,IAAA,4BAAgB,EAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;iBACzE;gBAED,IAAI,MAAM,CAAC,MAAM,EAAE;oBACjB,OAAO,MAAM,IAAA,qBAAS,EAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;iBACxE;YACH,CAAC,CAAA,CAAC,CACH,CAAC;QACJ,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAuB;YAC5C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAuB;YACjC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,IAAA,eAAO,EAAC,OAAO,CAAC,CAAC,CAAC;QAC/E,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,YAAY,GAAG,qBAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,oBAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC;AArCD,0CAqCC"}

package/lib/create.d.ts

@@ -1,24 +1,10 @@
 import type { PiralPlugin } from 'piral-core';
 import type { PiletNgApi } from './types';
+import { NgConverterOptions } from './converter';
 /**
  * Available configuration options for the Angular plugin.
  */
-export interface NgConfig {
-    /**
-     * Defines the name of the extension component.
-     * @default extension-component
-     */
-    selector?: string;
-    /**
-     * Defines the name of the root element.
-     * @default slot
-     */
-    rootName?: string;
-    /**
-     * Defines how the next ID for mounting is selected.
-     * By default a random number is used in conjunction with a `ng-` prefix.
-     */
-    selectId?(): string;
+export interface NgConfig extends NgConverterOptions {
 }
 /**
  * Creates the Pilet API extensions for Angular.

package/lib/create.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createNgApi = void 0;
-var converter_1 = require("./converter");
-var extension_1 = require("./extension");
+const converter_1 = require("./converter");
+const module_1 = require("./module");
 /**
  * Creates the Pilet API extensions for Angular.
  */
-function createNgApi(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName, selector = config.selector, selectId = config.selectId;
-    return function (context) {
-        var convert = converter_1.createConverter(selectId);
-        context.converters.ng = function (_a) {
-            var component = _a.component;
-            return convert(component);
-        };
+function createNgApi(config = {}) {
+    return (context) => {
+        const convert = (0, converter_1.createConverter)(config);
+        context.converters.ng = ({ component }) => convert(component);
         return {
-            NgExtension: extension_1.createExtension(rootName, selector),
-            fromNg: function (component) {
+            NgExtension: convert.Extension,
+            defineNgModule: module_1.defineModule,
+            fromNg(component) {
                 return {
                     type: 'ng',
-                    component: component,
+                    component,
                 };
             },
         };

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,yCAA8C;AAC9C,yCAA8C;AAwB9C;;GAEG;AACH,SAAgB,WAAW,CAAC,MAAqB;IAArB,uBAAA,EAAA,WAAqB;IACvC,IAAA,QAAQ,GAAyB,MAAM,SAA/B,EAAE,QAAQ,GAAe,MAAM,SAArB,EAAE,QAAQ,GAAK,MAAM,SAAX,CAAY;IAEhD,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,2BAAe,CAAC,QAAQ,CAAC,CAAC;QAC1C,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,UAAC,EAAa;gBAAX,SAAS,eAAA;YAAO,OAAA,OAAO,CAAC,SAAS,CAAC;QAAlB,CAAkB,CAAC;QAE9D,OAAO;YACL,WAAW,EAAE,2BAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC;YAChD,MAAM,YAAC,SAAS;gBACd,OAAO;oBACL,IAAI,EAAE,IAAI;oBACV,SAAS,WAAA;iBACV,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAjBD,kCAiBC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AAEA,2CAAkE;AAClE,qCAAwC;AAOxC;;GAEG;AACH,SAAgB,WAAW,CAAC,SAAmB,EAAE;IAC/C,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE9D,OAAO;YACL,WAAW,EAAE,OAAO,CAAC,SAAS;YAC9B,cAAc,EAAE,qBAAY;YAC5B,MAAM,CAAC,SAAS;gBACd,OAAO;oBACL,IAAI,EAAE,IAAI;oBACV,SAAS;iBACV,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAhBD,kCAgBC"}

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./create"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/module.d.ts

@@ -0,0 +1,24 @@
+import type { PiletApi } from 'piral-core';
+import type { NgOptions, ModuleInstanceResult } from './types';
+interface ModuleDefinition {
+    active: any;
+    module: any;
+    components: Array<any>;
+    opts: NgOptions;
+}
+export declare function activateModuleInstance(moduleDef: ModuleDefinition, piral: PiletApi): ModuleInstanceResult;
+export declare function getModuleInstance(component: any, standalone: boolean, piral: PiletApi): ModuleInstanceResult;
+export declare function createModuleInstance(component: any, standalone: boolean, piral: PiletApi): ModuleInstanceResult;
+export declare function findModule(module: any): ModuleDefinition;
+export declare function defineModule(module: any, opts?: NgOptions): (selector: string) => {
+    component: {
+        selector: string;
+        module: any;
+        opts: (import("@angular/core").CompilerOptions & import("@angular/core").BootstrapOptions) | (import("@angular/core").CompilerOptions & import("@angular/core").BootstrapOptions)[];
+        state: {
+            current: any;
+        };
+    };
+    type: "ng";
+};
+export {};