{"version":3,"sources":["webpack:///./src/app/modules/layout-investment/components/ontick-toggle/ontick-toggle.component.vue?ec93","webpack:///./src/app/modules/layout-investment/components/ontick-toggle/ontick-toggle.component.vue","webpack:///src/app/modules/layout-investment/components/ontick-toggle/ontick-toggle.component.vue","webpack:///./src/app/modules/layout-investment/components/ontick-toggle/ontick-toggle.component.vue?b92c","webpack:///./src/app/modules/layout-investment/components/ontick-toggle/ontick-toggle.component.vue?e608"],"names":["render","_vm","this","_c","_self","on","$event","stopPropagation","$emit","directives","name","rawName","value","active","expression","attrs","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","class","block","size","arrow","theme","staticClass","_s","$icons","play_2","staticRenderFns","data","props","type","Boolean","default","String","validator","val","includes","methods","activeToogle","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBN,EAAIO,MAAM,aAAa,CAACL,EAAG,QAAQ,CAACM,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAIY,OAAQC,WAAW,WAAWC,MAAM,CAAC,KAAO,YAAYC,SAAS,CAAC,QAAUf,EAAIY,OAAO,QAAUI,MAAMC,QAAQjB,EAAIY,QAAQZ,EAAIkB,GAAGlB,EAAIY,OAAO,OAAO,EAAGZ,EAAIY,QAASR,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIc,EAAInB,EAAIY,OAAOQ,EAAKf,EAAOgB,OAAOC,IAAIF,EAAKG,QAAuB,GAAGP,MAAMC,QAAQE,GAAK,CAAC,IAAIK,EAAI,KAAKC,EAAIzB,EAAIkB,GAAGC,EAAIK,GAAQJ,EAAKG,QAASE,EAAI,IAAIzB,EAAIY,OAAOO,EAAIO,OAAO,CAACF,KAAYC,GAAK,IAAIzB,EAAIY,OAAOO,EAAIQ,MAAM,EAAEF,GAAKC,OAAOP,EAAIQ,MAAMF,EAAI,UAAWzB,EAAIY,OAAOU,MAASpB,EAAG,QAAQ,CAAC0B,MAAM,CACrsB5B,EAAIY,QAAWZ,EAAI6B,MAEhB7B,EAAI6B,QAAU7B,EAAIY,OAClB,oBACA,qBAHA,qCAIS,OAAbZ,EAAI8B,KAAgB,cAAgB,mBACnC,CAAC5B,EAAG,OAAO,CAACM,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAO,CAAEoB,OAAO,EAAMC,MAAOhC,EAAI6B,QAAU7B,EAAIY,OAAS,MAAQ,SAAWC,WAAW,+DAA+DoB,YAAY,+BAA+BL,MAAM,CAC7P5B,EAAIY,OAAS,uBAAyB,GACzB,OAAbZ,EAAI8B,KAAgB,gBAAkB,oBACtChB,MAAM,CAAC,QAAWd,EAAIY,QAAWZ,EAAI6B,MAEjC7B,EAAI6B,QAAU7B,EAAIY,OAClB,qCACA,2BAHA,wBAG6B,CAACV,EAAG,OAAO,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOX,EAAIY,OAAQC,WAAW,WAAWoB,YAAY,OAAOlB,SAAS,CAAC,UAAYf,EAAIkC,GAAGlC,EAAImC,OAAOC,kBAE/LC,EAAkB,GCkBP,GACfC,OACA,OACAf,SAAA,IAGAgB,MAAA,CACA3B,OAAA,CACA4B,KAAAC,SAEAZ,MAAA,CACAW,KAAAC,QACAC,SAAA,GAEAZ,KAAA,CACAU,KAAAG,OACAD,QAAA,KACAE,UAAAC,GACA,YAAAC,SAAAD,KAIAE,QAAA,CACAC,eACA,KAAAzB,SAAA,KAAAA,WC1D0b,I,wBCQtb0B,EAAY,eACd,EACAlD,EACAsC,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"js/chunk-7e7778dc.4d5ab4d6.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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-toggle.component.vue?vue&type=style&index=0&id=744dc682&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('switch')}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.active),expression:\"active\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.active,\"checked\":Array.isArray(_vm.active)?_vm._i(_vm.active,null)>-1:(_vm.active)},on:{\"change\":function($event){var $$a=_vm.active,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.active=$$a.concat([$$v]))}else{$$i>-1&&(_vm.active=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.active=$$c}}}}),_c('label',{class:[\n      !_vm.active && !_vm.block\n        ? 'bg-ontick-carbon-400 bg-opacity-50'\n        : _vm.block && !_vm.active\n        ? 'bg-ontick-red-600'\n        : 'bg-ontick-blue-600',\n      _vm.size === 'md' ? 'check-trail' : 'check-trail-sm',\n    ]},[_c('span',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: _vm.block && !_vm.active ? 'red' : 'green' }),expression:\"{ arrow: true, theme: block && !active ? 'red' : 'green' }\"}],staticClass:\"flex justify-center bg-white\",class:[\n        _vm.active ? 'check-handler-active' : '',\n        _vm.size === 'md' ? 'check-handler' : 'check-handler-sm',\n      ],attrs:{\"content\":!_vm.active && !_vm.block\n          ? 'Investimento parado'\n          : _vm.block && !_vm.active\n          ? 'Erro, verifique o parâmetro abaixo'\n          : 'Investimento em execução'}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.active),expression:\"active\"}],staticClass:\"ml-1\",domProps:{\"innerHTML\":_vm._s(_vm.$icons.play_2)}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div @click.stop=\"$emit('switch')\">\n    <input :checked=\"active\" v-model=\"active\" type=\"checkbox\" />\n    <label\n      :class=\"[\n        !active && !block\n          ? 'bg-ontick-carbon-400 bg-opacity-50'\n          : block && !active\n          ? 'bg-ontick-red-600'\n          : 'bg-ontick-blue-600',\n        size === 'md' ? 'check-trail' : 'check-trail-sm',\n      ]\"\n    >\n      <span\n        :content=\"\n          !active && !block\n            ? 'Investimento parado'\n            : block && !active\n            ? 'Erro, verifique o parâmetro abaixo'\n            : 'Investimento em execução'\n        \"\n        v-tippy=\"{ arrow: true, theme: block && !active ? 'red' : 'green' }\"\n        class=\"flex justify-center bg-white\"\n        :class=\"[\n          active ? 'check-handler-active' : '',\n          size === 'md' ? 'check-handler' : 'check-handler-sm',\n        ]\"\n      >\n        <span v-show=\"active\" class=\"ml-1\" v-html=\"$icons.play_2\"></span>\n      </span>\n    </label>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      checked: false,\n    };\n  },\n  props: {\n    active: {\n      type: Boolean,\n    },\n    block: {\n      type: Boolean,\n      default: false,\n    },\n    size: {\n      type: String,\n      default: \"md\",\n      validator: (val) => {\n        return [\"sm\", \"md\"].includes(val);\n      },\n    },\n  },\n  methods: {\n    activeToogle() {\n      this.checked = !this.checked;\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\ninput[type=\"checkbox\"] {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n}\n.check-trail {\n  display: flex;\n  align-items: center;\n  width: 3.2em;\n  height: 1.8em;\n  border-radius: 2.5em;\n  transition: all 0.5s ease;\n  cursor: pointer;\n  &-sm {\n    display: flex;\n    align-items: center;\n    width: 1.875rem;\n    height: 1rem;\n    border-radius: 2.5rem;\n    transition: all 0.5s ease;\n    cursor: pointer;\n  }\n  /* box-shadow: 0 20px 20px 0 rgb(254 69 81 / 30%); */\n}\n.check-handler {\n  display: flex;\n  margin-left: 0.2em;\n  justify-content: center;\n  align-items: center;\n  width: 1.5em;\n  height: 1.5em;\n  min-width: 1.5em;\n  max-width: 1.5em;\n  min-height: 1.5em;\n  max-height: 1.5em;\n  border-radius: 50%;\n  transition: all 0.5s ease;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n  &-sm {\n    display: flex;\n    // margin-left: 0.2em;\n    justify-content: center;\n    align-items: center;\n    width: 1rem;\n    height: 1rem;\n    min-width: 1rem;\n    max-width: 1rem;\n    min-height: 1rem;\n    max-height: 1rem;\n    border-radius: 50%;\n    transition: all 0.5s ease;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n  }\n}\n/* .check-handler:before {\n  content: \"\\f556\";\n  color: white;\n  font-size: 3em;\n  font-family: \"Font Awesome 5 Free\";\n  font-weight: 900;\n} */\n/* input[type=\"checkbox\"]:checked + .check-trail {\n  background: #48E98A;\n  box-shadow: 0 20px 20px 0 rgb(72 233 138 / 30%);\n} */\n.check-handler-active {\n  margin-left: 50%;\n  /* background: #1ABC9C; */\n  transform: rotate(360deg);\n}\n/* input[type=\"checkbox\"]:checked + .check-trail .check-handler::before {\n  content: \"\\f5b8\";\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-toggle.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-toggle.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ontick-toggle.component.vue?vue&type=template&id=744dc682&scoped=true\"\nimport script from \"./ontick-toggle.component.vue?vue&type=script&lang=js\"\nexport * from \"./ontick-toggle.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./ontick-toggle.component.vue?vue&type=style&index=0&id=744dc682&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"744dc682\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}