{"version":3,"sources":["webpack:///./src/view/dashboard/overview/index/TwitterOverview.vue","webpack:///./src/view/dashboard/overview/index/TwitterOverview.vue?660c"],"names":["class","_createElementVNode","_createBlock","_component_LineChartWrapper","_ctx","twitterOverviewState","_component_sdCards","title","button","_withCtx","_hoisted_1","_normalizeClass","twitterOverviewTabActive","_createVNode","_component_router_link","onClick","_cache","e","handleActiveChangeTwitter","to","twIsLoading","_createElementBlock","_hoisted_5","_component_a_spin","_hoisted_6","_component_a_row","_component_a_col","xxl","xs","_hoisted_7","_hoisted_8","_component_sdHeading","as","twist","data","_component_sdFeatherIcons","type","size","_hoisted_10","_component_sdChartContainer","_component_Chart","height","style","datasets","chartValue","lineChartPointStyle","options","chartOptions","_hoisted_11","_hoisted_12","impressions","_hoisted_14","_hoisted_15","_hoisted_16","retweets","icon","_hoisted_18","_hoisted_19","_hoisted_20","rate","_hoisted_22","_hoisted_23","_hoisted_24","followers","_hoisted_26","borderColor","borderWidth","fill","pointRadius","pointBackgroundColor","pointHoverBackgroundColor","pointHoverRadius","pointBorderColor","tooltips","yAlign","xAlign","mode","position","intersect","enabled","custom","customTooltips","callbacks","labelColor","backgroundColor","hover","layout","padding","left","right","top","bottom","maintainAspectRatio","responsive","legend","display","labels","elements","line","tension","scales","yAxes","stacked","gridLines","color","borderDash","zeroLineColor","beginAtZero","ticks","xAxes","TwitterOverview","name","components","Chart","LineChartWrapper","ChartContainer","setup","state","dispatch","useStore","ref","onMounted","computed","chartContent","twitterOverviewData","twLoading","event","value","preventDefault","__exports__","render"],"mappings":"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","file":"js/chunk-2d0e5c1e.c557f4c1.js","sourcesContent":["<template>\r\n  <LineChartWrapper>\r\n    <sdCards v-if=\"twitterOverviewState !== null\" title=\"Twitter Overview\">\r\n      <template #button>\r\n        <div class=\"card-nav\">\r\n          <ul>\r\n            <li :class=\"twitterOverviewTabActive === 'week' ? 'active' : 'deactivate'\">\r\n              <router-link @click=\"e => handleActiveChangeTwitter(e, 'week')\" to=\"#\">\r\n                Week\r\n              </router-link>\r\n            </li>\r\n            <li :class=\"twitterOverviewTabActive === 'month' ? 'active' : 'deactivate'\">\r\n              <router-link @click=\"e => handleActiveChangeTwitter(e, 'month')\" to=\"#\">\r\n                Month\r\n              </router-link>\r\n            </li>\r\n            <li :class=\"twitterOverviewTabActive === 'year' ? 'active' : 'deactivate'\">\r\n              <router-link @click=\"e => handleActiveChangeTwitter(e, 'year')\" to=\"#\">\r\n                Year\r\n              </router-link>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </template>\r\n\r\n      <div v-if=\"twIsLoading\" class=\"sd-spin\">\r\n        <a-spin />\r\n      </div>\r\n\r\n      <div v-else class=\"overview-container\">\r\n        <a-row class=\"line-chart-row\">\r\n          <a-col :xxl=\"10\" :xs=\"24\">\r\n            <div class=\"growth-downward\">\r\n              <p>Tweets</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ twitterOverviewState.twist.data }}\r\n                <sub>\r\n                  <sdFeatherIcons type=\"arrow-down\" :size=\"14\" />\r\n                  25%\r\n                </sub>\r\n              </sdHeading>\r\n            </div>\r\n          </a-col>\r\n          <a-col :xxl=\"14\" :xs=\"24\">\r\n            <div class=\"border-linechart\">\r\n              <sdChartContainer class=\"parentContainer\">\r\n                <Chart\r\n                  type=\"line\"\r\n                  :height=\"48\"\r\n                  :style=\"{\r\n                    marginBottom: '0',\r\n                  }\"\r\n                  :datasets=\"[\r\n                    {\r\n                      data: twitterOverviewState.twist.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"twist\"\r\n                />\r\n              </sdChartContainer>\r\n            </div>\r\n          </a-col>\r\n        </a-row>\r\n        <a-row class=\"line-chart-row\">\r\n          <a-col :xxl=\"10\" :xs=\"24\">\r\n            <div class=\"growth-upward\">\r\n              <p>Tweet impressions</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ twitterOverviewState.impressions.data }}\r\n                <sub>\r\n                  <sdFeatherIcons type=\"arrow-up\" size=\"14\" />\r\n                  108%\r\n                </sub>\r\n              </sdHeading>\r\n            </div>\r\n          </a-col>\r\n          <a-col :xxl=\"14\" :xs=\"24\">\r\n            <div class=\"border-linechart\">\r\n              <sdChartContainer class=\"parentContainer\">\r\n                <Chart\r\n                  type=\"line\"\r\n                  :height=\"48\"\r\n                  :style=\"{\r\n                    marginBottom: '0',\r\n                  }\"\r\n                  :datasets=\"[\r\n                    {\r\n                      data: twitterOverviewState.impressions.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"impressions\"\r\n                />\r\n              </sdChartContainer>\r\n            </div>\r\n          </a-col>\r\n        </a-row>\r\n        <a-row class=\"line-chart-row\">\r\n          <a-col :xxl=\"10\" :xs=\"24\">\r\n            <div class=\"growth-downward\">\r\n              <p>Retweets</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ twitterOverviewState.retweets.data }}\r\n                <sub>\r\n                  <sdFeatherIcons icon=\"arrow-down\" size=\"14\" />\r\n                  30%\r\n                </sub>\r\n              </sdHeading>\r\n            </div>\r\n          </a-col>\r\n          <a-col :xxl=\"14\" :xs=\"24\">\r\n            <div class=\"border-linechart\">\r\n              <sdChartContainer class=\"parentContainer\">\r\n                <Chart\r\n                  type=\"line\"\r\n                  :height=\"48\"\r\n                  :style=\"{\r\n                    marginBottom: '0',\r\n                  }\"\r\n                  :datasets=\"[\r\n                    {\r\n                      data: twitterOverviewState.retweets.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"retweets\"\r\n                />\r\n              </sdChartContainer>\r\n            </div>\r\n          </a-col>\r\n        </a-row>\r\n        <a-row class=\"line-chart-row\">\r\n          <a-col :xxl=\"10\" :xs=\"24\">\r\n            <div class=\"growth-upward\">\r\n              <p>Engagement rate</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ twitterOverviewState.rate.data }}\r\n                <sub>\r\n                  <sdFeatherIcons type=\"arrow-up\" size=\"14\" />\r\n                  34%\r\n                </sub>\r\n              </sdHeading>\r\n            </div>\r\n          </a-col>\r\n          <a-col :xxl=\"14\" :xs=\"24\">\r\n            <div class=\"border-linechart\">\r\n              <sdChartContainer class=\"parentContainer\">\r\n                <Chart\r\n                  type=\"line\"\r\n                  :height=\"48\"\r\n                  :style=\"{\r\n                    marginBottom: '0',\r\n                  }\"\r\n                  :datasets=\"[\r\n                    {\r\n                      data: twitterOverviewState.rate.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"rate\"\r\n                />\r\n              </sdChartContainer>\r\n            </div>\r\n          </a-col>\r\n        </a-row>\r\n        <a-row class=\"line-chart-row\">\r\n          <a-col :xxl=\"10\" :xs=\"24\">\r\n            <div class=\"growth-upward\">\r\n              <p>New followers</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ twitterOverviewState.followers.data }}\r\n                <sub>\r\n                  <sdFeatherIcons type=\"arrow-up\" size=\"14\" />\r\n                  27%\r\n                </sub>\r\n              </sdHeading>\r\n            </div>\r\n          </a-col>\r\n          <a-col :xxl=\"14\" :xs=\"24\">\r\n            <div class=\"border-linechart\">\r\n              <sdChartContainer class=\"parentContainer\">\r\n                <Chart\r\n                  type=\"line\"\r\n                  :height=\"48\"\r\n                  :style=\"{\r\n                    marginBottom: '0',\r\n                  }\"\r\n                  :datasets=\"[\r\n                    {\r\n                      data: twitterOverviewState.followers.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"followers\"\r\n                />\r\n              </sdChartContainer>\r\n            </div>\r\n          </a-col>\r\n        </a-row>\r\n      </div>\r\n    </sdCards>\r\n  </LineChartWrapper>\r\n</template>\r\n<script>\r\nimport { LineChartWrapper, ChartContainer } from '../../style';\r\nimport Chart from '../../../../components/utilities/chartjs';\r\nimport { customTooltips } from '../../../../components/utilities/utilities';\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\n\r\nconst lineChartPointStyle = {\r\n  borderColor: '#C6D0DC',\r\n  borderWidth: 2,\r\n  fill: false,\r\n  pointRadius: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6],\r\n  pointBackgroundColor: [\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    'transparent',\r\n    '#20C997',\r\n  ],\r\n  pointHoverBackgroundColor: '#20C997',\r\n  pointHoverRadius: 6,\r\n  pointBorderColor: 'transparent',\r\n};\r\n\r\nconst chartOptions = {\r\n  tooltips: {\r\n    yAlign: 'bottom',\r\n    xAlign: 'center',\r\n    mode: 'nearest',\r\n    position: 'nearest',\r\n    intersect: false,\r\n    enabled: false,\r\n    custom: customTooltips,\r\n    callbacks: {\r\n      labelColor() {\r\n        return {\r\n          backgroundColor: '#20C997',\r\n        };\r\n      },\r\n    },\r\n  },\r\n  hover: {\r\n    mode: 'nearest',\r\n    intersect: false,\r\n  },\r\n  layout: {\r\n    padding: {\r\n      left: '0',\r\n      right: 8,\r\n      top: 15,\r\n      bottom: -10,\r\n    },\r\n  },\r\n  maintainAspectRatio: true,\r\n  responsive: true,\r\n  legend: {\r\n    display: false,\r\n    labels: {\r\n      display: false,\r\n    },\r\n  },\r\n  elements: {\r\n    line: {\r\n      tension: 0,\r\n    },\r\n  },\r\n  scales: {\r\n    yAxes: [\r\n      {\r\n        stacked: true,\r\n        gridLines: {\r\n          display: false,\r\n          color: '#e5e9f2',\r\n          borderDash: [8, 4],\r\n          zeroLineColor: 'transparent',\r\n          beginAtZero: true,\r\n        },\r\n        ticks: {\r\n          display: false,\r\n        },\r\n      },\r\n    ],\r\n    xAxes: [\r\n      {\r\n        stacked: true,\r\n        gridLines: {\r\n          display: false,\r\n          color: '#e5e9f2',\r\n          borderDash: [8, 4],\r\n          zeroLineColor: 'transparent',\r\n        },\r\n        ticks: {\r\n          display: false,\r\n        },\r\n      },\r\n    ],\r\n  },\r\n};\r\n\r\nconst TwitterOverview = {\r\n  name: 'TwitterOverview',\r\n  components: {\r\n    Chart,\r\n    LineChartWrapper,\r\n    ChartContainer,\r\n  },\r\n  setup() {\r\n    const { state, dispatch } = useStore();\r\n    const twitterOverviewTabActive = ref('month');\r\n    onMounted(() => dispatch('twitterOverviewGetData'));\r\n\r\n    const twitterOverviewState = computed(() => state.chartContent.twitterOverviewData);\r\n    const twIsLoading = computed(() => state.chartContent.twLoading);\r\n\r\n    const handleActiveChangeTwitter = (event, value) => {\r\n      event.preventDefault();\r\n      twitterOverviewTabActive.value = value;\r\n      return dispatch('twitterOverviewFilterData', value);\r\n    };\r\n\r\n    return {\r\n      twitterOverviewTabActive,\r\n      twitterOverviewState,\r\n      twIsLoading,\r\n      chartOptions,\r\n      lineChartPointStyle,\r\n      handleActiveChangeTwitter,\r\n    };\r\n  },\r\n};\r\n\r\nexport default TwitterOverview;\r\n</script>\r\n","import { render } from \"./TwitterOverview.vue?vue&type=template&id=3705de9b\"\nimport script from \"./TwitterOverview.vue?vue&type=script&lang=js\"\nexport * from \"./TwitterOverview.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\HP\\\\Downloads\\\\better-doctor-customer-portal-main\\\\better-doctor-customer-portal-main\\\\client\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}