@progress/kendo-ui/js/kendo.appbar-BcF2bzv_.js

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

//#region ../src/kendo.appbar.js
const __meta__ = {
	id: "appbar",
	name: "AppBar",
	category: "web",
	depends: ["core"]
};
var spacerTemplate = () => "<span class='k-appbar-spacer'></span>";
(function($) {
	var kendo = window.kendo, ui = kendo.ui, Widget = ui.Widget, RESIZE = "resize";
	var AppBar = Widget.extend({
		init: function(element, options) {
			var that = this;
			Widget.fn.init.call(that, element, options);
			that.element = $(element).addClass("k-appbar").attr("role", "toolbar");
			if (that.options.position && that.options.position != "none") {
				that.element.addClass("k-appbar-" + that.options.position);
			}
			if (that.options.positionMode) {
				that.element.addClass("k-appbar-" + that.options.positionMode);
			}
			if (that.options.themeColor) {
				that.element.addClass("k-appbar-" + that.options.themeColor);
			}
			that._initItems();
			that._attachEvents();
		},
		events: [RESIZE],
		options: {
			name: "AppBar",
			positionMode: "static",
			position: "none",
			themeColor: "base",
			items: []
		},
		destroy: function() {
			if (this.resizeHandler) {
				kendo.unbindResize(this.resizeHandler);
				this.resizeHandler = null;
			}
			Widget.fn.destroy.call(this);
		},
		setOptions: function(options) {
			var that = this;
			if (that.options.position && that.options.position != "none") {
				that.element.removeClass("k-appbar-" + that.options.position);
			}
			if (that.options.positionMode) {
				that.element.removeClass("k-appbar-" + that.options.positionMode);
			}
			if (that.options.themeColor) {
				that.element.removeClass("k-appbar-" + that.options.themeColor);
			}
			kendo.deepExtend(that.options, options);
			this.destroy();
			this.element.empty();
			this.init(this.element, this.options);
		},
		_initItems: function() {
			var that = this;
			var options = that.options;
			var items = options.items;
			var item;
			var html = "";
			var separator;
			for (var i = 0; i < items.length; i++) {
				item = items[i];
				if (item.type == "spacer") {
					separator = $(kendo.template(spacerTemplate)({})).addClass(item.className);
					if (item.width) {
						separator.addClass("k-appbar-spacer-sized");
						separator.css("width", typeof item.width === "string" ? item.width : item.width + "px");
					}
					html += separator[0].outerHTML;
				} else {
					if (!item.template) {
						throw new Error("Having a template for the contentItem is mandatory");
					}
					if (item.className) {
						html += "<div class='k-appbar-section " + item.className + "'>";
					} else {
						html += "<div class='k-appbar-section'>";
					}
					html += kendo.template(item.template)({});
					html += "</div>";
				}
			}
			that.element.html(html);
		},
		_resize: function() {
			this.trigger(RESIZE);
		},
		_attachEvents: function() {
			var that = this;
			that.resizeHandler = that._resize.bind(that);
			kendo.onResize(that.resizeHandler);
		}
	});
	ui.plugin(AppBar);
	kendo.cssProperties.registerPrefix("AppBar", "k-appbar-");
	kendo.cssProperties.registerValues("AppBar", [{
		prop: "themeColor",
		values: [
			"base",
			"primary",
			"secondary",
			"tertiary",
			"inverse"
		]
	}]);
})(window.kendo.jQuery);
var kendo_appbar_default = kendo;

//#endregion
Object.defineProperty(exports, '__meta__', {
  enumerable: true,
  get: function () {
    return __meta__;
  }
});
Object.defineProperty(exports, 'kendo_appbar_default', {
  enumerable: true,
  get: function () {
    return kendo_appbar_default;
  }
});