nativescript-vue 3.0.0-dev.4 → 3.0.0-rc.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 NativeScript-Vue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1,59 @@
-# nativescript-vue
+<p align="center">
+    <img src="https://user-images.githubusercontent.com/879060/205505950-70769439-ff3e-4ecc-b0cd-1385483a847c.jpg">
+</p>
+
+<h1 align="center">NativeScript-Vue3 Beta</h1>
+
+<p align="center">
+    <a href="https://www.npmjs.com/package/nativescript-vue">
+       <img src="https://img.shields.io/npm/v/nativescript-vue/beta.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>
+</p>
+
+NativeScript-Vue with Vue3 support now in beta!
+
+## Quick start
+
+<!-- To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/nativescript-vue3-beta) -->
+
+To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/github/nativescript-vue/nativescript-vue/tree/main/packages/stackblitz-template?file=src%2Fcomponents%2FHome.vue&title=NativeScript%20Starter%20Vue3%20Beta)
+
+...or locally:
+
+```bash
+ns create myAwesomeApp --template @nativescript-vue/template-blank@beta
+
+cd myAwesomeApp
+ns run ios|android
+```
+
+## Vue Devtools
+
+To use VueDevtools, run:
+
+```bash
+ns run ios|android --env.vueDevtools
+```
+
+This will launch the standalone VueDevtools, and connect to it once the app launches. Right now, devtools are only supported on iOS Simulators and Android Emulators, but physical device support should come soon (requires configuring a host/port that the device can connect to.).
+
+On android, you must enable cleartext http traffic, otherwise any connections are silently dropped by the system. In the `App_Resources/Android/src/main/AndroidManifext.xml` add the following to your existing `<application>` tag:
+
+```diff
+<application ...
++  android:usesCleartextTraffic="true"
+.../>
+```
+
+## Issues
+
+If you encounter any issues, please open a new issue with as much detail as possible. This is **beta** software, so there might be bugs.
+
+- [Join Discord](https://nativescript.org/discord)
+
+## Looking for V2?
+
+The V2 version has been moved to the [v2 branch](https://github.com/nativescript-vue/nativescript-vue/tree/v2)

package/devtools.js

@@ -0,0 +1,33 @@
+if (__DEV__) {
+  try {
+    const _global = globalThis.global;
+
+    const host = (_global.__VUE_DEVTOOLS_HOST__ ??= __NS_VUE_DEVTOOLS_HOST__);
+    const port = (_global.__VUE_DEVTOOLS_PORT__ ??= __NS_VUE_DEVTOOLS_PORT__);
+    _global.__VUE_DEVTOOLS_TOAST__ ??= (message) => {
+      console.warn('[VueDevtools]', message);
+    };
+
+    const platform = global.isAndroid ? 'Android' : 'iOS';
+
+    const documentShim = {
+      // this shows as the title in VueDevtools
+      title: `${platform} :: ${host}:${port} :: NativeScript`,
+      querySelector: () => null,
+      querySelectorAll: () => [],
+    };
+
+    _global.document = Object.assign({}, documentShim, _global.document);
+    _global.addEventListener ??= () => {};
+    _global.removeEventListener ??= () => {};
+    _global.window ??= _global;
+
+    console.warn(
+      `[VueDevtools] Connecting to ${global.__VUE_DEVTOOLS_HOST__}:${global.__VUE_DEVTOOLS_PORT__}...`,
+    );
+    require('@vue/devtools/build/hook.js');
+    require('@vue/devtools/build/backend.js');
+  } catch (e) {
+    console.warn('[VueDevtools] Failed to init:', e);
+  }
+}

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-core";
+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-core";
+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,mBAAmB,CAAC;AACzD,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").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>;

package/dist/components/ActionBar.js

@@ -0,0 +1,70 @@
+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({
+    name: 'ActionBar',
+    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 '@vue/runtime-core';
+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").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    items: {
+        validator(value: unknown): boolean;
+    };
+    itemTemplateSelector: FunctionConstructor;
+}>>, {}, {}>;

package/dist/components/ListView.js

@@ -0,0 +1,110 @@
+import { defineComponent, getCurrentInstance, h, warn, watch, ref, Comment, } from '@vue/runtime-core';
+import { ListView as NSCListView, ObservableArray, } from '@nativescript/core';
+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({
+    name: 'ListView',
+    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) ?? [];
+            const nonCommentVnodes = vnodes.filter((vnode) => vnode.type !== Comment);
+            if (nonCommentVnodes.length === 0) {
+                warn(`ListView template must contain at least one element.`);
+            }
+            else if (nonCommentVnodes.length > 1) {
+                warn(`ListView template must contain a single root element. Found: ${vnodes.length}. Only the first one will be used.`);
+            }
+            const vnode = nonCommentVnodes.at(0) ??
+                // default template is just a label
+                h('Label', {
+                    text: entry.itemCtx.item,
+                });
+            // 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/index.d.ts

@@ -0,0 +1,22 @@
+import { ActionBar } from './ActionBar';
+import { ListView, ListItem } from './ListView';
+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").PublicProps, 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").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+        items: {
+            validator(value: unknown): boolean;
+        };
+        itemTemplateSelector: FunctionConstructor;
+    }>>, {}, {}>;
+};
+export { ActionBar, ListView };
+export type { ListItem };

