@milaboratories/uikit 2.3.22 → 2.3.24

package/.turbo/turbo-type-check.log

@@ -1,5 +1,5 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @milaboratories/uikit@2.3.22 type-check /home/runner/_work/platforma/platforma/lib/ui/uikit
+> @milaboratories/uikit@2.3.24 type-check /home/runner/_work/platforma/platforma/lib/ui/uikit
 > vue-tsc --project ./tsconfig.lib.json
 

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @milaboratories/uikit
 
+## 2.3.24
+
+### Patch Changes
+
+- @platforma-sdk/model@1.42.0
+
+## 2.3.23
+
+### Patch Changes
+
+- e2a1629: update dependencies
+
 ## 2.3.22
 
 ### Patch Changes

package/dist/components/DataTable/TableComponent.vue.js

@@ -102,14 +102,12 @@ import "../../sdk/model/dist/index.js";
 
 
 
-import "../../node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
-import "../../node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import "../../colors/color.js";
 import "../../colors/gradient.js";
 const X = { class: "command-menu__container" }, Y = {
   key: 0,
   class: "table-body__no-data"
-}, Z = { class: "carets" }, uo = /* @__PURE__ */ H({
+}, Z = { class: "carets" }, lo = /* @__PURE__ */ H({
   __name: "TableComponent",
   props: {
     settings: {}
@@ -206,6 +204,6 @@ const X = { class: "command-menu__container" }, Y = {
   }
 });
 export {
-  uo as default
+  lo as default
 };
 //# sourceMappingURL=TableComponent.vue.js.map

package/dist/components/DataTable/TableComponent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.vue.js","sources":["../../../src/components/DataTable/TableComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './assets/data-table-style.scss';\nimport { ref, unref, onMounted, nextTick, watchPostEffect, watch, computed } from 'vue';\nimport TdCell from './TdCell.vue';\nimport type { TableSettings, TableData } from './types';\nimport TableIcon from './assets/TableIcon.vue';\nimport TrHead from './TrHead.vue';\nimport ThCell from './ThCell.vue';\nimport TrBody from './TrBody.vue';\nimport ColumnCaret from './ColumnCaret.vue';\nimport { useEventListener } from '../../index';\nimport { tapIf } from '@milaboratories/helpers';\nimport { useResize } from './composition/useResize';\nimport RowsCommandMenu from './RowsCommandMenu.vue';\nimport ColumnsCommandMenu from './ColumnsCommandMenu.vue';\nimport TScroll from './TScroll.vue';\nimport { createState } from './state';\n\nconst emit = defineEmits<{\n  (e: 'update:data', value: TableData): void;\n  (e: 'change:sort', value: unknown): void;\n}>();\n\nconst props = defineProps<{\n  settings: Readonly<TableSettings>;\n}>();\n\nconst state = createState(props);\n\nconst hasNoData = computed(() => state.data.rows.length === 0);\n\nconst tableBodyStyle = computed(() => ({\n  height: hasNoData.value ? '212px' /* css value */ : state.data.bodyHeight + 'px',\n}));\n\nwatch(state.data, (v) => emit('update:data', v), { deep: true });\n\nwatch(props, () => updateDimensions);\n\nconst tableRef = ref<HTMLElement>();\nconst headRef = ref<HTMLElement>();\nconst bodyRef = ref<HTMLElement>();\n\nconst updateDimensions = () => {\n  tapIf(bodyRef.value, (el) => {\n    state.updateDimensions(el.getBoundingClientRect());\n  });\n};\n\nconst tableColumns = state.tableColumns;\n\nconst tableRows = state.tableRows;\n\nconst { mouseDown } = useResize(state, tableRef);\n\nonMounted(() => {\n  nextTick(updateDimensions);\n});\n\nwatchPostEffect(() => {\n  unref(props.settings);\n  nextTick(updateDimensions);\n});\n\nuseEventListener(window, 'resize', () => nextTick(updateDimensions));\n\nconst onWheel = (ev: WheelEvent) => {\n  ev.preventDefault();\n  state.updateOffsets(ev);\n};\n</script>\n\n<template>\n  <div ref=\"tableRef\" class=\"data-table\" @mousedown=\"mouseDown\">\n    <div class=\"command-menu__container\">\n      <RowsCommandMenu />\n      <ColumnsCommandMenu />\n    </div>\n    <div ref=\"headRef\" class=\"table-head\">\n      <TrHead>\n        <ThCell v-for=\"(col, i) in tableColumns\" :key=\"i\" :col=\"col\" :style=\"col.style\" @change:sort=\"$emit('change:sort', $event)\" />\n      </TrHead>\n    </div>\n    <div ref=\"bodyRef\" class=\"table-body\" :style=\"tableBodyStyle\" @wheel=\"onWheel\">\n      <div v-if=\"hasNoData\" class=\"table-body__no-data\">\n        <div>\n          <TableIcon />\n          <div>No Data To Show</div>\n        </div>\n      </div>\n      <TrBody v-for=\"(row, i) in tableRows\" :key=\"i\" :row=\"row\">\n        <TdCell v-for=\"cell in row.cells\" :key=\"cell.column.id + ':' + i\" :cell=\"cell\" :style=\"cell.style\" />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret v-for=\"(col, i) in tableColumns\" :key=\"i\" :column=\"col\" :style=\"col.style\" @change:sort=\"$emit('change:sort', $event)\" />\n    </div>\n    <TScroll\n      :offset=\"state.data.scrollTop\"\n      :window-size=\"state.data.bodyHeight\"\n      :data-size=\"state.data.dataHeight\"\n      @change:offset=\"state.updateScrollTop\"\n    />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","state","createState","hasNoData","computed","tableBodyStyle","watch","v","updateDimensions","tableRef","ref","headRef","bodyRef","tapIf","el","tableColumns","tableRows","mouseDown","useResize","onMounted","nextTick","watchPostEffect","unref","useEventListener","onWheel","ev"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAOC,GAKPC,IAAQC,GAIRC,IAAQC,EAAYH,CAAK,GAEzBI,IAAYC,EAAS,MAAMH,EAAM,KAAK,KAAK,WAAW,CAAC,GAEvDI,IAAiBD,EAAS,OAAO;AAAA,MACrC,QAAQD,EAAU,QAAQ,UAA0BF,EAAM,KAAK,aAAa;AAAA,IAAA,EAC5E;AAEI,IAAAK,EAAAL,EAAM,MAAM,CAACM,MAAMV,EAAK,eAAeU,CAAC,GAAG,EAAE,MAAM,GAAA,CAAM,GAEzDD,EAAAP,GAAO,MAAMS,CAAgB;AAEnC,UAAMC,IAAWC,EAAiB,GAC5BC,IAAUD,EAAiB,GAC3BE,IAAUF,EAAiB,GAE3BF,IAAmB,MAAM;AACvBK,MAAAA,EAAAD,EAAQ,OAAO,CAACE,MAAO;AACrB,QAAAb,EAAA,iBAAiBa,EAAG,uBAAuB;AAAA,MAAA,CAClD;AAAA,IACH,GAEMC,IAAed,EAAM,cAErBe,IAAYf,EAAM,WAElB,EAAE,WAAAgB,EAAc,IAAAC,EAAUjB,GAAOQ,CAAQ;AAE/C,IAAAU,EAAU,MAAM;AACd,MAAAC,EAASZ,CAAgB;AAAA,IAAA,CAC1B,GAEDa,EAAgB,MAAM;AACpB,MAAAC,EAAMvB,EAAM,QAAQ,GACpBqB,EAASZ,CAAgB;AAAA,IAAA,CAC1B,GAEDe,EAAiB,QAAQ,UAAU,MAAMH,EAASZ,CAAgB,CAAC;AAE7D,UAAAgB,IAAU,CAACC,MAAmB;AAClC,MAAAA,EAAG,eAAe,GAClBxB,EAAM,cAAcwB,CAAE;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableComponent.vue.js","sources":["../../../src/components/DataTable/TableComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './assets/data-table-style.scss';\nimport { ref, unref, onMounted, nextTick, watchPostEffect, watch, computed } from 'vue';\nimport TdCell from './TdCell.vue';\nimport type { TableSettings, TableData } from './types';\nimport TableIcon from './assets/TableIcon.vue';\nimport TrHead from './TrHead.vue';\nimport ThCell from './ThCell.vue';\nimport TrBody from './TrBody.vue';\nimport ColumnCaret from './ColumnCaret.vue';\nimport { useEventListener } from '../../index';\nimport { tapIf } from '@milaboratories/helpers';\nimport { useResize } from './composition/useResize';\nimport RowsCommandMenu from './RowsCommandMenu.vue';\nimport ColumnsCommandMenu from './ColumnsCommandMenu.vue';\nimport TScroll from './TScroll.vue';\nimport { createState } from './state';\n\nconst emit = defineEmits<{\n  (e: 'update:data', value: TableData): void;\n  (e: 'change:sort', value: unknown): void;\n}>();\n\nconst props = defineProps<{\n  settings: Readonly<TableSettings>;\n}>();\n\nconst state = createState(props);\n\nconst hasNoData = computed(() => state.data.rows.length === 0);\n\nconst tableBodyStyle = computed(() => ({\n  height: hasNoData.value ? '212px' /* css value */ : state.data.bodyHeight + 'px',\n}));\n\nwatch(state.data, (v) => emit('update:data', v), { deep: true });\n\nwatch(props, () => updateDimensions);\n\nconst tableRef = ref<HTMLElement>();\nconst headRef = ref<HTMLElement>();\nconst bodyRef = ref<HTMLElement>();\n\nconst updateDimensions = () => {\n  tapIf(bodyRef.value, (el) => {\n    state.updateDimensions(el.getBoundingClientRect());\n  });\n};\n\nconst tableColumns = state.tableColumns;\n\nconst tableRows = state.tableRows;\n\nconst { mouseDown } = useResize(state, tableRef);\n\nonMounted(() => {\n  nextTick(updateDimensions);\n});\n\nwatchPostEffect(() => {\n  unref(props.settings);\n  nextTick(updateDimensions);\n});\n\nuseEventListener(window, 'resize', () => nextTick(updateDimensions));\n\nconst onWheel = (ev: WheelEvent) => {\n  ev.preventDefault();\n  state.updateOffsets(ev);\n};\n</script>\n\n<template>\n  <div ref=\"tableRef\" class=\"data-table\" @mousedown=\"mouseDown\">\n    <div class=\"command-menu__container\">\n      <RowsCommandMenu />\n      <ColumnsCommandMenu />\n    </div>\n    <div ref=\"headRef\" class=\"table-head\">\n      <TrHead>\n        <ThCell v-for=\"(col, i) in tableColumns\" :key=\"i\" :col=\"col\" :style=\"col.style\" @change:sort=\"$emit('change:sort', $event)\" />\n      </TrHead>\n    </div>\n    <div ref=\"bodyRef\" class=\"table-body\" :style=\"tableBodyStyle\" @wheel=\"onWheel\">\n      <div v-if=\"hasNoData\" class=\"table-body__no-data\">\n        <div>\n          <TableIcon />\n          <div>No Data To Show</div>\n        </div>\n      </div>\n      <TrBody v-for=\"(row, i) in tableRows\" :key=\"i\" :row=\"row\">\n        <TdCell v-for=\"cell in row.cells\" :key=\"cell.column.id + ':' + i\" :cell=\"cell\" :style=\"cell.style\" />\n      </TrBody>\n    </div>\n    <div class=\"carets\">\n      <ColumnCaret v-for=\"(col, i) in tableColumns\" :key=\"i\" :column=\"col\" :style=\"col.style\" @change:sort=\"$emit('change:sort', $event)\" />\n    </div>\n    <TScroll\n      :offset=\"state.data.scrollTop\"\n      :window-size=\"state.data.bodyHeight\"\n      :data-size=\"state.data.dataHeight\"\n      @change:offset=\"state.updateScrollTop\"\n    />\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","state","createState","hasNoData","computed","tableBodyStyle","watch","v","updateDimensions","tableRef","ref","headRef","bodyRef","tapIf","el","tableColumns","tableRows","mouseDown","useResize","onMounted","nextTick","watchPostEffect","unref","useEventListener","onWheel","ev"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAOC,GAKPC,IAAQC,GAIRC,IAAQC,EAAYH,CAAK,GAEzBI,IAAYC,EAAS,MAAMH,EAAM,KAAK,KAAK,WAAW,CAAC,GAEvDI,IAAiBD,EAAS,OAAO;AAAA,MACrC,QAAQD,EAAU,QAAQ,UAA0BF,EAAM,KAAK,aAAa;AAAA,IAAA,EAC5E;AAEI,IAAAK,EAAAL,EAAM,MAAM,CAACM,MAAMV,EAAK,eAAeU,CAAC,GAAG,EAAE,MAAM,GAAA,CAAM,GAEzDD,EAAAP,GAAO,MAAMS,CAAgB;AAEnC,UAAMC,IAAWC,EAAiB,GAC5BC,IAAUD,EAAiB,GAC3BE,IAAUF,EAAiB,GAE3BF,IAAmB,MAAM;AACvBK,MAAAA,EAAAD,EAAQ,OAAO,CAACE,MAAO;AACrB,QAAAb,EAAA,iBAAiBa,EAAG,uBAAuB;AAAA,MAAA,CAClD;AAAA,IACH,GAEMC,IAAed,EAAM,cAErBe,IAAYf,EAAM,WAElB,EAAE,WAAAgB,EAAc,IAAAC,EAAUjB,GAAOQ,CAAQ;AAE/C,IAAAU,EAAU,MAAM;AACd,MAAAC,EAASZ,CAAgB;AAAA,IAAA,CAC1B,GAEDa,EAAgB,MAAM;AACpB,MAAAC,EAAMvB,EAAM,QAAQ,GACpBqB,EAASZ,CAAgB;AAAA,IAAA,CAC1B,GAEDe,EAAiB,QAAQ,UAAU,MAAMH,EAASZ,CAAgB,CAAC;AAE7D,UAAAgB,IAAU,CAACC,MAAmB;AAClC,MAAAA,EAAG,eAAe,GAClBxB,EAAM,cAAcwB,CAAE;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlChartHistogram/createGridlines.d.ts

@@ -1,4 +1,6 @@
 import { ChartOptions, Scales } from './types';
-import * as d3 from 'd3';
-export declare function createGridlines(svg: d3.Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions, scales: Scales, xTicks: (d: d3.Axis<d3.NumberValue>) => d3.Axis<d3.NumberValue>): void;
+import { Selection } from 'd3-selection';
+import { Axis } from 'd3-axis';
+import { NumberValue } from 'd3-scale';
+export declare function createGridlines(svg: Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions, scales: Scales, xTicks: (d: Axis<NumberValue>) => Axis<NumberValue>): void;
 //# sourceMappingURL=createGridlines.d.ts.map

package/dist/components/PlChartHistogram/createGridlines.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createGridlines.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/createGridlines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,eAAe,CAC7B,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,QAkChE"}
+{"version":3,"file":"createGridlines.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/createGridlines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5C,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,EACrD,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,QAkCpD"}

package/dist/components/PlChartHistogram/createGridlines.js

@@ -1,18 +1,16 @@
-import "../../node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
-import "../../node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import l from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selectAll.js";
-import { axisLeft as c, axisBottom as m } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
-function y(t, a, i, e) {
+import { axisLeft as c, axisBottom as f } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
+function d(t, a, i, e) {
   const { width: n, height: r } = a;
   function o() {
     return c(i.y).ticks(6);
   }
   function s() {
-    return e(m(i.x));
+    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);
 }
 export {
-  y as createGridlines
+  d 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 * as d3 from 'd3';\nimport type { ChartOptions, Scales } from './types';\n\nexport function createGridlines(\n  svg: d3.Selection<SVGGElement, unknown, null, undefined>,\n  options: ChartOptions,\n  scales: Scales,\n  xTicks: (d: d3.Axis<d3.NumberValue>) => d3.Axis<d3.NumberValue>,\n) {\n  const { width, height } = options;\n\n  function makeYGridlines() {\n    return d3.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(d3.axisBottom(scales.x));\n  }\n  // Append horizontal gridlines\n  svg.append('g')\n    .attr('class', 'grid') // Add a class for styling\n    .attr('font-family', '\\'Manrope\\', sans-serif') // Doesn't work\n    .call(makeYGridlines()\n      .tickSize(-width) // Extend gridlines across the chart width\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Append vertical gridlines\n  svg.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(makeXGridlines()\n      .tickSize(-height) // Extend gridlines across the chart height\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Style the gridlines using CSS (or inline styles)\n  d3.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","d3.axisLeft","makeXGridlines","d3.axisBottom","d3.selectAll"],"mappings":";;;;AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACM,QAAA,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWJ;AAE1B,WAASK,IAAiB;AACxB,WAAOC,EAAYL,EAAO,CAAC,EACxB,MAAM,CAAC;AAAA,EAAA;AAGZ,WAASM,IAAiB;AACxB,WAAOL,EAAOM,EAAcP,EAAO,CAAC,CAAC;AAAA,EAAA;AAGnC,EAAAF,EAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAKM,EAAA,EACH,SAAS,CAACF,CAAK,EACf,WAAW,MAAM,EAAE,CAAC,GAGrBJ,EAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAK,aAAa,eAAeK,CAAM,GAAG,EAC1C,KAAKG,EAAA,EACH,SAAS,CAACH,CAAM,EAChB,WAAW,MAAM,EAAE,CAAC,GAGtBK,EAAU,YAAY,EACtB,MAAM,UAAU,SAAS,EAEzB,MAAM,WAAW,GAAG;AACzB;"}
+{"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.append('g')\n    .attr('class', 'grid') // Add a class for styling\n    .attr('font-family', '\\'Manrope\\', sans-serif') // Doesn't work\n    .call(makeYGridlines()\n      .tickSize(-width) // Extend gridlines across the chart width\n      .tickFormat(() => '')); // Remove tick labels\n\n  // Append vertical gridlines\n  svg.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(makeXGridlines()\n      .tickSize(-height) // Extend gridlines across the chart height\n      .tickFormat(() => '')); // 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;AACM,QAAA,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWJ;AAE1B,WAASK,IAAiB;AACxB,WAAOC,EAASL,EAAO,CAAC,EACrB,MAAM,CAAC;AAAA,EAAA;AAGZ,WAASM,IAAiB;AACxB,WAAOL,EAAOM,EAAWP,EAAO,CAAC,CAAC;AAAA,EAAA;AAGhC,EAAAF,EAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAKM,EAAA,EACH,SAAS,CAACF,CAAK,EACf,WAAW,MAAM,EAAE,CAAC,GAGrBJ,EAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAK,aAAa,eAAeK,CAAM,GAAG,EAC1C,KAAKG,EAAA,EACH,SAAS,CAACH,CAAM,EAChB,WAAW,MAAM,EAAE,CAAC,GAGfK,EAAA,YAAY,EACnB,MAAM,UAAU,SAAS,EAEzB,MAAM,WAAW,GAAG;AACzB;"}

package/dist/components/PlChartHistogram/createLabels.d.ts

@@ -1,4 +1,4 @@
+import { Selection } from 'd3-selection';
 import { ChartOptions } from './types';
-import type * as d3 from 'd3';
-export declare function createLabels(svg: d3.Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions): void;
+export declare function createLabels(svg: Selection<SVGGElement, unknown, null, undefined>, options: ChartOptions): void;
 //# sourceMappingURL=createLabels.d.ts.map

package/dist/components/PlChartHistogram/createLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createLabels.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,EAAE,MAAM,IAAI,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAC1B,GAAG,EAAE,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,EACxD,OAAO,EAAE,YAAY,QA0BtB"}
+{"version":3,"file":"createLabels.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAC1B,GAAG,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,EACrD,OAAO,EAAE,YAAY,QA0BtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"createLabels.js","sources":["../../../src/components/PlChartHistogram/createLabels.ts"],"sourcesContent":["import type * as d3 from 'd3';\nimport type { ChartOptions } from './types';\n\nexport function createLabels(\n  svg: d3.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.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.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":"AAGgB,SAAAA,EACdC,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,SAAAC,MAAYN;AAEnE,EAAIM,MAKJP,EAAI,OAAO,MAAM,EACd,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,EAAI,OAAO,MAAM,EACd,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","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.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.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":"AAGgB,SAAAA,EACdC,GACAC,GACA;AACA,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,SAAAC,MAAYN;AAEnE,EAAIM,MAKJP,EAAI,OAAO,MAAM,EACd,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,EAAI,OAAO,MAAM,EACd,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;"}

package/dist/components/PlChartHistogram/createSvgContainer.d.ts

@@ -1,4 +1,3 @@
 import { ChartOptions } from './types';
-import * as d3 from 'd3';
-export declare function createSvgContainer(el: HTMLElement, options: ChartOptions): d3.Selection<SVGGElement, unknown, null, undefined>;
+export declare function createSvgContainer(el: HTMLElement, options: ChartOptions): import('d3-selection').Selection<SVGGElement, unknown, null, undefined>;
 //# sourceMappingURL=createSvgContainer.d.ts.map

package/dist/components/PlChartHistogram/createSvgContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSvgContainer.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/createSvgContainer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,uDAmBxE"}
+{"version":3,"file":"createSvgContainer.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/createSvgContainer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,2EAkBxE"}

package/dist/components/PlChartHistogram/createSvgContainer.js

@@ -1,11 +1,9 @@
-import "../../node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
-import "../../node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
-import p from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
-function c(e, i) {
-  const { width: o, height: r, margin: t, compact: n } = i;
-  return e.replaceChildren(), n && (e.style.height = r + "px", e.style.lineHeight = r + "px"), p(e).append("svg").attr("width", o + t.left + t.right).attr("height", r + t.top + t.bottom).append("g").attr("transform", `translate(${t.left},${t.top})`);
+import o from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
+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})`);
 }
 export {
-  c as createSvgContainer
+  h 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 * as d3 from 'd3';\nimport type { ChartOptions } from './types';\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 = d3\n    .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","d3.select"],"mappings":";;;AAGgB,SAAAA,EAAmBC,GAAiBC,GAAuB;AACzE,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,EAAY,IAAAJ;AAE3C,SAAAD,EAAG,gBAAgB,GAEfK,MACCL,EAAA,MAAM,SAASG,IAAS,MACxBH,EAAA,MAAM,aAAaG,IAAS,OAGrBG,EACFN,CAAE,EACT,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","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":";AAGgB,SAAAA,EAAmBC,GAAiBC,GAAuB;AACzE,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,EAAY,IAAAJ;AAE3C,SAAAD,EAAG,gBAAgB,GAEfK,MACCL,EAAA,MAAM,SAASG,IAAS,MACxBH,EAAA,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;"}

package/dist/components/PlChartHistogram/drawBins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawBins.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/drawBins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAGlE,wBAAgB,QAAQ,CACtB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,MAAM,QA+Cf"}
+{"version":3,"file":"drawBins.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/drawBins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAGlE,wBAAgB,QAAQ,CACtB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,EAAE,EACf,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,MAAM,QA8Cf"}

package/dist/components/PlChartHistogram/drawBins.js

@@ -1,8 +1,6 @@
-import "../../node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
-import "../../node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import y from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
-function v(n, l, r, a) {
-  const { height: p } = r, { x: e, y: s } = a, o = y("body").append("div").attr("class", "svg-tooltip").style("position", "absolute").style("visibility", "hidden"), c = function(t, i) {
+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}`);
@@ -11,11 +9,11 @@ x1: ${i.x1}`);
   }, 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) => p - s(t.length)).style("fill", "#929BAD").attr("stroke", "#fff").attr("stroke-opacity", 0.2).attr("stroke-width", 0.5).on("mouseover", c).on("mousemove", x).on("mouseout", u).append("title").text((t) => `[${t.x0}, ${t.x1}]
+  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 + `
 `);
 }
 export {
-  v as drawBins
+  f 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 * as d3 from 'd3';\n\nexport function drawBins(\n  svg: SVG,\n  bins: BinLike[],\n  dimension: ChartOptions,\n  scales: Scales,\n) {\n  const { height } = dimension;\n\n  const { x, y } = scales;\n\n  const tooltip = d3\n    .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\n      .style('visibility', 'visible')\n      .text(`count: ${d.length}\\nx0: ${d.x0}\\nx1: ${d.x1}`);\n  };\n\n  const mousemove = function (event: MouseEvent) {\n    tooltip\n      .style('top', event.pageY - 10 + 'px')\n      .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.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').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","d3.select","mouseover","_event","d","mousemove","event","mouseout"],"mappings":";;;AAGO,SAASA,EACdC,GACAC,GACAC,GACAC,GACA;AACM,QAAA,EAAE,QAAAC,MAAWF,GAEb,EAAE,GAAAG,GAAG,GAAAC,EAAA,IAAMH,GAEXI,IAAUC,EACN,MAAM,EACb,OAAO,KAAK,EACZ,KAAK,SAAS,aAAa,EAC3B,MAAM,YAAY,UAAU,EAC5B,MAAM,cAAc,QAAQ,GAGzBC,IAAY,SAAUC,GAAoBC,GAAY;AAC1D,IAAAJ,EACG,MAAM,cAAc,SAAS,EAC7B,KAAK,UAAUI,EAAE,MAAM;AAAA,MAASA,EAAE,EAAE;AAAA,MAASA,EAAE,EAAE,EAAE;AAAA,EACxD,GAEMC,IAAY,SAAUC,GAAmB;AAC7C,IAAAN,EACG,MAAM,OAAOM,EAAM,QAAQ,KAAK,IAAI,EACpC,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;AAAA,EAC1C,GAEMC,IAAW,WAAY;AACnB,IAAAP,EAAA,MAAM,cAAc,QAAQ;AAAA,EACtC;AAGA,EAAAP,EAAI,UAAU,MAAM,EACjB,KAAKC,CAAI,EACT,MACA,EAAA,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,EAAE,KAAK,CAACH,MAAM,IAAIA,EAAE,EAAE,KAAKA,EAAE,EAAE;AAAA,IAAQA,EAAE,SAAS;AAAA,CAAI;AACzE;"}
+{"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(\n  svg: SVG,\n  bins: BinLike[],\n  dimension: ChartOptions,\n  scales: Scales,\n) {\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\n      .style('visibility', 'visible')\n      .text(`count: ${d.length}\\nx0: ${d.x0}\\nx1: ${d.x1}`);\n  };\n\n  const mousemove = function (event: MouseEvent) {\n    tooltip\n      .style('top', event.pageY - 10 + 'px')\n      .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.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').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,EACdC,GACAC,GACAC,GACAC,GACA;AACM,QAAA,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,EACG,MAAM,cAAc,SAAS,EAC7B,KAAK,UAAUI,EAAE,MAAM;AAAA,MAASA,EAAE,EAAE;AAAA,MAASA,EAAE,EAAE,EAAE;AAAA,EACxD,GAEMC,IAAY,SAAUC,GAAmB;AAC7C,IAAAN,EACG,MAAM,OAAOM,EAAM,QAAQ,KAAK,IAAI,EACpC,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;AAAA,EAC1C,GAEMC,IAAW,WAAY;AACnB,IAAAP,EAAA,MAAM,cAAc,QAAQ;AAAA,EACtC;AAGA,EAAAP,EAAI,UAAU,MAAM,EACjB,KAAKC,CAAI,EACT,MACA,EAAA,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,EAAE,KAAK,CAACH,MAAM,IAAIA,EAAE,EAAE,KAAKA,EAAE,EAAE;AAAA,IAAQA,EAAE,SAAS;AAAA,CAAI;AACzE;"}

package/dist/components/PlChartHistogram/histogram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/histogram.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAW,YAAY,EAAE,MAAM,SAAS,CAAC;AAuB7D,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QA6B3F;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QA2CxF;AAED,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,QA8B9F"}
+{"version":3,"file":"histogram.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/histogram.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAW,YAAY,EAAE,MAAM,SAAS,CAAC;AA2B7D,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QA6B3F;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QA2CxF;AAED,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,QA8B9F"}

package/dist/components/PlChartHistogram/histogram.js

@@ -1,39 +1,37 @@
-import "../../node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
-import "../../node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import { createSvgContainer as u } from "./createSvgContainer.js";
 import { drawBins as k } from "./drawBins.js";
-import { createGridlines as p } from "./createGridlines.js";
+import { createGridlines as y } from "./createGridlines.js";
 import { logspace as H } from "./logspace.js";
-import { createLabels as y } from "./createLabels.js";
-import { drawThreshold as z } from "./drawThreshold.js";
-import { normalizeBins as S } from "./normalizeBins.js";
+import { createLabels as z } from "./createLabels.js";
+import { drawThreshold as S } from "./drawThreshold.js";
+import { normalizeBins as p } from "./normalizeBins.js";
 import w from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/min.js";
 import d from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/max.js";
 import F from "../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/symlog.js";
+import { axisBottom as $, axisLeft as b } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
 import T from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/bin.js";
 import C from "../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
-import { axisBottom as $, axisLeft as b } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
 const B = (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"), v = (n, t) => C().domain([0, d(n, (c) => c.length)]).range([t, 0]);
-function U(n, t, c) {
-  const { width: g, height: a, nBins: o = 10 } = t, e = u(n, t), h = w(c), l = d(c), i = C().domain([h, l]).range([0, g]), m = S(T().domain(i.domain()).thresholds(i.ticks(o))(c)), s = v(m, a);
-  p(e, t, { x: i, y: s }, (r) => r.ticks(6)), k(e, m, t, { x: i, y: s }), z(e, { x: i, y: s }, t), B(e, a).call($(i).tickSize(0)), V(e).call(b(s).tickSize(0)), y(e, t);
+function Q(n, t, c) {
+  const { width: g, height: m, nBins: o = 10 } = t, e = u(n, t), h = w(c), l = d(c), i = C().domain([h, l]).range([0, g]), a = p(T().domain(i.domain()).thresholds(i.ticks(o))(c)), s = v(a, m);
+  y(e, t, { x: i, y: s }, (r) => r.ticks(6)), k(e, a, t, { x: i, y: s }), S(e, { x: i, y: s }, t), B(e, m).call($(i).tickSize(0)), V(e).call(b(s).tickSize(0)), z(e, t);
 }
-function W(n, t, c) {
-  const { width: g, height: a, nBins: o = 10 } = t, e = u(n, t), h = w(c), l = d(c), i = F().domain([h, l]).range([0, g]).nice(), m = (f) => {
+function R(n, t, c) {
+  const { width: g, height: m, nBins: o = 10 } = t, e = u(n, t), h = w(c), l = d(c), i = F().domain([h, l]).range([0, g]).nice(), a = (f) => {
     const M = [];
     for (let x = 0; x <= f; x++)
       M.push(Number(i.invert(g * (x / f)).toFixed(2)));
     return M;
-  }, s = S(T().domain(i.domain()).thresholds(m(o))(c)), r = v(s, a), L = H(0, Math.ceil(Math.log10(l)), 6);
-  p(e, t, { x: i, y: r }, (f) => f.tickValues(L)), k(e, s, t, { x: i, y: r }), z(e, { x: i, y: r }, t), B(e, a).call($(i).tickValues(L).tickSize(0)), V(e).call(b(r).tickSize(0)), y(e, t);
+  }, s = p(T().domain(i.domain()).thresholds(a(o))(c)), r = v(s, m), L = H(0, Math.ceil(Math.log10(l)), 6);
+  y(e, t, { x: i, y: r }, (f) => f.tickValues(L)), k(e, s, t, { x: i, y: r }), S(e, { x: i, y: r }, t), B(e, m).call($(i).tickValues(L).tickSize(0)), V(e).call(b(r).tickSize(0)), z(e, t);
 }
-function X(n, t, c) {
-  const { width: g, height: a } = t, o = u(n, t), e = S(c), h = w(e, (r) => r.x0), l = d(e, (r) => r.x1), i = F().domain([h, l]).range([0, g]).nice(), m = v(e, a), s = H(0, Math.ceil(Math.log10(l)), 6);
-  p(o, t, { x: i, y: m }, (r) => r.tickValues(s)), k(o, e, t, { x: i, y: m }), z(o, { x: i, y: m }, t), B(o, a).call($(i).tickValues(s).tickSize(0)), V(o).call(b(m).tickSize(0)), y(o, t);
+function U(n, t, c) {
+  const { width: g, height: m } = t, o = u(n, t), e = p(c), h = w(e, (r) => r.x0), l = d(e, (r) => r.x1), i = F().domain([h, l]).range([0, g]).nice(), a = v(e, m), s = H(0, Math.ceil(Math.log10(l)), 6);
+  y(o, t, { x: i, y: a }, (r) => r.tickValues(s)), k(o, e, t, { x: i, y: a }), S(o, { x: i, y: a }, t), B(o, m).call($(i).tickValues(s).tickSize(0)), V(o).call(b(a).tickSize(0)), z(o, t);
 }
 export {
-  X as createHistogramFromBins,
-  U as createHistogramLinear,
-  W as createHistogramLog
+  U as createHistogramFromBins,
+  Q as createHistogramLinear,
+  R 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 * as d3 from 'd3';\nimport { 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';\n\nconst gx = (svg: d3.Selection<SVGGElement, unknown, null, undefined>, height: number) => {\n  return svg.append('g')\n    .style('font-size', '14px')\n    .style('font-weight', '500')\n    .attr('transform', `translate(0,${height})`);\n};\n\nconst gy = (svg: d3.Selection<SVGGElement, unknown, null, undefined>) => {\n  return svg.append('g')\n    .style('font-size', '14px')\n    .style('font-weight', '500');\n};\n\nconst createYScale = (bins: BinLike[], height: number) => {\n  return d3.scaleLinear()\n    .domain([0, d3.max(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 = d3.min(data) as number;\n  const max = d3.max(data) as number;\n\n  const x = d3.scaleLinear()\n    .domain([min, max])\n    .range([0, width]);\n\n  const bins: BinLike[] = normalizeBins(d3.bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(x.ticks(nBins))(data)); // 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(d3.axisBottom(x).tickSize(0));\n\n  gy(svg).call(d3.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 = d3.min(data) as number;\n  const max = d3.max(data) as number;\n\n  const x = d3.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\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(d3.bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(createThresholds(nBins))(data)); // 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(d3.axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(d3.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 = d3.min(bins, (b) => b.x0) as number;\n  const max = d3.max(bins, (b) => b.x1) as number;\n\n  const x = d3.scaleSymlog()\n    .domain([min, max])\n    .range([0, width])\n    .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(d3.axisBottom(x).tickValues(tickValues).tickSize(0));\n\n  gy(svg).call(d3.axisLeft(y).tickSize(0));\n\n  createLabels(svg, options);\n}\n"],"names":["gx","svg","height","gy","createYScale","bins","d3.scaleLinear","d3.max","d","createHistogramLinear","el","options","data","width","nBins","createSvgContainer","min","d3.min","max","x","normalizeBins","d3.bin","y","createGridlines","drawBins","drawThreshold","d3.axisBottom","d3.axisLeft","createLabels","createHistogramLog","d3.scaleSymlog","createThresholds","n","res","i","tickValues","logspace","createHistogramFromBins","_bins","b"],"mappings":"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"}
+{"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.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')\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()\n    .domain([min, max])\n    .range([0, width]);\n\n  const bins: BinLike[] = normalizeBins(bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(x.ticks(nBins))(data)); // 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\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(bin()\n    .domain(x.domain() as [number, number]) // Set the input domain to match the x-scale\n    .thresholds(createThresholds(nBins))(data)); // 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()\n    .domain([min, max])\n    .range([0, width])\n    .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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"}

package/dist/components/PlChartHistogram/normalizeBins.d.ts

@@ -1,3 +1,4 @@
 import { AnyBin, BinLike } from './types';
-export declare function normalizeBins(bins: (d3.Bin<number, number> | AnyBin)[]): BinLike[];
+import { Bin } from 'd3-array';
+export declare function normalizeBins(bins: (Bin<number, number> | AnyBin)[]): BinLike[];
 //# sourceMappingURL=normalizeBins.d.ts.map

package/dist/components/PlChartHistogram/normalizeBins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeBins.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/normalizeBins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,EAAE,CAgBlF"}
+{"version":3,"file":"normalizeBins.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/normalizeBins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,wBAAgB,aAAa,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,EAAE,CAgB/E"}

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';\n\nexport function normalizeBins(bins: (d3.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":"AAEO,SAASA,EAAcC,GAAsD;AAC3E,SAAAA,EAAK,IAAI,CAACC,MACX,UAAUA,IACL;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EACb,IAGK;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EACb,CACD;AACH;"}
+{"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;AACxE,SAAAA,EAAK,IAAI,CAACC,MACX,UAAUA,IACL;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EACb,IAGK;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EACb,CACD;AACH;"}

package/dist/components/PlChartHistogram/types.d.ts

@@ -1,3 +1,5 @@
+import { ScaleLinear, ScaleSymLog } from 'd3-scale';
+import { Selection } from 'd3-selection';
 export type Margin = {
     top: number;
     right: number;
@@ -15,10 +17,10 @@ export type ChartOptions = {
     compact?: boolean;
 };
 export type Scales = {
-    x: d3.ScaleSymLog<number, number, never> | d3.ScaleLinear<number, number>;
-    y: d3.ScaleLinear<number, number, never>;
+    x: ScaleSymLog<number, number, never> | ScaleLinear<number, number>;
+    y: ScaleLinear<number, number, never>;
 };
-export type SVG = d3.Selection<SVGGElement, unknown, null, undefined>;
+export type SVG = Selection<SVGGElement, unknown, null, undefined>;
 export type CustomBin = {
     from: number;
     to: number;

package/dist/components/PlChartHistogram/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1E,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AAEtE,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,CACrC,6BAA6B,GAC7B,+BAA+B,CAChC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpE,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,CACrC,6BAA6B,GAC7B,+BAA+B,CAChC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/components/PlSlideModal/PlPureSlideModal.vue.js

@@ -93,14 +93,12 @@ import { defaultProps as g } from "./props.js";
 
 
 
-import "../../node_modules/.pnpm/d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
-import "../../node_modules/.pnpm/d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import "../../colors/color.js";
 import "../../colors/gradient.js";
 const K = {
   name: "PlPureSlideModal",
   inheritAttrs: !1
-}, At = /* @__PURE__ */ f({
+}, bt = /* @__PURE__ */ f({
   ...K,
   props: /* @__PURE__ */ c({
     modelValue: { type: Boolean },
@@ -110,12 +108,12 @@ const K = {
   }, g),
   emits: ["update:modelValue"],
   setup(a, { emit: u }) {
-    const e = u, i = y(), n = V(), t = a;
+    const o = u, i = y(), n = V(), t = a;
     return P(i, () => {
-      t.modelValue && t.closeOnOutsideClick && e("update:modelValue", !1);
+      t.modelValue && t.closeOnOutsideClick && o("update:modelValue", !1);
     }), E(document, "keydown", (r) => {
-      r.key === "Escape" && e("update:modelValue", !1);
-    }), (r, o) => (m(), k(w, { to: "body" }, [
+      r.key === "Escape" && o("update:modelValue", !1);
+    }), (r, e) => (m(), k(w, { to: "body" }, [
       v(h, null, {
         default: C(() => [
           t.modelValue ? (m(), l("div", _({
@@ -125,11 +123,11 @@ const K = {
             class: "pl-slide-modal",
             style: { width: t.width }
           }, B(n), {
-            onKeyup: o[1] || (o[1] = d((p) => e("update:modelValue", !1), ["esc"]))
+            onKeyup: e[1] || (e[1] = d((p) => o("update:modelValue", !1), ["esc"]))
           }), [
             O("div", {
               class: "close-dialog-btn",
-              onClick: o[0] || (o[0] = (p) => e("update:modelValue", !1))
+              onClick: e[0] || (e[0] = (p) => o("update:modelValue", !1))
             }),
             $(r.$slots, "default")
           ], 16)) : s("", !0)
@@ -139,12 +137,12 @@ const K = {
       t.modelValue && t.shadow ? (m(), l("div", {
         key: 0,
         class: "pl-slide-modal__shadow",
-        onKeyup: o[2] || (o[2] = d((p) => e("update:modelValue", !1), ["esc"]))
+        onKeyup: e[2] || (e[2] = d((p) => o("update:modelValue", !1), ["esc"]))
       }, null, 32)) : s("", !0)
     ]));
   }
 });
 export {
-  At as default
+  bt as default
 };
 //# sourceMappingURL=PlPureSlideModal.vue.js.map

package/dist/components/PlSlideModal/PlPureSlideModal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlPureSlideModal.vue.js","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlPureSlideModal',\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-slide-modal.scss';\nimport { ref, useAttrs } from 'vue';\nimport TransitionSlidePanel from '../TransitionSlidePanel.vue';\nimport { useClickOutside, useEventListener } from '../../index';\nimport type { Props } from './props';\nimport { defaultProps } from './props';\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(\n  defineProps<Props>(),\n  defaultProps,\n);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit('update:modelValue', false);\n  }\n});\n\nuseEventListener(document, 'keydown', (evt: KeyboardEvent) => {\n  if (evt.key === 'Escape') {\n    emit('update:modelValue', false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <div class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div v-if=\"props.modelValue && props.shadow\" class=\"pl-slide-modal__shadow\" @keyup.esc=\"emit('update:modelValue', false)\" />\n  </Teleport>\n</template>\n"],"names":["__default__","emit","__emit","modal","ref","attrs","useAttrs","props","__props","useClickOutside","useEventListener","evt"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAeA,IAAA;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;;AAWA,UAAMC,IAAOC,GAIPC,IAAQC,EAAI,GACZC,IAAQC,EAAS,GACjBC,IAAQC;AAKd,WAAAC,EAAgBN,GAAO,MAAM;AACvB,MAAAI,EAAM,cAAcA,EAAM,uBAC5BN,EAAK,qBAAqB,EAAK;AAAA,IACjC,CACD,GAEgBS,EAAA,UAAU,WAAW,CAACC,MAAuB;AACxD,MAAAA,EAAI,QAAQ,YACdV,EAAK,qBAAqB,EAAK;AAAA,IACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlPureSlideModal.vue.js","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlPureSlideModal',\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-slide-modal.scss';\nimport { ref, useAttrs } from 'vue';\nimport TransitionSlidePanel from '../TransitionSlidePanel.vue';\nimport { useClickOutside, useEventListener } from '../../index';\nimport type { Props } from './props';\nimport { defaultProps } from './props';\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(\n  defineProps<Props>(),\n  defaultProps,\n);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit('update:modelValue', false);\n  }\n});\n\nuseEventListener(document, 'keydown', (evt: KeyboardEvent) => {\n  if (evt.key === 'Escape') {\n    emit('update:modelValue', false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <div class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div v-if=\"props.modelValue && props.shadow\" class=\"pl-slide-modal__shadow\" @keyup.esc=\"emit('update:modelValue', false)\" />\n  </Teleport>\n</template>\n"],"names":["__default__","emit","__emit","modal","ref","attrs","useAttrs","props","__props","useClickOutside","useEventListener","evt"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAeA,IAAA;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;;AAWA,UAAMC,IAAOC,GAIPC,IAAQC,EAAI,GACZC,IAAQC,EAAS,GACjBC,IAAQC;AAKd,WAAAC,EAAgBN,GAAO,MAAM;AACvB,MAAAI,EAAM,cAAcA,EAAM,uBAC5BN,EAAK,qBAAqB,EAAK;AAAA,IACjC,CACD,GAEgBS,EAAA,UAAU,WAAW,CAACC,MAAuB;AACxD,MAAAA,EAAI,QAAQ,YACdV,EAAK,qBAAqB,EAAK;AAAA,IACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}