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.

25 lines (24 loc) 2.66 kB
import { ElementRef, OnChanges } from '@angular/core'; import { BaseDirective, StyleGenerator, StyleUtilsService, MediaMarshaller, LayoutConfigOptions } from 'ri-flex-layout/src/lib/core'; import * as i0 from "@angular/core"; export interface LayoutStyleDisplay { readonly display: string; } export declare class LayoutStyleBuilder extends StyleGenerator { buildStyles(input: string, { display }: LayoutStyleDisplay): any; static ɵfac: i0.ɵɵFactoryDeclaration<LayoutStyleBuilder, never>; static ɵprov: i0.ɵɵInjectableDeclaration<LayoutStyleBuilder>; } export declare class LayoutDirective extends BaseDirective implements OnChanges { private _config; protected RI_DIRECTIVE_KEY: string; constructor(elRef: ElementRef, styleUtils: StyleUtilsService, styleBuilder: LayoutStyleBuilder, marshal: MediaMarshaller, _config: LayoutConfigOptions); protected updateWithValue(input: string): void; static ɵfac: i0.ɵɵFactoryDeclaration<LayoutDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutDirective, never, never, {}, {}, never, never, true, never>; } export declare class RIDefaultLayoutDirective extends LayoutDirective { protected inputs: string[]; static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultLayoutDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultLayoutDirective, " [riFxLayout], [riFxLayout.xs], [riFxLayout.sm], [riFxLayout.md], [riFxLayout.lg], [riFxLayout.xl], [riFxLayout.lt-sm], [riFxLayout.lt-md], [riFxLayout.lt-lg], [riFxLayout.lt-xl], [riFxLayout.gt-xs], [riFxLayout.gt-sm], [riFxLayout.gt-md], [riFxLayout.gt-lg]", never, { "riFxLayout": { "alias": "riFxLayout"; "required": false; }; "riFxLayout.xs": { "alias": "riFxLayout.xs"; "required": false; }; "riFxLayout.sm": { "alias": "riFxLayout.sm"; "required": false; }; "riFxLayout.md": { "alias": "riFxLayout.md"; "required": false; }; "riFxLayout.lg": { "alias": "riFxLayout.lg"; "required": false; }; "riFxLayout.xl": { "alias": "riFxLayout.xl"; "required": false; }; "riFxLayout.lt-sm": { "alias": "riFxLayout.lt-sm"; "required": false; }; "riFxLayout.lt-md": { "alias": "riFxLayout.lt-md"; "required": false; }; "riFxLayout.lt-lg": { "alias": "riFxLayout.lt-lg"; "required": false; }; "riFxLayout.lt-xl": { "alias": "riFxLayout.lt-xl"; "required": false; }; "riFxLayout.gt-xs": { "alias": "riFxLayout.gt-xs"; "required": false; }; "riFxLayout.gt-sm": { "alias": "riFxLayout.gt-sm"; "required": false; }; "riFxLayout.gt-md": { "alias": "riFxLayout.gt-md"; "required": false; }; "riFxLayout.gt-lg": { "alias": "riFxLayout.gt-lg"; "required": false; }; }, {}, never, never, true, never>; }