piral-vue-3 0.13.8 → 0.14.0-beta.3156

package/convert.d.ts

@@ -1,9 +1,11 @@
 import type { HtmlComponent } from 'piral-core';
-import { createExtension } from './lib/extension';
-declare const convert: <TProps extends import("piral-core").BaseComponentProps>(root: import("vue").Component<TProps, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>, captured?: Record<string, any>) => import("piral-core").ForeignComponent<TProps>;
+import { createConverter } from './lib/converter';
 export interface Vue3Converter {
-    (...params: Parameters<typeof convert>): HtmlComponent<any>;
+    (...params: Parameters<ReturnType<typeof createConverter>>): HtmlComponent<any>;
 }
-export declare const fromVue3: Vue3Converter;
-export declare const createVue3Extension: typeof createExtension;
-export {};
+export declare function createVue3Converter(...params: Parameters<typeof createConverter>): {
+    from: Vue3Converter;
+    Extension: import("vue").Component<import("piral-core").ExtensionSlotProps<string>, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+};
+declare const fromVue3: Vue3Converter, Vue3Extension: import("vue").Component<import("piral-core").ExtensionSlotProps<string>, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+export { fromVue3, Vue3Extension };

package/convert.js

@@ -1,12 +1,21 @@
 "use strict";
 exports.__esModule = true;
-exports.createVue3Extension = exports.fromVue3 = void 0;
+exports.Vue3Extension = exports.fromVue3 = exports.createVue3Converter = void 0;
 var converter_1 = require("./lib/converter");
-var extension_1 = require("./lib/extension");
-var convert = converter_1.createConverter();
-var fromVue3 = function (root, captured) { return ({
-    type: 'html',
-    component: convert(root, captured)
-}); };
+function createVue3Converter() {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        params[_i] = arguments[_i];
+    }
+    var convert = converter_1.createConverter.apply(void 0, params);
+    var Extension = convert.Extension;
+    var from = function (root, captured) { return ({
+        type: 'html',
+        component: convert(root, captured)
+    }); };
+    return { from: from, Extension: Extension };
+}
+exports.createVue3Converter = createVue3Converter;
+var _a = createVue3Converter(), fromVue3 = _a.from, Vue3Extension = _a.Extension;
 exports.fromVue3 = fromVue3;
-exports.createVue3Extension = extension_1.createExtension;
+exports.Vue3Extension = Vue3Extension;

package/esm/converter.d.ts

@@ -1,3 +1,18 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
 import { Component } from 'vue';
