UNPKG

@syncfusion/ej2-barcode-generator

Version:

Barcode generator component is a pure JavaScript library which will convert a string to Barcode and show it to the user. This supports major 1D and 2D barcodes including coda bar, code 128, QR Code.

191 lines (190 loc) 5.37 kB
import { Component, L10n, ModuleDeclaration } from '@syncfusion/ej2-base'; import { INotifyPropertyChanged, EmitType } from '@syncfusion/ej2-base'; import { RenderingMode, BarcodeType, BarcodeExportType } from './enum/enum'; import { BarcodeGeneratorModel } from './barcode-model'; import { DisplayTextModel } from './primitives/displaytext-model'; import { MarginModel } from './primitives/margin-model'; /** * Represents the Barcode control * ```html * <div id='barcode'/> * ``` * ```typescript * let barcode: Barcode = new Barcode({ * width:'1000px', height:'500px' }); * barcode.appendTo('#barcode'); * ``` */ export declare class BarcodeGenerator extends Component<HTMLElement> implements INotifyPropertyChanged { /** * Defines the width of the barcode model. * ```html * <div id='barcode'/> * ``` * ```typescript * let barcode: Barcode = new Barcode({ * width:'1000px', height:'500px' }); * barcode.appendTo('#barcode'); * ``` * * @default '100%' */ width: string | number; /** * Defines the height of the barcode model. * ```html * <div id='barcode'/> * ``` * ```typescript * let barcode: Barcode = new Barcode({ * height:'1000px', height:'500px' }); * barcode.appendTo('#barcode'); * ``` * * @default '100' * */ height: string | number; /** * Defines the barcode rendering mode. * * SVG - Renders the bar-code objects as SVG elements * * Canvas - Renders the bar-code in a canvas * * @default 'SVG' * */ mode: RenderingMode; /** * Defines the type of barcode to be rendered. * * @default 'Code128' * */ type: BarcodeType; /** * Defines the value of the barcode to be rendered. * * @default undefined * */ value: string; /** * Defines the checksum for the barcode. * * @default 'true' * */ enableCheckSum: boolean; /** * Defines the text properties for the barcode. * * @default '' * */ displayText: DisplayTextModel; /** * Defines the margin properties for the barcode. * * @default '' * */ margin: MarginModel; /** * Defines the background color of the barcode. * * @default 'white' * */ backgroundColor: string; /** * Defines the forecolor of the barcode. * * @default 'black' * */ foreColor: string; /** * Triggers if you enter any invalid character. * * @event */ invalid: EmitType<Object>; /** @private */ localeObj: L10n; /** @private */ private defaultLocale; private barcodeCanvas; private barcodeRenderer; /** * Constructor for creating the widget * * @param {BarcodeGeneratorModel} options The barcode model. * @param {HTMLElement | string} element The barcode element. */ constructor(options?: BarcodeGeneratorModel, element?: HTMLElement | string); private triggerEvent; onPropertyChanged(newProp: BarcodeGeneratorModel, oldProp: BarcodeGeneratorModel): void; private initialize; /** * Export the barcode as an image in the specified image type and downloads it in the browser. * * @returns {void} Export the barcode as an image in the specified image type and downloads it in the browser. * @param {string} filename - Specifies the filename of the barcode image to be download. * @param {BarcodeExportType} exportType - Defines the format of the barcode to be exported */ exportImage(filename: string, exportType: BarcodeExportType): void; /** * Export the barcode as an image in the specified image type and returns it as base64 string. * * @returns {string} Export the barcode as an image in the specified image type and returns it as base64 string. * @param {BarcodeExportType} exportType - Defines the format of the barcode to be exported */ exportAsBase64Image(exportType: BarcodeExportType): Promise<string>; private renderElements; private refreshCanvasBarcode; private clearCanvas; /** * Get the properties to be maintained in the persisted state. * * @returns {string} Get the properties to be maintained in the persisted state. */ getPersistData(): string; /** * @private * @param real */ private getElementSize; protected preRender(): void; private initializePrivateVariables; /** * Method to set culture for chart */ private setCulture; /** * Renders the barcode control with nodes and connectors * * @returns {void} */ render(): void; /** * Returns the module name of the barcode * * @returns {string} Returns the module name of the barcode */ getModuleName(): string; /** *To provide the array of modules needed for control rendering * * @function destroy * @returns {ModuleDeclaration[]} To provide the array of modules needed for control rendering * @private */ requiredModules(): ModuleDeclaration[]; /** * It is used to destroy the Barcode component. * * @function destroy * @returns {void} */ destroy(): void; }