@progress/kendo-react-barcodes 13.3.0 → 13.4.0-develop.1

package/Barcode.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BarcodeProps } from './BarcodeProps.js';
+import { Surface, Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
+import * as React from 'react';
+/**
+ * Represents the KendoReact Barcode component.
+ */
+export declare class Barcode extends React.Component<BarcodeProps, {}> {
+    private _baseBarcode;
+    /**
+     * @hidden
+     */
+    get barcodeInstance(): any;
+    /**
+     * Gets the Drawing `Surface` of the Barcode.
+     */
+    get surface(): Surface | null;
+    /**
+     * Gets the DOM element of the Barcode.
+     */
+    get element(): HTMLDivElement | null;
+    /**
+     * @hidden
+     */
+    render(): any;
+    /**
+     * Exports the component as an image. The export operation runs asynchronously and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that resolves with a PNG image encoded as a Data URI.
+     */
+    exportImage(options?: ImageExportOptions): Promise<string>;
+    /**
+     * Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
+     *
+     * @param options - The parameters for the exported file.
+     * @returns A promise that resolves with an SVG document that is encoded as a Data URI.
+     */
+    exportSVG(options?: SVGExportOptions): Promise<string>;
+    /**
+     * Exports a Barcode component as a Drawing `Scene`.
+     *
+     * @param {any} options - The parameters for the export operation.
+     * @returns {Group} A promise that returns the root `Group` of the scene.
+     */
+    exportVisual(options?: any): Group;
+    private getTarget;
+    private deriveOptionsFromParent;
+}

package/BarcodeContext.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Store } from './store/store.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface BarcodeContextType {
+    observersStore: Store;
+}
+/**
+ * @hidden
+ */
+export declare const BarcodeContext: React.Context<BarcodeContextType | null>;

package/BarcodeProps.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseBarcodeProps } from './BaseBarcodeProps.js';
+import { BarcodeText, BarcodeType, Border, Padding } from './types.js';
+/**
+ * Represents the props of the [KendoReact Barcode component](https://www.telerik.com/kendo-react-ui/components/barcodes/barcode).
+ */
+export interface BarcodeProps extends BaseBarcodeProps {
+    /**
+     * Sets the background color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "white"
+     * @example
+     * <Barcode background="#ffffff" />
+     */
+    background?: string;
+    /**
+     * Sets the border of the Barcode. Accepts an object implementing the `Border` interface.
+     *
+     * @example
+     * <Barcode border={{ color: "black", width: 2 }} />
+     */
+    border?: Border;
+    /**
+     * Shows or hides the checksum digit next to the value in the text area.
+     *
+     * @default false
+     * @example
+     * <Barcode checksum={true} />
+     */
+    checksum?: boolean;
+    /**
+     * Sets the color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "black"
+     * @example
+     * <Barcode color="#000000" />
+     */
+    color?: string;
+    /**
+     * Sets the height of the Barcode in pixels.
+     * You can also set the Barcode dimensions through regular CSS styling.
+     *
+     * @example
+     * <Barcode height={100} />
+     */
+    height?: number;
+    /**
+     * Sets the padding of the Barcode. Accepts a numeric value or an object implementing the `Padding` interface.
+     *
+     * @default 0
+     * @example
+     * <Barcode padding={{ top: 10, bottom: 10, left: 5, right: 5 }} />
+     */
+    padding?: Padding | number;
+    /**
+     * Sets the text label configuration of the Barcode. Accepts an object implementing the `BarcodeText` interface.
+     *
+     * @example
+     * <Barcode text={{ visible: true, position: "bottom", color: "black" }} />
+     */
+    text?: BarcodeText;
+    /**
+     * Sets the symbology (encoding) that the Barcode will use. Accepts a value of type `BarcodeType` or a custom string.
+     *
+     * @default "Code39"
+     * @example
+     * <Barcode type="Code128" />
+     */
+    type: BarcodeType | string;
+    /**
+     * Sets the value of the Barcode. Accepts a string or a number.
+     *
+     * @example
+     * <Barcode value="123456789" />
+     */
+    value: number | string;
+    /**
+     * Sets the width of the Barcode in pixels.
+     * You can also set the Barcode dimensions through regular CSS styling.
+     *
+     * @example
+     * <Barcode width={200} />
+     */
+    width?: number;
+}

