@progress/kendo-angular-barcodes 0.1.1 → 0.2.0

package/dist/cdn/main.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
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-common","@progress/kendo-charts","@progress/kendo-drawing","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoAngularBarcodes=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing"),require("@progress/kendo-licensing")):e.KendoAngularBarcodes=t(e.tslib,e["@angular/core"],e["@progress/kendo-angular-common"],e["@progress/kendo-charts"],e["@progress/kendo-drawing"],e["@progress/kendo-licensing"])}(window,(function(e,t,o,r,n,i){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(r,n,function(t){return e[t]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=9)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(4),a=function(e){function t(t,o,r){var n=e.call(this,t,o,r)||this;return n.element=t,n.renderer=o,n.ngZone=r,n.resizeRateLimit=10,n}return r.__extends(t,e),Object.defineProperty(t.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}),t.prototype.createInstance=function(e,t){return new i.Barcode(e,t)},r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"background",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"border",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Boolean)],t.prototype,"checksum",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"color",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"height",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"padding",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"renderAs",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"text",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"type",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"value",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"width",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"resizeRateLimit",void 0),t=r.__decorate([n.Component({changeDetection:n.ChangeDetectionStrategy.OnPush,exportAs:"kendoBarcode",selector:"kendo-barcode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),r.__metadata("design:paramtypes",[n.ElementRef,n.Renderer2,n.NgZone])],t)}(o(5).BaseComponent);t.BarcodeComponent=a},function(e,t){e.exports=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(2),a=o(10),d=o(11),s=o(12),p=function(){function e(e,t,o){this.element=e,this.renderer=t,this.ngZone=o,this.resizeRateLimit=10,d.validatePackage(s.packageMetadata)}return Object.defineProperty(e.prototype,"autoResize",{get:function(){return this.resizeRateLimit>0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"canRender",{get:function(){return i.isDocumentAvailable()&&Boolean(this.element)},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.refresh()},e.prototype.ngOnChanges=function(e){e.renderAs&&this.instance&&(this.instance.destroy(),this.instance=null),this.refresh()},e.prototype.resize=function(){this.instance&&this.instance.redraw()},e.prototype.onResize=function(){this.autoResize&&this.resize()},e.prototype.exportImage=function(e){return void 0===e&&(e={}),a.exportImage(this.exportVisual(),e)},e.prototype.exportSVG=function(e){return void 0===e&&(e={}),a.exportSVG(this.exportVisual(),e)},e.prototype.exportVisual=function(){return this.instance.exportVisual()},e.prototype.refresh=function(){if(this.canRender)if(this.instance)this.instance.setOptions(this.options);else{var e=this.element.nativeElement;this.instance=this.createInstance(e,this.options)}},r.__decorate([n.Input(),r.__metadata("design:type",Number)],e.prototype,"resizeRateLimit",void 0),r.__decorate([n.ViewChild("surface",{static:!0}),r.__metadata("design:type",n.ElementRef)],e.prototype,"surfaceElement",void 0),e}();t.BaseComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(4),a=o(5),d=function(e){function t(t,o,r){var n=e.call(this,t,o,r)||this;return n.element=t,n.renderer=o,n.ngZone=r,n.resizeRateLimit=10,n}return r.__extends(t,e),Object.defineProperty(t.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}),t.prototype.createInstance=function(e,t){return new i.QRCode(e,t)},r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"background",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"border",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"color",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"encoding",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"errorCorrection",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"overlay",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"padding",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"renderAs",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"size",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"value",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"resizeRateLimit",void 0),t=r.__decorate([n.Component({changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"kendo-qrcode",exportAs:"kendoQRCode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),r.__metadata("design:paramtypes",[n.ElementRef,n.Renderer2,n.NgZone])],t)}(a.BaseComponent);t.QRCodeComponent=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(2),a=o(3),d=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[a.BarcodeComponent],imports:[i.ResizeSensorModule],exports:[a.BarcodeComponent]})],e)}();t.BarcodeModule=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(2),a=o(6),d=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[a.QRCodeComponent],imports:[i.ResizeSensorModule],exports:[a.QRCodeComponent]})],e)}();t.QRCodeModule=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(3);t.BarcodeComponent=r.BarcodeComponent;var n=o(6);t.QRCodeComponent=n.QRCodeComponent;var i=o(7);t.BarcodeModule=i.BarcodeModule;var a=o(8);t.QRCodeModule=a.QRCodeModule;var d=o(13);t.BarcodesModule=d.BarcodesModule},function(e,t){e.exports=n},function(e,t){e.exports=i},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,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(7),a=o(8),d=function(){function e(){}return e=r.__decorate([n.NgModule({exports:[i.BarcodeModule,a.QRCodeModule]})],e)}();t.BarcodesModule=d}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-charts"),require("@progress/kendo-angular-common"),require("@progress/kendo-drawing"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-charts","@progress/kendo-angular-common","@progress/kendo-drawing","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoAngularBarcodes=t(require("tslib"),require("@angular/core"),require("@progress/kendo-charts"),require("@progress/kendo-angular-common"),require("@progress/kendo-drawing"),require("@progress/kendo-licensing")):e.KendoAngularBarcodes=t(e.tslib,e["@angular/core"],e["@progress/kendo-charts"],e["@progress/kendo-angular-common"],e["@progress/kendo-drawing"],e["@progress/kendo-licensing"])}(window,(function(e,t,o,r,n,i){return function(e){var t={};function o(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(r,n,function(t){return e[t]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=10)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t){e.exports=r},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,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(2),a=o(6),d=o(4),s=function(e){function t(t,o,r){var n=e.call(this,t,o,r)||this;return n.element=t,n.renderer=o,n.ngZone=r,n.resizeRateLimit=10,n}return r.__extends(t,e),Object.defineProperty(t.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}),t.prototype.createInstance=function(e,t){return new i.Barcode(e,t,this.onError.bind(this))},t.prototype.onError=function(e){if(e.name=d.packageMetadata.productName+" Barcode",this.isDevMode())throw e;console.warn(e)},r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"background",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"border",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Boolean)],t.prototype,"checksum",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"color",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"height",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"padding",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"renderAs",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"text",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"type",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"value",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"width",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"resizeRateLimit",void 0),t=r.__decorate([n.Component({changeDetection:n.ChangeDetectionStrategy.OnPush,exportAs:"kendoBarcode",selector:"kendo-barcode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),r.__metadata("design:paramtypes",[n.ElementRef,n.Renderer2,n.NgZone])],t)}(a.BaseComponent);t.BarcodeComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(3),a=o(11),d=o(12),s=o(4),u=function(){function e(e,t,o){this.element=e,this.renderer=t,this.ngZone=o,this.resizeRateLimit=10,d.validatePackage(s.packageMetadata)}return Object.defineProperty(e.prototype,"autoResize",{get:function(){return this.resizeRateLimit>0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"canRender",{get:function(){return i.isDocumentAvailable()&&Boolean(this.element)},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.refresh()},e.prototype.ngOnChanges=function(e){e.renderAs&&this.instance&&(this.instance.destroy(),this.instance=null),this.refresh()},e.prototype.resize=function(){this.instance&&this.instance.redraw()},e.prototype.onResize=function(){this.autoResize&&this.resize()},e.prototype.exportImage=function(e){return void 0===e&&(e={}),a.exportImage(this.exportVisual(),e)},e.prototype.exportSVG=function(e){return void 0===e&&(e={}),a.exportSVG(this.exportVisual(),e)},e.prototype.exportVisual=function(){return this.instance.exportVisual()},e.prototype.refresh=function(){if(this.canRender)if(this.instance)this.instance.setOptions(this.options);else{var e=this.element.nativeElement;this.instance=this.createInstance(e,this.options)}},e.prototype.isDevMode=function(){return n.isDevMode()},r.__decorate([n.Input(),r.__metadata("design:type",Number)],e.prototype,"resizeRateLimit",void 0),r.__decorate([n.ViewChild("surface",{static:!0}),r.__metadata("design:type",n.ElementRef)],e.prototype,"surfaceElement",void 0),e}();t.BaseComponent=u},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(2),a=o(6),d=o(4),s=function(e){function t(t,o,r){var n=e.call(this,t,o,r)||this;return n.element=t,n.renderer=o,n.ngZone=r,n.resizeRateLimit=10,n}return r.__extends(t,e),Object.defineProperty(t.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}),t.prototype.createInstance=function(e,t){return new i.QRCode(e,t,this.onError.bind(this))},t.prototype.onError=function(e){if(e.name=d.packageMetadata.productName+" QRCode",this.isDevMode())throw e;console.warn(e)},r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"background",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"border",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"color",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"encoding",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"errorCorrection",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"overlay",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"padding",void 0),r.__decorate([n.Input(),r.__metadata("design:type",String)],t.prototype,"renderAs",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"size",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],t.prototype,"value",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Number)],t.prototype,"resizeRateLimit",void 0),t=r.__decorate([n.Component({changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"kendo-qrcode",exportAs:"kendoQRCode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}),r.__metadata("design:paramtypes",[n.ElementRef,n.Renderer2,n.NgZone])],t)}(a.BaseComponent);t.QRCodeComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(3),a=o(5),d=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[a.BarcodeComponent],imports:[i.ResizeSensorModule],exports:[a.BarcodeComponent]})],e)}();t.BarcodeModule=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(3),a=o(7),d=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[a.QRCodeComponent],imports:[i.ResizeSensorModule],exports:[a.QRCodeComponent]})],e)}();t.QRCodeModule=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(5);t.BarcodeComponent=r.BarcodeComponent;var n=o(7);t.QRCodeComponent=n.QRCodeComponent;var i=o(8);t.BarcodeModule=i.BarcodeModule;var a=o(9);t.QRCodeModule=a.QRCodeModule;var d=o(13);t.BarcodesModule=d.BarcodesModule;var s=o(14);t.createBarcodeValidator=s.createBarcodeValidator;var u=o(15);t.createQRCodeValidator=u.createQRCodeValidator},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),n=o(1),i=o(8),a=o(9),d=function(){function e(){}return e=r.__decorate([n.NgModule({exports:[i.BarcodeModule,a.QRCodeModule]})],e)}();t.BarcodesModule=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(2);t.createBarcodeValidator=function(e,t){var o=r.barcodeValidator(e,t);return function(t){if(null==t.value||""===t.value)return null;var r=o(t.value);return!0===r.valid?null:{barcode:{message:r.error.message,value:t.value,type:e}}}}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=o(2);t.createQRCodeValidator=function(e){void 0===e&&(e="ISO_8859_1");var t=r.qrcodeValidator(e);return function(o){if(!o.value)return null;var r=t(o.value);return!0===r.valid?null:{qrcode:{message:r.error.message,value:o.value,encoding:e}}}}}])}));

