@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/components/PanelModal.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PanelModal.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PanelModal.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;EAKA,IAAM,IAAQ,GAER,IAAU,GAAK,EACf,IAAQ,GAAU;SAExB,EAAgB,CAAC,EAAQ,QAAQ,EAAM,QAAQ,CAAC,EAEhD,QACQ,EAAM,MAAM,SAAS,eAAe,UAAU,EAAM,MAAM,SAAS,gBAAgB,MAAM,iBAC9F,MAAiB;AACX,QACL,QAAe;IACb,IAAM,IAAK,EAAQ,OAAO,gBAAgB,qCAAqC;AAI/E,IAHI,KACF,EAAG,SAAS;KAAE,KAAK,EAAG;KAAc,UAAU;KAAU,CAAC,EAE3D,EAAM,MAAM,SAAS,gBAAgB,KAAK,iBAAiB;KAC3D;KAEJ,EAAE,WAAW,IAAM,CACpB,kBAIC,EAGM,OAAA;YAHG;GAAJ,KAAI;GAAU,OAAM;MACvB,EAAoE,EAAA,EAAA,EAAA;GAAnD,OAAM;GAAqB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAK,QAAA;MACxD,EAAwB,EAAA,QAAA,WAAA,EAAlB,KAAI,cAAY,CAAA,CAAA,EAAA,IAAA"}

package/dist/components/PlColorSlider.js

@@ -0,0 +1,5 @@
+import e from "./PlColorSlider.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlColorSlider.js.map

package/dist/components/PlColorSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlColorSlider.js","names":[],"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"],"mappings":""}

package/dist/components/PlColorSlider.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlColorSlider.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlColorSlider.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"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"],"mappings":";;;;;;;;;;;;EAyCA,IAAM,IAAQ,GACR,IAAO,GAIP,IAAS,GAAkB,EAC3B,IAAS,EAAoC,EAAE,CAAC,EAChD,IAAe,EAAI,GAAG;AAE5B,UACQ,EAAM,kBACN;AACJ,KAAM,WAAW,SAAS,GAAO,MAAW,EAAO,KAAS,EAAO;KAErE,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,IAAM,QACV,KAAK,MAAM,EAAa,UAAU,KAA8B,IAAzB,IAAI,EAAa,MAAU,CACnE,EAEK,IAAM,QACV,KAAK,MAAM,EAAa,UAAU,KAAgC,MAA3B,MAAM,EAAa,MAAY,CACvE;AACD,UACQ,IACL,MAAQ;AACP,KAAK,qBAAqB,OAAO,OAAO,EAAI,CAAC;KAE/C,EAAE,MAAM,IAAM,CACf;EAED,IAAM,IAAW,QAAe;GAC9B,IAAM,IAAU,OAAO,EAAM,OAAO,SAAS;AAO7C,UAAO,6BANQ,EAAM,OAClB,KAAK,GAAO,MACJ,GAAG,EAAM,GAAG,IAAU,EAAM,GACpC,CACA,KAAK,KAAK,CAE8B;IAC3C;SAEF,QAAgB;AAId,KAAa,QAAS,MADjB,EAAO,MAAsB,uBAAuB,CAAC,QAAQ,MAC7B;IACrC,kBAxFA,EA0BM,OA1BN,GA0BM,CAzBJ,EAwBM,OAxBN,GAwBM,CAvBJ,EAKM,OAAA;YALG;GAAJ,KAAI;GAAS,OAAM;MACtB,EAGE,OAAA;GAFC,OAAK,EAAA,EAAA,YAAgB,EAAA,OAAQ,CAAA;GAC9B,OAAM;sBAGV,EAgBM,OAhBN,GAgBM,CAfY,EAAA,SAAA,EAAA,GAAA,EACd,EAYE,GAAA,EAAA,KAAA,GAAA,EAAA,EAXuB,EAAA,aAAf,GAAK,YADf,EAYE,GAAA;GAVC,KAAK;eACG,EAAO;mCAAA,KAAK;GACpB,aAAW,EAAA,WAAW;GACtB,KAAK,EAAA;GACL,KAAK,EAAA;GACL,WAAS,EAAA;GACT,yBAAuB,EAAA;GACxB,OAAM;GACN,UAAS;GACR,WAAM,MAAEA,EAAAA,MAAK,UAAA;IAAoB;IAAK,QAAU;IAAM,CAAA"}

package/dist/components/PlColorSliderThumb.js

@@ -0,0 +1,5 @@
+import e from "./PlColorSliderThumb.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlColorSliderThumb.js.map

package/dist/components/PlColorSliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlColorSliderThumb.js","names":[],"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"],"mappings":""}

