@bravura/ui 6.0.1 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/README.md +1 -0
  3. package/alert/index.d.ts +126 -3
  4. package/alert/testing/index.d.ts +28 -5
  5. package/behavior/index.d.ts +231 -3
  6. package/clip-note/index.d.ts +125 -3
  7. package/common/index.d.ts +24 -3
  8. package/currency-input/index.d.ts +69 -3
  9. package/decimal-input/index.d.ts +39 -3
  10. package/discrete-input/index.d.ts +139 -3
  11. package/fesm2022/bravura-ui-alert.mjs +18 -21
  12. package/fesm2022/bravura-ui-alert.mjs.map +1 -1
  13. package/fesm2022/bravura-ui-behavior.mjs +18 -18
  14. package/fesm2022/bravura-ui-behavior.mjs.map +1 -1
  15. package/fesm2022/bravura-ui-clip-note.mjs +10 -10
  16. package/fesm2022/bravura-ui-clip-note.mjs.map +1 -1
  17. package/fesm2022/bravura-ui-common.mjs +5 -6
  18. package/fesm2022/bravura-ui-common.mjs.map +1 -1
  19. package/fesm2022/bravura-ui-currency-input.mjs +7 -7
  20. package/fesm2022/bravura-ui-currency-input.mjs.map +1 -1
  21. package/fesm2022/bravura-ui-decimal-input.mjs +7 -7
  22. package/fesm2022/bravura-ui-decimal-input.mjs.map +1 -1
  23. package/fesm2022/bravura-ui-discrete-input.mjs +14 -39
  24. package/fesm2022/bravura-ui-discrete-input.mjs.map +1 -1
  25. package/fesm2022/bravura-ui-file-upload.mjs +18 -18
  26. package/fesm2022/bravura-ui-file-upload.mjs.map +1 -1
  27. package/fesm2022/bravura-ui-form-field.mjs +10 -10
  28. package/fesm2022/bravura-ui-form-field.mjs.map +1 -1
  29. package/fesm2022/bravura-ui-icon-font.mjs +7 -7
  30. package/fesm2022/bravura-ui-icon-font.mjs.map +1 -1
  31. package/fesm2022/bravura-ui-panel.mjs +16 -16
  32. package/fesm2022/bravura-ui-panel.mjs.map +1 -1
  33. package/fesm2022/bravura-ui-phone-number.mjs +13 -13
  34. package/fesm2022/bravura-ui-phone-number.mjs.map +1 -1
  35. package/fesm2022/bravura-ui-radio-panel.mjs +12 -14
  36. package/fesm2022/bravura-ui-radio-panel.mjs.map +1 -1
  37. package/fesm2022/bravura-ui-selection-panel.mjs +11 -11
  38. package/fesm2022/bravura-ui-selection-panel.mjs.map +1 -1
  39. package/fesm2022/bravura-ui-skeletons.mjs +10 -10
  40. package/fesm2022/bravura-ui-skeletons.mjs.map +1 -1
  41. package/fesm2022/bravura-ui-stepper.mjs +18 -18
  42. package/fesm2022/bravura-ui-stepper.mjs.map +1 -1
  43. package/fesm2022/bravura-ui-tooltip.mjs +13 -13
  44. package/fesm2022/bravura-ui-tooltip.mjs.map +1 -1
  45. package/file-upload/index.d.ts +200 -3
  46. package/form-field/index.d.ts +49 -3
  47. package/icon-font/index.d.ts +79 -3
  48. package/index.d.ts +3 -5
  49. package/package.json +20 -20
  50. package/panel/index.d.ts +107 -3
  51. package/phone-number/index.d.ts +108 -3
  52. package/radio-panel/index.d.ts +71 -3
  53. package/radio-panel/testing/index.d.ts +32 -5
  54. package/selection-panel/index.d.ts +149 -3
  55. package/skeletons/index.d.ts +79 -3
  56. package/stepper/index.d.ts +106 -3
  57. package/tooltip/index.d.ts +83 -3
  58. package/alert/alert-container.component.d.ts +0 -71
  59. package/alert/alert-message.component.d.ts +0 -47
  60. package/alert/alert.module.d.ts +0 -14
  61. package/alert/public-api.d.ts +0 -1
  62. package/alert/testing/test-api.d.ts +0 -24
  63. package/behavior/await.directive.d.ts +0 -71
  64. package/behavior/behavior.module.d.ts +0 -17
  65. package/behavior/observe-content-class.directive.d.ts +0 -29
  66. package/behavior/public-api.d.ts +0 -5
  67. package/behavior/sizing-monitor.directive.d.ts +0 -23
  68. package/behavior/sizing.directive.d.ts +0 -98
  69. package/clip-note/clip-note.component.d.ts +0 -45
  70. package/clip-note/clip-note.directive.d.ts +0 -69
  71. package/clip-note/clip-note.module.d.ts +0 -19
  72. package/clip-note/public-api.d.ts +0 -1
  73. package/common/common-utils.d.ts +0 -11
  74. package/common/common.module.d.ts +0 -11
  75. package/common/public-api.d.ts +0 -2
  76. package/currency-input/currency-input.directive.d.ts +0 -62
  77. package/currency-input/currency-input.module.d.ts +0 -10
  78. package/currency-input/public-api.d.ts +0 -1
  79. package/decimal-input/decimal-input.directive.d.ts +0 -32
  80. package/decimal-input/decimal-input.module.d.ts +0 -10
  81. package/decimal-input/public-api.d.ts +0 -1
  82. package/discrete-input/discrete-input.component.d.ts +0 -141
  83. package/discrete-input/discrete-input.module.d.ts +0 -11
  84. package/discrete-input/public-api.d.ts +0 -2
  85. package/file-upload/file-upload.component.d.ts +0 -148
  86. package/file-upload/file-upload.module.d.ts +0 -14
  87. package/file-upload/file-upload.service.d.ts +0 -42
  88. package/file-upload/public-api.d.ts +0 -6
  89. package/form-field/form-field.component.d.ts +0 -39
  90. package/form-field/form-field.module.d.ts +0 -13
  91. package/form-field/public-api.d.ts +0 -2
  92. package/icon-font/icon-font.module.d.ts +0 -12
  93. package/icon-font/icon.directive.d.ts +0 -46
  94. package/icon-font/public-api.d.ts +0 -3
  95. package/icon-font/utilities.d.ts +0 -20
  96. package/panel/panel-section.component.d.ts +0 -15
  97. package/panel/panel.component.d.ts +0 -60
  98. package/panel/panel.module.d.ts +0 -16
  99. package/panel/public-api.d.ts +0 -1
  100. package/panel/tinted.directive.d.ts +0 -26
  101. package/phone-number/phone-number.directive.d.ts +0 -66
  102. package/phone-number/phone-number.module.d.ts +0 -17
  103. package/phone-number/phone-number.pipe.d.ts +0 -13
  104. package/phone-number/phone-number.validator.d.ts +0 -31
  105. package/phone-number/public-api.d.ts +0 -1
  106. package/public-api.d.ts +0 -1
  107. package/radio-panel/public-api.d.ts +0 -3
  108. package/radio-panel/radio-panel-item.component.d.ts +0 -22
  109. package/radio-panel/radio-panel.component.d.ts +0 -38
  110. package/radio-panel/radio-panel.module.d.ts +0 -15
  111. package/radio-panel/testing/test-api.d.ts +0 -27
  112. package/selection-panel/public-api.d.ts +0 -3
  113. package/selection-panel/selection-panel-item.component.d.ts +0 -77
  114. package/selection-panel/selection-panel.directive.d.ts +0 -67
  115. package/selection-panel/selection-panel.module.d.ts +0 -13
  116. package/skeletons/public-api.d.ts +0 -3
  117. package/skeletons/skeleton-loader-presets.directive.d.ts +0 -23
  118. package/skeletons/skeleton-loader.component.d.ts +0 -44
  119. package/skeletons/skeletons.module.d.ts +0 -16
  120. package/stepper/public-api.d.ts +0 -3
  121. package/stepper/step-label-top.directive.d.ts +0 -17
  122. package/stepper/stepper-animation.d.ts +0 -6
  123. package/stepper/stepper.component.d.ts +0 -75
  124. package/stepper/stepper.module.d.ts +0 -17
  125. package/tooltip/public-api.d.ts +0 -3
  126. package/tooltip/tooltip.component.d.ts +0 -26
  127. package/tooltip/tooltip.directive.d.ts +0 -48
  128. package/tooltip/tooltip.module.d.ts +0 -13
