@milaboratories/uikit 2.16.0 → 2.16.1

package/dist/components/PlChartHistogram/createSvgContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSvgContainer.js","names":[],"sources":["../../../src/components/PlChartHistogram/createSvgContainer.ts"],"sourcesContent":["import type { ChartOptions } from \"./types\";\nimport { select } from \"d3-selection\";\n\nexport function createSvgContainer(el: HTMLElement, options: ChartOptions) {\n  const { width, height, margin, compact } = options;\n\n  el.replaceChildren();\n\n  if (compact) {\n    el.style.height = height + \"px\";\n    el.style.lineHeight = height + \"px\";\n  }\n\n  const svg = select(el) // Append the SVG element to the body\n    .append(\"svg\")\n    .attr(\"data-testid\", \"pl-chart-histogram-svg\")\n    .attr(\"width\", width + margin.left + margin.right) // Set the total width\n    .attr(\"height\", height + margin.top + margin.bottom) // Set the total height\n    .append(\"g\") // Append a group to handle margins\n    .attr(\"data-testid\", \"pl-chart-histogram-plot\")\n    .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n  return svg;\n}\n"],"mappings":";;AAGA,SAAgB,EAAmB,GAAiB,GAAuB;CACzE,IAAM,EAAE,UAAO,WAAQ,WAAQ,eAAY;AAkB3C,QAhBA,EAAG,iBAAiB,EAEhB,MACF,EAAG,MAAM,SAAS,IAAS,MAC3B,EAAG,MAAM,aAAa,IAAS,OAGrB,EAAO,EAAG,CACnB,OAAO,MAAM,CACb,KAAK,eAAe,yBAAyB,CAC7C,KAAK,SAAS,IAAQ,EAAO,OAAO,EAAO,MAAM,CACjD,KAAK,UAAU,IAAS,EAAO,MAAM,EAAO,OAAO,CACnD,OAAO,IAAI,CACX,KAAK,eAAe,0BAA0B,CAC9C,KAAK,aAAa,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,GAAG"}
+{"version":3,"file":"createSvgContainer.js","names":["createSvgContainer","options","el","compact","height","select","width","margin"],"sources":["../../../src/components/PlChartHistogram/createSvgContainer.ts"],"sourcesContent":["import type { ChartOptions } from \"./types\";\nimport { select } from \"d3-selection\";\n\nexport function createSvgContainer(el: HTMLElement, options: ChartOptions) {\n  const { width, height, margin, compact } = options;\n\n  el.replaceChildren();\n\n  if (compact) {\n    el.style.height = height + \"px\";\n    el.style.lineHeight = height + \"px\";\n  }\n\n  const svg = select(el) // Append the SVG element to the body\n    .append(\"svg\")\n    .attr(\"data-testid\", \"pl-chart-histogram-svg\")\n    .attr(\"width\", width + margin.left + margin.right) // Set the total width\n    .attr(\"height\", height + margin.top + margin.bottom) // Set the total height\n    .append(\"g\") // Append a group to handle margins\n    .attr(\"data-testid\", \"pl-chart-histogram-plot\")\n    .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n  return svg;\n}\n"],"mappings":";;AAGA,SAAgBA,EAAmB,GAAiB,GAAuB;CACzE,IAAM,EAAE,UAAO,WAAQ,WAAQ,eAAYC;CAkB3C,OAhBAC,EAAG,gBAAgB,GAEfC,MACF,EAAG,MAAM,SAASC,IAAS,MAC3B,EAAG,MAAM,aAAaA,IAAS,OAGrBC,EAAOH,CAAE,CAAC,CACnB,OAAO,KAAK,CAAC,CACb,KAAK,eAAe,wBAAwB,CAAC,CAC7C,KAAK,SAASI,IAAQC,EAAO,OAAOA,EAAO,KAAK,CAAC,CACjD,KAAK,UAAUH,IAASG,EAAO,MAAMA,EAAO,MAAM,CAAC,CACnD,OAAO,GAAG,CAAC,CACX,KAAK,eAAe,yBAAyB,CAAC,CAC9C,KAAK,aAAa,aAAaA,EAAO,KAAK,GAAGA,EAAO,IAAI,EAErD;AACT"}

package/dist/components/PlChartHistogram/drawBins.js

@@ -1,5 +1,5 @@
 import { select as e } from "d3-selection";
