{"version":3,"sources":["webpack:///./src/components/ui/AppCircleBtn.vue?623c","webpack:///src/components/ui/AppCircleBtn.vue","webpack:///./src/components/ui/AppCircleBtn.vue?cdfe","webpack:///./src/components/ui/AppCircleBtn.vue","webpack:///./src/components/ui/AppCircleBtn.vue?233e"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","staticClass","class","rootClass","on","handlerClick","$attrs","attrs","_t","style","nameIcon","_v","_e","staticRenderFns","name","components","AppSvgIcon","props","isText","type","Boolean","default","String","color","size","width","height","computed","styleObject","methods","$emit","event","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAMJ,EAAIM,GAAG,CAACC,YAAY,iBAAiBC,MAAMR,EAAIS,UAAUC,GAAG,CAAC,MAAQV,EAAIW,eAAe,MAAMX,EAAIY,QAAO,GAAO,CAACR,EAAG,SAAS,CAACG,YAAY,sBAAsBM,MAAM,CAAC,KAAO,WAAW,CAACb,EAAIc,GAAG,OAAO,CAACV,EAAG,eAAe,CAACG,YAAY,uBAAuBQ,MAAOf,EAAe,YAAEa,MAAM,CAAC,eAAiB,GAAG,KAAOb,EAAIgB,eAAe,GAAIhB,EAAU,OAAEI,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACP,EAAIc,GAAG,UAAU,CAACd,EAAIiB,GAAG,eAAe,GAAGjB,EAAIkB,QAC/hBC,EAAkB,GCuBtB,G,UAAA,CACEC,KAAM,eACNC,WAAY,CACVC,WAAY,WAAhB,yDAEEC,MAAO,CACLC,OAAQ,CACNC,KAAMC,QACNC,SAAS,GAEXF,KAAM,CACJA,KAAMG,OACND,QAAS,WAEXE,MAAO,CACLJ,KAAMG,OACND,QAAS,QAEXX,SAAU,CACRS,KAAMG,OACND,QAAS,SAEXG,KAAM,CACJL,KAAMG,OACND,QAAS,UAEXI,MAAO,CACLN,KAAMG,OACND,QAAS,IAEXK,OAAQ,CACNP,KAAMG,OACND,QAAS,KAGbM,SAAU,CACRC,YADJ,WAEM,OAAIjC,KAAK8B,OAAS9B,KAAK+B,OACd,CACLD,MAAO9B,KAAK8B,MACZC,OAAQ/B,KAAK+B,QAGV,IAKTvB,UAbJ,WAcM,MAAO,CACb,CACQ,wBAAR,qBACQ,sBAAR,mBACQ,sBAAR,kBACQ,yBAAR,qBACQ,wBAAR,oBACQ,wBAAR,oBACQ,0BAAR,sBACQ,wBAAR,oBACQ,2BAAR,gBAKE0B,QAAS,CAKPxB,aALJ,SAKA,GACMV,KAAKmC,MAAM,QAASC,OC9F2U,I,wBCQjWC,EAAY,eACd,EACAvC,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAmB,E,2CCnBf,yBAAsiB,EAAG","file":"js/chunk-b3e76794.d452df22.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._b({staticClass:\"app-circle-btn\",class:_vm.rootClass,on:{\"click\":_vm.handlerClick}},'div',_vm.$attrs,false),[_c('button',{staticClass:\"app-circle-btn__btn\",attrs:{\"type\":\"button\"}},[_vm._t(\"icon\",[_c('app-svg-icon',{staticClass:\"app-circle-btn__icon\",style:(_vm.styleObject),attrs:{\"isCurrentColor\":\"\",\"name\":_vm.nameIcon}})])],2),(_vm.isText)?_c('div',{staticClass:\"app-circle-btn__text\"},[_vm._t(\"default\",[_vm._v(\"Добавить\")])],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"app-circle-btn\"\n    :class=\"rootClass\"\n    @click=\"handlerClick\"\n    v-bind=\"$attrs\"\n  >\n    <button class=\"app-circle-btn__btn\" type=\"button\">\n      <slot name=\"icon\">\n        <app-svg-icon\n          :style=\"styleObject\"\n          class=\"app-circle-btn__icon\"\n          isCurrentColor\n          :name=\"nameIcon\"\n        ></app-svg-icon>\n      </slot>\n    </button>\n    <div v-if=\"isText\" class=\"app-circle-btn__text\">\n      <slot>Добавить</slot>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'AppCircleBtn',\n  components: {\n    AppSvgIcon: () => import('@/components/common/AppSvgIcon'),\n  },\n  props: {\n    isText: {\n      type: Boolean,\n      default: false,\n    },\n    type: {\n      type: String,\n      default: 'default', // 'secondary' || 'link'\n    },\n    color: {\n      type: String,\n      default: 'gray',\n    },\n    nameIcon: {\n      type: String,\n      default: 'close',\n    },\n    size: {\n      type: String,\n      default: 'normal',\n    },\n    width: {\n      type: String,\n      default: '',\n    },\n    height: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    styleObject() {\n      if (this.width || this.height) {\n        return {\n          width: this.width,\n          height: this.height,\n        };\n      }\n      return {};\n    },\n    /**\n     * Основной класс кнопки\n     */\n    rootClass() {\n      return [\n        {\n          'app-circle-btn--green': this.color === 'green',\n          'app-circle-btn--red': this.color === 'red',\n          'app-circle-btn--add': this.type === 'add',\n          'app-circle-btn--remove': this.type === 'remove',\n          'app-circle-btn--check': this.type === 'check',\n          'app-circle-btn--large': this.size === 'large',\n          'app-circle-btn--largest': this.size === 'largest',\n          'app-circle-btn--small': this.size === 'small',\n          'app-circle-btn--no-text': !this.isText,\n        },\n      ];\n    },\n  },\n  methods: {\n    /**\n     * Отправка родителю события клика\n     * @param event\n     */\n    handlerClick(event) {\n      this.$emit('click', event);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.app-circle-btn {\n  $this: &;\n\n  display: flex;\n  align-items: center;\n  color: #cbcbcb;\n  cursor: pointer;\n  transition: color $A;\n\n  &:hover {\n    color: darken(#cbcbcb, 10%);\n  }\n\n  &__btn {\n    @include button-reset;\n    @include size(32px);\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    margin-right: 15px;\n    color: currentColor;\n    border: 1px solid currentColor;\n    border-radius: 50%;\n  }\n\n  &__icon {\n    @include size(7px);\n\n    margin: auto;\n    color: currentColor;\n    stroke: none !important;\n  }\n\n  &__text {\n    font-weight: 300;\n  }\n  // size\n  &--largest {\n    #{$this}__btn {\n      @include size(50px);\n    }\n\n    #{$this}__icon {\n      @include size(12px);\n    }\n  }\n\n  &--large {\n    #{$this}__btn {\n      @include size(40px);\n    }\n\n    #{$this}__icon {\n      @include size(10px);\n    }\n  }\n\n  &--small {\n    #{$this}__btn {\n      @include size(26px);\n\n      margin-right: 10px;\n    }\n  }\n  //\n  &--no-text {\n    #{$this}__btn {\n      margin-right: 0;\n    }\n  }\n\n  &--add {\n    #{$this}__icon {\n      transform: rotate(45deg);\n    }\n  }\n\n  &--check {\n    #{$this}__icon {\n      color: $color-brand-green;\n    }\n  }\n  // color\n  &--green {\n    color: $color-brand-green;\n\n    &:hover {\n      color: darken($color-brand-green, 10%);\n    }\n  }\n\n  &--red {\n    color: $color-red;\n\n    &:hover {\n      color: darken($color-red, 10%);\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!./AppCircleBtn.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!./AppCircleBtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppCircleBtn.vue?vue&type=template&id=9774db7e&\"\nimport script from \"./AppCircleBtn.vue?vue&type=script&lang=js&\"\nexport * from \"./AppCircleBtn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppCircleBtn.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!./AppCircleBtn.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!./AppCircleBtn.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}