sample-cross-fx 0.15.13-beta.5560 → 0.15.13-beta.5583

package/app/index.d.ts

@@ -1166,7 +1166,7 @@ export interface ExtensionRegistration extends BaseRegistration {
   defaults: any;
 }
 
-export type BlazorRootConfig = [root: HTMLDivElement, capabilities: Array<string>, applyChanges: (pilet: PiletMetadata) => void];
+export type BlazorRootConfig = [root: HTMLDivElement, capabilities: Array<string>, applyChanges: (pilet: PiletApi) => void];
 
 /**
  * The context to be transported into the generic components.

package/app/{index.d15ee6.js → index.ec41fb.js}

@@ -54249,6 +54249,18 @@ function createConverter(lazy, opts, language, logLevel) {
       if (typeof language.current === 'string') {
         yield (0,_interop__WEBPACK_IMPORTED_MODULE_1__.setLanguage)(language.current);
       }
+      if (capabilities.includes('events')) {
+        const eventDispatcher = document.body.dispatchEvent;
+        // listen to all events for forwarding them
+        document.body.dispatchEvent = function (ev) {
+          if (ev.type.startsWith('piral-')) {
+            const type = ev.type.replace('piral-', '');
+            const args = ev.detail.arg;
+            (0,_interop__WEBPACK_IMPORTED_MODULE_1__.processEvent)(type, args);
+          }
+          return eventDispatcher.call(this, ev);
+        };
+      }
       if (typeof language.onChange === 'function') {
         language.onChange(_interop__WEBPACK_IMPORTED_MODULE_1__.setLanguage);
       }
@@ -54290,7 +54302,29 @@ function createConverter(lazy, opts, language, logLevel) {
       }
       locals.state = 'fresh';
       locals.next = noop;
-      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_3__.attachEvents)(el, ev => piral.renderHtmlExtension(ev.detail.target, ev.detail.props), ev => ev.detail.replace ? nav.replace(ev.detail.to, ev.detail.state) : nav.push(ev.detail.to, ev.detail.state));
+      locals.dispose = (0,_events__WEBPACK_IMPORTED_MODULE_3__.attachEvents)(el, ev => {
+        ev.stopPropagation();
+        const {
+          target,
+          props
+        } = ev.detail;
+        piral.renderHtmlExtension(target, props);
+      }, ev => {
+        ev.stopPropagation();
+        const {
+          to,
+          state,
+          replace
+        } = ev.detail;
+        replace ? nav.replace(to, state) : nav.push(to, state);
+      }, ev => {
+        ev.stopPropagation();
+        const {
+          type,
+          args
+        } = ev.detail;
+        piral.emit(type, args);
+      });
       function mountClassic(config) {
         return (0,_interop__WEBPACK_IMPORTED_MODULE_1__.activate)(moduleName, props).then(refId => {
           const [root] = config;
@@ -54322,11 +54356,11 @@ function createConverter(lazy, opts, language, logLevel) {
           };
         });
       }
-      (loader || (convert.loader = loader = boot())).then(config => dependency(config).then(() => {
+      (loader || (convert.loader = loader = boot(opts))).then(config => dependency(config).then(() => {
         if (locals.state === 'fresh') {
           const [_, capabilities, applyChanges] = config;
           const fn = capabilities.includes('custom-element') ? mountModern : mountClassic;
-          applyChanges(piral.meta);
+          applyChanges(piral);
           return fn(config).then(() => {
             locals.state = 'mounted';
             locals.next(config);
@@ -54567,6 +54601,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "addGlobalEventListeners": () => (/* binding */ addGlobalEventListeners),
 /* harmony export */   "attachEvents": () => (/* binding */ attachEvents),
 /* harmony export */   "emitNavigateEvent": () => (/* binding */ emitNavigateEvent),
+/* harmony export */   "emitPiralEvent": () => (/* binding */ emitPiralEvent),
 /* harmony export */   "emitRenderEvent": () => (/* binding */ emitRenderEvent),
 /* harmony export */   "removeGlobalEventListeners": () => (/* binding */ removeGlobalEventListeners)
 /* harmony export */ });
