Split Edit and Add constraints

src/components/charts/PlotConfigSelect.vue

@@ -2,6 +2,7 @@
   <edit-value
     v-model="plotStore.plotConfigName"
     :allow-edit="allowEdit"
+    :allow-add="allowEdit"
     editable-name="plot configuration"
     @rename="plotStore.renamePlotConfig"
     @delete="plotStore.deletePlotConfig"

src/components/general/EditValue.vue

@@ -22,15 +22,16 @@
       >
         <DeleteIcon :size="16" />
       </b-button>
-      <b-button
-        size="sm"
-        :title="`Add new ${editableName}.`"
-        class="ms-1"
-        variant="primary"
-        @click="addNewClick"
-        ><AddIcon :size="16" />
-      </b-button>
     </template>
+    <b-button
+      v-if="allowAdd && !(addNew || editing)"
+      size="sm"
+      :title="`Add new ${editableName}.`"
+      class="ms-1"
+      variant="primary"
+      @click="addNewClick"
+      ><AddIcon :size="16" />
+    </b-button>
     <template v-if="allowEdit && (addNew || editing)">
       <b-button
         size="sm"
@@ -66,6 +67,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  allowAdd: {
+    type: Boolean,
+    default: false,
+  },
   editableName: {
     type: String,
     required: true,