uikit 3.15.11-dev.fd61e70ff → 3.15.12-dev.e4023717f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/build/util.js +26 -20
- package/dist/css/uikit-core-rtl.css +3 -3
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +3 -3
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1 -1
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +14 -13
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +32 -30
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +160 -148
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +168 -156
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +19 -17
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +37 -36
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +29 -29
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +84 -73
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +29 -29
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +95 -78
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +40 -37
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +43 -39
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +12 -12
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +574 -527
- package/dist/js/uikit-core.min.js +1 -17
- package/dist/js/uikit-icons.js +3 -3
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +862 -798
- package/dist/js/uikit.min.js +1 -17
- package/package.json +14 -14
- package/src/js/core/drop.js +5 -1
- package/src/js/core/sticky.js +6 -7
- package/src/js/util/env.js +1 -3
- package/src/js/util/position.js +11 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! UIkit 3.15.11-dev.fd61e70ff | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(t,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitlightbox_panel",["uikit-util"],u):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitLightbox_panel=u(t.UIkit.util))})(this,function(t){"use strict";var u={slide:{show(e){return[{transform:y(e*-100)},{transform:y()}]},percent(e){return q(e)},translate(e,s){return[{transform:y(s*-100*e)},{transform:y(s*100*(1-e))}]}}};function q(e){return Math.abs(t.css(e,"transform").split(",")[4]/e.offsetWidth)||0}function y(e,s){return e===void 0&&(e=0),s===void 0&&(s="%"),e+=e?s:"","translate3d("+e+", 0, 0)"}function $(e){return"scale3d("+e+", "+e+", 1)"}var B={...u,fade:{show(){return[{opacity:0},{opacity:1}]},percent(e){return 1-t.css(e,"opacity")},translate(e){return[{opacity:1-e},{opacity:e}]}},scale:{show(){return[{opacity:0,transform:$(1-.2)},{opacity:1,transform:$(1)}]},percent(e){return 1-t.css(e,"opacity")},translate(e){return[{opacity:1-e,transform:$(1-.2*e)},{opacity:e,transform:$(1-.2+.2*e)}]}}},z={props:{container:Boolean},data:{container:!0},computed:{container(e){let{container:s}=e;return s===!0&&this.$container||s&&t.$(s)}}},V={connected(){t.addClass(this.$el,this.$options.id)}},O={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave"},computed:{hasAnimation(e){let{animation:s}=e;return!!s[0]},hasTransition(e){let{animation:s}=e;return["slide","reveal"].some(n=>t.startsWith(s[0],n))}},methods:{toggleElement(e,s,n){return new Promise(o=>Promise.all(t.toNodes(e).map(a=>{const r=t.isBoolean(s)?s:!this.isToggled(a);if(!t.trigger(a,"before"+(r?"show":"hide"),[this]))return Promise.reject();const i=(t.isFunction(n)?n:n===!1||!this.hasAnimation?X:this.hasTransition?G:J)(a,r,this),h=r?this.clsEnter:this.clsLeave;t.addClass(a,h),t.trigger(a,r?"show":"hide",[this]);const d=()=>{t.removeClass(a,h),t.trigger(a,r?"shown":"hidden",[this])};return i?i.then(d,()=>(t.removeClass(a,h),Promise.reject())):d()})).then(o,t.noop))},isToggled(e){return e===void 0&&(e=this.$el),[e]=t.toNodes(e),t.hasClass(e,this.clsEnter)?!0:t.hasClass(e,this.clsLeave)?!1:this.cls?t.hasClass(e,this.cls.split(" ")[0]):t.isVisible(e)},_toggle(e,s){if(!e)return;s=Boolean(s);let n;this.cls?(n=t.includes(this.cls," ")||s!==t.hasClass(e,this.cls),n&&t.toggleClass(e,this.cls,t.includes(this.cls," ")?void 0:s)):(n=s===e.hidden,n&&(e.hidden=!s)),t.$$("[autofocus]",e).some(o=>t.isVisible(o)?o.focus()||!0:o.blur()),n&&t.trigger(e,"toggled",[s,this])}}};function X(e,s,n){let{_toggle:o}=n;return t.Animation.cancel(e),t.Transition.cancel(e),o(e,s)}async function G(e,s,n){var o;let{animation:a,duration:r,velocity:i,transition:h,_toggle:d}=n;const[c="reveal",g="top"]=((o=a[0])==null?void 0:o.split("-"))||[],l=[["left","right"],["top","bottom"]],m=l[t.includes(l[0],g)?0:1],T=m[1]===g,A=["width","height"][l.indexOf(m)],v="margin-"+m[0],_="margin-"+g;let x=t.dimensions(e)[A];const me=t.Transition.inProgress(e);await t.Transition.cancel(e),s&&d(e,!0);const ge=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",v,_].map(Y=>[Y,e.style[Y]])),I=t.dimensions(e),N=t.toFloat(t.css(e,v)),F=t.toFloat(t.css(e,_)),p=I[A]+F;!me&&!s&&(x+=F);const[P]=t.wrapInner(e,"<div>");t.css(P,{boxSizing:"border-box",height:I.height,width:I.width,...t.css(e,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",_])}),t.css(e,{padding:0,border:0,minWidth:0,minHeight:0,[_]:0,width:I.width,height:I.height,overflow:"hidden",[A]:x});const H=x/p;r=(i*p+r)*(s?1-H:H);const L={[A]:s?p:0};T&&(t.css(e,v,p-x+N),L[v]=s?N:p+N),!T^c==="reveal"&&(t.css(P,v,-p+x),t.Transition.start(P,{[v]:s?0:-p},r,h));try{await t.Transition.start(e,L,r,h)}finally{t.css(e,ge),t.unwrap(P.firstChild),s||d(e,!1)}}function J(e,s,n){t.Animation.cancel(e);const{animation:o,duration:a,_toggle:r}=n;return s?(r(e,!0),t.Animation.in(e,o[0],a,n.origin)):t.Animation.out(e,o[1]||o[0],a,n.origin).then(()=>r(e,!1))}const f=[];var K={mixins:[V,z,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(e,s){let{selPanel:n}=e;return t.$(n,s)},transitionElement(){return this.panel},bgClose(e){let{bgClose:s}=e;return s&&this.panel}},beforeDisconnect(){t.includes(f,this)&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate(){return this.selClose},handler(e){e.preventDefault(),this.hide()}},{name:"click",delegate(){return'a[href*="#"]'},handler(e){let{current:s,defaultPrevented:n}=e;const{hash:o}=s;!n&&o&&ee(s)&&!t.within(o,this.$el)&&t.$(o,document.body)&&this.hide()}},{name:"toggle",self:!0,handler(e){e.defaultPrevented||(e.preventDefault(),this.isToggled()===t.includes(f,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler(e){if(t.includes(f,this))return!1;!this.stack&&f.length?(Promise.all(f.map(s=>s.hide())).then(this.show),e.preventDefault()):f.push(this)}},{name:"show",self:!0,handler(){t.once(this.$el,"hide",t.on(document,"focusin",e=>{t.last(f)===this&&!t.within(e.target,this.$el)&&this.$el.focus()})),this.overlay&&(t.once(this.$el,"hidden",Z(this.$el),{self:!0}),t.once(this.$el,"hidden",k(),{self:!0})),this.stack&&t.css(this.$el,"zIndex",t.toFloat(t.css(this.$el,"zIndex"))+f.length),t.addClass(document.documentElement,this.clsPage),this.bgClose&&t.once(this.$el,"hide",t.on(document,t.pointerDown,e=>{let{target:s}=e;t.last(f)!==this||this.overlay&&!t.within(s,this.$el)||t.within(s,this.panel)||t.once(document,t.pointerUp+" "+t.pointerCancel+" scroll",n=>{let{defaultPrevented:o,type:a,target:r}=n;!o&&a===t.pointerUp&&s===r&&this.hide()},!0)}),{self:!0}),this.escClose&&t.once(this.$el,"hide",t.on(document,"keydown",e=>{e.keyCode===27&&t.last(f)===this&&this.hide()}),{self:!0})}},{name:"shown",self:!0,handler(){t.isFocusable(this.$el)||t.attr(this.$el,"tabindex","-1"),t.$(":focus",this.$el)||this.$el.focus()}},{name:"hidden",self:!0,handler(){t.includes(f,this)&&f.splice(f.indexOf(this),1),t.css(this.$el,"zIndex",""),f.some(e=>e.clsPage===this.clsPage)||t.removeClass(document.documentElement,this.clsPage)}}],methods:{toggle(){return this.isToggled()?this.hide():this.show()},show(){return this.container&&t.parent(this.$el)!==this.container?(t.append(this.container,this.$el),new Promise(e=>requestAnimationFrame(()=>this.show().then(e)))):this.toggleElement(this.$el,!0,j)},hide(){return this.toggleElement(this.$el,!1,j)}}};function j(e,s,n){let{transitionElement:o,_toggle:a}=n;return new Promise((r,i)=>t.once(e,"show hide",()=>{e._reject==null||e._reject(),e._reject=i,a(e,s);const h=t.once(o,"transitionstart",()=>{t.once(o,"transitionend transitioncancel",r,{self:!0}),clearTimeout(d)},{self:!0}),d=setTimeout(()=>{h(),r()},Q(t.css(o,"transitionDuration")))})).then(()=>delete e._reject)}function Q(e){return e?t.endsWith(e,"ms")?t.toFloat(e):t.toFloat(e)*1e3:0}function Z(e){if(CSS.supports("overscroll-behavior","contain")){const o=U(e,a=>/auto|scroll/.test(t.css(a,"overflow")));return t.css(o,"overscrollBehavior","contain"),()=>t.css(o,"overscrollBehavior","")}let s;const n=[t.on(e,"touchstart",o=>{let{targetTouches:a}=o;a.length===1&&(s=a[0].clientY)},{passive:!0}),t.on(e,"touchmove",o=>{if(o.targetTouches.length!==1)return;let[a]=t.scrollParents(o.target,/auto|scroll/);t.within(a,e)||(a=e);const r=o.targetTouches[0].clientY-s,{scrollTop:i,scrollHeight:h,clientHeight:d}=a;(d>=h||i===0&&r>0||h-i<=d&&r<0)&&o.cancelable&&o.preventDefault()},{passive:!1})];return()=>n.forEach(o=>o())}let S;function k(){if(S)return t.noop;S=!0;const{scrollingElement:e}=document;return t.css(e,{overflowY:"hidden",touchAction:"none",paddingRight:t.width(window)-e.clientWidth}),()=>{S=!1,t.css(e,{overflowY:"",touchAction:"",paddingRight:""})}}function U(e,s){const n=[];return t.apply(e,o=>{s(o)&&n.push(o)}),n}function ee(e){return["origin","pathname","search"].every(s=>e[s]===location[s])}function te(e,s,n,o){let{animation:a,easing:r}=o;const{percent:i,translate:h,show:d=t.noop}=a,c=d(n),g=new t.Deferred;return{dir:n,show(l,m,T){m===void 0&&(m=0);const b=T?"linear":r;return l-=Math.round(l*t.clamp(m,-1,1)),this.translate(m),C(s,"itemin",{percent:m,duration:l,timing:b,dir:n}),C(e,"itemout",{percent:1-m,duration:l,timing:b,dir:n}),Promise.all([t.Transition.start(s,c[1],l,b),t.Transition.start(e,c[0],l,b)]).then(()=>{this.reset(),g.resolve()},t.noop),g.promise},cancel(){t.Transition.cancel([s,e])},reset(){for(const l in c[0])t.css([s,e],l,"")},forward(l,m){return m===void 0&&(m=this.percent()),t.Transition.cancel([s,e]),this.show(l,m,!0)},translate(l){this.reset();const m=h(l,n);t.css(s,m[1]),t.css(e,m[0]),C(s,"itemtranslatein",{percent:l,dir:n}),C(e,"itemtranslateout",{percent:1-l,dir:n})},percent(){return i(e||s,s,n)},getDistance(){return e==null?void 0:e.offsetWidth}}}function C(e,s,n){t.trigger(e,t.createEvent(s,!1,!1,n))}var se={connected(){var e;this.registerObserver(t.observeResize(((e=this.$options.resizeTargets)==null?void 0:e.call(this))||this.$el,()=>this.$emit("resize")))}},ne={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){t.attr(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el(){return document},filter(){return this.autoplay},handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>(!this.draggable||!t.$(":focus",this.$el))&&(!this.pauseOnHover||!t.matches(this.$el,":hover"))&&!this.stack.length&&this.show("next"),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)}}};const E={passive:!1,capture:!0},M={passive:!0,capture:!0},oe="touchstart mousedown",D="touchmove mousemove",W="touchend touchcancel mouseup click input scroll";var re={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const e of["start","move","end"]){const s=this[e];this[e]=n=>{const o=t.getEventPos(n).x*(t.isRtl?-1:1);this.prevPos=o===this.pos?this.prevPos:this.pos,this.pos=o,s(n)}}},events:[{name:oe,passive:!0,delegate(){return this.selSlides},handler(e){!this.draggable||!t.isTouch(e)&&ae(e.target)||t.closest(e.target,t.selInput)||e.button>0||this.length<2||this.start(e)}},{name:"dragstart",handler(e){e.preventDefault()}},{name:D,el(){return this.list},handler:t.noop,...E}],methods:{start(){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,t.on(document,D,this.move,E),t.on(document,W,this.end,M),t.css(this.list,"userSelect","none")},move(e){const s=this.pos-this.drag;if(s===0||this.prevPos===this.pos||!this.dragging&&Math.abs(s)<this.threshold)return;t.css(this.list,"pointerEvents","none"),e.cancelable&&e.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;const{slides:n}=this;let{prevIndex:o}=this,a=Math.abs(s),r=this.getIndex(o+this.dir,o),i=this._getDistance(o,r)||n[o].offsetWidth;for(;r!==o&&a>i;)this.drag-=i*this.dir,o=r,a-=i,r=this.getIndex(o+this.dir,o),i=this._getDistance(o,r)||n[o].offsetWidth;this.percent=a/i;const h=n[o],d=n[r],c=this.index!==r,g=o===r;let l;[this.index,this.prevIndex].filter(m=>!t.includes([r,o],m)).forEach(m=>{t.trigger(n[m],"itemhidden",[this]),g&&(l=!0,this.prevIndex=o)}),(this.index===o&&this.prevIndex!==o||l)&&t.trigger(n[this.index],"itemshown",[this]),c&&(this.prevIndex=o,this.index=r,!g&&t.trigger(h,"beforeitemhide",[this]),t.trigger(d,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),h,!g&&d),c&&(!g&&t.trigger(h,"itemhide",[this]),t.trigger(d,"itemshow",[this]))},end(){if(t.off(document,D,this.move,E),t.off(document,W,this.end,M),this.dragging)if(this.dragging=null,this.index===this.prevIndex)this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null;else{const e=(t.isRtl?this.dir*(t.isRtl?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=e?this.index:this.prevIndex,e&&(this.percent=1-this.percent),this.show(this.dir>0&&!e||this.dir<0&&e?"next":"previous",!0)}t.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function ae(e){return t.css(e,"userSelect")!=="none"&&t.toNodes(e.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}var ie={data:{selNav:!1},computed:{nav(e,s){let{selNav:n}=e;return t.$(n,s)},selNavItem(e){let{attrItem:s}=e;return"["+s+"],[data-"+s+"]"},navItems(e,s){return t.$$(this.selNavItem,s)}},update:{write(){this.nav&&this.length!==this.nav.children.length&&t.html(this.nav,this.slides.map((e,s)=>"<li "+this.attrItem+'="'+s+'"><a href></a></li>').join("")),this.navItems.concat(this.nav).forEach(e=>e&&(e.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]},events:[{name:"click",delegate(){return this.selNavItem},handler(e){e.preventDefault(),this.show(t.data(e.current,this.attrItem))}},{name:"itemshow",handler:"updateNav"}],methods:{updateNav(){const e=this.getValidIndex();for(const s of this.navItems){const n=t.data(s,this.attrItem);t.toggleClass(s,this.clsActive,t.toNumber(n)===e),t.toggleClass(s,"uk-invisible",this.finite&&(n==="previous"&&e===0||n==="next"&&e>=this.maxIndex))}}}},he={mixins:[ne,re,ie,se],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number,selSlides:String},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:!1,Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){t.removeClass(this.slides,this.clsActive)},computed:{duration(e,s){let{velocity:n}=e;return ce(s.offsetWidth/n)},list(e,s){let{selList:n}=e;return t.$(n,s)},maxIndex(){return this.length-1},selSlides(e){let{selList:s,selSlides:n}=e;return s+" "+(n||"> *")},slides:{get(){return t.$$(this.selSlides,this.$el)},watch(){this.$emit("resize")}},length(){return this.slides.length}},methods:{show(e,s){if(s===void 0&&(s=!1),this.dragging||!this.length)return;const{stack:n}=this,o=s?0:n.length,a=()=>{n.splice(o,1),n.length&&this.show(n.shift(),!0)};if(n[s?"unshift":"push"](e),!s&&n.length>1){n.length===2&&this._transitioner.forward(Math.min(this.duration,200));return}const r=this.getIndex(this.index),i=t.hasClass(this.slides,this.clsActive)&&this.slides[r],h=this.getIndex(e,this.index),d=this.slides[h];if(i===d){a();return}if(this.dir=de(e,r),this.prevIndex=r,this.index=h,i&&!t.trigger(i,"beforeitemhide",[this])||!t.trigger(d,"beforeitemshow",[this,i])){this.index=this.prevIndex,a();return}const c=this._show(i,d,s).then(()=>(i&&t.trigger(i,"itemhidden",[this]),t.trigger(d,"itemshown",[this]),new Promise(g=>{requestAnimationFrame(()=>{n.shift(),n.length?this.show(n.shift(),!0):this._transitioner=null,g()})})));return i&&t.trigger(i,"itemhide",[this]),t.trigger(d,"itemshow",[this]),c},getIndex(e,s){return e===void 0&&(e=this.index),s===void 0&&(s=this.index),t.clamp(t.getIndex(e,this.slides,s,this.finite),0,this.maxIndex)},getValidIndex(e,s){return e===void 0&&(e=this.index),s===void 0&&(s=this.prevIndex),this.getIndex(e,s)},_show(e,s,n){if(this._transitioner=this._getTransitioner(e,s,this.dir,{easing:n?s.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}),!n&&!e)return this._translate(1),Promise.resolve();const{length:o}=this.stack;return this._transitioner[o>1?"forward":"show"](o>1?Math.min(this.duration,75+75/(o-1)):this.duration,this.percent)},_getDistance(e,s){return this._getTransitioner(e,e!==s&&s).getDistance()},_translate(e,s,n){s===void 0&&(s=this.prevIndex),n===void 0&&(n=this.index);const o=this._getTransitioner(s!==n?s:!1,n);return o.translate(e),o},_getTransitioner(e,s,n,o){return e===void 0&&(e=this.prevIndex),s===void 0&&(s=this.index),n===void 0&&(n=this.dir||1),o===void 0&&(o=this.transitionOptions),new this.Transitioner(t.isNumber(e)?this.slides[e]:e,t.isNumber(s)?this.slides[s]:s,n*(t.isRtl?-1:1),o)}}};function de(e,s){return e==="next"?1:e==="previous"||e<s?-1:1}function ce(e){return .5*e+300}var le={mixins:[he],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:u,Transitioner:te},computed:{animation(e){let{animation:s,Animations:n}=e;return{...n[s]||n.slide,name:s}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow(e){let{target:s}=e;t.addClass(s,this.clsActive)},itemshown(e){let{target:s}=e;t.addClass(s,this.clsActivated)},itemhidden(e){let{target:s}=e;t.removeClass(s,this.clsActive,this.clsActivated)}}},R={mixins:[z,K,O,le],functional:!0,props:{delayControls:Number,preload:Number,videoAutoplay:Boolean,template:String},data:()=>({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:B,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(){const e=t.$(this.template),s=t.$(this.selList,e);this.items.forEach(()=>t.append(s,"<li>")),this.$mount(t.append(this.container,e))},computed:{caption(e,s){let{selCaption:n}=e;return t.$(n,s)}},events:[{name:t.pointerMove+" "+t.pointerDown+" keydown",handler:"showControls"},{name:"click",self:!0,delegate(){return this.selSlides},handler(e){e.defaultPrevented||this.hide()}},{name:"shown",self:!0,handler(){this.showControls()}},{name:"hide",self:!0,handler(){this.hideControls(),t.removeClass(this.slides,this.clsActive),t.Transition.stop(this.slides)}},{name:"hidden",self:!0,handler(){this.$destroy(!0)}},{name:"keyup",el(){return document},handler(e){if(!(!this.isToggled(this.$el)||!this.draggable))switch(e.keyCode){case 37:this.show("previous");break;case 39:this.show("next");break}}},{name:"beforeitemshow",handler(e){this.isToggled()||(this.draggable=!1,e.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=B.scale,t.removeClass(e.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshow",handler(){t.html(this.caption,this.getItem().caption||"");for(let e=-this.preload;e<=this.preload;e++)this.loadItem(this.index+e)}},{name:"itemshown",handler(){this.draggable=this.$props.draggable}},{name:"itemload",async handler(e,s){const{source:n,type:o,alt:a="",poster:r,attrs:i={}}=s;if(this.setItem(s,"<span uk-spinner></span>"),!n)return;let h;const d={allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":""+this.videoAutoplay};if(o==="image"||n.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i))try{const{width:c,height:g}=await t.getImage(n,i.srcset,i.size);this.setItem(s,w("img",{src:n,width:c,height:g,alt:a,...i}))}catch{this.setError(s)}else if(o==="video"||n.match(/\.(mp4|webm|ogv)($|\?)/i)){const c=w("video",{src:n,poster:r,controls:"",playsinline:"","uk-video":""+this.videoAutoplay,...i});t.on(c,"loadedmetadata",()=>{t.attr(c,{width:c.videoWidth,height:c.videoHeight}),this.setItem(s,c)}),t.on(c,"error",()=>this.setError(s))}else if(o==="iframe"||n.match(/\.(html|php)($|\?)/i))this.setItem(s,w("iframe",{src:n,allowfullscreen:"",class:"uk-lightbox-iframe",...i}));else if(h=n.match(/\/\/(?:.*?youtube(-nocookie)?\..*?[?&]v=|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(s,w("iframe",{src:"https://www.youtube"+(h[1]||"")+".com/embed/"+h[2]+(h[3]?"?"+h[3]:""),width:1920,height:1080,...d,...i}));else if(h=n.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))try{const{height:c,width:g}=await(await fetch("https://vimeo.com/api/oembed.json?maxwidth=1920&url="+encodeURI(n),{credentials:"omit"})).json();this.setItem(s,w("iframe",{src:"https://player.vimeo.com/video/"+h[1]+(h[2]?"?"+h[2]:""),width:g,height:c,...d,...i}))}catch{this.setError(s)}}}],methods:{loadItem(e){e===void 0&&(e=this.index);const s=this.getItem(e);this.getSlide(s).childElementCount||t.trigger(this.$el,"itemload",[s])},getItem(e){return e===void 0&&(e=this.index),this.items[t.getIndex(e,this.slides)]},setItem(e,s){t.trigger(this.$el,"itemloaded",[this,t.html(this.getSlide(e),s)])},getSlide(e){return this.slides[this.items.indexOf(e)]},setError(e){this.setItem(e,'<span uk-icon="icon: bolt; ratio: 2"></span>')},showControls(){clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout(this.hideControls,this.delayControls),t.addClass(this.$el,"uk-active","uk-transition-active")},hideControls(){t.removeClass(this.$el,"uk-active","uk-transition-active")}}};function w(e,s){const n=t.fragment("<"+e+">");return t.attr(n,s),n}return typeof window<"u"&&window.UIkit&&window.UIkit.component("lightboxPanel",R),R});
|
|
1
|
+
/*! UIkit 3.15.12-dev.e4023717f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(t,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitlightbox_panel",["uikit-util"],u):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitLightbox_panel=u(t.UIkit.util))})(this,function(t){"use strict";var u={slide:{show(e){return[{transform:y(e*-100)},{transform:y()}]},percent(e){return q(e)},translate(e,s){return[{transform:y(s*-100*e)},{transform:y(s*100*(1-e))}]}}};function q(e){return Math.abs(t.css(e,"transform").split(",")[4]/e.offsetWidth)||0}function y(e,s){return e===void 0&&(e=0),s===void 0&&(s="%"),e+=e?s:"","translate3d("+e+", 0, 0)"}function $(e){return"scale3d("+e+", "+e+", 1)"}var B={...u,fade:{show(){return[{opacity:0},{opacity:1}]},percent(e){return 1-t.css(e,"opacity")},translate(e){return[{opacity:1-e},{opacity:e}]}},scale:{show(){return[{opacity:0,transform:$(1-.2)},{opacity:1,transform:$(1)}]},percent(e){return 1-t.css(e,"opacity")},translate(e){return[{opacity:1-e,transform:$(1-.2*e)},{opacity:e,transform:$(1-.2+.2*e)}]}}},z={props:{container:Boolean},data:{container:!0},computed:{container(e){let{container:s}=e;return s===!0&&this.$container||s&&t.$(s)}}},V={connected(){t.addClass(this.$el,this.$options.id)}},O={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave"},computed:{hasAnimation(e){let{animation:s}=e;return!!s[0]},hasTransition(e){let{animation:s}=e;return["slide","reveal"].some(n=>t.startsWith(s[0],n))}},methods:{toggleElement(e,s,n){return new Promise(o=>Promise.all(t.toNodes(e).map(a=>{const r=t.isBoolean(s)?s:!this.isToggled(a);if(!t.trigger(a,"before"+(r?"show":"hide"),[this]))return Promise.reject();const i=(t.isFunction(n)?n:n===!1||!this.hasAnimation?X:this.hasTransition?G:J)(a,r,this),h=r?this.clsEnter:this.clsLeave;t.addClass(a,h),t.trigger(a,r?"show":"hide",[this]);const d=()=>{t.removeClass(a,h),t.trigger(a,r?"shown":"hidden",[this])};return i?i.then(d,()=>(t.removeClass(a,h),Promise.reject())):d()})).then(o,t.noop))},isToggled(e){return e===void 0&&(e=this.$el),[e]=t.toNodes(e),t.hasClass(e,this.clsEnter)?!0:t.hasClass(e,this.clsLeave)?!1:this.cls?t.hasClass(e,this.cls.split(" ")[0]):t.isVisible(e)},_toggle(e,s){if(!e)return;s=Boolean(s);let n;this.cls?(n=t.includes(this.cls," ")||s!==t.hasClass(e,this.cls),n&&t.toggleClass(e,this.cls,t.includes(this.cls," ")?void 0:s)):(n=s===e.hidden,n&&(e.hidden=!s)),t.$$("[autofocus]",e).some(o=>t.isVisible(o)?o.focus()||!0:o.blur()),n&&t.trigger(e,"toggled",[s,this])}}};function X(e,s,n){let{_toggle:o}=n;return t.Animation.cancel(e),t.Transition.cancel(e),o(e,s)}async function G(e,s,n){var o;let{animation:a,duration:r,velocity:i,transition:h,_toggle:d}=n;const[c="reveal",g="top"]=((o=a[0])==null?void 0:o.split("-"))||[],l=[["left","right"],["top","bottom"]],m=l[t.includes(l[0],g)?0:1],T=m[1]===g,A=["width","height"][l.indexOf(m)],v="margin-"+m[0],_="margin-"+g;let x=t.dimensions(e)[A];const me=t.Transition.inProgress(e);await t.Transition.cancel(e),s&&d(e,!0);const ge=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",v,_].map(Y=>[Y,e.style[Y]])),I=t.dimensions(e),N=t.toFloat(t.css(e,v)),F=t.toFloat(t.css(e,_)),p=I[A]+F;!me&&!s&&(x+=F);const[P]=t.wrapInner(e,"<div>");t.css(P,{boxSizing:"border-box",height:I.height,width:I.width,...t.css(e,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",_])}),t.css(e,{padding:0,border:0,minWidth:0,minHeight:0,[_]:0,width:I.width,height:I.height,overflow:"hidden",[A]:x});const H=x/p;r=(i*p+r)*(s?1-H:H);const L={[A]:s?p:0};T&&(t.css(e,v,p-x+N),L[v]=s?N:p+N),!T^c==="reveal"&&(t.css(P,v,-p+x),t.Transition.start(P,{[v]:s?0:-p},r,h));try{await t.Transition.start(e,L,r,h)}finally{t.css(e,ge),t.unwrap(P.firstChild),s||d(e,!1)}}function J(e,s,n){t.Animation.cancel(e);const{animation:o,duration:a,_toggle:r}=n;return s?(r(e,!0),t.Animation.in(e,o[0],a,n.origin)):t.Animation.out(e,o[1]||o[0],a,n.origin).then(()=>r(e,!1))}const f=[];var K={mixins:[V,z,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(e,s){let{selPanel:n}=e;return t.$(n,s)},transitionElement(){return this.panel},bgClose(e){let{bgClose:s}=e;return s&&this.panel}},beforeDisconnect(){t.includes(f,this)&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate(){return this.selClose},handler(e){e.preventDefault(),this.hide()}},{name:"click",delegate(){return'a[href*="#"]'},handler(e){let{current:s,defaultPrevented:n}=e;const{hash:o}=s;!n&&o&&ee(s)&&!t.within(o,this.$el)&&t.$(o,document.body)&&this.hide()}},{name:"toggle",self:!0,handler(e){e.defaultPrevented||(e.preventDefault(),this.isToggled()===t.includes(f,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler(e){if(t.includes(f,this))return!1;!this.stack&&f.length?(Promise.all(f.map(s=>s.hide())).then(this.show),e.preventDefault()):f.push(this)}},{name:"show",self:!0,handler(){t.once(this.$el,"hide",t.on(document,"focusin",e=>{t.last(f)===this&&!t.within(e.target,this.$el)&&this.$el.focus()})),this.overlay&&(t.once(this.$el,"hidden",Z(this.$el),{self:!0}),t.once(this.$el,"hidden",k(),{self:!0})),this.stack&&t.css(this.$el,"zIndex",t.toFloat(t.css(this.$el,"zIndex"))+f.length),t.addClass(document.documentElement,this.clsPage),this.bgClose&&t.once(this.$el,"hide",t.on(document,t.pointerDown,e=>{let{target:s}=e;t.last(f)!==this||this.overlay&&!t.within(s,this.$el)||t.within(s,this.panel)||t.once(document,t.pointerUp+" "+t.pointerCancel+" scroll",n=>{let{defaultPrevented:o,type:a,target:r}=n;!o&&a===t.pointerUp&&s===r&&this.hide()},!0)}),{self:!0}),this.escClose&&t.once(this.$el,"hide",t.on(document,"keydown",e=>{e.keyCode===27&&t.last(f)===this&&this.hide()}),{self:!0})}},{name:"shown",self:!0,handler(){t.isFocusable(this.$el)||t.attr(this.$el,"tabindex","-1"),t.$(":focus",this.$el)||this.$el.focus()}},{name:"hidden",self:!0,handler(){t.includes(f,this)&&f.splice(f.indexOf(this),1),t.css(this.$el,"zIndex",""),f.some(e=>e.clsPage===this.clsPage)||t.removeClass(document.documentElement,this.clsPage)}}],methods:{toggle(){return this.isToggled()?this.hide():this.show()},show(){return this.container&&t.parent(this.$el)!==this.container?(t.append(this.container,this.$el),new Promise(e=>requestAnimationFrame(()=>this.show().then(e)))):this.toggleElement(this.$el,!0,j)},hide(){return this.toggleElement(this.$el,!1,j)}}};function j(e,s,n){let{transitionElement:o,_toggle:a}=n;return new Promise((r,i)=>t.once(e,"show hide",()=>{e._reject==null||e._reject(),e._reject=i,a(e,s);const h=t.once(o,"transitionstart",()=>{t.once(o,"transitionend transitioncancel",r,{self:!0}),clearTimeout(d)},{self:!0}),d=setTimeout(()=>{h(),r()},Q(t.css(o,"transitionDuration")))})).then(()=>delete e._reject)}function Q(e){return e?t.endsWith(e,"ms")?t.toFloat(e):t.toFloat(e)*1e3:0}function Z(e){if(CSS.supports("overscroll-behavior","contain")){const o=U(e,a=>/auto|scroll/.test(t.css(a,"overflow")));return t.css(o,"overscrollBehavior","contain"),()=>t.css(o,"overscrollBehavior","")}let s;const n=[t.on(e,"touchstart",o=>{let{targetTouches:a}=o;a.length===1&&(s=a[0].clientY)},{passive:!0}),t.on(e,"touchmove",o=>{if(o.targetTouches.length!==1)return;let[a]=t.scrollParents(o.target,/auto|scroll/);t.within(a,e)||(a=e);const r=o.targetTouches[0].clientY-s,{scrollTop:i,scrollHeight:h,clientHeight:d}=a;(d>=h||i===0&&r>0||h-i<=d&&r<0)&&o.cancelable&&o.preventDefault()},{passive:!1})];return()=>n.forEach(o=>o())}let S;function k(){if(S)return t.noop;S=!0;const{scrollingElement:e}=document;return t.css(e,{overflowY:"hidden",touchAction:"none",paddingRight:t.width(window)-e.clientWidth}),()=>{S=!1,t.css(e,{overflowY:"",touchAction:"",paddingRight:""})}}function U(e,s){const n=[];return t.apply(e,o=>{s(o)&&n.push(o)}),n}function ee(e){return["origin","pathname","search"].every(s=>e[s]===location[s])}function te(e,s,n,o){let{animation:a,easing:r}=o;const{percent:i,translate:h,show:d=t.noop}=a,c=d(n),g=new t.Deferred;return{dir:n,show(l,m,T){m===void 0&&(m=0);const b=T?"linear":r;return l-=Math.round(l*t.clamp(m,-1,1)),this.translate(m),C(s,"itemin",{percent:m,duration:l,timing:b,dir:n}),C(e,"itemout",{percent:1-m,duration:l,timing:b,dir:n}),Promise.all([t.Transition.start(s,c[1],l,b),t.Transition.start(e,c[0],l,b)]).then(()=>{this.reset(),g.resolve()},t.noop),g.promise},cancel(){t.Transition.cancel([s,e])},reset(){for(const l in c[0])t.css([s,e],l,"")},forward(l,m){return m===void 0&&(m=this.percent()),t.Transition.cancel([s,e]),this.show(l,m,!0)},translate(l){this.reset();const m=h(l,n);t.css(s,m[1]),t.css(e,m[0]),C(s,"itemtranslatein",{percent:l,dir:n}),C(e,"itemtranslateout",{percent:1-l,dir:n})},percent(){return i(e||s,s,n)},getDistance(){return e==null?void 0:e.offsetWidth}}}function C(e,s,n){t.trigger(e,t.createEvent(s,!1,!1,n))}var se={connected(){var e;this.registerObserver(t.observeResize(((e=this.$options.resizeTargets)==null?void 0:e.call(this))||this.$el,()=>this.$emit("resize")))}},ne={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){t.attr(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el(){return document},filter(){return this.autoplay},handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>(!this.draggable||!t.$(":focus",this.$el))&&(!this.pauseOnHover||!t.matches(this.$el,":hover"))&&!this.stack.length&&this.show("next"),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)}}};const E={passive:!1,capture:!0},M={passive:!0,capture:!0},oe="touchstart mousedown",D="touchmove mousemove",W="touchend touchcancel mouseup click input scroll";var re={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const e of["start","move","end"]){const s=this[e];this[e]=n=>{const o=t.getEventPos(n).x*(t.isRtl?-1:1);this.prevPos=o===this.pos?this.prevPos:this.pos,this.pos=o,s(n)}}},events:[{name:oe,passive:!0,delegate(){return this.selSlides},handler(e){!this.draggable||!t.isTouch(e)&&ae(e.target)||t.closest(e.target,t.selInput)||e.button>0||this.length<2||this.start(e)}},{name:"dragstart",handler(e){e.preventDefault()}},{name:D,el(){return this.list},handler:t.noop,...E}],methods:{start(){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,t.on(document,D,this.move,E),t.on(document,W,this.end,M),t.css(this.list,"userSelect","none")},move(e){const s=this.pos-this.drag;if(s===0||this.prevPos===this.pos||!this.dragging&&Math.abs(s)<this.threshold)return;t.css(this.list,"pointerEvents","none"),e.cancelable&&e.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;const{slides:n}=this;let{prevIndex:o}=this,a=Math.abs(s),r=this.getIndex(o+this.dir,o),i=this._getDistance(o,r)||n[o].offsetWidth;for(;r!==o&&a>i;)this.drag-=i*this.dir,o=r,a-=i,r=this.getIndex(o+this.dir,o),i=this._getDistance(o,r)||n[o].offsetWidth;this.percent=a/i;const h=n[o],d=n[r],c=this.index!==r,g=o===r;let l;[this.index,this.prevIndex].filter(m=>!t.includes([r,o],m)).forEach(m=>{t.trigger(n[m],"itemhidden",[this]),g&&(l=!0,this.prevIndex=o)}),(this.index===o&&this.prevIndex!==o||l)&&t.trigger(n[this.index],"itemshown",[this]),c&&(this.prevIndex=o,this.index=r,!g&&t.trigger(h,"beforeitemhide",[this]),t.trigger(d,"beforeitemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),h,!g&&d),c&&(!g&&t.trigger(h,"itemhide",[this]),t.trigger(d,"itemshow",[this]))},end(){if(t.off(document,D,this.move,E),t.off(document,W,this.end,M),this.dragging)if(this.dragging=null,this.index===this.prevIndex)this.percent=1-this.percent,this.dir*=-1,this._show(!1,this.index,!0),this._transitioner=null;else{const e=(t.isRtl?this.dir*(t.isRtl?1:-1):this.dir)<0==this.prevPos>this.pos;this.index=e?this.index:this.prevIndex,e&&(this.percent=1-this.percent),this.show(this.dir>0&&!e||this.dir<0&&e?"next":"previous",!0)}t.css(this.list,{userSelect:"",pointerEvents:""}),this.drag=this.percent=null}}};function ae(e){return t.css(e,"userSelect")!=="none"&&t.toNodes(e.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}var ie={data:{selNav:!1},computed:{nav(e,s){let{selNav:n}=e;return t.$(n,s)},selNavItem(e){let{attrItem:s}=e;return"["+s+"],[data-"+s+"]"},navItems(e,s){return t.$$(this.selNavItem,s)}},update:{write(){this.nav&&this.length!==this.nav.children.length&&t.html(this.nav,this.slides.map((e,s)=>"<li "+this.attrItem+'="'+s+'"><a href></a></li>').join("")),this.navItems.concat(this.nav).forEach(e=>e&&(e.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]},events:[{name:"click",delegate(){return this.selNavItem},handler(e){e.preventDefault(),this.show(t.data(e.current,this.attrItem))}},{name:"itemshow",handler:"updateNav"}],methods:{updateNav(){const e=this.getValidIndex();for(const s of this.navItems){const n=t.data(s,this.attrItem);t.toggleClass(s,this.clsActive,t.toNumber(n)===e),t.toggleClass(s,"uk-invisible",this.finite&&(n==="previous"&&e===0||n==="next"&&e>=this.maxIndex))}}}},he={mixins:[ne,re,ie,se],props:{clsActivated:Boolean,easing:String,index:Number,finite:Boolean,velocity:Number,selSlides:String},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:!1,Transitioner:!1,transitionOptions:{}}),connected(){this.prevIndex=-1,this.index=this.getValidIndex(this.$props.index),this.stack=[]},disconnected(){t.removeClass(this.slides,this.clsActive)},computed:{duration(e,s){let{velocity:n}=e;return ce(s.offsetWidth/n)},list(e,s){let{selList:n}=e;return t.$(n,s)},maxIndex(){return this.length-1},selSlides(e){let{selList:s,selSlides:n}=e;return s+" "+(n||"> *")},slides:{get(){return t.$$(this.selSlides,this.$el)},watch(){this.$emit("resize")}},length(){return this.slides.length}},methods:{show(e,s){if(s===void 0&&(s=!1),this.dragging||!this.length)return;const{stack:n}=this,o=s?0:n.length,a=()=>{n.splice(o,1),n.length&&this.show(n.shift(),!0)};if(n[s?"unshift":"push"](e),!s&&n.length>1){n.length===2&&this._transitioner.forward(Math.min(this.duration,200));return}const r=this.getIndex(this.index),i=t.hasClass(this.slides,this.clsActive)&&this.slides[r],h=this.getIndex(e,this.index),d=this.slides[h];if(i===d){a();return}if(this.dir=de(e,r),this.prevIndex=r,this.index=h,i&&!t.trigger(i,"beforeitemhide",[this])||!t.trigger(d,"beforeitemshow",[this,i])){this.index=this.prevIndex,a();return}const c=this._show(i,d,s).then(()=>(i&&t.trigger(i,"itemhidden",[this]),t.trigger(d,"itemshown",[this]),new Promise(g=>{requestAnimationFrame(()=>{n.shift(),n.length?this.show(n.shift(),!0):this._transitioner=null,g()})})));return i&&t.trigger(i,"itemhide",[this]),t.trigger(d,"itemshow",[this]),c},getIndex(e,s){return e===void 0&&(e=this.index),s===void 0&&(s=this.index),t.clamp(t.getIndex(e,this.slides,s,this.finite),0,this.maxIndex)},getValidIndex(e,s){return e===void 0&&(e=this.index),s===void 0&&(s=this.prevIndex),this.getIndex(e,s)},_show(e,s,n){if(this._transitioner=this._getTransitioner(e,s,this.dir,{easing:n?s.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}),!n&&!e)return this._translate(1),Promise.resolve();const{length:o}=this.stack;return this._transitioner[o>1?"forward":"show"](o>1?Math.min(this.duration,75+75/(o-1)):this.duration,this.percent)},_getDistance(e,s){return this._getTransitioner(e,e!==s&&s).getDistance()},_translate(e,s,n){s===void 0&&(s=this.prevIndex),n===void 0&&(n=this.index);const o=this._getTransitioner(s!==n?s:!1,n);return o.translate(e),o},_getTransitioner(e,s,n,o){return e===void 0&&(e=this.prevIndex),s===void 0&&(s=this.index),n===void 0&&(n=this.dir||1),o===void 0&&(o=this.transitionOptions),new this.Transitioner(t.isNumber(e)?this.slides[e]:e,t.isNumber(s)?this.slides[s]:s,n*(t.isRtl?-1:1),o)}}};function de(e,s){return e==="next"?1:e==="previous"||e<s?-1:1}function ce(e){return .5*e+300}var le={mixins:[he],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:u,Transitioner:te},computed:{animation(e){let{animation:s,Animations:n}=e;return{...n[s]||n.slide,name:s}},transitionOptions(){return{animation:this.animation}}},events:{beforeitemshow(e){let{target:s}=e;t.addClass(s,this.clsActive)},itemshown(e){let{target:s}=e;t.addClass(s,this.clsActivated)},itemhidden(e){let{target:s}=e;t.removeClass(s,this.clsActive,this.clsActivated)}}},R={mixins:[z,K,O,le],functional:!0,props:{delayControls:Number,preload:Number,videoAutoplay:Boolean,template:String},data:()=>({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:B,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(){const e=t.$(this.template),s=t.$(this.selList,e);this.items.forEach(()=>t.append(s,"<li>")),this.$mount(t.append(this.container,e))},computed:{caption(e,s){let{selCaption:n}=e;return t.$(n,s)}},events:[{name:t.pointerMove+" "+t.pointerDown+" keydown",handler:"showControls"},{name:"click",self:!0,delegate(){return this.selSlides},handler(e){e.defaultPrevented||this.hide()}},{name:"shown",self:!0,handler(){this.showControls()}},{name:"hide",self:!0,handler(){this.hideControls(),t.removeClass(this.slides,this.clsActive),t.Transition.stop(this.slides)}},{name:"hidden",self:!0,handler(){this.$destroy(!0)}},{name:"keyup",el(){return document},handler(e){if(!(!this.isToggled(this.$el)||!this.draggable))switch(e.keyCode){case 37:this.show("previous");break;case 39:this.show("next");break}}},{name:"beforeitemshow",handler(e){this.isToggled()||(this.draggable=!1,e.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=B.scale,t.removeClass(e.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshow",handler(){t.html(this.caption,this.getItem().caption||"");for(let e=-this.preload;e<=this.preload;e++)this.loadItem(this.index+e)}},{name:"itemshown",handler(){this.draggable=this.$props.draggable}},{name:"itemload",async handler(e,s){const{source:n,type:o,alt:a="",poster:r,attrs:i={}}=s;if(this.setItem(s,"<span uk-spinner></span>"),!n)return;let h;const d={allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":""+this.videoAutoplay};if(o==="image"||n.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i))try{const{width:c,height:g}=await t.getImage(n,i.srcset,i.size);this.setItem(s,w("img",{src:n,width:c,height:g,alt:a,...i}))}catch{this.setError(s)}else if(o==="video"||n.match(/\.(mp4|webm|ogv)($|\?)/i)){const c=w("video",{src:n,poster:r,controls:"",playsinline:"","uk-video":""+this.videoAutoplay,...i});t.on(c,"loadedmetadata",()=>{t.attr(c,{width:c.videoWidth,height:c.videoHeight}),this.setItem(s,c)}),t.on(c,"error",()=>this.setError(s))}else if(o==="iframe"||n.match(/\.(html|php)($|\?)/i))this.setItem(s,w("iframe",{src:n,allowfullscreen:"",class:"uk-lightbox-iframe",...i}));else if(h=n.match(/\/\/(?:.*?youtube(-nocookie)?\..*?[?&]v=|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(s,w("iframe",{src:"https://www.youtube"+(h[1]||"")+".com/embed/"+h[2]+(h[3]?"?"+h[3]:""),width:1920,height:1080,...d,...i}));else if(h=n.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))try{const{height:c,width:g}=await(await fetch("https://vimeo.com/api/oembed.json?maxwidth=1920&url="+encodeURI(n),{credentials:"omit"})).json();this.setItem(s,w("iframe",{src:"https://player.vimeo.com/video/"+h[1]+(h[2]?"?"+h[2]:""),width:g,height:c,...d,...i}))}catch{this.setError(s)}}}],methods:{loadItem(e){e===void 0&&(e=this.index);const s=this.getItem(e);this.getSlide(s).childElementCount||t.trigger(this.$el,"itemload",[s])},getItem(e){return e===void 0&&(e=this.index),this.items[t.getIndex(e,this.slides)]},setItem(e,s){t.trigger(this.$el,"itemloaded",[this,t.html(this.getSlide(e),s)])},getSlide(e){return this.slides[this.items.indexOf(e)]},setError(e){this.setItem(e,'<span uk-icon="icon: bolt; ratio: 2"></span>')},showControls(){clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout(this.hideControls,this.delayControls),t.addClass(this.$el,"uk-active","uk-transition-active")},hideControls(){t.removeClass(this.$el,"uk-active","uk-transition-active")}}};function w(e,s){const n=t.fragment("<"+e+">");return t.attr(n,s),n}return typeof window<"u"&&window.UIkit&&window.UIkit.component("lightboxPanel",R),R});
|