nativescript-vue 2.9.3 → 3.0.0-beta.1

package/README.md

@@ -1,119 +1,16 @@
-<p align="center">
-    <a href="https://nativescript-vue.org">
-        <img src="https://art.nativescript-vue.org/NativeScript-Vue.svg" width="270">
-    </a>
-</p>
+# NativeScript-Vue3 Beta
 
-<p align="center">
-    <a href="https://github.com/prettier/prettier">
-       <img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg" alt="styled with prettier">
-    </a>
-    <a href="https://www.npmjs.com/package/nativescript-vue">
-       <img src="https://img.shields.io/npm/v/nativescript-vue.svg" alt="npm">
-    </a>
-    <a href="https://github.com/nativescript-vue/nativescript-vue/blob/master/LICENSE">
-       <img src="https://img.shields.io/github/license/nativescript-vue/nativescript-vue.svg" alt="license">
-    </a>
-    <a href="https://circleci.com/gh/nativescript-vue/nativescript-vue/tree/master">
-       <img src="https://img.shields.io/circleci/project/github/nativescript-vue/nativescript-vue.svg" alt="CircleCI">
-    </a>
-    <a href="https://codecov.io/gh/nativescript-vue/nativescript-vue">
-       <img src="https://img.shields.io/codecov/c/github/nativescript-vue/nativescript-vue.svg" alt="Codecov">
-    </a>
-    <a href="https://stakes.social/0x92f4c210aEc2D7e34aA226f4319aa879d253f206">
-       <img src="https://badge.devprotocol.xyz/0x92f4c210aEc2D7e34aA226f4319aa879d253f206/descriptive" alt="Stake to support us">
-    </a>
-</p>
+NativeScript-Vue with Vue3 support now in beta!
 
-<h2 align="center">Supporting NativeScript-Vue</h2>
+## Quick start
 
-NativeScript-Vue is an MIT-licensed open source project made possible by our sponsors:
+To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/nativescript-vue3-beta)
 
-<!--sponsors-->
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://www.privateinternetaccess.com/?source=nativescript-vue-github" target="_blank">
-          <img width="300px" src="https://art.nativescript-vue.org/sponsors/pia.png">
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://kiwiirc.com/?source=nativescript-vue-github" target="_blank">
-          <img height="50px" src="https://art.nativescript-vue.org/sponsors/kiwiirc.png?v=1">
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://www.progress.com/?source=nativescript-vue-github" target="_blank">
-          <img height="50px" src="https://art.nativescript-vue.org/sponsors/progress.png">
-        </a>
-      </td>
-    </tr><tr></tr>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://nativescripting.com/?source=nativescript-vue-github" target="_blank">
-          <img height="50px" src="https://nativescripting.com/img/logo_full.svg">
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://www.exigency.net/?source=nativescript-vue-github" target="_blank">
-          <img height="50px" src="https://art.nativescript-vue.org/sponsors/exigencytr.png">
-        </a>
-      </td>
-      <td></td>
-    </tr>
-  </tbody>
-</table>
-<!--/sponsors-->
+...or locally:
 
-and these awesome backers:
+```bash
+ns create myAwesomeApp --template @nativescript-vue/template-blank@beta
 
-- Tiago Alves
-- Kamen Bundev
-- Jan Weller
-- OpenLitterMap
-- Aparajita Fishman
-- Hajnalka Molnár Csikós
-- Jen Looper
-- Packy Tagliaferro
-- Alexander Vakrilov
-- Dave
-- Todd Anglin
-- Mohamed Hussain
-- Gleb Zhelezin
-- Robert M. Svendsen
-- Andy Drexler
-- ChiwalahSoftware
-- Nayir Chami
-- Teon Ooi
-- Thomas Kuhlmann
-- Abdullah Al Mashmoum
-- Stian Årsnes
-- Robertino Vasilescu
-- Marc Lewis
-- Tom Coonen
-- John McAuley
-- Christian Quispe
-- Nhut Tran
-- Antonio
-- Benjamin Hanzl
-
-If you'd like to join them, please consider [becoming a backer / sponsor on Patreon](https://www.patreon.com/rigor789).
-
-A huge thank you for all of the backers / sponsors!
-
----
-
-# NativeScript Vue
-
-This project integrates [Vue](https://vuejs.org/) and [NativeScript](https://www.nativescript.org/), allowing you to build cross-platform iOS and Android apps using Vue.
-
-## Contributing
-
-If you feel like contributing to this project, that’s awesome! Start by reading [this repo’s `CONTRIBUTING.MD`](https://github.com/rigor789/nativescript-vue/blob/master/CONTRIBUTING.md) file for details on the required development setup, how to send pull requests, and how to run this repo’s sample app.
-
-If you have any questions, or you would like to get involved with NativeScript Vue, join us in the #vue channel on the [NativeScript community Slack](https://www.nativescript.org/slack-invitation-form). 
-
-## License
-
-NativeScript-Vue is licensed under the [MIT license](https://github.com/rigor789/nativescript-vue/blob/master/LICENSE)
+cd myAwesomeApp
+ns run ios|android
+```

