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

package/dist/nativescript/index.js

@@ -0,0 +1,26 @@
+import { Application } from '@nativescript/core';
+import { registerCoreElements } from './elements';
+export function init() {
+    registerCoreElements();
+    global.__onLiveSyncCore = () => {
+        Application.getRootView()?._onCssStateChange();
+    };
+}
+export function startApp(rootComponent) {
+    Application.run({
+        create() {
+            return rootComponent.$el.nativeView;
+        },
+    });
+}
+export function resetRoot(view) {
+    Application.resetRootView({
+        create() {
+            return view;
+        },
+    });
+}
+export { isAndroid, isIOS } from '@nativescript/core';
+// export const isAndroid = false;
+// export const isIOS = false;
+//# sourceMappingURL=index.js.map

package/dist/nativescript/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/nativescript/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAQ,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMlD,MAAM,UAAU,IAAI;IAClB,oBAAoB,EAAE,CAAC;IAEvB,MAAM,CAAC,gBAAgB,GAAG,GAAG,EAAE;QAC7B,WAAW,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,aAAsC;IAC7D,WAAW,CAAC,GAAG,CAAC;QACd,MAAM;YACJ,OAAO,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC;QACtC,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,WAAW,CAAC,aAAa,CAAC;QACxB,MAAM;YACJ,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEtD,kCAAkC;AAClC,8BAA8B"}

package/dist/plugins/modals.d.ts

@@ -0,0 +1,26 @@
+import { ShowModalOptions, View } from '@nativescript/core';
+import { App, Component, ComponentPublicInstance } from '@vue/runtime-core';
+import { NSVElement } from '../dom';
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        /**
+         * todo: update docblock
+         */
+        $showModal: <T = any>(component: Component, options?: ModalOptions) => Promise<T | false | undefined>;
+        $closeModal: (arg: any) => void;
+        $modal: {
+            close: (arg: any) => void;
+        };
+    }
+}
+type ResolvableModalTarget = ComponentPublicInstance | NSVElement | View;
+export interface ModalOptions extends Partial<ShowModalOptions> {
+    props?: Record<string, any>;
+    target?: ResolvableModalTarget;
+}
+/**
+ * @internal
+ */
+export declare function install(app: App): void;
+export declare function $showModal<T = any>(component: Component, options?: ModalOptions): Promise<T | false | undefined>;
+export {};

package/dist/plugins/modals.js

@@ -0,0 +1,79 @@
+import { Application, View } from '@nativescript/core';
+import { unref, warn, } from '@vue/runtime-core';
+import { NSVElement, NSVRoot } from '../dom';
+import { createNativeView } from '../runtimeHelpers';
+import { isObject } from '@vue/shared';
+/**
+ * @internal
+ */
+export function install(app) {
+    app.config.globalProperties.$showModal = $showModal;
+}
+function resolveModalTarget(target) {
+    const ob = unref(target);
+    if (ob instanceof NSVElement) {
+        return ob.nativeView;
+    }
+    else if (ob instanceof View) {
+        return ob;
+    }
+    else if (isObject(ob) && isObject(ob.$el)) {
+        return ob.$el.nativeView;
+    }
+    return false;
+}
+export async function $showModal(component, options = {}) {
+    const modalTarget = resolveModalTarget(options.target ?? Application.getRootView());
+    if (!modalTarget) {
+        if (__DEV__) {
+            warn(`could not open modal because the target does not exist`);
+        }
+        return;
+    }
+    return new Promise((resolve) => {
+        let isResolved = false;
+        let isReloading = false;
+        let root = new NSVRoot();
+        const reloadModal = () => {
+            isReloading = true;
+            closeModal();
+            // reopening is done in `closeCallback`
+        };
+        let view = createNativeView(component, options.props, {
+            reload: reloadModal,
+        });
+        const closeCallback = (data) => {
+            if (isResolved)
+                return;
+            if (isReloading) {
+                view.unmount();
+                view.mount(root);
+                openModal({
+                // todo: for this to work nicely, we'd need to add `animated: false` to `closeModal` as well
+                // but not currently possible without a core change.
+                // animated: false,
+                });
+                isReloading = false;
+                return;
+            }
+            isResolved = true;
+            view.unmount();
+            view = null;
+            resolve(data);
+        };
+        const openModal = (additionalOptions) => {
+            modalTarget.showModal(view.nativeView, {
+                ...options,
+                context: null,
+                closeCallback,
+                ...additionalOptions,
+            });
+        };
+        const closeModal = (...args) => view.nativeView?.closeModal(...args);
+        view.context.config.globalProperties.$closeModal = closeModal;
+        view.context.config.globalProperties.$modal = { close: closeModal };
+        view.mount(root);
+        openModal();
+    });
+}
+//# sourceMappingURL=modals.js.map