-//#region src/components/PlChartHistogram/drawBins.ts
+// src/components/PlChartHistogram/drawBins.ts
 function t(t, n, r, i) {
 	let { height: a } = r, { x: o, y: s } = i, c = e("body").append("div").attr("class", "svg-tooltip").attr("data-testid", "pl-chart-histogram-tooltip").style("position", "absolute").style("visibility", "hidden");
 	t.selectAll("rect").data(n).enter().append("rect").attr("data-testid", "pl-chart-histogram-bar").attr("x", (e) => o(e.x0)).attr("y", (e) => s(e.length)).attr("width", (e) => o(e.x1) - o(e.x0)).attr("height", (e) => a - s(e.length)).style("fill", "#929BAD").attr("stroke", "#fff").attr("stroke-opacity", .2).attr("stroke-width", .5).on("mouseover", function(e, t) {
@@ -10,7 +10,6 @@ function t(t, n, r, i) {
 		c.style("visibility", "hidden");
 	}).append("title").text((e) => `[${e.x0}, ${e.x1}]\n` + e.length + "\n");
 }
-//#endregion
 export { t as drawBins };
 
 //# sourceMappingURL=drawBins.js.map

package/dist/components/PlChartHistogram/drawBins.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawBins.js","names":[],"sources":["../../../src/components/PlChartHistogram/drawBins.ts"],"sourcesContent":["import type { BinLike, ChartOptions, Scales, SVG } from \"./types\";\nimport { select } from \"d3-selection\";\n\nexport function drawBins(svg: SVG, bins: BinLike[], dimension: ChartOptions, scales: Scales) {\n  const { height } = dimension;\n\n  const { x, y } = scales;\n\n  const tooltip = select(\"body\")\n    .append(\"div\")\n    .attr(\"class\", \"svg-tooltip\")\n    .attr(\"data-testid\", \"pl-chart-histogram-tooltip\")\n    .style(\"position\", \"absolute\")\n    .style(\"visibility\", \"hidden\");\n\n  // Three function that change the tooltip when user hover / move / leave a cell\n  const mouseover = function (_event: MouseEvent, d: BinLike) {\n    tooltip.style(\"visibility\", \"visible\").text(`count: ${d.length}\\nx0: ${d.x0}\\nx1: ${d.x1}`);\n  };\n\n  const mousemove = function (event: MouseEvent) {\n    tooltip.style(\"top\", event.pageY - 10 + \"px\").style(\"left\", event.pageX + 10 + \"px\");\n  };\n\n  const mouseout = function () {\n    tooltip.style(\"visibility\", \"hidden\");\n  };\n\n  // Add rectangles for the histogram bars\n  svg\n    .selectAll(\"rect\")\n    .data(bins)\n    .enter()\n    .append(\"rect\")\n    .attr(\"data-testid\", \"pl-chart-histogram-bar\")\n    .attr(\"x\", (d) => x(d.x0!)) // Position the bar based on the bin start\n    .attr(\"y\", (d) => y(d.length)) // Height based on bin count\n    .attr(\"width\", (d) => x(d.x1!) - x(d.x0!)) // Bar width based on logarithmic intervals\n    .attr(\"height\", (d) => height - y(d.length)) // Invert height to fit SVG coordinate system\n    .style(\"fill\", \"#929BAD\")\n    .attr(\"stroke\", \"#fff\") // Border color\n    .attr(\"stroke-opacity\", 0.2)\n    .attr(\"stroke-width\", 0.5)\n    .on(\"mouseover\", mouseover)\n    .on(\"mousemove\", mousemove)\n    .on(\"mouseout\", mouseout)\n    .append(\"title\")\n    .text((d) => `[${d.x0}, ${d.x1}]\\n` + d.length + \"\\n\"); // Set bar color\n}\n"],"mappings":";;AAGA,SAAgB,EAAS,GAAU,GAAiB,GAAyB,GAAgB;CAC3F,IAAM,EAAE,cAAW,GAEb,EAAE,MAAG,SAAM,GAEX,IAAU,EAAO,OAAO,CAC3B,OAAO,MAAM,CACb,KAAK,SAAS,cAAc,CAC5B,KAAK,eAAe,6BAA6B,CACjD,MAAM,YAAY,WAAW,CAC7B,MAAM,cAAc,SAAS;AAgBhC,GACG,UAAU,OAAO,CACjB,KAAK,EAAK,CACV,OAAO,CACP,OAAO,OAAO,CACd,KAAK,eAAe,yBAAyB,CAC7C,KAAK,MAAM,MAAM,EAAE,EAAE,GAAI,CAAC,CAC1B,KAAK,MAAM,MAAM,EAAE,EAAE,OAAO,CAAC,CAC7B,KAAK,UAAU,MAAM,EAAE,EAAE,GAAI,GAAG,EAAE,EAAE,GAAI,CAAC,CACzC,KAAK,WAAW,MAAM,IAAS,EAAE,EAAE,OAAO,CAAC,CAC3C,MAAM,QAAQ,UAAU,CACxB,KAAK,UAAU,OAAO,CACtB,KAAK,kBAAkB,GAAI,CAC3B,KAAK,gBAAgB,GAAI,CACzB,GAAG,aA3BY,SAAU,GAAoB,GAAY;AAC1D,IAAQ,MAAM,cAAc,UAAU,CAAC,KAAK,UAAU,EAAE,OAAO,QAAQ,EAAE,GAAG,QAAQ,EAAE,KAAK;GA0BhE,CAC1B,GAAG,aAxBY,SAAU,GAAmB;AAC7C,IAAQ,MAAM,OAAO,EAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,QAAQ,EAAM,QAAQ,KAAK,KAAK;GAuBzD,CAC1B,GAAG,YArBW,WAAY;AAC3B,IAAQ,MAAM,cAAc,SAAS;GAoBZ,CACxB,OAAO,QAAQ,CACf,MAAM,MAAM,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAE,SAAS,KAAK"}
+{"version":3,"file":"drawBins.js","names":["drawBins","dimension","scales","tooltip","select","bins","x","d","y","height","event"],"sources":["../../../src/components/PlChartHistogram/drawBins.ts"],"sourcesContent":["import type { BinLike, ChartOptions, Scales, SVG } from \"./types\";\nimport { select } from \"d3-selection\";\n\nexport function drawBins(svg: SVG, bins: BinLike[], dimension: ChartOptions, scales: Scales) {\n  const { height } = dimension;\n\n  const { x, y } = scales;\n\n  const tooltip = select(\"body\")\n    .append(\"div\")\n    .attr(\"class\", \"svg-tooltip\")\n    .attr(\"data-testid\", \"pl-chart-histogram-tooltip\")\n    .style(\"position\", \"absolute\")\n    .style(\"visibility\", \"hidden\");\n\n  // Three function that change the tooltip when user hover / move / leave a cell\n  const mouseover = function (_event: MouseEvent, d: BinLike) {\n    tooltip.style(\"visibility\", \"visible\").text(`count: ${d.length}\\nx0: ${d.x0}\\nx1: ${d.x1}`);\n  };\n\n  const mousemove = function (event: MouseEvent) {\n    tooltip.style(\"top\", event.pageY - 10 + \"px\").style(\"left\", event.pageX + 10 + \"px\");\n  };\n\n  const mouseout = function () {\n    tooltip.style(\"visibility\", \"hidden\");\n  };\n\n  // Add rectangles for the histogram bars\n  svg\n    .selectAll(\"rect\")\n    .data(bins)\n    .enter()\n    .append(\"rect\")\n    .attr(\"data-testid\", \"pl-chart-histogram-bar\")\n    .attr(\"x\", (d) => x(d.x0!)) // Position the bar based on the bin start\n    .attr(\"y\", (d) => y(d.length)) // Height based on bin count\n    .attr(\"width\", (d) => x(d.x1!) - x(d.x0!)) // Bar width based on logarithmic intervals\n    .attr(\"height\", (d) => height - y(d.length)) // Invert height to fit SVG coordinate system\n    .style(\"fill\", \"#929BAD\")\n    .attr(\"stroke\", \"#fff\") // Border color\n    .attr(\"stroke-opacity\", 0.2)\n    .attr(\"stroke-width\", 0.5)\n    .on(\"mouseover\", mouseover)\n    .on(\"mousemove\", mousemove)\n    .on(\"mouseout\", mouseout)\n    .append(\"title\")\n    .text((d) => `[${d.x0}, ${d.x1}]\\n` + d.length + \"\\n\"); // Set bar color\n}\n"],"mappings":";;AAGA,SAAgBA,EAAS,GAAU,GAAiB,GAAyB,GAAgB;CAC3F,IAAM,EAAE,cAAWC,GAEb,EAAE,MAAG,SAAMC,GAEXC,IAAUC,EAAO,MAAM,CAAC,CAC3B,OAAO,KAAK,CAAC,CACb,KAAK,SAAS,aAAa,CAAC,CAC5B,KAAK,eAAe,4BAA4B,CAAC,CACjD,MAAM,YAAY,UAAU,CAAC,CAC7B,MAAM,cAAc,QAAQ;CAgB/B,EACG,UAAU,MAAM,CAAC,CACjB,KAAKC,CAAI,CAAC,CACV,MAAM,CAAC,CACP,OAAO,MAAM,CAAC,CACd,KAAK,eAAe,wBAAwB,CAAC,CAC7C,KAAK,MAAM,MAAMC,EAAEC,EAAE,EAAG,CAAC,CAAC,CAC1B,KAAK,MAAM,MAAMC,EAAED,EAAE,MAAM,CAAC,CAAC,CAC7B,KAAK,UAAU,MAAMD,EAAEC,EAAE,EAAG,IAAID,EAAEC,EAAE,EAAG,CAAC,CAAC,CACzC,KAAK,WAAW,MAAME,IAASD,EAAED,EAAE,MAAM,CAAC,CAAC,CAC3C,MAAM,QAAQ,SAAS,CAAC,CACxB,KAAK,UAAU,MAAM,CAAC,CACtB,KAAK,kBAAkB,EAAG,CAAC,CAC3B,KAAK,gBAAgB,EAAG,CAAC,CACzB,GAAG,aAAa,SA3BS,GAAoB,GAAY;EAC1D,EAAQ,MAAM,cAAc,SAAS,CAAC,CAAC,KAAK,UAAUA,EAAE,OAAO,QAAQA,EAAE,GAAG,QAAQA,EAAE,IAAI;CAC5F,CAyB4B,CAAC,CAC1B,GAAG,aAAa,SAxBS,GAAmB;EAC7C,EAAQ,MAAM,OAAOG,EAAM,QAAQ,KAAK,IAAI,CAAC,CAAC,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;CACrF,CAsB4B,CAAC,CAC1B,GAAG,YAAY,WArBW;EAC3B,EAAQ,MAAM,cAAc,QAAQ;CACtC,CAmB0B,CAAC,CACxB,OAAO,OAAO,CAAC,CACf,MAAM,MAAM,IAAIH,EAAE,GAAG,IAAIA,EAAE,GAAG,OAAOA,EAAE,SAAS,IAAI;AACzD"}

package/dist/components/PlChartHistogram/drawThreshold.js

@@ -1,9 +1,8 @@
-//#region src/components/PlChartHistogram/drawThreshold.ts
+// src/components/PlChartHistogram/drawThreshold.ts
 function e(e, t, n) {
 	let { threshold: r } = n;
 	r && e.append("line").attr("data-testid", "pl-chart-histogram-threshold").attr("x1", t.x(r)).attr("x2", t.x(r)).attr("y1", 0).attr("y2", n.height).style("stroke", "#F05670").style("stroke-width", "1").style("stroke-dasharray", "7.4 3.2");
 }
-//#endregion
 export { e as drawThreshold };
 
 //# sourceMappingURL=drawThreshold.js.map