package/dist/components/PlColorSliderThumb.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlColorSliderThumb.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlColorSliderThumb.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;AA4BA,IAAM,IAAO;;;;;;;;;;;;;EAvBb,IAAM,IAAQ,GAaR,IAAO,GAKP,IAAQ,GAAkB,EAC1B,IAAU,GAAkB,EAC5B,IAAS,EAAI,GAAM,EACnB,IAAM,EAAM,KACZ,IAAM,EAAM,KAEZ,IAAa,EAAI,EAAE,EACnB,IAAQ,IAAM,GAEd,IACA,EAAM,UAAU,EAAM,OAAO,uBAAuB,CAAC,QAAS,MAAO,GAErE,IAAa,QACV,EAAM,OACV,EAAM,cAAc,KAAK,EAAW,OACrC,KAAK,KAAK,IAAM,EAAQ,EACxB,KAAK,KAAK,IAAM,EAAQ,CACzB,CACD,EAEI,IAAa,SAEV,EACL,OAAO,QAFK,KAAK,MAAM,IAAI,EAAS,SAAS,IAAI,CAE5B,MACtB,EACD,EAEI,IAAW,SACP,EAAW,QAAQ,KAAO,EAClC;EAEF,SAAS,EAAM,GAAe;GAC5B,IAAM,IAAI,EAAM,MAAM,GAAO,GAAK,EAAI;AACtC,UAAO,KAAK,OAAO,iBAAuB,IAAI,GAAM,IAAI,IAAI;;EAG9D,SAAS,IAAY;AACnB,KAAO,QAAQ;;EAGjB,SAAS,EAAW,GAAc;AAShC,GARI,KACF,SAAS,iBAAiB,WAAW,EAAU,EAC/C,SAAS,iBAAiB,YAAY,EAAU,KAEhD,SAAS,oBAAoB,WAAW,EAAU,EAClD,SAAS,oBAAoB,YAAY,EAAU,GAErD,EAAO,QAAQ,GACf,EAAK,UAAU,EAAI;;AAGrB,IAAgB,IAAQ,MAAO;AAC7B,KAAM,MAAM,EAAM,EAAM,OAAO,EAAE,uBAAuB,GAAG,MAAkB;IAC3E,IAAM,EAAE,UAAO;AAEf,IADA,EAAW,QAAS,IAAK,EAAK,QAAS,GACnC,EAAG,SACL,EAAK,qBAAqB,EAAM,EAAW,MAAM,CAAC,EAClD,EAAW,QAAQ;KAErB;IACF;EAEF,SAAS,EAAe,GAAkB;AAYxC,GAVE;IAAC;IAAa;IAAW;IAAc;IAAa;IAAQ,CAAC,SAC3D,EAAE,KACJ,IAEA,EAAE,gBAAgB,EAGhB,EAAE,SAAS,eACb,EAAK,qBAAqB,EAAM,MAAM,EAAM,aAAa,GAAM,GAAK,EAAI,CAAC,EAEvE,EAAE,SAAS,gBACb,EAAK,qBAAqB,EAAM,MAAM,EAAM,aAAa,GAAM,GAAK,EAAI,CAAC;;EAI7E,SAAS,EAAa,GAAe;AACnC,GAAI,IACF,EAAQ,OAAO,UAAU,IAAI,6BAA6B,GAE1D,EAAQ,OAAO,UAAU,OAAO,6BAA6B;;yBAK/D,EAuBM,OAAA;YAtBA;GAAJ,KAAI;GACH,OAAK,EAAE,EAAA,MAAU;GACjB,OAAK,EAAA,CAAA,EAAA,gBAAoB,EAAA,SAAU,EAAA,UAAQ,EACtC,yBAAwB,CAAA;GAC9B,UAAS;GACR,aAAS,AAAA,EAAA,QAAA,MAAE,EAAU,GAAA;GACrB,WAAO,AAAA,EAAA,QAAA,MAAE,EAAU,GAAA;GACnB,WAAS;GACT,SAAK,AAAA,EAAA,QAAA,MAAE,EAAU,GAAA;MAElB,EAWM,OAAA;YAVA;GAAJ,KAAI;GACH,OAAK,EAAA,CAAA,EAAA,QAAY,EAAA,OAAM,EAClB,8BAA6B,CAAA;GAClC,aAAS,AAAA,EAAA,QAAA,MAAE,EAAY,GAAA;GACvB,YAAQ,AAAA,EAAA,QAAA,MAAE,EAAY,GAAA;MAEvB,EAGE,OAAA;GAFA,OAAM;GACL,OAAK,EAAA,EAAA,iBAAqB,EAAA,mBAAmB,EAAA,MAAU,EAAA,CAAA"}

package/dist/components/Popup.js

@@ -0,0 +1,5 @@
+import e from "./Popup.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=Popup.js.map

