@mozaic-ds/web-components 0.5.0 → 0.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","sources":["../../../node_modules/d3-shape/src/offset/none.js","../../../node_modules/d3-shape/src/order/none.js","../../../node_modules/d3-shape/src/stack.js","../../../src/components/chart/StackedBarChart.svelte"],"sourcesContent":["export default function(series, order) {\n  if (!((n = series.length) > 1)) return;\n  for (var i = 1, j, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {\n    s0 = s1, s1 = series[order[i]];\n    for (j = 0; j < m; ++j) {\n      s1[j][1] += s1[j][0] = isNaN(s0[j][1]) ? s0[j][0] : s0[j][1];\n    }\n  }\n}\n","export default function(series) {\n  var n = series.length, o = new Array(n);\n  while (--n >= 0) o[n] = n;\n  return o;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport offsetNone from \"./offset/none.js\";\nimport orderNone from \"./order/none.js\";\n\nfunction stackValue(d, key) {\n  return d[key];\n}\n\nfunction stackSeries(key) {\n  const series = [];\n  series.key = key;\n  return series;\n}\n\nexport default function() {\n  var keys = constant([]),\n      order = orderNone,\n      offset = offsetNone,\n      value = stackValue;\n\n  function stack(data) {\n    var sz = Array.from(keys.apply(this, arguments), stackSeries),\n        i, n = sz.length, j = -1,\n        oz;\n\n    for (const d of data) {\n      for (i = 0, ++j; i < n; ++i) {\n        (sz[i][j] = [0, +value(d, sz[i].key, j, data)]).data = d;\n      }\n    }\n\n    for (i = 0, oz = array(order(sz)); i < n; ++i) {\n      sz[oz[i]].index = i;\n    }\n\n    offset(sz, oz);\n    return sz;\n  }\n\n  stack.keys = function(_) {\n    return arguments.length ? (keys = typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : keys;\n  };\n\n  stack.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), stack) : value;\n  };\n\n  stack.order = function(_) {\n    return arguments.length ? (order = _ == null ? orderNone : typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : order;\n  };\n\n  stack.offset = function(_) {\n    return arguments.length ? (offset = _ == null ? offsetNone : _, stack) : offset;\n  };\n\n  return stack;\n}\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    select,\n    scaleBand,\n    scaleLinear,\n    axisBottom,\n    axisLeft,\n    Selection,\n    ScaleBand,\n    ScaleLinear,\n    NumberValue,\n    stack,\n    Series,\n  } from 'd3';\n  import { onMount } from 'svelte';\n  import type { StackedBarData, BarMargin } from './bar-chart.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  type StackedData = Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >;\n\n  export let data = '';\n  $: parsedData = data ? (JSON.parse(data) as StackedBarData[]) : [];\n  $: groups = parsedData.map((d: StackedBarData) => d.group);\n  $: subgroups = parsedData[0]\n    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n    : [];\n\n  export let chartheight = '300';\n  $: height = parseInt(chartheight, 10);\n\n  export let backgroundcolor = '#fff';\n  export let scalemax = 50;\n  export let ticknumbers = 4;\n  export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n  export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n\n  export let margins: string;\n  export let svgs: string;\n  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n  export let colors: string;\n  let parsedColor: Record<string, string>;\n  $: parsedColor = colors ? (JSON.parse(colors) as Record<string, string>) : {};\n\n  let _data: string;\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n  let hasMounted = false;\n  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n  let eventHandler = new EventHandler();\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!_data) {\n      render();\n      _data = data;\n    } else if (data !== _data) {\n      update();\n      _data = data;\n    }\n  }\n\n  function getParsedMargins(margins: string): BarMargin {\n    if (margins) return JSON.parse(margins) as BarMargin;\n    else\n      return {\n        top: 10,\n        right: 40,\n        bottom: 20,\n        left: 60,\n        xAxis: 20,\n      } as BarMargin;\n  }\n\n  function getChartWidth() {\n    let chartWidth = select(chart).style('width');\n    if (chartWidth === '' || !chartWidth) {\n      chartWidth = `${window.innerWidth / 2}`;\n    }\n    return parseInt(chartWidth);\n  }\n\n  function getAxes(width: number) {\n    const x = scaleBand()\n      .domain(groups)\n      .range([\n        0,\n        width -\n          (getParsedMargins(margins).left / 2 +\n            getParsedMargins(margins).right / 2),\n      ])\n      .padding(0.2);\n    const y = scaleLinear().domain([0, scalemax]).range([height, 0]);\n    return { x, y };\n  }\n\n  function addRectandles(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    const stackedData = stack().keys(subgroups)(parsedData);\n\n    svg\n      .append('g')\n      .selectAll('g')\n      .data(stackedData)\n      .enter()\n      .append('g')\n      .attr('fill', (d: StackedData) => parsedColor[d.key] || 'black')\n      .attr('class', 'bar')\n      .selectAll('rect')\n      .data((d) => d)\n      .enter()\n      .append('rect')\n      .attr('x', (d) => x(d.data.group.toString())!)\n      .attr('y', (d) => y(d[1]))\n      .attr('width', x.bandwidth())\n      .attr('height', (d) => y(d[0]) - y(d[1]))\n      .style('cursor', 'pointer')\n      .on('mouseout', (_e: MouseEvent, chartEvent) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 1);\n        tooltipData.show = false;\n      })\n      .on('mouseover', (e: MouseEvent, chartEvent: any) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 0.7);\n        const { left, top, width } = (\n          e.target as HTMLElement\n        ).getBoundingClientRect();\n        tooltipData = {\n          show: true,\n          text: chartEvent.data.customtooltip\n            ? chartEvent.data.customtooltip\n            : `${chartEvent[1] - chartEvent[0]}`,\n          left: left,\n          top: top - 50,\n          width,\n        };\n      })\n      .on('click', (_e: MouseEvent, chartEvent) => {\n        eventHandler.dispatch('bar-clicked', chartEvent);\n      });\n  }\n\n  function updateAxes(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .select('.x-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n    svg\n      .select('.y-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n    const width = getChartWidth();\n    svg\n      .selectAll('.y-axis .tick line')\n      .attr('stroke', '#EEEDEA')\n      .attr('stroke-width', '1px')\n      .attr('x2', width);\n  }\n\n  function render() {\n    const width = getChartWidth();\n    const { x, y } = getAxes(width);\n\n    svg = select<HTMLElement, any>(chart)\n      .append('svg')\n      .attr('width', width)\n      .attr(\n        'height',\n        Number(height) +\n          Number(getParsedMargins(margins).top) +\n          Number(getParsedMargins(margins).bottom) +\n          Number(getParsedMargins(margins).xAxis),\n      )\n      .attr('id', 'svg-chart')\n      .append('g')\n      .attr(\n        'transform',\n        `translate(${\n          getParsedMargins(margins).left / 2 +\n          getParsedMargins(margins).right / 2\n        },${getParsedMargins(margins).top})`,\n      );\n\n    svg\n      .append('g')\n      .attr(\n        'transform',\n        `translate(0, ${\n          Number(height) + Number(getParsedMargins(margins).xAxis)\n        })`,\n      )\n      .call(axisBottom(x))\n      .attr('class', 'x-axis')\n      .attr('stroke-width', '0');\n\n    svg\n      .append('g')\n      .call(axisLeft(y).ticks(ticknumbers).tickFormat(tickleftformat))\n      .attr('class', 'y-axis')\n      .attr('stroke-width', '0');\n\n    addRectandles(x, y);\n  }\n\n  function update() {\n    const width = getChartWidth();\n    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n    const { x, y } = getAxes(width);\n    updateAxes(x, y);\n    svg.selectAll('.bar').remove();\n    addRectandles(x, y);\n  }\n\n  function resize() {\n    if (_data) {\n      const width = getChartWidth();\n      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n      const { x, y } = getAxes(width);\n      updateAxes(x, y);\n\n      const stackedData = stack().keys(subgroups)(parsedData);\n      svg\n        .selectAll('.bar')\n        .data(stackedData)\n        .selectAll('rect')\n        .data((d) => d)\n        .attr('x', (d) => x(d.data.group.toString())!)\n        .attr('y', (d) => y(d[1]))\n        .attr('width', x.bandwidth())\n        .attr('height', (d) => y(d[0]) - y(d[1]));\n    }\n  }\n\n  onMount(() => {\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(chart);\n    hasMounted = true;\n  });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n  <div\n    class=\"tooltip\"\n    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n  >\n    {tooltipData.text}\n  </div>\n{/if}\n\n<div class=\"legend\">\n  {#each subgroups as subgroup}\n    <div class=\"legend__item\">\n      <svg class=\"legend__box\">\n        <rect x=\"0\" y=\"0\" width=\"24\" height=\"16\" fill={parsedColor[subgroup]} />\n      </svg>\n      <span class=\"legend__title\">{subgroup}</span>\n    </div>\n  {/each}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n  .legend {\n    margin-top: magic-unit-rem(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    color: $color-grey-999;\n    gap: magic-unit-rem(1);\n    &__item {\n      display: flex;\n      justify-content: center;\n      font-size: $size-font-04;\n      align-items: center;\n    }\n    &__title {\n      white-space: nowrap;\n      margin: 0;\n    }\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.25);\n      height: 16px;\n      width: 24px;\n    }\n  }\n\n  .tooltip {\n    height: auto;\n    background-color: $color-grey-700;\n    border-radius: 4px;\n    color: $color-grey-000;\n    text-align: center;\n    padding: magic-unit-rem(0.5) 0;\n    position: absolute;\n  }\n\n  .pattern {\n    z-index: -1;\n    position: relative;\n  }\n\n  text {\n    font-family: 'LeroyMerlin', sans-serif;\n    font-size: $size-font-04;\n    color: $color-grey-700;\n  }\n</style>\n"],"names":["orderNone","offsetNone","scaleBand","scaleLinear"],"mappings":"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"}
+{"version":3,"file":"StackedBarChart.js","sources":["../../../node_modules/d3-shape/src/offset/none.js","../../../node_modules/d3-shape/src/order/none.js","../../../node_modules/d3-shape/src/stack.js","../../../src/components/chart/StackedBarChart.svelte"],"sourcesContent":["export default function(series, order) {\n  if (!((n = series.length) > 1)) return;\n  for (var i = 1, j, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {\n    s0 = s1, s1 = series[order[i]];\n    for (j = 0; j < m; ++j) {\n      s1[j][1] += s1[j][0] = isNaN(s0[j][1]) ? s0[j][0] : s0[j][1];\n    }\n  }\n}\n","export default function(series) {\n  var n = series.length, o = new Array(n);\n  while (--n >= 0) o[n] = n;\n  return o;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport offsetNone from \"./offset/none.js\";\nimport orderNone from \"./order/none.js\";\n\nfunction stackValue(d, key) {\n  return d[key];\n}\n\nfunction stackSeries(key) {\n  const series = [];\n  series.key = key;\n  return series;\n}\n\nexport default function() {\n  var keys = constant([]),\n      order = orderNone,\n      offset = offsetNone,\n      value = stackValue;\n\n  function stack(data) {\n    var sz = Array.from(keys.apply(this, arguments), stackSeries),\n        i, n = sz.length, j = -1,\n        oz;\n\n    for (const d of data) {\n      for (i = 0, ++j; i < n; ++i) {\n        (sz[i][j] = [0, +value(d, sz[i].key, j, data)]).data = d;\n      }\n    }\n\n    for (i = 0, oz = array(order(sz)); i < n; ++i) {\n      sz[oz[i]].index = i;\n    }\n\n    offset(sz, oz);\n    return sz;\n  }\n\n  stack.keys = function(_) {\n    return arguments.length ? (keys = typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : keys;\n  };\n\n  stack.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), stack) : value;\n  };\n\n  stack.order = function(_) {\n    return arguments.length ? (order = _ == null ? orderNone : typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : order;\n  };\n\n  stack.offset = function(_) {\n    return arguments.length ? (offset = _ == null ? offsetNone : _, stack) : offset;\n  };\n\n  return stack;\n}\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    select,\n    scaleBand,\n    scaleLinear,\n    axisBottom,\n    axisLeft,\n    Selection,\n    ScaleBand,\n    ScaleLinear,\n    NumberValue,\n    stack,\n    Series,\n  } from 'd3';\n  import { onMount } from 'svelte';\n  import type { StackedBarData, BarMargin } from './bar-chart.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  type StackedData = Series<\n    {\n      [key: string]: number;\n    },\n    string\n  >;\n\n  export let data = '';\n  $: parsedData = data ? (JSON.parse(data) as StackedBarData[]) : [];\n  $: groups = parsedData.map((d: StackedBarData) => d.group);\n  $: subgroups = parsedData[0]\n    ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n    : [];\n\n  export let chartheight = '300';\n  $: height = parseInt(chartheight, 10);\n\n  export let backgroundcolor = '#fff';\n  export let scalemax = 50;\n  export let ticknumbers = 4;\n  export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n  export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n    `${Number(d)}`;\n\n  export let margins: string;\n  export let svgs: string;\n  $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n  export let colors: string;\n  let parsedColor: Record<string, string>;\n  $: parsedColor = colors ? (JSON.parse(colors) as Record<string, string>) : {};\n\n  let _data: string;\n  let chart: HTMLDivElement;\n  let svg: Selection<SVGGElement, any, any, any>;\n  let hasMounted = false;\n  let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n  let eventHandler = new EventHandler();\n\n  $: if (data.length > 0 && hasMounted) {\n    if (!_data) {\n      render();\n      _data = data;\n    } else if (data !== _data) {\n      update();\n      _data = data;\n    }\n  }\n\n  function getParsedMargins(margins: string): BarMargin {\n    if (margins) return JSON.parse(margins) as BarMargin;\n    else\n      return {\n        top: 10,\n        right: 40,\n        bottom: 20,\n        left: 60,\n        xAxis: 20,\n      } as BarMargin;\n  }\n\n  function getChartWidth() {\n    let chartWidth = select(chart).style('width');\n    if (chartWidth === '' || !chartWidth) {\n      chartWidth = `${window.innerWidth / 2}`;\n    }\n    return parseInt(chartWidth);\n  }\n\n  function getAxes(width: number) {\n    const x = scaleBand()\n      .domain(groups)\n      .range([\n        0,\n        width -\n          (getParsedMargins(margins).left / 2 +\n            getParsedMargins(margins).right / 2),\n      ])\n      .padding(0.2);\n    const y = scaleLinear().domain([0, scalemax]).range([height, 0]);\n    return { x, y };\n  }\n\n  function addRectandles(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    const stackedData = stack().keys(subgroups)(parsedData);\n\n    svg\n      .append('g')\n      .selectAll('g')\n      .data(stackedData)\n      .enter()\n      .append('g')\n      .attr('fill', (d: StackedData) => parsedColor[d.key] || 'black')\n      .attr('class', 'bar')\n      .selectAll('rect')\n      .data((d) => d)\n      .enter()\n      .append('rect')\n      .attr('x', (d) => x(d.data.group.toString())!)\n      .attr('y', (d) => y(d[1]))\n      .attr('width', x.bandwidth())\n      .attr('height', (d) => y(d[0]) - y(d[1]))\n      .style('cursor', 'pointer')\n      .on('mouseout', (_e: MouseEvent, chartEvent) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 1);\n        tooltipData.show = false;\n      })\n      .on('mouseover', (e: MouseEvent, chartEvent: any) => {\n        const others = svg.selectAll('rect').filter(function (arc) {\n          return arc != chartEvent;\n        });\n        others.style('opacity', 0.7);\n        const { left, top, width } = (\n          e.target as HTMLElement\n        ).getBoundingClientRect();\n        tooltipData = {\n          show: true,\n          text: chartEvent.data.customtooltip\n            ? chartEvent.data.customtooltip\n            : `${chartEvent[1] - chartEvent[0]}`,\n          left: left,\n          top: top - 50,\n          width,\n        };\n      })\n      .on('click', (_e: MouseEvent, chartEvent) => {\n        eventHandler.dispatch('bar-clicked', chartEvent);\n      });\n  }\n\n  function updateAxes(\n    x: ScaleBand<string>,\n    y: ScaleLinear<number, number, never>,\n  ) {\n    svg\n      .select('.x-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n    svg\n      .select('.y-axis')\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n      .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n    const width = getChartWidth();\n    svg\n      .selectAll('.y-axis .tick line')\n      .attr('stroke', '#EEEDEA')\n      .attr('stroke-width', '1px')\n      .attr('x2', width);\n  }\n\n  function render() {\n    const width = getChartWidth();\n    const { x, y } = getAxes(width);\n\n    svg = select<HTMLElement, any>(chart)\n      .append('svg')\n      .attr('width', width)\n      .attr(\n        'height',\n        Number(height) +\n          Number(getParsedMargins(margins).top) +\n          Number(getParsedMargins(margins).bottom) +\n          Number(getParsedMargins(margins).xAxis),\n      )\n      .attr('id', 'svg-chart')\n      .append('g')\n      .attr(\n        'transform',\n        `translate(${\n          getParsedMargins(margins).left / 2 +\n          getParsedMargins(margins).right / 2\n        },${getParsedMargins(margins).top})`,\n      );\n\n    svg\n      .append('g')\n      .attr(\n        'transform',\n        `translate(0, ${\n          Number(height) + Number(getParsedMargins(margins).xAxis)\n        })`,\n      )\n      .call(axisBottom(x))\n      .attr('class', 'x-axis')\n      .attr('stroke-width', '0');\n\n    svg\n      .append('g')\n      .call(axisLeft(y).ticks(ticknumbers).tickFormat(tickleftformat))\n      .attr('class', 'y-axis')\n      .attr('stroke-width', '0');\n\n    addRectandles(x, y);\n  }\n\n  function update() {\n    const width = getChartWidth();\n    chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n    const { x, y } = getAxes(width);\n    updateAxes(x, y);\n    svg.selectAll('.bar').remove();\n    addRectandles(x, y);\n  }\n\n  function resize() {\n    if (_data) {\n      const width = getChartWidth();\n      chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n      const { x, y } = getAxes(width);\n      updateAxes(x, y);\n\n      const stackedData = stack().keys(subgroups)(parsedData);\n      svg\n        .selectAll('.bar')\n        .data(stackedData)\n        .selectAll('rect')\n        .data((d) => d)\n        .attr('x', (d) => x(d.data.group.toString())!)\n        .attr('y', (d) => y(d[1]))\n        .attr('width', x.bandwidth())\n        .attr('height', (d) => y(d[0]) - y(d[1]));\n    }\n  }\n\n  onMount(() => {\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(chart);\n    hasMounted = true;\n  });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n  <div\n    class=\"tooltip\"\n    style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n  >\n    {tooltipData.text}\n  </div>\n{/if}\n\n<div class=\"legend\">\n  {#each subgroups as subgroup}\n    <div class=\"legend__item\">\n      <svg class=\"legend__box\">\n        <rect x=\"0\" y=\"0\" width=\"24\" height=\"16\" fill={parsedColor[subgroup]} />\n      </svg>\n      <span class=\"legend__title\">{subgroup}</span>\n    </div>\n  {/each}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n  {#each parsedSvgs as svg}\n    {@html svg}\n  {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n  .legend {\n    margin-top: magic-unit-rem(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0 magic-unit-rem(1.5);\n    height: 100%;\n    color: $color-grey-999;\n    gap: magic-unit-rem(1);\n    &__item {\n      display: flex;\n      justify-content: center;\n      font-size: $size-font-04;\n      align-items: center;\n    }\n    &__title {\n      white-space: nowrap;\n      margin: 0;\n    }\n    &__box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: magic-unit-rem(0.25);\n      height: 16px;\n      width: 24px;\n    }\n  }\n\n  .tooltip {\n    height: auto;\n    background-color: $color-grey-700;\n    border-radius: 4px;\n    color: $color-grey-000;\n    text-align: center;\n    padding: magic-unit-rem(0.5) 0;\n    position: absolute;\n  }\n\n  .pattern {\n    z-index: -1;\n    position: relative;\n  }\n\n  text {\n    font-family: 'LeroyMerlin', sans-serif;\n    font-size: $size-font-04;\n    color: $color-grey-700;\n  }\n</style>\n"],"names":["none$1","series","order","n","length","j","s0","i","s1","m","isNaN","none","o","Array","stackValue","d","key","stackSeries","stack","keys","constant","orderNone","offset","offsetNone","value","data","oz","sz","from","apply","this","arguments","array","index","_","t_value","ctx","text","top","left","width","insert","target","div","anchor","dirty","set_data","t","attr","rect","rect_fill_value","append","svg_1","span","t1","t1_value","html_tag","p","raw_value","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedColor","_data","chart","svg","$$props","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","Number","tickbottomformat","svgs","colors","hasMounted","tooltipData","eventHandler","EventHandler","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","addRectandles","stackedData","subgroups","parsedData","selectAll","enter","group","toString","bandwidth","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","customtooltip","dispatch","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","map","Object","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}

package/public/components/checkbox/Checkbox.js

@@ -1,308 +1,2 @@
-import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, d as space, n as noop, g as attr, h as set_attributes, j as append, B as action_destroyer, l as listen, m as get_spread_update, o as detach, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, t as text, k as set_data } from '../../index-c33b3772.js';
-import { E as EventHandler } from '../../EventHandler-02058705.js';
-import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
-
-/* src/components/checkbox/Checkbox.svelte generated by Svelte v3.58.0 */
-
-function create_if_block(ctx) {
-	let label_1;
-	let t;
-
-	return {
-		c() {
-			label_1 = element("label");
-			t = text(/*label*/ ctx[5]);
-			attr(label_1, "for", /*name*/ ctx[0]);
-			attr(label_1, "class", "mc-checkbox__label");
-		},
-		m(target, anchor) {
-			insert(target, label_1, anchor);
-			append(label_1, t);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*label*/ 32) set_data(t, /*label*/ ctx[5]);
-
-			if (dirty & /*name*/ 1) {
-				attr(label_1, "for", /*name*/ ctx[0]);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(label_1);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div;
-	let input;
-	let input_class_value;
-	let t;
-	let div_class_value;
-	let mounted;
-	let dispose;
-	let if_block = /*label*/ ctx[5] && create_if_block(ctx);
-
-	let div_levels = [
-		{
-			class: div_class_value = "mc-checkbox " + /*userClass*/ ctx[7]
-		},
-		/*attributes*/ ctx[6]
-	];
-
-	let div_data = {};
-
-	for (let i = 0; i < div_levels.length; i += 1) {
-		div_data = assign(div_data, div_levels[i]);
-	}
-
-	return {
-		c() {
-			div = element("div");
-			input = element("input");
-			t = space();
-			if (if_block) if_block.c();
-			this.c = noop;
-			attr(input, "id", /*name*/ ctx[0]);
-			attr(input, "type", "checkbox");
-			attr(input, "class", input_class_value = "mc-checkbox__input " + (/*isinvalid*/ ctx[4] ? ' is-invalid' : ''));
-			attr(input, "aria-invalid", /*isinvalid*/ ctx[4]);
-			attr(input, "name", /*name*/ ctx[0]);
-			input.checked = /*checked*/ ctx[1];
-			input.disabled = /*disabled*/ ctx[3];
-			input.indeterminate = /*indeterminate*/ ctx[2];
-			set_attributes(div, div_data);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, input);
-			append(div, t);
-			if (if_block) if_block.m(div, null);
-
-			if (!mounted) {
-				dispose = [
-					action_destroyer(/*forwardEvents*/ ctx[8].call(null, input)),
-					listen(input, "change", /*handleChange*/ ctx[9])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*name*/ 1) {
-				attr(input, "id", /*name*/ ctx[0]);
-			}
-
-			if (dirty & /*isinvalid*/ 16 && input_class_value !== (input_class_value = "mc-checkbox__input " + (/*isinvalid*/ ctx[4] ? ' is-invalid' : ''))) {
-				attr(input, "class", input_class_value);
-			}
-
-			if (dirty & /*isinvalid*/ 16) {
-				attr(input, "aria-invalid", /*isinvalid*/ ctx[4]);
-			}
-
-			if (dirty & /*name*/ 1) {
-				attr(input, "name", /*name*/ ctx[0]);
-			}
-
-			if (dirty & /*checked*/ 2) {
-				input.checked = /*checked*/ ctx[1];
-			}
-
-			if (dirty & /*disabled*/ 8) {
-				input.disabled = /*disabled*/ ctx[3];
-			}
-
-			if (dirty & /*indeterminate*/ 4) {
-				input.indeterminate = /*indeterminate*/ ctx[2];
-			}
-
-			if (/*label*/ ctx[5]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					if_block.m(div, null);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-
-			set_attributes(div, div_data = get_spread_update(div_levels, [
-				dirty & /*userClass*/ 128 && div_class_value !== (div_class_value = "mc-checkbox " + /*userClass*/ ctx[7]) && { class: div_class_value },
-				dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
-			]));
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div);
-			if (if_block) if_block.d();
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let isChecked;
-	let userClass;
-	let attributes;
-	const omit_props_names = ["name","checked","indeterminate","disabled","isinvalid","label"];
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { name } = $$props;
-	let { checked } = $$props;
-	let { indeterminate } = $$props;
-	let { disabled = false } = $$props;
-	let { isinvalid = false } = $$props;
-	let { label } = $$props;
-	const forwardEvents = createEventForwarder(get_current_component());
-	let eventHandler = new EventHandler();
-
-	function handleChange() {
-		isChecked = !isChecked;
-		eventHandler.dispatch('input', isChecked);
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(13, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(12, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('name' in $$new_props) $$invalidate(0, name = $$new_props.name);
-		if ('checked' in $$new_props) $$invalidate(1, checked = $$new_props.checked);
-		if ('indeterminate' in $$new_props) $$invalidate(2, indeterminate = $$new_props.indeterminate);
-		if ('disabled' in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
-		if ('isinvalid' in $$new_props) $$invalidate(4, isinvalid = $$new_props.isinvalid);
-		if ('label' in $$new_props) $$invalidate(5, label = $$new_props.label);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*checked*/ 2) {
-			isChecked = checked ? true : false;
-		}
-
-		$$invalidate(7, userClass = $$props.class);
-		$$invalidate(6, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty & /*attributes*/ 64) {
-			delete attributes.class;
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		name,
-		checked,
-		indeterminate,
-		disabled,
-		isinvalid,
-		label,
-		attributes,
-		userClass,
-		forwardEvents,
-		handleChange
-	];
-}
-
-class Checkbox extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `@charset "UTF-8";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				name: 0,
-				checked: 1,
-				indeterminate: 2,
-				disabled: 3,
-				isinvalid: 4,
-				label: 5
-			},
-			null
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return ["name", "checked", "indeterminate", "disabled", "isinvalid", "label"];
-	}
-
-	get name() {
-		return this.$$.ctx[0];
-	}
-
-	set name(name) {
-		this.$$set({ name });
-		flush();
-	}
-
-	get checked() {
-		return this.$$.ctx[1];
-	}
-
-	set checked(checked) {
-		this.$$set({ checked });
-		flush();
-	}
-
-	get indeterminate() {
-		return this.$$.ctx[2];
-	}
-
-	set indeterminate(indeterminate) {
-		this.$$set({ indeterminate });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[3];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get isinvalid() {
-		return this.$$.ctx[4];
-	}
-
-	set isinvalid(isinvalid) {
-		this.$$set({ isinvalid });
-		flush();
-	}
-
-	get label() {
-		return this.$$.ctx[5];
-	}
-
-	set label(label) {
-		this.$$set({ label });
-		flush();
-	}
-}
-
-export { Checkbox as default };
+import{S as e,i,a as c,b as t,f as n,s as o,c as a,e as r,d,n as s,g as l,h as m,j as b,B as h,l as g,I as p,m as u,o as x,H as k,p as _,r as f,q as M,t as I,k as v}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";import{c as y}from"../../EventForward-8492ff62.js";function A(e){let i,c;return{c(){i=r("label"),c=I(e[5]),l(i,"for",e[0]),l(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),b(i,c)},p(e,t){32&t&&v(c,e[5]),1&t&&l(i,"for",e[0])},d(e){e&&x(i)}}}function Z(e){let i,c,n,o,_,f,M,I=e[5]&&A(e),v=[{class:_="mc-checkbox "+e[7]},e[6]],w={};for(let e=0;e<v.length;e+=1)w=a(w,v[e]);return{c(){i=r("div"),c=r("input"),o=d(),I&&I.c(),this.c=s,l(c,"id",e[0]),l(c,"type","checkbox"),l(c,"class",n="mc-checkbox__input "+(e[4]?" is-invalid":"")),l(c,"aria-invalid",e[4]),l(c,"name",e[0]),c.checked=e[1],c.disabled=e[3],c.indeterminate=e[2],m(i,w)},m(n,a){t(n,i,a),b(i,c),b(i,o),I&&I.m(i,null),f||(M=[h(e[8].call(null,c)),g(c,"change",p(e[9]))],f=!0)},p(e,[t]){1&t&&l(c,"id",e[0]),16&t&&n!==(n="mc-checkbox__input "+(e[4]?" is-invalid":""))&&l(c,"class",n),16&t&&l(c,"aria-invalid",e[4]),1&t&&l(c,"name",e[0]),2&t&&(c.checked=e[1]),8&t&&(c.disabled=e[3]),4&t&&(c.indeterminate=e[2]),e[5]?I?I.p(e,t):(I=A(e),I.c(),I.m(i,null)):I&&(I.d(1),I=null),m(i,w=u(v,[128&t&&_!==(_="mc-checkbox "+e[7])&&{class:_},64&t&&e[6]]))},i:s,o:s,d(e){e&&x(i),I&&I.d(),f=!1,k(M)}}}function $(e,i,c){let t,n,o;const r=["name","checked","indeterminate","disabled","isinvalid","label"];let d=_(i,r),{name:s}=i,{checked:l}=i,{indeterminate:m}=i,{disabled:b=!1}=i,{isinvalid:h=!1}=i,{label:g}=i;const p=y(f());let u=new w;return e.$$set=e=>{c(13,i=a(a({},i),M(e))),c(12,d=_(i,r)),"name"in e&&c(0,s=e.name),"checked"in e&&c(1,l=e.checked),"indeterminate"in e&&c(2,m=e.indeterminate),"disabled"in e&&c(3,b=e.disabled),"isinvalid"in e&&c(4,h=e.isinvalid),"label"in e&&c(5,g=e.label)},e.$$.update=()=>{2&e.$$.dirty&&(t=!!l),c(7,n=i.class),c(6,o=Object.assign({},d)),64&e.$$.dirty&&delete o.class},i=M(i),[s,l,m,b,h,g,o,n,p,function(){t=!t,u.dispatch("change",t)}]}class j extends e{constructor(e){super();const a=document.createElement("style");a.textContent='@charset "UTF-8";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}',this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},$,Z,o,{name:0,checked:1,indeterminate:2,disabled:3,isinvalid:4,label:5},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","checked","indeterminate","disabled","isinvalid","label"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),n()}get checked(){return this.$$.ctx[1]}set checked(e){this.$$set({checked:e}),n()}get indeterminate(){return this.$$.ctx[2]}set indeterminate(e){this.$$set({indeterminate:e}),n()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),n()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),n()}}export{j as default};
 //# sourceMappingURL=Checkbox.js.map

package/public/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let name: string;\n  export let checked: boolean;\n  export let indeterminate: boolean;\n  export let disabled = false;\n  export let isinvalid = false;\n  export let label: string;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: isChecked = checked ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let eventHandler = new EventHandler();\n\n  function handleChange(): void {\n    isChecked = !isChecked;\n    eventHandler.dispatch('input', isChecked);\n  }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n  <input\n    use:forwardEvents\n    id={name}\n    type=\"checkbox\"\n    class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n    aria-invalid={isinvalid}\n    {name}\n    {checked}\n    {disabled}\n    {indeterminate}\n    on:change={handleChange}\n  />\n  {#if label}\n    <label for={name} class=\"mc-checkbox__label\">{label}</label>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;sBAyCkD,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;iCAAvC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;GAAhB,MAA2D,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,CAAA,CAAA;;;;mDAAb,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;kCAAvC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;0BADb,GAAK,CAAA,CAAA,CAAA,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;2DAba,GAAS,CAAA,CAAA,CAAA;;iBAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;8BAG3C,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;mFAEmB,GAAS,CAAA,CAAA,CAAA,GAAG,aAAa,GAAG,EAAE,CAAA,CAAA,CAAA;6CAC3C,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;GAN3B,MAgBK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GAfH,MAWC,CAAA,GAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;8CADY,GAAY,CAAA,CAAA,CAAA,CAAA;;;;;;;;+BARnB,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;qHAEmB,GAAS,CAAA,CAAA,CAAA,GAAG,aAAa,GAAG,EAAE,CAAA,CAAA,EAAA;;;;;8CAC3C,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;iBAOpB,GAAK,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;;uGAba,GAAS,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA;gDAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;OArBtC,IAAY,EAAA,GAAA,OAAA,CAAA;OACZ,OAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,aAAsB,EAAA,GAAA,OAAA,CAAA;AACtB,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;AAChB,CAAA,IAAA,EAAA,SAAS,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OACjB,KAAa,EAAA,GAAA,OAAA,CAAA;OAElB,aAAa,GAAG,oBAAoB,CAAC,qBAAqB,EAAA,CAAA,CAAA;AAM5D,CAAA,IAAA,YAAY,OAAO,YAAY,EAAA,CAAA;;UAE1B,YAAY,GAAA;AACnB,EAAA,SAAS,IAAI,SAAS,CAAA;AACtB,EAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA,CAAA;;;;;;;;;;;;;;;;AAR1C,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;;;AACrC,EAAG,YAAA,CAAA,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let name: string;\n  export let checked: boolean;\n  export let indeterminate: boolean;\n  export let disabled = false;\n  export let isinvalid = false;\n  export let label: string;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: isChecked = checked ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  let eventHandler = new EventHandler();\n\n  function handleChange(): void {\n    isChecked = !isChecked;\n    eventHandler.dispatch('change', isChecked);\n  }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n  <input\n    use:forwardEvents\n    id={name}\n    type=\"checkbox\"\n    class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n    aria-invalid={isinvalid}\n    {name}\n    {checked}\n    {disabled}\n    {indeterminate}\n    on:change|stopPropagation={handleChange}\n  />\n  {#if label}\n    <label for={name} class=\"mc-checkbox__label\">{label}</label>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["ctx","insert","target","label_1","anchor","create_if_block","div","append","input","class","div_class_value","name","$$props","checked","indeterminate","disabled","isinvalid","label","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","isChecked","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"2VAyCkDA,EAAK,cAAvCA,EAAI,8CAAhBC,EAA2DC,EAAAC,EAAAC,4BAAbJ,EAAK,mBAAvCA,EAAI,sDADbA,EAAK,IAAAK,EAAAL,8BAbaA,EAAS,IAAOA,EAAU,qHAG3CA,EAAI,gEAEmBA,EAAS,GAAG,cAAgB,wBACzCA,EAAS,wFAN3BC,EAgBKC,EAAAI,EAAAF,GAfHG,EAWCD,EAAAE,oEAD4BR,EAAY,oCARnCA,EAAI,wCAEmBA,EAAS,GAAG,cAAgB,8CACzCA,EAAS,mGAOpBA,EAAK,oGAbaA,EAAS,KAAA,CAAAS,MAAAC,SAAOV,EAAU,0KArBtCW,GAAYC,WACZC,GAAgBD,iBAChBE,GAAsBF,GACtBG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,SACjBK,GAAaL,QAElBM,EAAgBC,EAAqBC,KAMvC,IAAAC,MAAmBC,qSAJpBC,IAAYV,GACZW,EAAA,EAAAC,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,0BACXH,EAAWjB,4CAInBc,GAAaA,EACbF,EAAaS,SAAS,SAAUP"}

package/public/components/checkbox/Checkbox.svelte

@@ -21,7 +21,7 @@
 
   function handleChange(): void {
     isChecked = !isChecked;
-    eventHandler.dispatch('input', isChecked);
+    eventHandler.dispatch('change', isChecked);
   }
 </script>
 
@@ -36,7 +36,7 @@
     {checked}
     {disabled}
     {indeterminate}
-    on:change={handleChange}
+    on:change|stopPropagation={handleChange}
   />
   {#if label}
     <label for={name} class="mc-checkbox__label">{label}</label>