@vcmap/ui 5.0.0-rc.24 → 5.0.0-rc.25

package/dist/assets/vuetify.js

@@ -1,5 +1,5 @@
-export * from "./vuetify.6efa21.js";
-import { default as f } from "./vuetify.6efa21.js";
+export * from "./vuetify.d2131d.js";
+import { default as f } from "./vuetify.d2131d.js";
 export {
   f as default
 };

package/dist/index.html

@@ -6,29 +6,30 @@
     <link
       rel="icon"
       type="image/png"
-      href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc9JREFUeNpiYBgFo2AUjHTA6DC3LAxINwIxHyka////z/zg9n22l08eM/iaPPtnqPT5Jxn2r2IBEmGkWg4Cnz9+Znl498F3EHvtcTGWH7+ZOC3VP34n0ZgwJiAxh5yg+/vnz38Y+98/xj9bTov+2HBCjIvUEGA6kNy1A8hIBuJPlMTl//8M/0/f4ftOgiNWVfl/KASFAAPUESF0dEQ9yHIQgwkmAnTEVWo6YsFeKa4fv5gYsSgpBFoOj3YmZBlqOuLWM65vQEdwojkCZPkqZLVM6JqhjjAH4quU5vFHbzjAjvj+i+kzNsuxOgDqiE/QkKDcERyWf5s/L31e9X4VVrOYcGmkiiNkDNkZ9IP/MjAxqwF5axgW7NIm2gFojlhFsuUKlpxgyxmZ/kBF+LA5gpFY84BFdj+01ASD92/esV08feEXVsW6AVwM8qbAUpHxPxZZiKcS3K4SDAG00CgkKiTwWw4LiV3AkAgjKQSQQgJUcaVgDQHClmOUCUykOgAYEvUgjSiCrByMDOYJpFoOAv1M5CRuoCNW8fLzFbKwsjAycAoyM5glcDKIqn0j0XIQuMpIUSYPMZFlcK1SYmDn+UWmCRSXM6NgFIwCigFAgAEAmHnAVoDNAXoAAAAASUVORK5CYII="
+      href="./assets/favicon-32.6b9add.png"
       sizes="32x32"
     />
     <link
       rel="icon"
       type="image/png"
