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.
28 lines (27 loc) • 2.99 kB
TypeScript
import { ElementRef } from '@angular/core';
import { BaseDirective, ElementMatcher, MediaMarshaller, StyleDefinition, StyleGenerator, StyleUtilsService } from 'ri-flex-layout/src/lib/core';
import * as i0 from "@angular/core";
export interface LayoutAlignParent {
layout: string;
inline: boolean;
}
export declare class LayoutAlignStyleBuilder extends StyleGenerator {
buildStyles(align: string, parent: LayoutAlignParent): StyleDefinition;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutAlignStyleBuilder, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<LayoutAlignStyleBuilder>;
}
export declare class LayoutAlignDirective extends BaseDirective {
protected RI_DIRECTIVE_KEY: string;
protected layout: string;
protected inline: boolean;
constructor(elRef: ElementRef, styleUtils: StyleUtilsService, styleBuilder: LayoutAlignStyleBuilder, marshal: MediaMarshaller);
protected updateWithValue(value: string): void;
protected onLayoutChange(matcher: ElementMatcher): void;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutAlignDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutAlignDirective, never, never, {}, {}, never, never, true, never>;
}
export declare class RIDefaultLayoutAlignDirective extends LayoutAlignDirective {
protected inputs: string[];
static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultLayoutAlignDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultLayoutAlignDirective, " [riFxLayoutAlign], [riFxLayoutAlign.xs], [riFxLayoutAlign.sm], [riFxLayoutAlign.md], [riFxLayoutAlign.lg], [riFxLayoutAlign.xl], [riFxLayoutAlign.lt-sm], [riFxLayoutAlign.lt-md], [riFxLayoutAlign.lt-lg], [riFxLayoutAlign.lt-xl], [riFxLayoutAlign.gt-xs], [riFxLayoutAlign.gt-sm], [riFxLayoutAlign.gt-md], [riFxLayoutAlign.gt-lg]", never, { "riFxLayoutAlign": { "alias": "riFxLayoutAlign"; "required": false; }; "riFxLayoutAlign.xs": { "alias": "riFxLayoutAlign.xs"; "required": false; }; "riFxLayoutAlign.sm": { "alias": "riFxLayoutAlign.sm"; "required": false; }; "riFxLayoutAlign.md": { "alias": "riFxLayoutAlign.md"; "required": false; }; "riFxLayoutAlign.lg": { "alias": "riFxLayoutAlign.lg"; "required": false; }; "riFxLayoutAlign.xl": { "alias": "riFxLayoutAlign.xl"; "required": false; }; "riFxLayoutAlign.lt-sm": { "alias": "riFxLayoutAlign.lt-sm"; "required": false; }; "riFxLayoutAlign.lt-md": { "alias": "riFxLayoutAlign.lt-md"; "required": false; }; "riFxLayoutAlign.lt-lg": { "alias": "riFxLayoutAlign.lt-lg"; "required": false; }; "riFxLayoutAlign.lt-xl": { "alias": "riFxLayoutAlign.lt-xl"; "required": false; }; "riFxLayoutAlign.gt-xs": { "alias": "riFxLayoutAlign.gt-xs"; "required": false; }; "riFxLayoutAlign.gt-sm": { "alias": "riFxLayoutAlign.gt-sm"; "required": false; }; "riFxLayoutAlign.gt-md": { "alias": "riFxLayoutAlign.gt-md"; "required": false; }; "riFxLayoutAlign.gt-lg": { "alias": "riFxLayoutAlign.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}