@vcmap/module-selector 2.0.5 → 3.0.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# v3.0.0
+
+- Fix a styling issue
+- Update ui and core to 6.1
+- Make module selector in mobile view available
+
 # v2.0.4
 
 - Add Tooltip to each card for Modules and Groups

package/dist/index.js

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('data:text/css;base64,LnYtY2FyZFtkYXRhLXYtZTdlYzFmZTdde2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjE1MHB4O3dpZHRoOjE1MHB4O2FzcGVjdC1yYXRpbzoxO3RyYW5zaXRpb246YmFja2dyb3VuZC1jb2xvciAuM3N9LmZpeGVkLWNhcmRbZGF0YS12LWU3ZWMxZmU3XXtoZWlnaHQ6MTUwcHg7d2lkdGg6MTUwcHg7YXNwZWN0LXJhdGlvOjF9LnNlbGVjdGVkLWNhcmRbZGF0YS12LWU3ZWMxZmU3XXtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXByaW1hcnkpKTtjb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1vbi1wcmltYXJ5KSl9LnRvcC1yaWdodC1pY29uW2RhdGEtdi1lN2VjMWZlN117cG9zaXRpb246YWJzb2x1dGU7dG9wOjhweDtsZWZ0OjhweDt6LWluZGV4OjEwO2N1cnNvcjpwb2ludGVyO2NvbG9yOnJnYih2YXIoLS12LXRoZW1lLW9uLXN1cmZhY2UpKX0uZ3JvdXBDYXJkW2RhdGEtdi1lN2VjMWZlN117d2lkdGg6MTQ2cHg7YmFja2dyb3VuZC1jb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1zdXJmYWNlKSk7Ym9yZGVyOm5vbmUhaW1wb3J0YW50O2JvcmRlci1yaWdodDoxcHggc29saWQhaW1wb3J0YW50fS5pbnRlcm1lZGlhdGUtY2FyZFtkYXRhLXYtZTdlYzFmZTdde3dpZHRoOjE0OHB4O2JhY2tncm91bmQtY29sb3I6cmdiKHZhcigtLXYtdGhlbWUtc3VyZmFjZSkpO2JvcmRlcjpub25lIWltcG9ydGFudDtib3JkZXItcmlnaHQ6MXB4IHNvbGlkIWltcG9ydGFudH0uZ3JvdXBUaXRsZVtkYXRhLXYtZTdlYzFmZTddLC5ncm91cEljb25bZGF0YS12LWU3ZWMxZmU3XXttYXJnaW4tbGVmdDoyMHB4IWltcG9ydGFudH0uZml4ZWQtYm90dG9tW2RhdGEtdi1lN2VjMWZlN117cG9zaXRpb246c3RpY2t5O2JvdHRvbTowO2JhY2tncm91bmQtY29sb3I6cmdiKHZhcigtLXYtdGhlbWUtc3VyZmFjZSkpO3otaW5kZXg6MTB9Cg==');var qe = Object.defineProperty;
+} await loadCss('data:text/css;base64,LnYtY2FyZFtkYXRhLXYtMDYwNmI1YmVde2Rpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47anVzdGlmeS1jb250ZW50OmNlbnRlcjthbGlnbi1pdGVtczpjZW50ZXI7aGVpZ2h0OjE1MHB4O3dpZHRoOjE1MHB4O2FzcGVjdC1yYXRpbzoxO3RyYW5zaXRpb246YmFja2dyb3VuZC1jb2xvciAuM3N9LmZpeGVkLWNhcmRbZGF0YS12LTA2MDZiNWJlXXtoZWlnaHQ6MTUwcHg7d2lkdGg6MTUwcHg7YXNwZWN0LXJhdGlvOjF9LnNlbGVjdGVkLWNhcmRbZGF0YS12LTA2MDZiNWJlXXtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXByaW1hcnkpKTtjb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1vbi1wcmltYXJ5KSl9LnRvcC1sZWZ0LWljb25bZGF0YS12LTA2MDZiNWJlXXtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6OHB4O2xlZnQ6OHB4O3otaW5kZXg6MTA7Y3Vyc29yOnBvaW50ZXI7Y29sb3I6cmdiKHZhcigtLXYtdGhlbWUtb24tc3VyZmFjZSkpfS50b3AtbGVmdC1pY29uLnNlbGVjdGVkW2RhdGEtdi0wNjA2YjViZV17Y29sb3I6cmdiKHZhcigtLXYtdGhlbWUtb24tcHJpbWFyeSkpfS5ncm91cENhcmRbZGF0YS12LTA2MDZiNWJlXXt3aWR0aDoxNDZweDtiYWNrZ3JvdW5kLWNvbG9yOnJnYih2YXIoLS12LXRoZW1lLXN1cmZhY2UpKTtib3JkZXI6bm9uZSFpbXBvcnRhbnQ7Ym9yZGVyLXJpZ2h0OjFweCBzb2xpZCFpbXBvcnRhbnR9LmludGVybWVkaWF0ZS1jYXJkW2RhdGEtdi0wNjA2YjViZV17d2lkdGg6MTQ4cHg7YmFja2dyb3VuZC1jb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1zdXJmYWNlKSk7Ym9yZGVyOm5vbmUhaW1wb3J0YW50O2JvcmRlci1yaWdodDoxcHggc29saWQhaW1wb3J0YW50fS5ncm91cFRpdGxlW2RhdGEtdi0wNjA2YjViZV0sLmdyb3VwSWNvbltkYXRhLXYtMDYwNmI1YmVde21hcmdpbi1sZWZ0OjIwcHghaW1wb3J0YW50fS5maXhlZC1ib3R0b21bZGF0YS12LTA2MDZiNWJlXXtwb3NpdGlvbjpzdGlja3k7Ym90dG9tOjA7YmFja2dyb3VuZC1jb2xvcjpyZ2IodmFyKC0tdi10aGVtZS1zdXJmYWNlKSk7ei1pbmRleDoxMH0K');var qe = Object.defineProperty;
 var Pe = (e, o, i) => o in e ? qe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[o] = i;
 var J = (e, o, i) => Pe(e, typeof o != "symbol" ? o + "" : o, i);
 import { VcsFormButton as ce, VcsTextField as me, VcsLabel as Se, VcsFormSection as ye, VcsTextArea as we, VcsCheckbox as ke, useProxiedComplexModel as je, useModelHasProperty as Le, VcsDataTable as ze, VcsList as We, AbstractConfigEditor as He, WindowSlot as Ke, createToggleAction as Je, ButtonLocation as Ze } from "../../../assets/ui.js";
