From 4210f86fbe626f84412727aff50299bc9d150a7a Mon Sep 17 00:00:00 2001
From: "stephan.strehler" <stephan.strehler@cgi.com>
Date: Thu, 28 Mar 2024 16:48:01 +0100
Subject: [PATCH 1/4] #920: add reader support for file input

---
 .../src/components/DwfFilePreview.vue         | 58 +++++--------------
 .../src/components/DwfMultiFileInput.vue      | 34 +++++------
 .../src/middleware/fileSize.ts                | 13 +++++
 .../src/middleware/url.ts                     | 17 ++++++
 4 files changed, 59 insertions(+), 63 deletions(-)
 create mode 100644 digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/fileSize.ts
 create mode 100644 digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/url.ts

diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
index 666fb204b5..69b5838f38 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
@@ -1,10 +1,9 @@
 <template>
   <div>
-    <a target="_blank" @click="openInTab()">
-      <v-card class="doc-card mb-2" elevation="2" outlined max-width="350px">
+      <v-card class="doc-card mb-2 stephan-test" elevation="2" outlined max-width="350px" @click="openInTab()">
         <v-card-title class="text-subtitle-1 title">
           <div class="d-flex align-start flex-row">
-            <v-icon left size="30" class="mr-2">
+            <v-icon left size="30" class="mr-2" :aria-label="document.name">
               {{ icon }}
             </v-icon>
             {{ document.name }}
@@ -17,14 +16,16 @@
                 class="preview-component"
                 :src="document.data"
                 max-width="200px"
-                alt="Image preview..."
+                :alt="'Bildvorschau von ' + document.name"
             >
             </v-img>
 
             <vue2-pdf-embed
-                v-else-if="document.type === 'application/pdf'"
+                v-else-if="isPdf"
                 :source="document.data"
                 class="preview-component"
+                :aria-label="'PDF Vorschau von ' + document.name"
+
             />
 
             <div v-else class="preview-text">Keine Vorschau verfügbar</div>
@@ -36,6 +37,7 @@
                     elevation="1"
                     icon
                     @click.stop="removeDocument"
+                    :aria-label="document.name + ' entfernen'"
                 >
                   <v-icon> mdi-delete</v-icon>
                 </v-btn>
@@ -44,7 +46,6 @@
           </div>
         </v-card-text>
       </v-card>
-    </a>
   </div>
 </template>
 
@@ -52,6 +53,8 @@
 
 import {computed, defineComponent} from "vue";
 import {fileIcons} from "../util";
