comand-component-library 3.1.71 → 3.1.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/comand-component-library.css +1 -1
  2. package/dist/comand-component-library.umd.min.js +1 -1
  3. package/package.json +2 -2
  4. package/src/App.vue +314 -189
  5. package/src/assets/data/cookie-disclaimer.json +7 -6
  6. package/src/assets/styles/global-styles.scss +10 -40
  7. package/src/components/CmdBox.vue +7 -5
  8. package/src/components/CmdCookieDisclaimer.vue +76 -8
  9. package/src/components/CmdFakeSelect.vue +40 -50
  10. package/src/components/CmdFormElement.vue +32 -41
  11. package/src/components/CmdInputGroup.vue +158 -12
  12. package/src/components/CmdListOfRequirements.vue +128 -0
  13. package/src/components/CmdMainNavigation.vue +2 -2
  14. package/src/components/CmdToggleDarkMode.vue +27 -10
  15. package/src/components/CmdTooltip.vue +1 -1
  16. package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +32 -0
  17. package/src/documentation/generated/CmdBackToTopButtonPropertyDescriptions.json +12 -0
  18. package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +34 -0
  19. package/src/documentation/generated/CmdBoxPropertyDescriptions.json +96 -0
  20. package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +79 -0
  21. package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json +47 -0
  22. package/src/documentation/generated/CmdBreadcrumbsPropertyDescriptions.json +17 -0
  23. package/src/documentation/generated/CmdCompanyLogoPropertyDescriptions.json +27 -0
  24. package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +37 -0
  25. package/src/documentation/generated/CmdCustomHeadlinePropertyDescriptions.json +22 -0
  26. package/src/documentation/generated/CmdFakeSelectPropertyDescriptions.json +84 -0
  27. package/src/documentation/generated/CmdFancyBoxPropertyDescriptions.json +62 -0
  28. package/src/documentation/generated/CmdFormElementPropertyDescriptions.json +253 -0
  29. package/src/documentation/generated/CmdFormFiltersPropertyDescriptions.json +32 -0
  30. package/src/documentation/generated/CmdFormPropertyDescriptions.json +40 -0
  31. package/src/documentation/generated/CmdGoogleMapsPropertyDescriptions.json +7 -0
  32. package/src/documentation/generated/CmdImageGalleryPropertyDescriptions.json +22 -0
  33. package/src/documentation/generated/CmdImageZoomPropertyDescriptions.json +12 -0
  34. package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json +122 -0
  35. package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +60 -0
  36. package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +22 -0
  37. package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +90 -0
  38. package/src/documentation/generated/CmdMainNavigationPropertyDescriptions.json +62 -0
  39. package/src/documentation/generated/CmdMultistepFormProgressBarPropertyDescriptions.json +17 -0
  40. package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +42 -0
  41. package/src/documentation/generated/CmdPagerPropertyDescriptions.json +37 -0
  42. package/src/documentation/generated/CmdProgressBarPropertyDescriptions.json +32 -0
  43. package/src/documentation/generated/CmdShareButtonsPropertyDescriptions.json +34 -0
  44. package/src/documentation/generated/CmdSiteHeaderPropertyDescriptions.json +27 -0
  45. package/src/documentation/generated/CmdSlideButtonPropertyDescriptions.json +25 -0
  46. package/src/documentation/generated/CmdSlideshowPropertyDescriptions.json +42 -0
  47. package/src/documentation/generated/CmdSwitchLanguagePropertyDescriptions.json +7 -0
  48. package/src/documentation/generated/CmdSystemMessagePropertyDescriptions.json +40 -0
  49. package/src/documentation/generated/CmdTablePropertyDescriptions.json +72 -0
  50. package/src/documentation/generated/CmdTabsPropertyDescriptions.json +27 -0
  51. package/src/documentation/generated/CmdThumbnailScrollerPropertyDescriptions.json +32 -0
  52. package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +17 -0
  53. package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +175 -0
  54. package/src/documentation/generated/CmdWidthLimitationWrapperPropertyDescriptions.json +41 -0
  55. package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +10 -0
  56. package/src/mixins/FieldValidation.js +1 -1
