@triniwiz/nativescript-masonkit 1.0.0-alpha.2 → 1.0.0-alpha.21

package/style.d.ts

@@ -0,0 +1,166 @@
+import type { Gap, GridAutoFlow, Length, LengthAuto, View } from '.';
+import { CoreTypes } from '@nativescript/core';
+import { JustifySelf } from './helpers';
+export type OverFlow = 'visible' | 'hidden' | 'scroll';
+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 color(): number;
+    set color(value: number);
+    get backgroundColor(): number;
+    set backgroundColor(value: number);
+    get textWrap(): number;
+    set textWrap(value: number);
+    get styleView(): DataView;
+    get display(): 'none' | 'flex' | 'grid' | 'block';
+    set display(value: 'none' | 'flex' | 'grid' | 'block');
+    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 gap(): 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');
+    justifyItems: JustifyItems;
+    justifySelf: JustifySelf;
+    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');
+    gridAutoRows: string;
+    gridAutoColumns: string;
+    get gridAutoFlow(): GridAutoFlow;
+    set gridAutoFlow(value: GridAutoFlow);
+    gridRowGap: Gap;
+    gridColumnGap: Gap;
+    gridArea: string;
+    gridColumn: string;
+    gridColumnStart: string;
+    gridColumnEnd: string;
+    gridRow: string;
+    gridRowStart: string;
+    gridRowEnd: string;
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
+    get overflow(): OverFlow | `${OverFlow} ${OverFlow}`;
+    set overflow(value: OverFlow | `${OverFlow} ${OverFlow}`);
+    get overflowX(): 'visible' | 'hidden' | 'scroll';
+    set overflowX(value: 'visible' | 'hidden' | 'scroll');
+    get overflowY(): 'visible' | 'hidden' | 'scroll';
+    set overflowY(value: 'visible' | 'hidden' | 'scroll');
+    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";
+        position: "absolute" | "relative";
+        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;
+        };
+        gap: string;
+        gridAutoFlow: GridAutoFlow;
+        gridAutoColumns: string;
+        gridAutoRows: string;
+        gridColumn: string;
+        gridRow: string;
+    };
+}