{"version":3,"sources":["webpack:///static-appopensalud/js/83.d50e0e4d07947d0d0a00.js","webpack:///./src/components/views/testing/BaseCardTesting.vue","webpack:///src/components/views/testing/BaseCardTesting.vue","webpack:///./src/components/views/testing/BaseCardTesting.vue?2633","webpack:///./src/components/views/testing/BaseCardTesting.vue?593d","webpack:///./src/components/views/testing/BaseCardTesting.vue?9d7e"],"names":["webpackJsonp","2354","module","__webpack_exports__","__webpack_require__","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","3225","components","data","hidden","currentClassColor","methods","updateColors","e","target","classList","contains","color","id","toString","indexOf","remove","this","add","3802","exports","content","i","locals","3803","push","3804","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","type","value","disabled","list","on","change","_v","_m","staticRenderFns","_withStripped","esExports"],"mappings":"AAAAA,cAAc,KAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCJA,SAASC,GAAaC,GAChBC,GACJ,EAAQ,MAHV,yEAAIA,GAAW,EAKXC,EAAqB,EAAQ,GAS7BC,EAAiBJ,EAKjBK,EAAYF,EACd,IACA,KATgC,EAWhCC,EAPoB,KAEU,KAShCC,GAAUC,QAAQC,OAAS,mDAkBZ,UAAAF,EAAiB,SDe1BG,KACA,SAAUX,EAAQC,EAAqBC,GAE7C,YErCA,MACEU,YACE,YAAa,WAAjB,6DACI,eAAgB,WAApB,yCACI,iBAAkB,WAAtB,0CAEEC,KANF,WAOI,OACEC,QAAQ,EACRC,kBAAmB,WAGvBC,SACEC,aADJ,SACA,GACM,IAAIC,EAAEC,OAAOC,UAAUC,SAAS,gBAAhC,CAGA,GAAIC,GAAQJ,EAAEC,OAAOI,GAAGC,WAAWC,QAAQ,WAAa,EAAI,EAAlE,6GAEMP,GAAEC,OAAOC,UAAUM,OAAOC,KAAKZ,mBAC/BY,KAAKZ,kBAAoBO,EACzBJ,EAAEC,OAAOC,UAAUQ,IAAIN,QF8EvBO,KACA,SAAU7B,EAAQ8B,EAAS5B,GG3HjC,GAAI6B,GAAU,EAAQ,KACA,iBAAZA,KAAsBA,IAAY/B,EAAOgC,EAAID,EAAS,MAC7DA,EAAQE,SAAQjC,EAAO8B,QAAUC,EAAQE,OAE/B,GAAQ,GAAqE,WAAYF,GAAS,OHiJzGG,KACA,SAAUlC,EAAQ8B,EAAS5B,GIzJjC4B,EAAU9B,EAAO8B,QAAU,EAAQ,IAAuD,GAK1FA,EAAQK,MAAMnC,EAAOgC,EAAI,8iHAA+iH,MJkKlkHI,KACA,SAAUpC,EAAQC,EAAqBC,GAE7C,YK1KA,IAAImC,GAAS,WACX,GAAIC,GAAMX,KACNY,EAAKD,EAAIE,eACTC,EAAKH,EAAII,MAAMD,IAAMF,CACzB,OAAOE,GAAG,OAASE,YAAa,cAC9BF,EAAG,OAASE,YAAa,iBACvBF,EAAG,SACDE,YAAa,oCACbC,OACEC,KAAM,QACNC,MAAO,IACPC,SAAUT,EAAIxB,OACdkC,KAAM,aAERC,IAAMC,OAAQZ,EAAIrB,gBAEpBqB,EAAIa,GAAG,KACPb,EAAIc,GAAG,QAITC,GACF,WACE,GAAIf,GAAMX,KACNY,EAAKD,EAAIE,eACTC,EAAKH,EAAII,MAAMD,IAAMF,CACzB,OAAOE,GAAG,OAASE,YAAa,UAC9BF,EAAG,OAAQH,EAAIa,GAAG,aAClBb,EAAIa,GAAG,KACPV,EAAG,OAAQH,EAAIa,GAAG,iBAIxBd,GAAOiB,eAAgB,CACvB,IAAIC,IAAclB,OAAQA,EAAQgB,gBAAiBA,EACpC","file":"static-appopensalud/js/83.d50e0e4d07947d0d0a00.js","sourcesContent":["webpackJsonp([83],{\n\n/***/ 2354:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_BaseCardTesting_vue__ = __webpack_require__(3225);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ffe131a2_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_BaseCardTesting_vue__ = __webpack_require__(3804);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3802)\n}\nvar normalizeComponent = __webpack_require__(6)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_BaseCardTesting_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_ffe131a2_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_BaseCardTesting_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/views/testing/BaseCardTesting.vue\"\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-ffe131a2\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-ffe131a2\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 3225:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  components: {\n    'base-card': function baseCard() {\n      return new Promise(function(resolve) { resolve(); }).then(__webpack_require__.bind(null, 275));\n    },\n    'labeled-text': function labeledText() {\n      return __webpack_require__.e/* import() */(141).then(__webpack_require__.bind(null, 2709));\n    },\n    'clinic-history': function clinicHistory() {\n      return __webpack_require__.e/* import() */(132).then(__webpack_require__.bind(null, 2711));\n    }\n  },\n  data: function data() {\n    return {\n      hidden: false,\n      currentClassColor: 'medium'\n    };\n  },\n\n  methods: {\n    updateColors: function updateColors(e) {\n      if (e.target.classList.contains('hidden-thumb')) {\n        return;\n      }\n      var color = e.target.id.toString().indexOf('stress') > -1 ? e.target.value < 4 ? 'high' : e.target.value < 8 ? 'medium' : 'low' : e.target.value < 4 ? 'low' : e.target.value < 8 ? 'medium' : 'high';\n      // Apply class to event element\n      e.target.classList.remove(this.currentClassColor);\n      this.currentClassColor = color;\n      e.target.classList.add(color);\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 3802:\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(3803);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(9)(\"b552eabc\", content, false, {});\n// Hot Module Replacement\nif(false) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./BaseCardTesting.vue\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./BaseCardTesting.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n\n/***/ 3803:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(8)(false);\n// imports\n\n\n// module\nexports.push([module.i, \"\\n.container {\\n  padding-top: 10rem;\\n  padding-bottom: 10rem;\\n}\\n.range-slider {\\n  position: relative;\\n  width: 100%;\\n}\\n.range-slider .ticks div {\\n  display: inline-block;\\n  position: absolute;\\n}\\n.range-slider .ticks div:first-child {\\n  left: 0;\\n}\\n.range-slider .ticks div:last-child {\\n  right: 0;\\n}\\n/*Chrome*/\\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\\ninput[type='range'] {\\n    width: 100%;\\n    overflow: hidden;\\n    background-color: #E4E4E4;\\n    -webkit-appearance: none;\\n    border-radius: 15px;\\n    /* .health-colors-shadow(-moz-range-thumb, ~'::'); */\\n}\\ninput[type='range'].high::-webkit-slider-thumb {\\n    -webkit-box-shadow: -100px 0 0 100px #95B665;\\n            box-shadow: -100px 0 0 100px #95B665;\\n}\\ninput[type='range'].medium::-webkit-slider-thumb {\\n    -webkit-box-shadow: -100px 0 0 100px #fcdf4a;\\n            box-shadow: -100px 0 0 100px #fcdf4a;\\n}\\ninput[type='range'].low::-webkit-slider-thumb {\\n    -webkit-box-shadow: -100px 0 0 100px #B1324E;\\n            box-shadow: -100px 0 0 100px #B1324E;\\n}\\ninput[type='range'].high::-webkit-slider-runnable-track {\\n    -webkit-box-shadow: -100px 0 0 100px #95B665;\\n            box-shadow: -100px 0 0 100px #95B665;\\n}\\ninput[type='range'].medium::-webkit-slider-runnable-track {\\n    -webkit-box-shadow: -100px 0 0 100px #fcdf4a;\\n            box-shadow: -100px 0 0 100px #fcdf4a;\\n}\\ninput[type='range'].low::-webkit-slider-runnable-track {\\n    -webkit-box-shadow: -100px 0 0 100px #B1324E;\\n            box-shadow: -100px 0 0 100px #B1324E;\\n}\\ninput[type='range'].high::-moz-range-progress {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-moz-range-progress {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-moz-range-progress {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'].high::-moz-range-track {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-moz-range-track {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-moz-range-track {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'].high::-ms-fill-lower {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-ms-fill-lower {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-ms-fill-lower {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'].high::-ms-fill-upper {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-ms-fill-upper {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-ms-fill-upper {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'] {\\n    border-radius: 15px;\\n    -webkit-appearance: none;\\n}\\ninput[type='range']::-webkit-slider-thumb {\\n    -webkit-appearance: none;\\n    height: 12px;\\n    width: 12px;\\n    border-radius: 30px;\\n    cursor: pointer;\\n    /* border: 20px solid #2A5172 !important; */\\n    /* border-top-left-radius: 30px;\\n      border-bottom-left-radius: 30px; */\\n    /*       width: 10px;\\n      height: 10px;\\n      cursor: ew-resize; */\\n    background: #2A5172;\\n}\\ninput[type='range'].hidden-thumb.high::-webkit-slider-thumb {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].hidden-thumb.medium::-webkit-slider-thumb {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].hidden-thumb.low::-webkit-slider-thumb {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3804:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"container\" }, [\n    _c(\"div\", { staticClass: \"range-slider\" }, [\n      _c(\"input\", {\n        staticClass: \"health-slider medium hidden-thumb\",\n        attrs: {\n          type: \"range\",\n          value: \"5\",\n          disabled: _vm.hidden,\n          list: \"tickmarks\"\n        },\n        on: { change: _vm.updateColors }\n      }),\n      _vm._v(\" \"),\n      _vm._m(0)\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"ticks\" }, [\n      _c(\"div\", [_vm._v(\"Muy mal\")]),\n      _vm._v(\" \"),\n      _c(\"div\", [_vm._v(\"Muy bien\")])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-ffe131a2\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/83.d50e0e4d07947d0d0a00.js","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./BaseCardTesting.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./BaseCardTesting.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./BaseCardTesting.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./BaseCardTesting.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/views/testing/BaseCardTesting.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-ffe131a2\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-ffe131a2\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/views/testing/BaseCardTesting.vue\n// module id = 2354\n// module chunks = 83","<template>\r\n  <div class=\"container\">\r\n    <!-- <base-card :title=\"$t('menu.appointment-info')\">\r\n      <labeled-text label=\"Motivo de la consulta\" text=\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\"></labeled-text>\r\n      <labeled-text label=\"Síntoma o enfermedad\" text=\"Dolor de cabeza\"></labeled-text>\r\n    </base-card>\r\n    <base-card :title=\"$t('menu.appointment-info')\">\r\n      <labeled-text label=\"Motivo de la consulta\" text=\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\"></labeled-text>\r\n    </base-card>\r\n    <base-card :title=\"$t('menu.appointment-info')\">\r\n      Motivo de la consulta\r\n      <br>\r\n      ttatatata\r\n    </base-card>\r\n    <clinic-history></clinic-history> -->\r\n    <div class=\"range-slider\">\r\n      <input type=\"range\" value=\"5\" class=\"health-slider medium hidden-thumb\" @change=\"updateColors\" :disabled=\"hidden\" list=\"tickmarks\">\r\n      <div class=\"ticks\">\r\n        <div>Muy mal</div>\r\n        <div>Muy bien</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n    'base-card': () => import('@/components/base/ui/BaseCard.vue'),\r\n    'labeled-text': () => import('@/components/base/ui/LabeledText.vue'),\r\n    'clinic-history': () => import('@/components/shared/ClinicHistory.vue')\r\n  },\r\n  data () {\r\n    return {\r\n      hidden: false,\r\n      currentClassColor: 'medium'\r\n    }\r\n  },\r\n  methods: {\r\n    updateColors (e) {\r\n      if (e.target.classList.contains('hidden-thumb')) {\r\n        return\r\n      }\r\n      var color = e.target.id.toString().indexOf('stress') > -1 ? (e.target.value < 4 ? 'high' : (e.target.value < 8 ? 'medium' : 'low')) : (e.target.value < 4 ? 'low' : (e.target.value < 8 ? 'medium' : 'high'))\r\n      // Apply class to event element\r\n      e.target.classList.remove(this.currentClassColor)\r\n      this.currentClassColor = color\r\n      e.target.classList.add(color)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.container {\r\n  padding-top: 10rem;\r\n  padding-bottom: 10rem;\r\n}\r\n\r\n.range-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  .ticks {\r\n    div {\r\n      display: inline-block;\r\n      position: absolute;\r\n\r\n      &:first-child {\r\n        left: 0;\r\n      }\r\n      &:last-child {\r\n        right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@mediumColor: #fcdf4a;\r\n@lowColor: #B1324E;\r\n@highColor: #95B665;\r\n\r\n.health-colors() {\r\n  &.high {\r\n    background-color: @highColor;\r\n    color: @highColor;\r\n  }\r\n  &.medium {\r\n    background-color: @mediumColor;\r\n    color: @mediumColor;\r\n  }\r\n  &.low {\r\n    background-color: @lowColor;\r\n    color: @lowColor;\r\n  }\r\n}\r\n\r\n.health-colors(@pseudoSelector, @pre: ~'') {\r\n  &.high@{pre}@{pseudoSelector} {\r\n    background-color: @highColor;\r\n    color: @highColor;\r\n  }\r\n  &.medium@{pre}@{pseudoSelector} {\r\n    background-color: @mediumColor;\r\n    color: @mediumColor;\r\n  }\r\n  &.low@{pre}@{pseudoSelector} {\r\n    background-color: @lowColor;\r\n    color: @lowColor;\r\n  }\r\n}\r\n\r\n.health-colors-shadow(@pseudoSelector, @pre: ~'') {\r\n  &.high@{pre}@{pseudoSelector} {\r\n    box-shadow: -100px 0 0 100px @highColor;\r\n  }\r\n  &.medium@{pre}@{pseudoSelector} {\r\n    box-shadow: -100px 0 0 100px @mediumColor;\r\n  }\r\n  &.low@{pre}@{pseudoSelector} {\r\n    box-shadow: -100px 0 0 100px @lowColor;\r\n  }\r\n}\r\n\r\n/*Chrome*/\r\n@media screen and (-webkit-min-device-pixel-ratio:0) {\r\n    input[type='range'] {\r\n      width: 100%;\r\n      overflow: hidden;\r\n      background-color: #E4E4E4;\r\n      -webkit-appearance: none;\r\n      border-radius: 15px;\r\n      .health-colors-shadow(-webkit-slider-thumb, ~'::');\r\n\r\n      .health-colors-shadow(-webkit-slider-runnable-track, ~'::');\r\n      /* .health-colors-shadow(-moz-range-thumb, ~'::'); */\r\n      \r\n      // FF\r\n      .health-colors(-moz-range-progress, ~'::');\r\n      .health-colors(-moz-range-track, ~'::');\r\n\r\n      // IE\r\n      .health-colors(-ms-fill-lower, ~'::');\r\n      .health-colors(-ms-fill-upper, ~'::');\r\n    }\r\n    \r\n    input[type='range'] {\r\n      border-radius: 15px;\r\n      -webkit-appearance: none;\r\n    }\r\n    \r\n    input[type='range']::-webkit-slider-thumb {\r\n      -webkit-appearance: none;\r\n      height: 12px;\r\n      width: 12px;\r\n      border-radius: 30px;\r\n      cursor: pointer;\r\n      /* border: 20px solid #2A5172 !important; */\r\n      /* border-top-left-radius: 30px;\r\n      border-bottom-left-radius: 30px; */\r\n/*       width: 10px;\r\n      height: 10px;\r\n      cursor: ew-resize; */\r\n      background: #2A5172;\r\n    }\r\n\r\n    input[type='range']&.hidden-thumb {\r\n      .health-colors(-webkit-slider-thumb, ~'::');\r\n    }\r\n}\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/views/testing/BaseCardTesting.vue","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./BaseCardTesting.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"b552eabc\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./BaseCardTesting.vue\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ffe131a2\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./BaseCardTesting.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":false}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ffe131a2\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/views/testing/BaseCardTesting.vue\n// module id = 3802\n// module chunks = 83","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.container {\\n  padding-top: 10rem;\\n  padding-bottom: 10rem;\\n}\\n.range-slider {\\n  position: relative;\\n  width: 100%;\\n}\\n.range-slider .ticks div {\\n  display: inline-block;\\n  position: absolute;\\n}\\n.range-slider .ticks div:first-child {\\n  left: 0;\\n}\\n.range-slider .ticks div:last-child {\\n  right: 0;\\n}\\n/*Chrome*/\\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\\ninput[type='range'] {\\n    width: 100%;\\n    overflow: hidden;\\n    background-color: #E4E4E4;\\n    -webkit-appearance: none;\\n    border-radius: 15px;\\n    /* .health-colors-shadow(-moz-range-thumb, ~'::'); */\\n}\\ninput[type='range'].high::-webkit-slider-thumb {\\n    -webkit-box-shadow: -100px 0 0 100px #95B665;\\n            box-shadow: -100px 0 0 100px #95B665;\\n}\\ninput[type='range'].medium::-webkit-slider-thumb {\\n    -webkit-box-shadow: -100px 0 0 100px #fcdf4a;\\n            box-shadow: -100px 0 0 100px #fcdf4a;\\n}\\ninput[type='range'].low::-webkit-slider-thumb {\\n    -webkit-box-shadow: -100px 0 0 100px #B1324E;\\n            box-shadow: -100px 0 0 100px #B1324E;\\n}\\ninput[type='range'].high::-webkit-slider-runnable-track {\\n    -webkit-box-shadow: -100px 0 0 100px #95B665;\\n            box-shadow: -100px 0 0 100px #95B665;\\n}\\ninput[type='range'].medium::-webkit-slider-runnable-track {\\n    -webkit-box-shadow: -100px 0 0 100px #fcdf4a;\\n            box-shadow: -100px 0 0 100px #fcdf4a;\\n}\\ninput[type='range'].low::-webkit-slider-runnable-track {\\n    -webkit-box-shadow: -100px 0 0 100px #B1324E;\\n            box-shadow: -100px 0 0 100px #B1324E;\\n}\\ninput[type='range'].high::-moz-range-progress {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-moz-range-progress {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-moz-range-progress {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'].high::-moz-range-track {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-moz-range-track {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-moz-range-track {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'].high::-ms-fill-lower {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-ms-fill-lower {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-ms-fill-lower {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'].high::-ms-fill-upper {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].medium::-ms-fill-upper {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].low::-ms-fill-upper {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\ninput[type='range'] {\\n    border-radius: 15px;\\n    -webkit-appearance: none;\\n}\\ninput[type='range']::-webkit-slider-thumb {\\n    -webkit-appearance: none;\\n    height: 12px;\\n    width: 12px;\\n    border-radius: 30px;\\n    cursor: pointer;\\n    /* border: 20px solid #2A5172 !important; */\\n    /* border-top-left-radius: 30px;\\n      border-bottom-left-radius: 30px; */\\n    /*       width: 10px;\\n      height: 10px;\\n      cursor: ew-resize; */\\n    background: #2A5172;\\n}\\ninput[type='range'].hidden-thumb.high::-webkit-slider-thumb {\\n    background-color: #95B665;\\n    color: #95B665;\\n}\\ninput[type='range'].hidden-thumb.medium::-webkit-slider-thumb {\\n    background-color: #fcdf4a;\\n    color: #fcdf4a;\\n}\\ninput[type='range'].hidden-thumb.low::-webkit-slider-thumb {\\n    background-color: #B1324E;\\n    color: #B1324E;\\n}\\n}\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":false}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ffe131a2\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/views/testing/BaseCardTesting.vue\n// module id = 3803\n// module chunks = 83","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"container\" }, [\n    _c(\"div\", { staticClass: \"range-slider\" }, [\n      _c(\"input\", {\n        staticClass: \"health-slider medium hidden-thumb\",\n        attrs: {\n          type: \"range\",\n          value: \"5\",\n          disabled: _vm.hidden,\n          list: \"tickmarks\"\n        },\n        on: { change: _vm.updateColors }\n      }),\n      _vm._v(\" \"),\n      _vm._m(0)\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"ticks\" }, [\n      _c(\"div\", [_vm._v(\"Muy mal\")]),\n      _vm._v(\" \"),\n      _c(\"div\", [_vm._v(\"Muy bien\")])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-ffe131a2\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ffe131a2\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/views/testing/BaseCardTesting.vue\n// module id = 3804\n// module chunks = 83"],"sourceRoot":""}