+import {formatBytes} from "@/middleware/fileSize";
+import {createBlobUrl} from "@/middleware/url";
 
 export default defineComponent({
   props: ['document', 'readonly'],
@@ -63,47 +66,11 @@ export default defineComponent({
     const icon = computed(() => fileIcons[props.document.type] ?? "mdi-file");
 
     const isImage = computed(() => props.document.type.toLowerCase() === "image/jpeg" || props.document.type.toLowerCase() === "image/png");
-
-    const blobUrl = (): string => {
-      const byteCharacters = calcByteCharacters.value;
-
-      const byteArrays: Uint8Array[] = [];
-
-      for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
-        const slice = byteCharacters.slice(offset, offset + 1024);
-
-        const byteNumbers = new Array(slice.length);
-        for (let i = 0; i < slice.length; i++) {
-          byteNumbers[i] = slice.charCodeAt(i);
-        }
-        const byteArray = new Uint8Array(byteNumbers);
-        byteArrays.push(byteArray);
-      }
-      const blob = new Blob(byteArrays, {type: props.document.type});
-      return URL.createObjectURL(blob);
-    }
+    const isPdf = computed(() => props.document.type === 'application/pdf')
 
     const openInTab = () => {
-      const calcVlobUrl = blobUrl();
-      const link = document.createElement("a");
-      link.href = calcVlobUrl;
-      link.setAttribute("download", props.document.name!);
-      document.body.appendChild(link);
-      link.click();
-    }
-
-    const formatBytes = (decimals = 2) => {
-      const k = 1024;
-      const dm = decimals < 0 ? 0 : decimals;
-      const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-
-      const i = Math.floor(Math.log(props.document.size) / Math.log(k));
-
-      return (
-          parseFloat((props.document.size / Math.pow(k, i)).toFixed(dm)) +
-          " " +
-          sizes[i]
-      );
+      const url = createBlobUrl(calcByteCharacters.value, props.document.type);
+      window.open(url, "_blank" )
     }
 
     const removeDocument = () => {
@@ -114,6 +81,7 @@ export default defineComponent({
       calcByteCharacters,
       icon,
       isImage,
+      isPdf,
       openInTab,
       formatBytes,
       removeDocument
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
index f1519578b3..e92011d54f 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
@@ -17,15 +17,16 @@
       type="file"
       v-bind="schema['x-props']"
       @change="changeInput"
+      aria-label="Datei hochladen"
     >
       <template #label>
         <span>{{ label }}</span>
-        <span v-if="isRequired()" aria-hidden="true" style="font-weight: bold; color: red"> *</span>
+        <span v-if="isRequired()" aria-hidden="true" style="font-weight: bold; color: red" aria-label="Eingabe ist ein Pflichtfeld"> *</span>
       </template>
       <template #append-outer>
         <v-tooltip v-if="schema.description" :open-on-hover="false" left>
           <template v-slot:activator="{ on }">
-            <v-btn icon retain-focus-on-click @blur="on.blur" @click="on.click">
+            <v-btn icon retain-focus-on-click @blur="on.blur" @click="on.click" aria-label="Beschreibung anzeigen">
               <v-icon> mdi-information</v-icon>
             </v-btn>
           </template>
@@ -79,20 +80,19 @@ export default defineComponent({
     'on'
   ],
   setup(props) {
-    let model = "";
-    let fileValue = ref<File[] | null>(null);
-    let data: any = {};
-    let documents = ref<DocumentData[]>([]);
-    let errorMessage = ref<string>("");
-    let isLoading = ref<boolean>(false);
-    let uuid = "";
+    const fileValue = ref<File[]>([]);
+    const data: any = {};
+    const documents = ref<DocumentData[]>([]);
+    const errorMessage = ref<string>("");
+    const isLoading = ref<boolean>(false);
+    const uuid = ref("");
     const maxFiles = props.schema.maxFiles || 10;
     const maxFileSize = props.schema.maxFileSize || 10;
     const maxTotalSize = props.schema.maxTotalSize;
     const mbInByte = 1048576;
     const hint = !!maxTotalSize ?
-      "Es dürfen maximal " + maxFiles + " Dateien mit einer Gesamtgröße von " + maxTotalSize + " MB hochgeladen werden" :
-      "Es dürfen maximal " + maxFiles + " Dateien hochgeladen werden";
+      `Es dürfen maximal ${maxFiles} Dateien mit einer Gesamtgröße von ${maxTotalSize} MB hochgeladen werden` :
+      `Es dürfen maximal ${maxFiles} Dateien hochgeladen werden`;
     let rules = props.rules ? props.rules : true;
 
     const apiEndpoint = inject<string>('apiEndpoint');
@@ -319,7 +319,7 @@ export default defineComponent({
           try {
             addDocument(event.target?.result, file);
           } catch (e: any) {
-            errorMessage = e.message;
+            errorMessage.value = e.message;
           }
         };
         reader.readAsArrayBuffer(file);
@@ -385,20 +385,19 @@ export default defineComponent({
       //initialize uuid if enabled
       if (props.schema.uuidEnabled) {
         if (props.value && props.value.key) {
-          uuid = props.value.key;
+          uuid.value = props.value.key;
         } else {
-          uuid = uuidv4();
+          uuid.value = uuidv4();
         }
       }
-      rules.push(() => documents.value.length <= maxFiles || 'Es dürfen maximal ' + maxFiles + ' Dateien übergeben werden');
+      rules.push(() => documents.value.length <= maxFiles || `Es dürfen maximal ${maxFiles} Dateien übergeben werden`);
       if (!!maxTotalSize) {
-        rules.push(() => validateTotalSize() <= maxTotalSize || 'Die Gesamtgröße aller Dateien darf ' + maxTotalSize + ' MB nicht überschreiten');
+        rules.push(() => validateTotalSize() <= maxTotalSize || `Die Gesamtgröße aller Dateien darf ${maxTotalSize} MB nicht überschreiten`);
       }
       loadInitialValues();
     })
 
     return {
-      model,
       fileValue,
       data,
       documents,
@@ -412,7 +411,6 @@ export default defineComponent({
       removeDocument,
       isRequired
     }
-
   }
 });
 </script>
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/fileSize.ts b/digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/fileSize.ts
new file mode 100644
index 0000000000..c328a059f9
--- /dev/null
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/fileSize.ts
@@ -0,0 +1,13 @@
+export const formatBytes = (size: number, decimals: number = 2) => {
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+
+  const i = Math.floor(Math.log(size) / Math.log(k));
+
+  return (
+    parseFloat((size / Math.pow(k, i)).toFixed(dm)) +
+    " " +
+    sizes[i]
+  );
+}
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/url.ts b/digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/url.ts
new file mode 100644
index 0000000000..0fb8b93b83
--- /dev/null
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/middleware/url.ts
@@ -0,0 +1,17 @@
+export const createBlobUrl = (byteCharacters: string, type: string): string => {
+
+  const byteArrays: Uint8Array[] = [];
+
+  for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
+    const slice = byteCharacters.slice(offset, offset + 1024);
+
+    const byteNumbers = new Array(slice.length);
+    for (let i = 0; i < slice.length; i++) {
+      byteNumbers[i] = slice.charCodeAt(i);
+    }
+    const byteArray = new Uint8Array(byteNumbers);
+    byteArrays.push(byteArray);
+  }
+  const blob = new Blob(byteArrays, {type: type});
+  return URL.createObjectURL(blob);
+}

From 0feffe4aea4b40afcee1de7eee3e30bda1cb4add Mon Sep 17 00:00:00 2001
From: "stephan.strehler" <stephan.strehler@cgi.com>
Date: Wed, 3 Apr 2024 14:05:23 +0200
Subject: [PATCH 2/4] #920: fix NaN on file size

---
 .../apps/digiwf-tasklist/package-lock.json    | 186 ------------------
 .../digiwf-dms-input/package-lock.json        |  36 ----
 .../digiwf-multi-file-input/package-lock.json |  74 -------
 .../src/components/DwfFilePreview.vue         |   8 +-
 .../src/components/DwfMultiFileInput.vue      |   9 +
 5 files changed, 13 insertions(+), 300 deletions(-)

diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/package-lock.json b/digiwf-apps/packages/apps/digiwf-tasklist/package-lock.json
index 50a5323a5a..8e8fe22921 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/package-lock.json
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/package-lock.json
@@ -10,13 +10,6 @@
       "dependencies": {
         "@jamescoyle/vue-icon": "^0.1.2",
         "@mdi/js": "^7.3.67",
-        "@muenchen/digiwf-date-input": "^1.9.0",
-        "@muenchen/digiwf-dms-api-internal": "^1.9.0",
-        "@muenchen/digiwf-dms-input": "^1.9.0",
-        "@muenchen/digiwf-engine-api-internal": "^1.9.0",
-        "@muenchen/digiwf-form-renderer": "^1.9.0",
-        "@muenchen/digiwf-multi-file-input": "^1.9.0",
-        "@muenchen/digiwf-task-api-internal": "^1.9.0",
         "@muenchen/vjsf": "^2.21.12",
         "@tanstack/vue-query": "^4.19.1",
         "ajv": "^8.12.0",
@@ -1389,111 +1382,6 @@
       "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.3.67.tgz",
       "integrity": "sha512-MnRjknFqpTC6FifhGHjZ0+QYq2bAkZFQqIj8JA2AdPZbBxUvr8QSgB2yPAJ8/ob/XkR41xlg5majDR3c1JP1hw=="
     },
-    "node_modules/@muenchen/digiwf-date-input": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-date-input/-/digiwf-date-input-1.8.4.tgz",
-      "integrity": "sha512-rUPFGjf24sNoz+RHrqihKiUuWeVfLVCSKjWvt6mlI/e/04JU6NYCaMeK5hL8PmMY28CtvyEflXHqIOYVuiQC8A==",
-      "peerDependencies": {
-        "luxon": "^1.25.0",
-        "vue": "^2.7.0",
-        "vuetify": "^2.6.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-dms-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-dms-api-internal/-/digiwf-dms-api-internal-1.8.4.tgz",
-      "integrity": "sha512-mQUIV9ZZFD0y2+YyEzTRbe7SRo9BhKo29x+o5kyiYvzol2r8murB+nh4WSGILMh9G0qxZwpOmS7uCY5mXEU10w==",
-      "dependencies": {
-        "typescript": "^4.8.2"
-      }
-    },
-    "node_modules/@muenchen/digiwf-dms-api-internal/node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-dms-input": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-dms-input/-/digiwf-dms-input-1.8.4.tgz",
-      "integrity": "sha512-7MMGue1d86BFEanWNN/RIKK6wKoblMjj/G7ruAVIOHa7t30fIXia7ih8LhHH0W2PCes3r40wwXaYXzpNMZLcfw==",
-      "dependencies": {
-        "@muenchen/digiwf-dms-api-internal": "^1.8.4"
-      },
-      "peerDependencies": {
-        "vue": "^2.7.0",
-        "vuetify": "^2.6.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-engine-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-engine-api-internal/-/digiwf-engine-api-internal-1.8.4.tgz",
-      "integrity": "sha512-Zs5lOawIu8wc1Vpa579TSTwAalEdKGr6yW7bZQW9dwbZPtXhHygcOH3JiBFfZWz36iQkQQ63H+X7taGWqRIzYQ==",
-      "dependencies": {
-        "typescript": "^4.8.2"
-      }
-    },
-    "node_modules/@muenchen/digiwf-engine-api-internal/node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-form-renderer": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-form-renderer/-/digiwf-form-renderer-1.8.4.tgz",
-      "integrity": "sha512-rqqrXA4Okks+VQ+8j/D82d3tT9qyt2qemnnjchNpSpgaOWnXfLPLfJTgVMPDYuI9tTKloMPmW6JOofAEgXTujQ==",
-      "peerDependencies": {
-        "@muenchen/vjsf": "^2.21.12",
-        "vue": "^2.7.0",
-        "vuetify": "^2.6.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-multi-file-input": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-multi-file-input/-/digiwf-multi-file-input-1.8.4.tgz",
-      "integrity": "sha512-0O9Mjd7+K9qZxcGsOrrS0vAHd/fG+r8b9z/xEs4RrlHQaF8KIXTAh0A4T6TyaMFyYB0xpI06RL9aRbbxzDthuw==",
-      "dependencies": {
-        "@muenchen/digiwf-engine-api-internal": "^1.8.4",
-        "@muenchen/digiwf-task-api-internal": "^1.8.4"
-      },
-      "peerDependencies": {
-        "vue": "^2.7.0",
-        "vuetify": "^2.6.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-task-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-task-api-internal/-/digiwf-task-api-internal-1.8.4.tgz",
-      "integrity": "sha512-SR5KxXTayhe0qM8NxQALnPGPQEXHoS9wB3lu5tbi2dhWd7liKJBMmndx7dS7g4aFnTzRthsBJoJIcH43JJSEDA==",
-      "dependencies": {
-        "typescript": "^4.8.2"
-      }
-    },
-    "node_modules/@muenchen/digiwf-task-api-internal/node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/@muenchen/vjsf": {
       "version": "2.21.12",
       "resolved": "https://registry.npmjs.org/@muenchen/vjsf/-/vjsf-2.21.12.tgz",
@@ -11216,80 +11104,6 @@
       "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.3.67.tgz",
       "integrity": "sha512-MnRjknFqpTC6FifhGHjZ0+QYq2bAkZFQqIj8JA2AdPZbBxUvr8QSgB2yPAJ8/ob/XkR41xlg5majDR3c1JP1hw=="
     },
-    "@muenchen/digiwf-date-input": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-date-input/-/digiwf-date-input-1.8.4.tgz",
-      "integrity": "sha512-rUPFGjf24sNoz+RHrqihKiUuWeVfLVCSKjWvt6mlI/e/04JU6NYCaMeK5hL8PmMY28CtvyEflXHqIOYVuiQC8A==",
-      "requires": {}
-    },
-    "@muenchen/digiwf-dms-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-dms-api-internal/-/digiwf-dms-api-internal-1.8.4.tgz",
-      "integrity": "sha512-mQUIV9ZZFD0y2+YyEzTRbe7SRo9BhKo29x+o5kyiYvzol2r8murB+nh4WSGILMh9G0qxZwpOmS7uCY5mXEU10w==",
-      "requires": {
-        "typescript": "^4.8.2"
-      },
-      "dependencies": {
-        "typescript": {
-          "version": "4.9.5",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-          "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
-        }
-      }
-    },
-    "@muenchen/digiwf-dms-input": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-dms-input/-/digiwf-dms-input-1.8.4.tgz",
-      "integrity": "sha512-7MMGue1d86BFEanWNN/RIKK6wKoblMjj/G7ruAVIOHa7t30fIXia7ih8LhHH0W2PCes3r40wwXaYXzpNMZLcfw==",
-      "requires": {
-        "@muenchen/digiwf-dms-api-internal": "^1.8.4"
-      }
-    },
-    "@muenchen/digiwf-engine-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-engine-api-internal/-/digiwf-engine-api-internal-1.8.4.tgz",
-      "integrity": "sha512-Zs5lOawIu8wc1Vpa579TSTwAalEdKGr6yW7bZQW9dwbZPtXhHygcOH3JiBFfZWz36iQkQQ63H+X7taGWqRIzYQ==",
-      "requires": {
-        "typescript": "^4.8.2"
-      },
-      "dependencies": {
-        "typescript": {
-          "version": "4.9.5",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-          "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
-        }
-      }
-    },
-    "@muenchen/digiwf-form-renderer": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-form-renderer/-/digiwf-form-renderer-1.8.4.tgz",
-      "integrity": "sha512-rqqrXA4Okks+VQ+8j/D82d3tT9qyt2qemnnjchNpSpgaOWnXfLPLfJTgVMPDYuI9tTKloMPmW6JOofAEgXTujQ==",
-      "requires": {}
-    },
-    "@muenchen/digiwf-multi-file-input": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-multi-file-input/-/digiwf-multi-file-input-1.8.4.tgz",
-      "integrity": "sha512-0O9Mjd7+K9qZxcGsOrrS0vAHd/fG+r8b9z/xEs4RrlHQaF8KIXTAh0A4T6TyaMFyYB0xpI06RL9aRbbxzDthuw==",
-      "requires": {
-        "@muenchen/digiwf-engine-api-internal": "^1.8.4",
-        "@muenchen/digiwf-task-api-internal": "^1.8.4"
-      }
-    },
-    "@muenchen/digiwf-task-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-task-api-internal/-/digiwf-task-api-internal-1.8.4.tgz",
-      "integrity": "sha512-SR5KxXTayhe0qM8NxQALnPGPQEXHoS9wB3lu5tbi2dhWd7liKJBMmndx7dS7g4aFnTzRthsBJoJIcH43JJSEDA==",
-      "requires": {
-        "typescript": "^4.8.2"
-      },
-      "dependencies": {
-        "typescript": {
-          "version": "4.9.5",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-          "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
-        }
-      }
-    },
     "@muenchen/vjsf": {
       "version": "2.21.12",
       "resolved": "https://registry.npmjs.org/@muenchen/vjsf/-/vjsf-2.21.12.tgz",
diff --git a/digiwf-apps/packages/components/digiwf-dms-input/package-lock.json b/digiwf-apps/packages/components/digiwf-dms-input/package-lock.json
index 7933ee5b1c..b69db3f680 100644
--- a/digiwf-apps/packages/components/digiwf-dms-input/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-dms-input/package-lock.json
@@ -7,9 +7,6 @@
     "": {
       "name": "@muenchen/digiwf-dms-input",
       "version": "1.9.0",
-      "dependencies": {
-        "@muenchen/digiwf-dms-api-internal": "^1.9.0"
-      },
       "devDependencies": {
         "axios": "^1.6.0",
         "uuid": "^8.3.2"
@@ -31,14 +28,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@muenchen/digiwf-dms-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-dms-api-internal/-/digiwf-dms-api-internal-1.8.4.tgz",
-      "integrity": "sha512-mQUIV9ZZFD0y2+YyEzTRbe7SRo9BhKo29x+o5kyiYvzol2r8murB+nh4WSGILMh9G0qxZwpOmS7uCY5mXEU10w==",
-      "dependencies": {
-        "typescript": "^4.8.2"
-      }
-    },
     "node_modules/@vue/compiler-sfc": {
       "version": "2.7.16",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
@@ -221,18 +210,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -270,14 +247,6 @@
       "integrity": "sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==",
       "peer": true
     },
-    "@muenchen/digiwf-dms-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-dms-api-internal/-/digiwf-dms-api-internal-1.8.4.tgz",
-      "integrity": "sha512-mQUIV9ZZFD0y2+YyEzTRbe7SRo9BhKo29x+o5kyiYvzol2r8murB+nh4WSGILMh9G0qxZwpOmS7uCY5mXEU10w==",
-      "requires": {
-        "typescript": "^4.8.2"
-      }
-    },
     "@vue/compiler-sfc": {
       "version": "2.7.16",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
@@ -408,11 +377,6 @@
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
       "peer": true
     },
-    "typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
-    },
     "uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json b/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json
index 8cc463a2f9..5b2e60d78d 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/package-lock.json
@@ -7,10 +7,6 @@
     "": {
       "name": "@muenchen/digiwf-multi-file-input",
       "version": "1.9.0",
-      "dependencies": {
-        "@muenchen/digiwf-engine-api-internal": "^1.9.0",
-        "@muenchen/digiwf-task-api-internal": "^1.9.0"
-      },
       "devDependencies": {
         "@types/jest": "^27.5.2",
         "@types/mime": "^2.0.3",
@@ -1121,46 +1117,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@muenchen/digiwf-engine-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-engine-api-internal/-/digiwf-engine-api-internal-1.8.4.tgz",
-      "integrity": "sha512-Zs5lOawIu8wc1Vpa579TSTwAalEdKGr6yW7bZQW9dwbZPtXhHygcOH3JiBFfZWz36iQkQQ63H+X7taGWqRIzYQ==",
-      "dependencies": {
-        "typescript": "^4.8.2"
-      }
-    },
-    "node_modules/@muenchen/digiwf-engine-api-internal/node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
-    "node_modules/@muenchen/digiwf-task-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-task-api-internal/-/digiwf-task-api-internal-1.8.4.tgz",
-      "integrity": "sha512-SR5KxXTayhe0qM8NxQALnPGPQEXHoS9wB3lu5tbi2dhWd7liKJBMmndx7dS7g4aFnTzRthsBJoJIcH43JJSEDA==",
-      "dependencies": {
-        "typescript": "^4.8.2"
-      }
-    },
-    "node_modules/@muenchen/digiwf-task-api-internal/node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/@one-ini/wasm": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
@@ -6483,36 +6439,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "@muenchen/digiwf-engine-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-engine-api-internal/-/digiwf-engine-api-internal-1.8.4.tgz",
-      "integrity": "sha512-Zs5lOawIu8wc1Vpa579TSTwAalEdKGr6yW7bZQW9dwbZPtXhHygcOH3JiBFfZWz36iQkQQ63H+X7taGWqRIzYQ==",
-      "requires": {
-        "typescript": "^4.8.2"
-      },
-      "dependencies": {
-        "typescript": {
-          "version": "4.9.5",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-          "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
-        }
-      }
-    },
-    "@muenchen/digiwf-task-api-internal": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@muenchen/digiwf-task-api-internal/-/digiwf-task-api-internal-1.8.4.tgz",
-      "integrity": "sha512-SR5KxXTayhe0qM8NxQALnPGPQEXHoS9wB3lu5tbi2dhWd7liKJBMmndx7dS7g4aFnTzRthsBJoJIcH43JJSEDA==",
-      "requires": {
-        "typescript": "^4.8.2"
-      },
-      "dependencies": {
-        "typescript": {
-          "version": "4.9.5",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-          "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
-        }
-      }
-    },
     "@one-ini/wasm": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
