@vcmap/ui 5.0.0 → 5.0.2

package/src/components/style/VcsImageSelector.vue

@@ -103,7 +103,7 @@
             v-model.number="selectedScale"
             placeholder="1"
             :disabled="currentType !== selectedType"
-            :rules="[(v) => v > 0 || 'components.validation.notValid']"
+            :rules="[(v) => !v || v > 0 || 'components.validation.notValid']"
           />
         </v-col>
       </v-row>
@@ -325,18 +325,423 @@
   ];
 
   export const defaultIcons = [
-    { src: '/assets/style/icon-marker.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-blue.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-green.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-red.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-o.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-o-blue.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-o-green.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-marker-o-red.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-pin.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-pin-blue.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-pin-green.png', anchor: [0.5, 1] },
-    { src: '/assets/style/icon-pin-red.png', anchor: [0.5, 1] },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZBQjBG\n' +
+        '\tMDI4RkU5MTFFODgxNzE5MzcwRDZGMTVERUMiIHhtcE1NOkluc3RhbmNlSUQ9\n' +
+        '\tInhtcC5paWQ6REZBQjBGMDE4RkU5MTFFODgxNzE5MzcwRDZGMTVERUMiIHht\n' +
+        '\tcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRv\n' +
+        '\td3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9Inht\n' +
+        '\tcC5paWQ6RDhGNEI0QzE4RkU3MTFFOEJGMUZGOTFEQTdGNEQzQUUiIHN0UmVm\n' +
+        '\tOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDhGNEI0QzI4RkU3MTFFOEJGMUZGOTFE\n' +
+        '\tQTdGNEQzQUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94\n' +
+        '\tOnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6filTDAAABN0lEQVR42tRX\n' +
+        '\tUQ2EMAylONhJ4CScBSxgAQtn4ZBwWEACSDgkDAkgYdcl44cM1m7lyDV5CVmy\n' +
+        '\t9bVl6ysYY7IUA4DSfY541sI+wBLgAE0hnghtt29g196Ignwe07l1PHsc+/AS\n' +
+        '\tJeAiM0x8bMaSCUQ6X9EnEUCrEpwHy0EhoAUImL0fMw9csdpuzGSs9i3mgU1l\n' +
+        '\tJmcV+x0QTP8KxSqBYPpXe3BLcLr9msDEJTAIOl+w5pcS6GJugWI0H/mHyPX3\n' +
+        '\tRiD6wZd+kh4QykL5v93QESgSCFRXChItqYhislBLa8JeMnpKM9oa50q2Z8ly\n' +
+        '\tShbmkBiNzQA1soY6pEDMZIRSTQe0wo1KILYdH/0LLWdEg9jZ8CAL9913X1iQ\n' +
+        '\ttDvRT6xTuLdg06Q0peUeAVLGcyxD4fS+ctGP3DO+AgwAwCtOZisWJOkAAAAA\n' +
+        '\tSUVORK5CYII=',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDpmY2VmM2JkNy1mNDZjLWQ4NDYtOWE2MC0wMTMzYmJhYThjOGEiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlCRkIzQjg4RkU5MTFFOEIxOENCQzI2\n' +
+        '\tNDc2RjFCMjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlCRkIzQjc4\n' +
+        '\tRkU5MTFFOEIxOENCQzI2NDc2RjFCMjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEVENjY5NzM4RkU5\n' +
+        '\tMTFFOEIzQkFGQzMxMzgxODkyNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5k\n' +
+        '\taWQ6NEVENjY5NzQ4RkU5MTFFOEIzQkFGQzMxMzgxODkyNzEiLz4gPC9yZGY6\n' +
+        '\tRGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tl\n' +
+        '\tdCBlbmQ9InIiPz4rPhCsAAABQUlEQVR42ryXaw2DMBCAyxxgoZPAJDAJWGAS\n' +
+        '\tmAQqgUoYEoaEYaEWkMCuye3PAk3vAZdcIIFy3z1Li3VdjURuj7nG2/kzVAt1\n' +
+        '\tfUEFAIMlXFpU+/c4gE6gDmCCOgAY7+AStcx4PUI81QDA+IBeU2QGvadScznQ\n' +
+        '\teJQK9JV64ZJhvGEa/0kN3+glEeiNXDqAsGQAWLRV6VxpORGojZ40HIBKEcDi\n' +
+        '\tDCEBWKMrFasNj5SzAQIVYFI0vmztD2cCjJwU+EiuBODIALiJOAXj0972nFOE\n' +
+        '\tGlFw7C7AKIxC7ydpG0rS4MVzAPPnOX0Pa0etQeQ0c8/9J3wTdsjo/VV7FDut\n' +
+        '\t3LMAsJpzpuNyCADBM5d7SCEDYFUHjfBLtuNULXjKEY0FAAZ8IgqkdpX8kPgd\n' +
+        '\t78OZAEE6rArJ8RwPGy0eVqP3M/UbXwEGANa/e+JB0cY9AAAAAElFTkSuQmCC\n',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDpmY2VmM2JkNy1mNDZjLWQ4NDYtOWE2MC0wMTMzYmJhYThjOGEiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjBDNERCNDU4RkVBMTFFODg5QTRDNzM1\n' +
+        '\tOTY3QzkwQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjBDNERCNDQ4\n' +
+        '\tRkVBMTFFODg5QTRDNzM1OTY3QzkwQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDkwMzYwMDg4RkU5\n' +
+        '\tMTFFOEE3OTZENkFDQzUyM0IyNkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5k\n' +
+        '\taWQ6MDkwMzYwMDk4RkU5MTFFOEE3OTZENkFDQzUyM0IyNkYiLz4gPC9yZGY6\n' +
+        '\tRGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tl\n' +
+        '\tdCBlbmQ9InIiPz5GlR2BAAABQUlEQVR42ryXaw2DMBCAYQ6wwCQwCUwCFjoJ\n' +
+        '\tTAKVQCUMCauEYaEWkMCuye3PAk3vAZdcIIFy3z1Ly3VdC4k83K3F23k0n4W6\n' +
+        '\tvqQCgMEKLga1/nscQD2oBZigDgDGe7hErTJejxBPNQAwPqLXFJlB76nUXA40\n' +
+        '\tHqUBfaVeuGQY75jGf9LCNwZJBIZCLj1A1GQAWLRV6VwxnAi0hZ50HIBGEaDG\n' +
+        '\tGUICqAtdaVhteKScDRCoAF7R+LK1P5wJMHFS4CK5EoAlA+AmYhWM+73tOacI\n' +
+        '\tNaJg2V2AUZiE3ntpG0rS4MRzAPPnOH0PayetQWQ1c8/9J3wTdsjo/VV7FFut\n' +
+        '\t3LMAsJpzpuNyCADBM5t7SCEDYFUHjfBLtuNULTjKEY0FAAZcIgqkdpX8kLgd\n' +
+        '\t78OZAEE6rErJ8RwPGwYPq9H7mfqNrwADAD2jfUcwqlG4AAAAAElFTkSuQmCC',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDpmY2VmM2JkNy1mNDZjLWQ4NDYtOWE2MC0wMTMzYmJhYThjOGEiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0VGRTVFRkQ4RkVBMTFFOEE1MTdDRjMx\n' +
+        '\tNEE1MEQyRTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0VGRTVFRkM4\n' +
+        '\tRkVBMTFFOEE1MTdDRjMxNEE1MEQyRTciIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDA0NEM4QkE4RkU4\n' +
+        '\tMTFFODkzNzFCNTI0RThGQTMzMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5k\n' +
+        '\taWQ6NDA0NEM4QkI4RkU4MTFFODkzNzFCNTI0RThGQTMzMzkiLz4gPC9yZGY6\n' +
+        '\tRGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tl\n' +
+        '\tdCBlbmQ9InIiPz5ZzxzyAAABT0lEQVR42rxX3Q2CQAzm2ABHgAcHYAUcgRVc\n' +
+        '\tQUfwRvBGkBFkBQbwgVuBEc5eUl+MYP+0SQMJ3PXrf+tSSoWGHs51+DrtU1q4\n' +
+        '\t5x0XAAis4HFErt8+R+AR2AOYaA4AhJ/gkbki/J5BnM0AgPAras2hCfiw5Zry\n' +
+        '\th8IztcC3rR9KgvBeKPxFHdxxEbsADs8fgk1CzafALL8IPxoJL9as+M0FXWFH\n' +
+        '\tvQRAawigxhrCAlAXttSK0vCX9G8AkQtgNBS+sNPQGMDALkQYtTOx+dgXImwi\n' +
+        '\t3kD4uNaeKUEYsv+UALw4C9AKg1L7UZuGGjcEdR1A/wVJ3sPZwaoQeUvfS2fC\n' +
+        '\tO6NDZu0b61LsrXyvGcspVliw8CzWFqBq5qlLipNsRoQ5cUcFIG3HW7EQOCua\n' +
+        '\tk+6GG1ZoqGuZdiAJK9pHziVaAFFbrJxmPQc31DjvV6j9xL3jKcAAZOmXB5HK\n' +
+        '\tuJoAAAAASUVORK5CYII=',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxu\n' +
+        '\tczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1s\n' +
+        '\tbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9S\n' +
+        '\tZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9w\n' +
+        '\tIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlk\n' +
+        '\tOkQ4RjRCNEMxOEZFNzExRThCRjFGRjkxREE3RjREM0FFIiB4bXBNTTpEb2N1\n' +
+        '\tbWVudElEPSJ4bXAuZGlkOkQ4RjRCNEMyOEZFNzExRThCRjFGRjkxREE3RjRE\n' +
+        '\tM0FFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9Inht\n' +
+        '\tcC5paWQ6RDhGNEI0QkY4RkU3MTFFOEJGMUZGOTFEQTdGNEQzQUUiIHN0UmVm\n' +
+        '\tOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDhGNEI0QzA4RkU3MTFFOEJGMUZGOTFE\n' +
+        '\tQTdGNEQzQUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94\n' +
+        '\tOnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz78lwA2AAABYElEQVR42tRX\n' +
+        '\tgQ2DIBAsbmBHoCOwgiu4giu4go6gI3QFO0IdAUfQEeyT0KShIP8PjeknnxgE\n' +
+        '\t/v55uH+x7/slRYQQlf2cYa+NvIEBQFGQErQF1Wa5o2ZsAJXo/YjGjeHVY9in\n' +
+        '\tXVYA1rOdqE8TsWQATONvnZIAgNQJxqPHgQGgQ54ZcB/zVCRSkgwApAlsNjDW\n' +
+        '\tdBwAd99VQ0QNvY4T/hYBQAWi8HUjisg7JT1jM+JxC81R7kBxOVk4ACSCH1Tg\n' +
+        '\t10IF8PCM1QiQvjkbHM1CIiP79vuSqWEk4MC5BeUB+bRuVkfISnJfwjb21ltd\n' +
+        '\tOXyA5f81kQuq/2VDC0AmAKjPLEh0zoqIE4Umd0045fQeQ0au9IS546/KckwU\n' +
+        '\t1lgxyo0A1rMe26QITmcEbKcjrHjFAuDWA0e5MFJaNMHtDQ+icPPSbuYIhHJh\n' +
+        '\tpBhn3QKHpDSGco9UpLTncAzS9gGl9X6m7vESYAA78GCrrWW+LwAAAABJRU5E\n' +
+        '\trkJggg==',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDpmY2VmM2JkNy1mNDZjLWQ4NDYtOWE2MC0wMTMzYmJhYThjOGEiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVENjY5NzQ4RkU5MTFFOEIzQkFGQzMx\n' +
+        '\tMzgxODkyNzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVENjY5NzM4\n' +
+        '\tRkU5MTFFOEIzQkFGQzMxMzgxODkyNzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmNlZjNiZDctZjQ2\n' +
+        '\tYy1kODQ2LTlhNjAtMDEzM2JiYWE4YzhhIiBzdFJlZjpkb2N1bWVudElEPSJ4\n' +
+        '\tbXAuZGlkOmZjZWYzYmQ3LWY0NmMtZDg0Ni05YTYwLTAxMzNiYmFhOGM4YSIv\n' +
+        '\tPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g\n' +
+        '\tPD94cGFja2V0IGVuZD0iciI/Pif0jb4AAAGTSURBVHjaxFcLjcMwDF3LYBRy\n' +
+        '\tEHIQMgg7CBuEDsIKoYFwhbBAuFIIhULo2ZJPOk1JajvZnSWrVZ3Uz45/6bZt\n' +
+        '\tO9TQ+3Vx9Lp8TXaV7u+kAEDhER4XYvMkjsABeAQwsTkAUD7AA/nIWI4gbs0A\n' +
+        '\tgPKJrJbQAnwqHU3/QuVIFviztKBnKD8rlf+Qg3/cazyQ24zB9gHu7ZARK7DP\n' +
+        '\trB0AhBHHAGxCy6eEyIPSq3BPMij3POAS32JOORLI0AtzQnTWHIFNWc9JwcQ3\n' +
+        '\tQzVEBMBkUqtI4IWFa1B/+GfSADCM1LUZUZQCCNxgYqxZU/1BA8BRqpWsHxKi\n' +
+        '\tWXMEGPGpOj5hY3qOampWD0Fm7Dcj+umd4SVb6JIB3H/SBmHOC7+Lldtp0aM6\n' +
+        '\tC6iVzhWZhtaH2jQcKwD46jpA6eMVyrFvzK0KkcYLu3ukM+Ej0yFz1r+1LsVj\n' +
+        '\tq7NXAaBoDoyl60sASOYB7iVFDICiOrZwf808UIoFL7miqQDQ3BdbpGvNROQz\n' +
+        '\t1se/BBBri1VXcz2ny8aFOqEvDKNZ+hZgAAJLphKx1dJTAAAAAElFTkSuQmCC',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDpmY2VmM2JkNy1mNDZjLWQ4NDYtOWE2MC0wMTMzYmJhYThjOGEiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkwMzYwMDk4RkU5MTFFOEE3OTZENkFD\n' +
+        '\tQzUyM0IyNkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkwMzYwMDg4\n' +
+        '\tRkU5MTFFOEE3OTZENkFDQzUyM0IyNkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmNlZjNiZDctZjQ2\n' +
+        '\tYy1kODQ2LTlhNjAtMDEzM2JiYWE4YzhhIiBzdFJlZjpkb2N1bWVudElEPSJ4\n' +
+        '\tbXAuZGlkOmZjZWYzYmQ3LWY0NmMtZDg0Ni05YTYwLTAxMzNiYmFhOGM4YSIv\n' +
+        '\tPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g\n' +
+        '\tPD94cGFja2V0IGVuZD0iciI/Ptb/bswAAAGUSURBVHjaxFeLjYMwDC1s0BVy\n' +
+        '\tI9AR0hF6I9ARuBHKCGSEY4RmhGOFrMAInC35pFOVhNhOW0sWCCf42fEvzbZt\n' +
+        '\tBw1d3cnS6zL1Pyt3f8MFAAqP8OiJzYM4AHvgEcCE6gBA+QAP5GPBcgTxVQ0A\n' +
+        '\tKJ/Iag4twOfc0bRPVI7UAX/nFrQFyi9C5X9k4R83jQdSmzHYPsG9DTK8n4Bd\n' +
+        '\tYu0AIAw7BmATWj5FRA6UXpl7okG55wEb+RZSypFAhl6YI6KL5Ai6mPUlKRj5\n' +
+        '\tZqiGsACYRGplCbywlBrUHt5MEgCmIHW7hChwAfjSYCpYs8b6gwSApVTLWT9E\n' +
+        '\tRLPkCDDiY3V8wsb0GNXUrO6MzNhvRvTTW4GXukyX9OD+szQIU174X6zsTose\n' +
+        '\txVlArXRWZBpa77VpOCoAOHUdoPRxAuXYN+ZahUjihd093JnwnuiQKes/apfi\n' +
+        '\tsdbZiwBQNPuCpetTAHDmgdJLChsARXWo4X7NPJCLBce5ookA0NwXaqSrZiJy\n' +
+        '\tCevDKwEEbbFqNNdzumz01AldZhhN0q8AAwBAV6cRANsTYAAAAABJRU5ErkJg\n' +
+        '\tgg==',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDpmY2VmM2JkNy1mNDZjLWQ4NDYtOWE2MC0wMTMzYmJhYThjOGEiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDA0NEM4QkI4RkU4MTFFODkzNzFCNTI0\n' +
+        '\tRThGQTMzMzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDA0NEM4QkE4\n' +
+        '\tRkU4MTFFODkzNzFCNTI0RThGQTMzMzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmNlZjNiZDctZjQ2\n' +
+        '\tYy1kODQ2LTlhNjAtMDEzM2JiYWE4YzhhIiBzdFJlZjpkb2N1bWVudElEPSJ4\n' +
+        '\tbXAuZGlkOmZjZWYzYmQ3LWY0NmMtZDg0Ni05YTYwLTAxMzNiYmFhOGM4YSIv\n' +
+        '\tPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g\n' +
+        '\tPD94cGFja2V0IGVuZD0iciI/Pn14Bk0AAAGmSURBVHjaxFfZbcMwDI28QTqC\n' +
+        '\t/dEB3BHcEdIRnBHcEeIRohHqEeIVMkA/ohU8gksCDBAEokxSCkqAsGAdfKJ4\n' +
+        '\tunVddzn061xHw+v7ui7a/U4LAATu4dMT10/TAXgGHgFMKA4AhA/wQd4LliOI\n' +
+        '\t72IAQPiZbq2hK/Bn6mmqFwpHaoF/UgsqgfCDUfidOjjjlKMBbjMa2xeo1yHD\n' +
+        '\t+APYM2sHAFGrAcCmmKUjeRCKbzvdf8AY3fAIwyNzXG/RQBf5F0hQlGAOtTBF\n' +
+        '\tpg4WAG3s9hIXjPyrKYaoANSMayUJn0N6oWr3z2QBUAtct2WmghbALDUmwZol\n' +
+        '\tlh8sADpyz9Tth8jUZHkCtPhYHD9jYnq2akpWF4VnbCcjOvQk0FKbyJIzBi4r\n' +
+        '\tADz0JkzBHGHUnE1eQKl0yhA+c8I1bjhmAPDZcYDcxxuEh8eElRuILFrY3KOt\n' +
+        '\tCS9MhuRu35QOxWOpt88pyyVaQM9pJH1CVdqqH0ry5SUaIC3cNrLimxSAtR5I\n' +
+        '\t2YLXtGjO2hsmtNBI27Lcisgztw+aQ3IBhNxg5XLac2o2esqUPlGMsvQnwAD9\n' +
+        '\tX7oKQxnUUgAAAABJRU5ErkJggg==',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxu\n' +
+        '\tczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1s\n' +
+        '\tbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9S\n' +
+        '\tZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9w\n' +
+        '\tIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlk\n' +
+        '\tOkFDN0M0MEFGOEZFQTExRTg5QjBDQ0NCMTJDOTk4NkYwIiB4bXBNTTpEb2N1\n' +
+        '\tbWVudElEPSJ4bXAuZGlkOkFDN0M0MEIwOEZFQTExRTg5QjBDQ0NCMTJDOTk4\n' +
+        '\tNkYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9Inht\n' +
+        '\tcC5paWQ6QUM3QzQwQUQ4RkVBMTFFODlCMENDQ0IxMkM5OTg2RjAiIHN0UmVm\n' +
+        '\tOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM3QzQwQUU4RkVBMTFFODlCMENDQ0Ix\n' +
+        '\tMkM5OTg2RjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94\n' +
+        '\tOnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5AejVAAAABI0lEQVR42uyW\n' +
+        '\t0Q2DIBCGi+kCrMAKrkBHYAVXYIWu4Ap2hDqCjlBH0BHokfBwIYoc0PrCJX+s\n' +
+        '\tMfz3ccr1mDHmdmXcUxYxxlq4SCcbM2gBvWBDG8nMViBWEDbx2y470ArSJE9C\n' +
+        '\tcuUSmAhZSF4MwO189RIo96w7gigJ8EHGNqEA9REV0dkA3g6HnWqEtJYAGJCh\n' +
+        '\tOPkI96RC/k3EQWnRUePo6MWGCD1sCAabA6CGzAXAlXgmACy5ALO7cvQ6LgFI\n' +
+        '\tjTGrFbt3aBI1lWpEfSKALAXAvW4YI136z8hCTCWTkwAQiA60YtslW4ofS52I\n' +
+        '\tYCiRXpecycMIsRH50aHf6qzlHm4kowL+wgd4jf+sQJGoABWgAlSAHIDt5P7n\n' +
+        '\trVjgiRl8kka3rwADAMwaCzW8j1/1AAAAAElFTkSuQmCC',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDozMTcyZmY0Yi1jMGMzLTMzNDQtYjFmNi1mYjU3MGE0YzY5NjgiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFERDhBOEY4RkVCMTFFOEI5MTlGM0M5\n' +
+        '\tREJDQjMzOEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFERDhBOEU4\n' +
+        '\tRkVCMTFFOEI5MTlGM0M5REJDQjMzOEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzE3MmZmNGItYzBj\n' +
+        '\tMy0zMzQ0LWIxZjYtZmI1NzBhNGM2OTY4IiBzdFJlZjpkb2N1bWVudElEPSJ4\n' +
+        '\tbXAuZGlkOjMxNzJmZjRiLWMwYzMtMzM0NC1iMWY2LWZiNTcwYTRjNjk2OCIv\n' +
+        '\tPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g\n' +
+        '\tPD94cGFja2V0IGVuZD0iciI/PqiPhDcAAAFCSURBVHja7JZRDYQwDIZv5AzM\n' +
+        '\tAhZAwixwEkACSAAJnASwgARmAQmHBK5LStIQOLZ1F15o0gxyt/0fXddVLMvy\n' +
+        '\tuNKePpPSQicwKHRjGnwC78c2mV3WEi4RQOGaCG/NiDcA0QQHAPEMhhZcWvx9\n' +
+        '\tAH/ZRCNy+HIqvgoIGIudKSZCnc3akWWkOiJeoCsA+yDYnpnfSzYALJLDEONr\n' +
+        '\tjwk3gucW21GGiABNuAqTUFpGTmLusAASctTkjxNwZDEXICZHTHqUDRUiCddI\n' +
+        '\t1B4AExdAr/tJtuMSAF8buAA9Q1xDsdIsAFjAfMHbE6AKVQmrs73cm4PwfAC8\n' +
+        '\tVFKHfKhsb0Th2pBgfS8PasKA4taJK3w7IgBRmyqpXZsR10K0tZw8Z2clN2hL\n' +
+        '\tRkQz7nGNHhfbDXAD3AA3AAdgPnn/eylOacfscgNS+wowAAdZZMpg2Of6AAAA\n' +
+        '\tAElFTkSuQmCC',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDozMTcyZmY0Yi1jMGMzLTMzNDQtYjFmNi1mYjU3MGE0YzY5NjgiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzA5MjdBRDk4RkVCMTFFOEI4RkNEQzVG\n' +
+        '\tOUNDQTc4MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA5MjdBRDg4\n' +
+        '\tRkVCMTFFOEI4RkNEQzVGOUNDQTc4MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzE3MmZmNGItYzBj\n' +
+        '\tMy0zMzQ0LWIxZjYtZmI1NzBhNGM2OTY4IiBzdFJlZjpkb2N1bWVudElEPSJ4\n' +
+        '\tbXAuZGlkOjMxNzJmZjRiLWMwYzMtMzM0NC1iMWY2LWZiNTcwYTRjNjk2OCIv\n' +
+        '\tPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g\n' +
+        '\tPD94cGFja2V0IGVuZD0iciI/Pl7Ec5UAAAFCSURBVHja7JZRDYQwDIYZOQOz\n' +
+        '\tgAWQgAVOAkgACSABJIAFJDALSDgkcF1SkobAsa278EKTZke47f/ouq5iXdfg\n' +
+        '\tTnu5TCq6JIYhRdemwGfwoc2nxWYtYRMBFK6J8N60eAMQjXcAEM9gaMGlwd9H\n' +
+        '\t8LdJNEKLL6fim4DQrw+m6Aj1JmuHhpHqiXiBngLYB8GOTL8v2QCwSA5DhI8D\n' +
+        '\tJtwEnhtsR+kjAjThKkxCaRg5ibnDAojJUZM/TsCZRVyAiBwx6VA2Uh9JuEWi\n' +
+        '\tdgCYuQBq20+yHbcAuNrIBRgY4gqKlWIBwAL6CzpHgMpXJayu9vJoDsLzAfBS\n' +
+        '\tSSzyoTK9EYVtQ4L1vTypCSOKGyeucO2IACTdVUll24zYFqK95eR3dlVyvbZk\n' +
+        '\tRDTjHtcwuNkegAfgAXgAOADLxfPfS3FCO2abG5DaV4ABAPNCZTCwMKs0AAAA\n' +
+        '\tAElFTkSuQmCC',
+      anchor: [0.5, 1],
+    },
+    {
+      src:
+        'data:image/png;base64,\n' +
+        '\tiVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0\n' +
+        '\td2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9i\n' +
+        '\tZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2Vo\n' +
+        '\taUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6\n' +
+        '\tbnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5\n' +
+        '\tLjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpS\n' +
+        '\tREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJk\n' +
+        '\tZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIg\n' +
+        '\teG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8i\n' +
+        '\tIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5\n' +
+        '\tcGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5j\n' +
+        '\tb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp\n' +
+        '\tZDozMTcyZmY0Yi1jMGMzLTMzNDQtYjFmNi1mYjU3MGE0YzY5NjgiIHhtcE1N\n' +
+        '\tOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFDNzAxOTM4RkVBMTFFODk1NDJFRUQ2\n' +
+        '\tMDlDQUU3MzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFDNzAxOTI4\n' +
+        '\tRkVBMTFFODk1NDJFRUQ2MDlDQUU3MzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRv\n' +
+        '\tYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2\n' +
+        '\tZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzE3MmZmNGItYzBj\n' +
+        '\tMy0zMzQ0LWIxZjYtZmI1NzBhNGM2OTY4IiBzdFJlZjpkb2N1bWVudElEPSJ4\n' +
+        '\tbXAuZGlkOjMxNzJmZjRiLWMwYzMtMzM0NC1iMWY2LWZiNTcwYTRjNjk2OCIv\n' +
+        '\tPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g\n' +
+        '\tPD94cGFja2V0IGVuZD0iciI/Pix0qjEAAAFISURBVHja7JfRDYIwEIYtcYGu\n' +
+        '\twIsDyAg4go6AI8gIMIKOACswgh3AF0aQEeo1OZILQbn2SnzhTy6FQHsf1+u1\n' +
+        '\tKGvt7p/ah3R6KXWEJkdzMmA9WHuwdvAZS/lEAB1XxPFUznkNEHV0AHB+huYO\n' +
+        '\tphmvd2AXTjQSjy+nzkcHCtrrTBcXoYYzdsKMVEOcX9FyAHsj2Jzc85sYAAYp\n' +
+        '\toEnxtsWEe4IVjOm4xYgATbgSk1AzI6cxd0QAR7LU9I8V8E2pFCAlS0wHlI08\n' +
+        '\tRhKOkagCAHopgBnnk0zHXwBC1UkBWoFzA8XKiABgAPcFj0CAMlYlLJfmcq4P\n' +
+        '\twssBcFPJPPKh5O6I7GXoIMAyjMbwI+GyVbbjmT0in1RJ43sY8S1EUxXk+rxU\n' +
+        '\tcteIwLTjiZN0MSMQRRvABrABbAASgGHhfr2/Y1RGT8xLJ59v+ggwAM1qbf9C\n' +
+        '\tvHj3AAAAAElFTkSuQmCC',
+      anchor: [0.5, 1],
+    },
   ];
 
   /**
@@ -446,7 +851,11 @@
           }
         },
         set(value) {
-          if (value > 0) {
+          if (!value) {
+            const newImage = structuredClone(props.value);
+            delete newImage.scale;
+            emit('input', newImage);
+          } else if (value > 0) {
             const newImage = structuredClone(props.value);
             emit('input', Object.assign(newImage, { scale: value }));
           }

package/src/components/tables/VcsDataTable.vue

@@ -19,7 +19,7 @@
     <v-data-table
       dense
       :headers="translatedHeaders"
-      :items="items"
+      :items="internalItems"
       :item-key="itemKey"
       :items-per-page.sync="itemsPerPageRef"
       :page.sync="page"
@@ -33,6 +33,7 @@
         $t('components.vcsDataTable.noResultsPlaceholder')
       "
       :single-select="singleSelect"
+      :selectable-key="selectableKey"
       :server-items-length="serverItemsLength"
       hide-default-footer
       v-bind="$attrs"
@@ -181,6 +182,7 @@
    * @vue-prop {boolean} [showSearchbar=true] - whether to show searchbar
    * @vue-prop {string} [searchbarPlaceholder] - placeholder for searchbar
    * @vue-prop {boolean} [singleSelect=false]
+   * @vue-prop {string} [selectableKey='isSelectable'] - The property on each item that is used to determine if it is selectable or not. Non-selectable items are automatically disabled.
    * @vue-event {UpdateItemsEvent} update:items - Emits when one of the options properties is updated or on search input. Can be used to update items via API call to a server.
    * @vue-computed {Array<TableItem>} filteredItems - array of items with search filter applied on. If search string is empty, same as items array.
    * @vue-computed {Array<import("vuetify").DataTableHeader>} translatedHeaders - array of translated header items.
@@ -246,6 +248,10 @@
         type: Boolean,
         default: false,
       },
+      selectableKey: {
+        type: String,
+        default: 'isSelectable',
+      },
       value: {
         type: Array,
         default: () => [],
@@ -283,6 +289,27 @@
         return true;
       };
 
+      /**
+       * Syncs disabled and isSelectable (or custom selectable-key) on items
+       * @type {ComputedRef<Array<Object>>}
+       */
+      const internalItems = computed(() =>
+        props.items.map((item) => {
+          if (
+            item.disabled !== undefined &&
+            item[props.selectableKey] === undefined
+          ) {
+            item[props.selectableKey] = !item.disabled;
+          } else if (
+            item.disabled === undefined &&
+            item[props.selectableKey] !== undefined
+          ) {
+            item.disabled = item[props.selectableKey];
+          }
+          return item;
+        }),
+      );
+
       /**
        * @type {ComputedRef<Array<Object>>}
        */
