{"version":3,"sources":["webpack:///./src/view/dashboard/overview/index/YoutubeSubscribers.vue","webpack:///./src/view/dashboard/overview/index/YoutubeSubscribers.vue?01fc"],"names":["class","style","_createElementVNode","_ctx","youtubeSubscribeState","_createBlock","_component_sdCards","title","button","_withCtx","_hoisted_1","_normalizeClass","youtubeSubscribeTabActive","_createVNode","_component_router_link","onClick","_cache","e","handleActiveChangeYoutube","to","yuIsLoading","_createElementBlock","_hoisted_5","_component_a_spin","_component_CardBarChart","key","_hoisted_6","_hoisted_7","_hoisted_8","_component_sdHeading","as","Subscribe","_component_sdFeatherIcons","type","size","_toDisplayString","percent","youtubeSubscribeDatasets","_hoisted_9","_Fragment","_renderList","item","_normalizeStyle","hoverBackgroundColor","label","_component_sdChartContainer","_component_Chart","height","labels","datasets","options","chartOptions","YoutubeSubscribers","name","components","CardBarChart","Chart","setup","state","dispatch","useStore","ref","onMounted","computed","chartContent","youtubeSubscribeData","yuLoading","data","gained","backgroundColor","maxBarThickness","barThickness","lost","maintainAspectRatio","responsive","layout","padding","top","legend","display","position","align","boxWidth","usePointStyle","scales","yAxes","gridLines","color","borderDash","zeroLineColor","zeroLineWidth","zeroLineBorderDash","ticks","beginAtZero","fontSize","fontColor","max","Math","stepSize","min","xAxes","z","tooltips","mode","intersect","enabled","custom","customTooltips","callbacks","t","d","dstLabel","datasetIndex","yLabel","labelColor","tooltipItem","chart","dataset","config","borderColor","value","preventDefault","__exports__","render"],"mappings":"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","file":"js/chunk-2d210bbf.81faf7ca.js","sourcesContent":["<template>\r\n  <sdCards v-if=\"youtubeSubscribeState !== null\" title=\"Youtube Subscribers\">\r\n    <template #button>\r\n      <div class=\"card-nav\">\r\n        <ul>\r\n          <li :class=\"youtubeSubscribeTabActive === 'week' ? 'active' : 'deactivate'\">\r\n            <router-link @click=\"e => handleActiveChangeYoutube(e, 'week')\" to=\"#\">\r\n              Week\r\n            </router-link>\r\n          </li>\r\n          <li :class=\"youtubeSubscribeTabActive === 'month' ? 'active' : 'deactivate'\">\r\n            <router-link @click=\"e => handleActiveChangeYoutube(e, 'month')\" to=\"#\">\r\n              Month\r\n            </router-link>\r\n          </li>\r\n          <li :class=\"youtubeSubscribeTabActive === 'year' ? 'active' : 'deactivate'\">\r\n            <router-link @click=\"e => handleActiveChangeYoutube(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=\"yuIsLoading\" class=\"sd-spin\">\r\n      <a-spin />\r\n    </div>\r\n\r\n    <CardBarChart v-else>\r\n      <div\r\n        :style=\"{\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'space-between',\r\n        }\"\r\n      >\r\n        <div class=\"card-bar-top\">\r\n          <p>Subscribers</p>\r\n          <sdHeading as=\"h3\">\r\n            {{ youtubeSubscribeState.Subscribe }}\r\n            <sub>\r\n              <sdFeatherIcons type=\"arrow-up\" size=\"14\" />\r\n              {{ youtubeSubscribeState.percent }}%\r\n            </sub>\r\n          </sdHeading>\r\n        </div>\r\n        <ul v-if=\"youtubeSubscribeDatasets\">\r\n          <li v-for=\"(item, key) in youtubeSubscribeDatasets\" :key=\"key + 1\" class=\"custom-label\">\r\n            <span\r\n              :style=\"{\r\n                backgroundColor: item.hoverBackgroundColor,\r\n              }\"\r\n            />\r\n            {{ item.label }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <sdChartContainer class=\"parentContainer\">\r\n        <Chart\r\n          type=\"bar\"\r\n          class=\"youtubeSubscribe\"\r\n          :height=\"195\"\r\n          :labels=\"youtubeSubscribeState.labels\"\r\n          :datasets=\"youtubeSubscribeDatasets\"\r\n          :options=\"chartOptions\"\r\n          :style=\"{\r\n            marginBottom: '0',\r\n          }\"\r\n        />\r\n      </sdChartContainer>\r\n    </CardBarChart>\r\n  </sdCards>\r\n</template>\r\n<script>\r\nimport { CardBarChart } 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 YoutubeSubscribers = {\r\n  name: 'YoutubeSubscribers',\r\n  components: {\r\n    CardBarChart,\r\n    Chart,\r\n  },\r\n  setup() {\r\n    const { state, dispatch } = useStore();\r\n    const youtubeSubscribeTabActive = ref('year');\r\n\r\n    onMounted(() => dispatch('youtubeSubscribeGetData'));\r\n\r\n    const youtubeSubscribeState = computed(() => state.chartContent.youtubeSubscribeData);\r\n    const yuIsLoading = computed(() => state.chartContent.yuLoading);\r\n    const youtubeSubscribeDatasets = computed(() => [\r\n      {\r\n        data: state.chartContent.youtubeSubscribeData.gained,\r\n        backgroundColor: '#5F63F280',\r\n        hoverBackgroundColor: '#5F63F2',\r\n        label: 'Gained',\r\n        maxBarThickness: 10,\r\n        barThickness: 12,\r\n      },\r\n      {\r\n        data: state.chartContent.youtubeSubscribeData.lost,\r\n        backgroundColor: '#FF4D4F80',\r\n        hoverBackgroundColor: '#FF4D4F',\r\n        label: 'Lost',\r\n        maxBarThickness: 10,\r\n        barThickness: 12,\r\n      },\r\n    ]);\r\n    const chartOptions = computed(() => {\r\n      return {\r\n        maintainAspectRatio: true,\r\n        responsive: true,\r\n        layout: {\r\n          padding: {\r\n            top: 20,\r\n          },\r\n        },\r\n        legend: {\r\n          display: false,\r\n          position: 'top',\r\n          align: 'end',\r\n          labels: {\r\n            boxWidth: 6,\r\n            display: true,\r\n            usePointStyle: true,\r\n          },\r\n        },\r\n\r\n        scales: {\r\n          yAxes: [\r\n            {\r\n              gridLines: {\r\n                color: '#e5e9f2',\r\n                borderDash: [3, 3],\r\n                zeroLineColor: '#e5e9f2',\r\n                zeroLineWidth: 1,\r\n                zeroLineBorderDash: [3, 3],\r\n              },\r\n              ticks: {\r\n                beginAtZero: true,\r\n                fontSize: 12,\r\n                fontColor: '#182b49',\r\n                max: Math.max(...state.chartContent.youtubeSubscribeData.gained),\r\n                stepSize: Math.max(...state.chartContent.youtubeSubscribeData.gained) / 5,\r\n                display: true,\r\n                min: 0,\r\n                padding: 10,\r\n              },\r\n            },\r\n          ],\r\n          xAxes: [\r\n            {\r\n              gridLines: {\r\n                display: true,\r\n                zeroLineWidth: 2,\r\n                zeroLineColor: '#fff',\r\n                color: 'transparent',\r\n                z: 1,\r\n              },\r\n              ticks: {\r\n                beginAtZero: true,\r\n                fontSize: 12,\r\n                fontColor: '#182b49',\r\n                min: 0,\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.backgroundColor,\r\n                borderColor: 'transparent',\r\n                usePointStyle: true,\r\n              };\r\n            },\r\n          },\r\n        },\r\n      };\r\n    });\r\n    const handleActiveChangeYoutube = (e, value) => {\r\n      e.preventDefault();\r\n      youtubeSubscribeTabActive.value = value;\r\n      dispatch('youtubeSubscribeFilterData', value);\r\n    };\r\n    return {\r\n      handleActiveChangeYoutube,\r\n      youtubeSubscribeState,\r\n      yuIsLoading,\r\n      youtubeSubscribeDatasets,\r\n      chartOptions,\r\n      youtubeSubscribeTabActive,\r\n    };\r\n  },\r\n};\r\n\r\nexport default YoutubeSubscribers;\r\n</script>\r\n","import { render } from \"./YoutubeSubscribers.vue?vue&type=template&id=925852a4\"\nimport script from \"./YoutubeSubscribers.vue?vue&type=script&lang=js\"\nexport * from \"./YoutubeSubscribers.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":""}