carriera-intern-components 1.1.14 → 1.1.21

package/app/components/avatar/avatar.component.d.ts

@@ -14,9 +14,9 @@ export declare class AvatarComponent {
      * The size of the avatar in pixels.
      * @type {Size}
      */
-    size: import("@angular/core").InputSignal<160 | 18 | 22 | 32 | 74>;
+    size: import("@angular/core").InputSignal<160 | 22 | 18 | 32 | 74>;
     /**
-     * Whether the avatar should be rounded or not at sizes of 74px and 160px.
+     * Whether the avatar should be rounded or not.
      * @type {boolean}
      */
     rounded: import("@angular/core").InputSignal<boolean>;

package/app/components/avatar/models/avatar.model.d.ts

@@ -1,10 +1,13 @@
 export interface Driver {
     id: number;
-    firstName: string;
-    lastName: string;
+    firstName?: string | null;
+    lastName?: string | null;
+    fullName?: string | null;
     owner?: boolean | null;
     avatarFile?: AvatarFile | null;
-    colorFlag?: AvatarColor | null;
+    colorFlag?: ColorFlag | null;
+    avatarUrl?: string | null;
+    avatarColor?: AvatarColor | null;
     [key: string]: any;
 }
 export type AvatarFile = {
@@ -14,8 +17,12 @@ export type AvatarFile = {
     fileSize: number;
     [key: string]: any;
 };
-declare const colors: readonly ["Blue", "Green", "Red", "Yellow", "Purple", "Gold", "Light Green", "Orange", "Light Blue", "Pink", "Brown", "Gray"];
+export type ColorFlag = {
+    id: number;
+    name: AvatarColor;
+};
+declare const colors: readonly ["Blue", "Green", "Red", "Yellow", "Purple", "Gold", "Light Green", "Orange", "Light Blue", "Pink", "Brown", "Gray", "Lime", "Navy", "Azure", "Magenta"];
 export type AvatarColor = (typeof colors)[number];
 declare const sizes: readonly [18, 22, 32, 74, 160];
-export type Size = typeof sizes[number];
+export type Size = (typeof sizes)[number];
 export {};

package/app/components/avatar/pipes/initials.pipe.d.ts

@@ -1,7 +1,11 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class InitialsPipe implements PipeTransform {
-    transform(firstName: string | null | undefined, lastName: string | null | undefined): string;
+    transform({ firstName, lastName, fullName, }: {
+        firstName?: string | null;
+        lastName?: string | null;
+        fullName?: string | null;
+    }): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InitialsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<InitialsPipe, "initials", true>;
 }

package/app/components/copy/copy.component.d.ts

@@ -0,0 +1,23 @@
+import { eAlignment } from '../../enums';
+import { eGeneralActions } from '../../enums/general-actions.enum';
+import { Clipboard } from '@angular/cdk/clipboard';
+import * as i0 from "@angular/core";
+export declare class CopyComponent {
+    private clipboard;
+    value: import("@angular/core").InputSignal<string | undefined>;
+    alignment: import("@angular/core").InputSignal<eAlignment>;
+    copyTooltip: import("@angular/core").InputSignal<string | undefined>;
+    copyArea: import("@angular/core").InputSignal<"icon" | "full">;
+    icon: import("@angular/core").InputSignal<string | null>;
+    iconSize: import("@angular/core").InputSignal<number>;
+    iconColor: import("@angular/core").InputSignal<string | null>;
+    tooltipClass: import("@angular/core").InputSignal<string | null>;
+    copied: import("@angular/core").WritableSignal<boolean>;
+    eGeneralActions: typeof eGeneralActions;
+    eAlignment: typeof eAlignment;
+    constructor(clipboard: Clipboard);
+    onCopy(event: MouseEvent): void;
+    resetCopied(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyComponent, "cai-copy", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "copyTooltip": { "alias": "copyTooltip"; "required": false; "isSignal": true; }; "copyArea": { "alias": "copyArea"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/app/components/document-preview/document-preview.component.d.ts

@@ -1,5 +1,7 @@
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { AppFile } from '../../models/appFile.model';
+import { FormControl } from '@angular/forms';
+import { DocumentTag } from './interfaces';
 import * as i0 from "@angular/core";
 /**
  * This component displays a preview of a document, including its name, size,
@@ -11,6 +13,12 @@ export declare class DocumentPreviewComponent implements OnChanges, OnInit {
     constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    noTagOption: boolean;
+    showInput: import("@angular/core").WritableSignal<boolean>;
+    inputFormControl: FormControl<any>;
+    showFileNameInput(): void;
+    hideFileNameInput(): void;
+    handleEdit(event: any): void;
     /**
      * Signal that controls whether the delete modal is visible.Used to confirm the file deletion.
      */
@@ -22,7 +30,7 @@ export declare class DocumentPreviewComponent implements OnChanges, OnInit {
     /**
      * Currently selected tag for the document.
      */
-    selectedTag: string;
+    selectedTag: DocumentTag | null;
     /**
      * The application file to be displayed in the preview. This is a required input.
      * @type {InputSignal<AppFile>}
@@ -71,21 +79,22 @@ export declare class DocumentPreviewComponent implements OnChanges, OnInit {
     /**
      * List of available tags for labeling the document. These are selectable within the tag popover.
      */
-    tags: string[];
+    tags: import("@angular/core").InputSignal<DocumentTag[]>;
     /**
      * Emits when a tag is selected or removed for the file.
      * Contains the file name and the selected tag.
-     * @type {OutputEmitterRef<{ fileName: string; tag: string }>}
+     * @type {OutputEmitterRef<{ fileName: string; tag: DocumentTag }>}
      */
     onTagChange: import("@angular/core").OutputEmitterRef<{
         fileName: string;
-        tag: string;
+        tag: DocumentTag | null;
     }>;
     /**
      * Selects a tag and emits the `onTagChange` output.
      * @param newTag The newly selected tag string.
      */
-    getTag(newTag: string): void;
+    getTag(newTag: DocumentTag): void;
+    initTag(): void;
     /**
      * Removes the currently selected tag. Does not emit an event — must be called manually.
      */
@@ -95,5 +104,5 @@ export declare class DocumentPreviewComponent implements OnChanges, OnInit {
      */
     handleShare(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMode": { "alias": "coverMinimalMode"; "required": false; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMode": { "alias": "coverMinimalMode"; "required": false; }; "noTagOption": { "alias": "noTagOption"; "required": false; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
 }

package/app/components/document-preview/interfaces/document-tag.interface.d.ts

@@ -0,0 +1,4 @@
+export interface DocumentTag {
+    tagId: number;
+    tagName: string;
+}

package/app/components/document-preview/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './document-tag.interface';

package/app/components/drop-zone/drop-zone.component.d.ts

@@ -1,8 +1,11 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { AppFile } from '../../models/appFile.model';
 import { ImageCroppedEvent, LoadedImage, ImageTransform } from 'ngx-image-cropper';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 import { Driver } from '../avatar/models';
+import { FileResponse } from './models/file.response';
+import { FormGroup } from '@angular/forms';
+import { DocumentTag } from '../document-preview/interfaces';
 import * as i0 from "@angular/core";
 /**
  * A component that provides a user interface for file uploading via
@@ -12,39 +15,40 @@ import * as i0 from "@angular/core";
 export declare class DropZoneComponent {
     private sanitizer;
     zoomValue: import("@angular/core").WritableSignal<number>;
+    smallView: import("@angular/core").WritableSignal<boolean>;
+    cropHeight: import("@angular/core").WritableSignal<number>;
+    cropWidth: import("@angular/core").WritableSignal<number>;
+    private initialFilesProcessed;
+    driver: import("@angular/core").WritableSignal<Driver>;
     transform: ImageTransform;
-    crop: import("@angular/core").InputSignal<boolean>;
     imageChangedEvent: Event | null;
     croppedImage: SafeUrl | null;
     showCropper: import("@angular/core").WritableSignal<boolean>;
     isCropperReady: import("@angular/core").WritableSignal<boolean>;
     originalImageWidth: number;
     originalImageHeight: number;
-    smallView: import("@angular/core").WritableSignal<boolean>;
-    coverUrl: string;
-    profileUrl: string;
-    logoUrl: string;
+    base64Image: string;
+    deletedDocs: import("@angular/core").WritableSignal<number[]>;
+    crop: import("@angular/core").InputSignal<boolean>;
     size: import("@angular/core").InputSignal<string | undefined>;
     rounded: import("@angular/core").InputSignal<boolean>;
-    cropHeight: import("@angular/core").WritableSignal<number>;
-    cropWidth: import("@angular/core").WritableSignal<number>;
-    driver: import("@angular/core").WritableSignal<Driver>;
-    inputRange: ElementRef<HTMLInputElement>;
-    constructor(sanitizer: DomSanitizer);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    updateRangeBackground(input: HTMLInputElement): void;
-    cropDimensions(): void;
-    ratioHelper(): number;
-    onZoomChange(event: Event): void;
-    fileChangeEvent(event: Event): void;
-    imageCropped(event: ImageCroppedEvent): void;
-    imageLoaded(image: LoadedImage): void;
-    cropperReady(): void;
-    loadImageFailed(): void;
-    onTransformChange(event: ImageTransform): void;
-    cancelCrop(): void;
-    submitCrop(): void;
+    files: import("@angular/core").InputSignal<FileResponse[]>;
+    deletedFileIds: import("@angular/core").InputSignal<number[]>;
+    maxCountFiles: import("@angular/core").InputSignal<number>;
+    /**
+     * A input that holds an FormGroup object that is used to update the form validity when the crop mode is closed.
+     */
+    parentForm: import("@angular/core").InputSignal<FormGroup<any> | null>;
+    /**
+      * A signal that holds an array of `AppFile` objects representing the files
+      * that have been selected or dropped by the user.
+   
+      */
+    variant: import("@angular/core").InputSignal<string>;
+    /**
+     * Input that holds an array of `DocumentTag` objects representing the tags for the documents.
+     */
+    documentTags: import("@angular/core").InputSignal<DocumentTag[]>;
     /**
      * Injects the DocumentService for file processing tasks like
      * thumbnail generation and PDF page counting.
@@ -66,6 +70,31 @@ export declare class DropZoneComponent {
      * @type {FileExtension[]}
      */
     fileTypes: import("@angular/core").InputSignal<("mp4" | "mov" | "avi" | "pdf" | "jpg" | "jpeg" | "png" | "gif")[]>;
+    coverUrl: string;
+    profileUrl: string;
+    logoUrl: string;
+    onDeletedFileIds: EventEmitter<number[]>;
+    docsChange: EventEmitter<AppFile[]>;
+    inputRange: ElementRef<HTMLInputElement>;
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    emitDocs(): void;
+    getTagIds(tags: string[]): number[];
+    populateDocs(currentFiles: FileResponse[] | AppFile[]): Promise<void>;
+    fetchFileAsFile(fileResponse: FileResponse): Promise<File | null>;
+    updateRangeBackground(input: HTMLInputElement): void;
+    cropDimensions(): void;
+    ratioHelper(): number;
+    onZoomChange(event: Event): void;
+    fileChangeEvent(event: Event): void;
+    imageCropped(event: ImageCroppedEvent): void;
+    imageLoaded(image: LoadedImage): void;
+    cropperReady(): void;
+    loadImageFailed(): void;
+    onTransformChange(event: ImageTransform): void;
+    cancelCrop(): void;
+    submitCrop(initial?: boolean): void;
     /**
      * A computed signal that derives the list of currently supported file extensions.
      * It filters the base `fileTypes` array, removing any extensions present
@@ -77,12 +106,6 @@ export declare class DropZoneComponent {
      * that have been selected or dropped by the user.
      */
     docs: import("@angular/core").WritableSignal<AppFile[]>;
-    /**
-     * A signal that holds an array of `AppFile` objects representing the files
-     * that have been selected or dropped by the user.
-  
-     */
-    variant: import("@angular/core").InputSignal<string>;
     /**
      * A signal that acts as a boolean flag. It is set to `true` when the user
      * attempts to upload a file with an unsupported extension.
@@ -161,8 +184,10 @@ export declare class DropZoneComponent {
     carouselRight(): void;
     handleTagChange(event: {
         fileName: string;
-        tag: string;
+        tag: DocumentTag | null;
     }): void;
+    setInvalid(): void;
+    clearInvalid(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "app-drop-zone", never, { "crop": { "alias": "crop"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    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; }; "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>;
 }

package/app/components/drop-zone/models/file.response.d.ts

@@ -0,0 +1,10 @@
+export interface FileResponse {
+    fileId?: number;
+    fileName?: string | null;
+    url?: string | null;
+    fileSize?: number | null;
+    tags?: Array<string> | null;
+    tagGeneratedByUser?: boolean;
+    updatedAt?: string | null;
+    companyUserId?: number | null;
+}

package/app/components/input/directives/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './mask.helper';

package/app/components/input/directives/helpers/mask.helper.d.ts

@@ -0,0 +1,15 @@
+export declare class MaskHelper {
+    static extractUserInput(value: string): string;
+    static isPlaceholder(char: string): boolean;
+    static charMatchesPlaceholder(char: string, placeholder: string): boolean;
+    /**
+     * Applies the mask to a given string of user input.
+     * @param realValue The clean user input.
+     * @param mask The mask pattern.
+     * @returns An object with the formatted value and the final real value.
+     */
+    static applyMask(realValue: string, mask: string): {
+        formattedValue: string;
+        finalRealValue: string;
+    };
+}

package/app/components/input/directives/mask.directive.d.ts

@@ -11,6 +11,7 @@ export declare class MaskDirective implements OnInit {
      * @example '(000) 000-0000' for a phone number.
      */
     appMask: import("@angular/core").InputSignal<string>;
+    reveal: import("@angular/core").InputSignal<number>;
     /**
      * Stores the unmasked, "real" value of the input, containing only
      * the characters entered by the user that fit the mask placeholders.
@@ -49,21 +50,6 @@ export declare class MaskDirective implements OnInit {
      * @param value The current value from the input field.
      */
     private formatValue;
-    /**
-     * Applies the mask to a given string of user input.
-     * @param realValue The clean user input.
-     * @param mask The mask pattern.
-     * @returns An object with the formatted value and the final real value.
-     */
-    private applyMask;
-    /**
-     * Extracts valid user input characters from a string.
-     * @param value The string to clean.
-     * @returns A string containing only valid mask characters (digits/letters).
-     */
-    private extractUserInput;
-    private isPlaceholder;
-    private charMatchesPlaceholder;
     private setCursorToEnd;
     private dispatchRealValueChange;
     /**
@@ -77,5 +63,5 @@ export declare class MaskDirective implements OnInit {
      */
     setRealValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaskDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MaskDirective, "[appMask]", never, { "appMask": { "alias": "appMask"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MaskDirective, "[appMask]", never, { "appMask": { "alias": "appMask"; "required": false; "isSignal": true; }; "reveal": { "alias": "reveal"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/app/components/input/directives/number-format.directive.d.ts

@@ -16,6 +16,11 @@ export declare class NumberFormatDirective implements OnInit {
      * Defaults to true, meaning formatting is active by default.
      */
     isNumberFormattingDisabled: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Input property to enable or disable the number formatting.
+     * Defaults to true, meaning formatting is active by default.
+     */
+    disableDecimals: import("@angular/core").InputSignal<boolean>;
     prefix: import("@angular/core").InputSignal<string>;
     /**
      * Stores the unformatted, "real" numeric value of the input.
@@ -111,5 +116,5 @@ export declare class NumberFormatDirective implements OnInit {
      */
     setRealValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberFormatDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumberFormatDirective, "[appNumberFormat]", never, { "appNumberFormat": { "alias": "appNumberFormat"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "isNumberFormattingDisabled": { "alias": "isNumberFormattingDisabled"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumberFormatDirective, "[appNumberFormat]", never, { "appNumberFormat": { "alias": "appNumberFormat"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "isNumberFormattingDisabled": { "alias": "isNumberFormattingDisabled"; "required": false; "isSignal": true; }; "disableDecimals": { "alias": "disableDecimals"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/app/components/input/directives/password.directive.d.ts

@@ -19,6 +19,8 @@ export declare class PasswordDirective implements OnInit {
      * password should be revealed. Defaults to 0 (fully masked).
      */
     reveal: import("@angular/core").InputSignal<number>;
+    appMask: import("@angular/core").InputSignal<string>;
+    max: import("@angular/core").InputSignal<number | undefined>;
     /**
      * Stores the actual, unmasked password value,
      * while the input element displays a masked version.
@@ -94,5 +96,5 @@ export declare class PasswordDirective implements OnInit {
      */
     setRealValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PasswordDirective, "[appPassword]", never, { "appPassword": { "alias": "appPassword"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "reveal": { "alias": "reveal"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PasswordDirective, "[appPassword]", never, { "appPassword": { "alias": "appPassword"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "reveal": { "alias": "reveal"; "required": false; "isSignal": true; }; "appMask": { "alias": "appMask"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/app/components/input/input.component.d.ts

@@ -4,7 +4,7 @@ import { PasswordDirective } from './directives/password.directive';
 import { NumberFormatDirective } from './directives/number-format.directive';
 import { MaskDirective } from './directives/mask.directive';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType, Hazardous, State, Owner, FuelCard, PMOption } from './models';
+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';
 import * as i0 from "@angular/core";
 /**
  * This component is a generic input component that can be used to create various types of inputs.
@@ -35,6 +35,11 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     stateRef: any;
     ownerRef: any;
     fuelcardRef: any;
+    colorRef: any;
+    makeRef: any;
+    tollRef: any;
+    fuelStopTransactionRef: any;
+    providerRef: any;
     pmRef: any;
     selectedPmRef: any;
     selectedOwnerRef: any;
@@ -50,6 +55,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     selectedTrailerRef: any;
     selectedStateRef: any;
     selectedFuelcardRef: any;
+    selectedColorRef: any;
+    selectedMakeRef: any;
+    selectedTollRef: any;
+    selectedProviderRef: any;
     /**
      * Defines the unique identifier for the input element.
      * It is provided by the parent component as an Angular `input()` signal.
@@ -100,14 +109,26 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * Input property to hold the dropdown options.
      */
     options: import("@angular/core").InputSignal<DropdownArrays>;
+    preselectedOptions: import("@angular/core").InputSignal<DropdownArrays | null>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
     /**
      * Input property to hold the label colors for the label picker.
      */
     labelColors: import("@angular/core").InputSignal<LabelColor[] | undefined>;
+    /**
+     * Input property to hide the validation.
+     */
+    hideValidation: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Input property to show the no results message.
+     */
+    showNoResults: import("@angular/core").InputSignal<boolean>;
     /**
      * Preselected dropdown option
      */
     preselectedUnit: import("@angular/core").InputSignal<string | null>;
+    openGroup: import("@angular/core").WritableSignal<number | null>;
+    closing: import("@angular/core").WritableSignal<boolean>;
     /**
      * Internal signal to track the disabled state of the input.
      */
@@ -157,16 +178,24 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * A signal that holds the currently selected dispatch board from the dispatch board picker.
      */
     foldedBoards: import("@angular/core").WritableSignal<number[]>;
+    randomAutocomplete: import("@angular/core").WritableSignal<string>;
     /**
      * A computed signal that indicates whether the placeholder selected option should be shown.
      */
     hasText: import("@angular/core").Signal<boolean>;
+    /**
+     * A signal that holds the container width to prevent ExpressionChangedAfterItHasBeenCheckedError.
+     */
+    containerWidth: import("@angular/core").WritableSignal<number>;
     /**
      * A computed signal that dynamically calculates the step value for number inputs.
      */
     step: import("@angular/core").Signal<number>;
     combinedOptions: import("@angular/core").Signal<DropdownArrays>;
     dispatchCount: import("@angular/core").Signal<number>;
+    onBlur: import("@angular/core").OutputEmitterRef<void>;
+    onFocused: import("@angular/core").OutputEmitterRef<void>;
+    onValueChange: import("@angular/core").OutputEmitterRef<string | number | null>;
     /**
      * An output signal that emits the value of the added option.
      */
@@ -179,6 +208,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * An output signal that emits the `optionValue` or `id` of the changed dropdown option.
      */
     onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
+    onSelectedObject: import("@angular/core").OutputEmitterRef<DropdownOptions | null>;
+    onSelectedGroup: import("@angular/core").OutputEmitterRef<Franchise | null>;
     /**
      * An output signal that emits when the user clicks on the "CLEAR" button.
      */
@@ -187,6 +218,12 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * An output signal that emits when the user clicks on the "AUTOFILL" button.
      */
     onAutofill: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * An output signal that emits when the dropdown is scrolled to the bottom for infinite scroll functionality.
+     */
+    onScrolledToBottom: import("@angular/core").OutputEmitterRef<void>;
+    onScrolledToBottomGroup: import("@angular/core").OutputEmitterRef<void>;
+    onSearch: import("@angular/core").OutputEmitterRef<string>;
     /**
      * Constructor for the InputComponent.
      * It injects NgControl to integrate with Angular's forms API.
@@ -212,6 +249,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * Sets up autofill detection by checking for Chrome's -webkit-autofill CSS pseudo-class
      */
     private setupAutofillDetection;
+    /**
+     * Updates the container width signal to prevent ExpressionChangedAfterItHasBeenCheckedError
+     */
+    private updateContainerWidth;
     /**
      * Handles the native 'input' event from the HTMLInputElement.
      * Updates the component's internal value and notifies Angular forms
@@ -274,12 +315,13 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     /**
      * Called when the input element loses focus (blur event).
      */
-    onBlur(): void;
+    dispatchOnBlur(): void;
     toggleHovered(value: boolean): void;
     /**
      * Resets the input field's value to an empty string.
      */
     reset(): void;
+    closeDropdown(addNew?: boolean): void;
     /**
      * Returns the reference to the dropdown element based on the dropdown type.
      */
@@ -288,6 +330,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * Returns the reference to the selected element based on the dropdown type.
      */
     getSelectedRef(): any;
+    randomizeAutocomplete(): string;
     /**
      * Type guard that checks if a given property exists on an object.
      * @param obj The object to check.
@@ -313,7 +356,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * @param event - The MouseEvent that initiated the action.
      */
     handleAddingOption(event?: MouseEvent): void;
-    fold(boardId: number, event: MouseEvent): void;
+    fold(boardId: number, event: MouseEvent, group?: DropdownGroups): void;
     handleSelectColor(color: LabelColor, event?: MouseEvent): void;
     getBrokerProgress(broker: Broker, disable?: boolean): {
         activePercentageOfPaid: number;
@@ -334,6 +377,18 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     castAsOwner(value: unknown): Owner | null;
     castAsFuelCard(value: unknown): FuelCard | null;
     castAsPMOption(value: unknown): PMOption | null;
+    castAsColorOption(value: unknown): ColorOption | null;
+    castAsMake(value: unknown): MakeOption | null;
+    castAsTollOption(value: unknown): TollOption | null;
+    castAsTollTransponderOption(value: unknown): TollTransponderOption | null;
+    castAsFuelStopStore(value: unknown): FuelStopStore | null;
+    castAsFranchise(value: unknown): Franchise | null;
+    castAsProvider(value: unknown): Provider | null;
+    /**
+     * Handles infinite scroll event when dropdown is scrolled to bottom
+     * Emits an event that parent components can listen to for loading more data
+     */
+    onDropdownScrolledToBottom(isGroup?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }, null]>;
-    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>;
+    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>;
 }

package/app/components/input/models/dropdown.model.d.ts

@@ -1,4 +1,4 @@
-import { AvatarColor, AvatarFile } from '../../avatar/models';
+import { AvatarFile, ColorFlag } from '../../avatar/models';
 export type DropdownOption = {
     id?: number;
     [key: string]: any;
@@ -31,7 +31,7 @@ export type Driver = {
     lastName: string;
     owner?: boolean | null;
     avatarFile?: AvatarFile | null;
-    colorFlag?: AvatarColor | null;
+    colorFlag?: ColorFlag | null;
     status?: number;
     address: string | null;
     payType: {
@@ -60,6 +60,7 @@ export type TruckColor = {
 export type TruckType = {
     id: number;
     companyId?: number | null;
+    truckNumber?: string | null;
     name: string;
     logoName: string;
 };
@@ -178,6 +179,7 @@ export type Dispatcher = {
     fullName: string;
     avatarFile: AvatarFile | null;
     departmentId: number | null;
+    colorFlag?: ColorFlag | null;
 };
 export type TruckOption = {
     id: number;
@@ -228,3 +230,43 @@ export type PMOption = {
     months?: number | null;
     logoName?: string | null;
 };
+export type ColorOption = {
+    id?: number;
+    companyId?: number | null;
+    name?: string | null;
+    code?: string | null;
+    hoverCode?: string | null;
+};
+export type MakeOption = {
+    id?: number;
+    companyId?: number | null;
+    name?: string | null;
+    logoName?: string | null;
+};
+export type TollOption = {
+    groupName?: string | null;
+    tollTransponders?: TollTransponderOption[] | null;
+};
+export type TollTransponderOption = {
+    name?: string | null;
+    id?: number;
+};
+export type Franchise = {
+    id: number;
+    businessName: string;
+    count: number;
+    fuelStopStores: FuelStopStore[];
+    [key: string]: any;
+};
+export type FuelStopStore = {
+    id: number;
+    companyId: number;
+    businessName: string;
+    store: string;
+    address: Address;
+    [key: string]: any;
+};
+export type Provider = {
+    id: number;
+    name: string;
+};