@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/chart/Radar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radar.js","sources":["../../../node_modules/d3-shape/src/symbol/star.js","../../../src/components/chart/Radar.svelte"],"sourcesContent":["import {sin, cos, sqrt, pi, tau} from \"../math.js\";\n\nconst ka = 0.89081309152928522810;\nconst kr = sin(pi / 10) / sin(7 * pi / 10);\nconst kx = sin(tau / 10) * kr;\nconst ky = -cos(tau / 10) * kr;\n\nexport default {\n  draw(context, size) {\n    const r = sqrt(size * ka);\n    const x = kx * r;\n    const y = ky * r;\n    context.moveTo(0, -r);\n    context.lineTo(x, y);\n    for (let i = 1; i < 5; ++i) {\n      const a = tau * i / 5;\n      const c = cos(a);\n      const s = sin(a);\n      context.lineTo(s * r, -c * r);\n      context.lineTo(c * x - s * y, s * x + c * y);\n    }\n    context.closePath();\n  }\n};\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { onMount } from 'svelte';\n\n  import {\n    select,\n    scaleLinear,\n    Selection,\n    line,\n    symbolTriangle,\n    symbolCircle,\n    symbol,\n    symbolSquare,\n    symbolDiamond,\n    symbolStar,\n  } from 'd3';\n  import type { RadarData } from './radar.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let data: string = '';\n  $: parsedData = data ? (JSON.parse(data) as RadarData[]) : [];\n  export let backgroundcolor = '#fff';\n  export let delay = 500;\n  export let sides = 5;\n  export let levels = 10;\n  export let valuemax = 20;\n  export let scalemax = 20;\n  export let hasgrades = false;\n  // Interne variable\n  const symbolPath = [\n    symbol(symbolSquare),\n    symbol(symbolCircle),\n    symbol(symbolTriangle),\n    symbol(symbolDiamond),\n    symbol(symbolStar),\n  ];\n\n  const colors = ['#605F9D', '#00919F', '#758992', '#0B96CC'];\n\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n\n  let hasMounted = false;\n  let eventHandler = new EventHandler();\n\n  let tooltipData = {\n    left: '0px',\n    top: '0px',\n    text: [],\n    title: '',\n    show: false,\n  };\n\n  let size = Math.min(window.innerWidth, window.innerHeight, 400);\n  let offset = Math.PI;\n  let polyangle = (Math.PI * 2) / sides;\n  let r = 0.8 * size;\n  let radius = r / 2;\n  let center = {\n    x: size / 2,\n    y: size / 2,\n  };\n\n  $: dataset = data ? (JSON.parse(data) as RadarData[]) : ([] as RadarData[]);\n  $: scale = scaleLinear().domain([0, scalemax]).range([0, radius]);\n  // Interne methods\n  const getPoint = (length: number, angle: number) => {\n    const point = {\n      x: center.x + length * Math.sin(offset - angle),\n      y: center.y + length * Math.cos(offset - angle),\n    };\n    return point;\n  };\n\n  const graduations = (levels: number): Array<number | string> => {\n    const grades = [];\n    const step = valuemax / levels;\n    for (let i = 0; i <= levels; i++) {\n      const num = step * i;\n      if (Number.isInteger(step)) {\n        grades.push(Number(num));\n      } else {\n        grades.push(num.toFixed(2));\n      }\n    }\n    return grades;\n  };\n\n  const getPath = (points: Array<any>, parent: any) => {\n    const lineGenerator = line()\n      .x((d) => d.x)\n      .y((d) => d.y);\n\n    parent.append('path').attr('d', lineGenerator(points));\n  };\n\n  const getAxis = (ticks: Array<number | string>, levels: number) => {\n    const radarLines = svg.append('g').attr('class', 'radar-lines');\n    const point = getPoint(radius, 0);\n    getPath([center, point], radarLines);\n\n    const gradeLabel = svg.append('g').attr('class', 'ticks');\n\n    ticks.forEach((grade, i) => {\n      const r = (i / levels) * radius;\n      const p = getPoint(r, 0);\n      const points = [\n        p,\n        {\n          ...p,\n          x: p.x - 10,\n        },\n      ];\n      getPath(points, radarLines);\n      if (hasgrades) {\n        getText(grade, p, true, gradeLabel);\n      }\n    });\n  };\n\n  const getLevels = (levels: number, sides: number) => {\n    for (let level = 1; level <= levels; level++) {\n      const hyp = (level / levels) * radius;\n\n      const points = [];\n      for (let vertex = 0; vertex < sides; vertex++) {\n        const angle = vertex * polyangle;\n\n        points.push(getPoint(hyp, angle));\n      }\n      const svgLevel = svg\n        .append('g')\n        .style('fill', 'none')\n        .attr('stroke', '#CCCCCC');\n      getPath([...points, points[0]], svgLevel);\n    }\n  };\n\n  const getLines = (sides: number) => {\n    for (let vertex = 1, i = 0; vertex <= sides; vertex++, i++) {\n      const svgLine = svg.append('g').attr('stroke', '#ccc');\n      const angle = vertex * polyangle;\n      const formatdata = () => {\n        const tooltipData = dataset.map((elem: RadarData, dataIndex) => {\n          let elemPrincipal = elem[vertex];\n          if (dataset[0][vertex].name === elemPrincipal.name) {\n            return {\n              name: `Serie ${dataIndex + 1}`,\n              value: elemPrincipal.value,\n            };\n          }\n          return undefined;\n        });\n        return tooltipData;\n      };\n\n      svgLine.on('mouseover', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', '4');\n        svgLine.attr('stroke-width', '4px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          title: dataset[0][i + 1].name,\n          top: _e.pageY - 25 + 'px',\n          text: formatdata(),\n          show: true,\n        };\n      });\n\n      svgLine.on('mouseout', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', 0);\n        svgLine.attr('stroke-width', '1px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          top: _e.pageY - 25 + 'px',\n          show: false,\n          text: [],\n          title: '',\n        };\n      });\n\n      svgLine.on('click', (_e, chartEvent) => {\n        eventHandler.dispatch('serie-clicked', chartEvent);\n      });\n      const point = getPoint(radius, angle);\n      getPath([center, point], svgLine);\n    }\n  };\n\n  const getSymbols = (points, colors, index) => {\n    svg\n      .selectAll()\n      .data(points)\n      .enter()\n      .append('path')\n      .attr('fill', '#FFF')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '2px')\n      .attr('d', symbolPath[index].size(50))\n      .attr('opacity', 0.4)\n      .attr('transform', (d) => `translate(${d.x},${d.y})`);\n  };\n\n  const getData = (dataset, side, index) => {\n    let points = [];\n    dataset.forEach((d, i) => {\n      const len = scale(d.value);\n      const theta = i * ((2 * Math.PI) / side);\n\n      points.push({\n        ...getPoint(len, theta),\n        value: 'hihihi',\n      });\n    });\n\n    const group = svg\n      .append('g')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '1.5px')\n      .attr('fill-opacity', '0.2')\n      .attr('fill', colors[index]);\n\n    group.on('mousemove', (_e: MouseEvent) => {\n      tooltipData = {\n        left: _e.pageX + 10 + 'px',\n        title: `Serie-${index}`,\n        top: _e.pageY - 25 + 'px',\n        text: dataset,\n        show: true,\n      };\n      group.attr('fill-opacity', '0.6');\n    });\n\n    group.on('mouseout', (_e: MouseEvent) => {\n      tooltipData = {\n        left: '0px',\n        top: '0px',\n        text: [],\n        title: '',\n        show: false,\n      };\n      group.attr('fill-opacity', '0.2');\n    });\n\n    getPath([...points, points[0]], group);\n    getSymbols(points, colors, index);\n  };\n\n  const getText = (text, point, isAxis, group) => {\n    if (isAxis) {\n      // Add rect background\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '11px');\n    } else {\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '12px');\n    }\n  };\n\n  const drawLabels = (dataset, sides: number) => {\n    const groupL = svg.append('g').attr('class', 'labels');\n    for (let vertex = 0; vertex < sides; vertex++) {\n      const angle = vertex * polyangle;\n      const label = dataset[vertex].name;\n      const point = getPoint(0.9 * (size / 2), angle);\n      getText(label, point, false, groupL);\n    }\n  };\n\n  $: if (data.length > 0 && hasMounted) {\n    svg = select(chart)\n      .append('svg')\n      .attr('width', size)\n      .attr('height', size)\n      .append('g');\n\n    renderChart();\n  }\n\n  const renderChart = () => {\n    const ticks = graduations(levels);\n    getLevels(levels, sides);\n    getAxis(ticks, levels);\n    getLines(sides);\n    dataset.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n\n    setTimeout(() => {\n      updateChart(parsedData);\n    }, delay * parsedData.length);\n  };\n\n  function updateChart(data: RadarData[]) {\n    getLines(sides);\n    data.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n  }\n\n  onMount(() => (hasMounted = true));\n</script>\n\n<div\n  bind:this={chart}\n  class=\"chart\"\n  style=\"background-color: {backgroundcolor};\"\n>\n  {#if tooltipData.show}\n    <div\n      class=\"chart__tooltip\"\n      style=\"left: {tooltipData.left}; top: {tooltipData.top};\"\n    >\n      <span><b>{tooltipData.title}</b></span>\n      <div>\n        {#each tooltipData.text as data}\n          {#if data.customtooltip}\n            <div class=\"chart__list\">\n              <span class=\"chart__elem\">{data.customtooltip}</span>\n            </div>\n          {:else}\n            <div class=\"chart__list\">\n              <span class=\"chart__legend\">{data.name}</span>\n              <span class=\"chart__elem\">{data.value}</span>\n            </div>\n          {/if}\n        {/each}\n      </div>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/typography/_t.headings';\n\n  .chart {\n    display: flex;\n    flex-wrap: wrap;\n    background-color: $color-grey-000;\n    justify-content: center;\n    align-items: center;\n\n    &__tooltip {\n      position: absolute;\n      width: auto;\n      height: auto;\n      background-color: white;\n      border: 1px solid #000;\n      border-radius: 4px;\n      min-width: 152px;\n      color: grey;\n\n      padding: magic-unit-rem(0.25) magic-unit-rem(0.5);\n    }\n\n    &__list {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  .chart circle {\n    cursor: pointer;\n  }\n</style>\n"],"names":["symbol","scaleLinear"],"mappings":"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"}
+{"version":3,"file":"Radar.js","sources":["../../../node_modules/d3-shape/src/symbol/star.js","../../../src/components/chart/Radar.svelte"],"sourcesContent":["import {sin, cos, sqrt, pi, tau} from \"../math.js\";\n\nconst ka = 0.89081309152928522810;\nconst kr = sin(pi / 10) / sin(7 * pi / 10);\nconst kx = sin(tau / 10) * kr;\nconst ky = -cos(tau / 10) * kr;\n\nexport default {\n  draw(context, size) {\n    const r = sqrt(size * ka);\n    const x = kx * r;\n    const y = ky * r;\n    context.moveTo(0, -r);\n    context.lineTo(x, y);\n    for (let i = 1; i < 5; ++i) {\n      const a = tau * i / 5;\n      const c = cos(a);\n      const s = sin(a);\n      context.lineTo(s * r, -c * r);\n      context.lineTo(c * x - s * y, s * x + c * y);\n    }\n    context.closePath();\n  }\n};\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import { onMount } from 'svelte';\n\n  import {\n    select,\n    scaleLinear,\n    Selection,\n    line,\n    symbolTriangle,\n    symbolCircle,\n    symbol,\n    symbolSquare,\n    symbolDiamond,\n    symbolStar,\n  } from 'd3';\n  import type { RadarData } from './radar.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  export let data: string = '';\n  $: parsedData = data ? (JSON.parse(data) as RadarData[]) : [];\n  export let backgroundcolor = '#fff';\n  export let delay = 500;\n  export let sides = 5;\n  export let levels = 10;\n  export let valuemax = 20;\n  export let scalemax = 20;\n  export let hasgrades = false;\n  // Interne variable\n  const symbolPath = [\n    symbol(symbolSquare),\n    symbol(symbolCircle),\n    symbol(symbolTriangle),\n    symbol(symbolDiamond),\n    symbol(symbolStar),\n  ];\n\n  const colors = ['#605F9D', '#00919F', '#758992', '#0B96CC'];\n\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n\n  let hasMounted = false;\n  let eventHandler = new EventHandler();\n\n  let tooltipData = {\n    left: '0px',\n    top: '0px',\n    text: [],\n    title: '',\n    show: false,\n  };\n\n  let size = Math.min(window.innerWidth, window.innerHeight, 400);\n  let offset = Math.PI;\n  let polyangle = (Math.PI * 2) / sides;\n  let r = 0.8 * size;\n  let radius = r / 2;\n  let center = {\n    x: size / 2,\n    y: size / 2,\n  };\n\n  $: dataset = data ? (JSON.parse(data) as RadarData[]) : ([] as RadarData[]);\n  $: scale = scaleLinear().domain([0, scalemax]).range([0, radius]);\n  // Interne methods\n  const getPoint = (length: number, angle: number) => {\n    const point = {\n      x: center.x + length * Math.sin(offset - angle),\n      y: center.y + length * Math.cos(offset - angle),\n    };\n    return point;\n  };\n\n  const graduations = (levels: number): Array<number | string> => {\n    const grades = [];\n    const step = valuemax / levels;\n    for (let i = 0; i <= levels; i++) {\n      const num = step * i;\n      if (Number.isInteger(step)) {\n        grades.push(Number(num));\n      } else {\n        grades.push(num.toFixed(2));\n      }\n    }\n    return grades;\n  };\n\n  const getPath = (points: Array<any>, parent: any) => {\n    const lineGenerator = line()\n      .x((d) => d.x)\n      .y((d) => d.y);\n\n    parent.append('path').attr('d', lineGenerator(points));\n  };\n\n  const getAxis = (ticks: Array<number | string>, levels: number) => {\n    const radarLines = svg.append('g').attr('class', 'radar-lines');\n    const point = getPoint(radius, 0);\n    getPath([center, point], radarLines);\n\n    const gradeLabel = svg.append('g').attr('class', 'ticks');\n\n    ticks.forEach((grade, i) => {\n      const r = (i / levels) * radius;\n      const p = getPoint(r, 0);\n      const points = [\n        p,\n        {\n          ...p,\n          x: p.x - 10,\n        },\n      ];\n      getPath(points, radarLines);\n      if (hasgrades) {\n        getText(grade, p, true, gradeLabel);\n      }\n    });\n  };\n\n  const getLevels = (levels: number, sides: number) => {\n    for (let level = 1; level <= levels; level++) {\n      const hyp = (level / levels) * radius;\n\n      const points = [];\n      for (let vertex = 0; vertex < sides; vertex++) {\n        const angle = vertex * polyangle;\n\n        points.push(getPoint(hyp, angle));\n      }\n      const svgLevel = svg\n        .append('g')\n        .style('fill', 'none')\n        .attr('stroke', '#CCCCCC');\n      getPath([...points, points[0]], svgLevel);\n    }\n  };\n\n  const getLines = (sides: number) => {\n    for (let vertex = 1, i = 0; vertex <= sides; vertex++, i++) {\n      const svgLine = svg.append('g').attr('stroke', '#ccc');\n      const angle = vertex * polyangle;\n      const formatdata = () => {\n        const tooltipData = dataset.map((elem: RadarData, dataIndex) => {\n          let elemPrincipal = elem[vertex];\n          if (dataset[0][vertex].name === elemPrincipal.name) {\n            return {\n              name: `Serie ${dataIndex + 1}`,\n              value: elemPrincipal.value,\n            };\n          }\n          return undefined;\n        });\n        return tooltipData;\n      };\n\n      svgLine.on('mouseover', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', '4');\n        svgLine.attr('stroke-width', '4px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          title: dataset[0][i + 1].name,\n          top: _e.pageY - 25 + 'px',\n          text: formatdata(),\n          show: true,\n        };\n      });\n\n      svgLine.on('mouseout', (_e: MouseEvent) => {\n        svgLine.attr('stroke-dasharray', 0);\n        svgLine.attr('stroke-width', '1px');\n        tooltipData = {\n          left: _e.pageX + 10 + 'px',\n          top: _e.pageY - 25 + 'px',\n          show: false,\n          text: [],\n          title: '',\n        };\n      });\n\n      svgLine.on('click', (_e, chartEvent) => {\n        eventHandler.dispatch('serie-clicked', chartEvent);\n      });\n      const point = getPoint(radius, angle);\n      getPath([center, point], svgLine);\n    }\n  };\n\n  const getSymbols = (points, colors, index) => {\n    svg\n      .selectAll()\n      .data(points)\n      .enter()\n      .append('path')\n      .attr('fill', '#FFF')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '2px')\n      .attr('d', symbolPath[index].size(50))\n      .attr('opacity', 0.4)\n      .attr('transform', (d) => `translate(${d.x},${d.y})`);\n  };\n\n  const getData = (dataset, side, index) => {\n    let points = [];\n    dataset.forEach((d, i) => {\n      const len = scale(d.value);\n      const theta = i * ((2 * Math.PI) / side);\n\n      points.push({\n        ...getPoint(len, theta),\n        value: 'hihihi',\n      });\n    });\n\n    const group = svg\n      .append('g')\n      .attr('stroke', colors[index])\n      .attr('stroke-width', '1.5px')\n      .attr('fill-opacity', '0.2')\n      .attr('fill', colors[index]);\n\n    group.on('mousemove', (_e: MouseEvent) => {\n      tooltipData = {\n        left: _e.pageX + 10 + 'px',\n        title: `Serie-${index}`,\n        top: _e.pageY - 25 + 'px',\n        text: dataset,\n        show: true,\n      };\n      group.attr('fill-opacity', '0.6');\n    });\n\n    group.on('mouseout', (_e: MouseEvent) => {\n      tooltipData = {\n        left: '0px',\n        top: '0px',\n        text: [],\n        title: '',\n        show: false,\n      };\n      group.attr('fill-opacity', '0.2');\n    });\n\n    getPath([...points, points[0]], group);\n    getSymbols(points, colors, index);\n  };\n\n  const getText = (text, point, isAxis, group) => {\n    if (isAxis) {\n      // Add rect background\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '11px');\n    } else {\n      group\n        .append('text')\n        .attr('x', point.x)\n        .attr('y', point.y)\n        .html(text)\n        .style('text-anchor', 'middle')\n        .attr('fill', '#3A3936')\n        .style('font-size', '12px');\n    }\n  };\n\n  const drawLabels = (dataset, sides: number) => {\n    const groupL = svg.append('g').attr('class', 'labels');\n    for (let vertex = 0; vertex < sides; vertex++) {\n      const angle = vertex * polyangle;\n      const label = dataset[vertex].name;\n      const point = getPoint(0.9 * (size / 2), angle);\n      getText(label, point, false, groupL);\n    }\n  };\n\n  $: if (data.length > 0 && hasMounted) {\n    svg = select(chart)\n      .append('svg')\n      .attr('width', size)\n      .attr('height', size)\n      .append('g');\n\n    renderChart();\n  }\n\n  const renderChart = () => {\n    const ticks = graduations(levels);\n    getLevels(levels, sides);\n    getAxis(ticks, levels);\n    getLines(sides);\n    dataset.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n\n    setTimeout(() => {\n      updateChart(parsedData);\n    }, delay * parsedData.length);\n  };\n\n  function updateChart(data: RadarData[]) {\n    getLines(sides);\n    data.forEach((dataValue, index) => {\n      getData(dataValue, sides, index);\n      drawLabels(dataValue, sides);\n    });\n  }\n\n  onMount(() => (hasMounted = true));\n</script>\n\n<div\n  bind:this={chart}\n  class=\"chart\"\n  style=\"background-color: {backgroundcolor};\"\n>\n  {#if tooltipData.show}\n    <div\n      class=\"chart__tooltip\"\n      style=\"left: {tooltipData.left}; top: {tooltipData.top};\"\n    >\n      <span><b>{tooltipData.title}</b></span>\n      <div>\n        {#each tooltipData.text as data}\n          {#if data.customtooltip}\n            <div class=\"chart__list\">\n              <span class=\"chart__elem\">{data.customtooltip}</span>\n            </div>\n          {:else}\n            <div class=\"chart__list\">\n              <span class=\"chart__legend\">{data.name}</span>\n              <span class=\"chart__elem\">{data.value}</span>\n            </div>\n          {/if}\n        {/each}\n      </div>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/typography/_t.headings';\n\n  .chart {\n    display: flex;\n    flex-wrap: wrap;\n    background-color: $color-grey-000;\n    justify-content: center;\n    align-items: center;\n\n    &__tooltip {\n      position: absolute;\n      width: auto;\n      height: auto;\n      background-color: white;\n      border: 1px solid #000;\n      border-radius: 4px;\n      min-width: 152px;\n      color: grey;\n\n      padding: magic-unit-rem(0.25) magic-unit-rem(0.5);\n    }\n\n    &__list {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  }\n\n  .chart circle {\n    cursor: pointer;\n  }\n</style>\n"],"names":["kr","sin","pi","kx","tau","ky","cos","symbolStar","draw","context","size","r","sqrt","x","y","moveTo","lineTo","i","a","c","s","closePath","t0_value","ctx","title","each_value","text","length","set_style","div1","left","top","insert","target","anchor","append","span","b","div0","dirty","set_data","t0","name","t2_value","value","div","span0","span1","t2","customtooltip","create_if_block_1","if_block","show","create_if_block","data","$$props","backgroundcolor","delay","sides","levels","valuemax","scalemax","hasgrades","symbolPath","symbol","symbolSquare","symbolCircle","symbolTriangle","symbolDiamond","colors","chart","svg","hasMounted","eventHandler","EventHandler","tooltipData","Math","min","window","innerWidth","innerHeight","offset","PI","polyangle","radius","center","getPoint","angle","getPath","points","parent","lineGenerator","line","d","attr","getLines","vertex","svgLine","formatdata","dataset","map","elem","dataIndex","elemPrincipal","on","_e","pageX","pageY","chartEvent","dispatch","point","getData","side","index","forEach","len","scale","theta","push","Object","assign","group","selectAll","enter","getSymbols","getText","isAxis","html","style","drawLabels","groupL","label","renderChart","ticks","grades","step","num","Number","isInteger","toFixed","graduations","level","hyp","svgLevel","getLevels","radarLines","gradeLabel","grade","p","getAxis","dataValue","setTimeout","updateChart","parsedData","onMount","$$invalidate","JSON","parse","scaleLinear","domain","range","select","$$value"],"mappings":"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"}