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.
46 lines (45 loc) • 3.8 kB
TypeScript
import { AfterContentInit, ElementRef, NgZone, OnDestroy } from '@angular/core';
import { BaseDirective, ElementMatcher, LayoutConfigOptions, MediaMarshaller, StyleDefinition, StyleGenerator, StyleUtilsService } from 'ri-flex-layout/src/lib/core';
import { Directionality } from '@angular/cdk/bidi';
import { Subject } from 'rxjs';
import * as i0 from "@angular/core";
export interface LayoutGapParent {
directionality: string;
items: HTMLElement[];
layout: string;
}
export declare class LayoutGapStyleBuilder extends StyleGenerator {
private _styler;
private _config;
constructor(_styler: StyleUtilsService, _config: LayoutConfigOptions);
buildStyles(gapValue: string, parent: LayoutGapParent): StyleDefinition;
sideEffect(gapValue: string, _styles: StyleDefinition, parent: LayoutGapParent): void;
private addFallbackUnit;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutGapStyleBuilder, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<LayoutGapStyleBuilder>;
}
export declare class LayoutGapDirective extends BaseDirective implements AfterContentInit, OnDestroy {
protected zone: NgZone;
protected directionality: Directionality;
protected styleUtils: StyleUtilsService;
protected layout: string;
protected RI_DIRECTIVE_KEY: string;
protected observerSubject: Subject<void>;
protected get childrenNodes(): HTMLElement[];
constructor(elRef: ElementRef, zone: NgZone, directionality: Directionality, styleUtils: StyleUtilsService, styleBuilder: LayoutGapStyleBuilder, marshal: MediaMarshaller);
ngAfterContentInit(): void;
ngOnDestroy(): void;
protected onLayoutChange(matcher: ElementMatcher): void;
protected updateWithValue(value: string): void;
protected clearStyles(): void;
protected willDisplay(source: HTMLElement): boolean;
protected buildChildObservable(): void;
protected observer?: MutationObserver;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutGapDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutGapDirective, never, never, {}, {}, never, never, true, never>;
}
export declare class RIDefaultLayoutGapDirective extends LayoutGapDirective {
protected inputs: string[];
static ɵfac: i0.ɵɵFactoryDeclaration<RIDefaultLayoutGapDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<RIDefaultLayoutGapDirective, " [riFxLayoutGap], [riFxLayoutGap.xs], [riFxLayoutGap.sm], [riFxLayoutGap.md], [riFxLayoutGap.lg], [riFxLayoutGap.xl], [riFxLayoutGap.lt-sm], [riFxLayoutGap.lt-md], [riFxLayoutGap.lt-lg], [riFxLayoutGap.lt-xl], [riFxLayoutGap.gt-xs], [riFxLayoutGap.gt-sm], [riFxLayoutGap.gt-md], [riFxLayoutGap.gt-lg]", never, { "riFxLayoutGap": { "alias": "riFxLayoutGap"; "required": false; }; "riFxLayoutGap.xs": { "alias": "riFxLayoutGap.xs"; "required": false; }; "riFxLayoutGap.sm": { "alias": "riFxLayoutGap.sm"; "required": false; }; "riFxLayoutGap.md": { "alias": "riFxLayoutGap.md"; "required": false; }; "riFxLayoutGap.lg": { "alias": "riFxLayoutGap.lg"; "required": false; }; "riFxLayoutGap.xl": { "alias": "riFxLayoutGap.xl"; "required": false; }; "riFxLayoutGap.lt-sm": { "alias": "riFxLayoutGap.lt-sm"; "required": false; }; "riFxLayoutGap.lt-md": { "alias": "riFxLayoutGap.lt-md"; "required": false; }; "riFxLayoutGap.lt-lg": { "alias": "riFxLayoutGap.lt-lg"; "required": false; }; "riFxLayoutGap.lt-xl": { "alias": "riFxLayoutGap.lt-xl"; "required": false; }; "riFxLayoutGap.gt-xs": { "alias": "riFxLayoutGap.gt-xs"; "required": false; }; "riFxLayoutGap.gt-sm": { "alias": "riFxLayoutGap.gt-sm"; "required": false; }; "riFxLayoutGap.gt-md": { "alias": "riFxLayoutGap.gt-md"; "required": false; }; "riFxLayoutGap.gt-lg": { "alias": "riFxLayoutGap.gt-lg"; "required": false; }; }, {}, never, never, true, never>;
}