@triniwiz/nativescript-masonkit 1.0.0-alpha.22 → 1.0.0-alpha.24

package/scroll/index.android.d.ts

@@ -0,0 +1,14 @@
+import { style_, ViewBase } from '../common';
+export declare class Scroll extends ViewBase {
+    [style_]: any;
+    private _view;
+    _hasNativeView: boolean;
+    _inBatch: boolean;
+    constructor();
+    get _styleHelper(): any;
+    createNativeView(): org.nativescript.mason.masonkit.Scroll;
+    disposeNativeView(): void;
+    get android(): org.nativescript.mason.masonkit.Scroll;
+    _addViewToNativeVisualTree(child: MasonChild, atIndex?: number): boolean;
+    _removeViewFromNativeVisualTree(view: MasonChild): void;
+}

package/scroll/index.android.js

@@ -0,0 +1,55 @@
+import { Utils } from '@nativescript/core';
+import { style_, ViewBase } from '../common';
+import { Style } from '../style';
+import { Tree } from '../tree';
+export class Scroll extends ViewBase {
+    constructor() {
+        super();
+        this._hasNativeView = false;
+        this._inBatch = false;
+        const view = Tree.instance.createView(Utils.android.getCurrentActivity() || Utils.android.getApplicationContext());
+        this._hasNativeView = true;
+        this._view = view;
+        this._isMasonView = true;
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    disposeNativeView() {
+        this._hasNativeView = false;
+        super.disposeNativeView();
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get android() {
+        return this._view;
+    }
+    // @ts-ignore
+    _addViewToNativeVisualTree(child, atIndex = -1) {
+        const nativeView = this._view;
+        // @ts-ignore
+        child._masonParent = this;
+        if (nativeView && child.nativeViewProtected) {
+            child._hasNativeView = true;
+            child._isMasonChild = true;
+            nativeView.addView(child.nativeViewProtected, (atIndex ?? -1));
+            return true;
+        }
+        return false;
+    }
+    // @ts-ignore
+    _removeViewFromNativeVisualTree(view) {
+        view._masonParent = undefined;
+        view._isMasonView = false;
+        view._isMasonChild = false;
+        // @ts-ignore
+        super._removeViewFromNativeVisualTree(view);
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/scroll/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/scroll/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,OAAO,MAAO,SAAQ,QAAQ;IAKlC;QACE,KAAK,EAAE,CAAC;QAHV,mBAAc,GAAG,KAAK,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC;QAGf,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAU,CAAC;QAC5H,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,6DAA6D;IAC7D,aAAa;IACb,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,KAA+C,CAAC;IAC9D,CAAC;IAED,aAAa;IACN,0BAA0B,CAAC,KAAiB,EAAE,OAAO,GAAG,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,KAA+C,CAAC;QAExE,aAAa;QACb,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;QAC1B,IAAI,UAAU,IAAI,KAAK,CAAC,mBAAmB,EAAE,CAAC;YAC5C,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;YAC5B,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;YAC3B,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,CAAU,CAAC,CAAC;YACxE,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,aAAa;IACN,+BAA+B,CAAC,IAAgB;QACrD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,aAAa;QACb,KAAK,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;CACF"}

package/scroll/index.ios.d.ts

@@ -0,0 +1,17 @@
+import { style_, ViewBase } from '../common';
+export declare class Scroll extends ViewBase {
+    [style_]: any;
+    private _view;
+    constructor();
+    get _styleHelper(): any;
+    _hasNativeView: boolean;
+    _inBatch: boolean;
+    createNativeView(): MasonScroll;
+    disposeNativeView(): void;
+    get ios(): MasonScroll;
+    onLayout(left: number, top: number, right: number, bottom: number): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
+    _addViewToNativeVisualTree(child: MasonChild, atIndex?: number): boolean;
+    _removeViewFromNativeVisualTree(view: MasonChild): void;
+}

package/scroll/index.ios.js

@@ -0,0 +1,125 @@
+import { Utils, View } from '@nativescript/core';
+import { style_, ViewBase } from '../common';
+import { Style } from '../style';
+import { Tree } from '../tree';
+export class Scroll extends ViewBase {
+    constructor() {
+        super();
+        this._hasNativeView = false;
+        this._inBatch = false;
+        const view = Tree.instance.createScrollView();
+        this._hasNativeView = true;
+        this._view = view;
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    disposeNativeView() {
+        this._hasNativeView = false;
+        super.disposeNativeView();
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get ios() {
+        return this._view;
+    }
+    onLayout(left, top, right, bottom) {
+        super.onLayout(left, top, right, bottom);
+        // @ts-ignore
+        let layout = this._view.node.computedLayout ?? this._view.layout();
+        const children = layout.children;
+        let i = 0;
+        for (const child of this._children) {
+            layout = children.objectAtIndex(i);
+            const x = layout.x;
+            const y = layout.y;
+            const width = x + layout.width;
+            const height = y + layout.height;
+            View.layoutChild(this, child, x, y, width, height);
+            i++;
+        }
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        const nativeView = this._view;
+        if (nativeView) {
+            const specWidth = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+            const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+            const specHeight = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+            const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+            if (!this._isMasonChild) {
+                // only call compute on the parent
+                if (this.width === 'auto' && this.height === 'auto') {
+                    // @ts-ignore
+                    this.ios.computeWithSize(specWidth, specHeight);
+                    // @ts-ignore
+                    const layout = this.ios.layout();
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.eachLayoutChild((child) => {
+                        ViewBase.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                    });
+                    this.setMeasuredDimension(w, h);
+                    return;
+                }
+                else {
+                    // @ts-ignore
+                    this.ios.computeWithMaxContent();
+                    // @ts-ignore
+                    const layout = this.ios.node.computedLayout ?? this.ios.layout();
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.setMeasuredDimension(w, h);
+                    this.eachLayoutChild((child) => {
+                        ViewBase.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                    });
+                }
+            }
+            else {
+                // @ts-ignore
+                const layout = this.ios.node.computedLayout ?? this.ios.layout();
+                const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                this.setMeasuredDimension(w, h);
+                this.eachLayoutChild((child) => {
+                    ViewBase.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                });
+            }
+        }
+    }
+    _setNativeViewFrame(nativeView, frame) {
+        nativeView.frame = frame;
+    }
+    // @ts-ignore
+    _addViewToNativeVisualTree(child, atIndex = -1) {
+        const nativeView = this._view;
+        // @ts-ignore
+        child._masonParent = this;
+        if (nativeView && child.nativeViewProtected) {
+            child._hasNativeView = true;
+            child._isMasonChild = true;
+            if (atIndex <= -1) {
+                nativeView.addView(child.nativeViewProtected);
+            }
+            else {
+                nativeView.addViewAt(child.nativeViewProtected, atIndex);
+            }
+            return true;
+        }
+        return false;
+    }
+    // @ts-ignore
+    _removeViewFromNativeVisualTree(view) {
+        view._masonParent = undefined;
+        view._isMasonView = false;
+        view._isMasonChild = false;
+        // @ts-ignore
+        super._removeViewFromNativeVisualTree(view);
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/scroll/index.ios.js.map

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

package/style.d.ts

@@ -0,0 +1,195 @@
+import type { GridAutoFlow, Length, LengthAuto, View } from '.';
+import { CoreTypes } from '@nativescript/core';
+import { GridTemplates } from './utils';
+export type OverFlow = 'visible' | 'hidden' | 'scroll' | 'clip' | 'auto';
+export declare class Style {
+    private view_;
+    private style_view;
+    private text_style_view?;
+    private isDirty;
+    private isTextDirty;
+    private inBatch;
+    static fromView(view: View, nativeView: any, isText?: boolean): Style;
+    resetState(): void;
+    private syncStyle;
+    private setOrAppendState;
+    private setOrAppendTextState;
+    batch(fn: (style: Style) => void): void;
+    get view(): View;
+    get boxSizing(): 'border-box' | 'content-box';
+    set boxSizing(value: 'border-box' | 'content-box');
+    get color(): number;
+    set color(value: number);
+    get backgroundColor(): number;
+    set backgroundColor(value: number);
+    get textWrap(): number | 'nowrap' | 'wrap' | 'balance';
+    set textWrap(value: number | 'nowrap' | 'wrap' | 'balance');
+    get styleView(): DataView;
+    get display(): 'none' | 'flex' | 'grid' | 'block' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid';
+    set display(value: 'none' | 'flex' | 'grid' | 'block' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid');
+    get position(): 'relative' | 'absolute';
+    set position(value: 'relative' | 'absolute');
+    get flexDirection(): 'column' | 'row' | 'column-reverse' | 'row-reverse';
+    set flexDirection(value: 'column' | 'row' | 'column-reverse' | 'row-reverse');
+    get flexWrap(): 'no-wrap' | 'wrap' | 'wrap-reverse';
+    set flexWrap(value: 'no-wrap' | 'wrap' | 'wrap-reverse');
+    get minWidth(): LengthAuto;
+    set minWidth(value: LengthAuto);
+    get minHeight(): LengthAuto;
+    set minHeight(value: LengthAuto);
+    get width(): LengthAuto;
+    set width(value: LengthAuto);
+    get height(): LengthAuto;
+    set height(value: LengthAuto);
+    get maxWidth(): LengthAuto;
+    set maxWidth(value: LengthAuto);
+    get maxHeight(): LengthAuto;
+    set maxHeight(value: LengthAuto);
+    get borderLeft(): Length;
+    set borderLeft(value: Length);
+    get borderRight(): Length;
+    set borderRight(value: Length);
+    get borderTop(): Length;
+    set borderTop(value: Length);
+    get borderBottom(): Length;
+    set borderBottom(value: Length);
+    get left(): LengthAuto;
+    set left(value: LengthAuto);
+    get right(): LengthAuto;
+    set right(value: LengthAuto);
+    get top(): LengthAuto;
+    set top(value: LengthAuto);
+    get bottom(): LengthAuto;
+    set bottom(value: LengthAuto);
+    get marginLeft(): LengthAuto;
+    set marginLeft(value: LengthAuto);
+    get marginRight(): LengthAuto;
+    set marginRight(value: LengthAuto);
+    get marginTop(): LengthAuto;
+    set marginTop(value: LengthAuto);
+    get marginBottom(): LengthAuto;
+    set marginBottom(value: LengthAuto);
+    set padding(value: Length);
+    get paddingLeft(): Length;
+    set paddingLeft(value: Length);
+    get paddingRight(): Length;
+    set paddingRight(value: Length);
+    get paddingTop(): Length;
+    set paddingTop(value: Length);
+    get paddingBottom(): Length;
+    set paddingBottom(value: Length);
+    get gridGap(): string;
+    set gridGap(value: string);
+    get gap(): string;
+    set gap(value: string);
+    get rowGap(): Length;
+    set rowGap(value: Length);
+    get columnGap(): Length;
+    set columnGap(value: Length);
+    get aspectRatio(): number;
+    set aspectRatio(value: number);
+    get flexBasis(): LengthAuto;
+    set flexBasis(value: LengthAuto);
+    get alignItems(): 'normal' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    set alignItems(value: 'normal' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch');
+    get alignSelf(): 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end';
+    set alignSelf(value: 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end');
+    get alignContent(): 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'center' | 'end' | 'start' | 'stretch';
+    set alignContent(value: 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'center' | 'end' | 'start' | 'stretch');
+    get justifyItems(): 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end';
+    set justifyItems(value: 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end');
+    get justifySelf(): 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end';
+    set justifySelf(value: 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end');
+    get justifyContent(): 'normal' | 'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end';
+    set justifyContent(value: 'normal' | 'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end');
+    get gridAutoRows(): string;
+    set gridAutoRows(value: string);
+    get gridAutoColumns(): string;
+    set gridAutoColumns(value: string);
+    get gridAutoFlow(): GridAutoFlow;
+    set gridAutoFlow(value: GridAutoFlow);
+    get gridRowGap(): Length;
+    set gridRowGap(value: Length);
+    get gridColumnGap(): Length;
+    set gridColumnGap(value: Length);
+    get gridColumn(): string;
+    get gridColumnStart(): string;
+    set gridColumnStart(value: string);
+    get gridColumnEnd(): string;
+    set gridColumnEnd(value: string);
+    get gridRow(): string;
+    get gridRowStart(): string;
+    set gridRowStart(value: string);
+    get gridRowEnd(): string;
+    set gridRowEnd(value: string);
+    set gridTemplateRows(value: string | Array<GridTemplates>);
+    get gridTemplateRows(): string | Array<GridTemplates>;
+    get gridTemplateColumns(): string | Array<GridTemplates>;
+    set gridTemplateColumns(value: string | Array<GridTemplates>);
+    get overflow(): OverFlow | `${OverFlow} ${OverFlow}`;
+    set overflow(value: OverFlow | `${OverFlow} ${OverFlow}`);
+    get overflowX(): OverFlow;
+    set overflowX(value: OverFlow);
+    get overflowY(): OverFlow;
+    set overflowY(value: OverFlow);
+    get flexGrow(): number;
+    set flexGrow(value: number);
+    get flexShrink(): number;
+    set flexShrink(value: number);
+    get scrollBarWidth(): number | CoreTypes.LengthType;
+    set scrollBarWidth(value: number | CoreTypes.LengthType);
+    toJSON(): {
+        display: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid";
+        position: "relative" | "absolute";
+        flexDirection: "row" | "row-reverse" | "column" | "column-reverse";
+        flexWrap: "wrap" | "wrap-reverse" | "no-wrap";
+        justifyContent: "normal" | "flex-start" | "flex-end" | "start" | "end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
+        alignItems: "normal" | "flex-start" | "flex-end" | "start" | "end" | "center" | "baseline" | "stretch";
+        alignContent: "normal" | "start" | "end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
+        alignSelf: "normal" | "flex-start" | "flex-end" | "start" | "end" | "center" | "baseline" | "stretch";
+        flexGrow: number;
+        minWidth: LengthAuto;
+        minHeight: LengthAuto;
+        maxWidth: LengthAuto;
+        maxHeight: LengthAuto;
+        width: LengthAuto;
+        height: LengthAuto;
+        inset: {
+            left: LengthAuto;
+            right: LengthAuto;
+            top: LengthAuto;
+            bottom: LengthAuto;
+        };
+        margin: {
+            left: LengthAuto;
+            right: LengthAuto;
+            top: LengthAuto;
+            bottom: LengthAuto;
+        };
+        padding: {
+            left: Length;
+            right: Length;
+            top: Length;
+            bottom: Length;
+        };
+        border: {
+            left: Length;
+            right: Length;
+            top: Length;
+            bottom: Length;
+        };
+        aspectRatio: number;
+        flexBasis: LengthAuto;
+        overflow: OverFlow | "visible visible" | "visible hidden" | "visible scroll" | "visible clip" | "visible auto" | "hidden visible" | "hidden hidden" | "hidden scroll" | "hidden clip" | "hidden auto" | "scroll visible" | "scroll hidden" | "scroll scroll" | "scroll clip" | "scroll auto" | "clip visible" | "clip hidden" | "clip scroll" | "clip clip" | "clip auto" | "auto visible" | "auto hidden" | "auto scroll" | "auto clip" | "auto auto";
+        flexShrink: number;
+        scrollBarWidth: CoreTypes.LengthType;
+        gap: string;
+        gridAutoFlow: GridAutoFlow;
+        gridAutoColumns: string;
+        gridAutoRows: string;
+        gridColumn: string;
+        gridRow: string;
+        gridTemplateRows: string | GridTemplates[];
+        gridTemplateColumns: string | GridTemplates[];
+    };
+}