package/dist/plugins/modals.js.map

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

package/dist/plugins/navigation.d.ts

@@ -0,0 +1,32 @@
+import { Frame, NavigationEntry, Page } from '@nativescript/core';
+import { App, Component, Ref } from '@vue/runtime-core';
+import { NSVElement } from '../dom';
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        /**
+         * todo: update docblock
+         * Navigate to {target} component.
+         *
+         * The frame to navigate defaults to the topmost frame
+         * @param target
+         * @param options
+         */
+        $navigateTo: (target: Component, options?: NavigationOptions) => Page;
+        $navigateBack: (options?: NavigationOptions) => void;
+    }
+}
+type ResolvableFrame = string | Ref | NSVElement | Frame | undefined;
+export interface NavigationOptions extends NavigationEntry {
+    props?: Record<string, any>;
+    frame?: ResolvableFrame;
+}
+export interface BackNavigationOptions {
+    frame?: ResolvableFrame;
+}
+/**
+ * @internal
+ */
+export declare function install(app: App): void;
+export declare function $navigateTo(target: Component, options?: NavigationOptions): Page;
+export declare function $navigateBack(options?: BackNavigationOptions): Promise<void>;
+export {};

package/dist/plugins/navigation.js

@@ -0,0 +1,110 @@
+import { Frame } from '@nativescript/core';
+import { nextTick, unref } from '@vue/runtime-core';
+import { NSVElement, NSVRoot } from '../dom';
+import { createNativeView } from '../runtimeHelpers';
+/**
+ * @internal
+ */
+export function install(app) {
+    app.config.globalProperties.$navigateTo = $navigateTo;
+    app.config.globalProperties.$navigateBack = $navigateBack;
+}
+function resolveFrame(frame) {
+    if (!frame) {
+        return Frame.topmost();
+    }
+    const ob = unref(frame);
+    if (ob instanceof Frame) {
+        return ob;
+    }
+    if (ob instanceof NSVElement) {
+        return ob.nativeView;
+    }
+    // todo: either change core Frame to add frames to the stack when they are created
+    // or do as we did in 2.x - handle a Map of frames.
+    // right now, empty frames can't be navigated as they are not recognized by `getFrameById`
+    return Frame.getFrameById(ob);
+}
+export function $navigateTo(target, options) {
+    try {
+        const frame = resolveFrame(options?.frame);
+        if (!frame) {
+            throw new Error('Failed to resolve frame. Make sure your frame exists.');
+        }
+        const root = new NSVRoot();
+        let isReloading = false;
+        const attachDisposeCallback = (page) => {
+            const dispose = page.disposeNativeView;
+            page.disposeNativeView = () => {
+                dispose.call(page);
+                // if we are reloading, don't unmount the view, as the reload will unmount/remount it.
+                if (!isReloading) {
+                    view.unmount();
+                    view = null;
+                }
+            };
+        };
+        const reloadPage = () => {
+            if (isReloading) {
+                return;
+            }
+            // if the page we are reloading is not the current page, wait for it to be navigated to
+            if (frame.currentPage !== view.nativeView) {
+                view.nativeView.once('navigatedTo', () => {
+                    nextTick(() => {
+                        reloadPage();
+                    });
+                });
+                return;
+            }
+            isReloading = true;
+            view.unmount();
+            view.mount(root);
+            attachDisposeCallback(view.nativeView);
+            const originalTransition = frame.currentEntry.transition;
+            // replace current page
+            frame.replacePage({
+                ...options,
+                transition: {
+                    name: 'fade',
+                    duration: 10,
+                },
+                create: () => view.nativeView,
+            });
+            // reset the transition to the original one
+            frame.once('navigatedTo', () => {
+                frame.currentEntry.transition = originalTransition;
+                isReloading = false;
+            });
+        };
+        let view = createNativeView(target, options?.props, {
+            /**
+             * Called by @vue/runtime-core when the component is reloaded during HMR.
+             */
+            reload: reloadPage,
+        });
+        view.mount(root);
+        attachDisposeCallback(view.nativeView);
+        frame.navigate({
+            ...options,
+            create: () => view.nativeView,
+        });
+        return view.nativeView;
+    }
+    catch (e) {
+        console.error('[$navigateTo] Failed to navigate:\n\n');
+        console.error(e, e.stack);
+        throw e;
+    }
+}
+export async function $navigateBack(options) {
+    const frame = resolveFrame(options?.frame);
+    if (!frame) {
+        throw new Error('Failed to resolve frame. Make sure your frame exists.');
+    }
+    if (!frame.canGoBack()) {
+        return;
+    }
+    frame.goBack();
+}
+//# sourceMappingURL=navigation.js.map

