@progress/kendo-charts 1.20.0-dev.202111190958 → 1.20.0-dev.202111250926

package/dist/npm/barcode.d.ts

@@ -1,5 +1,136 @@
+import { Group } from '@progress/kendo-drawing';
+import { Border, Margin, Padding, RenderMode } from './field-types';
+
+/**
+ * Supported symbologies (encodings) for the Barcode component.
+ */
+export type BarcodeType =
+    'EAN8' | 'EAN13' | 'UPCE' | 'UPCA' | 'Code11' | 'Code39' | 'Code39Extended' |
+    'Code93' | 'Code93Extended' | 'Code128' | 'Code128A' | 'Code128B' | 'Code128C' |
+    'GS1-128' | 'MSImod10' | 'MSImod11' | 'MSImod1010' | 'MSImod1110' | 'POSTNET' |
+    'ean8' | 'ean13' | 'upce' | 'upca' | 'code11' | 'code39' | 'code39extended' |
+    'code93' | 'code93extended' | 'code128' | 'code128a' | 'code128b' | 'code128c' |
+    'gs1-128' | 'msimod10' | 'msimod11' | 'msimod1010' | 'msimod1110' | 'postnet';
+
+/**
+ * The Barcode text label configuration.
+ */
+export interface BarcodeText {
+    /**
+     * The color of the text. Any valid CSS color string will work here, including hex and rgb.
+     *
+     * @default "black"
+     */
+    color?: string;
+
+    /**
+     * The font of the text.
+     *
+     * @default "16px Consolas, Monaco, Sans Mono, monospace, sans-serif"
+     */
+    font?: string;
+
+    /**
+     * The margin of the text. A numeric value sets all margins.
+     *
+     * @default 0
+     */
+    margin?: Margin | number;
+
+    /**
+     * A flag indicating of the Barcode text label is visible.
+     *
+     * If set to false the barcode will not display the value as a text below the barcode lines.
+     *
+     * @default true
+     */
+    visible?: boolean;
+}
+
+/**
+ * The Barcode configuration options.
+ */
+export interface BarcodeOptions {
+    /**
+     * The background color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "white"
+     */
+    background?: string;
+
+    /**
+     * The border of the Barcode.
+     */
+    border?: Border;
+
+    /**
+     * If set to `true`, the Barcode will display the checksum digit next to the value in the text area.
+     *
+     * @default true
+     */
+    checksum?: boolean;
+
+    /**
+     * The color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "black"
+     */
+    color?: string;
+
+    /**
+     * The height of the Barcode in pixels.
+     *
+     * @default 100
+     */
+    height?: number;
+
+    /**
+     * The padding of the barcode. A numeric value sets all paddings.
+     *
+     * @default 0
+     */
+    padding?: Padding | number;
+
+    /**
+     * Sets the preferred rendering mode of the Barcode.
+     *
+     * The supported values are:
+     * * "canvas" - renders the component as a Canvas element.
+     * * "svg" - renders the component as an inline SVG document.
+     *
+    * @default "svg"
+     */
+    renderAs?: RenderMode;
+
+    /**
+     * The Barcode text label configuration.
+     */
+    text?: BarcodeText;
+
+    /**
+      * The symbology (encoding) the Barcode will use.
+      *
+      * @default "Code39"
+      */
+    type: BarcodeType;
+
+    /**
+     * The value of the Barcode.
+     */
+    value: number | string;
+
+    /**
+     * The width of the Barcode in pixels.
+     *
+     * @default 300
+     */
+    width?: number;
+}
+
 export class Barcode {
-    constructor(element: any, options: any);
+    constructor(element: Element, options: BarcodeOptions);
+
     public redraw(): void;
-    public setOptions(options: any): void;
+    public setOptions(options: BarcodeOptions): void;
+    public exportVisual(): Group;
 }

package/dist/npm/core.d.ts

@@ -4,4 +4,4 @@ export class DateCategoryAxis {
 
 export class DateValueAxis {
     public options: any;
-}
+}

package/dist/npm/field-types/border.interface.d.ts

@@ -0,0 +1,21 @@
+import { DashType } from './dash-type';
+
+/**
+ * The appearance settings for the border lines.
+ */
+export interface Border {
+  /**
+   * The color of the border line. Accepts a valid CSS color string, including hex and rgb.
+   */
+  color?: string;
+
+  /**
+   * The dash type of the border line.
+   */
+  dashType?: DashType;
+
+  /**
+   * The width of the border line in pixels.
+   */
+  width?: number;
+}

package/dist/npm/field-types/dash-type.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The dash line type.
+ */
+export type DashType =
+  'dash' | 'dashDot' | 'dot' |
+  'longDash' | 'longDashDot' | 'longDashDotDot' |
+  'solid';

package/dist/npm/field-types/margin.interface.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The margin size for each side.
+ */
+export interface Margin {
+  /**
+   * The top margin in pixels.
+   */
+  top?: number;
+
+  /**
+   * The right margin in pixels.
+   */
+  right?: number;
+
+  /**
+   * The bottom margin in pixels.
+   */
+  bottom?: number;
+
+  /**
+   * The left margin in pixels.
+   */
+  left?: number;
+}

package/dist/npm/field-types/padding.interface.d.ts

@@ -0,0 +1,7 @@
+import { Margin } from './margin.interface';
+
+/**
+ * The padding size for each side.
+ */
+export interface Padding extends Margin {
+}

