@milaboratories/graph-maker 1.2.5 → 1.2.7

package/dist/components/DragAndDrop/DndChip.vue.js

@@ -1,50 +0,0 @@
-import { defineComponent as p, ref as h, computed as _, createElementBlock as d, openBlock as r, createElementVNode as o, createVNode as v, unref as y, createCommentVNode as D, toDisplayString as f } from "vue";
-import { PlIcon16 as b } from "@platforma-sdk/ui-vue";
-const k = { class: "dnd-chip__icon" }, x = { class: "dnd-chip__title-wrapper" }, S = ["title"], V = ["title"], N = /* @__PURE__ */ p({
-  __name: "DndChip",
-  props: {
-    info: {}
-  },
-  emits: ["dragstart", "dragend"],
-  setup(t, { emit: u }) {
-    const n = t, s = u, i = h(), l = _(
-      () => n.info.uniqueValues.join("/")
-    );
-    function g(e) {
-      var a, c;
-      (a = e.dataTransfer) == null || a.clearData(), (c = e.dataTransfer) == null || c.setData("text/plain", n.info.id), s("dragstart", n.info.id), e.target.style.opacity = "0.4", i.value && i.value.classList.toggle("drag-active");
-    }
-    function m(e) {
-      s("dragend", n.info.id), e.target.style.opacity = "1", i.value && i.value.classList.toggle("drag-active");
-    }
-    return (e, a) => (r(), d("div", {
-      ref_key: "chipRoot",
-      ref: i,
-      draggable: "true",
-      class: "dnd-chip",
-      onDragstart: g,
-      onDragend: m
-    }, [
-      o("div", k, [
-        v(y(b), {
-          name: t.info.isSubsetFilter ? "cell-type-subset" : t.info.type === "String" ? "cell-type-txt" : "cell-type-num"
-        }, null, 8, ["name"])
-      ]),
-      o("div", x, [
-        o("div", {
-          class: "dnd-chip__title",
-          title: t.info.title
-        }, f(t.info.title), 9, S),
-        t.info.nonHomogenous ? (r(), d("div", {
-          key: 0,
-          class: "dnd-chip__sub-title",
-          title: l.value
-        }, f(l.value), 9, V)) : D("", !0)
-      ])
-    ], 544));
-  }
-});
-export {
-  N as default
-};
-//# sourceMappingURL=DndChip.vue.js.map

