{"version":3,"sources":["webpack:///./src/app/shared/components/basic/ontick-success.component.vue","webpack:///src/app/shared/components/basic/ontick-success.component.vue","webpack:///./src/app/shared/components/basic/ontick-success.component.vue?7983","webpack:///./src/app/shared/components/basic/ontick-success.component.vue?f22e","webpack:///./src/app/shared/components/basic/ontick-success.component.vue?480a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_s","title","staticRenderFns","props","type","String","default","active","Boolean","size","Number","component"],"mappings":"wHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,QAAU,YAAY,KAAO,OAAO,MAAQ,+BAA+B,CAACH,EAAG,OAAO,CAACG,MAAM,CAAC,EAAI,0BAA0B,OAAS,QAAQ,eAAe,KAAK,iBAAiB,QAAQ,kBAAkB,eAAeH,EAAG,MAAM,CAACE,YAAY,qBAAqBF,EAAG,KAAK,CAACE,YAAY,oDAAoD,CAACJ,EAAIM,GAAG,IAAIN,EAAIO,GAAGP,EAAIQ,OAAO,YAExnBC,EAAkB,GC6BP,GACfC,MAAA,CACAF,MAAA,CAAAG,KAAAC,OAAAC,QAAA,gCACAC,OAAA,CAAAH,KAAAI,QAAAF,SAAA,GACAG,KAAA,CAAAL,KAAAM,OAAAJ,QAAA,OCnC4a,I,wBCQxaK,EAAY,eACd,EACAnB,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,6CCnBf,W","file":"js/chunk-016f7145.f71669b3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex justify-center\"},[_c('div',[_c('div',{staticClass:\"flex justify-center\"},[_c('div',{staticClass:\"check-container\"},[_c('div',{staticClass:\"check-background\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 65 51\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M7 25L27.3077 44L58.5 7\",\"stroke\":\"white\",\"stroke-width\":\"13\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])]),_c('div',{staticClass:\"check-shadow\"})])]),_c('h2',{staticClass:\"text-center text-2xl font-semibold text-gray-300\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex justify-center\">\n    <div>\n      <div class=\"flex justify-center\">\n        <div class=\"check-container\">\n          <div class=\"check-background\">\n            <svg\n              viewBox=\"0 0 65 51\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M7 25L27.3077 44L58.5 7\"\n                stroke=\"white\"\n                stroke-width=\"13\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n          <div class=\"check-shadow\"></div>\n        </div>\n      </div>\n      <h2 class=\"text-center text-2xl font-semibold text-gray-300\">\n        {{ title }}\n      </h2>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: { type: String, default: \"Compra realizada com sucesso\" },\n    active: { type: Boolean, default: false },\n    size: { type: Number, default: 100 },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// Main CSS\n.check-container {\n  width: 6.25rem;\n  height: 7.5rem;\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n  justify-content: space-between;\n\n  .check-background {\n    width: 100%;\n    height: calc(100% - 1.25rem);\n    background: linear-gradient(to bottom right, #19d684, #17c177);\n    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n    transform: scale(0.84);\n    border-radius: 50%;\n    animation: animateContainer 0.75s ease-out forwards 0.75s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    svg {\n      width: 65%;\n      transform: translateY(0.25rem);\n      stroke-dasharray: 80;\n      stroke-dashoffset: 80;\n      animation: animateCheck 0.35s forwards 1.25s ease-out;\n    }\n  }\n\n  .check-shadow {\n    bottom: calc(-15% - 5px);\n    left: 0;\n    border-radius: 50%;\n    background: radial-gradient(closest-side, rgba(45, 55, 72, 1), transparent);\n    animation: animateShadow 0.75s ease-out forwards 0.75s;\n  }\n}\n\n@keyframes animateContainer {\n  0% {\n    opacity: 0;\n    transform: scale(0);\n    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n  }\n  25% {\n    opacity: 1;\n    transform: scale(0.9);\n    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n  }\n  43.75% {\n    transform: scale(1.15);\n    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;\n  }\n  62.5% {\n    transform: scale(1);\n    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;\n  }\n  81.25% {\n    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n  }\n  100% {\n    opacity: 1;\n    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,\n      0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;\n  }\n}\n\n@keyframes animateCheck {\n  from {\n    stroke-dashoffset: 80;\n  }\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes animateShadow {\n  0% {\n    opacity: 0;\n    width: 100%;\n    height: 15%;\n  }\n  25% {\n    opacity: 0.25;\n  }\n  43.75% {\n    width: 40%;\n    height: 7%;\n    opacity: 0.35;\n  }\n  100% {\n    width: 85%;\n    height: 15%;\n    opacity: 0.25;\n  }\n}\n\n:root {\n  --hue: 223;\n  --bg: hsl(var(--hue), 90%, 20%);\n  --fg: hsl(var(--hue), 10%, 90%);\n  --primary: hsl(var(--hue), 90%, 55%);\n  --primary-dn: hsl(var(--hue), 90%, 45%);\n  font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320));\n}\n\n.check-spinner__worm-a,\n.check-spinner__worm-b {\n  visibility: hidden;\n}\n.check-spinner {\n  margin-bottom: 3em;\n  overflow: visible;\n  width: 6.25em;\n  height: 6.25em;\n}\n.check-spinner__worm-a {\n  animation: worm-a 1.2s linear;\n}\n.check-spinner__worm-b {\n  animation: worm-b 1.2s 1.2s linear forwards;\n  stroke-dashoffset: 0.01;\n}\n.check-spinner__circle {\n  animation: circle 0.2s 2.3s cubic-bezier(0, 0, 0.42, 1.33) forwards;\n}\n\n/* Animations */\n@keyframes worm-a {\n  from {\n    stroke-dashoffset: 36.1;\n    visibility: visible;\n  }\n  to {\n    stroke-dashoffset: -252.9;\n    visibility: visible;\n  }\n}\n@keyframes worm-b {\n  from {\n    animation-timing-function: linear;\n    stroke-dasharray: 0 0 72.2 341.3;\n    visibility: visible;\n  }\n  69.7% {\n    animation-timing-function: ease-out;\n    stroke-dasharray: 0 207 45 341.3;\n    visibility: visible;\n  }\n  to {\n    animation-timing-function: ease-out;\n    stroke-dasharray: 0 297 45 341.3;\n    visibility: visible;\n  }\n}\n@keyframes circle {\n  from {\n    r: 0;\n  }\n  to {\n    r: 50px;\n  }\n}\n@keyframes reappear {\n  from {\n    visibility: hidden;\n  }\n  to {\n    visibility: visible;\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ontick-success.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-success.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ontick-success.component.vue?vue&type=template&id=970a6c5e&scoped=true\"\nimport script from \"./ontick-success.component.vue?vue&type=script&lang=js\"\nexport * from \"./ontick-success.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./ontick-success.component.vue?vue&type=style&index=0&id=970a6c5e&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  \"970a6c5e\",\n  null\n  \n)\n\nexport default component.exports","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-success.component.vue?vue&type=style&index=0&id=970a6c5e&prod&lang=scss&scoped=true\""],"sourceRoot":""}