/** @module deliteful/Toggle */
define([
"dcl/dcl",
"requirejs-dplugins/jquery!attributes/classes",
"delite/CssState"
], function (dcl, $, CssState) {
/**
* A base class for 2-state form widgets.
* @class module:deliteful/Toggle
* @abstract
* @augments module:delite/CssState
*/
return dcl(CssState, /** @lends module:deliteful/Toggle# */ {
/**
* Indicates whether this widget is checked.
* @member {boolean}
* @default false
*/
checked: false,
/**
* The widget value that is sent to forms.
* @member {string}
* @default "on"
*/
value: "on",
attachedCallback: function () {
this._initState = this.checked;
},
afterFormResetCallback: function () {
this.checked = this._initState;
},
postRender: function () {
// CssState does not handle focused property any more
this.on("focus", function () { $(this).addClass("d-focused"); }.bind(this), this.focusNode);
this.on("blur", function () { $(this).removeClass("d-focused"); }.bind(this), this.focusNode);
},
/**
* Toggles the state of this widget.
* @method
*/
toggle: function () {
if (!this.disabled) {
this.checked = !this.checked;
}
}
});
});