@@ -1,5 +1,151 @@
1
+ import * as i0 from '@angular/core';
2
+ import { AfterContentInit, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
3
+ import * as i6 from '@angular/material/core';
4
+ import { ThemePalette } from '@angular/material/core';
5
+ import * as i5 from '@angular/forms';
6
+ import { ControlValueAccessor } from '@angular/forms';
7
+ import * as i3 from '@angular/common';
8
+ import * as i4 from '@angular/material/checkbox';
9
+ import * as i7 from '@angular/cdk/observers';
10
+
1
11
  /**
2
- * Generated bundle index. Do not edit.
12
+ * @ignore
3
13
  */
4
- /// <amd-module name="@bravura/ui/selection-panel" />
5
- export * from './public-api';
14
+ interface SelectionPanelItemGroup {
15
+ _selection: any[];
16
+ color: ThemePalette;
17
+ _isDisabled: boolean;
18
+ _onTouched?: () => void;
19
+ selectByHeader: boolean;
20
+ }
21
+ /**
22
+ * Use `bui-selection-panel-item` within a `bui-selection-panel` to display an option.
23
+ */
24
+ declare class SelectionPanelItemComponent implements AfterContentInit {
25
+ private _group;
26
+ private _cd;
27
+ /** @ignore */
28
+ static ngAcceptInputType_disabled: boolean | string;
29
+ /** @ignore */
30
+ static ngAcceptInputType_checked: boolean | string;
31
+ /**
32
+ * This will be displayed as the panel header
33
+ */
34
+ title: string;
35
+ /**
36
+ * Show the header in with a shaded background
37
+ */
38
+ shadedHeader: boolean;
39
+ /**
40
+ * when false will hide the checkbox
41
+ */
42
+ selectable: boolean;
43
+ /** Whether the option is disabled. */
44
+ get disabled(): boolean;
45
+ set disabled(value: boolean);
46
+ /** The value of this option. */
47
+ get value(): any;
48
+ set value(value: any);
49
+ /** Whether this option is checked. */
50
+ get checked(): boolean;
51
+ set checked(value: boolean);
52
+ /** Theme color of the radio button. */
53
+ get color(): ThemePalette;
54
+ set color(newValue: ThemePalette);
55
+ get _selectByHeader(): boolean;
56
+ empty: boolean;
57
+ private _color;
58
+ private _disabled;
59
+ private _value;
60
+ private _bodyContent?;
61
+ private _ripple?;
62
+ constructor(_group: SelectionPanelItemGroup, _cd: ChangeDetectorRef);
63
+ /** @ignore */
64
+ _markInteracted(): void;
65
+ /** @ignore */
66
+ _notify(): void;
67
+ /** Toggle selection programmatically */
68
+ toggle(): void;
69
+ /** @ignore */
70
+ _contentClicked(event: MouseEvent): void;
71
+ /** @ignore */
72
+ contentChanged(): void;
73
+ /** @ignore */
74
+ ngAfterContentInit(): void;
75
+ /** Sets the disabled state and marks for check if a change occurred. */
76
+ private _setDisabled;
77
+ private _setChecked;
78
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelItemComponent, never>;
79
+ 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>;
80
+ }
81
+
82
+ /**
83
+ * Selection panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
84
+ * that display a set of multi-selection items as bordered panels, in a similar fashion as Radio Panel `bui-radio-panel`.
85
+ *
86
+ * Accessibility features are not yet fully implemented.
87
+ *
88
+ * Example:
89
+ *
90
+ * ```html
91
+ * <bui-selection-panel>
92
+ * <bui-selection-panel-item *ngFor="let obj of objects" [value]="obj">{{obj.description}}</bui-selection-panel-item>
93
+ * </bui-selection-panel>
94
+ * ```
95
+ *
96
+ */
97
+ declare class SelectionPanelDirective implements ControlValueAccessor, SelectionPanelItemGroup, OnChanges {
98
+ private _cd;
99
+ /** Theme color for all of the selection checkboxes in the group. */
100
+ color: ThemePalette;
101
+ /**
102
+ * When set to `false`, the selection is triggered by click everywhere within the panels that is
103
+ * not focus-trapping; otherwise, only clicking on the header will activate the selection.
104
+ *
105
+ * @default true
106
+ */
107
+ selectByHeader: boolean;
108
+ /**
109
+ * @ignore
110
+ * The selected values. Used by the child elements to modify the group's value
111
+ */
112
+ get _selection(): any[];
113
+ set _selection(value: any[]);
114
+ /** @ignore */
115
+ _onTouched?: () => void;
116
+ /** @ignore */
117
+ _isDisabled: boolean;
118
+ private _onChange?;
119
+ private _selected;
120
+ private _items;
121
+ constructor(_cd: ChangeDetectorRef);
122
+ /**
123
+ * @ignore
124
+ */
125
+ writeValue(obj: any): void;
126
+ /**
127
+ * @ignore
128
+ */
129
+ registerOnChange(fn: (_: any) => void): void;
130
+ /**
131
+ * @ignore
132
+ */
133
+ registerOnTouched(fn: () => void): void;
134
+ /**
135
+ * Sets the disabled state and marks for check if a change occurred.
136
+ * @ignore
137
+ */
138
+ setDisabledState(isDisabled: boolean): void;
139
+ /** @ignore */
140
+ ngOnChanges(changes: SimpleChanges): void;
141
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelDirective, never>;
142
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionPanelDirective, "bui-selection-panel", ["buiSelectionPanel"], { "color": { "alias": "color"; "required": false; }; "selectByHeader": { "alias": "selectByHeader"; "required": false; }; }, {}, ["_items"], never, false, never>;
143
+ }
144
+
145
+ declare class SelectionPanelModule {
146
+ static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelModule, never>;
147
+ 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]>;
148
+ static ɵinj: i0.ɵɵInjectorDeclaration<SelectionPanelModule>;
149
+ }
150
+
151
+ export { SelectionPanelDirective, SelectionPanelItemComponent, SelectionPanelModule };
@@ -1,5 +1,81 @@
1
+ import * as i0 from '@angular/core';
2
+ import { OnChanges, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, AfterViewChecked, InjectionToken, ModuleWithProviders } from '@angular/core';
3
+ import { Directionality } from '@angular/cdk/bidi';
4
+ import * as i4 from '@ngneat/content-loader';
5
+ import { ContentLoaderComponent } from '@ngneat/content-loader';
6
+ import * as i3 from '@angular/common';
7
+ import * as i5 from '@bravura/ui/common';
8
+
1
9
  /**
2
- * Generated bundle index. Do not edit.
10
+ * Use the [Create React Content Loader](https://skeletonreact.com/) to create your custom skeleton loaders;
11
+ *
12
+ * Add the resulting `svg` elements as the content children of a `<bui-skeleton>` component.
13
+ *
14
+ * The component `bui-skeleton` extends `content-loader` from [ngneat/content-loader](https://github.com/ngneat/content-loader).
15
+ *
16
+ * You can also choose from one of the presets registered by the `SKELETON_PRESETS` injection token.
17
+ *
18
+ * The following code snippets demonstrate how to register a preset:
19
+ *
20
+ * ```typescript
21
+ * @import {SkeletonsModule} from '@bravura/ui/skeletons';
22
+ * @import htmlWithSvgElements from './custom-loader1.html';
23
+ *
24
+ * @NgModule({
25
+ * imports: [SkeletonsModule.forConfig({ presets: {
26
+ * custom1: { viewBox: '0 0 400 100', content: htmlWithSvgElements }
27
+ * }})]
28
+ * })
29
+ * export class MyModule {}
30
+ * ```
31
+ *
32
+ * custom-loader1.html:
33
+ *
34
+ * ```html
35
+ * <rect x="50" y="6" rx="4" ry="4" width="343" height="38" />
36
+ * <rect x="8" y="6" rx="4" ry="4" width="35" height="38" />
37
+ * ```
3
38
  */
