@vcmap/module-selector 2.0.3 → 2.0.5

package/dist/index.js

@@ -10,93 +10,94 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('data:text/css;base64,LnYtY2FyZFtkYXRhLXYtMjlhMjIwMmZde2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjE1MHB4O3dpZHRoOjE1MHB4O2FzcGVjdC1yYXRpbzoxO3RyYW5zaXRpb246YmFja2dyb3VuZC1jb2xvciAuM3N9LmZpeGVkLWNhcmRbZGF0YS12LTI5YTIyMDJmXXtoZWlnaHQ6MTUwcHg7d2lkdGg6MTUwcHg7YXNwZWN0LXJhdGlvOjF9LnNlbGVjdGVkLWNhcmRbZGF0YS12LTI5YTIyMDJmXXtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXByaW1hcnkpKTtjb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1vbi1wcmltYXJ5KSl9LnYtYnJlYWRjcnVtYnNbZGF0YS12LTgyMzc3NDY4XXtwYWRkaW5nOjE2cHggMCA0cHh9Cg==');var Te = Object.defineProperty;
-var Fe = (e, o, t) => o in e ? Te(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var W = (e, o, t) => Fe(e, typeof o != "symbol" ? o + "" : o, t);
-import { VcsFormButton as be, VcsTextField as ae, VcsLabel as Me, VcsFormSection as Se, VcsCheckbox as _e, useProxiedComplexModel as Re, useModelHasProperty as De, VcsDataTable as qe, VcsList as Pe, AbstractConfigEditor as Ge, WindowSlot as je, createToggleAction as Le, ButtonLocation as ze } from "../../../assets/ui.js";
-import { defineComponent as J, inject as Ve, computed as H, resolveComponent as m, openBlock as I, createBlock as _, withCtx as n, createVNode as d, createTextVNode as V, toDisplayString as w, createCommentVNode as q, createElementBlock as ie, Fragment as de, renderList as pe, normalizeClass as we, ref as k, createElementVNode as fe, normalizeProps as We, guardReactiveProps as He, reactive as Ke, watch as Ee, toRaw as ue, mergeProps as Je } from "../../../assets/vue.js";
-import { VSheet as Ze, VContainer as Z, VRow as Q, VCol as X, VCard as ye, VIcon as ke, VCardTitle as Qe, VForm as Ue, VDivider as Xe, VTooltip as Ye, VDialog as xe, VBreadcrumbs as eo, VBreadcrumbsItem as oo } from "../../../assets/vuetify.js";
-import { VcsModule as to } from "../../../assets/core.js";
-function Ie(e, o) {
+} await loadCss('data:text/css;base64,LnYtY2FyZFtkYXRhLXYtZTdlYzFmZTdde2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjE1MHB4O3dpZHRoOjE1MHB4O2FzcGVjdC1yYXRpbzoxO3RyYW5zaXRpb246YmFja2dyb3VuZC1jb2xvciAuM3N9LmZpeGVkLWNhcmRbZGF0YS12LWU3ZWMxZmU3XXtoZWlnaHQ6MTUwcHg7d2lkdGg6MTUwcHg7YXNwZWN0LXJhdGlvOjF9LnNlbGVjdGVkLWNhcmRbZGF0YS12LWU3ZWMxZmU3XXtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXByaW1hcnkpKTtjb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1vbi1wcmltYXJ5KSl9LnRvcC1yaWdodC1pY29uW2RhdGEtdi1lN2VjMWZlN117cG9zaXRpb246YWJzb2x1dGU7dG9wOjhweDtsZWZ0OjhweDt6LWluZGV4OjEwO2N1cnNvcjpwb2ludGVyO2NvbG9yOnJnYih2YXIoLS12LXRoZW1lLW9uLXN1cmZhY2UpKX0uZ3JvdXBDYXJkW2RhdGEtdi1lN2VjMWZlN117d2lkdGg6MTQ2cHg7YmFja2dyb3VuZC1jb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1zdXJmYWNlKSk7Ym9yZGVyOm5vbmUhaW1wb3J0YW50O2JvcmRlci1yaWdodDoxcHggc29saWQhaW1wb3J0YW50fS5pbnRlcm1lZGlhdGUtY2FyZFtkYXRhLXYtZTdlYzFmZTdde3dpZHRoOjE0OHB4O2JhY2tncm91bmQtY29sb3I6cmdiKHZhcigtLXYtdGhlbWUtc3VyZmFjZSkpO2JvcmRlcjpub25lIWltcG9ydGFudDtib3JkZXItcmlnaHQ6MXB4IHNvbGlkIWltcG9ydGFudH0uZ3JvdXBUaXRsZVtkYXRhLXYtZTdlYzFmZTddLC5ncm91cEljb25bZGF0YS12LWU3ZWMxZmU3XXttYXJnaW4tbGVmdDoyMHB4IWltcG9ydGFudH0uZml4ZWQtYm90dG9tW2RhdGEtdi1lN2VjMWZlN117cG9zaXRpb246c3RpY2t5O2JvdHRvbTowO2JhY2tncm91bmQtY29sb3I6cmdiKHZhcigtLXYtdGhlbWUtc3VyZmFjZSkpO3otaW5kZXg6MTB9Cg==');var qe = Object.defineProperty;
+var Pe = (e, o, i) => o in e ? qe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[o] = i;
+var J = (e, o, i) => Pe(e, typeof o != "symbol" ? o + "" : o, i);
+import { VcsFormButton as ce, VcsTextField as me, VcsLabel as Se, VcsFormSection as ye, VcsTextArea as we, VcsCheckbox as ke, useProxiedComplexModel as je, useModelHasProperty as Le, VcsDataTable as ze, VcsList as We, AbstractConfigEditor as He, WindowSlot as Ke, createToggleAction as Je, ButtonLocation as Ze } from "../../../assets/ui.js";
+import { defineComponent as oe, inject as Ue, computed as Z, resolveComponent as a, openBlock as C, createBlock as U, withCtx as t, createVNode as l, mergeProps as se, createTextVNode as h, toDisplayString as g, createCommentVNode as G, createElementVNode as L, createElementBlock as K, Fragment as ee, renderList as he, normalizeClass as re, ref as A, normalizeProps as Qe, guardReactiveProps as Xe, reactive as Ye, watch as xe, toRaw as fe } from "../../../assets/vue.js";
+import { VSheet as Ae, VContainer as te, VRow as le, VCol as ie, VCard as Ie, VIcon as Te, VCardTitle as eo, VTooltip as Ne, VForm as Ee, VDivider as oo, VDialog as to } from "../../../assets/vuetify.js";
+import { VcsModule as lo } from "../../../assets/core.js";
+function Ce(e, o) {
   if (e != null) {
-    const t = Number.parseInt(String(e), 10);
-    if (t != null && !Number.isNaN(t))
-      return t;
+    const i = Number.parseInt(String(e), 10);
+    if (i != null && !Number.isNaN(i))
+      return i;
   }
   return o;
 }
-function lo(e, o) {
+function io(e, o) {
   return e == null ? !!o : typeof e == "boolean" ? e : e === 1 ? !0 : e === 0 ? !1 : typeof e == "string" && (e.toLowerCase() === "true" || e.toLowerCase() === "1") ? !0 : typeof e == "string" && (e.toLowerCase() === "false" || e.toLowerCase() === "0") ? !1 : !!o;
 }
 function no(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var io = function e(o, t) {
-  if (o === t) return !0;
-  if (o && t && typeof o == "object" && typeof t == "object") {
-    if (o.constructor !== t.constructor) return !1;
-    var r, i, l;
+var ro = function e(o, i) {
+  if (o === i) return !0;
+  if (o && i && typeof o == "object" && typeof i == "object") {
+    if (o.constructor !== i.constructor) return !1;
+    var d, n, r;
     if (Array.isArray(o)) {
-      if (r = o.length, r != t.length) return !1;
-      for (i = r; i-- !== 0; )
-        if (!e(o[i], t[i])) return !1;
+      if (d = o.length, d != i.length) return !1;
+      for (n = d; n-- !== 0; )
+        if (!e(o[n], i[n])) return !1;
       return !0;
     }
-    if (o.constructor === RegExp) return o.source === t.source && o.flags === t.flags;
-    if (o.valueOf !== Object.prototype.valueOf) return o.valueOf() === t.valueOf();
-    if (o.toString !== Object.prototype.toString) return o.toString() === t.toString();
-    if (l = Object.keys(o), r = l.length, r !== Object.keys(t).length) return !1;
-    for (i = r; i-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, l[i])) return !1;
-    for (i = r; i-- !== 0; ) {
-      var s = l[i];
-      if (!e(o[s], t[s])) return !1;
+    if (o.constructor === RegExp) return o.source === i.source && o.flags === i.flags;
+    if (o.valueOf !== Object.prototype.valueOf) return o.valueOf() === i.valueOf();
+    if (o.toString !== Object.prototype.toString) return o.toString() === i.toString();
+    if (r = Object.keys(o), d = r.length, d !== Object.keys(i).length) return !1;
+    for (n = d; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(i, r[n])) return !1;
+    for (n = d; n-- !== 0; ) {
+      var s = r[n];
+      if (!e(o[s], i[s])) return !1;
     }
     return !0;
   }
-  return o !== o && t !== t;
+  return o !== o && i !== i;
 };
-const ce = /* @__PURE__ */ no(io), j = "@vcmap/module-selector", ro = "2.0.3", so = "^6.0";
-async function Ce(e, o) {
-  const t = await fetch(e, {
+const ge = /* @__PURE__ */ no(ro), z = "@vcmap/module-selector", so = "2.0.5", uo = "^6.0";
+async function $e(e, o) {
+  const i = await fetch(e, {
     method: "GET"
-  }).then((r) => {
-    if (r.ok)
-      return r.json();
+  }).then((d) => {
+    if (d.ok)
+      return d.json();
   });
-  if (t) {
-    t._id = "moduleSelector_module_id";
-    const r = new to(t);
-    await o.addModule(r);
+  if (i) {
+    i._id = "moduleSelector_module_id";
+    const d = new lo(i);
+    await o.addModule(d);
   }
 }
 async function ao(e) {
-  var i, l;
-  const o = "moduleSelector_module_id", t = (i = e.maps.activeMap) == null ? void 0 : i.name;
-  e.getModuleById(o) && await e.removeModule(o), e.maps.activeMap || await e.maps.setActiveMap(t || ((l = [...e.maps][0]) == null ? void 0 : l.name));
+  var n, r;
+  const o = "moduleSelector_module_id", i = (n = e.maps.activeMap) == null ? void 0 : n.name;
+  e.getModuleById(o) && await e.removeModule(o), e.maps.activeMap || await e.maps.setActiveMap(i || ((r = [...e.maps][0]) == null ? void 0 : r.name));
 }
-const se = "moduleSelector_window_id";
-async function Ae(e, o, t, r, i) {
-  var a;
-  if (await ao(t), e === null && !i) {
-    t.windowManager.remove(se);
+const ae = "moduleSelector_window_id";
+async function Oe(e, o, i, d, n) {
+  var u;
+  if (await ao(i), e === null && !n) {
+    i.windowManager.remove(ae);
     return;
   }
-  const l = r[e], s = (l == null ? void 0 : l.type) === "group" ? (a = l.cards) == null ? void 0 : a[o] : null;
-  s != null && s.moduleUrl ? await Ce(s.moduleUrl, t) : (l == null ? void 0 : l.type) === "url" && await Ce(l.moduleUrl, t), t.windowManager.remove(se);
+  const r = d[e], s = (r == null ? void 0 : r.type) === "group" ? (u = r.cards) == null ? void 0 : u[o] : null;
+  s != null && s.moduleUrl ? await $e(s.moduleUrl, i) : (r == null ? void 0 : r.type) === "url" && await $e(r.moduleUrl, i), i.windowManager.remove(ae);
 }
-const uo = J({
+const co = oe({
   name: "ModuleSelector",
-  methods: { startApplication: Ae },
+  methods: { startApplication: Oe },
   components: {
-    VSheet: Ze,
-    VContainer: Z,
-    VRow: Q,
-    VCol: X,
-    VCard: ye,
-    VIcon: ke,
-    VCardTitle: Qe,
-    VcsFormButton: be
+    VSheet: Ae,
+    VContainer: te,
+    VRow: le,
+    VCol: ie,
+    VCard: Ie,
+    VIcon: Te,
+    VCardTitle: eo,
+    VcsFormButton: ce,
+    VTooltip: Ne
   },
   props: {
     modules: {
@@ -115,79 +116,110 @@ const uo = J({
     }
   },
   setup(e) {
-    const o = Ve("vcsApp"), t = o.plugins.getByKey(j), { modules: r } = e, i = H(() => {
-      const c = e.modules[t.selectedMainModuleIndex.value];
+    const o = Ue("vcsApp"), i = o.plugins.getByKey(z), { modules: d } = e, n = Z(() => {
+      const c = e.modules[i.selectedMainModuleIndex.value];
       return (c == null ? void 0 : c.type) === "group" ? c.cards : [];
-    }), l = (c) => {
-      t.selectedMainModuleIndex.value === c ? t.selectedMainModuleIndex.value = null : t.selectedMainModuleIndex.value = c;
+    }), r = (c) => {
+      i.selectedMainModuleIndex.value === c ? i.selectedMainModuleIndex.value = null : i.selectedMainModuleIndex.value = c;
     }, s = (c) => {
-      t.selectedNestedModuleIndex.value === c ? t.selectedNestedModuleIndex.value = null : t.selectedNestedModuleIndex.value = c;
-    }, a = () => {
-      t.selectedNestedModuleIndex.value = null, t.selectedMainModuleIndex.value = null;
-    }, v = H(() => {
+      i.selectedNestedModuleIndex.value === c ? i.selectedNestedModuleIndex.value = null : i.selectedNestedModuleIndex.value = c;
+    }, u = () => {
+      i.selectedNestedModuleIndex.value = null, i.selectedMainModuleIndex.value = null;
+    }, S = Z(() => {
       if (!e.requireModuleSelection) return !1;
-      const c = t.selectedMainModuleIndex.value, C = t.selectedNestedModuleIndex.value, b = r[c];
-      return c == null || (b == null ? void 0 : b.type) === "group" && b.cards && C == null;
+      const c = i.selectedMainModuleIndex.value, y = i.selectedNestedModuleIndex.value, M = d[c];
+      return c == null || (M == null ? void 0 : M.type) === "group" && M.cards && y == null;
     });
     return {
-      nestedCards: i,
-      plugin: t,
-      selectModule: l,
+      nestedCards: n,
+      plugin: i,
+      selectModule: r,
       selectNestedModule: s,
-      showMainCards: a,
-      isButtonDisabled: v,
+      showMainCards: u,
+      isButtonDisabled: S,
       app: o
     };
   }
-}), Y = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [r, i] of o)
-    t[r] = i;
-  return t;
+}), ne = (e, o) => {
+  const i = e.__vccOpts || e;
+  for (const [d, n] of o)
+    i[d] = n;
+  return i;
 };
-function co(e, o, t, r, i, l) {
-  const s = m("v-icon"), a = m("v-card-title"), v = m("v-card"), c = m("v-col"), C = m("v-row"), b = m("VcsFormButton"), h = m("v-container"), R = m("v-sheet");
-  return I(), _(R, {
+function mo(e, o, i, d, n, r) {
+  const s = a("v-icon"), u = a("v-tooltip"), S = a("v-card-title"), c = a("v-card"), y = a("v-col"), M = a("v-row"), $ = a("VcsFormButton"), B = a("v-container"), b = a("v-sheet");
+  return C(), U(b, {
     class: "module-selector",
     elevation: "1"
   }, {
-    default: n(() => [
-      d(h, null, {
-        default: n(() => [
-          d(C, {
+    default: t(() => [
+      l(B, null, {
+        default: t(() => [
+          l(M, {
             class: "justify-center align-center",
             "no-gutters": ""
           }, {
-            default: n(() => [
-              e.basisModule && !e.nestedCards.length ? (I(), _(c, {
+            default: t(() => [
+              e.basisModule && !e.nestedCards.length ? (C(), U(y, {
                 key: 0,
                 cols: "auto",
                 class: "pa-2"
               }, {
-                default: n(() => [
-                  d(v, {
+                default: t(() => [
+                  l(c, {
                     class: "pa-3 fixed-card selected-card",
-                    outlined: ""
+                    variant: "outlined"
                   }, {
-                    default: n(() => [
-                      e.basisModule.icon ? (I(), _(s, {
+                    default: t(() => [
+                      l(u, { "max-width": 300 }, {
+                        activator: t(({ props: v }) => [
+                          e.basisModule.description ? (C(), U(
+                            s,
+                            se({
+                              key: 0,
+                              class: "top-right-icon"
+                            }, v),
+                            {
+                              default: t(() => [
+                                h(g("$vcsInfo"))
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1040
+                            /* FULL_PROPS, DYNAMIC_SLOTS */
+                          )) : G("v-if", !0)
+                        ]),
+                        default: t(() => [
+                          L(
+                            "span",
+                            null,
+                            g(e.$st(e.basisModule.description)),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      e.basisModule.icon ? (C(), U(s, {
                         key: 0,
                         size: "50"
                       }, {
-                        default: n(() => [
-                          V(
-                            w(e.basisModule.icon),
+                        default: t(() => [
+                          h(
+                            g(e.basisModule.icon),
                             1
                             /* TEXT */
                           )
                         ]),
                         _: 1
                         /* STABLE */
-                      })) : q("v-if", !0),
-                      d(a, { class: "text-center" }, {
-                        default: n(() => [
-                          V(
-                            w(e.$st(e.basisModule.title)),
+                      })) : G("v-if", !0),
+                      l(S, { class: "text-center" }, {
+                        default: t(() => [
+                          h(
+                            g(e.$st(e.basisModule.title)),
                             1
                             /* TEXT */
                           )
@@ -202,31 +234,31 @@ function co(e, o, t, r, i, l) {
                 ]),
                 _: 1
                 /* STABLE */
-              })) : q("v-if", !0),
-              e.nestedCards.length ? (I(), ie(
-                de,
+              })) : G("v-if", !0),
+              e.nestedCards.length ? (C(), K(
+                ee,
                 { key: 2 },
                 [
-                  d(c, {
+                  l(y, {
                     cols: "auto",
                     class: "pa-2"
                   }, {
-                    default: n(() => [
-                      d(v, {
+                    default: t(() => [
+                      l(c, {
                         class: "fixed-card hover-card",
-                        outlined: "",
-                        onClick: o[0] || (o[0] = (g) => e.showMainCards())
+                        variant: "outlined",
+                        onClick: o[0] || (o[0] = (v) => e.showMainCards())
                       }, {
-                        default: n(() => [
-                          d(s, { size: "50" }, {
-                            default: n(() => [
-                              V("mdi-arrow-left")
+                        default: t(() => [
+                          l(s, { size: "50" }, {
+                            default: t(() => [
+                              h("mdi-arrow-left")
                             ]),
                             _: 1
                             /* STABLE */
                           }),
-                          V(
-                            " " + w(e.$st("moduleSelector.cardBack")),
+                          h(
+                            " " + g(e.$st("moduleSelector.cardBack")),
                             1
                             /* TEXT */
                           )
@@ -238,36 +270,74 @@ function co(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   }),
-                  (I(!0), ie(
-                    de,
+                  (C(!0), K(
+                    ee,
                     null,
-                    pe(e.nestedCards, (g, y) => (I(), _(
-                      c,
+                    he(e.nestedCards, (v, N) => (C(), U(
+                      y,
                       {
-                        key: y,
+                        key: N,
                         cols: "auto",
                         class: "pa-2"
                       },
                       {
-                        default: n(() => [
-                          d(v, {
-                            class: we(["fixed-card hover-card", {
-                              "selected-card": e.plugin.selectedNestedModuleIndex.value === y
+                        default: t(() => [
+                          l(c, {
+                            class: re(["fixed-card hover-card", {
+                              "selected-card": e.plugin.selectedNestedModuleIndex.value === N
                             }]),
-                            outlined: "",
-                            onClick: (U) => e.selectNestedModule(y)
+                            variant: "outlined",
+                            onClick: (p) => e.selectNestedModule(N)
                           }, {
-                            default: n(() => [
-                              g.icon ? (I(), _(
+                            default: t(() => [
+                              l(
+                                u,
+                                { "max-width": 300 },
+                                {
+                                  activator: t(({ props: p }) => [
+                                    v.description ? (C(), U(
+                                      s,
+                                      se({
+                                        key: 0,
+                                        class: "top-right-icon",
+                                        ref_for: !0
+                                      }, p),
+                                      {
+                                        default: t(() => [
+                                          h(g("$vcsInfo"))
+                                        ]),
+                                        _: 2
+                                        /* DYNAMIC */
+                                      },
+                                      1040
+                                      /* FULL_PROPS, DYNAMIC_SLOTS */
+                                    )) : G("v-if", !0)
+                                  ]),
+                                  default: t(() => [
+                                    L(
+                                      "span",
+                                      null,
+                                      g(e.$st(v.description)),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                },
+                                1024
+                                /* DYNAMIC_SLOTS */
+                              ),
+                              v.icon ? (C(), U(
                                 s,
                                 {
                                   key: 0,
                                   size: "50"
                                 },
                                 {
-                                  default: n(() => [
-                                    V(
-                                      w(g.icon),
+                                  default: t(() => [
+                                    h(
+                                      g(v.icon),
                                       1
                                       /* TEXT */
                                     )
@@ -277,14 +347,14 @@ function co(e, o, t, r, i, l) {
                                 },
                                 1024
                                 /* DYNAMIC_SLOTS */
-                              )) : q("v-if", !0),
-                              d(
-                                a,
+                              )) : G("v-if", !0),
+                              l(
+                                S,
                                 { class: "text-center" },
                                 {
-                                  default: n(() => [
-                                    V(
-                                      w(e.$st(g.title)),
+                                  default: t(() => [
+                                    h(
+                                      g(e.$st(v.title)),
                                       1
                                       /* TEXT */
                                     )
@@ -312,53 +382,55 @@ function co(e, o, t, r, i, l) {
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : (I(!0), ie(
-                de,
+              )) : (C(!0), K(
+                ee,
                 { key: 1 },
-                pe(e.modules, (g, y) => (I(), _(
-                  c,
+                he(e.modules, (v, N) => (C(), U(
+                  y,
                   {
                     cols: "auto",
                     class: "pa-2",
-                    key: y
+                    key: N
                   },
                   {
-                    default: n(() => [
-                      d(v, {
-                        class: we(["fixed-card hover-card", {
-                          "selected-card": e.plugin.selectedMainModuleIndex.value === y
+                    default: t(() => [
+                      l(c, {
+                        class: re(["fixed-card hover-card", {
+                          "selected-card": e.plugin.selectedMainModuleIndex.value === N,
+                          "pr-3": v.type === "group"
                         }]),
-                        outlined: "",
-                        onClick: (U) => e.selectModule(y)
+                        variant: "outlined",
+                        onClick: (p) => e.selectModule(N)
                       }, {
-                        default: n(() => [
-                          g.icon ? (I(), _(
-                            s,
+                        default: t(() => [
+                          l(
+                            u,
+                            { "max-width": 300 },
                             {
-                              key: 0,
-                              size: "50"
-                            },
-                            {
-                              default: n(() => [
-                                V(
-                                  w(g.icon),
-                                  1
-                                  /* TEXT */
-                                )
+                              activator: t(({ props: p }) => [
+                                v.description ? (C(), U(
+                                  s,
+                                  se({
+                                    key: 0,
+                                    class: "top-right-icon",
+                                    ref_for: !0
+                                  }, p),
+                                  {
+                                    default: t(() => [
+                                      h(g("$vcsInfo"))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1040
+                                  /* FULL_PROPS, DYNAMIC_SLOTS */
+                                )) : G("v-if", !0)
                               ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )) : q("v-if", !0),
-                          d(
-                            a,
-                            { class: "text-center" },
-                            {
-                              default: n(() => [
-                                V(
-                                  w(e.$st(g.title)),
+                              default: t(() => [
+                                L(
+                                  "span",
+                                  null,
+                                  g(e.$st(v.description)),
                                   1
                                   /* TEXT */
                                 )
@@ -368,7 +440,115 @@ function co(e, o, t, r, i, l) {
                             },
                             1024
                             /* DYNAMIC_SLOTS */
-                          )
+                          ),
+                          v.type === "group" && v.cards ? (C(), U(c, {
+                            key: 0,
+                            class: re(["intermediate-card", {
+                              "selected-card": e.plugin.selectedMainModuleIndex.value === N,
+                              "pr-3": v.type === "group"
+                            }]),
+                            variant: "outlined"
+                          }, {
+                            default: t(() => [
+                              l(c, {
+                                variant: v.type === "group" && v.cards ? "outlined" : void 0,
+                                class: re({
+                                  "selected-card": e.plugin.selectedMainModuleIndex.value === N,
+                                  groupCard: v.type === "group",
+                                  innerCard: v.type === "group"
+                                })
+                              }, {
+                                default: t(() => [
+                                  v.icon ? (C(), U(
+                                    s,
+                                    {
+                                      key: 0,
+                                      size: "50",
+                                      class: "groupIcon"
+                                    },
+                                    {
+                                      default: t(() => [
+                                        h(
+                                          g(v.icon),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  )) : G("v-if", !0),
+                                  l(
+                                    S,
+                                    { class: "text-center groupTitle" },
+                                    {
+                                      default: t(() => [
+                                        h(
+                                          g(e.$st(v.title)),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["variant", "class"])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["class"])) : (C(), K(
+                            ee,
+                            { key: 1 },
+                            [
+                              v.icon ? (C(), U(
+                                s,
+                                {
+                                  key: 0,
+                                  size: "50"
+                                },
+                                {
+                                  default: t(() => [
+                                    h(
+                                      g(v.icon),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                },
+                                1024
+                                /* DYNAMIC_SLOTS */
+                              )) : G("v-if", !0),
+                              l(
+                                S,
+                                { class: "text-center" },
+                                {
+                                  default: t(() => [
+                                    h(
+                                      g(e.$st(v.title)),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                },
+                                1024
+                                /* DYNAMIC_SLOTS */
+                              )
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
                         ]),
                         _: 2
                         /* DYNAMIC */
@@ -387,12 +567,15 @@ function co(e, o, t, r, i, l) {
             _: 1
             /* STABLE */
           }),
-          d(C, { justify: "end" }, {
-            default: n(() => [
-              d(b, {
+          l(M, {
+            class: "fixed-bottom",
+            justify: "end"
+          }, {
+            default: t(() => [
+              l($, {
                 variant: "filled",
                 class: "ma-5",
-                onClick: o[1] || (o[1] = (g) => e.startApplication(
+                onClick: o[1] || (o[1] = (v) => e.startApplication(
                   e.plugin.selectedMainModuleIndex.value,
                   e.plugin.selectedNestedModuleIndex.value,
                   e.app,
@@ -401,9 +584,9 @@ function co(e, o, t, r, i, l) {
                 )),
                 disabled: e.isButtonDisabled
               }, {
-                default: n(() => [
-                  V(
-                    w(e.$st("moduleSelector.startButton")),
+                default: t(() => [
+                  h(
+                    g(e.$st("moduleSelector.startButton")),
                     1
                     /* TEXT */
                   )
@@ -424,14 +607,15 @@ function co(e, o, t, r, i, l) {
     /* STABLE */
   });
 }
-const mo = /* @__PURE__ */ Y(uo, [["render", co], ["__scopeId", "data-v-29a2202f"]]), re = () => ({
+const po = /* @__PURE__ */ ne(co, [["render", mo], ["__scopeId", "data-v-e7ec1fe7"]]), ue = () => ({
   windowTitle: "moduleSelector.title",
   isActiveOnStart: !0,
   requireModuleSelection: !1,
   position: {
     left: "33%",
     right: "33%",
-    top: "10%"
+    top: "10%",
+    maxHeight: "80%"
   },
   basisModule: void 0,
   modules: [],
@@ -439,19 +623,20 @@ const mo = /* @__PURE__ */ Y(uo, [["render", co], ["__scopeId", "data-v-29a2202f
   projectId: "",
   appId: "",
   token: ""
-}), po = J({
+}), fo = oe({
   name: "ModuleEditor",
   components: {
-    VcsTextField: ae,
-    VcsLabel: Me,
-    VCol: X,
-    VRow: Q,
-    VForm: Ue,
-    VContainer: Z,
-    VcsFormButton: be,
-    VDivider: Xe,
-    VCard: ye,
-    VcsFormSection: Se
+    VcsTextField: me,
+    VcsLabel: Se,
+    VCol: ie,
+    VRow: le,
+    VForm: Ee,
+    VContainer: te,
+    VcsFormButton: ce,
+    VDivider: oo,
+    VCard: Ie,
+    VcsFormSection: ye,
+    VcsTextArea: we
   },
   props: {
     modelValue: {
@@ -460,42 +645,42 @@ const mo = /* @__PURE__ */ Y(uo, [["render", co], ["__scopeId", "data-v-29a2202f
     }
   },
   setup(e) {
-    const o = k(e.modelValue), t = k(!1);
+    const o = A(e.modelValue), i = A(!1);
     return {
       localModuleOptions: o,
-      isFormValid: t,
+      isFormValid: i,
       validateForm: () => {
-        t.value = !!o.value.title;
+        i.value = !!o.value.title;
       },
-      requiredRule: (l) => !!l || "moduleSelector.configEditor.editorError"
+      requiredRule: (r) => !!r || "moduleSelector.configEditor.editorError"
     };
   }
-}), fo = { class: "d-flex gc-2 w-100 justify-end pa-2" };
-function vo(e, o, t, r, i, l) {
-  const s = m("VcsLabel"), a = m("v-col"), v = m("VcsTextField"), c = m("v-row"), C = m("v-container"), b = m("v-form"), h = m("v-divider"), R = m("VcsFormButton"), g = m("VcsFormSection"), y = m("v-card");
-  return I(), _(y, null, {
-    default: n(() => [
-      d(g, null, {
-        default: n(() => [
-          d(b, {
+}), go = { class: "d-flex gc-2 w-100 justify-end pa-2" };
+function vo(e, o, i, d, n, r) {
+  const s = a("VcsLabel"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("VcsTextArea"), M = a("v-container"), $ = a("v-form"), B = a("v-divider"), b = a("VcsFormButton"), v = a("VcsFormSection"), N = a("v-card");
+  return C(), U(N, null, {
+    default: t(() => [
+      l(v, { heading: "moduleSelector.configEditor.moduleSettings" }, {
+        default: t(() => [
+          l($, {
             modelValue: e.isFormValid,
-            "onUpdate:modelValue": o[3] || (o[3] = (U) => e.isFormValid = U),
+            "onUpdate:modelValue": o[4] || (o[4] = (p) => e.isFormValid = p),
             ref: "form"
           }, {
-            default: n(() => [
-              d(C, { class: "px-2 pt-0 pb-2" }, {
-                default: n(() => [
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(s, {
+            default: t(() => [
+              l(M, { class: "px-2 pt-0 pb-2" }, {
+                default: t(() => [
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, {
                             required: "",
                             "html-for": "moduleName"
                           }, {
-                            default: n(() => [
-                              V(
-                                w(e.$st("moduleSelector.configEditor.moduleName")),
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.moduleName")),
                                 1
                                 /* TEXT */
                               )
@@ -507,13 +692,13 @@ function vo(e, o, t, r, i, l) {
                         _: 1
                         /* STABLE */
                       }),
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(v, {
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(S, {
                             id: "moduleName",
                             placeholder: "Module Name",
                             modelValue: e.localModuleOptions.title,
-                            "onUpdate:modelValue": o[0] || (o[0] = (U) => e.localModuleOptions.title = U),
+                            "onUpdate:modelValue": o[0] || (o[0] = (p) => e.localModuleOptions.title = p),
                             rules: [e.requiredRule]
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -524,17 +709,17 @@ function vo(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   }),
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(s, {
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, {
                             required: "",
                             "html-for": "moduleIcon"
                           }, {
-                            default: n(() => [
-                              V(
-                                w(e.$st("moduleSelector.configEditor.moduleIcon")),
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.moduleIcon")),
                                 1
                                 /* TEXT */
                               )
@@ -546,13 +731,13 @@ function vo(e, o, t, r, i, l) {
                         _: 1
                         /* STABLE */
                       }),
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(v, {
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(S, {
                             id: "moduleIcon",
                             placeholder: "Icon Name",
                             modelValue: e.localModuleOptions.icon,
-                            "onUpdate:modelValue": o[1] || (o[1] = (U) => e.localModuleOptions.icon = U),
+                            "onUpdate:modelValue": o[1] || (o[1] = (p) => e.localModuleOptions.icon = p),
                             rules: [e.requiredRule]
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -563,17 +748,17 @@ function vo(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   }),
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(s, {
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, {
                             required: "",
                             "html-for": "moduleUrl"
                           }, {
-                            default: n(() => [
-                              V(
-                                w(e.$st("moduleSelector.configEditor.moduleUrl")),
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.moduleUrl")),
                                 1
                                 /* TEXT */
                               )
@@ -585,13 +770,13 @@ function vo(e, o, t, r, i, l) {
                         _: 1
                         /* STABLE */
                       }),
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(v, {
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(S, {
                             id: "moduleUrl",
                             placeholder: "URL",
                             modelValue: e.localModuleOptions.moduleUrl,
-                            "onUpdate:modelValue": o[2] || (o[2] = (U) => e.localModuleOptions.moduleUrl = U),
+                            "onUpdate:modelValue": o[2] || (o[2] = (p) => e.localModuleOptions.moduleUrl = p),
                             rules: [e.requiredRule]
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -601,6 +786,40 @@ function vo(e, o, t, r, i, l) {
                     ]),
                     _: 1
                     /* STABLE */
+                  }),
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, { "html-for": "moduleDescription" }, {
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.moduleDescription")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(y, {
+                            id: "moduleDescription",
+                            modelValue: e.localModuleOptions.description,
+                            "onUpdate:modelValue": o[3] || (o[3] = (p) => e.localModuleOptions.description = p)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
                   })
                 ]),
                 _: 1
@@ -610,18 +829,18 @@ function vo(e, o, t, r, i, l) {
             _: 1
             /* STABLE */
           }, 8, ["modelValue"]),
-          d(h),
-          fe("div", fo, [
-            d(R, {
+          l(B),
+          L("div", go, [
+            l(b, {
               disabled: !e.isFormValid,
-              onClick: o[4] || (o[4] = () => {
+              onClick: o[5] || (o[5] = () => {
                 e.$emit("submit", e.localModuleOptions);
               }),
               variant: "filled"
             }, {
-              default: n(() => [
-                V(
-                  w(e.$st("components.apply")),
+              default: t(() => [
+                h(
+                  g(e.$st("components.apply")),
                   1
                   /* TEXT */
                 )
@@ -629,12 +848,12 @@ function vo(e, o, t, r, i, l) {
               _: 1
               /* STABLE */
             }, 8, ["disabled"]),
-            d(R, {
-              onClick: o[5] || (o[5] = (U) => e.$emit("close"))
+            l(b, {
+              onClick: o[6] || (o[6] = (p) => e.$emit("close"))
             }, {
-              default: n(() => [
-                V(
-                  w(e.$st("components.cancel")),
+              default: t(() => [
+                h(
+                  g(e.$st("components.cancel")),
                   1
                   /* TEXT */
                 )
@@ -652,14 +871,14 @@ function vo(e, o, t, r, i, l) {
     /* STABLE */
   });
 }
-const go = /* @__PURE__ */ Y(po, [["render", vo]]), ho = J({
+const ho = /* @__PURE__ */ ne(fo, [["render", vo]]), Mo = oe({
   name: "WindowPositionSettings",
   components: {
-    VContainer: Z,
-    VRow: Q,
-    VCol: X,
-    VcsCheckbox: _e,
-    VcsTextField: ae
+    VContainer: te,
+    VRow: le,
+    VCol: ie,
+    VcsCheckbox: ke,
+    VcsTextField: me
   },
   props: {
     modelValue: {
@@ -672,55 +891,55 @@ const go = /* @__PURE__ */ Y(po, [["render", vo]]), ho = J({
     }
   },
   setup(e, { emit: o }) {
-    const t = Re(
+    const i = je(
       e,
       "modelValue",
       o
     );
     return {
-      inputs: H(() => e.positionKeys.reduce(
-        (i, l) => (i[l] = {
-          key: l,
-          checkbox: De(t, l, null),
-          input: H({
+      inputs: Z(() => e.positionKeys.reduce(
+        (n, r) => (n[r] = {
+          key: r,
+          checkbox: Le(i, r, null),
+          input: Z({
             get() {
-              return t.value[l];
+              return i.value[r];
             },
             set(s) {
-              t.value[l] = s;
+              i.value[r] = s;
             }
           }),
           placeholder: "auto"
-        }, i),
+        }, n),
         {}
       ))
     };
   }
 });
-function bo(e, o, t, r, i, l) {
-  const s = m("VcsCheckbox"), a = m("v-col"), v = m("VcsTextField"), c = m("v-row"), C = m("v-container");
-  return I(), _(C, { class: "py-0 px-1" }, {
-    default: n(() => [
-      (I(!0), ie(
-        de,
+function bo(e, o, i, d, n, r) {
+  const s = a("VcsCheckbox"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("v-container");
+  return C(), U(y, { class: "py-0 px-1" }, {
+    default: t(() => [
+      (C(!0), K(
+        ee,
         null,
-        pe(e.inputs, ({ key: b, checkbox: h, input: R, placeholder: g }) => (I(), _(
+        he(e.inputs, ({ key: M, checkbox: $, input: B, placeholder: b }) => (C(), U(
           c,
           {
             "no-gutters": "",
-            key: b
+            key: M
           },
           {
-            default: n(() => [
-              d(
-                a,
+            default: t(() => [
+              l(
+                u,
                 null,
                 {
-                  default: n(() => [
-                    d(s, {
-                      label: `appConfigurator.editors.featureInfo.window.position.${b}`,
-                      modelValue: h.value,
-                      "onUpdate:modelValue": (y) => h.value = y
+                  default: t(() => [
+                    l(s, {
+                      label: `appConfigurator.editors.featureInfo.window.position.${M}`,
+                      modelValue: $.value,
+                      "onUpdate:modelValue": (v) => $.value = v
                     }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])
                   ]),
                   _: 2
@@ -729,17 +948,17 @@ function bo(e, o, t, r, i, l) {
                 1024
                 /* DYNAMIC_SLOTS */
               ),
-              d(
-                a,
+              l(
+                u,
                 null,
                 {
-                  default: n(() => [
-                    d(v, {
+                  default: t(() => [
+                    l(S, {
                       clearable: "",
-                      disabled: !h.value,
-                      placeholder: g,
-                      modelValue: R.value,
-                      "onUpdate:modelValue": (y) => R.value = y,
+                      disabled: !$.value,
+                      placeholder: b,
+                      modelValue: B.value,
+                      "onUpdate:modelValue": (v) => B.value = v,
                       modelModifiers: { trim: !0 }
                     }, null, 8, ["disabled", "placeholder", "modelValue", "onUpdate:modelValue"])
                   ]),
@@ -764,67 +983,67 @@ function bo(e, o, t, r, i, l) {
     /* STABLE */
   });
 }
-const Mo = /* @__PURE__ */ Y(ho, [["render", bo]]);
-let Ne = "";
+const Vo = /* @__PURE__ */ ne(Mo, [["render", bo]]);
+let De = "";
 function So(e) {
-  Ne = e;
+  De = e;
 }
-let ve;
-function Vo(e) {
-  ve = e;
+let Me;
+function yo(e) {
+  Me = e;
 }
-let $e = {};
-function yo() {
-  return ve ? {
-    authorization: `Bearer ${ve}`,
-    ...$e
-  } : { ...$e };
+let _e = {};
+function wo() {
+  return Me ? {
+    authorization: `Bearer ${Me}`,
+    ..._e
+  } : { ..._e };
 }
-class wo extends Error {
-  constructor(t, r, i, l, s) {
-    super(`Failed to ${r} ${i}. Got status ${t} with reason: ${l}`);
-    W(this, "url");
-    W(this, "method");
-    W(this, "status");
-    W(this, "reason");
-    W(this, "error");
-    this.error = s, this.method = r, this.status = t, this.url = i, this.reason = l;
+class Io extends Error {
+  constructor(i, d, n, r, s) {
+    super(`Failed to ${d} ${n}. Got status ${i} with reason: ${r}`);
+    J(this, "url");
+    J(this, "method");
+    J(this, "status");
+    J(this, "reason");
+    J(this, "error");
+    this.error = s, this.method = d, this.status = i, this.url = n, this.reason = r;
   }
 }
-function Eo(e, o, t) {
-  let r = e;
-  Object.keys(t).filter((l) => t[l] === "path").map((l) => ({ key: l, param: o[l] })).forEach(({ key: l, param: s }) => {
-    r = r.replace(`{${l}}`, s.toString());
+function Eo(e, o, i) {
+  let d = e;
+  Object.keys(i).filter((r) => i[r] === "path").map((r) => ({ key: r, param: o[r] })).forEach(({ key: r, param: s }) => {
+    d = d.replace(`{${r}}`, s.toString());
   });
-  const i = new URL(r, Ne);
-  return Object.keys(t).filter((l) => t[l] === "query" && o[l]).map((l) => ({ key: l, param: o[l] })).forEach(({ key: l, param: s }) => {
-    Array.isArray(s) ? s.forEach((a) => {
-      i.searchParams.append(l, a.toString());
-    }) : i.searchParams.append(l, s.toString());
-  }), i.toString();
+  const n = new URL(d, De);
+  return Object.keys(i).filter((r) => i[r] === "query" && o[r]).map((r) => ({ key: r, param: o[r] })).forEach(({ key: r, param: s }) => {
+    Array.isArray(s) ? s.forEach((u) => {
+      n.searchParams.append(r, u.toString());
+    }) : n.searchParams.append(r, s.toString());
+  }), n.toString();
 }
-async function Io(e, o, t, r = void 0, i = {}) {
-  const l = await fetch(e, {
+async function Co(e, o, i, d = void 0, n = {}) {
+  const r = await fetch(e, {
     method: o,
-    body: r,
-    headers: { ...i, ...yo() },
+    body: d,
+    headers: { ...n, ...wo() },
     redirect: "follow"
   });
-  if (l.status === t)
-    return l;
-  let s = await l.text(), a;
+  if (r.status === i)
+    return r;
+  let s = await r.text(), u;
   try {
-    const v = JSON.parse(s);
-    v.reason && ({ reason: s } = v), v.error && ({ error: a } = v);
+    const S = JSON.parse(s);
+    S.reason && ({ reason: s } = S), S.error && ({ error: u } = S);
   } catch {
   }
-  throw new wo(l.status, o, e, s, a);
+  throw new Io(r.status, o, e, s, u);
 }
-async function Co(e, o, t, r = void 0, i = {}) {
-  return (await Io(e, o, t, r, i)).json();
+async function $o(e, o, i, d = void 0, n = {}) {
+  return (await Co(e, o, i, d, n)).json();
 }
-async function $o(e) {
-  const o = "api/v1/project/{projectId}/modules", t = "get", i = Eo(o, e, {
+async function _o(e) {
+  const o = "api/v1/project/{projectId}/modules", i = "get", n = Eo(o, e, {
     projectId: "path",
     limit: "query",
     page: "query",
@@ -832,33 +1051,33 @@ async function $o(e) {
     orderBy: "query",
     name: "query"
   });
-  return Co(i, t, 200, void 0, void 0);
+  return $o(n, i, 200, void 0, void 0);
 }
-const N = {
+const O = {
   OFF: 1,
   ERROR: 2,
   WARN: 4,
   INFO: 8,
   DEBUG: 16
-}, G = {
+}, j = {
   ERROR: 0,
   WARN: 0,
   INFO: 0,
   DEBUG: 0
 };
-G.ERROR = N.ERROR | N.WARN | N.INFO | N.DEBUG;
-G.WARN = N.WARN | N.INFO | N.DEBUG;
-G.INFO = N.INFO | N.DEBUG;
-G.DEBUG = N.DEBUG;
-const K = {
+j.ERROR = O.ERROR | O.WARN | O.INFO | O.DEBUG;
+j.WARN = O.WARN | O.INFO | O.DEBUG;
+j.INFO = O.INFO | O.DEBUG;
+j.DEBUG = O.DEBUG;
+const x = {
   useTimestamp: !1,
-  logLevel: N.INFO
-}, x = /* @__PURE__ */ new Map();
-x.set(N.ERROR, "error");
-x.set(N.WARN, "warn");
-x.set(N.INFO, "info");
-x.set(N.DEBUG, "log");
-class Oe {
+  logLevel: O.INFO
+}, de = /* @__PURE__ */ new Map();
+de.set(O.ERROR, "error");
+de.set(O.WARN, "warn");
+de.set(O.INFO, "info");
+de.set(O.DEBUG, "log");
+class Be {
   /**
    * @param {string=} className
    */
@@ -870,28 +1089,28 @@ class Oe {
    * @param {string} msg The message to log.
    * @param {...any} optArgs
    */
-  error(o, ...t) {
-    K.logLevel & G.ERROR && this._log(String(o), N.ERROR, t);
+  error(o, ...i) {
+    x.logLevel & j.ERROR && this._log(String(o), O.ERROR, i);
   }
   /**
    * Logs a warning message
    * @param {string} msg The message to log.
    * @param {...any} optArgs
    */
-  warning(o, ...t) {
-    K.logLevel & G.WARN && this._log(String(o), N.WARN, t);
+  warning(o, ...i) {
+    x.logLevel & j.WARN && this._log(String(o), O.WARN, i);
   }
   /**
    * Deprecate a function. deprecations are stored on the logger
    * @param {string} functionName
    * @param {string=} alternativeFunctionName
    */
-  deprecate(o, t) {
-    const r = String(o), i = t ? String(t) : null;
-    if (!this.deprecations.has(r)) {
-      this.deprecations.set(r, i || null);
-      let l = `${r} has been deprecated and will be removed`;
-      i && (l = `${l}. ${i}`), this.warning(l);
+  deprecate(o, i) {
+    const d = String(o), n = i ? String(i) : null;
+    if (!this.deprecations.has(d)) {
+      this.deprecations.set(d, n || null);
+      let r = `${d} has been deprecated and will be removed`;
+      n && (r = `${r}. ${n}`), this.warning(r);
     }
   }
   /**
@@ -899,24 +1118,24 @@ class Oe {
    * @param {string} msg The message to log.
    * @param {...any} optArgs
    */
-  info(o, ...t) {
-    K.logLevel & G.INFO && this._log(String(o), N.INFO, t);
+  info(o, ...i) {
+    x.logLevel & j.INFO && this._log(String(o), O.INFO, i);
   }
   /**
    * Logs a debug message
    * @param {string} msg The message to log.
    * @param {...any} optArgs
    */
-  debug(o, ...t) {
-    K.logLevel & G.DEBUG && this._log(String(o), N.DEBUG, t);
+  debug(o, ...i) {
+    x.logLevel & j.DEBUG && this._log(String(o), O.DEBUG, i);
   }
   /**
    * Alias for debug
    * @param {string} msg The message to log.
    * @param {...any} optArgs
    */
-  log(o, ...t) {
-    K.logLevel & G.DEBUG && this._log(String(o), N.DEBUG, t);
+  log(o, ...i) {
+    x.logLevel & j.DEBUG && this._log(String(o), O.DEBUG, i);
   }
   /**
    * Logs a message
@@ -925,24 +1144,24 @@ class Oe {
    * @param {Array} optArgs
    * @private
    */
-  _log(o, t, r) {
-    let i = o;
-    this.className && (i = `[${this.className}] ${i}`), console[x.get(t)](i, ...r), t & N.ERROR && (console.group(), console.trace(), console.groupEnd());
+  _log(o, i, d) {
+    let n = o;
+    this.className && (n = `[${this.className}] ${n}`), console[de.get(i)](n, ...d), i & O.ERROR && (console.group(), console.trace(), console.groupEnd());
   }
 }
-const ge = /* @__PURE__ */ new Map();
-let me;
-function _o() {
-  return me || (me = new Oe()), me;
+const be = /* @__PURE__ */ new Map();
+let ve;
+function ko() {
+  return ve || (ve = new Be()), ve;
 }
-function ko(e) {
-  const o = new Oe(e);
-  return ge.set(e, o), o;
+function Uo(e) {
+  const o = new Be(e);
+  return be.set(e, o), o;
 }
-function he(e) {
-  return e ? ge.has(e) ? ge.get(e) : ko(e) : _o();
+function Ve(e) {
+  return e ? be.has(e) ? be.get(e) : Uo(e) : ko();
 }
-function Uo(e) {
+function Ao(e) {
   try {
     if (e.serverUrl) {
       const o = new URL(
@@ -950,21 +1169,22 @@ function Uo(e) {
         window.location.href
       ).toString();
       So(o);
-      const t = e.token || localStorage.getItem("Meteor.loginToken");
-      t && (Vo(t), he(j).info("Publisher connection successful"));
+      const i = e.token || localStorage.getItem("Meteor.loginToken");
+      i && (yo(i), Ve(z).info("Publisher connection successful"));
     }
   } catch (o) {
-    he(j).error("Failed to connect to publisher", o);
+    Ve(z).error("Failed to connect to publisher", o);
   }
 }
-function Ao(e, o) {
+function To(e, o) {
   return new Date(e).toLocaleString(o);
 }
 function No() {
   return [
     {
       title: "moduleSelector.configEditor.moduleCloudPicker.headers.name",
-      value: "name"
+      value: "name",
+      sortable: !0
     },
     {
       title: "moduleSelector.configEditor.moduleCloudPicker.headers.type",
@@ -973,7 +1193,8 @@ function No() {
     },
     {
       title: "moduleSelector.configEditor.moduleCloudPicker.headers.description",
-      value: "description"
+      value: "description",
+      sortable: !0
     },
     {
       title: "moduleSelector.configEditor.moduleCloudPicker.headers.createdAt",
@@ -987,29 +1208,32 @@ function No() {
     },
     {
       title: "moduleSelector.configEditor.moduleCloudPicker.headers.createdBy",
-      value: "createdBy"
+      value: "createdBy",
+      sortable: !0
     },
     {
       title: "moduleSelector.configEditor.moduleCloudPicker.headers.updatedBy",
-      value: "updatedBy"
+      value: "updatedBy",
+      sortable: !0
     }
   ];
 }
-const Oo = J({
+const Oo = oe({
   name: "CloudModuleSelector",
   components: {
-    VcsDataTable: qe,
-    VcsFormButton: be,
-    VTooltip: Ye,
-    VIcon: ke,
-    VCard: ye,
-    VcsLabel: Me,
-    VcsTextField: ae,
-    VcsFormSection: Se,
-    VRow: Q,
-    VCol: X,
-    VForm: Ue,
-    VContainer: Z
+    VcsDataTable: ze,
+    VcsFormButton: ce,
+    VTooltip: Ne,
+    VIcon: Te,
+    VCard: Ie,
+    VcsLabel: Se,
+    VcsTextField: me,
+    VcsFormSection: ye,
+    VRow: le,
+    VCol: ie,
+    VForm: Ee,
+    VContainer: te,
+    VcsTextArea: we
   },
   props: {
     modelValue: {
@@ -1018,181 +1242,198 @@ const Oo = J({
     }
   },
   setup(e, { emit: o }) {
-    const t = Ve("vcsApp"), r = t.plugins.getByKey(j), i = t.plugins.getByKey(
+    const i = Ue("vcsApp"), d = i.plugins.getByKey(z), n = i.plugins.getByKey(
       "@vcmap/app-configurator"
-    );
-    Uo(i.config || r.config);
-    const l = k(!0), s = k([]), a = k(0), v = k(0), c = k([void 0]), C = No(), b = /* @__PURE__ */ new Map(), h = k(e.modelValue), R = H(() => h.value.id === ""), g = k(!1), y = () => {
-      var D, L;
-      g.value = !!((D = h.value) != null && D.title) && !!((L = h.value) != null && L.icon);
-    }, U = {
+    ), { serverUrl: r, projectId: s, appId: u, token: S } = (n == null ? void 0 : n.config) || d.config, c = { serverUrl: r, projectId: s, appId: u, token: S };
+    Ao(c);
+    const y = A(!0), M = A([]), $ = A(0), B = A(0), b = A([void 0]), v = No(), N = /* @__PURE__ */ new Map(), p = A(e.modelValue), P = Z(() => p.value.id === ""), k = A(!1), Q = () => {
+      var R, W;
+      k.value = !!((R = p.value) != null && R.title) && !!((W = p.value) != null && W.icon);
+    }, X = {
       standalone: "$vcsGlobeNature",
       extension: "$vcsShapes"
     };
-    function P(D) {
-      var $;
-      const { itemsPerPage: L, page: te, search: le, sortBy: ne, sortDesc: u } = D;
-      l.value = !0, ($ = i == null ? void 0 : i.config) != null && $.projectId && $o({
-        projectId: i.config.projectId,
-        limit: L,
-        page: te - 1,
-        name: le,
-        orderBy: ne,
-        sort: u != null && u[0] ? "desc" : "asc"
-      }).then((p) => {
-        s.value = p.items.map((M) => {
-          var T, E;
-          const A = {
-            name: M.name,
-            description: M.description,
-            createdAt: M.createdAt,
-            updatedAt: M.updatedAt,
-            createdBy: (i == null ? void 0 : i.getUserName(M.createdBy)) || M.createdBy,
-            updatedBy: (i == null ? void 0 : i.getUserName(M.updatedBy)) || M.updatedBy,
-            _id: M._id
+    function Y(R) {
+      var T;
+      const { itemsPerPage: W, page: m, search: I, sortBy: f } = R;
+      y.value = !0, c.projectId ? _o({
+        projectId: c.projectId,
+        limit: W,
+        page: m - 1,
+        name: I,
+        orderBy: f == null ? void 0 : f.map(({ key: _ }) => _),
+        sort: (T = f == null ? void 0 : f[0]) == null ? void 0 : T.order
+      }).then((_) => {
+        M.value = _.items.map((E) => {
+          var D, F;
+          const w = {
+            name: E.name,
+            description: E.description,
+            createdAt: E.createdAt,
+            updatedAt: E.updatedAt,
+            createdBy: (n == null ? void 0 : n.getUserName(E.createdBy)) || E.createdBy,
+            updatedBy: (n == null ? void 0 : n.getUserName(E.updatedBy)) || E.updatedBy,
+            _id: E._id
           };
-          return (((T = M.maps) == null ? void 0 : T.length) ?? 0) > 0 && (((E = M.layers) == null ? void 0 : E.length) ?? 0) > 0 ? A.type = "standalone" : A.type = "extension", A.disabled = !!t.getModuleById(M._id), b.set(M._id, M), A;
-        }), a.value = p.totalCount, v.value = p.totalPages;
-      }).catch((p) => {
-        he("CloudModuleSelector.vue").error(
+          return (((D = E.maps) == null ? void 0 : D.length) ?? 0) > 0 && (((F = E.layers) == null ? void 0 : F.length) ?? 0) > 0 ? w.type = "standalone" : w.type = "extension", w.disabled = !!i.getModuleById(E._id), N.set(E._id, E), w;
+        }), $.value = _.totalCount, B.value = _.totalPages;
+      }).catch((_) => {
+        Ve("CloudModuleSelector.vue").error(
           "Failed to load project modules.",
-          p
+          _
         );
       }).finally(() => {
-        l.value = !1;
-      });
+        y.value = !1;
+      }) : (M.value = [], y.value = !1);
     }
     return {
-      selectedItem: h,
-      isItemIdEmpty: R,
-      loading: l,
-      items: s,
-      totalItems: a,
-      totalPages: v,
-      headers: C,
-      selected: c,
-      typeIcon(D) {
-        return U[D];
+      selectedItem: p,
+      isItemIdEmpty: P,
+      loading: y,
+      items: M,
+      totalItems: $,
+      totalPages: B,
+      headers: v,
+      selected: b,
+      typeIcon(R) {
+        return X[R];
       },
-      formatDate: Ao,
-      getItems: P,
+      formatDate: To,
+      getItems: Y,
       close: () => {
         o("close");
       },
       addSelected: () => {
-        var D;
-        c.value.length > 0 && ((D = c.value[0]) == null ? void 0 : D._id) !== "" && (h.value.id = c.value[0]._id, h.value.title = c.value[0].name, h.value.icon = "", h.value.moduleUrl = `configs/${c.value[0]._id}.json`);
+        var R;
+        b.value.length > 0 && ((R = b.value[0]) == null ? void 0 : R._id) !== "" && (p.value.id = b.value[0]._id, p.value.title = b.value[0].name, p.value.icon = "", p.value.moduleUrl = `configs/${b.value[0]._id}.json`, p.value.description = b.value[0].description);
       },
-      isFValid: g,
-      validateForm: y,
+      isFValid: k,
+      validateForm: Q,
       removeSelected: () => {
-        h.value.id = "", h.value.title = "", h.value.icon = "", h.value.moduleUrl = "";
+        p.value.id = "", p.value.title = "", p.value.icon = "", p.value.description = "", p.value.moduleUrl = "";
       },
-      requiredRule: (D) => !!D || "moduleSelector.configEditor.editorError"
+      requiredRule: (R) => !!R || "moduleSelector.configEditor.editorError"
     };
   }
-}), Bo = { class: "d-flex px-2" };
-function To(e, o, t, r, i, l) {
-  const s = m("v-icon"), a = m("v-tooltip"), v = m("VcsDataTable"), c = m("VcsLabel"), C = m("v-col"), b = m("VcsTextField"), h = m("v-row"), R = m("v-container"), g = m("v-form"), y = m("VcsFormSection"), U = m("VcsFormButton"), P = m("v-card");
-  return I(), _(P, null, {
-    default: n(() => [
-      fe("div", null, [
-        e.isItemIdEmpty ? (I(), _(v, {
+}), Do = { class: "d-flex gc-2 px-2 pt-2 pb-2" }, Bo = {
+  key: 0,
+  class: "d-flex gc-2 justify-end w-100"
+}, Fo = {
+  key: 1,
+  class: "d-flex gc-2 justify-space-between w-100"
+}, Go = { class: "d-flex gc-2" };
+function Ro(e, o, i, d, n, r) {
+  const s = a("v-icon"), u = a("v-tooltip"), S = a("VcsDataTable"), c = a("VcsFormSection"), y = a("VcsLabel"), M = a("v-col"), $ = a("VcsTextField"), B = a("v-row"), b = a("VcsTextArea"), v = a("v-container"), N = a("v-form"), p = a("VcsFormButton"), P = a("v-card");
+  return C(), U(P, null, {
+    default: t(() => [
+      L("div", null, [
+        e.isItemIdEmpty ? (C(), U(c, {
           key: 0,
-          "base-component": "VDataTableServer",
-          loading: e.loading,
-          items: e.items,
-          "server-items-length": e.totalItems,
-          "server-pages-length": e.totalPages,
-          "searchbar-placeholder": e.$t("moduleSelector.configEditor.moduleCloudPicker.searchName"),
-          headers: e.headers,
-          "select-strategy": "single",
-          "return-object": "",
-          "show-select": "",
-          "item-value": "_id",
-          modelValue: e.selected,
-          "onUpdate:modelValue": o[0] || (o[0] = (O) => e.selected = O),
-          "onUpdate:items": e.getItems
+          heading: "moduleSelector.configEditor.moduleSettings"
         }, {
-          "item.type": n(({ item: O }) => [
-            d(
-              s,
-              We(He({ ...e.$attrs })),
-              {
-                default: n(() => [
-                  V(
-                    w(e.typeIcon(O.type)),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              },
-              1040
-              /* FULL_PROPS, DYNAMIC_SLOTS */
-            ),
-            d(
-              a,
-              {
-                activator: "parent",
-                location: "right"
-              },
-              {
-                default: n(() => [
-                  V(
-                    w(e.$t(`appConfigurator.dialogs.vcsModuleTable.${O.type}`)),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              },
-              1024
-              /* DYNAMIC_SLOTS */
-            )
-          ]),
-          "item.createdAt": n(({ item: O }) => [
-            V(
-              w(e.formatDate(O.createdAt, e.$i18n.locale)),
-              1
-              /* TEXT */
-            )
-          ]),
-          "item.updatedAt": n(({ item: O }) => [
-            V(
-              w(e.formatDate(O.updatedAt, e.$i18n.locale)),
-              1
-              /* TEXT */
-            )
+          default: t(() => [
+            l(S, {
+              "base-component": "VDataTableServer",
+              loading: e.loading,
+              items: e.items,
+              "server-items-length": e.totalItems,
+              "server-pages-length": e.totalPages,
+              "searchbar-placeholder": e.$t("moduleSelector.configEditor.moduleCloudPicker.searchName"),
+              headers: e.headers,
+              "select-strategy": "single",
+              "return-object": "",
+              "show-select": "",
+              "item-value": "_id",
+              modelValue: e.selected,
+              "onUpdate:modelValue": o[0] || (o[0] = (k) => e.selected = k),
+              "onUpdate:items": e.getItems
+            }, {
+              "item.type": t(({ item: k }) => [
+                l(
+                  s,
+                  Qe(Xe({ ...e.$attrs })),
+                  {
+                    default: t(() => [
+                      h(
+                        g(e.typeIcon(k.type)),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1040
+                  /* FULL_PROPS, DYNAMIC_SLOTS */
+                ),
+                l(
+                  u,
+                  {
+                    activator: "parent",
+                    location: "right"
+                  },
+                  {
+                    default: t(() => [
+                      h(
+                        g(e.$t(`appConfigurator.dialogs.vcsModuleTable.${k.type}`)),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1024
+                  /* DYNAMIC_SLOTS */
+                )
+              ]),
+              "item.createdAt": t(({ item: k }) => [
+                h(
+                  g(e.formatDate(k.createdAt, e.$i18n.locale)),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              "item.updatedAt": t(({ item: k }) => [
+                h(
+                  g(e.formatDate(k.updatedAt, e.$i18n.locale)),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["loading", "items", "server-items-length", "server-pages-length", "searchbar-placeholder", "headers", "modelValue", "onUpdate:items"])
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["loading", "items", "server-items-length", "server-pages-length", "searchbar-placeholder", "headers", "modelValue", "onUpdate:items"])) : (I(), _(y, { key: 1 }, {
-          default: n(() => [
-            d(g, {
+        })) : (C(), U(c, {
+          key: 1,
+          heading: "moduleSelector.configEditor.moduleSettings"
+        }, {
+          default: t(() => [
+            l(N, {
               modelValue: e.isFValid,
-              "onUpdate:modelValue": o[3] || (o[3] = (O) => e.isFValid = O),
+              "onUpdate:modelValue": o[4] || (o[4] = (k) => e.isFValid = k),
               ref: "form"
             }, {
-              default: n(() => [
-                d(R, { class: "px-2 pt-0 pb-2" }, {
-                  default: n(() => [
-                    d(h, {
+              default: t(() => [
+                l(v, { class: "px-2 pt-0 pb-2" }, {
+                  default: t(() => [
+                    l(B, {
                       "no-gutters": "",
                       class: "px-2"
                     }, {
-                      default: n(() => [
-                        d(C, { cols: "2" }, {
-                          default: n(() => [
-                            d(c, {
+                      default: t(() => [
+                        l(M, { cols: "2" }, {
+                          default: t(() => [
+                            l(y, {
                               required: "",
                               "html-for": "moduleName"
                             }, {
-                              default: n(() => [
-                                V(
-                                  w(e.$st("moduleSelector.configEditor.moduleName")),
+                              default: t(() => [
+                                h(
+                                  g(e.$st("moduleSelector.configEditor.moduleName")),
                                   1
                                   /* TEXT */
                                 )
@@ -1204,13 +1445,13 @@ function To(e, o, t, r, i, l) {
                           _: 1
                           /* STABLE */
                         }),
-                        d(C, { cols: "4" }, {
-                          default: n(() => [
-                            d(b, {
+                        l(M, { cols: "4" }, {
+                          default: t(() => [
+                            l($, {
                               id: "moduleName",
                               placeholder: "Module Name",
                               modelValue: e.selectedItem.title,
-                              "onUpdate:modelValue": o[1] || (o[1] = (O) => e.selectedItem.title = O),
+                              "onUpdate:modelValue": o[1] || (o[1] = (k) => e.selectedItem.title = k),
                               rules: [e.requiredRule]
                             }, null, 8, ["modelValue", "rules"])
                           ]),
@@ -1221,20 +1462,20 @@ function To(e, o, t, r, i, l) {
                       _: 1
                       /* STABLE */
                     }),
-                    d(h, {
+                    l(B, {
                       "no-gutters": "",
                       class: "px-2"
                     }, {
-                      default: n(() => [
-                        d(C, { cols: "2" }, {
-                          default: n(() => [
-                            d(c, {
+                      default: t(() => [
+                        l(M, { cols: "2" }, {
+                          default: t(() => [
+                            l(y, {
                               required: "",
                               "html-for": "moduleIcon"
                             }, {
-                              default: n(() => [
-                                V(
-                                  w(e.$st("moduleSelector.configEditor.moduleIcon")),
+                              default: t(() => [
+                                h(
+                                  g(e.$st("moduleSelector.configEditor.moduleIcon")),
                                   1
                                   /* TEXT */
                                 )
@@ -1246,13 +1487,13 @@ function To(e, o, t, r, i, l) {
                           _: 1
                           /* STABLE */
                         }),
-                        d(C, { cols: "4" }, {
-                          default: n(() => [
-                            d(b, {
+                        l(M, { cols: "4" }, {
+                          default: t(() => [
+                            l($, {
                               id: "moduleIcon",
                               placeholder: "Icon Name",
                               modelValue: e.selectedItem.icon,
-                              "onUpdate:modelValue": o[2] || (o[2] = (O) => e.selectedItem.icon = O),
+                              "onUpdate:modelValue": o[2] || (o[2] = (k) => e.selectedItem.icon = k),
                               rules: [e.requiredRule]
                             }, null, 8, ["modelValue", "rules"])
                           ]),
@@ -1262,6 +1503,43 @@ function To(e, o, t, r, i, l) {
                       ]),
                       _: 1
                       /* STABLE */
+                    }),
+                    l(B, {
+                      "no-gutters": "",
+                      class: "px-2"
+                    }, {
+                      default: t(() => [
+                        l(M, { cols: "2" }, {
+                          default: t(() => [
+                            l(y, { "html-for": "moduleDescription" }, {
+                              default: t(() => [
+                                h(
+                                  g(e.$st("moduleSelector.configEditor.moduleDescription")),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        l(M, { cols: "4" }, {
+                          default: t(() => [
+                            l(b, {
+                              id: "moduleDescription",
+                              modelValue: e.selectedItem.description,
+                              "onUpdate:modelValue": o[3] || (o[3] = (k) => e.selectedItem.description = k)
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
                     })
                   ]),
                   _: 1
@@ -1275,74 +1553,80 @@ function To(e, o, t, r, i, l) {
           _: 1
           /* STABLE */
         })),
-        fe("div", Bo, [
-          e.isItemIdEmpty ? (I(), _(U, {
-            key: 0,
-            variant: "filled",
-            disabled: e.selected[0] === void 0,
-            class: "ma-2",
-            onClick: e.addSelected,
-            tooltip: "appConfigurator.dialogs.addTooltip",
-            "tooltip-position": "bottom"
-          }, {
-            default: n(() => [
-              V(
-                w(e.$t("moduleSelector.configEditor.moduleCloudPicker.continue")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["disabled", "onClick"])) : q("v-if", !0),
-          e.isItemIdEmpty ? q("v-if", !0) : (I(), _(U, {
-            key: 1,
-            disabled: !e.isFValid,
-            variant: "filled",
-            class: "ma-2",
-            onClick: o[4] || (o[4] = () => {
-              e.$emit("submit", e.selectedItem);
-            })
-          }, {
-            default: n(() => [
-              V(
-                w(e.$t("components.apply")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["disabled"])),
-          e.isItemIdEmpty ? q("v-if", !0) : (I(), _(U, {
-            key: 2,
-            onClick: e.removeSelected,
-            class: "ma-2"
-          }, {
-            default: n(() => [
-              V(
-                w(e.$t("moduleSelector.configEditor.moduleCloudPicker.back")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["onClick"])),
-          d(U, {
-            class: "ma-2",
-            onClick: e.close
-          }, {
-            default: n(() => [
-              V(
-                w(e.$t("components.cancel")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["onClick"])
+        L("div", Do, [
+          e.isItemIdEmpty ? (C(), K("div", Bo, [
+            l(p, {
+              variant: "filled",
+              disabled: e.selected[0] === void 0,
+              onClick: e.addSelected,
+              tooltip: "appConfigurator.dialogs.addTooltip",
+              "tooltip-position": "bottom"
+            }, {
+              default: t(() => [
+                h(
+                  g(e.$t("moduleSelector.configEditor.moduleCloudPicker.continue")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled", "onClick"]),
+            l(p, { onClick: e.close }, {
+              default: t(() => [
+                h(
+                  g(e.$t("components.cancel")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["onClick"])
+          ])) : G("v-if", !0),
+          e.isItemIdEmpty ? G("v-if", !0) : (C(), K("div", Fo, [
+            l(p, { onClick: e.removeSelected }, {
+              default: t(() => [
+                h(
+                  g(e.$t("moduleSelector.configEditor.moduleCloudPicker.back")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["onClick"]),
+            L("div", Go, [
+              l(p, {
+                disabled: !e.isFValid,
+                variant: "filled",
+                onClick: o[5] || (o[5] = () => {
+                  e.$emit("submit", e.selectedItem);
+                })
+              }, {
+                default: t(() => [
+                  h(
+                    g(e.$t("components.apply")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"]),
+              l(p, { onClick: e.close }, {
+                default: t(() => [
+                  h(
+                    g(e.$t("components.cancel")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick"])
+            ])
+          ]))
         ])
       ])
     ]),
@@ -1350,24 +1634,26 @@ function To(e, o, t, r, i, l) {
     /* STABLE */
   });
 }
-const Fo = /* @__PURE__ */ Y(Oo, [["render", To]]), Ro = J({
+const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
   name: "ModuleSelectorConfigEditor",
   components: {
-    VcsCheckbox: _e,
-    VDialog: xe,
-    VcsList: Pe,
-    VcsFormSection: Se,
-    VRow: Q,
-    VcsLabel: Me,
-    AbstractConfigEditor: Ge,
-    VcsTextField: ae,
-    VCol: X,
-    VContainer: Z,
-    ModuleEditor: go,
-    VBreadcrumbs: eo,
-    VBreadcrumbsItem: oo,
-    WindowPositionSettings: Mo,
-    VcsModuleTable: Fo
+    VForm: Ee,
+    VcsFormButton: ce,
+    VcsCheckbox: ke,
+    VDialog: to,
+    VcsList: We,
+    VcsFormSection: ye,
+    VRow: le,
+    VSheet: Ae,
+    VcsLabel: Se,
+    AbstractConfigEditor: He,
+    VcsTextField: me,
+    VCol: ie,
+    VContainer: te,
+    ModuleEditor: ho,
+    WindowPositionSettings: Vo,
+    VcsModuleTable: qo,
+    VcsTextArea: we
   },
   props: {
     getConfig: {
@@ -1380,342 +1666,373 @@ const Fo = /* @__PURE__ */ Y(Oo, [["render", To]]), Ro = J({
     }
   },
   setup(e) {
-    var te, le, ne;
-    const o = Ve("vcsApp"), t = k(0), r = k(void 0), i = k([]), l = k(void 0), s = k({ id: "", title: "", icon: "", moduleUrl: "" }), a = k({ id: "", title: "", icon: "", moduleUrl: "" }), v = k(!1), c = k(!1), C = k(!1), b = k(void 0);
-    r.value = {
-      ...re(),
+    var pe, R, W;
+    const o = A(0), i = A(void 0), d = A([]), n = A(void 0), r = A({
+      id: "",
+      title: "",
+      icon: "",
+      moduleUrl: "",
+      description: ""
+    }), s = A({
+      id: "",
+      title: "",
+      icon: "",
+      moduleUrl: "",
+      description: ""
+    });
+    let u = {
+      title: "",
+      icon: "",
+      type: "group",
+      description: "",
+      cards: []
+    };
+    const S = A(!1), c = A(!1), y = A(!1), M = A(void 0);
+    i.value = {
+      ...ue(),
       ...e.getConfig()
     };
-    const h = k();
-    (te = r.value) != null && te.basisModule && (h.value = (le = r.value) == null ? void 0 : le.basisModule);
-    const R = H({
+    const $ = A();
+    (pe = i.value) != null && pe.basisModule && ($.value = (R = i.value) == null ? void 0 : R.basisModule);
+    const B = Z({
       get() {
-        return !!h.value;
+        return !!$.value;
       },
-      set(u) {
-        var $;
-        u ? h.value = (($ = r.value) == null ? void 0 : $.basisModule) || { title: "" } : h.value = null;
+      set(m) {
+        var I;
+        m ? $.value = ((I = i.value) == null ? void 0 : I.basisModule) || { title: "" } : $.value = null;
+      }
+    }), b = Ye([]);
+    function v(m) {
+      var I;
+      if (m.type === "url") {
+        const { actions: f, id: T, name: _, ...E } = m;
+        return {
+          ...E,
+          moduleUrl: m.moduleUrl || ""
+        };
+      } else {
+        const f = ((I = m.cards) == null ? void 0 : I.map((D) => {
+          const { actions: F, id: q, name: H, ...Re } = D;
+          return {
+            ...Re
+          };
+        })) || [], { actions: T, id: _, name: E, ...w } = m;
+        return {
+          ...w,
+          ...f.length ? { cards: f } : {}
+        };
       }
-    }), g = Ke([]);
-    function y(u, $) {
-      var M, A, T;
-      const p = {
-        id: `${u.title || "undefined"}-${$}`,
-        name: u.title,
-        title: u.title,
-        icon: u.icon,
-        type: u.type,
+    }
+    function N(m) {
+      return m.map(v);
+    }
+    function p(m, I) {
+      var T, _, E;
+      const f = {
+        id: `${m.title || "undefined"}-${I}`,
+        name: m.title,
+        title: m.title,
+        icon: m.icon,
+        type: m.type,
+        description: m.description,
         actions: []
       };
-      return u.type === "url" && (p.moduleUrl = u.moduleUrl, (M = p.actions) == null || M.push({
+      return m.type === "url" && (f.moduleUrl = m.moduleUrl, (T = f.actions) == null || T.push({
         name: "edit",
         title: "moduleSelector.configEditor.TooltipEditModule",
         icon: "$vcsEdit",
         callback() {
-          if (l.value === void 0 && i.value.length > 0) {
-            const E = i.value.find(
-              (F) => F.id === p.id
+          if (n.value === void 0 && d.value.length > 0) {
+            const w = d.value.find(
+              (D) => D.id === f.id
             );
-            E && (s.value = {
-              id: E.id,
-              title: E.title,
-              icon: E.icon,
-              moduleUrl: E.moduleUrl
+            w && (r.value = {
+              id: w.id,
+              title: w.title,
+              icon: w.icon,
+              moduleUrl: w.moduleUrl,
+              description: w.description
             });
           } else {
-            const E = l.value.cards.find(
-              (F) => F.id === p.id
+            const w = n.value.cards.find(
+              (D) => D.id === f.id
             );
-            E && (s.value = {
-              id: E.id,
-              title: E.title,
-              icon: E.icon,
-              moduleUrl: E.moduleUrl
+            w && (r.value = {
+              id: w.id,
+              title: w.title,
+              icon: w.icon,
+              moduleUrl: w.moduleUrl,
+              description: w.description
             });
           }
           c.value = !0;
         }
-      })), u.type === "group" && ((A = p.actions) == null || A.push({
+      })), m.type === "group" && ((_ = f.actions) == null || _.push({
         name: "editGroup",
         title: "moduleSelector.configEditor.TooltipEditGroup",
         icon: "mdi-playlist-edit",
         callback() {
-          if (i.value.length > 0) {
-            const E = i.value.find(
-              (F) => F.id === p.id
+          if (d.value.length > 0) {
+            const w = d.value.find(
+              (D) => D.id === f.id
             );
-            E && (l.value = E, g.splice(2, 1), g.length > 1 && (g[1].icon = "$vcsPlus", g[1].title = "moduleSelector.configEditor.TooltipAddModule"));
+            if (w) {
+              n.value = w, y.value = !0;
+              const [D] = N([
+                n.value
+              ]);
+              D.cards.length === 0 && (D.cards = []), u = structuredClone(D), b.splice(2, 1), b.length > 1 && (b[1].icon = "$vcsPlus", b[1].title = "moduleSelector.configEditor.TooltipAddModule");
+            }
           }
         }
-      }), u.cards && (p.cards = u.cards.map(y))), (T = p.actions) == null || T.push({
+      }), m.cards && (f.cards = m.cards.map(p))), (E = f.actions) == null || E.push({
         name: "linkButton.editor.remove",
         title: "moduleSelector.configEditor.TooltipDeleteMG",
         icon: "$vcsTrashCan",
         callback() {
-          var E, F, S;
-          l.value ? l.value.cards = (F = (E = l.value) == null ? void 0 : E.cards) == null ? void 0 : F.filter(
-            (B) => B.id !== p.id
-          ) : i.value = (S = i.value) == null ? void 0 : S.filter(
-            (B) => B.id !== p.id
+          var w, D, F;
+          n.value ? n.value.cards = (D = (w = n.value) == null ? void 0 : w.cards) == null ? void 0 : D.filter(
+            (q) => q.id !== f.id
+          ) : d.value = (F = d.value) == null ? void 0 : F.filter(
+            (q) => q.id !== f.id
           );
         }
-      }), p;
+      }), f;
     }
-    g.push({
+    b.push({
       name: "moduleSelector.configEditor.addFromCloud",
+      title: "moduleSelector.configEditor.TooltipAddCloudModule",
       icon: "$vcsImport",
       callback() {
-        a.value = {
+        s.value = {
           id: "",
           title: "",
           icon: "",
-          moduleUrl: ""
-        }, v.value = !0;
+          moduleUrl: "",
+          description: ""
+        }, S.value = !0;
       }
     });
-    function U(u) {
-      var $;
-      if (u.type === "url") {
-        const { actions: p, id: M, name: A, ...T } = u;
-        return {
-          ...T,
-          moduleUrl: u.moduleUrl || ""
-        };
-      } else {
-        const p = (($ = u.cards) == null ? void 0 : $.map((F) => {
-          const { actions: S, id: B, name: z, ...Be } = F;
-          return {
-            ...Be
-          };
-        })) || [], { actions: M, id: A, name: T, ...E } = u;
-        return {
-          ...E,
-          ...p.length ? { cards: p } : {}
-        };
-      }
-    }
     const P = {
       name: "moduleSelector.configEditor.addGroup",
       callback() {
-        var p;
-        const u = {
+        var f;
+        const m = {
           type: "group",
           title: "",
           icon: "",
+          description: "",
           cards: []
         };
-        C.value = !0;
-        const $ = (p = i.value) == null ? void 0 : p.push(
-          y(
-            u,
-            i.value.length
+        y.value = !0;
+        const I = (f = d.value) == null ? void 0 : f.push(
+          p(
+            m,
+            d.value.length
           )
         );
-        l.value = i.value[$ - 1], g.splice(2, 1), g.length > 1 && (g[1].icon = "$vcsPlus", g[1].title = "moduleSelector.configEditor.TooltipAddModule");
+        n.value = d.value[I - 1], y.value = !0, b.splice(2, 1), b.length > 1 && (b[1].icon = "$vcsPlus", b[1].title = "moduleSelector.configEditor.TooltipAddModule");
       }
     };
-    function O(u) {
-      return u.map(U);
-    }
-    (ne = r.value) != null && ne.modules && (i.value = r.value.modules.map(y)), g.push(
+    (W = i.value) != null && W.modules && (d.value = i.value.modules.map(p)), b.push(
       {
         name: "moduleSelector.configEditor.add",
         callback() {
-          s.value = {
+          r.value = {
             id: "",
             title: "",
             icon: "",
-            moduleUrl: ""
+            moduleUrl: "",
+            description: ""
           }, c.value = !0;
         }
       },
       P
-    ), Ee(r, (u) => {
-      u != null && u.modules ? b.value = u.modules.map(
-        ($, p) => y($, p)
-      ) : b.value = [];
+    ), xe(i, (m) => {
+      m != null && m.modules ? M.value = m.modules.map(
+        (I, f) => p(I, f)
+      ) : M.value = [];
     });
-    const ee = () => {
-      var M;
-      const u = ue((M = r.value) == null ? void 0 : M.position), $ = Object.values(u).some(
-        (A) => A !== void 0
-      ), p = {
-        ...ue(r.value),
-        modules: O(i.value),
-        basisModule: ue(h.value)
+    const k = () => {
+      var T;
+      const m = fe((T = i.value) == null ? void 0 : T.position), I = Object.values(m).some(
+        (_) => _ !== void 0
+      ), f = {
+        ...fe(i.value),
+        modules: N(d.value),
+        basisModule: fe($.value)
       };
-      $ ? p.position = u : delete p.position, e.setConfig(p);
-    }, oe = () => {
-      var u, $, p, M, A, T, E, F;
-      if (l.value === void 0) {
-        if (s.value)
-          if (((u = s.value) == null ? void 0 : u.id) !== "") {
-            const S = i.value.find(
-              (B) => {
-                var z;
-                return B.id === ((z = s.value) == null ? void 0 : z.id);
+      I ? f.position = m : delete f.position, e.setConfig(f);
+    }, Q = () => {
+      var m, I, f, T, _, E, w, D;
+      if (n.value === void 0) {
+        if (r.value)
+          if (((m = r.value) == null ? void 0 : m.id) !== "") {
+            const F = d.value.find(
+              (q) => {
+                var H;
+                return q.id === ((H = r.value) == null ? void 0 : H.id);
               }
             );
-            S && Object.assign(S, {
-              ...s.value
+            F && Object.assign(F, {
+              ...r.value
             });
           } else
-            i.value.push(
-              y(
+            d.value.push(
+              p(
                 {
-                  ...s.value,
+                  ...r.value,
                   type: "url"
                 },
-                i.value.length
+                d.value.length
               )
             );
-      } else if (s.value && (($ = s.value) == null ? void 0 : $.id) !== "") {
-        const S = l.value.cards.find(
-          (z) => z.id === s.value.id
+      } else if (r.value && ((I = r.value) == null ? void 0 : I.id) !== "") {
+        const F = n.value.cards.find(
+          (H) => H.id === r.value.id
         );
-        S && Object.assign(S, {
-          ...s.value
+        F && Object.assign(F, {
+          ...r.value
         });
-        let B;
-        (p = l.value) != null && p.id || ((M = l.value) == null ? void 0 : M.id) !== "" ? B = l.value.id : B = `${l.value.title}-${i.value.length - 1}`, l.value = i.value.find(
-          (z) => z.id === B
+        let q;
+        (f = n.value) != null && f.id || ((T = n.value) == null ? void 0 : T.id) !== "" ? q = n.value.id : q = `${n.value.title}-${d.value.length - 1}`, n.value = d.value.find(
+          (H) => H.id === q
         );
       } else {
-        l.value.cards.push(
-          y(
+        n.value.cards.push(
+          p(
             {
-              ...s.value,
+              ...r.value,
               type: "url"
             },
-            l.value.cards.length
+            n.value.cards.length
           )
         );
-        let S;
-        (A = l.value) != null && A.id || ((T = l.value) == null ? void 0 : T.id) !== "" ? S = l.value.id : S = `${(E = l.value) == null ? void 0 : E.title}-${i.value.length - 1}`, l.value = (F = i.value) == null ? void 0 : F.find(
-          (B) => B.id === S
+        let F;
+        (_ = n.value) != null && _.id || ((E = n.value) == null ? void 0 : E.id) !== "" ? F = n.value.id : F = `${(w = n.value) == null ? void 0 : w.title}-${d.value.length - 1}`, n.value = (D = d.value) == null ? void 0 : D.find(
+          (q) => q.id === F
         );
       }
-      s.value = {
+      r.value = {
         id: "",
         title: "",
         icon: "",
-        moduleUrl: ""
+        moduleUrl: "",
+        description: ""
       }, c.value = !1;
-    }, f = () => {
-      var u, $, p, M;
-      if (l.value === void 0)
-        a.value && i.value.push(
-          y(
+    }, X = () => {
+      var m, I, f, T;
+      if (n.value === void 0)
+        s.value && d.value.push(
+          p(
             {
-              title: a.value.title,
-              icon: a.value.icon,
-              moduleUrl: a.value.moduleUrl,
-              type: "url"
+              title: s.value.title,
+              icon: s.value.icon,
+              moduleUrl: s.value.moduleUrl,
+              type: "url",
+              description: s.value.description
             },
-            i.value.length
+            d.value.length
           )
         );
       else {
-        l.value.cards.push(
-          y(
+        n.value.cards.push(
+          p(
             {
-              ...a.value,
+              ...s.value,
               type: "url"
             },
-            l.value.cards.length
+            n.value.cards.length
           )
         );
-        let A;
-        (u = l.value) != null && u.id || (($ = l.value) == null ? void 0 : $.id) !== "" ? A = l.value.id : A = `${(p = l.value) == null ? void 0 : p.title}-${i.value.length - 1}`, l.value = (M = i.value) == null ? void 0 : M.find(
-          (T) => T.id === A
+        let _;
+        (m = n.value) != null && m.id || ((I = n.value) == null ? void 0 : I.id) !== "" ? _ = n.value.id : _ = `${(f = n.value) == null ? void 0 : f.title}-${d.value.length - 1}`, n.value = (T = d.value) == null ? void 0 : T.find(
+          (E) => E.id === _
         );
       }
-      a.value = {
+      s.value = {
         id: "",
         title: "",
         icon: "",
-        moduleUrl: ""
-      }, v.value = !1;
-    }, D = () => {
-      l.value = void 0, g.length > 1 && (delete g[1].icon, delete g[1].title), g.push(P);
-    }, L = k([
-      {
-        title: o.vueI18n.t(
-          "moduleSelector.configEditor.breadcrumbs.overview"
-        ),
-        disabled: !1,
-        href: "#"
+        moduleUrl: "",
+        description: ""
+      }, S.value = !1;
+    }, Y = () => {
+      y.value = !1, n.value = void 0, b.length > 1 && (delete b[1].icon, delete b[1].title), b.push(P);
+    }, V = (m) => m && m.trim() !== "" ? !0 : "moduleSelector.configEditor.error";
+    return {
+      isFormValid: A(),
+      editingItem: r,
+      selectedGroupItem: u,
+      groupItemDialogVisible: y,
+      cancelCurrentGroup: () => {
+        const m = d.value.findIndex(
+          (I) => I.id === n.value.id
+        );
+        if (u.title !== "") {
+          const I = p(u, m);
+          d.value.splice(m, 1, I);
+        } else
+          d.value.splice(m, 1);
+        y.value = !1, n.value = void 0, b.length > 1 && (delete b[1].icon, delete b[1].title), b.push(P);
       },
-      {
-        title: o.vueI18n.t("moduleSelector.configEditor.breadcrumbs.group"),
-        disabled: !0,
-        href: "#"
-      }
-    ]);
-    return Ee(l, (u) => {
-      u && u.title && (L.value[1].title = `${o.vueI18n.t("moduleSelector.configEditor.breadcrumbs.group")}: ${u.title}`, u.name = u.title);
-    }), {
-      editingItem: s,
-      selectCloudItem: a,
+      selectCloudItem: s,
       editingItemDialogVisible: c,
-      selectCloudItemDialogVisible: v,
-      localConfig: r,
-      listItemArray: i,
-      breadcrumbItems: L,
-      currentGroup: l,
-      apply: ee,
-      returnLevel: D,
-      updateItem: oe,
-      updateCloudItem: f,
-      level: t,
-      listItems: b,
-      basisModule: h,
-      basisModuleExists: R,
-      headerActions: g,
-      move({
-        item: u,
-        targetIndex: $
+      selectCloudItemDialogVisible: S,
+      localConfig: i,
+      listItemArray: d,
+      currentGroup: n,
+      apply: k,
+      returnLevel: Y,
+      updateItem: Q,
+      updateCloudItem: X,
+      level: o,
+      listItems: M,
+      basisModule: $,
+      basisModuleExists: B,
+      headerActions: b,
+      isRequired: V,
+      moveItem({
+        item: m,
+        targetIndex: I
       }) {
-        var p, M, A, T, E, F;
-        if (i.value && l.value === void 0) {
-          let S = $;
-          S = S >= 0 ? S : 0, S = S < ((p = i.value) == null ? void 0 : p.length) ? S : i.value.length - 1;
-          const B = (M = i.value) == null ? void 0 : M.indexOf(u);
-          B !== S && ((A = i.value) == null || A.splice(B, 1), (T = i.value) == null || T.splice(S, 0, u));
-        } else if ((((F = (E = l.value) == null ? void 0 : E.cards) == null ? void 0 : F.length) ?? 0) > 1) {
-          let S = $;
-          S = S >= 0 ? S : 0, S = S < l.value.cards.length ? S : l.value.cards.length - 1;
-          const B = l.value.cards.indexOf(u);
-          B && B !== S && (l.value.cards.splice(B, 1), l.value.cards.splice(S, 0, u));
-        }
+        var T, _, E;
+        const f = (T = d.value) == null ? void 0 : T.indexOf(m);
+        f !== I && ((_ = d.value) == null || _.splice(f, 1), (E = d.value) == null || E.splice(I, 0, m));
+      },
+      moveCard({
+        item: m,
+        targetIndex: I
+      }) {
+        var T, _, E, w;
+        const f = n.value.cards.indexOf(m);
+        f !== I && ((_ = (T = n.value) == null ? void 0 : T.cards) == null || _.splice(f, 1), (w = (E = n.value) == null ? void 0 : E.cards) == null || w.splice(I, 0, m));
       }
     };
   }
-});
-function Do(e, o, t, r, i, l) {
-  const s = m("VcsLabel"), a = m("v-col"), v = m("VcsTextField"), c = m("v-row"), C = m("VcsCheckbox"), b = m("v-container"), h = m("VcsFormSection"), R = m("v-breadcrumbs-item"), g = m("v-breadcrumbs"), y = m("VcsList"), U = m("ModuleEditor"), P = m("v-dialog"), O = m("VcsModuleTable"), ee = m("WindowPositionSettings"), oe = m("AbstractConfigEditor");
-  return e.localConfig ? (I(), _(oe, Je({
+}), jo = { class: "d-flex gc-2 px-2 pt-2 pb-2" }, Lo = { class: "d-flex gc-2 justify-end w-100" };
+function zo(e, o, i, d, n, r) {
+  const s = a("VcsLabel"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("VcsCheckbox"), M = a("v-container"), $ = a("VcsFormSection"), B = a("VcsTextArea"), b = a("v-form"), v = a("VcsList"), N = a("VcsFormButton"), p = a("v-sheet"), P = a("v-dialog"), k = a("ModuleEditor"), Q = a("VcsModuleTable"), X = a("WindowPositionSettings"), Y = a("AbstractConfigEditor");
+  return e.localConfig ? (C(), U(Y, se({
     key: 0,
     onSubmit: e.apply
   }, { ...e.$attrs, ...e.$props }), {
-    default: n(() => [
-      e.currentGroup === void 0 ? (I(), _(b, {
-        key: 0,
-        class: "py-0 px-0"
-      }, {
-        default: n(() => [
-          d(h, { heading: "moduleSelector.configEditor.general" }, {
-            default: n(() => [
-              d(b, { class: "py-0 px-1" }, {
-                default: n(() => [
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(s, { "html-for": "moduleselector-window-title" }, {
-                            default: n(() => [
-                              V(
-                                w(e.$st("moduleSelector.configEditor.windowTitle")),
+    default: t(() => [
+      l(M, { class: "py-0 px-0" }, {
+        default: t(() => [
+          l($, { heading: "moduleSelector.configEditor.general" }, {
+            default: t(() => [
+              l(M, { class: "py-0 px-1" }, {
+                default: t(() => [
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, { "html-for": "moduleselector-window-title" }, {
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.windowTitle")),
                                 1
                                 /* TEXT */
                               )
@@ -1727,13 +2044,13 @@ function Do(e, o, t, r, i, l) {
                         _: 1
                         /* STABLE */
                       }),
-                      d(a, null, {
-                        default: n(() => [
-                          d(v, {
+                      l(u, null, {
+                        default: t(() => [
+                          l(S, {
                             id: "moduleselector-window-title",
                             placeholder: e.$st("moduleSelector.title"),
                             modelValue: e.localConfig.windowTitle,
-                            "onUpdate:modelValue": o[0] || (o[0] = (f) => e.localConfig.windowTitle = f)
+                            "onUpdate:modelValue": o[0] || (o[0] = (V) => e.localConfig.windowTitle = V)
                           }, null, 8, ["placeholder", "modelValue"])
                         ]),
                         _: 1
@@ -1743,13 +2060,13 @@ function Do(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   }),
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, null, {
-                        default: n(() => [
-                          d(C, {
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, null, {
+                        default: t(() => [
+                          l(y, {
                             modelValue: e.localConfig.isActiveOnStart,
-                            "onUpdate:modelValue": o[1] || (o[1] = (f) => e.localConfig.isActiveOnStart = f),
+                            "onUpdate:modelValue": o[1] || (o[1] = (V) => e.localConfig.isActiveOnStart = V),
                             label: "moduleSelector.configEditor.isActiveOnStart"
                           }, null, 8, ["modelValue"])
                         ]),
@@ -1760,13 +2077,13 @@ function Do(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   }),
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, null, {
-                        default: n(() => [
-                          d(C, {
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, null, {
+                        default: t(() => [
+                          l(y, {
                             modelValue: e.localConfig.requireModuleSelection,
-                            "onUpdate:modelValue": o[2] || (o[2] = (f) => e.localConfig.requireModuleSelection = f),
+                            "onUpdate:modelValue": o[2] || (o[2] = (V) => e.localConfig.requireModuleSelection = V),
                             label: "moduleSelector.configEditor.requireModuleSelection"
                           }, null, 8, ["modelValue"])
                         ]),
@@ -1785,18 +2102,18 @@ function Do(e, o, t, r, i, l) {
             _: 1
             /* STABLE */
           }),
-          d(h, { heading: "moduleSelector.configEditor.baseModule" }, {
-            default: n(() => [
-              d(b, { class: "py-0 px-1" }, {
-                default: n(() => [
-                  d(c, { "no-gutters": "" }, {
-                    default: n(() => [
-                      d(a, null, {
-                        default: n(() => [
-                          d(C, {
+          l($, { heading: "moduleSelector.configEditor.baseModule" }, {
+            default: t(() => [
+              l(M, { class: "py-0 px-1" }, {
+                default: t(() => [
+                  l(c, { "no-gutters": "" }, {
+                    default: t(() => [
+                      l(u, null, {
+                        default: t(() => [
+                          l(y, {
                             id: "BaseModuleCheckbox",
                             modelValue: e.basisModuleExists,
-                            "onUpdate:modelValue": o[3] || (o[3] = (f) => e.basisModuleExists = f),
+                            "onUpdate:modelValue": o[3] || (o[3] = (V) => e.basisModuleExists = V),
                             label: "moduleSelector.configEditor.baseModuleCheckbox"
                           }, null, 8, ["modelValue"])
                         ]),
@@ -1807,20 +2124,20 @@ function Do(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   }),
-                  e.basisModuleExists ? (I(), _(c, {
+                  e.basisModuleExists ? (C(), U(c, {
                     key: 0,
                     "no-gutters": ""
                   }, {
-                    default: n(() => [
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(s, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, {
                             required: "",
                             "html-for": "basisModuleName"
                           }, {
-                            default: n(() => [
-                              V(
-                                w(e.$st("moduleSelector.configEditor.title")),
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.title")),
                                 1
                                 /* TEXT */
                               )
@@ -1832,16 +2149,16 @@ function Do(e, o, t, r, i, l) {
                         _: 1
                         /* STABLE */
                       }),
-                      d(a, null, {
-                        default: n(() => [
-                          d(v, {
+                      l(u, null, {
+                        default: t(() => [
+                          l(S, {
                             id: "basisModuleName",
                             placeholder: "Base Module",
                             rules: [
                               e.basisModuleExists && (!e.basisModule.title || e.basisModule.title === "") ? () => "moduleSelector.configEditor.error" : () => !0
                             ],
                             modelValue: e.basisModule.title,
-                            "onUpdate:modelValue": o[4] || (o[4] = (f) => e.basisModule.title = f)
+                            "onUpdate:modelValue": o[4] || (o[4] = (V) => e.basisModule.title = V)
                           }, null, 8, ["rules", "modelValue"])
                         ]),
                         _: 1
@@ -1850,21 +2167,21 @@ function Do(e, o, t, r, i, l) {
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : q("v-if", !0),
-                  e.basisModuleExists ? (I(), _(c, {
+                  })) : G("v-if", !0),
+                  e.basisModuleExists ? (C(), U(c, {
                     key: 1,
                     "no-gutters": ""
                   }, {
-                    default: n(() => [
-                      d(a, { cols: "6" }, {
-                        default: n(() => [
-                          d(s, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, {
                             required: "",
                             "html-for": "basisModuleIcon"
                           }, {
-                            default: n(() => [
-                              V(
-                                w(e.$st("components.style.icon")),
+                            default: t(() => [
+                              h(
+                                g(e.$st("components.style.icon")),
                                 1
                                 /* TEXT */
                               )
@@ -1876,16 +2193,16 @@ function Do(e, o, t, r, i, l) {
                         _: 1
                         /* STABLE */
                       }),
-                      d(a, null, {
-                        default: n(() => [
-                          d(v, {
+                      l(u, null, {
+                        default: t(() => [
+                          l(S, {
                             id: "basisModuleIcon",
                             placeholder: "mdi-home-city",
                             rules: [
                               e.basisModuleExists && (!e.basisModule.icon || e.basisModule.icon === "") ? () => "moduleSelector.configEditor.error" : () => !0
                             ],
                             modelValue: e.basisModule.icon,
-                            "onUpdate:modelValue": o[5] || (o[5] = (f) => e.basisModule.icon = f)
+                            "onUpdate:modelValue": o[5] || (o[5] = (V) => e.basisModule.icon = V)
                           }, null, 8, ["rules", "modelValue"])
                         ]),
                         _: 1
@@ -1894,7 +2211,44 @@ function Do(e, o, t, r, i, l) {
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : q("v-if", !0)
+                  })) : G("v-if", !0),
+                  e.basisModuleExists ? (C(), U(c, {
+                    key: 2,
+                    "no-gutters": ""
+                  }, {
+                    default: t(() => [
+                      l(u, { cols: "6" }, {
+                        default: t(() => [
+                          l(s, { "html-for": "basisModuleDescription" }, {
+                            default: t(() => [
+                              h(
+                                g(e.$st("moduleSelector.configEditor.moduleDescription")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      l(u, null, {
+                        default: t(() => [
+                          l(B, {
+                            id: "basisModuleDescription",
+                            modelValue: e.basisModule.description,
+                            "onUpdate:modelValue": o[6] || (o[6] = (V) => e.basisModule.description = V)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : G("v-if", !0)
                 ]),
                 _: 1
                 /* STABLE */
@@ -1906,86 +2260,192 @@ function Do(e, o, t, r, i, l) {
         ]),
         _: 1
         /* STABLE */
-      })) : (I(), _(b, {
-        key: 1,
-        class: "py-0 px-1"
+      }),
+      l(P, {
+        modelValue: e.groupItemDialogVisible,
+        "onUpdate:modelValue": o[13] || (o[13] = (V) => e.groupItemDialogVisible = V),
+        width: "800",
+        persistent: !0
       }, {
-        default: n(() => [
-          d(g, {
-            items: e.breadcrumbItems,
-            divider: "/"
-          }, {
-            item: n(({ item: f }) => [
-              (I(), _(R, {
-                key: f.title,
-                disabled: f.disabled,
-                href: f.href,
-                onClick: (D) => f.disabled ? null : e.returnLevel()
+        default: t(() => [
+          e.currentGroup ? (C(), U(p, { key: 0 }, {
+            default: t(() => [
+              l($, {
+                heading: "moduleSelector.configEditor.groupHeading",
+                "start-open": !0
               }, {
-                default: n(() => [
-                  V(
-                    w(f.title),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["disabled", "href", "onClick"]))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["items"]),
-          d(c, { "no-gutters": "" }, {
-            default: n(() => [
-              d(a, { cols: "6" }, {
-                default: n(() => [
-                  d(s, {
-                    required: "",
-                    "html-for": "groupModuleName"
+                default: t(() => [
+                  l(b, {
+                    modelValue: e.isFormValid,
+                    "onUpdate:modelValue": o[10] || (o[10] = (V) => e.isFormValid = V)
                   }, {
-                    default: n(() => [
-                      V(
-                        w(e.$st("moduleSelector.configEditor.groupName")),
-                        1
-                        /* TEXT */
-                      )
+                    default: t(() => [
+                      l(M, { class: "py-0 px-1" }, {
+                        default: t(() => [
+                          l(c, { "no-gutters": "" }, {
+                            default: t(() => [
+                              l(u, { cols: "6" }, {
+                                default: t(() => [
+                                  l(s, {
+                                    required: "",
+                                    "html-for": "groupModuleName"
+                                  }, {
+                                    default: t(() => [
+                                      h(
+                                        g(e.$st("moduleSelector.configEditor.groupName")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              l(u, null, {
+                                default: t(() => [
+                                  l(S, {
+                                    id: "groupModuleName",
+                                    placeholder: "Module Name",
+                                    modelValue: e.currentGroup.title,
+                                    "onUpdate:modelValue": o[7] || (o[7] = (V) => e.currentGroup.title = V),
+                                    rules: [e.isRequired]
+                                  }, null, 8, ["modelValue", "rules"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          l(c, { "no-gutters": "" }, {
+                            default: t(() => [
+                              l(u, { cols: "6" }, {
+                                default: t(() => [
+                                  l(s, {
+                                    required: "",
+                                    "html-for": "groupModuleIcon"
+                                  }, {
+                                    default: t(() => [
+                                      h(
+                                        g(e.$st("moduleSelector.configEditor.moduleIcon")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              l(u, null, {
+                                default: t(() => [
+                                  l(S, {
+                                    id: "groupModuleIcon",
+                                    placeholder: "Module Icon",
+                                    modelValue: e.currentGroup.icon,
+                                    "onUpdate:modelValue": o[8] || (o[8] = (V) => e.currentGroup.icon = V),
+                                    rules: [e.isRequired]
+                                  }, null, 8, ["modelValue", "rules"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          l(c, { "no-gutters": "" }, {
+                            default: t(() => [
+                              l(u, { cols: "6" }, {
+                                default: t(() => [
+                                  l(s, { "html-for": "groupModuleDescription" }, {
+                                    default: t(() => [
+                                      h(
+                                        g(e.$st("moduleSelector.configEditor.groupDescription")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  })
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }),
+                              l(u, null, {
+                                default: t(() => [
+                                  l(B, {
+                                    id: "groupModuleDescription",
+                                    placeholder: "",
+                                    modelValue: e.currentGroup.description,
+                                    "onUpdate:modelValue": o[9] || (o[9] = (V) => e.currentGroup.description = V)
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
                     ]),
                     _: 1
                     /* STABLE */
-                  })
+                  }, 8, ["modelValue"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              d(a, null, {
-                default: n(() => [
-                  d(v, {
-                    id: "groupModuleName",
-                    placeholder: "Module Name",
-                    modelValue: e.currentGroup.title,
-                    "onUpdate:modelValue": o[6] || (o[6] = (f) => e.currentGroup.title = f),
-                    rules: [(f) => !!f || "moduleSelector.configEditor.error"]
-                  }, null, 8, ["modelValue", "rules"])
+              l($, {
+                heading: "moduleSelector.configEditor.heading2",
+                "start-open": !0,
+                "header-actions": e.headerActions
+              }, {
+                default: t(() => [
+                  l(v, {
+                    class: "draggable-list",
+                    items: e.currentGroup.cards,
+                    draggable: !0,
+                    onItemMoved: e.moveCard
+                  }, null, 8, ["items", "onItemMoved"])
                 ]),
                 _: 1
                 /* STABLE */
-              })
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          d(c, { "no-gutters": "" }, {
-            default: n(() => [
-              d(a, { cols: "6" }, {
-                default: n(() => [
-                  d(s, {
-                    required: "",
-                    "html-for": "groupModuleIcon"
+              }, 8, ["header-actions"]),
+              L("div", jo, [
+                L("div", Lo, [
+                  l(N, {
+                    variant: "filled",
+                    disabled: !e.isFormValid,
+                    onClick: o[11] || (o[11] = (V) => e.returnLevel())
                   }, {
-                    default: n(() => [
-                      V(
-                        w(e.$st("moduleSelector.configEditor.moduleIcon")),
+                    default: t(() => [
+                      h(
+                        g(e.$t("components.apply")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled"]),
+                  l(N, {
+                    onClick: o[12] || (o[12] = (V) => e.cancelCurrentGroup())
+                  }, {
+                    default: t(() => [
+                      h(
+                        g(e.$t("components.cancel")),
                         1
                         /* TEXT */
                       )
@@ -1993,77 +2453,54 @@ function Do(e, o, t, r, i, l) {
                     _: 1
                     /* STABLE */
                   })
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              d(a, null, {
-                default: n(() => [
-                  d(v, {
-                    id: "groupModuleIcon",
-                    placeholder: "Module Icon",
-                    modelValue: e.currentGroup.icon,
-                    "onUpdate:modelValue": o[7] || (o[7] = (f) => e.currentGroup.icon = f),
-                    rules: [
-                      (f) => !!f || "moduleSelector.configEditor.editorError"
-                    ]
-                  }, null, 8, ["modelValue", "rules"])
-                ]),
-                _: 1
-                /* STABLE */
-              })
+                ])
+              ])
             ]),
             _: 1
             /* STABLE */
-          })
+          })) : G("v-if", !0)
         ]),
         _: 1
         /* STABLE */
-      })),
-      d(h, {
+      }, 8, ["modelValue"]),
+      l($, {
         heading: "moduleSelector.configEditor.heading",
         "start-open": !0,
         "header-actions": e.headerActions
       }, {
-        default: n(() => [
-          e.currentGroup === void 0 ? (I(), _(y, {
-            key: 0,
+        default: t(() => [
+          l(v, {
             items: e.listItemArray,
             draggable: !0,
-            onItemMoved: e.move
-          }, null, 8, ["items", "onItemMoved"])) : (I(), _(y, {
-            key: 1,
-            items: e.currentGroup.cards,
-            draggable: !0,
-            onItemMoved: e.move
-          }, null, 8, ["items", "onItemMoved"])),
-          d(P, {
+            onItemMoved: e.moveItem
+          }, null, 8, ["items", "onItemMoved"]),
+          l(P, {
             modelValue: e.editingItemDialogVisible,
-            "onUpdate:modelValue": o[10] || (o[10] = (f) => e.editingItemDialogVisible = f),
+            "onUpdate:modelValue": o[16] || (o[16] = (V) => e.editingItemDialogVisible = V),
             width: "400",
             persistent: !0
           }, {
-            default: n(() => [
-              d(U, {
+            default: t(() => [
+              l(k, {
                 "model-value": e.editingItem,
-                onClose: o[8] || (o[8] = (f) => e.editingItemDialogVisible = !1),
-                onSubmit: o[9] || (o[9] = (f) => e.updateItem())
+                onClose: o[14] || (o[14] = (V) => e.editingItemDialogVisible = !1),
+                onSubmit: o[15] || (o[15] = (V) => e.updateItem())
               }, null, 8, ["model-value"])
             ]),
             _: 1
             /* STABLE */
           }, 8, ["modelValue"]),
-          d(P, {
+          l(P, {
             modelValue: e.selectCloudItemDialogVisible,
-            "onUpdate:modelValue": o[13] || (o[13] = (f) => e.selectCloudItemDialogVisible = f),
+            "onUpdate:modelValue": o[19] || (o[19] = (V) => e.selectCloudItemDialogVisible = V),
             width: "1000",
             persistent: !0
           }, {
-            default: n(() => [
-              d(O, {
+            default: t(() => [
+              l(Q, {
                 "model-value": e.selectCloudItem,
-                onClose: o[11] || (o[11] = (f) => e.selectCloudItemDialogVisible = !1),
-                onSubmit: o[12] || (o[12] = (f) => e.updateCloudItem())
+                onClose: o[17] || (o[17] = (V) => e.selectCloudItemDialogVisible = !1),
+                onSubmit: o[18] || (o[18] = (V) => e.updateCloudItem())
               }, null, 8, ["model-value"])
             ]),
             _: 1
@@ -2073,14 +2510,14 @@ function Do(e, o, t, r, i, l) {
         _: 1
         /* STABLE */
       }, 8, ["header-actions"]),
-      d(h, {
+      l($, {
         heading: "moduleSelector.configEditor.windowPosition",
         expandable: !0
       }, {
-        default: n(() => [
-          d(ee, {
+        default: t(() => [
+          l(X, {
             modelValue: e.localConfig.position,
-            "onUpdate:modelValue": o[14] || (o[14] = (f) => e.localConfig.position = f),
+            "onUpdate:modelValue": o[20] || (o[20] = (V) => e.localConfig.position = V),
             "position-keys": [
               "top",
               "right",
@@ -2099,35 +2536,36 @@ function Do(e, o, t, r, i, l) {
     ]),
     _: 1
     /* STABLE */
-  }, 16, ["onSubmit"])) : q("v-if", !0);
+  }, 16, ["onSubmit"])) : G("v-if", !0);
 }
-const qo = /* @__PURE__ */ Y(Ro, [["render", Do], ["__scopeId", "data-v-82377468"]]);
-function Wo(e) {
+const Wo = /* @__PURE__ */ ne(Po, [["render", zo]]);
+function Xo(e) {
   let o;
   return {
     get name() {
-      return j;
+      return z;
     },
     get version() {
-      return ro;
+      return so;
     },
     get mapVersion() {
-      return so;
+      return uo;
     },
     get config() {
-      return { ...re(), ...e };
+      return { ...ue(), ...e };
     },
-    selectedMainModuleIndex: k(void 0),
-    selectedNestedModuleIndex: k(void 0),
-    async initialize(t, r) {
+    selectedMainModuleIndex: A(void 0),
+    selectedNestedModuleIndex: A(void 0),
+    async initialize(i, d) {
       var s;
-      o = t;
-      const i = {
-        id: se,
-        component: mo,
-        slot: je.DETACHED,
+      o = i;
+      const n = {
+        id: ae,
+        component: po,
+        slot: Ke.DETACHED,
         position: this.config.position,
         state: {
+          headerIcon: "mdi-view-grid",
           headerTitle: this.config.windowTitle,
           infoUrlCallback: o.getHelpUrlCallback("/tools/moduleSelector.html")
         },
@@ -2137,14 +2575,14 @@ function Wo(e) {
           requireModuleSelection: this.config.requireModuleSelection
         }
       };
-      if (r) {
-        const a = Ie(r.smi), v = Ie(r.snmi), c = lo(r.w), { modules: C } = this.config;
-        if (a !== void 0 && a < (C == null ? void 0 : C.length)) {
-          this.selectedMainModuleIndex.value = a;
-          const b = C[a];
-          v !== void 0 && (b == null ? void 0 : b.type) === "group" && v < ((s = b == null ? void 0 : b.cards) == null ? void 0 : s.length) && (this.selectedNestedModuleIndex.value = v);
+      if (d) {
+        const u = Ce(d.smi), S = Ce(d.snmi), c = io(d.w), { modules: y } = this.config;
+        if (u !== void 0 && u < (y == null ? void 0 : y.length)) {
+          this.selectedMainModuleIndex.value = u;
+          const M = y[u];
+          S !== void 0 && (M == null ? void 0 : M.type) === "group" && S < ((s = M == null ? void 0 : M.cards) == null ? void 0 : s.length) && (this.selectedNestedModuleIndex.value = S);
         }
-        c || await Ae(
+        c || await Oe(
           this.selectedMainModuleIndex.value,
           this.selectedNestedModuleIndex.value,
           o,
@@ -2152,35 +2590,35 @@ function Wo(e) {
           this.config.basisModule
         );
       }
-      const { action: l } = Le(
+      const { action: r } = Je(
         {
           name: "moduleSelector",
           title: "moduleSelector.title",
           icon: "mdi-view-grid"
         },
-        i,
+        n,
         o.windowManager,
-        j
+        z
       );
       return o.navbarManager.add(
         {
-          id: l.name,
-          action: l
+          id: r.name,
+          action: r
         },
-        j,
-        ze.PROJECT
-      ), (r && r.w || !r && this.config.isActiveOnStart) && o.windowManager.add(i, j), Promise.resolve();
+        z,
+        Ze.PROJECT
+      ), (d && d.w || !d && this.config.isActiveOnStart) && o.windowManager.add(n, z), Promise.resolve();
     },
-    getDefaultOptions: re,
+    getDefaultOptions: ue,
     getState() {
-      var s, a;
-      const t = (s = this.selectedMainModuleIndex) == null ? void 0 : s.value, r = (a = this.selectedNestedModuleIndex) == null ? void 0 : a.value, i = o.windowManager.has(se), l = this.config.isActiveOnStart;
-      return t !== void 0 || r !== void 0 || i !== l ? { smi: t, snmi: r, w: i } : {};
+      var s, u;
+      const i = (s = this.selectedMainModuleIndex) == null ? void 0 : s.value, d = (u = this.selectedNestedModuleIndex) == null ? void 0 : u.value, n = o.windowManager.has(ae), r = this.config.isActiveOnStart;
+      return i !== void 0 || d !== void 0 || n !== r ? { smi: i, snmi: d, w: n } : {};
     },
     getConfigEditors() {
       return [
         {
-          component: qo,
+          component: Wo,
           title: "moduleSelector.name",
           infoUrlCallback: o.getHelpUrlCallback(
             "/components/plugins/moduleSelectorConfig.html",
@@ -2190,8 +2628,8 @@ function Wo(e) {
       ];
     },
     toJSON() {
-      const t = {}, r = re();
-      return this.config.windowTitle !== r.windowTitle && (t.windowTitle = this.config.windowTitle), this.config.isActiveOnStart !== r.isActiveOnStart && (t.isActiveOnStart = this.config.isActiveOnStart), this.config.requireModuleSelection !== r.requireModuleSelection && (t.requireModuleSelection = this.config.requireModuleSelection), ce(this.config.position, r.position) || (t.position = this.config.position), ce(this.config.modules, r.modules) || (t.modules = this.config.modules), ce(this.config.basisModule, r.basisModule) || (t.basisModule = this.config.basisModule), e.serverUrl != null && (t.serverUrl = e.serverUrl), e.projectId != null && (t.projectId = e.projectId), e.appId != null && (t.appId = e.appId), e.token != null && (t.token = e.token), t;
+      const i = {}, d = ue();
+      return this.config.windowTitle !== d.windowTitle && (i.windowTitle = this.config.windowTitle), this.config.isActiveOnStart !== d.isActiveOnStart && (i.isActiveOnStart = this.config.isActiveOnStart), this.config.requireModuleSelection !== d.requireModuleSelection && (i.requireModuleSelection = this.config.requireModuleSelection), ge(this.config.position, d.position) || (i.position = this.config.position), ge(this.config.modules, d.modules) || (i.modules = this.config.modules), ge(this.config.basisModule, d.basisModule) || (i.basisModule = this.config.basisModule), e.serverUrl != null && (i.serverUrl = e.serverUrl), e.projectId != null && (i.projectId = e.projectId), e.appId != null && (i.appId = e.appId), e.token != null && (i.token = e.token), i;
     },
     i18n: {
       de: {
@@ -2215,6 +2653,7 @@ function Wo(e) {
                 updatedBy: "Aktualisiert von"
               }
             },
+            TooltipAddCloudModule: "Modul aus Projekt hinzufügen",
             TooltipAddModule: "Modul hinzufügen",
             TooltipEditModule: "Modul bearbeiten",
             TooltipEditGroup: "Modul-Gruppe bearbeiten",
@@ -2223,21 +2662,26 @@ function Wo(e) {
             editorError: "Bitte füllen Sie das Feld aus",
             breadcrumbs: { overview: "Übersicht", group: "Gruppe" },
             heading: "Themen- & Modulzuordnung",
+            heading2: "Modulzuordnung",
+            groupHeading: "Gruppeneinstellungen",
             baseModule: "Basismodul",
             baseModuleCheckbox: "Basismodul anzeigen",
             title: "Titel",
-            add: "Module hinzufügen",
-            addGroup: "Module Gruppe hinzufügen",
-            moduleName: "Module Name",
+            add: "Modul hinzufügen",
+            addGroup: "Gruppe hinzufügen",
+            moduleName: "Modul Name",
             moduleIcon: "Icon Name",
-            moduleUrl: "Module URL",
+            moduleUrl: "Modul URL",
+            moduleDescription: "Modul Beschreibung",
+            groupDescription: "Gruppen Beschreibung",
             groupName: "Gruppen Name",
             back: "Zurück",
             general: "Allgemeine Einstellungen",
             isActiveOnStart: "Themenkartenauswahl beim Start der Karte zeigen",
             requireModuleSelection: "Modulauswahl erforderlich machen",
             windowTitle: "Fenster Titel",
-            windowPosition: "Fenster Position"
+            windowPosition: "Fenster Position",
+            moduleSettings: "Modul Einstellungen"
           }
         }
       },
@@ -2262,6 +2706,7 @@ function Wo(e) {
                 updatedBy: "Updated by"
               }
             },
+            TooltipAddCloudModule: "Add module from project",
             TooltipAddModule: "Add module",
             TooltipEditModule: "Edit module",
             TooltipEditGroup: "Edit module group",
@@ -2270,21 +2715,26 @@ function Wo(e) {
             editorError: "Please fill in the field",
             breadcrumbs: { overview: "Overview", group: "Group" },
             heading: "Topic & module assignment",
+            heading2: "Module assignment",
+            groupHeading: "Group settings",
             baseModule: "Base module",
             baseModuleCheckbox: "Show base module",
             title: "Title",
             add: "Add module",
-            addGroup: "Add module Group",
+            addGroup: "Add group",
             moduleName: "Module name",
             moduleIcon: "Icon name",
             moduleUrl: "Module URL",
+            moduleDescription: "Module description",
+            groupDescription: "Group description",
             groupName: "Group name",
             back: "Back",
             general: "General settings",
             isActiveOnStart: "Show theme map selection on map start",
             requireModuleSelection: "Require module selection",
             windowTitle: "Window title",
-            windowPosition: "Window position"
+            windowPosition: "Window position",
+            moduleSettings: "Module settings"
           }
         }
       }
@@ -2294,5 +2744,5 @@ function Wo(e) {
   };
 }
 export {
-  Wo as default
+  Xo as default
 };