carriera-intern-components 0.0.9 → 0.0.91

package/app/components/drop-zone/drop-zone.component.d.ts

@@ -2,6 +2,7 @@ import { ElementRef } from '@angular/core';
 import { AppFile } from '../../models/appFile.model';
 import { ImageCroppedEvent, LoadedImage, ImageTransform } from 'ngx-image-cropper';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+import { Driver } from '../avatar/models';
 import * as i0 from "@angular/core";
 /**
  * A component that provides a user interface for file uploading via
@@ -17,14 +18,26 @@ export declare class DropZoneComponent {
     croppedImage: SafeUrl | null;
     showCropper: import("@angular/core").WritableSignal<boolean>;
     isCropperReady: import("@angular/core").WritableSignal<boolean>;
+    coverUrl: string;
+    profileUrl: string;
+    logoUrl: string;
+    size: import("@angular/core").InputSignal<string | undefined>;
+    rounded: import("@angular/core").InputSignal<boolean>;
+    cropHeight: import("@angular/core").WritableSignal<number>;
+    cropWidth: import("@angular/core").WritableSignal<number>;
+    driver: import("@angular/core").WritableSignal<Driver>;
     constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
     updateRangeBackground(input: HTMLInputElement): void;
+    cropDimensions(): void;
+    ratioHelper(): number;
     onZoomChange(event: Event): void;
     fileChangeEvent(event: Event): void;
     imageCropped(event: ImageCroppedEvent): void;
     imageLoaded(image: LoadedImage): void;
     cropperReady(): void;
     loadImageFailed(): void;
+    smallView: import("@angular/core").WritableSignal<boolean>;
     cancelCrop(): void;
     submitCrop(): void;
     /**
@@ -60,10 +73,10 @@ export declare class DropZoneComponent {
      */
     docs: import("@angular/core").WritableSignal<AppFile[]>;
     /**
-    * A signal that holds an array of `AppFile` objects representing the files
-    * that have been selected or dropped by the user.
- 
-    */
+     * A signal that holds an array of `AppFile` objects representing the files
+     * that have been selected or dropped by the user.
+  
+     */
     variant: import("@angular/core").InputSignal<string>;
     /**
      * A signal that acts as a boolean flag. It is set to `true` when the user
@@ -146,5 +159,5 @@ export declare class DropZoneComponent {
         tag: string;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "app-drop-zone", never, { "crop": { "alias": "crop"; "required": false; "isSignal": true; }; "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "app-drop-zone", never, { "crop": { "alias": "crop"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -3,7 +3,7 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { PasswordDirective } from '../../directives/password.directive';
 import { NumberFormatDirective } from '../../directives/number-format.directive';
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
-import { CaiInputConfig, DropdownOption, LabelColor, LabelOption } from './models/input.model';
+import { Broker, CaiInputConfig, DropdownOption, LabelColor, LabelOption } from './models/input.model';
 import { Dispatch, DispatchBoard } from './models';
 import { MaskDirective } from './directives/mask.directive';
 import * as i0 from "@angular/core";
@@ -31,22 +31,23 @@ 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.
+      - `dropdown`: If `true`, the input is associated with a dropdown menu, can also have `'dispatch'`, `'broker'` or `'label'` variants.
+      - `options`: An array of options for the dropdown can be of type `DropdownOption[]` | `LabelOption[]` | `DispatchBoard[]` | `Broker[]`.
+      - `labelColors`: An array of label colors for the label picker.
       - `search`: Enables search within the dropdown.
       - `add`: Enables 'add new' functionality in the dropdown.
-      - `dispatch`: If `true`, shows the dispatch modal as a dropdown.
       - `placeholderBehavior`: Defines placeholder animation (`'dynamic'` , `'fade'`, `'static'`).
       - `label`: An `aria-label` for accessibility.
-      - `labelPicker`: If `true`, the input is associated with a label picker.
       - `list`: If `true`, the input is associated with a list.
-      - `labels`: An array of label options for the label picker.
-      - `labelColors`: An array of label colors for the label picker.
       - `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.
       - `withButtons`: If `true`, adds increment/decrement buttons for number inputs.
       - `autocomplete`: The HTML `autocomplete` attribute.
       - `disabled`: If `true`, the input is disabled (for use without reactive form).
+      - `passwordRequirements`: If `true`, shows password requirements for password inputs.
+      - `optionValue`: The value to use in the formControl for the selected option in the dropdown.
+      
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -75,11 +76,9 @@ export declare class InputComponent implements ControlValueAccessor {
      * A computed signal that dynamically calculates the step value for number inputs.
      * The step value changes based on the magnitude of the current `value()`.
      * This allows for more intuitive incrementing and decrementing (e.g., smaller
-     * steps for smaller numbers, larger steps for larger numbers). It derives its
-     * value from the `getStepValue` method and automatically updates when the
-     * input's `value` signal changes.
+     * steps for smaller numbers, larger steps for larger numbers).
      */
