@octane-xplat/nativescript-mason-core 0.0.1 → 1.0.0-beta.0

package/box-shadow.d.ts

@@ -0,0 +1,10 @@
+export interface BoxShadow {
+    inset: boolean;
+    offsetX: number;
+    offsetY: number;
+    blur: number;
+    spread: number;
+    color: string | null;
+}
+export declare function parseBoxShadows(value: string, toDip: (token: string) => number | undefined): BoxShadow[];
+export declare function encodeBoxShadows(shadows: BoxShadow[], argbOf: (color: string | null) => number): string;

package/box-shadow.js

@@ -0,0 +1,48 @@
+function splitOutsideParens(value, separator) {
+    const parts = [];
+    let depth = 0;
+    let current = '';
+    for (const ch of value) {
+        if (ch === '(')
+            depth++;
+        else if (ch === ')')
+            depth = Math.max(0, depth - 1);
+        if (depth === 0 && separator.test(ch)) {
+            if (current.trim())
+                parts.push(current.trim());
+            current = '';
+            continue;
+        }
+        current += ch;
+    }
+    if (current.trim())
+        parts.push(current.trim());
+    return parts;
+}
+const LENGTH = /^[+-]?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?[a-z]*$/i;
+export function parseBoxShadows(value, toDip) {
+    const v = (value ?? '').trim();
+    if (!v || v === 'none')
+        return [];
+    const shadows = [];
+    for (const layer of splitOutsideParens(v, /,/)) {
+        const lengths = [];
+        let inset = false;
+        let color = null;
+        for (const token of splitOutsideParens(layer, /\s/)) {
+            if (token.toLowerCase() === 'inset')
+                inset = true;
+            else if (LENGTH.test(token))
+                lengths.push(toDip(token) ?? parseFloat(token) ?? 0);
+            else
+                color = token;
+        }
+        if (lengths.length < 2)
+            continue;
+        shadows.push({ inset, offsetX: lengths[0], offsetY: lengths[1], blur: Math.max(0, lengths[2] ?? 0), spread: lengths[3] ?? 0, color });
+    }
+    return shadows;
+}
+export function encodeBoxShadows(shadows, argbOf) {
+    return shadows.map((s) => [s.inset ? 1 : 0, s.offsetX, s.offsetY, s.blur, s.spread, argbOf(s.color) >>> 0].join(',')).join(';');
+}

package/common.d.ts

