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

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.
Files changed (101) hide show
  1. package/README.md +34 -16
  2. package/arc-gauge/arc-gauge.component.d.ts +1 -1
  3. package/arc-gauge/color.component.d.ts +1 -1
  4. package/arc-gauge/scale.component.d.ts +1 -1
  5. package/base-components/gauge-area.component.d.ts +1 -1
  6. package/base-components/gauge.component.d.ts +1 -1
  7. package/base-components/labels.component.d.ts +1 -1
  8. package/base-components/range.component.d.ts +1 -1
  9. package/base-components/scale.component.d.ts +1 -1
  10. package/circular-gauge/circular-gauge.component.d.ts +1 -1
  11. package/{esm2020 → esm2022}/arc-gauge/arc-center-template.directive.mjs +4 -3
  12. package/{esm2020 → esm2022}/arc-gauge/arc-gauge.component.mjs +36 -13
  13. package/{esm2020 → esm2022}/arc-gauge/arc-gauge.module.mjs +4 -4
  14. package/{esm2020 → esm2022}/arc-gauge/color.component.mjs +7 -3
  15. package/{esm2020 → esm2022}/arc-gauge/colors.component.mjs +4 -3
  16. package/{esm2020 → esm2022}/arc-gauge/gauge-area.component.mjs +4 -3
  17. package/{esm2020 → esm2022}/arc-gauge/labels.component.mjs +4 -3
  18. package/{esm2020 → esm2022}/arc-gauge/scale.component.mjs +9 -3
  19. package/{esm2020 → esm2022}/base-components/collection-item.component.mjs +5 -3
  20. package/{esm2020 → esm2022}/base-components/collection.component.mjs +8 -3
  21. package/{esm2020 → esm2022}/base-components/gauge-area.component.mjs +25 -3
  22. package/{esm2020 → esm2022}/base-components/gauge.component.mjs +40 -11
  23. package/{esm2020 → esm2022}/base-components/labels.component.mjs +48 -3
  24. package/{esm2020 → esm2022}/base-components/range.component.mjs +19 -3
  25. package/{esm2020 → esm2022}/base-components/scale.component.mjs +15 -3
  26. package/{esm2020 → esm2022}/base-components/settings.component.mjs +5 -3
  27. package/{esm2020 → esm2022}/circular-gauge/center-template.directive.mjs +4 -3
  28. package/{esm2020 → esm2022}/circular-gauge/circular-gauge.component.mjs +16 -11
  29. package/{esm2020 → esm2022}/circular-gauge/circular-gauge.module.mjs +4 -4
  30. package/{esm2020 → esm2022}/circular-gauge/gauge-area.component.mjs +3 -3
  31. package/{esm2020 → esm2022}/circular-gauge/labels.component.mjs +3 -3
  32. package/{esm2020 → esm2022}/circular-gauge/scale.component.mjs +7 -3
  33. package/{esm2020 → esm2022}/gauges.module.mjs +4 -4
  34. package/{esm2020 → esm2022}/linear-gauge/gauge-area.component.mjs +4 -3
  35. package/{esm2020 → esm2022}/linear-gauge/labels.component.mjs +4 -3
  36. package/{esm2020 → esm2022}/linear-gauge/linear-gauge.component.mjs +19 -11
  37. package/{esm2020 → esm2022}/linear-gauge/linear-gauge.module.mjs +4 -4
  38. package/{esm2020 → esm2022}/linear-gauge/pointer.component.mjs +10 -3
  39. package/{esm2020 → esm2022}/linear-gauge/pointers.component.mjs +4 -3
  40. package/{esm2020 → esm2022}/linear-gauge/range.component.mjs +3 -3
  41. package/{esm2020 → esm2022}/linear-gauge/ranges.component.mjs +4 -3
  42. package/{esm2020 → esm2022}/linear-gauge/scale.component.mjs +8 -3
  43. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  44. package/{esm2020 → esm2022}/radial-gauge/gauge-area.component.mjs +4 -3
  45. package/{esm2020 → esm2022}/radial-gauge/labels.component.mjs +5 -3
  46. package/{esm2020 → esm2022}/radial-gauge/pointer.component.mjs +7 -3
  47. package/{esm2020 → esm2022}/radial-gauge/pointers.component.mjs +4 -3
  48. package/{esm2020 → esm2022}/radial-gauge/radial-gauge.component.mjs +19 -11
  49. package/{esm2020 → esm2022}/radial-gauge/radial-gauge.module.mjs +4 -4
  50. package/{esm2020 → esm2022}/radial-gauge/range.component.mjs +3 -3
  51. package/{esm2020 → esm2022}/radial-gauge/ranges.component.mjs +4 -3
  52. package/{esm2020 → esm2022}/radial-gauge/scale.component.mjs +9 -3
  53. package/{esm2020 → esm2022}/services/collection-changes.service.mjs +4 -3
  54. package/{esm2020 → esm2022}/services/configuration.service.mjs +6 -6
  55. package/{esm2020 → esm2022}/services/theme.service.mjs +4 -3
  56. package/{fesm2020 → fesm2022}/progress-kendo-angular-gauges.mjs +413 -184
  57. package/linear-gauge/linear-gauge.component.d.ts +1 -1
  58. package/linear-gauge/pointer.component.d.ts +1 -1
  59. package/linear-gauge/scale.component.d.ts +1 -1
  60. package/package.json +15 -21
  61. package/radial-gauge/labels.component.d.ts +1 -1
  62. package/radial-gauge/pointer.component.d.ts +1 -1
  63. package/radial-gauge/radial-gauge.component.d.ts +1 -1
  64. package/radial-gauge/scale.component.d.ts +1 -1
  65. package/types/dash-type.interface.d.ts +1 -1
  66. package/types/line-cap.d.ts +1 -1
  67. package/types/linear-pointer-shape.d.ts +1 -1
  68. package/types/radial-label-position.d.ts +1 -1
  69. package/fesm2015/progress-kendo-angular-gauges.mjs +0 -2001
  70. /package/{esm2020 → esm2022}/arc-gauge/arc-gauge.directives.mjs +0 -0
  71. /package/{esm2020 → esm2022}/base-components.mjs +0 -0
  72. /package/{esm2020 → esm2022}/circular-gauge/circular-gauge.directives.mjs +0 -0
  73. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  74. /package/{esm2020 → esm2022}/index.mjs +0 -0
  75. /package/{esm2020 → esm2022}/linear-gauge/linear-gauge.directives.mjs +0 -0
  76. /package/{esm2020 → esm2022}/progress-kendo-angular-gauges.mjs +0 -0
  77. /package/{esm2020 → esm2022}/radial-gauge/radial-gauge.directives.mjs +0 -0
  78. /package/{esm2020 → esm2022}/services.mjs +0 -0
  79. /package/{esm2020 → esm2022}/types/arc-scale.interface.mjs +0 -0
  80. /package/{esm2020 → esm2022}/types/border.interface.mjs +0 -0
  81. /package/{esm2020 → esm2022}/types/cap.interface.mjs +0 -0
  82. /package/{esm2020 → esm2022}/types/circular-gauge-scale.interface.mjs +0 -0
  83. /package/{esm2020 → esm2022}/types/color-range.interface.mjs +0 -0
  84. /package/{esm2020 → esm2022}/types/dash-type.interface.mjs +0 -0
  85. /package/{esm2020 → esm2022}/types/gauge-area.interface.mjs +0 -0
  86. /package/{esm2020 → esm2022}/types/labels.interface.mjs +0 -0
  87. /package/{esm2020 → esm2022}/types/line-cap.mjs +0 -0
  88. /package/{esm2020 → esm2022}/types/line.interface.mjs +0 -0
  89. /package/{esm2020 → esm2022}/types/linear-pointer-shape.mjs +0 -0
  90. /package/{esm2020 → esm2022}/types/linear-pointer.interface.mjs +0 -0
  91. /package/{esm2020 → esm2022}/types/linear-scale.interface.mjs +0 -0
  92. /package/{esm2020 → esm2022}/types/margin.interface.mjs +0 -0
  93. /package/{esm2020 → esm2022}/types/padding.interface.mjs +0 -0
  94. /package/{esm2020 → esm2022}/types/radial-label-position.mjs +0 -0
  95. /package/{esm2020 → esm2022}/types/radial-labels.interface.mjs +0 -0
  96. /package/{esm2020 → esm2022}/types/radial-pointer.interface.mjs +0 -0
  97. /package/{esm2020 → esm2022}/types/radial-scale.interface.mjs +0 -0
  98. /package/{esm2020 → esm2022}/types/range.interface.mjs +0 -0
  99. /package/{esm2020 → esm2022}/types/scale.interface.mjs +0 -0
  100. /package/{esm2020 → esm2022}/types/ticks.interface.mjs +0 -0
  101. /package/{esm2020 → esm2022}/types.mjs +0 -0
