@progress/kendo-angular-gauges
Version:
Kendo UI Angular Gauges
55 lines (54 loc) • 2.52 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { CollectionChangesService, ConfigurationService } from '../services';
import { CollectionItemComponent } from '../base-components';
import { LinearPointer, LinearPointerShape, Border, Margin } from '../types';
import * as i0 from "@angular/core";
/**
* Represents the configuration options for a pointer item of a LinearGauge.
*
* @example
* ```html
* <kendo-lineargauge>
* <kendo-lineargauge-pointers>
* <kendo-lineargauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
* </kendo-lineargauge-pointer>
* </kendo-lineargauge-pointers>
* </kendo-lineargauge>
* ```
*/
export declare class LinearPointerComponent extends CollectionItemComponent implements LinearPointer {
/**
* Configures the border settings of the pointer.
*/
border?: Border;
/**
* Specifies the color of the pointer.
*/
color?: string;
/**
* Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
*/
margin?: number | Margin;
/**
* Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
*/
opacity?: number;
/**
* Defines the shape of the pointer.
*/
shape?: LinearPointerShape;
/**
* Sets the size of the pointer in pixels.
*/
size?: number;
/**
* Specifies the value that the pointer displays on the scale.
*/
value?: number;
constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
static ɵfac: i0.ɵɵFactoryDeclaration<LinearPointerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<LinearPointerComponent, "kendo-lineargauge-pointer", never, { "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
}