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.

23 lines (22 loc) 2.7 kB
import { ElementRef, OnChanges } from '@angular/core'; import { BaseDirective, MediaMarshaller, StyleDefinition, StyleGenerator, StyleUtilsService } from 'ri-flex-layout/src/lib/core'; import * as i0 from "@angular/core"; export declare class FlexOrderStyleBuilder extends StyleGenerator { buildStyles(value: string): { order: string | number; }; static ɵfac: i0.ɵɵFactoryDeclaration<FlexOrderStyleBuilder, never>; static ɵprov: i0.ɵɵInjectableDeclaration<FlexOrderStyleBuilder>; } export declare class FlexOrderDirective extends BaseDirective implements OnChanges { protected RI_DIRECTIVE_KEY: string; constructor(elRef: ElementRef, styleUtils: StyleUtilsService, styleBuilder: FlexOrderStyleBuilder, marshal: MediaMarshaller); protected styleCache: Map<string, StyleDefinition>; static ɵfac: i0.ɵɵFactoryDeclaration<FlexOrderDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<FlexOrderDirective, never, never, {}, {}, never, never, true, never>; } export declare class RIDefaultFlexOrderDirective extends FlexOrderDirective { protected inputs: string[]; static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultFlexOrderDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultFlexOrderDirective, " [riFxFlexOrder], [riFxFlexOrder.xs], [riFxFlexOrder.sm], [riFxFlexOrder.md], [riFxFlexOrder.lg], [riFxFlexOrder.xl], [riFxFlexOrder.lt-sm], [riFxFlexOrder.lt-md], [riFxFlexOrder.lt-lg], [riFxFlexOrder.lt-xl], [riFxFlexOrder.gt-xs], [riFxFlexOrder.gt-sm], [riFxFlexOrder.gt-md], [riFxFlexOrder.gt-lg]", never, { "riFxFlexOrder": { "alias": "riFxFlexOrder"; "required": false; }; "riFxFlexOrder.xs": { "alias": "riFxFlexOrder.xs"; "required": false; }; "riFxFlexOrder.sm": { "alias": "riFxFlexOrder.sm"; "required": false; }; "riFxFlexOrder.md": { "alias": "riFxFlexOrder.md"; "required": false; }; "riFxFlexOrder.lg": { "alias": "riFxFlexOrder.lg"; "required": false; }; "riFxFlexOrder.xl": { "alias": "riFxFlexOrder.xl"; "required": false; }; "riFxFlexOrder.lt-sm": { "alias": "riFxFlexOrder.lt-sm"; "required": false; }; "riFxFlexOrder.lt-md": { "alias": "riFxFlexOrder.lt-md"; "required": false; }; "riFxFlexOrder.lt-lg": { "alias": "riFxFlexOrder.lt-lg"; "required": false; }; "riFxFlexOrder.lt-xl": { "alias": "riFxFlexOrder.lt-xl"; "required": false; }; "riFxFlexOrder.gt-xs": { "alias": "riFxFlexOrder.gt-xs"; "required": false; }; "riFxFlexOrder.gt-sm": { "alias": "riFxFlexOrder.gt-sm"; "required": false; }; "riFxFlexOrder.gt-md": { "alias": "riFxFlexOrder.gt-md"; "required": false; }; "riFxFlexOrder.gt-lg": { "alias": "riFxFlexOrder.gt-lg"; "required": false; }; }, {}, never, never, true, never>; }