comand-component-library 3.1.72 → 3.1.75

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) 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 +3 -3
  4. package/src/App.vue +112 -79
  5. package/src/assets/data/cookie-disclaimer.json +7 -6
  6. package/src/assets/data/input-group-radiobuttons.json +23 -0
  7. package/src/assets/data/input-group-replaced-radiobuttons.json +23 -0
  8. package/src/assets/data/input-group-toggle-switch-radiobuttons.json +23 -0
  9. package/src/assets/styles/global-styles.scss +20 -59
  10. package/src/components/CmdAddressData.vue +7 -7
  11. package/src/components/CmdBankAccountData.vue +7 -7
  12. package/src/components/CmdBox.vue +25 -31
  13. package/src/components/CmdBoxSiteSearch.vue +9 -9
  14. package/src/components/CmdCookieDisclaimer.vue +93 -25
  15. package/src/components/CmdFakeSelect.vue +36 -52
  16. package/src/components/CmdFormElement.vue +36 -57
  17. package/src/components/{CmdCustomHeadline.vue → CmdHeadline.vue} +1 -1
  18. package/src/components/CmdInputGroup.vue +156 -24
  19. package/src/components/CmdListOfLinks.vue +8 -8
  20. package/src/components/CmdListOfRequirements.vue +150 -0
  21. package/src/components/CmdLoginForm.vue +17 -17
  22. package/src/components/CmdMainNavigation.vue +2 -2
  23. package/src/components/CmdOpeningHours.vue +5 -5
  24. package/src/components/CmdSiteFooter.vue +76 -0
  25. package/src/components/CmdSiteHeader.vue +2 -1
  26. package/src/components/CmdSystemMessage.vue +28 -11
  27. package/src/components/CmdTabs.vue +8 -8
  28. package/src/components/CmdToggleDarkMode.vue +42 -5
  29. package/src/components/CmdTooltip.vue +13 -13
  30. package/src/components/CmdTooltipForInputElements.vue +122 -0
  31. package/src/components/CmdUploadForm.vue +32 -32
  32. package/src/components/CmdWidthLimitationWrapper.vue +0 -17
  33. package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +32 -0
  34. package/src/documentation/generated/CmdBackToTopButtonPropertyDescriptions.json +12 -0
  35. package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +34 -0
  36. package/src/documentation/generated/CmdBoxPropertyDescriptions.json +96 -0
  37. package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +79 -0
  38. package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json +47 -0
  39. package/src/documentation/generated/CmdBreadcrumbsPropertyDescriptions.json +17 -0
  40. package/src/documentation/generated/CmdCompanyLogoPropertyDescriptions.json +27 -0
  41. package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +37 -0
  42. package/src/documentation/generated/CmdCustomHeadlinePropertyDescriptions.json +22 -0
  43. package/src/documentation/generated/CmdFakeSelectPropertyDescriptions.json +84 -0
  44. package/src/documentation/generated/CmdFancyBoxPropertyDescriptions.json +62 -0
  45. package/src/documentation/generated/CmdFormElementPropertyDescriptions.json +258 -0
  46. package/src/documentation/generated/CmdFormFiltersPropertyDescriptions.json +32 -0
  47. package/src/documentation/generated/CmdFormPropertyDescriptions.json +40 -0
  48. package/src/documentation/generated/CmdGoogleMapsPropertyDescriptions.json +7 -0
  49. package/src/documentation/generated/CmdHeadlinePropertyDescriptions.json +22 -0
  50. package/src/documentation/generated/CmdImageGalleryPropertyDescriptions.json +22 -0
  51. package/src/documentation/generated/CmdImageZoomPropertyDescriptions.json +12 -0
  52. package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json +117 -0
  53. package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +60 -0
  54. package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +32 -0
  55. package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +90 -0
  56. package/src/documentation/generated/CmdMainNavigationPropertyDescriptions.json +62 -0
  57. package/src/documentation/generated/CmdMultistepFormProgressBarPropertyDescriptions.json +17 -0
  58. package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +42 -0
  59. package/src/documentation/generated/CmdPagerPropertyDescriptions.json +37 -0
  60. package/src/documentation/generated/CmdProgressBarPropertyDescriptions.json +32 -0
  61. package/src/documentation/generated/CmdShareButtonsPropertyDescriptions.json +34 -0
  62. package/src/documentation/generated/CmdSiteFooterPropertyDescriptions.json +12 -0
  63. package/src/documentation/generated/CmdSiteHeaderPropertyDescriptions.json +27 -0
  64. package/src/documentation/generated/CmdSlideButtonPropertyDescriptions.json +25 -0
  65. package/src/documentation/generated/CmdSlideshowPropertyDescriptions.json +42 -0
  66. package/src/documentation/generated/CmdSwitchLanguagePropertyDescriptions.json +7 -0
  67. package/src/documentation/generated/CmdSystemMessagePropertyDescriptions.json +45 -0
  68. package/src/documentation/generated/CmdTablePropertyDescriptions.json +72 -0
  69. package/src/documentation/generated/CmdTabsPropertyDescriptions.json +27 -0
  70. package/src/documentation/generated/CmdThumbnailScrollerPropertyDescriptions.json +32 -0
  71. package/src/documentation/generated/CmdTooltipForInputElementsPropertyDescriptions.json +42 -0
  72. package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +17 -0
  73. package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +175 -0
  74. package/src/documentation/generated/CmdWidthLimitationWrapperPropertyDescriptions.json +41 -0
  75. package/src/index.js +2 -1
  76. package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +10 -0
  77. package/src/mixins/FieldValidation.js +16 -6
  78. package/src/mixins/Tooltip.js +1 -1
