🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

@syncfusion/ej2-angular-barcode-generator

Package Overview
Dependencies
Maintainers
3
Versions
250
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-angular-barcode-generator - npm Package Compare versions

Comparing version

to
20.4.38

esm2020/public_api.mjs

40

package.json
{
"_from": "@syncfusion/ej2-angular-barcode-generator@*",
"_id": "@syncfusion/ej2-angular-barcode-generator@19.3.0",
"_id": "@syncfusion/ej2-angular-barcode-generator@20.2.45",
"_inBundle": false,
"_integrity": "sha512-0CQAvfCZ1eaxrMqMs7R6V8T6xZSg/6orzkIXqfYify+qjRcCEAfEaVH/7KRQnms4l7WBCwdnfry1ZPKoZ6gepg==",
"_integrity": "sha512-umg86KSvs6QyM+aovHjlQmDyjuksQ4B8x/wZYUE4Bx4kZExvZHfdW10lTwbeTqmgIo0slL8J8ZqI6QfELYY97g==",
"_location": "/@syncfusion/ej2-angular-barcode-generator",

@@ -22,6 +22,6 @@ "_phantomChildren": {},

],
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-barcode-generator/-/ej2-angular-barcode-generator-19.3.0.tgz",
"_shasum": "d53ad10deaebf96de2f33e50715a3c285dc99e6d",
"_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-barcode-generator/-/ej2-angular-barcode-generator-20.2.45.tgz",
"_shasum": "49d98d5388b48c43080beb7a05799e4348bb9400",
"_spec": "@syncfusion/ej2-angular-barcode-generator@*",
"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
"author": {

@@ -37,8 +37,24 @@ "name": "Syncfusion Inc."

"@syncfusion/ej2-barcode-generator": "20.4.38",
"@syncfusion/ej2-base": "~20.4.38"
"@syncfusion/ej2-base": "~20.4.38",
"tslib": "^2.3.0"
},
"deprecated": false,
"description": "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. for Angular",
"devDependencies": {},
"es2015": "@syncfusion/ej2-angular-barcode-generator.js",
"es2020": "fesm2020/syncfusion-ej2-angular-barcode-generator.mjs",
"esm2020": "esm2020/syncfusion-ej2-angular-barcode-generator.mjs",
"exports": {
"./package.json": {
"default": "./package.json"
},
".": {
"types": "./syncfusion-ej2-angular-barcode-generator.d.ts",
"esm2020": "./esm2020/syncfusion-ej2-angular-barcode-generator.mjs",
"es2020": "./fesm2020/syncfusion-ej2-angular-barcode-generator.mjs",
"es2015": "./fesm2015/syncfusion-ej2-angular-barcode-generator.mjs",
"node": "./fesm2015/syncfusion-ej2-angular-barcode-generator.mjs",
"default": "./fesm2020/syncfusion-ej2-angular-barcode-generator.mjs"
}
},
"fesm2015": "fesm2015/syncfusion-ej2-angular-barcode-generator.mjs",
"fesm2020": "fesm2020/syncfusion-ej2-angular-barcode-generator.mjs",
"homepage": "https://github.com/syncfusion/ej2-angular-ui-components#readme",

