@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/PlChartHistogram/PlChartHistogram.vue2.js

@@ -1,53 +1,48 @@
-import { defineComponent as b, ref as v, computed as y, watch as B, onMounted as H, createElementBlock as c, openBlock as m, normalizeClass as g, createCommentVNode as k, createElementVNode as C, toDisplayString as L } from "vue";
-import { createHistogramFromBins as x, createHistogramLog as w, createHistogramLinear as A } from "./histogram.js";
-const V = /* @__PURE__ */ b({
-  __name: "PlChartHistogram",
-  props: {
-    settings: {}
-  },
-  setup(n) {
-    const e = n, o = v(), i = y(() => {
-      const {
-        xAxisLabel: t,
-        yAxisLabel: a,
-        threshold: u,
-        compact: l,
-        totalWidth: h = 674,
-        totalHeight: p = 252
-      } = e.settings, s = l ? { top: 0, right: 0, bottom: 0, left: 0 } : { top: 0, right: 30, bottom: 40, left: 85 }, f = h - s.left - s.right, d = p - s.top - s.bottom;
-      return {
-        width: f,
-        height: d,
-        margin: s,
-        compact: l,
-        nBins: "nBins" in e.settings ? e.settings.nBins : 10,
-        xAxisLabel: t,
-        yAxisLabel: a,
-        threshold: u
-      };
-    }), r = () => {
-      const t = e.settings;
-      if (t.type === "log-bins") {
-        x(o.value, i.value, t.bins);
-        return;
-      }
-      t.log ? w(o.value, i.value, t.numbers) : A(o.value, i.value, t.numbers);
-    };
-    return B(e, r), H(r), (t, a) => (m(), c("div", {
-      class: g(t.$style.component)
-    }, [
-      n.settings.title && !n.settings.compact ? (m(), c("div", {
-        key: 0,
-        class: g(t.$style.title)
-      }, L(n.settings.title), 3)) : k("", !0),
-      C("div", {
-        ref_key: "chart",
-        ref: o
-      }, null, 512)
-    ], 2));
-  }
+import { createHistogramFromBins as e, createHistogramLinear as t, createHistogramLog as n } from "./histogram.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, openBlock as u, ref as d, toDisplayString as f, watch as p } from "vue";
+var m = /* @__PURE__ */ s({
+	__name: "PlChartHistogram",
+	props: { settings: {} },
+	setup(s) {
+		let m = s, h = d(), g = r(() => {
+			let { xAxisLabel: e, yAxisLabel: t, threshold: n, compact: r, totalWidth: i = 674, totalHeight: a = 252 } = m.settings, o = r ? {
+				top: 0,
+				right: 0,
+				bottom: 0,
+				left: 0
+			} : {
+				top: 0,
+				right: 30,
+				bottom: 40,
+				left: 85
+			};
+			return {
+				width: i - o.left - o.right,
+				height: a - o.top - o.bottom,
+				margin: o,
+				compact: r,
+				nBins: "nBins" in m.settings ? m.settings.nBins : 10,
+				xAxisLabel: e,
+				yAxisLabel: t,
+				threshold: n
+			};
+		}), _ = () => {
+			let r = m.settings;
+			if (r.type === "log-bins") {
+				e(h.value, g.value, r.bins);
+				return;
+			}
+			r.log ? n(h.value, g.value, r.numbers) : t(h.value, g.value, r.numbers);
+		};
+		return p(m, _), l(_), (e, t) => (u(), a("div", { class: c(e.$style.component) }, [s.settings.title && !s.settings.compact ? (u(), a("div", {
+			key: 0,
+			class: c(e.$style.title)
+		}, f(s.settings.title), 3)) : i("", !0), o("div", {
+			ref_key: "chart",
+			ref: h
+		}, null, 512)], 2));
+	}
 });
-export {
-  V as default
-};
-//# sourceMappingURL=PlChartHistogram.vue2.js.map
+export { m as default };
+
+//# sourceMappingURL=PlChartHistogram.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlChartHistogram.vue2.js","sources":["../../../src/components/PlChartHistogram/PlChartHistogram.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, watch } from \"vue\";\nimport { createHistogramFromBins, createHistogramLinear, createHistogramLog } from \"./histogram\";\nimport type { ChartOptions, PlChartHistogramSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartHistogramSettings;\n}>();\n\nconst chart = ref<HTMLElement>();\n\nconst options = computed<ChartOptions>(() => {\n  const {\n    xAxisLabel,\n    yAxisLabel,\n    threshold,\n    compact,\n    totalWidth = 674,\n    totalHeight = 252,\n  } = props.settings;\n\n  const margin = compact\n    ? { top: 0, right: 0, bottom: 0, left: 0 }\n    : { top: 0, right: 30, bottom: 40, left: 85 };\n  const width = totalWidth - margin.left - margin.right;\n  const height = totalHeight - margin.top - margin.bottom;\n\n  return {\n    width,\n    height,\n    margin,\n    compact,\n    nBins: \"nBins\" in props.settings ? props.settings.nBins : 10,\n    xAxisLabel: xAxisLabel,\n    yAxisLabel: yAxisLabel,\n    threshold: threshold,\n  };\n});\n\nconst createHistogram = () => {\n  const settings = props.settings;\n\n  if (settings.type === \"log-bins\") {\n    createHistogramFromBins(chart.value!, options.value, settings.bins);\n    return;\n  }\n\n  if (settings.log) {\n    createHistogramLog(chart.value!, options.value, settings.numbers);\n  } else {\n    createHistogramLinear(chart.value!, options.value, settings.numbers);\n  }\n};\n\nwatch(props, createHistogram);\n\nonMounted(createHistogram);\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title && !settings.compact\" :class=\"$style.title\">{{ settings.title }}</div>\n    <div ref=\"chart\" />\n  </div>\n</template>\n\n<style module>\n.component {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  svg {\n    font-family: var(--font-family-base);\n  }\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n}\n\n:global(.svg-tooltip) {\n  font-family: var(--font-family-base);\n  background: rgba(69, 77, 93, 0.9);\n  border-radius: 0.1rem;\n  color: #fff;\n  display: block;\n  font-size: 14px;\n  max-width: 320px;\n  padding: 0.2rem 0.4rem;\n  position: absolute;\n  text-overflow: ellipsis;\n  white-space: pre;\n  z-index: 300;\n  visibility: hidden;\n}\n</style>\n"],"names":["props","__props","chart","ref","options","computed","xAxisLabel","yAxisLabel","threshold","compact","totalWidth","totalHeight","margin","width","height","createHistogram","settings","createHistogramFromBins","createHistogramLog","createHistogramLinear","watch","onMounted","_createElementBlock","_normalizeClass","$style","_toDisplayString","_createElementVNode"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAUC,EAAuB,MAAM;AAC3C,YAAM;AAAA,QACJ,YAAAC;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,YAAAC,IAAa;AAAA,QACb,aAAAC,IAAc;AAAA,MAAA,IACZX,EAAM,UAEJY,IAASH,IACX,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,MACrC,EAAE,KAAK,GAAG,OAAO,IAAI,QAAQ,IAAI,MAAM,GAAA,GACrCI,IAAQH,IAAaE,EAAO,OAAOA,EAAO,OAC1CE,IAASH,IAAcC,EAAO,MAAMA,EAAO;AAEjD,aAAO;AAAA,QACL,OAAAC;AAAA,QACA,QAAAC;AAAA,QACA,QAAAF;AAAA,QACA,SAAAH;AAAA,QACA,OAAO,WAAWT,EAAM,WAAWA,EAAM,SAAS,QAAQ;AAAA,QAC1D,YAAAM;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKO,IAAkB,MAAM;AAC5B,YAAMC,IAAWhB,EAAM;AAEvB,UAAIgB,EAAS,SAAS,YAAY;AAChC,QAAAC,EAAwBf,EAAM,OAAQE,EAAQ,OAAOY,EAAS,IAAI;AAClE;AAAA,MACF;AAEA,MAAIA,EAAS,MACXE,EAAmBhB,EAAM,OAAQE,EAAQ,OAAOY,EAAS,OAAO,IAEhEG,EAAsBjB,EAAM,OAAQE,EAAQ,OAAOY,EAAS,OAAO;AAAA,IAEvE;AAEA,WAAAI,EAAMpB,GAAOe,CAAe,GAE5BM,EAAUN,CAAe,mBAIvBO,EAGM,OAAA;AAAA,MAHA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MAChBvB,EAAA,SAAS,SAAK,CAAKA,EAAA,SAAS,gBAAvCqB,EAAgG,OAAA;AAAA;QAA/C,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAA,GAAKC,EAAAxB,EAAA,SAAS,KAAK,GAAA,CAAA;MACvFyB,EAAmB,OAAA;AAAA,iBAAV;AAAA,QAAJ,KAAIxB;AAAA,MAAA;;;;"}
+{"version":3,"file":"PlChartHistogram.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlChartHistogram/PlChartHistogram.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, watch } from \"vue\";\nimport { createHistogramFromBins, createHistogramLinear, createHistogramLog } from \"./histogram\";\nimport type { ChartOptions, PlChartHistogramSettings } from \"./types\";\n\nconst props = defineProps<{\n  settings: PlChartHistogramSettings;\n}>();\n\nconst chart = ref<HTMLElement>();\n\nconst options = computed<ChartOptions>(() => {\n  const {\n    xAxisLabel,\n    yAxisLabel,\n    threshold,\n    compact,\n    totalWidth = 674,\n    totalHeight = 252,\n  } = props.settings;\n\n  const margin = compact\n    ? { top: 0, right: 0, bottom: 0, left: 0 }\n    : { top: 0, right: 30, bottom: 40, left: 85 };\n  const width = totalWidth - margin.left - margin.right;\n  const height = totalHeight - margin.top - margin.bottom;\n\n  return {\n    width,\n    height,\n    margin,\n    compact,\n    nBins: \"nBins\" in props.settings ? props.settings.nBins : 10,\n    xAxisLabel: xAxisLabel,\n    yAxisLabel: yAxisLabel,\n    threshold: threshold,\n  };\n});\n\nconst createHistogram = () => {\n  const settings = props.settings;\n\n  if (settings.type === \"log-bins\") {\n    createHistogramFromBins(chart.value!, options.value, settings.bins);\n    return;\n  }\n\n  if (settings.log) {\n    createHistogramLog(chart.value!, options.value, settings.numbers);\n  } else {\n    createHistogramLinear(chart.value!, options.value, settings.numbers);\n  }\n};\n\nwatch(props, createHistogram);\n\nonMounted(createHistogram);\n</script>\n\n<template>\n  <div :class=\"$style.component\">\n    <div v-if=\"settings.title && !settings.compact\" :class=\"$style.title\">{{ settings.title }}</div>\n    <div ref=\"chart\" />\n  </div>\n</template>\n\n<style module>\n.component {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  svg {\n    font-family: var(--font-family-base);\n  }\n}\n\n.title {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px; /* 120% */\n  letter-spacing: -0.2px;\n}\n\n:global(.svg-tooltip) {\n  font-family: var(--font-family-base);\n  background: rgba(69, 77, 93, 0.9);\n  border-radius: 0.1rem;\n  color: #fff;\n  display: block;\n  font-size: 14px;\n  max-width: 320px;\n  padding: 0.2rem 0.4rem;\n  position: absolute;\n  text-overflow: ellipsis;\n  white-space: pre;\n  z-index: 300;\n  visibility: hidden;\n}\n</style>\n"],"mappings":";;;;;;EAKA,IAAM,IAAQ,GAIR,IAAQ,GAAkB,EAE1B,IAAU,QAA6B;GAC3C,IAAM,EACJ,eACA,eACA,cACA,YACA,gBAAa,KACb,iBAAc,QACZ,EAAM,UAEJ,IAAS,IACX;IAAE,KAAK;IAAG,OAAO;IAAG,QAAQ;IAAG,MAAM;IAAE,GACvC;IAAE,KAAK;IAAG,OAAO;IAAI,QAAQ;IAAI,MAAM;IAAI;AAI/C,UAAO;IACL,OAJY,IAAa,EAAO,OAAO,EAAO;IAK9C,QAJa,IAAc,EAAO,MAAM,EAAO;IAK/C;IACA;IACA,OAAO,WAAW,EAAM,WAAW,EAAM,SAAS,QAAQ;IAC9C;IACA;IACD;IACZ;IACD,EAEI,UAAwB;GAC5B,IAAM,IAAW,EAAM;AAEvB,OAAI,EAAS,SAAS,YAAY;AAChC,MAAwB,EAAM,OAAQ,EAAQ,OAAO,EAAS,KAAK;AACnE;;AAGF,GAAI,EAAS,MACX,EAAmB,EAAM,OAAQ,EAAQ,OAAO,EAAS,QAAQ,GAEjE,EAAsB,EAAM,OAAQ,EAAQ,OAAO,EAAS,QAAQ;;SAIxE,EAAM,GAAO,EAAgB,EAE7B,EAAU,EAAgB,kBAIxB,EAGM,OAAA,EAHA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,CAChB,EAAA,SAAS,SAAK,CAAK,EAAA,SAAS,WAAA,GAAA,EAAvC,EAAgG,OAAA;;GAA/C,OAAK,EAAEA,EAAAA,OAAO,MAAK;OAAK,EAAA,SAAS,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EACvF,EAAmB,OAAA;YAAV;GAAJ,KAAI"}

package/dist/components/PlChartHistogram/createGridlines.js

@@ -1,20 +1,15 @@
-import { selectAll as l } from "d3-selection";
-import { axisLeft as c, axisBottom as f } from "d3-axis";
-function d(t, a, i, e) {
-  const { width: n, height: r } = a;
-  function o() {
-    return c(i.y).ticks(6);
-  }
-  function s() {
-    return e(f(i.x));
-  }
-  t.append("g").attr("class", "grid").attr("font-family", "'Manrope', sans-serif").call(
-    o().tickSize(-n).tickFormat(() => "")
-  ), t.append("g").attr("class", "grid").attr("font-family", "'Manrope', sans-serif").attr("transform", `translate(0,${r})`).call(
-    s().tickSize(-r).tickFormat(() => "")
-  ), l(".grid line").style("stroke", "#E1E3EB").style("opacity", 0.7);
+import { selectAll as e } from "d3-selection";
+import { axisBottom as t, axisLeft as n } from "d3-axis";
+function r(r, i, a, o) {
+	let { width: s, height: c } = i;
+	function l() {
+		return n(a.y).ticks(6);
+	}
+	function u() {
+		return o(t(a.x));
+	}
+	r.append("g").attr("class", "grid").attr("font-family", "'Manrope', sans-serif").call(l().tickSize(-s).tickFormat(() => "")), r.append("g").attr("class", "grid").attr("font-family", "'Manrope', sans-serif").attr("transform", `translate(0,${c})`).call(u().tickSize(-c).tickFormat(() => "")), e(".grid line").style("stroke", "#E1E3EB").style("opacity", .7);
 }
-export {
-  d as createGridlines
-};
-//# sourceMappingURL=createGridlines.js.map
+export { r as createGridlines };
+
+//# sourceMappingURL=createGridlines.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createGridlines.js","sources":["../../../src/components/PlChartHistogram/createGridlines.ts"],"sourcesContent":["import type { ChartOptions, Scales } from \"./types\";\nimport type { Selection } from \"d3-selection\";\nimport type { Axis } from \"d3-axis\";\nimport type { NumberValue } from \"d3-scale\";\nimport { selectAll } from \"d3-selection\";\nimport { axisBottom, axisLeft } from \"d3-axis\";\n\nexport function createGridlines(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n  scales: Scales,\n  xTicks: (d: Axis<NumberValue>) => Axis<NumberValue>,\n) {\n  const { width, height } = options;\n\n  function makeYGridlines() {\n    return axisLeft(scales.y) // Use the y-scale for horizontal gridlines\n      .ticks(6); // Adjust the number of gridlines\n  }\n\n  function makeXGridlines() {\n    return xTicks(axisBottom(scales.x));\n  }\n  // Append horizontal gridlines\n  svg\n    .append(\"g\")\n    .attr(\"class\", \"grid\") // Add a class for styling\n    .attr(\"font-family\", \"'Manrope', sans-serif\") // Doesn't work\n    .call(\n      makeYGridlines()\n        .tickSize(-width) // Extend gridlines across the chart width\n        .tickFormat(() => \"\"),\n    ); // Remove tick labels\n\n  // Append vertical gridlines\n  svg\n    .append(\"g\")\n    .attr(\"class\", \"grid\") // Add a class for styling\n    .attr(\"font-family\", \"'Manrope', sans-serif\")\n    .attr(\"transform\", `translate(0,${height})`) // Position at the bottom of the chart\n    .call(\n      makeXGridlines()\n        .tickSize(-height) // Extend gridlines across the chart height\n        .tickFormat(() => \"\"),\n    ); // Remove tick labels\n\n  // Style the gridlines using CSS (or inline styles)\n  selectAll(\".grid line\")\n    .style(\"stroke\", \"#E1E3EB\") // Light gray gridlines\n    // .style('stroke-dasharray', '2,2') // Dashed gridlines\n    .style(\"opacity\", 0.7); // Slightly transparent\n}\n"],"names":["createGridlines","svg","options","scales","xTicks","width","height","makeYGridlines","axisLeft","makeXGridlines","axisBottom","selectAll"],"mappings":";;AAOO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACA,QAAM,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWJ;AAE1B,WAASK,IAAiB;AACxB,WAAOC,EAASL,EAAO,CAAC,EACrB,MAAM,CAAC;AAAA,EACZ;AAEA,WAASM,IAAiB;AACxB,WAAOL,EAAOM,EAAWP,EAAO,CAAC,CAAC;AAAA,EACpC;AAEA,EAAAF,EACG,OAAO,GAAG,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAuB,EAC3C;AAAA,IACCM,EAAA,EACG,SAAS,CAACF,CAAK,EACf,WAAW,MAAM,EAAE;AAAA,EAAA,GAI1BJ,EACG,OAAO,GAAG,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAuB,EAC3C,KAAK,aAAa,eAAeK,CAAM,GAAG,EAC1C;AAAA,IACCG,EAAA,EACG,SAAS,CAACH,CAAM,EAChB,WAAW,MAAM,EAAE;AAAA,EAAA,GAI1BK,EAAU,YAAY,EACnB,MAAM,UAAU,SAAS,EAEzB,MAAM,WAAW,GAAG;AACzB;"}
+{"version":3,"file":"createGridlines.js","names":[],"sources":["../../../src/components/PlChartHistogram/createGridlines.ts"],"sourcesContent":["import type { ChartOptions, Scales } from \"./types\";\nimport type { Selection } from \"d3-selection\";\nimport type { Axis } from \"d3-axis\";\nimport type { NumberValue } from \"d3-scale\";\nimport { selectAll } from \"d3-selection\";\nimport { axisBottom, axisLeft } from \"d3-axis\";\n\nexport function createGridlines(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n  scales: Scales,\n  xTicks: (d: Axis<NumberValue>) => Axis<NumberValue>,\n) {\n  const { width, height } = options;\n\n  function makeYGridlines() {\n    return axisLeft(scales.y) // Use the y-scale for horizontal gridlines\n      .ticks(6); // Adjust the number of gridlines\n  }\n\n  function makeXGridlines() {\n    return xTicks(axisBottom(scales.x));\n  }\n  // Append horizontal gridlines\n  svg\n    .append(\"g\")\n    .attr(\"class\", \"grid\") // Add a class for styling\n    .attr(\"font-family\", \"'Manrope', sans-serif\") // Doesn't work\n    .call(\n      makeYGridlines()\n        .tickSize(-width) // Extend gridlines across the chart width\n        .tickFormat(() => \"\"),\n    ); // Remove tick labels\n\n  // Append vertical gridlines\n  svg\n    .append(\"g\")\n    .attr(\"class\", \"grid\") // Add a class for styling\n    .attr(\"font-family\", \"'Manrope', sans-serif\")\n    .attr(\"transform\", `translate(0,${height})`) // Position at the bottom of the chart\n    .call(\n      makeXGridlines()\n        .tickSize(-height) // Extend gridlines across the chart height\n        .tickFormat(() => \"\"),\n    ); // Remove tick labels\n\n  // Style the gridlines using CSS (or inline styles)\n  selectAll(\".grid line\")\n    .style(\"stroke\", \"#E1E3EB\") // Light gray gridlines\n    // .style('stroke-dasharray', '2,2') // Dashed gridlines\n    .style(\"opacity\", 0.7); // Slightly transparent\n}\n"],"mappings":";;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,UAAO,cAAW;CAE1B,SAAS,IAAiB;AACxB,SAAO,EAAS,EAAO,EAAE,CACtB,MAAM,EAAE;;CAGb,SAAS,IAAiB;AACxB,SAAO,EAAO,EAAW,EAAO,EAAE,CAAC;;AA0BrC,CAvBA,EACG,OAAO,IAAI,CACX,KAAK,SAAS,OAAO,CACrB,KAAK,eAAe,wBAAwB,CAC5C,KACC,GAAgB,CACb,SAAS,CAAC,EAAM,CAChB,iBAAiB,GAAG,CACxB,EAGH,EACG,OAAO,IAAI,CACX,KAAK,SAAS,OAAO,CACrB,KAAK,eAAe,wBAAwB,CAC5C,KAAK,aAAa,eAAe,EAAO,GAAG,CAC3C,KACC,GAAgB,CACb,SAAS,CAAC,EAAO,CACjB,iBAAiB,GAAG,CACxB,EAGH,EAAU,aAAa,CACpB,MAAM,UAAU,UAAU,CAE1B,MAAM,WAAW,GAAI"}

package/dist/components/PlChartHistogram/createLabels.js

@@ -1,8 +1,7 @@
-function o(t, r) {
-  const { height: a, width: x, margin: e, xAxisLabel: n, yAxisLabel: i, compact: l } = r;
-  l || (t.append("text").attr("class", "x-axis-label").attr("font-weight", 500).attr("text-anchor", "middle").attr("x", x / 2).attr("y", a + e.bottom - 5).text(n ?? "Value Range"), t.append("text").attr("class", "y-axis-label").attr("font-weight", 500).attr("text-anchor", "middle").attr("x", -a / 2).attr("y", -e.left + 15).attr("transform", "rotate(-90)").text(i ?? "Frequency"));
+function e(e, t) {
+	let { height: n, width: r, margin: i, xAxisLabel: a, yAxisLabel: o, compact: s } = t;
+	s || (e.append("text").attr("class", "x-axis-label").attr("font-weight", 500).attr("text-anchor", "middle").attr("x", r / 2).attr("y", n + i.bottom - 5).text(a ?? "Value Range"), e.append("text").attr("class", "y-axis-label").attr("font-weight", 500).attr("text-anchor", "middle").attr("x", -n / 2).attr("y", -i.left + 15).attr("transform", "rotate(-90)").text(o ?? "Frequency"));
 }
-export {
-  o as createLabels
-};
-//# sourceMappingURL=createLabels.js.map
+export { e as createLabels };
+
+//# sourceMappingURL=createLabels.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createLabels.js","sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"sourcesContent":["import type { Selection } from \"d3-selection\";\nimport type { ChartOptions } from \"./types\";\n\nexport function createLabels(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n) {\n  const { height, width, margin, xAxisLabel, yAxisLabel, compact } = options;\n\n  if (compact) {\n    return;\n  }\n\n  // X-axis label\n  svg\n    .append(\"text\")\n    .attr(\"class\", \"x-axis-label\")\n    .attr(\"font-weight\", 500)\n    .attr(\"text-anchor\", \"middle\") // Center the text\n    .attr(\"x\", width / 2) // Center horizontally\n    .attr(\"y\", height + margin.bottom - 5) // Position below the X-axis\n    .text(xAxisLabel ?? \"Value Range\"); // Set your custom label text\n\n  // Y-axis label\n  svg\n    .append(\"text\")\n    .attr(\"class\", \"y-axis-label\")\n    .attr(\"font-weight\", 500)\n    .attr(\"text-anchor\", \"middle\") // Center the text\n    .attr(\"x\", -height / 2) // Center vertically (rotated axis)\n    .attr(\"y\", -margin.left + 15) // Position to the left of the Y-axis\n    .attr(\"transform\", \"rotate(-90)\") // Rotate text 90 degrees counter-clockwise\n    .text(yAxisLabel ?? \"Frequency\"); // Set your custom label text\n}\n"],"names":["createLabels","svg","options","height","width","margin","xAxisLabel","yAxisLabel","compact"],"mappings":"AAGO,SAASA,EACdC,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,SAAAC,MAAYN;AAEnE,EAAIM,MAKJP,EACG,OAAO,MAAM,EACb,KAAK,SAAS,cAAc,EAC5B,KAAK,eAAe,GAAG,EACvB,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAKG,IAAQ,CAAC,EACnB,KAAK,KAAKD,IAASE,EAAO,SAAS,CAAC,EACpC,KAAKC,KAAc,aAAa,GAGnCL,EACG,OAAO,MAAM,EACb,KAAK,SAAS,cAAc,EAC5B,KAAK,eAAe,GAAG,EACvB,KAAK,eAAe,QAAQ,EAC5B,KAAK,KAAK,CAACE,IAAS,CAAC,EACrB,KAAK,KAAK,CAACE,EAAO,OAAO,EAAE,EAC3B,KAAK,aAAa,aAAa,EAC/B,KAAKE,KAAc,WAAW;AACnC;"}
+{"version":3,"file":"createLabels.js","names":[],"sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"sourcesContent":["import type { Selection } from \"d3-selection\";\nimport type { ChartOptions } from \"./types\";\n\nexport function createLabels(\n  svg: Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n) {\n  const { height, width, margin, xAxisLabel, yAxisLabel, compact } = options;\n\n  if (compact) {\n    return;\n  }\n\n  // X-axis label\n  svg\n    .append(\"text\")\n    .attr(\"class\", \"x-axis-label\")\n    .attr(\"font-weight\", 500)\n    .attr(\"text-anchor\", \"middle\") // Center the text\n    .attr(\"x\", width / 2) // Center horizontally\n    .attr(\"y\", height + margin.bottom - 5) // Position below the X-axis\n    .text(xAxisLabel ?? \"Value Range\"); // Set your custom label text\n\n  // Y-axis label\n  svg\n    .append(\"text\")\n    .attr(\"class\", \"y-axis-label\")\n    .attr(\"font-weight\", 500)\n    .attr(\"text-anchor\", \"middle\") // Center the text\n    .attr(\"x\", -height / 2) // Center vertically (rotated axis)\n    .attr(\"y\", -margin.left + 15) // Position to the left of the Y-axis\n    .attr(\"transform\", \"rotate(-90)\") // Rotate text 90 degrees counter-clockwise\n    .text(yAxisLabel ?? \"Frequency\"); // Set your custom label text\n}\n"],"mappings":"AAGA,SAAgB,EACd,GACA,GACA;CACA,IAAM,EAAE,WAAQ,UAAO,WAAQ,eAAY,eAAY,eAAY;AAE/D,OAKJ,EACG,OAAO,OAAO,CACd,KAAK,SAAS,eAAe,CAC7B,KAAK,eAAe,IAAI,CACxB,KAAK,eAAe,SAAS,CAC7B,KAAK,KAAK,IAAQ,EAAE,CACpB,KAAK,KAAK,IAAS,EAAO,SAAS,EAAE,CACrC,KAAK,KAAc,cAAc,EAGpC,EACG,OAAO,OAAO,CACd,KAAK,SAAS,eAAe,CAC7B,KAAK,eAAe,IAAI,CACxB,KAAK,eAAe,SAAS,CAC7B,KAAK,KAAK,CAAC,IAAS,EAAE,CACtB,KAAK,KAAK,CAAC,EAAO,OAAO,GAAG,CAC5B,KAAK,aAAa,cAAc,CAChC,KAAK,KAAc,YAAY"}

package/dist/components/PlChartHistogram/createSvgContainer.js

@@ -1,9 +1,8 @@
-import { select as o } from "d3-selection";
-function h(e, i) {
-  const { width: n, height: r, margin: t, compact: a } = i;
-  return e.replaceChildren(), a && (e.style.height = r + "px", e.style.lineHeight = r + "px"), o(e).append("svg").attr("width", n + t.left + t.right).attr("height", r + t.top + t.bottom).append("g").attr("transform", `translate(${t.left},${t.top})`);
+import { select as e } from "d3-selection";
+function t(t, n) {
+	let { width: r, height: i, margin: a, compact: o } = n;
+	return t.replaceChildren(), o && (t.style.height = i + "px", t.style.lineHeight = i + "px"), e(t).append("svg").attr("width", r + a.left + a.right).attr("height", i + a.top + a.bottom).append("g").attr("transform", `translate(${a.left},${a.top})`);
 }
-export {
-  h as createSvgContainer
-};
-//# sourceMappingURL=createSvgContainer.js.map
+export { t as createSvgContainer };
+
+//# sourceMappingURL=createSvgContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createSvgContainer.js","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(\"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(\"transform\", `translate(${margin.left},${margin.top})`);\n\n  return svg;\n}\n"],"names":["createSvgContainer","el","options","width","height","margin","compact","select"],"mappings":";AAGO,SAASA,EAAmBC,GAAiBC,GAAuB;AACzE,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,MAAYJ;AAE3C,SAAAD,EAAG,gBAAA,GAECK,MACFL,EAAG,MAAM,SAASG,IAAS,MAC3BH,EAAG,MAAM,aAAaG,IAAS,OAGrBG,EAAON,CAAE,EAClB,OAAO,KAAK,EACZ,KAAK,SAASE,IAAQE,EAAO,OAAOA,EAAO,KAAK,EAChD,KAAK,UAAUD,IAASC,EAAO,MAAMA,EAAO,MAAM,EAClD,OAAO,GAAG,EACV,KAAK,aAAa,aAAaA,EAAO,IAAI,IAAIA,EAAO,GAAG,GAAG;AAGhE;"}
+{"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(\"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(\"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;AAgB3C,QAdA,EAAG,iBAAiB,EAEhB,MACF,EAAG,MAAM,SAAS,IAAS,MAC3B,EAAG,MAAM,aAAa,IAAS,OAGrB,EAAO,EAAG,CACnB,OAAO,MAAM,CACb,KAAK,SAAS,IAAQ,EAAO,OAAO,EAAO,MAAM,CACjD,KAAK,UAAU,IAAS,EAAO,MAAM,EAAO,OAAO,CACnD,OAAO,IAAI,CACX,KAAK,aAAa,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,GAAG"}

package/dist/components/PlChartHistogram/drawBins.js

@@ -1,19 +1,14 @@
-import { select as y } from "d3-selection";
-function f(n, l, r, a) {
-  const { height: c } = r, { x: e, y: s } = a, o = y("body").append("div").attr("class", "svg-tooltip").style("position", "absolute").style("visibility", "hidden"), p = function(t, i) {
-    o.style("visibility", "visible").text(`count: ${i.length}
-x0: ${i.x0}
-x1: ${i.x1}`);
-  }, x = function(t) {
-    o.style("top", t.pageY - 10 + "px").style("left", t.pageX + 10 + "px");
-  }, u = function() {
-    o.style("visibility", "hidden");
-  };
-  n.selectAll("rect").data(l).enter().append("rect").attr("x", (t) => e(t.x0)).attr("y", (t) => s(t.length)).attr("width", (t) => e(t.x1) - e(t.x0)).attr("height", (t) => c - s(t.length)).style("fill", "#929BAD").attr("stroke", "#fff").attr("stroke-opacity", 0.2).attr("stroke-width", 0.5).on("mouseover", p).on("mousemove", x).on("mouseout", u).append("title").text((t) => `[${t.x0}, ${t.x1}]
-` + t.length + `
-`);
+import { select as e } from "d3-selection";
+function t(t, n, r, i) {
+	let { height: a } = r, { x: o, y: s } = i, c = e("body").append("div").attr("class", "svg-tooltip").style("position", "absolute").style("visibility", "hidden");
+	t.selectAll("rect").data(n).enter().append("rect").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) {
+		c.style("visibility", "visible").text(`count: ${t.length}\nx0: ${t.x0}\nx1: ${t.x1}`);
+	}).on("mousemove", function(e) {
+		c.style("top", e.pageY - 10 + "px").style("left", e.pageX + 10 + "px");
+	}).on("mouseout", function() {
+		c.style("visibility", "hidden");
+	}).append("title").text((e) => `[${e.x0}, ${e.x1}]\n` + e.length + "\n");
 }
-export {
-  f as drawBins
-};
-//# sourceMappingURL=drawBins.js.map
+export { t as drawBins };
+
+//# sourceMappingURL=drawBins.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawBins.js","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    .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(\"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"],"names":["drawBins","svg","bins","dimension","scales","height","x","y","tooltip","select","mouseover","_event","d","mousemove","event","mouseout"],"mappings":";AAGO,SAASA,EAASC,GAAUC,GAAiBC,GAAyBC,GAAgB;AAC3F,QAAM,EAAE,QAAAC,MAAWF,GAEb,EAAE,GAAAG,GAAG,GAAAC,EAAA,IAAMH,GAEXI,IAAUC,EAAO,MAAM,EAC1B,OAAO,KAAK,EACZ,KAAK,SAAS,aAAa,EAC3B,MAAM,YAAY,UAAU,EAC5B,MAAM,cAAc,QAAQ,GAGzBC,IAAY,SAAUC,GAAoBC,GAAY;AAC1D,IAAAJ,EAAQ,MAAM,cAAc,SAAS,EAAE,KAAK,UAAUI,EAAE,MAAM;AAAA,MAASA,EAAE,EAAE;AAAA,MAASA,EAAE,EAAE,EAAE;AAAA,EAC5F,GAEMC,IAAY,SAAUC,GAAmB;AAC7C,IAAAN,EAAQ,MAAM,OAAOM,EAAM,QAAQ,KAAK,IAAI,EAAE,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;AAAA,EACrF,GAEMC,IAAW,WAAY;AAC3B,IAAAP,EAAQ,MAAM,cAAc,QAAQ;AAAA,EACtC;AAGA,EAAAP,EACG,UAAU,MAAM,EAChB,KAAKC,CAAI,EACT,QACA,OAAO,MAAM,EACb,KAAK,KAAK,CAACU,MAAMN,EAAEM,EAAE,EAAG,CAAC,EACzB,KAAK,KAAK,CAACA,MAAML,EAAEK,EAAE,MAAM,CAAC,EAC5B,KAAK,SAAS,CAACA,MAAMN,EAAEM,EAAE,EAAG,IAAIN,EAAEM,EAAE,EAAG,CAAC,EACxC,KAAK,UAAU,CAACA,MAAMP,IAASE,EAAEK,EAAE,MAAM,CAAC,EAC1C,MAAM,QAAQ,SAAS,EACvB,KAAK,UAAU,MAAM,EACrB,KAAK,kBAAkB,GAAG,EAC1B,KAAK,gBAAgB,GAAG,EACxB,GAAG,aAAaF,CAAS,EACzB,GAAG,aAAaG,CAAS,EACzB,GAAG,YAAYE,CAAQ,EACvB,OAAO,OAAO,EACd,KAAK,CAACH,MAAM,IAAIA,EAAE,EAAE,KAAKA,EAAE,EAAE;AAAA,IAAQA,EAAE,SAAS;AAAA,CAAI;AACzD;"}
+{"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    .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(\"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,MAAM,YAAY,WAAW,CAC7B,MAAM,cAAc,SAAS;AAgBhC,GACG,UAAU,OAAO,CACjB,KAAK,EAAK,CACV,OAAO,CACP,OAAO,OAAO,CACd,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,aA1BY,SAAU,GAAoB,GAAY;AAC1D,IAAQ,MAAM,cAAc,UAAU,CAAC,KAAK,UAAU,EAAE,OAAO,QAAQ,EAAE,GAAG,QAAQ,EAAE,KAAK;GAyBhE,CAC1B,GAAG,aAvBY,SAAU,GAAmB;AAC7C,IAAQ,MAAM,OAAO,EAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,QAAQ,EAAM,QAAQ,KAAK,KAAK;GAsBzD,CAC1B,GAAG,YApBW,WAAY;AAC3B,IAAQ,MAAM,cAAc,SAAS;GAmBZ,CACxB,OAAO,QAAQ,CACf,MAAM,MAAM,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAE,SAAS,KAAK"}

package/dist/components/PlChartHistogram/drawThreshold.js

@@ -1,8 +1,7 @@
-function h(a, r, e) {
-  const { threshold: t } = e;
-  t && a.append("line").attr("x1", r.x(t)).attr("x2", r.x(t)).attr("y1", 0).attr("y2", e.height).style("stroke", "#F05670").style("stroke-width", "1").style("stroke-dasharray", "7.4 3.2");
+function e(e, t, n) {
+	let { threshold: r } = n;
+	r && e.append("line").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");
 }
-export {
-  h as drawThreshold
-};
-//# sourceMappingURL=drawThreshold.js.map
+export { e as drawThreshold };
+
+//# sourceMappingURL=drawThreshold.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawThreshold.js","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(\"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"],"names":["drawThreshold","svg","scales","options","threshold"],"mappings":"AAEO,SAASA,EAAcC,GAAUC,GAAgBC,GAAuB;AAC7E,QAAM,EAAE,WAAAC,MAAcD;AAEtB,EAAKC,KAILH,EACG,OAAO,MAAM,EACb,KAAK,MAAMC,EAAO,EAAEE,CAAS,CAAC,EAC9B,KAAK,MAAMF,EAAO,EAAEE,CAAS,CAAC,EAC9B,KAAK,MAAM,CAAC,EACZ,KAAK,MAAMD,EAAQ,MAAM,EACzB,MAAM,UAAU,SAAS,EACzB,MAAM,gBAAgB,GAAG,EACzB,MAAM,oBAAoB,SAAS;AACxC;"}
+{"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(\"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,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"}

package/dist/components/PlChartHistogram/histogram.js

@@ -1,38 +1,57 @@
-import { createSvgContainer as u } from "./createSvgContainer.js";
-import { drawBins as k } from "./drawBins.js";
-import { createGridlines as y } from "./createGridlines.js";
-import { logspace as H } from "./logspace.js";
-import { createLabels as z } from "./createLabels.js";
-import { drawThreshold as S } from "./drawThreshold.js";
-import { normalizeBins as w } from "./normalizeBins.js";
-import { min as $, max as d, bin as F } from "d3-array";
-import { scaleSymlog as T, scaleLinear as C } from "d3-scale";
-import { axisBottom as b, axisLeft as B } from "d3-axis";
-const V = (n, t) => n.append("g").style("font-size", "14px").style("font-weight", "500").attr("transform", `translate(0,${t})`), v = (n) => n.append("g").style("font-size", "14px").style("font-weight", "500"), L = (n, t) => C().domain([0, d(n, (r) => r.length)]).range([t, 0]);
-function K(n, t, r) {
-  const { width: g, height: m, nBins: s = 10 } = t, e = u(n, t), h = $(r), l = d(r), c = C().domain([h, l]).range([0, g]), o = w(
-    F().domain(c.domain()).thresholds(c.ticks(s))(r)
-  ), a = L(o, m);
-  y(e, t, { x: c, y: a }, (i) => i.ticks(6)), k(e, o, t, { x: c, y: a }), S(e, { x: c, y: a }, t), V(e, m).call(b(c).tickSize(0)), v(e).call(B(a).tickSize(0)), z(e, t);
+import { createSvgContainer as e } from "./createSvgContainer.js";
+import { drawBins as t } from "./drawBins.js";
+import { createGridlines as n } from "./createGridlines.js";
+import { logspace as r } from "./logspace.js";
+import { createLabels as i } from "./createLabels.js";
+import { drawThreshold as a } from "./drawThreshold.js";
+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";
+var m = (e, t) => e.append("g").style("font-size", "14px").style("font-weight", "500").attr("transform", `translate(0,${t})`), h = (e) => e.append("g").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);
+	n(x, p, {
+		x: w,
+		y: E
+	}, (e) => e.ticks(6)), t(x, T, p, {
+		x: w,
+		y: E
+	}), a(x, {
+		x: w,
+		y: E
+	}, p), m(x, y).call(s(w).tickSize(0)), h(x).call(c(E).tickSize(0)), i(x, p);
 }
-function O(n, t, r) {
-  const { width: g, height: m, nBins: s = 10 } = t, e = u(n, t), h = $(r), l = d(r), c = T().domain([h, l]).range([0, g]).nice(), o = (f) => {
-    const M = [];
-    for (let x = 0; x <= f; x++)
-      M.push(Number(c.invert(g * (x / f)).toFixed(2)));
-    return M;
-  }, a = w(
-    F().domain(c.domain()).thresholds(o(s))(r)
-  ), i = L(a, m), p = H(0, Math.ceil(Math.log10(l)), 6);
-  y(e, t, { x: c, y: i }, (f) => f.tickValues(p)), k(e, a, t, { x: c, y: i }), S(e, { x: c, y: i }, t), V(e, m).call(b(c).tickValues(p).tickSize(0)), v(e).call(B(i).tickSize(0)), z(e, t);
+function v(f, _, v) {
+	let { width: y, height: b, nBins: x = 10 } = _, S = e(f, _), C = d(v), w = u(v), T = p().domain([C, w]).range([0, y]).nice(), E = o(l().domain(T.domain()).thresholds(((e) => {
+		let t = [];
+		for (let n = 0; n <= e; n++) t.push(Number(T.invert(n / e * y).toFixed(2)));
+		return t;
+	})(x))(v)), D = g(E, b), O = r(0, Math.ceil(Math.log10(w)), 6);
+	n(S, _, {
+		x: T,
+		y: D
+	}, (e) => e.tickValues(O)), t(S, E, _, {
+		x: T,
+		y: D
+	}), a(S, {
+		x: T,
+		y: D
+	}, _), m(S, b).call(s(T).tickValues(O).tickSize(0)), h(S).call(c(D).tickSize(0)), i(S, _);
 }
-function P(n, t, r) {
-  const { width: g, height: m } = t, s = u(n, t), e = w(r), h = $(e, (i) => i.x0), l = d(e, (i) => i.x1), c = T().domain([h, l]).range([0, g]).nice(), o = L(e, m), a = H(0, Math.ceil(Math.log10(l)), 6);
-  y(s, t, { x: c, y: o }, (i) => i.tickValues(a)), k(s, e, t, { x: c, y: o }), S(s, { x: c, y: o }, t), V(s, m).call(b(c).tickValues(a).tickSize(0)), v(s).call(B(o).tickSize(0)), z(s, t);
+function y(l, f, _) {
+	let { width: v, height: y } = f, b = e(l, f), x = o(_), S = d(x, (e) => e.x0), C = u(x, (e) => e.x1), w = p().domain([S, C]).range([0, v]).nice(), T = g(x, y), E = r(0, Math.ceil(Math.log10(C)), 6);
+	n(b, f, {
+		x: w,
+		y: T
+	}, (e) => e.tickValues(E)), t(b, x, f, {
+		x: w,
+		y: T
+	}), a(b, {
+		x: w,
+		y: T
+	}, f), m(b, y).call(s(w).tickValues(E).tickSize(0)), h(b).call(c(T).tickSize(0)), i(b, f);
 }
-export {
-  P as createHistogramFromBins,
-  K as createHistogramLinear,
-  O as createHistogramLog
-};
-//# sourceMappingURL=histogram.js.map
+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","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    .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.append(\"g\").style(\"font-size\", \"14px\").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"],"names":["gx","svg","height","gy","createYScale","bins","scaleLinear","d3max","d","createHistogramLinear","el","options","data","width","nBins","createSvgContainer","min","d3min","max","x","normalizeBins","bin","y","createGridlines","drawBins","drawThreshold","axisBottom","axisLeft","createLabels","createHistogramLog","scaleSymlog","createThresholds","n","res","i","tickValues","logspace","createHistogramFromBins","_bins","b"],"mappings":"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"}
+{"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    .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.append(\"g\").style(\"font-size\", \"14px\").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/logspace.js

@@ -1,13 +1,12 @@
-function f(o, r, t = 50, s = 10) {
-  if (t <= 0) return [];
-  const c = (r - o) / (t - 1), n = [];
-  for (let e = 0; e < t; e++) {
-    const p = o + e * c;
-    n.push(Math.pow(s, p));
-  }
-  return n;
+function e(e, t, n = 50, r = 10) {
+	if (n <= 0) return [];
+	let i = (t - e) / (n - 1), a = [];
+	for (let t = 0; t < n; t++) {
+		let n = e + t * i;
+		a.push(r ** +n);
+	}
+	return a;
 }
-export {
-  f as logspace
-};
-//# sourceMappingURL=logspace.js.map
+export { e as logspace };
+
+//# sourceMappingURL=logspace.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logspace.js","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"],"names":["logspace","startExp","stopExp","num","base","step","result","i","exponent"],"mappings":"AAAO,SAASA,EAASC,GAAkBC,GAAiBC,IAAM,IAAIC,IAAO,IAAI;AAC/E,MAAID,KAAO,EAAG,QAAO,CAAA;AAErB,QAAME,KAAQH,IAAUD,MAAaE,IAAM,IACrCG,IAAS,CAAA;AAEf,WAASC,IAAI,GAAGA,IAAIJ,GAAKI,KAAK;AAC5B,UAAMC,IAAWP,IAAWM,IAAIF;AAChC,IAAAC,EAAO,KAAK,KAAK,IAAIF,GAAMI,CAAQ,CAAC;AAAA,EACtC;AAEA,SAAOF;AACT;"}
+{"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"}

package/dist/components/PlChartHistogram/normalizeBins.js

@@ -1,15 +1,14 @@
-function e(r) {
-  return r.map((n) => "from" in n ? {
-    x0: n.from,
-    x1: n.to,
-    length: n.weight
-  } : {
-    x0: n.x0,
-    x1: n.x1,
-    length: n.length
-  });
+function e(e) {
+	return e.map((e) => "from" in e ? {
+		x0: e.from,
+		x1: e.to,
+		length: e.weight
+	} : {
+		x0: e.x0,
+		x1: e.x1,
+		length: e.length
+	});
 }
-export {
-  e as normalizeBins
-};
-//# sourceMappingURL=normalizeBins.js.map
+export { e as normalizeBins };
+
+//# sourceMappingURL=normalizeBins.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"normalizeBins.js","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"],"names":["normalizeBins","bins","it"],"mappings":"AAGO,SAASA,EAAcC,GAAmD;AAC/E,SAAOA,EAAK,IAAI,CAACC,MACX,UAAUA,IACL;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EAAA,IAIR;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EAAA,CAEd;AACH;"}
+{"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"}

package/dist/components/PlChartStackedBar/Legends.js

@@ -0,0 +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 }]]);
+export { r as default };
+
+//# sourceMappingURL=Legends.js.map

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

@@ -0,0 +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 :class=\"$style.component\">\n    <div v-for=\"(group, k) in groups\" :key=\"k\" :class=\"$style.legend\">\n      <div v-for=\"(l, i) in group\" :key=\"i\" :class=\"$style.item\">\n        <div :class=\"$style.chip\" :style=\"{ backgroundColor: l.color.toString() }\" />\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

@@ -0,0 +1,10 @@
+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"
+};
+export { e as default };
+
+//# sourceMappingURL=Legends.style.js.map