{"version":3,"sources":["webpack:///./src/views/ui/adin-d3/ForecastLineChart.vue?11f0","webpack:///./src/views/ui/adin-d3/ForecastLineChart.vue?5936","webpack:///src/views/ui/adin-d3/ForecastLineChart.vue","webpack:///./src/views/ui/adin-d3/ForecastLineChart.vue?30f2","webpack:///./src/views/ui/adin-d3/ForecastLineChart.vue"],"names":["props","forecastHistoryData","type","Array","required","forecastFutureData","forecastSettings","Object","default","width","height","margin","top","right","bottom","left","chartTypes","lineChartEnabled","stepAreaChartEnabled","basisAreaChartEnabled","barChartEnabled","lineSettings","dottedLines","colors","upperLineColor","lowerLineColor","lineColors","forecastLineColor","forecastAreaColor","barLineColor","areaColors","textSettings","fontFamily","fontWeight","fontSize","meanLineSettings","meanLineDataset","meanLineColor","meanLineText","meanLineEnabled","textPosition","x","y","textColor","axisSettings","separationLineEnabled","leftYAxisEnabled","rightYAxisEnabled","textFontSize","axisColor","axisTitles","xAxis","xAxisTitle","titlePosition","numberOfTicks","leftYAxis","labelEnabled","label","labelColor","rightYAxis","tooltipSettings","barText","text","format","line1Text","line3Text","areaText","legendSettings","showLegend","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","mounted","drawChart","window","addEventListener","resizeChart","beforeDestroy","removeEventListener","methods","universalFormatter","d3","$refs","chart","select","remove","calculateBarWidth","historyData","forecastData","innerWidth","minBarWidth","barPadding","zoomedDomain","domain","d","date","range","domainStart","domainEnd","filteredData","slice","filter","minDateDiff","length","sortedDates","map","sort","a","b","i","barWidth","Math","max","Date","now","min","drawNoDataPlaceholder","svg","selectAll","append","attr","style","containerWidth","clientWidth","containerHeight","innerHeight","modifiedData","p","JSON","parse","stringify","lastDataPoint","lastDate","firstForecastDate","isForecastDateValid","getTime","areAllDataZero","key","every","item","keys","meanValue","meanDataset","on","event","bisect","invert","tooltip","raise","y1","bar","line1","area","path","data","join","call","formatDate","offset","isNaN","isCurrency","isPercentage","line2","line3","Boolean","_","w","h","node","getBBox","size","preventDefault","parseDate","dateObject","offsetDate","secondDummyPoint","dummy","push","lineKeys","startsWith","filteredHistoryData","transformedHistoryData","line","upperY","lowerY","idGenerator","count","Id","id","href","URL","location","prototype","toString","uid","name","maxTicks","floor","ticks","tickFormat","maxAreaOrLine","line4","stepArea","basisArea","nice","_uid","areaGradient","datum","y0","curve","kFormat","y2","brush","extent","selection","newDomain","move","transition","duration","idleTimeout","setTimeout","idled","startDate","endDate","zoomedData","forEach","glowingCircle","starPoint","bind","gradientId","xBand","padding","color","index","includes","lastHistoryData","unshift","forecastGradient","labelGroup","value","Number","isInteger","toFixed","formatValue","toLocaleString","month","day","year","timeZone","center","feMerge","toggleLines","mediaIndex","indexOf","getToggleIndex","legendIndex","initialOpacities","toggleLine","toggleIndex","targetClass","lineSelection","newOpacity","j","legendGroup","legendItems","enter","nodes","parentNode","currentX","gap","each","bbox","targetLine","handleDoubleClick","homeIconGroup","houseWidth","component","s","_h","this","$createElement","_self","_c","ref","staticRenderFns"],"mappings":"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","file":"js/chunk-010731bc.4348f849.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForecastLineChart.vue?vue&type=style&index=0&id=287c7542&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"chart\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"chart\"></div>\n</template>\n\n<script>\nimport * as d3 from 'd3';\nimport { universalFormatter } from '@/@core/utils/utils';\nexport default {\n  props: {\n    forecastHistoryData: {\n      type: Array,\n      required: true,\n    },\n    forecastFutureData: {\n      type: Array,\n      required: true,\n    },\n    forecastSettings: {\n      type: Object,\n      default: () => ({\n        width: 1200,\n        height: 350,\n        margin: { top: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: true,\n          basisAreaChartEnabled: false,\n          barChartEnabled: false,\n        },\n        lineSettings: {\n          dottedLines: [\"line1\", \"line2\", \"line3\"],\n        },\n        colors: {\n          upperLineColor: \"#FF5F5E\",\n          lowerLineColor: \"#FF5F5E\",\n          lineColors: [\"#FEB502\", \"#FC1374\", \"#64D8FA\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n          areaColors: [\"rgba(52, 152, 219, 0.2)\", \"rgba(52, 152, 219, 0.5)\", \"rgba(52, 152, 219, 1)\"],\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"14px\",\n        },\n        meanLineSettings: {\n          meanLineDataset: \"line1\",\n          meanLineColor: \"#2af3fd\",\n          meanLineText: \"Avg. Score\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 120,\n              y: -40,\n            },\n            textColor: \"red\"\n          }\n        },\n        axisSettings: {\n          separationLineEnabled: true,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: true,\n          textFontSize: \"12px\",\n          axisColor: \"black\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n              numberOfTicks: 10,\n            },\n            leftYAxis: {\n              labelEnabled: false,\n              label: \"Impression\",\n              labelColor: \"black\",\n              titlePosition: {\n                x: 90,\n              }\n            },\n            rightYAxis: {\n              labelEnabled: false,\n              label: \"Cost\",\n              labelColor: \"black\",\n              titlePosition: {\n                x: 70,\n              }\n            }\n          }\n        },\n        tooltipSettings: {\n          barText: {\n            text: \"Cost\",\n            format: \"\"\n          },\n          line1Text: {\n            text: \"Awareness\",\n            format: \"\"\n          },\n          line3Text: {\n            text: \"Conversion\",\n            format:\"\"\n          },\n          areaText: {\n            text: \"Media\",\n          },\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"red\",\n          legendNames: [\"Awareness\", \"Consideration\", \"Conversion\", \"Media\"],\n          legendColors: [\"#FEB502\", \"#FC1374\", \"#64D8FA\", \"#65A6F5\"]\n        },\n        zoomOutIconSettings: {\n          iconColor: \"black\",\n          mouseOverColor: \"pink\",\n        },\n        responsive: true,\n      })\n    }\n  },\n  mounted() {\n    this.drawChart();\n    if (this.forecastSettings.responsive) {\n      window.addEventListener('resize', this.resizeChart);\n    }\n  },\n  beforeDestroy() {\n    if (this.forecastSettings.responsive) {\n      window.removeEventListener('resize', this.resizeChart);\n    }\n  },\n  methods: {\n    universalFormatter,\n    resizeChart() {\n      d3.select(this.$refs.chart).select(\"svg\").remove();\n      this.drawChart();\n    },\n    calculateBarWidth({\n                        historyData,\n                        forecastData = [],\n                        innerWidth,\n                        minBarWidth = 1,\n                        barPadding = 0.1,\n                        zoomedDomain = null\n                      }) {\n      const x = d3.scaleTime()\n          .domain(zoomedDomain || [\n            d3.min([...historyData, ...forecastData], d => d.date),\n            d3.max([...historyData, ...forecastData], d => d.date)\n          ])\n          .range([0, innerWidth]);\n\n      // Filter data to only include points within the domain\n      const domainStart = x.domain()[0];\n      const domainEnd = x.domain()[1];\n      // Omit the first point from forecast data\n      const filteredData = [...historyData, ...forecastData.slice(1)].filter(d =>\n          d.date >= domainStart && d.date <= domainEnd\n      );\n\n      // Calculate minimum date difference within the domain\n      let minDateDiff;\n      if (filteredData.length > 1) {\n        const sortedDates = filteredData\n            .map(d => d.date)\n            .sort((a, b) => a - b);\n        minDateDiff = d3.min(sortedDates.slice(1).map((date, i) =>\n            date - sortedDates[i]\n        ));\n      } else {\n        minDateDiff = 24 * 60 * 60 * 1000; // Default to one day\n      }\n\n      // Calculate bar width based on minimum date difference\n      let barWidth = Math.max(\n          x(new Date(Date.now() + minDateDiff)) - x(new Date(Date.now())),\n          minBarWidth\n      ) * (1 - barPadding);\n\n      // Ensure bars don't exceed the width of the chart divided by number of visible points\n      return Math.min(barWidth, innerWidth / filteredData.length);\n    },\n    drawNoDataPlaceholder(svg, width, height) {\n      svg.selectAll(\"*\").remove();\n\n      svg.append(\"text\")\n          .attr(\"x\", width / 2)\n          .attr(\"y\", height / 2 + 30)\n          .attr(\"text-anchor\", \"middle\")\n          .attr(\"class\", \"no-data-text\")\n          .style(\"font-size\", \"30px\")\n          .style(\"fill\", \"#888\")\n          .text(\"No data available\");\n    },\n    drawChart() {\n      const containerWidth = this.$refs.chart.clientWidth;\n      const containerHeight = this.forecastSettings.height;\n\n      const { width, height, margin, chartTypes, lineSettings, colors, axisSettings, meanLineSettings, tooltipSettings, legendSettings, textSettings, zoomOutIconSettings } = this.forecastSettings;\n      const innerWidth = containerWidth - margin.left - margin.right;\n      const innerHeight = containerHeight - margin.top - margin.bottom;\n\n      // Ensures all dates are in 'YYYY-MM-DD' format by removing any time component if present.\n      const modifiedData = this.forecastHistoryData.map((p) =>\n          p.date.length > 10 ? { ...p ,date: p.date.slice(0, 10)} : p\n      );\n      let historyData = modifiedData;\n      let forecastData = JSON.parse(JSON.stringify(this.forecastFutureData));\n      // console.log(\"forecastData\", forecastData)\n\n\n      if (forecastData.length > 0) {\n        const lastDataPoint = historyData[historyData.length - 1];\n        const lastDate = new Date(lastDataPoint.date);\n        const firstForecastDate = new Date(forecastData[0].date);\n        const isForecastDateValid = lastDate.getTime() <= firstForecastDate.getTime();\n\n        let areAllDataZero = true;\n        // check last data point for non-zero values\n        for (const key in lastDataPoint) {\n          if (key !== \"date\" && lastDataPoint[key] !== 0) {\n            areAllDataZero = false;\n            break;\n          }\n        }\n\n        if (!isForecastDateValid || areAllDataZero) {\n          forecastData = [];\n        }\n      } else if (forecastData.every(item => Object.keys(item).length === 0)) {\n        forecastData = [];\n      }\n\n      let tooltipDisabled = false; // Tooltip güncellemeyi devre dışı bırakmak için bayrak\n\n      let meanValue;\n\n      const meanDataset = meanLineSettings.meanLineDataset || 'line1'; // Default to 'line1' if not specified\n\n      meanValue = d3.mean(historyData, d => d[meanDataset]);\n\n      const pointermoved = (event) => {\n        // Eğer tooltipDisabled true ise, tooltip'i gizle ve fonksiyondan çık\n        if (tooltipDisabled) {\n          tooltip.style(\"display\", \"none\");\n          return;\n        }\n\n        const i = bisect(historyData, x.invert(d3.pointer(event)[0]));\n        const d = historyData[i];\n\n        tooltip.style(\"display\", null).raise();\n\n        if (chartTypes.barChartEnabled) {\n          tooltip.attr(\"transform\", `translate(${x(d.date)},${y1(d.bar)})`);\n        }\n        if (chartTypes.lineChartEnabled) {\n          tooltip.attr(\"transform\", `translate(${x(d.date)},${y1(d.line1)})`);\n        }\n        if (chartTypes.stepAreaChartEnabled || chartTypes.basisAreaChartEnabled) {\n          tooltip.attr(\"transform\", `translate(${x(d.date)},${y1(d.area)})`);\n        }\n        const path = tooltip.selectAll(\"path\")\n            .data([,])\n            .join(\"path\")\n            .attr(\"fill\", \"#2D1146\")\n            .attr(\"stroke\", \"black\");\n\n        const text = tooltip.selectAll(\"text\")\n            .data([,])\n            .join(\"text\")\n            .call(text => text\n                .selectAll(\"tspan\")\n                .data([\n                  formatDate(d3.timeDay.offset(d.date, 1)), // Tarihe 1 gün ekliyoruz\n                  chartTypes.lineChartEnabled && d.line1 != null && !isNaN(d.line1) ? `${tooltipSettings.line1.text}: ${this.universalFormatter(d.line1, {isCurrency: (tooltipSettings.line1.format === 'currency'), isPercentage: (tooltipSettings.line1.format === 'percentage')  })}` : null,\n                  chartTypes.lineChartEnabled && d.line2 != null && !isNaN(d.line2) ? `${tooltipSettings.line2.text}: ${this.universalFormatter(d.line2, {isCurrency: (tooltipSettings.line2.format === 'currency'), isPercentage: (tooltipSettings.line2.format === 'percentage') })}` : null,\n                  chartTypes.lineChartEnabled && d.line3 != null && !isNaN(d.line3) ? `${tooltipSettings.line3.text}: ${this.universalFormatter(d.line3, {isCurrency: (tooltipSettings.line3.format === 'currency'), isPercentage: (tooltipSettings.line3.format === 'percentage')})}` : null,\n                  chartTypes.barChartEnabled && d.bar != null && !isNaN(d.bar) ? `${tooltipSettings.bar.text}: ${this.universalFormatter(d.bar, {isCurrency: (tooltipSettings.bar.format === ' currency'), isPercentage: (tooltipSettings.bar.format === 'percentage')})}` : null,\n                  (chartTypes.stepAreaChartEnabled || chartTypes.basisAreaChartEnabled) && d.area != null && !isNaN(d.area) ? `${tooltipSettings.area.areaText}: ${universalFormatter(d.area)}` : null\n                ].filter(Boolean)) // null, undefined veya NaN olanları filtreliyoruz\n                .join(\"tspan\")\n                .attr(\"x\", 0)\n                .attr(\"y\", (_, i) => `${i * 1.1}em`)\n                .attr(\"font-weight\", (_, i) => i ? null : \"bold\")\n                .text(d => d))\n            .attr(\"fill\", \"white\")\n\n        size(text, path);\n      }\n      const svg = d3.select(this.$refs.chart)\n          .append(\"svg\")\n          .attr(\"width\", containerWidth)\n          .attr(\"height\", containerHeight)\n          .attr(\"viewBox\", `0 0 ${containerWidth} ${containerHeight}`)\n          .attr(\"preserveAspectRatio\", \"xMinYMin meet\") // Responsive davranış için\n          .attr(\"style\", \"max-width: 100%; height: auto;\")\n          .append(\"g\")\n          .attr(\"transform\", `translate(${margin.left}, ${margin.top})`)\n          .on(\"pointerenter pointermove\", pointermoved)\n          .on(\"pointerleave\", pointerleft)\n          .on(\"touchstart\", event => event.preventDefault());\n\n      d3.selectAll(\"text\")\n          .style(\"font-family\", textSettings.fontFamily)\n          .style(\"font-weight\", textSettings.fontWeight)\n          .style(\"font-size\", textSettings.fontSize)\n\n      if(historyData.length === 0){\n        this.drawNoDataPlaceholder(svg, innerWidth, innerHeight);\n        return\n      }\n\n      const parseDate = d3.timeParse('%Y-%m-%d');\n\n      if (historyData.length === 1) {\n        const dateObject = new Date(historyData[0].date);\n\n        if (!isNaN(dateObject)) {\n          const offsetDate = d3.timeDay.offset(dateObject, 1);\n\n          const secondDummyPoint = {\n            date: parseDate(offsetDate),\n            line1: historyData[0].line1,\n            line2: historyData[0].line2,\n            line3: historyData[0].line3,\n            bar: historyData[0].bar,\n            dummy: true,\n          };\n\n          historyData.push(secondDummyPoint);\n        } else {\n          console.error(\"Invalid history date found:\", historyData[0].date);\n        }\n      }\n\n      const lineKeys = Object.keys(historyData[0]).filter(key => key.startsWith(\"line\"));\n\n      const filteredHistoryData = historyData.filter(d => !d.dummy)\n\n      const transformedHistoryData = historyData.map(d => ({\n        date: parseDate(d.date),\n        line1: +d.line1,\n        line2: +d.line2,\n        line3: +d.line3,\n        area: +d.area,\n        bar: +d.bar\n      }));\n\n      historyData = transformedHistoryData;\n      // console.log(\"historyData\", historyData)\n\n      if (forecastData && forecastData.length > 0) {\n        forecastData = forecastData.map((d) => {\n          return {\n            date: parseDate(d.date),\n            line: d.line,\n            upperY: d.upperY,\n            lowerY: d.lowerY,\n          }\n        })\n      }\n\n      // console.log(\"forecastData after mapping\", forecastData)\n\n\n      const idGenerator = (function () {\n        var count = 0;\n\n        function Id(id) {\n          this.id = id;\n          this.href = new URL(`#${id}`, location) + \"\";\n        }\n\n        Id.prototype.toString = function () {\n          return \"url(\" + this.href + \")\";\n        };\n\n        return {\n          uid: function (name) {\n            return new Id(\"O-\" + (name == null ? \"\" : name + \"-\") + ++count);\n          }\n        }\n      })()\n\n      const gradient = idGenerator.uid();\n\n      // const x = d3.scaleTime()\n      //      .domain([\n      //           d3.min([...historyData, ...forecastData], d => d.date),\n      //           d3.max([...historyData, ...forecastData], d => d.date)\n      //      ])\n      //      .range([0, innerWidth]);\n\n      // const barPadding = 0.1;\n\n      // let barWidth = (x(historyData[1].date) - x(historyData[0].date)) * (1 - barPadding);\n      const x = d3.scaleTime()\n          .domain([\n            d3.min([...historyData, ...forecastData], d => d.date),\n            d3.max([...historyData, ...forecastData], d => d.date)\n          ])\n          .range([0, innerWidth]);\n\n      let barWidth = this.calculateBarWidth({\n        historyData: historyData,\n        forecastData: forecastData,\n        innerWidth: innerWidth\n      });\n      //   const barPadding = 0.1;\n\n      if (filteredHistoryData.length == 1) {\n        barWidth = containerWidth / 2;\n      }\n\n      const desiredSpacing = 80; // Minimum spacing between ticks in pixels\n      const maxTicks = Math.floor(innerWidth / desiredSpacing); // Adjust tick count based on available space\n\n      const xAxis = svg.append(\"g\")\n          .attr(\"class\", \"x-axis\")\n          .attr(\"transform\", `translate(0, ${innerHeight})`)\n          .style(\"color\", `${axisSettings.axisColor}`);\n\n      xAxis.call(d3.axisBottom(x)\n          .ticks(Math.min(historyData.length, maxTicks)) // Ensure ticks don't exceed available space\n          .tickFormat(d3.timeFormat(\"%b %e\")))\n          .selectAll(\"text\")\n          .attr(\"y\", 10) // Adjust vertical positioning\n          .attr(\"text-anchor\", \"middle\"); // Keep alignment centered\n\n      xAxis.selectAll(\"text\")\n          .attr(\"font-family\", textSettings.fontFamily)\n          .attr(\"font-weight\", textSettings.fontWeight)\n          .attr(\"font-size\", textSettings.fontSize);\n\n      // Adjust X-axis thickness\n      xAxis.selectAll(\"path\")\n          .style(\"stroke-width\", \"0.5px\");\n      xAxis.selectAll(\"line\")\n          .style(\"stroke-width\", \"0.5px\");\n\n      const maxAreaOrLine = d3.max(\n          [...historyData, ...forecastData],\n          d => Math.max(d.upperY || 0, d.line1 || 0, d.line2 || 0, d.line3 || 0, d.line4 || 0, d.area || 0)\n      );\n\n      let y1 = d3.scaleLinear()\n          .domain([0, maxAreaOrLine])\n          .range([innerHeight, 0])\n          .nice();\n\n      let stepArea;\n      if (chartTypes.stepAreaChartEnabled) {\n        // meanValue = d3.mean(historyData, d => d.area)\n\n\n        const clip = svg.append(\"defs\").append(\"clipPath\")\n            .attr(\"id\", `areaClip-${this._uid}`)\n            .append(\"rect\")\n            .attr(\"width\", innerWidth)\n            .attr(\"height\", innerHeight)\n            .attr(\"x\", 0)\n            .attr(\"y\", 0);\n\n        stepArea = svg.append('g')\n            .attr(\"clip-path\", `url(#${`areaClip-${this._uid}`})`);\n\n        const areaGradient = svg.append(\"defs\")\n            .append(\"linearGradient\")\n            .attr(\"id\", \"stepAreaGradient\")\n            .attr(\"x1\", \"0%\")\n            .attr(\"y1\", \"0%\")\n            .attr(\"x2\", \"0%\")\n            .attr(\"y2\", \"100%\");\n\n        // Gradient renk geçişleri\n        areaGradient.append(\"stop\")\n            .attr(\"offset\", \"0%\")\n            .attr(\"stop-color\", \"rgba(30, 144, 255, 1)\"); // Üst kısım\n\n        areaGradient.append(\"stop\")\n            .attr(\"offset\", \"100%\")\n            .attr(\"stop-color\", \"rgba(30, 144, 255, 0)\"); // Alt kısım\n\n        stepArea.append(\"path\")\n            .datum(historyData)\n            .attr(\"class\", \"myStepArea\")  // I add the class myArea to be able to modify it later on.\n            .attr(\"fill\", \"url(#stepAreaGradient)\")\n            .attr(\"fill-opacity\", .3)\n            .attr(\"d\", d3.area()\n                .x(d => x(d.date))\n                .y0(y1(0))\n                .y1(d => y1(d.area))\n                .curve(d3.curveStep)\n            )\n\n        stepArea.append(\"path\")\n            .datum(historyData)\n            .attr(\"class\", \"myStepArea-stroke\")  // Farklı bir sınıf ekleyebilirsiniz\n            .attr(\"fill\", \"none\")\n            .attr(\"stroke\", \"#65A6F5\")\n            .attr(\"stroke-width\", 2)\n            .attr(\"d\", d3.line()\n                .x(d => x(d.date))\n                .y(d => y1(d.area))\n                .curve(d3.curveStep)\n            );\n\n\n      }\n\n      let basisArea;\n      if (chartTypes.basisAreaChartEnabled) {\n        // meanValue = d3.mean(historyData, d => d.area)\n\n\n\n        const clip = svg.append(\"defs\").append(\"clipPath\")\n            .attr(\"id\", `areaClip-${this._uid}`)\n            .append(\"rect\")\n            .attr(\"width\", innerWidth)\n            .attr(\"height\", innerHeight)\n            .attr(\"x\", 0)\n            .attr(\"y\", 0);\n\n        basisArea = svg.append('g')\n            .attr(\"clip-path\", `url(#${`areaClip-${this._uid}`})`);\n\n        const areaGradient = svg.append(\"defs\")\n            .append(\"linearGradient\")\n            .attr(\"id\", \"basisAreaGradient\")\n            .attr(\"x1\", \"0%\")\n            .attr(\"y1\", \"0%\")\n            .attr(\"x2\", \"0%\")\n            .attr(\"y2\", \"100%\");\n\n        // Gradient renk geçişleri\n        areaGradient.append(\"stop\")\n            .attr(\"offset\", \"0%\")\n            .attr(\"stop-color\", \"rgba(30, 144, 255, 1)\"); // Üst kısım\n\n        areaGradient.append(\"stop\")\n            .attr(\"offset\", \"100%\")\n            .attr(\"stop-color\", \"rgba(30, 144, 255, 0)\"); // Alt kısım\n\n        basisArea.append(\"path\")\n            .datum(historyData)\n            .attr(\"class\", \"myBasisArea\")  // I add the class myArea to be able to modify it later on.\n            .attr(\"fill\", \"url(#basisAreaGradient)\")\n            .attr(\"fill-opacity\", .3)\n            .attr(\"d\", d3.area()\n                .x(d => x(d.date))\n                .y0(y1(0))\n                .y1(d => y1(d.area))\n                .curve(d3.curveBasis)\n            )\n\n        basisArea.append(\"path\")\n            .datum(historyData)\n            .attr(\"class\", \"myBasisArea-stroke\")  // Farklı bir sınıf ekleyebilirsiniz\n            .attr(\"fill\", \"none\")\n            .attr(\"stroke\", \"#65A6F5\")\n            .attr(\"stroke-width\", 2)\n            .attr(\"d\", d3.line()\n                .x(d => x(d.date))\n                .y(d => y1(d.area))\n                .curve(d3.curveBasis)\n            );\n      }\n\n      if (axisSettings.leftYAxisEnabled) {\n        const y1Axis = svg.append(\"g\")\n            .attr(\"class\", \"y1-axis\")  // Y eksenine bir class ekliyoruz\n            .style(\"color\", `${axisSettings.axisColor}`)\n            .call(d3.axisLeft(y1)\n                .ticks(5)\n                .tickFormat(d => universalFormatter(d, { kFormat: true }))\n            )\n\n        y1Axis.selectAll(\"text\")\n            .attr(\"font-family\", textSettings.fontFamily)\n            .attr(\"font-weight\", textSettings.fontWeight)\n            .attr(\"font-size\", textSettings.fontSize)\n\n        // Y ekseni çizgilerinin kalınlığını ayarlamak\n        svg.selectAll(\".y1-axis path\")\n            .style(\"stroke-width\", \"0.5px\");  // Ana eksen çizgisi kalınlığı\n        svg.selectAll(\".y1-axis line\")\n            .style(\"stroke-width\", \"0.5px\");  // Tick işaretleri kalınlığı\n      }\n\n      const y2 = d3.scaleLinear()\n          .domain([0, d3.max(historyData, d => d.bar) * 1.3])\n          .range([innerHeight, 0])\n          .nice()\n\n      if (axisSettings.rightYAxisEnabled) {\n        const y2Axis = svg.append(\"g\")\n            .attr(\"class\", \"y2-axis\")  // Y eksenine bir class ekliyoruz\n            .attr(\"transform\", `translate(${innerWidth}, 0)`)\n            .style(\"color\", `${axisSettings.axisColor}`)\n            .call(d3.axisRight(y2)\n                .ticks(5)\n                .tickFormat(d => universalFormatter(d, { kFormat: true }))\n            )\n\n        y2Axis.selectAll(\"text\")\n            .attr(\"font-family\", textSettings.fontFamily)\n            .attr(\"font-weight\", textSettings.fontWeight)\n            .attr(\"font-size\", textSettings.fontSize)\n\n        svg.selectAll(\".y2-axis path\")\n            .style(\"stroke-width\", \"0.5px\");\n        svg.selectAll(\".y2-axis line\")\n            .style(\"stroke-width\", \"0.5px\");\n      }\n\n      if (axisSettings.axisTitles.leftYAxis.labelEnabled) {\n        svg.append(\"text\")\n            .attr(\"x\", -innerHeight / 2)\n            .attr(\"y\", -margin.left + 30)\n            .attr(\"transform\", \"rotate(-90)\")\n            .attr(\"text-anchor\", \"middle\")\n            .style(\"fill\", `${axisSettings.axisTitles.rightYAxis.labelColor}`)\n            .style(\"font-size\", \"16px\")\n            .text(`${axisSettings.axisTitles.leftYAxis.label}`)\n      }\n\n      if (axisSettings.axisTitles.rightYAxis.labelEnabled) {\n        svg.append(\"text\")\n            .attr(\"x\", `${innerHeight / 2}`)\n            .attr(\"y\", - innerWidth - margin.left + 25)\n            .attr(\"transform\", \"rotate(90)\")\n            .attr(\"text-anchor\", \"middle\")\n            .style(\"fill\", `${axisSettings.axisTitles.rightYAxis.labelColor}`)\n            .style(\"font-size\", \"16px\")\n            .text(`${axisSettings.axisTitles.rightYAxis.label}`)\n      }\n      const clip = svg.append(\"defs\").append(\"svg:clipPath\")\n          .attr(\"id\", `clip-${this._uid}`)\n          .append(\"svg:rect\")\n          .attr(\"width\", innerWidth)\n          .attr(\"height\", innerHeight)\n          .attr(\"x\", 0)\n          .attr(\"y\", 0);\n\n      const brush = d3.brushX()\n          .extent([[0, 0], [innerWidth, innerHeight]])\n          .on(\"end\", updateChart.bind(this))\n\n      const line = svg.append('g')\n          .attr(\"clip-path\", `url(#clip-${this._uid})`)\n\n      const gradientId = \"line-gradient\";\n\n\n      const xBand = d3.scaleBand()\n          .domain(historyData.map(d => d.date))\n          .range([0, innerWidth])\n          .padding(0.1);\n\n      if (chartTypes.barChartEnabled) {\n        // meanValue = d3.mean(historyData, d => d.bar)\n\n        line.append(\"g\")\n            .attr(\"class\", \"history-bars\")\n            .attr(\"fill\", `${colors.barLineColor}`)\n            .attr(\"fill-opacity\", 0.8)\n            .selectAll(\"rect\")\n            .data(historyData.filter((d, i) => i === 0))\n            .join(\"rect\")\n            .attr(\"width\", barWidth)\n            .attr(\"x\", d => x(d.date) - (barWidth / 2))\n            .attr(\"y\", d => y2(d.bar))\n            .attr(\"height\", d => y2(0) - y2(d.bar));\n      }\n\n      line.append(\"linearGradient\")\n          .attr(\"id\", gradientId)\n          .attr(\"gradientUnits\", \"userSpaceOnUse\")\n          .attr(\"x1\", 0)\n          .attr(\"y1\", 0)\n          .attr(\"x2\", 0)\n          .attr(\"y2\", innerHeight)\n          .selectAll(\"stop\")\n          .data([\n            { offset: 0, color: `${colors.upperLineColor}` },\n            { offset: (y1(meanValue)) / innerHeight, color: `${colors.upperLineColor}` },\n            { offset: (y1(meanValue)) / innerHeight, color: `${colors.lowerLineColor}` },\n            { offset: 1, color: `${colors.lowerLineColor}` }\n          ])\n          .join(\"stop\")\n          .attr(\"offset\", d => d.offset)\n          .attr(\"stop-color\", d => d.color);\n\n      if (filteredHistoryData.length > 1) {\n\n        if (chartTypes.barChartEnabled) {\n          line.append(\"g\")\n              .attr(\"class\", \"history-bars\")\n              .attr(\"fill\", `${colors.barLineColor}`)\n              .attr(\"fill-opacity\", 0.8)\n              .selectAll(\"rect\")\n              .data(historyData)\n              .join(\"rect\")\n              .attr(\"width\", barWidth)\n              .attr(\"x\", d => x(d.date) - (barWidth / 2))\n              .attr(\"y\", d => y2(d.bar))\n              .attr(\"height\", d => y2(0) - y2(d.bar));\n        }\n\n\n\n        if (chartTypes.lineChartEnabled) {\n          const color = d3.scaleOrdinal(colors.lineColors).domain(lineKeys);\n          const dottedLines = lineSettings.dottedLines;\n\n          lineKeys.forEach((key, index) => {\n\n            line.append(\"path\")\n                .datum(historyData)\n                .attr(\"class\", `history-line-${key}`)\n                .attr(\"fill\", \"none\")\n                .attr(\"stroke\", color(key))\n                .attr(\"stroke-width\", 2)\n                .attr(\"stroke-dasharray\", dottedLines.includes(key) ? \"0,5\" : \"none\")\n                .attr(\"stroke-linecap\", \"round\")\n                .attr(\"opacity\", dottedLines.includes(key) ? 0 : 1) // Başlangıçta görünmez\n                .attr(\"d\", d3.line()\n                    .x(d => x(d.date))\n                    .y(d => y1(d[key]))\n                    .curve(d3.curveBasis)\n                )\n\n\n\n          });\n\n\n        }\n\n\n\n      } else {\n        if (chartTypes.barChartEnabled) {\n          line.append(\"g\")\n              .attr(\"class\", \"history-bars\")\n              .attr(\"fill\", `${colors.barLineColor}`)\n              .attr(\"fill-opacity\", 0.8)\n              .selectAll(\"rect\")\n              .data(historyData.filter((d, i) => i === 0))\n              .join(\"rect\")\n              .attr(\"width\", barWidth)\n              .attr(\"x\", d => x(d.date) - (barWidth / 2))\n              .attr(\"y\", d => y2(d.bar))\n              .attr(\"height\", d => y2(0) - y2(d.bar));\n        }\n\n\n        // Draw a marker for the first point\n        svg.append(\"circle\")\n            .attr(\"cx\", x(new Date(historyData[0].date)))\n            .attr(\"cy\", y1(historyData[0].line1))\n            .attr(\"r\", 5) // Adjust the size of the point\n            .style(\"fill\", `url(#${gradientId})`); // Customize the point style\n      }\n\n      let lastHistoryData;\n\n      if (chartTypes.lineChartEnabled) {\n        lastHistoryData = historyData[historyData.length - 1];\n        forecastData.unshift({\n          date: lastHistoryData.date,\n          line: lastHistoryData.line1,\n          upperY: lastHistoryData.line1,\n          lowerY: lastHistoryData.line1,\n        });\n      }\n\n      if (chartTypes.stepAreaChartEnabled || chartTypes.basisAreaChartEnabled) {\n        lastHistoryData = historyData[historyData.length - 1];\n        forecastData.unshift({\n          date: lastHistoryData.date,\n          line: lastHistoryData.area,\n          upperY: lastHistoryData.area,\n          lowerY: lastHistoryData.area,\n        });\n      }\n\n      // Renk geçişi (gradient) yukarıdan aşağıya olacak şekilde tanımlanır\n      const forecastGradient = svg.append(\"defs\")\n          .append(\"linearGradient\")\n          .attr(\"id\", \"forecastGradient\")\n          .attr(\"x1\", \"0%\")\n          .attr(\"x2\", \"0%\")  // Yukarıdan aşağıya renk geçişi\n          .attr(\"y1\", \"0%\")\n          .attr(\"y2\", \"100%\"); // Üstten alta geçiş\n\n      // Gradient durakları (renk geçişi yukarıdan aşağıya ayarlanır)\n      forecastGradient.append(\"stop\")\n          .attr(\"offset\", \"0%\")\n          .attr(\"stop-color\", \"#9126F0\")  // Üstte açık renk başlar\n          .attr(\"stop-opacity\", 0.8);     // Hafif şeffaflık\n\n      forecastGradient.append(\"stop\")\n          .attr(\"offset\", \"50%\")\n          .attr(\"stop-color\", \"#9126F0\")    // Ortada siyah renk\n          .attr(\"stop-opacity\", 0.4);     // Koyuluk artar\n\n      forecastGradient.append(\"stop\")\n          .attr(\"offset\", \"100%\")\n          .attr(\"stop-color\", \"#9126F0\")  // Altta yine açık renk\n          .attr(\"stop-opacity\", 0.8);     // Hafif şeffaflık\n\n      // Forecast alanı path çizimi\n      line.append(\"path\")\n          .attr(\"class\", \"forecast-area\")\n          .datum(forecastData)\n          .attr(\"fill\", \"url(#forecastGradient)\")  // Tanımlanan gradient'i kullan\n          .attr(\"stroke\", \"none\")\n          .attr(\"d\", d3.area()\n                  .x(d => x(d.date))\n                  .y0(d => y1(d.lowerY))    // Alt sınır çizimi\n                  .y1(d => y1(d.upperY))    // Üst sınır çizimi\n              // .curve(d3.curveBasis)     // Yumuşatma\n          );\n\n\n      //   console.log(\"forecastData\", forecastData)\n\n      line.append(\"path\")\n          .datum(forecastData)\n          .attr(\"class\", \"forecast-line\")\n          .attr(\"fill\", \"none\")\n          .attr(\"stroke\", \"lightgray\")\n          .attr('stroke-dasharray', '4,4')\n          .attr('stroke-width', 2)\n          .attr('d', d3.line()\n              .x(d => x(d.date))\n              .y(d => y1(d.line))\n          );\n\n      const labelGroup = svg.append(\"g\")\n          .attr(\"class\", \"avg-impression-label\");\n\n\n      if (meanLineSettings.meanLineEnabled) {\n        line.append(\"line\")\n            .attr(\"class\", \"mean-line\")\n            .attr(\"x1\", 0)\n            .attr(\"y1\", y1(meanValue))\n            .attr(\"x2\", innerWidth)\n            .attr(\"y2\", y1(meanValue))\n            .attr(\"stroke\", `${meanLineSettings.meanLineColor}`)\n\n        labelGroup.append(\"line\")\n            .attr(\"x1\", -15)\n            .attr(\"x2\", 10)\n            .attr(\"y1\", -45)\n            .attr(\"y2\", -45)\n            .attr(\"stroke\", `${meanLineSettings.meanLineColor}`)\n            .attr(\"stroke-width\", 4)\n            .attr(\"stroke-linecap\", \"round\");\n        labelGroup.append(\"text\")\n            .attr(\"x\", `${meanLineSettings.textSettings.textPosition.x}`)\n            .attr(\"y\", `${meanLineSettings.textSettings.textPosition.y}`)\n            .attr(\"text-anchor\", \"middle\")\n            .attr(\"fill\", `${meanLineSettings.textSettings.textColor}`)\n            .style(\"font-size\", \"14px\")\n            .text(`${meanLineSettings.meanLineText} : ${formatValue(meanValue)}`);\n\n      }\n\n      function formatValue(value) {\n        if (Number.isInteger(value)) {\n          return value;\n        }\n\n        if (value >= 1e6) {\n          return (value / 1e6).toFixed(1) + \"M\";\n        } else if (value >= 1e3) {\n          return (value / 1e3).toFixed(1) + \"K\";\n        }\n\n        return value.toFixed(2);\n      }\n\n\n\n      if (axisSettings.separationLineEnabled) {\n        line.append(\"line\")\n            .attr(\"class\", \"separation-line\")\n            .attr(\"x1\", x(d3.max(historyData, d => d.date)))\n            .attr(\"y1\", 0)\n            .attr(\"x2\", x(d3.max(historyData, d => d.date)))\n            .attr(\"y2\", innerHeight)\n            .attr(\"stroke\", \"gray\")\n            .attr(\"stroke-width\", 1)\n            .attr(\"stroke-dasharray\", \"5,5\");\n      }\n\n      const tooltip = svg.append(\"g\")\n\n      function formatDate(date) {\n        return date.toLocaleString(\"en\", {\n          month: \"short\",\n          day: \"numeric\",\n          year: \"numeric\",\n          timeZone: \"UTC\"\n        })\n      }\n\n      const bisect = d3.bisector(d => d.date).center;\n\n\n      function pointerleft() {\n        tooltip.style(\"display\", \"none\");\n      }\n\n      function size(text, path) {\n        const { x, y, width: w, height: h } = text.node().getBBox();\n        text.attr(\"transform\", `translate(${-w / 2},${15 - y})`);\n        path.attr(\"d\", `M${-w / 2 - 10},5H-5l5,-5l5,5H${w / 2 + 10}v${h + 20}h-${w + 20}z`);\n      }\n\n      line.append(\"g\")\n          .attr(\"class\", \"brush\")\n          .call(brush)\n\n      // console.log(\"forecastData\", forecastData)\n\n      let glowingCircle;\n      let starPoint;\n\n      if (this.forecastFutureData.length > 0) {\n        const defs = svg.append(\"defs\")\n\n        const filter = defs\n            .append(\"filter\")\n            .attr(\"id\", \"glow\");\n\n        filter\n            .append(\"feGaussianBlur\")\n            .attr(\"class\", \"blur\")\n            .attr(\"stdDeviation\", \"3.5\")\n            .attr(\"result\", \"coloredBlur\");\n\n        const feMerge = filter.append(\"feMerge\");\n\n        feMerge.append(\"feMergeNode\").attr(\"in\", \"coloredBlur\");\n        feMerge.append(\"feMergeNode\").attr(\"in\", \"SourceGraphic\");\n\n        // Select the data point you want to highlight (last point in this example)\n        starPoint = historyData[historyData.length - 1];\n\n        if (chartTypes.lineChartEnabled) {\n          // Append the glowing star (circle) at the specified data point\n          glowingCircle = svg\n              .append(\"circle\")\n              .attr(\"class\", \"glowing-star glowing\")\n              .attr(\"cx\", x(starPoint.date))\n              .attr(\"cy\", y1(starPoint.line1))\n              .attr(\"r\", 5); // initial radius\n        }\n\n        else if (chartTypes.stepAreaChartEnabled || chartTypes.basisAreaChartEnabled) {\n          // Append the glowing star (circle) at the specified data point\n          glowingCircle = svg\n              .append(\"circle\")\n              .attr(\"class\", \"glowing-star glowing\")\n              .attr(\"cx\", x(starPoint.date))\n              .attr(\"cy\", y1(starPoint.area))\n              .attr(\"r\", 5); // initial radius\n        }\n      }\n\n\n      if (legendSettings.showLegend) {\n        const toggleLines = lineSettings.toggleLines; // Bu array boş olabiliyor\n        const keys = legendSettings.legendNames;\n        const legendColors = legendSettings.legendColors;\n\n        // \"Media\" legend'ının dizideki konumunu alıyoruz.\n        const mediaIndex = keys.indexOf(\"Media\");\n\n        // Yardımcı: legend dizindeki indeksi, toggleLines dizisindeki indekse dönüştürür.\n        function getToggleIndex(legendIndex) {\n          return legendIndex < mediaIndex ? legendIndex : legendIndex - 1;\n        }\n\n        // Eğer toggleLines varsa, \"Media\" hariç diğer öğeler için başlangıç opaklığı 0.9, aksi halde tümü 1.\n        const initialOpacities = toggleLines.length\n            ? keys.map((_, i) => (i === mediaIndex ? 1 : 0.9))\n            : keys.map(() => 1);\n\n        const color = d3.scaleOrdinal()\n            .domain(keys)\n            .range(legendColors);\n\n        const legendSpacing = 110; // Elemanlar arası boşluk\n        const legendStartX = innerWidth / 4 - ((keys.length - 1) * legendSpacing) / 2;\n\n        // toggle edilebilir çizgilerin açma/kapama fonksiyonu\n        function toggleLine(legendIndex) {\n          if (legendIndex === mediaIndex) return; // \"Media\" değişmeyecek\n          const toggleIndex = getToggleIndex(legendIndex);\n          const targetLine = toggleLines[toggleIndex];\n          const targetClass = `history-line-${targetLine}`;\n          const lineSelection = d3.select(`.${targetClass}`);\n          const currentOpacity = +lineSelection.attr(\"opacity\");\n          const newOpacity = currentOpacity === 0 ? 1 : 0;\n\n          lineSelection.attr(\"opacity\", newOpacity);\n\n          svg.selectAll(\".legend-status\")\n              .filter((_, j) => j === legendIndex)\n              .text(newOpacity === 1 ? \"On\" : \"Off\");\n\n          svg.selectAll(\".legend-label\")\n              .filter((_, j) => j === legendIndex)\n              .style(\"opacity\", 1)\n              .style(\"fill\", newOpacity === 1 ? legendSettings.textColor : \"gray\");\n\n          svg.selectAll(\".legend-circle\")\n              .filter((_, j) => j === legendIndex)\n              .style(\"opacity\", 1)\n              .style(\"fill\", newOpacity === 1 ? color(keys[legendIndex]) : \"gray\");\n        }\n\n        // Legend container'ı oluşturma\n        const legendGroup = svg.append(\"g\")\n            .attr(\"class\", \"legend\")\n            .attr(\"transform\", `translate(0, ${innerHeight + margin.top})`); // başlangıçta x'ı 0 yapıyoruz\n\n        // Her legend item için ayrı bir grup oluşturup, başlangıçta konumlandırmayı sıfırlıyoruz.\n        const legendItems = legendGroup.selectAll(\".legend-item\")\n            .data(keys)\n            .enter()\n            .append(\"g\")\n            .attr(\"class\", \"legend-item\")\n            .attr(\"transform\", \"translate(0,0)\");\n\n        // Her legend item içerisinde dot (çember) oluşturuyoruz\n        legendItems.append(\"circle\")\n            .attr(\"class\", \"legend-circle\")\n            .attr(\"cx\", 0)\n            .attr(\"cy\", 0)\n            .attr(\"r\", 7)\n            .style(\"fill\", (d, i) => {\n              if (!toggleLines.length) return color(d);\n              return (i === mediaIndex ? color(d) : \"gray\");\n            })\n            .style(\"opacity\", (d, i) => initialOpacities[i])\n            .on(\"click\", function (event, d) {\n              const legendIndex = legendItems.nodes().indexOf(this.parentNode);\n              if (legendIndex === mediaIndex) return; // \"Media\" değişmez\n              toggleLine(legendIndex);\n            });\n\n        // Her legend item içerisinde label (metin) oluşturuyoruz\n        legendItems.append(\"text\")\n            .attr(\"class\", \"legend-label\")\n            .attr(\"x\", 10) // Dot ile label arasındaki sabit mesafe\n            .attr(\"y\", 0)\n            .attr(\"dy\", \"0.35em\")\n            .style(\"fill\", (d, i) => {\n              if (!toggleLines.length) return legendSettings.textColor;\n              return (i === mediaIndex ? legendSettings.textColor : \"gray\");\n            })\n            .style(\"opacity\", (d, i) => initialOpacities[i])\n            .text(d => d)\n            .style(\"text-anchor\", \"start\")\n            .on(\"click\", function (event, d) {\n              const legendIndex = legendItems.nodes().indexOf(this.parentNode);\n              if (legendIndex === mediaIndex) return; // \"Media\" değişmez\n              toggleLine(legendIndex);\n            });\n\n        // Legend item'lerin genişliklerini ölçerek kümülatif bir x offset hesaplıyoruz.\n        let currentX = 0;\n        const gap = 20; // Her legend item arasındaki ekstra boşluk (piksel cinsinden)\n        legendItems.each(function (d, i) {\n          // Bu elementin genişliğini alıyoruz (daha önce oluşturulan tüm elementleri kapsar)\n          const bbox = this.getBBox();\n          // Bu legend item'i yeni x konumuna taşıyoruz\n          d3.select(this).attr(\"transform\", `translate(${currentX},0)`);\n          // currentX'i güncelliyoruz: mevcut element genişliği artı boşluk kadar\n          currentX += bbox.width + gap;\n        });\n\n        // Tüm legend'ı, innerWidth'e göre yatayda ortalamak isterseniz:\n        legendGroup.attr(\"transform\", `translate(${(innerWidth - currentX) / 2}, ${innerHeight + margin.top})`);\n\n\n        // Eğer toggleLines doluysa, başlangıçta \"Media\" dışındaki tüm çizgileri gizliyoruz\n        if (toggleLines.length) {\n          keys.forEach((key, legendIndex) => {\n            if (legendIndex === mediaIndex) return; // \"Media\" hep görünür\n            const toggleIndex = getToggleIndex(legendIndex);\n            const targetLine = toggleLines[toggleIndex];\n            d3.select(`.history-line-${targetLine}`)\n                .attr(\"opacity\", 0);\n          });\n        }\n      }\n\n\n\n\n\n\n\n\n      // Function to handle the double-click logic\n      function handleDoubleClick() {\n        x.domain(d3.extent([...historyData, ...forecastData], d => d.date));\n        // console.log(x.domain);\n        xBand.domain(historyData.map(d => d.date));\n\n        const desiredSpacing = 80; // Minimum spacing between ticks in pixels\n        const maxTicks = Math.floor(innerWidth / desiredSpacing); // Adjust tick count based on available space\n\n        xAxis.call(d3.axisBottom(x)\n            .ticks(Math.min(historyData.length, maxTicks))\n            .tickFormat(d3.timeFormat(\"%b %e\")))\n            .selectAll(\"text\")\n            .attr(\"y\", 10)\n            .attr(\"text-anchor\", \"middle\"); // Keep alignment centered\n\n        xAxis.selectAll(\"text\")\n            .attr(\"font-family\", textSettings.fontFamily)\n            .attr(\"font-weight\", textSettings.fontWeight)\n            .attr(\"font-size\", textSettings.fontSize)\n\n        // Adjust X-axis thickness\n        xAxis.selectAll(\"path\")\n            .style(\"stroke-width\", \"0.5px\");\n        xAxis.selectAll(\"line\")\n            .style(\"stroke-width\", \"0.5px\");\n\n        lineKeys.forEach((key) => {\n          line.select(`.history-line-${key}`)\n              .transition()\n              .attr(\"d\", d3.line()\n                  .x(d => x(d.date))\n                  .y(d => y1(d[key]))\n                  .curve(d3.curveBasis)\n              );\n        });\n\n        line.select(\".forecast-line\")\n            .transition()\n            .attr(\"d\", d3.line()\n                .x(d => x(d.date))\n                .y(d => y1(d.line))\n            );\n\n        line.selectAll(\".history-bars rect\")\n            .transition()\n            .attr(\"x\", d => x(d.date) - (barWidth / 2))\n            .attr(\"y\", d => y2(d.bar))\n            .attr(\"width\", barWidth)\n            .attr(\"height\", d => y2(0) - y2(d.bar));\n\n        line.select(\".separation-line\")\n            .transition()\n            .attr(\"x1\", x(d3.max(historyData, d => d.date)))\n            .attr(\"x2\", x(d3.max(historyData, d => d.date)));\n\n        line.select(\".forecast-area\")\n            .transition()\n            .attr(\"fill\", \"url(#forecastGradient)\")\n            .attr(\"stroke\", \"none\")\n            .attr(\"d\", d3.area()\n                .x(d => x(d.date))\n                .y0(d => y1(d.lowerY))\n                .y1(d => y1(d.upperY))\n            );\n\n        if (chartTypes.stepAreaChartEnabled) {\n          stepArea.select(\".myStepArea\")\n              .transition()\n              .attr(\"d\", d3.area()\n                  .x(d => x(d.date))\n                  .y0(y1(0))\n                  .y1(d => y1(d.area))\n                  .curve(d3.curveStep)\n              )\n\n          stepArea.select(\".myStepArea-stroke\")\n              .transition()\n              .attr(\"d\", d3.line()\n                  .x(d => x(d.date))\n                  .y(d => y1(d.area))\n                  .curve(d3.curveStep)\n              )\n        }\n\n        if (chartTypes.basisAreaChartEnabled) {\n          basisArea.select(\".myBasisArea\")\n              .transition()\n              .attr(\"d\", d3.area()\n                  .x(d => x(d.date))\n                  .y0(y1(0))\n                  .y1(d => y1(d.area))\n                  .curve(d3.curveBasis)\n              )\n\n          basisArea.select(\".myBasisArea-stroke\")\n              .transition()\n              .attr(\"d\", d3.line()\n                  .x(d => x(d.date))\n                  .y(d => y1(d.area))\n                  .curve(d3.curveBasis)\n              )\n        }\n\n        if (chartTypes.lineChartEnabled) {\n          // Update the glowing star position based on new scales\n          if (glowingCircle) {\n            glowingCircle\n                .transition()\n                .attr(\"cx\", x(starPoint.date))\n                .attr(\"cy\", y1(starPoint.line1));\n          }\n        }\n\n        if (chartTypes.stepAreaChartEnabled || chartTypes.basisAreaChartEnabled) {\n          // Update the glowing star position based on new scales\n          glowingCircle\n              .transition()\n              .attr(\"cx\", x(starPoint.date))\n              .attr(\"cy\", y1(starPoint.area));\n        }\n      }\n\n      // Create a group for the home icon\n      const homeIconGroup = svg.append(\"g\")\n          .attr(\"class\", \"home-icon\")\n          .on(\"click\", function () {\n            // Define the action when the icon is clicked\n            console.log(\"Home icon clicked!\");\n            // Call the double-click logic\n            handleDoubleClick();\n          })\n          .on(\"mouseover\", function () {\n            homeIconGroup.selectAll(\"*\").attr(\"fill\", zoomOutIconSettings.mouseOverColor);\n            d3.select(this).style(\"cursor\", \"pointer\"); // Change cursor to pointer\n          })\n          .on(\"mouseout\", function () {\n            homeIconGroup.selectAll(\"*\").attr(\"fill\", zoomOutIconSettings.iconColor);\n            d3.select(this).style(\"cursor\", \"default\"); // Revert cursor to default\n          })\n\n      // Define the dimensions for the house icon\n      const houseWidth = 15;\n      const houseHeight = 10;\n      const roofHeight = 8;\n\n      // Create the house body (as a polygon)\n      homeIconGroup.append(\"polygon\")\n          .attr(\"points\", `\n                      ${30 + innerWidth}, ${-30 - roofHeight}\n                      ${30 + innerWidth + houseWidth},${-30 - roofHeight}\n                      ${30 + innerWidth + houseWidth},${-30 - roofHeight + houseHeight}\n                      ${30 + innerWidth + (2 * houseWidth) / 3}, ${-30 - roofHeight + houseHeight}\n                      ${30 + innerWidth + (2 * houseWidth) / 3}, ${-30 - roofHeight + houseHeight / 2}\n                      ${30 + innerWidth + houseWidth / 3}, ${-30 - roofHeight + houseHeight / 2}\n                      ${30 + innerWidth + houseWidth / 3}, ${-30 - roofHeight + houseHeight}\n                      ${30 + innerWidth}, ${-30 - roofHeight + houseHeight}\n                 `)\n          .attr(\"fill\", zoomOutIconSettings.iconColor); // Set the fill color for the house body\n\n      // Create the roof (a triangle)\n      homeIconGroup.append(\"polygon\")\n          .attr(\"points\", `\n                      ${innerWidth + 30},${-roofHeight - 30}\n                      ${innerWidth + houseWidth / 2 + 30},${-roofHeight - roofHeight - 30}\n                      ${innerWidth + houseWidth + 30},${-roofHeight - 30}`\n          )\n          .attr(\"fill\", zoomOutIconSettings.iconColor); // Set the fill color\n\n      let idleTimeout;\n      function idled() { idleTimeout = null; }\n\n      function updateChart(event) {\n        const extent = event.selection;\n        let newDomain;\n\n        if (!extent) {\n          if (!idleTimeout) return idleTimeout = setTimeout(idled, 350);\n          x.domain([4, 8]);\n\n        } else {\n          // Update the x domain based on the brush selection\n          newDomain = extent.map((d) => x.invert(d));\n\n          x.domain(newDomain);\n\n          // Recalculate the new barWidth after zooming/brush\n          let barWidth;\n\n          if (historyData.length > 1) {\n            barWidth = this.calculateBarWidth({ historyData, forecastData, innerWidth, zoomedDomain: newDomain });\n\n          } else {\n            // Default bar width for a single data point\n            barWidth = innerWidth * 0.8; // Allow a wide bar with no padding\n          }\n\n          line.select(\".brush\").call(brush.move, null);\n\n          line.selectAll(\".history-bars rect\")\n              .transition()\n              .duration(1000)\n              .attr(\"x\", d => x(d.date) - (barWidth / 2))\n              .attr(\"y\", d => y2(d.bar))\n              .attr(\"width\", barWidth)\n              .attr(\"height\", d => y2(0) - y2(d.bar));\n        }\n        // Get the start and end dates\n        const [startDate, endDate] = newDomain;\n\n        // İki tarih arasındaki farkı gün cinsinden hesapla\n        const zoomedDays = (endDate - startDate) / (1000 * 60 * 60 * 24); // Milisaniyeden güne dönüştürme\n\n        console.log(\"zoomedDays\", (Math.ceil(zoomedDays) + 1))\n\n        const desiredSpacing = 80; // Minimum spacing between ticks in pixels\n        const maxTicks = Math.floor(innerWidth / desiredSpacing); // Adjust tick count based on available space\n\n        const zoomedData = historyData.filter(d => {\n          return d.date >= startDate && d.date <= endDate;\n        });\n\n        xAxis.call(d3.axisBottom(x)\n            .ticks(Math.min(zoomedData.length, maxTicks))\n            .tickFormat(d3.timeFormat(\"%b %e\")))\n            .selectAll(\"text\")\n            .attr(\"y\", 10)\n            .attr(\"text-anchor\", \"middle\"); // Keep alignment centered\n\n\n        xAxis.selectAll(\"text\")\n            .attr(\"font-family\", textSettings.fontFamily)\n            .attr(\"font-weight\", textSettings.fontWeight)\n            .attr(\"font-size\", textSettings.fontSize);\n\n        if (chartTypes.stepAreaChartEnabled) {\n          stepArea.select(\".myStepArea\")\n              .transition()\n              .duration(1000)\n              .attr(\"d\", d3.area()\n                  .x(d => x(d.date))\n                  .y0(y1(0))\n                  .y1(d => y1(d.area))\n                  .curve(d3.curveStep)\n              )\n\n          stepArea.select(\".myStepArea-stroke\")\n              .transition()\n              .duration(1000)\n              .attr(\"d\", d3.line()\n                  .x(d => x(d.date))\n                  .y(d => y1(d.area))\n                  .curve(d3.curveStep)\n              );\n        }\n\n        if (chartTypes.basisAreaChartEnabled) {\n          basisArea.select(\".myBasisArea\")\n              .transition()\n              .duration(1000)\n              .attr(\"d\", d3.area()\n                  .x(d => x(d.date))\n                  .y0(y1(0))\n                  .y1(d => y1(d.area))\n                  .curve(d3.curveBasis)\n              )\n\n          basisArea.select(\".myBasisArea-stroke\")\n              .transition()\n              .duration(1000)\n              .attr(\"d\", d3.line()\n                  .x(d => x(d.date))\n                  .y(d => y1(d.area))\n                  .curve(d3.curveBasis)\n              );\n        }\n\n\n        lineKeys.forEach((key) => {\n          line.select(`.history-line-${key}`)\n              .transition()\n              .duration(1000)\n              .attr(\"d\", d3.line()\n                  .x(d => x(d.date))\n                  .y(d => y1(d[key]))\n                  .curve(d3.curveBasis)\n              );\n        });\n\n\n        line.select(\".forecast-line\")\n            .transition()\n            .duration(1000)\n            .attr(\"d\", d3.line()\n                .x(d => x(d.date))\n                .y(d => y1(d.line))\n            );\n\n        line.select(\".separation-line\")\n            .transition()\n            .duration(1000)\n            .attr(\"x1\", x(d3.max(historyData, d => d.date)))\n            .attr(\"x2\", x(d3.max(historyData, d => d.date)));\n\n        line.select(\".forecast-area\")\n            .transition()\n            .duration(1000)\n            .attr(\"fill\", \"url(#forecastGradient)\")\n            .attr(\"stroke\", \"none\")\n            .attr(\"d\", d3.area()\n                .x(d => x(d.date))\n                .y0(d => y1(d.lowerY))\n                .y1(d => y1(d.upperY))\n\n            )\n\n        if (chartTypes.lineChartEnabled) {\n          // Update the glowing star position based on new scales\n          if (glowingCircle) {\n            glowingCircle\n                .transition()\n                .duration(1000)\n                .attr(\"cx\", x(starPoint.date))\n                .attr(\"cy\", y1(starPoint.line1));\n          }\n        }\n\n        if (chartTypes.stepAreaChartEnabled || chartTypes.basisAreaChartEnabled) {\n          // Update the glowing star position based on new scales\n          glowingCircle\n              .transition()\n              .duration(1000)\n              .attr(\"cx\", x(starPoint.date))\n              .attr(\"cy\", y1(starPoint.area));\n        }\n\n      }\n\n      svg.on(\"dblclick\", function () {\n        handleDoubleClick();\n      });\n    }\n  }\n}\n</script>\n<style>\n.glowing-star {\n  fill: white;\n  stroke: white;\n  stroke-width: 3;\n}\n\n/* Shining animation for the glow */\n@keyframes pulse {\n  from {\n    r: 5;\n    opacity: 1;\n    filter: blur(1px);\n  }\n\n  to {\n    r: 7;\n    opacity: 1;\n    filter: blur(3px);\n  }\n}\n\n/* Filter for outer glow */\n.glowing {\n  filter: url(#glow);\n  animation: pulse 1.5s infinite alternate;\n}\n</style>","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!./ForecastLineChart.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!./ForecastLineChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ForecastLineChart.vue?vue&type=template&id=287c7542\"\nimport script from \"./ForecastLineChart.vue?vue&type=script&lang=js\"\nexport * from \"./ForecastLineChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./ForecastLineChart.vue?vue&type=style&index=0&id=287c7542&prod&lang=css\"\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"],"sourceRoot":""}