/**
 * @class Ext.field.Spinner
 * @extend Ext.field.Number
 * @xtype spinnerfield
 *
 * Wraps an HTML5 number field. Example usage:
 *
*            @example packages=[extangular]
*            import { Component } from '@angular/core'
*            declare var Ext: any;
*
*            @Component({
*                selector: 'app-root-1',
*                styles: [`
*                        `],
*                template: `
*                        <container #item layout="center">
*                            <formpanel #item shadow="true" >
*                                <spinnerfield #item
*                                    label="Spinner"
*                                    width="150"
*                                    minValue="0"
*                                    maxValue="10"
*                                    stepValue="1"
*                                ></spinnerfield>
*                            </formpanel>
*                        </container>
*                        `
*            })
*            export class AppComponent {
*            }
 *
 */
 
/**
 * @event spin
 * Fires when the value is changed via either spinner buttons.
 * @param {Ext.field.Spinner} this
 * @param {Number} value
 * @param {String} direction 'up' or 'down'.
 */
 
/**
 * @event spindown
 * Fires when the value is changed via the spinner down button.
 * @param {Ext.field.Spinner} this
 * @param {Number} value
 */
 
/**
 * @event spinup
 * Fires when the value is changed via the spinner up button.
 * @param {Ext.field.Spinner} this
 * @param {Number} value
 */
 
/**
 * @event updatedata
 * @hide
 */
 
/**
 * @event action
 * @hide
 */
 
/**
 * @cfg {Number} [minValue=-infinity]
 * The minimum allowed value.
 * @accessor
 */
 
/**
 * @cfg {Number} [maxValue=infinity]
 * The maximum allowed value.
 * @accessor
 */
 
/**
 * @cfg {Number} [stepValue=0.1]
 * Value that is added or subtracted from the current value when a spinner is used.
 * @accessor
 */
 
/**
 * @cfg {Boolean} [accelerateOnTapHold=true]
 * True if autorepeating should start slowly and accelerate.
 * @accessor
 */
 
/**
 * @cfg {Boolean} [cycle=false]
 * When set to `true`, it will loop the values of a minimum or maximum is reached.
 * If the maximum value is reached, the value will be set to the minimum.
 * @accessor
 */
 
/**
 * @cfg {Boolean} [clearIcon=false]
 * @hide
 * @accessor
 */
 
/**
 * @cfg {Number} [defaultValue=0]
 * The default value for this field when no value has been set.
 * It is also used when the value is set to `NaN`.
 * @accessor
 */