sample-cross-fx 1.3.0-beta.5959 → 1.3.0-beta.6010

package/app/{index.f9a06b.js → index.79d6a4.js}

@@ -54256,7 +54256,12 @@ function createConverter(lazy, opts, language, logLevel) {
           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);
+            try {
+              JSON.stringify(args);
+              (0,_interop__WEBPACK_IMPORTED_MODULE_1__.processEvent)(type, args);
+            } catch (_a) {
+              console.warn(`The event "${type}" could not be serialized and will not be handled by Blazor.`);
+            }
           }
           return eventDispatcher.call(this, ev);
         };
@@ -54437,8 +54442,8 @@ function createBlazorApi(config = {}) {
       const loader = (0,_dependencies__WEBPACK_IMPORTED_MODULE_1__.createDependencyLoader)(convert);
       let options;
       return {
-        defineBlazorReferences(references, satellites, prio, kind) {
-          return loader.defineBlazorReferences(references, meta, satellites, prio, kind);
+        defineBlazorReferences(references, satellites, prio, kind, sharedDependencies) {
+          return loader.defineBlazorReferences(references, meta, satellites, prio, kind, sharedDependencies);
         },
         defineBlazorOptions(blazorOptions) {
           options = blazorOptions;
@@ -54478,9 +54483,24 @@ var _a, _b;
 
 const loadedDependencies = (_a = window.$blazorDependencies) !== null && _a !== void 0 ? _a : window.$blazorDependencies = [];
 const depsWithPrios = (_b = window.$blazorDependencyPrios) !== null && _b !== void 0 ? _b : window.$blazorDependencyPrios = [];
+function toExtLessUrl(url) {
+  const idx = url.lastIndexOf('.');
+  const sep = url.lastIndexOf('/');
+  if (idx > sep) {
+    return url.substring(0, idx);
+  }
+  return url;
+}
 function toPdb(url) {
-  const front = url.substring(0, url.length - 4);
-  return `${front}.pdb`;
+  return `${toExtLessUrl(url)}.pdb`;
+}
+function toDepName(url) {
+  const front = toExtLessUrl(url);
+  const idx = front.lastIndexOf('/');
+  if (idx >= 0) {
+    return front.substring(idx + 1);
+  }
+  return front;
 }
 function createDependencyLoader(convert) {
   const definedBlazorReferences = [];
@@ -54490,7 +54510,7 @@ function createDependencyLoader(convert) {
     getDependency() {
       return dependency;
     },
-    defineBlazorReferences(references, meta = {}, satellites = {}, prio = 0, kind = 'local') {
+    defineBlazorReferences(references, meta = {}, satellites = {}, prio = 0, kind = 'local', sharedDependencies = []) {
       prio = Math.max(prio, 0);
       const depWithPrio = {
         prio,
@@ -54511,11 +54531,24 @@ function createDependencyLoader(convert) {
           if (!capabilities.includes('language')) {
             satellites = undefined;
           }
+          const supportsCore = capabilities.includes('core-pilet');
           const dependencies = references.filter(m => m.endsWith('.dll'));
           const dllUrl = dependencies.pop();
           const pdbUrl = toPdb(dllUrl);
           const dependencySymbols = dependencies.map(toPdb).filter(dep => references.includes(dep));
           const id = Math.random().toString(26).substring(2);
+          if (supportsCore) {
+            for (let i = dependencies.length; i--;) {
+              const name = toDepName(dependencies[i]);
+              for (const dep of sharedDependencies) {
+                // OK we want to share this one - remove it from the given dependencies
+                if (name === dep) {
+                  dependencies.splice(i, 1);
+                  break;
+                }
+              }
+            }
+          }
           yield (0,_interop__WEBPACK_IMPORTED_MODULE_1__.loadBlazorPilet)(id, {
             name: meta.name || '(unknown)',
             version: meta.version || '0.0.0',
@@ -54523,8 +54556,8 @@ function createDependencyLoader(convert) {
             baseUrl: meta.basePath || dllUrl.substring(0, dllUrl.lastIndexOf('/')).replace('/_framework/', '/'),
             dependencies,
             dependencySymbols: capabilities.includes('dependency-symbols') ? dependencySymbols : undefined,
-            sharedDependencies: capabilities.includes('core-pilet') ? [] : undefined,
-            kind: capabilities.includes('core-pilet') ? 'local' : undefined,
+            sharedDependencies: supportsCore ? sharedDependencies : undefined,
+            kind: supportsCore ? kind : undefined,
             satellites,
             dllUrl,
             pdbUrl: references.includes(pdbUrl) ? pdbUrl : undefined
@@ -55667,6 +55700,24 @@ function createExtension(rootName) {
   };
 }
 
+/***/ }),
+
+/***/ "../../converters/piral-ng/common.js":
+/*!*******************************************!*\
+  !*** ../../converters/piral-ng/common.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NgExtension": () => (/* reexport safe */ piral_ng_common__WEBPACK_IMPORTED_MODULE_0__.NgExtension),
+/* harmony export */   "ResourceUrlPipe": () => (/* reexport safe */ piral_ng_common__WEBPACK_IMPORTED_MODULE_0__.ResourceUrlPipe),
+/* harmony export */   "SharedModule": () => (/* reexport safe */ piral_ng_common__WEBPACK_IMPORTED_MODULE_0__.SharedModule)
+/* harmony export */ });
+/* harmony import */ var piral_ng_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! piral-ng-common */ "../../../node_modules/piral-ng-common/fesm2022/piral-ng-common.mjs");
+
+
 /***/ }),
 
 /***/ "../../converters/piral-ng/esm/RoutingService.js":
@@ -55878,7 +55929,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _queue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./queue */ "../../converters/piral-ng/esm/queue.js");
 /* harmony import */ var _module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./module */ "../../converters/piral-ng/esm/module.js");
 /* harmony import */ var _bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bootstrap */ "../../converters/piral-ng/esm/bootstrap.js");
-/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common */ "../../converters/piral-ng/common/fesm2022/piral-ng-common.mjs");
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../common */ "../../../node_modules/piral-ng-common/fesm2022/piral-ng-common.mjs");
 
 
 
