@progress/kendo-angular-gauges 17.0.0-develop.3 → 17.0.0-develop.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -16
- package/arc-gauge/arc-gauge.component.d.ts +1 -1
- package/arc-gauge/color.component.d.ts +1 -1
- package/arc-gauge/scale.component.d.ts +1 -1
- package/base-components/gauge-area.component.d.ts +1 -1
- package/base-components/gauge.component.d.ts +1 -1
- package/base-components/labels.component.d.ts +1 -1
- package/base-components/range.component.d.ts +1 -1
- package/base-components/scale.component.d.ts +1 -1
- package/circular-gauge/circular-gauge.component.d.ts +1 -1
- package/{esm2020 → esm2022}/arc-gauge/arc-center-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/arc-gauge/arc-gauge.component.mjs +36 -13
- package/{esm2020 → esm2022}/arc-gauge/arc-gauge.module.mjs +4 -4
- package/{esm2020 → esm2022}/arc-gauge/color.component.mjs +7 -3
- package/{esm2020 → esm2022}/arc-gauge/colors.component.mjs +4 -3
- package/{esm2020 → esm2022}/arc-gauge/gauge-area.component.mjs +4 -3
- package/{esm2020 → esm2022}/arc-gauge/labels.component.mjs +4 -3
- package/{esm2020 → esm2022}/arc-gauge/scale.component.mjs +9 -3
- package/{esm2020 → esm2022}/base-components/collection-item.component.mjs +5 -3
- package/{esm2020 → esm2022}/base-components/collection.component.mjs +8 -3
- package/{esm2020 → esm2022}/base-components/gauge-area.component.mjs +25 -3
- package/{esm2020 → esm2022}/base-components/gauge.component.mjs +40 -11
- package/{esm2020 → esm2022}/base-components/labels.component.mjs +48 -3
- package/{esm2020 → esm2022}/base-components/range.component.mjs +19 -3
- package/{esm2020 → esm2022}/base-components/scale.component.mjs +15 -3
- package/{esm2020 → esm2022}/base-components/settings.component.mjs +5 -3
- package/{esm2020 → esm2022}/circular-gauge/center-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/circular-gauge/circular-gauge.component.mjs +16 -11
- package/{esm2020 → esm2022}/circular-gauge/circular-gauge.module.mjs +4 -4
- package/{esm2020 → esm2022}/circular-gauge/gauge-area.component.mjs +3 -3
- package/{esm2020 → esm2022}/circular-gauge/labels.component.mjs +3 -3
- package/{esm2020 → esm2022}/circular-gauge/scale.component.mjs +7 -3
- package/{esm2020 → esm2022}/gauges.module.mjs +4 -4
- package/{esm2020 → esm2022}/linear-gauge/gauge-area.component.mjs +4 -3
- package/{esm2020 → esm2022}/linear-gauge/labels.component.mjs +4 -3
- package/{esm2020 → esm2022}/linear-gauge/linear-gauge.component.mjs +19 -11
- package/{esm2020 → esm2022}/linear-gauge/linear-gauge.module.mjs +4 -4
- package/{esm2020 → esm2022}/linear-gauge/pointer.component.mjs +10 -3
- package/{esm2020 → esm2022}/linear-gauge/pointers.component.mjs +4 -3
- package/{esm2020 → esm2022}/linear-gauge/range.component.mjs +3 -3
- package/{esm2020 → esm2022}/linear-gauge/ranges.component.mjs +4 -3
- package/{esm2020 → esm2022}/linear-gauge/scale.component.mjs +8 -3
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/radial-gauge/gauge-area.component.mjs +4 -3
- package/{esm2020 → esm2022}/radial-gauge/labels.component.mjs +5 -3
- package/{esm2020 → esm2022}/radial-gauge/pointer.component.mjs +7 -3
- package/{esm2020 → esm2022}/radial-gauge/pointers.component.mjs +4 -3
- package/{esm2020 → esm2022}/radial-gauge/radial-gauge.component.mjs +19 -11
- package/{esm2020 → esm2022}/radial-gauge/radial-gauge.module.mjs +4 -4
- package/{esm2020 → esm2022}/radial-gauge/range.component.mjs +3 -3
- package/{esm2020 → esm2022}/radial-gauge/ranges.component.mjs +4 -3
- package/{esm2020 → esm2022}/radial-gauge/scale.component.mjs +9 -3
- package/{esm2020 → esm2022}/services/collection-changes.service.mjs +4 -3
- package/{esm2020 → esm2022}/services/configuration.service.mjs +6 -6
- package/{esm2020 → esm2022}/services/theme.service.mjs +4 -3
- package/{fesm2020 → fesm2022}/progress-kendo-angular-gauges.mjs +413 -184
- package/linear-gauge/linear-gauge.component.d.ts +1 -1
- package/linear-gauge/pointer.component.d.ts +1 -1
- package/linear-gauge/scale.component.d.ts +1 -1
- package/package.json +15 -21
- package/radial-gauge/labels.component.d.ts +1 -1
- package/radial-gauge/pointer.component.d.ts +1 -1
- package/radial-gauge/radial-gauge.component.d.ts +1 -1
- package/radial-gauge/scale.component.d.ts +1 -1
- package/types/dash-type.interface.d.ts +1 -1
- package/types/line-cap.d.ts +1 -1
- package/types/linear-pointer-shape.d.ts +1 -1
- package/types/radial-label-position.d.ts +1 -1
- package/fesm2015/progress-kendo-angular-gauges.mjs +0 -2001
- /package/{esm2020 → esm2022}/arc-gauge/arc-gauge.directives.mjs +0 -0
- /package/{esm2020 → esm2022}/base-components.mjs +0 -0
- /package/{esm2020 → esm2022}/circular-gauge/circular-gauge.directives.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/linear-gauge/linear-gauge.directives.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-gauges.mjs +0 -0
- /package/{esm2020 → esm2022}/radial-gauge/radial-gauge.directives.mjs +0 -0
- /package/{esm2020 → esm2022}/services.mjs +0 -0
- /package/{esm2020 → esm2022}/types/arc-scale.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/border.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/cap.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/circular-gauge-scale.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/color-range.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/dash-type.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/gauge-area.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/labels.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/line-cap.mjs +0 -0
- /package/{esm2020 → esm2022}/types/line.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/linear-pointer-shape.mjs +0 -0
- /package/{esm2020 → esm2022}/types/linear-pointer.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/linear-scale.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/margin.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/padding.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/radial-label-position.mjs +0 -0
- /package/{esm2020 → esm2022}/types/radial-labels.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/radial-pointer.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/radial-scale.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/range.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/scale.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/ticks.interface.mjs +0 -0
- /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
|
-
|