ri-flex-layout/types/ri-flex-layout-src-lib-extended.d.ts

An alternative library to Angular's deprecated [angular-flex-layout](https://github.com/angular/flex-layout) library. `ri-flex-layout` helps you achieve responsive layouts in Angular applications with minimal code changes.

import * as i0 from '@angular/core';
import { AfterViewInit, OnChanges, ElementRef, SimpleChanges, DoCheck, IterableDiffers, KeyValueDiffers, Renderer2 } from '@angular/core';
import * as i1 from 'ri-flex-layout/src/lib/core';
import { BaseDirective, LayoutConfigOptions, StyleGenerator, StyleUtilsService, MediaMarshaller, StyleDefinition } from 'ri-flex-layout/src/lib/core';
import { NgClass, NgStyle } from '@angular/common';
import { DomSanitizer } from '@angular/platform-browser';

interface ShowHideParent {
    display: string;
    isServer: boolean;
}
declare class ShowHideStyleBuilder extends StyleGenerator {
    buildStyles(show: string, parent: ShowHideParent): {
        display: string;
    };
    static ɵfac: i0.ɵɵFactoryDeclaration<ShowHideStyleBuilder, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<ShowHideStyleBuilder>;
}
declare class ShowHideDirective extends BaseDirective implements AfterViewInit, OnChanges {
    protected layoutConfig: LayoutConfigOptions;
    protected platformId: Object;
    protected serverModuleLoaded: boolean;
    protected RI_DIRECTIVE_KEY: string;
    /** Original DOM Element CSS display style */
    protected display: string;
    protected hasLayout: boolean;
    protected hasFlexChild: boolean;
    constructor(elementRef: ElementRef, styleBuilder: ShowHideStyleBuilder, styler: StyleUtilsService, marshal: MediaMarshaller, layoutConfig: LayoutConfigOptions, platformId: Object, serverModuleLoaded: boolean);
    ngAfterViewInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    protected trackExtraTriggers(): void;
    protected getDisplayStyle(): string;
    protected updateWithValue(value?: boolean | string): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ShowHideDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowHideDirective, never, never, {}, {}, never, never, true, never>;
}
/**
 * 'show' Layout API directive
 */