-      href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABMJJREFUeNrs3c1rHGUAx/FnZpPNbogbQyXa0KStRRBqWwqxEkTxUDQHJVFD8FQi7T8QBA9eSi8eCm3/AZWec/DtFIWCINKCHrysUCkiJsbGvLi10uxud12fiZuw2mZ3Znbmmed55vuFEGjeWH6fpLtt5lkhiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiEj3HD/v9NKH747KV6/Il0Fbbni9Vu9dXbntljY2Hymtr945+eRdd+q5tYpl+y6+N1UqdgVAjn9OvrpgE/rNtY38j8WblfJWub77h45wDuwr59564XZ1aKBWt+j2LkgE86EAWDi++P231f4fvi/e2+vtA7l639unV+r7hyq1NCBw24xfkK/esWn8arWald/5W+3e569ypvLx9WFRrrqORTd99v3PHp0IBEA2KV8KNgHYWF13avdrjU7v9+tGX+2jayNZyxBMBgUwats93nK53PD7vsvrucrVayN5ixAcDQog9f2ynrtnGYJAAIoQsArBYiAAX5296H3AEgSsQPCnfPkizF8BZ5sfDAKzEZyXDwOXAgOQPwW8vwZmQGA0gnk5/kKY+wAgMB9B2/F9PwoAgZEIOo4f6GEgCIxC4Gv8wP8OAAIjEPgePzCAFgTnmV9LBIHGDwWgicD7IvPMrxWCwOOHBgAC7RCEGr8rACDQBsEHYcfvGgAIEkfg/aJHV/fHIvnfQBAkgqDtr3opBQAC5QgiGT9SACBQhiCy8SMHAILYEUQ6fiwAQLA3At3Gjw0ACB6O4JMbw3mdxo8VAAge7LtbhfKnN4b7dRk/dgAg+G+Nhmh8e6uwFQBBrOMrAQCC0AhiH18ZABAERqBkfKUAQOAbgbLxlQMAQUcESsf3yiRxw3/+/Jvioannl8Ue16vFVWnzj8ydzZJ2l36v3B38e3nw9NrCma+nVX/txC4N4ydBs96c0zg113dzYPoxcfXLK6kBAIJ/xxen5vJiaGznvIJZ1QgSvzg0tQgeHF8kgUCLq4ObCC4zvnoE2lweLhFc8u4FM75aBFqdDyARzFuP4PjrWR/jK0Og3QERViM4/kZW7D8W9Ci6WBFoeUKIlQiOTfeLsfFqyI+ODYG2R8RYhcAb/+CzW11+llgQaH1GkBUIdsd3GhF8tsgRaH9IlNEIoh0/FgRGnBJmJIJ4xo8cgTHHxBmFIN7xI0Vg1DmBRiBQM35kCIw7KFJrBGrHjwSBkSeFaokgmfFbEZxLDQDtECQ7/k4XJILZ1ADQBoEe4+90JSgC4w+LThSBXuOHQmDFaeGJINBz/MAIrDkuXikCvccPhMCq5wtQgsCM8X0jsO4JI2JFYNb4vhBY+YwhsSAwc/xWBKOpAdCCYJHxd5tNFYBmHoIi4283kToA8qeAd6j1TGgE9oyfnjuB7RDkcjn/BzUdmshaNv5SKgG0Inh85IliT29PZwQHTvaIZ169b9l3/kJqAewgcDPua4efOvJTh/H7xIk3hWXjL4q5l68/7A2OSFsz44Xth0X/vzTdu2Ln6cm8GBuvCMe16tnD5fjhnj3ccghHtxHsO+yKoYMZceRFVyKoWHYrve98ngCUiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIjI/P4RYAALhItUNRV1FwAAAABJRU5ErkJggg=="
+      href="./assets/favicon-128.4c4ce5.png"
       sizes="128x128"
     />
     <link
       rel="icon"
       type="image/png"
-      href="data:image/png;base64,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"
+      href="./assets/favicon-180.5b99c0.png"
       sizes="180x180"
     />
     <link
       rel="icon"
       type="image/png"
-      href="data:image/png;base64,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"
+      href="./assets/favicon-192.0e205e.png"
       sizes="192x192"
     />
-    <link rel="icon" type="image/svg+xml" href="./assets/favicon.decf54cc.svg" />
-    <script type="module" crossorigin src="./assets/index.91ae2d55.js"></script>
+    <link rel="icon" type="image/svg+xml" href="./assets/favicon.d5ec97.svg" />
+    
+    <script type="module" crossorigin src="./assets/index-bb372634.js"></script>
   </head>
   <body style="height: 100vh">
     <noscript>

package/index.html

@@ -6,28 +6,32 @@
     <link
       rel="icon"
       type="image/png"
-      href="src/assets/favicon-32.png"
+      href="./assets/favicon-32.png"
       sizes="32x32"
     />
     <link
       rel="icon"
       type="image/png"
-      href="src/assets/favicon-128.png"
+      href="./assets/favicon-128.png"
       sizes="128x128"
     />
     <link
       rel="icon"
       type="image/png"
-      href="src/assets/favicon-180.png"
+      href="./assets/favicon-180.png"
       sizes="180x180"
     />
     <link
       rel="icon"
       type="image/png"
-      href="src/assets/favicon-192.png"
+      href="./assets/favicon-192.png"
       sizes="192x192"
     />
-    <link rel="icon" type="image/svg+xml" href="src/assets/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
+    <link
+      rel="stylesheet"
+      href="./assets/@mdi/font/css/materialdesignicons.min.css"
+    />
   </head>
   <body style="height: 100vh">
     <noscript>
@@ -97,6 +101,10 @@
         }
       }
     </style>
