@progress/kendo-angular-gauges 17.0.0-develop.9 → 17.0.1-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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
|
@@ -82,5 +82,5 @@ export declare class ArcGaugeComponent extends GaugeComponent {
|
|
|
82
82
|
protected positionLabel(): void;
|
|
83
83
|
protected updateSize(): void;
|
|
84
84
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArcGaugeComponent, never>;
|
|
85
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArcGaugeComponent, "kendo-arcgauge", ["kendoArcGauge"], { "value": "value"; "color": "color"; "colors": "colors"; "opacity": "opacity"; "scale": "scale"; }, {}, ["centerTemplate"], never, true, never>;
|
|
85
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArcGaugeComponent, "kendo-arcgauge", ["kendoArcGauge"], { "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, {}, ["centerTemplate"], never, true, never>;
|
|
86
86
|
}
|
|
@@ -16,5 +16,5 @@ export declare class ColorComponent extends CollectionItemComponent implements C
|
|
|
16
16
|
to?: number;
|
|
17
17
|
constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorComponent, "kendo-arcgauge-color", never, { "color": "color"; "opacity": "opacity"; "from": "from"; "to": "to"; }, {}, never, never, true, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorComponent, "kendo-arcgauge-color", never, { "color": { "alias": "color"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "from": { "alias": "from"; "required": false; }; "to": { "alias": "to"; "required": false; }; }, {}, never, never, true, never>;
|
|
20
20
|
}
|
|
@@ -19,5 +19,5 @@ export declare class ArcScaleComponent extends ScaleComponent implements ArcScal
|
|
|
19
19
|
endAngle?: number;
|
|
20
20
|
constructor(configurationService: ConfigurationService);
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArcScaleComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArcScaleComponent, "kendo-arcgauge-scale", never, { "labels": "labels"; "rangeDistance": "rangeDistance"; "rangeLineCap": "rangeLineCap"; "startAngle": "startAngle"; "endAngle": "endAngle"; }, {}, never, never, true, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArcScaleComponent, "kendo-arcgauge-scale", never, { "labels": { "alias": "labels"; "required": false; }; "rangeDistance": { "alias": "rangeDistance"; "required": false; }; "rangeLineCap": { "alias": "rangeLineCap"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; }, {}, never, never, true, never>;
|
|
23
23
|
}
|
|
@@ -34,5 +34,5 @@ export declare class GaugeAreaComponent extends SettingsComponent implements Gau
|
|
|
34
34
|
width?: number;
|
|
35
35
|
constructor(key: string, configurationService: ConfigurationService);
|
|
36
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<GaugeAreaComponent, never>;
|
|
37
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<GaugeAreaComponent, never, never, { "background": "background"; "border": "border"; "height": "height"; "margin": "margin"; "width": "width"; }, {}, never, never, false, never>;
|
|
37
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GaugeAreaComponent, never, never, { "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "height": { "alias": "height"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
|
|
38
38
|
}
|
|
@@ -102,5 +102,5 @@ export declare abstract class GaugeComponent implements AfterViewChecked, OnChan
|
|
|
102
102
|
protected setDirection(): void;
|
|
103
103
|
protected get isRTL(): boolean;
|
|
104
104
|
static ɵfac: i0.ɵɵFactoryDeclaration<GaugeComponent, never>;
|
|
105
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<GaugeComponent, never, never, { "gaugeArea": "gaugeArea"; "renderAs": "renderAs"; "resizeRateLimit": "resizeRateLimit"; "scale": "scale"; "transitions": "transitions"; }, {}, never, never, false, never>;
|
|
105
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GaugeComponent, never, never, { "gaugeArea": { "alias": "gaugeArea"; "required": false; }; "renderAs": { "alias": "renderAs"; "required": false; }; "resizeRateLimit": { "alias": "resizeRateLimit"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "transitions": { "alias": "transitions"; "required": false; }; }, {}, never, never, false, never>;
|
|
106
106
|
}
|
|
@@ -57,5 +57,5 @@ export declare class LabelsComponent extends SettingsComponent implements Labels
|
|
|
57
57
|
visible?: boolean;
|
|
58
58
|
constructor(key: string, configurationService: ConfigurationService);
|
|
59
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<LabelsComponent, never>;
|
|
60
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<LabelsComponent, never, never, { "background": "background"; "border": "border"; "color": "color"; "font": "font"; "format": "format"; "margin": "margin"; "padding": "padding"; "content": "content"; "visible": "visible"; }, {}, never, never, false, never>;
|
|
60
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LabelsComponent, never, never, { "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "font": { "alias": "font"; "required": false; }; "format": { "alias": "format"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "content": { "alias": "content"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, false, never>;
|
|
61
61
|
}
|
|
@@ -26,5 +26,5 @@ export declare class RangeComponent extends CollectionItemComponent implements R
|
|
|
26
26
|
*/
|
|
27
27
|
color?: string;
|
|
28
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<RangeComponent, never>;
|
|
29
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RangeComponent, never, never, { "from": "from"; "to": "to"; "opacity": "opacity"; "color": "color"; }, {}, never, never, false, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RangeComponent, never, never, { "from": { "alias": "from"; "required": false; }; "to": { "alias": "to"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
|
|
30
30
|
}
|
|
@@ -24,5 +24,5 @@ export declare class ScaleComponent extends SettingsComponent implements Scale {
|
|
|
24
24
|
rangePlaceholderColor?: string;
|
|
25
25
|
constructor(key: string, configurationService: ConfigurationService);
|
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, never>;
|
|
27
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ScaleComponent, never, never, { "labels": "labels"; "majorTicks": "majorTicks"; "minorTicks": "minorTicks"; "min": "min"; "max": "max"; "minorUnit": "minorUnit"; "majorUnit": "majorUnit"; "reverse": "reverse"; "rangeSize": "rangeSize"; "rangePlaceholderColor": "rangePlaceholderColor"; }, {}, never, never, false, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ScaleComponent, never, never, { "labels": { "alias": "labels"; "required": false; }; "majorTicks": { "alias": "majorTicks"; "required": false; }; "minorTicks": { "alias": "minorTicks"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minorUnit": { "alias": "minorUnit"; "required": false; }; "majorUnit": { "alias": "majorUnit"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "rangeSize": { "alias": "rangeSize"; "required": false; }; "rangePlaceholderColor": { "alias": "rangePlaceholderColor"; "required": false; }; }, {}, never, never, false, never>;
|
|
28
28
|
}
|
|
@@ -37,5 +37,5 @@ export declare class CircularGaugeComponent extends ArcGaugeComponent {
|
|
|
37
37
|
centerTemplate: CircularGaugeCenterTemplateDirective;
|
|
38
38
|
protected createInstance(element: any, options: any, theme: any, context: any): void;
|
|
39
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeComponent, "kendo-circulargauge", ["kendoCircularGauge"], { "scale": "scale"; }, {}, ["centerTemplate"], never, true, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeComponent, "kendo-circulargauge", ["kendoCircularGauge"], { "scale": { "alias": "scale"; "required": false; }; }, {}, ["centerTemplate"], never, true, never>;
|
|
41
41
|
}
|
|
@@ -31,13 +31,14 @@ import * as i0 from "@angular/core";
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export class ArcCenterTemplateDirective {
|
|
34
|
+
templateRef;
|
|
34
35
|
constructor(templateRef) {
|
|
35
36
|
this.templateRef = templateRef;
|
|
36
37
|
}
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
|
|
37
40
|
}
|
|
38
|
-
|
|
39
|
-
ArcCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
|
|
41
42
|
type: Directive,
|
|
42
43
|
args: [{
|
|
43
44
|
selector: '[kendoArcGaugeCenterTemplate]',
|
|
@@ -40,11 +40,34 @@ import * as i3 from "@progress/kendo-angular-l10n";
|
|
|
40
40
|
* ```
|
|
41
41
|
*/
|
|
42
42
|
export class ArcGaugeComponent extends GaugeComponent {
|
|
43
|
+
changeDetector;
|
|
44
|
+
/**
|
|
45
|
+
* The value of the gauge.
|
|
46
|
+
*/
|
|
47
|
+
value;
|
|
48
|
+
/**
|
|
49
|
+
* The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
|
|
50
|
+
*/
|
|
51
|
+
color;
|
|
52
|
+
/**
|
|
53
|
+
* The color ranges of the value pointer.
|
|
54
|
+
*/
|
|
55
|
+
colors;
|
|
56
|
+
/**
|
|
57
|
+
* The opacity of the value pointer.
|
|
58
|
+
*/
|
|
59
|
+
opacity;
|
|
60
|
+
/**
|
|
61
|
+
* The scale options of the ArcGauge.
|
|
62
|
+
*/
|
|
63
|
+
scale;
|
|
64
|
+
centerTemplate;
|
|
65
|
+
labelElement;
|
|
66
|
+
className = true;
|
|
67
|
+
centerTemplateContext = {};
|
|
43
68
|
constructor(changeDetector, configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
|
|
44
69
|
super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
|
|
45
70
|
this.changeDetector = changeDetector;
|
|
46
|
-
this.className = true;
|
|
47
|
-
this.centerTemplateContext = {};
|
|
48
71
|
}
|
|
49
72
|
ngOnInit() {
|
|
50
73
|
super.ngOnInit();
|
|
@@ -116,23 +139,23 @@ export class ArcGaugeComponent extends GaugeComponent {
|
|
|
116
139
|
}
|
|
117
140
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
118
141
|
updateSize() { }
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
], 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: `
|
|
142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ConfigurationService }, { token: i1.ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
143
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [
|
|
144
|
+
ConfigurationService,
|
|
145
|
+
LocalizationService,
|
|
146
|
+
{
|
|
147
|
+
provide: L10N_PREFIX,
|
|
148
|
+
useValue: 'kendo.arcgauge'
|
|
149
|
+
}
|
|
150
|
+
], 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: `
|
|
129
151
|
<div #surface class='k-chart-surface'></div>
|
|
130
152
|
<div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
|
|
131
153
|
<ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
|
|
132
154
|
</div>
|
|
133
155
|
<kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
|
|
134
156
|
`, 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 });
|
|
135
|
-
|
|
157
|
+
}
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeComponent, decorators: [{
|
|
136
159
|
type: Component,
|
|
137
160
|
args: [{
|
|
138
161
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -37,11 +37,11 @@ import * as i7 from "./color.component";
|
|
|
37
37
|
* ```
|
|
38
38
|
*/
|
|
39
39
|
export class ArcGaugeModule {
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
41
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeModule, imports: [i1.ArcGaugeComponent, i2.ArcCenterTemplateDirective, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent], exports: [i1.ArcGaugeComponent, i2.ArcCenterTemplateDirective, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent] });
|
|
42
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeModule, providers: [ThemeService], imports: [i1.ArcGaugeComponent] });
|
|
40
43
|
}
|
|
41
|
-
|
|
42
|
-
ArcGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, imports: [i1.ArcGaugeComponent, i2.ArcCenterTemplateDirective, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent], exports: [i1.ArcGaugeComponent, i2.ArcCenterTemplateDirective, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent] });
|
|
43
|
-
ArcGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, providers: [ThemeService], imports: [i1.ArcGaugeComponent, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent] });
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, decorators: [{
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeModule, decorators: [{
|
|
45
45
|
type: NgModule,
|
|
46
46
|
args: [{
|
|
47
47
|
exports: [...KENDO_ARCGAUGE],
|
|
@@ -11,13 +11,17 @@ import * as i1 from "../services";
|
|
|
11
11
|
* The configuration options for an ArcGauge color item.
|
|
12
12
|
*/
|
|
13
13
|
export class ColorComponent extends CollectionItemComponent {
|
|
14
|
+
color;
|
|
15
|
+
opacity;
|
|
16
|
+
from;
|
|
17
|
+
to;
|
|
14
18
|
constructor(configurationService, collectionChangesService) {
|
|
15
19
|
super(configurationService, collectionChangesService);
|
|
16
20
|
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 });
|
|
17
23
|
}
|
|
18
|
-
|
|
19
|
-
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 });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorComponent, decorators: [{
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorComponent, decorators: [{
|
|
21
25
|
type: Component,
|
|
22
26
|
args: [{
|
|
23
27
|
providers: [ConfigurationService],
|
|
@@ -51,13 +51,14 @@ import * as i1 from "../services";
|
|
|
51
51
|
* ```
|
|
52
52
|
*/
|
|
53
53
|
export class ColorsComponent extends CollectionComponent {
|
|
54
|
+
children;
|
|
54
55
|
constructor(configurationService, collectionChangesService) {
|
|
55
56
|
super('colors', configurationService, collectionChangesService);
|
|
56
57
|
}
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorsComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
57
60
|
}
|
|
58
|
-
|
|
59
|
-
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 });
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorsComponent, decorators: [{
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorsComponent, decorators: [{
|
|
61
62
|
type: Component,
|
|
62
63
|
args: [{
|
|
63
64
|
providers: [CollectionChangesService],
|
|
@@ -12,14 +12,15 @@ import * as i1 from "../services";
|
|
|
12
12
|
* Represents the entire visible area of the ArcGauge.
|
|
13
13
|
*/
|
|
14
14
|
export class ArcGaugeAreaComponent extends GaugeAreaComponent {
|
|
15
|
+
configurationService;
|
|
15
16
|
constructor(configurationService) {
|
|
16
17
|
super('gaugeArea', configurationService);
|
|
17
18
|
this.configurationService = configurationService;
|
|
18
19
|
}
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
19
22
|
}
|
|
20
|
-
|
|
21
|
-
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 });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
25
|
args: [{
|
|
25
26
|
selector: 'kendo-arcgauge-area',
|
|
@@ -11,15 +11,16 @@ import * as i1 from "../services";
|
|
|
11
11
|
* The configuration options for the scale labels of the ArcGauge.
|
|
12
12
|
*/
|
|
13
13
|
export class ArcLabelsComponent extends RadialLabelsComponent {
|
|
14
|
+
configurationService;
|
|
14
15
|
constructor(configurationService) {
|
|
15
16
|
super(configurationService);
|
|
16
17
|
this.configurationService = configurationService;
|
|
17
18
|
configurationService.set(`${this.key}.visible`, true);
|
|
18
19
|
}
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
19
22
|
}
|
|
20
|
-
|
|
21
|
-
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 });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, decorators: [{
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcLabelsComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
25
|
args: [{
|
|
25
26
|
selector: 'kendo-arcgauge-scale-labels',
|
|
@@ -12,14 +12,20 @@ import * as i1 from "../services";
|
|
|
12
12
|
* ([see example]({% slug scaleoptions_arcgauge %})).
|
|
13
13
|
*/
|
|
14
14
|
export class ArcScaleComponent extends ScaleComponent {
|
|
15
|
+
configurationService;
|
|
16
|
+
labels;
|
|
17
|
+
rangeDistance;
|
|
18
|
+
rangeLineCap;
|
|
19
|
+
startAngle;
|
|
20
|
+
endAngle;
|
|
15
21
|
constructor(configurationService) {
|
|
16
22
|
super('scale', configurationService);
|
|
17
23
|
this.configurationService = configurationService;
|
|
18
24
|
}
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcScaleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 });
|
|
19
27
|
}
|
|
20
|
-
|
|
21
|
-
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 });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, decorators: [{
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArcScaleComponent, decorators: [{
|
|
23
29
|
type: Component,
|
|
24
30
|
args: [{
|
|
25
31
|
selector: 'kendo-arcgauge-scale',
|
|
@@ -10,6 +10,8 @@ import * as i1 from "../services";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class CollectionItemComponent {
|
|
13
|
+
configurationService;
|
|
14
|
+
collectionChangesService;
|
|
13
15
|
constructor(configurationService, collectionChangesService) {
|
|
14
16
|
this.configurationService = configurationService;
|
|
15
17
|
this.collectionChangesService = collectionChangesService;
|
|
@@ -18,9 +20,9 @@ export class CollectionItemComponent {
|
|
|
18
20
|
this.configurationService.copyChanges('', changes);
|
|
19
21
|
this.collectionChangesService.hasChanges = true;
|
|
20
22
|
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollectionItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
24
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CollectionItemComponent, usesOnChanges: true, ngImport: i0 });
|
|
21
25
|
}
|
|
22
|
-
|
|
23
|
-
CollectionItemComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CollectionItemComponent, usesOnChanges: true, ngImport: i0 });
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionItemComponent, decorators: [{
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollectionItemComponent, decorators: [{
|
|
25
27
|
type: Directive
|
|
26
28
|
}], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }]; } });
|
|
@@ -10,6 +10,11 @@ import * as i1 from "../services";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class CollectionComponent {
|
|
13
|
+
key;
|
|
14
|
+
configurationService;
|
|
15
|
+
collectionChangesService;
|
|
16
|
+
children;
|
|
17
|
+
subscription;
|
|
13
18
|
constructor(key, configurationService, collectionChangesService) {
|
|
14
19
|
this.key = key;
|
|
15
20
|
this.configurationService = configurationService;
|
|
@@ -31,9 +36,9 @@ export class CollectionComponent {
|
|
|
31
36
|
readItems() {
|
|
32
37
|
return this.children.map(child => Object.assign({}, child.configurationService.read()));
|
|
33
38
|
}
|
|
39
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollectionComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
40
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CollectionComponent, ngImport: i0 });
|
|
34
41
|
}
|
|
35
|
-
|
|
36
|
-
CollectionComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CollectionComponent, ngImport: i0 });
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CollectionComponent, decorators: [{
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollectionComponent, decorators: [{
|
|
38
43
|
type: Directive
|
|
39
44
|
}], ctorParameters: function () { return [{ type: undefined }, { type: i1.ConfigurationService }, { type: i1.CollectionChangesService }]; } });
|
|
@@ -11,6 +11,28 @@ import * as i1 from "../services";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class GaugeAreaComponent extends SettingsComponent {
|
|
14
|
+
key;
|
|
15
|
+
configurationService;
|
|
16
|
+
/**
|
|
17
|
+
* The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
|
|
18
|
+
*/
|
|
19
|
+
background;
|
|
20
|
+
/**
|
|
21
|
+
* The border of the Gauge area.
|
|
22
|
+
*/
|
|
23
|
+
border;
|
|
24
|
+
/**
|
|
25
|
+
* The height of the Gauge area.
|
|
26
|
+
*/
|
|
27
|
+
height;
|
|
28
|
+
/**
|
|
29
|
+
* The margin of the Gauge area.
|
|
30
|
+
*/
|
|
31
|
+
margin;
|
|
32
|
+
/**
|
|
33
|
+
* The width of the Gauge area.
|
|
34
|
+
*/
|
|
35
|
+
width;
|
|
14
36
|
// due to NG error: The directive GaugeAreaComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
|
|
15
37
|
// that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
|
|
16
38
|
// to use parameters that are valid for DI.(-992016)
|
|
@@ -19,10 +41,10 @@ export class GaugeAreaComponent extends SettingsComponent {
|
|
|
19
41
|
this.key = key;
|
|
20
42
|
this.configurationService = configurationService;
|
|
21
43
|
}
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GaugeAreaComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
45
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GaugeAreaComponent, inputs: { background: "background", border: "border", height: "height", margin: "margin", width: "width" }, usesInheritance: true, ngImport: i0 });
|
|
22
46
|
}
|
|
23
|
-
|
|
24
|
-
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 });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugeAreaComponent, decorators: [{
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GaugeAreaComponent, decorators: [{
|
|
26
48
|
type: Directive
|
|
27
49
|
}], ctorParameters: function () { return [{ type: undefined }, { type: i1.ConfigurationService }]; }, propDecorators: { background: [{
|
|
28
50
|
type: Input
|
|
@@ -25,6 +25,43 @@ const inDocument = (element) => {
|
|
|
25
25
|
* @hidden
|
|
26
26
|
*/
|
|
27
27
|
export class GaugeComponent {
|
|
28
|
+
configurationService;
|
|
29
|
+
themeService;
|
|
30
|
+
intlService;
|
|
31
|
+
localizationService;
|
|
32
|
+
element;
|
|
33
|
+
renderer;
|
|
34
|
+
ngZone;
|
|
35
|
+
/**
|
|
36
|
+
* Specifies options for the Gauge area.
|
|
37
|
+
*/
|
|
38
|
+
gaugeArea;
|
|
39
|
+
/**
|
|
40
|
+
* Specifies the output type.
|
|
41
|
+
*/
|
|
42
|
+
renderAs;
|
|
43
|
+
/**
|
|
44
|
+
* The maximum number of times the Gauge resizes per second.
|
|
45
|
+
* Defaults to `10`. To disable the automatic resizing, set `resizeRateLimit` to `0`.
|
|
46
|
+
*/
|
|
47
|
+
resizeRateLimit = 10;
|
|
48
|
+
/**
|
|
49
|
+
* Specifies the scale options.
|
|
50
|
+
*/
|
|
51
|
+
scale;
|
|
52
|
+
/**
|
|
53
|
+
* Specifies if the changes will be animated.
|
|
54
|
+
*/
|
|
55
|
+
transitions;
|
|
56
|
+
surfaceElement;
|
|
57
|
+
resizeSensor;
|
|
58
|
+
className = true;
|
|
59
|
+
options;
|
|
60
|
+
theme = null;
|
|
61
|
+
instance;
|
|
62
|
+
subscriptions;
|
|
63
|
+
redrawTimeout;
|
|
64
|
+
rtl = false;
|
|
28
65
|
constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
|
|
29
66
|
this.configurationService = configurationService;
|
|
30
67
|
this.themeService = themeService;
|
|
@@ -33,14 +70,6 @@ export class GaugeComponent {
|
|
|
33
70
|
this.element = element;
|
|
34
71
|
this.renderer = renderer;
|
|
35
72
|
this.ngZone = ngZone;
|
|
36
|
-
/**
|
|
37
|
-
* The maximum number of times the Gauge resizes per second.
|
|
38
|
-
* Defaults to `10`. To disable the automatic resizing, set `resizeRateLimit` to `0`.
|
|
39
|
-
*/
|
|
40
|
-
this.resizeRateLimit = 10;
|
|
41
|
-
this.className = true;
|
|
42
|
-
this.theme = null;
|
|
43
|
-
this.rtl = false;
|
|
44
73
|
validatePackage(packageMetadata);
|
|
45
74
|
}
|
|
46
75
|
ngOnInit() {
|
|
@@ -197,10 +226,10 @@ export class GaugeComponent {
|
|
|
197
226
|
get isRTL() {
|
|
198
227
|
return Boolean(this.localizationService.rtl);
|
|
199
228
|
}
|
|
229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GaugeComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
230
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
|
|
200
231
|
}
|
|
201
|
-
|
|
202
|
-
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 });
|
|
203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugeComponent, decorators: [{
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GaugeComponent, decorators: [{
|
|
204
233
|
type: Directive
|
|
205
234
|
}], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { gaugeArea: [{
|
|
206
235
|
type: Input
|
|
@@ -11,6 +11,51 @@ import * as i1 from "../services";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class LabelsComponent extends SettingsComponent {
|
|
14
|
+
key;
|
|
15
|
+
configurationService;
|
|
16
|
+
/**
|
|
17
|
+
* The background of the labels.
|
|
18
|
+
* Accepts valid CSS color strings, including hex and rgb.
|
|
19
|
+
*/
|
|
20
|
+
background;
|
|
21
|
+
/**
|
|
22
|
+
* The border of the labels.
|
|
23
|
+
*/
|
|
24
|
+
border;
|
|
25
|
+
/**
|
|
26
|
+
* The color of the labels.
|
|
27
|
+
* Accepts valid CSS color strings, including hex and rgb.
|
|
28
|
+
*/
|
|
29
|
+
color;
|
|
30
|
+
/**
|
|
31
|
+
* The font of the labels.
|
|
32
|
+
*/
|
|
33
|
+
font;
|
|
34
|
+
/**
|
|
35
|
+
* The format that is used to display the labels.
|
|
36
|
+
* Uses the IntlService [`format`]({% slug api_intl_intlservice %}#toc-format) method.
|
|
37
|
+
*/
|
|
38
|
+
format;
|
|
39
|
+
/**
|
|
40
|
+
* The margin of the labels.
|
|
41
|
+
*/
|
|
42
|
+
margin;
|
|
43
|
+
/**
|
|
44
|
+
* The padding of the labels.
|
|
45
|
+
*/
|
|
46
|
+
padding;
|
|
47
|
+
/**
|
|
48
|
+
* The function which returns the label content.
|
|
49
|
+
*
|
|
50
|
+
* The available fields in the function argument are:
|
|
51
|
+
*
|
|
52
|
+
* - `value`—The value of the label.
|
|
53
|
+
*/
|
|
54
|
+
content;
|
|
55
|
+
/**
|
|
56
|
+
* The visibility of the labels.
|
|
57
|
+
*/
|
|
58
|
+
visible;
|
|
14
59
|
// due to NG error: The directive LabelsComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
|
|
15
60
|
// that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
|
|
16
61
|
// to use parameters that are valid for DI.(-992016)
|
|
@@ -19,10 +64,10 @@ export class LabelsComponent extends SettingsComponent {
|
|
|
19
64
|
this.key = key;
|
|
20
65
|
this.configurationService = configurationService;
|
|
21
66
|
}
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
68
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
|
|
22
69
|
}
|
|
23
|
-
|
|
24
|
-
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 });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LabelsComponent, decorators: [{
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelsComponent, decorators: [{
|
|
26
71
|
type: Directive
|
|
27
72
|
}], ctorParameters: function () { return [{ type: undefined }, { type: i1.ConfigurationService }]; }, propDecorators: { background: [{
|
|
28
73
|
type: Input
|
|
@@ -9,10 +9,26 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
11
|
export class RangeComponent extends CollectionItemComponent {
|
|
12
|
+
/**
|
|
13
|
+
* The start position of the range.
|
|
14
|
+
*/
|
|
15
|
+
from;
|
|
16
|
+
/**
|
|
17
|
+
* The end position of the range.
|
|
18
|
+
*/
|
|
19
|
+
to;
|
|
20
|
+
/**
|
|
21
|
+
* The range opacity.
|
|
22
|
+
*/
|
|
23
|
+
opacity;
|
|
24
|
+
/**
|
|
25
|
+
* The color of the range. Accepts valid CSS color strings, including hex and rgb.
|
|
26
|
+
*/
|
|
27
|
+
color;
|
|
28
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
29
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RangeComponent, inputs: { from: "from", to: "to", opacity: "opacity", color: "color" }, usesInheritance: true, ngImport: i0 });
|
|
12
30
|
}
|
|
13
|
-
|
|
14
|
-
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 });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RangeComponent, decorators: [{
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RangeComponent, decorators: [{
|
|
16
32
|
type: Directive
|
|
17
33
|
}], propDecorators: { from: [{
|
|
18
34
|
type: Input
|
|
@@ -11,6 +11,18 @@ import * as i1 from "../services";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class ScaleComponent extends SettingsComponent {
|
|
14
|
+
key;
|
|
15
|
+
configurationService;
|
|
16
|
+
labels;
|
|
17
|
+
majorTicks;
|
|
18
|
+
minorTicks;
|
|
19
|
+
min;
|
|
20
|
+
max;
|
|
21
|
+
minorUnit;
|
|
22
|
+
majorUnit;
|
|
23
|
+
reverse;
|
|
24
|
+
rangeSize;
|
|
25
|
+
rangePlaceholderColor;
|
|
14
26
|
// due to NG error: The directive ScaleComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
|
|
15
27
|
// that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
|
|
16
28
|
// to use parameters that are valid for DI.(-992016)
|
|
@@ -19,10 +31,10 @@ export class ScaleComponent extends SettingsComponent {
|
|
|
19
31
|
this.key = key;
|
|
20
32
|
this.configurationService = configurationService;
|
|
21
33
|
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScaleComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
|
|
22
36
|
}
|
|
23
|
-
|
|
24
|
-
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 });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScaleComponent, decorators: [{
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScaleComponent, decorators: [{
|
|
26
38
|
type: Directive
|
|
27
39
|
}], ctorParameters: function () { return [{ type: undefined }, { type: i1.ConfigurationService }]; }, propDecorators: { labels: [{
|
|
28
40
|
type: Input
|