/** * @class Ext.field.Spinner * @extend Ext.field.Number * @xtype spinnerfield * * Wraps an HTML5 number field. Example usage: *```HTML *@example({tab: 1}) *<ext-container layout="center"> * <ext-formpanel shadow="true"> * <ext-spinnerfield * label="Spinner" * width="150" * minValue="1" * maxValue="10" * stepValue="1" * > * </ext-spinnerfield> * </ext-formpanel> *</ext-container> *``` *```javascript *@example({tab: 2, packages: ['ext-web-components']}) *import '@sencha/ext-web-components/dist/ext-container.component'; *import '@sencha/ext-web-components/dist/ext-formpanel.component'; *import '@sencha/ext-web-components/dist/ext-spinnerfield.component'; * *export default class SpinnerFieldComponent {} *``` */ /** * @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 */