UNPKG

@progress/kendo-ui

Version:

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

81 lines (79 loc) 2.66 kB
//#region ../src/kendo.html.loadercontainer.js const __meta__ = { id: "html.loadercontainer", name: "Html.LoaderContainer", category: "web", description: "HTML rendering utility for Kendo UI for jQuery.", depends: ["html.base"], features: [] }; (function($, undefined) { var kendo = window.kendo, HTMLBase = kendo.html.HTMLBase; var renderLoaderContainer = function(element, options) { if (!element || $.isPlainObject(element)) { options = element; element = $("<div></div>"); } return new HTMLLoaderContainer(element, options).html(); }; var LOADER_CONTAINER = "k-loader-container k-loader-container-lg", LOADER_OVERLAY = "k-loader-container-overlay"; var HTMLLoaderContainer = HTMLBase.extend({ init: function(element, options) { var that = this; HTMLBase.fn.init.call(that, element, options); that.options = $.extend({}, that.options, options); that._wrapper(); that._overlay(); that._innerContainer(); }, options: { name: "HTMLLoaderContainer", themeColor: undefined, overlayColor: "dark", cssClass: "", message: "Loading...", loaderPosition: "start" }, _wrapper: function() { var that = this, wrapper, options = that.options; wrapper = $(`<div class="${LOADER_CONTAINER} k-loader-${options.loaderPosition}${options.cssClass ? ` ${options.cssClass}` : ""}"></div>`); that.wrapper = wrapper; }, _overlay: function() { var that = this, overlay, options = that.options, colorClass = "k-overlay-" + options.overlayColor; overlay = $(`<div class='${LOADER_OVERLAY} ${colorClass}'></div>`); that.wrapper.append(overlay); }, _innerContainer: function() { var that = this, message, innerContainer; innerContainer = $("<div class='k-loader-container-inner k-loader-container-panel'></div>"); that.loaderContainer = innerContainer; message = that._initMessage(); innerContainer.append(message); that.wrapper.append(innerContainer); }, _initMessage: function() { var that = this, options = that.options, message = that.options.message, messageContainer; messageContainer = $(`<div class='k-loader-container-label !k-text-${options.themeColor}'>${message}</div>`); return messageContainer; } }); $.extend(kendo.html, { renderLoaderContainer, HTMLLoaderContainer }); })(window.kendo.jQuery); var kendo_html_loadercontainer_default = kendo; //#endregion Object.defineProperty(exports, '__meta__', { enumerable: true, get: function () { return __meta__; } }); Object.defineProperty(exports, 'kendo_html_loadercontainer_default', { enumerable: true, get: function () { return kendo_html_loadercontainer_default; } });