@progress/kendo-angular-barcodes 0.1.1 → 0.2.0

package/dist/fesm2015/index.js

@@ -3,8 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __decorate, __metadata } from 'tslib';
-import { Input, ViewChild, ElementRef, Component, ChangeDetectionStrategy, Renderer2, NgZone, NgModule } from '@angular/core';
-import { Barcode, QRCode } from '@progress/kendo-charts';
+import { isDevMode, Input, ViewChild, ElementRef, Component, ChangeDetectionStrategy, Renderer2, NgZone, NgModule } from '@angular/core';
+import { Barcode, QRCode, barcodeValidator, qrcodeValidator } from '@progress/kendo-charts';
 import { isDocumentAvailable, ResizeSensorModule } from '@progress/kendo-angular-common';
 import { exportImage, exportSVG } from '@progress/kendo-drawing';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -16,7 +16,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-barcodes',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1638963198,
+    publishDate: 1641993026,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -104,6 +104,9 @@ class BaseComponent {
             this.instance.setOptions(this.options);
         }
     }
+    isDevMode() {
+        return isDevMode();
+    }
 }
 __decorate([
     Input(),
@@ -175,7 +178,16 @@ let BarcodeComponent = class BarcodeComponent extends BaseComponent {
         };
     }
     createInstance(element, options) {
-        return new Barcode(element, options);
+        return new Barcode(element, options, this.onError.bind(this));
+    }
+    onError(error) {
+        error.name = packageMetadata.productName + ' Barcode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
     }
 };
 __decorate([
@@ -303,7 +315,16 @@ let QRCodeComponent = class QRCodeComponent extends BaseComponent {
         };
     }
     createInstance(element, options) {
-        return new QRCode(element, options);
+        return new QRCode(element, options, this.onError.bind(this));
+    }
+    onError(error) {
+        error.name = packageMetadata.productName + ' QRCode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
     }
 };
 __decorate([
@@ -485,8 +506,93 @@ BarcodesModule = __decorate([
     })
 ], BarcodesModule);
 
+/**
+ * @hidden
+ */
+const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {BarcodeType} type The type of the Barcode.
+ * @param {Size} size The size of the barcode, excluding the text label, padding and border. Optional.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `barcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('1234', createBarcodeValidator('EAN8'));
+ * console.log(control.errors);
+ *
+ * // {
+ * //   barcode: {
+ * //     message: 'The value of the "EAN13" encoding should be 12 symbols',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+const createBarcodeValidator = (type, size) => {
+    const validator = barcodeValidator(type, size);
+    return (control) => {
+        if (!isPresent(control.value) || control.value === '') {
+            return null;
+        }
+        const result = validator(control.value);
+        if (result.valid === true) {
+            return null;
+        }
+        return {
+            barcode: {
+                message: result.error.message,
+                value: control.value,
+                type: type
+            }
+        };
+    };
+};
+
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {QRCodeEncoding} encoding The QR Code encoding. Defaults to 'ISO_8859_1'.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `qrcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('Фоо', createQRCodeValidator());
+ * console.log(control.errors);
+ *
+ * // {
+ * //   qrcode: {
+ * //     message: 'Unsupported character in QR Code: "Ф".',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+const createQRCodeValidator = (encoding = 'ISO_8859_1') => {
+    const validator = qrcodeValidator(encoding);
+    return (control) => {
+        if (!control.value) {
+            return null;
+        }
+        const result = validator(control.value);
+        if (result.valid === true) {
+            return null;
+        }
+        return {
+            qrcode: {
+                message: result.error.message,
+                value: control.value,
+                encoding: encoding
+            }
+        };
+    };
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BaseComponent, BarcodeComponent, QRCodeComponent, BarcodeModule, QRCodeModule, BarcodesModule };
+export { BaseComponent, BarcodeComponent, QRCodeComponent, BarcodeModule, QRCodeModule, BarcodesModule, createBarcodeValidator, createQRCodeValidator };

