{"version":3,"sources":["webpack:///./src/@core/components/toastification/ToastificationContent.vue?8bb6","webpack:///./src/@core/components/toastification/ToastificationContent.vue?512b","webpack:///src/@core/components/toastification/ToastificationContent.vue","webpack:///./src/@core/components/toastification/ToastificationContent.vue","webpack:///./src/@core/components/toastification/ToastificationContent.vue?bb93","webpack:///./src/views/home-new/ExecutiveInsights.vue?9184","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue?c4d0","webpack:///src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue","webpack:///./src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue?23ff","webpack:///./src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue","webpack:///./src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue?dbcb","webpack:///src/views/ui/ScoreCircle/ScoreCircle.vue","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue?f401","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue","webpack:///./src/views/home-new/ExecutiveInsights.vue?d660","webpack:///src/views/home-new/ExecutiveInsights.vue","webpack:///./src/views/home-new/ExecutiveInsights.vue?9907","webpack:///./src/views/home-new/ExecutiveInsights.vue","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue?9fb6"],"names":["components","BAvatar","props","variant","type","String","default","icon","title","text","hideClose","Boolean","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","class","domProps","_s","_e","on","$event","$emit","staticRenderFns","variantColor","size","Number","dotDensity","data","circles","maxRadius","computed","viewBox","viewBoxSize","translate","methods","initializeCircles","radius","numDots","speed","opacity","map","circle","dots","Array","from","length","angle","Math","random","PI","calculateX","dot","cos","calculateY","sin","mounted","watch","immediate","handler","_l","circleIndex","key","dotIndex","abs","AnimatedNumber","DotsAnimation","required","colorVariant","value","circleType","blur","transparent","duration","smallerDimension","_colorMap$this$colorV","colorMap","primary","secondary","fontSize","formatToPrice","toFixed","drawCircle","config","percentage","canvas","$refs","circleAnimation","ctx","getContext","containerSize","canvasSize","width","height","centerX","centerY","startAngle","endAngle","clearRect","beginPath","arc","strokeStyle","lineWidth","stroke","endX","endY","lineFactor","round","fillStyle","fill","initObserver","observer","ResizeObserver","entries","entry","contentRect","min","observe","wrapper","beforeDestroy","disconnect","ref","style","_v","BButton","BCard","VBTooltip","ToastificationContent","VuePerfectScrollbar","directives","Ripple","insights","copyFunc","el","document","createElement","body","appendChild","select","execCommand","removeChild","$toast","m","name","rawName","expression","modifiers","insight","id","detail"],"mappings":"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","file":"js/chunk-39f40558.b35b8493.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toastification\"},[_c('div',{staticClass:\"d-flex align-items-start\"},[_c('b-avatar',{staticClass:\"mr-75 flex-shrink-0\",attrs:{\"variant\":_vm.variant,\"size\":\"1.8rem\"}},[_c('feather-icon',{attrs:{\"icon\":_vm.icon,\"size\":\"15\"}})],1),_c('div',{staticClass:\"d-flex flex-grow-1\"},[_c('div',[(_vm.title)?_c('h5',{staticClass:\"mb-0 font-weight-bolder toastification-title\",class:(\"text-\" + _vm.variant),domProps:{\"textContent\":_vm._s(_vm.title)}}):_vm._e(),(_vm.text)?_c('small',{staticClass:\"d-inline-block text-body\",domProps:{\"textContent\":_vm._s(_vm.text)}}):_vm._e()]),_c('span',{staticClass:\"cursor-pointer toastification-close-icon ml-auto \",on:{\"click\":function($event){return _vm.$emit('close-toast')}}},[(!_vm.hideClose)?_c('feather-icon',{staticClass:\"text-body\",attrs:{\"icon\":\"XIcon\"}}):_vm._e()],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./ToastificationContent.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!./ToastificationContent.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"toastification\">\n    <div class=\"d-flex align-items-start\">\n      <b-avatar\n        :variant=\"variant\"\n        size=\"1.8rem\"\n        class=\"mr-75 flex-shrink-0\"\n      >\n        <feather-icon\n          :icon=\"icon\"\n          size=\"15\"\n        />\n      </b-avatar>\n      <div class=\"d-flex flex-grow-1\">\n        <div>\n          <h5\n            v-if=\"title\"\n            class=\"mb-0 font-weight-bolder toastification-title\"\n            :class=\"`text-${variant}`\"\n            v-text=\"title\"\n          />\n          <small\n            v-if=\"text\"\n            class=\"d-inline-block text-body\"\n            v-text=\"text\"\n          />\n        </div>\n        <span\n          class=\"cursor-pointer toastification-close-icon ml-auto \"\n          @click=\"$emit('close-toast')\"\n        >\n          <feather-icon\n            v-if=\"!hideClose\"\n            icon=\"XIcon\"\n            class=\"text-body\"\n          />\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar,\n  },\n  props: {\n    variant: {\n      type: String,\n      default: 'primary',\n    },\n    icon: {\n      type: String,\n      default: null,\n    },\n    title: {\n      type: String,\n      default: null,\n    },\n    text: {\n      type: String,\n      default: null,\n    },\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.toastification-close-icon,\n.toastification-title {\n  line-height: 26px;\n}\n\n.toastification-title {\n  color: inherit;\n}\n</style>\n","import { render, staticRenderFns } from \"./ToastificationContent.vue?vue&type=template&id=55dd3057&scoped=true\"\nimport script from \"./ToastificationContent.vue?vue&type=script&lang=js\"\nexport * from \"./ToastificationContent.vue?vue&type=script&lang=js\"\nimport style0 from \"./ToastificationContent.vue?vue&type=style&index=0&id=55dd3057&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  \"55dd3057\",\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-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!./ToastificationContent.vue?vue&type=style&index=0&id=55dd3057&prod&lang=scss&scoped=true\"","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!./ExecutiveInsights.vue?vue&type=style&index=0&id=121009aa&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"wrapper\",staticClass:\"animated-score-wrapper\"},[(_vm.dotDensity !== 0)?_c('dots-animation',{staticClass:\"absolute\",attrs:{\"dot-density\":_vm.dotDensity,\"size\":this.smallerDimension * 1.1}}):_vm._e(),_c('canvas',{ref:\"circleAnimation\",staticClass:\"animated-score-circle--border absolute\"}),_c('div',{staticClass:\"animated-score-circle animated-score-circle--gradient\",style:({ '--variant-color': _vm.variantColor, 'font-size': _vm.fontSize, height: (_vm.smallerDimension + \"px\"),  'background-color': _vm.transparent ? 'transparent' : 'rgb(37, 8, 64)' })},[_c('div',{staticClass:\"animated-score-circle--content\"},[_c('span',{staticClass:\"animated-score-circle--content--label\"},[_vm._v(_vm._s(_vm.title))]),_c('animated-number',{staticClass:\"animated-score-circle--content--value\",attrs:{\"format-value\":_vm.formatToPrice,\"value\":_vm.value,\"duration\":_vm.duration}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <svg :width=\"size\" :height=\"size\" :viewBox=\"viewBox\">\n    <!-- Animated dots -->\n    <g :transform=\"`translate(${translate}, ${translate})`\">\n      <g v-for=\"(circle, circleIndex) in circles\" :key=\"`circle-${circleIndex}`\">\n        <circle\n          v-for=\"(dot, dotIndex) in circle.dots\"\n          :key=\"`dot-${circleIndex}-${dotIndex}`\"\n          :cx=\"calculateX(dot, circle)\"\n          :cy=\"calculateY(dot, circle)\"\n          r=\"1.3\"\n          fill=\"#ffffff\"\n          :opacity=\"dot.opacity\"\n        >\n          <animateTransform\n            attributeName=\"transform\"\n            type=\"rotate\"\n            :from=\"`0 0 0`\"\n            :to=\"`${circle.speed < 0 ? -360 : 360} 0 0`\"\n            :dur=\"`${Math.abs(10 / circle.speed)}s`\"\n            repeatCount=\"indefinite\"\n          />\n        </circle>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script>\nexport default {\n  props: {\n    variantColor: {\n      type: String,\n      default: '#00ff00'\n    },\n    size: {\n      type: Number,\n      default: 100\n    },\n    dotDensity: {\n      type: Number,\n      default: 1\n    }\n  },\n  data() {\n    return {\n      circles: [],\n      maxRadius: 0\n    };\n  },\n  computed: {\n    viewBox() {\n      const viewBoxSize = this.maxRadius * 2;\n      return `-${viewBoxSize / 2} -${viewBoxSize / 2} ${viewBoxSize} ${viewBoxSize}`;\n    },\n    translate() {\n      return 0; // Center point is now (0, 0)\n    }\n  },\n  methods: {\n    initializeCircles() {\n      if (this.size <= 0) return;\n      \n      this.maxRadius = (this.size / 2) + 12; // Keeping your original largest radius\n      \n      this.circles = [\n        { radius: this.maxRadius, numDots: 80 * this.dotDensity, speed: -0.4, opacity: 0.3 },\n        { radius: this.maxRadius - 5, numDots: 60 * this.dotDensity, speed: 0.2, opacity: 0.5 }\n      ].map(circle => ({\n        ...circle,\n        dots: Array.from({ length: circle.numDots }, () => ({\n          angle: Math.random() * Math.PI * 2,\n          opacity: 0.2 + Math.random() * 0.3\n        }))\n      }));\n    },\n    calculateX(dot, circle) {\n      return circle.radius * Math.cos(dot.angle);\n    },\n    calculateY(dot, circle) {\n      return circle.radius * Math.sin(dot.angle);\n    },\n  },\n  mounted() {\n    console.log('dotDensity', this.dotDensity)\n  },\n  watch: {\n    size: {\n      immediate: true,\n      handler() {\n        this.initializeCircles();\n      }\n    }\n  }\n};\n</script>","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!./DotsAnimation.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!./DotsAnimation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DotsAnimation.vue?vue&type=template&id=4a8bd1d9\"\nimport script from \"./DotsAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./DotsAnimation.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":_vm.viewBox}},[_c('g',{attrs:{\"transform\":(\"translate(\" + _vm.translate + \", \" + _vm.translate + \")\")}},_vm._l((_vm.circles),function(circle,circleIndex){return _c('g',{key:(\"circle-\" + circleIndex)},_vm._l((circle.dots),function(dot,dotIndex){return _c('circle',{key:(\"dot-\" + circleIndex + \"-\" + dotIndex),attrs:{\"cx\":_vm.calculateX(dot, circle),\"cy\":_vm.calculateY(dot, circle),\"r\":\"1.3\",\"fill\":\"#ffffff\",\"opacity\":dot.opacity}},[_c('animateTransform',{attrs:{\"attributeName\":\"transform\",\"type\":\"rotate\",\"from\":\"0 0 0\",\"to\":((circle.speed < 0 ? -360 : 360) + \" 0 0\"),\"dur\":((Math.abs(10 / circle.speed)) + \"s\"),\"repeatCount\":\"indefinite\"}})],1)}),0)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"wrapper\" class=\"animated-score-wrapper\">\n    <!-- <canvas ref=\"dotsAnimation\" class=\"animated-score-circle--dots\"></canvas> -->\n    <dots-animation v-if=\"dotDensity !== 0\" class=\"absolute\" :dot-density=\"dotDensity\" :size=\"this.smallerDimension * 1.1\"/>\n    <canvas ref=\"circleAnimation\" class=\"animated-score-circle--border absolute\"></canvas>\n    <div\n      :style=\"{ '--variant-color': variantColor, 'font-size': fontSize, height: `${smallerDimension}px`,  'background-color': transparent ? 'transparent' : 'rgb(37, 8, 64)' }\"\n      class=\"animated-score-circle animated-score-circle--gradient\"\n    >\n    <!-- <div v-if=\"blur\" class=\"blur-div blur-div--1\"></div>\n    <div v-if=\"blur\" class=\"blur-div blur-div--2\"></div> -->\n      <div class=\"animated-score-circle--content\">\n        <span class=\"animated-score-circle--content--label\">{{ title }}</span>\n        <animated-number\n          class=\"animated-score-circle--content--value\"\n          :format-value=\"formatToPrice\"\n          :value=\"value\"\n          :duration=\"duration\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AnimatedNumber from \"animated-number-vue\";\nimport DotsAnimation from \"./subcomponents/DotsAnimation.vue\";\n\nexport default {\n  components: {\n    AnimatedNumber,\n    DotsAnimation\n  },\n  props: {\n    title: {\n      type: String,\n      required: true,\n    },\n    // Color variant, can be passed a color hex or rgb color function\n    colorVariant: {\n      type: String,\n      required: false,\n      default: \"primary\",\n    },\n    value: {\n      type: Number,\n      required: true,\n    },\n    // Can be given \"full\" to complete the circle regardless of the value\n    circleType: {\n      type: String,\n      required: false\n    },\n    // Give a number between 1 and 0\n    dotDensity: {\n      type: Number,\n      required: false\n    },\n    blur: {\n      type: Boolean,\n      required: false,\n      default: true\n    },\n    transparent: {\n      type: Boolean,\n      required: false,\n      default: true\n    }\n  },\n  data() {\n    return {\n      duration: 1500,\n      smallerDimension: null,\n    };\n  },\n  computed: {\n    variantColor() {\n      const colorMap = {\n        primary: \"#6222b6\",\n        secondary: \"rgb(38, 182, 243, 1)\",\n      };\n      return colorMap?.[this.colorVariant] ?? this.colorVariant;\n    },\n    fontSize() {\n      const fontSize = this.smallerDimension ? `${this.smallerDimension / 24}px` : \"1rem\";\n      return fontSize;\n    },\n  },\n  methods: {\n    formatToPrice(value) {\n      return `${Number(value).toFixed(0)}`;\n    },\n    drawCircle(config) {\n      if (config.circleType === \"full\") {\n        config.percentage = 100; \n      }\n      const percentage = config.percentage;\n      console.log('percentage', percentage)\n      const canvas = this.$refs.circleAnimation;\n      const ctx = canvas.getContext(\"2d\");\n      const containerSize = this.smallerDimension;\n      // const innerCircleSize = containerSize * 0.9;\n      const canvasSize = containerSize + containerSize * 0.2;\n      canvas.width = canvasSize;\n      canvas.height = canvasSize;\n      const centerX = canvas.width / 2;\n      const centerY = canvas.height / 2;\n      const radius = containerSize / 2;\n      const startAngle = -0.5 * Math.PI; // Start from the top\n      const endAngle = startAngle + (2 * Math.PI * percentage) / 100; // Calculate end angle based on percentage\n\n      // Clear previous drawings\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      // Draw background circle\n      ctx.beginPath();\n      ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);\n      ctx.strokeStyle = \"#fff\"; // Light grey color for background circle\n      ctx.lineWidth = 0.5;\n      ctx.stroke();\n\n      // Calculate the end position of the line\n      const endX = centerX + radius * Math.cos(endAngle);\n      const endY = centerY + radius * Math.sin(endAngle);\n\n      ctx.beginPath();\n      ctx.arc(centerX, centerY, radius, startAngle, endAngle, false);\n      ctx.strokeStyle = this.variantColor;\n      const lineFactor = Math.round(canvasSize / 60);\n      ctx.lineWidth = lineFactor;\n      ctx.stroke();\n\n      // Circle dot\n      if(config.circleType != 'full'){\n        ctx.beginPath();\n        ctx.arc(endX, endY, lineFactor, 0, 2 * Math.PI, true);\n        ctx.fillStyle = this.variantColor;\n        ctx.fill();\n      }\n    },\n    initObserver() {\n      const resizeCallback = (entries) => {\n        for (let entry of entries) {\n          const width = entry.contentRect.width;\n          const height = entry.contentRect.height;\n          this.smallerDimension = Math.min(width, height);\n        }\n        // this.startAnimation();\n        const config = {\n          percentage: this.value,\n          circleType: this.circleType\n        }\n        this.drawCircle(config);\n      };\n\n      this.observer = new ResizeObserver(resizeCallback);\n      this.observer.observe(this.$refs.wrapper);\n    },\n  },\n  mounted() {\n    this.initObserver();\n  },\n  beforeDestroy() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.animated-score-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 3;\n  position: relative;\n  height: 80%;\n  width: 80%;\n}\n\n.animated-score-circle {\n  aspect-ratio: 1 / 1;\n  border-radius: 50%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  &--content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 4;\n    &--label {\n    text-wrap: nowrap;\n    font-size: clamp(14px,2em, 2em);\n    color: white;\n    text-align: center;\n  }\n  &--value {\n    font-size: 9em;\n    line-height: 1;\n  }\n  }\n  &--gradient {\n    text-align: center;\n    font-weight: bolder;\n    color: white;\n    position: relative;\n    margin: 0 auto;\n    transition: box-shadow ease 0.5s;\n    border-radius: 50%;\n    box-shadow: 1px 1px 10px 1px var(--variant-color),inset 1px 1px 20px 1px color-mix(in srgb, var(--variant-color), transparent);\n    // z-index: 1000;\n    cursor: pointer;\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: 50%;\n    }\n\n    &:hover {\n      transition: box-shadow ease 0.5s;\n    }\n  }\n  &--dots {\n    z-index: 1;\n  }\n  &--border {\n    z-index: 4;\n  }\n}\n\n.blur-div{\n  height: 25%;\n  width:65%;\n  position:absolute;\n  right: 50%;\n  transform: translateX(50%) translateY(0);\n  backdrop-filter: blur(1px);\n  background-color: transparent;\n  z-index: 2;\n  // -webkit-transform:translate3d(0,0,0);\n  // backface-visibility: hidden;\n  &--1{\n    bottom: -10%;\n  }\n  &--2{\n    top: -10%;\n  }\n}\n.absolute {\n  position: absolute;\n  left: 50%;\n  bottom: 50%;\n  transform: translate(-50%, 50%);\n  // z-index: 0;\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!./ScoreCircle.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!./ScoreCircle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScoreCircle.vue?vue&type=template&id=0c99ad62&scoped=true\"\nimport script from \"./ScoreCircle.vue?vue&type=script&lang=js\"\nexport * from \"./ScoreCircle.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScoreCircle.vue?vue&type=style&index=0&id=0c99ad62&prod&scoped=true&lang=scss\"\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  \"0c99ad62\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"active-campaigns\"},[_c('h4',{staticClass:\"mb-0\"},[_vm._v(\" Executive Insights \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:('Executive Metrics provides key performance insights essential for strategic decision-making. The highlighted metrics help evaluate the performance of various campaigns and investments.'),expression:\"'Executive Metrics provides key performance insights essential for strategic decision-making. The highlighted metrics help evaluate the performance of various campaigns and investments.'\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon tooltip-btn\",attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)],1),_c('h6',{staticClass:\"font-small-4 text-muted mb-2\"},[_vm._v(\" Essential metrics for strategic decision \")]),_c('vue-perfect-scrollbar',{staticClass:\"campaign-list\"},_vm._l((_vm.insights),function(insight){return _c('b-card',{key:insight.id,staticClass:\"campaign-list-item\",attrs:{\"no-body\":\"\"},on:{\"click\":function($event){return _vm.copyFunc(insight.detail)}}},[_c('div',{staticClass:\"title-wrapper\"},[_c('span',{staticClass:\"bg-success campaign-status\"}),_c('div',{staticClass:\"title-inner\"},[_c('small',{staticClass:\"font-medium-2\"},[_vm._v(\" \"+_vm._s(insight.detail)+\" \")])]),_c('div',{staticClass:\"icon-wrapper\"},[_c('feather-icon',{attrs:{\"icon\":\"CopyIcon\"}})],1)])])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"active-campaigns\">\n    <h4 class=\"mb-0\">\n      Executive Insights\n      <b-button\n        v-b-tooltip.hover.bottom=\"'Executive Metrics provides key performance insights essential for strategic decision-making. The highlighted metrics help evaluate the performance of various campaigns and investments.'\"\n        v-b-tooltip.hover.v-secondary\n        variant=\"flat-secondary\"\n        class=\"btn-icon tooltip-btn\"\n      >\n        <feather-icon\n          icon=\"InfoIcon\"\n          size=\"14\"\n        />\n      </b-button>\n    </h4>\n    <h6 class=\"font-small-4 text-muted mb-2\">\n      Essential metrics for strategic decision\n    </h6>\n    <vue-perfect-scrollbar\n      class=\"campaign-list\"\n    >\n      <b-card\n        v-for=\"insight in insights\"\n        :key=\"insight.id\"\n        no-body\n        class=\"campaign-list-item\"\n        @click=\"copyFunc(insight.detail)\"\n      >\n        <div class=\"title-wrapper\">\n          <span class=\"bg-success campaign-status\" />\n          <div class=\"title-inner\">\n            <small class=\"font-medium-2\">\n              {{ insight.detail }}\n            </small>\n          </div>\n          <div class=\"icon-wrapper\">\n            <feather-icon icon=\"CopyIcon\" />\n          </div>\n        </div>\n      </b-card>\n    </vue-perfect-scrollbar>\n  </div>\n</template>\n<script>\nimport {\n  BButton,\n  BCard, VBTooltip\n} from 'bootstrap-vue'\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport Ripple from \"vue-ripple-directive\";\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent.vue\";\n\nexport default {\n  components: {\n    BButton,\n    BCard,\n    VBTooltip,\n    ToastificationContent,\n    // 3rd party\n    VuePerfectScrollbar\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  props: {\n    insights: {\n      type:Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n    };\n  }, methods: {\n    copyFunc(text) {\n      const el = document.createElement('textarea');\n      el.value = text;\n      document.body.appendChild(el);\n      el.select();\n      document.execCommand('copy');\n      document.body.removeChild(el);\n      this.$toast({\n          component: ToastificationContent,\n          props: {\n          title: \"Copied to clipboard\",\n          icon: \"CopyIcon\",\n          },\n        });\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.active-campaigns {\n  padding-top: 1rem;\n  .campaign-list {\n    height: 200px;\n  }\n  .title-inner {\n    width: calc(100% - 20px);\n  }\n\n  .campaign-list-item:first-child { margin-top: 0 !important}\n  .campaign-list-item {\n    width: 100%;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 1rem;\n    margin-top: 1rem;\n    margin-bottom: 0;\n    cursor: pointer;\n    display: block;\n\n    &:hover {\n      border: 1px solid rgba(255, 255, 255, 0.5);\n    }\n\n    .title-wrapper {\n      display: flex;\n      align-items: stretch;\n    }\n\n    .campaign-status{\n      width: 4px;\n      border-radius: 5px;\n      margin-right: .5rem;\n    }\n\n    .campaign-spend {\n      background: rgba(131, 37, 251, 0.25);\n      border: 1px solid #8325FB;\n      color: white;\n      padding: .4rem .7rem;\n      border-radius: 5px;\n      margin-top: 1rem;\n      display: inline-block;\n    }\n    .icon-wrapper {\n      display: flex;\n      align-items: center;\n    }\n    .icon-wrapper .feather {\n      height: 18px;\n      width: 18px;\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!./ExecutiveInsights.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!./ExecutiveInsights.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ExecutiveInsights.vue?vue&type=template&id=121009aa&scoped=true\"\nimport script from \"./ExecutiveInsights.vue?vue&type=script&lang=js\"\nexport * from \"./ExecutiveInsights.vue?vue&type=script&lang=js\"\nimport style0 from \"./ExecutiveInsights.vue?vue&type=style&index=0&id=121009aa&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  \"121009aa\",\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-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!./ScoreCircle.vue?vue&type=style&index=0&id=0c99ad62&prod&scoped=true&lang=scss\""],"sourceRoot":""}