mhz-ui 1.3.21 → 1.3.23

package/dist/UiSearch/UiSearch.css

@@ -1 +1 @@
-._container_7y6o9_1{position:relative;width:320px}._results_7y6o9_6{position:absolute;z-index:2;display:flex;flex-direction:column;gap:8px;width:100%;max-height:320px;padding:16px;margin-top:8px;overflow-y:auto;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px -8px var(--color-black-transparent)}._resultsInner_7y6o9_22{display:flex;flex-direction:column;gap:4px}._resultsInner_7y6o9_22:empty{display:none}._type_7y6o9_31{font-weight:700;text-transform:capitalize}._link_7y6o9_36{display:flex;gap:4px;text-decoration:none;cursor:pointer}@media(max-width:1260px){._container_7y6o9_1{width:280px}}@media(max-width:1260px){._container_7y6o9_1{width:100%}}.dark ._results_7y6o9_6{background-color:var(--color-gray-dark)}.dark ._link_7y6o9_36{color:var(--color-black)}.dark ._link_7y6o9_36:hover{color:var(--color-gray-dark-extra)}
+._container_7y6o9_1{width:320px;position:relative}._results_7y6o9_6{z-index:2;background-color:var(--color-white);width:100%;max-height:320px;box-shadow:0 0 16px -8px var(--color-black-transparent);border-radius:16px;flex-direction:column;gap:8px;margin-top:8px;padding:16px;display:flex;position:absolute;overflow-y:auto}._resultsInner_7y6o9_22{flex-direction:column;gap:4px;display:flex}._resultsInner_7y6o9_22:empty{display:none}._type_7y6o9_31{text-transform:capitalize;font-weight:700}._link_7y6o9_36{cursor:pointer;gap:4px;text-decoration:none;display:flex}@media (max-width:1260px){._container_7y6o9_1{width:100%}}.dark ._results_7y6o9_6{background-color:var(--color-gray-dark)}.dark ._link_7y6o9_36{color:var(--color-black)}.dark ._link_7y6o9_36:hover{color:var(--color-gray-dark-extra)}

package/dist/UiSearch/UiSearch.js

@@ -1,148 +1,123 @@
 import "./UiSearch.css";
