comand-component-library 3.1.70 → 3.1.73

package/src/documentation/generated/CmdFormElementPropertyDescriptions.json

@@ -0,0 +1,253 @@
+{
+    "modelValue": {
+        "comments": [
+            "set value for v-model (must be named modelValue in vue3 if default v-model should be used)"
+        ]
+    },
+    "element": {
+        "comments": [
+            "set type of native form-element"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "input, select, textarea, button"
+            ]
+        }
+    },
+    "showLabel": {
+        "comments": [
+            "hide label (and asterisk if mandatory)",
+            "",
+            "label may not be removed, because it is required for accessibility"
+        ]
+    },
+    "labelText": {
+        "comments": [
+            "text for label"
+        ]
+    },
+    "toggleSwitch": {
+        "comments": [
+            "set to activate to use toggle-switch-styling",
+            "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "onLabel": {
+        "comments": [
+            "text for on-label",
+            "",
+            "set to activate switch-label (=label is placed on toggle-switch (not behind))",
+            "toggleSwitch-prop must be set to \"true\"",
+            "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
+        ]
+    },
+    "offLabel": {
+        "comments": [
+            "text for off-label",
+            "",
+            "set to activate switch-label (=label is placed on toggle-switch (not behind))",
+            "toggleSwitch-prop must be set to \"true\"",
+            "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
+        ]
+    },
+    "colored": {
+        "comments": [
+            "on/off-, yes/no-color-styling",
+            "set to true, if checkbox/radio-buttons should have green/checked and red/unchecked color-coding",
+            "toggleSwitch-prop must be set to \"true\"",
+            "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "inputValue": {
+        "comments": [
+            "allow checkbox/radio-buttons to get value from outside"
+        ]
+    },
+    "replaceInputType": {
+        "comments": [
+            "for replacing native checkboxes/radio-buttons by custom ones (based on frontend-framework)"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "inputClass": {
+        "comments": [
+            "set an optional class on native form-element (use native class=\"\" on component ot set class on outer-component-element)",
+            "",
+            "may not be named as 'class' because it is a reserved keyword in JavaScript"
+        ]
+    },
+    "id": {
+        "comments": [
+            "if for native form-element"
+        ]
+    },
+    "datalist": {
+        "comments": [
+            "set if a native datalist should be used"
+        ]
+    },
+    "selectOptions": {
+        "comments": [
+            "list of options for selectbox",
+            "",
+            "element-property must be 'select'"
+        ]
+    },
+    "nativeButton": {
+        "comments": [
+            "native button"
+        ]
+    },
+    "tooltipText": {
+        "comments": [
+            "set text for tooltip"
+        ]
+    },
+    "fieldIconClass": {
+        "comments": [
+            "set class for inner icon (icon placed 'inside' input/ left of input-text)",
+            "",
+            "element-property must be 'input' and type-property may not be checkbox or radio"
+        ]
+    },
+    "displayLabelInline": {
+        "comments": [
+            "activate if label-text should be place inline/left of form-element (and not above)",
+            "",
+            "type-property may not be checkbox or radio"
+        ]
+    },
+    "status": {
+        "comments": [
+            "set status for label and form-element"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "error, success",
+                ""
+            ],
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "showCharactersTextarea": {
+        "comments": [
+            "toggle display of number of used and allowed characters for textarea",
+            "",
+            "type-property must be set to textarea"
+        ]
+    },
+    "showSearchButton": {
+        "comments": [
+            "toggle visibility of search-button (next to search-field)"
+        ]
+    },
+    "iconDelete": {
+        "comments": [
+            "icon to delete search term",
+            "",
+            "element-property must me set to 'input'",
+            "type-property must be set to 'search'",
+            ""
+        ]
+    },
+    "iconSearch": {
+        "comments": [
+            "icon to search term",
+            "",
+            "element-property must me set to 'input'",
+            "type-property must be set to 'search'",
+            ""
+        ]
+    },
+    "iconHasStateError": {
+        "comments": [
+            "icon for error-validated items in list-of-requirements",
+            "",
+            "element-property must me set to 'input'",
+            "showRequirements-property must be set to 'true'",
+            ""
+        ]
+    },
+    "iconHasStateWarning": {
+        "comments": [
+            "icon for warning-validated items in list-of-requirements",
+            "",
+            "element-property must me set to 'input'",
+            "showRequirements-property must be set to 'true'",
+            ""
+        ]
+    },
+    "iconHasStateSuccess": {
+        "comments": [
+            "icon for success-validated items in list-of-requirements",
+            "",
+            "element-property must me set to 'input'",
+            "showRequirements-property must be set to 'true'",
+            ""
+        ]
+    },
+    "iconHasStateInfo": {
+        "comments": [
+            "icon for info-validated items in list-of-requirements",
+            "",
+            "element-property must me set to 'input'",
+            "showRequirements-property must be set to 'true'",
+            ""
+        ]
+    },
+    "useIconsForToggleSwitch": {
+        "comments": [
+            "toggle if toggle-switch shows icons for checked/unchecked-status"
+        ]
+    },
+    "toggleSwitchCheckedIconClass": {
+        "comments": [
+            "icon for toggle-switch checked",
+            "",
+            "toggle-switch-property must be activated",
+            "use-icons-for-toggle-switch-property must be activated"
+        ]
+    },
+    "toggleSwitchUncheckedIconClass": {
+        "comments": [
+            "icon for toggle-switch unchecked",
+            "",
+            "toggle-switch-property must be activated",
+            "use-icons-for-toggle-switch-property must be activated"
+        ]
+    },
+    "iconPasswordVisible": {
+        "comments": [
+            "icon to toggle password-visibility",
+            "",
+            "element-property must me set to 'input'",
+            "type-property must be set to 'password'",
+            ""
+        ]
+    },
+    "iconPasswordInvisible": {
+        "comments": [
+            "icon to toggle password-visibility",
+            "",
+            "element-property must me set to 'input'",
+            "type-property must be set to 'password'",
+            ""
+        ]
+    }
+}

package/src/documentation/generated/CmdFormFiltersPropertyDescriptions.json

@@ -0,0 +1,32 @@
+{
+    "modelValue": {
+        "comments": [
+            "model-value to support v-model"
+        ]
+    },
+    "linkDeleteAllFilters": {
+        "comments": [
+            "delete-all-filters-link"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "deleteFilter": {
+        "comments": [
+            "icon for deleting (a single) filter"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "selectedOptionsName": {
+        "comments": [
+            "name for selected options"
+        ]
+    }
+}

package/src/documentation/generated/CmdFormPropertyDescriptions.json

@@ -0,0 +1,40 @@
+{
+    "useValidation": {
+        "comments": [
+            "if activated the entire form will be validated by pre-coded validation"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "useFieldset": {
+        "comments": [
+            "activate if you want to use a fieldset"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
+    "showLegend": {
+        "comments": [
+            "toggle visibility for legend-text",
+            "",
+            "useFieldset must be activated"
+        ]
+    },
+    "textLegend": {
+        "comments": [
+            "text for legend",
+            "useFieldset must be activated"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdGoogleMapsPropertyDescriptions.json

@@ -0,0 +1,7 @@
+{
+    "address": {
+        "comments": [
+            "address to show on Google Maps™"
+        ]
+    }
+}

package/src/documentation/generated/CmdImageGalleryPropertyDescriptions.json

@@ -0,0 +1,22 @@
+{
+    "images": {
+        "comments": [
+            "list of images (incl. captions)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "figcaptionPosition": {
+        "comments": [
+            "position of figcaption"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "top, bottom"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdImageZoomPropertyDescriptions.json

@@ -0,0 +1,12 @@
+{
+    "smallImageUrl": {
+        "comments": [
+            "url for small images"
+        ]
+    },
+    "largeImageUrl": {
+        "comments": [
+            "url for large image"
+        ]
+    }
+}

package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json

@@ -0,0 +1,86 @@
+{
+    "modelValue": {
+        "comments": [
+            "set value for v-model (must be named modelValue in vue3 if default v-model should be used)"
+        ]
+    },
+    "inputElements": {
+        "comments": [
+            "list of input-elements inside group",
+            "",
+            "useSlot-property must be set to 'false'"
+        ]
+    },
+    "inputTypes": {
+        "comments": [
+            "set type for inputs in group"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "checkbox, radio"
+            ]
+        }
+    },
+    "replaceInputType": {
+        "comments": [
+            "for replacing native checkboxes/radio-buttons by custom ones (based on frontend-framework)"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "useSlot": {
+        "comments": [
+            "activate if input-elements should be given by slot"
+        ]
+    },
+    "multipleSwitch": {
+        "comments": [
+            "toggle multipleSwitch-styling"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "showLabel": {
+        "comments": [
+            "toggle label-text visibility"
+        ]
+    },
+    "labelText": {
+        "comments": [
+            "label-text for input-group"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
+    "labelInline": {
+        "comments": [
+            "toggle label-position (inline/left of input-elements or above input-elements)"
+        ]
+    },
+    "stretchHorizontally": {
+        "comments": [
+            "toggle if input-elements will be stretched horizontally"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "disabled": {
+        "comments": [
+            "define disabled-property to set disabled-style",
+            "",
+            "component cannot handle native disabled-attribute, because it is no native form-element"
+        ]
+    }
+}

package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json

@@ -0,0 +1,60 @@
+{
+    "sectionAnchors": {
+        "comments": [
+            "activate if component should contain a list of anchors for the section within th page"
+        ]
+    },
+    "activeSection": {
+        "comments": [
+            "given active section from outside to set class for styling",
+            "",
+            "sectionAnchors-property must be activated"
+        ]
+    },
+    "align": {
+        "comments": [
+            "set horizontal alignment",
+            "orientation-property must be set to 'horizontal'"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "left, center, right"
+            ]
+        }
+    },
+    "cmdCustomHeadline": {
+        "comments": [
+            "properties for cmdCustomHeadline-component"
+        ]
+    },
+    "links": {
+        "comments": [
+            "list of displayed links"
+        ]
+    },
+    "orientation": {
+        "comments": [
+            "toggle orientation of list"
+        ],
+        "annotations": {
+            "allowedValues": [
+                "horizontal, vertical"
+            ]
+        }
+    },
+    "useGap": {
+        "comments": [
+            "toggle gab between links"
+        ]
+    },
+    "styleAsBox": {
+        "comments": [
+            "style component like a box"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json

@@ -0,0 +1,90 @@
+{
+    "modelValue": {
+        "comments": [
+            "value for v-model (modelValue is default name in vue 3)"
+        ]
+    },
+    "textLegend": {
+        "comments": [
+            "text used as legend for login-fieldset"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
+    "showLegend": {
+        "comments": [
+            "toggle legend visibility"
+        ]
+    },
+    "legendSendLoginForm": {
+        "comments": [
+            "legend for send-login-fieldset"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "true"
+            ]
+        }
+    },
+    "cmdCustomHeadlineLoginForm": {
+        "comments": [
+            "properties for CmdCustomHeadline-component for login-form"
+        ]
+    },
+    "cmdCustomHeadlineSendLoginForm": {
+        "comments": [
+            "properties for CmdCustomHeadline-component for send-login-form"
+        ]
+    },
+    "cmdFormElementUsername": {
+        "comments": [
+            "properties for CmdFormElement-component for username-field"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "cmdFormElementPassword": {
+        "comments": [
+            "properties for CmdFormElement-component for password-field"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "cmdFormElementSendLogin": {
+        "comments": [
+            "properties for CmdFormElement-component for email-address-field (to send login-data)"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "options": {
+        "comments": [
+            "options to display",
+            "",
+            "forgotPassword: toggles form to send password by email",
+            "createAccount: creates a link (href/router) which could lead to a register-form"
+        ]
+    },
+    "buttons": {
+        "comments": [
+            "button to login"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdMainNavigationPropertyDescriptions.json

@@ -0,0 +1,62 @@
+{
+    "stretchMainItems": {
+        "comments": [
+            "toggle if main-entries (on first-level) should be (horizontally) stretched equally"
+        ]
+    },
+    "persistOnMobile": {
+        "comments": [
+            "set if navigation should persist on mobile and not be collapsed to off-canvas"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
+    "navigationEntries": {
+        "comments": [
+            "list of all navigation-entries (incl. sub-entries)"
+        ]
+    },
+    "closeOffcanvas": {
+        "comments": [
+            "link shown inside off-canvas-navigation to close itself"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "buttonOffcanvas": {
+        "comments": [
+            "button to open off-canvas-navigation"
+        ],
+        "annotations": {
+            "requiredForAccessibility": [
+                "partial"
+            ]
+        }
+    },
+    "subentriesIconClass": {
+        "comments": [
+            "icon to show if an navigation-entry has sub-entries"
+        ]
+    },
+    "subSubentriesIconClass": {
+        "comments": [
+            "icon to show if a sub-entry has further sub-entries"
+        ]
+    },
+    "showContentOverlay": {
+        "comments": [
+            "toggle if overlay over content should be shown if off-canvas is open"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    }
+}

package/src/documentation/generated/CmdMultistepFormProgressBarPropertyDescriptions.json

@@ -0,0 +1,17 @@
+{
+    "showStepNumber": {
+        "comments": [
+            "toggle visibility of step-number in front/left of link-icon and -name"
+        ]
+    },
+    "multisteps": {
+        "comments": [
+            "list of multisteps"
+        ]
+    },
+    "separatorIconClass": {
+        "comments": [
+            "icon-class for separator shown between multisteps"
+        ]
+    }
+}