@@ -0,0 +1,37 @@
1
+ {
2
+ "modelValue": {
3
+ "comments": [
4
+ "set default v-model (must be named modelValue in Vue3)"
5
+ ]
6
+ },
7
+ "CmdHeadlineCookieDisclaimer": {
8
+ "comments": [
9
+ "properties for CmdHeadline-component at top of cookie disclaimer"
10
+ ]
11
+ },
12
+ "cmdBoxRequiredCookies": {
13
+ "comments": [
14
+ "property for CmdBox-component surrounding the required cookies"
15
+ ]
16
+ },
17
+ "cmdBoxOptionalCookies": {
18
+ "comments": [
19
+ "property for CmdBox-component surrounding the optional cookies"
20
+ ]
21
+ },
22
+ "cookieOptions": {
23
+ "comments": [
24
+ "list of cookie-options"
25
+ ]
26
+ },
27
+ "buttonLabelAcceptAllCookies": {
28
+ "comments": [
29
+ "label for button to accepting all cookies"
30
+ ]
31
+ },
32
+ "buttonLabelAcceptCurrentSettings": {
33
+ "comments": [
34
+ "label for button for accepting current settings"
35
+ ]
36
+ }
37
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "headlineText": {
3
+ "comments": [
4
+ "text for headline"
5
+ ]
6
+ },
7
+ "headlineLevel": {
8
+ "comments": [
9
+ "level for headline"
10
+ ]
11
+ },
12
+ "preHeadlineText": {
13
+ "comments": [
14
+ "small pre-headline-text above main-headline"
15
+ ]
16
+ },
17
+ "iconClass": {
18
+ "comments": [
19
+ "icon-class for icon shown left/before headline"
20
+ ]
21
+ }
22
+ }
@@ -0,0 +1,84 @@
1
+ {
2
+ "type": {
3
+ "comments": [
4
+ "set different default selectbox-types for"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "default, color, country, checkboxOptions"
9
+ ]
10
+ }
11
+ },
12
+ "optionLinkType": {
13
+ "comments": [
14
+ "set type of option-links"
15
+ ],
16
+ "annotations": {
17
+ "allowedValues": [
18
+ "href, router"
19
+ ]
20
+ }
21
+ },
22
+ "modelValue": {
23
+ "comments": [
24
+ "set default v-model (must be named modelValue in Vue3)"
25
+ ]
26
+ },
27
+ "selectData": {
28
+ "comments": [
29
+ "list of options to select (incl. displayed names and values)",
30
+ "",
31
+ "type-property must be set to \"checkboxOptions\""
32
+ ]
33
+ },
34
+ "showSelectAllOptions": {
35
+ "comments": [
36
+ "toggles option to (de)select all options in a checkbox-list",
37
+ "",
38
+ "type-property must be set to \"checkboxOptions\""
39
+ ]
40
+ },
41
+ "status": {
42
+ "comments": [
43
+ "status (i.e. for validation)"
44
+ ],
45
+ "annotations": {
46
+ "allowedValues": [
47
+ "error, warning, success, info"
48
+ ],
49
+ "affectsStyling": [
50
+ "true"
51
+ ]
52
+ }
53
+ },
54
+ "dropdownIcon": {
55
+ "comments": [
56
+ "icon for dropdown-icon (i.e. an angle/arrow)"
57
+ ],
58
+ "annotations": {
59
+ "requiredForAccessibility": [
60
+ "partial"
61
+ ],
62
+ "defaultIcon": [
63
+ "icon-single-arrow-down"
64
+ ]
65
+ }
66
+ },
67
+ "labelText": {
68
+ "comments": [
69
+ "label-text for fake-select",
70
+ "",
71
+ " @requiredForAccessibility: true"
72
+ ]
73
+ },
74
+ "showLabel": {
75
+ "comments": [
76
+ "toggle label visibility"
77
+ ]
78
+ },
79
+ "pathFlags": {
80
+ "comments": [
81
+ "path to flag-files (will be combined with flag isoCode to load svg)"
82
+ ]
83
+ }
84
+ }
@@ -0,0 +1,62 @@
1
+ {
2
+ "url": {
3
+ "comments": [
4
+ "set if content should be loaded by url"
5
+ ]
6
+ },
7
+ "fancyboxOptions": {
8
+ "comments": [
9
+ "options to show at top (closeIcon, printButtons)"
10
+ ]
11
+ },
12
+ "allowEscapeKey": {
13
+ "comments": [
14
+ "allow closing fancybox by escape-key"
15
+ ]
16
+ },
17
+ "content": {
18
+ "comments": [
19
+ "the content shown in the main area"
20
+ ]
21
+ },
22
+ "elements": {
23
+ "comments": [
24
+ "list of show elements (not images)"
25
+ ]
26
+ },
27
+ "fancyBoxGallery": {
28
+ "comments": [
29
+ "use if a gallery of images should be opened (and navigated) inside fancybox"
30
+ ]
31
+ },
32
+ "defaultGalleryIndex": {
33
+ "comments": [
34
+ "if gallery is used, you can set default index"
35
+ ]
36
+ },
37
+ "show": {
38
+ "comments": [
39
+ "show/hide entire fancybox"
40
+ ]
41
+ },
42
+ "showOverlay": {
43
+ "comments": [
44
+ "show/hide overlay (around fancybox, above website)"
45
+ ],
46
+ "annotations": {
47
+ "affectsStyling": [
48
+ "true"
49
+ ]
50
+ }
51
+ },
52
+ "altText": {
53
+ "comments": [
54
+ "alternative text for large image (required for images)"
55
+ ],
56
+ "annotations": {
57
+ "requiredForAccessibility": [
58
+ "true"
59
+ ]
60
+ }
61
+ }
62
+ }
@@ -0,0 +1,258 @@
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
+ "element": {
8
+ "comments": [
9
+ "set type of native form-element"
10
+ ],
11
+ "annotations": {
12
+ "allowedValues": [
13
+ "input, select, textarea, button"
14
+ ]
15
+ }
16
+ },
17
+ "showLabel": {
18
+ "comments": [
19
+ "hide label (and asterisk if mandatory)",
20
+ "",
21
+ "label may not be removed, because it is required for accessibility"
22
+ ]
23
+ },
24
+ "labelText": {
25
+ "comments": [
26
+ "text for label"
27
+ ],
28
+ "annotations": {
29
+ "requiredForAccessibility": [
30
+ "true"
31
+ ]
32
+ }
33
+ },
34
+ "toggleSwitch": {
35
+ "comments": [
36
+ "set to activate to use toggle-switch-styling",
37
+ "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
38
+ ],
39
+ "annotations": {
40
+ "affectsStyling": [
41
+ "true"
42
+ ]
43
+ }
44
+ },
45
+ "onLabel": {
46
+ "comments": [
47
+ "text for on-label",
48
+ "",
49
+ "set to activate switch-label (=label is placed on toggle-switch (not behind))",
50
+ "toggleSwitch-prop must be set to \"true\"",
51
+ "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
52
+ ]
53
+ },
54
+ "offLabel": {
55
+ "comments": [
56
+ "text for off-label",
57
+ "",
58
+ "set to activate switch-label (=label is placed on toggle-switch (not behind))",
59
+ "toggleSwitch-prop must be set to \"true\"",
60
+ "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
61
+ ]
62
+ },
63
+ "colored": {
64
+ "comments": [
65
+ "on/off-, yes/no-color-styling",
66
+ "set to true, if checkbox/radio-buttons should have green/checked and red/unchecked color-coding",
67
+ "toggleSwitch-prop must be set to \"true\"",
68
+ "element-prop must be set to \"input\" and type-attribute must be set to \"checkbox\" or \"radio\""
69
+ ],
70
+ "annotations": {
71
+ "affectsStyling": [
72
+ "true"
73
+ ]
74
+ }
75
+ },
76
+ "inputValue": {
77
+ "comments": [
78
+ "allow checkbox/radio-buttons to get value from outside"
79
+ ]
80
+ },
81
+ "replaceInputType": {
82
+ "comments": [
83
+ "for replacing native checkboxes/radio-buttons by custom ones (based on frontend-framework)"
84
+ ],
85
+ "annotations": {
86
+ "affectsStyling": [
87
+ "true"
88
+ ]
89
+ }
90
+ },
91
+ "inputClass": {
92
+ "comments": [
93
+ "set an optional class on native form-element (use native class=\"\" on component ot set class on outer-component-element)",
94
+ "",
95
+ "may not be named as 'class' because it is a reserved keyword in JavaScript"
96
+ ]
97
+ },
98
+ "id": {
99
+ "comments": [
100
+ "if for native form-element"
101
+ ]
102
+ },
103
+ "datalist": {
104
+ "comments": [
105
+ "set if a native datalist should be used"
106
+ ]
107
+ },
108
+ "selectOptions": {
109
+ "comments": [
110
+ "list of options for selectbox",
111
+ "",
112
+ "element-property must be 'select'"
113
+ ]
114
+ },
115
+ "nativeButton": {
116
+ "comments": [
117
+ "native button"
118
+ ]
119
+ },
120
+ "tooltipText": {
121
+ "comments": [
122
+ "set text for tooltip"
123
+ ]
124
+ },
125
+ "fieldIconClass": {
126
+ "comments": [
127
+ "set class for inner icon (icon placed 'inside' input/ left of input-text)",
128
+ "",
129
+ "element-property must be 'input' and type-property may not be checkbox or radio"
130
+ ]
131
+ },
132
+ "displayLabelInline": {
133
+ "comments": [
134
+ "activate if label-text should be place inline/left of form-element (and not above)",
135
+ "",
136
+ "type-property may not be checkbox or radio"
137
+ ]
138
+ },
139
+ "status": {
140
+ "comments": [
141
+ "set status for label and form-element"
142
+ ],
143
+ "annotations": {
144
+ "allowedValues": [
145
+ "error, warning, success, info",
146
+ ""
147
+ ],
148
+ "affectsStyling": [
149
+ "true"
150
+ ]
151
+ }
152
+ },
153
+ "showCharactersTextarea": {
154
+ "comments": [
155
+ "toggle display of number of used and allowed characters for textarea",
156
+ "",
157
+ "type-property must be set to textarea"
158
+ ]
159
+ },
160
+ "showSearchButton": {
161
+ "comments": [
162
+ "toggle visibility of search-button (next to search-field)"
163
+ ]
164
+ },
165
+ "iconDelete": {
166
+ "comments": [
167
+ "icon to delete search term",
168
+ "",
169
+ "element-property must me set to 'input'",
170
+ "type-property must be set to 'search'",
171
+ ""
172
+ ]
173
+ },
174
+ "iconSearch": {
175
+ "comments": [
176
+ "icon to search term",
177
+ "",
178
+ "element-property must me set to 'input'",
179
+ "type-property must be set to 'search'",
180
+ ""
181
+ ]
182
+ },
183
+ "iconHasStateError": {
184
+ "comments": [
185
+ "icon for error-validated items in list-of-requirements",
186
+ "",
187
+ "element-property must me set to 'input'",
188
+ "showRequirements-property must be set to 'true'",
189
+ ""
190
+ ]
191
+ },
192
+ "iconHasStateWarning": {
193
+ "comments": [
194
+ "icon for warning-validated items in list-of-requirements",
195
+ "",
196
+ "element-property must me set to 'input'",
197
+ "showRequirements-property must be set to 'true'",
198
+ ""
199
+ ]
200
+ },
201
+ "iconHasStateSuccess": {
202
+ "comments": [
203
+ "icon for success-validated items in list-of-requirements",
204
+ "",
205
+ "element-property must me set to 'input'",
206
+ "showRequirements-property must be set to 'true'",
207
+ ""
208
+ ]
209
+ },
210
+ "iconHasStateInfo": {
211
+ "comments": [
212
+ "icon for info-validated items in list-of-requirements",
213
+ "",
214
+ "element-property must me set to 'input'",
215
+ "showRequirements-property must be set to 'true'",
216
+ ""
217
+ ]
218
+ },
219
+ "useIconsForToggleSwitch": {
220
+ "comments": [
221
+ "toggle if toggle-switch shows icons for checked/unchecked-status"
222
+ ]
223
+ },
224
+ "toggleSwitchCheckedIconClass": {
225
+ "comments": [
226
+ "icon for toggle-switch checked",
227
+ "",
228
+ "toggle-switch-property must be activated",
229
+ "use-icons-for-toggle-switch-property must be activated"
230
+ ]
231
+ },
232
+ "toggleSwitchUncheckedIconClass": {
233
+ "comments": [
234
+ "icon for toggle-switch unchecked",
235
+ "",
236
+ "toggle-switch-property must be activated",
237
+ "use-icons-for-toggle-switch-property must be activated"
238
+ ]
239
+ },
240
+ "iconPasswordVisible": {
241
+ "comments": [
242
+ "icon to toggle password-visibility",
243
+ "",
244
+ "element-property must me set to 'input'",
245
+ "type-property must be set to 'password'",
246
+ ""
247
+ ]
248
+ },
249
+ "iconPasswordInvisible": {
250
+ "comments": [
251
+ "icon to toggle password-visibility",
252
+ "",
253
+ "element-property must me set to 'input'",
254
+ "type-property must be set to 'password'",
255
+ ""
256
+ ]
257
+ }
258
+ }
@@ -0,0 +1,32 @@
1
+ {
2
+ "modelValue": {
3
+ "comments": [
4
+ "model-value to support v-model"
5
+ ]
6
+ },
7
+ "linkDeleteAllFilters": {
8
+ "comments": [
9
+ "delete-all-filters-link"
10
+ ],
11
+ "annotations": {
12
+ "requiredForAccessibility": [
13
+ "partial"
14
+ ]
15
+ }
16
+ },
17
+ "deleteFilter": {
18
+ "comments": [
19
+ "icon for deleting (a single) filter"
20
+ ],
21
+ "annotations": {
22
+ "requiredForAccessibility": [
23
+ "partial"
24
+ ]
25
+ }
26
+ },
27
+ "selectedOptionsName": {
28
+ "comments": [
29
+ "name for selected options"
30
+ ]
31
+ }
32
+ }
@@ -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
+ "headlineText": {
3
+ "comments": [
4
+ "text for headline"
5
+ ]
6
+ },
7
+ "headlineLevel": {
8
+ "comments": [
9
+ "level for headline"
10
+ ]
11
+ },
12
+ "preHeadlineText": {
13
+ "comments": [
14
+ "small pre-headline-text above main-headline"
15
+ ]
16
+ },
17
+ "iconClass": {
18
+ "comments": [
19
+ "icon-class for icon shown left/before headline"
20
+ ]
21
+ }
22
+ }
@@ -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
+ }