nativescript-vue 2.9.2 → 3.0.0-beta.0

package/dist/nativescript/elements.d.ts

@@ -0,0 +1 @@
+export declare function registerCoreElements(): void;

package/dist/nativescript/elements.js

@@ -0,0 +1,139 @@
+import { Page as NSCPage } from "@nativescript/core";
+import { warn } from "@vue/runtime-core";
+import { registerElement } from "../registry";
+export function registerCoreElements() {
+    // layouts
+    registerElement("AbsoluteLayout", () => require("@nativescript/core").AbsoluteLayout, { viewFlags: 4 /* NSVViewFlags.LAYOUT_VIEW */ });
+    registerElement("DockLayout", () => require("@nativescript/core").DockLayout, {
+        viewFlags: 4 /* NSVViewFlags.LAYOUT_VIEW */,
+    });
+    registerElement("FlexboxLayout", () => require("@nativescript/core").FlexboxLayout, { viewFlags: 4 /* NSVViewFlags.LAYOUT_VIEW */ });
+    registerElement("GridLayout", () => require("@nativescript/core").GridLayout, {
+        viewFlags: 4 /* NSVViewFlags.LAYOUT_VIEW */,
+    });
+    registerElement("StackLayout", () => require("@nativescript/core").StackLayout, { viewFlags: 4 /* NSVViewFlags.LAYOUT_VIEW */ });
+    registerElement("WrapLayout", () => require("@nativescript/core").WrapLayout, {
+        viewFlags: 4 /* NSVViewFlags.LAYOUT_VIEW */,
+    });
+    // ContentViews
+    registerElement("ContentView", () => require("@nativescript/core").ContentView, { viewFlags: 2 /* NSVViewFlags.CONTENT_VIEW */ });
+    registerElement("ScrollView", () => require("@nativescript/core").ScrollView, {
+        viewFlags: 2 /* NSVViewFlags.CONTENT_VIEW */,
+    });
+    // ActionBar
+    registerElement("ActionItem", () => require("@nativescript/core").ActionItem);
+    registerElement("NavigationButton", () => require("@nativescript/core").NavigationButton);
+    // navigation
+    registerElement("Frame", () => require("@nativescript/core").Frame, {
+        // todo: move into Frame.ts when we end up creating a component for Frame
+        nodeOps: {
+            insert(child, parent, atIndex) {
+                const frame = parent.nativeView;
+                if (child.nativeView instanceof NSCPage) {
+                    frame.navigate({
+                        create() {
+                            return child.nativeView;
+                        },
+                    });
+                }
+                else {
+                    if (__DEV__) {
+                        warn(`<Frame> must only contain <Page> elements - ` +
+                            `got <${child.nativeView.constructor.name}> instead.`);
+                    }
+                }
+            },
+            remove(child, parent) {
+                // ignore? warn? throw? navigate back?
+                // console.log("REMOVE CHILD FROM FRAME", child);
+            },
+        },
+    });
+    registerElement("Page", () => require("@nativescript/core").Page, {
+        viewFlags: 2 /* NSVViewFlags.CONTENT_VIEW */,
+    });
+    // html
+    registerElement("HtmlView", () => require("@nativescript/core").HtmlView);
+    registerElement("WebView", () => require("@nativescript/core").WebView);
+    // components
+    registerElement("ActivityIndicator", () => require("@nativescript/core").ActivityIndicator);
+    registerElement("Button", () => require("@nativescript/core").Button);
+    registerElement("DatePicker", () => require("@nativescript/core").DatePicker, {
+        model: {
+            prop: "date",
+            event: "dateChange",
+        },
+    });
+    registerElement("FormattedString", () => require("@nativescript/core").FormattedString, {
+        nodeOps: {
+            insert(child, parent, atIndex) {
+                if (atIndex) {
+                    parent.nativeView.spans.splice(atIndex, 0, child.nativeView);
+                    return;
+                }
+                parent.nativeView.spans.push(child.nativeView);
+            },
+            remove(child, parent) {
+                const index = parent.nativeView.spans.indexOf(child.nativeView);
+                if (index > -1) {
+                    parent.nativeView.spans.splice(index, 1);
+                }
+            },
+        },
+    });
+    registerElement("Image", () => require("@nativescript/core").Image);
+    registerElement("Label", () => require("@nativescript/core").Label);
+    registerElement("ListPicker", () => require("@nativescript/core").ListPicker, {
+        model: {
+            prop: "selectedIndex",
+            event: "selectedIndexChange",
+        },
+    });
+    registerElement("Placeholder", () => require("@nativescript/core").Placeholder);
+    registerElement("Progress", () => require("@nativescript/core").Progress);
+    registerElement("SearchBar", () => require("@nativescript/core").SearchBar, {
+        model: {
+            prop: "text",
+            event: "textChange",
+        },
+    });
+    registerElement("SegmentedBar", () => require("@nativescript/core").SegmentedBar, {
+        model: {
+            prop: "selectedIndex",
+            event: "selectedIndexChange",
+        },
+    });
+    registerElement("SegmentedBarItem", () => require("@nativescript/core").SegmentedBarItem);
+    registerElement("Slider", () => require("@nativescript/core").Slider, {
+        model: {
+            prop: "value",
+            event: "valueChange",
+        },
+    });
+    registerElement("Span", () => require("@nativescript/core").Span);
+    registerElement("Switch", () => require("@nativescript/core").Switch, {
+        model: {
+            prop: "checked",
+            event: "checkedChange",
+        },
+    });
+    registerElement("TextField", () => require("@nativescript/core").TextField, {
+        model: {
+            prop: "text",
+            event: "textChange",
+        },
+    });
+    registerElement("TextView", () => require("@nativescript/core").TextView, {
+        model: {
+            prop: "text",
+            event: "textChange",
+        },
+    });
+    registerElement("TimePicker", () => require("@nativescript/core").TimePicker, {
+        model: {
+            prop: "time",
+            event: "timeChange",
+        },
+    });
+}
+//# sourceMappingURL=elements.js.map

