carriera-intern-components 0.0.99 → 0.0.992

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

@@ -11,6 +11,7 @@ export declare class NumberFormatDirective implements OnInit {
      *
      */
     max: import("@angular/core").InputSignal<number | undefined>;
+    prefix: import("@angular/core").InputSignal<string>;
     /**
      * Stores the unformatted, "real" numeric value of the input.
      * This is the value that should be used for calculations or form submissions,
@@ -105,5 +106,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; }; }, {}, 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; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PasswordDirective } from './directives/password.directive';
 import { NumberFormatDirective } from './directives/number-format.directive';
@@ -9,8 +9,35 @@ 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 {
+export declare class InputComponent implements ControlValueAccessor, AfterViewInit {
     ngControl: NgControl | null;
+    inputRef: ElementRef<HTMLInputElement>;
+    containerRef: ElementRef<HTMLInputElement>;
+    dropdown: NgbPopover;
+    closeTooltip: NgbPopover;
+    PasswordDirective: PasswordDirective;
+    NumberFormatDirective: NumberFormatDirective;
+    MaskDirective: MaskDirective;
+    dropdownOptionsRef: any;
+    dispatchesRef: any;
+    ftlDispatchRef: any;
+    labelPickerRef: any;
+    brokerRef: any;
+    contactRef: any;
+    shipperRef: any;
+    bankRef: any;
+    dispatcherRef: any;
+    truckRef: any;
+    trailerRef: any;
+    selectedDispatchRef: any;
+    selectedLabelRef: any;
+    selectedBrokerRef: any;
+    selectedContactRef: any;
+    selectedShipperRef: any;
+    selectedBankRef: any;
+    selectedDispatcherRef: any;
+    selectedTruckRef: any;
+    selectedTrailerRef: any;
     /**
      * Defines the unique identifier for the input element.
      * It is provided by the parent component as an Angular `input()` signal.
@@ -27,7 +54,7 @@ export declare class InputComponent implements ControlValueAccessor {
       - `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'` 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'` or `'label'` 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.
@@ -36,10 +63,12 @@ export declare class InputComponent implements ControlValueAccessor {
       - `errorBehavior`: Defines error animation (`'static'`, `'dynamic'`, `'floating'`).
       - `label`: An `aria-label` for accessibility.
       - `list`: If `true`, the input has no validation, no background and no separators for icons
+      - `inTable`: If `true`, has in-table styles
       - `mask`: A pattern string for input masking (e.g., `'(000) 000-0000'`).
       - `min`: Minimum value for number inputs.
       - `max`: Maximum value for number inputs (e.g., `999` meaning 3 characters) or maximum length for text inputs in characters.
       - `textTransform`: Text transformation for text inputs (`'capitalize'`, `'uppercase'`, `'lowercase'`).
+      - `textColor`: Text color for text inputs (`'positive'`).
       - `step`: Step value for number inputs. Can also be `automatic` for automatic step calculation.
       - `withButtons`: If `true`, adds increment/decrement buttons for number inputs.
       - `autocomplete`: The HTML `autocomplete` attribute.
@@ -49,6 +78,7 @@ export declare class InputComponent implements ControlValueAccessor {
       - `optionLabel`: The key of the option to use as the label in the dropdown.
       - `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.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -118,31 +148,6 @@ export declare class InputComponent implements ControlValueAccessor {
      * An output signal that emits when the user clicks on the "CLEAR" button.
      */
     onClear: import("@angular/core").OutputEmitterRef<void>;
-    inputRef: ElementRef<HTMLInputElement>;
-    dropdown: NgbPopover;
-    PasswordDirective: PasswordDirective;
-    NumberFormatDirective: NumberFormatDirective;
-    MaskDirective: MaskDirective;
-    dropdownOptionsRef: any;
-    dispatchesRef: any;
-    ftlDispatchRef: any;
-    labelPickerRef: any;
-    brokerRef: any;
-    contactRef: any;
-    shipperRef: any;
-    bankRef: any;
-    dispatcherRef: any;
-    truckRef: any;
-    trailerRef: any;
-    selectedDispatchRef: any;
-    selectedLabelRef: any;
-    selectedBrokerRef: any;
-    selectedContactRef: any;
-    selectedShipperRef: any;
-    selectedBankRef: any;
-    selectedDispatcherRef: any;
-    selectedTruckRef: any;
-    selectedTrailerRef: any;
     /**
      * Constructor for the InputComponent.
      * It injects NgControl to integrate with Angular's forms API.
@@ -151,6 +156,7 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param ngControl - Optional NgControl instance for form integration.
      */
     constructor(ngControl: NgControl | null);
+    ngAfterViewInit(): void;
     /**
      * Handles the native 'input' event from the HTMLInputElement.
      * Updates the component's internal value and notifies Angular forms
@@ -199,7 +205,7 @@ export declare class InputComponent implements ControlValueAccessor {
      * like double focus or focus loss.
      * @param event - The MouseEvent that initiated the focus action.
      */
-    focus(event: MouseEvent): void;
+    focus(event?: MouseEvent): void;
     /**
      * Called when the input element receives focus (focus event).
      */

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

@@ -13,6 +13,7 @@ export interface CaiInputConfig {
     add?: boolean;
     subcontent?: string;
     textTransform?: 'capitalize' | 'uppercase' | 'lowercase';
+    textColor?: 'positive';
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
     errorBehavior?: 'dynamic' | 'static' | 'floating';
     label?: string;
@@ -20,14 +21,17 @@ export interface CaiInputConfig {
     min?: number;
     max?: number;
     step?: number | 'automatic';
+    prefix?: string;
     withButtons?: boolean;
     autocomplete?: string;
     list?: boolean;
+    inTable?: boolean;
     disabled?: boolean;
     passwordRequirements?: boolean;
     optionValue?: string;
     optionLabel?: string;
     removable?: boolean;
+    autofocus?: boolean;
 }
 export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer"];
 export type DropdownType = (typeof DropdownTypes)[number];