@vcmap/module-selector 2.0.1 → 2.0.3

package/dist/index.js

@@ -10,90 +10,93 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('data:text/css;base64,LnYtY2FyZFtkYXRhLXYtMjlhMjIwMmZde2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjE1MHB4O3dpZHRoOjE1MHB4O2FzcGVjdC1yYXRpbzoxO3RyYW5zaXRpb246YmFja2dyb3VuZC1jb2xvciAuM3N9LmZpeGVkLWNhcmRbZGF0YS12LTI5YTIyMDJmXXtoZWlnaHQ6MTUwcHg7d2lkdGg6MTUwcHg7YXNwZWN0LXJhdGlvOjF9LnNlbGVjdGVkLWNhcmRbZGF0YS12LTI5YTIyMDJmXXtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXByaW1hcnkpKTtjb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1vbi1wcmltYXJ5KSl9LnYtYnJlYWRjcnVtYnNbZGF0YS12LWEwNWI5ZDk4XXtwYWRkaW5nOjE2cHggMCA0cHh9Cg==');import { VcsFormButton as re, VcsTextField as te, VcsLabel as se, VcsFormSection as ae, VcsCheckbox as ce, useProxiedComplexModel as ve, useModelHasProperty as ge, VcsList as Me, AbstractConfigEditor as be, WindowSlot as he, createToggleAction as we, ButtonLocation as Ve } from "../../../assets/ui.js";
-import { defineComponent as J, inject as me, computed as j, resolveComponent as m, openBlock as w, createBlock as _, withCtx as l, createVNode as t, createTextVNode as S, toDisplayString as y, createCommentVNode as B, createElementBlock as R, Fragment as W, renderList as le, normalizeClass as ie, ref as N, createElementVNode as Se, reactive as _e, watch as ne, mergeProps as ye } from "../../../assets/vue.js";
-import { VSheet as Ee, VContainer as Z, VRow as Q, VCol as X, VCard as fe, VIcon as Ce, VCardTitle as $e, VForm as Ie, VDivider as ke, VDialog as Ue, VBreadcrumbs as Ae, VBreadcrumbsItem as Te } from "../../../assets/vuetify.js";
-import { VcsModule as Oe } from "../../../assets/core.js";
-function de(e, o) {
+} 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) {
   if (e != null) {
-    const i = Number.parseInt(String(e), 10);
-    if (i != null && !Number.isNaN(i))
-      return i;
+    const t = Number.parseInt(String(e), 10);
+    if (t != null && !Number.isNaN(t))
+      return t;
   }
   return o;
 }