@@ -54577,7 +54612,8 @@ const eventParents = [];
 const globalEventNames = ['abort', 'blur', 'change', 'error', 'focus', 'load', 'loadend', 'loadstart', 'mouseenter', 'mouseleave', 'progress', 'reset', 'scroll', 'submit', 'unload', 'DOMNodeInsertedIntoDocument', 'DOMNodeRemovedFromDocument', 'click', 'dblclick', 'mousedown', 'mousemove', 'mouseup'];
 const eventNames = {
   render: 'render-blazor-extension',
-  navigate: 'navigate-blazor'
+  navigate: 'navigate-blazor',
+  piral: 'piral-blazor'
 };
 function isRooted(target) {
   let parent = target.parentElement;
@@ -54602,9 +54638,11 @@ function dispatchToRoot(event) {
   var _a;
   (0,_navigation__WEBPACK_IMPORTED_MODULE_0__.isInternalNavigation)(event) && (0,_navigation__WEBPACK_IMPORTED_MODULE_0__.performInternalNavigation)(event);
   // the mutation event cannot be cloned (at least in Webkit-based browsers)
-  if (!(event instanceof MutationEvent)) {
+  if (!(event instanceof MutationEvent) && !event.processed) {
     const eventClone = new event.constructor(event.type, event);
     (_a = document.getElementById(blazorRootId)) === null || _a === void 0 ? void 0 : _a.dispatchEvent(eventClone);
+    // make sure to only process every event once; even though multiple boundaries might be active
+    event.processed = true;
   }
 }
 function emitRenderEvent(source, name, params, sourceRef, fallbackComponent) {
@@ -54645,6 +54683,15 @@ function emitRenderEvent(source, name, params, sourceRef, fallbackComponent) {
   });
   delayEmit();
 }
+function emitPiralEvent(type, args) {
+  document.body.dispatchEvent(new CustomEvent(eventNames.piral, {
+    bubbles: false,
+    detail: {
+      type,
+      args
+    }
+  }));
+}
 function emitNavigateEvent(source, to, replace = false, state) {
   findTarget(source).dispatchEvent(new CustomEvent(eventNames.navigate, {
     bubbles: true,
@@ -54655,14 +54702,20 @@ function emitNavigateEvent(source, to, replace = false, state) {
     }
   }));
 }
-function attachEvents(host, render, navigate) {
+function attachEvents(host, render, navigate, forward) {
   eventParents.push(host);
   host.addEventListener(eventNames.render, render, false);
   host.addEventListener(eventNames.navigate, navigate, false);
+  if (eventParents.length === 1) {
+    document.body.addEventListener(eventNames.piral, forward, false);
+  }
   return () => {
     eventParents.splice(eventParents.indexOf(host), 1);
     host.removeEventListener(eventNames.render, render, false);
     host.removeEventListener(eventNames.navigate, navigate, false);
+    if (eventParents.length === 0) {
+      document.body.removeEventListener(eventNames.piral, forward, false);
+    }
   };
 }
 function addGlobalEventListeners(el) {
@@ -54694,6 +54747,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "loadBlazorPilet": () => (/* binding */ loadBlazorPilet),
 /* harmony export */   "loadResource": () => (/* binding */ loadResource),
 /* harmony export */   "loadResourceWithSymbol": () => (/* binding */ loadResourceWithSymbol),
+/* harmony export */   "processEvent": () => (/* binding */ processEvent),
 /* harmony export */   "reactivate": () => (/* binding */ reactivate),
 /* harmony export */   "setLanguage": () => (/* binding */ setLanguage),
 /* harmony export */   "setLogLevel": () => (/* binding */ setLogLevel),
@@ -54733,7 +54787,8 @@ function createBase() {
 function prepareForStartup() {
   const originalApplyHotReload = window.Blazor._internal.applyHotReload;
   const queue = [];
-  const applyChanges = pilet => {
+  const applyChanges = api => {
+    const pilet = api.meta;
     if (pilet.config && pilet.config.blazorHotReload) {
       for (const item of queue.splice(0, queue.length)) {
         item();
@@ -54807,6 +54862,9 @@ function addScript(url) {
     document.body.appendChild(script);
   });
 }
+function processEvent(type, args) {
+  return window.DotNet.invokeMethodAsync(coreLib, 'ProcessEvent', type, args);
+}
 function setLogLevel(logLevel) {
   return window.DotNet.invokeMethodAsync(coreLib, 'SetLogLevel', logLevel);
 }
@@ -54882,7 +54940,8 @@ function initialize(scriptUrl, publicPath, opts = {}) {
     script.onload = () => {
       Object.assign(window.Blazor, {
         emitRenderEvent: _events__WEBPACK_IMPORTED_MODULE_0__.emitRenderEvent,
-        emitNavigateEvent: _events__WEBPACK_IMPORTED_MODULE_0__.emitNavigateEvent
+        emitNavigateEvent: _events__WEBPACK_IMPORTED_MODULE_0__.emitNavigateEvent,
+        emitPiralEvent: _events__WEBPACK_IMPORTED_MODULE_0__.emitPiralEvent
       });
       startBlazor(opts).then(resolve);
     };
@@ -60702,12 +60761,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "0.15.13-beta.5560",
+      version: "0.15.13-beta.5583",
       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/web,piral-ng/common,preact,riot,rxjs,vue,zone.js,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2023-05-24T12:33:26.371Z",
-      cli: "0.15.13-beta.5560",
+      date: "2023-05-29T12:55:04.194Z",
+      cli: "0.15.13-beta.5583",
       compat: "0.15"
     }
   };
@@ -222224,4 +222283,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.d15ee6.js.map
+//# sourceMappingURL=index.ec41fb.js.map