@delta10/atlas-sdk 0.1.9 → 0.1.10

package/dist/components/Map.vue.js

@@ -1,7 +1,7 @@
 import o from "./Map.vue2.js";
 /* empty css         */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-843b95b9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1a5237bc"]]);
 export {
   m as default
 };

package/dist/components/Map.vue2.js

@@ -1,23 +1,27 @@
-import { defineComponent as pe, ref as u, computed as v, onMounted as me, openBlock as s, createElementBlock as L, createVNode as a, unref as r, withCtx as d, createBlock as l, normalizeStyle as Z, createCommentVNode as c, Fragment as x, renderList as D, mergeProps as ye, createElementVNode as g, normalizeClass as $, Transition as V } from "vue";
-import { Map as T, Interactions as _, Layers as B, Sources as j, Geometries as R } from "vue3-openlayers";
-import { epsg28992 as z } from "../utils/projections.js";
-import { optionsFromCapabilities as ve } from "ol/source/WMTS";
-import ge from "ol/format/WMTSCapabilities";
-import { Style as W, Fill as G, Stroke as A, Circle as we } from "ol/style";
-import { boundingExtent as be } from "ol/extent";
-import Le from "../assets/icons/map.svg.js";
-import he from "../assets/icons/layers.svg.js";
-import ke from "../assets/icons/plus.svg.js";
-import Se from "../assets/icons/minus.svg.js";
-import Ie from "./panels/BaseLayers.vue.js";
-import Oe from "./panels/Layers.vue.js";
-const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze = {
+import { defineComponent as ce, ref as f, computed as v, onMounted as fe, openBlock as s, createElementBlock as L, createVNode as a, unref as r, withCtx as d, createBlock as l, normalizeStyle as B, createCommentVNode as c, Fragment as C, renderList as j, mergeProps as ue, createElementVNode as g, normalizeClass as F, Transition as N } from "vue";
+import { OlMap as de, OlProjectionRegister as pe, OlView as me, OlFeature as ye } from "vue3-openlayers/map";
+import { OlTileLayer as Z, OlVectorLayer as ve } from "vue3-openlayers/layers";
+import { OlSourceTileWMS as ge, OlSourceWMTS as we, OlSourceVector as be } from "vue3-openlayers/sources";
+import { OlGeomPoint as Le, OlGeomPolygon as he } from "vue3-openlayers/geometries";
+import { OlInteractionSelect as ke, OlInteractionSnap as Se, OlInteractionModify as _e, OlInteractionDraw as ze } from "vue3-openlayers/interactions";
+import { epsg28992 as I } from "../utils/projections.js";
+import { optionsFromCapabilities as Ie } from "ol/source/WMTS";
+import Oe from "ol/format/WMTSCapabilities";
+import { Style as D, Fill as $, Stroke as V, Circle as Te } from "ol/style";
+import { boundingExtent as Me } from "ol/extent";
+import Ce from "../assets/icons/map.svg.js";
+import Pe from "../assets/icons/layers.svg.js";
+import xe from "../assets/icons/plus.svg.js";
+import Be from "../assets/icons/minus.svg.js";
+import je from "./panels/BaseLayers.vue.js";
+import Fe from "./panels/Layers.vue.js";
+const Ne = { class: "map-container" }, Ze = { class: "bottom-left-panels" }, De = {
   key: 0,
   class: "layers-control"
-}, Me = ["aria-expanded"], Ce = { class: "bottom-right-panels" }, Pe = {
+}, $e = ["aria-expanded"], Ve = { class: "bottom-right-panels" }, Re = {
   key: 0,
   class: "base-layers-control"
-}, xe = ["aria-expanded"], Be = { class: "zoom-panel" }, qe = /* @__PURE__ */ pe({
+}, We = ["aria-expanded"], Ae = { class: "zoom-panel" }, at = /* @__PURE__ */ ce({
   __name: "Map",
   props: {
     layers: { default: () => [] },
@@ -28,26 +32,26 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
     center: { default: () => [12e4, 487e3] }
   },
   emits: ["featureSelected", "featureDeselected", "featureModified", "featureDrawn"],
-  setup(w, { expose: U, emit: Y }) {
-    const i = w, M = Y, F = u(), f = u(), q = u({}), p = u({}), h = u(!1), k = u(!1), b = u(null), S = u(/* @__PURE__ */ new Set()), m = u(
+  setup(w, { expose: R, emit: W }) {
+    const i = w, O = W, P = f(), u = f(), A = f({}), p = f({}), h = f(!1), k = f(!1), b = f(null), S = f(/* @__PURE__ */ new Set()), m = f(
       new globalThis.Map()
-    ), H = (e) => {
+    ), G = (e) => {
       if (!e) return;
-      if (e instanceof W || typeof e == "function")
+      if (e instanceof D || typeof e == "function")
         return e;
       const o = {};
-      return e["fill-color"] && (o.fill = new G({ color: e["fill-color"] })), (e["stroke-color"] || e["stroke-width"]) && (o.stroke = new A({
+      return e["fill-color"] && (o.fill = new $({ color: e["fill-color"] })), (e["stroke-color"] || e["stroke-width"]) && (o.stroke = new V({
         color: e["stroke-color"] || "#3399CC",
         width: e["stroke-width"] || 1.25
-      })), (e["circle-radius"] || e["circle-fill-color"] || e["circle-stroke-color"]) && (o.image = new we({
+      })), (e["circle-radius"] || e["circle-fill-color"] || e["circle-stroke-color"]) && (o.image = new Te({
         radius: e["circle-radius"] || 5,
-        fill: e["circle-fill-color"] ? new G({ color: e["circle-fill-color"] }) : void 0,
-        stroke: e["circle-stroke-color"] || e["circle-stroke-width"] ? new A({
+        fill: e["circle-fill-color"] ? new $({ color: e["circle-fill-color"] }) : void 0,
+        stroke: e["circle-stroke-color"] || e["circle-stroke-width"] ? new V({
           color: e["circle-stroke-color"] || "#3399CC",
           width: e["circle-stroke-width"] || 1.25
         }) : void 0
-      })), new W(o);
-    }, J = v(() => i.layers.map((e) => {
+      })), new D(o);
+    }, U = v(() => i.layers.map((e) => {
       if (e.type === "wmts") {
         const o = m.value.get(e.options.identifier);
         return {
@@ -66,14 +70,14 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
         options: e.options,
         style: e.options.style
       };
-    })), O = v(() => {
+    })), z = v(() => {
       if (!b.value || !i.baseLayers)
         return null;
       const e = i.baseLayers.find(
         (o) => o.options.identifier === b.value
       );
       return !e || e.type === "wmts" && !m.value.get(e.options.identifier) ? null : e;
-    }), K = v(() => O.value && m.value.get(O.value.options.identifier) || null), Q = v(() => (i.toggleableLayers || []).filter(
+    }), Y = v(() => z.value && m.value.get(z.value.options.identifier) || null), q = v(() => (i.toggleableLayers || []).filter(
       (e) => S.value.has(e.options.identifier)
     ).map((e) => e.type === "wms" ? {
       type: "wms",
@@ -92,14 +96,14 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
     } : {
       ...e,
       identifier: e.options.identifier
-    })), X = v(() => {
+    })), H = v(() => {
       const e = [];
-      if (O.value) {
-        const n = O.value;
+      if (z.value) {
+        const n = z.value;
         n.type === "wmts" ? e.push({
           type: "wmts",
           identifier: n.options.identifier,
-          wmtsOptions: K.value,
+          wmtsOptions: Y.value,
           zIndex: 0
         }) : n.type === "wms" ? e.push({
           type: "wms",
@@ -115,55 +119,55 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
           zIndex: 0
         });
       }
-      const o = Q.value.map((n, y) => ({
+      const o = q.value.map((n, y) => ({
         ...n,
         zIndex: y + 10
-      })), t = J.value.map((n, y) => ({
+      })), t = U.value.map((n, y) => ({
         ...n,
         zIndex: o.length + y + 20
       }));
       return [...e, ...o, ...t];
-    }), E = () => {
+    }), J = () => {
       h.value = !h.value;
-    }, ee = () => {
+    }, K = () => {
       k.value = !k.value;
-    }, te = (e) => {
+    }, Q = (e) => {
       S.value.has(e) ? S.value.delete(e) : S.value.add(e);
-    }, oe = (e) => {
+    }, X = (e) => {
       b.value = e;
-    }, ie = () => {
-      if (f.value?.view) {
-        const e = f.value.view, o = e.getZoom(), t = e.getMaxZoom();
+    }, E = () => {
+      if (u.value?.view) {
+        const e = u.value.view, o = e.getZoom(), t = e.getMaxZoom();
         typeof o == "number" && o < t && e.animate({ zoom: o + 1, duration: 250 });
       }
-    }, ne = () => {
-      if (f.value?.view) {
-        const e = f.value.view, o = e.getZoom(), t = e.getMinZoom();
+    }, ee = () => {
+      if (u.value?.view) {
+        const e = u.value.view, o = e.getZoom(), t = e.getMinZoom();
         typeof o == "number" && o > t && e.animate({ zoom: o - 1, duration: 250 });
       }
-    }, C = async (e, o, t) => {
+    }, T = async (e, o, t) => {
       try {
-        const y = await (await fetch(e)).text(), P = new ge().read(y), fe = t ? [t, "image/jpeg", "image/png"] : ["image/png", "image/jpeg"];
-        let I = null;
-        for (const N of fe)
+        const y = await (await fetch(e)).text(), M = new Oe().read(y), ae = t ? [t, "image/jpeg", "image/png"] : ["image/png", "image/jpeg"];
+        let _ = null;
+        for (const x of ae)
           try {
-            if (I = ve(P, {
+            if (_ = Ie(M, {
               layer: o,
               matrixSet: "EPSG:28992",
               projection: "EPSG:28992",
-              format: N,
+              format: x,
               crossOrigin: "anonymous",
               style: "default"
-            }), I) break;
-          } catch (de) {
-            console.warn(`Format ${N} failed for layer ${o}:`, de);
+            }), _) break;
+          } catch (le) {
+            console.warn(`Format ${x} failed for layer ${o}:`, le);
           }
-        return I && (I.style = "default"), I;
+        return _ && (_.style = "default"), _;
       } catch (n) {
         return console.error("Failed to fetch WMTS capabilities:", n), null;
       }
-    }, re = (e) => {
-      if (!e || e.length === 0 || !f.value?.view) return;
+    }, te = (e) => {
+      if (!e || e.length === 0 || !u.value?.view) return;
       const o = [];
       for (const t of e)
         if (t.type === "Point")
@@ -171,24 +175,24 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
         else if (t.type === "Polygon") {
           const n = t.coordinates;
           for (const y of n)
-            for (const P of y)
-              o.push(P);
+            for (const M of y)
+              o.push(M);
         }
       if (o.length > 0) {
-        const t = be(o);
-        f.value.view.fit(t, {
+        const t = Me(o);
+        u.value.view.fit(t, {
           padding: [50, 50, 50, 50]
         });
       }
     };
-    me(async () => {
+    fe(async () => {
       if (!b.value && i.baseLayers && i.baseLayers.length > 0) {
         const e = i.baseLayers[0];
         e?.options.identifier && (b.value = e.options.identifier);
       }
       for (const e of i.layers.filter((o) => o.type === "wmts"))
         if (e.options.url) {
-          const o = await C(
+          const o = await T(
             e.options.url,
             e.options.identifier,
             e.options.format
@@ -198,7 +202,7 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
       if (i.baseLayers) {
         for (const e of i.baseLayers.filter((o) => o.type === "wmts"))
           if (e.options.url) {
-            const o = await C(
+            const o = await T(
               e.options.url,
               e.options.identifier,
               e.options.format
@@ -211,7 +215,7 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
           (o) => o.type === "wmts"
         ))
           if (e.options.url) {
-            const o = await C(
+            const o = await T(
               e.options.url,
               e.options.identifier,
               e.options.format
@@ -220,7 +224,7 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
           }
       }
     });
-    const se = v(() => {
+    const oe = v(() => {
       if (!i.interactions?.selectable?.layers || i.interactions.selectable.layers.length === 0)
         return;
       const e = i.interactions.selectable.layers;
@@ -229,49 +233,49 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
         const n = t.get("name");
         return e.includes(n);
       };
-    }), ae = v(() => H(i.interactions?.selectable?.style)), le = (e) => {
-      M("featureSelected", e);
-    }, ce = (e) => {
-      M("featureModified", { features: e.features.getArray() });
-    }, ue = (e) => {
-      M("featureDrawn", { feature: e.feature });
+    }), ie = v(() => G(i.interactions?.selectable?.style)), ne = (e) => {
+      O("featureSelected", e);
+    }, re = (e) => {
+      O("featureModified", { features: e.features.getArray() });
+    }, se = (e) => {
+      O("featureDrawn", { feature: e.feature });
     };
-    return U({ map: F, view: f, fitToFeatures: re }), (e, o) => (s(), L("div", Te, [
-      a(r(T).OlMap, {
+    return R({ map: P, view: u, fitToFeatures: te }), (e, o) => (s(), L("div", Ne, [
+      a(r(de), {
         ref_key: "mapRef",
-        ref: F,
+        ref: P,
         style: { width: "100%", height: "100%" },
         controls: []
       }, {
         default: d(() => [
-          a(r(T).OlProjectionRegister, {
-            projectionName: r(z).name,
-            projectionDef: r(z).def,
-            extent: r(z).extent
+          a(r(pe), {
+            projectionName: r(I).name,
+            projectionDef: r(I).def,
+            extent: r(I).extent
           }, null, 8, ["projectionName", "projectionDef", "extent"]),
-          a(r(T).OlView, {
+          a(r(me), {
             ref_key: "viewRef",
-            ref: f,
+            ref: u,
             center: w.center,
             zoom: w.zoom,
-            projection: r(z).name
+            projection: r(I).name
           }, null, 8, ["center", "zoom", "projection"]),
-          i.interactions?.selectable?.enabled ? (s(), l(r(_).OlInteractionSelect, {
+          i.interactions?.selectable?.enabled ? (s(), l(r(ke), {
             key: 0,
             multi: !1,
-            filter: se.value,
-            style: Z(ae.value),
-            onSelect: le
+            filter: oe.value,
+            style: B(ie.value),
+            onSelect: ne
           }, null, 8, ["filter", "style"])) : c("", !0),
-          (s(!0), L(x, null, D(X.value, (t) => (s(), L(x, {
+          (s(!0), L(C, null, j(H.value, (t) => (s(), L(C, {
             key: t.identifier
           }, [
-            t.type === "wms" ? (s(), l(r(B).OlTileLayer, {
+            t.type === "wms" ? (s(), l(r(Z), {
               key: 0,
               zIndex: t.zIndex
             }, {
               default: d(() => [
-                a(r(j).OlSourceTileWMS, {
+                a(r(ge), {
                   url: t.wmsUrl,
                   layers: t.layerName || "",
                   params: { LAYERS: t.layerName || "", TILED: !0 },
@@ -280,67 +284,67 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
                 }, null, 8, ["url", "layers", "params"])
               ]),
               _: 2
-            }, 1032, ["zIndex"])) : t.type === "wmts" && (t.wmtsOptions || t.options) ? (s(), l(r(B).OlTileLayer, {
+            }, 1032, ["zIndex"])) : t.type === "wmts" && (t.wmtsOptions || t.options) ? (s(), l(r(Z), {
               key: 1,
               zIndex: t.zIndex
             }, {
               default: d(() => [
-                a(r(j).OlSourceWMTS, ye(
+                a(r(we), ue(
                   { ref_for: !0 },
                   t.wmtsOptions || t.options,
                   { styles: "default" }
                 ), null, 16)
               ]),
               _: 2
-            }, 1032, ["zIndex"])) : t.type === "vector" ? (s(), l(r(B).OlVectorLayer, {
+            }, 1032, ["zIndex"])) : t.type === "vector" ? (s(), l(r(ve), {
               key: 2,
               zIndex: t.zIndex,
-              style: Z(t.style),
+              style: B(t.style),
               properties: { name: t.identifier },
               ref_for: !0,
               ref: (n) => {
-                n && (q.value[t.identifier] = n);
+                n && (A.value[t.identifier] = n);
               }
             }, {
               default: d(() => [
-                a(r(j).OlSourceVector, {
+                a(r(be), {
                   ref_for: !0,
                   ref: (n) => {
                     n && (p.value[t.identifier] = n);
                   }
                 }, {
                   default: d(() => [
-                    (s(!0), L(x, null, D(t.options?.features, (n) => (s(), l(r(T).OlFeature, {
+                    (s(!0), L(C, null, j(t.options?.features, (n) => (s(), l(r(ye), {
                       key: `${t.identifier}-${n.coordinates}`,
                       properties: n.properties || {}
                     }, {
                       default: d(() => [
-                        n.type === "Point" ? (s(), l(r(R).OlGeomPoint, {
+                        n.type === "Point" ? (s(), l(r(Le), {
                           key: 0,
                           coordinates: n.coordinates
                         }, null, 8, ["coordinates"])) : c("", !0),
-                        n.type === "Polygon" ? (s(), l(r(R).OlGeomPolygon, {
+                        n.type === "Polygon" ? (s(), l(r(he), {
                           key: 1,
                           coordinates: n.coordinates
                         }, null, 8, ["coordinates"])) : c("", !0)
                       ]),
                       _: 2
                     }, 1032, ["properties"]))), 128)),
-                    i.interactions?.snap?.enabled && (i.interactions.draw?.enabled || i.interactions.modify?.enabled) && (i.interactions.draw?.layer === t.identifier || i.interactions.modify?.layer === t.identifier) && p.value[i.interactions.snap.targetLayer]?.source ? (s(), l(r(_).OlInteractionSnap, {
+                    i.interactions?.snap?.enabled && (i.interactions.draw?.enabled || i.interactions.modify?.enabled) && (i.interactions.draw?.layer === t.identifier || i.interactions.modify?.layer === t.identifier) && p.value[i.interactions.snap.targetLayer]?.source ? (s(), l(r(Se), {
                       key: `snap-${i.interactions?.snap?.enabled}-${i.interactions?.draw?.enabled}-${i.interactions?.draw?.layer}-${i.interactions?.modify?.enabled}-${i.interactions?.modify?.layer}`,
                       source: p.value[i.interactions.snap.targetLayer]?.source,
                       pixelTolerance: i.interactions?.snap?.pixelTolerance || 8
                     }, null, 8, ["source", "pixelTolerance"])) : c("", !0),
-                    i.interactions?.modify?.enabled && i.interactions.modify.layer === t.identifier && p.value[t.identifier]?.source ? (s(), l(r(_).OlInteractionModify, {
+                    i.interactions?.modify?.enabled && i.interactions.modify.layer === t.identifier && p.value[t.identifier]?.source ? (s(), l(r(_e), {
                       key: 1,
                       source: p.value[t.identifier]?.source,
-                      onModifyend: ce
+                      onModifyend: re
                     }, null, 8, ["source"])) : c("", !0),
-                    i.interactions?.draw?.enabled && i.interactions.draw.layer === t.identifier && p.value[t.identifier]?.source ? (s(), l(r(_).OlInteractionDraw, {
+                    i.interactions?.draw?.enabled && i.interactions.draw.layer === t.identifier && p.value[t.identifier]?.source ? (s(), l(r(ze), {
                       key: 2,
                       source: p.value[t.identifier]?.source,
                       type: i.interactions.draw.type || "Point",
-                      onDrawend: ue
+                      onDrawend: se
                     }, null, 8, ["source", "type"])) : c("", !0)
                   ]),
                   _: 2
@@ -352,65 +356,65 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
         ]),
         _: 1
       }, 512),
-      g("div", _e, [
-        w.toggleableLayers && w.toggleableLayers.length > 0 ? (s(), L("div", ze, [
+      g("div", Ze, [
+        w.toggleableLayers && w.toggleableLayers.length > 0 ? (s(), L("div", De, [
           g("button", {
-            class: $(["iconbutton", { isActive: k.value }]),
+            class: F(["iconbutton", { isActive: k.value }]),
             "aria-label": "Toon lagen",
             "aria-expanded": k.value,
-            onClick: ee
+            onClick: K
           }, [
-            a(r(he))
-          ], 10, Me),
-          a(V, { name: "fade" }, {
+            a(r(Pe))
+          ], 10, $e),
+          a(N, { name: "fade" }, {
             default: d(() => [
-              k.value ? (s(), l(Oe, {
+              k.value ? (s(), l(Fe, {
                 key: 0,
                 toggleableLayers: w.toggleableLayers || [],
                 visibleToggleableLayers: S.value,
-                onToggleLayer: te
+                onToggleLayer: Q
               }, null, 8, ["toggleableLayers", "visibleToggleableLayers"])) : c("", !0)
             ]),
             _: 1
           })
         ])) : c("", !0)
       ]),
-      g("div", Ce, [
-        i.baseLayers && i.baseLayers.length > 0 ? (s(), L("div", Pe, [
+      g("div", Ve, [
+        i.baseLayers && i.baseLayers.length > 0 ? (s(), L("div", Re, [
           g("button", {
-            class: $(["iconbutton", { isActive: h.value }]),
+            class: F(["iconbutton", { isActive: h.value }]),
             "aria-label": "Toon basislagen",
             "aria-expanded": h.value,
-            onClick: E
+            onClick: J
           }, [
-            a(r(Le))
-          ], 10, xe),
-          a(V, { name: "fade" }, {
+            a(r(Ce))
+          ], 10, We),
+          a(N, { name: "fade" }, {
             default: d(() => [
-              h.value ? (s(), l(Ie, {
+              h.value ? (s(), l(je, {
                 key: 0,
                 baseLayers: i.baseLayers,
                 selectedBaseLayerId: b.value,
-                onSelectBaseLayer: oe
+                onSelectBaseLayer: X
               }, null, 8, ["baseLayers", "selectedBaseLayerId"])) : c("", !0)
             ]),
             _: 1
           })
         ])) : c("", !0),
-        g("div", Be, [
+        g("div", Ae, [
           g("button", {
             class: "iconbutton",
             "aria-label": "Zoom in",
-            onClick: ie
+            onClick: E
           }, [
-            a(r(ke))
+            a(r(xe))
           ]),
           g("button", {
             class: "iconbutton",
             "aria-label": "Zoom out",
-            onClick: ne
+            onClick: ee
           }, [
-            a(r(Se))
+            a(r(Be))
           ])
         ])
       ])
@@ -418,5 +422,5 @@ const Te = { class: "map-container" }, _e = { class: "bottom-left-panels" }, ze
   }
 });
 export {
-  qe as default
+  at as default
 };

package/dist/style.css

@@ -1 +1 @@
-.wrapper[data-v-7a503b81]{position:absolute;bottom:100%;right:0;padding:8px 12px;background:#fff;border-radius:4px 4px 0;box-shadow:0 2px 8px #00000026;min-width:150px;z-index:1000;margin-bottom:8px}ul[data-v-7a503b81]{list-style:none;margin:0;padding:0}.layer[data-v-7a503b81]{position:relative;display:flex;margin-bottom:4px}.layer[data-v-7a503b81]:last-child{margin-bottom:0}.layer>input[data-v-7a503b81]{position:absolute;top:6px;left:0;width:12px;height:12px;margin:0;cursor:pointer}.layer>label[data-v-7a503b81]{display:block;position:relative;width:100%;cursor:pointer;padding:3px 0 3px 18px;-webkit-user-select:none;user-select:none;font-size:14px;white-space:nowrap}.wrapper[data-v-16f7d1b3]{position:absolute;bottom:100%;left:0;padding:12px;background:#fff;border-radius:4px 4px 4px 0;box-shadow:0 2px 8px #00000026;min-width:200px;z-index:1000;margin-bottom:8px}ul[data-v-16f7d1b3]{list-style:none;margin:0;padding:0}.layer[data-v-16f7d1b3]{margin-bottom:8px}.layer[data-v-16f7d1b3]:last-child{margin-bottom:0}.layer-control[data-v-16f7d1b3]{display:flex;align-items:center;cursor:pointer;gap:8px}.layer-checkbox[data-v-16f7d1b3]{flex-shrink:0}.layer-title[data-v-16f7d1b3]{font-size:14px;font-weight:500;color:#333;line-height:1.3}.map-container[data-v-843b95b9]{position:relative;width:100%;height:100%}.bottom-right-panels[data-v-843b95b9]{position:absolute;z-index:1;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px}.bottom-left-panels[data-v-843b95b9]{position:absolute;z-index:1;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px}.zoom-panel[data-v-843b95b9],.base-layers-control[data-v-843b95b9],.layers-control[data-v-843b95b9]{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 1px 4px #0003;overflow:visible;position:relative}.iconbutton[data-v-843b95b9]{width:30px;height:30px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.iconbutton[data-v-843b95b9]:hover{background:#f0f0f0}.iconbutton.isActive[data-v-843b95b9]{background:#e6f3ff}.iconbutton[data-v-843b95b9]:not(:last-child){border-bottom:1px solid #ddd}.fade-enter-active[data-v-843b95b9],.fade-leave-active[data-v-843b95b9]{transition:opacity .2s ease}.fade-enter-from[data-v-843b95b9],.fade-leave-to[data-v-843b95b9]{opacity:0}
+.wrapper[data-v-7a503b81]{position:absolute;bottom:100%;right:0;padding:8px 12px;background:#fff;border-radius:4px 4px 0;box-shadow:0 2px 8px #00000026;min-width:150px;z-index:1000;margin-bottom:8px}ul[data-v-7a503b81]{list-style:none;margin:0;padding:0}.layer[data-v-7a503b81]{position:relative;display:flex;margin-bottom:4px}.layer[data-v-7a503b81]:last-child{margin-bottom:0}.layer>input[data-v-7a503b81]{position:absolute;top:6px;left:0;width:12px;height:12px;margin:0;cursor:pointer}.layer>label[data-v-7a503b81]{display:block;position:relative;width:100%;cursor:pointer;padding:3px 0 3px 18px;-webkit-user-select:none;user-select:none;font-size:14px;white-space:nowrap}.wrapper[data-v-16f7d1b3]{position:absolute;bottom:100%;left:0;padding:12px;background:#fff;border-radius:4px 4px 4px 0;box-shadow:0 2px 8px #00000026;min-width:200px;z-index:1000;margin-bottom:8px}ul[data-v-16f7d1b3]{list-style:none;margin:0;padding:0}.layer[data-v-16f7d1b3]{margin-bottom:8px}.layer[data-v-16f7d1b3]:last-child{margin-bottom:0}.layer-control[data-v-16f7d1b3]{display:flex;align-items:center;cursor:pointer;gap:8px}.layer-checkbox[data-v-16f7d1b3]{flex-shrink:0}.layer-title[data-v-16f7d1b3]{font-size:14px;font-weight:500;color:#333;line-height:1.3}.map-container[data-v-1a5237bc]{position:relative;width:100%;height:100%}.bottom-right-panels[data-v-1a5237bc]{position:absolute;z-index:1;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px}.bottom-left-panels[data-v-1a5237bc]{position:absolute;z-index:1;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px}.zoom-panel[data-v-1a5237bc],.base-layers-control[data-v-1a5237bc],.layers-control[data-v-1a5237bc]{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 1px 4px #0003;overflow:visible;position:relative}.iconbutton[data-v-1a5237bc]{width:30px;height:30px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.iconbutton[data-v-1a5237bc]:hover{background:#f0f0f0}.iconbutton.isActive[data-v-1a5237bc]{background:#e6f3ff}.iconbutton[data-v-1a5237bc]:not(:last-child){border-bottom:1px solid #ddd}.fade-enter-active[data-v-1a5237bc],.fade-leave-active[data-v-1a5237bc]{transition:opacity .2s ease}.fade-enter-from[data-v-1a5237bc],.fade-leave-to[data-v-1a5237bc]{opacity:0}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@delta10/atlas-sdk",
   "private": false,
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -32,8 +32,7 @@
   },
   "dependencies": {
     "ol": "10.7.0",
-    "vue3-openlayers": "12.2.2",
-    "proj4": "2.20.2"
+    "vue3-openlayers": "12.2.2"
   },
   "devDependencies": {
     "@types/node": "24.10.1",