@fireng/layout
Version:
Angular directives for responsive layout and visual adjustments using Fireng breakpoints.
47 lines (46 loc) • 2.63 kB
TypeScript
import { FirengResponsiveMap } from '@fireng/core';
import { FirengJustifyContent } from '../fireng.types';
import * as i0 from "@angular/core";
export declare class FirengJustifyContentDirective {
/**
* Defines how flex items are distributed along the main axis of their container,
* after any flexible lengths and auto margins have been applied.
* Accepted values for justifyContent are:
* - `flex-start`: Items are packed towards the start of the flex-direction.
* - `flex-end`: Items are packed towards the end of the flex-direction.
* - `center`: Items are centered along the main axis.
* - `space-between`: Items are evenly distributed with the first item at the start
* and the last item at the end.
* - `space-around`: Items are evenly distributed with equal space around them.
* - `space-evenly`: Items are evenly distributed with equal space around them,
* including the space at the ends.
*
* Other accepted values include:
* `start`, `end`, `left`, `right`, `normal`, `stretch`,
* `safe center`, `unsafe center`.
*
* This input also accepts values from `FirengCssOverflowAlignment` (e.g., `safe`, `unsafe`)
* when combined with alignment keywords (like `center`).
*
* Global CSS values are also accepted: `inherit`, `initial`, `unset`, `revert`.
*
* For more details on the justify-content property, refer to the MDN documentation:
* @see [MDN - justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
*
* Can also be provided as a responsive map for different screen sizes.
* @example
* // Static usage:
* <div fireJustifyContent="center">...</div>
* <div fireJustifyContent="space-between">...</div>
* <div fireJustifyContent="safe center">...</div>
* <div fireJustifyContent="unset">...</div> // Example with a global value
* // Responsive usage:
* <div fireJustifyContent="{ xs: 'flex-start', sm: 'center', md: 'space-between', lg: 'inherit' }">...</div>
* @defaultValue `normal`
*/
justifyContent: import("@angular/core").InputSignal<FirengJustifyContent | FirengResponsiveMap<FirengJustifyContent>>;
private readonly screenService;
private readonly activeJustifyContent;
static ɵfac: i0.ɵɵFactoryDeclaration<FirengJustifyContentDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FirengJustifyContentDirective, "[fireJustifyContent]", never, { "justifyContent": { "alias": "fireJustifyContent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}