npm - @fundamental-ngx/core - Versions diffs - 0.45.1 → 0.46.0-rc.1 - Mend

@fundamental-ngx/core 0.45.1 → 0.46.0-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.

Files changed (418) hide show

package/date-picker/date-picker.component.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime
 import { FormItemControl, PopoverFormMessageService } from '@fundamental-ngx/core/form';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+import { DatePicker } from './date-picker.model';
 import * as i0 from "@angular/core";
 /**
  * The datetime picker component is an opinionated composition of the fd-popover and
@@ -17,7 +19,7 @@ import * as i0 from "@angular/core";
  * ```
  *
  */
-export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterViewInit, ControlValueAccessor, Validator, FormItemControl {
+export declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, OnDestroy, AfterViewInit, ControlValueAccessor, Validator, FormItemControl {
     private _changeDetectionRef;
     private _dateTimeAdapter;
     private _dateTimeFormats;
@@ -32,13 +34,9 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     required: boolean;
     /** Text displayed in message */
     set message(message: string);
-    /** @hidden */
-    _message: string | null;
     /** The trigger events that will open/close the message box.
      *  Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp). */
     set messageTriggers(triggers: string[]);
-    /** @hidden */
-    _messageTriggers: string[];
     /** The currently selected CalendarDay model */
     selectedDate: Nullable<D>;
     /** The currently selected FdDates model start and end in range mode. */
@@ -94,7 +92,7 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     buttonFocusable: boolean;
     /**
      * Special days mark, it can be used by passing array of object with
-     * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:
+     * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
      * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
      * Rule accepts method with FdDate object as a parameter. ex:
      * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
@@ -138,8 +136,14 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
      * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
      */
     preventScrollOnFocus: boolean;
-    /** @hidden */
-    _processInputOnBlur: boolean;
+    /** Whether date picker should rendered in mobile mode. */
+    mobile: boolean;
+    /** Mobile mode configuration. */
+    mobileConfig: MobileModeConfig;
+    /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
+    mobileLandscape: boolean;
+    /** Whether calendar is used inside mobile in portrait mode */
+    mobilePortrait: boolean;
     /** Event emitted when the state of the isOpen property changes. */
     readonly isOpenChange: EventEmitter<boolean>;
     /** Fired when a new date is selected. */
@@ -156,6 +160,16 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     _inputGroupElement: ElementRef;
     /** @hidden */
     _inputElement: ElementRef<HTMLInputElement>;
+    /** @hidden */
+    private readonly _controlTemplate;
+    /** @hidden */
+    private readonly _calendarTemplate;
+    /** @hidden */
+    _message: string | null;
+    /** @hidden */
+    _processInputOnBlur: boolean;
+    /** @hidden */
+    _messageTriggers: string[];
     /** @hidden The value of the input */
     _inputFieldDate: string | null;
     /** @hidden Whether the date input is invalid */
@@ -172,6 +186,21 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     private _subscriptions;
     /** @hidden */
     private _state;
+    /** @hidden */
+    private readonly _injector;
+    /** @hidden */
+    private readonly _dynamicComponentService;
+    /** @hidden */
+    private _mobileComponentRef;
+    /** @hidden */
+    get _rangeDelimiter(): string;
+    /**
+     * Date input aria label key based on type
+     * @hidden
+     */
+    get _dateInputArialLabelKey(): string;
+    /** @hidden */
+    constructor(_changeDetectionRef: ChangeDetectorRef, _dateTimeAdapter: DatetimeAdapter<D>, _dateTimeFormats: DateTimeFormats, _popoverFormMessage: PopoverFormMessageService);
     /**
      * Function used to disable certain dates in the calendar.
      * @param date date representation
@@ -192,14 +221,9 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     /** @hidden */
     onTouched: any;
     /** @hidden */
-    get _rangeDelimiter(): string;
-    /**
-     * Date input aria label key based on type
-     * @hidden
-     */
-    get _dateInputArialLabelKey(): string;
+    dialogApprove(): void;
     /** @hidden */
-    constructor(_changeDetectionRef: ChangeDetectorRef, _dateTimeAdapter: DatetimeAdapter<D>, _dateTimeFormats: DateTimeFormats, _popoverFormMessage: PopoverFormMessageService);
+    dialogDismiss(prevValue: D | DateRange<D>): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -273,6 +297,8 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     dateStringUpdate(dateStr: string): void;
     /** Method that provides information if model selected date/dates have properly types and are valid */
     isModelValid(): boolean;
+    /** Returns current selected date. */
+    getSelectedDate(): D | DateRange<D>;
     /** @hidden */
     _changeMessageVisibility(): void;
     /** @hidden */
@@ -301,6 +327,10 @@ export declare class DatePickerComponent<D> implements OnInit, OnDestroy, AfterV
     private _InitialiseVariablesInMessageService;
     /** @hidden */
     private _setOpenState;
+    /** @hidden */
+    private _setUpMobileMode;
+    /** @hidden */
+    private _isDateRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent<any>, [null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent<any>, "fd-date-picker", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent<any>, "fd-date-picker", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "previousButtonDisableFunction": { "alias": "previousButtonDisableFunction"; "required": false; }; "nextButtonDisableFunction": { "alias": "nextButtonDisableFunction"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never, false>;
 }

package/date-picker/date-picker.model.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { DateRange } from '@fundamental-ngx/core/calendar';
+import { MobileMode } from '@fundamental-ngx/core/mobile-mode';
+export interface DatePicker<D> extends MobileMode {
+    selectedDate: Nullable<D>;
+    isOpenChange: EventEmitter<boolean>;
+    dialogApprove(): void;
+    dialogDismiss(value: D | DateRange<D>): void;
+    getSelectedDate(): D | DateRange<D>;
+}

package/date-picker/date-picker.module.d.ts CHANGED Viewed

@@ -1,18 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./date-picker.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@fundamental-ngx/core/icon";
-import * as i4 from "@fundamental-ngx/core/popover";
-import * as i5 from "@fundamental-ngx/i18n";
-import * as i6 from "@fundamental-ngx/core/calendar";
-import * as i7 from "@angular/forms";
-import * as i8 from "@fundamental-ngx/core/input-group";
-import * as i9 from "@fundamental-ngx/core/button";
-import * as i10 from "@fundamental-ngx/core/form";
-import * as i11 from "@fundamental-ngx/core/bar";
-import * as i12 from "@fundamental-ngx/core/content-density";
+import * as i2 from "./date-picker-mobile/date-picker-mobile.component";
 export declare class DatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, [typeof i1.DatePickerComponent], [typeof i2.CommonModule, typeof i3.IconModule, typeof i4.PopoverModule, typeof i5.I18nModule, typeof i6.CalendarModule, typeof i7.FormsModule, typeof i8.InputGroupModule, typeof i9.ButtonModule, typeof i10.FormMessageModule, typeof i11.BarModule, typeof i12.ContentDensityModule], [typeof i1.DatePickerComponent, typeof i12.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, never, [typeof i1.DatePickerComponent, typeof i2.DatePickerMobileComponent], [typeof i1.DatePickerComponent, typeof i2.DatePickerMobileComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
 }

package/date-picker/index.d.ts CHANGED Viewed

@@ -1,2 +1,4 @@
 export * from './date-picker.module';
 export * from './date-picker.component';
+export * from './date-picker-mobile/date-picker-mobile.component';
+export * from './date-picker.model';

package/date-picker/tokens.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+import { DatePicker } from './date-picker.model';
+export declare const FD_DATE_PICKER_COMPONENT: InjectionToken<DatePicker<any>>;
+export declare const FD_DATE_PICKER_MOBILE_CONFIG: InjectionToken<MobileModeConfig>;

package/datetime-picker/datetime-picker-mobile/datetime-picker-mobile.component.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { DestroyRef, ElementRef, TemplateRef } from '@angular/core';
+import { MobileModeBase, MobileModeConfigToken } from '@fundamental-ngx/core/mobile-mode';
+import { DateTimePicker } from '../datetime-picker.model';
+import { DialogService } from '@fundamental-ngx/core/dialog';
+import * as i0 from "@angular/core";
+export declare class DatetimePickerMobileComponent<D> extends MobileModeBase<DateTimePicker<D>> {
+    private readonly _destroyRef;
+    dateTimePickerConfig: {
+        pickerTemplate: TemplateRef<any>;
+    };
+    /** @hidden */
+    dialogTemplate: TemplateRef<any>;
+    /** @hidden */
+    private _selectedBackup;
+    /** @hidden */
+    constructor(elementRef: ElementRef, dialogService: DialogService, _destroyRef: DestroyRef, dateTimePickerConfig: {
+        pickerTemplate: TemplateRef<any>;
+    }, datePickerComponent: DateTimePicker<D>, mobileModes: MobileModeConfigToken[]);
+    /** @hidden */
+    handleApprove(): void;
+    /** @hidden */
+    handleDismiss(): void;
+    /** @hidden */
+    private _toggleDialog;
+    /** @hidden */
+    private _open;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerMobileComponent<any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerMobileComponent<any>, "fd-datetime-picker-mobile", never, {}, {}, never, never, true, never, false>;
+}

package/datetime-picker/datetime-picker.component.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ import { CalendarComponent, CalendarYearGrid, DaysOfWeek, FdCalendarView } from
 import { FormItemControl, PopoverFormMessageService } from '@fundamental-ngx/core/form';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
+import { DateTimePicker } from './datetime-picker.model';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import * as i0 from "@angular/core";
 /**
  * The datetime picker component is an opinionated composition of the fd-popover,
@@ -15,7 +17,7 @@ import * as i0 from "@angular/core";
  * <fd-date-time-picker [(ngModel)]="dateTime"></fd-date-time-picker>
  * ```
  */
-export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor, Validator, FormItemControl {
+export declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor, Validator, FormItemControl {
     private _elRef;
     private _changeDetRef;
     private _dateTimeAdapter;
@@ -50,13 +52,9 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
     ariaLabelledBy: Nullable<string>;
     /** Text displayed in message */
     set message(message: string);
-    /** @hidden */
-    _message: string | null;
     /** The trigger events that will open/close the message box.
      *  Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp). */
     set messageTriggers(triggers: string[]);
-    /** @hidden */
-    _messageTriggers: string[];
     /**
      * Whether the time component shows minutes.
      * Default value is based on the current locale format option
@@ -100,7 +98,7 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
     buttonFocusable: boolean;
     /**
      * Special days mark, it can be used by passing array of object with
-     * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:
+     * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
      * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
      * Rule accepts method with FdDate object as a parameter. ex:
      * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
@@ -139,6 +137,14 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
      * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
      */
     preventScrollOnFocus: boolean;
+    /** Whether to render datetime picker in mobile mode. */
+    mobile: boolean;
+    /** Mobile mode configuration. */
+    mobileConfig: MobileModeConfig;
+    /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
+    mobileLandscape: boolean;
+    /** Whether calendar is used inside mobile in portrait mode */
+    mobilePortrait: boolean;
     /** Event emitted when the state of the isOpen property changes. */
     isOpenChange: EventEmitter<boolean>;
     /** Event thrown every time calendar active view is changed */
@@ -164,6 +170,12 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
     /** @hidden */
     _inputElement: ElementRef<HTMLInputElement>;
     /** @hidden */
+    private readonly _pickerTemplate;
+    /** @hidden */
+    _message: string | null;
+    /** @hidden */
+    _messageTriggers: string[];
+    /** @hidden */
     _processInputOnBlur: boolean;
     /**
      * @hidden
@@ -194,22 +206,26 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
     /** @hidden */
     private _calendarPendingDate;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _injector;
+    /** @hidden */
+    private readonly _dynamicComponentService;
+    /** @hidden */
+    private _mobileComponentRef;
     /** @hidden */
     private _subscriptions;
     /** @hidden */
     private _touched;
     /** @hidden */
-    onChange: (value: D | null) => void;
-    /** @hidden */
-    onTouched: () => void;
+    constructor(_elRef: ElementRef, _changeDetRef: ChangeDetectorRef, _dateTimeAdapter: DatetimeAdapter<D>, _dateTimeFormats: DateTimeFormats, _popoverFormMessage: PopoverFormMessageService);
     /**
      * Function used to disable certain dates in the calendar.
      * @param fdDate FdDate
      */
     disableFunction: (value: D) => boolean;
     /** @hidden */
-    constructor(_elRef: ElementRef, _changeDetRef: ChangeDetectorRef, _dateTimeAdapter: DatetimeAdapter<D>, _dateTimeFormats: DateTimeFormats, _popoverFormMessage: PopoverFormMessageService);
+    onChange: (value: D | null) => void;
+    /** @hidden */
+    onTouched: () => void;
     /** @hidden */
     ngOnChanges(changes: any): void;
     /** @hidden */
@@ -285,6 +301,10 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
      */
     handleInputChange(inputStr: string, isTypeEvent: boolean): void;
     /** @hidden */
+    dialogApprove(): void;
+    /** Method used to restore original value for mobile mode. */
+    dialogDismiss(value: D): void;
+    /** @hidden */
     _changeMessageVisibility(): void;
     /** @hidden */
     _onOpenStateChanged(isOpen: boolean): void;
@@ -309,6 +329,8 @@ export declare class DatetimePickerComponent<D> implements OnInit, OnDestroy, On
     private _setTempDateTime;
     /** @hidden */
     private _calculateTimeOptions;
+    /** @hidden */
+    private _setUpMobileMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerComponent<any>, [null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent<any>, "fd-datetime-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "date": { "alias": "date"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "dateChange": "dateChange"; "calendarChange": "calendarChange"; "timeChange": "timeChange"; "onClose": "onClose"; "touched": "touched"; }, never, ["*"], false, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent<any>, "fd-datetime-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "date": { "alias": "date"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "dateChange": "dateChange"; "calendarChange": "calendarChange"; "timeChange": "timeChange"; "onClose": "onClose"; "touched": "touched"; }, never, ["*"], true, never, false>;
 }

package/datetime-picker/datetime-picker.model.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { EventEmitter } from '@angular/core';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { MobileMode } from '@fundamental-ngx/core/mobile-mode';
+export interface DateTimePicker<D> extends MobileMode {
+    date: Nullable<D>;
+    isOpenChange: EventEmitter<boolean>;
+    dialogApprove(): void;
+    dialogDismiss(value: Nullable<D>): void;
+}

package/datetime-picker/datetime-picker.module.d.ts CHANGED Viewed

@@ -1,20 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./datetime-picker.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@fundamental-ngx/core/icon";
-import * as i4 from "@fundamental-ngx/core/popover";
-import * as i5 from "@fundamental-ngx/core/calendar";
-import * as i6 from "@angular/forms";
-import * as i7 from "@fundamental-ngx/core/time";
-import * as i8 from "@fundamental-ngx/core/input-group";
-import * as i9 from "@fundamental-ngx/core/button";
-import * as i10 from "@fundamental-ngx/i18n";
-import * as i11 from "@fundamental-ngx/core/bar";
-import * as i12 from "@fundamental-ngx/core/segmented-button";
-import * as i13 from "@fundamental-ngx/core/form";
-import * as i14 from "@fundamental-ngx/core/content-density";
+import * as i2 from "./datetime-picker-mobile/datetime-picker-mobile.component";
 export declare class DatetimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatetimePickerModule, [typeof i1.DatetimePickerComponent], [typeof i2.CommonModule, typeof i3.IconModule, typeof i4.PopoverModule, typeof i5.CalendarModule, typeof i6.FormsModule, typeof i7.TimeModule, typeof i8.InputGroupModule, typeof i9.ButtonModule, typeof i10.I18nModule, typeof i11.BarModule, typeof i12.SegmentedButtonModule, typeof i13.FormMessageModule, typeof i14.ContentDensityModule], [typeof i1.DatetimePickerComponent, typeof i14.ContentDensityModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatetimePickerModule, never, [typeof i1.DatetimePickerComponent, typeof i2.DatetimePickerMobileComponent], [typeof i1.DatetimePickerComponent, typeof i2.DatetimePickerMobileComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatetimePickerModule>;
 }

package/datetime-picker/index.d.ts CHANGED Viewed

@@ -1,2 +1,4 @@
 export * from './datetime-picker.module';
 export * from './datetime-picker.component';
+export * from './datetime-picker-mobile/datetime-picker-mobile.component';
+export * from './datetime-picker.model';

package/datetime-picker/tokens.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+import { DateTimePicker } from './datetime-picker.model';
+import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+export declare const FD_DATETIME_PICKER_COMPONENT: InjectionToken<DateTimePicker<any>>;
+export declare const FD_DATETIME_PICKER_MOBILE_CONFIG: InjectionToken<MobileModeConfig>;

package/dialog/dialog.module.d.ts CHANGED Viewed

@@ -21,6 +21,6 @@ import * as i19 from "@angular/cdk/portal";
 import * as i20 from "@angular/cdk/overlay";
 export declare class DialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective], [typeof i9.BarModule, typeof i10.IconModule, typeof i11.TitleModule, typeof i12.CommonModule, typeof i13.ButtonModule, typeof i14.ResizeModule, typeof i14.TemplateModule, typeof i15.DragDropModule, typeof i14.InitialFocusModule, typeof i16.BusyIndicatorModule, typeof i17.A11yModule, typeof i18.ScrollbarModule, typeof i19.PortalModule, typeof i20.OverlayModule], [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective, typeof i9.BarModule, typeof i11.TitleModule, typeof i14.TemplateModule, typeof i14.InitialFocusModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective], [typeof i9.BarModule, typeof i10.IconModule, typeof i11.TitleModule, typeof i12.CommonModule, typeof i13.ButtonModule, typeof i14.ResizeModule, typeof i14.TemplateModule, typeof i15.DragDropModule, typeof i14.InitialFocusModule, typeof i16.BusyIndicatorModule, typeof i17.A11yModule, typeof i18.ScrollbarModule, typeof i19.PortalModule, typeof i20.OverlayModule, typeof i14.DynamicPortalComponent], [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective, typeof i9.BarModule, typeof i11.TitleModule, typeof i14.TemplateModule, typeof i14.InitialFocusModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DialogModule>;
 }

package/dialog/utils/dialog-ref.class.d.ts CHANGED Viewed

@@ -1,12 +1,18 @@
 import { Observable } from 'rxjs';
+import { TemplateRef, Type } from '@angular/core';
 import { DialogRefBase } from '../base/dialog-ref-base.class';
 import * as i0 from "@angular/core";
+export interface DialogRefLoadingConfiguration {
+    isLoading: boolean;
+    loadingLabel?: string;
+    loadingContent?: string | TemplateRef<any> | Type<any>;
+}
 /**
  * Reference to a dialog component
  * It can be injected into the content component through the constructor.
  * For a template, it is declared as part of the implicit context, see examples.
  */
-export declare class DialogRef<T = any, P = any> extends DialogRefBase<T, P> {
+export declare class DialogRef<T = any, P = any> extends DialogRefBase<T, P> implements DialogRefLoadingConfiguration {
     /** @hidden */
     private readonly _onHide;
     /** @hidden */
@@ -15,8 +21,12 @@ export declare class DialogRef<T = any, P = any> extends DialogRefBase<T, P> {
     onHide: Observable<boolean>;
     /** Observable that is triggered whenever the dialog should be displayed in loading state.*/
     onLoading: Observable<boolean>;
-    /** @hidden */
-    constructor();
+    /** Value used to determine if dialog window should be hidden or visible. */
+    isLoading: boolean;
+    /** Text, that is rendered in loading state */
+    loadingLabel?: string;
+    /** Content, that is rendered in loading state before busy indicator */
+    loadingContent?: DialogRefLoadingConfiguration['loadingContent'];
     /**
      * Visually hides the dialog.
      * @param isHidden Value used to determine if dialog window should be hidden or visible.
@@ -24,9 +34,9 @@ export declare class DialogRef<T = any, P = any> extends DialogRefBase<T, P> {
     hide(isHidden: boolean): void;
     /**
      * Displays the dialog in loading state.
-     * @param isLoading Value used to determine if dialog window should be displayed in loading state.
+     * @param loadingData Value used to determine if dialog window should be displayed in loading state.
      */
-    loading(isLoading: boolean): void;
+    loading(loadingData: boolean | DialogRefLoadingConfiguration): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogRef<any, any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogRef<any, any>>;
 }

package/esm2022/action-bar/action-bar.component.mjs CHANGED Viewed

@@ -21,12 +21,12 @@ export class ActionBarComponent {
         warnOnce('ActionBarComponent is deprecated since version 0.40.0 and will be removed in future release.');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ActionBarComponent, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ActionBarComponent, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.30.2-rc.6\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-action-bar]', template: ` <ng-content></ng-content>`, host: {
                         class: 'fd-action-bar'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.30.2-rc.6\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUV2RDs7Ozs7Ozs7Ozs7OztHQWFHO0FBYUgsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQixjQUFjO0lBQ2Q7UUFDSSxRQUFRLENBQUMsOEZBQThGLENBQUMsQ0FBQztJQUM3RyxDQUFDOzhHQUpRLGtCQUFrQjtrR0FBbEIsa0JBQWtCLGtHQVJqQiw0QkFBNEI7OzJGQVE3QixrQkFBa0I7a0JBWDlCLFNBQVM7K0JBRUksaUJBQWlCLFlBQ2pCLDRCQUE0QixRQUNoQzt3QkFDRixLQUFLLEVBQUUsZUFBZTtxQkFDekIsaUJBRWMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB3YXJuT25jZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS91dGlscyc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqIEFjdGlvbiBCYXIgY29tcG9uZW50IGlzIGRlcHJlY2F0ZWQgc2luY2UgdmVyc2lvbiAwLjQwLjBcbiAqXG4gKiBDaGlsZHJlbiB1c2FnZTpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZmQtYWN0aW9uLWJhci1hY3Rpb25zPlxuICogPGRpdiBmZC1hY3Rpb24tYmFyLWJhY2s+XG4gKiA8ZGl2IGZkLWFjdGlvbi1iYXItZGVzY3JpcHRpb24+XG4gKiA8ZGl2IGZkLWFjdGlvbi1iYXItaGVhZGVyPlxuICogPGRpdiBmZC1hY3Rpb24tYmFyLW1vYmlsZT5cbiAqIDxkaXYgZmQtYWN0aW9uLWJhci10aXRsZT5cbiAqIGBgYFxuICovXG5cbkBDb21wb25lbnQoe1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdbZmQtYWN0aW9uLWJhcl0nLFxuICAgIHRlbXBsYXRlOiBgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdmZC1hY3Rpb24tYmFyJ1xuICAgIH0sXG4gICAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQmFyQ29tcG9uZW50IHtcbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB3YXJuT25jZSgnQWN0aW9uQmFyQ29tcG9uZW50IGlzIGRlcHJlY2F0ZWQgc2luY2UgdmVyc2lvbiAwLjQwLjAgYW5kIHdpbGwgYmUgcmVtb3ZlZCBpbiBmdXR1cmUgcmVsZWFzZS4nKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/action-sheet/action-sheet.component.mjs CHANGED Viewed

@@ -128,11 +128,11 @@ export class ActionSheetComponent {
         }, ActionSheetMobileModule, ActionSheetMobileComponent, this._viewContainerRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2-rc.6\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ActionSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
+            args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2-rc.6\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.DynamicComponentService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { mobile: [{