@angular/flex-layout
Version:
Angular Flex-Layout =======
50 lines (49 loc) • 3.12 kB
TypeScript
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import { ElementRef } from '@angular/core';
import { BaseDirective2, StyleBuilder, StyleDefinition, StyleUtils, MediaMarshaller, ElementMatcher } from '@angular/flex-layout/core';
import * as i0 from "@angular/core";
export interface LayoutAlignParent {
layout: string;
inline: boolean;
}
export declare class LayoutAlignStyleBuilder extends StyleBuilder {
buildStyles(align: string, parent: LayoutAlignParent): StyleDefinition;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutAlignStyleBuilder, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<LayoutAlignStyleBuilder>;
}
/**
* 'layout-align' flexbox styling directive
* Defines positioning of child elements along main and cross axis in a layout container
* Optional values: {main-axis} values or {main-axis cross-axis} value pairs
*
* @see https://css-tricks.com/almanac/properties/j/justify-content/
* @see https://css-tricks.com/almanac/properties/a/align-items/
* @see https://css-tricks.com/almanac/properties/a/align-content/
*/
export declare class LayoutAlignDirective extends BaseDirective2 {
protected DIRECTIVE_KEY: string;
protected layout: string;
protected inline: boolean;
constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: LayoutAlignStyleBuilder, marshal: MediaMarshaller);
/**
*
*/
protected updateWithValue(value: string): void;
/**
* Cache the parent container 'flex-direction' and update the 'flex' styles
*/
protected onLayoutChange(matcher: ElementMatcher): void;
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutAlignDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutAlignDirective, never, never, {}, {}, never>;
}
export declare class DefaultLayoutAlignDirective extends LayoutAlignDirective {
protected inputs: string[];
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultLayoutAlignDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultLayoutAlignDirective, " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", never, { "fxLayoutAlign": "fxLayoutAlign"; "fxLayoutAlign.xs": "fxLayoutAlign.xs"; "fxLayoutAlign.sm": "fxLayoutAlign.sm"; "fxLayoutAlign.md": "fxLayoutAlign.md"; "fxLayoutAlign.lg": "fxLayoutAlign.lg"; "fxLayoutAlign.xl": "fxLayoutAlign.xl"; "fxLayoutAlign.lt-sm": "fxLayoutAlign.lt-sm"; "fxLayoutAlign.lt-md": "fxLayoutAlign.lt-md"; "fxLayoutAlign.lt-lg": "fxLayoutAlign.lt-lg"; "fxLayoutAlign.lt-xl": "fxLayoutAlign.lt-xl"; "fxLayoutAlign.gt-xs": "fxLayoutAlign.gt-xs"; "fxLayoutAlign.gt-sm": "fxLayoutAlign.gt-sm"; "fxLayoutAlign.gt-md": "fxLayoutAlign.gt-md"; "fxLayoutAlign.gt-lg": "fxLayoutAlign.gt-lg"; }, {}, never>;
}