-export declare function createConverter(rootName?: string, selector?: string): <TProps extends BaseComponentProps>(root: Component<TProps, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>, captured?: Record<string, any>) => ForeignComponent<TProps>;
+export interface Vue3ConverterOptions {
+    /**
+     * Defines the name of the extension component.
+     * @default extension-component
+     */
+    selector?: string;
+    /**
+     * Defines the name of the root element.
+     * @default slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: Vue3ConverterOptions): {
+    <TProps extends BaseComponentProps>(root: Component<TProps, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>, captured?: Record<string, any>): ForeignComponent<TProps>;
+    Extension: Component<import("piral-core").ExtensionSlotProps<string>, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+};

package/esm/converter.js

@@ -1,31 +1,32 @@
 import { createExtension } from './extension';
 import { mountVue } from './mount';
-export function createConverter(rootName, selector) {
-    if (rootName === void 0) { rootName = 'slot'; }
-    if (selector === void 0) { selector = 'extension-component'; }
-    var convert = function (root, captured) {
-        var instance = undefined;
+export function createConverter(config = {}) {
+    const { rootName = 'slot', selector = 'extension-component' } = config;
+    const Extension = createExtension(rootName);
+    const convert = (root, captured) => {
+        let instance = undefined;
         return {
-            mount: function (parent, data, ctx) {
-                var el = parent.appendChild(document.createElement(rootName));
-                var app = mountVue(root, data, ctx, captured);
+            mount(parent, data, ctx) {
+                const el = parent.appendChild(document.createElement(rootName));
+                const app = mountVue(root, data, ctx, captured);
                 app.mount(el);
                 app.component(selector, createExtension(rootName));
                 !app._props && (app._props = {});
                 instance = app;
             },
-            update: function (_, data) {
-                for (var prop in data) {
+            update(_, data) {
+                for (const prop in data) {
                     instance._props[prop] = data[prop];
                 }
             },
-            unmount: function (el) {
+            unmount(el) {
                 instance.unmount();
                 el.innerHTML = '';
                 instance = undefined;
             },
         };
     };
+    convert.Extension = Extension;
     return convert;
 }
 //# sourceMappingURL=converter.js.map

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,UAAU,eAAe,CAAC,QAAiB,EAAE,QAAgC;IAAnD,yBAAA,EAAA,iBAAiB;IAAE,yBAAA,EAAA,gCAAgC;IACjF,IAAM,OAAO,GAAG,UACd,IAAuB,EACvB,QAA8B;QAE9B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,YAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,IAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,IAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;gBACjC,QAAQ,GAAG,GAAG,CAAC;YACjB,CAAC;YACD,MAAM,YAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,IAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAenC,MAAM,UAAU,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE;QAC5B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;gBACjC,QAAQ,GAAG,GAAG,CAAC;YACjB,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/create.d.ts

@@ -1,19 +1,10 @@
-import { PiralPlugin } from 'piral-core';
-import { PiletVue3Api } from './types';
+import type { PiralPlugin } from 'piral-core';
+import { Vue3ConverterOptions } from './converter';
+import type { PiletVue3Api } from './types';
 /**
  * Available configuration options for the Vue@3 plugin.
  */
-export interface Vue3Config {
-    /**
-     * Defines the name of the extension component.
-     * @default extension-component
-     */
-    selector?: string;
-    /**
-     * Defines the name of the root element.
-     * @default slot
-     */
-    rootName?: string;
+export interface Vue3Config extends Vue3ConverterOptions {
 }
 /**
  * Creates new Pilet API extensions for integration of Vue@3.

package/esm/create.js

@@ -1,26 +1,20 @@
 import { createConverter } from './converter';
-import { createExtension } from './extension';
 /**
  * Creates new Pilet API extensions for integration of Vue@3.
  */
-export function createVue3Api(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName, selector = config.selector;
-    return function (context) {
-        var convert = createConverter(rootName, selector);
-        context.converters.vue3 = function (_a) {
-            var root = _a.root, captured = _a.captured;
-            return convert(root, captured);
-        };
+export function createVue3Api(config = {}) {
+    return (context) => {
+        const convert = createConverter(config);
+        context.converters.vue3 = ({ root, captured }) => convert(root, captured);
         return {
-            fromVue3: function (root, captured) {
+            fromVue3(root, captured) {
                 return {
                     type: 'vue3',
-                    root: root,
-                    captured: captured,
+                    root,
+                    captured,
                 };
             },
-            Vue3Extension: createExtension(rootName),
+            Vue3Extension: convert.Extension,
         };
     };
 }

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAkB9C;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,MAAuB;IAAvB,uBAAA,EAAA,WAAuB;IAC3C,IAAA,QAAQ,GAAe,MAAM,SAArB,EAAE,QAAQ,GAAK,MAAM,SAAX,CAAY;IAEtC,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACpD,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,UAAC,EAAkB;gBAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;QAAvB,CAAuB,CAAC;QAE1E,OAAO;YACL,QAAQ,YAAC,IAAI,EAAE,QAAQ;gBACrB,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,IAAI,MAAA;oBACJ,QAAQ,UAAA;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,eAAe,CAAC,QAAQ,CAAC;SACzC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAwB,MAAM,aAAa,CAAC;AAQpE;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,SAAqB,EAAE;IACnD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAE1E,OAAO;YACL,QAAQ,CAAC,IAAI,EAAE,QAAQ;gBACrB,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,IAAI;oBACJ,QAAQ;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,OAAO,CAAC,SAAS;SACjC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/extension.d.ts

@@ -1,3 +1,3 @@
 import type { ExtensionSlotProps } from 'piral-core';
 import { Component } from 'vue';
-export declare function createExtension(rootName?: string): Component<ExtensionSlotProps>;
+export declare function createExtension(rootName: string): Component<ExtensionSlotProps>;

package/esm/extension.js

@@ -1,14 +1,13 @@
 import { h } from 'vue';
 export function createExtension(rootName) {
-    if (rootName === void 0) { rootName = 'slot'; }
-    var Vue3Extension = {
+    const Vue3Extension = {
         functional: false,
         props: ['name', 'empty', 'render', 'params'],
         inject: ['piral'],
-        render: function () {
+        render() {
             return h(rootName);
         },
-        mounted: function () {
+        mounted() {
             this.piral.renderHtmlExtension(this.$el, {
                 empty: this.empty,
                 params: this.params,

package/esm/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAEnC,MAAM,UAAU,eAAe,CAAC,QAAiB;IAAjB,yBAAA,EAAA,iBAAiB;IAC/C,IAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAEnC,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,MAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/esm/mount.d.ts

@@ -1,3 +1,3 @@
+import type { BaseComponentProps, ComponentContext } from 'piral-core';
 import { Component } from 'vue';
-import { BaseComponentProps, ComponentContext } from 'piral-core';
 export declare function mountVue<T extends BaseComponentProps>(root: Component<T>, props: T, ctx: ComponentContext, captured?: Record<string, any>): import("vue").App<Element>;

package/esm/mount.js

@@ -1,10 +1,9 @@
-import { __assign } from "tslib";
 import { createApp, h } from 'vue';
 export function mountVue(root, props, ctx, captured) {
     return createApp({
-        provide: __assign({ piral: props.piral }, ctx),
-        render: function () {
-            return h(root, __assign(__assign({}, captured), props));
+        provide: Object.assign({ piral: props.piral }, ctx),
+        render() {
+            return h(root, Object.assign(Object.assign({}, captured), props));
         },
     });
 }

package/esm/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAG9C,MAAM,UAAU,QAAQ,CACtB,IAAkB,EAClB,KAAQ,EACR,GAAqB,EACrB,QAA8B;IAE9B,OAAO,SAAS,CAAC;QACf,OAAO,aACL,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,CACP;QACD,MAAM,EAAN;YACE,OAAO,CAAC,CAAC,IAAW,wBACf,QAAQ,GACR,KAAK,EACR,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,IAAkB,EAClB,KAAQ,EACR,GAAqB,EACrB,QAA8B;IAE9B,OAAO,SAAS,CAAC;QACf,OAAO,kBACL,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,CACP;QACD,MAAM;YACJ,OAAO,CAAC,CAAC,IAAW,kCACf,QAAQ,GACR,KAAK,EACR,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/converter.d.ts

@@ -1,3 +1,18 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
 import { Component } from 'vue';
-export declare function createConverter(rootName?: string, selector?: string): <TProps extends BaseComponentProps>(root: Component<TProps, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>, captured?: Record<string, any>) => ForeignComponent<TProps>;
+export interface Vue3ConverterOptions {
+    /**
+     * Defines the name of the extension component.
+     * @default extension-component
+     */
+    selector?: string;
+    /**
+     * Defines the name of the root element.
+     * @default slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: Vue3ConverterOptions): {
+    <TProps extends BaseComponentProps>(root: Component<TProps, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>, captured?: Record<string, any>): ForeignComponent<TProps>;
+    Extension: Component<import("piral-core").ExtensionSlotProps<string>, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+};

package/lib/converter.js

@@ -1,34 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConverter = void 0;
-var extension_1 = require("./extension");
-var mount_1 = require("./mount");
-function createConverter(rootName, selector) {
-    if (rootName === void 0) { rootName = 'slot'; }
-    if (selector === void 0) { selector = 'extension-component'; }
-    var convert = function (root, captured) {
-        var instance = undefined;
+const extension_1 = require("./extension");
+const mount_1 = require("./mount");
+function createConverter(config = {}) {
+    const { rootName = 'slot', selector = 'extension-component' } = config;
+    const Extension = (0, extension_1.createExtension)(rootName);
+    const convert = (root, captured) => {
+        let instance = undefined;
         return {
-            mount: function (parent, data, ctx) {
-                var el = parent.appendChild(document.createElement(rootName));
-                var app = mount_1.mountVue(root, data, ctx, captured);
+            mount(parent, data, ctx) {
+                const el = parent.appendChild(document.createElement(rootName));
+                const app = (0, mount_1.mountVue)(root, data, ctx, captured);
                 app.mount(el);
-                app.component(selector, extension_1.createExtension(rootName));
+                app.component(selector, (0, extension_1.createExtension)(rootName));
                 !app._props && (app._props = {});
                 instance = app;
             },
-            update: function (_, data) {
-                for (var prop in data) {
+            update(_, data) {
+                for (const prop in data) {
                     instance._props[prop] = data[prop];
                 }
             },
-            unmount: function (el) {
+            unmount(el) {
                 instance.unmount();
                 el.innerHTML = '';
                 instance = undefined;
             },
         };
     };
+    convert.Extension = Extension;
     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,yCAA8C;AAC9C,iCAAmC;AAEnC,SAAgB,eAAe,CAAC,QAAiB,EAAE,QAAgC;IAAnD,yBAAA,EAAA,iBAAiB;IAAE,yBAAA,EAAA,gCAAgC;IACjF,IAAM,OAAO,GAAG,UACd,IAAuB,EACvB,QAA8B;QAE9B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,YAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,IAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,IAAM,GAAG,GAAG,gBAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,2BAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;gBACjC,QAAQ,GAAG,GAAG,CAAC;YACjB,CAAC;YACD,MAAM,YAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,IAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AA7BD,0CA6BC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,2CAA8C;AAC9C,mCAAmC;AAenC,SAAgB,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE;QAC5B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,MAAM,GAAG,GAAG,IAAA,gBAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC,CAAC;gBACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;gBACjC,QAAQ,GAAG,GAAG,CAAC;YACjB,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAhCD,0CAgCC"}

package/lib/create.d.ts

@@ -1,19 +1,10 @@
-import { PiralPlugin } from 'piral-core';
-import { PiletVue3Api } from './types';
+import type { PiralPlugin } from 'piral-core';
+import { Vue3ConverterOptions } from './converter';
+import type { PiletVue3Api } from './types';
 /**
  * Available configuration options for the Vue@3 plugin.
  */
-export interface Vue3Config {
-    /**
-     * Defines the name of the extension component.
-     * @default extension-component
-     */
-    selector?: string;
-    /**
-     * Defines the name of the root element.
-     * @default slot
-     */
-    rootName?: string;
+export interface Vue3Config extends Vue3ConverterOptions {
 }
 /**
  * Creates new Pilet API extensions for integration of Vue@3.

package/lib/create.js

@@ -1,29 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVue3Api = void 0;
-var converter_1 = require("./converter");
-var extension_1 = require("./extension");
+const converter_1 = require("./converter");
 /**
  * Creates new Pilet API extensions for integration of Vue@3.
  */
-function createVue3Api(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName, selector = config.selector;
-    return function (context) {
-        var convert = converter_1.createConverter(rootName, selector);
-        context.converters.vue3 = function (_a) {
-            var root = _a.root, captured = _a.captured;
-            return convert(root, captured);
-        };
+function createVue3Api(config = {}) {
+    return (context) => {
+        const convert = (0, converter_1.createConverter)(config);
+        context.converters.vue3 = ({ root, captured }) => convert(root, captured);
         return {
-            fromVue3: function (root, captured) {
+            fromVue3(root, captured) {
                 return {
                     type: 'vue3',
-                    root: root,
-                    captured: captured,
+                    root,
+                    captured,
                 };
             },
-            Vue3Extension: extension_1.createExtension(rootName),
+            Vue3Extension: convert.Extension,
         };
     };
 }

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,yCAA8C;AAE9C,yCAA8C;AAkB9C;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAuB;IAAvB,uBAAA,EAAA,WAAuB;IAC3C,IAAA,QAAQ,GAAe,MAAM,SAArB,EAAE,QAAQ,GAAK,MAAM,SAAX,CAAY;IAEtC,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,2BAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACpD,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,UAAC,EAAkB;gBAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;QAAvB,CAAuB,CAAC;QAE1E,OAAO;YACL,QAAQ,YAAC,IAAI,EAAE,QAAQ;gBACrB,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,IAAI,MAAA;oBACJ,QAAQ,UAAA;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,2BAAe,CAAC,QAAQ,CAAC;SACzC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAlBD,sCAkBC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,2CAAoE;AAQpE;;GAEG;AACH,SAAgB,aAAa,CAAC,SAAqB,EAAE;IACnD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAE1E,OAAO;YACL,QAAQ,CAAC,IAAI,EAAE,QAAQ;gBACrB,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,IAAI;oBACJ,QAAQ;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,OAAO,CAAC,SAAS;SACjC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAhBD,sCAgBC"}

package/lib/extension.d.ts

@@ -1,3 +1,3 @@
 import type { ExtensionSlotProps } from 'piral-core';
 import { Component } from 'vue';
-export declare function createExtension(rootName?: string): Component<ExtensionSlotProps>;
+export declare function createExtension(rootName: string): Component<ExtensionSlotProps>;

package/lib/extension.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createExtension = void 0;
-var vue_1 = require("vue");
+const vue_1 = require("vue");
 function createExtension(rootName) {
-    if (rootName === void 0) { rootName = 'slot'; }
-    var Vue3Extension = {
+    const Vue3Extension = {
         functional: false,
         props: ['name', 'empty', 'render', 'params'],
         inject: ['piral'],
-        render: function () {
-            return vue_1.h(rootName);
+        render() {
+            return (0, vue_1.h)(rootName);
         },
-        mounted: function () {
+        mounted() {
             this.piral.renderHtmlExtension(this.$el, {
                 empty: this.empty,
                 params: this.params,

package/lib/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AACA,2BAAmC;AAEnC,SAAgB,eAAe,CAAC,QAAiB;IAAjB,yBAAA,EAAA,iBAAiB;IAC/C,IAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,OAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AAnBD,0CAmBC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AACA,6BAAmC;AAEnC,SAAgB,eAAe,CAAC,QAAgB;IAC9C,MAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,IAAA,OAAC,EAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AAnBD,0CAmBC"}

package/lib/index.js

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

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,kDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,uDAAwB"}

package/lib/mount.d.ts

@@ -1,3 +1,3 @@
+import type { BaseComponentProps, ComponentContext } from 'piral-core';
 import { Component } from 'vue';
-import { BaseComponentProps, ComponentContext } from 'piral-core';
 export declare function mountVue<T extends BaseComponentProps>(root: Component<T>, props: T, ctx: ComponentContext, captured?: Record<string, any>): import("vue").App<Element>;

package/lib/mount.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mountVue = void 0;
-var tslib_1 = require("tslib");
-var vue_1 = require("vue");
+const vue_1 = require("vue");
 function mountVue(root, props, ctx, captured) {
-    return vue_1.createApp({
-        provide: tslib_1.__assign({ piral: props.piral }, ctx),
-        render: function () {
-            return vue_1.h(root, tslib_1.__assign(tslib_1.__assign({}, captured), props));
+    return (0, vue_1.createApp)({
+        provide: Object.assign({ piral: props.piral }, ctx),
+        render() {
+            return (0, vue_1.h)(root, Object.assign(Object.assign({}, captured), props));
         },
     });
 }

package/lib/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";;;;AAAA,2BAA8C;AAG9C,SAAgB,QAAQ,CACtB,IAAkB,EAClB,KAAQ,EACR,GAAqB,EACrB,QAA8B;IAE9B,OAAO,eAAS,CAAC;QACf,OAAO,qBACL,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,CACP;QACD,MAAM,EAAN;YACE,OAAO,OAAC,CAAC,IAAW,wCACf,QAAQ,GACR,KAAK,EACR,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAlBD,4BAkBC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";;;AACA,6BAA8C;AAE9C,SAAgB,QAAQ,CACtB,IAAkB,EAClB,KAAQ,EACR,GAAqB,EACrB,QAA8B;IAE9B,OAAO,IAAA,eAAS,EAAC;QACf,OAAO,kBACL,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,CACP;QACD,MAAM;YACJ,OAAO,IAAA,OAAC,EAAC,IAAW,kCACf,QAAQ,GACR,KAAK,EACR,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAlBD,4BAkBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-vue-3",
-  "version": "0.13.8",
+  "version": "0.14.0-beta.3156",
   "description": "Plugin for integrating Vue@3 components in Piral.",
   "keywords": [
     "piral",
@@ -26,7 +26,6 @@
     "lib",
     "src",
     "convert.d.ts",
-    "convert.ts",
     "convert.js"
   ],
   "repository": {
@@ -45,12 +44,12 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "^0.13.8",
+    "piral-core": "^0.14.0-beta.3156",
     "vue": "^3.0.0"
   },
   "peerDependencies": {
-    "piral-core": "0.13.x",
+    "piral-core": "0.14.x",
     "vue": "^3.0.0"
   },
-  "gitHead": "26a9a75314886ad9d81ff9d17b5d05296af3d04f"
+  "gitHead": "e368a181defdfca4722d7bd478a9dcd47d90a51b"
 }

package/src/converter.ts

@@ -1,9 +1,24 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
 import { Component, App } from 'vue';
 import { createExtension } from './extension';
 import { mountVue } from './mount';
 
-export function createConverter(rootName = 'slot', selector = 'extension-component') {
+export interface Vue3ConverterOptions {
+  /**
+   * Defines the name of the extension component.
+   * @default extension-component
+   */
+  selector?: string;
+  /**
+   * Defines the name of the root element.
+   * @default slot
+   */
+  rootName?: string;
+}
+
+export function createConverter(config: Vue3ConverterOptions = {}) {
+  const { rootName = 'slot', selector = 'extension-component' } = config;
+  const Extension = createExtension(rootName);
   const convert = <TProps extends BaseComponentProps>(
     root: Component<TProps>,
     captured?: Record<string, any>,
@@ -31,5 +46,6 @@ export function createConverter(rootName = 'slot', selector = 'extension-compone
       },
     };
   };
+  convert.Extension = Extension;
   return convert;
 }

package/src/create.ts

@@ -1,32 +1,18 @@
-import { PiralPlugin } from 'piral-core';
-import { createConverter } from './converter';
-import { PiletVue3Api } from './types';
-import { createExtension } from './extension';
+import type { PiralPlugin } from 'piral-core';
+import { createConverter, Vue3ConverterOptions } from './converter';
+import type { PiletVue3Api } from './types';
 
 /**
  * Available configuration options for the Vue@3 plugin.
  */
-export interface Vue3Config {
-  /**
-   * Defines the name of the extension component.
-   * @default extension-component
-   */
-  selector?: string;
-  /**
-   * Defines the name of the root element.
-   * @default slot
-   */
-  rootName?: string;
-}
+export interface Vue3Config extends Vue3ConverterOptions {}
 
 /**
  * Creates new Pilet API extensions for integration of Vue@3.
  */
 export function createVue3Api(config: Vue3Config = {}): PiralPlugin<PiletVue3Api> {
-  const { rootName, selector } = config;
-
   return (context) => {
-    const convert = createConverter(rootName, selector);
+    const convert = createConverter(config);
     context.converters.vue3 = ({ root, captured }) => convert(root, captured);
 
     return {
@@ -37,7 +23,7 @@ export function createVue3Api(config: Vue3Config = {}): PiralPlugin<PiletVue3Api
           captured,
         };
       },
-      Vue3Extension: createExtension(rootName),
+      Vue3Extension: convert.Extension,
     };
   };
 }

package/src/extension.ts

@@ -1,7 +1,7 @@
 import type { ExtensionSlotProps } from 'piral-core';
 import { Component, h } from 'vue';
 
-export function createExtension(rootName = 'slot'): Component<ExtensionSlotProps> {
+export function createExtension(rootName: string): Component<ExtensionSlotProps> {
   const Vue3Extension: Component<ExtensionSlotProps> = {
     functional: false,
     props: ['name', 'empty', 'render', 'params'],

package/src/mount.ts

@@ -1,5 +1,5 @@
+import type { BaseComponentProps, ComponentContext } from 'piral-core';
 import { createApp, Component, h } from 'vue';
-import { BaseComponentProps, ComponentContext } from 'piral-core';
 
 export function mountVue<T extends BaseComponentProps>(
   root: Component<T>,

package/convert.ts

@@ -1,16 +0,0 @@
-import type { HtmlComponent } from 'piral-core';
-import { createConverter } from './lib/converter';
-import { createExtension } from './lib/extension';
-
-const convert = createConverter();
-
-export interface Vue3Converter {
-  (...params: Parameters<typeof convert>): HtmlComponent<any>;
-}
-
-export const fromVue3: Vue3Converter = (root, captured) => ({
-  type: 'html',
-  component: convert(root, captured),
-});
-
-export const createVue3Extension = createExtension;