package/dist/components/PlChartHistogram/drawThreshold.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawThreshold.js","names":[],"sources":["../../../src/components/PlChartHistogram/drawThreshold.ts"],"sourcesContent":["import type { ChartOptions, Scales, SVG } from \"./types\";\n\nexport function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions) {\n  const { threshold } = options;\n\n  if (!threshold) {\n    return;\n  }\n\n  svg\n    .append(\"line\")\n    .attr(\"data-testid\", \"pl-chart-histogram-threshold\")\n    .attr(\"x1\", scales.x(threshold))\n    .attr(\"x2\", scales.x(threshold))\n    .attr(\"y1\", 0)\n    .attr(\"y2\", options.height)\n    .style(\"stroke\", \"#F05670\")\n    .style(\"stroke-width\", \"1\")\n    .style(\"stroke-dasharray\", \"7.4 3.2\");\n}\n"],"mappings":";AAEA,SAAgB,EAAc,GAAU,GAAgB,GAAuB;CAC7E,IAAM,EAAE,iBAAc;AAEjB,MAIL,EACG,OAAO,OAAO,CACd,KAAK,eAAe,+BAA+B,CACnD,KAAK,MAAM,EAAO,EAAE,EAAU,CAAC,CAC/B,KAAK,MAAM,EAAO,EAAE,EAAU,CAAC,CAC/B,KAAK,MAAM,EAAE,CACb,KAAK,MAAM,EAAQ,OAAO,CAC1B,MAAM,UAAU,UAAU,CAC1B,MAAM,gBAAgB,IAAI,CAC1B,MAAM,oBAAoB,UAAU"}
+{"version":3,"file":"drawThreshold.js","names":["drawThreshold","options","threshold","svg","scales"],"sources":["../../../src/components/PlChartHistogram/drawThreshold.ts"],"sourcesContent":["import type { ChartOptions, Scales, SVG } from \"./types\";\n\nexport function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions) {\n  const { threshold } = options;\n\n  if (!threshold) {\n    return;\n  }\n\n  svg\n    .append(\"line\")\n    .attr(\"data-testid\", \"pl-chart-histogram-threshold\")\n    .attr(\"x1\", scales.x(threshold))\n    .attr(\"x2\", scales.x(threshold))\n    .attr(\"y1\", 0)\n    .attr(\"y2\", options.height)\n    .style(\"stroke\", \"#F05670\")\n    .style(\"stroke-width\", \"1\")\n    .style(\"stroke-dasharray\", \"7.4 3.2\");\n}\n"],"mappings":";AAEA,SAAgBA,EAAc,GAAU,GAAgB,GAAuB;CAC7E,IAAM,EAAE,iBAAcC;CAEtB,AAAKC,KAILC,EACG,OAAO,MAAM,CAAC,CACd,KAAK,eAAe,8BAA8B,CAAC,CACnD,KAAK,MAAMC,EAAO,EAAEF,CAAS,CAAC,CAAC,CAC/B,KAAK,MAAME,EAAO,EAAEF,CAAS,CAAC,CAAC,CAC/B,KAAK,MAAM,CAAC,CAAC,CACb,KAAK,MAAMD,EAAQ,MAAM,CAAC,CAC1B,MAAM,UAAU,SAAS,CAAC,CAC1B,MAAM,gBAAgB,GAAG,CAAC,CAC1B,MAAM,oBAAoB,SAAS;AACxC"}

package/dist/components/PlChartHistogram/histogram.js

@@ -8,7 +8,7 @@ import { normalizeBins as o } from "./normalizeBins.js";
 import { axisBottom as s, axisLeft as c } from "d3-axis";
 import { bin as l, max as u, min as d } from "d3-array";
 import { scaleLinear as f, scaleSymlog as p } from "d3-scale";
-//#region src/components/PlChartHistogram/histogram.ts
+// src/components/PlChartHistogram/histogram.ts
 var m = (e, t) => e.append("g").attr("data-testid", "pl-chart-histogram-x-axis").style("font-size", "14px").style("font-weight", "500").attr("transform", `translate(0,${t})`), h = (e) => e.append("g").attr("data-testid", "pl-chart-histogram-y-axis").style("font-size", "14px").style("font-weight", "500"), g = (e, t) => f().domain([0, u(e, (e) => e.length)]).range([t, 0]);
 function _(r, p, _) {
 	let { width: v, height: y, nBins: b = 10 } = p, x = e(r, p), S = d(_), C = u(_), w = f().domain([S, C]).range([0, v]), T = o(l().domain(w.domain()).thresholds(w.ticks(b))(_)), E = g(T, y);
@@ -53,7 +53,6 @@ function y(l, f, _) {
 		y: T
 	}, f), m(b, y).call(s(w).tickValues(E).tickSize(0)), h(b).call(c(T).tickSize(0)), i(b, f);
 }
-//#endregion
 export { y as createHistogramFromBins, _ as createHistogramLinear, v as createHistogramLog };
 
 //# sourceMappingURL=histogram.js.map

package/dist/components/PlChartHistogram/histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.js","names":[],"sources":["../../../src/components/PlChartHistogram/histogram.ts"],"sourcesContent":["import { createSvgContainer } from \"./createSvgContainer\";\nimport { drawBins } from \"./drawBins\";\nimport { createGridlines } from \"./createGridlines\";\nimport { logspace } from \"./logspace\";\nimport { createLabels } from \"./createLabels\";\nimport type { AnyBin, BinLike, ChartOptions } from \"./types\";\nimport { drawThreshold } from \"./drawThreshold\";\nimport { normalizeBins } from \"./normalizeBins\";\nimport type { Selection } from \"d3-selection\";\nimport { bin, max as d3max, min as d3min } from \"d3-array\";\nimport { scaleLinear, scaleSymlog } from \"d3-scale\";\nimport { axisBottom, axisLeft } from \"d3-axis\";\n\nconst gx = (svg: Selection<SVGGElement, unknown, null, undefined>, height: number) => {\n  return svg\n    .append(\"g\")\n    .attr(\"data-testid\", \"pl-chart-histogram-x-axis\")\n    .style(\"font-size\", \"14px\")\n    .style(\"font-weight\", \"500\")\n    .attr(\"transform\", `translate(0,${height})`);\n};\n\nconst gy = (svg: Selection<SVGGElement, unknown, null, undefined>) => {\n  return svg\n    .append(\"g\")\n    .attr(\"data-testid\", \"pl-chart-histogram-y-axis\")\n    .style(\"font-size\", \"14px\")\n    .style(\"font-weight\", \"500\");\n};\n\nconst createYScale = (bins: BinLike[], height: number) => {\n  return scaleLinear()\n    .domain([0, d3max(bins, (d) => d.length)!]) // Max bin count for the domain\n    .range([height, 0]); // Map to chart height (invert to match SVG coordinates)\n};\n\nexport function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleLinear().domain([min, max]).range([0, width]);\n\n  const bins: BinLike[] = normalizeBins(\n    bin()\n      .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n      .thresholds(x.ticks(nBins))(data),\n  ); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  createGridlines(svg, options, { x, y }, (x) => x.ticks(6));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleSymlog()\n    .domain([min, max]) // Input range (min and max values of the data)\n    .range([0, width])\n    .nice(); // Output range (width of the chart)\n\n  const createThresholds = (n: number) => {\n    const res = [];\n\n    for (let i = 0; i <= n; i++) {\n      res.push(Number(x.invert(width * (i / n)).toFixed(2)));\n    }\n\n    return res;\n  };\n\n  const bins = normalizeBins(\n    bin()\n      .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n      .thresholds(createThresholds(nBins))(data),\n  ); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]) {\n  const { width, height } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const bins = normalizeBins(_bins);\n\n  const min = d3min(bins, (b) => b.x0) as number;\n  const max = d3max(bins, (b) => b.x1) as number;\n\n  const x = scaleSymlog().domain([min, max]).range([0, width]).nice();\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n"],"mappings":"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"}
+{"version":3,"file":"histogram.js","names":["d3max","min","d3min","max","gx","svg","height","gy","createYScale","scaleLinear","max","bins","d","createHistogramLinear","options","createSvgContainer","el","min$1","min","data","max$1","x","width","normalizeBins","bin","nBins","y","createGridlines","drawBins","drawThreshold","axisBottom","axisLeft","createLabels","createHistogramLog","min$2","max$2","scaleSymlog","res","i","n","tickValues","logspace","createHistogramFromBins","_bins","min$3","b","max$3"],"sources":["../../../src/components/PlChartHistogram/histogram.ts"],"sourcesContent":["import { createSvgContainer } from \"./createSvgContainer\";\nimport { drawBins } from \"./drawBins\";\nimport { createGridlines } from \"./createGridlines\";\nimport { logspace } from \"./logspace\";\nimport { createLabels } from \"./createLabels\";\nimport type { AnyBin, BinLike, ChartOptions } from \"./types\";\nimport { drawThreshold } from \"./drawThreshold\";\nimport { normalizeBins } from \"./normalizeBins\";\nimport type { Selection } from \"d3-selection\";\nimport { bin, max as d3max, min as d3min } from \"d3-array\";\nimport { scaleLinear, scaleSymlog } from \"d3-scale\";\nimport { axisBottom, axisLeft } from \"d3-axis\";\n\nconst gx = (svg: Selection<SVGGElement, unknown, null, undefined>, height: number) => {\n  return svg\n    .append(\"g\")\n    .attr(\"data-testid\", \"pl-chart-histogram-x-axis\")\n    .style(\"font-size\", \"14px\")\n    .style(\"font-weight\", \"500\")\n    .attr(\"transform\", `translate(0,${height})`);\n};\n\nconst gy = (svg: Selection<SVGGElement, unknown, null, undefined>) => {\n  return svg\n    .append(\"g\")\n    .attr(\"data-testid\", \"pl-chart-histogram-y-axis\")\n    .style(\"font-size\", \"14px\")\n    .style(\"font-weight\", \"500\");\n};\n\nconst createYScale = (bins: BinLike[], height: number) => {\n  return scaleLinear()\n    .domain([0, d3max(bins, (d) => d.length)!]) // Max bin count for the domain\n    .range([height, 0]); // Map to chart height (invert to match SVG coordinates)\n};\n\nexport function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleLinear().domain([min, max]).range([0, width]);\n\n  const bins: BinLike[] = normalizeBins(\n    bin()\n      .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n      .thresholds(x.ticks(nBins))(data),\n  ); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  createGridlines(svg, options, { x, y }, (x) => x.ticks(6));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]) {\n  const { width, height, nBins = 10 } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const min = d3min(data) as number;\n  const max = d3max(data) as number;\n\n  const x = scaleSymlog()\n    .domain([min, max]) // Input range (min and max values of the data)\n    .range([0, width])\n    .nice(); // Output range (width of the chart)\n\n  const createThresholds = (n: number) => {\n    const res = [];\n\n    for (let i = 0; i <= n; i++) {\n      res.push(Number(x.invert(width * (i / n)).toFixed(2)));\n    }\n\n    return res;\n  };\n\n  const bins = normalizeBins(\n    bin()\n      .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n      .thresholds(createThresholds(nBins))(data),\n  ); // Apply the data to create bins\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n\nexport function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]) {\n  const { width, height } = options;\n\n  const svg = createSvgContainer(el, options);\n\n  const bins = normalizeBins(_bins);\n\n  const min = d3min(bins, (b) => b.x0) as number;\n  const max = d3max(bins, (b) => b.x1) as number;\n\n  const x = scaleSymlog().domain([min, max]).range([0, width]).nice();\n\n  const y = createYScale(bins, height);\n\n  const tickValues = logspace(0, Math.ceil(Math.log10(max)), 6);\n\n  createGridlines(svg, options, { x, y }, (x) => x.tickValues(tickValues));\n\n  drawBins(svg, bins, options, { x, y });\n\n  drawThreshold(svg, { x, y }, options);\n\n  gx(svg, height).call(axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n"],"mappings":"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"}

