/**
* Kendo UI v2016.1.112 (http://www.telerik.com/kendo-ui)
* Copyright 2016 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
(function (f, define) {
define('kendo.mobile.button', ['kendo.userevents'], f);
}(function () {
var __meta__ = {
id: 'mobile.button',
name: 'Button',
category: 'mobile',
description: 'The Button widget navigates between mobile Application views when pressed.',
depends: ['userevents']
};
(function ($, undefined) {
var kendo = window.kendo, mobile = kendo.mobile, ui = mobile.ui, Widget = ui.Widget, support = kendo.support, os = support.mobileOS, ANDROID3UP = os.android && os.flatVersion >= 300, CLICK = 'click', DISABLED = 'disabled', DISABLEDSTATE = 'km-state-disabled';
function highlightButton(widget, event, highlight) {
$(event.target).closest('.km-button,.km-detail').toggleClass('km-state-active', highlight);
if (ANDROID3UP && widget.deactivateTimeoutID) {
clearTimeout(widget.deactivateTimeoutID);
widget.deactivateTimeoutID = 0;
}
}
function createBadge(value) {
return $('' + value + '');
}
var Button = Widget.extend({
init: function (element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
var useTap = that.options.clickOn === 'up';
that._wrap();
that._style();
if (!useTap) {
that.element.attr('data-navigate-on-press', true);
}
that.options.enable = that.options.enable && !that.element.attr(DISABLED);
that.enable(that.options.enable);
that._userEvents = new kendo.UserEvents(that.element, {
allowSelection: !useTap,
fastTap: true,
press: function (e) {
that._activate(e);
},
release: function (e) {
highlightButton(that, e, false);
if (!useTap) {
e.event.stopPropagation();
}
}
});
that._userEvents.bind(useTap ? 'tap' : 'press', function (e) {
that._release(e);
});
if (ANDROID3UP) {
that.element.on('move', function (e) {
that._timeoutDeactivate(e);
});
}
},
destroy: function () {
Widget.fn.destroy.call(this);
this._userEvents.destroy();
},
events: [CLICK],
options: {
name: 'Button',
icon: '',
style: '',
badge: '',
clickOn: 'up',
enable: true
},
badge: function (value) {
var badge = this.badgeElement = this.badgeElement || createBadge(value).appendTo(this.element);
if (value || value === 0) {
badge.html(value);
return this;
}
if (value === false) {
badge.empty().remove();
this.badgeElement = false;
return this;
}
return badge.html();
},
enable: function (enable) {
var element = this.element;
if (typeof enable == 'undefined') {
enable = true;
}
this.options.enable = enable;
if (enable) {
element.removeAttr(DISABLED);
} else {
element.attr(DISABLED, DISABLED);
}
element.toggleClass(DISABLEDSTATE, !enable);
},
_timeoutDeactivate: function (e) {
if (!this.deactivateTimeoutID) {
this.deactivateTimeoutID = setTimeout(highlightButton, 500, this, e, false);
}
},
_activate: function (e) {
var activeElement = document.activeElement, nodeName = activeElement ? activeElement.nodeName : '';
if (this.options.enable) {
highlightButton(this, e, true);
if (nodeName == 'INPUT' || nodeName == 'TEXTAREA') {
activeElement.blur();
}
}
},
_release: function (e) {
var that = this;
if (e.which > 1) {
return;
}
if (!that.options.enable) {
e.preventDefault();
return;
}
if (that.trigger(CLICK, {
target: $(e.target),
button: that.element
})) {
e.preventDefault();
}
},
_style: function () {
var style = this.options.style, element = this.element, styles;
if (style) {
styles = style.split(' ');
$.each(styles, function () {
element.addClass('km-' + this);
});
}
},
_wrap: function () {
var that = this, icon = that.options.icon, badge = that.options.badge, iconSpan = '').children('span.km-text');
}
if (!image[0] && icon) {
if (!span[0]) {
iconSpan += ' km-notext';
}
that.iconElement = element.prepend($(iconSpan + '" />'));
}
if (badge || badge === 0) {
that.badgeElement = createBadge(badge).appendTo(element);
}
}
});
var BackButton = Button.extend({
options: {
name: 'BackButton',
style: 'back'
},
init: function (element, options) {
var that = this;
Button.fn.init.call(that, element, options);
if (typeof that.element.attr('href') === 'undefined') {
that.element.attr('href', '#:back');
}
}
});
var DetailButton = Button.extend({
options: {
name: 'DetailButton',
style: ''
},
init: function (element, options) {
Button.fn.init.call(this, element, options);
},
_style: function () {
var style = this.options.style + ' detail', element = this.element;
if (style) {
var styles = style.split(' ');
$.each(styles, function () {
element.addClass('km-' + this);
});
}
},
_wrap: function () {
var that = this, icon = that.options.icon, iconSpan = ''));
}
}
});
ui.plugin(Button);
ui.plugin(BackButton);
ui.plugin(DetailButton);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));