@ifsworld/granite-components 12.1.1 → 12.2.0

package/index.d.ts

@@ -72,6 +72,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/menu/menu-trigger-for.directive.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ElementRef, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay } from '@angular/cdk/overlay';
@@ -15,6 +15,7 @@ export declare class GraniteMenuTriggerForDirective implements AfterContentInit,
     private _overlay;
     private _element;
     private _viewContainerRef;
+    private _changeDetectionRef;
     /** If this is a _submenu_ trigger, it will have a parent menu */
     private _parentMenu;
     /** Client input device information */
@@ -35,7 +36,7 @@ export declare class GraniteMenuTriggerForDirective implements AfterContentInit,
     menu: _MenuBaseComponent;
     openOnClick?: boolean;
     /** Whether the associated menu is open */
-    _isMenuOpen: boolean;
+    isMenuOpened: boolean;
     private openedBy;
     private _hoverSubscription;
     private _menuCloseSubscription;
@@ -53,7 +54,7 @@ export declare class GraniteMenuTriggerForDirective implements AfterContentInit,
     private _touchLockedX;
     private _touchMaxX;
     private _touchTouchingElement;
-    constructor(_overlay: Overlay, _element: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, 
+    constructor(_overlay: Overlay, _element: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _changeDetectionRef: ChangeDetectorRef, 
     /** If this is a _submenu_ trigger, it will have a parent menu */
     _parentMenu: _MenuBaseComponent, 
     /** Client input device information */
@@ -186,6 +187,6 @@ export declare class GraniteMenuTriggerForDirective implements AfterContentInit,
      * @param end Value to which current value is compared
      */
     private easeOutExpo;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTriggerForDirective, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraniteMenuTriggerForDirective, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<GraniteMenuTriggerForDirective, "[graniteMenuTriggerFor]", ["graniteMenuTriggerFor"], { "menu": { "alias": "graniteMenuTriggerFor"; "required": false; }; "openOnClick": { "alias": "openOnClick"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "12.1.1",
+  "version": "12.2.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@angular/cdk": ">=17.3.4",
@@ -35,17 +35,17 @@
       "esm": "./esm2022/date-picker/ifsworld-granite-components-date-picker.mjs",
       "default": "./fesm2022/ifsworld-granite-components-date-picker.mjs"
     },
-    "./table": {
-      "types": "./table/index.d.ts",
-      "esm2022": "./esm2022/table/ifsworld-granite-components-table.mjs",
-      "esm": "./esm2022/table/ifsworld-granite-components-table.mjs",
-      "default": "./fesm2022/ifsworld-granite-components-table.mjs"
-    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "esm2022": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
       "esm": "./esm2022/tooltip/ifsworld-granite-components-tooltip.mjs",
       "default": "./fesm2022/ifsworld-granite-components-tooltip.mjs"
+    },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "esm2022": "./esm2022/table/ifsworld-granite-components-table.mjs",
+      "esm": "./esm2022/table/ifsworld-granite-components-table.mjs",
+      "default": "./fesm2022/ifsworld-granite-components-table.mjs"
     }
   },
   "sideEffects": false