@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
3 lines • 2.87 kB
JavaScript
/* @license */
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`kendo.core.min.js`)):typeof define==`function`&&define.amd?define([`exports`,`kendo.core.min`],t):(e=typeof globalThis<`u`?globalThis:e||self,t((e.kendo=e.kendo||{},e.kendo._globals=e.kendo._globals||{},e.kendo._globals.Skeletoncontainer={}),e.kendo._globals.Core))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let n={id:`skeletoncontainer`,name:`SkeletonContainer`,category:`web`,depends:[`core`]};(function(e){var t=window.kendo,n=t.ui,r=n.Widget,i=`k-skeleton-wave`,a=`k-skeleton-pulse`,o=`k-skeleton-container`,s=r.extend({init:function(t,n){var i=this;r.fn.init.call(i,t,n),i.element=e(t).addClass(o),i._setWrapperStyles(),i._initItems(),i._initTemplate(),i._aria()},options:{name:`SkeletonContainer`,animation:`pulse`,grid:null,template:null,height:``,width:``},setOptions:function(e){t.deepExtend(this.options,e),this.element.empty(),this.init(this.element,this.options)},getOptions:function(){return e.extend(!0,{},this.options)},_aria:function(){this.element.attr({role:`alert`,"aria-live":`polite`,"aria-label":t.ui.progress.messages.loading})},_initItems:function(){if(this.options.grid)for(var n=this,r=n.options.grid.items,i,a,o,s=0;s<r.length;s++)a=r[s],o=e(`<div></div>`),i=a.shape.toLowerCase(),o.css({"grid-column":t.format(`{0} / span {1}`,a.colStart,a.colSpan),"grid-row":t.format(`{0} / span {1}`,a.rowStart,a.rowSpan)}).addClass(`k-skeleton`).addClass(t.format(`k-skeleton-{0}`,i===`rectangle`?`rect`:i)),o.appendTo(n.element)},_initTemplate:function(){if(!(!this.options.template||this.options.grid)){var e=t.template(this.options.template)({});e=e.replace(/data-animation/gi,`k-skeleton`).replace(/data-shape/gi,`k-skeleton`).replace(/k-skeleton-rectangle/gi,`k-skeleton-rect`),this.element.append(e),this._addClasses()}},_addClasses:function(){for(var e=[`circle`,`rect`,`text`],t=[`wave`,`pulse`],n=0;n<e.length;n++)this.element.find(`[k-skeleton-`+e[n]+`]`).removeAttr(`k-skeleton-`+e[n]).addClass(`k-skeleton k-skeleton-`+e[n]);for(var r=0;r<t.length;r++)this.element.find(`[k-skeleton-`+t[r]+`]`).removeAttr(`k-skeleton-`+t[r]).addClass(`k-skeleton-`+t[r])},_setWrapperStyles:function(){var e=this,n=e.options,r=n.grid,o=n.animation.toLowerCase();r&&e.element.css({"grid-template-columns":t.format(`repeat({0}, 1fr)`,r.columns),"grid-template-rows":t.format(`repeat({0}, 1fr)`,r.rows),"column-gap":(r.gap||{}).columns+`px`,"row-gap":(r.gap||{}).rows+`px`}).addClass(`k-d-grid`),e.element.css({width:typeof n.width==`string`?n.width:n.width+`px`,height:typeof n.height==`string`?n.height:n.height+`px`}),o!==`none`&&e.element.addClass(o==`wave`?i:a)}});n.plugin(s)})(window.kendo.jQuery);var r=kendo;e.__meta__=n,e.default=r});
//# sourceMappingURL=kendo.skeletoncontainer.min.js.map