UNPKG

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
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>; }