comand-component-library 3.1.88 → 3.1.91

package/src/documentation/generated/CmdShareButtonsPropertyDescriptions.json

@@ -1,4 +1,9 @@
 {
+    "modelValue": {
+        "comments": [
+            "set default v-model (must be named modelValue in Vue3)"
+        ]
+    },
     "align": {
         "comments": [
             "set horizontal alignment"
@@ -30,5 +35,24 @@
         "comments": [
             "activate if page to share is not given by json-data"
         ]
+    },
+    "userMustAcceptDataPrivacy": {
+        "comments": [
+            "toggle if user has to accept that anonymous data will be send while sharing"
+        ]
+    },
+    "tooltipAcceptDataPrivacy": {
+        "comments": [
+            "tooltip shown on hovering disabled buttons",
+            "",
+            "userMustAcceptDataPrivacy-property must be activated"
+        ]
+    },
+    "cmdFormElement": {
+        "comments": [
+            "properties for cmdFormElement",
+            "",
+            "userMustAcceptDataPrivacy-property must be activated"
+        ]
     }
 }

package/src/main.js

@@ -23,6 +23,8 @@ import "clickout-event"
 import directiveTelephone from "./directives/telephone"
 // directive to set focus on specific form-elements
 import directiveFocus from "./directives/focus"
+// directive to set scroll-padding to place anchors correctly below sticky header
+import directiveScrollPadding from "./directives/scrollPadding"
 
 /* begin imports css from comand-component-library ---------------------------------------------------------------------------------------- */
 /* import additional iconfont containing company-logos */
@@ -58,4 +60,4 @@ import router from "./router"
 // })
 
 // createApp(App).use(router).directive('telephone', directiveTelephone).directive('focus', directiveFocus).mount('#app')
-createApp(App).use(router).directive('telephone', directiveTelephone).directive('focus', directiveFocus).mount('#app')
+createApp(App).use(router).directive('telephone', directiveTelephone).directive('focus', directiveFocus).directive('scrollPadding', directiveScrollPadding).mount('#app')

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

@@ -210,12 +210,12 @@ export default {
         inputRequirements() {
             const standardRequirements = []
             // check if field is required
-            if(this.$attrs.required || this.required) {
-                const inputRequired = this.required
+            if(this.$attrs.required || (Object.hasOwn(this, "required") && this.required)) {
+                const inputRequired = Object.hasOwn(this, "required") ? this.required : this.$attrs.required
                 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)
                     }
                 })
             }
@@ -249,6 +249,13 @@ export default {
         getRequirementMessage() {
             return this.getMessage("cmdfieldvalidation.required_field_is_filled")
         }
+    },
+    watch: {
+        validationStatus: {
+            handler() {
+                this.$emit("validation-status-change", this.validationStatus)
+            }
+        }
     }
 }
 

package/src/mixins/I18n.js

@@ -53,10 +53,11 @@ export default {
       return message
     },
     getDefaultMessageProperty(key) {
-      if (this.defaultMessageProperties && this.defaultMessageProperties[key]) {
+      if (Object.hasOwn(this, "defaultMessageProperties") && this.defaultMessageProperties && this.defaultMessageProperties[key]) {
         return this.defaultMessageProperties[key]
       }
-      const propertyKey = Object.keys(this).find(p => p.slice(-24) === "DefaultMessageProperties")
+      //const propertyKey = Object.keys(this).find(p => p.slice(-24) === "DefaultMessageProperties")
+      const propertyKey = Object.hasOwn(this, "fieldValidationDefaultMessageProperties") ? "fieldValidationDefaultMessageProperties" : null
       if (propertyKey && this[propertyKey]?.[key]) {
         return this[propertyKey][key]
       }

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}