@vcmap/ui 6.0.0-rc.9 → 6.0.0

package/README.md

@@ -160,6 +160,8 @@ app can be opened with http://localhost:8080.
 
 Further Information see [GET_STARTED](documentation/GET_STARTED.md) and [Plugin-cli](https://github.com/virtualcitySYSTEMS/map-plugin-cli).
 
+> [API Story Docs](https://lib.virtualcitymap.de/ui/6.0/story/)
+
 ## Included Dataset
 
 The included datasets for Berlin and Osnabrück in the app configurations in the project can only be used for Development.

package/build/commonViteConfig.js

@@ -17,6 +17,13 @@ const configMain = defineConfig({
   define: {
     'process.env.NODE_ENV': '"development"',
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern-compiler', // or "modern", "legacy"
+      },
+    },
+  },
   plugins: [
     vue3({
       template: { transformAssetUrls },

package/config/aerowest.config.json

@@ -271,7 +271,12 @@
       "minZoom": 2,
       "hideLevels": null,
       "properties": {
-        "title": "Schrägluftbilder 2020"
+        "title": "Schrägluftbilder 2020",
+        "attributions": {
+          "provider": "Aerowest",
+          "year": "2020",
+          "url": "https://www.aerowest.de/"
+        }
       }
     },
     {
@@ -292,7 +297,12 @@
       "minZoom": 2,
       "hideLevels": null,
       "properties": {
-        "title": "Schrägluftbilder 2019"
+        "title": "Schrägluftbilder 2019",
+        "attributions": {
+          "provider": "Aerowest",
+          "year": "2019",
+          "url": "https://www.aerowest.de/"
+        }
       }
     }
   ],

package/config/analysis.config.json

@@ -0,0 +1,17 @@
+{
+  "name": "Analysis",
+  "plugins": [
+    {
+      "name": "@vcmap/line-of-sight",
+      "entry": "plugins/@vcmap/line-of-sight/index.js"
+    },
+    {
+      "name": "@vcmap/viewshed",
+      "entry": "plugins/@vcmap/viewshed/index.js"
+    },
+    {
+      "name": "@vcmap/height-profile",
+      "entry": "plugins/@vcmap/height-profile/index.js"
+    }
+  ]
+}

package/config/base.config.json

@@ -22,6 +22,10 @@
         "url": "https://vc.systems/datenschutz/"
       }
     },
+    {
+      "name": "obliqueFooterTemplate",
+      "value": "MyObliqueFooter.content"
+    },
     {
       "name": "customScreen",
       "value": {
@@ -95,6 +99,9 @@
           "content": "![image](https://vc.systems/wp-content/uploads/2020/07/vcs_logo.png)\n\nProjekt: \n--------\n\nErste Schritte\n\nZusammenfassung:\n--------\nDies ist ein **Beispieltext**, der Ihnen den Einstieg erleichtern soll. **Marked** wird verwendet, um Ihren Text _von Markdown nach HTML_ zu konvertieren. Um mehr über die __*korrekte Syntax*__ zu erfahren, besuchen Sie bitte diesen [Link](https://marked.js.org/demo/) für eine Demo.  \n \nInhalt:\n-------\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n \nDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.\n \nHow to add lists:\n-----------------\n\n\n\n1. Enumeration, lorem ipsum dolor sit amet.\n2. Enumeration, lorem ipsum dolor sit amet.\n\n\n- Punkt 1: einer Liste mit Aufzählungspunkten.\n- Punkt 2: einer Liste mit Aufzählungspunkten.\n\n\n\nDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.",
           "name": "Meine benutzerdefinierte Anzeige",
           "title": "Meine benutzerdefinierte Anzeige"
+        },
+        "MyObliqueFooter": {
+          "content": "Mein Bildtitel: {{ name }} {{ viewDirection }}"
         }
       },
       "en": {
@@ -122,6 +129,9 @@
           "content": "![image](https://vc.systems/wp-content/uploads/2020/07/vcs_logo.png)\n\n\n\nProject: \n--------\n\nGetting started\n\nSummary:\n--------\nThis is a sample text to help you get started. **Marked** is used to convert your text _from Markdown to HTML_. To learn more about the __*correct syntax*__, please visit this [link](https://marked.js.org/demo/) for a demo.\n \nContent:\n-------\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n \nDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.\n \nHow to add lists:\n-----------------\n\n\n\n1. Enumeration, lorem ipsum dolor sit amet.\n2. Enumeration, lorem ipsum dolor sit amet.\n\n\n- Bullet Point 1: Lorem ipsum dolor sit amet.\n- Bullet Point 2: Lorem ipsum dolor sit amet.\n\n\n\nDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.",
           "name": "My Custom Screen",
           "title": "My Custom Screen"
+        },
+        "MyObliqueFooter": {
+          "content": "My Oblique Title: {{ name }} {{ viewDirection }}"
         }
       }
     }
