{"version":3,"sources":["webpack:///./src/views/web/components/stf/loc-type-carousel.vue?4fe1","webpack:///./src/views/web/components/stf/loc-type-carousel.vue","webpack:///src/views/web/components/stf/loc-type-carousel.vue","webpack:///./src/views/web/components/stf/loc-type-carousel.vue?102f","webpack:///./src/views/web/components/stf/loc-type-carousel.vue?2494"],"names":["render","_vm","this","_c","_self","staticClass","attrs","model","value","slide","callback","$$v","expression","_l","tasks","t","i","key","scopedSlots","_u","fn","style","concat","defaultAttachmentUrl","proxy","staticRenderFns","props","comp","type","Object","default","data","sliding","mounted","loadTasks","locTypeId1","methods","typeId","_this","request","api","method","url","skip","size","ot","isPublic","store","$store","then","res","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACE,YAAY,oBAAoBC,MAAM,CAAC,SAAW,IAAK,SAAW,GAAG,WAAa,IAAIC,MAAM,CAACC,MAAOP,EAAIQ,MAAOC,SAAS,SAAUC,GAAMV,EAAIQ,MAAME,GAAKC,WAAW,UAAUX,EAAIY,GAAIZ,EAAIa,OAAO,SAASC,EAAEC,GAAG,OAAOb,EAAG,mBAAmB,CAACc,IAAID,EAAEE,YAAYjB,EAAIkB,GAAG,CAAC,CAACF,IAAI,MAAMG,GAAG,WAAW,MAAO,CAACjB,EAAG,MAAM,CAACE,YAAY,0BAA0BgB,MAAK,oBAAAC,OAAsBP,EAAEQ,qBAAoB,iCAAiCC,OAAM,IAAO,MAAK,QAAU,IAEphBC,EAAkB,G,YCqCP,GACfC,MAAA,CACAC,KAAA,CACAC,KAAAC,OACAC,QAAA,eAGAC,KAAA,WACA,OACAjB,MAAA,GACAL,MAAA,EACAuB,QAAA,OAGAC,QAAA,WACA,KAAAC,UAAA,KAAAP,KAAAQ,aAEAC,QAAA,CACAF,UAAA,SAAAG,GAAA,IAAAC,EAAA,KACAC,eAAA,CACAC,IAAA,CAAAC,OAAA,OAAAC,IAAA,wBACAX,KAAA,CACAY,KAAA,EACAC,KAAA,EACAC,GAAA,IACAtC,MAAA,CACAuC,UAAA,EACAX,WAAAE,IAGAU,MAAA,KAAAC,SACAC,MAAA,SAAAC,GACA,GAAAA,IACAZ,EAAAxB,MAAAoC,EAAAnB,KAAAjB,aCxEuY,I,wBCQnYqC,EAAY,eACd,EACAnD,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAA0B,E","file":"js/chunk-daf0290e.b8d38829.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loc-type-carousel.vue?vue&type=style&index=0&id=0c729711&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-carousel',{staticClass:\"loc-type-carousel\",attrs:{\"interval\":4000,\"controls\":\"\",\"indicators\":\"\"},model:{value:(_vm.slide),callback:function ($$v) {_vm.slide=$$v},expression:\"slide\"}},_vm._l((_vm.tasks),function(t,i){return _c('b-carousel-slide',{key:i,scopedSlots:_vm._u([{key:\"img\",fn:function(){return [_c('div',{staticClass:\"loc-type-carousel-image\",style:(`background: url('${t.defaultAttachmentUrl}?w=1920&h=600&mode=crop')`)})]},proxy:true}],null,true)})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- <div id=\"carouselExample2\" class=\"carousel slide\" data-ride=\"carousel\">\n      <div class=\"carousel-inner\" style=\"height: 600px\">\n          <div class=\"carousel-item active\">\n              <img    src=\"https://cdn.gosmart.mn/1CwVzESJi02bf48yzUFpWw/cf7a53d4-1a2e-4890-90c6-87915b3a6a4f/DynamicOffice/rectangle%203.png\" class=\"d-block w-100\" style=\"height: 60vh\" />\n          </div>\n      </div>\n    </div> -->\n  <b-carousel\n    class=\"loc-type-carousel\"\n    v-model=\"slide\"\n    :interval=\"4000\"\n    controls\n    indicators\n  >\n    <!-- Slides with image only -->\n    <!-- <b-carousel-slide v-for=\"(t,i) in tasks\" :key=\"i\" :img-src=\"`${t.defaultAttachmentUrl}?w=1920&h=600&mode=crop`\"></b-carousel-slide> -->\n    <!-- <div class=\"loc-type-carousel-image\" v-for=\"(t,i) in tasks\" :key=\"i\" :style=\"`background: url('${t.defaultAttachmentUrl}?w=1920&h=600&mode=crop')`\"></div> -->\n    <b-carousel-slide v-for=\"(t, i) in tasks\" :key=\"i\">\n      <template #img>\n        <!-- <div style=\"height: 600px !important\"\n            class=\"d-block img-fluid w-100\"\n            :style=\"`background-image: url('${t.defaultAttachmentUrl}?w=1920&h=600&mode=crop')`\"\n            alt=\"image slot\"\n          ></div> -->\n        <div\n          class=\"loc-type-carousel-image\"\n          :style=\"\n            `background: url('${t.defaultAttachmentUrl}?w=1920&h=600&mode=crop')`\n          \"\n        ></div>\n      </template>\n    </b-carousel-slide>\n  </b-carousel>\n</template>\n\n<script>\nimport { request } from \"@/api/all\";\n\nexport default {\n  props: {\n    comp: {\n      type: Object,\n      default: () => {}\n    }\n  },\n  data() {\n    return {\n      tasks: [],\n      slide: 0,\n      sliding: null\n    };\n  },\n  mounted() {\n    this.loadTasks(this.comp.locTypeId1);\n  },\n  methods: {\n    loadTasks(typeId) {\n      request({\n        api: { method: \"POST\", url: \"TaskCore/GetCoreList\" },\n        data: {\n          skip: 0,\n          size: 3,\n          ot: 357,\n          model: {\n            isPublic: true,\n            locTypeId1: typeId\n          }\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          this.tasks = res.data.tasks;\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.loc-type-carousel {\n  .carousel-item {\n    height: 800px !important;\n  }\n  .loc-type-carousel-image {\n    height: 800px !important;\n    background-repeat: no-repeat !important;\n    background-size: cover !important;\n    background-position: center top !important;\n  }\n  .carousel-control-prev {\n    .carousel-control-prev-icon {\n      display: inline-block !important;\n      width: 20px !important;\n      height: 20px !important;\n      background: 50%/100% 100% no-repeat !important;\n      background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e\") !important;\n    }\n  }\n  .carousel-control-next {\n    .carousel-control-next-icon {\n      display: inline-block !important;\n      width: 20px !important;\n      height: 20px !important;\n      background: 50%/100% 100% no-repeat !important;\n      background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e\") !important;\n    }\n  }\n}\n</style>\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!./loc-type-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!./loc-type-carousel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./loc-type-carousel.vue?vue&type=template&id=0c729711\"\nimport script from \"./loc-type-carousel.vue?vue&type=script&lang=js\"\nexport * from \"./loc-type-carousel.vue?vue&type=script&lang=js\"\nimport style0 from \"./loc-type-carousel.vue?vue&type=style&index=0&id=0c729711&prod&lang=scss\"\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"],"sourceRoot":""}