@mobilon-dev/chotto 0.3.57 → 0.3.59

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

@@ -1,46 +1,58 @@
-import { onMounted as r, onUnmounted as c, createElementBlock as m, openBlock as u, withKeys as p, createElementVNode as s, renderSlot as _ } from "vue";
+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";
 /* empty css                     */
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
-const v = ["data-theme"], y = { class: "modal__container" }, k = {
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = ["data-theme"], h = { class: "modal__container" }, E = { class: "modal__header" }, g = ["title"], M = {
   __name: "ModalFullscreen",
   props: {
     theme: {
       type: String,
       required: !1,
       default: "light"
+    },
+    title: {
+      type: String,
+      required: !1,
+      default: void 0
     }
   },
   emits: ["close"],
-  setup(l, { emit: d }) {
-    const o = d, a = (t) => {
-      t.target.classList.contains("modal__overlay") && o("close");
-    }, n = (t) => {
-      t.key === "Escape" && o("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");
     };
-    return r(() => {
-      document.addEventListener("keydown", n);
-    }), c(() => {
-      document.removeEventListener("keydown", n);
-    }), (t, e) => (u(), m("div", {
+    return m(() => {
+      document.addEventListener("keydown", l);
+    }), u(() => {
+      document.removeEventListener("keydown", l);
+    }), (t, e) => (i(), d("div", {
       class: "modal__overlay",
-      "data-theme": l.theme,
-      onClick: a,
-      onKeyup: e[1] || (e[1] = p((i) => o("close"), ["esc"]))
+      "data-theme": s.theme,
+      onClick: c,
+      onKeyup: e[1] || (e[1] = _((r) => n("close"), ["esc"]))
     }, [
-      s("div", y, [
-        s("button", {
-          class: "modal__close-button",
-          onClick: e[0] || (e[0] = (i) => o("close"))
-        }, [...e[2] || (e[2] = [
-          s("span", null, [
-            s("i", { class: "pi pi-times" })
-          ], -1)
-        ])]),
-        _(t.$slots, "default", {}, void 0, !0)
+      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, v));
+    ], 40, k));
   }
-}, g = /* @__PURE__ */ f(k, [["__scopeId", "data-v-cfd44dde"]]);
+}, C = /* @__PURE__ */ y(M, [["__scopeId", "data-v-b7da79e5"]]);
 export {
-  g as default
+  C as default
 };