package/dist/components/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","names":[],"sources":["../../src/components/Popup.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { useClickOutside, usePosition } from '@platforma-sdk/ui-vue';\n\nconst emit = defineEmits(['popup:close']);\n\nconst props = withDefaults(\n  defineProps<{\n    gap?: number;\n    targetRef?: HTMLElement;\n    width?: number;\n    height?: number;\n  }>(),\n  {\n    gap: 8,\n    width: 258,\n    height: undefined,\n    targetRef: undefined,\n  },\n);\n\nfunction closeTooltip() {\n  emit('popup:close');\n}\n\nconst popup = ref<HTMLElement | undefined>();\nconst root = ref<HTMLElement | undefined>(props.targetRef);\n\nconst position = ref<'left-bottom' | 'bottom'>('bottom');\n\nconst style = ref('');\nconst beakStyle = ref('');\n\nfunction usePopupPosition(el: Ref<HTMLElement | undefined>, gap = 8) {\n  usePosition(el, (pos) => {\n    const notEnoughHeight\n      = props.height\n        && (pos.offsetY + pos.height + 3 * gap + props.height > pos.clientHeight);\n    if (notEnoughHeight) {\n      const left = pos.right - pos.width - gap;\n      if (pos.clientHeight - pos.offsetY > props.height + gap) {\n        const top = pos.offsetY;\n        style.value = `left: ${left}px; top: ${top}px;`;\n        beakStyle.value = 'top: 16px;';\n        position.value = 'left-bottom';\n      } else {\n        const top = pos.clientHeight - props.height - 2 * gap;\n        style.value = `left: ${left}px; top: ${top}px;`;\n        const offsetMiddleY = pos.offsetY + 2 * Math.floor(pos.height / 2);\n        const bottom = pos.clientHeight - offsetMiddleY;\n        beakStyle.value = `bottom: ${bottom}px;`;\n        position.value = 'left-bottom';\n      }\n    } else {\n      style.value = `left: ${pos.right}px; top: ${pos.offsetY + pos.height + gap}px;`;\n      beakStyle.value = '';\n      position.value = 'bottom';\n    }\n  });\n}\n\nusePopupPosition(root, props.gap);\nuseClickOutside([root, popup], () => closeTooltip());\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"popup\" :style=\"style\" @click=\"(e) => e.stopPropagation()\">\n      <div\n        ref=\"popup\"\n        class=\"popup__content\"\n        :class=\"position\"\n        :style=\"{ width: `${width}px` }\"\n      >\n        <div>\n          <slot />\n        </div>\n        <svg\n          :style=\"beakStyle\"\n          class=\"beak\"\n          width=\"5\"\n          height=\"9\"\n          viewBox=\"0 0 3 8\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M4 8L0 4L4 0L4 8 Z\" />\n          <polyline points=\"4,8 0,4 4,0\" />\n        </svg>\n      </div>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/components/Popup.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Popup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/Popup.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Ref } from 'vue';\nimport { ref } from 'vue';\nimport { useClickOutside, usePosition } from '@platforma-sdk/ui-vue';\n\nconst emit = defineEmits(['popup:close']);\n\nconst props = withDefaults(\n  defineProps<{\n    gap?: number;\n    targetRef?: HTMLElement;\n    width?: number;\n    height?: number;\n  }>(),\n  {\n    gap: 8,\n    width: 258,\n    height: undefined,\n    targetRef: undefined,\n  },\n);\n\nfunction closeTooltip() {\n  emit('popup:close');\n}\n\nconst popup = ref<HTMLElement | undefined>();\nconst root = ref<HTMLElement | undefined>(props.targetRef);\n\nconst position = ref<'left-bottom' | 'bottom'>('bottom');\n\nconst style = ref('');\nconst beakStyle = ref('');\n\nfunction usePopupPosition(el: Ref<HTMLElement | undefined>, gap = 8) {\n  usePosition(el, (pos) => {\n    const notEnoughHeight\n      = props.height\n        && (pos.offsetY + pos.height + 3 * gap + props.height > pos.clientHeight);\n    if (notEnoughHeight) {\n      const left = pos.right - pos.width - gap;\n      if (pos.clientHeight - pos.offsetY > props.height + gap) {\n        const top = pos.offsetY;\n        style.value = `left: ${left}px; top: ${top}px;`;\n        beakStyle.value = 'top: 16px;';\n        position.value = 'left-bottom';\n      } else {\n        const top = pos.clientHeight - props.height - 2 * gap;\n        style.value = `left: ${left}px; top: ${top}px;`;\n        const offsetMiddleY = pos.offsetY + 2 * Math.floor(pos.height / 2);\n        const bottom = pos.clientHeight - offsetMiddleY;\n        beakStyle.value = `bottom: ${bottom}px;`;\n        position.value = 'left-bottom';\n      }\n    } else {\n      style.value = `left: ${pos.right}px; top: ${pos.offsetY + pos.height + gap}px;`;\n      beakStyle.value = '';\n      position.value = 'bottom';\n    }\n  });\n}\n\nusePopupPosition(root, props.gap);\nuseClickOutside([root, popup], () => closeTooltip());\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"popup\" :style=\"style\" @click=\"(e) => e.stopPropagation()\">\n      <div\n        ref=\"popup\"\n        class=\"popup__content\"\n        :class=\"position\"\n        :style=\"{ width: `${width}px` }\"\n      >\n        <div>\n          <slot />\n        </div>\n        <svg\n          :style=\"beakStyle\"\n          class=\"beak\"\n          width=\"5\"\n          height=\"9\"\n          viewBox=\"0 0 3 8\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M4 8L0 4L4 0L4 8 Z\" />\n          <polyline points=\"4,8 0,4 4,0\" />\n        </svg>\n      </div>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,IAAM,IAAO,GAEP,IAAQ;EAed,SAAS,IAAe;AACtB,KAAK,cAAc;;EAGrB,IAAM,IAAQ,GAA8B,EACtC,IAAO,EAA6B,EAAM,UAAU,EAEpD,IAAW,EAA8B,SAAS,EAElD,IAAQ,EAAI,GAAG,EACf,IAAY,EAAI,GAAG;EAEzB,SAAS,EAAiB,GAAkC,IAAM,GAAG;AACnE,KAAY,IAAK,MAAQ;AAIvB,QAFI,EAAM,UACF,EAAI,UAAU,EAAI,SAAS,IAAI,IAAM,EAAM,SAAS,EAAI,cAC3C;KACnB,IAAM,IAAO,EAAI,QAAQ,EAAI,QAAQ;AACrC,SAAI,EAAI,eAAe,EAAI,UAAU,EAAM,SAAS,EAIlD,CAFA,EAAM,QAAQ,SAAS,EAAK,WADhB,EAAI,QAC2B,MAC3C,EAAU,QAAQ,cAClB,EAAS,QAAQ;UACZ;AAEL,QAAM,QAAQ,SAAS,EAAK,WADhB,EAAI,eAAe,EAAM,SAAS,IAAI,EACP;MAC3C,IAAM,IAAgB,EAAI,UAAU,IAAI,KAAK,MAAM,EAAI,SAAS,EAAE;AAGlE,MADA,EAAU,QAAQ,WADH,EAAI,eAAe,EACE,MACpC,EAAS,QAAQ;;UAKnB,CAFA,EAAM,QAAQ,SAAS,EAAI,MAAM,WAAW,EAAI,UAAU,EAAI,SAAS,EAAI,MAC3E,EAAU,QAAQ,IAClB,EAAS,QAAQ;KAEnB;;SAGJ,EAAiB,GAAM,EAAM,IAAI,EACjC,EAAgB,CAAC,GAAM,EAAM,QAAQ,GAAc,CAAC,kBAIlD,EAyBW,GAAA,EAzBD,IAAG,QAAM,EAAA,CACjB,EAuBM,OAAA;GAvBD,OAAM;GAAS,OAAK,EAAE,EAAA,MAAK;GAAG,SAAK,AAAA,EAAA,QAAG,MAAM,EAAE,iBAAe;MAChE,EAqBM,OAAA;YApBA;GAAJ,KAAI;GACJ,OAAK,EAAA,CAAC,kBACE,EAAA,MAAQ,CAAA;GACf,OAAK,EAAA,EAAA,OAAA,GAAc,EAAA,MAAK,KAAA,CAAA;MAEzB,EAEM,OAAA,MAAA,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,GAAA,GAAA,EAEV,EAWM,OAAA;GAVH,OAAK,EAAE,EAAA,MAAS;GACjB,OAAM;GACN,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;mBAEN,EAA+B,QAAA,EAAzB,GAAE,sBAAoB,EAAA,MAAA,GAAA,EAC5B,EAAiC,YAAA,EAAvB,QAAO,eAAa,EAAA,MAAA,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/ReorderForm.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./ReorderForm.vue2.js";
+import n from "./ReorderForm.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=ReorderForm.js.map