-    <script type="module" src="./start.js"></script>
+    <script type="module">
+      import { initAppFromAppConfig } from '@vcmap/ui';
+
+      initAppFromAppConfig('#app', 'app.config.json');
+    </script>
   </body>
 </html>

package/index.js

@@ -16,6 +16,15 @@ export {
   StateActionState,
 } from './src/actions/stateRefAction.js';
 
+export {
+  default as VcsCallback,
+  executeCallbacks,
+} from './src/callback/vcsCallback.js';
+export { default as ActivateLayersCallback } from './src/callback/activateLayersCallback.js';
+export { default as DeactivateLayersCallback } from './src/callback/deactivateLayersCallback.js';
+export { default as GoToViewpointCallback } from './src/callback/goToViewpointCallback.js';
+export { default as ApplyLayerStyleCallback } from './src/callback/applyLayerStyleCallback.js';
+
 export { default as VcsNavbar } from './src/application/VcsNavbar.vue';
 export {
   default as VcsApp,
@@ -80,8 +89,12 @@ export {
   default as ToolboxManager,
   ToolboxType,
 } from './src/manager/toolbox/toolboxManager.js';
-export { default as CategoryManager } from './src/manager/categoryManager/categoryManager.js';
-export { default as CategoryManagerComponent } from './src/manager/categoryManager/CategoryManager.vue';
+export { default as CategoryManager } from './src/manager/collectionManager/categoryManager.js';
+export { default as CollectionManager } from './src/manager/collectionManager/collectionManager.js';
+export { default as CollectionManagerComponent } from './src/manager/collectionManager/CollectionManager.vue';
+export { default as CollectionComponentProvider } from './src/manager/collectionManager/CollectionComponentProvider.vue';
+export { default as CollectionComponent } from './src/manager/collectionManager/CollectionComponent.vue';
+export { default as CollectionComponentList } from './src/manager/collectionManager/CollectionComponentList.vue';
 export { default as ContextMenuManager } from './src/manager/contextMenu/contextMenuManager.js';
 export { default as ContextMenuComponent } from './src/manager/contextMenu/contextMenuComponent.vue';
 export { default as ContextMenuInteraction } from './src/manager/contextMenu/contextMenuInteraction.js';
@@ -165,6 +178,7 @@ export {
 export { default as Icons } from './src/components/icons/+all.js';
 
 export { default as VcsButton } from './src/components/buttons/VcsButton.vue';
+export { default as VcsToolButton } from './src/components/buttons/VcsToolButton.vue';
 export { default as VcsFormButton } from './src/components/buttons/VcsFormButton.vue';
 export { default as VcsActionButtonList } from './src/components/buttons/VcsActionButtonList.vue';
 export { default as VcsTooltip } from './src/components/notification/VcsTooltip.vue';
@@ -184,6 +198,7 @@ export { default as VcsFormSection } from './src/components/form-inputs-controls
 // export { default as VcsInputColumnDimensions } from './src/components/form-inputs-controls/VcsInputColumnDimensions.vue';
 // export { default as VcsMinimalCheckbox } from './src/components/form-inputs-controls/VcsMinimalCheckbox.vue';
 export { default as VcsSelect } from './src/components/form-inputs-controls/VcsSelect.vue';
+export { default as VcsSlider } from './src/components/form-inputs-controls/VcsSlider.vue';
 export { default as VcsTextField } from './src/components/form-inputs-controls/VcsTextField.vue';
 export { default as VcsTextArea } from './src/components/form-inputs-controls/VcsTextArea.vue';
 export { default as VcsWizard } from './src/components/form-inputs-controls/VcsWizard.vue';

package/lib/olLib.js

@@ -123,7 +123,7 @@ export {stopPropagation as ol$events$Event$stopPropagation} from 'ol/events/Even
 export {preventDefault as ol$events$Event$preventDefault} from 'ol/events/Event';
 export {default as ol$events$Event} from 'ol/events/Event';
 export {default as ol$events$EventType} from 'ol/events/EventType';
-export {default as ol$events$KeyCode} from 'ol/events/KeyCode';
+export {default as ol$events$Key} from 'ol/events/Key';
 export {default as ol$events$Target} from 'ol/events/Target';
 export {all as ol$events$condition$all} from 'ol/events/condition';
 export {altKeyOnly as ol$events$condition$altKeyOnly} from 'ol/events/condition';
@@ -403,6 +403,7 @@ export {PASSIVE_EVENT_LISTENERS as ol$has$PASSIVE_EVENT_LISTENERS} from 'ol/has'
 export {Graticule as ol$Graticule} from 'ol/index.js';
 export {getUid as ol$getUid} from 'ol/index.js';
 export {VERSION as ol$VERSION} from 'ol/index.js';
+export {default as ol$interaction$DblClickDragZoom} from 'ol/interaction/DblClickDragZoom';
 export {default as ol$interaction$DoubleClickZoom} from 'ol/interaction/DoubleClickZoom';
 export {DragAndDropEvent as ol$interaction$DragAndDrop$DragAndDropEvent} from 'ol/interaction/DragAndDrop';
 export {default as ol$interaction$DragAndDrop} from 'ol/interaction/DragAndDrop';
@@ -594,15 +595,14 @@ export {measureAndCacheTextWidth as ol$render$canvas$measureAndCacheTextWidth} f
 export {getTextDimensions as ol$render$canvas$getTextDimensions} from 'ol/render/canvas';
 export {rotateAtOffset as ol$render$canvas$rotateAtOffset} from 'ol/render/canvas';
 export {drawImageOrLabel as ol$render$canvas$drawImageOrLabel} from 'ol/render/canvas';
-export {default as ol$render$webgl$BatchRenderer} from 'ol/render/webgl/BatchRenderer';
-export {Attributes as ol$render$webgl$LineStringBatchRenderer$Attributes} from 'ol/render/webgl/LineStringBatchRenderer';
-export {default as ol$render$webgl$LineStringBatchRenderer} from 'ol/render/webgl/LineStringBatchRenderer';
 export {default as ol$render$webgl$MixedGeometryBatch} from 'ol/render/webgl/MixedGeometryBatch';
-export {Attributes as ol$render$webgl$PointBatchRenderer$Attributes} from 'ol/render/webgl/PointBatchRenderer';
-export {default as ol$render$webgl$PointBatchRenderer} from 'ol/render/webgl/PointBatchRenderer';
-export {Attributes as ol$render$webgl$PolygonBatchRenderer$Attributes} from 'ol/render/webgl/PolygonBatchRenderer';
-export {default as ol$render$webgl$PolygonBatchRenderer} from 'ol/render/webgl/PolygonBatchRenderer';
+export {Attributes as ol$render$webgl$VectorStyleRenderer$Attributes} from 'ol/render/webgl/VectorStyleRenderer';
+export {default as ol$render$webgl$VectorStyleRenderer} from 'ol/render/webgl/VectorStyleRenderer';
 export {WebGLWorkerMessageType as ol$render$webgl$constants$WebGLWorkerMessageType} from 'ol/render/webgl/constants';
+export {getCustomAttributesSize as ol$render$webgl$renderinstructions$getCustomAttributesSize} from 'ol/render/webgl/renderinstructions';
+export {generatePointRenderInstructions as ol$render$webgl$renderinstructions$generatePointRenderInstructions} from 'ol/render/webgl/renderinstructions';
+export {generateLineStringRenderInstructions as ol$render$webgl$renderinstructions$generateLineStringRenderInstructions} from 'ol/render/webgl/renderinstructions';
+export {generatePolygonRenderInstructions as ol$render$webgl$renderinstructions$generatePolygonRenderInstructions} from 'ol/render/webgl/renderinstructions';
 export {writePointFeatureToBuffers as ol$render$webgl$utils$writePointFeatureToBuffers} from 'ol/render/webgl/utils';
 export {writeLineSegmentToBuffers as ol$render$webgl$utils$writeLineSegmentToBuffers} from 'ol/render/webgl/utils';
 export {writePolygonTrianglesToBuffers as ol$render$webgl$utils$writePolygonTrianglesToBuffers} from 'ol/render/webgl/utils';
@@ -631,14 +631,13 @@ export {default as ol$renderer$webgl$PointsLayer} from 'ol/renderer/webgl/Points
 export {Uniforms as ol$renderer$webgl$TileLayer$Uniforms} from 'ol/renderer/webgl/TileLayer';
 export {Attributes as ol$renderer$webgl$TileLayer$Attributes} from 'ol/renderer/webgl/TileLayer';
 export {default as ol$renderer$webgl$TileLayer} from 'ol/renderer/webgl/TileLayer';
+export {Uniforms as ol$renderer$webgl$TileLayerBase$Uniforms} from 'ol/renderer/webgl/TileLayerBase';
+export {newTileRepresentationLookup as ol$renderer$webgl$TileLayerBase$newTileRepresentationLookup} from 'ol/renderer/webgl/TileLayerBase';
+export {getCacheKey as ol$renderer$webgl$TileLayerBase$getCacheKey} from 'ol/renderer/webgl/TileLayerBase';
+export {default as ol$renderer$webgl$TileLayerBase} from 'ol/renderer/webgl/TileLayerBase';
+export {Uniforms as ol$renderer$webgl$VectorLayer$Uniforms} from 'ol/renderer/webgl/VectorLayer';
 export {default as ol$renderer$webgl$VectorLayer} from 'ol/renderer/webgl/VectorLayer';
-export {packColor as ol$renderer$webgl$shaders$packColor} from 'ol/renderer/webgl/shaders';
-export {FILL_VERTEX_SHADER as ol$renderer$webgl$shaders$FILL_VERTEX_SHADER} from 'ol/renderer/webgl/shaders';
-export {FILL_FRAGMENT_SHADER as ol$renderer$webgl$shaders$FILL_FRAGMENT_SHADER} from 'ol/renderer/webgl/shaders';
-export {STROKE_VERTEX_SHADER as ol$renderer$webgl$shaders$STROKE_VERTEX_SHADER} from 'ol/renderer/webgl/shaders';
-export {STROKE_FRAGMENT_SHADER as ol$renderer$webgl$shaders$STROKE_FRAGMENT_SHADER} from 'ol/renderer/webgl/shaders';
-export {POINT_VERTEX_SHADER as ol$renderer$webgl$shaders$POINT_VERTEX_SHADER} from 'ol/renderer/webgl/shaders';
-export {POINT_FRAGMENT_SHADER as ol$renderer$webgl$shaders$POINT_FRAGMENT_SHADER} from 'ol/renderer/webgl/shaders';
+export {default as ol$renderer$webgl$VectorTileLayer} from 'ol/renderer/webgl/VectorTileLayer';
 export {default as ol$reproj$DataTile} from 'ol/reproj/DataTile';
 export {default as ol$reproj$Image} from 'ol/reproj/Image';
 export {default as ol$reproj$Tile} from 'ol/reproj/Tile';
@@ -798,6 +797,7 @@ export {getUid as ol$util$getUid} from 'ol/util';
 export {VERSION as ol$util$VERSION} from 'ol/util';
 export {create as ol$vec$mat4$create} from 'ol/vec/mat4';
 export {fromTransform as ol$vec$mat4$fromTransform} from 'ol/vec/mat4';
+export {default as ol$webgl$BaseTileRepresentation} from 'ol/webgl/BaseTileRepresentation';
 export {BufferUsage as ol$webgl$Buffer$BufferUsage} from 'ol/webgl/Buffer';
 export {default as ol$webgl$Buffer} from 'ol/webgl/Buffer';
 export {getArrayClassForType as ol$webgl$Buffer$getArrayClassForType} from 'ol/webgl/Buffer';
@@ -811,8 +811,11 @@ export {default as ol$webgl$PaletteTexture} from 'ol/webgl/PaletteTexture';
 export {default as ol$webgl$PostProcessingPass} from 'ol/webgl/PostProcessingPass';
 export {default as ol$webgl$RenderTarget} from 'ol/webgl/RenderTarget';
 export {ShaderBuilder as ol$webgl$ShaderBuilder$ShaderBuilder} from 'ol/webgl/ShaderBuilder';
-export {parseLiteralStyle as ol$webgl$ShaderBuilder$parseLiteralStyle} from 'ol/webgl/ShaderBuilder';
+export {default as ol$webgl$TileGeometry} from 'ol/webgl/TileGeometry';
 export {default as ol$webgl$TileTexture} from 'ol/webgl/TileTexture';
+export {getSymbolOpacityGlslFunction as ol$webgl$styleparser$getSymbolOpacityGlslFunction} from 'ol/webgl/styleparser';
+export {packColor as ol$webgl$styleparser$packColor} from 'ol/webgl/styleparser';
+export {parseLiteralStyle as ol$webgl$styleparser$parseLiteralStyle} from 'ol/webgl/styleparser';
 export {ARRAY_BUFFER as ol$webgl$ARRAY_BUFFER} from 'ol/webgl';
 export {ELEMENT_ARRAY_BUFFER as ol$webgl$ELEMENT_ARRAY_BUFFER} from 'ol/webgl';
 export {STREAM_DRAW as ol$webgl$STREAM_DRAW} from 'ol/webgl';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "5.0.0-rc.24",
+  "version": "5.0.0-rc.25",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -11,6 +11,7 @@
     "build-preview": "node build/buildPreview.js",
     "preview": "vite preview",
     "build": "node build/build.js",
+    "bundle": "node build/bundle.js",
     "lint:js": "eslint . --ext .vue,.js,.cjs,.mjs,.ts,.cts,.mts",
     "lint:prettier": "prettier --check .",
     "lint": "npm run lint:js && npm run lint:prettier",
@@ -24,51 +25,51 @@
   },
   "files": [
     "index.js",
-    "start.js",
     "index.html",
     "app.config.json",
     "dist/",
     "src/",
     "plugins/",
+    "public/",
     "lib/",
     "build/",
     "config/",
     "!plugins/node_modules/"
   ],
   "dependencies": {
-    "@mdi/font": "^5.9.55",
     "@vcsuite/check": "^1.1.2",
     "@vcsuite/logger": "^1.0.1",
-    "@vcsuite/parsers": "^1.0.1",
-    "uuid": "^8.3.2",
+    "@vcsuite/parsers": "^1.0.3",
+    "uuid": "^9.0.0",
     "vue-i18n": "^8.24.1"
   },
   "peerDependencies": {
-    "@vcmap-cesium/engine": "~2.3.1",
-    "@vcmap/core": "^5.0.0-rc.31",
-    "ol": "~7.3.0",
+    "@vcmap-cesium/engine": "~2.4.1",
+    "@vcmap/core": "^5.0.0-rc.35",
+    "ol": "~7.4.0",
     "vue": "~2.7.3",
     "vuetify": "~2.6.7"
   },
   "devDependencies": {
     "@vcmap/rollup-plugin-vcs-ol": "^1.0.2",
     "@vcsuite/eslint-config": "^3.0.3",
-    "@vitest/coverage-c8": "^0.24.3",
-    "@vue/test-utils": "^1.3.3",
+    "@vitejs/plugin-vue2": "^2.2.0",
+    "@vitest/coverage-c8": "^0.31.0",
+    "@vue/test-utils": "^1.3.5",
     "eslint": "^8.9.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "jest-canvas-mock": "^2.4.0",
     "jsdoc": "^3.6.7",
     "jsdoc-plugin-intersection": "^1.0.4",
     "jsdoc-plugin-typescript": "^2.0.6",
-    "jsdom": "^19.0.0",
+    "jsdom": "^21.1.2",
     "resize-observer-polyfill": "1.5.1",
     "rollup-plugin-strip-pragma": "^1.0.0",
     "sass": "1.32.13",
+    "tar": "^6.1.14",
     "typescript": "^4.2.4",
-    "vite": "^3.2.0",
-    "vite-plugin-vue2": "^2.0.2",
-    "vitest": "^0.24.3"
+    "vite": "^4.3.9",
+    "vitest": "^0.31.0"
   },
   "stylelint": {
     "extends": "stylelint-config-standard",

package/plugins/@vcmap/create-link/fallbackCreateLink.vue

@@ -3,14 +3,12 @@
     <VcsTextField :value="localLink" class="d-flex col-10 pa-0 mr-2" />
     <div class="d-flex col-2 justify-end pa-0">
       <VcsButton
-        small
         icon="mdi-content-copy"
         class="mr-2"
         @click="copy"
         :title="$t('createLink.copyToClipboard')"
       />
       <VcsButton
-        small
         icon="mdi-refresh"
         class="mr-2"
         @click="refresh"

package/plugins/@vcmap/simple-graph/index.js

@@ -7,7 +7,7 @@ export default async function simpleGraph() {
     name: '@vcmap/simpleGraph',
     onVcsAppMounted(app) {
       /** Example for registering custom component on FeatureInfo */
-      app.featureInfo.classRegistry.registerClass(
+      app.featureInfoClassRegistry.registerClass(
         app.dynamicModuleId,
         SimpleGraphView.className,
         SimpleGraphView,

package/plugins/@vcmap-show-case/README.md

@@ -10,10 +10,11 @@ This directory contains show-case plugins demonstrating the usage of VC Map UI c
 - [list-example](./list-example/README.md)
 - [textfields-example](./textfields-example/README.md)
 - [wizard-example](./wizard-example/README.md)
+- [collection-manager-example](./collection-manager-example/README.md)
 
 ## concepts
 
-- [category-tester](./category-tester/README.md)
+- [category-tester](category-tester/README.md)
 - [config-editor](./config-editor/README.md)
 - [context-menu-tester](./context-menu-tester/README.md)
 - [notifier-tester](./notifier-tester/README.md)

package/plugins/@vcmap-show-case/buttons-example/ButtonsExample.vue

@@ -62,34 +62,53 @@
         <v-row>
           <v-col>
             <v-card>
-              <v-card-title>OUTLINED</v-card-title>
+              <v-card-title>Form fields</v-card-title>
               <v-card-actions>
-                <VcsFormButton
-                  @click="toggle"
-                  :disabled="disabled"
-                  :has-update="update"
-                  :loading="loading"
-                  tooltip="OUTLINED BUTTON"
-                >
-                  OUTLINED
-                </VcsFormButton>
+                <div class="d-flex gap-2">
+                  <VcsFormButton
+                    @click="toggle"
+                    :disabled="disabled"
+                    :has-update="update"
+                    :loading="loading"
+                    tooltip="OUTLINED BUTTON"
+                  >
+                    OUTLINED
+                  </VcsFormButton>
+                  <VcsFormButton
+                    @click="toggle"
+                    :disabled="disabled"
+                    :has-update="update"
+                    :loading="loading"
+                    tooltip="FILLED BUTTON"
+                    variant="filled"
+                  >
+                    FILLED
+                  </VcsFormButton>
+                </div>
               </v-card-actions>
             </v-card>
           </v-col>
           <v-col>
             <v-card>
-              <v-card-title>FILLED</v-card-title>
+              <v-card-title>OVERFLOW</v-card-title>
               <v-card-actions>
-                <VcsFormButton
-                  @click="toggle"
-                  :disabled="disabled"
-                  :has-update="update"
-                  :loading="loading"
-                  tooltip="FILLED BUTTON"
-                  variant="filled"
-                >
-                  FILLED
-                </VcsFormButton>
+                <VcsActionButtonList
+                  :actions="[
+                    {
+                      name: 'Action 1',
+                      title: 'Overflow Button with active state',
+                      callback: toggle,
+                      active,
+                    },
+                    {
+                      name: 'Action 2',
+                      title: 'Overflow Button without state',
+                      callback: toggle,
+                    },
+                  ]"
+                  button="VcsFormButton"
+                  :overflow-count="0"
+                />
               </v-card-actions>
             </v-card>
           </v-col>
@@ -97,64 +116,18 @@
       </v-list-item-content>
     </v-list-item>
     <v-divider />
-    <!--<v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          &ltVcsButton standard/&gt (default)
-        </v-list-item-title>
-        <v-row>
-          <v-col>
-            <v-card>
-              <v-card-title>PRIMARY</v-card-title>
-              <v-card-actions>
-                <VcsButton
-                  @click="toggle"
-                  :active="active"
-                  :background="background"
-                  color="primary"
-                  :disabled="disabled"
-                  :has-update="update"
-                  :icon="loading ? '$vcsProgress' : ''"
-                  tooltip="PRIMARY BUTTON"
-                >
-                  PRIMARY
-                </VcsButton>
-              </v-card-actions>
-            </v-card>
-          </v-col>
-          <v-col>
-            <v-card>
-              <v-card-title>SECONDARY</v-card-title>
-              <v-card-actions>
-                <VcsButton
-                  @click="toggle"
-                  :active="active"
-                  :background="background"
-                  :disabled="disabled"
-                  :has-update="update"
-                  tooltip="SECONDARY BUTTON"
-                >
-                  SECONDARY
-                </VcsButton>
-              </v-card-actions>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-list-item-content>
-    </v-list-item>
-    <v-divider />-->
     <v-list-item>
       <v-list-item-content>
         <v-list-item-title class="font-weight-bold">
           <!-- eslint-disable-next-line -->
-          &ltVcsButton large/&gt (e.g. Navbar)
+          &ltVcsToolButton/&gt
         </v-list-item-title>
         <v-row>
           <v-col>
             <v-card>
-              <v-card-title>STANDARD</v-card-title>
+              <v-card-title>Navbar</v-card-title>
               <v-card-actions>
-                <VcsButton
+                <VcsToolButton
                   @click="toggle"
                   :active="active"
                   :disabled="disabled"
@@ -162,8 +135,7 @@
                   :has-update="update"
                   :loading="loading"
                   icon="$vcs3d"
-                  tooltip="ButtonClass large"
-                  large
+                  tooltip="VcsToolButton"
                 />
               </v-card-actions>
             </v-card>
@@ -186,8 +158,8 @@
                       callback: toggle,
                     },
                   ]"
+                  button="VcsToolButton"
                   :overflow-count="0"
-                  button-class="large"
                 />
               </v-card-actions>
             </v-card>
@@ -200,22 +172,21 @@
       <v-list-item-content>
         <v-list-item-title class="font-weight-bold">
           <!-- eslint-disable-next-line -->
-          &ltVcsButton small/&gt
+          &ltVcsButton/&gt
         </v-list-item-title>
         <v-row>
           <v-col>
             <v-card>
-              <v-card-title>STANDARD</v-card-title>
+              <v-card-title>Action Item</v-card-title>
               <v-card-actions>
                 <VcsButton
                   @click="toggle"
                   :active="active"
-                  :background="background"
+                  :has-update="update"
                   :disabled="disabled"
                   :loading="loading"
                   icon="$vcsColorSwatch"
                   tooltip="ACTION BUTTON"
-                  small
                 />
               </v-card-actions>
             </v-card>
@@ -239,7 +210,6 @@
                     },
                   ]"
                   :overflow-count="0"
-                  small
                 />
               </v-card-actions>
             </v-card>
@@ -250,7 +220,12 @@
   </v-card>
 </template>
 <script>
-  import { VcsButton, VcsFormButton, VcsActionButtonList } from '@vcmap/ui';
+  import {
+    VcsButton,
+    VcsToolButton,
+    VcsFormButton,
+    VcsActionButtonList,
+  } from '@vcmap/ui';
   import { ref } from 'vue';
   import {
     VCard,
@@ -270,6 +245,7 @@
     name: 'ButtonsExample',
     components: {
       VcsButton,
+      VcsToolButton,
       VcsFormButton,
       VcsActionButtonList,
       VCard,