mhz-ui 1.0.4 → 1.0.5

package/dist/UiPagination/UiPagination.js

@@ -1,19 +1,19 @@
 import "./UiPagination.css";
-import { defineComponent as b, openBlock as r, createElementBlock as m, normalizeClass as e, createElementVNode as n, toDisplayString as d } from "vue";
-import { _ as g } from "../_plugin-vue_export-helper-dad06003.js";
-const y = ["disabled"], $ = ["disabled"], f = ["disabled"], c = ["disabled"], v = /* @__PURE__ */ b({
+import { defineComponent as u, openBlock as b, createElementBlock as r, normalizeClass as e, createElementVNode as n, toDisplayString as i } from "vue";
+import { _ as m } from "../_plugin-vue_export-helper-dad06003.js";
+const g = ["disabled"], y = ["disabled"], $ = ["disabled"], f = ["disabled"], c = /* @__PURE__ */ u({
   __name: "UiPagination",
   props: {
     page: {},
     total: {}
   },
   emits: ["update"],
-  setup(p, { emit: u }) {
-    const a = p, i = document.querySelector("main");
+  setup(d, { emit: p }) {
+    const a = d;
     function s(t) {
-      u("update", t), i && i.scrollTo({ top: 0, left: 0, behavior: "smooth" });
+      p("update", t), document.querySelector("main")?.scrollTo(0, 0);
     }
-    return (t, o) => (r(), m("div", {
+    return (t, o) => (b(), r("div", {
       class: e(t.$style.pagination)
     }, [
       n("button", {
@@ -21,37 +21,37 @@ const y = ["disabled"], $ = ["disabled"], f = ["disabled"], c = ["disabled"], v
         disabled: t.page === 1,
         class: e(t.$style.button),
         type: "button"
-      }, "<<", 10, y),
+      }, "<<", 10, g),
       n("button", {
         onClick: o[1] || (o[1] = (l) => s(a.page - 1)),
         disabled: t.page === 1,
         class: e(t.$style.button),
         type: "button"
-      }, " < ", 10, $),
+      }, " < ", 10, y),
       n("div", {
         class: e(t.$style.text)
-      }, d(t.page) + " of " + d(t.total), 3),
+      }, i(t.page) + " of " + i(t.total), 3),
       n("button", {
         onClick: o[2] || (o[2] = (l) => s(a.page + 1)),
         disabled: t.page === t.total,
         class: e(t.$style.button),
         type: "button"
-      }, " > ", 10, f),
+      }, " > ", 10, $),
       n("button", {
         onClick: o[3] || (o[3] = (l) => s(a.total)),
         disabled: t.page === t.total,
         class: e(t.$style.button),
         type: "button"
-      }, " >> ", 10, c)
+      }, " >> ", 10, f)
     ], 2));
   }
-}), k = "_pagination_3h5xm_1", C = "_button_3h5xm_9", _ = "_text_3h5xm_30", h = {
+}), k = "_pagination_3h5xm_1", v = "_button_3h5xm_9", C = "_text_3h5xm_30", _ = {
   pagination: k,
-  button: C,
-  text: _
+  button: v,
+  text: C
 }, U = {
-  $style: h
-}, M = /* @__PURE__ */ g(v, [["__cssModules", U]]);
+  $style: _
+}, M = /* @__PURE__ */ m(c, [["__cssModules", U]]);
 export {
   M as default
 };

package/dist/UiSelect/UiSelect.js

@@ -1,114 +1,120 @@
 import "./UiSelect.css";