-import { createElementBlock as r, openBlock as o, createElementVNode as M, defineComponent as N, ref as I, computed as T, normalizeClass as S, createVNode as $, createCommentVNode as g, unref as V, withKeys as z, Fragment as p, createTextVNode as w, toDisplayString as v, renderList as C, createBlock as B, resolveDynamicComponent as O, withCtx as R } from "vue";
-import { RouterLink as U } from "vue-router";
-import { o as D } from "../index-Dvnq-rTV.js";
-import F from "../UiInput/UiInput.js";
-import { M as E } from "../index-DajWja1y.js";
-import { _ as L } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const P = { trailing: !0 };
-function x(d, a = 25, e = {}) {
-  if (e = {
-    ...P,
-    ...e
-  }, !Number.isFinite(a)) throw new TypeError("Expected `wait` to be a finite number");
-  let y, n, f = [], c, l;
-  const h = (s, t) => (c = A(d, s, t), c.finally(() => {
-    if (c = null, e.trailing && l && !n) {
-      const i = h(s, l);
-      return l = null, i;
-    }
-  }), c), m = function(...s) {
-    return e.trailing && (l = s), c || new Promise((t) => {
-      const i = !n && e.leading;
-      clearTimeout(n), n = setTimeout(() => {
-        n = null;
-        const u = e.leading ? y : h(this, s);
-        l = null;
-        for (const k of f) k(u);
-        f = [];
-      }, a), i ? (y = h(this, s), t(y)) : f.push(t);
-    });
-  }, _ = (s) => {
-    s && (clearTimeout(s), n = null);
-  };
-  return m.isPending = () => !!n, m.cancel = () => {
-    _(n), f = [], l = null;
-  }, m.flush = () => {
-    if (_(n), !l || c) return;
-    const s = l;
-    return l = null, h(this, s);
-  }, m;
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { t as UiInput_default } from "../UiInput-DHFttLTG.js";
+import { t as MESSAGES } from "../locales-DIKIa9I3.js";
+import { t as onClickOutside } from "../dist-CLA-k87a.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx, withKeys } from "vue";
+import { RouterLink } from "vue-router";
+var DEBOUNCE_DEFAULTS = { trailing: !0 };
+function debounce(e, t = 25, n = {}) {
+	if (n = {
+		...DEBOUNCE_DEFAULTS,
+		...n
+	}, !Number.isFinite(t)) throw TypeError("Expected `wait` to be a finite number");
+	let r, i, a = [], o, s, c = (t, r) => (o = _applyPromised(e, t, r), o.finally(() => {
+		if (o = null, n.trailing && s && !i) {
+			let e = c(t, s);
+			return s = null, e;
+		}
+	}), o), l = function(...e) {
+		return n.trailing && (s = e), o || new Promise((o) => {
+			let l = !i && n.leading;
+			clearTimeout(i), i = setTimeout(() => {
+				i = null;
+				let t = n.leading ? r : c(this, e);
+				s = null;
+				for (let e of a) e(t);
+				a = [];
+			}, t), l ? (r = c(this, e), o(r)) : a.push(o);
+		});
+	}, u = (e) => {
+		e && (clearTimeout(e), i = null);
+	};
+	return l.isPending = () => !!i, l.cancel = () => {
+		u(i), a = [], s = null;
+	}, l.flush = () => {
+		if (u(i), !s || o) return;
+		let e = s;
+		return s = null, c(this, e);
+	}, l;
 }
-async function A(d, a, e) {
-  return await d.apply(a, e);
+async function _applyPromised(e, t, n) {
+	return await e.apply(t, n);
 }
-const K = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none"
+var _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	fill: "none"
 };
-function j(d, a) {
-  return o(), r("svg", K, [...a[0] || (a[0] = [
-    M("path", {
-      fill: "#bbb",
-      d: "M13.5 15.338a.5.5 0 1 0 .737-.676zm.737-.676-1.398-1.523-.737.676 1.399 1.523zM13.5 7.628c0 3.394-2.695 6.129-6 6.129v1c3.875 0 7-3.201 7-7.129zm-6 6.129c-3.305 0-6-2.735-6-6.129h-1c0 3.928 3.125 7.129 7 7.129zm-6-6.129c0-3.393 2.695-6.128 6-6.128v-1C3.625.5.5 3.7.5 7.628zm6-6.128c3.305 0 6 2.735 6 6.128h1C14.5 3.701 11.375.5 7.5.5z"
-    }, null, -1)
-  ])]);
+function render(e, t) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [...t[0] ||= [createElementVNode("path", {
+		fill: "#bbb",
+		d: "M13.5 15.338a.5.5 0 1 0 .737-.676zm.737-.676-1.398-1.523-.737.676 1.399 1.523zM13.5 7.628c0 3.394-2.695 6.129-6 6.129v1c3.875 0 7-3.201 7-7.129zm-6 6.129c-3.305 0-6-2.735-6-6.129h-1c0 3.928 3.125 7.129 7 7.129zm-6-6.129c0-3.393 2.695-6.128 6-6.128v-1C3.625.5.5 3.7.5 7.628zm6-6.128c3.305 0 6 2.735 6 6.128h1C14.5 3.701 11.375.5 7.5.5z"
+	}, null, -1)]]);
 }
