UNPKG

@progress/kendo-ui

Version:

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

3 lines (2 loc) 2.78 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("kendo.core.js")):"function"==typeof define&&define.amd?define(["exports","kendo.core.min"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).kendo=e.kendo||{},e.kendo._globals=e.kendo._globals||{},e.kendo._globals.Skeletoncontainer={}))}(this,(function(e){!function(e){var t=window.kendo,n=t.ui,o=n.Widget,i=o.extend({init:function(t,n){var i=this;o.fn.init.call(i,t,n),i.element=e(t).addClass("k-skeleton-container"),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,o,i,s=this.options.grid.items,a=0;a<s.length;a++)o=s[a],i=e("<div></div>"),n=o.shape.toLowerCase(),i.css({"grid-column":t.format("{0} / span {1}",o.colStart,o.colSpan),"grid-row":t.format("{0} / span {1}",o.rowStart,o.rowSpan)}).addClass("k-skeleton").addClass(t.format("k-skeleton-{0}","rectangle"===n?"rect":n)),i.appendTo(this.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 o=0;o<t.length;o++)this.element.find("[k-skeleton-"+t[o]+"]").removeAttr("k-skeleton-"+t[o]).addClass("k-skeleton-"+t[o])},_setWrapperStyles:function(){var e=this,n=e.options,o=n.grid,i=n.animation.toLowerCase();o&&e.element.css({"grid-template-columns":t.format("repeat({0}, 1fr)",o.columns),"grid-template-rows":t.format("repeat({0}, 1fr)",o.rows),"column-gap":(o.gap||{}).columns+"px","row-gap":(o.gap||{}).rows+"px"}).addClass("k-d-grid"),e.element.css({width:"string"==typeof n.width?n.width:n.width+"px",height:"string"==typeof n.height?n.height:n.height+"px"}),"none"!==i&&e.element.addClass("wave"==i?"k-skeleton-wave":"k-skeleton-pulse")}});n.plugin(i)}(window.kendo.jQuery);var t=kendo;e.__meta__={id:"skeletoncontainer",name:"SkeletonContainer",category:"web",depends:["core"]},e.default=t,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=kendo.skeletoncontainer.min.js.map