@progress/kendo-charts 1.20.0 → 1.21.0

package/dist/es/barcode/barcode.js

@@ -10,7 +10,8 @@ import {
     setDefaultOptions,
     deepExtend,
     getSpacing,
-    isObject
+    isObject,
+    defaultErrorHandler
 } from '../common';
 
 import {
@@ -24,11 +25,14 @@ var DEFAULT_BARCODE_WIDTH = 300;
 var DEFAULT_BARCODE_HEIGHT = 100;
 
 var Barcode = (function (Class) {
-    function Barcode(element, options) {
+    function Barcode(element, options, errorHandler) {
+        if ( errorHandler === void 0 ) errorHandler = defaultErrorHandler;
+
         Class.call(this);
 
         this.options = deepExtend({}, this.options, options);
         this.element = element;
+        this.onError = errorHandler;
 
         this._initElement();
         this._initSurface();
@@ -49,7 +53,6 @@ var Barcode = (function (Class) {
 
     Barcode.prototype._initElement = function _initElement () {
         addClass(this.element, "k-barcode");
-        this.element.style.display = "block";
     };
 
     Barcode.prototype._initSurface = function _initSurface () {
@@ -151,7 +154,12 @@ var Barcode = (function (Class) {
             barHeight -= textHeight + textMargin.top + textMargin.bottom;
         }
 
-        encodedValue = encoding.encode(value, contentBox.width(), barHeight);
+        try {
+            encodedValue = encoding.encode(value, contentBox.width(), barHeight);
+        } catch (error) {
+            this.onError(error);
+            return visual;
+        }
 
         if (textOptions.visible) {
             textToDisplay = value;
@@ -296,7 +304,7 @@ var Barcode = (function (Class) {
         }
 
         if (!Encodings[this.type]) {
-            throw new Error("Encoding " + this.type + " is not supported.");
+            throw new Error(("Encoding '" + (this.type) + "' is not supported."));
         }
 
         this.encoding = new Encodings[this.type]();

package/dist/es/barcode/encodings/code39.js

@@ -142,12 +142,12 @@ export var Code39 = (function (Code39Base) {
 
         var minBaseUnit = this.minBaseUnitLength;
         var minRatio = this.minRatio;
-        var minHeight = Math.max(0.15 * this.width, 24);
+        var minHeight = Math.ceil(Math.max(0.15 * this.width, 24));
         var baseUnit;
         var ratio = this.maxRatio;
 
         if (this.height < minHeight) {
-            throw new Error("Insufficient Height. The minimum height for value: " + this.value + " is: " + minHeight);
+            throw new Error(("Insufficient height for Code39 encoding: the current height is " + (this.height) + "px and the minimum height is " + minHeight + "px."));
         }
 
         baseUnit = this.getBaseUnit(ratio);
@@ -159,7 +159,7 @@ export var Code39 = (function (Code39Base) {
 
         if (baseUnit < minBaseUnit) {
             var minWidth = Math.ceil(this.getBaseWidth(minRatio) * minBaseUnit);
-            throw new Error("Insufficient width. The minimum width for value: " + this.value + " is: " + minWidth);
+            throw new Error(("Insufficient width for Code39 encoding: the current width is " + (this.width) + "px and the minimum width for value \"" + (this.value) + "\" is " + minWidth + "px."));
         }
 
         this.ratio = ratio;

package/dist/es/barcode/encodings/code93.js

@@ -83,16 +83,17 @@ export var Code93 = (function (Code39Base) {
     };
 
     Code93.prototype.prepareValues = function prepareValues () {
-        var minHeight = Math.max(0.15 * this.width, 24);
+        var minHeight = Math.ceil(Math.max(0.15 * this.width, 24));
 
         if (this.height < minHeight) {
-            throw new Error("Insufficient Height");
+            throw new Error(("Insufficient height for Code93 encoding: the current height is " + (this.height) + "px, the minimum required height is " + minHeight + "px."));
         }
 
         this.setBaseUnit();
 
         if (this.baseUnit < this.minBaseUnitLength) {
-            throw new Error("Insufficient Width");
+            var minWidth = Math.ceil(this.minBaseUnitLength * (this.width / this.baseUnit));
+            throw new Error(("Insufficient width for Code93 encoding: the current width is " + (this.width) + "px and the minimum required width for value \"" + (this.value) + "\" is " + minWidth + "px."));
         }
     };
 

package/dist/es/barcode/encodings/encoding.js

@@ -54,7 +54,7 @@ export var Encoding = (function (Class) {
     Encoding.prototype.addData = function addData () { };
 
     Encoding.prototype.invalidCharacterError = function invalidCharacterError (character) {
-        throw new Error("Character '" + character + "' is not valid for symbology " + this.name);
+        throw new Error(("Character \"" + character + "\" is not valid for symbology " + (this.name) + "."));
     };
 
     return Encoding;

package/dist/es/barcode/encodings/postnet.js

@@ -78,7 +78,7 @@ export var Postnet = (function (Encoding) {
         }
 
         if (!inArray(value.length, this.VALID_CODE_LENGTHS)) {
-            throw new Error("Invalid value length. Valid lengths for the Postnet symbology are " + this.VALID_CODE_LENGTHS.join(","));
+            throw new Error("Invalid value length. Valid lengths for the Postnet symbology are " + this.VALID_CODE_LENGTHS.join(",") + ".");
         }
     };
 

package/dist/es/common/default-error-handler.js

@@ -0,0 +1,3 @@
+export default function defaultErrorHandler(error) {
+    throw error;
+}

package/dist/es/common/get-template.js

@@ -1,4 +1,4 @@
-import { TemplateService } from '../services';
+import TemplateService from '../services/template-service';
 import isFunction from './is-function';
 
 export default function getTemplate(options) {
@@ -12,4 +12,4 @@ export default function getTemplate(options) {
     }
 
     return template;
-}
+}

package/dist/es/common.js

@@ -29,5 +29,6 @@ export { default as find } from './common/find';
 export { default as elementScale } from './common/element-scale';
 export { default as autoTextColor } from './common/auto-text-color';
 export { default as createHashSet } from './common/create-hash-set';
+export { default as defaultErrorHandler } from './common/default-error-handler';
 
 export * from './drawing-utils';

package/dist/es/qrcode/encodings/data-modes/byte-data-mode.js

@@ -29,7 +29,7 @@ export var ByteQRDataMode = (function (QRDataMode) {
             return code;
         }
 
-        throw new Error("Unsupported character: " + character);
+        throw new Error(("Unsupported character in QR Code: \"" + character + "\"."));
     };
 
     ByteQRDataMode.prototype.encode = function encode (str, version) {

package/dist/es/qrcode/qrcode.js

@@ -7,7 +7,8 @@ import {
     Class,
     addClass,
     setDefaultOptions,
-    deepExtend
+    deepExtend,
+    defaultErrorHandler
 } from '../common';
 
 import { Box } from '../core';
@@ -29,12 +30,15 @@ var QRCodeDefaults = {
 };
 
 var QRCode = (function (Class) {
-    function QRCode(element, options) {
+    function QRCode(element, options, errorHandler) {
+        if ( errorHandler === void 0 ) errorHandler = defaultErrorHandler;
+
         Class.call(this);
 
         this.options = deepExtend({}, this.options, options);
         this.element = element;
         this.wrapper = this.element;
+        this.onError = errorHandler;
 
         this._initElement();
         this._initSurface();
@@ -52,7 +56,6 @@ var QRCode = (function (Class) {
 
     QRCode.prototype._initElement = function _initElement () {
         addClass(this.element, "k-qrcode");
-        this.element.style.display = "block";
     };
 
     QRCode.prototype._initSurface = function _initSurface () {
@@ -156,22 +159,26 @@ var QRCode = (function (Class) {
 
         var visual = new draw.Group();
 
-        if (value) {
-            matrix = encodeData(value, this.options.errorCorrection, this.options.encoding);
-            size = this._getSize();
-            contentSize = size - 2 * (borderWidth + padding);
-            baseUnit = this._calculateBaseUnit(contentSize, matrix.length);
-            dataSize = matrix.length * baseUnit;
-            quietZoneSize = borderWidth + padding + (contentSize - dataSize) / 2;
-
-            visual.append(this._renderBackground(size, border));
-            visual.append(this._renderMatrix(matrix, baseUnit, quietZoneSize));
-
-            if (this._hasCustomLogo()) {
-                visual.append(this._renderLogo(size, baseUnit));
-            } else if (this._isSwiss()) {
-                visual.append(this._renderSwissCode(size, baseUnit));
+        try {
+            if (value) {
+                matrix = encodeData(value, this.options.errorCorrection, this.options.encoding);
+                size = this._getSize();
+                contentSize = size - 2 * (borderWidth + padding);
+                baseUnit = this._calculateBaseUnit(contentSize, matrix.length);
+                dataSize = matrix.length * baseUnit;
+                quietZoneSize = borderWidth + padding + (contentSize - dataSize) / 2;
+
+                visual.append(this._renderBackground(size, border));
+                visual.append(this._renderMatrix(matrix, baseUnit, quietZoneSize));
+
+                if (this._hasCustomLogo()) {
+                    visual.append(this._renderLogo(size, baseUnit));
+                } else if (this._isSwiss()) {
+                    visual.append(this._renderSwissCode(size, baseUnit));
+                }
             }
+        } catch (error) {
+            this.onError(error);
         }
 
         return visual;
@@ -262,10 +269,11 @@ var QRCode = (function (Class) {
         var baseUnit = Math.floor(size / matrixSize);
 
         if (baseUnit < QRCodeDefaults.MIN_BASE_UNIT_SIZE) {
-            throw new Error("Insufficient size.");
-        }
-
-        if (baseUnit * matrixSize >= size &&
+            var minSize = Math.ceil(matrixSize * QRCodeDefaults.MIN_BASE_UNIT_SIZE);
+            this.onError(new Error(
+                ("Insufficient size for QR Code: the current size is " + size + "px and the minimum size is " + minSize + "px.")
+            ));
+        } else if (baseUnit * matrixSize >= size &&
             baseUnit - 1 >= QRCodeDefaults.MIN_BASE_UNIT_SIZE) {
             baseUnit--;
         }

package/dist/es2015/barcode/barcode.js

@@ -10,7 +10,8 @@ import {
     setDefaultOptions,
     deepExtend,
     getSpacing,
-    isObject
+    isObject,
+    defaultErrorHandler
 } from '../common';
 
 import {
@@ -24,11 +25,12 @@ const DEFAULT_BARCODE_WIDTH = 300;
 const DEFAULT_BARCODE_HEIGHT = 100;
 
 class Barcode extends Class {
-    constructor(element, options) {
+    constructor(element, options, errorHandler = defaultErrorHandler) {
         super();
 
         this.options = deepExtend({}, this.options, options);
         this.element = element;
+        this.onError = errorHandler;
 
         this._initElement();
         this._initSurface();
@@ -45,7 +47,6 @@ class Barcode extends Class {
 
     _initElement() {
         addClass(this.element, "k-barcode");
-        this.element.style.display = "block";
     }
 
     _initSurface() {
@@ -145,7 +146,12 @@ class Barcode extends Class {
             barHeight -= textHeight + textMargin.top + textMargin.bottom;
         }
 
-        encodedValue = encoding.encode(value, contentBox.width(), barHeight);
+        try {
+            encodedValue = encoding.encode(value, contentBox.width(), barHeight);
+        } catch (error) {
+            this.onError(error);
+            return visual;
+        }
 
         if (textOptions.visible) {
             textToDisplay = value;
@@ -288,7 +294,7 @@ class Barcode extends Class {
         }
 
         if (!Encodings[this.type]) {
-            throw new Error("Encoding " + this.type + " is not supported.");
+            throw new Error(`Encoding '${this.type}' is not supported.`);
         }
 
         this.encoding = new Encodings[this.type]();

package/dist/es2015/barcode/encodings/code39.js

@@ -120,12 +120,12 @@ export class Code39 extends Code39Base {
     prepareValues() {
         const minBaseUnit = this.minBaseUnitLength;
         const minRatio = this.minRatio;
-        const minHeight = Math.max(0.15 * this.width, 24);
+        const minHeight = Math.ceil(Math.max(0.15 * this.width, 24));
         let baseUnit;
         let ratio = this.maxRatio;
 
         if (this.height < minHeight) {
-            throw new Error("Insufficient Height. The minimum height for value: " + this.value + " is: " + minHeight);
+            throw new Error(`Insufficient height for Code39 encoding: the current height is ${this.height}px and the minimum height is ${minHeight}px.`);
         }
 
         baseUnit = this.getBaseUnit(ratio);
@@ -137,7 +137,7 @@ export class Code39 extends Code39Base {
 
         if (baseUnit < minBaseUnit) {
             let minWidth = Math.ceil(this.getBaseWidth(minRatio) * minBaseUnit);
-            throw new Error("Insufficient width. The minimum width for value: " + this.value + " is: " + minWidth);
+            throw new Error(`Insufficient width for Code39 encoding: the current width is ${this.width}px and the minimum width for value "${this.value}" is ${minWidth}px.`);
         }
 
         this.ratio = ratio;

package/dist/es2015/barcode/encodings/code93.js

@@ -75,16 +75,17 @@ export class Code93 extends Code39Base {
     }
 
     prepareValues() {
-        let minHeight = Math.max(0.15 * this.width, 24);
+        let minHeight = Math.ceil(Math.max(0.15 * this.width, 24));
 
         if (this.height < minHeight) {
-            throw new Error("Insufficient Height");
+            throw new Error(`Insufficient height for Code93 encoding: the current height is ${this.height}px, the minimum required height is ${minHeight}px.`);
         }
 
         this.setBaseUnit();
 
         if (this.baseUnit < this.minBaseUnitLength) {
-            throw new Error("Insufficient Width");
+            const minWidth = Math.ceil(this.minBaseUnitLength * (this.width / this.baseUnit));
+            throw new Error(`Insufficient width for Code93 encoding: the current width is ${this.width}px and the minimum required width for value "${this.value}" is ${minWidth}px.`);
         }
     }
 

package/dist/es2015/barcode/encodings/encoding.js

@@ -50,7 +50,7 @@ export class Encoding extends Class {
     addData() { }
 
     invalidCharacterError(character) {
-        throw new Error("Character '" + character + "' is not valid for symbology " + this.name);
+        throw new Error(`Character "${character}" is not valid for symbology ${this.name}.`);
     }
 }
 

package/dist/es2015/barcode/encodings/postnet.js

@@ -68,7 +68,7 @@ export class Postnet extends Encoding {
         }
 
         if (!inArray(value.length, this.VALID_CODE_LENGTHS)) {
-            throw new Error("Invalid value length. Valid lengths for the Postnet symbology are " + this.VALID_CODE_LENGTHS.join(","));
+            throw new Error("Invalid value length. Valid lengths for the Postnet symbology are " + this.VALID_CODE_LENGTHS.join(",") + ".");
         }
     }
 

package/dist/es2015/common/default-error-handler.js

@@ -0,0 +1,3 @@
+export default function defaultErrorHandler(error) {
+    throw error;
+}

package/dist/es2015/common/get-template.js

@@ -1,4 +1,4 @@
-import { TemplateService } from '../services';
+import TemplateService from '../services/template-service';
 import isFunction from './is-function';
 
 export default function getTemplate(options = {}) {
@@ -10,4 +10,4 @@ export default function getTemplate(options = {}) {
     }
 
     return template;
-}
+}

package/dist/es2015/common.js

@@ -29,5 +29,6 @@ export { default as find } from './common/find';
 export { default as elementScale } from './common/element-scale';
 export { default as autoTextColor } from './common/auto-text-color';
 export { default as createHashSet } from './common/create-hash-set';
+export { default as defaultErrorHandler } from './common/default-error-handler';
 
 export * from './drawing-utils';

package/dist/es2015/qrcode/encodings/data-modes/byte-data-mode.js

@@ -21,7 +21,7 @@ export class ByteQRDataMode extends QRDataMode {
             return code;
         }
 
-        throw new Error("Unsupported character: " + character);
+        throw new Error(`Unsupported character in QR Code: "${character}".`);
     }
 
     encode(str, version) {

package/dist/es2015/qrcode/qrcode.js

@@ -7,7 +7,8 @@ import {
     Class,
     addClass,
     setDefaultOptions,
-    deepExtend
+    deepExtend,
+    defaultErrorHandler
 } from '../common';
 
 import { Box } from '../core';
@@ -29,12 +30,13 @@ const QRCodeDefaults = {
 };
 
 class QRCode extends Class {
-    constructor(element, options) {
+    constructor(element, options, errorHandler = defaultErrorHandler) {
         super();
 
         this.options = deepExtend({}, this.options, options);
         this.element = element;
         this.wrapper = this.element;
+        this.onError = errorHandler;
 
         this._initElement();
         this._initSurface();
@@ -48,7 +50,6 @@ class QRCode extends Class {
 
     _initElement() {
         addClass(this.element, "k-qrcode");
-        this.element.style.display = "block";
     }
 
     _initSurface() {
@@ -150,22 +151,26 @@ class QRCode extends Class {
 
         let visual = new draw.Group();
 
-        if (value) {
-            matrix = encodeData(value, this.options.errorCorrection, this.options.encoding);
-            size = this._getSize();
-            contentSize = size - 2 * (borderWidth + padding);
-            baseUnit = this._calculateBaseUnit(contentSize, matrix.length);
-            dataSize = matrix.length * baseUnit;
-            quietZoneSize = borderWidth + padding + (contentSize - dataSize) / 2;
-
-            visual.append(this._renderBackground(size, border));
-            visual.append(this._renderMatrix(matrix, baseUnit, quietZoneSize));
-
-            if (this._hasCustomLogo()) {
-                visual.append(this._renderLogo(size, baseUnit));
-            } else if (this._isSwiss()) {
-                visual.append(this._renderSwissCode(size, baseUnit));
+        try {
+            if (value) {
+                matrix = encodeData(value, this.options.errorCorrection, this.options.encoding);
+                size = this._getSize();
+                contentSize = size - 2 * (borderWidth + padding);
+                baseUnit = this._calculateBaseUnit(contentSize, matrix.length);
+                dataSize = matrix.length * baseUnit;
+                quietZoneSize = borderWidth + padding + (contentSize - dataSize) / 2;
+
+                visual.append(this._renderBackground(size, border));
+                visual.append(this._renderMatrix(matrix, baseUnit, quietZoneSize));
+
+                if (this._hasCustomLogo()) {
+                    visual.append(this._renderLogo(size, baseUnit));
+                } else if (this._isSwiss()) {
+                    visual.append(this._renderSwissCode(size, baseUnit));
+                }
             }
+        } catch (error) {
+            this.onError(error);
         }
 
         return visual;
@@ -256,10 +261,11 @@ class QRCode extends Class {
         let baseUnit = Math.floor(size / matrixSize);
 
         if (baseUnit < QRCodeDefaults.MIN_BASE_UNIT_SIZE) {
-            throw new Error("Insufficient size.");
-        }
-
-        if (baseUnit * matrixSize >= size &&
+            const minSize = Math.ceil(matrixSize * QRCodeDefaults.MIN_BASE_UNIT_SIZE);
+            this.onError(new Error(
+                `Insufficient size for QR Code: the current size is ${size}px and the minimum size is ${minSize}px.`
+            ));
+        } else if (baseUnit * matrixSize >= size &&
             baseUnit - 1 >= QRCodeDefaults.MIN_BASE_UNIT_SIZE) {
             baseUnit--;
         }

package/dist/npm/barcode.d.ts

@@ -79,8 +79,6 @@ export interface BarcodeOptions {
 
     /**
      * The height of the Barcode in pixels.
-     *
-     * @default 100
      */
     height?: number;
 
@@ -98,7 +96,7 @@ export interface BarcodeOptions {
      * * "canvas" - renders the component as a Canvas element.
      * * "svg" - renders the component as an inline SVG document.
      *
-    * @default "svg"
+     * @default "svg"
      */
     renderAs?: RenderMode;
 
@@ -121,14 +119,12 @@ export interface BarcodeOptions {
 
     /**
      * The width of the Barcode in pixels.
-     *
-     * @default 300
      */
     width?: number;
 }
 
 export class Barcode {
-    constructor(element: Element, options: BarcodeOptions);
+    constructor(element: Element, options: BarcodeOptions, errorHandler?: (error: Error) => void);
 
     public redraw(): void;
     public setOptions(options: BarcodeOptions): void;