Resolve "Support anyOf and newer drafts of JSON schema"

Closes #164 (closed)

src/components/parameter-schema/description-mode/ParameterDescription.vue

@@ -67,7 +67,7 @@ const anyOfTooltip = computed<string | undefined>(() => {
     labelText = "<ul class='ps-3 ms-0 mb-0 text-start'>";
     if (props.anyOfDependencies.group.length > 0) {
       labelText +=
-        "<li>When this is set, these are also required:<ul >" +
+        "<li>When this is set, these parameters are also required:<ul >" +
         props.anyOfDependencies.group
           .map((a) => "<li>--" + a + "</li>")
           .join("") +
@@ -76,7 +76,7 @@ const anyOfTooltip = computed<string | undefined>(() => {
     labelText +=
       "<li>Set this or any of these parameters:<ul>" +
       props.anyOfDependencies.dependencies
-        .map((a) => "<li>--" + a + "</li>")
+        .map((a) => "<li>" + a.map((b) => "--" + b).join(",") + "</li>")
         .join("") +
       "</ul></li></ul>";
   }
@@ -87,7 +87,7 @@ const anyOfTooltip = computed<string | undefined>(() => {
 const dependentTooltip = computed<string | undefined>(() => {
   if (props.dependencies != undefined) {
     return (
-      "Required when these are set: <ul class='ps-4 mb-0 text-start'>" +
+      "Required when these parameters are set: <ul class='ps-4 mb-0 text-start'>" +
       props.dependencies.map((a) => "<li>--" + a + "</li>").join("") +
       "</ul></li>"
     );
@@ -113,15 +113,15 @@ onMounted(() => {
     <div class="d-flex pt-2 justify-content-between">
       <div class="flex-fill ps-2">
         <div class="row">
-          <div class="fs-6">
+          <span class="fs-6 w-fit">
             <font-awesome-icon v-if="icon" :icon="icon" class="me-2" />
             <code :id="props.parameterName" class="border rounded p-1"
               >--{{ props.parameterName }}</code
             >
-          </div>
+          </span>
           <span
             v-if="anyOfTooltip != undefined"
-            class="rounded p-1 bg-secondary ms-2 label w-fit"
+            class="rounded py-0 px-1 bg-secondary ms-2 label w-fit fs-6"
             data-bs-toggle="tooltip"
             data-bs-placement="bottom"
             :data-bs-title="anyOfTooltip"
@@ -131,13 +131,13 @@ onMounted(() => {
           >
           <span
             v-if="dependentTooltip != undefined"
-            class="rounded p-1 bg-secondary ms-2 label w-fit"
+            class="rounded py-0 px-1 bg-secondary ms-2 label w-fit fs-6"
             data-bs-toggle="tooltip"
             data-bs-placement="bottom"
             :data-bs-title="dependentTooltip"
             data-bs-custom-class="parameter-form-tooltip"
             data-bs-html="true"
-            >dependent</span
+            >dependency</span
           >
         </div>
         <div class="row align-items-start mt-2">