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) • 29.1 kB
1
2
/*! UIkit 3.23.11 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(t,x){typeof exports=="object"&&typeof module<"u"?module.exports=x(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitlightbox",["uikit-util"],x):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitLightbox=x(t.UIkit.util))})(this,function(t){"use strict";function x(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[r,o]=n.split(/:(.*)/);return r&&!t.isUndefined(o)&&(i[r.trim()]=o.trim()),i},{}):{}}catch{return{}}}function Y(e,s="update"){e._connected&&e._updates.length&&(e._queued||(e._queued=new Set,t.fastdom.read(()=>{e._connected&&Z(e,e._queued),e._queued=null})),e._queued.add(s.type||s))}function Z(e,s){for(const{read:i,write:n,events:r=[]}of e._updates){if(!s.has("update")&&!r.some(h=>s.has(h)))continue;let o;i&&(o=i.call(e,e._data,s),o&&t.isPlainObject(o)&&t.assign(e._data,o)),n&&o!==!1&&t.fastdom.write(()=>{e._connected&&n.call(e,e._data,s)})}}function K(e){return D(t.observeResize,e,"resize")}function ee(e){return D(t.observeIntersection,e)}function D(e,s,i){return{observe:e,handler(){Y(this,i)},...s}}ee({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 te(e,s){if(s=se(s),s.length){const i=t.fragment("<picture>");for(const n of s){const r=t.fragment("<source>");t.attr(r,n),t.append(i,r)}t.append(i,e)}}function se(e){if(!e)return[];if(t.startsWith(e,"["))try{e=JSON.parse(e)}catch{e=[]}else e=x(e);return t.isArray(e)||(e=[e]),e.filter(s=>!t.isEmpty(s))}let _;function ie(e){const s=t.on(e,"touchstart",r=>{if(r.targetTouches.length!==1||t.matches(r.target,'input[type="range"'))return;let o=t.getEventPos(r).y;const h=t.on(e,"touchmove",a=>{const d=t.getEventPos(a).y;d!==o&&(o=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(_)return s;_=!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),()=>{_=!1,s(),t.resetProps(i,n)}}var ne={connected(){t.addClass(this.$el,this.$options.id)}},oe={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 ae={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 r=t.isBoolean(s)?s:!this.isToggled(n);if(!t.trigger(n,`before${r?"show":"hide"}`,[this]))return Promise.reject();const o=(t.isFunction(i)?i:i===!1||!this.hasAnimation?he:this.hasTransition?de:le)(n,r,this),h=r?this.clsEnter:this.clsLeave;t.addClass(n,h),t.trigger(n,r?"show":"hide",[this]);const a=()=>{var d;if(t.removeClass(n,h),t.trigger(n,r?"shown":"hidden",[this]),r){const c=re(n);(d=t.$$("[autofocus]",n).find(t.isVisible))==null||d.focus(),c()}};return o?o.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 he(e,s,{_toggle:i}){return t.Animation.cancel(e),t.Transition.cancel(e),i(e,s)}async function de(e,s,{animation:i,duration:n,velocity:r,transition:o,_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)],k=`margin-${l[0]}`,A=`margin-${c}`;let w=t.dimensions(e)[u];const Le=t.Transition.inProgress(e);await t.Transition.cancel(e),s&&h(e,!0);const Fe=Object.fromEntries(["padding","border","width","height","minWidth","minHeight","overflowY","overflowX",k,A].map(Q=>[Q,e.style[Q]])),$=t.dimensions(e),N=t.toFloat(t.css(e,k)),G=t.toFloat(t.css(e,A)),b=$[u]+G;!Le&&!s&&(w+=G);const[P]=t.wrapInner(e,"<div>");t.css(P,{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 J=w/b;n=(r*b+n)*(s?1-J:J);const X={[u]:s?b:0};f&&(t.css(e,k,b-w+N),X[k]=s?N:b+N),!f^d==="reveal"&&(t.css(P,k,-b+w),t.Transition.start(P,{[k]:s?0:-b},n,o));try{await t.Transition.start(e,X,n,o)}finally{t.css(e,Fe),t.unwrap(P.firstChild),s||h(e,!1)}}function le(e,s,i){const{animation:n,duration:r,_toggle:o}=i;return s?(o(e,!0),t.Animation.in(e,n[0],r,i.origin)):t.Animation.out(e,n[1]||n[0],r,i.origin).then(()=>o(e,!1))}const p=[];var ce={mixins:[ne,oe,ae],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&&pe(this),this.overlay&&ie(this.$el),this.bgClose&&me(this),this.escClose&&ge(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((r,o)=>t.once(e,"show hide",()=>{var h;(h=e._reject)==null||h.call(e),e._reject=o,n(e,s);const a=t.once(i,"transitionstart",()=>{t.once(i,"transitionend transitioncancel",r,{self:!0}),clearTimeout(d)},{self:!0}),d=setTimeout(()=>{a(),r()},fe(t.css(i,"transitionDuration")))})).then(()=>delete e._reject)}function fe(e){return e?t.endsWith(e,"ms")?t.toFloat(e):t.toFloat(e)*1e3:0}function pe(e){return t.on(document,"focusin",s=>{t.last(p)===e&&!e.$el.contains(s.target)&&e.$el.focus()})}function me(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:r})=>{!i&&n===t.pointerUp&&s===r&&e.hide()},!0)})}function ge(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 S={slide:{show(e){return[{transform:y(e*-100)},{transform:y()}]},percent(e){return ue(e)},translate(e,s){return[{transform:y(s*-100*e)},{transform:y(s*100*(1-e))}]}}};function ue(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 ve(e,s,i,{animation:n,easing:r}){const{percent:o,translate:h,show:a=t.noop}=n,d=a(i),{promise:c,resolve:m}=be();return{dir:i,show(l,f=0,V){const u=V?"linear":r;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 o(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 be(){let e;return{promise:new Promise(s=>e=s),resolve:e}}var xe={props:{i18n:Object},data:{i18n:null},methods:{t(e,...s){var i,n,r;let o=0;return((r=((i=this.i18n)==null?void 0:i[e])||((n=this.$options.i18n)==null?void 0:n[e]))==null?void 0:r.replace(/%s/g,()=>s[o++]||""))||""}}},ke={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},we="touchstart mousedown",E="touchmove mousemove",F="touchend touchcancel mouseup click input scroll";var $e={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:we,passive:!0,delegate:({selList:e})=>`${e} > *`,handler(e){!this.draggable||this.parallax||!t.isTouch(e)&&ye(e.target)||e.target.closest(t.selInput)||e.button>0||this.length<2||this.start(e)}},{name:"dragstart",handler(e){e.preventDefault()}},{name:E,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,E,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,r=Math.abs(s),o=this.getIndex(n+this.dir),h=H.call(this,n,o);for(;o!==n&&r>h;)this.drag-=h*this.dir,n=o,r-=h,o=this.getIndex(n+this.dir),h=H.call(this,n,o);this.percent=r/h;const a=i[n],d=i[o],c=this.index!==o,m=n===o;let l;for(const f of[this.index,this.prevIndex])t.includes([o,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=o,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,E,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 H(e,s){return this._getTransitioner(e,e!==s&&s).getDistance()||this.slides[e].offsetWidth}function ye(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(r=>[t.hyphenate(r),`data-${t.hyphenate(r)}`]).flat();return{attributes:i,filter:n}});let Ie=1;function z(e,s=null){return(s==null?void 0:s.id)||`${e.$options.id}-${Ie++}`}const g={SPACE:32,END:35,HOME:36,LEFT:37,RIGHT:39};var Ce={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 r,o=null;if(t.isNumeric(i)){const h=t.toNumber(i),a=this.slides[h];a&&(a.id||(a.id=z(this,a)),o=a.id),r=this.t("slideX",t.toFloat(i)+1),n.role="tab"}else this.list&&(this.list.id||(this.list.id=z(this,this.list)),o=this.list.id),r=this.t(i);n.ariaControls=o,n.ariaLabel=n.ariaLabel||r}},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 r=i===g.HOME?0:i===g.END?"last":i===g.LEFT?"previous":i===g.RIGHT?"next":-1;~r&&(e.preventDefault(),this.show(r))}}],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 o=t.toNumber(i)===e;t.toggleClass(s,this.clsActive,o),t.toggleClass(n,"uk-disabled",!!this.parallax),n.ariaSelected=o,n.tabIndex=o&&!this.parallax?null:-1,o&&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 Te="cubic-bezier(0.25, 0.46, 0.45, 0.94)",Ae="cubic-bezier(0.165, 0.84, 0.44, 1)";var Pe={mixins:[ke,$e,Ce,xe],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)=>Se(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,r=s?0:n.length,o=()=>{n.splice(r,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){o();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,o();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?Te:Ae: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 Se(e){return .5*e+300}var Ee={mixins:[Pe],props:{animation:String},data:{animation:"slide",clsActivated:"uk-transition-active",Animations:S,Transitioner:ve},computed:{animation({animation:e,Animations:s}){return{...s[e]||s.slide,name:e}},transitionOptions(){return{animation:this.animation}}},observe:K(),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)}}};({...S});function T(e){return`scale3d(${e}, ${e}, 1)`}var R={...S,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)}]}}},Ne={i18n:{counter:"%s / %s"},mixins:[ce,Ee],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(o=>!t.matches(o,`.uk-${i}`)));for(const[o,h]of this.items.entries())t.append(s,"<div>"),i==="thumbnav"&&t.wrapAll(De(h,this.videoAutoplay),t.append(t.$(this.selNav,e),`<li uk-lightbox-item="${o}"><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),r=this.t("close");n&&r&&(n.dataset.i18n=JSON.stringify({label:r})),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:r={}}=s;if(this.setItem(s,"<span uk-spinner uk-inverse></span>"),!i)return;let o;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");te(a,s.sources),t.attr(a,{src:i,...t.pick(s,["alt","srcset","sizes"]),...r}),t.on(a,"load",()=>this.setItem(s,t.parent(a)||a)),t.on(a,"error",()=>this.setError(s))}else if(n==="video"||j(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,...r});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",...r}));else if(o=i.match(/\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))this.setItem(s,v("iframe",{src:`https://www.youtube${o[1]||""}.com/embed/${o[2]}${o[3]?`?${o[3]}`:""}`,width:1920,height:1080,...h,...r}));else if(o=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/${o[1]}${o[2]?`?${o[2]}`:""}`,width:d,height:a,...h,...r}))}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 De(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"||j(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 j(e){return e==null?void 0:e.match(/\.(mp4|webm|ogv)($|\?)/i)}const Oe=".uk-disabled *, .uk-disabled, [disabled]";var q={install:Me,props:{toggle:String},data:{toggle:"a"},computed:{toggles:({toggle:e},s)=>t.$$(e,s)},watch:{toggles(e){this.hide();for(const s of e)t.isTag(s,"a")&&(s.role="button")}},disconnected(){this.hide()},events:{name:"click",delegate:({toggle:e})=>e,handler(e){e.defaultPrevented||(e.preventDefault(),t.matches(e.current,Oe)||this.show(e.current))}},methods:{show(e){let s=this.toggles.map(U);if(this.nav==="thumbnav"&&Be.call(this,this.toggles,s),s=t.uniqueBy(s,"source"),t.isElement(e)){const{source:i}=U(e);e=t.findIndex(s,({source:n})=>i===n)}return this.panel=this.panel||this.$create("lightboxPanel",{...this.$props,items:s}),t.on(this.panel.$el,"hidden",()=>this.panel=null),this.panel.show(e)},hide(){var e;return(e=this.panel)==null?void 0:e.hide()}}};function Me(e,s){e.lightboxPanel||e.component("lightboxPanel",Ne),t.assign(s.props,e.component("lightboxPanel").options.props)}function Be(e,s){for(const[i,n]of Object.entries(e)){if(s[i].thumb)continue;const r=t.parents(n).reverse().concat(n).find(h=>this.$el.contains(h)&&(h===n||t.$$(this.toggle,h).length===1));if(!r)continue;const o=t.$("img,video",r);o&&(s[i].thumb=o.currentSrc||o.poster||o.src,s[i].thumbRatio=(o.naturalWidth||o.videoWidth)/(o.naturalHeight||o.videoHeight))}}function U(e){const s={};for(const i of e.getAttributeNames()){const n=i.replace(/^data-/,"");s[n==="href"?"source":n]=e.getAttribute(i)}return s.attrs=x(s.attrs),s}return typeof window<"u"&&window.UIkit&&window.UIkit.component("lightbox",q),q});