@@ -56,5 +72,3 @@ "keywords": [

"license": "SEE LICENSE IN license",
"main": "dist/ej2-angular-barcode-generator.umd.js",
"metadata": "ej2-angular-barcode-generator.metadata.json",
"module": "@syncfusion/ej2-angular-barcode-generator.es5.js",
"module": "fesm2015/syncfusion-ej2-angular-barcode-generator.mjs",
"name": "@syncfusion/ej2-angular-barcode-generator",

@@ -67,4 +81,4 @@ "repository": {

"sideEffects": false,
"typings": "ej2-angular-barcode-generator.d.ts",
"version": "20.4.38-ngcc"
"typings": "syncfusion-ej2-angular-barcode-generator.d.ts",
"version": "20.4.38"
}

@@ -1,126 +0,10 @@

# Angular Barcode Generator Component
# Changelog
The [Angular Barcode](https://www.syncfusion.com/angular-components/angular-barcode?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm) (QR Code) Generator Component is a light-weight and high-performance control that displays industry-standard 1D and 2D barcodes in Angular applications. Generated barcodes are optimized for printing and on-screen scanning. It is designed for ease of use and does not require fonts.
## [Unreleased]
<p align="center">
<a href="https://ej2.syncfusion.com/angular/documentation/barcode/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm">Getting started</a> .
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm#/bootstrap5/barcode/default-functionalities">Online demos</a> .
<a href="https://www.syncfusion.com/angular-components/angular-barcode?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm">Learn more</a>
</p>
### Barcode
<p align="center">
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-barcode.png" alt="Angular Barcode Control"/>
</p>
The Syncfusion Essential JS Barcode widget enables rendering of one dimension and two dimension barcodes in web page. Barcode provides you a simple and inexpensive method of encoding text information that can be easily read by electronic readers
<p align="center">
Trusted by the world's leading companies
<a href="https://www.syncfusion.com">
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
</a>
</p>
## Setup
### Create an Angular Application
You can use [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications. To install the Angular CLI, use the following command.
```bash
npm install -g @angular/cli
```
Create a new Angular application using the following Angular CLI command.
```bash
ng new my-app
cd my-app
```
### Adding Syncfusion Barcode Generator package
All Syncfusion Angular packages are available in [npmjs.com](https://www.npmjs.com/~syncfusionorg). To install the Angular barcode generator package, use the following command.
```bash
npm install @syncfusion/ej2-angular-barcode-generator --save
```
The above command does the below configuration to your Angular app.
* Adds `@syncfusion/ej2-angular-barcode-generator` package and its peer dependencies to your `package.json` file.
* Imports the `BarcodeGeneratorAllModule`, `QRCodeGeneratorAllModule`, `DataMatrixGeneratorAllModule` in your application module `app.module.ts`.
* Registers the Syncfusion UI default theme (material) in the `angular.json` file.
This makes it easy to add the Syncfusion Angular Barcode Generator module to your project and start using it in your application.
### Add Barcode Generator component
In **src/app/app.component.ts**, use `<ejs-barcodegenerator>` selector in the `template` attribute of the `@Component` directive to render the Syncfusion Angular Barcode Generator component.
```typescript
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
template: `<ejs-barcodegenerator id="barcode" width="200px" height="150px" mode="SVG" type="Codabar" value="123456789">`
})
export class AppComponent implements OnInit {}
```
## Supported frameworks
Barcode component is also offered in the following list of frameworks.
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
| :-----: | :-----: | :-----: | :-----: | :-----: |
## Showcase samples
* Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm)
* Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ng-loancalculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm)
* Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo), [Live Demo](https://ej2.syncfusion.com/showcase/angular/fitness-tracker-app/)
## Key features
* Barcode Symbologies - Supports a wide range of barcode symbologies, including:
* [QR Code](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/qrCode)
* [Data Matrix](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/datamatrix)
* [Code 39](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/code39)
* [Code 39 Extended](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/code39Extd)
* [Codabar](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/codabar)
* [Code 32](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/code32)
* [Code 93](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/Code93)
* [Code 128](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/Code128)
* [Code 128A](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/Code128A)
* [Code 128B](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/Code128B)
* [Code 128C](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/Code128C)
* [EAN-8](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/default-functionalities)
* [EAN-13](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/ean13)
* [UPC-A](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/upcA)
* [UPC-E](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/barcode/upcE)
* Text Customization - Allows you to customize the text displayed.
* Exporting - Barcode can be exported as .png or .jpeg fromat image and can also be exported as base64 string.
## Support
Product support is available through the following mediums.
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm)
* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm)
* Live chat
## Changelog
Check the changelog [here](https://ej2.syncfusion.com/angular/documentation/release-notes?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
## License and copyright
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-barcode-npm) for more info.
© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
- Custom shapes can also be created and added easily.
- Supports 2 two-dimensional barcodes such as QR and DataMatrix barcodes.
export declare const pkgName = "@syncfusion/ej2-angular-barcode-generator";
export declare const pkgVer = "^19.3.0";
export declare const pkgVer = "^19.4.0";
export declare const moduleName = "BarcodeGeneratorModule, QRCodeGeneratorModule, DataMatrixGeneratorModule";
export declare const themeVer = "~19.3.0";
export declare const themeVer = "~19.4.0";

@@ -0,1 +1,4 @@

