@triniwiz/nativescript-masonkit 1.0.0-beta.66 → 1.0.0-beta.68

package/style.d.ts

@@ -1,13 +1,104 @@
 import type { GridAutoFlow, Length, LengthAuto, VerticalAlign, View } from '.';
 import { CoreTypes } from '@nativescript/core';
 export type OverFlow = 'visible' | 'hidden' | 'scroll' | 'clip' | 'auto';
+declare class StateKeys {
+    readonly bits: bigint;
+    private constructor();
+    private static flag;
+    static readonly NONE: StateKeys;
+    static readonly DISPLAY: StateKeys;
+    static readonly POSITION: StateKeys;
+    static readonly DIRECTION: StateKeys;
+    static readonly FLEX_DIRECTION: StateKeys;
+    static readonly FLEX_WRAP: StateKeys;
+    static readonly OVERFLOW_X: StateKeys;
+    static readonly OVERFLOW_Y: StateKeys;
+    static readonly ALIGN_ITEMS: StateKeys;
+    static readonly ALIGN_SELF: StateKeys;
+    static readonly ALIGN_CONTENT: StateKeys;
+    static readonly JUSTIFY_ITEMS: StateKeys;
+    static readonly JUSTIFY_SELF: StateKeys;
+    static readonly JUSTIFY_CONTENT: StateKeys;
+    static readonly INSET: StateKeys;
+    static readonly MARGIN: StateKeys;
+    static readonly PADDING: StateKeys;
+    static readonly BORDER: StateKeys;
+    static readonly FLEX_GROW: StateKeys;
+    static readonly FLEX_SHRINK: StateKeys;
+    static readonly FLEX_BASIS: StateKeys;
+    static readonly SIZE: StateKeys;
+    static readonly MIN_SIZE: StateKeys;
+    static readonly MAX_SIZE: StateKeys;
+    static readonly GAP: StateKeys;
+    static readonly ASPECT_RATIO: StateKeys;
+    static readonly GRID_AUTO_FLOW: StateKeys;
+    static readonly GRID_COLUMN: StateKeys;
+    static readonly GRID_ROW: StateKeys;
+    static readonly SCROLLBAR_WIDTH: StateKeys;
+    static readonly ALIGN: StateKeys;
+    static readonly BOX_SIZING: StateKeys;
+    static readonly OVERFLOW: StateKeys;
+    static readonly ITEM_IS_TABLE: StateKeys;
+    static readonly ITEM_IS_REPLACED: StateKeys;
+    static readonly DISPLAY_MODE: StateKeys;
+    static readonly FORCE_INLINE: StateKeys;
+    static readonly MIN_CONTENT_WIDTH: StateKeys;
+    static readonly MIN_CONTENT_HEIGHT: StateKeys;
+    static readonly MAX_CONTENT_WIDTH: StateKeys;
+    static readonly MAX_CONTENT_HEIGHT: StateKeys;
+    static readonly BORDER_STYLE: StateKeys;
+    static readonly BORDER_RADIUS: StateKeys;
+    static readonly BORDER_COLOR: StateKeys;
+    static readonly FLOAT: StateKeys;
+    static readonly CLEAR: StateKeys;
+    static readonly OBJECT_FIT: StateKeys;
+    static readonly Z_INDEX: StateKeys;
+    static readonly LIST_STYLE_POSITION: StateKeys;
+    static readonly LIST_STYLE_TYPE: StateKeys;
+    static readonly INVALIDATE_TEXT: StateKeys;
+    static readonly FONT_COLOR: StateKeys;
+    static readonly DECORATION_LINE: StateKeys;
+    static readonly DECORATION_COLOR: StateKeys;
+    static readonly TEXT_ALIGN: StateKeys;
+    static readonly TEXT_JUSTIFY: StateKeys;
+    static readonly BACKGROUND_COLOR: StateKeys;
+    static readonly FONT_SIZE: StateKeys;
+    static readonly TEXT_TRANSFORM: StateKeys;
+    static readonly FONT_STYLE: StateKeys;
+    static readonly FONT_STYLE_SLANT: StateKeys;
+    static readonly TEXT_WRAP: StateKeys;
+    static readonly TEXT_OVERFLOW: StateKeys;
+    static readonly DECORATION_STYLE: StateKeys;
+    static readonly WHITE_SPACE: StateKeys;
+    static readonly FONT_WEIGHT: StateKeys;
+    static readonly LINE_HEIGHT: StateKeys;
+    static readonly VERTICAL_ALIGN: StateKeys;
+    static readonly DECORATION_THICKNESS: StateKeys;
+    static readonly TEXT_SHADOWS: StateKeys;
+    static readonly FONT_FAMILY: StateKeys;
+    static readonly LETTER_SPACING: StateKeys;
+    static readonly FONT_VARIANT_NUMERIC: StateKeys;
+    get bitsLow(): bigint;
+    or(other: StateKeys): StateKeys;
+    and(other: StateKeys): StateKeys;
+    hasFlag(flag: StateKeys): boolean;
+}
 export declare class Style {
     private view_;
     private style_view;
+    private i8View;
+    private u8View;
     private isDirty;
     private inBatch;
     private nativeView;
+    private nativeNode;
+    private _pseudo;
     static fromView(view: View, nativeView: any): Style;
+    static fromPseudo(pseudo: string, view: View, nativeView: any): Style;
+    private clearPseudoSetMask;
+    markPseudoSet(key: StateKeys): void;
+    private commitState;
+    private setPseudoCssStringValue;
     resetState(): void;
     private syncStyle;
     private setOrAppendState;
@@ -28,10 +119,24 @@ export declare class Style {
     set fontStyle(value: 'normal' | 'italic' | 'oblique' | `oblique ${number}deg`);
     get fontWeight(): '100' | '200' | '300' | 'normal' | '400' | '500' | '600' | 'bold' | '700' | '800' | '900' | number;
     set fontWeight(value: '100' | '200' | '300' | 'normal' | '400' | '500' | '600' | 'bold' | '700' | '800' | '900' | number);
-    get color(): number;
-    set color(value: number);
-    get backgroundColor(): number;
-    set backgroundColor(value: number);
+    get color(): number | string | {
+        argb?: number;
+    };
+    set color(value: number | string | {
+        argb?: number;
+    });
+    set 'background-color'(value: number | string | {
+        argb?: number;
+    });
+    get 'background-color'(): number | string | {
+        argb?: number;
+    };
+    get backgroundColor(): number | string | {
+        argb?: number;
+    };
+    set backgroundColor(value: number | string | {
+        argb?: number;
+    });
     get textWrap(): number | 'nowrap' | 'wrap' | 'balance';
     set textWrap(value: number | 'nowrap' | 'wrap' | 'balance');
     get styleView(): DataView;
@@ -63,6 +168,7 @@ export declare class Style {
     set borderTopWidth(value: Length);
     get borderBottomWidth(): Length;
     set borderBottomWidth(value: Length);
+    set inset(value: LengthAuto);
     get left(): LengthAuto;
     set left(value: LengthAuto);
     get right(): LengthAuto;
@@ -179,8 +285,28 @@ export declare class Style {
     set borderRadius(value: string);
     get border(): string;
     set border(value: string);
+    get paddingCss(): string;
+    set paddingCss(value: string);
+    get marginCss(): string;
+    set marginCss(value: string);
+    get insetCss(): string;
+    set insetCss(value: string);
+    get borderLeft(): string;
+    set borderLeft(value: string);
+    get borderTop(): string;
+    set borderTop(value: string);
+    get borderRight(): string;
+    set borderRight(value: string);
+    get borderBottom(): string;
+    set borderBottom(value: string);
     get filter(): string;
     set filter(value: string);
+    get boxShadow(): string;
+    set 'box-shadow'(value: string);
+    get 'box-shadow'(): string;
+    set boxShadow(value: string);
+    get transform(): string;
+    set transform(value: string);
     get verticalAlign(): VerticalAlign;
     set verticalAlign(value: VerticalAlign);
     get textShadow(): string;
@@ -206,10 +332,10 @@ export declare class Style {
         position: "absolute" | "relative";
         flexDirection: "row" | "row-reverse" | "column" | "column-reverse";
         flexWrap: "wrap" | "wrap-reverse" | "no-wrap";
-        justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "stretch" | "normal" | "start" | "end" | "space-evenly";
-        alignItems: "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "normal" | "start" | "end";
-        alignContent: "center" | "space-between" | "space-around" | "stretch" | "normal" | "start" | "end" | "space-evenly";
-        alignSelf: "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "normal" | "start" | "end";
+        justifyContent: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "stretch" | "start" | "end" | "space-evenly";
+        alignItems: "normal" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "start" | "end";
+        alignContent: "normal" | "center" | "space-between" | "space-around" | "stretch" | "start" | "end" | "space-evenly";
+        alignSelf: "normal" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "start" | "end";
         flexGrow: number;
         minWidth: LengthAuto;
         minHeight: LengthAuto;
@@ -251,5 +377,9 @@ export declare class Style {
         gridTemplateColumns: string;
         filter: string;
         zIndex: number;
+        backgroundColor: string | number | {
+            argb?: number;
+        };
     };
 }
+export {};