@bravura/ui 6.1.0 → 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 +11 -1
  2. package/README.md +58 -57
  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 +10 -11
  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 +24 -24
  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 -128
  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,15 +0,0 @@
1
- import { ElementRef, OnDestroy, OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * `bui-panel-section`s are subdivisions of `bui-panel` that rearrange their orientation based on the width of the container element.
5
- */
6
- export declare class PanelSectionComponent implements OnInit, OnDestroy {
7
- private _elementRef;
8
- private _parentElement;
9
- constructor(_elementRef: ElementRef<HTMLElement>);
10
- ngOnInit(): void;
11
- ngOnDestroy(): void;
12
- private _calcCount;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelSectionComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<PanelSectionComponent, "bui-panel-section", never, {}, {}, never, ["*"], false, never>;
15
- }
@@ -1,60 +0,0 @@
1
- import { ChangeDetectorRef, OnInit } from '@angular/core';
2
- import { ThemePalette } from '@angular/material/core';
3
- import { TintedDirective } from './tinted.directive';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * A `bui-panel` consists of a `mat-card` and a tinted backdrop.
7
- *
8
- * Unlike `mat-card`, `bui-panel` has a flat appearance by default and a transparent background.
9
- * The backdrop is nearly transparent, blending the theme palette `color`
10
- * and the effective background color of the DOM ancestors.
11
- *
12
- * `bui-panel` supports all the content child directives of `mat-card` as well as `bui-panel-section`.
13
- *
14
- * `bui-panel-section`s are subdivisions of `bui-panel` that rearrange their orientation based on the width of the container element.
15
- *
16
- */
17
- export declare class PanelComponent implements OnInit {
18
- private _cd;
19
- private _tinted;
20
- /**
21
- * Additional style classes on the tinted backdrop element.
22
- * @deprecated
23
- * @ignore
24
- */
25
- backdropClass?: string;
26
- /**
27
- * Additional style classes on the `<mat-card>` element.
28
- */
29
- cardClass?: string;
30
- /**
31
- * This property defines the background (shaded) and border colors of the panel
32
- */
33
- get color(): ThemePalette;
34
- set color(value: ThemePalette);
35
- /**
36
- * In contrast to using a `mat-card` alone, a `bui-panel` does not have a elevated appearance by default.
37
- *
38
- * This property can change the default appearance to
39
- *
40
- * * `raised` - the original `mat-card` default
41
- * * `outline` - a `mat-card` with borders
42
- * * `flat` - no border or elevation
43
- */
44
- get appearance(): 'outlined' | 'raised' | 'flat';
45
- set appearance(value: 'outlined' | 'raised' | 'flat');
46
- /**
47
- * The width of the host element, at which the panel section container will change its orientation.
48
- */
49
- breakpoint: number;
50
- /** @ignore */
51
- _width: number;
52
- private _color;
53
- private _appearance;
54
- constructor(_cd: ChangeDetectorRef, _tinted: TintedDirective);
55
- ngOnInit(): void;
56
- /** @ignore */
57
- _resized(width: number): void;
58
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, [null, { host: true; }]>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "bui-panel", never, { "backdropClass": { "alias": "backdropClass"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "color": { "alias": "color"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, {}, never, ["*"], false, never>;
60
- }
@@ -1,16 +0,0 @@
1
- import { PanelComponent } from './panel.component';
2
- import { PanelSectionComponent } from './panel-section.component';
3
- import { TintedDirective } from './tinted.directive';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "./panel.component";
6
- import * as i2 from "./panel-section.component";
7
- import * as i3 from "./tinted.directive";
8
- import * as i4 from "@angular/common";
9
- import * as i5 from "@angular/material/card";
10
- import * as i6 from "@bravura/ui/behavior";
11
- export declare class PanelModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<PanelModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<PanelModule, [typeof i1.PanelComponent, typeof i2.PanelSectionComponent, typeof i3.TintedDirective], [typeof i4.CommonModule, typeof i5.MatCardModule, typeof i6.BehaviorModule], [typeof i5.MatCardModule, typeof i1.PanelComponent, typeof i2.PanelSectionComponent, typeof i3.TintedDirective]>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<PanelModule>;
15
- }
16
- export { PanelComponent, PanelSectionComponent, TintedDirective };
@@ -1 +0,0 @@
1
- export * from './panel.module';
@@ -1,26 +0,0 @@
1
- import { ElementRef, OnDestroy, OnInit } from '@angular/core';
2
- import { ThemePalette } from '@angular/material/core';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * A "tinted" element has a shaded background specified by the `ThemePalette`, which
6
- * is compatible with both light and dark themes.
7
- */
8
- export declare class TintedDirective implements OnInit, OnDestroy {
9
- private _doc;
10
- /**
11
- * The base color of the shaded background
12
- * @default 'primary'
13
- */
14
- get color(): ThemePalette;
15
- set color(c: ThemePalette);
16
- private _color;
17
- private readonly _addedStyle;
18
- private readonly _attr;
19
- private _element;
20
- constructor(_doc: Document, elemRef: ElementRef<HTMLElement>);
21
- ngOnInit(): void;
22
- ngOnDestroy(): void;
23
- private generateStyle;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<TintedDirective, never>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<TintedDirective, "[buiTinted], bui-panel", ["buiTinted"], { "color": { "alias": "buiTinted"; "required": false; }; }, {}, never, never, false, never>;
26
- }
@@ -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: () => Promise<import("@angular/cdk/testing").TestElement>;
9
- protected _textLabel: () => Promise<import("@angular/cdk/testing").TestElement>;
10
- protected _clickLabel: () => Promise<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';