@@ -56,7 +56,7 @@ var ro = function e(o, i) {
   }
   return o !== o && i !== i;
 };
-const ge = /* @__PURE__ */ no(ro), z = "@vcmap/module-selector", so = "2.0.5", uo = "^6.0";
+const ge = /* @__PURE__ */ no(ro), z = "@vcmap/module-selector", so = "3.0.0", uo = "^6.1";
 async function $e(e, o) {
   const i = await fetch(e, {
     method: "GET"
@@ -177,7 +177,7 @@ function mo(e, o, i, d, n, r) {
                             s,
                             se({
                               key: 0,
-                              class: "top-right-icon"
+                              class: "top-left-icon"
                             }, v),
                             {
                               default: t(() => [
@@ -273,10 +273,10 @@ function mo(e, o, i, d, n, r) {
                   (C(!0), K(
                     ee,
                     null,
-                    he(e.nestedCards, (v, N) => (C(), U(
+                    he(e.nestedCards, (v, T) => (C(), U(
                       y,
                       {
-                        key: N,
+                        key: T,
                         cols: "auto",
                         class: "pa-2"
                       },
@@ -284,10 +284,10 @@ function mo(e, o, i, d, n, r) {
                         default: t(() => [
                           l(c, {
                             class: re(["fixed-card hover-card", {
-                              "selected-card": e.plugin.selectedNestedModuleIndex.value === N
+                              "selected-card": e.plugin.selectedNestedModuleIndex.value === T
                             }]),
                             variant: "outlined",
-                            onClick: (p) => e.selectNestedModule(N)
+                            onClick: (p) => e.selectNestedModule(T)
                           }, {
                             default: t(() => [
                               l(
@@ -299,7 +299,7 @@ function mo(e, o, i, d, n, r) {
                                       s,
                                       se({
                                         key: 0,
-                                        class: "top-right-icon",
+                                        class: "top-left-icon",
                                         ref_for: !0
                                       }, p),
                                       {
@@ -385,22 +385,22 @@ function mo(e, o, i, d, n, r) {
               )) : (C(!0), K(
                 ee,
                 { key: 1 },
-                he(e.modules, (v, N) => (C(), U(
+                he(e.modules, (v, T) => (C(), U(
                   y,
                   {
                     cols: "auto",
                     class: "pa-2",
-                    key: N
+                    key: T
                   },
                   {
                     default: t(() => [
                       l(c, {
                         class: re(["fixed-card hover-card", {
-                          "selected-card": e.plugin.selectedMainModuleIndex.value === N,
+                          "selected-card": e.plugin.selectedMainModuleIndex.value === T,
                           "pr-3": v.type === "group"
                         }]),
                         variant: "outlined",
-                        onClick: (p) => e.selectModule(N)
+                        onClick: (p) => e.selectModule(T)
                       }, {
                         default: t(() => [
                           l(
@@ -408,23 +408,19 @@ function mo(e, o, i, d, n, r) {
                             { "max-width": 300 },
                             {
                               activator: t(({ props: p }) => [
-                                v.description ? (C(), U(
-                                  s,
-                                  se({
-                                    key: 0,
-                                    class: "top-right-icon",
-                                    ref_for: !0
-                                  }, p),
-                                  {
-                                    default: t(() => [
-                                      h(g("$vcsInfo"))
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  },
-                                  1040
-                                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                                )) : G("v-if", !0)
+                                v.description ? (C(), U(s, se({
+                                  key: 0,
+                                  class: ["top-left-icon", {
+                                    selected: e.plugin.selectedMainModuleIndex.value === T
+                                  }],
+                                  ref_for: !0
+                                }, p), {
+                                  default: t(() => [
+                                    h(g("$vcsInfo"))
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1040, ["class"])) : G("v-if", !0)
                               ]),
                               default: t(() => [
                                 L(
@@ -444,7 +440,7 @@ function mo(e, o, i, d, n, r) {
                           v.type === "group" && v.cards ? (C(), U(c, {
                             key: 0,
                             class: re(["intermediate-card", {
-                              "selected-card": e.plugin.selectedMainModuleIndex.value === N,
+                              "selected-card": e.plugin.selectedMainModuleIndex.value === T,
                               "pr-3": v.type === "group"
                             }]),
                             variant: "outlined"
@@ -453,7 +449,7 @@ function mo(e, o, i, d, n, r) {
                               l(c, {
                                 variant: v.type === "group" && v.cards ? "outlined" : void 0,
                                 class: re({
-                                  "selected-card": e.plugin.selectedMainModuleIndex.value === N,
+                                  "selected-card": e.plugin.selectedMainModuleIndex.value === T,
                                   groupCard: v.type === "group",
                                   innerCard: v.type === "group"
                                 })
@@ -607,7 +603,7 @@ function mo(e, o, i, d, n, r) {
     /* STABLE */
   });
 }
-const po = /* @__PURE__ */ ne(co, [["render", mo], ["__scopeId", "data-v-e7ec1fe7"]]), ue = () => ({
+const po = /* @__PURE__ */ ne(co, [["render", mo], ["__scopeId", "data-v-0606b5be"]]), ue = () => ({
   windowTitle: "moduleSelector.title",
   isActiveOnStart: !0,
   requireModuleSelection: !1,
@@ -657,8 +653,8 @@ const po = /* @__PURE__ */ ne(co, [["render", mo], ["__scopeId", "data-v-e7ec1fe
   }
 }), go = { class: "d-flex gc-2 w-100 justify-end pa-2" };
 function vo(e, o, i, d, n, r) {
-  const s = a("VcsLabel"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("VcsTextArea"), M = a("v-container"), $ = a("v-form"), B = a("v-divider"), b = a("VcsFormButton"), v = a("VcsFormSection"), N = a("v-card");
-  return C(), U(N, null, {
+  const s = a("VcsLabel"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("VcsTextArea"), M = a("v-container"), $ = a("v-form"), B = a("v-divider"), b = a("VcsFormButton"), v = a("VcsFormSection"), T = a("v-card");
+  return C(), U(T, null, {
     default: t(() => [
       l(v, { heading: "moduleSelector.configEditor.moduleSettings" }, {
         default: t(() => [
@@ -1043,7 +1039,7 @@ async function $o(e, o, i, d = void 0, n = {}) {
   return (await Co(e, o, i, d, n)).json();
 }
 async function _o(e) {
-  const o = "api/v1/project/{projectId}/modules", i = "get", n = Eo(o, e, {
+  const n = Eo("api/v1/project/{projectId}/modules", e, {
     projectId: "path",
     limit: "query",
     page: "query",
@@ -1051,7 +1047,7 @@ async function _o(e) {
     orderBy: "query",
     name: "query"
   });
-  return $o(n, i, 200, void 0, void 0);
+  return $o(n, "get", 200, void 0, void 0);
 }
 const O = {
   OFF: 1,
@@ -1246,7 +1242,7 @@ const Oo = oe({
       "@vcmap/app-configurator"
     ), { serverUrl: r, projectId: s, appId: u, token: S } = (n == null ? void 0 : n.config) || d.config, c = { serverUrl: r, projectId: s, appId: u, token: S };
     Ao(c);
-    const y = A(!0), M = A([]), $ = A(0), B = A(0), b = A([void 0]), v = No(), N = /* @__PURE__ */ new Map(), p = A(e.modelValue), P = Z(() => p.value.id === ""), k = A(!1), Q = () => {
+    const y = A(!0), M = A([]), $ = A(0), B = A(0), b = A([void 0]), v = No(), T = /* @__PURE__ */ new Map(), p = A(e.modelValue), P = Z(() => p.value.id === ""), k = A(!1), Q = () => {
       var R, W;
       k.value = !!((R = p.value) != null && R.title) && !!((W = p.value) != null && W.icon);
     }, X = {
@@ -1254,7 +1250,7 @@ const Oo = oe({
       extension: "$vcsShapes"
     };
     function Y(R) {
-      var T;
+      var N;
       const { itemsPerPage: W, page: m, search: I, sortBy: f } = R;
       y.value = !0, c.projectId ? _o({
         projectId: c.projectId,
@@ -1262,7 +1258,7 @@ const Oo = oe({
         page: m - 1,
         name: I,
         orderBy: f == null ? void 0 : f.map(({ key: _ }) => _),
-        sort: (T = f == null ? void 0 : f[0]) == null ? void 0 : T.order
+        sort: (N = f == null ? void 0 : f[0]) == null ? void 0 : N.order
       }).then((_) => {
         M.value = _.items.map((E) => {
           var D, F;
@@ -1275,7 +1271,7 @@ const Oo = oe({
             updatedBy: (n == null ? void 0 : n.getUserName(E.updatedBy)) || E.updatedBy,
             _id: E._id
           };
-          return (((D = E.maps) == null ? void 0 : D.length) ?? 0) > 0 && (((F = E.layers) == null ? void 0 : F.length) ?? 0) > 0 ? w.type = "standalone" : w.type = "extension", w.disabled = !!i.getModuleById(E._id), N.set(E._id, E), w;
+          return (((D = E.maps) == null ? void 0 : D.length) ?? 0) > 0 && (((F = E.layers) == null ? void 0 : F.length) ?? 0) > 0 ? w.type = "standalone" : w.type = "extension", w.disabled = !!i.getModuleById(E._id), T.set(E._id, E), w;
         }), $.value = _.totalCount, B.value = _.totalPages;
       }).catch((_) => {
         Ve("CloudModuleSelector.vue").error(
@@ -1323,7 +1319,7 @@ const Oo = oe({
   class: "d-flex gc-2 justify-space-between w-100"
 }, Go = { class: "d-flex gc-2" };
 function Ro(e, o, i, d, n, r) {
-  const s = a("v-icon"), u = a("v-tooltip"), S = a("VcsDataTable"), c = a("VcsFormSection"), y = a("VcsLabel"), M = a("v-col"), $ = a("VcsTextField"), B = a("v-row"), b = a("VcsTextArea"), v = a("v-container"), N = a("v-form"), p = a("VcsFormButton"), P = a("v-card");
+  const s = a("v-icon"), u = a("v-tooltip"), S = a("VcsDataTable"), c = a("VcsFormSection"), y = a("VcsLabel"), M = a("v-col"), $ = a("VcsTextField"), B = a("v-row"), b = a("VcsTextArea"), v = a("v-container"), T = a("v-form"), p = a("VcsFormButton"), P = a("v-card");
   return C(), U(P, null, {
     default: t(() => [
       L("div", null, [
@@ -1412,7 +1408,7 @@ function Ro(e, o, i, d, n, r) {
           heading: "moduleSelector.configEditor.moduleSettings"
         }, {
           default: t(() => [
-            l(N, {
+            l(T, {
               modelValue: e.isFValid,
               "onUpdate:modelValue": o[4] || (o[4] = (k) => e.isFValid = k),
               ref: "form"
@@ -1706,7 +1702,7 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
     function v(m) {
       var I;
       if (m.type === "url") {
-        const { actions: f, id: T, name: _, ...E } = m;
+        const { actions: f, id: N, name: _, ...E } = m;
         return {
           ...E,
           moduleUrl: m.moduleUrl || ""
@@ -1717,18 +1713,18 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
           return {
             ...Re
           };
-        })) || [], { actions: T, id: _, name: E, ...w } = m;
+        })) || [], { actions: N, id: _, name: E, ...w } = m;
         return {
           ...w,
           ...f.length ? { cards: f } : {}
         };
       }
     }
-    function N(m) {
+    function T(m) {
       return m.map(v);
     }
     function p(m, I) {
-      var T, _, E;
+      var N, _, E;
       const f = {
         id: `${m.title || "undefined"}-${I}`,
         name: m.title,
@@ -1738,7 +1734,7 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
         description: m.description,
         actions: []
       };
-      return m.type === "url" && (f.moduleUrl = m.moduleUrl, (T = f.actions) == null || T.push({
+      return m.type === "url" && (f.moduleUrl = m.moduleUrl, (N = f.actions) == null || N.push({
         name: "edit",
         title: "moduleSelector.configEditor.TooltipEditModule",
         icon: "$vcsEdit",
@@ -1779,7 +1775,7 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
             );
             if (w) {
               n.value = w, y.value = !0;
-              const [D] = N([
+              const [D] = T([
                 n.value
               ]);
               D.cards.length === 0 && (D.cards = []), u = structuredClone(D), b.splice(2, 1), b.length > 1 && (b[1].icon = "$vcsPlus", b[1].title = "moduleSelector.configEditor.TooltipAddModule");
@@ -1855,17 +1851,17 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
       ) : M.value = [];
     });
     const k = () => {
-      var T;
-      const m = fe((T = i.value) == null ? void 0 : T.position), I = Object.values(m).some(
+      var N;
+      const m = fe((N = i.value) == null ? void 0 : N.position), I = Object.values(m).some(
         (_) => _ !== void 0
       ), f = {
         ...fe(i.value),
-        modules: N(d.value),
+        modules: T(d.value),
         basisModule: fe($.value)
       };
       I ? f.position = m : delete f.position, e.setConfig(f);
     }, Q = () => {
-      var m, I, f, T, _, E, w, D;
+      var m, I, f, N, _, E, w, D;
       if (n.value === void 0) {
         if (r.value)
           if (((m = r.value) == null ? void 0 : m.id) !== "") {
@@ -1896,7 +1892,7 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
           ...r.value
         });
         let q;
-        (f = n.value) != null && f.id || ((T = n.value) == null ? void 0 : T.id) !== "" ? q = n.value.id : q = `${n.value.title}-${d.value.length - 1}`, n.value = d.value.find(
+        (f = n.value) != null && f.id || ((N = n.value) == null ? void 0 : N.id) !== "" ? q = n.value.id : q = `${n.value.title}-${d.value.length - 1}`, n.value = d.value.find(
           (H) => H.id === q
         );
       } else {
@@ -1922,7 +1918,7 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
         description: ""
       }, c.value = !1;
     }, X = () => {
-      var m, I, f, T;
+      var m, I, f, N;
       if (n.value === void 0)
         s.value && d.value.push(
           p(
@@ -1947,7 +1943,7 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
           )
         );
         let _;
-        (m = n.value) != null && m.id || ((I = n.value) == null ? void 0 : I.id) !== "" ? _ = n.value.id : _ = `${(f = n.value) == null ? void 0 : f.title}-${d.value.length - 1}`, n.value = (T = d.value) == null ? void 0 : T.find(
+        (m = n.value) != null && m.id || ((I = n.value) == null ? void 0 : I.id) !== "" ? _ = n.value.id : _ = `${(f = n.value) == null ? void 0 : f.title}-${d.value.length - 1}`, n.value = (N = d.value) == null ? void 0 : N.find(
           (E) => E.id === _
         );
       }
@@ -1997,23 +1993,23 @@ const qo = /* @__PURE__ */ ne(Oo, [["render", Ro]]), Po = oe({
         item: m,
         targetIndex: I
       }) {
-        var T, _, E;
-        const f = (T = d.value) == null ? void 0 : T.indexOf(m);
+        var N, _, E;
+        const f = (N = d.value) == null ? void 0 : N.indexOf(m);
         f !== I && ((_ = d.value) == null || _.splice(f, 1), (E = d.value) == null || E.splice(I, 0, m));
       },
       moveCard({
         item: m,
         targetIndex: I
       }) {
-        var T, _, E, w;
+        var N, _, E, w;
         const f = n.value.cards.indexOf(m);
-        f !== I && ((_ = (T = n.value) == null ? void 0 : T.cards) == null || _.splice(f, 1), (w = (E = n.value) == null ? void 0 : E.cards) == null || w.splice(I, 0, m));
+        f !== I && ((_ = (N = n.value) == null ? void 0 : N.cards) == null || _.splice(f, 1), (w = (E = n.value) == null ? void 0 : E.cards) == null || w.splice(I, 0, m));
       }
     };
   }
 }), jo = { class: "d-flex gc-2 px-2 pt-2 pb-2" }, Lo = { class: "d-flex gc-2 justify-end w-100" };
 function zo(e, o, i, d, n, r) {
-  const s = a("VcsLabel"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("VcsCheckbox"), M = a("v-container"), $ = a("VcsFormSection"), B = a("VcsTextArea"), b = a("v-form"), v = a("VcsList"), N = a("VcsFormButton"), p = a("v-sheet"), P = a("v-dialog"), k = a("ModuleEditor"), Q = a("VcsModuleTable"), X = a("WindowPositionSettings"), Y = a("AbstractConfigEditor");
+  const s = a("VcsLabel"), u = a("v-col"), S = a("VcsTextField"), c = a("v-row"), y = a("VcsCheckbox"), M = a("v-container"), $ = a("VcsFormSection"), B = a("VcsTextArea"), b = a("v-form"), v = a("VcsList"), T = a("VcsFormButton"), p = a("v-sheet"), P = a("v-dialog"), k = a("ModuleEditor"), Q = a("VcsModuleTable"), X = a("WindowPositionSettings"), Y = a("AbstractConfigEditor");
   return e.localConfig ? (C(), U(Y, se({
     key: 0,
     onSubmit: e.apply
@@ -2425,7 +2421,7 @@ function zo(e, o, i, d, n, r) {
               }, 8, ["header-actions"]),
               L("div", jo, [
                 L("div", Lo, [
-                  l(N, {
+                  l(T, {
                     variant: "filled",
                     disabled: !e.isFormValid,
                     onClick: o[11] || (o[11] = (V) => e.returnLevel())
@@ -2440,7 +2436,7 @@ function zo(e, o, i, d, n, r) {
                     _: 1
                     /* STABLE */
                   }, 8, ["disabled"]),
-                  l(N, {
+                  l(T, {
                     onClick: o[12] || (o[12] = (V) => e.cancelCurrentGroup())
                   }, {
                     default: t(() => [
@@ -2567,7 +2563,9 @@ function Xo(e) {
         state: {
           headerIcon: "mdi-view-grid",
           headerTitle: this.config.windowTitle,
-          infoUrlCallback: o.getHelpUrlCallback("/tools/moduleSelector.html")
+          infoUrlCallback: o.getHelpUrlCallback(
+            "/components/genericFunctions.html#id_moduleSelector"
+          )
         },
         props: {
           modules: this.config.modules,
@@ -2592,7 +2590,7 @@ function Xo(e) {
       }
       const { action: r } = Je(
         {
-          name: "moduleSelector",
+          name: "moduleSelector.title",
           title: "moduleSelector.title",
           icon: "mdi-view-grid"
         },
@@ -2606,7 +2604,8 @@ function Xo(e) {
           action: r
         },
         z,
-        Ze.PROJECT
+        Ze.PROJECT,
+        { desktop: !0, tablet: !0, mobile: !0 }
       ), (d && d.w || !d && this.config.isActiveOnStart) && o.windowManager.add(n, z), Promise.resolve();
     },
     getDefaultOptions: ue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/module-selector",
-  "version": "2.0.5",
+  "version": "3.0.0",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -45,23 +45,26 @@
   ],
   "prettier": "@vcsuite/eslint-config/prettier.js",
   "peerDependencies": {
-    "@vcmap/core": "^6.0.6",
-    "@vcmap/ui": "^6.0.10",
+    "@vcmap/core": "^6.1.11",
+    "@vcmap/ui": "^6.1.14",
     "vue": "~3.4.38",
-    "vuetify": "^3.7.3"
+    "vuetify": "~3.7.14"
+  },
+  "overrides": {
+    "esbuild": "^0.25.0"
   },
   "devDependencies": {
-    "@vcmap/plugin-cli": "^4.0.1",
+    "@vcmap/plugin-cli": "^4.1.2",
     "@vcsuite/eslint-config": "^3.0.8",
-    "@vitest/coverage-v8": "^2.1.4",
+    "@vitest/coverage-v8": "^2.1.9",
     "jest-canvas-mock": "^2.5.2",
     "jsdom": "^24.1.1",
     "resize-observer-polyfill": "^1.5.1",
-    "typescript": "^5.6.3",
-    "vitest": "^2.1.4",
-    "vue-tsc": "^2.1.10"
+    "typescript": "^5.9.2",
+    "vitest": "^2.1.9",
+    "vue-tsc": "^2.2.12"
   },
-  "mapVersion": "^6.0",
+  "mapVersion": "^6.1",
   "dependencies": {
     "@vcsuite/logger": "^1.0.1",
     "@vcsuite/parsers": "^2.0.0",

package/src/ModuleSelector.vue

@@ -12,7 +12,7 @@
               <template #activator="{ props }">
                 <v-icon
                   v-if="basisModule.description"
-                  class="top-right-icon"
+                  class="top-left-icon"
                   v-bind="props"
                   >{{ '$vcsInfo' }}
                 </v-icon>
@@ -48,7 +48,10 @@
                 <template #activator="{ props }">
                   <v-icon
                     v-if="module.description"
-                    class="top-right-icon"
+                    class="top-left-icon"
+                    :class="{
+                      selected: plugin.selectedMainModuleIndex.value === index,
+                    }"
                     v-bind="props"
                     >{{ '$vcsInfo' }}
                   </v-icon>
@@ -128,7 +131,7 @@
                 <template #activator="{ props }">
                   <v-icon
                     v-if="card.description"
-                    class="top-right-icon"
+                    class="top-left-icon"
                     v-bind="props"
                     >{{ '$vcsInfo' }}
                   </v-icon>
@@ -299,7 +302,7 @@
     color: rgb(var(--v-theme-on-primary));
   }
 
-  .top-right-icon {
+  .top-left-icon {
     position: absolute;
     top: 8px;
     left: 8px;
@@ -307,6 +310,10 @@
     cursor: pointer;
     color: rgb(var(--v-theme-on-surface));
   }
+  .top-left-icon.selected {
+    color: rgb(var(--v-theme-on-primary));
+  }
+
   .groupCard {
     width: 146px;
     background-color: rgb(var(--v-theme-surface));

package/src/index.ts

@@ -94,7 +94,9 @@ export default function plugin(
         state: {
           headerIcon: 'mdi-view-grid',
           headerTitle: this.config.windowTitle,
-          infoUrlCallback: app.getHelpUrlCallback('/tools/moduleSelector.html'),
+          infoUrlCallback: app.getHelpUrlCallback(
+            '/components/genericFunctions.html#id_moduleSelector',
+          ),
         },
         props: {
           modules: this.config.modules,
@@ -134,7 +136,7 @@ export default function plugin(
 
       const { action } = createToggleAction(
         {
-          name: 'moduleSelector',
+          name: 'moduleSelector.title',
           title: 'moduleSelector.title',
           icon: 'mdi-view-grid',
         },
@@ -150,6 +152,7 @@ export default function plugin(
         },
         name,
         ButtonLocation.PROJECT,
+        { desktop: true, tablet: true, mobile: true },
       );
 
       if ((state && state.w) || (!state && this.config.isActiveOnStart)) {