@vcmap/module-selector 2.0.1 → 2.0.2

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,LnYtY2FyZFtkYXRhLXYtMjlhMjIwMmZde2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjE1MHB4O3dpZHRoOjE1MHB4O2FzcGVjdC1yYXRpbzoxO3RyYW5zaXRpb246YmFja2dyb3VuZC1jb2xvciAuM3N9LmZpeGVkLWNhcmRbZGF0YS12LTI5YTIyMDJmXXtoZWlnaHQ6MTUwcHg7d2lkdGg6MTUwcHg7YXNwZWN0LXJhdGlvOjF9LnNlbGVjdGVkLWNhcmRbZGF0YS12LTI5YTIyMDJmXXtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXByaW1hcnkpKTtjb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1vbi1wcmltYXJ5KSl9LnYtYnJlYWRjcnVtYnNbZGF0YS12LTA0YmU3OGExXXtwYWRkaW5nOjE2cHggMCA0cHh9Cg==');var Oe = Object.defineProperty;
+var Te = (e, o, t) => o in e ? Oe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var W = (e, o, t) => Te(e, typeof o != "symbol" ? o + "" : o, t);
+import { VcsFormButton as he, VcsTextField as se, VcsLabel as be, VcsFormSection as Me, VcsCheckbox as $e, useProxiedComplexModel as Fe, useModelHasProperty as Re, VcsDataTable as De, VcsList as qe, AbstractConfigEditor as Pe, WindowSlot as Ge, createToggleAction as je, ButtonLocation as Le } from "../../../assets/ui.js";
+import { defineComponent as J, inject as Se, computed as H, resolveComponent as c, openBlock as I, createBlock as $, withCtx as n, createVNode as d, createTextVNode as S, toDisplayString as V, createCommentVNode as q, createElementBlock as ie, Fragment as de, renderList as me, normalizeClass as ye, ref as k, createElementVNode as pe, normalizeProps as ze, guardReactiveProps as We, reactive as He, watch as we, mergeProps as Ke } from "../../../assets/vue.js";
+import { VSheet as Je, VContainer as Z, VRow as Q, VCol as X, VCard as Ve, VIcon as _e, VCardTitle as Ze, VForm as ke, VDivider as Qe, VTooltip as Xe, VDialog as Ye, VBreadcrumbs as xe, VBreadcrumbsItem as eo } from "../../../assets/vuetify.js";
+import { VcsModule as oo } from "../../../assets/core.js";
+function Ee(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 to(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 lo(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 no = 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 a = l[i];
+      if (!e(o[a], t[a])) 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 ue = /* @__PURE__ */ lo(no), j = "@vcmap/module-selector", io = "2.0.2", ro = "^6.0";
+async function Ie(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 oo(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) {
-  var a;
-  if (await Le(i), e === null && !d) {
-    i.windowManager.remove(K);
+const ae = "moduleSelector_window_id";
+async function Ue(e, o, t, r, i) {
+  var s;
+  if (await ao(t), e === null && !i) {
+    t.windowManager.remove(ae);
     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], a = (l == null ? void 0 : l.type) === "group" ? (s = l.cards) == null ? void 0 : s[o] : null;
+  a != null && a.moduleUrl ? await Ie(a.moduleUrl, t) : (l == null ? void 0 : l.type) === "url" && await Ie(l.moduleUrl, t), t.windowManager.remove(ae);
 }
-const Pe = J({
+const so = J({
   name: "ModuleSelector",
-  methods: { startApplication: pe },
+  methods: { startApplication: Ue },
   components: {
-    VSheet: Ee,
+    VSheet: Je,
     VContainer: Z,
     VRow: Q,
     VCol: X,
-    VCard: fe,
-    VIcon: Ce,
-    VCardTitle: $e,
-    VcsFormButton: re
+    VCard: Ve,
+    VIcon: _e,
+    VCardTitle: Ze,
+    VcsFormButton: he
   },
   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];
-      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;
-    }, a = () => {
-      i.selectedNestedModuleIndex.value = null, i.selectedMainModuleIndex.value = null;
-    }, v = j(() => {
+    const o = Se("vcsApp"), t = o.plugins.getByKey(j), { modules: r } = e, i = H(() => {
+      const u = e.modules[t.selectedMainModuleIndex.value];
+      return (u == null ? void 0 : u.type) === "group" ? u.cards : [];
+    }), l = (u) => {
+      t.selectedMainModuleIndex.value === u ? t.selectedMainModuleIndex.value = null : t.selectedMainModuleIndex.value = u;
+    }, a = (u) => {
+      t.selectedNestedModuleIndex.value === u ? t.selectedNestedModuleIndex.value = null : t.selectedNestedModuleIndex.value = u;
+    }, s = () => {
+      t.selectedNestedModuleIndex.value = null, t.selectedMainModuleIndex.value = null;
+    }, f = 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 u = t.selectedMainModuleIndex.value, C = t.selectedNestedModuleIndex.value, b = r[u];
+      return u == null || (b == null ? void 0 : b.type) === "group" && b.cards && C == null;
     });
     return {
-      nestedCards: d,
-      plugin: i,
-      selectModule: n,
-      selectNestedModule: u,
-      showMainCards: a,
-      isButtonDisabled: v,
+      nestedCards: i,
+      plugin: t,
+      selectModule: l,
+      selectNestedModule: a,
+      showMainCards: s,
+      isButtonDisabled: f,
       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 uo(e, o, t, r, i, l) {
+  const a = c("v-icon"), s = c("v-card-title"), f = c("v-card"), u = c("v-col"), C = c("v-row"), b = c("VcsFormButton"), g = c("v-container"), R = c("v-sheet");
+  return I(), $(R, {
     class: "module-selector",
     elevation: "1"
   }, {
-    default: l(() => [
-      t($, null, {
-        default: l(() => [
-          t(f, {
+    default: n(() => [
+      d(g, 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(), $(u, {
                 key: 0,
                 cols: "auto",
                 class: "pa-2"
               }, {
-                default: l(() => [
-                  t(v, {
+                default: n(() => [
+                  d(f, {
                     class: "pa-3 fixed-card selected-card",
                     outlined: ""
                   }, {
-                    default: l(() => [
-                      e.basisModule.icon ? (w(), _(u, {
+                    default: n(() => [
+                      e.basisModule.icon ? (I(), $(a, {
                         key: 0,
                         size: "50"
                       }, {
-                        default: l(() => [
+                        default: n(() => [
                           S(
-                            y(e.basisModule.icon),
+                            V(e.basisModule.icon),
                             1
                             /* TEXT */
                           )
                         ]),
                         _: 1
                         /* STABLE */
-                      })) : B("v-if", !0),
-                      t(a, { class: "text-center" }, {
-                        default: l(() => [
+                      })) : q("v-if", !0),
+                      d(s, { class: "text-center" }, {
+                        default: n(() => [
                           S(
-                            y(e.$st(e.basisModule.title)),
+                            V(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(u, {
                     cols: "auto",
                     class: "pa-2"
                   }, {
-                    default: l(() => [
-                      t(v, {
+                    default: n(() => [
+                      d(f, {
                         class: "fixed-card hover-card",
                         outlined: "",
-                        onClick: o[0] || (o[0] = (V) => e.showMainCards())
+                        onClick: o[0] || (o[0] = (v) => e.showMainCards())
                       }, {
-                        default: l(() => [
-                          t(u, { size: "50" }, {
-                            default: l(() => [
+                        default: n(() => [
+                          d(a, { size: "50" }, {
+                            default: n(() => [
                               S("mdi-arrow-left")
                             ]),
                             _: 1
                             /* STABLE */
                           }),
                           S(
-                            " " + y(e.$st("moduleSelector.cardBack")),
+                            " " + V(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(), _(
-                      c,
+                    me(e.nestedCards, (v, y) => (I(), $(
+                      u,
                       {
-                        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(f, {
+                            class: ye(["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(() => [
+                              v.icon ? (I(), $(
+                                a,
                                 {
                                   key: 0,
                                   size: "50"
                                 },
                                 {
-                                  default: l(() => [
+                                  default: n(() => [
                                     S(
-                                      y(V.icon),
+                                      V(v.icon),
                                       1
                                       /* TEXT */
                                     )
@@ -274,14 +277,14 @@ function je(e, o, i, r, d, n) {
                                 },
                                 1024
                                 /* DYNAMIC_SLOTS */
-                              )) : B("v-if", !0),
-                              t(
-                                a,
+                              )) : q("v-if", !0),
+                              d(
+                                s,
                                 { class: "text-center" },
                                 {
-                                  default: l(() => [
+                                  default: n(() => [
                                     S(
-                                      y(e.$st(V.title)),
+                                      V(e.$st(v.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(), _(
-                  c,
+                me(e.modules, (v, y) => (I(), $(
+                  u,
                   {
                     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(f, {
+                        class: ye(["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(() => [
+                          v.icon ? (I(), $(
+                            a,
                             {
                               key: 0,
                               size: "50"
                             },
                             {
-                              default: l(() => [
+                              default: n(() => [
                                 S(
-                                  y(V.icon),
+                                  V(v.icon),
                                   1
                                   /* TEXT */
                                 )
@@ -348,14 +351,14 @@ function je(e, o, i, r, d, n) {
                             },
                             1024
                             /* DYNAMIC_SLOTS */
-                          )) : B("v-if", !0),
-                          t(
-                            a,
+                          )) : q("v-if", !0),
+                          d(
+                            s,
                             { class: "text-center" },
                             {
-                              default: l(() => [
+                              default: n(() => [
                                 S(
-                                  y(e.$st(V.title)),
+                                  V(e.$st(v.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] = (v) => 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(() => [
+                default: n(() => [
                   S(
-                    y(e.$st("moduleSelector.startButton")),
+                    V(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 co = /* @__PURE__ */ Y(so, [["render", uo], ["__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: ""
+}), mo = J({
   name: "ModuleEditor",
   components: {
-    VcsTextField: te,
-    VcsLabel: se,
+    VcsTextField: se,
+    VcsLabel: be,
     VCol: X,
     VRow: Q,
-    VForm: Ie,
+    VForm: ke,
     VContainer: Z,
-    VcsFormButton: re,
-    VDivider: ke,
-    VCard: fe,
-    VcsFormSection: ae
+    VcsFormButton: he,
+    VDivider: Qe,
+    VCard: Ve,
+    VcsFormSection: Me
   },
   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, {
+}), po = { class: "d-flex gc-2 w-100 justify-end pa-2" };
+function fo(e, o, t, r, i, l) {
+  const a = c("VcsLabel"), s = c("v-col"), f = c("VcsTextField"), u = c("v-row"), C = c("v-container"), b = c("v-form"), g = c("v-divider"), R = c("VcsFormButton"), v = c("VcsFormSection"), y = c("v-card");
+  return I(), $(y, null, {
+    default: n(() => [
+      d(v, 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(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(a, {
                             required: "",
                             "html-for": "moduleName"
                           }, {
-                            default: l(() => [
+                            default: n(() => [
                               S(
-                                y(e.$st("moduleSelector.configEditor.moduleName")),
+                                V(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(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(f, {
                             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(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(a, {
                             required: "",
                             "html-for": "moduleIcon"
                           }, {
-                            default: l(() => [
+                            default: n(() => [
                               S(
-                                y(e.$st("moduleSelector.configEditor.moduleIcon")),
+                                V(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(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(f, {
                             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(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(a, {
                             required: "",
                             "html-for": "moduleUrl"
                           }, {
-                            default: l(() => [
+                            default: n(() => [
                               S(
-                                y(e.$st("moduleSelector.configEditor.moduleUrl")),
+                                V(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(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(f, {
                             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(g),
+          pe("div", po, [
+            d(R, {
               disabled: !e.isFormValid,
               onClick: o[4] || (o[4] = () => {
                 e.$emit("submit", e.localModuleOptions);
               }),
               variant: "filled"
             }, {
-              default: l(() => [
+              default: n(() => [
                 S(
-                  y(e.$st("components.apply")),
+                  V(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(() => [
+              default: n(() => [
                 S(
-                  y(e.$st("components.cancel")),
+                  V(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 vo = /* @__PURE__ */ Y(mo, [["render", fo]]), go = J({
   name: "WindowPositionSettings",
   components: {
     VContainer: Z,
     VRow: Q,
     VCol: X,
-    VcsCheckbox: ce,
-    VcsTextField: te
+    VcsCheckbox: $e,
+    VcsTextField: se
   },
   props: {
     modelValue: {
@@ -665,55 +672,55 @@ const He = /* @__PURE__ */ Y(ze, [["render", We]]), Ke = J({
     }
   },
   setup(e, { emit: o }) {
-    const i = ve(
+    const t = Fe(
       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: Re(t, l, null),
+          input: H({
             get() {
-              return i.value[n];
+              return t.value[l];
             },
-            set(u) {
-              i.value[n] = u;
+            set(a) {
+              t.value[l] = a;
             }
           }),
           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 ho(e, o, t, r, i, l) {
+  const a = c("VcsCheckbox"), s = c("v-col"), f = c("VcsTextField"), u = c("v-row"), C = c("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(), _(
-          c,
+        me(e.inputs, ({ key: b, checkbox: g, input: R, placeholder: v }) => (I(), $(
+          u,
           {
             "no-gutters": "",
-            key: g
+            key: b
           },
           {
-            default: l(() => [
-              t(
-                a,
+            default: n(() => [
+              d(
+                s,
                 null,
                 {
-                  default: l(() => [
-                    t(u, {
-                      label: `appConfigurator.editors.featureInfo.window.position.${g}`,
-                      modelValue: $.value,
-                      "onUpdate:modelValue": (E) => $.value = E
+                  default: n(() => [
+                    d(a, {
+                      label: `appConfigurator.editors.featureInfo.window.position.${b}`,
+                      modelValue: g.value,
+                      "onUpdate:modelValue": (y) => g.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(
-                a,
+              d(
+                s,
                 null,
                 {
-                  default: l(() => [
-                    t(v, {
+                  default: n(() => [
+                    d(f, {
                       clearable: "",
-                      disabled: !$.value,
-                      placeholder: V,
-                      modelValue: U.value,
-                      "onUpdate:modelValue": (E) => U.value = E,
+                      disabled: !g.value,
+                      placeholder: v,
+                      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 bo = /* @__PURE__ */ Y(go, [["render", ho]]);
+let Ae = "";
+function Mo(e) {
+  Ae = e;
+}
+let fe;
+function So(e) {
+  fe = e;
+}
+let Ce = {};
+function Vo() {
+  return fe ? {
+    authorization: `Bearer ${fe}`,
+    ...Ce
+  } : { ...Ce };
+}
+class yo extends Error {
+  constructor(t, r, i, l, a) {
+    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 = a, this.method = r, this.status = t, this.url = i, this.reason = l;
+  }
+}
+function wo(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: a }) => {
+    r = r.replace(`{${l}}`, a.toString());
+  });
+  const i = new URL(r, Ae);
+  return Object.keys(t).filter((l) => t[l] === "query" && o[l]).map((l) => ({ key: l, param: o[l] })).forEach(({ key: l, param: a }) => {
+    Array.isArray(a) ? a.forEach((s) => {
+      i.searchParams.append(l, s.toString());
+    }) : i.searchParams.append(l, a.toString());
+  }), i.toString();
+}
+async function Eo(e, o, t, r = void 0, i = {}) {
+  const l = await fetch(e, {
+    method: o,
+    body: r,
+    headers: { ...i, ...Vo() },
+    redirect: "follow"
+  });
+  if (l.status === t)
+    return l;
+  let a = await l.text(), s;
+  try {
+    const f = JSON.parse(a);
+    f.reason && ({ reason: a } = f), f.error && ({ error: s } = f);
+  } catch {
+  }
+  throw new yo(l.status, o, e, a, s);
+}
+async function Io(e, o, t, r = void 0, i = {}) {
+  return (await Eo(e, o, t, r, i)).json();
+}
+async function Co(e) {
+  const o = "api/v1/project/{projectId}/modules", t = "get", i = wo(o, e, {
+    projectId: "path",
+    limit: "query",
+    page: "query",
+    sort: "query",
+    orderBy: "query",
+    name: "query"
+  });
+  return Io(i, t, 200, void 0, void 0);
+}
+const A = {
+  OFF: 1,
+  ERROR: 2,
+  WARN: 4,
+  INFO: 8,
+  DEBUG: 16
+}, P = {
+  ERROR: 0,
+  WARN: 0,
+  INFO: 0,
+  DEBUG: 0
+};
+P.ERROR = A.ERROR | A.WARN | A.INFO | A.DEBUG;
+P.WARN = A.WARN | A.INFO | A.DEBUG;
+P.INFO = A.INFO | A.DEBUG;
+P.DEBUG = A.DEBUG;
+const K = {
+  useTimestamp: !1,
+  logLevel: A.INFO
+}, x = /* @__PURE__ */ new Map();
+x.set(A.ERROR, "error");
+x.set(A.WARN, "warn");
+x.set(A.INFO, "info");
+x.set(A.DEBUG, "log");
+class Ne {
+  /**
+   * @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 & P.ERROR && this._log(String(o), A.ERROR, t);
+  }
+  /**
+   * Logs a warning message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  warning(o, ...t) {
+    K.logLevel & P.WARN && this._log(String(o), A.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 & P.INFO && this._log(String(o), A.INFO, t);
+  }
+  /**
+   * Logs a debug message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  debug(o, ...t) {
+    K.logLevel & P.DEBUG && this._log(String(o), A.DEBUG, t);
+  }
+  /**
+   * Alias for debug
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  log(o, ...t) {
+    K.logLevel & P.DEBUG && this._log(String(o), A.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 & A.ERROR && (console.group(), console.trace(), console.groupEnd());
+  }
+}
+const ve = /* @__PURE__ */ new Map();
+let ce;
+function $o() {
+  return ce || (ce = new Ne()), ce;
+}
+function _o(e) {
+  const o = new Ne(e);
+  return ve.set(e, o), o;
+}
+function ge(e) {
+  return e ? ve.has(e) ? ve.get(e) : _o(e) : $o();
+}
+function ko(e) {
+  try {
+    if (e.serverUrl) {
+      const o = new URL(
+        e.serverUrl,
+        window.location.href
+      ).toString();
+      Mo(o);
+      const t = e.token || localStorage.getItem("Meteor.loginToken");
+      t && (So(t), ge(j).info("Publisher connection successful"));
+    }
+  } catch (o) {
+    ge(j).error("Failed to connect to publisher", o);
+  }
+}
+function Uo(e, o) {
+  return new Date(e).toLocaleString(o);
+}
+function Ao() {
+  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 No = J({
+  name: "CloudModuleSelector",
+  components: {
+    VcsDataTable: De,
+    VcsFormButton: he,
+    VTooltip: Xe,
+    VIcon: _e,
+    VCard: Ve,
+    VcsLabel: be,
+    VcsTextField: se,
+    VcsFormSection: Me,
+    VRow: Q,
+    VCol: X,
+    VForm: ke,
+    VContainer: Z
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e, { emit: o }) {
+    const t = Se("vcsApp"), r = t.plugins.getByKey(j), i = t.plugins.getByKey(
+      "@vcmap/app-configurator"
+    );
+    ko(i.config || r.config);
+    const l = k(!0), a = k([]), s = k(0), f = k(0), u = k([void 0]), C = Ao(), b = /* @__PURE__ */ new Map(), g = k(e.modelValue), R = H(() => g.value.id === ""), v = k(!1), y = () => {
+      var D, L;
+      v.value = !!((D = g.value) != null && D.title) && !!((L = g.value) != null && L.icon);
+    }, U = {
+      standalone: "$vcsGlobeNature",
+      extension: "$vcsShapes"
+    };
+    function G(D) {
+      var _;
+      const { itemsPerPage: L, page: te, search: le, sortBy: ne, sortDesc: m } = D;
+      l.value = !0, (_ = i == null ? void 0 : i.config) != null && _.projectId && Co({
+        projectId: i.config.projectId,
+        limit: L,
+        page: te - 1,
+        name: le,
+        orderBy: ne,
+        sort: m != null && m[0] ? "desc" : "asc"
+      }).then((h) => {
+        a.value = h.items.map((w) => {
+          var T, E;
+          const B = {
+            name: w.name,
+            description: w.description,
+            createdAt: w.createdAt,
+            updatedAt: w.updatedAt,
+            createdBy: (i == null ? void 0 : i.getUserName(w.createdBy)) || w.createdBy,
+            updatedBy: (i == null ? void 0 : i.getUserName(w.updatedBy)) || w.updatedBy,
+            _id: w._id
+          };
+          return (((T = w.maps) == null ? void 0 : T.length) ?? 0) > 0 && (((E = w.layers) == null ? void 0 : E.length) ?? 0) > 0 ? B.type = "standalone" : B.type = "extension", B.disabled = !!t.getModuleById(w._id), b.set(w._id, w), B;
+        }), s.value = h.totalCount, f.value = h.totalPages;
+      }).catch((h) => {
+        ge("CloudModuleSelector.vue").error(
+          "Failed to load project modules.",
+          h
+        );
+      }).finally(() => {
+        l.value = !1;
+      });
+    }
+    return {
+      selectedItem: g,
+      isItemIdEmpty: R,
+      loading: l,
+      items: a,
+      totalItems: s,
+      totalPages: f,
+      headers: C,
+      selected: u,
+      typeIcon(D) {
+        return U[D];
+      },
+      formatDate: Uo,
+      getItems: G,
+      close: () => {
+        o("close");
+      },
+      addSelected: () => {
+        var D;
+        u.value.length > 0 && ((D = u.value[0]) == null ? void 0 : D._id) !== "" && (g.value.id = u.value[0]._id, g.value.title = u.value[0].name, g.value.icon = "", g.value.moduleUrl = `configs/${u.value[0]._id}.json`);
+      },
+      isFValid: v,
+      validateForm: y,
+      removeSelected: () => {
+        g.value.id = "", g.value.title = "", g.value.icon = "", g.value.moduleUrl = "";
+      },
+      requiredRule: (D) => !!D || "moduleSelector.configEditor.editorError"
+    };
+  }
+}), Bo = { class: "d-flex px-2" };
+function Oo(e, o, t, r, i, l) {
+  const a = c("v-icon"), s = c("v-tooltip"), f = c("VcsDataTable"), u = c("VcsLabel"), C = c("v-col"), b = c("VcsTextField"), g = c("v-row"), R = c("v-container"), v = c("v-form"), y = c("VcsFormSection"), U = c("VcsFormButton"), G = c("v-card");
+  return I(), $(G, null, {
+    default: n(() => [
+      pe("div", null, [
+        e.isItemIdEmpty ? (I(), $(f, {
+          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] = (N) => e.selected = N),
+          "onUpdate:items": e.getItems
+        }, {
+          "item.type": n(({ item: N }) => [
+            d(
+              a,
+              ze(We({ ...e.$attrs })),
+              {
+                default: n(() => [
+                  S(
+                    V(e.typeIcon(N.type)),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              },
+              1040
+              /* FULL_PROPS, DYNAMIC_SLOTS */
+            ),
+            d(
+              s,
+              {
+                activator: "parent",
+                location: "right"
+              },
+              {
+                default: n(() => [
+                  S(
+                    V(e.$t(`appConfigurator.dialogs.vcsModuleTable.${N.type}`)),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              },
+              1024
+              /* DYNAMIC_SLOTS */
+            )
+          ]),
+          "item.createdAt": n(({ item: N }) => [
+            S(
+              V(e.formatDate(N.createdAt, e.$i18n.locale)),
+              1
+              /* TEXT */
+            )
+          ]),
+          "item.updatedAt": n(({ item: N }) => [
+            S(
+              V(e.formatDate(N.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(v, {
+              modelValue: e.isFValid,
+              "onUpdate:modelValue": o[3] || (o[3] = (N) => e.isFValid = N),
+              ref: "form"
+            }, {
+              default: n(() => [
+                d(R, { class: "px-2 pt-0 pb-2" }, {
+                  default: n(() => [
+                    d(g, {
+                      "no-gutters": "",
+                      class: "px-2"
+                    }, {
+                      default: n(() => [
+                        d(C, { cols: "2" }, {
+                          default: n(() => [
+                            d(u, {
+                              required: "",
+                              "html-for": "moduleName"
+                            }, {
+                              default: n(() => [
+                                S(
+                                  V(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] = (N) => e.selectedItem.title = N),
+                              rules: [e.requiredRule]
+                            }, null, 8, ["modelValue", "rules"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    d(g, {
+                      "no-gutters": "",
+                      class: "px-2"
+                    }, {
+                      default: n(() => [
+                        d(C, { cols: "2" }, {
+                          default: n(() => [
+                            d(u, {
+                              required: "",
+                              "html-for": "moduleIcon"
+                            }, {
+                              default: n(() => [
+                                S(
+                                  V(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] = (N) => e.selectedItem.icon = N),
+                              rules: [e.requiredRule]
+                            }, null, 8, ["modelValue", "rules"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+          /* STABLE */
+        })),
+        pe("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(() => [
+              S(
+                V(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(() => [
+              S(
+                V(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(() => [
+              S(
+                V(e.$t("moduleSelector.configEditor.moduleCloudPicker.back")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["onClick"])),
+          d(U, {
+            class: "ma-2",
+            onClick: e.close
+          }, {
+            default: n(() => [
+              S(
+                V(e.$t("components.cancel")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["onClick"])
+        ])
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+const To = /* @__PURE__ */ Y(No, [["render", Oo]]), Fo = J({
   name: "ModuleSelectorConfigEditor",
   components: {
-    VcsCheckbox: ce,
-    VDialog: Ue,
-    VcsList: Me,
-    VcsFormSection: ae,
+    VcsCheckbox: $e,
+    VDialog: Ye,
+    VcsList: qe,
+    VcsFormSection: Me,
     VRow: Q,
-    VcsLabel: se,
-    AbstractConfigEditor: be,
-    VcsTextField: te,
+    VcsLabel: be,
+    AbstractConfigEditor: Pe,
+    VcsTextField: se,
     VCol: X,
     VContainer: Z,
-    ModuleEditor: He,
-    VBreadcrumbs: Ae,
-    VBreadcrumbsItem: Te,
-    WindowPositionSettings: Ze
+    ModuleEditor: vo,
+    VBreadcrumbs: xe,
+    VBreadcrumbsItem: eo,
+    WindowPositionSettings: bo,
+    VcsModuleTable: To
   },
   props: {
     getConfig: {
@@ -786,208 +1380,261 @@ 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 = Se("vcsApp"), t = k(0), r = k(void 0), i = k([]), l = k(void 0), a = k({ id: "", title: "", icon: "", moduleUrl: "" }), s = k({ id: "", title: "", icon: "", moduleUrl: "" }), f = k(!1), u = k(!1), C = k(!1), b = k(void 0);
+    r.value = {
+      ...re(),
+      ...e.getConfig()
+    };
+    const g = k();
+    (te = r.value) != null && te.basisModule && (g.value = (le = r.value) == null ? void 0 : le.basisModule);
+    const R = H({
       get() {
-        return !!v.value;
+        return !!g.value;
       },
-      set(s) {
-        var C;
-        s ? v.value = ((C = r.value) == null ? void 0 : C.basisModule) || { title: "" } : v.value = null;
+      set(m) {
+        var _;
+        m ? g.value = ((_ = r.value) == null ? void 0 : _.basisModule) || { title: "" } : g.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,
+    }), v = He([]);
+    function y(m, _) {
+      var w, B, T;
+      const h = {
+        id: `${m.title || "undefined"}-${_}`,
+        name: m.title,
+        title: m.title,
+        icon: m.icon,
+        type: m.type,
         actions: []
       };
-      return s.type === "url" && (M.moduleUrl = s.moduleUrl, (A = M.actions) == null || A.push({
+      return m.type === "url" && (h.moduleUrl = m.moduleUrl, (w = h.actions) == null || w.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 === h.id
             );
-            b && (u.value = {
-              id: b.id,
-              title: b.title,
-              icon: b.icon,
-              moduleUrl: b.moduleUrl
+            E && (a.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 === h.id
             );
-            b && (u.value = {
-              id: b.id,
-              title: b.title,
-              icon: b.icon,
-              moduleUrl: b.moduleUrl
+            E && (a.value = {
+              id: E.id,
+              title: E.title,
+              icon: E.icon,
+              moduleUrl: E.moduleUrl
             });
           }
+          u.value = !0;
         }
-      })), s.type === "group" && ((F = M.actions) == null || F.push({
+      })), m.type === "group" && ((B = h.actions) == null || B.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 === h.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, v.splice(2, 1), v.length > 1 && (v[1].icon = "$vcsPlus", v[1].title = "moduleSelector.configEditor.TooltipAddModule"));
           }
         }
-      }), s.cards && (M.cards = s.cards.map(V))), (G = M.actions) == null || G.push({
+      }), m.cards && (h.cards = m.cards.map(y))), (T = h.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, M;
+          l.value ? l.value.cards = (F = (E = l.value) == null ? void 0 : E.cards) == null ? void 0 : F.filter(
+            (O) => O.id !== h.id
+          ) : i.value = (M = i.value) == null ? void 0 : M.filter(
+            (O) => O.id !== h.id
           );
         }
-      }), M;
+      }), h;
     }
-    (ee = r.value) != null && ee.modules && (d.value = r.value.modules.map(V)), f.push(
+    v.push({
+      name: "moduleSelector.configEditor.addFromCloud",
+      icon: "$vcsImport",
+      callback() {
+        s.value = {
+          id: "",
+          title: "",
+          icon: "",
+          moduleUrl: ""
+        }, f.value = !0;
+      }
+    });
+    function U(m) {
+      var _;
+      if (m.type === "url") {
+        const { actions: h, id: w, name: B, ...T } = m;
+        return {
+          ...T,
+          moduleUrl: m.moduleUrl || ""
+        };
+      } else {
+        const h = ((_ = m.cards) == null ? void 0 : _.map((F) => {
+          const { actions: M, id: O, name: z, ...Be } = F;
+          return {
+            ...Be
+          };
+        })) || [], { actions: w, id: B, name: T, ...E } = m;
+        return {
+          ...E,
+          ...h.length ? { cards: h } : {}
+        };
+      }
+    }
+    const G = {
+      name: "moduleSelector.configEditor.addGroup",
+      callback() {
+        var h;
+        const m = {
+          type: "group",
+          title: "",
+          icon: "",
+          cards: []
+        };
+        C.value = !0;
+        const _ = (h = i.value) == null ? void 0 : h.push(
+          y(
+            m,
+            i.value.length
+          )
+        );
+        l.value = i.value[_ - 1], v.splice(2, 1), v.length > 1 && (v[1].icon = "$vcsPlus", v[1].title = "moduleSelector.configEditor.TooltipAddModule");
+      }
+    };
+    function N(m) {
+      return m.map(U);
+    }
+    (ne = r.value) != null && ne.modules && (i.value = r.value.modules.map(y)), v.push(
       {
         name: "moduleSelector.configEditor.add",
         callback() {
-          u.value = {
+          a.value = {
             id: "",
-            title: "title",
-            icon: "icon",
-            moduleUrl: "url"
-          };
+            title: "",
+            icon: "",
+            moduleUrl: ""
+          }, u.value = !0;
         }
       },
-      $
-    ), ne(r, (s) => {
-      s != null && s.modules ? a.value = s.modules.map(
-        (C, M) => V(C, M)
-      ) : a.value = [];
+      G
+    ), we(r, (m) => {
+      m != null && m.modules ? b.value = m.modules.map(
+        (_, h) => y(_, h)
+      ) : b.value = [];
     });
-    const E = () => {
+    const ee = () => {
       e.setConfig({
         ...r.value,
-        modules: U(d.value),
-        basisModule: v.value
+        modules: N(i.value),
+        basisModule: g.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);
+    }, oe = () => {
+      var m, _, h, w, B, T, E, F;
+      if (l.value === void 0) {
+        if (a.value)
+          if (((m = a.value) == null ? void 0 : m.id) !== "") {
+            const M = i.value.find(
+              (O) => {
+                var z;
+                return O.id === ((z = a.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"
+            M && Object.assign(M, {
+              ...a.value
             });
-            const O = U(
-              d.value
+          } else
+            i.value.push(
+              y(
+                {
+                  ...a.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 (a.value && ((_ = a.value) == null ? void 0 : _.id) !== "") {
+        const M = l.value.cards.find(
+          (z) => z.id === a.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
+        M && Object.assign(M, {
+          ...a.value
+        });
+        let O;
+        (h = l.value) != null && h.id || ((w = l.value) == null ? void 0 : w.id) !== "" ? O = l.value.id : O = `${l.value.title}-${i.value.length - 1}`, l.value = i.value.find(
+          (z) => z.id === O
         );
       } 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(
+            {
+              ...a.value,
+              type: "url"
+            },
+            l.value.cards.length
+          )
+        );
+        let M;
+        (B = l.value) != null && B.id || ((T = l.value) == null ? void 0 : T.id) !== "" ? M = l.value.id : M = `${(E = l.value) == null ? void 0 : E.title}-${i.value.length - 1}`, l.value = (F = i.value) == null ? void 0 : F.find(
+          (O) => O.id === M
+        );
+      }
+      a.value = {
+        id: "",
+        title: "",
+        icon: "",
+        moduleUrl: ""
+      }, u.value = !1;
+    }, p = () => {
+      var m, _, h, w;
+      if (l.value === void 0)
+        s.value && i.value.push(
+          y(
+            {
+              title: s.value.title,
+              icon: s.value.icon,
+              moduleUrl: s.value.moduleUrl,
+              type: "url"
+            },
+            i.value.length
+          )
+        );
+      else {
+        l.value.cards.push(
+          y(
+            {
+              ...s.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 B;
+        (m = l.value) != null && m.id || ((_ = l.value) == null ? void 0 : _.id) !== "" ? B = l.value.id : B = `${(h = l.value) == null ? void 0 : h.title}-${i.value.length - 1}`, l.value = (w = i.value) == null ? void 0 : w.find(
+          (T) => T.id === B
         );
       }
-      u.value = void 0;
-    }, x = () => {
-      n.value = void 0, f.length > 0 && (delete f[0].icon, delete f[0].title), f.push($);
-    }, D = N([
+      s.value = {
+        id: "",
+        title: "",
+        icon: "",
+        moduleUrl: ""
+      }, f.value = !1;
+    }, D = () => {
+      l.value = void 0, v.length > 1 && (delete v[1].icon, delete v[1].title), v.push(G);
+    }, L = k([
       {
         title: o.vueI18n.t(
           "moduleSelector.configEditor.breadcrumbs.overview"
@@ -1001,66 +1648,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 we(l, (m) => {
+      m && m.title && (L.value[1].title = `${o.vueI18n.t("moduleSelector.configEditor.breadcrumbs.group")}: ${m.title}`, m.name = m.title);
     }), {
-      editingItem: u,
+      editingItem: a,
+      selectCloudItem: s,
+      editingItemDialogVisible: u,
+      selectCloudItemDialogVisible: f,
       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: p,
+      level: t,
+      listItems: b,
+      basisModule: g,
+      basisModuleExists: R,
+      headerActions: v,
       move({
-        item: s,
-        targetIndex: C
+        item: m,
+        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 h, w, B, T, E, F;
+        if (i.value && l.value === void 0) {
+          let M = _;
+          M = M >= 0 ? M : 0, M = M < ((h = i.value) == null ? void 0 : h.length) ? M : i.value.length - 1;
+          const O = (w = i.value) == null ? void 0 : w.indexOf(m);
+          O !== M && ((B = i.value) == null || B.splice(O, 1), (T = i.value) == null || T.splice(M, 0, m));
+        } else if ((((F = (E = l.value) == null ? void 0 : E.cards) == null ? void 0 : F.length) ?? 0) > 1) {
+          let M = _;
+          M = M >= 0 ? M : 0, M = M < l.value.cards.length ? M : l.value.cards.length - 1;
+          const O = l.value.cards.indexOf(m);
+          O && O !== M && (l.value.cards.splice(O, 1), l.value.cards.splice(M, 0, m));
         }
       }
     };
   }
 });
-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 Ro(e, o, t, r, i, l) {
+  const a = c("VcsLabel"), s = c("v-col"), f = c("VcsTextField"), u = c("v-row"), C = c("VcsCheckbox"), b = c("v-container"), g = c("VcsFormSection"), R = c("WindowPositionSettings"), v = c("v-breadcrumbs-item"), y = c("v-breadcrumbs"), U = c("VcsList"), G = c("ModuleEditor"), N = c("v-dialog"), ee = c("VcsModuleTable"), oe = c("AbstractConfigEditor");
+  return e.localConfig ? (I(), $(oe, Ke({
     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(() => [
+        default: n(() => [
+          d(g, { heading: "moduleSelector.configEditor.general" }, {
+            default: n(() => [
+              d(b, { class: "py-0 px-1" }, {
+                default: n(() => [
+                  d(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(a, { "html-for": "moduleselector-window-title" }, {
+                            default: n(() => [
                               S(
-                                y(e.$st("moduleSelector.configEditor.windowTitle")),
+                                V(e.$st("moduleSelector.configEditor.windowTitle")),
                                 1
                                 /* TEXT */
                               )
@@ -1072,11 +1723,11 @@ function Xe(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, null, {
-                        default: l(() => [
-                          t(v, {
+                      d(s, null, {
+                        default: n(() => [
+                          d(f, {
                             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)
                           }, null, 8, ["placeholder", "modelValue"])
@@ -1088,11 +1739,11 @@ function Xe(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, null, {
-                        default: l(() => [
-                          t(f, {
+                  d(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, null, {
+                        default: n(() => [
+                          d(C, {
                             modelValue: e.localConfig.isActiveOnStart,
                             "onUpdate:modelValue": o[1] || (o[1] = (p) => e.localConfig.isActiveOnStart = p),
                             label: "moduleSelector.configEditor.isActiveOnStart"
@@ -1105,11 +1756,11 @@ function Xe(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  t(c, { "no-gutters": "" }, {
-                    default: l(() => [
-                      t(a, null, {
-                        default: l(() => [
-                          t(f, {
+                  d(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, null, {
+                        default: n(() => [
+                          d(C, {
                             modelValue: e.localConfig.requireModuleSelection,
                             "onUpdate:modelValue": o[2] || (o[2] = (p) => e.localConfig.requireModuleSelection = p),
                             label: "moduleSelector.configEditor.requireModuleSelection"
@@ -1130,12 +1781,12 @@ function Xe(e, o, i, r, d, n) {
             _: 1
             /* STABLE */
           }),
-          t($, {
+          d(g, {
             heading: "moduleSelector.configEditor.windowPosition",
             expandable: !0
           }, {
-            default: l(() => [
-              t(U, {
+            default: n(() => [
+              d(R, {
                 modelValue: e.localConfig.position,
                 "onUpdate:modelValue": o[3] || (o[3] = (p) => e.localConfig.position = p),
                 "position-keys": [
@@ -1153,15 +1804,15 @@ function Xe(e, o, i, r, d, n) {
             _: 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(g, { heading: "moduleSelector.configEditor.baseModule" }, {
+            default: n(() => [
+              d(b, { class: "py-0 px-1" }, {
+                default: n(() => [
+                  d(u, { "no-gutters": "" }, {
+                    default: n(() => [
+                      d(s, null, {
+                        default: n(() => [
+                          d(C, {
                             id: "BaseModuleCheckbox",
                             modelValue: e.basisModuleExists,
                             "onUpdate:modelValue": o[4] || (o[4] = (p) => e.basisModuleExists = p),
@@ -1175,20 +1826,20 @@ function Xe(e, o, i, r, d, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  e.basisModuleExists ? (w(), _(c, {
+                  e.basisModuleExists ? (I(), $(u, {
                     key: 0,
                     "no-gutters": ""
                   }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+                    default: n(() => [
+                      d(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(a, {
                             required: "",
                             "html-for": "basisModuleName"
                           }, {
-                            default: l(() => [
+                            default: n(() => [
                               S(
-                                y(e.$st("moduleSelector.configEditor.title")),
+                                V(e.$st("moduleSelector.configEditor.title")),
                                 1
                                 /* TEXT */
                               )
@@ -1200,9 +1851,9 @@ function Xe(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, null, {
-                        default: l(() => [
-                          t(v, {
+                      d(s, null, {
+                        default: n(() => [
+                          d(f, {
                             id: "basisModuleName",
                             placeholder: "Base Module",
                             rules: [
@@ -1218,21 +1869,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(), $(u, {
                     key: 1,
                     "no-gutters": ""
                   }, {
-                    default: l(() => [
-                      t(a, { cols: "6" }, {
-                        default: l(() => [
-                          t(u, {
+                    default: n(() => [
+                      d(s, { cols: "6" }, {
+                        default: n(() => [
+                          d(a, {
                             required: "",
                             "html-for": "basisModuleIcon"
                           }, {
-                            default: l(() => [
+                            default: n(() => [
                               S(
-                                y(e.$st("components.style.icon")),
+                                V(e.$st("components.style.icon")),
                                 1
                                 /* TEXT */
                               )
@@ -1244,9 +1895,9 @@ function Xe(e, o, i, r, d, n) {
                         _: 1
                         /* STABLE */
                       }),
-                      t(a, null, {
-                        default: l(() => [
-                          t(v, {
+                      d(s, null, {
+                        default: n(() => [
+                          d(f, {
                             id: "basisModuleIcon",
                             placeholder: "mdi-home-city",
                             rules: [
@@ -1262,7 +1913,7 @@ function Xe(e, o, i, r, d, n) {
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : B("v-if", !0)
+                  })) : q("v-if", !0)
                 ]),
                 _: 1
                 /* STABLE */
@@ -1274,25 +1925,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(y, {
             items: e.breadcrumbItems,
             divider: "/"
           }, {
-            item: l(({ item: p }) => [
-              (w(), _(V, {
+            item: n(({ item: p }) => [
+              (I(), $(v, {
                 key: p.title,
                 disabled: p.disabled,
                 href: p.href,
-                onClick: (ee) => p.disabled ? null : e.returnLevel()
+                onClick: (D) => p.disabled ? null : e.returnLevel()
               }, {
-                default: l(() => [
+                default: n(() => [
                   S(
-                    y(p.title),
+                    V(p.title),
                     1
                     /* TEXT */
                   )
@@ -1304,17 +1955,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(u, { "no-gutters": "" }, {
+            default: n(() => [
+              d(s, { cols: "6" }, {
+                default: n(() => [
+                  d(a, {
                     required: "",
                     "html-for": "groupModuleName"
                   }, {
-                    default: l(() => [
+                    default: n(() => [
                       S(
-                        y(e.$st("moduleSelector.configEditor.groupName")),
+                        V(e.$st("moduleSelector.configEditor.groupName")),
                         1
                         /* TEXT */
                       )
@@ -1326,9 +1977,9 @@ function Xe(e, o, i, r, d, n) {
                 _: 1
                 /* STABLE */
               }),
-              t(a, null, {
-                default: l(() => [
-                  t(v, {
+              d(s, null, {
+                default: n(() => [
+                  d(f, {
                     id: "groupModuleName",
                     placeholder: "Module Name",
                     modelValue: e.currentGroup.title,
@@ -1343,17 +1994,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(u, { "no-gutters": "" }, {
+            default: n(() => [
+              d(s, { cols: "6" }, {
+                default: n(() => [
+                  d(a, {
                     required: "",
                     "html-for": "groupModuleIcon"
                   }, {
-                    default: l(() => [
+                    default: n(() => [
                       S(
-                        y(e.$st("moduleSelector.configEditor.moduleIcon")),
+                        V(e.$st("moduleSelector.configEditor.moduleIcon")),
                         1
                         /* TEXT */
                       )
@@ -1365,9 +2016,9 @@ function Xe(e, o, i, r, d, n) {
                 _: 1
                 /* STABLE */
               }),
-              t(a, null, {
-                default: l(() => [
-                  t(v, {
+              d(s, null, {
+                default: n(() => [
+                  d(f, {
                     id: "groupModuleIcon",
                     placeholder: "Module Icon",
                     modelValue: e.currentGroup.icon,
@@ -1388,40 +2039,55 @@ function Xe(e, o, i, r, d, n) {
         _: 1
         /* STABLE */
       })),
-      t($, {
+      d(g, {
         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(), $(U, {
             key: 0,
             items: e.listItemArray,
             draggable: !0,
             onItemMoved: e.move
-          }, null, 8, ["items", "onItemMoved"])) : (w(), _(I, {
+          }, null, 8, ["items", "onItemMoved"])) : (I(), $(U, {
             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(N, {
+            modelValue: e.editingItemDialogVisible,
+            "onUpdate:modelValue": o[11] || (o[11] = (p) => e.editingItemDialogVisible = p),
             width: "400",
             persistent: !0
           }, {
-            default: l(() => [
-              t(x, {
+            default: n(() => [
+              d(G, {
                 "model-value": e.editingItem,
-                onClose: o[9] || (o[9] = (p) => e.editingItem = void 0),
+                onClose: o[9] || (o[9] = (p) => e.editingItemDialogVisible = !1),
                 onSubmit: o[10] || (o[10] = (p) => e.updateItem())
               }, null, 8, ["model-value"])
             ]),
             _: 1
             /* STABLE */
-          })) : B("v-if", !0)
+          }, 8, ["modelValue"]),
+          d(N, {
+            modelValue: e.selectCloudItemDialogVisible,
+            "onUpdate:modelValue": o[14] || (o[14] = (p) => e.selectCloudItemDialogVisible = p),
+            width: "1000",
+            persistent: !0
+          }, {
+            default: n(() => [
+              d(ee, {
+                "model-value": e.selectCloudItem,
+                onClose: o[12] || (o[12] = (p) => e.selectCloudItemDialogVisible = !1),
+                onSubmit: o[13] || (o[13] = (p) => e.updateCloudItem())
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])
         ]),
         _: 1
         /* STABLE */
@@ -1429,33 +2095,33 @@ function Xe(e, o, i, r, d, n) {
     ]),
     _: 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 Do = /* @__PURE__ */ Y(Fo, [["render", Ro], ["__scopeId", "data-v-04be78a1"]]);
+function zo(e) {
   let o;
   return {
     get name() {
-      return P;
+      return j;
     },
     get version() {
-      return Fe;
+      return io;
     },
     get mapVersion() {
-      return Ge;
+      return ro;
     },
     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 a;
+      o = t;
+      const i = {
+        id: ae,
+        component: co,
+        slot: Ge.DETACHED,
         position: this.config.position,
         state: {
           headerTitle: this.config.windowTitle,
@@ -1468,13 +2134,13 @@ 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)) {
-          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 s = Ee(r.smi), f = Ee(r.snmi), u = to(r.w), { modules: C } = this.config;
+        if (s !== void 0 && s < (C == null ? void 0 : C.length)) {
+          this.selectedMainModuleIndex.value = s;
+          const b = C[s];
+          f !== void 0 && (b == null ? void 0 : b.type) === "group" && f < ((a = b == null ? void 0 : b.cards) == null ? void 0 : a.length) && (this.selectedNestedModuleIndex.value = f);
         }
-        c || await pe(
+        u || await Ue(
           this.selectedMainModuleIndex.value,
           this.selectedNestedModuleIndex.value,
           o,
@@ -1482,35 +2148,35 @@ function to(e) {
           e.basisModule
         );
       }
-      const { action: n } = we(
+      const { action: l } = je(
         {
           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,
+        Le.PROJECT
+      ), (r && r.w || !r && e.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 a, s;
+      const t = (a = this.selectedMainModuleIndex) == null ? void 0 : a.value, r = (s = this.selectedNestedModuleIndex) == null ? void 0 : s.value, i = o.windowManager.has(ae), l = this.config.isActiveOnStart;
+      return t !== void 0 || r !== void 0 || i !== l ? { smi: t, snmi: r, w: i } : {};
     },
     getConfigEditors() {
       return [
         {
-          component: Ye,
+          component: Do,
           title: "moduleSelector.name",
           infoUrlCallback: o.getHelpUrlCallback(
             "/components/plugins/moduleSelectorConfig.html",
@@ -1520,8 +2186,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), ue(this.config.position, r.position) || (t.position = this.config.position), ue(this.config.modules, r.modules) || (t.modules = this.config.modules), ue(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 +2197,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 +2244,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: "Created by"
+              }
+            },
             TooltipAddModule: "Add module",
             TooltipEditModule: "Edit module",
             TooltipEditGroup: "Edit module group",
@@ -1596,5 +2290,5 @@ function to(e) {
   };
 }
 export {
-  to as default
+  zo as default
 };