@@ -0,0 +1,40 @@
1
+ {
2
+ "useValidation": {
3
+ "comments": [
4
+ "if activated the entire form will be validated by pre-coded validation"
5
+ ],
6
+ "annotations": {
7
+ "affectsStyling": [
8
+ "true"
9
+ ]
10
+ }
11
+ },
12
+ "useFieldset": {
13
+ "comments": [
14
+ "activate if you want to use a fieldset"
15
+ ],
16
+ "annotations": {
17
+ "requiredForAccessibility": [
18
+ "true"
19
+ ]
20
+ }
21
+ },
22
+ "showLegend": {
23
+ "comments": [
24
+ "toggle visibility for legend-text",
25
+ "",
26
+ "useFieldset must be activated"
27
+ ]
28
+ },
29
+ "textLegend": {
30
+ "comments": [
31
+ "text for legend",
32
+ "useFieldset must be activated"
33
+ ],
34
+ "annotations": {
35
+ "requiredForAccessibility": [
36
+ "true"
37
+ ]
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "address": {
3
+ "comments": [
4
+ "address to show on Google Maps™"
5
+ ]
6
+ }
7
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "images": {
3
+ "comments": [
4
+ "list of images (incl. captions)"
5
+ ],
6
+ "annotations": {
7
+ "requiredForAccessibility": [
8
+ "partial"
9
+ ]
10
+ }
11
+ },
12
+ "figcaptionPosition": {
13
+ "comments": [
14
+ "position of figcaption"
15
+ ],
16
+ "annotations": {
17
+ "allowedValues": [
18
+ "top, bottom"
19
+ ]
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "smallImageUrl": {
3
+ "comments": [
4
+ "url for small images"
5
+ ]
6
+ },
7
+ "largeImageUrl": {
8
+ "comments": [
9
+ "url for large image"
10
+ ]
11
+ }
12
+ }
@@ -0,0 +1,122 @@
1
+ {
2
+ "modelValue": {
3
+ "comments": [
4
+ "set value for v-model (must be named modelValue in vue3 if default v-model should be used)"
5
+ ]
6
+ },
7
+ "required": {
8
+ "comments": [
9
+ "set if input-group should be required"
10
+ ]
11
+ },
12
+ "validationTooltip": {
13
+ "comments": [
14
+ "tooltip for validation"
15
+ ]
16
+ },
17
+ "inputElements": {
18
+ "comments": [
19
+ "list of input-elements inside group",
20
+ "",
21
+ "useSlot-property must be set to 'false'"
22
+ ]
23
+ },
24
+ "inputTypes": {
25
+ "comments": [
26
+ "set type for inputs in group"
27
+ ],
28
+ "annotations": {
29
+ "allowedValues": [
30
+ "checkbox, radio"
31
+ ]
32
+ }
33
+ },
34
+ "status": {
35
+ "comments": [
36
+ "set status for label and inner form-elements"
37
+ ],
38
+ "annotations": {
39
+ "allowedValues": [
40
+ "error, warning, success, info",
41
+ ""
42
+ ],
43
+ "affectsStyling": [
44
+ "true"
45
+ ]
46
+ }
47
+ },
48
+ "replaceInputType": {
49
+ "comments": [
50
+ "for replacing native checkboxes/radio-buttons by custom ones (based on frontend-framework)",
51
+ "toggleSwitch-property must be set to 'false'"
52
+ ],
53
+ "annotations": {
54
+ "affectsStyling": [
55
+ "true"
56
+ ]
57
+ }
58
+ },
59
+ "toggleSwitch": {
60
+ "comments": [
61
+ "for replacing native checkboxes/radio-buttons by toggle-switches (based on frontend-framework)",
62
+ "replaceInputType-property must be set to 'false'"
63
+ ],
64
+ "annotations": {
65
+ "affectsStyling": [
66
+ "true"
67
+ ]
68
+ }
69
+ },
70
+ "useSlot": {
71
+ "comments": [
72
+ "activate if input-elements should be given by slot"
73
+ ]
74
+ },
75
+ "multipleSwitch": {
76
+ "comments": [
77
+ "toggle multipleSwitch-styling"
78
+ ],
79
+ "annotations": {
80
+ "affectsStyling": [
81
+ "true"
82
+ ]
83
+ }
84
+ },
85
+ "showLabel": {
86
+ "comments": [
87
+ "toggle label-text visibility"
88
+ ]
89
+ },
90
+ "labelText": {
91
+ "comments": [
92
+ "label-text for input-group"
93
+ ],
94
+ "annotations": {
95
+ "requiredForAccessibility": [
96
+ "true"
97
+ ]
98
+ }
99
+ },
100
+ "labelInline": {
101
+ "comments": [
102
+ "toggle label-position (inline/left of input-elements or above input-elements)"
103
+ ]
104
+ },
105
+ "stretchHorizontally": {
106
+ "comments": [
107
+ "toggle if input-elements will be stretched horizontally"
108
+ ],
109
+ "annotations": {
110
+ "affectsStyling": [
111
+ "true"
112
+ ]
113
+ }
114
+ },
115
+ "disabled": {
116
+ "comments": [
117
+ "define disabled-property to set disabled-style",
118
+ "",
119
+ "component cannot handle native disabled-attribute, because it is no native form-element"
120
+ ]
121
+ }
122
+ }
@@ -0,0 +1,60 @@
1
+ {
2
+ "sectionAnchors": {
3
+ "comments": [
4
+ "activate if component should contain a list of anchors for the section within th page"
5
+ ]
6
+ },
7
+ "activeSection": {
8
+ "comments": [
9
+ "given active section from outside to set class for styling",
10
+ "",
11
+ "sectionAnchors-property must be activated"
12
+ ]
13
+ },
14
+ "align": {
15
+ "comments": [
16
+ "set horizontal alignment",
17
+ "orientation-property must be set to 'horizontal'"
18
+ ],
19
+ "annotations": {
20
+ "allowedValues": [
21
+ "left, center, right"
22
+ ]
23
+ }
24
+ },
25
+ "cmdCustomHeadline": {
26
+ "comments": [
27
+ "properties for cmdCustomHeadline-component"
28
+ ]
29
+ },
30
+ "links": {
31
+ "comments": [
32
+ "list of displayed links"
33
+ ]
34
+ },
35
+ "orientation": {
36
+ "comments": [
37
+ "toggle orientation of list"
38
+ ],
39
+ "annotations": {
40
+ "allowedValues": [
41
+ "horizontal, vertical"
42
+ ]
43
+ }
44
+ },
45
+ "useGap": {
46
+ "comments": [
47
+ "toggle gab between links"
48
+ ]
49
+ },
50
+ "styleAsBox": {
51
+ "comments": [
52
+ "style component like a box"
53
+ ],
54
+ "annotations": {
55
+ "affectsStyling": [
56
+ "true"
57
+ ]
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "labelText": {
3
+ "comments": [
4
+ "text for label"
5
+ ]
6
+ },
7
+ "inputRequirements": {
8
+ "comments": [
9
+ "text for label"
10
+ ]
11
+ },
12
+ "helplink": {
13
+ "comments": [
14
+ "text for label"
15
+ ]
16
+ },
17
+ "cmdCustomHeadline": {
18
+ "comments": [
19
+ "text for label"
20
+ ]
21
+ }
22
+ }
@@ -0,0 +1,90 @@
1
+ {
2
+ "modelValue": {
3
+ "comments": [
4
+ "value for v-model (modelValue is default name in vue 3)"
5
+ ]
6
+ },
7
+ "textLegend": {
8
+ "comments": [
9
+ "text used as legend for login-fieldset"
10
+ ],
11
+ "annotations": {
12
+ "requiredForAccessibility": [
13
+ "true"
14
+ ]
15
+ }
16
+ },
17
+ "showLegend": {
18
+ "comments": [
19
+ "toggle legend visibility"
20
+ ]
21
+ },
22
+ "legendSendLoginForm": {
23
+ "comments": [
24
+ "legend for send-login-fieldset"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "true"
29
+ ]
30
+ }
31
+ },
32
+ "cmdCustomHeadlineLoginForm": {
33
+ "comments": [
34
+ "properties for CmdCustomHeadline-component for login-form"
35
+ ]
36
+ },
37
+ "cmdCustomHeadlineSendLoginForm": {
38
+ "comments": [
39
+ "properties for CmdCustomHeadline-component for send-login-form"
40
+ ]
41
+ },
42
+ "cmdFormElementUsername": {
43
+ "comments": [
44
+ "properties for CmdFormElement-component for username-field"
45
+ ],
46
+ "annotations": {
47
+ "requiredForAccessibility": [
48
+ "partial"
49
+ ]
50
+ }
51
+ },
52
+ "cmdFormElementPassword": {
53
+ "comments": [
54
+ "properties for CmdFormElement-component for password-field"
55
+ ],
56
+ "annotations": {
57
+ "requiredForAccessibility": [
58
+ "partial"
59
+ ]
60
+ }
61
+ },
62
+ "cmdFormElementSendLogin": {
63
+ "comments": [
64
+ "properties for CmdFormElement-component for email-address-field (to send login-data)"
65
+ ],
66
+ "annotations": {
67
+ "requiredForAccessibility": [
68
+ "partial"
69
+ ]
70
+ }
71
+ },
72
+ "options": {
73
+ "comments": [
74
+ "options to display",
75
+ "",
76
+ "forgotPassword: toggles form to send password by email",
77
+ "createAccount: creates a link (href/router) which could lead to a register-form"
78
+ ]
79
+ },
80
+ "buttons": {
81
+ "comments": [
82
+ "button to login"
83
+ ],
84
+ "annotations": {
85
+ "requiredForAccessibility": [
86
+ "partial"
87
+ ]
88
+ }
89
+ }
90
+ }
@@ -0,0 +1,62 @@
1
+ {
2
+ "stretchMainItems": {
3
+ "comments": [
4
+ "toggle if main-entries (on first-level) should be (horizontally) stretched equally"
5
+ ]
6
+ },
7
+ "persistOnMobile": {
8
+ "comments": [
9
+ "set if navigation should persist on mobile and not be collapsed to off-canvas"
10
+ ],
11
+ "annotations": {
12
+ "affectsStyling": [
13
+ "true"
14
+ ]
15
+ }
16
+ },
17
+ "navigationEntries": {
18
+ "comments": [
19
+ "list of all navigation-entries (incl. sub-entries)"
20
+ ]
21
+ },
22
+ "closeOffcanvas": {
23
+ "comments": [
24
+ "link shown inside off-canvas-navigation to close itself"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "partial"
29
+ ]
30
+ }
31
+ },
32
+ "buttonOffcanvas": {
33
+ "comments": [
34
+ "button to open off-canvas-navigation"
35
+ ],
36
+ "annotations": {
37
+ "requiredForAccessibility": [
38
+ "partial"
39
+ ]
40
+ }
41
+ },
42
+ "subentriesIconClass": {
43
+ "comments": [
44
+ "icon to show if an navigation-entry has sub-entries"
45
+ ]
46
+ },
47
+ "subSubentriesIconClass": {
48
+ "comments": [
49
+ "icon to show if a sub-entry has further sub-entries"
50
+ ]
51
+ },
52
+ "showContentOverlay": {
53
+ "comments": [
54
+ "toggle if overlay over content should be shown if off-canvas is open"
55
+ ],
56
+ "annotations": {
57
+ "affectsStyling": [
58
+ "true"
59
+ ]
60
+ }
61
+ }
62
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "showStepNumber": {
3
+ "comments": [
4
+ "toggle visibility of step-number in front/left of link-icon and -name"
5
+ ]
6
+ },
7
+ "multisteps": {
8
+ "comments": [
9
+ "list of multisteps"
10
+ ]
11
+ },
12
+ "separatorIconClass": {
13
+ "comments": [
14
+ "icon-class for separator shown between multisteps"
15
+ ]
16
+ }
17
+ }
@@ -0,0 +1,42 @@
1
+ {
2
+ "cmdCustomHeadline": {
3
+ "comments": [
4
+ "properties for CmdCustomHeadline-component"
5
+ ]
6
+ },
7
+ "link": {
8
+ "comments": [
9
+ "set a link to a detail page"
10
+ ]
11
+ },
12
+ "closed": {
13
+ "comments": [
14
+ "toggles if \"closed\"-text will be shown"
15
+ ],
16
+ "annotations": {
17
+ "affectsStyling": [
18
+ "true"
19
+ ]
20
+ }
21
+ },
22
+ "textOpenClosed": {
23
+ "comments": [
24
+ "text for open/closed-information"
25
+ ]
26
+ },
27
+ "openingHours": {
28
+ "comments": [
29
+ "list of opening-hours"
30
+ ]
31
+ },
32
+ "textHolidaysClosed": {
33
+ "comments": [
34
+ "text to show if holidays closed (shown below opening-hours)"
35
+ ]
36
+ },
37
+ "textMiscInfo": {
38
+ "comments": [
39
+ "additional/miscellaneous text (shown below holiday-closed-text/opening hours)"
40
+ ]
41
+ }
42
+ }
@@ -0,0 +1,37 @@
1
+ {
2
+ "items": {
3
+ "comments": [
4
+ "number of items displayed"
5
+ ]
6
+ },
7
+ "itemsPerPage": {
8
+ "comments": [
9
+ "number of items shown per page"
10
+ ]
11
+ },
12
+ "showLinksAsButtons": {
13
+ "comments": [
14
+ "show links as buttons"
15
+ ]
16
+ },
17
+ "prevButton": {
18
+ "comments": [
19
+ "button to switch to previous page"
20
+ ],
21
+ "annotations": {
22
+ "requiredForAccessibility": [
23
+ "partial"
24
+ ]
25
+ }
26
+ },
27
+ "nextButton": {
28
+ "comments": [
29
+ "button to switch to next page"
30
+ ],
31
+ "annotations": {
32
+ "requiredForAccessibility": [
33
+ "partial"
34
+ ]
35
+ }
36
+ }
37
+ }
@@ -0,0 +1,32 @@
1
+ {
2
+ "labelText": {
3
+ "comments": [
4
+ "label-text for progress-bar"
5
+ ],
6
+ "annotations": {
7
+ "requiredForAccessibility": [
8
+ "true"
9
+ ]
10
+ }
11
+ },
12
+ "showLabel": {
13
+ "comments": [
14
+ "toggle visibility for label-text"
15
+ ]
16
+ },
17
+ "showLoadingStatus": {
18
+ "comments": [
19
+ "toggle visibility for loading-status"
20
+ ]
21
+ },
22
+ "id": {
23
+ "comments": [
24
+ "id for progress-bar"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "true"
29
+ ]
30
+ }
31
+ }
32
+ }
@@ -0,0 +1,34 @@
1
+ {
2
+ "align": {
3
+ "comments": [
4
+ "set horizontal alignment"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "left, right"
9
+ ]
10
+ }
11
+ },
12
+ "stretchButtons": {
13
+ "comments": [
14
+ "stretch-buttons to share horizontal space vertically"
15
+ ]
16
+ },
17
+ "shareButtons": {
18
+ "comments": [
19
+ "list of share-buttons (i.e. facebook, twitter etc.)"
20
+ ]
21
+ },
22
+ "page": {
23
+ "comments": [
24
+ "page to share (appended to social-bookmark-url)",
25
+ "",
26
+ "appendPage-property must be activated"
27
+ ]
28
+ },
29
+ "appendPage": {
30
+ "comments": [
31
+ "activate if page to share is not given by json-data)"
32
+ ]
33
+ }
34
+ }
@@ -0,0 +1,27 @@
1
+ {
2
+ "cmdMainNavigation": {
3
+ "comments": [
4
+ "properties for CmdMainNavigation-component"
5
+ ]
6
+ },
7
+ "closeOffcanvas": {
8
+ "comments": [
9
+ "use only if default-button of inner navigation-component should not be used"
10
+ ]
11
+ },
12
+ "sticky": {
13
+ "comments": [
14
+ "activated sticky-header (stays on top if page is scrolled)"
15
+ ]
16
+ },
17
+ "useGrid": {
18
+ "comments": [
19
+ "use a grid for positioning of inner-elements (else a flex-container will be used)"
20
+ ],
21
+ "annotations": {
22
+ "affectsStyling": [
23
+ "true"
24
+ ]
25
+ }
26
+ }
27
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "slideButtonType": {
3
+ "comments": [
4
+ "set slide-button-type"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "next, prev, up, down"
9
+ ],
10
+ "affectsStyling": [
11
+ "true"
12
+ ]
13
+ }
14
+ },
15
+ "slideButtons": {
16
+ "comments": [
17
+ "default slide-buttons"
18
+ ],
19
+ "annotations": {
20
+ "requiredForAccessibility": [
21
+ "partial"
22
+ ]
23
+ }
24
+ }
25
+ }