{"version":3,"sources":["webpack:///./src/components/accordion-item.vue","webpack:///src/components/accordion-item.vue","webpack:///./src/components/accordion-item.vue?2cf7","webpack:///./src/components/accordion-item.vue?3ccc","webpack:///./src/components/accordion-item.vue?32c6"],"names":["render","_vm","this","_c","_self","staticClass","class","visible","on","open","_t","attrs","require","start","end","directives","name","rawName","value","expression","staticRenderFns","props","inject","data","index","computed","Accordion","active","methods","el","style","height","scrollHeight","created","count","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAC,0BAA6BL,EAAIM,SAASC,GAAG,CAAC,MAAQP,EAAIQ,OAAO,CAACR,EAAIS,GAAG,qBAAqBP,EAAG,MAAM,CAACE,YAAY,0BAA0BC,MAAM,CAAC,YAAeL,EAAIM,SAASI,MAAM,CAAC,IAAMC,EAAQ,QAA+B,IAAM,OAAO,GAAGT,EAAG,aAAa,CAACQ,MAAM,CAAC,KAAO,aAAaH,GAAG,CAAC,MAAQP,EAAIY,MAAM,cAAcZ,EAAIa,IAAI,eAAeb,EAAIY,MAAM,cAAcZ,EAAIa,MAAM,CAACX,EAAG,MAAM,CAACY,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOjB,EAAIM,QAASY,WAAW,YAAYd,YAAY,sBAAsB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACJ,EAAIS,GAAG,sBAAsB,QAAQ,IAEzuBU,EAAkB,GC2BP,GACfJ,KAAA,iBACAK,MAAA,GACAC,OAAA,cACAC,OACA,OACAC,MAAA,OAGAC,SAAA,CACAlB,UACA,YAAAiB,OAAA,KAAAE,UAAAC,SAGAC,QAAA,CACAnB,OACA,KAAAF,QACA,KAAAmB,UAAAC,OAAA,KAEA,KAAAD,UAAAC,OAAA,KAAAH,OAGAX,MAAAgB,GACAA,EAAAC,MAAAC,OAAAF,EAAAG,aAAA,MAGAlB,IAAAe,GACAA,EAAAC,MAAAC,OAAA,KAGAE,UACA,KAAAT,MAAA,KAAAE,UAAAQ,UC5DwV,I,wBCQpVC,EAAY,eACd,EACAnC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,2CCnBf","file":"js/chunk-5e1fad89.c991e71c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('li',{staticClass:\"accordion__item\"},[_c('div',{staticClass:\"accordion__trigger\",class:{'accordion__trigger_active': _vm.visible},on:{\"click\":_vm.open}},[_vm._t(\"accordion-trigger\"),_c('img',{staticClass:\"accordion__trigger__img\",class:{'openTrigger': _vm.visible},attrs:{\"src\":require(\"@/assets/img/arrow__faq.svg\"),\"alt\":\"\"}})],2),_c('transition',{attrs:{\"name\":\"accordion\"},on:{\"enter\":_vm.start,\"after-enter\":_vm.end,\"before-leave\":_vm.start,\"after-leave\":_vm.end}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visible),expression:\"visible\"}],staticClass:\"accordion__content\"},[_c('ul',{staticClass:\"accordion__text\"},[_vm._t(\"accordion-content\")],2)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <li class=\"accordion__item\">\r\n    <div\r\n        class=\"accordion__trigger\"\r\n        :class=\"{'accordion__trigger_active': visible}\"\r\n        @click=\"open\">\r\n\r\n      <slot name=\"accordion-trigger\"></slot>\r\n      <img src=\"~@/assets/img/arrow__faq.svg\" alt=\"\" class=\"accordion__trigger__img\" :class=\"{'openTrigger': visible}\">\r\n    </div>\r\n\r\n    <transition\r\n        name=\"accordion\"\r\n        @enter=\"start\"\r\n        @after-enter=\"end\"\r\n        @before-leave=\"start\"\r\n        @after-leave=\"end\">\r\n\r\n      <div class=\"accordion__content\"\r\n           v-show=\"visible\">\r\n        <ul class=\"accordion__text\">\r\n          <slot name=\"accordion-content\"></slot>\r\n        </ul>\r\n      </div>\r\n    </transition>\r\n  </li>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"accordion-item\",\r\n  props: {},\r\n  inject: [\"Accordion\"],\r\n  data() {\r\n    return {\r\n      index: null,\r\n    };\r\n  },\r\n  computed: {\r\n    visible() {\r\n      return this.index == this.Accordion.active;\r\n    }\r\n  },\r\n  methods: {\r\n    open() {\r\n      if (this.visible) {\r\n        this.Accordion.active = null;\r\n      } else {\r\n        this.Accordion.active = this.index;\r\n      }\r\n    },\r\n    start(el) {\r\n      el.style.height = el.scrollHeight + \"px\";\r\n\r\n    },\r\n    end(el) {\r\n      el.style.height = \"\";\r\n    }\r\n  },\r\n  created() {\r\n    this.index = this.Accordion.count++;\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n\r\n.accordion__item {\r\n  cursor: pointer;\r\n  /*padding-top: 1.042vw;\r\n  padding-left: 1.563vw;*/\r\n  /*border-top: 0.052vw solid #FFFFFF;\r\n  border-left: 0.052vw solid #FFFFFF;\r\n  border-bottom: 0.052vw solid #FFFFFF;\r\n  border-right: 0.052vw solid #FFFFFF;*/\r\n\r\n  display: block;\r\n\r\n  /*\r\n  margin-bottom: 2.083vw ;\r\n  */\r\n\r\n  position: relative;\r\n}\r\n\r\n\r\n.accordion__trigger {\r\n  width: 50.625vw;\r\n  height: 5.781vw;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n.accordion__trigger__img{\r\n  width: 1.5vw;\r\n  height: 1.5vw;\r\n  /*position: absolute;\r\n  top: 1.7vw;\r\n  right: 1.7vw;*/\r\n  transition:  0.5s;\r\n  margin-right: 1vw;\r\n}\r\n.openTrigger{\r\n  rotate: 270deg;\r\n}\r\n.accordion__text{\r\n  font-family: 'Benzin-Regular';\r\n  font-size: 0.938vw;\r\n  color: #F2EFEF;\r\n  line-height: 2.094vw;\r\n  padding-left: 1.563vw;\r\n  padding-bottom: 1.302vw;\r\n  padding-right: 3.177vw;\r\n  cursor: text;\r\n  word-wrap: break-word;\r\n}\r\n\r\n\r\n/*.accordion__trigger:before{\r\n    top: 1.4em;\r\n    right: 1.3em;\r\n    color: transparent;\r\n    background: url(\"~@/assets/img/deteils__arrov.png\") no-repeat 50% 50% / 1em 1em;\r\n    width: 1vw;\r\n    height: 1vw;\r\n    content: \"\";\r\n    position: absolute;\r\n    transition: transform .5s;\r\n}*/\r\n\r\n\r\n.accordion-enter-active,\r\n.accordion-leave-active {\r\n  will-change: height, opacity;\r\n  transition: height 0.3s ease, opacity 0.3s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.accordion-enter,\r\n.accordion-leave-to {\r\n  height: 0 !important;\r\n  opacity: 0;\r\n}\r\n@media screen and(max-width: 991px) {\r\n  .accordion__trigger{\r\n    width: 100%;\r\n    height: 26.133vw;\r\n  }\r\n  .accordion__trigger__img{\r\n    width: 5vw;\r\n    height: 5vw;\r\n    rotate: -90deg;\r\n    transition: 0.5s;\r\n    margin-right: 2vw;\r\n  }\r\n  .openTrigger{\r\n    rotate: 0deg;\r\n  }\r\n  .accordion__text{\r\n    font-size: 3.733vw;\r\n    line-height: 4.480vw;\r\n    padding-left: 5.333vw;\r\n    padding-bottom: 5.333vw;\r\n    padding-right: 3.467vw;\r\n  }\r\n\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./accordion-item.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./accordion-item.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./accordion-item.vue?vue&type=template&id=d0ffd57c&scoped=true&\"\nimport script from \"./accordion-item.vue?vue&type=script&lang=js&\"\nexport * from \"./accordion-item.vue?vue&type=script&lang=js&\"\nimport style0 from \"./accordion-item.vue?vue&type=style&index=0&id=d0ffd57c&prod&lang=scss&scoped=true&\"\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  \"d0ffd57c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./accordion-item.vue?vue&type=style&index=0&id=d0ffd57c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}