@@ -55981,7 +56032,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _startup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./startup */ "../../converters/piral-ng/esm/startup.js");
 /* harmony import */ var _RoutingService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RoutingService */ "../../converters/piral-ng/esm/RoutingService.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ "../../converters/piral-ng/esm/utils.js");
-/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common */ "../../converters/piral-ng/common/fesm2022/piral-ng-common.mjs");
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common */ "../../../node_modules/piral-ng-common/fesm2022/piral-ng-common.mjs");
 
 
 
@@ -57301,28 +57352,44 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
-/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/element.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "../../../node_modules/react-dom/index.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
+/* harmony import */ var _modules__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules */ "../../framework/piral-core/esm/modules/element.js");
+
 
 
 
 const RootListener = () => {
-  const context = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useGlobalStateContext)();
+  const context = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalStateContext)();
   react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect(() => {
     if (typeof document !== 'undefined') {
-      const handler = ev => {
+      const renderHtml = ev => {
         ev.stopPropagation();
         const {
           target,
           props
         } = ev.detail;
-        const [dispose, update] = (0,_modules__WEBPACK_IMPORTED_MODULE_2__.renderElement)(context, target, props);
+        const [dispose, update] = (0,_modules__WEBPACK_IMPORTED_MODULE_3__.renderElement)(context, target, props);
         target.dispose = dispose;
         target.update = update;
       };
-      document.body.addEventListener('render-html', handler, false);
+      const renderContent = ev => {
+        ev.stopPropagation();
+        const {
+          target,
+          content,
+          portalId
+        } = ev.detail;
+        const portal = /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(content, target);
+        const dispose = () => context.hidePortal(portalId, portal);
+        context.showPortal(portalId, portal);
+        target.dispose = dispose;
+      };
+      document.body.addEventListener('render-html', renderHtml, false);
+      document.body.addEventListener('render-content', renderContent, false);
       return () => {
-        document.body.removeEventListener('render-html', handler, false);
+        document.body.removeEventListener('render-html', renderHtml, false);
+        document.body.removeEventListener('render-content', renderContent, false);
       };
     }
   }, [context]);
@@ -57716,39 +57783,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/dist/piral-base-full.mjs");
-/* harmony import */ var _wrapComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./wrapComponent */ "../../framework/piral-core/esm/components/wrapComponent.js");
+/* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/dist/piral-base-full.mjs");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
-
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
 
 
 
 
-const wrapper = ({
-  children
-}) => (0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(children);
-const renderExtensions = [{
-  component: props => {
-    const context = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalStateContext)();
-    const converters = context.converters;
-    const piral = context.apis._;
-    const {
-      component,
-      props: args
-    } = props.params;
-    const Component = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(() => (0,_wrapComponent__WEBPACK_IMPORTED_MODULE_3__.wrapComponent)(converters, component, {
-      piral
-    }, wrapper), [component]);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, Object.assign({}, args));
-  },
-  defaults: {},
-  pilet: '',
-  reference: {
-    displayName: 'AnyComponent'
-  }
-}];
 function defaultOrder(extensions) {
   return extensions;
 }
@@ -57767,8 +57809,8 @@ function ExtensionSlot(props) {
     emptySkipsRender = false,
     order = defaultOrder
   } = props;
-  const extensions = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(s => name ? s.registry.extensions[name] || _utils__WEBPACK_IMPORTED_MODULE_4__.none : renderExtensions);
-  const isEmpty = extensions.length === 0 && (0,piral_base__WEBPACK_IMPORTED_MODULE_5__.isfunc)(empty);
+  const extensions = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useGlobalState)(s => s.registry.extensions[name] || _utils__WEBPACK_IMPORTED_MODULE_3__.none);
+  const isEmpty = extensions.length === 0 && (0,piral_base__WEBPACK_IMPORTED_MODULE_4__.isfunc)(empty);
   const content = isEmpty ? [(0,_utils__WEBPACK_IMPORTED_MODULE_1__.defaultRender)(empty(), 'empty')] : order(extensions).map(({
     component: Component,
     reference,
@@ -59162,6 +59204,47 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
     }
   }
   customElements.define(_utils__WEBPACK_IMPORTED_MODULE_3__.slotName, PiralSlot);
+  /**
+   * This is a virtual element to render children defined in React / by Piral in other
+   * frameworks.
+   *
+   * Usage:
+   *
+   * ```
+   * <piral-content cid="123"></piral-content>
+   * ```
+   */
+  class PiralContent extends HTMLElement {
+    constructor() {
+      super(...arguments);
+      this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+    }
+    connectedCallback() {
+      this.style.display = 'contents';
+      const cid = this.getAttribute('cid');
+      const content = PiralContent.contentAssignments[cid];
+      const portal = this.closest('piral-portal');
+      if (content && portal) {
+        const portalId = portal.getAttribute('pid');
+        document.body.dispatchEvent(new CustomEvent('render-content', {
+          detail: {
+            target: this,
+            content,
+            portalId
+          }
+        }));
+      }
+    }
+    disconnectedCallback() {
+      this.dispose();
+      this.dispose = _utils__WEBPACK_IMPORTED_MODULE_0__.noop;
+    }
+  }
+  PiralContent.contentAssignments = {};
+  window.assignContent = (cid, content) => {
+    PiralContent.contentAssignments[cid] = content;
+  };
+  customElements.define(_utils__WEBPACK_IMPORTED_MODULE_3__.contentName, PiralContent);
 }
 function renderElement(context, element, props) {
   if (typeof window !== 'undefined') {
@@ -59668,6 +59751,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "attachDomPortal": () => (/* binding */ attachDomPortal),
 /* harmony export */   "changeDomPortal": () => (/* binding */ changeDomPortal),
+/* harmony export */   "contentName": () => (/* binding */ contentName),
 /* harmony export */   "convertComponent": () => (/* binding */ convertComponent),
 /* harmony export */   "extensionName": () => (/* binding */ extensionName),
 /* harmony export */   "portalName": () => (/* binding */ portalName),
@@ -59680,6 +59764,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const extensionName = 'piral-extension';
+const contentName = 'piral-content';
 const portalName = 'piral-portal';
 const slotName = 'piral-slot';
 function attachDomPortal(id, context, element, component, props) {
@@ -60763,12 +60848,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-cross-fx",
-      version: "1.3.0-beta.5959",
+      version: "1.3.0-beta.6010",
       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-09-21T10:32:51.128Z",
-      cli: "1.2.0",
+      date: "2023-09-28T08:38:17.312Z",
+      cli: "1.3.0-beta.6010",
       compat: "1"
     }
   };
@@ -72542,7 +72627,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../node_modules/lit-element/lit-element.js */ "../../../node_modules/lit-element/lit-element.js");
 /* harmony import */ var _node_modules_solid_js_dist_dev_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../node_modules/solid-js/dist/dev.js */ "../../../node_modules/solid-js/dist/dev.js");
 /* harmony import */ var _node_modules_solid_js_web_dist_dev_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../node_modules/solid-js/web/dist/dev.js */ "../../../node_modules/solid-js/web/dist/dev.js");
