Fix - VueUiWaffle - Fix regression causing #cell slot to be unusable

Author: graphieros

TestingArena/ArenaVueUiWaffle.vue

@@ -32,7 +32,7 @@ const model = ref([
     { key: 'userOptions.buttons.csv', def: true, type: 'checkbox'},
     { key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
     { key: 'useBlurOnHover', def: true, type: 'checkbox'},
-    { key: 'useCustomCells', def: false, type: 'checkbox'},
+    { key: 'useCustomCells', def: true, type: 'checkbox'},
     { key: 'useAnimation', def: true, type: 'checkbox'},
     { key: 'style.fontFamily', def: "inherit", type: 'text'},
     { key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},

src/components/vue-ui-waffle.vue

@@ -766,7 +766,7 @@ defineExpose({
                 </foreignObject>
             </template> 
 
-            <rect v-if="!rects.length"
+            <rect v-if="!rects.length && !FINAL_CONFIG.useCustomCells"
                 :x="12"
                 :y="12"
                 :height="drawingArea.height - 24"
@@ -776,7 +776,7 @@ defineExpose({
                 stroke="black"
             />
 
-            <template v-else-if="rects.length">
+            <template v-else-if="rects.length && !FINAL_CONFIG.useCustomCells">
                 <rect
                     v-for="(position, i) in positions"
                     :data-cy="`waffle-rect-underlayer-${i}`"