@progress/kendo-vue-barcodes 9.2.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Barcode.d.ts +81 -0
- package/Barcode.js +8 -0
- package/Barcode.mjs +109 -0
- package/BarcodeProps.d.ts +66 -0
- package/BaseBarcode.d.ts +38 -0
- package/BaseBarcode.js +8 -0
- package/BaseBarcode.mjs +92 -0
- package/BaseBarcodeProps.d.ts +35 -0
- package/LICENSE.md +11 -0
- package/NOTICE.txt +109 -0
- package/QRCode.d.ts +79 -0
- package/QRCode.js +8 -0
- package/QRCode.mjs +108 -0
- package/QRCodeProps.d.ts +78 -0
- package/README.md +53 -0
- package/dist/cdn/js/kendo-vue-barcodes.js +15 -0
- package/index.d.mts +14 -0
- package/index.d.ts +14 -0
- package/index.js +8 -0
- package/index.mjs +13 -0
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +65 -0
- package/store/reducer.d.ts +13 -0
- package/store/reducer.js +8 -0
- package/store/reducer.mjs +23 -0
- package/store/store.d.ts +31 -0
- package/store/store.js +8 -0
- package/store/store.mjs +19 -0
- package/types/barcode-text.d.ts +39 -0
- package/types/barcode-type.d.ts +11 -0
- package/types/border.interface.d.ts +31 -0
- package/types/dash-type.interface.d.ts +11 -0
- package/types/margin.interface.d.ts +36 -0
- package/types/padding.interface.d.ts +36 -0
- package/types/qrcode-encoding.d.ts +11 -0
- package/types/qrcode-error-correction.d.ts +16 -0
- package/types/qrcode-overlay.d.ts +36 -0
- package/types/render-mode.d.ts +15 -0
- package/types.d.ts +17 -0
- package/utils/common.d.ts +11 -0
- package/utils/common.js +8 -0
- package/utils/common.mjs +28 -0
package/QRCode.mjs
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { defineComponent as o, createVNode as t } from "vue";
|
|
9
|
+
import { classNames as s } from "@progress/kendo-vue-common";
|
|
10
|
+
import { BaseBarcode as n } from "./BaseBarcode.mjs";
|
|
11
|
+
import { QRCode as a } from "@progress/kendo-charts";
|
|
12
|
+
import { Group as i, exportSVG as c, exportImage as d } from "@progress/kendo-drawing";
|
|
13
|
+
const p = "#000", u = "#fff", l = "L", $ = /* @__PURE__ */ o({
|
|
14
|
+
name: "KendoQRCode",
|
|
15
|
+
props: {
|
|
16
|
+
renderAs: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: "svg"
|
|
19
|
+
},
|
|
20
|
+
background: String,
|
|
21
|
+
border: Object,
|
|
22
|
+
color: String,
|
|
23
|
+
encoding: String,
|
|
24
|
+
errorCorrection: String,
|
|
25
|
+
overlay: Object,
|
|
26
|
+
padding: Number,
|
|
27
|
+
size: [Number, String],
|
|
28
|
+
value: [String, Number]
|
|
29
|
+
},
|
|
30
|
+
methods: {
|
|
31
|
+
/**
|
|
32
|
+
* Gets the Drawing `Surface` of the QRCode.
|
|
33
|
+
*/
|
|
34
|
+
getSurface() {
|
|
35
|
+
var e;
|
|
36
|
+
const r = this.$refs.baseBarcode;
|
|
37
|
+
return r && ((e = r.barcodeInstance) == null ? void 0 : e.surface) || null;
|
|
38
|
+
},
|
|
39
|
+
/**
|
|
40
|
+
* Gets the DOM element of the QRCode.
|
|
41
|
+
*/
|
|
42
|
+
getElement() {
|
|
43
|
+
const r = this.$refs.baseBarcode;
|
|
44
|
+
return r && r.$el || null;
|
|
45
|
+
},
|
|
46
|
+
/**
|
|
47
|
+
* Exports the component as an image. The export operation runs asynchronously and returns a promise.
|
|
48
|
+
*
|
|
49
|
+
* @param options - The parameters for the exported image.
|
|
50
|
+
* @returns A promise that resolves with a PNG image encoded as a Data URI.
|
|
51
|
+
*/
|
|
52
|
+
exportImage(r = {}) {
|
|
53
|
+
return d(this.exportVisual(), r);
|
|
54
|
+
},
|
|
55
|
+
/**
|
|
56
|
+
* Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
|
|
57
|
+
*
|
|
58
|
+
* @param options - The parameters for the exported file.
|
|
59
|
+
* @returns A promise that resolves with an SVG document that is encoded as a Data URI.
|
|
60
|
+
*/
|
|
61
|
+
exportSVG(r = {}) {
|
|
62
|
+
return c(this.exportVisual(), r);
|
|
63
|
+
},
|
|
64
|
+
/**
|
|
65
|
+
* Exports a QRCode component as a Drawing Scene.
|
|
66
|
+
*
|
|
67
|
+
* @param options - The parameters for the export operation.
|
|
68
|
+
* @returns The root Group of the scene.
|
|
69
|
+
*/
|
|
70
|
+
exportVisual(r) {
|
|
71
|
+
const e = this.$refs.baseBarcode;
|
|
72
|
+
return e != null && e.barcodeInstance ? e.barcodeInstance.exportVisual(r) : new i();
|
|
73
|
+
},
|
|
74
|
+
deriveOptionsFromParent(r) {
|
|
75
|
+
return Object.assign({}, r, {
|
|
76
|
+
background: this.$props.background || u,
|
|
77
|
+
border: this.$props.border,
|
|
78
|
+
color: this.$props.color || p,
|
|
79
|
+
encoding: this.$props.encoding,
|
|
80
|
+
errorCorrection: this.$props.errorCorrection || l,
|
|
81
|
+
overlay: this.$props.overlay || {},
|
|
82
|
+
padding: this.$props.padding,
|
|
83
|
+
renderAs: this.$props.renderAs,
|
|
84
|
+
size: this.$props.size,
|
|
85
|
+
value: this.$props.value
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
computed: {
|
|
90
|
+
barcodeInstance() {
|
|
91
|
+
const r = this.$refs.baseBarcode;
|
|
92
|
+
return r ? r.barcodeInstance : null;
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
render() {
|
|
96
|
+
return t(n, {
|
|
97
|
+
ref: "baseBarcode",
|
|
98
|
+
renderAs: this.$props.renderAs,
|
|
99
|
+
deriveOptionsFromParent: this.deriveOptionsFromParent,
|
|
100
|
+
barcodeConstructor: a,
|
|
101
|
+
getTarget: () => this,
|
|
102
|
+
class: s("k-qrcode", this.$attrs.class)
|
|
103
|
+
}, null);
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
export {
|
|
107
|
+
$ as QRCode
|
|
108
|
+
};
|
package/QRCodeProps.d.ts
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { BaseBarcodeProps } from './BaseBarcodeProps';
|
|
9
|
+
import { Border, QRCodeEncoding, QRCodeErrorCorrection, QRCodeOverlay } from './types';
|
|
10
|
+
/**
|
|
11
|
+
* Represents the props of the Kendo UI for Vue QRCode component.
|
|
12
|
+
*/
|
|
13
|
+
export interface QRCodeProps extends BaseBarcodeProps {
|
|
14
|
+
/**
|
|
15
|
+
* Sets the background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
|
|
16
|
+
*
|
|
17
|
+
* @default "white"
|
|
18
|
+
*/
|
|
19
|
+
background?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Sets the border of the QR Code. Accepts an object implementing the `Border` interface.
|
|
22
|
+
*/
|
|
23
|
+
border?: Border;
|
|
24
|
+
/**
|
|
25
|
+
* Sets the color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
|
|
26
|
+
*
|
|
27
|
+
* @default "black"
|
|
28
|
+
*/
|
|
29
|
+
color?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Sets the encoding mode used to encode the value.
|
|
32
|
+
*
|
|
33
|
+
* The possible values are:
|
|
34
|
+
* * `"ISO_8859_1"`—Supports all characters from the ISO/IEC 8859-1 character set.
|
|
35
|
+
* * `"UTF_8"`—Supports all Unicode characters.
|
|
36
|
+
*
|
|
37
|
+
* @default "ISO_8859_1"
|
|
38
|
+
*/
|
|
39
|
+
encoding?: QRCodeEncoding;
|
|
40
|
+
/**
|
|
41
|
+
* Sets the error correction level to use.
|
|
42
|
+
*
|
|
43
|
+
* The possible values are:
|
|
44
|
+
* * `"L"`—Approximately 7% of the codewords can be restored.
|
|
45
|
+
* * `"M"`—Approximately 15% of the codewords can be restored.
|
|
46
|
+
* * `"Q"`—Approximately 25% of the codewords can be restored.
|
|
47
|
+
* * `"H"`—Approximately 30% of the codewords can be restored.
|
|
48
|
+
*
|
|
49
|
+
* @default "L"
|
|
50
|
+
*/
|
|
51
|
+
errorCorrection?: QRCodeErrorCorrection;
|
|
52
|
+
/**
|
|
53
|
+
* An optional image overlay that displays over the QR Code.
|
|
54
|
+
*
|
|
55
|
+
* Always test if the code reads correctly with the applied overlay.
|
|
56
|
+
* 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"`.
|
|
57
|
+
*/
|
|
58
|
+
overlay?: QRCodeOverlay;
|
|
59
|
+
/**
|
|
60
|
+
* Sets the padding of the QR Code. A numeric value sets all paddings.
|
|
61
|
+
*
|
|
62
|
+
* @default 0
|
|
63
|
+
*/
|
|
64
|
+
padding?: number;
|
|
65
|
+
/**
|
|
66
|
+
* Determines the size of a QR Code. Numeric values represent pixels.
|
|
67
|
+
*
|
|
68
|
+
* If you do not specify a size, the size will be determined from the element width and height.
|
|
69
|
+
* If the element has width or height of zero, a default value of 200 pixels will be used.
|
|
70
|
+
*
|
|
71
|
+
* @default "200px"
|
|
72
|
+
*/
|
|
73
|
+
size?: number | string;
|
|
74
|
+
/**
|
|
75
|
+
* Sets the value of the QR Code. Accepts a string or a number.
|
|
76
|
+
*/
|
|
77
|
+
value?: number | string;
|
|
78
|
+
}
|
package/README.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<a href="https://www.telerik.com/kendo-vue-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes&utm_content=banner" target="_blank">
|
|
2
|
+
<img src="https://www.telerik.com/kendo-vue-ui/npm-banner.svg" alt="Kendo UI for Vue NPM Banner">
|
|
3
|
+
</a>
|
|
4
|
+
|
|
5
|
+
## Kendo UI for Vue Barcodes Package (Barcode and QRCode Components)
|
|
6
|
+
|
|
7
|
+
> **Important**
|
|
8
|
+
> * This package is а part of [Kendo UI for Vue](https://www.telerik.com/kendo-vue-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)—a commercial UI library.
|
|
9
|
+
> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Vue My License page](https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes).
|
|
10
|
+
> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-vue-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes). Doing so indicates that you [accept the Kendo UI for Vue License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendovue?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes).
|
|
11
|
+
> * The 30-day free trial gives you access to all the Kendo UI for Vue 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 Vue dev team!
|
|
12
|
+
>
|
|
13
|
+
> [Start using Kendo UI for Vue](https://www.telerik.com/download-login-v2-kendo-vue-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes) and speed up your development process!
|
|
14
|
+
|
|
15
|
+
The Kendo UI for Vue Barcodes provide a set of Vue components to build beautiful and customizable barcodes.
|
|
16
|
+
|
|
17
|
+
The Kendo UI for Vue Barcodes package includes the following components:
|
|
18
|
+
|
|
19
|
+
* [Barcode component](https://www.telerik.com/kendo-vue-ui/components/barcodes/barcode/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
20
|
+
* [QRCode component](https://www.telerik.com/kendo-vue-ui/components/barcodes/qrcode/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
21
|
+
|
|
22
|
+
## Vue Barcodes
|
|
23
|
+
|
|
24
|
+
> Starting with **version 6.0.0**, Kendo UI for Vue Native components no longer support Vue 2. Please check our [Vue 2 End of Support article](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/) for more details.
|
|
25
|
+
|
|
26
|
+
Among the many features which the Kendo UI for Vue Barcodes deliver are:
|
|
27
|
+
|
|
28
|
+
* **1D barcode symbologies**—The Barcode component renders a variety of one-dimensional (1D) industry barcodes.
|
|
29
|
+
* **QR codes**—The QRCode component supports the popular Quick Response codes with a variety of settings.
|
|
30
|
+
* **Export**—The barcodes can be exported to an image, a PDF or a SVG, allowing to easily save them locally or on the server.
|
|
31
|
+
* [**Theme support**](https://www.telerik.com/kendo-vue-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)—The Kendo UI for Vue Barcodes, as well as all 100+ components in the Kendo UI for Vue suite, are styled in four polished themes (Bootstrap, Material, Default and Fluent) and can be further customized to match your specific design guidelines.
|
|
32
|
+
|
|
33
|
+
## Support Options
|
|
34
|
+
|
|
35
|
+
For any issues you might encounter while working with the Kendo UI for Vue Barcodes, use any of the available support channels:
|
|
36
|
+
|
|
37
|
+
* Industry-leading technical support—Kendo UI for Vue 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 Vue support system](https://www.telerik.com/account/support-tickets?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes).
|
|
38
|
+
* Product forums—The [Kendo UI for Vue forums](https://www.telerik.com/forums/kendo-ui-vue?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes) are part of the free support you can get from the community and from the Kendo UI for Vue team.
|
|
39
|
+
* Feedback portal—The [Kendo UI for Vue feedback portal](https://feedback.telerik.com/kendo-vue-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes) is where you can request and vote for new features to be added.
|
|
40
|
+
|
|
41
|
+
## Resources
|
|
42
|
+
|
|
43
|
+
* [Getting Started with Kendo UI for Vue](https://www.telerik.com/kendo-vue-ui/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
44
|
+
* [Getting Started with the Kendo UI for Vue Barcodes](https://www.telerik.com/kendo-vue-ui/components/barcodes/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
45
|
+
* [API Reference of the Kendo UI for Vue Barcodes](https://www.telerik.com/kendo-vue-ui/components/barcodes/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
46
|
+
* [Kendo UI for Vue Roadmap](https://www.telerik.com/kendo-vue-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
47
|
+
* [Blogs](https://www.telerik.com/blogs/tag/vue?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
48
|
+
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-vue-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
49
|
+
* [Kendo UI for Vue pricing and licensing](https://www.telerik.com/purchase/kendo-ui/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-barcodes)
|
|
50
|
+
|
|
51
|
+
*Copyright © 2026 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
|
|
52
|
+
|
|
53
|
+
*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.*
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @license
|
|
10
|
+
*-------------------------------------------------------------------------------------------
|
|
11
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
12
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
|
+
*-------------------------------------------------------------------------------------------
|
|
14
|
+
*/
|
|
15
|
+
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-charts","@progress/kendo-drawing"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueBarcodes={},e.Vue,e.KendoVueCommon,e.KendoCharts,e.KendoDrawing)}(this,function(e,r,t,s,n){"use strict";const o=1e3/60,i=(e,r)=>{if(!r.type)return[];switch(r.type){case"add":return[...e,r.payload];case"remove":return e.filter(e=>e!==r.payload);default:return e}},a=e=>null!==e&&"object"==typeof e,d=(e,r)=>{if(Object.keys(e).length!==Object.keys(r).length)return!0;for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const s=e[t],n=r[t];if(a(s)&&a(n)?d(s,n):s!==n)return!0}return!1},c={name:"@progress/kendo-vue-barcodes",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1639640368,version:"9.2.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},p=r.defineComponent({name:"KendoBaseBarcode",props:{renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},barcodeConstructor:[Object,Function],deriveOptionsFromParent:Function,getTarget:Function},created(){t.validatePackage(c),this.barcodeInstance=null,this._prevRenderAs=this.renderAs,this.observersStore=(e=>{let r,s,n=[];const i=i=>{r=e(r,i),t.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>n.forEach(e=>e()),o))};return i({}),{getState:()=>r,dispatch:i,subscribe:e=>(n.push(e),()=>n=n.filter(r=>r!==e))}})(i)},mounted(){this.instantiateCoreBarcode(),"undefined"!=typeof window&&window.addEventListener("resize",this.onWindowResize)},watch:{renderAs:function(e,r){this._prevRenderAs=r}},updated(){const{renderAs:e}=this.$props;if(null!==this.barcodeInstance)if((e||"svg")!==(this._prevRenderAs||"svg"))this.barcodeInstance.destroy(),this.barcodeInstance=null,this.instantiateCoreBarcode();else{const e=this.getBarcodeOptions();((e,r)=>{if(!e||!r||(e=[].concat(e),r=[].concat(r),e.length!==r.length))return!0;for(let t=0;t<e.length;t++)if(d(e[t],r[t]))return!0;return!1})(this._prevOptions,e)&&this.refresh(),this._prevOptions=e}},beforeUnmount(){null!==this.barcodeInstance&&(this.barcodeInstance.destroy(),this.barcodeInstance=null),"undefined"!=typeof window&&window.removeEventListener("resize",this.onWindowResize)},render(){const e=t.getDefaultSlots(this);return r.createVNode("div",null,[e])},methods:{instantiateCoreBarcode(){const{barcodeConstructor:e}=this.$props,r=this.getBarcodeOptions();this.barcodeInstance=new e(this.$el,r,e=>{if("undefined"!=typeof process&&process.env&&"production"!==process.env.NODE_ENV)throw e;console.warn(e)}),this._prevOptions=r},refresh(){if(null!==this.barcodeInstance){const e=this.getBarcodeOptions();this.barcodeInstance.setOptions(e)}},getBarcodeOptions(){const{renderAs:e,deriveOptionsFromParent:r}=this.$props;let t={renderAs:e};return r&&(t=r(t)),t},onWindowResize(){null!==this.barcodeInstance&&this.barcodeInstance.redraw()}}}),u=r.defineComponent({name:"KendoBarcode",props:{renderAs:{type:String,default:"svg"},background:String,border:Object,checksum:Boolean,color:String,height:Number,padding:[Object,Number],text:Object,type:String,value:[String,Number],width:Number},methods:{getSurface(){var e;const r=this.$refs.baseBarcode;return r&&(null==(e=r.barcodeInstance)?void 0:e.surface)||null},getElement(){const e=this.$refs.baseBarcode;return e&&e.$el||null},exportImage(e={}){return n.exportImage(this.exportVisual(),e)},exportSVG(e={}){return n.exportSVG(this.exportVisual(),e)},exportVisual(e){const r=this.$refs.baseBarcode;return null!=r&&r.barcodeInstance?r.barcodeInstance.exportVisual(e):new n.Group},deriveOptionsFromParent(e){return 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})}},computed:{barcodeInstance(){const e=this.$refs.baseBarcode;return e?e.barcodeInstance:null}},render(){return r.createVNode(p,{ref:"baseBarcode",renderAs:this.$props.renderAs,deriveOptionsFromParent:this.deriveOptionsFromParent,barcodeConstructor:s.Barcode,getTarget:()=>this,class:t.classNames("k-barcode",this.$attrs.class)},null)}}),l=r.defineComponent({name:"KendoQRCode",props:{renderAs:{type:String,default:"svg"},background:String,border:Object,color:String,encoding:String,errorCorrection:String,overlay:Object,padding:Number,size:[Number,String],value:[String,Number]},methods:{getSurface(){var e;const r=this.$refs.baseBarcode;return r&&(null==(e=r.barcodeInstance)?void 0:e.surface)||null},getElement(){const e=this.$refs.baseBarcode;return e&&e.$el||null},exportImage(e={}){return n.exportImage(this.exportVisual(),e)},exportSVG(e={}){return n.exportSVG(this.exportVisual(),e)},exportVisual(e){const r=this.$refs.baseBarcode;return null!=r&&r.barcodeInstance?r.barcodeInstance.exportVisual(e):new n.Group},deriveOptionsFromParent(e){return 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})}},computed:{barcodeInstance(){const e=this.$refs.baseBarcode;return e?e.barcodeInstance:null}},render(){return r.createVNode(p,{ref:"baseBarcode",renderAs:this.$props.renderAs,deriveOptionsFromParent:this.deriveOptionsFromParent,barcodeConstructor:s.QRCode,getTarget:()=>this,class:t.classNames("k-qrcode",this.$attrs.class)},null)}});e.Barcode=u,e.QRCode=l});
|
package/index.d.mts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Barcode } from './Barcode.js';
|
|
9
|
+
import { BarcodeProps } from './BarcodeProps.js';
|
|
10
|
+
import { QRCode } from './QRCode.js';
|
|
11
|
+
import { QRCodeProps } from './QRCodeProps.js';
|
|
12
|
+
export * from './types.js';
|
|
13
|
+
export { Barcode, QRCode };
|
|
14
|
+
export type { BarcodeProps, QRCodeProps };
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Barcode } from './Barcode';
|
|
9
|
+
import { BarcodeProps } from './BarcodeProps';
|
|
10
|
+
import { QRCode } from './QRCode';
|
|
11
|
+
import { QRCodeProps } from './QRCodeProps';
|
|
12
|
+
export * from './types';
|
|
13
|
+
export { Barcode, QRCode };
|
|
14
|
+
export type { BarcodeProps, QRCodeProps };
|
package/index.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Barcode.js"),o=require("./QRCode.js");exports.Barcode=e.Barcode;exports.QRCode=o.QRCode;
|
package/index.mjs
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Barcode as e } from "./Barcode.mjs";
|
|
9
|
+
import { QRCode as f } from "./QRCode.mjs";
|
|
10
|
+
export {
|
|
11
|
+
e as Barcode,
|
|
12
|
+
f as QRCode
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PackageMetadata } from '@progress/kendo-licensing';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare const packageMetadata: PackageMetadata;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-barcodes",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1785411186,version:"9.2.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
const e = {
|
|
9
|
+
name: "@progress/kendo-vue-barcodes",
|
|
10
|
+
productName: "Kendo UI for Vue",
|
|
11
|
+
productCode: "KENDOUIVUE",
|
|
12
|
+
productCodes: ["KENDOUIVUE"],
|
|
13
|
+
publishDate: 1785411186,
|
|
14
|
+
version: "9.2.0-develop.1",
|
|
15
|
+
licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
e as packageMetadata
|
|
19
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@progress/kendo-vue-barcodes",
|
|
3
|
+
"version": "9.2.0-develop.1",
|
|
4
|
+
"description": "Vue Barcodes provide a set of Vue components to build beautiful and customizable barcodes. Kendo UI for Vue Barcodes package",
|
|
5
|
+
"author": "Progress",
|
|
6
|
+
"license": "SEE LICENSE IN LICENSE.md",
|
|
7
|
+
"homepage": "https://www.telerik.com/kendo-vue-ui",
|
|
8
|
+
"main": "./index.js",
|
|
9
|
+
"types": "./index.d.ts",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": {
|
|
13
|
+
"types": "./index.d.mts",
|
|
14
|
+
"default": "./index.mjs"
|
|
15
|
+
},
|
|
16
|
+
"require": {
|
|
17
|
+
"types": "./index.d.ts",
|
|
18
|
+
"default": "./index.js"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"./package.json": {
|
|
22
|
+
"default": "./package.json"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"sideEffects": false,
|
|
26
|
+
"peerDependencies": {
|
|
27
|
+
"@progress/kendo-drawing": "^1.21.2",
|
|
28
|
+
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
+
"@progress/kendo-vue-common": "9.2.0-develop.1",
|
|
30
|
+
"vue": "^3.0.2"
|
|
31
|
+
},
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"@progress/kendo-charts": "2.13.0"
|
|
34
|
+
},
|
|
35
|
+
"keywords": [
|
|
36
|
+
"Kendo UI",
|
|
37
|
+
"Vue",
|
|
38
|
+
"Progress",
|
|
39
|
+
"Barcode",
|
|
40
|
+
"QR Code",
|
|
41
|
+
"Data Visualization",
|
|
42
|
+
"Kendo UI for Vue",
|
|
43
|
+
"UI",
|
|
44
|
+
"components",
|
|
45
|
+
"Vue component",
|
|
46
|
+
"Telerik"
|
|
47
|
+
],
|
|
48
|
+
"@progress": {
|
|
49
|
+
"friendlyName": "Barcodes",
|
|
50
|
+
"framework": "Kendo UI for Vue",
|
|
51
|
+
"package": {
|
|
52
|
+
"productName": "Kendo UI for Vue",
|
|
53
|
+
"productCode": "KENDOUIVUE",
|
|
54
|
+
"publishDate": 1785411186,
|
|
55
|
+
"licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"publishConfig": {
|
|
59
|
+
"access": "public"
|
|
60
|
+
},
|
|
61
|
+
"repository": {
|
|
62
|
+
"type": "git",
|
|
63
|
+
"url": "git+https://github.com/telerik/kendo-vue.git"
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { StoreAction } from './store';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
declare const observersReducer: (currentState: any, action: StoreAction) => any;
|
|
13
|
+
export { observersReducer };
|
package/store/reducer.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=(r,e)=>{if(e.type)switch(e.type){case"add":return[...r,e.payload];case"remove":return r.filter(s=>s!==e.payload);default:return r}else return[]};exports.observersReducer=d;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
const d = (r, e) => {
|
|
9
|
+
if (e.type)
|
|
10
|
+
switch (e.type) {
|
|
11
|
+
case "add":
|
|
12
|
+
return [...r, e.payload];
|
|
13
|
+
case "remove":
|
|
14
|
+
return r.filter((s) => s !== e.payload);
|
|
15
|
+
default:
|
|
16
|
+
return r;
|
|
17
|
+
}
|
|
18
|
+
else
|
|
19
|
+
return [];
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
d as observersReducer
|
|
23
|
+
};
|
package/store/store.d.ts
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const THROTTLE_MS: number;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export interface StoreAction {
|
|
16
|
+
barcodeKey?: string;
|
|
17
|
+
type?: string;
|
|
18
|
+
payload: any;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export interface Store {
|
|
24
|
+
getState(): any;
|
|
25
|
+
dispatch(action: StoreAction | object): void;
|
|
26
|
+
subscribe(f: Function): Function;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* @hidden
|
|
30
|
+
*/
|
|
31
|
+
export declare const createStore: (reducer: any) => Store;
|
package/store/store.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@progress/kendo-vue-common"),n=1e3/60,l=i=>{let o,s,e=[];const u=()=>o,c=t=>{o=i(o,t),T.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>e.forEach(r=>r()),n))},a=t=>(e.push(t),()=>e=e.filter(r=>r!==t));return c({}),{getState:u,dispatch:c,subscribe:a}};exports.THROTTLE_MS=n;exports.createStore=l;
|
package/store/store.mjs
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { canUseDOM as u } from "@progress/kendo-vue-common";
|
|
9
|
+
const l = 1e3 / 60, T = (i) => {
|
|
10
|
+
let o, s, t = [];
|
|
11
|
+
const n = () => o, c = (e) => {
|
|
12
|
+
o = i(o, e), u && (window.clearTimeout(s), s = window.setTimeout(() => t.forEach((r) => r()), l));
|
|
13
|
+
}, a = (e) => (t.push(e), () => t = t.filter((r) => r !== e));
|
|
14
|
+
return c({}), { getState: n, dispatch: c, subscribe: a };
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
l as THROTTLE_MS,
|
|
18
|
+
T as createStore
|
|
19
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { Margin } from './margin.interface';
|
|
9
|
+
/**
|
|
10
|
+
* The Barcode text label configuration.
|
|
11
|
+
*/
|
|
12
|
+
export interface BarcodeText {
|
|
13
|
+
/**
|
|
14
|
+
* Sets the color of the text. Any valid CSS color string will work here, including hex and rgb.
|
|
15
|
+
*
|
|
16
|
+
* @default "black"
|
|
17
|
+
*/
|
|
18
|
+
color?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Sets the font of the text.
|
|
21
|
+
*
|
|
22
|
+
* @default "16px Consolas, Monaco, Sans Mono, monospace, sans-serif"
|
|
23
|
+
*/
|
|
24
|
+
font?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Sets the margin of the text. A numeric value sets all margins.
|
|
27
|
+
*
|
|
28
|
+
* @default 0
|
|
29
|
+
*/
|
|
30
|
+
margin?: Margin | number;
|
|
31
|
+
/**
|
|
32
|
+
* Shows or hides the Barcode text label.
|
|
33
|
+
*
|
|
34
|
+
* If set to `false`, the Barcode will not display the value as text below the barcode lines.
|
|
35
|
+
*
|
|
36
|
+
* @default true
|
|
37
|
+
*/
|
|
38
|
+
visible?: boolean;
|
|
39
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* Supported symbologies (encodings) for the Barcode component.
|
|
10
|
+
*/
|
|
11
|
+
export type BarcodeType = 'EAN8' | 'EAN13' | 'UPCE' | 'UPCA' | 'Code11' | 'Code39' | 'Code39Extended' | 'Code93' | 'Code93Extended' | 'Code128' | 'Code128A' | 'Code128B' | 'Code128C' | 'GS1-128' | 'MSImod10' | 'MSImod11' | 'MSImod1010' | 'MSImod1110' | 'POSTNET';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { DashType } from './dash-type.interface';
|
|
9
|
+
/**
|
|
10
|
+
* The appearance settings for the border lines.
|
|
11
|
+
*/
|
|
12
|
+
export interface Border {
|
|
13
|
+
/**
|
|
14
|
+
* Sets the color of the border line. Accepts valid CSS color strings, including hex and rgb.
|
|
15
|
+
*
|
|
16
|
+
* @default "black"
|
|
17
|
+
*/
|
|
18
|
+
color?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Sets the dash type of the border line.
|
|
21
|
+
*
|
|
22
|
+
* @default "solid"
|
|
23
|
+
*/
|
|
24
|
+
dashType?: DashType;
|
|
25
|
+
/**
|
|
26
|
+
* Sets the width of the border line in pixels.
|
|
27
|
+
*
|
|
28
|
+
* @default 0
|
|
29
|
+
*/
|
|
30
|
+
width?: number;
|
|
31
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* The dash line type.
|
|
10
|
+
*/
|
|
11
|
+
export type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';
|