{"version":3,"sources":["webpack:///./src/views/web/components/stf/loc-type-carousel.vue?5b11","webpack:///src/views/web/components/stf/loc-type-carousel.vue","webpack:///./src/views/web/components/stf/loc-type-carousel.vue?2b59","webpack:///./src/views/web/components/stf/loc-type-carousel.vue?cd1a","webpack:///./src/views/web/components/stf/loc-type-carousel.vue?83cb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","slide","expression","_l","t","i","key","scopedSlots","_u","fn","style","proxy","staticRenderFns","props","comp","type","Object","default","data","tasks","sliding","mounted","loadTasks","locTypeId1","methods","api","skip","size","ot","isPublic","typeId","store","$store","res","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,YAAY,oBAAoBC,MAAM,CAAC,SAAW,IAAK,SAAW,GAAG,WAAa,IAAIC,MAAM,CAACC,MAAOT,EAAS,MAAEU,SAAS,SAAUC,GAAMX,EAAIY,MAAMD,GAAKE,WAAW,UAAUb,EAAIc,GAAId,EAAS,OAAE,SAASe,EAAEC,GAAG,OAAOZ,EAAG,mBAAmB,CAACa,IAAID,EAAEE,YAAYlB,EAAImB,GAAG,CAAC,CAACF,IAAI,MAAMG,GAAG,WAAW,MAAO,CAAChB,EAAG,MAAM,CAACE,YAAY,0BAA0Be,MAAQ,oBAAuBN,EAAsB,qBAAI,gCAAkCO,OAAM,IAAO,MAAK,QAAU,IAC1jBC,EAAkB,G,YCsCtB,GACEC,MAAO,CACLC,KAAM,CACJC,KAAMC,OACNC,QAAS,eAGbC,KAPF,WAQI,MAAO,CACLC,MAAO,GACPlB,MAAO,EACPmB,QAAS,OAGbC,QAdF,WAeI/B,KAAKgC,UAAUhC,KAAKwB,KAAKS,aAE3BC,QAAS,CACPF,UADJ,SACA,cACM,OAAN,OAAM,CAAN,CACQG,IAAK,CAAb,0CACQP,KAAM,CACJQ,KAAM,EACNC,KAAM,EACNC,GAAI,IACJ/B,MAAO,CACLgC,UAAU,EACVN,WAAYO,IAGhBC,MAAOzC,KAAK0C,SACpB,kBACmB,GAAPC,IACF,EAAV,0BCxEwY,I,wBCQpYC,EAAY,eACd,EACA9C,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,2CCnBf,yBAAqlB,EAAG","file":"js/chunk-249ae83a.70ba7e2c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\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&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","import mod 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&lang=scss&\"; export default mod; 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&lang=scss&\""],"sourceRoot":""}