@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.
- package/CHANGELOG.md +15 -1
- package/README.md +1 -0
- package/alert/index.d.ts +126 -3
- package/alert/testing/index.d.ts +28 -5
- package/behavior/index.d.ts +231 -3
- package/clip-note/index.d.ts +125 -3
- package/common/index.d.ts +24 -3
- package/currency-input/index.d.ts +69 -3
- package/decimal-input/index.d.ts +39 -3
- package/discrete-input/index.d.ts +139 -3
- package/fesm2022/bravura-ui-alert.mjs +18 -21
- package/fesm2022/bravura-ui-alert.mjs.map +1 -1
- package/fesm2022/bravura-ui-behavior.mjs +18 -18
- package/fesm2022/bravura-ui-behavior.mjs.map +1 -1
- package/fesm2022/bravura-ui-clip-note.mjs +10 -10
- package/fesm2022/bravura-ui-clip-note.mjs.map +1 -1
- package/fesm2022/bravura-ui-common.mjs +5 -6
- package/fesm2022/bravura-ui-common.mjs.map +1 -1
- package/fesm2022/bravura-ui-currency-input.mjs +7 -7
- package/fesm2022/bravura-ui-currency-input.mjs.map +1 -1
- package/fesm2022/bravura-ui-decimal-input.mjs +7 -7
- package/fesm2022/bravura-ui-decimal-input.mjs.map +1 -1
- package/fesm2022/bravura-ui-discrete-input.mjs +14 -39
- package/fesm2022/bravura-ui-discrete-input.mjs.map +1 -1
- package/fesm2022/bravura-ui-file-upload.mjs +18 -18
- package/fesm2022/bravura-ui-file-upload.mjs.map +1 -1
- package/fesm2022/bravura-ui-form-field.mjs +10 -10
- package/fesm2022/bravura-ui-form-field.mjs.map +1 -1
- package/fesm2022/bravura-ui-icon-font.mjs +7 -7
- package/fesm2022/bravura-ui-icon-font.mjs.map +1 -1
- package/fesm2022/bravura-ui-panel.mjs +16 -16
- package/fesm2022/bravura-ui-panel.mjs.map +1 -1
- package/fesm2022/bravura-ui-phone-number.mjs +13 -13
- package/fesm2022/bravura-ui-phone-number.mjs.map +1 -1
- package/fesm2022/bravura-ui-radio-panel.mjs +12 -14
- package/fesm2022/bravura-ui-radio-panel.mjs.map +1 -1
- package/fesm2022/bravura-ui-selection-panel.mjs +11 -11
- package/fesm2022/bravura-ui-selection-panel.mjs.map +1 -1
- package/fesm2022/bravura-ui-skeletons.mjs +10 -10
- package/fesm2022/bravura-ui-skeletons.mjs.map +1 -1
- package/fesm2022/bravura-ui-stepper.mjs +18 -18
- package/fesm2022/bravura-ui-stepper.mjs.map +1 -1
- package/fesm2022/bravura-ui-tooltip.mjs +13 -13
- package/fesm2022/bravura-ui-tooltip.mjs.map +1 -1
- package/file-upload/index.d.ts +200 -3
- package/form-field/index.d.ts +49 -3
- package/icon-font/index.d.ts +79 -3
- package/index.d.ts +3 -5
- package/package.json +20 -20
- package/panel/index.d.ts +107 -3
- package/phone-number/index.d.ts +108 -3
- package/radio-panel/index.d.ts +71 -3
- package/radio-panel/testing/index.d.ts +32 -5
- package/selection-panel/index.d.ts +149 -3
- package/skeletons/index.d.ts +79 -3
- package/stepper/index.d.ts +106 -3
- package/tooltip/index.d.ts +83 -3
- package/alert/alert-container.component.d.ts +0 -71
- package/alert/alert-message.component.d.ts +0 -47
- package/alert/alert.module.d.ts +0 -14
- package/alert/public-api.d.ts +0 -1
- package/alert/testing/test-api.d.ts +0 -24
- package/behavior/await.directive.d.ts +0 -71
- package/behavior/behavior.module.d.ts +0 -17
- package/behavior/observe-content-class.directive.d.ts +0 -29
- package/behavior/public-api.d.ts +0 -5
- package/behavior/sizing-monitor.directive.d.ts +0 -23
- package/behavior/sizing.directive.d.ts +0 -98
- package/clip-note/clip-note.component.d.ts +0 -45
- package/clip-note/clip-note.directive.d.ts +0 -69
- package/clip-note/clip-note.module.d.ts +0 -19
- package/clip-note/public-api.d.ts +0 -1
- package/common/common-utils.d.ts +0 -11
- package/common/common.module.d.ts +0 -11
- package/common/public-api.d.ts +0 -2
- package/currency-input/currency-input.directive.d.ts +0 -62
- package/currency-input/currency-input.module.d.ts +0 -10
- package/currency-input/public-api.d.ts +0 -1
- package/decimal-input/decimal-input.directive.d.ts +0 -32
- package/decimal-input/decimal-input.module.d.ts +0 -10
- package/decimal-input/public-api.d.ts +0 -1
- package/discrete-input/discrete-input.component.d.ts +0 -141
- package/discrete-input/discrete-input.module.d.ts +0 -11
- package/discrete-input/public-api.d.ts +0 -2
- package/file-upload/file-upload.component.d.ts +0 -148
- package/file-upload/file-upload.module.d.ts +0 -14
- package/file-upload/file-upload.service.d.ts +0 -42
- package/file-upload/public-api.d.ts +0 -6
- package/form-field/form-field.component.d.ts +0 -39
- package/form-field/form-field.module.d.ts +0 -13
- package/form-field/public-api.d.ts +0 -2
- package/icon-font/icon-font.module.d.ts +0 -12
- package/icon-font/icon.directive.d.ts +0 -46
- package/icon-font/public-api.d.ts +0 -3
- package/icon-font/utilities.d.ts +0 -20
- package/panel/panel-section.component.d.ts +0 -15
- package/panel/panel.component.d.ts +0 -60
- package/panel/panel.module.d.ts +0 -16
- package/panel/public-api.d.ts +0 -1
- package/panel/tinted.directive.d.ts +0 -26
- package/phone-number/phone-number.directive.d.ts +0 -66
- package/phone-number/phone-number.module.d.ts +0 -17
- package/phone-number/phone-number.pipe.d.ts +0 -13
- package/phone-number/phone-number.validator.d.ts +0 -31
- package/phone-number/public-api.d.ts +0 -1
- package/public-api.d.ts +0 -1
- package/radio-panel/public-api.d.ts +0 -3
- package/radio-panel/radio-panel-item.component.d.ts +0 -22
- package/radio-panel/radio-panel.component.d.ts +0 -38
- package/radio-panel/radio-panel.module.d.ts +0 -15
- package/radio-panel/testing/test-api.d.ts +0 -27
- package/selection-panel/public-api.d.ts +0 -3
- package/selection-panel/selection-panel-item.component.d.ts +0 -77
- package/selection-panel/selection-panel.directive.d.ts +0 -67
- package/selection-panel/selection-panel.module.d.ts +0 -13
- package/skeletons/public-api.d.ts +0 -3
- package/skeletons/skeleton-loader-presets.directive.d.ts +0 -23
- package/skeletons/skeleton-loader.component.d.ts +0 -44
- package/skeletons/skeletons.module.d.ts +0 -16
- package/stepper/public-api.d.ts +0 -3
- package/stepper/step-label-top.directive.d.ts +0 -17
- package/stepper/stepper-animation.d.ts +0 -6
- package/stepper/stepper.component.d.ts +0 -75
- package/stepper/stepper.module.d.ts +0 -17
- package/tooltip/public-api.d.ts +0 -3
- package/tooltip/tooltip.component.d.ts +0 -26
- package/tooltip/tooltip.directive.d.ts +0 -48
- package/tooltip/tooltip.module.d.ts +0 -13
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
2
|
-
import { ElementRef, OnDestroy } from '@angular/core';
|
|
3
|
-
import { AbstractControl, ControlValueAccessor, UntypedFormArray, UntypedFormGroup, FormGroupDirective, NgControl, NgForm } 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
|
-
/** @ignore */
|
|
9
|
-
declare const _DiscreteInputBase: import("@angular/material/core")._Constructor<import("@angular/material/core").CanUpdateErrorState> & import("@angular/material/core")._AbstractConstructor<import("@angular/material/core").CanUpdateErrorState> & {
|
|
10
|
-
new (_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl): {
|
|
11
|
-
readonly stateChanges: Subject<void>;
|
|
12
|
-
/** @ignore */ _defaultErrorStateMatcher: ErrorStateMatcher;
|
|
13
|
-
/** @ignore */ _parentForm: NgForm;
|
|
14
|
-
/** @ignore */ _parentFormGroup: FormGroupDirective;
|
|
15
|
-
/** @ignore */ ngControl: NgControl;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
/**
|
|
19
|
-
* Custom `MatFormFieldControl` with an individual input box for each character, suitable for fixed-length fields,
|
|
20
|
-
* such as secondary PIN inputs, TFNs, or BSB code etc.
|
|
21
|
-
*
|
|
22
|
-
* Accessibility features are not yet fully implemented.
|
|
23
|
-
*
|
|
24
|
-
* Example:
|
|
25
|
-
*
|
|
26
|
-
* ```html
|
|
27
|
-
* <mat-form-field>
|
|
28
|
-
* <bui-discrete-input></bui-discrete-input>
|
|
29
|
-
* </mat-form-field>
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
*/
|
|
33
|
-
export declare class DiscreteInputComponent extends _DiscreteInputBase implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {
|
|
34
|
-
private _focusMonitor;
|
|
35
|
-
private _elementRef;
|
|
36
|
-
/** @ignore */
|
|
37
|
-
static nextId: number;
|
|
38
|
-
/** @ignore */
|
|
39
|
-
static ngAcceptInputType_disabled: boolean | string | null | undefined;
|
|
40
|
-
/** @ignore */
|
|
41
|
-
static ngAcceptInputType_required: boolean | string | null | undefined;
|
|
42
|
-
/** @ignore */ parts: UntypedFormArray;
|
|
43
|
-
/** @ignore */ group: UntypedFormGroup;
|
|
44
|
-
/** Emits whenever the component state changes. */
|
|
45
|
-
stateChanges: Subject<void>;
|
|
46
|
-
/** Whether the control is focused. */
|
|
47
|
-
focused: boolean;
|
|
48
|
-
/** The type of input boxes */
|
|
49
|
-
type: 'text' | 'number' | 'password';
|
|
50
|
-
/** Input boxes are separated in groups. This specifies the characters displayed between two groups. */
|
|
51
|
-
separator: string;
|
|
52
|
-
/**
|
|
53
|
-
* A list of characters accepted in the inputs, for example `0-9`, `a-zA-Z0-9`
|
|
54
|
-
* @example '0-9'
|
|
55
|
-
*/
|
|
56
|
-
accept?: string;
|
|
57
|
-
/** @ignore */ id: string;
|
|
58
|
-
/** Value of aria-describedby that should be merged with the described-by ids which are set by the form-field. */
|
|
59
|
-
userAriaDescribedBy?: string;
|
|
60
|
-
private inputParts;
|
|
61
|
-
/**@ignore */
|
|
62
|
-
_formField: MatFormField;
|
|
63
|
-
/**@ignore */
|
|
64
|
-
ngControl: NgControl;
|
|
65
|
-
autocomplete?: string;
|
|
66
|
-
private _sizeSpec;
|
|
67
|
-
private _required;
|
|
68
|
-
private _placeholder?;
|
|
69
|
-
private _disabled;
|
|
70
|
-
private _separatorPos;
|
|
71
|
-
/** @ignore */ onChange: (_: any) => void;
|
|
72
|
-
/** @ignore */ onTouched: () => void;
|
|
73
|
-
/** @ignore */
|
|
74
|
-
get shouldLabelFloat(): boolean;
|
|
75
|
-
/** @ignore */
|
|
76
|
-
get empty(): boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Defines the length and grouping of the input.
|
|
79
|
-
* @default [2, 2, 2]
|
|
80
|
-
*/
|
|
81
|
-
get sizeSpec(): number[];
|
|
82
|
-
set sizeSpec(spec: number[]);
|
|
83
|
-
/** The placeholder for this control. */
|
|
84
|
-
get placeholder(): string;
|
|
85
|
-
set placeholder(value: string);
|
|
86
|
-
/** Whether the control is required. */
|
|
87
|
-
get required(): boolean;
|
|
88
|
-
set required(value: boolean);
|
|
89
|
-
/** Whether the control is disabled. */
|
|
90
|
-
get disabled(): boolean;
|
|
91
|
-
set disabled(value: boolean);
|
|
92
|
-
/** The value of the control. */
|
|
93
|
-
get value(): string;
|
|
94
|
-
set value(v: string);
|
|
95
|
-
/** @ignore */
|
|
96
|
-
get _colorSuffix(): string;
|
|
97
|
-
constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, formField: MatFormField, control: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher);
|
|
98
|
-
/** @ignore */ errorState: boolean;
|
|
99
|
-
/** @ignore */ controlType?: string | undefined;
|
|
100
|
-
/** @ignore */ autofilled?: boolean | undefined;
|
|
101
|
-
/** @ignore */
|
|
102
|
-
ngOnDestroy(): void;
|
|
103
|
-
/** @ignore */
|
|
104
|
-
setDescribedByIds(ids: string[]): void;
|
|
105
|
-
/** @ignore */
|
|
106
|
-
onContainerClick(): void;
|
|
107
|
-
/** @ignore */
|
|
108
|
-
writeValue(v: string): void;
|
|
109
|
-
/** @ignore */
|
|
110
|
-
registerOnChange(fn: any): void;
|
|
111
|
-
/** @ignore */
|
|
112
|
-
registerOnTouched(fn: any): void;
|
|
113
|
-
/** @ignore */
|
|
114
|
-
setDisabledState(isDisabled: boolean): void;
|
|
115
|
-
/** @ignore */
|
|
116
|
-
_handleInput(control: AbstractControl, index: number, event: Event): void;
|
|
117
|
-
/** @ignore */
|
|
118
|
-
_handleBeforeInput(index: number, event: InputEvent): void;
|
|
119
|
-
/** @ignore */
|
|
120
|
-
_focusPart(elemRef: ElementRef<HTMLInputElement>): void;
|
|
121
|
-
/** @ignore */
|
|
122
|
-
_consumeKey(event: Event): void;
|
|
123
|
-
/** @ignore */
|
|
124
|
-
_leftArrow(index: number, event: Event): void;
|
|
125
|
-
/** @ignore */
|
|
126
|
-
_rightArrow(index: number, event: Event): void;
|
|
127
|
-
/** @ignore */
|
|
128
|
-
_handleBackspace(control: AbstractControl, index: number): void;
|
|
129
|
-
/** @ignore */
|
|
130
|
-
_onPaste(event: ClipboardEvent): void;
|
|
131
|
-
/** @ignore */
|
|
132
|
-
_separatorRequired(index: number): boolean;
|
|
133
|
-
/** @ignore */
|
|
134
|
-
_placeholderAt(index: number): string | undefined;
|
|
135
|
-
/** @ignore */
|
|
136
|
-
ngDoCheck(): void;
|
|
137
|
-
private _replaceText;
|
|
138
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DiscreteInputComponent, [null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null]>;
|
|
139
|
-
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>;
|
|
140
|
-
}
|
|
141
|
-
export {};
|
|
@@ -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,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,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
|
-
}
|
package/icon-font/utilities.d.ts
DELETED
|
@@ -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;
|
|
@@ -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
|
-
}
|
package/panel/panel.module.d.ts
DELETED
|
@@ -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 };
|
package/panel/public-api.d.ts
DELETED
|
@@ -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
|
-
}
|