@progress/kendo-angular-barcodes 0.1.0

package/dist/fesm5/index.js

@@ -0,0 +1,522 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { __decorate, __metadata, __extends } from 'tslib';
+import { Input, ViewChild, ElementRef, Component, ChangeDetectionStrategy, Renderer2, NgZone, NgModule } from '@angular/core';
+import { Barcode, QRCode } from '@progress/kendo-charts';
+import { isDocumentAvailable, ResizeSensorModule } from '@progress/kendo-angular-common';
+import { exportImage, exportSVG } from '@progress/kendo-drawing';
+import { validatePackage } from '@progress/kendo-licensing';
+
+/**
+ * @hidden
+ */
+var packageMetadata = {
+    name: '@progress/kendo-angular-barcodes',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1638370938,
+    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'
+};
+
+/**
+ * @hidden
+ */
+var BaseComponent = /** @class */ (function () {
+    function BaseComponent(element, renderer, ngZone) {
+        this.element = element;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.resizeRateLimit = 10;
+        validatePackage(packageMetadata);
+    }
+    Object.defineProperty(BaseComponent.prototype, "autoResize", {
+        get: function () {
+            return this.resizeRateLimit > 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BaseComponent.prototype, "canRender", {
+        get: function () {
+            return isDocumentAvailable() && Boolean(this.element);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BaseComponent.prototype.ngAfterViewInit = function () {
+        this.refresh();
+    };
+    BaseComponent.prototype.ngOnChanges = function (changes) {
+        // Need to create a new instance if the rendering mode changes.
+        if (changes['renderAs'] && this.instance) {
+            this.instance.destroy();
+            this.instance = null;
+        }
+        this.refresh();
+    };
+    /**
+     * Detects the size of the container and redraws the component.
+     * Resizing is automatic unless you set the `resizeRateLimit` option to `0`.
+     */
+    BaseComponent.prototype.resize = function () {
+        if (this.instance) {
+            this.instance.redraw();
+        }
+    };
+    /**
+     * @hidden
+     */
+    BaseComponent.prototype.onResize = function () {
+        if (this.autoResize) {
+            this.resize();
+        }
+    };
+    /**
+     * Exports the component as an image. The export operation is asynchronous and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that will be resolved with a PNG image encoded as a Data URI.
+     */
+    BaseComponent.prototype.exportImage = function (options) {
+        if (options === void 0) { options = {}; }
+        return exportImage(this.exportVisual(), options);
+    };
+    /**
+     * Exports the component as an SVG document. The export operation is asynchronous and returns a promise.
+     *
+     * @param options - The parameters for the exported file.
+     * @returns - A promise that will be resolved with an SVG document that is encoded as a Data URI.
+     */
+    BaseComponent.prototype.exportSVG = function (options) {
+        if (options === void 0) { options = {}; }
+        return exportSVG(this.exportVisual(), options);
+    };
+    /**
+     * Exports the component as a Drawing Group.
+     *
+     * @returns - The exported Group.
+     */
+    BaseComponent.prototype.exportVisual = function () {
+        return this.instance.exportVisual();
+    };
+    BaseComponent.prototype.refresh = function () {
+        if (!this.canRender) {
+            return;
+        }
+        if (!this.instance) {
+            var element = this.element.nativeElement;
+            this.instance = this.createInstance(element, this.options);
+        }
+        else {
+            this.instance.setOptions(this.options);
+        }
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], BaseComponent.prototype, "resizeRateLimit", void 0);
+    __decorate([
+        ViewChild('surface', { static: true }),
+        __metadata("design:type", ElementRef)
+    ], BaseComponent.prototype, "surfaceElement", void 0);
+    return BaseComponent;
+}());
+
+/**
+ * Represents the Kendo UI Barcode component for Angular.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *    selector: 'my-app',
+ *    template: `
+ *        <kendo-barcode type="EAN8" value="1234567">
+ *        </kendo-barcode>
+ *    `
+ * })
+ * export class AppComponent {
+ * }
+ * ```
+ */
+var BarcodeComponent = /** @class */ (function (_super) {
+    __extends(BarcodeComponent, _super);
+    function BarcodeComponent(element, renderer, ngZone) {
+        var _this = _super.call(this, element, renderer, ngZone) || this;
+        _this.element = element;
+        _this.renderer = renderer;
+        _this.ngZone = ngZone;
+        /**
+         * Limits the automatic resizing of the Barcode. 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-barcode type="EAN8" [value]="1234567"
+         *                        [resizeRateLimit]="2">
+         *         </kendo-barcode>
+         *   `
+         * })
+         * export class AppComponent {
+         * }
+         * ```
+         */
+        _this.resizeRateLimit = 10;
+        return _this;
+    }
+    Object.defineProperty(BarcodeComponent.prototype, "options", {
+        get: function () {
+            return {
+                renderAs: this.renderAs,
+                background: this.background,
+                border: this.border,
+                checksum: this.checksum,
+                color: this.color,
+                height: this.height,
+                padding: this.padding,
+                text: this.text,
+                type: this.type,
+                value: this.value,
+                width: this.width
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BarcodeComponent.prototype.createInstance = function (element, options) {
+        return new Barcode(element, options);
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], BarcodeComponent.prototype, "background", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "border", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], BarcodeComponent.prototype, "checksum", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], BarcodeComponent.prototype, "color", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], BarcodeComponent.prototype, "height", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "padding", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], BarcodeComponent.prototype, "renderAs", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "text", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], BarcodeComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "value", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], BarcodeComponent.prototype, "width", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], BarcodeComponent.prototype, "resizeRateLimit", void 0);
+    BarcodeComponent = __decorate([
+        Component({
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            exportAs: 'kendoBarcode',
+            selector: 'kendo-barcode',
+            template: "\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "
+        }),
+        __metadata("design:paramtypes", [ElementRef,
+            Renderer2,
+            NgZone])
+    ], BarcodeComponent);
+    return BarcodeComponent;
+}(BaseComponent));
+
+var DEFAULT_COLOR = '#000';
+var DEFAULT_BACKGROUND = '#fff';
+var 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 {
+ * }
+ * ```
+ */
+var QRCodeComponent = /** @class */ (function (_super) {
+    __extends(QRCodeComponent, _super);
+    function QRCodeComponent(element, renderer, ngZone) {
+        var _this = _super.call(this, element, renderer, ngZone) || this;
+        _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;
+        return _this;
+    }
+    Object.defineProperty(QRCodeComponent.prototype, "options", {
+        get: function () {
+            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
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    QRCodeComponent.prototype.createInstance = function (element, options) {
+        return new QRCode(element, options);
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], QRCodeComponent.prototype, "background", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], QRCodeComponent.prototype, "border", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], QRCodeComponent.prototype, "color", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], QRCodeComponent.prototype, "encoding", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], QRCodeComponent.prototype, "errorCorrection", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], QRCodeComponent.prototype, "overlay", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], QRCodeComponent.prototype, "padding", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], QRCodeComponent.prototype, "renderAs", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], QRCodeComponent.prototype, "size", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], QRCodeComponent.prototype, "value", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], QRCodeComponent.prototype, "resizeRateLimit", void 0);
+    QRCodeComponent = __decorate([
+        Component({
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            selector: 'kendo-qrcode',
+            exportAs: 'kendoQRCode',
+            template: "\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "
+        }),
+        __metadata("design:paramtypes", [ElementRef,
+            Renderer2,
+            NgZone])
+    ], QRCodeComponent);
+    return QRCodeComponent;
+}(BaseComponent));
+
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Barcode component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the Barcode module
+ * import { BarcodeModule } 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, BarcodeModule], // import Barcode module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+var BarcodeModule = /** @class */ (function () {
+    function BarcodeModule() {
+    }
+    BarcodeModule = __decorate([
+        NgModule({
+            declarations: [BarcodeComponent],
+            imports: [ResizeSensorModule],
+            exports: [BarcodeComponent]
+        })
+    ], BarcodeModule);
+    return BarcodeModule;
+}());
+
+/**
+ * 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);
+ *
+ * ```
+ */
+var QRCodeModule = /** @class */ (function () {
+    function QRCodeModule() {
+    }
+    QRCodeModule = __decorate([
+        NgModule({
+            declarations: [QRCodeComponent],
+            imports: [ResizeSensorModule],
+            exports: [QRCodeComponent]
+        })
+    ], QRCodeModule);
+    return QRCodeModule;
+}());
+
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Barcode and QR Code components.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the Barcodes module
+ * import { BarcodesModule } 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, BarcodesModule], // import Barcodes module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+var BarcodesModule = /** @class */ (function () {
+    function BarcodesModule() {
+    }
+    BarcodesModule = __decorate([
+        NgModule({
+            exports: [BarcodeModule, QRCodeModule]
+        })
+    ], BarcodesModule);
+    return BarcodesModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseComponent, BarcodeComponent, QRCodeComponent, BarcodeModule, QRCodeModule, BarcodesModule };