package/dist/components/PlChartHistogram/index.js

@@ -1 +1 @@
-import "./PlChartHistogram.js";
+export { default as PlChartHistogram } from "./PlChartHistogram.js";

package/dist/components/PlChartHistogram/logspace.js

@@ -1,4 +1,4 @@
-//#region src/components/PlChartHistogram/logspace.ts
+// src/components/PlChartHistogram/logspace.ts
 function e(e, t, n = 50, r = 10) {
 	if (n <= 0) return [];
 	let i = (t - e) / (n - 1), a = [];
@@ -8,7 +8,6 @@ function e(e, t, n = 50, r = 10) {
 	}
 	return a;
 }
-//#endregion
 export { e as logspace };
 
 //# sourceMappingURL=logspace.js.map

package/dist/components/PlChartHistogram/logspace.js.map

@@ -1 +1 @@
-{"version":3,"file":"logspace.js","names":[],"sources":["../../../src/components/PlChartHistogram/logspace.ts"],"sourcesContent":["export function logspace(startExp: number, stopExp: number, num = 50, base = 10) {\n  if (num <= 0) return [];\n\n  const step = (stopExp - startExp) / (num - 1);\n  const result = [];\n\n  for (let i = 0; i < num; i++) {\n    const exponent = startExp + i * step;\n    result.push(Math.pow(base, exponent));\n  }\n\n  return result;\n}\n"],"mappings":";AAAA,SAAgB,EAAS,GAAkB,GAAiB,IAAM,IAAI,IAAO,IAAI;AAC/E,KAAI,KAAO,EAAG,QAAO,EAAE;CAEvB,IAAM,KAAQ,IAAU,MAAa,IAAM,IACrC,IAAS,EAAE;AAEjB,MAAK,IAAI,IAAI,GAAG,IAAI,GAAK,KAAK;EAC5B,IAAM,IAAW,IAAW,IAAI;AAChC,IAAO,KAAc,MAAM,EAAU;;AAGvC,QAAO"}
+{"version":3,"file":"logspace.js","names":["logspace","num","step","stopExp","startExp","result","i","exponent","base"],"sources":["../../../src/components/PlChartHistogram/logspace.ts"],"sourcesContent":["export function logspace(startExp: number, stopExp: number, num = 50, base = 10) {\n  if (num <= 0) return [];\n\n  const step = (stopExp - startExp) / (num - 1);\n  const result = [];\n\n  for (let i = 0; i < num; i++) {\n    const exponent = startExp + i * step;\n    result.push(Math.pow(base, exponent));\n  }\n\n  return result;\n}\n"],"mappings":";AAAA,SAAgBA,EAAS,GAAkB,GAAiB,IAAM,IAAI,IAAO,IAAI;CAC/E,IAAIC,KAAO,GAAG,OAAO,CAAC;CAEtB,IAAMC,KAAQC,IAAUC,MAAaH,IAAM,IACrCI,IAAS,CAAC;CAEhB,KAAK,IAAIC,IAAI,GAAGA,IAAIL,GAAK,KAAK;EAC5B,IAAMM,IAAWH,IAAWE,IAAIJ;EAChC,EAAO,KAAcM,MAAMD,CAAS;CACtC;CAEA,OAAOF;AACT"}

package/dist/components/PlChartHistogram/normalizeBins.js

@@ -1,4 +1,4 @@
-//#region src/components/PlChartHistogram/normalizeBins.ts
+// src/components/PlChartHistogram/normalizeBins.ts
 function e(e) {
 	return e.map((e) => "from" in e ? {
 		x0: e.from,
@@ -10,7 +10,6 @@ function e(e) {
 		length: e.length
 	});
 }
-//#endregion
 export { e as normalizeBins };
 
 //# sourceMappingURL=normalizeBins.js.map

package/dist/components/PlChartHistogram/normalizeBins.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeBins.js","names":[],"sources":["../../../src/components/PlChartHistogram/normalizeBins.ts"],"sourcesContent":["import type { AnyBin, BinLike } from \"./types\";\nimport type { Bin } from \"d3-array\";\n\nexport function normalizeBins(bins: (Bin<number, number> | AnyBin)[]): BinLike[] {\n  return bins.map((it) => {\n    if (\"from\" in it) {\n      return {\n        x0: it.from,\n        x1: it.to,\n        length: it.weight,\n      };\n    }\n\n    return {\n      x0: it.x0!,\n      x1: it.x1!,\n      length: it.length,\n    };\n  });\n}\n"],"mappings":";AAGA,SAAgB,EAAc,GAAmD;AAC/E,QAAO,EAAK,KAAK,MACX,UAAU,IACL;EACL,IAAI,EAAG;EACP,IAAI,EAAG;EACP,QAAQ,EAAG;EACZ,GAGI;EACL,IAAI,EAAG;EACP,IAAI,EAAG;EACP,QAAQ,EAAG;EACZ,CACD"}
+{"version":3,"file":"normalizeBins.js","names":["normalizeBins","bins","it"],"sources":["../../../src/components/PlChartHistogram/normalizeBins.ts"],"sourcesContent":["import type { AnyBin, BinLike } from \"./types\";\nimport type { Bin } from \"d3-array\";\n\nexport function normalizeBins(bins: (Bin<number, number> | AnyBin)[]): BinLike[] {\n  return bins.map((it) => {\n    if (\"from\" in it) {\n      return {\n        x0: it.from,\n        x1: it.to,\n        length: it.weight,\n      };\n    }\n\n    return {\n      x0: it.x0!,\n      x1: it.x1!,\n      length: it.length,\n    };\n  });\n}\n"],"mappings":";AAGA,SAAgBA,EAAc,GAAmD;CAC/E,OAAOC,EAAK,KAAK,MACX,UAAUC,IACL;EACL,IAAIA,EAAG;EACP,IAAIA,EAAG;EACP,QAAQA,EAAG;CACb,IAGK;EACL,IAAIA,EAAG;EACP,IAAIA,EAAG;EACP,QAAQA,EAAG;CACb,CACD;AACH"}

package/dist/components/PlChartStackedBar/Legends.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./Legends.vue2.js";
 import n from "./Legends.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=Legends.js.map

package/dist/components/PlChartStackedBar/Legends.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legends.js","names":[],"sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { Color } from \"../../colors\";\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-legend\" :class=\"$style.component\">\n    <div\n      v-for=\"(group, k) in groups\"\n      :key=\"k\"\n      data-testid=\"pl-chart-stacked-bar-legend-group\"\n      :class=\"$style.legend\"\n    >\n      <div\n        v-for=\"(l, i) in group\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-legend-item\"\n        :class=\"$style.item\"\n      >\n        <div\n          data-testid=\"pl-chart-stacked-bar-legend-chip\"\n          :class=\"$style.chip\"\n          :style=\"{ backgroundColor: l.color.toString() }\"\n        />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Legends.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","Legends_vue_vue_type_script_setup_true_lang_default","Legends_vue_vue_type_style_index_0_lang_module_default","Legends_default","\"$style\""],"sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { Color } from \"../../colors\";\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-legend\" :class=\"$style.component\">\n    <div\n      v-for=\"(group, k) in groups\"\n      :key=\"k\"\n      data-testid=\"pl-chart-stacked-bar-legend-group\"\n      :class=\"$style.legend\"\n    >\n      <div\n        v-for=\"(l, i) in group\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-legend-item\"\n        :class=\"$style.item\"\n      >\n        <div\n          data-testid=\"pl-chart-stacked-bar-legend-chip\"\n          :class=\"$style.chip\"\n          :style=\"{ backgroundColor: l.color.toString() }\"\n        />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/Legends.style.js

