@platforma-sdk/ui-vue 1.36.0 → 1.37.1

package/dist/lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as e, createBlock as t, openBlock as n, mergeProps as i, withCtx as p, renderSlot as d } from "vue";
+import s from "../../base/BtnBase.vue.js";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var r = document.createElement("style");
+      r.appendChild(document.createTextNode(".pl-btn-primary{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-primary.justifyCenter{justify-content:center}.pl-btn-primary.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-primary.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-primary.medium{--main-padding: 0 16px}.pl-btn-primary.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-primary.large .mask{--mask-size: 24px}.pl-btn-primary:disabled{--color-text: var(--color-dis-00)}.pl-btn-primary:disabled *{color:var(--color-text)}.pl-btn-primary:not([disabled]){cursor:pointer}.pl-btn-primary:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-primary:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-primary:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-primary .icon{display:block;width:16px;height:16px}.pl-btn-primary.loading{box-shadow:none!important}.pl-btn-primary.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-primary.reverse{flex-direction:row-reverse}.pl-btn-primary>span{display:inline-flex}.pl-btn-primary{--color-btn-hover: var(--color-primary-hover);--color-btn-background: var(--color-primary-default);--btn-disabled-bg: var(--color-dis-01);--shape-shadow: var(--btn-shape-shadow);background-color:var(--color-btn-background);border:none;min-width:160px;--append-shadow: inset 0 0 0 1px #110529}.pl-btn-primary.loading{background:#070529cc}.pl-btn-primary:disabled{background-color:var(--btn-disabled-bg);box-shadow:none!important;cursor:auto}.pl-btn-primary:active{--shape-shadow: 0 0 0 0 transparent}")), document.head.appendChild(r);
+    }
+  } catch (a) {
+    console.error("vite-plugin-css-injected-by-js", a);
+  }
+})();
+const l = {
+  name: "PlBtnPrimary"
+}, m = /* @__PURE__ */ e({
+  ...l,
+  props: {
+    loading: { type: Boolean },
+    size: {},
+    round: { type: Boolean },
+    icon: {},
+    reverse: { type: Boolean },
+    justifyCenter: { type: Boolean }
+  },
+  setup(r) {
+    const a = r;
+    return (o, b) => (n(), t(s, i({ class: "pl-btn-primary" }, a), {
+      default: p(() => [
+        d(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  m as default
+};
+//# sourceMappingURL=PlBtnPrimary.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnPrimary.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlBtnPrimary/PlBtnPrimary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Primary button\n */\nexport default {\n  name: 'PlBtnPrimary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-primary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase class=\"pl-btn-primary\" v-bind=\"props\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["c","e","__props"],"mappings":";;;;;;;;;;;;AAKQ,MAAAA,IAAA;AAAA,EACR,MAAA;;;;;;;;;;;EAQA,MAAAC,GAAcC;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as r, createBlock as t, openBlock as a, mergeProps as d, withCtx as s, renderSlot as i } from "vue";
+import l from "../../base/BtnBase.vue.js";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode(".pl-btn-secondary{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-secondary.justifyCenter{justify-content:center}.pl-btn-secondary.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-secondary.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-secondary.medium{--main-padding: 0 16px}.pl-btn-secondary.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-secondary.large .mask{--mask-size: 24px}.pl-btn-secondary:disabled{--color-text: var(--color-dis-00)}.pl-btn-secondary:disabled *{color:var(--color-text)}.pl-btn-secondary:not([disabled]){cursor:pointer}.pl-btn-secondary:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-secondary:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-secondary:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-secondary .icon{display:block;width:16px;height:16px}.pl-btn-secondary.loading{box-shadow:none!important}.pl-btn-secondary.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-secondary.reverse{flex-direction:row-reverse}.pl-btn-secondary>span{display:inline-flex}.pl-btn-secondary{border:1px solid var(--color-border);background:transparent;min-width:160px;--color-border: var(--color-border-default);--color-text: var(--txt-01);--color-btn-hover: var(--btn-sec-hover-grey)}.pl-btn-secondary:disabled{--color-text: var(--color-dis-01);--color-border: var(--color-dis-01);box-shadow:none}.pl-btn-secondary:focus-visible{border-width:0}.pl-btn-secondary:active{--drop-shadow: inset 0px 3px 0px rgba(36, 34, 61, .12)}")), document.head.appendChild(e);
+    }
+  } catch (o) {
+    console.error("vite-plugin-css-injected-by-js", o);
+  }
+})();
+const p = {
+  name: "PlBtnSecondary"
+}, u = /* @__PURE__ */ r({
+  ...p,
+  props: {
+    loading: { type: Boolean },
+    size: {},
+    round: { type: Boolean },
+    icon: {},
+    reverse: { type: Boolean },
+    justifyCenter: { type: Boolean }
+  },
+  setup(e) {
+    const o = e;
+    return (n, c) => (a(), t(l, d(o, { class: "pl-btn-secondary" }), {
+      default: s(() => [
+        i(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=PlBtnSecondary.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSecondary.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlBtnSecondary/PlBtnSecondary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Secondary button\n */\nexport default {\n  name: 'PlBtnSecondary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-secondary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase v-bind=\"props\" class=\"pl-btn-secondary\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["i","__props"],"mappings":";;;;;;;;;;;;AAKQ,MAAAA,IAAA;AAAA,EACR,MAAA;;;;;;;;;;;EAQA,MAAA,GAAcC;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlBtnSplit/PlBtnSplit.vue.js

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

package/dist/lib/ui/uikit/dist/components/PlBtnSplit/PlBtnSplit.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSplit.vue.js","sources":["../../../../../../../../../lib/ui/uikit/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","__emit","model","y","z","f","q","s","u","m","_","b","o","B","O","c","watch","list","rect","data","t","iconState","D","T","r","K","d","opt","index","computed","useElementPosition","te","pos","downTopOffset","n","selectOption","x","A","open","items","length","filtered","p","localIndex","E","it","h","newIndex","W","$","P","root","i"],"mappings":"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"}

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue.js

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

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue.js.map

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

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue2.js

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

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlChartHistogram.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/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","r","c","l"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAQC,KAERC,IAAUC,EAAuB,MAAM;AACrC,YAAA,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,YAAAC,IAAa,KAAK,aAAAC,IAAc,QAAQX,EAAM,UAE5FY,IAASH,IAAU,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAM,IAAA,EAAE,KAAK,GAAG,OAAO,IAAI,QAAQ,IAAI,MAAM,MACrGI,IAAQH,IAAaE,EAAO,OAAOA,EAAO,OAC1CE,IAASH,IAAcC,EAAO,MAAMA,EAAO;AAE1C,aAAA;AAAA,QACL,OAAAC;AAAAA,QACA,QAAAC;AAAAA,QACA,QAAAF;AAAAA,QACA,SAAAH;AAAAA,QACA,OAAO,WAAWT,EAAM,WAAWA,EAAM,SAAS,QAAQ;AAAA,QAC1D,YAAAM;AAAAA,QACA,YAAAC;AAAAA,QACA,WAAAC;AAAAA,MACF;AAAA,IAAA,CACD,GAEKO,IAAkB,MAAM;AAC5B,YAAMC,IAAWhB,EAAM;AAEnBgB,UAAAA,EAAS,SAAS,YAAY;AAChCC,QAAAA,EAAwBf,EAAM,OAAQE,EAAQ,OAAOY,EAAS,IAAI;AAClE;AAAA,MAAA;AAGEA,QAAS,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,GAAA,CAAA,GAAAO,OAAAC,KAAAC,EAAA,OAAA;AAAA;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue3.js

@@ -0,0 +1,20 @@
+(function() {
+  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 o = "_component_t90zs_2", i = "_title_t90zs_11", n = {
+  component: o,
+  title: i
+};
+export {
+  o as component,
+  n as default,
+  i as title
+};
+//# sourceMappingURL=PlChartHistogram.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue3.js.map

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

package/dist/lib/ui/uikit/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 c from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/selectAll.js";
+import { axisLeft as f, axisBottom as l } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
+function g(t, i, r, s) {
+  const { width: o, height: a } = i;
+  function n() {
+    return f(r.y).ticks(6);
+  }
+  function e() {
+    return s(l(r.x));
+  }
+  t.append("g").attr("class", "grid").attr("font-family", "'Manrope', sans-serif").call(n().tickSize(-o).tickFormat(() => "")), t.append("g").attr("class", "grid").attr("font-family", "'Manrope', sans-serif").attr("transform", `translate(0,${a})`).call(e().tickSize(-a).tickFormat(() => "")), c(".grid line").style("stroke", "#E1E3EB").style("opacity", 0.7);
+}
+export {
+  g as createGridlines
+};
+//# sourceMappingURL=createGridlines.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/createGridlines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGridlines.js","sources":["../../../../../../../../../lib/ui/uikit/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,EAAWJ,IAAAA;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;AAGnCF,IAAA,OAAO,GAAG,EACX,KAAK,SAAS,MAAM,EACpB,KAAK,eAAe,uBAAyB,EAC7C,KAAKM,EACH,EAAA,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/lib/ui/uikit/dist/components/PlChartHistogram/createLabels.js

@@ -0,0 +1,8 @@
+function o(t, r) {
+  const { height: a, width: x, margin: e, xAxisLabel: l, yAxisLabel: n, compact: i } = r;
+  i || (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(l ?? "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(n ?? "Frequency"));
+}
+export {
+  o as createLabels
+};
+//# sourceMappingURL=createLabels.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/createLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLabels.js","sources":["../../../../../../../../../lib/ui/uikit/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,EAAYN,IAAAA;AAE/DM,EAAAA,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/lib/ui/uikit/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 n from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
+function l(r, i) {
+  const { width: o, height: e, margin: t, compact: a } = i;
+  return r.replaceChildren(), a && (r.style.height = e + "px", r.style.lineHeight = e + "px"), n(r).append("svg").attr("width", o + t.left + t.right).attr("height", e + t.top + t.bottom).append("g").attr("transform", `translate(${t.left},${t.top})`);
+}
+export {
+  l as createSvgContainer
+};
+//# sourceMappingURL=createSvgContainer.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/createSvgContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSvgContainer.js","sources":["../../../../../../../../../lib/ui/uikit/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;AACnE,QAAA,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,GAAQ,SAAAC,EAAAA,IAAYJ;AAE3CD,SAAAA,EAAG,mBAECK,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/lib/ui/uikit/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 c from "../../node_modules/.pnpm/d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
+function g(l, n, r, a) {
+  const { height: p } = r, { x: e, y: s } = a, i = c("body").append("div").attr("class", "svg-tooltip").style("position", "absolute").style("visibility", "hidden"), x = function(t, o) {
+    i.style("visibility", "visible").text(`count: ${o.length}
+x0: ${o.x0}
+x1: ${o.x1}`);
+  }, y = function(t) {
+    i.style("top", t.pageY - 10 + "px").style("left", t.pageX + 10 + "px");
+  }, d = function() {
+    i.style("visibility", "hidden");
+  };
+  l.selectAll("rect").data(n).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", x).on("mousemove", y).on("mouseout", d).append("title").text((t) => `[${t.x0}, ${t.x1}]
+` + t.length + `
+`);
+}
+export {
+  g as drawBins
+};
+//# sourceMappingURL=drawBins.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/drawBins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawBins.js","sources":["../../../../../../../../../lib/ui/uikit/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,EAAWF,IAAAA,GAEb,EAAE,GAAAG,GAAG,GAAAC,EAAAA,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;AAC1DJ,IAAAA,EACG,MAAM,cAAc,SAAS,EAC7B,KAAK,UAAUI,EAAE,MAAM;AAAA,MAASA,EAAE,EAAE;AAAA,MAASA,EAAE,EAAE,EAAE;AAAA,EAAA,GAGlDC,IAAY,SAAUC,GAAmB;AAC7CN,IAAAA,EACG,MAAM,OAAOM,EAAM,QAAQ,KAAK,IAAI,EACpC,MAAM,QAAQA,EAAM,QAAQ,KAAK,IAAI;AAAA,EAC1C,GAEMC,IAAW,WAAY;AACnBP,IAAAA,EAAA,MAAM,cAAc,QAAQ;AAAA,EACtC;AAGAP,EAAAA,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/lib/ui/uikit/dist/components/PlChartHistogram/drawThreshold.js

@@ -0,0 +1,8 @@
+function a(s, r, e) {
+  const { threshold: t } = e;
+  t && s.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 {
+  a as drawThreshold
+};
+//# sourceMappingURL=drawThreshold.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/drawThreshold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawThreshold.js","sources":["../../../../../../../../../lib/ui/uikit/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,EAAcD,IAAAA;AAEjBC,OAILH,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/lib/ui/uikit/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 x } from "./createSvgContainer.js";
+import { drawBins as y } from "./drawBins.js";
+import { createGridlines as $ } from "./createGridlines.js";
+import { logspace as b } from "./logspace.js";
+import { createLabels as k } from "./createLabels.js";
+import { drawThreshold as u } from "./drawThreshold.js";
+import { normalizeBins as z } from "./normalizeBins.js";
+import w from "../../node_modules/.pnpm/d3-array@3.2.4/node_modules/d3-array/src/min.js";
+import p 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 q 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 B, axisLeft as S } from "../../node_modules/.pnpm/d3-axis@3.0.0/node_modules/d3-axis/src/axis.js";
+const L = (e, i) => e.append("g").style("font-size", "14px").style("font-weight", "500").attr("transform", `translate(0,${i})`), M = (e) => e.append("g").style("font-size", "14px").style("font-weight", "500"), V = (e, i) => C().domain([0, p(e, (r) => r.length)]).range([i, 0]);
+function Q(e, i, r) {
+  const { width: h, height: l, nBins: s = 10 } = i, o = x(e, i), f = w(r), c = p(r), t = C().domain([f, c]).range([0, h]), m = z(q().domain(t.domain()).thresholds(t.ticks(s))(r)), n = V(m, l);
+  $(o, i, { x: t, y: n }, (a) => a.ticks(6)), y(o, m, i, { x: t, y: n }), u(o, { x: t, y: n }, i), L(o, l).call(B(t).tickSize(0)), M(o).call(S(n).tickSize(0)), k(o, i);
+}
+function R(e, i, r) {
+  const { width: h, height: l, nBins: s = 10 } = i, o = x(e, i), f = w(r), c = p(r), t = F().domain([f, c]).range([0, h]).nice(), m = (g) => {
+    const H = [];
+    for (let d = 0; d <= g; d++)
+      H.push(Number(t.invert(h * (d / g)).toFixed(2)));
+    return H;
+  }, n = z(q().domain(t.domain()).thresholds(m(s))(r)), a = V(n, l), v = b(0, Math.ceil(Math.log10(c)), 6);
+  $(o, i, { x: t, y: a }, (g) => g.tickValues(v)), y(o, n, i, { x: t, y: a }), u(o, { x: t, y: a }, i), L(o, l).call(B(t).tickValues(v).tickSize(0)), M(o).call(S(a).tickSize(0)), k(o, i);
+}
+function Y(e, i, r) {
+  const { width: h, height: l } = i, s = x(e, i), o = z(r), f = w(o, (a) => a.x0), c = p(o, (a) => a.x1), t = F().domain([f, c]).range([0, h]).nice(), m = V(o, l), n = b(0, Math.ceil(Math.log10(c)), 6);
+  $(s, i, { x: t, y: m }, (a) => a.tickValues(n)), y(s, o, i, { x: t, y: m }), u(s, { x: t, y: m }, i), L(s, l).call(B(t).tickValues(n).tickSize(0)), M(s).call(S(m).tickSize(0)), k(s, i);
+}
+export {
+  Y as createHistogramFromBins,
+  Q as createHistogramLinear,
+  R as createHistogramLog
+};
+//# sourceMappingURL=histogram.js.map

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"histogram.js","sources":["../../../../../../../../../lib/ui/uikit/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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"}

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/logspace.js

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

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/logspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logspace.js","sources":["../../../../../../../../../lib/ui/uikit/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;AAC3ED,MAAAA,KAAO,EAAG,QAAO,CAAC;AAEhB,QAAAE,KAAQH,IAAUD,MAAaE,IAAM,IACrCG,IAAS,CAAC;AAEhB,WAASC,IAAI,GAAGA,IAAIJ,GAAKI,KAAK;AACtBC,UAAAA,IAAWP,IAAWM,IAAIF;AAChCC,IAAAA,EAAO,KAAK,KAAK,IAAIF,GAAMI,CAAQ,CAAC;AAAA,EAAA;AAG/BF,SAAAA;AACT;"}

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/normalizeBins.js

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

package/dist/lib/ui/uikit/dist/components/PlChartHistogram/normalizeBins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeBins.js","sources":["../../../../../../../../../lib/ui/uikit/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,EAAA,IAIR;AAAA,IACL,IAAIA,EAAG;AAAA,IACP,IAAIA,EAAG;AAAA,IACP,QAAQA,EAAG;AAAA,EAAA,CAEd;AACH;"}

package/dist/lib/ui/uikit/dist/components/PlChartStackedBar/Legends.vue.js

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

package/dist/lib/ui/uikit/dist/components/PlChartStackedBar/Legends.vue.js.map

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