@triniwiz/nativescript-masonkit 1.0.0-beta.95 → 1.0.0-beta.97

package/typings/windows.d.ts

@@ -0,0 +1,330 @@
+declare namespace NativeScript.Mason {
+  enum Display { None = 0, Flex = 1, Grid = 2, Block = 3, Inline = 4, InlineBlock = 5, InlineFlex = 6, InlineGrid = 7 }
+  enum Position { Relative = 0, Absolute = 1 }
+  enum Direction { Inherit = 0, Ltr = 1, Rtl = 2 }
+  enum FlexDirection { Row = 0, Column = 1, RowReverse = 2, ColumnReverse = 3 }
+  enum FlexWrap { NoWrap = 0, Wrap = 1, WrapReverse = 2 }
+  enum Overflow { Visible = 0, Hidden = 1, Scroll = 2, Clip = 3, Auto = 4 }
+  enum AlignItems { Normal = -1, Start = 0, End = 1, Center = 2, Baseline = 3, Stretch = 4, FlexStart = 5, FlexEnd = 6 }
+  enum AlignSelf { Normal = -1, Start = 0, End = 1, Center = 2, Baseline = 3, Stretch = 4, FlexStart = 5, FlexEnd = 6 }
+  enum AlignContent { Normal = -1, Start = 0, End = 1, Center = 2, Stretch = 3, SpaceBetween = 4, SpaceAround = 5, SpaceEvenly = 6, FlexStart = 7, FlexEnd = 8 }
+  enum JustifyItems { Normal = -1, Start = 0, End = 1, Center = 2, Baseline = 3, Stretch = 4, FlexStart = 5, FlexEnd = 6 }
+  enum JustifySelf { Normal = -1, Start = 0, End = 1, Center = 2, Baseline = 3, Stretch = 4, FlexStart = 5, FlexEnd = 6 }
+  enum JustifyContent { Normal = -1, Start = 0, End = 1, Center = 2, Stretch = 3, SpaceBetween = 4, SpaceAround = 5, SpaceEvenly = 6, FlexStart = 7, FlexEnd = 8 }
+  enum GridAutoFlow { Row = 0, Column = 1, RowDense = 2, ColumnDense = 3 }
+  enum BoxSizing { BorderBox = 0, ContentBox = 1 }
+  enum TextAlign { Auto = 0, Left = 1, Right = 2, Center = 3, Justify = 4, Start = 5, End = 6 }
+  enum DimensionType { Auto = 0, Points = 1, Percent = 2 }
+  enum AvailableSpaceType { Definite = 0, MinContent = 1, MaxContent = 2 }
+  enum PseudoState {
+    Default = 0x00,
+    Hover = 0x01,
+    Active = 0x02,
+    Focus = 0x04,
+    FocusWithin = 0x08,
+    FocusVisible = 0x10,
+    Disabled = 0x40,
+    Checked = 0x80,
+  }
+
+  // Int64 measure result is surfaced to JS as a number; pack/unpack via MeasureOutput.
+  type MeasureFunc = (knownWidth: number, knownHeight: number, availableWidth: number, availableHeight: number) => number;
+
+  class MeasureOutput {
+    static Make(width: number, height: number): number;
+    static GetWidth(measureOutput: number): number;
+    static GetHeight(measureOutput: number): number;
+  }
+
+  class Layout {
+    readonly X: number;
+    readonly Y: number;
+    readonly Width: number;
+    readonly Height: number;
+    readonly BorderTop: number;
+    readonly BorderRight: number;
+    readonly BorderBottom: number;
+    readonly BorderLeft: number;
+    readonly MarginTop: number;
+    readonly MarginRight: number;
+    readonly MarginBottom: number;
+    readonly MarginLeft: number;
+    readonly PaddingTop: number;
+    readonly PaddingRight: number;
+    readonly PaddingBottom: number;
+    readonly PaddingLeft: number;
+    readonly ContentWidth: number;
+    readonly ContentHeight: number;
+    readonly ScrollbarWidth: number;
+    readonly ScrollbarHeight: number;
+    readonly Order: number;
+    readonly HasChildren: boolean;
+    // IVectorView<Layout> — has .Size and .GetAt(i).
+    readonly Children: { Size: number; GetAt(index: number): Layout };
+  }
+
+  class Style {
+    SetWithValues(
+      display: number, position: number, direction: number, flexDirection: number,
+      flexWrap: number, overflow: number, alignItems: number, alignSelf: number,
+      alignContent: number, justifyItems: number, justifySelf: number, justifyContent: number,
+      insetLeftType: number, insetLeftValue: number, insetRightType: number, insetRightValue: number,
+      insetTopType: number, insetTopValue: number, insetBottomType: number, insetBottomValue: number,
+      marginLeftType: number, marginLeftValue: number, marginRightType: number, marginRightValue: number,
+      marginTopType: number, marginTopValue: number, marginBottomType: number, marginBottomValue: number,
+      paddingLeftType: number, paddingLeftValue: number, paddingRightType: number, paddingRightValue: number,
+      paddingTopType: number, paddingTopValue: number, paddingBottomType: number, paddingBottomValue: number,
+      borderLeftType: number, borderLeftValue: number, borderRightType: number, borderRightValue: number,
+      borderTopType: number, borderTopValue: number, borderBottomType: number, borderBottomValue: number,
+      flexGrow: number, flexShrink: number, flexBasisType: number, flexBasisValue: number,
+      widthType: number, widthValue: number, heightType: number, heightValue: number,
+      minWidthType: number, minWidthValue: number, minHeightType: number, minHeightValue: number,
+      maxWidthType: number, maxWidthValue: number, maxHeightType: number, maxHeightValue: number,
+      gapRowType: number, gapRowValue: number, gapColumnType: number, gapColumnValue: number,
+      aspectRatio: number,
+      gridAutoRows: string, gridAutoColumns: string, gridAutoFlow: number,
+      gridColumn: string, gridColumnStart: string, gridColumnEnd: string,
+      gridRow: string, gridRowStart: string, gridRowEnd: string,
+      gridTemplateRows: string, gridTemplateColumns: string,
+      overflowX: number, overflowY: number, scrollbarWidth: number, textAlign: number,
+      boxSizing: number, gridArea: string, gridTemplateAreas: string): void;
+
+    UpdateGrid(
+      gridAutoRows: string, gridAutoColumns: string, gridColumn: string,
+      gridColumnStart: string, gridColumnEnd: string, gridRow: string,
+      gridRowStart: string, gridRowEnd: string, gridTemplateRows: string,
+      gridTemplateColumns: string, gridArea: string, gridTemplateAreas: string): void;
+
+    PrepareForMutation(): void;
+    // IVectorView<UInt8>.
+    GetStyleBuffer(): { Size: number; GetAt(index: number): number };
+    // Live, mutable style buffer (IBuffer -> writable ArrayBuffer). Write StyleKeys offsets, then
+    // call the owning element's SyncStyle.
+    readonly Values: any;
+
+    readonly GridAreaCss: string;
+    readonly GridTemplateAreasCss: string;
+    readonly GridAutoRowsCss: string;
+    readonly GridAutoColumnsCss: string;
+    readonly GridColumnCss: string;
+    readonly GridColumnStartCss: string;
+    readonly GridColumnEndCss: string;
+    readonly GridRowCss: string;
+    readonly GridRowStartCss: string;
+    readonly GridRowEndCss: string;
+    readonly GridTemplateRowsCss: string;
+    readonly GridTemplateColumnsCss: string;
+  }
+
+  class Node {
+    AddChild(child: Node): void;
+    Prepend(child: Node): void;
+    AddChildAt(child: Node, index: number): void;
+    InsertChildBefore(child: Node, reference: Node): void;
+    InsertChildAfter(child: Node, reference: Node): void;
+    ReplaceChildAt(child: Node, index: number): Node;
+    RemoveChild(child: Node): Node;
+    RemoveChildAt(index: number): Node;
+    RemoveChildren(): void;
+    GetChildAt(index: number): Node;
+    SetChildren(children: Node[]): void;
+    AddChildren(children: Node[]): void;
+    PrependChildren(children: Node[]): void;
+    IsChildrenSame(children: Node[]): boolean;
+
+    IsDirty(): boolean;
+    MarkDirty(): void;
+    IsEqual(other: Node): boolean;
+
+    PseudoStates: number;
+    HasPseudoState(flag: number): boolean;
+    PreparePseudoBuffer(flags: number): any;
+
+    readonly Style: Style;
+
+    SetMeasure(callback: MeasureFunc): void;
+    RemoveMeasure(): void;
+
+    Compute(): void;
+    ComputeWH(width: number, height: number): void;
+    ComputeSize(widthType: AvailableSpaceType, widthValue: number, heightType: AvailableSpaceType, heightValue: number): void;
+    ComputeMaxContent(): void;
+    ComputeMinContent(): void;
+
+    GetLayout(): Layout;
+    ComputeAndLayout(): Layout;
+    ComputeWHAndLayout(width: number, height: number): Layout;
+    ComputeMaxContentAndLayout(): Layout;
+    ComputeMinContentAndLayout(): Layout;
+
+    PrintTree(): void;
+    Destroy(): void;
+  }
+
+  class Mason {
+    constructor();
+    static Instance(): Mason;
+    Clear(): void;
+    SetDeviceScale(scale: number): void;
+    Preflight: boolean;
+    CreateNode(anonymous: boolean): Node;
+    CreateTextNode(anonymous: boolean): Node;
+    CreateImageNode(): Node;
+    CreateButtonNode(): Node;
+    CreateLineBreakNode(): Node;
+    CreateListItemNode(): Node;
+    PrintTree(node: Node): void;
+  }
+
+  // Implemented by every Mason element (View + the leaf controls). A parent View pulls any child's
+  // Node into the layout tree through this.
+  interface IMasonElement {
+    readonly Node: Node;
+    readonly Style: Style;
+    SyncStyle(dirtyLow: string, dirtyHigh: string): void;
+  }
+
+  // Rasterized visual result (Image + size + overhang) returned by Css.CreateShadow/CreateBorder.
+  class CssImageResult {
+    readonly Image: any;
+    readonly Width: number;
+    readonly Height: number;
+    readonly Overhang: number;
+  }
+
+  // Visual CSS helpers driven by the .windows.ts layer. Colors are 0xAARRGGBB.
+  class Css {
+    static ApplyBackground(element: any, argb: number): void;
+    static ClearBackground(element: any): void;
+    static ApplyOpacity(element: any, opacity: number): void;
+    static ApplyTransform(element: any, m11: number, m12: number, m21: number, m22: number, offsetX: number, offsetY: number): void;
+    static ClearTransform(element: any): void;
+    static ApplyCornerRadius(element: any, offsetX: number, offsetY: number, width: number, height: number, radiusX: number, radiusY: number): void;
+    static ClearClip(element: any): void;
+    static CreateShadow(width: number, height: number, blurRadius: number, spread: number, cornerRadius: number, offsetX: number, offsetY: number, argb: number): CssImageResult;
+    static CreateBorder(width: number, height: number, topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number, topArgb: number, rightArgb: number, bottomArgb: number, leftArgb: number, cornerRadius: number): CssImageResult;
+    static ApplyLinearGradient(element: any, angleDegrees: number, stops: string): void;
+    static ApplyRadialGradient(element: any, stops: string): void;
+    static ReparentChild(parent: any, child: any, index: number): void;
+    static RemoveChild(parent: any, child: any): void;
+    static ApplyShadow(element: any, offsetX: number, offsetY: number, blurRadius: number, argb: number, cornerRadius: number): void;
+    static ClearShadow(element: any): void;
+  }
+
+  // A Mason-laid-out WinUI panel (a Microsoft.UI.Xaml.Controls.Panel) — the Windows analogue of the
+  // iOS MasonUIView / Android View. Owns a Node and runs Mason layout in its Measure/Arrange
+  // overrides. NodeKind: 0 generic/flex, 1 text, 2 image, 3 button, 4 list-item.
+  class View /* extends Microsoft.UI.Xaml.Controls.Panel, implements IMasonElement */ {
+    constructor();
+    constructor(nodeKind: number);
+    readonly Node: Node;
+    readonly Style: Style;
+    readonly NodeKind: number;
+    Invalidate(): void;
+  }
+
+  // Text leaf — hosts a TextBlock; Mason text node sized from the text's natural size.
+  class Text /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Content: string;
+    FontSize: number;
+    // CSS font-family list.
+    SetFontFamily(families: string): void;
+    // Inline-run management: runs are TextNode descriptors composed into the TextBlock's Inlines.
+    // All text styling is read from the live style buffer on SyncStyle (no per-property setters).
+    SetRun(run: TextNode, index: number): void;
+    RemoveRun(run: TextNode): void;
+    ClearRuns(): void;
+  }
+
+  // Image leaf — hosts an Image; Source is a uri/path.
+  class Image /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Source: string;
+  }
+
+  // Button leaf — hosts a Button; Content is the label.
+  class Button /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Content: string;
+  }
+
+  // Line break — zero-size leaf backed by a line-break node (inline flow).
+  class Br /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+  }
+
+  // List item — a container backed by a list-item node.
+  class Li /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Invalidate(): void;
+  }
+
+  // <ul>/<ol> container.
+  class List /* Panel, IMasonElement */ {
+    constructor();
+    constructor(ordered: boolean);
+    readonly Node: Node;
+    readonly Style: Style;
+    readonly Ordered: boolean;
+    Invalidate(): void;
+  }
+
+  // Inline text node (DOM text node).
+  class TextNode /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Data: string;
+    SetColor(argb: number): void;
+    SetFontSize(px: number): void;
+    SetFontWeight(weight: number): void;
+    SetLineHeight(multiplier: number): void;
+    SetLetterSpacing(px: number): void;
+    SetBreak(isBreak: boolean): void;
+  }
+
+  // <textarea> — native multiline TextBox.
+  class TextArea /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Value: string;
+    Placeholder: string;
+    Rows: number;
+    Cols: number;
+    MaxLength: number;
+  }
+
+  // <input> — hosts a stock control chosen by Type (MasonInputType raw value).
+  class Input /* Panel, IMasonElement */ {
+    constructor();
+    readonly Node: Node;
+    readonly Style: Style;
+    Type: number;
+    Value: string;
+    Placeholder: string;
+    Multiple: boolean;
+    Accept: string;
+  }
+}
+
+// Platform build-time flag (defined by the @nativescript/windows webpack config, like __APPLE__).
+declare const __WINDOWS__: boolean;
+
+// @nativescript/windows runtime WinRT interop helpers (present when running on Windows).
+declare const NSWinRT: {
+  toPromise<T = any>(op: any): Promise<T>;
+  asDelegate(typeName: string, fn: (...args: any[]) => any): any;
+  asDelegate(fn: (...args: any[]) => any): any;
+};