package/dist/components/ReorderForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderForm.js","names":[],"sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../store';\n\nconst store = useStore();\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst _emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed({\n  get: () => model.value.map((v) => ({\n    text: v.label,\n    value: v.value,\n  })),\n  set: (value) => {\n    model.value = value.map((v) => ({\n      value: v.value,\n      label: v.text === 'null' ? store.value.reactive.axesSettings.other.nullValueLabel : v.text,\n    }));\n  },\n});\nconst listItems = ref(optionsList.value);\nwatch(() => listItems.value, (v) => {\n  optionsList.value = v;\n}, { deep: true });\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\">\n      <PlElementList\n        v-model:items=\"listItems\" :get-item-key=\"(item) => item.value\" :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\" :disableDragging=\"false\" :disableRemoving=\"true\"\n        :disableToggling=\"true\" :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <div :class=\"$style.title\">{{ item.text }}</div>\n        </template>\n      </PlElementList>\n    </div>\n  </div>\n</template>\n<style module>\n.discreteRow {\n  background-color: var(--color-ic-00);\n  border-color: var(--color-div-grey);\n}\n\n.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.title {\n  margin-left: 4px;\n}\n</style>\n"],"mappings":""}

package/dist/components/ReorderForm.style.js

@@ -0,0 +1,7 @@
+import './ReorderForm.vue.css';var e = {
+	discreteRow: "_discreteRow_wtygg_2",
+	title: "_title_wtygg_10"
+};
+export { e as default };
+
+//# sourceMappingURL=ReorderForm.style.js.map