index 69b5838f38..9dc174a921 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-      <v-card class="doc-card mb-2 stephan-test" elevation="2" outlined max-width="350px" @click="openInTab()">
+      <v-card class="doc-card mb-2" elevation="2" outlined max-width="350px" @click="openInTab()">
         <v-card-title class="text-subtitle-1 title">
           <div class="d-flex align-start flex-row">
             <v-icon left size="30" class="mr-2" :aria-label="document.name">
@@ -30,7 +30,7 @@
 
             <div v-else class="preview-text">Keine Vorschau verfügbar</div>
             <div>
-              <div class="footer">{{ formatBytes(0) }}</div>
+              <div class="footer">{{ documentSize }}</div>
               <template v-if="!readonly">
                 <v-btn
                     class="remove-button ma-1"
@@ -61,7 +61,7 @@ export default defineComponent({
   emits: ['remove-document'],
   setup(props, {emit}) {
 
-    const calcByteCharacters = computed(() => atob(props.document.data.substr(`data:${props.document.type};base64,`.length)));
+      const calcByteCharacters = computed(() => atob(props.document.data.substr(`data:${props.document.type};base64,`.length)));
 
     const icon = computed(() => fileIcons[props.document.type] ?? "mdi-file");
 
@@ -83,7 +83,7 @@ export default defineComponent({
       isImage,
       isPdf,
       openInTab,
-      formatBytes,
+      documentSize: formatBytes(props.document.size),
       removeDocument
     }
   }
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
index e92011d54f..539ed61b9e 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
@@ -63,8 +63,17 @@ import {
 } from "@/middleware/presignedUrls";
 import {checkRequired} from "@/validation/required";
 import {getMimeType, validateFileType} from "@/validation/fileType";
+import DwfFilePreview from "@/components/DwfFilePreview.vue";
 
+/**
+ * existing bug!. Prepend icon cannot be overridden for set tabindex="-1". More information https://github.com/vuetifyjs/vuetify/issues/9580
+ */
 export default defineComponent({
+  computed: {
+    DwfFilePreview() {
+      return DwfFilePreview
+    }
+  },
   props: [
     'valid',
     'readonly',

From 8847da98c3657ebc61e32f30a95978b4a992091a Mon Sep 17 00:00:00 2001
From: "stephan.strehler" <stephan.strehler@cgi.com>
Date: Wed, 3 Apr 2024 15:02:07 +0200
Subject: [PATCH 3/4] #920: merge with dev

---
 digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts b/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
index 0c88ac5f2f..ed860f16d8 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
@@ -34,12 +34,10 @@ declare module 'vue' {
     KeyboardAccessibilityIcon: typeof import('./src/components/UI/icons/KeyboardAccessibilityIcon.vue')['default']
     LeaveSiteDialog: typeof import('./src/components/common/LeaveSiteDialog.vue')['default']
     LoadingFab: typeof import('./src/components/UI/LoadingFab.vue')['default']
-    Notifcation: typeof import('./src/components/common/Notifcation.vue')['default']
     PdfOutput: typeof import('./src/components/form/PdfOutput.vue')['default']
     ProcessDefinitionItem: typeof import('./src/components/process/ProcessDefinitionItem.vue')['default']
     ProcessInstanceItem: typeof import('./src/components/process/ProcessInstanceItem.vue')['default']
     SearchField: typeof import('./src/components/common/SearchField.vue')['default']
-    Snackbar: typeof import('./src/components/common/Snackbar.vue')['default']
     SortBySelect: typeof import('./src/components/common/SortBySelect.vue')['default']
     StatementIcon: typeof import('./src/components/UI/icons/StatementIcon.vue')['default']
     TaskFollowUpDialog: typeof import('./src/components/task/TaskFollowUpDialog.vue')['default']
@@ -93,7 +91,6 @@ declare module 'vue' {
     VRow: typeof import('vuetify/lib')['VRow']
     VSelect: typeof import('vuetify/lib')['VSelect']
     VSimpleTable: typeof import('vuetify/lib')['VSimpleTable']
-    VSnackbar: typeof import('vuetify/lib')['VSnackbar']
     VSpacer: typeof import('vuetify/lib')['VSpacer']
     VSpeedDial: typeof import('vuetify/lib')['VSpeedDial']
     VStepper: typeof import('vuetify/lib')['VStepper']

From f21727d782f46c1e0153dbfa279937cac10ce06e Mon Sep 17 00:00:00 2001
From: "stephan.strehler" <stephan.strehler@cgi.com>
Date: Wed, 3 Apr 2024 18:54:26 +0200
Subject: [PATCH 4/4] #920:fix nvda bugs

---
 .../apps/digiwf-tasklist/components.d.ts      |  1 +
 .../src/components/DwfFilePreview.vue         | 94 +++++++++----------
 .../src/components/DwfMultiFileInput.vue      |  2 +-
 .../all-input-fields/all-inputs.schema.json   |  4 +-
 4 files changed, 51 insertions(+), 50 deletions(-)

diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts b/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
index ed860f16d8..052723e38e 100644
--- a/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
+++ b/digiwf-apps/packages/apps/digiwf-tasklist/components.d.ts
@@ -85,6 +85,7 @@ declare module 'vue' {
     VListItemTitle: typeof import('vuetify/lib')['VListItemTitle']
     VMain: typeof import('vuetify/lib')['VMain']
     VMenu: typeof import('vuetify/lib')['VMenu']
+    VMessages: typeof import('vuetify/lib')['VMessages']
     VMultiUserInput: typeof import('./src/components/schema/VMultiUserInput.vue')['default']
     VNavigationDrawer: typeof import('vuetify/lib')['VNavigationDrawer']
     VProgressCircular: typeof import('vuetify/lib')['VProgressCircular']
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
index 9dc174a921..c98b61afc5 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfFilePreview.vue
@@ -1,51 +1,51 @@
 <template>
   <div>
-      <v-card class="doc-card mb-2" elevation="2" outlined max-width="350px" @click="openInTab()">
-        <v-card-title class="text-subtitle-1 title">
-          <div class="d-flex align-start flex-row">
-            <v-icon left size="30" class="mr-2" :aria-label="document.name">
-              {{ icon }}
-            </v-icon>
-            {{ document.name }}
+    <v-card class="doc-card mb-2" elevation="2" tabindex="-1" outlined max-width="350px" @click="openInTab()">
+      <v-card-title class="text-subtitle-1 title">
+        <div class="d-flex align-start flex-row" tabindex="0">
+          <v-icon left size="30" class="mr-2" :aria-label="document.name">
+            {{ icon }}
+          </v-icon>
+          {{ document.name }}
+        </div>
+      </v-card-title>
+      <v-card-text>
+        <div class="preview">
+          <v-img
+            v-if="isImage"
+            class="preview-component"
+            :src="document.data"
+            max-width="200px"
+            :alt="'Bildvorschau von ' + document.name"
+          >
+          </v-img>
+
+          <vue2-pdf-embed
+            v-else-if="isPdf"
+            :source="document.data"
+            class="preview-component"
+            :aria-label="'PDF Vorschau von ' + document.name"
+
+          />
+
+          <div v-else class="preview-text">Keine Vorschau verfügbar</div>
+          <div>
+            <div class="footer" tabindex="0">{{ documentSize }}</div>
+            <template v-if="!readonly">
+              <v-btn
+                class="remove-button ma-1"
+                elevation="1"
+                icon
+                @click.stop="removeDocument"
+                :aria-label="document.name + ' entfernen'"
+              >
+                <v-icon> mdi-delete</v-icon>
+              </v-btn>
+            </template>
           </div>
-        </v-card-title>
-        <v-card-text>
-          <div class="preview">
-            <v-img
-                v-if="isImage"
-                class="preview-component"
-                :src="document.data"
-                max-width="200px"
-                :alt="'Bildvorschau von ' + document.name"
-            >
-            </v-img>
-
-            <vue2-pdf-embed
-                v-else-if="isPdf"
-                :source="document.data"
-                class="preview-component"
-                :aria-label="'PDF Vorschau von ' + document.name"
-
-            />
-
-            <div v-else class="preview-text">Keine Vorschau verfügbar</div>
-            <div>
-              <div class="footer">{{ documentSize }}</div>
-              <template v-if="!readonly">
-                <v-btn
-                    class="remove-button ma-1"
-                    elevation="1"
-                    icon
-                    @click.stop="removeDocument"
-                    :aria-label="document.name + ' entfernen'"
-                >
-                  <v-icon> mdi-delete</v-icon>
-                </v-btn>
-              </template>
-            </div>
-          </div>
-        </v-card-text>
-      </v-card>
+        </div>
+      </v-card-text>
+    </v-card>
   </div>
 </template>
 
@@ -61,7 +61,7 @@ export default defineComponent({
   emits: ['remove-document'],
   setup(props, {emit}) {
 
-      const calcByteCharacters = computed(() => atob(props.document.data.substr(`data:${props.document.type};base64,`.length)));
+    const calcByteCharacters = computed(() => atob(props.document.data.substr(`data:${props.document.type};base64,`.length)));
 
     const icon = computed(() => fileIcons[props.document.type] ?? "mdi-file");
 
@@ -70,7 +70,7 @@ export default defineComponent({
 
     const openInTab = () => {
       const url = createBlobUrl(calcByteCharacters.value, props.document.type);
-      window.open(url, "_blank" )
+      window.open(url, "_blank")
     }
 
     const removeDocument = () => {
diff --git a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
index 539ed61b9e..0e96c4801f 100644
--- a/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
+++ b/digiwf-apps/packages/components/digiwf-multi-file-input/src/components/DwfMultiFileInput.vue
@@ -20,7 +20,7 @@
       aria-label="Datei hochladen"
     >
       <template #label>
-        <span>{{ label }}</span>
+        <span tabindex="0">{{ label }}</span>
         <span v-if="isRequired()" aria-hidden="true" style="font-weight: bold; color: red" aria-label="Eingabe ist ein Pflichtfeld"> *</span>
       </template>
       <template #append-outer>
diff --git a/digiwf-engine/digiwf-engine-service/src/main/resources/prozesse/example/all-input-fields/all-inputs.schema.json b/digiwf-engine/digiwf-engine-service/src/main/resources/prozesse/example/all-input-fields/all-inputs.schema.json
index 93eb2efe2c..018ecdcbc6 100644
--- a/digiwf-engine/digiwf-engine-service/src/main/resources/prozesse/example/all-input-fields/all-inputs.schema.json
+++ b/digiwf-engine/digiwf-engine-service/src/main/resources/prozesse/example/all-input-fields/all-inputs.schema.json
@@ -224,7 +224,7 @@
                   "requiredObject"
                 ],
                 "fieldType": "file",
-                "title": "Files",
+                "title": "Dateien ohne Einschränkungen",
                 "x-display": "custom-multi-file-input",
                 "type": "object",
                 "filePath": "test",
@@ -249,7 +249,7 @@
                   "dense": true
                 },
                 "fieldType": "file",
-                "title": "Files with validation",
+                "title": "Dateien mit Validierung",
                 "x-display": "custom-multi-file-input",
                 "type": "object",
                 "filePath": "test",