package/vue/README.md

@@ -0,0 +1,66 @@
+# @triniwiz/nativescript-masonkit/vue
+
+Vue 3 support for MasonKit and `nativescript-vue`.
+
+## Setup
+
+MasonKit ships this entry point, so no extra package is required. Install it in
+the app entry file before starting Vue:
+
+```ts
+import { createApp } from 'nativescript-vue';
+import { installMasonKit } from '@triniwiz/nativescript-masonkit/vue';
+import App from './App.vue';
+
+installMasonKit();
+createApp(App).start();
+```
+
+The call registers MasonKit's native elements and all HTML-shaped elements from
+`@triniwiz/nativescript-masonkit/web`. It is safe to call repeatedly during HMR.
+
+```vue
+<template>
+  <div class="card">
+    <h2>{{ title }}</h2>
+    <span>{{ subtitle }}</span>
+  </div>
+</template>
+```
+
+Available native elements are `View`, `Text`, `Scroll`, `Img`, `Button`,
+`Input`, `TextArea`, `Br`, `Ul`, `Ol` and `Li`. Web-shaped elements include
+`div`, `section`, `header`, `footer`, `article`, `main`, `nav`, `aside`, `span`,
+`code`, `h1`-`h6`, `p`, `ul`, `li`, `blockquote`, `b`, `strong` and `a`.
+
+Names are case-insensitive and ignore hyphens, following NativeScript-Vue's
+normalization rules.
+
+## Options
+
+```ts
+installMasonKit({ web: false }); // native MasonKit elements only
+installMasonKit({ mason: false }); // HTML-shaped elements only
+```
+
+Tags that NativeScript-Vue already registers (core's `Button` and `Span`) are
+replaced by MasonKit's Taffy-backed implementations. The core elements stay
+available under an `n` prefix: `<nbutton>` and `<nspan>`. Use `<nspan>` inside
+`<Label><FormattedString>`, which needs core's `Span`.
+
+Vue components do not create native host elements: their root view (or fragment)
+is rendered directly. Attributes and classes on a component are therefore
+forwarded by Vue to a single root as usual; use an explicit `<View>` or `<div>`
+when a component needs its own box, especially for multi-root components.
+
+## Custom elements
+
+Use `masonMeta` when registering a custom MasonKit `View` subclass. It ensures
+Vue insertions and removals use MasonKit's child bookkeeping:
+
+```ts
+import { registerElement } from 'nativescript-vue';
+import { masonMeta } from '@triniwiz/nativescript-masonkit/vue';
+
+registerElement('MyBox', () => MyBox, masonMeta);
+```

package/vue/index.d.ts

@@ -0,0 +1,4 @@
+export { installMasonKit } from './src/element-registry';
+export type { InstallMasonKitOptions } from './src/element-registry';
+export { masonMeta } from './src/mason-meta';
+//# sourceMappingURL=index.d.ts.map

package/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/vue/index.js

@@ -0,0 +1,3 @@
+export { installMasonKit } from './src/element-registry';
+export { masonMeta } from './src/mason-meta';
+//# sourceMappingURL=index.js.map

package/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/vue/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@triniwiz/nativescript-masonkit-vue",
+  "version": "1.0.0-beta.95",
+  "description": "NativeScript-Vue 3 integration for @triniwiz/nativescript-masonkit — registers MasonKit's web-standards layout elements and preserves child order via masonMeta.",
+  "main": "index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/triniwiz/nativescript-mason.git"
+  },
+  "keywords": [
+    "NativeScript",
+    "Vue",
+    "nativescript-vue",
+    "layout",
+    "flexbox",
+    "grid",
+    "mason"
+  ],
+  "author": {
+    "name": "Osei Fortune",
+    "email": "fortune.osei@yahoo.com"
+  },
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/triniwiz/nativescript-mason",
+  "peerDependencies": {
+    "@triniwiz/nativescript-masonkit": ">=1.0.0-beta.95",
+    "nativescript-vue": "^3.0.0"
+  }
+}

