comand-component-library 4.2.2 → 4.2.4

package/dist/comand-component-library.js

@@ -4219,6 +4219,11 @@ const fr = /* @__PURE__ */ M(rr, [["render", pr]]), hr = {
       } : null;
     }
   },
+  methods: {
+    hideSystemMessage(e) {
+      this.showSystemMessage = !1, this.$emit("hideSystemMessage", e);
+    }
+  },
   watch: {
     message() {
       this.showSystemMessage = !0;
@@ -4241,7 +4246,7 @@ function br(e, t, n, s, i, l) {
           key: 0,
           href: "#",
           class: "close-button",
-          onClick: t[0] || (t[0] = S((c) => i.showSystemMessage = !1, ["prevent"])),
+          onClick: t[0] || (t[0] = S((...c) => l.hideSystemMessage && l.hideSystemMessage(...c), ["prevent"])),
           title: n.iconClose.tooltip
         }, [
           p(d, {
@@ -12674,6 +12679,13 @@ const oh = /* @__PURE__ */ M($f, [["render", lh]]), ah = {
       type: Array,
       required: !0
     },
+    /**
+     * define the maximum listed number of recommendations
+     */
+    maxNumberOfRecommendations: {
+      type: Number,
+      default: 3
+    },
     /**
      * set if list of recommendations will be filtered by first letter (else by any containing letter)
      */
@@ -12709,7 +12721,7 @@ const oh = /* @__PURE__ */ M($f, [["render", lh]]), ah = {
           return console.error("provided item.displayValue of 'listOfRecommendations' does not exist or does not match type 'string'!"), !1;
         const t = this.searchTerm.toLowerCase(), n = e.displayValue.toLowerCase();
         return this.filterByFirstLetter ? n.startsWith(t) : n.includes(t);
-      });
+      }).slice(0, this.maxNumberOfRecommendations);
     }
   },
   methods: {
@@ -20334,7 +20346,7 @@ const f1 = /* @__PURE__ */ M(c1, [["render", p1]]), h1 = [
     text: "Zimbabwe",
     value: "zw"
   }
-], w1 = "comand-component-library", k1 = "4.2.2", T1 = "GPL-3.0-only", S1 = "CoManD-UI", _1 = "module", O1 = {
+], w1 = "comand-component-library", k1 = "4.2.4", T1 = "GPL-3.0-only", S1 = "CoManD-UI", _1 = "module", O1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",
@@ -20352,7 +20364,7 @@ const f1 = /* @__PURE__ */ M(c1, [["render", p1]]), h1 = [
   "./all-currencies.json": "./src/assets/data/all-currencies.json"
 }, B1 = {
   "clickout-event": "^1.1.2",
-  "comand-frontend-framework": "^4.1.35",
+  "comand-frontend-framework": "^4.1.39",
   "comand-ui-iconfonts": "^1.0.19",
   "core-js": "^3.20.1",
   prismjs: "^1.27.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.2.2",
+  "version": "4.2.4",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "clickout-event": "^1.1.2",
-    "comand-frontend-framework": "^4.1.35",
+    "comand-frontend-framework": "^4.1.39",
     "comand-ui-iconfonts": "^1.0.19",
     "core-js": "^3.20.1",
     "prismjs": "^1.27.0",

package/src/components/CmdSmartSearch.vue

@@ -51,6 +51,13 @@ export default {
             type: Array,
             required: true
         },
+        /**
+         * define the maximum listed number of recommendations
+         */
+        maxNumberOfRecommendations: {
+            type: Number,
+            default: 3
+        },
         /**
          * set if list of recommendations will be filtered by first letter (else by any containing letter)
          */
@@ -94,7 +101,7 @@ export default {
 
                 // check if string from listOfRecommendations starsWith or contains the provides string from the searchfield
                 return this.filterByFirstLetter ? lowerCaseDisplayValue.startsWith(lowerCaseSearchTerm) : lowerCaseDisplayValue.includes(lowerCaseSearchTerm)
-            })
+            }).slice(0, this.maxNumberOfRecommendations)
         }
     },
     methods: {

package/src/components/CmdSystemMessage.vue

@@ -11,7 +11,7 @@
                 v-if="iconClose.show && iconClose.iconClass"
                 href="#"
                 class="close-button"
-                @click.prevent="showSystemMessage = false"
+                @click.prevent="hideSystemMessage"
                 :title="iconClose.tooltip"
             >
                 <!-- begin CmdIcon -->
@@ -136,6 +136,12 @@ export default {
             return null
         }
     },
+    methods: {
+        hideSystemMessage(event) {
+            this.showSystemMessage = false
+            this.$emit("hideSystemMessage", event)
+        }
+    },
     watch: {
         message() {
             this.showSystemMessage = true