1"use strict";(self.webpackChunktinggly_web=self.webpackChunktinggly_web||[]).push([[2506],{2506:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var t=i(9726),o={class:"h4 mb-5"},r={class:"users-content-slider position-relative"},l=["onClick"],a=["src"],d={key:2,class:"video-loading-spinner"};var s=i(434),c=i(2717),p=i(7893);const u={data:function(){return{swiperBreakpoints:{576:{slidesPerView:3,spaceBetween:12},768:{slidesPerView:4,spaceBetween:24},992:{slidesPerView:5,spaceBetween:24}},playingId:null,videoReady:!1,base:"https://tinggly.directus.app/assets/"}},props:{items:{type:Array},title:{type:String,default:"Activity Gifts Loved by Thousands of People"}},components:{Swiper:s.RC,SwiperSlide:s.qr,Sprite:c.A,ImageCdn:p.A},methods:{playVideo:function(e){var n=this.playingId===e.id;this.resetVideo(),n||(this.playingId=e.id)},resetVideo:function(){var e,n=null===(e=this.$refs["video"+this.playingId])||void 0===e?void 0:e[0];null==n||n.pause(),this.playingId=null,this.videoReady=!1},onVideoReady:function(){this.videoReady=!0},onEnded:function(){this.resetVideo()}},watch:{playingId:{handler:function(){var e=this;this.$nextTick((function(){var n;e.playingId&&(null===(n=e.$refs["video"+e.playingId])||void 0===n||null===(n=n[0])||void 0===n||n.play())}))}}},setup:function(){var e=(0,t.ref)(null),n=(0,t.ref)(!0),i=(0,t.ref)(!1);return{onSwiper:function(n){e.value=n},mainSwiper:e,isBeginning:n,isEnd:i,onSlideChange:function(e){n.value=e.isBeginning,i.value=e.isEnd}}}};const m=(0,i(6262).A)(u,[["render",function(e,n,i,s,c,p){var u=(0,t.resolveComponent)("ImageCdn"),m=(0,t.resolveComponent)("Sprite"),f=(0,t.resolveComponent)("swiper-slide"),v=(0,t.resolveComponent)("swiper");return(0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)("h2",o,(0,t.toDisplayString)(i.title),1),(0,t.createElementVNode)("div",r,[(0,t.createVNode)(v,{slidesPerView:2,spaceBetween:12,loop:!1,breakpoints:c.swiperBreakpoints,onSwiper:s.onSwiper,onSlideChange:s.onSlideChange,lazy:{enabled:!0,loadPrevNext:!0},preloadImages:!1,watchSlidesProgress:!0},{default:(0,t.withCtx)((function(){return[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i.items,(function(e){return(0,t.openBlock)(),(0,t.createBlock)(f,null,{default:(0,t.withCtx)((function(){return[n[4]||(n[4]=(0,t.createElementVNode)("div",{class:"swiper-lazy-preloader"},null,-1)),(0,t.createElementVNode)("a",{onClick:(0,t.withModifiers)((function(n){return p.playVideo(e)}),["prevent"]),href:"#",class:"d-inline-flex position-relative",rel:"noopener noreferrer nofollow","aria-label":"View video"},[c.playingId===e.id?((0,t.openBlock)(),(0,t.createElementBlock)("video",{key:0,class:(0,t.normalizeClass)(["responsive-video img-fluid rounded-5 rounded-sm",{"d-none":!(c.playingId===e.id&&c.videoReady)}]),ref_for:!0,ref:"video"+e.id,playsinline:"",onCanplay:n[0]||(n[0]=function(){return p.onVideoReady&&p.onVideoReady.apply(p,arguments)}),onEnded:n[1]||(n[1]=function(){return p.onEnded&&p.onEnded.apply(p,arguments)})},[(0,t.createElementVNode)("source",{src:c.base+e.video,type:"video/mp4"},null,8,a)],34)):(0,t.createCommentVNode)("",!0),c.playingId===e.id&&c.videoReady?(0,t.createCommentVNode)("",!0):((0,t.openBlock)(),(0,t.createBlock)(u,{key:1,provider:"directus",format:"webp","optional-filename":"video.webp","class-name":"img-fluid rounded-5 rounded-sm thumbnail",src:e.image,width:215,height:381},null,8,["src"])),c.playingId!==e.id||c.videoReady?(0,t.createCommentVNode)("",!0):((0,t.openBlock)(),(0,t.createElementBlock)("div",d)),c.playingId!==e.id?((0,t.openBlock)(),(0,t.createBlock)(m,{key:3,class:"slider-play img-fluid",image:"play",height:57,width:56,style:{color:"#fff"}})):(0,t.createCommentVNode)("",!0)],8,l)]})),_:2},1024)})),256))]})),_:1},8,["breakpoints","onSwiper","onSlideChange"]),(0,t.createVNode)(t.Transition,{name:"prev-next"},{default:(0,t.withCtx)((function(){return[s.isBeginning?(0,t.createCommentVNode)("",!0):((0,t.openBlock)(),(0,t.createElementBlock)("button",{key:0,class:"d-inline-flex rounded-circle p-1a btn-prev-next btn-prev btn-prev-next-fx",onClick:n[2]||(n[2]=function(e){return s.mainSwiper.slidePrev()}),"aria-label":"Previous"},[(0,t.createVNode)(m,{image:"slide-prev",height:24,width:24})]))]})),_:1}),(0,t.createVNode)(t.Transition,{name:"prev-next"},{default:(0,t.withCtx)((function(){return[s.isEnd?(0,t.createCommentVNode)("",!0):((0,t.openBlock)(),(0,t.createElementBlock)("button",{key:0,class:"d-inline-flex rounded-circle p-1a btn-prev-next btn-next btn-prev-next-fx",onClick:n[3]||(n[3]=function(e){return s.mainSwiper.slideNext()}),"aria-label":"Next"}
1,[(0,t.createVNode)(m,{image:"slide-next",height:24,width:24})]))]})),_:1})])],64)}]])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.