@servicemind.tis/angular-image-and-file-picker 1.0.0

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@servicemind.tis/angular-image-and-file-picker" />
+export * from './public-api';

package/lib/angular-camera-capture-dialog/angular-camera-capture-dialog.component.d.ts

@@ -0,0 +1,34 @@
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export interface CameraCaptureDialogData {
+    stream: MediaStream;
+    videoDevices?: MediaDeviceInfo[];
+    isMobile: boolean;
+}
+export interface CameraCaptureResult {
+    action: 'capture' | 'upload' | 'cancel';
+    file?: File;
+}
+export declare class AngularCameraCaptureDialogComponent implements OnInit, OnDestroy {
+    dialogRef: MatDialogRef<AngularCameraCaptureDialogComponent>;
+    data: CameraCaptureDialogData;
+    videoElement: ElementRef<HTMLVideoElement>;
+    canvasElement: ElementRef<HTMLCanvasElement>;
+    currentStream: MediaStream;
+    currentDeviceIndex: number;
+    isCapturing: import("@angular/core").WritableSignal<boolean>;
+    isSwitching: import("@angular/core").WritableSignal<boolean>;
+    showFlash: import("@angular/core").WritableSignal<boolean>;
+    hasMultipleCameras: boolean;
+    constructor(dialogRef: MatDialogRef<AngularCameraCaptureDialogComponent>, data: CameraCaptureDialogData);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    switchCamera(): Promise<void>;
+    capturePhoto(): Promise<void>;
+    openUpload(): void;
+    cancel(): void;
+    private stopStream;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularCameraCaptureDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularCameraCaptureDialogComponent, "angular-camera-capture-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/angular-confirmation-dialog/angular-confirmation-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class AngularConfirmationDialogComponent {
+    dialogRef: MatDialogRef<AngularConfirmationDialogComponent>;
+    data: any;
+    constructor(dialogRef: MatDialogRef<AngularConfirmationDialogComponent>, data: any);
+    onClose(status: boolean | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularConfirmationDialogComponent, "angular-confirmation-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/angular-error-dialog/angular-error-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class AngularErrorDialogComponent {
+    dialogRef: MatDialogRef<AngularErrorDialogComponent>;
+    data: any;
+    constructor(dialogRef: MatDialogRef<AngularErrorDialogComponent>, data: any);
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularErrorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularErrorDialogComponent, "angular-error-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/angular-file-viewer/angular-excel-file-viewer/angular-excel-file-viewer.component.d.ts

@@ -0,0 +1,14 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import type { SafeUrl } from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class AngularExcelFileViewerComponent implements OnChanges {
+    private sanitizer;
+    src: SafeUrl;
+    baseUrl: string;
+    iframeSrc: SafeUrl | null;
+    constructor(sanitizer: DomSanitizer);
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularExcelFileViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularExcelFileViewerComponent, "angular-excel-file-viewer", never, { "src": { "alias": "src"; "required": true; }; }, {}, never, never, false, never>;
+}

package/lib/angular-file-viewer/angular-file-viewer.component.d.ts

@@ -0,0 +1,16 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { DomSanitizer } from '@angular/platform-browser';
+import type { FileViewerDialogData } from '../interfaces';
+import * as i0 from "@angular/core";
+export declare class AngularFileViewerComponent {
+    dialogRef: MatDialogRef<AngularFileViewerComponent>;
+    data: FileViewerDialogData;
+    private sanitizer;
+    safeUrl: string;
+    private pdfViewer;
+    constructor(dialogRef: MatDialogRef<AngularFileViewerComponent>, data: FileViewerDialogData, sanitizer: DomSanitizer);
+    downloadFile(): void;
+    onClose(status: boolean | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularFileViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularFileViewerComponent, "angular-file-viewer", never, {}, {}, never, never, false, never>;
+}

package/lib/angular-file-viewer/angular-pdf-viewer/angular-pdf-viewer.component.d.ts

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AngularPdfViewerComponent implements OnChanges {
+    private cdRef;
+    loading: boolean;
+    isError: boolean;
+    src: string;
+    private pdfViewer;
+    constructor(cdRef: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    destroyPdfViewer(): void;
+    loadingFinished(ev: any): void;
+    loadingError(ev: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularPdfViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularPdfViewerComponent, "angular-pdf-viewer", never, { "src": { "alias": "src"; "required": true; }; }, {}, never, never, false, never>;
+}

package/lib/angular-file-viewer/angular-video/angular-video.component.d.ts

@@ -0,0 +1,13 @@
+import { SimpleChanges } from '@angular/core';
+import type { SafeUrl } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class AngularVideoComponent {
+    src: SafeUrl;
+    type: string;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getFileType(text: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularVideoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularVideoComponent, "angular-video", never, { "src": { "alias": "src"; "required": true; }; }, {}, never, never, false, never>;
+}

package/lib/angular-image-and-file-picker/angular-image-and-file-picker.component.d.ts

@@ -0,0 +1,186 @@
+import { EventEmitter, SimpleChanges, OnDestroy } from '@angular/core';
+import type { DialogConfig, FileViewerFileType, OptionConfig, UrlConfig, AngularRemoteUploadConfig, AngularRemoteUploadEvent } from '../interfaces';
+import { Observable } from 'rxjs';
+import { MatDialog } from '@angular/material/dialog';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { AngularHelperService } from '../services/angular-helper.service';
+import { AngularRemoteUploadService } from '../services/angular-remote-upload.service';
+import { Config } from '../interfaces/config.type';
+import { CdkDragDrop, CdkDragMove } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+export declare class AngularImageAndFilePickerComponent implements OnDestroy {
+    dialog: MatDialog;
+    private helper;
+    private breakpointObserver;
+    private remoteUploadService;
+    private changeSubject;
+    private destroy$;
+    urlConfig: UrlConfig;
+    entityType: string;
+    entityId: any;
+    viewType: 'card' | 'list' | 'compact';
+    type: 'image' | 'file';
+    label: string | null;
+    disabled: boolean;
+    data: any;
+    hint: string | null;
+    accept: string;
+    isValidateMimeType: boolean;
+    selectedId: any;
+    options: OptionConfig | null;
+    required: boolean;
+    previewOnly: boolean;
+    previewInFlex: boolean;
+    imageItemClass: string;
+    isAddUploadedFileInLastNode: boolean;
+    isEnableDeleteConfirmation: boolean;
+    isEnableCapture: boolean;
+    deleteConfirmationMsg: string;
+    dialogConfig: DialogConfig;
+    enableDragNDropForUpload: boolean;
+    remoteUploadConfig: AngularRemoteUploadConfig | null;
+    uploadInProgress: EventEmitter<any>;
+    onUploaded: EventEmitter<any>;
+    onFileSelect: EventEmitter<any>;
+    onFileRemoved: EventEmitter<any>;
+    onError: EventEmitter<any>;
+    onRemoteUpload: EventEmitter<AngularRemoteUploadEvent>;
+    isShowImageSequence: boolean;
+    enableDragNDrop: boolean;
+    editTagButtonWhenDisabled: boolean;
+    showDeleteButtonWhenDisabled: boolean;
+    dataSequenceChange: EventEmitter<any>;
+    isMobile: boolean;
+    isTab: boolean;
+    isWaitingForMobileUpload: boolean;
+    mobileUploadFieldLabel: string;
+    pendingFiles: AngularRemoteUploadEvent[];
+    isHandset$: Observable<boolean>;
+    isTab$: Observable<boolean>;
+    config: Config;
+    isSliderLoaded: boolean;
+    filesArray: any[];
+    currentEntityId: number;
+    currentEntityType: string;
+    images: never[];
+    loading: boolean;
+    status: boolean;
+    constructor(dialog: MatDialog, helper: AngularHelperService, breakpointObserver: BreakpointObserver, remoteUploadService: AngularRemoteUploadService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    prepareConfig(): void;
+    /**
+     * Validates selected files against the accept parameter
+     * @param files - FileList of selected files
+     * @returns boolean - true if all files are valid, false otherwise
+     */
+    private validateFileTypes;
+    setSliderLoading(): void;
+    /**
+     * Handle click on the upload label - only trigger file selection if not clicking on mobile upload buttons
+     */
+    handleLabelClick(event: MouseEvent): void;
+    openImageSelector(selectorId?: string): void;
+    openCameraCapture(): Promise<void>;
+    private openCameraDialog;
+    private showCameraModal;
+    detectImages(event: any, index?: number): Promise<void>;
+    processImage(file: File, uploadedImages: any[], index: number, tempId?: string): Promise<void>;
+    private getMimeTypeFromFileName;
+    private getExtensionFromMimeType;
+    uploadImages(data: any): Promise<unknown>;
+    deleteImage(event: any, t: any, index: number, img: any): void;
+    removeImage(event: any, index: number, img: any): void;
+    removeUploadedImage(img: any, index: number, silently?: boolean): void;
+    detectFiles(event: any, index?: number): Promise<void>;
+    processFile(file: File, uploadedFiles: any[], index: number, tempId?: string): Promise<void>;
+    uploadFiles(data: any): Promise<unknown>;
+    deleteFile(event: any, t: any, index: number, file: any): void;
+    removeFile(event: any, index: number, file: any): void;
+    removeUploadedFile(file: any, index: number, silently?: boolean): void;
+    onSubmit(): void;
+    downloadFile(url: string, fileName: string): Promise<void>;
+    clickTimeout: any;
+    clickDelay: number;
+    onSelectFile(file: any): void;
+    openFile(file: any): void;
+    openPreviewDialog(url: string, title: string): void;
+    openImagePreviewDialog(url: string): void;
+    openFileViewer(pdfUrl: string, fileType: FileViewerFileType): void;
+    checkingForPreview(img: string): boolean;
+    setHeight(id: string, valueForAddedHeight?: number): string;
+    generateFilesForSingleCard(): void;
+    editTagWithSpace(file: any): void;
+    onSubmitTags(file: any): void;
+    isUploadDragOver: boolean;
+    isDragging: boolean;
+    dragSourceIndex: number | null;
+    dropTargetIndex: number | null;
+    private canAcceptUploadDragDrop;
+    onUploadDragOver(event: DragEvent): void;
+    onUploadDragLeave(event: DragEvent): void;
+    onUploadDrop(event: DragEvent): void;
+    onDragStarted(index: number): void;
+    onDragEntered(index: number): void;
+    onDragMoved(event: CdkDragMove): void;
+    onMouseEnterItem(index: number): void;
+    onMouseLeaveItem(): void;
+    onDragEnded(): void;
+    drop(event: CdkDragDrop<any[]>): void;
+    updateSequence(isShowMessage?: boolean): void;
+    getTagsArray(tags: string): any[];
+    /**
+     * Check if remote upload is available and configured
+     */
+    isRemoteUploadAvailable(): boolean;
+    /**
+     * Initialize remote upload configuration
+     * Call this in ngOnInit or when config changes
+     */
+    private initRemoteUpload;
+    /**
+     * Handle a remote upload event
+     */
+    private handleRemoteUpload;
+    /**
+     * Open the QR code dialog for mobile upload
+     */
+    openRemoteUploadDialog(): void;
+    /**
+     * Check if currently paired with a mobile device
+     */
+    isRemotePaired(): boolean;
+    /**
+     * Disconnect from paired mobile device
+     */
+    disconnectRemote(): Promise<void>;
+    /**
+     * Trigger upload from mobile - sends field request to mobile app
+     */
+    triggerMobileUpload(): Promise<void>;
+    /**
+     * Cancel waiting for mobile upload
+     */
+    cancelMobileUpload(): Promise<void>;
+    /**
+     * Accept a pending file from mobile upload
+     * This calls the onFileAccept callback if provided, then handles the file
+     */
+    acceptPendingFile(pendingFile: AngularRemoteUploadEvent): void;
+    /**
+     * Reject a pending file from mobile upload
+     */
+    rejectPendingFile(pendingFile: AngularRemoteUploadEvent): void;
+    /**
+     * Open dialog showing connection status with disconnect option
+     */
+    openViewConnectionDialog(): void;
+    /**
+     * Check if a MIME type is an image type
+     */
+    isImageMimeType(mimeType: string | undefined): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularImageAndFilePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularImageAndFilePickerComponent, "angular-image-and-file-picker", never, { "urlConfig": { "alias": "urlConfig"; "required": true; }; "entityType": { "alias": "entityType"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "isValidateMimeType": { "alias": "isValidateMimeType"; "required": false; }; "selectedId": { "alias": "selectedId"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "previewOnly": { "alias": "previewOnly"; "required": false; }; "previewInFlex": { "alias": "previewInFlex"; "required": false; }; "imageItemClass": { "alias": "imageItemClass"; "required": false; }; "isAddUploadedFileInLastNode": { "alias": "isAddUploadedFileInLastNode"; "required": false; }; "isEnableDeleteConfirmation": { "alias": "isEnableDeleteConfirmation"; "required": false; }; "isEnableCapture": { "alias": "isEnableCapture"; "required": false; }; "deleteConfirmationMsg": { "alias": "deleteConfirmationMsg"; "required": false; }; "dialogConfig": { "alias": "dialogConfig"; "required": false; }; "enableDragNDropForUpload": { "alias": "enableDragNDropForUpload"; "required": false; }; "remoteUploadConfig": { "alias": "remoteUploadConfig"; "required": false; }; "isShowImageSequence": { "alias": "isShowImageSequence"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "editTagButtonWhenDisabled": { "alias": "editTagButtonWhenDisabled"; "required": false; }; "showDeleteButtonWhenDisabled": { "alias": "showDeleteButtonWhenDisabled"; "required": false; }; }, { "uploadInProgress": "uploadInProgress"; "onUploaded": "onUploaded"; "onFileSelect": "onFileSelect"; "onFileRemoved": "onFileRemoved"; "onError": "onError"; "onRemoteUpload": "onRemoteUpload"; "dataSequenceChange": "dataSequenceChange"; }, never, never, false, never>;
+}

package/lib/angular-image-and-file-picker.module.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./angular-image-and-file-picker/angular-image-and-file-picker.component";
+import * as i2 from "./angular-preview-image/angular-preview-image.component";
+import * as i3 from "./angular-file-viewer/angular-file-viewer.component";
+import * as i4 from "./angular-file-viewer/angular-excel-file-viewer/angular-excel-file-viewer.component";
+import * as i5 from "./angular-file-viewer/angular-pdf-viewer/angular-pdf-viewer.component";
+import * as i6 from "./angular-file-viewer/angular-video/angular-video.component";
+import * as i7 from "./angular-error-dialog/angular-error-dialog.component";
+import * as i8 from "./angular-confirmation-dialog/angular-confirmation-dialog.component";
+import * as i9 from "./angular-qr-code-dialog/angular-qr-code-dialog.component";
+import * as i10 from "./angular-view-connection-dialog/angular-view-connection-dialog.component";
+import * as i11 from "./pipes/time-ago.pipe";
+import * as i12 from "@angular/common";
+import * as i13 from "@angular/common/http";
+import * as i14 from "ngx-extended-pdf-viewer";
+import * as i15 from "@angular/forms";
+import * as i16 from "angularx-qrcode";
+import * as i17 from "@angular/material/tooltip";
+import * as i18 from "@angular/material/icon";
+import * as i19 from "@angular/material/snack-bar";
+import * as i20 from "@angular/material/progress-spinner";
+import * as i21 from "@angular/material/input";
+import * as i22 from "@angular/material/button";
+import * as i23 from "@angular/material/dialog";
+import * as i24 from "@angular/material/divider";
+import * as i25 from "@angular/cdk/drag-drop";
+export declare class AngularImageAndFilePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularImageAndFilePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularImageAndFilePickerModule, [typeof i1.AngularImageAndFilePickerComponent, typeof i2.AngularPreviewImageComponent, typeof i3.AngularFileViewerComponent, typeof i4.AngularExcelFileViewerComponent, typeof i5.AngularPdfViewerComponent, typeof i6.AngularVideoComponent, typeof i7.AngularErrorDialogComponent, typeof i8.AngularConfirmationDialogComponent, typeof i9.AngularQrCodeDialogComponent, typeof i10.AngularViewConnectionDialogComponent, typeof i11.TimeAgoPipe], [typeof i12.CommonModule, typeof i13.HttpClientModule, typeof i14.NgxExtendedPdfViewerModule, typeof i15.FormsModule, typeof i15.ReactiveFormsModule, typeof i16.QRCodeComponent, typeof i17.MatTooltipModule, typeof i18.MatIconModule, typeof i19.MatSnackBarModule, typeof i20.MatProgressSpinnerModule, typeof i21.MatInputModule, typeof i22.MatButtonModule, typeof i23.MatDialogModule, typeof i24.MatDividerModule, typeof i25.DragDropModule], [typeof i1.AngularImageAndFilePickerComponent, typeof i9.AngularQrCodeDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AngularImageAndFilePickerModule>;
+}

package/lib/angular-image-and-file-picker.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AngularImageAndFilePickerService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularImageAndFilePickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AngularImageAndFilePickerService>;
+}

package/lib/angular-preview-image/angular-preview-image.component.d.ts

@@ -0,0 +1,19 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class AngularPreviewImageComponent {
+    dialogRef: MatDialogRef<AngularPreviewImageComponent>;
+    data: any;
+    width: number;
+    height: number;
+    isLoading: boolean;
+    isLandscape: boolean | undefined;
+    orientation: string | undefined;
+    imageWidth: number | undefined;
+    imageHeight: number | undefined;
+    constructor(dialogRef: MatDialogRef<AngularPreviewImageComponent>, data: any);
+    ngOnInit(): void;
+    checkImageOrientation(imageUrl: string): void;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularPreviewImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularPreviewImageComponent, "angular-preview-image", never, {}, {}, never, never, false, never>;
+}

package/lib/angular-qr-code-dialog/angular-qr-code-dialog.component.d.ts

@@ -0,0 +1,90 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { AngularRemoteUploadService, DevicesOnlineStatus } from '../services/angular-remote-upload.service';
+import * as i0 from "@angular/core";
+export interface FieldInfo {
+    label?: string;
+    accept?: string;
+    type?: 'image' | 'file';
+    entityType?: string;
+    entityId?: any;
+    isMultiple?: boolean;
+    limit?: number;
+    isCompressed?: boolean;
+}
+export interface AngularQrCodeDialogData {
+    title?: string;
+    subtitle?: string;
+    qrSize?: number;
+    showCountdown?: boolean;
+    fieldInfo?: FieldInfo;
+}
+export declare class AngularQrCodeDialogComponent implements OnInit, OnDestroy {
+    dialogRef: MatDialogRef<AngularQrCodeDialogComponent>;
+    data: AngularQrCodeDialogData;
+    private remoteUploadService;
+    qrData: string;
+    expiresAt: number;
+    remainingTime: string;
+    isLoading: boolean;
+    isExpired: boolean;
+    isConnected: boolean;
+    errorMessage: string | null;
+    connectionStatus: 'disconnected' | 'pending' | 'connected';
+    desktopDeviceId: string;
+    mobileDeviceId: string | null;
+    devicesStatus: DevicesOnlineStatus | null;
+    isCheckingStatus: boolean;
+    private destroy$;
+    private countdownSubscription;
+    constructor(dialogRef: MatDialogRef<AngularQrCodeDialogComponent>, data: AngularQrCodeDialogData, remoteUploadService: AngularRemoteUploadService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Check if there's an existing mobile connection
+     */
+    private checkExistingConnection;
+    private generateQrCode;
+    private subscribeToEvents;
+    private startCountdown;
+    /**
+     * Format device ID for display
+     */
+    formatDeviceId(id: string | null): string;
+    /**
+     * Refresh QR code
+     */
+    refreshQrCode(): void;
+    /**
+     * Connect to mobile (show QR if disconnected)
+     */
+    connectToMobile(): void;
+    /**
+     * Disconnect from mobile
+     */
+    disconnect(): void;
+    /**
+     * Refresh device status
+     */
+    refreshStatus(): void;
+    /**
+     * Get desktop online status indicator class
+     * Returns: 'online' (green), 'offline' (red), 'checking' (blinking yellow)
+     */
+    getDesktopStatusClass(): string;
+    /**
+     * Get mobile online status indicator class
+     * Returns: 'online' (green), 'offline' (red), 'checking' (blinking yellow)
+     */
+    getMobileStatusClass(): string;
+    /**
+     * Check if ready for transfer (both devices online)
+     */
+    isReadyForTransfer(): boolean;
+    /**
+     * Close dialog
+     */
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularQrCodeDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularQrCodeDialogComponent, "angular-qr-code-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/angular-view-connection-dialog/angular-view-connection-dialog.component.d.ts

@@ -0,0 +1,44 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { AngularRemoteUploadService, DevicesOnlineStatus } from '../services/angular-remote-upload.service';
+import * as i0 from "@angular/core";
+interface MobileConnectionInfo {
+    mobileDeviceId: string;
+    connectedAt: number;
+    lastActivity: number;
+}
+export interface AngularViewConnectionDialogData {
+    title?: string;
+}
+export declare class AngularViewConnectionDialogComponent implements OnInit, OnDestroy {
+    dialogRef: MatDialogRef<AngularViewConnectionDialogComponent>;
+    data: AngularViewConnectionDialogData;
+    private remoteUploadService;
+    private destroy$;
+    mobileConnection: MobileConnectionInfo | null;
+    devicesStatus: DevicesOnlineStatus | null;
+    isCheckingStatus: boolean;
+    disconnecting: boolean;
+    constructor(dialogRef: MatDialogRef<AngularViewConnectionDialogComponent>, data: AngularViewConnectionDialogData, remoteUploadService: AngularRemoteUploadService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Refresh device online status
+     */
+    refreshStatus(): Promise<void>;
+    /**
+     * Disconnect from mobile device
+     */
+    disconnect(): Promise<void>;
+    /**
+     * Close dialog without disconnecting
+     */
+    close(): void;
+    /**
+     * Truncate device ID to show first 8 and last 8 characters
+     */
+    truncateDeviceId(deviceId: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularViewConnectionDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularViewConnectionDialogComponent, "angular-view-connection-dialog", never, {}, {}, never, never, false, never>;
+}
+export {};

package/lib/interfaces/config.type.d.ts

@@ -0,0 +1,19 @@
+export interface Config {
+    selectorId: string;
+    height: string;
+    limit: number;
+    fileSize?: number;
+    isCompressed?: boolean;
+    isStoredDb?: boolean;
+    isSliderPreview?: boolean;
+    hiddenDownloadBtn?: boolean;
+    hiddenDeleteBtn?: boolean;
+    hiddenPreview?: boolean;
+    isMultiple?: boolean;
+    selectionMode?: boolean;
+    cols: number;
+    colsForTab: number;
+    colsForMobile: number;
+    enableImageTags?: boolean;
+    useAdvancedCamera?: boolean;
+}

package/lib/interfaces/file-viewer-file-type.type.d.ts

@@ -0,0 +1,41 @@
+export type FileViewerFileType = 'pdf' | 'excel' | 'csv' | 'image' | 'video' | 'raw';
+export interface FileViewerDialogData {
+    src: string;
+    fileType: FileViewerFileType;
+}
+export interface OptionConfig {
+    selectorId?: string;
+    limit?: number;
+    fileSize?: number;
+    height?: string;
+    isCompressed?: boolean;
+    isSliderPreview?: boolean;
+    hiddenDownloadBtn?: boolean;
+    hiddenDeleteBtn?: boolean;
+    hiddenPreview?: boolean;
+    isMultiple?: boolean;
+    selectionMode?: boolean;
+    cols?: number;
+    colsForTab?: number;
+    colsForMobile?: number;
+    enableImageTags?: boolean;
+    useAdvancedCamera?: boolean;
+}
+export interface UrlConfig {
+    getUploadUrl: string;
+    attachToEntity: string | null;
+    updateTag: string | null;
+    updateSequence: string | null;
+    removeImage: string;
+}
+export interface DialogConfig {
+    panelClass?: string | null;
+    title?: string | null;
+    message?: string | null;
+    iconClass?: string | null;
+    icon?: string | null;
+    approveButtonText?: string | null;
+    approveButtonClass?: string | null;
+    cancelButtonText?: string | null;
+    cancelButtonClass?: string | null;
+}

package/lib/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './config.type';
+export * from './file-viewer-file-type.type';
+export * from './socket-adapter.interface';