package/vue/src/element-registry.d.ts

@@ -0,0 +1,18 @@
+import { type GetMasonKitElementsOptions } from '@triniwiz/nativescript-masonkit/elements';
+export type InstallMasonKitOptions = GetMasonKitElementsOptions;
+/**
+ * Install MasonKit's Vue 3 integration: register all requested MasonKit
+ * elements with NativeScript-Vue 3.
+ *
+ * Call before `createApp(...).start()` so element registration is complete
+ * before the first template renders. Idempotent - safe to call repeatedly,
+ * including during HMR. Attaches {@link masonMeta} to containers so child
+ * order is preserved.
+ *
+ * The tag list itself — including the "`/web`'s more specific element wins"
+ * de-duplication between `/web` and MasonKit's own widgets — comes from the
+ * shared {@link getMasonKitElements}, so it can never drift from what other
+ * framework integrations register.
+ */
+export declare function installMasonKit(options?: InstallMasonKitOptions): void;
+//# sourceMappingURL=element-registry.d.ts.map

package/vue/src/element-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-registry.d.ts","sourceRoot":"","sources":["../../../../../packages/nativescript-masonkit/vue/src/element-registry.ts"],"names":[],"mappings":"AACA,OAAO,EAA0C,KAAK,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AAInI,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAuChE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,OAAO,GAAE,sBAA2B,GAAG,IAAI,CAI1E"}

