@opengis/cms 0.0.57 → 0.0.59

package/dist/MenuBody-Bi0ONVZf.js

@@ -0,0 +1,125 @@
+import { defineComponent as x, defineAsyncComponent as m, ref as i, useModel as V, onBeforeMount as k, openBlock as I, createElementBlock as A, Fragment as q, createVNode as s, unref as a, createElementVNode as N, createTextVNode as U, toDisplayString as B } from "vue";
+import { Plus as E } from "lucide-vue-next";
+import { useI18n as F } from "vue-i18n";
+import { inputs as O, VForm as S } from "@opengis/form";
+import { notify as C } from "@opengis/core";
+const R = /* @__PURE__ */ x({
+  __name: "MenuBody",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(f) {
+    const v = m(() => import("./MenuList-BLIpeqSd.js")), y = m(() => import("./AddNewItemInTree-05PSSEFi.js")), g = m(
+      () => import("./MonacoEditor-ByPT8pnv.js")
+    );
+    O["vs-input-monaco-editor"] = g;
+    const { t: r } = F(), l = i(!1), d = i(null), n = V(f, "modelValue"), u = i({}), h = async (t) => {
+      try {
+        if (await u.value.validate()) {
+          C({
+            type: "warning",
+            title: r("cms.common.actions.warning"),
+            message: r("cms.menu.createMenuFailed")
+          });
+          return;
+        }
+        l.value = !1, t.id = Math.random().toString(36).substr(2, 9), t.children = [], n.value.items.unshift(t);
+      } catch (o) {
+        console.log(o);
+      }
+    }, w = i([
+      {
+        key: "name",
+        title: r("cms.common.title"),
+        type: "text",
+        placeholder: r("cms.common.title"),
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "description",
+        title: r("cms.common.description"),
+        type: "text",
+        placeholder: r("cms.common.description"),
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "locale",
+        title: r("cms.menu.form.language"),
+        type: "select",
+        placeholder: r("cms.menu.form.language"),
+        required: !0,
+        options: [
+          { text: "Ukrainian", id: "uk" },
+          { text: "English", id: "en" }
+        ],
+        validators: ["required"]
+      }
+    ]), c = (t) => {
+      let o = [];
+      for (const e in t)
+        typeof t[e] == "object" ? o.push({
+          title: e,
+          value: "",
+          id: Math.random().toString(36).substr(2, 9),
+          children: c(t[e])
+        }) : o.push({
+          title: e,
+          value: t[e],
+          id: Math.random().toString(36).substr(2, 9),
+          children: []
+        });
+      return o;
+    }, M = (t) => {
+      n.value.items = t;
+    }, b = (t) => {
+      p(n.value.items, t.id);
+    };
+    function p(t, o) {
+      for (let e = t.length - 1; e >= 0; e--) {
+        if (t[e].id === o)
+          return t.splice(e, 1), !0;
+        if (t[e].children && t[e].children.length && p(t[e].children, o))
+          return !0;
+      }
+      return !1;
+    }
+    return k(() => {
+      Array.isArray(n.value.items) || (n.value.items = c(n.value.items));
+    }), (t, o) => (I(), A(q, null, [
+      s(a(S), {
+        schema: w.value,
+        modelValue: n.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (e) => n.value = e),
+        form: u.value,
+        "onUpdate:form": o[1] || (o[1] = (e) => u.value = e)
+      }, null, 8, ["schema", "modelValue", "form"]),
+      N("button", {
+        onClick: o[2] || (o[2] = (e) => l.value = !0),
+        class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium w-min ml-auto my-6 h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform hover:bg-blue-700 hover:shadow-lg hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+      }, [
+        s(a(E), { class: "w-4 h-4 mr-2" }),
+        U(" " + B(t.$t("cms.menu.createMenu")), 1)
+      ]),
+      s(a(y), {
+        isOpen: l.value,
+        "onUpdate:isOpen": o[3] || (o[3] = (e) => l.value = e),
+        form: d.value,
+        "onUpdate:form": o[4] || (o[4] = (e) => d.value = e),
+        onAddNewItem: h
+      }, null, 8, ["isOpen", "form"]),
+      s(a(v), {
+        class: "px-2",
+        list: n.value.items,
+        "onUpdate:list": M,
+        "onDelete:item": b
+      }, null, 8, ["list"])
+    ], 64));
+  }
+});
+export {
+  R as default
+};