@fundamental-ngx/core 0.42.0-rc.9 → 0.42.0

package/inline-help/inline-help.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, Type } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { PopoverService, TriggerConfig } from '@fundamental-ngx/core/popover';
 import { BasePopoverClass } from '@fundamental-ngx/core/popover';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
@@ -10,6 +10,8 @@ import * as i0 from "@angular/core";
 export declare class InlineHelpDirective extends BasePopoverClass implements OnInit, OnChanges, OnDestroy {
     private _popoverService;
     private _elementRef;
+    private _renderer;
+    private readonly _viewContainerRef;
     private _icon;
     /** The trigger events that will open/close the inline help component.
      *  Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp). */
@@ -24,13 +26,15 @@ export declare class InlineHelpDirective extends BasePopoverClass implements OnI
     set inlineHelpContent(content: string | TemplateRef<any>);
     /** @hidden */
     _describedBy: string;
+    /** @hidden */
+    private _srViewRef;
     /**
      * Inline help template to display inside generated popover
      * @deprecated Use `fd-inline-help` instead
      * */
     set inlineHelpTemplate(template: Nullable<TemplateRef<any>>);
     /** @hidden */
-    constructor(_popoverService: PopoverService, _elementRef: ElementRef, _icon: Type<any>);
+    constructor(_popoverService: PopoverService, _elementRef: ElementRef, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, _icon: Type<any>);
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */
@@ -39,6 +43,8 @@ export declare class InlineHelpDirective extends BasePopoverClass implements OnI
     ngOnDestroy(): void;
     /** @hidden */
     private _applyAdditionalInlineHelpClass;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InlineHelpDirective, [null, null, { optional: true; self: true; }]>;
+    /** @hidden */
+    private _setupScreenreaderElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineHelpDirective, [null, null, null, null, { optional: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InlineHelpDirective, "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", never, { "triggers": "triggers"; "noArrow": "noArrow"; "closeOnEscapeKey": "closeOnEscapeKey"; "closeOnOutsideClick": "closeOnOutsideClick"; "inlineHelpContent": "fd-inline-help"; "inlineHelpTemplate": "fd-inline-help-template"; }, {}, never, never, false, never>;
 }

package/input-group/input-group-directives.d.ts

@@ -5,14 +5,14 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export declare class InputGroupInputDirective implements CssClassBuilder, OnInit, OnChanges, OnDestroy {
-    private _elementRef;
-    private _contentDensityObserver;
+    readonly elementRef: ElementRef;
+    private readonly _contentDensityObserver;
     /** user's custom classes */
     class: string;
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver);
+    constructor(elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -25,8 +25,6 @@ export declare class InputGroupInputDirective implements CssClassBuilder, OnInit
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputGroupInputDirective, "[fdInputGroupInput], [fd-input-group-input]", never, { "class": "class"; }, {}, never, never, false, never>;
 }
@@ -35,7 +33,7 @@ export declare class InputGroupTextareaDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputGroupTextareaDirective, "[fdTextareaGroupInput], [fd-textarea-group-input]", never, {}, {}, never, never, false, never>;
 }
 export declare class InputGroupAddOnDirective implements OnInit, OnChanges, CssClassBuilder, AfterContentInit, OnDestroy {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     private renderer;
     private _contentDensityObserver;
     /** user's custom classes */
@@ -62,7 +60,7 @@ export declare class InputGroupAddOnDirective implements OnInit, OnChanges, CssC
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(_elementRef: ElementRef, renderer: Renderer2, _contentDensityObserver: ContentDensityObserver);
+    constructor(elementRef: ElementRef, renderer: Renderer2, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -77,8 +75,6 @@ export declare class InputGroupAddOnDirective implements OnInit, OnChanges, CssC
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupAddOnDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputGroupAddOnDirective, "[fdInputGroupAddon], [fd-input-group-addon]", never, { "class": "class"; "placement": "placement"; "type": "type"; "state": "state"; "button": "button"; }, {}, never, never, false, never>;
 }

package/layout-grid/directives/layout-grid-col.directive.d.ts

@@ -3,7 +3,7 @@ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class LayoutGridColDirective implements CssClassBuilder, OnInit, OnChanges {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Defines the width of the element on the layout grid. */
     fdLayoutGridCol: NumberInput;
     /** Weather the column should take all available width */
@@ -29,14 +29,12 @@ export declare class LayoutGridColDirective implements CssClassBuilder, OnInit,
     /** @hidden */
     private _colGrow;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     buildComponentCssClass(): string[];
     /** @hidden */
     getCssClassWithColWidth(classPrefix: string, colWidth: NumberInput): string | null;

package/layout-grid/layout-grid.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  * Use a layout grid to arrange components evenly in a grid layout.
  */
 export declare class LayoutGridComponent implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Custom classes */
     set class(userClass: string);
     /** Whether the grid should have a gap. */
@@ -20,14 +20,12 @@ export declare class LayoutGridComponent implements OnInit, OnChanges, CssClassB
     /** @hidden */
     private _class;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     buildComponentCssClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutGridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutGridComponent, "fd-layout-grid, [fdLayoutGrid]", never, { "class": "class"; "noGap": "noGap"; "noHorizontalGap": "noHorizontalGap"; "noVerticalGap": "noVerticalGap"; }, {}, ["_rowsQueryList"], ["*"], false, never>;

package/layout-panel/layout-panel-footer/layout-panel-footer.component.d.ts

@@ -1,10 +1,10 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, OnChanges, OnInit } from '@angular/core';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export type FooterPosition = 'start' | 'end';
-export declare class LayoutPanelFooterComponent implements OnInit, CssClassBuilder {
-    private readonly _elementRef;
+export declare class LayoutPanelFooterComponent implements OnInit, OnChanges, CssClassBuilder {
+    readonly elementRef: ElementRef<HTMLElement>;
     /** Apply user custom styles */
     class: string;
     /**
@@ -13,15 +13,13 @@ export declare class LayoutPanelFooterComponent implements OnInit, CssClassBuild
      */
     position: Nullable<FooterPosition>;
     /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>);
+    constructor(elementRef: ElementRef<HTMLElement>);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelFooterComponent, "fd-layout-panel-footer", never, { "class": "class"; "position": "position"; }, {}, never, ["*"], false, never>;
 }

package/link/link.component.d.ts

@@ -5,7 +5,7 @@ import { Portal } from '@angular/cdk/portal';
 import { IconComponent } from '@fundamental-ngx/core/icon';
 import * as i0 from "@angular/core";
 export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {
-    private _elementRef;
+    readonly elementRef: ElementRef<HTMLElement>;
     private changeDetectorRef;
     readonly routerLink: RouterLink;
     /** @hidden */
@@ -35,7 +35,7 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
     /** @hidden */
     private _destroyed$;
     /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, routerLink: RouterLink);
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, routerLink: RouterLink);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden
@@ -44,8 +44,6 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngAfterViewInit(): void;

package/list/directives/list-icon.directive.d.ts

@@ -1,7 +1,8 @@
 import { ElementRef, OnChanges, OnInit } from '@angular/core';
+import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
-export declare class ListIconDirective implements OnChanges, OnInit {
-    private _elementRef;
+export declare class ListIconDirective implements OnChanges, OnInit, CssClassBuilder {
+    readonly elementRef: ElementRef;
     /** The icon name to display. See the icon page for the list of icons
      * here: https://sap.github.io/fundamental-ngx/icon
      * */
@@ -11,7 +12,7 @@ export declare class ListIconDirective implements OnChanges, OnInit {
     /** Role attribute for list icon */
     role: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -22,8 +23,6 @@ export declare class ListIconDirective implements OnChanges, OnInit {
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListIconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListIconDirective, "[fdListIcon], [fd-list-icon]", never, { "glyph": "glyph"; "class": "class"; "role": "role"; }, {}, never, never, false, never>;
 }

package/list/directives/list-navigation-item-text.directive.d.ts

@@ -1,13 +1,11 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ListNavigationItemTextDirective {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** @hidden */
     navigationItemTextClass: boolean;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
-    /** @hidden */
-    get elementRef(): ElementRef<HTMLElement>;
+    constructor(elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ListNavigationItemTextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListNavigationItemTextDirective, "[fd-list-navigation-item-text], [fdListNavigaitonItemText]", never, {}, {}, never, never, false, never>;
 }

package/list/list-message.directive.d.ts

@@ -3,13 +3,13 @@ import { MessageStates } from '@fundamental-ngx/core/form';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class ListMessageDirective implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Type of the message. Can be 'success' | 'error' | 'warning' | 'information' */
     type: MessageStates;
     /** Apply user custom styles */
     class: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -20,8 +20,6 @@ export declare class ListMessageDirective implements OnChanges, OnInit, CssClass
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListMessageDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListMessageDirective, "[fd-list-message], [fdListMessage]", never, { "type": "type"; "class": "class"; }, {}, never, never, false, never>;
 }

package/message-box/message-box-container/message-box-container.component.d.ts

@@ -28,8 +28,6 @@ export declare class MessageBoxContainerComponent extends DynamicComponentContai
     /** @hidden */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     protected _attached(event: CdkPortalOutletAttachedRef): void;
     /** @hidden Load received content */
     protected _loadContent(): void;

package/message-box/message-box.component.d.ts

@@ -46,8 +46,6 @@ export declare class MessageBoxComponent extends DialogBase implements OnInit, O
     /** @hidden */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     private get _messageBoxTypeClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBoxComponent, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "fd-message-box", never, { "class": "class"; "embeddedMessageBoxRef": "messageBoxRef"; "embeddedMessageBoxConfig": "messageBoxConfig"; }, {}, never, ["fd-message-box-header", "fd-message-box-body", "fd-message-box-footer"], false, never>;

package/message-page/message-page.component.d.ts

@@ -3,7 +3,7 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export type MessagePageType = '' | 'filter' | 'search' | 'no-items' | 'error';
 export declare class MessagePageComponent implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** User's custom class */
     class: string;
     /**
@@ -33,7 +33,7 @@ export declare class MessagePageComponent implements OnChanges, OnInit, CssClass
      */
     private _glyph;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden
@@ -42,8 +42,6 @@ export declare class MessagePageComponent implements OnChanges, OnInit, CssClass
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     ngOnInit(): void;
     /**
      * @hidden

package/message-strip/alert/default-config.d.ts

@@ -0,0 +1,5 @@
+import { OpenMessageStripAlertConfig } from './open-message-strip-alert.config';
+/**
+ * Applies default config to the given config
+ */
+export declare function applyDefaultConfig<ComponentType = unknown>(config: OpenMessageStripAlertConfig<ComponentType>): Required<OpenMessageStripAlertConfig<ComponentType>>;

package/message-strip/alert/index.d.ts

@@ -0,0 +1,9 @@
+export * from './message-strip-alert.service';
+export * from './message-strip-configuration-type';
+export { MessageStripAlertVerticalPosition } from './message-strip-alert.position';
+export { MessageStripAlertHorizontalPosition } from './message-strip-alert.position';
+export { MessageStripAlertPosition } from './message-strip-alert.position';
+export { OpenMessageStripAlertConfig } from './open-message-strip-alert.config';
+export { MessageStripAlertRef } from './message-strip-alert.ref';
+export { MessageStripAlertContainerPosition } from './tokens';
+export { MessageStripAlertContainerAlertRefs } from './tokens';

package/message-strip/alert/message-strip-alert/message-strip-alert.component.d.ts

@@ -0,0 +1,52 @@
+import { AfterViewInit, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { MessageStripConfiguration } from '../message-strip-configuration-type';
+import { Portal } from '@angular/cdk/portal';
+import { AutoDismissMessageStripDirective } from '../../auto-dismiss-message-strip.directive';
+import * as i0 from "@angular/core";
+/**
+ * The wrapper component, which is wrapping the Message Strip and passes
+ * configuration to it, also generates the content which will appear in it.
+ */
+export declare class MessageStripAlertComponent<ComponentType = unknown> implements OnDestroy, AfterViewInit {
+    /** @hidden */
+    autoDismissMessageStripDirective: AutoDismissMessageStripDirective;
+    /** User provided data. Full of it */
+    data: {
+        content: string | Type<any> | TemplateRef<any>;
+        messageStripConfig: MessageStripConfiguration;
+    };
+    /** Configuration for the message strip appearance */
+    messageStripConfig: MessageStripConfiguration;
+    /** Portal, which is responsible for correctly rendering user provided content. It can be any type of the portal */
+    contentPortal: Portal<unknown>;
+    /** @hidden */
+    private viewContainerRef;
+    /** @hidden */
+    private renderer2;
+    /**
+     * Timeout, which is responsible for auto-dismissing the message strip.
+     * It should be properly cleared on component destroy.
+     */
+    private autoDismissTimeout;
+    /**
+     * Reference to the message strip alert, which is used to close it from the outside, or access the data and/or the component instance
+     *  */
+    readonly alertRef: any;
+    /** @hidden */
+    constructor();
+    /**
+     * Handler for the dismiss button click.
+     *  */
+    onDismissHandler(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /**
+     * Method, which is responsible for generating the portal, which will be rendered inside the message strip.
+     * It can be any type of the portal, depending on the user provided content.
+     *  */
+    private getPortal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripAlertComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStripAlertComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/message-strip/alert/message-strip-alert-container/message-strip-alert-container.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterViewInit, QueryList } from '@angular/core';
+import { CdkPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
+import { MessageStripAlertComponent } from '../message-strip-alert/message-strip-alert.component';
+import { Observable } from 'rxjs';
+import { MessageStripAlertRef } from '../message-strip-alert.ref';
+import * as i0 from "@angular/core";
+/**
+ * This will be rendered in the overlay. It is responsible for rendering the alerts and the footer.
+ */
+export declare class MessageStripAlertContainerComponent implements AfterViewInit {
+    /**
+     * The list of the elements that are attached to the container.
+     */
+    attachedElements: ComponentPortal<MessageStripAlertComponent>[];
+    /**
+     * List of the rendered message strip alerts. It is used in the footer and is injected into the
+     * user-provided footer component portal. This way, user has full control over the container alerts.
+     */
+    alertRefs$: Observable<MessageStripAlertRef[]>;
+    /** @hidden */
+    portalOutlets: QueryList<CdkPortalOutlet>;
+    /** @hidden */
+    alerts: QueryList<MessageStripAlertComponent>;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripAlertContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStripAlertContainerComponent, "fd-message-strip-alert-container", never, {}, {}, never, never, true, never>;
+}

package/message-strip/alert/message-strip-alert-container-footer/message-strip-alert-container-footer.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterViewInit } from '@angular/core';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { MessageStripAlertRef } from '../message-strip-alert.ref';
+import * as i0 from "@angular/core";
+/**
+ * The component that represents the footer of the message strip alert container.
+ * if user has provided the footer component through service, then this component
+ * will render it inside itself.
+ * Bear in mind that this component is always created, just sometimes if there is nothing to render
+ * it will be empty.
+ */
+export declare class MessageStripAlertContainerFooterComponent implements AfterViewInit {
+    /** @hidden */
+    set alertRefs(alertRefs: Nullable<MessageStripAlertRef[]>);
+    /**
+     * Reference to the user provided component's portal.
+     */
+    footerComponentPortal?: ComponentPortal<any>;
+    /**
+     * Position of the overlay in which this component is rendered.
+     */
+    private position;
+    /** @hidden */
+    private destroyed;
+    /** @hidden */
+    private messageStripAlertService;
+    /**
+     * Observable that emits the alert references that are currently rendered in the container.
+     */
+    private alertRefs$;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripAlertContainerFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStripAlertContainerFooterComponent, "fd-message-strip-alert-container-footer", never, { "alertRefs": "alertRefs"; }, {}, never, never, true, never>;
+}

package/message-strip/alert/message-strip-alert.position.d.ts

@@ -0,0 +1,3 @@
+export type MessageStripAlertVerticalPosition = 'top' | 'bottom';
+export type MessageStripAlertHorizontalPosition = 'start' | 'middle' | 'end';
+export type MessageStripAlertPosition = `${MessageStripAlertVerticalPosition}-${MessageStripAlertHorizontalPosition}`;

package/message-strip/alert/message-strip-alert.ref.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import { MessageStripAlertComponent } from './message-strip-alert/message-strip-alert.component';
+import { Observable } from 'rxjs';
+export declare abstract class MessageStripAlertRef<ComponentType = unknown> {
+    /** Message strip alert component portal which is rendered in the container */
+    abstract portal: ComponentPortal<MessageStripAlertComponent<ComponentType>>;
+    /**
+     * Function, which dismisses the alert, it calls the user-provided function
+     * after dismissing the actual alert
+     */
+    abstract dismiss: () => void;
+    /** Observable that emits when the alert is dismissed */
+    abstract onDismiss$: Observable<void>;
+}

package/message-strip/alert/message-strip-alert.service.d.ts

@@ -0,0 +1,52 @@
+import { Type } from '@angular/core';
+import { MessageStripAlertPosition } from './message-strip-alert.position';
+import { OpenMessageStripAlertConfig } from './open-message-strip-alert.config';
+import { MessageStripAlertRef } from './message-strip-alert.ref';
+import * as i0 from "@angular/core";
+/**
+ * Service that is responsible for opening and closing message strip alerts.
+ * This should be only created once in entire application.
+ * Service is responsible for creating and managing the overlays for the
+ * message strip alerts. This also manages the footer components for any
+ * given position.
+ */
+export declare class MessageStripAlertService {
+    /** @hidden */
+    private injector;
+    /** @hidden */
+    private readonly _overlay;
+    /** @hidden */
+    private viewportSize$;
+    /** @hidden */
+    private readonly _messageStripAlertService;
+    /** @hidden */
+    private _messageAlerts$;
+    /** @hidden */
+    private _overlayRefs;
+    /** @hidden */
+    private _messageStripAlertContainerFooters$;
+    /** @hidden */
+    footerComponents$: import("rxjs").Observable<Partial<Record<"top-start" | "top-middle" | "top-end" | "bottom-start" | "bottom-middle" | "bottom-end", Type<any>>>>;
+    /** @hidden */
+    constructor();
+    /**
+     * Set the footer component for a given position.
+     */
+    setFooterComponent(position: MessageStripAlertPosition, component: Type<any>): void;
+    /**
+     * Open a message strip alert with given configuration
+     */
+    open<ComponentType = unknown>(c: OpenMessageStripAlertConfig<ComponentType>): MessageStripAlertRef<ComponentType>;
+    /** @hidden */
+    private getMessageStripAlertRef;
+    /** @hidden */
+    private listenToItemsChanges;
+    /** @hidden */
+    private syncExistingOverlays;
+    /** @hidden */
+    private getOverlayRef;
+    /** @hidden */
+    private createOverlay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripAlertService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MessageStripAlertService>;
+}

package/message-strip/alert/message-strip-configuration-type.d.ts

@@ -0,0 +1,15 @@
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { MessageStripType } from '../message-strip-type';
+export interface MessageStripConfiguration {
+    class: string;
+    dismissible: boolean;
+    mousePersist: boolean;
+    duration: number;
+    noIcon: boolean;
+    type: MessageStripType;
+    id: string;
+    ariaLabelledBy: Nullable<string>;
+    ariaLabel: Nullable<string>;
+    dismissLabel: string;
+    onDismiss: () => void;
+}

package/message-strip/alert/open-message-strip-alert.config.d.ts

@@ -0,0 +1,22 @@
+import { MessageStripAlertPosition } from './message-strip-alert.position';
+import { TemplateRef, Type } from '@angular/core';
+import { MessageStripConfiguration } from './message-strip-configuration-type';
+import { MessageStripAlertRef } from './message-strip-alert.ref';
+/**
+ * The configuration type which is expected from the user
+ */
+export interface OpenMessageStripAlertConfig<ComponentType = unknown> {
+    /**
+     * Position of the message strip alert container.
+     * Every top-* and bottom-* ones will be merged into the top-middle
+     * and bottom-middle sections respectively and will be sorted by the
+     * order of appearance.
+     */
+    position?: MessageStripAlertPosition;
+    /** Content, that will be rendered inside the message strip when it appears */
+    content: string | TemplateRef<{
+        $implicit: MessageStripAlertRef<ComponentType>;
+    }> | Type<ComponentType>;
+    /** Configuration for the message strip component */
+    messageStrip?: Partial<MessageStripConfiguration>;
+}

package/message-strip/alert/tokens.d.ts

@@ -0,0 +1,20 @@
+import { InjectionToken, TemplateRef, Type } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { MessageStripAlertRef } from './message-strip-alert.ref';
+import { MessageStripConfiguration } from './message-strip-configuration-type';
+/**
+ * Injection token for getting the position of the message strip alert container.
+ * Is available in any of the message strip alert components and in footer component.
+ */
+export declare const MessageStripAlertContainerPosition: InjectionToken<"top-start" | "top-middle" | "top-end" | "bottom-start" | "bottom-middle" | "bottom-end">;
+/**
+ * Injection token for getting the list of the message strip alert refs
+ * in the given container. Is available in the footer component injection
+ * context.
+ */
+export declare const MessageStripAlertContainerAlertRefs: InjectionToken<Observable<Nullable<MessageStripAlertRef<unknown>[]>>>;
+export declare const MessageStripAlertComponentData: InjectionToken<{
+    content: string | TemplateRef<any> | Type<any>;
+    messageStripConfig: MessageStripConfiguration;
+}>;

package/message-strip/auto-dismiss-message-strip.directive.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+export declare class AutoDismissMessageStripDirective {
+    /** @hidden */
+    private messageStripComponent;
+    /** Whether the message strip is dismissible */
+    dismissible: boolean;
+    /** Whether the alert should be automatically dismissed. */
+    autoDismiss: boolean;
+    /** Duration of time *in milliseconds* that the alert will be visible. Set to -1 for indefinite. */
+    duration: number;
+    /** Whether the alert should stay open if the mouse is hovering over it. */
+    mousePersist: boolean;
+    /** Whether the message strip is currently opened. */
+    opened: boolean;
+    /** @hidden */
+    private autoDismissTimeout?;
+    /** @hidden */
+    private elementRef;
+    /** @hidden */
+    private destroy$;
+    /**
+     * Mouse is hovering over the message strip.
+     * */
+    private mouseIn$;
+    /** @hidden */
+    open(): void;
+    /** @hidden */
+    private stopAutoDismiss;
+    /** @hidden */
+    private startAutoDismiss;
+    /** @hidden */
+    private dismiss;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoDismissMessageStripDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoDismissMessageStripDirective, "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", ["fdAutoDismissMessageStrip"], { "dismissible": "dismissible"; "autoDismiss": "autoDismiss"; "duration": "duration"; "mousePersist": "mousePersist"; }, {}, never, never, true, never>;
+}