-const G = { render: j }, Y = 300, q = /* @__PURE__ */ N({
-  __name: "UiSearch",
-  props: {
-    modelValue: {},
-    searchScheme: {},
-    results: { default: void 0 },
-    isSuccess: { type: Boolean },
-    lang: { default: "ru" }
-  },
-  emits: ["update:modelValue"],
-  setup(d, { emit: a }) {
-    const e = d, y = a, n = I(!1), f = x(async (t) => {
-      y("update:modelValue", t);
-    }, Y);
-    function c() {
-      n.value = !0;
-    }
-    function l() {
-      n.value = !1;
-    }
-    function h() {
-      l(), y("update:modelValue", "");
-    }
-    const m = T(() => e.results ? Object.values(e.results).reduce((t, i) => t + (i ? i.length : 0), 0) : !1), _ = I();
-    D(_, () => {
-      l();
-    });
-    const s = T(() => window.IS_STORYBOOK ? "a" : U);
-    return (t, i) => (o(), r("div", {
-      class: S(t.$style.container),
-      ref_key: "containerElement",
-      ref: _
-    }, [
-      $(F, {
-        modelValue: e.modelValue,
-        "onUpdate:modelValue": i[0] || (i[0] = async (u) => await V(f)(u.toString())),
-        onClick: c,
-        onKeyup: z(l, ["esc"]),
-        appendIcon: V(G),
-        placeholder: "Search"
-      }, null, 8, ["modelValue", "appendIcon"]),
-      n.value && e.modelValue.length > 0 ? (o(), r("div", {
-        key: 0,
-        class: S(t.$style.results)
-      }, [
-        e.modelValue.length < 3 ? (o(), r(p, { key: 0 }, [
-          w(v(V(E)[e.lang].enterMoreSymbols), 1)
-        ], 64)) : g("", !0),
-        e.modelValue.length > 2 && !e.isSuccess ? (o(), r(p, { key: 1 }, [
-          w(v(V(E)[e.lang].loading), 1)
-        ], 64)) : g("", !0),
-        e.modelValue.length > 2 && !m.value && e.isSuccess ? (o(), r(p, { key: 2 }, [
-          w(v(V(E)[e.lang].noResults), 1)
-        ], 64)) : g("", !0),
-        e.modelValue.length > 2 && m.value && e.isSuccess ? (o(!0), r(p, { key: 3 }, C(e.searchScheme, (u) => (o(), r("div", {
-          key: u.type,
-          class: S(t.$style.resultsInner)
-        }, [
-          d.results?.[u.type]?.length ? (o(), r(p, { key: 0 }, [
-            M("div", {
-              class: S(t.$style.type)
-            }, v(u.type) + ":", 3),
-            (o(!0), r(p, null, C(d.results[u.type], (k) => (o(), B(O(s.value), {
-              key: k._id,
-              to: `${u.url}/${k._id}`,
-              onClick: h,
-              class: S(t.$style.link)
-            }, {
-              default: R(() => [
-                (o(!0), r(p, null, C(u.labels, (b) => (o(), r("span", { key: b }, v(k[b]), 1))), 128))
-              ]),
-              _: 2
-            }, 1032, ["to", "class"]))), 128))
-          ], 64)) : g("", !0)
-        ], 2))), 128)) : g("", !0)
-      ], 2)) : g("", !0)
-    ], 2));
-  }
-}), H = "_container_7y6o9_1", J = "_results_7y6o9_6", Q = "_resultsInner_7y6o9_22", W = "_type_7y6o9_31", X = "_link_7y6o9_36", Z = {
-  container: H,
-  results: J,
-  resultsInner: Q,
-  type: W,
-  link: X
-}, ee = {
-  $style: Z
-}, ue = /* @__PURE__ */ L(q, [["__cssModules", ee]]);
-export {
-  ue as default
-};
+var search_default = { render }, UiSearch_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiSearch",
+	props: {
+		modelValue: {},
+		searchScheme: {},
+		results: { default: void 0 },
+		isSuccess: { type: Boolean },
+		lang: { default: "ru" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: d }) {
+		let f = e, p = d, m = ref(!1), h = debounce(async (e) => {
+			p("update:modelValue", e);
+		}, 300);
+		function g() {
+			m.value = !0;
+		}
+		function _() {
+			m.value = !1;
+		}
+		function v() {
+			_(), p("update:modelValue", "");
+		}
+		let y = computed(() => f.results ? Object.values(f.results).reduce((e, t) => e + (t ? t.length : 0), 0) : !1), b = ref();
+		onClickOutside(b, () => {
+			_();
+		});
+		let x = computed(() => window.IS_STORYBOOK ? "a" : RouterLink);
+		return (r, a) => (openBlock(), createElementBlock("div", {
+			class: normalizeClass(r.$style.container),
+			ref_key: "containerElement",
+			ref: b
+		}, [createVNode(UiInput_default, {
+			modelValue: f.modelValue,
+			"onUpdate:modelValue": a[0] ||= async (e) => await unref(h)(e.toString()),
+			onClick: g,
+			onKeyup: withKeys(_, ["esc"]),
+			appendIcon: unref(search_default),
+			placeholder: "Search"
+		}, null, 8, ["modelValue", "appendIcon"]), m.value && f.modelValue.length > 0 ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			class: normalizeClass(r.$style.results)
+		}, [
+			f.modelValue.length < 3 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(MESSAGES)[f.lang].enterMoreSymbols), 1)], 64)) : createCommentVNode("", !0),
+			f.modelValue.length > 2 && !f.isSuccess ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(MESSAGES)[f.lang].loading), 1)], 64)) : createCommentVNode("", !0),
+			f.modelValue.length > 2 && !y.value && f.isSuccess ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(MESSAGES)[f.lang].noResults), 1)], 64)) : createCommentVNode("", !0),
+			f.modelValue.length > 2 && y.value && f.isSuccess ? (openBlock(!0), createElementBlock(Fragment, { key: 3 }, renderList(f.searchScheme, (t) => (openBlock(), createElementBlock("div", {
+				key: t.type,
+				class: normalizeClass(r.$style.resultsInner)
+			}, [e.results?.[t.type]?.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(r.$style.type) }, toDisplayString(t.type) + ":", 3), (openBlock(!0), createElementBlock(Fragment, null, renderList(e.results[t.type], (e) => (openBlock(), createBlock(resolveDynamicComponent(x.value), {
+				key: e._id,
+				to: `${t.url}/${e._id}`,
+				onClick: v,
+				class: normalizeClass(r.$style.link)
+			}, {
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(t.labels, (t) => (openBlock(), createElementBlock("span", { key: t }, toDisplayString(e[t]), 1))), 128))]),
+				_: 2
+			}, 1032, ["to", "class"]))), 128))], 64)) : createCommentVNode("", !0)], 2))), 128)) : createCommentVNode("", !0)
+		], 2)) : createCommentVNode("", !0)], 2));
+	}
+}), [["__cssModules", { $style: {
+	container: "_container_7y6o9_1",
+	results: "_results_7y6o9_6",
+	resultsInner: "_resultsInner_7y6o9_22",
+	type: "_type_7y6o9_31",
+	link: "_link_7y6o9_36"
+} }]]);
+export { UiSearch_default as default };

