@triniwiz/nativescript-masonkit 1.0.0-beta.7 → 1.0.0-beta.71

package/style.d.ts

@@ -1,21 +1,118 @@
 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;
+    static readonly OBJECT_POSITION: StateKeys;
+    static readonly WRITING_MODE: StateKeys;
+    static readonly UNICODE_BIDI: StateKeys;
+    static readonly HYPHENS: StateKeys;
+    static readonly CARET_COLOR: StateKeys;
+    static readonly WORD_SPACING: StateKeys;
+    static readonly FONT_STRETCH: 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 text_style_view?;
+    private i8View;
+    private u8View;
     private isDirty;
-    private isTextDirty;
     private inBatch;
+    private _syncScheduled;
     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;
-    private setOrAppendTextState;
     batch(fn: (style: Style) => void): void;
     get view(): View;
+    private prepareMut;
     get boxSizing(): 'border-box' | 'content-box';
     set boxSizing(value: 'border-box' | 'content-box');
     get fontSize(): number | {
@@ -30,10 +127,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;
@@ -65,6 +176,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;
@@ -169,25 +281,119 @@ export declare class Style {
     set background(value: string);
     get backgroundImage(): string;
     set backgroundImage(value: string);
+    get backgroundRepeat(): string;
+    set backgroundRepeat(value: string);
+    get backgroundPosition(): string;
+    set backgroundPosition(value: string);
+    get backgroundSize(): string;
+    set backgroundSize(value: string);
+    get backgroundClip(): string;
+    set backgroundClip(value: string);
     get borderRadius(): string;
     set borderRadius(value: string);
     get border(): string;
     set border(value: string);
+    get paddingCss(): string | number;
+    set paddingCss(value: string | number);
+    get marginCss(): string | number;
+    set marginCss(value: string | number);
+    get insetCss(): string | number;
+    set insetCss(value: string | number);
+    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;
     set textShadow(value: string);
+    get zIndex(): number;
+    set zIndex(value: number);
+    get float(): 'none' | 'left' | 'right';
+    set float(value: 'none' | 'left' | 'right');
+    get clear(): 'none' | 'left' | 'right' | 'both';
+    set clear(value: 'none' | 'left' | 'right' | 'both');
+    set cornerShape(value: string);
+    get cornerShape(): string;
+    get cornerShapeTopLeft(): string;
+    set cornerShapeTopLeft(value: string);
+    get cornerShapeTopRight(): string;
+    set cornerShapeTopRight(value: string);
+    get cornerShapeBottomRight(): string;
+    set cornerShapeBottomRight(value: string);
+    get cornerShapeBottomLeft(): string;
+    set cornerShapeBottomLeft(value: string);
+    get objectPosition(): string;
+    set objectPosition(value: string);
+    set 'object-position'(value: string);
+    get 'object-position'(): string;
+    get borderLeftStyle(): string;
+    set borderLeftStyle(value: string);
+    get borderRightStyle(): string;
+    set borderRightStyle(value: string);
+    get borderTopStyle(): string;
+    set borderTopStyle(value: string);
+    get borderBottomStyle(): string;
+    set borderBottomStyle(value: string);
+    get borderStyle(): string;
+    set borderStyle(value: string);
+    set 'border-style'(value: string);
+    get 'border-style'(): string;
+    get borderImage(): string;
+    set borderImage(value: string);
+    set 'border-image'(value: string);
+    get 'border-image'(): string;
+    get fontStretch(): string;
+    set fontStretch(value: string);
+    set 'font-stretch'(value: string);
+    get 'font-stretch'(): string;
+    get fontFeatureSettings(): string;
+    set fontFeatureSettings(value: string);
+    set 'font-feature-settings'(value: string);
+    get 'font-feature-settings'(): string;
+    get wordSpacing(): string;
+    set wordSpacing(value: string | number);
+    set 'word-spacing'(value: string | number);
+    get 'word-spacing'(): string | number;
+    get hyphens(): 'none' | 'manual' | 'auto';
+    set hyphens(value: 'none' | 'manual' | 'auto');
+    get backdropFilter(): string;
+    set backdropFilter(value: string);
+    set 'backdrop-filter'(value: string);
+    get 'backdrop-filter'(): string;
+    get writingMode(): 'horizontal-tb' | 'vertical-rl' | 'vertical-lr';
+    set writingMode(value: 'horizontal-tb' | 'vertical-rl' | 'vertical-lr');
+    set 'writing-mode'(value: 'horizontal-tb' | 'vertical-rl' | 'vertical-lr');
+    get 'writing-mode'(): 'horizontal-tb' | 'vertical-rl' | 'vertical-lr';
+    get unicodeBidi(): string;
+    set unicodeBidi(value: string);
+    set 'unicode-bidi'(value: string);
+    get 'unicode-bidi'(): string;
+    get caretColor(): string;
+    set caretColor(value: string | number);
+    set 'caret-color'(value: string | number);
+    get 'caret-color'(): string | number;
     toJSON(): {
         display: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid";
-        position: "relative" | "absolute";
+        position: "absolute" | "relative";
         flexDirection: "row" | "row-reverse" | "column" | "column-reverse";
         flexWrap: "wrap" | "wrap-reverse" | "no-wrap";
-        justifyContent: "stretch" | "center" | "normal" | "flex-start" | "flex-end" | "start" | "end" | "space-between" | "space-around" | "space-evenly";
-        alignItems: "stretch" | "center" | "normal" | "flex-start" | "flex-end" | "start" | "end" | "baseline";
-        alignContent: "stretch" | "center" | "normal" | "start" | "end" | "space-between" | "space-around" | "space-evenly";
-        alignSelf: "stretch" | "center" | "normal" | "flex-start" | "flex-end" | "start" | "end" | "baseline";
+        justifyContent: "center" | "normal" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | "start" | "end" | "space-evenly";
+        alignItems: "center" | "normal" | "flex-start" | "flex-end" | "baseline" | "stretch" | "start" | "end";
+        alignContent: "center" | "normal" | "space-between" | "space-around" | "stretch" | "start" | "end" | "space-evenly";
+        alignSelf: "center" | "normal" | "flex-start" | "flex-end" | "baseline" | "stretch" | "start" | "end";
         flexGrow: number;
         minWidth: LengthAuto;
         minHeight: LengthAuto;
@@ -228,5 +434,18 @@ export declare class Style {
         gridTemplateRows: string;
         gridTemplateColumns: string;
         filter: string;
+        zIndex: number;
+        backgroundColor: string | number | {
+            argb?: number;
+        };
+        objectPosition: string;
+        borderStyle: string;
+        writingMode: "horizontal-tb" | "vertical-rl" | "vertical-lr";
+        unicodeBidi: string;
+        hyphens: "auto" | "none" | "manual";
+        caretColor: string;
+        wordSpacing: string;
+        fontStretch: string;
     };
 }
+export {};