@bravura/ui 6.1.0 → 7.0.0

package/phone-number/index.d.ts

@@ -1,5 +1,110 @@
+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 * as i4 from '@angular/common';
+
 /**
- * Generated bundle index. Do not edit.
+ * @internal
  */
-/// <amd-module name="@bravura/ui/phone-number" />
-export * from './public-api';
+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.
+ *
+ * To use this feature, please install a peer dependency `intl-tel-input` in your project and add the following
+ * to your application polyfills:
+ *
+ * ```javascript
+ * import 'intl-tel-input/build/js/utils.js';
+ * ```
+ *
+ * You will also need to add the following statements to one of your global SCSS files:
+ *
+ * ```scss
+ * $flagsImagePath: '~intl-tel-input/build/img/' !default;
+ * @import '~intl-tel-input/src/css/intlTelInput';
+ * ```
+ */
+declare class PhoneNumberDirective implements OnInit, OnChanges, OnDestroy {
+    private _el;
+    private _ngModel;
+    private _formControlName;
+    private _formControlDirective;
+    private _locale;
+    private _zone;
+    private _matField;
+    /**
+     * @ignore
+     */
+    static POST_RENDER_INIT_DELAY: number;
+    /**
+     * @ignore
+     */
+    static BYPASS_SHADOW_DETECTION: boolean;
+    /**
+     * The type of phone number to validate for
+     */
+    telType: TEL_TYPE;
+    /**
+     * Disable country dropdown by setting this property to `false`.
+     */
+    telDropdown: boolean;
+    /**
+     * This event is triggered when a new country is selected from the dropdown. The event detail is the ISO country code.
+     */
+    telCountryChange: EventEmitter<string>;
+    private _control;
+    private _reactive;
+    private _countryChangeListener;
+    private _input;
+    private _iti;
+    constructor(_el: ElementRef<HTMLInputElement>, _ngModel: NgModel, _formControlName: FormControlName, _formControlDirective: FormControlDirective, _locale: string, _zone: NgZone, _matField: MatFormField);
+    /** @internal */
+    onInput(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private initElement;
+    private _patchValueByState;
+    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/index.d.ts

@@ -1,5 +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';
+
 /**
- * Generated bundle index. Do not edit.
+ * Use `bui-radio-panel-item` instead of `mat-radio-button` in a `bui-radio-panel` to display an option.
  */
-/// <amd-module name="@bravura/ui/radio-panel" />
-export * from './public-api';
+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/radio-panel/testing/index.d.ts

@@ -1,5 +1,32 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@bravura/ui/radio-panel/testing" />
-export * from './test-api';
+import * as _angular_cdk_testing from '@angular/cdk/testing';
+import { ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
+import { RadioButtonHarnessFilters, MatRadioButtonHarness, MatRadioGroupHarness } from '@angular/material/radio/testing';
+
+interface RadioPanelItemHarnessFilters extends RadioButtonHarnessFilters {
+    value?: string | RegExp;
+}
+declare class RadioPanelItemHarness extends MatRadioButtonHarness {
+    static hostSelector: string;
+    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.
+     * @param options Options for filtering which radio button instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with<T extends MatRadioButtonHarness>(this: ComponentHarnessConstructor<T>, options?: RadioPanelItemHarnessFilters): HarnessPredicate<T>;
+    click(): Promise<void>;
+    getLabelCssValue(prop: string): Promise<string>;
+    getBorderColor(): Promise<string>;
+}
+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/selection-panel/index.d.ts

@@ -1,5 +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';
+
 /**
- * Generated bundle index. Do not edit.
+ * @ignore
  */
-/// <amd-module name="@bravura/ui/selection-panel" />
-export * from './public-api';
+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/skeletons/index.d.ts

@@ -1,5 +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';
+
 /**
- * Generated bundle index. Do not edit.
+ * 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" />
+ * ```
  */
-/// <amd-module name="@bravura/ui/skeletons" />
-export * from './public-api';
+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/index.d.ts

@@ -1,5 +1,108 @@
+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 * as i9 from '@angular/material/core';
+import { ThemePalette } from '@angular/material/core';
+import { Subject } from 'rxjs';
+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>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * [Angular Material's stepper](https://material.angular.io/components/stepper/overview) provides a wizard-like workflow by dividing
+ * content into logical steps.
+ *
+ * This stepper extends Angular's to customise the presentation of its headers to achieve a better user experience in both mobile and
+ * desktop browsers.
+ *
  */
-/// <amd-module name="@bravura/ui/stepper" />
-export * from './public-api';
+declare class StepperComponent extends CdkStepper implements AfterContentInit {
+    private changeDetectorRef;
+    private _buiElRef;
+    /** @ignore The list of step headers of the steps in the stepper. */
+    _stepHeader: QueryList<MatStepHeader>;
+    /** @ignore Full list of steps inside the stepper, including inside nested steppers. */
+    _steps: QueryList<MatStep>;
+    /** @ignore Steps that belong to the current stepper, excluding ones from nested steppers. */
+    readonly steps: QueryList<MatStep>;
+    /** @ignore Custom icon overrides passed in by the consumer. */
+    _icons: QueryList<MatStepperIcon>;
+    /** @ignore Event emitted when the current step is done transitioning in. */
+    readonly animationDone: EventEmitter<void>;
+    /** Whether ripples should be disabled for the step headers. */
+    disableRipple?: boolean;
+    /** Theme color for all of the steps in stepper. */
+    color: ThemePalette;
+    /**
+     * A function that constructs the text in the progress cycle for the 'narrow' view.
+     *
+     * Default value: `'{selected step} of {total number of steps}'`
+     */
+    indicatorFormatter: (index: number, total: number) => string;
+    /** The text that precedes the name of the next step label, used in the 'narrow' view.   */
+    nextStepLabelPrefix: string;
+    /** @ignore Consumer-specified template-refs to be used to override the header icons. */
+    _iconOverrides: Record<string, TemplateRef<MatStepperIconContext>>;
+    /** @ignore Stream of animation `done` events when the body expands/collapses. */
+    readonly _animationDone: Subject<AnimationEvent>;
+    /** @ignore Whether the stepper is in a narrow container */
+    _narrow: boolean;
+    /** @ignore Emits whenever the drawer has started animating. */
+    readonly _leftDrawerStarted: Subject<AnimationEvent>;
+    /** @ignore Emits whenever the drawer is done animating. */
+    readonly _leftDrawerEnded: Subject<AnimationEvent>;
+    /** @ignore Current state of the sidenav animation. */
+    _leftDrawerState: 'open-instant' | 'open' | 'void';
+    /** @ignore Emits whenever the drawer has started animating. */
+    readonly _topDrawerStarted: Subject<AnimationEvent>;
+    /** @ignore Emits whenever the drawer is done animating. */
+    readonly _topDrawerEnded: Subject<AnimationEvent>;
+    /** @ignore Current state of the sidenav animation. */
+    _topDrawerState: 'open-instant' | 'open' | 'void';
+    /** @ignore */ readonly _progressCircleSize = 80;
+    /** @ignore */ readonly _progressCircleWidth = 5;
+    /** @ignore */ _stepTransitioning: boolean;
+    private _editIconTemplate;
+    constructor(dir: Directionality, changeDetectorRef: ChangeDetectorRef, _buiElRef: ElementRef<HTMLElement>, _document: any, stepperOptions: StepperOptions, defaultStepperOptions?: StepperOptions);
+    ngAfterContentInit(): void;
+    /** @ignore */
+    _stepIsNavigable(index: number, step: MatStep): boolean;
+    /** @ignore */
+    _widthChanged(w: number): void;
+    /** @ignore */
+    _startStepTransition(): void;
+    toCustomStep(step: any): any;
+    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 };