{"version":3,"sources":["webpack:///./src/components/common/app-info-block.vue?16c0","webpack:///./src/components/common/app-info-block.vue","webpack:///src/components/common/app-info-block.vue","webpack:///./src/components/common/app-info-block.vue?0caf","webpack:///./src/components/common/app-info-block.vue?13e0"],"names":["render","_vm","this","_c","_self","staticClass","_t","description","ref","class","visibleStyle","height","limit","on","showMore","domProps","_s","show","$tr","_e","staticRenderFns","props","type","default","data","ready","computed","heightBlock","mounted","methods","component"],"mappings":"uIAAA,W,kCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIK,GAAG,SAAUL,EAAIM,YAAaJ,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACK,IAAI,QAAQH,YAAY,oBAAoBI,MAAMR,EAAIS,cAAc,CAACT,EAAIK,GAAG,SAAS,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAAEJ,EAAIU,OAASV,EAAIW,MAAOT,EAAG,MAAM,CAACE,YAAY,uBAAuBQ,GAAG,CAAC,MAAQZ,EAAIa,WAAW,CAACX,EAAG,MAAM,CAACY,SAAS,CAAC,YAAcd,EAAIe,GAChcf,EAAIgB,KACAhB,EAAIiB,IAAI,+BACRjB,EAAIiB,IAAI,mCACPjB,EAAIkB,SAASlB,EAAIkB,MAAM,IAEpCC,EAAkB,GCoBP,GACfC,OACAT,OACAU,YACAC,WAEAhB,aACAe,YACAC,aAGAC,OACA,OACAb,YACAM,QACAQ,WAGAC,UACAC,cACA,sCAEAjB,eACA,0CACA,4BACA,4BAGAkB,UACA,6DACA,eAEAC,SACAf,WACA,wBC5DuW,I,wBCQnWgB,EAAY,eACd,EACA9B,EACAoB,GACA,EACA,KACA,KACA,MAIa,OAAAU,E","file":"js/request~shop.ed66a59a.js","sourcesContent":["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/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./app-info-block.vue?vue&type=style&index=0&id=0433c9ff&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"info-block\"},[_vm._t(\"alert\"),(_vm.description)?_c('div',{staticClass:\"info-block__content\"},[_c('div',{ref:\"limit\",staticClass:\"info-block__limit\",class:_vm.visibleStyle},[_vm._t(\"text\")],2),_c('div',{staticClass:\"info-block__btn\"},[(_vm.height > _vm.limit)?_c('div',{staticClass:\"info-block__btn-text\",on:{\"click\":_vm.showMore}},[_c('div',{domProps:{\"textContent\":_vm._s(\n            _vm.show\n              ? _vm.$tr('buttons.collapseDescription')\n              : _vm.$tr('buttons.expandDescription')\n          )}})]):_vm._e()])]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"info-block\">\n    <slot name=\"alert\"></slot>\n    <div v-if=\"description\" class=\"info-block__content\">\n      <div ref=\"limit\" :class=\"visibleStyle\" class=\"info-block__limit\">\n        <slot name=\"text\"></slot>\n      </div>\n      <div class=\"info-block__btn\">\n        <div\n          v-if=\"height > limit\"\n          class=\"info-block__btn-text\"\n          @click=\"showMore\"\n        >\n          <div\n            v-text=\"\n              show\n                ? $tr('buttons.collapseDescription')\n                : $tr('buttons.expandDescription')\n            \"\n          ></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    limit: {\n      type: Number,\n      default: 3,\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {\n      height: null,\n      show: false,\n      ready: false,\n    }\n  },\n  computed: {\n    heightBlock() {\n      return this.$refs.limit.clientHeight\n    },\n    visibleStyle() {\n      return this.height > this.limit && !this.show\n        ? 'info-block__limit--hidden'\n        : 'info-block__limit--open'\n    },\n  },\n  mounted() {\n    this.height = this.description ? this.$refs.limit.clientHeight : 0\n    this.ready = true\n  },\n  methods: {\n    showMore() {\n      this.show = !this.show\n    },\n  },\n}\n</script>\n<style lang=\"scss\">\n.info-block {\n  background-color: var(--s-white-color);\n  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  padding: 0px 0px 32px 0px;\n  &__content {\n    padding: 0px 24px 0px 24px;\n  }\n  &__limit {\n    &--open {\n      height: initial;\n      overflow: initial;\n    }\n    &--hidden {\n      height: 83px;\n      overflow: hidden;\n\n      @include media-breakpoint-down(sm) {\n        height: 75px;\n      }\n    }\n    &__loading {\n      height: 90px;\n      background: var(--s-primary-color-90);\n    }\n  }\n  &__btn {\n    margin-top: 16px;\n    color: var(--s-black-color-60);\n    font-size: 14px;\n    cursor: pointer;\n  }\n  &__btn-text {\n    display: inline-flex;\n    border-bottom: 1px dashed var(--s-black-color-60);\n    padding-bottom: 5px;\n    &:hover {\n      border-bottom: 1px dashed transparent;\n    }\n  }\n  p {\n    color: var(--s-black-color-80);\n    line-height: 26px;\n  }\n  p + p {\n    margin-top: 16px;\n  }\n}\n</style>\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!./app-info-block.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!./app-info-block.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./app-info-block.vue?vue&type=template&id=0433c9ff&\"\nimport script from \"./app-info-block.vue?vue&type=script&lang=js&\"\nexport * from \"./app-info-block.vue?vue&type=script&lang=js&\"\nimport style0 from \"./app-info-block.vue?vue&type=style&index=0&id=0433c9ff&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":""}