@milaboratories/uikit 2.10.31 → 2.10.33

package/dist/components/PlTooltip/PlTooltip.vue3.js

@@ -1,4 +1,4 @@
-const t = "_plTooltipAnchorWrapper_ttgyk_2", o = "_plTooltipContainer_ttgyk_16", p = "_plTooltipContent_ttgyk_36", l = "_plTooltipBox_ttgyk_47", _ = "_plTooltipBeak_ttgyk_53", n = "_top_ttgyk_63", e = "_bottom_ttgyk_77", i = "_left_ttgyk_91", r = "_right_ttgyk_108", T = "_topLeft_ttgyk_125", c = {
+import './PlTooltip.css';const t = "_plTooltipAnchorWrapper_ttgyk_2", o = "_plTooltipContainer_ttgyk_16", p = "_plTooltipContent_ttgyk_36", l = "_plTooltipBox_ttgyk_47", _ = "_plTooltipBeak_ttgyk_53", n = "_top_ttgyk_63", e = "_bottom_ttgyk_77", i = "_left_ttgyk_91", r = "_right_ttgyk_108", T = "_topLeft_ttgyk_125", c = {
   plTooltipAnchorWrapper: t,
   plTooltipContainer: o,
   plTooltipContent: p,

package/dist/components/Slider.vue.js

@@ -2,9 +2,9 @@ import { defineComponent as P, useSlots as z, reactive as F, computed as r, ref
 import { useMouseCapture as q } from "../composition/useMouseCapture.js";
 import { tapIf as G } from "../helpers/functions.js";
 import { clamp as b } from "../helpers/math.js";
-import H from "./PlTooltip/PlTooltip.vue.js";
-import { useSliderBreakpoints as J } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as Q } from "../helpers/error.js";
+import { useSliderBreakpoints as H } from "../composition/useSliderBreakpoints.js";
+import { getErrorMessage as J } from "../helpers/error.js";
+import Q from "./PlTooltip/PlTooltip.vue.js";
 const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-section" }, Y = {
   key: 0,
   class: "text-s"
@@ -35,8 +35,8 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
       deltaValue: 0
     }), y = r(() => e.max - e.min), x = r(() => b((e.modelValue ?? 0) + d.deltaValue, e.min, e.max)), c = v(e.modelValue), g = r(() => {
       const t = e.modelValue;
-      return Number.isFinite(t) ? t < e.min ? `Min value: ${e.min}` : t > e.max ? `Max value: ${e.max}` : Q(e.error) : "Not a number";
-    }), C = r(() => e), N = J(C), k = r(() => (x.value - e.min) / y.value), $ = r(() => ({
+      return Number.isFinite(t) ? t < e.min ? `Min value: ${e.min}` : t > e.max ? `Max value: ${e.max}` : J(e.error) : "Not a number";
+    }), C = r(() => e), N = H(C), k = r(() => (x.value - e.min) / y.value), $ = r(() => ({
       right: Math.ceil((1 - k.value) * 100) + "%"
     })), E = r(() => ({
       right: `calc(${Math.ceil((1 - k.value) * 100)}%) `
@@ -81,7 +81,7 @@ const W = { class: "ui-slider__wrapper" }, X = { class: "ui-slider__label-sectio
           l("div", X, [
             n.label ? (s(), i("label", Y, [
               l("span", null, m(n.label), 1),
-              p(B).tooltip ? (s(), K(p(H), {
+              p(B).tooltip ? (s(), K(p(Q), {
                 key: 0,
                 class: "info",
                 position: "top"

package/dist/components/SliderRange.vue.js

@@ -2,10 +2,10 @@ import { defineComponent as Q, useSlots as W, reactive as X, ref as d, computed
 import { useMouseCapture as P } from "../composition/useMouseCapture.js";
 import { tapIf as U } from "../helpers/functions.js";
 import { clamp as p } from "../helpers/math.js";
-import oe from "./PlTooltip/PlTooltip.vue.js";
-import se from "./InputRange.vue.js";
-import { useSliderBreakpoints as ae } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as ie } from "../helpers/error.js";
+import oe from "./InputRange.vue.js";
+import { useSliderBreakpoints as se } from "../composition/useSliderBreakpoints.js";
+import { getErrorMessage as ae } from "../helpers/error.js";
+import ie from "./PlTooltip/PlTooltip.vue.js";
 const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-section" }, ne = {
   key: 0,
   class: "text-s"
@@ -35,13 +35,13 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
     const F = W(), I = z, e = g, r = X({
       deltaValue1: 0,
       deltaValue2: 0
-    }), x = d(), S = d(), B = d(), v = d(e.modelValue), f = d(e.modelValue[0]), _ = d(e.modelValue[1]), j = a(() => e), O = ae(j), T = a(
+    }), x = d(), S = d(), B = d(), v = d(e.modelValue), f = d(e.modelValue[0]), _ = d(e.modelValue[1]), j = a(() => e), O = se(j), T = a(
       () => [f.value, _.value].sort((t, l) => t - l).join("-")
     ), h = a(() => e.max - e.min), w = a(() => p((e.modelValue[0] ?? 0) + r.deltaValue1, e.min, e.max)), k = a(
       () => p((e.modelValue[1] ?? 0) + r.deltaValue2, e.min, e.max)
     ), C = a(() => {
       const t = e.modelValue;
-      return Array.isArray(t) && t.length === 2 && t.every((o) => Number.isFinite(o)) ? ie(e.error) : "Expected model [number, number]";
+      return Array.isArray(t) && t.length === 2 && t.every((o) => Number.isFinite(o)) ? ae(e.error) : "Expected model [number, number]";
     }), D = a(() => (w.value - e.min) / h.value), E = a(() => (k.value - e.min) / h.value), L = a(() => J()), q = a(() => ({
       right: L.value[0] + "%",
       left: 100 - L.value[1] + "%"
@@ -103,7 +103,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
           s("div", ue, [
             g.label ? (u(), m("label", ne, [
               s("span", null, M(g.label), 1),
-              b(F).tooltip ? (u(), K(b(oe), {
+              b(F).tooltip ? (u(), K(b(ie), {
                 key: 0,
                 class: "info",
                 position: "top"
@@ -159,7 +159,7 @@ const re = { class: "ui-slider__wrapper" }, ue = { class: "ui-slider__label-sect
           ])
         ]),
         s("div", ve, [
-          e.mode === "input" ? (u(), K(se, {
+          e.mode === "input" ? (u(), K(oe, {
             key: 0,
             modelValue: v.value,
             "onUpdate:modelValue": l[2] || (l[2] = (o) => v.value = o),

package/dist/components/SliderRangeTriple.vue.js

@@ -2,9 +2,9 @@ import { defineComponent as W, useSlots as X, reactive as Y, ref as w, computed
 import { useMouseCapture as $ } from "../composition/useMouseCapture.js";
 import { tapIf as D } from "../helpers/functions.js";
 import { clamp as c } from "../helpers/math.js";
-import oe from "./PlTooltip/PlTooltip.vue.js";
-import { useSliderBreakpoints as re } from "../composition/useSliderBreakpoints.js";
-import { getErrorMessage as ue } from "../helpers/error.js";
+import { useSliderBreakpoints as oe } from "../composition/useSliderBreakpoints.js";
+import { getErrorMessage as re } from "../helpers/error.js";
+import ue from "./PlTooltip/PlTooltip.vue.js";
 const se = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-section" }, de = {
   key: 0,
   class: "text-s"
@@ -32,7 +32,7 @@ const se = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
       deltaValue1: 0,
       deltaValue2: 0,
       deltaValue3: 0
-    }), b = w(), p = w(), v = w(), f = w(), n = r(() => e.max - e.min), O = r(() => e), q = re(O), g = r(
+    }), b = w(), p = w(), v = w(), f = w(), n = r(() => e.max - e.min), O = r(() => e), q = oe(O), g = r(
       () => c((e.modelValue[0] ?? 0) + u.deltaValue1, e.min, e.max)
     ), V = r(
       () => c((e.modelValue[1] ?? 0) + u.deltaValue2, e.min, e.max)
@@ -45,7 +45,7 @@ const se = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
       const i = [];
       return [...e.modelValue].forEach((a) => {
         a > e.max && i.push(`Max model value must be lower than max props ${e.max}.`), a < e.min && i.push("Min model value must be greater than max props.");
-      }), i.length > 0 ? i.join(" ") : ue(e.error);
+      }), i.length > 0 ? i.join(" ") : re(e.error);
     }), K = r(() => (g.value - e.min) / n.value), F = r(() => (V.value - e.min) / n.value), P = r(() => (y.value - e.min) / n.value), T = r(() => J()), G = r(() => ({
       right: T.value[0] + "%",
       left: 100 - T.value[2] + "%"
@@ -115,7 +115,7 @@ const se = { class: "ui-slider__wrapper" }, ne = { class: "ui-slider__label-sect
           o("div", ne, [
             k.label ? (d(), h("label", de, [
               o("span", null, I(k.label), 1),
-              m(j).tooltip ? (d(), ee(m(oe), {
+              m(j).tooltip ? (d(), ee(m(ue), {
                 key: 0,
                 class: "info",
                 position: "top"

package/dist/components/contextMenu/Menu.css

@@ -0,0 +1 @@
+.context-menu[data-v-1bb3001b]{display:block;position:absolute;top:50px;left:50px;z-index:var(--z-context-menu);margin:0;padding:3px 0 4px;background:#fffffff2;box-shadow:0 8px 15px #00000059;border-radius:4px;font-family:Lucida Grande,sans-serif;font-size:14px;line-height:15px}.context-menu[data-v-1bb3001b]:before{display:block;position:absolute;content:"";top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:4px;border:1px solid rgba(0,0,0,.125);z-index:-1}.context-menu hr[data-v-1bb3001b]{border:none;height:1px;background:#0000001a;margin:6px 1px 5px;padding:0}.context-menu>div[data-v-1bb3001b]{display:block;padding:0 20px;border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0)}.context-menu>div span[data-v-1bb3001b]{vertical-align:2px;-webkit-user-select:none;user-select:none}.context-menu>div[data-v-1bb3001b]:hover{background:-webkit-linear-gradient(top,#648bf5,#2866f2);background:linear-gradient(to bottom,#648bf5,#2866f2);border-top:1px solid #5a82eb;border-bottom:1px solid #1758e7}.context-menu>div[data-v-1bb3001b]:hover:after{color:#fff}

package/dist/components/contextMenu/Menu.vue.js

@@ -1,5 +1,5 @@
 import o from "./Menu.vue2.js";
-/* empty css          */
+import './Menu.css';/* empty css          */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bb3001b"]]);
 export {

package/dist/composition/useResizeObserver.js

@@ -1,15 +1,15 @@
 import { onUnmounted as m, unref as e } from "vue";
 import { tapIf as i } from "../helpers/functions.js";
 import { onChanged as s } from "./utils.js";
-import { stopResizeObserving as t, startResizeObserving as f } from "../global/resizeObserver.js";
+import { startResizeObserving as t, stopResizeObserving as f } from "../global/resizeObserver.js";
 function z(r, n) {
   s(() => {
     i(e(r), (o) => {
-      f(o, () => n(o));
+      t(o, () => n(o));
     });
   }), m(() => {
     i(e(r), (o) => {
-      t(o);
+      f(o);
     });
   });
 }

package/dist/composition/useTheme.js

@@ -1,13 +1,13 @@
-import { ref as m, computed as h, watch as l, unref as s, onMounted as u, onUnmounted as c } from "vue";
+import { computed as m, ref as h, watch as l, unref as s, onMounted as u, onUnmounted as c } from "vue";
 import { toList as w, mapIterable as f } from "../helpers/iterators.js";
 import { useLocalStorage as v } from "./useLocalStorage.js";
 const r = /* @__PURE__ */ new Set();
 window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
   w(f(r.values(), (t) => t(e.matches ? "dark" : "light")));
 });
-const g = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", d = m(g), o = v("theme");
+const g = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", d = h(g), o = v("theme");
 function T(e) {
-  const t = h(() => o.value ? o.value : d.value), n = (a) => {
+  const t = m(() => o.value ? o.value : d.value), n = (a) => {
     d.value = a, e == null || e(a);
   };
   function i() {