{"version":3,"sources":["webpack:///./src/view/dashboard/overview/index/FacebookOverview.vue","webpack:///./src/view/dashboard/overview/index/FacebookOverview.vue?f3b0"],"names":["class","_createElementVNode","_createBlock","_component_CardGroup","_hoisted_1","$setup","forcastOverviewState","_component_sdCards","title","button","_withCtx","_hoisted_2","_createVNode","_component_a_radio_group","onChange","forcastOverview","value","$event","_component_a_radio_button","foIsLoading","_createElementBlock","_hoisted_7","_component_a_spin","_component_a_row","gutter","_component_a_col","xl","md","sm","xs","_component_Focard","_hoisted_8","_component_sdHeading","as","Engaged","_hoisted_9","_hoisted_10","_hoisted_11","_component_sdFeatherIcons","type","_hoisted_13","_hoisted_14","_component_sdChartContainer","_component_Chart","labels","EnLabels","options","areaChartOption","style","datasets","EnData","chartMethods","height","id","_hoisted_15","Impressions","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","ImLabels","ImData","_hoisted_22","Like","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_27","_hoisted_28","LiLabels","LiData","_hoisted_29","Impressions2","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_34","_hoisted_35","ImLabels2","ImData2","name","components","Focard","CardGroup","Chart","setup","ref","dispatch","state","useStore","onMounted","window","innerWidth","computed","chartContent","forcastData","foLoading","elementId","color","chartLinearGradient","document","querySelector","start","end","e","target","maintainAspectRatio","responsive","hover","mode","intersect","layout","padding","left","right","top","bottom","legend","display","elements","point","radius","scales","yAxes","stacked","gridLines","ticks","beginAtZero","fontSize","stepSize","xAxes","tooltips","position","enabled","custom","customTooltips","callbacks","label","t","d","dstLabel","datasetIndex","yLabel","labelColor","tooltipItem","chart","dataset","config","data","backgroundColor","borderColor","usePointStyle","__exports__","render"],"mappings":"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","file":"js/chunk-2d2291e7.fb10773f.js","sourcesContent":["<template>\r\n  <CardGroup>\r\n    <div class=\"forcast-overview\">\r\n      <sdCards v-if=\"forcastOverviewState !== null\" title=\"Facebook Overview\">\r\n        <template #button>\r\n          <div class=\"card-radio\">\r\n            <a-radio-group @change=\"forcastOverview\" v-model:value=\"value\">\r\n              <a-radio-button value=\"today\">Today</a-radio-button>\r\n              <a-radio-button value=\"week\">Week</a-radio-button>\r\n              <a-radio-button value=\"month\">Month</a-radio-button>\r\n              <a-radio-button value=\"year\">Year</a-radio-button>\r\n            </a-radio-group>\r\n          </div>\r\n        </template>\r\n\r\n        <div v-if=\"foIsLoading\" class=\"sd-spin\">\r\n          <a-spin />\r\n        </div>\r\n\r\n        <a-row v-else :gutter=\"25\">\r\n          <a-col :xl=\"12\" :md=\"24\">\r\n            <a-row class=\"focard-wrapper focard-divider\">\r\n              <a-col :md=\"12\" :sm=\"12\" :xs=\"24\">\r\n                <Focard>\r\n                  <div class=\"focard-details growth-upward\">\r\n                    <sdHeading as=\"h1\">{{ forcastOverviewState.Engaged }}</sdHeading>\r\n                    <p class=\"subtitle\">Engaged Users</p>\r\n                    <p class=\"focard-status\">\r\n                      <span class=\"focard-status__percentage\">\r\n                        <sdFeatherIcons type=\"trending-up\" />\r\n                        25%\r\n                      </span>\r\n                      <span> 20,641 (prev)</span>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"focard-chart\">\r\n                    <sdChartContainer class=\"parentContainer\">\r\n                      <Chart\r\n                        type=\"line\"\r\n                        :labels=\"forcastOverviewState.EnLabels\"\r\n                        :options=\"areaChartOption\"\r\n                        :style=\"{\r\n                          marginBottom: '0',\r\n                        }\"\r\n                        :datasets=\"[\r\n                          {\r\n                            label: '',\r\n                            data: forcastOverviewState.EnData,\r\n                            borderColor: '#20C997',\r\n                            borderWidth: 3,\r\n                            fill: true,\r\n                            backgroundColor: () => chartMethods('engaged', ['#20C99710', '#20C99701']),\r\n                            pointHoverRadius: 0,\r\n                            pointHoverBorderColor: 'transparent',\r\n                          },\r\n                        ]\"\r\n                        :height=\"height\"\r\n                        class=\"engaged\"\r\n                        id=\"engaged\"\r\n                      />\r\n                    </sdChartContainer>\r\n                  </div>\r\n                </Focard>\r\n              </a-col>\r\n              <a-col :md=\"12\" :sm=\"12\" :xs=\"24\">\r\n                <Focard>\r\n                  <div class=\"focard-details growth-upward\">\r\n                    <sdHeading as=\"h1\">{{ forcastOverviewState.Impressions }}</sdHeading>\r\n                    <p class=\"subtitle\">Page Impressions</p>\r\n                    <p class=\"focard-status\">\r\n                      <span class=\"focard-status__percentage\">\r\n                        <sdFeatherIcons type=\"trending-up\" />\r\n                        14%\r\n                      </span>\r\n                      <span> 20,641 (prev)</span>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"focard-chart\">\r\n                    <sdChartContainer class=\"parentContainer\">\r\n                      <Chart\r\n                        type=\"line\"\r\n                        id=\"impression\"\r\n                        class=\"impression\"\r\n                        :labels=\"forcastOverviewState.ImLabels\"\r\n                        :options=\"areaChartOption\"\r\n                        :style=\"{\r\n                          marginBottom: '0',\r\n                        }\"\r\n                        :datasets=\"[\r\n                          {\r\n                            label: '',\r\n                            data: forcastOverviewState.ImData,\r\n                            borderColor: '#FF69A5',\r\n\r\n                            borderWidth: 3,\r\n                            fill: true,\r\n                            backgroundColor: () => chartMethods('impression', ['#FF69A510', '#FF69A501']),\r\n                            pointHoverRadius: 0,\r\n                            pointHoverBorderColor: 'transparent',\r\n                          },\r\n                        ]\"\r\n                        :height=\"height\"\r\n                      />\r\n                    </sdChartContainer>\r\n                  </div>\r\n                </Focard>\r\n              </a-col>\r\n            </a-row>\r\n          </a-col>\r\n          <a-col :xl=\"12\" :xs=\"24\">\r\n            <a-row class=\"focard-wrapper\">\r\n              <a-col :md=\"12\" :sm=\"12\">\r\n                <Focard>\r\n                  <div class=\"focard-details growth-downward\">\r\n                    <sdHeading as=\"h1\">{{ forcastOverviewState.Like }}</sdHeading>\r\n                    <p class=\"subtitle\">Total Page Likes</p>\r\n                    <p class=\"focard-status\">\r\n                      <span class=\"focard-status__percentage\">\r\n                        <sdFeatherIcons type=\"trending-down\" />\r\n                        12%\r\n                      </span>\r\n                      <span> 20,641 (prev)</span>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"focard-chart\">\r\n                    <sdChartContainer class=\"parentContainer\">\r\n                      <Chart\r\n                        type=\"line\"\r\n                        :labels=\"forcastOverviewState.LiLabels\"\r\n                        id=\"likes\"\r\n                        class=\"likes\"\r\n                        :options=\"areaChartOption\"\r\n                        :style=\"{\r\n                          marginBottom: '0',\r\n                        }\"\r\n                        :datasets=\"[\r\n                          {\r\n                            data: forcastOverviewState.LiData,\r\n                            label: '',\r\n                            borderColor: '#5F63F2',\r\n                            borderWidth: 3,\r\n                            fill: true,\r\n\r\n                            backgroundColor: () => chartMethods('likes', ['#5F63F210', '#5F63F201']),\r\n                            pointHoverRadius: 0,\r\n                            pointHoverBorderColor: 'transparent',\r\n                          },\r\n                        ]\"\r\n                        :height=\"height\"\r\n                      />\r\n                    </sdChartContainer>\r\n                  </div>\r\n                </Focard>\r\n              </a-col>\r\n              <a-col :md=\"12\" :sm=\"12\" :xs=\"24\">\r\n                <Focard>\r\n                  <div class=\"focard-details growth-upward\">\r\n                    <sdHeading as=\"h1\">{{ forcastOverviewState.Impressions2 }}</sdHeading>\r\n                    <p class=\"subtitle\">Page Impressions</p>\r\n                    <p class=\"focard-status\">\r\n                      <span class=\"focard-status__percentage\">\r\n                        <sdFeatherIcons type=\"trending-up\" />\r\n                        14%\r\n                      </span>\r\n                      <span> 20,641 (prev)</span>\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"focard-chart\">\r\n                    <sdChartContainer class=\"parentContainer\">\r\n                      <Chart\r\n                        type=\"line\"\r\n                        :labels=\"forcastOverviewState.ImLabels2\"\r\n                        id=\"impression2\"\r\n                        class=\"impression2\"\r\n                        :options=\"areaChartOption\"\r\n                        :style=\"{\r\n                          marginBottom: '0',\r\n                        }\"\r\n                        :datasets=\"[\r\n                          {\r\n                            data: forcastOverviewState.ImData2,\r\n                            label: '',\r\n                            borderColor: '#FA8B0C',\r\n                            borderWidth: 3,\r\n                            fill: true,\r\n                            backgroundColor: () => chartMethods('impression2', ['#FA8B0C10', '#FA8B0C01']),\r\n                            pointHoverRadius: 0,\r\n                            pointHoverBorderColor: 'transparent',\r\n                          },\r\n                        ]\"\r\n                        :height=\"height\"\r\n                      />\r\n                    </sdChartContainer>\r\n                  </div>\r\n                </Focard>\r\n              </a-col>\r\n            </a-row>\r\n          </a-col>\r\n        </a-row>\r\n      </sdCards>\r\n    </div>\r\n  </CardGroup>\r\n</template>\r\n\r\n<script>\r\nimport { Focard, CardGroup } from '../../style';\r\nimport Chart from '../../../../components/utilities/chartjs';\r\nimport { chartLinearGradient, customTooltips } from '../../../../components/utilities/utilities';\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\n\r\nexport default {\r\n  name: 'FacebookOverview',\r\n  components: {\r\n    Focard,\r\n    CardGroup,\r\n    Chart,\r\n  },\r\n  setup() {\r\n    const value = ref('today');\r\n    const height = ref(null);\r\n    const { dispatch, state } = useStore();\r\n\r\n    onMounted(() => {\r\n      height.value = window.innerWidth <= 1199 ? 100 : 115;\r\n      dispatch('forcastOverviewGetData');\r\n    });\r\n\r\n    const forcastOverviewState = computed(() => state.chartContent.forcastData);\r\n    const foIsLoading = computed(() => state.chartContent.foLoading);\r\n\r\n    const chartMethods = (elementId, color) => {\r\n      return chartLinearGradient(document.querySelector(`.${elementId}`), 165, {\r\n        start: color[0],\r\n        end: color[1],\r\n      });\r\n    };\r\n\r\n    const forcastOverview = e => {\r\n      dispatch('forcastOverviewFilterData', e.target.value);\r\n    };\r\n\r\n    return {\r\n      value,\r\n      height,\r\n      forcastOverviewState,\r\n      foIsLoading,\r\n      chartMethods,\r\n      forcastOverview,\r\n      areaChartOption: {\r\n        maintainAspectRatio: true,\r\n        responsive: false,\r\n        hover: {\r\n          mode: 'nearest',\r\n          intersect: false,\r\n        },\r\n        layout: {\r\n          padding: {\r\n            left: -10,\r\n            right: 0,\r\n            top: 2,\r\n            bottom: -10,\r\n          },\r\n        },\r\n        legend: {\r\n          display: false,\r\n          labels: {\r\n            display: false,\r\n          },\r\n        },\r\n        elements: {\r\n          point: {\r\n            radius: 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              },\r\n              ticks: {\r\n                beginAtZero: true,\r\n                fontSize: 10,\r\n                display: false,\r\n                stepSize: 20,\r\n              },\r\n            },\r\n          ],\r\n          xAxes: [\r\n            {\r\n              stacked: true,\r\n              gridLines: {\r\n                display: false,\r\n              },\r\n\r\n              ticks: {\r\n                beginAtZero: true,\r\n                fontSize: 11,\r\n                display: false,\r\n              },\r\n            },\r\n          ],\r\n        },\r\n        tooltips: {\r\n          mode: 'label',\r\n          intersect: false,\r\n          position: 'average',\r\n          enabled: false,\r\n          custom: customTooltips,\r\n          callbacks: {\r\n            label(t, d) {\r\n              const dstLabel = d.datasets[t.datasetIndex].label;\r\n              const { yLabel } = t;\r\n              return `<span class=\"chart-data\">${yLabel}</span> <span class=\"data-label\">${dstLabel}</span>`;\r\n            },\r\n            labelColor(tooltipItem, chart) {\r\n              const dataset = chart.config.data.datasets[tooltipItem.datasetIndex];\r\n              return {\r\n                backgroundColor: dataset.borderColor,\r\n                borderColor: 'transparent',\r\n                usePointStyle: true,\r\n              };\r\n            },\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./FacebookOverview.vue?vue&type=template&id=797278db\"\nimport script from \"./FacebookOverview.vue?vue&type=script&lang=js\"\nexport * from \"./FacebookOverview.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":""}