comand-component-library 3.1.90 → 3.1.92

package/src/documentation/generated/CmdTooltipForInputElementsPropertyDescriptions.json

@@ -6,12 +6,7 @@
     },
     "validationStatus": {
         "comments": [
-            "validation-status for CmdSystemMessage-component and CmdTooltip-component"
-        ]
-    },
-    "validationMessage": {
-        "comments": [
-            "validation-message for CmdSystemMessage-component"
+            "validation-status for CmdTooltip-component"
         ]
     },
     "cmdListOfRequirements": {

package/src/index.js

@@ -5,7 +5,6 @@ export { default as CmdAddressData } from '@/components/CmdAddressData'
 export { default as CmdBackToTopButton } from '@/components/CmdBackToTopButton'
 export { default as CmdBankAccountData } from '@/components/CmdBankAccountData'
 export { default as CmdBox } from '@/components/CmdBox'
-export { default as CmdBoxSiteSearch } from '@/components/CmdBoxSiteSearch'
 export { default as CmdBoxWrapper } from '@/components/CmdBoxWrapper'
 export { default as CmdBreadcrumbs } from '@/components/CmdBreadcrumbs'
 export { default as CmdCompanyLogo } from '@/components/CmdCompanyLogo'
@@ -31,6 +30,7 @@ export { default as CmdProgressBar } from '@/components/CmdProgressBar'
 export { default as CmdShareButtons } from '@/components/CmdShareButtons'
 export { default as CmdSiteFooter } from '@/components/CmdSiteFooter'
 export { default as CmdSiteHeader } from '@/components/CmdSiteHeader'
+export { default as CmdSiteSearch } from '@/components/CmdSiteSearch'
 export { default as CmdSlideButton } from '@/components/CmdSlideButton'
 export { default as CmdSlideshow } from '@/components/CmdSlideshow'
 export { default as CmdSwitchLanguage } from '@/components/CmdSwitchLanguage'

package/src/mixins/CmdFormElement/DefaultMessageProperties.js

@@ -6,7 +6,8 @@ export default {
         "cmdformelement.validationTooltip.an_error_occurred": "An error occurred!",
         "cmdformelement.validationTooltip.information_is_filled_correctly": "This information is filled correctly!",
         "cmdformelement.validationTooltip.caps_lock_is_activated": "Attention: Caps lock is activated!",
-        "cmdformelement.validationTooltip.open_field_requirements": "Open field requirements!"
+        "cmdformelement.validationTooltip.open_field_requirements": "Open field requirements!",
+        "cmdformelement.validationTooltip.is_valid_email": "Is valid e-mail-address"
       }
     }
   }

package/src/mixins/CmdThumbnailScroller/DefaultMessageProperties.js

@@ -0,0 +1,9 @@
+export default {
+  data() {
+    return {
+      defaultMessageProperties: {
+        "cmdthumbnailscroller.tooltip.open_large_image": "Open large image"
+      }
+    }
+  }
+}

package/src/mixins/FieldValidation.js

@@ -215,25 +215,27 @@ export default {
                 standardRequirements.push({
                     message: this.getRequirementMessage(),
                     valid(value, attributes) {
-                        return (!attributes.required && !inputRequired) || value.length > 0
+                        return (!attributes.required && !inputRequired) || (value != null && String(value).length > 0)
                     }
                 })
             }
+
             // check if field has a minimum length
             if(this.$attrs.minlength) {
                 standardRequirements.push({
-                    message: this.getMessage("cmdfieldvalidation.input_has_minimum_length") + "(" + this.modelValue.length + "/" + this.$attrs.minlength + ")",
+                    message: this.getMessage("cmdfieldvalidation.input_has_minimum_length") + " (" + this.modelValue.length + "/" + this.$attrs.minlength + ")",
                     valid(value, attributes) {
                         return value.length >= attributes.minlength
                     }
                 })
             }
-            // check is field has custom requirements defined
-            if(!this.customRequirements || !this.customRequirements.length) {
-                return standardRequirements
-            }
+
             // duplicate existing requirements into new (combined) array
-            return [...standardRequirements, ...this.customRequirements]
+            return [
+                ...standardRequirements,
+                ...(this.additionalStandardRequirements() || []),
+                ...(this.customRequirements || [])
+            ]
         }
     },
     methods: {
@@ -246,9 +248,19 @@ export default {
                 this.validationStatus = ""
             }
         },
+        additionalStandardRequirements() {
+            return []
+        },
         getRequirementMessage() {
             return this.getMessage("cmdfieldvalidation.required_field_is_filled")
         }
+    },
+    watch: {
+        validationStatus: {
+            handler() {
+                this.$emit("validation-status-change", this.validationStatus)
+            }
+        }
     }
 }
 

package/src/mixins/Identifier.js

@@ -0,0 +1,28 @@
+// import utils
+import {createHtmlId} from "@/utils/common";
+
+export default {
+    props: {
+        /**
+         * use as unique id if generated it should not be used
+         */
+        id: {
+            type: String,
+            required: false
+        }
+    },
+    computed: {
+        htmlId() {
+            return this.id || createHtmlId()
+        }
+    },
+    methods: {
+        buildHtmlId(...params) {
+            return params
+                .map(param => {
+                    return param.replace(/\s/g, "")
+                })
+                .join("")
+        }
+    }
+}

package/src/utils/common.js

@@ -12,4 +12,8 @@ function createUuid(){
     })
 }
 
-export {isFrameMode, createUuid}
+function createHtmlId() {
+   return "cmd-" + createUuid()
+}
+
+export {isFrameMode, createUuid, createHtmlId}