-/* harmony import */ var _converters_piral_ng_common_fesm2022_piral_ng_common_mjs__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../converters/piral-ng/common/fesm2022/piral-ng-common.mjs */ "../../converters/piral-ng/common/fesm2022/piral-ng-common.mjs");
+/* harmony import */ var _converters_piral_ng_common_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../converters/piral-ng/common.js */ "../../converters/piral-ng/common.js");
 /* harmony import */ var _node_modules_preact_dist_preact_module_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../node_modules/preact/dist/preact.module.js */ "../../../node_modules/preact/dist/preact.module.js");
 /* harmony import */ var _node_modules_riot_riot_esm_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../node_modules/riot/riot.esm.js */ "../../../node_modules/riot/riot.esm.js");
 /* harmony import */ var _node_modules_rxjs_dist_esm5_index_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../../node_modules/rxjs/dist/esm5/index.js */ "../../../node_modules/rxjs/dist/esm5/index.js");
@@ -72608,7 +72693,7 @@ __webpack_require__.r(__webpack_exports__);
 
     
     function fillDependencies(deps) {
-      deps['sample-cross-fx']={};deps["@angular/common"]=_node_modules_angular_common_fesm2022_common_mjs__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/common@16.0.1"]=_node_modules_angular_common_fesm2022_common_mjs__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/compiler"]=_node_modules_angular_compiler_fesm2022_compiler_mjs__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/compiler@16.0.1"]=_node_modules_angular_compiler_fesm2022_compiler_mjs__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/core"]=_node_modules_angular_core_fesm2022_core_mjs__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/core@16.0.1"]=_node_modules_angular_core_fesm2022_core_mjs__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/platform-browser"]=_node_modules_angular_platform_browser_fesm2022_platform_browser_mjs__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser@16.0.1"]=_node_modules_angular_platform_browser_fesm2022_platform_browser_mjs__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser-dynamic"]=_node_modules_angular_platform_browser_dynamic_fesm2022_platform_browser_dynamic_mjs__WEBPACK_IMPORTED_MODULE_22__;deps["@angular/platform-browser-dynamic@16.0.1"]=_node_modules_angular_platform_browser_dynamic_fesm2022_platform_browser_dynamic_mjs__WEBPACK_IMPORTED_MODULE_22__;deps["@webcomponents/webcomponentsjs"]=_node_modules_webcomponents_webcomponentsjs_webcomponents_bundle_js__WEBPACK_IMPORTED_MODULE_1__;deps["@webcomponents/webcomponentsjs@2.6.0"]=_node_modules_webcomponents_webcomponentsjs_webcomponents_bundle_js__WEBPACK_IMPORTED_MODULE_1__;deps["angular"]=_node_modules_angular_index_js__WEBPACK_IMPORTED_MODULE_2__;deps["angular@1.8.3"]=_node_modules_angular_index_js__WEBPACK_IMPORTED_MODULE_2__;deps["aurelia-framework"]=_node_modules_aurelia_framework_dist_native_modules_aurelia_framework_js__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-framework@1.4.1"]=_node_modules_aurelia_framework_dist_native_modules_aurelia_framework_js__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-templating-binding"]=_samples_sample_cross_fx_node_modules_aurelia_templating_binding_dist_native_modules_aurelia_templating_binding_js__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-binding@1.6.0"]=_samples_sample_cross_fx_node_modules_aurelia_templating_binding_dist_native_modules_aurelia_templating_binding_js__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-resources"]=_samples_sample_cross_fx_node_modules_aurelia_templating_resources_dist_native_modules_aurelia_templating_resources_js__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-templating-resources@1.14.3"]=_samples_sample_cross_fx_node_modules_aurelia_templating_resources_dist_native_modules_aurelia_templating_resources_js__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-pal-browser"]=_node_modules_aurelia_pal_browser_dist_es2015_aurelia_pal_browser_js__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-pal-browser@1.8.1"]=_node_modules_aurelia_pal_browser_dist_es2015_aurelia_pal_browser_js__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-event-aggregator"]=_node_modules_aurelia_event_aggregator_dist_native_modules_aurelia_event_aggregator_js__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-event-aggregator@1.0.3"]=_node_modules_aurelia_event_aggregator_dist_native_modules_aurelia_event_aggregator_js__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-history-browser"]=_node_modules_aurelia_history_browser_dist_native_modules_aurelia_history_browser_js__WEBPACK_IMPORTED_MODULE_8__;deps["aurelia-history-browser@1.4.0"]=_node_modules_aurelia_history_browser_dist_native_modules_aurelia_history_browser_js__WEBPACK_IMPORTED_MODULE_8__;deps["hyperapp"]=_node_modules_hyperapp_src_index_js__WEBPACK_IMPORTED_MODULE_9__;deps["hyperapp@1.2.10"]=_node_modules_hyperapp_src_index_js__WEBPACK_IMPORTED_MODULE_9__;deps["inferno"]=_node_modules_inferno_index_esm_js__WEBPACK_IMPORTED_MODULE_10__;deps["inferno@7.4.11"]=_node_modules_inferno_index_esm_js__WEBPACK_IMPORTED_MODULE_10__;deps["inferno-create-element"]=_node_modules_inferno_create_element_dist_index_esm_js__WEBPACK_IMPORTED_MODULE_11__;deps["inferno-create-element@7.4.11"]=_node_modules_inferno_create_element_dist_index_esm_js__WEBPACK_IMPORTED_MODULE_11__;deps["mithril"]=_samples_sample_cross_fx_node_modules_mithril_index_js__WEBPACK_IMPORTED_MODULE_12__;deps["mithril@2.2.2"]=_samples_sample_cross_fx_node_modules_mithril_index_js__WEBPACK_IMPORTED_MODULE_12__;deps["lit-element"]=_node_modules_lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_13__;deps["lit-element@2.5.1"]=_node_modules_lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_13__;deps["solid-js"]=_node_modules_solid_js_dist_dev_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js@1.7.3"]=_node_modules_solid_js_dist_dev_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js/web"]=_node_modules_solid_js_web_dist_dev_js__WEBPACK_IMPORTED_MODULE_24__;deps["piral-ng/common"]=_converters_piral_ng_common_fesm2022_piral_ng_common_mjs__WEBPACK_IMPORTED_MODULE_25__;deps["piral-ng/common@0.15.0"]=_converters_piral_ng_common_fesm2022_piral_ng_common_mjs__WEBPACK_IMPORTED_MODULE_25__;deps["piral-ng-common@0.15.0"]=_converters_piral_ng_common_fesm2022_piral_ng_common_mjs__WEBPACK_IMPORTED_MODULE_25__;deps["preact"]=_node_modules_preact_dist_preact_module_js__WEBPACK_IMPORTED_MODULE_14__;deps["preact@10.8.2"]=_node_modules_preact_dist_preact_module_js__WEBPACK_IMPORTED_MODULE_14__;deps["riot"]=_node_modules_riot_riot_esm_js__WEBPACK_IMPORTED_MODULE_15__;deps["riot@4.14.0"]=_node_modules_riot_riot_esm_js__WEBPACK_IMPORTED_MODULE_15__;deps["rxjs"]=_node_modules_rxjs_dist_esm5_index_js__WEBPACK_IMPORTED_MODULE_26__;deps["rxjs@7.5.6"]=_node_modules_rxjs_dist_esm5_index_js__WEBPACK_IMPORTED_MODULE_26__;deps["vue"]=_node_modules_vue_dist_vue_runtime_esm_js__WEBPACK_IMPORTED_MODULE_27__;deps["vue@2.7.2"]=_node_modules_vue_dist_vue_runtime_esm_js__WEBPACK_IMPORTED_MODULE_27__;deps["zone.js"]=_node_modules_zone_js_dist_zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["zone.js@0.9.1"]=_node_modules_zone_js_dist_zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["tslib"]=_node_modules_tslib_tslib_es6_js__WEBPACK_IMPORTED_MODULE_28__;deps["tslib@2.5.2"]=_node_modules_tslib_tslib_es6_js__WEBPACK_IMPORTED_MODULE_28__;deps["react"]=_node_modules_react_index_js__WEBPACK_IMPORTED_MODULE_17__;deps["react@18.2.0"]=_node_modules_react_index_js__WEBPACK_IMPORTED_MODULE_17__;deps["react-dom"]=/*#__PURE__*/ (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-dom@18.2.0"]=/*#__PURE__*/ (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-router"]=_node_modules_react_router_esm_react_router_js__WEBPACK_IMPORTED_MODULE_29__;deps["react-router@5.3.3"]=_node_modules_react_router_esm_react_router_js__WEBPACK_IMPORTED_MODULE_29__;deps["react-router-dom"]=_node_modules_react_router_dom_esm_react_router_dom_js__WEBPACK_IMPORTED_MODULE_30__;deps["react-router-dom@5.3.3"]=_node_modules_react_router_dom_esm_react_router_dom_js__WEBPACK_IMPORTED_MODULE_30__
+      deps['sample-cross-fx']={};deps["@angular/common"]=_node_modules_angular_common_fesm2022_common_mjs__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/common@16.0.1"]=_node_modules_angular_common_fesm2022_common_mjs__WEBPACK_IMPORTED_MODULE_19__;deps["@angular/compiler"]=_node_modules_angular_compiler_fesm2022_compiler_mjs__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/compiler@16.0.1"]=_node_modules_angular_compiler_fesm2022_compiler_mjs__WEBPACK_IMPORTED_MODULE_0__;deps["@angular/core"]=_node_modules_angular_core_fesm2022_core_mjs__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/core@16.0.1"]=_node_modules_angular_core_fesm2022_core_mjs__WEBPACK_IMPORTED_MODULE_20__;deps["@angular/platform-browser"]=_node_modules_angular_platform_browser_fesm2022_platform_browser_mjs__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser@16.0.1"]=_node_modules_angular_platform_browser_fesm2022_platform_browser_mjs__WEBPACK_IMPORTED_MODULE_21__;deps["@angular/platform-browser-dynamic"]=_node_modules_angular_platform_browser_dynamic_fesm2022_platform_browser_dynamic_mjs__WEBPACK_IMPORTED_MODULE_22__;deps["@angular/platform-browser-dynamic@16.0.1"]=_node_modules_angular_platform_browser_dynamic_fesm2022_platform_browser_dynamic_mjs__WEBPACK_IMPORTED_MODULE_22__;deps["@webcomponents/webcomponentsjs"]=_node_modules_webcomponents_webcomponentsjs_webcomponents_bundle_js__WEBPACK_IMPORTED_MODULE_1__;deps["@webcomponents/webcomponentsjs@2.6.0"]=_node_modules_webcomponents_webcomponentsjs_webcomponents_bundle_js__WEBPACK_IMPORTED_MODULE_1__;deps["angular"]=_node_modules_angular_index_js__WEBPACK_IMPORTED_MODULE_2__;deps["angular@1.8.3"]=_node_modules_angular_index_js__WEBPACK_IMPORTED_MODULE_2__;deps["aurelia-framework"]=_node_modules_aurelia_framework_dist_native_modules_aurelia_framework_js__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-framework@1.4.1"]=_node_modules_aurelia_framework_dist_native_modules_aurelia_framework_js__WEBPACK_IMPORTED_MODULE_3__;deps["aurelia-templating-binding"]=_samples_sample_cross_fx_node_modules_aurelia_templating_binding_dist_native_modules_aurelia_templating_binding_js__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-binding@1.6.0"]=_samples_sample_cross_fx_node_modules_aurelia_templating_binding_dist_native_modules_aurelia_templating_binding_js__WEBPACK_IMPORTED_MODULE_4__;deps["aurelia-templating-resources"]=_samples_sample_cross_fx_node_modules_aurelia_templating_resources_dist_native_modules_aurelia_templating_resources_js__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-templating-resources@1.14.3"]=_samples_sample_cross_fx_node_modules_aurelia_templating_resources_dist_native_modules_aurelia_templating_resources_js__WEBPACK_IMPORTED_MODULE_5__;deps["aurelia-pal-browser"]=_node_modules_aurelia_pal_browser_dist_es2015_aurelia_pal_browser_js__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-pal-browser@1.8.1"]=_node_modules_aurelia_pal_browser_dist_es2015_aurelia_pal_browser_js__WEBPACK_IMPORTED_MODULE_6__;deps["aurelia-event-aggregator"]=_node_modules_aurelia_event_aggregator_dist_native_modules_aurelia_event_aggregator_js__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-event-aggregator@1.0.3"]=_node_modules_aurelia_event_aggregator_dist_native_modules_aurelia_event_aggregator_js__WEBPACK_IMPORTED_MODULE_7__;deps["aurelia-history-browser"]=_node_modules_aurelia_history_browser_dist_native_modules_aurelia_history_browser_js__WEBPACK_IMPORTED_MODULE_8__;deps["aurelia-history-browser@1.4.0"]=_node_modules_aurelia_history_browser_dist_native_modules_aurelia_history_browser_js__WEBPACK_IMPORTED_MODULE_8__;deps["hyperapp"]=_node_modules_hyperapp_src_index_js__WEBPACK_IMPORTED_MODULE_9__;deps["hyperapp@1.2.10"]=_node_modules_hyperapp_src_index_js__WEBPACK_IMPORTED_MODULE_9__;deps["inferno"]=_node_modules_inferno_index_esm_js__WEBPACK_IMPORTED_MODULE_10__;deps["inferno@7.4.11"]=_node_modules_inferno_index_esm_js__WEBPACK_IMPORTED_MODULE_10__;deps["inferno-create-element"]=_node_modules_inferno_create_element_dist_index_esm_js__WEBPACK_IMPORTED_MODULE_11__;deps["inferno-create-element@7.4.11"]=_node_modules_inferno_create_element_dist_index_esm_js__WEBPACK_IMPORTED_MODULE_11__;deps["mithril"]=_samples_sample_cross_fx_node_modules_mithril_index_js__WEBPACK_IMPORTED_MODULE_12__;deps["mithril@2.2.2"]=_samples_sample_cross_fx_node_modules_mithril_index_js__WEBPACK_IMPORTED_MODULE_12__;deps["lit-element"]=_node_modules_lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_13__;deps["lit-element@2.5.1"]=_node_modules_lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_13__;deps["solid-js"]=_node_modules_solid_js_dist_dev_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js@1.7.3"]=_node_modules_solid_js_dist_dev_js__WEBPACK_IMPORTED_MODULE_23__;deps["solid-js/web"]=_node_modules_solid_js_web_dist_dev_js__WEBPACK_IMPORTED_MODULE_24__;deps["piral-ng/common"]=_converters_piral_ng_common_js__WEBPACK_IMPORTED_MODULE_25__;deps["piral-ng/common@1.3.0-beta.6010"]=_converters_piral_ng_common_js__WEBPACK_IMPORTED_MODULE_25__;deps["piral-ng@1.3.0-beta.6010"]=_converters_piral_ng_common_js__WEBPACK_IMPORTED_MODULE_25__;deps["preact"]=_node_modules_preact_dist_preact_module_js__WEBPACK_IMPORTED_MODULE_14__;deps["preact@10.8.2"]=_node_modules_preact_dist_preact_module_js__WEBPACK_IMPORTED_MODULE_14__;deps["riot"]=_node_modules_riot_riot_esm_js__WEBPACK_IMPORTED_MODULE_15__;deps["riot@4.14.0"]=_node_modules_riot_riot_esm_js__WEBPACK_IMPORTED_MODULE_15__;deps["rxjs"]=_node_modules_rxjs_dist_esm5_index_js__WEBPACK_IMPORTED_MODULE_26__;deps["rxjs@7.5.6"]=_node_modules_rxjs_dist_esm5_index_js__WEBPACK_IMPORTED_MODULE_26__;deps["vue"]=_node_modules_vue_dist_vue_runtime_esm_js__WEBPACK_IMPORTED_MODULE_27__;deps["vue@2.7.2"]=_node_modules_vue_dist_vue_runtime_esm_js__WEBPACK_IMPORTED_MODULE_27__;deps["zone.js"]=_node_modules_zone_js_dist_zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["zone.js@0.9.1"]=_node_modules_zone_js_dist_zone_js__WEBPACK_IMPORTED_MODULE_16__;deps["tslib"]=_node_modules_tslib_tslib_es6_js__WEBPACK_IMPORTED_MODULE_28__;deps["tslib@2.5.2"]=_node_modules_tslib_tslib_es6_js__WEBPACK_IMPORTED_MODULE_28__;deps["react"]=_node_modules_react_index_js__WEBPACK_IMPORTED_MODULE_17__;deps["react@18.2.0"]=_node_modules_react_index_js__WEBPACK_IMPORTED_MODULE_17__;deps["react-dom"]=/*#__PURE__*/ (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-dom@18.2.0"]=/*#__PURE__*/ (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache || (_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18___namespace_cache = __webpack_require__.t(_node_modules_react_dom_index_js__WEBPACK_IMPORTED_MODULE_18__, 2)));deps["react-router"]=_node_modules_react_router_esm_react_router_js__WEBPACK_IMPORTED_MODULE_29__;deps["react-router@5.3.3"]=_node_modules_react_router_esm_react_router_js__WEBPACK_IMPORTED_MODULE_29__;deps["react-router-dom"]=_node_modules_react_router_dom_esm_react_router_dom_js__WEBPACK_IMPORTED_MODULE_30__;deps["react-router-dom@5.3.3"]=_node_modules_react_router_dom_esm_react_router_dom_js__WEBPACK_IMPORTED_MODULE_30__
     }
   
 
