@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,11 +0,0 @@
1
- import { Direction, Directionality } from '@angular/cdk/bidi';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/cdk/bidi";
4
- /** Resolves a string value to a specific direction. */
5
- export declare function _resolveDirectionality(rawValue: string): Direction;
6
- export declare class BuiCommonModule {
7
- constructor(dir: Directionality, thisModule: BuiCommonModule, document: Document);
8
- static ɵfac: i0.ɵɵFactoryDeclaration<BuiCommonModule, [null, { optional: true; skipSelf: true; }, null]>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<BuiCommonModule, never, [typeof i1.BidiModule], [typeof i1.BidiModule]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<BuiCommonModule>;
11
- }
@@ -1,2 +0,0 @@
1
- export * from './common-utils';
2
- export * from './common.module';
@@ -1,62 +0,0 @@
1
- import { ElementRef, OnChanges, OnInit, Renderer2 } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { MatFormField } from '@angular/material/form-field';
4
- import * as i0 from "@angular/core";
5
- export declare const noop_consumer: (_: any) => void;
6
- /**
7
- * This directive will enhance an input element to format the numbers entered to a currency amount.
8
- */
9
- export declare class CurrencyInputDirective implements OnInit, OnChanges, ControlValueAccessor {
10
- private _el;
11
- private _renderer;
12
- private _locale;
13
- private _defaultCurrencyCode;
14
- private _field?;
15
- /**
16
- * true to allow negative input, otherwise false
17
- * Default to false.
18
- */
19
- allowNegative: boolean;
20
- /**
21
- * Provide the currency code to format the entered amount.
22
- * Uses angular token DEFAULT_CURRENCY_CODE by default.
23
- */
24
- currencyCode: string;
25
- /**
26
- * true if no decimal digits allowed, otherwise false.
27
- * Default to false.
28
- */
29
- baseUnitOnly: boolean;
30
- /**
31
- * The format the of the amount either in wide or narrow.
32
- */
33
- format: 'narrow' | 'wide';
34
- private placeholder;
35
- private autocomplete;
36
- private type;
37
- private inputMode;
38
- private change;
39
- private onTouch;
40
- private _safari;
41
- private _symbol;
42
- private _decimalPipe;
43
- private _ds;
44
- private _trailing;
45
- constructor(_el: ElementRef<HTMLInputElement>, _renderer: Renderer2, _locale: string, _defaultCurrencyCode: string, _field?: MatFormField | undefined);
46
- ngOnInit(): void;
47
- ngOnChanges(): void;
48
- onInput(): void;
49
- onFocus(): void;
50
- onblur(): void;
51
- writeValue(value: any): void;
52
- registerOnChange(fn: any): void;
53
- registerOnTouched(fn: any): void;
54
- private _updatePlaceholder;
55
- private _currencyUpdated;
56
- private _formatCurrency;
57
- private _formatNumber;
58
- private _convert;
59
- private get _0Text();
60
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputDirective, [{ self: true; }, null, null, null, { optional: true; }]>;
61
- static ɵdir: i0.ɵɵDirectiveDeclaration<CurrencyInputDirective, "input[buiCurrencyInput],input[currencyCode],input[data-type=currency]", never, { "allowNegative": { "alias": "allowNegative"; "required": false; }; "currencyCode": { "alias": "currencyCode"; "required": false; }; "baseUnitOnly": { "alias": "baseUnitOnly"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, {}, never, never, false, never>;
62
- }
@@ -1,10 +0,0 @@
1
- import { CurrencyInputDirective } from './currency-input.directive';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./currency-input.directive";
4
- import * as i2 from "@angular/common";
5
- export declare class CurrencyInputModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<CurrencyInputModule, [typeof i1.CurrencyInputDirective], [typeof i2.CommonModule], [typeof i1.CurrencyInputDirective]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<CurrencyInputModule>;
9
- }
10
- export { CurrencyInputDirective };
@@ -1 +0,0 @@
1
- export * from './currency-input.module';
@@ -1,32 +0,0 @@
1
- import { ElementRef, OnChanges, Renderer2 } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import * as i0 from "@angular/core";
4
- export declare const noop_consumer: (_: any) => void;
5
- /**
6
- * This directive will enhance an input element to format the numbers entered to a decimal amount.
7
- */
8
- export declare class DecimalInputDirective implements OnChanges, ControlValueAccessor {
9
- private _el;
10
- private _renderer;
11
- /**
12
- * number of decimal places allowed
13
- */
14
- buiDecimalInput: number;
15
- private placeholder;
16
- private autocomplete;
17
- private type;
18
- private inputMode;
19
- private change;
20
- private onTouch;
21
- constructor(_el: ElementRef<HTMLInputElement>, _renderer: Renderer2);
22
- ngOnChanges(): void;
23
- onInput(): void;
24
- onKeypress(evt: KeyboardEvent): void;
25
- onblur(): void;
26
- writeValue(value: any): void;
27
- registerOnChange(fn: any): void;
28
- registerOnTouched(fn: any): void;
29
- private _resetDecimalPlaces;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputDirective, [{ self: true; }, null]>;
31
- static ɵdir: i0.ɵɵDirectiveDeclaration<DecimalInputDirective, "input[buiDecimalInput]", never, { "buiDecimalInput": { "alias": "buiDecimalInput"; "required": false; }; }, {}, never, never, false, never>;
32
- }
@@ -1,10 +0,0 @@
1
- import { DecimalInputDirective } from './decimal-input.directive';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./decimal-input.directive";
4
- import * as i2 from "@angular/common";
5
- export declare class DecimalInputModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<DecimalInputModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<DecimalInputModule, [typeof i1.DecimalInputDirective], [typeof i2.CommonModule], [typeof i1.DecimalInputDirective]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<DecimalInputModule>;
9
- }
10
- export { DecimalInputDirective };
@@ -1 +0,0 @@
1
- export * from './decimal-input.module';
@@ -1,128 +0,0 @@
1
- import { FocusMonitor } from '@angular/cdk/a11y';
2
- import { ElementRef, OnDestroy } from '@angular/core';
3
- import { AbstractControl, ControlValueAccessor, FormGroupDirective, NgControl, NgForm, UntypedFormArray, UntypedFormGroup } from '@angular/forms';
4
- import { ErrorStateMatcher } from '@angular/material/core';
5
- import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
6
- import { Subject } from 'rxjs';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Custom `MatFormFieldControl` with an individual input box for each character, suitable for fixed-length fields,
10
- * such as secondary PIN inputs, TFNs, or BSB code etc.
11
- *
12
- * Accessibility features are not yet fully implemented.
13
- *
14
- * Example:
15
- *
16
- * ```html
17
- * <mat-form-field>
18
- * <bui-discrete-input></bui-discrete-input>
19
- * </mat-form-field>
20
- * ```
21
- *
22
- */
23
- export declare class DiscreteInputComponent implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {
24
- private _focusMonitor;
25
- private _elementRef;
26
- /** @ignore */
27
- static nextId: number;
28
- /** @ignore */
29
- static ngAcceptInputType_disabled: boolean | string | null | undefined;
30
- /** @ignore */
31
- static ngAcceptInputType_required: boolean | string | null | undefined;
32
- /** @ignore */ parts: UntypedFormArray;
33
- /** @ignore */ group: UntypedFormGroup;
34
- /** Emits whenever the component state changes. */
35
- stateChanges: Subject<void>;
36
- /** Whether the control is focused. */
37
- focused: boolean;
38
- /** The type of input boxes */
39
- type: 'text' | 'number' | 'password';
40
- /** Input boxes are separated in groups. This specifies the characters displayed between two groups. */
41
- separator: string;
42
- /**
43
- * A list of characters accepted in the inputs, for example `0-9`, `a-zA-Z0-9`
44
- * @example '0-9'
45
- */
46
- accept?: string;
47
- /** @ignore */ id: string;
48
- /** Value of aria-describedby that should be merged with the described-by ids which are set by the form-field. */
49
- userAriaDescribedBy?: string;
50
- private inputParts;
51
- /**@ignore */
52
- _formField: MatFormField;
53
- /**@ignore */
54
- ngControl: NgControl;
55
- autocomplete?: string;
56
- private _sizeSpec;
57
- private _required;
58
- private _placeholder?;
59
- private _disabled;
60
- private _separatorPos;
61
- /** @ignore */ onChange: (_: any) => void;
62
- /** @ignore */ onTouched: () => void;
63
- /** @ignore */
64
- get shouldLabelFloat(): boolean;
65
- /** @ignore */
66
- get empty(): boolean;
67
- /**
68
- * Defines the length and grouping of the input.
69
- * @default [2, 2, 2]
70
- */
71
- get sizeSpec(): number[];
72
- set sizeSpec(spec: number[]);
73
- /** The placeholder for this control. */
74
- get placeholder(): string;
75
- set placeholder(value: string);
76
- /** Whether the control is required. */
77
- get required(): boolean;
78
- set required(value: boolean);
79
- /** Whether the control is disabled. */
80
- get disabled(): boolean;
81
- set disabled(value: boolean);
82
- /** The value of the control. */
83
- get value(): string;
84
- set value(v: string);
85
- /** @ignore */
86
- get _colorSuffix(): string;
87
- constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, formField: MatFormField, control: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher);
88
- /** @ignore */ errorState: boolean;
89
- /** @ignore */ controlType?: string | undefined;
90
- /** @ignore */ autofilled?: boolean | undefined;
91
- /** @ignore */
92
- ngOnDestroy(): void;
93
- /** @ignore */
94
- setDescribedByIds(ids: string[]): void;
95
- /** @ignore */
96
- onContainerClick(): void;
97
- /** @ignore */
98
- writeValue(v: string): void;
99
- /** @ignore */
100
- registerOnChange(fn: any): void;
101
- /** @ignore */
102
- registerOnTouched(fn: any): void;
103
- /** @ignore */
104
- setDisabledState(isDisabled: boolean): void;
105
- /** @ignore */
106
- _handleInput(control: AbstractControl, index: number, event: Event): void;
107
- /** @ignore */
108
- _handleBeforeInput(index: number, event: InputEvent): void;
109
- /** @ignore */
110
- _focusPart(elemRef: ElementRef<HTMLInputElement>): void;
111
- /** @ignore */
112
- _consumeKey(event: Event): void;
113
- /** @ignore */
114
- _leftArrow(index: number, event: Event): void;
115
- /** @ignore */
116
- _rightArrow(index: number, event: Event): void;
117
- /** @ignore */
118
- _handleBackspace(control: AbstractControl, index: number): void;
119
- /** @ignore */
120
- _onPaste(event: ClipboardEvent): void;
121
- /** @ignore */
122
- _separatorRequired(index: number): boolean;
123
- /** @ignore */
124
- _placeholderAt(index: number): string | undefined;
125
- private _replaceText;
126
- static ɵfac: i0.ɵɵFactoryDeclaration<DiscreteInputComponent, [null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null]>;
127
- static ɵcmp: i0.ɵɵComponentDeclaration<DiscreteInputComponent, "bui-discrete-input", never, { "type": { "alias": "type"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "sizeSpec": { "alias": "sizeSpec"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
128
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./discrete-input.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/material/form-field";
5
- import * as i4 from "@angular/forms";
6
- import * as i5 from "@angular/cdk/a11y";
7
- export declare class DiscreteInputModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<DiscreteInputModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<DiscreteInputModule, [typeof i1.DiscreteInputComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.ReactiveFormsModule, typeof i5.A11yModule], [typeof i1.DiscreteInputComponent]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<DiscreteInputModule>;
11
- }
@@ -1,2 +0,0 @@
1
- export { DiscreteInputModule } from './discrete-input.module';
2
- export { DiscreteInputComponent } from './discrete-input.component';
@@ -1,148 +0,0 @@
1
- import { HttpEvent } from '@angular/common/http';
2
- import { OnDestroy, OnInit } from '@angular/core';
3
- import { ControlValueAccessor } from '@angular/forms';
4
- import { Observable, Subject, Subscription } from 'rxjs';
5
- import { FileUploadItem, FileUploadService } from './file-upload.service';
6
- import * as i0 from "@angular/core";
7
- /** @ignore */
8
- declare class UploadingItem {
9
- private oncancel?;
10
- progress: number;
11
- uploadedItem: FileUploadItem | null | undefined;
12
- downloadingSubs?: Subscription;
13
- private subscription;
14
- private file?;
15
- constructor(item: FileUploadItem, oncancel: (item: UploadingItem) => void);
16
- constructor(event$: Observable<HttpEvent<FileUploadItem>> | FileUploadItem, file: File, oncomplete: () => void, oncancel: (item: UploadingItem) => void);
17
- cancel(): void;
18
- get done(): boolean;
19
- get name(): string | undefined;
20
- get downloading(): boolean | undefined;
21
- }
22
- /**
23
- * A control value accessor component to provide the user interface for uploading files.
24
- *
25
- * The application that integrates this UI must provide an implementation of `FileUploadService`.
26
- *
27
- * The control's value is a list of alpha-numerical strings, which are the identifiers to the uploaded files.
28
- *
29
- * Example:
30
- *
31
- * ```html
32
- * <form>
33
- * <bui-file-upload [(ngModel)]="uploadedFileIds" name="myFiles"></bui-file-upload>
34
- * </form>
35
- * ```
36
- *
37
- * @see FileUploadService
38
- */
39
- export declare class FileUploadComponent implements OnInit, OnDestroy, ControlValueAccessor {
40
- private _service;
41
- /** @ignore */
42
- _value: string[] | null;
43
- /**
44
- * The caption of the button for opening file selection dialog.
45
- */
46
- uploadActionText: string;
47
- /**
48
- * The label for listing successful uploaded files.
49
- */
50
- fileUploadedLabel: string;
51
- /**
52
- * The text to be displayed when the user starts to drag file items over the browser window.
53
- */
54
- dragHint: string;
55
- /**
56
- * The text to be displayed when the user is dragging the file items over the drop zone.
57
- */
58
- dropHint: string;
59
- /** Specifies the total number of files accepted. A falsy value removes the limit.*/
60
- limit: number;
61
- /**
62
- * specify the number of maximum bytes that can be uploaded.
63
- * if number is specified, bytes are assumed, otherwise enter a string for specific size type.
64
- */
65
- fileSize: number | string;
66
- /**
67
- * Accepted MIME types
68
- *
69
- * @example ['text/*', 'image/png']
70
- */
71
- get types(): string[];
72
- set types(types: string[]);
73
- /** @ignore */
74
- _fileSizeExceedMsg: string;
75
- /** @ignore */
76
- _uploadingItems: UploadingItem[];
77
- /** @ignore */
78
- _accept: string;
79
- /** @ignore */
80
- _itemAnimationStart: Subject<void>;
81
- /** @ignore */
82
- _itemAnimationDone: Subject<void>;
83
- /** @ignore */
84
- _itemAnimationInProgress: boolean;
85
- private _onChange;
86
- private _onTouch;
87
- private _frameDndEnter;
88
- private _frameDndLeave;
89
- private _frameDndOver;
90
- private _frameDndStop;
91
- private _overFrameCounter;
92
- private _overCounter;
93
- private _typeRegExps;
94
- private _types;
95
- private _initSubs?;
96
- private _numberOfFilesDragged;
97
- private _fileInput;
98
- constructor(_service: FileUploadService);
99
- /** @internal */
100
- ngOnInit(): void;
101
- ngOnDestroy(): void;
102
- /** @internal */
103
- writeValue(obj: any): void;
104
- /** @internal */
105
- registerOnChange(fn: any): void;
106
- /** @internal */
107
- registerOnTouched(fn: any): void;
108
- /** @internal */
109
- onDragEnter(event: DragEvent): void;
110
- /** @internal */
111
- onDragOver(event: Event): void;
112
- /** @internal */
113
- onDragLeave(event: Event): void;
114
- /** @internal */
115
- onDndDrop(event: DragEvent): void;
116
- /** Open the file selection dialog */
117
- selectFiles(): void;
118
- /** @ignore */
119
- _openItem(item: UploadingItem): void;
120
- /** @ignore */
121
- get _overFrame(): boolean;
122
- /** @ignore */
123
- get _overDropZone(): boolean;
124
- /** Whether file uploading is in progress */
125
- get uploading(): boolean;
126
- /** The remaining number of files allowed.*/
127
- get remaining(): number;
128
- /** @ignore */
129
- _handleFileSelection(): void;
130
- /** @ignore */
131
- get _invalidFilesDragged(): boolean;
132
- /** @ignore */
133
- get _initialising(): boolean;
134
- private returnFileSize;
135
- private _validateFileSize;
136
- private _getMaxBytes;
137
- private _uploadFiles;
138
- private _onDndEnterFrame;
139
- private _onDndLeaveFrame;
140
- private _onDndStopFrame;
141
- private _acceptChange;
142
- private _updateItems;
143
- private _deleteItem;
144
- private _updateValue;
145
- static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
146
- static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "bui-file-upload", never, { "uploadActionText": { "alias": "uploadActionText"; "required": false; }; "fileUploadedLabel": { "alias": "fileUploadedLabel"; "required": false; }; "dragHint": { "alias": "dragHint"; "required": false; }; "dropHint": { "alias": "dropHint"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "fileSize": { "alias": "fileSize"; "required": false; }; "types": { "alias": "types"; "required": false; }; }, {}, never, never, false, never>;
147
- }
148
- export {};
@@ -1,14 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./file-upload.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/material/icon";
5
- import * as i4 from "@bravura/ui/icon-font";
6
- import * as i5 from "@angular/material/progress-bar";
7
- import * as i6 from "@angular/material/button";
8
- import * as i7 from "@angular/material/divider";
9
- import * as i8 from "@angular/material/tooltip";
10
- export declare class FileUploadModule {
11
- static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadModule, [typeof i1.FileUploadComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.IconFontModule, typeof i5.MatProgressBarModule, typeof i6.MatButtonModule, typeof i7.MatDividerModule, typeof i8.MatTooltipModule], [typeof i1.FileUploadComponent]>;
13
- static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadModule>;
14
- }
@@ -1,42 +0,0 @@
1
- import { HttpEvent } from '@angular/common/http';
2
- import { Observable } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * This type represents a file or form item that has been sent as part of a multipart/form-data POST request.
6
- */
7
- export declare class FileUploadItem {
8
- /** The original filename in the client's filesystem, as provided by the browser. */
9
- name: string;
10
- /** The size of the file item. */
11
- size: number;
12
- /** An alpha-numeric string that uniquely identifies the file item. */
13
- id: string;
14
- /** The content type (MIME type) of the file. */
15
- type: string;
16
- /** @internal */
17
- constructor(_id: string, _name: string, _size: number, _type: string);
18
- }
19
- /**
20
- * This is an API for processing file upload requests.
21
- *
22
- * A sub class of this type handles multiple file requests, sent using multipart/form-data encoding type, as specified by RFC 1867.
23
- *
24
- * Please extend this type and provide it in an injector at the same level, or ancestral to that, of the `FileUploadComponent`.
25
- */
26
- export declare abstract class FileUploadService {
27
- /**
28
- * Upload a list of selected files from the browser. The returned `Observable` array provides the update of the uploading progress
29
- * through HTTP events.
30
- */
31
- abstract upload(files: File[]): Array<Observable<HttpEvent<FileUploadItem>>>;
32
- /** List all the uploaded file items in the current HTTP session. This list excludes the files still in the process of being uploaded*/
33
- abstract list(): Observable<FileUploadItem[]>;
34
- /** Get the content of an uploaded file item as a `Blob`. */
35
- abstract get(id: string): Observable<Blob>;
36
- /** Delete an uploaded file item from the server. */
37
- abstract delete(id: string): Observable<void>;
38
- /** Delete all uploaded file items in the current HTTP session. */
39
- abstract clear?(): Observable<void>;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadService, never>;
41
- static ɵprov: i0.ɵɵInjectableDeclaration<FileUploadService>;
42
- }
@@ -1,6 +0,0 @@
1
- import { FileUploadModule } from './file-upload.module';
2
- import { FileUploadComponent } from './file-upload.component';
3
- import { FileUploadService, FileUploadItem } from './file-upload.service';
4
- export { FileUploadModule };
5
- export { FileUploadComponent };
6
- export { FileUploadService, FileUploadItem };
@@ -1,39 +0,0 @@
1
- import { ElementRef, InjectionToken } from '@angular/core';
2
- import { MatFormField } from '@angular/material/form-field';
3
- import * as i0 from "@angular/core";
4
- export interface BuiFormFieldConfig {
5
- appearance?: 'fill' | 'outline' | 'bound';
6
- }
7
- export declare const BUI_FORM_FIELD_CONFIG: InjectionToken<BuiFormFieldConfig>;
8
- /**
9
- * Container for form controls that applies Material Design styling and behavior.
10
- *
11
- * This component extends Angular Material's [mat-form-field](https://material.angular.io/components/form-field) and provides two additional appearances
12
- * `bound` and `detach`. `bound` renders the label outside the outlined area of the field, while `detach` remove the borders all together. `detach`
13
- * is generally used with form controls that render their own borders.
14
- *
15
- * ** IMPORTANT NOTICE **
16
- *
17
- * From version 3.0 onward, the selector `bui-form-field` is deprecated and will be removed in later releases. You no longer need to use this tag name
18
- * for the new appearances. As long as you import the `NgModule` from this package, the new appearances will be supported by Material's `mat-form-field`
19
- * component.
20
- */
21
- export declare class FormFieldComponent extends MatFormField {
22
- static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "bui-dummy-component", never, {}, {}, never, never, false, never>;
24
- }
25
- /**
26
- * @ignore
27
- */
28
- export declare class FormFieldStyleDirective {
29
- private matFormField;
30
- private elemRef;
31
- private _appearance;
32
- private _flowDetection;
33
- /** The form field appearance style. */
34
- get appearance(): any;
35
- set appearance(value: any);
36
- constructor(matFormField: MatFormField, elemRef: ElementRef<HTMLElement>, config: BuiFormFieldConfig);
37
- static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldStyleDirective, [{ host: true; }, null, null]>;
38
- static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldStyleDirective, "bui-form-field, mat-form-field", never, { "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, false, never>;
39
- }
@@ -1,13 +0,0 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import { BuiFormFieldConfig } from './form-field.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./form-field.component";
5
- import * as i2 from "@angular/common";
6
- import * as i3 from "@angular/material/form-field";
7
- import * as i4 from "@angular/cdk/observers";
8
- export declare class FormFieldModule {
9
- static forConfig(config: BuiFormFieldConfig): ModuleWithProviders<FormFieldModule>;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<FormFieldModule, [typeof i1.FormFieldComponent, typeof i1.FormFieldStyleDirective], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.ObserversModule], [typeof i1.FormFieldComponent, typeof i1.FormFieldStyleDirective, typeof i3.MatFormFieldModule]>;
12
- static ɵinj: i0.ɵɵInjectorDeclaration<FormFieldModule>;
13
- }
@@ -1,2 +0,0 @@
1
- export { FormFieldModule } from './form-field.module';
2
- export { FormFieldComponent, FormFieldStyleDirective } from './form-field.component';
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./icon.directive";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/material/icon";
5
- /**
6
- * Module for utility functions and directives based on `mat-icon` and icon fonts.
7
- */
8
- export declare class IconFontModule {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<IconFontModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<IconFontModule, [typeof i1.IconDirective], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i3.MatIconModule, typeof i1.IconDirective]>;
11
- static ɵinj: i0.ɵɵInjectorDeclaration<IconFontModule>;
12
- }
@@ -1,46 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import { MatIcon } from '@angular/material/icon';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @ignore
6
- */
7
- export declare const BUI_ICON_MAT_VARIANTS: string[];
8
- /**
9
- * Use this directive, together with `<mat-icon>`, to display an icon font character/symbol
10
- * from Material or FontAwesome icons.
11
- *
12
- * To use the icon fonts, add the following statements to one of your global SCSS files:
13
- *
14
- * ```css
15
- * @import url(https://fonts.googleapis.com/css2?family=Material+Icons);
16
- * @import url(https://use.fontawesome.com/releases/v5.15.0/css/all.css);
17
- * ```
18
- *
19
- * @example <mat-icon buiIcon="far fa-circle"></mat-icon> <!-- FontAwesome -->
20
- * @example <mat-icon buiIcon="home" [size]="42"></mat-icon> <!-- Material -->
21
- */
22
- export declare class IconDirective implements OnChanges {
23
- private _icon;
24
- /**
25
- * The icon name
26
- *
27
- * @example 'far fa-circle'
28
- * @example 'home'
29
- */
30
- buiIcon: string;
31
- /**
32
- * Override the default icon size
33
- *
34
- * @default 24
35
- */
36
- size: number;
37
- /**
38
- * The style variant of Material Icons. It is not applicable for Font Awesome Icons or any other custom font icon sets.
39
- * @default `filled`
40
- */
41
- variant: 'filled' | 'outlined' | 'round' | 'two-tone' | 'sharp';
42
- constructor(_icon: MatIcon);
43
- ngOnChanges(_: SimpleChanges): void;
44
- static ɵfac: i0.ɵɵFactoryDeclaration<IconDirective, never>;
45
- static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirective, "[buiIcon]", never, { "buiIcon": { "alias": "buiIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
46
- }
@@ -1,3 +0,0 @@
1
- export * from './utilities';
2
- export * from './icon-font.module';
3
- export * from './icon.directive';
@@ -1,20 +0,0 @@
1
- /**
2
- * Decode the FontAwesome icon font set name from the icon name
3
- *
4
- * `'far fa-alarm' => 'far'`
5
- *
6
- * `'home' => ''`
7
- *
8
- * `'fa-user' => 'fas'`
9
- */
10
- export declare function decodeFAIconFontSet(iconName: string): string;
11
- /**
12
- * Decode the FontAwesome icon font name from the icon name
13
- *
14
- * `'far fa-alarm' => 'fa-alarm'`
15
- *
16
- * `'home' => ''`
17
- *
18
- * `'fa-user' => 'fa-user'`
19
- */
20
- export declare function decodeFAIconFontName(iconName: string): string;