package/dist/components/ReorderForm.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderForm.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../store';\n\nconst store = useStore();\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst _emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed({\n  get: () => model.value.map((v) => ({\n    text: v.label,\n    value: v.value,\n  })),\n  set: (value) => {\n    model.value = value.map((v) => ({\n      value: v.value,\n      label: v.text === 'null' ? store.value.reactive.axesSettings.other.nullValueLabel : v.text,\n    }));\n  },\n});\nconst listItems = ref(optionsList.value);\nwatch(() => listItems.value, (v) => {\n  optionsList.value = v;\n}, { deep: true });\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\">\n      <PlElementList\n        v-model:items=\"listItems\" :get-item-key=\"(item) => item.value\" :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\" :disableDragging=\"false\" :disableRemoving=\"true\"\n        :disableToggling=\"true\" :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <div :class=\"$style.title\">{{ item.text }}</div>\n        </template>\n      </PlElementList>\n    </div>\n  </div>\n</template>\n<style module>\n.discreteRow {\n  background-color: var(--color-ic-00);\n  border-color: var(--color-div-grey);\n}\n\n.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.title {\n  margin-left: 4px;\n}\n</style>\n"],"mappings":""}

package/dist/components/{ReorderForm.css → ReorderForm.vue.css}

@@ -1 +1 @@
-._discreteRow_wtygg_2{background-color:var(--color-ic-00);border-color:var(--color-div-grey)}._discreteRow_wtygg_2:hover{--head-background: var(--color-ic-00)}._title_wtygg_10{margin-left:4px}
+._discreteRow_wtygg_2{background-color:var(--color-ic-00);border-color:var(--color-div-grey)}._discreteRow_wtygg_2:hover{--head-background:var(--color-ic-00)}._title_wtygg_10{margin-left:4px}

package/dist/components/ReorderForm.vue2.js

