fix(visual-editor): restore original element-types array, keep only DB ID normalization

The previous rewrite accidentally changed translation keys (None→InfoBox,
Text (TextSingleLine)→Text), color hex values, color IDs, preview image
paths, and array order. These broke the Danish translation lookup in
Playwright tests and the color matching logic.

Restore the original eformVisualEditorElementTypes array and
eformVisualEditorElementColors exactly as they were. Only addition:
the dbFieldTypes normalization parameter on getTranslatedTypes(),
which remaps hardcoded enum ordinals to actual DB IDs when passed.

The container loads DB field types once on init, passes them to the
modal via MAT_DIALOG_DATA, and the modal passes them through to
getTranslatedTypes(). Falls back to enum ordinals if not available.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: renemadsen

eform-client/src/app/modules/eforms/eform-visual-editor/const/eform-visual-editor-element-types.ts

@@ -43,18 +43,11 @@ export const eformVisualEditorElementTypes: EformVisualEditorFieldTypeModel[] =
       '../../../../../../../assets/images/visual-editor-preview/single-select.png',
   },
   {
-    id: EformFieldTypesEnum.MultiSelect,
-    name: 'MultiSelect',
-    description: 'Multi selection list',
-    previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/multi-select.png',
-  },
-  {
-    id: EformFieldTypesEnum.Date,
-    name: 'Date',
-    description: 'Simple date selection field',
+    id: EformFieldTypesEnum.Comment,
+    name: 'Comment',
+    description: 'Simple comment field',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/date.png',
+      '../../../../../../../assets/images/visual-editor-preview/comment.png',
   },
   {
     id: EformFieldTypesEnum.Number,
@@ -63,115 +56,148 @@ export const eformVisualEditorElementTypes: EformVisualEditorFieldTypeModel[] =
     previewImage:
       '../../../../../../../assets/images/visual-editor-preview/number.png',
   },
-  {
-    id: EformFieldTypesEnum.Text,
-    name: 'Text',
-    description: 'Text field',
-    previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/text.png',
-  },
-  {
-    id: EformFieldTypesEnum.Comment,
-    name: 'Comment',
-    description: 'Simple comment field',
-    previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/comment.png',
-  },
   {
     id: EformFieldTypesEnum.Picture,
     name: 'Picture',
     description: 'Simple picture field',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/picture.png',
+      '../../../../../../../assets/images/visual-editor-preview/picture-screenshot.png',
   },
   {
     id: EformFieldTypesEnum.None,
-    name: 'InfoBox',
-    description: 'Simple info box field',
+    name: 'None',
+    description: 'Simple text to be displayed',
     previewImage:
       '../../../../../../../assets/images/visual-editor-preview/infobox.png',
   },
   {
-    id: EformFieldTypesEnum.Timer,
-    name: 'Timer',
-    description: 'Timer field',
+    id: EformFieldTypesEnum.Date,
+    name: 'Date',
+    description: 'Date selection',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/timer.png',
+      '../../../../../../../assets/images/visual-editor-preview/date.png',
   },
   {
     id: EformFieldTypesEnum.SaveButton,
     name: 'SaveButton',
-    description: 'Save button field',
+    description: 'Save eForm.',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/save-button.png',
+      '../../../../../../../assets/images/visual-editor-preview/save-screenshot.png',
   },
   {
     id: EformFieldTypesEnum.ShowPdf,
     name: 'ShowPDF',
-    description: 'Show PDF field',
+    description: 'Show PDF',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/show-pdf.png',
+      '../../../../../../../assets/images/visual-editor-preview/show-pdf-screenshot.png',
   },
   {
     id: EformFieldTypesEnum.FieldGroup,
     name: 'FieldGroup',
-    description: 'Field group / container',
+    description: 'Field group',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/field-group.png',
+      '../../../../../../../assets/images/visual-editor-preview/group.png',
+  },
+  {
+    id: EformFieldTypesEnum.NumberStepper,
+    name: 'NumberStepper',
+    description: 'Number stepper field',
+    previewImage: '',
   },
   {
     id: EformFieldTypesEnum.Signature,
     name: 'Signature',
-    description: 'Signature field',
+    description: 'Simple signature field',
     previewImage:
       '../../../../../../../assets/images/visual-editor-preview/signature.png',
   },