@@ -676,7 +686,7 @@
     {
       "type": "CesiumTilesetLayer",
       "name": "mesh_surface",
-      "url": "https://berlin-wab.virtualcitymap.de/datasource-data/baselayer/mesh_2020/",
+      "url": "https://berlin-wab.virtualcitymap.de/datasource-data/baselayer/mesh_2023/",
       "activeOnStartup": false,
       "allowPicking": false,
       "screenSpaceError": 16,
@@ -732,8 +742,8 @@
     {
       "name": "osmBuildingFootprints",
       "type": "VectorTileLayer",
-      "minLevel": 15,
-      "maxLevel": 21,
+      "minLevel": 18,
+      "maxLevel": 18,
       "zIndex": 11,
       "tileProvider": {
         "baseLevels": [14],
@@ -743,10 +753,12 @@
         "url": "https://www.virtualcitymap.de/datasource-data/BerlinFootprintsMVT/{z}/{x}/{y}.pbf"
       },
       "activeOnStartup": false,
+      "debug": false,
       "properties": {
         "featureInfo": "addressBalloon",
         "title": "layers.osmBuildingFootprints.title",
-        "tooltip": "OpenStreetMap Building Polygons"
+        "tooltip": "OpenStreetMap Building Polygons",
+        "availableStyles": ["Transparentbuildings"]
       }
     },
     {

package/config/components-show-case.config.json

@@ -0,0 +1,53 @@
+{
+  "name": "components-show-case",
+  "_id": "components-show-case",
+  "description": "module containing showcases plugins demonstrating components",
+  "plugins": [
+    {
+      "name": "@vcmap-show-case/collection-manager-example",
+      "entry": "plugins/@vcmap-show-case/collection-manager-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/custom-icons-example",
+      "entry": "plugins/@vcmap-show-case/custom-icons-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/extent-example",
+      "entry": "plugins/@vcmap-show-case/extent-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/flight-component-example",
+      "entry": "plugins/@vcmap-show-case/flight-component-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/form-inputs-example",
+      "entry": "plugins/@vcmap-show-case/form-inputs-example/index.js",
+      "selectOptions": ["A", "B", "C", "D"],
+      "initialTextInput": "myInitialText"
+    },
+    {
+      "name": "@vcmap-show-case/icons-example",
+      "entry": "plugins/@vcmap-show-case/icons-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/projection-example",
+      "entry": "plugins/@vcmap-show-case/projection-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/style-input-example",
+      "entry": "plugins/@vcmap-show-case/style-input-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/vector-properties-example",
+      "entry": "plugins/@vcmap-show-case/vector-properties-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/viewpoint-component-example",
+      "entry": "plugins/@vcmap-show-case/viewpoint-component-example/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/wizard-example",
+      "entry": "plugins/@vcmap-show-case/wizard-example/index.js"
+    }
+  ]
+}

package/config/concepts-show-case.config.json

@@ -0,0 +1,39 @@
+{
+  "name": "concepts-show-case",
+  "_id": "concepts-show-case",
+  "description": "module containing showcases plugins demonstrating concepts",
+  "plugins": [
+    {
+      "name": "category-tester",
+      "entry": "plugins/@vcmap-show-case/category-tester/index.js"
+    },
+    {
+      "name": "context-menu-tester",
+      "entry": "plugins/@vcmap-show-case/context-menu-tester/index.js"
+    },
+    {
+      "name": "notifier-tester",
+      "entry": "plugins/@vcmap-show-case/notifier-tester/index.js"
+    },
+    {
+      "name": "panel-tester",
+      "entry": "plugins/@vcmap-show-case/panel-tester/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/search-example",
+      "entry": "plugins/@vcmap-show-case/search-example/index.js"
+    },
+    {
+      "name": "switch-map-callback-example",
+      "entry": "plugins/@vcmap-show-case/switch-map-callback-example/index.js"
+    },
+    {
+      "name": "toolbox-example",
+      "entry": "plugins/@vcmap-show-case/toolbox-example/index.js"
+    },
+    {
+      "name": "window-tester",
+      "entry": "plugins/@vcmap-show-case/window-tester/index.js"
+    }
+  ]
+}

package/config/dev.config.json

@@ -1,7 +1,7 @@
 {
   "name": "development",
   "_id": "dev",
-  "description": "module containing examples, showcases and other stuff",
+  "description": "module containing dev configs and examples",
   "startingViewpointName": "potsdamer_platz",
   "i18n": [
     {
@@ -92,6 +92,153 @@
     }
   ],
   "layers": [
+    {
+      "name": "testGeojsonVectorTile",
+      "type": "VectorTileLayer",
+      "minLevel": 18,
+      "maxLevel": 18,
+      "zIndex": 11,
+      "tileProvider": {
+        "baseLevels": [14],
+        "idProperty": "id",
+        "useSpatialIndex": false,
+        "type": "StaticGeoJSONTileProvider",
+        "url": "exampleData/perFeature.json"
+      },
+      "activeOnStartup": false,
+      "debug": false,
+      "renderer": "primitive",
+      "properties": {
+        "title": "Test GeoJSON VectorTile",
+        "featureInfo": "markdownFeatureInfo",
+        "legend": [
+          {
+            "type": "StyleLegendItem",
+            "rows": [
+              {
+                "type": "StrokeLegendRow",
+                "title": "Line",
+                "stroke": {
+                  "color": [0, 0, 0, 1],
+                  "width": 1.2
+                }
+              },
+              {
+                "type": "StrokeLegendRow",
+                "title": "Line blue",
+                "stroke": {
+                  "color": [118, 165, 204, 1],
+                  "width": 1.2
+                }
+              },
+              {
+                "type": "FillLegendRow",
+                "title": "Polygon no fill",
+                "fill": false,
+                "stroke": {
+                  "color": [0, 0, 0, 1],
+                  "width": 1.2
+                }
+              },
+              {
+                "type": "FillLegendRow",
+                "title": "Polygon blue",
+                "fill": {
+                  "color": [118, 165, 204, 1]
+                },
+                "stroke": {
+                  "color": [68, 68, 68, 1],
+                  "width": 2
+                }
+              },
+              {
+                "type": "FillLegendRow",
+                "title": "Polygon white",
+                "tooltip": "Extruded polygons by height or storey",
+                "fill": {
+                  "color": [255, 255, 255, 0.4]
+                },
+                "stroke": {
+                  "color": [51, 153, 204, 1],
+                  "width": 1.25
+                }
+              },
+              {
+                "type": "CircleLegendRow",
+                "title": "Point Circle",
+                "image": {
+                  "radius": 8,
+                  "scale": 4,
+                  "fill": {
+                    "color": "rgba(255, 0, 0, 1)"
+                  },
+                  "stroke": {
+                    "color": "#00FF00",
+                    "width": 2
+                  }
+                }
+              },
+              {
+                "type": "CircleLegendRow",
+                "title": "Point Default",
+                "image": {
+                  "radius": 5,
+                  "scale": 1,
+                  "fill": {
+                    "color": [255, 255, 255, 0.4]
+                  },
+                  "stroke": {
+                    "color": [0, 0, 0, 1],
+                    "width": 1
+                  }
+                }
+              },
+              {
+                "type": "IconLegendRow",
+                "title": "Icon",
+                "tooltip": "An exemplary icon",
+                "image": {
+                  "src": "data:image/png;base64,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",
+                  "scale": 0.2
+                }
+              },
+              {
+                "type": "RegularShapeLegendRow",
+                "title": "Rhombus Shape",
+                "image": {
+                  "radius": 8,
+                  "points": 4,
+                  "angle": 1.5707963267948966,
+                  "scale": 4,
+                  "fill": {
+                    "color": [255, 0, 255, 0.8]
+                  },
+                  "stroke": {
+                    "color": "#000000",
+                    "width": 2
+                  }
+                }
+              },
+              {
+                "type": "TextLegendRow",
+                "title": "Text",
+                "text": {
+                  "font": "italic bold 32px Courier New, monospace",
+                  "fill": {
+                    "color": "#73D9D1"
+                  },
+                  "stroke": {
+                    "color": "#000000",
+                    "width": 2
+                  }
+                },
+                "label": "Test!"
+              }
+            ]
+          }
+        ]
+      }
+    },
     {
       "name": "testGeojson",
       "type": "GeoJSONLayer",
@@ -526,6 +673,11 @@
       "layerName": "testGeojson",
       "type": "LayerContentTreeItem"
     },
+    {
+      "name": "geojson vector tile",
+      "layerName": "testGeojsonVectorTile",
+      "type": "LayerContentTreeItem"
+    },
     {
       "name": "czmlPoint",
       "layerName": "czmlPoint",
@@ -564,109 +716,6 @@
     }
   ],
   "plugins": [
-    {
-      "name": "config-editor",
-      "entry": "plugins/@vcmap-show-case/config-editor/index.js"
-    },
-    {
-      "name": "collection-manager-example",
-      "entry": "plugins/@vcmap-show-case/collection-manager-example/index.js"
-    },
-    {
-      "name": "category-tester",
-      "entry": "plugins/@vcmap-show-case/category-tester/index.js"
-    },
-    {
-      "name": "context-menu-tester",
-      "entry": "plugins/@vcmap-show-case/context-menu-tester/index.js"
-    },
-    {
-      "name": "notifier-tester",
-      "entry": "plugins/@vcmap-show-case/notifier-tester/index.js"
-    },
-    {
-      "name": "window-tester",
-      "entry": "plugins/@vcmap-show-case/window-tester/index.js"
-    },
-    {
-      "name": "panel-tester",
-      "entry": "plugins/@vcmap-show-case/panel-tester/index.js"
-    },
-    {
-      "name": "toolbox-example",
-      "entry": "plugins/@vcmap-show-case/toolbox-example/index.js"
-    },
-    {
-      "name": "buttons-example",
-      "entry": "plugins/@vcmap-show-case/buttons-example/index.js"
-    },
-    {
-      "name": "form-inputs-example",
-      "entry": "plugins/@vcmap-show-case/form-inputs-example/index.js",
-      "selectOptions": ["A", "B", "C", "D"],
-      "initialTextInput": "myInitialText"
-    },
-    {
-      "name": "icons-example",
-      "entry": "plugins/@vcmap-show-case/icons-example/index.js"
-    },
-    {
-      "name": "list-example",
-      "entry": "plugins/@vcmap-show-case/list-example/index.js"
-    },
-    {
-      "name": "textfields-example",
-      "entry": "plugins/@vcmap-show-case/textfields-example/index.js"
-    },
-    {
-      "name": "table-example",
-      "entry": "plugins/@vcmap-show-case/table-example/index.js"
-    },
-    {
-      "name": "wizard-example",
-      "entry": "plugins/@vcmap-show-case/wizard-example/index.js"
-    },
-    {
-      "name": "style-input-example",
-      "entry": "plugins/@vcmap-show-case/style-input-example/index.js"
-    },
-    {
-      "name": "extent-example",
-      "entry": "plugins/@vcmap-show-case/extent-example/index.js"
-    },
-    {
-      "name": "viewpoint-component-example",
-      "entry": "plugins/@vcmap-show-case/viewpoint-component-example/index.js"
-    },
-    {
-      "name": "flight-component-example",
-      "entry": "plugins/@vcmap-show-case/flight-component-example/index.js"
-    },
-    {
-      "name": "vector-properties-example",
-      "entry": "plugins/@vcmap-show-case/vector-properties-example/index.js"
-    },
-    {
-      "name": "switch-map-callback-example",
-      "entry": "plugins/@vcmap-show-case/switch-map-callback-example/index.js"
-    },
-    {
-      "name": "@vcmap-show-case/plugin-editors",
-      "entry": "plugins/@vcmap-show-case/plugin-editors/index.js"
-    },
-    {
-      "name": "@vcmap-show-case/hello-world",
-      "entry": "plugins/@vcmap-show-case/hello-world/index.js",
-      "showComponent": false
-    },
-    {
-      "name": "@vcmap-show-case/search-example",
-      "entry": "plugins/@vcmap-show-case/search-example/index.js"
-    },
-    {
-      "name": "@vcmap-show-case/custom-icons-example",
-      "entry": "plugins/@vcmap-show-case/custom-icons-example/index.js"
-    },
     {
       "name": "@vcmap/print",
       "entry": "plugins/@vcmap/print/index.js"
@@ -674,9 +723,17 @@
     {
       "name": "@vcmap/search-nominatim",
       "entry": "plugins/@vcmap/search-nominatim/index.js"
+    },
+    {
+      "name": "@vcmap-show-case/plugin-editors",
+      "entry": "plugins/@vcmap-show-case/plugin-editors/index.js"
     }
   ],
   "uiConfig": [
+    {
+      "name": "hideObliqueFooter",
+      "value": true
+    },
     {
       "name": "appTitle",
       "value": "DEV"
@@ -692,6 +749,10 @@
     {
       "name": "primaryColor",
       "value": "#FFCE00"
+    },
+    {
+      "name": "contentTreeActiveOnStartup",
+      "value": true
     }
   ]
 }

package/config/dynamic-layer.config.json

@@ -0,0 +1,32 @@
+{
+  "name": "Dynamic-Layer",
+  "plugins": [
+    {
+      "name": "@vcmap/dynamic-layer",
+      "entry": "plugins/@vcmap/dynamic-layer/index.js",
+      "defaultTab": "catalogues",
+      "enabledTabs": ["webdata", "catalogues"],
+      "webdata": {
+        "defaultType": "WMSLayer",
+        "defaultUrl": "https://sgx.geodatenzentrum.de/wms_topplus_open"
+      },
+      "catalogues": {
+        "presets": [
+          {
+            "url": "https://data.europa.eu/api/hub/search/",
+            "type": "piveau",
+            "title": "Data Europa",
+            "subtitle": "The official portal for European data"
+          },
+          {
+            "url": "https://open.bydata.de/api/hub/search/",
+            "type": "piveau",
+            "title": "Data Bayern",
+            "subtitle": "Hier finden Datenbegeisterte freie Datensätze und Unterstützung, um noch mehr Daten zu teilen. Damit schaffen wir gemeinsam – Verwaltung, Unternehmen, aber auch Wissenschaft und Zivilgesellschaft – Mehrwert für uns alle.",
+            "description": "# Offene Daten aus Bayern\nHier finden Datenbegeisterte freie Datensätze und Unterstützung, um noch mehr Daten zu teilen. Damit schaffen wir gemeinsam – Verwaltung, Unternehmen, aber auch Wissenschaft und Zivilgesellschaft – Mehrwert für uns alle.\n"
+          }
+        ]
+      }
+    }
+  ]
+}

package/config/hello-world.config.json

@@ -0,0 +1,11 @@
+{
+  "name": "hello-world",
+  "_id": "hello-world",
+  "description": "module adding hello-world showcase plugin",
+  "plugins": [
+    {
+      "name": "@vcmap-show-case/hello-world",
+      "entry": "plugins/@vcmap-show-case/hello-world/index.js"
+    }
+  ]
+}

package/config/projects.config.json

@@ -6,7 +6,12 @@
       "name": "@vcmap-show-case/project-selector",
       "entry": "plugins/@vcmap-show-case/project-selector/index.js",
       "selected": "",
-      "selectedModules": ["config/dev.config.json", "config/codes.config.json"],
+      "selectedModules": [
+        "config/dev.config.json",
+        "config/codes.config.json",
+        "config/components-show-case.config.json",
+        "config/concepts-show-case.config.json"
+      ],
       "projects": [
         {
           "name": "VC Map HOSTING",
@@ -22,8 +27,11 @@
       "modules": [
         "config/dev.config.json",
         "config/codes.config.json",
+        "config/components-show-case.config.json",
+        "config/concepts-show-case.config.json",
         "config/graphFeatureInfo.config.json",
         "config/splashscreen.config.json",
+        "config/hello-world.config.json",
         "config/theming.config.json"
       ]
     }