package/dist/components/index.js

@@ -0,0 +1,8 @@
+import { ActionBar } from './ActionBar';
+import { ListView } from './ListView';
+export const BUILT_IN_COMPONENTS = {
+    ActionBar,
+    ListView,
+};
+export { 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,EAAY,MAAM,YAAY,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS;IACT,QAAQ;CACT,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}

package/dist/directives/vModel.d.ts

@@ -0,0 +1,8 @@
+import { ObjectDirective } from "@vue/runtime-core";
+import { NSVElement } from "../dom";
+type AssignerFn = (value: any) => void;
+type ModelDirective<T> = ObjectDirective<T & {
+    _assign: AssignerFn;
+}>;
+export declare const vModel: ModelDirective<NSVElement>;
+export {};

package/dist/directives/vModel.js

@@ -0,0 +1,38 @@
+import { invokeArrayFns, isArray } from "@vue/shared";
+import { getViewMeta } from "../registry";
+const getModelAssigner = (vnode) => {
+    const fn = vnode.props["onUpdate:modelValue"];
+    return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
+};
+function toNumber(val) {
+    const n = parseFloat(val);
+    return isNaN(n) ? val : n;
+}
+export const vModel = {
+    beforeMount(el, { value, modifiers: { trim, number } }, vnode) {
+        el._assign = getModelAssigner(vnode);
+        const castToNumber = number;
+        const { prop, event } = getViewMeta(el.tagName).model;
+        el._assign(value);
+        el.setAttribute(prop, value);
+        el.addEventListener(event, () => {
+            let propValue = el.getAttribute(prop);
+            if (trim && typeof propValue === "string") {
+                propValue = propValue.trim();
+            }
+            else if (castToNumber && typeof propValue === "string") {
+                propValue = toNumber(propValue);
+            }
+            el._assign(propValue);
+        });
+    },
+    beforeUpdate(el, { value, oldValue }, vnode) {
+        const { prop } = getViewMeta(el.tagName).model;
+        el._assign = getModelAssigner(vnode);
+        if (value === oldValue) {
+            return;
+        }
+        el.setAttribute(prop, value);
+    },
+};
+//# sourceMappingURL=vModel.js.map

package/dist/directives/vModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vModel.js","sourceRoot":"","sources":["../../src/directives/vModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAsB,MAAM,aAAa,CAAC;AAI9D,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAc,EAAE;IACpD,MAAM,EAAE,GAAG,KAAK,CAAC,KAAM,CAAC,qBAAqB,CAAC,CAAC;IAC/C,OAAO,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,GAAW;IAC3B,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC;AAID,MAAM,CAAC,MAAM,MAAM,GAA+B;IAChD,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK;QAC3D,EAAE,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,YAAY,GAAG,MAAM,CAAC;QAC5B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,KAA2B,CAAC;QAC5E,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAClB,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE7B,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE;YAC9B,IAAI,SAAS,GAAY,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,IAAI,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;gBACzC,SAAS,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;aAC9B;iBAAM,IAAI,YAAY,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;gBACxD,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;aACjC;YACD,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK;QACzC,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,KAA2B,CAAC;QACrE,EAAE,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,OAAO;SACR;QACD,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;CACF,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 {};

package/dist/directives/vShow.js