package/BaseBarcode.d.ts

@@ -0,0 +1,84 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { Surface } from '@progress/kendo-drawing';
+import { BaseBarcodePrivateProps } from './BaseBarcodeProps.js';
+import { BarcodeContextType } from './BarcodeContext.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare class BaseBarcode extends React.Component<BaseBarcodePrivateProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        dir: PropTypes.Requireable<string>;
+        renderAs: PropTypes.Requireable<string>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        renderAs: string;
+    };
+    /**
+     * @hidden
+     */
+    barcodeInstance: any | null;
+    /**
+     * @hidden
+     */
+    surface: Surface | null;
+    /**
+     * @hidden
+     */
+    get element(): HTMLDivElement;
+    protected _element: HTMLDivElement | null;
+    protected contextValue: BarcodeContextType;
+    protected observersStore: any;
+    private readonly showLicenseWatermark;
+    private readonly licenseMessage?;
+    constructor(props: BaseBarcodePrivateProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentDidUpdate(prevProps: any): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
+    /**
+     * @hidden
+     */
+    render(): any;
+    /**
+     * @hidden
+     */
+    instantiateCoreBarcode(): void;
+    /**
+     * @hidden
+     */
+    refresh(): void;
+    /**
+     * @hidden
+     */
+    getBarcodeOptions(): any;
+    /**
+     * @hidden
+     */
+    trigger(name: string, e: any): void;
+    /**
+     * @hidden
+     */
+    onWindowResize: () => void;
+}

package/BaseBarcodeProps.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Barcodes } from './common/barcodes.js';
+import { RenderMode } from './types.js';
+/**
+ * @hidden
+ */
+export interface BaseBarcodePrivateProps extends BaseBarcodeProps {
+    /**
+     * @hidden
+     */
+    deriveOptionsFromParent?: (options: any) => any;
+    /**
+     * @hidden
+     */
+    barcodeConstructor: any;
+    /**
+     * @hidden
+     */
+    getTarget: () => Barcodes;
+}
+/**
+ * @hidden
+ */
+export interface BaseBarcodeProps {
+    /**
+     * @hidden
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets the styles that the component applies.
+     *
+     * @example
+     * <Barcode style={{ backgroundColor: "lightgray" }} />
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets additional CSS classes to the component.
+     *
+     * @example
+     * <Barcode className="custom-barcode-class" />
+     */
+    className?: string;
+    /**
+     * Sets the preferred rendering engine.
+     *
+     * The supported values are:
+     * - `"svg"`&mdash;If available, renders the component as an inline `svg` element.
+     * - `"canvas"`&mdash;If available, renders the component as a `canvas` element.
+     *
+     * @example
+     * <Barcode renderAs="svg" />
+     */
+    renderAs?: RenderMode;
+}

