@delta10/atlas-sdk 0.2.0 → 0.2.2

package/README.md

@@ -72,6 +72,7 @@ const interactions: InteractionsConfig = {
   selectable: {
     enabled: true,
     layers: ['meetbouten'],
+    hitTolerance: 20,
     style: {
       'circle-radius': 8,
       'circle-fill-color': 'red',
@@ -375,6 +376,7 @@ Allow users to select features from specific layers:
   selectable: {
     enabled: true,
     layers: ['meetbouten'],
+    hitTolerance: 20,
     style: {
       'circle-radius': 8,
       'circle-fill-color': 'red',
@@ -386,18 +388,22 @@ Allow users to select features from specific layers:
 ```
 
 ### Modify Interaction
-Allow users to edit existing geometries:
+Allow users to edit existing geometries directly on the configured layer:
 ```typescript
 {
   modify: {
     enabled: true,
     layer: 'meetbouten',
-    labelProperty: 'meetboutnummer' // Optional: feature property shown in the confirm/cancel overlay
+    labelProperty: 'meetboutnummer', // Optional: feature property shown in the confirm/cancel overlay
+    pixelTolerance: 20, // Optional: edit tolerance in pixels for point symbols
+    filter: (feature) => feature.get('editable') === true // Optional: return false to prevent editing
   }
 }
 ```
 
-The `labelProperty` value is read from the selected feature's `properties`. For example, if a feature has `properties: { id: '123482' }`, use `labelProperty: 'id'` to show that value in the confirmation overlay.
+The `labelProperty` value is read from the modified feature's `properties`. For example, if a feature has `properties: { id: '123482' }`, use `labelProperty: 'id'` to show that value in the confirmation overlay.
+
+The optional `filter` callback receives the OpenLayers feature and layer. Return `false` to skip that feature for editing.
 
 ### Snap Interaction
 Snap modified features to existing features:

package/dist/Example.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/assets/icons/layers.svg.js

@@ -0,0 +1,23 @@
+import { openBlock as l, createElementBlock as n, createElementVNode as t } from "vue";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24"
+};
+function r(c, e) {
+  return l(), n("svg", o, [...e[0] || (e[0] = [
+    t("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }, null, -1),
+    t("path", {
+      fill: "currentColor",
+      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"
+    }, null, -1)
+  ])]);
+}
+const s = { render: r };
+export {
+  s as default,
+  r as render
+};

package/dist/assets/icons/map.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as n, createElementVNode as e } from "vue";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  fill: "currentColor"
+};
+function r(c, l) {
+  return t(), n("svg", o, [...l[0] || (l[0] = [
+    e("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }, null, -1),
+    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)
+  ])]);
+}
+const m = { render: r };
+export {
+  m as default,
+  r as render
+};

package/dist/assets/icons/minus.svg.js

@@ -0,0 +1,20 @@
+import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
+const l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "10",
+  height: "2"
+};
+function r(d, e) {
+  return t(), n("svg", l, [...e[0] || (e[0] = [
+    o("path", {
+      fill: "#000",
+      "fill-rule": "evenodd",
+      d: "M10 2V0H0v2z"
+    }, null, -1)
+  ])]);
+}
+const s = { render: r };
+export {
+  s as default,
+  r as render
+};

package/dist/assets/icons/plus.svg.js

@@ -0,0 +1,20 @@
+import { openBlock as t, createElementBlock as l, createElementVNode as n } from "vue";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "10",
+  height: "10"
+};
+function r(d, e) {
+  return t(), l("svg", o, [...e[0] || (e[0] = [
+    n("path", {
+      fill: "#000",
+      "fill-rule": "evenodd",
+      d: "M4 10h2V6h4V4H6V0H4v4H0v2h4z"
+    }, null, -1)
+  ])]);
+}
+const s = { render: r };
+export {
+  s as default,
+  r as render
+};

package/dist/components/Map.vue.d.ts

@@ -0,0 +1,103 @@
+export type StyleConfig = any;
+export interface SelectableConfig {
+    enabled: boolean;
+    layers: string[];
+    style?: StyleConfig;
+    hitTolerance?: number;
+}
+export interface ModifyConfig {
+    enabled: boolean;
+    layer: string;
+    labelProperty?: string;
+    pixelTolerance?: number;
+    filter?: (feature: any, layer?: any) => boolean;
+    style?: StyleConfig;
+}
+export interface SnapConfig {
+    enabled: boolean;
+    targetLayer: string;
+    pixelTolerance?: number;
+}
+export interface InteractionsConfig {
+    selectable?: SelectableConfig;
+    modify?: ModifyConfig;
+    snap?: SnapConfig;
+}
+export interface LayerConfig {
+    type: "wmts" | "vector" | "wms";
+    options: {
+        identifier: string;
+        title: string;
+        url?: string;
+        layer?: string;
+        matrixSet?: string;
+        format?: string;
+        projection?: string;
+        features?: Array<{
+            type: "Point" | "Polygon";
+            coordinates: number[] | number[][][] | number[][][][];
+            properties?: Record<string, any>;
+        }>;
+        style?: StyleConfig;
+        styleFunction?: (feature: any, currentStyle: any, resolution: number) => any;
+    };
+}
+type __VLS_Props = {
+    layers?: LayerConfig[];
+    baseLayers?: LayerConfig[];
+    toggleableLayers?: LayerConfig[];
+    interactions?: InteractionsConfig;
+    zoom?: number;
+    center?: [number, number];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    map: import("vue").Ref<any, any>;
+    view: import("vue").Ref<any, any>;
+    fitToFeatures: (features: Array<{
+        type: "Point" | "Polygon";
+        coordinates: number[] | number[][][] | number[][][][];
+        properties?: Record<string, any>;
+    }>) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    featureSelected: (event: {
+        selected: any[];
+    }) => any;
+    featureDeselected: (event: {
+        deselected: any[];
+    }) => any;
+    featureModified: (event: {
+        features: any[];
+    }) => any;
+    mapClicked: (event: {
+        coordinate: [number, number];
+        pixel: [number, number];
+    }) => any;
+    modifyCancelled: (event: {
+        features: any[];
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFeatureSelected?: ((event: {
+        selected: any[];
+    }) => any) | undefined;
+    onFeatureDeselected?: ((event: {
+        deselected: any[];
+    }) => any) | undefined;
+    onFeatureModified?: ((event: {
+        features: any[];
+    }) => any) | undefined;
+    onMapClicked?: ((event: {
+        coordinate: [number, number];
+        pixel: [number, number];
+    }) => any) | undefined;
+    onModifyCancelled?: ((event: {
+        features: any[];
+    }) => any) | undefined;
+}>, {
+    baseLayers: LayerConfig[];
+    toggleableLayers: LayerConfig[];
+    layers: LayerConfig[];
+    zoom: number;
+    center: [number, number];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Map.vue.js

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