@progress/kendo-angular-barcodes 17.0.0-develop.3 → 17.0.0-develop.31

package/README.md

@@ -1,31 +1,46 @@
-<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/barcodes" target="_blank">
 <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 
-## Native UI and Data Visualization Components for Angular
+## Kendo UI for Angular Barcodes Package
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
-
-> **Important**
 > * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [My License page](https://www.telerik.com/kendo-angular-ui/my-license/).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui/) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui). Doing so indicates that you [Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI dev team!
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
+
+The Kendo UI for Angular Barcodes render common industry barcodes including a variety of one-dimensional (1D) and two-dimensional (2D or "matrix") barcodes suitable for display and high-quality prints.
+
+## What's Included in the Angular Barcodes Package
+
+The [Angular Barcodes](https://www.telerik.com/kendo-angular-ui/components/barcodes) package includes two built-in components:
+
+* [Angular Barcode](https://www.telerik.com/kendo-angular-ui/components/barcodes/barcode)
+* [Angular QR Code](https://www.telerik.com/kendo-angular-ui/components/barcodes/qrcode)
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Barcodes deliver are:
+
+* Validation&mdash;The Barcodes provide built-in validation for all supported encodings and barcode types. Read more about the built-in validator of the [Barcode](https://www.telerik.com/kendo-angular-ui/components/barcodes/barcode/validation) and [QR Code](https://www.telerik.com/kendo-angular-ui/components/barcodes/qrcode/validation) components.
+* [Various Export Options](https://www.telerik.com/kendo-angular-ui/components/barcodes/export-options)&mdash;The Barcodes provide built-in support for exporting as an image (PNG), PDF, SVG, and the Kendo UI Drawing format (useful for further processing).
+* [Rendering Modes](https://www.telerik.com/kendo-angular-ui/components/barcodes/rendering)&mdash;The Barcodes support two modes for rendering&mdash;Canvas (bitmap) and SVG (vector graphics). By default, the Barcodes are rendered through SVG. Switching between the two is as easy as updating a single configuration option.
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular Barcodes, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Barcodes](https://www.telerik.com/kendo-angular-ui/components/barcodes/installation/getting-started)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
 * [Blogs](http://www.telerik.com/blogs/kendo-ui)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

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: 1728917579,
-    version: '17.0.0-develop.3',
+    publishDate: 1730478898,
+    version: '17.0.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };