mhz-ui 1.3.7 → 1.3.8

package/dist/UiModal/UiModal.css

@@ -1 +1 @@
-._backdrop_jn54y_1{position:fixed;inset:0;z-index:998;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-transparent)}._dialog_jn54y_11{z-index:999;padding:0;outline:none;background-color:var(--color-white);border:none;border-radius:16px}._modal_jn54y_20{display:flex;flex-direction:column;gap:12px;width:var(--v5a895568);max-width:100%;height:auto;padding:24px;outline:none;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_jn54y_20[data-scrollable=true]{max-height:64dvh;overflow-y:auto}._header_jn54y_36{display:flex;justify-content:flex-end}._buttons_jn54y_41{display:flex;gap:16px}.dark ._modal_jn54y_20{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_jn54y_50{color:var(--color-white)}
+._backdrop_jn54y_1{position:fixed;inset:0;z-index:998;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-transparent)}._dialog_jn54y_11{z-index:999;padding:0;outline:none;background-color:var(--color-white);border:none;border-radius:16px}._modal_jn54y_20{display:flex;flex-direction:column;gap:12px;width:var(--v1c45205f);max-width:100%;height:auto;padding:24px;outline:none;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_jn54y_20[data-scrollable=true]{max-height:64dvh;overflow-y:auto}._header_jn54y_36{display:flex;justify-content:flex-end}._buttons_jn54y_41{display:flex;gap:16px}.dark ._modal_jn54y_20{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_jn54y_50{color:var(--color-white)}

package/dist/UiModal/UiModal.js

@@ -1,10 +1,10 @@
 import "./UiModal.css";
-import { defineComponent as v, useCssVars as V, computed as $, ref as w, onMounted as B, watch as S, nextTick as j, createBlock as E, openBlock as n, Teleport as N, createElementBlock as c, createCommentVNode as m, normalizeClass as l, createElementVNode as s, mergeProps as U, withModifiers as u, createVNode as d, renderSlot as T, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y } from "vue";
-import h from "../UiButton/UiButton.js";
-import A from "../UiClose/UiClose.js";
-import { M as k } from "../index-DajWja1y.js";
+import { defineComponent as V, useCssVars as $, computed as w, ref as B, onMounted as S, watch as j, createBlock as E, openBlock as n, Teleport as N, createElementBlock as c, createCommentVNode as u, normalizeClass as l, createElementVNode as a, mergeProps as U, withModifiers as m, createVNode as d, renderSlot as T, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y, nextTick as A } from "vue";
+import g from "../UiButton/UiButton.js";
+import D from "../UiClose/UiClose.js";
+import { M as h } from "../index-DajWja1y.js";
 import { _ as R } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const z = ["data-scrollable"], D = /* @__PURE__ */ v({
+const z = ["data-scrollable"], G = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "UiModal",
   props: {
@@ -15,24 +15,27 @@ const z = ["data-scrollable"], D = /* @__PURE__ */ v({
     lang: { default: "ru" }
   },
   emits: ["update:modelValue", "confirm"],
-  setup(C, { emit: b }) {
-    V((e) => ({
-      v5a895568: g.value
+  setup(k, { emit: C }) {
+    $((e) => ({
+      v1c45205f: b.value
     }));
-    const o = C, r = b, g = $(() => `${o.width}px`), a = w(null);
+    const o = k, r = C, b = w(() => `${o.width}px`), s = B(null);
+    function v() {
+      A(() => {
+        s.value?.open ? s.value.close() : s.value?.showModal();
+      });
+    }
     function M() {
       r("confirm"), t();
     }
     function t() {
       r("update:modelValue", !1);
     }
-    return B(() => {
-      S(
+    return S(() => {
+      j(
         () => o.modelValue,
-        (e) => {
-          e ? j(() => {
-            a.value?.showModal();
-          }) : a.value?.close();
+        () => {
+          v();
         },
         { immediate: !0 }
       );
@@ -42,24 +45,24 @@ const z = ["data-scrollable"], D = /* @__PURE__ */ v({
         class: l(e.$style.backdrop),
         onMousedown: t
       }, [
-        s("dialog", U({
+        a("dialog", U({
           ref_key: "dialogRef",
-          ref: a,
+          ref: s,
           class: e.$style.dialog,
-          onCancel: u(t, ["prevent"])
+          onCancel: m(t, ["prevent"])
         }, e.$attrs), [
-          s("div", {
+          a("div", {
             class: l(e.$style.modal),
-            onMousedown: i[0] || (i[0] = u(() => {
+            onMousedown: i[0] || (i[0] = m(() => {
             }, ["stop"])),
             "data-scrollable": o.isScrollable
           }, [
-            s("div", {
+            a("div", {
               class: l(e.$style.header)
             }, [
-              d(A, { onClick: t })
+              d(D, { onClick: t })
             ], 2),
-            s("div", {
+            a("div", {
               class: l(e.$style.slot)
             }, [
               T(e.$slots, "default")
@@ -68,37 +71,37 @@ const z = ["data-scrollable"], D = /* @__PURE__ */ v({
               key: 0,
               class: l(e.$style.buttons)
             }, [
-              d(h, { onClick: M }, {
+              d(g, { onClick: M }, {
                 default: f(() => [
-                  p(_(y(k)[o.lang].confirm), 1)
+                  p(_(y(h)[o.lang].confirm), 1)
                 ]),
                 _: 1
               }),
-              d(h, {
+              d(g, {
                 layout: "secondary",
                 onClick: t
               }, {
                 default: f(() => [
-                  p(_(y(k)[o.lang].cancel), 1)
+                  p(_(y(h)[o.lang].cancel), 1)
                 ]),
                 _: 1
               })
-            ], 2)) : m("", !0)
+            ], 2)) : u("", !0)
           ], 42, z)
         ], 16)
-      ], 34)) : m("", !0)
+      ], 34)) : u("", !0)
     ]));
   }
-}), G = "_backdrop_jn54y_1", P = "_dialog_jn54y_11", q = "_modal_jn54y_20", x = "_header_jn54y_36", F = "_buttons_jn54y_41", H = "_slot_jn54y_50", I = {
-  backdrop: G,
-  dialog: P,
-  modal: q,
-  header: x,
-  buttons: F,
-  slot: H
-}, J = {
-  $style: I
-}, X = /* @__PURE__ */ R(D, [["__cssModules", J]]);
+}), P = "_backdrop_jn54y_1", q = "_dialog_jn54y_11", x = "_modal_jn54y_20", F = "_header_jn54y_36", H = "_buttons_jn54y_41", I = "_slot_jn54y_50", J = {
+  backdrop: P,
+  dialog: q,
+  modal: x,
+  header: F,
+  buttons: H,
+  slot: I
+}, K = {
+  $style: J
+}, Y = /* @__PURE__ */ R(G, [["__cssModules", K]]);
 export {
-  X as default
+  Y as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "Mhz ui kit",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",