carriera-intern-components 0.0.92 → 0.0.94

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

@@ -14,7 +14,7 @@ export declare class AvatarComponent {
      * The size of the avatar in pixels.
      * @type {Size}
      */
-    size: import("@angular/core").InputSignal<18 | 22 | 32 | 74 | 160>;
+    size: import("@angular/core").InputSignal<160 | 18 | 22 | 32 | 74>;
     /**
      * Whether the avatar should be rounded or not at sizes of 74px and 160px.
      * @type {boolean}

package/app/components/document-preview/document-preview.component.d.ts

@@ -1,13 +1,27 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { AppFile } from '../../models/appFile.model';
-import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import * as i0 from "@angular/core";
 /**
  * This component displays a preview of a document, including its name, size,
  * and provides actions to delete, download, and tag the document.
  */
-export declare class DocumentPreviewComponent {
+export declare class DocumentPreviewComponent implements OnChanges {
+    coverMinimalMod: import("@angular/core").InputSignal<boolean>;
+    isCrop: import("@angular/core").WritableSignal<boolean>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Signal that controls whether the delete modal is visible.Used to confirm the file deletion.
+     */
     showDeleteModal: import("@angular/core").WritableSignal<boolean>;
-    showTagModal: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Boolean flag indicating whether the tag popover is visible.Used to apply conditional styling or behavior.
+     */
+    showTag: boolean;
+    /**
+     * Currently selected tag for the document.
+     */
+    selectedTag: string;
     /**
      * The application file to be displayed in the preview. This is a required input.
      * @type {InputSignal<AppFile>}
@@ -33,27 +47,52 @@ export declare class DocumentPreviewComponent {
      * Handles the delete action. Emits the `fileName` of the current `file` via the `onDelete` output.
      */
     handleDelete(): void;
+    /**
+     * Cancels the delete operation and hides the confirmation modal.
+     */
     cancelDelete(): void;
+    /**
+     * Confirms the deletion and emits the `onDelete` event.
+     */
     confirmDelete(): void;
     /**
      * Handles the download action. Emits the `fileName` of the current `file` via the `onDownload` output.
      */
     handleDownload(): void;
     /**
-     * Handles the tag action. Currently, it logs a message to the console.
-     * A "TODO" indicates that further logic for tagging needs to be implemented here.
+     * Callback triggered when the tag popover is shown. Used to update internal state.
+     */
+    onTagShown(): void;
+    /**
+     * Callback triggered when the tag popover is hidden. Used to update internal state.
+     */
+    onTagHidden(): void;
+    /**
+     * List of available tags for labeling the document. These are selectable within the tag popover.
      */
-    handleTag(popover: NgbPopover): void;
     tags: string[];
-    onOutsideClick(event: MouseEvent): void;
-    selectedTag: string;
+    /**
+     * Emits when a tag is selected or removed for the file.
+     * Contains the file name and the selected tag.
+     * @type {OutputEmitterRef<{ fileName: string; tag: string }>}
+     */
     onTagChange: import("@angular/core").OutputEmitterRef<{
         fileName: string;
         tag: string;
     }>;
+    /**
+     * Selects a tag and emits the `onTagChange` output.
+     * @param newTag The newly selected tag string.
+     */
     getTag(newTag: string): void;
+    /**
+     * Removes the currently selected tag. Does not emit an event — must be called manually.
+     */
     removeTag(): void;
+    /**
+     * Placeholder for handling document sharing. Currently logs the file name to the console.
+     */
     handleShare(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "cai-document-preview", never, { "coverMinimalMod": { "alias": "coverMinimalMod"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, never>;
 }

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

@@ -18,6 +18,9 @@ export declare class DropZoneComponent {
     croppedImage: SafeUrl | null;
     showCropper: import("@angular/core").WritableSignal<boolean>;
     isCropperReady: import("@angular/core").WritableSignal<boolean>;
+    originalImageWidth: number;
+    originalImageHeight: number;
+    smallView: import("@angular/core").WritableSignal<boolean>;
     coverUrl: string;
     profileUrl: string;
     logoUrl: string;
@@ -26,8 +29,10 @@ export declare class DropZoneComponent {
     cropHeight: import("@angular/core").WritableSignal<number>;
     cropWidth: import("@angular/core").WritableSignal<number>;
     driver: import("@angular/core").WritableSignal<Driver>;
+    inputRange: ElementRef<HTMLInputElement>;
     constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     updateRangeBackground(input: HTMLInputElement): void;
     cropDimensions(): void;
     ratioHelper(): number;
@@ -37,7 +42,7 @@ export declare class DropZoneComponent {
     imageLoaded(image: LoadedImage): void;
     cropperReady(): void;
     loadImageFailed(): void;
-    smallView: import("@angular/core").WritableSignal<boolean>;
+    onTransformChange(event: ImageTransform): void;
     cancelCrop(): void;
     submitCrop(): void;
     /**

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

@@ -8,10 +8,7 @@ import { Broker, CaiInputConfig, Contact, DepartmentContactsPair, DropdownOption
 import { Dispatch, DispatchBoard } from './models';
 import * as i0 from "@angular/core";
 /**
- * A reusable input component that integrates with Angular Forms and supports
- * various input types, including text, password (with reveal functionality),
- * and numbers (with formatting and step controls). It also provides error
- * message display and icon support.
+ * This component is a generic input component that can be used to create various types of inputs.
  */
 export declare class InputComponent implements ControlValueAccessor {
     ngControl: NgControl | null;
@@ -42,17 +39,19 @@ export declare class InputComponent implements ControlValueAccessor {
       - `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.
+      - `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.
       - `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.
+      - `subContent`: An optional slot for additional content to be displayed next to the content the user is entering. (ex. lbs, months, etc.)
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
      * Input property to hold the dropdown options.
      */
-    options: import("@angular/core").InputSignal<Dispatch[] | DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[]>;
+    options: import("@angular/core").InputSignal<DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[]>;
     /**
      * Input property to hold the label colors for the label picker.
      */
@@ -72,7 +71,7 @@ export declare class InputComponent implements ControlValueAccessor {
     /**
      * A signal that holds the locally added options.
      */
-    localOptions: import("@angular/core").WritableSignal<Dispatch[] | DropdownOption[] | LabelOption[] | Broker[] | DispatchBoard[] | DepartmentContactsPair[] | Shipper[]>;
+    localOptions: import("@angular/core").WritableSignal<DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[]>;
     /**
      * A signal that holds the currently selected option from the dropdown.
      * @type {Signal<DropdownOption | null>}
@@ -82,13 +81,31 @@ export declare class InputComponent implements ControlValueAccessor {
      * A signal that indicates whether a new option is being added.
      */
     isAdding: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that holds the currently selected label from the label picker.
+     */
     selectedLabel: import("@angular/core").WritableSignal<LabelOption | null>;
+    /**
+     * A signal that holds the currently selected color from the label picker.
+     */
     selectedColor: import("@angular/core").WritableSignal<LabelColor>;
     isPickingColor: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * A signal that holds the currently selected dispatch board from the dispatch board picker.
+     */
     selectedDispatch: import("@angular/core").WritableSignal<Dispatch | null>;
     foldedBoards: import("@angular/core").WritableSignal<number[]>;
+    /**
+     * A signal that holds the currently selected broker from the broker picker.
+     */
     selectedBroker: import("@angular/core").WritableSignal<Broker | null>;
+    /**
+     * A signal that holds the currently selected contact from the contact picker.
+     */
     selectedContact: import("@angular/core").WritableSignal<Contact | null>;
+    /**
+     * A signal that holds the currently selected shipper from the shipper picker.
+     */
     selectedShipper: import("@angular/core").WritableSignal<Shipper | null>;
     /**
      * A computed signal that indicates whether the placeholder selected option should be shown.
@@ -97,22 +114,9 @@ export declare class InputComponent implements ControlValueAccessor {
     /**
      * A computed signal that dynamically calculates the step value for number inputs.
      */
-    step: import("@angular/core").Signal<1000 | 5000 | 10000 | 20000>;
+    step: import("@angular/core").Signal<number>;
+    combinedOptions: import("@angular/core").Signal<DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[]>;
     dispatchCount: import("@angular/core").Signal<number>;
-    filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
-    /**
-     * A computed signal that provides the current list of options to display in the dropdown.
-     *
-     * If `search` is `false`, it returns the full `dropdownOptions`.
-     * If `search` is `true`, it filters `dropdownOptions` based on the `value` signal,
-     * performing a case-insensitive partial text match.
-     *
-     */
-    filteredOptions: import("@angular/core").Signal<DropdownOption[]>;
-    filteredLabels: import("@angular/core").Signal<LabelOption[]>;
-    filteredBrokers: import("@angular/core").Signal<Broker[]>;
-    filteredContacts: import("@angular/core").Signal<DepartmentContactsPair[]>;
-    filteredShippers: import("@angular/core").Signal<Shipper[]>;
     /**
      * An output signal that emits the value of the added option.
      */
@@ -122,7 +126,7 @@ export declare class InputComponent implements ControlValueAccessor {
      */
     onAdd: import("@angular/core").OutputEmitterRef<void>;
     /**
-     * An output signal that emits the value of the changed dropdown option.
+     * An output signal that emits the `optionValue` or `id` of the changed dropdown option.
      */
     onSelectionChange: import("@angular/core").OutputEmitterRef<any>;
     inputRef: ElementRef<HTMLInputElement>;

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

@@ -10,11 +10,13 @@ export interface CaiInputConfig {
     dropdown?: boolean | 'dispatch' | 'ftl-dispatch' | 'label' | 'broker' | 'contact' | 'shipper';
     search?: boolean;
     add?: boolean;
+    subcontent?: string;
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
     label?: string;
     mask?: string;
     min?: number;
     max?: number;
+    step?: number | 'automatic';
     withButtons?: boolean;
     autocomplete?: string;
     list?: boolean;

package/app/components/input/pipes/filter-by-search.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import { Broker, CaiInputConfig, Contact, DepartmentContactsPair, Dispatch, DispatchBoard, DropdownOption, LabelOption, Shipper } from '../models';
+import * as i0 from "@angular/core";
+export declare class FilterBySearchPipe implements PipeTransform {
+    hasProperty<T extends object>(obj: T, prop: PropertyKey): prop is keyof T;
+    transform(options: DispatchBoard[] | Dispatch[] | LabelOption[] | Broker[] | Contact[] | DropdownOption[] | DepartmentContactsPair[] | Shipper[], value: string | undefined | null, type: CaiInputConfig['dropdown'], shouldSearch?: boolean, foldedBoards?: number[]): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterBySearchPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FilterBySearchPipe, "filterBySearch", true>;
+}

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

@@ -7,7 +7,7 @@ export interface AppFile {
     size: number;
     imagePreviewUrl?: string;
     pageCount?: number;
-    file: File;
+    file: File | null;
     tag: string;
 }
 export {};