package/dist/es/barcode-validator.js

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { barcodeValidator } from '@progress/kendo-charts';
+/**
+ * @hidden
+ */
+var isPresent = function (value) { return value !== null && value !== undefined; };
+var ɵ0 = isPresent;
+/**
+ * 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'
+ * //   }
+ * // }
+ * ```
+ */
+export 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
+            }
+        };
+    };
+};
+export { ɵ0 };

package/dist/es/barcode.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 import { ChangeDetectionStrategy, Component, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
 import { Barcode } from '@progress/kendo-charts';
 import { BaseComponent } from './base.component';
+import { packageMetadata } from './package-metadata';
 /**
  * Represents the Kendo UI Barcode component for Angular.
  *
@@ -73,7 +74,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);
+        }
     };
     tslib_1.__decorate([
         Input(),

package/dist/es/base.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { ElementRef, Input, ViewChild } from '@angular/core';
+import { ElementRef, Input, isDevMode, ViewChild } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { exportImage, exportSVG } from '@progress/kendo-drawing';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -101,6 +101,9 @@ var BaseComponent = /** @class */ (function () {
             this.instance.setOptions(this.options);
         }
     };
+    BaseComponent.prototype.isDevMode = function () {
+        return isDevMode();
+    };
     tslib_1.__decorate([
         Input(),
         tslib_1.__metadata("design:type", Number)

package/dist/es/main.js

@@ -7,3 +7,5 @@ export { QRCodeComponent } from './qrcode.component';
 export { BarcodeModule } from './barcode.module';
 export { QRCodeModule } from './qrcode.module';
 export { BarcodesModule } from './barcodes.module';
+export { createBarcodeValidator } from './barcode-validator';
+export { createQRCodeValidator } from './qrcode-validator';

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export 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'
 };

package/dist/es/qrcode-validator.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { qrcodeValidator } from '@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'
+ * //   }
+ * // }
+ * ```
+ */
+export 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
+            }
+        };
+    };
+};

package/dist/es/qrcode.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 import { ChangeDetectionStrategy, Component, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
 import { QRCode } from '@progress/kendo-charts';
 import { BaseComponent } from './base.component';
+import { packageMetadata } from './package-metadata';
 var DEFAULT_COLOR = '#000';
 var DEFAULT_BACKGROUND = '#fff';
 var DEFAULT_ERROR_CORRECTION = 'L';
@@ -75,7 +76,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);
+        }
     };
     tslib_1.__decorate([
         Input(),

package/dist/es2015/barcode-validator.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ValidatorFn } from '@angular/forms';
+import { geometry } from '@progress/kendo-drawing';
+/**
+ * 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'
+ * //   }
+ * // }
+ * ```
+ */
+export declare const createBarcodeValidator: (type: import("@progress/kendo-charts").BarcodeType, size?: geometry.Size) => ValidatorFn;

package/dist/es2015/barcode-validator.js

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { barcodeValidator } from '@progress/kendo-charts';
+/**
+ * @hidden
+ */
+const isPresent = (value) => value !== null && value !== undefined;
+const ɵ0 = isPresent;
+/**
+ * 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'
+ * //   }
+ * // }
+ * ```
+ */
+export 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
+            }
+        };
+    };
+};
+export { ɵ0 };

