{"version":3,"sources":["webpack:///./src/components/UI/Carousel.vue?a20c","webpack:///src/components/UI/Carousel.vue","webpack:///./src/components/UI/Carousel.vue?8cfa","webpack:///./src/components/UI/Carousel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","onCarouselInput","model","value","callback","$$v","expression","_l","item","index","key","transition","src","staticRenderFns","data","mounted","console","log","methods","items","randomTransition","component","VCarousel","VCarouselItem","VContainer","VImg"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACA,EAAG,aAAa,CAACE,MAAM,CAAC,OAAQ,EAAK,4BAA4B,GAAG,cAAc,IAAIC,GAAG,CAAC,MAAQP,EAAIQ,iBAAiBC,MAAM,CAACC,MAAOV,EAAS,MAAEW,SAAS,SAAUC,GAAMZ,EAAIS,MAAMG,GAAKC,WAAW,UAAUb,EAAIc,GAAId,EAAS,OAAE,SAASe,EAAKC,GAAO,OAAOZ,EAAG,kBAAkB,CAACa,IAAID,EAAMV,MAAM,CAAC,WAAaS,EAAKG,WAAW,qBAAqBH,EAAKG,aAAa,CAACd,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAMS,EAAKI,QAAQ,MAAK,IAAI,IACrgBC,EAAkB,G,iCCuBtB,G,UAAA,CACEC,KAAM,WAAR,OACA,QACA,SAMA,aACA,kBACA,sBACA,8BACA,sBACA,iCAGEC,QAjBF,WAiBA,WACIC,QAAQC,IAAI,YACZ,EAAJ,EACA,kDACA,kBAEM,EAAN,8BAAQ,MAAR,CACUL,IAAK,WAAf,UACUD,WAAY,yBAGtB,mBAAM,OAAN,qBAEEO,QAAS,CACPjB,gBADJ,SACA,GAEM,IAAN,mBACA,mDAGMP,KAAKyB,MAAMV,GAAOE,WAAaS,MC7D4T,I,iFCO7VC,EAAY,eACd,EACA7B,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAQ,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,YAAA,KAAUC,gBAAA,KAAcC,aAAA,KAAWC,OAAA","file":"js/chunk-2d0ba6e8.cddccc30.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-carousel',{attrs:{\"cycle\":true,\"hide-delimiter-background\":\"\",\"show-arrows\":\"\"},on:{\"input\":_vm.onCarouselInput},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}},_vm._l((_vm.items),function(item,index){return _c('v-carousel-item',{key:index,attrs:{\"transition\":item.transition,\"reverse-transition\":item.transition}},[_c('v-img',{attrs:{\"src\":item.src}})],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <v-carousel\r\n      v-model=\"model\"\r\n      :cycle=\"true\"\r\n      hide-delimiter-background\r\n      show-arrows\r\n      @input=\"onCarouselInput\"\r\n    >\r\n      <v-carousel-item\r\n        v-for=\"(item, index) in items\"\r\n        :key=\"index\"\r\n        :transition=\"item.transition\"\r\n        :reverse-transition=\"item.transition\"\r\n      >\r\n        <v-img :src=\"item.src\"></v-img>\r\n      </v-carousel-item>\r\n    </v-carousel>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport * as fun from \"../../plugins/common\";\r\nexport default {\r\n  data: () => ({\r\n    model: 0,\r\n    items: [\r\n      // { src: 'https://example.com/image1.jpg', transition: 'fade-transition' },\r\n      // { src: 'https://example.com/image2.jpg', transition: 'fade-transition' },\r\n      // { src: 'https://example.com/image3.jpg', transition: 'fade-transition' },\r\n      // Add more images as needed\r\n    ],\r\n    transitions: [\r\n      \"fade-transition\",\r\n      \"scroll-x-transition\",\r\n      \"scroll-x-reverse-transition\",\r\n      \"scroll-y-transition\",\r\n      \"scroll-y-reverse-transition\",\r\n    ],\r\n  }),\r\n  mounted() {\r\n    console.log(\"carousel\");\r\n    axios\r\n      .get(this.serverURL + \"/public/img/packages/random\")\r\n      .then((response) => {\r\n        // Assuming the response contains the list of image URLs\r\n        this.items = response.data.map((image) => ({\r\n          src: `/images/${image}`,\r\n          transition: \"fade-transition\", // Initial transition, can be randomized later as before\r\n        }));\r\n      })\r\n      .catch((error) => console.error(error));\r\n  },\r\n  methods: {\r\n    onCarouselInput(index) {\r\n      // Randomly select a transition from the available transitions\r\n      const randomTransition = this.transitions[\r\n        Math.floor(Math.random() * this.transitions.length)\r\n      ];\r\n      // Update the transition for the current item\r\n      this.items[index].transition = randomTransition;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=1b79f8c1&\"\nimport script from \"./Carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carousel.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\ninstallComponents(component, {VCarousel,VCarouselItem,VContainer,VImg})\n"],"sourceRoot":""}