Merge branch 'develop' into feature/nsi

src/UI/Popup/AllTagsPanel.svelte

@@ -38,11 +38,13 @@
       {#if !allCalculatedTags.has(key)}
         <tr>
           <td>{key}</td>
-          <td>
+          <td style="width: 75%">
             {#if $tags[key] === undefined}
               <i>undefined</i>
             {:else if $tags[key] === ""}
               <i>Empty string</i>
+            {:else if typeof $tags[key] === "object"}
+              <div class="literal-code" >{JSON.stringify($tags[key])}</div>
             {:else}
               {$tags[key]}
             {/if}

src/UI/Popup/TagRendering/TagRenderingQuestion.svelte

@@ -30,8 +30,9 @@
   import { placeholder } from "../../../Utils/placeholder"
   import { TrashIcon } from "@rgossiaux/svelte-heroicons/solid"
   import { Tag } from "../../../Logic/Tags/Tag"
-  import { get, writable } from "svelte/store"
   import { And } from "../../../Logic/Tags/And"
+  import { get } from "svelte/store"
+  import Markdown from "../../Base/Markdown.svelte"
 
   export let config: TagRenderingConfig
   export let tags: UIEventSource<Record<string, string>>
@@ -70,13 +71,19 @@
   /**
    * Prepares and fills the checkedMappings
    */
-  function initialize(tgs: Record<string, string>, confg: TagRenderingConfig) {
+  function initialize(tgs: Record<string, string>, confg: TagRenderingConfig): void {
     mappings = confg.mappings?.filter((m) => {
       if (typeof m.hideInAnswer === "boolean") {
         return !m.hideInAnswer
       }
       return !m.hideInAnswer.matchesProperties(tgs)
     })
+    selectedMapping = mappings?.findIndex(
+      (mapping) => mapping.if.matchesProperties(tgs) || mapping.alsoShowIf?.matchesProperties(tgs)
+    )
+    if (selectedMapping < 0) {
+      selectedMapping = undefined
+    }
     // We received a new config -> reinit
     unit = layer?.units?.find((unit) => unit.appliesToKeys.has(config.freeform?.key))
 
@@ -87,7 +94,7 @@
         checkedMappings?.length < confg.mappings.length + (confg.freeform ? 1 : 0))
     ) {
       const seenFreeforms = []
-      // Initial setup of the mappings
+      // Initial setup of the mappings; detect checked mappings
       checkedMappings = [
         ...confg.mappings.map((mapping) => {
           if (mapping.hideInAnswer === true) {
@@ -275,15 +282,19 @@
           </div>
 
           {#if config.questionhint}
-            <div class="max-h-60 overflow-y-auto">
-              <SpecialTranslation
-                t={config.questionhint}
-                {tags}
-                {state}
-                {layer}
-                feature={selectedElement}
-              />
-            </div>
+            {#if config.questionHintIsMd}
+              <Markdown srcWritable={config.questionhint.current} />
+            {:else}
+              <div class="max-h-60 overflow-y-auto">
+                <SpecialTranslation
+                  t={config.questionhint}
+                  {tags}
+                  {state}
+                  {layer}
+                  feature={selectedElement}
+                />
+              </div>
+            {/if}
           {/if}
         </legend>