package/dist/nativescript/elements.js.map

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

package/dist/nativescript/index.d.ts

@@ -0,0 +1,6 @@
+import { View } from "@nativescript/core";
+import { ComponentPublicInstance } from "@vue/runtime-core";
+export declare function init(): void;
+export declare function startApp(rootComponent: ComponentPublicInstance): void;
+export declare function resetRoot(view: View): void;
+export { isAndroid, isIOS } from "@nativescript/core";

package/dist/nativescript/index.js

@@ -0,0 +1,27 @@
+import { Application } from "@nativescript/core";
+import { registerCoreElements } from "./elements";
+// export all ns stuff in a single file to allow easy mocking for testing...
+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;AAElD,4EAA4E;AAE5E,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,22 @@
+import { App, Component, ComponentInternalInstance, ComponentPublicInstance, Ref } from "@vue/runtime-core";
+import { ShowModalOptions, View } from "@nativescript/core";
+import { NSVElement } from "..";
+declare module "@vue/runtime-core" {
+    interface ComponentCustomProperties {
+        /**
+         * todo: update docblock
+         */
+        $showModal: <T = any>(component: Component, options?: ModalOptions) => Promise<T | false | undefined>;
+    }
+}
+declare type ResolvableModalTarget = Ref | ComponentInternalInstance | ComponentPublicInstance | NSVElement | View | any;
+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,61 @@
+import { warn, } from "@vue/runtime-core";
+import { Application, View } from "@nativescript/core";
+import { createApp, NSVElement } from "..";
+import { isObject } from "@vue/shared";
+/**
+ * @internal
+ */
+export function install(app) {
+    app.config.globalProperties.$showModal = $showModal;
+}
+function resolveModalTarget(target) {
+    if (isObject(target) && isObject(target.$el)) {
+        return target.$el.nativeView;
+    }
+    else if (target instanceof NSVElement) {
+        return target.nativeView;
+    }
+    else if (target instanceof View) {
+        return target;
+    }
+    return false;
+}
+export async function $showModal(component, options) {
+    options = Object.assign({
+        target: Application.getRootView(),
+    }, options);
+    const modalTarget = resolveModalTarget(options.target);
+    if (!modalTarget) {
+        if (__DEV__) {
+            warn(`could not open modal because the target does not exist`);
+        }
+        return false;
+    }
+    return new Promise((resolve) => {
+        const modalApp = createApp(component, options ? options.props : null);
+        let isResolved = false;
+        const closeCallback = (data) => {
+            if (isResolved)
+                return;
+            isResolved = true;
+            try {
+                modalContent.closeModal();
+            }
+            catch (e) {
+                // ignore?
+            }
+            modalApp.unmount();
+            resolve(data);
+        };
+        modalApp.config.globalProperties.$modal = {
+            close: closeCallback,
+        };
+        const modalContent = modalApp.mount().$el.nativeView;
+        modalTarget.showModal(modalContent, {
+            ...options,
+            context: null,
+            closeCallback,
+        });
+    });
+}
+//# 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":"AAAA,OAAO,EAML,IAAI,GACL,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2BvC;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,GAAQ;IAC9B,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,GAAG,UAAU,CAAC;AACtD,CAAC;AAED,SAAS,kBAAkB,CAAC,MAA6B;IACvD,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;QAC5C,OAAO,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;KAC9B;SAAM,IAAI,MAAM,YAAY,UAAU,EAAE;QACvC,OAAO,MAAM,CAAC,UAAU,CAAC;KAC1B;SAAM,IAAI,MAAM,YAAY,IAAI,EAAE;QACjC,OAAO,MAAM,CAAC;KACf;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,UAAU,CAC9B,SAAoB,EACpB,OAAsB;IAEtB,OAAO,GAAG,MAAM,CAAC,MAAM,CACrB;QACE,MAAM,EAAE,WAAW,CAAC,WAAW,EAAE;KAClC,EACD,OAAO,CACR,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEvD,IAAI,CAAC,WAAW,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,wDAAwD,CAAC,CAAC;SAChE;QACD,OAAO,KAAK,CAAC;KACd;IAED,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACtE,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,aAAa,GAAG,CAAC,IAAQ,EAAE,EAAE;YACjC,IAAI,UAAU;gBAAE,OAAO;YACvB,UAAU,GAAG,IAAI,CAAC;YAElB,IAAI;gBACF,YAAY,CAAC,UAAU,EAAE,CAAC;aAC3B;YAAC,OAAO,CAAC,EAAE;gBACV,UAAU;aACX;YAED,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QAEF,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,GAAG;YACxC,KAAK,EAAE,aAAa;SACrB,CAAC;QAEF,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC;QAErD,WAAW,CAAC,SAAS,CAAC,YAAY,EAAE;YAClC,GAAG,OAAO;YACV,OAAO,EAAE,IAAI;YACb,aAAa;SACd,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/plugins/navigation.d.ts

