ri-flex-layout
Version:
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.
41 lines (40 loc) • 4.52 kB
TypeScript
import { ElementRef, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';
import { BaseDirective, LayoutConfigOptions, MediaMarshaller, StyleUtilsService, StyleGenerator } from 'ri-flex-layout/src/lib/core';
import * as i0 from "@angular/core";
export interface ShowHideParent {
display: string;
isServer: boolean;
}
export declare class ShowHideStyleBuilder extends StyleGenerator {
buildStyles(show: string, parent: ShowHideParent): {
display: string;
};
static ɵfac: i0.ɵɵFactoryDeclaration<ShowHideStyleBuilder, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<ShowHideStyleBuilder>;
}
export 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
*/
export 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>;
}