@@ -214147,213 +214232,6 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
-/***/ }),
-
-/***/ "../../converters/piral-ng/common/fesm2022/piral-ng-common.mjs":
-/*!*********************************************************************!*\
-  !*** ../../converters/piral-ng/common/fesm2022/piral-ng-common.mjs ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "NgExtension": () => (/* binding */ NgExtension),
-/* harmony export */   "ResourceUrlPipe": () => (/* binding */ ResourceUrlPipe),
-/* harmony export */   "SharedModule": () => (/* binding */ SharedModule)
-/* harmony export */ });
-/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2022/common.mjs");
-/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2022/core.mjs");
-
-
-
-const selector = 'extension-component';
-class NgExtension {
-  elRef;
-  piral;
-  name;
-  params;
-  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
-    });
-  }
-  static ɵfac = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareFactory"]({
-    minVersion: "12.0.0",
-    version: "16.0.1",
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    type: NgExtension,
-    deps: [{
-      token: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef
-    }, {
-      token: 'piral'
-    }],
-    target: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵFactoryTarget"].Component
-  });
-  static ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareComponent"]({
-    minVersion: "14.0.0",
-    version: "16.0.1",
-    type: NgExtension,
-    selector: "extension-component",
-    inputs: {
-      name: "name",
-      params: "params"
-    },
-    usesOnChanges: true,
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    template: '',
-    isInline: true
-  });
-}
-_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareClassMetadata"]({
-  minVersion: "12.0.0",
-  version: "16.0.1",
-  ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-  type: NgExtension,
-  decorators: [{
-    type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Component,
-    args: [{
-      selector,
-      template: ''
-    }]
-  }],
-  ctorParameters: function () {
-    return [{
-      type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef
-    }, {
-      type: undefined,
-      decorators: [{
-        type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
-        args: ['piral']
-      }]
-    }];
-  },
-  propDecorators: {
-    name: [{
-      type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
-      args: ['name']
-    }],
-    params: [{
-      type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
-      args: ['params']
-    }]
-  }
-});
-class ResourceUrlPipe {
-  piral;
-  constructor(piral) {
-    this.piral = piral;
-  }
-  transform(value) {
-    const {
-      basePath = '/'
-    } = this.piral.meta;
-    return basePath + value;
-  }
-  static ɵfac = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareFactory"]({
-    minVersion: "12.0.0",
-    version: "16.0.1",
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    type: ResourceUrlPipe,
-    deps: [{
-      token: 'piral'
-    }],
-    target: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵFactoryTarget"].Pipe
-  });
-  static ɵpipe = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclarePipe"]({
-    minVersion: "14.0.0",
-    version: "16.0.1",
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    type: ResourceUrlPipe,
-    name: "resourceUrl"
-  });
-}
-_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareClassMetadata"]({
-  minVersion: "12.0.0",
-  version: "16.0.1",
-  ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-  type: ResourceUrlPipe,
-  decorators: [{
-    type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Pipe,
-    args: [{
-      name: 'resourceUrl'
-    }]
-  }],
-  ctorParameters: function () {
-    return [{
-      type: undefined,
-      decorators: [{
-        type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
-        args: ['piral']
-      }]
-    }];
-  }
-});
-const declarationsDef = [NgExtension, ResourceUrlPipe];
-const exportsDef = [NgExtension, ResourceUrlPipe];
-const importsDef = [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule];
-class SharedModule {
-  static props = {};
-  static ɵfac = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareFactory"]({
-    minVersion: "12.0.0",
-    version: "16.0.1",
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    type: SharedModule,
-    deps: [],
-    target: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵFactoryTarget"].NgModule
-  });
-  static ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareNgModule"]({
-    minVersion: "14.0.0",
-    version: "16.0.1",
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    type: SharedModule,
-    declarations: [NgExtension, ResourceUrlPipe],
-    imports: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule],
-    exports: [NgExtension, ResourceUrlPipe]
-  });
-  static ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareInjector"]({
-    minVersion: "12.0.0",
-    version: "16.0.1",
-    ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-    type: SharedModule,
-    imports: [importsDef]
-  });
-}
-_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareClassMetadata"]({
-  minVersion: "12.0.0",
-  version: "16.0.1",
-  ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__,
-  type: SharedModule,
-  decorators: [{
-    type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgModule,
-    args: [{
-      declarations: declarationsDef,
-      providers: [],
-      imports: importsDef,
-      exports: exportsDef
-    }]
-  }]
-});
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-
-
 /***/ }),
 
 /***/ "../../framework/piral-base/dist/piral-base-full.mjs":
