NativeScript/tns-core-modules/ui/styling/style-scope.d.ts

/**
 * @module "ui/styling/style-scope"
 * @private
 */ /** */

//@private
import { ViewBase } from "../core/view-base";
import { SyntaxTree } from "../../css";
import { RuleSet, Node, SelectorCore, ChangeMap } from "../styling/css-selector";
import { KeyframeAnimationInfo } from "../animation/keyframe-animation";

export class CssState {
    /**
     * Re-evaluate the selectors and apply any changes to the underlying view.
     */
    public apply(): void;

    /**
     * Gets the static selectors that match the view and the dynamic selectors that may potentially match the view.
     */
    public changeMap: ChangeMap<ViewBase>;

    /**
     * Checks whether style scope and CSS state selectors are in sync.
     */
    public isSelectorsLatestVersionApplied(): boolean
}

export class StyleScope {
    public css: string;
    public addCss(cssString: string, cssFileName: string): void;

    public static createSelectorsFromCss(css: string, cssFileName: string, keyframes: Object): RuleSet[];
    public static createSelectorsFromImports(tree: SyntaxTree, keyframes: Object): RuleSet[];
    public ensureSelectors(): number;

    public isApplicationCssSelectorsLatestVersionApplied(): boolean;
    public isLocalCssSelectorsLatestVersionApplied(): boolean;

    public applySelectors(view: ViewBase): void
    public query(options: Node): SelectorCore[];

    public getKeyframeAnimationWithName(animationName: string): KeyframeAnimationInfo;
    public getAnimations(ruleset: RuleSet): KeyframeAnimationInfo[];
}

export function resolveFileNameFromUrl(url: string, appDirectory: string, fileExists: (string) => boolean, importSource?: string): string;
export function applyInlineStyle(view: ViewBase, style: string): void;