@@ -0,0 +1,45 @@
+export const vShow = {
+    beforeMount(el, { value }, { transition }) {
+        el._vod =
+            el.getAttribute('visibility') === 'none'
+                ? ''
+                : el.getAttribute('visibility');
+        if (transition && value) {
+            transition.beforeEnter(el);
+        }
+        else {
+            setDisplay(el, value);
+        }
+    },
+    mounted(el, { value }, { transition }) {
+        if (transition && value) {
+            transition.enter(el);
+        }
+    },
+    updated(el, { value, oldValue }, { transition }) {
+        if (!value === !oldValue)
+            return;
+        if (transition) {
+            if (value) {
+                transition.beforeEnter(el);
+                setDisplay(el, true);
+                transition.enter(el);
+            }
+            else {
+                transition.leave(el, () => {
+                    setDisplay(el, false);
+                });
+            }
+        }
+        else {
+            setDisplay(el, value);
+        }
+    },
+    beforeUnmount(el) {
+        setDisplay(el, true);
+    },
+};
+function setDisplay(el, value) {
+    el.setAttribute('visibility', value ? el._vod : 'collapsed');
+}
+//# sourceMappingURL=vShow.js.map

package/dist/directives/vShow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vShow.js","sourceRoot":"","sources":["../../src/directives/vShow.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,KAAK,GAAkC;IAClD,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE;QACvC,EAAE,CAAC,IAAI;YACL,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,MAAM;gBACtC,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAE,EAAE,CAAC,YAAY,CAAC,YAAY,CAAY,CAAC;QAChD,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC;YACxB,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE;QACnC,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC;YACxB,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;QAC7C,IAAI,CAAC,KAAK,KAAK,CAAC,QAAQ;YAAE,OAAO;QACjC,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,KAAK,EAAE,CAAC;gBACV,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBAC3B,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;gBACrB,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE;oBACxB,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;gBACxB,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IACD,aAAa,CAAC,EAAE;QACd,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC;CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAAgB,EAAE,KAAc;IAClD,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AAC/D,CAAC"}

package/dist/dom/index.d.ts

@@ -0,0 +1,66 @@
+import { NSVViewMeta } from '../registry';
+export declare const enum NSVNodeTypes {
+    TEXT = "text",
+    ELEMENT = "element",
+    COMMENT = "comment",
+    ROOT = "root"
+}
+export declare const enum NSVViewFlags {
+    NONE = 0,
+    SKIP_ADD_TO_DOM = 1,
+    CONTENT_VIEW = 2,
+    LAYOUT_VIEW = 4,
+    NO_CHILDREN = 8
+}
+export declare abstract class NSVNode {
+    protected constructor(nodeType: NSVNodeTypes);
+    nodeId: number;
+    nodeType: NSVNodeTypes;
+    private _text?;
+    get text(): string | undefined;
+    set text(value: string | undefined);
+    parentNode: NSVElement | null;
+    childNodes: NSVNode[];
+    get nextSibling(): NSVNode | null;
+    get prevSibling(): NSVNode | null;
+    get firstChild(): NSVNode;
+    get lastChild(): NSVNode;
+}
+export declare class NSVElement extends NSVNode {
+    private readonly _tagName;
+    private readonly _nativeView;
+    private _meta;
+    private _attributeOriginalValue;
+    constructor(tagName: string);
+    get tagName(): string;
+    get nativeView(): any;
+    get style(): any | string;
+    set style(inlineStyle: any | string);
+    get text(): string | undefined;
+    set text(t: string | undefined);
+    get meta(): NSVViewMeta;
+    addEventListener(event: string, handler: any, options?: AddEventListenerOptions): void;
+    removeEventListener(event: string, handler?: any): void;
+    dispatchEvent(event: string): void;
+    getAttribute(name: string): unknown;
+    setAttribute(name: string, value: unknown): void;
+    removeAttribute(name: string): void;
+    insertBefore(el: NSVNode, anchor?: NSVNode | null): void;
+    appendChild(el: NSVNode): void;
+    removeChild(el: NSVNode): void;
+    private addChild;
+    updateText(): void;
+}
+export declare class NSVComment extends NSVNode {
+    constructor(text: string);
+}
+export declare class NSVText extends NSVNode {
+    constructor(text: string);
+}
+export declare class NSVRoot extends NSVNode {
+    el?: NSVElement;
+    constructor();
+    appendChild(el: NSVNode): void;
+    removeChild(el: NSVNode): void;
+    insertBefore(el: NSVNode, anchor?: NSVNode | null): void;
+}