/** * 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.navbar', ['kendo.core'], f); }(function () { var __meta__ = { id: 'mobile.navbar', name: 'NavBar', category: 'mobile', description: 'The Kendo mobile NavBar widget is used inside a mobile View or Layout Header element to display an application navigation bar.', depends: ['core'] }; (function ($, undefined) { var kendo = window.kendo, mobile = kendo.mobile, ui = mobile.ui, Widget = ui.Widget; function createContainer(align, element) { var items = element.find('[' + kendo.attr('align') + '=' + align + ']'); if (items[0]) { return $('
').append(items).prependTo(element); } } function toggleTitle(centerElement) { var siblings = centerElement.siblings(), noTitle = !!centerElement.children('ul')[0], showTitle = !!siblings[0] && $.trim(centerElement.text()) === '', android = !!(kendo.mobile.application && kendo.mobile.application.element.is('.km-android')); centerElement.prevAll().toggleClass('km-absolute', noTitle); centerElement.toggleClass('km-show-title', showTitle); centerElement.toggleClass('km-fill-title', showTitle && !$.trim(centerElement.html())); centerElement.toggleClass('km-no-title', noTitle); centerElement.toggleClass('km-hide-title', android && !siblings.children().is(':visible')); } var NavBar = Widget.extend({ init: function (element, options) { var that = this; Widget.fn.init.call(that, element, options); element = that.element; that.container().bind('show', $.proxy(this, 'refresh')); element.addClass('km-navbar').wrapInner($('
')); that.leftElement = createContainer('left', element); that.rightElement = createContainer('right', element); that.centerElement = element.find('.km-view-title'); }, options: { name: 'NavBar' }, title: function (value) { this.element.find(kendo.roleSelector('view-title')).text(value); toggleTitle(this.centerElement); }, refresh: function (e) { var view = e.view; this.title(view.options.title); }, destroy: function () { Widget.fn.destroy.call(this); kendo.destroy(this.element); } }); ui.plugin(NavBar); }(window.kendo.jQuery)); return window.kendo; }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); }));