uikit
Version:
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.
3 lines (2 loc) • 20.9 kB
JavaScript
/*! UIkit 3.6.19 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("uikit-util")):"function"==typeof define&&define.amd?define("uikitlightbox_panel",["uikit-util"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).UIkitLightbox_panel=e(t.UIkit.util)}(this,function(m){"use strict";var t={slide:{show:function(t){return[{transform:i(-100*t)},{transform:i()}]},percent:function(t){return t=t,Math.abs(m.css(t,"transform").split(",")[4]/t.offsetWidth)||0},translate:function(t,e){return[{transform:i(-100*e*t)},{transform:i(100*e*(1-t))}]}}};function i(t,e){return void 0===t&&(t=0),void 0===e&&(e="%"),t+=t?e:"",m.isIE?"translateX("+t+")":"translate3d("+t+", 0, 0)"}function e(t){return"scale3d("+t+", "+t+", 1)"}var n=m.assign({},t,{fade:{show:function(){return[{opacity:0},{opacity:1}]},percent:function(t){return 1-m.css(t,"opacity")},translate:function(t){return[{opacity:1-t},{opacity:t}]}},scale:{show:function(){return[{opacity:0,transform:e(.8)},{opacity:1,transform:e(1)}]},percent:function(t){return 1-m.css(t,"opacity")},translate:function(t){return[{opacity:1-t,transform:e(1-.2*t)},{opacity:t,transform:e(.8+.2*t)}]}}}),s={props:{container:Boolean},data:{container:!0},computed:{container:function(t){t=t.container;return!0===t&&this.$container||t&&m.$(t)}}},o={props:{cls:Boolean,animation:"list",duration:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,origin:!1,transition:"linear",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave",initProps:{overflow:"",height:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""},hideProps:{overflow:"hidden",height:0,paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0}},computed:{hasAnimation:function(t){return!!t.animation[0]},hasTransition:function(t){t=t.animation;return this.hasAnimation&&!0===t[0]}},methods:{toggleElement:function(e,c,g){var f=this;return new m.Promise(function(t){return m.Promise.all(m.toNodes(e).map(function(t){var e=m.isBoolean(c)?c:!f.isToggled(t);if(!m.trigger(t,"before"+(e?"show":"hide"),[f]))return m.Promise.reject();var o,r,a,h,l,d,u,i=(m.isFunction(g)?g:!1!==g&&f.hasAnimation?f.hasTransition?(r=(s=f).isToggled,a=s.duration,h=s.initProps,l=s.hideProps,d=s.transition,u=s._toggle,function(t,e){var i=m.Transition.inProgress(t),n=t.hasChildNodes?m.toFloat(m.css(t.firstElementChild,"marginTop"))+m.toFloat(m.css(t.lastElementChild,"marginBottom")):0,s=m.isVisible(t)?m.height(t)+(i?0:n):0;m.Transition.cancel(t),r(t)||u(t,!0),m.height(t,""),m.fastdom.flush();n=m.height(t)+(i?0:n);return m.height(t,s),(e?m.Transition.start(t,m.assign({},h,{overflow:"hidden",height:n}),Math.round(a*(1-s/n)),d):m.Transition.start(t,l,Math.round(a*(s/n)),d).then(function(){return u(t,!1)})).then(function(){return m.css(t,h)})}):(o=f,function(t,e){m.Animation.cancel(t);var i=o.animation,n=o.duration,s=o._toggle;return e?(s(t,!0),m.Animation.in(t,i[0],n,o.origin)):m.Animation.out(t,i[1]||i[0],n,o.origin).then(function(){return s(t,!1)})}):f._toggle)(t,e),n=e?f.clsEnter:f.clsLeave;m.addClass(t,n),m.trigger(t,e?"show":"hide",[f]);var s=function(){m.removeClass(t,n),m.trigger(t,e?"shown":"hidden",[f]),f.$update(t)};return i?i.then(s,function(){return m.removeClass(t,n),m.Promise.reject()}):s()})).then(t,m.noop)})},isToggled:function(t){return void 0===t&&(t=this.$el),!!m.hasClass(t,this.clsEnter)||!m.hasClass(t,this.clsLeave)&&(this.cls?m.hasClass(t,this.cls.split(" ")[0]):!m.hasAttr(t,"hidden"))},_toggle:function(t,e){var i;t&&(e=Boolean(e),this.cls?(i=m.includes(this.cls," ")||e!==m.hasClass(t,this.cls))&&m.toggleClass(t,this.cls,m.includes(this.cls," ")?void 0:e):(i=e===t.hidden)&&(t.hidden=!e),m.$$("[autofocus]",t).some(function(t){return m.isVisible(t)?t.focus()||!0:t.blur()}),i&&(m.trigger(t,"toggled",[e,this]),this.$update(t)))}}};var r=[];function a(t){var r=t.transitionElement,a=t._toggle;return function(s,o){return new m.Promise(function(i,n){return m.once(s,"show hide",function(){s._reject&&s._reject(),s._reject=n,a(s,o);var t=m.once(r,"transitionstart",function(){m.once(r,"transitionend transitioncancel",i,{self:!0}),clearTimeout(e)},{self:!0}),e=setTimeout(function(){t(),i()},m.toMs(m.css(r,"transitionDuration")))})}).then(function(){return delete s._reject})}}function d(t,e,i){m.trigger(t,m.createEvent(e,!1,!1,i))}t={mixins:[s,{mixins:[{connected:function(){m.hasClass(this.$el,this.$name)||m.addClass(this.$el,this.$name)}},s,o],props:{selPanel:String,selClose:String,escClose:Boolean,bgClose:Boolean,stack:Boolean},data:{cls:"uk-open",escClose:!0,bgClose:!0,overlay:!0,stack:!1},computed:{panel:function(t,e){t=t.selPanel;return m.$(t,e)},transitionElement:function(){return this.panel},bgClose:function(t){return t.bgClose&&this.panel}},beforeDisconnect:function(){this.isToggled()&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate:function(){return this.selClose},handler:function(t){t.preventDefault(),this.hide()}},{name:"toggle",self:!0,handler:function(t){t.defaultPrevented||(t.preventDefault(),this.isToggled()===m.includes(r,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler:function(t){if(m.includes(r,this))return!1;!this.stack&&r.length?(m.Promise.all(r.map(function(t){return t.hide()})).then(this.show),t.preventDefault()):r.push(this)}},{name:"show",self:!0,handler:function(){var s=this,t=document.documentElement;m.width(window)>t.clientWidth&&this.overlay&&m.css(document.body,"overflowY","scroll"),this.stack&&m.css(this.$el,"zIndex",m.toFloat(m.css(this.$el,"zIndex"))+r.length),m.addClass(t,this.clsPage),this.bgClose&&m.once(this.$el,"hide",m.on(document,m.pointerDown,function(t){var n=t.target;m.last(r)!==s||s.overlay&&!m.within(n,s.$el)||m.within(n,s.panel)||m.once(document,m.pointerUp+" "+m.pointerCancel+" scroll",function(t){var e=t.defaultPrevented,i=t.type,t=t.target;e||i!==m.pointerUp||n!==t||s.hide()},!0)}),{self:!0}),this.escClose&&m.once(this.$el,"hide",m.on(document,"keydown",function(t){27===t.keyCode&&m.last(r)===s&&s.hide()}),{self:!0})}},{name:"hidden",self:!0,handler:function(){var e=this;m.includes(r,this)&&r.splice(r.indexOf(this),1),r.length||m.css(document.body,"overflowY",""),m.css(this.$el,"zIndex",""),r.some(function(t){return t.clsPage===e.clsPage})||m.removeClass(document.documentElement,this.clsPage)}}],methods:{toggle:function(){return this.isToggled()?this.hide():this.show()},show:function(){var e=this;return this.container&&m.parent(this.$el)!==this.container?(m.append(this.container,this.$el),new m.Promise(function(t){return requestAnimationFrame(function(){return e.show().then(t)})})):this.toggleElement(this.$el,!0,a(this))},hide:function(){return this.toggleElement(this.$el,!1,a(this))}}},o,{mixins:[{mixins:[{props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected:function(){this.autoplay&&this.startAutoplay()},disconnected:function(){this.stopAutoplay()},update:function(){m.attr(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el:function(){return document},filter:function(){return this.autoplay},handler:function(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay:function(){var t=this;this.stopAutoplay(),this.interval=setInterval(function(){return(!t.draggable||!m.$(":focus",t.$el))&&(!t.pauseOnHover||!m.matches(t.$el,":hover"))&&!t.stack.length&&t.show("next")},this.autoplayInterval)},stopAutoplay:function(){this.interval&&clearInterval(this.interval)}}},{props:{draggable:Boolean},data:{draggable:!0,threshold:10},created:function(){var n=this;["start","move","end"].forEach(function(t){var i=n[t];n[t]=function(t){var e=m.getEventPos(t).x*(m.isRtl?-1:1);n.prevPos=e!==n.pos?n.pos:n.prevPos,n.pos=e,i(t)}})},events:[{name:m.pointerDown,delegate:function(){return this.selSlides},handler:function(t){var e;!this.draggable||!m.isTouch(t)&&(!(e=t.target).children.length&&e.childNodes.length)||m.closest(t.target,m.selInput)||0<t.button||this.length<2||this.start(t)}},{name:"dragstart",handler:function(t){t.preventDefault()}}],methods:{start:function(){this.drag=this.pos,this._transitioner?(this.percent=this._transitioner.percent(),this.drag+=this._transitioner.getDistance()*this.percent*this.dir,this._transitioner.cancel(),this._transitioner.translate(this.percent),this.dragging=!0,this.stack=[]):this.prevIndex=this.index,m.on(document,m.pointerMove,this.move,{passive:!1}),m.on(document,m.pointerUp+" "+m.pointerCancel+" input",this.end,!0),m.css(this.list,"userSelect","none")},move:function(t){var e=this,i=this.pos-this.drag;if(!(0==i||this.prevPos===this.pos||!this.dragging&&Math.abs(i)<this.threshold)){m.css(this.list,"pointerEvents","none"),t.cancelable&&t.preventDefault(),this.dragging=!0,this.dir=i<0?1:-1;for(var n=this.slides,s=this.prevIndex,o=Math.abs(i),r=this.getIndex(s+this.dir,s),a=this._getDistance(s,r)||n[s].offsetWidth;r!==s&&a<o;)this.drag-=a*this.dir,s=r,o-=a,r=this.getIndex(s+this.dir,s),a=this._getDistance(s,r)||n[s].offsetWidth;this.percent=o/a;var h,l=n[s],t=n[r],i=this.index!==r,d=s===r;[this.index,this.prevIndex].filter(function(t){return!m.includes([r,s],t)}).forEach(function(t){m.trigger(n[t],"itemhidden",[e]),d&&(h=!0,e.prevIndex=s)}),(this.index===s&&this.prevIndex!==s||h)&&m.trigger(n[this.index],"itemshown",[this]),i&&(this.prevIndex=s,this.index=r,d||m.trigger(l,"beforeitemhide",[this]),m.trigger(t,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),l,!d&&t),i&&(d||m.trigger(l,"itemhide",[this]),m.trigger(t,"itemshow",[this]))}},end:function(){var t;m.off(document,m.pointerMove,this.move,{passive:!1}),m.off(document,m.pointerUp+" "+m.pointerCancel+" input",this.end,!0),this.dragging&&(this.dragging=null,this.index===this.prevIndex?(this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null):(t=(m.isRtl?this.dir*(m.isRtl?1:-1):this.dir)<0==this.prevPos>this.pos,this.index=t?this.index:this.prevIndex,t&&(this.percent=1-this.percent),this.show(0<this.dir&&!t||this.dir<0&&t?"next":"previous",!0))),m.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}},{data:{selNav:!1},computed:{nav:function(t,e){t=t.selNav;return m.$(t,e)},selNavItem:function(t){t=t.attrItem;return"["+t+"],[data-"+t+"]"},navItems:function(t,e){return m.$$(this.selNavItem,e)}},update:{write:function(){var i=this;this.nav&&this.length!==this.nav.children.length&&m.html(this.nav,this.slides.map(function(t,e){return"<li "+i.attrItem+'="'+e+'"><a href></a></li>'}).join("")),this.navItems.concat(this.nav).forEach(function(t){return t&&(t.hidden=!i.maxIndex)}),this.updateNav()},events:["resize"]},events:[{name:"click",delegate:function(){return this.selNavItem},handler:function(t){t.preventDefault(),this.show(m.data(t.current,this.attrItem))}},{name:"itemshow",handler:"updateNav"}],methods:{updateNav:function(){var i=this,n=this.getValidIndex();this.navItems.forEach(function(t){var e=m.data(t,i.attrItem);m.toggleClass(t,i.clsActive,m.toNumber(e)===n),m.toggleClass(t,"uk-invisible",i.finite&&("previous"===e&&0===n||"next"===e&&n>=i.maxIndex))})}}}],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number,selSlides:String},data:function(){return{easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:!1,Transitioner:!1,transitionOptions:{}}},connected:function(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected:function(){m.removeClass(this.slides,this.clsActive)},computed:{duration:function(t,e){t=t.velocity;return e.offsetWidth/t*.5+300},list:function(t,e){t=t.selList;return m.$(t,e)},maxIndex:function(){return this.length-1},selSlides:function(t){return t.selList+" "+(t.selSlides||"> *")},slides:{get:function(){return m.$$(this.selSlides,this.$el)},watch:function(){this.$reset()}},length:function(){return this.slides.length}},events:{itemshown:function(){this.$update(this.list)}},methods:{show:function(t,e){var i=this;if(void 0===e&&(e=!1),!this.dragging&&this.length){var n=this.stack,s=e?0:n.length,o=function(){n.splice(s,1),n.length&&i.show(n.shift(),!0)};if(n[e?"unshift":"push"](t),!e&&1<n.length)2===n.length&&this._transitioner.forward(Math.min(this.duration,200));else{var r,a=this.getIndex(this.index),h=m.hasClass(this.slides,this.clsActive)&&this.slides[a],l=this.getIndex(t,this.index),d=this.slides[l];if(h!==d){if(this.dir=(r=a,"next"!==(t=t)&&("previous"===t||t<r)?-1:1),this.prevIndex=a,this.index=l,h&&!m.trigger(h,"beforeitemhide",[this])||!m.trigger(d,"beforeitemshow",[this,h]))return this.index=this.prevIndex,void o();e=this._show(h,d,e).then(function(){return h&&m.trigger(h,"itemhidden",[i]),m.trigger(d,"itemshown",[i]),new m.Promise(function(t){m.fastdom.write(function(){n.shift(),n.length?i.show(n.shift(),!0):i._transitioner=null,t()})})});return h&&m.trigger(h,"itemhide",[this]),m.trigger(d,"itemshow",[this]),e}o()}}},getIndex:function(t,e){return void 0===t&&(t=this.index),void 0===e&&(e=this.index),m.clamp(m.getIndex(t,this.slides,e,this.finite),0,this.maxIndex)},getValidIndex:function(t,e){return void 0===t&&(t=this.index),void 0===e&&(e=this.prevIndex),this.getIndex(t,e)},_show:function(t,e,i){if(this._transitioner=this._getTransitioner(t,e,this.dir,m.assign({easing:i?e.offsetWidth<600?"cubic-bezier(0.25, 0.46, 0.45, 0.94)":"cubic-bezier(0.165, 0.84, 0.44, 1)":this.easing},this.transitionOptions)),!i&&!t)return this._translate(1),m.Promise.resolve();t=this.stack.length;return this._transitioner[1<t?"forward":"show"](1<t?Math.min(this.duration,75+75/(t-1)):this.duration,this.percent)},_getDistance:function(t,e){return this._getTransitioner(t,t!==e&&e).getDistance()},_translate:function(t,e,i){void 0===e&&(e=this.prevIndex),void 0===i&&(i=this.index);i=this._getTransitioner(e!==i&&e,i);return i.translate(t),i},_getTransitioner:function(t,e,i,n){return void 0===t&&(t=this.prevIndex),void 0===e&&(e=this.index),void 0===i&&(i=this.dir||1),void 0===n&&(n=this.transitionOptions),new this.Transitioner(m.isNumber(t)?this.slides[t]:t,m.isNumber(e)?this.slides[e]:e,i*(m.isRtl?-1:1),n)}}}],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:t,Transitioner:function(s,o,r,t){var e=t.animation,a=t.easing,i=e.percent,n=e.translate,h=(e=void 0===(e=e.show)?m.noop:e)(r),l=new m.Deferred;return{dir:r,show:function(t,e,i){var n=this;void 0===e&&(e=0);i=i?"linear":a;return t-=Math.round(t*m.clamp(e,-1,1)),this.translate(e),d(o,"itemin",{percent:e,duration:t,timing:i,dir:r}),d(s,"itemout",{percent:1-e,duration:t,timing:i,dir:r}),m.Promise.all([m.Transition.start(o,h[1],t,i),m.Transition.start(s,h[0],t,i)]).then(function(){n.reset(),l.resolve()},m.noop),l.promise},cancel:function(){m.Transition.cancel([o,s])},reset:function(){for(var t in h[0])m.css([o,s],t,"")},forward:function(t,e){return void 0===e&&(e=this.percent()),m.Transition.cancel([o,s]),this.show(t,e,!0)},translate:function(t){this.reset();var e=n(t,r);m.css(o,e[1]),m.css(s,e[0]),d(o,"itemtranslatein",{percent:t,dir:r}),d(s,"itemtranslateout",{percent:1-t,dir:r})},percent:function(){return i(s||o,o,r)},getDistance:function(){return s&&s.offsetWidth}}}},computed:{animation:function(t){var e=t.animation,t=t.Animations;return m.assign(t[e]||t.slide,{name:e})},transitionOptions:function(){return{animation:this.animation}}},events:{"itemshow itemhide itemshown itemhidden":function(t){t=t.target;this.$update(t)},beforeitemshow:function(t){t=t.target;m.addClass(t,this.clsActive)},itemshown:function(t){t=t.target;m.addClass(t,this.clsActivated)},itemhidden:function(t){t=t.target;m.removeClass(t,this.clsActive,this.clsActivated)}}}],functional:!0,props:{delayControls:Number,preload:Number,videoAutoplay:Boolean,template:String},data:function(){return{preload:1,videoAutoplay:!1,delayControls:3e3,items:[],cls:"uk-open",clsPage:"uk-lightbox-page",selList:".uk-lightbox-items",attrItem:"uk-lightbox-item",selClose:".uk-close-large",selCaption:".uk-lightbox-caption",pauseOnHover:!1,velocity:2,Animations:n,template:'<div class="uk-lightbox uk-overflow-hidden"> <ul class="uk-lightbox-items"></ul> <div class="uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque"> <button class="uk-lightbox-toolbar-icon uk-close-large" type="button" uk-close></button> </div> <a class="uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade" href uk-slidenav-previous uk-lightbox-item="previous"></a> <a class="uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade" href uk-slidenav-next uk-lightbox-item="next"></a> <div class="uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque"></div> </div>'}},created:function(){var t=m.$(this.template),e=m.$(this.selList,t);this.items.forEach(function(){return m.append(e,"<li>")}),this.$mount(m.append(this.container,t))},computed:{caption:function(t,e){t=t.selCaption;return m.$(t,e)}},events:[{name:m.pointerMove+" "+m.pointerDown+" keydown",handler:"showControls"},{name:"click",self:!0,delegate:function(){return this.selSlides},handler:function(t){t.defaultPrevented||this.hide()}},{name:"shown",self:!0,handler:function(){this.showControls()}},{name:"hide",self:!0,handler:function(){this.hideControls(),m.removeClass(this.slides,this.clsActive),m.Transition.stop(this.slides)}},{name:"hidden",self:!0,handler:function(){this.$destroy(!0)}},{name:"keyup",el:function(){return document},handler:function(t){if(this.isToggled(this.$el)&&this.draggable)switch(t.keyCode){case 37:this.show("previous");break;case 39:this.show("next")}}},{name:"beforeitemshow",handler:function(t){this.isToggled()||(this.draggable=!1,t.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=n.scale,m.removeClass(t.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshow",handler:function(){m.html(this.caption,this.getItem().caption||"");for(var t=-this.preload;t<=this.preload;t++)this.loadItem(this.index+t)}},{name:"itemshown",handler:function(){this.draggable=this.$props.draggable}},{name:"itemload",handler:function(t,i){var n=this,s=i.source,e=i.type,o=i.alt;void 0===o&&(o="");var r,a,h,l=i.poster,d=i.attrs;void 0===d&&(d={}),this.setItem(i,"<span uk-spinner></span>"),s&&(a={frameborder:"0",allow:"autoplay",allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":""+this.videoAutoplay},"image"===e||s.match(/\.(avif|jpe?g|a?png|gif|svg|webp)($|\?)/i)?m.getImage(s,d.srcset,d.size).then(function(t){var e=t.width,t=t.height;return n.setItem(i,u("img",m.assign({src:s,width:e,height:t,alt:o},d)))},function(){return n.setError(i)}):"video"===e||s.match(/\.(mp4|webm|ogv)($|\?)/i)?(h=u("video",m.assign({src:s,poster:l,controls:"",playsinline:"","uk-video":""+this.videoAutoplay},d)),m.on(h,"loadedmetadata",function(){m.attr(h,{width:h.videoWidth,height:h.videoHeight}),n.setItem(i,h)}),m.on(h,"error",function(){return n.setError(i)})):"iframe"===e||s.match(/\.(html|php)($|\?)/i)?this.setItem(i,u("iframe",m.assign({src:s,frameborder:"0",allowfullscreen:"",class:"uk-lightbox-iframe"},d))):(r=s.match(/\/\/(?:.*?youtube(-nocookie)?\..*?[?&]v=|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))?this.setItem(i,u("iframe",m.assign({src:"https://www.youtube"+(r[1]||"")+".com/embed/"+r[2]+(r[3]?"?"+r[3]:""),width:1920,height:1080},a,d))):(r=s.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))&&m.ajax("https://vimeo.com/api/oembed.json?maxwidth=1920&url="+encodeURI(s),{responseType:"json",withCredentials:!1}).then(function(t){var e=t.response,t=e.height,e=e.width;return n.setItem(i,u("iframe",m.assign({src:"https://player.vimeo.com/video/"+r[1]+(r[2]?"?"+r[2]:""),width:e,height:t},a,d)))},function(){return n.setError(i)}))}}],methods:{loadItem:function(t){void 0===t&&(t=this.index);t=this.getItem(t);this.getSlide(t).childElementCount||m.trigger(this.$el,"itemload",[t])},getItem:function(t){return void 0===t&&(t=this.index),this.items[m.getIndex(t,this.slides)]},setItem:function(t,e){m.trigger(this.$el,"itemloaded",[this,m.html(this.getSlide(t),e)])},getSlide:function(t){return this.slides[this.items.indexOf(t)]},setError:function(t){this.setItem(t,'<span uk-icon="icon: bolt; ratio: 2"></span>')},showControls:function(){clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout(this.hideControls,this.delayControls),m.addClass(this.$el,"uk-active","uk-transition-active")},hideControls:function(){m.removeClass(this.$el,"uk-active","uk-transition-active")}}};function u(t,e){t=m.fragment("<"+t+">");return m.attr(t,e),t}return"undefined"!=typeof window&&window.UIkit&&window.UIkit.component("lightboxPanel",t),t});