@datarailsshared/datarailsshared 1.6.308 → 1.6.312

package/lib/dr-chip/dr-chip.component.d.ts

@@ -1,10 +1,13 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DrChipComponent {
-    label: string;
-    icon: string;
-    removable: boolean;
-    remove: EventEmitter<void>;
+    label?: string;
+    icon?: string;
+    removable?: boolean;
+    removeAriaLabel: string;
+    readonly remove: EventEmitter<void>;
+    onRemove(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrChipComponent, "dr-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrChipComponent, "dr-chip", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_removable: unknown;
 }

package/lib/dr-file-upload/directives/drag-drop.directive.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DrDragDropDirective {
+    readonly fileDrop: EventEmitter<FileList>;
+    readonly dragStateChange: EventEmitter<boolean>;
+    isDragover: boolean;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrDragDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrDragDropDirective, "[drDragDrop]", never, {}, { "fileDrop": "fileDrop"; "dragStateChange": "dragStateChange"; }, never, never, true, never>;
+}

package/lib/dr-file-upload/dr-file-upload-item/dr-file-upload-item.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { FileUploadItem } from '../models/file-upload.models';
+import * as i0 from "@angular/core";
+export declare class DrFileUploadItemComponent {
+    item: FileUploadItem;
+    removable: boolean;
+    compact: boolean;
+    readonly remove: EventEmitter<void>;
+    get statusText(): string;
+    get statusAriaText(): string;
+    get withRemoveButton(): boolean;
+    get withActions(): boolean;
+    onRemoveClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrFileUploadItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrFileUploadItemComponent, "dr-file-upload-item", never, { "item": { "alias": "item"; "required": true; }; "removable": { "alias": "removable"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
+    static ngAcceptInputType_removable: unknown;
+    static ngAcceptInputType_compact: unknown;
+}

package/lib/dr-file-upload/dr-file-upload.component.d.ts

@@ -0,0 +1,66 @@
+import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { FileUploadVariant, FileUploadItem, FileUploadTemplate } from './models/file-upload.models';
+import * as i0 from "@angular/core";
+export declare class DrFileUploadComponent implements AfterViewInit {
+    private readonly cdr;
+    private readonly validationService;
+    variant: FileUploadVariant;
+    accept: string;
+    /**
+     * Specifies the maximum allowed file size for uploads, in megabytes (MB).
+     */
+    maxFileSize?: number;
+    maxFiles: number;
+    disabled: boolean;
+    validateFormats: boolean;
+    dropzoneText: string;
+    dropzoneSubtext?: string;
+    errorMessage?: string;
+    customAriaLabel?: string;
+    set files(value: FileUploadItem[]);
+    get files(): FileUploadItem[];
+    readonly filesChange: EventEmitter<FileUploadItem[]>;
+    readonly fileRemove: EventEmitter<File>;
+    readonly validationError: EventEmitter<{
+        type: 'format' | 'size' | 'limit';
+        fileName?: string;
+        message: string;
+    }>;
+    private _files;
+    invalidFormatError?: string;
+    invalidSizeError?: string;
+    overLimitError?: string;
+    dropzoneTemplate?: TemplateRef<unknown>;
+    fileItemTemplate?: TemplateRef<unknown>;
+    browseButtonTemplate?: TemplateRef<unknown>;
+    uploadTemplate?: FileUploadTemplate;
+    fileInput: ElementRef<HTMLInputElement>;
+    isDragover: boolean;
+    ngAfterViewInit(): void;
+    get isDisabled(): boolean;
+    get hasDragover(): boolean;
+    get hasFiles(): boolean;
+    get isSingle(): boolean;
+    get isMultiple(): boolean;
+    get computedDropzoneSubtext(): string;
+    get validationErrorMessage(): string | undefined;
+    get showDropzone(): boolean;
+    get uploadedFiles(): FileUploadItem[];
+    get failedFilesCount(): number;
+    get hasPartialSuccess(): boolean;
+    get ariaLabel(): string;
+    get dropzoneAriaLabel(): string;
+    get acceptDescription(): string;
+    trackByFile(_index: number, item: FileUploadItem): string;
+    onDragStateChange(isDragover: boolean): void;
+    onFileDrop(fileList: FileList): void;
+    onBrowseClick(): void;
+    onFileInputChange(event: Event): void;
+    onFileRemove(item: FileUploadItem): void;
+    private handleFiles;
+    private clearValidationErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrFileUploadComponent, "dr-file-upload", never, { "variant": { "alias": "variant"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "validateFormats": { "alias": "validateFormats"; "required": false; }; "dropzoneText": { "alias": "dropzoneText"; "required": false; }; "dropzoneSubtext": { "alias": "dropzoneSubtext"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "customAriaLabel": { "alias": "aria-label"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "filesChange": "filesChange"; "fileRemove": "fileRemove"; "validationError": "validationError"; }, ["dropzoneTemplate", "fileItemTemplate", "browseButtonTemplate", "uploadTemplate"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_validateFormats: unknown;
+}

package/lib/dr-file-upload/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dr-file-upload.component';
+export * from './dr-file-upload-item/dr-file-upload-item.component';
+export * from './models/file-upload.models';
+export * from './templates/dr-file-upload-image-template/dr-file-upload-image-template.component';
+export * from './services/file-upload-validation.service';

package/lib/dr-file-upload/models/file-upload.models.d.ts

@@ -0,0 +1,13 @@
+import { TemplateRef } from '@angular/core';
+export type FileUploadVariant = 'single' | 'multiple';
+export type FileUploadItemStatus = 'idle' | 'pending' | 'uploading' | 'success' | 'error';
+export interface FileUploadItem {
+    file: File;
+    progress: number;
+    status: FileUploadItemStatus;
+    errorMessage?: string;
+}
+export interface FileUploadTemplate {
+    dropzoneTemplate?: TemplateRef<unknown>;
+    fileItemTemplate?: TemplateRef<unknown>;
+}

package/lib/dr-file-upload/services/file-upload-validation.service.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class FileUploadValidationService {
+    filterByFormat(files: File[], accept: string): {
+        valid: File[];
+        invalidFileName?: string;
+    };
+    filterBySize(files: File[], maxFileSizeMB: number): {
+        valid: File[];
+        oversizedFileName?: string;
+    };
+    getAcceptedExtensions(accept: string): string[];
+    getAcceptedMimes(accept: string): string[];
+    private isFileFormatValid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadValidationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FileUploadValidationService>;
+}

package/lib/dr-file-upload/templates/dr-file-upload-image-template/dr-file-upload-image-template.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { FileUploadTemplate } from '../../models/file-upload.models';
+import { ICropImageData } from '../../../image-cropper/dr-image-cropper.types';
+import * as i0 from "@angular/core";
+export declare class DrFileUploadImageTemplateComponent implements FileUploadTemplate, OnDestroy {
+    title: string;
+    useImageCropper: boolean;
+    cropperSize?: number;
+    originalImageFile?: File | null;
+    imgUrl?: string;
+    readonly imageCropped: EventEmitter<ICropImageData>;
+    dropzoneTemplate: TemplateRef<unknown>;
+    fileItemTemplate: TemplateRef<unknown>;
+    private imageUrlCache;
+    private createdUrls;
+    ngOnDestroy(): void;
+    onCropChanged(data: ICropImageData): void;
+    getImageUrl(file: File): string;
+    revokeImageUrl(file: File): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrFileUploadImageTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrFileUploadImageTemplateComponent, "dr-file-upload-image-template", never, { "title": { "alias": "title"; "required": false; }; "useImageCropper": { "alias": "useImageCropper"; "required": false; }; "cropperSize": { "alias": "cropperSize"; "required": false; }; "originalImageFile": { "alias": "originalImageFile"; "required": false; }; "imgUrl": { "alias": "imgUrl"; "required": false; }; }, { "imageCropped": "imageCropped"; }, never, never, true, never>;
+}

package/lib/dr-progress-bar/dr-progress-bar.component.d.ts

@@ -2,14 +2,23 @@ import * as i0 from "@angular/core";
 export type TProgressBarTheme = 'light' | 'dark';
 export declare class DrProgressBarComponent {
     /**
-     * @description from 0 to 100
+     * Progress value from 0 to 100
      */
-    progress: number;
+    progress?: number;
     /**
-     * @description Option to hide value label
+     * Option to hide value label
      */
     showValue: boolean;
     theme: TProgressBarTheme;
+    /**
+     * Custom accessible label for screen readers
+     */
+    customAriaLabel?: string;
+    readonly role = "progressbar";
+    readonly ariaValueMin = 0;
+    readonly ariaValueMax = 100;
+    get ariaValueNow(): number;
+    get ariaLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrProgressBarComponent, "dr-progress-bar", never, { "progress": { "alias": "progress"; "required": true; }; "showValue": { "alias": "showValue"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrProgressBarComponent, "dr-progress-bar", never, { "progress": { "alias": "progress"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "customAriaLabel": { "alias": "aria-label"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/dr-system-message/dr-system-message.component.d.ts

@@ -1,16 +1,21 @@
 import { EventEmitter } from '@angular/core';
 import { ButtonType } from '../dr-inputs/button/button.component';
 import * as i0 from "@angular/core";
-export type TSystemMessageKind = 'prime' | 'info' | 'warning' | 'error';
+export type TSystemMessageTheme = 'prime' | 'info' | 'warning' | 'error';
 export declare class DrSystemMessageComponent {
-    kind: TSystemMessageKind;
+    /**
+     * Message content rendered via innerHTML.
+     * Supports basic HTML formatting (e.g. <b>, <strong>, <a>).
+     * Angular automatically sanitizes innerHTML.
+     */
     message: string;
+    theme: TSystemMessageTheme;
     actionButtonText: string;
     action: EventEmitter<void>;
     close: EventEmitter<void>;
     animation: boolean;
-    get elementClasses(): TSystemMessageKind;
+    get elementClasses(): TSystemMessageTheme;
     get buttonType(): ButtonType;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrSystemMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrSystemMessageComponent, "dr-system-message", never, { "kind": { "alias": "kind"; "required": false; }; "message": { "alias": "message"; "required": false; }; "actionButtonText": { "alias": "actionButtonText"; "required": false; }; }, { "action": "action"; "close": "close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrSystemMessageComponent, "dr-system-message", never, { "message": { "alias": "message"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "actionButtonText": { "alias": "actionButtonText"; "required": false; }; }, { "action": "action"; "close": "close"; }, never, never, true, never>;
 }

package/local-api.d.ts

@@ -156,7 +156,7 @@ export { DrChipComponent } from './lib/dr-chip/dr-chip.component';
 export { DrGalleryComponent } from './lib/dr-gallery/dr-gallery.component';
 export { DrProgressBarComponent, TProgressBarTheme } from './lib/dr-progress-bar/dr-progress-bar.component';
 export { DrBadgeComponent, TBadgeColor, TBadgeSize } from './lib/dr-badge/dr-badge.component';
-export { DrSystemMessageComponent, TSystemMessageKind } from './lib/dr-system-message/dr-system-message.component';
+export { DrSystemMessageComponent, TSystemMessageTheme } from './lib/dr-system-message/dr-system-message.component';
 export * from './lib/drawer/public-api';
 export * from './lib/stepper-wizard/stepper-wizard.component';
 export * from './lib/stepper-wizard/directives/step-wizard.directive';
@@ -171,3 +171,4 @@ export * from './lib/filter-dropdown/filter-dropdown.component';
 export * from './lib/dr-grid/dr-grid';
 export * from './lib/dr-divider/dr-divider.component';
 export * from './lib/card';
+export * from './lib/dr-file-upload';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.6.308",
+  "version": "1.6.312",
   "description": "DataRails shared components",
   "keywords": [
     "angular",