@@ -0,0 +1,32 @@
+import { App, Component, Ref } from "@vue/runtime-core";
+import { Frame, NavigationEntry, Page } from "@nativescript/core";
+import { NSVElement } from "..";
+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) => Promise<any>;
+        $navigateBack: (options?: NavigationOptions) => void;
+    }
+}
+declare 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): Promise<Page>;
+export declare function $navigateBack(options?: BackNavigationOptions): Promise<void>;
+export {};

package/dist/plugins/navigation.js

@@ -0,0 +1,129 @@
+import { isRef } from "@vue/runtime-core";
+import { Frame } from "@nativescript/core";
+import { createApp, NSVElement, NSVRoot } from "..";
+/**
+ * @internal
+ */
+export function install(app) {
+    app.config.globalProperties.$navigateTo = $navigateTo;
+    app.config.globalProperties.$navigateBack = $navigateBack;
+}
+function resolveFrame(frame) {
+    if (!frame) {
+        return Frame.topmost();
+    }
+    if (frame instanceof Frame) {
+        return frame;
+    }
+    // todo: check if refs work this way or not
+    if (isRef(frame)) {
+        return frame.value;
+    }
+    if (frame instanceof NSVElement) {
+        return frame.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(frame);
+}
+function createNavigationRoot(cb) {
+    const defaultRoot = new NSVRoot();
+    // flag to indicate when we need to call resetRoot
+    // usually happens when the root component is re-mounted (HMR)
+    let shouldResetRoot = false;
+    const appendChild = defaultRoot.appendChild.bind(defaultRoot);
+    const removeChild = defaultRoot.removeChild.bind(defaultRoot);
+    defaultRoot.removeChild = (el) => {
+        removeChild(el);
+        shouldResetRoot = true;
+        // console.log("remove child", (el as NSVElement).tagName);
+    };
+    defaultRoot.appendChild = (el) => {
+        appendChild(el);
+        if (shouldResetRoot) {
+            shouldResetRoot = false;
+            // console.log("append child", (el as NSVElement).tagName);
+            cb(el.nativeView);
+        }
+    };
+    return defaultRoot;
+}
+function attachDisposeCallbacks(targetPage, disposeCallback) {
+    // const handler = (args: NavigatedData) => {
+    //   if (args.isBackNavigation) {
+    //     console.log("navigatedFrom called.");
+    //     targetPage.off("navigatedFrom", handler as any);
+    //     disposeCallback();
+    //   }
+    // };
+    // targetPage.on("navigatedFrom", handler);
+    const dispose = targetPage.disposeNativeView;
+    targetPage.disposeNativeView = () => {
+        // console.log("dispose native view called.");
+        disposeCallback(targetPage);
+        dispose.call(targetPage);
+    };
+}
+export async function $navigateTo(target, options) {
+    options = Object.assign({}, options);
+    // console.log("$navigateTo");
+    try {
+        const frame = resolveFrame(options.frame);
+        if (!frame) {
+            throw new Error("Failed to resolve frame. Make sure your frame exists.");
+        }
+        const cleanup = (page) => {
+            if (page === latestPage) {
+                // console.log("DISPOSE NAVIGATION APP");
+                navigationApp.unmount();
+            }
+            else {
+                // console.log("no dispose we have replaced page");
+            }
+        };
+        const navigationApp = createApp(target, options.props);
+        const targetPage = navigationApp.mount(createNavigationRoot((newPage) => {
+            latestPage = newPage;
+            attachDisposeCallbacks(newPage, cleanup);
+            // cache the original transition of the current page
+            const originalTransition = frame.currentEntry.transition;
+            // replace current page
+            frame.replacePage({
+                ...options,
+                transition: {
+                    name: "fade",
+                    duration: 10,
+                },
+                create: () => newPage,
+            });
+            // reset the transition to the original one
+            frame.once("navigatedTo", () => {
+                frame.currentEntry.transition = originalTransition;
+            });
+        })).$el.nativeView;
+        let latestPage = targetPage;
+        attachDisposeCallbacks(targetPage, cleanup);
+        frame.navigate({
+            ...options,
+            create: () => targetPage,
+        });
+        return targetPage;
+    }
+    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 ? options.frame : undefined);
+    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/registry/index.d.ts

@@ -0,0 +1,26 @@
+import { NSVElement, NSVViewFlags } from "../dom";
+export declare type NSVElementResolver = () => any;
+export declare 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, // tsx can't resolve NSVViewFlags here?
+};
+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,CAAC,6DAA6D;CAC3E,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;QACV,MAAM,IAAI,KAAK,CAAC,kCAAkC,WAAW,GAAG,CAAC,CAAC;KACnE;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;QACV,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC,WAAW,CAAC,CAAC;QAEpD,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QAED,MAAM,IAAI,KAAK,CAAC,kCAAkC,WAAW,GAAG,CAAC,CAAC;KACnE;IAED,IAAI;QACF,OAAO,KAAK,CAAC,QAAS,EAAE,CAAC;KAC1B;IAAC,OAAO,CAAC,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,4BAA4B,WAAW,KAAK,CAAC,EAAE,CAAC,CAAC;KAClE;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;QAC/D,MAAM,IAAI,KAAK,CACb,eAAe,WAAW,wBAAwB;YAChD,gEAAgE,CACnE,CAAC;KACH;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;QACrB,IAAI,CAAC,SAAS,EAAE;YACd,oFAAoF;YACpF,OAAO;SACR;QACD,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACxB;SAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE;QACxB,IAAI,CAAC,KAAK,EAAE;YACV,4EAA4E;YAC5E,OAAO;SACR;QACD,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACxB;IAED,6CAA6C;IAC7C,yEAAyE;IACzE,IAAI,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,SAAS,KAAK,EAAE,EAAE;QACvD,SAAS,GAAG,IAAI,CAAC;KAClB;IAED,IAAI,SAAS,KAAK,IAAI,EAAE;QACtB,0DAA0D;QAC1D,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;KACzB;SAAM;QACL,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;KACjC;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;QACjB,KAAK,GAAG,EAAE,CAAC;KACZ;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;
+}
+declare 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 {};