package/dist/components/DragAndDrop/DndChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndChip.vue.js","sources":["../../../src/components/DragAndDrop/DndChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { ChipInfo } from './types.ts';\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\n\nconst props = defineProps<{\n  info: ChipInfo;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'dragstart', item: ChipInfo['id']): void;\n  (e: 'dragend', item: ChipInfo['id']): void;\n}>();\n\nconst chipRoot = ref<HTMLElement>();\n\nconst dimensionsTitle = computed(() =>\n  props.info.uniqueValues.join('/'),\n);\nfunction dragStart(event: DragEvent) {\n  event.dataTransfer?.clearData();\n  event.dataTransfer?.setData('text/plain', props.info.id);\n  // console.log('dragStart', props.info);\n  emit('dragstart', props.info.id);\n  (event.target as HTMLElement).style.opacity = '0.4';\n  if (chipRoot.value) {\n    chipRoot.value.classList.toggle('drag-active');\n  }\n}\n\nfunction dragEnd(event: DragEvent) {\n  emit('dragend', props.info.id);\n  (event.target as HTMLElement).style.opacity = '1';\n  if (chipRoot.value) {\n    chipRoot.value.classList.toggle('drag-active');\n  }\n}\n</script>\n<template>\n  <div\n    ref=\"chipRoot\"\n    draggable=\"true\"\n    class=\"dnd-chip\"\n    @dragstart=\"dragStart\"\n    @dragend=\"dragEnd\"\n  >\n    <div class=\"dnd-chip__icon\" >\n      <PlIcon16 :name=\"info.isSubsetFilter ? 'cell-type-subset' : info.type === 'String' ? 'cell-type-txt' : 'cell-type-num'\"/>\n    </div>\n    <div class=\"dnd-chip__title-wrapper\">\n      <div class=\"dnd-chip__title\" :title=\"info.title\">{{ info.title }}</div>\n      <div v-if=\"info.nonHomogenous\" class=\"dnd-chip__sub-title\" :title=\"dimensionsTitle\">\n        {{ dimensionsTitle }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","chipRoot","ref","dimensionsTitle","computed","dragStart","event","_a","_b","dragEnd","_createElementBlock","_createElementVNode","_hoisted_1","_createVNode","_unref","PlIcon16","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAOC,GAKPC,IAAWC,EAAA,GAEXC,IAAkBC;AAAA,MAAS,MAC/BP,EAAM,KAAK,aAAa,KAAK,GAAG;AAAA,IAAA;AAElC,aAASQ,EAAUC,GAAkB;;AACnC,OAAAC,IAAAD,EAAM,iBAAN,QAAAC,EAAoB,cACpBC,IAAAF,EAAM,iBAAN,QAAAE,EAAoB,QAAQ,cAAcX,EAAM,KAAK,KAErDE,EAAK,aAAaF,EAAM,KAAK,EAAE,GAC9BS,EAAM,OAAuB,MAAM,UAAU,OAC1CL,EAAS,SACXA,EAAS,MAAM,UAAU,OAAO,aAAa;AAAA,IAEjD;AAEA,aAASQ,EAAQH,GAAkB;AACjC,MAAAP,EAAK,WAAWF,EAAM,KAAK,EAAE,GAC5BS,EAAM,OAAuB,MAAM,UAAU,KAC1CL,EAAS,SACXA,EAAS,MAAM,UAAU,OAAO,aAAa;AAAA,IAEjD;2BAGES,EAgBM,OAAA;AAAA,eAfA;AAAA,MAAJ,KAAIT;AAAA,MACJ,WAAU;AAAA,MACV,OAAM;AAAA,MACL,aAAWI;AAAA,MACX,WAASI;AAAA,IAAA;MAEVE,EAEM,OAFNC,GAEM;AAAA,QADJC,EAAyHC,EAAAC,CAAA,GAAA;AAAA,UAA9G,MAAMjB,EAAA,KAAK,iBAAc,qBAAwBA,EAAA,KAAK,SAAI,WAAA,kBAAA;AAAA,QAAA;;MAEvEa,EAKM,OALNK,GAKM;AAAA,QAJJL,EAAuE,OAAA;AAAA,UAAlE,OAAM;AAAA,UAAmB,OAAOb,EAAA,KAAK;AAAA,QAAA,GAAUmB,EAAAnB,EAAA,KAAK,KAAK,GAAA,GAAAoB,CAAA;AAAA,QACnDpB,EAAA,KAAK,sBAAhBY,EAEM,OAAA;AAAA;UAFyB,OAAM;AAAA,UAAuB,OAAOP,EAAA;AAAA,QAAA,KAC9DA,EAAA,KAAe,GAAA,GAAAgB,CAAA;;;;;"}

package/dist/components/DragAndDrop/DndDoubleChip.vue.js

@@ -1,92 +0,0 @@
-import { defineComponent as w, mergeModels as h, useModel as M, ref as b, watch as O, createElementBlock as y, openBlock as r, createElementVNode as n, normalizeClass as g, createCommentVNode as C, createVNode as k, createBlock as a, unref as s, toDisplayString as D } from "vue";
-import { PlIcon16 as u, PlDropdownMulti as S, PlAutocompleteMulti as _ } from "@platforma-sdk/ui-vue";
-import { useStore as B } from "../../store.js";
-const F = {
-  ref: "chipRoot",
-  class: "dnd-double-chip__group"
-}, P = { class: "dnd-double-chip__top" }, $ = {
-  key: 0,
-  class: "dnd-basket-chip__handler"
-}, A = ["title"], N = { class: "dnd-double-chip__title" }, E = { class: "dnd-double-chip__bottom" }, G = /* @__PURE__ */ w({
-  __name: "DndDoubleChip",
-  props: /* @__PURE__ */ h({
-    info: {},
-    error: { type: Boolean },
-    searchModel: { type: Function },
-    searchOptions: { type: Function },
-    loadOptions: { type: Function },
-    sortable: { type: Boolean }
-  }, {
-    filter: { required: !0 },
-    filterModifiers: {}
-  }),
-  emits: /* @__PURE__ */ h(["close-chip", "update:filter"], ["update:filter"]),
-  setup(e, { emit: U }) {
-    var f, v;
-    const o = e, c = B(), d = M(e, "filter"), p = b((f = c.value.filterSuggestionsData.value[o.info.id]) == null ? void 0 : f.values), m = b(((v = c.value.filterSuggestionsData.value[o.info.id]) == null ? void 0 : v.overflow) ?? !1);
-    O(() => c.value.loading.inputGuide, async (i) => {
-      if (i)
-        return;
-      const { values: t, overflow: l } = await o.loadOptions(o.info.id);
-      p.value = t, m.value = l;
-    }, { immediate: !0 });
-    function V(i) {
-      return i === "" ? Promise.resolve(p.value ?? []) : Array.isArray(i) ? o.searchModel(o.info.id, i) : o.searchOptions(o.info.id, i);
-    }
-    return (i, t) => (r(), y("div", F, [
-      n("div", {
-        class: g([{ error: e.error, sortable: e.sortable }, "dnd-double-chip"])
-      }, [
-        n("div", P, [
-          n("div", {
-            class: g(["dnd-double-chip__icon", { error: e.error }])
-          }, [
-            e.error ? (r(), a(s(u), {
-              key: 0,
-              name: "warning"
-            })) : (r(), a(s(u), {
-              key: 1,
-              name: e.info.isSubsetFilter ? "cell-type-subset" : e.info.type === "String" ? "cell-type-txt" : "cell-type-num"
-            }, null, 8, ["name"]))
-          ], 2),
-          e.sortable ? (r(), y("div", $)) : C("", !0),
-          k(s(u), { name: "drag-dots" }),
-          n("div", {
-            class: "dnd-double-chip__title-wrapper",
-            title: e.info.title
-          }, [
-            n("div", N, D(e.info.title), 1)
-          ], 8, A),
-          n("div", {
-            class: "dnd-double-chip__icon-close",
-            onClick: t[1] || (t[1] = (l) => i.$emit("close-chip", o.info.id))
-          }, [
-            k(s(u), {
-              name: "close",
-              onClick: t[0] || (t[0] = (l) => i.$emit("close-chip", o.info.id))
-            })
-          ])
-        ]),
-        n("div", E, [
-          m.value ? (r(), a(s(_), {
-            key: 1,
-            modelValue: d.value,
-            "onUpdate:modelValue": t[3] || (t[3] = (l) => d.value = l),
-            "options-search": (l) => V(l),
-            "group-position": "bottom"
-          }, null, 8, ["modelValue", "options-search"])) : (r(), a(s(S), {
-            key: 0,
-            modelValue: d.value,
-            "onUpdate:modelValue": t[2] || (t[2] = (l) => d.value = l),
-            options: p.value,
-            "group-position": "bottom"
-          }, null, 8, ["modelValue", "options"]))
-        ])
-      ], 2)
-    ], 512));
-  }
-});
-export {
-  G as default
-};
-//# sourceMappingURL=DndDoubleChip.vue.js.map

package/dist/components/DragAndDrop/DndDoubleChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndDoubleChip.vue.js","sources":["../../../src/components/DragAndDrop/DndDoubleChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { ListOption, ListOptionBase } from '@platforma-sdk/ui-vue';\nimport { PlAutocompleteMulti, PlDropdownMulti, PlIcon16 } from '@platforma-sdk/ui-vue';\nimport type { ChipInfo } from './types';\nimport { useStore } from '../../store.ts';\n\nconst props = defineProps<{\n  info: ChipInfo;\n  error: boolean;\n  searchModel: (sourceId: string, selectedValues: string[]) => Promise<ListOptionBase<string>[]>;\n  searchOptions: (sourceId: string, searchStr: string) => Promise<ListOptionBase<string>[]>;\n  loadOptions: (sourceId: string) => Promise<{ values: ListOption<string>[]; overflow: boolean }>;\n  sortable?: boolean;\n}>();\n\nconst _emit = defineEmits<{\n  (e: 'close-chip', id: ChipInfo['id']): void;\n  (e: 'update:filter', id: unknown): void;\n}>();\n\nconst store = useStore();\n\nconst filterModel = defineModel<string[]>('filter', { required: true });\n\nconst preloadedOptions = ref<ListOption[] | undefined>(store.value.filterSuggestionsData.value[props.info.id]?.values);\nconst optionsOverflow = ref(store.value.filterSuggestionsData.value[props.info.id]?.overflow ?? false);\n\nwatch(() => store.value.loading.inputGuide, async (loading) => {\n  if (loading) {\n    return;\n  }\n  const { values, overflow } = await props.loadOptions(props.info.id);\n  preloadedOptions.value = values;\n  optionsOverflow.value = overflow;\n}, { immediate: true });\n\nfunction searchOptionsFn(str: string | string[]): Promise<ListOptionBase<string>[]> {\n  if (str === '') {\n    return Promise.resolve((preloadedOptions.value ?? []) as ListOptionBase<string>[]);\n  }\n  if (Array.isArray(str)) {\n    return props.searchModel(props.info.id, str);\n  }\n  return props.searchOptions(props.info.id, str);\n}\n\n</script>\n\n<template>\n  <div ref=\"chipRoot\" class=\"dnd-double-chip__group\">\n    <div :class=\"{ error, sortable }\" class=\"dnd-double-chip\">\n      <div class=\"dnd-double-chip__top\">\n        <div class=\"dnd-double-chip__icon\" :class=\"{error}\">\n          <PlIcon16 v-if=\"error\" name=\"warning\"/>\n          <PlIcon16 v-else :name=\"info.isSubsetFilter ? 'cell-type-subset' : info.type === 'String' ? 'cell-type-txt' : 'cell-type-num'\"/>\n        </div>\n        <div v-if=\"sortable\" class=\"dnd-basket-chip__handler\"/>\n        <PlIcon16 name=\"drag-dots\" />\n        <div class=\"dnd-double-chip__title-wrapper\" :title=\"info.title\">\n          <div class=\"dnd-double-chip__title\">\n            {{ info.title }}\n          </div>\n        </div>\n\n        <div\n          class=\"dnd-double-chip__icon-close\"\n          @click=\"$emit('close-chip', props.info.id)\"\n        >\n          <PlIcon16 name=\"close\" @click=\"$emit('close-chip', props.info.id)\" />\n        </div>\n      </div>\n      <div class=\"dnd-double-chip__bottom\">\n        <PlDropdownMulti v-if=\"!optionsOverflow\" v-model=\"filterModel\" :options=\"preloadedOptions\" group-position=\"bottom\"/>\n        <PlAutocompleteMulti\n          v-else\n          v-model=\"filterModel\"\n          :options-search=\"(str: string | string[]) => searchOptionsFn(str)\"\n          group-position=\"bottom\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","filterModel","_useModel","preloadedOptions","ref","_a","optionsOverflow","_b","watch","loading","values","overflow","searchOptionsFn","str","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_createBlock","_unref","PlIcon16","_hoisted_3","_createVNode","_hoisted_5","_toDisplayString","$emit","_hoisted_6","PlAutocompleteMulti","$event","PlDropdownMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAcRC,IAAQC,EAAA,GAERC,IAAcC,EAAqBJ,GAAC,QAA4B,GAEhEK,IAAmBC,GAA8BC,IAAAN,EAAM,MAAM,sBAAsB,MAAMF,EAAM,KAAK,EAAE,MAArD,gBAAAQ,EAAwD,MAAM,GAC/GC,IAAkBF,IAAIG,IAAAR,EAAM,MAAM,sBAAsB,MAAMF,EAAM,KAAK,EAAE,MAArD,gBAAAU,EAAwD,aAAY,EAAK;AAErG,IAAAC,EAAM,MAAMT,EAAM,MAAM,QAAQ,YAAY,OAAOU,MAAY;AAC7D,UAAIA;AACF;AAEF,YAAM,EAAE,QAAAC,GAAQ,UAAAC,MAAa,MAAMd,EAAM,YAAYA,EAAM,KAAK,EAAE;AAClE,MAAAM,EAAiB,QAAQO,GACzBJ,EAAgB,QAAQK;AAAA,IAC1B,GAAG,EAAE,WAAW,IAAM;AAEtB,aAASC,EAAgBC,GAA2D;AAClF,aAAIA,MAAQ,KACH,QAAQ,QAASV,EAAiB,SAAS,CAAA,CAA+B,IAE/E,MAAM,QAAQU,CAAG,IACZhB,EAAM,YAAYA,EAAM,KAAK,IAAIgB,CAAG,IAEtChB,EAAM,cAAcA,EAAM,KAAK,IAAIgB,CAAG;AAAA,IAC/C;sBAKEC,EAAA,GAAAC,EAgCM,OAhCNC,GAgCM;AAAA,MA/BJC,EA8BM,OAAA;AAAA,QA9BA,OAAKC,EAAA,CAAA,EAAA,OAAIpB,EAAA,OAAK,UAAEA,EAAA,SAAA,GAAkB,iBAAiB,CAAA;AAAA,MAAA;QACvDmB,EAmBM,OAnBNE,GAmBM;AAAA,UAlBJF,EAGM,OAAA;AAAA,YAHD,OAAKC,EAAA,CAAC,yBAAuB,EAAA,OAAUpB,EAAA,OAAK,CAAA;AAAA,UAAA;YAC/BA,EAAA,cAAhBsB,EAAuCC,EAAAC,CAAA,GAAA;AAAA;cAAhB,MAAK;AAAA,YAAA,YAC5BF,EAAgIC,EAAAC,CAAA,GAAA;AAAA;cAA9G,MAAMxB,EAAA,KAAK,iBAAc,qBAAwBA,EAAA,KAAK,SAAI,WAAA,kBAAA;AAAA,YAAA;;UAEnEA,EAAA,YAAXgB,EAAA,GAAAC,EAAuD,OAAvDQ,CAAuD;UACvDC,EAA6BH,EAAAC,CAAA,GAAA,EAAnB,MAAK,aAAW;AAAA,UAC1BL,EAIM,OAAA;AAAA,YAJD,OAAM;AAAA,YAAkC,OAAOnB,EAAA,KAAK;AAAA,UAAA;YACvDmB,EAEM,OAFNQ,GAEMC,EADD5B,EAAA,KAAK,KAAK,GAAA,CAAA;AAAA,UAAA;UAIjBmB,EAKM,OAAA;AAAA,YAJJ,OAAM;AAAA,YACL,gCAAOU,EAAAA,MAAK,cAAe9B,EAAM,KAAK,EAAE;AAAA,UAAA;YAEzC2B,EAAqEH,EAAAC,CAAA,GAAA;AAAA,cAA3D,MAAK;AAAA,cAAS,gCAAOK,EAAAA,MAAK,cAAe9B,EAAM,KAAK,EAAE;AAAA,YAAA;;;QAGpEoB,EAQM,OARNW,GAQM;AAAA,UAPoBtB,EAAA,cACxBc,EAKEC,EAAAQ,CAAA,GAAA;AAAA;wBAHS5B,EAAA;AAAA,0DAAAA,EAAW,QAAA6B;AAAA,YACnB,kBAAc,CAAGjB,MAA2BD,EAAgBC,CAAG;AAAA,YAChE,kBAAe;AAAA,UAAA,uDALjBO,EAAoHC,EAAAU,CAAA,GAAA;AAAA;wBAAlE9B,EAAA;AAAA,0DAAAA,EAAW,QAAA6B;AAAA,YAAG,SAAS3B,EAAA;AAAA,YAAkB,kBAAe;AAAA,UAAA;;;;;;"}