import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./barcodegenerator.module";
/**

@@ -5,2 +8,5 @@ * NgModule definition for the BarcodeGenerator component with providers.

export declare class BarcodeGeneratorAllModule {
static ɵfac: i0.ɵɵFactoryDeclaration<BarcodeGeneratorAllModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<BarcodeGeneratorAllModule, never, [typeof i1.CommonModule, typeof i2.BarcodeGeneratorModule], [typeof i2.BarcodeGeneratorModule]>;
static ɵinj: i0.ɵɵInjectorDeclaration<BarcodeGeneratorAllModule>;
}
import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
import { IComponentBase } from '@syncfusion/ej2-angular-base';
import { BarcodeGenerator } from '@syncfusion/ej2-barcode-generator';
import * as i0 from "@angular/core";
export declare const inputs: string[];

@@ -28,2 +29,4 @@ export declare const outputs: string[];

addTwoWay: (propList: string[]) => void;
static ɵfac: i0.ɵɵFactoryDeclaration<BarcodeGeneratorComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BarcodeGeneratorComponent, "ejs-barcodegenerator", never, { "backgroundColor": "backgroundColor"; "displayText": "displayText"; "enableCheckSum": "enableCheckSum"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "foreColor": "foreColor"; "height": "height"; "locale": "locale"; "margin": "margin"; "mode": "mode"; "type": "type"; "value": "value"; "width": "width"; }, { "invalid": "invalid"; }, never, never>;
}

@@ -0,1 +1,4 @@

import * as i0 from "@angular/core";
import * as i1 from "./barcodegenerator.component";
import * as i2 from "@angular/common";
/**

@@ -5,2 +8,5 @@ * NgModule definition for the BarcodeGenerator component.

export declare class BarcodeGeneratorModule {
static ɵfac: i0.ɵɵFactoryDeclaration<BarcodeGeneratorModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<BarcodeGeneratorModule, [typeof i1.BarcodeGeneratorComponent], [typeof i2.CommonModule], [typeof i1.BarcodeGeneratorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<BarcodeGeneratorModule>;
}

@@ -0,1 +1,4 @@

import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./datamatrixgenerator.module";
/**

@@ -5,2 +8,5 @@ * NgModule definition for the DataMatrixGenerator component with providers.

export declare class DataMatrixGeneratorAllModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DataMatrixGeneratorAllModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DataMatrixGeneratorAllModule, never, [typeof i1.CommonModule, typeof i2.DataMatrixGeneratorModule], [typeof i2.DataMatrixGeneratorModule]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DataMatrixGeneratorAllModule>;
}
import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
import { IComponentBase } from '@syncfusion/ej2-angular-base';
import { DataMatrixGenerator } from '@syncfusion/ej2-barcode-generator';
import * as i0 from "@angular/core";
export declare const inputs: string[];

@@ -28,2 +29,4 @@ export declare const outputs: string[];

addTwoWay: (propList: string[]) => void;
static ɵfac: i0.ɵɵFactoryDeclaration<DataMatrixGeneratorComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DataMatrixGeneratorComponent, "ejs-datamatrixgenerator", never, { "backgroundColor": "backgroundColor"; "displayText": "displayText"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "encoding": "encoding"; "foreColor": "foreColor"; "height": "height"; "locale": "locale"; "margin": "margin"; "mode": "mode"; "size": "size"; "value": "value"; "width": "width"; "xDimension": "xDimension"; }, { "invalid": "invalid"; }, never, never>;
}

@@ -0,1 +1,4 @@

import * as i0 from "@angular/core";
import * as i1 from "./datamatrixgenerator.component";
import * as i2 from "@angular/common";
/**

@@ -5,2 +8,5 @@ * NgModule definition for the DataMatrixGenerator component.

export declare class DataMatrixGeneratorModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DataMatrixGeneratorModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DataMatrixGeneratorModule, [typeof i1.DataMatrixGeneratorComponent], [typeof i2.CommonModule], [typeof i1.DataMatrixGeneratorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DataMatrixGeneratorModule>;
}

@@ -0,1 +1,4 @@

import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./qrcodegenerator.module";
/**

@@ -5,2 +8,5 @@ * NgModule definition for the QRCodeGenerator component with providers.

export declare class QRCodeGeneratorAllModule {
static ɵfac: i0.ɵɵFactoryDeclaration<QRCodeGeneratorAllModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<QRCodeGeneratorAllModule, never, [typeof i1.CommonModule, typeof i2.QRCodeGeneratorModule], [typeof i2.QRCodeGeneratorModule]>;
static ɵinj: i0.ɵɵInjectorDeclaration<QRCodeGeneratorAllModule>;
}
import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
import { IComponentBase } from '@syncfusion/ej2-angular-base';
import { QRCodeGenerator } from '@syncfusion/ej2-barcode-generator';
import * as i0 from "@angular/core";
export declare const inputs: string[];

@@ -28,2 +29,4 @@ export declare const outputs: string[];

addTwoWay: (propList: string[]) => void;
static ɵfac: i0.ɵɵFactoryDeclaration<QRCodeGeneratorComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<QRCodeGeneratorComponent, "ejs-qrcodegenerator", never, { "backgroundColor": "backgroundColor"; "displayText": "displayText"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "errorCorrectionLevel": "errorCorrectionLevel"; "foreColor": "foreColor"; "height": "height"; "locale": "locale"; "margin": "margin"; "mode": "mode"; "value": "value"; "version": "version"; "width": "width"; "xDimension": "xDimension"; }, { "invalid": "invalid"; }, never, never>;
}

@@ -0,1 +1,4 @@

import * as i0 from "@angular/core";
import * as i1 from "./qrcodegenerator.component";
import * as i2 from "@angular/common";
/**

@@ -5,2 +8,5 @@ * NgModule definition for the QRCodeGenerator component.

export declare class QRCodeGeneratorModule {
static ɵfac: i0.ɵɵFactoryDeclaration<QRCodeGeneratorModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<QRCodeGeneratorModule, [typeof i1.QRCodeGeneratorComponent], [typeof i2.CommonModule], [typeof i1.QRCodeGeneratorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<QRCodeGeneratorModule>;
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet