mhz-ui 1.0.19 → 1.0.21

package/dist/UiSearch/UiSearch.js

@@ -1,53 +1,53 @@
 import "./UiSearch.css";
-import { openBlock as n, createElementBlock as l, createElementVNode as I, defineComponent as $, ref as S, computed as C, normalizeClass as k, createVNode as N, unref as b, withKeys as B, Fragment as d, createTextVNode as v, createCommentVNode as h, renderList as V, toDisplayString as E, createBlock as O, resolveDynamicComponent as T, withCtx as U } from "vue";
-import { RouterLink as Z } from "vue-router";
-import { o as q } from "../index-e9b7d99f.js";
-import L from "../UiInput/UiInput.js";
-import { _ as R } from "../_plugin-vue_export-helper-dad06003.js";
-const D = {
+import { openBlock as n, createElementBlock as s, createElementVNode as O, defineComponent as R, ref as N, computed as I, normalizeClass as g, createVNode as T, withKeys as b, unref as V, Fragment as d, createTextVNode as w, toDisplayString as S, createCommentVNode as h, renderList as E, createBlock as B, resolveDynamicComponent as L, withCtx as U } from "vue";
+import { RouterLink as $ } from "vue-router";
+import { o as M } from "../index-e9b7d99f.js";
+import D from "../UiInput/UiInput.js";
+import { _ as Z } from "../_plugin-vue_export-helper-dad06003.js";
+const q = {
   trailing: !0
 };
-function F(m, u = 25, e = {}) {
-  if (e = { ...D, ...e }, !Number.isFinite(u))
+function F(m, r = 25, e = {}) {
+  if (e = { ...q, ...e }, !Number.isFinite(r))
     throw new TypeError("Expected `wait` to be a finite number");
-  let a, c, _ = [], s, p;
-  const y = (o, f) => (s = K(m, o, f), s.finally(() => {
-    if (s = null, e.trailing && p && !c) {
-      const t = y(o, p);
-      return p = null, t;
+  let u, c, y = [], o, a;
+  const f = (l, i) => (o = K(m, l, i), o.finally(() => {
+    if (o = null, e.trailing && a && !c) {
+      const _ = f(l, a);
+      return a = null, _;
     }
-  }), s);
-  return function(...o) {
-    return s ? (e.trailing && (p = o), s) : new Promise((f) => {
-      const t = !c && e.leading;
+  }), o);
+  return function(...l) {
+    return o ? (e.trailing && (a = l), o) : new Promise((i) => {
+      const _ = !c && e.leading;
       clearTimeout(c), c = setTimeout(() => {
         c = null;
-        const i = e.leading ? a : y(this, o);
-        for (const r of _)
-          r(i);
-        _ = [];
-      }, u), t ? (a = y(this, o), f(a)) : _.push(f);
+        const t = e.leading ? u : f(this, l);
+        for (const k of y)
+          k(t);
+        y = [];
+      }, r), _ ? (u = f(this, l), i(u)) : y.push(i);
     });
   };
 }
-async function K(m, u, e) {
-  return await m.apply(u, e);
+async function K(m, r, e) {
+  return await m.apply(r, e);
 }
-const M = {
+const P = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
-}, P = /* @__PURE__ */ I("path", {
+}, A = /* @__PURE__ */ O("path", {
   fill: "#dfdfdf",
   d: "M13.5 15.338a.5.5 0 1 0 .737-.676l-.736.676Zm.737-.676-1.398-1.523-.737.676 1.399 1.523.736-.676ZM13.5 7.628c0 3.394-2.695 6.129-6 6.129v1c3.875 0 7-3.201 7-7.129h-1Zm-6 6.129c-3.305 0-6-2.735-6-6.129h-1c0 3.928 3.125 7.129 7 7.129v-1Zm-6-6.129c0-3.393 2.695-6.128 6-6.128v-1C3.625.5.5 3.7.5 7.628h1Zm6-6.128c3.305 0 6 2.735 6 6.128h1C14.5 3.701 11.375.5 7.5.5v1Z"
-}, null, -1), A = [
-  P
+}, null, -1), Y = [
+  A
 ];
-function j(m, u) {
-  return n(), l("svg", M, A);
+function j(m, r) {
+  return n(), s("svg", P, Y);
 }
-const x = { render: j }, z = /* @__PURE__ */ $({
+const x = { render: j }, z = "Please enter 3 or more symbols", G = "Loading...", H = "No results", J = 300, Q = /* @__PURE__ */ R({
   __name: "UiSearch",
   props: {
     modelValue: {},
@@ -56,66 +56,77 @@ const x = { render: j }, z = /* @__PURE__ */ $({
     isSuccess: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(m, { emit: u }) {
-    const e = m, a = S(!1), c = F(async (t) => {
-      u("update:modelValue", t);
-    }, 300);
-    async function _(t) {
+  setup(m, { emit: r }) {
+    const e = m, u = N(!1), c = F(async (t) => {
+      r("update:modelValue", t);
+    }, J);
+    async function y(t) {
       await c(t);
     }
-    function s() {
-      a.value = !1;
+    function o() {
+      u.value = !0;
     }
-    function p() {
-      s(), u("update:modelValue", "");
+    function a() {
+      u.value = !1;
     }
-    const y = C(() => e.results ? Object.values(e.results).reduce((t, i) => t + (i ? i.length : 0), 0) : !1), o = S();
-    q(o, () => {
-      s();
+    function f() {
+      a(), r("update:modelValue", "");
+    }
+    const l = I(() => e.results ? Object.values(e.results).reduce((t, k) => t + (k ? k.length : 0), 0) : !1), i = N();
+    M(i, () => {
+      a();
     });
-    const f = C(() => window.IS_STORYBOOK ? "a" : Z);
-    return (t, i) => (n(), l("div", {
-      class: k(t.$style.container),
+    const _ = I(() => window.IS_STORYBOOK ? "a" : $);
+    return (t, k) => (n(), s("div", {
+      class: g(t.$style.container),
       ref_key: "containerElement",
-      ref: o
+      ref: i
     }, [
-      N(L, {
+      T(D, {
         modelValue: e.modelValue,
-        "onUpdate:modelValue": _,
-        appendIcon: b(x),
+        "onUpdate:modelValue": y,
+        onClick: o,
+        onKeyup: b(a, ["esc"]),
+        appendIcon: V(x),
         placeholder: "Search",
-        onClick: i[0] || (i[0] = (r) => a.value = !0),
-        onKeyup: B(s, ["esc"])
-      }, null, 8, ["modelValue", "appendIcon", "onKeyup"]),
-      a.value && e.modelValue.length ? (n(), l("div", {
+        "data-test": "ui-search"
+      }, null, 8, ["modelValue", "onKeyup", "appendIcon"]),
+      u.value && e.modelValue.length ? (n(), s("div", {
         key: 0,
-        class: k(t.$style.results)
+        class: g(t.$style.results),
+        "data-test": "ui-search-results"
       }, [
-        e.modelValue.length < 3 ? (n(), l(d, { key: 0 }, [
-          v("Please enter 3 or more symbols")
+        e.modelValue.length < 3 ? (n(), s(d, { key: 0 }, [
+          w(S(V(z)), 1)
         ], 64)) : h("", !0),
-        e.modelValue.length > 2 && !e.isSuccess ? (n(), l(d, { key: 1 }, [
-          v("Loading...")
+        e.modelValue.length > 2 && !e.isSuccess ? (n(), s(d, { key: 1 }, [
+          w(S(V(G)), 1)
         ], 64)) : h("", !0),
-        e.modelValue.length > 2 && !y.value && e.isSuccess ? (n(), l(d, { key: 2 }, [
-          v("No results")
+        e.modelValue.length > 2 && !l.value && e.isSuccess ? (n(), s(d, { key: 2 }, [
+          w(S(V(H)), 1)
         ], 64)) : h("", !0),
-        e.modelValue.length > 2 && y.value ? (n(!0), l(d, { key: 3 }, V(e.searchScheme, (r) => (n(), l("div", {
-          key: r.type,
-          class: k(t.$style.resultsInner)
+        e.modelValue.length > 2 && l.value && e.isSuccess ? (n(!0), s(d, { key: 3 }, E(e.searchScheme, (p) => (n(), s("div", {
+          key: p.type,
+          class: g(t.$style.resultsInner),
+          "data-test": "ui-search-result"
         }, [
-          t.results?.[r.type]?.length ? (n(), l(d, { key: 0 }, [
-            I("div", {
-              class: k(t.$style.type)
-            }, E(r.type) + ":", 3),
-            (n(!0), l(d, null, V(t.results[r.type], (g) => (n(), O(T(f.value), {
-              key: g._id,
-              to: `${r.url}/${g._id}`,
-              onClick: p,
-              class: k(t.$style.link)
+          t.results?.[p.type]?.length ? (n(), s(d, { key: 0 }, [
+            O("div", {
+              class: g(t.$style.type),
+              "data-test": "ui-search-result-type"
+            }, S(p.type) + ":", 3),
+            (n(!0), s(d, null, E(t.results[p.type], (v) => (n(), B(L(_.value), {
+              key: v._id,
+              to: `${p.url}/${v._id}`,
+              onClick: f,
+              class: g(t.$style.link),
+              "data-test": "ui-search-result-link"
             }, {
               default: U(() => [
-                (n(!0), l(d, null, V(r.labels, (w) => (n(), l("span", { key: w }, E(g[w]), 1))), 128))
+                (n(!0), s(d, null, E(p.labels, (C) => (n(), s("span", {
+                  key: C,
+                  "data-test": "ui-search-result-label"
+                }, S(v[C]), 1))), 128))
               ]),
               _: 2
             }, 1032, ["to", "class"]))), 128))
@@ -124,15 +135,15 @@ const x = { render: j }, z = /* @__PURE__ */ $({
       ], 2)) : h("", !0)
     ], 2));
   }
-}), Y = "_container_nqol5_1", G = "_results_nqol5_6", H = "_resultsInner_nqol5_22", J = "_type_nqol5_31", Q = "_link_nqol5_36", W = {
-  container: Y,
-  results: G,
-  resultsInner: H,
-  type: J,
-  link: Q
-}, X = {
-  $style: W
-}, oe = /* @__PURE__ */ R(z, [["__cssModules", X]]);
+}), W = "_container_nqol5_1", X = "_results_nqol5_6", ee = "_resultsInner_nqol5_22", te = "_type_nqol5_31", ne = "_link_nqol5_36", se = {
+  container: W,
+  results: X,
+  resultsInner: ee,
+  type: te,
+  link: ne
+}, le = {
+  $style: se
+}, ie = /* @__PURE__ */ Z(Q, [["__cssModules", le]]);
 export {
-  oe as default
+  ie as default
 };

package/dist/UiSelect/UiSelect.js

@@ -44,17 +44,17 @@ const A = { render: x }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
   },
   emits: ["update:modelValue", "reachedBottom"],
   setup(y, { emit: m }) {
-    const t = y, v = a(""), $ = E(() => typeof t.options?.[0] == "object"), g = E(() => {
+    const t = y, f = a(""), $ = E(() => typeof t.options?.[0] == "object"), g = E(() => {
       if (!t.options)
         return [];
       let e = t.options;
-      return $.value || (e = t.options.map((o) => ({ _id: o, title: o }))), t.isFilter ? e.filter((o) => o.title.toLowerCase().includes(v.value.toLowerCase())) : e;
-    }), i = a(!1), r = a(), f = a(), w = a([]);
+      return $.value || (e = t.options.map((o) => ({ _id: o, title: o }))), t.isFilter ? e.filter((o) => o.title.toLowerCase().includes(f.value.toLowerCase())) : e;
+    }), i = a(!1), r = a(), v = a(), w = a([]);
     function _(e) {
       e < 0 || e === g.value.length || t.isFilter || w.value[e]?.focus();
     }
     function c() {
-      r.value?.removeEventListener("scroll", C, !0), v.value = "", i.value = !1;
+      r.value?.removeEventListener("scroll", C, !0), f.value = "", i.value = !1;
     }
     function V() {
       i.value = !0, t.isFilter || setTimeout(() => {
@@ -65,9 +65,9 @@ const A = { render: x }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
       m("update:modelValue", $.value ? e : e._id), c();
     }
     function C() {
-      if (!r.value || !f.value)
+      if (!r.value || !v.value)
         return;
-      r.value.getBoundingClientRect().y - f.value.getBoundingClientRect().y - f.value.scrollHeight + r.value.getBoundingClientRect().height > -100 && m("reachedBottom");
+      r.value.getBoundingClientRect().y - v.value.getBoundingClientRect().y - v.value.scrollHeight + r.value.getBoundingClientRect().height > -100 && m("reachedBottom");
     }
     const F = a();
     return U(F, () => {
@@ -82,29 +82,32 @@ const A = { render: x }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
         onToggle: o[0] || (o[0] = (n) => i.value ? c() : V()),
         mode: "select",
         placeholder: "Choose variant",
-        appendIcon: i.value ? j(A) : j(D)
+        appendIcon: i.value ? j(A) : j(D),
+        "data-test": "ui-select-input"
       }, null, 8, ["modelValue", "appendIcon"]),
       t.isFilter && i.value ? (l(), s("div", {
         key: 0,
         class: d(e.$style.filter)
       }, [
         b(B, {
-          modelValue: v.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (n) => v.value = n),
+          modelValue: f.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (n) => f.value = n),
           placeholder: "Filter Variants",
-          isFocus: ""
+          isFocus: "",
+          "data-test": "ui-select-input-filter"
         }, null, 8, ["modelValue"])
       ], 2)) : O("", !0),
       i.value ? (l(), s("div", {
         key: 1,
         class: d(e.$style.options),
         ref_key: "optionsElement",
-        ref: r
+        ref: r,
+        "data-test": "ui-select-options"
       }, [
         g.value.length ? (l(), s("div", {
           key: 0,
           ref_key: "optionsInnerElement",
-          ref: f
+          ref: v
         }, [
           (l(!0), s(S, null, M(g.value, (n, h) => (l(), s("div", {
             key: `${n}-${h}`,
@@ -122,14 +125,16 @@ const A = { render: x }, G = ["onClick", "onKeydown", "onMouseenter", "data-curr
             ref_for: !0,
             ref_key: "optionElement",
             ref: w,
-            "data-current": typeof t.modelValue == "string" ? t.modelValue === n._id : t.modelValue?._id === n._id
+            "data-current": typeof t.modelValue == "string" ? t.modelValue === n._id : t.modelValue?._id === n._id,
+            "data-test": "ui-select-option"
           }, N(n.title), 43, G))), 128))
         ], 512)) : (l(), s("div", {
           key: 1,
           onClick: c,
           class: d(e.$style.option),
-          tabindex: "0"
-        }, "No results", 2))
+          tabindex: "0",
+          "data-test": "ui-select-no-results"
+        }, " No results ", 2))
       ], 2)) : O("", !0)
     ], 2));
   }

package/dist/UiSlider/UiSlider.js

@@ -1,7 +1,7 @@
 import "./UiSlider.css";
-import { defineComponent as u, ref as _, openBlock as a, createElementBlock as i, normalizeClass as o, createElementVNode as n, Fragment as d, renderList as m } from "vue";
+import { defineComponent as u, ref as d, openBlock as i, createElementBlock as c, normalizeClass as l, createElementVNode as a, Fragment as m, renderList as _ } from "vue";
 import { _ as h } from "../_plugin-vue_export-helper-dad06003.js";
-const p = ["onClick", "data-active"], $ = ["src", "alt"], b = ["src", "alt"], v = /* @__PURE__ */ u({
+const p = ["onClick", "data-active"], b = ["src", "alt"], v = ["src", "alt", "data-slide"], $ = /* @__PURE__ */ u({
   __name: "UiSlider",
   props: {
     thumbs: {},
@@ -9,37 +9,40 @@ const p = ["onClick", "data-active"], $ = ["src", "alt"], b = ["src", "alt"], v
     path: {}
   },
   setup(r) {
-    const s = r, t = _(0);
-    return (e, B) => (a(), i("div", {
-      class: o(e.$style.container)
+    const s = r, t = d(0);
+    return (e, B) => (i(), c("div", {
+      class: l(e.$style.container)
     }, [
-      n("div", {
-        class: o(e.$style.thumbs)
+      a("div", {
+        class: l(e.$style.thumbs)
       }, [
-        (a(!0), i(d, null, m(s.thumbs, (l, c) => (a(), i("button", {
-          key: l,
-          onClick: (E) => t.value = c,
+        (i(!0), c(m, null, _(s.thumbs, (o, n) => (i(), c("button", {
+          key: o,
+          onClick: (E) => t.value = n,
           type: "button",
-          class: o(e.$style.thumb),
-          "data-active": t.value === c
+          class: l(e.$style.thumb),
+          "data-active": t.value === n,
+          "data-test": "ui-slider-thumb"
         }, [
-          n("img", {
-            src: s.path ? `${s.path}${l}` : l,
+          a("img", {
+            src: s.path ? `${s.path}${o}` : o,
             width: "64",
             height: "64",
-            alt: `Thumb-${c}`,
+            alt: `thumb-${n}`,
             crossorigin: "anonymous"
-          }, null, 8, $)
+          }, null, 8, b)
         ], 10, p))), 128))
       ], 2),
-      n("div", {
-        class: o(e.$style.slide)
+      a("div", {
+        class: l(e.$style.slide)
       }, [
-        n("img", {
+        a("img", {
           src: s.path ? `${s.path}${s.slides[t.value]}` : s.slides[t.value],
-          alt: `Slide-${t.value}`,
-          crossorigin: "anonymous"
-        }, null, 8, b)
+          alt: `slide-${t.value}`,
+          crossorigin: "anonymous",
+          "data-slide": t.value,
+          "data-test": "ui-slider-slide"
+        }, null, 8, v)
       ], 2)
     ], 2));
   }
@@ -50,7 +53,7 @@ const p = ["onClick", "data-active"], $ = ["src", "alt"], b = ["src", "alt"], v
   slide: g
 }, S = {
   $style: C
-}, w = /* @__PURE__ */ h(v, [["__cssModules", S]]);
+}, w = /* @__PURE__ */ h($, [["__cssModules", S]]);
 export {
   w as default
 };

package/dist/UiSpoiler/UiSpoiler.js

@@ -1,23 +1,23 @@
 import "./UiSpoiler.css";
-import { openBlock as r, createElementBlock as c, createElementVNode as l, defineComponent as a, normalizeClass as t, createVNode as d, unref as p, toDisplayString as _, withDirectives as u, renderSlot as m, vShow as h } from "vue";
+import { openBlock as r, createElementBlock as a, createElementVNode as o, defineComponent as c, normalizeClass as e, createVNode as d, unref as p, toDisplayString as u, withDirectives as _, renderSlot as m, vShow as h } from "vue";
 import { _ as y } from "../_plugin-vue_export-helper-dad06003.js";
-const f = {
+const b = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
-}, k = /* @__PURE__ */ l("path", {
+}, f = /* @__PURE__ */ o("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "m1 5 7.17 6L15 5"
-}, null, -1), w = [
-  k
+}, null, -1), k = [
+  f
 ];
-function $(s, n) {
-  return r(), c("svg", f, w);
+function w(s, n) {
+  return r(), a("svg", b, k);
 }
-const b = { render: $ }, v = /* @__PURE__ */ a({
+const $ = { render: w }, v = /* @__PURE__ */ c({
   __name: "UiSpoiler",
   props: {
     modelValue: { type: Boolean },
@@ -25,35 +25,38 @@ const b = { render: $ }, v = /* @__PURE__ */ a({
   },
   emits: ["update:modelValue"],
   setup(s, { emit: n }) {
-    const o = s;
-    return (e, i) => (r(), c("div", {
-      class: t(e.$style.container)
+    const l = s;
+    return (t, i) => (r(), a("div", {
+      class: e(t.$style.container)
     }, [
-      l("button", {
-        onClick: i[0] || (i[0] = (E) => n("update:modelValue", !o.modelValue)),
-        class: t(e.$style.titleBlock),
-        type: "button"
+      o("button", {
+        onClick: i[0] || (i[0] = (E) => n("update:modelValue", !l.modelValue)),
+        class: e(t.$style.titleBlock),
+        type: "button",
+        "data-test": "ui-spoiler-button"
       }, [
-        l("div", {
-          class: t(e.$style.title)
+        o("div", {
+          class: e(t.$style.title)
         }, [
-          d(p(b), {
-            "data-expanded": o.modelValue,
-            class: t(e.$style.icon),
+          d(p($), {
+            "data-expanded": l.modelValue,
+            class: e(t.$style.icon),
             width: "16",
             height: "16"
           }, null, 8, ["data-expanded", "class"]),
-          l("span", {
-            class: t(e.$style.titleText)
-          }, _(o.title), 3)
+          o("span", {
+            class: e(t.$style.titleText),
+            "data-test": "ui-spoiler-button-title"
+          }, u(l.title), 3)
         ], 2)
       ], 2),
-      u(l("div", {
-        class: t(e.$style.spoiler)
+      _(o("div", {
+        class: e(t.$style.spoiler),
+        "data-test": "ui-spoiler"
       }, [
-        m(e.$slots, "default")
+        m(t.$slots, "default")
       ], 2), [
-        [h, o.modelValue]
+        [h, l.modelValue]
       ])
     ], 2));
   }