@fireng/layout
Version:
Angular directives for responsive layout and visual adjustments using Fireng breakpoints.
34 lines (33 loc) • 1.86 kB
TypeScript
import { FirengFlexDirection } from '../fireng.types';
import { FirengResponsiveMap } from '@fireng/core';
import * as i0 from "@angular/core";
export declare class FirengFlexDirectionDirective {
/**
* Defines the primary axis along which flex items are laid out and the direction
* in which they are placed.
* Accepted values for flexDirection are:
* - `row`: Items are placed in a row, from left to right in LTR context.
* - `column`: Items are placed in a column, from top to bottom.
* - `row-reverse`: Items are placed in a row, from right to left in LTR context.
* - `column-reverse`: Items are placed in a column, from bottom to top.
*
* Global CSS values are also accepted: `inherit`, `initial`, `unset`, `revert`.
*
* For more details on the flex-direction property, refer to the MDN documentation:
* @see [MDN - flex-direction](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction)
*
* Can also be provided as a responsive map for different screen sizes.
* @example
* // Static usage:
* <div fireFlexDirection="column">...</div>
* <div fireFlexDirection="unset">...</div>
* // Responsive usage:
* <div fireFlexDirection="{ sm: 'row', md: 'column-reverse', lg: 'inherit' }">...</div>
* @defaultValue `row`
*/
flexDirection: import("@angular/core").InputSignal<FirengFlexDirection | FirengResponsiveMap<FirengFlexDirection>>;
private readonly screenService;
private readonly activeFlexDirection;
static ɵfac: i0.ɵɵFactoryDeclaration<FirengFlexDirectionDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FirengFlexDirectionDirective, "[fireFlexDirection]", never, { "flexDirection": { "alias": "fireFlexDirection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}