-function Ne(e, o) {
+function lo(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 qe(e) {
+function no(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Be = 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 r, d, n;
+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;
     if (Array.isArray(o)) {
-      if (r = o.length, r != i.length) return !1;
-      for (d = r; d-- !== 0; )
-        if (!e(o[d], i[d])) return !1;
+      if (r = o.length, r != t.length) return !1;
+      for (i = r; i-- !== 0; )
+        if (!e(o[i], t[i])) return !1;
       return !0;
     }
-    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 (n = Object.keys(o), r = n.length, r !== Object.keys(i).length) return !1;
-    for (d = r; d-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(i, n[d])) return !1;
-    for (d = r; d-- !== 0; ) {
-      var u = n[d];
-      if (!e(o[u], i[u])) return !1;
+    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;
     }
     return !0;
   }
-  return o !== o && i !== i;
+  return o !== o && t !== t;
 };
-const oe = /* @__PURE__ */ qe(Be), P = "@vcmap/module-selector", Fe = "2.0.1", Ge = "^6.0";
-async function ue(e, o) {
-  const i = await fetch(e, {
+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, {
     method: "GET"
   }).then((r) => {
     if (r.ok)
       return r.json();
   });
-  if (i) {
-    i._id = "moduleSelector_module_id";
-    const r = new Oe(i);
+  if (t) {
+    t._id = "moduleSelector_module_id";
+    const r = new to(t);
     await o.addModule(r);
   }
 }
-async function Le(e) {
-  var d, n;
-  const o = "moduleSelector_module_id", i = (d = e.maps.activeMap) == null ? void 0 : d.name;
-  e.getModuleById(o) && await e.removeModule(o), e.maps.activeMap || await e.maps.setActiveMap(i || ((n = [...e.maps][0]) == null ? void 0 : n.name));
+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));
 }
-const K = "moduleSelector_window_id";
-async function pe(e, o, i, r, d) {
+const se = "moduleSelector_window_id";
+async function Ae(e, o, t, r, i) {
   var a;
-  if (await Le(i), e === null && !d) {
-    i.windowManager.remove(K);
+  if (await ao(t), e === null && !i) {
+    t.windowManager.remove(se);
     return;
   }
-  const n = r[e], u = (n == null ? void 0 : n.type) === "group" ? (a = n.cards) == null ? void 0 : a[o] : null;
-  u != null && u.moduleUrl ? await ue(u.moduleUrl, i) : (n == null ? void 0 : n.type) === "url" && await ue(n.moduleUrl, i), i.windowManager.remove(K);
+  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 Pe = J({
+const uo = J({
   name: "ModuleSelector",
-  methods: { startApplication: pe },
+  methods: { startApplication: Ae },
   components: {
-    VSheet: Ee,
+    VSheet: Ze,
     VContainer: Z,
     VRow: Q,
     VCol: X,
-    VCard: fe,
-    VIcon: Ce,
-    VCardTitle: $e,
-    VcsFormButton: re
+    VCard: ye,
+    VIcon: ke,
+    VCardTitle: Qe,
+    VcsFormButton: be
   },
   props: {
     modules: {
@@ -112,79 +115,79 @@ const Pe = J({
     }
   },
   setup(e) {
-    const o = me("vcsApp"), i = o.plugins.getByKey(P), { modules: r } = e, d = j(() => {
-      const c = e.modules[i.selectedMainModuleIndex.value];
+    const o = Ve("vcsApp"), t = o.plugins.getByKey(j), { modules: r } = e, i = H(() => {
+      const c = e.modules[t.selectedMainModuleIndex.value];
       return (c == null ? void 0 : c.type) === "group" ? c.cards : [];
-    }), n = (c) => {
-      i.selectedMainModuleIndex.value === c ? i.selectedMainModuleIndex.value = null : i.selectedMainModuleIndex.value = c;
-    }, u = (c) => {
-      i.selectedNestedModuleIndex.value === c ? i.selectedNestedModuleIndex.value = null : i.selectedNestedModuleIndex.value = c;
+    }), l = (c) => {
+      t.selectedMainModuleIndex.value === c ? t.selectedMainModuleIndex.value = null : t.selectedMainModuleIndex.value = c;
+    }, s = (c) => {
+      t.selectedNestedModuleIndex.value === c ? t.selectedNestedModuleIndex.value = null : t.selectedNestedModuleIndex.value = c;
     }, a = () => {
-      i.selectedNestedModuleIndex.value = null, i.selectedMainModuleIndex.value = null;
-    }, v = j(() => {
+      t.selectedNestedModuleIndex.value = null, t.selectedMainModuleIndex.value = null;
+    }, v = H(() => {
       if (!e.requireModuleSelection) return !1;
-      const c = i.selectedMainModuleIndex.value, f = i.selectedNestedModuleIndex.value, g = r[c];
-      return c == null || (g == null ? void 0 : g.type) === "group" && g.cards && f == null;
+      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;
     });
     return {
-      nestedCards: d,
-      plugin: i,
-      selectModule: n,
-      selectNestedModule: u,
+      nestedCards: i,
+      plugin: t,
+      selectModule: l,
+      selectNestedModule: s,
       showMainCards: a,
       isButtonDisabled: v,
       app: o
     };
   }
 }), Y = (e, o) => {
-  const i = e.__vccOpts || e;
-  for (const [r, d] of o)
-    i[r] = d;
-  return i;
+  const t = e.__vccOpts || e;
+  for (const [r, i] of o)
+    t[r] = i;
+  return t;
 };
-function je(e, o, i, r, d, n) {
-  const u = m("v-icon"), a = m("v-card-title"), v = m("v-card"), c = m("v-col"), f = m("v-row"), g = m("VcsFormButton"), $ = m("v-container"), U = m("v-sheet");
-  return w(), _(U, {
+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, {
     class: "module-selector",
     elevation: "1"
   }, {
-    default: l(() => [
-      t($, null, {
-        default: l(() => [
-          t(f, {
+    default: n(() => [
+      d(h, null, {
+        default: n(() => [
+          d(C, {
             class: "justify-center align-center",
             "no-gutters": ""
           }, {
-            default: l(() => [
-              e.basisModule && !e.nestedCards.length ? (w(), _(c, {
+            default: n(() => [
+              e.basisModule && !e.nestedCards.length ? (I(), _(c, {
                 key: 0,
                 cols: "auto",
                 class: "pa-2"
               }, {
-                default: l(() => [
-                  t(v, {
+                default: n(() => [
+                  d(v, {
                     class: "pa-3 fixed-card selected-card",
                     outlined: ""
                   }, {
-                    default: l(() => [
-                      e.basisModule.icon ? (w(), _(u, {
+                    default: n(() => [
+                      e.basisModule.icon ? (I(), _(s, {
                         key: 0,
                         size: "50"
                       }, {
-                        default: l(() => [
-                          S(
-                            y(e.basisModule.icon),
+                        default: n(() => [
+                          V(
+                            w(e.basisModule.icon),
                             1
                             /* TEXT */
                           )
                         ]),
                         _: 1
                         /* STABLE */
-                      })) : B("v-if", !0),
-                      t(a, { class: "text-center" }, {
-                        default: l(() => [
-                          S(
-                            y(e.$st(e.basisModule.title)),
+                      })) : q("v-if", !0),
+                      d(a, { class: "text-center" }, {
+                        default: n(() => [
+                          V(
+                            w(e.$st(e.basisModule.title)),
                             1
                             /* TEXT */
                           )
@@ -199,31 +202,31 @@ function je(e, o, i, r, d, n) {
                 ]),
                 _: 1
                 /* STABLE */
-              })) : B("v-if", !0),
-              e.nestedCards.length ? (w(), R(
-                W,
+              })) : q("v-if", !0),
+              e.nestedCards.length ? (I(), ie(
+                de,
                 { key: 2 },
                 [
-                  t(c, {
+                  d(c, {
                     cols: "auto",
                     class: "pa-2"
                   }, {
-                    default: l(() => [
-                      t(v, {
+                    default: n(() => [
+                      d(v, {
                         class: "fixed-card hover-card",
                         outlined: "",
-                        onClick: o[0] || (o[0] = (V) => e.showMainCards())
+                        onClick: o[0] || (o[0] = (g) => e.showMainCards())
                       }, {
-                        default: l(() => [
-                          t(u, { size: "50" }, {
-                            default: l(() => [
-                              S("mdi-arrow-left")
+                        default: n(() => [
+                          d(s, { size: "50" }, {
+                            default: n(() => [
+                              V("mdi-arrow-left")
                             ]),
                             _: 1
                             /* STABLE */
                           }),
-                          S(
-                            " " + y(e.$st("moduleSelector.cardBack")),
+                          V(
+                            " " + w(e.$st("moduleSelector.cardBack")),
                             1
                             /* TEXT */
                           )
@@ -235,36 +238,36 @@ function je(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  (w(!0), R(
-                    W,
+                  (I(!0), ie(
+                    de,
                     null,
-                    le(e.nestedCards, (V, E) => (w(), _(
+                    pe(e.nestedCards, (g, y) => (I(), _(
                       c,
                       {
-                        key: E,
+                        key: y,
                         cols: "auto",
                         class: "pa-2"
                       },
                       {
-                        default: l(() => [
-                          t(v, {
-                            class: ie(["fixed-card hover-card", {
-                              "selected-card": e.plugin.selectedNestedModuleIndex.value === E
+                        default: n(() => [
+                          d(v, {
+                            class: we(["fixed-card hover-card", {
+                              "selected-card": e.plugin.selectedNestedModuleIndex.value === y
                             }]),
                             outlined: "",
-                            onClick: (I) => e.selectNestedModule(E)
+                            onClick: (U) => e.selectNestedModule(y)
                           }, {
-                            default: l(() => [
-                              V.icon ? (w(), _(
-                                u,
+                            default: n(() => [
+                              g.icon ? (I(), _(
+                                s,
                                 {
                                   key: 0,
                                   size: "50"
                                 },
                                 {
-                                  default: l(() => [
-                                    S(
-                                      y(V.icon),
+                                  default: n(() => [
+                                    V(
+                                      w(g.icon),
                                       1
                                       /* TEXT */
                                     )
@@ -274,14 +277,14 @@ function je(e, o, i, r, d, n) {
                                 },
                                 1024
                                 /* DYNAMIC_SLOTS */
-                              )) : B("v-if", !0),
-                              t(
+                              )) : q("v-if", !0),
+                              d(
                                 a,
                                 { class: "text-center" },
                                 {
-                                  default: l(() => [
-                                    S(
-                                      y(e.$st(V.title)),
+                                  default: n(() => [
+                                    V(
+                                      w(e.$st(g.title)),
                                       1
                                       /* TEXT */
                                     )
@@ -309,36 +312,36 @@ function je(e, o, i, r, d, n) {
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : (w(!0), R(
-                W,
+              )) : (I(!0), ie(
+                de,
                 { key: 1 },
-                le(e.modules, (V, E) => (w(), _(
+                pe(e.modules, (g, y) => (I(), _(
                   c,
                   {
                     cols: "auto",
                     class: "pa-2",
-                    key: E
+                    key: y
                   },
                   {
-                    default: l(() => [
-                      t(v, {
-                        class: ie(["fixed-card hover-card", {
-                          "selected-card": e.plugin.selectedMainModuleIndex.value === E
+                    default: n(() => [
+                      d(v, {
+                        class: we(["fixed-card hover-card", {
+                          "selected-card": e.plugin.selectedMainModuleIndex.value === y
                         }]),
                         outlined: "",
-                        onClick: (I) => e.selectModule(E)
+                        onClick: (U) => e.selectModule(y)
                       }, {
-                        default: l(() => [
-                          V.icon ? (w(), _(
-                            u,
+                        default: n(() => [
+                          g.icon ? (I(), _(
+                            s,
                             {
                               key: 0,
                               size: "50"
                             },
                             {
-                              default: l(() => [
-                                S(
-                                  y(V.icon),
+                              default: n(() => [
+                                V(
+                                  w(g.icon),
                                   1
                                   /* TEXT */
                                 )
@@ -348,14 +351,14 @@ function je(e, o, i, r, d, n) {
                             },
                             1024
                             /* DYNAMIC_SLOTS */
-                          )) : B("v-if", !0),
-                          t(
+                          )) : q("v-if", !0),
+                          d(
                             a,
                             { class: "text-center" },
                             {
-                              default: l(() => [
-                                S(
-                                  y(e.$st(V.title)),
+                              default: n(() => [
+                                V(
+                                  w(e.$st(g.title)),
                                   1
                                   /* TEXT */
                                 )
@@ -384,12 +387,12 @@ function je(e, o, i, r, d, n) {
             _: 1
             /* STABLE */
           }),
-          t(f, { justify: "end" }, {
-            default: l(() => [
-              t(g, {
+          d(C, { justify: "end" }, {
+            default: n(() => [
+              d(b, {
                 variant: "filled",
                 class: "ma-5",
-                onClick: o[1] || (o[1] = (V) => e.startApplication(
+                onClick: o[1] || (o[1] = (g) => e.startApplication(
                   e.plugin.selectedMainModuleIndex.value,
                   e.plugin.selectedNestedModuleIndex.value,
                   e.app,
@@ -398,9 +401,9 @@ function je(e, o, i, r, d, n) {
                 )),
                 disabled: e.isButtonDisabled
               }, {
-                default: l(() => [
-                  S(
-                    y(e.$st("moduleSelector.startButton")),
+                default: n(() => [
+                  V(
+                    w(e.$st("moduleSelector.startButton")),
                     1
                     /* TEXT */
                   )
@@ -421,7 +424,7 @@ function je(e, o, i, r, d, n) {
     /* STABLE */
   });
 }
-const De = /* @__PURE__ */ Y(Pe, [["render", je], ["__scopeId", "data-v-29a2202f"]]), H = () => ({
+const mo = /* @__PURE__ */ Y(uo, [["render", co], ["__scopeId", "data-v-29a2202f"]]), re = () => ({
   windowTitle: "moduleSelector.title",
   isActiveOnStart: !0,
   requireModuleSelection: !1,
@@ -431,20 +434,24 @@ const De = /* @__PURE__ */ Y(Pe, [["render", je], ["__scopeId", "data-v-29a2202f
     top: "10%"
   },
   basisModule: void 0,
-  modules: []
-}), ze = J({
+  modules: [],
+  serverUrl: "",
+  projectId: "",
+  appId: "",
+  token: ""
+}), po = J({
   name: "ModuleEditor",
   components: {
-    VcsTextField: te,
-    VcsLabel: se,
+    VcsTextField: ae,
+    VcsLabel: Me,
     VCol: X,
     VRow: Q,
-    VForm: Ie,
+    VForm: Ue,
     VContainer: Z,
-    VcsFormButton: re,
-    VDivider: ke,
-    VCard: fe,
-    VcsFormSection: ae
+    VcsFormButton: be,
+    VDivider: Xe,
+    VCard: ye,
+    VcsFormSection: Se
   },
   props: {
     modelValue: {
@@ -453,42 +460,42 @@ const De = /* @__PURE__ */ Y(Pe, [["render", je], ["__scopeId", "data-v-29a2202f
     }
   },
   setup(e) {
-    const o = N(e.modelValue), i = N(!1);
+    const o = k(e.modelValue), t = k(!1);
     return {
       localModuleOptions: o,
-      isFormValid: i,
+      isFormValid: t,
       validateForm: () => {
-        i.value = !!o.value.title;
+        t.value = !!o.value.title;
       },
-      requiredRule: (n) => !!n || "moduleSelector.configEditor.editorError"
+      requiredRule: (l) => !!l || "moduleSelector.configEditor.editorError"
     };
   }
-}), Re = { class: "d-flex gc-2 w-100 justify-end pa-2" };
-function We(e, o, i, r, d, n) {
-  const u = m("VcsLabel"), a = m("v-col"), v = m("VcsTextField"), c = m("v-row"), f = m("v-container"), g = m("v-form"), $ = m("v-divider"), U = m("VcsFormButton"), V = m("VcsFormSection"), E = m("v-card");
-  return w(), _(E, null, {
-    default: l(() => [
-      t(V, null, {
-        default: l(() => [
-          t(g, {
+}), 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, {
             modelValue: e.isFormValid,
-            "onUpdate:modelValue": o[3] || (o[3] = (I) => e.isFormValid = I),
+            "onUpdate:modelValue": o[3] || (o[3] = (U) => e.isFormValid = U),
             ref: "form"
           }, {
-            default: l(() => [
-              t(f, { class: "px-2 pt-0 pb-2" }, {
-                default: l(() => [
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+            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, {
                             required: "",
                             "html-for": "moduleName"
                           }, {
-                            default: l(() => [
-                              S(
-                                y(e.$st("moduleSelector.configEditor.moduleName")),
+                            default: n(() => [
+                              V(
+                                w(e.$st("moduleSelector.configEditor.moduleName")),
                                 1
                                 /* TEXT */
                               )
@@ -500,13 +507,13 @@ function We(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(v, {
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(v, {
                             id: "moduleName",
                             placeholder: "Module Name",
                             modelValue: e.localModuleOptions.title,
-                            "onUpdate:modelValue": o[0] || (o[0] = (I) => e.localModuleOptions.title = I),
+                            "onUpdate:modelValue": o[0] || (o[0] = (U) => e.localModuleOptions.title = U),
                             rules: [e.requiredRule]
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -517,17 +524,17 @@ function We(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+                  d(c, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(s, {
                             required: "",
                             "html-for": "moduleIcon"
                           }, {
-                            default: l(() => [
-                              S(
-                                y(e.$st("moduleSelector.configEditor.moduleIcon")),
+                            default: n(() => [
+                              V(
+                                w(e.$st("moduleSelector.configEditor.moduleIcon")),
                                 1
                                 /* TEXT */
                               )
@@ -539,13 +546,13 @@ function We(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(v, {
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(v, {
                             id: "moduleIcon",
                             placeholder: "Icon Name",
                             modelValue: e.localModuleOptions.icon,
-                            "onUpdate:modelValue": o[1] || (o[1] = (I) => e.localModuleOptions.icon = I),
+                            "onUpdate:modelValue": o[1] || (o[1] = (U) => e.localModuleOptions.icon = U),
                             rules: [e.requiredRule]
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -556,17 +563,17 @@ function We(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+                  d(c, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(s, {
                             required: "",
                             "html-for": "moduleUrl"
                           }, {
-                            default: l(() => [
-                              S(
-                                y(e.$st("moduleSelector.configEditor.moduleUrl")),
+                            default: n(() => [
+                              V(
+                                w(e.$st("moduleSelector.configEditor.moduleUrl")),
                                 1
                                 /* TEXT */
                               )
@@ -578,13 +585,13 @@ function We(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(v, {
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(v, {
                             id: "moduleUrl",
                             placeholder: "URL",
                             modelValue: e.localModuleOptions.moduleUrl,
-                            "onUpdate:modelValue": o[2] || (o[2] = (I) => e.localModuleOptions.moduleUrl = I),
+                            "onUpdate:modelValue": o[2] || (o[2] = (U) => e.localModuleOptions.moduleUrl = U),
                             rules: [e.requiredRule]
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -603,18 +610,18 @@ function We(e, o, i, r, d, n) {
             _: 1
             /* STABLE */
           }, 8, ["modelValue"]),
-          t($),
-          Se("div", Re, [
-            t(U, {
+          d(h),
+          fe("div", fo, [
+            d(R, {
               disabled: !e.isFormValid,
               onClick: o[4] || (o[4] = () => {
                 e.$emit("submit", e.localModuleOptions);
               }),
               variant: "filled"
             }, {
-              default: l(() => [
-                S(
-                  y(e.$st("components.apply")),
+              default: n(() => [
+                V(
+                  w(e.$st("components.apply")),
                   1
                   /* TEXT */
                 )
@@ -622,12 +629,12 @@ function We(e, o, i, r, d, n) {
               _: 1
               /* STABLE */
             }, 8, ["disabled"]),
-            t(U, {
-              onClick: o[5] || (o[5] = (I) => e.$emit("close"))
+            d(R, {
+              onClick: o[5] || (o[5] = (U) => e.$emit("close"))
             }, {
-              default: l(() => [
-                S(
-                  y(e.$st("components.cancel")),
+              default: n(() => [
+                V(
+                  w(e.$st("components.cancel")),
                   1
                   /* TEXT */
                 )
@@ -645,14 +652,14 @@ function We(e, o, i, r, d, n) {
     /* STABLE */
   });
 }
-const He = /* @__PURE__ */ Y(ze, [["render", We]]), Ke = J({
+const go = /* @__PURE__ */ Y(po, [["render", vo]]), ho = J({
   name: "WindowPositionSettings",
   components: {
     VContainer: Z,
     VRow: Q,
     VCol: X,
-    VcsCheckbox: ce,
-    VcsTextField: te
+    VcsCheckbox: _e,
+    VcsTextField: ae
   },
   props: {
     modelValue: {
@@ -665,55 +672,55 @@ const He = /* @__PURE__ */ Y(ze, [["render", We]]), Ke = J({
     }
   },
   setup(e, { emit: o }) {
-    const i = ve(
+    const t = Re(
       e,
       "modelValue",
       o
     );
     return {
-      inputs: j(() => e.positionKeys.reduce(
-        (d, n) => (d[n] = {
-          key: n,
-          checkbox: ge(i, n, null),
-          input: j({
+      inputs: H(() => e.positionKeys.reduce(
+        (i, l) => (i[l] = {
+          key: l,
+          checkbox: De(t, l, null),
+          input: H({
             get() {
-              return i.value[n];
+              return t.value[l];
             },
-            set(u) {
-              i.value[n] = u;
+            set(s) {
+              t.value[l] = s;
             }
           }),
           placeholder: "auto"
-        }, d),
+        }, i),
         {}
       ))
     };
   }
 });
-function Je(e, o, i, r, d, n) {
-  const u = m("VcsCheckbox"), a = m("v-col"), v = m("VcsTextField"), c = m("v-row"), f = m("v-container");
-  return w(), _(f, { class: "py-0 px-1" }, {
-    default: l(() => [
-      (w(!0), R(
-        W,
+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,
         null,
-        le(e.inputs, ({ key: g, checkbox: $, input: U, placeholder: V }) => (w(), _(
+        pe(e.inputs, ({ key: b, checkbox: h, input: R, placeholder: g }) => (I(), _(
           c,
           {
             "no-gutters": "",
-            key: g
+            key: b
           },
           {
-            default: l(() => [
-              t(
+            default: n(() => [
+              d(
                 a,
                 null,
                 {
-                  default: l(() => [
-                    t(u, {
-                      label: `appConfigurator.editors.featureInfo.window.position.${g}`,
-                      modelValue: $.value,
-                      "onUpdate:modelValue": (E) => $.value = E
+                  default: n(() => [
+                    d(s, {
+                      label: `appConfigurator.editors.featureInfo.window.position.${b}`,
+                      modelValue: h.value,
+                      "onUpdate:modelValue": (y) => h.value = y
                     }, null, 8, ["label", "modelValue", "onUpdate:modelValue"])
                   ]),
                   _: 2
@@ -722,17 +729,17 @@ function Je(e, o, i, r, d, n) {
                 1024
                 /* DYNAMIC_SLOTS */
               ),
-              t(
+              d(
                 a,
                 null,
                 {
-                  default: l(() => [
-                    t(v, {
+                  default: n(() => [
+                    d(v, {
                       clearable: "",
-                      disabled: !$.value,
-                      placeholder: V,
-                      modelValue: U.value,
-                      "onUpdate:modelValue": (E) => U.value = E,
+                      disabled: !h.value,
+                      placeholder: g,
+                      modelValue: R.value,
+                      "onUpdate:modelValue": (y) => R.value = y,
                       modelModifiers: { trim: !0 }
                     }, null, 8, ["disabled", "placeholder", "modelValue", "onUpdate:modelValue"])
                   ]),
@@ -757,23 +764,610 @@ function Je(e, o, i, r, d, n) {
     /* STABLE */
   });
 }
-const Ze = /* @__PURE__ */ Y(Ke, [["render", Je]]), Qe = J({
+const Mo = /* @__PURE__ */ Y(ho, [["render", bo]]);
+let Ne = "";
+function So(e) {
+  Ne = e;
+}
+let ve;
+function Vo(e) {
+  ve = e;
+}
+let $e = {};
+function yo() {
+  return ve ? {
+    authorization: `Bearer ${ve}`,
+    ...$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;
+  }
+}
+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());
+  });
+  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();
+}
+async function Io(e, o, t, r = void 0, i = {}) {
+  const l = await fetch(e, {
+    method: o,
+    body: r,
+    headers: { ...i, ...yo() },
+    redirect: "follow"
+  });
+  if (l.status === t)
+    return l;
+  let s = await l.text(), a;
+  try {
+    const v = JSON.parse(s);
+    v.reason && ({ reason: s } = v), v.error && ({ error: a } = v);
+  } catch {
+  }
+  throw new wo(l.status, o, e, s, a);
+}
+async function Co(e, o, t, r = void 0, i = {}) {
+  return (await Io(e, o, t, r, i)).json();
+}
+async function $o(e) {
+  const o = "api/v1/project/{projectId}/modules", t = "get", i = Eo(o, e, {
+    projectId: "path",
+    limit: "query",
+    page: "query",
+    sort: "query",
+    orderBy: "query",
+    name: "query"
+  });
+  return Co(i, t, 200, void 0, void 0);
+}
+const N = {
+  OFF: 1,
+  ERROR: 2,
+  WARN: 4,
+  INFO: 8,
+  DEBUG: 16
+}, G = {
+  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 = {
+  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 {
+  /**
+   * @param {string=} className
+   */
+  constructor(o) {
+    this.className = o, this.deprecations = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Logs an error message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  error(o, ...t) {
+    K.logLevel & G.ERROR && this._log(String(o), N.ERROR, t);
+  }
+  /**
+   * 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);
+  }
+  /**
+   * 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);
+    }
+  }
+  /**
+   * Logs an info message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  info(o, ...t) {
+    K.logLevel & G.INFO && this._log(String(o), N.INFO, t);
+  }
+  /**
+   * 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);
+  }
+  /**
+   * 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);
+  }
+  /**
+   * Logs a message
+   * @param {string} msg The message to log.
+   * @param {LOG_LEVEL} level
+   * @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());
+  }
+}
+const ge = /* @__PURE__ */ new Map();
+let me;
+function _o() {
+  return me || (me = new Oe()), me;
+}
+function ko(e) {
+  const o = new Oe(e);
+  return ge.set(e, o), o;
+}
+function he(e) {
+  return e ? ge.has(e) ? ge.get(e) : ko(e) : _o();
+}
+function Uo(e) {
+  try {
+    if (e.serverUrl) {
+      const o = new URL(
+        e.serverUrl,
+        window.location.href
+      ).toString();
+      So(o);
+      const t = e.token || localStorage.getItem("Meteor.loginToken");
+      t && (Vo(t), he(j).info("Publisher connection successful"));
+    }
+  } catch (o) {
+    he(j).error("Failed to connect to publisher", o);
+  }
+}
+function Ao(e, o) {
+  return new Date(e).toLocaleString(o);
+}
+function No() {
+  return [
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.name",
+      value: "name"
+    },
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.type",
+      value: "type",
+      sortable: !1
+    },
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.description",
+      value: "description"
+    },
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.createdAt",
+      value: "createdAt",
+      sort: (e, o) => new Date(o).getTime() - new Date(e).getTime()
+    },
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.updatedAt",
+      value: "updatedAt",
+      sort: (e, o) => new Date(o).getTime() - new Date(e).getTime()
+    },
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.createdBy",
+      value: "createdBy"
+    },
+    {
+      title: "moduleSelector.configEditor.moduleCloudPicker.headers.updatedBy",
+      value: "updatedBy"
+    }
+  ];
+}
+const Oo = J({
+  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
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e, { emit: o }) {
+    const t = Ve("vcsApp"), r = t.plugins.getByKey(j), i = t.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 = {
+      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
+          };
+          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(
+          "Failed to load project modules.",
+          p
+        );
+      }).finally(() => {
+        l.value = !1;
+      });
+    }
+    return {
+      selectedItem: h,
+      isItemIdEmpty: R,
+      loading: l,
+      items: s,
+      totalItems: a,
+      totalPages: v,
+      headers: C,
+      selected: c,
+      typeIcon(D) {
+        return U[D];
+      },
+      formatDate: Ao,
+      getItems: P,
+      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`);
+      },
+      isFValid: g,
+      validateForm: y,
+      removeSelected: () => {
+        h.value.id = "", h.value.title = "", h.value.icon = "", h.value.moduleUrl = "";
+      },
+      requiredRule: (D) => !!D || "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, {
+          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
+        }, {
+          "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 */
+            )
+          ]),
+          _: 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, {
+              modelValue: e.isFValid,
+              "onUpdate:modelValue": o[3] || (o[3] = (O) => e.isFValid = O),
+              ref: "form"
+            }, {
+              default: n(() => [
+                d(R, { class: "px-2 pt-0 pb-2" }, {
+                  default: n(() => [
+                    d(h, {
+                      "no-gutters": "",
+                      class: "px-2"
+                    }, {
+                      default: n(() => [
+                        d(C, { cols: "2" }, {
+                          default: n(() => [
+                            d(c, {
+                              required: "",
+                              "html-for": "moduleName"
+                            }, {
+                              default: n(() => [
+                                V(
+                                  w(e.$st("moduleSelector.configEditor.moduleName")),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        d(C, { cols: "4" }, {
+                          default: n(() => [
+                            d(b, {
+                              id: "moduleName",
+                              placeholder: "Module Name",
+                              modelValue: e.selectedItem.title,
+                              "onUpdate:modelValue": o[1] || (o[1] = (O) => e.selectedItem.title = O),
+                              rules: [e.requiredRule]
+                            }, null, 8, ["modelValue", "rules"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    d(h, {
+                      "no-gutters": "",
+                      class: "px-2"
+                    }, {
+                      default: n(() => [
+                        d(C, { cols: "2" }, {
+                          default: n(() => [
+                            d(c, {
+                              required: "",
+                              "html-for": "moduleIcon"
+                            }, {
+                              default: n(() => [
+                                V(
+                                  w(e.$st("moduleSelector.configEditor.moduleIcon")),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        d(C, { cols: "4" }, {
+                          default: n(() => [
+                            d(b, {
+                              id: "moduleIcon",
+                              placeholder: "Icon Name",
+                              modelValue: e.selectedItem.icon,
+                              "onUpdate:modelValue": o[2] || (o[2] = (O) => e.selectedItem.icon = O),
+                              rules: [e.requiredRule]
+                            }, null, 8, ["modelValue", "rules"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"])
+          ]),
+          _: 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"])
+        ])
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+const Fo = /* @__PURE__ */ Y(Oo, [["render", To]]), Ro = J({
   name: "ModuleSelectorConfigEditor",
   components: {
-    VcsCheckbox: ce,
-    VDialog: Ue,
-    VcsList: Me,
-    VcsFormSection: ae,
+    VcsCheckbox: _e,
+    VDialog: xe,
+    VcsList: Pe,
+    VcsFormSection: Se,
     VRow: Q,
-    VcsLabel: se,
-    AbstractConfigEditor: be,
-    VcsTextField: te,
+    VcsLabel: Me,
+    AbstractConfigEditor: Ge,
+    VcsTextField: ae,
     VCol: X,
     VContainer: Z,
-    ModuleEditor: He,
-    VBreadcrumbs: Ae,
-    VBreadcrumbsItem: Te,
-    WindowPositionSettings: Ze
+    ModuleEditor: go,
+    VBreadcrumbs: eo,
+    VBreadcrumbsItem: oo,
+    WindowPositionSettings: Mo,
+    VcsModuleTable: Fo
   },
   props: {
     getConfig: {
@@ -786,208 +1380,265 @@ const Ze = /* @__PURE__ */ Y(Ke, [["render", Je]]), Qe = J({
     }
   },
   setup(e) {
-    var z, p, ee;
-    const o = me("vcsApp"), i = N(0), r = N(void 0), d = N([]), n = N(void 0), u = N(void 0), a = N(void 0);
-    r.value = { ...H(), ...e.getConfig() };
-    const v = N();
-    (z = r.value) != null && z.basisModule && (v.value = (p = r.value) == null ? void 0 : p.basisModule);
-    const c = j({
+    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(),
+      ...e.getConfig()
+    };
+    const h = k();
+    (te = r.value) != null && te.basisModule && (h.value = (le = r.value) == null ? void 0 : le.basisModule);
+    const R = H({
       get() {
-        return !!v.value;
+        return !!h.value;
       },
-      set(s) {
-        var C;
-        s ? v.value = ((C = r.value) == null ? void 0 : C.basisModule) || { title: "" } : v.value = null;
+      set(u) {
+        var $;
+        u ? h.value = (($ = r.value) == null ? void 0 : $.basisModule) || { title: "" } : h.value = null;
       }
-    }), f = _e([]);
-    function g(s) {
-      var C;
-      if (s.type === "url")
-        return {
-          title: s.title,
-          type: s.type,
-          icon: s.icon,
-          moduleUrl: s.moduleUrl || ""
-        };
-      {
-        const M = ((C = s.cards) == null ? void 0 : C.map((A) => ({
-          title: A.title,
-          icon: A.icon,
-          moduleUrl: A.moduleUrl,
-          type: A.type
-        }))) || [];
-        return {
-          title: s.title,
-          type: s.type,
-          icon: s.icon,
-          ...M.length ? { cards: M } : {}
-        };
-      }
-    }
-    const $ = {
-      name: "moduleSelector.configEditor.addGroup",
-      callback() {
-        var M;
-        const s = {
-          type: "group",
-          name: "",
-          id: "",
-          title: "title",
-          icon: "icon",
-          cards: []
-        };
-        (M = d.value) == null || M.push(s), n.value = s;
-        const C = d.value.indexOf(s);
-        s.id = `${s.title}-${C}`, f.splice(1, 1), f.length > 0 && (f[0].icon = "$vcsPlus", f[0].title = "moduleSelector.configEditor.TooltipAddModule");
-      }
-    };
-    function U(s) {
-      return s.map(g);
-    }
-    function V(s, C) {
-      var A, F, G;
-      const M = {
-        id: `${s.title}-${C}`,
-        name: s.title,
-        title: s.title,
-        icon: s.icon,
-        type: s.type,
+    }), 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,
         actions: []
       };
-      return s.type === "url" && (M.moduleUrl = s.moduleUrl, (A = M.actions) == null || A.push({
+      return u.type === "url" && (p.moduleUrl = u.moduleUrl, (M = p.actions) == null || M.push({
         name: "edit",
         title: "moduleSelector.configEditor.TooltipEditModule",
         icon: "$vcsEdit",
         callback() {
-          if (n.value === void 0 && d.value.length > 0) {
-            const b = d.value.find(
-              (k) => k.id === M.id
+          if (l.value === void 0 && i.value.length > 0) {
+            const E = i.value.find(
+              (F) => F.id === p.id
             );
-            b && (u.value = {
-              id: b.id,
-              title: b.title,
-              icon: b.icon,
-              moduleUrl: b.moduleUrl
+            E && (s.value = {
+              id: E.id,
+              title: E.title,
+              icon: E.icon,
+              moduleUrl: E.moduleUrl
             });
           } else {
-            const b = n.value.cards.find(
-              (k) => k.id === M.id
+            const E = l.value.cards.find(
+              (F) => F.id === p.id
             );
-            b && (u.value = {
-              id: b.id,
-              title: b.title,
-              icon: b.icon,
-              moduleUrl: b.moduleUrl
+            E && (s.value = {
+              id: E.id,
+              title: E.title,
+              icon: E.icon,
+              moduleUrl: E.moduleUrl
             });
           }
+          c.value = !0;
         }
-      })), s.type === "group" && ((F = M.actions) == null || F.push({
+      })), u.type === "group" && ((A = p.actions) == null || A.push({
         name: "editGroup",
         title: "moduleSelector.configEditor.TooltipEditGroup",
         icon: "mdi-playlist-edit",
         callback() {
-          if (d.value.length > 0) {
-            const b = d.value.find(
-              (k) => k.id === M.id
+          if (i.value.length > 0) {
+            const E = i.value.find(
+              (F) => F.id === p.id
             );
-            b && (n.value = b, f.splice(1, 1), f.length > 0 && (f[0].icon = "$vcsPlus", f[0].title = "moduleSelector.configEditor.TooltipAddModule"));
+            E && (l.value = E, g.splice(2, 1), g.length > 1 && (g[1].icon = "$vcsPlus", g[1].title = "moduleSelector.configEditor.TooltipAddModule"));
           }
         }
-      }), s.cards && (M.cards = s.cards.map(V))), (G = M.actions) == null || G.push({
+      }), u.cards && (p.cards = u.cards.map(y))), (T = p.actions) == null || T.push({
         name: "linkButton.editor.remove",
         title: "moduleSelector.configEditor.TooltipDeleteMG",
         icon: "$vcsTrashCan",
         callback() {
-          var b, k, h;
-          n.value ? n.value.cards = (k = (b = n.value) == null ? void 0 : b.cards) == null ? void 0 : k.filter(
-            (T) => T.id !== M.id
-          ) : d.value = (h = d.value) == null ? void 0 : h.filter(
-            (T) => T.id !== M.id
+          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
           );
         }
-      }), M;
+      }), p;
     }
-    (ee = r.value) != null && ee.modules && (d.value = r.value.modules.map(V)), f.push(
+    g.push({
+      name: "moduleSelector.configEditor.addFromCloud",
+      icon: "$vcsImport",
+      callback() {
+        a.value = {
+          id: "",
+          title: "",
+          icon: "",
+          moduleUrl: ""
+        }, v.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 = {
+          type: "group",
+          title: "",
+          icon: "",
+          cards: []
+        };
+        C.value = !0;
+        const $ = (p = i.value) == null ? void 0 : p.push(
+          y(
+            u,
+            i.value.length
+          )
+        );
+        l.value = i.value[$ - 1], g.splice(2, 1), g.length > 1 && (g[1].icon = "$vcsPlus", g[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(
       {
         name: "moduleSelector.configEditor.add",
         callback() {
-          u.value = {
+          s.value = {
             id: "",
-            title: "title",
-            icon: "icon",
-            moduleUrl: "url"
-          };
+            title: "",
+            icon: "",
+            moduleUrl: ""
+          }, c.value = !0;
         }
       },
-      $
-    ), ne(r, (s) => {
-      s != null && s.modules ? a.value = s.modules.map(
-        (C, M) => V(C, M)
-      ) : a.value = [];
+      P
+    ), Ee(r, (u) => {
+      u != null && u.modules ? b.value = u.modules.map(
+        ($, p) => y($, p)
+      ) : b.value = [];
     });
-    const E = () => {
-      e.setConfig({
-        ...r.value,
-        modules: U(d.value),
-        basisModule: v.value
-      });
-    }, I = () => {
-      var s, C, M, A, F, G, b, k, h, T;
-      if (n.value === void 0) {
-        if (u.value)
-          if (((s = u.value) == null ? void 0 : s.id) !== "") {
-            const O = d.value.find(
-              (q) => {
-                var L;
-                return q.id === ((L = u.value) == null ? void 0 : L.id);
+    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)
+      };
+      $ ? 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);
               }
             );
-            O && (O.title = u.value.title, O.icon = u.value.icon, O.moduleUrl = u.value.moduleUrl);
-          } else {
-            d.value.push({
-              id: `${u.value.title}-${d.value.length}`,
-              title: u.value.title,
-              name: u.value.title,
-              icon: u.value.icon,
-              moduleUrl: u.value.moduleUrl,
-              type: "url"
+            S && Object.assign(S, {
+              ...s.value
             });
-            const O = U(
-              d.value
+          } else
+            i.value.push(
+              y(
+                {
+                  ...s.value,
+                  type: "url"
+                },
+                i.value.length
+              )
             );
-            d.value = O.map(V);
-          }
-      } else if (u.value && ((C = u.value) == null ? void 0 : C.id) !== "") {
-        const O = n.value.cards.find(
-          (L) => L.id === u.value.id
+      } else if (s.value && (($ = s.value) == null ? void 0 : $.id) !== "") {
+        const S = l.value.cards.find(
+          (z) => z.id === s.value.id
         );
-        O && (O.title = u.value.title, O.icon = u.value.icon, O.moduleUrl = u.value.moduleUrl);
-        let q;
-        (M = n.value) != null && M.id || ((A = n.value) == null ? void 0 : A.id) !== "" ? q = n.value.id : q = `${n.value.title}-${d.value.length - 1}`, n.value = d.value.find(
-          (L) => L.id === q
+        S && Object.assign(S, {
+          ...s.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
         );
       } else {
-        n.value.cards.push({
-          id: `${u.value.title}-${(G = (F = n.value) == null ? void 0 : F.cards) == null ? void 0 : G.length}`,
-          title: u.value.title,
-          name: u.value.title,
-          icon: u.value.icon,
-          moduleUrl: u.value.moduleUrl,
-          type: "url"
-        });
-        const O = U(
-          d.value
+        l.value.cards.push(
+          y(
+            {
+              ...s.value,
+              type: "url"
+            },
+            l.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
+        );
+      }
+      s.value = {
+        id: "",
+        title: "",
+        icon: "",
+        moduleUrl: ""
+      }, c.value = !1;
+    }, f = () => {
+      var u, $, p, M;
+      if (l.value === void 0)
+        a.value && i.value.push(
+          y(
+            {
+              title: a.value.title,
+              icon: a.value.icon,
+              moduleUrl: a.value.moduleUrl,
+              type: "url"
+            },
+            i.value.length
+          )
+        );
+      else {
+        l.value.cards.push(
+          y(
+            {
+              ...a.value,
+              type: "url"
+            },
+            l.value.cards.length
+          )
         );
-        d.value = O.map(V);
-        let q;
-        (b = n.value) != null && b.id || ((k = n.value) == null ? void 0 : k.id) !== "" ? q = n.value.id : q = `${(h = n.value) == null ? void 0 : h.title}-${d.value.length - 1}`, n.value = (T = d.value) == null ? void 0 : T.find(
-          (L) => L.id === q
+        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
         );
       }
-      u.value = void 0;
-    }, x = () => {
-      n.value = void 0, f.length > 0 && (delete f[0].icon, delete f[0].title), f.push($);
-    }, D = N([
+      a.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"
@@ -1001,66 +1652,70 @@ const Ze = /* @__PURE__ */ Y(Ke, [["render", Je]]), Qe = J({
         href: "#"
       }
     ]);
-    return ne(n, (s) => {
-      s && s.title && (D.value[1].title = `${o.vueI18n.t("moduleSelector.configEditor.breadcrumbs.group")}: ${s.title}`, s.name = s.title);
+    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: u,
+      editingItem: s,
+      selectCloudItem: a,
+      editingItemDialogVisible: c,
+      selectCloudItemDialogVisible: v,
       localConfig: r,
-      listItemArray: d,
-      breadcrumbItems: D,
-      currentGroup: n,
-      apply: E,
-      returnLevel: x,
-      updateItem: I,
-      level: i,
-      listItems: a,
-      basisModule: v,
-      basisModuleExists: c,
-      headerActions: f,
+      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: s,
-        targetIndex: C
+        item: u,
+        targetIndex: $
       }) {
-        var M, A, F, G, b, k;
-        if (d.value && n.value === void 0) {
-          let h = C;
-          h = h >= 0 ? h : 0, h = h < ((M = d.value) == null ? void 0 : M.length) ? h : d.value.length - 1;
-          const T = (A = d.value) == null ? void 0 : A.indexOf(s);
-          T !== h && ((F = d.value) == null || F.splice(T, 1), (G = d.value) == null || G.splice(h, 0, s));
-        } else if ((((k = (b = n.value) == null ? void 0 : b.cards) == null ? void 0 : k.length) ?? 0) > 1) {
-          let h = C;
-          h = h >= 0 ? h : 0, h = h < n.value.cards.length ? h : n.value.cards.length - 1;
-          const T = n.value.cards.indexOf(s);
-          T && T !== h && (n.value.cards.splice(T, 1), n.value.cards.splice(h, 0, s));
+        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));
         }
       }
     };
   }
 });
-function Xe(e, o, i, r, d, n) {
-  const u = m("VcsLabel"), a = m("v-col"), v = m("VcsTextField"), c = m("v-row"), f = m("VcsCheckbox"), g = m("v-container"), $ = m("VcsFormSection"), U = m("WindowPositionSettings"), V = m("v-breadcrumbs-item"), E = m("v-breadcrumbs"), I = m("VcsList"), x = m("ModuleEditor"), D = m("v-dialog"), z = m("AbstractConfigEditor");
-  return e.localConfig ? (w(), _(z, ye({
+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({
     key: 0,
     onSubmit: e.apply
   }, { ...e.$attrs, ...e.$props }), {
-    default: l(() => [
-      e.currentGroup === void 0 ? (w(), _(g, {
+    default: n(() => [
+      e.currentGroup === void 0 ? (I(), _(b, {
         key: 0,
         class: "py-0 px-0"
       }, {
-        default: l(() => [
-          t($, { heading: "moduleSelector.configEditor.general" }, {
-            default: l(() => [
-              t(g, { class: "py-0 px-1" }, {
-                default: l(() => [
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, { "html-for": "moduleselector-window-title" }, {
-                            default: l(() => [
-                              S(
-                                y(e.$st("moduleSelector.configEditor.windowTitle")),
+        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")),
                                 1
                                 /* TEXT */
                               )
@@ -1072,13 +1727,13 @@ function Xe(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, null, {
-                        default: l(() => [
-                          t(v, {
+                      d(a, null, {
+                        default: n(() => [
+                          d(v, {
                             id: "moduleselector-window-title",
-                            placeholder: e.$t("moduleSelector.title"),
+                            placeholder: e.$st("moduleSelector.title"),
                             modelValue: e.localConfig.windowTitle,
-                            "onUpdate:modelValue": o[0] || (o[0] = (p) => e.localConfig.windowTitle = p)
+                            "onUpdate:modelValue": o[0] || (o[0] = (f) => e.localConfig.windowTitle = f)
                           }, null, 8, ["placeholder", "modelValue"])
                         ]),
                         _: 1
@@ -1088,13 +1743,13 @@ function Xe(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, null, {
-                        default: l(() => [
-                          t(f, {
+                  d(c, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(a, null, {
+                        default: n(() => [
+                          d(C, {
                             modelValue: e.localConfig.isActiveOnStart,
-                            "onUpdate:modelValue": o[1] || (o[1] = (p) => e.localConfig.isActiveOnStart = p),
+                            "onUpdate:modelValue": o[1] || (o[1] = (f) => e.localConfig.isActiveOnStart = f),
                             label: "moduleSelector.configEditor.isActiveOnStart"
                           }, null, 8, ["modelValue"])
                         ]),
@@ -1105,13 +1760,13 @@ function Xe(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, null, {
-                        default: l(() => [
-                          t(f, {
+                  d(c, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(a, null, {
+                        default: n(() => [
+                          d(C, {
                             modelValue: e.localConfig.requireModuleSelection,
-                            "onUpdate:modelValue": o[2] || (o[2] = (p) => e.localConfig.requireModuleSelection = p),
+                            "onUpdate:modelValue": o[2] || (o[2] = (f) => e.localConfig.requireModuleSelection = f),
                             label: "moduleSelector.configEditor.requireModuleSelection"
                           }, null, 8, ["modelValue"])
                         ]),
@@ -1130,41 +1785,18 @@ function Xe(e, o, i, r, d, n) {
             _: 1
             /* STABLE */
           }),
-          t($, {
-            heading: "moduleSelector.configEditor.windowPosition",
-            expandable: !0
-          }, {
-            default: l(() => [
-              t(U, {
-                modelValue: e.localConfig.position,
-                "onUpdate:modelValue": o[3] || (o[3] = (p) => e.localConfig.position = p),
-                "position-keys": [
-                  "top",
-                  "right",
-                  "bottom",
-                  "left",
-                  "width",
-                  "maxWidth",
-                  "height",
-                  "maxHeight"
-                ]
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          t($, { heading: "moduleSelector.configEditor.baseModule" }, {
-            default: l(() => [
-              t(g, { class: "py-0 px-1" }, {
-                default: l(() => [
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, null, {
-                        default: l(() => [
-                          t(f, {
+          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, {
                             id: "BaseModuleCheckbox",
                             modelValue: e.basisModuleExists,
-                            "onUpdate:modelValue": o[4] || (o[4] = (p) => e.basisModuleExists = p),
+                            "onUpdate:modelValue": o[3] || (o[3] = (f) => e.basisModuleExists = f),
                             label: "moduleSelector.configEditor.baseModuleCheckbox"
                           }, null, 8, ["modelValue"])
                         ]),
@@ -1175,20 +1807,20 @@ function Xe(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  e.basisModuleExists ? (w(), _(c, {
+                  e.basisModuleExists ? (I(), _(c, {
                     key: 0,
                     "no-gutters": ""
                   }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+                    default: n(() => [
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(s, {
                             required: "",
                             "html-for": "basisModuleName"
                           }, {
-                            default: l(() => [
-                              S(
-                                y(e.$st("moduleSelector.configEditor.title")),
+                            default: n(() => [
+                              V(
+                                w(e.$st("moduleSelector.configEditor.title")),
                                 1
                                 /* TEXT */
                               )
@@ -1200,16 +1832,16 @@ function Xe(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, null, {
-                        default: l(() => [
-                          t(v, {
+                      d(a, null, {
+                        default: n(() => [
+                          d(v, {
                             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[5] || (o[5] = (p) => e.basisModule.title = p)
+                            "onUpdate:modelValue": o[4] || (o[4] = (f) => e.basisModule.title = f)
                           }, null, 8, ["rules", "modelValue"])
                         ]),
                         _: 1
@@ -1218,21 +1850,21 @@ function Xe(e, o, i, r, d, n) {
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : B("v-if", !0),
-                  e.basisModuleExists ? (w(), _(c, {
+                  })) : q("v-if", !0),
+                  e.basisModuleExists ? (I(), _(c, {
                     key: 1,
                     "no-gutters": ""
                   }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+                    default: n(() => [
+                      d(a, { cols: "6" }, {
+                        default: n(() => [
+                          d(s, {
                             required: "",
                             "html-for": "basisModuleIcon"
                           }, {
-                            default: l(() => [
-                              S(
-                                y(e.$st("components.style.icon")),
+                            default: n(() => [
+                              V(
+                                w(e.$st("components.style.icon")),
                                 1
                                 /* TEXT */
                               )
@@ -1244,16 +1876,16 @@ function Xe(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, null, {
-                        default: l(() => [
-                          t(v, {
+                      d(a, null, {
+                        default: n(() => [
+                          d(v, {
                             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[6] || (o[6] = (p) => e.basisModule.icon = p)
+                            "onUpdate:modelValue": o[5] || (o[5] = (f) => e.basisModule.icon = f)
                           }, null, 8, ["rules", "modelValue"])
                         ]),
                         _: 1
@@ -1262,7 +1894,7 @@ function Xe(e, o, i, r, d, n) {
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : B("v-if", !0)
+                  })) : q("v-if", !0)
                 ]),
                 _: 1
                 /* STABLE */
@@ -1274,25 +1906,25 @@ function Xe(e, o, i, r, d, n) {
         ]),
         _: 1
         /* STABLE */
-      })) : (w(), _(g, {
+      })) : (I(), _(b, {
         key: 1,
         class: "py-0 px-1"
       }, {
-        default: l(() => [
-          t(E, {
+        default: n(() => [
+          d(g, {
             items: e.breadcrumbItems,
             divider: "/"
           }, {
-            item: l(({ item: p }) => [
-              (w(), _(V, {
-                key: p.title,
-                disabled: p.disabled,
-                href: p.href,
-                onClick: (ee) => p.disabled ? null : e.returnLevel()
+            item: n(({ item: f }) => [
+              (I(), _(R, {
+                key: f.title,
+                disabled: f.disabled,
+                href: f.href,
+                onClick: (D) => f.disabled ? null : e.returnLevel()
               }, {
-                default: l(() => [
-                  S(
-                    y(p.title),
+                default: n(() => [
+                  V(
+                    w(f.title),
                     1
                     /* TEXT */
                   )
@@ -1304,17 +1936,17 @@ function Xe(e, o, i, r, d, n) {
             _: 1
             /* STABLE */
           }, 8, ["items"]),
-          t(c, { "no-gutters": "" }, {
-            default: l(() => [
-              t(a, { cols: "6" }, {
-                default: l(() => [
-                  t(u, {
+          d(c, { "no-gutters": "" }, {
+            default: n(() => [
+              d(a, { cols: "6" }, {
+                default: n(() => [
+                  d(s, {
                     required: "",
                     "html-for": "groupModuleName"
                   }, {
-                    default: l(() => [
-                      S(
-                        y(e.$st("moduleSelector.configEditor.groupName")),
+                    default: n(() => [
+                      V(
+                        w(e.$st("moduleSelector.configEditor.groupName")),
                         1
                         /* TEXT */
                       )
@@ -1326,14 +1958,14 @@ function Xe(e, o, i, r, d, n) {
                 _: 1
                 /* STABLE */
               }),
-              t(a, null, {
-                default: l(() => [
-                  t(v, {
+              d(a, null, {
+                default: n(() => [
+                  d(v, {
                     id: "groupModuleName",
                     placeholder: "Module Name",
                     modelValue: e.currentGroup.title,
-                    "onUpdate:modelValue": o[7] || (o[7] = (p) => e.currentGroup.title = p),
-                    rules: [(p) => !!p || "moduleSelector.configEditor.error"]
+                    "onUpdate:modelValue": o[6] || (o[6] = (f) => e.currentGroup.title = f),
+                    rules: [(f) => !!f || "moduleSelector.configEditor.error"]
                   }, null, 8, ["modelValue", "rules"])
                 ]),
                 _: 1
@@ -1343,17 +1975,17 @@ function Xe(e, o, i, r, d, n) {
             _: 1
             /* STABLE */
           }),
-          t(c, { "no-gutters": "" }, {
-            default: l(() => [
-              t(a, { cols: "6" }, {
-                default: l(() => [
-                  t(u, {
+          d(c, { "no-gutters": "" }, {
+            default: n(() => [
+              d(a, { cols: "6" }, {
+                default: n(() => [
+                  d(s, {
                     required: "",
                     "html-for": "groupModuleIcon"
                   }, {
-                    default: l(() => [
-                      S(
-                        y(e.$st("moduleSelector.configEditor.moduleIcon")),
+                    default: n(() => [
+                      V(
+                        w(e.$st("moduleSelector.configEditor.moduleIcon")),
                         1
                         /* TEXT */
                       )
@@ -1365,15 +1997,15 @@ function Xe(e, o, i, r, d, n) {
                 _: 1
                 /* STABLE */
               }),
-              t(a, null, {
-                default: l(() => [
-                  t(v, {
+              d(a, null, {
+                default: n(() => [
+                  d(v, {
                     id: "groupModuleIcon",
                     placeholder: "Module Icon",
                     modelValue: e.currentGroup.icon,
-                    "onUpdate:modelValue": o[8] || (o[8] = (p) => e.currentGroup.icon = p),
+                    "onUpdate:modelValue": o[7] || (o[7] = (f) => e.currentGroup.icon = f),
                     rules: [
-                      (p) => !!p || "moduleSelector.configEditor.editorError"
+                      (f) => !!f || "moduleSelector.configEditor.editorError"
                     ]
                   }, null, 8, ["modelValue", "rules"])
                 ]),
@@ -1388,74 +2020,112 @@ function Xe(e, o, i, r, d, n) {
         _: 1
         /* STABLE */
       })),
-      t($, {
+      d(h, {
         heading: "moduleSelector.configEditor.heading",
         "start-open": !0,
         "header-actions": e.headerActions
       }, {
-        default: l(() => [
-          B("V-if currentItem group > cards || wenn url oder empty listItems"),
-          e.currentGroup === void 0 ? (w(), _(I, {
+        default: n(() => [
+          e.currentGroup === void 0 ? (I(), _(y, {
             key: 0,
             items: e.listItemArray,
             draggable: !0,
             onItemMoved: e.move
-          }, null, 8, ["items", "onItemMoved"])) : (w(), _(I, {
+          }, null, 8, ["items", "onItemMoved"])) : (I(), _(y, {
             key: 1,
             items: e.currentGroup.cards,
             draggable: !0,
             onItemMoved: e.move
           }, null, 8, ["items", "onItemMoved"])),
-          e.editingItem ? (w(), _(D, {
-            key: 2,
-            "model-value": !0,
+          d(P, {
+            modelValue: e.editingItemDialogVisible,
+            "onUpdate:modelValue": o[10] || (o[10] = (f) => e.editingItemDialogVisible = f),
             width: "400",
             persistent: !0
           }, {
-            default: l(() => [
-              t(x, {
+            default: n(() => [
+              d(U, {
                 "model-value": e.editingItem,
-                onClose: o[9] || (o[9] = (p) => e.editingItem = void 0),
-                onSubmit: o[10] || (o[10] = (p) => e.updateItem())
+                onClose: o[8] || (o[8] = (f) => e.editingItemDialogVisible = !1),
+                onSubmit: o[9] || (o[9] = (f) => e.updateItem())
               }, null, 8, ["model-value"])
             ]),
             _: 1
             /* STABLE */
-          })) : B("v-if", !0)
+          }, 8, ["modelValue"]),
+          d(P, {
+            modelValue: e.selectCloudItemDialogVisible,
+            "onUpdate:modelValue": o[13] || (o[13] = (f) => e.selectCloudItemDialogVisible = f),
+            width: "1000",
+            persistent: !0
+          }, {
+            default: n(() => [
+              d(O, {
+                "model-value": e.selectCloudItem,
+                onClose: o[11] || (o[11] = (f) => e.selectCloudItemDialogVisible = !1),
+                onSubmit: o[12] || (o[12] = (f) => e.updateCloudItem())
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["header-actions"]),
+      d(h, {
+        heading: "moduleSelector.configEditor.windowPosition",
+        expandable: !0
+      }, {
+        default: n(() => [
+          d(ee, {
+            modelValue: e.localConfig.position,
+            "onUpdate:modelValue": o[14] || (o[14] = (f) => e.localConfig.position = f),
+            "position-keys": [
+              "top",
+              "right",
+              "bottom",
+              "left",
+              "width",
+              "maxWidth",
+              "height",
+              "maxHeight"
+            ]
+          }, null, 8, ["modelValue"])
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["header-actions"])
+      })
     ]),
     _: 1
     /* STABLE */
-  }, 16, ["onSubmit"])) : B("v-if", !0);
+  }, 16, ["onSubmit"])) : q("v-if", !0);
 }
-const Ye = /* @__PURE__ */ Y(Qe, [["render", Xe], ["__scopeId", "data-v-a05b9d98"]]);
-function to(e) {
+const qo = /* @__PURE__ */ Y(Ro, [["render", Do], ["__scopeId", "data-v-82377468"]]);
+function Wo(e) {
   let o;
   return {
     get name() {
-      return P;
+      return j;
     },
     get version() {
-      return Fe;
+      return ro;
     },
     get mapVersion() {
-      return Ge;
+      return so;
     },
     get config() {
-      return { ...H(), ...e };
+      return { ...re(), ...e };
     },
-    selectedMainModuleIndex: N(void 0),
-    selectedNestedModuleIndex: N(void 0),
-    async initialize(i, r) {
-      var u;
-      o = i;
-      const d = {
-        id: K,
-        component: De,
-        slot: he.DETACHED,
+    selectedMainModuleIndex: k(void 0),
+    selectedNestedModuleIndex: k(void 0),
+    async initialize(t, r) {
+      var s;
+      o = t;
+      const i = {
+        id: se,
+        component: mo,
+        slot: je.DETACHED,
         position: this.config.position,
         state: {
           headerTitle: this.config.windowTitle,
@@ -1468,49 +2138,49 @@ function to(e) {
         }
       };
       if (r) {
-        const a = de(r.smi), v = de(r.snmi), c = Ne(r.w), { modules: f } = this.config;
-        if (a !== void 0 && a < (f == null ? void 0 : f.length)) {
+        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 g = f[a];
-          v !== void 0 && (g == null ? void 0 : g.type) === "group" && v < ((u = g == null ? void 0 : g.cards) == null ? void 0 : u.length) && (this.selectedNestedModuleIndex.value = v);
+          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);
         }
-        c || await pe(
+        c || await Ae(
           this.selectedMainModuleIndex.value,
           this.selectedNestedModuleIndex.value,
           o,
-          e.modules,
-          e.basisModule
+          this.config.modules,
+          this.config.basisModule
         );
       }
-      const { action: n } = we(
+      const { action: l } = Le(
         {
           name: "moduleSelector",
           title: "moduleSelector.title",
           icon: "mdi-view-grid"
         },
-        d,
+        i,
         o.windowManager,
-        P
+        j
       );
       return o.navbarManager.add(
         {
-          id: n.name,
-          action: n
+          id: l.name,
+          action: l
         },
-        P,
-        Ve.PROJECT
-      ), (r && r.w || !r && e.isActiveOnStart) && o.windowManager.add(d, P), Promise.resolve();
+        j,
+        ze.PROJECT
+      ), (r && r.w || !r && this.config.isActiveOnStart) && o.windowManager.add(i, j), Promise.resolve();
     },
-    getDefaultOptions: H,
+    getDefaultOptions: re,
     getState() {
-      var u, a;
-      const i = (u = this.selectedMainModuleIndex) == null ? void 0 : u.value, r = (a = this.selectedNestedModuleIndex) == null ? void 0 : a.value, d = o.windowManager.has(K), n = this.config.isActiveOnStart;
-      return i !== void 0 || r !== void 0 || d !== n ? { smi: i, snmi: r, w: d } : {};
+      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 } : {};
     },
     getConfigEditors() {
       return [
         {
-          component: Ye,
+          component: qo,
           title: "moduleSelector.name",
           infoUrlCallback: o.getHelpUrlCallback(
             "/components/plugins/moduleSelectorConfig.html",
@@ -1520,8 +2190,8 @@ function to(e) {
       ];
     },
     toJSON() {
-      const i = {}, r = H();
-      return this.config.windowTitle !== r.windowTitle && (i.windowTitle = this.config.windowTitle), this.config.isActiveOnStart !== r.isActiveOnStart && (i.isActiveOnStart = this.config.isActiveOnStart), this.config.requireModuleSelection !== r.requireModuleSelection && (i.requireModuleSelection = this.config.requireModuleSelection), oe(this.config.position, r.position) || (i.position = this.config.position), oe(this.config.modules, r.modules) || (i.modules = this.config.modules), oe(this.config.basisModule, r.basisModule) || (i.basisModule = this.config.basisModule), i;
+      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;
     },
     i18n: {
       de: {
@@ -1531,6 +2201,20 @@ function to(e) {
           startButton: "Anwendung starten",
           cardBack: "Zurück",
           configEditor: {
+            moduleCloudPicker: {
+              searchName: "Suche nach Name...",
+              continue: "Weiter",
+              back: "Zurück",
+              headers: {
+                name: "Modul Name",
+                type: "Typ",
+                description: "Beschreibung",
+                createdAt: "Erzeugt am",
+                updatedAt: "Aktualisiert am",
+                createdBy: "Erzeugt von",
+                updatedBy: "Aktualisiert von"
+              }
+            },
             TooltipAddModule: "Modul hinzufügen",
             TooltipEditModule: "Modul bearbeiten",
             TooltipEditGroup: "Modul-Gruppe bearbeiten",
@@ -1564,6 +2248,20 @@ function to(e) {
           startButton: "Start application",
           cardBack: "Back",
           configEditor: {
+            moduleCloudPicker: {
+              searchName: "Search for name...",
+              continue: "Continue",
+              back: "Back",
+              headers: {
+                name: "Module name",
+                type: "Type",
+                description: "Description",
+                createdAt: "Created at",
+                updatedAt: "Updated at",
+                createdBy: "Created by",
+                updatedBy: "Updated by"
+              }
+            },
             TooltipAddModule: "Add module",
             TooltipEditModule: "Edit module",
             TooltipEditGroup: "Edit module group",
@@ -1596,5 +2294,5 @@ function to(e) {
   };
 }
 export {
-  to as default
+  Wo as default
 };