package/dist/plugins/navigation.js.map

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

package/dist/plugins/templates.d.ts

@@ -0,0 +1,10 @@
+import { App } from '@vue/runtime-core';
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $templates: any;
+    }
+}
+/**
+ * @internal
+ */
+export declare function install(app: App): void;

package/dist/plugins/templates.js

@@ -0,0 +1,12 @@
+/**
+ * @internal
+ */
+export function install(app) {
+    app.config.globalProperties.$templates = {
+        getKeyedTemplates() { },
+        selectorFn() { },
+        patchTemplate(name, context, oldVnode) { },
+        registerTemplate() { }
+    };
+}
+//# sourceMappingURL=templates.js.map

package/dist/plugins/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/plugins/templates.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,GAAQ;IAC9B,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,GAAG;QACvC,iBAAiB,KAAI,CAAC;QACtB,UAAU,KAAI,CAAC;QACf,aAAa,CAAC,IAAY,EAAE,OAAY,EAAE,QAAe,IAAG,CAAC;QAC7D,gBAAgB,KAAI,CAAC;KACtB,CAAC;AACJ,CAAC"}

package/dist/registry/index.d.ts

@@ -0,0 +1,26 @@
+import type { NSVElement, NSVViewFlags } from '../dom';
+export type NSVElementResolver = () => any;
+export type NSVModelDescriptor = {
+    prop: string;
+    event: string;
+};
+export interface NSVViewMeta {
+    viewFlags: NSVViewFlags;
+    nodeOps?: {
+        insert(child: NSVElement, parent: NSVElement, atIndex?: number): void;
+        remove(child: NSVElement, parent: NSVElement): void;
+    };
+    model?: NSVModelDescriptor;
+    overwriteExisting?: boolean;
+}
+export interface NSVElementDescriptor {
+    meta: NSVViewMeta;
+    resolver?: NSVElementResolver;
+}
+export declare let defaultViewMeta: NSVViewMeta;
+export declare function getViewMeta(elementName: string): NSVViewMeta;
+export declare function registerUnknownViewResolver(resolver: (name: string) => any): void;
+export declare function getViewClass(elementName: string): any;
+export declare function normalizeElementName(elementName: string): string;
+export declare function registerElement(elementName: string, resolver?: NSVElementResolver, meta?: Partial<NSVViewMeta>): void;
+export declare function isKnownView(elementName: string): boolean;

package/dist/registry/index.js