4
- /// <amd-module name="@bravura/ui/skeletons" />
5
- export * from './public-api';
39
+ declare class SkeletonLoaderComponent extends ContentLoaderComponent implements OnChanges, OnDestroy {
40
+ private _cdRef;
41
+ private _dir;
42
+ private _destroyed$;
43
+ constructor(elemRef: ElementRef<HTMLElement>, _cdRef: ChangeDetectorRef, _dir: Directionality);
44
+ ngOnDestroy(): void;
45
+ ngOnChanges(changes: SimpleChanges): void;
46
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
47
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "bui-skeleton", never, {}, {}, never, never, false, never>;
48
+ }
49
+
50
+ type SkeletonPreset = {
51
+ viewBox: string;
52
+ content: string;
53
+ };
54
+ type SkeletonPresets = {
55
+ [key: string]: SkeletonPreset;
56
+ };
57
+ declare const SKELETON_PRESETS: InjectionToken<SkeletonPresets>;
58
+ declare const DEFAULT_PRESETS: SkeletonPresets;
59
+ declare class SkeletonLoaderPresetsDirective implements AfterViewChecked {
60
+ private _skeletonComponent;
61
+ private _elementRef;
62
+ /** Select the SVG elements from one of the presets. */
63
+ preset?: string;
64
+ private _allPresets;
65
+ constructor(_skeletonComponent: SkeletonLoaderComponent, _elementRef: ElementRef<HTMLElement>, _presetList: SkeletonPresets[]);
66
+ ngAfterViewChecked(): void;
67
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderPresetsDirective, [{ host: true; }, null, null]>;
68
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonLoaderPresetsDirective, "bui-skeleton[preset]", never, { "preset": { "alias": "preset"; "required": false; }; }, {}, never, never, false, never>;
69
+ }
70
+
71
+ declare class SkeletonsModule {
72
+ static forConfig(config?: {
73
+ presets?: SkeletonPresets;
74
+ }): ModuleWithProviders<SkeletonsModule>;
75
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonsModule, never>;
76
+ 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]>;
77
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonsModule>;
78
+ }
79
+
80
+ export { DEFAULT_PRESETS, SKELETON_PRESETS, SkeletonLoaderComponent, SkeletonLoaderPresetsDirective, SkeletonsModule };
81
+ export type { SkeletonPreset, SkeletonPresets };
@@ -1,5 +1,108 @@
1
+ import * as i0 from '@angular/core';
2
+ import { TemplateRef, AfterContentInit, QueryList, EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
3
+ import * as i6 from '@angular/material/stepper';
4
+ import { MatStep, MatStepHeader, MatStepperIcon, MatStepperIconContext } from '@angular/material/stepper';
5
+ import { AnimationEvent } from '@angular/animations';
6
+ import { Directionality } from '@angular/cdk/bidi';
7
+ import * as i5 from '@angular/cdk/stepper';
8
+ import { CdkStepper, StepperOptions } from '@angular/cdk/stepper';
9
+ import * as i9 from '@angular/material/core';
10
+ import { ThemePalette } from '@angular/material/core';
11
+ import { Subject } from 'rxjs';
12
+ import * as i3 from '@angular/common';
13
+ import * as i4 from '@angular/cdk/portal';
14
+ import * as i7 from '@angular/material/button';
15
+ import * as i8 from '@angular/material/icon';
16
+ import * as i10 from '@angular/material/progress-spinner';
17
+ import * as i11 from '@bravura/ui/behavior';
18
+
19
+ declare class StepLabelTopDirective {
20
+ templateRef: TemplateRef<any>;
21
+ constructor(templateRef: TemplateRef<any>);
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<StepLabelTopDirective, [{ optional: true; }]>;
23
+ static ɵdir: i0.ɵɵDirectiveDeclaration<StepLabelTopDirective, "[buiStepLabelTop]", never, {}, {}, never, never, false, never>;
24
+ }
25
+ declare class StepDirective implements AfterContentInit {
26
+ stepLabelTopDirective: StepLabelTopDirective;
27
+ step: MatStep;
28
+ constructor();
29
+ ngAfterContentInit(): void;
30
+ static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
31
+ static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "mat-step", never, {}, {}, ["stepLabelTopDirective"], never, false, never>;
32
+ }
33
+
1
34
  /**
2
- * Generated bundle index. Do not edit.
35
+ * [Angular Material's stepper](https://material.angular.io/components/stepper/overview) provides a wizard-like workflow by dividing
36
+ * content into logical steps.
37
+ *
38
+ * This stepper extends Angular's to customise the presentation of its headers to achieve a better user experience in both mobile and
39
+ * desktop browsers.
40
+ *
3
41
  */
4
- /// <amd-module name="@bravura/ui/stepper" />
5
- export * from './public-api';
42
+ declare class StepperComponent extends CdkStepper implements AfterContentInit {
43
+ private changeDetectorRef;
44
+ private _buiElRef;
45
+ /** @ignore The list of step headers of the steps in the stepper. */
46
+ _stepHeader: QueryList<MatStepHeader>;
47
+ /** @ignore Full list of steps inside the stepper, including inside nested steppers. */
48
+ _steps: QueryList<MatStep>;
49
+ /** @ignore Steps that belong to the current stepper, excluding ones from nested steppers. */
50
+ readonly steps: QueryList<MatStep>;
51
+ /** @ignore Custom icon overrides passed in by the consumer. */
52
+ _icons: QueryList<MatStepperIcon>;
53
+ /** @ignore Event emitted when the current step is done transitioning in. */
54
+ readonly animationDone: EventEmitter<void>;
55
+ /** Whether ripples should be disabled for the step headers. */
56
+ disableRipple?: boolean;
57
+ /** Theme color for all of the steps in stepper. */
58
+ color: ThemePalette;
59
+ /**
60
+ * A function that constructs the text in the progress cycle for the 'narrow' view.
61
+ *
62
+ * Default value: `'{selected step} of {total number of steps}'`
63
+ */
64
+ indicatorFormatter: (index: number, total: number) => string;
65
+ /** The text that precedes the name of the next step label, used in the 'narrow' view. */
66
+ nextStepLabelPrefix: string;
67
+ /** @ignore Consumer-specified template-refs to be used to override the header icons. */
68
+ _iconOverrides: Record<string, TemplateRef<MatStepperIconContext>>;
69
+ /** @ignore Stream of animation `done` events when the body expands/collapses. */
70
+ readonly _animationDone: Subject<AnimationEvent>;
71
+ /** @ignore Whether the stepper is in a narrow container */
72
+ _narrow: boolean;
73
+ /** @ignore Emits whenever the drawer has started animating. */
74
+ readonly _leftDrawerStarted: Subject<AnimationEvent>;
75
+ /** @ignore Emits whenever the drawer is done animating. */
76
+ readonly _leftDrawerEnded: Subject<AnimationEvent>;
77
+ /** @ignore Current state of the sidenav animation. */
78
+ _leftDrawerState: 'open-instant' | 'open' | 'void';
79
+ /** @ignore Emits whenever the drawer has started animating. */
80
+ readonly _topDrawerStarted: Subject<AnimationEvent>;
81
+ /** @ignore Emits whenever the drawer is done animating. */
82
+ readonly _topDrawerEnded: Subject<AnimationEvent>;
83
+ /** @ignore Current state of the sidenav animation. */
84
+ _topDrawerState: 'open-instant' | 'open' | 'void';
85
+ /** @ignore */ readonly _progressCircleSize = 80;
86
+ /** @ignore */ readonly _progressCircleWidth = 5;
87
+ /** @ignore */ _stepTransitioning: boolean;
88
+ private _editIconTemplate;
89
+ constructor(dir: Directionality, changeDetectorRef: ChangeDetectorRef, _buiElRef: ElementRef<HTMLElement>, _document: any, stepperOptions: StepperOptions, defaultStepperOptions?: StepperOptions);
90
+ ngAfterContentInit(): void;
91
+ /** @ignore */
92
+ _stepIsNavigable(index: number, step: MatStep): boolean;
93
+ /** @ignore */
94
+ _widthChanged(w: number): void;
95
+ /** @ignore */
96
+ _startStepTransition(): void;
97
+ toCustomStep(step: any): any;
98
+ static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, { self: true; }, { optional: true; skipSelf: true; }]>;
99
+ 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>;
100
+ }
101
+
102
+ declare class StepperModule {
103
+ static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
104
+ 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]>;
105
+ static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
106
+ }
107
+
108
+ export { StepDirective, StepLabelTopDirective, StepperComponent, StepperModule };
@@ -1,5 +1,85 @@
1
+ import * as i0 from '@angular/core';
2
+ import { ElementRef, ViewContainerRef, NgZone, TemplateRef, InjectionToken, ChangeDetectorRef } from '@angular/core';
3
+ import * as i3 from '@angular/cdk/a11y';
4
+ import { AriaDescriber, FocusMonitor } from '@angular/cdk/a11y';
5
+ import { Directionality } from '@angular/cdk/bidi';
6
+ import * as i5 from '@angular/cdk/overlay';
7
+ import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
8
+ import { Platform } from '@angular/cdk/platform';
9
+ import { MatTooltip, MatTooltipDefaultOptions, TooltipPosition, TooltipComponent as TooltipComponent$1 } from '@angular/material/tooltip';
10
+ import { Observable } from 'rxjs';
11
+ import * as i4 from '@angular/common';
12
+ import * as i6 from '@angular/material/core';
13
+ import * as i7 from '@angular/cdk/scrolling';
14
+
1
15
  /**
2
- * Generated bundle index. Do not edit.
16
+ * This directive extends [Angular Material tooltip](https://material.angular.io/components/tooltip/overview), with the additional capability of displaying
17
+ * HTML content in the overlay area.
18
+ *
19
+ * All the other features are identical as those in Angular Material tooltip.
3
20
  */