@@ -1,11 +1,11 @@
-import './Legends.vue.css';var e = {
-	component: "_component_blzj7_2",
-	legend: "_legend_blzj7_9",
-	chip: "_chip_blzj7_19",
-	group: "_group_blzj7_26",
-	item: "_item_blzj7_32"
+import './Legends.style.css';// src/components/PlChartStackedBar/Legends.vue?vue&type=style&index=0&lang.module.css
+var e = "_component_blzj7_2", t = "_legend_blzj7_9", n = "_chip_blzj7_19", r = "_group_blzj7_26", i = "_item_blzj7_32", a = {
+	component: e,
+	legend: t,
+	chip: n,
+	group: r,
+	item: i
 };
-//#endregion
-export { e as default };
+export { n as chip, e as component, a as default, r as group, i as item, t as legend };
 
 //# sourceMappingURL=Legends.style.js.map

package/dist/components/PlChartStackedBar/Legends.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legends.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { Color } from \"../../colors\";\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-legend\" :class=\"$style.component\">\n    <div\n      v-for=\"(group, k) in groups\"\n      :key=\"k\"\n      data-testid=\"pl-chart-stacked-bar-legend-group\"\n      :class=\"$style.legend\"\n    >\n      <div\n        v-for=\"(l, i) in group\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-legend-item\"\n        :class=\"$style.item\"\n      >\n        <div\n          data-testid=\"pl-chart-stacked-bar-legend-chip\"\n          :class=\"$style.chip\"\n          :style=\"{ backgroundColor: l.color.toString() }\"\n        />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Legends.vue_vue_type_style_index_0_lang.module.js","names":["component","legend","chip","group","item","Legends_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { Color } from \"../../colors\";\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-legend\" :class=\"$style.component\">\n    <div\n      v-for=\"(group, k) in groups\"\n      :key=\"k\"\n      data-testid=\"pl-chart-stacked-bar-legend-group\"\n      :class=\"$style.legend\"\n    >\n      <div\n        v-for=\"(l, i) in group\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-legend-item\"\n        :class=\"$style.item\"\n      >\n        <div\n          data-testid=\"pl-chart-stacked-bar-legend-chip\"\n          :class=\"$style.chip\"\n          :style=\"{ backgroundColor: l.color.toString() }\"\n        />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/Legends.vue2.js

@@ -1,6 +1,6 @@
 import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
-//#region src/components/PlChartStackedBar/Legends.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ a({
+// src/components/PlChartStackedBar/Legends.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ a({
 	__name: "Legends",
 	props: {
 		maxInColumn: {},
@@ -31,7 +31,6 @@ var d = /* @__PURE__ */ a({
 		}, null, 6), i(" " + u(e.text), 1)], 2))), 128))], 2))), 128))], 2));
 	}
 });
-//#endregion
 export { d as default };
 
 //# sourceMappingURL=Legends.vue2.js.map

package/dist/components/PlChartStackedBar/Legends.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legends.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { Color } from \"../../colors\";\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-legend\" :class=\"$style.component\">\n    <div\n      v-for=\"(group, k) in groups\"\n      :key=\"k\"\n      data-testid=\"pl-chart-stacked-bar-legend-group\"\n      :class=\"$style.legend\"\n    >\n      <div\n        v-for=\"(l, i) in group\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-legend-item\"\n        :class=\"$style.item\"\n      >\n        <div\n          data-testid=\"pl-chart-stacked-bar-legend-chip\"\n          :class=\"$style.chip\"\n          :style=\"{ backgroundColor: l.color.toString() }\"\n        />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"mappings":";;;;;;;;;EAIA,SAAS,EAAW,GAAU,GAAkB;GAC9C,IAAM,IAAM,EAAE,EACV,IAAa,EAAE;AAEnB,QAAK,IAAI,IAAI,GAAG,IAAI,EAAI,QAAQ,IAC9B,CAAI,EAAM,SAAS,IACjB,EAAM,KAAK,EAAI,GAAG,IAElB,EAAI,KAAK,EAAM,EACf,IAAQ,CAAC,EAAI,GAAG;AAMpB,UAFA,EAAI,KAAK,EAAM,EAER;;EAGT,IAAM,IAAQ,GAQR,IAAS,QACN,EAAQ,EAAM,SAAS,EAAM,eAAe,EAAE,CACrD;yBAIA,EAqBM,OAAA;GArBD,eAAY;GAA+B,OAAK,EAAEA,EAAAA,OAAO,UAAS;cACrE,EAmBM,GAAA,MAAA,EAlBiB,EAAA,QAAb,GAAO,YADjB,EAmBM,OAAA;GAjBH,KAAK;GACN,eAAY;GACX,OAAK,EAAEA,EAAAA,OAAO,OAAM;cAErB,EAYM,GAAA,MAAA,EAXa,IAAT,GAAG,YADb,EAYM,OAAA;GAVH,KAAK;GACN,eAAY;GACX,OAAK,EAAEA,EAAAA,OAAO,KAAI;MAEnB,EAIE,OAAA;GAHA,eAAY;GACX,OAAK,EAAEA,EAAAA,OAAO,KAAI;GAClB,OAAK,EAAA,EAAA,iBAAqB,EAAE,MAAM,UAAQ,EAAA,CAAA;iBAC3C,MACF,EAAG,EAAE,KAAI,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"Legends.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_createTextVNode","_toDisplayString","Legends_vue_vue_type_script_setup_true_lang_default","splitBy","res","chunk","arr","n","props","__props","groups","computed","openBlock","createElementBlock","normalizeClass","_ctx","Fragment","renderList","k","group","i","createElementVNode","normalizeStyle","l","createTextVNode","toDisplayString"],"sources":["../../../src/components/PlChartStackedBar/Legends.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { Color } from \"../../colors\";\n\nfunction splitBy<T>(arr: T[], n: number): T[][] {\n  const res = [];\n  let chunk: T[] = [];\n\n  for (let i = 0; i < arr.length; i++) {\n    if (chunk.length < n) {\n      chunk.push(arr[i]);\n    } else {\n      res.push(chunk);\n      chunk = [arr[i]];\n    }\n  }\n\n  res.push(chunk);\n\n  return res;\n}\n\nconst props = defineProps<{\n  maxInColumn?: number;\n  legends: {\n    color: string | Color;\n    text: string;\n  }[];\n}>();\n\nconst groups = computed(() => {\n  return splitBy(props.legends, props.maxInColumn ?? 5);\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-legend\" :class=\"$style.component\">\n    <div\n      v-for=\"(group, k) in groups\"\n      :key=\"k\"\n      data-testid=\"pl-chart-stacked-bar-legend-group\"\n      :class=\"$style.legend\"\n    >\n      <div\n        v-for=\"(l, i) in group\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-legend-item\"\n        :class=\"$style.item\"\n      >\n        <div\n          data-testid=\"pl-chart-stacked-bar-legend-chip\"\n          :class=\"$style.chip\"\n          :style=\"{ backgroundColor: l.color.toString() }\"\n        />\n        {{ l.text }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.component {\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  justify-content: space-between;\n}\n\n.legend {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex-wrap: nowrap;\n  margin-top: 24px;\n  max-height: 120px;\n  flex: 1;\n}\n\n.chip {\n  width: 16px;\n  height: 16px;\n  border-radius: 2px;\n  flex-grow: 0;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: var(--color-txt-01);\n}\n</style>\n"],"mappings":";;;;;;;;;EAIA,SAASW,EAAW,GAAU,GAAkB;GAC9C,IAAMC,IAAM,CAAC,GACTC,IAAa,CAAC;GAElB,KAAK,IAAI,IAAI,GAAG,IAAIC,EAAI,QAAQ,KAC9B,AAAID,EAAM,SAASE,IACjBF,EAAM,KAAKC,EAAI,EAAE,KAEjBF,EAAI,KAAKC,CAAK,GACd,IAAQ,CAACC,EAAI,EAAE;GAMnB,OAFAF,EAAI,KAAKC,CAAK,GAEPD;EACT;EAEA,IAAMI,IAAQC,GAQRC,IAASC,QACNR,EAAQK,EAAM,SAASA,EAAM,eAAe,CAAC,CACrD;E,kBAICf,EAAA,GAAAC,EAqBM,OAAA;GArBD,eAAY;GAA+B,OAAKC,EAAEH,EAAAA,OAAO,SAAS;E,KACrEC,EAAA,EAAA,GAAAC,EAmBME,GAAA,MAAAC,EAlBiBa,EAAA,QAAb,GAAO,OADjBjB,EAAA,GAAAC,EAmBM,OAAA;GAjBH,KAAKwB;GACN,eAAY;GACX,OAAKvB,EAAEH,EAAAA,OAAO,MAAM;E,KAErBC,EAAA,EAAA,GAAAC,EAYME,GAAA,MAAAC,EAXasB,IAAT,GAAG,OADb1B,EAAA,GAAAC,EAYM,OAAA;GAVH,KAAK0B;GACN,eAAY;GACX,OAAKzB,EAAEH,EAAAA,OAAO,IAAI;E,IAEnBM,EAIE,OAAA;GAHA,eAAY;GACX,OAAKH,EAAEH,EAAAA,OAAO,IAAI;GAClB,OAAKO,EAAA,EAAA,iBAAqBwB,EAAE,MAAM,SAAQ,EAAA,CAAA;E,aAC3CvB,EAAA,MACFC,EAAGsB,EAAE,IAAI,GAAA,CAAA,C"}

