/*!
*
* Wijmo Library 5.20251.40
* https://developer.mescius.com/wijmo
*
* Copyright(c) MESCIUS inc. All rights reserved.
*
* Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
* us.sales@mescius.com
* https://developer.mescius.com/wijmo/licensing
*
*/
/**
* {@module wijmo.angular.gauge}
* AngularJS directives for wijmo.gauge module
*/
/**
*
*/
export declare var ___keepComment: any;
import { WjDirective } from 'wijmo/wijmo.angular.base';
import * as wjcGauge from 'wijmo/wijmo.gauge';
/**
* Angular module name, which can be used in the angular.module(moduleName)
* function to obtain a reference to the module .
*/
export declare const ngModuleName = "wj.gauge";
export declare class WjGauge extends WjDirective {
constructor();
readonly _controlConstructor: typeof wjcGauge.Gauge;
}
/**
* AngularJS directive for the {@link LinearGauge} control.
*
* Use the wj-linear-gauge directive to add linear gauges to your AngularJS applications.
* Note that directive and parameter names must be formatted in lower-case with dashes
* instead of camel-case. For example:
*
* <wj-linear-gauge
* value="ctx.gauge.value"
* show-text="Value"
* is-read-only="false">
* <wj-range
* wj-property="pointer"
* thickness="0.2">
* <wj-range
* min="0"
* max="33"
* color="green">
* </wj-range>
* <wj-range
* min="33"
* max="66"
* color="yellow">
* </wj-range>
* <wj-range
* min="66"
* max="100"
* color="red">
* </wj-range>
* </wj-range>
* </wj-linear-gauge>
*
* The wj-linear-gauge directive supports the following attributes:
*
*
* - ng-model
@ Binds the control's value property using the ng-model Angular
* directive. Binding the property using the ng-model directive provides standard benefits
* like validation, adding the control's state to the form instance, and so on. To redefine
* properties on a control that is bound by the ng-model directive, use the wj-model-property
* attribute.- wj-model-property
@ Specifies a control property that is bound to a scope using the
* ng-model directive.- control
= A reference to the {@link LinearGauge}
* control created by this directive.- direction
@ The {@link GaugeDirection} value in
* which the gauge fills as the value grows.- format
@ The format string used for displaying
* the gauge values as text.- has-shadow
@ A value indicating whether the gauge
* displays a shadow effect.- initialized
& This event occurs after the binding has finished
* initializing the control with attribute values.- is-initialized
= A value indicating whether the binding has finished
* initializing the control with attribute values. - is-animated
@ A value indicating whether the gauge
* animates value changes.- is-read-only
@ A value indicating whether users are
* prevented from editing the value.- min
@ The minimum value that the gauge
* can display.- max
@ The maximum value that the gauge
* can display.- show-text
@ The {@link ShowText} value indicating
* which values display as text within the gauge.- step
@ The amount to add or subtract to the value
* property when the user presses the arrow keys.- thickness
@ The thickness of the gauge, on a scale
* of zero to one.- value
= The value displayed on the gauge.- got-focus
& The {@link LinearGauge.gotFocus} event handler.- lost-focus
& The {@link LinearGauge.lostFocus} event handler.
*
* The wj-linear-gauge directive may contain one or more {@link wijmo.angular.gauge.WjRange} directives.
*
* Example
*/
export declare class WjLinearGauge extends WjGauge {
constructor();
readonly _controlConstructor: typeof wjcGauge.LinearGauge;
}
/**
* AngularJS directive for the {@link BulletGraph} control.
*
* Use the wj-bullet-graph directive to add bullet graphs to your AngularJS applications.
* Note that directive and parameter names must be formatted as lower-case with dashes
* instead of camel-case. For example:
*
* <wj-bullet-graph
* value="ctx.gauge.value"
* min="0" max="10"
* target="{{item.target}}"
* bad="{{item.target * .75}}"
* good="{{item.target * 1.25}}">
* </wj-bullet-graph>
*
* The wj-bullet-graph directive supports the following attributes:
*
*
* - control
= A reference to the BulletGraph control
* created by this directive.- direction
@ The {@link GaugeDirection} value
* indicating which direction the gauge fills as the value grows.- initialized
& This event occurs after the binding has finished
* initializing the control with attribute values.- is-initialized
= A value indicating whether the binding has finished
* initializing the control with attribute values. - target
@ The target value for the measure.- good
@ A reference value considered good for the
* measure.- bad
@ A reference value considered bad for the
* measure.- value
= The actual value of the measure.
*
* The wj-bullet-graph directive may contain one or more {@link wijmo.angular.gauge.WjRange} directives.
*
* Example
*/
export declare class WjBulletGraph extends WjLinearGauge {
constructor();
readonly _controlConstructor: typeof wjcGauge.BulletGraph;
}
/**
* AngularJS directive for the {@link RadialGauge} control.
*
* Use the wj-radial-gauge directive to add radial gauges to your AngularJS applications.
* Note that directive and parameter names must be formatted as lower-case with dashes
* instead of camel-case. For example:
*
* Here is a <b>RadialGauge</b> control:</p>
* <wj-radial-gauge
* style="height:300px"
* value="count"
* min="0" max="10"
* is-read-only="false">
* </wj-radial-gauge>
*
* The wj-radial-gauge directive supports the following attributes:
*
*
* - ng-model
@ Binds the control's value property using the ng-model Angular
* directive. Binding the property using the ng-model directive provides standard benefits
* like validation, adding the control's state to the form instance, and so on. To redefine
* properties on a control that is bound by the ng-model directive, use the wj-model-property
* attribute.- wj-model-property
@ Specifies a control property that is bound to a scope using the
* ng-model directive.- control
= A reference to the RadialGauge
* control created by this directive.- auto-scale
@ A value indicating whether the gauge
* scales the display to fill the host element.- format
@ The format string used for displaying
* gauge values as text.- has-shadow
@ A value indicating whether the gauge
* displays a shadow effect.- initialized
& This event occurs after the binding has finished
* initializing the control with attribute values.- is-initialized
= A value indicating whether the binding has finished
* initializing the control with attribute values. - is-animated
@ A value indicating whether the gauge
* animates value changes.- is-read-only
@ A value indicating whether users are
* prevented from editing the value.- min
@ The minimum value that the gauge
* can display.- max
@ The maximum value that the gauge
* can display.- show-text
@ A {@link ShowText} value indicating
* which values display as text within the gauge.- step
@ The amount to add or subtract to the
* value property when the user presses the arrow keys.- start-angle
@ The starting angle for the gauge, in
* degreees, measured clockwise from the 9 o'clock position.- sweep-angle
@ The sweeping angle for the gauge in degrees
* (may be positive or negative).- thickness
@ The thickness of the gauge, on a scale
* of zero to one.- value
= The value displayed on the gauge.- got-focus
& The {@link RadialGauge.gotFocus} event handler.- lost-focus
& The {@link RadialGauge.lostFocus} event handler.
*
* The wj-radial-gauge directive may contain one or more {@link wijmo.angular.gauge.WjRange} directives.
*
* Example
*/
export declare class WjRadialGauge extends WjGauge {
constructor();
readonly _controlConstructor: typeof wjcGauge.RadialGauge;
}
/**
* AngularJS directive for the {@link Range} object.
*
* The wj-range directive must be contained in a {@link wijmo.angular.gauge.WjLinearGauge}, {@link wijmo.angular.gauge.WjRadialGauge}
* or {@link wijmo.angular.gauge.WjBulletGraph} directive. It adds the Range object to the 'ranges' array property
* of the parent directive. You may also initialize other Range type properties of the parent
* directive by specifying the property name with the wj-property attribute.
*
* For example:
* <wj-radial-gauge
* min="0"
* max="200"
* step="20"
* value="theValue"
* is-read-only="false">
* <wj-range
* min="0"
* max="100"
* color="red">
* </wj-range>
* <wj-range
* min="100"
* max="200"
* color="green">
* </wj-range>
* <wj-range
* wj-property="pointer"
* color="blue">
* </wj-range>
* </wj-radial-gauge>
*
* The wj-range directive supports the following attributes:
*
*
* - min
@ The minimum value in the range.- max
@ The maximum value in the range.- color
@ The color used to display the range.- thickness
@ The thickness of the range, on a scale
* of zero to one.- name
@ The name of the range.- wj-property
@ The name of the property to initialize
* with this directive.
*/
export declare class WjRange extends WjDirective {
constructor();
readonly _controlConstructor: any;
_initControl(element: any): any;
}