@fundamental-ngx/core 0.46.0-rc.3 → 0.46.0-rc.30

package/button/base-button.d.ts

@@ -37,6 +37,8 @@ export declare class BaseButton {
     fdMenu: boolean;
     /** adding native aria-label to the component */
     ariaLabel: Nullable<string>;
+    /** adding native aria-description to the componenet */
+    ariaDescription: Nullable<string>;
     /** Whether button is in toggled state. */
     set toggled(value: BooleanInput);
     get toggled(): boolean;
@@ -51,5 +53,5 @@ export declare class BaseButton {
     set ariaDisabled(value: BooleanInput);
     get ariaDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseButton, never, never, { "type": { "alias": "type"; "required": false; }; "glyphPosition": { "alias": "glyphPosition"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "fdType": { "alias": "fdType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fdMenu": { "alias": "fdMenu"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; }, {}, never, never, false, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseButton, never, never, { "type": { "alias": "type"; "required": false; }; "glyphPosition": { "alias": "glyphPosition"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "fdType": { "alias": "fdType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fdMenu": { "alias": "fdMenu"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescription": { "alias": "ariaDescription"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; }, {}, never, never, false, never, false>;
 }

package/button/button.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit } from '@angular/core';
-import { BaseButton } from './base-button';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
+import { BaseButton } from './base-button';
 import * as i0 from "@angular/core";
 /**
  * Button directive, used to enhance standard HTML buttons.
@@ -26,6 +26,11 @@ export declare class ButtonComponent extends BaseButton implements OnChanges, Cs
      * @hidden
      */
     get buttonArialabel(): string | null;
+    /**
+     * Calculate aria-description attribute
+     * @hidden
+     */
+    get buttonAriaDescription(): string | null;
     /** @hidden */
     private _subscriptions;
     /** Forces the focus outline around the button, which is not default behavior in Safari. */

package/checkbox/checkbox/checkbox.component.d.ts

@@ -1,10 +1,11 @@
+import { DomPortal, Portal } from '@angular/cdk/portal';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { FdCheckboxValues } from './fd-checkbox-values.interface';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
-import { FormItemControl } from '@fundamental-ngx/core/form';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
+import { FormItemControl } from '@fundamental-ngx/core/form';
+import { FdCheckboxValues } from './fd-checkbox-values.interface';
 import * as i0 from "@angular/core";
 export type FdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';
 export declare class CheckboxComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, FormItemControl {
@@ -52,8 +53,6 @@ export declare class CheckboxComponent implements ControlValueAccessor, AfterVie
     required: boolean;
     /** Whether the checkbox should be rendered in display-only mode. */
     displayOnly: boolean;
-    /** @hidden */
-    private _subscriptions;
     /** Sets values returned by control. */
     set values(checkboxValues: FdCheckboxValues);
     get values(): FdCheckboxValues;
@@ -65,22 +64,34 @@ export declare class CheckboxComponent implements ControlValueAccessor, AfterVie
     readonly outline = "none";
     /** Emits event on focus change */
     focusChange: EventEmitter<boolean>;
-    /** @hidden values returned by control. */
-    private _values;
+    /** @hidden */
+    private readonly _domPortalContent;
+    /** @hidden */
+    private readonly _portalOutlet;
+    /** @hidden */
+    _projectedDomPortal: Portal<any>;
     /** Stores current checkbox value. */
     checkboxValue: any;
     /** Stores current checkbox state. */
     checkboxState: FdCheckboxTypes;
-    /** @hidden Reference to callback provided by FormControl.*/
-    onTouched: () => void;
-    /** @hidden Reference to callback provided by FormControl.*/
-    onValueChange: (value: any) => void;
+    /** @hidden */
+    _projectedContent: boolean;
     /** @hidden Used to define if control is in 'indeterminate' state.*/
     get isIndeterminate(): boolean;
     /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */
     get isChecked(): boolean;
     /** @hidden */
+    private _subscriptions;
+    /** @hidden values returned by control. */
+    private _values;
+    /** @hidden */
+    _domPortal: DomPortal<HTMLElement>;
+    /** @hidden */
     constructor(elementRef: ElementRef<Element>, tabIndexValue: number, _changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, _contentDensityObserver: ContentDensityObserver);
+    /** @hidden Reference to callback provided by FormControl.*/
+    onTouched: () => void;
+    /** @hidden Reference to callback provided by FormControl.*/
+    onValueChange: (value: any) => void;
     /** @hidden */
     ngAfterViewInit(): void;
     /** @hidden */

package/content-density/content-density.module.d.ts

@@ -1,12 +1,11 @@
 import { ModuleWithProviders } from '@angular/core';
 import { ContentDensityModuleConfig } from './content-density.types';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./directives/content-density.directive";
+import * as i1 from "./directives/content-density.directive";
 export declare class ContentDensityModule {
     /** Module with providers */
     static forRoot(config?: ContentDensityModuleConfig): ModuleWithProviders<ContentDensityModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContentDensityModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ContentDensityModule, never, [typeof i1.CommonModule, typeof i2.ContentDensityDirective], [typeof i2.ContentDensityDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ContentDensityModule, never, [typeof i1.ContentDensityDirective], [typeof i1.ContentDensityDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ContentDensityModule>;
 }

package/content-density/index.d.ts

@@ -7,7 +7,8 @@ export * from './services/content-density-observer.service';
 export * from './services/global-content-density.service';
 export * from './helpers/density-type-checkers';
 export * from './tokens/content-density-directive';
-export * from './testing/mocked-local-content-density-directive';
 export * from './classes/content-density-observer.settings';
-export * from './variables/default-content-density-consumer-config';
+export * from './testing/mocked-local-content-density-directive';
 export * from './types/content-density.mode';
+export * from './variables/default-content-density-consumer-config';
+export * from './provide-content-density';

package/content-density/provide-content-density.d.ts

@@ -0,0 +1,7 @@
+import { Provider } from '@angular/core';
+import { ContentDensityModuleConfig } from './content-density.types';
+/**
+ * Provides content density services and configurations
+ * @param config
+ */
+export declare function provideContentDensity(config?: ContentDensityModuleConfig): Provider[];

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

@@ -1,12 +1,12 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validator } from '@angular/forms';
-import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
+import { FormStates } from '@fundamental-ngx/cdk/forms';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { CalendarComponent, CalendarType, CalendarYearGrid, DateRange, DaysOfWeek, FdCalendarView, NavigationButtonDisableFunction } from '@fundamental-ngx/core/calendar';
-import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
+import { DateTimeFormats, DatetimeAdapter } 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 { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { DatePicker } from './date-picker.model';
 import * as i0 from "@angular/core";
 /**
@@ -191,6 +191,8 @@ export declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, On
     /** @hidden */
     private readonly _dynamicComponentService;
     /** @hidden */
+    private readonly _focusTrapService;
+    /** @hidden */
     private _mobileComponentRef;
     /** @hidden */
     get _rangeDelimiter(): string;

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

@@ -1,13 +1,13 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, Validator } from '@angular/forms';
-import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
-import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
 import { CalendarComponent, CalendarYearGrid, DaysOfWeek, FdCalendarView } from '@fundamental-ngx/core/calendar';
+import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
 import { FormItemControl, PopoverFormMessageService } from '@fundamental-ngx/core/form';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
-import { DateTimePicker } from './datetime-picker.model';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
+import { DateTimePicker } from './datetime-picker.model';
 import * as i0 from "@angular/core";
 /**
  * The datetime picker component is an opinionated composition of the fd-popover,
@@ -164,14 +164,14 @@ export declare class DatetimePickerComponent<D> implements DateTimePicker<D>, On
     /** @hidden Reference to the inner calendar component. */
     private set _calendarCmp(value);
     /** @hidden */
-    _calendarComponent: CalendarComponent<D>;
-    /** @hidden */
     _inputGroupElement: ElementRef;
     /** @hidden */
     _inputElement: ElementRef<HTMLInputElement>;
     /** @hidden */
     private readonly _pickerTemplate;
     /** @hidden */
+    _calendarComponent: CalendarComponent<D>;
+    /** @hidden */
     _message: string | null;
     /** @hidden */
     _messageTriggers: string[];
@@ -210,6 +210,8 @@ export declare class DatetimePickerComponent<D> implements DateTimePicker<D>, On
     /** @hidden */
     private readonly _dynamicComponentService;
     /** @hidden */
+    private readonly _focusTrapService;
+    /** @hidden */
     private _mobileComponentRef;
     /** @hidden */
     private _subscriptions;

package/dialog/base/dialog-base.service.d.ts

@@ -1,11 +1,13 @@
 import { ComponentRef, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { DialogConfig } from '../utils/dialog-config.class';
+import { DialogContainer } from '../utils/dialog-container.model';
 import { DialogConfigBase } from './dialog-config-base.class';
 import { DialogRefBase } from './dialog-ref-base.class';
 import * as i0 from "@angular/core";
 /** Service used to dynamically generate a dialog. */
-export declare abstract class DialogBaseService<T> implements OnDestroy {
+export declare abstract class DialogBaseService<T extends DialogContainer<any>> implements OnDestroy {
+    abstract open<D>(content: unknown, config: DialogConfigBase<D>): DialogRefBase<D>;
     /** @hidden Collection of existing dialog references */
     protected _dialogs: ComponentRef<T>[];
     /** @hidden */
@@ -16,10 +18,9 @@ export declare abstract class DialogBaseService<T> implements OnDestroy {
      */
     hasOpenDialogs(): boolean;
     /** Dismisses all currently open dialogs. */
-    dismissAll(): void;
+    dismissAll(reason?: any): void;
     /** @hidden */
     ngOnDestroy(): void;
-    abstract open<D>(content: unknown, config: DialogConfigBase<D>): DialogRefBase<D>;
     /** @hidden Extends configuration using default values*/
     protected _applyDefaultConfig(config: DialogConfig, defaultConfig: DialogConfig): DialogConfig;
     /** @hidden Destroy existing dialog */

package/dialog/dialog-container/dialog-container.component.d.ts

@@ -1,15 +1,16 @@
-import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, Injector } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
+import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, Injector } from '@angular/core';
 import { CssClassBuilder, DynamicComponentContainer } from '@fundamental-ngx/cdk/utils';
-import { DialogRef } from '../utils/dialog-ref.class';
-import { DialogConfig } from '../utils/dialog-config.class';
-import { DialogContentType } from '../dialog.types';
 import { CdkPortalOutlet, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import { DialogContentType } from '../dialog.types';
+import { DialogConfig } from '../utils/dialog-config.class';
+import { DialogContainer } from '../utils/dialog-container.model';
+import { DialogRef } from '../utils/dialog-ref.class';
 import * as i0 from "@angular/core";
 /** Dialog container where the dialog content is embedded. */
-export declare class DialogContainerComponent extends DynamicComponentContainer<DialogContentType> implements AfterViewInit, AfterContentChecked, CssClassBuilder {
+export declare class DialogContainerComponent extends DynamicComponentContainer<DialogContentType> implements DialogContainer<any>, AfterViewInit, AfterContentChecked, CssClassBuilder {
     dialogConfig: DialogConfig;
-    private _dialogRef;
+    ref: DialogRef;
     private _destroyRef;
     /** Custom classes */
     set class(userClass: string);
@@ -20,7 +21,7 @@ export declare class DialogContainerComponent extends DynamicComponentContainer<
     /** @hidden */
     private _class;
     /** @hidden */
-    constructor(dialogConfig: DialogConfig, _dialogRef: DialogRef, _destroyRef: DestroyRef, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, injector: Injector);
+    constructor(dialogConfig: DialogConfig, ref: DialogRef, _destroyRef: DestroyRef, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, injector: Injector);
     /** @hidden */
     buildComponentCssClass(): string[];
     /** Handle end of animations, updating the state of the Message Toast. */

package/dialog/index.d.ts

@@ -1,17 +1,17 @@
-export * from './dialog.module';
-export * from './dialog.component';
-export * from './dialog-service/dialog.service';
 export * from './dialog-body/dialog-body.component';
-export * from './dialog-header/dialog-header.component';
-export * from './dialog-footer/dialog-footer.component';
 export * from './dialog-close-button/dialog-close-button.component';
+export * from './dialog-footer/dialog-footer.component';
+export * from './dialog-header/dialog-header.component';
+export * from './dialog-service/dialog.service';
+export * from './dialog.component';
+export * from './dialog.module';
 export * from './directives/dialog-title.directive';
-export * from './utils/dialog-ref.class';
+export * from './dialog-container/dialog-container.component';
+export * from './dialog-default/dialog-default.component';
 export * from './utils/dialog-config.class';
-export * from './utils/dialog-position.class';
 export * from './utils/dialog-default-content.class';
-export * from './dialog-default/dialog-default.component';
-export * from './dialog-container/dialog-container.component';
+export * from './utils/dialog-position.class';
+export * from './utils/dialog-ref.class';
 export * from './base/dialog-base.class';
 export * from './base/dialog-base.service';
 export * from './base/dialog-config-base.class';
@@ -19,7 +19,8 @@ export * from './base/dialog-content-base.class';
 export * from './base/dialog-footer-base.class';
 export * from './base/dialog-header-base.class';
 export * from './base/dialog-ref-base.class';
+export * from './utils/dialog-container.model';
 export * from './utils/dialog.animations';
 export * from './dialog.types';
-export * from './utils/dialog-overlay.container';
 export * from './tokens';
+export * from './utils/dialog-overlay.container';

package/dialog/utils/dialog-container.model.d.ts

@@ -0,0 +1,4 @@
+import { DialogRefBase } from '../base/dialog-ref-base.class';
+export interface DialogContainer<T> {
+    ref: DialogRefBase<T>;
+}