@@ -1,2001 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from '@angular/core';
6
- import { Directive, Optional, Injectable, Input, ViewChild, HostBinding, Component, ChangeDetectionStrategy, ContentChild, ContentChildren, NgModule } from '@angular/core';
7
- import * as i3 from '@progress/kendo-angular-l10n';
8
- import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
9
- import { exportImage, exportSVG, drawDOM } from '@progress/kendo-drawing';
10
- import { ResizeSensorComponent } from '@progress/kendo-angular-common';
11
- import { validatePackage } from '@progress/kendo-licensing';
12
- import * as i2 from '@progress/kendo-angular-intl';
13
- import { ArcGauge, CircularGauge, LinearGauge, RadialGauge } from '@progress/kendo-charts';
14
- import { NgIf, NgTemplateOutlet } from '@angular/common';
15
-
16
- /**
17
- * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
18
- * within the `<kendo-arcgauge>` component which will be used for the center template
19
- * ([more information and example]({% slug centertemplate_arcgauge %})).
20
- *
21
- * @example
22
- * ```ts
23
- * import { Component } from '@angular/core';
24
- *
25
- * _@Component({
26
- * selector: 'my-app',
27
- * template: `
28
- * <kendo-arcgauge [value]="value">
29
- * <ng-template kendoArcGaugeCenterTemplate let-value="value">
30
- * {{ value }}%
31
- * </ng-template>
32
- * </kendo-arcgauge>
33
- *
34
- * `
35
- * })
36
- * export class AppComponent {
37
- * public value: number = 10;
38
- * }
39
- *
40
- * ```
41
- */
42
- class ArcCenterTemplateDirective {
43
- constructor(templateRef) {
44
- this.templateRef = templateRef;
45
- }
46
- }
47
- ArcCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
48
- ArcCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
49
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
50
- type: Directive,
51
- args: [{
52
- selector: '[kendoArcGaugeCenterTemplate]',
53
- standalone: true
54
- }]
55
- }], ctorParameters: function () {
56
- return [{ type: i0.TemplateRef, decorators: [{
57
- type: Optional
58
- }] }];
59
- } });
60
-
61
- function isObject(value) {
62
- return typeof value === "object";
63
- }
64
- function diffOptions(original, current) {
65
- if (Object.keys(original).length !== Object.keys(current).length) {
66
- return true;
67
- }
68
- for (const field in original) {
69
- if (field !== 'value' && original.hasOwnProperty(field)) {
70
- const originalValue = original[field];
71
- const currentValue = current[field];
72
- const diff = isObject(originalValue) && isObject(currentValue) ?
73
- diffOptions(originalValue, currentValue) : originalValue !== currentValue;
74
- if (diff) {
75
- return true;
76
- }
77
- }
78
- }
79
- }
80
- function diffPointerOptions(original, current) {
81
- if (!original || !current) {
82
- return true;
83
- }
84
- original = [].concat(original);
85
- current = [].concat(current);
86
- if (original.length !== current.length) {
87
- return true;
88
- }
89
- for (let idx = 0; idx < original.length; idx++) {
90
- if (diffOptions(original[idx], current[idx])) {
91
- return true;
92
- }
93
- }
94
- }
95
- /**
96
- * @hidden
97
- */
98
- class ConfigurationService {
99
- constructor() {
100
- this.options = {};
101
- }
102
- copyChanges(prefix, changes) {
103
- for (const propertyName in changes) {
104
- if (!changes.hasOwnProperty(propertyName)) {
105
- continue;
106
- }
107
- const value = changes[propertyName].currentValue;
108
- const optionName = (prefix ? prefix + '.' : '') + propertyName;
109
- this.set(optionName, value);
110
- }
111
- }
112
- read() {
113
- this.hasChanges = false;
114
- this.valueChange = false;
115
- return this.options;
116
- }
117
- readValues() {
118
- this.valueChange = false;
119
- const pointers = [].concat(this.options.pointer);
120
- return pointers.map((pointer) => pointer.value);
121
- }
122
- readValue() {
123
- this.valueChange = false;
124
- return this.options.value;
125
- }
126
- set(field, value) {
127
- const { key, options } = this.optionContext(field);
128
- if (!this.hasChanges && (key === 'value' || (key === 'pointer' && !diffPointerOptions(this.options.pointer, value)))) {
129
- this.valueChange = true;
130
- }
131
- else {
132
- this.hasChanges = true;
133
- this.valueChange = false;
134
- }
135
- options[key] = value;
136
- }
137
- optionContext(field) {
138
- const parts = field.split('.');
139
- let options = this.options;
140
- let key = parts.shift();
141
- while (parts.length > 0) {
142
- options = options[key] = options[key] || {};
143
- key = parts.shift();
144
- }
145
- return { key: key, options: options };
146
- }
147
- }
148
- ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfigurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
149
- ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfigurationService });
150
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfigurationService, decorators: [{
151
- type: Injectable
152
- }] });
153
-
154
- /**
155
- * @hidden
156
- */
157
- class CollectionChangesService {
158
- }
159
- CollectionChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
160
- CollectionChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionChangesService });
161
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionChangesService, decorators: [{
162
- type: Injectable
163
- }] });
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
- `;
170
- /**
171
- * @hidden
172
- */
173
- class ThemeService {
174
- read() {
175
- if (!this.options) {
176
- this.load();
177
- }
178
- return this.options;
179
- }
180
- load() {
181
- if (typeof document === 'undefined') {
182
- this.options = {};
183
- return;
184
- }
185
- const container = document.createElement('div');
186
- container.style.display = 'none';
187
- container.innerHTML = template;
188
- document.body.appendChild(container);
189
- try {
190
- const pointerColor = this.getColor(container, 'gauge-pointer');
191
- const rangePlaceholder = this.getColor(container, 'gauge-track');
192
- const textColor = this.getColor(container, 'normal-text-color');
193
- this.options = {
194
- pointer: {
195
- color: pointerColor
196
- },
197
- scale: {
198
- labels: {
199
- color: textColor
200
- },
201
- rangePlaceholderColor: rangePlaceholder,
202
- minorTicks: {
203
- color: textColor
204
- },
205
- majorTicks: {
206
- color: textColor
207
- },
208
- line: {
209
- color: textColor
210
- }
211
- }
212
- };
213
- }
214
- finally {
215
- document.body.removeChild(container);
216
- }
217
- }
218
- getColor(container, varName) {
219
- return window.getComputedStyle(container.querySelector(`.k-var--${varName}`)).backgroundColor;
220
- }
221
- }
222
- ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
223
- ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeService, providedIn: 'root' });
224
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ThemeService, decorators: [{
225
- type: Injectable,
226
- args: [{
227
- providedIn: 'root'
228
- }]
229
- }] });
230
-
231
- /**
232
- * @hidden
233
- */
234
- class CollectionComponent {
235
- constructor(key, configurationService, collectionChangesService) {
236
- this.key = key;
237
- this.configurationService = configurationService;
238
- this.collectionChangesService = collectionChangesService;
239
- }
240
- ngOnDestroy() {
241
- this.subscription.unsubscribe();
242
- this.configurationService.set(this.key, []);
243
- }
244
- ngAfterContentInit() {
245
- this.subscription = this.children.changes.subscribe(() => this.collectionChangesService.hasChanges = true);
246
- }
247
- ngAfterContentChecked() {
248
- if (this.collectionChangesService.hasChanges) {
249
- this.configurationService.set(this.key, this.readItems());
250
- this.collectionChangesService.hasChanges = false;
251
- }
252
- }
253
- readItems() {
254
- return this.children.map(child => Object.assign({}, child.configurationService.read()));
255
- }
256
- }
257
- CollectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
258
- CollectionComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CollectionComponent, ngImport: i0 });
259
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionComponent, decorators: [{
260
- type: Directive
261
- }], ctorParameters: function () { return [{ type: undefined }, { type: ConfigurationService }, { type: CollectionChangesService }]; } });
262
-
263
- /**
264
- * @hidden
265
- */
266
- class CollectionItemComponent {
267
- constructor(configurationService, collectionChangesService) {
268
- this.configurationService = configurationService;
269
- this.collectionChangesService = collectionChangesService;
270
- }
271
- ngOnChanges(changes) {
272
- this.configurationService.copyChanges('', changes);
273
- this.collectionChangesService.hasChanges = true;
274
- }
275
- }
276
- CollectionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
277
- CollectionItemComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CollectionItemComponent, usesOnChanges: true, ngImport: i0 });
278
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionItemComponent, decorators: [{
279
- type: Directive
280
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; } });
281
-
282
- /**
283
- * @hidden
284
- */
285
- const packageMetadata = {
286
- name: '@progress/kendo-angular-gauges',
287
- productName: 'Kendo UI for Angular',
288
- productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
289
- publishDate: 1728917606,
290
- version: '17.0.0-develop.3',
291
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
292
- };
293
-
294
- const inDocument = (element) => {
295
- let node = element;
296
- while (node && node !== document.body) {
297
- node = node.parentNode;
298
- }
299
- return Boolean(node);
300
- };
301
- /**
302
- * @hidden
303
- */
304
- class GaugeComponent {
305
- constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
306
- this.configurationService = configurationService;
307
- this.themeService = themeService;
308
- this.intlService = intlService;
309
- this.localizationService = localizationService;
310
- this.element = element;
311
- this.renderer = renderer;
312
- this.ngZone = ngZone;
313
- /**
314
- * The maximum number of times the Gauge resizes per second.
315
- * Defaults to `10`. To disable the automatic resizing, set `resizeRateLimit` to `0`.
316
- */
317
- this.resizeRateLimit = 10;
318
- this.className = true;
319
- this.theme = null;
320
- this.rtl = false;
321
- validatePackage(packageMetadata);
322
- }
323
- ngOnInit() {
324
- this.setDirection();
325
- this.subscriptions = this.intlService.changes.subscribe(this.intlChange.bind(this));
326
- this.subscriptions.add(this.localizationService.changes.subscribe(this.rtlChange.bind(this)));
327
- }
328
- ngAfterViewChecked() {
329
- if (typeof document === 'undefined') {
330
- return;
331
- }
332
- let updateMethod;
333
- if (!this.instance) {
334
- updateMethod = this.init;
335
- }
336
- else if (this.configurationService.hasChanges) {
337
- updateMethod = this.updateOptions;
338
- }
339
- else if (this.configurationService.valueChange) {
340
- updateMethod = this.setValues;
341
- }
342
- if (updateMethod) {
343
- clearTimeout(this.redrawTimeout);
344
- if (!this.instance && !inDocument(this.element.nativeElement)) { // required in case the gauge is initialized by ng-content outside of the DOM
345
- this.defer(() => {
346
- this.updateCall(updateMethod);
347
- });
348
- }
349
- else {
350
- this.updateCall(updateMethod);
351
- }
352
- }
353
- }
354
- updateCall(updateMethod) {
355
- this.updateDirection();
356
- updateMethod.call(this);
357
- this.updateSize();
358
- }
359
- updateOptions() {
360
- this.instance.setOptions(this.configurationService.read());
361
- }
362
- setValues() {
363
- this.instance.allValues(this.configurationService.readValues());
364
- }
365
- ngOnChanges(changes) {
366
- this.configurationService.copyChanges('', changes);
367
- }
368
- ngOnDestroy() {
369
- if (this.instance) {
370
- this.instance.destroy();
371
- }
372
- this.subscriptions.unsubscribe();
373
- clearTimeout(this.redrawTimeout);
374
- }
375
- /**
376
- * Exports the Gauge as an image. The export operation is asynchronous and returns a promise.
377
- *
378
- * @param {ImageExportOptions} options - The parameters for the exported image.
379
- * @returns {Promise<string>} - A promise that will be resolved with a PNG image that is encoded as a Data URI.
380
- */
381
- exportImage(options = {}) {
382
- return this.exportVisual().then((visual) => {
383
- return exportImage(visual, options);
384
- });
385
- }
386
- /**
387
- * Exports the Gauge as an SVG document. The export operation is asynchronous and returns a promise.
388
- *
389
- * @param {SVGExportOptions} options - The parameters for the exported file.
390
- * @returns {Promise<string>} - A promise that will be resolved with an SVG document that is encoded as a Data URI.
391
- */
392
- exportSVG(options = {}) {
393
- return this.exportVisual().then((visual) => {
394
- return exportSVG(visual, options);
395
- });
396
- }
397
- /**
398
- * Exports the Gauge as a Drawing `Scene`.
399
- *
400
- * @returns {Promise<Group>} - A promise that will be resolved with the export visual.
401
- */
402
- exportVisual() {
403
- return Promise.resolve(this.instance.exportVisual());
404
- }
405
- /**
406
- * @hidden
407
- */
408
- onResize(_event) {
409
- if (this.autoResize) {
410
- this.resize();
411
- }
412
- }
413
- /**
414
- * Detects the size of the container and redraws the Gauge.
415
- * Resizing is automatic unless you set the `resizeRateLimit` option to `0`.
416
- */
417
- resize() {
418
- if (this.instance) {
419
- this.instance.resize();
420
- }
421
- }
422
- init() {
423
- if (!this.surfaceElement) {
424
- return;
425
- }
426
- this.createInstance(this.surfaceElement.nativeElement, this.configurationService.read(), this.themeService.read(), {
427
- intlService: this.intlService,
428
- rtl: this.rtl
429
- });
430
- }
431
- get autoResize() {
432
- return this.resizeRateLimit > 0;
433
- }
434
- updateSize() {
435
- this.resizeSensor.acceptSize();
436
- }
437
- intlChange() {
438
- if (this.instance) {
439
- this.deferredRedraw();
440
- }
441
- }
442
- rtlChange() {
443
- if (this.instance && this.rtl !== this.isRTL) {
444
- this.deferredRedraw();
445
- }
446
- }
447
- deferredRedraw() {
448
- this.defer(() => {
449
- this.updateDirection();
450
- this.instance.noTransitionsRedraw();
451
- });
452
- }
453
- defer(callback) {
454
- this.ngZone.runOutsideAngular(() => {
455
- clearTimeout(this.redrawTimeout);
456
- this.redrawTimeout = setTimeout(callback, 0);
457
- });
458
- }
459
- updateDirection() {
460
- const current = this.isRTL;
461
- if (this.rtl !== current) {
462
- this.setDirection();
463
- if (this.instance) {
464
- this.instance.setDirection(current);
465
- }
466
- }
467
- }
468
- setDirection() {
469
- this.rtl = this.isRTL;
470
- if (this.element) {
471
- this.renderer.setAttribute(this.element.nativeElement, 'dir', this.rtl ? 'rtl' : 'ltr');
472
- }
473
- }
474
- get isRTL() {
475
- return Boolean(this.localizationService.rtl);
476
- }
477
- }
478
- GaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
479
- GaugeComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GaugeComponent, inputs: { gaugeArea: "gaugeArea", renderAs: "renderAs", resizeRateLimit: "resizeRateLimit", scale: "scale", transitions: "transitions" }, host: { properties: { "class.k-gauge": "this.className" } }, viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }, { propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
480
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugeComponent, decorators: [{
481
- type: Directive
482
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { gaugeArea: [{
483
- type: Input
484
- }], renderAs: [{
485
- type: Input
486
- }], resizeRateLimit: [{
487
- type: Input
488
- }], scale: [{
489
- type: Input
490
- }], transitions: [{
491
- type: Input
492
- }], surfaceElement: [{
493
- type: ViewChild,
494
- args: ['surface', { static: true }]
495
- }], resizeSensor: [{
496
- type: ViewChild,
497
- args: [ResizeSensorComponent, { static: true }]
498
- }], className: [{
499
- type: HostBinding,
500
- args: ['class.k-gauge']
501
- }] } });
502
-
503
- /**
504
- * @hidden
505
- */
506
- class SettingsComponent {
507
- constructor(key, configurationService) {
508
- this.key = key;
509
- this.configurationService = configurationService;
510
- }
511
- ngOnChanges(changes) {
512
- this.configurationService.copyChanges(this.key, changes);
513
- }
514
- ngOnDestroy() {
515
- this.configurationService.set(this.key, null);
516
- }
517
- }
518
- SettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SettingsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
519
- SettingsComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SettingsComponent, usesOnChanges: true, ngImport: i0 });
520
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SettingsComponent, decorators: [{
521
- type: Directive
522
- }], ctorParameters: function () { return [{ type: undefined }, { type: ConfigurationService }]; } });
523
-
524
- /**
525
- * @hidden
526
- */
527
- class GaugeAreaComponent extends SettingsComponent {
528
- // due to NG error: The directive GaugeAreaComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
529
- // that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
530
- // to use parameters that are valid for DI.(-992016)
531
- constructor(key, configurationService) {
532
- super('gaugeArea', configurationService);
533
- this.key = key;
534
- this.configurationService = configurationService;
535
- }
536
- }
537
- GaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugeAreaComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
538
- GaugeAreaComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GaugeAreaComponent, inputs: { background: "background", border: "border", height: "height", margin: "margin", width: "width" }, usesInheritance: true, ngImport: i0 });
539
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugeAreaComponent, decorators: [{
540
- type: Directive
541
- }], ctorParameters: function () { return [{ type: undefined }, { type: ConfigurationService }]; }, propDecorators: { background: [{
542
- type: Input
543
- }], border: [{
544
- type: Input
545
- }], height: [{
546
- type: Input
547
- }], margin: [{
548
- type: Input
549
- }], width: [{
550
- type: Input
551
- }] } });
552
-
553
- /**
554
- * @hidden
555
- */
556
- class LabelsComponent extends SettingsComponent {
557
- // due to NG error: The directive LabelsComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
558
- // that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
559
- // to use parameters that are valid for DI.(-992016)
560
- constructor(key, configurationService) {
561
- super('label', configurationService);
562
- this.key = key;
563
- this.configurationService = configurationService;
564
- }
565
- }
566
- LabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
567
- LabelsComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LabelsComponent, inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", margin: "margin", padding: "padding", content: "content", visible: "visible" }, usesInheritance: true, ngImport: i0 });
568
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelsComponent, decorators: [{
569
- type: Directive
570
- }], ctorParameters: function () { return [{ type: undefined }, { type: ConfigurationService }]; }, propDecorators: { background: [{
571
- type: Input
572
- }], border: [{
573
- type: Input
574
- }], color: [{
575
- type: Input
576
- }], font: [{
577
- type: Input
578
- }], format: [{
579
- type: Input
580
- }], margin: [{
581
- type: Input
582
- }], padding: [{
583
- type: Input
584
- }], content: [{
585
- type: Input
586
- }], visible: [{
587
- type: Input
588
- }] } });
589
-
590
- /**
591
- * @hidden
592
- */
593
- class RangeComponent extends CollectionItemComponent {
594
- }
595
- RangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
596
- RangeComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RangeComponent, inputs: { from: "from", to: "to", opacity: "opacity", color: "color" }, usesInheritance: true, ngImport: i0 });
597
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeComponent, decorators: [{
598
- type: Directive
599
- }], propDecorators: { from: [{
600
- type: Input
601
- }], to: [{
602
- type: Input
603
- }], opacity: [{
604
- type: Input
605
- }], color: [{
606
- type: Input
607
- }] } });
608
-
609
- /**
610
- * @hidden
611
- */
612
- class ScaleComponent extends SettingsComponent {
613
- // due to NG error: The directive ScaleComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
614
- // that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
615
- // to use parameters that are valid for DI.(-992016)
616
- constructor(key, configurationService) {
617
- super('scale', configurationService);
618
- this.key = key;
619
- this.configurationService = configurationService;
620
- }
621
- }
622
- ScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScaleComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
623
- ScaleComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ScaleComponent, inputs: { labels: "labels", majorTicks: "majorTicks", minorTicks: "minorTicks", min: "min", max: "max", minorUnit: "minorUnit", majorUnit: "majorUnit", reverse: "reverse", rangeSize: "rangeSize", rangePlaceholderColor: "rangePlaceholderColor" }, usesInheritance: true, ngImport: i0 });
624
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScaleComponent, decorators: [{
625
- type: Directive
626
- }], ctorParameters: function () { return [{ type: undefined }, { type: ConfigurationService }]; }, propDecorators: { labels: [{
627
- type: Input
628
- }], majorTicks: [{
629
- type: Input
630
- }], minorTicks: [{
631
- type: Input
632
- }], min: [{
633
- type: Input
634
- }], max: [{
635
- type: Input
636
- }], minorUnit: [{
637
- type: Input
638
- }], majorUnit: [{
639
- type: Input
640
- }], reverse: [{
641
- type: Input
642
- }], rangeSize: [{
643
- type: Input
644
- }], rangePlaceholderColor: [{
645
- type: Input
646
- }] } });
647
-
648
- /**
649
- * Represents the [Kendo UI ArcGauge component for Angular]({% slug overview_arcgauge_gauges %}).
650
- *
651
- * @example
652
- * ```ts
653
- * import { Component } from '@angular/core';
654
- *
655
- * _@Component({
656
- * selector: 'my-app',
657
- * template: `
658
- * <kendo-arcgauge [value]="value" [scale]="{ max: 100 }">
659
- * <ng-template kendoArcGaugeCenterTemplate let-value="value">
660
- * {{ value }}%
661
- * </ng-template>
662
- * </kendo-arcgauge>
663
- * `
664
- * })
665
- * class AppComponent {
666
- * public value: number = 10;
667
- * }
668
- *
669
- * ```
670
- */
671
- class ArcGaugeComponent extends GaugeComponent {
672
- constructor(changeDetector, configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
673
- super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
674
- this.changeDetector = changeDetector;
675
- this.className = true;
676
- this.centerTemplateContext = {};
677
- }
678
- ngOnInit() {
679
- super.ngOnInit();
680
- if (this.element) {
681
- this.renderer.setStyle(this.element.nativeElement, 'position', 'relative');
682
- }
683
- }
684
- ngAfterViewChecked() {
685
- super.ngAfterViewChecked();
686
- if (this.labelElement && !this.centerTemplate) {
687
- this.changeDetector.detectChanges();
688
- }
689
- else if (!this.labelElement && this.centerTemplate) {
690
- this.updateCenterTemplate();
691
- }
692
- }
693
- /**
694
- * Exports the gauge as a Drawing `Scene`.
695
- *
696
- * @returns {Promise<Group>} - A promise that will be resolved with the export visual.
697
- */
698
- exportVisual() {
699
- return drawDOM(this.element.nativeElement);
700
- }
701
- /**
702
- * Detects the size of the container and redraws the Gauge.
703
- * Resizing is automatic unless you set the `resizeRateLimit` option to `0`.
704
- */
705
- resize() {
706
- super.resize();
707
- this.updateCenterTemplate();
708
- }
709
- createInstance(element, options, theme, context) {
710
- this.instance = new ArcGauge(element, options, theme, context);
711
- this.updateElements();
712
- }
713
- updateOptions() {
714
- super.updateOptions();
715
- this.updateElements();
716
- }
717
- setValues() {
718
- const value = this.configurationService.readValue();
719
- this.instance.value(value);
720
- this.updateCenterTemplate();
721
- }
722
- updateElements() {
723
- this.resizeSensor.acceptSize();
724
- this.updateCenterTemplate();
725
- }
726
- updateCenterTemplate() {
727
- if (!this.instance || !this.centerTemplate) {
728
- return;
729
- }
730
- this.centerTemplateContext.value = this.instance.value();
731
- this.centerTemplateContext.color = this.instance.currentColor();
732
- this.changeDetector.detectChanges();
733
- this.positionLabel();
734
- }
735
- positionLabel() {
736
- if (!this.labelElement) {
737
- return;
738
- }
739
- const element = this.labelElement.nativeElement;
740
- const width = element.offsetWidth;
741
- const height = element.offsetHeight;
742
- const position = this.instance.centerLabelPosition(width, height);
743
- element.style.top = `${position.top}px`;
744
- element.style.left = `${position.left}px`;
745
- }
746
- // eslint-disable-next-line @typescript-eslint/no-empty-function
747
- updateSize() { }
748
- }
749
- ArcGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
750
- ArcGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcGaugeComponent, isStandalone: true, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
751
- ConfigurationService,
752
- LocalizationService,
753
- {
754
- provide: L10N_PREFIX,
755
- useValue: 'kendo.arcgauge'
756
- }
757
- ], queries: [{ propertyName: "centerTemplate", first: true, predicate: ArcCenterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["kendoArcGauge"], usesInheritance: true, ngImport: i0, template: `
758
- <div #surface class='k-chart-surface'></div>
759
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
760
- <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
761
- </div>
762
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
763
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
764
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeComponent, decorators: [{
765
- type: Component,
766
- args: [{
767
- changeDetection: ChangeDetectionStrategy.OnPush,
768
- exportAs: 'kendoArcGauge',
769
- providers: [
770
- ConfigurationService,
771
- LocalizationService,
772
- {
773
- provide: L10N_PREFIX,
774
- useValue: 'kendo.arcgauge'
775
- }
776
- ],
777
- selector: 'kendo-arcgauge',
778
- template: `
779
- <div #surface class='k-chart-surface'></div>
780
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
781
- <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
782
- </div>
783
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
784
- `,
785
- standalone: true,
786
- imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
787
- }]
788
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { value: [{
789
- type: Input
790
- }], color: [{
791
- type: Input
792
- }], colors: [{
793
- type: Input
794
- }], opacity: [{
795
- type: Input
796
- }], scale: [{
797
- type: Input
798
- }], centerTemplate: [{
799
- type: ContentChild,
800
- args: [ArcCenterTemplateDirective, { static: false }]
801
- }], labelElement: [{
802
- type: ViewChild,
803
- args: ["label", { static: false }]
804
- }], className: [{
805
- type: HostBinding,
806
- args: ['class.k-arcgauge']
807
- }] } });
808
-
809
- /**
810
- * The configuration options for an ArcGauge color item.
811
- */
812
- class ColorComponent extends CollectionItemComponent {
813
- constructor(configurationService, collectionChangesService) {
814
- super(configurationService, collectionChangesService);
815
- }
816
- }
817
- ColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
818
- ColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorComponent, isStandalone: true, selector: "kendo-arcgauge-color", inputs: { color: "color", opacity: "opacity", from: "from", to: "to" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
819
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorComponent, decorators: [{
820
- type: Component,
821
- args: [{
822
- providers: [ConfigurationService],
823
- selector: 'kendo-arcgauge-color',
824
- template: '',
825
- standalone: true
826
- }]
827
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { color: [{
828
- type: Input
829
- }], opacity: [{
830
- type: Input
831
- }], from: [{
832
- type: Input
833
- }], to: [{
834
- type: Input
835
- }] } });
836
-
837
- /**
838
- * A collection of one or more ArcGauge colors
839
- * ([more information and example]({% slug colorranges_arcgauge %})).
840
- *
841
- * @example
842
- * ```ts
843
- * import { Component } from '@angular/core';
844
- *
845
- * _@Component({
846
- * selector: 'my-app',
847
- * template: `
848
- * <kendo-arcgauge [value]="value">
849
- * <kendo-arcgauge-colors>
850
- * <kendo-arcgauge-color *ngFor="let item of colors"
851
- * [from]="item.from" [to]="item.to" [color]="item.color">
852
- * </kendo-arcgauge-color>
853
- * </kendo-arcgauge-colors>
854
- * </kendo-arcgauge>
855
- * `
856
- * })
857
- * export class AppComponent {
858
- * public value: number = 10;
859
- *
860
- * public colors: any[] = [{
861
- * to: 25,
862
- * color: '#0058e9'
863
- * }, {
864
- * from: 25,
865
- * to: 50,
866
- * color: '#37b400'
867
- * }, {
868
- * from: 50,
869
- * to: 75,
870
- * color: '#ffc000'
871
- * }, {
872
- * from: 75,
873
- * color: '#f31700'
874
- * }];
875
- * }
876
- *
877
- * ```
878
- */
879
- class ColorsComponent extends CollectionComponent {
880
- constructor(configurationService, collectionChangesService) {
881
- super('colors', configurationService, collectionChangesService);
882
- }
883
- }
884
- ColorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorsComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
885
- ColorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
886
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorsComponent, decorators: [{
887
- type: Component,
888
- args: [{
889
- providers: [CollectionChangesService],
890
- selector: 'kendo-arcgauge-colors',
891
- template: '',
892
- standalone: true
893
- }]
894
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
895
- type: ContentChildren,
896
- args: [ColorComponent]
897
- }] } });
898
-
899
- /**
900
- * The configuration options of the ArcGauge area.
901
- * Represents the entire visible area of the ArcGauge.
902
- */
903
- class ArcGaugeAreaComponent extends GaugeAreaComponent {
904
- constructor(configurationService) {
905
- super('gaugeArea', configurationService);
906
- this.configurationService = configurationService;
907
- }
908
- }
909
- ArcGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
910
- ArcGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
911
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
912
- type: Component,
913
- args: [{
914
- selector: 'kendo-arcgauge-area',
915
- template: '',
916
- standalone: true
917
- }]
918
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
919
-
920
- /**
921
- * The configuration options for the scale labels of the RadialGauge.
922
- */
923
- class RadialLabelsComponent extends LabelsComponent {
924
- constructor(configurationService) {
925
- super('scale.labels', configurationService);
926
- this.configurationService = configurationService;
927
- }
928
- }
929
- RadialLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
930
- RadialLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialLabelsComponent, isStandalone: true, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
931
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialLabelsComponent, decorators: [{
932
- type: Component,
933
- args: [{
934
- selector: 'kendo-radialgauge-scale-labels',
935
- template: '',
936
- standalone: true
937
- }]
938
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { position: [{
939
- type: Input
940
- }] } });
941
-
942
- /**
943
- * The configuration options for the scale labels of the ArcGauge.
944
- */
945
- class ArcLabelsComponent extends RadialLabelsComponent {
946
- constructor(configurationService) {
947
- super(configurationService);
948
- this.configurationService = configurationService;
949
- configurationService.set(`${this.key}.visible`, true);
950
- }
951
- }
952
- ArcLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
953
- ArcLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
954
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, decorators: [{
955
- type: Component,
956
- args: [{
957
- selector: 'kendo-arcgauge-scale-labels',
958
- template: '',
959
- standalone: true
960
- }]
961
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
962
-
963
- /**
964
- * The configuration options for the scale of the ArcGauge
965
- * ([see example]({% slug scaleoptions_arcgauge %})).
966
- */
967
- class ArcScaleComponent extends ScaleComponent {
968
- constructor(configurationService) {
969
- super('scale', configurationService);
970
- this.configurationService = configurationService;
971
- }
972
- }
973
- ArcScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
974
- ArcScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcScaleComponent, isStandalone: true, selector: "kendo-arcgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", rangeLineCap: "rangeLineCap", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
975
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, decorators: [{
976
- type: Component,
977
- args: [{
978
- selector: 'kendo-arcgauge-scale',
979
- template: '',
980
- standalone: true
981
- }]
982
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { labels: [{
983
- type: Input
984
- }], rangeDistance: [{
985
- type: Input
986
- }], rangeLineCap: [{
987
- type: Input
988
- }], startAngle: [{
989
- type: Input
990
- }], endAngle: [{
991
- type: Input
992
- }] } });
993
-
994
- /**
995
- * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
996
- * within the `<kendo-circulargauge>` component which will be used for the center template
997
- * ([more information and example]({% slug centertemplate_circulargauge %})).
998
- *
999
- * @example
1000
- * ```ts
1001
- * import { Component } from '@angular/core';
1002
- *
1003
- * _@Component({
1004
- * selector: 'my-app',
1005
- * template: `
1006
- * <kendo-circulargauge [value]="value">
1007
- * <ng-template kendoCircularGaugeCenterTemplate let-value="value">
1008
- * {{ value }}%
1009
- * </ng-template>
1010
- * </kendo-circulargauge>
1011
- *
1012
- * `
1013
- * })
1014
- * export class AppComponent {
1015
- * public value: number = 10;
1016
- * }
1017
- *
1018
- * ```
1019
- */
1020
- class CircularGaugeCenterTemplateDirective {
1021
- constructor(templateRef) {
1022
- this.templateRef = templateRef;
1023
- }
1024
- }
1025
- CircularGaugeCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
1026
- CircularGaugeCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularGaugeCenterTemplate]", ngImport: i0 });
1027
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeCenterTemplateDirective, decorators: [{
1028
- type: Directive,
1029
- args: [{
1030
- selector: '[kendoCircularGaugeCenterTemplate]',
1031
- standalone: true
1032
- }]
1033
- }], ctorParameters: function () {
1034
- return [{ type: i0.TemplateRef, decorators: [{
1035
- type: Optional
1036
- }] }];
1037
- } });
1038
-
1039
- /**
1040
- * Represents the [Kendo UI CircularGauge component for Angular]({% slug overview_circulargauge_gauges %}).
1041
- *
1042
- * @example
1043
- * ```ts
1044
- * import { Component } from '@angular/core';
1045
- *
1046
- * _@Component({
1047
- * selector: 'my-app',
1048
- * template: `
1049
- * <kendo-circulargauge [value]="value" [scale]="{ max: 100 }">
1050
- * <ng-template kendoCircularGaugeCenterTemplate let-value="value">
1051
- * {{ value }}%
1052
- * </ng-template>
1053
- * </kendo-circulargauge>
1054
- * `
1055
- * })
1056
- * class AppComponent {
1057
- * public value: number = 10;
1058
- * }
1059
- *
1060
- * ```
1061
- */
1062
- class CircularGaugeComponent extends ArcGaugeComponent {
1063
- createInstance(element, options, theme, context) {
1064
- this.instance = new CircularGauge(element, options, theme, context);
1065
- this.updateElements();
1066
- }
1067
- }
1068
- CircularGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1069
- CircularGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
1070
- ConfigurationService,
1071
- LocalizationService,
1072
- {
1073
- provide: L10N_PREFIX,
1074
- useValue: 'kendo.circulargauge'
1075
- }
1076
- ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularGaugeCenterTemplateDirective, descendants: true }], exportAs: ["kendoCircularGauge"], usesInheritance: true, ngImport: i0, template: `
1077
- <div #surface class='k-chart-surface'></div>
1078
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
1079
- <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
1080
- </div>
1081
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1082
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1083
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeComponent, decorators: [{
1084
- type: Component,
1085
- args: [{
1086
- changeDetection: ChangeDetectionStrategy.OnPush,
1087
- exportAs: 'kendoCircularGauge',
1088
- providers: [
1089
- ConfigurationService,
1090
- LocalizationService,
1091
- {
1092
- provide: L10N_PREFIX,
1093
- useValue: 'kendo.circulargauge'
1094
- }
1095
- ],
1096
- selector: 'kendo-circulargauge',
1097
- template: `
1098
- <div #surface class='k-chart-surface'></div>
1099
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
1100
- <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
1101
- </div>
1102
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1103
- `,
1104
- standalone: true,
1105
- imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
1106
- }]
1107
- }], propDecorators: { scale: [{
1108
- type: Input
1109
- }], centerTemplate: [{
1110
- type: ContentChild,
1111
- args: [CircularGaugeCenterTemplateDirective, { static: false }]
1112
- }] } });
1113
-
1114
- /**
1115
- * The configuration options of the Circular Gauge area.
1116
- * Represents the entire visible area of the Circular Gauge.
1117
- */
1118
- class CircularGaugeAreaComponent extends ArcGaugeAreaComponent {
1119
- }
1120
- CircularGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1121
- CircularGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeAreaComponent, isStandalone: true, selector: "kendo-circulargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
1122
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeAreaComponent, decorators: [{
1123
- type: Component,
1124
- args: [{
1125
- selector: 'kendo-circulargauge-area',
1126
- template: '',
1127
- standalone: true
1128
- }]
1129
- }] });
1130
-
1131
- /**
1132
- * The configuration options for the scale labels of the Circular Gauge.
1133
- */
1134
- class CircularGaugeLabelsComponent extends ArcLabelsComponent {
1135
- }
1136
- CircularGaugeLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeLabelsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1137
- CircularGaugeLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeLabelsComponent, isStandalone: true, selector: "kendo-circulargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
1138
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeLabelsComponent, decorators: [{
1139
- type: Component,
1140
- args: [{
1141
- selector: 'kendo-circulargauge-scale-labels',
1142
- template: '',
1143
- standalone: true
1144
- }]
1145
- }] });
1146
-
1147
- /**
1148
- * The configuration options for the scale of the Circular Gauge
1149
- * ([see example]({% slug scaleoptions_circulargauge %})).
1150
- */
1151
- class CircularGaugeScaleComponent extends ArcScaleComponent {
1152
- }
1153
- CircularGaugeScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeScaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1154
- CircularGaugeScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeScaleComponent, isStandalone: true, selector: "kendo-circulargauge-scale", usesInheritance: true, ngImport: i0, template: '', isInline: true });
1155
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeScaleComponent, decorators: [{
1156
- type: Component,
1157
- args: [{
1158
- selector: 'kendo-circulargauge-scale',
1159
- template: '',
1160
- standalone: true
1161
- }]
1162
- }] });
1163
-
1164
- /**
1165
- * The configuration options for the LinearGauge area.
1166
- * Represents the entire visible area of the LinearGauge.
1167
- */
1168
- class LinearGaugeAreaComponent extends GaugeAreaComponent {
1169
- constructor(configurationService) {
1170
- super('gaugeArea', configurationService);
1171
- this.configurationService = configurationService;
1172
- }
1173
- }
1174
- LinearGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
1175
- LinearGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearGaugeAreaComponent, isStandalone: true, selector: "kendo-lineargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
1176
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeAreaComponent, decorators: [{
1177
- type: Component,
1178
- args: [{
1179
- selector: 'kendo-lineargauge-area',
1180
- template: '',
1181
- standalone: true
1182
- }]
1183
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
1184
-
1185
- /**
1186
- * The configuration options for the scale labels of the LinearGauge.
1187
- */
1188
- class LinearLabelsComponent extends LabelsComponent {
1189
- constructor(configurationService) {
1190
- super('scale.labels', configurationService);
1191
- this.configurationService = configurationService;
1192
- }
1193
- }
1194
- LinearLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
1195
- LinearLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearLabelsComponent, isStandalone: true, selector: "kendo-lineargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
1196
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearLabelsComponent, decorators: [{
1197
- type: Component,
1198
- args: [{
1199
- selector: 'kendo-lineargauge-scale-labels',
1200
- template: '',
1201
- standalone: true
1202
- }]
1203
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
1204
-
1205
- /**
1206
- * Represents the [Kendo UI LinearGauge component for Angular]({% slug overview_lineargauge_gauges %}).
1207
- *
1208
- * @example
1209
- * ```ts
1210
- * import { Component } from '@angular/core';
1211
- *
1212
- * _@Component({
1213
- * selector: 'my-app',
1214
- * template: `
1215
- * <kendo-lineargauge [pointer]="{ value: value }">
1216
- * </kendo-lineargauge>
1217
- * `
1218
- * })
1219
- * class AppComponent {
1220
- * public value: number = 10;
1221
- * }
1222
- *
1223
- * ```
1224
- */
1225
- class LinearGaugeComponent extends GaugeComponent {
1226
- constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
1227
- super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
1228
- }
1229
- createInstance(element, options, theme, context) {
1230
- this.instance = new LinearGauge(element, options, theme, context);
1231
- }
1232
- }
1233
- LinearGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1234
- LinearGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearGaugeComponent, isStandalone: true, selector: "kendo-lineargauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
1235
- ConfigurationService,
1236
- LocalizationService,
1237
- {
1238
- provide: L10N_PREFIX,
1239
- useValue: 'kendo.lineargauge'
1240
- }
1241
- ], exportAs: ["kendoLinearGauge"], usesInheritance: true, ngImport: i0, template: `
1242
- <div #surface class='k-chart-surface'></div>
1243
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1244
- `, isInline: true, dependencies: [{ kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1245
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeComponent, decorators: [{
1246
- type: Component,
1247
- args: [{
1248
- changeDetection: ChangeDetectionStrategy.OnPush,
1249
- exportAs: 'kendoLinearGauge',
1250
- providers: [
1251
- ConfigurationService,
1252
- LocalizationService,
1253
- {
1254
- provide: L10N_PREFIX,
1255
- useValue: 'kendo.lineargauge'
1256
- }
1257
- ],
1258
- selector: 'kendo-lineargauge',
1259
- template: `
1260
- <div #surface class='k-chart-surface'></div>
1261
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1262
- `,
1263
- standalone: true,
1264
- imports: [ResizeSensorComponent]
1265
- }]
1266
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { pointer: [{
1267
- type: Input
1268
- }], scale: [{
1269
- type: Input
1270
- }] } });
1271
-
1272
- /**
1273
- * The configuration options for a pointer item of a LinearGauge.
1274
- */
1275
- class LinearPointerComponent extends CollectionItemComponent {
1276
- constructor(configurationService, collectionChangesService) {
1277
- super(configurationService, collectionChangesService);
1278
- }
1279
- }
1280
- LinearPointerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1281
- LinearPointerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearPointerComponent, isStandalone: true, selector: "kendo-lineargauge-pointer", inputs: { border: "border", color: "color", margin: "margin", opacity: "opacity", shape: "shape", size: "size", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1282
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointerComponent, decorators: [{
1283
- type: Component,
1284
- args: [{
1285
- providers: [ConfigurationService],
1286
- selector: 'kendo-lineargauge-pointer',
1287
- template: '',
1288
- standalone: true
1289
- }]
1290
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { border: [{
1291
- type: Input
1292
- }], color: [{
1293
- type: Input
1294
- }], margin: [{
1295
- type: Input
1296
- }], opacity: [{
1297
- type: Input
1298
- }], shape: [{
1299
- type: Input
1300
- }], size: [{
1301
- type: Input
1302
- }], value: [{
1303
- type: Input
1304
- }] } });
1305
-
1306
- /**
1307
- * A collection of one or more LinearGauge pointers
1308
- * ([more information]({% slug multiplepointers_lineargauge %})).
1309
- *
1310
- * @example
1311
- * ```ts
1312
- * import { Component } from '@angular/core';
1313
- *
1314
- * _@Component({
1315
- * selector: 'my-app',
1316
- * template: `
1317
- * <kendo-lineargauge>
1318
- * <kendo-lineargauge-pointers>
1319
- * <kendo-lineargauge-pointer *ngFor="let pointer of pointers"
1320
- * [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
1321
- * </kendo-lineargauge-pointer>
1322
- * </kendo-lineargauge-pointers>
1323
- * </kendo-lineargauge>
1324
- * `
1325
- * })
1326
- * export class AppComponent {
1327
- * public pointers: any[] = [{
1328
- * value: 10,
1329
- * color: '#ff4500'
1330
- * }, {
1331
- * value: 12,
1332
- * color: '#28b4c8'
1333
- * }, {
1334
- * value: 20,
1335
- * color: '#8b0000'
1336
- * }];
1337
- * }
1338
- *
1339
- * ```
1340
- */
1341
- class LinearPointersComponent extends CollectionComponent {
1342
- constructor(configurationService, collectionChangesService) {
1343
- super('pointer', configurationService, collectionChangesService);
1344
- }
1345
- }
1346
- LinearPointersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1347
- LinearPointersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearPointersComponent, isStandalone: true, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1348
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointersComponent, decorators: [{
1349
- type: Component,
1350
- args: [{
1351
- providers: [CollectionChangesService],
1352
- selector: 'kendo-lineargauge-pointers',
1353
- template: '',
1354
- standalone: true
1355
- }]
1356
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
1357
- type: ContentChildren,
1358
- args: [LinearPointerComponent]
1359
- }] } });
1360
-
1361
- /**
1362
- * The configuration options for a scale range item of a LinearGauge.
1363
- */
1364
- class LinearRangeComponent extends RangeComponent {
1365
- constructor(configurationService, collectionChangesService) {
1366
- super(configurationService, collectionChangesService);
1367
- }
1368
- }
1369
- LinearRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1370
- LinearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearRangeComponent, isStandalone: true, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1371
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangeComponent, decorators: [{
1372
- type: Component,
1373
- args: [{
1374
- providers: [ConfigurationService],
1375
- selector: 'kendo-lineargauge-scale-range',
1376
- template: '',
1377
- standalone: true
1378
- }]
1379
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; } });
1380
-
1381
- /**
1382
- * A collection of one or more LinearGauge scale ranges
1383
- * ([more information and example]({% slug scaleranghes_lineargauge %})).
1384
- *
1385
- * @example
1386
- * ```ts
1387
- * import { Component } from '@angular/core';
1388
- *
1389
- * _@Component({
1390
- * selector: 'my-app',
1391
- * template: `
1392
- * <kendo-lineargauge>
1393
- * <kendo-lineargauge-scale>
1394
- * <kendo-lineargauge-scale-ranges>
1395
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges"
1396
- * [from]="range.from" [to]="range.to" [color]="range.color">
1397
- * </kendo-lineargauge-scale-range>
1398
- * </kendo-lineargauge-scale-ranges>
1399
- * </kendo-lineargauge-scale>
1400
- * </kendo-lineargauge>
1401
- * `
1402
- * })
1403
- * export class AppComponent {
1404
- * public ranges: any[] = [{
1405
- * from: 0,
1406
- * to: 15,
1407
- * color: '#ffd246'
1408
- * }, {
1409
- * from: 15,
1410
- * to: 30,
1411
- * color: '#28b4c8'
1412
- * }, {
1413
- * from: 30,
1414
- * to: 50,
1415
- * color: '#78d237'
1416
- * }];
1417
- * }
1418
- *
1419
- * ```
1420
- */
1421
- class LinearRangesComponent extends CollectionComponent {
1422
- constructor(configurationService, collectionChangesService) {
1423
- super('scale.ranges', configurationService, collectionChangesService);
1424
- }
1425
- }
1426
- LinearRangesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1427
- LinearRangesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearRangesComponent, isStandalone: true, selector: "kendo-lineargauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1428
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangesComponent, decorators: [{
1429
- type: Component,
1430
- args: [{
1431
- providers: [CollectionChangesService],
1432
- selector: 'kendo-lineargauge-scale-ranges',
1433
- template: '',
1434
- standalone: true
1435
- }]
1436
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
1437
- type: ContentChildren,
1438
- args: [LinearRangeComponent]
1439
- }] } });
1440
-
1441
- /**
1442
- * The configuration options for the scale of the LinearGauge
1443
- * ([see example]({% slug scaleoptions_lineargauge %})).
1444
- */
1445
- class LinearScaleComponent extends ScaleComponent {
1446
- constructor(configurationService) {
1447
- super('scale', configurationService);
1448
- this.configurationService = configurationService;
1449
- }
1450
- }
1451
- LinearScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
1452
- LinearScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearScaleComponent, isStandalone: true, selector: "kendo-lineargauge-scale", inputs: { line: "line", ranges: "ranges", mirror: "mirror", vertical: "vertical" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
1453
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearScaleComponent, decorators: [{
1454
- type: Component,
1455
- args: [{
1456
- selector: 'kendo-lineargauge-scale',
1457
- template: '',
1458
- standalone: true
1459
- }]
1460
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { line: [{
1461
- type: Input
1462
- }], ranges: [{
1463
- type: Input
1464
- }], mirror: [{
1465
- type: Input
1466
- }], vertical: [{
1467
- type: Input
1468
- }] } });
1469
-
1470
- /**
1471
- * The configuration options for the RadialGauge area.
1472
- * Represents the entire visible area of the RadialGauge.
1473
- */
1474
- class RadialGaugeAreaComponent extends GaugeAreaComponent {
1475
- constructor(configurationService) {
1476
- super('gaugeArea', configurationService);
1477
- this.configurationService = configurationService;
1478
- }
1479
- }
1480
- RadialGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
1481
- RadialGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialGaugeAreaComponent, isStandalone: true, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
1482
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeAreaComponent, decorators: [{
1483
- type: Component,
1484
- args: [{
1485
- selector: 'kendo-radialgauge-area',
1486
- template: '',
1487
- standalone: true
1488
- }]
1489
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
1490
-
1491
- /**
1492
- * The configuration options for a pointer item of a RadialGauge.
1493
- */
1494
- class RadialPointerComponent extends CollectionItemComponent {
1495
- constructor(configurationService, collectionChangesService) {
1496
- super(configurationService, collectionChangesService);
1497
- }
1498
- }
1499
- RadialPointerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1500
- RadialPointerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialPointerComponent, isStandalone: true, selector: "kendo-radialgauge-pointer", inputs: { cap: "cap", color: "color", length: "length", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1501
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointerComponent, decorators: [{
1502
- type: Component,
1503
- args: [{
1504
- providers: [ConfigurationService],
1505
- selector: 'kendo-radialgauge-pointer',
1506
- template: '',
1507
- standalone: true
1508
- }]
1509
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { cap: [{
1510
- type: Input
1511
- }], color: [{
1512
- type: Input
1513
- }], length: [{
1514
- type: Input
1515
- }], value: [{
1516
- type: Input
1517
- }] } });
1518
-
1519
- /**
1520
- * A collection of one or more RadialGauge pointers
1521
- * ([more information and example]({% slug multiplepointers_radialgauge %})).
1522
- *
1523
- * @example
1524
- * ```ts
1525
- * import { Component } from '@angular/core';
1526
- *
1527
- * _@Component({
1528
- * selector: 'my-app',
1529
- * template: `
1530
- * <kendo-radialgauge>
1531
- * <kendo-radialgauge-pointers>
1532
- * <kendo-radialgauge-pointer *ngFor="let pointer of pointers"
1533
- * [value]="pointer.value" [color]="pointer.color">
1534
- * </kendo-radialgauge-pointer>
1535
- * </kendo-radialgauge-pointers>
1536
- * </kendo-radialgauge>
1537
- * `
1538
- * })
1539
- * export class AppComponent {
1540
- * public pointers: any[] = [{
1541
- * value: 10,
1542
- * color: '#ffd246'
1543
- * }, {
1544
- * value: 20,
1545
- * color: '#28b4c8'
1546
- * }, {
1547
- * value: 30,
1548
- * color: '#78d237'
1549
- * }];
1550
- * }
1551
- *
1552
- * ```
1553
- */
1554
- class RadialPointersComponent extends CollectionComponent {
1555
- constructor(configurationService, collectionChangesService) {
1556
- super('pointer', configurationService, collectionChangesService);
1557
- }
1558
- }
1559
- RadialPointersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1560
- RadialPointersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialPointersComponent, isStandalone: true, selector: "kendo-radialgauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1561
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointersComponent, decorators: [{
1562
- type: Component,
1563
- args: [{
1564
- providers: [CollectionChangesService],
1565
- selector: 'kendo-radialgauge-pointers',
1566
- template: '',
1567
- standalone: true
1568
- }]
1569
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
1570
- type: ContentChildren,
1571
- args: [RadialPointerComponent]
1572
- }] } });
1573
-
1574
- /**
1575
- * Represents the [Kendo UI RadialGauge component for Angular]({% slug overview_radialgauge_gauges %}).
1576
- *
1577
- * @example
1578
- * ```ts
1579
- * import { Component } from '@angular/core';
1580
- *
1581
- * _@Component({
1582
- * selector: 'my-app',
1583
- * template: `
1584
- * <kendo-radialgauge [pointer]="{ value: value }">
1585
- * </kendo-radialgauge>
1586
- * `
1587
- * })
1588
- * class AppComponent {
1589
- * public value: number = 10;
1590
- * }
1591
- *
1592
- * ```
1593
- */
1594
- class RadialGaugeComponent extends GaugeComponent {
1595
- constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
1596
- super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
1597
- }
1598
- createInstance(element, options, theme, context) {
1599
- this.instance = new RadialGauge(element, options, theme, context);
1600
- }
1601
- }
1602
- RadialGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1603
- RadialGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialGaugeComponent, isStandalone: true, selector: "kendo-radialgauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
1604
- ConfigurationService,
1605
- LocalizationService,
1606
- {
1607
- provide: L10N_PREFIX,
1608
- useValue: 'kendo.radialgauge'
1609
- }
1610
- ], exportAs: ["kendoRadialGauge"], usesInheritance: true, ngImport: i0, template: `
1611
- <div #surface class='k-chart-surface'></div>
1612
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1613
- `, isInline: true, dependencies: [{ kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1614
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeComponent, decorators: [{
1615
- type: Component,
1616
- args: [{
1617
- changeDetection: ChangeDetectionStrategy.OnPush,
1618
- exportAs: 'kendoRadialGauge',
1619
- providers: [
1620
- ConfigurationService,
1621
- LocalizationService,
1622
- {
1623
- provide: L10N_PREFIX,
1624
- useValue: 'kendo.radialgauge'
1625
- }
1626
- ],
1627
- selector: 'kendo-radialgauge',
1628
- template: `
1629
- <div #surface class='k-chart-surface'></div>
1630
- <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1631
- `,
1632
- standalone: true,
1633
- imports: [ResizeSensorComponent]
1634
- }]
1635
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { pointer: [{
1636
- type: Input
1637
- }], scale: [{
1638
- type: Input
1639
- }] } });
1640
-
1641
- /**
1642
- * The configuration options for a scale range item of a RadialGauge.
1643
- */
1644
- class RadialRangeComponent extends RangeComponent {
1645
- constructor(configurationService, collectionChangesService) {
1646
- super(configurationService, collectionChangesService);
1647
- }
1648
- }
1649
- RadialRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1650
- RadialRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialRangeComponent, isStandalone: true, selector: "kendo-radialgauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1651
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangeComponent, decorators: [{
1652
- type: Component,
1653
- args: [{
1654
- providers: [ConfigurationService],
1655
- selector: 'kendo-radialgauge-scale-range',
1656
- template: '',
1657
- standalone: true
1658
- }]
1659
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; } });
1660
-
1661
- /**
1662
- * A collection of one or more RadialGauge scale ranges
1663
- * ([more information and example]({% slug scaleranghes_radialgauge %})).
1664
- *
1665
- * @example
1666
- * ```ts
1667
- * import { Component } from '@angular/core';
1668
- *
1669
- * _@Component({
1670
- * selector: 'my-app',
1671
- * template: `
1672
- * <kendo-radialgauge>
1673
- * <kendo-radialgauge-scale>
1674
- * <kendo-radialgauge-scale-ranges>
1675
- * <kendo-radialgauge-scale-range *ngFor="let range of ranges"
1676
- * [from]="range.from" [to]="range.to" [color]="range.color">
1677
- * </kendo-radialgauge-scale-range>
1678
- * </kendo-radialgauge-scale-ranges>
1679
- * </kendo-radialgauge-scale>
1680
- * </kendo-radialgauge>
1681
- * `
1682
- * })
1683
- * export class AppComponent {
1684
- * public ranges: any[] = [{
1685
- * from: 0,
1686
- * to: 15,
1687
- * color: '#ffd246'
1688
- * }, {
1689
- * from: 15,
1690
- * to: 30,
1691
- * color: '#28b4c8'
1692
- * }, {
1693
- * from: 30,
1694
- * to: 50,
1695
- * color: '#78d237'
1696
- * }];
1697
- * }
1698
- *
1699
- * ```
1700
- */
1701
- class RadialRangesComponent extends CollectionComponent {
1702
- constructor(configurationService, collectionChangesService) {
1703
- super('scale.ranges', configurationService, collectionChangesService);
1704
- }
1705
- }
1706
- RadialRangesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
1707
- RadialRangesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialRangesComponent, isStandalone: true, selector: "kendo-radialgauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
1708
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangesComponent, decorators: [{
1709
- type: Component,
1710
- args: [{
1711
- providers: [CollectionChangesService],
1712
- selector: 'kendo-radialgauge-scale-ranges',
1713
- template: '',
1714
- standalone: true
1715
- }]
1716
- }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
1717
- type: ContentChildren,
1718
- args: [RadialRangeComponent]
1719
- }] } });
1720
-
1721
- /**
1722
- * The configuration options for the scale of the RadialGauge
1723
- * ([more information and example]({% slug scaleoptions_radialgauge %})).
1724
- */
1725
- class RadialScaleComponent extends ScaleComponent {
1726
- constructor(configurationService) {
1727
- super('scale', configurationService);
1728
- this.configurationService = configurationService;
1729
- }
1730
- }
1731
- RadialScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
1732
- RadialScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialScaleComponent, isStandalone: true, selector: "kendo-radialgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", ranges: "ranges", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
1733
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialScaleComponent, decorators: [{
1734
- type: Component,
1735
- args: [{
1736
- selector: 'kendo-radialgauge-scale',
1737
- template: '',
1738
- standalone: true
1739
- }]
1740
- }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { labels: [{
1741
- type: Input
1742
- }], rangeDistance: [{
1743
- type: Input
1744
- }], ranges: [{
1745
- type: Input
1746
- }], startAngle: [{
1747
- type: Input
1748
- }], endAngle: [{
1749
- type: Input
1750
- }] } });
1751
-
1752
- /**
1753
- * Utility array that contains all `ArcGauge` related components and directives
1754
- */
1755
- const KENDO_ARCGAUGE = [
1756
- ArcGaugeComponent,
1757
- ArcCenterTemplateDirective,
1758
- ArcGaugeAreaComponent,
1759
- ArcScaleComponent,
1760
- ArcLabelsComponent,
1761
- ColorsComponent,
1762
- ColorComponent
1763
- ];
1764
- /**
1765
- * Utility array that contains all `CircularGauge` related components and directives
1766
- */
1767
- const KENDO_CIRCULARGAUGE = [
1768
- CircularGaugeComponent,
1769
- CircularGaugeCenterTemplateDirective,
1770
- CircularGaugeAreaComponent,
1771
- CircularGaugeScaleComponent,
1772
- CircularGaugeLabelsComponent
1773
- ];
1774
- /**
1775
- * Utility array that contains all `LinearGauge` related components and directives
1776
- */
1777
- const KENDO_LINEARGAUGE = [
1778
- LinearGaugeComponent,
1779
- LinearGaugeAreaComponent,
1780
- LinearScaleComponent,
1781
- LinearLabelsComponent,
1782
- LinearPointersComponent,
1783
- LinearPointerComponent,
1784
- LinearRangeComponent,
1785
- LinearRangesComponent
1786
- ];
1787
- /**
1788
- * Utility array that contains all `RadialGauge` related components and directives
1789
- */
1790
- const KENDO_RADIALGAUGE = [
1791
- RadialGaugeComponent,
1792
- RadialGaugeAreaComponent,
1793
- RadialScaleComponent,
1794
- RadialLabelsComponent,
1795
- RadialPointersComponent,
1796
- RadialPointerComponent,
1797
- RadialRangeComponent,
1798
- RadialRangesComponent
1799
- ];
1800
- /**
1801
- * Utility array that contains all `@progress/kendo-angular-gauges` related components and directives
1802
- */
1803
- const KENDO_GAUGES = [
1804
- ...KENDO_ARCGAUGE,
1805
- ...KENDO_CIRCULARGAUGE,
1806
- ...KENDO_LINEARGAUGE,
1807
- ...KENDO_RADIALGAUGE
1808
- ];
1809
-
1810
- // IMPORTANT: NgModule export kept for backwards compatibility
1811
- /**
1812
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the ArcGauge component and its directives.
1813
- * Imports the `ArcGaugeModule` into your application
1814
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
1815
- * that will use the ArcGauge component.
1816
- *
1817
- * @example
1818
- * ```ts-no-run
1819
- * import { NgModule } from '@angular/core';
1820
- * import { BrowserModule } from '@angular/platform-browser';
1821
- * import { ArcGaugeModule } from '@progress/kendo-angular-gauges';
1822
- * import { AppComponent } from './app.component';
1823
- *
1824
- * _@NgModule({
1825
- * bootstrap: [AppComponent],
1826
- * declarations: [AppComponent],
1827
- * imports: [BrowserModule, ArcGaugeModule]
1828
- * })
1829
- * export class AppModule {
1830
- * }
1831
- * ```
1832
- */
1833
- class ArcGaugeModule {
1834
- }
1835
- ArcGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1836
- ArcGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent] });
1837
- ArcGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, providers: [ThemeService], imports: [ArcGaugeComponent, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent] });
1838
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, decorators: [{
1839
- type: NgModule,
1840
- args: [{
1841
- exports: [...KENDO_ARCGAUGE],
1842
- imports: [...KENDO_ARCGAUGE],
1843
- providers: [ThemeService]
1844
- }]
1845
- }] });
1846
-
1847
- // IMPORTANT: NgModule export kept for backwards compatibility
1848
- /**
1849
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the LinearGauge component and its directives.
1850
- * Imports the `LinearGaugeModule` into your application
1851
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
1852
- * that will use the LinearGauge component.
1853
- *
1854
- * @example
1855
- * ```ts-no-run
1856
- * import { NgModule } from '@angular/core';
1857
- * import { BrowserModule } from '@angular/platform-browser';
1858
- * import { LinearGaugeModule } from '@progress/kendo-angular-gauges';
1859
- * import { AppComponent } from './app.component';
1860
- *
1861
- * _@NgModule({
1862
- * bootstrap: [AppComponent],
1863
- * declarations: [AppComponent],
1864
- * imports: [BrowserModule, LinearGaugeModule]
1865
- * })
1866
- * export class AppModule {
1867
- * }
1868
- * ```
1869
- */
1870
- class LinearGaugeModule {
1871
- }
1872
- LinearGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1873
- LinearGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, imports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent], exports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent] });
1874
- LinearGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, providers: [ThemeService], imports: [KENDO_LINEARGAUGE] });
1875
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, decorators: [{
1876
- type: NgModule,
1877
- args: [{
1878
- exports: [...KENDO_LINEARGAUGE],
1879
- imports: [...KENDO_LINEARGAUGE],
1880
- providers: [ThemeService]
1881
- }]
1882
- }] });
1883
-
1884
- // IMPORTANT: NgModule export kept for backwards compatibility
1885
- /**
1886
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the RadialGauge component and its directives.
1887
- * Imports the `RadialGaugeModule` into your application
1888
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
1889
- * that will use the RadialGauge component.
1890
- *
1891
- * @example
1892
- * ```ts-no-run
1893
- * import { NgModule } from '@angular/core';
1894
- * import { BrowserModule } from '@angular/platform-browser';
1895
- * import { RadialGaugeModule } from '@progress/kendo-angular-gauges';
1896
- * import { AppComponent } from './app.component';
1897
- *
1898
- * _@NgModule({
1899
- * bootstrap: [AppComponent],
1900
- * declarations: [AppComponent],
1901
- * imports: [BrowserModule, RadialGaugeModule]
1902
- * })
1903
- * export class AppModule {
1904
- * }
1905
- * ```
1906
- */
1907
- class RadialGaugeModule {
1908
- }
1909
- RadialGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1910
- RadialGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, imports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
1911
- RadialGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, providers: [ThemeService], imports: [KENDO_RADIALGAUGE] });
1912
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, decorators: [{
1913
- type: NgModule,
1914
- args: [{
1915
- exports: [...KENDO_RADIALGAUGE],
1916
- imports: [...KENDO_RADIALGAUGE],
1917
- providers: [ThemeService]
1918
- }]
1919
- }] });
1920
-
1921
- // IMPORTANT: NgModule export kept for backwards compatibility
1922
- /**
1923
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the CircularGauge component and its directives.
1924
- * Imports the `CircularGaugeModule` into your application
1925
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
1926
- * that will use the CircularGauge component.
1927
- *
1928
- * @example
1929
- * ```ts-no-run
1930
- * import { NgModule } from '@angular/core';
1931
- * import { BrowserModule } from '@angular/platform-browser';
1932
- * import { CircularGaugeModule } from '@progress/kendo-angular-gauges';
1933
- * import { AppComponent } from './app.component';
1934
- *
1935
- * _@NgModule({
1936
- * bootstrap: [AppComponent],
1937
- * declarations: [AppComponent],
1938
- * imports: [BrowserModule, CircularGaugeModule]
1939
- * })
1940
- * export class AppModule {
1941
- * }
1942
- * ```
1943
- */
1944
- class CircularGaugeModule {
1945
- }
1946
- CircularGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1947
- CircularGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, imports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent], exports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent] });
1948
- CircularGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, providers: [ThemeService], imports: [CircularGaugeComponent, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent] });
1949
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, decorators: [{
1950
- type: NgModule,
1951
- args: [{
1952
- exports: [...KENDO_CIRCULARGAUGE],
1953
- imports: [...KENDO_CIRCULARGAUGE],
1954
- providers: [ThemeService]
1955
- }]
1956
- }] });
1957
-
1958
- // IMPORTANT: NgModule export kept for backwards compatibility
1959
- /**
1960
- * A [module](link:site.data.urls.angular['ngmodules']) that includes all Gauge components and directives.
1961
- *
1962
- * Imports the `GaugesModule` into your application
1963
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
1964
- * that will use the Gauge components.
1965
- *
1966
- * @example
1967
- * ```ts-no-run
1968
- * import { NgModule } from '@angular/core';
1969
- * import { BrowserModule } from '@angular/platform-browser';
1970
- * import { GaugesModule } from '@progress/kendo-angular-charts';
1971
- * import { AppComponent } from './app.component';
1972
- *
1973
- * _@NgModule({
1974
- * bootstrap: [AppComponent],
1975
- * declarations: [AppComponent],
1976
- * imports: [BrowserModule, GaugesModule]
1977
- * })
1978
- * export class AppModule {
1979
- * }
1980
- * ```
1981
- */
1982
- class GaugesModule {
1983
- }
1984
- GaugesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1985
- GaugesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
1986
- GaugesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, providers: [ThemeService], imports: [ArcGaugeComponent, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
1987
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, decorators: [{
1988
- type: NgModule,
1989
- args: [{
1990
- exports: [...KENDO_GAUGES],
1991
- imports: [...KENDO_GAUGES],
1992
- providers: [ThemeService]
1993
- }]
1994
- }] });
1995
-
1996
- /**
1997
- * Generated bundle index. Do not edit.
1998
- */
1999
-
2000
- export { ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcGaugeComponent, ArcGaugeModule, ArcLabelsComponent, ArcScaleComponent, CircularGaugeAreaComponent, CircularGaugeCenterTemplateDirective, CircularGaugeComponent, CircularGaugeLabelsComponent, CircularGaugeModule, CircularGaugeScaleComponent, CollectionChangesService, CollectionComponent, CollectionItemComponent, ColorComponent, ColorsComponent, ConfigurationService, GaugeAreaComponent, GaugeComponent, GaugesModule, KENDO_ARCGAUGE, KENDO_CIRCULARGAUGE, KENDO_GAUGES, KENDO_LINEARGAUGE, KENDO_RADIALGAUGE, LabelsComponent, LinearGaugeAreaComponent, LinearGaugeComponent, LinearGaugeModule, LinearLabelsComponent, LinearPointerComponent, LinearPointersComponent, LinearRangeComponent, LinearRangesComponent, LinearScaleComponent, RadialGaugeAreaComponent, RadialGaugeComponent, RadialGaugeModule, RadialLabelsComponent, RadialPointerComponent, RadialPointersComponent, RadialRangeComponent, RadialRangesComponent, RadialScaleComponent, RangeComponent, ScaleComponent, SettingsComponent, ThemeService };
2001
-