@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
package/README.md
CHANGED
|
@@ -2,32 +2,50 @@
|
|
|
2
2
|
<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
## Kendo UI for Angular Gauges Package (ArcGauge, LinearGauge, and RadialGauge Components)
|
|
5
|
+
## Kendo UI for Angular Gauges Package (ArcGauge, CircularGauge, LinearGauge, and RadialGauge Components)
|
|
6
6
|
|
|
7
|
-
>
|
|
8
|
-
> *
|
|
9
|
-
> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-gauges).
|
|
10
|
-
> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-gauges) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-gauges). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-gauges).
|
|
7
|
+
> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
|
|
8
|
+
> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
|
|
11
9
|
> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
|
|
12
10
|
>
|
|
13
|
-
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui
|
|
11
|
+
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
|
|
14
12
|
|
|
15
|
-
Kendo UI for Angular
|
|
13
|
+
The [Kendo UI for Angular Gauges](https://www.telerik.com/kendo-angular-ui/components/gauges) package provides a set of data-visualization components for building common gauge types—arc, circular, linear and radial.
|
|
14
|
+
|
|
15
|
+
## What's Included in the Angular Gauges Package
|
|
16
|
+
|
|
17
|
+
* [Angular ArcGauge Component](https://www.telerik.com/kendo-angular-ui/components/gauges/arcgauge)—Represents a value across a semicircle arc shape. This component uses a colored arc instead of an arrow pointer which leaves its center free for implementing a user-defined center template.
|
|
18
|
+
* [Angular CircularGauge Component](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge)—Represents a value within a full-circle arc. This gauge type is very similar to the Kendo UI for Angular ArcGauge and supports a similar set of features.
|
|
19
|
+
* [Angular LinearGauge Component](https://www.telerik.com/kendo-angular-ui/components/gauges/lineargauge)—Displays values on a linear scale, represented as bars or pointers along with tick lines and labels to provide additional context.
|
|
20
|
+
* [Angular RadialGauge Component](https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge)—Displays values on a circular arc with a centralized pointer that indicates the current value.
|
|
21
|
+
|
|
22
|
+
## Key Features
|
|
23
|
+
|
|
24
|
+
Among the many features which the Kendo UI for Angular Gauges deliver are:
|
|
25
|
+
|
|
26
|
+
* [Scale Options](https://www.telerik.com/kendo-angular-ui/components/gauges/arcgauge/scale-options)—All Gauges components provide configuration options for customizing their scales and allow you, for example, to change the appearance of their labels and ticks, set their ranges, and more.
|
|
27
|
+
* [Export Options](https://www.telerik.com/kendo-angular-ui/components/gauges/export-options)—The Gauges provide a set of built-in options for Image, PDF, and SVG export resulting in Base64-encoded files which can be sent to a service or saved on the client.
|
|
28
|
+
* [Rendering Modes](https://www.telerik.com/kendo-angular-ui/components/gauges/rendering)—The Gauges support two modes for rendering—Canvas (bitmap) and SVG (vector graphics). Their default rendering mode is SVG but can be modified through a specific attribute that the Gauges provide.
|
|
29
|
+
* [Appearance](https://www.telerik.com/kendo-angular-ui/components/gauges/styling)—The color and style of the Gauges are normally picked up by the current Kendo UI theme, but each aspect of the Gauges can be customized by theme variables or configuration options.
|
|
30
|
+
* [Globalization](https://www.telerik.com/kendo-angular-ui/components/gauges/globalization)—The Kendo UI for Angular Gauges support globalization to ensure that each component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Gauges support rendering in a right-to-left (RTL) direction.
|
|
31
|
+
|
|
32
|
+
## Support Options
|
|
33
|
+
|
|
34
|
+
For any issues you might encounter while working with the Kendo UI for Angular Gauges, you have the following support channels available:
|
|
35
|
+
|
|
36
|
+
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
|
|
37
|
+
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
|
|
38
|
+
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
|
|
16
39
|
|
|
17
40
|
## Resources
|
|
18
41
|
|
|
19
|
-
* [
|
|
42
|
+
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
|
|
43
|
+
* [Gauges Overview page](https://www.telerik.com/kendo-angular-ui/components/gauges) and [Gauges API reference](https://www.telerik.com/kendo-angular-ui/components/gauges/api)
|
|
44
|
+
* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
|
|
45
|
+
* [Kendo UI for Angular Blog](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
|
|
20
46
|
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
|
|
21
|
-
* [Blogs](http://www.telerik.com/blogs/kendo-ui)
|
|
22
47
|
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
|
|
23
48
|
|
|
24
|
-
## Questions and Feedback
|
|
25
|
-
|
|
26
|
-
* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
|
|
27
|
-
* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
|
|
28
|
-
* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
|
|
29
|
-
* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
|
|
30
|
-
|
|
31
49
|
*Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
|
|
32
50
|
|
|
33
51
|
*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*
|
|
@@ -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
|