piral-ng 0.14.16-beta.3861 → 0.14.17-beta.3882

package/esm/converter.js

@@ -5,16 +5,17 @@ import { bootstrap, prepareBootstrap } from './bootstrap';
 export function createConverter(_ = {}) {
     const convert = (component) => {
         const bootstrapped = prepareBootstrap(component);
-        let mounted = Promise.resolve();
-        let active = true;
         return {
-            mount(el, props, ctx) {
-                active = true;
-                mounted = mounted.then(() => enqueue(() => active && bootstrap(bootstrapped, el, props, ctx)));
+            mount(el, props, ctx, locals) {
+                locals.active = true;
+                if (!locals.queued) {
+                    locals.queued = Promise.resolve();
+                }
+                locals.queued = locals.queued.then(() => enqueue(() => locals.active && bootstrap(bootstrapped, el, props, ctx)));
             },
-            unmount() {
-                active = false;
-                mounted = mounted.then((dispose) => dispose && dispose());
+            unmount(el, locals) {
+                locals.active = false;
+                locals.queued = locals.queued.then((dispose) => dispose && dispose());
             },
         };
     };

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAU1D,MAAM,UAAU,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAc,EAA4B,EAAE;QAC9F,MAAM,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACjD,IAAI,OAAO,GAA+B,OAAO,CAAC,OAAO,EAAE,CAAC;QAC5D,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,MAAM,GAAG,IAAI,CAAC;gBACd,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,SAAS,CAAC,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;YACjG,CAAC;YACD,OAAO;gBACL,MAAM,GAAG,KAAK,CAAC;gBACf,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;YAC5D,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAe1D,MAAM,UAAU,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAc,EAA4B,EAAE;QAC9F,MAAM,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEjD,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAe;gBACnC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;gBAErB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;oBAClB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;iBACnC;gBAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CACtC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CACxE,CAAC;YACJ,CAAC;YACD,OAAO,CAAC,EAAE,EAAE,MAAe;gBACzB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;gBACtB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;YACxE,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/converter.js

@@ -8,16 +8,17 @@ const bootstrap_1 = require("./bootstrap");
 function createConverter(_ = {}) {
     const convert = (component) => {
         const bootstrapped = (0, bootstrap_1.prepareBootstrap)(component);
-        let mounted = Promise.resolve();
-        let active = true;
         return {
-            mount(el, props, ctx) {
-                active = true;
-                mounted = mounted.then(() => (0, queue_1.enqueue)(() => active && (0, bootstrap_1.bootstrap)(bootstrapped, el, props, ctx)));
+            mount(el, props, ctx, locals) {
+                locals.active = true;
+                if (!locals.queued) {
+                    locals.queued = Promise.resolve();
+                }
+                locals.queued = locals.queued.then(() => (0, queue_1.enqueue)(() => locals.active && (0, bootstrap_1.bootstrap)(bootstrapped, el, props, ctx)));
             },
-            unmount() {
-                active = false;
-                mounted = mounted.then((dispose) => dispose && dispose());
+            unmount(el, locals) {
+                locals.active = false;
+                locals.queued = locals.queued.then((dispose) => dispose && dispose());
             },
         };
     };

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,+CAA4C;AAC5C,mCAAkC;AAClC,qCAAwC;AACxC,2CAA0D;AAU1D,SAAgB,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAc,EAA4B,EAAE;QAC9F,MAAM,YAAY,GAAG,IAAA,4BAAgB,EAAC,SAAS,CAAC,CAAC;QACjD,IAAI,OAAO,GAA+B,OAAO,CAAC,OAAO,EAAE,CAAC;QAC5D,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,MAAM,GAAG,IAAI,CAAC;gBACd,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,IAAI,IAAA,qBAAS,EAAC,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;YACjG,CAAC;YACD,OAAO;gBACL,MAAM,GAAG,KAAK,CAAC;gBACf,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;YAC5D,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,GAAG,qBAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,yBAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC;AApBD,0CAoBC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,+CAA4C;AAC5C,mCAAkC;AAClC,qCAAwC;AACxC,2CAA0D;AAe1D,SAAgB,eAAe,CAAC,IAAwB,EAAE;IACxD,MAAM,OAAO,GAAG,CAAoC,SAAc,EAA4B,EAAE;QAC9F,MAAM,YAAY,GAAG,IAAA,4BAAgB,EAAC,SAAS,CAAC,CAAC;QAEjD,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAe;gBACnC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;gBAErB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;oBAClB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;iBACnC;gBAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CACtC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,IAAA,qBAAS,EAAC,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CACxE,CAAC;YACJ,CAAC;YACD,OAAO,CAAC,EAAE,EAAE,MAAe;gBACzB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;gBACtB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;YACxE,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,YAAY,GAAG,qBAAY,CAAC;IACpC,OAAO,CAAC,SAAS,GAAG,yBAAW,CAAC;IAChC,OAAO,OAAO,CAAC;AACjB,CAAC;AAzBD,0CAyBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-ng",
-  "version": "0.14.16-beta.3861",
+  "version": "0.14.17-beta.3882",
   "description": "Plugin for integrating Angular components in Piral.",
   "keywords": [
     "piral",
@@ -52,7 +52,7 @@
     "@angular/platform-browser": "^8.0.0",
     "@angular/platform-browser-dynamic": "^8.0.0",
     "@angular/router": "^8.0.0",
-    "piral-core": "0.14.16-beta.3861",
+    "piral-core": "0.14.17-beta.3882",
     "rxjs": "^7.3.0"
   },
   "peerDependencies": {
@@ -66,5 +66,5 @@
     "rxjs": "^5.0.0 || ^6.0.0 || ^7.0.0",
     "zone.js": "~0.9.0 || ~0.10.0 || ~0.11.0"
   },
-  "gitHead": "cf50d08d609be8b025664f4e6ba45850b675aca1"
+  "gitHead": "baa86e46163bdf6ea51d84414a6fe64a913517c7"
 }

package/src/converter.ts

@@ -13,20 +13,30 @@ export interface NgConverter {
   Extension: any;
 }
 
+interface NgState {
+  queued: Promise<void | Disposable>;
+  active: boolean;
+}
+
 export function createConverter(_: NgConverterOptions = {}): NgConverter {
   const convert = <TProps extends BaseComponentProps>(component: any): ForeignComponent<TProps> => {
     const bootstrapped = prepareBootstrap(component);
-    let mounted: Promise<void | Disposable> = Promise.resolve();
-    let active = true;
 
     return {
-      mount(el, props, ctx) {
-        active = true;
-        mounted = mounted.then(() => enqueue(() => active && bootstrap(bootstrapped, el, props, ctx)));
+      mount(el, props, ctx, locals: NgState) {
+        locals.active = true;
+
+        if (!locals.queued) {
+          locals.queued = Promise.resolve();
+        }
+
+        locals.queued = locals.queued.then(() =>
+          enqueue(() => locals.active && bootstrap(bootstrapped, el, props, ctx)),
+        );
       },
-      unmount() {
-        active = false;
-        mounted = mounted.then((dispose) => dispose && dispose());
+      unmount(el, locals: NgState) {
+        locals.active = false;
+        locals.queued = locals.queued.then((dispose) => dispose && dispose());
       },
     };
   };