comand-component-library 3.1.72 → 3.1.75

package/src/documentation/generated/CmdTablePropertyDescriptions.json

@@ -0,0 +1,72 @@
+{
+    "tableData": {
+        "comments": [
+            "table data (incl. caption, thead, tbody)"
+        ]
+    },
+    "caption": {
+        "comments": [
+            "caption for table (shown above table)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
+    "collapsible": {
+        "comments": [
+            "activate if table should be collapsible"
+        ]
+    },
+    "fullWidthOnDefault": {
+        "comments": [
+            "activate if table should be stretched to full width of its parent-container (else table will be as wide as its content)"
+        ]
+    },
+    "userCanToggleWidth": {
+        "comments": [
+            "user can toggle width (full-width (=100% of parent container or as wide as table content) with button above table)"
+        ]
+    },
+    "iconExpand": {
+        "comments": [
+            "icon to expand table (vertically)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "iconCollapse": {
+        "comments": [
+            "icon to collapse table (vertically)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "iconToggleWidth": {
+        "comments": [
+            "icon to shrink table (horizontally)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "iconStretch": {
+        "comments": [
+            "icon to stretch table (horizontally)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdTabsPropertyDescriptions.json

@@ -0,0 +1,27 @@
+{
+    "CmdHeadline": {
+        "comments": [
+            "properties for CmdHeadline-component"
+        ]
+    },
+    "stretchTabs": {
+        "comments": [
+            "activate if tabs should be (equally) stretched horizontally over full width of tab-content"
+        ]
+    },
+    "tabs": {
+        "comments": [
+            "list of tabs (incl. tab-name and tab-content (optional))"
+        ]
+    },
+    "useSlot": {
+        "comments": [
+            "activate if content should be given by slot"
+        ]
+    },
+    "activeTab": {
+        "comments": [
+            "set default active/shown tab"
+        ]
+    }
+}

package/src/documentation/generated/CmdThumbnailScrollerPropertyDescriptions.json

@@ -0,0 +1,32 @@
+{
+    "thumbnailScrollerItems": {
+        "comments": [
+            "list of thumbnail-scroller-items"
+        ]
+    },
+    "allowOpenFancyBox": {
+        "comments": [
+            "allow large version of images to be opened in CmdFancyBox-component"
+        ]
+    },
+    "imgIndex": {
+        "comments": [
+            "set a default index to activate/highlight a specific image/item"
+        ]
+    },
+    "figcaption": {
+        "comments": [
+            "set figcaption"
+        ]
+    },
+    "cmdSlideButtons": {
+        "comments": [
+            "properties for CmdSlideButtons-component"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdTooltipForInputElementsPropertyDescriptions.json

@@ -0,0 +1,42 @@
+{
+    "relatedId": {
+        "comments": [
+            "related-id for CmdTooltip-component"
+        ]
+    },
+    "validationStatus": {
+        "comments": [
+            "validation-status for CmdSystemMessage-component and CmdTooltip-component"
+        ]
+    },
+    "validationMessage": {
+        "comments": [
+            "validation-message for CmdSystemMessage-component"
+        ]
+    },
+    "showRequirements": {
+        "comments": [
+            "toggle visibility for CmdListOfRequirements-component"
+        ]
+    },
+    "validationTooltip": {
+        "comments": [
+            "validation-tooltip for CmdListOfRequirements-component"
+        ]
+    },
+    "inputRequirements": {
+        "comments": [
+            "list of input-requirements for CmdListOfRequirements-component"
+        ]
+    },
+    "inputAttributes": {
+        "comments": [
+            "helplink for CmdListOfRequirements-component"
+        ]
+    },
+    "methods": {
+        "comments": [
+            "helplink for CmdListOfRequirements-component"
+        ]
+    }
+}

package/src/documentation/generated/CmdTooltipPropertyDescriptions.json

@@ -0,0 +1,17 @@
+{
+    "CmdHeadline": {
+        "comments": [
+            "enable toggling tooltip-visibility by click"
+        ]
+    },
+    "methods": {
+        "comments": [
+            "enable toggling tooltip-visibility by click"
+        ]
+    },
+    "watch": {
+        "comments": [
+            "enable toggling tooltip-visibility by click"
+        ]
+    }
+}

package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json

@@ -0,0 +1,175 @@
+{
+    "showTotalUpload": {
+        "comments": [
+            "toggle visibility of total upload (number of files, total size, total progress"
+        ]
+    },
+    "componentHandlesUpload": {
+        "comments": [
+            "toggle if upload is handled by component itself or by outer component"
+        ]
+    },
+    "allowedFileExtensions": {
+        "comments": [
+            "list of allowed file extensions to upload (all can be selected)"
+        ]
+    },
+    "commentRequired": {
+        "comments": [
+            "activate if the comment given by the user should be mandatory",
+            "",
+            "enableComment-property must be set to true"
+        ]
+    },
+    "commentStatusMessage": {
+        "comments": [
+            "show a message if mandatory comment-textarea is not filled",
+            "",
+            "enableComment-property and commentRequired-property must be set to true"
+        ]
+    },
+    "enableDragAndDrop": {
+        "comments": [
+            "enable if files can also be dragged (and dropped) into upload-area"
+        ]
+    },
+    "enableComment": {
+        "comments": [
+            "enable if a comment should be possible to left by the user"
+        ]
+    },
+    "presetComment": {
+        "comments": [
+            "preset the comment-textarea",
+            "",
+            "enableComment-property must be set to true"
+        ]
+    },
+    "maxTotalUploadSize": {
+        "comments": [
+            "set to 0 if no maximum for total upload size should be set"
+        ]
+    },
+    "maxFileUploadSize": {
+        "comments": [
+            "max file size (in bytes) for each single file"
+        ]
+    },
+    "allowMultipleFileUploads": {
+        "comments": [
+            "enable if more than file should be enabled to be selected for upload"
+        ]
+    },
+    "uploadOptions": {
+        "comments": [
+            "defines upload options if component handles upload itself",
+            "",
+            "componentHandlesUpload-property must be true"
+        ]
+    },
+    "advancedMode": {
+        "comments": [
+            "activate to use full upload-form-style and -functionality"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "deleteIconClass": {
+        "comments": [
+            "set icon class for delete-icons"
+        ]
+    },
+    "fileUploadIconClass": {
+        "comments": [
+            "set icon class for file-upload-icon"
+        ]
+    },
+    "fileIconClass": {
+        "comments": [
+            "set icon class for file-icon"
+        ]
+    },
+    "invisibleIconClass": {
+        "comments": [
+            "set icon class for invisible-icon"
+        ]
+    },
+    "visibleIconClass": {
+        "comments": [
+            "set icon class for visible-icon"
+        ]
+    },
+    "imageIconClass": {
+        "comments": [
+            "set icon class for image-icon"
+        ]
+    },
+    "uploadIconClass": {
+        "comments": [
+            "set icon class for upload-icon"
+        ]
+    },
+    "dragAndDropIconClass": {
+        "comments": [
+            "set icon class for drag-and-drop-icon"
+        ]
+    },
+    "cancelIconClass": {
+        "comments": [
+            "set icon class for cancel-icon"
+        ]
+    },
+    "CmdHeadlineFieldset": {
+        "comments": [
+            "properties for CmdHeadline-component at of the fieldset"
+        ]
+    },
+    "CmdHeadlineNoFilesToUpload": {
+        "comments": [
+            "properties for CmdHeadline-component shown if no files for upload exist"
+        ]
+    },
+    "CmdHeadlineNoFileToUpload": {
+        "comments": [
+            "properties for CmdHeadline-component shown if no file for upload exist"
+        ]
+    },
+    "CmdHeadlineSummaryOfAllFiles": {
+        "comments": [
+            "properties for CmdHeadline-component for 'summary of all files'"
+        ]
+    },
+    "CmdHeadlineListOfSelectedFiles": {
+        "comments": [
+            "properties for CmdHeadline-component for 'list of selected files'"
+        ]
+    },
+    "CmdHeadlineSelectAdditionalFiles": {
+        "comments": [
+            "properties for CmdHeadline-component for 'select additional files'"
+        ]
+    },
+    "CmdHeadlineSelectNewFile": {
+        "comments": [
+            "properties for CmdHeadline-component for 'select new file'"
+        ]
+    },
+    "showLegend": {
+        "comments": [
+            "toggle visibility for legend-text"
+        ]
+    },
+    "textLegend": {
+        "comments": [
+            "text for legend"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdWidthLimitationWrapperPropertyDescriptions.json

@@ -0,0 +1,41 @@
+{
+    "innerComponent": {
+        "comments": [
+            "set a html-tag as inner tag"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "section, div"
+            ]
+        }
+    },
+    "innerWrapper": {
+        "comments": [
+            "activate if the inner content should be wrapped in inner component tag (recommended)",
+            "",
+            "(if deactivated, content will be directly placed inside cmd-width-limitation-wrapper)",
+            ""
+        ]
+    },
+    "sticky": {
+        "comments": [
+            "activate if wrapper (and its content) should be sticky (=position remains the same if content below is scrolled)",
+            "",
+            "i.e. use for site-header",
+            "",
+            "keep attention that more than one sticky-element on same html-level can cause problems, if content below is scrolled"
+        ]
+    },
+    "innerClass": {
+        "comments": [
+            "set class to inner component",
+            "",
+            "innerWrapper-property must be true"
+        ]
+    },
+    "anchorId": {
+        "comments": [
+            "set id for (invisible) anchor to enable shortcuts"
+        ]
+    }
+}

package/src/index.js

@@ -11,7 +11,7 @@ export { default as CmdBreadcrumbs } from '@/components/CmdBreadcrumbs'
 export { default as CmdCompanyLogo } from '@/components/CmdCompanyLogo'
 export { default as CmdCookieDisclaimer } from '@/components/CmdCookieDisclaimer'
 export { default as CmdCopyrightInformation } from '@/components/CmdCopyrightInformation'
-export { default as CmdCustomHeadline } from '@/components/CmdCustomHeadline'
+export { default as CmdHeadline } from '@/components/CmdHeadline'
 export { default as CmdFakeSelect } from '@/components/CmdFakeSelect'
 export { openFancyBox, default as CmdFancyBox } from '@/components/CmdFancyBox'
 export { default as CmdForm } from '@/components/CmdForm'
@@ -29,6 +29,7 @@ export { default as CmdOpeningHours } from '@/components/CmdOpeningHours'
 export { default as CmdPager } from '@/components/CmdPager'
 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 CmdSlideButton } from '@/components/CmdSlideButton'
 export { default as CmdSlideshow } from '@/components/CmdSlideshow'

package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js

@@ -0,0 +1,10 @@
+export default {
+  data() {
+    return {
+      defaultMessageProperties: {
+        "cmdcookiedisclaimer.title.cookie_cannot_be_disabled": "This cookie cannot be disabled, because it is required for functionality!",
+        "cmdcookiedisclaimer.title.toggle_to_accept_cookie": "Toggle to accept or reject this cookie!"
+      }
+    }
+  }
+}

package/src/mixins/FieldValidation.js

@@ -146,8 +146,16 @@ export default {
     },
     computed: {
         getValidationMessage() {
+            // check if all requirements are valid
+            // const allRequirementsValid = !this.inputRequirements.some((item) => {
+            //     return !item.valid(this.modelValue, this.$attrs)
+            // })
+
             if (this.validationStatus !== "") {
-                if (this.validationStatus === "error" && !this.validationMessage) {
+                if (this.validationStatus === "error") {
+                    if(this.validationMessage) {
+                        return this.validationMessage
+                    }
                     return this.getMessage("cmdfieldvalidation.information_not_filled_correctly")
                 }
                 if (this.validationStatus === "warning" && this.capsLockActivated) {
@@ -157,6 +165,7 @@ export default {
                     return this.getMessage("cmdfieldvalidation.information_filled_correctly")
                 }
             }
+
             return null
         },
         getStatusIconClass() {
@@ -179,15 +188,16 @@ export default {
         inputRequirements() {
             const standardRequirements = []
             // check if field is required
-            if(this.$attrs.required) {
+            if(this.$attrs.required || this.required) {
+                const inputRequired = this.required
                 standardRequirements.push({
                     message: this.getRequirementMessage(),
                     valid(value, attributes) {
-                        return !attributes.required || value.length > 0
+                        return (!attributes.required && !inputRequired) || value.length > 0
                     }
                 })
             }
-            // check if filed has a minimum length
+            // check if field has a minimum length
             if(this.$attrs.minlength) {
                 standardRequirements.push({
                     message: "Input has minimum length (" + this.modelValue.length + "/" + this.$attrs.minlength + ")",
@@ -209,7 +219,7 @@ export default {
             if ((["password", "number", "url", "email"].includes(this.$attrs.type)) && event.getModifierState("CapsLock")) {
                 this.capsLockActivated = true
                 this.validationStatus = "warning"
-            } else {
+            } else if(this.capsLockActivated && this.validationStatus === "warning") {
                 this.capsLockActivated = false
                 this.validationStatus = ""
             }
@@ -220,7 +230,7 @@ export default {
     }
 }
 
-function validateSpecialCharacters(message = "Field contains Special character") {
+function validateSpecialCharacters(message = "Field contains special character") {
   return {
       message,
       valid(value) {

package/src/mixins/Tooltip.js

@@ -1,4 +1,4 @@
-import {nextSequenceValue} from "../utils/globalSequence";
+import {nextSequenceValue} from "../utils/globalSequence"
 
 export default {
     data() {