-import { getCurrentScope as N, onScopeDispose as R, unref as b, watch as T, openBlock as h, createElementBlock as y, createElementVNode as B, defineComponent as D, ref as w, computed as K, normalizeClass as E, createVNode as S, createCommentVNode as L, Fragment as W, renderList as q, withKeys as $, toDisplayString as z } from "vue";
-import j from "../UiInput/UiInput.js";
+import { getCurrentScope as N, onScopeDispose as R, unref as O, watch as T, openBlock as h, createElementBlock as y, createElementVNode as B, defineComponent as D, ref as w, computed as K, normalizeClass as E, createVNode as S, createCommentVNode as A, Fragment as W, renderList as q, withKeys as $, toDisplayString as z } from "vue";
+import L from "../UiInput/UiInput.js";
 import { _ as H } from "../_plugin-vue_export-helper-dad06003.js";
-function Q(r) {
-  return N() ? (R(r), !0) : !1;
+function Q(o) {
+  return N() ? (R(o), !0) : !1;
 }
-function P(r) {
-  return typeof r == "function" ? r() : b(r);
+function P(o) {
+  return typeof o == "function" ? o() : O(o);
 }
-const M = typeof window < "u" && typeof document < "u", A = () => {
-}, x = /* @__PURE__ */ G();
-function G() {
-  return M && window?.navigator?.userAgent && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const M = typeof window < "u" && typeof document < "u", x = Object.prototype.toString, G = (o) => x.call(o) === "[object Object]", j = () => {
+}, J = /* @__PURE__ */ X();
+function X() {
+  var o;
+  return M && ((o = window?.navigator) == null ? void 0 : o.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-function C(r) {
-  const l = P(r);
-  return l?.$el ?? l;
+function C(o) {
+  var s;
+  const t = P(o);
+  return (s = t?.$el) != null ? s : t;
 }
 const U = M ? window : void 0;
-function I(...r) {
-  let l, t, o, f;
-  if (typeof r[0] == "string" || Array.isArray(r[0]) ? ([t, o, f] = r, l = U) : [l, t, o, f] = r, !l)
-    return A;
-  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
-  const u = [], c = () => {
-    u.forEach((i) => i()), u.length = 0;
-  }, a = (i, d, e, n) => (i.addEventListener(d, e, n), () => i.removeEventListener(d, e, n)), _ = T(
-    () => [C(l), P(f)],
-    ([i, d]) => {
-      c(), i && u.push(
-        ...t.flatMap((e) => o.map((n) => a(i, e, n, d)))
+function b(...o) {
+  let s, t, r, m;
+  if (typeof o[0] == "string" || Array.isArray(o[0]) ? ([t, r, m] = o, s = U) : [s, t, r, m] = o, !s)
+    return j;
+  Array.isArray(t) || (t = [t]), Array.isArray(r) || (r = [r]);
+  const c = [], d = () => {
+    c.forEach((i) => i()), c.length = 0;
+  }, p = (i, a, e, n) => (i.addEventListener(a, e, n), () => i.removeEventListener(a, e, n)), _ = T(
+    () => [C(s), P(m)],
+    ([i, a]) => {
+      if (d(), !i)
+        return;
+      const e = G(a) ? { ...a } : a;
+      c.push(
+        ...t.flatMap((n) => r.map((u) => p(i, n, u, e)))
       );
     },
     { immediate: !0, flush: "post" }
   ), k = () => {
-    _(), c();
+    _(), d();
   };
   return Q(k), k;
 }
 let F = !1;
-function J(r, l, t = {}) {
-  const { window: o = U, ignore: f = [], capture: u = !0, detectIframe: c = !1 } = t;
-  if (!o)
+function Y(o, s, t = {}) {
+  const { window: r = U, ignore: m = [], capture: c = !0, detectIframe: d = !1 } = t;
+  if (!r)
     return;
-  x && !F && (F = !0, Array.from(o.document.body.children).forEach((e) => e.addEventListener("click", A)), o.document.documentElement.addEventListener("click", A));
-  let a = !0;
-  const _ = (e) => f.some((n) => {
+  J && !F && (F = !0, Array.from(r.document.body.children).forEach((e) => e.addEventListener("click", j)), r.document.documentElement.addEventListener("click", j));
+  let p = !0;
+  const _ = (e) => m.some((n) => {
     if (typeof n == "string")
-      return Array.from(o.document.querySelectorAll(n)).some((m) => m === e.target || e.composedPath().includes(m));
+      return Array.from(r.document.querySelectorAll(n)).some((u) => u === e.target || e.composedPath().includes(u));
     {
-      const m = C(n);
-      return m && (e.target === m || e.composedPath().includes(m));
+      const u = C(n);
+      return u && (e.target === u || e.composedPath().includes(u));
     }
   }), i = [
-    I(o, "click", (e) => {
-      const n = C(r);
+    b(r, "click", (e) => {
+      const n = C(o);
       if (!(!n || n === e.target || e.composedPath().includes(n))) {
-        if (e.detail === 0 && (a = !_(e)), !a) {
-          a = !0;
+        if (e.detail === 0 && (p = !_(e)), !p) {
+          p = !0;
           return;
         }
-        l(e);
+        s(e);
       }
-    }, { passive: !0, capture: u }),
-    I(o, "pointerdown", (e) => {
-      const n = C(r);
-      n && (a = !e.composedPath().includes(n) && !_(e));
+    }, { passive: !0, capture: c }),
+    b(r, "pointerdown", (e) => {
+      const n = C(o);
+      n && (p = !e.composedPath().includes(n) && !_(e));
     }, { passive: !0 }),
-    c && I(o, "blur", (e) => {
+    d && b(r, "blur", (e) => {
       setTimeout(() => {
-        const n = C(r);
-        o.document.activeElement?.tagName === "IFRAME" && !n?.contains(o.document.activeElement) && l(e);
+        var n;
+        const u = C(o);
+        ((n = r.document.activeElement) == null ? void 0 : n.tagName) === "IFRAME" && !u?.contains(r.document.activeElement) && s(e);
       }, 0);
     })
   ].filter(Boolean);
   return () => i.forEach((e) => e());
 }
-const X = {
+const Z = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15",
   height: "8",
   fill: "none"
-}, Y = /* @__PURE__ */ B("path", {
+}, ee = /* @__PURE__ */ B("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "m.5 1 7.17 6 6.83-6"
-}, null, -1), Z = [
-  Y
+}, null, -1), te = [
+  ee
 ];
-function ee(r, l) {
-  return h(), y("svg", X, Z);
+function oe(o, s) {
+  return h(), y("svg", Z, te);
 }
-const te = { render: ee }, oe = {
+const ne = { render: oe }, re = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "15",
   height: "8",
   fill: "none"
-}, ne = /* @__PURE__ */ B("path", {
+}, le = /* @__PURE__ */ B("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "m.5 7 7.17-6 6.83 6"
-}, null, -1), re = [
-  ne
+}, null, -1), se = [
+  le
 ];
-function se(r, l) {
-  return h(), y("svg", oe, re);
+function ie(o, s) {
+  return h(), y("svg", re, se);
 }
-const le = { render: se }, ie = ["onClick", "onKeydown", "onMouseenter", "data-current"], ue = /* @__PURE__ */ D({
+const ue = { render: ie }, ce = ["onClick", "onKeydown", "onMouseenter", "data-current"], ae = /* @__PURE__ */ D({
   __name: "UiSelect",
   props: {
     modelValue: {},
@@ -116,74 +122,74 @@ const le = { render: se }, ie = ["onClick", "onKeydown", "onMouseenter", "data-c
     isFilter: { type: Boolean }
   },
   emits: ["update:modelValue", "reachedBottom"],
-  setup(r, { emit: l }) {
-    const t = r, o = w(""), f = K(() => {
+  setup(o, { emit: s }) {
+    const t = o, r = w(""), m = K(() => {
       if (!t.options)
         return [];
-      let s = t.options;
-      return typeof t.options[0] != "object" && (s = t.options.map((p) => ({ _id: p, title: p }))), t.isFilter ? s.filter((p) => p.title.toLowerCase().includes(o.value.toLowerCase())) : s;
-    }), u = w(!1), c = w(), a = w(), _ = w([]);
-    function k(s) {
-      l("update:modelValue", s);
+      let l = t.options;
+      return typeof t.options[0] != "object" && (l = t.options.map((f) => ({ _id: f, title: f }))), t.isFilter ? l.filter((f) => f.title.toLowerCase().includes(r.value.toLowerCase())) : l;
+    }), c = w(!1), d = w(), p = w(), _ = w([]);
+    function k(l) {
+      s("update:modelValue", l);
     }
-    function i(s) {
-      s < 0 || s === f.value.length || t.isFilter || _.value[s]?.focus();
+    function i(l) {
+      l < 0 || l === m.value.length || t.isFilter || _.value[l]?.focus();
     }
-    function d() {
-      c.value?.removeEventListener("scroll", m, !0), o.value = "", u.value = !1;
+    function a() {
+      d.value?.removeEventListener("scroll", u, !0), r.value = "", c.value = !1;
     }
     function e() {
-      u.value = !0, t.isFilter || setTimeout(() => {
-        c.value?.scrollTo(0, 0), i(0), c.value?.addEventListener("scroll", m, !0);
+      c.value = !0, t.isFilter || setTimeout(() => {
+        d.value?.scrollTo(0, 0), i(0), d.value?.addEventListener("scroll", u, !0);
       }, 100);
     }
-    function n(s) {
-      l("update:modelValue", typeof t.modelValue == "object" ? s : s._id), d();
+    function n(l) {
+      s("update:modelValue", typeof t.modelValue == "object" ? l : l._id), a();
     }
-    function m() {
-      if (!c.value || !a.value)
+    function u() {
+      if (!d.value || !p.value)
         return;
-      c.value.getBoundingClientRect().y - a.value.getBoundingClientRect().y - a.value.scrollHeight + c.value.getBoundingClientRect().height > -100 && l("reachedBottom");
+      d.value.getBoundingClientRect().y - p.value.getBoundingClientRect().y - p.value.scrollHeight + d.value.getBoundingClientRect().height > -100 && s("reachedBottom");
     }
-    const O = w();
-    return J(O, () => {
-      d();
-    }), (s, p) => (h(), y("div", {
-      class: E(s.$style.container),
+    const I = w();
+    return Y(I, () => {
+      a();
+    }), (l, f) => (h(), y("div", {
+      class: E(l.$style.container),
       ref_key: "containerElement",
-      ref: O
+      ref: I
     }, [
-      S(j, {
+      S(L, {
         modelValue: typeof t.modelValue == "object" ? t.modelValue.title : t.modelValue,
         onUpdate: k,
-        onToggle: p[0] || (p[0] = (v) => u.value ? d() : e()),
+        onToggle: f[0] || (f[0] = (v) => c.value ? a() : e()),
         mode: "select",
         placeholder: "Choose variant",
-        appendIcon: u.value ? b(le) : b(te)
+        appendIcon: c.value ? O(ue) : O(ne)
       }, null, 8, ["modelValue", "appendIcon"]),
-      t.isFilter && u.value ? (h(), y("div", {
+      t.isFilter && c.value ? (h(), y("div", {
         key: 0,
-        class: E(s.$style.filter)
+        class: E(l.$style.filter)
       }, [
-        S(j, {
-          modelValue: o.value,
-          "onUpdate:modelValue": p[1] || (p[1] = (v) => o.value = v),
+        S(L, {
+          modelValue: r.value,
+          "onUpdate:modelValue": f[1] || (f[1] = (v) => r.value = v),
           placeholder: "Filter Variants",
           isFocus: ""
         }, null, 8, ["modelValue"])
-      ], 2)) : L("", !0),
-      u.value ? (h(), y("div", {
+      ], 2)) : A("", !0),
+      c.value ? (h(), y("div", {
         key: 1,
-        class: E(s.$style.options),
+        class: E(l.$style.options),
         ref_key: "optionsElement",
-        ref: c
+        ref: d
       }, [
-        f.value.length ? (h(), y("div", {
+        m.value.length ? (h(), y("div", {
           key: 0,
           ref_key: "optionsInnerElement",
-          ref: a
+          ref: p
         }, [
-          (h(!0), y(W, null, q(f.value, (v, V) => (h(), y("div", {
+          (h(!0), y(W, null, q(m.value, (v, V) => (h(), y("div", {
             key: `${v}-${V}`,
             onClick: (g) => n(v),
             onKeydown: [
@@ -191,33 +197,33 @@ const le = { render: se }, ie = ["onClick", "onKeydown", "onMouseenter", "data-c
               $((g) => n(v), ["space"]),
               $((g) => i(V - 1), ["up"]),
               $((g) => i(V + 1), ["down"]),
-              p[2] || (p[2] = $((g) => u.value ? d() : e(), ["esc"]))
+              f[2] || (f[2] = $((g) => c.value ? a() : e(), ["esc"]))
             ],
             onMouseenter: (g) => i(V),
-            class: E(s.$style.option),
+            class: E(l.$style.option),
             tabindex: "0",
             ref_for: !0,
             ref_key: "optionElement",
             ref: _,
             "data-current": t.modelValue === v._id
-          }, z(v.title), 43, ie))), 128))
+          }, z(v.title), 43, ce))), 128))
         ], 512)) : (h(), y("div", {
           key: 1,
-          onClick: d,
-          class: E(s.$style.option),
+          onClick: a,
+          class: E(l.$style.option),
           tabindex: "0"
         }, "No results", 2))
-      ], 2)) : L("", !0)
+      ], 2)) : A("", !0)
     ], 2));
   }
-}), ce = "_container_1bjom_1", ae = "_filter_1bjom_5", de = "_options_1bjom_9", pe = "_option_1bjom_9", fe = {
-  container: ce,
-  filter: ae,
-  options: de,
-  option: pe
-}, me = {
-  $style: fe
-}, _e = /* @__PURE__ */ H(ue, [["__cssModules", me]]);
+}), de = "_container_1bjom_1", pe = "_filter_1bjom_5", fe = "_options_1bjom_9", me = "_option_1bjom_9", ve = {
+  container: de,
+  filter: pe,
+  options: fe,
+  option: me
+}, he = {
+  $style: ve
+}, we = /* @__PURE__ */ H(ae, [["__cssModules", he]]);
 export {
-  _e as default
+  we as default
 };

package/dist/base.scss

@@ -74,4 +74,5 @@ img {
   display: flex;
   max-width: 100%;
   height: auto;
+  pointer-events: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mhz-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "mhz-ui",
   "author": "dergunov.com",
   "license": "MIT",
@@ -26,8 +26,8 @@
     "@tiptap/pm": "2.1.7",
     "@tiptap/starter-kit": "2.1.7",
     "@tiptap/vue-3": "2.1.7",
-    "@vueuse/core": "10.4.0",
-    "@vueuse/integrations": "10.4.0",
+    "@vueuse/core": "10.4.1",
+    "@vueuse/integrations": "10.4.1",
     "vue": "3.3.4",
     "vue-router": "4.2.4"
   },
@@ -40,7 +40,7 @@
     "@storybook/preview-api": "7.3.2",
     "@storybook/vue3": "7.3.2",
     "@storybook/vue3-vite": "7.3.2",
-    "@types/node": "20.5.6",
+    "@types/node": "20.5.7",
     "@typescript-eslint/eslint-plugin": "6.4.1",
     "@typescript-eslint/parser": "6.4.1",
     "@vitejs/plugin-vue": "4.3.3",