carriera-intern-components 0.0.998 → 0.0.999

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 } 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,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     dispatcherRef: any;
     truckRef: any;
     trailerRef: any;
+    selectedHazardousRef: any;
     selectedDispatchRef: any;
     selectedLabelRef: any;
     selectedBrokerRef: any;
@@ -81,6 +84,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 +123,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 +168,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 +302,7 @@ 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;
+    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,12 @@ 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;
+};

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 } 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"];
 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[];
+export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption | Hazardous;
+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];

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';