@mobilon-dev/chotto 0.3.97 → 0.3.98

package/dist/components/2_modals/CreateChat2/CreateChat2.vue.js

@@ -1,13 +1,7 @@
-import { ref as m, createElementBlock as p, openBlock as f, createElementVNode as l, toDisplayString as h, withDirectives as D, createCommentVNode as V, normalizeClass as x, vModelText as y } from "vue";
+import { createElementBlock as _, openBlock as C, createElementVNode as s, toDisplayString as E, withDirectives as S, createCommentVNode as k, normalizeClass as B, vModelText as T, ref as f } from "vue";
 /* empty css                 */
 import z from "../../../_virtual/_plugin-vue_export-helper.js";
-const N = { class: "create-chat-form" }, S = { class: "create-chat-title" }, T = { class: "form-field" }, U = {
-  key: 0,
-  class: "form-error"
-}, q = { class: "form-field" }, w = {
-  key: 0,
-  class: "form-error"
-}, M = {
+const N = {
   __name: "CreateChat2",
   props: {
     title: {
@@ -16,115 +10,169 @@ const N = { class: "create-chat-form" }, S = { class: "create-chat-title" }, T =
     }
   },
   emits: ["change"],
-  setup(C, { expose: E, emit: P }) {
-    const r = m({}), a = m({
+  setup(D, { expose: a, emit: h }) {
+    const t = D, i = f({}), c = f({
       name: "",
       phone: ""
-    }), c = m(!1), b = P, k = () => {
-      a.value = {
+    }), l = f(!1), V = h, x = () => {
+      c.value = {
         name: "",
         phone: ""
       };
-    }, B = () => {
-      c.value = !1;
-    }, F = (t, e) => {
-      a.value[t] = e;
-    }, d = (t) => !t || t.trim().length < 3 ? "Имя должно содержать минимум 3 символа" : "", v = (t) => {
-      if (!c.value)
+    }, y = () => {
+      l.value = !1;
+    }, b = (e, n) => {
+      c.value[e] = n;
+    }, p = (e) => !e || e.trim().length < 3 ? "Имя должно содержать минимум 3 символа" : "", v = (e) => {
+      if (!l.value)
         return "";
-      if (!t)
+      if (!e)
         return "Телефон обязателен для заполнения";
-      const e = t.replace(/\D/g, "");
-      return e.length < 11 ? "Минимум 11 цифр" : e.startsWith("7") ? "" : "Номер телефона должен начинаться с цифры 7";
-    }, I = (t) => {
-      if (!t) return !1;
-      const e = t.replace(/\D/g, "");
-      return !(e.length < 11 || !e.startsWith("7"));
-    }, s = () => {
-      const t = d(r.value.name), e = v(r.value.phone), n = I(r.value.phone);
-      return a.value = {
-        name: t,
-        phone: e
-      }, !t && n;
-    }, u = (t) => (t || "").replace(/\D/g, ""), g = (t) => {
-      const e = u(t);
-      let n = e;
-      if (e.startsWith("8") && (n = "7" + e.slice(1)), n.startsWith("7") || (n = "7" + n), n = n.slice(0, 11), n.length <= 1)
-        return n ? "+" + n : "";
-      const i = "+7";
-      if (n.length > 1) {
-        const o = n.slice(1);
-        return o.length <= 3 ? i + " (" + o : o.length <= 6 ? i + " (" + o.slice(0, 3) + ") " + o.slice(3) : o.length <= 8 ? i + " (" + o.slice(0, 3) + ") " + o.slice(3, 6) + "-" + o.slice(6) : i + " (" + o.slice(0, 3) + ") " + o.slice(3, 6) + "-" + o.slice(6, 8) + "-" + o.slice(8);
+      const n = e.replace(/\D/g, "");
+      return n.length < 11 ? "Минимум 11 цифр" : n.startsWith("7") ? "" : "Номер телефона должен начинаться с цифры 7";
+    }, P = (e) => {
+      if (!e) return !1;
+      const n = e.replace(/\D/g, "");
+      return !(n.length < 11 || !n.startsWith("7"));
+    }, u = () => {
+      const e = p(i.value.name), n = v(i.value.phone), o = P(i.value.phone);
+      return c.value = {
+        name: e,
+        phone: n
+      }, !e && o;
+    }, m = (e) => (e || "").replace(/\D/g, ""), g = (e) => {
+      const n = m(e);
+      let o = n;
+      if (n.startsWith("8") && (o = "7" + n.slice(1)), o.startsWith("7") || (o = "7" + o), o = o.slice(0, 11), o.length <= 1)
+        return o ? "+" + o : "";
+      const d = "+7";
+      if (o.length > 1) {
+        const r = o.slice(1);
+        return r.length <= 3 ? d + " (" + r : r.length <= 6 ? d + " (" + r.slice(0, 3) + ") " + r.slice(3) : r.length <= 8 ? d + " (" + r.slice(0, 3) + ") " + r.slice(3, 6) + "-" + r.slice(6) : d + " (" + r.slice(0, 3) + ") " + r.slice(3, 6) + "-" + r.slice(6, 8) + "-" + r.slice(8);
       }
-      return i;
-    }, W = () => {
-      const t = r.value.phone ?? "", e = g(t);
-      e !== t && (r.value = {
-        ...r.value,
-        phone: e
+      return d;
+    }, F = () => {
+      const e = i.value.phone ?? "", n = g(e);
+      n !== e && (i.value = {
+        ...i.value,
+        phone: n
       });
-    }, _ = () => {
-      W(), s(), b("change", {
-        contact: r.value,
-        contactDigits: u(r.value.phone),
-        isValid: s()
+    }, W = () => {
+      F(), u(), V("change", {
+        contact: i.value,
+        contactDigits: m(i.value.phone),
+        isValid: u()
       });
     };
-    return E({
-      clearValidationErrors: k,
-      resetTouchedState: B,
-      setValidationError: F,
-      validateForm: s,
-      validateName: d,
+    a({
+      clearValidationErrors: x,
+      resetTouchedState: y,
+      setValidationError: b,
+      validateForm: u,
+      validateName: p,
       validatePhone: v,
       formatPhone: g,
-      extractDigits: u,
-      validationErrors: a,
-      phoneInputTouched: c
-    }), (t, e) => (f(), p("div", N, [
-      l("h2", S, h(C.title), 1),
-      l("div", T, [
-        e[3] || (e[3] = l("label", {
+      extractDigits: m,
+      validationErrors: c,
+      phoneInputTouched: l
+    });
+    const I = { props: t, contact: i, validationErrors: c, phoneInputTouched: l, emit: V, clearValidationErrors: x, resetTouchedState: y, setValidationError: b, validateName: p, validatePhone: v, isPhoneValid: P, validateForm: u, extractDigits: m, formatPhone: g, normalizePhoneFirstDigit: F, onChange: W, ref: f };
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
+  }
+}, j = { class: "create-chat-form" }, U = { class: "create-chat-title" }, q = { class: "form-field" }, w = {
+  key: 0,
+  class: "form-error"
+}, M = { class: "form-field" }, O = {
+  key: 0,
+  class: "form-error"
+};
+function A(D, a, h, t, i, c) {
+  return C(), _("div", j, [
+    s(
+      "h2",
+      U,
+      E(h.title),
+      1
+      /* TEXT */
+    ),
+    s("div", q, [
+      a[3] || (a[3] = s(
+        "label",
+        {
           class: "form-label",
           for: "contact-name"
-        }, "Имя", -1)),
-        D(l("input", {
+        },
+        "Имя",
+        -1
+        /* CACHED */
+      )),
+      S(s(
+        "input",
+        {
           id: "contact-name",
-          "onUpdate:modelValue": e[0] || (e[0] = (n) => r.value.name = n),
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => t.contact.name = l),
           name: "name",
           type: "text",
-          class: x(["form-input", { "form-input--error": a.value.name }]),
+          class: B(["form-input", { "form-input--error": t.validationErrors.name }]),
           placeholder: "Введите имя",
-          onInput: _,
-          onBlur: s
-        }, null, 34), [
-          [y, r.value.name]
-        ]),
-        a.value.name ? (f(), p("div", U, h(a.value.name), 1)) : V("", !0)
+          onInput: t.onChange,
+          onBlur: t.validateForm
+        },
+        null,
+        34
+        /* CLASS, NEED_HYDRATION */
+      ), [
+        [T, t.contact.name]
       ]),
-      l("div", q, [
-        e[4] || (e[4] = l("label", {
+      t.validationErrors.name ? (C(), _(
+        "div",
+        w,
+        E(t.validationErrors.name),
+        1
+        /* TEXT */
+      )) : k("v-if", !0)
+    ]),
+    s("div", M, [
+      a[4] || (a[4] = s(
+        "label",
+        {
           class: "form-label",
           for: "contact-phone"
-        }, "Телефон", -1)),
-        D(l("input", {
+        },
+        "Телефон",
+        -1
+        /* CACHED */
+      )),
+      S(s(
+        "input",
+        {
           id: "contact-phone",
-          "onUpdate:modelValue": e[1] || (e[1] = (n) => r.value.phone = n),
+          "onUpdate:modelValue": a[1] || (a[1] = (l) => t.contact.phone = l),
           name: "phone",
           type: "text",
-          class: x(["form-input", { "form-input--error": a.value.phone }]),
+          class: B(["form-input", { "form-input--error": t.validationErrors.phone }]),
           placeholder: "+7 (999) 999-99-99",
-          onInput: _,
-          onFocus: e[2] || (e[2] = (n) => c.value = !0),
-          onBlur: s
-        }, null, 34), [
-          [y, r.value.phone]
-        ]),
-        a.value.phone ? (f(), p("div", w, h(a.value.phone), 1)) : V("", !0)
-      ])
-    ]));
-  }
-}, G = /* @__PURE__ */ z(M, [["__scopeId", "data-v-3302f415"]]);
+          onInput: t.onChange,
+          onFocus: a[2] || (a[2] = (l) => t.phoneInputTouched = !0),
+          onBlur: t.validateForm
+        },
+        null,
+        34
+        /* CLASS, NEED_HYDRATION */
+      ), [
+        [T, t.contact.phone]
+      ]),
+      t.validationErrors.phone ? (C(), _(
+        "div",
+        O,
+        E(t.validationErrors.phone),
+        1
+        /* TEXT */
+      )) : k("v-if", !0)
+    ])
+  ]);
+}
+const K = /* @__PURE__ */ z(N, [["render", A], ["__scopeId", "data-v-b286a03f"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/CreateChat2/CreateChat2.vue"]]);
 export {
-  G as default
+  K as default
 };

package/dist/components/2_modals/CreateDialog/CreateDialog.vue.js

@@ -1,7 +1,7 @@
-import { ref as v, computed as d, createElementBlock as a, openBlock as i, createElementVNode as t, toDisplayString as u, withDirectives as m, Fragment as f, renderList as p, vModelSelect as _ } from "vue";
+import { createElementBlock as o, openBlock as i, createElementVNode as n, toDisplayString as d, withDirectives as v, Fragment as p, renderList as h, vModelSelect as g, ref as _, computed as u } from "vue";
 /* empty css                  */
-import D from "../../../_virtual/_plugin-vue_export-helper.js";
-const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__channel-line" }, w = ["disabled"], x = ["value"], V = ["disabled"], A = {
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
   __name: "CreateDialog",
   props: {
     title: {
@@ -27,52 +27,99 @@ const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__
     }
   },
   emits: ["change", "submit"],
-  setup(o, { emit: g }) {
-    const r = o, s = v(), n = v(), y = d(() => !!(s.value && n.value)), b = d(() => !!(r.filter && n.value || !r.filter)), h = d(() => r.filter && n.value ? r.filter(n.value, r.channels) : r.channels), c = g, C = () => {
-      c("change", { channel: s.value, contact: n.value }), c("submit");
-    };
-    return (B, l) => (i(), a("div", null, [
-      t("h3", null, u(o.title), 1),
-      t("div", null, " Контакт: " + u(o.name), 1),
-      t("div", S, [
-        l[2] || (l[2] = t("h3", { style: { margin: "0" } }, " Куда пишем ", -1)),
-        m(t("select", {
-          id: "folder",
-          "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e)
-        }, [
-          (i(!0), a(f, null, p(o.contacts, (e) => (i(), a("option", {
-            key: e.id || e.value,
-            value: e
-          }, u(e.value), 9, k))), 128))
-        ], 512), [
-          [_, n.value]
-        ])
-      ]),
-      t("div", q, [
-        l[3] || (l[3] = t("h3", { style: { margin: "0" } }, " Через какой канал ", -1)),
-        m(t("select", {
-          id: "folder",
-          "onUpdate:modelValue": l[1] || (l[1] = (e) => s.value = e),
-          disabled: !b.value
-        }, [
-          (i(!0), a(f, null, p(h.value, (e) => (i(), a("option", {
-            key: e.id || e.title,
-            value: e
-          }, u(e.title), 9, x))), 128))
-        ], 8, w), [
-          [_, s.value]
-        ])
-      ]),
-      t("button", {
-        type: "button",
-        class: "modal__button-start",
-        "aria-label": "Close modal",
-        disabled: !y.value,
-        onClick: C
-      }, " Начать диалог ", 8, V)
-    ]));
+  setup(m, { expose: l, emit: a }) {
+    l();
+    const e = m, s = _(), r = _(), t = u(() => !!(s.value && r.value)), C = u(() => !!(e.filter && r.value || !e.filter)), b = u(() => e.filter && r.value ? e.filter(r.value, e.channels) : e.channels), c = a, f = { props: e, selectedChannel: s, selectedContact: r, allowStartDialog: t, allowChangeChannel: C, filteredChannels: b, emit: c, handleStartDialog: () => {
+      c("change", { channel: s.value, contact: r.value }), c("submit");
+    }, ref: _, computed: u };
+    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
-}, I = /* @__PURE__ */ D(A, [["__scopeId", "data-v-c9b375bd"]]);
+}, S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__channel-line" }, w = ["disabled"], x = ["value"], V = ["disabled"];
+function j(m, l, a, e, s, r) {
+  return i(), o("div", null, [
+    n(
+      "h3",
+      null,
+      d(a.title),
+      1
+      /* TEXT */
+    ),
+    n(
+      "div",
+      null,
+      " Контакт: " + d(a.name),
+      1
+      /* TEXT */
+    ),
+    n("div", S, [
+      l[2] || (l[2] = n(
+        "h3",
+        { style: { margin: "0" } },
+        " Куда пишем ",
+        -1
+        /* CACHED */
+      )),
+      v(n(
+        "select",
+        {
+          id: "folder",
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => e.selectedContact = t)
+        },
+        [
+          (i(!0), o(
+            p,
+            null,
+            h(a.contacts, (t) => (i(), o("option", {
+              key: t.id || t.value,
+              value: t
+            }, d(t.value), 9, k))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [g, e.selectedContact]
+      ])
+    ]),
+    n("div", q, [
+      l[3] || (l[3] = n(
+        "h3",
+        { style: { margin: "0" } },
+        " Через какой канал ",
+        -1
+        /* CACHED */
+      )),
+      v(n("select", {
+        id: "folder",
+        "onUpdate:modelValue": l[1] || (l[1] = (t) => e.selectedChannel = t),
+        disabled: !e.allowChangeChannel
+      }, [
+        (i(!0), o(
+          p,
+          null,
+          h(e.filteredChannels, (t) => (i(), o("option", {
+            key: t.id || t.title,
+            value: t
+          }, d(t.title), 9, x))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ], 8, w), [
+        [g, e.selectedChannel]
+      ])
+    ]),
+    n("button", {
+      type: "button",
+      class: "modal__button-start",
+      "aria-label": "Close modal",
+      disabled: !e.allowStartDialog,
+      onClick: e.handleStartDialog
+    }, " Начать диалог ", 8, V)
+  ]);
+}
+const U = /* @__PURE__ */ y(D, [["render", j], ["__scopeId", "data-v-9e8912bb"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/CreateDialog/CreateDialog.vue"]]);
 export {
-  I as default
+  U as default
 };

package/dist/components/2_modals/Modal/Modal.vue.js

@@ -1,15 +1,7 @@
-import { createBlock as r, openBlock as c, Transition as m, withCtx as b, withDirectives as u, createElementVNode as e, renderSlot as p, vShow as f } from "vue";
+import { createBlock as n, openBlock as c, Transition as m, withCtx as p, withDirectives as b, createElementVNode as o, renderSlot as u, vShow as _ } from "vue";
 /* empty css           */
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = ["data-theme"], k = {
-  class: "modal",
-  role: "dialog",
-  "aria-labelledby": "modalTitle",
-  "aria-describedby": "modalDescription"
-}, v = {
-  id: "modalDescription",
-  class: "modal-body"
-}, y = { class: "buttons" }, g = ["aria-disabled", "disabled"], C = {
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
   __name: "Modal",
   props: {
     theme: {
@@ -24,46 +16,63 @@ const h = ["data-theme"], k = {
     }
   },
   emits: ["close", "submit"],
-  setup(s, { emit: d }) {
-    const o = d, l = s, i = (a) => {
-      a.target.classList.contains("modal-backdrop") && o("close");
-    };
-    return (a, t) => (c(), r(m, { name: "modal-fade" }, {
-      default: b(() => [
-        u(e("div", {
-          class: "modal-backdrop",
-          "data-theme": s.theme,
-          onClick: i
-        }, [
-          e("div", k, [
-            e("div", v, [
-              p(a.$slots, "default", {}, void 0, !0)
-            ]),
-            e("div", y, [
-              e("button", {
-                type: "button",
-                class: "btn-green",
-                "aria-label": "Close modal",
-                "aria-disabled": l.okDisabled ? "true" : "false",
-                disabled: l.okDisabled,
-                onClick: t[0] || (t[0] = (n) => o("submit"))
-              }, " OK ", 8, g),
-              e("button", {
-                type: "button",
-                class: "btn-green btn-gray",
-                "aria-label": "Close modal",
-                onClick: t[1] || (t[1] = (n) => o("close"))
-              }, " Cancel ")
-            ])
+  setup(a, { expose: t, emit: l }) {
+    t();
+    const e = l, s = { emit: e, props: a, closeModalOutside: (r) => {
+      r.target.classList.contains("modal-backdrop") && e("close");
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+}, h = ["data-theme"], k = {
+  class: "modal",
+  role: "dialog",
+  "aria-labelledby": "modalTitle",
+  "aria-describedby": "modalDescription"
+}, y = {
+  id: "modalDescription",
+  class: "modal-body"
+}, g = { class: "buttons" }, C = ["aria-disabled", "disabled"];
+function M(a, t, l, e, d, i) {
+  return c(), n(m, {
+    name: "modal-fade",
+    persisted: ""
+  }, {
+    default: p(() => [
+      b(o("div", {
+        class: "modal-backdrop",
+        "data-theme": l.theme,
+        onClick: e.closeModalOutside
+      }, [
+        o("div", k, [
+          o("div", y, [
+            u(a.$slots, "default", {}, void 0, !0)
+          ]),
+          o("div", g, [
+            o("button", {
+              type: "button",
+              class: "btn-green",
+              "aria-label": "Close modal",
+              "aria-disabled": e.props.okDisabled ? "true" : "false",
+              disabled: e.props.okDisabled,
+              onClick: t[0] || (t[0] = (s) => e.emit("submit"))
+            }, " OK ", 8, C),
+            o("button", {
+              type: "button",
+              class: "btn-green btn-gray",
+              "aria-label": "Close modal",
+              onClick: t[1] || (t[1] = (s) => e.emit("close"))
+            }, " Cancel ")
           ])
-        ], 8, h), [
-          [f, !0]
         ])
-      ]),
-      _: 3
-    }));
-  }
-}, B = /* @__PURE__ */ _(C, [["__scopeId", "data-v-6f045439"]]);
+      ], 8, h), [
+        [_, !0]
+      ])
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+const x = /* @__PURE__ */ f(v, [["render", M], ["__scopeId", "data-v-e22b9a43"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/Modal/Modal.vue"]]);
 export {
-  B as default
+  x as default
 };

package/dist/components/2_modals/ModalFullscreen/ModalFullscreen.vue.js

@@ -1,7 +1,7 @@
-import { onMounted as m, onUnmounted as u, createElementBlock as d, openBlock as i, withKeys as _, createElementVNode as o, renderSlot as f, createCommentVNode as p, toDisplayString as v } from "vue";
+import { onMounted as c, onUnmounted as m, createElementBlock as _, openBlock as u, withKeys as p, createElementVNode as n, renderSlot as f, createCommentVNode as v, toDisplayString as y } from "vue";
 /* empty css                     */
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
-const k = ["data-theme"], h = { class: "modal__container" }, E = { class: "modal__header" }, g = ["title"], M = {
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = {
   __name: "ModalFullscreen",
   props: {
     theme: {
@@ -16,43 +16,56 @@ const k = ["data-theme"], h = { class: "modal__container" }, E = { class: "modal
     }
   },
   emits: ["close"],
-  setup(s, { emit: a }) {
-    const n = a, c = (t) => {
-      t.target.classList.contains("modal__overlay") && n("close");
-    }, l = (t) => {
-      t.key === "Escape" && n("close");
+  setup(d, { expose: e, emit: t }) {
+    e();
+    const o = d, l = t, a = (i) => {
+      i.target.classList.contains("modal__overlay") && l("close");
+    }, s = (i) => {
+      i.key === "Escape" && l("close");
     };
-    return m(() => {
-      document.addEventListener("keydown", l);
-    }), u(() => {
-      document.removeEventListener("keydown", l);
-    }), (t, e) => (i(), d("div", {
-      class: "modal__overlay",
-      "data-theme": s.theme,
-      onClick: c,
-      onKeyup: e[1] || (e[1] = _((r) => n("close"), ["esc"]))
-    }, [
-      o("div", h, [
-        o("div", E, [
-          s.title ? (i(), d("div", {
-            key: 0,
-            class: "modal__caption",
-            title: s.title
-          }, v(s.title), 9, g)) : p("", !0),
-          o("button", {
-            class: "modal__close-button",
-            onClick: e[0] || (e[0] = (r) => n("close"))
-          }, [...e[2] || (e[2] = [
-            o("span", null, [
-              o("i", { class: "pi pi-times" })
-            ], -1)
-          ])])
-        ]),
-        f(t.$slots, "default", {}, void 0, !0)
-      ])
-    ], 40, k));
+    c(() => {
+      document.addEventListener("keydown", s);
+    }), m(() => {
+      document.removeEventListener("keydown", s);
+    });
+    const r = { props: o, emit: l, closeModalOutside: a, handleEscKey: s, onMounted: c, onUnmounted: m };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
-}, C = /* @__PURE__ */ y(M, [["__scopeId", "data-v-b7da79e5"]]);
+}, M = ["data-theme"], E = { class: "modal__container" }, S = { class: "modal__header" }, g = ["title"];
+function b(d, e, t, o, l, a) {
+  return u(), _("div", {
+    class: "modal__overlay",
+    "data-theme": t.theme,
+    onClick: o.closeModalOutside,
+    onKeyup: e[1] || (e[1] = p((s) => o.emit("close"), ["esc"]))
+  }, [
+    n("div", E, [
+      n("div", S, [
+        t.title ? (u(), _("div", {
+          key: 0,
+          class: "modal__caption",
+          title: t.title
+        }, y(t.title), 9, g)) : v("v-if", !0),
+        n("button", {
+          class: "modal__close-button",
+          onClick: e[0] || (e[0] = (s) => o.emit("close"))
+        }, [...e[2] || (e[2] = [
+          n(
+            "span",
+            null,
+            [
+              n("i", { class: "pi pi-times" })
+            ],
+            -1
+            /* CACHED */
+          )
+        ])])
+      ]),
+      f(d.$slots, "default", {}, void 0, !0)
+    ])
+  ], 40, M);
+}
+const C = /* @__PURE__ */ h(k, [["render", b], ["__scopeId", "data-v-55a36031"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/ModalFullscreen/ModalFullscreen.vue"]]);
 export {
   C as default
 };