@milaboratories/uikit 2.2.90 → 2.2.92

package/dist/components/PlBtnSplit/PlBtnSplit.vue.js

@@ -0,0 +1,150 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.pl-btn-split{--border-color: var(--border-color-default);height:40px;min-width:160px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer}.pl-btn-split.disabled,.pl-btn-split.loading{pointer-events:none;--border-color: var(--border-color-div-grey)}.pl-btn-split.loading .mask-loading{animation:spin 2.5s linear infinite}.pl-btn-split__title{padding:8px 14px;height:100%;color:var(--border-color);transition:all .1s ease-in-out}.pl-btn-split__title:focus-visible{position:relative;outline:none}.pl-btn-split__title:focus-visible:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--border-color-focus);border-radius:6px;z-index:2}.pl-btn-split__title:hover{border-radius:6px;background-color:var(--btn-sec-hover-grey)}.pl-btn-split__title:active{border-radius:6px;background-color:var(--btn-sec-press-grey)}.pl-btn-split__icon,.pl-btn-split .mask-loading{--icon-color: var(--border-color)}.pl-btn-split__icon-container{width:36px;height:100%;position:relative;transition:all .1s ease-in-out}.pl-btn-split__icon-container:focus-visible{position:relative;outline:none}.pl-btn-split__icon-container:focus-visible:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--border-color-focus);border-radius:6px;z-index:2}.pl-btn-split__icon-container:hover{border-radius:6px;background-color:var(--btn-sec-hover-grey)}.pl-btn-split__icon-container:active{border-radius:6px;background-color:var(--btn-sec-press-grey)}.pl-btn-split__icon-container:before{content:"";background:var(--border-color);height:26px;position:absolute;left:0;width:1px}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as j, mergeModels as C, useModel as q, ref as u, reactive as B, watch as U, computed as r, createElementBlock as g, openBlock as l, normalizeClass as S, createElementVNode as k, createBlock as w, createCommentVNode as R, withKeys as G, withModifiers as M, toDisplayString as J, unref as H, Teleport as Q, normalizeStyle as X, Fragment as Y, renderList as Z } from "vue";
+
+import ee from "../DropdownListItem.vue.js";
+import { useElementPosition as te } from "../../composition/usePosition.js";
+import { normalizeListOptions as oe } from "../../helpers/utils.js";
+import { deepEqual as K } from "../../lib/util/helpers/dist/index.js";
+import ne from "../PlIcon16/PlIcon16.vue.js";
+const ie = ["onKeyup"], ue = /* @__PURE__ */ j({
+  __name: "PlBtnSplit",
+  props: /* @__PURE__ */ C({
+    options: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["click"], ["update:modelValue"]),
+  setup(y, { expose: O, emit: V }) {
+    const a = y, z = V, f = q(y, "modelValue"), s = u(), m = u(), _ = u(), b = u(), o = B({
+      open: !1,
+      optionsHeight: 0,
+      activeIndex: -1
+    });
+    O({
+      data: o
+    });
+    const c = B({
+      top: "0px",
+      left: "0px",
+      width: "0px"
+    });
+    U(
+      m,
+      (e) => {
+        if (e) {
+          const t = e.getBoundingClientRect();
+          o.optionsHeight = t.height, window.dispatchEvent(new CustomEvent("adjust"));
+        }
+      },
+      { immediate: !0 }
+    );
+    const D = r(() => o.open ? "mask-24 mask-chevron-up" : "mask-24 mask-chevron-down"), T = r(() => (a.options ?? []).findIndex((e) => K(e.value, f.value))), d = r(
+      () => oe(a.options ?? []).map((e, t) => ({
+        ...e,
+        index: t,
+        isSelected: t === T.value,
+        isActive: t === o.activeIndex
+      }))
+    ), v = r(() => a.loading || a.options === void 0), F = r(() => {
+      var e;
+      return ((e = d.value.find((t) => K(t.value, f.value))) == null ? void 0 : e.label) ?? (a.options === void 0 ? "..." : "");
+    });
+    te(s, (e) => {
+      const n = e.top + e.height + 3;
+      n + o.optionsHeight > e.clientHeight ? c.top = e.top - o.optionsHeight - 3 + "px" : c.top = n + "px", c.left = e.left + "px", c.width = e.width + "px";
+    });
+    const E = (e) => {
+      var t;
+      f.value = e, o.open = !1, (t = s == null ? void 0 : s.value) == null || t.focus();
+    };
+    function x() {
+      z("click");
+    }
+    const L = (e) => {
+      var A, I;
+      if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.code))
+        e.preventDefault();
+      else
+        return;
+      if (e.target === b.value && e.code === "Enter") {
+        x();
+        return;
+      }
+      const { open: t, activeIndex: n } = o;
+      if (!t && e.target === _.value) {
+        e.code === "Enter" && (o.open = !0);
+        return;
+      }
+      e.code === "Escape" && (o.open = !1, (A = s.value) == null || A.focus());
+      const i = H(d), { length: p } = i;
+      if (!p)
+        return;
+      e.code === "Enter" && E((I = i.find((h) => h.index === n)) == null ? void 0 : I.value);
+      const P = i.findIndex((h) => h.index === n) ?? -1, W = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, $ = Math.abs(P + W + p) % p;
+      o.activeIndex = d.value[$].index ?? -1;
+    }, N = (e) => {
+      var n, i;
+      const t = e.relatedTarget;
+      !((n = s.value) != null && n.contains(t)) && !((i = m.value) != null && i.contains(t)) && (o.open = !1);
+    };
+    return (e, t) => (l(), g("div", {
+      ref_key: "root",
+      ref: s,
+      class: S([{ disabled: e.disabled || v.value, loading: v.value }, "pl-btn-split d-flex"]),
+      onFocusout: N,
+      onKeydown: L
+    }, [
+      k("div", {
+        ref_key: "buttonAction",
+        ref: b,
+        class: "pl-btn-split__title flex-grow-1 d-flex align-center text-s-btn",
+        tabindex: "0",
+        onClick: x,
+        onKeyup: G(M(x, ["stop"]), ["enter"])
+      }, J(F.value), 41, ie),
+      k("div", {
+        ref_key: "menuActivator",
+        ref: _,
+        class: "pl-btn-split__icon-container d-flex align-center justify-center",
+        tabindex: "0",
+        onClick: t[0] || (t[0] = (n) => o.open = !o.open)
+      }, [
+        v.value ? (l(), w(H(ne), {
+          key: 0,
+          name: "loading"
+        })) : (l(), g("div", {
+          key: 1,
+          class: S([D.value, "pl-btn-split__icon"])
+        }, null, 2))
+      ], 512),
+      o.open ? (l(), w(Q, {
+        key: 0,
+        to: "body"
+      }, [
+        k("div", {
+          ref_key: "list",
+          ref: m,
+          class: "pl-dropdown__options",
+          style: X(c),
+          tabindex: "-1"
+        }, [
+          (l(!0), g(Y, null, Z(d.value, (n, i) => (l(), w(ee, {
+            key: i,
+            option: n,
+            "is-selected": n.isSelected,
+            "is-hovered": n.isActive,
+            size: "medium",
+            onClick: M((p) => E(n.value), ["stop"])
+          }, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128))
+        ], 4)
+      ])) : R("", !0)
+    ], 34));
+  }
+});
+export {
+  ue as default
+};
+//# sourceMappingURL=PlBtnSplit.vue.js.map

package/dist/components/PlBtnSplit/PlBtnSplit.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSplit.vue.js","sources":["../../../src/components/PlBtnSplit/PlBtnSplit.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M = unknown\">\nimport { computed, reactive, ref, unref, watch } from 'vue';\nimport './pl-btn-split.scss';\nimport DropdownListItem from '../DropdownListItem.vue';\nimport type { ListOption } from '../../types';\nimport { useElementPosition } from '../../composition/usePosition';\nimport { normalizeListOptions } from '../../helpers/utils';\nimport { deepEqual } from '@milaboratories/helpers';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\n\nconst props = defineProps<{\n  /**\n   * List of available options for the dropdown menu\n   */\n  options?: Readonly<ListOption<M>[]>;\n\n  /**\n   * If `true`, the dropdown component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n}>();\n\nconst emits = defineEmits(['click']);\n\nconst model = defineModel<M>({ required: true });\n\nconst root = ref<HTMLElement | undefined>();\nconst list = ref<HTMLElement | undefined>();\nconst menuActivator = ref<HTMLElement | undefined>();\nconst buttonAction = ref<HTMLElement | undefined>();\n\nconst data = reactive({\n  open: false,\n  optionsHeight: 0,\n  activeIndex: -1,\n});\n\ndefineExpose({\n  data,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nwatch(\n  list,\n  (el) => {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    }\n  },\n  { immediate: true },\n);\n\nconst iconState = computed(() => (data.open ? 'mask-24 mask-chevron-up' : 'mask-24 mask-chevron-down'));\n\nconst selectedIndex = computed(() => {\n  return (props.options ?? []).findIndex((o) => deepEqual(o.value, model.value));\n});\n\nconst items = computed(() =>\n  normalizeListOptions(props.options ?? []).map((opt, index) => ({\n    ...opt,\n    index,\n    isSelected: index === selectedIndex.value,\n    isActive: index === data.activeIndex,\n  })),\n);\n\nconst isLoadingOptions = computed(() => props.loading || props.options === undefined);\n\nconst actionName = computed(() => items.value.find((o) => deepEqual(o.value, model.value))?.label ?? (props.options === undefined ? '...' : ''));\n\nuseElementPosition(root, (pos) => {\n  const focusWidth = 3;\n\n  const downTopOffset = pos.top + pos.height + focusWidth;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = pos.top - data.optionsHeight - focusWidth + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = pos.left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n\nconst selectOption = (v: M | undefined) => {\n  model.value = v!;\n  data.open = false;\n  root?.value?.focus();\n};\n\nfunction emitEnter() {\n  emits('click');\n}\n\nconst handleKeydown = (e: { code: string; preventDefault(): void; stopPropagation(): void; target: EventTarget | null }) => {\n  if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(e.code)) {\n    return;\n  } else {\n    e.preventDefault();\n  }\n\n  if (e.target === buttonAction.value && e.code === 'Enter') {\n    emitEnter();\n    return;\n  }\n\n  const { open, activeIndex } = data;\n\n  if (!open && e.target === menuActivator.value) {\n    if (e.code === 'Enter') {\n      data.open = true;\n    }\n    return;\n  }\n\n  if (e.code === 'Escape') {\n    data.open = false;\n    root.value?.focus();\n  }\n\n  const filtered = unref(items);\n\n  const { length } = filtered;\n\n  if (!length) {\n    return;\n  }\n\n  if (e.code === 'Enter') {\n    selectOption(filtered.find((it) => it.index === activeIndex)?.value);\n  }\n\n  const localIndex = filtered.findIndex((it) => it.index === activeIndex) ?? -1;\n\n  const delta = e.code === 'ArrowDown' ? 1 : e.code === 'ArrowUp' ? -1 : 0;\n\n  const newIndex = Math.abs(localIndex + delta + length) % length;\n\n  data.activeIndex = items.value[newIndex].index ?? -1;\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n  const relatedTarget = event.relatedTarget as Node | null;\n\n  if (!root.value?.contains(relatedTarget) && !list.value?.contains(relatedTarget)) {\n    data.open = false;\n  }\n};\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"{ disabled: disabled || isLoadingOptions, loading: isLoadingOptions }\"\n    class=\"pl-btn-split d-flex\"\n    @focusout=\"onFocusOut\"\n    @keydown=\"handleKeydown\"\n  >\n    <div\n      ref=\"buttonAction\"\n      class=\"pl-btn-split__title flex-grow-1 d-flex align-center text-s-btn\"\n      tabindex=\"0\"\n      @click=\"emitEnter\"\n      @keyup.stop.enter=\"emitEnter\"\n    >\n      {{ actionName }}\n    </div>\n    <div ref=\"menuActivator\" class=\"pl-btn-split__icon-container d-flex align-center justify-center\" tabindex=\"0\" @click=\"data.open = !data.open\">\n      <PlMaskIcon16 v-if=\"isLoadingOptions\" name=\"loading\" />\n      <div v-else :class=\"iconState\" class=\"pl-btn-split__icon\" />\n    </div>\n\n    <Teleport v-if=\"data.open\" to=\"body\">\n      <div ref=\"list\" class=\"pl-dropdown__options\" :style=\"optionsStyle\" tabindex=\"-1\">\n        <DropdownListItem\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"'medium'\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","emits","__emit","model","_useModel","root","ref","list","menuActivator","buttonAction","data","reactive","__expose","optionsStyle","watch","el","rect","iconState","computed","selectedIndex","o","deepEqual","items","normalizeListOptions","opt","index","isLoadingOptions","actionName","_a","useElementPosition","pos","downTopOffset","selectOption","v","emitEnter","handleKeydown","open","activeIndex","filtered","unref","length","_b","it","localIndex","delta","newIndex","onFocusOut","event","relatedTarget"],"mappings":"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"}

package/dist/components/PlBtnSplit/PlBtnSplit.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlBtnSplit.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlBtnSplit.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSplit.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlBtnSplit/index.d.ts

@@ -0,0 +1,4 @@
+import { default as PlBtnSplit } from './PlBtnSplit.vue';
+export { PlBtnSplit };
+export default PlBtnSplit;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PlBtnSplit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnSplit/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,9 @@
+import { PlChartHistogramSettings } from './types';
+type __VLS_Props = {
+    settings: PlChartHistogramSettings;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chart: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=PlChartHistogram.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartHistogram.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/PlChartHistogram.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAgB,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEtE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,wBAAwB,CAAC;CACpC,CAAC;;;;AAiGF,wBAQG"}

package/dist/components/PlChartHistogram/PlChartHistogram.vue.js

@@ -0,0 +1,10 @@
+import s from "./PlChartHistogram.vue2.js";
+import o from "./PlChartHistogram.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};
+//# sourceMappingURL=PlChartHistogram.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartHistogram.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

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

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

@@ -0,0 +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 { xAxisLabel, yAxisLabel, threshold, compact, totalWidth = 674, totalHeight = 252 } = props.settings;\n\n  const margin = compact ? { top: 0, right: 0, bottom: 0, left: 0 } : { 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,.9);\n    border-radius: .1rem;\n    color: #fff;\n    display: block;\n    font-size: 14px;\n    max-width: 320px;\n    padding: .2rem .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"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAQC,EAAiB,GAEzBC,IAAUC,EAAuB,MAAM;AACrC,YAAA,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,YAAAC,IAAa,KAAK,aAAAC,IAAc,IAAI,IAAIX,EAAM,UAE5FY,IAASH,IAAU,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,MAAM,EAAE,KAAK,GAAG,OAAO,IAAI,QAAQ,IAAI,MAAM,GAAG,GACxGI,IAAQH,IAAaE,EAAO,OAAOA,EAAO,OAC1CE,IAASH,IAAcC,EAAO,MAAMA,EAAO;AAE1C,aAAA;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,MACF;AAAA,IAAA,CACD,GAEKO,IAAkB,MAAM;AAC5B,YAAMC,IAAWhB,EAAM;AAEnB,UAAAgB,EAAS,SAAS,YAAY;AAChC,QAAAC,EAAwBf,EAAM,OAAQE,EAAQ,OAAOY,EAAS,IAAI;AAClE;AAAA,MAAA;AAGF,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;;;;;;;;;;;;;;"}

package/dist/components/PlChartHistogram/PlChartHistogram.vue3.js

@@ -0,0 +1,11 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._component_t90zs_2{display:flex;flex-direction:column;gap:24px}._component_t90zs_2 svg{font-family:var(--font-family-base)}._title_t90zs_11{font-size:20px;font-weight:500;line-height:24px;letter-spacing:-.2px}.svg-tooltip{font-family:var(--font-family-base);background:#454d5de6;border-radius:.1rem;color:#fff;display:block;font-size:14px;max-width:320px;padding:.2rem .4rem;position:absolute;text-overflow:ellipsis;white-space:pre;z-index:300;visibility:hidden}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const t = "_component_t90zs_2", o = "_title_t90zs_11", e = {
+  component: t,
+  title: o
+};
+export {
+  t as component,
+  e as default,
+  o as title
+};
+//# sourceMappingURL=PlChartHistogram.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartHistogram.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,4 @@
+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;
+//# sourceMappingURL=createGridlines.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/PlChartHistogram/createGridlines.js

@@ -0,0 +1,18 @@
+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) {
+  const { width: n, height: r } = a;
+  function o() {
+    return c(i.y).ticks(6);
+  }
+  function s() {
+    return e(m(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
+};
+//# sourceMappingURL=createGridlines.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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"}

package/dist/components/PlChartHistogram/createLabels.js

@@ -0,0 +1,8 @@
+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"));
+}
+export {
+  o as createLabels
+};
+//# sourceMappingURL=createLabels.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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"}

package/dist/components/PlChartHistogram/createSvgContainer.js

@@ -0,0 +1,11 @@
+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})`);
+}
+export {
+  c as createSvgContainer
+};
+//# sourceMappingURL=createSvgContainer.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,3 @@
+import { BinLike, ChartOptions, Scales, SVG } from './types';
+export declare function drawBins(svg: SVG, bins: BinLike[], dimension: ChartOptions, scales: Scales): void;
+//# sourceMappingURL=drawBins.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/PlChartHistogram/drawBins.js

@@ -0,0 +1,21 @@
+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) {
+    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) => 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}]
+` + t.length + `
+`);
+}
+export {
+  v as drawBins
+};
+//# sourceMappingURL=drawBins.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,3 @@
+import { ChartOptions, Scales, SVG } from './types';
+export declare function drawThreshold(svg: SVG, scales: Scales, options: ChartOptions): void;
+//# sourceMappingURL=drawThreshold.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawThreshold.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/drawThreshold.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAEzD,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,QAgB5E"}

