carriera-intern-components 0.0.7 → 0.0.9

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

@@ -13,6 +13,12 @@ export declare class DocumentPreviewComponent {
      * @type {InputSignal<AppFile>}
      */
     file: import("@angular/core").InputSignal<AppFile>;
+    /**
+     * /**
+     * The view mode in whic the file is displayed. This is a required input.
+     * @type {InputSignal<string>}
+     */
+    viewMode: import("@angular/core").InputSignal<string>;
     /**
      * An output event that emits the file name when the delete action is triggered.
      * @type {OutputEmitterRef<string>}
@@ -47,6 +53,7 @@ export declare class DocumentPreviewComponent {
     }>;
     getTag(newTag: string): void;
     removeTag(): void;
+    handleShare(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPreviewComponent, "app-document-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, { "onDelete": "onDelete"; "onDownload": "onDownload"; "onTagChange": "onTagChange"; }, never, never, true, 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>;
 }

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

@@ -1,5 +1,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 * as i0 from "@angular/core";
 /**
  * A component that provides a user interface for file uploading via
@@ -7,6 +9,24 @@ import * as i0 from "@angular/core";
  * selected files in a carousel.
  */
 export declare class DropZoneComponent {
+    private sanitizer;
+    zoomValue: import("@angular/core").WritableSignal<number>;
+    transform: ImageTransform;
+    crop: import("@angular/core").InputSignal<boolean>;
+    imageChangedEvent: Event | null;
+    croppedImage: SafeUrl | null;
+    showCropper: import("@angular/core").WritableSignal<boolean>;
+    isCropperReady: import("@angular/core").WritableSignal<boolean>;
+    constructor(sanitizer: DomSanitizer);
+    updateRangeBackground(input: HTMLInputElement): void;
+    onZoomChange(event: Event): void;
+    fileChangeEvent(event: Event): void;
+    imageCropped(event: ImageCroppedEvent): void;
+    imageLoaded(image: LoadedImage): void;
+    cropperReady(): void;
+    loadImageFailed(): void;
+    cancelCrop(): void;
+    submitCrop(): void;
     /**
      * Injects the DocumentService for file processing tasks like
      * thumbnail generation and PDF page counting.
@@ -39,6 +59,12 @@ export declare class DropZoneComponent {
      * that have been selected or dropped by the user.
      */
     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.
+ 
+    */
+    variant: import("@angular/core").InputSignal<string>;
     /**
      * A signal that acts as a boolean flag. It is set to `true` when the user
      * attempts to upload a file with an unsupported extension.
@@ -120,5 +146,5 @@ export declare class DropZoneComponent {
         tag: string;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropZoneComponent, "app-drop-zone", never, { "excludedFileTypes": { "alias": "excludedFileTypes"; "required": false; "isSignal": true; }; "fileTypes": { "alias": "fileTypes"; "required": false; "isSignal": true; }; }, {}, never, never, true, 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>;
 }

package/app/components/input/directives/mask.directive.d.ts

@@ -0,0 +1,81 @@
+import { ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MaskDirective implements OnInit {
+    private el;
+    /**
+     * The mask pattern to apply.
+     * Placeholders:
+     * '0' - Digit (0-9)
+     * 'a' - Letter (a-z, A-Z)
+     * '*' - Alphanumeric (0-9, a-z, A-Z)
+     * @example '(000) 000-0000' for a phone number.
+     */
+    appMask: import("@angular/core").InputSignal<string>;
+    /**
+     * Stores the unmasked, "real" value of the input, containing only
+     * the characters entered by the user that fit the mask placeholders.
+     */
+    private realValue;
+    constructor(el: ElementRef<HTMLInputElement>);
+    ngOnInit(): void;
+    /**
+     * HostListener for the 'input' event. This is the primary handler for
+     * formatting the value as the user types or pastes.
+     */
+    onInput(event: InputEvent): void;
+    /**
+     * HostListener for the 'paste' event. It intercepts pasted content,
+     * cleans it, and integrates it into the masked value.
+     */
+    onPaste(event: ClipboardEvent): void;
+    /**
+     * HostListener for the 'copy' event. Ensures that copying a selection
+     * from the input copies the unmasked, "real" value.
+     */
+    onCopy(event: ClipboardEvent): void;
+    /**
+     * HostListener for the 'cut' event. Ensures cutting a selection removes
+     * the corresponding part from the real value and reformats the input.
+     */
+    onCut(event: ClipboardEvent): void;
+    /**
+     * HostListener for the 'keydown' event. It validates key presses against
+     * the mask pattern, preventing invalid characters from being entered.
+     */
+    onKeydown(event: KeyboardEvent): void;
+    /**
+     * The core formatting logic. It takes a value, extracts the valid user
+     * input, applies the mask, updates the display, and dispatches the change.
+     * @param value The current value from the input field.
+     */
+    private formatValue;
+    /**
+     * Applies the mask to a given string of user input.
+     * @param realValue The clean user input.
+     * @param mask The mask pattern.
+     * @returns An object with the formatted value and the final real value.
+     */
+    private applyMask;
+    /**
+     * Extracts valid user input characters from a string.
+     * @param value The string to clean.
+     * @returns A string containing only valid mask characters (digits/letters).
+     */
+    private extractUserInput;
+    private isPlaceholder;
+    private charMatchesPlaceholder;
+    private setCursorToEnd;
+    private dispatchRealValueChange;
+    /**
+     * Public method to get the current unmasked "real" value.
+     * @returns The real value as a string.
+     */
+    getRealValue(): string;
+    /**
+     * Public method to set the "real" value from outside the directive.
+     * @param value The new value to set.
+     */
+    setRealValue(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaskDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MaskDirective, "[appMask]", never, { "appMask": { "alias": "appMask"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -3,8 +3,9 @@ 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 } from './models/input.model';
+import { 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";
 /**
  * A reusable input component that integrates with Angular Forms and supports
@@ -16,17 +17,36 @@ export declare class InputComponent implements ControlValueAccessor {
     ngControl: NgControl | null;
     /**
      * Defines the unique identifier for the input element.
-     * This ID is crucial for accessibility, linking the `<label>` to the
-     * native `<input>` via the `for` attribute.
      * It is provided by the parent component as an Angular `input()` signal.
      */
     id: import("@angular/core").InputSignal<string>;
     /**
      * Configuration object for the input's behavior and appearance.
-     * This `input()` signal accepts an `InputConfig` object to customize
-     * properties like the input type (`text`, `password`, `number`),
-     * placeholder/label text (`name`), validation (`required`), and other
-     * special behaviors.
+     * It is provided by the parent component as an Angular `input()` signal.
+      - `type`: HTML input type (`'text'`, `'password'`, `'number'`).
+      - `name`: The HTML `name` attribute.
+      - `required`: If `true`, the input is required for form submission.
+      - `alignment`: Text alignment within the input (`'left'` or `'right'`).
+      - `inverse`: If `true`, renders the input in a dark mode style.
+      - `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.
+      - `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).
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -63,6 +83,7 @@ export declare class InputComponent implements ControlValueAccessor {
     inputRef: ElementRef<HTMLInputElement>;
     PasswordDirective: PasswordDirective;
     NumberFormatDirective: NumberFormatDirective;
+    MaskDirective: MaskDirective;
     dropdown: NgbPopover;
     /**
      * Constructor for the InputComponent.
@@ -217,12 +238,13 @@ export declare class InputComponent implements ControlValueAccessor {
      * @param option - The selected option.
      * @param event - The MouseEvent that initiated the selection action.
      */
-    handleOption(option: DropdownOption, event: MouseEvent): void;
+    handleOption(option: DropdownOption, event?: MouseEvent): void;
     /**
      * An output signal that emits the value of the added option.
      * @type {Output<string>}
      */
-    onConfirm: import("@angular/core").OutputEmitterRef<string>;
+    onOptionAdded: import("@angular/core").OutputEmitterRef<DropdownOption>;
+    onLabelAdded: import("@angular/core").OutputEmitterRef<LabelOption>;
     /**
      * Adds a new option to the dropdown.
      * @param option - The option to add.
@@ -233,7 +255,7 @@ export declare class InputComponent implements ControlValueAccessor {
      * It sets the `isAdding` signal to `true`, closes the dropdown, and focuses the input.
      * @param event - The MouseEvent that initiated the action.
      */
-    handleAddOption(event: MouseEvent): void;
+    handleAddOption(event?: MouseEvent): void;
     /**
      * A signal that indicates whether a new option is being added.
      * @type {Signal<boolean>}
@@ -247,10 +269,19 @@ export declare class InputComponent implements ControlValueAccessor {
     dispatches: import("@angular/core").InputSignal<DispatchBoard[] | undefined>;
     dispatchCount: import("@angular/core").Signal<number>;
     filteredDispatches: import("@angular/core").Signal<DispatchBoard[]>;
-    handlePlannerOption(option: Dispatch, event: MouseEvent): void;
+    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;
     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; }; }, { "onConfirm": "onConfirm"; }, 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; }; "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>;
 }

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

@@ -1,2 +1,2 @@
 export * from './input.model';
-export * from './planner.model';
+export * from './dispatch.model';

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

@@ -6,12 +6,41 @@ export interface CaiInputConfig {
     inverse?: boolean;
     reveal?: number;
     icon?: string | null;
+    iconColor?: string;
     dropdown?: boolean;
     search?: boolean;
     add?: boolean;
-    planner?: boolean;
+    dispatch?: boolean;
+    labelPicker?: boolean;
+    placeholderBehavior?: 'dynamic' | 'fade' | 'static';
+    label?: string;
+    mask?: string;
+    min?: number;
+    max?: number;
+    withButtons?: boolean;
+    autocomplete?: string;
+    list?: boolean;
+    disabled?: boolean;
 }
 export type DropdownOption = {
     id: string;
     label: string;
 };
+export type LabelOption = {
+    id?: number;
+    name?: string | null;
+    colorId?: number;
+    color?: string | null;
+    code?: string | null;
+    hoverCode?: string | null;
+    count?: number;
+    createdAt?: string;
+    updatedAt?: string;
+};
+export type LabelColor = {
+    id?: number;
+    name?: string | null;
+    code?: string | null;
+    hoverCode?: string | null;
+    count?: number;
+};