package/dist/compiler-sfc/index.d.ts

@@ -0,0 +1 @@
+export * from "@vue/compiler-sfc";

package/dist/compiler-sfc/index.js

@@ -0,0 +1,2 @@
+export * from "@vue/compiler-sfc";
+//# sourceMappingURL=index.js.map

package/dist/compiler-sfc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/compiler-sfc/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/compiler.d.ts

@@ -0,0 +1,4 @@
+import { CompilerOptions } from "@vue/compiler-dom";
+import { RenderFunction } from "@vue/runtime-dom";
+export declare function compileToFunction(template: string, options?: CompilerOptions): RenderFunction;
+export { compileToFunction as compile };

package/dist/compiler.js

@@ -0,0 +1,32 @@
+import { compile } from "@vue/compiler-dom";
+import { warn } from "@vue/runtime-dom";
+import * as runtime from "./index";
+const NOOP = () => { };
+const compileCache = Object.create(null);
+export function compileToFunction(template, options) {
+    if (typeof template !== "string") {
+        warn("invalid template option: ", template);
+        return NOOP;
+    }
+    const key = template;
+    const cached = compileCache[key];
+    if (cached) {
+        return cached;
+    }
+    const { code } = compile(template, {
+        isNativeTag: (tag) => true,
+        hoistStatic: true,
+        prefixIdentifiers: true,
+        onWarn(warn) {
+            console.warn("Template Compile Warning", warn);
+        },
+        onError(err) {
+            console.error("Template Compile Error", err);
+        },
+        ...options,
+    });
+    const render = new Function("Vue", code)(runtime);
+    return (compileCache[key] = render);
+}
+export { compileToFunction as compile };
+//# sourceMappingURL=compiler.js.map

package/dist/compiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler.js","sourceRoot":"","sources":["../src/compiler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAkB,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AACtB,MAAM,YAAY,GAAmC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAEzE,MAAM,UAAU,iBAAiB,CAC/B,QAAgB,EAChB,OAAyB;IAEzB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,IAAI,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,GAAG,GAAG,QAAQ,CAAC;IACrB,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAEjC,IAAI,MAAM,EAAE;QACV,OAAO,MAAM,CAAC;KACf;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE;QACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI;QAC1B,WAAW,EAAE,IAAI;QACjB,iBAAiB,EAAE,IAAI;QACvB,MAAM,CAAC,IAAmB;YACxB,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,CAAC,GAAkB;YACxB,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;QAC/C,CAAC;QACD,GAAG,OAAO;KACX,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,OAAO,CAAmB,CAAC;IAEpE,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;AACtC,CAAC;AAED,OAAO,EACL,iBAAiB,IAAI,OAAO,EAC7B,CAAA"}

package/dist/components/ActionBar.d.ts

@@ -0,0 +1,3 @@
+export declare const ActionBar: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}>;

package/dist/components/ActionBar.js

