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

package/barcode-validator.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import { geometry } from '@progress/kendo-drawing';
+import { BarcodeType } from './chart-types';
+/**
+ * Creates a value validator for a particular Barcode type.
+ *
+ * @param {BarcodeType} type The type of the Barcode.
+ * @param {Size} size The size of the barcode, excluding the text label, padding and border. Optional.
+ * @returns {ValidatorFn}  A validator function that returns an error map with the `barcode` property if the validation check fails, otherwise `null`.
+ *
+ * @example
+ * ```ts-no-run
+ * const control = new FormControl('1234', createBarcodeValidator('EAN8'));
+ * console.log(control.errors);
+ *
+ * // {
+ * //   barcode: {
+ * //     message: 'The value of the "EAN13" encoding should be 12 symbols',
+ * //     value: '1234',
+ * //     type: 'EAN13'
+ * //   }
+ * // }
+ * ```
+ */
+export declare const createBarcodeValidator: (type: BarcodeType, size?: geometry.Size) => ValidatorFn;

package/barcode.component.d.ts

@@ -0,0 +1,315 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Barcode, BarcodeOptions } from '@progress/kendo-charts';
+import { BaseComponent } from './base.component';
+import { BarcodeText, BarcodeType, Border, Padding, RenderMode } from './chart-types';
+import * as i0 from "@angular/core";
+/**
+ * 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 {
+ * }
+ * ```
+ */
+export declare class BarcodeComponent extends BaseComponent {
+    protected element: ElementRef;
+    protected renderer: Renderer2;
+    protected ngZone: NgZone;
+    /**
+     * The background color of the Barcode. 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-barcode type="EAN8" value="1234567"
+     *                       background="#fc0">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    background?: string;
+    /**
+     * The border of the Barcode.
+     *
+     * @example
+     * ```ts-preview
+     * import { Component } from '@angular/core';
+     * import { Border } from '@progress/kendo-angular-barcodes';
+     *
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       [border]="barcodeBorder" [padding]="5">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     *     barcodeBorder: Border = {
+     *         color: '#fc0',
+     *         width: 2
+     *     };
+     * }
+     * ```
+     */
+    border?: Border;
+    /**
+     * If set to `true`, the Barcode will display the checksum digit next to the value in the text area.
+     *
+     * @default false
+     *
+     * @example
+     * ```ts-preview
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       [checksum]="true">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    checksum?: boolean;
+    /**
+     * The color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "black"
+     *
+     * @example
+     * ```ts-preview
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       color="#fc0">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    color?: string;
+    /**
+     * The height of the Barcode in pixels.
+     *
+     * The Barcode dimensions can also be set through regular CSS styling.
+     *
+     * @example
+     * ```ts-preview
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                        [width]="200" [height]="100">
+     *        </kendo-barcode>
+     *
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       style="width: 200px; height: 100px;">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    height?: number;
+    /**
+     * The padding of the Barcode. A numeric value sets all paddings.
+     *
+     * @default 0
+     *
+     * @example
+     * ```ts-preview
+     * import { Component } from '@angular/core';
+     * import { Padding } from '@progress/kendo-angular-barcodes';
+     *
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       [padding]="5" background="#fc0">
+     *        </kendo-barcode>
+     *
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       [padding]="barcodePadding" background="#cf0">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     *     barcodePadding: Padding = {
+     *         top: 20,
+     *         bottom: 10,
+     *         left: 5,
+     *         right: 5
+     *     };
+     * }
+     * ```
+     */
+    padding?: Padding | number;
+    /**
+     * Sets the preferred rendering mode of the Barcode.
+     *
+     * 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-barcode type="EAN8" value="1234567"
+     *                       renderAs="canvas">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    renderAs?: RenderMode;
+    /**
+     * The Barcode text label configuration.
+     *
+     * @example
+     * ```ts-preview
+     * import { Component } from '@angular/core';
+     * import { BarcodeText } from '@progress/kendo-angular-barcodes';
+     *
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       [text]="barcodeText">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     *     barcodeText: BarcodeText = {
+     *         color: '#fc0',
+     *         font: '20px monospace'
+     *     };
+     * }
+     * ```
+     */
+    text?: BarcodeText;
+    /**
+     * The symbology (encoding) the Barcode will use.
+     *
+     * @default "Code39"
+     *
+     * @example
+     * ```ts-preview
+     * import { Component } from '@angular/core';
+     *
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN13" value="123456789987">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    type: BarcodeType;
+    /**
+     * The value of the Barcode.
+     *
+     * @example
+     * ```ts-preview
+     * import { Component } from '@angular/core';
+     *
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN13" value="123456789987">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    value: number | string;
+    /**
+     * The width of the Barcode in pixels.
+     *
+     * The Barcode dimensions can also be set through regular CSS styling.
+     *
+     * @example
+     * ```ts-preview
+     * _@Component({
+     *    selector: 'my-app',
+     *    template: `
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                        [width]="200" [height]="100">
+     *        </kendo-barcode>
+     *
+     *        <kendo-barcode type="EAN8" value="1234567"
+     *                       style="width: 200px; height: 100px;">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    width?: number;
+    /**
+     * 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 {
+     * }
+     * ```
+     */
+    resizeRateLimit: number;
+    protected get options(): BarcodeOptions;
+    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    protected createInstance(element: any, options: any): Barcode;
+    protected onError(error: Error): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarcodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarcodeComponent, "kendo-barcode", ["kendoBarcode"], { "background": "background"; "border": "border"; "checksum": "checksum"; "color": "color"; "height": "height"; "padding": "padding"; "renderAs": "renderAs"; "text": "text"; "type": "type"; "value": "value"; "width": "width"; "resizeRateLimit": "resizeRateLimit"; }, {}, never, never>;
+}

