@progress/kendo-angular-gauges 18.1.0-develop.30 → 18.1.0-develop.5
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.
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '18.1.0-develop.
|
|
13
|
+
publishDate: 1738325200,
|
|
14
|
+
version: '18.1.0-develop.5',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -3,8 +3,12 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Injectable } from '@angular/core';
|
|
6
|
-
import { gaugeTheme } from '@progress/kendo-charts';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
const template = `
|
|
8
|
+
<div class="k-var--gauge-pointer"></div>
|
|
9
|
+
<div class="k-var--gauge-track"></div>
|
|
10
|
+
<div class="k-var--normal-text-color"></div>
|
|
11
|
+
`;
|
|
8
12
|
/**
|
|
9
13
|
* @hidden
|
|
10
14
|
*/
|
|
@@ -23,15 +27,40 @@ export class ThemeService {
|
|
|
23
27
|
}
|
|
24
28
|
const container = document.createElement('div');
|
|
25
29
|
container.style.display = 'none';
|
|
26
|
-
container.
|
|
30
|
+
container.innerHTML = template;
|
|
27
31
|
document.body.appendChild(container);
|
|
28
32
|
try {
|
|
29
|
-
|
|
33
|
+
const pointerColor = this.getColor(container, 'gauge-pointer');
|
|
34
|
+
const rangePlaceholder = this.getColor(container, 'gauge-track');
|
|
35
|
+
const textColor = this.getColor(container, 'normal-text-color');
|
|
36
|
+
this.options = {
|
|
37
|
+
pointer: {
|
|
38
|
+
color: pointerColor
|
|
39
|
+
},
|
|
40
|
+
scale: {
|
|
41
|
+
labels: {
|
|
42
|
+
color: textColor
|
|
43
|
+
},
|
|
44
|
+
rangePlaceholderColor: rangePlaceholder,
|
|
45
|
+
minorTicks: {
|
|
46
|
+
color: textColor
|
|
47
|
+
},
|
|
48
|
+
majorTicks: {
|
|
49
|
+
color: textColor
|
|
50
|
+
},
|
|
51
|
+
line: {
|
|
52
|
+
color: textColor
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
};
|
|
30
56
|
}
|
|
31
57
|
finally {
|
|
32
58
|
document.body.removeChild(container);
|
|
33
59
|
}
|
|
34
60
|
}
|
|
61
|
+
getColor(container, varName) {
|
|
62
|
+
return window.getComputedStyle(container.querySelector(`.k-var--${varName}`)).backgroundColor;
|
|
63
|
+
}
|
|
35
64
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
36
65
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
|
|
37
66
|
}
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { Directive, Optional, Injectable, Input, ViewChild, HostBinding, Component, ChangeDetectionStrategy, ContentChild, ContentChildren, NgModule } from '@angular/core';
|
|
7
|
-
import { gaugeTheme, ArcGauge, CircularGauge, LinearGauge, RadialGauge } from '@progress/kendo-charts';
|
|
8
7
|
import * as i2 from '@progress/kendo-angular-intl';
|
|
9
8
|
import * as i3 from '@progress/kendo-angular-l10n';
|
|
10
9
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
11
10
|
import { exportImage, exportSVG, drawDOM } from '@progress/kendo-drawing';
|
|
12
11
|
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
13
12
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
13
|
+
import { ArcGauge, CircularGauge, LinearGauge, RadialGauge } from '@progress/kendo-charts';
|
|
14
14
|
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
15
15
|
|
|
16
16
|
/**
|
|
@@ -162,6 +162,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
162
162
|
type: Injectable
|
|
163
163
|
}] });
|
|
164
164
|
|
|
165
|
+
const template = `
|
|
166
|
+
<div class="k-var--gauge-pointer"></div>
|
|
167
|
+
<div class="k-var--gauge-track"></div>
|
|
168
|
+
<div class="k-var--normal-text-color"></div>
|
|
169
|
+
`;
|
|
165
170
|
/**
|
|
166
171
|
* @hidden
|
|
167
172
|
*/
|
|
@@ -180,15 +185,40 @@ class ThemeService {
|
|
|
180
185
|
}
|
|
181
186
|
const container = document.createElement('div');
|
|
182
187
|
container.style.display = 'none';
|
|
183
|
-
container.
|
|
188
|
+
container.innerHTML = template;
|
|
184
189
|
document.body.appendChild(container);
|
|
185
190
|
try {
|
|
186
|
-
|
|
191
|
+
const pointerColor = this.getColor(container, 'gauge-pointer');
|
|
192
|
+
const rangePlaceholder = this.getColor(container, 'gauge-track');
|
|
193
|
+
const textColor = this.getColor(container, 'normal-text-color');
|
|
194
|
+
this.options = {
|
|
195
|
+
pointer: {
|
|
196
|
+
color: pointerColor
|
|
197
|
+
},
|
|
198
|
+
scale: {
|
|
199
|
+
labels: {
|
|
200
|
+
color: textColor
|
|
201
|
+
},
|
|
202
|
+
rangePlaceholderColor: rangePlaceholder,
|
|
203
|
+
minorTicks: {
|
|
204
|
+
color: textColor
|
|
205
|
+
},
|
|
206
|
+
majorTicks: {
|
|
207
|
+
color: textColor
|
|
208
|
+
},
|
|
209
|
+
line: {
|
|
210
|
+
color: textColor
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
};
|
|
187
214
|
}
|
|
188
215
|
finally {
|
|
189
216
|
document.body.removeChild(container);
|
|
190
217
|
}
|
|
191
218
|
}
|
|
219
|
+
getColor(container, varName) {
|
|
220
|
+
return window.getComputedStyle(container.querySelector(`.k-var--${varName}`)).backgroundColor;
|
|
221
|
+
}
|
|
192
222
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
193
223
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
|
|
194
224
|
}
|
|
@@ -265,8 +295,8 @@ const packageMetadata = {
|
|
|
265
295
|
productName: 'Kendo UI for Angular',
|
|
266
296
|
productCode: 'KENDOUIANGULAR',
|
|
267
297
|
productCodes: ['KENDOUIANGULAR'],
|
|
268
|
-
publishDate:
|
|
269
|
-
version: '18.1.0-develop.
|
|
298
|
+
publishDate: 1738325200,
|
|
299
|
+
version: '18.1.0-develop.5',
|
|
270
300
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
271
301
|
};
|
|
272
302
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-gauges",
|
|
3
|
-
"version": "18.1.0-develop.
|
|
3
|
+
"version": "18.1.0-develop.5",
|
|
4
4
|
"description": "Kendo UI Angular Gauges",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"package": {
|
|
22
22
|
"productName": "Kendo UI for Angular",
|
|
23
23
|
"productCode": "KENDOUIANGULAR",
|
|
24
|
-
"publishDate":
|
|
24
|
+
"publishDate": 1738325200,
|
|
25
25
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
26
26
|
}
|
|
27
27
|
},
|
|
@@ -31,16 +31,16 @@
|
|
|
31
31
|
"@angular/core": "16 - 19",
|
|
32
32
|
"@angular/platform-browser": "16 - 19",
|
|
33
33
|
"@progress/kendo-drawing": "^1.21.0",
|
|
34
|
-
"@progress/kendo-licensing": "^1.
|
|
35
|
-
"@progress/kendo-angular-common": "18.1.0-develop.
|
|
36
|
-
"@progress/kendo-angular-intl": "18.1.0-develop.
|
|
37
|
-
"@progress/kendo-angular-l10n": "18.1.0-develop.
|
|
34
|
+
"@progress/kendo-licensing": "^1.0.2",
|
|
35
|
+
"@progress/kendo-angular-common": "18.1.0-develop.5",
|
|
36
|
+
"@progress/kendo-angular-intl": "18.1.0-develop.5",
|
|
37
|
+
"@progress/kendo-angular-l10n": "18.1.0-develop.5",
|
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"tslib": "^2.3.1",
|
|
42
|
-
"@progress/kendo-angular-schematics": "18.1.0-develop.
|
|
43
|
-
"@progress/kendo-charts": "2.7.
|
|
42
|
+
"@progress/kendo-angular-schematics": "18.1.0-develop.5",
|
|
43
|
+
"@progress/kendo-charts": "2.7.0"
|
|
44
44
|
},
|
|
45
45
|
"schematics": "./schematics/collection.json",
|
|
46
46
|
"module": "fesm2022/progress-kendo-angular-gauges.mjs",
|
|
@@ -10,6 +10,7 @@ export declare class ThemeService {
|
|
|
10
10
|
options: any;
|
|
11
11
|
read(): any;
|
|
12
12
|
protected load(): void;
|
|
13
|
+
protected getColor(container: any, varName: string): string;
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
|
|
14
15
|
static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
|
|
15
16
|
}
|