@@ -0,0 +1,69 @@
+import { Page as NSCPage, ActionBar as NSCActionBar, NavigationButton as NSCNavigationButton, ActionItem as NSCActionItem, } from "@nativescript/core";
+import { defineComponent, h, warn } from "@vue/runtime-core";
+import { registerElement } from "../registry";
+registerElement("NSCActionBar", () => NSCActionBar, {
+    viewFlags: 1 /* NSVViewFlags.SKIP_ADD_TO_DOM */,
+    nodeOps: {
+        insert(child, parent, atIndex) {
+            const actionBar = parent.nativeView;
+            const childView = child.nativeView;
+            if (childView instanceof NSCNavigationButton) {
+                actionBar.navigationButton = childView;
+            }
+            else if (childView instanceof NSCActionItem) {
+                if (atIndex) {
+                    const ai = actionBar.actionItems.getItems();
+                    ai.splice(atIndex, 0, childView);
+                    actionBar.actionItems.setItems(ai);
+                }
+                else {
+                    actionBar.actionItems.addItem(childView);
+                }
+            }
+            else {
+                actionBar.titleView = childView;
+            }
+        },
+        remove(child, parent) {
+            const actionBar = parent.nativeView;
+            const childView = child.nativeView;
+            if (childView instanceof NSCNavigationButton) {
+                if (actionBar.navigationButton === childView) {
+                    actionBar.navigationButton = null;
+                }
+            }
+            else if (childView instanceof NSCActionItem) {
+                actionBar.actionItems.removeItem(childView);
+            }
+            else {
+                if (actionBar.titleView === childView) {
+                    actionBar.titleView = null;
+                }
+            }
+        },
+    },
+});
+export const ActionBar = /*#__PURE__*/ defineComponent({
+    setup(props, ctx) {
+        return () => {
+            return h("NSCActionBar", {
+                ...ctx.attrs,
+                onVnodeMounted(vnode) {
+                    const el = vnode.el;
+                    const actionBar = el.nativeView;
+                    const parent = el.parentNode;
+                    if (parent.nativeView instanceof NSCPage) {
+                        parent.nativeView.actionBar = actionBar;
+                    }
+                    else {
+                        if (__DEV__) {
+                            warn(`<ActionBar> must be a direct child of a <Page> element - ` +
+                                `got <${parent.nativeView.constructor.name}> instead.`);
+                        }
+                    }
+                },
+            }, ctx.slots.default ? ctx.slots.default() : undefined);
+        };
+    },
+});
+//# sourceMappingURL=ActionBar.js.map

package/dist/components/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../src/components/ActionBar.ts"],"names":[],"mappings":"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"}

package/dist/components/ListView.d.ts

@@ -0,0 +1,20 @@
+import { VNode } from "..";
+export interface ListItem<T = any> {
+    item: T;
+    index: number;
+    even: boolean;
+    odd: boolean;
+}
+export declare const ListView: import("@vue/runtime-core").DefineComponent<{
+    items: {
+        validator(value: unknown): boolean;
+    };
+    itemTemplateSelector: FunctionConstructor;
+}, () => VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    items: {
+        validator(value: unknown): boolean;
+    };
+    itemTemplateSelector: FunctionConstructor;
+}>>, {}>;

package/dist/components/ListView.js

