@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,66 +0,0 @@
1
- import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
2
- import { FormControlDirective, FormControlName, NgModel } from '@angular/forms';
3
- import { MatFormField } from '@angular/material/form-field';
4
- import { TEL_TYPE } from './phone-number.validator';
5
- import * as i0 from "@angular/core";
6
- /**
7
- * Add phone number validation support by specifying the `type` attribute as `tel` in an `<input>` element.
8
- *
9
- * To use this feature, please install a peer dependency `intl-tel-input` in your project and add the following
10
- * to your application polyfills:
11
- *
12
- * ```javascript
13
- * import 'intl-tel-input/build/js/utils.js';
14
- * ```
15
- *
16
- * You will also need to add the following statements to one of your global SCSS files:
17
- *
18
- * ```scss
19
- * $flagsImagePath: '~intl-tel-input/build/img/' !default;
20
- * @import '~intl-tel-input/src/css/intlTelInput';
21
- * ```
22
- */
23
- export declare class PhoneNumberDirective implements OnInit, OnChanges, OnDestroy {
24
- private _el;
25
- private _ngModel;
26
- private _formControlName;
27
- private _formControlDirective;
28
- private _locale;
29
- private _zone;
30
- private _matField;
31
- /**
32
- * @ignore
33
- */
34
- static POST_RENDER_INIT_DELAY: number;
35
- /**
36
- * @ignore
37
- */
38
- static BYPASS_SHADOW_DETECTION: boolean;
39
- /**
40
- * The type of phone number to validate for
41
- */
42
- telType: TEL_TYPE;
43
- /**
44
- * Disable country dropdown by setting this property to `false`.
45
- */
46
- telDropdown: boolean;
47
- /**
48
- * This event is triggered when a new country is selected from the dropdown. The event detail is the ISO country code.
49
- */
50
- telCountryChange: EventEmitter<string>;
51
- private _control;
52
- private _reactive;
53
- private _countryChangeListener;
54
- private _input;
55
- private _iti;
56
- constructor(_el: ElementRef<HTMLInputElement>, _ngModel: NgModel, _formControlName: FormControlName, _formControlDirective: FormControlDirective, _locale: string, _zone: NgZone, _matField: MatFormField);
57
- /** @internal */
58
- onInput(): void;
59
- ngOnInit(): void;
60
- ngOnDestroy(): void;
61
- ngOnChanges(changes: SimpleChanges): void;
62
- private initElement;
63
- private _patchValueByState;
64
- static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberDirective, [null, { optional: true; }, { optional: true; }, { optional: true; }, null, null, { optional: true; }]>;
65
- 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>;
66
- }
@@ -1,17 +0,0 @@
1
- import { PhoneNumberDirective } from './phone-number.directive';
2
- import { PhoneNumberPipe } from './phone-number.pipe';
3
- import { PhoneNumberValidator } from './phone-number.validator';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "./phone-number.pipe";
6
- import * as i2 from "./phone-number.directive";
7
- import * as i3 from "./phone-number.validator";
8
- import * as i4 from "@angular/common";
9
- /**
10
- * @internal
11
- */
12
- export declare class PhoneModule {
13
- static ɵfac: i0.ɵɵFactoryDeclaration<PhoneModule, never>;
14
- static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneModule, [typeof i1.PhoneNumberPipe, typeof i2.PhoneNumberDirective, typeof i3.PhoneNumberValidator], [typeof i4.CommonModule], [typeof i2.PhoneNumberDirective, typeof i1.PhoneNumberPipe, typeof i3.PhoneNumberValidator]>;
15
- static ɵinj: i0.ɵɵInjectorDeclaration<PhoneModule>;
16
- }
17
- export { PhoneNumberDirective, PhoneNumberPipe, PhoneNumberValidator };
@@ -1,13 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @internal
5
- */
6
- export declare class PhoneNumberPipe implements PipeTransform {
7
- private _locale;
8
- constructor(_locale: string);
9
- transform(value: any, mode?: string, renderLink?: boolean): string;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberPipe, never>;
11
- static ɵpipe: i0.ɵɵPipeDeclaration<PhoneNumberPipe, "buiPhone", false>;
12
- }
13
- export declare function getCountryCodeFromLocale(locale: string): string;
@@ -1,31 +0,0 @@
1
- import { ElementRef, StaticProvider } from '@angular/core';
2
- import { AbstractControl, Validator } from '@angular/forms';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @internal
6
- */
7
- export declare const SELECTOR = "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]";
8
- /**
9
- * @internal
10
- */
11
- export declare const PHONE_VALIDATOR: StaticProvider;
12
- /**
13
- * @internal
14
- */
15
- export type TEL_TYPE = 'MOBILE' | 'FIXED_LINE_OR_MOBILE' | 'FIXED_LINE';
16
- /**
17
- * @internal
18
- */
19
- export declare class PhoneNumberValidator implements Validator {
20
- private _el;
21
- telType: TEL_TYPE;
22
- static validateControl(inp: HTMLInputElement, type: TEL_TYPE, update: boolean): {
23
- [key: string]: any;
24
- } | null;
25
- constructor(_el: ElementRef<HTMLInputElement>);
26
- validate(_: AbstractControl): {
27
- [key: string]: any;
28
- } | null;
29
- static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberValidator, never>;
30
- 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>;
31
- }
@@ -1 +0,0 @@
1
- export * from './phone-number.module';
package/public-api.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const NO_EXPORT = "NO_EXPORT";
@@ -1,3 +0,0 @@
1
- export * from './radio-panel-item.component';
2
- export * from './radio-panel.component';
3
- export * from './radio-panel.module';
@@ -1,22 +0,0 @@
1
- import { FocusMonitor } from '@angular/cdk/a11y';
2
- import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
3
- import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
4
- import { MatRadioButton, MatRadioDefaultOptions, MatRadioGroup } from '@angular/material/radio';
5
- import * as i0 from "@angular/core";
6
- /**
7
- * Use `bui-radio-panel-item` instead of `mat-radio-button` in a `bui-radio-panel` to display an option.
8
- */
9
- export declare class RadioPanelItemComponent extends MatRadioButton {
10
- /**
11
- * This will be displayed as the panel header
12
- */
13
- title: string;
14
- /** The default position of the 'tick' icon relative to the title. */
15
- private _tickPosition;
16
- get tickPosition(): 'start' | 'end';
17
- set tickPosition(pos: 'start' | 'end');
18
- contentOnSelect: TemplateRef<any>;
19
- constructor(radioGroup: MatRadioGroup, elementRef: ElementRef, _changeDetector: ChangeDetectorRef, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher, animationMode?: string, _providerOverride?: MatRadioDefaultOptions, tabIndex?: string);
20
- static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelItemComponent, [{ optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
21
- 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>;
22
- }
@@ -1,38 +0,0 @@
1
- import { ChangeDetectorRef, OnChanges, QueryList, SimpleChanges } from '@angular/core';
2
- import { ThemePalette } from '@angular/material/core';
3
- import { MatRadioGroup } from '@angular/material/radio';
4
- import { RadioPanelItemComponent } from './radio-panel-item.component';
5
- import * as i0 from "@angular/core";
6
- /**
7
- * Radio panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
8
- * that extends Angular Material's [radio group component](https://material.angular.io/components/radio/overview).
9
- * It inherits all the features of `MatRadioGroup`, and arranges the child items in panels,
10
- * with the `title` attributes rendered as captions. The check box icon and the borders will be displayed
11
- * in the color selected by the theme attribute `color`.
12
- *
13
- */
14
- export declare class RadioPanelComponent extends MatRadioGroup implements OnChanges {
15
- /**
16
- * @ignore
17
- */
18
- classAttr: string;
19
- /**
20
- * The default width of each panel when the `direction` is `row`
21
- */
22
- panelWidth: number;
23
- /** The flow direction of the radio panel items */
24
- direction: 'row' | 'column';
25
- /** Theme color for all of the radio panels in the group. */
26
- color: ThemePalette;
27
- /** The default position of the 'tick' icon relative to the title. */
28
- tickPosition: 'start' | 'end';
29
- /**
30
- * @ignore
31
- */
32
- _radios: QueryList<RadioPanelItemComponent>;
33
- constructor(cd: ChangeDetectorRef);
34
- /** @ignore */
35
- ngOnChanges(changes: SimpleChanges): void;
36
- static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelComponent, never>;
37
- 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>;
38
- }
@@ -1,15 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./radio-panel-item.component";
3
- import * as i2 from "./radio-panel.component";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@angular/material/radio";
6
- import * as i5 from "@angular/material/core";
7
- import * as i6 from "@angular/material/icon";
8
- /**
9
- * Import this NgModule for the radio panel component
10
- */
11
- export declare class RadioPanelModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<RadioPanelModule, [typeof i1.RadioPanelItemComponent, typeof i2.RadioPanelComponent], [typeof i3.CommonModule, typeof i4.MatRadioModule, typeof i5.MatRippleModule, typeof i6.MatIconModule], [typeof i1.RadioPanelItemComponent, typeof i2.RadioPanelComponent]>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<RadioPanelModule>;
15
- }
@@ -1,27 +0,0 @@
1
- import { ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
2
- import { MatRadioButtonHarness, MatRadioGroupHarness, RadioButtonHarnessFilters } from '@angular/material/radio/testing';
3
- export interface RadioPanelItemHarnessFilters extends RadioButtonHarnessFilters {
4
- value?: string | RegExp;
5
- }
6
- export declare class RadioPanelItemHarness extends MatRadioButtonHarness {
7
- static hostSelector: string;
8
- getLabelElement: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
9
- protected _textLabel: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
10
- protected _clickLabel: import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").TestElement>;
11
- /**
12
- * Gets a `HarnessPredicate` that can be used to search for a radio button with specific
13
- * attributes.
14
- * @param options Options for filtering which radio button instances are considered a match.
15
- * @return a `HarnessPredicate` configured with the given options.
16
- */
17
- static with<T extends MatRadioButtonHarness>(this: ComponentHarnessConstructor<T>, options?: RadioPanelItemHarnessFilters): HarnessPredicate<T>;
18
- click(): Promise<void>;
19
- getLabelCssValue(prop: string): Promise<string>;
20
- getBorderColor(): Promise<string>;
21
- }
22
- export declare class RadioPanelHarness extends MatRadioGroupHarness {
23
- /** The selector for the host element of a `MatRadioGroup` instance. */
24
- static hostSelector: string;
25
- getItem: (filters: RadioPanelItemHarnessFilters) => Promise<RadioPanelItemHarness>;
26
- getFlexDir(): Promise<string>;
27
- }
@@ -1,3 +0,0 @@
1
- export { SelectionPanelItemComponent } from './selection-panel-item.component';
2
- export { SelectionPanelDirective } from './selection-panel.directive';
3
- export { SelectionPanelModule } from './selection-panel.module';
@@ -1,77 +0,0 @@
1
- import { AfterContentInit, ChangeDetectorRef, InjectionToken } from '@angular/core';
2
- import { ThemePalette } from '@angular/material/core';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @ignore
6
- */
7
- export interface SelectionPanelItemGroup {
8
- _selection: any[];
9
- color: ThemePalette;
10
- _isDisabled: boolean;
11
- _onTouched?: () => void;
12
- selectByHeader: boolean;
13
- }
14
- /**
15
- * @ignore
16
- */
17
- export declare const SELECTION_PANEL_GROUP: InjectionToken<SelectionPanelItemGroup>;
18
- /**
19
- * Use `bui-selection-panel-item` within a `bui-selection-panel` to display an option.
20
- */
21
- export declare class SelectionPanelItemComponent implements AfterContentInit {
22
- private _group;
23
- private _cd;
24
- /** @ignore */
25
- static ngAcceptInputType_disabled: boolean | string;
26
- /** @ignore */
27
- static ngAcceptInputType_checked: boolean | string;
28
- /**
29
- * This will be displayed as the panel header
30
- */
31
- title: string;
32
- /**
33
- * Show the header in with a shaded background
34
- */
35
- shadedHeader: boolean;
36
- /**
37
- * when false will hide the checkbox
38
- */
39
- selectable: boolean;
40
- /** Whether the option is disabled. */
41
- get disabled(): boolean;
42
- set disabled(value: boolean);
43
- /** The value of this option. */
44
- get value(): any;
45
- set value(value: any);
46
- /** Whether this option is checked. */
47
- get checked(): boolean;
48
- set checked(value: boolean);
49
- /** Theme color of the radio button. */
50
- get color(): ThemePalette;
51
- set color(newValue: ThemePalette);
52
- get _selectByHeader(): boolean;
53
- empty: boolean;
54
- private _color;
55
- private _disabled;
56
- private _value;
57
- private _bodyContent?;
58
- private _ripple?;
59
- constructor(_group: SelectionPanelItemGroup, _cd: ChangeDetectorRef);
60
- /** @ignore */
61
- _markInteracted(): void;
62
- /** @ignore */
63
- _notify(): void;
64
- /** Toggle selection programmatically */
65
- toggle(): void;
66
- /** @ignore */
67
- _contentClicked(event: MouseEvent): void;
68
- /** @ignore */
69
- contentChanged(): void;
70
- /** @ignore */
71
- ngAfterContentInit(): void;
72
- /** Sets the disabled state and marks for check if a change occurred. */
73
- private _setDisabled;
74
- private _setChecked;
75
- static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelItemComponent, never>;
76
- 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>;
77
- }
@@ -1,67 +0,0 @@
1
- import { ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ThemePalette } from '@angular/material/core';
4
- import { SelectionPanelItemGroup } from './selection-panel-item.component';
5
- import * as i0 from "@angular/core";
6
- /**
7
- * Selection panel is a [control value accessor](https://angular.io/api/forms/ControlValueAccessor)
8
- * that display a set of multi-selection items as bordered panels, in a similar fashion as Radio Panel `bui-radio-panel`.
9
- *
10
- * Accessibility features are not yet fully implemented.
11
- *
12
- * Example:
13
- *
14
- * ```html
15
- * <bui-selection-panel>
16
- * <bui-selection-panel-item *ngFor="let obj of objects" [value]="obj">{{obj.description}}</bui-selection-panel-item>
17
- * </bui-selection-panel>
18
- * ```
19
- *
20
- */
21
- export declare class SelectionPanelDirective implements ControlValueAccessor, SelectionPanelItemGroup, OnChanges {
22
- private _cd;
23
- /** Theme color for all of the selection checkboxes in the group. */
24
- color: ThemePalette;
25
- /**
26
- * When set to `false`, the selection is triggered by click everywhere within the panels that is
27
- * not focus-trapping; otherwise, only clicking on the header will activate the selection.
28
- *
29
- * @default true
30
- */
31
- selectByHeader: boolean;
32
- /**
33
- * @ignore
34
- * The selected values. Used by the child elements to modify the group's value
35
- */
36
- get _selection(): any[];
37
- set _selection(value: any[]);
38
- /** @ignore */
39
- _onTouched?: () => void;
40
- /** @ignore */
41
- _isDisabled: boolean;
42
- private _onChange?;
43
- private _selected;
44
- private _items;
45
- constructor(_cd: ChangeDetectorRef);
46
- /**
47
- * @ignore
48
- */
49
- writeValue(obj: any): void;
50
- /**
51
- * @ignore
52
- */
53
- registerOnChange(fn: (_: any) => void): void;
54
- /**
55
- * @ignore
56
- */
57
- registerOnTouched(fn: () => void): void;
58
- /**
59
- * Sets the disabled state and marks for check if a change occurred.
60
- * @ignore
61
- */
62
- setDisabledState(isDisabled: boolean): void;
63
- /** @ignore */
64
- ngOnChanges(changes: SimpleChanges): void;
65
- static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelDirective, never>;
66
- static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionPanelDirective, "bui-selection-panel", ["buiSelectionPanel"], { "color": { "alias": "color"; "required": false; }; "selectByHeader": { "alias": "selectByHeader"; "required": false; }; }, {}, ["_items"], never, false, never>;
67
- }
@@ -1,13 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./selection-panel.directive";
3
- import * as i2 from "./selection-panel-item.component";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@angular/material/checkbox";
6
- import * as i5 from "@angular/forms";
7
- import * as i6 from "@angular/material/core";
8
- import * as i7 from "@angular/cdk/observers";
9
- export declare class SelectionPanelModule {
10
- static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionPanelModule, [typeof i1.SelectionPanelDirective, typeof i2.SelectionPanelItemComponent], [typeof i3.CommonModule, typeof i4.MatCheckboxModule, typeof i5.FormsModule, typeof i6.MatRippleModule, typeof i7.ObserversModule], [typeof i1.SelectionPanelDirective, typeof i2.SelectionPanelItemComponent]>;
12
- static ɵinj: i0.ɵɵInjectorDeclaration<SelectionPanelModule>;
13
- }
@@ -1,3 +0,0 @@
1
- export * from './skeletons.module';
2
- export * from './skeleton-loader.component';
3
- export * from './skeleton-loader-presets.directive';
@@ -1,23 +0,0 @@
1
- import { AfterViewChecked, ElementRef, InjectionToken } from '@angular/core';
2
- import { SkeletonLoaderComponent } from './skeleton-loader.component';
3
- import * as i0 from "@angular/core";
4
- export type SkeletonPreset = {
5
- viewBox: string;
6
- content: string;
7
- };
8
- export type SkeletonPresets = {
9
- [key: string]: SkeletonPreset;
10
- };
11
- export declare const SKELETON_PRESETS: InjectionToken<SkeletonPresets>;
12
- export declare const DEFAULT_PRESETS: SkeletonPresets;
13
- export declare class SkeletonLoaderPresetsDirective implements AfterViewChecked {
14
- private _skeletonComponent;
15
- private _elementRef;
16
- /** Select the SVG elements from one of the presets. */
17
- preset?: string;
18
- private _allPresets;
19
- constructor(_skeletonComponent: SkeletonLoaderComponent, _elementRef: ElementRef<HTMLElement>, _presetList: SkeletonPresets[]);
20
- ngAfterViewChecked(): void;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderPresetsDirective, [{ host: true; }, null, null]>;
22
- static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonLoaderPresetsDirective, "bui-skeleton[preset]", never, { "preset": { "alias": "preset"; "required": false; }; }, {}, never, never, false, never>;
23
- }
@@ -1,44 +0,0 @@
1
- import { Directionality } from '@angular/cdk/bidi';
2
- import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
3
- import { ContentLoaderComponent } from '@ngneat/content-loader';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Use the [Create React Content Loader](https://skeletonreact.com/) to create your custom skeleton loaders;
7
- *
8
- * Add the resulting `svg` elements as the content children of a `<bui-skeleton>` component.
9
- *
10
- * The component `bui-skeleton` extends `content-loader` from [ngneat/content-loader](https://github.com/ngneat/content-loader).
11
- *
12
- * You can also choose from one of the presets registered by the `SKELETON_PRESETS` injection token.
13
- *
14
- * The following code snippets demonstrate how to register a preset:
15
- *
16
- * ```typescript
17
- * @import {SkeletonsModule} from '@bravura/ui/skeletons';
18
- * @import htmlWithSvgElements from './custom-loader1.html';
19
- *
20
- * @NgModule({
21
- * imports: [SkeletonsModule.forConfig({ presets: {
22
- * custom1: { viewBox: '0 0 400 100', content: htmlWithSvgElements }
23
- * }})]
24
- * })
25
- * export class MyModule {}
26
- * ```
27
- *
28
- * custom-loader1.html:
29
- *
30
- * ```html
31
- * <rect x="50" y="6" rx="4" ry="4" width="343" height="38" />
32
- * <rect x="8" y="6" rx="4" ry="4" width="35" height="38" />
33
- * ```
34
- */
35
- export declare class SkeletonLoaderComponent extends ContentLoaderComponent implements OnChanges, OnDestroy {
36
- private _cdRef;
37
- private _dir;
38
- private _destroyed$;
39
- constructor(elemRef: ElementRef<HTMLElement>, _cdRef: ChangeDetectorRef, _dir: Directionality);
40
- ngOnDestroy(): void;
41
- ngOnChanges(changes: SimpleChanges): void;
42
- static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
43
- static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "bui-skeleton", never, {}, {}, never, never, false, never>;
44
- }
@@ -1,16 +0,0 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import { SkeletonPresets } from './skeleton-loader-presets.directive';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./skeleton-loader.component";
5
- import * as i2 from "./skeleton-loader-presets.directive";
6
- import * as i3 from "@angular/common";
7
- import * as i4 from "@ngneat/content-loader";
8
- import * as i5 from "@bravura/ui/common";
9
- export declare class SkeletonsModule {
10
- static forConfig(config?: {
11
- presets?: SkeletonPresets;
12
- }): ModuleWithProviders<SkeletonsModule>;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonsModule, never>;
14
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonsModule, [typeof i1.SkeletonLoaderComponent, typeof i2.SkeletonLoaderPresetsDirective], [typeof i3.CommonModule, typeof i4.ContentLoaderModule, typeof i5.BuiCommonModule], [typeof i4.ContentLoaderModule, typeof i5.BuiCommonModule, typeof i1.SkeletonLoaderComponent, typeof i2.SkeletonLoaderPresetsDirective]>;
15
- static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonsModule>;
16
- }
@@ -1,3 +0,0 @@
1
- export * from './step-label-top.directive';
2
- export * from './stepper.component';
3
- export * from './stepper.module';
@@ -1,17 +0,0 @@
1
- import { AfterContentInit, TemplateRef } from '@angular/core';
2
- import { MatStep } from '@angular/material/stepper';
3
- import * as i0 from "@angular/core";
4
- export declare class StepLabelTopDirective {
5
- templateRef: TemplateRef<any>;
6
- constructor(templateRef: TemplateRef<any>);
7
- static ɵfac: i0.ɵɵFactoryDeclaration<StepLabelTopDirective, [{ optional: true; }]>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<StepLabelTopDirective, "[buiStepLabelTop]", never, {}, {}, never, never, false, never>;
9
- }
10
- export declare class StepDirective implements AfterContentInit {
11
- stepLabelTopDirective: StepLabelTopDirective;
12
- step: MatStep;
13
- constructor();
14
- ngAfterContentInit(): void;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "mat-step", never, {}, {}, ["stepLabelTopDirective"], never, false, never>;
17
- }
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- stepTransition: import("@angular/animations").AnimationTriggerMetadata;
3
- leftDrawer: import("@angular/animations").AnimationTriggerMetadata;
4
- topDrawer: import("@angular/animations").AnimationTriggerMetadata;
5
- };
6
- export default _default;
@@ -1,75 +0,0 @@
1
- import { AnimationEvent } from '@angular/animations';
2
- import { Directionality } from '@angular/cdk/bidi';
3
- import { CdkStepper, StepperOptions } from '@angular/cdk/stepper';
4
- import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
5
- import { ThemePalette } from '@angular/material/core';
6
- import { MatStep, MatStepHeader, MatStepperIcon, MatStepperIconContext } from '@angular/material/stepper';
7
- import { Subject } from 'rxjs';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * [Angular Material's stepper](https://material.angular.io/components/stepper/overview) provides a wizard-like workflow by dividing
11
- * content into logical steps.
12
- *
13
- * This stepper extends Angular's to customise the presentation of its headers to achieve a better user experience in both mobile and
14
- * desktop browsers.
15
- *
16
- */
17
- export declare class StepperComponent extends CdkStepper implements AfterContentInit {
18
- private changeDetectorRef;
19
- private _buiElRef;
20
- /** @ignore The list of step headers of the steps in the stepper. */
21
- _stepHeader: QueryList<MatStepHeader>;
22
- /** @ignore Full list of steps inside the stepper, including inside nested steppers. */
23
- _steps: QueryList<MatStep>;
24
- /** @ignore Steps that belong to the current stepper, excluding ones from nested steppers. */
25
- readonly steps: QueryList<MatStep>;
26
- /** @ignore Custom icon overrides passed in by the consumer. */
27
- _icons: QueryList<MatStepperIcon>;
28
- /** @ignore Event emitted when the current step is done transitioning in. */
29
- readonly animationDone: EventEmitter<void>;
30
- /** Whether ripples should be disabled for the step headers. */
31
- disableRipple?: boolean;
32
- /** Theme color for all of the steps in stepper. */
33
- color: ThemePalette;
34
- /**
35
- * A function that constructs the text in the progress cycle for the 'narrow' view.
36
- *
37
- * Default value: `'{selected step} of {total number of steps}'`
38
- */
39
- indicatorFormatter: (index: number, total: number) => string;
40
- /** The text that precedes the name of the next step label, used in the 'narrow' view. */
41
- nextStepLabelPrefix: string;
42
- /** @ignore Consumer-specified template-refs to be used to override the header icons. */
43
- _iconOverrides: Record<string, TemplateRef<MatStepperIconContext>>;
44
- /** @ignore Stream of animation `done` events when the body expands/collapses. */
45
- readonly _animationDone: Subject<AnimationEvent>;
46
- /** @ignore Whether the stepper is in a narrow container */
47
- _narrow: boolean;
48
- /** @ignore Emits whenever the drawer has started animating. */
49
- readonly _leftDrawerStarted: Subject<AnimationEvent>;
50
- /** @ignore Emits whenever the drawer is done animating. */
51
- readonly _leftDrawerEnded: Subject<AnimationEvent>;
52
- /** @ignore Current state of the sidenav animation. */
53
- _leftDrawerState: 'open-instant' | 'open' | 'void';
54
- /** @ignore Emits whenever the drawer has started animating. */
55
- readonly _topDrawerStarted: Subject<AnimationEvent>;
56
- /** @ignore Emits whenever the drawer is done animating. */
57
- readonly _topDrawerEnded: Subject<AnimationEvent>;
58
- /** @ignore Current state of the sidenav animation. */
59
- _topDrawerState: 'open-instant' | 'open' | 'void';
60
- /** @ignore */ readonly _progressCircleSize = 80;
61
- /** @ignore */ readonly _progressCircleWidth = 5;
62
- /** @ignore */ _stepTransitioning: boolean;
63
- private _editIconTemplate;
64
- constructor(dir: Directionality, changeDetectorRef: ChangeDetectorRef, _buiElRef: ElementRef<HTMLElement>, _document: any, stepperOptions: StepperOptions, defaultStepperOptions?: StepperOptions);
65
- ngAfterContentInit(): void;
66
- /** @ignore */
67
- _stepIsNavigable(index: number, step: MatStep): boolean;
68
- /** @ignore */
69
- _widthChanged(w: number): void;
70
- /** @ignore */
71
- _startStepTransition(): void;
72
- toCustomStep(step: any): any;
73
- static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, { self: true; }, { optional: true; skipSelf: true; }]>;
74
- 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>;
75
- }
@@ -1,17 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./stepper.component";
3
- import * as i2 from "./step-label-top.directive";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@angular/cdk/portal";
6
- import * as i5 from "@angular/cdk/stepper";
7
- import * as i6 from "@angular/material/stepper";
8
- import * as i7 from "@angular/material/button";
9
- import * as i8 from "@angular/material/icon";
10
- import * as i9 from "@angular/material/core";
11
- import * as i10 from "@angular/material/progress-spinner";
12
- import * as i11 from "@bravura/ui/behavior";
13
- export declare class StepperModule {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepDirective, typeof i2.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 i1.StepperComponent, typeof i6.MatStepperModule, typeof i2.StepLabelTopDirective, typeof i2.StepDirective]>;
16
- static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
17
- }
@@ -1,3 +0,0 @@
1
- export * from './tooltip.module';
2
- export * from './tooltip.directive';
3
- export { BUI_TOOLTIP_TEMPLATE_REF } from './tooltip.component';