@@ -0,0 +1,482 @@
+import { AddChildFromBuilder, CustomLayoutView, View as NSView, ViewBase as NSViewBase, widthProperty, heightProperty, CoreTypes, marginLeftProperty, marginRightProperty, marginTopProperty, marginBottomProperty, minWidthProperty, minHeightProperty, fontSizeProperty, fontWeightProperty, fontStyleProperty, colorProperty, lineHeightProperty, letterSpacingProperty, textAlignmentProperty, textDecorationProperty, borderLeftWidthProperty, borderTopWidthProperty, borderRightWidthProperty, borderBottomWidthProperty, backgroundColorProperty, paddingLeftProperty, paddingRightProperty, paddingTopProperty, paddingBottomProperty, zIndexProperty, directionProperty } from '@nativescript/core';
+import { Display, Gap, GridAutoFlow, JustifyItems, JustifySelf, Length, LengthAuto, Overflow, Position, BoxSizing, VerticalAlign, FlexDirection, Float, Clear } from '.';
+import { alignItemsProperty, alignSelfProperty, flexDirectionProperty, flexGrowProperty, flexShrinkProperty, flexWrapProperty, justifyContentProperty } from '@nativescript/core/ui/layouts/flexbox-layout';
+import { backgroundInternalProperty, borderTopLeftRadiusProperty, borderTopRightRadiusProperty, borderBottomRightRadiusProperty, borderBottomLeftRadiusProperty, borderTopColorProperty, borderRightColorProperty, borderBottomColorProperty, borderLeftColorProperty } from '@nativescript/core/ui/styling/style-properties';
+import { originXProperty, originYProperty } from '@nativescript/core/ui/core/view';
+import { Style } from './style';
+import { alignContentProperty, aspectRatioProperty, backgroundProperty, borderRadiusProperty, bottomProperty, boxSizingProperty, clearProperty, columnGapProperty, cornerShapeProperty, displayProperty, filterProperty, flexBasisProperty, floatProperty, gridAreaProperty, gridAutoColumnsProperty, gridAutoFlowProperty, gridAutoRowsProperty, gridColumnEndProperty, gridColumnProperty, gridColumnStartProperty, gridRowEndProperty, gridRowProperty, gridRowStartProperty, gridTemplateAreasProperty, gridTemplateColumnsProperty, gridTemplateRowsProperty, justifyItemsProperty, justifySelfProperty, leftProperty, marginProperty, maxHeightProperty, maxWidthProperty, overflowXProperty, overflowYProperty, paddingProperty, positionProperty, rightProperty, rowGapProperty, scrollBarWidthProperty, textOverFlowProperty, textWrapProperty, topProperty, verticalAlignProperty, boxShadowProperty, transformProperty, borderColorProperty, borderTopStyleProperty, borderRightStyleProperty, borderBottomStyleProperty, borderLeftStyleProperty, backgroundImageProperty, listStyleTypeProperty, listStylePositionProperty } from './properties';
+import { isMasonView_, isTextChild_, isText_, native_, pseudoStyles_, eventType_, touchAction_ } from './symbols';
+export interface MasonChild extends ViewBase {
+}
+export type ScrollBehavior = 'auto' | 'instant' | 'smooth';
+export type ScrollLogicalPosition = 'start' | 'center' | 'end' | 'nearest';
+export interface ScrollToOptions {
+    left?: number;
+    top?: number;
+    behavior?: ScrollBehavior;
+}
+export interface ScrollIntoViewOptions {
+    block?: ScrollLogicalPosition;
+    inline?: ScrollLogicalPosition;
+    behavior?: ScrollBehavior;
+}
+declare module '@nativescript/core/ui/styling/style' {
+    interface Style {
+        filter: string;
+        border: string;
+        boxSizing: BoxSizing;
+        display: Display;
+        position: Position;
+        flexDirection: FlexDirection;
+        flex: string | 'auto' | 'none' | number | 'initial';
+        maxWidth: LengthAuto;
+        maxHeight: LengthAuto;
+        inset: LengthAuto;
+        left: LengthAuto;
+        right: LengthAuto;
+        top: LengthAuto;
+        bottom: LengthAuto;
+        gridGap: Gap;
+        gap: Gap;
+        rowGap: Length;
+        columnGap: Length;
+        aspectRatio: number;
+        flexFlow: string;
+        justifyItems: JustifyItems;
+        justifySelf: JustifySelf;
+        gridAutoRows: string;
+        gridAutoColumns: string;
+        gridAutoFlow: GridAutoFlow;
+        gridRowGap: Gap;
+        gridColumnGap: Gap;
+        gridArea: string;
+        gridColumn: string;
+        gridColumnStart: string;
+        gridColumnEnd: string;
+        gridRow: string;
+        gridRowStart: string;
+        gridRowEnd: string;
+        gridTemplateRows: string;
+        gridTemplateColumns: string;
+        gridTemplateAreas: string;
+        overflow: Overflow | `${Overflow} ${Overflow}`;
+        overflowX: Overflow;
+        overflowY: Overflow;
+        scrollBarWidth: Length;
+        verticalAlign: VerticalAlign;
+        textWrap: 'nowrap' | 'wrap' | 'balance';
+        textOverFlow: 'clip' | 'ellipsis' | `${string}`;
+        float: Float;
+        clear: Clear;
+        cornerShape: string;
+        transform: string;
+    }
+}
+/**
+ * iOS: sets the frame of a Mason root, a Mason view whose parent is a core view. Core leaves
+ * the safe area to each view (`View._modifyNativeViewFrame`), so the root honours
+ * `iosOverflowSafeArea` the same way: when the frame grows past the safe area it lays out
+ * again at the new size. Like core views, it raises `layoutChanged` when the frame changes.
+ */
+/** Reports the device px size `mason_measure` returns, packed as width * 2^24 + height. */
+export declare function setMeasuredFromNative(view: any, packed: number): void;
+export declare function setRootNativeViewFrame(view: any, nativeView: any, frame: CGRect): void;
+export declare class ViewBase extends CustomLayoutView implements AddChildFromBuilder {
+    [zIndexProperty.setNative]: (value: number) => void;
+    [directionProperty.setNative]: (value: CoreTypes.LayoutDirectionType) => void;
+    [verticalAlignProperty.setNative]: (value: any) => void;
+    [textWrapProperty.setNative]: (value: any) => void;
+    [aspectRatioProperty.setNative]: (value: any) => void;
+    [filterProperty.setNative]: (value: any) => void;
+    [borderRadiusProperty.setNative]: (value: any) => void;
+    [borderRadiusProperty.getDefault]: () => any;
+    [borderTopLeftRadiusProperty.getDefault]: () => string;
+    [borderTopRightRadiusProperty.getDefault]: () => string;
+    [borderBottomRightRadiusProperty.getDefault]: () => string;
+    [borderBottomLeftRadiusProperty.getDefault]: () => string;
+    [borderTopLeftRadiusProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderTopRightRadiusProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderBottomRightRadiusProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderBottomLeftRadiusProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderTopColorProperty.setNative]: (value: any) => void;
+    [borderRightColorProperty.setNative]: (value: any) => void;
+    [borderBottomColorProperty.setNative]: (value: any) => void;
+    [borderLeftColorProperty.setNative]: (value: any) => void;
+    [backgroundProperty.setNative]: (value: any) => void;
+    [backgroundColorProperty.setNative]: (value: any) => void;
+    [borderLeftWidthProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderTopWidthProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderRightWidthProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [borderBottomWidthProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [lineHeightProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [letterSpacingProperty.setNative]: (value: CoreTypes.LengthType) => void;
+    [textAlignmentProperty.setNative]: (value: any) => void;
+    [textDecorationProperty.setNative]: (value: any) => void;
+    [borderColorProperty.setNative]: (value: any) => void;
+    [borderTopStyleProperty.setNative]: (value: any) => void;
+    [borderRightStyleProperty.setNative]: (value: any) => void;
+    [borderBottomStyleProperty.setNative]: (value: any) => void;
+    [borderLeftStyleProperty.setNative]: (value: any) => void;
+    [backgroundImageProperty.setNative]: (value: any) => void;
+    [listStyleTypeProperty.setNative]: (value: any) => void;
+    [listStylePositionProperty.setNative]: (value: any) => void;
+    [boxSizingProperty.setNative]: (value: any) => void;
+    [displayProperty.setNative]: (value: any) => void;
+    [overflowXProperty.setNative]: (value: any) => void;
+    [overflowYProperty.setNative]: (value: any) => void;
+    [scrollBarWidthProperty.setNative]: (value: any) => void;
+    [positionProperty.setNative]: (value: any) => void;
+    [colorProperty.setNative]: (value: any) => void;
+    [flexWrapProperty.setNative]: (value: any) => void;
+    [flexDirectionProperty.setNative]: (value: any) => void;
+    [flexGrowProperty.setNative]: (value: any) => void;
+    [flexShrinkProperty.setNative]: (value: any) => void;
+    [flexBasisProperty.setNative]: (value: any) => void;
+    [alignItemsProperty.setNative]: (value: any) => void;
+    [alignSelfProperty.setNative]: (value: any) => void;
+    [alignContentProperty.setNative]: (value: any) => void;
+    [justifyItemsProperty.setNative]: (value: any) => void;
+    [justifySelfProperty.setNative]: (value: any) => void;
+    [justifyContentProperty.setNative]: (value: any) => void;
+    [leftProperty.setNative]: (value: any) => void;
+    [rightProperty.setNative]: (value: any) => void;
+    [bottomProperty.setNative]: (value: any) => void;
+    [topProperty.setNative]: (value: any) => void;
+    [minWidthProperty.setNative]: (value: any) => void;
+    [minHeightProperty.setNative]: (value: any) => void;
+    [heightProperty.setNative]: (value: any) => void;
+    [widthProperty.setNative]: (value: any) => void;
+    [maxWidthProperty.setNative]: (value: any) => void;
+    [maxHeightProperty.setNative]: (value: any) => void;
+    [backgroundInternalProperty.getDefault]: () => any;
+    [marginProperty.setNative]: (value: any) => void;
+    [marginLeftProperty.setNative]: (value: any) => void;
+    [marginRightProperty.setNative]: (value: any) => void;
+    [marginBottomProperty.setNative]: (value: any) => void;
+    [marginTopProperty.setNative]: (value: any) => void;
+    [paddingProperty.setNative]: (value: any) => void;
+    [paddingLeftProperty.setNative]: (value: any) => void;
+    [paddingRightProperty.setNative]: (value: any) => void;
+    [paddingTopProperty.setNative]: (value: any) => void;
+    [paddingBottomProperty.setNative]: (value: any) => void;
+    [rowGapProperty.setNative]: (value: any) => void;
+    [columnGapProperty.setNative]: (value: any) => void;
+    [gridColumnStartProperty.setNative]: (value: any) => void;
+    [gridColumnEndProperty.setNative]: (value: any) => void;
+    [gridColumnProperty.setNative]: (value: any) => void;
+    [gridRowStartProperty.setNative]: (value: any) => void;
+    [gridRowEndProperty.setNative]: (value: any) => void;
+    [gridRowProperty.setNative]: (value: any) => void;
+    [gridTemplateRowsProperty.setNative]: (value: any) => void;
+    [gridTemplateColumnsProperty.setNative]: (value: any) => void;
+    [gridAutoColumnsProperty.setNative]: (value: any) => void;
+    [gridAutoRowsProperty.setNative]: (value: any) => void;
+    [gridAutoFlowProperty.setNative]: (value: any) => void;
+    [gridAreaProperty.setNative]: (value: any) => void;
+    [gridTemplateAreasProperty.setNative]: (value: any) => void;
+    [fontSizeProperty.setNative]: (value: Length) => void;
+    [fontWeightProperty.setNative]: (value: any) => void;
+    [fontStyleProperty.setNative]: (value: any) => void;
+    [textOverFlowProperty.setNative]: (value: any) => void;
+    [clearProperty.setNative]: (value: any) => void;
+    [floatProperty.setNative]: (value: any) => void;
+    [cornerShapeProperty.setNative]: (value: any) => void;
+    [boxShadowProperty.setNative]: (value: any) => void;
+    [originXProperty.setNative]: (value: number) => any;
+    [originYProperty.setNative]: (value: number) => any;
+    [transformProperty.setNative]: (value: any) => void;
+    _children: NSView[];
+    private _masonCheckChild;
+    addChild(child: NSView): void;
+    insertBefore(child: NSView, reference?: NSView | null): void;
+    insertChild(child: NSView, atIndex: number): void;
+    replaceChild(child: NSView, atIndex: number): void;
+    removeChild(child: NSView): void;
+    removeChildren(): void;
+    private _nativeIndexFor;
+    [isMasonView_]: boolean;
+    _masonPendingTeardown: boolean;
+    private static _pendingTeardowns;
+    private static _teardownScheduled;
+    _tearDownUI(force?: boolean): void;
+    _setupUI(context?: any, atIndex?: number, parentIsLoaded?: boolean): void;
+    _removeViewFromNativeVisualTree(child: any): void;
+    /** Mirror a plain child's CSS layout into its Mason leaf; containers call this after the native insert. */
+    _masonAdoptForeign(child: any): void;
+    private _masonFinishTeardown;
+    private static _drainTeardowns;
+    /**
+     * Enable or disable CSS Preflight (web-normalised / Tailwind-like) defaults
+     * for the entire Mason tree.
+     *
+     * When `true` every element starts from a clean, browser-normalised slate:
+     *  - `box-sizing: border-box`
+     *  - `margin: 0`, `padding: 0`, `border-width: 0`
+     *  - `background: transparent`
+     *  - `list-style: none` on `<ul>` / `<ol>`
+     *  - `display: block` on `<img>` (replaced elements)
+     *
+     * This is a **tree-global** flag; it should ideally be set **before** views are
+     * created so that all new nodes inherit the preflight baseline.  Changing it
+     * after views have been created re-seeds the arena defaults but does not
+     * retroactively restyle individually modified nodes.
+     *
+     * @example
+     * ```ts
+     * import { ViewBase } from '@octane-xplat/nativescript-masonkit';
+     * ViewBase.preflight = true; // enable at app startup
+     * ```
+     */
+    static get preflight(): boolean;
+    static set preflight(value: boolean);
+    [isTextChild_]: boolean;
+    [isText_]: boolean;
+    [pseudoStyles_]: {
+        active?: Style;
+        focus?: Style;
+        blur?: Style;
+        hover?: Style;
+        disabled?: Style;
+    };
+    constructor();
+    private _rememberNativeOwner;
+    /**
+     * Returns the top-most Mason/NativeScript element at a point in this view's
+     * visible local coordinate space, similar to the browser's elementFromPoint().
+     * `x` and `y` are CSS pixels (dips) on every platform, the unit touch events report.
+     */
+    elementFromPoint(x: number, y: number): ViewBase | NSViewBase | null;
+    /** Vertical scroll offset; setting it scrolls, clamped to the scroll range. */
+    get scrollTop(): number;
+    set scrollTop(value: number);
+    /** Horizontal scroll offset; setting it scrolls, clamped to the scroll range. */
+    get scrollLeft(): number;
+    set scrollLeft(value: number);
+    /** Content width, at least `clientWidth`. */
+    get scrollWidth(): number;
+    /** Content height, at least `clientHeight`. */
+    get scrollHeight(): number;
+    /** Padding box width. */
+    get clientWidth(): number;
+    /** Padding box height. */
+    get clientHeight(): number;
+    scrollTo(options?: ScrollToOptions): void;
+    scrollTo(x: number, y: number): void;
+    scroll(options?: ScrollToOptions): void;
+    scroll(x: number, y: number): void;
+    scrollBy(options?: ScrollToOptions): void;
+    scrollBy(x: number, y: number): void;
+    /** Scrolls the scroll containers above this element so it's visible. */
+    scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+    _pendingEventsRegistration: Array<{
+        arg: string;
+        callback: any;
+        thisArg?: any;
+    }>;
+    _registerNativeEvent(arg: string, callback: any, thisArg?: any): void;
+    _unregisterNativeEvent(arg: string, callback: any, thisArg?: any): void;
+    [touchAction_]: number | undefined;
+    /** Hands `touch-action` to the native node, where the scroll views read it. */
+    _applyTouchAction(): void;
+    _masonPendingScroll: {
+        left: number;
+        top: number;
+        smooth: boolean;
+    } | undefined;
+    initNativeView(): void;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
+    /**
+     * iOS: the views in this subtree a root's layout pass must visit (non-Mason children, which core
+     * lays out, and Mason views listening to layoutChanged). The pass skips subtrees where it's 0.
+     */
+    _masonLayoutWork: number;
+    private _masonAddLayoutWork;
+    private _masonListensToLayout;
+    _addViewCore(view: any, atIndex?: number): void;
+    _removeViewCore(view: any): void;
+    addEventListener(arg: string, callback: any, thisArg?: any): void;
+    removeEventListener(arg: string, callback: any, thisArg?: any): void;
+    private _addEventListener;
+    private _removeEventListener;
+    private _applyPseudoClassStyles;
+    _hoverHandler(subscribe: boolean): void;
+    _handler(subscribe: boolean): void;
+    private _windowsActiveListener;
+    private _windowsActiveId;
+    private _windowsListenActive;
+    _disableHandler(subscribe: boolean): void;
+    _focusHandler(subscribe: boolean): void;
+    _blurHandler(subscribe: boolean): void;
+    forceStyleUpdate(): void;
+    get _viewChildren(): NSView[];
+    eachLayoutChild(callback: (child: NSView, isLast: boolean) => void): void;
+    eachChild(callback: (child: NSViewBase) => boolean): void;
+    private _eachViewChild;
+    /** True for a Mason view whose frame the Mason tree sets natively (iOS). */
+    get _masonPlacedNatively(): boolean;
+    /** Size a non-Mason child with core's measure: its native view rarely implements sizeThatFits. */
+    _masonMeasureForeign(child: any): void;
+    /**
+     * Sets a non-Mason child's percentage width/height (`null` clears it), resolved against the
+     * containing block. Windows core calls this for every percentage; on Android and iOS a view calls
+     * it when its native sizing can't express one. `false` when core should handle it.
+     */
+    _setChildPercentSize(child: any, horizontal: boolean, fraction: number | null): boolean;
+    /**
+     * A native removal relays out natively but runs no core layout pass, so `layoutChanged`
+     * and non-Mason descendants miss it. Ask for one; a subtree being torn down is unloaded.
+     */
+    _masonRequestLayoutAfterRemoval(): void;
+    /** Lay out the non-Mason views in this root's subtree from the frames Mason set. */
+    _masonLayoutForeignDescendants(): void;
+    private _masonClimbRoot;
+    private _masonClimbTurn;
+    requestLayout(): void;
+    _parentChanged(oldParent: any): void;
+    getMeasuredWidth(): number;
+    getMeasuredHeight(): number;
+    eachChildView(callback: (child: NSView) => boolean): void;
+    _addChildFromBuilder(name: string, value: any): void;
+    getChildrenCount(): number;
+    get _childrenCount(): number;
+    getChildAt(index: number): NSView;
+    getChildIndex(child: unknown): number;
+    getChildById(id: string): NSViewBase;
+    private _attachCursor;
+    _nativeAttachIndex(child: any, atIndex: number): {
+        jsIndex: number;
+        nativeIndex: number;
+    };
+    _invalidateAttachCursor(): void;
+    /** Runs an iOS View's queued inserts before a native child edit. */
+    private _masonSettleNativeAdds;
+    _childIndexToNativeChildIndex(index?: number): number;
+    set verticalAlign(value: VerticalAlign);
+    get verticalAlign(): VerticalAlign;
+    set flex(value: import("@nativescript/core").Flex);
+    get flex(): import("@nativescript/core").Flex;
+    set textWrap(value: "nowrap" | "wrap" | "balance");
+    get textWrap(): "nowrap" | "wrap" | "balance";
+    set aspectRatio(value: number);
+    get aspectRatio(): number;
+    get filter(): string;
+    set filter(value: string);
+    set borderRadius(value: string | number | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit);
+    get borderRadius(): string | number | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit;
+    private _nativeBorderRadiusCorners;
+    private _borderRadiusCorner;
+    private _nativeCornerRadius;
+    private _borderSideColor;
+    set border(value: string);
+    get border(): string;
+    set background(value: string);
+    get background(): string;
+    get boxSizing(): BoxSizing;
+    set boxSizing(value: BoxSizing);
+    get display(): Display;
+    set display(value: Display);
+    get overflow(): Overflow | "auto auto" | "auto hidden" | "auto scroll" | "auto clip" | "auto visible" | "hidden auto" | "hidden hidden" | "hidden scroll" | "hidden clip" | "hidden visible" | "scroll auto" | "scroll hidden" | "scroll scroll" | "scroll clip" | "scroll visible" | "clip auto" | "clip hidden" | "clip scroll" | "clip clip" | "clip visible" | "visible auto" | "visible hidden" | "visible scroll" | "visible clip" | "visible visible";
+    set overflow(value: Overflow | "auto auto" | "auto hidden" | "auto scroll" | "auto clip" | "auto visible" | "hidden auto" | "hidden hidden" | "hidden scroll" | "hidden clip" | "hidden visible" | "scroll auto" | "scroll hidden" | "scroll scroll" | "scroll clip" | "scroll visible" | "clip auto" | "clip hidden" | "clip scroll" | "clip clip" | "clip visible" | "visible auto" | "visible hidden" | "visible scroll" | "visible clip" | "visible visible");
+    get overflowX(): Overflow;
+    set overflowX(value: Overflow);
+    get overflowY(): Overflow;
+    set overflowY(value: Overflow);
+    get scrollBarWidth(): Length;
+    set scrollBarWidth(value: Length);
+    get position(): Position;
+    set position(value: Position);
+    private _applyTextRunProp;
+    get alignContent(): import("@nativescript/core").AlignContent;
+    set alignContent(value: import("@nativescript/core").AlignContent);
+    get justifyItems(): import("./layout-types").AlignItems;
+    set justifyItems(value: import("./layout-types").AlignItems);
+    get justifySelf(): import("./layout-types").AlignSelf;
+    set justifySelf(value: import("./layout-types").AlignSelf);
+    get right(): LengthAuto;
+    set right(value: LengthAuto);
+    get bottom(): LengthAuto;
+    set bottom(value: LengthAuto);
+    set maxWidth(value: LengthAuto | CoreTypes.PercentLengthType);
+    get maxWidth(): CoreTypes.PercentLengthType;
+    set maxHeight(value: LengthAuto | CoreTypes.PercentLengthType);
+    get maxHeight(): CoreTypes.PercentLengthType;
+    _redrawNativeBackground(value: any): void;
+    get padding(): string | number | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit;
+    set padding(value: string | number | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit);
+    set gap(value: Length);
+    get gap(): Length;
+    set gridGap(value: Length);
+    get gridGap(): Length;
+    set rowGap(value: Length);
+    get rowGap(): Length;
+    set columnGap(value: Length);
+    get columnGap(): Length;
+    set gridColumnStart(value: string);
+    get gridColumnStart(): string;
+    set gridColumnEnd(value: string);
+    get gridColumnEnd(): string;
+    get gridColumn(): string;
+    set gridColumn(value: string);
+    set gridRowStart(value: string);
+    get gridRowStart(): string;
+    set gridRowEnd(value: string);
+    get gridRowEnd(): string;
+    get gridRow(): string;
+    set gridRow(value: string);
+    set gridTemplateRows(value: string);
+    get gridTemplateRows(): string;
+    set gridTemplateColumns(value: string);
+    get gridTemplateColumns(): string;
+    set gridAutoColumns(value: string);
+    get gridAutoColumns(): string;
+    set gridAutoRows(value: string);
+    get gridAutoRows(): string;
+    set gridAutoFlow(value: GridAutoFlow);
+    get gridAutoFlow(): GridAutoFlow;
+    set gridArea(value: string);
+    get gridArea(): string;
+    set gridTemplateAreas(value: string);
+    get gridTemplateAreas(): string;
+    set flexFlowProperty(value: "row nowrap" | "row wrap" | "row wrap-reverse" | "row-reverse nowrap" | "row-reverse wrap" | "row-reverse wrap-reverse" | "column nowrap" | "column wrap" | "column wrap-reverse" | "column-reverse nowrap" | "column-reverse wrap" | "column-reverse wrap-reverse");
+    get flexFlowProperty(): "row nowrap" | "row wrap" | "row wrap-reverse" | "row-reverse nowrap" | "row-reverse wrap" | "row-reverse wrap-reverse" | "column nowrap" | "column wrap" | "column wrap-reverse" | "column-reverse nowrap" | "column-reverse wrap" | "column-reverse wrap-reverse";
+    set inset(value: LengthAuto);
+    get inset(): LengthAuto;
+    set textOverFlow(value: CoreTypes.TextOverflowType);
+    get textOverFlow(): CoreTypes.TextOverflowType;
+    updateNativeTransform(): any;
+    _windowsTransformOrigin(native: any): {
+        x: number;
+        y: number;
+    };
+    _windowsTransformValue: unknown;
+    _applyWindowsTransform(value?: unknown): void;
+    animate(options: any): any;
+}
+export declare class Event {
+    [native_]: any;
+    [eventType_]: string | undefined;
+    get bubbles(): boolean;
+    get cancelable(): boolean;
+    get isComposing(): any;
+    get timeStamp(): number;
+    get defaultPrevented(): boolean;
+    get propagationStopped(): any;
+    get immediatePropagationStopped(): any;
+    get currentTarget(): any;
+    stopImmediatePropagation(): void;
+    stopPropagation(): void;
+    preventDefault(): void;
+    get type(): string;
+    set type(value: string);
+    get button(): number;
+    set button(_: number);
+    get target(): any;
+    set target(_: any);
+    get object(): any;
+    get eventName(): string;
+    set currentTarget(_: any);
+    set bubbles(_: boolean);
+    set cancelable(_: boolean);
+    set timeStamp(_: number);
+    set defaultPrevented(_: boolean);
+}