@@ -0,0 +1,108 @@
+import { defineComponent, h, warn } from "@vue/runtime-core";
+import { ListView as NSCListView, ObservableArray, } from "@nativescript/core";
+import { getCurrentInstance, ref, watch } from "..";
+import { registerElement } from "../registry";
+import { ELEMENT_REF } from "../runtimeHelpers";
+registerElement("NSCListView", () => NSCListView, {
+    viewFlags: 8 /* NSVViewFlags.NO_CHILDREN */,
+});
+// }
+function getListItem(item, index) {
+    return {
+        item,
+        index,
+        even: index % 2 === 0,
+        odd: index % 2 !== 0,
+    };
+}
+const LIST_CELL_ID = Symbol("list_cell_id");
+export const ListView = /*#__PURE__*/ defineComponent({
+    props: {
+        items: {
+            validator(value) {
+                return Array.isArray(value) || value instanceof ObservableArray;
+            },
+        },
+        itemTemplateSelector: Function,
+    },
+    setup(props, ctx) {
+        const itemTemplates = Object.keys(ctx.slots).map((slotName) => {
+            return {
+                key: slotName,
+                createView() {
+                    // no need to return anything here
+                },
+            };
+        });
+        const getSlotName = (itemCtx) => props.itemTemplateSelector?.(itemCtx) ?? "default";
+        const listView = ref(null);
+        const vm = getCurrentInstance();
+        watch(props, () => {
+            try {
+                if (props.items instanceof ObservableArray) {
+                    return;
+                }
+                const lv = listView.value?.nativeView;
+                lv?.refresh();
+            }
+            catch (err) {
+                console.error("Error while refreshing ListView", err);
+            }
+        });
+        let cellId = 0;
+        const cells = ref({});
+        function onitemLoading(event) {
+            const el = event.view?.[ELEMENT_REF];
+            const id = el?.nativeView[LIST_CELL_ID] ?? `LIST_CELL_${cellId++}`;
+            const itemCtx = getListItem(props.items instanceof ObservableArray
+                ? props.items.getItem(event.index)
+                : props.items[event.index], event.index);
+            // update the cell data with the current row
+            cells.value[id] = {
+                itemCtx,
+                slotName: getSlotName(itemCtx),
+            };
+            // trigger an update!
+            vm.update();
+            // find the vnode rendering this cell
+            const vnode = vm.subTree.children.find((vnode) => {
+                return vnode.key === id;
+            });
+            // store the cell id on the Element itself so we can retrieve it when recycling kicks in
+            const cellEl = vnode.el.nativeView;
+            cellEl[LIST_CELL_ID] = id;
+            // finally, set the event.view to the rendered cellEl
+            event.view = cellEl;
+        }
+        function itemTemplateSelector(item, index) {
+            // pass on the template selector call with the ListItem context
+            return getSlotName(getListItem(item, index));
+        }
+        // render all realized templates as children
+        const cellVNODES = () => Object.entries(cells.value).map(([id, entry]) => {
+            const vnodes = ctx.slots[entry.slotName]?.(entry.itemCtx) ?? [
+                // default template is just a label
+                h("Label", {
+                    text: entry.itemCtx.item,
+                }),
+            ];
+            if (vnodes.length > 1) {
+                warn(`ListView template must contain a single root element. Found: ${vnodes.length}. Only the first one will be used.`);
+            }
+            const vnode = vnodes[0];
+            // set the key to the list cell id, so we can find this cell later...
+            vnode.key = id;
+            return vnode;
+        });
+        return () => {
+            return h("NSCListView", {
+                ref: listView,
+                items: props.items,
+                itemTemplates,
+                itemTemplateSelector,
+                onitemLoading,
+            }, cellVNODES());
+        };
+    },
+});
+//# sourceMappingURL=ListView.js.map

package/dist/components/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../src/components/ListView.ts"],"names":[],"mappings":"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"}

package/dist/components/ListView.working.d.ts

