UNPKG

igniteui-angular-gauges

Version:

Ignite UI Angular gauge components.

601 lines (596 loc) 29.5 kB
import { OnDestroy, EventEmitter, AfterViewInit, TemplateRef, Injector, ComponentFactoryResolver, AfterContentInit, Renderer2, QueryList, NgZone, ViewContainerRef } from '@angular/core'; import { IgPoint } from "igniteui-angular-core"; import { XamLinearGauge } from './XamLinearGauge'; import { LinearScaleOrientation } from './LinearScaleOrientation'; import { LinearGraphNeedleShape } from './LinearGraphNeedleShape'; import { IgxFormatLinearGraphLabelEventArgs } from './igx-format-linear-graph-label-event-args'; import { IgxAlignLinearGraphLabelEventArgs } from './igx-align-linear-graph-label-event-args'; import { IgxLinearGraphRangeComponent } from './igx-linear-graph-range-component'; import { IgxLinearGraphRangeCollection } from './igx-linear-graph-range-collection'; import { IgxDoubleValueChangedEventArgs } from "igniteui-angular-core"; import { HighlightedValueDisplayMode } from "igniteui-angular-core"; import * as i0 from "@angular/core"; /** * A linear gauge for displaying a single value on a defined scale. */ export declare class IgxLinearGaugeComponent implements AfterContentInit, AfterViewInit, OnDestroy { private _renderer; private _elRef; private _ngZone; private _componentFactoryResolver; private _injector; _dynamicContent: ViewContainerRef; private _height; private _width; set height(value: string); get height(): string; set width(value: string); get width(): string; private _container; contentRanges: QueryList<IgxLinearGraphRangeComponent>; /** * The ranges actually present in the chart. Do not directly modify this array. * This array's contents can be modified by causing Angular to reproject the child content. * Or adding and removing ranges from the manual ranges collection on the ranges property. */ actualRanges: IgxLinearGraphRangeComponent[]; private _ranges; private _rangesAdapter; /** * A collection or manually added axes for the chart. */ get ranges(): IgxLinearGraphRangeCollection; private _root; constructor(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector); ngOnDestroy(): void; private _wrapper; protected createImplementation(): XamLinearGauge; private _gauge; ngAfterContentInit(): void; ngAfterViewInit(): void; updateStyle(): void; private _tooltipTemplate; private _tooltipContent; set tooltipTemplate(value: TemplateRef<any>); get tooltipTemplate(): TemplateRef<any>; private _ensureTooltipCreated; private createWrapper; private _defaultTooltips; private _ensureDefaultTooltip; private _onDefaultTooltipsReady; private createTooltip; protected _zoneRunner: (act: () => void) => void; protected _runInZone(act: () => void): void; protected _implementation: any; /** * @hidden */ get i(): XamLinearGauge; /** * @hidden */ static _createFromInternal(internal: any): IgxLinearGaugeComponent; /** * Gets a value indicating whether the bullet graph is currently animating. */ get animating(): boolean; static ngAcceptInputType_animating: boolean | string; /** * Gets the transition progress of the animation when the control is animating. */ get transitionProgress(): number; set transitionProgress(v: number); static ngAcceptInputType_transitionProgress: number | string; /** * Gets or sets the orientation of the scale. */ get orientation(): LinearScaleOrientation; set orientation(v: LinearScaleOrientation); static ngAcceptInputType_orientation: LinearScaleOrientation | string; /** * Gets or sets a collection of brushes to be used as the palette for linear gauge ranges. */ get rangeBrushes(): string[]; set rangeBrushes(v: string[]); static ngAcceptInputType_rangeBrushes: string[] | string; /** * Gets or sets a collection of brushes to be used as the palette for linear gauge outlines. */ get rangeOutlines(): string[]; set rangeOutlines(v: string[]); static ngAcceptInputType_rangeOutlines: string[] | string; /** * Gets or sets the minimum value of the scale. */ get minimumValue(): number; set minimumValue(v: number); static ngAcceptInputType_minimumValue: number | string; /** * Gets the resolved minimum value of the scale. */ get actualMinimumValue(): number; set actualMinimumValue(v: number); static ngAcceptInputType_actualMinimumValue: number | string; /** * Gets or sets the maximum value of the scale. */ get maximumValue(): number; set maximumValue(v: number); static ngAcceptInputType_maximumValue: number | string; /** * Gets the resolved maximum value of the scale. */ get actualMaximumValue(): number; set actualMaximumValue(v: number); static ngAcceptInputType_actualMaximumValue: number | string; /** * Gets or sets the value at which the needle is positioned. */ get value(): number; set value(v: number); static ngAcceptInputType_value: number | string; /** * Gets or sets the shape to use when rendering the needle from a number of options. */ get needleShape(): LinearGraphNeedleShape; set needleShape(v: LinearGraphNeedleShape); static ngAcceptInputType_needleShape: LinearGraphNeedleShape | string; /** * Gets or sets the name used for needle. */ get needleName(): string; set needleName(v: string); /** * Gets or sets the position at which to start rendering the ranges, measured from the front/bottom of the control as a value from 0 to 1. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get rangeInnerExtent(): number; set rangeInnerExtent(v: number); static ngAcceptInputType_rangeInnerExtent: number | string; /** * Gets or sets the position at which to start rendering the scale, measured from the bottom/front (when orientation is horizontal/vertical) of the control as a value from 0 to 1. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get scaleInnerExtent(): number; set scaleInnerExtent(v: number); static ngAcceptInputType_scaleInnerExtent: number | string; /** * Gets or sets the position at which to stop rendering the range as a value from 0 to 1 measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get rangeOuterExtent(): number; set rangeOuterExtent(v: number); static ngAcceptInputType_rangeOuterExtent: number | string; /** * Gets or sets the position at which to stop rendering the scale as a value from 0 to 1 measured from the bottom/front (when orientation is horizontal/vertical) of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get scaleOuterExtent(): number; set scaleOuterExtent(v: number); static ngAcceptInputType_scaleOuterExtent: number | string; /** * Gets or sets the position at which to start rendering the needle geometry, measured from the front/bottom of the linear gauge as a value from 0 to 1. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get needleInnerExtent(): number; set needleInnerExtent(v: number); static ngAcceptInputType_needleInnerExtent: number | string; /** * Gets or sets the position at which to stop rendering the needle geometry as a value from 0 to 1 measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get needleOuterExtent(): number; set needleOuterExtent(v: number); static ngAcceptInputType_needleOuterExtent: number | string; /** * Gets or sets the width of the needle's inner base. */ get needleInnerBaseWidth(): number; set needleInnerBaseWidth(v: number); static ngAcceptInputType_needleInnerBaseWidth: number | string; /** * Gets or sets the width of the needle's outer base. */ get needleOuterBaseWidth(): number; set needleOuterBaseWidth(v: number); static ngAcceptInputType_needleOuterBaseWidth: number | string; /** * Gets or sets the width of the needle's inner point. */ get needleInnerPointWidth(): number; set needleInnerPointWidth(v: number); static ngAcceptInputType_needleInnerPointWidth: number | string; /** * Gets or sets the width of the needle's outer point. */ get needleOuterPointWidth(): number; set needleOuterPointWidth(v: number); static ngAcceptInputType_needleOuterPointWidth: number | string; /** * Gets or sets the extent of the needle's inner point. */ get needleInnerPointExtent(): number; set needleInnerPointExtent(v: number); static ngAcceptInputType_needleInnerPointExtent: number | string; /** * Gets or sets the extent of the needle's outer point. */ get needleOuterPointExtent(): number; set needleOuterPointExtent(v: number); static ngAcceptInputType_needleOuterPointExtent: number | string; /** * Gets or sets the interval to use for the scale. */ get interval(): number; set interval(v: number); static ngAcceptInputType_interval: number | string; /** * A value to start adding tickmarks, added to the scale's MinimumValue. */ get ticksPostInitial(): number; set ticksPostInitial(v: number); static ngAcceptInputType_ticksPostInitial: number | string; /** * A value to stop adding tickmarks, subtracted from the scale's MaximumValue. */ get ticksPreTerminal(): number; set ticksPreTerminal(v: number); static ngAcceptInputType_ticksPreTerminal: number | string; /** * Gets or sets the interval to use for rendering labels. This defaults to be the same interval as the tickmarks on the scale. */ get labelInterval(): number; set labelInterval(v: number); static ngAcceptInputType_labelInterval: number | string; /** * Gets or sets the position at which to put the labels as a value from 0 to 1, measured from the bottom of the scale. * Values further from zero than 1 can be used to hide the labels of the linear gauge. */ get labelExtent(): number; set labelExtent(v: number); static ngAcceptInputType_labelExtent: number | string; /** * A value to start adding labels, added to the scale's MinimumValue. */ get labelsPostInitial(): number; set labelsPostInitial(v: number); static ngAcceptInputType_labelsPostInitial: number | string; /** * A value to stop adding labels, subtracted from the scale's MaximumValue. */ get labelsPreTerminal(): number; set labelsPreTerminal(v: number); static ngAcceptInputType_labelsPreTerminal: number | string; /** * Gets or sets the number of minor tickmarks to place between major tickmarks. */ get minorTickCount(): number; set minorTickCount(v: number); static ngAcceptInputType_minorTickCount: number | string; /** * Gets or sets the position at which to start rendering the major tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get tickStartExtent(): number; set tickStartExtent(v: number); static ngAcceptInputType_tickStartExtent: number | string; /** * Gets or sets the position at which to stop rendering the major tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get tickEndExtent(): number; set tickEndExtent(v: number); static ngAcceptInputType_tickEndExtent: number | string; /** * Gets or sets the stroke thickness to use when rendering ticks. */ get tickStrokeThickness(): number; set tickStrokeThickness(v: number); static ngAcceptInputType_tickStrokeThickness: number | string; /** * Gets or sets the brush to use for the major tickmarks. */ get tickBrush(): string; set tickBrush(v: string); /** * Gets or sets the brush to use for the label font. */ get fontBrush(): string; set fontBrush(v: string); /** * Gets or sets the needle breadth. */ get needleBreadth(): number; set needleBreadth(v: number); static ngAcceptInputType_needleBreadth: number | string; /** * Gets or sets the brush to use for needle element. */ get needleBrush(): string; set needleBrush(v: string); /** * Gets or sets the brush to use for the outline of needle element. */ get needleOutline(): string; set needleOutline(v: string); /** * Gets or sets the stroke thickness to use when rendering single actual value element. */ get needleStrokeThickness(): number; set needleStrokeThickness(v: number); static ngAcceptInputType_needleStrokeThickness: number | string; /** * Gets or sets the position at which to start rendering the minor tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get minorTickStartExtent(): number; set minorTickStartExtent(v: number); static ngAcceptInputType_minorTickStartExtent: number | string; /** * Gets or sets the position at which to stop rendering the minor tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get minorTickEndExtent(): number; set minorTickEndExtent(v: number); static ngAcceptInputType_minorTickEndExtent: number | string; /** * Gets or sets the stroke thickness to use when rendering minor ticks. */ get minorTickStrokeThickness(): number; set minorTickStrokeThickness(v: number); static ngAcceptInputType_minorTickStrokeThickness: number | string; /** * Gets or sets the brush to use for the minor tickmarks. */ get minorTickBrush(): string; set minorTickBrush(v: string); /** * Gets or sets a value indicating whether the scale is inverted. * When the scale is inverted the direction in which the scale values increase is right to left. */ get isScaleInverted(): boolean; set isScaleInverted(v: boolean); static ngAcceptInputType_isScaleInverted: boolean | string; /** * Gets or sets the brush to use to fill the backing of the linear gauge. */ get backingBrush(): string; set backingBrush(v: string); /** * Gets or sets the brush to use for the outline of the backing. */ get backingOutline(): string; set backingOutline(v: string); /** * Gets or sets the stroke thickness of the backing outline. */ get backingStrokeThickness(): number; set backingStrokeThickness(v: number); static ngAcceptInputType_backingStrokeThickness: number | string; /** * Gets or sets the inner extent of the linear gauge backing. */ get backingInnerExtent(): number; set backingInnerExtent(v: number); static ngAcceptInputType_backingInnerExtent: number | string; /** * Gets or sets the outer extent of the linear gauge backing. */ get backingOuterExtent(): number; set backingOuterExtent(v: number); static ngAcceptInputType_backingOuterExtent: number | string; /** * Gets or sets the position at which to start rendering the scale, measured from the front/bottom of the linear gauge as a value from 0 to 1. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get scaleStartExtent(): number; set scaleStartExtent(v: number); static ngAcceptInputType_scaleStartExtent: number | string; /** * Gets or sets the position at which to stop rendering the scale as a value from 0 to 1, measured from the front/bottom of the linear gauge. * Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge. */ get scaleEndExtent(): number; set scaleEndExtent(v: number); static ngAcceptInputType_scaleEndExtent: number | string; /** * Gets or sets the brush to use to fill the scale of the linear gauge. */ get scaleBrush(): string; set scaleBrush(v: string); /** * Gets or sets the brush to use for the outline of the scale. */ get scaleOutline(): string; set scaleOutline(v: string); /** * Gets or sets the stroke thickness of the scale outline. */ get scaleStrokeThickness(): number; set scaleStrokeThickness(v: number); static ngAcceptInputType_scaleStrokeThickness: number | string; /** * Gets or sets whether the scale viewport will be merged with backing viewport. */ get mergeViewports(): boolean; set mergeViewports(v: boolean); static ngAcceptInputType_mergeViewports: boolean | string; /** * Gets or sets whether needle dragging is enabled or not. */ get isNeedleDraggingEnabled(): boolean; set isNeedleDraggingEnabled(v: boolean); static ngAcceptInputType_isNeedleDraggingEnabled: boolean | string; /** * Gets or sets whether highlight needle dragging is enabled or not. */ get isHighlightNeedleDraggingEnabled(): boolean; set isHighlightNeedleDraggingEnabled(v: boolean); static ngAcceptInputType_isHighlightNeedleDraggingEnabled: boolean | string; /** * Gets or sets the label composite format used when creating label values. */ get labelFormat(): string; set labelFormat(v: string); /** * Gets or sets the format specifiers to use with the LabelFormat string. */ get labelFormatSpecifiers(): any[]; set labelFormatSpecifiers(v: any[]); static ngAcceptInputType_labelFormatSpecifiers: any[] | string; /** * Gets or sets the number of milliseconds over which changes to the linear gauge should be animated. */ get transitionDuration(): number; set transitionDuration(v: number); static ngAcceptInputType_transitionDuration: number | string; /** * Gets or sets the highlight value at which to point the secondary needle of the gauge. */ get highlightValue(): number; set highlightValue(v: number); static ngAcceptInputType_highlightValue: number | string; /** * Gets the actual opacity of the primary needle while highlighting */ get actualHighlightValueOpacity(): number; set actualHighlightValueOpacity(v: number); static ngAcceptInputType_actualHighlightValueOpacity: number | string; /** * Gets or sets the opacity of the primary needle while highlighting */ get highlightValueOpacity(): number; set highlightValueOpacity(v: number); static ngAcceptInputType_highlightValueOpacity: number | string; /** * Gets whether and how to display the highlighted value. */ get actualHighlightValueDisplayMode(): HighlightedValueDisplayMode; set actualHighlightValueDisplayMode(v: HighlightedValueDisplayMode); static ngAcceptInputType_actualHighlightValueDisplayMode: HighlightedValueDisplayMode | string; /** * Gets or sets whether and how to display the highlighted value. */ get highlightValueDisplayMode(): HighlightedValueDisplayMode; set highlightValueDisplayMode(v: HighlightedValueDisplayMode); static ngAcceptInputType_highlightValueDisplayMode: HighlightedValueDisplayMode | string; /** * Gets or sets the time in milliseconds that tooltip appearance is delayed with. */ get showToolTipTimeout(): number; set showToolTipTimeout(v: number); static ngAcceptInputType_showToolTipTimeout: number | string; /** * Gets or sets a value indicating whether tooltips are enabled. */ get showToolTip(): boolean; set showToolTip(v: boolean); static ngAcceptInputType_showToolTip: boolean | string; /** * Gets or sets the font. */ get font(): string; set font(v: string); /** * Gets or sets the scaling value used to affect the pixel density of the control. * A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control * to appear blurry. */ get pixelScalingRatio(): number; set pixelScalingRatio(v: number); static ngAcceptInputType_pixelScalingRatio: number | string; /** * Gets the actual pixel scaling ratio used to affect the pixel density of the control. * A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control * to appear blurry. */ get actualPixelScalingRatio(): number; set actualPixelScalingRatio(v: number); static ngAcceptInputType_actualPixelScalingRatio: number | string; findByName(name: string): any; protected __p: string; protected _hasUserValues: Set<string>; protected get hasUserValues(): Set<string>; protected __m(propertyName: string): void; protected _stylingContainer: any; protected _stylingParent: any; protected _inStyling: boolean; protected _styling(container: any, component: any, parent?: any): void; /** * Gets the value for the main scale of the gauge for a given point within the bounds of the gauge. * @param point * The point for which to retrieve the associated value. */ getValueForPoint(point: IgPoint): number; needleContainsPoint(point: IgPoint, isFinger: boolean): boolean; highlightNeedleContainsPoint(point: IgPoint, isFinger: boolean): boolean; /** * Returns visuals as a serialized string. */ exportSerializedVisualData(): string; /** * Use to force the linear gauge to finish any deferred work before printing or evaluating its visual. * This should only be called if the visual of the linear gauge needs to be synchronously saved or evaluated. * Calling this method too often will hinder the performance of the linear gauge. */ flush(): void; /** * Called by the UI framework to provide a UI container for rendering this control. * @param container * The UI container element. */ provideContainer(container: any): void; containerResized(): void; styleUpdated(): void; private _formatLabel; /** * Event which is raised when a label of the the gauge is formatted. * Function takes first argument evt and second argument ui. * Use ui.owner to obtain reference to the gauge widget. * Use ui.actualMinimumValue to obtain the minimum value of the gauge scale. * Use ui.actualMaximumValue to obtain the maximum value of the gauge scale. * Use ui.value to obtain the value on the the gauge scale associated with the label. * Use ui.label to obtain the string value of the label. */ get formatLabel(): EventEmitter<{ sender: any; args: IgxFormatLinearGraphLabelEventArgs; }>; private _alignLabel; /** * Event which is raised when a label of the linear gauge is aligned along the scale. * Function takes first argument evt and second argument ui. * Use ui.owner to obtain reference to the gauge widget. * Use ui.actualMinimumValue to obtain the minimum value of the gauge scale. * Use ui.actualMaximumValue to obtain the maximum value of the gauge scale. * Use ui.value to obtain the value on the gauge scale associated with the label. * Use ui.label to obtain the string value of the label. * Use ui.width to obtain the width of the label. * Use ui.height to obtain the height of the label. * Use ui.offsetX to obtain the X offset of the label on the gauge scale. * Use ui.offsetY to obtain the Y offset of the label on the gauge scale. */ get alignLabel(): EventEmitter<{ sender: any; args: IgxAlignLinearGraphLabelEventArgs; }>; private _valueChanged; /** * Occurs when the Value property changes. */ get valueChanged(): EventEmitter<{ sender: any; args: IgxDoubleValueChangedEventArgs; }>; private _highlightValueChanged; /** * Occurs when the Hightlight Value property changes. */ get highlightValueChanged(): EventEmitter<{ sender: any; args: IgxDoubleValueChangedEventArgs; }>; private _actualMinimumValueChange; get actualMinimumValueChange(): EventEmitter<number>; private _actualMaximumValueChange; get actualMaximumValueChange(): EventEmitter<number>; static ɵfac: i0.ɵɵFactoryDeclaration<IgxLinearGaugeComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<IgxLinearGaugeComponent, "igx-linear-gauge", never, { "height": "height"; "width": "width"; "tooltipTemplate": "tooltipTemplate"; "transitionProgress": "transitionProgress"; "orientation": "orientation"; "rangeBrushes": "rangeBrushes"; "rangeOutlines": "rangeOutlines"; "minimumValue": "minimumValue"; "actualMinimumValue": "actualMinimumValue"; "maximumValue": "maximumValue"; "actualMaximumValue": "actualMaximumValue"; "value": "value"; "needleShape": "needleShape"; "needleName": "needleName"; "rangeInnerExtent": "rangeInnerExtent"; "scaleInnerExtent": "scaleInnerExtent"; "rangeOuterExtent": "rangeOuterExtent"; "scaleOuterExtent": "scaleOuterExtent"; "needleInnerExtent": "needleInnerExtent"; "needleOuterExtent": "needleOuterExtent"; "needleInnerBaseWidth": "needleInnerBaseWidth"; "needleOuterBaseWidth": "needleOuterBaseWidth"; "needleInnerPointWidth": "needleInnerPointWidth"; "needleOuterPointWidth": "needleOuterPointWidth"; "needleInnerPointExtent": "needleInnerPointExtent"; "needleOuterPointExtent": "needleOuterPointExtent"; "interval": "interval"; "ticksPostInitial": "ticksPostInitial"; "ticksPreTerminal": "ticksPreTerminal"; "labelInterval": "labelInterval"; "labelExtent": "labelExtent"; "labelsPostInitial": "labelsPostInitial"; "labelsPreTerminal": "labelsPreTerminal"; "minorTickCount": "minorTickCount"; "tickStartExtent": "tickStartExtent"; "tickEndExtent": "tickEndExtent"; "tickStrokeThickness": "tickStrokeThickness"; "tickBrush": "tickBrush"; "fontBrush": "fontBrush"; "needleBreadth": "needleBreadth"; "needleBrush": "needleBrush"; "needleOutline": "needleOutline"; "needleStrokeThickness": "needleStrokeThickness"; "minorTickStartExtent": "minorTickStartExtent"; "minorTickEndExtent": "minorTickEndExtent"; "minorTickStrokeThickness": "minorTickStrokeThickness"; "minorTickBrush": "minorTickBrush"; "isScaleInverted": "isScaleInverted"; "backingBrush": "backingBrush"; "backingOutline": "backingOutline"; "backingStrokeThickness": "backingStrokeThickness"; "backingInnerExtent": "backingInnerExtent"; "backingOuterExtent": "backingOuterExtent"; "scaleStartExtent": "scaleStartExtent"; "scaleEndExtent": "scaleEndExtent"; "scaleBrush": "scaleBrush"; "scaleOutline": "scaleOutline"; "scaleStrokeThickness": "scaleStrokeThickness"; "mergeViewports": "mergeViewports"; "isNeedleDraggingEnabled": "isNeedleDraggingEnabled"; "isHighlightNeedleDraggingEnabled": "isHighlightNeedleDraggingEnabled"; "labelFormat": "labelFormat"; "labelFormatSpecifiers": "labelFormatSpecifiers"; "transitionDuration": "transitionDuration"; "highlightValue": "highlightValue"; "actualHighlightValueOpacity": "actualHighlightValueOpacity"; "highlightValueOpacity": "highlightValueOpacity"; "actualHighlightValueDisplayMode": "actualHighlightValueDisplayMode"; "highlightValueDisplayMode": "highlightValueDisplayMode"; "showToolTipTimeout": "showToolTipTimeout"; "showToolTip": "showToolTip"; "font": "font"; "pixelScalingRatio": "pixelScalingRatio"; "actualPixelScalingRatio": "actualPixelScalingRatio"; }, { "formatLabel": "formatLabel"; "alignLabel": "alignLabel"; "valueChanged": "valueChanged"; "highlightValueChanged": "highlightValueChanged"; "actualMinimumValueChange": "actualMinimumValueChange"; "actualMaximumValueChange": "actualMaximumValueChange"; }, ["contentRanges"], never>; }