carriera-intern-components 1.1.0 → 1.1.2
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 +2 -2
- package/app/components/avatar/models/avatar.model.d.ts +12 -5
- package/app/components/avatar/pipes/initials.pipe.d.ts +5 -1
- package/app/components/copy/copy.component.d.ts +23 -0
- package/app/components/document-preview/document-preview.component.d.ts +19 -9
- package/app/components/document-preview/interfaces/document-tag.interface.d.ts +4 -0
- package/app/components/document-preview/interfaces/index.d.ts +1 -0
- package/app/components/drop-zone/drop-zone.component.d.ts +58 -33
- package/app/components/drop-zone/models/file.response.d.ts +10 -0
- package/app/components/input/directives/helpers/index.d.ts +1 -0
- package/app/components/input/directives/helpers/mask.helper.d.ts +15 -0
- package/app/components/input/directives/mask.directive.d.ts +2 -16
- package/app/components/input/directives/number-format.directive.d.ts +6 -1
- package/app/components/input/directives/password.directive.d.ts +3 -1
- package/app/components/input/input.component.d.ts +86 -9
- package/app/components/input/models/dropdown.model.d.ts +50 -2
- package/app/components/input/models/input.model.d.ts +22 -7
- package/app/components/input/pipes/filter-by-search.pipe.d.ts +1 -1
- package/app/components/input/pipes/remap-pm-icons.pipe.d.ts +7 -0
- package/app/components/input-address/enums/input-address-layers-string.enum.d.ts +4 -0
- package/app/components/input-address/enums/input-address-type-string.enum.d.ts +5 -0
- package/app/components/input-address/input-address.component.d.ts +67 -0
- package/app/components/input-address/models/address-data.model.d.ts +19 -0
- package/app/components/input-address/models/address-list.model.d.ts +6 -0
- package/app/components/input-address/models/long-lat.model.d.ts +4 -0
- package/app/components/input-address/models/sent-address-data.model.d.ts +22 -0
- package/app/components/input-datetime-picker/cai-input-datetime-picker.component.d.ts +106 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/cai-custom-datetime-pickers.component.d.ts +58 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-dates-main/cai-custom-datetime-pickers-calendar-dates-main.component.d.ts +41 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-days/cai-custom-datetime-pickers-calendar-days.component.d.ts +26 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-calendar-left/cai-custom-datetime-pickers-calendar-left.component.d.ts +30 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/components/cai-custom-datetime-pickers-date-calendars/cai-custom-datetime-pickers-date-calendars.component.d.ts +38 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/config/cai-input.config.d.ts +169 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/config/index.d.ts +1 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/calendar-left-string.enum.d.ts +5 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/calendar-list-preview-string.enum.d.ts +4 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/calendar-main-string.enum.d.ts +5 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/calendar-scroll-type-string.enum.d.ts +4 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/calendar-string.enum.d.ts +6 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/calendar-type-string.enum.d.ts +3 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/enums/config.enum.d.ts +7 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/models/scroll-change.model.d.ts +6 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/models/scroll-type.model.d.ts +8 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/pipes/calendar-months.pipe.d.ts +9 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/services/calendar-datetime-picker.service.d.ts +19 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/strategy/calendar-strategy.d.ts +30 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/utils/constants/custom-datetime-pickers.constants.d.ts +19 -0
- package/app/components/input-datetime-picker/enums/input-config-name-string.enum.d.ts +7 -0
- package/app/components/input-datetime-picker/interfaces/input-datetime.interface.d.ts +8 -0
- package/app/components/pm/pm.component.d.ts +76 -0
- package/app/components/selected-location-field/interfaces/index.d.ts +1 -0
- package/app/components/selected-location-field/interfaces/selected-business-field.interface.d.ts +11 -0
- package/app/components/selected-location-field/selected-business-field.component.d.ts +12 -0
- package/app/directives/infinite-scroll.directive.d.ts +16 -0
- package/app/directives/intersection-observer.directive.d.ts +15 -0
- package/app/enums/alignment.enum.d.ts +4 -0
- package/app/enums/general-actions.enum.d.ts +58 -0
- package/app/enums/index.d.ts +3 -0
- package/app/enums/string-placeholder.enum.d.ts +3 -0
- package/app/models/appFile.model.d.ts +3 -1
- package/app/models/pm.model.d.ts +10 -0
- package/app/utils/constants/index.d.ts +1 -0
- package/app/utils/constants/input-character-sets.constants.d.ts +18 -0
- package/app/utils/index.d.ts +1 -0
- package/fesm2022/carriera-intern-components.mjs +4053 -321
- package/fesm2022/carriera-intern-components.mjs.map +1 -1
- package/package.json +1 -1
- package/public/assets/icons/cai-color.svg +3 -0
- package/public/assets/icons/cai-edit.svg +3 -3
- package/public/assets/icons/cai-loader.svg +3 -0
- package/public/assets/icons/fuel-contact/cai-fuel-card.svg +3 -0
- package/public/assets/icons/fuel-contact/cai-user-2.svg +3 -0
- package/public/assets/icons/general/cai-date.svg +1 -1
- package/public/assets/icons/general/cai-fax.svg +5 -0
- package/public/assets/icons/general/cai-website.svg +3 -0
- package/public/assets/icons/integration/cai-efs.svg +4 -0
- package/public/assets/icons/interaction/cai-copy.svg +3 -0
- package/public/assets/icons/interaction/cai-favorite.svg +3 -0
- package/public/assets/icons/interaction/cai_time.svg +3 -0
- package/public/assets/icons/interaction/cai_x.svg +4 -0
- package/public/assets/icons/makes/trailers/ic_trailer_atro.svg +6 -0
- package/public/assets/icons/makes/trailers/ic_trailer_beall.svg +7 -0
- package/public/assets/icons/makes/trailers/ic_trailer_bedard.svg +8 -0
- package/public/assets/icons/makes/trailers/ic_trailer_butler.svg +7 -0
- package/public/assets/icons/makes/trailers/ic_trailer_de_lucio.svg +17 -0
- package/public/assets/icons/makes/trailers/ic_trailer_dorsey.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_east.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_fontaine.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_fruehauf.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_gallegos.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_great_dane.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_heil.svg +6 -0
- package/public/assets/icons/makes/trailers/ic_trailer_hudson.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_hyndai.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_kaufman.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_mac.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_manac.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_polar.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_ravens.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_reitnouer.svg +12 -0
- package/public/assets/icons/makes/trailers/ic_trailer_strick.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_timpte.svg +8 -0
- package/public/assets/icons/makes/trailers/ic_trailer_trail_king.svg +7 -0
- package/public/assets/icons/makes/trailers/ic_trailer_transcraft.svg +12 -0
- package/public/assets/icons/makes/trailers/ic_trailer_tremcar.svg +10 -0
- package/public/assets/icons/makes/trailers/ic_trailer_tytal.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_utility.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_vanguard.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_vantage.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_wabash.svg +3 -0
- package/public/assets/icons/makes/trailers/ic_trailer_walinga.svg +8 -0
- package/public/assets/icons/makes/trailers/ic_trailer_wilson.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_chevrolet.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_ford.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_freightliner.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_gmc.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_hino.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_international.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_isuzu.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_kenworth.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_mack.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_peterbilt.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_volvo.svg +3 -0
- package/public/assets/icons/makes/trucks/ic_truck_western_star.svg +3 -0
- package/public/assets/json/icons.json +223 -3
- package/public/pdfjs/pdf.worker.min.mjs +30 -0
- package/public-api.d.ts +9 -2
- package/src/styles/README.md +57 -0
- package/src/styles/_variables.scss +288 -0
- package/src/styles/cropper.scss +33 -0
- package/src/styles/custompickers.scss +822 -0
- package/src/styles/popover.scss +18 -0
- package/src/styles/review_variables.scss +40 -0
- package/src/styles/tooltip.scss +85 -0
- package/src/styles/utility/colors.scss +265 -0
- package/src/styles/utility/utilities.scss +6 -0
- package/src/styles.scss +28 -0
|
@@ -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 { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType, Hazardous, State, Owner, FuelCard } from './models';
|
|
7
|
+
import { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType, Hazardous, State, Owner, FuelCard, PMOption, MakeOption, ColorOption, TollOption, TollTransponderOption, FuelStopStore, Franchise, DropdownGroups, Provider } from './models';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
10
|
* This component is a generic input component that can be used to create various types of inputs.
|
|
@@ -19,6 +19,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
19
19
|
PasswordDirective: PasswordDirective;
|
|
20
20
|
NumberFormatDirective: NumberFormatDirective;
|
|
21
21
|
MaskDirective: MaskDirective;
|
|
22
|
+
multipleRef: any;
|
|
22
23
|
hazardousRef: any;
|
|
23
24
|
dropdownOptionsRef: any;
|
|
24
25
|
dispatchesRef: any;
|
|
@@ -34,6 +35,13 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
34
35
|
stateRef: any;
|
|
35
36
|
ownerRef: any;
|
|
36
37
|
fuelcardRef: any;
|
|
38
|
+
colorRef: any;
|
|
39
|
+
makeRef: any;
|
|
40
|
+
tollRef: any;
|
|
41
|
+
fuelStopTransactionRef: any;
|
|
42
|
+
providerRef: any;
|
|
43
|
+
pmRef: any;
|
|
44
|
+
selectedPmRef: any;
|
|
37
45
|
selectedOwnerRef: any;
|
|
38
46
|
selectedHazardousRef: any;
|
|
39
47
|
selectedDispatchRef: any;
|
|
@@ -47,6 +55,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
47
55
|
selectedTrailerRef: any;
|
|
48
56
|
selectedStateRef: any;
|
|
49
57
|
selectedFuelcardRef: any;
|
|
58
|
+
selectedColorRef: any;
|
|
59
|
+
selectedMakeRef: any;
|
|
60
|
+
selectedTollRef: any;
|
|
61
|
+
selectedProviderRef: any;
|
|
50
62
|
/**
|
|
51
63
|
* Defines the unique identifier for the input element.
|
|
52
64
|
* It is provided by the parent component as an Angular `input()` signal.
|
|
@@ -63,8 +75,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
63
75
|
- `reveal`: For password inputs, the number of characters to reveal from the end.
|
|
64
76
|
- `icon`: Name of an icon to display (e.g., `'cai-email'`).
|
|
65
77
|
- `iconColor`: Color of the displayed icon (e.g., `'#FF0000'`).
|
|
66
|
-
- `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'`, `'dispatcher'`, `'truck'`, `'trailer'`, `'bank'`, `'label'`, `'state'`, `'owner'`, `'fuelcard'`, or `'subcontent'` variants.
|
|
67
|
-
- `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]` | `Dispatcher[]` | `TruckOption[]` | `TrailerOption[]` | `Hazardous[]` | `State[]` | `Owner[]` | `FuelCard[]`.
|
|
78
|
+
- `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'`, `'dispatcher'`, `'truck'`, `'trailer'`, `'bank'`, `'label'`, `'state'`, `'owner'`, `'fuelcard'`, `'pm'`, or `'subcontent'` variants.
|
|
79
|
+
- `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]` | `Dispatcher[]` | `TruckOption[]` | `TrailerOption[]` | `Hazardous[]` | `State[]` | `Owner[]` | `FuelCard[]` | `PMOption[]`.
|
|
68
80
|
- `labelColors`: An array of label colors for the label picker.
|
|
69
81
|
- `search`: Enables search within the dropdown.
|
|
70
82
|
- `add`: Enables 'add new' functionality in the dropdown.
|
|
@@ -97,14 +109,26 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
97
109
|
* Input property to hold the dropdown options.
|
|
98
110
|
*/
|
|
99
111
|
options: import("@angular/core").InputSignal<DropdownArrays>;
|
|
112
|
+
preselectedOptions: import("@angular/core").InputSignal<DropdownArrays | null>;
|
|
113
|
+
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
100
114
|
/**
|
|
101
115
|
* Input property to hold the label colors for the label picker.
|
|
102
116
|
*/
|
|
103
117
|
labelColors: import("@angular/core").InputSignal<LabelColor[] | undefined>;
|
|
118
|
+
/**
|
|
119
|
+
* Input property to hide the validation.
|
|
120
|
+
*/
|
|
121
|
+
hideValidation: import("@angular/core").InputSignal<boolean>;
|
|
122
|
+
/**
|
|
123
|
+
* Input property to show the no results message.
|
|
124
|
+
*/
|
|
125
|
+
showNoResults: import("@angular/core").InputSignal<boolean>;
|
|
104
126
|
/**
|
|
105
127
|
* Preselected dropdown option
|
|
106
128
|
*/
|
|
107
129
|
preselectedUnit: import("@angular/core").InputSignal<string | null>;
|
|
130
|
+
openGroup: import("@angular/core").WritableSignal<number | null>;
|
|
131
|
+
closing: import("@angular/core").WritableSignal<boolean>;
|
|
108
132
|
/**
|
|
109
133
|
* Internal signal to track the disabled state of the input.
|
|
110
134
|
*/
|
|
@@ -125,6 +149,18 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
125
149
|
* A signal that holds the currently selected option from the dropdown.
|
|
126
150
|
*/
|
|
127
151
|
selectedOption: import("@angular/core").WritableSignal<DropdownOptions | null>;
|
|
152
|
+
/**
|
|
153
|
+
* A signal that holds the currently selected options from the dropdown.
|
|
154
|
+
*/
|
|
155
|
+
multipleSelectedOptions: import("@angular/core").WritableSignal<DropdownOptions[]>;
|
|
156
|
+
/**
|
|
157
|
+
* A signal that indicates whether the input is focused.
|
|
158
|
+
*/
|
|
159
|
+
focused: import("@angular/core").WritableSignal<boolean>;
|
|
160
|
+
/**
|
|
161
|
+
* A signal that indicates whether the input is hovered.
|
|
162
|
+
*/
|
|
163
|
+
hovered: import("@angular/core").WritableSignal<boolean>;
|
|
128
164
|
/**
|
|
129
165
|
* A signal that indicates whether a new option is being added.
|
|
130
166
|
*/
|
|
@@ -142,20 +178,28 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
142
178
|
* A signal that holds the currently selected dispatch board from the dispatch board picker.
|
|
143
179
|
*/
|
|
144
180
|
foldedBoards: import("@angular/core").WritableSignal<number[]>;
|
|
181
|
+
randomAutocomplete: import("@angular/core").WritableSignal<string>;
|
|
145
182
|
/**
|
|
146
183
|
* A computed signal that indicates whether the placeholder selected option should be shown.
|
|
147
184
|
*/
|
|
148
185
|
hasText: import("@angular/core").Signal<boolean>;
|
|
186
|
+
/**
|
|
187
|
+
* A signal that holds the container width to prevent ExpressionChangedAfterItHasBeenCheckedError.
|
|
188
|
+
*/
|
|
189
|
+
containerWidth: import("@angular/core").WritableSignal<number>;
|
|
149
190
|
/**
|
|
150
191
|
* A computed signal that dynamically calculates the step value for number inputs.
|
|
151
192
|
*/
|
|
152
193
|
step: import("@angular/core").Signal<number>;
|
|
153
194
|
combinedOptions: import("@angular/core").Signal<DropdownArrays>;
|
|
154
195
|
dispatchCount: import("@angular/core").Signal<number>;
|
|
196
|
+
onBlur: import("@angular/core").OutputEmitterRef<void>;
|
|
197
|
+
onFocused: import("@angular/core").OutputEmitterRef<void>;
|
|
198
|
+
onValueChange: import("@angular/core").OutputEmitterRef<string | number | null>;
|
|
155
199
|
/**
|
|
156
200
|
* An output signal that emits the value of the added option.
|
|
157
201
|
*/
|
|
158
|
-
onOptionAdded: import("@angular/core").OutputEmitterRef<
|
|
202
|
+
onOptionAdded: import("@angular/core").OutputEmitterRef<string | LabelOption>;
|
|
159
203
|
/**
|
|
160
204
|
* An output signal that emits when the user clicks on the "ADD NEW" button in the dropdown.
|
|
161
205
|
*/
|
|
@@ -164,10 +208,22 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
164
208
|
* An output signal that emits the `optionValue` or `id` of the changed dropdown option.
|
|
165
209
|
*/
|
|
166
210
|
onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
|
|
211
|
+
onSelectedObject: import("@angular/core").OutputEmitterRef<DropdownOptions | null>;
|
|
212
|
+
onSelectedGroup: import("@angular/core").OutputEmitterRef<Franchise | null>;
|
|
167
213
|
/**
|
|
168
214
|
* An output signal that emits when the user clicks on the "CLEAR" button.
|
|
169
215
|
*/
|
|
170
216
|
onClear: import("@angular/core").OutputEmitterRef<void>;
|
|
217
|
+
/**
|
|
218
|
+
* An output signal that emits when the user clicks on the "AUTOFILL" button.
|
|
219
|
+
*/
|
|
220
|
+
onAutofill: import("@angular/core").OutputEmitterRef<void>;
|
|
221
|
+
/**
|
|
222
|
+
* An output signal that emits when the dropdown is scrolled to the bottom for infinite scroll functionality.
|
|
223
|
+
*/
|
|
224
|
+
onScrolledToBottom: import("@angular/core").OutputEmitterRef<void>;
|
|
225
|
+
onScrolledToBottomGroup: import("@angular/core").OutputEmitterRef<void>;
|
|
226
|
+
onSearch: import("@angular/core").OutputEmitterRef<string>;
|
|
171
227
|
/**
|
|
172
228
|
* Constructor for the InputComponent.
|
|
173
229
|
* It injects NgControl to integrate with Angular's forms API.
|
|
@@ -181,7 +237,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
181
237
|
* Handles autofill detection from Chrome's autofill animation.
|
|
182
238
|
* Marks the control as autofilled and updates validity.
|
|
183
239
|
*/
|
|
184
|
-
|
|
240
|
+
onAutofilled(): void;
|
|
185
241
|
/**
|
|
186
242
|
* Clears the autofill flag when user manually edits the field.
|
|
187
243
|
* Re-enables normal validation.
|
|
@@ -193,6 +249,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
193
249
|
* Sets up autofill detection by checking for Chrome's -webkit-autofill CSS pseudo-class
|
|
194
250
|
*/
|
|
195
251
|
private setupAutofillDetection;
|
|
252
|
+
/**
|
|
253
|
+
* Updates the container width signal to prevent ExpressionChangedAfterItHasBeenCheckedError
|
|
254
|
+
*/
|
|
255
|
+
private updateContainerWidth;
|
|
196
256
|
/**
|
|
197
257
|
* Handles the native 'input' event from the HTMLInputElement.
|
|
198
258
|
* Updates the component's internal value and notifies Angular forms
|
|
@@ -222,7 +282,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
222
282
|
/**
|
|
223
283
|
* Writes a new value to the element. (ControlValueAccessor)
|
|
224
284
|
*/
|
|
225
|
-
writeValue(value:
|
|
285
|
+
writeValue(value: any): void;
|
|
226
286
|
/**
|
|
227
287
|
* Increments the value of a number input by the current step.
|
|
228
288
|
*/
|
|
@@ -255,11 +315,13 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
255
315
|
/**
|
|
256
316
|
* Called when the input element loses focus (blur event).
|
|
257
317
|
*/
|
|
258
|
-
|
|
318
|
+
dispatchOnBlur(): void;
|
|
319
|
+
toggleHovered(value: boolean): void;
|
|
259
320
|
/**
|
|
260
321
|
* Resets the input field's value to an empty string.
|
|
261
322
|
*/
|
|
262
323
|
reset(): void;
|
|
324
|
+
closeDropdown(addNew?: boolean): void;
|
|
263
325
|
/**
|
|
264
326
|
* Returns the reference to the dropdown element based on the dropdown type.
|
|
265
327
|
*/
|
|
@@ -268,6 +330,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
268
330
|
* Returns the reference to the selected element based on the dropdown type.
|
|
269
331
|
*/
|
|
270
332
|
getSelectedRef(): any;
|
|
333
|
+
randomizeAutocomplete(): string;
|
|
271
334
|
/**
|
|
272
335
|
* Type guard that checks if a given property exists on an object.
|
|
273
336
|
* @param obj The object to check.
|
|
@@ -281,6 +344,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
281
344
|
* @param event - The MouseEvent that initiated the selection action.
|
|
282
345
|
*/
|
|
283
346
|
handleOption(option: DropdownOptions, event?: MouseEvent): void;
|
|
347
|
+
isSelectedOption(option: DropdownOptions): boolean;
|
|
284
348
|
/**
|
|
285
349
|
* Adds a new option to the dropdown.
|
|
286
350
|
* @param option - The option to add.
|
|
@@ -292,7 +356,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
292
356
|
* @param event - The MouseEvent that initiated the action.
|
|
293
357
|
*/
|
|
294
358
|
handleAddingOption(event?: MouseEvent): void;
|
|
295
|
-
fold(boardId: number, event: MouseEvent): void;
|
|
359
|
+
fold(boardId: number, event: MouseEvent, group?: DropdownGroups): void;
|
|
296
360
|
handleSelectColor(color: LabelColor, event?: MouseEvent): void;
|
|
297
361
|
getBrokerProgress(broker: Broker, disable?: boolean): {
|
|
298
362
|
activePercentageOfPaid: number;
|
|
@@ -312,6 +376,19 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
312
376
|
castAsState(value: unknown): State | null;
|
|
313
377
|
castAsOwner(value: unknown): Owner | null;
|
|
314
378
|
castAsFuelCard(value: unknown): FuelCard | null;
|
|
379
|
+
castAsPMOption(value: unknown): PMOption | null;
|
|
380
|
+
castAsColorOption(value: unknown): ColorOption | null;
|
|
381
|
+
castAsMake(value: unknown): MakeOption | null;
|
|
382
|
+
castAsTollOption(value: unknown): TollOption | null;
|
|
383
|
+
castAsTollTransponderOption(value: unknown): TollTransponderOption | null;
|
|
384
|
+
castAsFuelStopStore(value: unknown): FuelStopStore | null;
|
|
385
|
+
castAsFranchise(value: unknown): Franchise | null;
|
|
386
|
+
castAsProvider(value: unknown): Provider | null;
|
|
387
|
+
/**
|
|
388
|
+
* Handles infinite scroll event when dropdown is scrolled to bottom
|
|
389
|
+
* Emits an event that parent components can listen to for loading more data
|
|
390
|
+
*/
|
|
391
|
+
onDropdownScrolledToBottom(isGroup?: boolean): void;
|
|
315
392
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }, null]>;
|
|
316
|
-
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; }; "preselectedUnit": { "alias": "preselectedUnit"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onClear": "onClear"; }, never, never, true, never>;
|
|
393
|
+
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; }; "preselectedOptions": { "alias": "preselectedOptions"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; "hideValidation": { "alias": "hideValidation"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "preselectedUnit": { "alias": "preselectedUnit"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocused": "onFocused"; "onValueChange": "onValueChange"; "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onSelectedObject": "onSelectedObject"; "onSelectedGroup": "onSelectedGroup"; "onClear": "onClear"; "onAutofill": "onAutofill"; "onScrolledToBottom": "onScrolledToBottom"; "onScrolledToBottomGroup": "onScrolledToBottomGroup"; "onSearch": "onSearch"; }, never, never, true, never>;
|
|
317
394
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AvatarFile, ColorFlag } from '../../avatar/models';
|
|
2
2
|
export type DropdownOption = {
|
|
3
3
|
id?: number;
|
|
4
4
|
[key: string]: any;
|
|
@@ -31,7 +31,7 @@ export type Driver = {
|
|
|
31
31
|
lastName: string;
|
|
32
32
|
owner?: boolean | null;
|
|
33
33
|
avatarFile?: AvatarFile | null;
|
|
34
|
-
colorFlag?:
|
|
34
|
+
colorFlag?: ColorFlag | null;
|
|
35
35
|
status?: number;
|
|
36
36
|
address: string | null;
|
|
37
37
|
payType: {
|
|
@@ -60,6 +60,7 @@ export type TruckColor = {
|
|
|
60
60
|
export type TruckType = {
|
|
61
61
|
id: number;
|
|
62
62
|
companyId?: number | null;
|
|
63
|
+
truckNumber?: string | null;
|
|
63
64
|
name: string;
|
|
64
65
|
logoName: string;
|
|
65
66
|
};
|
|
@@ -178,6 +179,7 @@ export type Dispatcher = {
|
|
|
178
179
|
fullName: string;
|
|
179
180
|
avatarFile: AvatarFile | null;
|
|
180
181
|
departmentId: number | null;
|
|
182
|
+
colorFlag?: ColorFlag | null;
|
|
181
183
|
};
|
|
182
184
|
export type TruckOption = {
|
|
183
185
|
id: number;
|
|
@@ -222,3 +224,49 @@ export type FuelCard = {
|
|
|
222
224
|
brand?: string | null;
|
|
223
225
|
account?: string | null;
|
|
224
226
|
};
|
|
227
|
+
export type PMOption = {
|
|
228
|
+
id?: number;
|
|
229
|
+
title?: string | null;
|
|
230
|
+
months?: number | null;
|
|
231
|
+
logoName?: string | null;
|
|
232
|
+
};
|
|
233
|
+
export type ColorOption = {
|
|
234
|
+
id?: number;
|
|
235
|
+
companyId?: number | null;
|
|
236
|
+
name?: string | null;
|
|
237
|
+
code?: string | null;
|
|
238
|
+
hoverCode?: string | null;
|
|
239
|
+
};
|
|
240
|
+
export type MakeOption = {
|
|
241
|
+
id?: number;
|
|
242
|
+
companyId?: number | null;
|
|
243
|
+
name?: string | null;
|
|
244
|
+
logoName?: string | null;
|
|
245
|
+
};
|
|
246
|
+
export type TollOption = {
|
|
247
|
+
groupName?: string | null;
|
|
248
|
+
tollTransponders?: TollTransponderOption[] | null;
|
|
249
|
+
};
|
|
250
|
+
export type TollTransponderOption = {
|
|
251
|
+
name?: string | null;
|
|
252
|
+
id?: number;
|
|
253
|
+
};
|
|
254
|
+
export type Franchise = {
|
|
255
|
+
id: number;
|
|
256
|
+
businessName: string;
|
|
257
|
+
count: number;
|
|
258
|
+
fuelStopStores: FuelStopStore[];
|
|
259
|
+
[key: string]: any;
|
|
260
|
+
};
|
|
261
|
+
export type FuelStopStore = {
|
|
262
|
+
id: number;
|
|
263
|
+
companyId: number;
|
|
264
|
+
businessName: string;
|
|
265
|
+
store: string;
|
|
266
|
+
address: Address;
|
|
267
|
+
[key: string]: any;
|
|
268
|
+
};
|
|
269
|
+
export type Provider = {
|
|
270
|
+
id: number;
|
|
271
|
+
name: string;
|
|
272
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption, Hazardous, State, Owner, FuelCard } from './dropdown.model';
|
|
1
|
+
import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption, Hazardous, State, Owner, FuelCard, PMOption, ColorOption, MakeOption, TollOption, TollTransponderOption, Franchise, FuelStopStore, Provider } from './dropdown.model';
|
|
2
2
|
export interface CaiInputConfig {
|
|
3
3
|
type?: 'text' | 'password' | 'number' | 'account';
|
|
4
4
|
name?: string;
|
|
@@ -9,19 +9,26 @@ export interface CaiInputConfig {
|
|
|
9
9
|
icon?: string | null;
|
|
10
10
|
iconColor?: string;
|
|
11
11
|
dropdown?: boolean | DropdownType;
|
|
12
|
+
dropdownAutocomplete?: boolean;
|
|
13
|
+
fullState?: boolean;
|
|
12
14
|
search?: boolean;
|
|
15
|
+
useOutsideSearch?: boolean;
|
|
13
16
|
add?: boolean;
|
|
14
17
|
subcontent?: string;
|
|
15
18
|
textTransform?: 'capitalize' | 'uppercase' | 'lowercase';
|
|
19
|
+
textTransformExceptions?: string[];
|
|
16
20
|
isNumberFormattingDisabled?: boolean;
|
|
17
21
|
textColor?: 'positive';
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
isAddress?: boolean;
|
|
23
|
+
isEdit?: boolean;
|
|
24
|
+
placeholderBehavior?: 'dynamic' | 'fade' | 'static' | 'hidden';
|
|
25
|
+
errorBehavior?: 'dynamic' | 'static' | 'floating' | 'hidden';
|
|
20
26
|
label?: string;
|
|
21
27
|
mask?: string;
|
|
22
28
|
min?: number;
|
|
23
29
|
max?: number;
|
|
24
30
|
step?: number | 'automatic';
|
|
31
|
+
disableDecimals?: boolean;
|
|
25
32
|
prefix?: string;
|
|
26
33
|
withButtons?: boolean;
|
|
27
34
|
autocomplete?: string;
|
|
@@ -30,18 +37,26 @@ export interface CaiInputConfig {
|
|
|
30
37
|
disabled?: boolean;
|
|
31
38
|
passwordRequirements?: boolean;
|
|
32
39
|
canOpenModal?: boolean;
|
|
40
|
+
noSeparator?: boolean;
|
|
41
|
+
squareAvatar?: boolean;
|
|
33
42
|
optionValue?: string;
|
|
34
43
|
optionLabel?: string;
|
|
35
44
|
removable?: boolean;
|
|
36
45
|
autofocus?: boolean;
|
|
46
|
+
size?: (typeof sizes)[number];
|
|
37
47
|
customErrors?: CustomError[];
|
|
48
|
+
disabledCharacters?: string[];
|
|
49
|
+
enabledCharacters?: string[];
|
|
50
|
+
spacesAllowed?: number;
|
|
38
51
|
}
|
|
39
52
|
export type CustomError = {
|
|
40
53
|
name: string;
|
|
41
54
|
message: string | null;
|
|
42
55
|
};
|
|
43
|
-
export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard"];
|
|
56
|
+
export declare const DropdownTypes: readonly ["multiple", "dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard", "pm", "color", "make", "toll", "fuel-stop-transaction", "provider"];
|
|
57
|
+
export declare const sizes: readonly [22, 26];
|
|
44
58
|
export type DropdownType = (typeof DropdownTypes)[number];
|
|
45
|
-
export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[] | Hazardous[] | State[] | Owner[] | FuelCard[];
|
|
46
|
-
export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption | Hazardous | State | Owner | FuelCard;
|
|
47
|
-
export type DropdownKeys = DropdownOption[keyof DropdownOption] | LabelOption[keyof LabelOption] | Dispatch[keyof Dispatch] | Broker[keyof Broker] | Contact[keyof Contact] | Shipper[keyof Shipper] | Bank[keyof Bank] | Dispatcher[keyof Dispatcher] | TruckOption[keyof TruckOption] | TrailerOption[keyof TrailerOption] | Hazardous[keyof Hazardous] | State[keyof State] | Owner[keyof Owner] | FuelCard[keyof FuelCard];
|
|
59
|
+
export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[] | Hazardous[] | State[] | Owner[] | FuelCard[] | PMOption[] | ColorOption[] | MakeOption[] | TollOption[] | Franchise[] | Provider[];
|
|
60
|
+
export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption | Hazardous | State | Owner | FuelCard | PMOption | ColorOption | MakeOption | TollTransponderOption | FuelStopStore | Provider;
|
|
61
|
+
export type DropdownKeys = DropdownOption[keyof DropdownOption] | LabelOption[keyof LabelOption] | Dispatch[keyof Dispatch] | Broker[keyof Broker] | Contact[keyof Contact] | Shipper[keyof Shipper] | Bank[keyof Bank] | Dispatcher[keyof Dispatcher] | TruckOption[keyof TruckOption] | TrailerOption[keyof TrailerOption] | Hazardous[keyof Hazardous] | State[keyof State] | Owner[keyof Owner] | FuelCard[keyof FuelCard] | PMOption[keyof PMOption] | ColorOption[keyof ColorOption] | MakeOption[keyof MakeOption] | TollTransponderOption[keyof TollTransponderOption] | FuelStopStore[keyof FuelStopStore] | Provider[keyof Provider];
|
|
62
|
+
export type DropdownGroups = Franchise;
|
|
@@ -3,7 +3,7 @@ import { CaiInputConfig, DropdownArrays } from '../models';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class FilterBySearchPipe implements PipeTransform {
|
|
5
5
|
hasProperty<T extends object>(obj: T, prop: PropertyKey): prop is keyof T;
|
|
6
|
-
transform(options: DropdownArrays, value: string | undefined | null, type: CaiInputConfig['dropdown'], shouldSearch?: boolean, foldedBoards?: number[], label?: string): any[];
|
|
6
|
+
transform(options: DropdownArrays, value: string | undefined | null, type: CaiInputConfig['dropdown'], shouldSearch?: boolean, foldedBoards?: number[], label?: string, openGroup?: number | null): any[];
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterBySearchPipe, never>;
|
|
8
8
|
static ɵpipe: i0.ɵɵPipeDeclaration<FilterBySearchPipe, "filterBySearch", true>;
|
|
9
9
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class RemapPmIconsPipe implements PipeTransform {
|
|
4
|
+
transform(pm: string | null | undefined): string;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RemapPmIconsPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<RemapPmIconsPipe, "remapPmIcons", true>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit, SimpleChanges, OnChanges } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
|
|
3
|
+
import { CaiInputConfig } from '../input/models';
|
|
4
|
+
import { InputComponent } from '../input/input.component';
|
|
5
|
+
import { AddressData } from './models/address-data.model';
|
|
6
|
+
import { AddressList } from './models/address-list.model';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class InputAddressComponent implements OnInit, ControlValueAccessor, OnDestroy, OnChanges {
|
|
9
|
+
superControl: NgControl;
|
|
10
|
+
private ref;
|
|
11
|
+
inputComponent: InputComponent;
|
|
12
|
+
private destroy$;
|
|
13
|
+
private controlSubscription$;
|
|
14
|
+
private baseConfig;
|
|
15
|
+
id: import("@angular/core").InputSignal<string>;
|
|
16
|
+
config: import("@angular/core").InputSignal<CaiInputConfig>;
|
|
17
|
+
type: import("@angular/core").InputSignal<string>;
|
|
18
|
+
required: import("@angular/core").InputSignal<boolean>;
|
|
19
|
+
isInTable: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
isFormLoaded: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
set activeAddress(value: AddressList | null);
|
|
22
|
+
set receivedAddressData(value: AddressData | null);
|
|
23
|
+
set receivedAddressList(value: {
|
|
24
|
+
addresses: string[];
|
|
25
|
+
} | null);
|
|
26
|
+
set parkingList(value: any[]);
|
|
27
|
+
selectedAddress: import("@angular/core").OutputEmitterRef<any>;
|
|
28
|
+
sentAddressData: import("@angular/core").OutputEmitterRef<any>;
|
|
29
|
+
sentAddressValue: import("@angular/core").OutputEmitterRef<any>;
|
|
30
|
+
_receivedAddressList: {
|
|
31
|
+
addresses: string[];
|
|
32
|
+
} | null;
|
|
33
|
+
_activeAddress: AddressList | null;
|
|
34
|
+
private searchLayers;
|
|
35
|
+
currentAddressData: AddressData | null;
|
|
36
|
+
addressList: AddressList[];
|
|
37
|
+
allowValidation: boolean;
|
|
38
|
+
requestSent: boolean;
|
|
39
|
+
closedBorder: boolean;
|
|
40
|
+
chosenFromDropdown: boolean;
|
|
41
|
+
_parkingList: any[];
|
|
42
|
+
isParkingAddressSelected: boolean;
|
|
43
|
+
inputConfig: import("@angular/core").WritableSignal<CaiInputConfig>;
|
|
44
|
+
isLoading: import("@angular/core").WritableSignal<boolean>;
|
|
45
|
+
constructor(superControl: NgControl, ref: ChangeDetectorRef);
|
|
46
|
+
writeValue(_: any): void;
|
|
47
|
+
onChange: (_: any) => void;
|
|
48
|
+
onTouched: () => void;
|
|
49
|
+
registerOnChange(fn: any): void;
|
|
50
|
+
registerOnTouched(fn: any): void;
|
|
51
|
+
get getSuperControl(): FormControl;
|
|
52
|
+
ngOnInit(): void;
|
|
53
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
54
|
+
private initializeAddressInput;
|
|
55
|
+
private checkSearchLayers;
|
|
56
|
+
private filterParkingByCity;
|
|
57
|
+
private checkAddressValidation;
|
|
58
|
+
onBlur(): void;
|
|
59
|
+
hideValidation(): any;
|
|
60
|
+
initChangesListener(): void;
|
|
61
|
+
onSelectDropdown(name: string | null): void;
|
|
62
|
+
onClearInputEvent(): void;
|
|
63
|
+
getAddressData(address: string): void;
|
|
64
|
+
ngOnDestroy(): void;
|
|
65
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputAddressComponent, [{ self: true; }, null]>;
|
|
66
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputAddressComponent, "cai-input-address", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "isInTable": { "alias": "isInTable"; "required": false; "isSignal": true; }; "isFormLoaded": { "alias": "isFormLoaded"; "required": false; "isSignal": true; }; "activeAddress": { "alias": "activeAddress"; "required": false; }; "receivedAddressData": { "alias": "receivedAddressData"; "required": false; }; "receivedAddressList": { "alias": "receivedAddressList"; "required": false; }; "parkingList": { "alias": "parkingList"; "required": false; }; }, { "selectedAddress": "selectedAddress"; "sentAddressData": "sentAddressData"; "sentAddressValue": "sentAddressValue"; }, never, never, true, never>;
|
|
67
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { LongLat } from './long-lat.model';
|
|
2
|
+
export interface AddressEntity {
|
|
3
|
+
city?: string | null;
|
|
4
|
+
state?: string | null;
|
|
5
|
+
county?: string | null;
|
|
6
|
+
address?: string | null;
|
|
7
|
+
street?: string | null;
|
|
8
|
+
streetNumber?: string | null;
|
|
9
|
+
country?: string | null;
|
|
10
|
+
zipCode?: string | null;
|
|
11
|
+
stateShortName?: string | null;
|
|
12
|
+
addressUnit?: string | null;
|
|
13
|
+
}
|
|
14
|
+
export interface AddressData {
|
|
15
|
+
address: AddressEntity;
|
|
16
|
+
longLat?: LongLat;
|
|
17
|
+
valid: boolean;
|
|
18
|
+
isParking?: boolean;
|
|
19
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const AutocompleteSearchLayer: {
|
|
2
|
+
readonly Venue: "Venue";
|
|
3
|
+
readonly Address: "Address";
|
|
4
|
+
readonly Street: "Street";
|
|
5
|
+
readonly Neighbourhood: "Neighbourhood";
|
|
6
|
+
readonly Borough: "Borough";
|
|
7
|
+
readonly LocalAdmin: "LocalAdmin";
|
|
8
|
+
readonly Locality: "Locality";
|
|
9
|
+
readonly County: "County";
|
|
10
|
+
readonly MacroCounty: "MacroCounty";
|
|
11
|
+
readonly Region: "Region";
|
|
12
|
+
readonly MacroRegion: "MacroRegion";
|
|
13
|
+
readonly Country: "Country";
|
|
14
|
+
readonly Coarse: "Coarse";
|
|
15
|
+
readonly PostalCode: "PostalCode";
|
|
16
|
+
};
|
|
17
|
+
export type AutocompleteSearchLayer = (typeof AutocompleteSearchLayer)[keyof typeof AutocompleteSearchLayer];
|
|
18
|
+
export interface SentAddressData {
|
|
19
|
+
query: string;
|
|
20
|
+
searchLayers: AutocompleteSearchLayer[];
|
|
21
|
+
closedBorder: boolean;
|
|
22
|
+
}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
+
import { NgbPopover, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
|
|
4
|
+
import { eGeneralActions } from '../../enums/general-actions.enum';
|
|
5
|
+
import { CalendarDateTimePickerService } from './components/cai-custom-datetime-pickers/services/calendar-datetime-picker.service';
|
|
6
|
+
import { CaiDateTimeConfig } from './interfaces/input-datetime.interface';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export type InputChangeValue = string | number | Date;
|
|
9
|
+
export declare class CaiInputDatetimePickerComponent implements AfterViewInit, ControlValueAccessor, OnDestroy {
|
|
10
|
+
superControl: NgControl;
|
|
11
|
+
private calendarService;
|
|
12
|
+
id: string;
|
|
13
|
+
inputConfig: CaiDateTimeConfig;
|
|
14
|
+
formFormat?: string;
|
|
15
|
+
clearInputEvent: EventEmitter<boolean>;
|
|
16
|
+
blurInputEvent: EventEmitter<boolean>;
|
|
17
|
+
dateTimePopover: NgbPopover;
|
|
18
|
+
t2: NgbPopover;
|
|
19
|
+
showDateInput: boolean;
|
|
20
|
+
dateTimeInputDate: Date;
|
|
21
|
+
dateTimeIntDate: Date;
|
|
22
|
+
selectionInput: number;
|
|
23
|
+
private dateTimeMainTimer;
|
|
24
|
+
private focusBlur;
|
|
25
|
+
private timeoutCleaner;
|
|
26
|
+
eGeneralActions: typeof eGeneralActions;
|
|
27
|
+
isTouchedInput: boolean;
|
|
28
|
+
isFocusInput: boolean;
|
|
29
|
+
preventBlur: boolean;
|
|
30
|
+
valueAfterWriteValue: string;
|
|
31
|
+
newInputChanged: boolean;
|
|
32
|
+
selectLastOneForSelectionEmitter: EventEmitter<boolean>;
|
|
33
|
+
selectLastOneAfterMouseUpEmitter: EventEmitter<boolean>;
|
|
34
|
+
onDatePasteEmitter: EventEmitter<ClipboardEvent>;
|
|
35
|
+
onFocusEmitter: EventEmitter<FocusEvent>;
|
|
36
|
+
changeSelectionEmmiter: EventEmitter<{
|
|
37
|
+
e: KeyboardEvent;
|
|
38
|
+
noPreventDefault: boolean;
|
|
39
|
+
}>;
|
|
40
|
+
setSelectionEmmiter: EventEmitter<{
|
|
41
|
+
preventDefault: () => void;
|
|
42
|
+
stopPropagation: () => void;
|
|
43
|
+
target: any;
|
|
44
|
+
}>;
|
|
45
|
+
span1: ElementRef;
|
|
46
|
+
span2: ElementRef;
|
|
47
|
+
span3: ElementRef;
|
|
48
|
+
holder1: ElementRef;
|
|
49
|
+
closeTooltip: NgbTooltip;
|
|
50
|
+
private destroy$;
|
|
51
|
+
constructor(superControl: NgControl, calendarService: CalendarDateTimePickerService);
|
|
52
|
+
ngOnInit(): void;
|
|
53
|
+
registerOnChange(fn: any): void;
|
|
54
|
+
onChange(_: InputChangeValue): void;
|
|
55
|
+
onTouched: () => void;
|
|
56
|
+
writeValue(obj: InputChangeValue): void;
|
|
57
|
+
registerOnTouched(fn: () => void): void;
|
|
58
|
+
blurInput(): void;
|
|
59
|
+
ngAfterViewInit(): void;
|
|
60
|
+
get getSuperControl(): import("@angular/forms").AbstractControl<any, any> | null;
|
|
61
|
+
get isRequired(): boolean | undefined;
|
|
62
|
+
onDatePaste(event: ClipboardEvent): void;
|
|
63
|
+
changeSelection(e: any, noPreventDefault?: boolean): void;
|
|
64
|
+
changeSelectionTwo(event: KeyboardEvent, noPreventDefault?: boolean): void;
|
|
65
|
+
private isNumber;
|
|
66
|
+
private isNavigationKey;
|
|
67
|
+
onFocus(event?: FocusEvent): void;
|
|
68
|
+
closePopover(date: Date): void;
|
|
69
|
+
handleFocusInput(e: Event): void;
|
|
70
|
+
setSpanSelection(element: Node): void;
|
|
71
|
+
setSelection(event: {
|
|
72
|
+
preventDefault: () => void;
|
|
73
|
+
stopPropagation: () => void;
|
|
74
|
+
target: any;
|
|
75
|
+
}): void;
|
|
76
|
+
blurOnDateTime(): void;
|
|
77
|
+
onPopoverShown(): void;
|
|
78
|
+
onPopoverHidden(): void;
|
|
79
|
+
setTimeDateInput(date: InputChangeValue, hasValue?: boolean): void;
|
|
80
|
+
private markAsTouched;
|
|
81
|
+
handleKeyboardInputs(e: KeyboardEvent, isRestart?: boolean): void;
|
|
82
|
+
selectSpanByTabIndex(indx: number, changeTab?: boolean): void;
|
|
83
|
+
private handleNavigationKey;
|
|
84
|
+
private handleDatePickerInput;
|
|
85
|
+
private setDateTimeModel;
|
|
86
|
+
private moveSelectionRightOrTab;
|
|
87
|
+
private focusPreviousInput;
|
|
88
|
+
private focusNextInput;
|
|
89
|
+
setIsFocusInput(value: boolean): void;
|
|
90
|
+
private moveSelectionLeft;
|
|
91
|
+
private updateMonth;
|
|
92
|
+
private updateDate;
|
|
93
|
+
private updateYear;
|
|
94
|
+
private padValue;
|
|
95
|
+
private handleTimePickerInput;
|
|
96
|
+
private updateHours;
|
|
97
|
+
private updateMinutes;
|
|
98
|
+
private toggleAMPM;
|
|
99
|
+
clearInput(event: Event): void;
|
|
100
|
+
onBlurInput(event: any): void;
|
|
101
|
+
resetDateTimeInputs(): void;
|
|
102
|
+
setTimePickerTime(): void;
|
|
103
|
+
ngOnDestroy(): void;
|
|
104
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaiInputDatetimePickerComponent, [{ self: true; }, null]>;
|
|
105
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaiInputDatetimePickerComponent, "cai-input-datetime-picker", never, { "id": { "alias": "id"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "formFormat": { "alias": "formFormat"; "required": false; }; }, { "clearInputEvent": "clear"; "blurInputEvent": "blurInput"; "selectLastOneForSelectionEmitter": "selectLastOneForSelectionEmitter"; "selectLastOneAfterMouseUpEmitter": "selectLastOneAfterMouseUpEmitter"; "onDatePasteEmitter": "onDatePasteEmitter"; "onFocusEmitter": "onFocusEmitter"; "changeSelectionEmmiter": "changeSelectionEmmiter"; "setSelectionEmmiter": "setSelectionEmmiter"; }, never, never, true, never>;
|
|
106
|
+
}
|