carriera-intern-components 0.0.97 → 0.0.98

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

@@ -7,6 +7,10 @@ export declare class NumberFormatDirective implements OnInit {
      * Defaults to true, meaning formatting is active by default.
      */
     appNumberFormat: import("@angular/core").InputSignal<boolean>;
+    /**
+     *
+     */
+    max: import("@angular/core").InputSignal<number | undefined>;
     /**
      * Stores the unformatted, "real" numeric value of the input.
      * This is the value that should be used for calculations or form submissions,
@@ -101,5 +105,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; }; }, {}, 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; }; }, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,7 @@
 import { ElementRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { PasswordDirective } from '../../directives/password.directive';
-import { NumberFormatDirective } from '../../directives/number-format.directive';
+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';
@@ -33,11 +33,13 @@ export declare class InputComponent implements ControlValueAccessor {
       - `search`: Enables search within the dropdown.
       - `add`: Enables 'add new' functionality in the dropdown.
       - `placeholderBehavior`: Defines placeholder animation (`'dynamic'` , `'fade'`, `'static'`).
+      - `errorBehavior`: Defines error animation (`'static'`, `'dynamic'`, `'floating'`).
       - `label`: An `aria-label` for accessibility.
-      - `list`: If `true`, the input is associated with a list.
+      - `list`: If `true`, the input has no validation, no background and no separators for icons
       - `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.
+      - `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'`).
       - `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.
@@ -46,6 +48,7 @@ export declare class InputComponent implements ControlValueAccessor {
       - `optionValue`: The key of the option to use in the formControl for the selected option in the dropdown.
       - `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.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -111,6 +114,10 @@ export declare class InputComponent implements ControlValueAccessor {
      * An output signal that emits the `optionValue` or `id` of the changed dropdown option.
      */
     onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
+    /**
+     * 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;
@@ -254,5 +261,5 @@ export declare class InputComponent implements ControlValueAccessor {
     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"; }, 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; }; }, { "onOptionAdded": "onOptionAdded"; "onAdd": "onAdd"; "onSelectionChange": "onSelectionChange"; "onClear": "onClear"; }, never, never, true, never>;
 }

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

@@ -12,7 +12,9 @@ export interface CaiInputConfig {
     search?: boolean;
     add?: boolean;
     subcontent?: string;
+    textTransform?: 'capitalize' | 'uppercase' | 'lowercase';
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
+    errorBehavior?: 'dynamic' | 'static' | 'floating';
     label?: string;
     mask?: string;
     min?: number;
@@ -25,6 +27,7 @@ export interface CaiInputConfig {
     passwordRequirements?: boolean;
     optionValue?: string;
     optionLabel?: string;
+    removable?: boolean;
 }
 export declare const DropdownTypes: readonly ["dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer"];
 export type DropdownType = (typeof DropdownTypes)[number];