VueUiQuadrant fixed minimap colors

Author: graphieros

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.0.72",
+  "version": "2.0.73",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

src/components/vue-ui-quadrant.vue

@@ -1223,7 +1223,7 @@ defineExpose({
                     :y="miniMap[selectedSide].tl.y"
                     height="20"
                     width="20"
-                    :fill="miniMap[selectedSide].tl.color"
+                    :fill="miniMap[selectedSide].tl.fill"
                     :style="`cursor: pointer; opacity: ${selectedSide === 'TL' ? 1 : 0.3}`"
                     @click="selectQuadrantSide('TL')"
                     :class="{'vue-ui-quadrant-mini-map-cell': true, 'vue-ui-quadrant-mini-map-cell-selectable': selectedSide !== 'TL'}"
@@ -1233,7 +1233,7 @@ defineExpose({
                     :y="miniMap[selectedSide].tr.y"
                     height="20"
                     width="20"
-                    :fill="miniMap[selectedSide].tr.color"
+                    :fill="miniMap[selectedSide].tr.fill"
                     :style="`cursor: pointer; opacity: ${selectedSide === 'TR' ? 1 : 0.3}`"
                     @click="selectQuadrantSide('TR')"
                     :class="{'vue-ui-quadrant-mini-map-cell': true, 'vue-ui-quadrant-mini-map-cell-selectable': selectedSide !== 'TR'}"
@@ -1243,7 +1243,7 @@ defineExpose({
                     :y="miniMap[selectedSide].br.y"
                     height="20"
                     width="20"
-                    :fill="miniMap[selectedSide].br.color"
+                    :fill="miniMap[selectedSide].br.fill"
                     :style="`cursor: pointer; opacity: ${selectedSide === 'BR' ? 1 : 0.3}`"
                     @click="selectQuadrantSide('BR')"
                     :class="{'vue-ui-quadrant-mini-map-cell': true, 'vue-ui-quadrant-mini-map-cell-selectable': selectedSide !== 'BR'}"
@@ -1253,7 +1253,7 @@ defineExpose({
                     :y="miniMap[selectedSide].bl.y"
                     height="20"
                     width="20"
-                    :fill="miniMap[selectedSide].bl.color"
+                    :fill="miniMap[selectedSide].bl.fill"
                     :style="`cursor: pointer; opacity: ${selectedSide === 'BL' ? 1 : 0.3}`"
                     @click="selectQuadrantSide('BL')"
                     :class="{'vue-ui-quadrant-mini-map-cell': true, 'vue-ui-quadrant-mini-map-cell-selectable': selectedSide !== 'BL'}"