@bravura/ui 1.16.1 → 1.17.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Change history
 
+## <small>1.17.2 (2022-04-04)</small>
+
+* fix(file-upload): fix inconsistent margins ([5ba3890](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/5ba3890))
+* fix(radio-panel): change ripple when selected to avoid event trapping ([f653a62](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/f653a62))
+* fix(radio-panel): remove ripple container that is blocking contents ([55e814a](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/55e814a))
+* refactor: improve support for older browsers ([6b10f83](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/6b10f83))
+
+## <small>1.17.1 (2022-04-03)</small>
+
+* fix(alert): fix incorrect z-index for floating panel ([3e33445](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/3e33445))
+* fix(discrete-input): value not updated by backspace in the last part ([3ccaa92](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/3ccaa92))
+
+## 1.17.0 (2022-04-01)
+
+* fix(alert): setup alert for export ([0a4f3f8](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/0a4f3f8))
+* fix(stepper): fix issue of not resizing properly in some cases ([9eb9555](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/9eb9555))
+* feat(alert): float alert container when outside viewport ([380ae7a](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/380ae7a))
+* Pull request #2: fix(alert): setup alert for export ([2961bef](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/2961bef)), closes [#2](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/issues/2)
+
 ## <small>1.16.1 (2022-03-29)</small>
 
 * docs(stepper): use viewport in stepper stories for moible view ([9e07fbb](https://scm.bravurasolutions.net/projects/DIGI/repos/ui-components/commits/9e07fbb))

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

@@ -0,0 +1,69 @@
+import { AnimationEvent } from '@angular/animations';
+import { ScrollDispatcher } from '@angular/cdk/scrolling';
+import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**@internal */
+declare class InternalAlertOject {
+    readonly type: 'success' | 'info' | 'warn' | 'error';
+    readonly message: string;
+    id: string;
+    deleted: boolean;
+    constructor(type: 'success' | 'info' | 'warn' | 'error', message: string);
+}
+/**
+ * Use this component in a designated area of a page for displaying notification messages
+ *
+ */
+export declare class AlertContainerComponent implements OnInit, OnDestroy {
+    private zone;
+    private cdRef;
+    private _elementRef;
+    private scroll;
+    /** The maximum number of messages displayed in the container area. */
+    max: number;
+    /**
+     * This property determines the behavior for displaying the notifications when the container is outside the viewport.
+     *
+     * `scroll`: The component will try to scroll to reveal the new notifications.
+     * `float`: The component will float the alert panel to the center of the screen for a couple of seconds and move it back to the original position.
+     */
+    outsideViewportBehavior: 'scroll' | 'float';
+    /**
+     * The number of milliseconds for which the alert container will be floated when new notification arrives.
+     *
+     * This will only take effect when `outsideViewportBehavior` is set to `float` and the container is outside the viewport.
+     */
+    floatDuration: number;
+    /**@internal */
+    _alerts: InternalAlertOject[];
+    /**@internal */
+    _floated: boolean;
+    /**@internal */
+    _floatPanelHidden: boolean;
+    /** @ignore Emits whenever the animation is started. */
+    readonly _animationStarted: Subject<AnimationEvent>;
+    /** @ignore Emits whenever the animation is done. */
+    readonly _animationEnded: Subject<AnimationEvent>;
+    private _destroyed$;
+    private _endFloatingSub?;
+    constructor(zone: NgZone, cdRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, scroll: ScrollDispatcher);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**@internal */
+    get _remaining(): InternalAlertOject[];
+    /**@internal */
+    get _width(): number;
+    /** Add a message to the notification area */
+    notify(type: 'success' | 'info' | 'warn' | 'error', message: string): Promise<void>;
+    /**@ignore */
+    _checkViewport(): Promise<void>;
+    /**@ignore */
+    _dismiss(a: InternalAlertOject): Promise<void>;
+    /** Remove all messages currently displayed. */
+    clear(): Promise<void>;
+    private _endFloating;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertContainerComponent, "bui-alert-container", never, { "max": "max"; "outsideViewportBehavior": "outsideViewportBehavior"; "floatDuration": "floatDuration"; }, {}, never, never>;
+}
+export {};

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

@@ -0,0 +1,46 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * An alert style message usually appears in a global notification area.
+ *
+ * The base color of the message is determined by the `type` of the message and a list of predefined
+ * CSS custom properties.
+ *
+ * ```scss
+ * --bui-color-success: #519602;
+ * --bui-color-info: #0dcaf0;
+ * --bui-color-warning: #ffc107;
+ * --bui-color-error: #dc3545;
+ * ```
+ *
+ *
+ */
+export declare class AlertMessageComponent implements OnInit {
+    /** @ignore */
+    static ngAcceptInputType_dismissible: boolean | string | null | undefined;
+    /** @ignore */
+    static ngAcceptInputType_blink: boolean | string | null | undefined;
+    /** The type of the message, used to derive the icon and base color.  */
+    type: 'success' | 'info' | 'warn' | 'error';
+    /** The message to be displayed, HTML supported.  */
+    message: string;
+    /** Whether to display the button to fire the `dismissed` event. */
+    get dismissible(): any;
+    set dismissible(value: any);
+    /** To be emitted when the user choose to dismiss the message. The event object is the ID of the element.  */
+    dismissed: EventEmitter<string>;
+    /** To be emitted when the component finishes initialisation. The event object is the ID of the element.  */
+    initialised: EventEmitter<string>;
+    /** @ignore */
+    _id: string;
+    private _dismissible;
+    private _blink;
+    constructor();
+    ngOnInit(): void;
+    /** @ignore */
+    get iconName(): string;
+    /** @ignore */
+    _dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertMessageComponent, "bui-alert", never, { "type": "type"; "message": "message"; "dismissible": "dismissible"; "_id": "id"; }, { "dismissed": "dismissed"; "initialised": "initialised"; }, never, never>;
+}

package/alert/alert.module.d.ts

@@ -0,0 +1,14 @@
+import { AlertContainerComponent } from './alert-container.component';
+import { AlertMessageComponent } from './alert-message.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./alert-message.component";
+import * as i2 from "./alert-container.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@bravura/ui/icon-font";
+import * as i5 from "@angular/material/button";
+export declare class AlertModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlertModule, [typeof i1.AlertMessageComponent, typeof i2.AlertContainerComponent], [typeof i3.CommonModule, typeof i4.IconFontModule, typeof i5.MatButtonModule], [typeof i1.AlertMessageComponent, typeof i2.AlertContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
+}
+export { AlertMessageComponent, AlertContainerComponent };

package/alert/bravura-ui-alert.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@bravura/ui/alert" />
+export * from './public-api';

package/alert/package.json

@@ -0,0 +1,10 @@
+{
+  "main": "../bundles/bravura-ui-alert.umd.js",
+  "module": "../fesm2015/bravura-ui-alert.js",
+  "es2015": "../fesm2015/bravura-ui-alert.js",
+  "esm2015": "../esm2015/alert/bravura-ui-alert.js",
+  "fesm2015": "../fesm2015/bravura-ui-alert.js",
+  "typings": "bravura-ui-alert.d.ts",
+  "sideEffects": false,
+  "name": "@bravura/ui/alert"
+}

package/alert/public-api.d.ts

@@ -0,0 +1 @@
+export * from './alert.module';