-    step: import("@angular/core").Signal<number>;
+    step: import("@angular/core").Signal<1000 | 5000 | 10000 | 20000>;
     inputRef: ElementRef<HTMLInputElement>;
     PasswordDirective: PasswordDirective;
     NumberFormatDirective: NumberFormatDirective;
@@ -127,17 +126,6 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param event - The MouseEvent that triggered the decrement.
      */
     decrement(event: MouseEvent): void;
-    /**
-     * Calculates the step value for number inputs based on the current value.
-     * The step dynamically adjusts:
-     * - 1000 if value < 20000
-     * - 5000 if value < 50000
-     * - 10000 if value < 100000
-     * - 20000 otherwise
-     * Uses `min()` as a fallback if the current value is not a valid number.
-     * @returns The calculated step value.
-     */
-    getStepValue(): number;
     /**
      * Toggles the visibility of the password input.
      * Toggles the `visible` state and updates the input's displayed value.
@@ -207,17 +195,19 @@ export declare class InputComponent implements ControlValueAccessor {
      * Notifies Angular Forms of the change and updates the view.
      */
     reset(): void;
+    dropdownOptionsRef: any;
+    dispatchesRef: any;
+    labelPickerRef: any;
+    brokerRef: any;
+    getDropdownRef(): any;
     /**
-     * Represents the base list of options available for the dropdown.
-     * This is an input signal, meaning its value can be set from a parent component.
-     * @type {Signal<string[]>}
+     * Input property to hold the dropdown options.
      */
-    dropdownOptions: import("@angular/core").InputSignal<DropdownOption[]>;
+    options: import("@angular/core").InputSignal<DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[]>;
     /**
      * A signal that holds the locally added options.
-     * @type {Signal<DropdownOption[]>}
      */
-    localOptions: import("@angular/core").WritableSignal<DropdownOption[]>;
+    localOptions: import("@angular/core").WritableSignal<DropdownOption[] | LabelOption[]>;
     /**
      * A signal that holds the currently selected option from the dropdown.
      * @type {Signal<DropdownOption | null>}
@@ -232,13 +222,14 @@ export declare class InputComponent implements ControlValueAccessor {
      *
      * @type {Signal<string[]>}
      */
-    options: import("@angular/core").Signal<DropdownOption[]>;
+    filteredOptions: import("@angular/core").Signal<DropdownOption[]>;
+    hasProperty<T extends object>(obj: T, prop: PropertyKey): prop is keyof T;
     /**
      * Handles when an option is selected from the dropdown.
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: DropdownOption, event?: MouseEvent): void;
+    handleOption(option: DropdownOption | LabelOption | Dispatch | Broker, event?: MouseEvent): void;
     /**
      * An output signal that emits the value of the added option.
      * @type {Output<string>}
@@ -250,6 +241,11 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param option - The option to add.
      */
     addOption(): void;
+    /**
+     * An output signal that emits when the user clicks on the "ADD NEW" button in the dropdown.
+     * @type {Output<void>}
+     */
+    onAdd: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Handles when the user clicks on the "ADD NEW" button in the dropdown.
      * It sets the `isAdding` signal to `true`, closes the dropdown, and focuses the input.
