{"version":3,"sources":["webpack:///./src/view/dashboard/overview/index/InstagramOverview.vue","webpack:///./src/view/dashboard/overview/index/InstagramOverview.vue?7660"],"names":["class","_createElementVNode","_createBlock","_component_LineChartWrapper","_ctx","instagramOverviewState","_component_sdCards","title","button","_withCtx","_hoisted_1","_normalizeClass","instagramOverviewTabActive","_createVNode","_component_router_link","onClick","_cache","e","handleActiveChangeInstagram","to","inIsLoading","_createElementBlock","_hoisted_5","_component_a_spin","_hoisted_6","_component_a_row","_component_a_col","xxl","xs","_hoisted_7","_hoisted_8","_component_sdHeading","as","post","data","_component_sdFeatherIcons","type","size","_hoisted_10","_component_sdChartContainer","_component_Chart","height","style","datasets","chartValue","lineChartPointStyle","options","chartOptions","_hoisted_11","_hoisted_12","like","_hoisted_14","_hoisted_15","_hoisted_16","comments","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","InstagramOverview","name","components","Chart","LineChartWrapper","ChartContainer","setup","state","dispatch","useStore","ref","onMounted","event","value","preventDefault","computed","chartContent","instagramOverviewData","inLoading","__exports__","render"],"mappings":"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","file":"js/chunk-74ae2203.204637ac.js","sourcesContent":["<template>\r\n  <LineChartWrapper>\r\n    <sdCards v-if=\"instagramOverviewState !== null\" title=\"Instagram Overview\">\r\n      <template #button>\r\n        <div class=\"card-nav\">\r\n          <ul>\r\n            <li :class=\"instagramOverviewTabActive === 'week' ? 'active' : 'deactivate'\">\r\n              <router-link @click=\"e => handleActiveChangeInstagram(e, 'week')\" to=\"#\">\r\n                Week\r\n              </router-link>\r\n            </li>\r\n            <li :class=\"instagramOverviewTabActive === 'month' ? 'active' : 'deactivate'\">\r\n              <router-link @click=\"e => handleActiveChangeInstagram(e, 'month')\" to=\"#\">\r\n                Month\r\n              </router-link>\r\n            </li>\r\n            <li :class=\"instagramOverviewTabActive === 'year' ? 'active' : 'deactivate'\">\r\n              <router-link @click=\"e => handleActiveChangeInstagram(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=\"inIsLoading\" 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>Post</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ instagramOverviewState.post.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: instagramOverviewState.post.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"post\"\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>Like</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ instagramOverviewState.like.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: instagramOverviewState.like.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"like\"\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>Comments</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ instagramOverviewState.comments.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: instagramOverviewState.comments.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"retweet\"\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                {{ instagramOverviewState.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: instagramOverviewState.rate.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"rates\"\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>Following</p>\r\n              <sdHeading as=\"h4\">\r\n                {{ instagramOverviewState.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: instagramOverviewState.followers.chartValue,\r\n                      ...lineChartPointStyle,\r\n                    },\r\n                  ]\"\r\n                  :options=\"chartOptions\"\r\n                  class=\"follower\"\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 { ref, onMounted, computed } 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 InstagramOverview = {\r\n  name: 'InstagramOverview',\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 instagramOverviewTabActive = ref('month');\r\n\r\n    onMounted(() => dispatch('instagramOverviewGetData'));\r\n\r\n    const handleActiveChangeInstagram = (event, value) => {\r\n      event.preventDefault();\r\n      instagramOverviewTabActive.value = value;\r\n      return dispatch('instagramOverviewFilterData', value);\r\n    };\r\n\r\n    const instagramOverviewState = computed(() => state.chartContent.instagramOverviewData);\r\n    const inIsLoading = computed(() => state.chartContent.inLoading);\r\n\r\n    return {\r\n      instagramOverviewTabActive,\r\n      handleActiveChangeInstagram,\r\n      instagramOverviewState,\r\n      inIsLoading,\r\n      chartOptions,\r\n      lineChartPointStyle,\r\n    };\r\n  },\r\n};\r\n\r\nexport default InstagramOverview;\r\n</script>\r\n","import { render } from \"./InstagramOverview.vue?vue&type=template&id=3bd95de5\"\nimport script from \"./InstagramOverview.vue?vue&type=script&lang=js\"\nexport * from \"./InstagramOverview.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":""}