@bravura/ui 6.1.0 → 8.0.0

package/{icon-font/icon.directive.d.ts → types/bravura-ui-icon-font.d.ts}

@@ -1,10 +1,34 @@
+import * as i0 from '@angular/core';
 import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i3 from '@angular/material/icon';
 import { MatIcon } from '@angular/material/icon';
-import * as i0 from "@angular/core";
+import * as i2 from '@angular/common';
+
+/**
+ * Decode the FontAwesome icon font set name from the icon name
+ *
+ * `'far fa-alarm' => 'far'`
+ *
+ * `'home' => ''`
+ *
+ * `'fa-user' => 'fas'`
+ */
+declare function decodeFAIconFontSet(iconName: string): string;
+/**
+ * Decode the FontAwesome icon font name from the icon name
+ *
+ * `'far fa-alarm' => 'fa-alarm'`
+ *
+ * `'home' => ''`
+ *
+ * `'fa-user' => 'fa-user'`
+ */
+declare function decodeFAIconFontName(iconName: string): string;
+
 /**
  * @ignore
  */
-export declare const BUI_ICON_MAT_VARIANTS: string[];
+declare const BUI_ICON_MAT_VARIANTS: string[];
 /**
  * Use this directive, together with `<mat-icon>`, to display an icon font character/symbol
  * from Material or FontAwesome icons.
@@ -19,7 +43,7 @@ export declare const BUI_ICON_MAT_VARIANTS: string[];
  * @example <mat-icon buiIcon="far fa-circle"></mat-icon> <!-- FontAwesome -->
  * @example <mat-icon buiIcon="home" [size]="42"></mat-icon> <!-- Material -->
  */