package/dist/npm/barcode.component.js

@@ -0,0 +1,141 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_charts_1 = require("@progress/kendo-charts");
+var base_component_1 = require("./base.component");
+/**
+ * Represents the Kendo UI Barcode component for Angular.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *    selector: 'my-app',
+ *    template: `
+ *        <kendo-barcode type="EAN8" value="1234567">
+ *        </kendo-barcode>
+ *    `
+ * })
+ * export class AppComponent {
+ * }
+ * ```
+ */
+var BarcodeComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(BarcodeComponent, _super);
+    function BarcodeComponent(element, renderer, ngZone) {
+        var _this = _super.call(this, element, renderer, ngZone) || this;
+        _this.element = element;
+        _this.renderer = renderer;
+        _this.ngZone = ngZone;
+        /**
+         * Limits the automatic resizing of the Barcode. 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-barcode type="EAN8" [value]="1234567"
+         *                        [resizeRateLimit]="2">
+         *         </kendo-barcode>
+         *   `
+         * })
+         * export class AppComponent {
+         * }
+         * ```
+         */
+        _this.resizeRateLimit = 10;
+        return _this;
+    }
+    Object.defineProperty(BarcodeComponent.prototype, "options", {
+        get: function () {
+            return {
+                renderAs: this.renderAs,
+                background: this.background,
+                border: this.border,
+                checksum: this.checksum,
+                color: this.color,
+                height: this.height,
+                padding: this.padding,
+                text: this.text,
+                type: this.type,
+                value: this.value,
+                width: this.width
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BarcodeComponent.prototype.createInstance = function (element, options) {
+        return new kendo_charts_1.Barcode(element, options);
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], BarcodeComponent.prototype, "background", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "border", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], BarcodeComponent.prototype, "checksum", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], BarcodeComponent.prototype, "color", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], BarcodeComponent.prototype, "height", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "padding", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], BarcodeComponent.prototype, "renderAs", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "text", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], BarcodeComponent.prototype, "type", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BarcodeComponent.prototype, "value", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], BarcodeComponent.prototype, "width", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], BarcodeComponent.prototype, "resizeRateLimit", void 0);
+    BarcodeComponent = tslib_1.__decorate([
+        core_1.Component({
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            exportAs: 'kendoBarcode',
+            selector: 'kendo-barcode',
+            template: "\n        <kendo-resize-sensor (resize)=\"onResize()\" [rateLimit]=\"resizeRateLimit\"></kendo-resize-sensor>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            core_1.Renderer2,
+            core_1.NgZone])
+    ], BarcodeComponent);
+    return BarcodeComponent;
+}(base_component_1.BaseComponent));
+exports.BarcodeComponent = BarcodeComponent;