package/dist/components/PlChartStackedBar/PlChartStackedBar.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlChartStackedBar.vue2.js";
 import n from "./PlChartStackedBar.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlChartStackedBar.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBar.js","names":[],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport StackedRow from \"./StackedRow.vue\";\nimport Legends from \"./Legends.vue\";\nimport type { PlChartStackedBarSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\n);\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar\" :class=\"$style.component\">\n    <div v-if=\"settings.title\" data-testid=\"pl-chart-stacked-bar-title\" :class=\"$style.title\">\n      {{ settings.title }}\n    </div>\n    <StackedRow :value=\"data\" />\n    <Legends\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlChartStackedBar.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlChartStackedBar_vue_vue_type_script_setup_true_lang_default","PlChartStackedBar_vue_vue_type_style_index_0_lang_module_default","PlChartStackedBar_default","\"$style\""],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport StackedRow from \"./StackedRow.vue\";\nimport Legends from \"./Legends.vue\";\nimport type { PlChartStackedBarSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\n);\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar\" :class=\"$style.component\">\n    <div v-if=\"settings.title\" data-testid=\"pl-chart-stacked-bar-title\" :class=\"$style.title\">\n      {{ settings.title }}\n    </div>\n    <StackedRow :value=\"data\" />\n    <Legends\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBar.style.js

@@ -1,8 +1,8 @@
-import './PlChartStackedBar.vue.css';var e = {
-	component: "_component_1j1iz_1",
-	title: "_title_1j1iz_7"
+import './PlChartStackedBar.style.css';// src/components/PlChartStackedBar/PlChartStackedBar.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_1j1iz_1", t = "_title_1j1iz_7", n = {
+	component: e,
+	title: t
 };
-//#endregion
-export { e as default };
+export { e as component, n as default, t as title };
 
 //# sourceMappingURL=PlChartStackedBar.style.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBar.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport StackedRow from \"./StackedRow.vue\";\nimport Legends from \"./Legends.vue\";\nimport type { PlChartStackedBarSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\n);\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar\" :class=\"$style.component\">\n    <div v-if=\"settings.title\" data-testid=\"pl-chart-stacked-bar-title\" :class=\"$style.title\">\n      {{ settings.title }}\n    </div>\n    <StackedRow :value=\"data\" />\n    <Legends\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlChartStackedBar.vue_vue_type_style_index_0_lang.module.js","names":["component","title","PlChartStackedBar_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport StackedRow from \"./StackedRow.vue\";\nimport Legends from \"./Legends.vue\";\nimport type { PlChartStackedBarSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\n);\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar\" :class=\"$style.component\">\n    <div v-if=\"settings.title\" data-testid=\"pl-chart-stacked-bar-title\" :class=\"$style.title\">\n      {{ settings.title }}\n    </div>\n    <StackedRow :value=\"data\" />\n    <Legends\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue2.js

@@ -1,8 +1,8 @@
 import e from "./StackedRow.js";
 import t from "./Legends.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, toDisplayString as u } from "vue";
-//#region src/components/PlChartStackedBar/PlChartStackedBar.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ s({
+// src/components/PlChartStackedBar/PlChartStackedBar.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ s({
 	__name: "PlChartStackedBar",
 	props: { settings: {} },
 	setup(s) {
@@ -28,7 +28,6 @@ var d = /* @__PURE__ */ s({
 		], 2));
 	}
 });
-//#endregion
 export { d as default };
 
 //# sourceMappingURL=PlChartStackedBar.vue2.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport StackedRow from \"./StackedRow.vue\";\nimport Legends from \"./Legends.vue\";\nimport type { PlChartStackedBarSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\n);\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar\" :class=\"$style.component\">\n    <div v-if=\"settings.title\" data-testid=\"pl-chart-stacked-bar-title\" :class=\"$style.title\">\n      {{ settings.title }}\n    </div>\n    <StackedRow :value=\"data\" />\n    <Legends\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"mappings":";;;;;;;;EAMA,IAAM,IAAQ,GAIR,IAAc,QAAe,EAAM,SAAS,eAAe,GAAK,EAEhE,IAAO,QACJ,EAAM,SAAS,QAAQ,EAAE,CAChC,EAEI,IAAU,QACd,EAAK,MAAM,KAAK,OAAO;GACrB,OAAO,EAAE;GACT,MAAM,EAAE;GACT,EAAE,CACJ;yBAIC,EAUM,OAAA;GAVD,eAAY;GAAwB,OAAK,EAAEA,EAAAA,OAAO,UAAS;;GACnD,EAAA,SAAS,SAAA,GAAA,EAApB,EAEM,OAAA;;IAFqB,eAAY;IAA8B,OAAK,EAAEA,EAAAA,OAAO,MAAK;QACnF,EAAA,SAAS,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;GAEnB,EAA4B,GAAA,EAAf,OAAO,EAAA,OAAI,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA;GAEhB,EAAA,SAAe,EAAA,MAAQ,UAAA,GAAA,EAD/B,EAIE,GAAA;;IAFC,SAAS,EAAA;IACT,iBAAe,EAAA,SAAS"}
+{"version":3,"file":"PlChartStackedBar.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createVNode","StackedRow","_createBlock","Legends","StackedRow_default","Legends_default","PlChartStackedBar_vue_vue_type_script_setup_true_lang_default","props","__props","showLegends","computed","data","legends","p","openBlock","createElementBlock","normalizeClass","_ctx","toDisplayString","createCommentVNode","createVNode","createBlock"],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport StackedRow from \"./StackedRow.vue\";\nimport Legends from \"./Legends.vue\";\nimport type { PlChartStackedBarSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettings;\n}>();\n\nconst showLegends = computed(() => props.settings.showLegends ?? true);\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n\nconst legends = computed(() =>\n  data.value.map((p) => ({\n    color: p.color,\n    text: p.label,\n  })),\n);\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar\" :class=\"$style.component\">\n    <div v-if=\"settings.title\" data-testid=\"pl-chart-stacked-bar-title\" :class=\"$style.title\">\n      {{ settings.title }}\n    </div>\n    <StackedRow :value=\"data\" />\n    <Legends\n      v-if=\"showLegends && legends.length\"\n      :legends=\"legends\"\n      :max-in-column=\"settings.maxLegendsInColumn\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n  margin-bottom: 24px;\n}\n</style>\n"],"mappings":";;;;;;;;EAMA,IAAMa,IAAQC,GAIRC,IAAcC,QAAeH,EAAM,SAAS,eAAe,EAAI,GAE/DI,IAAOD,QACJH,EAAM,SAAS,QAAQ,CAAC,CAChC,GAEKK,IAAUF,QACdC,EAAK,MAAM,KAAK,OAAO;GACrB,OAAOE,EAAE;GACT,MAAMA,EAAE;EACV,EAAE,CACJ;E,kBAIElB,EAAA,GAAAC,EAUM,OAAA;GAVD,eAAY;GAAwB,OAAKC,EAAEH,EAAAA,OAAO,SAAS;;GACnDc,EAAA,SAAS,SAApBb,EAAA,GAAAC,EAEM,OAAA;;IAFqB,eAAY;IAA8B,OAAKC,EAAEH,EAAAA,OAAO,KAAK;GACnF,GAAAI,EAAAU,EAAA,SAAS,KAAK,GAAA,CAAA,K;GAEnBR,EAA4BC,GAAA,EAAf,OAAOU,EAAA,MAAI,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;GAEhBF,EAAA,SAAeG,EAAA,MAAQ,UAD/BjB,EAAA,GAAAO,EAIEC,GAAA;;IAFC,SAASS,EAAA;IACT,iBAAeJ,EAAA,SAAS"}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlChartStackedBarCompact.vue2.js";
 import n from "./PlChartStackedBarCompact.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlChartStackedBarCompact.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBarCompact.js","names":[],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSettingsCompact } from \"./types\";\nimport StackedRowCompact from \"./StackedRowCompact.vue\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-compact\" :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlChartStackedBarCompact.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlChartStackedBarCompact_vue_vue_type_script_setup_true_lang_default","PlChartStackedBarCompact_vue_vue_type_style_index_0_lang_module_default","PlChartStackedBarCompact_default","\"$style\""],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSettingsCompact } from \"./types\";\nimport StackedRowCompact from \"./StackedRowCompact.vue\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-compact\" :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.style.js

