sample-cross-fx 0.14.21-beta.4074 → 0.14.22-beta.4103

package/app/{index.dc5b8d.js → index.a3c9ff.js}

@@ -125696,6 +125696,15 @@ let NgExtension = NgExtension_1 = class NgExtension {
     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,
@@ -125987,7 +125996,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function prepareBootstrap(moduleOrComponent, piral) {
-  const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAnnotations)(moduleOrComponent);
+  const [annotation] = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.getAnnotations)(moduleOrComponent); // 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, ...
@@ -126028,14 +126038,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "createConverter": () => (/* binding */ createConverter)
 /* harmony export */ });
-/* harmony import */ var _NgExtension__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./NgExtension */ "../../converters/piral-ng/esm/NgExtension.js");
-/* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./queue */ "../../converters/piral-ng/esm/queue.js");
-/* harmony import */ var _module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./module */ "../../converters/piral-ng/esm/module.js");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "../../converters/piral-ng/node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");
+/* harmony import */ var _NgExtension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./NgExtension */ "../../converters/piral-ng/esm/NgExtension.js");
+/* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./queue */ "../../converters/piral-ng/esm/queue.js");
+/* harmony import */ var _module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./module */ "../../converters/piral-ng/esm/module.js");
 /* harmony import */ var _bootstrap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./bootstrap */ "../../converters/piral-ng/esm/bootstrap.js");
 
 
 
 
+
 function createConverter(_ = {}) {
   const registry = new Map();
 
@@ -126047,11 +126059,19 @@ function createConverter(_ = {}) {
         registry.set(component, (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.prepareBootstrap)(component, props.piral));
       }
 
+      if (!locals.props) {
+        locals.props = new rxjs__WEBPACK_IMPORTED_MODULE_1__.BehaviorSubject(props);
+      }
+
       if (!locals.queued) {
         locals.queued = Promise.resolve();
       }
 
-      locals.queued = locals.queued.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_1__.enqueue)(() => locals.active && (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(registry.get(component), el, props, ctx)));
+      locals.queued = locals.queued.then(() => (0,_queue__WEBPACK_IMPORTED_MODULE_2__.enqueue)(() => locals.active && (0,_bootstrap__WEBPACK_IMPORTED_MODULE_0__.bootstrap)(registry.get(component), el, locals.props, ctx)));
+    },
+
+    update(el, props, ctx, locals) {
+      locals.props.next(props);
     },
 
     unmount(el, locals) {
@@ -126061,8 +126081,8 @@ function createConverter(_ = {}) {
 
   });
 
-  convert.defineModule = _module__WEBPACK_IMPORTED_MODULE_2__.defineModule;
-  convert.Extension = _NgExtension__WEBPACK_IMPORTED_MODULE_3__.NgExtension;
+  convert.defineModule = _module__WEBPACK_IMPORTED_MODULE_3__.defineModule;
+  convert.Extension = _NgExtension__WEBPACK_IMPORTED_MODULE_4__.NgExtension;
   return convert;
 }
 
@@ -126172,7 +126192,7 @@ function instantiateModule(moduleDef, piral) {
   };
   const providers = [_RoutingService__WEBPACK_IMPORTED_MODULE_3__.RoutingService, {
     provide: 'Props',
-    useFactory: () => props.current,
+    useFactory: () => props.current.value,
     deps: []
   }, {
     provide: 'piral',
@@ -126192,11 +126212,25 @@ function instantiateModule(moduleDef, piral) {
     }
 
     attach(component, node, $props) {
+      var _a, _b, _c;
+
       const factory = this.resolver.resolveComponentFactory(component);
       props.current = $props;
 
       if (factory) {
         const ref = this.zone.run(() => this.appRef.bootstrap(factory, node));
+        const name = (_c = (_b = (_a = ref.componentType) === null || _a === void 0 ? void 0 : _a.ɵcmp) === null || _b === void 0 ? void 0 : _b.inputs) === null || _c === void 0 ? void 0 : _c.Props;
+
+        if (typeof name === 'string') {
+          const sub = $props.subscribe(props => {
+            var _a;
+
+            ref.instance[name] = props;
+            (_a = ref.changeDetectorRef) === null || _a === void 0 ? void 0 : _a.detectChanges();
+          });
+          ref.onDestroy(() => sub.unsubscribe());
+        }
+
         this.refs.push([component, node, ref]);
       }
     }
@@ -126258,6 +126292,10 @@ function getModuleInstance(component, piral) {
     return [moduleDef.active, moduleDef.opts];
   }
 
+  if (true) {
+    console.warn('Component not found in all defined Angular modules. Make sure to define (using `defineNgModule`) a module with your component(s) referenced in the exports section of the `@NgModule` decorator.', component, piral.meta);
+  }
+
   return undefined;
 }
 function createModuleInstance(component, piral) {
@@ -130179,7 +130217,7 @@ function createInstance(config = {}) {
   const createApi = apiFactory(context, usedPlugins);
   const root = createApi({
     name: 'root',
-    version: "0.14.21-beta.4074" || 0,
+    version: "0.14.22-beta.4103" || 0,
     spec: ''
   });
   const options = (0,_helpers__WEBPACK_IMPORTED_MODULE_6__.createPiletOptions)({
@@ -132652,12 +132690,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.14.21-beta.4074",
+      version: "0.14.22-beta.4103",
       dependencies: "@angular/common,@angular/compiler,@angular/core,@angular/platform-browser,@angular/platform-browser-dynamic,@webcomponents/webcomponentsjs,angular,aurelia-framework,aurelia-templating-binding,aurelia-templating-resources,aurelia-pal-browser,aurelia-event-aggregator,aurelia-history-browser,hyperapp,inferno,inferno-create-element,mithril,lit-element,solid-js,solid-js/dom,piral-ng/common,preact,riot,rxjs,vue,zone.js,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2022-04-11T10:40:08.411Z",
-      cli: "0.14.20",
+      date: "2022-04-18T21:18:01.762Z",
+      cli: "0.14.21",
       compat: "0.14"
     },
     pilets: {
@@ -254825,4 +254863,4 @@ const app = React.createElement(piral_core_1.Piral, {
 
 /******/ })()
 ;
-//# sourceMappingURL=index.dc5b8d.js.map
+//# sourceMappingURL=index.a3c9ff.js.map