-export declare class IconDirective implements OnChanges {
+declare class IconDirective implements OnChanges {
     private _icon;
     /**
      * The icon name
@@ -44,3 +68,14 @@ export declare class IconDirective implements OnChanges {
     static ɵfac: i0.ɵɵFactoryDeclaration<IconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirective, "[buiIcon]", never, { "buiIcon": { "alias": "buiIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
 }
+
+/**
+ * Module for utility functions and directives based on `mat-icon` and icon fonts.
+ */
+declare class IconFontModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconFontModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconFontModule, [typeof IconDirective], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i3.MatIconModule, typeof IconDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconFontModule>;
+}
+
+export { BUI_ICON_MAT_VARIANTS, IconDirective, IconFontModule, decodeFAIconFontName, decodeFAIconFontSet };

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

@@ -1,7 +1,34 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
-import { TintedDirective } from './tinted.directive';
-import * as i0 from "@angular/core";
+import * as i4 from '@angular/common';
+import * as i5 from '@angular/material/card';
+import * as i6 from '@bravura/ui/behavior';
+
+/**
+ * A "tinted" element has a shaded background specified by the `ThemePalette`, which
+ * is compatible with both light and dark themes.
+ */
+declare class TintedDirective implements OnInit, OnDestroy {
+    private _doc;
+    /**
+     *  The base color of the shaded background
+     * @default 'primary'
+     */
+    get color(): ThemePalette;
+    set color(c: ThemePalette);
+    private _color;
+    private readonly _addedStyle;
+    private readonly _attr;
+    private _element;
+    constructor(_doc: Document, elemRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private generateStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TintedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TintedDirective, "[buiTinted], bui-panel", ["buiTinted"], { "color": { "alias": "buiTinted"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 /**
  * A `bui-panel` consists of a `mat-card` and a tinted backdrop.
  *
@@ -14,7 +41,7 @@ import * as i0 from "@angular/core";
  * `bui-panel-section`s are subdivisions of `bui-panel` that rearrange their orientation based on the width of the container element.
  *
  */
-export declare class PanelComponent implements OnInit {
+declare class PanelComponent implements OnInit {
     private _cd;
     private _tinted;
     /**
@@ -58,3 +85,25 @@ export declare class PanelComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, [null, { host: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "bui-panel", never, { "backdropClass": { "alias": "backdropClass"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "color": { "alias": "color"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
+
+/**
+ * `bui-panel-section`s are subdivisions of `bui-panel` that rearrange their orientation based on the width of the container element.
+ */
+declare class PanelSectionComponent implements OnInit, OnDestroy {
+    private _elementRef;
+    private _parentElement;
+    constructor(_elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _calcCount;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelSectionComponent, "bui-panel-section", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class PanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PanelModule, [typeof PanelComponent, typeof PanelSectionComponent, typeof TintedDirective], [typeof i4.CommonModule, typeof i5.MatCardModule, typeof i6.BehaviorModule], [typeof i5.MatCardModule, typeof PanelComponent, typeof PanelSectionComponent, typeof TintedDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PanelModule>;
+}
+
+export { PanelComponent, PanelModule, PanelSectionComponent, TintedDirective };

package/{phone-number/phone-number.directive.d.ts → types/bravura-ui-phone-number.d.ts}

@@ -1,8 +1,30 @@
-import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { FormControlDirective, FormControlName, NgModel } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { ElementRef, OnInit, OnChanges, OnDestroy, EventEmitter, NgZone, SimpleChanges, PipeTransform } from '@angular/core';
+import { Validator, AbstractControl, NgModel, FormControlName, FormControlDirective } from '@angular/forms';
 import { MatFormField } from '@angular/material/form-field';
-import { TEL_TYPE } from './phone-number.validator';
-import * as i0 from "@angular/core";
+import * as i4 from '@angular/common';
+
+/**
+ * @internal
+ */
+type TEL_TYPE = 'MOBILE' | 'FIXED_LINE_OR_MOBILE' | 'FIXED_LINE';
+/**
+ * @internal
+ */
+declare class PhoneNumberValidator implements Validator {
+    private _el;
+    telType: TEL_TYPE;
+    static validateControl(inp: HTMLInputElement, type: TEL_TYPE, update: boolean): {
+        [key: string]: any;
+    } | null;
+    constructor(_el: ElementRef<HTMLInputElement>);
+    validate(_: AbstractControl): {
+        [key: string]: any;
+    } | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberValidator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberValidator, "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", never, { "telType": { "alias": "telType"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 /**
  * Add phone number validation support by specifying the `type` attribute as `tel` in an `<input>` element.
  *
@@ -20,7 +42,7 @@ import * as i0 from "@angular/core";
  * @import '~intl-tel-input/src/css/intlTelInput';
  * ```
  */
-export declare class PhoneNumberDirective implements OnInit, OnChanges, OnDestroy {
+declare class PhoneNumberDirective implements OnInit, OnChanges, OnDestroy {
     private _el;
     private _ngModel;
     private _formControlName;
@@ -64,3 +86,25 @@ export declare class PhoneNumberDirective implements OnInit, OnChanges, OnDestro
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberDirective, [null, { optional: true; }, { optional: true; }, { optional: true; }, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberDirective, "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", never, { "telType": { "alias": "telType"; "required": false; }; "telDropdown": { "alias": "telDropdown"; "required": false; }; }, { "telCountryChange": "telCountryChange"; }, never, never, false, never>;
 }
+
+/**
+ * @internal
+ */
+declare class PhoneNumberPipe implements PipeTransform {
+    private _locale;
+    constructor(_locale: string);
+    transform(value: any, mode?: string, renderLink?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PhoneNumberPipe, "buiPhone", false>;
+}
+
+/**
+ * @internal
+ */
+declare class PhoneModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneModule, [typeof PhoneNumberPipe, typeof PhoneNumberDirective, typeof PhoneNumberValidator], [typeof i4.CommonModule], [typeof PhoneNumberDirective, typeof PhoneNumberPipe, typeof PhoneNumberValidator]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PhoneModule>;
+}
+
+export { PhoneModule, PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator };

package/{radio-panel/testing/test-api.d.ts → types/bravura-ui-radio-panel-testing.d.ts}

@@ -1,13 +1,15 @@
+import * as _angular_cdk_testing from '@angular/cdk/testing';
 import { ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
-import { MatRadioButtonHarness, MatRadioGroupHarness, RadioButtonHarnessFilters } from '@angular/material/radio/testing';
-export interface RadioPanelItemHarnessFilters extends RadioButtonHarnessFilters {
+import { RadioButtonHarnessFilters, MatRadioButtonHarness, MatRadioGroupHarness } from '@angular/material/radio/testing';
+
+interface RadioPanelItemHarnessFilters extends RadioButtonHarnessFilters {
     value?: string | RegExp;
 }
-export declare class RadioPanelItemHarness extends MatRadioButtonHarness {
+declare class RadioPanelItemHarness extends MatRadioButtonHarness {
     static hostSelector: string;
-    getLabelElement: () => Promise<import("@angular/cdk/testing").TestElement>;
-    protected _textLabel: () => Promise<import("@angular/cdk/testing").TestElement>;
-    protected _clickLabel: () => Promise<import("@angular/cdk/testing").TestElement>;
+    getLabelElement: () => Promise<_angular_cdk_testing.TestElement>;
+    protected _textLabel: () => Promise<_angular_cdk_testing.TestElement>;
+    protected _clickLabel: () => Promise<_angular_cdk_testing.TestElement>;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a radio button with specific
      * attributes.
@@ -19,9 +21,12 @@ export declare class RadioPanelItemHarness extends MatRadioButtonHarness {
     getLabelCssValue(prop: string): Promise<string>;
     getBorderColor(): Promise<string>;
 }
-export declare class RadioPanelHarness extends MatRadioGroupHarness {
+declare class RadioPanelHarness extends MatRadioGroupHarness {
     /** The selector for the host element of a `MatRadioGroup` instance. */
     static hostSelector: string;
     getItem: (filters: RadioPanelItemHarnessFilters) => Promise<RadioPanelItemHarness>;
     getFlexDir(): Promise<string>;
 }
+
+export { RadioPanelHarness, RadioPanelItemHarness };
+export type { RadioPanelItemHarnessFilters };

package/types/bravura-ui-radio-panel.d.ts

@@ -0,0 +1,73 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import * as i0 from '@angular/core';
+import { TemplateRef, ElementRef, ChangeDetectorRef, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import * as i4 from '@angular/material/radio';
+import { MatRadioButton, MatRadioGroup, MatRadioDefaultOptions } from '@angular/material/radio';
+import * as i5 from '@angular/material/core';
+import { ThemePalette } from '@angular/material/core';
+import * as i3 from '@angular/common';
+import * as i6 from '@angular/material/icon';
+
+/**
+ * Use `bui-radio-panel-item` instead of `mat-radio-button` in a `bui-radio-panel` to display an option.
+ */
+declare class RadioPanelItemComponent extends MatRadioButton {
+    /**
+     * This will be displayed as the panel header
+     */
+    title: string;
+    /** The default position of the 'tick' icon relative to the title. */
+    private _tickPosition;
+    get tickPosition(): 'start' | 'end';
+    set tickPosition(pos: 'start' | 'end');
+    contentOnSelect: TemplateRef<any>;
+    constructor(radioGroup: MatRadioGroup, elementRef: ElementRef, _changeDetector: ChangeDetectorRef, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher, animationMode?: string, _providerOverride?: MatRadioDefaultOptions, tabIndex?: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelItemComponent, [{ optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioPanelItemComponent, "bui-radio-panel-item", ["matRadioButton"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "_tickPosition": { "alias": "_tickPosition"; "required": false; }; "tickPosition": { "alias": "tickPosition"; "required": false; }; }, {}, ["contentOnSelect"], ["[buiRadioItemHeadingEnd]", "*"], false, never>;
+}
+
+/**
+ * Radio panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
+ * that extends Angular Material's [radio group component](https://material.angular.io/components/radio/overview).
+ * It inherits all the features of `MatRadioGroup`, and arranges the child items in panels,
+ * with the `title` attributes rendered as captions. The check box icon and the borders will be displayed
+ * in the color selected by the theme attribute `color`.
+ *
+ */
+declare class RadioPanelComponent extends MatRadioGroup implements OnChanges {
+    /**
+     * @ignore
+     */
+    classAttr: string;
+    /**
+     * The default width of each panel when the `direction` is `row`
+     */
+    panelWidth: number;
+    /** The flow direction of the radio panel items */
+    direction: 'row' | 'column';
+    /** Theme color for all of the radio panels in the group. */
+    color: ThemePalette;
+    /** The default position of the 'tick' icon relative to the title. */
+    tickPosition: 'start' | 'end';
+    /**
+     * @ignore
+     */
+    _radios: QueryList<RadioPanelItemComponent>;
+    constructor(cd: ChangeDetectorRef);
+    /** @ignore */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioPanelComponent, "bui-radio-panel", ["buiRadioPanel"], { "panelWidth": { "alias": "panelWidth"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tickPosition": { "alias": "tickPosition"; "required": false; }; }, {}, ["_radios"], ["*"], false, never>;
+}
+
+/**
+ * Import this NgModule for the radio panel component
+ */
+declare class RadioPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioPanelModule, [typeof RadioPanelItemComponent, typeof RadioPanelComponent], [typeof i3.CommonModule, typeof i4.MatRadioModule, typeof i5.MatRippleModule, typeof i6.MatIconModule], [typeof RadioPanelItemComponent, typeof RadioPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadioPanelModule>;
+}
+
+export { RadioPanelComponent, RadioPanelItemComponent, RadioPanelModule };

package/types/bravura-ui-selection-panel.d.ts

@@ -0,0 +1,151 @@
+import * as i0 from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import * as i6 from '@angular/material/core';
+import { ThemePalette } from '@angular/material/core';
+import * as i5 from '@angular/forms';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i3 from '@angular/common';
+import * as i4 from '@angular/material/checkbox';
+import * as i7 from '@angular/cdk/observers';
+
+/**
+ * @ignore
+ */
+interface SelectionPanelItemGroup {
+    _selection: any[];
+    color: ThemePalette;
+    _isDisabled: boolean;
+    _onTouched?: () => void;
+    selectByHeader: boolean;
+}
+/**
+ * Use `bui-selection-panel-item` within a `bui-selection-panel` to display an option.
+ */
+declare class SelectionPanelItemComponent implements AfterContentInit {
+    private _group;
+    private _cd;
+    /** @ignore */
+    static ngAcceptInputType_disabled: boolean | string;
+    /** @ignore */
+    static ngAcceptInputType_checked: boolean | string;
+    /**
+     * This will be displayed as the panel header
+     */
+    title: string;
+    /**
+     * Show the header in with a shaded background
+     */
+    shadedHeader: boolean;
+    /**
+     * when false will hide the checkbox
+     */
+    selectable: boolean;
+    /** Whether the option is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** The value of this option. */
+    get value(): any;
+    set value(value: any);
+    /** Whether this option is checked. */
+    get checked(): boolean;
+    set checked(value: boolean);
+    /** Theme color of the radio button. */
+    get color(): ThemePalette;
+    set color(newValue: ThemePalette);
+    get _selectByHeader(): boolean;
+    empty: boolean;
+    private _color;
+    private _disabled;
+    private _value;
+    private _bodyContent?;
+    private _ripple?;
+    constructor(_group: SelectionPanelItemGroup, _cd: ChangeDetectorRef);
+    /** @ignore */
+    _markInteracted(): void;
+    /** @ignore */
+    _notify(): void;
+    /** Toggle selection programmatically */
+    toggle(): void;
+    /** @ignore */
+    _contentClicked(event: MouseEvent): void;
+    /** @ignore */
+    contentChanged(): void;
+    /** @ignore */
+    ngAfterContentInit(): void;
+    /** Sets the disabled state and marks for check if a change occurred. */
+    private _setDisabled;
+    private _setChecked;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionPanelItemComponent, "bui-selection-panel-item", never, { "title": { "alias": "title"; "required": false; }; "shadedHeader": { "alias": "shadedHeader"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["[buiSelectionItemHeadingEnd]", "[buiSelectionItemSubtitle]", "*"], false, never>;
+}
+
+/**
+ * Selection panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
+ * that display a set of multi-selection items as bordered panels, in a similar fashion as Radio Panel `bui-radio-panel`.
+ *
+ * Accessibility features are not yet fully implemented.
+ *
+ * Example:
+ *
+ * ```html
+ * <bui-selection-panel>
+ *   <bui-selection-panel-item *ngFor="let obj of objects" [value]="obj">{{obj.description}}</bui-selection-panel-item>
+ * </bui-selection-panel>
+ * ```
+ *
+ */
+declare class SelectionPanelDirective implements ControlValueAccessor, SelectionPanelItemGroup, OnChanges {
+    private _cd;
+    /** Theme color for all of the selection checkboxes in the group. */
+    color: ThemePalette;
+    /**
+     * When set to `false`, the selection is triggered by click everywhere within the panels that is
+     * not focus-trapping; otherwise, only clicking on the header will activate the selection.
+     *
+     * @default true
+     */
+    selectByHeader: boolean;
+    /**
+     * @ignore
+     * The selected values. Used by the child elements to modify the group's value
+     */
+    get _selection(): any[];
+    set _selection(value: any[]);
+    /** @ignore */
+    _onTouched?: () => void;
+    /** @ignore */
+    _isDisabled: boolean;
+    private _onChange?;
+    private _selected;
+    private _items;
+    constructor(_cd: ChangeDetectorRef);
+    /**
+     * @ignore
+     */
+    writeValue(obj: any): void;
+    /**
+     * @ignore
+     */
+    registerOnChange(fn: (_: any) => void): void;
+    /**
+     * @ignore
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Sets the disabled state and marks for check if a change occurred.
+     * @ignore
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /** @ignore */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionPanelDirective, "bui-selection-panel", ["buiSelectionPanel"], { "color": { "alias": "color"; "required": false; }; "selectByHeader": { "alias": "selectByHeader"; "required": false; }; }, {}, ["_items"], never, false, never>;
+}
+
+declare class SelectionPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionPanelModule, [typeof SelectionPanelDirective, typeof SelectionPanelItemComponent], [typeof i3.CommonModule, typeof i4.MatCheckboxModule, typeof i5.FormsModule, typeof i6.MatRippleModule, typeof i7.ObserversModule], [typeof SelectionPanelDirective, typeof SelectionPanelItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectionPanelModule>;
+}
+
+export { SelectionPanelDirective, SelectionPanelItemComponent, SelectionPanelModule };

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

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { OnChanges, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, AfterViewChecked, InjectionToken, ModuleWithProviders } from '@angular/core';
+import { Directionality } from '@angular/cdk/bidi';
+import * as i4 from '@ngneat/content-loader';
+import { ContentLoaderComponent } from '@ngneat/content-loader';
+import * as i3 from '@angular/common';
+import * as i5 from '@bravura/ui/common';
+
+/**
+ * Use the [Create React Content Loader](https://skeletonreact.com/) to create your custom skeleton loaders;
+ *
+ * Add the resulting `svg` elements as the content children of a `<bui-skeleton>` component.
+ *
+ * The component `bui-skeleton` extends `content-loader` from [ngneat/content-loader](https://github.com/ngneat/content-loader).
+ *
+ * You can also choose from one of the presets registered by the `SKELETON_PRESETS` injection token.
+ *
+ * The following code snippets demonstrate how to register a preset:
+ *
+ * ```typescript
+ * @import {SkeletonsModule} from '@bravura/ui/skeletons';
+ * @import htmlWithSvgElements from './custom-loader1.html';
+ *
+ * @NgModule({
+ *   imports: [SkeletonsModule.forConfig({ presets: {
+ *     custom1: { viewBox: '0 0 400 100', content: htmlWithSvgElements }
+ *   }})]
+ * })
+ * export class MyModule {}
+ * ```
+ *
+ * custom-loader1.html:
+ *
+ * ```html
+ * <rect x="50" y="6" rx="4" ry="4" width="343" height="38" />
+ * <rect x="8" y="6" rx="4" ry="4" width="35" height="38" />
+ * ```
+ */
+declare class SkeletonLoaderComponent extends ContentLoaderComponent implements OnChanges, OnDestroy {
+    private _cdRef;
+    private _dir;
+    private _destroyed$;
+    constructor(elemRef: ElementRef<HTMLElement>, _cdRef: ChangeDetectorRef, _dir: Directionality);
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "bui-skeleton", never, {}, {}, never, never, false, never>;
+}
+
+type SkeletonPreset = {
+    viewBox: string;
+    content: string;
+};
+type SkeletonPresets = {
+    [key: string]: SkeletonPreset;
+};
+declare const SKELETON_PRESETS: InjectionToken<SkeletonPresets>;
+declare const DEFAULT_PRESETS: SkeletonPresets;
+declare class SkeletonLoaderPresetsDirective implements AfterViewChecked {
+    private _skeletonComponent;
+    private _elementRef;
+    /** Select the SVG elements from one of the presets. */
+    preset?: string;
+    private _allPresets;
+    constructor(_skeletonComponent: SkeletonLoaderComponent, _elementRef: ElementRef<HTMLElement>, _presetList: SkeletonPresets[]);
+    ngAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderPresetsDirective, [{ host: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonLoaderPresetsDirective, "bui-skeleton[preset]", never, { "preset": { "alias": "preset"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SkeletonsModule {
+    static forConfig(config?: {
+        presets?: SkeletonPresets;
+    }): ModuleWithProviders<SkeletonsModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonsModule, [typeof SkeletonLoaderComponent, typeof SkeletonLoaderPresetsDirective], [typeof i3.CommonModule, typeof i4.ContentLoaderModule, typeof i5.BuiCommonModule], [typeof i4.ContentLoaderModule, typeof i5.BuiCommonModule, typeof SkeletonLoaderComponent, typeof SkeletonLoaderPresetsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonsModule>;
+}
+
+export { DEFAULT_PRESETS, SKELETON_PRESETS, SkeletonLoaderComponent, SkeletonLoaderPresetsDirective, SkeletonsModule };
+export type { SkeletonPreset, SkeletonPresets };

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

@@ -1,11 +1,36 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit, QueryList, EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i6 from '@angular/material/stepper';
+import { MatStep, MatStepHeader, MatStepperIcon, MatStepperIconContext } from '@angular/material/stepper';
 import { AnimationEvent } from '@angular/animations';
 import { Directionality } from '@angular/cdk/bidi';
+import * as i5 from '@angular/cdk/stepper';
 import { CdkStepper, StepperOptions } from '@angular/cdk/stepper';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import * as i9 from '@angular/material/core';
 import { ThemePalette } from '@angular/material/core';
-import { MatStep, MatStepHeader, MatStepperIcon, MatStepperIconContext } from '@angular/material/stepper';
 import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
+import * as i3 from '@angular/common';
+import * as i4 from '@angular/cdk/portal';
+import * as i7 from '@angular/material/button';
+import * as i8 from '@angular/material/icon';
+import * as i10 from '@angular/material/progress-spinner';
+import * as i11 from '@bravura/ui/behavior';
+
+declare class StepLabelTopDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLabelTopDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLabelTopDirective, "[buiStepLabelTop]", never, {}, {}, never, never, false, never>;
+}
+declare class StepDirective implements AfterContentInit {
+    stepLabelTopDirective: StepLabelTopDirective;
+    step: MatStep;
+    constructor();
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "mat-step", never, {}, {}, ["stepLabelTopDirective"], never, false, never>;
+}
+
 /**
  * [Angular Material's stepper](https://material.angular.io/components/stepper/overview) provides a wizard-like workflow by dividing
  * content into logical steps.
@@ -14,7 +39,7 @@ import * as i0 from "@angular/core";
  * desktop browsers.
  *
  */
-export declare class StepperComponent extends CdkStepper implements AfterContentInit {
+declare class StepperComponent extends CdkStepper implements AfterContentInit {
     private changeDetectorRef;
     private _buiElRef;
     /** @ignore The list of step headers of the steps in the stepper. */
@@ -73,3 +98,11 @@ export declare class StepperComponent extends CdkStepper implements AfterContent
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, { self: true; }, { optional: true; skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bui-stepper, [buiStepper]", ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "indicatorFormatter": { "alias": "indicatorFormatter"; "required": false; }; "nextStepLabelPrefix": { "alias": "nextStepLabelPrefix"; "required": false; }; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never, false, never>;
 }
+
+declare class StepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof StepperComponent, typeof StepDirective, typeof StepLabelTopDirective], [typeof i3.CommonModule, typeof i4.PortalModule, typeof i5.CdkStepperModule, typeof i6.MatStepperModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatRippleModule, typeof i10.MatProgressSpinnerModule, typeof i11.BehaviorModule], [typeof StepperComponent, typeof i6.MatStepperModule, typeof StepLabelTopDirective, typeof StepDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
+}
+
+export { StepDirective, StepLabelTopDirective, StepperComponent, StepperModule };

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

@@ -1,18 +1,31 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, TemplateRef, ElementRef, ViewContainerRef, NgZone } from '@angular/core';
 import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
 import { Platform } from '@angular/cdk/platform';
-import { ElementRef, NgZone, TemplateRef, ViewContainerRef } from '@angular/core';
 import { MatTooltip, MatTooltipDefaultOptions, TooltipPosition } from '@angular/material/tooltip';
 import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
+
+/**
+ * @ignore
+ */
+interface TooltipTemplateContainer {
+    template?: TemplateRef<any>;
+    message?: string;
+}
+/**
+ * @ignore
+ */
+declare const BUI_TOOLTIP_TEMPLATE_REF: InjectionToken<TooltipTemplateContainer>;
+
 /**
  * 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 declare class TooltipDirective extends MatTooltip {
+declare class TooltipDirective extends MatTooltip {
     private _templateRef?;
     private _contentSub;
     private _contentObs?;
@@ -44,5 +57,7 @@ export declare class TooltipDirective extends MatTooltip {
     } | undefined): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[buiTooltip]", ["buiTooltip"], { "buiTooltipPosition": { "alias": "buiTooltipPosition"; "required": false; }; "buiTooltipDisabled": { "alias": "buiTooltipDisabled"; "required": false; }; "buiTooltip": { "alias": "buiTooltip"; "required": false; }; "buiTooltipClass": { "alias": "buiTooltipClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[buiTooltip]", ["buiTooltip"], { "buiTooltipPosition": { "alias": "buiTooltipPosition"; "required": false; }; "buiTooltipDisabled": { "alias": "buiTooltipDisabled"; "required": false; }; "buiTooltip": { "alias": "buiTooltip"; "required": false; }; "buiTooltipClass": { "alias": "buiTooltipClass"; "required": false; }; }, {}, never, never, true, never>;
 }
+
+export { BUI_TOOLTIP_TEMPLATE_REF, TooltipDirective };

package/types/bravura-ui.d.ts

@@ -0,0 +1,3 @@
+declare const NO_EXPORT = "NO_EXPORT";
+
+export { NO_EXPORT };