@progress/kendo-angular-gauges 21.4.1-develop.1 → 22.0.0-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/base-components/collection-item.component.d.ts +1 -1
- package/base-components/collection.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/base-components/settings.component.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-gauges.mjs +140 -140
- package/package.json +10 -18
- package/esm2022/arc-gauge/arc-center-template.directive.mjs +0 -39
- package/esm2022/arc-gauge/arc-gauge.component.mjs +0 -205
- package/esm2022/arc-gauge/arc-gauge.directives.mjs +0 -11
- package/esm2022/arc-gauge/arc-gauge.module.mjs +0 -50
- package/esm2022/arc-gauge/color.component.mjs +0 -75
- package/esm2022/arc-gauge/colors.component.mjs +0 -76
- package/esm2022/arc-gauge/gauge-area.component.mjs +0 -50
- package/esm2022/arc-gauge/labels.component.mjs +0 -52
- package/esm2022/arc-gauge/scale.component.mjs +0 -84
- package/esm2022/base-components/collection-item.component.mjs +0 -28
- package/esm2022/base-components/collection.component.mjs +0 -44
- package/esm2022/base-components/gauge-area.component.mjs +0 -59
- package/esm2022/base-components/gauge.component.mjs +0 -253
- package/esm2022/base-components/labels.component.mjs +0 -90
- package/esm2022/base-components/range.component.mjs +0 -41
- package/esm2022/base-components/scale.component.mjs +0 -59
- package/esm2022/base-components/settings.component.mjs +0 -30
- package/esm2022/base-components.mjs +0 -12
- package/esm2022/circular-gauge/center-template.directive.mjs +0 -38
- package/esm2022/circular-gauge/circular-gauge.component.mjs +0 -98
- package/esm2022/circular-gauge/circular-gauge.directives.mjs +0 -9
- package/esm2022/circular-gauge/circular-gauge.module.mjs +0 -48
- package/esm2022/circular-gauge/gauge-area.component.mjs +0 -37
- package/esm2022/circular-gauge/labels.component.mjs +0 -44
- package/esm2022/circular-gauge/scale.component.mjs +0 -44
- package/esm2022/directives.mjs +0 -89
- package/esm2022/gauges.module.mjs +0 -73
- package/esm2022/index.mjs +0 -17
- package/esm2022/linear-gauge/gauge-area.component.mjs +0 -38
- package/esm2022/linear-gauge/labels.component.mjs +0 -39
- package/esm2022/linear-gauge/linear-gauge.component.mjs +0 -91
- package/esm2022/linear-gauge/linear-gauge.directives.mjs +0 -12
- package/esm2022/linear-gauge/linear-gauge.module.mjs +0 -52
- package/esm2022/linear-gauge/pointer.component.mjs +0 -80
- package/esm2022/linear-gauge/pointers.component.mjs +0 -69
- package/esm2022/linear-gauge/range.component.mjs +0 -42
- package/esm2022/linear-gauge/ranges.component.mjs +0 -77
- package/esm2022/linear-gauge/scale.component.mjs +0 -69
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-gauges.mjs +0 -8
- package/esm2022/radial-gauge/gauge-area.component.mjs +0 -45
- package/esm2022/radial-gauge/labels.component.mjs +0 -45
- package/esm2022/radial-gauge/pointer.component.mjs +0 -62
- package/esm2022/radial-gauge/pointers.component.mjs +0 -72
- package/esm2022/radial-gauge/radial-gauge.component.mjs +0 -93
- package/esm2022/radial-gauge/radial-gauge.directives.mjs +0 -12
- package/esm2022/radial-gauge/radial-gauge.module.mjs +0 -52
- package/esm2022/radial-gauge/range.component.mjs +0 -40
- package/esm2022/radial-gauge/ranges.component.mjs +0 -77
- package/esm2022/radial-gauge/scale.component.mjs +0 -71
- package/esm2022/services/collection-changes.service.mjs +0 -17
- package/esm2022/services/configuration.service.mjs +0 -98
- package/esm2022/services/theme.service.mjs +0 -43
- package/esm2022/services.mjs +0 -7
- package/esm2022/types/arc-scale.interface.mjs +0 -5
- package/esm2022/types/border.interface.mjs +0 -5
- package/esm2022/types/cap.interface.mjs +0 -5
- package/esm2022/types/circular-gauge-scale.interface.mjs +0 -5
- package/esm2022/types/color-range.interface.mjs +0 -5
- package/esm2022/types/dash-type.interface.mjs +0 -5
- package/esm2022/types/gauge-area.interface.mjs +0 -5
- package/esm2022/types/labels.interface.mjs +0 -5
- package/esm2022/types/line-cap.mjs +0 -5
- package/esm2022/types/line.interface.mjs +0 -5
- package/esm2022/types/linear-pointer-shape.mjs +0 -5
- package/esm2022/types/linear-pointer.interface.mjs +0 -5
- package/esm2022/types/linear-scale.interface.mjs +0 -5
- package/esm2022/types/margin.interface.mjs +0 -5
- package/esm2022/types/padding.interface.mjs +0 -5
- package/esm2022/types/radial-label-position.mjs +0 -5
- package/esm2022/types/radial-labels.interface.mjs +0 -5
- package/esm2022/types/radial-pointer.interface.mjs +0 -5
- package/esm2022/types/radial-scale.interface.mjs +0 -5
- package/esm2022/types/range.interface.mjs +0 -5
- package/esm2022/types/scale.interface.mjs +0 -5
- package/esm2022/types/ticks.interface.mjs +0 -5
- package/esm2022/types.mjs +0 -5
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, NgZone, Input, ChangeDetectionStrategy, ElementRef, Renderer2 } from '@angular/core';
|
|
6
|
-
import { ConfigurationService, ThemeService } from '../services';
|
|
7
|
-
import { IntlService } from '@progress/kendo-angular-intl';
|
|
8
|
-
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { GaugeComponent } from '../base-components';
|
|
10
|
-
import { LinearGauge } from '@progress/kendo-charts';
|
|
11
|
-
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
import * as i1 from "../services";
|
|
14
|
-
import * as i2 from "@progress/kendo-angular-intl";
|
|
15
|
-
import * as i3 from "@progress/kendo-angular-l10n";
|
|
16
|
-
/**
|
|
17
|
-
* Represents the [Kendo UI LinearGauge component for Angular]({% slug overview_lineargauge_gauges %}).
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```ts
|
|
21
|
-
* import { Component } from '@angular/core';
|
|
22
|
-
*
|
|
23
|
-
* _Component({
|
|
24
|
-
* selector: 'my-app',
|
|
25
|
-
* template: `
|
|
26
|
-
* <kendo-lineargauge [pointer]="{ value: value }">
|
|
27
|
-
* </kendo-lineargauge>
|
|
28
|
-
* `
|
|
29
|
-
* })
|
|
30
|
-
* class AppComponent {
|
|
31
|
-
* public value: number = 10;
|
|
32
|
-
* }
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* @remarks
|
|
36
|
-
* Supported children components are: {@link LinearScaleComponent}, {@link LinearLabelsComponent}, {@link LinearGaugeAreaComponent}, {@link LinearPointersComponent}, {@link LinearRangesComponent}.
|
|
37
|
-
*/
|
|
38
|
-
export class LinearGaugeComponent extends GaugeComponent {
|
|
39
|
-
/**
|
|
40
|
-
* Configures the pointers of the LinearGauge.
|
|
41
|
-
*/
|
|
42
|
-
pointer;
|
|
43
|
-
/**
|
|
44
|
-
* Configures the scale of the LinearGauge.
|
|
45
|
-
*/
|
|
46
|
-
scale;
|
|
47
|
-
constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
|
|
48
|
-
super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
|
|
49
|
-
}
|
|
50
|
-
createInstance(element, options, theme, context) {
|
|
51
|
-
this.instance = new LinearGauge(element, options, theme, context);
|
|
52
|
-
}
|
|
53
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearGaugeComponent, 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.Component });
|
|
54
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinearGaugeComponent, isStandalone: true, selector: "kendo-lineargauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
|
|
55
|
-
ConfigurationService,
|
|
56
|
-
LocalizationService,
|
|
57
|
-
{
|
|
58
|
-
provide: L10N_PREFIX,
|
|
59
|
-
useValue: 'kendo.lineargauge'
|
|
60
|
-
}
|
|
61
|
-
], exportAs: ["kendoLinearGauge"], usesInheritance: true, ngImport: i0, template: `
|
|
62
|
-
<div #surface class='k-chart-surface'></div>
|
|
63
|
-
<kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
|
|
64
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
|
-
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearGaugeComponent, decorators: [{
|
|
67
|
-
type: Component,
|
|
68
|
-
args: [{
|
|
69
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
70
|
-
exportAs: 'kendoLinearGauge',
|
|
71
|
-
providers: [
|
|
72
|
-
ConfigurationService,
|
|
73
|
-
LocalizationService,
|
|
74
|
-
{
|
|
75
|
-
provide: L10N_PREFIX,
|
|
76
|
-
useValue: 'kendo.lineargauge'
|
|
77
|
-
}
|
|
78
|
-
],
|
|
79
|
-
selector: 'kendo-lineargauge',
|
|
80
|
-
template: `
|
|
81
|
-
<div #surface class='k-chart-surface'></div>
|
|
82
|
-
<kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
|
|
83
|
-
`,
|
|
84
|
-
standalone: true,
|
|
85
|
-
imports: [ResizeSensorComponent]
|
|
86
|
-
}]
|
|
87
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { pointer: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], scale: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}] } });
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { LinearGaugeComponent } from './linear-gauge.component';
|
|
6
|
-
export { LinearGaugeAreaComponent } from './gauge-area.component';
|
|
7
|
-
export { LinearScaleComponent } from './scale.component';
|
|
8
|
-
export { LinearLabelsComponent } from './labels.component';
|
|
9
|
-
export { LinearPointersComponent } from './pointers.component';
|
|
10
|
-
export { LinearPointerComponent } from './pointer.component';
|
|
11
|
-
export { LinearRangeComponent } from './range.component';
|
|
12
|
-
export { LinearRangesComponent } from './ranges.component';
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_LINEARGAUGE } from '../directives';
|
|
7
|
-
import { ThemeService } from '../services';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./linear-gauge.component";
|
|
10
|
-
import * as i2 from "./gauge-area.component";
|
|
11
|
-
import * as i3 from "./scale.component";
|
|
12
|
-
import * as i4 from "./labels.component";
|
|
13
|
-
import * as i5 from "./pointers.component";
|
|
14
|
-
import * as i6 from "./pointer.component";
|
|
15
|
-
import * as i7 from "./range.component";
|
|
16
|
-
import * as i8 from "./ranges.component";
|
|
17
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
18
|
-
/**
|
|
19
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes the LinearGauge component and its directives.
|
|
20
|
-
* Import the `LinearGaugeModule` into your application
|
|
21
|
-
* [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
|
|
22
|
-
* that will use the LinearGauge component.
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```ts
|
|
26
|
-
* import { NgModule } from '@angular/core';
|
|
27
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
28
|
-
* import { LinearGaugeModule } from '@progress/kendo-angular-gauges';
|
|
29
|
-
* import { AppComponent } from './app.component';
|
|
30
|
-
*
|
|
31
|
-
* @NgModule({
|
|
32
|
-
* bootstrap: [AppComponent],
|
|
33
|
-
* declarations: [AppComponent],
|
|
34
|
-
* imports: [BrowserModule, LinearGaugeModule]
|
|
35
|
-
* })
|
|
36
|
-
* export class AppModule {
|
|
37
|
-
* }
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
export class LinearGaugeModule {
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
42
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LinearGaugeModule, imports: [i1.LinearGaugeComponent, i2.LinearGaugeAreaComponent, i3.LinearScaleComponent, i4.LinearLabelsComponent, i5.LinearPointersComponent, i6.LinearPointerComponent, i7.LinearRangeComponent, i8.LinearRangesComponent], exports: [i1.LinearGaugeComponent, i2.LinearGaugeAreaComponent, i3.LinearScaleComponent, i4.LinearLabelsComponent, i5.LinearPointersComponent, i6.LinearPointerComponent, i7.LinearRangeComponent, i8.LinearRangesComponent] });
|
|
43
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearGaugeModule, providers: [ThemeService], imports: [i1.LinearGaugeComponent] });
|
|
44
|
-
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearGaugeModule, decorators: [{
|
|
46
|
-
type: NgModule,
|
|
47
|
-
args: [{
|
|
48
|
-
exports: [...KENDO_LINEARGAUGE],
|
|
49
|
-
imports: [...KENDO_LINEARGAUGE],
|
|
50
|
-
providers: [ThemeService]
|
|
51
|
-
}]
|
|
52
|
-
}] });
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Input, Component } from '@angular/core';
|
|
6
|
-
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
7
|
-
import { CollectionItemComponent } from '../base-components';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "../services";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the configuration options for a pointer item of a LinearGauge.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-lineargauge>
|
|
16
|
-
* <kendo-lineargauge-pointers>
|
|
17
|
-
* <kendo-lineargauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
|
|
18
|
-
* </kendo-lineargauge-pointer>
|
|
19
|
-
* </kendo-lineargauge-pointers>
|
|
20
|
-
* </kendo-lineargauge>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class LinearPointerComponent extends CollectionItemComponent {
|
|
24
|
-
/**
|
|
25
|
-
* Configures the border settings of the pointer.
|
|
26
|
-
*/
|
|
27
|
-
border;
|
|
28
|
-
/**
|
|
29
|
-
* Specifies the color of the pointer.
|
|
30
|
-
*/
|
|
31
|
-
color;
|
|
32
|
-
/**
|
|
33
|
-
* Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
|
|
34
|
-
*/
|
|
35
|
-
margin;
|
|
36
|
-
/**
|
|
37
|
-
* Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
|
|
38
|
-
*/
|
|
39
|
-
opacity;
|
|
40
|
-
/**
|
|
41
|
-
* Defines the shape of the pointer.
|
|
42
|
-
*/
|
|
43
|
-
shape;
|
|
44
|
-
/**
|
|
45
|
-
* Sets the size of the pointer in pixels.
|
|
46
|
-
*/
|
|
47
|
-
size;
|
|
48
|
-
/**
|
|
49
|
-
* Specifies the value that the pointer displays on the scale.
|
|
50
|
-
*/
|
|
51
|
-
value;
|
|
52
|
-
constructor(configurationService, collectionChangesService) {
|
|
53
|
-
super(configurationService, collectionChangesService);
|
|
54
|
-
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearPointerComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinearPointerComponent, isStandalone: true, selector: "kendo-lineargauge-pointer", inputs: { border: "border", color: "color", margin: "margin", opacity: "opacity", shape: "shape", size: "size", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearPointerComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
providers: [ConfigurationService],
|
|
62
|
-
selector: 'kendo-lineargauge-pointer',
|
|
63
|
-
template: '',
|
|
64
|
-
standalone: true
|
|
65
|
-
}]
|
|
66
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }], propDecorators: { border: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], color: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], margin: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], opacity: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], shape: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], size: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], value: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}] } });
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ContentChildren, QueryList } from '@angular/core';
|
|
6
|
-
import { LinearPointerComponent } from './pointer.component';
|
|
7
|
-
import { CollectionComponent } from '../base-components';
|
|
8
|
-
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "../services";
|
|
11
|
-
/**
|
|
12
|
-
* Represents a collection of one or more LinearGauge pointers
|
|
13
|
-
* ([more information]({% slug multiplepointers_lineargauge %})).
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```ts
|
|
17
|
-
* import { Component } from '@angular/core';
|
|
18
|
-
*
|
|
19
|
-
* @Component({
|
|
20
|
-
* selector: 'my-app',
|
|
21
|
-
* template: `
|
|
22
|
-
* <kendo-lineargauge>
|
|
23
|
-
* <kendo-lineargauge-pointers>
|
|
24
|
-
* @for (pointer of pointers; track pointer) {
|
|
25
|
-
* <kendo-lineargauge-pointer
|
|
26
|
-
* [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
|
|
27
|
-
* </kendo-lineargauge-pointer>
|
|
28
|
-
* }
|
|
29
|
-
* </kendo-lineargauge-pointers>
|
|
30
|
-
* </kendo-lineargauge>
|
|
31
|
-
* `
|
|
32
|
-
* })
|
|
33
|
-
* export class AppComponent {
|
|
34
|
-
* public pointers: any[] = [{
|
|
35
|
-
* value: 10,
|
|
36
|
-
* color: '#ff4500'
|
|
37
|
-
* }, {
|
|
38
|
-
* value: 12,
|
|
39
|
-
* color: '#28b4c8'
|
|
40
|
-
* }, {
|
|
41
|
-
* value: 20,
|
|
42
|
-
* color: '#8b0000'
|
|
43
|
-
* }];
|
|
44
|
-
* }
|
|
45
|
-
* ```
|
|
46
|
-
*
|
|
47
|
-
* @remarks
|
|
48
|
-
* Supported children components are: {@link LinearPointerComponent}
|
|
49
|
-
*/
|
|
50
|
-
export class LinearPointersComponent extends CollectionComponent {
|
|
51
|
-
children;
|
|
52
|
-
constructor(configurationService, collectionChangesService) {
|
|
53
|
-
super('pointer', configurationService, collectionChangesService);
|
|
54
|
-
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearPointersComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinearPointersComponent, isStandalone: true, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearPointersComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
providers: [CollectionChangesService],
|
|
62
|
-
selector: 'kendo-lineargauge-pointers',
|
|
63
|
-
template: '',
|
|
64
|
-
standalone: true
|
|
65
|
-
}]
|
|
66
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }], propDecorators: { children: [{
|
|
67
|
-
type: ContentChildren,
|
|
68
|
-
args: [LinearPointerComponent]
|
|
69
|
-
}] } });
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component } from '@angular/core';
|
|
6
|
-
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
7
|
-
import { RangeComponent } from '../base-components';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "../services";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the configuration options for a scale range item of a LinearGauge.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-lineargauge>
|
|
16
|
-
* <kendo-lineargauge-scale>
|
|
17
|
-
* <kendo-lineargauge-scale-ranges>
|
|
18
|
-
* @for (range of ranges; track range) {
|
|
19
|
-
* <kendo-lineargauge-scale-range [from]="range.from" [to]="range.to" [color]="range.color">
|
|
20
|
-
* </kendo-lineargauge-scale-range>
|
|
21
|
-
* }
|
|
22
|
-
* </kendo-lineargauge-scale-ranges>
|
|
23
|
-
* </kendo-lineargauge-scale>
|
|
24
|
-
* </kendo-lineargauge>
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
export class LinearRangeComponent extends RangeComponent {
|
|
28
|
-
constructor(configurationService, collectionChangesService) {
|
|
29
|
-
super(configurationService, collectionChangesService);
|
|
30
|
-
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearRangeComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinearRangeComponent, isStandalone: true, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
33
|
-
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearRangeComponent, decorators: [{
|
|
35
|
-
type: Component,
|
|
36
|
-
args: [{
|
|
37
|
-
providers: [ConfigurationService],
|
|
38
|
-
selector: 'kendo-lineargauge-scale-range',
|
|
39
|
-
template: '',
|
|
40
|
-
standalone: true
|
|
41
|
-
}]
|
|
42
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }] });
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ContentChildren, QueryList } from '@angular/core';
|
|
6
|
-
import { CollectionComponent } from '../base-components';
|
|
7
|
-
import { LinearRangeComponent } from './range.component';
|
|
8
|
-
import { CollectionChangesService, ConfigurationService } from '../services';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "../services";
|
|
11
|
-
/**
|
|
12
|
-
* Represents a collection of one or more LinearGauge scale ranges
|
|
13
|
-
* ([more information and example]({% slug scaleranghes_lineargauge %})).
|
|
14
|
-
*
|
|
15
|
-
* You can use this component to define multiple ranges on your LinearGauge scale. Each range displays a colored segment
|
|
16
|
-
* that highlights specific value intervals on the LinearGauge.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```ts
|
|
20
|
-
* import { Component } from '@angular/core';
|
|
21
|
-
*
|
|
22
|
-
* @Component({
|
|
23
|
-
* selector: 'my-app',
|
|
24
|
-
* template: `
|
|
25
|
-
* <kendo-lineargauge>
|
|
26
|
-
* <kendo-lineargauge-scale>
|
|
27
|
-
* <kendo-lineargauge-scale-ranges>
|
|
28
|
-
* @for (range of ranges; track range) {
|
|
29
|
-
* <kendo-lineargauge-scale-range
|
|
30
|
-
* [from]="range.from" [to]="range.to" [color]="range.color">
|
|
31
|
-
* </kendo-lineargauge-scale-range>
|
|
32
|
-
* }
|
|
33
|
-
* </kendo-lineargauge-scale-ranges>
|
|
34
|
-
* </kendo-lineargauge-scale>
|
|
35
|
-
* </kendo-lineargauge>
|
|
36
|
-
* `
|
|
37
|
-
* })
|
|
38
|
-
* export class AppComponent {
|
|
39
|
-
* public ranges: any[] = [{
|
|
40
|
-
* from: 0,
|
|
41
|
-
* to: 15,
|
|
42
|
-
* color: '#ffd246'
|
|
43
|
-
* }, {
|
|
44
|
-
* from: 15,
|
|
45
|
-
* to: 30,
|
|
46
|
-
* color: '#28b4c8'
|
|
47
|
-
* }, {
|
|
48
|
-
* from: 30,
|
|
49
|
-
* to: 50,
|
|
50
|
-
* color: '#78d237'
|
|
51
|
-
* }];
|
|
52
|
-
* }
|
|
53
|
-
* ```
|
|
54
|
-
*
|
|
55
|
-
* @remarks
|
|
56
|
-
* Supported children components are: {@link LinearRangeComponent}
|
|
57
|
-
*/
|
|
58
|
-
export class LinearRangesComponent extends CollectionComponent {
|
|
59
|
-
children;
|
|
60
|
-
constructor(configurationService, collectionChangesService) {
|
|
61
|
-
super('scale.ranges', configurationService, collectionChangesService);
|
|
62
|
-
}
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearRangesComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinearRangesComponent, isStandalone: true, selector: "kendo-lineargauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
65
|
-
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearRangesComponent, decorators: [{
|
|
67
|
-
type: Component,
|
|
68
|
-
args: [{
|
|
69
|
-
providers: [CollectionChangesService],
|
|
70
|
-
selector: 'kendo-lineargauge-scale-ranges',
|
|
71
|
-
template: '',
|
|
72
|
-
standalone: true
|
|
73
|
-
}]
|
|
74
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }], propDecorators: { children: [{
|
|
75
|
-
type: ContentChildren,
|
|
76
|
-
args: [LinearRangeComponent]
|
|
77
|
-
}] } });
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Input, Component } from '@angular/core';
|
|
6
|
-
import { ScaleComponent } from '../base-components';
|
|
7
|
-
import { ConfigurationService } from '../services';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "../services";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the configuration options for the scale of the LinearGauge
|
|
12
|
-
* ([see example]({% slug scaleoptions_lineargauge %})).
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```html
|
|
16
|
-
* <kendo-lineargauge>
|
|
17
|
-
* <kendo-lineargauge-scale [mirror]="true" [vertical]="false">
|
|
18
|
-
* </kendo-lineargauge-scale>
|
|
19
|
-
* </kendo-lineargauge>
|
|
20
|
-
* ```
|
|
21
|
-
*
|
|
22
|
-
* @remarks
|
|
23
|
-
* Supported children components are: {@link LinearLabelsComponent}, {@link LinearRangesComponent}.
|
|
24
|
-
*/
|
|
25
|
-
export class LinearScaleComponent extends ScaleComponent {
|
|
26
|
-
configurationService;
|
|
27
|
-
/**
|
|
28
|
-
* Configures the appearance of the scale line.
|
|
29
|
-
*/
|
|
30
|
-
line;
|
|
31
|
-
/**
|
|
32
|
-
* Configures the ranges that are displayed on the scale.
|
|
33
|
-
*/
|
|
34
|
-
ranges;
|
|
35
|
-
/**
|
|
36
|
-
* 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.
|
|
37
|
-
*
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
mirror;
|
|
41
|
-
/**
|
|
42
|
-
* Sets the orientation of the scale. When you set this option to `false`, the scale displays horizontally.
|
|
43
|
-
*
|
|
44
|
-
* @default true
|
|
45
|
-
*/
|
|
46
|
-
vertical;
|
|
47
|
-
constructor(configurationService) {
|
|
48
|
-
super('scale', configurationService);
|
|
49
|
-
this.configurationService = configurationService;
|
|
50
|
-
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearScaleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinearScaleComponent, isStandalone: true, selector: "kendo-lineargauge-scale", inputs: { line: "line", ranges: "ranges", mirror: "mirror", vertical: "vertical" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
53
|
-
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinearScaleComponent, decorators: [{
|
|
55
|
-
type: Component,
|
|
56
|
-
args: [{
|
|
57
|
-
selector: 'kendo-lineargauge-scale',
|
|
58
|
-
template: '',
|
|
59
|
-
standalone: true
|
|
60
|
-
}]
|
|
61
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }], propDecorators: { line: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], ranges: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], mirror: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], vertical: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}] } });
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-gauges',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768386646,
|
|
14
|
-
version: '21.4.1-develop.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component } from '@angular/core';
|
|
6
|
-
import { GaugeAreaComponent } from '../base-components';
|
|
7
|
-
import { ConfigurationService } from '../services';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "../services";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the configuration options for the RadialGauge area.
|
|
12
|
-
* This component controls the entire visible area of the RadialGauge.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```ts
|
|
16
|
-
* import { Component } from '@angular/core';
|
|
17
|
-
*
|
|
18
|
-
* @Component({
|
|
19
|
-
* selector: 'my-app',
|
|
20
|
-
* template: `
|
|
21
|
-
* <kendo-radialgauge-area background="lightblue">
|
|
22
|
-
* </kendo-radialgauge-area>
|
|
23
|
-
* `
|
|
24
|
-
* })
|
|
25
|
-
* class AppComponent {
|
|
26
|
-
* }
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export class RadialGaugeAreaComponent extends GaugeAreaComponent {
|
|
30
|
-
configurationService;
|
|
31
|
-
constructor(configurationService) {
|
|
32
|
-
super('gaugeArea', configurationService);
|
|
33
|
-
this.configurationService = configurationService;
|
|
34
|
-
}
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadialGaugeAreaComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RadialGaugeAreaComponent, isStandalone: true, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadialGaugeAreaComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{
|
|
41
|
-
selector: 'kendo-radialgauge-area',
|
|
42
|
-
template: '',
|
|
43
|
-
standalone: true
|
|
44
|
-
}]
|
|
45
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }] });
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Input, Component } from '@angular/core';
|
|
6
|
-
import { LabelsComponent } from '../base-components';
|
|
7
|
-
import { ConfigurationService } from '../services';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "../services";
|
|
10
|
-
/**
|
|
11
|
-
* Configures the configuration options for the scale labels of the RadialGauge.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-radialgauge>
|
|
16
|
-
* <kendo-radialgauge-scale>
|
|
17
|
-
* <kendo-radialgauge-scale-labels [visible]="true" [format]="'N0'">
|
|
18
|
-
* </kendo-radialgauge-scale-labels>
|
|
19
|
-
* </kendo-radialgauge-scale>
|
|
20
|
-
* </kendo-radialgauge>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export class RadialLabelsComponent extends LabelsComponent {
|
|
24
|
-
configurationService;
|
|
25
|
-
/**
|
|
26
|
-
* Sepcifies rhe position of the labels relative to the scale.
|
|
27
|
-
*/
|
|
28
|
-
position;
|
|
29
|
-
constructor(configurationService) {
|
|
30
|
-
super('scale.labels', configurationService);
|
|
31
|
-
this.configurationService = configurationService;
|
|
32
|
-
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadialLabelsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RadialLabelsComponent, isStandalone: true, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
35
|
-
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadialLabelsComponent, decorators: [{
|
|
37
|
-
type: Component,
|
|
38
|
-
args: [{
|
|
39
|
-
selector: 'kendo-radialgauge-scale-labels',
|
|
40
|
-
template: '',
|
|
41
|
-
standalone: true
|
|
42
|
-
}]
|
|
43
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }], propDecorators: { position: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}] } });
|