@progress/kendo-angular-gauges 19.1.2-develop.3 → 19.1.2-develop.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/arc-gauge/arc-center-template.directive.d.ts +10 -20
- package/arc-gauge/arc-gauge.component.d.ts +12 -10
- package/arc-gauge/arc-gauge.module.d.ts +5 -6
- package/arc-gauge/color.component.d.ts +36 -1
- package/arc-gauge/colors.component.d.ts +5 -3
- package/arc-gauge/gauge-area.component.d.ts +22 -2
- package/arc-gauge/labels.component.d.ts +23 -1
- package/arc-gauge/scale.component.d.ts +40 -1
- package/circular-gauge/center-template.directive.d.ts +9 -20
- package/circular-gauge/circular-gauge.component.d.ts +4 -2
- package/circular-gauge/circular-gauge.module.d.ts +6 -7
- package/circular-gauge/gauge-area.component.d.ts +16 -2
- package/circular-gauge/labels.component.d.ts +23 -1
- package/circular-gauge/scale.component.d.ts +18 -1
- package/directives.d.ts +5 -5
- package/esm2022/arc-gauge/arc-center-template.directive.mjs +10 -20
- package/esm2022/arc-gauge/arc-gauge.component.mjs +12 -10
- package/esm2022/arc-gauge/arc-gauge.module.mjs +5 -6
- package/esm2022/arc-gauge/color.component.mjs +36 -1
- package/esm2022/arc-gauge/colors.component.mjs +5 -3
- package/esm2022/arc-gauge/gauge-area.component.mjs +22 -2
- package/esm2022/arc-gauge/labels.component.mjs +23 -1
- package/esm2022/arc-gauge/scale.component.mjs +40 -1
- package/esm2022/circular-gauge/center-template.directive.mjs +9 -20
- package/esm2022/circular-gauge/circular-gauge.component.mjs +4 -2
- package/esm2022/circular-gauge/circular-gauge.module.mjs +6 -7
- package/esm2022/circular-gauge/gauge-area.component.mjs +16 -2
- package/esm2022/circular-gauge/labels.component.mjs +23 -1
- package/esm2022/circular-gauge/scale.component.mjs +18 -1
- package/esm2022/directives.mjs +5 -5
- package/esm2022/gauges.module.mjs +3 -3
- package/esm2022/linear-gauge/gauge-area.component.mjs +10 -2
- package/esm2022/linear-gauge/labels.component.mjs +11 -1
- package/esm2022/linear-gauge/linear-gauge.component.mjs +6 -4
- package/esm2022/linear-gauge/linear-gauge.module.mjs +4 -4
- package/esm2022/linear-gauge/pointer.component.mjs +32 -1
- package/esm2022/linear-gauge/pointers.component.mjs +5 -3
- package/esm2022/linear-gauge/range.component.mjs +13 -1
- package/esm2022/linear-gauge/ranges.component.mjs +8 -3
- package/esm2022/linear-gauge/scale.component.mjs +28 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/radial-gauge/gauge-area.component.mjs +17 -2
- package/esm2022/radial-gauge/labels.component.mjs +14 -1
- package/esm2022/radial-gauge/pointer.component.mjs +23 -1
- package/esm2022/radial-gauge/pointers.component.mjs +8 -3
- package/esm2022/radial-gauge/radial-gauge.component.mjs +9 -5
- package/esm2022/radial-gauge/radial-gauge.module.mjs +5 -5
- package/esm2022/radial-gauge/range.component.mjs +13 -1
- package/esm2022/radial-gauge/ranges.component.mjs +8 -3
- package/esm2022/radial-gauge/scale.component.mjs +27 -1
- package/fesm2022/progress-kendo-angular-gauges.mjs +480 -129
- package/gauges.module.d.ts +3 -3
- package/linear-gauge/gauge-area.component.d.ts +10 -2
- package/linear-gauge/labels.component.d.ts +11 -1
- package/linear-gauge/linear-gauge.component.d.ts +6 -4
- package/linear-gauge/linear-gauge.module.d.ts +4 -4
- package/linear-gauge/pointer.component.d.ts +32 -1
- package/linear-gauge/pointers.component.d.ts +5 -3
- package/linear-gauge/range.component.d.ts +13 -1
- package/linear-gauge/ranges.component.d.ts +8 -3
- package/linear-gauge/scale.component.d.ts +28 -1
- package/package.json +6 -6
- package/radial-gauge/gauge-area.component.d.ts +17 -2
- package/radial-gauge/labels.component.d.ts +14 -1
- package/radial-gauge/pointer.component.d.ts +23 -1
- package/radial-gauge/pointers.component.d.ts +8 -3
- package/radial-gauge/radial-gauge.component.d.ts +9 -5
- package/radial-gauge/radial-gauge.module.d.ts +5 -5
- package/radial-gauge/range.component.d.ts +13 -1
- package/radial-gauge/ranges.component.d.ts +8 -3
- package/radial-gauge/scale.component.d.ts +27 -1
- package/types/arc-scale.interface.d.ts +8 -8
- package/types/border.interface.d.ts +4 -4
- package/types/cap.interface.d.ts +3 -3
- package/types/circular-gauge-scale.interface.d.ts +1 -1
- package/types/color-range.interface.d.ts +5 -5
- package/types/dash-type.interface.d.ts +1 -1
- package/types/gauge-area.interface.d.ts +7 -7
- package/types/labels.interface.d.ts +10 -10
- package/types/line-cap.d.ts +1 -1
- package/types/line.interface.d.ts +5 -5
- package/types/linear-pointer-shape.d.ts +1 -1
- package/types/linear-pointer.interface.d.ts +9 -9
- package/types/linear-scale.interface.d.ts +5 -5
- package/types/margin.interface.d.ts +5 -5
- package/types/padding.interface.d.ts +5 -5
- package/types/radial-label-position.d.ts +1 -1
- package/types/radial-labels.interface.d.ts +5 -1
- package/types/radial-pointer.interface.d.ts +7 -7
- package/types/radial-scale.interface.d.ts +8 -8
- package/types/range.interface.d.ts +5 -5
- package/types/scale.interface.d.ts +10 -10
- package/types/ticks.interface.d.ts +5 -5
package/gauges.module.d.ts
CHANGED
|
@@ -32,9 +32,9 @@ import * as i26 from "./radial-gauge/pointer.component";
|
|
|
32
32
|
import * as i27 from "./radial-gauge/range.component";
|
|
33
33
|
import * as i28 from "./radial-gauge/ranges.component";
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes all Gauge components and directives.
|
|
36
36
|
*
|
|
37
|
-
*
|
|
37
|
+
* Import the `GaugesModule` into your application
|
|
38
38
|
* [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
|
|
39
39
|
* that will use the Gauge components.
|
|
40
40
|
*
|
|
@@ -42,7 +42,7 @@ import * as i28 from "./radial-gauge/ranges.component";
|
|
|
42
42
|
* ```ts-no-run
|
|
43
43
|
* import { NgModule } from '@angular/core';
|
|
44
44
|
* import { BrowserModule } from '@angular/platform-browser';
|
|
45
|
-
* import { GaugesModule } from '@progress/kendo-angular-
|
|
45
|
+
* import { GaugesModule } from '@progress/kendo-angular-gauges';
|
|
46
46
|
* import { AppComponent } from './app.component';
|
|
47
47
|
*
|
|
48
48
|
* _@NgModule({
|
|
@@ -6,8 +6,16 @@ import { GaugeAreaComponent } from '../base-components';
|
|
|
6
6
|
import { ConfigurationService } from '../services';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
*
|
|
9
|
+
* Represents the configuration options for the LinearGauge area.
|
|
10
|
+
* This component controls the entire visible area of the LinearGauge.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <kendo-lineargauge>
|
|
15
|
+
* <kendo-lineargauge-area background="lightblue" [border]="{ width: 2 }">
|
|
16
|
+
* </kendo-lineargauge-area>
|
|
17
|
+
* </kendo-lineargauge>
|
|
18
|
+
* ```
|
|
11
19
|
*/
|
|
12
20
|
export declare class LinearGaugeAreaComponent extends GaugeAreaComponent {
|
|
13
21
|
protected configurationService: ConfigurationService;
|
|
@@ -6,7 +6,17 @@ import { LabelsComponent } from '../base-components';
|
|
|
6
6
|
import { ConfigurationService } from '../services';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents the configuration options for the LinearGauge scale labels.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <kendo-lineargauge>
|
|
14
|
+
* <kendo-lineargauge-scale>
|
|
15
|
+
* <kendo-lineargauge-scale-labels [visible]="true" [format]="'N0'">
|
|
16
|
+
* </kendo-lineargauge-scale-labels>
|
|
17
|
+
* </kendo-lineargauge-scale>
|
|
18
|
+
* </kendo-lineargauge>
|
|
19
|
+
* ```
|
|
10
20
|
*/
|
|
11
21
|
export declare class LinearLabelsComponent extends LabelsComponent {
|
|
12
22
|
protected configurationService: ConfigurationService;
|
|
@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
|
|
|
16
16
|
* ```ts
|
|
17
17
|
* import { Component } from '@angular/core';
|
|
18
18
|
*
|
|
19
|
-
*
|
|
19
|
+
* _Component({
|
|
20
20
|
* selector: 'my-app',
|
|
21
21
|
* template: `
|
|
22
22
|
* <kendo-lineargauge [pointer]="{ value: value }">
|
|
@@ -26,16 +26,18 @@ import * as i0 from "@angular/core";
|
|
|
26
26
|
* class AppComponent {
|
|
27
27
|
* public value: number = 10;
|
|
28
28
|
* }
|
|
29
|
-
*
|
|
30
29
|
* ```
|
|
30
|
+
*
|
|
31
|
+
* @remarks
|
|
32
|
+
* Supported children components are: {@link LinearScaleComponent}, {@link LinearLabelsComponent}, {@link LinearGaugeAreaComponent}, {@link LinearPointersComponent}, {@link LinearRangesComponent}.
|
|
31
33
|
*/
|
|
32
34
|
export declare class LinearGaugeComponent extends GaugeComponent {
|
|
33
35
|
/**
|
|
34
|
-
*
|
|
36
|
+
* Configures the pointers of the LinearGauge.
|
|
35
37
|
*/
|
|
36
38
|
pointer: LinearPointer | LinearPointer[];
|
|
37
39
|
/**
|
|
38
|
-
*
|
|
40
|
+
* Configures the scale of the LinearGauge.
|
|
39
41
|
*/
|
|
40
42
|
scale: LinearScale;
|
|
41
43
|
constructor(configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
|
|
@@ -12,19 +12,19 @@ import * as i6 from "./pointer.component";
|
|
|
12
12
|
import * as i7 from "./range.component";
|
|
13
13
|
import * as i8 from "./ranges.component";
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
15
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes the LinearGauge component and its directives.
|
|
16
|
+
* Import the `LinearGaugeModule` into your application
|
|
17
17
|
* [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
|
|
18
18
|
* that will use the LinearGauge component.
|
|
19
19
|
*
|
|
20
20
|
* @example
|
|
21
|
-
* ```ts
|
|
21
|
+
* ```ts
|
|
22
22
|
* import { NgModule } from '@angular/core';
|
|
23
23
|
* import { BrowserModule } from '@angular/platform-browser';
|
|
24
24
|
* import { LinearGaugeModule } from '@progress/kendo-angular-gauges';
|
|
25
25
|
* import { AppComponent } from './app.component';
|
|
26
26
|
*
|
|
27
|
-
*
|
|
27
|
+
* @NgModule({
|
|
28
28
|
* bootstrap: [AppComponent],
|
|
29
29
|
* declarations: [AppComponent],
|
|
30
30
|
* imports: [BrowserModule, LinearGaugeModule]
|
|
@@ -7,15 +7,46 @@ import { CollectionItemComponent } from '../base-components';
|
|
|
7
7
|
import { LinearPointer, LinearPointerShape, Border, Margin } from '../types';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents the configuration options for a pointer item of a LinearGauge.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <kendo-lineargauge>
|
|
15
|
+
* <kendo-lineargauge-pointers>
|
|
16
|
+
* <kendo-lineargauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
|
|
17
|
+
* </kendo-lineargauge-pointer>
|
|
18
|
+
* </kendo-lineargauge-pointers>
|
|
19
|
+
* </kendo-lineargauge>
|
|
20
|
+
* ```
|
|
11
21
|
*/
|
|
12
22
|
export declare class LinearPointerComponent extends CollectionItemComponent implements LinearPointer {
|
|
23
|
+
/**
|
|
24
|
+
* Configures the border settings of the pointer.
|
|
25
|
+
*/
|
|
13
26
|
border?: Border;
|
|
27
|
+
/**
|
|
28
|
+
* Specifies the color of the pointer.
|
|
29
|
+
*/
|
|
14
30
|
color?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
|
|
33
|
+
*/
|
|
15
34
|
margin?: number | Margin;
|
|
35
|
+
/**
|
|
36
|
+
* Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
|
|
37
|
+
*/
|
|
16
38
|
opacity?: number;
|
|
39
|
+
/**
|
|
40
|
+
* Defines the shape of the pointer.
|
|
41
|
+
*/
|
|
17
42
|
shape?: LinearPointerShape;
|
|
43
|
+
/**
|
|
44
|
+
* Sets the size of the pointer in pixels.
|
|
45
|
+
*/
|
|
18
46
|
size?: number;
|
|
47
|
+
/**
|
|
48
|
+
* Specifies the value that the pointer displays on the scale.
|
|
49
|
+
*/
|
|
19
50
|
value?: number;
|
|
20
51
|
constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
|
|
21
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<LinearPointerComponent, never>;
|
|
@@ -7,14 +7,14 @@ import { CollectionComponent, CollectionItemComponent } from '../base-components
|
|
|
7
7
|
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents a collection of one or more LinearGauge pointers
|
|
11
11
|
* ([more information]({% slug multiplepointers_lineargauge %})).
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```ts
|
|
15
15
|
* import { Component } from '@angular/core';
|
|
16
16
|
*
|
|
17
|
-
*
|
|
17
|
+
* @Component({
|
|
18
18
|
* selector: 'my-app',
|
|
19
19
|
* template: `
|
|
20
20
|
* <kendo-lineargauge>
|
|
@@ -38,8 +38,10 @@ import * as i0 from "@angular/core";
|
|
|
38
38
|
* color: '#8b0000'
|
|
39
39
|
* }];
|
|
40
40
|
* }
|
|
41
|
-
*
|
|
42
41
|
* ```
|
|
42
|
+
*
|
|
43
|
+
* @remarks
|
|
44
|
+
* Supported children components are: {@link LinearPointerComponent}
|
|
43
45
|
*/
|
|
44
46
|
export declare class LinearPointersComponent extends CollectionComponent {
|
|
45
47
|
children: QueryList<CollectionItemComponent>;
|
|
@@ -6,7 +6,19 @@ import { CollectionChangesService, ConfigurationService } from '../services';
|
|
|
6
6
|
import { RangeComponent } from '../base-components';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents the configuration options for a scale range item of a LinearGauge.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <kendo-lineargauge>
|
|
14
|
+
* <kendo-lineargauge-scale>
|
|
15
|
+
* <kendo-lineargauge-scale-ranges>
|
|
16
|
+
* <kendo-lineargauge-scale-range *ngFor="let range of ranges" [from]="range.from" [to]="range.to" [color]="range.color">
|
|
17
|
+
* </kendo-lineargauge-scale-range>
|
|
18
|
+
* </kendo-lineargauge-scale-ranges>
|
|
19
|
+
* </kendo-lineargauge-scale>
|
|
20
|
+
* </kendo-lineargauge>
|
|
21
|
+
* ```
|
|
10
22
|
*/
|
|
11
23
|
export declare class LinearRangeComponent extends RangeComponent {
|
|
12
24
|
constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
|
|
@@ -7,14 +7,17 @@ import { CollectionComponent, CollectionItemComponent } from '../base-components
|
|
|
7
7
|
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents a collection of one or more LinearGauge scale ranges
|
|
11
11
|
* ([more information and example]({% slug scaleranghes_lineargauge %})).
|
|
12
12
|
*
|
|
13
|
+
* You can use this component to define multiple ranges on your LinearGauge scale. Each range displays a colored segment
|
|
14
|
+
* that highlights specific value intervals on the LinearGauge.
|
|
15
|
+
*
|
|
13
16
|
* @example
|
|
14
17
|
* ```ts
|
|
15
18
|
* import { Component } from '@angular/core';
|
|
16
19
|
*
|
|
17
|
-
*
|
|
20
|
+
* @Component({
|
|
18
21
|
* selector: 'my-app',
|
|
19
22
|
* template: `
|
|
20
23
|
* <kendo-lineargauge>
|
|
@@ -43,8 +46,10 @@ import * as i0 from "@angular/core";
|
|
|
43
46
|
* color: '#78d237'
|
|
44
47
|
* }];
|
|
45
48
|
* }
|
|
46
|
-
*
|
|
47
49
|
* ```
|
|
50
|
+
*
|
|
51
|
+
* @remarks
|
|
52
|
+
* Supported children components are: {@link LinearRangeComponent}
|
|
48
53
|
*/
|
|
49
54
|
export declare class LinearRangesComponent extends CollectionComponent {
|
|
50
55
|
children: QueryList<CollectionItemComponent>;
|
|
@@ -7,14 +7,41 @@ import { ConfigurationService } from '../services';
|
|
|
7
7
|
import { LinearScale, Line, Range } from '../types';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents the configuration options for the scale of the LinearGauge
|
|
11
11
|
* ([see example]({% slug scaleoptions_lineargauge %})).
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-lineargauge>
|
|
16
|
+
* <kendo-lineargauge-scale [mirror]="true" [vertical]="false">
|
|
17
|
+
* </kendo-lineargauge-scale>
|
|
18
|
+
* </kendo-lineargauge>
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* @remarks
|
|
22
|
+
* Supported children components are: {@link LinearLabelsComponent}, {@link LinearRangesComponent}.
|
|
12
23
|
*/
|
|
13
24
|
export declare class LinearScaleComponent extends ScaleComponent implements LinearScale {
|
|
14
25
|
protected configurationService: ConfigurationService;
|
|
26
|
+
/**
|
|
27
|
+
* Configures the appearance of the scale line.
|
|
28
|
+
*/
|
|
15
29
|
line?: Line;
|
|
30
|
+
/**
|
|
31
|
+
* Configures the ranges that are displayed on the scale.
|
|
32
|
+
*/
|
|
16
33
|
ranges?: Range[];
|
|
34
|
+
/**
|
|
35
|
+
* Mirrors the scale labels and ticks. When you set this option to `true`, the labels and ticks appear on the opposite side of the scale.
|
|
36
|
+
*
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
17
39
|
mirror?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Sets the orientation of the scale. When you set this option to `false`, the scale displays horizontally.
|
|
42
|
+
*
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
18
45
|
vertical?: boolean;
|
|
19
46
|
constructor(configurationService: ConfigurationService);
|
|
20
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<LinearScaleComponent, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-gauges",
|
|
3
|
-
"version": "19.1.2-develop.
|
|
3
|
+
"version": "19.1.2-develop.5",
|
|
4
4
|
"description": "Kendo UI Angular Gauges",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"package": {
|
|
22
22
|
"productName": "Kendo UI for Angular",
|
|
23
23
|
"productCode": "KENDOUIANGULAR",
|
|
24
|
-
"publishDate":
|
|
24
|
+
"publishDate": 1750431158,
|
|
25
25
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
26
26
|
}
|
|
27
27
|
},
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
"@angular/platform-browser": "16 - 20",
|
|
33
33
|
"@progress/kendo-drawing": "^1.21.0",
|
|
34
34
|
"@progress/kendo-licensing": "^1.5.0",
|
|
35
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
|
36
|
-
"@progress/kendo-angular-intl": "19.1.2-develop.
|
|
37
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
|
35
|
+
"@progress/kendo-angular-common": "19.1.2-develop.5",
|
|
36
|
+
"@progress/kendo-angular-intl": "19.1.2-develop.5",
|
|
37
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.5",
|
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"tslib": "^2.3.1",
|
|
42
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
|
42
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.5",
|
|
43
43
|
"@progress/kendo-charts": "2.7.2"
|
|
44
44
|
},
|
|
45
45
|
"schematics": "./schematics/collection.json",
|
|
@@ -6,8 +6,23 @@ import { GaugeAreaComponent } from '../base-components';
|
|
|
6
6
|
import { ConfigurationService } from '../services';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
*
|
|
9
|
+
* Represents the configuration options for the RadialGauge area.
|
|
10
|
+
* This component controls the entire visible area of the RadialGauge.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```ts
|
|
14
|
+
* import { Component } from '@angular/core';
|
|
15
|
+
*
|
|
16
|
+
* @Component({
|
|
17
|
+
* selector: 'my-app',
|
|
18
|
+
* template: `
|
|
19
|
+
* <kendo-radialgauge-area background="lightblue">
|
|
20
|
+
* </kendo-radialgauge-area>
|
|
21
|
+
* `
|
|
22
|
+
* })
|
|
23
|
+
* class AppComponent {
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
11
26
|
*/
|
|
12
27
|
export declare class RadialGaugeAreaComponent extends GaugeAreaComponent {
|
|
13
28
|
protected configurationService: ConfigurationService;
|
|
@@ -7,10 +7,23 @@ import { ConfigurationService } from '../services';
|
|
|
7
7
|
import { RadialLabels, RadialLabelPosition } from '../types';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Configures the configuration options for the scale labels of the RadialGauge.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <kendo-radialgauge>
|
|
15
|
+
* <kendo-radialgauge-scale>
|
|
16
|
+
* <kendo-radialgauge-scale-labels [visible]="true" [format]="'N0'">
|
|
17
|
+
* </kendo-radialgauge-scale-labels>
|
|
18
|
+
* </kendo-radialgauge-scale>
|
|
19
|
+
* </kendo-radialgauge>
|
|
20
|
+
* ```
|
|
11
21
|
*/
|
|
12
22
|
export declare class RadialLabelsComponent extends LabelsComponent implements RadialLabels {
|
|
13
23
|
protected configurationService: ConfigurationService;
|
|
24
|
+
/**
|
|
25
|
+
* Sepcifies rhe position of the labels relative to the scale.
|
|
26
|
+
*/
|
|
14
27
|
position: RadialLabelPosition;
|
|
15
28
|
constructor(configurationService: ConfigurationService);
|
|
16
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadialLabelsComponent, never>;
|
|
@@ -7,12 +7,34 @@ import { CollectionItemComponent } from '../base-components';
|
|
|
7
7
|
import { RadialPointer, Cap } from '../types';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents the configuration options for a pointer in the RadialGauge.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```html
|
|
14
|
+
* <kendo-radialgauge>
|
|
15
|
+
* <kendo-radialgauge-pointers>
|
|
16
|
+
* <kendo-radialgauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
|
|
17
|
+
* </kendo-radialgauge-pointer>
|
|
18
|
+
* </kendo-radialgauge-pointers>
|
|
19
|
+
* </kendo-radialgauge>
|
|
20
|
+
* ```
|
|
11
21
|
*/
|
|
12
22
|
export declare class RadialPointerComponent extends CollectionItemComponent implements RadialPointer {
|
|
23
|
+
/**
|
|
24
|
+
* Configures the pointer cap.
|
|
25
|
+
*/
|
|
13
26
|
cap?: Cap;
|
|
27
|
+
/**
|
|
28
|
+
* Specifies the color of the pointer.
|
|
29
|
+
*/
|
|
14
30
|
color?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Sets the length of the pointer as a percentage of the scale radius.
|
|
33
|
+
*/
|
|
15
34
|
length?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Sets the value of the pointer.
|
|
37
|
+
*/
|
|
16
38
|
value?: number;
|
|
17
39
|
constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
|
|
18
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadialPointerComponent, never>;
|
|
@@ -7,14 +7,17 @@ import { CollectionComponent, CollectionItemComponent } from '../base-components
|
|
|
7
7
|
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents a collection of one or more RadialGauge pointers
|
|
11
11
|
* ([more information and example]({% slug multiplepointers_radialgauge %})).
|
|
12
12
|
*
|
|
13
|
+
* Use this component to group multiple pointer components within a RadialGauge.
|
|
14
|
+
* Each pointer displays a specific value on the gauge.
|
|
15
|
+
*
|
|
13
16
|
* @example
|
|
14
17
|
* ```ts
|
|
15
18
|
* import { Component } from '@angular/core';
|
|
16
19
|
*
|
|
17
|
-
*
|
|
20
|
+
* @Component({
|
|
18
21
|
* selector: 'my-app',
|
|
19
22
|
* template: `
|
|
20
23
|
* <kendo-radialgauge>
|
|
@@ -38,8 +41,10 @@ import * as i0 from "@angular/core";
|
|
|
38
41
|
* color: '#78d237'
|
|
39
42
|
* }];
|
|
40
43
|
* }
|
|
41
|
-
*
|
|
42
44
|
* ```
|
|
45
|
+
*
|
|
46
|
+
* @remarks
|
|
47
|
+
* Supported children components are: {@link RadialPointerComponent}
|
|
43
48
|
*/
|
|
44
49
|
export declare class RadialPointersComponent extends CollectionComponent {
|
|
45
50
|
children: QueryList<CollectionItemComponent>;
|
|
@@ -16,26 +16,30 @@ import * as i0 from "@angular/core";
|
|
|
16
16
|
* ```ts
|
|
17
17
|
* import { Component } from '@angular/core';
|
|
18
18
|
*
|
|
19
|
-
*
|
|
19
|
+
* @Component({
|
|
20
20
|
* selector: 'my-app',
|
|
21
21
|
* template: `
|
|
22
22
|
* <kendo-radialgauge [pointer]="{ value: value }">
|
|
23
23
|
* </kendo-radialgauge>
|
|
24
24
|
* `
|
|
25
25
|
* })
|
|
26
|
-
* class AppComponent {
|
|
26
|
+
* export class AppComponent {
|
|
27
27
|
* public value: number = 10;
|
|
28
28
|
* }
|
|
29
|
-
*
|
|
30
29
|
* ```
|
|
30
|
+
*
|
|
31
|
+
* @remarks
|
|
32
|
+
* Supported children components are: {@link RadialGaugeAreaComponent}, {@link RadialLabelsComponent}, {@link RadialPointersComponent}, {@link RadialRangesComponent}, {@link RadialScaleComponent}.
|
|
31
33
|
*/
|
|
32
34
|
export declare class RadialGaugeComponent extends GaugeComponent {
|
|
33
35
|
/**
|
|
34
|
-
*
|
|
36
|
+
* Sets the configuration of the pointers.
|
|
37
|
+
* You can configure single or multiple pointers for the RadialGauge.
|
|
35
38
|
*/
|
|
36
39
|
pointer: RadialPointer | RadialPointer[];
|
|
37
40
|
/**
|
|
38
|
-
*
|
|
41
|
+
* Sets the configuration of the scale.
|
|
42
|
+
* The scale defines the range, appearance, and behavior of the gauge.
|
|
39
43
|
*/
|
|
40
44
|
scale: RadialScale;
|
|
41
45
|
constructor(configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
|
|
@@ -12,19 +12,19 @@ import * as i6 from "./pointer.component";
|
|
|
12
12
|
import * as i7 from "./range.component";
|
|
13
13
|
import * as i8 from "./ranges.component";
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
15
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes the RadialGauge component and its directives.
|
|
16
|
+
* Import the RadialGaugeModule into your application
|
|
17
17
|
* [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
|
|
18
|
-
* that
|
|
18
|
+
* that uses the RadialGauge component.
|
|
19
19
|
*
|
|
20
20
|
* @example
|
|
21
|
-
* ```ts
|
|
21
|
+
* ```ts
|
|
22
22
|
* import { NgModule } from '@angular/core';
|
|
23
23
|
* import { BrowserModule } from '@angular/platform-browser';
|
|
24
24
|
* import { RadialGaugeModule } from '@progress/kendo-angular-gauges';
|
|
25
25
|
* import { AppComponent } from './app.component';
|
|
26
26
|
*
|
|
27
|
-
*
|
|
27
|
+
* @NgModule({
|
|
28
28
|
* bootstrap: [AppComponent],
|
|
29
29
|
* declarations: [AppComponent],
|
|
30
30
|
* imports: [BrowserModule, RadialGaugeModule]
|
|
@@ -6,7 +6,19 @@ import { CollectionChangesService, ConfigurationService } from '../services';
|
|
|
6
6
|
import { RangeComponent } from '../base-components';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents the configuration options for a range in the RadialGauge scale.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <kendo-radialgauge>
|
|
14
|
+
* <kendo-radialgauge-scale>
|
|
15
|
+
* <kendo-radialgauge-scale-ranges>
|
|
16
|
+
* <kendo-radialgauge-scale-range [from]="0" [to]="50" color="red">
|
|
17
|
+
* </kendo-radialgauge-scale-range>
|
|
18
|
+
* </kendo-radialgauge-scale-ranges>
|
|
19
|
+
* </kendo-radialgauge-scale>
|
|
20
|
+
* </kendo-radialgauge>
|
|
21
|
+
* ```
|
|
10
22
|
*/
|
|
11
23
|
export declare class RadialRangeComponent extends RangeComponent {
|
|
12
24
|
constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
|
|
@@ -7,14 +7,17 @@ import { CollectionComponent, CollectionItemComponent } from '../base-components
|
|
|
7
7
|
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents a collection of one or more RadialGauge scale ranges
|
|
11
11
|
* ([more information and example]({% slug scaleranghes_radialgauge %})).
|
|
12
12
|
*
|
|
13
|
+
* Use this component to define multiple ranges on your RadialGauge scale.
|
|
14
|
+
* Each range displays a colored segment that highlights specific value intervals.
|
|
15
|
+
*
|
|
13
16
|
* @example
|
|
14
17
|
* ```ts
|
|
15
18
|
* import { Component } from '@angular/core';
|
|
16
19
|
*
|
|
17
|
-
*
|
|
20
|
+
* @Component({
|
|
18
21
|
* selector: 'my-app',
|
|
19
22
|
* template: `
|
|
20
23
|
* <kendo-radialgauge>
|
|
@@ -43,8 +46,10 @@ import * as i0 from "@angular/core";
|
|
|
43
46
|
* color: '#78d237'
|
|
44
47
|
* }];
|
|
45
48
|
* }
|
|
46
|
-
*
|
|
47
49
|
* ```
|
|
50
|
+
*
|
|
51
|
+
* @remarks
|
|
52
|
+
* Supported children components are: {@link RadialRangeComponent}
|
|
48
53
|
*/
|
|
49
54
|
export declare class RadialRangesComponent extends CollectionComponent {
|
|
50
55
|
children: QueryList<CollectionItemComponent>;
|
|
@@ -7,15 +7,41 @@ import { ConfigurationService } from '../services';
|
|
|
7
7
|
import { RadialScale, RadialLabels, Range } from '../types';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents the configuration options for the scale of a RadialGauge
|
|
11
11
|
* ([more information and example]({% slug scaleoptions_radialgauge %})).
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-radialgauge>
|
|
16
|
+
* <kendo-radialgauge-scale [startAngle]="0" [endAngle]="180">
|
|
17
|
+
* </kendo-radialgauge-scale>
|
|
18
|
+
* </kendo-radialgauge>
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* @remarks
|
|
22
|
+
* Supported children components are: {@link RadialLabelsComponent}, {@link RadialRangesComponent}
|
|
12
23
|
*/
|
|
13
24
|
export declare class RadialScaleComponent extends ScaleComponent implements RadialScale {
|
|
14
25
|
protected configurationService: ConfigurationService;
|
|
26
|
+
/**
|
|
27
|
+
* Configures the scale labels.
|
|
28
|
+
*/
|
|
15
29
|
labels?: RadialLabels;
|
|
30
|
+
/**
|
|
31
|
+
* Specifies the distance between the scale ranges and the ticks.
|
|
32
|
+
*/
|
|
16
33
|
rangeDistance?: number;
|
|
34
|
+
/**
|
|
35
|
+
* Sets the ranges of the scale.
|
|
36
|
+
*/
|
|
17
37
|
ranges?: Range[];
|
|
38
|
+
/**
|
|
39
|
+
* Specifies the start angle of the Gauge in degrees.
|
|
40
|
+
*/
|
|
18
41
|
startAngle?: number;
|
|
42
|
+
/**
|
|
43
|
+
* Specifies the end angle of the Gauge in degrees.
|
|
44
|
+
*/
|
|
19
45
|
endAngle?: number;
|
|
20
46
|
constructor(configurationService: ConfigurationService);
|
|
21
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadialScaleComponent, never>;
|
|
@@ -6,29 +6,29 @@ import { RadialLabels } from './radial-labels.interface';
|
|
|
6
6
|
import { Scale } from './scale.interface';
|
|
7
7
|
import { LineCap } from './line-cap';
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Represents the scale options of the Gauge.
|
|
10
10
|
*/
|
|
11
11
|
export interface ArcScale extends Scale {
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Sets the scale labels configuration.
|
|
14
14
|
*/
|
|
15
15
|
labels?: RadialLabels;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Sets the distance between the range indicators and the ticks in pixels.
|
|
18
18
|
*/
|
|
19
19
|
rangeDistance?: number;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Sets the `lineCap` style of the ranges.
|
|
22
22
|
*/
|
|
23
23
|
rangeLineCap?: LineCap;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
26
|
-
* The Gauge
|
|
25
|
+
* Sets the starting angle of the Gauge in degrees.
|
|
26
|
+
* The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
|
|
27
27
|
*/
|
|
28
28
|
startAngle?: number;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
31
|
-
* The Gauge
|
|
30
|
+
* Sets the ending angle of the Gauge in degrees.
|
|
31
|
+
* The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
|
|
32
32
|
*/
|
|
33
33
|
endAngle?: number;
|
|
34
34
|
}
|