@bravura/ui 6.1.0 → 8.0.0

package/types/bravura-ui-behavior.d.ts

@@ -0,0 +1,233 @@
+import * as i0 from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, EventEmitter, NgZone, SimpleChanges, AfterViewInit, DoCheck, ViewContainerRef, OnInit } from '@angular/core';
+import * as i6 from '@angular/material/button';
+import { MatButton, MatIconButton, MatIconAnchor, MatFabButton, MatFabAnchor, MatMiniFabButton, MatMiniFabAnchor } from '@angular/material/button';
+import { Subscription } from 'rxjs';
+import * as i8 from '@angular/cdk/observers';
+import { ContentObserver } from '@angular/cdk/observers';
+import * as i5 from '@angular/common';
+import * as i7 from '@angular/material/progress-spinner';
+
+/**
+ * Use this directive to designate a target HTML element, based on which the child elements'
+ * `[buiSizing]` directives will calculate the sizes.
+ *
+ * ```html
+ * <div [buiSizingMonitor]>
+ *    <div [buiSizing]="...">
+ *    </div>
+ *    <div>
+ *       <div [buiSizing]="...">
+ *       </div>
+ *    </div>
+ * <div>
+ * ```
+ */
+declare class SizingMonitorDirective {
+    readonly element: ElementRef<HTMLElement>;
+    constructor(element: ElementRef<HTMLElement>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizingMonitorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizingMonitorDirective, "[buiSizingMonitor]", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * This directive monitors the changes in the width of the `sizingBy` target, and apply specified style
+ *  classes and/or inline styles to the current element dynamically.
+ *
+ * In order for the layout engine to efficiently calculate and stabilize the dimensions, the effective style property
+ * `box-sizing` of the `sizingBy` target element must be set to `border-box`.
+ *
+ * The directive uses [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API)
+ * to capture the events of element resizing. Please use a polyfill if you want to support older browsers
+ * that do not implement ResizeObserver API.
+ *
+ * Examples:
+ *
+ * ```html
+ * <div #parentElement>
+ *   <div [buiSizing]="{'400': 'small', '800': 'medium', '~': 'large'}" [buiSizingBy]="parentElement"></div>
+ *   <div [buiSizing]="['small', 'medium', 'large']" [buiSizingBy]="'root'"></div>
+ *   <div [buiSizing]="{'650': 'border-color: #28569', '~': 'bg-muted; border-style: dotted'}" [buiSizingBy]="parentElement"></div>
+ * </div>
+ * ```
+ */
+declare class SizingDirective implements OnChanges, OnDestroy {
+    private _doc;
+    private _defaultTarget;
+    private _zone;
+    /**
+     * @ignore
+     */
+    static defaultSizingBreakpoints: string[];
+    /**
+     * Specifies the breakpoint widths and the style classes.
+     *
+     * The sizing spec `{"400": "small", "800": "medium", "~": "large"}` tells the directive to apply
+     * a style class `small` when the width of the monitored target is smaller than 400 pixels,
+     * `medium` when the width is between 400 and 800 pixels, and `large` when above.
+     *
+     * @example {'400': 'small', '800': 'medium', '~': 'large'}
+     */
+    buiSizing: string | Array<string> | {
+        [key: string]: string;
+    };
+    /**
+     * The alias of `buiSizingBy`.
+     * @default 'root'
+     * @deprecated
+     * @ignore
+     */
+    sizingBy: 'root' | 'parent' | HTMLElement;
+    /**
+     * Designate an element to be monitored for recalculating the style classes of the current element.
+     *
+     * - `root` specifies the document root or the enclosing shadow host. This is the default value.
+     * - `parent` specifies the parent element.
+     *
+     * @default 'root'
+     * @alias sizingBy
+     */
+    get buiSizingBy(): 'root' | 'parent' | HTMLElement;
+    set buiSizingBy(target: 'root' | 'parent' | HTMLElement);
+    /**
+     * Emits `{width, height}` when the monitor target element resizes.
+     *
+     * Note that the dimensions emitted are of the [sizingBy] target, but not the current element.
+     */
+    buiResized: EventEmitter<{
+        width: number;
+        height: number;
+    }>;
+    /**
+     * Recalculate the height of this element according to the height of the monitored target.
+     */
+    buiFixedHeight: boolean;
+    private _monitorTarget;
+    private _observer;
+    private _sizingSpec;
+    private _width;
+    private _height;
+    private _reflowFrameCount;
+    private _element;
+    private _frameHandlerId;
+    constructor(_doc: Document, _defaultTarget: SizingMonitorDirective, elemRef: ElementRef<HTMLElement>, _zone: NgZone);
+    ngOnChanges(_: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private _initOrReset;
+    private _setUpNodeMonitor;
+    private _tearDownNodeMonitor;
+    private _runWithObserver;
+    private _calculateSize;
+    private _applyClassesOrStyles;
+    private _removeClassesOrStyles;
+    private _reflowHeight;
+    private _toNumber;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizingDirective, [null, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizingDirective, "[buiSizing],[buiResized],[buiSizingBy],[buiFixedHeight]", never, { "buiSizing": { "alias": "buiSizing"; "required": false; }; "sizingBy": { "alias": "sizingBy"; "required": false; }; "buiSizingBy": { "alias": "buiSizingBy"; "required": false; }; "buiFixedHeight": { "alias": "buiFixedHeight"; "required": false; }; }, { "buiResized": "buiResized"; }, never, never, false, never>;
+}
+
+/**
+ * Use this directive on a `MatButton` element to provide an alternative view when an async operation is in progress.
+ *
+ * For example:
+ *
+ * ```
+ * <button (click)="submit();" [buiAwait]="submitSubscription" buiAwaitAriaLabel="submitting">Submit</button>
+ * ```
+ *
+ * Please refer to [Material Design](https://material.io/components/progress-indicators#circular-progress-indicators)
+ * for more details of integrating circular spinner component with action buttons.
+ *
+ * The operation is considered 'in progress' when the bound property `buiAwait` evaluates to
+ *
+ * - `true`; or
+ * - a `number` within 0 - 100; or
+ * - an instance of `rxjs/Subscription` and `buiAwait.closed` is falsy
+ *
+ * When in progress
+ *
+ * - the button's caption will be hidden;
+ * - a `<mat-progress-spinner>` will be displayed in place of the caption;
+ * - the button will be disabled by setting the property `disabled` of the `MatButton` instance.
+ */
+declare class AwaitDirective implements AfterViewInit, DoCheck {
+    private readonly _eRef;
+    readonly _button: MatButton;
+    readonly _iconButton: MatIconButton;
+    readonly _iconAnchor: MatIconAnchor;
+    readonly _fab: MatFabButton;
+    readonly _fabAnchor: MatFabAnchor;
+    readonly _miniFab: MatMiniFabButton;
+    readonly _miniFabAnchor: MatMiniFabAnchor;
+    private readonly doc;
+    private _viewCont;
+    /**
+     * Indicates the `in progress` status of an async operation.
+     *
+     * The operation is considered 'in progress' when the property evaluates to
+     *
+     * - `true`; or
+     * - a `number` within 0 - 100; or
+     * - an instance of `rxjs/Subscription` and `buiAwait.closed` is falsy
+     *
+     * When it is a number, it represets the progress in percentage term.
+     */
+    buiAwait: null | undefined | boolean | Subscription | number;
+    /** The ARIA label to be put on the spinner. The default value is `"In progress"`. */
+    buiAwaitAriaLabel: string;
+    /** The diameter of the in-progress spinner. The default value is `20`. */
+    buiAwaitDiameter: number;
+    private _overlayEl;
+    private _processing;
+    private _spinnerRef;
+    private _captionWrapper;
+    private button;
+    constructor(_eRef: ElementRef<HTMLElement>, _button: MatButton, _iconButton: MatIconButton, _iconAnchor: MatIconAnchor, _fab: MatFabButton, _fabAnchor: MatFabAnchor, _miniFab: MatMiniFabButton, _miniFabAnchor: MatMiniFabAnchor, doc: Document, _viewCont: ViewContainerRef);
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** @ignore */
+    ngDoCheck(): void;
+    /** @ignore */
+    private get _isDeterminate();
+    private _statusChanged;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AwaitDirective, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AwaitDirective, "[buiAwait]", never, { "buiAwait": { "alias": "buiAwait"; "required": false; }; "buiAwaitAriaLabel": { "alias": "buiAwaitAriaLabel"; "required": false; }; "buiAwaitDiameter": { "alias": "buiAwaitDiameter"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Use `[bui-class.not-empty]` to specify a style class activated only when the host element has DOM children;
+ *
+ * use `[bui-class.empty]` for a style class activated when it has no DOM children.
+ *
+ * Use `[bui-class.no-text]` to specify a style class activated only when the host element has text content;
+ *
+ * use `[bui-class.has-text]` for a style class activated when it has no text content.
+ */
+declare class ObserveContentClassDirective implements OnDestroy, OnInit {
+    private readonly subscription;
+    private readonly element;
+    private classToRemove;
+    private classEmpty?;
+    private classNotEmpty?;
+    private classNoText?;
+    private classHasText?;
+    constructor(observer: ContentObserver, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private checkClass;
+    private checkClassWith;
+    private addClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObserveContentClassDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ObserveContentClassDirective, "[bui-class.empty],[bui-class.not-empty],[bui-class.no-text],[bui-class.has-text]", never, { "classEmpty": { "alias": "bui-class.empty"; "required": false; }; "classNotEmpty": { "alias": "bui-class.not-empty"; "required": false; }; "classNoText": { "alias": "bui-class.no-text"; "required": false; }; "classHasText": { "alias": "bui-class.has-text"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ *  For functionality that cannot be easily achieved via CSS.
+ */
+declare class BehaviorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BehaviorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BehaviorModule, [typeof SizingDirective, typeof SizingMonitorDirective, typeof AwaitDirective, typeof ObserveContentClassDirective], [typeof i5.CommonModule, typeof i6.MatButtonModule, typeof i7.MatProgressSpinnerModule, typeof i8.ObserversModule], [typeof SizingDirective, typeof SizingMonitorDirective, typeof AwaitDirective, typeof i7.MatProgressSpinnerModule, typeof ObserveContentClassDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BehaviorModule>;
+}
+
+export { AwaitDirective, BehaviorModule, ObserveContentClassDirective, SizingDirective, SizingMonitorDirective };

package/{clip-note/clip-note.directive.d.ts → types/bravura-ui-clip-note.d.ts}

@@ -1,12 +1,19 @@
-import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from '@angular/core';
+import { AfterViewInit, TemplateRef, EventEmitter, ElementRef, ViewContainerRef, OnInit, OnDestroy, EmbeddedViewRef, ChangeDetectorRef, ModuleWithProviders } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
-import * as i0 from "@angular/core";
-export interface ClipNoteDefaultConfig {
+import * as i6 from '@angular/cdk/bidi';
+import { Directionality } from '@angular/cdk/bidi';
+import * as i3 from '@angular/common';
+import * as i4 from '@angular/material/button';
+import * as i5 from '@angular/material/icon';
+import * as i7 from '@bravura/ui/common';
+import * as i8 from '@angular/cdk/observers';
+import * as i9 from '@bravura/ui/icon-font';
+
+interface ClipNoteDefaultConfig {
     color: ThemePalette;
     caption: string;
 }
-/** Used to provide default config for clip notes. */
-export declare const CLIP_NOTE_DEFAULT_CONFIG: InjectionToken<ClipNoteDefaultConfig>;
 /**
  * A clip note consists of a toggle button and a floating 'notepad' element, attached to the top end of the host element's
  * viewable area. The 'notepad' normally collapses away and only reveals itself when the toggle button is active.
@@ -21,7 +28,7 @@ export declare const CLIP_NOTE_DEFAULT_CONFIG: InjectionToken<ClipNoteDefaultCon
  * can optionally be provided by the `ClipNoteModule.forConfig()` method.
  *
  */
-export declare class ClipNoteDirective implements AfterViewInit {
+declare class ClipNoteDirective implements AfterViewInit {
     private _elementRef;
     private _vc;
     /**
@@ -67,3 +74,54 @@ export declare class ClipNoteDirective implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteDirective, [{ host: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClipNoteDirective, "[buiClipNote]", ["buiClipNote"], { "buiClipNote": { "alias": "buiClipNote"; "required": false; }; "buiClipNoteColor": { "alias": "buiClipNoteColor"; "required": false; }; "buiClipNoteIcon": { "alias": "buiClipNoteIcon"; "required": false; }; "buiClipNoteCaption": { "alias": "buiClipNoteCaption"; "required": false; }; }, { "buiClipNoteOpened": "buiClipNoteOpened"; "buiClipNoteClosed": "buiClipNoteClosed"; }, never, never, false, never>;
 }
+
+declare class ClipNoteComponent implements OnInit, OnDestroy {
+    private _cd;
+    private _dir;
+    private _elemRef;
+    buttonText: string;
+    get buttonState(): string;
+    get buttonIconState(): string;
+    panelState: 'open' | 'closed-ltr' | 'closed-rtl';
+    direction: string;
+    _contentView?: EmbeddedViewRef<any>;
+    _content?: string;
+    _color: ThemePalette;
+    _buttonAnimating: boolean;
+    _icon?: string;
+    _hasContent: boolean;
+    readonly opened: EventEmitter<void>;
+    readonly closed: EventEmitter<void>;
+    private _hovering;
+    private _destroyed$;
+    private _toggleQueue;
+    private _viewDiv;
+    private _noteViewRef;
+    private _fallbackTemplate;
+    constructor(_cd: ChangeDetectorRef, _dir: Directionality, _elemRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    _mouseOverButton(hovering: boolean): void;
+    toggle(): void;
+    _scheduleToggle(): void;
+    _checkToggle(): void;
+    open(): void;
+    close(): void;
+    _emit(): void;
+    _contentChanged(content?: string | TemplateRef<any>): void;
+    _checkContent(initial?: boolean): void;
+    _assignColor(color: ThemePalette): void;
+    _assignButtonText(text: string): void;
+    _assignButtonIcon(icon?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteComponent, [null, null, { host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClipNoteComponent, "bui-clip-note", never, {}, {}, never, never, false, never>;
+}
+
+declare class ClipNoteModule {
+    static forConfig(config: ClipNoteDefaultConfig): ModuleWithProviders<ClipNoteModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClipNoteModule, [typeof ClipNoteComponent, typeof ClipNoteDirective], [typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.BidiModule, typeof i7.BuiCommonModule, typeof i8.ObserversModule, typeof i9.IconFontModule], [typeof ClipNoteDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClipNoteModule>;
+}
+
+export { ClipNoteDirective, ClipNoteModule };

package/types/bravura-ui-common.d.ts

@@ -0,0 +1,26 @@
+import * as i1 from '@angular/cdk/bidi';
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import * as i0 from '@angular/core';
+
+declare function generateID(): string;
+declare function isElementInViewport(el: HTMLElement): boolean;
+/**
+ * Uses canvas.measureText to compute and return the width of the given text of given font in pixels.
+ *
+ * @param {String} text The text to be rendered.
+ * @param el the element used to compute the font styles
+ *
+ * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393
+ */
+declare function getTextWidth(text: string, el?: HTMLElement): number;
+
+/** Resolves a string value to a specific direction. */
+declare function _resolveDirectionality(rawValue: string): Direction;
+declare class BuiCommonModule {
+    constructor(dir: Directionality, thisModule: BuiCommonModule, document: Document);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuiCommonModule, [null, { optional: true; skipSelf: true; }, null]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BuiCommonModule, never, [typeof i1.BidiModule], [typeof i1.BidiModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BuiCommonModule>;
+}
+
+export { BuiCommonModule, _resolveDirectionality, generateID, getTextWidth, isElementInViewport };

package/{currency-input/currency-input.directive.d.ts → types/bravura-ui-currency-input.d.ts}

@@ -1,12 +1,13 @@
-import { ElementRef, OnChanges, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, ElementRef, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { MatFormField } from '@angular/material/form-field';
-import * as i0 from "@angular/core";
-export declare const noop_consumer: (_: any) => void;
+import * as i2 from '@angular/common';
+
 /**
  * This directive will enhance an input element to format the numbers entered to a currency amount.
  */
-export declare class CurrencyInputDirective implements OnInit, OnChanges, ControlValueAccessor {
+declare class CurrencyInputDirective implements OnInit, OnChanges, ControlValueAccessor {
     private _el;
     private _renderer;
     private _locale;
@@ -31,10 +32,10 @@ export declare class CurrencyInputDirective implements OnInit, OnChanges, Contro
      * The format the of the amount either in wide or narrow.
      */
     format: 'narrow' | 'wide';
-    private placeholder;
-    private autocomplete;
-    private type;
-    private inputMode;
+    placeholder: string;
+    autocomplete: string;
+    type: string;
+    inputMode: string;
     private change;
     private onTouch;
     private _safari;
@@ -60,3 +61,11 @@ export declare class CurrencyInputDirective implements OnInit, OnChanges, Contro
     static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputDirective, [{ self: true; }, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CurrencyInputDirective, "input[buiCurrencyInput],input[currencyCode],input[data-type=currency]", never, { "allowNegative": { "alias": "allowNegative"; "required": false; }; "currencyCode": { "alias": "currencyCode"; "required": false; }; "baseUnitOnly": { "alias": "baseUnitOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, {}, never, never, false, never>;
 }
+
+declare class CurrencyInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CurrencyInputModule, [typeof CurrencyInputDirective], [typeof i2.CommonModule], [typeof CurrencyInputDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CurrencyInputModule>;
+}
+
+export { CurrencyInputDirective, CurrencyInputModule };

package/{decimal-input/decimal-input.directive.d.ts → types/bravura-ui-decimal-input.d.ts}

@@ -1,21 +1,22 @@
-import { ElementRef, OnChanges, Renderer2 } from '@angular/core';
+import * as i0 from '@angular/core';
+import { OnChanges, ElementRef, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import * as i0 from "@angular/core";
-export declare const noop_consumer: (_: any) => void;
+import * as i2 from '@angular/common';
+
 /**
  * This directive will enhance an input element to format the numbers entered to a decimal amount.
  */
-export declare class DecimalInputDirective implements OnChanges, ControlValueAccessor {
+declare class DecimalInputDirective implements OnChanges, ControlValueAccessor {
     private _el;
     private _renderer;
     /**
      * number of decimal places allowed
      */
     buiDecimalInput: number;
-    private placeholder;
-    private autocomplete;
-    private type;
-    private inputMode;
+    placeholder: string;
+    autocomplete: string;
+    type: string;
+    inputMode: string;
     private change;
     private onTouch;
     constructor(_el: ElementRef<HTMLInputElement>, _renderer: Renderer2);
@@ -30,3 +31,11 @@ export declare class DecimalInputDirective implements OnChanges, ControlValueAcc
     static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputDirective, [{ self: true; }, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DecimalInputDirective, "input[buiDecimalInput]", never, { "buiDecimalInput": { "alias": "buiDecimalInput"; "required": false; }; }, {}, never, never, false, never>;
 }
+
+declare class DecimalInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DecimalInputModule, [typeof DecimalInputDirective], [typeof i2.CommonModule], [typeof DecimalInputDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DecimalInputModule>;
+}
+
+export { DecimalInputDirective, DecimalInputModule };

package/{discrete-input/discrete-input.component.d.ts → types/bravura-ui-discrete-input.d.ts}

@@ -1,10 +1,15 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
+import * as i5 from '@angular/cdk/a11y';
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { ElementRef, OnDestroy } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, FormGroupDirective, NgControl, NgForm, UntypedFormArray, UntypedFormGroup } from '@angular/forms';
+import * as i4 from '@angular/forms';
+import { ControlValueAccessor, UntypedFormArray, UntypedFormGroup, NgControl, NgForm, FormGroupDirective, AbstractControl } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
+import * as i2 from '@angular/common';
+
 /**
  * Custom `MatFormFieldControl` with an individual input box for each character, suitable for fixed-length fields,
  * such as secondary PIN inputs, TFNs, or BSB code etc.
@@ -20,7 +25,7 @@ import * as i0 from "@angular/core";
  * ```
  *
  */
-export declare class DiscreteInputComponent implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {
+declare class DiscreteInputComponent implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {
     private _focusMonitor;
     private _elementRef;
     /** @ignore */
@@ -126,3 +131,11 @@ export declare class DiscreteInputComponent implements MatFormFieldControl<strin
     static ɵfac: i0.ɵɵFactoryDeclaration<DiscreteInputComponent, [null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DiscreteInputComponent, "bui-discrete-input", never, { "type": { "alias": "type"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "sizeSpec": { "alias": "sizeSpec"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }
+
+declare class DiscreteInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DiscreteInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DiscreteInputModule, [typeof DiscreteInputComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.ReactiveFormsModule, typeof i5.A11yModule], [typeof DiscreteInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DiscreteInputModule>;
+}
+
+export { DiscreteInputComponent, DiscreteInputModule };

package/{file-upload/file-upload.component.d.ts → types/bravura-ui-file-upload.d.ts}

@@ -1,9 +1,56 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { HttpEvent } from '@angular/common/http';
-import { OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { Observable, Subject, Subscription } from 'rxjs';
-import { FileUploadItem, FileUploadService } from './file-upload.service';
-import * as i0 from "@angular/core";
+import { Observable, Subscription, Subject } from 'rxjs';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/icon';
+import * as i4 from '@bravura/ui/icon-font';
+import * as i5 from '@angular/material/progress-bar';
+import * as i6 from '@angular/material/button';
+import * as i7 from '@angular/material/divider';
+import * as i8 from '@angular/material/tooltip';
+
+/**
+ * This type represents a file or form item that has been sent as part of a multipart/form-data POST request.
+ */
+declare class FileUploadItem {
+    /** The original filename in the client's filesystem, as provided by the browser.  */
+    name: string;
+    /** The size of the file item. */
+    size: number;
+    /** An alpha-numeric string that uniquely identifies the file item. */
+    id: string;
+    /** The content type (MIME type) of the file. */
+    type: string;
+    /** @internal */
+    constructor(_id: string, _name: string, _size: number, _type: string);
+}
+/**
+ * This is an API for processing file upload requests.
+ *
+ * A sub class of this type handles multiple file requests, sent using multipart/form-data encoding type, as specified by RFC 1867.
+ *
+ * Please extend this type and provide it in an injector at the same level, or ancestral to that, of the `FileUploadComponent`.
+ */
+declare abstract class FileUploadService {
+    /**
+     * Upload a list of selected files from the browser. The returned `Observable` array provides the update of the uploading progress
+     * through HTTP events.
+     */
+    abstract upload(files: File[]): Array<Observable<HttpEvent<FileUploadItem>>>;
+    /** List all the uploaded file items in the current HTTP session. This list excludes the files still in the process of being uploaded*/
+    abstract list(): Observable<FileUploadItem[]>;
+    /** Get the content of an uploaded file item as a `Blob`. */
+    abstract get(id: string): Observable<Blob>;
+    /** Delete an uploaded file item from the server. */
+    abstract delete(id: string): Observable<void>;
+    /** Delete all uploaded file items in the current  HTTP session. */
+    abstract clear?(): Observable<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FileUploadService>;
+}
+
 /** @ignore */
 declare class UploadingItem {
     private oncancel?;
@@ -36,7 +83,7 @@ declare class UploadingItem {
  *
  * @see FileUploadService
  */
-export declare class FileUploadComponent implements OnInit, OnDestroy, ControlValueAccessor {
+declare class FileUploadComponent implements OnInit, OnDestroy, ControlValueAccessor {
     private _service;
     /** @ignore */
     _value: string[] | null;
@@ -93,7 +140,7 @@ export declare class FileUploadComponent implements OnInit, OnDestroy, ControlVa
     private _typeRegExps;
     private _types;
     private _initSubs?;
-    private _numberOfFilesDragged;
+    protected _numberOfFilesDragged: number;
     private _fileInput;
     constructor(_service: FileUploadService);
     /** @internal */
@@ -145,4 +192,11 @@ export declare class FileUploadComponent implements OnInit, OnDestroy, ControlVa
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "bui-file-upload", never, { "uploadActionText": { "alias": "uploadActionText"; "required": false; }; "fileUploadedLabel": { "alias": "fileUploadedLabel"; "required": false; }; "dragHint": { "alias": "dragHint"; "required": false; }; "dropHint": { "alias": "dropHint"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "fileSize": { "alias": "fileSize"; "required": false; }; "types": { "alias": "types"; "required": false; }; }, {}, never, never, false, never>;
 }
-export {};
+
+declare class FileUploadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadModule, [typeof FileUploadComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.IconFontModule, typeof i5.MatProgressBarModule, typeof i6.MatButtonModule, typeof i7.MatDividerModule, typeof i8.MatTooltipModule], [typeof FileUploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadModule>;
+}
+
+export { FileUploadComponent, FileUploadItem, FileUploadModule, FileUploadService };

package/{form-field/form-field.component.d.ts → types/bravura-ui-form-field.d.ts}

@@ -1,10 +1,13 @@
-import { ElementRef, InjectionToken } from '@angular/core';
+import * as i0 from '@angular/core';
+import { ElementRef, ModuleWithProviders } from '@angular/core';
+import * as i3 from '@angular/material/form-field';
 import { MatFormField } from '@angular/material/form-field';
-import * as i0 from "@angular/core";
-export interface BuiFormFieldConfig {
+import * as i2 from '@angular/common';
+import * as i4 from '@angular/cdk/observers';
+
+interface BuiFormFieldConfig {
     appearance?: 'fill' | 'outline' | 'bound';
 }
-export declare const BUI_FORM_FIELD_CONFIG: InjectionToken<BuiFormFieldConfig>;
 /**
  * Container for form controls that applies Material Design styling and behavior.
  *
@@ -18,14 +21,14 @@ export declare const BUI_FORM_FIELD_CONFIG: InjectionToken<BuiFormFieldConfig>;
  * for the new appearances. As long as you import the `NgModule` from this package, the new appearances will be supported by Material's `mat-form-field`
  * component.
  */
-export declare class FormFieldComponent extends MatFormField {
+declare class FormFieldComponent extends MatFormField {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "bui-dummy-component", never, {}, {}, never, never, false, never>;
 }
 /**
  * @ignore
  */
-export declare class FormFieldStyleDirective {
+declare class FormFieldStyleDirective {
     private matFormField;
     private elemRef;
     private _appearance;
@@ -37,3 +40,12 @@ export declare class FormFieldStyleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldStyleDirective, [{ host: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldStyleDirective, "bui-form-field, mat-form-field", never, { "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, false, never>;
 }
+
+declare class FormFieldModule {
+    static forConfig(config: BuiFormFieldConfig): ModuleWithProviders<FormFieldModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormFieldModule, [typeof FormFieldComponent, typeof FormFieldStyleDirective], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.ObserversModule], [typeof FormFieldComponent, typeof FormFieldStyleDirective, typeof i3.MatFormFieldModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormFieldModule>;
+}
+
+export { FormFieldComponent, FormFieldModule, FormFieldStyleDirective };