nativescript-web-adapter 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 ponzS
+
+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

@@ -0,0 +1,190 @@
+# NativeScript for Web
+
+Read this in Chinese: [README_ZH.md](README_ZH.md)
+
+Map common NativeScript UI tags to browser-ready Vue 3 components, enabling the same SFC to run on both Native and Web. Inspired by React Native for Web.
+
+— Ideal for quickly previewing, debugging, or shipping a simplified web version of existing NativeScript Vue projects.
+
+## Features
+
+- Same tag names: use `Page`, `ActionBar`, `GridLayout`, `Label`, `Button`, `ImageCacheIt` directly in SFCs.
+- Prop and event mapping: common props/events are translated to DOM (e.g., `tap` → `click`).
+- Lightweight implementation: focuses on frequently used layouts and controls.
+- Pluggable: registered as a Vue plugin; no invasive app changes.
+
+## Installation
+
+Install the adapter from npm:
+
+```
+npm install nativescript-web-adapter
+```
+
+This package expects `vue` as a peer dependency. If not already present:
+
+```
+npm install vue@^3.4.0
+```
+
+## Quick Start (Web)
+
+1) Register the plugin
+
+```ts
+// src/web/main.ts
+import { createApp } from 'vue';
+import { NativeScriptWebPlugin } from 'nativescript-web-adapter';
+import Home from '@/components/Home.vue';
+import '@/app.css';
+
+const app = createApp(Home);
+app.use(NativeScriptWebPlugin);
+app.mount('#app');
+```
+
+2) Vite aliases (map NS deps to the adapter for browser)
+
+```ts
+// vite.web.config.ts
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+      '~': path.resolve(__dirname, 'src'),
+      // map SFC imports of nativescript-vue to browser vue
+      'nativescript-vue': 'vue',
+      // map @nativescript/core types/APIs to adapter core (browser-only)
+      '@nativescript/core': 'nativescript-web-adapter/core'
+    }
+  }
+});
+```
+
+3) Start the dev server
+
+```bash
+npm run dev:web
+```
+
+## Usage Example
+
+```vue
+<template>
+  <Frame>
+    <Page class="bg-[#251353]">
+      <ActionBar>
+        <Label text="ViteConf 2025" class="font-bold text-lg" />
+      </ActionBar>
+
+      <GridLayout rows="auto,*">
+        <ImageCacheIt
+          src="https://example.com/cover.jpg"
+          stretch="aspectFill"
+          class="align-top"
+          style="width:100dvw"
+        />
+
+        <GridLayout row="1" rows="*,auto,*" class="gradient-purple p-6">
+          <Label
+            class="text-xl align-middle text-center text-[#77c9fa] font-bold"
+            text="Hype Counter: 31485"
+          />
+
+          <Button
+            row="1"
+            class="p-6 text-white font-bold border-4 border-[#77c9fa] rounded-lg text-xl gradient-light-purple"
+            horizontalAlignment="center"
+          >
+            Enter Now
+          </Button>
+        </GridLayout>
+      </GridLayout>
+    </Page>
+  </Frame>
+  </template>
+```
+
+## Component Mapping
+
+- `Page` → DOM `main`
+- `ActionBar` → DOM `header`
+- `Frame` → DOM `div`
+- `Label` → DOM `span`
+- `Button` → DOM `button`
+- `StackLayout` → DOM `div` (`display:flex; flex-direction:column`)
+- `FlexboxLayout` → DOM `div` (`display:flex`; supports `flexDirection`, `justifyContent`, `alignItems`)
+- `GridLayout` → DOM `div` (`display:grid`; details below)
+- `ImageCacheIt` → DOM `img` (simple replacement; uses `img` with `stretch` support)
+
+## GridLayout: Design & Behavior
+
+- Container styles
+  - `display: grid`
+  - `grid-template-columns`: defaults to single column `1fr` when `columns` is not provided
+  - `grid-template-rows`: parsed from `rows` (optional)
+  - `grid-auto-flow: row`: auto-stacks vertically by rows
+  - `width: 100%`, `height: 100%`
+
+- Track parsing (`rows`/`columns`)
+  - Comma-separated: e.g., `"auto,*"`, `"*,auto,*"`
+  - `*` → `1fr`, `auto` → `auto`, numbers → pixels (e.g., `60` → `60px`)
+  - Example: `rows="auto,*"` → `grid-template-rows: auto 1fr`
+
+- Child placement & span
+  - Indexing: NativeScript is 0-based; CSS Grid is 1-based. `row=0` → `grid-row-start:1`, `col=0` → `grid-column-start:1`
+  - Default column: if `col`/`column` is not set, we enforce `grid-column-start:1` to avoid implicit multi-column side-by-side layout
+  - Span: `rowSpan` → `grid-row-end: span n`; `colSpan` → `grid-column-end: span n`
+
+- Alignment
+  - Horizontal: `horizontalAlignment` (`left|center|right|stretch`) → `justify-self`
+  - Vertical: `verticalAlignment` (`top|center|bottom|stretch`) → `align-self`
+
+## Other Props & Events
+
+- Events: `tap` → DOM `click` (the adapter emits `tap` on `onClick`)
+- `Label` alignment: `horizontalAlignment="center"` → `text-align:center`
+- `ImageCacheIt`:
+  - `stretch="aspectFill"` → `object-fit: cover`
+  - `stretch="aspectFit"` → `object-fit: contain`
+  - default styles: `width:100%`, `display:block`, `object-position:center`
+
+## Layout Tips (Aligning Web with iOS)
+
+- Make the outer `main` full viewport height: `main { height: 100vh; }` to match Grid remaining-space behavior.
+- For full-width images: use `style="width:100dvw"` or container `width:100%`; ensure no implicit columns. Optionally set inner `GridLayout` `columns="1*"`.
+- If children appear side-by-side: check if `columns` is declared or `col` is set; by default we fix to column 1.
+
+## Compatibility & Limitations
+
+- The adapter focuses on common UI/layout features; complex native measurements, animations, and platform APIs are out of scope for the browser.
+- Visual differences (fonts, line height, shadows) exist between iOS/Android and browsers; tweak via Tailwind/CSS.
+- Events follow the DOM model; certain native events are not applicable.
+
+## Development & Build
+
+- Build the adapter: `npm run build` (outputs `dist/index.js`, `dist/vue.js`, `dist/core.js` and types)
+- Run tests: `npm run test`
+- Demo project in this repo: `npm run dev:web` starts the browser preview.
+
+## Package Structure (Adapter Subpackage)
+
+- `src/vue/components/*`: implementation of UI components
+- `src/vue/index.ts`: Vue plugin entry (registers all components)
+- `src/core`: minimal types/placeholders for `@nativescript/core` in browser
+- `dist/*`: build outputs and type declarations
+
+## Design Rationale
+
+- Keep NativeScript tag parity to reduce migration and dual-edge maintenance costs.
+- Use standard web layout primitives (Flex/Grid) for debuggability and extensibility.
+- Clear mapping rules: 0→1 index conversion, `*`/`auto`/px track parsing, and alignment/span mapping — minimal surprises.
+
+## Feedback & Improvements
+
+Try it in your projects and share feedback. If you need more components or refined behaviors (absolute positioning, interactions), add implementations under `src/vue/components` following the existing pattern, and submit a PR.