package/dist/UiSelect/UiSelect.css

@@ -1 +1 @@
-._container_1m448_1{position:relative}._container_1m448_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._input_1m448_10{display:flex;gap:8px;align-items:center}._clear_1m448_16{width:28px;height:28px;font-size:1rem;font-weight:700;color:var(--color-white);cursor:pointer;background-color:var(--color-gray-dark);border:none;border-radius:50%}._clear_1m448_16:hover{background-color:var(--color-gray-dark-extra)}._options_1m448_31{position:absolute;z-index:2;display:flex;flex-direction:column;min-width:100%;max-height:200px;margin-top:8px;overflow-y:auto;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:16px}._options_1m448_31._optionsUp_1m448_44{bottom:100%;margin-top:0;margin-bottom:8px}._option_1m448_31{display:flex;flex-shrink:0;align-items:center;height:40px;padding:0 16px;color:var(--color-black);cursor:pointer;outline:none}._option_1m448_31:hover,._option_1m448_31:focus{color:var(--color-white);background-color:var(--color-primary)}._option_1m448_31[data-current=true]{color:var(--color-black);background-color:var(--color-gray-light)}._option_1m448_31[data-current=true]:hover,._option_1m448_31[data-current=true]:focus{background-color:var(--color-gray)}.dark ._options_1m448_31{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._options_1m448_31 [data-current=true]{background-color:var(--color-gray-dark-extra)}
+._container_1m448_1{position:relative}._container_1m448_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._input_1m448_10{align-items:center;gap:8px;display:flex}._clear_1m448_16{width:28px;height:28px;color:var(--color-white);cursor:pointer;background-color:var(--color-gray-dark);border:none;border-radius:50%;font-size:1rem;font-weight:700}._clear_1m448_16:hover{background-color:var(--color-gray-dark-extra)}._options_1m448_31{z-index:2;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:16px;flex-direction:column;min-width:100%;max-height:200px;margin-top:8px;display:flex;position:absolute;overflow-y:auto}._options_1m448_31._optionsUp_1m448_44{margin-top:0;margin-bottom:8px;bottom:100%}._option_1m448_31{height:40px;color:var(--color-black);cursor:pointer;outline:none;flex-shrink:0;align-items:center;padding:0 16px;display:flex}._option_1m448_31:hover,._option_1m448_31:focus{color:var(--color-white);background-color:var(--color-primary)}._option_1m448_31[data-current=true]{color:var(--color-black);background-color:var(--color-gray-light)}._option_1m448_31[data-current=true]:hover,._option_1m448_31[data-current=true]:focus{background-color:var(--color-gray)}.dark ._options_1m448_31{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._options_1m448_31 [data-current=true]{background-color:var(--color-gray-dark-extra)}