carriera-intern-components 0.0.993 → 0.0.995

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

@@ -10,6 +10,10 @@ export declare class PasswordDirective implements OnInit {
      * Input property to hide or show the password
      */
     visible: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Input property to specify the type of the password
+     */
+    account: import("@angular/core").InputSignal<boolean>;
     /**
      * Input property to specify how many characters from the end of the
      * password should be revealed. Defaults to 0 (fully masked).
@@ -90,5 +94,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; }; "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; }; }, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PasswordDirective } from './directives/password.directive';
 import { NumberFormatDirective } from './directives/number-format.directive';
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
 /**
  * This component is a generic input component that can be used to create various types of inputs.
  */
-export declare class InputComponent implements ControlValueAccessor, AfterViewInit {
+export declare class InputComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     ngControl: NgControl | null;
     inputRef: ElementRef<HTMLInputElement>;
     containerRef: ElementRef<HTMLInputElement>;
@@ -46,7 +46,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     /**
      * Configuration object for the input's behavior and appearance.
      * It is provided by the parent component as an Angular `input()` signal.
-      - `type`: HTML input type (`'text'`, `'password'`, `'number'`).
+      - `type`: HTML input type (`'text'`, `'password'`, `'account'`, `'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'`).
@@ -54,7 +54,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
       - `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 menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'`, `'dispatcher'`, `'truck'`, `'trailer'`, `'bank'` or `'label'` variants.
+      - `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'`, or `'subcontent'` variants.
       - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]` | `Dispatcher[]`.
       - `labelColors`: An array of label colors for the label picker.
       - `search`: Enables search within the dropdown.
@@ -79,6 +79,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
       - `subContent`: An optional slot for additional content to be displayed next to the content the user is entering. (ex. lbs, months, etc.)
       - `removable`: If `true`, displays `cai-delete` icon over clear button.
       - `autofocus`: If `true`, the input will be focused when the component is initialized.
+      - `canOpenModal`: If `true`, the input can open a modal for adding new options.
+      - `customErrors`: An array of custom error messages to be displayed in the input.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -89,6 +91,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * Input property to hold the label colors for the label picker.
      */
     labelColors: import("@angular/core").InputSignal<LabelColor[] | undefined>;
+    /**
+     * Preselected dropdown option
+     */
+    preselectedUnit: import("@angular/core").InputSignal<string | null>;
     /**
      * Internal signal to track the disabled state of the input.
      */
@@ -98,7 +104,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      */
     value: import("@angular/core").WritableSignal<string>;
     /**
-     * Tracks the visibility state for inputs of `type='password'`.
+     * Tracks the visibility state for inputs of `type='password' and 'account'`.
      */
     visible: import("@angular/core").WritableSignal<boolean>;
     /**
@@ -156,6 +162,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * @param ngControl - Optional NgControl instance for form integration.
      */
     constructor(ngControl: NgControl | null);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     /**
      * Handles the native 'input' event from the HTMLInputElement.
@@ -174,6 +181,12 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     onRealValueChange(event: CustomEvent): void;
     onChange: (_: any) => void;
     onTouched: () => void;
+    /**
+     * Dispatches the onChange event with the provided value.
+     * This method wraps the onChange call to provide a centralized way to handle value changes.
+     * @param value - The value to pass to onChange
+     */
+    dispatchOnChange(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -238,7 +251,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: DropdownOptions): void;
+    handleOption(option: DropdownOptions, event?: MouseEvent): void;
     /**
      * Adds a new option to the dropdown.
      * @param option - The option to add.
@@ -267,5 +280,5 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     castAsTruckOption(value: unknown): TruckType | null;
     castAsTrailerOption(value: unknown): TrailerType | null;
     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; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onClear": "onClear"; }, 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; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; "preselectedUnit": { "alias": "preselectedUnit"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onClear": "onClear"; }, never, never, true, never>;
 }

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

@@ -1,6 +1,6 @@
 import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption } from './dropdown.model';
 export interface CaiInputConfig {
-    type?: 'text' | 'password' | 'number';
+    type?: 'text' | 'password' | 'number' | 'account';
     name?: string;
     required?: boolean;
     alignment?: 'left' | 'right';
@@ -28,12 +28,18 @@ export interface CaiInputConfig {
     inTable?: boolean;
     disabled?: boolean;
     passwordRequirements?: boolean;
+    canOpenModal?: boolean;
     optionValue?: string;
     optionLabel?: string;
     removable?: boolean;
     autofocus?: boolean;
+    customErrors?: CustomError[];
 }
-export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer"];
+export type CustomError = {
+    name: string;
+    message: string | null;
+};
+export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent"];
 export type DropdownType = (typeof DropdownTypes)[number];
 export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[];
 export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption;

package/app/{pipes → components/input/pipes}/error-message.pipe.d.ts

@@ -1,10 +1,11 @@
 import { PipeTransform } from '@angular/core';
 import { ValidationErrors } from '@angular/forms';
-import { NumberFormatPipe } from './number-format.pipe';
+import { NumberFormatPipe } from '../../../pipes/number-format.pipe';
+import { CustomError } from '../models/input.model';
 import * as i0 from "@angular/core";
 export declare class ErrorMessagePipe implements PipeTransform {
     numberFormatPipe: NumberFormatPipe;
-    transform(errors: ValidationErrors | null | undefined): string[];
+    transform(errors: ValidationErrors | null | undefined, customErrors?: CustomError[]): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessagePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ErrorMessagePipe, "errorMessage", true>;
 }