carriera-intern-components 0.0.93 → 0.0.95
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/app/components/avatar/avatar.component.d.ts +1 -1
- package/app/components/document-preview/document-preview.component.d.ts +7 -2
- package/app/components/drop-zone/drop-zone.component.d.ts +2 -3
- package/app/components/input/input.component.d.ts +18 -23
- package/app/components/input/models/input.model.d.ts +13 -3
- package/app/components/input/pipes/filter-by-search.pipe.d.ts +9 -0
- package/app/models/appFile.model.d.ts +1 -1
- package/fesm2022/carriera-intern-components.mjs +275 -224
- package/fesm2022/carriera-intern-components.mjs.map +1 -1
- package/package.json +1 -1
- package/public/assets/icons/banks/ic_bank_bbt.svg +5 -0
- package/public/assets/icons/banks/ic_bank_bmo_harris.svg +13 -0
- package/public/assets/icons/banks/ic_bank_capital_one.svg +11 -0
- package/public/assets/icons/banks/ic_bank_chase.svg +11 -0
- package/public/assets/icons/banks/ic_bank_chime.svg +10 -0
- package/public/assets/icons/banks/ic_bank_citi.svg +8 -0
- package/public/assets/icons/banks/ic_bank_fifth_third.svg +14 -0
- package/public/assets/icons/banks/ic_bank_green_dot.svg +17 -0
- package/public/assets/icons/banks/ic_bank_mb_financial.svg +5 -0
- package/public/assets/icons/banks/ic_bank_meta.svg +11 -0
- package/public/assets/icons/banks/ic_bank_navi_federal.svg +14 -0
- package/public/assets/icons/banks/ic_bank_of_america.svg +5 -0
- package/public/assets/icons/banks/ic_bank_pnc.svg +10 -0
- package/public/assets/icons/banks/ic_bank_regions.svg +14 -0
- package/public/assets/icons/banks/ic_bank_renasant.svg +14 -0
- package/public/assets/icons/banks/ic_bank_tcf.svg +11 -0
- package/public/assets/icons/banks/ic_bank_truist.svg +3 -0
- package/public/assets/icons/banks/ic_bank_us.svg +4 -0
- package/public/assets/icons/banks/ic_bank_wells_fargo.svg +3 -0
- package/public/assets/icons/fuel-contact/cai-count.svg +3 -0
- package/public/assets/json/icons.json +82 -2
- /package/public/assets/icons/{cai-people.svg → fuel-contact/cai-people.svg} +0 -0
- /package/public/assets/icons/{cai-share.svg → fuel-contact/cai-share.svg} +0 -0
|
@@ -14,7 +14,7 @@ export declare class AvatarComponent {
|
|
|
14
14
|
* The size of the avatar in pixels.
|
|
15
15
|
* @type {Size}
|
|
16
16
|
*/
|
|
17
|
-
size: import("@angular/core").InputSignal<
|
|
17
|
+
size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160>;
|
|
18
18
|
/**
|
|
19
19
|
* Whether the avatar should be rounded or not at sizes of 74px and 160px.
|
|
20
20
|
* @type {boolean}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { AppFile } from '../../models/appFile.model';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* This component displays a preview of a document, including its name, size,
|
|
5
6
|
* and provides actions to delete, download, and tag the document.
|
|
6
7
|
*/
|
|
7
|
-
export declare class DocumentPreviewComponent {
|
|
8
|
+
export declare class DocumentPreviewComponent implements OnChanges {
|
|
9
|
+
coverMinimalMod: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
isCrop: import("@angular/core").WritableSignal<boolean>;
|
|
11
|
+
constructor();
|
|
12
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
8
13
|
/**
|
|
9
14
|
* Signal that controls whether the delete modal is visible.Used to confirm the file deletion.
|
|
10
15
|
*/
|
|
@@ -89,5 +94,5 @@ export declare class DocumentPreviewComponent {
|
|
|
89
94
|
*/
|
|
90
95
|
handleShare(): void;
|
|
91
96
|
static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
|
|
92
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
|
|
97
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMod": { "alias": "coverMinimalMod"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
|
|
93
98
|
}
|
|
@@ -20,6 +20,7 @@ export declare class DropZoneComponent {
|
|
|
20
20
|
isCropperReady: import("@angular/core").WritableSignal<boolean>;
|
|
21
21
|
originalImageWidth: number;
|
|
22
22
|
originalImageHeight: number;
|
|
23
|
+
smallView: import("@angular/core").WritableSignal<boolean>;
|
|
23
24
|
coverUrl: string;
|
|
24
25
|
profileUrl: string;
|
|
25
26
|
logoUrl: string;
|
|
@@ -36,14 +37,12 @@ export declare class DropZoneComponent {
|
|
|
36
37
|
cropDimensions(): void;
|
|
37
38
|
ratioHelper(): number;
|
|
38
39
|
onZoomChange(event: Event): void;
|
|
39
|
-
onTransformChange(event: ImageTransform): void;
|
|
40
|
-
getLimitedTransform(transform: ImageTransform): ImageTransform;
|
|
41
40
|
fileChangeEvent(event: Event): void;
|
|
42
41
|
imageCropped(event: ImageCroppedEvent): void;
|
|
43
42
|
imageLoaded(image: LoadedImage): void;
|
|
44
43
|
cropperReady(): void;
|
|
45
44
|
loadImageFailed(): void;
|
|
46
|
-
|
|
45
|
+
onTransformChange(event: ImageTransform): void;
|
|
47
46
|
cancelCrop(): void;
|
|
48
47
|
submitCrop(): void;
|
|
49
48
|
/**
|
|
@@ -4,7 +4,7 @@ import { PasswordDirective } from '../../directives/password.directive';
|
|
|
4
4
|
import { NumberFormatDirective } from '../../directives/number-format.directive';
|
|
5
5
|
import { MaskDirective } from './directives/mask.directive';
|
|
6
6
|
import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
|
|
7
|
-
import { Broker, CaiInputConfig, Contact, DepartmentContactsPair, DropdownOption, LabelColor, LabelOption, Shipper } from './models/input.model';
|
|
7
|
+
import { Bank, Broker, CaiInputConfig, Contact, DepartmentContactsPair, DropdownOption, LabelColor, LabelOption, Shipper } from './models/input.model';
|
|
8
8
|
import { Dispatch, DispatchBoard } from './models';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
@@ -29,7 +29,7 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
29
29
|
- `icon`: Name of an icon to display (e.g., `'cai-email'`).
|
|
30
30
|
- `iconColor`: Color of the displayed icon (e.g., `'#FF0000'`).
|
|
31
31
|
- `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'` or `'label'` variants.
|
|
32
|
-
- `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]`.
|
|
32
|
+
- `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]`.
|
|
33
33
|
- `labelColors`: An array of label colors for the label picker.
|
|
34
34
|
- `search`: Enables search within the dropdown.
|
|
35
35
|
- `add`: Enables 'add new' functionality in the dropdown.
|
|
@@ -39,17 +39,20 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
39
39
|
- `mask`: A pattern string for input masking (e.g., `'(000) 000-0000'`).
|
|
40
40
|
- `min`: Minimum value for number inputs.
|
|
41
41
|
- `max`: Maximum value for number inputs or maximum length for text inputs.
|
|
42
|
+
- `step`: Step value for number inputs. Can also be `automatic` for automatic step calculation.
|
|
42
43
|
- `withButtons`: If `true`, adds increment/decrement buttons for number inputs.
|
|
43
44
|
- `autocomplete`: The HTML `autocomplete` attribute.
|
|
44
45
|
- `disabled`: If `true`, the input is disabled (for use without reactive form).
|
|
45
46
|
- `passwordRequirements`: If `true`, shows password requirements for password inputs.
|
|
46
|
-
- `optionValue`: The
|
|
47
|
+
- `optionValue`: The key of the option to use in the formControl for the selected option in the dropdown.
|
|
48
|
+
- `optionLabel`: The key of the option to use as the label in the dropdown.
|
|
49
|
+
- `subContent`: An optional slot for additional content to be displayed next to the content the user is entering. (ex. lbs, months, etc.)
|
|
47
50
|
*/
|
|
48
51
|
config: import("@angular/core").InputSignal<CaiInputConfig>;
|
|
49
52
|
/**
|
|
50
53
|
* Input property to hold the dropdown options.
|
|
51
54
|
*/
|
|
52
|
-
options: import("@angular/core").InputSignal<
|
|
55
|
+
options: import("@angular/core").InputSignal<DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[] | Bank[]>;
|
|
53
56
|
/**
|
|
54
57
|
* Input property to hold the label colors for the label picker.
|
|
55
58
|
*/
|
|
@@ -69,10 +72,9 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
69
72
|
/**
|
|
70
73
|
* A signal that holds the locally added options.
|
|
71
74
|
*/
|
|
72
|
-
localOptions: import("@angular/core").WritableSignal<
|
|
75
|
+
localOptions: import("@angular/core").WritableSignal<DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[] | Bank[]>;
|
|
73
76
|
/**
|
|
74
77
|
* A signal that holds the currently selected option from the dropdown.
|
|
75
|
-
* @type {Signal<DropdownOption | null>}
|
|
76
78
|
*/
|
|
77
79
|
selectedOption: import("@angular/core").WritableSignal<DropdownOption | null>;
|
|
78
80
|
/**
|
|
@@ -105,6 +107,10 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
105
107
|
* A signal that holds the currently selected shipper from the shipper picker.
|
|
106
108
|
*/
|
|
107
109
|
selectedShipper: import("@angular/core").WritableSignal<Shipper | null>;
|
|
110
|
+
/**
|
|
111
|
+
* A signal that holds the currently selected bank from the bank picker.
|
|
112
|
+
*/
|
|
113
|
+
selectedBank: import("@angular/core").WritableSignal<Bank | null>;
|
|
108
114
|
/**
|
|
109
115
|
* A computed signal that indicates whether the placeholder selected option should be shown.
|
|
110
116
|
*/
|
|
@@ -112,22 +118,9 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
112
118
|
/**
|
|
113
119
|
* A computed signal that dynamically calculates the step value for number inputs.
|
|
114
120
|
*/
|
|
115
|
-
step: import("@angular/core").Signal<
|
|
121
|
+
step: import("@angular/core").Signal<number>;
|
|
122
|
+
combinedOptions: import("@angular/core").Signal<DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[] | Bank[]>;
|
|
116
123
|
dispatchCount: import("@angular/core").Signal<number>;
|
|
117
|
-
filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
|
|
118
|
-
/**
|
|
119
|
-
* A computed signal that provides the current list of options to display in the dropdown.
|
|
120
|
-
*
|
|
121
|
-
* If `search` is `false`, it returns the full `dropdownOptions`.
|
|
122
|
-
* If `search` is `true`, it filters `dropdownOptions` based on the `value` signal,
|
|
123
|
-
* performing a case-insensitive partial text match.
|
|
124
|
-
*
|
|
125
|
-
*/
|
|
126
|
-
filteredOptions: import("@angular/core").Signal<DropdownOption[]>;
|
|
127
|
-
filteredLabels: import("@angular/core").Signal<LabelOption[]>;
|
|
128
|
-
filteredBrokers: import("@angular/core").Signal<Broker[]>;
|
|
129
|
-
filteredContacts: import("@angular/core").Signal<DepartmentContactsPair[]>;
|
|
130
|
-
filteredShippers: import("@angular/core").Signal<Shipper[]>;
|
|
131
124
|
/**
|
|
132
125
|
* An output signal that emits the value of the added option.
|
|
133
126
|
*/
|
|
@@ -137,7 +130,7 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
137
130
|
*/
|
|
138
131
|
onAdd: import("@angular/core").OutputEmitterRef<void>;
|
|
139
132
|
/**
|
|
140
|
-
* An output signal that emits the
|
|
133
|
+
* An output signal that emits the `optionValue` or `id` of the changed dropdown option.
|
|
141
134
|
*/
|
|
142
135
|
onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
|
|
143
136
|
inputRef: ElementRef<HTMLInputElement>;
|
|
@@ -152,11 +145,13 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
152
145
|
brokerRef: any;
|
|
153
146
|
contactRef: any;
|
|
154
147
|
shipperRef: any;
|
|
148
|
+
bankRef: any;
|
|
155
149
|
selectedDispatchRef: any;
|
|
156
150
|
selectedLabelRef: any;
|
|
157
151
|
selectedBrokerRef: any;
|
|
158
152
|
selectedContactRef: any;
|
|
159
153
|
selectedShipperRef: any;
|
|
154
|
+
selectedBankRef: any;
|
|
160
155
|
/**
|
|
161
156
|
* Constructor for the InputComponent.
|
|
162
157
|
* It injects NgControl to integrate with Angular's forms API.
|
|
@@ -246,7 +241,7 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
246
241
|
* @param option - The selected option.
|
|
247
242
|
* @param event - The MouseEvent that initiated the selection action.
|
|
248
243
|
*/
|
|
249
|
-
handleOption(option: DropdownOption | LabelOption | Dispatch | Broker | Contact, event?: MouseEvent): void;
|
|
244
|
+
handleOption(option: DropdownOption | LabelOption | Dispatch | Broker | Contact | Bank | Shipper, event?: MouseEvent): void;
|
|
250
245
|
/**
|
|
251
246
|
* Adds a new option to the dropdown.
|
|
252
247
|
* @param option - The option to add.
|
|
@@ -7,24 +7,27 @@ export interface CaiInputConfig {
|
|
|
7
7
|
reveal?: number;
|
|
8
8
|
icon?: string | null;
|
|
9
9
|
iconColor?: string;
|
|
10
|
-
dropdown?: boolean | 'dispatch' | 'ftl-dispatch' | 'label' | 'broker' | 'contact' | 'shipper';
|
|
10
|
+
dropdown?: boolean | 'dispatch' | 'ftl-dispatch' | 'label' | 'broker' | 'contact' | 'shipper' | 'bank';
|
|
11
11
|
search?: boolean;
|
|
12
12
|
add?: boolean;
|
|
13
|
+
subcontent?: string;
|
|
13
14
|
placeholderBehavior?: 'dynamic' | 'fade' | 'static';
|
|
14
15
|
label?: string;
|
|
15
16
|
mask?: string;
|
|
16
17
|
min?: number;
|
|
17
18
|
max?: number;
|
|
19
|
+
step?: number | 'automatic';
|
|
18
20
|
withButtons?: boolean;
|
|
19
21
|
autocomplete?: string;
|
|
20
22
|
list?: boolean;
|
|
21
23
|
disabled?: boolean;
|
|
22
24
|
passwordRequirements?: boolean;
|
|
23
25
|
optionValue?: string;
|
|
26
|
+
optionLabel?: string;
|
|
24
27
|
}
|
|
25
28
|
export type DropdownOption = {
|
|
26
|
-
id
|
|
27
|
-
|
|
29
|
+
id?: number;
|
|
30
|
+
[key: string]: any;
|
|
28
31
|
};
|
|
29
32
|
export type LabelOption = {
|
|
30
33
|
id?: number;
|
|
@@ -103,3 +106,10 @@ export type Address = {
|
|
|
103
106
|
stateShortName?: string | null;
|
|
104
107
|
addressUnit?: string | null;
|
|
105
108
|
};
|
|
109
|
+
export type Bank = {
|
|
110
|
+
id?: number;
|
|
111
|
+
name?: string | null;
|
|
112
|
+
logoName?: string | null;
|
|
113
|
+
createdAt?: string;
|
|
114
|
+
updatedAt?: string;
|
|
115
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { Bank, Broker, CaiInputConfig, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, DropdownOption, LabelOption, Shipper } from '../models';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class FilterBySearchPipe implements PipeTransform {
|
|
5
|
+
hasProperty<T extends object>(obj: T, prop: PropertyKey): prop is keyof T;
|
|
6
|
+
transform(options: DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | Contact[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[] | Bank[], value: string | undefined | null, type: CaiInputConfig['dropdown'], shouldSearch?: boolean, foldedBoards?: number[], label?: string): any[];
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterBySearchPipe, never>;
|
|
8
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<FilterBySearchPipe, "filterBySearch", true>;
|
|
9
|
+
}
|