@progress/kendo-angular-barcodes 1.0.0-next.202203230834 → 2.0.0-dev.202204131407
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-validator.d.ts +29 -0
- package/barcode.component.d.ts +315 -0
- package/barcode.module.d.ts +43 -0
- package/barcodes.module.d.ts +43 -0
- package/base.component.d.ts +58 -0
- package/bundles/kendo-angular-barcodes.umd.js +1 -1
- package/chart-types/barcode-types.d.ts +109 -0
- package/chart-types/field-types.d.ts +75 -0
- package/chart-types/qrcode-types.d.ts +124 -0
- package/chart-types.d.ts +7 -0
- package/esm2015/barcode-validator.js +49 -0
- package/esm2015/barcode.component.js +122 -0
- package/esm2015/barcode.module.js +52 -0
- package/esm2015/barcodes.module.js +50 -0
- package/esm2015/base.component.js +107 -0
- package/esm2015/chart-types/barcode-types.js +5 -0
- package/esm2015/chart-types/field-types.js +5 -0
- package/esm2015/chart-types/qrcode-types.js +5 -0
- package/esm2015/chart-types.js +7 -0
- package/esm2015/kendo-angular-barcodes.js +8 -0
- package/esm2015/main.js +12 -0
- package/esm2015/package-metadata.js +15 -0
- package/esm2015/qrcode-validator.js +44 -0
- package/esm2015/qrcode.component.js +122 -0
- package/esm2015/qrcode.module.js +52 -0
- package/fesm2015/kendo-angular-barcodes.js +572 -0
- package/kendo-angular-barcodes.d.ts +9 -0
- package/main.d.ts +12 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +3 -7
- package/qrcode-validator.d.ts +27 -0
- package/qrcode.component.d.ts +292 -0
- package/qrcode.module.d.ts +43 -0
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* The dash line type.
|
|
7
|
+
*/
|
|
8
|
+
export declare type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';
|
|
9
|
+
/**
|
|
10
|
+
* The appearance settings for the border lines.
|
|
11
|
+
*/
|
|
12
|
+
export interface Border {
|
|
13
|
+
/**
|
|
14
|
+
* The color of the border line. Accepts a valid CSS color string, including hex and rgb.
|
|
15
|
+
*/
|
|
16
|
+
color?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The dash type of the border line.
|
|
19
|
+
*/
|
|
20
|
+
dashType?: DashType;
|
|
21
|
+
/**
|
|
22
|
+
* The width of the border line in pixels.
|
|
23
|
+
*/
|
|
24
|
+
width?: number;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* The margin size for each side.
|
|
28
|
+
*/
|
|
29
|
+
export interface Margin {
|
|
30
|
+
/**
|
|
31
|
+
* The top margin in pixels.
|
|
32
|
+
*/
|
|
33
|
+
top?: number;
|
|
34
|
+
/**
|
|
35
|
+
* The right margin in pixels.
|
|
36
|
+
*/
|
|
37
|
+
right?: number;
|
|
38
|
+
/**
|
|
39
|
+
* The bottom margin in pixels.
|
|
40
|
+
*/
|
|
41
|
+
bottom?: number;
|
|
42
|
+
/**
|
|
43
|
+
* The left margin in pixels.
|
|
44
|
+
*/
|
|
45
|
+
left?: number;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* The padding size for each side.
|
|
49
|
+
*/
|
|
50
|
+
export interface Padding {
|
|
51
|
+
/**
|
|
52
|
+
* The top padding in pixels.
|
|
53
|
+
*/
|
|
54
|
+
top?: number;
|
|
55
|
+
/**
|
|
56
|
+
* The right padding in pixels.
|
|
57
|
+
*/
|
|
58
|
+
right?: number;
|
|
59
|
+
/**
|
|
60
|
+
* The bottom padding in pixels.
|
|
61
|
+
*/
|
|
62
|
+
bottom?: number;
|
|
63
|
+
/**
|
|
64
|
+
* The left padding in pixels.
|
|
65
|
+
*/
|
|
66
|
+
left?: number;
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* Sets the rendering mode of the component.
|
|
70
|
+
*
|
|
71
|
+
* The supported values are:
|
|
72
|
+
* * `"canvas"`—Renders the component as a Canvas element.
|
|
73
|
+
* * `"svg"`—Renders the component as an inline SVG document.
|
|
74
|
+
*/
|
|
75
|
+
export declare type RenderMode = 'svg' | 'canvas';
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Border, Padding, RenderMode } from './field-types';
|
|
6
|
+
/**
|
|
7
|
+
* The QR Code encoding modes.
|
|
8
|
+
*/
|
|
9
|
+
export declare type QRCodeEncoding = 'ISO_8859_1' | 'UTF_8';
|
|
10
|
+
/**
|
|
11
|
+
* The QR Code error correction levels.
|
|
12
|
+
*
|
|
13
|
+
* * `"L"`—Approximately 7% of the codewords can be restored.
|
|
14
|
+
* * `"M"`—Approximately 15% of the codewords can be restored.
|
|
15
|
+
* * `"Q"`—Approximately 25% of the codewords can be restored.
|
|
16
|
+
* * `"H"`—Approximately 30% of the codewords can be restored.
|
|
17
|
+
*/
|
|
18
|
+
export declare type QRCodeErrorCorrection = 'L' | 'M' | 'Q' | 'H';
|
|
19
|
+
/**
|
|
20
|
+
* The image overlay configuration of the QR Code.
|
|
21
|
+
*/
|
|
22
|
+
export interface QRCodeOverlay {
|
|
23
|
+
/**
|
|
24
|
+
* The overlay height in pixels.
|
|
25
|
+
*/
|
|
26
|
+
height?: number;
|
|
27
|
+
/**
|
|
28
|
+
* The source image for the overlay.
|
|
29
|
+
*
|
|
30
|
+
* Required only when `type` is set to `'image'`.
|
|
31
|
+
*/
|
|
32
|
+
imageUrl?: string;
|
|
33
|
+
/**
|
|
34
|
+
* The overlay type.
|
|
35
|
+
*
|
|
36
|
+
* @default 'image'
|
|
37
|
+
*/
|
|
38
|
+
type?: 'image' | 'swiss';
|
|
39
|
+
/**
|
|
40
|
+
* The overlay width in pixels.
|
|
41
|
+
*/
|
|
42
|
+
width?: number;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* The QR Code configuration options.
|
|
46
|
+
*/
|
|
47
|
+
export interface QRCodeOptions {
|
|
48
|
+
/**
|
|
49
|
+
* The background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
|
|
50
|
+
*
|
|
51
|
+
* @default "white"
|
|
52
|
+
*/
|
|
53
|
+
background?: string;
|
|
54
|
+
/**
|
|
55
|
+
* The border of the QR Code.
|
|
56
|
+
*/
|
|
57
|
+
border?: Border;
|
|
58
|
+
/**
|
|
59
|
+
* The color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
|
|
60
|
+
*
|
|
61
|
+
* @default "black"
|
|
62
|
+
*/
|
|
63
|
+
color?: string;
|
|
64
|
+
/**
|
|
65
|
+
* The encoding mode used to encode the value.
|
|
66
|
+
*
|
|
67
|
+
* > **Important** The UTF-8 encoding is not included in the specifications and is not supported by all readers.
|
|
68
|
+
*
|
|
69
|
+
* The possible values are:
|
|
70
|
+
* * `"ISO_8859_1"`—Supports all characters from the [ISO/IEC 8859-1](https://en.wikipedia.org/wiki/ISO/IEC_8859-1) character set.
|
|
71
|
+
* * `"UTF_8"`—Supports all [Unicode](https://en.wikipedia.org/wiki/List_of_Unicode_characters) characters.
|
|
72
|
+
*
|
|
73
|
+
* @default "ISO_8859_1"
|
|
74
|
+
*/
|
|
75
|
+
encoding?: QRCodeEncoding;
|
|
76
|
+
/**
|
|
77
|
+
* The error correction level to use.
|
|
78
|
+
*
|
|
79
|
+
* The possible values are:
|
|
80
|
+
* * `"L"`—Approximately 7% of the codewords can be restored.
|
|
81
|
+
* * `"M"`—Approximately 15% of the codewords can be restored.
|
|
82
|
+
* * `"Q"`—Approximately 25% of the codewords can be restored.
|
|
83
|
+
* * `"H"`—Approximately 30% of the codewords can be restored.
|
|
84
|
+
*
|
|
85
|
+
* @default "L"
|
|
86
|
+
*/
|
|
87
|
+
errorCorrection?: QRCodeErrorCorrection;
|
|
88
|
+
/**
|
|
89
|
+
* An optional image overlay that will placed over the QR Code.
|
|
90
|
+
*
|
|
91
|
+
* > **Note** Always test if the code reads correctly with the applied overlay.
|
|
92
|
+
* > 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"`.
|
|
93
|
+
*/
|
|
94
|
+
overlay?: QRCodeOverlay;
|
|
95
|
+
/**
|
|
96
|
+
* The padding of the QR Code. A numeric value sets all paddings.
|
|
97
|
+
*
|
|
98
|
+
* @default 0
|
|
99
|
+
*/
|
|
100
|
+
padding?: Padding | number;
|
|
101
|
+
/**
|
|
102
|
+
* Sets the preferred rendering mode of the QR Code.
|
|
103
|
+
*
|
|
104
|
+
* The supported values are:
|
|
105
|
+
* * `"canvas"`—Renders the component as a Canvas element.
|
|
106
|
+
* * `"svg"`—Renders the component as an inline SVG document.
|
|
107
|
+
*
|
|
108
|
+
* @default "svg"
|
|
109
|
+
*/
|
|
110
|
+
renderAs?: RenderMode;
|
|
111
|
+
/**
|
|
112
|
+
* Specifies the size of a QR Code. Numeric values are treated as pixels.
|
|
113
|
+
*
|
|
114
|
+
* If no size is specified, the size will be determined from the element width and height.
|
|
115
|
+
* If the element has width or height of zero, a default value of 200 pixels will be used.
|
|
116
|
+
*
|
|
117
|
+
* @default "200px"
|
|
118
|
+
*/
|
|
119
|
+
size?: number | string;
|
|
120
|
+
/**
|
|
121
|
+
* The value of the QR Code.
|
|
122
|
+
*/
|
|
123
|
+
value: number | string;
|
|
124
|
+
}
|
package/chart-types.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export * from './chart-types/barcode-types';
|
|
6
|
+
export * from './chart-types/qrcode-types';
|
|
7
|
+
export * from './chart-types/field-types';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { barcodeValidator } from '@progress/kendo-charts';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
const isPresent = (value) => value !== null && value !== undefined;
|
|
10
|
+
/**
|
|
11
|
+
* Creates a value validator for a particular Barcode type.
|
|
12
|
+
*
|
|
13
|
+
* @param {BarcodeType} type The type of the Barcode.
|
|
14
|
+
* @param {Size} size The size of the barcode, excluding the text label, padding and border. Optional.
|
|
15
|
+
* @returns {ValidatorFn} A validator function that returns an error map with the `barcode` property if the validation check fails, otherwise `null`.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```ts-no-run
|
|
19
|
+
* const control = new FormControl('1234', createBarcodeValidator('EAN8'));
|
|
20
|
+
* console.log(control.errors);
|
|
21
|
+
*
|
|
22
|
+
* // {
|
|
23
|
+
* // barcode: {
|
|
24
|
+
* // message: 'The value of the "EAN13" encoding should be 12 symbols',
|
|
25
|
+
* // value: '1234',
|
|
26
|
+
* // type: 'EAN13'
|
|
27
|
+
* // }
|
|
28
|
+
* // }
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export const createBarcodeValidator = (type, size) => {
|
|
32
|
+
const validator = barcodeValidator(type, size);
|
|
33
|
+
return (control) => {
|
|
34
|
+
if (!isPresent(control.value) || control.value === '') {
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
const result = validator(control.value);
|
|
38
|
+
if (result.valid === true) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
return {
|
|
42
|
+
barcode: {
|
|
43
|
+
message: result.error.message,
|
|
44
|
+
value: control.value,
|
|
45
|
+
type: type
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
6
|
+
import { Barcode } from '@progress/kendo-charts';
|
|
7
|
+
import { BaseComponent } from './base.component';
|
|
8
|
+
import { packageMetadata } from './package-metadata';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "@progress/kendo-angular-common";
|
|
11
|
+
/**
|
|
12
|
+
* Represents the Kendo UI Barcode component for Angular.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```ts
|
|
16
|
+
* import { Component } from '@angular/core';
|
|
17
|
+
*
|
|
18
|
+
* _@Component({
|
|
19
|
+
* selector: 'my-app',
|
|
20
|
+
* template: `
|
|
21
|
+
* <kendo-barcode type="EAN8" value="1234567">
|
|
22
|
+
* </kendo-barcode>
|
|
23
|
+
* `
|
|
24
|
+
* })
|
|
25
|
+
* export class AppComponent {
|
|
26
|
+
* }
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export class BarcodeComponent extends BaseComponent {
|
|
30
|
+
constructor(element, renderer, ngZone) {
|
|
31
|
+
super(element, renderer, ngZone);
|
|
32
|
+
this.element = element;
|
|
33
|
+
this.renderer = renderer;
|
|
34
|
+
this.ngZone = ngZone;
|
|
35
|
+
/**
|
|
36
|
+
* Limits the automatic resizing of the Barcode. Sets the maximum number of times per second
|
|
37
|
+
* that the component redraws its content when the size of its container changes.
|
|
38
|
+
* Defaults to `10`. To disable the automatic resizing, set it to `0`.
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* ```ts
|
|
42
|
+
* _@Component({
|
|
43
|
+
* selector: 'my-app',
|
|
44
|
+
* template: `
|
|
45
|
+
* <kendo-barcode type="EAN8" [value]="1234567"
|
|
46
|
+
* [resizeRateLimit]="2">
|
|
47
|
+
* </kendo-barcode>
|
|
48
|
+
* `
|
|
49
|
+
* })
|
|
50
|
+
* export class AppComponent {
|
|
51
|
+
* }
|
|
52
|
+
* ```
|
|
53
|
+
*/
|
|
54
|
+
this.resizeRateLimit = 10;
|
|
55
|
+
}
|
|
56
|
+
get options() {
|
|
57
|
+
return {
|
|
58
|
+
renderAs: this.renderAs,
|
|
59
|
+
background: this.background,
|
|
60
|
+
border: this.border,
|
|
61
|
+
checksum: this.checksum,
|
|
62
|
+
color: this.color,
|
|
63
|
+
height: this.height,
|
|
64
|
+
padding: this.padding,
|
|
65
|
+
text: this.text,
|
|
66
|
+
type: this.type,
|
|
67
|
+
value: this.value,
|
|
68
|
+
width: this.width
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
createInstance(element, options) {
|
|
72
|
+
return new Barcode(element, options, this.onError.bind(this));
|
|
73
|
+
}
|
|
74
|
+
onError(error) {
|
|
75
|
+
error.name = packageMetadata.productName + ' Barcode';
|
|
76
|
+
if (this.isDevMode()) {
|
|
77
|
+
throw error;
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
console.warn(error);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
BarcodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
85
|
+
BarcodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BarcodeComponent, 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: `
|
|
86
|
+
<kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
|
|
87
|
+
`, isInline: true, components: [{ type: i1.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodeComponent, decorators: [{
|
|
89
|
+
type: Component,
|
|
90
|
+
args: [{
|
|
91
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
92
|
+
exportAs: 'kendoBarcode',
|
|
93
|
+
selector: 'kendo-barcode',
|
|
94
|
+
template: `
|
|
95
|
+
<kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
|
|
96
|
+
`
|
|
97
|
+
}]
|
|
98
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { background: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], border: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], checksum: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], color: [{
|
|
105
|
+
type: Input
|
|
106
|
+
}], height: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}], padding: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], renderAs: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], text: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], type: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], value: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], width: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], resizeRateLimit: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}] } });
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { NgModule } from '@angular/core';
|
|
6
|
+
import { ResizeSensorModule } from '@progress/kendo-angular-common';
|
|
7
|
+
import { BarcodeComponent } from './barcode.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
11
|
+
* definition for the Barcode component.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
*
|
|
15
|
+
* ```ts-no-run
|
|
16
|
+
* // Import the Barcode module
|
|
17
|
+
* import { BarcodeModule } from '@progress/kendo-angular-barcodes';
|
|
18
|
+
*
|
|
19
|
+
* // The browser platform with a compiler
|
|
20
|
+
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
21
|
+
*
|
|
22
|
+
* import { NgModule } from '@angular/core';
|
|
23
|
+
*
|
|
24
|
+
* // Import the app component
|
|
25
|
+
* import { AppComponent } from './app.component';
|
|
26
|
+
*
|
|
27
|
+
* // Define the app module
|
|
28
|
+
* _@NgModule({
|
|
29
|
+
* declarations: [AppComponent], // declare app component
|
|
30
|
+
* imports: [BrowserModule, BarcodeModule], // import Barcode module
|
|
31
|
+
* bootstrap: [AppComponent]
|
|
32
|
+
* })
|
|
33
|
+
* export class AppModule {}
|
|
34
|
+
*
|
|
35
|
+
* // Compile and launch the module
|
|
36
|
+
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
37
|
+
*
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
export class BarcodeModule {
|
|
41
|
+
}
|
|
42
|
+
BarcodeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
+
BarcodeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodeModule, declarations: [BarcodeComponent], imports: [ResizeSensorModule], exports: [BarcodeComponent] });
|
|
44
|
+
BarcodeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodeModule, imports: [[ResizeSensorModule]] });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodeModule, decorators: [{
|
|
46
|
+
type: NgModule,
|
|
47
|
+
args: [{
|
|
48
|
+
declarations: [BarcodeComponent],
|
|
49
|
+
imports: [ResizeSensorModule],
|
|
50
|
+
exports: [BarcodeComponent]
|
|
51
|
+
}]
|
|
52
|
+
}] });
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { NgModule } from '@angular/core';
|
|
6
|
+
import { BarcodeModule } from './barcode.module';
|
|
7
|
+
import { QRCodeModule } from './qrcode.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
11
|
+
* definition for the Barcode and QR Code components.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
*
|
|
15
|
+
* ```ts-no-run
|
|
16
|
+
* // Import the Barcodes module
|
|
17
|
+
* import { BarcodesModule } from '@progress/kendo-angular-barcodes';
|
|
18
|
+
*
|
|
19
|
+
* // The browser platform with a compiler
|
|
20
|
+
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
21
|
+
*
|
|
22
|
+
* import { NgModule } from '@angular/core';
|
|
23
|
+
*
|
|
24
|
+
* // Import the app component
|
|
25
|
+
* import { AppComponent } from './app.component';
|
|
26
|
+
*
|
|
27
|
+
* // Define the app module
|
|
28
|
+
* _@NgModule({
|
|
29
|
+
* declarations: [AppComponent], // declare app component
|
|
30
|
+
* imports: [BrowserModule, BarcodesModule], // import Barcodes module
|
|
31
|
+
* bootstrap: [AppComponent]
|
|
32
|
+
* })
|
|
33
|
+
* export class AppModule {}
|
|
34
|
+
*
|
|
35
|
+
* // Compile and launch the module
|
|
36
|
+
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
37
|
+
*
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
export class BarcodesModule {
|
|
41
|
+
}
|
|
42
|
+
BarcodesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
+
BarcodesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodesModule, exports: [BarcodeModule, QRCodeModule] });
|
|
44
|
+
BarcodesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodesModule, imports: [BarcodeModule, QRCodeModule] });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BarcodesModule, decorators: [{
|
|
46
|
+
type: NgModule,
|
|
47
|
+
args: [{
|
|
48
|
+
exports: [BarcodeModule, QRCodeModule]
|
|
49
|
+
}]
|
|
50
|
+
}] });
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Directive, Input, isDevMode, ViewChild } from '@angular/core';
|
|
6
|
+
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
7
|
+
import { exportImage, exportSVG } from '@progress/kendo-drawing';
|
|
8
|
+
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
|
+
import { packageMetadata } from './package-metadata';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
14
|
+
export class BaseComponent {
|
|
15
|
+
constructor(element, renderer, ngZone) {
|
|
16
|
+
this.element = element;
|
|
17
|
+
this.renderer = renderer;
|
|
18
|
+
this.ngZone = ngZone;
|
|
19
|
+
this.resizeRateLimit = 10;
|
|
20
|
+
validatePackage(packageMetadata);
|
|
21
|
+
}
|
|
22
|
+
get autoResize() {
|
|
23
|
+
return this.resizeRateLimit > 0;
|
|
24
|
+
}
|
|
25
|
+
get canRender() {
|
|
26
|
+
return isDocumentAvailable() && Boolean(this.element);
|
|
27
|
+
}
|
|
28
|
+
ngAfterViewInit() {
|
|
29
|
+
this.refresh();
|
|
30
|
+
}
|
|
31
|
+
ngOnChanges(changes) {
|
|
32
|
+
// Need to create a new instance if the rendering mode changes.
|
|
33
|
+
if (changes['renderAs'] && this.instance) {
|
|
34
|
+
this.instance.destroy();
|
|
35
|
+
this.instance = null;
|
|
36
|
+
}
|
|
37
|
+
this.refresh();
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Detects the size of the container and redraws the component.
|
|
41
|
+
* Resizing is automatic unless you set the `resizeRateLimit` option to `0`.
|
|
42
|
+
*/
|
|
43
|
+
resize() {
|
|
44
|
+
if (this.instance) {
|
|
45
|
+
this.instance.redraw();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
51
|
+
onResize() {
|
|
52
|
+
if (this.autoResize) {
|
|
53
|
+
this.resize();
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Exports the component as an image. The export operation is asynchronous and returns a promise.
|
|
58
|
+
*
|
|
59
|
+
* @param {ImageExportOptions} options - The parameters for the exported image.
|
|
60
|
+
* @returns {Promise<string>} - A promise that will be resolved with a PNG image encoded as a Data URI.
|
|
61
|
+
*/
|
|
62
|
+
exportImage(options = {}) {
|
|
63
|
+
return exportImage(this.exportVisual(), options);
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Exports the component as an SVG document. The export operation is asynchronous and returns a promise.
|
|
67
|
+
*
|
|
68
|
+
* @param options - The parameters for the exported file.
|
|
69
|
+
* @returns - A promise that will be resolved with an SVG document that is encoded as a Data URI.
|
|
70
|
+
*/
|
|
71
|
+
exportSVG(options = {}) {
|
|
72
|
+
return exportSVG(this.exportVisual(), options);
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Exports the component as a Drawing Group.
|
|
76
|
+
*
|
|
77
|
+
* @returns - The exported Group.
|
|
78
|
+
*/
|
|
79
|
+
exportVisual() {
|
|
80
|
+
return this.instance.exportVisual();
|
|
81
|
+
}
|
|
82
|
+
refresh() {
|
|
83
|
+
if (!this.canRender) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
if (!this.instance) {
|
|
87
|
+
const element = this.element.nativeElement;
|
|
88
|
+
this.instance = this.createInstance(element, this.options);
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
this.instance.setOptions(this.options);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
isDevMode() {
|
|
95
|
+
return isDevMode();
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
99
|
+
BaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseComponent, inputs: { resizeRateLimit: "resizeRateLimit" }, viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseComponent, decorators: [{
|
|
101
|
+
type: Directive
|
|
102
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { resizeRateLimit: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], surfaceElement: [{
|
|
105
|
+
type: ViewChild,
|
|
106
|
+
args: ['surface', { static: true }]
|
|
107
|
+
}] } });
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export * from './chart-types/barcode-types';
|
|
6
|
+
export * from './chart-types/qrcode-types';
|
|
7
|
+
export * from './chart-types/field-types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* Generated bundle index. Do not edit.
|
|
7
|
+
*/
|
|
8
|
+
export * from './main';
|
package/esm2015/main.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export { BarcodeComponent } from './barcode.component';
|
|
6
|
+
export { QRCodeComponent } from './qrcode.component';
|
|
7
|
+
export { BarcodeModule } from './barcode.module';
|
|
8
|
+
export { QRCodeModule } from './qrcode.module';
|
|
9
|
+
export { BarcodesModule } from './barcodes.module';
|
|
10
|
+
export { createBarcodeValidator } from './barcode-validator';
|
|
11
|
+
export { createQRCodeValidator } from './qrcode-validator';
|
|
12
|
+
export * from './chart-types';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
export const packageMetadata = {
|
|
9
|
+
name: '@progress/kendo-angular-barcodes',
|
|
10
|
+
productName: 'Kendo UI for Angular',
|
|
11
|
+
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
+
publishDate: 1649858834,
|
|
13
|
+
version: '',
|
|
14
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
|
+
};
|