package/dist/fesm5/index.js

@@ -3,8 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { __decorate, __metadata, __extends } from 'tslib';
-import { Input, ViewChild, ElementRef, Component, ChangeDetectionStrategy, Renderer2, NgZone, NgModule } from '@angular/core';
-import { Barcode, QRCode } from '@progress/kendo-charts';
+import { isDevMode, Input, ViewChild, ElementRef, Component, ChangeDetectionStrategy, Renderer2, NgZone, NgModule } from '@angular/core';
+import { Barcode, QRCode, barcodeValidator, qrcodeValidator } from '@progress/kendo-charts';
 import { isDocumentAvailable, ResizeSensorModule } from '@progress/kendo-angular-common';
 import { exportImage, exportSVG } from '@progress/kendo-drawing';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -16,7 +16,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-barcodes',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1638963198,
+    publishDate: 1641993026,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -114,6 +114,9 @@ var BaseComponent = /** @class */ (function () {
             this.instance.setOptions(this.options);
         }
     };
+    BaseComponent.prototype.isDevMode = function () {
+        return isDevMode();
+    };
     __decorate([
         Input(),
         __metadata("design:type", Number)
@@ -192,7 +195,16 @@ var BarcodeComponent = /** @class */ (function (_super) {
         configurable: true
     });
     BarcodeComponent.prototype.createInstance = function (element, options) {
-        return new Barcode(element, options);
+        return new Barcode(element, options, this.onError.bind(this));
+    };
+    BarcodeComponent.prototype.onError = function (error) {
+        error.name = packageMetadata.productName + ' Barcode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
     };
     __decorate([
         Input(),
@@ -325,7 +337,16 @@ var QRCodeComponent = /** @class */ (function (_super) {
         configurable: true
     });
     QRCodeComponent.prototype.createInstance = function (element, options) {
-        return new QRCode(element, options);
+        return new QRCode(element, options, this.onError.bind(this));
+    };
+    QRCodeComponent.prototype.onError = function (error) {
+        error.name = packageMetadata.productName + ' QRCode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
     };
     __decorate([
         Input(),
@@ -515,8 +536,94 @@ var BarcodesModule = /** @class */ (function () {
     return BarcodesModule;
 }());
 
+/**
+ * @hidden
+ */
+var isPresent = function (value) { return value !== null && value !== undefined; };
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {BarcodeType} type The type of the Barcode.
+ * @param {Size} size The size of the barcode, excluding the text label, padding and border. Optional.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `barcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('1234', createBarcodeValidator('EAN8'));
+ * console.log(control.errors);
+ *
+ * // {
+ * //   barcode: {
+ * //     message: 'The value of the "EAN13" encoding should be 12 symbols',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+var createBarcodeValidator = function (type, size) {
+    var validator = barcodeValidator(type, size);
+    return function (control) {
+        if (!isPresent(control.value) || control.value === '') {
+            return null;
+        }
+        var result = validator(control.value);
+        if (result.valid === true) {
+            return null;
+        }
+        return {
+            barcode: {
+                message: result.error.message,
+                value: control.value,
+                type: type
+            }
+        };
+    };
+};
+
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {QRCodeEncoding} encoding The QR Code encoding. Defaults to 'ISO_8859_1'.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `qrcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('Фоо', createQRCodeValidator());
+ * console.log(control.errors);
+ *
+ * // {
+ * //   qrcode: {
+ * //     message: 'Unsupported character in QR Code: "Ф".',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+var createQRCodeValidator = function (encoding) {
+    if (encoding === void 0) { encoding = 'ISO_8859_1'; }
+    var validator = qrcodeValidator(encoding);
+    return function (control) {
+        if (!control.value) {
+            return null;
+        }
+        var result = validator(control.value);
+        if (result.valid === true) {
+            return null;
+        }
+        return {
+            qrcode: {
+                message: result.error.message,
+                value: control.value,
+                encoding: encoding
+            }
+        };
+    };
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BaseComponent, BarcodeComponent, QRCodeComponent, BarcodeModule, QRCodeModule, BarcodesModule };
+export { BaseComponent, BarcodeComponent, QRCodeComponent, BarcodeModule, QRCodeModule, BarcodesModule, createBarcodeValidator, createQRCodeValidator };

package/dist/npm/barcode-validator.js

@@ -0,0 +1,53 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var kendo_charts_1 = require("@progress/kendo-charts");
+/**
+ * @hidden
+ */
+var isPresent = function (value) { return value !== null && value !== undefined; };
+var ɵ0 = isPresent;
+exports.ɵ0 = ɵ0;
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {BarcodeType} type The type of the Barcode.
+ * @param {Size} size The size of the barcode, excluding the text label, padding and border. Optional.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `barcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('1234', createBarcodeValidator('EAN8'));
+ * console.log(control.errors);
+ *
+ * // {
+ * //   barcode: {
+ * //     message: 'The value of the "EAN13" encoding should be 12 symbols',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+exports.createBarcodeValidator = function (type, size) {
+    var validator = kendo_charts_1.barcodeValidator(type, size);
+    return function (control) {
+        if (!isPresent(control.value) || control.value === '') {
+            return null;
+        }
+        var result = validator(control.value);
+        if (result.valid === true) {
+            return null;
+        }
+        return {
+            barcode: {
+                message: result.error.message,
+                value: control.value,
+                type: type
+            }
+        };
+    };
+};

package/dist/npm/barcode.component.js

@@ -8,6 +8,7 @@ var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
 var kendo_charts_1 = require("@progress/kendo-charts");
 var base_component_1 = require("./base.component");
+var package_metadata_1 = require("./package-metadata");
 /**
  * Represents the Kendo UI Barcode component for Angular.
  *
@@ -75,7 +76,16 @@ var BarcodeComponent = /** @class */ (function (_super) {
         configurable: true
     });
     BarcodeComponent.prototype.createInstance = function (element, options) {
-        return new kendo_charts_1.Barcode(element, options);
+        return new kendo_charts_1.Barcode(element, options, this.onError.bind(this));
+    };
+    BarcodeComponent.prototype.onError = function (error) {
+        error.name = package_metadata_1.packageMetadata.productName + ' Barcode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
     };
     tslib_1.__decorate([
         core_1.Input(),

package/dist/npm/base.component.js

@@ -103,6 +103,9 @@ var BaseComponent = /** @class */ (function () {
             this.instance.setOptions(this.options);
         }
     };
+    BaseComponent.prototype.isDevMode = function () {
+        return core_1.isDevMode();
+    };
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Number)

package/dist/npm/main.js

@@ -14,3 +14,7 @@ var qrcode_module_1 = require("./qrcode.module");
 exports.QRCodeModule = qrcode_module_1.QRCodeModule;
 var barcodes_module_1 = require("./barcodes.module");
 exports.BarcodesModule = barcodes_module_1.BarcodesModule;
+var barcode_validator_1 = require("./barcode-validator");
+exports.createBarcodeValidator = barcode_validator_1.createBarcodeValidator;
+var qrcode_validator_1 = require("./qrcode-validator");
+exports.createQRCodeValidator = qrcode_validator_1.createQRCodeValidator;

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-barcodes',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1638963198,
+    publishDate: 1641993026,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/npm/qrcode-validator.js

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var kendo_charts_1 = require("@progress/kendo-charts");
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {QRCodeEncoding} encoding The QR Code encoding. Defaults to 'ISO_8859_1'.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `qrcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('Фоо', createQRCodeValidator());
+ * console.log(control.errors);
+ *
+ * // {
+ * //   qrcode: {
+ * //     message: 'Unsupported character in QR Code: "Ф".',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+exports.createQRCodeValidator = function (encoding) {
+    if (encoding === void 0) { encoding = 'ISO_8859_1'; }
+    var validator = kendo_charts_1.qrcodeValidator(encoding);
+    return function (control) {
+        if (!control.value) {
+            return null;
+        }
+        var result = validator(control.value);
+        if (result.valid === true) {
+            return null;
+        }
+        return {
+            qrcode: {
+                message: result.error.message,
+                value: control.value,
+                encoding: encoding
+            }
+        };
+    };
+};

package/dist/npm/qrcode.component.js

@@ -8,6 +8,7 @@ var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
 var kendo_charts_1 = require("@progress/kendo-charts");
 var base_component_1 = require("./base.component");
+var package_metadata_1 = require("./package-metadata");
 var DEFAULT_COLOR = '#000';
 var DEFAULT_BACKGROUND = '#fff';
 var DEFAULT_ERROR_CORRECTION = 'L';
@@ -77,7 +78,16 @@ var QRCodeComponent = /** @class */ (function (_super) {
         configurable: true
     });
     QRCodeComponent.prototype.createInstance = function (element, options) {
-        return new kendo_charts_1.QRCode(element, options);
+        return new kendo_charts_1.QRCode(element, options, this.onError.bind(this));
+    };
+    QRCodeComponent.prototype.onError = function (error) {
+        error.name = package_metadata_1.packageMetadata.productName + ' QRCode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
     };
     tslib_1.__decorate([
         core_1.Input(),

package/dist/systemjs/kendo-angular-barcodes.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-barcodes",["@angular/core","@progress/kendo-angular-common","tslib","@progress/kendo-charts","@progress/kendo-drawing","@progress/kendo-licensing"],function(i){var a,d,s,p,c,u;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){a=t(e)},function(e){d=t(e)},function(e){s=t(e)},function(e){p=t(e)},function(e){c=t(e)},function(e){u=t(e)}],execute:function(){function n(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return o[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var o,r;r={},n.m=o=[function(e,t){e.exports=a},function(e,t){e.exports=s},function(e,t){e.exports=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),r=o(0),i=o(2),o=o(5),o=n.__decorate([r.NgModule({declarations:[o.QRCodeComponent],imports:[i.ResizeSensorModule],exports:[o.QRCodeComponent]})],a);function a(){}t.QRCodeModule=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),r=o(0),i=o(2),o=o(8),o=n.__decorate([r.NgModule({declarations:[o.BarcodeComponent],imports:[i.ResizeSensorModule],exports:[o.BarcodeComponent]})],a);function a(){}t.BarcodeModule=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,n=o(1),i=o(0),a=o(7),i=(r=o(6).BaseComponent,n.__extends(d,r),Object.defineProperty(d.prototype,"options",{get:function(){return{background:this.background||"#fff",border:this.border,color:this.color||"#000",encoding:this.encoding,errorCorrection:this.errorCorrection||"L",overlay:this.overlay||{},padding:this.padding,renderAs:this.renderAs,size:this.size,value:this.value}},enumerable:!0,configurable:!0}),d.prototype.createInstance=function(e,t){return new a.QRCode(e,t)},n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"background",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"border",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"color",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"encoding",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"errorCorrection",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"overlay",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Number)],d.prototype,"padding",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"renderAs",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"size",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"value",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Number)],d.prototype,"resizeRateLimit",void 0),n.__decorate([i.Component({changeDetection:i.ChangeDetectionStrategy.OnPush,selector:"kendo-qrcode",exportAs:"kendoQRCode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,i.NgZone])],d));function d(e,t,o){var n=r.call(this,e,t,o)||this;return n.element=e,n.renderer=t,n.ngZone=o,n.resizeRateLimit=10,n}t.QRCodeComponent=i},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),r=o(0),i=o(2),a=o(12),d=o(11),s=o(10),r=(Object.defineProperty(p.prototype,"autoResize",{get:function(){return 0<this.resizeRateLimit},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"canRender",{get:function(){return i.isDocumentAvailable()&&Boolean(this.element)},enumerable:!0,configurable:!0}),p.prototype.ngAfterViewInit=function(){this.refresh()},p.prototype.ngOnChanges=function(e){e.renderAs&&this.instance&&(this.instance.destroy(),this.instance=null),this.refresh()},p.prototype.resize=function(){this.instance&&this.instance.redraw()},p.prototype.onResize=function(){this.autoResize&&this.resize()},p.prototype.exportImage=function(e){return void 0===e&&(e={}),a.exportImage(this.exportVisual(),e)},p.prototype.exportSVG=function(e){return void 0===e&&(e={}),a.exportSVG(this.exportVisual(),e)},p.prototype.exportVisual=function(){return this.instance.exportVisual()},p.prototype.refresh=function(){var e;this.canRender&&(this.instance?this.instance.setOptions(this.options):(e=this.element.nativeElement,this.instance=this.createInstance(e,this.options)))},n.__decorate([r.Input(),n.__metadata("design:type",Number)],p.prototype,"resizeRateLimit",void 0),n.__decorate([r.ViewChild("surface",{static:!0}),n.__metadata("design:type",r.ElementRef)],p.prototype,"surfaceElement",void 0),p);function p(e,t,o){this.element=e,this.renderer=t,this.ngZone=o,this.resizeRateLimit=10,d.validatePackage(s.packageMetadata)}t.BaseComponent=r},function(e,t){e.exports=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,n=o(1),i=o(0),a=o(7),i=(r=o(6).BaseComponent,n.__extends(d,r),Object.defineProperty(d.prototype,"options",{get:function(){return{renderAs:this.renderAs,background:this.background,border:this.border,checksum:this.checksum,color:this.color,height:this.height,padding:this.padding,text:this.text,type:this.type,value:this.value,width:this.width}},enumerable:!0,configurable:!0}),d.prototype.createInstance=function(e,t){return new a.Barcode(e,t)},n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"background",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"border",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],d.prototype,"checksum",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"color",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Number)],d.prototype,"height",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"padding",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"renderAs",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],d.prototype,"type",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],d.prototype,"value",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Number)],d.prototype,"width",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Number)],d.prototype,"resizeRateLimit",void 0),n.__decorate([i.Component({changeDetection:i.ChangeDetectionStrategy.OnPush,exportAs:"kendoBarcode",selector:"kendo-barcode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,i.NgZone])],d));function d(e,t,o){var n=r.call(this,e,t,o)||this;return n.element=e,n.renderer=t,n.ngZone=o,n.resizeRateLimit=10,n}t.BarcodeComponent=i},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),r=o(0),i=o(4),o=o(3),o=n.__decorate([r.NgModule({exports:[i.BarcodeModule,o.QRCodeModule]})],a);function a(){}t.BarcodesModule=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-barcodes",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1638963198,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(e,t){e.exports=u},function(e,t){e.exports=c},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(8);t.BarcodeComponent=n.BarcodeComponent;n=o(5);t.QRCodeComponent=n.QRCodeComponent;n=o(4);t.BarcodeModule=n.BarcodeModule;n=o(3);t.QRCodeModule=n.QRCodeModule;o=o(9);t.BarcodesModule=o.BarcodesModule,function(e){for(var t in e)i(t,e[t])}(t)}],n.c=r,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=13)}}});
+System.register("@progress/kendo-angular-barcodes",["tslib","@angular/core","@progress/kendo-angular-common","@progress/kendo-charts","@progress/kendo-drawing","@progress/kendo-licensing"],function(a){var i,d,s,c,u,p;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){i=t(e)},function(e){d=t(e)},function(e){s=t(e)},function(e){c=t(e)},function(e){u=t(e)},function(e){p=t(e)}],execute:function(){function r(e){if(n[e])return n[e].exports;var t=n[e]={i:e,l:!1,exports:{}};return o[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}var o,n;n={},r.m=o=[function(e,t){e.exports=d},function(e,t){e.exports=i},function(e,t){e.exports=c},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-barcodes",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1641993026,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(e,t){e.exports=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=o(0),a=o(4),o=o(7),o=r.__decorate([n.NgModule({declarations:[o.QRCodeComponent],imports:[a.ResizeSensorModule],exports:[o.QRCodeComponent]})],i);function i(){}t.QRCodeModule=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=o(0),a=o(4),o=o(9),o=r.__decorate([n.NgModule({declarations:[o.BarcodeComponent],imports:[a.ResizeSensorModule],exports:[o.BarcodeComponent]})],i);function i(){}t.BarcodeModule=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(1),a=o(0),i=o(2),d=o(8),s=o(3),a=(n=d.BaseComponent,r.__extends(c,n),Object.defineProperty(c.prototype,"options",{get:function(){return{background:this.background||"#fff",border:this.border,color:this.color||"#000",encoding:this.encoding,errorCorrection:this.errorCorrection||"L",overlay:this.overlay||{},padding:this.padding,renderAs:this.renderAs,size:this.size,value:this.value}},enumerable:!0,configurable:!0}),c.prototype.createInstance=function(e,t){return new i.QRCode(e,t,this.onError.bind(this))},c.prototype.onError=function(e){if(e.name=s.packageMetadata.productName+" QRCode",this.isDevMode())throw e;console.warn(e)},r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"background",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"border",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"color",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"encoding",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"errorCorrection",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"overlay",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],c.prototype,"padding",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"renderAs",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"size",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"value",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],c.prototype,"resizeRateLimit",void 0),r.__decorate([a.Component({changeDetection:a.ChangeDetectionStrategy.OnPush,selector:"kendo-qrcode",exportAs:"kendoQRCode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),r.__metadata("design:paramtypes",[a.ElementRef,a.Renderer2,a.NgZone])],c));function c(e,t,o){var r=n.call(this,e,t,o)||this;return r.element=e,r.renderer=t,r.ngZone=o,r.resizeRateLimit=10,r}t.QRCodeComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=o(0),a=o(4),i=o(14),d=o(13),s=o(3),r=(Object.defineProperty(c.prototype,"autoResize",{get:function(){return 0<this.resizeRateLimit},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"canRender",{get:function(){return a.isDocumentAvailable()&&Boolean(this.element)},enumerable:!0,configurable:!0}),c.prototype.ngAfterViewInit=function(){this.refresh()},c.prototype.ngOnChanges=function(e){e.renderAs&&this.instance&&(this.instance.destroy(),this.instance=null),this.refresh()},c.prototype.resize=function(){this.instance&&this.instance.redraw()},c.prototype.onResize=function(){this.autoResize&&this.resize()},c.prototype.exportImage=function(e){return void 0===e&&(e={}),i.exportImage(this.exportVisual(),e)},c.prototype.exportSVG=function(e){return void 0===e&&(e={}),i.exportSVG(this.exportVisual(),e)},c.prototype.exportVisual=function(){return this.instance.exportVisual()},c.prototype.refresh=function(){var e;this.canRender&&(this.instance?this.instance.setOptions(this.options):(e=this.element.nativeElement,this.instance=this.createInstance(e,this.options)))},c.prototype.isDevMode=function(){return n.isDevMode()},r.__decorate([n.Input(),r.__metadata("design:type",Number)],c.prototype,"resizeRateLimit",void 0),r.__decorate([n.ViewChild("surface",{static:!0}),r.__metadata("design:type",n.ElementRef)],c.prototype,"surfaceElement",void 0),c);function c(e,t,o){this.element=e,this.renderer=t,this.ngZone=o,this.resizeRateLimit=10,d.validatePackage(s.packageMetadata)}t.BaseComponent=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=o(1),a=o(0),i=o(2),d=o(8),s=o(3),a=(n=d.BaseComponent,r.__extends(c,n),Object.defineProperty(c.prototype,"options",{get:function(){return{renderAs:this.renderAs,background:this.background,border:this.border,checksum:this.checksum,color:this.color,height:this.height,padding:this.padding,text:this.text,type:this.type,value:this.value,width:this.width}},enumerable:!0,configurable:!0}),c.prototype.createInstance=function(e,t){return new i.Barcode(e,t,this.onError.bind(this))},c.prototype.onError=function(e){if(e.name=s.packageMetadata.productName+" Barcode",this.isDevMode())throw e;console.warn(e)},r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"background",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"border",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Boolean)],c.prototype,"checksum",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"color",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],c.prototype,"height",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"padding",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"renderAs",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"text",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],c.prototype,"type",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Object)],c.prototype,"value",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],c.prototype,"width",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],c.prototype,"resizeRateLimit",void 0),r.__decorate([a.Component({changeDetection:a.ChangeDetectionStrategy.OnPush,exportAs:"kendoBarcode",selector:"kendo-barcode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),r.__metadata("design:paramtypes",[a.ElementRef,a.Renderer2,a.NgZone])],c));function c(e,t,o){var r=n.call(this,e,t,o)||this;return r.element=e,r.renderer=t,r.ngZone=o,r.resizeRateLimit=10,r}t.BarcodeComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2);t.createQRCodeValidator=function(o){void 0===o&&(o="ISO_8859_1");var r=n.qrcodeValidator(o);return function(e){if(!e.value)return null;var t=r(e.value);return!0===t.valid?null:{qrcode:{message:t.error.message,value:e.value,encoding:o}}}}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2);t.createBarcodeValidator=function(o,e){var r=n.barcodeValidator(o,e);return function(e){if(null==e.value||""===e.value)return null;var t=r(e.value);return!0===t.valid?null:{barcode:{message:t.error.message,value:e.value,type:o}}}}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=o(0),a=o(6),o=o(5),o=r.__decorate([n.NgModule({exports:[a.BarcodeModule,o.QRCodeModule]})],i);function i(){}t.BarcodesModule=o},function(e,t){e.exports=p},function(e,t){e.exports=u},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(9);t.BarcodeComponent=r.BarcodeComponent;r=o(7);t.QRCodeComponent=r.QRCodeComponent;r=o(6);t.BarcodeModule=r.BarcodeModule;r=o(5);t.QRCodeModule=r.QRCodeModule;r=o(12);t.BarcodesModule=r.BarcodesModule;r=o(11);t.createBarcodeValidator=r.createBarcodeValidator;o=o(10);t.createQRCodeValidator=o.createQRCodeValidator,function(e){for(var t in e)a(t,e[t])}(t)}],r.c=n,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=15)}}});

package/package.json

@@ -3,7 +3,7 @@
   "description": "Kendo UI Angular Barcodes",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "main": "dist/npm/index.js",
   "module": "dist/fesm5/index.js",
   "es2015": "dist/fesm2015/index.js",
@@ -38,13 +38,14 @@
   "peerDependencies": {
     "@angular/common": "8 - 13",
     "@angular/core": "8 - 13",
+    "@angular/forms": "8 - 13",
     "@progress/kendo-angular-common": "^2.0.0",
     "@progress/kendo-drawing": "^1.1.2",
     "@progress/kendo-licensing": "^1.0.0",
     "rxjs": "^6.4.0 || ^7.0.0"
   },
   "dependencies": {
-    "@progress/kendo-charts": "^1.20.1",
+    "@progress/kendo-charts": "^1.22.0",
     "@progress/kendo-schematics": "^1.1.0",
     "tslib": "^1.9.0"
   },
@@ -69,6 +70,7 @@
     "@progress/kendo-angular-intl": "^3.1.2",
     "@progress/kendo-angular-jest-preset": "^2.0.0",
     "@progress/kendo-angular-l10n": "^3.0.3",
+    "@progress/kendo-angular-label": "^3.1.1",
     "@progress/kendo-angular-pdf-export": "^3.0.2",
     "@progress/kendo-angular-popup": "^4.0.2",
     "@progress/kendo-angular-tasks": "^19.0.1",