package/dist/core.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=core.cjs.map

package/dist/core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/core.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=core.js.map

package/dist/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.cjs

@@ -0,0 +1,240 @@
+'use strict';
+
+var vue = require('vue');
+
+const Label = vue.defineComponent({
+    name: 'NSLabel',
+    props: {
+        text: { type: String, default: '' },
+        horizontalAlignment: { type: String, default: undefined }
+    },
+    emits: ['tap'],
+    setup(props, { slots, attrs, emit }) {
+        var _a;
+        const style = {};
+        if (props.horizontalAlignment) {
+            const map = { center: 'center', left: 'left', right: 'right' };
+            style.textAlign = (_a = map[String(props.horizontalAlignment).toLowerCase()]) !== null && _a !== void 0 ? _a : undefined;
+        }
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        return () => vue.h('span', { style, onClick, ...attrs }, slots.default ? slots.default() : props.text);
+    }
+});
+
+const Button = vue.defineComponent({
+    name: 'NSButton',
+    props: {
+        text: { type: String, default: '' },
+        horizontalAlignment: { type: String, default: undefined }
+    },
+    emits: ['tap'],
+    setup(props, { emit, slots, attrs }) {
+        var _a;
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        const style = {};
+        if (props.horizontalAlignment) {
+            const map = {
+                center: 'center',
+                left: 'start',
+                right: 'end',
+                stretch: 'stretch'
+            };
+            style.justifySelf = (_a = map[String(props.horizontalAlignment).toLowerCase()]) !== null && _a !== void 0 ? _a : undefined;
+        }
+        return () => vue.h('button', { onClick, style, ...attrs }, slots.default ? slots.default() : props.text);
+    }
+});
+
+const StackLayout = vue.defineComponent({
+    name: 'NSStackLayout',
+    emits: ['tap'],
+    setup(_, { slots, attrs, emit }) {
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        return () => { var _a; return vue.h('div', { style: { display: 'flex', flexDirection: 'column' }, onClick, ...attrs }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    }
+});
+
+const FlexboxLayout = vue.defineComponent({
+    name: 'NSFlexboxLayout',
+    props: {
+        flexDirection: { type: String, default: 'row' },
+        justifyContent: { type: String, default: 'flex-start' },
+        alignItems: { type: String, default: 'stretch' }
+    },
+    emits: ['tap'],
+    setup(props, { slots, attrs, emit }) {
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        return () => { var _a; return vue.h('div', { style: { display: 'flex', flexDirection: props.flexDirection, justifyContent: props.justifyContent, alignItems: props.alignItems }, onClick, ...attrs }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    }
+});
+
+function parseTracks(tracks) {
+    if (!tracks)
+        return undefined;
+    return tracks.split(',').map(s => s.trim()).map(t => {
+        if (t === '*' || t === 'auto')
+            return t === '*' ? '1fr' : 'auto';
+        if (/^\d+$/.test(t))
+            return `${t}px`;
+        return t;
+    }).join(' ');
+}
+const GridLayout = vue.defineComponent({
+    name: 'NSGridLayout',
+    props: {
+        rows: { type: String, default: undefined },
+        columns: { type: String, default: undefined }
+    },
+    emits: ['tap'],
+    setup(props, { slots, attrs, emit }) {
+        var _a, _b;
+        const containerStyle = {
+            display: 'grid',
+            // NS 默认一列：确保子项按行堆叠，而不是同一行多列并排
+            gridTemplateColumns: (_a = parseTracks(props.columns)) !== null && _a !== void 0 ? _a : '1fr',
+            // 行可选；若未指定，默认自适应内容
+            gridTemplateRows: (_b = parseTracks(props.rows)) !== null && _b !== void 0 ? _b : undefined,
+            // 以“按行”自动布局，默认逐行堆叠
+            gridAutoFlow: 'row',
+            width: '100%',
+            height: '100%'
+        };
+        const mapChild = (child) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            if (!vue.isVNode(child))
+                return child;
+            const cprops = { ...(child.props || {}) };
+            const style = { ...(cprops.style || {}) };
+            // Row/Column placement: NativeScript uses 0-based indices; CSS Grid is 1-based
+            const row = (_a = cprops.row) !== null && _a !== void 0 ? _a : cprops['row'];
+            const col = (_c = (_b = cprops.col) !== null && _b !== void 0 ? _b : cprops['col']) !== null && _c !== void 0 ? _c : cprops.column;
+            if (row != null) {
+                const r = Number(row);
+                if (!isNaN(r))
+                    style.gridRowStart = r + 1;
+            }
+            if (col != null) {
+                const c = Number(col);
+                if (!isNaN(c))
+                    style.gridColumnStart = c + 1;
+            }
+            else {
+                // 未声明列时，强制放在第 1 列，避免隐式多列导致并排
+                style.gridColumnStart = 1;
+            }
+            // Horizontal alignment mapping
+            const ha = (_d = cprops.horizontalAlignment) !== null && _d !== void 0 ? _d : cprops['horizontalAlignment'];
+            if (ha) {
+                const map = {
+                    center: 'center',
+                    left: 'start',
+                    right: 'end',
+                    stretch: 'stretch'
+                };
+                style.justifySelf = (_e = map[String(ha).toLowerCase()]) !== null && _e !== void 0 ? _e : style.justifySelf;
+            }
+            // Vertical alignment mapping
+            const va = (_f = cprops.verticalAlignment) !== null && _f !== void 0 ? _f : cprops['verticalAlignment'];
+            if (va) {
+                const map = {
+                    center: 'center',
+                    top: 'start',
+                    bottom: 'end',
+                    stretch: 'stretch'
+                };
+                style.alignSelf = (_g = map[String(va).toLowerCase()]) !== null && _g !== void 0 ? _g : style.alignSelf;
+            }
+            // Row/Column span mapping
+            const rowSpan = (_h = cprops.rowSpan) !== null && _h !== void 0 ? _h : cprops['rowSpan'];
+            if (rowSpan != null) {
+                const rs = Number(rowSpan);
+                if (!isNaN(rs) && rs > 1)
+                    style.gridRowEnd = `span ${rs}`;
+            }
+            const colSpan = (_j = cprops.colSpan) !== null && _j !== void 0 ? _j : cprops['colSpan'];
+            if (colSpan != null) {
+                const cs = Number(colSpan);
+                if (!isNaN(cs) && cs > 1)
+                    style.gridColumnEnd = `span ${cs}`;
+            }
+            cprops.style = style;
+            return vue.h(child.type, cprops, child.children);
+        };
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        return () => {
+            var _a, _b;
+            const children = (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : [];
+            const mapped = children.map(mapChild);
+            return vue.h('div', { style: containerStyle, onClick, ...attrs }, mapped);
+        };
+    }
+});
+
+const Page = vue.defineComponent({
+    name: 'NSPage',
+    emits: ['tap'],
+    setup(_, { slots, attrs, emit }) {
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        return () => { var _a; return vue.h('main', { onClick, ...attrs }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    }
+});
+
+const Frame = vue.defineComponent({
+    name: 'NSFrame',
+    setup(_, { slots, attrs }) {
+        return () => { var _a; return vue.h('div', { ...attrs }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    }
+});
+
+const ActionBar = vue.defineComponent({
+    name: 'NSActionBar',
+    emits: ['tap'],
+    setup(_, { slots, attrs, emit }) {
+        const onClick = (e) => emit('tap', { eventName: 'tap', object: e.currentTarget });
+        return () => { var _a; return vue.h('header', { onClick, ...attrs }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
+    }
+});
+
+const ImageCacheIt = vue.defineComponent({
+    name: 'ImageCacheIt',
+    props: {
+        src: { type: String, required: true },
+        stretch: { type: String, default: 'aspectFill' }
+    },
+    setup(props, { attrs }) {
+        const style = { width: '100%', display: 'block', objectPosition: 'center' };
+        if (props.stretch === 'aspectFill') {
+            style.objectFit = 'cover';
+        }
+        else if (props.stretch === 'aspectFit') {
+            style.objectFit = 'contain';
+        }
+        return () => vue.h('img', { src: props.src, style, ...attrs });
+    }
+});
+
+const NativeScriptWebPlugin = {
+    install(app) {
+        app.component('Label', Label);
+        app.component('Button', Button);
+        app.component('StackLayout', StackLayout);
+        app.component('FlexboxLayout', FlexboxLayout);
+        app.component('GridLayout', GridLayout);
+        app.component('Page', Page);
+        app.component('Frame', Frame);
+        app.component('ActionBar', ActionBar);
+        app.component('ImageCacheIt', ImageCacheIt);
+    }
+};
+
+exports.ActionBar = ActionBar;
+exports.Button = Button;
+exports.FlexboxLayout = FlexboxLayout;
+exports.Frame = Frame;
+exports.GridLayout = GridLayout;
+exports.ImageCacheIt = ImageCacheIt;
+exports.Label = Label;
+exports.NativeScriptWebPlugin = NativeScriptWebPlugin;
+exports.Page = Page;
+exports.StackLayout = StackLayout;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/components/Label.ts","../../src/vue/components/Button.ts","../../src/vue/components/StackLayout.ts","../../src/vue/components/FlexboxLayout.ts","../../src/vue/components/GridLayout.ts","../../src/vue/components/Page.ts","../../src/vue/components/Frame.ts","../../src/vue/components/ActionBar.ts","../../src/vue/components/ImageCacheIt.ts","../../src/vue/index.ts"],"sourcesContent":["import { defineComponent, h } from 'vue';\n\nexport const Label = defineComponent({\n  name: 'NSLabel',\n  props: {\n    text: { type: String, default: '' },\n    horizontalAlignment: { type: String, default: undefined }\n  },\n  emits: ['tap'],\n  setup(props, { slots, attrs, emit }) {\n    const style: Record<string, any> = {};\n    if (props.horizontalAlignment) {\n      const map: Record<string, string> = { center: 'center', left: 'left', right: 'right' };\n      style.textAlign = map[String(props.horizontalAlignment).toLowerCase()] ?? undefined;\n    }\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    return () => h('span', { style, onClick, ...attrs }, slots.default ? slots.default() : props.text);\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const Button = defineComponent({\n  name: 'NSButton',\n  props: {\n    text: { type: String, default: '' },\n    horizontalAlignment: { type: String, default: undefined }\n  },\n  emits: ['tap'],\n  setup(props, { emit, slots, attrs }) {\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    const style: Record<string, any> = {};\n    if (props.horizontalAlignment) {\n      const map: Record<string, string> = {\n        center: 'center',\n        left: 'start',\n        right: 'end',\n        stretch: 'stretch'\n      };\n      style.justifySelf = map[String(props.horizontalAlignment).toLowerCase()] ?? undefined;\n    }\n    return () => h('button', { onClick, style, ...attrs }, slots.default ? slots.default() : props.text);\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const StackLayout = defineComponent({\n  name: 'NSStackLayout',\n  emits: ['tap'],\n  setup(_, { slots, attrs, emit }) {\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    return () => h('div', { style: { display: 'flex', flexDirection: 'column' }, onClick, ...attrs }, slots.default?.());\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const FlexboxLayout = defineComponent({\n  name: 'NSFlexboxLayout',\n  props: {\n    flexDirection: { type: String, default: 'row' },\n    justifyContent: { type: String, default: 'flex-start' },\n    alignItems: { type: String, default: 'stretch' }\n  },\n  emits: ['tap'],\n  setup(props, { slots, attrs, emit }) {\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    return () => h('div', { style: { display: 'flex', flexDirection: props.flexDirection, justifyContent: props.justifyContent, alignItems: props.alignItems }, onClick, ...attrs }, slots.default?.());\n  }\n});","import { defineComponent, h, VNode, isVNode } from 'vue';\n\nfunction parseTracks(tracks?: string) {\n  if (!tracks) return undefined;\n  return tracks.split(',').map(s => s.trim()).map(t => {\n    if (t === '*' || t === 'auto') return t === '*' ? '1fr' : 'auto';\n    if (/^\\d+$/.test(t)) return `${t}px`;\n    return t;\n  }).join(' ');\n}\n\nexport const GridLayout = defineComponent({\n  name: 'NSGridLayout',\n  props: {\n    rows: { type: String, default: undefined },\n    columns: { type: String, default: undefined }\n  },\n  emits: ['tap'],\n  setup(props, { slots, attrs, emit }) {\n    const containerStyle: Record<string, any> = {\n      display: 'grid',\n      // NS 默认一列：确保子项按行堆叠，而不是同一行多列并排\n      gridTemplateColumns: parseTracks(props.columns) ?? '1fr',\n      // 行可选；若未指定，默认自适应内容\n      gridTemplateRows: parseTracks(props.rows) ?? undefined,\n      // 以“按行”自动布局，默认逐行堆叠\n      gridAutoFlow: 'row',\n      width: '100%',\n      height: '100%'\n    };\n    const mapChild = (child: VNode): VNode => {\n      if (!isVNode(child)) return child as any;\n      const cprops: any = { ...(child.props || {}) };\n      const style: Record<string, any> = { ...(cprops.style || {}) };\n\n      // Row/Column placement: NativeScript uses 0-based indices; CSS Grid is 1-based\n      const row = cprops.row ?? cprops['row'];\n      const col = cprops.col ?? cprops['col'] ?? cprops.column;\n      if (row != null) {\n        const r = Number(row);\n        if (!isNaN(r)) style.gridRowStart = r + 1;\n      }\n      if (col != null) {\n        const c = Number(col);\n        if (!isNaN(c)) style.gridColumnStart = c + 1;\n      } else {\n        // 未声明列时，强制放在第 1 列，避免隐式多列导致并排\n        style.gridColumnStart = 1;\n      }\n\n      // Horizontal alignment mapping\n      const ha = cprops.horizontalAlignment ?? cprops['horizontalAlignment'];\n      if (ha) {\n        const map: Record<string, string> = {\n          center: 'center',\n          left: 'start',\n          right: 'end',\n          stretch: 'stretch'\n        };\n        style.justifySelf = map[String(ha).toLowerCase()] ?? style.justifySelf;\n      }\n\n      // Vertical alignment mapping\n      const va = cprops.verticalAlignment ?? cprops['verticalAlignment'];\n      if (va) {\n        const map: Record<string, string> = {\n          center: 'center',\n          top: 'start',\n          bottom: 'end',\n          stretch: 'stretch'\n        };\n        style.alignSelf = map[String(va).toLowerCase()] ?? style.alignSelf;\n      }\n\n      // Row/Column span mapping\n      const rowSpan = cprops.rowSpan ?? cprops['rowSpan'];\n      if (rowSpan != null) {\n        const rs = Number(rowSpan);\n        if (!isNaN(rs) && rs > 1) style.gridRowEnd = `span ${rs}`;\n      }\n      const colSpan = cprops.colSpan ?? cprops['colSpan'];\n      if (colSpan != null) {\n        const cs = Number(colSpan);\n        if (!isNaN(cs) && cs > 1) style.gridColumnEnd = `span ${cs}`;\n      }\n\n      cprops.style = style;\n      return h(child.type as any, cprops, child.children as any);\n    };\n\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    return () => {\n      const children = slots.default?.() ?? [];\n      const mapped = children.map(mapChild);\n      return h('div', { style: containerStyle, onClick, ...attrs }, mapped);\n    };\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const Page = defineComponent({\n  name: 'NSPage',\n  emits: ['tap'],\n  setup(_, { slots, attrs, emit }) {\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    return () => h('main', { onClick, ...attrs }, slots.default?.());\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const Frame = defineComponent({\n  name: 'NSFrame',\n  setup(_, { slots, attrs }) {\n    return () => h('div', { ...attrs }, slots.default?.());\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const ActionBar = defineComponent({\n  name: 'NSActionBar',\n  emits: ['tap'],\n  setup(_, { slots, attrs, emit }) {\n    const onClick = (e: MouseEvent) => emit('tap', { eventName: 'tap', object: e.currentTarget });\n    return () => h('header', { onClick, ...attrs }, slots.default?.());\n  }\n});","import { defineComponent, h } from 'vue';\n\nexport const ImageCacheIt = defineComponent({\n  name: 'ImageCacheIt',\n  props: {\n    src: { type: String, required: true },\n    stretch: { type: String, default: 'aspectFill' }\n  },\n  setup(props, { attrs }) {\n    const style: Record<string, any> = { width: '100%', display: 'block', objectPosition: 'center' };\n    if (props.stretch === 'aspectFill') {\n      style.objectFit = 'cover';\n    } else if (props.stretch === 'aspectFit') {\n      style.objectFit = 'contain';\n    }\n    return () => h('img', { src: props.src, style, ...attrs });\n  }\n});","import type { App, Plugin } from 'vue';\nimport { Label } from './components/Label';\nimport { Button } from './components/Button';\nimport { StackLayout } from './components/StackLayout';\nimport { FlexboxLayout } from './components/FlexboxLayout';\nimport { GridLayout } from './components/GridLayout';\nimport { Page } from './components/Page';\nimport { Frame } from './components/Frame';\nimport { ActionBar } from './components/ActionBar';\nimport { ImageCacheIt } from './components/ImageCacheIt';\n\nexport const NativeScriptWebPlugin: Plugin = {\n  install(app: App) {\n    app.component('Label', Label);\n    app.component('Button', Button);\n    app.component('StackLayout', StackLayout);\n    app.component('FlexboxLayout', FlexboxLayout);\n    app.component('GridLayout', GridLayout);\n    app.component('Page', Page);\n    app.component('Frame', Frame);\n    app.component('ActionBar', ActionBar);\n    app.component('ImageCacheIt', ImageCacheIt);\n  }\n};\n\nexport { Label, Button, StackLayout, FlexboxLayout, GridLayout, Page, Frame, ActionBar, ImageCacheIt };"],"names":["defineComponent","h","isVNode"],"mappings":"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"}