carriera-intern-components 1.1.54 → 1.1.56
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/dispatch-dropdown/dispatch-dropdown.component.d.ts +5 -0
- package/app/components/document-preview/document-preview.component.d.ts +5 -1
- package/app/components/drop-zone/drop-zone.component.d.ts +14 -8
- package/app/components/input/input.component.d.ts +4 -1
- package/app/components/input/models/input.model.d.ts +2 -0
- package/app/components/input-datetime-picker/cai-input-datetime-picker.component.d.ts +3 -0
- package/app/components/input-datetime-picker/components/cai-custom-datetime-pickers/cai-custom-datetime-pickers.component.d.ts +6 -2
- 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 +3 -1
- package/app/components/list-contact-dropdown/models/contact.interface.d.ts +1 -0
- package/app/components/text-area/interfaces/index.d.ts +1 -0
- package/app/components/text-area/interfaces/text-area.interface.d.ts +4 -0
- package/app/components/text-area/text-area.component.d.ts +85 -0
- package/app/utils/constants/input-character-sets.constants.d.ts +5 -5
- package/fesm2022/carriera-intern-components.mjs +404 -72
- package/fesm2022/carriera-intern-components.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/app/components/dispatch-dropdown/pipes/dispatch-search-filter.pipe.d.ts +0 -8
|
@@ -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 | 160 | 18 | 32 | 74 | 28>;
|
|
18
18
|
/**
|
|
19
19
|
* Whether the avatar should be rounded or not.
|
|
20
20
|
* @type {boolean}
|
|
@@ -25,6 +25,11 @@ export declare class DispatchDropdownComponent {
|
|
|
25
25
|
closing: import("@angular/core").WritableSignal<boolean>;
|
|
26
26
|
containerWidth: import("@angular/core").WritableSignal<number>;
|
|
27
27
|
dropdownOpen: import("@angular/core").WritableSignal<boolean>;
|
|
28
|
+
filteredOptions: import("@angular/core").Signal<IDispatchDropdownOption[]>;
|
|
29
|
+
highlightedOptions: import("@angular/core").Signal<{
|
|
30
|
+
highlighted: any;
|
|
31
|
+
id: number;
|
|
32
|
+
}[]>;
|
|
28
33
|
private updateContainerWidth;
|
|
29
34
|
private closeDropdown;
|
|
30
35
|
handleOpenChange(event: boolean): void;
|
|
@@ -17,6 +17,9 @@ export declare class DocumentPreviewComponent implements OnChanges, OnInit {
|
|
|
17
17
|
fileName: string;
|
|
18
18
|
fileId?: number;
|
|
19
19
|
}>;
|
|
20
|
+
onDocumentPreviewClick: EventEmitter<{
|
|
21
|
+
fileId: number;
|
|
22
|
+
}>;
|
|
20
23
|
isCrop: import("@angular/core").WritableSignal<boolean>;
|
|
21
24
|
showInput: import("@angular/core").WritableSignal<boolean>;
|
|
22
25
|
showDeleteModal: import("@angular/core").WritableSignal<boolean>;
|
|
@@ -97,6 +100,7 @@ export declare class DocumentPreviewComponent implements OnChanges, OnInit {
|
|
|
97
100
|
* Placeholder for handling document sharing. Currently logs the file name to the console.
|
|
98
101
|
*/
|
|
99
102
|
handleShare(): void;
|
|
103
|
+
handleClickOnDocumentPreview(): void;
|
|
100
104
|
static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMode": { "alias": "coverMinimalMode"; "required": false; }; "cdlDetailsMode": { "alias": "cdlDetailsMode"; "required": false; }; "noTagOption": { "alias": "noTagOption"; "required": false; }; "drawerMode": { "alias": "drawerMode"; "required": false; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onFileNameChange": "onFileNameChange"; "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
|
|
105
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMode": { "alias": "coverMinimalMode"; "required": false; }; "cdlDetailsMode": { "alias": "cdlDetailsMode"; "required": false; }; "noTagOption": { "alias": "noTagOption"; "required": false; }; "drawerMode": { "alias": "drawerMode"; "required": false; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onFileNameChange": "onFileNameChange"; "onDocumentPreviewClick": "onDocumentPreviewClick"; "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
|
|
102
106
|
}
|
|
@@ -41,6 +41,16 @@ export declare class DropZoneComponent {
|
|
|
41
41
|
isDetailsSlider: import("@angular/core").InputSignal<boolean>;
|
|
42
42
|
isDrawerMode: import("@angular/core").InputSignal<boolean>;
|
|
43
43
|
dropZoneVariant: typeof DropZoneVariant;
|
|
44
|
+
onDeletedFileIds: EventEmitter<number[]>;
|
|
45
|
+
docsChange: EventEmitter<AppFile[]>;
|
|
46
|
+
onDocumentPreviewClick: EventEmitter<{
|
|
47
|
+
fileId: number;
|
|
48
|
+
}>;
|
|
49
|
+
inputRange: ElementRef<HTMLInputElement>;
|
|
50
|
+
dropZoneContainer: ElementRef<HTMLElement>;
|
|
51
|
+
coverUrl: string;
|
|
52
|
+
profileUrl: string;
|
|
53
|
+
logoUrl: string;
|
|
44
54
|
/**
|
|
45
55
|
* A input that holds an FormGroup object that is used to update the form validity when the crop mode is closed.
|
|
46
56
|
*/
|
|
@@ -76,13 +86,6 @@ export declare class DropZoneComponent {
|
|
|
76
86
|
* @type {FileExtension[]}
|
|
77
87
|
*/
|
|
78
88
|
fileTypes: import("@angular/core").InputSignal<("mp4" | "mov" | "avi" | "pdf" | "jpg" | "jpeg" | "png" | "gif")[]>;
|
|
79
|
-
coverUrl: string;
|
|
80
|
-
profileUrl: string;
|
|
81
|
-
logoUrl: string;
|
|
82
|
-
onDeletedFileIds: EventEmitter<number[]>;
|
|
83
|
-
docsChange: EventEmitter<AppFile[]>;
|
|
84
|
-
inputRange: ElementRef<HTMLInputElement>;
|
|
85
|
-
dropZoneContainer: ElementRef<HTMLElement>;
|
|
86
89
|
constructor(sanitizer: DomSanitizer);
|
|
87
90
|
ngOnInit(): void;
|
|
88
91
|
ngAfterViewInit(): void;
|
|
@@ -216,6 +219,9 @@ export declare class DropZoneComponent {
|
|
|
216
219
|
}): void;
|
|
217
220
|
setInvalid(): void;
|
|
218
221
|
clearInvalid(): void;
|
|
222
|
+
handleDocumentPreviewClick(event: {
|
|
223
|
+
fileId: number;
|
|
224
|
+
}): void;
|
|
219
225
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneComponent, never>;
|
|
220
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "cai-drop-zone", never, { "crop": { "alias": "crop"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "deletedFileIds": { "alias": "deletedFileIds"; "required": false; "isSignal": true; }; "maxCountFiles": { "alias": "maxCountFiles"; "required": false; "isSignal": true; }; "isDetailsSlider": { "alias": "isDetailsSlider"; "required": false; "isSignal": true; }; "isDrawerMode": { "alias": "isDrawerMode"; "required": false; "isSignal": true; }; "parentForm": { "alias": "parentForm"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "documentTags": { "alias": "documentTags"; "required": false; "isSignal": true; }; "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; }, { "onDeletedFileIds": "onDeletedFileIds"; "docsChange": "docsChange"; }, never, never, true, never>;
|
|
226
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "cai-drop-zone", never, { "crop": { "alias": "crop"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "deletedFileIds": { "alias": "deletedFileIds"; "required": false; "isSignal": true; }; "maxCountFiles": { "alias": "maxCountFiles"; "required": false; "isSignal": true; }; "isDetailsSlider": { "alias": "isDetailsSlider"; "required": false; "isSignal": true; }; "isDrawerMode": { "alias": "isDrawerMode"; "required": false; "isSignal": true; }; "parentForm": { "alias": "parentForm"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "documentTags": { "alias": "documentTags"; "required": false; "isSignal": true; }; "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; }, { "onDeletedFileIds": "onDeletedFileIds"; "docsChange": "docsChange"; "onDocumentPreviewClick": "onDocumentPreviewClick"; }, never, never, true, never>;
|
|
221
227
|
}
|
|
@@ -231,6 +231,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
231
231
|
onScrolledToBottomGroup: import("@angular/core").OutputEmitterRef<void>;
|
|
232
232
|
onSearch: import("@angular/core").OutputEmitterRef<string>;
|
|
233
233
|
onValueAdded: import("@angular/core").OutputEmitterRef<string | number | null>;
|
|
234
|
+
onRemove: import("@angular/core").OutputEmitterRef<void>;
|
|
235
|
+
onHoverRemove: import("@angular/core").OutputEmitterRef<boolean>;
|
|
234
236
|
/**
|
|
235
237
|
* Constructor for the InputComponent.
|
|
236
238
|
* It injects NgControl to integrate with Angular's forms API.
|
|
@@ -328,6 +330,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
328
330
|
* Resets the input field's value to an empty string.
|
|
329
331
|
*/
|
|
330
332
|
reset(event?: MouseEvent): void;
|
|
333
|
+
onClearHover(value: boolean): void;
|
|
331
334
|
closeDropdown(addNew?: boolean): void;
|
|
332
335
|
/**
|
|
333
336
|
* Returns the reference to the dropdown element based on the dropdown type.
|
|
@@ -405,5 +408,5 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
|
|
|
405
408
|
onDropdownBackgroundClick(event: MouseEvent): void;
|
|
406
409
|
onDropdownIconClick(event: MouseEvent): void;
|
|
407
410
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }, null]>;
|
|
408
|
-
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"; "onValueAdded": "onValueAdded"; }, never, never, true, never>;
|
|
411
|
+
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"; "onValueAdded": "onValueAdded"; "onRemove": "onRemove"; "onHoverRemove": "onHoverRemove"; }, never, never, true, never>;
|
|
409
412
|
}
|
|
@@ -56,10 +56,12 @@ export declare class CaiInputDatetimePickerComponent implements AfterViewInit, C
|
|
|
56
56
|
writeValue(obj: InputChangeValue): void;
|
|
57
57
|
registerOnTouched(fn: () => void): void;
|
|
58
58
|
blurInput(): void;
|
|
59
|
+
preventInput(event: Event): void;
|
|
59
60
|
ngAfterViewInit(): void;
|
|
60
61
|
get getSuperControl(): import("@angular/forms").AbstractControl<any, any> | null;
|
|
61
62
|
get isRequired(): boolean | undefined;
|
|
62
63
|
onDatePaste(event: ClipboardEvent): void;
|
|
64
|
+
private processPastedDate;
|
|
63
65
|
changeSelection(e: any, noPreventDefault?: boolean): void;
|
|
64
66
|
changeSelectionTwo(event: KeyboardEvent, noPreventDefault?: boolean): void;
|
|
65
67
|
private isNumber;
|
|
@@ -102,6 +104,7 @@ export declare class CaiInputDatetimePickerComponent implements AfterViewInit, C
|
|
|
102
104
|
resetDateTimeInputs(): void;
|
|
103
105
|
setTimePickerTime(): void;
|
|
104
106
|
handleCloseTooltip(): void;
|
|
107
|
+
onRefocusInput(): void;
|
|
105
108
|
ngOnDestroy(): void;
|
|
106
109
|
static ɵfac: i0.ɵɵFactoryDeclaration<CaiInputDatetimePickerComponent, [{ self: true; }, null]>;
|
|
107
110
|
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>;
|
|
@@ -6,7 +6,9 @@ import { ICaInput } from './config';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class CaCustomDatetimePickersComponent implements OnInit, OnDestroy, AfterViewInit {
|
|
8
8
|
private calendarService;
|
|
9
|
-
|
|
9
|
+
private _dateTime;
|
|
10
|
+
set dateTime(value: Date);
|
|
11
|
+
get dateTime(): Date;
|
|
10
12
|
ref: ViewContainerRef;
|
|
11
13
|
_inputConfig: ICaInput;
|
|
12
14
|
set inputConfig(config: ICaInput);
|
|
@@ -38,6 +40,7 @@ export declare class CaCustomDatetimePickersComponent implements OnInit, OnDestr
|
|
|
38
40
|
constructor(calendarService: CalendarDateTimePickerService);
|
|
39
41
|
set calendarType(calendarType: string);
|
|
40
42
|
set placeholder(placeholder: string);
|
|
43
|
+
onRefocusInput: EventEmitter<Event>;
|
|
41
44
|
ngOnInit(): void;
|
|
42
45
|
ngAfterViewInit(): void;
|
|
43
46
|
initDateChangedListener(): void;
|
|
@@ -45,6 +48,7 @@ export declare class CaCustomDatetimePickersComponent implements OnInit, OnDestr
|
|
|
45
48
|
setListPreview(value: string): void;
|
|
46
49
|
inputInFocus(): void;
|
|
47
50
|
inputBlur(): void;
|
|
51
|
+
refocusInput(event: Event): void;
|
|
48
52
|
changeOpened(): void;
|
|
49
53
|
setTime(event: Event): void;
|
|
50
54
|
setDefaultTime(event: Event): void;
|
|
@@ -54,5 +58,5 @@ export declare class CaCustomDatetimePickersComponent implements OnInit, OnDestr
|
|
|
54
58
|
checkForScrolledType(type: string): void;
|
|
55
59
|
ngOnDestroy(): void;
|
|
56
60
|
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>;
|
|
61
|
+
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"; "onRefocusInput": "onRefocusInput"; }, never, never, true, never>;
|
|
58
62
|
}
|
|
@@ -7,6 +7,7 @@ export declare class CaCustomDateTimePickersDateCalendarsComponent implements On
|
|
|
7
7
|
dateTime: Date;
|
|
8
8
|
isMonthAndYearOnly: boolean;
|
|
9
9
|
setListPreviewValue: EventEmitter<any>;
|
|
10
|
+
onRefocusInput: EventEmitter<any>;
|
|
10
11
|
private currentYear;
|
|
11
12
|
private currentMonth;
|
|
12
13
|
private activeMonth;
|
|
@@ -32,7 +33,8 @@ export declare class CaCustomDateTimePickersDateCalendarsComponent implements On
|
|
|
32
33
|
setListPreviewToFull(num: number): void;
|
|
33
34
|
setAutoIndex(num: number): void;
|
|
34
35
|
selectCurrentDay(event: Event): void;
|
|
36
|
+
refocusInput(event: Event): void;
|
|
35
37
|
ngOnDestroy(): void;
|
|
36
38
|
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>;
|
|
39
|
+
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"; "onRefocusInput": "onRefocusInput"; }, never, never, true, never>;
|
|
38
40
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './text-area.interface';
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
+
import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
|
|
4
|
+
import { ITextAreaConfig } from './interfaces';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* This component is a text area component that integrates with Angular forms.
|
|
8
|
+
*/
|
|
9
|
+
export declare class TextAreaComponent implements ControlValueAccessor {
|
|
10
|
+
ngControl: NgControl | null;
|
|
11
|
+
cancelTooltip: NgbTooltip;
|
|
12
|
+
textArea: ElementRef<HTMLTextAreaElement>;
|
|
13
|
+
/**
|
|
14
|
+
* Configuration object for the text area's behavior and appearance.
|
|
15
|
+
*/
|
|
16
|
+
config: import("@angular/core").InputSignal<ITextAreaConfig>;
|
|
17
|
+
/**
|
|
18
|
+
* Holds the internal value of the text area.
|
|
19
|
+
*/
|
|
20
|
+
value: import("@angular/core").WritableSignal<string>;
|
|
21
|
+
/**
|
|
22
|
+
* Internal signal to track the disabled state of the text area.
|
|
23
|
+
*/
|
|
24
|
+
disabled: import("@angular/core").WritableSignal<boolean>;
|
|
25
|
+
/**
|
|
26
|
+
* A signal that indicates whether the text area is focused.
|
|
27
|
+
*/
|
|
28
|
+
focused: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
+
onBlur: import("@angular/core").OutputEmitterRef<void>;
|
|
30
|
+
onFocused: import("@angular/core").OutputEmitterRef<void>;
|
|
31
|
+
onValueChange: import("@angular/core").OutputEmitterRef<string | null>;
|
|
32
|
+
onClearEvent: import("@angular/core").OutputEmitterRef<void>;
|
|
33
|
+
/**
|
|
34
|
+
* Constructor for the TextAreaComponent.
|
|
35
|
+
* It injects NgControl to integrate with Angular's forms API.
|
|
36
|
+
* @param ngControl - Optional NgControl instance for form integration.
|
|
37
|
+
*/
|
|
38
|
+
constructor(ngControl: NgControl | null);
|
|
39
|
+
onChange: (_: any) => void;
|
|
40
|
+
onTouched: () => void;
|
|
41
|
+
/**
|
|
42
|
+
* Writes a new value to the element. (ControlValueAccessor)
|
|
43
|
+
*/
|
|
44
|
+
writeValue(value: any): void;
|
|
45
|
+
registerOnChange(fn: any): void;
|
|
46
|
+
registerOnTouched(fn: any): void;
|
|
47
|
+
setDisabledState(isDisabled: boolean): void;
|
|
48
|
+
/**
|
|
49
|
+
* Handles the native 'input' event from the HTMLTextAreaElement.
|
|
50
|
+
* Updates the component's internal value and notifies Angular forms.
|
|
51
|
+
* @param event - The input event object.
|
|
52
|
+
*/
|
|
53
|
+
onInput(event: Event): void;
|
|
54
|
+
/**
|
|
55
|
+
* Dispatches the onChange event with the provided value.
|
|
56
|
+
* @param value - The value to pass to onChange
|
|
57
|
+
*/
|
|
58
|
+
dispatchOnChange(value: any): void;
|
|
59
|
+
/**
|
|
60
|
+
* Sets the value in the actual HTML text area element.
|
|
61
|
+
*/
|
|
62
|
+
setValue(): void;
|
|
63
|
+
/**
|
|
64
|
+
* Focuses the text area element.
|
|
65
|
+
*/
|
|
66
|
+
focus(event?: MouseEvent): void;
|
|
67
|
+
/**
|
|
68
|
+
* Called when the text area receives focus.
|
|
69
|
+
*/
|
|
70
|
+
onFocus(): void;
|
|
71
|
+
/**
|
|
72
|
+
* Called when the text area loses focus.
|
|
73
|
+
*/
|
|
74
|
+
dispatchOnBlur(): void;
|
|
75
|
+
/**
|
|
76
|
+
* Resets the text area value to an empty string.
|
|
77
|
+
*/
|
|
78
|
+
reset(event?: MouseEvent): void;
|
|
79
|
+
/**
|
|
80
|
+
* Handles the clear button click.
|
|
81
|
+
*/
|
|
82
|
+
onClear(event: MouseEvent): void;
|
|
83
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, [{ optional: true; self: true; }]>;
|
|
84
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "cai-text-area", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocused": "onFocused"; "onValueChange": "onValueChange"; "onClearEvent": "onClearEvent"; }, never, never, true, never>;
|
|
85
|
+
}
|
|
@@ -8,11 +8,11 @@ export declare const INPUT_CHARACTER_SETS: {
|
|
|
8
8
|
readonly QUOTES: readonly ["\"", "'", "`"];
|
|
9
9
|
readonly WHITESPACE: readonly [" ", "\t"];
|
|
10
10
|
readonly DBA_SPECIAL: readonly ["!", "#", "'", "$", "&", "%", "(", ")", "*", "+", ",", "-", ".", "/", ":", ";", "=", ">", "?", "[", "]", "\\", "^"];
|
|
11
|
-
readonly ALPHANUMERIC: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "a" | "b" | "i" | "p" | "q" | "s" | "u" | "
|
|
11
|
+
readonly ALPHANUMERIC: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "a" | "b" | "i" | "p" | "q" | "s" | "u" | "v" | "g" | "c" | "d" | "e" | "f" | "h" | "j" | "k" | "l" | "m" | "n" | "o" | "r" | "t" | "w" | "x" | "y" | "z")[];
|
|
12
12
|
readonly ALPHANUMERIC_WITH_SPACES: string[];
|
|
13
13
|
readonly EMAIL_SPECIAL: readonly ["@", ".", "-", "_", "+"];
|
|
14
|
-
readonly EMAIL_CHARACTERS: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "
|
|
15
|
-
readonly SPECIAL_EXCEPT_NAME_FRIENDLY: ("*" | "
|
|
16
|
-
readonly NAME_CHARACTER_EXCLUSIONS: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "*" | "
|
|
17
|
-
readonly SPECIAL: ("*" | "
|
|
14
|
+
readonly EMAIL_CHARACTERS: ("0" | "." | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "a" | "b" | "i" | "p" | "q" | "s" | "u" | "_" | "v" | "g" | "c" | "d" | "e" | "f" | "h" | "j" | "k" | "l" | "m" | "n" | "o" | "r" | "t" | "w" | "x" | "y" | "z" | "@" | "+" | "-")[];
|
|
15
|
+
readonly SPECIAL_EXCEPT_NAME_FRIENDLY: ("." | "*" | "_" | "/" | "," | "!" | "?" | ";" | ":" | "@" | "#" | "$" | "%" | "&" | "+" | "-" | "=" | "|" | "~" | "`" | "^" | "<" | ">" | "\\" | "(" | ")" | "[" | "]" | "{" | "}" | "\"" | "'")[];
|
|
16
|
+
readonly NAME_CHARACTER_EXCLUSIONS: ("0" | "." | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "*" | "_" | "/" | "," | "!" | "?" | ";" | ":" | "@" | "#" | "$" | "%" | "&" | "+" | "-" | "=" | "|" | "~" | "`" | "^" | "<" | ">" | "\\" | "(" | ")" | "[" | "]" | "{" | "}" | "\"" | "'")[];
|
|
17
|
+
readonly SPECIAL: ("." | "*" | "_" | "/" | "," | "!" | "?" | ";" | ":" | "@" | "#" | "$" | "%" | "&" | "+" | "-" | "=" | "|" | "~" | "`" | "^" | "<" | ">" | "\\" | "(" | ")" | "[" | "]" | "{" | "}" | "\"" | "'")[];
|
|
18
18
|
};
|