@@ -1,5 +1,5 @@
-import './PlChartStackedBarCompact.vue.css';var e = { component: "_component_1gn0t_1" };
-//#endregion
-export { e as default };
+import './PlChartStackedBarCompact.style.css';// src/components/PlChartStackedBar/PlChartStackedBarCompact.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_1gn0t_1", t = { component: e };
+export { e as component, t as default };
 
 //# sourceMappingURL=PlChartStackedBarCompact.style.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBarCompact.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSettingsCompact } from \"./types\";\nimport StackedRowCompact from \"./StackedRowCompact.vue\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-compact\" :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlChartStackedBarCompact.vue_vue_type_style_index_0_lang.module.js","names":["component","PlChartStackedBarCompact_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSettingsCompact } from \"./types\";\nimport StackedRowCompact from \"./StackedRowCompact.vue\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-compact\" :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue2.js

@@ -1,7 +1,7 @@
 import e from "./StackedRowCompact.js";
 import { computed as t, createElementBlock as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o } from "vue";
-//#region src/components/PlChartStackedBar/PlChartStackedBarCompact.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ i({
+// src/components/PlChartStackedBar/PlChartStackedBarCompact.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ i({
 	__name: "PlChartStackedBarCompact",
 	props: { settings: {} },
 	setup(i) {
@@ -12,7 +12,6 @@ var s = /* @__PURE__ */ i({
 		}, [r(e, { value: c.value }, null, 8, ["value"])], 2));
 	}
 });
-//#endregion
 export { s as default };
 
 //# sourceMappingURL=PlChartStackedBarCompact.vue2.js.map

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlChartStackedBarCompact.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSettingsCompact } from \"./types\";\nimport StackedRowCompact from \"./StackedRowCompact.vue\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-compact\" :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;EAKA,IAAM,IAAQ,GAIR,IAAO,QACJ,EAAM,SAAS,QAAQ,EAAE,CAChC;yBAIA,EAEM,OAAA;GAFD,eAAY;GAAgC,OAAK,EAAEA,EAAAA,OAAO,UAAS;MACtE,EAAmC,GAAA,EAAf,OAAO,EAAA,OAAI,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlChartStackedBarCompact.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_createVNode","StackedRowCompact","StackedRowCompact_default","PlChartStackedBarCompact_vue_vue_type_script_setup_true_lang_default","props","__props","data","computed","openBlock","createElementBlock","normalizeClass","_ctx","createVNode"],"sources":["../../../src/components/PlChartStackedBar/PlChartStackedBarCompact.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSettingsCompact } from \"./types\";\nimport StackedRowCompact from \"./StackedRowCompact.vue\";\n\nconst props = defineProps<{\n  settings: PlChartStackedBarSettingsCompact;\n}>();\n\nconst data = computed(() => {\n  return props.settings.data ?? [];\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-compact\" :class=\"$style.component\">\n    <StackedRowCompact :value=\"data\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;EAKA,IAAMQ,IAAQC,GAIRC,IAAOC,QACJH,EAAM,SAAS,QAAQ,CAAC,CAChC;E,kBAICP,EAAA,GAAAC,EAEM,OAAA;GAFD,eAAY;GAAgC,OAAKC,EAAEH,EAAAA,OAAO,SAAS;E,IACtEI,EAAmCC,GAAA,EAAf,OAAOK,EAAA,MAAI,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,C"}

package/dist/components/PlChartStackedBar/StackedRow.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./StackedRow.vue2.js";
 import n from "./StackedRow.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=StackedRow.js.map

package/dist/components/PlChartStackedBar/StackedRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedRow.js","names":[],"sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? \"100%\",\n  minHeight: \"82px\",\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-row\" :class=\"[$style.component]\" :style=\"style\">\n    <div data-testid=\"pl-chart-stacked-bar-track\" :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-tick\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`,\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div data-testid=\"pl-chart-stacked-bar-bar\" :class=\"$style.container\">\n      <div\n        v-if=\"!parts.length\"\n        data-testid=\"pl-chart-stacked-bar-not-ready\"\n        :class=\"$style.notReady\"\n      >\n        Not ready\n      </div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-segment\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"StackedRow.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","StackedRow_vue_vue_type_script_setup_true_lang_default","StackedRow_vue_vue_type_style_index_0_lang_module_default","StackedRow_default","\"$style\""],"sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? \"100%\",\n  minHeight: \"82px\",\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-row\" :class=\"[$style.component]\" :style=\"style\">\n    <div data-testid=\"pl-chart-stacked-bar-track\" :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-tick\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`,\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div data-testid=\"pl-chart-stacked-bar-bar\" :class=\"$style.container\">\n      <div\n        v-if=\"!parts.length\"\n        data-testid=\"pl-chart-stacked-bar-not-ready\"\n        :class=\"$style.notReady\"\n      >\n        Not ready\n      </div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-segment\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRow.style.js

@@ -1,10 +1,10 @@
-import './StackedRow.vue.css';var e = {
-	component: "_component_5hdjy_1",
-	container: "_container_5hdjy_11",
-	track: "_track_5hdjy_25",
-	notReady: "_notReady_5hdjy_47"
+import './StackedRow.style.css';// src/components/PlChartStackedBar/StackedRow.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_5hdjy_1", t = "_container_5hdjy_11", n = "_track_5hdjy_25", r = "_notReady_5hdjy_47", i = {
+	component: e,
+	container: t,
+	track: n,
+	notReady: r
 };
-//#endregion
-export { e as default };
+export { e as component, t as container, i as default, r as notReady, n as track };
 
 //# sourceMappingURL=StackedRow.style.js.map

package/dist/components/PlChartStackedBar/StackedRow.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedRow.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? \"100%\",\n  minHeight: \"82px\",\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-row\" :class=\"[$style.component]\" :style=\"style\">\n    <div data-testid=\"pl-chart-stacked-bar-track\" :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-tick\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`,\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div data-testid=\"pl-chart-stacked-bar-bar\" :class=\"$style.container\">\n      <div\n        v-if=\"!parts.length\"\n        data-testid=\"pl-chart-stacked-bar-not-ready\"\n        :class=\"$style.notReady\"\n      >\n        Not ready\n      </div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-segment\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"StackedRow.vue_vue_type_style_index_0_lang.module.js","names":["component","container","track","notReady","StackedRow_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? \"100%\",\n  minHeight: \"82px\",\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-row\" :class=\"[$style.component]\" :style=\"style\">\n    <div data-testid=\"pl-chart-stacked-bar-track\" :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-tick\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`,\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div data-testid=\"pl-chart-stacked-bar-bar\" :class=\"$style.container\">\n      <div\n        v-if=\"!parts.length\"\n        data-testid=\"pl-chart-stacked-bar-not-ready\"\n        :class=\"$style.notReady\"\n      >\n        Not ready\n      </div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-segment\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlChartStackedBar/StackedRow.vue2.js

@@ -1,6 +1,6 @@
 import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l } from "vue";
-//#region src/components/PlChartStackedBar/StackedRow.vue?vue&type=script&setup=true&lang.ts
-var u = ["data-content"], d = [".title"], f = /* @__PURE__ */ a({
+// src/components/PlChartStackedBar/StackedRow.vue?vue&type=script&setup=true&lang.ts
+var u = ["data-content"], d = [".title"], f = /*@__PURE__*/ a({
 	__name: "StackedRow",
 	props: {
 		value: {},
@@ -67,7 +67,6 @@ var u = ["data-content"], d = [".title"], f = /* @__PURE__ */ a({
 		}, null, 44, d))), 128))], 2)], 6));
 	}
 });
-//#endregion
 export { f as default };
 
 //# sourceMappingURL=StackedRow.vue2.js.map