@@ -215229,8 +215107,13 @@ function compareVersions(v1, v2) {
   const s2 = splitVersion(v2);
   const len = Math.max(s1.length - 1, s2.length - 1);
   for (let i = 0; i < len; i++) {
-    const n1 = parseInt(s1[i] || "0", 10);
-    const n2 = parseInt(s2[i] || "0", 10);
+    const m1 = s1[i] || "0";
+    const m2 = s2[i] || "0";
+    if (m2 === "x") {
+      return 0;
+    }
+    const n1 = parseInt(m1, 10);
+    const n2 = parseInt(m2, 10);
     if (n1 > n2) {
       return 1;
     } else if (n2 > n1) {
@@ -219542,6 +219425,118 @@ const html = (strings, ...values) => new _lib_template_result_js__WEBPACK_IMPORT
 const svg = (strings, ...values) => new _lib_template_result_js__WEBPACK_IMPORTED_MODULE_1__.SVGTemplateResult(strings, values, 'svg', _lib_default_template_processor_js__WEBPACK_IMPORTED_MODULE_0__.defaultTemplateProcessor);
 //# sourceMappingURL=lit-html.js.map
 
+/***/ }),
+
+/***/ "../../../node_modules/piral-ng-common/fesm2022/piral-ng-common.mjs":
+/*!**************************************************************************!*\
+  !*** ../../../node_modules/piral-ng-common/fesm2022/piral-ng-common.mjs ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NgExtension": () => (/* binding */ NgExtension),
+/* harmony export */   "ResourceUrlPipe": () => (/* binding */ ResourceUrlPipe),
+/* harmony export */   "SharedModule": () => (/* binding */ SharedModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "../../../node_modules/@angular/common/fesm2022/common.mjs");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "../../../node_modules/@angular/core/fesm2022/core.mjs");
+
+
+
+
+const selector = 'extension-component';
+class NgExtension {
+    elRef;
+    piral;
+    name;
+    params;
+    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,
+        });
+    }
+    static ɵfac = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareFactory"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: NgExtension, deps: [{ token: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef }, { token: 'piral' }], target: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵFactoryTarget"].Component });
+    static ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareComponent"]({ minVersion: "14.0.0", version: "16.2.6", type: NgExtension, selector: "extension-component", inputs: { name: "name", params: "params" }, usesOnChanges: true, ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, template: '', isInline: true });
+}
+_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareClassMetadata"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: NgExtension, decorators: [{
+            type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Component,
+            args: [{
+                    selector,
+                    template: '',
+                }]
+        }], ctorParameters: function () { return [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef }, { type: undefined, decorators: [{
+                    type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
+                    args: ['piral']
+                }] }]; }, propDecorators: { name: [{
+                type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
+                args: ['name']
+            }], params: [{
+                type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,
+                args: ['params']
+            }] } });
+
+class ResourceUrlPipe {
+    piral;
+    constructor(piral) {
+        this.piral = piral;
+    }
+    transform(value) {
+        const { basePath = '/' } = this.piral.meta;
+        return basePath + value;
+    }
+    static ɵfac = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareFactory"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: ResourceUrlPipe, deps: [{ token: 'piral' }], target: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵFactoryTarget"].Pipe });
+    static ɵpipe = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclarePipe"]({ minVersion: "14.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: ResourceUrlPipe, name: "resourceUrl" });
+}
+_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareClassMetadata"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: ResourceUrlPipe, decorators: [{
+            type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Pipe,
+            args: [{ name: 'resourceUrl' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,
+                    args: ['piral']
+                }] }]; } });
+
+const declarationsDef = [NgExtension, ResourceUrlPipe];
+const exportsDef = [NgExtension, ResourceUrlPipe];
+const importsDef = [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule];
+class SharedModule {
+    static props = {};
+    static ɵfac = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareFactory"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: SharedModule, deps: [], target: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵFactoryTarget"].NgModule });
+    static ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareNgModule"]({ minVersion: "14.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: SharedModule, declarations: [NgExtension, ResourceUrlPipe], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule], exports: [NgExtension, ResourceUrlPipe] });
+    static ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareInjector"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: SharedModule, imports: [importsDef] });
+}
+_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵngDeclareClassMetadata"]({ minVersion: "12.0.0", version: "16.2.6", ngImport: _angular_core__WEBPACK_IMPORTED_MODULE_0__, type: SharedModule, decorators: [{
+            type: _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgModule,
+            args: [{
+                    declarations: declarationsDef,
+                    providers: [],
+                    imports: importsDef,
+                    exports: exportsDef,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+
+//# sourceMappingURL=piral-ng-common.mjs.map
+
+
 /***/ }),
 
 /***/ "../../../node_modules/solid-js/dist/dev.js":
@@ -222304,4 +222299,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.f9a06b.js.map
+//# sourceMappingURL=index.79d6a4.js.map