+  {
+    id: EformFieldTypesEnum.Timer,
+    name: 'Timer',
+    description: 'Simple timer field',
+    previewImage:
+      '../../../../../../../assets/images/visual-editor-preview/timer-screenshot.png',
+  },
   {
     id: EformFieldTypesEnum.EntitySearch,
     name: 'EntitySearch',
-    description: 'Searchable entity field',
+    description: 'Autofilled searchable items field',
     previewImage:
       '../../../../../../../assets/images/visual-editor-preview/entity-search.png',
   },
   {
     id: EformFieldTypesEnum.EntitySelect,
     name: 'EntitySelect',
-    description: 'Selectable entity field',
+    description: 'Autofilled single selection list',
     previewImage:
       '../../../../../../../assets/images/visual-editor-preview/entity-select.png',
   },
   {
-    id: EformFieldTypesEnum.ShowPicture,
-    name: 'ShowPicture',
-    description: 'Show picture field',
-    previewImage: '',
+    id: EformFieldTypesEnum.Text,
+    name: 'Text (TextSingleLine)',
+    description: 'Simple text field',
+    previewImage:
+      '../../../../../../../assets/images/visual-editor-preview/text.png',
   },
   {
     id: EformFieldTypesEnum.Audio,
     name: 'Audio',
-    description: 'Audio field',
-    previewImage: '',
+    description: 'Simple audio field',
+    previewImage:
+      '../../../../../../../assets/images/visual-editor-preview/audio-screenshot.png',
   },
   {
     id: EformFieldTypesEnum.Movie,
     name: 'Movie',
-    description: 'Movie field',
-    previewImage: '',
+    description: 'Simple movie field',
+    previewImage:
+      '',
   },
   {
-    id: EformFieldTypesEnum.NumberStepper,
-    name: 'NumberStepper',
-    description: 'Number stepper field',
+    id: EformFieldTypesEnum.MultiSelect,
+    name: 'MultiSelect',
+    description: 'Simple multi select list',
     previewImage:
-      '../../../../../../../assets/images/visual-editor-preview/number-stepper.png',
+      '../../../../../../../assets/images/visual-editor-preview/multi-select.png',
+  },
+  {
+    id: EformFieldTypesEnum.ShowPicture,
+    name: 'Show picture',
+    description: 'Show a single picture field',
+    previewImage:
+      '',
   },
 ];
 
 export const eformVisualEditorElementColors: CommonDictionaryModel[] = [
-  { id: 0, name: 'e8eaf6', description: 'Standard' },
-  { id: 1, name: 'c8e6c9', description: 'Green' },
-  { id: 2, name: 'bbdefb', description: 'Blue' },
-  { id: 3, name: 'fff9c4', description: 'Yellow' },
-  { id: 4, name: 'ffccbc', description: 'Red' },
-  { id: 5, name: 'f5f5f5', description: 'Grey' },
+  {
+    id: 1,
+    description: 'Standard',
+    name: 'e8eaf6',
+  },
+  {
+    id: 2,
+    description: 'Green',
+    name: 'f0f8db',
+  },
+  {
+    id: 3,
+    description: 'Blue',
+    name: 'e2f4fb',
+  },
+  {
+    id: 4,
+    description: 'Yellow',
+    name: 'fff6df',
+  },
+  {
+    id: 5,
+    description: 'Red',
+    name: 'ffe4e4',
+  },
+  {
+    id: 6,
+    description: 'Grey',
+    name: 'e7e7e7',
+  },
 ];