@@ -1,54 +1,49 @@
-import { defineComponent as u, mergeModels as n, useModel as d, computed as c, ref as p, watch as g, createElementBlock as v, openBlock as f, createElementVNode as i, createVNode as b, unref as V, withCtx as y, normalizeClass as _, toDisplayString as k } from "vue";
-import { PlElementList as w } from "@platforma-sdk/ui-vue";
-import { useStore as x } from "../store.js";
-const h = { class: "aes-mapping-block" }, R = { class: "column-values-list" }, M = /* @__PURE__ */ u({
-  __name: "ReorderForm",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ n(["update:modelValue"], ["update:modelValue"]),
-  setup(r, { emit: C }) {
-    const m = x(), a = d(r, "modelValue"), o = c({
-      get: () => a.value.map((e) => ({
-        text: e.label,
-        value: e.value
-      })),
-      set: (e) => {
-        a.value = e.map((t) => ({
-          value: t.value,
-          label: t.text === "null" ? m.value.reactive.axesSettings.other.nullValueLabel : t.text
-        }));
-      }
-    }), s = p(o.value);
-    return g(() => s.value, (e) => {
-      o.value = e;
-    }, { deep: !0 }), (e, t) => (f(), v("div", h, [
-      t[1] || (t[1] = i("div", { class: "aes-settings-hint" }, " Drag the rows to reorder ", -1)),
-      i("div", R, [
-        b(V(w), {
-          items: s.value,
-          "onUpdate:items": t[0] || (t[0] = (l) => s.value = l),
-          "get-item-key": (l) => l.value,
-          "item-class": e.$style.discreteRow,
-          "item-class-title": e.$style.discreteRowTitle,
-          disableDragging: !1,
-          disableRemoving: !0,
-          disableToggling: !0,
-          disablePinning: !0
-        }, {
-          "item-title": y(({ item: l }) => [
-            i("div", {
-              class: _(e.$style.title)
-            }, k(l.text), 3)
-          ]),
-          _: 1
-        }, 8, ["items", "get-item-key", "item-class", "item-class-title"])
-      ])
-    ]));
-  }
+import { useStore as e } from "../store.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, useModel as f, watch as p, withCtx as m } from "vue";
+import { PlElementList as h } from "@platforma-sdk/ui-vue";
+var g = { class: "aes-mapping-block" }, _ = { class: "column-values-list" }, v = /* @__PURE__ */ a({
+	__name: "ReorderForm",
+	props: {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	},
+	emits: /* @__PURE__ */ o(["update:modelValue"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let v = e(), y = f(a, "modelValue"), b = t({
+			get: () => y.value.map((e) => ({
+				text: e.label,
+				value: e.value
+			})),
+			set: (e) => {
+				y.value = e.map((e) => ({
+					value: e.value,
+					label: e.text === "null" ? v.value.reactive.axesSettings.other.nullValueLabel : e.text
+				}));
+			}
+		}), x = l(b.value);
+		return p(() => x.value, (e) => {
+			b.value = e;
+		}, { deep: !0 }), (e, t) => (c(), n("div", g, [t[1] ||= r("div", { class: "aes-settings-hint" }, " Drag the rows to reorder ", -1), r("div", _, [i(d(h), {
+			items: x.value,
+			"onUpdate:items": t[0] ||= (e) => x.value = e,
+			"get-item-key": (e) => e.value,
+			"item-class": e.$style.discreteRow,
+			"item-class-title": e.$style.discreteRowTitle,
+			disableDragging: !1,
+			disableRemoving: !0,
+			disableToggling: !0,
+			disablePinning: !0
+		}, {
+			"item-title": m(({ item: t }) => [r("div", { class: s(e.$style.title) }, u(t.text), 3)]),
+			_: 1
+		}, 8, [
+			"items",
+			"get-item-key",
+			"item-class",
+			"item-class-title"
+		])])]));
+	}
 });
-export {
-  M as default
-};
-//# sourceMappingURL=ReorderForm.vue2.js.map
+export { v as default };
+
+//# sourceMappingURL=ReorderForm.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReorderForm.vue2.js","sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../store';\n\nconst store = useStore();\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst _emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed({\n  get: () => model.value.map((v) => ({\n    text: v.label,\n    value: v.value,\n  })),\n  set: (value) => {\n    model.value = value.map((v) => ({\n      value: v.value,\n      label: v.text === 'null' ? store.value.reactive.axesSettings.other.nullValueLabel : v.text,\n    }));\n  },\n});\nconst listItems = ref(optionsList.value);\nwatch(() => listItems.value, (v) => {\n  optionsList.value = v;\n}, { deep: true });\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\">\n      <PlElementList\n        v-model:items=\"listItems\" :get-item-key=\"(item) => item.value\" :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\" :disableDragging=\"false\" :disableRemoving=\"true\"\n        :disableToggling=\"true\" :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <div :class=\"$style.title\">{{ item.text }}</div>\n        </template>\n      </PlElementList>\n    </div>\n  </div>\n</template>\n<style module>\n.discreteRow {\n  background-color: var(--color-ic-00);\n  border-color: var(--color-div-grey);\n}\n\n.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.title {\n  margin-left: 4px;\n}\n</style>\n"],"names":["store","useStore","model","_useModel","__props","optionsList","computed","v","value","listItems","ref","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_createVNode","_unref","PlElementList","$event","item","$style","_withCtx","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,EAAA,GACRC,IAAQC,EAA+CC,GAAA,YAAmB,GAI1EC,IAAcC,EAAS;AAAA,MAC3B,KAAK,MAAMJ,EAAM,MAAM,IAAI,CAACK,OAAO;AAAA,QACjC,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,MAAA,EACT;AAAA,MACF,KAAK,CAACC,MAAU;AACd,QAAAN,EAAM,QAAQM,EAAM,IAAI,CAACD,OAAO;AAAA,UAC9B,OAAOA,EAAE;AAAA,UACT,OAAOA,EAAE,SAAS,SAASP,EAAM,MAAM,SAAS,aAAa,MAAM,iBAAiBO,EAAE;AAAA,QAAA,EACtF;AAAA,MACJ;AAAA,IAAA,CACD,GACKE,IAAYC,EAAIL,EAAY,KAAK;AACvC,WAAAM,EAAM,MAAMF,EAAU,OAAO,CAACF,MAAM;AAClC,MAAAF,EAAY,QAAQE;AAAA,IACtB,GAAG,EAAE,MAAM,IAAM,cAIfK,EAAA,GAAAC,EAeM,OAfNC,GAeM;AAAA,MAdJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAEM,OAAA,EAFD,OAAM,oBAAA,GAAoB,8BAE/B,EAAA;AAAA,MACAA,EAUM,OAVNC,GAUM;AAAA,QATJC,EAQgBC,EAAAC,CAAA,GAAA;AAAA,UAPN,OAAOX,EAAA;AAAA,mDAAAA,EAAS,QAAAY;AAAA,UAAG,gBAAY,CAAGC,MAASA,EAAK;AAAA,UAAQ,cAAYC,EAAAA,OAAO;AAAA,UAClF,oBAAkBA,EAAAA,OAAO;AAAA,UAAmB,iBAAiB;AAAA,UAAQ,iBAAiB;AAAA,UACtF,iBAAiB;AAAA,UAAO,gBAAgB;AAAA,QAAA;UAE9B,cAAUC,EACnB,CAAgD,EADzB,MAAAF,QAAI;AAAA,YAC3BN,EAAgD,OAAA;AAAA,cAA1C,OAAKS,EAAEF,EAAAA,OAAO,KAAK;AAAA,YAAA,GAAKG,EAAAJ,EAAK,IAAI,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"ReorderForm.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../store';\n\nconst store = useStore();\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst _emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed({\n  get: () => model.value.map((v) => ({\n    text: v.label,\n    value: v.value,\n  })),\n  set: (value) => {\n    model.value = value.map((v) => ({\n      value: v.value,\n      label: v.text === 'null' ? store.value.reactive.axesSettings.other.nullValueLabel : v.text,\n    }));\n  },\n});\nconst listItems = ref(optionsList.value);\nwatch(() => listItems.value, (v) => {\n  optionsList.value = v;\n}, { deep: true });\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\">\n      <PlElementList\n        v-model:items=\"listItems\" :get-item-key=\"(item) => item.value\" :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\" :disableDragging=\"false\" :disableRemoving=\"true\"\n        :disableToggling=\"true\" :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <div :class=\"$style.title\">{{ item.text }}</div>\n        </template>\n      </PlElementList>\n    </div>\n  </div>\n</template>\n<style module>\n.discreteRow {\n  background-color: var(--color-ic-00);\n  border-color: var(--color-div-grey);\n}\n\n.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.title {\n  margin-left: 4px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAKA,IAAM,IAAQ,GAAU,EAClB,IAAQ,EAA+C,GAAA,aAAoB,EAI3E,IAAc,EAAS;GAC3B,WAAW,EAAM,MAAM,KAAK,OAAO;IACjC,MAAM,EAAE;IACR,OAAO,EAAE;IACV,EAAE;GACH,MAAM,MAAU;AACd,MAAM,QAAQ,EAAM,KAAK,OAAO;KAC9B,OAAO,EAAE;KACT,OAAO,EAAE,SAAS,SAAS,EAAM,MAAM,SAAS,aAAa,MAAM,iBAAiB,EAAE;KACvF,EAAE;;GAEN,CAAC,EACI,IAAY,EAAI,EAAY,MAAM;SACxC,QAAY,EAAU,QAAQ,MAAM;AAClC,KAAY,QAAQ;KACnB,EAAE,MAAM,IAAM,CAAC,kBAIhB,EAeM,OAfN,GAeM,CAAA,AAAA,EAAA,OAdJ,EAEM,OAAA,EAFD,OAAM,qBAAmB,EAAC,8BAE/B,GAAA,EACA,EAUM,OAVN,GAUM,CATJ,EAQgB,EAAA,EAAA,EAAA;GAPN,OAAO,EAAA;uCAAS,QAAA;GAAG,iBAAe,MAAS,EAAK;GAAQ,cAAYA,EAAAA,OAAO;GAClF,oBAAkBA,EAAAA,OAAO;GAAmB,iBAAiB;GAAQ,iBAAiB;GACtF,iBAAiB;GAAO,gBAAgB;;GAE9B,cAAU,GAC6B,EADzB,cAAI,CAC3B,EAAgD,OAAA,EAA1C,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,EAAK,EAAK,KAAI,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/SettingsTabs/icons/AxesIcon.js

@@ -0,0 +1,26 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+var i = {}, a = {
+	width: "48",
+	height: "48",
+	viewBox: "0 0 48 48",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M23.25 17.75V14H24.75V17.75H26V19.25H24.75V23.25H28.75V22H30.25V23.25H34V24.75H30.25V26H28.75V24.75H24.75V28.75H26V30.25H24.75V34H23.25V30.25H22V28.75H23.25V24.75H19.25V26H17.75V24.75H14V23.25H17.75V22H19.25V23.25H23.25V19.25H22V17.75H23.25Z",
+		fill: "#110529"
+	}, null, -1), n("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M15.4697 15.5303L17.7501 17.8107V20H19.2501V17.8107L21.5304 15.5303L20.4697 14.4697L18.5001 16.4393L16.5304 14.4697L15.4697 15.5303ZM27.4697 28.5303L29.4394 30.5L27.4697 32.4697L28.5304 33.5303L30.5001 31.5607L32.4697 33.5303L33.5304 32.4697L31.5607 30.5L33.5304 28.5303L32.4697 27.4697L30.5001 29.4393L28.5304 27.4697L27.4697 28.5303Z",
+		fill: "#07AD3E"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+export { s as default };
+
+//# sourceMappingURL=AxesIcon.js.map

package/dist/components/SettingsTabs/icons/AxesIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxesIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/AxesIcon.vue"],"sourcesContent":["<template>\n  <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.25 17.75V14H24.75V17.75H26V19.25H24.75V23.25H28.75V22H30.25V23.25H34V24.75H30.25V26H28.75V24.75H24.75V28.75H26V30.25H24.75V34H23.25V30.25H22V28.75H23.25V24.75H19.25V26H17.75V24.75H14V23.25H17.75V22H19.25V23.25H23.25V19.25H22V17.75H23.25Z\" fill=\"#110529\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.4697 15.5303L17.7501 17.8107V20H19.2501V17.8107L21.5304 15.5303L20.4697 14.4697L18.5001 16.4393L16.5304 14.4697L15.4697 15.5303ZM27.4697 28.5303L29.4394 30.5L27.4697 32.4697L28.5304 33.5303L30.5001 31.5607L32.4697 33.5303L33.5304 32.4697L31.5607 30.5L33.5304 28.5303L32.4697 27.4697L30.5001 29.4393L28.5304 27.4697L27.4697 28.5303Z\" fill=\"#07AD3E\"/>\n  </svg>\n</template>\n"],"mappings":";;;CACO,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;aAAlE,EAGM,OAHN,GAGM,CAAA,GAAA,AAAA,EAAA,OAAA,CAFJ,EAAoT,QAAA;EAA9S,aAAU;EAAU,aAAU;EAAU,GAAE;EAAoP,MAAK;eACzS,EAAkZ,QAAA;EAA5Y,aAAU;EAAU,aAAU;EAAU,GAAE;EAAkV,MAAK"}

package/dist/components/SettingsTabs/icons/DeleteChartIcon.js

@@ -0,0 +1,16 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+var i = {}, a = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 3.75002C7.5 3.05967 8.05964 2.50002 8.75 2.50002L15.25 2.5C15.9404 2.5 16.5 3.05964 16.5 3.75V5.50004L20.5 5.50006V7.00006L19 7.00006H17.5L6.5 7.00004H5L3.5 7V5.5L7.5 5.50006V3.75002ZM9 5.50006L15 5.50004V4L9 4.00002V5.50006Z\" fill=\"#110529\"></path><path d=\"M17.5 7.00006V12.5H19V7.00006H17.5Z\" fill=\"#110529\"></path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 17.75C6.5 18.9926 7.50736 20 8.75 20H12V21.5H8.75C6.67893 21.5 5 19.8211 5 17.75V8.50006H6.5V17.75Z\" fill=\"#110529\"></path><path d=\"M6.5 7.00004H5V8.50006H6.5V7.00004Z\" fill=\"#110529\"></path><path d=\"M14.75 14.5L18.25 18M21.75 21.5L18.25 18M18.25 18L21.75 14.5M18.25 18L14.75 21.5\" stroke=\"#07AD3E\" stroke-width=\"1.5\"></path>", 5)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+export { s as default };
+
+//# sourceMappingURL=DeleteChartIcon.js.map

