carriera-intern-components 1.1.11 → 1.1.13
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/input/input.component.d.ts +7 -4
- package/app/components/input/models/dropdown.model.d.ts +6 -0
- package/app/components/input/models/input.model.d.ts +6 -5
- package/app/components/input/pipes/remap-pm-icons.pipe.d.ts +7 -0
- package/app/components/input-datetime-picker/cai-input-datetime-picker.component.d.ts +103 -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 +168 -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/pipes/input-clear-class.pipe.d.ts +14 -0
- package/app/components/input-datetime-picker/pipes/input-date-time-container-class.pipe.d.ts +11 -0
- package/app/components/input-datetime-picker/pipes/input-dropdown-arrow-class.pipe.d.ts +11 -0
- package/app/components/input-datetime-picker/pipes/input-placeholder-icon.class.pipe.d.ts +11 -0
- package/app/components/input-datetime-picker/pipes/show-clear.pipe.d.ts +8 -0
- package/app/directives/hover-svg-directives.d.ts +15 -0
- package/app/directives/index.d.ts +1 -0
- package/app/enums/general-actions.enum.d.ts +58 -0
- package/fesm2022/carriera-intern-components.mjs +2509 -24
- package/fesm2022/carriera-intern-components.mjs.map +1 -1
- package/package.json +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/interaction/cai_time.svg +3 -0
- package/public/assets/icons/interaction/cai_x.svg +4 -0
- package/public/assets/json/icons.json +19 -3
- package/public-api.d.ts +1 -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<22 | 18 | 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}
|
|
@@ -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 } 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.
|
|
@@ -35,6 +35,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
35
35
|
stateRef: any;
|
|
36
36
|
ownerRef: any;
|
|
37
37
|
fuelcardRef: any;
|
|
38
|
+
pmRef: any;
|
|
39
|
+
selectedPmRef: any;
|
|
38
40
|
selectedOwnerRef: any;
|
|
39
41
|
selectedHazardousRef: any;
|
|
40
42
|
selectedDispatchRef: any;
|
|
@@ -64,8 +66,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
64
66
|
- `reveal`: For password inputs, the number of characters to reveal from the end.
|
|
65
67
|
- `icon`: Name of an icon to display (e.g., `'cai-email'`).
|
|
66
68
|
- `iconColor`: Color of the displayed icon (e.g., `'#FF0000'`).
|
|
67
|
-
- `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.
|
|
68
|
-
- `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[]`.
|
|
69
|
+
- `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.
|
|
70
|
+
- `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[]`.
|
|
69
71
|
- `labelColors`: An array of label colors for the label picker.
|
|
70
72
|
- `search`: Enables search within the dropdown.
|
|
71
73
|
- `add`: Enables 'add new' functionality in the dropdown.
|
|
@@ -168,7 +170,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
168
170
|
/**
|
|
169
171
|
* An output signal that emits the value of the added option.
|
|
170
172
|
*/
|
|
171
|
-
onOptionAdded: import("@angular/core").OutputEmitterRef<
|
|
173
|
+
onOptionAdded: import("@angular/core").OutputEmitterRef<string | LabelOption>;
|
|
172
174
|
/**
|
|
173
175
|
* An output signal that emits when the user clicks on the "ADD NEW" button in the dropdown.
|
|
174
176
|
*/
|
|
@@ -331,6 +333,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
331
333
|
castAsState(value: unknown): State | null;
|
|
332
334
|
castAsOwner(value: unknown): Owner | null;
|
|
333
335
|
castAsFuelCard(value: unknown): FuelCard | null;
|
|
336
|
+
castAsPMOption(value: unknown): PMOption | null;
|
|
334
337
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }, null]>;
|
|
335
338
|
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"; "onAutofill": "onAutofill"; }, never, never, true, never>;
|
|
336
339
|
}
|
|
@@ -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 } from './dropdown.model';
|
|
2
2
|
export interface CaiInputConfig {
|
|
3
3
|
type?: 'text' | 'password' | 'number' | 'account';
|
|
4
4
|
name?: string;
|
|
@@ -30,6 +30,7 @@ export interface CaiInputConfig {
|
|
|
30
30
|
disabled?: boolean;
|
|
31
31
|
passwordRequirements?: boolean;
|
|
32
32
|
canOpenModal?: boolean;
|
|
33
|
+
noSeparator?: boolean;
|
|
33
34
|
optionValue?: string;
|
|
34
35
|
optionLabel?: string;
|
|
35
36
|
removable?: boolean;
|
|
@@ -40,8 +41,8 @@ export type CustomError = {
|
|
|
40
41
|
name: string;
|
|
41
42
|
message: string | null;
|
|
42
43
|
};
|
|
43
|
-
export declare const DropdownTypes: readonly ["multiple", "dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard"];
|
|
44
|
+
export declare const DropdownTypes: readonly ["multiple", "dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard", "pm"];
|
|
44
45
|
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];
|
|
46
|
+
export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[] | Hazardous[] | State[] | Owner[] | FuelCard[] | PMOption[];
|
|
47
|
+
export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption | Hazardous | State | Owner | FuelCard | PMOption;
|
|
48
|
+
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];
|
|
@@ -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,103 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
+
import { NgbPopover } 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 { ICaInput } from './components/cai-custom-datetime-pickers/config';
|
|
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
|
+
inputConfig: ICaInput;
|
|
13
|
+
formFormat?: string;
|
|
14
|
+
clearInputEvent: EventEmitter<boolean>;
|
|
15
|
+
blurInputEvent: EventEmitter<boolean>;
|
|
16
|
+
dateTimePopover: NgbPopover;
|
|
17
|
+
t2: NgbPopover;
|
|
18
|
+
showDateInput: boolean;
|
|
19
|
+
dateTimeInputDate: Date;
|
|
20
|
+
dateTimeIntDate: Date;
|
|
21
|
+
selectionInput: number;
|
|
22
|
+
private dateTimeMainTimer;
|
|
23
|
+
private focusBlur;
|
|
24
|
+
private timeoutCleaner;
|
|
25
|
+
eGeneralActions: typeof eGeneralActions;
|
|
26
|
+
isTouchedInput: boolean;
|
|
27
|
+
isFocusInput: boolean;
|
|
28
|
+
preventBlur: boolean;
|
|
29
|
+
valueAfterWriteValue: string;
|
|
30
|
+
newInputChanged: boolean;
|
|
31
|
+
selectLastOneForSelectionEmitter: EventEmitter<boolean>;
|
|
32
|
+
selectLastOneAfterMouseUpEmitter: EventEmitter<boolean>;
|
|
33
|
+
onDatePasteEmitter: EventEmitter<ClipboardEvent>;
|
|
34
|
+
onFocusEmitter: EventEmitter<FocusEvent>;
|
|
35
|
+
changeSelectionEmmiter: EventEmitter<{
|
|
36
|
+
e: KeyboardEvent;
|
|
37
|
+
noPreventDefault: boolean;
|
|
38
|
+
}>;
|
|
39
|
+
setSelectionEmmiter: EventEmitter<{
|
|
40
|
+
preventDefault: () => void;
|
|
41
|
+
stopPropagation: () => void;
|
|
42
|
+
target: any;
|
|
43
|
+
}>;
|
|
44
|
+
span1: ElementRef;
|
|
45
|
+
span2: ElementRef;
|
|
46
|
+
span3: ElementRef;
|
|
47
|
+
holder1: ElementRef;
|
|
48
|
+
private destroy$;
|
|
49
|
+
constructor(superControl: NgControl, calendarService: CalendarDateTimePickerService);
|
|
50
|
+
ngOnInit(): void;
|
|
51
|
+
registerOnChange(fn: any): void;
|
|
52
|
+
onChange(_: InputChangeValue): void;
|
|
53
|
+
onTouched: () => void;
|
|
54
|
+
writeValue(obj: InputChangeValue): void;
|
|
55
|
+
registerOnTouched(fn: () => void): void;
|
|
56
|
+
blurInput(): void;
|
|
57
|
+
ngAfterViewInit(): void;
|
|
58
|
+
get getSuperControl(): import("@angular/forms").AbstractControl<any, any> | null;
|
|
59
|
+
onDatePaste(event: ClipboardEvent): void;
|
|
60
|
+
changeSelection(e: any, noPreventDefault?: boolean): void;
|
|
61
|
+
changeSelectionTwo(event: KeyboardEvent, noPreventDefault?: boolean): void;
|
|
62
|
+
private isNumber;
|
|
63
|
+
private isNavigationKey;
|
|
64
|
+
onFocus(event?: FocusEvent): void;
|
|
65
|
+
closePopover(date: Date): void;
|
|
66
|
+
handleFocusInput(e: Event): void;
|
|
67
|
+
setSpanSelection(element: Node): void;
|
|
68
|
+
setSelection(event: {
|
|
69
|
+
preventDefault: () => void;
|
|
70
|
+
stopPropagation: () => void;
|
|
71
|
+
target: any;
|
|
72
|
+
}): void;
|
|
73
|
+
blurOnDateTime(): void;
|
|
74
|
+
onPopoverShown(): void;
|
|
75
|
+
onPopoverHidden(): void;
|
|
76
|
+
setTimeDateInput(date: InputChangeValue, hasValue?: boolean): void;
|
|
77
|
+
private markAsTouched;
|
|
78
|
+
handleKeyboardInputs(e: KeyboardEvent, isRestart?: boolean): void;
|
|
79
|
+
selectSpanByTabIndex(indx: number, changeTab?: boolean): void;
|
|
80
|
+
private handleNavigationKey;
|
|
81
|
+
private handleDatePickerInput;
|
|
82
|
+
private setDateTimeModel;
|
|
83
|
+
private moveSelectionRightOrTab;
|
|
84
|
+
private focusPreviousInput;
|
|
85
|
+
private focusNextInput;
|
|
86
|
+
setIsFocusInput(value: boolean): void;
|
|
87
|
+
private moveSelectionLeft;
|
|
88
|
+
private updateMonth;
|
|
89
|
+
private updateDate;
|
|
90
|
+
private updateYear;
|
|
91
|
+
private padValue;
|
|
92
|
+
private handleTimePickerInput;
|
|
93
|
+
private updateHours;
|
|
94
|
+
private updateMinutes;
|
|
95
|
+
private toggleAMPM;
|
|
96
|
+
clearInput(event: Event): void;
|
|
97
|
+
onBlurInput(event: any): void;
|
|
98
|
+
resetDateTimeInputs(): void;
|
|
99
|
+
setTimePickerTime(): void;
|
|
100
|
+
ngOnDestroy(): void;
|
|
101
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaiInputDatetimePickerComponent, [{ self: true; }, null]>;
|
|
102
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaiInputDatetimePickerComponent, "cai-input-datetime-picker", never, { "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>;
|
|
103
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, OnInit, ViewContainerRef, OnDestroy, AfterViewInit } from '@angular/core';
|
|
2
|
+
import { CalendarDateTimePickerService } from './services/calendar-datetime-picker.service';
|
|
3
|
+
import { CaCustomDateTimePickersDateCalendarsComponent } from './components/cai-custom-datetime-pickers-date-calendars/cai-custom-datetime-pickers-date-calendars.component';
|
|
4
|
+
import { ScrollType } from './models/scroll-type.model';
|
|
5
|
+
import { ICaInput } from './config';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class CaCustomDatetimePickersComponent implements OnInit, OnDestroy, AfterViewInit {
|
|
8
|
+
private calendarService;
|
|
9
|
+
dateTime: Date;
|
|
10
|
+
ref: ViewContainerRef;
|
|
11
|
+
_inputConfig: ICaInput;
|
|
12
|
+
set inputConfig(config: ICaInput);
|
|
13
|
+
closePopover: EventEmitter<Date>;
|
|
14
|
+
dateCalendar: CaCustomDateTimePickersDateCalendarsComponent;
|
|
15
|
+
pmAmScroll: ElementRef;
|
|
16
|
+
minutesScroll: ElementRef;
|
|
17
|
+
hourScroll: ElementRef;
|
|
18
|
+
selectedDateTime: string;
|
|
19
|
+
calendarMainType: string;
|
|
20
|
+
outputType: (string | number)[];
|
|
21
|
+
currentYear: number;
|
|
22
|
+
currentMonth: number;
|
|
23
|
+
currentDay: number;
|
|
24
|
+
listPreview: string;
|
|
25
|
+
timeMinutes: string[];
|
|
26
|
+
monthArray: number[];
|
|
27
|
+
monthDayList: number[];
|
|
28
|
+
yearsList: (string | number)[];
|
|
29
|
+
scrollTimer: ReturnType<typeof setTimeout> | number;
|
|
30
|
+
hoveredItem: string | null;
|
|
31
|
+
isInputFocus: boolean;
|
|
32
|
+
monthNames: string[];
|
|
33
|
+
hourTimes: number[];
|
|
34
|
+
scrollTypes: ScrollType;
|
|
35
|
+
selectedTime: string;
|
|
36
|
+
timeOfDay: string[];
|
|
37
|
+
previousRangeSide: boolean;
|
|
38
|
+
constructor(calendarService: CalendarDateTimePickerService);
|
|
39
|
+
set calendarType(calendarType: string);
|
|
40
|
+
set placeholder(placeholder: string);
|
|
41
|
+
ngOnInit(): void;
|
|
42
|
+
ngAfterViewInit(): void;
|
|
43
|
+
initDateChangedListener(): void;
|
|
44
|
+
setTimeValue(): void;
|
|
45
|
+
setListPreview(value: string): void;
|
|
46
|
+
inputInFocus(): void;
|
|
47
|
+
inputBlur(): void;
|
|
48
|
+
changeOpened(): void;
|
|
49
|
+
setTime(): void;
|
|
50
|
+
setDefaultTime(): void;
|
|
51
|
+
closePopup(): void;
|
|
52
|
+
createStringFromOutput(): string;
|
|
53
|
+
onScroll(event: Event, type: keyof ScrollType, index?: number | null): void;
|
|
54
|
+
checkForScrolledType(type: string): void;
|
|
55
|
+
ngOnDestroy(): void;
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaCustomDatetimePickersComponent, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaCustomDatetimePickersComponent, "cai-custom-datetime-pickers", never, { "dateTime": { "alias": "dateTime"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "closePopover": "closePopover"; }, never, never, true, never>;
|
|
58
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { CalendarDateTimePickerService } from '../../services/calendar-datetime-picker.service';
|
|
3
|
+
import { CalendarStrategy } from '../../strategy/calendar-strategy';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class CaCustomDateTimePickerCalendarDatesMainComponent implements OnInit, OnDestroy {
|
|
6
|
+
private calendarService;
|
|
7
|
+
months: Date[];
|
|
8
|
+
dateTime: Date;
|
|
9
|
+
currentIndex: number;
|
|
10
|
+
currentYearIndex: number;
|
|
11
|
+
activeIndex: number;
|
|
12
|
+
monthYearsIndx: string[];
|
|
13
|
+
_listPreview: string;
|
|
14
|
+
set listPreview(value: string);
|
|
15
|
+
isMonthAndYearOnly: boolean;
|
|
16
|
+
setListPreviewToFull: EventEmitter<number>;
|
|
17
|
+
setAutoIndex: EventEmitter<number>;
|
|
18
|
+
scrollStrategy: CalendarStrategy;
|
|
19
|
+
private destroy$;
|
|
20
|
+
monthNames: string[];
|
|
21
|
+
selectedYear: number;
|
|
22
|
+
selectedYearFromInput: number;
|
|
23
|
+
selMonth: number;
|
|
24
|
+
selectedMonth: string;
|
|
25
|
+
private activeMonth;
|
|
26
|
+
constructor(calendarService: CalendarDateTimePickerService);
|
|
27
|
+
ngOnInit(): void;
|
|
28
|
+
initScrollListeners(): void;
|
|
29
|
+
findIndexInMonth(date: string): number;
|
|
30
|
+
onMonthChange(data: any): void;
|
|
31
|
+
getMonth(index: number): string;
|
|
32
|
+
mouseOverSetItem(): void;
|
|
33
|
+
setCalendarListPreview(num: number, index: number): void;
|
|
34
|
+
selectDay(data: {
|
|
35
|
+
day: number;
|
|
36
|
+
index: number;
|
|
37
|
+
}): void;
|
|
38
|
+
ngOnDestroy(): void;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaCustomDateTimePickerCalendarDatesMainComponent, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaCustomDateTimePickerCalendarDatesMainComponent, "cai-custom-datetime-pickers--calendar-dates-main", never, { "months": { "alias": "months"; "required": false; }; "dateTime": { "alias": "dateTime"; "required": false; }; "currentIndex": { "alias": "currentIndex"; "required": false; }; "currentYearIndex": { "alias": "currentYearIndex"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "monthYearsIndx": { "alias": "monthYearsIndx"; "required": false; }; "listPreview": { "alias": "listPreview"; "required": false; }; "isMonthAndYearOnly": { "alias": "isMonthAndYearOnly"; "required": false; }; }, { "setListPreviewToFull": "setListPreviewToFull"; "setAutoIndex": "setAutoIndex"; }, never, never, true, never>;
|
|
41
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CaCustomDateTimePickersCalendarDaysComponent implements OnInit {
|
|
4
|
+
dateTime: Date;
|
|
5
|
+
year: number;
|
|
6
|
+
selectedMonth: string;
|
|
7
|
+
index: number;
|
|
8
|
+
activeMonth: boolean;
|
|
9
|
+
selectDay: EventEmitter<any>;
|
|
10
|
+
currentYear: number;
|
|
11
|
+
currentMonth: number;
|
|
12
|
+
currentDay: number;
|
|
13
|
+
selectedMonthFromInput: number;
|
|
14
|
+
selectedYearFromInput: number;
|
|
15
|
+
days: ReadonlyArray<string | number>;
|
|
16
|
+
selectedDay: number;
|
|
17
|
+
selMonth: number;
|
|
18
|
+
selectedYear: number;
|
|
19
|
+
set month(month: Date);
|
|
20
|
+
constructor();
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
chooseDay(day: number | string): void;
|
|
23
|
+
private setSelectedDate;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaCustomDateTimePickersCalendarDaysComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaCustomDateTimePickersCalendarDaysComponent, "cai-custom-datetime-picker-calendar-days", never, { "dateTime": { "alias": "dateTime"; "required": false; }; "year": { "alias": "year"; "required": false; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; }; "index": { "alias": "index"; "required": false; }; "activeMonth": { "alias": "activeMonth"; "required": false; }; "month": { "alias": "month"; "required": false; }; }, { "selectDay": "selectDay"; }, never, never, true, never>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { OnInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { CalendarDateTimePickerService } from '../../services/calendar-datetime-picker.service';
|
|
3
|
+
import { CalendarStrategy } from '../../strategy/calendar-strategy';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class CaCustomDateTimePickersCalendarLeftComponent implements OnInit, OnDestroy {
|
|
6
|
+
private calendarService;
|
|
7
|
+
months: Date[];
|
|
8
|
+
currentIndex: number;
|
|
9
|
+
isMonthAndYearOnly: boolean;
|
|
10
|
+
_listPreview: string;
|
|
11
|
+
set listPreview(value: string);
|
|
12
|
+
_currentYearIndex: number;
|
|
13
|
+
set currentYearIndex(value: number);
|
|
14
|
+
_activeIndex: number;
|
|
15
|
+
set activeIndex(value: number);
|
|
16
|
+
isHovered: boolean;
|
|
17
|
+
private isFirstCall;
|
|
18
|
+
private destroy$;
|
|
19
|
+
constructor(calendarService: CalendarDateTimePickerService);
|
|
20
|
+
scrollStrategy: CalendarStrategy;
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
initScrollListeners(): void;
|
|
23
|
+
findIndexInMonth(date: string): number;
|
|
24
|
+
onScrollChanged(data: any): void;
|
|
25
|
+
selectMonth(indx: number): void;
|
|
26
|
+
mouseOverSetItem(): void;
|
|
27
|
+
ngOnDestroy(): void;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaCustomDateTimePickersCalendarLeftComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaCustomDateTimePickersCalendarLeftComponent, "cai-custom-datetime-pickers-calendar-left", never, { "months": { "alias": "months"; "required": false; }; "currentIndex": { "alias": "currentIndex"; "required": false; }; "isMonthAndYearOnly": { "alias": "isMonthAndYearOnly"; "required": false; }; "listPreview": { "alias": "listPreview"; "required": false; }; "currentYearIndex": { "alias": "currentYearIndex"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
+
import { CalendarDateTimePickerService } from '../../services/calendar-datetime-picker.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CaCustomDateTimePickersDateCalendarsComponent implements OnInit, OnDestroy {
|
|
5
|
+
private calendarService;
|
|
6
|
+
listPreview: string;
|
|
7
|
+
dateTime: Date;
|
|
8
|
+
isMonthAndYearOnly: boolean;
|
|
9
|
+
setListPreviewValue: EventEmitter<any>;
|
|
10
|
+
private currentYear;
|
|
11
|
+
private currentMonth;
|
|
12
|
+
private activeMonth;
|
|
13
|
+
private subscription?;
|
|
14
|
+
private destroy$;
|
|
15
|
+
private monthNames;
|
|
16
|
+
dayOfWeekLetters: string[];
|
|
17
|
+
activeIndex: number;
|
|
18
|
+
currentIndex: number;
|
|
19
|
+
currentYearIndex: number;
|
|
20
|
+
monthYearsIndx: string[];
|
|
21
|
+
months: Date[];
|
|
22
|
+
justYears: Date[];
|
|
23
|
+
selectedYear: number;
|
|
24
|
+
selectedMonth: string;
|
|
25
|
+
constructor(calendarService: CalendarDateTimePickerService);
|
|
26
|
+
ngOnInit(): void;
|
|
27
|
+
initScrollListener(): void;
|
|
28
|
+
initInitalState(): void;
|
|
29
|
+
onMonthChange(month: number): void;
|
|
30
|
+
getMonth(index: number): string;
|
|
31
|
+
setListPreview(): void;
|
|
32
|
+
setListPreviewToFull(num: number): void;
|
|
33
|
+
setAutoIndex(num: number): void;
|
|
34
|
+
selectCurrentDay(): void;
|
|
35
|
+
ngOnDestroy(): void;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaCustomDateTimePickersDateCalendarsComponent, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaCustomDateTimePickersDateCalendarsComponent, "cai-custom-datetime-pickers-date-calendars", never, { "listPreview": { "alias": "listPreview"; "required": false; }; "dateTime": { "alias": "dateTime"; "required": false; }; "isMonthAndYearOnly": { "alias": "isMonthAndYearOnly"; "required": false; }; }, { "setListPreviewValue": "setListPreviewValue"; }, never, never, true, never>;
|
|
38
|
+
}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
export interface IMultipleInput {
|
|
2
|
+
id?: number;
|
|
3
|
+
value: string | number;
|
|
4
|
+
second_value?: string | number;
|
|
5
|
+
logoName?: string;
|
|
6
|
+
isImg?: boolean;
|
|
7
|
+
isSvg?: boolean;
|
|
8
|
+
folder?: string;
|
|
9
|
+
subFolder?: string;
|
|
10
|
+
logoType?: string;
|
|
11
|
+
isOwner?: boolean;
|
|
12
|
+
isProgressBar?: boolean;
|
|
13
|
+
isCounter?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface ICaInputDateTimePicker {
|
|
16
|
+
name: string;
|
|
17
|
+
isIconHidden?: boolean;
|
|
18
|
+
customClass?: string;
|
|
19
|
+
isDisabled?: boolean;
|
|
20
|
+
isFutureDateDisabled?: boolean;
|
|
21
|
+
expiredDateInvalid?: boolean;
|
|
22
|
+
isFromDate?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface ICaInputWithDropdown {
|
|
25
|
+
withText: boolean;
|
|
26
|
+
svg: boolean;
|
|
27
|
+
image: boolean;
|
|
28
|
+
iconsPath?: string;
|
|
29
|
+
activeItemIconKey?: string;
|
|
30
|
+
url?: string;
|
|
31
|
+
nameInitialsInsteadUrl?: string;
|
|
32
|
+
template?: string;
|
|
33
|
+
color?: string;
|
|
34
|
+
class?: string;
|
|
35
|
+
remove?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export interface ICaInput {
|
|
38
|
+
id?: number;
|
|
39
|
+
name: string;
|
|
40
|
+
type: string;
|
|
41
|
+
label?: string;
|
|
42
|
+
labelInInput?: boolean;
|
|
43
|
+
placeholder?: string;
|
|
44
|
+
placeholderIcon?: string;
|
|
45
|
+
placeholderIconRightSide?: string;
|
|
46
|
+
isPlaceHolderIconRightSideDynamicColor?: boolean;
|
|
47
|
+
placeholderIconFolllowTextOnRightSide?: string;
|
|
48
|
+
placeholderIconColor?: string;
|
|
49
|
+
placeholderWithLabel?: boolean;
|
|
50
|
+
placeholderText?: string;
|
|
51
|
+
placeholderInsteadOfLabel?: boolean;
|
|
52
|
+
inputCursorOnRightSide?: boolean;
|
|
53
|
+
isRequired?: boolean;
|
|
54
|
+
isDisabled?: boolean;
|
|
55
|
+
pattern?: string;
|
|
56
|
+
autocomplete?: string;
|
|
57
|
+
showCount?: boolean;
|
|
58
|
+
minLength?: number;
|
|
59
|
+
maxLength?: number;
|
|
60
|
+
minValue?: number;
|
|
61
|
+
maxValue?: number;
|
|
62
|
+
min?: number;
|
|
63
|
+
max?: number;
|
|
64
|
+
step?: number;
|
|
65
|
+
mask?: string;
|
|
66
|
+
textTransform?: 'capitalize' | 'uppercase' | 'lowercase' | 'capitalizedcase';
|
|
67
|
+
textAlign?: string | 'center';
|
|
68
|
+
blackInput?: boolean;
|
|
69
|
+
blueInput?: boolean;
|
|
70
|
+
incorrectInput?: boolean;
|
|
71
|
+
dangerMark?: boolean;
|
|
72
|
+
autoFocus?: boolean;
|
|
73
|
+
hideClear?: boolean;
|
|
74
|
+
hideRequiredCheck?: boolean;
|
|
75
|
+
hideErrorMessage?: boolean;
|
|
76
|
+
hideDangerMark?: boolean;
|
|
77
|
+
hideDropdownArrow?: boolean;
|
|
78
|
+
requiredLabel?: boolean;
|
|
79
|
+
errorInsideInput?: boolean;
|
|
80
|
+
removeInput?: boolean;
|
|
81
|
+
readOnly?: boolean;
|
|
82
|
+
thousandSeparator?: boolean;
|
|
83
|
+
priceSeparator?: boolean;
|
|
84
|
+
priceSeparatorLimitation?: number;
|
|
85
|
+
loadingSpinner?: {
|
|
86
|
+
size?: string;
|
|
87
|
+
color?: string;
|
|
88
|
+
isLoading?: boolean;
|
|
89
|
+
};
|
|
90
|
+
addressFlag?: string;
|
|
91
|
+
customClass?: string;
|
|
92
|
+
isIconInput?: boolean;
|
|
93
|
+
isValidIcon?: boolean;
|
|
94
|
+
inputIcon?: string;
|
|
95
|
+
multipleInputValues?: {
|
|
96
|
+
options: IMultipleInput[];
|
|
97
|
+
customClass: string;
|
|
98
|
+
};
|
|
99
|
+
multipleLabel?: {
|
|
100
|
+
labels: string[];
|
|
101
|
+
searchLabels?: string[];
|
|
102
|
+
customClass: string;
|
|
103
|
+
};
|
|
104
|
+
isInputBackgroundRemoved?: boolean;
|
|
105
|
+
isBlueText?: boolean;
|
|
106
|
+
commands?: {
|
|
107
|
+
active?: boolean;
|
|
108
|
+
type?: string;
|
|
109
|
+
firstCommand?: {
|
|
110
|
+
popup?: {
|
|
111
|
+
name?: string;
|
|
112
|
+
backgroundColor?: string;
|
|
113
|
+
};
|
|
114
|
+
name?: string;
|
|
115
|
+
svg?: string;
|
|
116
|
+
};
|
|
117
|
+
secondCommand?: {
|
|
118
|
+
popup?: {
|
|
119
|
+
name?: string;
|
|
120
|
+
backgroundColor?: string;
|
|
121
|
+
};
|
|
122
|
+
name?: string;
|
|
123
|
+
svg?: string;
|
|
124
|
+
};
|
|
125
|
+
thirdCommand?: {
|
|
126
|
+
popup?: {
|
|
127
|
+
name?: string;
|
|
128
|
+
backgroundColor?: string;
|
|
129
|
+
};
|
|
130
|
+
name?: string;
|
|
131
|
+
svg?: string;
|
|
132
|
+
};
|
|
133
|
+
setTimeout?: number;
|
|
134
|
+
blueCommands?: boolean;
|
|
135
|
+
};
|
|
136
|
+
defaultValue?: string;
|
|
137
|
+
isDropdown?: boolean;
|
|
138
|
+
dropdownWidthClass?: string;
|
|
139
|
+
dropdownImageInput?: ICaInputWithDropdown | null;
|
|
140
|
+
isInvalidSearchInDropdown?: boolean;
|
|
141
|
+
selectedDropdown?: boolean;
|
|
142
|
+
mergeDropdownBodyWithInput?: boolean;
|
|
143
|
+
hideAllItemsInInputDropdown?: boolean;
|
|
144
|
+
isBlueDropdown?: boolean;
|
|
145
|
+
isItemSelected?: boolean;
|
|
146
|
+
isDisplayingCustomPeriodRange?: boolean;
|
|
147
|
+
isUsingCustomPeriodRange?: boolean;
|
|
148
|
+
isDispatchLocationDropdown?: boolean;
|
|
149
|
+
dropdownLabel?: boolean;
|
|
150
|
+
dropdownLabelNew?: boolean;
|
|
151
|
+
multiselectDropdown?: boolean;
|
|
152
|
+
multiSelectDropdownActive?: boolean;
|
|
153
|
+
multiSelectItemRange?: boolean;
|
|
154
|
+
isFromDate?: boolean;
|
|
155
|
+
hideColorValidations?: boolean;
|
|
156
|
+
expiredDateInvalid?: boolean;
|
|
157
|
+
isFutureDateDisabled?: boolean;
|
|
158
|
+
fixedPlacholder?: string;
|
|
159
|
+
statusStyle?: boolean;
|
|
160
|
+
isIconHidden?: boolean;
|
|
161
|
+
isRemovedIconMovedOnLeft?: boolean;
|
|
162
|
+
removeLeadingZero?: boolean;
|
|
163
|
+
negativeLeadingZero?: boolean;
|
|
164
|
+
isHoverRow?: boolean;
|
|
165
|
+
minutesGapFive?: boolean;
|
|
166
|
+
updateAsTouchedOnEdit?: boolean;
|
|
167
|
+
transparentInput?: boolean;
|
|
168
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './cai-input.config';
|