@@ -266,22 +262,23 @@ export declare class InputComponent implements ControlValueAccessor {
      * @type {Signal<boolean>}
      */
     hasText: import("@angular/core").Signal<boolean>;
-    dispatches: import("@angular/core").InputSignal<DispatchBoard[] | undefined>;
     dispatchCount: import("@angular/core").Signal<number>;
     filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
-    handleDispatchOption(option: Dispatch, event?: MouseEvent): void;
     selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
     foldedBoards: import("@angular/core").WritableSignal<number[]>;
     fold(boardId: number, event: MouseEvent): void;
-    labels: import("@angular/core").InputSignal<LabelOption[] | undefined>;
     labelColors: import("@angular/core").InputSignal<LabelColor[] | undefined>;
-    localLabels: import("@angular/core").WritableSignal<LabelOption[]>;
     filteredLabels: import("@angular/core").Signal<LabelOption[]>;
     selectedLabel: import("@angular/core").WritableSignal<LabelOption | null>;
     selectedColor: import("@angular/core").WritableSignal<LabelColor>;
-    handleLabelOption(option: LabelOption, event?: MouseEvent): void;
     isPickingColor: import("@angular/core").WritableSignal<boolean>;
     handleSelectColor(color: LabelColor, event?: MouseEvent): void;
+    filteredBrokers: import("@angular/core").Signal<Broker[]>;
+    selectedBroker: import("@angular/core").WritableSignal<Broker | null>;
+    getBrokerProgress(broker: Broker, disable?: boolean): {
+        activePercentageOfPaid: number;
+        status: string | 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; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; "isSignal": true; }; "dispatches": { "alias": "dispatches"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "labelColors": { "alias": "labelColors"; "required": false; "isSignal": true; }; }, { "onOptionAdded": "onOptionAdded"; "onLabelAdded": "onLabelAdded"; }, 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"; "onLabelAdded": "onLabelAdded"; "onAdd": "onAdd"; }, never, never, true, never>;
 }

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

@@ -7,11 +7,9 @@ export interface CaiInputConfig {
     reveal?: number;
     icon?: string | null;
     iconColor?: string;
-    dropdown?: boolean;
+    dropdown?: boolean | 'dispatch' | 'label' | 'broker';
     search?: boolean;
     add?: boolean;
-    dispatch?: boolean;
-    labelPicker?: boolean;
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
     label?: string;
     mask?: string;
@@ -21,6 +19,8 @@ export interface CaiInputConfig {
     autocomplete?: string;
     list?: boolean;
     disabled?: boolean;
+    passwordRequirements?: boolean;
+    optionValue?: string;
 }
 export type DropdownOption = {
     id: string;
@@ -44,3 +44,16 @@ export type LabelColor = {
     hoverCode?: string | null;
     count?: number;
 };
+export type Broker = {
+    id?: number;
+    businessName?: string | null;
+    availableCredit?: number | null;
+    creditLimit?: number | null;
+    availableCreditType?: any | null;
+    payTerm?: any | null;
+    dnu?: boolean;
+    ban?: boolean;
+    status?: number;
+    loadsCount?: number;
+    revenue?: number | null;
+};

package/app/pipes/currency.pipe.d.ts

@@ -0,0 +1,28 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @ngdoc pipe
+ * @name currencyPipe
+ * @description
+ * Formats a given dollar amount into a compact string (e.g., $35.21K, $1.23M).
+ *
+ * Usage:
+ * {{ value | currency }}
+ *
+ * Example:
+ * {{ 35210 | currency }} // outputs: $35.21K
+ * {{ 1234567 | currency }} // outputs: $1.23M
+ * {{ 999 | currency }} // outputs: $999
+ * {{ 1234567890 | currency }} // outputs: $1.23B
+ */
+export declare class CurrencyPipe implements PipeTransform {
+    /**
+     * Transforms a numeric value into a formatted currency string.
+     *
+     * @param {number | string} value The dollar amount to format. Can be a number or a string that can be parsed to a number.
+     * @returns {string} The formatted currency string, or '$0.00' if the input is invalid.
+     */
+    transform(value: number | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CurrencyPipe, "currency", true>;
+}