package/barcode.module.d.ts

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./barcode.component";
+import * as i2 from "@progress/kendo-angular-common";
+/**
+ * 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);
+ *
+ * ```
+ */
+export declare class BarcodeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarcodeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BarcodeModule, [typeof i1.BarcodeComponent], [typeof i2.ResizeSensorModule], [typeof i1.BarcodeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BarcodeModule>;
+}

package/barcodes.module.d.ts

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./barcode.module";
+import * as i2 from "./qrcode.module";
+/**
+ * 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);
+ *
+ * ```
+ */
+export declare class BarcodesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarcodesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BarcodesModule, never, never, [typeof i1.BarcodeModule, typeof i2.QRCodeModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BarcodesModule>;
+}

package/base.component.d.ts

@@ -0,0 +1,58 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ElementRef, NgZone, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare abstract class BaseComponent implements OnChanges, AfterViewInit {
+    protected element: ElementRef;
+    protected renderer: Renderer2;
+    protected ngZone: NgZone;
+    resizeRateLimit: number;
+    surfaceElement: ElementRef;
+    protected instance: any;
+    protected abstract get options(): any;
+    protected get autoResize(): boolean;
+    protected get canRender(): boolean;
+    constructor(element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Detects the size of the container and redraws the component.
+     * Resizing is automatic unless you set the `resizeRateLimit` option to `0`.
+     */
+    resize(): void;
+    /**
+     * @hidden
+     */
+    onResize(): void;
+    /**
+     * 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.
+     */
+    exportImage(options?: ImageExportOptions): Promise<string>;
+    /**
+     * 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.
+     */
+    exportSVG(options?: SVGExportOptions): Promise<string>;
+    /**
+     * Exports the component as a Drawing Group.
+     *
+     * @returns - The exported Group.
+     */
+    exportVisual(): Group;
+    protected abstract createInstance(element: any, options: any): any;
+    protected refresh(): void;
+    protected isDevMode(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, { "resizeRateLimit": "resizeRateLimit"; }, {}, never>;
+}

package/bundles/kendo-angular-barcodes.umd.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-charts"),require("@progress/kendo-angular-common"),require("@progress/kendo-drawing"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define("KendoAngularBarcodes",["exports","@angular/core","@progress/kendo-charts","@progress/kendo-angular-common","@progress/kendo-drawing","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularBarcodes={},e.ng.core,e.KendoCharts,e.KendoAngularCommon,e.KendoDrawing,e.KendoLicensing)}(this,function(e,t,o,r,n,i){"use strict";function s(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(r,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return r[e]}}))}),n.default=r,Object.freeze(n)}var a=s(t),c=s(r),p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)};function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}Object.create;Object.create;var d={name:"@progress/kendo-angular-barcodes",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648024388,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"},l=(Object.defineProperty(g.prototype,"autoResize",{get:function(){return 0<this.resizeRateLimit},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"canRender",{get:function(){return r.isDocumentAvailable()&&Boolean(this.element)},enumerable:!1,configurable:!0}),g.prototype.ngAfterViewInit=function(){this.refresh()},g.prototype.ngOnChanges=function(e){e.renderAs&&this.instance&&(this.instance.destroy(),this.instance=null),this.refresh()},g.prototype.resize=function(){this.instance&&this.instance.redraw()},g.prototype.onResize=function(){this.autoResize&&this.resize()},g.prototype.exportImage=function(e){return void 0===e&&(e={}),n.exportImage(this.exportVisual(),e)},g.prototype.exportSVG=function(e){return void 0===e&&(e={}),n.exportSVG(this.exportVisual(),e)},g.prototype.exportVisual=function(){return this.instance.exportVisual()},g.prototype.refresh=function(){var e;this.canRender&&(this.instance?this.instance.setOptions(this.options):(e=this.element.nativeElement,this.instance=this.createInstance(e,this.options)))},g.prototype.isDevMode=function(){return t.isDevMode()},g);function g(e,t,r){this.element=e,this.renderer=t,this.ngZone=r,this.resizeRateLimit=10,i.validatePackage(d)}l.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,deps:[{token:a.ElementRef},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Directive}),l.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:l,inputs:{resizeRateLimit:"resizeRateLimit"},viewQueries:[{propertyName:"surfaceElement",first:!0,predicate:["surface"],descendants:!0,static:!0}],usesOnChanges:!0,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,decorators:[{type:t.Directive}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2},{type:a.NgZone}]},propDecorators:{resizeRateLimit:[{type:t.Input}],surfaceElement:[{type:t.ViewChild,args:["surface",{static:!0}]}]}});u(h,m=l),Object.defineProperty(h.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:!1,configurable:!0}),h.prototype.createInstance=function(e,t){return new o.Barcode(e,t,this.onError.bind(this))},h.prototype.onError=function(e){if(e.name=d.productName+" Barcode",this.isDevMode())throw e;console.warn(e)};var m,y=h;function h(e,t,r){var n=m.call(this,e,t,r)||this;return n.element=e,n.renderer=t,n.ngZone=r,n.resizeRateLimit=10,n}y.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y,deps:[{token:a.ElementRef},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Component}),y.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"kendo-barcode",inputs:{background:"background",border:"border",checksum:"checksum",color:"color",height:"height",padding:"padding",renderAs:"renderAs",text:"text",type:"type",value:"value",width:"width",resizeRateLimit:"resizeRateLimit"},exportAs:["kendoBarcode"],usesInheritance:!0,ngImport:a,template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:c.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y,decorators:[{type:t.Component,args:[{changeDetection:t.ChangeDetectionStrategy.OnPush,exportAs:"kendoBarcode",selector:"kendo-barcode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2},{type:a.NgZone}]},propDecorators:{background:[{type:t.Input}],border:[{type:t.Input}],checksum:[{type:t.Input}],color:[{type:t.Input}],height:[{type:t.Input}],padding:[{type:t.Input}],renderAs:[{type:t.Input}],text:[{type:t.Input}],type:[{type:t.Input}],value:[{type:t.Input}],width:[{type:t.Input}],resizeRateLimit:[{type:t.Input}]}});u(v,f=l),Object.defineProperty(v.prototype,"options",{get:function(){return{background:this.background||"#fff",border:this.border,color:this.color||"#000",encoding:this.encoding,errorCorrection:this.errorCorrection||"L",overlay:this.overlay||{},padding:this.padding,renderAs:this.renderAs,size:this.size,value:this.value}},enumerable:!1,configurable:!0}),v.prototype.createInstance=function(e,t){return new o.QRCode(e,t,this.onError.bind(this))},v.prototype.onError=function(e){if(e.name=d.productName+" QRCode",this.isDevMode())throw e;console.warn(e)};var f,l=v;function v(e,t,r){var n=f.call(this,e,t,r)||this;return n.element=e,n.renderer=t,n.ngZone=r,n.resizeRateLimit=10,n}l.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,deps:[{token:a.ElementRef},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Component}),l.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:l,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:!0,ngImport:a,template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:c.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,decorators:[{type:t.Component,args:[{changeDetection:t.ChangeDetectionStrategy.OnPush,selector:"kendo-qrcode",exportAs:"kendoQRCode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2},{type:a.NgZone}]},propDecorators:{background:[{type:t.Input}],border:[{type:t.Input}],color:[{type:t.Input}],encoding:[{type:t.Input}],errorCorrection:[{type:t.Input}],overlay:[{type:t.Input}],padding:[{type:t.Input}],renderAs:[{type:t.Input}],size:[{type:t.Input}],value:[{type:t.Input}],resizeRateLimit:[{type:t.Input}]}});var c=function(){},I=(c.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,deps:[],target:a.ɵɵFactoryTarget.NgModule}),c.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,declarations:[y],imports:[r.ResizeSensorModule],exports:[y]}),c.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,imports:[[r.ResizeSensorModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,decorators:[{type:t.NgModule,args:[{declarations:[y],imports:[r.ResizeSensorModule],exports:[y]}]}]}),function(){}),k=(I.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,deps:[],target:a.ɵɵFactoryTarget.NgModule}),I.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,declarations:[l],imports:[r.ResizeSensorModule],exports:[l]}),I.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,imports:[[r.ResizeSensorModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,decorators:[{type:t.NgModule,args:[{declarations:[l],imports:[r.ResizeSensorModule],exports:[l]}]}]}),function(){});k.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,deps:[],target:a.ɵɵFactoryTarget.NgModule}),k.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,exports:[c,I]}),k.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,imports:[c,I]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,decorators:[{type:t.NgModule,args:[{exports:[c,I]}]}]});e.BarcodeComponent=y,e.BarcodeModule=c,e.BarcodesModule=k,e.QRCodeComponent=l,e.QRCodeModule=I,e.createBarcodeValidator=function(r,e){var n=o.barcodeValidator(r,e);return function(e){if(null==e.value||""===e.value)return null;var t=n(e.value);return!0===t.valid?null:{barcode:{message:t.error.message,value:e.value,type:r}}}},e.createQRCodeValidator=function(r){void 0===r&&(r="ISO_8859_1");var n=o.qrcodeValidator(r);return function(e){if(!e.value)return null;var t=n(e.value);return!0===t.valid?null:{qrcode:{message:t.error.message,value:e.value,encoding:r}}}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-charts"),require("@progress/kendo-angular-common"),require("@progress/kendo-drawing"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define("KendoAngularBarcodes",["exports","@angular/core","@progress/kendo-charts","@progress/kendo-angular-common","@progress/kendo-drawing","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularBarcodes={},e.ng.core,e.KendoCharts,e.KendoAngularCommon,e.KendoDrawing,e.KendoLicensing)}(this,function(e,t,o,r,n,i){"use strict";function s(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(r,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return r[e]}}))}),n.default=r,Object.freeze(n)}var a=s(t),c=s(r),p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)};function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}Object.create;Object.create;var d={name:"@progress/kendo-angular-barcodes",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1649858834,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"},l=(Object.defineProperty(g.prototype,"autoResize",{get:function(){return 0<this.resizeRateLimit},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"canRender",{get:function(){return r.isDocumentAvailable()&&Boolean(this.element)},enumerable:!1,configurable:!0}),g.prototype.ngAfterViewInit=function(){this.refresh()},g.prototype.ngOnChanges=function(e){e.renderAs&&this.instance&&(this.instance.destroy(),this.instance=null),this.refresh()},g.prototype.resize=function(){this.instance&&this.instance.redraw()},g.prototype.onResize=function(){this.autoResize&&this.resize()},g.prototype.exportImage=function(e){return void 0===e&&(e={}),n.exportImage(this.exportVisual(),e)},g.prototype.exportSVG=function(e){return void 0===e&&(e={}),n.exportSVG(this.exportVisual(),e)},g.prototype.exportVisual=function(){return this.instance.exportVisual()},g.prototype.refresh=function(){var e;this.canRender&&(this.instance?this.instance.setOptions(this.options):(e=this.element.nativeElement,this.instance=this.createInstance(e,this.options)))},g.prototype.isDevMode=function(){return t.isDevMode()},g);function g(e,t,r){this.element=e,this.renderer=t,this.ngZone=r,this.resizeRateLimit=10,i.validatePackage(d)}l.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,deps:[{token:a.ElementRef},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Directive}),l.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:l,inputs:{resizeRateLimit:"resizeRateLimit"},viewQueries:[{propertyName:"surfaceElement",first:!0,predicate:["surface"],descendants:!0,static:!0}],usesOnChanges:!0,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,decorators:[{type:t.Directive}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2},{type:a.NgZone}]},propDecorators:{resizeRateLimit:[{type:t.Input}],surfaceElement:[{type:t.ViewChild,args:["surface",{static:!0}]}]}});u(h,m=l),Object.defineProperty(h.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:!1,configurable:!0}),h.prototype.createInstance=function(e,t){return new o.Barcode(e,t,this.onError.bind(this))},h.prototype.onError=function(e){if(e.name=d.productName+" Barcode",this.isDevMode())throw e;console.warn(e)};var m,y=h;function h(e,t,r){var n=m.call(this,e,t,r)||this;return n.element=e,n.renderer=t,n.ngZone=r,n.resizeRateLimit=10,n}y.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y,deps:[{token:a.ElementRef},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Component}),y.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"kendo-barcode",inputs:{background:"background",border:"border",checksum:"checksum",color:"color",height:"height",padding:"padding",renderAs:"renderAs",text:"text",type:"type",value:"value",width:"width",resizeRateLimit:"resizeRateLimit"},exportAs:["kendoBarcode"],usesInheritance:!0,ngImport:a,template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:c.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y,decorators:[{type:t.Component,args:[{changeDetection:t.ChangeDetectionStrategy.OnPush,exportAs:"kendoBarcode",selector:"kendo-barcode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2},{type:a.NgZone}]},propDecorators:{background:[{type:t.Input}],border:[{type:t.Input}],checksum:[{type:t.Input}],color:[{type:t.Input}],height:[{type:t.Input}],padding:[{type:t.Input}],renderAs:[{type:t.Input}],text:[{type:t.Input}],type:[{type:t.Input}],value:[{type:t.Input}],width:[{type:t.Input}],resizeRateLimit:[{type:t.Input}]}});u(v,f=l),Object.defineProperty(v.prototype,"options",{get:function(){return{background:this.background||"#fff",border:this.border,color:this.color||"#000",encoding:this.encoding,errorCorrection:this.errorCorrection||"L",overlay:this.overlay||{},padding:this.padding,renderAs:this.renderAs,size:this.size,value:this.value}},enumerable:!1,configurable:!0}),v.prototype.createInstance=function(e,t){return new o.QRCode(e,t,this.onError.bind(this))},v.prototype.onError=function(e){if(e.name=d.productName+" QRCode",this.isDevMode())throw e;console.warn(e)};var f,l=v;function v(e,t,r){var n=f.call(this,e,t,r)||this;return n.element=e,n.renderer=t,n.ngZone=r,n.resizeRateLimit=10,n}l.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,deps:[{token:a.ElementRef},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Component}),l.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:l,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:!0,ngImport:a,template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:c.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,decorators:[{type:t.Component,args:[{changeDetection:t.ChangeDetectionStrategy.OnPush,selector:"kendo-qrcode",exportAs:"kendoQRCode",template:'\n        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2},{type:a.NgZone}]},propDecorators:{background:[{type:t.Input}],border:[{type:t.Input}],color:[{type:t.Input}],encoding:[{type:t.Input}],errorCorrection:[{type:t.Input}],overlay:[{type:t.Input}],padding:[{type:t.Input}],renderAs:[{type:t.Input}],size:[{type:t.Input}],value:[{type:t.Input}],resizeRateLimit:[{type:t.Input}]}});var c=function(){},I=(c.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,deps:[],target:a.ɵɵFactoryTarget.NgModule}),c.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,declarations:[y],imports:[r.ResizeSensorModule],exports:[y]}),c.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,imports:[[r.ResizeSensorModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:c,decorators:[{type:t.NgModule,args:[{declarations:[y],imports:[r.ResizeSensorModule],exports:[y]}]}]}),function(){}),k=(I.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,deps:[],target:a.ɵɵFactoryTarget.NgModule}),I.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,declarations:[l],imports:[r.ResizeSensorModule],exports:[l]}),I.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,imports:[[r.ResizeSensorModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,decorators:[{type:t.NgModule,args:[{declarations:[l],imports:[r.ResizeSensorModule],exports:[l]}]}]}),function(){});k.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,deps:[],target:a.ɵɵFactoryTarget.NgModule}),k.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,exports:[c,I]}),k.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,imports:[c,I]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,decorators:[{type:t.NgModule,args:[{exports:[c,I]}]}]});e.BarcodeComponent=y,e.BarcodeModule=c,e.BarcodesModule=k,e.QRCodeComponent=l,e.QRCodeModule=I,e.createBarcodeValidator=function(r,e){var n=o.barcodeValidator(r,e);return function(e){if(null==e.value||""===e.value)return null;var t=n(e.value);return!0===t.valid?null:{barcode:{message:t.error.message,value:e.value,type:r}}}},e.createQRCodeValidator=function(r){void 0===r&&(r="ISO_8859_1");var n=o.qrcodeValidator(r);return function(e){if(!e.value)return null;var t=n(e.value);return!0===t.valid?null:{qrcode:{message:t.error.message,value:e.value,encoding:r}}}},Object.defineProperty(e,"__esModule",{value:!0})});

package/chart-types/barcode-types.d.ts

@@ -0,0 +1,109 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Border, Margin, Padding, RenderMode } from './field-types';
+/**
+ * Supported symbologies (encodings) for the Barcode component.
+ */
+export declare type BarcodeType = '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 that 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;
+}