@@ -0,0 +1,55 @@
+export let defaultViewMeta = {
+    viewFlags: 0, // NSVViewFlags.NONE - circular dependency, using constant value instead
+};
+let elementMap = {};
+export function getViewMeta(elementName) {
+    // console.log(`->getViewMeta(${elementName})`)
+    const normalizedName = normalizeElementName(elementName);
+    const entry = elementMap[normalizedName];
+    if (!entry) {
+        throw new Error(`No known component for element ${elementName}.`);
+    }
+    return entry.meta;
+}
+let unknownViewResolver;
+export function registerUnknownViewResolver(resolver) {
+    unknownViewResolver = resolver;
+}
+export function getViewClass(elementName) {
+    // console.log(`->getViewClass(${elementName})`)
+    const normalizedName = normalizeElementName(elementName);
+    const entry = elementMap[normalizedName];
+    if (!entry) {
+        const resolved = unknownViewResolver?.(elementName);
+        if (resolved) {
+            return resolved;
+        }
+        throw new Error(`No known component for element ${elementName}.`);
+    }
+    try {
+        return entry.resolver();
+    }
+    catch (e) {
+        throw new Error(`Could not load view for: ${elementName}. ${e}`);
+    }
+}
+export function normalizeElementName(elementName) {
+    return elementName.replace(/-/g, '').toLowerCase();
+}
+export function registerElement(elementName, resolver, meta) {
+    const normalizedName = normalizeElementName(elementName);
+    const mergedMeta = Object.assign({}, defaultViewMeta, meta);
+    if (elementMap[normalizedName] && !mergedMeta.overwriteExisting) {
+        throw new Error(`Element for ${elementName} already registered.\n` +
+            `If this is intentional set 'overwriteExisting: true' in 'meta'`);
+    }
+    elementMap[normalizedName] = {
+        meta: mergedMeta,
+        resolver,
+    };
+    // console.log(`->registerElement(${elementName})`)
+}
+export function isKnownView(elementName) {
+    return elementMap.hasOwnProperty(normalizeElementName(elementName));
+}
+//# sourceMappingURL=index.js.map

package/dist/registry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/registry/index.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAC,IAAI,eAAe,GAAgB;IACxC,SAAS,EAAE,CAAC,EAAE,wEAAwE;CACvF,CAAC;AAEF,IAAI,UAAU,GAAyC,EAAE,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,WAAmB;IAC7C,+CAA+C;IAE/C,MAAM,cAAc,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAEzD,MAAM,KAAK,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEzC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,kCAAkC,WAAW,GAAG,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC;AAED,IAAI,mBAAmB,CAAC;AAExB,MAAM,UAAU,2BAA2B,CAAC,QAA+B;IACzE,mBAAmB,GAAG,QAAQ,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,WAAmB;IAC9C,gDAAgD;IAChD,MAAM,cAAc,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEzC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC,WAAW,CAAC,CAAC;QAEpD,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,IAAI,KAAK,CAAC,kCAAkC,WAAW,GAAG,CAAC,CAAC;IACpE,CAAC;IAED,IAAI,CAAC;QACH,OAAO,KAAK,CAAC,QAAS,EAAE,CAAC;IAC3B,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,4BAA4B,WAAW,KAAK,CAAC,EAAE,CAAC,CAAC;IACnE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,WAAmB,EACnB,QAA6B,EAC7B,IAA2B;IAE3B,MAAM,cAAc,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;IAE5D,IAAI,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,IAAI,KAAK,CACb,eAAe,WAAW,wBAAwB;YAChD,gEAAgE,CACnE,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,cAAc,CAAC,GAAG;QAC3B,IAAI,EAAE,UAAU;QAChB,QAAQ;KACT,CAAC;IACF,mDAAmD;AACrD,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,WAAmB;IAC7C,OAAO,UAAU,CAAC,cAAc,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;AACtE,CAAC"}

package/dist/renderer/index.d.ts

@@ -0,0 +1 @@
+export declare const renderer: import("@vue/runtime-core").Renderer<import("@vue/runtime-core").RendererElement>;

package/dist/renderer/index.js

@@ -0,0 +1,8 @@
+import { createRenderer } from '@vue/runtime-core';
+import { patchProp } from './patchProp';
+import { nodeOps } from './nodeOps';
+export const renderer = createRenderer({
+    patchProp,
+    ...nodeOps,
+});
+//# sourceMappingURL=index.js.map

package/dist/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,QAAQ,GAAG,cAAc,CAAC;IACrC,SAAS;IACT,GAAG,OAAO;CACX,CAAC,CAAC"}

package/dist/renderer/modules/attrs.d.ts

@@ -0,0 +1,2 @@
+import { NSVElement } from '../../dom';
+export declare function patchAttr(el: NSVElement, key: string, prevValue: any, nextValue: any): void;

package/dist/renderer/modules/attrs.js