package/vue/src/element-registry.js

@@ -0,0 +1,56 @@
+import { getViewClass, getViewMeta, isKnownView, normalizeElementName, registerElement } from 'nativescript-vue';
+import { getMasonKitElements } from '@triniwiz/nativescript-masonkit/elements';
+import { masonMeta } from './mason-meta';
+/** Names this integration owns, normalized exactly as NativeScript-Vue does. */
+const registered = new Set();
+/**
+ * Keep a tag NativeScript-Vue already registers (core's `Button`, `Span`, ...)
+ * reachable as `n<tag>` before MasonKit's element takes over the real name, so
+ * `<button>`/`<span>` are MasonKit's and `<nbutton>`/`<nspan>` are core's.
+ *
+ * Core's `Span` matters most: NativeScript-Vue's `FormattedString` element
+ * pushes its children straight into `nativeView.spans`, so
+ * `<Label><FormattedString><nspan>` still needs the core class.
+ */
+function preserveCoreElement(tag) {
+    const alias = `n${tag}`;
+    if (!isKnownView(tag) || isKnownView(alias)) {
+        return;
+    }
+    // Resolve eagerly: once `tag` is overwritten, `getViewClass(tag)` would
+    // return MasonKit's class instead.
+    const coreClass = getViewClass(tag);
+    registerElement(alias, () => coreClass, getViewMeta(tag));
+}
+function register(tag, cls, isContainer) {
+    const key = tag ? normalizeElementName(tag) : '';
+    if (!key || registered.has(key)) {
+        return;
+    }
+    preserveCoreElement(tag);
+    registerElement(tag, () => cls, {
+        ...(isContainer ? masonMeta : undefined),
+        overwriteExisting: isKnownView(tag),
+    });
+    registered.add(key);
+}
+/**
+ * Install MasonKit's Vue 3 integration: register all requested MasonKit
+ * elements with NativeScript-Vue 3.
+ *
+ * Call before `createApp(...).start()` so element registration is complete
+ * before the first template renders. Idempotent - safe to call repeatedly,
+ * including during HMR. Attaches {@link masonMeta} to containers so child
+ * order is preserved.
+ *
+ * The tag list itself — including the "`/web`'s more specific element wins"
+ * de-duplication between `/web` and MasonKit's own widgets — comes from the
+ * shared {@link getMasonKitElements}, so it can never drift from what other
+ * framework integrations register.
+ */
+export function installMasonKit(options = {}) {
+    for (const { tag, ctor, isContainer } of getMasonKitElements(options)) {
+        register(tag, ctor, isContainer);
+    }
+}
+//# sourceMappingURL=element-registry.js.map

