@progress/kendo-angular-barcodes 1.0.0-next.202203230834 → 2.0.0-dev.202204131407

package/esm2015/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/esm2015/qrcode.component.js

@@ -0,0 +1,122 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { QRCode } from '@progress/kendo-charts';
+import { BaseComponent } from './base.component';
+import { packageMetadata } from './package-metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-common";
+const DEFAULT_COLOR = '#000';
+const DEFAULT_BACKGROUND = '#fff';
+const DEFAULT_ERROR_CORRECTION = 'L';
+/**
+ * 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 class QRCodeComponent extends BaseComponent {
+    constructor(element, renderer, ngZone) {
+        super(element, renderer, ngZone);
+        this.element = element;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        /**
+         * 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 {
+         * }
+         * ```
+         */
+        this.resizeRateLimit = 10;
+    }
+    get options() {
+        return {
+            background: this.background || DEFAULT_BACKGROUND,
+            border: this.border,
+            color: this.color || DEFAULT_COLOR,
+            encoding: this.encoding,
+            errorCorrection: this.errorCorrection || DEFAULT_ERROR_CORRECTION,
+            overlay: this.overlay || {},
+            padding: this.padding,
+            renderAs: this.renderAs,
+            size: this.size,
+            value: this.value
+        };
+    }
+    createInstance(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);
+        }
+    }
+}
+QRCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: QRCodeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+QRCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: QRCodeComponent, selector: "kendo-qrcode", inputs: { background: "background", border: "border", color: "color", encoding: "encoding", errorCorrection: "errorCorrection", overlay: "overlay", padding: "padding", renderAs: "renderAs", size: "size", value: "value", resizeRateLimit: "resizeRateLimit" }, exportAs: ["kendoQRCode"], usesInheritance: true, ngImport: i0, template: `
+        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    `, isInline: true, components: [{ type: i1.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: QRCodeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-qrcode',
+                    exportAs: 'kendoQRCode',
+                    template: `
+        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], encoding: [{
+                type: Input
+            }], errorCorrection: [{
+                type: Input
+            }], overlay: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], renderAs: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], resizeRateLimit: [{
+                type: Input
+            }] } });

package/esm2015/qrcode.module.js

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { ResizeSensorModule } from '@progress/kendo-angular-common';
+import { QRCodeComponent } from './qrcode.component';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the QR Code component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the QR Code module
+ * import { QRCodeModule } from '@progress/kendo-angular-barcodes';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, QRCodeModule], // import QRCodeModule module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export class QRCodeModule {
+}
+QRCodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: QRCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+QRCodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: QRCodeModule, declarations: [QRCodeComponent], imports: [ResizeSensorModule], exports: [QRCodeComponent] });
+QRCodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: QRCodeModule, imports: [[ResizeSensorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: QRCodeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [QRCodeComponent],
+                    imports: [ResizeSensorModule],
+                    exports: [QRCodeComponent]
+                }]
+        }] });