@milaboratories/uikit 2.2.46 → 2.2.47

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @milaboratories/uikit
 
+## 2.2.47
+
+### Patch Changes
+
+- 93e9a66: [sdk/ui-vue] Align PlDialogModal with figma (size props, etc)
+
 ## 2.2.46
 
 ### Patch Changes

package/dist/pl-uikit.js

@@ -3623,7 +3623,7 @@ const Pd = { class: "resizable-input" }, Id = ["placeholder", "value", "disabled
   props: {
     modelValue: { default: () => [] },
     label: { default: void 0 },
-    options: {},
+    options: { default: void 0 },
     helper: { default: void 0 },
     error: { default: void 0 },
     placeholder: { default: "..." },
@@ -3818,7 +3818,7 @@ const Pd = { class: "resizable-input" }, Id = ["placeholder", "value", "disabled
   props: {
     modelValue: { default: () => [] },
     label: { default: void 0 },
-    options: {},
+    options: { default: void 0 },
     helper: { default: void 0 },
     error: { default: void 0 },
     placeholder: { default: "..." },
@@ -3950,51 +3950,70 @@ const Nc = {
     noContentGutters: { type: Boolean, default: !1 },
     noTopContentGutter: { type: Boolean },
     actionsHasTopBorder: { type: Boolean, default: !0 },
-    closeOnOutsideClick: { type: Boolean }
+    closeOnOutsideClick: { type: Boolean },
+    size: { default: void 0 }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = we(), r = e, o = t, s = Z(), i = cs();
-    function l(a) {
-      s.value && o.closeOnOutsideClick && document.contains(a.target) && !s.value.contains(a.target) && r("update:modelValue", !1);
-    }
-    return fe(document.body, "keyup", (a) => {
-      o.modelValue && a.code === "Escape" && r("update:modelValue", !1);
-    }), (a, u) => (f(), q(Ot, { to: "body" }, [
+    const n = we(), r = e, o = t, s = Z(), i = b(() => {
+      const { width: u, height: d, minHeight: c, maxHeight: p, size: h } = o;
+      return h === "small" ? {
+        width: "448px",
+        height: "440px",
+        minHeight: "auto",
+        maxHeight: "auto"
+      } : h === "medium" ? {
+        width: "720px",
+        height: "720px",
+        minHeight: "auto",
+        maxHeight: "auto"
+      } : h === "large" ? {
+        width: "1080px",
+        height: "880px",
+        minHeight: "auto",
+        maxHeight: "auto"
+      } : { width: u, height: d, minHeight: c, maxHeight: p };
+    }), l = cs();
+    function a(u) {
+      s.value && o.closeOnOutsideClick && document.contains(u.target) && !s.value.contains(u.target) && r("update:modelValue", !1);
+    }
+    return fe(document.body, "keyup", (u) => {
+      o.modelValue && u.code === "Escape" && r("update:modelValue", !1);
+    }), (u, d) => (f(), q(Ot, { to: "body" }, [
       J(Jn, { name: "dialog" }, {
         default: ee(() => [
-          a.modelValue ? (f(), m("div", {
+          u.modelValue ? (f(), m("div", {
             key: 0,
             class: "pl-dialog-modal__shadow",
-            onClick: l
+            onClick: a
           }, [
-            _("div", pe(k(i), {
+            _("div", pe(k(l), {
               ref_key: "modal",
               ref: s,
               class: ["pl-dialog-modal", { "has-title": k(n).title, "has-content": k(n).default }],
-              style: { width: a.width, height: a.height, minHeight: a.minHeight, maxHeight: a.maxHeight }
+              style: i.value
             }), [
-              a.closable ? (f(), q(Lc, {
+              u.closable ? (f(), q(Lc, {
                 key: 0,
                 class: "close-modal-btn",
-                onClick: u[0] || (u[0] = se((d) => r("update:modelValue", !1), ["stop"]))
+                onClick: d[0] || (d[0] = se((c) => r("update:modelValue", !1), ["stop"]))
               })) : A("", !0),
-              u[1] || (u[1] = v()),
+              d[1] || (d[1] = v()),
               k(n).title ? (f(), m("div", zc, [
-                Y(a.$slots, "title")
+                Y(u.$slots, "title")
               ])) : A("", !0),
-              u[2] || (u[2] = v()),
+              d[2] || (d[2] = v()),
               _("div", {
-                class: F(["pl-dialog-modal__content", { "no-content-gutters": a.noContentGutters, "no-top-content-gutter": a.noTopContentGutter }])
+                class: F(["pl-dialog-modal__content", { "no-content-gutters": u.noContentGutters, "no-top-content-gutter": u.noTopContentGutter }])
               }, [
-                Y(a.$slots, "default")
+                Y(u.$slots, "default")
               ], 2),
-              u[3] || (u[3] = v()),
+              d[3] || (d[3] = v()),
               k(n).actions ? (f(), m("div", {
                 key: 2,
-                class: F(["pl-dialog-modal__actions", { "has-top-border": a.actionsHasTopBorder }])
+                class: F(["pl-dialog-modal__actions", { "has-top-border": u.actionsHasTopBorder }])
               }, [
-                Y(a.$slots, "actions")
+                Y(u.$slots, "actions")
               ], 2)) : A("", !0)
             ], 16)
           ])) : A("", !0)