package/vue/src/element-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-registry.js","sourceRoot":"","sources":["../../../../../packages/nativescript-masonkit/vue/src/element-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACjH,OAAO,EAAE,mBAAmB,EAAsD,MAAM,0CAA0C,CAAC;AAEnI,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,gFAAgF;AAChF,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAC;AAErC;;;;;;;;GAQG;AACH,SAAS,mBAAmB,CAAC,GAAW;IACtC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAE,CAAC;IACxB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5C,OAAO;IACT,CAAC;IACD,wEAAwE;IACxE,mCAAmC;IACnC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACpC,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,QAAQ,CAAC,GAAW,EAAE,GAAiB,EAAE,WAAoB;IACpE,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,IAAI,CAAC,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QAChC,OAAO;IACT,CAAC;IAED,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACzB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;QAC9B,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QACxC,iBAAiB,EAAE,WAAW,CAAC,GAAG,CAAC;KACpC,CAAC,CAAC;IACH,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACtB,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,eAAe,CAAC,UAAkC,EAAE;IAClE,KAAK,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;QACtE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IACnC,CAAC;AACH,CAAC"}

package/vue/src/mason-meta.d.ts

@@ -0,0 +1,7 @@
+import type { NSVViewMeta } from 'nativescript-vue';
+/**
+ * NativeScript-Vue metadata that routes child insertions/removals through
+ * MasonKit's raw child APIs, preserving order across text and comment nodes.
+ */
+export declare const masonMeta: Partial<NSVViewMeta>;
+//# sourceMappingURL=mason-meta.d.ts.map

