@progress/kendo-angular-barcodes 0.2.2 → 1.0.0-next.202203150945

package/dist/es2015/chart-types/qrcode-types.d.ts

@@ -1,124 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Border, Padding, RenderMode } from './field-types';
-/**
- * The QR Code encoding modes.
- */
-export declare 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 declare type QRCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H' | 'l' | 'm' | 'q' | 'h';
-/**
- * The image overlay configuration of the QR Code.
- */
-export interface QRCodeOverlay {
-    /**
-     * The overlay height in pixels.
-     */
-    height?: number;
-    /**
-     * The source image for the overlay.
-     *
-     * Required only when `type` is set to `'image'`.
-     */
-    imageUrl?: string;
-    /**
-     * The overlay type.
-     *
-     * @default 'image'
-     */
-    type?: 'image' | 'swiss';
-    /**
-     * The overlay width in pixels.
-     */
-    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 applied overlay.
-     * > Depending on the length of the value and the size of the overlay, you might need to raise the `errorCorrection` level 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, the size will be determined from the element width and height.
-     * If 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;
-}

package/dist/es2015/chart-types/qrcode-types.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/chart-types.d.ts

@@ -1,7 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export * from './chart-types/barcode-types';
-export * from './chart-types/qrcode-types';
-export * from './chart-types/field-types';

package/dist/es2015/chart-types.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/index.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { BaseComponent } from './base.component';

package/dist/es2015/index.js

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { BaseComponent } from './base.component';

package/dist/es2015/index.metadata.json

@@ -1 +0,0 @@
-{"__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

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

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

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es2015/package-metadata.js

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-barcodes',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645547706,
-    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

@@ -1,26 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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

@@ -1,289 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone, Renderer2 } from '@angular/core';
-import { QRCode, QRCodeOptions } from '@progress/kendo-charts';
-import { BaseComponent } from './base.component';
-import { Border, QRCodeEncoding, QRCodeErrorCorrection, QRCodeOverlay, RenderMode } from './chart-types';
-/**
- * Represents the Kendo UI QR Code component for Angular.
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui">
- *        </kendo-qrcode>
- *    `
- * })
- * export class AppComponent {
- * }
- * ```
- */
-export declare class QRCodeComponent extends BaseComponent {
-    protected element: ElementRef;
-    protected renderer: Renderer2;
-    protected ngZone: NgZone;
-    /**
-     * The background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "white"
-     *
-     * @example
-     * ```ts-preview
-     * import { Component } from '@angular/core';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      background="#fc0">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    background?: string;
-    /**
-     * The border of the QR Code.
-     *
-     * @example
-     * ```ts-preview
-     * import { Component } from '@angular/core';
-     * import { Border } from '@progress/kendo-angular-barcodes';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      [border]="qrcodeBorder" [padding]="5">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     *     qrcodeBorder: Border = {
-     *         color: '#fc0',
-     *         width: 2
-     *     };
-     * }
-     * ```
-     */
-    border?: Border;
-    /**
-     * The color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
-     *
-     * @default "black"
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      color="#fc0">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    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"`&mdash;Supports all characters from the [ISO/IEC 8859-1](https://en.wikipedia.org/wiki/ISO/IEC_8859-1) character set.
-     * * `"UTF_8"`&mdash;Supports all [Unicode](https://en.wikipedia.org/wiki/List_of_Unicode_characters) characters.
-     *
-     * @default "ISO_8859_1"
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="АБВ" encoding="UTF_8">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    encoding?: QRCodeEncoding;
-    /**
-     * The error correction level to use.
-     *
-     * The possible values are:
-     * * `"L"`&mdash;Approximately 7% of the codewords can be restored.
-     * * `"M"`&mdash;Approximately 15% of the codewords can be restored.
-     * * `"Q"`&mdash;Approximately 25% of the codewords can be restored.
-     * * `"H"`&mdash;Approximately 30% of the codewords can be restored.
-     *
-     * @default "L"
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      errorCorrection="Q">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    errorCorrection?: QRCodeErrorCorrection;
-    /**
-     * An optional image overlay that will placed over the QR Code.
-     *
-     * > **Note** Always test if the code reads correctly with the applied overlay.
-     * > Depending on the length of the value and the size of the overlay, you might need to raise the `errorCorrection` level to `"M"` or `"H"`.
-     *
-     * @example
-     * ```ts-preview
-     * import { QRCodeOverlay } from '@progress/kendo-angular-barcodes';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      [overlay]="qrcodeOverlay">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     *     qrcodeOverlay: QRCodeOverlay = {
-     *         type: 'swiss'
-     *     };
-     * }
-     * ```
-     */
-    overlay?: QRCodeOverlay;
-    /**
-     * The padding of the QR Code. The value sets all paddings in pixels.
-     *
-     * @default 0
-     *
-     * @example
-     * ```ts-preview
-     * import { Component } from '@angular/core';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      [padding]="10" background="#fc0">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    padding?: number;
-    /**
-     * Sets the preferred rendering mode of the QR Code.
-     *
-     * The supported values are:
-     * * `"canvas"`&mdash;Renders the component as a Canvas element.
-     * * `"svg"`&mdash;Renders the component as an inline SVG document.
-     *
-     * @default "svg"
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      renderAs="canvas">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    renderAs?: RenderMode;
-    /**
-     * Specifies the size of a QR Code. Numeric values are treated as pixels.
-     *
-     * If no size is specified, the size will be determined from the element width and height.
-     * If the element has width or height of zero, a default value of 200 pixels will be used.
-     *
-     * @default "200px"
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      [size]="200">
-     *        </kendo-qrcode>
-     *
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                      style="width: 200px; height: 200px;">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    size?: number | string;
-    /**
-     * The value of the QR Code.
-     *
-     * @example
-     * ```ts-preview
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui">
-     *        </kendo-qrcode>
-     *    `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    value: number | string;
-    /**
-     * Limits the automatic resizing of the QR Code. Sets the maximum number of times per second
-     * that the component redraws its content when the size of its container changes.
-     * Defaults to `10`. To disable the automatic resizing, set it to `0`.
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *     selector: 'my-app',
-     *     template: `
-     *         <kendo-qrcode value="https://www.telerik.com/kendo-angular-ui"
-     *                       [resizeRateLimit]="2">
-     *         </kendo-qrcode>
-     *   `
-     * })
-     * export class AppComponent {
-     * }
-     * ```
-     */
-    resizeRateLimit: number;
-    protected readonly options: QRCodeOptions;
-    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
-    protected createInstance(element: any, options: any): QRCode;
-    protected onError(error: Error): void;
-}