@fundamental-ngx/core 0.56.0 → 0.56.1-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,16 @@
1
+ import { Nullable } from '@fundamental-ngx/cdk/utils';
2
+ import { Subject } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ export declare class CalendarLegendFocusingService {
5
+ /** Subject to emit the focused element */
6
+ focusedLegendItemSubject$: Subject<{
7
+ legendId: Nullable<string>;
8
+ specialDayNumber: Nullable<number>;
9
+ }>;
10
+ /** Clearing the focused element */
11
+ clearFocusedElement(): void;
12
+ /** Setting the elements that are getting currently focused */
13
+ _handleLegendItemFocus(legendId: string, specialDayNumber: Nullable<number>): void;
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<CalendarLegendFocusingService, never>;
15
+ static ɵprov: i0.ɵɵInjectableDeclaration<CalendarLegendFocusingService>;
16
+ }
@@ -1,28 +1,16 @@
1
- import { ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
2
- import { CssClassBuilder, Nullable } from '@fundamental-ngx/cdk/utils';
1
+ import { ElementRef, OnChanges, OnInit } from '@angular/core';
2
+ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
3
3
  import * as i0 from "@angular/core";
4
- export declare class LegendItemComponent implements OnChanges, OnInit, CssClassBuilder {
4
+ export declare class CalendarLegendItemComponent implements OnChanges, OnInit, CssClassBuilder {
5
5
  elementRef: ElementRef;
6
- /** Sending the focused item to parent */
7
- focusedElementEvent: EventEmitter<string>;
8
6
  /** The text of the legend item */
9
7
  text: import("@angular/core").InputSignal<string | undefined>;
10
8
  /** The color of the legend item marker */
11
9
  color: import("@angular/core").InputSignal<string | undefined>;
12
- /** The type of the legend item */
13
- type: import("@angular/core").InputSignal<Nullable<string>>;
14
10
  /** If the marker is a circle or a square */
15
11
  circle: import("@angular/core").InputSignal<boolean | undefined>;
16
- /** The id of the legend item */
17
- id: import("@angular/core").InputSignal<string>;
18
- /** The aria-label of the legend item */
19
- ariaLabel: import("@angular/core").InputSignal<string | undefined>;
20
- /** The aria-labelledby of the legend item */
21
- ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
22
- /** The aria-describedby of the legend item */
23
- ariaDescribedBy: import("@angular/core").InputSignal<string | undefined>;
24
12
  /** @hidden */
25
- class: string;
13
+ class: import("@angular/core").InputSignal<string | undefined>;
26
14
  /** @hidden */
27
15
  constructor(elementRef: ElementRef);
28
16
  /** @hidden */
@@ -32,13 +20,9 @@ export declare class LegendItemComponent implements OnChanges, OnInit, CssClassB
32
20
  /** @hidden */
33
21
  ngOnInit(): void;
34
22
  /** @hidden */
35
- getTypeClass(): string;
36
- /** @hidden */
37
23
  getAppointmentClass(): string;
38
24
  /** @hidden */
39
25
  getColorClass(): string;
40
- /** @hidden */
41
- onFocus(): void;
42
- static ɵfac: i0.ɵɵFactoryDeclaration<LegendItemComponent, never>;
43
- static ɵcmp: i0.ɵɵComponentDeclaration<LegendItemComponent, "fd-calendar-legend-item", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "focusedElementEvent": "focusedElementEvent"; }, never, ["*"], true, never>;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<CalendarLegendItemComponent, never>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<CalendarLegendItemComponent, "fd-calendar-legend-item", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
44
28
  }
@@ -1,18 +1,32 @@
1
+ import { Nullable } from '@fundamental-ngx/cdk/utils';
1
2
  import { DatetimeAdapter, FdDate } from '@fundamental-ngx/core/datetime';
2
3
  import { SpecialDayRule } from '@fundamental-ngx/core/shared';
4
+ import { CalendarLegendFocusingService } from './calendar-legend-focusing.service';
3
5
  import * as i0 from "@angular/core";
4
6
  export declare class CalendarLegendComponent<D> {
5
7
  datetimeAdapter: DatetimeAdapter<FdDate>;
8
+ private focusingService;
9
+ /** The unique identifier of the calendar legend. This is a required property. */
10
+ legendId: import("@angular/core").InputSignal<string>;
6
11
  /**
7
12
  * Make it a column instead
8
13
  */
9
- col: boolean;
10
- /** Special
11
- * days rules to be displayed in the legend */
14
+ col: import("@angular/core").InputSignal<boolean>;
15
+ /** Whether to display the legend item for today's date. */
16
+ displayTodayLegendItem: import("@angular/core").InputSignal<boolean>;
17
+ /** Whether to display the legend item for the currently selected date. */
18
+ displaySelectedLegendItem: import("@angular/core").InputSignal<boolean>;
19
+ /** Whether to display the legend item for work days. */
20
+ displayWorkDayLegendItem: import("@angular/core").InputSignal<boolean>;
21
+ /** Whether to display the legend item for non-work days. */
22
+ displayNonWorkDayLegendItem: import("@angular/core").InputSignal<boolean>;
23
+ /**
24
+ * Special days rules to be displayed in the legend
25
+ */
12
26
  specialDaysRules: import("@angular/core").InputSignal<SpecialDayRule<D>[]>;
13
- /** Element getting focused */
14
- focusedElement: import("@angular/core").InputSignal<string>;
15
- constructor(datetimeAdapter: DatetimeAdapter<FdDate>);
27
+ constructor(datetimeAdapter: DatetimeAdapter<FdDate>, focusingService: CalendarLegendFocusingService);
28
+ /** @hidden */
29
+ _handleFocusedElementEvent(specialDayNumber: Nullable<number>): void;
16
30
  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarLegendComponent<any>, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<CalendarLegendComponent<any>, "fd-calendar-legend", never, { "col": { "alias": "col"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
31
+ static ɵcmp: i0.ɵɵComponentDeclaration<CalendarLegendComponent<any>, "fd-calendar-legend", never, { "legendId": { "alias": "legendId"; "required": true; "isSignal": true; }; "col": { "alias": "col"; "required": false; "isSignal": true; }; "displayTodayLegendItem": { "alias": "displayTodayLegendItem"; "required": false; "isSignal": true; }; "displaySelectedLegendItem": { "alias": "displaySelectedLegendItem"; "required": false; "isSignal": true; }; "displayWorkDayLegendItem": { "alias": "displayWorkDayLegendItem"; "required": false; "isSignal": true; }; "displayNonWorkDayLegendItem": { "alias": "displayNonWorkDayLegendItem"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
18
32
  }
@@ -5,6 +5,7 @@ import { CalendarCurrent } from '../../models/calendar-current';
5
5
  import { CalendarDay } from '../../models/calendar-day';
6
6
  import { DateRange } from '../../models/date-range';
7
7
  import { Nullable } from '@fundamental-ngx/cdk/utils';
8
+ import { CalendarLegendFocusingService } from '../../calendar-legend/calendar-legend-focusing.service';
8
9
  import { CalendarService } from '../../calendar.service';
9
10
  import { DisableDateFunction, EscapeFocusFunction, FocusableCalendarView } from '../../models/common';
10
11
  import { CalendarType, DaysOfWeek } from '../../types';
@@ -14,6 +15,7 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
14
15
  private eRef;
15
16
  private changeDetRef;
16
17
  private calendarService;
18
+ private legendFocusedService;
17
19
  private _dateTimeFormats;
18
20
  _dateTimeAdapter: DatetimeAdapter<D>;
19
21
  /** Currently displayed month and year for days */
@@ -64,6 +66,8 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
64
66
  calType: import("@angular/core").ModelSignal<CalendarType>;
65
67
  /** Id of the calendar. If none is provided, one will be generated. */
66
68
  id: import("@angular/core").InputSignal<string | undefined>;
69
+ /** @hidden Id of the associated legend, passed from the parent calendar component. */
70
+ associatedLegendId: import("@angular/core").InputSignal<string | undefined>;
67
71
  /**
68
72
  * Whether user wants to mark day cells on hover.
69
73
  * Works only on range mode, when start date is selected.
@@ -147,7 +151,7 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
147
151
  */
148
152
  private _newRange;
149
153
  /** @hidden */
150
- constructor(eRef: ElementRef, changeDetRef: ChangeDetectorRef, calendarService: CalendarService, _dateTimeFormats: DateTimeFormats, _dateTimeAdapter: DatetimeAdapter<D>);
154
+ constructor(eRef: ElementRef, changeDetRef: ChangeDetectorRef, calendarService: CalendarService, legendFocusedService: CalendarLegendFocusingService, _dateTimeFormats: DateTimeFormats, _dateTimeAdapter: DatetimeAdapter<D>);
151
155
  /** @hidden */
152
156
  ngOnInit(): void;
153
157
  /** @hidden */
@@ -277,6 +281,10 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
277
281
  * Also triggers event to parent calendar component and rebuilds day view grid
278
282
  */
279
283
  private _selectNextMonth;
284
+ /** @hidden */
285
+ private _focusOnLegendsDay;
286
+ /** @hidden */
287
+ private _legendBlurred;
280
288
  /**
281
289
  * @hidden
282
290
  * Method that creates array of CalendarDay models which will be shown on day grid,
@@ -487,5 +495,5 @@ export declare class CalendarDayViewComponent<D> implements OnInit, OnChanges, F
487
495
  */
488
496
  private _handleMultiRangeHover;
489
497
  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDayViewComponent<any>, never>;
490
- static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDayViewComponent<any>, "fd-calendar-day-view", never, { "currentlyDisplayed": { "alias": "currentlyDisplayed"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; "isSignal": true; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; "isSignal": true; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; "isSignal": true; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; "isSignal": true; }; "calType": { "alias": "calType"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; "isSignal": true; }; "markWeekends": { "alias": "markWeekends"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; "isSignal": true; }; "focusEscapeFunction": { "alias": "focusEscapeFunction"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, { "nextMonthSelect": "nextMonthSelect"; "previousMonthSelect": "previousMonthSelect"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "disableFunction": "disableFunctionChange"; "disableRangeStartFunction": "disableRangeStartFunctionChange"; "disableRangeEndFunction": "disableRangeEndFunctionChange"; "startingDayOfWeek": "startingDayOfWeekChange"; "calType": "calTypeChange"; "rangeHoverEffect": "rangeHoverEffectChange"; "allowMultipleSelection": "allowMultipleSelectionChange"; }, never, never, true, never>;
498
+ static ɵcmp: i0.ɵɵComponentDeclaration<CalendarDayViewComponent<any>, "fd-calendar-day-view", never, { "currentlyDisplayed": { "alias": "currentlyDisplayed"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; "isSignal": true; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; "isSignal": true; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; "isSignal": true; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; "isSignal": true; }; "calType": { "alias": "calType"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "associatedLegendId": { "alias": "associatedLegendId"; "required": false; "isSignal": true; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; "isSignal": true; }; "markWeekends": { "alias": "markWeekends"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; "isSignal": true; }; "focusEscapeFunction": { "alias": "focusEscapeFunction"; "required": false; "isSignal": true; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; }, { "nextMonthSelect": "nextMonthSelect"; "previousMonthSelect": "previousMonthSelect"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "disableFunction": "disableFunctionChange"; "disableRangeStartFunction": "disableRangeStartFunctionChange"; "disableRangeEndFunction": "disableRangeEndFunctionChange"; "startingDayOfWeek": "startingDayOfWeekChange"; "calType": "calTypeChange"; "rangeHoverEffect": "rangeHoverEffectChange"; "allowMultipleSelection": "allowMultipleSelectionChange"; }, never, never, true, never>;
491
499
  }
@@ -141,6 +141,8 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
141
141
  * @param activeView current view of calendar
142
142
  */
143
143
  nextButtonDisableFunction: NavigationButtonDisableFunction<D>;
144
+ /** The unique ID of the calendar legend, if the calendar is to display a legend. */
145
+ associatedLegendId: string;
144
146
  /**
145
147
  * @hidden
146
148
  * Currently displayed days depending on month and year
@@ -295,5 +297,5 @@ export declare class CalendarComponent<D> implements OnInit, OnChanges, ControlV
295
297
  /** @hidden */
296
298
  private _isNavigationButtonDisabled;
297
299
  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent<any>, [null, null, null, { optional: true; }, { optional: true; }]>;
298
- static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "fd-calendar", never, { "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "calType": { "alias": "calType"; "required": false; }; "id": { "alias": "id"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "dateRangeFormat": { "alias": "dateRangeFormat"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "escapeFocusFunction": { "alias": "escapeFocusFunction"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "activeViewChange": "activeViewChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "isValidDateChange": "isValidDateChange"; "closeCalendar": "closeCalendar"; "closeClicked": "closeClicked"; }, never, never, true, never>;
300
+ static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent<any>, "fd-calendar", never, { "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedMultipleDates": { "alias": "selectedMultipleDates"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "selectedMultipleDateRanges": { "alias": "selectedMultipleDateRanges"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "calType": { "alias": "calType"; "required": false; }; "id": { "alias": "id"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "dateRangeFormat": { "alias": "dateRangeFormat"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "associatedLegendId": { "alias": "associatedLegendId"; "required": false; }; "escapeFocusFunction": { "alias": "escapeFocusFunction"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "activeViewChange": "activeViewChange"; "selectedDateChange": "selectedDateChange"; "selectedMultipleDatesChange": "selectedMultipleDatesChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "selectedMultipleDateRangesChange": "selectedMultipleDateRangesChange"; "isValidDateChange": "isValidDateChange"; "closeCalendar": "closeCalendar"; "closeClicked": "closeClicked"; }, never, never, true, never>;
299
301
  }
@@ -4,7 +4,8 @@ export interface CalendarDay<D> extends BaseCalendarCell {
4
4
  weekDay: number;
5
5
  weekend: boolean;
6
6
  monthStatus?: 'previous' | 'current' | 'next';
7
- specialNumber?: number;
7
+ specialDayNumber?: number;
8
+ shouldHideSpecialDayMarker?: boolean;
8
9
  blocked?: boolean;
9
10
  past?: boolean;
10
11
  selectedFirst?: boolean;
@@ -0,0 +1,36 @@
1
+ import * as i0 from "@angular/core";
2
+ export type ContainerFlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
3
+ export type ContainerFlexJustify = 'start' | 'center' | 'end' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
4
+ export type ContainerFlexAlign = 'start' | 'center' | 'end' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'self-start' | 'self-end' | 'baseline';
5
+ export declare class FacetContainerComponent {
6
+ /**
7
+ * Value for the direction of the flex container.
8
+ * Possible values: 'row' | 'row-reverse' | 'column' | 'column-reverse'
9
+ * Default: 'column'
10
+ */
11
+ flexDirection: import("@angular/core").InputSignal<ContainerFlexDirection>;
12
+ /**
13
+ * Value for align-items of the flex container.
14
+ * Possible values:
15
+ * 'start', 'center', 'end', 'flex-start', 'flex-end', 'space-between', 'space-around',
16
+ * 'space-evenly', 'stretch', 'self-start', 'self-end', 'baseline'
17
+ * Default: 'start'
18
+ */
19
+ alignItems: import("@angular/core").InputSignal<ContainerFlexJustify>;
20
+ /**
21
+ * Value for justify-content of the flex container.
22
+ * Possible values:
23
+ * 'start', 'center', 'end', 'flex-start', 'flex-end', 'space-between', 'space-around',
24
+ * 'space-evenly', 'stretch'
25
+ * Default: 'start'
26
+ */
27
+ justifyContent: import("@angular/core").InputSignal<ContainerFlexAlign>;
28
+ /**
29
+ * Value for the flex container gap in rem.
30
+ * An integer number
31
+ * Default: 1
32
+ */
33
+ flexGap: import("@angular/core").InputSignal<number>;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<FacetContainerComponent, never>;
35
+ static ɵcmp: i0.ɵɵComponentDeclaration<FacetContainerComponent, "fd-facet-container", never, { "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "flexGap": { "alias": "flexGap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
36
+ }
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
2
2
  import * as i1 from "./facet/facet.component";
3
3
  import * as i2 from "./facet-group.component";
4
4
  import * as i3 from "./content/facet-content.component";
5
+ import * as i4 from "./facet-container.component";
5
6
  export declare class FacetModule {
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<FacetModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<FacetModule, never, [typeof i1.FacetComponent, typeof i2.FacetGroupComponent, typeof i3.FacetContentComponent], [typeof i1.FacetComponent, typeof i2.FacetGroupComponent, typeof i3.FacetContentComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FacetModule, never, [typeof i1.FacetComponent, typeof i2.FacetGroupComponent, typeof i3.FacetContentComponent, typeof i4.FacetContainerComponent], [typeof i1.FacetComponent, typeof i2.FacetGroupComponent, typeof i3.FacetContentComponent, typeof i4.FacetContainerComponent]>;
8
9
  static ɵinj: i0.ɵɵInjectorDeclaration<FacetModule>;
9
10
  }
package/facets/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from './constants';
2
2
  export * from './content/facet-content.component';
3
+ export * from './facet-container.component';
3
4
  export * from './facet-group.component';
4
5
  export * from './facet.module';
5
6
  export * from './facet/facet.component';