package/dist/es2015/barcode.component.d.ts

@@ -308,4 +308,5 @@ export declare class BarcodeComponent extends BaseComponent {
     protected readonly options: BarcodeOptions;
     constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
     protected createInstance(element: any, options: any): Barcode;
+    protected onError(error: Error): void;
 }

package/dist/es2015/barcode.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 import { ChangeDetectionStrategy, Component, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
 import { Barcode } from '@progress/kendo-charts';
 import { BaseComponent } from './base.component';
+import { packageMetadata } from './package-metadata';
 /**
  * Represents the Kendo UI Barcode component for Angular.
  *
@@ -67,7 +68,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);
+        }
     }
 };
 tslib_1.__decorate([

package/dist/es2015/base.component.d.ts

@@ -51,4 +51,5 @@ export declare abstract class BaseComponent implements OnChanges, AfterViewInit
     exportVisual(): Group;
     protected abstract createInstance(element: any, options: any): any;
     protected refresh(): void;
+    protected isDevMode(): boolean;
 }

package/dist/es2015/base.component.js

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
-import { ElementRef, Input, ViewChild } from '@angular/core';
+import { ElementRef, Input, isDevMode, ViewChild } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { exportImage, exportSVG } from '@progress/kendo-drawing';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -91,6 +91,9 @@ export class BaseComponent {
             this.instance.setOptions(this.options);
         }
     }
+    isDevMode() {
+        return isDevMode();
+    }
 }
 tslib_1.__decorate([
     Input(),

package/dist/es2015/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"BarcodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":21},"member":"OnPush"},"exportAs":"kendoBarcode","selector":"kendo-barcode","template":"\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "}]}],"members":{"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":6}}]}],"checksum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":5}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":267,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":288,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":314,"character":5}}]}],"resizeRateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":336,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":356,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":357,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":358,"character":26}]}],"createInstance":[{"__symbolic":"method"}]}},"QRCodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":21},"member":"OnPush"},"selector":"kendo-qrcode","exportAs":"kendoQRCode","template":"\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "}]}],"members":{"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"encoding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":5}}]}],"errorCorrection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":5}}]}],"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":5}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":226,"character":5}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":281,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":300,"character":5}}]}],"resizeRateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":322,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":341,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":342,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":343,"character":26}]}],"createInstance":[{"__symbolic":"method"}]}},"BarcodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BarcodeComponent"}],"imports":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":37,"character":15}],"exports":[{"__symbolic":"reference","name":"BarcodeComponent"}]}]}],"members":{}},"QRCodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"QRCodeComponent"}],"imports":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":37,"character":15}],"exports":[{"__symbolic":"reference","name":"QRCodeComponent"}]}]}],"members":{}},"BarcodesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"BarcodeModule"},{"__symbolic":"reference","name":"QRCodeModule"}]}]}],"members":{}},"BarcodeType":{"__symbolic":"interface"},"BarcodeText":{"__symbolic":"interface"},"BarcodeOptions":{"__symbolic":"interface"},"QRCodeEncoding":{"__symbolic":"interface"},"QRCodeErrorCorrection":{"__symbolic":"interface"},"QRCodeOverlay":{"__symbolic":"interface"},"QRCodeOptions":{"__symbolic":"interface"},"DashType":{"__symbolic":"interface"},"Border":{"__symbolic":"interface"},"Margin":{"__symbolic":"interface"},"Padding":{"__symbolic":"interface"},"RenderMode":{"__symbolic":"interface"},"BaseComponent":{"__symbolic":"class","members":{"resizeRateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"surfaceElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":5},"arguments":["surface",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":40,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"exportImage":[{"__symbolic":"method"}],"exportSVG":[{"__symbolic":"method"}],"exportVisual":[{"__symbolic":"method"}],"createInstance":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}}},"origins":{"BarcodeComponent":"./barcode.component","QRCodeComponent":"./qrcode.component","BarcodeModule":"./barcode.module","QRCodeModule":"./qrcode.module","BarcodesModule":"./barcodes.module","BarcodeType":"./chart-types/barcode-types","BarcodeText":"./chart-types/barcode-types","BarcodeOptions":"./chart-types/barcode-types","QRCodeEncoding":"./chart-types/qrcode-types","QRCodeErrorCorrection":"./chart-types/qrcode-types","QRCodeOverlay":"./chart-types/qrcode-types","QRCodeOptions":"./chart-types/qrcode-types","DashType":"./chart-types/field-types","Border":"./chart-types/field-types","Margin":"./chart-types/field-types","Padding":"./chart-types/field-types","RenderMode":"./chart-types/field-types","BaseComponent":"./base.component"},"importAs":"@progress/kendo-angular-barcodes"}
+{"__symbolic":"module","version":4,"metadata":{"BarcodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":21},"member":"OnPush"},"exportAs":"kendoBarcode","selector":"kendo-barcode","template":"\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "}]}],"members":{"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":6}}]}],"checksum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":5}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":218,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":289,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":315,"character":5}}]}],"resizeRateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":337,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":357,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":358,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":359,"character":26}]}],"createInstance":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}]}},"QRCodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":21},"member":"OnPush"},"selector":"kendo-qrcode","exportAs":"kendoQRCode","template":"\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "}]}],"members":{"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"encoding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}}]}],"errorCorrection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":5}}]}],"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":5}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":227,"character":5}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":282,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":301,"character":5}}]}],"resizeRateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":323,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":342,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":343,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":344,"character":26}]}],"createInstance":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}]}},"BarcodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BarcodeComponent"}],"imports":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":37,"character":15}],"exports":[{"__symbolic":"reference","name":"BarcodeComponent"}]}]}],"members":{}},"QRCodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"QRCodeComponent"}],"imports":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":37,"character":15}],"exports":[{"__symbolic":"reference","name":"QRCodeComponent"}]}]}],"members":{}},"BarcodesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"BarcodeModule"},{"__symbolic":"reference","name":"QRCodeModule"}]}]}],"members":{}},"createBarcodeValidator":{"__symbolic":"error","message":"Lambda not supported","line":31,"character":38,"module":"./barcode-validator"},"createQRCodeValidator":{"__symbolic":"error","message":"Lambda not supported","line":24,"character":37,"module":"./qrcode-validator"},"BarcodeType":{"__symbolic":"interface"},"BarcodeText":{"__symbolic":"interface"},"BarcodeOptions":{"__symbolic":"interface"},"QRCodeEncoding":{"__symbolic":"interface"},"QRCodeErrorCorrection":{"__symbolic":"interface"},"QRCodeOverlay":{"__symbolic":"interface"},"QRCodeOptions":{"__symbolic":"interface"},"DashType":{"__symbolic":"interface"},"Border":{"__symbolic":"interface"},"Margin":{"__symbolic":"interface"},"Padding":{"__symbolic":"interface"},"RenderMode":{"__symbolic":"interface"},"BaseComponent":{"__symbolic":"class","members":{"resizeRateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"surfaceElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":["surface",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":41,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"exportImage":[{"__symbolic":"method"}],"exportSVG":[{"__symbolic":"method"}],"exportVisual":[{"__symbolic":"method"}],"createInstance":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"isDevMode":[{"__symbolic":"method"}]}}},"origins":{"BarcodeComponent":"./barcode.component","QRCodeComponent":"./qrcode.component","BarcodeModule":"./barcode.module","QRCodeModule":"./qrcode.module","BarcodesModule":"./barcodes.module","createBarcodeValidator":"./barcode-validator","createQRCodeValidator":"./qrcode-validator","BarcodeType":"./chart-types/barcode-types","BarcodeText":"./chart-types/barcode-types","BarcodeOptions":"./chart-types/barcode-types","QRCodeEncoding":"./chart-types/qrcode-types","QRCodeErrorCorrection":"./chart-types/qrcode-types","QRCodeOverlay":"./chart-types/qrcode-types","QRCodeOptions":"./chart-types/qrcode-types","DashType":"./chart-types/field-types","Border":"./chart-types/field-types","Margin":"./chart-types/field-types","Padding":"./chart-types/field-types","RenderMode":"./chart-types/field-types","BaseComponent":"./base.component"},"importAs":"@progress/kendo-angular-barcodes"}

package/dist/es2015/main.d.ts

@@ -7,4 +7,6 @@ export { QRCodeComponent } from './qrcode.component';
 export { BarcodeModule } from './barcode.module';
 export { QRCodeModule } from './qrcode.module';
 export { BarcodesModule } from './barcodes.module';
+export { createBarcodeValidator } from './barcode-validator';
+export { createQRCodeValidator } from './qrcode-validator';
 export * from './chart-types';

package/dist/es2015/main.js

@@ -7,3 +7,5 @@ export { QRCodeComponent } from './qrcode.component';
 export { BarcodeModule } from './barcode.module';
 export { QRCodeModule } from './qrcode.module';
 export { BarcodesModule } from './barcodes.module';
+export { createBarcodeValidator } from './barcode-validator';
+export { createQRCodeValidator } from './qrcode-validator';

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export 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'
 };

package/dist/es2015/qrcode-validator.d.ts

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ValidatorFn } from '@angular/forms';
+/**
+ * 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'
+ * //   }
+ * // }
+ * ```
+ */
+export declare const createQRCodeValidator: (encoding?: import("@progress/kendo-charts").QRCodeEncoding) => ValidatorFn;

package/dist/es2015/qrcode-validator.js

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { qrcodeValidator } from '@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'
+ * //   }
+ * // }
+ * ```
+ */
+export 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
+            }
+        };
+    };
+};

package/dist/es2015/qrcode.component.d.ts

@@ -285,4 +285,5 @@ export declare class QRCodeComponent extends BaseComponent {
     protected readonly options: QRCodeOptions;
     constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
     protected createInstance(element: any, options: any): QRCode;
+    protected onError(error: Error): void;
 }

package/dist/es2015/qrcode.component.js

@@ -6,6 +6,7 @@ import * as tslib_1 from "tslib";
 import { ChangeDetectionStrategy, Component, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
 import { QRCode } from '@progress/kendo-charts';
 import { BaseComponent } from './base.component';
+import { packageMetadata } from './package-metadata';
 const DEFAULT_COLOR = '#000';
 const DEFAULT_BACKGROUND = '#fff';
 const DEFAULT_ERROR_CORRECTION = 'L';
@@ -69,7 +70,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);
+        }
     }
 };
 tslib_1.__decorate([