package/dist/npm/field-types/render-mode.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Sets the rendering mode of the component.
+ *
+ * The supported values are:
+ * * "canvas" - renders the component as a Canvas element.
+ * * "svg" - renders the component as an inline SVG document.
+ */
+export type RenderMode = 'svg' | 'canvas';

package/dist/npm/field-types.d.ts

@@ -0,0 +1,5 @@
+export { Border } from './field-types/border.interface';
+export { DashType } from './field-types/dash-type';
+export { Margin } from './field-types/margin.interface';
+export { Padding } from './field-types/padding.interface';
+export { RenderMode } from './field-types/render-mode';

package/dist/npm/main.d.ts

@@ -7,5 +7,6 @@ export * from './gauges';
 export * from './barcode';
 export * from './qrcode';
 export * from './common';
+export * from './field-types'
 
 export function chartBaseTheme(): any;

package/dist/npm/qrcode.d.ts

@@ -1,5 +1,130 @@
+import { Group } from '@progress/kendo-drawing';
+import { Border, Padding, RenderMode } from './field-types';
+
+/**
+ * The QR Code encoding modes.
+ */
+export type QRCodeEncoding =
+    'ISO_8859_1' | 'UTF_8' |
+    'iso_8859_1' | 'utf_8';
+
+/**
+ * The QR Code error correction levels.
+ *
+ * * "L" - approximately 7% of the codewords can be restored.
+ * * "M" - approximately 15% of the codewords can be restored.
+ * * "Q" - approximately 25% of the codewords can be restored.
+ * * "H" - approximately 30% of the codewords can be restored.
+ */
+export type QRCodeErrorCorrection =
+    'L' | 'M' | 'Q' | 'H' |
+    'l' | 'm' | 'q' | 'h';
+
+/**
+ * The QR Code image overlay configuration.
+ */
+export interface QRCodeOverlay {
+    height?: number;
+    imageUrl?: string;
+    type?: 'image' | 'swiss';
+    width?: number;
+}
+
+/**
+ * The QR Code configuration options.
+ */
+export interface QRCodeOptions {
+    /**
+     * The background color of the QR code. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "white"
+     */
+    background?: string;
+
+    /**
+     * The border of the QR code.
+     */
+    border?: Border;
+
+    /**
+     * The color of the QR code. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "black"
+     */
+    color?: string;
+
+    /**
+     * The encoding mode used to encode the value.
+     *
+     * > *Important:* The UTF-8 encoding is not included in the specifications and is not supported by all readers.
+     *
+     * The possible values are:
+     * * "ISO_8859_1" - supports all characters from the [ISO/IEC 8859-1](https://en.wikipedia.org/wiki/ISO/IEC_8859-1) character set.
+     * * "UTF_8" - supports all [Unicode](https://en.wikipedia.org/wiki/List_of_Unicode_characters) characters.
+     *
+     * @default "ISO_8859_1"
+     */
+    encoding?: QRCodeEncoding;
+
+    /**
+     * The error correction level to use.
+     *
+     * The possible values are:
+     * * "L" - approximately 7% of the codewords can be restored.
+     * * "M" - approximately 15% of the codewords can be restored.
+     * * "Q" - approximately 25% of the codewords can be restored.
+     * * "H" - approximately 30% of the codewords can be restored.
+     *
+     * @default "L"
+     */
+    errorCorrection?: QRCodeErrorCorrection;
+
+    /**
+     * An optional image overlay that will placed over the QR Code.
+     *
+     * > **Note:** Always test if the code reads correctly with the overlay.
+     * > Depending on the length of the value and the size of the overlay, you might need to raise the `errorCorrection` to "M" or "H".
+     */
+    overlay?: QRCodeOverlay;
+
+    /**
+     * The padding of the QR Code. A numeric value sets all paddings.
+     *
+     * @default 0
+     */
+    padding?: Padding | number;
+
+    /**
+     * Sets the preferred rendering mode of the QR Code.
+     *
+     * The supported values are:
+     * * "canvas" - renders the component as a Canvas element.
+     * * "svg" - renders the component as an inline SVG document.
+     *
+     * @default "svg"
+     */
+    renderAs?: RenderMode;
+
+    /**
+     * Specifies the size of a QR Code. Numeric values are treated as pixels.
+     *
+     * If no size is specified, it will be determined from the element width and height.
+     * In case the element has width or height of zero, a default value of 200 pixels will be used.
+     *
+     * @default "200px"
+     */
+    size?: number | string;
+
+    /**
+     * The value of the QR Code.
+     */
+    value: number | string;
+}
+
 export class QRCode {
-    constructor(element: any, options: any);
+    constructor(element: Element, options: QRCodeOptions);
+
     public redraw(): void;
-    public setOptions(options: any): void;
+    public setOptions(options: QRCodeOptions): void;
+    public exportVisual(): Group;
 }

package/package.json

@@ -3,7 +3,7 @@
   "description": "Kendo UI platform-independent Charts library",
   "author": "Progress",
   "license": "SEE LICENSE IN license.txt",
-  "version": "1.20.0-dev.202111190958",
+  "version": "1.20.0-dev.202111250926",
   "main": "dist/npm/main.js",
   "module": "dist/es/main.js",
   "jsnext:main": "dist/es/main.js",