package/vue/src/mason-meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mason-meta.d.ts","sourceRoot":"","sources":["../../../../../packages/nativescript-masonkit/vue/src/mason-meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAoChE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,WAAW,CA4B1C,CAAC"}

package/vue/src/mason-meta.js

@@ -0,0 +1,91 @@
+import { frameworkRegistry, readChildNodes } from '@triniwiz/nativescript-masonkit';
+/**
+ * Nodes that occupy a slot in MasonKit's raw child list: elements and
+ * non-empty text nodes. Empty text nodes (Vue's keyed-fragment anchors) get no
+ * native text run, mirroring `textProperty.setNative` in the base package.
+ */
+function isVisualOrTextNode(node) {
+    const t = node.nodeType;
+    if (t === 'text' || t === 3) {
+        return (node.text ?? '') !== '';
+    }
+    return t === 'element' || t === 1;
+}
+/** Convert Vue's element-only insertion index to MasonKit's raw child index. */
+function rawChildIndex(parent, child) {
+    const childNodes = parent.childNodes ?? [];
+    const childIndex = childNodes.indexOf(child);
+    if (childIndex < 0)
+        return -1;
+    let rawIndex = 0;
+    for (let i = 0; i < childIndex; i++) {
+        if (isVisualOrTextNode(childNodes[i]))
+            rawIndex++;
+    }
+    return rawIndex;
+}
+/**
+ * NativeScript-Vue metadata that routes child insertions/removals through
+ * MasonKit's raw child APIs, preserving order across text and comment nodes.
+ */
+export const masonMeta = {
+    nodeOps: {
+        insert(child, parent, atIndex) {
+            const parentView = parent.nativeView;
+            if (typeof atIndex !== 'number') {
+                // Appends arrive without an index; route through MasonKit's append path
+                // so text nodes do not throw off the insertion point.
+                parentView.addChild(child.nativeView);
+                return;
+            }
+            // Vue counts only elements; MasonKit includes native text runs, so map
+            // the insertion index to the raw child list.
+            const index = rawChildIndex(parent, child);
+            const rawIndex = index > -1 ? index : atIndex;
+            // Keyed fragments may supply an index while appending before a comment
+            // anchor that occupies no MasonKit slot. Treat that as an append too.
+            if (Array.isArray(parentView._children) && rawIndex >= parentView._children.length) {
+                parentView.addChild(child.nativeView);
+            }
+            else {
+                parentView.insertChild(child.nativeView, rawIndex);
+            }
+        },
+        remove(child, parent) {
+            parent.nativeView.removeChild(child.nativeView);
+        },
+    },
+};
+/**
+ * Framework adapter: NativeScript-Vue stores the NSVElement under an
+ * 'elementRef' symbol on the native view. Registered after the built-in
+ * defaults, so it is checked before the generic DOM-shim adapter.
+ */
+function getVueElement(view) {
+    const symbols = Object.getOwnPropertySymbols(view);
+    for (const sym of symbols) {
+        if (sym.description === 'elementRef' || sym.description === '') {
+            const el = view[sym];
+            if (el && Array.isArray(el.childNodes)) {
+                return el;
+            }
+        }
+    }
+    return null;
+}
+frameworkRegistry.register({
+    name: 'nativescript-vue',
+    getElement: getVueElement,
+    getChildren: readChildNodes,
+    classify(node) {
+        if (node.nodeType === 'text' || node.nodeType === 3) {
+            return 'text';
+        }
+        if (node.nodeType === 'element' || node.nodeType === 1) {
+            return 'element';
+        }
+        return 'none';
+    },
+    syntheticTextOnEmpty: true,
+});
+//# sourceMappingURL=mason-meta.js.map

package/vue/src/mason-meta.js.map

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