package/dist/components/SettingsTabs/icons/DeleteChartIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteChartIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/DeleteChartIcon.vue"],"sourcesContent":["<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 3.75002C7.5 3.05967 8.05964 2.50002 8.75 2.50002L15.25 2.5C15.9404 2.5 16.5 3.05964 16.5 3.75V5.50004L20.5 5.50006V7.00006L19 7.00006H17.5L6.5 7.00004H5L3.5 7V5.5L7.5 5.50006V3.75002ZM9 5.50006L15 5.50004V4L9 4.00002V5.50006Z\" fill=\"#110529\"/>\n    <path d=\"M17.5 7.00006V12.5H19V7.00006H17.5Z\" fill=\"#110529\"/>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 17.75C6.5 18.9926 7.50736 20 8.75 20H12V21.5H8.75C6.67893 21.5 5 19.8211 5 17.75V8.50006H6.5V17.75Z\" fill=\"#110529\"/>\n    <path d=\"M6.5 7.00004H5V8.50006H6.5V7.00004Z\" fill=\"#110529\"/>\n    <path d=\"M14.75 14.5L18.25 18M21.75 21.5L18.25 18M18.25 18L21.75 14.5M18.25 18L14.75 21.5\" stroke=\"#07AD3E\" stroke-width=\"1.5\"/>\n  </svg>\n</template>\n"],"mappings":";;;CACO,OAAM;CAA6B,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;;;aAAxF,EAMM,OANN,GAMM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,gxBAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/SettingsTabs/icons/ExportIcon.js

