@ifsworld/granite-components 12.1.2 → 12.3.0

package/index.d.ts

@@ -50,6 +50,7 @@ export * from './lib/contacts/custom-profile.directive';
 export * from './lib/contacts/contacts-types/contacts.component.public-types';
 export * from './lib/progress-bar/progress-bar.module';
 export * from './lib/progress-bar/progress-bar.component';
+export * from './lib/progress-bar/progress-bar.model';
 export * from './lib/core/client-environment';
 export * from './lib/core/core.module';
 export * from './lib/core/devices/client-output-touch.directive';
@@ -72,6 +73,8 @@ export * from './lib/card-list/card/card-avatar.component';
 export * from './lib/card-list/card/card-content/card-header-title.component';
 export * from './lib/card-list/card/card-content/card-header-subtitle.component';
 export * from './lib/card-list/card/card-content/card-footer.component';
+export * from './lib/file-upload/file-upload.module';
+export * from './lib/file-upload/file-upload.component';
 export * from './lib/collapsible-group/collapsible-group.module';
 export * from './lib/collapsible-group/collapsible-group.component';
 export * from './lib/collapsible-group/collapsible-group-body.directive';

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import { FileUploadError } from '../file-upload.constants';
+import * as i0 from "@angular/core";
+export declare class GraniteFileDragAndDropDirective {
+    fileOver: boolean;
+    fileBrowseError: boolean;
+    multiFileUploadEnabled: boolean;
+    accept: string;
+    currentFiles: File[];
+    droppedFiles: EventEmitter<File[]>;
+    isFileOver: EventEmitter<boolean>;
+    fileUploadValidation: EventEmitter<FileUploadError>;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteFileDragAndDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteFileDragAndDropDirective, "[graniteFileDragAndDrop]", ["graniteFileDragAndDrop"], { "multiFileUploadEnabled": { "alias": "multiFileUploadEnabled"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "currentFiles": { "alias": "currentFiles"; "required": false; }; }, { "droppedFiles": "droppedFiles"; "isFileOver": "isFileOver"; "fileUploadValidation": "fileUploadValidation"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,48 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { FileUploadError, FileUploadStatus, SelectedFile } from './file-upload.constants';
+import * as i0 from "@angular/core";
+export declare class GraniteFileUploadComponent {
+    fileDropRef: ElementRef<HTMLInputElement>;
+    accept: string;
+    uploadTitle: string;
+    uploadIcon: string;
+    browseIcon: string;
+    errorIcon: string;
+    dropZoneText: string;
+    browseButtonText: string;
+    dropPlaceholderText: string;
+    dropZoneHint: string;
+    removeButtonText: string;
+    uploadButtonText: string;
+    retryButtonText: string;
+    cancelButtonText: string;
+    browseOrDragFiles: EventEmitter<SelectedFile[]>;
+    removeFiles: EventEmitter<SelectedFile[]>;
+    filesUpload: EventEmitter<void>;
+    fileUploadValidation: EventEmitter<FileUploadError>;
+    selectedFiles: File[];
+    previewReadyFiles: SelectedFile[];
+    isFileOnDropzone: boolean;
+    FileUploadStatus: typeof FileUploadStatus;
+    fileError: boolean;
+    fileDropErrorType: string;
+    supportMultiFileUpload: boolean;
+    protected _uploadStatus: FileUploadStatus;
+    get uploadStatus(): FileUploadStatus;
+    set uploadStatus(status: FileUploadStatus);
+    protected _autoUpload: boolean;
+    get autoUpload(): boolean;
+    set autoUpload(value: boolean);
+    fileBrowseHandler(event: Event): void;
+    fileRemoveHandler(index: number): void;
+    onFilesDropHandler(files: File[]): void;
+    onFileOverDropzone(isFileOver: boolean): void;
+    onFileDropError(validation: FileUploadError): void;
+    prepareSelectedFiles(files: File[]): SelectedFile[];
+    uploadFiles(): void;
+    retryUpload(): void;
+    cancelUpload(): void;
+    formatBytesToReadableSize(bytes: number, decimals: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteFileUploadComponent, "granite-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; }; "browseIcon": { "alias": "browseIcon"; "required": false; }; "errorIcon": { "alias": "errorIcon"; "required": false; }; "dropZoneText": { "alias": "dropZoneText"; "required": false; }; "browseButtonText": { "alias": "browseButtonText"; "required": false; }; "dropPlaceholderText": { "alias": "dropPlaceholderText"; "required": false; }; "dropZoneHint": { "alias": "dropZoneHint"; "required": false; }; "removeButtonText": { "alias": "removeButtonText"; "required": false; }; "uploadButtonText": { "alias": "uploadButtonText"; "required": false; }; "retryButtonText": { "alias": "retryButtonText"; "required": false; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; }; "uploadStatus": { "alias": "uploadStatus"; "required": false; }; "autoUpload": { "alias": "autoUpload"; "required": false; }; }, { "browseOrDragFiles": "browseOrDragFiles"; "removeFiles": "removeFiles"; "filesUpload": "filesUpload"; "fileUploadValidation": "fileUploadValidation"; }, never, never, false, never>;
+}

package/lib/file-upload/file-upload.constants.d.ts

@@ -0,0 +1,35 @@
+export interface SelectedFile {
+    file: File;
+    readableSize?: string;
+    imageUrl?: string;
+}
+export interface FileUploadError {
+    isError: boolean;
+    type: FilUploadErrorTypes;
+}
+export declare const fileSizes: string[];
+export declare enum FileUploadStatus {
+    NotStarted = "NotStarted",
+    InProgress = "InProgress",
+    Completed = "Completed",
+    Failed = "Failed",
+    Cancelled = "Cancelled"
+}
+export declare enum FilUploadErrorTypes {
+    ExtensionNotSupported = "ExtensionNotSupported",
+    MultipleFilesNotSupported = "MultipleFilesNotSupported"
+}
+export declare const DEFAULT_MULTI_FILE_SUPPORT = false;
+export declare const DEFAULT_ACCEPT_TYPE: string;
+export declare const DEFAULT_UPLOAD_TITLE: string;
+export declare const DEFAULT_UPLOAD_ICON: string;
+export declare const DEFAULT_FILE_BROWSE_BUTTON_ICON: string;
+export declare const DEFAULT_UPLOAD_FAILURE_ICON: string;
+export declare const DEFAULT_DROPZONE_TEXT: string;
+export declare const DEFAULT_BROWSE_BUTTON_TEXT: string;
+export declare const DEFAULT_DROP_PLACEHOLDER_TEXT: string;
+export declare const DEFAULT_DROPZONE_HINT: string;
+export declare const DEFAULT_REMOVE_BUTTON_TEXT: string;
+export declare const DEFAULT_UPLOAD_BUTTON_TEXT: string;
+export declare const DEFAULT_RETRY_BUTTON_TEXT: string;
+export declare const DEFAULT_CANCEL_BUTTON_TEXT: string;

package/lib/file-upload/file-upload.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-upload.component";
+import * as i2 from "./directives/file-drag-and-drop.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "../button/button.module";
+import * as i5 from "../icon/icon.module";
+export declare class GraniteFileUploadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteFileUploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteFileUploadModule, [typeof i1.GraniteFileUploadComponent, typeof i2.GraniteFileDragAndDropDirective], [typeof i3.CommonModule, typeof i4.GraniteButtonModule, typeof i5.GraniteIconModule], [typeof i1.GraniteFileUploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GraniteFileUploadModule>;
+}

package/lib/file-upload/file-upload.utils.d.ts

@@ -0,0 +1 @@
+export declare function validFileTypes<T>(mimeTypesStringToCheck: string, files: T[]): boolean;

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

@@ -0,0 +1,8 @@
+import { LegendBaseComponent } from '../progress-bar-legend-base';
+import { GraniteProgressLegendInterface } from '../progress-bar.model';
+import * as i0 from "@angular/core";
+export declare class GraniteProgressBarLegendComponent extends LegendBaseComponent {
+    legendItems: GraniteProgressLegendInterface[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarLegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteProgressBarLegendComponent, "granite-progress-bar-legend", never, { "legendItems": { "alias": "legendItems"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/progress-bar/progress-bar-legend-base.d.ts

@@ -0,0 +1,17 @@
+import { Direction } from '@angular/cdk/bidi';
+import { TemplateRef } from '@angular/core';
+import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
+import * as i0 from "@angular/core";
+export type PositionX = 'before' | 'after';
+export type PositionY = 'above' | 'below';
+export declare class LegendBaseComponent {
+    templateRef: TemplateRef<any>;
+    xPosition: PositionX;
+    yPosition: PositionY;
+    direction: Direction;
+    readonly panelId: string;
+    clientInput: ClientInputInterface;
+    clientOutput: ClientOutputInterface;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LegendBaseComponent, never, never, {}, {}, never, never, false, never>;
+}

package/lib/progress-bar/progress-bar-legend-trigger-for.directive.d.ts

@@ -0,0 +1,41 @@
+import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { Overlay, OverlayOutsideClickDispatcher } from '@angular/cdk/overlay';
+import { ClientInputInterface, ClientOutputInterface } from '../core/client-environment';
+import { Directionality } from '@angular/cdk/bidi';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { GraniteProgressBarLegendComponent } from './progress-bar-legend/progress-bar-legend.component';
+import * as i0 from "@angular/core";
+export declare class GraniteProgressBarLegendTriggerForDirective implements OnDestroy {
+    private _overlay;
+    private _element;
+    private _viewContainerRef;
+    private _outsideClickDispatcher;
+    /** Client input device information */
+    _clientInput: ClientInputInterface;
+    /** Client output device information */
+    _clientOutput: ClientOutputInterface;
+    private _dir;
+    private _focusMonitor;
+    legend: GraniteProgressBarLegendComponent;
+    _isLegendOpen: boolean;
+    private _portal;
+    private _overlayRef;
+    constructor(_overlay: Overlay, _element: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _outsideClickDispatcher: OverlayOutsideClickDispatcher, 
+    /** Client input device information */
+    _clientInput: ClientInputInterface, 
+    /** Client output device information */
+    _clientOutput: ClientOutputInterface, _dir: Directionality, _focusMonitor: FocusMonitor);
+    ngOnDestroy(): void;
+    openLegend(): void;
+    toggleLegend(): void;
+    closeLegend(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    _handleClick(): void;
+    _restoreFocus(origin?: FocusOrigin, options?: FocusOptions): void;
+    private _desktopPositionStrategy;
+    private _setPosition;
+    private _positionStrategy;
+    private _touchPositionStrategy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarLegendTriggerForDirective, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteProgressBarLegendTriggerForDirective, "[graniteProgressBarLegendTriggerFor]", never, { "legend": { "alias": "graniteProgressBarLegendTriggerFor"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -1,13 +1,16 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
+import { GraniteProgressInterface, GraniteProgressLegendInterface } from './progress-bar.model';
 import * as i0 from "@angular/core";
 export declare class GraniteProgressBarComponent implements OnChanges {
     progressBarData: GraniteProgressInterface[];
     showLabel: boolean;
+    showLegend: boolean;
     DEFAULT_TOTAL: number;
     DEFAULT_BACKGROUND: string;
     DEFAULT_STACK_COLOR: string;
     DEFAULT_COLOR: string;
     total: number;
+    legendItems: GraniteProgressLegendInterface[];
     getBackgroundColor(): string;
     getFontColor(color: string): string;
     getStackColor(color: string): string;
@@ -16,14 +19,8 @@ export declare class GraniteProgressBarComponent implements OnChanges {
     getStringOfWidth(width: number): string;
     checkStackTotal(): void;
     getStackTotal(): number;
+    setLegendItems(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteProgressBarComponent, "granite-progress-bar", ["graniteProgressBar"], { "progressBarData": { "alias": "progressBarData"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; }, {}, never, never, false, never>;
-}
-export interface GraniteProgressInterface {
-    value: number;
-    label?: string;
-    valueLabel?: string;
-    backgroundColor?: string;
-    foregroundColor?: string;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GraniteProgressBarComponent, "granite-progress-bar", ["graniteProgressBar"], { "progressBarData": { "alias": "progressBarData"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/progress-bar/progress-bar.model.d.ts

@@ -0,0 +1,11 @@
+export interface GraniteProgressInterface {
+    value: number;
+    label?: string;
+    valueLabel?: string;
+    backgroundColor?: string;
+    foregroundColor?: string;
+}
+export interface GraniteProgressLegendInterface {
+    label: string;
+    backgroundColor: string;
+}

package/lib/progress-bar/progress-bar.module.d.ts

@@ -1,10 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./progress-bar.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../core/core.module";
-import * as i4 from "@ifsworld/granite-components/tooltip";
+import * as i2 from "./progress-bar-legend/progress-bar-legend.component";
+import * as i3 from "./progress-bar-legend-trigger-for.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../core/core.module";
+import * as i6 from "@ifsworld/granite-components/tooltip";
+import * as i7 from "../icon/icon.module";
+import * as i8 from "../button/button.module";
 export declare class GraniteProgressBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GraniteProgressBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteProgressBarModule, [typeof i1.GraniteProgressBarComponent], [typeof i2.CommonModule, typeof i3.GraniteCoreModule, typeof i4.GraniteTooltipModule], [typeof i1.GraniteProgressBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GraniteProgressBarModule, [typeof i1.GraniteProgressBarComponent, typeof i2.GraniteProgressBarLegendComponent, typeof i3.GraniteProgressBarLegendTriggerForDirective], [typeof i4.CommonModule, typeof i5.GraniteCoreModule, typeof i6.GraniteTooltipModule, typeof i7.GraniteIconModule, typeof i8.GraniteButtonModule], [typeof i1.GraniteProgressBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GraniteProgressBarModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "12.1.2",
+  "version": "12.3.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/cdk": ">=17.3.4",