dwt 17.2.4 → 17.3.1

package/dist/types/Addon.Camera.d.ts

@@ -1,3 +1,4 @@
+import { DynamsoftEnumsDWT } from "./Dynamsoft.Enum";
 export interface Camera {
     /**
      * Hide the camera interface.
@@ -43,7 +44,8 @@ export interface Camera {
      * @param resolution Specify the initial resolution.
      */
     play(element?: HTMLElement,
-        resolution?: Resolution
+        resolution?: Resolution,
+		fill?: boolean
     ): Promise<Resolution>;
     /**
      * Pause the video stream.
@@ -79,9 +81,9 @@ export interface Camera {
     ): Promise<Resolution>;
 	/**
      * Start streaming video from the current camera in the viewer.
-     * @param scanConfiguration The scanConfiguration settings. If not set, the default setting is used.
+     * @param documentConfiguration The documentConfiguration settings. If not set, the default setting is used.
      */
-	scanDocument(scanConfiguration?: ScanConfiguration): Promise<Resolution>;
+	scanDocument(documentConfiguration?: DocumentConfiguration): Promise<Resolution>;
     /**
      * Close the camera and hide the video streaming UI.
      */
@@ -128,106 +130,154 @@ export interface ViewerEvent {
      */
     pageY: number;
 }
-export interface ScanConfiguration {
-    element?: HTMLDivElement;  //Bind the elment or elment id. 
-                             //After binding, display the video in the spcified element, otherwise, display the video in full screen.
-
-	scannerViewer?: {
-		deviceId?: string;   //camera id
-		maxDocuments?:number;    //The maximum documents can be captured/loaded in to the buffer. 
-		enableBorderDetection?: boolean;   //Whether to enable border detection. The default value is true.
-		fullScreen?: boolean;   //Whether to display the video in full screen. The default value is false.
-		polygonStyle?:{           //The sytle of the auto detect border.
-			stroke?: string;           //default: "#fe8e14". Only supports #16 hexadecimal.
-			strokeWidth?: string;       //default: "2px"
-			dash?: string;   //The allowed value are "solid" and "dashed", the default value is "solid".
-		};
-
-		resolution?: {
-			visibility?: boolean;    //Whether to display the resolution icon in the upper left corner. The default value is true.
-			valueList?: any;
-			defaultValue?: Resolution; //Set the default value according to the value set in the valueList.
-        };
-
-		autoScan?: { //Automatically capture when a clear document is detected. Only applicable to video scanning. 
-			visibility?: boolean;    //Whether to display the automatic scan icon. The default value is true.
-			enableAutoScan?: boolean;   //Whether to enable automatic scan. The default value is false.
-		};
-
-		autoDetect?: { //Only applicable to video scanning.    
-			visibility?: boolean;    //Whether to display the automatic border detection icon. The default value is true.
-			enableAutoDetect?: boolean;   //Whether to enable automatic border detection. The default value is false.          
-			acceptedPolygonConfidence?:number;  //The default value is 80. The higher the setting, the more accurate the automatic border detection.
-			fpsLimit?: number;  //The maximum number of frames detected per second. The default value is 3.
-			acceptedBlurryScore?:number; //The default value is 0.
-			autoCaptureDelay?: number;   //The default value is 1000ms.
-		};
-
-
-        continuousScan?:{   //Only applicable to video scanning.
-			visibility?: boolean;     //Whether to display the continuous scan icon. The default value is true.
-			enableContinuousScan?: boolean;   //Whether to enable continuous scan. The default value is true.
-		};
-
-		switchCamera?: {   //The default camera is the rear camera.
-			visibility?: boolean;   //Whether to display the switch camera icon. The default value is true.
-		};
-                                   
-		loadLocalFile?: {  
-		   visibility?: boolean;   //Whether to display the load local file icon. The default value is true.
-		};
-
-		funcConfirmExitContinuousScan?: (bExistImage: boolean) => boolean;
-		 //funcConfirmExitContinuousScan is the callback funtion
-		 //Return true：Exit continuous scan mode without saving the captured image data. Return false: Stay on the original viewer
-
-		funcConfirmExit?: (bExistImage: boolean) => boolean;
-		 //funcConfirmExit is the callback funtion，
-		 //Return true：End this capture without saving the image data. Return false: Stay on the original viewer
-    };
+export interface DocumentConfiguration {
+	scannerViewer?: ScannerViewer;  
+	documentEditorSettings?: DocumentEditorSettings; 
+}
+export interface ScannerViewer {
+	deviceId?: string;   //camera id
+	maxDocuments?:number;    //The maximum documents can be captured/loaded in to the buffer. 
+	enableBorderDetection?: boolean;   //Whether to enable border detection. The default value is true.
+	fullScreen?: boolean;   //Whether to display the video in full screen. The default value is false.
+	polygonStyle?:{           //The sytle of the auto detect border.
+		stroke?: string;           //default: "#fe8e14". Only supports #16 hexadecimal.
+		strokeWidth?: string;       //default: "2px"
+		dash?: string;   //The allowed value are "solid" and "dashed", the default value is "solid".
+	};
+	element?: HTMLDivElement | string;  //Bind the elment or elment id. 
+				//After binding, display the video in the spcified element, otherwise, display the video in full screen.
+	headerStyle?:{
+		background?: string;     //background color of the head, default : "#000000". Only supports #16 hexadecimal.
+		color?: string;     //The color of the icons, default : "#ffffff". Only supports #16 hexadecimal.
+		selectedColor?: string;     //The color of the selected icon, default : "#fe8e14". Only supports #16 hexadecimal.
+	};
+	bodyStyle?:{ 
+		background?: string;  //Background color when the video streaming is not full-screen, default : "#ffffff".  Only supports #16 hexadecimal.
+		loaderBarSource?: string;   //Waiting for the document to appear
+	};
+	footerStyle?:{
+		background?: string;  //background color of the foot, default : "#000000". Only supports #16 hexadecimal.
+		color?: string;       //The color of the icons, default : "#ffffff". Only supports #16 hexadecimal.
+		selectedColor?: string;  //The color of the selected icon, default : "#fe8e14". Only supports #16 hexadecimal.
+	};
+	scanButtonStyle?:{
+		background?: string;  //background color, default : "#fe8e14". Only supports #16 hexadecimal.
+		color?: string;  //icon color, default : "#ffffff". Only supports #16 hexadecimal.
+	};
+	resolution?: {  
+		visibility?: string;    //Whether to display the resolution icon in the upper left corner, the value "visible":"hidden". The default value is "visible".
+		valueList?: any;
+		defaultValue?: Resolution; //Set the default value according to the value set in the valueList.
+	};
+	autoScan?: { //Automatically capture when a clear document is detected. Only applicable to video scanning. 
+		visibility?:string;   //Whether to display the automatic scan icon. The allowed value are "visible" and "hidden". The default value is "visible".
+		enableAutoScan?: boolean;   //Whether to enable automatic scan. The default value is false.
+	};
+	autoDetect?: { //Only applicable to video scanning.    
+		visibility?:string;     //Whether to display the automatic border detection icon. The allowed value are "visible" and "hidden". The default value is "visible".
+		enableAutoDetect?: boolean;   //Whether to enable automatic border detection. The default value is false.          
+		acceptedPolygonConfidence?:number;  //The default value is 80. The higher the setting, the more accurate the automatic border detection.
+		fpsLimit?: number;  //The maximum number of frames detected per second. The default value is 3.
+		acceptedBlurryScore?:number; //The default value is 0.
+		autoCaptureDelay?: number;   //The default value is 1000ms.
+	};
+	continuousScan?: boolean;  //Whether to continuou capture. The default value is true.
+	switchCamera?: {   //The default camera is the rear camera.
+		visibility?:string;   //Whether to display the switch camera icon. The allowed value are "visible" and "hidden". The default value is "visible".
+	};
+							   
+	loadLocalFile?: {  
+	   visibility?:string;   //Whether to display the load local file icon. The allowed value are "visible" and "hidden". The default value is "visible".
+	};
 
-	filterViewer?: {
-		visibility?: boolean;   //Whether to display filter viewer. The default value is true.
+	funcConfirmExit?: (bExistImage: boolean) => Promise<boolean>;
+	 //funcConfirmExit is the callback funtion,
+  	 //Return Promise.resolve(true): End this capture without saving the image data. Return Promise.resolve(false): Stay on the original viewer
+}
 
-		insert?: {   //Insert an image  
-			visibility?: boolean;   //Whether to display the insert icon. The default value is true.
-			position?: string;  //Set whether to insert the image "before" or "after" the current image. The default value is "before".
-		};
+export interface DocumentEditorSettings {
+	visibility?:string;  //Whether to display the documentEditor. The allowed value are "visible" and "hidden". The default value is "visible".
+	element?: HTMLDivElement | string;  //Bind the elment or elment id. 
+                             //After binding, display the video in the spcified element, otherwise, display the video in full screen.
+	defaultViewerName?:string;  // default viewer.  The allowed value are "cropViewer" and "mainViewer". 
+	headerStyle?:{
+		background?: string;     //background color of the head, default: "#000000". Only supports #16 hexadecimal.
+		color?: string;     //The color of the icons, default : "#ffffff". Only supports #16 hexadecimal.
+		selectedColor?: string;     //Selected icon color, default : "#fe8e14". Only supports #16 hexadecimal.
+		disabledColor?: string;   //disabled color. default: "#808080"
+	};
+	bodyStyle?:{ 
+		background?: string;  //Background color when the video streaming is not full-screen, default : "#ffffff".  Only supports #16 hexadecimal.
+		loaderBarSource?: string;   //Waiting for the document to appear
+	};
+	footerStyle?:{
+		background?: string;  //background color of the foot, default : "#000000". Only supports #16 hexadecimal.
+		color?: string;       //The color of the icons, default : "#ffffff". Only supports #16 hexadecimal.
+		selectedColor?: string;  //Selected icon color, default: "#fe8e14". Only supports #16 hexadecimal.
+	};
+	insert?: {   //Insert an image  
+		visibility?:string;    //Whether to display the insert icon. The allowed value are "visible" and "hidden". The default value is "visible".
+		position?: string;  //Set whether to insert the image "before" or "after" the current image. The default value is "before".
+	};
 
-		remove?: {  //Remove an image
-			visibility?: boolean;   //Whether to display the remove icon. The default value is true.
-		};
+	remove?: {  //Remove an image
+		visibility?:string;    //Whether to display the remove icon.The allowed value are "visible" and "hidden". The default value is "visible".
+	    funcConfirmRemove?: () => Promise<boolean>;  
+		//funcConfirmRemove is the callback funtion,
+		//Return Promise.resolve(true): delete the image data. Return Promise.resolve(false): Stay on the original viewer
+	};
 
-		rotateLeft?: {  
-			visibility?: boolean;    //Whether to display the rotate left icon. The default value is true.
-		};
-  
-		filter?: {  
-	      visibility?: boolean;   //Whether to display the filter icon. The default value is true.
-	      valueList?:any;
-	      defaultValue?: string;  //Filter selected by default. By default, the original filter is selected.
-		};
-		exitDocumentScanAfterSave?: boolean;  //The default value is false.
+	rotateLeft?: {  
+		visibility?:string;    //Whether to display the rotate left icon. The allowed value are "visible" and "hidden". The default value is "visible".
 	};
 
-	cropViewer?: { 
-		visibility?: boolean;   //Whether to display the crop viewer. The default value is true.
+	filter?: {  
+	  visibility?:string;   //Whether to display the filter icon. The allowed value are "visible" and "hidden". The default value is "visible".
+	  valueList?:any;
+	  defaultValue?: string;  //Filter selected by default. By default, the original filter is selected.
+	  applyToAll?: {  //Apply to all documents
+		visibility?:string;  //Whether to display the applyToAll icon. The allowed value are "visible" and "hidden". The default value is "visible".
+        enableApplyToAll?: boolean;   //Whether to enable to apply to all documents, Default:false.
+        label?: string; //the label of the applyToAll, default: "Apply to all"            
+	  };
+	};
+	
+	crop?:{  
+		visibility?:string;   //Whether to display the crop icon. The allowed value are "visible" and "hidden". The default value is "visible".
+	};
+	
+	cropViewer?:CropViewer;
+	funcConfirmExit?: (bChanged: boolean, previousViewerName: string) => Promise<Number | DynamsoftEnumsDWT.EnumDWT_ConfirmExitType>;
+	//funcConfirmExit is the callback funtion.
+	//Return Promise.resolve(EnumDWT_ConfirmExitType.Exit): Exit original viewer without saving the image data. 
+	//Return Promise.resolve(EnumDWT_ConfirmExitType.SaveAndExit): Exit original viewer with saving the image data. 
+	//Return Promise.resolve(EnumDWT_ConfirmExitType.Cancel): Stay on the original viewer
+	funcConfirmExitAfterSave?: (firedByDocumentEdit: boolean) => void;
+	//funcConfirmExitAfterSave is the callback funtion
+}
+export interface CropViewer {
+	visibility?: boolean;   //Whether to display the crop viewer. The allowed value are "visible" and "hidden". The default value is "visible".
       
-		polygonStyle?:{     //The polygon style in the crop viewer.       
-			stroke?: string;          //default : "#fe8e14".  Only supports #16 hexadecimal.
-			strokeWidth?: string;     //default: "2px"
-			dash?: string;   //The allowed value are "solid" and "dashed", the default value is "solid".
-		};
+	polygonStyle?:{     //The polygon style in the crop viewer.       
+		stroke?: string;          //default : "#fe8e14".  Only supports #16 hexadecimal.
+		strokeWidth?: string;     //default: "2px"
+		dash?: string;   //The allowed value are "solid" and "dashed", the default value is "solid".
+	};
 
-		rotateLeft?:{   
-			visibility?: boolean;   //Whether to display the rotate left icon. The default value is true.
-		};
-		rotateRight?:{   
-			visibility?: boolean;   //Whether to display the rotate right icon. The default value is true.
-		};
-    	autoDetectBorder?:{   
-			visibility?: boolean;   //Whether to display the automatic border detection icon. The default value is true.
-		};
+	rotateLeft?:{   
+		visibility?: string;   //Whether to display the rotate left icon. The allowed value are "visible" and "hidden". The default value is "visible".
+	};
+	rotateRight?:{   
+		visibility?: string;   //Whether to display the rotate right icon. The allowed value are "visible" and "hidden". The default value is "visible".
 	};
+	autoDetectBorder?:{   
+		visibility?: string;   //Whether to display the automatic border detection icon. The allowed value are "visible" and "hidden". The default value is "visible".
+	};
+	funcConfirmExit?: (bChanged: boolean, previousViewerName: string) => Promise<Number | DynamsoftEnumsDWT.EnumDWT_ConfirmExitType>;
+	//funcConfirmExit is the callback funtion.
+	//Return Promise.resolve(EnumDWT_ConfirmExitType.Exit): Exit original viewer without saving the image data. 
+	//Return Promise.resolve(EnumDWT_ConfirmExitType.SaveAndExit): Exit original viewer with saving the image data. 
+	//Return Promise.resolve(EnumDWT_ConfirmExitType.Cancel): Stay on the original viewer
 }
 
+

package/dist/types/Addon.PDF.d.ts

@@ -69,9 +69,9 @@ export interface PDFWSetting {
     compression?: DynamsoftEnumsDWT.EnumDWT_PDFCompressionType | number;
     /**
      * Specify the page type.
-	 * 0： page width&height decided by image
+	 * 0: page width&height decided by image
 	 * 2: A4
-	 * 4： A3
+	 * 4: A3
 	 * 6: Letter
 	 * 8: Legal
      */

package/dist/types/Dynamsoft.Enum.d.ts

@@ -1572,7 +1572,9 @@ export namespace DynamsoftEnumsDWT {
         /** CCITT modified Huffman RLE. */
         PDF_RLE = 4,
         /** JPEG compression. */
-        PDF_JPEG = 5
+        PDF_JPEG = 5,
+		PDF_JP2000 = 6,
+		PDF_JBIG2 = 7
     }
     /** ICAP_PIXELTYPE values (PT_ means Pixel Type) */
     enum EnumDWT_PixelType {
@@ -1851,4 +1853,13 @@ export namespace DynamsoftEnumsDWT {
         TDM_GENERAL_WIDTH_CONCENTRATION = 2,
         TDM_SKIP = 0
     }
+	enum EnumDWT_ConfirmExitType {
+        Cancel = 0,   //cancel, Stay on the original viewer
+        Exit = 1,     //Exit original viewer without saving the image data
+        SaveAndExit = 2   //Exit original viewer with saving the image data
+    }
+	enum EnumDWT_SelectionMode {
+		Single = 0,
+		Multiple = 1
+	}
 }

package/dist/types/Dynamsoft.d.ts

@@ -156,10 +156,6 @@ export interface DSLibEnv {
      * Whether the operating system is Windows.
      */
     readonly bWin: boolean;
-    /**
-     * Whether the operating system is 64bit Windows.
-     */
-    readonly bWin64: boolean;
     /**
      * The base path.
      */
@@ -188,14 +184,6 @@ export interface DSLibEnv {
      * Whether it is a pad viewer.
      */
     isPadViewer(): boolean;
-    /**
-     * Whether the platform is 64bit.
-     */
-    readonly isX64: boolean;
-    /**
-     * Information about macOSX.
-     */
-    readonly macOSX: string;
     /**
      * OS version.
      */
@@ -522,5 +510,13 @@ export interface WasmConfig {
      */
 	fetchOptions: any;
 }
-declare const Dynamsoft: (typeof DynamsoftStatic);
+export interface DWTInstall {
+    funcConfirmRemove?: () => Promise<boolean>;  
+	funcConfirmExit?: (bExistImage: boolean) => Promise<boolean>;
+	funcConfirmExitAfterSave?: (firedByDocumentEdit: boolean) => void;
+	funcConfirmCropViewerExit?: (bChanged: boolean, previousViewerName: string) => Promise<Number | DynamsoftEnumsDWT.EnumDWT_ConfirmExitType>;
+	funcConfirmMainViewerExit?: (bChanged: boolean, previousViewerName: string) => Promise<Number | DynamsoftEnumsDWT.EnumDWT_ConfirmExitType>;
+}
+declare const Dynamsoft: (DWTInstall & typeof DynamsoftStatic);
+//declare const Dynamsoft: (typeof DynamsoftStatic);
 export default Dynamsoft;

package/dist/types/WebTwain.Buffer.d.ts

@@ -272,28 +272,37 @@ export interface WebTwainBuffer extends WebTwainIO {
      */
 	GetTagListByIndex(index:number): TagName[];	
 	/**
-     * Get the current file name.
+     * Get the current document name.
      */
-	GetCurrentFileName(): string;
+	GetCurrentDocumentName(): string;
 	/**
-     * Create the file.
-	 * @param fileName Specify the file name.
+     * Create the document.
+	 * @param fileName Specify the document name.
      */
-	CreateFile(fileName: string):boolean;
+	CreateDocument(documentName: string):boolean;
 	/**
-     * open the file.
-	 * @param fileName Specify the file name.
+     * open the document.
+	 * @param fileName Specify the document name.
      */
-	OpenFile(fileName: string):boolean;
+	OpenDocument(documentName: string):boolean;
 	/**
-     * remove the file.
-	 * @param fileName Specify the file name.
+     * remove the document.
      */
-	RemoveFile():boolean;
+	RemoveDocument(documentName:string):boolean;
 	/**
-     * Get the info of the all files.
+	 * Rename a document.
+	 * @argument oldDocumentName Specify the old document name.
+	 * @argument newDocumentName Specify the new document name.
+	 */
+	RenameDocument(oldDocumentName:string, newDocumentName:string):boolean;
+	/**
+     * Get the info of the all documents.
+     */
+	GetDocumentInfoList(): DocumentInfo[];
+	/**
+     * Gets the RawData for the specified image captured from camera.
      */
-	GetFileInfoList(): FileInfo[];
+	GetRawDataAsync(index: number): Promise<RawData>;
 }
 
 export interface TagName {
@@ -305,7 +314,32 @@ export interface TagInfo {
     imageIds: number[];
 }
 
-export interface FileInfo {
+export interface DocumentInfo {
     name: string;
     imageIds: number[];
 }
+
+export interface RawData {
+	displayImage:{  //Data of the display image, after filter and crop effects
+		data: Blob;
+		bitDepth: number;
+		height: number;
+		resolutionX: number;
+		resolutionY: number;
+		width: number;
+	},
+	documentData:{
+		angle: number;  //the clockwise rotation angle of the original image
+		polygon: [{x:number, y:number},{x:number, y:number},{x:number, y:number},{x:number, y:number}]; //selection area
+		filterValue: string;
+		originImage:{ //Data of the original image
+			bitDepth: number;
+			data: Blob;
+			height: number;
+			width: number;
+			resolutionX: number;
+			resolutionY: number;
+		}
+	}
+}
+

package/dist/types/WebTwain.Viewer.d.ts

@@ -1,5 +1,6 @@
 import { WebTwainAcquire } from "./WebTwain.Acquire";
-import { Resolution } from "./Addon.Camera";
+import { DocumentConfiguration, Resolution } from "./Addon.Camera";
+import { DynamsoftEnumsDWT } from "./Dynamsoft.Enum";
 
 export interface WebTwainViewer extends WebTwainAcquire {
     /**
@@ -193,6 +194,16 @@ export interface DynamsoftViewer {
      * [Description] When set to true, will make sure the first image in the viewer is always selected when scrolling through multiple images.
      */
     autoChangeIndex: boolean;
+	    /**
+     * [Scope] Main viewer
+     * [Description] Return or set the selection mode used when acquiring images.
+     */
+    selectionMode: number | DynamsoftEnumsDWT.EnumDWT_SelectionMode;
+	/**
+     * [Scope] Main viewer
+     * [Description] Set whether to allow page dragging to reorder the pages.
+     */
+	allowPageDragging?: boolean;
     /**
      * [Scope] Main viewer
      * [Description] Return the index of the next image of the currently selected image.
@@ -234,7 +245,7 @@ export interface DynamsoftViewer {
     /**
      * [Scope] Global
      * [Description] Create a thumbnail viewer with specified settings.
-     * @param editorSettings The thumbnailViewerSettings settings. If not set, the default setting is used.
+     * @param thumbnailViewerSettings The thumbnailViewerSettings settings. If not set, the default setting is used.
      */
     createThumbnailViewer(thumbnailViewerSettings?: ThumbnailViewerSettings): ThumbnailViewer;
     /**
@@ -245,6 +256,13 @@ export interface DynamsoftViewer {
      * @param ifFull Whether to display the element in full screen.
      */
     createCustomElement(element: HTMLDivElement, location?: string, ifFull?: boolean): CustomElement;
+	/**
+     * [Scope] Global
+     * [Description] Create a document editor with specified settings.
+     * [Usage Notes]If you create it multiple times, you'll receive 'A DocumentEditor already exists' error, and an existing DocumentEditor object will be returned.
+     * @param documentConfiguration The DocumentEditor settings. If not set, the default setting is used.
+     */
+    createDocumentEditor(documentConfiguration?: DocumentConfiguration): DocumentEditor;
     /**
      * [Scope] Global
      * [Description] Return the current UI settings (from DVS itself)
@@ -277,7 +295,19 @@ export interface DynamsoftViewer {
      * [Description] Fit the image to the window
      * @param type Specify a type to fit. (width, height, both)
      */
-    fitWindow(type: string): void;
+    fitWindow(type?: 'height' | 'width'): void;
+	/**
+     * [Scope] Main viewer
+     * Update checkbox style
+     * @argument checkboxSettings Settings for checkboxex.
+     */
+	updateCheckboxStyle(checkboxSettings?: CheckboxSettings): void;
+	/**
+     * [Scope] Main viewer
+	 * Update page number style
+	 * @argument pageNumberSettings Settings for page numbers.
+     */
+	updatePageNumberStyle(pageNumberSettings?: PageNumberSettings): void;
     /**
      * [Description] Set the CSS class name of the specified button defined in updateUISetting.
      * @param name Specify the button.
@@ -299,9 +329,9 @@ export interface DynamsoftViewer {
 	/**
 	 * [Scope] Global
 	 * [Description] Create a document webviewer with specified settings.
-	 * @param templateName The document webviewer settings. If not set, the default setting is used.
+	 * @param templateName The document webviewer settings. If not set, the default setting is used. The allowed value is "documentCapture".
 	 */
-	createTemplate(templateName?: string): DocumentViewerTemplate;
+	createTemplate(templateName?: string, documentConfiguration?: DocumentConfiguration): DocumentViewerTemplate;
     /**
      * [Scope] Global
      * [Description] Create a Dynamsoft Viewer instance and bind it to the WebTwain instance.
@@ -543,6 +573,8 @@ export interface ThumbnailViewerSettings {
      * Allow any CSS rules
      */
     selectedPageBackground?: string;
+	checkbox?: CheckboxSettings;
+	pageNumber?: PageNumberSettings;
 }
 export interface CustomElement {
     /**
@@ -601,6 +633,18 @@ export interface ThumbnailViewer {
      * [Description] Set the view mode.
      */
     updateViewMode(viewMode: ViewMode): void;
+	/**
+     * [Scope] Thumbnail viewer
+     * Update checkbox style
+     * @argument checkboxSettings Settings for checkboxex.
+     */
+	updateCheckboxStyle(checkboxSettings?: CheckboxSettings): void;
+	/**
+     * [Scope] Thumbnail viewer
+	 * Update page number style
+	 * @argument pageNumberSettings Settings for page numbers.
+     */
+	updatePageNumberStyle(pageNumberSettings?: PageNumberSettings): void;
     /**
      * [Scope] Thumbnail viewer
      * [Description] Specify an event listener for the viewer event.
@@ -739,6 +783,23 @@ export interface ThumbnailViewer {
      */
     selectedImageBackground: string;
 }
+export interface DocumentEditor {
+	 /**
+     * [Scope] DocumentEditor viewer
+     * [Description] Show the DocumentEditor viewer.
+     */
+    show(): void;
+    /**
+     * [Scope] DocumentEditor viewer
+     * [Description] Hide the DocumentEditor viewer.
+     */
+    hide(): void;
+    /**
+     * [Scope] DocumentEditor viewer
+     * [Description] Delete the DocumentEditor viewer.
+     */
+    dispose(): void;
+}
 
 export interface ViewMode {
     columns?: number;
@@ -807,3 +868,40 @@ export interface DocumentViewerTemplate {
      */
 	getCustomElement(): CustomElement;  
 }
+export interface CheckboxSettings {
+  visibility?: string;  //"visible":hidden", default:"hidden" 
+  width?: number | string;  //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  height?: number | string;  //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  background?: string;  //default: "#ffffff"
+  borderWidth?: number | string;   //default: "2px", unit: px, percentage value not supported
+  borderColor?: string;  //default : "#000000"
+  checkMarkColor?: string; //default: "#000000"
+  checkMarkLineWidth?: number | string; //default: "2px", unit: px, percentage value not supported
+  borderRadius?: number | string;   //default: 0, number unit: px, string value: "10px"/"10%", relative to itself
+  opacity?: number;  //default: 0.5, value range [0-1], value greater 1 defaults to 1
+  left?: number | string;   //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  top?: number | string;   //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  right?: number | string;   //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  bottom?: number | string;  //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  translateX?: number | string; //default: "", number unit: px, string value: "10px"/"10%", relative to itself
+  translateY?: number | string; //default: "";  number unit: px, string value: "10px"/"10%", relative to itself
+}
+export interface PageNumberSettings {
+  visibility?: string; //"visible": hidden", default: "hidden" 
+  width?: number | string; //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  height?: number | string, //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  background?: string; //default: "#ffffff"            
+  borderWidth?: number | string; //default: "1px", unit: px, percentage value not supported
+  borderColor?: string; //default: "#a79898"
+  borderRadius?: number | string;  //default: "50%", number unit: px, string value: "10px"/"10%", relative to itself
+  opacity?: number; //default: 0.5, value range [0-1], value greater 1 defaults to 1
+  color?: string;  //default : "#000000", supports #16 hexadecimal only
+  fontFamily?: string; //default : "sans-serif"
+  fontSize?: number | string; //default: 12, unit: px, percentage value not supported
+  left?: number | string;  //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  top?: number | string;  //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  right?: number | string;  //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  bottom?: number | string;  //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  translateX?: number | string; //default: "", number unit: px, string value: "10px"/"10%", relative to itself
+  translateY?: number | string; //default: "", number unit: px, string value: "10px"/"10%", relative to itself
+}

package/dist/types/index.d.ts

@@ -14,7 +14,7 @@
 *
 * Copyright 2022, Dynamsoft Corporation
 * Author: Dynamsoft Support Team
-* Version: 17.2
+* Version: 17.3
 */
 import Dynamsoft from "./Dynamsoft";
 export default Dynamsoft;

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "dwt",
-    "version": "17.2.4",
+    "version": "17.3.1",
     "author": {
         "name": "Dynamsoft",
         "url": "https://www.dynamsoft.com"
     },
     "license": "SEE LICENSE IN LICENSE.txt",
     "dependencies": {
-        "dynamsoft-javascript-barcode": "8.2.5"
+        "dynamsoft-javascript-barcode": "8.8.7"
     },
     "description": "Dynamic Web TWAIN is a TWAIN/ICA/SANE-based scanning SDK software specifically designed for web applications running on Windows/macOS/Linux. With just a few lines of code, you can develop robust applications to scan documents from TWAIN/ICA/SANE-compatible scanners, edit the scanned images and save them to a local/server file system or document repository.",
     "devDependencies": {},