@@ -0,0 +1,27 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+var i = {}, a = {
+	class: "export-icon",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("g", { id: "Icon" }, [n("path", {
+		id: "Rectangle 4179",
+		d: "M3 17V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V17",
+		stroke: "#07AD3E",
+		"stroke-width": "1.5"
+	}), n("path", {
+		id: "Vector 1335",
+		d: "M18 10L12 16M12 16L6 10M12 16L12 2",
+		stroke: "black",
+		"stroke-width": "1.5"
+	})], -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+export { s as default };
+
+//# sourceMappingURL=ExportIcon.js.map

package/dist/components/SettingsTabs/icons/ExportIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportIcon.js","names":[],"sources":["../../../../src/components/SettingsTabs/icons/ExportIcon.vue"],"sourcesContent":["<template>\n  <svg class=\"export-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g id=\"Icon\">\n      <path id=\"Rectangle 4179\" d=\"M3 17V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V17\" stroke=\"#07AD3E\" stroke-width=\"1.5\"/>\n      <path id=\"Vector 1335\" d=\"M18 10L12 16M12 16L6 10M12 16L12 2\" stroke=\"black\" stroke-width=\"1.5\"/>\n    </g>\n  </svg>\n</template>\n"],"mappings":";;;CACO,OAAM;CAAc,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,OAAM;;;aAAtF,EAKM,OALN,GAKM,CAAA,GAAA,AAAA,EAAA,OAAA,CAJJ,EAGI,KAAA,EAHD,IAAG,QAAM,EAAA,CACV,EAAwI,QAAA;EAAlI,IAAG;EAAiB,GAAE;EAAuE,QAAO;EAAU,gBAAa;KACjI,EAAiG,QAAA;EAA3F,IAAG;EAAc,GAAE;EAAqC,QAAO;EAAQ,gBAAa"}