package/QRCode.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { QRCodeProps } from './QRCodeProps.js';
+import { Surface, Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
+import * as React from 'react';
+/**
+ * Represents the KendoReact QRCode component.
+ */
+export declare class QRCode extends React.Component<QRCodeProps, {}> {
+    private _baseBarcode;
+    /**
+     * @hidden
+     */
+    get barcodeInstance(): any;
+    /**
+     * Gets the Drawing `Surface` of the Barcode.
+     */
+    get surface(): Surface | null;
+    /**
+     * Gets the DOM element of the Barcode.
+     */
+    get element(): HTMLDivElement | null;
+    /**
+     * @hidden
+     */
+    render(): any;
+    /**
+     * Exports the component as an image. The export operation runs asynchronously and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that resolves with a PNG image encoded as a Data URI.
+     */
+    exportImage(options?: ImageExportOptions): Promise<string>;
+    /**
+     * Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
+     *
+     * @param options - The parameters for the exported file.
+     * @returns A promise that resolves with an SVG document that is encoded as a Data URI.
+     */
+    exportSVG(options?: SVGExportOptions): Promise<string>;
+    /**
+     * Exports a Barcode component as a Drawing `Scene`.
+     *
+     * @param {any} options - The parameters for the export operation.
+     * @returns {Group} A promise that returns the root `Group` of the scene.
+     */
+    exportVisual(options?: any): Group;
+    private getTarget;
+    private deriveOptionsFromParent;
+}

package/QRCodeProps.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseBarcodeProps } from './BaseBarcodeProps.js';
+import { Border, QRCodeEncoding, QRCodeErrorCorrection, QRCodeOverlay } from './types.js';
+/**
+ * Represents the props of the [KendoReact QRCode component](https://www.telerik.com/kendo-react-ui/components/barcodes/qrcode).
+ */
+export interface QRCodeProps extends BaseBarcodeProps {
+    /**
+     * Sets the background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "white"
+     * @example
+     * <QRCode background="#ffffff" />
+     */
+    background?: string;
+    /**
+     * Sets the border of the QR Code. Accepts an object implementing the `Border` interface.
+     *
+     * @example
+     * <QRCode border={{ color: "black", width: 2 }} />
+     */
+    border?: Border;
+    /**
+     * Sets the color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
+     *
+     * @default "black"
+     * @example
+     * <QRCode color="#000000" />
+     */
+    color?: string;
+    /**
+     * Sets the encoding mode used to encode the value.
+     *
+     * > **Important** The UTF-8 encoding is not included in the specifications and some readers do not support it.
+     *
+     * The possible values are:
+     * * `"ISO_8859_1"`&mdash;Supports all characters from the [ISO/IEC 8859-1](https://en.wikipedia.org/wiki/ISO/IEC_8859-1) character set.
+     * * `"UTF_8"`&mdash;Supports all [Unicode](https://en.wikipedia.org/wiki/List_of_Unicode_characters) characters.
+     *
+     * @default "ISO_8859_1"
+     * @example
+     * <QRCode encoding="UTF_8" />
+     */
+    encoding?: QRCodeEncoding;
+    /**
+     * Sets the error correction level to use.
+     *
+     * The possible values are:
+     * * `"L"`&mdash;Approximately 7% of the codewords can be restored.
+     * * `"M"`&mdash;Approximately 15% of the codewords can be restored.
+     * * `"Q"`&mdash;Approximately 25% of the codewords can be restored.
+     * * `"H"`&mdash;Approximately 30% of the codewords can be restored.
+     *
+     * @default "L"
+     * @example
+     * <QRCode errorCorrection="H" />
+     */
+    errorCorrection?: QRCodeErrorCorrection;
+    /**
+     * An optional image overlay that displays over the QR Code.
+     *
+     * > **Note** Always test if the code reads correctly with the applied overlay.
+     * > Depending on the length of the value and the size of the overlay, you might need to raise the `errorCorrection` level to `"M"` or `"H"`.
+     *
+     * @example
+     * <QRCode overlay={{ imageUrl: "https://example.com/logo.png", size: 50 }} />
+     */
+    overlay?: QRCodeOverlay;
+    /**
+     * Sets the padding of the QR Code. A numeric value sets all paddings.
+     *
+     * @default 0
+     * @example
+     * <QRCode padding={10} />
+     */
+    padding?: number;
+    /**
+     * Determines the size of a QR Code. Numeric values represent pixels.
+     *
+     * If you do not specify a size, the size will be determined from the element width and height.
+     * If the element has width or height of zero, a default value of 200 pixels will be used.
+     *
+     * @default "200px"
+     * @example
+     * <QRCode size={300} />
+     */
+    size?: number | string;
+    /**
+     * Sets the value of the QR Code. Accepts a string or a number.
+     *
+     * @example
+     * <QRCode value="https://example.com" />
+     */
+    value: number | string;
+}

package/common/barcodes.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Barcode } from './../Barcode.js';
+import { QRCode } from './../QRCode.js';
+type Barcodes = Barcode | QRCode;
+export { Barcodes };