@@ -0,0 +1,31 @@
+import { isBoolean, isAndroidKey, isIOSKey } from '../../runtimeHelpers';
+import { isAndroid, isIOS } from '../../nativescript';
+export function patchAttr(el, key, prevValue, nextValue) {
+    if (isAndroidKey(key)) {
+        if (!isAndroid) {
+            // if we encounter an android key, and we are not on android we can safely ignore it
+            return;
+        }
+        key = key.substring(8);
+    }
+    else if (isIOSKey(key)) {
+        if (!isIOS) {
+            // if we encounter an ios key, and we are not on ios we can safely ignore it
+            return;
+        }
+        key = key.substring(4);
+    }
+    // detect expandable attrs for boolean values
+    // see https://vuejs.org/v2/guide/components-props.html#Passing-a-Boolean
+    if (isBoolean(el.getAttribute(key)) && nextValue === '') {
+        nextValue = true;
+    }
+    if (nextValue === null) {
+        // if the nextValue is null, we are removing the attribute
+        el.removeAttribute(key);
+    }
+    else {
+        el.setAttribute(key, nextValue);
+    }
+}
+//# sourceMappingURL=attrs.js.map

package/dist/renderer/modules/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/renderer/modules/attrs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,SAAS,CACvB,EAAc,EACd,GAAW,EACX,SAAc,EACd,SAAc;IAEd,IAAI,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,oFAAoF;YACpF,OAAO;QACT,CAAC;QACD,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;SAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,4EAA4E;YAC5E,OAAO;QACT,CAAC;QACD,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,6CAA6C;IAC7C,yEAAyE;IACzE,IAAI,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;QACxD,SAAS,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACvB,0DAA0D;QAC1D,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;SAAM,CAAC;QACN,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAClC,CAAC;AACH,CAAC"}

package/dist/renderer/modules/class.d.ts

@@ -0,0 +1,2 @@
+import { NSVElement } from '../../dom';
+export declare function patchClass(el: NSVElement, value: string | null): void;

package/dist/renderer/modules/class.js

@@ -0,0 +1,9 @@
+// compiler should normalize class + :class bindings on the same element
+// into a single binding ['staticClass', dynamic]
+export function patchClass(el, value) {
+    if (value == null) {
+        value = '';
+    }
+    el.setAttribute('class', value);
+}
+//# sourceMappingURL=class.js.map

package/dist/renderer/modules/class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../src/renderer/modules/class.ts"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,iDAAiD;AACjD,MAAM,UAAU,UAAU,CAAC,EAAc,EAAE,KAAoB;IAC7D,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,KAAK,GAAG,EAAE,CAAC;IACb,CAAC;IACD,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAClC,CAAC"}

package/dist/renderer/modules/events.d.ts

@@ -0,0 +1,12 @@
+import { NSVElement } from '../../dom';
+import { ComponentInternalInstance } from '@vue/runtime-core';
+interface Invoker extends EventListener {
+    value: EventValue;
+}
+type EventValue = Function | Function[];
+export declare function addEventListener(el: NSVElement, event: string, handler: EventListener, options?: EventListenerOptions): void;
+export declare function removeEventListener(el: NSVElement, event: string, handler: EventListener, options?: EventListenerOptions): void;
+export declare function patchEvent(el: NSVElement & {
+    _vei?: Record<string, Invoker | undefined>;
+}, rawName: string, prevValue: EventValue | null, nextValue: EventValue | null, instance?: ComponentInternalInstance | null): void;
+export {};

package/dist/renderer/modules/events.js

@@ -0,0 +1,59 @@
+import { callWithAsyncErrorHandling, } from '@vue/runtime-core';
+export function addEventListener(el, event, handler, options = {}) {
+    el.addEventListener(event, handler, options);
+}
+export function removeEventListener(el, event, handler, options = {}) {
+    el.removeEventListener(event, handler);
+}
+export function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
+    // vei = vue event invokers
+    const invokers = el._vei || (el._vei = {});
+    const existingInvoker = invokers[rawName];
+    if (nextValue && existingInvoker) {
+        // patch
+        existingInvoker.value = nextValue;
+    }
+    else {
+        const [name, options] = parseName(rawName);
+        if (nextValue) {
+            // add
+            const invoker = (invokers[rawName] = createInvoker(nextValue, instance));
+            addEventListener(el, name, invoker, options);
+        }
+        else if (existingInvoker) {
+            // remove
+            removeEventListener(el, name, existingInvoker, options);
+            invokers[rawName] = undefined;
+        }
+    }
+}
+const optionsModifierRE = /(?:Once|Capture)$/;
+function parseName(name) {
+    let options;
+    if (optionsModifierRE.test(name)) {
+        options = {};
+        let m;
+        while ((m = name.match(optionsModifierRE))) {
+            name = name.slice(0, name.length - m[0].length);
+            options[m[0].toLowerCase()] = true;
+            options;
+        }
+    }
+    // todo: optimise if necessary
+    // this isn't technically perfect,
+    // since if the event name was UPPER then we'll convert it to uPPER
+    // but for the majority of cases, this should be the right thing to do.
+    name = name.slice(name.startsWith('on:') ? 3 : 2);
+    name = name.charAt(0).toLowerCase() + name.slice(1);
+    // return event name by removing on prefix. eg. onitemTap -> itemTap
+    return [name, options];
+    // return [hyphenate(name.slice(2)), options]
+}
+function createInvoker(initialValue, instance) {
+    const invoker = (e) => {
+        callWithAsyncErrorHandling(invoker.value, instance, 5, [e]);
+    };
+    invoker.value = initialValue;
+    return invoker;
+}
+//# sourceMappingURL=events.js.map

