comand-component-library 4.0.91 → 4.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.91",
+  "version": "4.0.93",
   "private": false,
   "type": "module",
   "license": "GPL-3.0-only",
@@ -20,8 +20,7 @@
   ],
   "dependencies": {
     "clickout-event": "^1.1.2",
-    "comand-component-library": "^4.0.87",
-    "comand-frontend-framework": "^4.0.80",
+    "comand-frontend-framework": "^4.0.81",
     "comand-ui-iconfonts": "^1.0.10",
     "core-js": "^3.20.1",
     "prismjs": "^1.27.0",

package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json

@@ -2,6 +2,9 @@
     "showLabelIcons": {
         "comments": [
             "show a label-icon (if exists)"
+        ],
+        "affectStyling": [
+            "partial"
         ]
     },
     "showCityBeforeZip": {
@@ -14,6 +17,11 @@
             "show icons for entries only (no text-labels will be displayed)"
         ]
     },
+    "useSlot": {
+        "comments": [
+            "enable if you want to use the slot for the provided content"
+        ]
+    },
     "showLabelTexts": {
         "comments": [
             "show a label-text for each entry"

package/src/documentation/generated/CmdBasicFormPropertyDescriptions.json

@@ -1,17 +1,52 @@
 {
+    "cmdForm": {
+        "comments": [
+            "properties for CmdForm-component"
+        ]
+    },
     "cmdHeadline": {
         "comments": [
-            "enable toggling tooltip-visibility by click"
+            "properties for CmdHeadline-component"
+        ]
+    },
+    "configuration": {
+        "comments": [
+            "configuration of predefined input-elements"
+        ]
+    },
+    "formAction": {
+        "comments": [
+            "provide a url the form should be send to"
+        ]
+    },
+    "legend": {
+        "comments": [
+            "legend for inner fieldset of the form"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
+    "receiverEmailAddress": {
+        "comments": [
+            "enter a valid email-address all information from the form should be send to"
+        ]
+    },
+    "showCityBeforeZip": {
+        "comments": [
+            "display city-input before zip-input (otherwise it the other way round)"
         ]
     },
-    "methods": {
+    "submitButton": {
         "comments": [
-            "enable toggling tooltip-visibility by click"
+            "define the submit-button"
         ]
     },
-    "watch": {
+    "useNativeSubmit": {
         "comments": [
-            "enable toggling tooltip-visibility by click"
+            "enable if you want to use a native submit-button"
         ]
     }
 }

package/src/documentation/generated/CmdBoxPropertyDescriptions.json

@@ -1,4 +1,24 @@
 {
+    "allowContentToScroll": {
+        "comments": [
+            "enable if the main-content of the box (inside box-body) should scroll"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "boxBodyClass": {
+        "comments": [
+            "define an additional class that will be applied to the box-body"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "partial"
+            ]
+        }
+    },
     "rowView": {
         "comments": [
             "arranges box-content in a row"
@@ -138,7 +158,42 @@
     },
     "cmdHeadline": {
         "comments": [
-            "properties for CmdHeadline-component"
+            "properties for CmdHeadline-component (placed in box-header or box-body)"
+        ]
+    },
+    "cmdIcon": {
+        "comments": [
+            "properties for CmdIcon-component (placed in box-body)"
+        ]
+    },
+    "cmdImage": {
+        "comments": [
+            "properties for CmdImage-component (placed in box-body)"
+        ]
+    },
+    "cmdLink": {
+        "comments": [
+            "properties for CmdLink-component (placed in box-footer)"
+        ]
+    },
+    "headlinePosition": {
+        "comments": [
+            "toggle if headline for box should be placed in box-header or above text (below optional image) in box-body"
+        ]
+    },
+    "maxBoxBodyHeight": {
+        "comments": [
+            "define a maximum height for the box"
+        ]
+    },
+    "openCollapsedBox": {
+        "comments": [
+            "enable if a collapsible box should be open by default"
+        ]
+    },
+    "useBoxBodyPadding": {
+        "comments": [
+            "enable if box-body should have body (recommend if text is displayed inside)"
         ]
     }
 }

package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json

@@ -1,4 +1,9 @@
 {
+    "allowMultipleExpandedBoxes": {
+        "comments": [
+            "activate if more than one collapsible box may be open at the same time"
+        ]
+    },
     "useRowViewAsDefault": {
         "comments": [
             "activate if boxes should be arranged vertically (each box is a row) by default"
@@ -36,6 +41,11 @@
             "activate if you want to use a flex-container instead of a css-grid-container"
         ]
     },
+    "useGap": {
+        "comments": [
+            "activate if you want to use a flex-container instead of a css-grid-container"
+        ]
+    },
     "boxesPerRow": {
         "comments": [
             "define the number of boxes per row (if view is grid-view)",
@@ -54,6 +64,11 @@
             "define icon for row-view"
         ]
     },
+    "openBoxesByDefault": {
+        "comments": [
+            "activate if collapsible boxes are opened by default"
+        ]
+    },
     "cmdHeadline": {
         "comments": [
             "properties for CmdHeadline-component"

package/src/documentation/generated/CmdContainerPropertyDescriptions.json

@@ -1,27 +1,43 @@
 {
-    "link": {
+    "cmdHeadline": {
         "comments": [
-            "link for company logo (i.e. to homepage)"
+            "properties for CmdHeadline-component"
         ]
     },
-    "pathDefaultLogo": {
+    "containerType": {
         "comments": [
-            "path to (default) logo-file"
+            "Define if the container should be a flex- or grid-container (or none of them)"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ],
+            "allowedValues": [
+                "flex, grid, none"
+            ]
+        }
+    },
+    "contentAboveSlot": {
+        "comments": [
+            "place (html-content) above the slot"
         ]
     },
-    "pathDarkmodeLogo": {
+    "contentBelowSlot": {
         "comments": [
-            "path to dark-mode logo-file"
+            "place (html-content) below the slot"
         ]
     },
-    "altText": {
+    "contentOrientation": {
         "comments": [
-            "alternative text for image"
+            "toggle if the content should be arranged horizontally or vertically"
         ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "true"
-            ]
-        }
+        "allowedValues": [
+            "horizontal, vertical"
+        ]
+    },
+    "innerClass": {
+        "comments": [
+            "define an additional class for the wrapper of the inner content"
+        ]
     }
 }

package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json

@@ -33,5 +33,10 @@
         "comments": [
             "label for button for accepting current settings"
         ]
+    },
+    "useSlot": {
+        "comments": [
+            "enable if you want to use the slot to provide content"
+        ]
     }
 }

package/src/documentation/generated/CmdFakeSelectPropertyDescriptions.json

@@ -19,6 +19,22 @@
             ]
         }
     },
+    "iconDeselectAllOptions": {
+        "comments": [
+            "set icon for 'delete all'-option (if checkboxes are used as options)"
+        ],
+        "affectStyling": [
+            "partial"
+        ]
+    },
+    "showStatusIcon": {
+        "comments": [
+            "set icon for the status (styled by validation)"
+        ],
+        "affectStyling": [
+            "partial"
+        ]
+    },
     "modelValue": {
         "comments": [
             "set default v-model (must be named modelValue in Vue3)"
@@ -91,7 +107,7 @@
     },
     "iconSelectAllOptions": {
         "comments": [
-            "set icon for \"select all\"-option"
+            "set icon for 'select all'-option"
         ]
     }
 }

package/src/documentation/generated/CmdFancyBoxPropertyDescriptions.json

@@ -14,6 +14,16 @@
             "set if content should be loaded by url"
         ]
     },
+    "defaultAriaLabelText": {
+        "comments": [
+            "(hidden) text for aria-label"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
     "showPrintButtons": {
         "comments": [
             "toggle visibility of print-buttons"

package/src/documentation/generated/CmdFormElementPropertyDescriptions.json

@@ -14,6 +14,14 @@
             ]
         }
     },
+    "showStatusIcon": {
+        "comments": [
+            "set icon for the status (styled by validation)"
+        ],
+        "affectStyling": [
+            "partial"
+        ]
+    },
     "showLabel": {
         "comments": [
             "hide label (and asterisk if mandatory)",

package/src/documentation/generated/CmdFormPropertyDescriptions.json

@@ -1,40 +1,52 @@
 {
-    "novalidate": {
+    "formAction": {
         "comments": [
-            "deactivate if browser-validation should be used"
+            "provide a url the form should be send to"
         ]
     },
-    "useValidation": {
+    "submitButton": {
         "comments": [
-            "if activated the entire form will be validated by pre-coded validation"
+            "define the submit-button"
+        ]
+    },
+    "formElements": {
+        "comments": [
+            "list of provides form elements"
+        ]
+    },
+    "useSlot": {
+        "comments": [
+            "enable if you want to use the slot for the provided content"
+        ]
+    },
+    "legend": {
+        "comments": [
+            "legend for inner fieldset of the form"
         ],
         "annotations": {
-            "affectsStyling": [
+            "requiredForAccessibility": [
                 "true"
             ]
         }
     },
-    "useFieldset": {
+    "novalidate": {
         "comments": [
-            "activate if you want to use a fieldset"
+            "deactivate if browser-validation should be used"
+        ]
+    },
+    "useValidation": {
+        "comments": [
+            "if activated the entire form will be validated by pre-coded validation"
         ],
         "annotations": {
-            "requiredForAccessibility": [
+            "affectsStyling": [
                 "true"
             ]
         }
     },
-    "showLegend": {
-        "comments": [
-            "toggle visibility for legend-text",
-            "",
-            "useFieldset must be activated"
-        ]
-    },
-    "textLegend": {
+    "useFieldset": {
         "comments": [
-            "text for legend",
-            "useFieldset must be activated"
+            "activate if you want to use a fieldset"
         ],
         "annotations": {
             "requiredForAccessibility": [

package/src/documentation/generated/CmdHeadlinePropertyDescriptions.json

@@ -14,9 +14,19 @@
             "small pre-headline-text above main-headline"
         ]
     },
-    "iconClass": {
+    "cmdIcon": {
         "comments": [
-            "icon-class for icon shown left/before headline"
+            "properties for CmdIcon-component"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "partial"
+            ]
+        }
+    },
+    "textAlign": {
+        "comments": [
+            "Align of headline-text (incl. pre-headline-text if defined)"
         ]
     }
 }

package/src/documentation/generated/CmdImageGalleryPropertyDescriptions.json

@@ -1,4 +1,14 @@
 {
+    "cmdHeadline": {
+        "comments": [
+            "properties for CmdHeadline-component"
+        ]
+    },
+    "useFancyboxForLargeImages": {
+        "comments": [
+            "enable if images should be clickable and large version of the image (must be defined) should e displayed in a fancybox)"
+        ]
+    },
     "images": {
         "comments": [
             "list of images (incl. captions)"

package/src/documentation/generated/CmdImagePropertyDescriptions.json

@@ -8,5 +8,20 @@
         "comments": [
             "figcaption-object including visibility, position (top/bottom), text"
         ]
+    },
+    "maxFileUploadSize": {
+        "comments": [
+            "define a maximum size (in bytes) for images to upload (edit-mode only)"
+        ]
+    },
+    "minImageWidth": {
+        "comments": [
+            "define a minim width (in pixels) for images to upload (edit-mode only)"
+        ]
+    },
+    "useFigureTag": {
+        "comments": [
+            "toggle if image should be wrapped by a figure-tag (recommend if figcaption is used)"
+        ]
     }
 }

package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json

@@ -82,6 +82,11 @@
             "toggle label-text visibility"
         ]
     },
+    "showStatusIcon": {
+        "comments": [
+            "Toggle visibility of icon for status (i.e. error, warning)"
+        ]
+    },
     "labelText": {
         "comments": [
             "label-text for input-group"

package/src/documentation/generated/CmdLinkPropertyDescriptions.json

@@ -1,45 +1,49 @@
 {
-    "novalidate": {
+    "fancybox": {
         "comments": [
-            "deactivate if browser-validation should be used"
+            "deactivate if link should open content in fancybox"
         ]
     },
-    "useValidation": {
+    "icon": {
         "comments": [
-            "if activated the entire form will be validated by pre-coded validation"
-        ],
-        "annotations": {
-            "affectsStyling": [
-                "true"
-            ]
-        }
+            "define (additional) icon as link"
+        ]
     },
-    "useFieldset": {
+    "linkType": {
         "comments": [
-            "activate if you want to use a fieldset"
+            "define type of link"
         ],
         "annotations": {
-            "requiredForAccessibility": [
-                "true"
+            "allowedValues": [
+                "href, router, button"
             ]
         }
     },
-    "showLegend": {
+    "path": {
         "comments": [
-            "toggle visibility for legend-text",
-            "",
-            "useFieldset must be activated"
+            "the url the link will open or an object for the router"
         ]
     },
-    "textLegend": {
+    "target": {
         "comments": [
-            "text for legend",
-            "useFieldset must be activated"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "true"
-            ]
-        }
+            "define a target (i.e. _blank) to open path in new tab"
+        ]
+    },
+    "text": {
+        "comments": [
+            "the displayed text for the link"
+        ]
+    },
+    "styleAsButton": {
+        "comments": [
+            "activate if the link should be styled as default button"
+        ]
+    },
+    "primaryButton": {
+        "comments": [
+            "activate if the link should be styled as primary button",
+            "",
+            "(styledAsButton-property must be activated)"
+        ]
     }
 }

package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json

@@ -4,6 +4,11 @@
             "activate if component should contain a list of anchors for the section within th page"
         ]
     },
+    "showListStyleItems": {
+        "comments": [
+            "Toggle visibility of list-style-items for list-entries"
+        ]
+    },
     "activeSection": {
         "comments": [
             "given active section from outside to set class for styling",

package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json

@@ -4,9 +4,19 @@
             "value for v-model (modelValue is default name in vue 3)"
         ]
     },
-    "textLegendLoginForm": {
+    "buttonLogin": {
         "comments": [
-            "text used as legend for login-fieldset"
+            "define login-/submit-button to login"
+        ]
+    },
+    "buttonSendLogin": {
+        "comments": [
+            "define 'send login-'/submit-button to send login-data"
+        ]
+    },
+    "legendLoginForm": {
+        "comments": [
+            "define legend for 'login'-form"
         ],
         "annotations": {
             "requiredForAccessibility": [
@@ -14,14 +24,9 @@
             ]
         }
     },
-    "showLegend": {
+    "legendForgotLoginForm": {
         "comments": [
-            "toggle legend visibility"
-        ]
-    },
-    "textLegendForgotLoginForm": {
-        "comments": [
-            "legend for forgot-login-fieldset"
+            "define legend for 'forgot-login'-form"
         ],
         "annotations": {
             "requiredForAccessibility": [
@@ -29,6 +34,16 @@
             ]
         }
     },
+    "orientation": {
+        "comments": [
+            "orientation for form-elements"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "horizontal, vertical"
+            ]
+        }
+    },
     "cmdHeadlineLoginForm": {
         "comments": [
             "properties for CmdHeadline-component for login-form"

package/src/documentation/generated/CmdMainNavigationPropertyDescriptions.json

@@ -19,6 +19,16 @@
             "list of all navigation-entries (incl. sub-entries)"
         ]
     },
+    "offcanvasPosition": {
+        "comments": [
+            "position of OffCanvas-navigation"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "right, left"
+            ]
+        }
+    },
     "closeOffcanvas": {
         "comments": [
             "link shown inside off-canvas-navigation to close itself"

package/src/documentation/generated/CmdMultistepFormProgressBarPropertyDescriptions.json

@@ -13,5 +13,10 @@
         "comments": [
             "icon-class for separator shown between multisteps"
         ]
+    },
+    "useGap": {
+        "comments": [
+            "activate if a gap should be shown between the steps"
+        ]
     }
 }