package/dist/components/PlChartStackedBar/StackedRow.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedRow.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? \"100%\",\n  minHeight: \"82px\",\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-row\" :class=\"[$style.component]\" :style=\"style\">\n    <div data-testid=\"pl-chart-stacked-bar-track\" :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-tick\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`,\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div data-testid=\"pl-chart-stacked-bar-bar\" :class=\"$style.container\">\n      <div\n        v-if=\"!parts.length\"\n        data-testid=\"pl-chart-stacked-bar-not-ready\"\n        :class=\"$style.notReady\"\n      >\n        Not ready\n      </div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-segment\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"mappings":";;;;;;;;;EAIA,IAAM,IAAQ,GAKR,IAAQ,SAAgB;GAC5B,QAAQ,EAAM,UAAU;GACxB,WAAW;GACZ,EAAE,EAEG,IAAQ,QAAe;GAC3B,IAAM,IAAQ,EAAM,SAAS,EAAE,EACzB,IAAQ,EAAM,QAAQ,GAAK,MAAO,IAAM,EAAG,OAAO,EAAE;AAC1D,UAAO,EAAM,KAAK,MAAM;IACtB,IAAM,IAAY,EAAE,QAAQ,IAAS,KAC/B,IAAQ,EAAE;AAChB,WAAO;KACL,OAAO,EAAE,MAAM,UAAU;KACzB,aAAa,EAAE;KACf;KACA;KACD;KACD;IACF,EAEI,IAAkB;GAAC;GAAK;GAAK;GAAK;GAAK;GAAI;yBAI/C,EAgCM,OAAA;GAhCD,eAAY;GAA4B,OAAK,EAAA,CAAGA,EAAAA,OAAO,UAAS,CAAA;GAAI,OAAK,EAAE,EAAA,MAAK;MACnF,EAWM,OAAA;GAXD,eAAY;GAA8B,OAAK,EAAEA,EAAAA,OAAO,MAAK;YAChE,EASE,GAAA,MAAA,EARiB;GAAA;GAAA;GAAA;GAAA;GAAA;GAAoB,GAA7B,GAAG,MADb,EASE,OAAA;GAPC,KAAK;GACN,eAAY;GACX,OAAK,EAAA;aAAuB,EAAC;iCAA4C,EAAgB,GAAC;;GAI1F,gBAAY,GAAK,EAAC;+BAGvB,EAkBM,OAAA;GAlBD,eAAY;GAA4B,OAAK,EAAEA,EAAAA,OAAO,UAAS;MAEzD,EAAA,MAAM,SAKf,EAAA,IAAA,GAAA,IALe,GAAA,EADf,EAMM,OAAA;;GAJJ,eAAY;GACX,OAAK,EAAEA,EAAAA,OAAO,SAAQ;KACxB,eAED,EAAA,IAAA,EAAA,GAAA,EACA,EASE,GAAA,MAAA,EARiB,EAAA,QAAT,GAAG,YADb,EASE,OAAA;GAPC,KAAK;GACN,eAAY;GACX,UAAY,EAAE,eAAe,EAAE;GAC/B,OAAK,EAAA;cAAwB,EAAE,SAAQ;qBAAgC,EAAE"}
+{"version":3,"file":"StackedRow.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_createCommentVNode","_hoisted_1","_hoisted_2","StackedRow_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","parts","total","res","it","fraction","p","label","trackTransforms","openBlock","createElementBlock","normalizeClass","_ctx","normalizeStyle","createElementVNode","Fragment","renderList","i","v","createCommentVNode"],"sources":["../../../src/components/PlChartStackedBar/StackedRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { PlChartStackedBarSegment } from \"./types\";\n\nconst props = defineProps<{\n  value: PlChartStackedBarSegment[];\n  height?: number;\n}>();\n\nconst style = computed(() => ({\n  height: props.height ?? \"100%\",\n  minHeight: \"82px\",\n}));\n\nconst parts = computed(() => {\n  const parts = props.value || [];\n  const total = parts.reduce((res, it) => res + it.value, 0);\n  return parts.map((p) => {\n    const fraction = (p.value / total) * 100;\n    const label = p.label;\n    return {\n      color: p.color.toString(),\n      description: p.description,\n      fraction,\n      label,\n    };\n  });\n});\n\nconst trackTransforms = [-40, -50, -50, -50, -80];\n</script>\n\n<template>\n  <div data-testid=\"pl-chart-stacked-bar-row\" :class=\"[$style.component]\" :style=\"style\">\n    <div data-testid=\"pl-chart-stacked-bar-track\" :class=\"$style.track\">\n      <div\n        v-for=\"(v, i) in [0, 25, 50, 75, 100]\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-tick\"\n        :style=\"{\n          left: `${v}%`,\n          '--transform': `translateX(${trackTransforms[i]}%)`,\n        }\"\n        :data-content=\"`${v}%`\"\n      />\n    </div>\n    <div data-testid=\"pl-chart-stacked-bar-bar\" :class=\"$style.container\">\n      <div\n        v-if=\"!parts.length\"\n        data-testid=\"pl-chart-stacked-bar-not-ready\"\n        :class=\"$style.notReady\"\n      >\n        Not ready\n      </div>\n      <div\n        v-for=\"(p, i) in parts\"\n        :key=\"i\"\n        data-testid=\"pl-chart-stacked-bar-segment\"\n        :title.prop=\"p.description ?? p.label\"\n        :style=\"{\n          width: `${p.fraction}%`,\n          backgroundColor: p.color,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  height: auto;\n  position: relative;\n  overflow: visible;\n  border: 1px solid var(--txt-01);\n  padding: 12px 6px;\n  border-radius: 0;\n  margin-bottom: 24px;\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  overflow: hidden;\n  > div {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.track {\n  position: absolute;\n  top: 0;\n  left: 6px;\n  right: 6px;\n  bottom: 0;\n  /* z-index: 1; */\n  > div {\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    border-left: 1px solid #e1e3eb;\n    &::after {\n      position: absolute;\n      content: attr(data-content);\n      transform: var(--transform);\n      left: 0;\n      bottom: -24px;\n    }\n  }\n}\n\n.notReady {\n  color: var(--txt-03) !important;\n}\n\n.component .notReady {\n  font-size: larger;\n  font-weight: bolder;\n  color: var(--txt-mask);\n  margin-left: 24px;\n}\n\n.component .container {\n  position: relative;\n  z-index: 1;\n}\n</style>\n"],"mappings":";;;;;;;;;EAIA,IAAMY,IAAQC,GAKRC,IAAQC,SAAgB;GAC5B,QAAQH,EAAM,UAAU;GACxB,WAAW;EACb,EAAE,GAEII,IAAQD,QAAe;GAC3B,IAAMC,IAAQJ,EAAM,SAAS,CAAC,GACxBK,IAAQD,EAAM,QAAQ,GAAK,MAAOE,IAAMC,EAAG,OAAO,CAAC;GACzD,OAAOH,EAAM,KAAK,MAAM;IACtB,IAAMI,IAAYC,EAAE,QAAQJ,IAAS,KAC/BK,IAAQD,EAAE;IAChB,OAAO;KACL,OAAOA,EAAE,MAAM,SAAS;KACxB,aAAaA,EAAE;KACf;KACA;IACF;GACF,CAAC;EACH,CAAC,GAEKE,IAAkB;GAAC;GAAK;GAAK;GAAK;GAAK;EAAG;E,kBAI9CtB,EAAA,GAAAC,EAgCM,OAAA;GAhCD,eAAY;GAA4B,OAAKC,EAAA,CAAGH,EAAAA,OAAO,SAAS,CAAA;GAAI,OAAKI,EAAEU,EAAA,KAAK;E,IACnFT,EAWM,OAAA;GAXD,eAAY;GAA8B,OAAKF,EAAEH,EAAAA,OAAO,KAAK;E,KAChEC,EAAA,GAAAC,EASEI,GAAA,MAAAC,EARiB;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,IAAT,GAAG,MADbF,EASE,OAAA;GAPC,KAAK2B;GACN,eAAY;GACX,OAAK5B,EAAA;IAAuB,MAAA,GAAA6B,EAAC;IAA4C,eAAA,cAAAV,EAAgBS,GAAC;;GAI1F,gBAAY,GAAKC,EAAC;E,6BAGvB5B,EAkBM,OAAA;GAlBD,eAAY;GAA4B,OAAKF,EAAEH,EAAAA,OAAO,SAAS;E,IAEzDgB,EAAA,MAAM,S,aADff,EAAA,GAAAC,EAMM,OAAA;;GAJJ,eAAY;GACX,OAAKC,EAAEH,EAAAA,OAAO,QAAQ;EACxB,GAAA,eAED,CAAA,KACAC,EAAA,EAAA,GAAAC,EASEI,GAAA,MAAAC,EARiBS,EAAA,QAAT,GAAG,OADbf,EAAA,GAAAC,EASE,OAAA;GAPC,KAAK8B;GACN,eAAY;GACX,UAAYX,EAAE,eAAeA,EAAE;GAC/B,OAAKjB,EAAA;IAAwB,OAAA,GAAAiB,EAAE,SAAQ;IAAgC,iBAAAA,EAAE"}