@vcmap/ui 6.2.4 → 6.3.0-rc.2

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui-f33a5ee2.js";
+export * from "./ui-e61976d4.js";

package/dist/assets/vue.js

@@ -1 +1 @@
-export * from "./vue-004523e0.js";
+export * from "./vue-f6136dc6.js";

package/dist/assets/{vuetify-2fc014c4.js → vuetify-de6f6eb0.js}

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify-2fc014c4.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-004523e0.js";
+} await loadCss('./assets/vuetify-de6f6eb0.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-f6136dc6.js";
 function rt(e, n) {
   let t;
   function a() {

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-2fc014c4.js";
+export * from "./vuetify-de6f6eb0.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.2.4",
+  "version": "6.3.0-rc.2",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -58,7 +58,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.3",
-    "@vcmap/core": "^6.2.3",
+    "@vcmap/core": "^6.3.0-rc.1",
     "ol": "^10.4.0",
     "vue": "~3.4.38",
     "vuetify": "~3.7.14"

package/plugins/@vcmap-show-case/panel-tester/src/TextPanelExample.vue

@@ -3,7 +3,7 @@
     <h1>{{ $attrs['panel-state'].location }}</h1>
     <p>{{ $attrs['panel-state'].id }}</p>
     <div class="d-flex flex-column overflow-hidden w-full h-full pa-1">
-      <p>
+      <p v-for="a in [...Array(5).keys()]" :key="a">
         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

package/plugins/@vcmap-show-case/panorama-inspector/src/PanoramaDebugTools.vue

@@ -17,7 +17,7 @@
   } from '@vcmap/core';
   import {
     createMapMarkerAction,
-    createOsmGlobeAction,
+    createGlobeToggleAction,
     setupClickedPrimitive,
   } from './api.js';
   import { name } from '../package.json';
@@ -51,7 +51,7 @@
     }
   });
 
-  const { action, destroy } = createOsmGlobeAction(app);
+  const action = createGlobeToggleAction(app);
   const { action: hideMarker, destroy: destroyMarker } =
     createMapMarkerAction(app);
 
@@ -72,6 +72,16 @@
     map.panoramaView.tilePrimitiveCollection.overlayOpacity = newOverlayOpacity;
   });
 
