carriera-intern-components 0.0.6 → 0.0.8

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

@@ -0,0 +1,30 @@
+import { Driver } from './models';
+import * as i0 from "@angular/core";
+/**
+ * Represents a user avatar component.
+ */
+export declare class AvatarComponent {
+    /**
+     * The driver object containing information to display in the avatar.
+     * This input is required.
+     * @type {Driver}
+     */
+    driver: import("@angular/core").InputSignal<Driver>;
+    /**
+     * The size of the avatar in pixels.
+     * @type {Size}
+     */
+    size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160>;
+    /**
+     * Whether the avatar should be rounded or not at sizes of 74px and 160px.
+     * @type {boolean}
+     */
+    rounded: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether the owner element should be dark or light
+     * @type {boolean}
+     */
+    inverse: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "cai-avatar", never, { "driver": { "alias": "driver"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "inverse": { "alias": "inverse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,21 @@
+export interface Driver {
+    id: number;
+    firstName: string;
+    lastName: string;
+    owner?: boolean | null;
+    avatarFile?: AvatarFile | null;
+    colorFlag?: AvatarColor | null;
+    [key: string]: any;
+}
+export type AvatarFile = {
+    fileId: number;
+    fileName: string;
+    url: string;
+    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 AvatarColor = (typeof colors)[number];
+declare const sizes: readonly [18, 22, 32, 74, 160];
+export type Size = typeof sizes[number];
+export {};

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

@@ -0,0 +1 @@
+export * from './avatar.model';

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

@@ -0,0 +1,7 @@
+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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InitialsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InitialsPipe, "initials", true>;
+}

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

@@ -1,4 +1,5 @@
 import { AppFile } from '../../models/appFile.model';
+import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import * as i0 from "@angular/core";
 /**
  * This component displays a preview of a document, including its name, size,
@@ -6,11 +7,18 @@ import * as i0 from "@angular/core";
  */
 export declare class DocumentPreviewComponent {
     showDeleteModal: import("@angular/core").WritableSignal<boolean>;
+    showTagModal: import("@angular/core").WritableSignal<boolean>;
     /**
      * The application file to be displayed in the preview. This is a required input.
      * @type {InputSignal<AppFile>}
      */
     file: import("@angular/core").InputSignal<AppFile>;
+    /**
+     * /**
+     * The view mode in whic the file is displayed. This is a required input.
+     * @type {InputSignal<string>}
+     */
+    viewMode: import("@angular/core").InputSignal<string>;
     /**
      * An output event that emits the file name when the delete action is triggered.
      * @type {OutputEmitterRef<string>}
@@ -25,6 +33,8 @@ export declare class DocumentPreviewComponent {
      * Handles the delete action. Emits the `fileName` of the current `file` via the `onDelete` output.
      */
     handleDelete(): void;
+    cancelDelete(): void;
+    confirmDelete(): void;
     /**
      * Handles the download action. Emits the `fileName` of the current `file` via the `onDownload` output.
      */
@@ -33,9 +43,17 @@ export declare class DocumentPreviewComponent {
      * Handles the tag action. Currently, it logs a message to the console.
      * A "TODO" indicates that further logic for tagging needs to be implemented here.
      */
-    handleTag(): void;
-    cancelDelete(): void;
-    confirmDelete(): void;
+    handleTag(popover: NgbPopover): void;
+    tags: string[];
+    onOutsideClick(event: MouseEvent): void;
+    selectedTag: string;
+    onTagChange: import("@angular/core").OutputEmitterRef<{
+        fileName: string;
+        tag: string;
+    }>;
+    getTag(newTag: string): void;
+    removeTag(): void;
+    handleShare(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "app-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
 }

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

@@ -115,6 +115,10 @@ export declare class DropZoneComponent {
      * based on the number of documents.
      */
     carouselRight(): void;
+    handleTagChange(event: {
+        fileName: string;
+        tag: string;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "app-drop-zone", never, { "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,81 @@
+import { ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MaskDirective implements OnInit {
+    private el;
+    /**
+     * The mask pattern to apply.
+     * Placeholders:
+     * '0' - Digit (0-9)
+     * 'a' - Letter (a-z, A-Z)
+     * '*' - Alphanumeric (0-9, a-z, A-Z)
+     * @example '(000) 000-0000' for a phone number.
+     */
+    appMask: import("@angular/core").InputSignal<string>;
+    /**
+     * Stores the unmasked, "real" value of the input, containing only
+     * the characters entered by the user that fit the mask placeholders.
+     */
+    private realValue;
+    constructor(el: ElementRef<HTMLInputElement>);
+    ngOnInit(): void;
+    /**
+     * HostListener for the 'input' event. This is the primary handler for
+     * formatting the value as the user types or pastes.
+     */
+    onInput(event: InputEvent): void;
+    /**
+     * HostListener for the 'paste' event. It intercepts pasted content,
+     * cleans it, and integrates it into the masked value.
+     */
+    onPaste(event: ClipboardEvent): void;
+    /**
+     * HostListener for the 'copy' event. Ensures that copying a selection
+     * from the input copies the unmasked, "real" value.
+     */
+    onCopy(event: ClipboardEvent): void;
+    /**
+     * HostListener for the 'cut' event. Ensures cutting a selection removes
+     * the corresponding part from the real value and reformats the input.
+     */
+    onCut(event: ClipboardEvent): void;
+    /**
+     * HostListener for the 'keydown' event. It validates key presses against
+     * the mask pattern, preventing invalid characters from being entered.
+     */
+    onKeydown(event: KeyboardEvent): void;
+    /**
+     * The core formatting logic. It takes a value, extracts the valid user
+     * input, applies the mask, updates the display, and dispatches the change.
+     * @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;
+    /**
+     * Public method to get the current unmasked "real" value.
+     * @returns The real value as a string.
+     */
+    getRealValue(): string;
+    /**
+     * Public method to set the "real" value from outside the directive.
+     * @param value The new value to set.
+     */
+    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>;
+}

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

@@ -3,7 +3,9 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PasswordDirective } from '../../directives/password.directive';
 import { NumberFormatDirective } from '../../directives/number-format.directive';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { CaiInputConfig } from './models/input.model';
+import { CaiInputConfig, DropdownOption } from './models/input.model';
+import { Dispatch, DispatchBoard } from './models';
+import { MaskDirective } from './directives/mask.directive';
 import * as i0 from "@angular/core";
 /**
  * A reusable input component that integrates with Angular Forms and supports
@@ -15,17 +17,31 @@ export declare class InputComponent implements ControlValueAccessor {
     ngControl: NgControl | null;
     /**
      * Defines the unique identifier for the input element.
-     * This ID is crucial for accessibility, linking the `<label>` to the
-     * native `<input>` via the `for` attribute.
      * It is provided by the parent component as an Angular `input()` signal.
      */
     id: import("@angular/core").InputSignal<string>;
     /**
      * Configuration object for the input's behavior and appearance.
-     * This `input()` signal accepts an `InputConfig` object to customize
-     * properties like the input type (`text`, `password`, `number`),
-     * placeholder/label text (`name`), validation (`required`), and other
-     * special behaviors.
+     * It is provided by the parent component as an Angular `input()` signal.
+      - `type`: HTML input type (`'text'`, `'password'`, `'number'`).
+      - `name`: The HTML `name` attribute.
+      - `required`: If `true`, the input is required for form submission.
+      - `alignment`: Text alignment within the input (`'left'` or `'right'`).
+      - `inverse`: If `true`, renders the input in a dark mode style.
+      - `reveal`: For password inputs, the number of characters to reveal from the end.
+      - `icon`: Name of an icon to display (e.g., `'cai-email'`).
+      - `iconColor`: Color of the displayed icon (e.g., `'#FF0000'`).
+      - `dropdown`: If `true`, the input is associated with a dropdown.
+      - `search`: Enables search within the dropdown.
+      - `add`: Enables 'add new' functionality in the dropdown.
+      - `dispatch`: If `true`, shows the dispatch modal as a dropdown.
+      - `placeholderBehavior`: Defines placeholder animation (`'dynamic'` , `'fade'`, `'static'`).
+      - `label`: An `aria-label` for accessibility.
+      - `mask`: A pattern string for input masking (e.g., `'(000) 000-0000'`).
+      - `min`: Minimum value for number inputs.
+      - `max`: Maximum value for number inputs or maximum length for text inputs.
+      - `withButtons`: If `true`, adds increment/decrement buttons for number inputs.
+      - `autocomplete`: The HTML `autocomplete` attribute.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -62,6 +78,7 @@ export declare class InputComponent implements ControlValueAccessor {
     inputRef: ElementRef<HTMLInputElement>;
     PasswordDirective: PasswordDirective;
     NumberFormatDirective: NumberFormatDirective;
+    MaskDirective: MaskDirective;
     dropdown: NgbPopover;
     /**
      * Constructor for the InputComponent.
@@ -168,6 +185,12 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param isDisabled - True if the control should be disabled, false otherwise.
      */
     setDisabledState(isDisabled: boolean): void;
+    /**
+     * Called when the input element receives focus (focus event).
+     * Triggers the `onTouched` callback to notify Angular Forms that the
+     * input has been interacted with.
+     */
+    onFocus(event: FocusEvent): void;
     /**
      * Called when the input element loses focus (blur event).
      * Triggers the `onTouched` callback to notify Angular Forms that the
@@ -184,7 +207,17 @@ export declare class InputComponent implements ControlValueAccessor {
      * This is an input signal, meaning its value can be set from a parent component.
      * @type {Signal<string[]>}
      */
-    dropdownOptions: import("@angular/core").InputSignal<string[]>;
+    dropdownOptions: import("@angular/core").InputSignal<DropdownOption[]>;
+    /**
+     * A signal that holds the locally added options.
+     * @type {Signal<DropdownOption[]>}
+     */
+    localOptions: import("@angular/core").WritableSignal<DropdownOption[]>;
+    /**
+     * A signal that holds the currently selected option from the dropdown.
+     * @type {Signal<DropdownOption | null>}
+     */
+    selectedOption: import("@angular/core").WritableSignal<DropdownOption | null>;
     /**
      * A computed signal that provides the current list of options to display in the dropdown.
      *
@@ -194,19 +227,46 @@ export declare class InputComponent implements ControlValueAccessor {
      *
      * @type {Signal<string[]>}
      */
-    options: import("@angular/core").Signal<string[]>;
-    /**
-     * Formats an option for the dropdown by highlighting the search value if it exists in the option.
-     * @param option - The option to format.
-     * @returns The formatted option.
-     */
-    formatOption(option: string): string;
+    options: import("@angular/core").Signal<DropdownOption[]>;
     /**
      * Handles when an option is selected from the dropdown.
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: string, event: MouseEvent): void;
+    handleOption(option: DropdownOption, event: MouseEvent): void;
+    /**
+     * An output signal that emits the value of the added option.
+     * @type {Output<string>}
+     */
+    onConfirm: import("@angular/core").OutputEmitterRef<string>;
+    /**
+     * Adds a new option to the dropdown.
+     * @param option - The option to add.
+     */
+    addOption(): void;
+    /**
+     * Handles when the user clicks on the "ADD NEW" button in the dropdown.
+     * It sets the `isAdding` signal to `true`, closes the dropdown, and focuses the input.
+     * @param event - The MouseEvent that initiated the action.
+     */
+    handleAddOption(event: MouseEvent): void;
+    /**
+     * A signal that indicates whether a new option is being added.
+     * @type {Signal<boolean>}
+     */
+    isAdding: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that indicates whether the placeholder selected option should be shown.
+     * @type {Signal<boolean>}
+     */
+    hasText: import("@angular/core").Signal<boolean>;
+    dispatches: import("@angular/core").InputSignal<DispatchBoard[] | undefined>;
+    dispatchCount: import("@angular/core").Signal<number>;
+    filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
+    handleDispatchOption(option: Dispatch, event: MouseEvent): void;
+    selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
+    foldedBoards: import("@angular/core").WritableSignal<number[]>;
+    fold(boardId: number, event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cai-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; "isSignal": true; }; }, {}, 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; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; "isSignal": true; }; "dispatches": { "alias": "dispatches"; "required": false; "isSignal": true; }; }, { "onConfirm": "onConfirm"; }, never, never, true, never>;
 }

package/app/components/input/models/index.d.ts

@@ -1 +1,2 @@
 export * from './input.model';
+export * from './planner.model';

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

@@ -6,6 +6,20 @@ export interface CaiInputConfig {
     inverse?: boolean;
     reveal?: number;
     icon?: string | null;
+    iconColor?: string;
     dropdown?: boolean;
     search?: boolean;
+    add?: boolean;
+    dispatch?: boolean;
+    placeholderBehavior?: 'dynamic' | 'fade' | 'static';
+    label?: string;
+    mask?: string;
+    min?: number;
+    max?: number;
+    withButtons?: boolean;
+    autocomplete?: string;
 }
+export type DropdownOption = {
+    id: string;
+    label: string;
+};

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

@@ -0,0 +1,78 @@
+import { AvatarColor, AvatarFile } from "../../avatar/models";
+export type Dispatch = {
+    id: number;
+    dispatchBoardId: number;
+    dispatcherId: number;
+    truck: Truck;
+    trailer?: Trailer | null;
+    driver: Driver;
+    coDriver?: Driver | null;
+    payType: string;
+    status?: any | null;
+    currentLocationCoordinates?: {
+        latitude: number;
+        longitude: number;
+    };
+};
+export type DispatchBoard = {
+    teamBoard: boolean;
+    id: number;
+    dispatcher: string | null;
+    count: number;
+    dispatches: Dispatch[];
+};
+export type Driver = {
+    id: number;
+    firstName: string;
+    lastName: string;
+    owner?: boolean | null;
+    avatarFile?: AvatarFile | null;
+    colorFlag?: AvatarColor | null;
+    status?: number;
+    address: string | null;
+    payType: {
+        name: string;
+        id: number;
+    };
+    [key: string]: any;
+};
+export type Truck = {
+    id: number;
+    truckNumber: string;
+    status: number;
+    owner: string;
+    color: TruckColor;
+    truckType: TruckType;
+    truckMakeName?: string | null;
+    model?: string | null;
+    year: number;
+};
+export type TruckColor = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    code: string;
+};
+export type TruckType = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    logoName: string;
+};
+export type Trailer = {
+    id: number;
+    trailerNumber: string;
+    status: number;
+    owner: string | null;
+    trailerType: TrailerType;
+    trailerMakeName?: string | null;
+    model?: string | null;
+    year: number;
+};
+export type TrailerType = {
+    id: number;
+    companyId?: number | null;
+    name: string;
+    logoName: string;
+    hasVolume?: boolean | null;
+};

package/app/components/input/pipes/highlight-search.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HighlightSearchPipe implements PipeTransform {
+    /**
+     * Formats an option for the dropdown by highlighting the search value if it exists in the option.
+     * @param option - The option to format.
+     * @param searchValue - The value to search and highlight within the option.
+     * @returns The formatted option.
+     */
+    transform(option: string, searchValue: string | undefined | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HighlightSearchPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HighlightSearchPipe, "highlightSearch", true>;
+}

package/app/models/appFile.model.d.ts

@@ -8,5 +8,6 @@ export interface AppFile {
     imagePreviewUrl?: string;
     pageCount?: number;
     file: File;
+    tag: string;
 }
 export {};