carriera-intern-components 0.0.998 → 1.1.0

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

@@ -11,6 +11,11 @@ export declare class NumberFormatDirective implements OnInit {
      *
      */
     max: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Input property to enable or disable the number formatting.
+     * Defaults to true, meaning formatting is active by default.
+     */
+    isNumberFormattingDisabled: import("@angular/core").InputSignal<boolean>;
     prefix: import("@angular/core").InputSignal<string>;
     /**
      * Stores the unformatted, "real" numeric value of the input.
@@ -106,5 +111,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; }; "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; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,16 +1,17 @@
-import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 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 } from './models';
+import { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType, Hazardous, State, Owner, FuelCard } 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.
  */
 export declare class InputComponent implements ControlValueAccessor, AfterViewInit, OnInit {
     ngControl: NgControl | null;
+    private cdr;
     inputRef: ElementRef<HTMLInputElement>;
     containerRef: ElementRef<HTMLInputElement>;
     dropdown: NgbPopover;
@@ -18,6 +19,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     PasswordDirective: PasswordDirective;
     NumberFormatDirective: NumberFormatDirective;
     MaskDirective: MaskDirective;
+    hazardousRef: any;
     dropdownOptionsRef: any;
     dispatchesRef: any;
     ftlDispatchRef: any;
@@ -29,6 +31,11 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     dispatcherRef: any;
     truckRef: any;
     trailerRef: any;
+    stateRef: any;
+    ownerRef: any;
+    fuelcardRef: any;
+    selectedOwnerRef: any;
+    selectedHazardousRef: any;
     selectedDispatchRef: any;
     selectedLabelRef: any;
     selectedBrokerRef: any;
@@ -38,6 +45,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     selectedDispatcherRef: any;
     selectedTruckRef: any;
     selectedTrailerRef: any;
+    selectedStateRef: any;
+    selectedFuelcardRef: any;
     /**
      * Defines the unique identifier for the input element.
      * It is provided by the parent component as an Angular `input()` signal.
@@ -54,8 +63,8 @@ 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'`, `'label'`, or `'subcontent'` variants.
-      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]` | `Dispatcher[]`.
+      - `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'ftl-dispatch'`, `'broker'`, `'contact'`, `'shipper'`, `'dispatcher'`, `'truck'`, `'trailer'`, `'bank'`, `'label'`, `'state'`, `'owner'`, `'fuelcard'`, or `'subcontent'` variants.
+      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]` | `DepartmentContactsPair[]` | `Shipper[]` | `Bank[]` | `Dispatcher[]` | `TruckOption[]` | `TrailerOption[]` | `Hazardous[]` | `State[]` | `Owner[]` | `FuelCard[]`.
       - `labelColors`: An array of label colors for the label picker.
       - `search`: Enables search within the dropdown.
       - `add`: Enables 'add new' functionality in the dropdown.
@@ -81,6 +90,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
       - `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.
+      - `isNumberFormattingDisabled`: If `true`, the input will not be formatted as a number.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -119,6 +129,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * A signal that indicates whether a new option is being added.
      */
     isAdding: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that tracks whether the field has been autofilled.
+     */
+    isAutofilled: import("@angular/core").WritableSignal<boolean>;
     /**
      * A signal that holds the currently selected color from the label picker.
      */
@@ -160,10 +174,25 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * If NgControl is present, it sets this component as the value accessor
      * for the form control.
      * @param ngControl - Optional NgControl instance for form integration.
+     * @param cdr - ChangeDetectorRef for manual change detection.
+     */
+    constructor(ngControl: NgControl | null, cdr: ChangeDetectorRef);
+    /**
+     * Handles autofill detection from Chrome's autofill animation.
+     * Marks the control as autofilled and updates validity.
      */
-    constructor(ngControl: NgControl | null);
+    onAutofill(): void;
+    /**
+     * Clears the autofill flag when user manually edits the field.
+     * Re-enables normal validation.
+     */
+    clearAutofillFlag(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    /**
+     * Sets up autofill detection by checking for Chrome's -webkit-autofill CSS pseudo-class
+     */
+    private setupAutofillDetection;
     /**
      * Handles the native 'input' event from the HTMLInputElement.
      * Updates the component's internal value and notifies Angular forms
@@ -279,6 +308,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     castAsDropdownOption(value: unknown): DropdownOption | null;
     castAsTruckOption(value: unknown): TruckType | null;
     castAsTrailerOption(value: unknown): TrailerType | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, [{ optional: true; self: true; }]>;
+    castAsHazardous(value: unknown): Hazardous | null;
+    castAsState(value: unknown): State | null;
+    castAsOwner(value: unknown): Owner | null;
+    castAsFuelCard(value: unknown): FuelCard | null;
+    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"; }, never, never, true, never>;
 }

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

@@ -192,3 +192,33 @@ export type TrailerOption = {
     logoName: string;
     hasVolume?: boolean | null;
 };
+export type Hazardous = {
+    id?: number;
+    class?: number;
+    division?: number;
+    group?: string;
+    description?: string;
+    notes?: string;
+    logoName?: string;
+};
+export type State = {
+    id?: number;
+    countryType?: {
+        name: string;
+        id: number;
+    };
+    stateShortName?: string;
+    stateName?: string;
+    counter?: number | null;
+};
+export type Owner = {
+    id?: number;
+    name?: string | null;
+    ein?: string | null;
+};
+export type FuelCard = {
+    id?: number;
+    number?: string | null;
+    brand?: string | null;
+    account?: string | null;
+};

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

@@ -1,4 +1,4 @@
-import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption } from './dropdown.model';
+import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption, Hazardous, State, Owner, FuelCard } from './dropdown.model';
 export interface CaiInputConfig {
     type?: 'text' | 'password' | 'number' | 'account';
     name?: string;
@@ -13,6 +13,7 @@ export interface CaiInputConfig {
     add?: boolean;
     subcontent?: string;
     textTransform?: 'capitalize' | 'uppercase' | 'lowercase';
+    isNumberFormattingDisabled?: boolean;
     textColor?: 'positive';
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
     errorBehavior?: 'dynamic' | 'static' | 'floating';
@@ -39,8 +40,8 @@ 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 declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard"];
 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;
-export type DropdownKeys = DropdownOption[keyof DropdownOption] | LabelOption[keyof LabelOption] | Dispatch[keyof Dispatch] | Broker[keyof Broker] | Contact[keyof Contact] | Shipper[keyof Shipper] | Bank[keyof Bank] | Dispatcher[keyof Dispatcher] | TruckOption[keyof TruckOption] | TrailerOption[keyof TrailerOption];
+export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[] | Hazardous[] | State[] | Owner[] | FuelCard[];
+export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption | Hazardous | State | Owner | FuelCard;
+export type DropdownKeys = DropdownOption[keyof DropdownOption] | LabelOption[keyof LabelOption] | Dispatch[keyof Dispatch] | Broker[keyof Broker] | Contact[keyof Contact] | Shipper[keyof Shipper] | Bank[keyof Bank] | Dispatcher[keyof Dispatcher] | TruckOption[keyof TruckOption] | TrailerOption[keyof TrailerOption] | Hazardous[keyof Hazardous] | State[keyof State] | Owner[keyof Owner] | FuelCard[keyof FuelCard];

package/app/utils/autofill-validators.d.ts

@@ -0,0 +1,10 @@
+import { ValidatorFn, ValidationErrors } from '@angular/forms';
+type FlexibleValidatorFn = (control: any) => ValidationErrors | null;
+/**
+ * Creates a validator that ignores validation rules when the control is autofilled.
+ * This can be used by components to create form controls with autofill support.
+ * @param validators - Array of validators to apply when not autofilled
+ * @returns A validator function that bypasses validation for autofilled controls
+ */
+export declare function ignoreWhenAutofilled(...validators: FlexibleValidatorFn[]): ValidatorFn;
+export {};

package/app/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './autofill-validators';