UNPKG

uikit

Version:

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

getuikit.com

uikit/uikit

2 lines (1 loc) • 27.6 kB
1
2
/*! UIkit 3.23.10 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(t,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitlightbox_panel",["uikit-util"],k):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitLightbox_panel=k(t.UIkit.util))})(this,function(t){"use strict";function k(e,s="update"){e._connected&&e._updates.length&&(e._queued||(e._queued=new Set,t.fastdom.read(()=>{e._connected&&Q(e,e._queued),e._queued=null})),e._queued.add(s.type||s))}function Q(e,s){for(const{read:i,write:n,events:o=[]}of e._updates){if(!s.has("update")&&!o.some(h=>s.has(h)))continue;let r;i&&(r=i.call(e,e._data,s),r&&t.isPlainObject(r)&&t.assign(e._data,r)),n&&r!==!1&&t.fastdom.write(()=>{e._connected&&n.call(e,e._data,s)})}}function Y(e){return D(t.observeResize,e,"resize")}function Z(e){return D(t.observeIntersection,e)}function D(e,s,i){return{observe:e,handler(){k(this,i)},...s}}function K(e,s=[]){try{return e?t.startsWith(e,"{")?JSON.parse(e):s.length&&!t.includes(e,":")?{[s[0]]:e}:e.split(";").reduce((i,n)=>{const[o,r]=n.split(/:(.*)/);return o&&!t.isUndefined(r)&&(i[o.trim()]=r.trim()),i},{}):{}}catch{return{}}}Z({handler(e,s){this.load(),s.disconnect()},options:({margin:e})=>({rootMargin:e}),filter:({loading:e})=>e==="lazy",target:({$el:e,$props:s})=>s.target?[e,...t.queryAll(s.target,e)]:e});function ee(e,s){if(s=te(s),s.length){const i=t.fragment("<picture>");for(const n of s){const o=t.fragment("<source>");t.attr(o,n),t.append(i,o)}t.append(i,e)}}function te(e){if(!e)return[];if(t.startsWith(e,"["))try{e=JSON.parse(e)}catch{e=[]}else e=K(e);return t.isArray(e)||(e=[e]),e.filter(s=>!t.isEmpty(s))}let E;function se(e){const s=t.on(e,"touchstart",o=>{if(o.targetTouches.length!==1||t.matches(o.target,'input[type="range"'))return;let r=t.getEventPos(o).y;const h=t.on(e,"touchmove",a=>{const d=t.getEventPos(a).y;d!==r&&(r=d,t.scrollParents(a.target).some(c=>{if(!e.contains(c))return!1;let{scrollHeight:m,clientHeight:l}=c;return l<m})||a.preventDefault())},{passive:!1});t.once(e,"scroll touchend touchcanel",h,{capture:!0})},{passive:!0});if(E)return s;E=!0;const{scrollingElement:i}=document,n={overflowY:CSS.supports("overflow","clip")?"clip":"hidden",touchAction:"none",paddingRight:t.width(window)-i.clientWidth||""};return t.css(i,n),()=>{E=!1,s(),t.resetProps(i,n)}}var ie={connected(){t.addClass(this.$el,this.$options.id)}},ne={props:{container:Boolean},data:{container:!0},computed:{container({container:e}){return e===!0&&this.$container||e&&t.$(e)}}};function O(e){e.target.closest('a[href="#"],a[href=""]')&&e.preventDefault()}function re(e){const s=t.scrollParent(e),{scrollTop:i}=s;return()=>{i!==s.scrollTop&&(s.scrollTop=i)}}var oe={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-togglable-enter",clsLeave:"uk-togglable-leave"},computed:{hasAnimation:({animation:e})=>!!e[0],hasTransition:({animation:e})=>["slide","reveal"].some(s=>t.startsWith(e[0],s))},methods:{async toggleElement(e,s,i){try{return await Promise.all(t.toNodes(e).map(n=>{const o=t.isBoolean(s)?s:!this.isToggled(n);if(!t.trigger(n,`before${o?"show":"hide"}`,[this]))return Promise.reject();const r=(t.isFunction(i)?i:i===!1||!this.hasAnimation?ae:this.hasTransition?he:de)(n,o,this),h=o?this.clsEnter:this.clsLeave;t.addClass(n,h),t.trigger(n,o?"show":"hide",[this]);const a=()=>{var d;if(t.removeClass(n,h),t.trigger(n,o?"shown":"hidden",[this]),o){const c=re(n);(d=t.$$("[autofocus]",n).find(t.isVisible))==null||d.focus(),c()}};return r?r.then(a,()=>(t.removeClass(n,h),Promise.reject())):a()})),!0}catch{return!1}},isToggled(e=this.$el){return e=t.toNode(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=!!s;let i;this.cls?(i=t.includes(this.cls," ")||s!==t.hasClass(e,this.cls),i&&t.toggleClass(e,this.cls,t.includes(this.cls," ")?void 0:s)):(i=s===e.hidden,i&&(e.hidden=!s)),i&&t.trigger(e,"toggled",[s,this])}}};function ae(e,s,{_toggle:i}){return t.Animation.cancel(e),t.Transition.cancel(e),i(e,s)}async function he(e,s,{animation:i,duration:n,velocity:o,transition:r,_toggle:h}){var a;const[d="reveal",c="top"]=((a=i[0])==null?void 0:a.split("-"))||[],m=[["left","right"],["top","bottom"]],l=m[t.includes(m[0],c)?0:1],f=l[1]===c,u=["width","height"][m.indexOf(l)],x=`margin-${l[0]}`,A=`margin-${c}`;let w=t.dimensions(e)[u];const Ne=t.Transition.inProgress(e);await t.Transition.cancel(e),s&&h(e,!0);const De=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",x,A].map(X=>[X,e.style[X]])),$=t.dimensions(e),N=t.toFloat(t.css(e,x)),V=t.toFloat(t.css(e,A)),b=$[u]+V;!Ne&&!s&&(w+=V);const[_]=t.wrapInner(e,"<div>");t.css(_,{boxSizing:"border-box",height:$.height,width:$.width,...t.css(e,["overflow","padding","borderTop","borderRight","borderBottom","borderLeft","borderImage",A])}),t.css(e,{padding:0,border:0,minWidth:0,minHeight:0,[A]:0,width:$.width,height:$.height,overflow:"hidden",[u]:w});const G=w/b;n=(o*b+n)*(s?1-G:G);const J={[u]:s?b:0};f&&(t.css(e,x,b-w+N),J[x]=s?N:b+N),!f^d==="reveal"&&(t.css(_,x,-b+w),t.Transition.start(_,{[x]:s?0:-b},n,r));try{await t.Transition.start(e,J,n,r)}finally{t.css(e,De),t.unwrap(_.firstChild),s||h(e,!1)}}function de(e,s,i){const{animation:n,duration:o,_toggle:r}=i;return s?(r(e,!0),t.Animation.in(e,n[0],o,i.origin)):t.Animation.out(e,n[1]||n[0],o,i.origin).then(()=>r(e,!1))}const p=[];var le={mixins:[ie,ne,oe],props:{selPanel:String,selClose:String,escClose:Boolean,bgClose:Boolean,stack:Boolean,role:String},data:{cls:"uk-open",escClose:!0,bgClose:!0,overlay:!0,stack:!1,role:"dialog"},computed:{panel:({selPanel:e},s)=>t.$(e,s),transitionElement(){return this.panel}},connected(){const e=this.panel||this.$el;e.role=this.role,this.overlay&&(e.ariaModal=!0)},beforeDisconnect(){t.includes(p,this)&&this.toggleElement(this.$el,!1,!1)},events:[{name:"click",delegate:({selClose:e})=>`${e},a[href*="#"]`,handler(e){const{current:s,defaultPrevented:i}=e,{hash:n}=s;!i&&n&&t.isSameSiteAnchor(s)&&!this.$el.contains(t.$(n))?this.hide():t.matches(s,this.selClose)&&(O(e),this.hide())}},{name:"toggle",self:!0,handler(e,s){e.defaultPrevented||(e.preventDefault(),this.target=s==null?void 0:s.$el,this.isToggled()===t.includes(p,this)&&this.toggle())}},{name:"beforeshow",self:!0,handler(e){if(t.includes(p,this))return!1;!this.stack&&p.length?(Promise.all(p.map(s=>s.hide())).then(this.show),e.preventDefault()):p.push(this)}},{name:"show",self:!0,handler(){this.stack&&t.css(this.$el,"zIndex",t.toFloat(t.css(this.$el,"zIndex"))+p.length);const e=[this.overlay&&fe(this),this.overlay&&se(this.$el),this.bgClose&&pe(this),this.escClose&&me(this)];t.once(this.$el,"hidden",()=>e.forEach(s=>s&&s()),{self:!0}),t.addClass(document.documentElement,this.clsPage),B(this.target,!0)}},{name:"shown",self:!0,handler(){t.isFocusable(this.$el)||(this.$el.tabIndex=-1),t.matches(this.$el,":focus-within")||this.$el.focus()}},{name:"hidden",self:!0,handler(){t.includes(p,this)&&p.splice(p.indexOf(this),1),t.css(this.$el,"zIndex","");const{target:e}=this;p.some(s=>s.clsPage===this.clsPage)||(t.removeClass(document.documentElement,this.clsPage),queueMicrotask(()=>t.isFocusable(e)&&e.focus())),B(e,!1),this.target=null}}],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,M)},hide(){return this.toggleElement(this.$el,!1,M)}}};function M(e,s,{transitionElement:i,_toggle:n}){return new Promise((o,r)=>t.once(e,"show hide",()=>{var h;(h=e._reject)==null||h.call(e),e._reject=r,n(e,s);const a=t.once(i,"transitionstart",()=>{t.once(i,"transitionend transitioncancel",o,{self:!0}),clearTimeout(d)},{self:!0}),d=setTimeout(()=>{a(),o()},ce(t.css(i,"transitionDuration")))})).then(()=>delete e._reject)}function ce(e){return e?t.endsWith(e,"ms")?t.toFloat(e):t.toFloat(e)*1e3:0}function fe(e){return t.on(document,"focusin",s=>{t.last(p)===e&&!e.$el.contains(s.target)&&e.$el.focus()})}function pe(e){return t.on(document,t.pointerDown,({target:s})=>{t.last(p)!==e||e.overlay&&!e.$el.contains(s)||!e.panel||e.panel.contains(s)||t.once(document,`${t.pointerUp} ${t.pointerCancel} scroll`,({defaultPrevented:i,type:n,target:o})=>{!i&&n===t.pointerUp&&s===o&&e.hide()},!0)})}function me(e){return t.on(document,"keydown",s=>{s.keyCode===27&&t.last(p)===e&&e.hide()})}function B(e,s){e!=null&&e.ariaExpanded&&(e.ariaExpanded=s)}var P={slide:{show(e){return[{transform:y(e*-100)},{transform:y()}]},percent(e){return ge(e)},translate(e,s){return[{transform:y(s*-100*e)},{transform:y(s*100*(1-e))}]}}};function ge(e){return Math.abs(new DOMMatrix(t.css(e,"transform")).m41/e.offsetWidth)}function y(e=0,s="%"){return e?`translate3d(${e+s}, 0, 0)`:""}function ue(e,s,i,{animation:n,easing:o}){const{percent:r,translate:h,show:a=t.noop}=n,d=a(i),{promise:c,resolve:m}=ve();return{dir:i,show(l,f=0,q){const u=q?"linear":o;return l-=Math.round(l*t.clamp(f,-1,1)),this.translate(f),I(s,"itemin",{percent:f,duration:l,timing:u,dir:i}),I(e,"itemout",{percent:1-f,duration:l,timing:u,dir:i}),Promise.all([t.Transition.start(s,d[1],l,u),t.Transition.start(e,d[0],l,u)]).then(()=>{this.reset(),m()},t.noop),c},cancel(){return t.Transition.cancel([s,e])},reset(){t.resetProps([s,e],d[0])},async forward(l,f=this.percent()){return await this.cancel(),this.show(l,f,!0)},translate(l){this.reset();const f=h(l,i);t.css(s,f[1]),t.css(e,f[0]),I(s,"itemtranslatein",{percent:l,dir:i}),I(e,"itemtranslateout",{percent:1-l,dir:i})},percent(){return r(e||s,s,i)},getDistance(){return e==null?void 0:e.offsetWidth}}}function I(e,s,i){t.trigger(e,t.createEvent(s,!1,!1,i))}function ve(){let e;return{promise:new Promise(s=>e=s),resolve:e}}var be={props:{i18n:Object},data:{i18n:null},methods:{t(e,...s){var i,n,o;let r=0;return((o=((i=this.i18n)==null?void 0:i[e])||((n=this.$options.i18n)==null?void 0:n[e]))==null?void 0:o.replace(/%s/g,()=>s[r++]||""))||""}}},xe={props:{autoplay:Boolean,autoplayInterval:Number,pauseOnHover:Boolean},data:{autoplay:!1,autoplayInterval:7e3,pauseOnHover:!0},connected(){t.attr(this.list,"aria-live",this.autoplay?"off":"polite"),this.autoplay&&this.startAutoplay()},disconnected(){this.stopAutoplay()},update(){t.attr(this.slides,"tabindex","-1")},events:[{name:"visibilitychange",el:()=>document,filter:({autoplay:e})=>e,handler(){document.hidden?this.stopAutoplay():this.startAutoplay()}}],methods:{startAutoplay(){this.stopAutoplay(),this.interval=setInterval(()=>{this.stack.length||this.draggable&&t.matches(this.$el,":focus-within")&&!t.matches(this.$el,":focus")||this.pauseOnHover&&t.matches(this.$el,":hover")||this.show("next")},this.autoplayInterval)},stopAutoplay(){clearInterval(this.interval)}}};const C={passive:!1,capture:!0},L={passive:!0,capture:!0},ke="touchstart mousedown",S="touchmove mousemove",F="touchend touchcancel mouseup click input scroll";var we={props:{draggable:Boolean},data:{draggable:!0,threshold:10},created(){for(const e of["start","move","end"]){const s=this[e];this[e]=i=>{const n=t.getEventPos(i).x*(t.isRtl?-1:1);this.prevPos=n===this.pos?this.prevPos:this.pos,this.pos=n,s(i)}}},events:[{name:ke,passive:!0,delegate:({selList:e})=>`${e} > *`,handler(e){!this.draggable||this.parallax||!t.isTouch(e)&&$e(e.target)||e.target.closest(t.selInput)||e.button>0||this.length<2||this.start(e)}},{name:"dragstart",handler(e){e.preventDefault()}},{name:S,el:({list:e})=>e,handler:t.noop,...C}],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,S,this.move,C),t.on(document,F,this.end,L),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;e.cancelable&&e.preventDefault(),this.dragging=!0,this.dir=s<0?1:-1;let{slides:i,prevIndex:n}=this,o=Math.abs(s),r=this.getIndex(n+this.dir),h=z.call(this,n,r);for(;r!==n&&o>h;)this.drag-=h*this.dir,n=r,o-=h,r=this.getIndex(n+this.dir),h=z.call(this,n,r);this.percent=o/h;const a=i[n],d=i[r],c=this.index!==r,m=n===r;let l;for(const f of[this.index,this.prevIndex])t.includes([r,n],f)||(t.trigger(i[f],"itemhidden",[this]),m&&(l=!0,this.prevIndex=n));(this.index===n&&this.prevIndex!==n||l)&&t.trigger(i[this.index],"itemshown",[this]),c&&(this.prevIndex=n,this.index=r,m||(t.trigger(a,"beforeitemhide",[this]),t.trigger(a,"itemhide",[this])),t.trigger(d,"beforeitemshow",[this]),t.trigger(d,"itemshow",[this])),this._transitioner=this._translate(Math.abs(this.percent),a,!m&&d)},end(){if(t.off(document,S,this.move,C),t.off(document,F,this.end,L),this.dragging)if(setTimeout(t.on(this.list,"click",e=>e.preventDefault(),C)),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&&(t.trigger(this.slides[this.prevIndex],"itemhidden",[this]),t.trigger(this.slides[this.index],"itemshown",[this]),this.percent=1-this.percent),this.show(this.dir>0&&!e||this.dir<0&&e?"next":"previous",!0)}t.css(this.list,{userSelect:""}),this.drag=this.percent=null}}};function z(e,s){return this._getTransitioner(e,e!==s&&s).getDistance()||this.slides[e].offsetWidth}function $e(e){return t.css(e,"userSelect")!=="none"&&t.toArray(e.childNodes).some(s=>s.nodeType===3&&s.textContent.trim())}t.memoize((e,s)=>{const i=Object.keys(s),n=i.concat(e).map(o=>[t.hyphenate(o),`data-${t.hyphenate(o)}`]).flat();return{attributes:i,filter:n}});let ye=1;function H(e,s=null){return(s==null?void 0:s.id)||`${e.$options.id}-${ye++}`}const g={SPACE:32,END:35,HOME:36,LEFT:37,RIGHT:39};var Ie={i18n:{next:"Next slide",previous:"Previous slide",slideX:"Slide %s",slideLabel:"%s of %s",role:"String"},data:{selNav:!1,role:"region"},computed:{nav:({selNav:e},s)=>t.$(e,s),navChildren(){return t.children(this.nav)},selNavItem:({attrItem:e})=>`[${e}],[data-${e}]`,navItems(e,s){return t.$$(this.selNavItem,s)}},watch:{nav(e,s){t.attr(e,"role","tablist"),this.padNavitems(),s&&this.$emit()},list(e){t.isTag(e,"ul")&&t.attr(e,"role","presentation")},navChildren(e){t.attr(e,"role","presentation"),this.padNavitems(),this.updateNav()},navItems(e){for(const s of e){const i=t.data(s,this.attrItem),n=t.$("a,button",s)||s;let o,r=null;if(t.isNumeric(i)){const h=t.toNumber(i),a=this.slides[h];a&&(a.id||(a.id=H(this,a)),r=a.id),o=this.t("slideX",t.toFloat(i)+1),n.role="tab"}else this.list&&(this.list.id||(this.list.id=H(this,this.list)),r=this.list.id),o=this.t(i);n.ariaControls=r,n.ariaLabel=n.ariaLabel||o}},slides(e){e.forEach((s,i)=>t.attr(s,{role:this.nav?"tabpanel":"group","aria-label":this.t("slideLabel",i+1,this.length),"aria-roledescription":this.nav?null:"slide"})),this.padNavitems()}},connected(){this.$el.role=this.role,this.$el.ariaRoleDescription="carousel"},update:[{write(){this.navItems.concat(this.nav).forEach(e=>e&&(e.hidden=!this.maxIndex)),this.updateNav()},events:["resize"]}],events:[{name:"click keydown",delegate:({selNavItem:e})=>e,filter:({parallax:e})=>!e,handler(e){e.target.closest("a,button")&&(e.type==="click"||e.keyCode===g.SPACE)&&(O(e),this.show(t.data(e.current,this.attrItem)))}},{name:"itemshow",handler(){this.updateNav()}},{name:"keydown",delegate:({selNavItem:e})=>e,filter:({parallax:e})=>!e,handler(e){const{current:s,keyCode:i}=e,n=t.data(s,this.attrItem);if(!t.isNumeric(n))return;let o=i===g.HOME?0:i===g.END?"last":i===g.LEFT?"previous":i===g.RIGHT?"next":-1;~o&&(e.preventDefault(),this.show(o))}}],methods:{updateNav(){const e=this.getValidIndex();for(const s of this.navItems){const i=t.data(s,this.attrItem),n=t.$("a,button",s)||s;if(t.isNumeric(i)){const r=t.toNumber(i)===e;t.toggleClass(s,this.clsActive,r),t.toggleClass(n,"uk-disabled",!!this.parallax),n.ariaSelected=r,n.tabIndex=r&&!this.parallax?null:-1,r&&n&&t.matches(t.parent(s),":focus-within")&&n.focus()}else t.toggleClass(s,"uk-invisible",this.finite&&(i==="previous"&&e===0||i==="next"&&e>=this.maxIndex))}},padNavitems(){if(!this.nav)return;const e=[];for(let s=0;s<this.length;s++){const i=`${this.attrItem}="${s}"`;e[s]=this.navChildren.findLast(n=>n.matches(`[${i}]`))||t.$(`<li ${i}><a href></a></li>`)}t.isEqual(e,this.navChildren)||t.html(this.nav,e)}}};const Ce="cubic-bezier(0.25, 0.46, 0.45, 0.94)",Te="cubic-bezier(0.165, 0.84, 0.44, 1)";var Ae={mixins:[xe,we,Ie,be],props:{clsActivated:String,easing:String,index:Number,finite:Boolean,velocity:Number},data:()=>({easing:"ease",finite:!1,velocity:1,index:0,prevIndex:-1,stack:[],percent:0,clsActive:"uk-active",clsActivated:"",clsEnter:"uk-slide-enter",clsLeave:"uk-slide-leave",clsSlideActive:"uk-slide-active",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:({velocity:e},s)=>Ee(s.offsetWidth/e),list:({selList:e},s)=>t.$(e,s),maxIndex(){return this.length-1},slides(){return t.children(this.list)},length(){return this.slides.length}},watch:{slides(e,s){s&&this.$emit()}},events:{itemshow({target:e}){t.addClass(e,this.clsEnter,this.clsSlideActive)},itemshown({target:e}){t.removeClass(e,this.clsEnter)},itemhide({target:e}){t.addClass(e,this.clsLeave)},itemhidden({target:e}){t.removeClass(e,this.clsLeave,this.clsSlideActive)}},methods:{async show(e,s=!1){var i;if(this.dragging||!this.length||this.parallax)return;const{stack:n}=this,o=s?0:n.length,r=()=>{n.splice(o,1),n.length&&this.show(n.shift(),!0)};if(n[s?"unshift":"push"](e),!s&&n.length>1){n.length===2&&((i=this._transitioner)==null||i.forward(Math.min(this.duration,200)));return}const h=this.getIndex(this.index),a=t.hasClass(this.slides,this.clsActive)&&this.slides[h],d=this.getIndex(e,this.index),c=this.slides[d];if(a===c){r();return}if(this.dir=_e(e,h),this.prevIndex=h,this.index=d,a&&!t.trigger(a,"beforeitemhide",[this])||!t.trigger(c,"beforeitemshow",[this,a])){this.index=this.prevIndex,r();return}a&&t.trigger(a,"itemhide",[this]),t.trigger(c,"itemshow",[this]),await this._show(a,c,s),a&&t.trigger(a,"itemhidden",[this]),t.trigger(c,"itemshown",[this]),n.shift(),this._transitioner=null,n.length&&requestAnimationFrame(()=>n.length&&this.show(n.shift(),!0))},getIndex(e=this.index,s=this.index){return t.clamp(t.getIndex(e,this.slides,s,this.finite),0,Math.max(0,this.maxIndex))},getValidIndex(e=this.index,s=this.prevIndex){return this.getIndex(e,s)},async _show(e,s,i){if(this._transitioner=this._getTransitioner(e,s,this.dir,{easing:i?s.offsetWidth<600?Ce:Te:this.easing,...this.transitionOptions}),!i&&!e){this._translate(1);return}const{length:n}=this.stack;return this._transitioner[n>1?"forward":"show"](n>1?Math.min(this.duration,75+75/(n-1)):this.duration,this.percent)},_translate(e,s=this.prevIndex,i=this.index){const n=this._getTransitioner(s===i?!1:s,i);return n.translate(e),n},_getTransitioner(e=this.prevIndex,s=this.index,i=this.dir||1,n=this.transitionOptions){return new this.Transitioner(t.isNumber(e)?this.slides[e]:e,t.isNumber(s)?this.slides[s]:s,i*(t.isRtl?-1:1),n)}}};function _e(e,s){return e==="next"?1:e==="previous"||e<s?-1:1}function Ee(e){return .5*e+300}var Pe={mixins:[Ae],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:P,Transitioner:ue},computed:{animation({animation:e,Animations:s}){return{...s[e]||s.slide,name:e}},transitionOptions(){return{animation:this.animation}}},observe:Y(),events:{itemshow({target:e}){t.addClass(e,this.clsActive)},itemshown({target:e}){t.addClass(e,this.clsActivated)},itemhidden({target:e}){t.removeClass(e,this.clsActive,this.clsActivated)}}};({...P});function T(e){return`scale3d(${e}, ${e}, 1)`}var R={...P,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:T(1-.2)},{opacity:1,transform:T(1)}]},percent(e){return 1-t.css(e,"opacity")},translate(e){return[{opacity:1-e,transform:T(1-.2*e)},{opacity:e,transform:T(1-.2+.2*e)}]}}},j={i18n:{counter:"%s / %s"},mixins:[le,Pe],functional:!0,props:{counter:Boolean,preload:Number,nav:Boolean,slidenav:Boolean,delayControls:Number,videoAutoplay:Boolean,template:String},data:()=>({counter:!1,preload:1,nav:!1,slidenav:!0,delayControls:3e3,videoAutoplay:!1,items:[],cls:"uk-open",clsPage:"uk-lightbox-page",clsFit:"uk-lightbox-items-fit",clsZoom:"uk-lightbox-zoom",attrItem:"uk-lightbox-item",selList:".uk-lightbox-items",selClose:".uk-close-large",selNav:".uk-lightbox-thumbnav, .uk-lightbox-dotnav",selCaption:".uk-lightbox-caption",selCounter:".uk-lightbox-counter",pauseOnHover:!1,velocity:2,Animations:R,template:'<div class="uk-lightbox uk-overflow-hidden"> <div class="uk-lightbox-items"></div> <div class="uk-position-top-right uk-position-small uk-transition-fade" uk-inverse> <button class="uk-lightbox-close uk-close-large" type="button" uk-close></button> </div> <div class="uk-lightbox-slidenav uk-position-center-left uk-position-medium uk-transition-fade" uk-inverse> <a href uk-slidenav-previous uk-lightbox-item="previous"></a> </div> <div class="uk-lightbox-slidenav uk-position-center-right uk-position-medium uk-transition-fade" uk-inverse> <a href uk-slidenav-next uk-lightbox-item="next"></a> </div> <div class="uk-position-center-right uk-position-medium uk-transition-fade" uk-inverse style="max-height: 90vh; overflow: auto;"> <ul class="uk-lightbox-thumbnav uk-lightbox-thumbnav-vertical uk-thumbnav uk-thumbnav-vertical"></ul> <ul class="uk-lightbox-dotnav uk-dotnav uk-dotnav-vertical"></ul> </div> <div class="uk-lightbox-counter uk-text-large uk-position-top-left uk-position-small uk-transition-fade" uk-inverse></div> <div class="uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque"></div> </div>'}),created(){let e=t.$(this.template);t.isTag(e,"template")&&(e=t.fragment(t.html(e)));const s=t.$(this.selList,e),i=this.$props.nav;t.remove(t.$$(this.selNav,e).filter(r=>!t.matches(r,`.uk-${i}`)));for(const[r,h]of this.items.entries())t.append(s,"<div>"),i==="thumbnav"&&t.wrapAll(Se(h,this.videoAutoplay),t.append(t.$(this.selNav,e),`<li uk-lightbox-item="${r}"><a href></a></li>`));this.slidenav||t.remove(t.$$(".uk-lightbox-slidenav",e)),this.counter||t.remove(t.$(this.selCounter,e)),t.addClass(s,this.clsFit);const n=t.$("[uk-close]",e),o=this.t("close");n&&o&&(n.dataset.i18n=JSON.stringify({label:o})),this.$mount(t.append(this.container,e))},events:[{name:"click",self:!0,filter:({bgClose:e})=>e,delegate:({selList:e})=>`${e} > *`,handler(e){e.defaultPrevented||this.hide()}},{name:"click",self:!0,delegate:({clsZoom:e})=>`.${e}`,handler(e){e.defaultPrevented||t.toggleClass(this.list,this.clsFit)}},{name:`${t.pointerMove} ${t.pointerDown} keydown`,filter:({delayControls:e})=>e,handler(){this.showControls()}},{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:()=>document,handler({keyCode:e}){if(!this.isToggled()||!this.draggable)return;let s=-1;e===g.LEFT?s="previous":e===g.RIGHT?s="next":e===g.HOME?s=0:e===g.END&&(s="last"),~s&&this.show(s)}},{name:"beforeitemshow",handler(e){t.html(t.$(this.selCaption,this.$el),this.getItem().caption||""),t.html(t.$(this.selCounter,this.$el),this.t("counter",this.index+1,this.slides.length));for(let s=-this.preload;s<=this.preload;s++)this.loadItem(this.index+s);this.isToggled()||(this.draggable=!1,e.preventDefault(),this.toggleElement(this.$el,!0,!1),this.animation=R.scale,t.removeClass(e.target,this.clsActive),this.stack.splice(1,0,this.index))}},{name:"itemshown",handler(){this.draggable=this.$props.draggable}},{name:"itemload",async handler(e,s){const{source:i,type:n,attrs:o={}}=s;if(this.setItem(s,"<span uk-spinner uk-inverse></span>"),!i)return;let r;const h={allowfullscreen:"",style:"max-width: 100%; box-sizing: border-box;","uk-responsive":"","uk-video":`${!!this.videoAutoplay}`};if(n==="image"||W(i)){const a=v("img");ee(a,s.sources),t.attr(a,{src:i,...t.pick(s,["alt","srcset","sizes"]),...o}),t.on(a,"load",()=>this.setItem(s,t.parent(a)||a)),t.on(a,"error",()=>this.setError(s))}else if(n==="video"||U(i)){const a=this.videoAutoplay==="inline",d=v("video",{src:i,playsinline:"",controls:a?null:"",loop:a?"":null,poster:this.videoAutoplay?null:s.poster,"uk-video":a?"automute: true":!!this.videoAutoplay,...o});t.on(d,"loadedmetadata",()=>this.setItem(s,d)),t.on(d,"error",()=>this.setError(s))}else if(n==="iframe"||i.match(/\.(html|php)($|\?)/i))this.setItem(s,v("iframe",{src:i,allowfullscreen:"",class:"uk-lightbox-iframe",...o}));else if(r=i.match(/\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(s,v("iframe",{src:`https://www.youtube${r[1]||""}.com/embed/${r[2]}${r[3]?`?${r[3]}`:""}`,width:1920,height:1080,...h,...o}));else if(r=i.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))try{const{height:a,width:d}=await(await fetch(`https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(i)}`,{credentials:"omit"})).json();this.setItem(s,v("iframe",{src:`https://player.vimeo.com/video/${r[1]}${r[2]?`?${r[2]}`:""}`,width:d,height:a,...h,...o}))}catch{this.setError(s)}}},{name:"itemloaded",handler(){this.$emit("resize")}}],update:{read(){for(const e of t.$$(`${this.selList} :not([controls]):is(img,video)`,this.$el))t.toggleClass(e,this.clsZoom,(e.naturalHeight||e.videoHeight)-this.$el.offsetHeight>Math.max(0,(e.naturalWidth||e.videoWidth)-this.$el.offsetWidth))},events:["resize"]},methods:{loadItem(e=this.index){const s=this.getItem(e);this.getSlide(s).childElementCount||t.trigger(this.$el,"itemload",[s])},getItem(e=this.index){return 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" uk-inverse></span>')},showControls(){clearTimeout(this.controlsTimer),this.controlsTimer=this.delayControls&&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 v(e,s){const i=t.fragment(`<${e}>`);return t.attr(i,s),i}function Se(e,s){const i=e.poster||e.thumb&&(e.type==="image"||W(e.thumb))?v("img",{src:e.poster||e.thumb,alt:""}):e.thumb&&(e.type==="video"||U(e.thumb))?v("video",{src:e.thumb,loop:"",playsinline:"","uk-video":`autoplay: ${!!s}; automute: true`}):v("canvas");return e.thumbRatio&&(i.style.aspectRatio=e.thumbRatio),i}function W(e){return e==null?void 0:e.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)}function U(e){return e==null?void 0:e.match(/\.(mp4|webm|ogv)($|\?)/i)}return typeof window<"u"&&window.UIkit&&window.UIkit.component("lightboxPanel",j),j});