package/dist/components/PlChartHistogram/drawThreshold.js

@@ -0,0 +1,8 @@
+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");
+}
+export {
+  h as drawThreshold
+};
+//# sourceMappingURL=drawThreshold.js.map

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

@@ -0,0 +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":"AAEgB,SAAAA,EAAcC,GAAUC,GAAgBC,GAAuB;AACvE,QAAA,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;"}

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

@@ -0,0 +1,5 @@
+import { AnyBin, ChartOptions } from './types';
+export declare function createHistogramLinear(el: HTMLElement, options: ChartOptions, data: number[]): void;
+export declare function createHistogramLog(el: HTMLElement, options: ChartOptions, data: number[]): void;
+export declare function createHistogramFromBins(el: HTMLElement, options: ChartOptions, _bins: AnyBin[]): void;
+//# sourceMappingURL=histogram.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/PlChartHistogram/histogram.js

@@ -0,0 +1,39 @@
+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 { 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 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 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 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) => {
+    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);
+}
+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);
+}
+export {
+  X as createHistogramFromBins,
+  U as createHistogramLinear,
+  W as createHistogramLog
+};
+//# sourceMappingURL=histogram.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;AAUA,MAAMA,IAAK,CAACC,GAA0DC,MAC7DD,EAAI,OAAO,GAAG,EAClB,MAAM,aAAa,MAAM,EACzB,MAAM,eAAe,KAAK,EAC1B,KAAK,aAAa,eAAeC,CAAM,GAAG,GAGzCC,IAAK,CAACF,MACHA,EAAI,OAAO,GAAG,EAClB,MAAM,aAAa,MAAM,EACzB,MAAM,eAAe,KAAK,GAGzBG,IAAe,CAACC,GAAiBH,MAC9BI,EACJ,EAAA,OAAO,CAAC,GAAGC,EAAOF,GAAM,CAACG,MAAMA,EAAE,MAAM,CAAE,CAAC,EAC1C,MAAM,CAACN,GAAQ,CAAC,CAAC;AAGN,SAAAO,EAAsBC,GAAiBC,GAAuBC,GAAgB;AAC5F,QAAM,EAAE,OAAAC,GAAO,QAAAX,GAAQ,OAAAY,IAAQ,GAAO,IAAAH,GAEhCV,IAAMc,EAAmBL,GAAIC,CAAO,GAEpCK,IAAMC,EAAOL,CAAI,GACjBM,IAAMX,EAAOK,CAAI,GAEjBO,IAAIb,IACP,OAAO,CAACU,GAAKE,CAAG,CAAC,EACjB,MAAM,CAAC,GAAGL,CAAK,CAAC,GAEbR,IAAkBe,EAAcC,EAAO,EAC1C,OAAOF,EAAE,OAAA,CAA4B,EACrC,WAAWA,EAAE,MAAML,CAAK,CAAC,EAAEF,CAAI,CAAC,GAE7BU,IAAIlB,EAAaC,GAAMH,CAAM;AAEnB,EAAAqB,EAAAtB,GAAKU,GAAS,EAAE,GAAAQ,GAAG,GAAAG,KAAK,CAACH,MAAMA,EAAE,MAAM,CAAC,CAAC,GAEzDK,EAASvB,GAAKI,GAAMM,GAAS,EAAE,GAAAQ,GAAG,GAAAG,GAAG,GAErCG,EAAcxB,GAAK,EAAE,GAAAkB,GAAG,GAAAG,EAAA,GAAKX,CAAO,GAEjCX,EAAAC,GAAKC,CAAM,EAAE,KAAKwB,EAAcP,CAAC,EAAE,SAAS,CAAC,CAAC,GAE9ChB,EAAAF,CAAG,EAAE,KAAK0B,EAAYL,CAAC,EAAE,SAAS,CAAC,CAAC,GAEvCM,EAAa3B,GAAKU,CAAO;AAC3B;AAEgB,SAAAkB,EAAmBnB,GAAiBC,GAAuBC,GAAgB;AACzF,QAAM,EAAE,OAAAC,GAAO,QAAAX,GAAQ,OAAAY,IAAQ,GAAO,IAAAH,GAEhCV,IAAMc,EAAmBL,GAAIC,CAAO,GAEpCK,IAAMC,EAAOL,CAAI,GACjBM,IAAMX,EAAOK,CAAI,GAEjBO,IAAIW,EAAG,EACV,OAAO,CAACd,GAAKE,CAAG,CAAC,EACjB,MAAM,CAAC,GAAGL,CAAK,CAAC,EAChB,KAAK,GAGFkB,IAAmB,CAACC,MAAc;AACtC,UAAMC,IAAM,CAAC;AAEb,aAASC,IAAI,GAAGA,KAAKF,GAAGE;AAClB,MAAAD,EAAA,KAAK,OAAOd,EAAE,OAAON,KAASqB,IAAIF,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;AAGhD,WAAAC;AAAA,EACT,GAEM5B,IAAOe,EAAcC,EAAO,EAC/B,OAAOF,EAAE,QAA4B,EACrC,WAAWY,EAAiBjB,CAAK,CAAC,EAAEF,CAAI,CAAC,GAEtCU,IAAIlB,EAAaC,GAAMH,CAAM,GAE7BiC,IAAaC,EAAS,GAAG,KAAK,KAAK,KAAK,MAAMlB,CAAG,CAAC,GAAG,CAAC;AAE5C,EAAAK,EAAAtB,GAAKU,GAAS,EAAE,GAAAQ,GAAG,GAAAG,KAAK,CAACH,MAAMA,EAAE,WAAWgB,CAAU,CAAC,GAEvEX,EAASvB,GAAKI,GAAMM,GAAS,EAAE,GAAAQ,GAAG,GAAAG,GAAG,GAErCG,EAAcxB,GAAK,EAAE,GAAAkB,GAAG,GAAAG,EAAA,GAAKX,CAAO,GAEpCX,EAAGC,GAAKC,CAAM,EAAE,KAAKwB,EAAcP,CAAC,EAAE,WAAWgB,CAAU,EAAE,SAAS,CAAC,CAAC,GAErEhC,EAAAF,CAAG,EAAE,KAAK0B,EAAYL,CAAC,EAAE,SAAS,CAAC,CAAC,GAEvCM,EAAa3B,GAAKU,CAAO;AAC3B;AAEgB,SAAA0B,EAAwB3B,GAAiBC,GAAuB2B,GAAiB;AACzF,QAAA,EAAE,OAAAzB,GAAO,QAAAX,EAAA,IAAWS,GAEpBV,IAAMc,EAAmBL,GAAIC,CAAO,GAEpCN,IAAOe,EAAckB,CAAK,GAE1BtB,IAAMC,EAAOZ,GAAM,CAACkC,MAAMA,EAAE,EAAE,GAC9BrB,IAAMX,EAAOF,GAAM,CAACkC,MAAMA,EAAE,EAAE,GAE9BpB,IAAIW,EAAG,EACV,OAAO,CAACd,GAAKE,CAAG,CAAC,EACjB,MAAM,CAAC,GAAGL,CAAK,CAAC,EAChB,KAAK,GAEFS,IAAIlB,EAAaC,GAAMH,CAAM,GAE7BiC,IAAaC,EAAS,GAAG,KAAK,KAAK,KAAK,MAAMlB,CAAG,CAAC,GAAG,CAAC;AAE5C,EAAAK,EAAAtB,GAAKU,GAAS,EAAE,GAAAQ,GAAG,GAAAG,KAAK,CAACH,MAAMA,EAAE,WAAWgB,CAAU,CAAC,GAEvEX,EAASvB,GAAKI,GAAMM,GAAS,EAAE,GAAAQ,GAAG,GAAAG,GAAG,GAErCG,EAAcxB,GAAK,EAAE,GAAAkB,GAAG,GAAAG,EAAA,GAAKX,CAAO,GAEpCX,EAAGC,GAAKC,CAAM,EAAE,KAAKwB,EAAcP,CAAC,EAAE,WAAWgB,CAAU,EAAE,SAAS,CAAC,CAAC,GAErEhC,EAAAF,CAAG,EAAE,KAAK0B,EAAYL,CAAC,EAAE,SAAS,CAAC,CAAC,GAEvCM,EAAa3B,GAAKU,CAAO;AAC3B;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"logspace.d.ts","sourceRoot":"","sources":["../../../src/components/PlChartHistogram/logspace.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAK,EAAE,IAAI,SAAK,YAY9E"}

package/dist/components/PlChartHistogram/logspace.js

@@ -0,0 +1,13 @@
+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;
+}
+export {
+  f as logspace
+};
+//# sourceMappingURL=logspace.js.map

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

@@ -0,0 +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;AAC3E,MAAAD,KAAO,EAAG,QAAO,CAAC;AAEhB,QAAAE,KAAQH,IAAUD,MAAaE,IAAM,IACrCG,IAAS,CAAC;AAEhB,WAASC,IAAI,GAAGA,IAAIJ,GAAKI,KAAK;AACtB,UAAAC,IAAWP,IAAWM,IAAIF;AAChC,IAAAC,EAAO,KAAK,KAAK,IAAIF,GAAMI,CAAQ,CAAC;AAAA,EAAA;AAG/B,SAAAF;AACT;"}

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

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

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

@@ -0,0 +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"}

package/dist/components/PlChartHistogram/normalizeBins.js

@@ -0,0 +1,15 @@
+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
+  });
+}
+export {
+  e as normalizeBins
+};
+//# sourceMappingURL=normalizeBins.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +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"}