carriera-intern-components 0.0.97 → 0.0.99
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/{directives → components/input/directives}/number-format.directive.d.ts +5 -1
- package/app/components/input/input.component.d.ts +12 -5
- package/app/components/input/models/input.model.d.ts +3 -0
- package/fesm2022/carriera-intern-components.mjs +113 -41
- package/fesm2022/carriera-intern-components.mjs.map +1 -1
- package/package.json +1 -1
- package/public/assets/icons/load/cai-weight.svg +3 -0
- package/public/assets/json/icons.json +4 -0
- /package/app/{directives → components/input/directives}/password.directive.d.ts +0 -0
|
@@ -7,6 +7,10 @@ export declare class NumberFormatDirective implements OnInit {
|
|
|
7
7
|
* Defaults to true, meaning formatting is active by default.
|
|
8
8
|
*/
|
|
9
9
|
appNumberFormat: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
max: import("@angular/core").InputSignal<number | undefined>;
|
|
10
14
|
/**
|
|
11
15
|
* Stores the unformatted, "real" numeric value of the input.
|
|
12
16
|
* This is the value that should be used for calculations or form submissions,
|
|
@@ -101,5 +105,5 @@ export declare class NumberFormatDirective implements OnInit {
|
|
|
101
105
|
*/
|
|
102
106
|
setRealValue(value: string): void;
|
|
103
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<NumberFormatDirective, never>;
|
|
104
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NumberFormatDirective, "[appNumberFormat]", never, { "appNumberFormat": { "alias": "appNumberFormat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
108
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NumberFormatDirective, "[appNumberFormat]", never, { "appNumberFormat": { "alias": "appNumberFormat"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
105
109
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { PasswordDirective } from '
|
|
4
|
-
import { NumberFormatDirective } from '
|
|
3
|
+
import { PasswordDirective } from './directives/password.directive';
|
|
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
7
|
import { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType } from './models';
|
|
@@ -33,11 +33,13 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
33
33
|
- `search`: Enables search within the dropdown.
|
|
34
34
|
- `add`: Enables 'add new' functionality in the dropdown.
|
|
35
35
|
- `placeholderBehavior`: Defines placeholder animation (`'dynamic'` , `'fade'`, `'static'`).
|
|
36
|
+
- `errorBehavior`: Defines error animation (`'static'`, `'dynamic'`, `'floating'`).
|
|
36
37
|
- `label`: An `aria-label` for accessibility.
|
|
37
|
-
- `list`: If `true`, the input
|
|
38
|
+
- `list`: If `true`, the input has no validation, no background and no separators for icons
|
|
38
39
|
- `mask`: A pattern string for input masking (e.g., `'(000) 000-0000'`).
|
|
39
40
|
- `min`: Minimum value for number inputs.
|
|
40
|
-
- `max`: Maximum value for number inputs or maximum length for text inputs.
|
|
41
|
+
- `max`: Maximum value for number inputs (e.g., `999` meaning 3 characters) or maximum length for text inputs in characters.
|
|
42
|
+
- `textTransform`: Text transformation for text inputs (`'capitalize'`, `'uppercase'`, `'lowercase'`).
|
|
41
43
|
- `step`: Step value for number inputs. Can also be `automatic` for automatic step calculation.
|
|
42
44
|
- `withButtons`: If `true`, adds increment/decrement buttons for number inputs.
|
|
43
45
|
- `autocomplete`: The HTML `autocomplete` attribute.
|
|
@@ -46,6 +48,7 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
46
48
|
- `optionValue`: The key of the option to use in the formControl for the selected option in the dropdown.
|
|
47
49
|
- `optionLabel`: The key of the option to use as the label in the dropdown.
|
|
48
50
|
- `subContent`: An optional slot for additional content to be displayed next to the content the user is entering. (ex. lbs, months, etc.)
|
|
51
|
+
- `removable`: If `true`, displays `cai-delete` icon over clear button.
|
|
49
52
|
*/
|
|
50
53
|
config: import("@angular/core").InputSignal<CaiInputConfig>;
|
|
51
54
|
/**
|
|
@@ -111,6 +114,10 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
111
114
|
* An output signal that emits the `optionValue` or `id` of the changed dropdown option.
|
|
112
115
|
*/
|
|
113
116
|
onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
|
|
117
|
+
/**
|
|
118
|
+
* An output signal that emits when the user clicks on the "CLEAR" button.
|
|
119
|
+
*/
|
|
120
|
+
onClear: import("@angular/core").OutputEmitterRef<void>;
|
|
114
121
|
inputRef: ElementRef<HTMLInputElement>;
|
|
115
122
|
dropdown: NgbPopover;
|
|
116
123
|
PasswordDirective: PasswordDirective;
|
|
@@ -254,5 +261,5 @@ export declare class InputComponent implements ControlValueAccessor {
|
|
|
254
261
|
castAsTruckOption(value: unknown): TruckType | null;
|
|
255
262
|
castAsTrailerOption(value: unknown): TrailerType | null;
|
|
256
263
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }]>;
|
|
257
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
|
|
264
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onClear": "onClear"; }, never, never, true, never>;
|
|
258
265
|
}
|
|
@@ -12,7 +12,9 @@ export interface CaiInputConfig {
|
|
|
12
12
|
search?: boolean;
|
|
13
13
|
add?: boolean;
|
|
14
14
|
subcontent?: string;
|
|
15
|
+
textTransform?: 'capitalize' | 'uppercase' | 'lowercase';
|
|
15
16
|
placeholderBehavior?: 'dynamic' | 'fade' | 'static';
|
|
17
|
+
errorBehavior?: 'dynamic' | 'static' | 'floating';
|
|
16
18
|
label?: string;
|
|
17
19
|
mask?: string;
|
|
18
20
|
min?: number;
|
|
@@ -25,6 +27,7 @@ export interface CaiInputConfig {
|
|
|
25
27
|
passwordRequirements?: boolean;
|
|
26
28
|
optionValue?: string;
|
|
27
29
|
optionLabel?: string;
|
|
30
|
+
removable?: boolean;
|
|
28
31
|
}
|
|
29
32
|
export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer"];
|
|
30
33
|
export type DropdownType = (typeof DropdownTypes)[number];
|