package/dist/renderer/modules/events.js.map

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

package/dist/renderer/modules/style.d.ts

@@ -0,0 +1,5 @@
+import { NSVElement } from '../../dom';
+type Style = string | Record<string, string | number> | null;
+export declare const STYLE_ORIGINAL_VALUE: unique symbol;
+export declare function patchStyle(el: NSVElement, prev: Style, next: Style): void;
+export {};

package/dist/renderer/modules/style.js

@@ -0,0 +1,80 @@
+import { parseStringStyle, isArray, isString, isObject, } from '@vue/shared';
+function normalizeStyle(style) {
+    if (!style) {
+        return null;
+    }
+    if (isString(style)) {
+        if (style.trim().charAt(0) === '{') {
+            return JSON.parse(style);
+        }
+        return parseStringStyle(style);
+    }
+    if (isArray(style)) {
+        return style.reduce((normalizedStyle, currentStyle) => {
+            return Object.assign(normalizedStyle, normalizeStyle(currentStyle));
+        }, {});
+    }
+    if (isObject(style)) {
+        return style;
+    }
+    return {};
+}
+function normalizeProperty(property) {
+    if (property.endsWith('Align')) {
+        // NativeScript uses Alignment instead of Align, this ensures that text-align works
+        property += 'ment';
+    }
+    return property;
+}
+export const STYLE_ORIGINAL_VALUE = Symbol('style_original_value');
+function addStyleProperty(el, property, value) {
+    const _sov = el[STYLE_ORIGINAL_VALUE] ?? (el[STYLE_ORIGINAL_VALUE] = new Map());
+    property = normalizeProperty(property);
+    if (!_sov.has(property)) {
+        _sov.set(property, el.style[property]);
+    }
+    el.style[property] = value;
+}
+function removeStyleProperty(el, property) {
+    const _sov = el[STYLE_ORIGINAL_VALUE] ?? (el[STYLE_ORIGINAL_VALUE] = new Map());
+    property = normalizeProperty(property);
+    // only delete styles we added
+    if (_sov.has(property)) {
+        const originalValue = _sov.get(property);
+        _sov.delete(property);
+        // edge case: if a style property also exists as an attribute (ie backgroundColor)
+        // changing the attribute will not update our originalValue, so when removing
+        // the previous color will be applied. Fixing this would involve listening to
+        // individual attribute changes, and it's not worth the overhead.
+        try {
+            el.style[property] = originalValue;
+        }
+        catch (err) {
+            // hack: if the original value is invalid, we can't set it back to it's original value
+            // instead we set it to null, which will remove the style, however this may
+            // still lead to incorrect styling in some cases.
+            el.style[property] = null;
+        }
+    }
+}
+// todo: perhaps mimic dom version with prefixing stripped out: https://github.com/vuejs/core/blob/main/packages/runtime-dom/src/modules/style.ts
+export function patchStyle(el, prev, next) {
+    if (prev) {
+        const style = normalizeStyle(prev);
+        // undo old styles
+        Object.keys(style).forEach((property) => {
+            removeStyleProperty(el, property);
+        });
+    }
+    if (!next) {
+        el.removeAttribute('style');
+    }
+    else {
+        // set new styles
+        const style = normalizeStyle(next);
+        Object.keys(style).forEach((property) => {
+            addStyleProperty(el, property, style[property]);
+        });
+    }
+}
+//# sourceMappingURL=style.js.map