@progress/kendo-charts 1.23.0-dev.202202081459 → 1.23.0

package/dist/es/barcode/barcode.js

@@ -20,6 +20,7 @@ import {
 } from '../core';
 
 import { Encodings } from './encodings/main';
+import { surfaceSize } from './surface-size';
 
 var DEFAULT_BARCODE_WIDTH = 300;
 var DEFAULT_BARCODE_HEIGHT = 100;
@@ -84,7 +85,7 @@ var Barcode = (function (Class) {
     Barcode.prototype._initSurfaceElement = function _initSurfaceElement () {
         if (!this.surfaceElement) {
             this.surfaceElement = document.createElement('div');
-            this.surfaceElement.style.position = "relative";
+            this.surfaceElement.style.position = 'relative';
             this.element.appendChild(this.surfaceElement);
         }
     };
@@ -98,6 +99,7 @@ var Barcode = (function (Class) {
 
     Barcode.prototype.setOptions = function setOptions (options) {
         this._setOptions(options);
+        this._initSurface();
         this.redraw();
     };
 
@@ -184,16 +186,15 @@ var Barcode = (function (Class) {
 
     Barcode.prototype._getSize = function _getSize () {
         var element = this.element;
-        var elementWidth = element.clientWidth;
-        var elementHeight = element.clientHeight;
+        var elementSize = surfaceSize(element, this.options.renderAs);
         var size = new geom.Size(DEFAULT_BARCODE_WIDTH, DEFAULT_BARCODE_HEIGHT);
 
-        if (elementWidth > 0) {
-            size.width = elementWidth;
+        if (elementSize.width > 0) {
+            size.width = elementSize.width;
         }
 
-        if (elementHeight) {
-            size.height = elementHeight;
+        if (elementSize.height > 0) {
+            size.height = elementSize.height;
         }
 
         if (this.options.width) {

package/dist/es/barcode/surface-size.js

@@ -0,0 +1,19 @@
+export function surfaceSize(element, surfaceType) {
+    var display = element.style.display;
+    if (surfaceType === 'canvas') {
+        // The Canvas default size is different from SVG for
+        // inline-block containers such as the Barcode and QR Code.
+        //
+        // Switch to display: block to get same dimensions.
+        element.style.display = 'block';
+    }
+
+    var size = {
+        width: element.clientWidth,
+        height: element.clientHeight
+    };
+
+    element.style.display = display;
+
+    return size;
+}

package/dist/es/chart/heatmap-chart/color-scale.js

@@ -8,7 +8,7 @@ var colorScale = function (color, minLightnessOffset) {
     var offset = 1 - minLightnessOffset;
 
     return function (value) {
-        var hsl = baseColor .toHSL();
+        var hsl = baseColor.toHSL();
         var range = 100 - hsl.l;
         var point = offset - value;
         hsl.l += Math.min(point * range, range);

package/dist/es/chart/heatmap-chart/heatmap-chart.js

@@ -121,7 +121,7 @@ var HeatmapChart = (function (ChartElement) {
 
         if (isFunction(series.color)) {
             color = pointOptions.color;
-        } else {
+        } else if (this.valueRange.max !== 0) {
             var scale = colorScale(color);
             color = scale(value.value / this.valueRange.max);
         }

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

@@ -28,16 +28,18 @@ var terminator = "0000",
     paddingCodewords = ["11101100", "00010001"],
     finderPatternValue = 93,
     /* eslint-disable arrow-body-style */
+    /* eslint-disable no-unused-vars */
     maskPatternConditions = [
         function (row, column) { return (row + column) % 2 === 0; },
-        function (row) { return row % 2 === 0; },
-        function (column) { return column % 3 === 0; },
+        function (row, column) { return row % 2 === 0; },
+        function (row, column) { return column % 3 === 0; },
         function (row, column) { return (row + column) % 3 === 0; },
         function (row, column) { return (Math.floor(row / 2) + Math.floor(column / 3)) % 2 === 0; },
         function (row, column) { return ((row * column) % 2) + ((row * column) % 3) === 0; },
         function (row, column) { return (((row * column) % 2) + ((row * column) % 3)) % 2 === 0; },
         function (row, column) { return (((row + column) % 2) + ((row * column) % 3)) % 2 === 0; }
     ],
+    /* eslint-enable no-unused-vars */
     /* eslint-enable arrow-body-style */
     numberRegex = /^\d+/,
     alphaPattern = "A-Z0-9 $%*+./:-",

package/dist/es/qrcode/qrcode.js

@@ -15,6 +15,8 @@ import { Box } from '../core';
 import { encodeData } from './encodings/encoding';
 import { extend } from './utils';
 
+import { surfaceSize } from '../barcode/surface-size';
+
 var round = Math.round;
 var crossPattern = [[0, 1], [1, 1], [1, 2], [2, 2], [2, 1], [3, 1], [3, 0], [2, 0], [2, -1], [1, -1], [1, 0]];
 var squarePattern = [[0, 1], [1, 1], [1, 0]];
@@ -253,7 +255,8 @@ var QRCode = (function (Class) {
             size = parseInt(this.options.size, 10);
         } else {
             var element = this.element;
-            var min = Math.min(element.clientWidth, element.clientHeight);
+            var elementSize = surfaceSize(element, this.options.renderAs);
+            var min = Math.min(elementSize.width, elementSize.height);
 
             if (min > 0) {
                 size = min;
@@ -344,6 +347,7 @@ var QRCode = (function (Class) {
             this._value = String(this.options.value);
         }
 
+        this._initSurface();
         this.redraw();
     };
 

package/dist/es2015/barcode/barcode.js

@@ -20,6 +20,7 @@ import {
 } from '../core';
 
 import { Encodings } from './encodings/main';
+import { surfaceSize } from './surface-size';
 
 const DEFAULT_BARCODE_WIDTH = 300;
 const DEFAULT_BARCODE_HEIGHT = 100;
@@ -76,7 +77,7 @@ class Barcode extends Class {
     _initSurfaceElement() {
         if (!this.surfaceElement) {
             this.surfaceElement = document.createElement('div');
-            this.surfaceElement.style.position = "relative";
+            this.surfaceElement.style.position = 'relative';
             this.element.appendChild(this.surfaceElement);
         }
     }
@@ -90,6 +91,7 @@ class Barcode extends Class {
 
     setOptions(options) {
         this._setOptions(options);
+        this._initSurface();
         this.redraw();
     }
 
@@ -176,16 +178,15 @@ class Barcode extends Class {
 
     _getSize() {
         const element = this.element;
-        const elementWidth = element.clientWidth;
-        const elementHeight = element.clientHeight;
+        const elementSize = surfaceSize(element, this.options.renderAs);
         const size = new geom.Size(DEFAULT_BARCODE_WIDTH, DEFAULT_BARCODE_HEIGHT);
 
-        if (elementWidth > 0) {
-            size.width = elementWidth;
+        if (elementSize.width > 0) {
+            size.width = elementSize.width;
         }
 
-        if (elementHeight) {
-            size.height = elementHeight;
+        if (elementSize.height > 0) {
+            size.height = elementSize.height;
         }
 
         if (this.options.width) {

package/dist/es2015/barcode/surface-size.js

@@ -0,0 +1,19 @@
+export function surfaceSize(element, surfaceType) {
+    const display = element.style.display;
+    if (surfaceType === 'canvas') {
+        // The Canvas default size is different from SVG for
+        // inline-block containers such as the Barcode and QR Code.
+        //
+        // Switch to display: block to get same dimensions.
+        element.style.display = 'block';
+    }
+
+    const size = {
+        width: element.clientWidth,
+        height: element.clientHeight
+    };
+
+    element.style.display = display;
+
+    return size;
+}

package/dist/es2015/chart/heatmap-chart/color-scale.js

@@ -6,7 +6,7 @@ const colorScale = (color, minLightnessOffset = 0.05) => {
     const offset = 1 - minLightnessOffset;
 
     return (value) => {
-        const hsl = baseColor .toHSL();
+        const hsl = baseColor.toHSL();
         const range = 100 - hsl.l;
         const point = offset - value;
         hsl.l += Math.min(point * range, range);

package/dist/es2015/chart/heatmap-chart/heatmap-chart.js

@@ -112,7 +112,7 @@ class HeatmapChart extends ChartElement {
 
         if (isFunction(series.color)) {
             color = pointOptions.color;
-        } else {
+        } else if (this.valueRange.max !== 0) {
             const scale = colorScale(color);
             color = scale(value.value / this.valueRange.max);
         }

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

@@ -28,16 +28,18 @@ let terminator = "0000",
     paddingCodewords = ["11101100", "00010001"],
     finderPatternValue = 93,
     /* eslint-disable arrow-body-style */
+    /* eslint-disable no-unused-vars */
     maskPatternConditions = [
         (row, column) => { return (row + column) % 2 === 0; },
-        (row) => { return row % 2 === 0; },
-        (column) => { return column % 3 === 0; },
+        (row, column) => { return row % 2 === 0; },
+        (row, column) => { return column % 3 === 0; },
         (row, column) => { return (row + column) % 3 === 0; },
         (row, column) => { return (Math.floor(row / 2) + Math.floor(column / 3)) % 2 === 0; },
         (row, column) => { return ((row * column) % 2) + ((row * column) % 3) === 0; },
         (row, column) => { return (((row * column) % 2) + ((row * column) % 3)) % 2 === 0; },
         (row, column) => { return (((row + column) % 2) + ((row * column) % 3)) % 2 === 0; }
     ],
+    /* eslint-enable no-unused-vars */
     /* eslint-enable arrow-body-style */
     numberRegex = /^\d+/,
     alphaPattern = "A-Z0-9 $%*+./:-",

package/dist/es2015/qrcode/qrcode.js

@@ -15,6 +15,8 @@ import { Box } from '../core';
 import { encodeData } from './encodings/encoding';
 import { extend } from './utils';
 
+import { surfaceSize } from '../barcode/surface-size';
+
 const round = Math.round;
 const crossPattern = [[0, 1], [1, 1], [1, 2], [2, 2], [2, 1], [3, 1], [3, 0], [2, 0], [2, -1], [1, -1], [1, 0]];
 const squarePattern = [[0, 1], [1, 1], [1, 0]];
@@ -245,7 +247,8 @@ class QRCode extends Class {
             size = parseInt(this.options.size, 10);
         } else {
             const element = this.element;
-            const min = Math.min(element.clientWidth, element.clientHeight);
+            const elementSize = surfaceSize(element, this.options.renderAs);
+            const min = Math.min(elementSize.width, elementSize.height);
 
             if (min > 0) {
                 size = min;
@@ -336,6 +339,7 @@ class QRCode extends Class {
             this._value = String(this.options.value);
         }
 
+        this._initSurface();
         this.redraw();
     }