@bravura/ui 3.8.1 → 4.0.0

package/esm2022/tooltip/tooltip.directive.mjs

@@ -0,0 +1,148 @@
+import { DOCUMENT } from '@angular/common';
+import { Directive, HostListener, Inject, Input, Optional, TemplateRef, forwardRef } from '@angular/core';
+import { MAT_TOOLTIP_DEFAULT_OPTIONS, MAT_TOOLTIP_SCROLL_STRATEGY, MatTooltip } from '@angular/material/tooltip';
+import { Observable, Subject } from 'rxjs';
+import { BUI_TOOLTIP_TEMPLATE_REF } from './tooltip.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/bidi";
+/**
+ * This directive extends [Angular Material tooltip](https://material.angular.io/components/tooltip/overview), with the additional capability of displaying
+ * HTML content in the overlay area.
+ *
+ * All the other features are identical as those in Angular Material tooltip.
+ */
+export class TooltipDirective extends MatTooltip {
+    constructor(overlay, elementRef, scrollDispatcher, viewContainerRef, ngZone, platform, ariaDescriber, focusMonitor, scrollStrategy, dir, defaultOptions, _document) {
+        super(overlay, elementRef, scrollDispatcher, viewContainerRef, ngZone, platform, ariaDescriber, focusMonitor, scrollStrategy, dir, defaultOptions, _document);
+        this._contentSub = new Subject().subscribe();
+        this.touchGestures = 'off';
+        const element = elementRef.nativeElement;
+        element.setAttribute('aria-hidden', 'false');
+        if (element.tabIndex === -1) {
+            element.tabIndex = 0;
+            element.setAttribute('aria-roledescription', 'tooltip');
+        }
+    }
+    /** Allows the user to define the position of the tooltip relative to the parent element */
+    get buiTooltipPosition() {
+        return this.position;
+    }
+    set buiTooltipPosition(value) {
+        this.position = value;
+    }
+    /** Disables the display of the tooltip. */
+    get buiTooltipDisabled() {
+        return this.disabled;
+    }
+    set buiTooltipDisabled(value) {
+        this.disabled = value;
+    }
+    /** The message to be displayed in the tooltip. */
+    get buiTooltip() {
+        return this._templateRef || this.message;
+    }
+    set buiTooltip(value) {
+        this._contentSub.unsubscribe();
+        this._contentObs = undefined;
+        if (typeof value === 'string') {
+            this.message = value;
+        }
+        else if (value instanceof TemplateRef) {
+            this._templateRef = value;
+            if (value) {
+                this.message = '[bui-tooltip-template]';
+            }
+            else {
+                this._templateRef = undefined;
+                this.message = '';
+            }
+        }
+        else if (value instanceof Observable) {
+            this.message = '...';
+            this._contentObs = value;
+        }
+    }
+    /** @ignore */
+    get template() {
+        return this._templateRef;
+    }
+    /** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
+    get buiTooltipClass() {
+        return this.tooltipClass;
+    }
+    set buiTooltipClass(value) {
+        this.tooltipClass = value;
+    }
+    /** @ignore */
+    clicked() {
+        this.toggle();
+    }
+    /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
+    show(delay = this.showDelay, origin) {
+        if (this._contentObs) {
+            this._contentSub.unsubscribe();
+            this._contentSub = this._contentObs.subscribe(c => {
+                this.message = c;
+                this._contentSub.unsubscribe();
+                super.show(delay, origin);
+            });
+        }
+        else {
+            super.show(delay, origin);
+        }
+    }
+    ngOnDestroy() {
+        this._contentSub.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.AriaDescriber }, { token: i3.FocusMonitor }, { token: MAT_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: MAT_TOOLTIP_DEFAULT_OPTIONS, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TooltipDirective, selector: "[buiTooltip]", inputs: { buiTooltipPosition: "buiTooltipPosition", buiTooltipDisabled: "buiTooltipDisabled", buiTooltip: "buiTooltip", buiTooltipClass: "buiTooltipClass" }, host: { listeners: { "click": "clicked()" }, classAttribute: "mat-tooltip-trigger bui-tooltip-trigger" }, providers: [
+            {
+                provide: BUI_TOOLTIP_TEMPLATE_REF,
+                useExisting: forwardRef(() => TooltipDirective)
+            }
+        ], exportAs: ["buiTooltip"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[buiTooltip]',
+                    exportAs: 'buiTooltip',
+                    host: {
+                        class: 'mat-tooltip-trigger bui-tooltip-trigger'
+                    },
+                    providers: [
+                        {
+                            provide: BUI_TOOLTIP_TEMPLATE_REF,
+                            useExisting: forwardRef(() => TooltipDirective)
+                        }
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.ElementRef }, { type: i1.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i2.Platform }, { type: i3.AriaDescriber }, { type: i3.FocusMonitor }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_TOOLTIP_SCROLL_STRATEGY]
+                }] }, { type: i4.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MAT_TOOLTIP_DEFAULT_OPTIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { buiTooltipPosition: [{
+                type: Input
+            }], buiTooltipDisabled: [{
+                type: Input
+            }], buiTooltip: [{
+                type: Input
+            }], buiTooltipClass: [{
+                type: Input
+            }], clicked: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQ04sU0FBUyxFQUVULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUVMLFFBQVEsRUFDUixXQUFXLEVBRVgsVUFBVSxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTiwyQkFBMkIsRUFDM0IsMkJBQTJCLEVBQzNCLFVBQVUsRUFHVixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUN6RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7O0FBRS9EOzs7OztHQUtHO0FBY0gsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFVBQVU7SUFNL0MsWUFDQyxPQUFnQixFQUNoQixVQUFtQyxFQUNuQyxnQkFBa0MsRUFDbEMsZ0JBQWtDLEVBQ2xDLE1BQWMsRUFDZCxRQUFrQixFQUNsQixhQUE0QixFQUM1QixZQUEwQixFQUNXLGNBQW1CLEVBQzVDLEdBQW1CLEVBQ2tCLGNBQXdDLEVBQ3ZFLFNBQWM7UUFFaEMsS0FBSyxDQUNKLE9BQU8sRUFDUCxVQUFVLEVBQ1YsZ0JBQWdCLEVBQ2hCLGdCQUFnQixFQUNoQixNQUFNLEVBQ04sUUFBUSxFQUNSLGFBQWEsRUFDYixZQUFZLEVBQ1osY0FBYyxFQUNkLEdBQUcsRUFDSCxjQUFjLEVBQ2QsU0FBUyxDQUNULENBQUM7UUE5QkssZ0JBQVcsR0FBaUIsSUFBSSxPQUFPLEVBQVEsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQStCbkUsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUN6QyxPQUFPLENBQUMsWUFBWSxDQUFDLGFBQWEsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM3QyxJQUFJLE9BQU8sQ0FBQyxRQUFRLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDNUIsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7WUFDckIsT0FBTyxDQUFDLFlBQVksQ0FBQyxzQkFBc0IsRUFBRSxTQUFTLENBQUMsQ0FBQztTQUN4RDtJQUNGLENBQUM7SUFFRCwyRkFBMkY7SUFDM0YsSUFDSSxrQkFBa0I7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxJQUFJLGtCQUFrQixDQUFDLEtBQXNCO1FBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCwyQ0FBMkM7SUFDM0MsSUFDSSxrQkFBa0I7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxJQUFJLGtCQUFrQixDQUFDLEtBQUs7UUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVELGtEQUFrRDtJQUNsRCxJQUNJLFVBQVU7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMxQyxDQUFDO0lBQ0QsSUFBSSxVQUFVLENBQUMsS0FBSztRQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO1FBQzdCLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQzlCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1NBQ3JCO2FBQU0sSUFBSSxLQUFLLFlBQVksV0FBVyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1lBQzFCLElBQUksS0FBSyxFQUFFO2dCQUNWLElBQUksQ0FBQyxPQUFPLEdBQUcsd0JBQXdCLENBQUM7YUFDeEM7aUJBQU07Z0JBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7Z0JBQzlCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO2FBQ2xCO1NBQ0Q7YUFBTSxJQUFJLEtBQUssWUFBWSxVQUFVLEVBQUU7WUFDdkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7U0FDekI7SUFDRixDQUFDO0lBRUQsY0FBYztJQUNkLElBQUksUUFBUTtRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMxQixDQUFDO0lBRUQsa0ZBQWtGO0lBQ2xGLElBQ0ksZUFBZTtRQUNsQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksZUFBZSxDQUFDLEtBQStEO1FBQ2xGLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFRCxjQUFjO0lBRWQsT0FBTztRQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFFRCxpR0FBaUc7SUFDakcsSUFBSSxDQUNILFFBQWdCLElBQUksQ0FBQyxTQUFTLEVBQzlCLE1BS1k7UUFFWixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDckIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUMvQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNqRCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQztnQkFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDL0IsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDM0IsQ0FBQyxDQUFDLENBQUM7U0FDSDthQUFNO1lBQ04sS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7U0FDMUI7SUFDRixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDaEMsQ0FBQzsrR0FqSVcsZ0JBQWdCLDBPQWVuQiwyQkFBMkIsMkRBRWYsMkJBQTJCLDZCQUN2QyxRQUFRO21HQWxCTCxnQkFBZ0IsK1NBUGpCO1lBQ1Y7Z0JBQ0MsT0FBTyxFQUFFLHdCQUF3QjtnQkFDakMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUMvQztTQUNEOzs0RkFFVyxnQkFBZ0I7a0JBYjVCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRSxZQUFZO29CQUN0QixJQUFJLEVBQUU7d0JBQ0wsS0FBSyxFQUFFLHlDQUF5QztxQkFDaEQ7b0JBQ0QsU0FBUyxFQUFFO3dCQUNWOzRCQUNDLE9BQU8sRUFBRSx3QkFBd0I7NEJBQ2pDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGlCQUFpQixDQUFDO3lCQUMvQztxQkFDRDtpQkFDRDs7MEJBZ0JFLE1BQU07MkJBQUMsMkJBQTJCOzswQkFDbEMsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQywyQkFBMkI7OzBCQUM5QyxNQUFNOzJCQUFDLFFBQVE7eUNBMkJiLGtCQUFrQjtzQkFEckIsS0FBSztnQkFVRixrQkFBa0I7c0JBRHJCLEtBQUs7Z0JBVUYsVUFBVTtzQkFEYixLQUFLO2dCQThCRixlQUFlO3NCQURsQixLQUFLO2dCQVVOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXJpYURlc2NyaWJlciwgRm9jdXNNb25pdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xyXG5pbXBvcnQgeyBEaXJlY3Rpb25hbGl0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9iaWRpJztcclxuaW1wb3J0IHsgT3ZlcmxheSwgU2Nyb2xsRGlzcGF0Y2hlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgUGxhdGZvcm0gfSBmcm9tICdAYW5ndWxhci9jZGsvcGxhdGZvcm0nO1xyXG5pbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcblx0RGlyZWN0aXZlLFxyXG5cdEVsZW1lbnRSZWYsXHJcblx0SG9zdExpc3RlbmVyLFxyXG5cdEluamVjdCxcclxuXHRJbnB1dCxcclxuXHROZ1pvbmUsXHJcblx0T3B0aW9uYWwsXHJcblx0VGVtcGxhdGVSZWYsXHJcblx0Vmlld0NvbnRhaW5lclJlZixcclxuXHRmb3J3YXJkUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcblx0TUFUX1RPT0xUSVBfREVGQVVMVF9PUFRJT05TLFxyXG5cdE1BVF9UT09MVElQX1NDUk9MTF9TVFJBVEVHWSxcclxuXHRNYXRUb29sdGlwLFxyXG5cdE1hdFRvb2x0aXBEZWZhdWx0T3B0aW9ucyxcclxuXHRUb29sdGlwUG9zaXRpb25cclxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEJVSV9UT09MVElQX1RFTVBMQVRFX1JFRiB9IGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xyXG5cclxuLyoqXHJcbiAqIFRoaXMgZGlyZWN0aXZlIGV4dGVuZHMgW0FuZ3VsYXIgTWF0ZXJpYWwgdG9vbHRpcF0oaHR0cHM6Ly9tYXRlcmlhbC5hbmd1bGFyLmlvL2NvbXBvbmVudHMvdG9vbHRpcC9vdmVydmlldyksIHdpdGggdGhlIGFkZGl0aW9uYWwgY2FwYWJpbGl0eSBvZiBkaXNwbGF5aW5nXHJcbiAqIEhUTUwgY29udGVudCBpbiB0aGUgb3ZlcmxheSBhcmVhLlxyXG4gKlxyXG4gKiBBbGwgdGhlIG90aGVyIGZlYXR1cmVzIGFyZSBpZGVudGljYWwgYXMgdGhvc2UgaW4gQW5ndWxhciBNYXRlcmlhbCB0b29sdGlwLlxyXG4gKi9cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6ICdbYnVpVG9vbHRpcF0nLFxyXG5cdGV4cG9ydEFzOiAnYnVpVG9vbHRpcCcsXHJcblx0aG9zdDoge1xyXG5cdFx0Y2xhc3M6ICdtYXQtdG9vbHRpcC10cmlnZ2VyIGJ1aS10b29sdGlwLXRyaWdnZXInXHJcblx0fSxcclxuXHRwcm92aWRlcnM6IFtcclxuXHRcdHtcclxuXHRcdFx0cHJvdmlkZTogQlVJX1RPT0xUSVBfVEVNUExBVEVfUkVGLFxyXG5cdFx0XHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUb29sdGlwRGlyZWN0aXZlKVxyXG5cdFx0fVxyXG5cdF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFRvb2x0aXBEaXJlY3RpdmUgZXh0ZW5kcyBNYXRUb29sdGlwIHtcclxuXHQvLyBwcml2YXRlIF90b29sdGlwQ29tcG9uZW50ID0gVG9vbHRpcENvbXBvbmVudDtcclxuXHRwcml2YXRlIF90ZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPGFueT47XHJcblx0cHJpdmF0ZSBfY29udGVudFN1YjogU3Vic2NyaXB0aW9uID0gbmV3IFN1YmplY3Q8dm9pZD4oKS5zdWJzY3JpYmUoKTtcclxuXHRwcml2YXRlIF9jb250ZW50T2JzPzogT2JzZXJ2YWJsZTxzdHJpbmc+O1xyXG5cclxuXHRjb25zdHJ1Y3RvcihcclxuXHRcdG92ZXJsYXk6IE92ZXJsYXksXHJcblx0XHRlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcclxuXHRcdHNjcm9sbERpc3BhdGNoZXI6IFNjcm9sbERpc3BhdGNoZXIsXHJcblx0XHR2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxyXG5cdFx0bmdab25lOiBOZ1pvbmUsXHJcblx0XHRwbGF0Zm9ybTogUGxhdGZvcm0sXHJcblx0XHRhcmlhRGVzY3JpYmVyOiBBcmlhRGVzY3JpYmVyLFxyXG5cdFx0Zm9jdXNNb25pdG9yOiBGb2N1c01vbml0b3IsXHJcblx0XHRASW5qZWN0KE1BVF9UT09MVElQX1NDUk9MTF9TVFJBVEVHWSkgc2Nyb2xsU3RyYXRlZ3k6IGFueSxcclxuXHRcdEBPcHRpb25hbCgpIGRpcjogRGlyZWN0aW9uYWxpdHksXHJcblx0XHRAT3B0aW9uYWwoKSBASW5qZWN0KE1BVF9UT09MVElQX0RFRkFVTFRfT1BUSU9OUykgZGVmYXVsdE9wdGlvbnM6IE1hdFRvb2x0aXBEZWZhdWx0T3B0aW9ucyxcclxuXHRcdEBJbmplY3QoRE9DVU1FTlQpIF9kb2N1bWVudDogYW55XHJcblx0KSB7XHJcblx0XHRzdXBlcihcclxuXHRcdFx0b3ZlcmxheSxcclxuXHRcdFx0ZWxlbWVudFJlZixcclxuXHRcdFx0c2Nyb2xsRGlzcGF0Y2hlcixcclxuXHRcdFx0dmlld0NvbnRhaW5lclJlZixcclxuXHRcdFx0bmdab25lLFxyXG5cdFx0XHRwbGF0Zm9ybSxcclxuXHRcdFx0YXJpYURlc2NyaWJlcixcclxuXHRcdFx0Zm9jdXNNb25pdG9yLFxyXG5cdFx0XHRzY3JvbGxTdHJhdGVneSxcclxuXHRcdFx0ZGlyLFxyXG5cdFx0XHRkZWZhdWx0T3B0aW9ucyxcclxuXHRcdFx0X2RvY3VtZW50XHJcblx0XHQpO1xyXG5cdFx0dGhpcy50b3VjaEdlc3R1cmVzID0gJ29mZic7XHJcblx0XHRjb25zdCBlbGVtZW50ID0gZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xyXG5cdFx0ZWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2FyaWEtaGlkZGVuJywgJ2ZhbHNlJyk7XHJcblx0XHRpZiAoZWxlbWVudC50YWJJbmRleCA9PT0gLTEpIHtcclxuXHRcdFx0ZWxlbWVudC50YWJJbmRleCA9IDA7XHJcblx0XHRcdGVsZW1lbnQuc2V0QXR0cmlidXRlKCdhcmlhLXJvbGVkZXNjcmlwdGlvbicsICd0b29sdGlwJyk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHQvKiogQWxsb3dzIHRoZSB1c2VyIHRvIGRlZmluZSB0aGUgcG9zaXRpb24gb2YgdGhlIHRvb2x0aXAgcmVsYXRpdmUgdG8gdGhlIHBhcmVudCBlbGVtZW50ICovXHJcblx0QElucHV0KClcclxuXHRnZXQgYnVpVG9vbHRpcFBvc2l0aW9uKCk6IFRvb2x0aXBQb3NpdGlvbiB7XHJcblx0XHRyZXR1cm4gdGhpcy5wb3NpdGlvbjtcclxuXHR9XHJcblx0c2V0IGJ1aVRvb2x0aXBQb3NpdGlvbih2YWx1ZTogVG9vbHRpcFBvc2l0aW9uKSB7XHJcblx0XHR0aGlzLnBvc2l0aW9uID0gdmFsdWU7XHJcblx0fVxyXG5cclxuXHQvKiogRGlzYWJsZXMgdGhlIGRpc3BsYXkgb2YgdGhlIHRvb2x0aXAuICovXHJcblx0QElucHV0KClcclxuXHRnZXQgYnVpVG9vbHRpcERpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG5cdFx0cmV0dXJuIHRoaXMuZGlzYWJsZWQ7XHJcblx0fVxyXG5cdHNldCBidWlUb29sdGlwRGlzYWJsZWQodmFsdWUpIHtcclxuXHRcdHRoaXMuZGlzYWJsZWQgPSB2YWx1ZTtcclxuXHR9XHJcblxyXG5cdC8qKiBUaGUgbWVzc2FnZSB0byBiZSBkaXNwbGF5ZWQgaW4gdGhlIHRvb2x0aXAuICovXHJcblx0QElucHV0KClcclxuXHRnZXQgYnVpVG9vbHRpcCgpOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+IHwgT2JzZXJ2YWJsZTxzdHJpbmc+IHtcclxuXHRcdHJldHVybiB0aGlzLl90ZW1wbGF0ZVJlZiB8fCB0aGlzLm1lc3NhZ2U7XHJcblx0fVxyXG5cdHNldCBidWlUb29sdGlwKHZhbHVlKSB7XHJcblx0XHR0aGlzLl9jb250ZW50U3ViLnVuc3Vic2NyaWJlKCk7XHJcblx0XHR0aGlzLl9jb250ZW50T2JzID0gdW5kZWZpbmVkO1xyXG5cdFx0aWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcclxuXHRcdFx0dGhpcy5tZXNzYWdlID0gdmFsdWU7XHJcblx0XHR9IGVsc2UgaWYgKHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcclxuXHRcdFx0dGhpcy5fdGVtcGxhdGVSZWYgPSB2YWx1ZTtcclxuXHRcdFx0aWYgKHZhbHVlKSB7XHJcblx0XHRcdFx0dGhpcy5tZXNzYWdlID0gJ1tidWktdG9vbHRpcC10ZW1wbGF0ZV0nO1xyXG5cdFx0XHR9IGVsc2Uge1xyXG5cdFx0XHRcdHRoaXMuX3RlbXBsYXRlUmVmID0gdW5kZWZpbmVkO1xyXG5cdFx0XHRcdHRoaXMubWVzc2FnZSA9ICcnO1xyXG5cdFx0XHR9XHJcblx0XHR9IGVsc2UgaWYgKHZhbHVlIGluc3RhbmNlb2YgT2JzZXJ2YWJsZSkge1xyXG5cdFx0XHR0aGlzLm1lc3NhZ2UgPSAnLi4uJztcclxuXHRcdFx0dGhpcy5fY29udGVudE9icyA9IHZhbHVlO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0LyoqIEBpZ25vcmUgKi9cclxuXHRnZXQgdGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB8IHVuZGVmaW5lZCB7XHJcblx0XHRyZXR1cm4gdGhpcy5fdGVtcGxhdGVSZWY7XHJcblx0fVxyXG5cclxuXHQvKiogQ2xhc3NlcyB0byBiZSBwYXNzZWQgdG8gdGhlIHRvb2x0aXAuIFN1cHBvcnRzIHRoZSBzYW1lIHN5bnRheCBhcyBgbmdDbGFzc2AuICovXHJcblx0QElucHV0KClcclxuXHRnZXQgYnVpVG9vbHRpcENsYXNzKCkge1xyXG5cdFx0cmV0dXJuIHRoaXMudG9vbHRpcENsYXNzO1xyXG5cdH1cclxuXHRzZXQgYnVpVG9vbHRpcENsYXNzKHZhbHVlOiBzdHJpbmcgfCBzdHJpbmdbXSB8IFNldDxzdHJpbmc+IHwgeyBba2V5OiBzdHJpbmddOiBhbnkgfSkge1xyXG5cdFx0dGhpcy50b29sdGlwQ2xhc3MgPSB2YWx1ZTtcclxuXHR9XHJcblxyXG5cdC8qKiBAaWdub3JlICovXHJcblx0QEhvc3RMaXN0ZW5lcignY2xpY2snKVxyXG5cdGNsaWNrZWQoKSB7XHJcblx0XHR0aGlzLnRvZ2dsZSgpO1xyXG5cdH1cclxuXHJcblx0LyoqIFNob3dzIHRoZSB0b29sdGlwIGFmdGVyIHRoZSBkZWxheSBpbiBtcywgZGVmYXVsdHMgdG8gdG9vbHRpcC1kZWxheS1zaG93IG9yIDBtcyBpZiBubyBpbnB1dCAqL1xyXG5cdHNob3coXHJcblx0XHRkZWxheTogbnVtYmVyID0gdGhpcy5zaG93RGVsYXksXHJcblx0XHRvcmlnaW4/OlxyXG5cdFx0XHR8IHtcclxuXHRcdFx0XHRcdHg6IG51bWJlcjtcclxuXHRcdFx0XHRcdHk6IG51bWJlcjtcclxuXHRcdFx0ICB9XHJcblx0XHRcdHwgdW5kZWZpbmVkXHJcblx0KTogdm9pZCB7XHJcblx0XHRpZiAodGhpcy5fY29udGVudE9icykge1xyXG5cdFx0XHR0aGlzLl9jb250ZW50U3ViLnVuc3Vic2NyaWJlKCk7XHJcblx0XHRcdHRoaXMuX2NvbnRlbnRTdWIgPSB0aGlzLl9jb250ZW50T2JzLnN1YnNjcmliZShjID0+IHtcclxuXHRcdFx0XHR0aGlzLm1lc3NhZ2UgPSBjO1xyXG5cdFx0XHRcdHRoaXMuX2NvbnRlbnRTdWIudW5zdWJzY3JpYmUoKTtcclxuXHRcdFx0XHRzdXBlci5zaG93KGRlbGF5LCBvcmlnaW4pO1xyXG5cdFx0XHR9KTtcclxuXHRcdH0gZWxzZSB7XHJcblx0XHRcdHN1cGVyLnNob3coZGVsYXksIG9yaWdpbik7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRuZ09uRGVzdHJveSgpIHtcclxuXHRcdHRoaXMuX2NvbnRlbnRTdWIudW5zdWJzY3JpYmUoKTtcclxuXHR9XHJcbn1cclxuIl19

package/esm2022/tooltip/tooltip.module.mjs

@@ -0,0 +1,25 @@
+import { A11yModule } from '@angular/cdk/a11y';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { CdkScrollableModule } from '@angular/cdk/scrolling';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatCommonModule } from '@angular/material/core';
+import { MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER } from '@angular/material/tooltip';
+import { TooltipComponent } from './tooltip.component';
+import { TooltipDirective } from './tooltip.directive';
+import * as i0 from "@angular/core";
+export class TooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective, TooltipComponent], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule], exports: [TooltipDirective, MatCommonModule, CdkScrollableModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule],
+                    exports: [TooltipDirective, MatCommonModule, CdkScrollableModule],
+                    declarations: [TooltipDirective, TooltipComponent],
+                    providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy91aS90b29sdGlwL3Rvb2x0aXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSw0Q0FBNEMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3pGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQVF2RCxNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO2dIQUFiLGFBQWEsaUJBSFYsZ0JBQWdCLEVBQUUsZ0JBQWdCLGFBRnZDLFVBQVUsRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsYUFDeEQsZ0JBQWdCLEVBQUUsZUFBZSxFQUFFLG1CQUFtQjtnSEFJcEQsYUFBYSxhQUZkLENBQUMsNENBQTRDLENBQUMsWUFIL0MsVUFBVSxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUN0QyxlQUFlLEVBQUUsbUJBQW1COzs0RkFJcEQsYUFBYTtrQkFOekIsUUFBUTttQkFBQztvQkFDVCxPQUFPLEVBQUUsQ0FBQyxVQUFVLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUM7b0JBQ25FLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixFQUFFLGVBQWUsRUFBRSxtQkFBbUIsQ0FBQztvQkFDakUsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7b0JBQ2xELFNBQVMsRUFBRSxDQUFDLDRDQUE0QyxDQUFDO2lCQUN6RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XHJcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IENka1Njcm9sbGFibGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvc2Nyb2xsaW5nJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0Q29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcbmltcG9ydCB7IE1BVF9UT09MVElQX1NDUk9MTF9TVFJBVEVHWV9GQUNUT1JZX1BST1ZJREVSIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XHJcbmltcG9ydCB7IFRvb2x0aXBDb21wb25lbnQgfSBmcm9tICcuL3Rvb2x0aXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJy4vdG9vbHRpcC5kaXJlY3RpdmUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuXHRpbXBvcnRzOiBbQTExeU1vZHVsZSwgQ29tbW9uTW9kdWxlLCBPdmVybGF5TW9kdWxlLCBNYXRDb21tb25Nb2R1bGVdLFxyXG5cdGV4cG9ydHM6IFtUb29sdGlwRGlyZWN0aXZlLCBNYXRDb21tb25Nb2R1bGUsIENka1Njcm9sbGFibGVNb2R1bGVdLFxyXG5cdGRlY2xhcmF0aW9uczogW1Rvb2x0aXBEaXJlY3RpdmUsIFRvb2x0aXBDb21wb25lbnRdLFxyXG5cdHByb3ZpZGVyczogW01BVF9UT09MVElQX1NDUk9MTF9TVFJBVEVHWV9GQUNUT1JZX1BST1ZJREVSXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9vbHRpcE1vZHVsZSB7fVxyXG4iXX0=

