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.
21 lines (20 loc) • 2.64 kB
TypeScript
import { ElementRef } 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 FlexAlignStyleBuilder extends StyleGenerator {
buildStyles(input: string): StyleDefinition;
static ɵfac: i0.ɵɵFactoryDeclaration<FlexAlignStyleBuilder, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<FlexAlignStyleBuilder>;
}
export declare class FlexAlignDirective extends BaseDirective {
protected RI_DIRECTIVE_KEY: string;
constructor(elRef: ElementRef, styleUtils: StyleUtilsService, styleBuilder: FlexAlignStyleBuilder, marshal: MediaMarshaller);
protected styleCache: Map<string, StyleDefinition>;
static ɵfac: i0.ɵɵFactoryDeclaration<FlexAlignDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FlexAlignDirective, never, never, {}, {}, never, never, true, never>;
}
export declare class RIDefaultFlexAlignDirective extends FlexAlignDirective {
protected inputs: string[];
static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultFlexAlignDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultFlexAlignDirective, " [riFxFlexAlign], [riFxFlexAlign.xs], [riFxFlexAlign.sm], [riFxFlexAlign.md], [riFxFlexAlign.lg], [riFxFlexAlign.xl], [riFxFlexAlign.lt-sm], [riFxFlexAlign.lt-md], [riFxFlexAlign.lt-lg], [riFxFlexAlign.lt-xl], [riFxFlexAlign.gt-xs], [riFxFlexAlign.gt-sm], [riFxFlexAlign.gt-md], [riFxFlexAlign.gt-lg]", never, { "riFxFlexAlign": { "alias": "riFxFlexAlign"; "required": false; }; "riFxFlexAlign.xs": { "alias": "riFxFlexAlign.xs"; "required": false; }; "riFxFlexAlign.sm": { "alias": "riFxFlexAlign.sm"; "required": false; }; "riFxFlexAlign.md": { "alias": "riFxFlexAlign.md"; "required": false; }; "riFxFlexAlign.lg": { "alias": "riFxFlexAlign.lg"; "required": false; }; "riFxFlexAlign.xl": { "alias": "riFxFlexAlign.xl"; "required": false; }; "riFxFlexAlign.lt-sm": { "alias": "riFxFlexAlign.lt-sm"; "required": false; }; "riFxFlexAlign.lt-md": { "alias": "riFxFlexAlign.lt-md"; "required": false; }; "riFxFlexAlign.lt-lg": { "alias": "riFxFlexAlign.lt-lg"; "required": false; }; "riFxFlexAlign.lt-xl": { "alias": "riFxFlexAlign.lt-xl"; "required": false; }; "riFxFlexAlign.gt-xs": { "alias": "riFxFlexAlign.gt-xs"; "required": false; }; "riFxFlexAlign.gt-sm": { "alias": "riFxFlexAlign.gt-sm"; "required": false; }; "riFxFlexAlign.gt-md": { "alias": "riFxFlexAlign.gt-md"; "required": false; }; "riFxFlexAlign.gt-lg": { "alias": "riFxFlexAlign.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}