@@ -0,0 +1,44 @@
+import { VNode } from "..";
+declare global {
+    interface ListItem<T = any> {
+        item: T;
+        index: number;
+        even: boolean;
+        odd: boolean;
+    }
+}
+export declare const ListView: import("@vue/runtime-core").DefineComponent<{
+    items: {
+        (arrayLength: number): any[];
+        (...items: any[]): any[];
+        new (arrayLength: number): any[];
+        new (...items: any[]): any[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    };
+    itemTemplateSelector: FunctionConstructor;
+}, () => VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    items: {
+        (arrayLength: number): any[];
+        (...items: any[]): any[];
+        new (arrayLength: number): any[];
+        new (...items: any[]): any[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    };
+    itemTemplateSelector: FunctionConstructor;
+}>>, {}>;

package/dist/components/ListView.working.js

@@ -0,0 +1,126 @@
+import { defineComponent, h, warn } from "@vue/runtime-core";
+import { ListView as NSCListView, ObservableArray, StackLayout, } from "@nativescript/core";
+import { getCurrentInstance, ref, watch, onBeforeUpdate, onUpdated, } from "..";
+import { registerElement } from "../registry";
+import { ELEMENT_REF } from "../runtimeHelpers";
+registerElement("NSCListView", () => NSCListView, {
+    viewFlags: 8 /* NSVViewFlags.NO_CHILDREN */,
+});
+registerElement("NSCListViewDummyHolder", () => StackLayout);
+function getListItem(item, index) {
+    return {
+        item,
+        index,
+        even: index % 2 === 0,
+        odd: index % 2 !== 0,
+    };
+}
+const LIST_CELL_ID = Symbol("list_cell_id");
+export const ListView = /*#__PURE__*/ defineComponent({
+    props: {
+        items: (Array),
+        itemTemplateSelector: Function,
+    },
+    setup(props, ctx) {
+        const itemTemplates = Object.keys(ctx.slots).map((slotName) => {
+            return {
+                key: slotName,
+                createView() {
+                    // no need to return anything here
+                },
+            };
+        });
+        const getSlotName = (itemCtx) => props.itemTemplateSelector?.(itemCtx) ?? "default";
+        const listView = ref(null);
+        const vm = getCurrentInstance();
+        watch(props, () => {
+            console.log("props changed?");
+            try {
+                const lv = listView.value?.nativeView;
+                lv?.refresh();
+            }
+            catch (err) {
+                console.log(err);
+            }
+        });
+        let cellId = 0;
+        const cells = ref({});
+        function onitemLoading(event) {
+            const el = event.view?.[ELEMENT_REF];
+            const id = el?.nativeView[LIST_CELL_ID] ?? `LIST_CELL_${cellId++}`;
+            const itemCtx = getListItem(props.items instanceof ObservableArray
+                ? props.items.getItem(event.index)
+                : props.items[event.index], event.index);
+            // update the cell data with the current row
+            cells.value[id] = {
+                itemCtx,
+                slotName: getSlotName(itemCtx),
+            };
+            // trigger an update!
+            vm.update();
+            // find the vnode rendering this cell
+            const vnode = vm.subTree.children.find((vnode) => {
+                return vnode.key === id;
+            });
+            // store the cell id on the Element itself so we can retrieve it when recycling kicks in
+            const cellEl = vnode.el.nativeView;
+            cellEl[LIST_CELL_ID] = id;
+            // finally, set the event.view to the rendered cellEl
+            event.view = cellEl;
+            // event.view = new Label();
+        }
+        function itemTemplateSelector(item, index) {
+            // pass on the template selector call with the ListItem context
+            return getSlotName(getListItem(item, index));
+        }
+        onBeforeUpdate(() => {
+            console.time("update");
+        });
+        onUpdated(() => {
+            console.timeEnd("update");
+        });
+        return () => {
+            console.log("RENDER");
+            // return h("StackLayout", [
+            //   h("NSCListView", {
+            //     ref: listView,
+            //     items: props.items,
+            //     itemTemplates,
+            //     itemTemplateSelector,
+            //     onitemLoading,
+            //   }),
+            //   ...Object.entries(cells.value).map(([id, child]) => {
+            //     const vnodes: VNode[] = ctx.slots[child.slotName](child.itemCtx);
+            //     if (vnodes.length > 1) {
+            //       warn(
+            //         `ListView template must contain a single root element. Found: ${vnodes.length}. Only the first one will be used.`
+            //       );
+            //     }
+            //     const vnode: VNode = vnodes[0];
+            //     // set the key to the list cell id, so we can find this cell later...
+            //     vnode.key = id;
+            //     return vnode;
+            //   }),
+            // ]);
+            return h("NSCListView", {
+                ref: listView,
+                items: props.items,
+                itemTemplates,
+                itemTemplateSelector,
+                onitemLoading,
+            }, 
+            // render all realized templates as children
+            Object.entries(cells.value).map(([id, child]) => {
+                const vnodes = ctx.slots[child.slotName](child.itemCtx);
+                if (vnodes.length > 1) {
+                    warn(`ListView template must contain a single root element. Found: ${vnodes.length}. Only the first one will be used.`);
+                }
+                const vnode = vnodes[0];
+                // set the key to the list cell id, so we can find this cell later...
+                vnode.key = id;
+                return vnode;
+            }));
+        };
+    },
+});
+//# sourceMappingURL=ListView.working.js.map

package/dist/components/ListView.working.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.working.js","sourceRoot":"","sources":["../../src/components/ListView.working.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+export declare const BUILT_IN_COMPONENTS: {
+    ActionBar: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}>;
+    ListView: import("@vue/runtime-core").DefineComponent<{
+        items: {
+            validator(value: unknown): boolean;
+        };
+        itemTemplateSelector: FunctionConstructor;
+    }, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+        items: {
+            validator(value: unknown): boolean;
+        };
+        itemTemplateSelector: FunctionConstructor;
+    }>>, {}>;
+};

package/dist/components/index.js

@@ -0,0 +1,7 @@
+import { ActionBar } from "./ActionBar";
+import { ListView } from "./ListView";
+export const BUILT_IN_COMPONENTS = {
+    ActionBar,
+    ListView,
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS;IACT,QAAQ;CACT,CAAC"}

package/dist/directives/vShow.d.ts

@@ -0,0 +1,7 @@
+import { ObjectDirective } from "@vue/runtime-core";
+import { NSVElement } from "../dom";
+interface VShowElement extends NSVElement {
+    _vod: string;
+}
+export declare const vShow: ObjectDirective<VShowElement>;
+export {};