"Add new piktogrammer images and update switch-case logic in Piktogrammer.vue to support additional product categories."

src/components/displays/department/pos/displays/Piktogrammer.vue

@@ -23,6 +23,12 @@ import productImage17 from "/src/assets/piktogrammer/17.png"; // Bus
 import productImage18 from "/src/assets/piktogrammer/18.png"; // Entreprenør forvogn
 import productImage19 from "/src/assets/piktogrammer/19.png"; // Entreprenør forvogn med hænger
 import productImage20 from "/src/assets/piktogrammer/20.png"; // Entreprenør sættevogn
+import productImage21 from "/src/assets/piktogrammer/21.png"; // Undervognsskyld.
+import productImage23 from "/src/assets/piktogrammer/23.png"; // Spotfree
+import productImage24 from "/src/assets/piktogrammer/24.png"; // Spotfree
+import productImage25 from "/src/assets/piktogrammer/25.png"; // Fælg flex
+import productImage26 from "/src/assets/piktogrammer/26.png"; // Højglans
+import productImage27 from "/src/assets/piktogrammer/27.png"; // 10 Minutter
 import productImage39 from "/src/assets/piktogrammer/39.png"; // Trailer - Varevogn
 import productImage43 from "/src/assets/piktogrammer/43.png"; // Handling of materials
 import productImage44 from "/src/assets/piktogrammer/44.png"; // "Christmas Tree"
@@ -88,6 +94,18 @@ export const getPicture = (piktogram) => {
       return productImage19;
     case "20":
       return productImage20;
+    case "21":
+      return productImage21;
+    case "23":
+      return productImage23;
+    case "24":
+      return productImage24;
+    case "25":
+      return productImage25;
+    case "26":
+      return productImage26;
+    case "27":
+      return productImage27;
     case "39":
       return productImage39;
     case "43":