4
- /// <amd-module name="@bravura/ui/tooltip" />
5
- export * from './public-api';
21
+ declare class TooltipDirective extends MatTooltip {
22
+ private _templateRef?;
23
+ private _contentSub;
24
+ private _contentObs?;
25
+ constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, viewContainerRef: ViewContainerRef, ngZone: NgZone, platform: Platform, ariaDescriber: AriaDescriber, focusMonitor: FocusMonitor, scrollStrategy: any, dir: Directionality, defaultOptions: MatTooltipDefaultOptions, _document: any);
26
+ /** Allows the user to define the position of the tooltip relative to the parent element */
27
+ get buiTooltipPosition(): TooltipPosition;
28
+ set buiTooltipPosition(value: TooltipPosition);
29
+ /** Disables the display of the tooltip. */
30
+ get buiTooltipDisabled(): boolean;
31
+ set buiTooltipDisabled(value: boolean);
32
+ /** The message to be displayed in the tooltip. */
33
+ get buiTooltip(): string | TemplateRef<any> | Observable<string>;
34
+ set buiTooltip(value: string | TemplateRef<any> | Observable<string>);
35
+ /** @ignore */
36
+ get template(): TemplateRef<any> | undefined;
37
+ /** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
38
+ get buiTooltipClass(): string | string[] | Set<string> | {
39
+ [key: string]: any;
40
+ };
41
+ set buiTooltipClass(value: string | string[] | Set<string> | {
42
+ [key: string]: any;
43
+ });
44
+ /** @ignore */
45
+ clicked(): void;
46
+ /** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
47
+ show(delay?: number, origin?: {
48
+ x: number;
49
+ y: number;
50
+ } | undefined): void;
51
+ ngOnDestroy(): void;
52
+ static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
53
+ 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>;
54
+ }
55
+
56
+ /**
57
+ * @ignore
58
+ */
59
+ interface TooltipTemplateContainer {
60
+ template?: TemplateRef<any>;
61
+ message?: string;
62
+ }
63
+ /**
64
+ * @ignore
65
+ */
66
+ declare const BUI_TOOLTIP_TEMPLATE_REF: InjectionToken<TooltipTemplateContainer>;
67
+ declare class TooltipComponent extends TooltipComponent$1 {
68
+ _tooltipInst: TooltipTemplateContainer;
69
+ private _messageCopy;
70
+ _tooltip: ElementRef<HTMLElement>;
71
+ private tooltipDiv;
72
+ private messageCont;
73
+ constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _tooltipInst: TooltipTemplateContainer, animationMode?: string);
74
+ show(delay: number): void;
75
+ static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [null, null, null, { optional: true; }]>;
76
+ static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "bui-tooltip-component", never, {}, {}, never, never, false, never>;
77
+ }
78
+
79
+ declare class TooltipModule {
80
+ static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
81
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof TooltipDirective, typeof TooltipComponent], [typeof i3.A11yModule, typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.MatCommonModule], [typeof TooltipDirective, typeof i6.MatCommonModule, typeof i7.CdkScrollableModule]>;
82
+ static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
83
+ }
84
+
85
+ export { BUI_TOOLTIP_TEMPLATE_REF, TooltipDirective, TooltipModule };
@@ -1,71 +0,0 @@
1
- import { AnimationEvent } from '@angular/animations';
2
- import { ScrollDispatcher } from '@angular/cdk/scrolling';
3
- import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
4
- import { Subject } from 'rxjs';
5
- import * as i0 from "@angular/core";
6
- /**@internal */
7
- declare class InternalAlertOject {
8
- readonly type: 'success' | 'info' | 'warn' | 'error';
9
- readonly message: string;
10
- id: string;
11
- deleted: boolean;
12
- constructor(type: 'success' | 'info' | 'warn' | 'error', message: string);
13
- }
14
- /**
15
- * Use this component in a designated area of a page for displaying notification messages
16
- *
17
- */
18
- export declare class AlertContainerComponent implements OnInit, OnDestroy {
19
- private zone;
20
- private cdRef;
21
- private _elementRef;
22
- private scroll;
23
- /** The maximum number of messages displayed in the container area. */
24
- max: number;
25
- /**
26
- * This property determines the behavior for displaying the notifications when the container is outside the viewport.
27
- *
28
- * `scroll`: The component will try to scroll to reveal the new notifications.
29
- * `float`: The component will float the alert panel to the center of the screen for a couple of seconds and move it back to the original position.
30
- */
31
- outsideViewportBehavior: 'scroll' | 'float';
32
- /**
33
- * The number of milliseconds for which the alert container will be floated when new notification arrives.
34
- *
35
- * This will only take effect when `outsideViewportBehavior` is set to `float` and the container is outside the viewport.
36
- */
37
- floatDuration: number;
38
- /**@internal */
39
- _alerts: InternalAlertOject[];
40
- /**@internal */
41
- _floated: boolean;
42
- /**@internal */
43
- _floatPanelHidden: boolean;
44
- /** @ignore Emits whenever the animation is started. */
45
- readonly _animationStarted: Subject<AnimationEvent>;
46
- /** @ignore Emits whenever the animation is done. */
47
- readonly _animationEnded: Subject<AnimationEvent>;
48
- private _destroyed$;
49
- private _endFloatingSub?;
50
- /** Emits the component instance after initialisation. */
51
- private init;
52
- constructor(zone: NgZone, cdRef: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, scroll: ScrollDispatcher);
53
- ngOnInit(): void;
54
- ngOnDestroy(): void;
55
- /**@internal */
56
- get _remaining(): InternalAlertOject[];
57
- /**@internal */
58
- get _width(): number;
59
- /** Add a message to the notification area */
60
- notify(type: 'success' | 'info' | 'warn' | 'error', message: string): Promise<void>;
61
- /**@ignore */
62
- _checkViewport(): Promise<void>;
63
- /**@ignore */
64
- _dismiss(a: InternalAlertOject): Promise<void>;
65
- /** Remove all messages currently displayed. */
66
- clear(): Promise<void>;
67
- private _endFloating;
68
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertContainerComponent, never>;
69
- static ɵcmp: i0.ɵɵComponentDeclaration<AlertContainerComponent, "bui-alert-container", never, { "max": { "alias": "max"; "required": false; }; "outsideViewportBehavior": { "alias": "outsideViewportBehavior"; "required": false; }; "floatDuration": { "alias": "floatDuration"; "required": false; }; }, { "init": "init"; }, never, never, false, never>;
70
- }
71
- export {};
@@ -1,47 +0,0 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * An alert style message usually appears in a global notification area.
5
- *
6
- * The base color of the message is determined by the `type` of the message and a list of predefined
7
- * CSS custom properties.
8
- *
9
- * ```scss
10
- * --bui-color-success: #519602;
11
- * --bui-color-info: #0dcaf0;
12
- * --bui-color-warning: #ffc107;
13
- * --bui-color-error: #dc3545;
14
- * ```
15
- *
16
- *
17
- */
18
- export declare class AlertMessageComponent implements OnInit {
19
- /** @ignore */
20
- static ngAcceptInputType_dismissible: boolean | string | null | undefined;
21
- /** @ignore */
22
- static ngAcceptInputType_blink: boolean | string | null | undefined;
23
- /** The type of the message, used to derive the icon and base color. */
24
- type: 'success' | 'info' | 'warn' | 'error';
25
- /** The message to be displayed, HTML supported. */
26
- message: string;
27
- /** Specifies the ARIA live region politeness. */
28
- politeness: 'off' | 'polite' | 'assertive';
29
- /** Whether to display the button to fire the `dismissed` event. */
30
- get dismissible(): any;
31
- set dismissible(value: any);
32
- /** To be emitted when the user choose to dismiss the message. The event object is the ID of the element. */
33
- dismissed: EventEmitter<string>;
34
- /** To be emitted when the component finishes initialisation. The event object is the ID of the element. */
35
- initialised: EventEmitter<string>;
36
- /** @ignore */
37
- _id: string;
38
- private _dismissible;
39
- constructor();
40
- ngOnInit(): void;
41
- /** @ignore */
42
- get iconName(): string;
43
- /** @ignore */
44
- _dismiss(): void;
45
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertMessageComponent, never>;
46
- static ɵcmp: i0.ɵɵComponentDeclaration<AlertMessageComponent, "bui-alert", never, { "type": { "alias": "type"; "required": false; }; "message": { "alias": "message"; "required": false; }; "politeness": { "alias": "politeness"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "_id": { "alias": "id"; "required": false; }; }, { "dismissed": "dismissed"; "initialised": "initialised"; }, never, ["*"], false, never>;
47
- }
@@ -1,14 +0,0 @@
1
- import { AlertContainerComponent } from './alert-container.component';
2
- import { AlertMessageComponent } from './alert-message.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./alert-message.component";
5
- import * as i2 from "./alert-container.component";
6
- import * as i3 from "@angular/common";
7
- import * as i4 from "@bravura/ui/icon-font";
8
- import * as i5 from "@angular/material/button";
9
- export declare class AlertModule {
10
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<AlertModule, [typeof i1.AlertMessageComponent, typeof i2.AlertContainerComponent], [typeof i3.CommonModule, typeof i4.IconFontModule, typeof i5.MatButtonModule], [typeof i1.AlertMessageComponent, typeof i2.AlertContainerComponent]>;
12
- static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
13
- }
14
- export { AlertMessageComponent, AlertContainerComponent };
@@ -1 +0,0 @@
1
- export * from './alert.module';
@@ -1,24 +0,0 @@
1
- import { ComponentHarness, TextOptions, BaseHarnessFilters, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
2
- export interface AlertMessageHarnessFilters extends BaseHarnessFilters {
3
- /** only select the alert with the content matching this regular expression */
4
- content?: RegExp;
5
- }
6
- export declare class AlertMessageHarness extends ComponentHarness {
7
- static hostSelector: string;
8
- private _getBackdrop;
9
- private _getDeleteButton;
10
- private _getContentDiv;
11
- static with<T extends AlertMessageHarness>(this: ComponentHarnessConstructor<T>, options?: AlertMessageHarnessFilters): HarnessPredicate<T>;
12
- getColor(): Promise<string>;
13
- delete(): Promise<void>;
14
- getContent(options?: TextOptions): Promise<string>;
15
- private static filterByContent;
16
- }
17
- export declare class AlertContainerHarness extends ComponentHarness {
18
- static hostSelector: string;
19
- private _items;
20
- private _floatingFrame;
21
- getAlertItem(content: RegExp): Promise<AlertMessageHarness | null>;
22
- countAlertItems(): Promise<number>;
23
- isFloated(): Promise<boolean>;
24
- }