{"version":3,"sources":["webpack:///./src/components/ui/UiCheckbox.vue?7d4b","webpack:///./src/components/ui/UiCheckbox.vue","webpack:///src/components/ui/UiCheckbox.vue","webpack:///./src/components/ui/UiCheckbox.vue?c493","webpack:///./src/components/ui/UiCheckbox.vue?d81e"],"names":["render","_vm","this","_c","_self","class","error","directives","name","rawName","value","model","expression","staticClass","attrs","domProps","inputValue","Array","isArray","_i","on","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","_t","staticRenderFns","props","type","Boolean","Object","String","default","computed","get","set","$emit","component"],"mappings":"gHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACE,MAAM,CAAC,cAAe,CAAEC,MAAOL,EAAIK,SAAU,CAACH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOT,EAAIU,MAAOC,WAAW,UAAUC,YAAY,UAAUC,MAAM,CAAC,KAAOb,EAAIO,KAAK,KAAO,YAAYO,SAAS,CAAC,MAAQd,EAAIe,WAAW,QAAUC,MAAMC,QAAQjB,EAAIU,OAAOV,EAAIkB,GAAGlB,EAAIU,MAAMV,EAAIe,aAAa,EAAGf,EAAIU,OAAQS,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIC,EAAIrB,EAAIU,MAAMY,EAAKF,EAAOG,OAAOC,IAAIF,EAAKG,QAAuB,GAAGT,MAAMC,QAAQI,GAAK,CAAC,IAAIK,EAAI1B,EAAIe,WAAWY,EAAI3B,EAAIkB,GAAGG,EAAIK,GAAQJ,EAAKG,QAASE,EAAI,IAAI3B,EAAIU,MAAMW,EAAIO,OAAO,CAACF,KAAYC,GAAK,IAAI3B,EAAIU,MAAMW,EAAIQ,MAAM,EAAEF,GAAKC,OAAOP,EAAIQ,MAAMF,EAAI,UAAW3B,EAAIU,MAAMc,MAAStB,EAAG,OAAO,CAACA,EAAG,MAAM,CAACW,MAAM,CAAC,MAAQ,OAAO,OAAS,OAAO,QAAU,cAAc,CAACX,EAAG,WAAW,CAACW,MAAM,CAAC,OAAS,4BAA4Bb,EAAI8B,GAAG,YAAY,IAEt2BC,EAAkB,GCWP,GACfxB,KAAA,aAEAyB,MAAA,CACAvB,MAAA,CACAwB,KAAA,CAAAC,QAAAC,OAAAC,OAAApB,QAEAD,WAAAqB,OACA7B,KAAA,CACA0B,KAAAG,OACAC,QAAA,QAEAhC,MAAA,CACA4B,KAAAC,QACAG,SAAA,IAGAC,SAAA,CACA5B,MAAA,CACA6B,MACA,YAAA9B,OAEA+B,IAAA/B,GACA,KAAAgC,MAAA,QAAAhC,OCpCmW,I,wBCQ/ViC,EAAY,eACd,EACA3C,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAW,E","file":"js/chunk-9faafd4a.7576b118.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UiCheckbox.vue?vue&type=style&index=0&id=58726ec3&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('label',{class:['ui-checkbox', { error: _vm.error }]},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.model),expression:\"model\"}],staticClass:\"inp-cbx\",attrs:{\"name\":_vm.name,\"type\":\"checkbox\"},domProps:{\"value\":_vm.inputValue,\"checked\":Array.isArray(_vm.model)?_vm._i(_vm.model,_vm.inputValue)>-1:(_vm.model)},on:{\"change\":function($event){var $$a=_vm.model,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=_vm.inputValue,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.model=$$a.concat([$$v]))}else{$$i>-1&&(_vm.model=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.model=$$c}}}}),_c('span',[_c('svg',{attrs:{\"width\":\"12px\",\"height\":\"10px\",\"viewbox\":\"0 0 12 10\"}},[_c('polyline',{attrs:{\"points\":\"1.5 6 4.5 9 10.5 1\"}})])]),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <label :class=\"['ui-checkbox', { error }]\">\n    <input v-model=\"model\" :name=\"name\" :value=\"inputValue\" class=\"inp-cbx\" type=\"checkbox\" />\n    <span>\n      <svg width=\"12px\" height=\"10px\" viewbox=\"0 0 12 10\">\n        <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\n      </svg>\n    </span>\n    <slot></slot>\n  </label>\n</template>\n\n<script>\nexport default {\n  name: \"UiCheckbox\",\n\n  props: {\n    value: {\n      type: [Boolean, Object, String, Array]\n    },\n    inputValue: String,\n    name: {\n      type: String,\n      default: 'name',\n    },\n    error: {\n      type: Boolean,\n      default: false,\n    }\n  },\n  computed: {\n     model: {\n       get() {\n         return this.value;\n       },\n       set(value) {\n         this.$emit(\"input\", value);\n       },\n     }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ui-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  -webkit-user-select: none;\n  user-select: none;\n  cursor: pointer;\n\n  &.error {\n\n    span {\n      border: 1px solid #E21F1F;\n    }\n\n    p {\n      color: #E21F1F;\n    }\n  }\n\n  input {\n    display: none;\n  }\n\n  span {\n    display: inline-block;\n    vertical-align: middle;\n    position: relative;\n    width: 18px;\n    height: 18px;\n    border-radius: 3px;\n    transform: scale(1) translate3d(0, 0, 0);\n    border: 1px solid #9098A9;\n    transition: all 0.2s ease;\n\n    svg {\n      position: absolute;\n      top: 3px;\n      left: 2px;\n      fill: none;\n      stroke: #FFFFFF;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      stroke-dasharray: 16px;\n      stroke-dashoffset: 16px;\n      transition: all 0.3s ease;\n      transition-delay: 0.1s;\n      transform: translate3d(0, 0, 0);\n    }\n\n    &:before {\n      content: \"\";\n      width: 100%;\n      height: 100%;\n      background: #E21F1F;\n      display: block;\n      transform: scale(0);\n      opacity: 1;\n      border-radius: 50%;\n    }\n  }\n\n  p {\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 11px;\n    color: #343432;\n    transition: 0.3s;\n  }\n\n  a {\n    color: #E21F1F;\n    text-decoration: none;\n  }\n}\n\n\n.cbx span {\n  display: inline-block;\n  vertical-align: middle;\n  transform: translate3d(0, 0, 0);\n}\n.cbx span {\n  position: relative;\n  width: 18px;\n  height: 18px;\n  border-radius: 3px;\n  transform: scale(1);\n  vertical-align: middle;\n  border: 1px solid #9098A9;\n  transition: all 0.2s ease;\n}\n.cbx span svg {\n  position: absolute;\n  top: 3px;\n  left: 2px;\n  fill: none;\n  stroke: #FFFFFF;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-dasharray: 16px;\n  stroke-dashoffset: 16px;\n  transition: all 0.3s ease;\n  transition-delay: 0.1s;\n  transform: translate3d(0, 0, 0);\n}\n.cbx span:before {\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  background: #E21F1F;\n  display: block;\n  transform: scale(0);\n  opacity: 1;\n  border-radius: 50%;\n}\n.cbx:hover span {\n  border-color: #E21F1F;\n}\n\n.inp-cbx:checked + span {\n  background: #E21F1F;\n  border-color: #E21F1F;\n  animation: wave-46 0.4s ease;\n}\n.inp-cbx:checked + span svg {\n  stroke-dashoffset: 0;\n}\n.inp-cbx:checked +  span:before {\n  transform: scale(3.5);\n  opacity: 0;\n  transition: all 0.6s ease;\n}\n\n@keyframes wave-46 {\n  50% {\n    transform: scale(0.9);\n  }\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!./UiCheckbox.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!./UiCheckbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UiCheckbox.vue?vue&type=template&id=58726ec3&scoped=true&\"\nimport script from \"./UiCheckbox.vue?vue&type=script&lang=js&\"\nexport * from \"./UiCheckbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UiCheckbox.vue?vue&type=style&index=0&id=58726ec3&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  \"58726ec3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}