carriera-intern-components 1.1.1 → 1.1.12

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

@@ -4,7 +4,7 @@ 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, Hazardous, State, Owner, FuelCard } from './models';
+import { Bank, Broker, CaiInputConfig, Contact, Dispatcher, DropdownOption, LabelColor, LabelOption, Shipper, Dispatch, DropdownArrays, DropdownOptions, TruckType, TrailerType, Hazardous, State, Owner, FuelCard, PMOption } 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.
@@ -35,6 +35,8 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     stateRef: any;
     ownerRef: any;
     fuelcardRef: any;
+    pmRef: any;
+    selectedPmRef: any;
     selectedOwnerRef: any;
     selectedHazardousRef: any;
     selectedDispatchRef: any;
@@ -64,8 +66,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'`, `'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[]`.
+      - `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'`, `'pm'`, 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[]` | `PMOption[]`.
       - `labelColors`: An array of label colors for the label picker.
       - `search`: Enables search within the dropdown.
       - `add`: Enables 'add new' functionality in the dropdown.
@@ -168,7 +170,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     /**
      * An output signal that emits the value of the added option.
      */
-    onOptionAdded: import("@angular/core").OutputEmitterRef<DropdownOption | LabelOption>;
+    onOptionAdded: import("@angular/core").OutputEmitterRef<string | LabelOption>;
     /**
      * An output signal that emits when the user clicks on the "ADD NEW" button in the dropdown.
      */
@@ -181,6 +183,10 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * An output signal that emits when the user clicks on the "CLEAR" button.
      */
     onClear: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * An output signal that emits when the user clicks on the "AUTOFILL" button.
+     */
+    onAutofill: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Constructor for the InputComponent.
      * It injects NgControl to integrate with Angular's forms API.
@@ -194,7 +200,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
      * Handles autofill detection from Chrome's autofill animation.
      * Marks the control as autofilled and updates validity.
      */
-    onAutofill(): void;
+    onAutofilled(): void;
     /**
      * Clears the autofill flag when user manually edits the field.
      * Re-enables normal validation.
@@ -327,6 +333,7 @@ export declare class InputComponent implements ControlValueAccessor, AfterViewIn
     castAsState(value: unknown): State | null;
     castAsOwner(value: unknown): Owner | null;
     castAsFuelCard(value: unknown): FuelCard | null;
+    castAsPMOption(value: unknown): PMOption | 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>;
+    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"; "onAutofill": "onAutofill"; }, never, never, true, never>;
 }

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

@@ -222,3 +222,9 @@ export type FuelCard = {
     brand?: string | null;
     account?: string | null;
 };
+export type PMOption = {
+    id?: number;
+    title?: string | null;
+    months?: number | null;
+    logoName?: 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, Hazardous, State, Owner, FuelCard } from './dropdown.model';
+import { Bank, Broker, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, Dispatcher, DropdownOption, LabelOption, Shipper, TrailerOption, TruckOption, Hazardous, State, Owner, FuelCard, PMOption } from './dropdown.model';
 export interface CaiInputConfig {
     type?: 'text' | 'password' | 'number' | 'account';
     name?: string;
@@ -30,6 +30,7 @@ export interface CaiInputConfig {
     disabled?: boolean;
     passwordRequirements?: boolean;
     canOpenModal?: boolean;
+    noSeparator?: boolean;
     optionValue?: string;
     optionLabel?: string;
     removable?: boolean;
@@ -40,8 +41,8 @@ export type CustomError = {
     name: string;
     message: string | null;
 };
-export declare const DropdownTypes: readonly ["multiple", "dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard"];
+export declare const DropdownTypes: readonly ["multiple", "dispatch", "ftl-dispatch", "label", "broker", "contact", "shipper", "bank", "dispatcher", "truck", "trailer", "subcontent", "hazardous", "state", "owner", "fuelcard", "pm"];
 export type DropdownType = (typeof DropdownTypes)[number];
-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];
+export type DropdownArrays = DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[] | Dispatch[] | Bank[] | Dispatcher[] | TruckOption[] | TrailerOption[] | Hazardous[] | State[] | Owner[] | FuelCard[] | PMOption[];
+export type DropdownOptions = DropdownOption | LabelOption | Broker | Contact | Shipper | Dispatch | Bank | Dispatcher | TruckOption | TrailerOption | Hazardous | State | Owner | FuelCard | PMOption;
+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] | PMOption[keyof PMOption];

package/app/components/input/pipes/remap-pm-icons.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RemapPmIconsPipe implements PipeTransform {
+    transform(pm: string | null | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RemapPmIconsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RemapPmIconsPipe, "remapPmIcons", true>;
+}

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

@@ -0,0 +1,59 @@
+import { EventEmitter } from '@angular/core';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { PmItem } from '../../models/pm.model';
+import * as i0 from "@angular/core";
+export declare class PmComponent {
+    /**
+     * List of PM items passed from the parent component.
+     * Used to render all available PM options.
+     */
+    items: PmItem[];
+    /**
+     * Event emitted when the "Add new" button is clicked.
+     * The parent component can listen to this and perform appropriate actions.
+     */
+    onAdd: EventEmitter<void>;
+    /**
+     * Boolean signal indicating whether the PM popover is currently visible.
+     * Used to apply conditional styling or behavior when the popover is shown or hidden.
+     */
+    showPmPopover: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * The currently selected PM item.
+     * Used to track and display the selected item's title and logo.
+     */
+    selectedPmItem: PmItem;
+    /**
+     * Called when the "Add new" button is clicked.
+     * Emits the `onAdd` event to notify the parent component.
+     */
+    onAddItem(): void;
+    /**
+     * Opens the tooltip when hovering over a PM item.
+     */
+    onShowTooltip(tooltip: NgbTooltip): void;
+    /**
+     * Closes the tooltip when the mouse leaves a PM item.
+     */
+    onHideTooltip(tooltip: NgbTooltip): void;
+    /**
+     * Called when the PM popover becomes visible.
+     */
+    onPmShown(): void;
+    /**
+     * Called when the PM popover is hidden.
+     */
+    onPmHidden(): void;
+    /**
+     * Called when a PM item is clicked.
+     * Sets the `selectedPmItem` with the clicked item's data.
+     */
+    onPmItemClick(item: PmItem): void;
+    /**
+     * Clears the selected PM item.
+     * Resets id, title and logoName.
+     */
+    onClear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PmComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PmComponent, "cai-pm", never, { "items": { "alias": "items"; "required": false; }; }, { "onAdd": "onAdd"; }, never, never, true, never>;
+}

package/app/models/pm.model.d.ts

@@ -0,0 +1,5 @@
+export interface PmItem {
+    id?: number;
+    logoName?: string | null;
+    title?: string | null;
+}