@progress/kendo-angular-barcodes 17.0.0-develop.20 → 17.0.0-develop.22

package/barcode.component.d.ts

@@ -311,5 +311,5 @@ export declare class BarcodeComponent extends BaseComponent {
     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, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarcodeComponent, "kendo-barcode", ["kendoBarcode"], { "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "checksum": { "alias": "checksum"; "required": false; }; "color": { "alias": "color"; "required": false; }; "height": { "alias": "height"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "renderAs": { "alias": "renderAs"; "required": false; }; "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "resizeRateLimit": { "alias": "resizeRateLimit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/base.component.d.ts

@@ -54,5 +54,5 @@ export declare abstract class BaseComponent implements OnChanges, AfterViewInit
     protected refresh(): void;
     protected isDevMode(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, { "resizeRateLimit": "resizeRateLimit"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, { "resizeRateLimit": { "alias": "resizeRateLimit"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -6,7 +6,7 @@ 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';
+export 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.
  */

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

@@ -5,7 +5,7 @@
 /**
  * The dash line type.
  */
-export declare type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';
+export type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';
 /**
  * The appearance settings for the border lines.
  */
@@ -72,4 +72,4 @@ export interface Padding {
  * * `"canvas"`—Renders the component as a Canvas element.
  * * `"svg"`—Renders the component as an inline SVG document.
  */
-export declare type RenderMode = 'svg' | 'canvas';
+export type RenderMode = 'svg' | 'canvas';

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

@@ -6,7 +6,7 @@ import { Border, Padding, RenderMode } from './field-types';
 /**
  * The QR Code encoding modes.
  */
-export declare type QRCodeEncoding = 'ISO_8859_1' | 'UTF_8';
+export type QRCodeEncoding = 'ISO_8859_1' | 'UTF_8';
 /**
  * The QR Code error correction levels.
  *
@@ -15,7 +15,7 @@ export declare type QRCodeEncoding = 'ISO_8859_1' | 'UTF_8';
  * * `"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';
+export type QRCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H';
 /**
  * The image overlay configuration of the QR Code.
  */

package/esm2022/barcode.component.mjs

@@ -0,0 +1,384 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, Component, ElementRef, Input, NgZone, Renderer2 } from '@angular/core';
+import { Barcode } from '@progress/kendo-charts';
+import { BaseComponent } from './base.component';
+import { packageMetadata } from './package-metadata';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
+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 class BarcodeComponent extends BaseComponent {
+    element;
+    renderer;
+    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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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.px]="200" [style.height.px]="100">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    height;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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.px]="200" [style.height.px]="100">
+     *        </kendo-barcode>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    width;
+    /**
+     * 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 = 10;
+    get options() {
+        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
+        };
+    }
+    constructor(element, renderer, ngZone) {
+        super(element, renderer, ngZone);
+        this.element = element;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+    }
+    createInstance(element, options) {
+        return new Barcode(element, options, this.onError.bind(this));
+    }
+    onError(error) {
+        error.name = packageMetadata.productName + ' Barcode';
+        if (this.isDevMode()) {
+            throw error;
+        }
+        else {
+            console.warn(error);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BarcodeComponent, isStandalone: true, 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: true, ngImport: i0, template: `
+        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    `, isInline: true, dependencies: [{ kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendoBarcode',
+                    selector: 'kendo-barcode',
+                    template: `
+        <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+    `,
+                    standalone: true,
+                    imports: [ResizeSensorComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], checksum: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], renderAs: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], resizeRateLimit: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/barcode.module.mjs

@@ -40,11 +40,11 @@ import * as i1 from "./barcode.component";
  * ```
  */
 export class BarcodeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BarcodeModule, imports: [i1.BarcodeComponent], exports: [i1.BarcodeComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodeModule, providers: [ResizeBatchService], imports: [KENDO_BARCODE] });
 }
-BarcodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BarcodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BarcodeModule, imports: [i1.BarcodeComponent], exports: [i1.BarcodeComponent] });
-BarcodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarcodeModule, providers: [ResizeBatchService], imports: [KENDO_BARCODE] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarcodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_BARCODE],

package/{esm2020 → esm2022}/barcodes.module.mjs

@@ -41,11 +41,11 @@ import * as i2 from "./qrcode.component";
  * ```
  */
 export class BarcodesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BarcodesModule, imports: [i1.BarcodeComponent, i2.QRCodeComponent], exports: [i1.BarcodeComponent, i2.QRCodeComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodesModule, providers: [ResizeBatchService], imports: [KENDO_BARCODES] });
 }
-BarcodesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarcodesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BarcodesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BarcodesModule, imports: [i1.BarcodeComponent, i2.QRCodeComponent], exports: [i1.BarcodeComponent, i2.QRCodeComponent] });
-BarcodesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarcodesModule, providers: [ResizeBatchService], imports: [KENDO_BARCODES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarcodesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarcodesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_BARCODES],

package/{esm2020 → esm2022}/base.component.mjs

@@ -12,19 +12,24 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class BaseComponent {
-    constructor(element, renderer, ngZone) {
-        this.element = element;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.resizeRateLimit = 10;
-        validatePackage(packageMetadata);
-    }
+    element;
+    renderer;
+    ngZone;
+    resizeRateLimit = 10;
+    surfaceElement;
+    instance;
     get autoResize() {
         return this.resizeRateLimit > 0;
     }
     get canRender() {
         return isDocumentAvailable() && Boolean(this.element);
     }
+    constructor(element, renderer, ngZone) {
+        this.element = element;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        validatePackage(packageMetadata);
+    }
     ngAfterViewInit() {
         this.refresh();
     }
@@ -94,10 +99,10 @@ export class BaseComponent {
     isDevMode() {
         return isDevMode();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponent, inputs: { resizeRateLimit: "resizeRateLimit" }, viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
 }
-BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-BaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseComponent, inputs: { resizeRateLimit: "resizeRateLimit" }, viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { resizeRateLimit: [{
                 type: Input

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-barcodes',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729855340,
-    version: '17.0.0-develop.20',
+    publishDate: 1730103777,
+    version: '17.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };