{"version":3,"sources":["webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-investment.component.vue?aea1","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-investment.component.vue","webpack:///src/app/modules/layout-investment/components/investment/card-investment/card-investment.component.vue","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-investment.component.vue?7341","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-investment.component.vue?482a"],"names":["render","_vm","this","_c","_self","investment","length","staticClass","_l","item","key","investment_id","attrs","masks_list","some","mask","type","status","directives","name","rawName","value","arrow","theme","expression","_v","_e","loading_strategy","staticRenderFns","components","CardStrategy","CardMask","CardNew","CardNewInvestment","Placeholder","InvestmentCardComponent","props","Array","Object","default","Boolean","methods","toggleSwitch","investmentId","investmentStatus","toggle","$emit","enter","el","done","TweenMax","fromTo","autoAlpha","scale","transformOrigin","ease","Power4","easeOut","onComplete","leave","component"],"mappings":"gHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAAEF,EAAII,WAAWC,OAAS,EAAGH,EAAG,MAAM,CAACI,YAAY,yGAAyG,CAACN,EAAIO,GAAIP,EAAII,YAAY,SAASI,GAAM,OAAON,EAAG,MAAM,CAACO,IAAID,EAAKE,cAAcJ,YAAY,uCAAuC,CAACJ,EAAG,4BAA4B,CAACS,MAAM,CAAC,KAAOH,KACpZA,EAAKI,YACLJ,EAAKI,WAAWC,KAAMC,GAAuB,eAAdA,EAAKC,OACrB,WAAfP,EAAKQ,OACLd,EAAG,MAAM,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAO,CAAEC,OAAO,EAAMC,MAAO,SAAWC,WAAW,oCAAoCjB,YAAY,uJAAuJK,MAAM,CAAC,QAAU,sDAAsD,CAACX,EAAIwB,GAAG,YAAYxB,EAAIyB,MAAM,MACvZzB,EAAII,WAAWC,OAAS,GACxBL,EAAII,WAAWS,KAAML,GAAwB,WAAfA,EAAKQ,QACnCd,EAAG,WAAW,CAACO,IAAI,MAAMH,YAAY,eAAeN,EAAIyB,KAA+B,GAAzBzB,EAAII,WAAWC,OAAaH,EAAG,sBAAsB,CAACO,IAAI,aAAaH,YAAY,eAAeN,EAAIyB,MAAM,GAAGzB,EAAIyB,KAAMzB,EAAI0B,iBAAkBxB,EAAG,MAAM,CAACI,YAAY,yFAAyFN,EAAIO,GAAI,GAAG,SAASC,GAAM,OAAON,EAAG,cAAc,CAACO,IAAID,OAAS,GAAGR,EAAIyB,QAEvYE,EAAkB,GC8DP,GACfC,WAAA,CACAC,iBAAA,gDACAC,aACA,gDACAC,YACA,gDACAC,sBACA,gDACAC,gBACA,gDAIAC,4BACA,sFAGAC,MAAA,CACA/B,WAAA,CACAW,KAAA,CAAAqB,MAAAC,QACAC,QAAA,WACA,WAGAZ,iBAAA,CAAAX,KAAAwB,QAAAD,SAAA,IAGAE,QAAA,CACAC,cAAA,aAAAC,EAAA,iBAAAC,EAAA,OAAAC,IACAA,GACA,KAAAC,MAAA,uBAAAH,eAAAC,sBAGAG,MAAAC,EAAAC,GACAC,SAAAC,OACAH,EACA,EACA,CACAI,UAAA,EACAC,MAAA,KAEA,CACAD,UAAA,EACAC,MAAA,EACAC,gBAAA,UACAC,KAAAC,OAAAC,QACAC,WAAAT,KAIAU,MAAAX,EAAAC,GACAC,SAAAC,OACAH,EACA,EACA,CACAI,UAAA,EACAC,MAAA,GAEA,CACAD,UAAA,EACAC,MAAA,GACAE,KAAAC,OAAAC,QACAC,WAAAT,OCtI2c,I,wBCQvcW,EAAY,eACd,EACA5D,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAgC,E","file":"js/chunk-04d2aadf.64d2027a.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!./card-investment.component.vue?vue&type=style&index=0&id=6818ec41&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[(_vm.investment.length > 0)?_c('div',{staticClass:\"grid-auto-rows grid gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\"},[_vm._l((_vm.investment),function(item){return _c('div',{key:item.investment_id,staticClass:\"relative row-span-1 overflow-hidden\"},[_c('investment-card-component',{attrs:{\"data\":item}}),(\n          item.masks_list &&\n          item.masks_list.some((mask) => mask.type === 'FIRST_PLAY') &&\n          item.status != 'RUNNING'\n        )?_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green' }),expression:\"{ arrow: true, theme: 'green' }\"}],staticClass:\"bg-ontick-blue-600 absolute top-3 -left-5 z-10 w-20 -rotate-45 transform cursor-default text-center text-xs font-bold uppercase text-white shadow-sm\",attrs:{\"content\":\"Este investimento ainda <br/>não foi inicializado\"}},[_vm._v(\" Novo \")]):_vm._e()],1)}),(\n        _vm.investment.length > 0 &&\n        _vm.investment.some((item) => item.status == 'RUNNING')\n      )?_c('card-new',{key:\"new\",staticClass:\"row-span-1\"}):_vm._e(),(_vm.investment.length == 0)?_c('card-new-investment',{key:\"new-invest\",staticClass:\"row-span-1\"}):_vm._e()],2):_vm._e(),(_vm.loading_strategy)?_c('div',{staticClass:\"2x:grid-cols-4 grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4\"},_vm._l((8),function(item){return _c('placeholder',{key:item})}),1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <div\n      v-if=\"investment.length > 0\"\n      class=\"grid-auto-rows grid gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4\"\n    >\n      <!-- <div\n        class=\"relative overflow-hidden\"\n        :class=\"item.type == 'PORTFOLIO' ? 'row-span-2' : 'row-span-1'\"\n        v-for=\"item in investment\"\n        :key=\"item.investment_id\"\n      > -->\n      <div\n        class=\"relative row-span-1 overflow-hidden\"\n        v-for=\"item in investment\"\n        :key=\"item.investment_id\"\n      >\n        <!-- IN DEVELOPMENT: REFACTORED CARD -->\n        <investment-card-component :data=\"item\" />\n\n        <!-- OLD CARD -->\n        <!-- <card-strategy\n          v-else\n          class=\"card-investment h-full\"\n          :item=\"item\"\n          @toggleSwitch=\"toggleSwitch\"\n        /> -->\n        <!-- <card-strategy\n          v-if=\"['STRATEGY', 'SIGNAL', 'PORTFOLIO'].includes(item.type)\"\n          class=\"card-investment h-full\"\n          :item=\"item\"\n          @toggleSwitch=\"toggleSwitch\"\n        /> -->\n\n        <div\n          content=\"Este investimento ainda <br/>não foi inicializado\"\n          v-tippy=\"{ arrow: true, theme: 'green' }\"\n          v-if=\"\n            item.masks_list &&\n            item.masks_list.some((mask) => mask.type === 'FIRST_PLAY') &&\n            item.status != 'RUNNING'\n          \"\n          class=\"bg-ontick-blue-600 absolute top-3 -left-5 z-10 w-20 -rotate-45 transform cursor-default text-center text-xs font-bold uppercase text-white shadow-sm\"\n        >\n          Novo\n        </div>\n      </div>\n      <card-new\n        key=\"new\"\n        class=\"row-span-1\"\n        v-if=\"\n          investment.length > 0 &&\n          investment.some((item) => item.status == 'RUNNING')\n        \"\n      />\n      <card-new-investment\n        class=\"row-span-1\"\n        key=\"new-invest\"\n        v-if=\"investment.length == 0\"\n      />\n    </div>\n    <div\n      v-if=\"loading_strategy\"\n      class=\"2x:grid-cols-4 grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4\"\n    >\n      <placeholder v-for=\"item in 8\" :key=\"item\" />\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  components: {\n    CardStrategy: () => import(\"./card-strategy/card-strategy.component.vue\"),\n    CardMask: () =>\n      import(\"../card-investment/card-mask/card-mask.component.vue\"),\n    CardNew: () =>\n      import(\"../card-investment/card-info/card.new.component.vue\"),\n    CardNewInvestment: () =>\n      import(\"../card-investment/card-info/card.init.component.vue\"),\n    Placeholder: () =>\n      import(\n        \"../../../../../shared/components/placeholder/placeholder-card.component.vue\"\n      ),\n\n    InvestmentCardComponent: () =>\n      import(\"../new-investment-card/investment-card.component.vue\"),\n  },\n\n  props: {\n    investment: {\n      type: [Array, Object],\n      default: function () {\n        return [];\n      },\n    },\n    loading_strategy: { type: Boolean, default: false },\n  },\n\n  methods: {\n    toggleSwitch({ investmentId, investmentStatus, toggle }) {\n      if (!toggle) {\n        this.$emit(\"electronicSignature\", { investmentId, investmentStatus });\n      }\n    },\n    enter(el, done) {\n      TweenMax.fromTo(\n        el,\n        1,\n        {\n          autoAlpha: 0,\n          scale: 1.5,\n        },\n        {\n          autoAlpha: 1,\n          scale: 1,\n          transformOrigin: \"50% 50%\",\n          ease: Power4.easeOut,\n          onComplete: done,\n        }\n      );\n    },\n    leave(el, done) {\n      TweenMax.fromTo(\n        el,\n        1,\n        {\n          autoAlpha: 1,\n          scale: 1,\n        },\n        {\n          autoAlpha: 0,\n          scale: 0.8,\n          ease: Power4.easeOut,\n          onComplete: done,\n        }\n      );\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.card-investment {\n  @apply border-ontick-steel-300 dark:bg-ontick-graphite-500 relative w-full overflow-hidden rounded-lg border-2 bg-gray-50 shadow dark:border-none;\n}\n\n.activity_sign {\n  @apply relative inline-flex h-2.5  w-2.5 rounded-full;\n}\n\n.transition-card {\n  @apply transform transition duration-150;\n}\n.company {\n  &-move {\n    transition: all 600ms ease-in-out 50ms;\n  }\n  &-enter-active {\n    transition: all 300ms ease-out;\n  }\n\n  &-leave-active {\n    transition: all 500ms ease-in-out;\n    position: absolute;\n    z-index: 50;\n  }\n\n  &-enter,\n  &-leave-to {\n    opacity: 0;\n  }\n  &-enter {\n    transform: scale(0.9);\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!./card-investment.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!./card-investment.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./card-investment.component.vue?vue&type=template&id=6818ec41&scoped=true\"\nimport script from \"./card-investment.component.vue?vue&type=script&lang=js\"\nexport * from \"./card-investment.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./card-investment.component.vue?vue&type=style&index=0&id=6818ec41&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  \"6818ec41\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}