comand-component-library 3.1.57 → 3.1.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.1.57",
+  "version": "3.1.58",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CmdFakeSelect.vue

@@ -275,7 +275,7 @@ export default {
     computed: {
         // get the displayed option name
         optionName() {
-            // fake a normal checkbox
+            // fake a native selectbox
             if (this.type !== "checkboxOptions" && this.type !== "content" && this.modelValue) {
                 const result = this.selectData.find(option => option.value === this.modelValue)?.text
 
@@ -288,7 +288,7 @@ export default {
             // selectbox with checkbox-options
             else if (this.type === "checkboxOptions") {
                 if (this.modelValue.length === 1) {
-                    return this.selectData.find(option => option.value === this.modelValue[0])?.text
+                    return this.selectData.find(option => String(option.value) === String(this.modelValue[0]))?.text
                 } else if (this.modelValue.length > 1) {
                     return this.modelValue.length + " options selected"
                 }
@@ -382,7 +382,7 @@ export default {
             }
 
             this.showOptions = false
-            this.$emit('update:modelValue', optionValue);
+            this.$emit('update:modelValue', optionValue)
         },
         // check if a checkbox is changed for selectbox with checkboxes
         optionSelect(event) {
@@ -390,15 +390,15 @@ export default {
 
             let value = [...this.modelValue] // copy array from props
             if (event.target.checked) {
-                value.push(event.target.value); // attention: value will be transformed into string!
+                value.push(event.target.value) // attention: value will be transformed into string!
             } else {
-                value = value.filter(v => v !== event.target.value);
+                value = value.filter(item => item !== event.target.value && String(item) !== event.target.value)
             }
             if (this.$attrs.required !== undefined && !value.length) {
                 this.validationStatus = "error"
             }
 
-            this.$emit('update:modelValue', value);
+            this.$emit('update:modelValue', value)
         },
         closeOptions() {
             this.showOptions = false