package/dist/components/GraphStatusScreen.css

@@ -1 +0,0 @@
-._loaderContainer_1yfb4_2{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}._withBorder_1yfb4_12{border:1px solid #E1E3EB;border-radius:8px;overflow:"hidden"}

package/dist/components/GraphStatusScreen.vue.js

@@ -1,10 +0,0 @@
-import s from "./GraphStatusScreen.vue2.js";
-import o from "./GraphStatusScreen.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=GraphStatusScreen.vue.js.map

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

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

package/dist/components/GraphStatusScreen.vue3.js

@@ -1,10 +0,0 @@
-import './GraphStatusScreen.css';const o = "_loaderContainer_1yfb4_2", r = "_withBorder_1yfb4_12", e = {
-  loaderContainer: o,
-  withBorder: r
-};
-export {
-  e as default,
-  o as loaderContainer,
-  r as withBorder
-};
-//# sourceMappingURL=GraphStatusScreen.vue3.js.map

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

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

package/dist/components/LassoControls/index.css

@@ -1 +0,0 @@
-._lassoControlsContainer_1w3e4_2{display:flex;align-items:baseline}._lassoButtonsGroup_1w3e4_6{background:#fff;display:flex;position:relative}._lassoControlsBorder_1w3e4_11{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}._lassoButtonSelected_1w3e4_20{border:2px solid var(--border-color-focus)}._lassoButtonNotSelected_1w3e4_23{border:2px solid transparent}._lassoControlsSeparator_1w3e4_26{width:1px;height:32px;background-color:var(--color-div-grey);margin:4px}._lassoHint_1w3e4_32{color:var(--txt-03);font-size:14px;margin-left:8px}._resetViewport_1w3e4_37{width:58px;min-width:58px;margin-left:24px;border:1px solid var(--color-div-grey)}._resetIcon_1w3e4_43{margin-left:-6px}._resetHintIcon_1w3e4_46{align-self:center}

package/dist/components/LassoControls/index.vue.js

@@ -1,10 +0,0 @@
-import s from "./index.vue2.js";
-import o from "./index.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=index.vue.js.map

package/dist/components/LassoControls/index.vue.js.map

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

package/dist/components/LassoControls/index.vue3.js

@@ -1,26 +0,0 @@
-import './index.css';const o = "_lassoControlsContainer_1w3e4_2", s = "_lassoButtonsGroup_1w3e4_6", t = "_lassoControlsBorder_1w3e4_11", e = "_lassoButtonSelected_1w3e4_20", n = "_lassoButtonNotSelected_1w3e4_23", r = "_lassoControlsSeparator_1w3e4_26", l = "_lassoHint_1w3e4_32", a = "_resetViewport_1w3e4_37", _ = "_resetIcon_1w3e4_43", c = "_resetHintIcon_1w3e4_46", u = {
-  lassoControlsContainer: o,
-  lassoButtonsGroup: s,
-  lassoControlsBorder: t,
-  lassoButtonSelected: e,
-  lassoButtonNotSelected: n,
-  lassoControlsSeparator: r,
-  lassoHint: l,
-  resetViewport: a,
-  resetIcon: _,
-  resetHintIcon: c
-};
-export {
-  u as default,
-  n as lassoButtonNotSelected,
-  e as lassoButtonSelected,
-  s as lassoButtonsGroup,
-  t as lassoControlsBorder,
-  o as lassoControlsContainer,
-  r as lassoControlsSeparator,
-  l as lassoHint,
-  c as resetHintIcon,
-  _ as resetIcon,
-  a as resetViewport
-};
-//# sourceMappingURL=index.vue3.js.map

package/dist/components/LassoControls/index.vue3.js.map

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

package/dist/components/MultiselectButton.vue.js

@@ -1,64 +0,0 @@
-import { defineComponent as k, ref as b, createElementBlock as o, openBlock as t, withModifiers as f, createCommentVNode as c, createVNode as g, createElementVNode as y, toDisplayString as a, createBlock as v, unref as r, Fragment as C, renderList as h, normalizeStyle as u } from "vue";
-import { useLabelNotch as E, PlIcon16 as L } from "@platforma-sdk/ui-vue";
-import B from "./DoubleContourTemp.vue.js";
-import { isCategorical as $, PALETTE_MAP as m } from "../constantsAesthetic.js";
-const A = { class: "ui-multiselect-button__content" }, I = {
-  key: 0,
-  class: "title"
-}, N = {
-  key: 1,
-  class: "gradient"
-}, S = 6, D = /* @__PURE__ */ k({
-  __name: "MultiselectButton",
-  props: {
-    label: {},
-    title: {},
-    palette: {}
-  },
-  emits: ["button-click"],
-  setup(d, { emit: V }) {
-    const e = d, s = b(void 0);
-    E(s);
-    function p(n) {
-      const i = 100 / (n.length - 1);
-      return `background: linear-gradient(to right, ${n.map((l, _) => `${l} ${_ * i}%`).join(", ")})`;
-    }
-    return (n, i) => (t(), o("div", {
-      ref_key: "root",
-      ref: s,
-      class: "ui-multiselect-button",
-      onClick: i[0] || (i[0] = f((l) => n.$emit("button-click"), ["stop"]))
-    }, [
-      e.label ? (t(), o("label", {
-        key: 0,
-        ref: "label"
-      }, a(e.label), 513)) : c("", !0),
-      g(B, { class: "ui-multiselect-button__contour" }),
-      y("div", A, [
-        e.title ? (t(), o("div", I, a(e.title), 1)) : c("", !0),
-        e.palette && r($)(e.palette) ? (t(), o("div", N, [
-          (t(!0), o(C, null, h(r(m)[e.palette].colors.slice(
-            0,
-            S
-          ), (l) => (t(), o("div", {
-            key: l,
-            class: "gradient__item",
-            style: u({ background: l })
-          }, null, 4))), 128))
-        ])) : e.palette ? (t(), o("div", {
-          key: 2,
-          class: "gradient",
-          style: u(p(r(m)[e.palette].colors))
-        }, null, 4)) : (t(), v(r(L), {
-          key: 3,
-          class: "icon",
-          name: "chevron-right"
-        }))
-      ])
-    ], 512));
-  }
-});
-export {
-  D as default
-};
-//# sourceMappingURL=MultiselectButton.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiselectButton.vue.js","sources":["../../src/components/MultiselectButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16, useLabelNotch } from '@platforma-sdk/ui-vue';\nimport { ref } from 'vue';\nimport type {\n  Palette,\n  PaletteData,\n} from './AesSettings/types';\nimport DoubleContour from './DoubleContourTemp.vue';\nimport {\n  isCategorical,\n  PALETTE_MAP,\n} from '../constantsAesthetic';\n\nconst _emit = defineEmits(['button-click']);\nconst props = defineProps<{\n  label: string;\n  title?: string;\n  palette?: Palette;\n}>();\nconst root = ref<HTMLInputElement | undefined>(undefined);\nuseLabelNotch(root);\n\nfunction createCssGradient(palette: PaletteData) {\n  const step = 100 / (palette.length - 1);\n  return `background: linear-gradient(to right, ${palette\n    .map((value, idx) => `${value} ${idx * step}%`)\n    .join(', ')})`;\n}\n\nconst COLORS_CATEGORICAL_VISIBLE = 6;\n</script>\n\n<template>\n  <div ref=\"root\" class=\"ui-multiselect-button\" @click.stop=\"$emit('button-click')\">\n    <label v-if=\"props.label\" ref=\"label\">\n      {{ props.label }}\n    </label>\n    <DoubleContour class=\"ui-multiselect-button__contour\" />\n    <div class=\"ui-multiselect-button__content\">\n      <div v-if=\"props.title\" class=\"title\">{{ props.title }}</div>\n      <div v-if=\"props.palette && isCategorical(props.palette)\" class=\"gradient\">\n        <div\n          v-for=\"color of PALETTE_MAP[props.palette].colors.slice(\n            0,\n            COLORS_CATEGORICAL_VISIBLE,\n          )\"\n          :key=\"color\"\n          class=\"gradient__item\"\n          :style=\"{ background: color }\"\n        />\n      </div>\n      <div\n        v-else-if=\"props.palette\"\n        class=\"gradient\"\n        :style=\"createCssGradient(PALETTE_MAP[props.palette].colors)\"\n      />\n      <PlIcon16 v-else class=\"icon\" name=\"chevron-right\" />\n    </div>\n  </div>\n</template>\n"],"names":["COLORS_CATEGORICAL_VISIBLE","props","__props","root","ref","useLabelNotch","createCssGradient","palette","step","value","idx","_createElementBlock","$emit","_toDisplayString","_createVNode","DoubleContour","_createElementVNode","_hoisted_1","_openBlock","_hoisted_2","_unref","_hoisted_3","_Fragment","_renderList","color","_normalizeStyle","PALETTE_MAP","_createBlock","PlIcon16"],"mappings":";;;;;;;;;;GA6BMA,IAA6B;;;;;;;;;AAfnC,UAAMC,IAAQC,GAKRC,IAAOC,EAAkC,MAAS;AACxD,IAAAC,EAAcF,CAAI;AAElB,aAASG,EAAkBC,GAAsB;AAC/C,YAAMC,IAAO,OAAOD,EAAQ,SAAS;AACrC,aAAO,yCAAyCA,EAC7C,IAAI,CAACE,GAAOC,MAAQ,GAAGD,CAAK,IAAIC,IAAMF,CAAI,GAAG,EAC7C,KAAK,IAAI,CAAC;AAAA,IACf;2BAMEG,EAyBM,OAAA;AAAA,eAzBG;AAAA,MAAJ,KAAIR;AAAA,MAAO,OAAM;AAAA,MAAyB,kCAAYS,EAAAA,MAAK,cAAA,GAAA,CAAA,MAAA,CAAA;AAAA,IAAA;MACjDX,EAAM,cAAnBU,EAEQ,SAAA;AAAA;QAFkB,KAAI;AAAA,MAAA,GACzBE,EAAAZ,EAAM,KAAK,GAAA,GAAA;MAEhBa,EAAwDC,GAAA,EAAzC,OAAM,kCAAgC;AAAA,MACrDC,EAmBM,OAnBNC,GAmBM;AAAA,QAlBOhB,EAAM,SAAjBiB,EAAA,GAAAP,EAA6D,OAA7DQ,GAA6DN,EAApBZ,EAAM,KAAK,GAAA,CAAA;QACzCA,EAAM,WAAWmB,KAAcnB,EAAM,OAAO,KAAvDiB,EAAA,GAAAP,EAUM,OAVNU,GAUM;AAAA,kBATJV,EAQEW,GAAA,MAAAC,EAPgBH,KAAYnB,EAAM,OAAO,EAAE,OAAO;AAAA;YAAkCD;AAAA,UAAA,IAA7EwB,YADTb,EAQE,OAAA;AAAA,YAHC,KAAKa;AAAA,YACN,OAAM;AAAA,YACL,uBAAqBA,GAAK;AAAA,UAAA;cAIlBvB,EAAM,gBADnBU,EAIE,OAAA;AAAA;UAFA,OAAM;AAAA,UACL,OAAKc,EAAEnB,EAAkBc,EAAAM,CAAA,EAAYzB,EAAM,OAAO,EAAE,MAAM,CAAA;AAAA,QAAA,qBAE7D0B,EAAqDP,EAAAQ,CAAA,GAAA;AAAA;UAApC,OAAM;AAAA,UAAO,MAAK;AAAA,QAAA;;;;;"}

package/dist/components/PanelModal.vue.js

@@ -1,38 +0,0 @@
-import { defineComponent as n, ref as i, watch as f, nextTick as m, createElementBlock as u, openBlock as p, createVNode as d, renderSlot as v, unref as k } from "vue";
-import { useClickOutside as x, PlCloseModalBtn as _ } from "@platforma-sdk/ui-vue";
-import { useStore as b } from "../store.js";
-const h = /* @__PURE__ */ n({
-  __name: "PanelModal",
-  emits: ["close"],
-  setup(B, { emit: c }) {
-    const s = c, l = i(), r = b();
-    return x([l], () => s("close")), f(
-      () => {
-        var e;
-        return r.value.reactive.currentTab === "axes" && ((e = r.value.reactive.tabDefaultState.axes) == null ? void 0 : e.scrollToBottom);
-      },
-      (e) => {
-        e && m(() => {
-          var o, a;
-          const t = (a = (o = l.value) == null ? void 0 : o.querySelector) == null ? void 0 : a.call(o, ".axes-settings-list, .inputs-block");
-          t && t.scrollTo({ top: t.scrollHeight, behavior: "smooth" }), r.value.reactive.tabDefaultState.axes.scrollToBottom = !1;
-        });
-      },
-      { immediate: !0 }
-    ), (e, t) => (p(), u("div", {
-      ref_key: "rootRef",
-      ref: l,
-      class: "panel-modal"
-    }, [
-      d(k(_), {
-        class: "close-panel-modal",
-        onClick: t[0] || (t[0] = (o) => s("close"))
-      }),
-      v(e.$slots, "default", { ref: "contentRef" })
-    ], 512));
-  }
-});
-export {
-  h as default
-};
-//# sourceMappingURL=PanelModal.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PanelModal.vue.js","sources":["../../src/components/PanelModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlCloseModalBtn, useClickOutside } from '@platforma-sdk/ui-vue';\nimport { nextTick, ref, watch } from 'vue';\nimport { useStore } from '../store';\n\nconst $emit = defineEmits(['close']);\n\nconst rootRef = ref();\nconst store = useStore();\n\nuseClickOutside([rootRef], () => $emit('close'));\n\nwatch(\n  () => store.value.reactive.currentTab === 'axes' && store.value.reactive.tabDefaultState.axes?.scrollToBottom,\n  (shouldScroll) => {\n    if (!shouldScroll) return;\n    nextTick(() => {\n      const el = rootRef.value?.querySelector?.('.axes-settings-list, .inputs-block') as HTMLElement | null;\n      if (el) {\n        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });\n      }\n      store.value.reactive.tabDefaultState.axes.scrollToBottom = false;\n    });\n  },\n  { immediate: true },\n);\n</script>\n\n<template>\n  <div ref=\"rootRef\" class=\"panel-modal\">\n    <PlCloseModalBtn class=\"close-panel-modal\" @click=\"$emit('close')\"/>\n    <slot ref=\"contentRef\"/>\n  </div>\n</template>\n"],"names":["$emit","__emit","rootRef","ref","store","useStore","useClickOutside","watch","_a","shouldScroll","nextTick","el","_b","_createElementBlock","_createVNode","_unref","PlCloseModalBtn","_renderSlot","_ctx"],"mappings":";;;;;;;AAKA,UAAMA,IAAQC,GAERC,IAAUC,EAAA,GACVC,IAAQC,EAAA;AAEd,WAAAC,EAAgB,CAACJ,CAAO,GAAG,MAAMF,EAAM,OAAO,CAAC,GAE/CO;AAAA,MACE,MAAA;;AAAM,eAAAH,EAAM,MAAM,SAAS,eAAe,YAAUI,IAAAJ,EAAM,MAAM,SAAS,gBAAgB,SAArC,gBAAAI,EAA2C;AAAA;AAAA,MAC/F,CAACC,MAAiB;AAChB,QAAKA,KACLC,EAAS,MAAM;;AACb,gBAAMC,KAAKC,KAAAJ,IAAAN,EAAQ,UAAR,gBAAAM,EAAe,kBAAf,gBAAAI,EAAA,KAAAJ,GAA+B;AAC1C,UAAIG,KACFA,EAAG,SAAS,EAAE,KAAKA,EAAG,cAAc,UAAU,UAAU,GAE1DP,EAAM,MAAM,SAAS,gBAAgB,KAAK,iBAAiB;AAAA,QAC7D,CAAC;AAAA,MACH;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,mBAKlBS,EAGM,OAAA;AAAA,eAHG;AAAA,MAAJ,KAAIX;AAAA,MAAU,OAAM;AAAA,IAAA;MACvBY,EAAoEC,EAAAC,CAAA,GAAA;AAAA,QAAnD,OAAM;AAAA,QAAqB,gCAAOhB,EAAK,OAAA;AAAA,MAAA;MACxDiB,EAAwBC,EAAA,QAAA,WAAA,EAAlB,KAAI,cAAY;AAAA,IAAA;;;"}

package/dist/components/PlColorSlider.vue.js

@@ -1,74 +0,0 @@
-import { defineComponent as k, ref as p, reactive as y, watch as v, computed as d, onMounted as C, createElementBlock as f, openBlock as u, createElementVNode as i, normalizeStyle as $, createCommentVNode as w, Fragment as B, renderList as F, createBlock as E } from "vue";
-import M from "./PlColorSliderThumb.vue.js";
-const P = { class: "pl-color-slider" }, R = { class: "pl-color-slider__wrapper" }, j = { class: "pl-color-slider__thumbs-contaier" }, S = /* @__PURE__ */ k({
-  __name: "PlColorSlider",
-  props: {
-    colors: {},
-    modelValue: {},
-    getColorForPercent: { type: Function },
-    active: {}
-  },
-  emits: ["update:modelValue", "active"],
-  setup(r, { emit: _ }) {
-    const a = r, g = _, c = p(), n = y({}), o = p(-1);
-    v(
-      () => a.modelValue,
-      () => {
-        a.modelValue.forEach((e, l) => n[l] = e);
-      },
-      { immediate: !0 }
-    );
-    const h = d(
-      () => Math.floor(o.value !== -1 ? 0 - o.value : 0)
-    ), V = d(
-      () => Math.floor(o.value !== -1 ? 100 + o.value : 100)
-    );
-    v(
-      () => n,
-      (e) => {
-        g("update:modelValue", Object.values(e));
-      },
-      { deep: !0 }
-    );
-    const b = d(() => {
-      const e = 100 / (a.colors.length - 1);
-      return `linear-gradient(to right, ${a.colors.map((m, t) => `${m} ${e * t}%`).join(", ")})`;
-    });
-    return C(() => {
-      const l = c.value.getBoundingClientRect().width - 32;
-      o.value = 16 / l * 100;
-    }), (e, l) => (u(), f("div", P, [
-      i("div", R, [
-        i("div", {
-          ref_key: "barRef",
-          ref: c,
-          class: "pl-color-slider__color-contaier"
-        }, [
-          i("div", {
-            style: $({ background: b.value }),
-            class: "pl-color-slider__gradient"
-          }, null, 4)
-        ], 512),
-        i("div", j, [
-          c.value ? (u(!0), f(B, { key: 0 }, F(r.modelValue, (m, t) => (u(), E(M, {
-            key: t,
-            modelValue: n[t],
-            "onUpdate:modelValue": (s) => n[t] = s,
-            "is-active": r.active === t,
-            min: h.value,
-            max: V.value,
-            "bar-ref": c.value,
-            "get-color-for-percent": r.getColorForPercent,
-            class: "pl-color-slider__thumb",
-            tabindex: "0",
-            onActive: (s) => e.$emit("active", { index: t, status: s })
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "is-active", "min", "max", "bar-ref", "get-color-for-percent", "onActive"]))), 128)) : w("", !0)
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  S as default
-};
-//# sourceMappingURL=PlColorSlider.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlColorSlider.vue.js","sources":["../../src/components/PlColorSlider.vue"],"sourcesContent":["<template>\n  <div class=\"pl-color-slider\">\n    <div class=\"pl-color-slider__wrapper\">\n      <div ref=\"barRef\" class=\"pl-color-slider__color-contaier\">\n        <div\n          :style=\"{ background: gradient }\"\n          class=\"pl-color-slider__gradient\"\n        />\n      </div>\n      <div class=\"pl-color-slider__thumbs-contaier\">\n        <template v-if=\"barRef\">\n          <PlColorSliderThumb\n            v-for=\"(val, index) in modelValue\"\n            :key=\"index\"\n            v-model=\"models[index]\"\n            :is-active=\"active === index\"\n            :min=\"min\"\n            :max=\"max\"\n            :bar-ref=\"barRef\"\n            :get-color-for-percent=\"getColorForPercent\"\n            class=\"pl-color-slider__thumb\"\n            tabindex=\"0\"\n            @active=\"$emit('active', { index: index, status: $event })\"\n          />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch, onMounted } from 'vue';\nimport PlColorSliderThumb from './PlColorSliderThumb.vue';\n\ntype PropsType = {\n  colors: string[];\n  modelValue: number[];\n  getColorForPercent: (percent: number) => string;\n  active: number | null;\n};\n\nconst props = defineProps<PropsType>();\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: PropsType['modelValue']): void;\n  (e: 'active', v: { index: number; status: boolean }): void;\n}>();\nconst barRef = ref<HTMLElement>();\nconst models = reactive<{ [key: string]: number }>({});\nconst paddingDelta = ref(-1);\n\nwatch(\n  () => props.modelValue,\n  () => {\n    props.modelValue.forEach((value, index) => (models[index] = value));\n  },\n  { immediate: true },\n);\n\nconst min = computed(() =>\n  Math.floor(paddingDelta.value !== -1 ? 0 - paddingDelta.value : 0),\n);\n\nconst max = computed(() =>\n  Math.floor(paddingDelta.value !== -1 ? 100 + paddingDelta.value : 100),\n);\nwatch(\n  () => models,\n  (val) => {\n    emit('update:modelValue', Object.values(val));\n  },\n  { deep: true },\n);\n\nconst gradient = computed(() => {\n  const portion = 100 / (props.colors.length - 1);\n  const result = props.colors\n    .map((color, index) => {\n      return `${color} ${portion * index}%`;\n    })\n    .join(', ');\n\n  return `linear-gradient(to right, ${result})`;\n});\n\nonMounted(() => {\n  const padding = 16;\n  const w\n    = (barRef.value as HTMLElement).getBoundingClientRect().width - padding * 2;\n  paddingDelta.value = (padding / w) * 100;\n});\n</script>\n"],"names":["props","__props","emit","__emit","barRef","ref","models","reactive","paddingDelta","watch","value","index","min","computed","max","val","gradient","portion","color","onMounted","w","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_Fragment","_renderList","_createBlock","PlColorSliderThumb","$event","$emit"],"mappings":";;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GACRC,IAAOC,GAIPC,IAASC,EAAA,GACTC,IAASC,EAAoC,EAAE,GAC/CC,IAAeH,EAAI,EAAE;AAE3B,IAAAI;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAA,EAAM,WAAW,QAAQ,CAACU,GAAOC,MAAWL,EAAOK,CAAK,IAAID,CAAM;AAAA,MACpE;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAME,IAAMC;AAAA,MAAS,MACnB,KAAK,MAAML,EAAa,UAAU,KAAK,IAAIA,EAAa,QAAQ,CAAC;AAAA,IAAA,GAG7DM,IAAMD;AAAA,MAAS,MACnB,KAAK,MAAML,EAAa,UAAU,KAAK,MAAMA,EAAa,QAAQ,GAAG;AAAA,IAAA;AAEvE,IAAAC;AAAA,MACE,MAAMH;AAAA,MACN,CAACS,MAAQ;AACP,QAAAb,EAAK,qBAAqB,OAAO,OAAOa,CAAG,CAAC;AAAA,MAC9C;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK;AAGf,UAAMC,IAAWH,EAAS,MAAM;AAC9B,YAAMI,IAAU,OAAOjB,EAAM,OAAO,SAAS;AAO7C,aAAO,6BANQA,EAAM,OAClB,IAAI,CAACkB,GAAOP,MACJ,GAAGO,CAAK,IAAID,IAAUN,CAAK,GACnC,EACA,KAAK,IAAI,CAE8B;AAAA,IAC5C,CAAC;AAED,WAAAQ,EAAU,MAAM;AAEd,YAAMC,IACDhB,EAAO,MAAsB,sBAAA,EAAwB,QAAQ;AAClE,MAAAI,EAAa,QAAS,KAAUY,IAAK;AAAA,IACvC,CAAC,cAxFCC,EAAA,GAAAC,EA0BM,OA1BNC,GA0BM;AAAA,MAzBJC,EAwBM,OAxBNC,GAwBM;AAAA,QAvBJD,EAKM,OAAA;AAAA,mBALG;AAAA,UAAJ,KAAIpB;AAAA,UAAS,OAAM;AAAA,QAAA;UACtBoB,EAGE,OAAA;AAAA,YAFC,uBAAqBR,EAAA,OAAQ;AAAA,YAC9B,OAAM;AAAA,UAAA;;QAGVQ,EAgBM,OAhBNE,GAgBM;AAAA,UAfYtB,EAAA,SACdiB,EAAA,EAAA,GAAAC,EAYEK,GAAA,EAAA,KAAA,EAAA,GAAAC,EAXuB3B,EAAA,YAAU,CAAzBc,GAAKJ,YADfkB,EAYEC,GAAA;AAAA,YAVC,KAAKnB;AAAA,YACG,YAAAL,EAAOK,CAAK;AAAA,YAAZ,uBAAA,CAAAoB,MAAAzB,EAAOK,CAAK,IAAAoB;AAAA,YACpB,aAAW9B,EAAA,WAAWU;AAAA,YACtB,KAAKC,EAAA;AAAA,YACL,KAAKE,EAAA;AAAA,YACL,WAASV,EAAA;AAAA,YACT,yBAAuBH,EAAA;AAAA,YACxB,OAAM;AAAA,YACN,UAAS;AAAA,YACR,UAAM,CAAA8B,MAAEC,EAAAA,MAAK,UAAA,EAAA,OAAArB,WAAmCoB,EAAA,CAAM;AAAA,UAAA;;;;;;"}

package/dist/components/PlColorSliderThumb.vue.js

@@ -1,79 +0,0 @@
-import { defineComponent as k, ref as d, computed as b, unref as B, createElementBlock as S, openBlock as _, normalizeClass as y, normalizeStyle as A, createElementVNode as C } from "vue";
-import { utils as u } from "@milaboratories/helpers";
-import { useMouseCapture as F } from "@platforma-sdk/ui-vue";
-const c = 1, I = /* @__PURE__ */ k({
-  __name: "PlColorSliderThumb",
-  props: {
-    barRef: {},
-    modelValue: {},
-    min: { default: 0 },
-    max: { default: 100 },
-    getColorForPercent: {},
-    padding: { default: 16 },
-    isActive: { type: Boolean }
-  },
-  emits: ["update:modelValue", "active"],
-  setup(m, { emit: L }) {
-    const l = m, a = L, w = d(), p = d(), i = d(!1), n = l.min, r = l.max, f = d(0), V = r - n, x = l.padding / l.barRef.getBoundingClientRect().width * 100 / 2, v = b(() => u.clamp(
-      (l.modelValue ?? 0) + f.value,
-      Math.ceil(n + x),
-      Math.ceil(r - x)
-    )), M = b(() => ({
-      right: `calc(${Math.ceil((1 - E.value) * 100)}%) `
-    })), E = b(() => (v.value - n) / V);
-    function R(t) {
-      const e = u.clamp(t, n, r);
-      return Math.round((e + Number.EPSILON) * (1 / c)) / (1 / c);
-    }
-    function s() {
-      i.value = !1;
-    }
-    function g(t) {
-      t ? (document.addEventListener("mouseup", s), document.addEventListener("focusout", s)) : (document.removeEventListener("mouseup", s), document.removeEventListener("focusout", s)), i.value = t, a("active", t);
-    }
-    F(w, (t) => {
-      var e;
-      u.tapIf((e = B(l.barRef)) == null ? void 0 : e.getBoundingClientRect(), (o) => {
-        const { dx: $ } = t;
-        f.value = $ / o.width * V, t.stop && (a("update:modelValue", R(v.value)), f.value = 0);
-      });
-    });
-    function P(t) {
-      ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(
-        t.code
-      ) && t.preventDefault(), t.code === "ArrowLeft" && a("update:modelValue", u.clamp(l.modelValue - c, n, r)), t.code === "ArrowRight" && a("update:modelValue", u.clamp(l.modelValue + c, n, r));
-    }
-    function h(t) {
-      var e, o;
-      t ? (e = p.value) == null || e.classList.add("pl-color-slider__top-index") : (o = p.value) == null || o.classList.remove("pl-color-slider__top-index");
-    }
-    return (t, e) => (_(), S("div", {
-      ref_key: "wrapper",
-      ref: p,
-      style: A(M.value),
-      class: y([{ "active-thumb": i.value || m.isActive }, "pl-color-slider__thumb"]),
-      tabindex: "0",
-      onMousedown: e[2] || (e[2] = (o) => g(!0)),
-      onMouseup: e[3] || (e[3] = (o) => g(!1)),
-      onKeydown: P,
-      onFocus: e[4] || (e[4] = (o) => g(!0))
-    }, [
-      C("div", {
-        ref_key: "thumb",
-        ref: w,
-        class: y([{ active: i.value }, "pl-color-slider__thumb-roof"]),
-        onMouseover: e[0] || (e[0] = (o) => h(!0)),
-        onMouseout: e[1] || (e[1] = (o) => h(!1))
-      }, [
-        C("div", {
-          class: "pl-color-slider__thumb-color-indicator",
-          style: A({ backgroundColor: m.getColorForPercent(v.value) })
-        }, null, 4)
-      ], 34)
-    ], 38));
-  }
-});
-export {
-  I as default
-};
-//# sourceMappingURL=PlColorSliderThumb.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlColorSliderThumb.vue.js","sources":["../../src/components/PlColorSliderThumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { utils } from '@milaboratories/helpers';\nimport { useMouseCapture } from '@platforma-sdk/ui-vue';\nimport { computed, ref, unref } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    barRef: HTMLElement;\n    modelValue: number;\n    min: number;\n    max: number;\n    getColorForPercent: (percent: number) => string;\n    padding?: number;\n    isActive: boolean;\n  }>(),\n  { min: 0, max: 100, padding: 16 },\n);\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void;\n  (e: 'active', v: boolean): void;\n}>();\n\nconst thumb = ref<HTMLElement>();\nconst wrapper = ref<HTMLElement>();\nconst active = ref(false);\nconst min = props.min;\nconst max = props.max;\nconst step = 1;\nconst deltaValue = ref(0);\nconst range = max - min;\n\nconst onePerc\n  = ((props.padding / props.barRef.getBoundingClientRect().width) * 100) / 2;\n\nconst localValue = computed(() => {\n  return utils.clamp(\n    (props.modelValue ?? 0) + deltaValue.value,\n    Math.ceil(min + onePerc),\n    Math.ceil(max - onePerc),\n  );\n});\n\nconst thumbStyle = computed(() => {\n  const value = Math.ceil((1 - position.value) * 100);\n  return {\n    right: `calc(${value}%) `,\n  };\n});\n\nconst position = computed(() => {\n  return (localValue.value - min) / range;\n});\n\nfunction round(value: number) {\n  const v = utils.clamp(value, min, max);\n  return Math.round((v + Number.EPSILON) * (1 / step)) / (1 / step);\n}\n\nfunction upHandler() {\n  active.value = false;\n}\n\nfunction emitActive(val: boolean) {\n  if (val) {\n    document.addEventListener('mouseup', upHandler);\n    document.addEventListener('focusout', upHandler);\n  } else {\n    document.removeEventListener('mouseup', upHandler);\n    document.removeEventListener('focusout', upHandler);\n  }\n  active.value = val;\n  emit('active', val);\n}\n\nuseMouseCapture(thumb, (ev) => {\n  utils.tapIf(unref(props.barRef)?.getBoundingClientRect(), (rect: DOMRect) => {\n    const { dx } = ev;\n    deltaValue.value = (dx / rect.width) * range;\n    if (ev.stop) {\n      emit('update:modelValue', round(localValue.value));\n      deltaValue.value = 0;\n    }\n  });\n});\n\nfunction handleKeyPress(e: KeyboardEvent) {\n  if (\n    ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(\n      e.code,\n    )\n  ) {\n    e.preventDefault();\n  }\n\n  if (e.code === 'ArrowLeft') {\n    emit('update:modelValue', utils.clamp(props.modelValue - step, min, max));\n  }\n  if (e.code === 'ArrowRight') {\n    emit('update:modelValue', utils.clamp(props.modelValue + step, min, max));\n  }\n}\n\nfunction toggleZindex(mode: boolean) {\n  if (mode) {\n    wrapper.value?.classList.add('pl-color-slider__top-index');\n  } else {\n    wrapper.value?.classList.remove('pl-color-slider__top-index');\n  }\n}\n</script>\n<template>\n  <div\n    ref=\"wrapper\"\n    :style=\"thumbStyle\"\n    :class=\"{ 'active-thumb': active || isActive }\"\n    class=\"pl-color-slider__thumb\"\n    tabindex=\"0\"\n    @mousedown=\"emitActive(true)\"\n    @mouseup=\"emitActive(false)\"\n    @keydown=\"handleKeyPress\"\n    @focus=\"emitActive(true)\"\n  >\n    <div\n      ref=\"thumb\"\n      :class=\"{ active: active }\"\n      class=\"pl-color-slider__thumb-roof\"\n      @mouseover=\"toggleZindex(true)\"\n      @mouseout=\"toggleZindex(false)\"\n    >\n      <div\n        class=\"pl-color-slider__thumb-color-indicator\"\n        :style=\"{ backgroundColor: getColorForPercent(localValue) }\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["step","props","__props","emit","__emit","thumb","ref","wrapper","active","min","max","deltaValue","range","onePerc","localValue","computed","utils","thumbStyle","position","round","value","v","upHandler","emitActive","val","useMouseCapture","ev","_a","unref","rect","dx","handleKeyPress","e","toggleZindex","mode","_b","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":"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"}

package/dist/components/Popup.vue.js

@@ -1,70 +0,0 @@
-import { defineComponent as $, ref as l, createBlock as k, openBlock as g, Teleport as H, createElementVNode as i, normalizeStyle as a, normalizeClass as Y, createElementBlock as P, renderSlot as B } from "vue";
-import { useClickOutside as C, usePosition as E } from "@platforma-sdk/ui-vue";
-const z = /* @__PURE__ */ $({
-  __name: "Popup",
-  props: {
-    gap: { default: 8 },
-    targetRef: { default: void 0 },
-    width: { default: 258 },
-    height: { default: void 0 }
-  },
-  emits: ["popup:close"],
-  setup(h, { emit: m }) {
-    const v = m, o = h;
-    function x() {
-      v("popup:close");
-    }
-    const c = l(), r = l(o.targetRef), n = l("bottom"), s = l(""), u = l("");
-    function w(f, e = 8) {
-      E(f, (t) => {
-        if (o.height && t.offsetY + t.height + 3 * e + o.height > t.clientHeight) {
-          const d = t.right - t.width - e;
-          if (t.clientHeight - t.offsetY > o.height + e) {
-            const p = t.offsetY;
-            s.value = `left: ${d}px; top: ${p}px;`, u.value = "top: 16px;", n.value = "left-bottom";
-          } else {
-            const p = t.clientHeight - o.height - 2 * e;
-            s.value = `left: ${d}px; top: ${p}px;`;
-            const b = t.offsetY + 2 * Math.floor(t.height / 2), y = t.clientHeight - b;
-            u.value = `bottom: ${y}px;`, n.value = "left-bottom";
-          }
-        } else
-          s.value = `left: ${t.right}px; top: ${t.offsetY + t.height + e}px;`, u.value = "", n.value = "bottom";
-      });
-    }
-    return w(r, o.gap), C([r, c], () => x()), (f, e) => (g(), k(H, { to: "body" }, [
-      i("div", {
-        class: "popup",
-        style: a(s.value),
-        onClick: e[0] || (e[0] = (t) => t.stopPropagation())
-      }, [
-        i("div", {
-          ref_key: "popup",
-          ref: c,
-          class: Y(["popup__content", n.value]),
-          style: a({ width: `${h.width}px` })
-        }, [
-          i("div", null, [
-            B(f.$slots, "default")
-          ]),
-          (g(), P("svg", {
-            style: a(u.value),
-            class: "beak",
-            width: "5",
-            height: "9",
-            viewBox: "0 0 3 8",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [...e[1] || (e[1] = [
-            i("path", { d: "M4 8L0 4L4 0L4 8 Z" }, null, -1),
-            i("polyline", { points: "4,8 0,4 4,0" }, null, -1)
-          ])], 4))
-        ], 6)
-      ], 4)
-    ]));
-  }
-});
-export {
-  z as default
-};
-//# sourceMappingURL=Popup.vue.js.map