declare class RIDefaultShowHideDirective extends ShowHideDirective {
    protected inputs: string[];
    static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultShowHideDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultShowHideDirective, "  [riFxShow], [riFxShow.print],  [riFxShow.xs], [riFxShow.sm], [riFxShow.md], [riFxShow.lg], [riFxShow.xl],  [riFxShow.lt-sm], [riFxShow.lt-md], [riFxShow.lt-lg], [riFxShow.lt-xl],  [riFxShow.gt-xs], [riFxShow.gt-sm], [riFxShow.gt-md], [riFxShow.gt-lg],  [riFxHide], [riFxHide.print],  [riFxHide.xs], [riFxHide.sm], [riFxHide.md], [riFxHide.lg], [riFxHide.xl],  [riFxHide.lt-sm], [riFxHide.lt-md], [riFxHide.lt-lg], [riFxHide.lt-xl],  [riFxHide.gt-xs], [riFxHide.gt-sm], [riFxHide.gt-md], [riFxHide.gt-lg]", never, { "riFxShow": { "alias": "riFxShow"; "required": false; }; "riFxShow.print": { "alias": "riFxShow.print"; "required": false; }; "riFxShow.xs": { "alias": "riFxShow.xs"; "required": false; }; "riFxShow.sm": { "alias": "riFxShow.sm"; "required": false; }; "riFxShow.md": { "alias": "riFxShow.md"; "required": false; }; "riFxShow.lg": { "alias": "riFxShow.lg"; "required": false; }; "riFxShow.xl": { "alias": "riFxShow.xl"; "required": false; }; "riFxShow.lt-sm": { "alias": "riFxShow.lt-sm"; "required": false; }; "riFxShow.lt-md": { "alias": "riFxShow.lt-md"; "required": false; }; "riFxShow.lt-lg": { "alias": "riFxShow.lt-lg"; "required": false; }; "riFxShow.lt-xl": { "alias": "riFxShow.lt-xl"; "required": false; }; "riFxShow.gt-xs": { "alias": "riFxShow.gt-xs"; "required": false; }; "riFxShow.gt-sm": { "alias": "riFxShow.gt-sm"; "required": false; }; "riFxShow.gt-md": { "alias": "riFxShow.gt-md"; "required": false; }; "riFxShow.gt-lg": { "alias": "riFxShow.gt-lg"; "required": false; }; "riFxHide": { "alias": "riFxHide"; "required": false; }; "riFxHide.print": { "alias": "riFxHide.print"; "required": false; }; "riFxHide.xs": { "alias": "riFxHide.xs"; "required": false; }; "riFxHide.sm": { "alias": "riFxHide.sm"; "required": false; }; "riFxHide.md": { "alias": "riFxHide.md"; "required": false; }; "riFxHide.lg": { "alias": "riFxHide.lg"; "required": false; }; "riFxHide.xl": { "alias": "riFxHide.xl"; "required": false; }; "riFxHide.lt-sm": { "alias": "riFxHide.lt-sm"; "required": false; }; "riFxHide.lt-md": { "alias": "riFxHide.lt-md"; "required": false; }; "riFxHide.lt-lg": { "alias": "riFxHide.lt-lg"; "required": false; }; "riFxHide.lt-xl": { "alias": "riFxHide.lt-xl"; "required": false; }; "riFxHide.gt-xs": { "alias": "riFxHide.gt-xs"; "required": false; }; "riFxHide.gt-sm": { "alias": "riFxHide.gt-sm"; "required": false; }; "riFxHide.gt-md": { "alias": "riFxHide.gt-md"; "required": false; }; "riFxHide.gt-lg": { "alias": "riFxHide.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}

declare class ClassDirective extends BaseDirective implements DoCheck {
    protected readonly ngClassInstance: NgClass;
    protected RI_DIRECTIVE_KEY: string;
    set klass(val: string);
    constructor(elementRef: ElementRef, styler: StyleUtilsService, marshal: MediaMarshaller, iterableDiffers: IterableDiffers, keyValueDiffers: KeyValueDiffers, renderer2: Renderer2, ngClassInstance: NgClass);
    protected updateWithValue(value: any): void;
    ngDoCheck(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ClassDirective, [null, null, null, null, null, null, { optional: true; self: true; }]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ClassDirective, never, never, { "klass": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
}
declare class RIDefaultClassDirective extends ClassDirective {
    protected inputs: string[];
    static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultClassDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultClassDirective, "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", never, { "ngClass": { "alias": "ngClass"; "required": false; }; "ngClass.xs": { "alias": "ngClass.xs"; "required": false; }; "ngClass.sm": { "alias": "ngClass.sm"; "required": false; }; "ngClass.md": { "alias": "ngClass.md"; "required": false; }; "ngClass.lg": { "alias": "ngClass.lg"; "required": false; }; "ngClass.xl": { "alias": "ngClass.xl"; "required": false; }; "ngClass.lt-sm": { "alias": "ngClass.lt-sm"; "required": false; }; "ngClass.lt-md": { "alias": "ngClass.lt-md"; "required": false; }; "ngClass.lt-lg": { "alias": "ngClass.lt-lg"; "required": false; }; "ngClass.lt-xl": { "alias": "ngClass.lt-xl"; "required": false; }; "ngClass.gt-xs": { "alias": "ngClass.gt-xs"; "required": false; }; "ngClass.gt-sm": { "alias": "ngClass.gt-sm"; "required": false; }; "ngClass.gt-md": { "alias": "ngClass.gt-md"; "required": false; }; "ngClass.gt-lg": { "alias": "ngClass.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}

type NgStyleRawList = string[];
type NgStyleMap = {
    [klass: string]: string;
};
type NgStyleType = string | Set<string> | NgStyleRawList | NgStyleMap;

declare class StyleDirective extends BaseDirective implements DoCheck {
    protected sanitizer: DomSanitizer;
    private readonly ngStyleInstance;
    protected RI_DIRECTIVE_KEY: string;
    protected fallbackStyles: NgStyleMap;
    protected isServer: boolean;
    constructor(elementRef: ElementRef, styler: StyleUtilsService, marshal: MediaMarshaller, sanitizer: DomSanitizer, differs: KeyValueDiffers, renderer2: Renderer2, ngStyleInstance: NgStyle, serverLoaded: boolean, platformId: Object);
    /** Add generated styles */
    protected updateWithValue(value: any): void;
    /** Remove generated styles */
    protected clearStyles(): void;
    /**
     * Convert raw strings to ngStyleMap; which is required by ngStyle
     * NOTE: Raw string key-value pairs MUST be delimited by `;`
     *       Comma-delimiters are not supported due to complexities of
     *       possible style values such as `rgba(x,x,x,x)` and others
     */
    protected buildStyleMap(styles: NgStyleType): NgStyleMap;
    /** For ChangeDetectionStrategy.onPush and ngOnChanges() updates */
    ngDoCheck(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<StyleDirective, [null, null, null, null, null, null, { optional: true; self: true; }, null, null]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<StyleDirective, never, never, {}, {}, never, never, true, never>;
}
/**
 * Directive to add responsive support for ngStyle.
 *
 */
declare class RIDefaultStyleDirective extends StyleDirective implements DoCheck {
    protected inputs: string[];
    static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultStyleDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultStyleDirective, "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", never, { "ngStyle": { "alias": "ngStyle"; "required": false; }; "ngStyle.xs": { "alias": "ngStyle.xs"; "required": false; }; "ngStyle.sm": { "alias": "ngStyle.sm"; "required": false; }; "ngStyle.md": { "alias": "ngStyle.md"; "required": false; }; "ngStyle.lg": { "alias": "ngStyle.lg"; "required": false; }; "ngStyle.xl": { "alias": "ngStyle.xl"; "required": false; }; "ngStyle.lt-sm": { "alias": "ngStyle.lt-sm"; "required": false; }; "ngStyle.lt-md": { "alias": "ngStyle.lt-md"; "required": false; }; "ngStyle.lt-lg": { "alias": "ngStyle.lt-lg"; "required": false; }; "ngStyle.lt-xl": { "alias": "ngStyle.lt-xl"; "required": false; }; "ngStyle.gt-xs": { "alias": "ngStyle.gt-xs"; "required": false; }; "ngStyle.gt-sm": { "alias": "ngStyle.gt-sm"; "required": false; }; "ngStyle.gt-md": { "alias": "ngStyle.gt-md"; "required": false; }; "ngStyle.gt-lg": { "alias": "ngStyle.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}

declare class ImgSrcStyleBuilder extends StyleGenerator {
    buildStyles(url: string): {
        content: string;
    };
    static ɵfac: i0.ɵɵFactoryDeclaration<ImgSrcStyleBuilder, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<ImgSrcStyleBuilder>;
}
declare class ImgSrcDirective extends BaseDirective {
    protected platformId: Object;
    protected serverModuleLoaded: boolean;
    protected RI_DIRECTIVE_KEY: string;
    protected defaultSrc: string;
    set src(val: string);
    constructor(elementRef: ElementRef, styleBuilder: ImgSrcStyleBuilder, styler: StyleUtilsService, marshal: MediaMarshaller, platformId: Object, serverModuleLoaded: boolean);
    protected updateWithValue(value?: string): void;
    protected styleCache: Map<string, StyleDefinition>;
    static ɵfac: i0.ɵɵFactoryDeclaration<ImgSrcDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ImgSrcDirective, never, never, { "src": { "alias": "src"; "required": false; }; }, {}, never, never, true, never>;
}
declare class RIDefaultImgSrcDirective extends ImgSrcDirective {
    protected inputs: string[];
    static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultImgSrcDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultImgSrcDirective, "  img[src.xs],    img[src.sm],    img[src.md],    img[src.lg],   img[src.xl],  img[src.lt-sm], img[src.lt-md], img[src.lt-lg], img[src.lt-xl],  img[src.gt-xs], img[src.gt-sm], img[src.gt-md], img[src.gt-lg]", never, { "src.xs": { "alias": "src.xs"; "required": false; }; "src.sm": { "alias": "src.sm"; "required": false; }; "src.md": { "alias": "src.md"; "required": false; }; "src.lg": { "alias": "src.lg"; "required": false; }; "src.xl": { "alias": "src.xl"; "required": false; }; "src.lt-sm": { "alias": "src.lt-sm"; "required": false; }; "src.lt-md": { "alias": "src.lt-md"; "required": false; }; "src.lt-lg": { "alias": "src.lt-lg"; "required": false; }; "src.lt-xl": { "alias": "src.lt-xl"; "required": false; }; "src.gt-xs": { "alias": "src.gt-xs"; "required": false; }; "src.gt-sm": { "alias": "src.gt-sm"; "required": false; }; "src.gt-md": { "alias": "src.gt-md"; "required": false; }; "src.gt-lg": { "alias": "src.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}

/**
 * *****************************************************************
 * Define module for the Extended API
 * *****************************************************************
 */
declare class RIExtendedModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<RIExtendedModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<RIExtendedModule, never, [typeof i1.CoreModule, typeof RIDefaultShowHideDirective, typeof RIDefaultClassDirective, typeof RIDefaultStyleDirective, typeof RIDefaultImgSrcDirective], [typeof RIDefaultShowHideDirective, typeof RIDefaultClassDirective, typeof RIDefaultStyleDirective, typeof RIDefaultImgSrcDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<RIExtendedModule>;
}

export { ClassDirective, ImgSrcDirective, ImgSrcStyleBuilder, RIDefaultClassDirective, RIDefaultImgSrcDirective, RIDefaultShowHideDirective, RIDefaultStyleDirective, RIExtendedModule, ShowHideDirective, ShowHideStyleBuilder, StyleDirective };
export type { ShowHideParent };