package/{fesm2020 → fesm2022}/bravura-ui-alert-testing.mjs

@@ -7,6 +7,7 @@ class AlertMessageHarness extends ComponentHarness {
         this._getDeleteButton = this.locatorFor('.bui-alert-button');
         this._getContentDiv = this.locatorFor('.bui-alert-content');
     }
+    static { this.hostSelector = '.bui-alert'; }
     static with(options = {}) {
         return new HarnessPredicate(this, options).addOption('content', options.content, AlertMessageHarness.filterByContent);
     }
@@ -24,13 +25,13 @@ class AlertMessageHarness extends ComponentHarness {
         return content.test(contentText);
     }
 }
-AlertMessageHarness.hostSelector = '.bui-alert';
 class AlertContainerHarness extends ComponentHarness {
     constructor() {
         super(...arguments);
         this._items = this.locatorForAll(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel' }));
         this._floatingFrame = this.locatorFor('.bui-alert-float-panel-frame');
     }
+    static { this.hostSelector = '.bui-alert-container'; }
     getAlertItem(content) {
         return this.locatorForOptional(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel', content }))();
     }
@@ -41,7 +42,6 @@ class AlertContainerHarness extends ComponentHarness {
         return (await (await this._floatingFrame()).getCssValue('display')) !== 'none';
     }
 }
-AlertContainerHarness.hostSelector = '.bui-alert-container';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/bravura-ui-alert-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bravura-ui-alert-testing.mjs","sources":["../../../projects/ui/alert/testing/test-api.ts","../../../projects/ui/alert/testing/bravura-ui-alert-testing.ts"],"sourcesContent":["import {\r\n\tComponentHarness,\r\n\tTextOptions,\r\n\tBaseHarnessFilters,\r\n\tComponentHarnessConstructor,\r\n\tHarnessPredicate\r\n} from '@angular/cdk/testing';\r\n\r\nexport interface AlertMessageHarnessFilters extends BaseHarnessFilters {\r\n\t/** only select the alert with the content matching this regular expression */\r\n\tcontent?: RegExp;\r\n}\r\n\r\nexport class AlertMessageHarness extends ComponentHarness {\r\n\tstatic hostSelector = '.bui-alert';\r\n\tprivate _getBackdrop = this.locatorFor('.bui-alert-backdrop');\r\n\tprivate _getDeleteButton = this.locatorFor('.bui-alert-button');\r\n\tprivate _getContentDiv = this.locatorFor('.bui-alert-content');\r\n\r\n\tstatic with<T extends AlertMessageHarness>(\r\n\t\tthis: ComponentHarnessConstructor<T>,\r\n\t\toptions: AlertMessageHarnessFilters = {}\r\n\t): HarnessPredicate<T> {\r\n\t\treturn new HarnessPredicate(this, options).addOption(\r\n\t\t\t'content',\r\n\t\t\toptions.content,\r\n\t\t\tAlertMessageHarness.filterByContent\r\n\t\t);\r\n\t}\r\n\r\n\tasync getColor(): Promise<string> {\r\n\t\treturn (await this._getBackdrop()).getCssValue('background-color');\r\n\t}\r\n\r\n\tasync delete(): Promise<void> {\r\n\t\tawait (await this._getDeleteButton()).click();\r\n\t}\r\n\r\n\tasync getContent(options?: TextOptions): Promise<string> {\r\n\t\treturn (await this._getContentDiv()).text(options);\r\n\t}\r\n\r\n\tprivate static async filterByContent(harness: AlertMessageHarness, content: RegExp): Promise<boolean> {\r\n\t\tconst contentText = await harness.getContent();\r\n\t\treturn content.test(contentText);\r\n\t}\r\n}\r\n\r\nexport class AlertContainerHarness extends ComponentHarness {\r\n\tstatic hostSelector = '.bui-alert-container';\r\n\r\n\tprivate _items = this.locatorForAll(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel' }));\r\n\tprivate _floatingFrame = this.locatorFor('.bui-alert-float-panel-frame');\r\n\r\n\tgetAlertItem(content: RegExp): Promise<AlertMessageHarness | null> {\r\n\t\treturn this.locatorForOptional(AlertMessageHarness.with({ ancestor: '.bui-alert-fixed-panel', content }))();\r\n\t}\r\n\r\n\tasync countAlertItems(): Promise<number> {\r\n\t\treturn (await this._items()).length;\r\n\t}\r\n\r\n\tasync isFloated(): Promise<boolean> {\r\n\t\treturn (await (await this._floatingFrame()).getCssValue('display')) !== 'none';\r\n\t}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './test-api';\n"],"names":[],"mappings":";;AAaM,MAAO,mBAAoB,SAAQ,gBAAgB,CAAA;AAAzD,IAAA,WAAA,GAAA;;AAES,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;KA6B/D;aAhCO,IAAY,CAAA,YAAA,GAAG,YAAH,CAAgB,EAAA;AAKnC,IAAA,OAAO,IAAI,CAEV,OAAA,GAAsC,EAAE,EAAA;QAExC,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,SAAS,CACnD,SAAS,EACT,OAAO,CAAC,OAAO,EACf,mBAAmB,CAAC,eAAe,CACnC,CAAC;KACF;AAED,IAAA,MAAM,QAAQ,GAAA;AACb,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;KACnE;AAED,IAAA,MAAM,MAAM,GAAA;QACX,MAAM,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC;KAC9C;IAED,MAAM,UAAU,CAAC,OAAqB,EAAA;AACrC,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;KACnD;AAEO,IAAA,aAAa,eAAe,CAAC,OAA4B,EAAE,OAAe,EAAA;AACjF,QAAA,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC;AAC/C,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACjC;;AAGI,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AAA3D,IAAA,WAAA,GAAA;;AAGS,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAC;AAC9F,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;KAazE;aAhBO,IAAY,CAAA,YAAA,GAAG,sBAAH,CAA0B,EAAA;AAK7C,IAAA,YAAY,CAAC,OAAe,EAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;KAC5G;AAED,IAAA,MAAM,eAAe,GAAA;QACpB,OAAO,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,CAAC;KACpC;AAED,IAAA,MAAM,SAAS,GAAA;AACd,QAAA,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,MAAM,CAAC;KAC/E;;;AChEF;;AAEG;;;;"}

package/fesm2022/bravura-ui-alert.mjs

@@ -0,0 +1,327 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, HostBinding, NgModule } from '@angular/core';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@bravura/ui/icon-font';
+import { IconFontModule } from '@bravura/ui/icon-font';
+import { trigger, transition, style, animate, state } from '@angular/animations';
+import { generateID, isElementInViewport } from '@bravura/ui/common';
+import { Subject, timer } from 'rxjs';
+import { takeUntil, take, tap, delay } from 'rxjs/operators';
+import * as i1 from '@angular/cdk/scrolling';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i2$1 from '@angular/material/icon';
+
+/** @ignore */
+const ICONS = {
+    success: 'check_circle',
+    info: 'info',
+    warn: 'report_problem',
+    error: 'cancel'
+};
+/** @ignore */
+const DEFAULT_POLITENESS = {
+    success: 'polite',
+    info: 'polite',
+    warn: 'assertive',
+    error: 'assertive'
+};
+/**
+ * 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;
+ * ```
+ *
+ *
+ */
+class AlertMessageComponent {
+    /** Whether to display the button to fire the `dismissed` event. */
+    get dismissible() {
+        return this._dismissible;
+    }
+    set dismissible(value) {
+        this._dismissible = coerceBooleanProperty(value);
+    }
+    constructor() {
+        /** The type of the message, used to derive the icon and base color.  */
+        this.type = 'error';
+        /** The message to be displayed, HTML supported.  */
+        this.message = '';
+        /** To be emitted when the user choose to dismiss the message. The event object is the ID of the element.  */
+        this.dismissed = new EventEmitter();
+        /** To be emitted when the component finishes initialisation. The event object is the ID of the element.  */
+        this.initialised = new EventEmitter();
+        this._id = `bui-alert-${generateID()}`;
+        this._dismissible = false;
+    }
+    ngOnInit() {
+        this.politeness = this.politeness || DEFAULT_POLITENESS[this.type];
+        this.initialised.emit(this._id);
+    }
+    /** @ignore */
+    get iconName() {
+        return ICONS[this.type];
+    }
+    /** @ignore */
+    _dismiss() {
+        this.dismissed.emit(this._id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertMessageComponent, selector: "bui-alert", inputs: { type: "type", message: "message", politeness: "politeness", dismissible: "dismissible", _id: ["id", "_id"] }, outputs: { dismissed: "dismissed", initialised: "initialised" }, host: { properties: { "class": "'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')", "role": "politeness === 'off' ? 'region' : 'alert'", "attr.aria-live": "politeness === 'assertive' ? undefined : politeness", "id": "this._id" } }, ngImport: i0, template: "<div class=\"bui-alert-backdrop\"></div>\r\n<div class=\"bui-alert-frame\"></div>\r\n\r\n<div class=\"bui-alert-wrapper\">\r\n\t<div class=\"bui-alert-icon-area\">\r\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\r\n\t</div>\r\n\t<div class=\"bui-alert-content\">\r\n\t\t<div [innerHTML]=\"message\" *ngIf=\"message\"></div>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n\r\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\r\n\t<div class=\"bui-alert-button-backdrop\"></div>\r\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\r\n\t\t<mat-icon>cancel</mat-icon>\r\n\t</button>\r\n</div>\r\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}.bui-alert-button{width:40px;height:40px;padding:8px;overflow:hidden}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:last-child\"; margin-bottom: 0;}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "[buiIcon]", inputs: ["buiIcon", "size", "variant"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bui-alert', host: {
+                        '[class]': `'bui-alert bui-host bui-alert-' + (type === 'warn' ? 'warning' : type) + (dismissible ? ' bui-alert-dismissible' : '')`,
+                        '[role]': `politeness === 'off' ? 'region' : 'alert'`,
+                        '[attr.aria-live]': `politeness === 'assertive' ? undefined : politeness`
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bui-alert-backdrop\"></div>\r\n<div class=\"bui-alert-frame\"></div>\r\n\r\n<div class=\"bui-alert-wrapper\">\r\n\t<div class=\"bui-alert-icon-area\">\r\n\t\t<mat-icon [buiIcon]=\"iconName\" variant=\"outlined\"></mat-icon>\r\n\t</div>\r\n\t<div class=\"bui-alert-content\">\r\n\t\t<div [innerHTML]=\"message\" *ngIf=\"message\"></div>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n\r\n<div class=\"bui-alert-button-area\" *ngIf=\"dismissible\">\r\n\t<div class=\"bui-alert-button-backdrop\"></div>\r\n\t<button mat-icon-button class=\"bui-alert-button\" (click)=\"_dismiss()\" aria-label=\"dismiss alert\">\r\n\t\t<mat-icon>cancel</mat-icon>\r\n\t</button>\r\n</div>\r\n", styles: [":host(:not([hidden])){display:block;padding:12px 14px 12px 19px;position:relative;border-radius:5px}:host-context([dir=rtl]) :host(:not([hidden])){padding:12px 19px 12px 14px}:host(:not([hidden])),:host(:not([hidden])) *{box-sizing:border-box}.bui-alert-backdrop,.bui-alert-frame{position:absolute;inset:0}.bui-alert-backdrop{opacity:.1}:host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18.75px) 18.75px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-backdrop{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0,18.75px 18.75px)}.bui-alert-frame{border-radius:5px;border-width:1px 1px 1px 5px;border-style:solid}:host-context([dir=rtl]) .bui-alert-frame{border-width:1px 5px 1px 1px}:host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 25px) 25px,100% 25px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-frame{clip-path:polygon(0 25px,0 100%,100% 100%,100% 0,25px 0)}.bui-alert-button-area{position:absolute;right:-15px;top:-15px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}:host-context([dir=rtl]) .bui-alert-button-area{right:unset;left:-15px}.bui-alert-button-backdrop{position:absolute;border-radius:20px;width:100%;height:100%;clip-path:polygon(0 15px,25px 15px,25px 100%,0% 100%)}:host-context([dir=rtl]) .bui-alert-button-backdrop{clip-path:polygon(15px 15px,15px 100%,100% 100%,100% 15px)}.bui-alert-wrapper{display:flex;align-items:stretch}.bui-alert-icon-area{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:5px;width:30px;height:30px;margin-right:14px;color:var(--bui-bg-card)}:host-context([dir=rtl]) .bui-alert-icon-area{margin-right:unset;margin-left:14px}.bui-alert-content{z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}:host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 13px,100% 100%,0 100%)}:host-context([dir=rtl]) :host(.bui-alert-dismissible) .bui-alert-content{clip-path:polygon(0 13px,0 100%,100% 100%,100% 0,11px 0)}:host(.bui-alert-success) .bui-alert-frame{border-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-backdrop,:host(.bui-alert-success) .bui-alert-icon-area{background-color:var(--bui-color-success)}:host(.bui-alert-success) .bui-alert-button-backdrop{border:1px var(--bui-color-success) solid}:host(.bui-alert-success) .bui-alert-button{color:var(--bui-color-success)}:host(.bui-alert-info) .bui-alert-frame{border-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-backdrop,:host(.bui-alert-info) .bui-alert-icon-area{background-color:var(--bui-color-info)}:host(.bui-alert-info) .bui-alert-button-backdrop{border:1px var(--bui-color-info) solid}:host(.bui-alert-info) .bui-alert-button{color:var(--bui-color-info)}:host(.bui-alert-warning) .bui-alert-frame{border-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-backdrop,:host(.bui-alert-warning) .bui-alert-icon-area{background-color:var(--bui-color-warning)}:host(.bui-alert-warning) .bui-alert-button-backdrop{border:1px var(--bui-color-warning) solid}:host(.bui-alert-warning) .bui-alert-button{color:var(--bui-color-warning)}:host(.bui-alert-error) .bui-alert-frame{border-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-backdrop,:host(.bui-alert-error) .bui-alert-icon-area{background-color:var(--bui-color-error)}:host(.bui-alert-error) .bui-alert-button-backdrop{border:1px var(--bui-color-error) solid}:host(.bui-alert-error) .bui-alert-button{color:var(--bui-color-error)}.bui-alert-button{width:40px;height:40px;padding:8px;overflow:hidden}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > div > *:last-child\"; margin-bottom: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:first-child\"; margin-top: 0;}@polyfill-unscoped-rule{content: \".bui-alert .bui-alert-content > *:last-child\"; margin-bottom: 0;}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { type: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], politeness: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], dismissed: [{
+                type: Output
+            }], initialised: [{
+                type: Output
+            }], 
+        /** @ignore */
+        _id: [{
+                type: Input,
+                args: ['id']
+            }, {
+                type: HostBinding,
+                args: ['id']
+            }] } });
+
+/**@internal */
+class InternalAlertOject {
+    constructor(type, message) {
+        this.type = type;
+        this.message = message;
+        this.deleted = false;
+        this.id = `bui-alert-cont-alert-${generateID()}`;
+    }
+}
+/**
+ * Use this component in a designated area of a page for displaying notification messages
+ *
+ */
+class AlertContainerComponent {
+    constructor(zone, cdRef, _elementRef, scroll) {
+        this.zone = zone;
+        this.cdRef = cdRef;
+        this._elementRef = _elementRef;
+        this.scroll = scroll;
+        /** The maximum number of messages displayed in the container area. */
+        this.max = 5;
+        /**
+         * 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.
+         */
+        this.outsideViewportBehavior = '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.
+         */
+        this.floatDuration = 2000;
+        /**@internal */
+        this._alerts = [];
+        /**@internal */
+        this._floated = false;
+        /**@internal */
+        this._floatPanelHidden = true;
+        /** @ignore Emits whenever the animation is started. */
+        this._animationStarted = new Subject();
+        /** @ignore Emits whenever the animation is done. */
+        this._animationEnded = new Subject();
+        this._destroyed$ = new Subject();
+        /** Emits the component instance after initialisation. */
+        this.init = new EventEmitter();
+    }
+    ngOnInit() {
+        const checkScroll = () => {
+            if (isElementInViewport(this._elementRef.nativeElement)) {
+                this._endFloating();
+            }
+        };
+        this.scroll
+            .ancestorScrolled(this._elementRef.nativeElement)
+            .pipe(takeUntil(this._destroyed$))
+            .subscribe(checkScroll);
+        checkScroll();
+        this.init.emit(this);
+        this.init.complete();
+    }
+    ngOnDestroy() {
+        this._destroyed$.next();
+        this._destroyed$.complete();
+        this._endFloatingSub?.unsubscribe();
+    }
+    /**@internal */
+    get _remaining() {
+        return this._alerts.filter(a => !a.deleted);
+    }
+    /**@internal */
+    get _width() {
+        return this._elementRef.nativeElement.clientWidth;
+    }
+    /** Add a message to the notification area */
+    async notify(type, message) {
+        this._endFloatingSub?.unsubscribe();
+        const duplicate = this._remaining.find(_a => message === _a.message);
+        if (duplicate) {
+            this._dismiss(duplicate);
+        }
+        const remaining = this._remaining;
+        if (remaining.length >= this.max) {
+            this._dismiss(remaining[0]);
+        }
+        const a = new InternalAlertOject(type, message);
+        await this._checkViewport();
+        this.zone.run(() => {
+            this._alerts.push(a);
+            this.cdRef.markForCheck();
+        });
+    }
+    /**@ignore */
+    async _checkViewport() {
+        if (!isElementInViewport(this._elementRef.nativeElement)) {
+            if (this.outsideViewportBehavior === 'float') {
+                const d = this._floated ? 0 : 100;
+                this._floated = true;
+                this._floatPanelHidden = false;
+                this._endFloating(this.floatDuration);
+                this.cdRef.markForCheck();
+                await timer(d).toPromise();
+            }
+            else {
+                this._elementRef.nativeElement.scrollIntoView({ block: 'start', behavior: 'smooth' });
+            }
+        }
+    }
+    /**@ignore */
+    async _dismiss(a) {
+        const id = a.id;
+        a.deleted = true;
+        this.cdRef.markForCheck();
+        await this._animationEnded.pipe(take(1)).toPromise();
+        this.zone.run(() => {
+            this._alerts = this._alerts.filter(_a => _a.id !== id);
+            this.cdRef.markForCheck();
+        });
+    }
+    /** Remove all messages currently displayed. */
+    async clear() {
+        await Promise.all(this._remaining.map(a => this._dismiss(a)));
+        this._endFloating();
+    }
+    _endFloating(_delay = 0) {
+        if (!this._floated) {
+            return;
+        }
+        this._endFloatingSub?.unsubscribe();
+        this._endFloatingSub = timer(_delay)
+            .pipe(tap(() => {
+            this._floated = false;
+            this.zone.run(() => this.cdRef.markForCheck());
+        }), delay(400))
+            .subscribe(() => {
+            this._floatPanelHidden = true;
+            this.zone.run(() => this.cdRef.markForCheck());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertContainerComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertContainerComponent, selector: "bui-alert-container", inputs: { max: "max", outsideViewportBehavior: "outsideViewportBehavior", floatDuration: "floatDuration" }, outputs: { init: "init" }, host: { properties: { "class": "'bui-alert-container bui-host bui-alert-container-' + (_remaining.length ? 'not-empty': 'empty')" } }, ngImport: i0, template: "<div\r\n\tclass=\"bui-alert-fixed-panel\"\r\n\t[style.opacity]=\"_floatPanelHidden ? 1 : 0\"\r\n\t[class.bui-alert-fixed-panel-blink]=\"outsideViewportBehavior === 'scroll'\"\r\n>\r\n\t<bui-alert\r\n\t\t*ngFor=\"let a of _alerts\"\r\n\t\t[id]=\"a.id\"\r\n\t\t[type]=\"a.type\"\r\n\t\t[message]=\"a.message\"\r\n\t\tdismissible\r\n\t\t[@alertTransition]=\"a.deleted ? 'hidden' : 'visible'\"\r\n\t\t(@alertTransition.start)=\"_animationStarted.next($event)\"\r\n\t\t(@alertTransition.done)=\"_animationEnded.next($event)\"\r\n\t\t(dismissed)=\"_dismiss(a)\"\r\n\t></bui-alert>\r\n</div>\r\n\r\n<div class=\"bui-alert-float-panel-frame\" [hidden]=\"_floatPanelHidden\" [class.bui-alert-float-panel-shaded]=\"_floated\">\r\n\t<div class=\"bui-alert-float-panel\" [style.max-width]=\"_width + 'px'\" [@floatTransition]=\"'visible'\" *ngIf=\"_floated\">\r\n\t\t<bui-alert\r\n\t\t\t*ngFor=\"let a of _alerts\"\r\n\t\t\t[id]=\"a.id\"\r\n\t\t\t[type]=\"a.type\"\r\n\t\t\t[message]=\"a.message\"\r\n\t\t\t[@alertTransition]=\"a.deleted ? 'hidden' : 'visible'\"\r\n\t\t></bui-alert>\r\n\t</div>\r\n</div>\r\n", styles: [".bui-alert:not(:first-of-type){margin-top:.5rem}:host(:not([hidden])){display:block}.bui-alert-fixed-panel{transition:opacity .2s ease-in}.bui-alert-fixed-panel.bui-alert-fixed-panel-blink .bui-alert:last-of-type{animation:blink 1s ease-in forwards}.bui-alert-float-panel-frame{position:fixed;z-index:1000;inset:0;justify-content:center;align-items:center;flex-direction:column;transition:background-color .4s cubic-bezier(.25,0,.55,.2)}.bui-alert-float-panel-frame:not([hidden]){display:flex}.bui-alert-float-panel-frame.bui-alert-float-panel-shaded{background-color:#00000080}.bui-alert-float-panel-frame .bui-alert{background-color:var(--bui-bg-card)}@keyframes blink{60%{opacity:1}70%{opacity:0}80%{opacity:1}90%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AlertMessageComponent, selector: "bui-alert", inputs: ["type", "message", "politeness", "dismissible", "id"], outputs: ["dismissed", "initialised"] }], animations: [
+            trigger('floatTransition', [
+                transition(':enter', [style({ opacity: '0', transform: 'translateY(-10vh)' }), animate('.3s ease-in')]),
+                transition(':leave', [animate('.4s ease-out', style({ transform: 'translateY(-10vh)', opacity: '0' }))])
+            ]),
+            trigger('alertTransition', [
+                state('visible', style({})),
+                state('hidden', style({
+                    height: 0,
+                    overflow: 'hidden',
+                    transform: 'scaleY(0)',
+                    opacity: 0,
+                    'margin-top': '-1rem'
+                })),
+                transition('void => visible', [
+                    style({ transform: 'translateY(100%)', height: 0, opacity: '0', overflow: 'hidden' }),
+                    animate('250ms cubic-bezier(0.42, 0.0, 0.58, 1.0)')
+                ]),
+                transition('visible => hidden', [animate('250ms cubic-bezier(0.25, 0, 0.3, 1.0)')])
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bui-alert-container', host: {
+                        '[class]': `'bui-alert-container bui-host bui-alert-container-' + (_remaining.length ? 'not-empty': 'empty')`
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('floatTransition', [
+                            transition(':enter', [style({ opacity: '0', transform: 'translateY(-10vh)' }), animate('.3s ease-in')]),
+                            transition(':leave', [animate('.4s ease-out', style({ transform: 'translateY(-10vh)', opacity: '0' }))])
+                        ]),
+                        trigger('alertTransition', [
+                            state('visible', style({})),
+                            state('hidden', style({
+                                height: 0,
+                                overflow: 'hidden',
+                                transform: 'scaleY(0)',
+                                opacity: 0,
+                                'margin-top': '-1rem'
+                            })),
+                            transition('void => visible', [
+                                style({ transform: 'translateY(100%)', height: 0, opacity: '0', overflow: 'hidden' }),
+                                animate('250ms cubic-bezier(0.42, 0.0, 0.58, 1.0)')
+                            ]),
+                            transition('visible => hidden', [animate('250ms cubic-bezier(0.25, 0, 0.3, 1.0)')])
+                        ])
+                    ], template: "<div\r\n\tclass=\"bui-alert-fixed-panel\"\r\n\t[style.opacity]=\"_floatPanelHidden ? 1 : 0\"\r\n\t[class.bui-alert-fixed-panel-blink]=\"outsideViewportBehavior === 'scroll'\"\r\n>\r\n\t<bui-alert\r\n\t\t*ngFor=\"let a of _alerts\"\r\n\t\t[id]=\"a.id\"\r\n\t\t[type]=\"a.type\"\r\n\t\t[message]=\"a.message\"\r\n\t\tdismissible\r\n\t\t[@alertTransition]=\"a.deleted ? 'hidden' : 'visible'\"\r\n\t\t(@alertTransition.start)=\"_animationStarted.next($event)\"\r\n\t\t(@alertTransition.done)=\"_animationEnded.next($event)\"\r\n\t\t(dismissed)=\"_dismiss(a)\"\r\n\t></bui-alert>\r\n</div>\r\n\r\n<div class=\"bui-alert-float-panel-frame\" [hidden]=\"_floatPanelHidden\" [class.bui-alert-float-panel-shaded]=\"_floated\">\r\n\t<div class=\"bui-alert-float-panel\" [style.max-width]=\"_width + 'px'\" [@floatTransition]=\"'visible'\" *ngIf=\"_floated\">\r\n\t\t<bui-alert\r\n\t\t\t*ngFor=\"let a of _alerts\"\r\n\t\t\t[id]=\"a.id\"\r\n\t\t\t[type]=\"a.type\"\r\n\t\t\t[message]=\"a.message\"\r\n\t\t\t[@alertTransition]=\"a.deleted ? 'hidden' : 'visible'\"\r\n\t\t></bui-alert>\r\n\t</div>\r\n</div>\r\n", styles: [".bui-alert:not(:first-of-type){margin-top:.5rem}:host(:not([hidden])){display:block}.bui-alert-fixed-panel{transition:opacity .2s ease-in}.bui-alert-fixed-panel.bui-alert-fixed-panel-blink .bui-alert:last-of-type{animation:blink 1s ease-in forwards}.bui-alert-float-panel-frame{position:fixed;z-index:1000;inset:0;justify-content:center;align-items:center;flex-direction:column;transition:background-color .4s cubic-bezier(.25,0,.55,.2)}.bui-alert-float-panel-frame:not([hidden]){display:flex}.bui-alert-float-panel-frame.bui-alert-float-panel-shaded{background-color:#00000080}.bui-alert-float-panel-frame .bui-alert{background-color:var(--bui-bg-card)}@keyframes blink{60%{opacity:1}70%{opacity:0}80%{opacity:1}90%{opacity:0}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.ScrollDispatcher }], propDecorators: { max: [{
+                type: Input
+            }], outsideViewportBehavior: [{
+                type: Input
+            }], floatDuration: [{
+                type: Input
+            }], init: [{
+                type: Output
+            }] } });
+
+class AlertModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, declarations: [AlertMessageComponent, AlertContainerComponent], imports: [CommonModule, IconFontModule, MatButtonModule], exports: [AlertMessageComponent, AlertContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, imports: [CommonModule, IconFontModule, MatButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AlertMessageComponent, AlertContainerComponent],
+                    imports: [CommonModule, IconFontModule, MatButtonModule],
+                    exports: [AlertMessageComponent, AlertContainerComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertContainerComponent, AlertMessageComponent, AlertModule };
+//# sourceMappingURL=bravura-ui-alert.mjs.map