package/dist/cdn/js/kendo-react-barcodes.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactBarcodes={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoCharts,e.KendoDrawing)}(this,(function(e,t,r,s,n,o){"use strict";function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(t);const c=(e,t)=>{if(!t.type)return[];switch(t.type){case"add":return[...e,t.payload];case"remove":return e.filter((e=>e!==t.payload));default:return e}},d=e=>"object"==typeof e,l=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(const r in e)if(e.hasOwnProperty(r)){const s=e[r],n=t[r];if(d(s)&&d(n)?l(s,n):s!==n)return!0}return!1},p=(e,t)=>{if(!e||!t||(e=[].concat(e),t=[].concat(t),e.length!==t.length))return!0;for(let r=0;r<e.length;r++)if(l(e[r],t[r]))return!0;return!1},h=i.createContext(null);h.displayName="BarcodeContext";const u=Object.freeze({name:"@progress/kendo-react-barcodes",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.3.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),g=class extends i.Component{constructor(e){super(e),this.barcodeInstance=null,this.surface=null,this._element=null,this.observersStore={},this.showLicenseWatermark=!1,this.onWindowResize=()=>{null!==this.barcodeInstance&&(this.barcodeInstance.redraw(),this.trigger("render",{sender:this}))},this.showLicenseWatermark=!s.validatePackage(u,{component:"Barcode"}),this.licenseMessage=s.getLicenseMessage(u),this.observersStore=(e=>{let t,r,n=[];const o=o=>{t=e(t,o),s.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout((()=>n.forEach((e=>e()))),16.666666666666668))};return o({}),{getState:()=>t,dispatch:o,subscribe:e=>(n.push(e),()=>n=n.filter((t=>t!==e)))}})(c),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){this.instantiateCoreBarcode(),window.addEventListener("resize",this.onWindowResize),this.trigger("render",{sender:this})}componentDidUpdate(e){const{children:t,deriveOptionsFromParent:r,getTarget:s,barcodeConstructor:n,className:o,renderAs:a,...i}=this.props,{children:c,deriveOptionsFromParent:d,getTarget:l,barcodeConstructor:h,className:u,renderAs:g,...b}=e;if(null!==this.barcodeInstance){const e=p(b,i);(a||"svg")!==(g||"svg")?(null!==this.barcodeInstance&&(this.barcodeInstance.destroy(),this.barcodeInstance=null),this.instantiateCoreBarcode()):e&&this.refresh(),this.trigger("render",{sender:this})}}componentWillUnmount(){null!==this.barcodeInstance&&(this.barcodeInstance.destroy(),this.barcodeInstance=null),window.removeEventListener("resize",this.onWindowResize)}render(){const{style:e={},className:t,children:r}=this.props;return i.createElement(h.Provider,{value:this.contextValue},i.createElement("div",{style:e,ref:e=>{this._element=e},className:t},r,this.showLicenseWatermark&&i.createElement(s.WatermarkOverlay,{message:this.licenseMessage})))}instantiateCoreBarcode(){const{barcodeConstructor:e}=this.props,t=this.getBarcodeOptions();this.barcodeInstance=new e(this.element,t,(e=>{if("production"!==process.env.NODE_ENV)throw e;console.warn(e)}))}refresh(){if(null!==this.barcodeInstance){const e=this.getBarcodeOptions();this.barcodeInstance.setOptions(e)}}getBarcodeOptions(){const{renderAs:e,deriveOptionsFromParent:t}=this.props;let r={renderAs:e};return t&&(r=t(r)),r}trigger(e,t){const r=this.observersStore.getState();for(let s=0;s<r.length;s++)r[s].trigger(e,t)}};g.propTypes={dir:r.string,renderAs:r.oneOf(["svg","canvas"])},g.defaultProps={renderAs:"svg"};let b=g;class m extends i.Component{constructor(){super(...arguments),this._baseBarcode=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>Object.assign({},e,{background:this.props.background,border:this.props.border,checksum:this.props.checksum,color:this.props.color,height:this.props.height,padding:this.props.padding,text:this.props.text,type:this.props.type,value:this.props.value,width:this.props.width})}get barcodeInstance(){return null!==this._baseBarcode?this._baseBarcode.barcodeInstance:null}get surface(){return null!==this._baseBarcode?this._baseBarcode.surface:null}get element(){return null!==this._baseBarcode?this._baseBarcode.element:null}render(){const{children:e,className:t,...r}=this.props;return i.createElement(b,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseBarcode=e},barcodeConstructor:n.Barcode,getTarget:this.getTarget,className:s.classNames("k-barcode",t)},e)}exportImage(e={}){return o.exportImage(this.exportVisual(),e)}exportSVG(e={}){return o.exportSVG(this.exportVisual(),e)}exportVisual(e){return null!==this.barcodeInstance?this.barcodeInstance.exportVisual(e):new o.Group}}class f extends i.Component{constructor(){super(...arguments),this._baseBarcode=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>Object.assign({},e,{background:this.props.background||"#fff",border:this.props.border,color:this.props.color||"#000",encoding:this.props.encoding,errorCorrection:this.props.errorCorrection||"L",overlay:this.props.overlay||{},padding:this.props.padding,renderAs:this.props.renderAs,size:this.props.size,value:this.props.value})}get barcodeInstance(){return null!==this._baseBarcode?this._baseBarcode.barcodeInstance:null}get surface(){return null!==this._baseBarcode?this._baseBarcode.surface:null}get element(){return null!==this._baseBarcode?this._baseBarcode.element:null}render(){const{children:e,className:t,...r}=this.props;return i.createElement(b,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseBarcode=e},barcodeConstructor:n.QRCode,getTarget:this.getTarget,className:s.classNames("k-qrcode",t)},e)}exportImage(e={}){return o.exportImage(this.exportVisual(),e)}exportSVG(e={}){return o.exportSVG(this.exportVisual(),e)}exportVisual(e){return null!==this.barcodeInstance?this.barcodeInstance.exportVisual(e):new o.Group}}e.Barcode=m,e.QRCode=f}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactBarcodes={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoCharts,e.KendoDrawing)}(this,function(e,t,r,s,n,o){"use strict";function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var i=a(t);const c=1e3/60,d=(e,t)=>{if(!t.type)return[];switch(t.type){case"add":return[...e,t.payload];case"remove":return e.filter(e=>e!==t.payload);default:return e}},l=e=>"object"==typeof e,p=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(const r in e)if(e.hasOwnProperty(r)){const s=e[r],n=t[r];if(l(s)&&l(n)?p(s,n):s!==n)return!0}return!1},h=(e,t)=>{if(!e||!t||(e=[].concat(e),t=[].concat(t),e.length!==t.length))return!0;for(let r=0;r<e.length;r++)if(p(e[r],t[r]))return!0;return!1},u=i.createContext(null);u.displayName="BarcodeContext";const g=Object.freeze({name:"@progress/kendo-react-barcodes",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),b=class extends i.Component{constructor(e){super(e),this.barcodeInstance=null,this.surface=null,this._element=null,this.observersStore={},this.showLicenseWatermark=!1,this.onWindowResize=()=>{null!==this.barcodeInstance&&(this.barcodeInstance.redraw(),this.trigger("render",{sender:this}))},this.showLicenseWatermark=!s.validatePackage(g,{component:"Barcode"}),this.licenseMessage=s.getLicenseMessage(g),this.observersStore=(e=>{let t,r,n=[];const o=o=>{t=e(t,o),s.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout(()=>n.forEach(e=>e()),c))};return o({}),{getState:()=>t,dispatch:o,subscribe:e=>(n.push(e),()=>n=n.filter(t=>t!==e))}})(d),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){this.instantiateCoreBarcode(),window.addEventListener("resize",this.onWindowResize),this.trigger("render",{sender:this})}componentDidUpdate(e){const{children:t,deriveOptionsFromParent:r,getTarget:s,barcodeConstructor:n,className:o,renderAs:a,...i}=this.props,{children:c,deriveOptionsFromParent:d,getTarget:l,barcodeConstructor:p,className:u,renderAs:g,...b}=e;if(null!==this.barcodeInstance){const e=h(b,i);(a||"svg")!==(g||"svg")?(null!==this.barcodeInstance&&(this.barcodeInstance.destroy(),this.barcodeInstance=null),this.instantiateCoreBarcode()):e&&this.refresh(),this.trigger("render",{sender:this})}}componentWillUnmount(){null!==this.barcodeInstance&&(this.barcodeInstance.destroy(),this.barcodeInstance=null),window.removeEventListener("resize",this.onWindowResize)}render(){const{style:e={},className:t,children:r}=this.props;return i.createElement(u.Provider,{value:this.contextValue},i.createElement("div",{style:e,ref:e=>{this._element=e},className:t},r,this.showLicenseWatermark&&i.createElement(s.WatermarkOverlay,{message:this.licenseMessage})))}instantiateCoreBarcode(){const{barcodeConstructor:e}=this.props,t=this.getBarcodeOptions();this.barcodeInstance=new e(this.element,t,e=>{if("production"!==process.env.NODE_ENV)throw e;console.warn(e)})}refresh(){if(null!==this.barcodeInstance){const e=this.getBarcodeOptions();this.barcodeInstance.setOptions(e)}}getBarcodeOptions(){const{renderAs:e,deriveOptionsFromParent:t}=this.props;let r={renderAs:e};return t&&(r=t(r)),r}trigger(e,t){const r=this.observersStore.getState();for(let s=0;s<r.length;s++)r[s].trigger(e,t)}};b.propTypes={dir:r.string,renderAs:r.oneOf(["svg","canvas"])},b.defaultProps={renderAs:"svg"};let m=b;class f extends i.Component{constructor(){super(...arguments),this._baseBarcode=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>Object.assign({},e,{background:this.props.background,border:this.props.border,checksum:this.props.checksum,color:this.props.color,height:this.props.height,padding:this.props.padding,text:this.props.text,type:this.props.type,value:this.props.value,width:this.props.width})}get barcodeInstance(){return null!==this._baseBarcode?this._baseBarcode.barcodeInstance:null}get surface(){return null!==this._baseBarcode?this._baseBarcode.surface:null}get element(){return null!==this._baseBarcode?this._baseBarcode.element:null}render(){const{children:e,className:t,...r}=this.props;return i.createElement(m,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseBarcode=e},barcodeConstructor:n.Barcode,getTarget:this.getTarget,className:s.classNames("k-barcode",t)},e)}exportImage(e={}){return o.exportImage(this.exportVisual(),e)}exportSVG(e={}){return o.exportSVG(this.exportVisual(),e)}exportVisual(e){return null!==this.barcodeInstance?this.barcodeInstance.exportVisual(e):new o.Group}}class v extends i.Component{constructor(){super(...arguments),this._baseBarcode=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>Object.assign({},e,{background:this.props.background||"#fff",border:this.props.border,color:this.props.color||"#000",encoding:this.props.encoding,errorCorrection:this.props.errorCorrection||"L",overlay:this.props.overlay||{},padding:this.props.padding,renderAs:this.props.renderAs,size:this.props.size,value:this.props.value})}get barcodeInstance(){return null!==this._baseBarcode?this._baseBarcode.barcodeInstance:null}get surface(){return null!==this._baseBarcode?this._baseBarcode.surface:null}get element(){return null!==this._baseBarcode?this._baseBarcode.element:null}render(){const{children:e,className:t,...r}=this.props;return i.createElement(m,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseBarcode=e},barcodeConstructor:n.QRCode,getTarget:this.getTarget,className:s.classNames("k-qrcode",t)},e)}exportImage(e={}){return o.exportImage(this.exportVisual(),e)}exportSVG(e={}){return o.exportSVG(this.exportVisual(),e)}exportVisual(e){return null!==this.barcodeInstance?this.barcodeInstance.exportVisual(e):new o.Group}}e.Barcode=f,e.QRCode=v});