{"version":3,"sources":["webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/PerformanceTables.vue?ec06","webpack:///./src/views/ui/adin-d3/SankeyDiagram.vue?66dc","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/Index.vue?1e1c","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/Index.vue?f1d3","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/PerformanceTables.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/PerformanceTables.vue?fbec","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/PerformanceTables.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/PerformanceTables.vue?5acf","webpack:///src/views/ui/adin-d3/SankeyDiagram.vue","webpack:///./src/views/ui/adin-d3/SankeyDiagram.vue?3e22","webpack:///./src/views/ui/adin-d3/SankeyDiagram.vue","webpack:///./src/views/ui/adin-d3/SankeyDiagram.vue?4222","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/Index.vue?7ed8","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/retail-platform-by-brand/Index.vue"],"names":["data","publishersFields","key","label","retailerFields","publishers","publisher","roas","roasRate","revenue","revenueRate","cost","costRate","retailers","retailer","methods","universalFormatter","getIconAndColor","percentage","icon","color","component","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","scopedSlots","_u","fn","_v","_s","item","_e","name","props","type","Object","required","mounted","svg","d3","$refs","chart","append","attr","orderCol1","orderCol2","orderCol3","orderCol4","orderCol5","sankeyLayout","sankey","nodeWidth","nodePadding","nodeSort","a","b","column","arr","indexOf","extent","width","height","nodes","links","forEach","node","newWidth","newHeight","centerY","y0","y1","x1","x0","filter","d","sy","totalSource","sourceLinks","l","value","link","linkHeight","ty","totalTarget","targetLinks","colorScale","selectAll","enter","i","source","target","offset","index","join","sankeyLinkHorizontal","Math","max","tooltip","select","empty","style","on","event","html","transition","duration","pageX","pageY","nodeG","columnTitles","columnPositions","v","minX0","maxX1","sortedColumnPositions","Array","from","sort","columnCenters","map","col","pos","length","xPos","insert","centerX","text","ref","components","PerformanceTables","SankeyDiagram","staticRenderFns"],"mappings":"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","file":"js/chunk-362d50b7.72ff63ee.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerformanceTables.vue?vue&type=style&index=0&id=18acca5f&prod&lang=scss&scoped=true\"","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!./SankeyDiagram.vue?vue&type=style&index=0&id=7ad15117&prod&scoped=true&lang=css\"","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!./Index.vue?vue&type=style&index=0&id=54c1fb77&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('performance-tables'),_c('sankey-diagram',{staticClass:\"mt-2\",attrs:{\"data\":_vm.data}}),_c('b-row',{staticClass:\"mt-5\"},[_c('b-col',[_c('div',{staticClass:\"spent-box p-1 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_vm._v(\" Spent \")]),_c('h1',[_vm._v(\" 1.000.000 TL \")])])]),_c('b-col',[_c('div',{staticClass:\"revenue-box p-1 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_vm._v(\" Revenue \")]),_c('h1',[_vm._v(\" 1.500.000 TL \")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-tabs>\n      <b-tab title=\"Publishers\" active>\n        <b-row>\n          <b-col>\n            <b-table\n              :fields=\"publishersFields\"\n              :items=\"publishers\"\n              striped\n              class=\"perf-metrics\"\n            >\n              <template #cell(roas)=\"data\">\n                <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n                <div class=\"d-flex\">\n                  <p class=\"mb-0\" v-if=\"data.item.roas\">\n                    {{ data.item.roasRate }}%\n                  </p>\n                  <feather-icon\n                    v-if=\"data.item.roas\"\n                    :icon=\"getIconAndColor(data.item.roasRate).icon\"\n                    :color=\"getIconAndColor(data.item.roasRate).color\"\n                    size=\"20\"\n                  />\n                </div>\n              </template>\n              <template #cell(revenue)=\"data\">\n                <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n                <div class=\"d-flex\">\n                  <p class=\"mb-0\" v-if=\"data.item.revenue\">\n                    {{ data.item.revenueRate }}%\n                  </p>\n                  <feather-icon\n                    v-if=\"data.item.revenue\"\n                    :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n                    :color=\"getIconAndColor(data.item.revenueRate).color\"\n                    size=\"20\"\n                  />\n                </div>\n              </template>\n              <template #cell(cost)=\"data\">\n                <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n                <div class=\"d-flex\">\n                  <p class=\"mb-0\" v-if=\"data.item.cost\">\n                    {{ data.item.costRate }}%\n                  </p>\n                  <feather-icon\n                    v-if=\"data.item.cost\"\n                    :icon=\"getIconAndColor(data.item.costRate).icon\"\n                    :color=\"getIconAndColor(data.item.costRate).color\"\n                    size=\"20\"\n                  />\n                </div>\n              </template>\n            </b-table>\n          </b-col>\n        </b-row>\n      </b-tab>\n      <b-tab title=\"Retailers\">\n        <b-row>\n          <b-col>\n            <b-table\n              :fields=\"retailerFields\"\n              :items=\"retailers\"\n              striped\n              class=\"perf-metrics\"\n            >\n              <template #cell(roas)=\"data\">\n                <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n                <div class=\"d-flex\">\n                  <p class=\"mb-0\">{{ data.item.roasRate }}%</p>\n                  <feather-icon\n                    :icon=\"getIconAndColor(data.item.roasRate).icon\"\n                    :color=\"getIconAndColor(data.item.roasRate).color\"\n                    size=\"20\"\n                  />\n                </div>\n              </template>\n              <template #cell(revenue)=\"data\">\n                <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n                <div class=\"d-flex\">\n                  <p class=\"mb-0\">{{ data.item.revenueRate }}%</p>\n                  <feather-icon\n                    :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n                    :color=\"getIconAndColor(data.item.revenueRate).color\"\n                    size=\"20\"\n                  />\n                </div>\n              </template>\n              <template #cell(cost)=\"data\">\n                <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n                <div class=\"d-flex\">\n                  <p class=\"mb-0\">{{ data.item.costRate }}%</p>\n                  <feather-icon\n                    :icon=\"getIconAndColor(data.item.costRate).icon\"\n                    :color=\"getIconAndColor(data.item.costRate).color\"\n                    size=\"20\"\n                  />\n                </div>\n              </template>\n            </b-table>\n          </b-col>\n        </b-row>\n      </b-tab>\n    </b-tabs>\n  </template>\n  \n  <script>\n  import { universalFormatter } from \"@/@core/utils/utils\";\n  export default {\n    // props: {\n    //   publishers: {\n    //     type: Array,\n    //     default: () => [],\n    //   },\n    //   retailers: {\n    //     type: Object,\n    //     default: () => {},\n    //   },\n    // },\n    data() {\n      return {\n        publishersFields: [\n          { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        retailerFields: [\n          { key: \"retailer\", label: \"Performance by Retailer\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        publishers: [\n        {\n          publisher: \"Publisher 1\",\n          roas: 1.5,\n          roasRate: 10,\n          revenue: 1000,\n          revenueRate: 5,\n          cost: 500,\n          costRate: -2,\n        },\n        {\n          publisher: \"Publisher 2\",\n          roas: 2.0,\n          roasRate: 15,\n          revenue: 2000,\n          revenueRate: 10,\n          cost: 1000,\n          costRate: 0,\n        },\n      ],\n      retailers: [\n        {\n          retailer: \"Retailer 1\",\n          roas: 1.8,\n          roasRate: 12,\n          revenue: 1500,\n          revenueRate: 8,\n          cost: 700,\n          costRate: -1,\n        },\n        {\n          retailer: \"Retailer 2\",\n          roas: 2.2,\n          roasRate: 18,\n          revenue: 2500,\n          revenueRate: 12,\n          cost: 1200,\n          costRate: 1,\n        },\n      ],\n      };\n    },\n    methods: {\n      universalFormatter,\n      getIconAndColor(percentage) {\n        if (percentage > 0) {\n          return {\n            icon: \"ArrowUpRightIcon\",\n            color: \"green\",\n          };\n        } else if (percentage < 0) {\n          return {\n            icon: \"ArrowDownRightIcon\",\n            color: \"red\",\n          };\n        } else {\n          return {\n            icon: \"MinusIcon\",\n            color: \"grey\",\n          };\n        }\n      },\n    },\n  \n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  .perf-metrics {\n    height: 100%;\n    outline: $border-color solid 1px;\n    border: 0 !important;\n    border-radius: $border-radius;\n  }\n  .perf-metrics ::v-deep thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    color: white;\n    position: sticky;\n    top: 0;\n  \n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  \n  .perf-metrics ::v-deep tr {\n    height: 40px;\n  \n    &:nth-child(even) td {\n      background-color: rgba(183, 68, 221, 0.069);\n    }\n  \n    &:nth-child(odd) td {\n      background-color: transparent;\n    }\n  }\n  \n  .perf-metrics ::v-deep td {\n    vertical-align: top;\n    height: 70px;\n  }\n  \n  .perf-metrics ::v-deep tr td {\n    height: 5rem;\n  }\n  </style>\n  ","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!./PerformanceTables.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!./PerformanceTables.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerformanceTables.vue?vue&type=template&id=18acca5f&scoped=true\"\nimport script from \"./PerformanceTables.vue?vue&type=script&lang=js\"\nexport * from \"./PerformanceTables.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerformanceTables.vue?vue&type=style&index=0&id=18acca5f&prod&lang=scss&scoped=true\"\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  \"18acca5f\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-tabs',[_c('b-tab',{attrs:{\"title\":\"Publishers\",\"active\":\"\"}},[_c('b-row',[_c('b-col',[_c('b-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.roasRate)+\"% \")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.costRate)+\"% \")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_vm._e()],1)]}}])})],1)],1)],1),_c('b-tab',{attrs:{\"title\":\"Retailers\"}},[_c('b-row',[_c('b-col',[_c('b-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.retailerFields,\"items\":_vm.retailers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]),_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}})],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.revenueRate)+\"%\")]),_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}})],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]),_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}})],1)]}}])})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div ref=\"chart\"></div>\n</template>\n\n<script>\nimport * as d3 from \"d3\";\nimport { sankey, sankeyLinkHorizontal } from \"d3-sankey\";\n\nexport default {\n    name: \"SankeyChart\",\n    props: {\n         data: {\n              type: Object,\n              required: true\n         }\n    },\n    mounted() {\n         const width = 1100;\n         const height = 500;\n\n         const svg = d3\n              .select(this.$refs.chart)\n              .append(\"svg\")\n              .attr(\"width\", width)\n              .attr(\"height\", height);\n\n         // Dışarıdan alınan veriyi kullanıyoruz\n         const data = this.data;\n\n         // 2) ÖZEL SIRALAMA DİZİLERİ\n         const orderCol1 = [\"\"];\n         const orderCol2 = [\"Trendyol\", \"Hepsiburada\", \"Amazon\", \"Watsons\", \"Getir Büyük\", \"Migros\"];\n         const orderCol3 = [\"Google Ads\", \"TikTok\", \"Meta\", \"Criteo\", \"Amazon Ads\"];\n         const orderCol4 = [\"Trendyol\", \"Hepsiburada\", \"Amazon\", \"Watsons\", \"Getir Büyük\", \"Migros\"];\n         const orderCol5 = [\"\"];\n\n         // 3) CUSTOM SIRALAMA FONKSİYONU\n         function customNodeSort(a, b) {\n              if (a.column !== b.column) {\n                   return d3.ascending(a.column, b.column);\n              }\n              let arr;\n              if (a.column === 1) arr = orderCol1;\n              else if (a.column === 2) arr = orderCol2;\n              else if (a.column === 3) arr = orderCol3;\n              else if (a.column === 4) arr = orderCol4;\n              else if (a.column === 5) arr = orderCol5;\n              return d3.ascending(arr.indexOf(a.name), arr.indexOf(b.name));\n         }\n\n         // 4) SANKEY LAYOUT AYARI\n         const sankeyLayout = sankey()\n              .nodeWidth(15)\n              .nodePadding(20)\n              .nodeSort(customNodeSort)\n              .extent([[10, 50], [width - 25, height - 6]]);\n\n         // 5) SANKEY HESABI\n         const { nodes, links } = sankeyLayout(data);\n\n         // 6) 3. kolondaki düğümlerin koordinatlarını güncelleyelim\n         nodes.forEach((node) => {\n              if (node.column === 3) {\n                   const newWidth = 100;\n                   const newHeight = 80;\n                   const centerY = (node.y0 + node.y1) / 2;\n                   node.y0 = centerY - newHeight / 2;\n                   node.y1 = centerY + newHeight / 2;\n                   node.x1 = node.x0 + newWidth;\n              }\n         });\n\n         // 3. kolondaki düğümler için link offsetlerini yeniden hesapla\n         nodes\n              .filter((d) => d.column === 3)\n              .forEach((node) => {\n                   let sy = node.y0;\n                   const totalSource = d3.sum(node.sourceLinks, (l) => l.value);\n                   node.sourceLinks.forEach((link) => {\n                        const linkHeight = (node.y1 - node.y0) * (link.value / totalSource);\n                        link.sy = sy + linkHeight / 2;\n                        sy += linkHeight;\n                   });\n                   let ty = node.y0;\n                   const totalTarget = d3.sum(node.targetLinks, (l) => l.value);\n                   node.targetLinks.forEach((link) => {\n                        const linkHeight = (node.y1 - node.y0) * (link.value / totalTarget);\n                        link.ty = ty + linkHeight / 2;\n                        ty += linkHeight;\n                   });\n              });\n\n         // 7) Renk ölçeği ve gradient tanımlamaları\n         const colorScale = d3.scaleOrdinal(d3.schemeCategory10);\n         const defs = svg.append(\"defs\");\n\n         defs.selectAll(\"linearGradient\")\n              .data(links)\n              .enter()\n              .append(\"linearGradient\")\n              .attr(\"id\", (d, i) => \"gradient\" + i)\n              .attr(\"gradientUnits\", \"userSpaceOnUse\")\n              .attr(\"x1\", (d) => d.source.x1)\n              .attr(\"y1\", (d) => (d.source.y0 + d.source.y1) / 2)\n              .attr(\"x2\", (d) => d.target.x0)\n              .attr(\"y2\", (d) => (d.target.y0 + d.target.y1) / 2)\n              .selectAll(\"stop\")\n              .data((d) => [\n                   {\n                        offset: \"0%\",\n                        color: d.source.color\n                             ? d.source.color\n                             : colorScale(d.source.index)\n                   },\n                   {\n                        offset: \"100%\",\n                        color: d.target.color\n                             ? d.target.color\n                             : colorScale(d.target.index)\n                   }\n              ])\n              .enter()\n              .append(\"stop\")\n              .attr(\"offset\", (d) => d.offset)\n              .attr(\"stop-color\", (d) => d.color);\n\n         // 8) LINK ÇİZİMİ\n         svg.append(\"g\")\n              .attr(\"fill\", \"none\")\n              .selectAll(\"path\")\n              .data(links)\n              .join(\"path\")\n              .attr(\"d\", sankeyLinkHorizontal())\n              .attr(\"stroke\", (d, i) => \"url(#gradient\" + i + \")\")\n              .attr(\"stroke-width\", (d) => Math.max(1, d.width))\n              .attr(\"stroke-opacity\", (d) => {\n                   if (d.source.column === 2 && d.target.column === 3) return 0.25;\n                   if (d.source.column === 3 && d.target.column === 4) return 0.25;\n                   return 0.4;\n              });\n\n         // 9) Tooltip Oluşturma\n         let tooltip = d3.select(\"body\").select(\".tooltip\");\n         if (tooltip.empty()) {\n              tooltip = d3\n                   .select(\"body\")\n                   .append(\"div\")\n                   .attr(\"class\", \"tooltip\")\n                   .style(\"position\", \"absolute\")\n                   .style(\"background\", \"#2D1146\")\n                   .style(\"color\", \"white\")\n                   .style(\"border\", \"1px solid #ccc\")\n                   .style(\"padding\", \"5px\")\n                   .style(\"border-radius\", \"4px\")\n                   .style(\"pointer-events\", \"none\")\n                   .style(\"visibility\", \"hidden\")\n                   .style(\"font-size\", \"12px\")\n                   .style(\"z-index\", \"1000\");\n         }\n\n         svg.selectAll(\"path\")\n              .on(\"mouseover\", function (event, d) {\n                   tooltip\n                        .style(\"visibility\", \"visible\")\n                        .html(\n                             `<strong>From:</strong> ${d.source.name}<br><strong>To:</strong> ${d.target.name}`\n                        );\n\n                   svg.selectAll(\"path\")\n                        .transition()\n                        .duration(200)\n                        .style(\"stroke-opacity\", 0.1);\n\n                   d3.select(this)\n                        .transition()\n                        .duration(200)\n                        .style(\"stroke-opacity\", 1)\n                        .style(\"stroke-width\", (d) => Math.max(1, d.width) * 1.5);\n              })\n              .on(\"mousemove\", function (event) {\n                   tooltip\n                        .style(\"left\", event.pageX + 10 + \"px\")\n                        .style(\"top\", event.pageY - 28 + \"px\");\n              })\n              .on(\"mouseout\", function () {\n                   tooltip.style(\"visibility\", \"hidden\");\n\n                   svg.selectAll(\"path\")\n                        .transition()\n                        .duration(200)\n                        .style(\"stroke-opacity\", (d) => {\n                             if (d.source.column === 2 && d.target.column === 3) return 0.25;\n                             if (d.source.column === 3 && d.target.column === 4) return 0.25;\n                             return 0.4;\n                        })\n                        .style(\"stroke-width\", (d) => Math.max(1, d.width));\n              });\n\n         // 10) NODE ÇİZİMİ\n         const nodeG = svg.append(\"g\")\n              .selectAll(\"g\")\n              .data(nodes)\n              .join(\"g\");\n\n         const columnTitles = {\n              1: \"Cost\",\n              2: \"Retailer\",\n              3: \"Platform\",\n              4: \"Retailer\",\n              5: \"Revenue\"\n         };\n\n         const columnPositions = d3.rollups(\n              nodes,\n              (v) => ({\n                   minX0: d3.min(v, (d) => d.x0),\n                   maxX1: d3.max(v, (d) => d.x1)\n              }),\n              (d) => d.column\n         );\n\n         const sortedColumnPositions = Array.from(columnPositions).sort((a, b) =>\n              d3.ascending(a[0], b[0])\n         );\n         const columnCenters = sortedColumnPositions.map(\n              ([col, pos]) => (pos.minX0 + pos.maxX1) / 2\n         );\n\n         // Sütunlar arası çizgiler\n         for (let i = 0; i < columnCenters.length - 1; i++) {\n              const xPos = (columnCenters[i] + columnCenters[i + 1]) / 2;\n              svg.insert(\"line\", \":first-child\")\n                   .attr(\"x1\", xPos)\n                   .attr(\"x2\", xPos)\n                   .attr(\"y1\", 0)\n                   .attr(\"y2\", height)\n                   .attr(\"stroke\", \"gray\")\n                   .attr(\"stroke-width\", 1)\n                   .attr(\"opacity\", 0.5);\n         }\n\n         columnPositions.forEach(([col, { minX0, maxX1 }]) => {\n              const centerX = (minX0 + maxX1) / 2;\n              const labelY = 20;\n              svg.append(\"text\")\n                   .attr(\"x\", centerX)\n                   .attr(\"y\", labelY)\n                   .attr(\"text-anchor\", \"middle\")\n                   .attr(\"fill\", \"white\")\n                   .style(\"font-weight\", \"bold\")\n                   .style(\"font-size\", \"16px\")\n                   .style(\"text-decoration\", \"underline\")\n                   .text(columnTitles[col]);\n         });\n\n         // 10a) 3. kolondaki düğümlerin çizimi (özel stil)\n         nodeG\n              .filter((d) => d.column === 3)\n              .append(\"rect\")\n              .attr(\"x\", (d) => d.x0)\n              .attr(\"y\", (d) => d.y0)\n              .attr(\"width\", (d) => d.x1 - d.x0)\n              .attr(\"height\", (d) => d.y1 - d.y0)\n              .attr(\"fill\", (d) => (d.color ? d.color : colorScale(d.index)))\n              .attr(\"rx\", 5)\n              .attr(\"ry\", 5);\n\n         nodeG\n              .filter((d) => d.column === 3)\n              .append(\"text\")\n              .attr(\"x\", (d) => (d.x0 + d.x1) / 2)\n              .attr(\"y\", (d) => (d.y0 + d.y1) / 2)\n              .attr(\"dy\", \"0.35em\")\n              .attr(\"text-anchor\", \"middle\")\n              .attr(\"fill\", \"white\")\n              .text((d) => d.name);\n\n         // 10b) Diğer kolonlardaki düğümlerin çizimi\n         nodeG\n              .filter((d) => d.column !== 3)\n              .append(\"rect\")\n              .attr(\"x\", (d) => d.x0)\n              .attr(\"y\", (d) => d.y0)\n              .attr(\"width\", (d) => d.x1 - d.x0)\n              .attr(\"height\", (d) => d.y1 - d.y0)\n              .attr(\"fill\", (d) => (d.color ? d.color : colorScale(d.index)));\n\n         nodeG\n              .filter((d) => d.column !== 3)\n              .append(\"text\")\n              .attr(\"x\", (d) => (d.column < 3 ? d.x0 - 6 : d.x1 + 6))\n              .attr(\"y\", (d) => (d.y0 + d.y1) / 2)\n              .attr(\"dy\", \"0.35em\")\n              .attr(\"text-anchor\", (d) => (d.column < 3 ? \"end\" : \"start\"))\n              .attr(\"fill\", \"white\")\n              .text((d) => d.name);\n    }\n};\n</script>\n\n<style scoped>\ndiv {\n    /* background-color: #1a1a2e; */\n    color: white;\n    font-family: Arial, sans-serif;\n}\n\n.tooltip {\n    /* İsteğe bağlı ek stil ayarları */\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!./SankeyDiagram.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!./SankeyDiagram.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SankeyDiagram.vue?vue&type=template&id=7ad15117&scoped=true\"\nimport script from \"./SankeyDiagram.vue?vue&type=script&lang=js\"\nexport * from \"./SankeyDiagram.vue?vue&type=script&lang=js\"\nimport style0 from \"./SankeyDiagram.vue?vue&type=style&index=0&id=7ad15117&prod&scoped=true&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  \"7ad15117\",\n  null\n  \n)\n\nexport default component.exports","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 }","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!./Index.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!./Index.vue?vue&type=script&lang=js\"","<template>\n  <section>\n    <performance-tables />\n    <sankey-diagram :data=\"data\" class=\"mt-2\"/>\n    <b-row class=\"mt-5\">\n        <b-col>\n            <div class=\"spent-box p-1 d-flex flex-column justify-content-center align-items-center\">\n                <p> Spent </p>\n                <h1> 1.000.000 TL </h1>\n            </div>\n        </b-col>\n        <b-col>\n            <div class=\"revenue-box p-1 d-flex flex-column justify-content-center align-items-center\">\n                <p> Revenue </p>\n                <h1> 1.500.000 TL </h1>\n            </div>\n        </b-col>\n    </b-row>\n\n  </section>\n</template>\n\n<script>\nimport PerformanceTables from \"./PerformanceTables.vue\";\nimport SankeyDiagram from \"@/views/ui/adin-d3/SankeyDiagram.vue\";\n\nexport default {\n    components: {\n        PerformanceTables,\n        SankeyDiagram\n    },\n    data() {\n        return {\n            data : {\n                nodes: [\n                    { name: \"\", column: 1, color: \"#0ff0fc\" },\n                    { name: \"Trendyol\", column: 2, color: \"#ff007f\" },\n                    { name: \"Hepsiburada\", column: 2, color: \"#ffcc00\" },\n                    { name: \"Amazon\", column: 2, color: \"#7df9ff\" },\n                    { name: \"Watsons\", column: 2, color: \"#ff4500\" },\n                    { name: \"Getir Büyük\", column: 2, color: \"#1e90ff\" },\n                    { name: \"Migros\", column: 2, color: \"#ff00ff\" },\n                    { name: \"Google Ads\", column: 3, color: \"#ff4500\" },\n                    { name: \"TikTok\", column: 3, color: \"#ff1493\" },\n                    { name: \"Meta\", column: 3, color: \"#d9ad00\" },\n                    { name: \"Criteo\", column: 3, color: \"#00a552\" },\n                    { name: \"Amazon Ads\", column: 3, color: \"#5508e1\" },\n                    { name: \"Trendyol\", column: 4, color: \"#ff007f\" },\n                    { name: \"Hepsiburada\", column: 4, color: \"#ffcc00\" },\n                    { name: \"Amazon\", column: 4, color: \"#7df9ff\" },\n                    { name: \"Watsons\", column: 4, color: \"#ff4500\" },\n                    { name: \"Getir Büyük\", column: 4, color: \"#1e90ff\" },\n                    { name: \"Migros\", column: 4, color: \"#ff00ff\" },\n                    { name: \"\", column: 5, color: \"#0fd57a\" }\n                ],\n                links: [\n                    { source: 0, target: 1, value: 10 }, { source: 0, target: 2, value: 10 },\n                    { source: 0, target: 3, value: 10 }, { source: 0, target: 4, value: 10 },\n                    { source: 0, target: 5, value: 10 }, { source: 0, target: 6, value: 10 },\n\n                    { source: 1, target: 7, value: 2 }, { source: 1, target: 8, value: 2 },\n                    { source: 1, target: 9, value: 2 }, { source: 1, target: 10, value: 2 },\n                    { source: 1, target: 11, value: 2 },\n\n                    { source: 2, target: 7, value: 2 }, { source: 2, target: 8, value: 2 },\n                    { source: 2, target: 9, value: 2 }, { source: 2, target: 10, value: 2 },\n                    { source: 2, target: 11, value: 2 },\n\n                    { source: 3, target: 7, value: 2 }, { source: 3, target: 8, value: 2 },\n                    { source: 3, target: 9, value: 2 }, { source: 3, target: 10, value: 2 },\n                    { source: 3, target: 11, value: 2 },\n\n                    { source: 4, target: 7, value: 2 }, { source: 4, target: 8, value: 2 },\n                    { source: 4, target: 9, value: 2 }, { source: 4, target: 10, value: 2 },\n                    { source: 4, target: 11, value: 2 },\n\n                    { source: 5, target: 7, value: 2 }, { source: 5, target: 8, value: 2 },\n                    { source: 5, target: 9, value: 2 }, { source: 5, target: 10, value: 2 },\n                    { source: 5, target: 11, value: 2 },\n\n                    { source: 6, target: 7, value: 2 }, { source: 6, target: 8, value: 2 },\n                    { source: 6, target: 9, value: 2 }, { source: 6, target: 10, value: 2 },\n                    { source: 6, target: 11, value: 2 },\n\n                    { source: 7, target: 12, value: 2 }, { source: 7, target: 13, value: 2 },\n                    { source: 7, target: 14, value: 2 }, { source: 7, target: 15, value: 2 },\n                    { source: 7, target: 16, value: 2 }, { source: 7, target: 17, value: 2 },\n\n                    { source: 8, target: 12, value: 2 }, { source: 8, target: 13, value: 2 },\n                    { source: 8, target: 14, value: 2 }, { source: 8, target: 15, value: 2 },\n                    { source: 8, target: 16, value: 2 }, { source: 8, target: 17, value: 2 },\n\n                    { source: 9, target: 12, value: 2 }, { source: 9, target: 13, value: 2 },\n                    { source: 9, target: 14, value: 2 }, { source: 9, target: 15, value: 2 },\n                    { source: 9, target: 16, value: 2 }, { source: 9, target: 17, value: 2 },\n\n                    { source: 10, target: 12, value: 2 }, { source: 10, target: 13, value: 2 },\n                    { source: 10, target: 14, value: 2 }, { source: 10, target: 15, value: 2 },\n                    { source: 10, target: 16, value: 2 }, { source: 10, target: 17, value: 2 },\n\n                    { source: 11, target: 12, value: 2 }, { source: 11, target: 13, value: 2 },\n                    { source: 11, target: 14, value: 2 }, { source: 11, target: 15, value: 2 },\n                    { source: 11, target: 16, value: 2 }, { source: 11, target: 17, value: 2 },\n\n                    { source: 12, target: 18, value: 10 },\n                    { source: 13, target: 18, value: 10 },\n                    { source: 14, target: 18, value: 10 },\n                    { source: 15, target: 18, value: 10 },\n                    { source: 16, target: 18, value: 10 },\n                    { source: 17, target: 18, value: 10 }\n                ]\n            }\n        }\n    }\n}\n</script>\n\n\n<style scoped>\n.spent-box {\n    border: 2px solid rgba(15, 240, 252, 1);\n    border-radius: 10px;\n    background: linear-gradient(0deg, rgba(15, 240, 252, 0.2) 0%, rgba(153, 153, 153, 0) 100%);\n}\n.revenue-box {\n    border: 2px solid rgba(15, 213, 122, 1);\n    border-radius: 10px;\n    background: linear-gradient(0deg, rgba(15, 213, 122, 0.2) 0%, rgba(153, 153, 153, 0) 100%);\n}\n</style>","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=54c1fb77&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=54c1fb77&prod&scoped=true&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  \"54c1fb77\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}