@@ -360,6 +387,7 @@
         hovering,
         search,
         page,
+        internalItems,
         filteredItems,
         itemsPerPageRef,
         itemsFrom,

package/src/manager/buttonManager.js

@@ -4,6 +4,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { check, checkMaybe } from '@vcsuite/check';
 import { vcsAppSymbol } from '../pluginHelper.js';
 import { ActionPattern } from '../components/lists/VcsActionList.vue';
+import { getActionFromOptions } from '../actions/actionHelper.js';
 
 /**
  * @param {number} weightA
@@ -107,6 +108,7 @@ class ButtonManager {
       );
     }
     const id = buttonComponentOptions.id || uuidv4();
+    const action = getActionFromOptions(buttonComponentOptions.action);
 
     /**
      * @type {ButtonComponent}
@@ -119,7 +121,7 @@ class ButtonManager {
         return owner;
       },
       get action() {
-        return reactive(buttonComponentOptions.action);
+        return reactive(action);
       },
       get weight() {
         return buttonComponentOptions.weight || 0;

package/src/manager/collectionManager/CollectionComponent.vue

@@ -109,6 +109,10 @@
                 props: {
                   windowId,
                 },
+                state: {
+                  headerTitle: 'collectionManager.more',
+                  headerIcon: '$vcsComponents',
+                },
                 provides: {
                   collectionComponent,
                 },

package/src/manager/collectionManager/CollectionComponentList.vue

@@ -1,19 +1,34 @@
 <template>
-  <vcs-list
-    :items="items"
-    :draggable="draggable"
-    :selectable="selectable"
-    :single-select="singleSelect"
-    v-model="selection"
-    :title="title"
-    @item-moved="move"
-  />
+  <div>
+    <div class="v-expansion-panel-header px-2 v-expansion-panel-header--active">
+      <div class="d-flex justify-space-between">
+        <div class="d-flex align-center">
+          {{ $t(title) }}
+        </div>
+        <VcsActionButtonList
+          v-if="actions?.length > 0"
+          :actions="actions"
+          :overflow-count="overflowCount"
+        />
+      </div>
+    </div>
+    <vcs-list
+      :items="items"
+      :draggable="draggable"
+      :selectable="selectable"
+      :single-select="singleSelect"
+      v-model="selection"
+      :show-title="false"
+      @item-moved="move"
+    />
+  </div>
 </template>
 
 <script>
   import { inject } from 'vue';
   import { IndexedCollection } from '@vcmap/core';
   import VcsList from '../../components/lists/VcsList.vue';
+  import VcsActionButtonList from '../../components/buttons/VcsActionButtonList.vue';
 
   /**
    * Moves an item to a new position.
@@ -45,6 +60,7 @@
   export default {
     name: 'CollectionComponentList',
     components: {
+      VcsActionButtonList,
       VcsList,
     },
     props: {
@@ -66,6 +82,9 @@
         draggable: collectionComponent.draggable,
         selectable: collectionComponent.selectable,
         singleSelect: collectionComponent.singleSelect,
+        overflowCount: collectionComponent.overflowCount,
+        limit: collectionComponent.limit,
+        actions: collectionComponent.getActions(),
         move({ item, targetIndex }) {
           moveItem(collectionComponent, item, targetIndex);
         },