carriera-intern-components 0.0.7 → 0.0.8

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/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

@@ -5,6 +5,7 @@ import { NumberFormatDirective } from '../../directives/number-format.directive'
 import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 import { CaiInputConfig, DropdownOption } 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,31 @@ 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.
+      - `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.
      */
     config: import("@angular/core").InputSignal<CaiInputConfig>;
     /**
@@ -63,6 +78,7 @@ export declare class InputComponent implements ControlValueAccessor {
     inputRef: ElementRef<HTMLInputElement>;
     PasswordDirective: PasswordDirective;
     NumberFormatDirective: NumberFormatDirective;
+    MaskDirective: MaskDirective;
     dropdown: NgbPopover;
     /**
      * Constructor for the InputComponent.
@@ -247,7 +263,7 @@ 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;

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

@@ -6,10 +6,18 @@ export interface CaiInputConfig {
     inverse?: boolean;
     reveal?: number;
     icon?: string | null;
+    iconColor?: string;
     dropdown?: boolean;
     search?: boolean;
     add?: boolean;
-    planner?: boolean;
+    dispatch?: boolean;
+    placeholderBehavior?: 'dynamic' | 'fade' | 'static';
+    label?: string;
+    mask?: string;
+    min?: number;
+    max?: number;
+    withButtons?: boolean;
+    autocomplete?: string;
 }
 export type DropdownOption = {
     id: string;