@delta10/atlas-sdk 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,9 @@
1
+ const s = (t, e) => {
2
+ const o = t.__vccOpts || t;
3
+ for (const [r, c] of e)
4
+ o[r] = c;
5
+ return o;
6
+ };
7
+ export {
8
+ s as default
9
+ };
@@ -0,0 +1,23 @@
1
+ import { openBlock as l, createElementBlock as n, createElementVNode as t } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "24",
5
+ height: "24"
6
+ };
7
+ function r(c, e) {
8
+ return l(), n("svg", o, [...e[0] || (e[0] = [
9
+ t("path", {
10
+ fill: "none",
11
+ d: "M0 0h24v24H0z"
12
+ }, null, -1),
13
+ t("path", {
14
+ fill: "currentColor",
15
+ d: "m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27zm0-11.47L17.74 9 12 13.47 6.26 9z"
16
+ }, null, -1)
17
+ ])]);
18
+ }
19
+ const s = { render: r };
20
+ export {
21
+ s as default,
22
+ r as render
23
+ };
@@ -0,0 +1,21 @@
1
+ import { openBlock as t, createElementBlock as n, createElementVNode as e } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "24",
5
+ height: "24",
6
+ fill: "currentColor"
7
+ };
8
+ function r(c, l) {
9
+ return t(), n("svg", o, [...l[0] || (l[0] = [
10
+ e("path", {
11
+ fill: "none",
12
+ d: "M0 0h24v24H0z"
13
+ }, null, -1),
14
+ e("path", { d: "m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5M10 5.47l4 1.4v11.66l-4-1.4zm-5 .99 3-1.01v11.7l-3 1.16zm14 11.08-3 1.01V6.86l3-1.16z" }, null, -1)
15
+ ])]);
16
+ }
17
+ const m = { render: r };
18
+ export {
19
+ m as default,
20
+ r as render
21
+ };
@@ -0,0 +1,20 @@
1
+ import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
2
+ const l = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "10",
5
+ height: "2"
6
+ };
7
+ function r(d, e) {
8
+ return t(), n("svg", l, [...e[0] || (e[0] = [
9
+ o("path", {
10
+ fill: "#000",
11
+ "fill-rule": "evenodd",
12
+ d: "M10 2V0H0v2z"
13
+ }, null, -1)
14
+ ])]);
15
+ }
16
+ const s = { render: r };
17
+ export {
18
+ s as default,
19
+ r as render
20
+ };
@@ -0,0 +1,20 @@
1
+ import { openBlock as t, createElementBlock as l, createElementVNode as n } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "10",
5
+ height: "10"
6
+ };
7
+ function r(d, e) {
8
+ return t(), l("svg", o, [...e[0] || (e[0] = [
9
+ n("path", {
10
+ fill: "#000",
11
+ "fill-rule": "evenodd",
12
+ d: "M4 10h2V6h4V4H6V0H4v4H0v2h4z"
13
+ }, null, -1)
14
+ ])]);
15
+ }
16
+ const s = { render: r };
17
+ export {
18
+ s as default,
19
+ r as render
20
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./Map.vue2.js";
2
+ /* empty css */
3
+ import t from "../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1a5237bc"]]);
5
+ export {
6
+ m as default
7
+ };
@@ -0,0 +1,426 @@
1
+ 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";
2
+ import { OlMap as de, OlProjectionRegister as pe, OlView as me, OlFeature as ye } from "vue3-openlayers/map";
3
+ import { OlTileLayer as Z, OlVectorLayer as ve } from "vue3-openlayers/layers";
4
+ import { OlSourceTileWMS as ge, OlSourceWMTS as we, OlSourceVector as be } from "vue3-openlayers/sources";
5
+ import { OlGeomPoint as Le, OlGeomPolygon as he } from "vue3-openlayers/geometries";
6
+ import { OlInteractionSelect as ke, OlInteractionSnap as Se, OlInteractionModify as _e, OlInteractionDraw as ze } from "vue3-openlayers/interactions";
7
+ import { epsg28992 as I } from "../utils/projections.js";
8
+ import { optionsFromCapabilities as Ie } from "ol/source/WMTS";
9
+ import Oe from "ol/format/WMTSCapabilities";
10
+ import { Style as D, Fill as $, Stroke as V, Circle as Te } from "ol/style";
11
+ import { boundingExtent as Me } from "ol/extent";
12
+ import Ce from "../assets/icons/map.svg.js";
13
+ import Pe from "../assets/icons/layers.svg.js";
14
+ import xe from "../assets/icons/plus.svg.js";
15
+ import Be from "../assets/icons/minus.svg.js";
16
+ import je from "./panels/BaseLayers.vue.js";
17
+ import Fe from "./panels/Layers.vue.js";
18
+ const Ne = { class: "map-container" }, Ze = { class: "bottom-left-panels" }, De = {
19
+ key: 0,
20
+ class: "layers-control"
21
+ }, $e = ["aria-expanded"], Ve = { class: "bottom-right-panels" }, Re = {
22
+ key: 0,
23
+ class: "base-layers-control"
24
+ }, We = ["aria-expanded"], Ae = { class: "zoom-panel" }, at = /* @__PURE__ */ ce({
25
+ __name: "Map",
26
+ props: {
27
+ layers: { default: () => [] },
28
+ baseLayers: { default: () => [] },
29
+ toggleableLayers: { default: () => [] },
30
+ interactions: {},
31
+ zoom: { default: 10 },
32
+ center: { default: () => [12e4, 487e3] }
33
+ },
34
+ emits: ["featureSelected", "featureDeselected", "featureModified", "featureDrawn"],
35
+ setup(w, { expose: R, emit: W }) {
36
+ 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(
37
+ new globalThis.Map()
38
+ ), G = (e) => {
39
+ if (!e) return;
40
+ if (e instanceof D || typeof e == "function")
41
+ return e;
42
+ const o = {};
43
+ return e["fill-color"] && (o.fill = new $({ color: e["fill-color"] })), (e["stroke-color"] || e["stroke-width"]) && (o.stroke = new V({
44
+ color: e["stroke-color"] || "#3399CC",
45
+ width: e["stroke-width"] || 1.25
46
+ })), (e["circle-radius"] || e["circle-fill-color"] || e["circle-stroke-color"]) && (o.image = new Te({
47
+ radius: e["circle-radius"] || 5,
48
+ fill: e["circle-fill-color"] ? new $({ color: e["circle-fill-color"] }) : void 0,
49
+ stroke: e["circle-stroke-color"] || e["circle-stroke-width"] ? new V({
50
+ color: e["circle-stroke-color"] || "#3399CC",
51
+ width: e["circle-stroke-width"] || 1.25
52
+ }) : void 0
53
+ })), new D(o);
54
+ }, U = v(() => i.layers.map((e) => {
55
+ if (e.type === "wmts") {
56
+ const o = m.value.get(e.options.identifier);
57
+ return {
58
+ type: "wmts",
59
+ identifier: e.options.identifier,
60
+ options: o || null
61
+ };
62
+ } else return e.type === "wms" ? {
63
+ type: "wms",
64
+ identifier: e.options.identifier,
65
+ wmsUrl: e.options.url,
66
+ layerName: e.options.layer
67
+ } : {
68
+ type: "vector",
69
+ identifier: e.options.identifier,
70
+ options: e.options,
71
+ style: e.options.style
72
+ };
73
+ })), z = v(() => {
74
+ if (!b.value || !i.baseLayers)
75
+ return null;
76
+ const e = i.baseLayers.find(
77
+ (o) => o.options.identifier === b.value
78
+ );
79
+ return !e || e.type === "wmts" && !m.value.get(e.options.identifier) ? null : e;
80
+ }), Y = v(() => z.value && m.value.get(z.value.options.identifier) || null), q = v(() => (i.toggleableLayers || []).filter(
81
+ (e) => S.value.has(e.options.identifier)
82
+ ).map((e) => e.type === "wms" ? {
83
+ type: "wms",
84
+ identifier: e.options.identifier,
85
+ wmsUrl: e.options.url,
86
+ layerName: e.options.layer
87
+ } : e.type === "wmts" ? {
88
+ type: "wmts",
89
+ identifier: e.options.identifier,
90
+ wmtsOptions: m.value.get(e.options.identifier)
91
+ } : e.type === "vector" ? {
92
+ type: "vector",
93
+ identifier: e.options.identifier,
94
+ options: e.options,
95
+ style: e.options.style
96
+ } : {
97
+ ...e,
98
+ identifier: e.options.identifier
99
+ })), H = v(() => {
100
+ const e = [];
101
+ if (z.value) {
102
+ const n = z.value;
103
+ n.type === "wmts" ? e.push({
104
+ type: "wmts",
105
+ identifier: n.options.identifier,
106
+ wmtsOptions: Y.value,
107
+ zIndex: 0
108
+ }) : n.type === "wms" ? e.push({
109
+ type: "wms",
110
+ identifier: n.options.identifier,
111
+ wmsUrl: n.options.url,
112
+ layerName: n.options.layer,
113
+ zIndex: 0
114
+ }) : n.type === "vector" && e.push({
115
+ type: "vector",
116
+ identifier: n.options.identifier,
117
+ options: n.options,
118
+ style: n.options.style,
119
+ zIndex: 0
120
+ });
121
+ }
122
+ const o = q.value.map((n, y) => ({
123
+ ...n,
124
+ zIndex: y + 10
125
+ })), t = U.value.map((n, y) => ({
126
+ ...n,
127
+ zIndex: o.length + y + 20
128
+ }));
129
+ return [...e, ...o, ...t];
130
+ }), J = () => {
131
+ h.value = !h.value;
132
+ }, K = () => {
133
+ k.value = !k.value;
134
+ }, Q = (e) => {
135
+ S.value.has(e) ? S.value.delete(e) : S.value.add(e);
136
+ }, X = (e) => {
137
+ b.value = e;
138
+ }, E = () => {
139
+ if (u.value?.view) {
140
+ const e = u.value.view, o = e.getZoom(), t = e.getMaxZoom();
141
+ typeof o == "number" && o < t && e.animate({ zoom: o + 1, duration: 250 });
142
+ }
143
+ }, ee = () => {
144
+ if (u.value?.view) {
145
+ const e = u.value.view, o = e.getZoom(), t = e.getMinZoom();
146
+ typeof o == "number" && o > t && e.animate({ zoom: o - 1, duration: 250 });
147
+ }
148
+ }, T = async (e, o, t) => {
149
+ try {
150
+ const y = await (await fetch(e)).text(), M = new Oe().read(y), ae = t ? [t, "image/jpeg", "image/png"] : ["image/png", "image/jpeg"];
151
+ let _ = null;
152
+ for (const x of ae)
153
+ try {
154
+ if (_ = Ie(M, {
155
+ layer: o,
156
+ matrixSet: "EPSG:28992",
157
+ projection: "EPSG:28992",
158
+ format: x,
159
+ crossOrigin: "anonymous",
160
+ style: "default"
161
+ }), _) break;
162
+ } catch (le) {
163
+ console.warn(`Format ${x} failed for layer ${o}:`, le);
164
+ }
165
+ return _ && (_.style = "default"), _;
166
+ } catch (n) {
167
+ return console.error("Failed to fetch WMTS capabilities:", n), null;
168
+ }
169
+ }, te = (e) => {
170
+ if (!e || e.length === 0 || !u.value?.view) return;
171
+ const o = [];
172
+ for (const t of e)
173
+ if (t.type === "Point")
174
+ o.push(t.coordinates);
175
+ else if (t.type === "Polygon") {
176
+ const n = t.coordinates;
177
+ for (const y of n)
178
+ for (const M of y)
179
+ o.push(M);
180
+ }
181
+ if (o.length > 0) {
182
+ const t = Me(o);
183
+ u.value.view.fit(t, {
184
+ padding: [50, 50, 50, 50]
185
+ });
186
+ }
187
+ };
188
+ fe(async () => {
189
+ if (!b.value && i.baseLayers && i.baseLayers.length > 0) {
190
+ const e = i.baseLayers[0];
191
+ e?.options.identifier && (b.value = e.options.identifier);
192
+ }
193
+ for (const e of i.layers.filter((o) => o.type === "wmts"))
194
+ if (e.options.url) {
195
+ const o = await T(
196
+ e.options.url,
197
+ e.options.identifier,
198
+ e.options.format
199
+ );
200
+ m.value.set(e.options.identifier, o);
201
+ }
202
+ if (i.baseLayers) {
203
+ for (const e of i.baseLayers.filter((o) => o.type === "wmts"))
204
+ if (e.options.url) {
205
+ const o = await T(
206
+ e.options.url,
207
+ e.options.identifier,
208
+ e.options.format
209
+ );
210
+ m.value.set(e.options.identifier, o);
211
+ }
212
+ }
213
+ if (i.toggleableLayers) {
214
+ for (const e of i.toggleableLayers.filter(
215
+ (o) => o.type === "wmts"
216
+ ))
217
+ if (e.options.url) {
218
+ const o = await T(
219
+ e.options.url,
220
+ e.options.identifier,
221
+ e.options.format
222
+ );
223
+ m.value.set(e.options.identifier, o);
224
+ }
225
+ }
226
+ });
227
+ const oe = v(() => {
228
+ if (!i.interactions?.selectable?.layers || i.interactions.selectable.layers.length === 0)
229
+ return;
230
+ const e = i.interactions.selectable.layers;
231
+ return (o, t) => {
232
+ if (!t) return !1;
233
+ const n = t.get("name");
234
+ return e.includes(n);
235
+ };
236
+ }), ie = v(() => G(i.interactions?.selectable?.style)), ne = (e) => {
237
+ O("featureSelected", e);
238
+ }, re = (e) => {
239
+ O("featureModified", { features: e.features.getArray() });
240
+ }, se = (e) => {
241
+ O("featureDrawn", { feature: e.feature });
242
+ };
243
+ return R({ map: P, view: u, fitToFeatures: te }), (e, o) => (s(), L("div", Ne, [
244
+ a(r(de), {
245
+ ref_key: "mapRef",
246
+ ref: P,
247
+ style: { width: "100%", height: "100%" },
248
+ controls: []
249
+ }, {
250
+ default: d(() => [
251
+ a(r(pe), {
252
+ projectionName: r(I).name,
253
+ projectionDef: r(I).def,
254
+ extent: r(I).extent
255
+ }, null, 8, ["projectionName", "projectionDef", "extent"]),
256
+ a(r(me), {
257
+ ref_key: "viewRef",
258
+ ref: u,
259
+ center: w.center,
260
+ zoom: w.zoom,
261
+ projection: r(I).name
262
+ }, null, 8, ["center", "zoom", "projection"]),
263
+ i.interactions?.selectable?.enabled ? (s(), l(r(ke), {
264
+ key: 0,
265
+ multi: !1,
266
+ filter: oe.value,
267
+ style: B(ie.value),
268
+ onSelect: ne
269
+ }, null, 8, ["filter", "style"])) : c("", !0),
270
+ (s(!0), L(C, null, j(H.value, (t) => (s(), L(C, {
271
+ key: t.identifier
272
+ }, [
273
+ t.type === "wms" ? (s(), l(r(Z), {
274
+ key: 0,
275
+ zIndex: t.zIndex
276
+ }, {
277
+ default: d(() => [
278
+ a(r(ge), {
279
+ url: t.wmsUrl,
280
+ layers: t.layerName || "",
281
+ params: { LAYERS: t.layerName || "", TILED: !0 },
282
+ serverType: "geoserver",
283
+ crossOrigin: "anonymous"
284
+ }, null, 8, ["url", "layers", "params"])
285
+ ]),
286
+ _: 2
287
+ }, 1032, ["zIndex"])) : t.type === "wmts" && (t.wmtsOptions || t.options) ? (s(), l(r(Z), {
288
+ key: 1,
289
+ zIndex: t.zIndex
290
+ }, {
291
+ default: d(() => [
292
+ a(r(we), ue(
293
+ { ref_for: !0 },
294
+ t.wmtsOptions || t.options,
295
+ { styles: "default" }
296
+ ), null, 16)
297
+ ]),
298
+ _: 2
299
+ }, 1032, ["zIndex"])) : t.type === "vector" ? (s(), l(r(ve), {
300
+ key: 2,
301
+ zIndex: t.zIndex,
302
+ style: B(t.style),
303
+ properties: { name: t.identifier },
304
+ ref_for: !0,
305
+ ref: (n) => {
306
+ n && (A.value[t.identifier] = n);
307
+ }
308
+ }, {
309
+ default: d(() => [
310
+ a(r(be), {
311
+ ref_for: !0,
312
+ ref: (n) => {
313
+ n && (p.value[t.identifier] = n);
314
+ }
315
+ }, {
316
+ default: d(() => [
317
+ (s(!0), L(C, null, j(t.options?.features, (n) => (s(), l(r(ye), {
318
+ key: `${t.identifier}-${n.coordinates}`,
319
+ properties: n.properties || {}
320
+ }, {
321
+ default: d(() => [
322
+ n.type === "Point" ? (s(), l(r(Le), {
323
+ key: 0,
324
+ coordinates: n.coordinates
325
+ }, null, 8, ["coordinates"])) : c("", !0),
326
+ n.type === "Polygon" ? (s(), l(r(he), {
327
+ key: 1,
328
+ coordinates: n.coordinates
329
+ }, null, 8, ["coordinates"])) : c("", !0)
330
+ ]),
331
+ _: 2
332
+ }, 1032, ["properties"]))), 128)),
333
+ 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), {
334
+ key: `snap-${i.interactions?.snap?.enabled}-${i.interactions?.draw?.enabled}-${i.interactions?.draw?.layer}-${i.interactions?.modify?.enabled}-${i.interactions?.modify?.layer}`,
335
+ source: p.value[i.interactions.snap.targetLayer]?.source,
336
+ pixelTolerance: i.interactions?.snap?.pixelTolerance || 8
337
+ }, null, 8, ["source", "pixelTolerance"])) : c("", !0),
338
+ i.interactions?.modify?.enabled && i.interactions.modify.layer === t.identifier && p.value[t.identifier]?.source ? (s(), l(r(_e), {
339
+ key: 1,
340
+ source: p.value[t.identifier]?.source,
341
+ onModifyend: re
342
+ }, null, 8, ["source"])) : c("", !0),
343
+ i.interactions?.draw?.enabled && i.interactions.draw.layer === t.identifier && p.value[t.identifier]?.source ? (s(), l(r(ze), {
344
+ key: 2,
345
+ source: p.value[t.identifier]?.source,
346
+ type: i.interactions.draw.type || "Point",
347
+ onDrawend: se
348
+ }, null, 8, ["source", "type"])) : c("", !0)
349
+ ]),
350
+ _: 2
351
+ }, 1536)
352
+ ]),
353
+ _: 2
354
+ }, 1032, ["zIndex", "style", "properties"])) : c("", !0)
355
+ ], 64))), 128))
356
+ ]),
357
+ _: 1
358
+ }, 512),
359
+ g("div", Ze, [
360
+ w.toggleableLayers && w.toggleableLayers.length > 0 ? (s(), L("div", De, [
361
+ g("button", {
362
+ class: F(["iconbutton", { isActive: k.value }]),
363
+ "aria-label": "Toon lagen",
364
+ "aria-expanded": k.value,
365
+ onClick: K
366
+ }, [
367
+ a(r(Pe))
368
+ ], 10, $e),
369
+ a(N, { name: "fade" }, {
370
+ default: d(() => [
371
+ k.value ? (s(), l(Fe, {
372
+ key: 0,
373
+ toggleableLayers: w.toggleableLayers || [],
374
+ visibleToggleableLayers: S.value,
375
+ onToggleLayer: Q
376
+ }, null, 8, ["toggleableLayers", "visibleToggleableLayers"])) : c("", !0)
377
+ ]),
378
+ _: 1
379
+ })
380
+ ])) : c("", !0)
381
+ ]),
382
+ g("div", Ve, [
383
+ i.baseLayers && i.baseLayers.length > 0 ? (s(), L("div", Re, [
384
+ g("button", {
385
+ class: F(["iconbutton", { isActive: h.value }]),
386
+ "aria-label": "Toon basislagen",
387
+ "aria-expanded": h.value,
388
+ onClick: J
389
+ }, [
390
+ a(r(Ce))
391
+ ], 10, We),
392
+ a(N, { name: "fade" }, {
393
+ default: d(() => [
394
+ h.value ? (s(), l(je, {
395
+ key: 0,
396
+ baseLayers: i.baseLayers,
397
+ selectedBaseLayerId: b.value,
398
+ onSelectBaseLayer: X
399
+ }, null, 8, ["baseLayers", "selectedBaseLayerId"])) : c("", !0)
400
+ ]),
401
+ _: 1
402
+ })
403
+ ])) : c("", !0),
404
+ g("div", Ae, [
405
+ g("button", {
406
+ class: "iconbutton",
407
+ "aria-label": "Zoom in",
408
+ onClick: E
409
+ }, [
410
+ a(r(xe))
411
+ ]),
412
+ g("button", {
413
+ class: "iconbutton",
414
+ "aria-label": "Zoom out",
415
+ onClick: ee
416
+ }, [
417
+ a(r(Be))
418
+ ])
419
+ ])
420
+ ])
421
+ ]));
422
+ }
423
+ });
424
+ export {
425
+ at as default
426
+ };
@@ -0,0 +1,7 @@
1
+ import a from "./BaseLayers.vue2.js";
2
+ /* empty css */
3
+ import o from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const s = /* @__PURE__ */ o(a, [["__scopeId", "data-v-7a503b81"]]);
5
+ export {
6
+ s as default
7
+ };
@@ -0,0 +1,50 @@
1
+ import { defineComponent as u, computed as f, openBlock as o, createElementBlock as r, createElementVNode as t, Fragment as m, renderList as y, toDisplayString as L } from "vue";
2
+ const _ = { class: "wrapper" }, B = ["id", "checked", "onClick"], k = ["for"], b = { class: "layer" }, h = ["checked"], I = /* @__PURE__ */ u({
3
+ __name: "BaseLayers",
4
+ props: {
5
+ baseLayers: {},
6
+ selectedBaseLayerId: {}
7
+ },
8
+ emits: ["selectBaseLayer"],
9
+ setup(a, { emit: c }) {
10
+ const i = a, l = c, p = f(() => i.selectedBaseLayerId === null), d = (n) => {
11
+ if (!n) {
12
+ l("selectBaseLayer", null);
13
+ return;
14
+ }
15
+ i.selectedBaseLayerId !== n.options.identifier && l("selectBaseLayer", n.options.identifier);
16
+ };
17
+ return (n, s) => (o(), r("div", _, [
18
+ t("ul", null, [
19
+ (o(!0), r(m, null, y(a.baseLayers, (e) => (o(), r("li", {
20
+ key: e.options.identifier,
21
+ class: "layer"
22
+ }, [
23
+ t("input", {
24
+ id: e.options.identifier,
25
+ type: "radio",
26
+ name: "baseLayer",
27
+ checked: i.selectedBaseLayerId === e.options.identifier,
28
+ onClick: () => d(e)
29
+ }, null, 8, B),
30
+ t("label", {
31
+ for: e.options.identifier
32
+ }, L(e.options.title), 9, k)
33
+ ]))), 128)),
34
+ t("li", b, [
35
+ t("input", {
36
+ id: "baseLayer_none",
37
+ type: "radio",
38
+ name: "baseLayer",
39
+ checked: p.value,
40
+ onClick: s[0] || (s[0] = () => d(null))
41
+ }, null, 8, h),
42
+ s[1] || (s[1] = t("label", { for: "baseLayer_none" }, "Geen", -1))
43
+ ])
44
+ ])
45
+ ]));
46
+ }
47
+ });
48
+ export {
49
+ I as default
50
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./Layers.vue2.js";
2
+ /* empty css */
3
+ import r from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-16f7d1b3"]]);
5
+ export {
6
+ f as default
7
+ };
@@ -0,0 +1,35 @@
1
+ import { defineComponent as c, openBlock as t, createElementBlock as o, Fragment as g, renderList as d, createElementVNode as s, toDisplayString as h, createCommentVNode as y } from "vue";
2
+ const m = { class: "wrapper" }, p = { key: 0 }, _ = { class: "layer-control" }, u = ["checked", "onChange"], b = { class: "layer-title" }, v = /* @__PURE__ */ c({
3
+ __name: "Layers",
4
+ props: {
5
+ toggleableLayers: {},
6
+ visibleToggleableLayers: {}
7
+ },
8
+ emits: ["toggleLayer"],
9
+ setup(n, { emit: a }) {
10
+ const i = a, r = (l) => {
11
+ i("toggleLayer", l);
12
+ };
13
+ return (l, L) => (t(), o("div", m, [
14
+ n.toggleableLayers.length > 0 ? (t(), o("ul", p, [
15
+ (t(!0), o(g, null, d(n.toggleableLayers, (e) => (t(), o("li", {
16
+ key: "toggle-" + e.options.identifier,
17
+ class: "layer"
18
+ }, [
19
+ s("label", _, [
20
+ s("input", {
21
+ type: "checkbox",
22
+ checked: n.visibleToggleableLayers.has(e.options.identifier),
23
+ onChange: (k) => r(e.options.identifier),
24
+ class: "layer-checkbox"
25
+ }, null, 40, u),
26
+ s("span", b, h(e.options.title), 1)
27
+ ])
28
+ ]))), 128))
29
+ ])) : y("", !0)
30
+ ]));
31
+ }
32
+ });
33
+ export {
34
+ v as default
35
+ };
package/dist/index.js ADDED
@@ -0,0 +1,10 @@
1
+ import a from "./components/Map.vue.js";
2
+ const n = {
3
+ install(t) {
4
+ t.component("AtlasMap", a);
5
+ }
6
+ };
7
+ export {
8
+ a as Map,
9
+ n as default
10
+ };