carriera-intern-components 0.0.8 → 0.0.9

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/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 } 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";
@@ -37,11 +37,16 @@ export declare class InputComponent implements ControlValueAccessor {
       - `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>;
     /**
@@ -233,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.
@@ -249,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>}
@@ -263,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[]>;
-    handleDispatchOption(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

@@ -11,6 +11,7 @@ export interface CaiInputConfig {
     search?: boolean;
     add?: boolean;
     dispatch?: boolean;
+    labelPicker?: boolean;
     placeholderBehavior?: 'dynamic' | 'fade' | 'static';
     label?: string;
     mask?: string;
@@ -18,8 +19,28 @@ export interface CaiInputConfig {
     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;
+};