+  const contrast = ref(map.panoramaView.tilePrimitiveCollection.contrast);
+  watch(contrast, (newContrast) => {
+    map.panoramaView.tilePrimitiveCollection.contrast = newContrast;
+  });
+
+  const brightness = ref(map.panoramaView.tilePrimitiveCollection.brightness);
+  watch(brightness, (newBrightness) => {
+    map.panoramaView.tilePrimitiveCollection.brightness = newBrightness;
+  });
+
   const overlayNaNColor = shallowRef(
     getStringColor(
       cesiumColorToColor(
@@ -132,7 +142,6 @@
 
   onUnmounted(() => {
     clickedPrimitive.destroy();
-    destroy();
     destroyMarker();
     map.panoramaView.tilePrimitiveCollection.opacity = 1;
   });
@@ -163,6 +172,22 @@
           <VcsCheckbox label="Show Depth" v-model="showDepth"></VcsCheckbox>
         </v-col>
       </v-row>
+      <v-row no-gutters>
+        <v-col cols="4">
+          <vcs-label>Brightness</vcs-label>
+        </v-col>
+        <v-col>
+          <vcs-slider v-model="brightness" :min="-1" :max="1" :step="0.001" />
+        </v-col>
+      </v-row>
+      <v-row no-gutters>
+        <v-col cols="4">
+          <vcs-label>Contrast</vcs-label>
+        </v-col>
+        <v-col>
+          <vcs-slider v-model="contrast" :min="0" :max="20" :step="0.01" />
+        </v-col>
+      </v-row>
       <template v-if="showDepth || showIntensity">
         <v-row no-gutters>
           <v-col cols="4">

package/plugins/@vcmap-show-case/panorama-inspector/src/api.js

@@ -7,9 +7,6 @@ import {
   SphereGeometry,
   Color,
   Cartesian3,
-  Globe,
-  ImageryLayer as CesiumImageryLayer,
-  OpenStreetMapImageryProvider,
 } from '@vcmap-cesium/engine';
 import {
   mercatorToCartesian,
@@ -80,42 +77,30 @@ export function setupClickedPrimitive(map, clickedInteraction) {
 
 /**
  * @param {import("@vcmap/core").VcsApp} app
- * @returns {{ action: import("@vcmap/ui").Action, destroy: () => void }}
+ * @returns {import("@vcmap/ui").Action}
  */
-export function createOsmGlobeAction(app) {
+export function createGlobeToggleAction(app) {
   /** @type {import("@vcmap/core").PanoramaMap} */
   const map = app.maps.getByType(PanoramaMap.className)[0];
+  const cachedLayerTypes = map.layerTypes.slice();
 
   const action = reactive({
-    name: 'OSM Globe',
+    name: 'globeToggle',
     icon: 'mdi-earth',
-    title: 'Open Street Map Globe',
+    title: 'Toggle additional layers',
     active: false,
     callback() {
       if (action.active) {
-        map.getCesiumWidget().scene.globe = undefined;
+        map.layerTypes = cachedLayerTypes;
         action.active = false;
       } else {
-        const { scene } = map.getCesiumWidget();
-        scene.globe = new Globe();
-        scene.imageryLayers.add(
-          new CesiumImageryLayer(
-            new OpenStreetMapImageryProvider({ maximumLevel: 18 }),
-          ),
-        );
+        map.layerTypes = [];
         action.active = true;
       }
     },
   });
 
-  return {
-    action,
-    destroy: () => {
-      if (map.initialized) {
-        map.getCesiumWidget().scene.globe = undefined;
-      }
-    },
-  };
+  return action;
 }
 
 /**

package/plugins/@vcmap-show-case/panorama-inspector/src/index.js

@@ -27,7 +27,7 @@ export default function panoramaInspector() {
         {
           id: 'panorama-inspector',
           state: {
-            headerTitle: 'panoramaInspector.title',
+            headerTitle: 'Panorama Inspector',
           },
           component: PanoramaInspector,
           slot: WindowSlot.DYNAMIC_RIGHT,

package/plugins/package.json

@@ -9,9 +9,9 @@
     "@vcmap/swipe-tool": "^4.0.0",
     "@vcmap/export": "^2.0.0",
     "@vcmap/viewshed": "^3.0.0",
-    "@vcmap/measurement": "^4.0.0",
+    "@vcmap/measurement": "^5.0.0",
     "@vcmap/multi-view": "^3.0.0",
-    "@vcmap/draw": "^4.0.0",
+    "@vcmap/draw": "^5.0.0",
     "@vcmap/shadow": "^3.0.0",
     "@vcmap/search-wfs": "^2.0.0",
     "@vcmap/search-esri": "^2.0.0",
@@ -30,7 +30,9 @@
     "@vcmap/sensorthings": "^1.0.0",
     "@vcmap/cesium-inspector": "^2.0.0",
     "@vcmap/event-control": "^1.0.1",
-    "@vcmap/dynamic-layer": "^1.0.0"
+    "@vcmap/dynamic-layer": "^1.0.0",
+    "@vcmap/geofence": "^1.0.2",
+    "@vcmap/panorama": "^1.0.0"
   },
   "optionalDependencies": {
     "@vcmap/planning": "^7.0.0"

package/src/application/VcsApp.vue

@@ -17,6 +17,7 @@
     >
       <VcsPositionDisplay />
       <VcsObliqueFooter />
+      <vcs-panorama-footer />
       <VcsTextPageFooter
         v-if="imprint"
         :text-page="imprint"
@@ -27,6 +28,12 @@
         :text-page="dataProtection"
         :window-id="'dataProtectionWindow'"
       />
+      <VcsTextPageFooter
+        v-for="(info, idx) in footerInformation"
+        :key="idx"
+        :text-page="info"
+        :window-id="'footerInfoWindow_' + idx"
+      />
       <v-spacer />
       <VcsAttributionsFooter
         :entries="attributionEntries"
@@ -88,7 +95,12 @@
   import VcsAttributions from './VcsAttributions.vue';
   import { getAttributions } from './attributionsHelper.js';
   import VcsPositionDisplay from './VcsPositionDisplay.vue';
-  import { getDataProtection, getImprint } from './uiConfigHelper.js';
+  import {
+    getDataProtection,
+    getImprint,
+    getFooterInformation,
+  } from './uiConfigHelper.js';
+  import VcsPanoramaFooter from './VcsPanoramaFooter.vue';
 
   /**
    * This helper checks the uiConfig and depending on the value will setup/teardown the providedSetupFunction
@@ -775,6 +787,7 @@
    */
   export default {
     components: {
+      VcsPanoramaFooter,
       VcsContainer,
       VcsPositionDisplay,
       VcsAttributionsFooter,
@@ -885,6 +898,7 @@
         footerHeight,
         imprint: getImprint(app.uiConfig.config),
         dataProtection: getDataProtection(app.uiConfig.config),
+        footerInformation: getFooterInformation(app.uiConfig.config),
         showSplashScreen,
         splashScreen,
         attributionEntries,

package/src/application/VcsApp.vue.d.ts

@@ -184,6 +184,29 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
             readonly content?: string | undefined;
         } | undefined;
+        /**
+         * - optionnal, additional information to show in the footer as links or dialogs
+         */
+        readonly footerInformation?: readonly {
+            readonly title?: string | undefined;
+            readonly url?: string | {
+                readonly hash: string;
+                readonly host: string;
+                readonly hostname: string;
+                readonly href: string;
+                readonly toString: () => string;
+                readonly origin: string;
+                readonly password: string;
+                readonly pathname: string;
+                readonly port: string;
+                readonly protocol: string;
+                readonly search: string;
+                readonly searchParams: ReadonlyMap<string, string | null>;
+                readonly username: string;
+                readonly toJSON: () => string;
+            } | undefined;
+            readonly content?: string | undefined;
+        }[] | undefined;
         /**
          * - an option splashScreen, will show a splash Screen on Map Load.
          */
@@ -297,6 +320,10 @@ declare const _default: import("vue").DefineComponent<{
          * - can be used to hide the integrated Search bar
          */
         readonly hideSearch?: boolean | undefined;
+        /**
+         * - can be used to set the pitch angle of the viewpoint of features zoomed to from Search, in degrees. Defaults to -35 degrees.
+         */
+        readonly searchViewpointPitch?: number | undefined;
         /**
          * - can be used to hide the sharee button
          */
@@ -345,6 +372,10 @@ declare const _default: import("vue").DefineComponent<{
          * - can be used to hide the oblique name in the footer
          */
         readonly hideObliqueFooter?: boolean | undefined;
+        /**
+         * - can be used to hide the panorama name in the footer
+         */
+        readonly hidePanoramaFooter?: boolean | undefined;
         /**
          * - can be used to activate the overviewMap on startup
          */
@@ -411,6 +442,7 @@ declare const _default: import("vue").DefineComponent<{
     footerHeight: import("vue").ComputedRef<number>;
     imprint: import("vue").ComputedRef<import("../uiConfig.js", { with: { "resolution-mode": "import" } }).TextPageType | undefined>;
     dataProtection: import("vue").ComputedRef<import("../uiConfig.js", { with: { "resolution-mode": "import" } }).TextPageType | undefined>;
+    footerInformation: import("vue").ComputedRef<import("../uiConfig.js", { with: { "resolution-mode": "import" } }).TextPageType[] | undefined>;
     showSplashScreen: import("vue").Ref<boolean>;
     splashScreen: import("vue").ShallowRef<{
         title: string;

package/src/application/VcsAttributions.vue

@@ -11,7 +11,11 @@
           v-for="attribution in attributions"
           :key="attribution.provider"
           :title="`${$st(attribution.provider)} ${attribution.year}`"
+          class="d-inline-flex align-end"
         >
+          <v-icon v-if="attribution.icon" class="mr-2 attribution-icon">
+            {{ attribution.icon }}
+          </v-icon>
           <a :href="attribution.url ? attribution.url : null" target="_blank">
             {{ $st(attribution.provider) }} {{ attribution.year }}
           </a>
@@ -26,6 +30,7 @@
 
 <script>
   import {
+    VIcon,
     VList,
     VListItem,
     VListItemTitle,
@@ -40,6 +45,7 @@
   export default {
     name: 'VcsAttributions',
     components: {
+      VIcon,
       VList,
       VListItem,
       VListItemTitle,
@@ -65,4 +71,7 @@
       content: '\00a9';
     }
   }
+  .attribution-icon {
+    max-width: 30px;
+  }
 </style>

package/src/application/VcsAttributionsFooter.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         provider: string;
         years: string;
         url: string;
+        icon?: string | undefined;
     }[]>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     entries: {

package/src/application/VcsContainer.vue.d.ts

@@ -96,6 +96,29 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
             readonly content?: string | undefined;
         } | undefined;
+        /**
+         * - optionnal, additional information to show in the footer as links or dialogs
+         */
+        readonly footerInformation?: readonly {
+            readonly title?: string | undefined;
+            readonly url?: string | {
+                readonly hash: string;
+                readonly host: string;
+                readonly hostname: string;
+                readonly href: string;
+                readonly toString: () => string;
+                readonly origin: string;
+                readonly password: string;
+                readonly pathname: string;
+                readonly port: string;
+                readonly protocol: string;
+                readonly search: string;
+                readonly searchParams: ReadonlyMap<string, string | null>;
+                readonly username: string;
+                readonly toJSON: () => string;
+            } | undefined;
+            readonly content?: string | undefined;
+        }[] | undefined;
         /**
          * - an option splashScreen, will show a splash Screen on Map Load.
          */
@@ -209,6 +232,10 @@ declare const _default: import("vue").DefineComponent<{
          * - can be used to hide the integrated Search bar
          */
         readonly hideSearch?: boolean | undefined;
+        /**
+         * - can be used to set the pitch angle of the viewpoint of features zoomed to from Search, in degrees. Defaults to -35 degrees.
+         */
+        readonly searchViewpointPitch?: number | undefined;
         /**
          * - can be used to hide the sharee button
          */
@@ -257,6 +284,10 @@ declare const _default: import("vue").DefineComponent<{
          * - can be used to hide the oblique name in the footer
          */
         readonly hideObliqueFooter?: boolean | undefined;
+        /**
+         * - can be used to hide the panorama name in the footer
+         */
+        readonly hidePanoramaFooter?: boolean | undefined;
         /**
          * - can be used to activate the overviewMap on startup
          */

package/src/application/VcsMobileMenuList.vue

@@ -7,7 +7,11 @@
     getActionsByLocation,
   } from '../manager/navbarManager.js';
   import VcsTextPageFooter from './VcsTextPageFooter.vue';
-  import { getDataProtection, getImprint } from './uiConfigHelper.js';
+  import {
+    getDataProtection,
+    getImprint,
+    getFooterInformation,
+  } from './uiConfigHelper.js';
   import { toolboxComponentId } from '../manager/toolbox/ToolboxManagerComponent.vue';
 
   const app = inject('vcsApp');
@@ -55,6 +59,7 @@
 
   const dataProtection = getDataProtection(app.uiConfig?.config);
   const imprint = getImprint(app.uiConfig?.config);
+  const footerInformation = getFooterInformation(app.uiConfig?.config);
 </script>
 
 <template>
@@ -88,6 +93,16 @@
         />
       </v-list-item>
     </template>
+    <template v-for="(info, idx) in footerInformation" :key="idx">
+      <v-divider></v-divider>
+      <v-list-item v-if="info">
+        <VcsTextPageFooter
+          class="plainStyle"
+          :text-page="info"
+          :window-id="'footerInfoWindow_' + idx"
+        />
+      </v-list-item>
+    </template>
   </v-list>
 </template>
 

package/src/application/VcsObliqueFooter.vue

@@ -1,10 +1,9 @@
 <template>
-  <!-- eslint-disable vue/no-v-html -->
-  <span
-    v-if="content"
-    class="d-flex align-center overflow-hidden vcs-oblique-footer"
-    v-html="content"
-  />
+  <span v-if="content" class="vcs-oblique-footer">
+    <!-- eslint-disable vue/no-v-html -->
+    <span class="overflow-hidden" v-html="content" />
+    <div v-if="hasLinks" class="ml-1">|</div>
+  </span>
 </template>
 
 <script>
@@ -85,6 +84,13 @@
         mapChangedListener();
       });
 
+      const hasLinks = computed(
+        () =>
+          !!app.uiConfig.config?.dataProtection ||
+          !!app.uiConfig.config?.imprint ||
+          app.uiConfig.config?.footerInformation?.length > 0,
+      );
+
       const content = computed(() => {
         if (!app.uiConfig.config.hideObliqueFooter && currentImage.value) {
           const template =
@@ -102,6 +108,7 @@
 
       return {
         content,
+        hasLinks,
       };
     },
   };
@@ -109,8 +116,14 @@
 
 <style lang="scss" scoped>
   .vcs-oblique-footer {
+    display: flex;
+    align-items: center;
+    > div {
+      font-size: smaller;
+    }
     :deep(p) {
       font-size: smaller;
+      display: inline;
       margin: 0;
     }
   }

package/src/application/VcsObliqueFooter.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
     content: import("vue").ComputedRef<string | null>;
+    hasLinks: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/src/application/VcsPanoramaFooter.vue

@@ -0,0 +1,72 @@
+<script setup>
+  import { ref, inject, onUnmounted, computed } from 'vue';
+  import { PanoramaMap } from '@vcmap/core';
+
+  /** @type {import('../vcsUiApp').default} */
+  const app = inject('vcsApp');
+  const name = ref();
+  const time = ref();
+  const hasLinks = computed(
+    () =>
+      !!app.uiConfig.config?.dataProtection ||
+      !!app.uiConfig.config?.imprint ||
+      app.uiConfig.config?.footerInformation?.length > 0,
+  );
+
+  const showPanoramaFooter = computed(
+    () => !app.uiConfig.config.hidePanoramaFooter,
+  );
+
+  let imageChangedListener = () => {};
+  const setImage = (image) => {
+    if (image) {
+      name.value = image.name;
+      if (image.time) {
+        time.value = new Intl.DateTimeFormat(app.locale, {
+          dateStyle: 'short',
+          timeStyle: 'short',
+        }).format(image.time);
+      } else {
+        time.value = undefined;
+      }
+    }
+  };
+  const setMap = (map) => {
+    imageChangedListener();
+    if (map instanceof PanoramaMap) {
+      setImage(map.currentPanoramaImage);
+      imageChangedListener = map.currentImageChanged.addEventListener(setImage);
+    } else {
+      name.value = undefined;
+      time.value = undefined;
+      imageChangedListener = () => {};
+    }
+  };
+
+  const mapChangedListener = app.maps.mapActivated.addEventListener(setMap);
+  setMap(app.maps.activeMap);
+
+  onUnmounted(() => {
+    imageChangedListener();
+    mapChangedListener();
+  });
+</script>
+
+<template>
+  <span v-if="showPanoramaFooter && name && time" class="vcs-panorama-footer">
+    <span class="overflow-hidden"> {{ time }} - {{ name }} </span>
+    <span v-if="hasLinks" class="ml-1">|</span>
+  </span>
+</template>
+
+<style scoped lang="scss">
+  .vcs-panorama-footer {
+    display: flex;
+    align-items: center;
+    & > span {
+      display: inline-flex;
+      font-size: smaller;
+      align-items: center;
+    }
+  }
+</style>

package/src/application/VcsPanoramaFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/src/application/VcsTextPageFooter.vue

@@ -85,8 +85,12 @@
 <style lang="scss" scoped>
   .text-page-footer {
     font-size: smaller;
+    display: flex;
+    align-items: center;
     a {
       color: var(--v-text-color);
+      display: flex;
+      align-items: center;
     }
   }
 </style>

package/src/application/attributionsHelper.d.ts

@@ -3,6 +3,7 @@
  * @property {string} provider - name of the data provider
  * @property {number} [year] - year of dataset
  * @property {string} url - link to data provider
+ * @property {string} [icon] - provider logo
  */
 /**
  * @typedef {Object} AttributionEntry
@@ -13,12 +14,13 @@
 /**
  * merges attribution entries of same providers
  * @param {Array<AttributionEntry>} entries
- * @returns {Array<{provider: string, years: string, url: string}>}
+ * @returns {Array<{provider: string, years: string, url: string, icon?:string}>}
  */
 export function mergeAttributions(entries: Array<AttributionEntry>): Array<{
     provider: string;
     years: string;
     url: string;
+    icon?: string;
 }>;
 /**
  * Gets attributions of all active maps, layers and oblique collections and returns an array of entries.
@@ -45,6 +47,10 @@ export type AttributionOptions = {
      * - link to data provider
      */
     url: string;
+    /**
+     * - provider logo
+     */
+    icon?: string | undefined;
 };
 export type AttributionEntry = {
     /**