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,42 @@
1
+ {
2
+ "useSlot": {
3
+ "comments": [
4
+ "use slot for images"
5
+ ]
6
+ },
7
+ "autoplay": {
8
+ "comments": [
9
+ "activate if images should switch automatically"
10
+ ]
11
+ },
12
+ "autoplayInterval": {
13
+ "comments": [
14
+ "set milliseconds to switch images (if autoplay is activated only)"
15
+ ]
16
+ },
17
+ "showQuickLinkIcons": {
18
+ "comments": [
19
+ "shows buttons/icons to let user quick jump to each image"
20
+ ]
21
+ },
22
+ "showCounter": {
23
+ "comments": [
24
+ "activate if current number of each image should be displayed"
25
+ ]
26
+ },
27
+ "slideshowItems": {
28
+ "comments": [
29
+ "list of images to display (use slot must be set to false)"
30
+ ]
31
+ },
32
+ "cmdSlideButtons": {
33
+ "comments": [
34
+ "properties for CmdSlideButtons-component"
35
+ ],
36
+ "annotations": {
37
+ "requiredForAccessibility": [
38
+ "partial"
39
+ ]
40
+ }
41
+ }
42
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "languages": {
3
+ "comments": [
4
+ "list of languages"
5
+ ]
6
+ }
7
+ }
@@ -0,0 +1,40 @@
1
+ {
2
+ "validationStatus": {
3
+ "comments": [
4
+ "validation-status for the message-box"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "error, warning, success, info"
9
+ ],
10
+ "affectsStyling": [
11
+ "true"
12
+ ]
13
+ }
14
+ },
15
+ "fullWidth": {
16
+ "comments": [
17
+ "activate to stretch message-box as wide as parent container (else message-box is as wide as message (+padding))"
18
+ ]
19
+ },
20
+ "iconMessage": {
21
+ "comments": [
22
+ "set icon-class for message (will be displayed left from message)"
23
+ ]
24
+ },
25
+ "systemMessage": {
26
+ "comments": [
27
+ "the system-message-text"
28
+ ]
29
+ },
30
+ "iconClose": {
31
+ "comments": [
32
+ "icon to close system-message"
33
+ ],
34
+ "annotations": {
35
+ "requiredForAccessibility": [
36
+ "partial"
37
+ ]
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,72 @@
1
+ {
2
+ "tableData": {
3
+ "comments": [
4
+ "table data (incl. caption, thead, tbody)"
5
+ ]
6
+ },
7
+ "caption": {
8
+ "comments": [
9
+ "caption for table (shown above table)"
10
+ ],
11
+ "annotations": {
12
+ "requiredForAccessibility": [
13
+ "true"
14
+ ]
15
+ }
16
+ },
17
+ "collapsible": {
18
+ "comments": [
19
+ "activate if table should be collapsible"
20
+ ]
21
+ },
22
+ "fullWidthOnDefault": {
23
+ "comments": [
24
+ "activate if table should be stretched to full width of its parent-container (else table will be as wide as its content)"
25
+ ]
26
+ },
27
+ "userCanToggleWidth": {
28
+ "comments": [
29
+ "user can toggle width (full-width (=100% of parent container or as wide as table content) with button above table)"
30
+ ]
31
+ },
32
+ "iconExpand": {
33
+ "comments": [
34
+ "icon to expand table (vertically)"
35
+ ],
36
+ "annotations": {
37
+ "requiredForAccessibility": [
38
+ "partial"
39
+ ]
40
+ }
41
+ },
42
+ "iconCollapse": {
43
+ "comments": [
44
+ "icon to collapse table (vertically)"
45
+ ],
46
+ "annotations": {
47
+ "requiredForAccessibility": [
48
+ "partial"
49
+ ]
50
+ }
51
+ },
52
+ "iconToggleWidth": {
53
+ "comments": [
54
+ "icon to shrink table (horizontally)"
55
+ ],
56
+ "annotations": {
57
+ "requiredForAccessibility": [
58
+ "partial"
59
+ ]
60
+ }
61
+ },
62
+ "iconStretch": {
63
+ "comments": [
64
+ "icon to stretch table (horizontally)"
65
+ ],
66
+ "annotations": {
67
+ "requiredForAccessibility": [
68
+ "partial"
69
+ ]
70
+ }
71
+ }
72
+ }
@@ -0,0 +1,27 @@
1
+ {
2
+ "cmdCustomHeadline": {
3
+ "comments": [
4
+ "properties for CmdCustomHeadline-component"
5
+ ]
6
+ },
7
+ "stretchTabs": {
8
+ "comments": [
9
+ "activate if tabs should be (equally) stretched horizontally over full width of tab-content"
10
+ ]
11
+ },
12
+ "tabs": {
13
+ "comments": [
14
+ "list of tabs (incl. tab-name and tab-content (optional))"
15
+ ]
16
+ },
17
+ "useSlot": {
18
+ "comments": [
19
+ "activate if content should be given by slot"
20
+ ]
21
+ },
22
+ "activeTab": {
23
+ "comments": [
24
+ "set default active/shown tab"
25
+ ]
26
+ }
27
+ }
@@ -0,0 +1,32 @@
1
+ {
2
+ "thumbnailScrollerItems": {
3
+ "comments": [
4
+ "list of thumbnail-scroller-items"
5
+ ]
6
+ },
7
+ "allowOpenFancyBox": {
8
+ "comments": [
9
+ "allow large version of images to be opened in CmdFancyBox-component"
10
+ ]
11
+ },
12
+ "imgIndex": {
13
+ "comments": [
14
+ "set a default index to activate/highlight a specific image/item"
15
+ ]
16
+ },
17
+ "figcaption": {
18
+ "comments": [
19
+ "set figcaption"
20
+ ]
21
+ },
22
+ "cmdSlideButtons": {
23
+ "comments": [
24
+ "properties for CmdSlideButtons-component"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "partial"
29
+ ]
30
+ }
31
+ }
32
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "cmdCustomHeadline": {
3
+ "comments": [
4
+ "enable toggling tooltip-visibility by click"
5
+ ]
6
+ },
7
+ "methods": {
8
+ "comments": [
9
+ "enable toggling tooltip-visibility by click"
10
+ ]
11
+ },
12
+ "watch": {
13
+ "comments": [
14
+ "enable toggling tooltip-visibility by click"
15
+ ]
16
+ }
17
+ }
@@ -0,0 +1,175 @@
1
+ {
2
+ "showTotalUpload": {
3
+ "comments": [
4
+ "toggle visibility of total upload (number of files, total size, total progress"
5
+ ]
6
+ },
7
+ "componentHandlesUpload": {
8
+ "comments": [
9
+ "toggle if upload is handled by component itself or by outer component"
10
+ ]
11
+ },
12
+ "allowedFileExtensions": {
13
+ "comments": [
14
+ "list of allowed file extensions to upload (all can be selected)"
15
+ ]
16
+ },
17
+ "commentRequired": {
18
+ "comments": [
19
+ "activate if the comment given by the user should be mandatory",
20
+ "",
21
+ "enableComment-property must be set to true"
22
+ ]
23
+ },
24
+ "commentStatusMessage": {
25
+ "comments": [
26
+ "show a message if mandatory comment-textarea is not filled",
27
+ "",
28
+ "enableComment-property and commentRequired-property must be set to true"
29
+ ]
30
+ },
31
+ "enableDragAndDrop": {
32
+ "comments": [
33
+ "enable if files can also be dragged (and dropped) into upload-area"
34
+ ]
35
+ },
36
+ "enableComment": {
37
+ "comments": [
38
+ "enable if a comment should be possible to left by the user"
39
+ ]
40
+ },
41
+ "presetComment": {
42
+ "comments": [
43
+ "preset the comment-textarea",
44
+ "",
45
+ "enableComment-property must be set to true"
46
+ ]
47
+ },
48
+ "maxTotalUploadSize": {
49
+ "comments": [
50
+ "set to 0 if no maximum for total upload size should be set"
51
+ ]
52
+ },
53
+ "maxFileUploadSize": {
54
+ "comments": [
55
+ "max file size (in bytes) for each single file"
56
+ ]
57
+ },
58
+ "allowMultipleFileUploads": {
59
+ "comments": [
60
+ "enable if more than file should be enabled to be selected for upload"
61
+ ]
62
+ },
63
+ "uploadOptions": {
64
+ "comments": [
65
+ "defines upload options if component handles upload itself",
66
+ "",
67
+ "componentHandlesUpload-property must be true"
68
+ ]
69
+ },
70
+ "advancedMode": {
71
+ "comments": [
72
+ "activate to use full upload-form-style and -functionality"
73
+ ],
74
+ "annotations": {
75
+ "affectsStyling": [
76
+ "true"
77
+ ]
78
+ }
79
+ },
80
+ "deleteIconClass": {
81
+ "comments": [
82
+ "set icon class for delete-icons"
83
+ ]
84
+ },
85
+ "fileUploadIconClass": {
86
+ "comments": [
87
+ "set icon class for file-upload-icon"
88
+ ]
89
+ },
90
+ "fileIconClass": {
91
+ "comments": [
92
+ "set icon class for file-icon"
93
+ ]
94
+ },
95
+ "invisibleIconClass": {
96
+ "comments": [
97
+ "set icon class for invisible-icon"
98
+ ]
99
+ },
100
+ "visibleIconClass": {
101
+ "comments": [
102
+ "set icon class for visible-icon"
103
+ ]
104
+ },
105
+ "imageIconClass": {
106
+ "comments": [
107
+ "set icon class for image-icon"
108
+ ]
109
+ },
110
+ "uploadIconClass": {
111
+ "comments": [
112
+ "set icon class for upload-icon"
113
+ ]
114
+ },
115
+ "dragAndDropIconClass": {
116
+ "comments": [
117
+ "set icon class for drag-and-drop-icon"
118
+ ]
119
+ },
120
+ "cancelIconClass": {
121
+ "comments": [
122
+ "set icon class for cancel-icon"
123
+ ]
124
+ },
125
+ "cmdCustomHeadlineFieldset": {
126
+ "comments": [
127
+ "properties for CmdCustomHeadline-component at of the fieldset"
128
+ ]
129
+ },
130
+ "cmdCustomHeadlineNoFilesToUpload": {
131
+ "comments": [
132
+ "properties for CmdCustomHeadline-component shown if no files for upload exist"
133
+ ]
134
+ },
135
+ "cmdCustomHeadlineNoFileToUpload": {
136
+ "comments": [
137
+ "properties for CmdCustomHeadline-component shown if no file for upload exist"
138
+ ]
139
+ },
140
+ "cmdCustomHeadlineSummaryOfAllFiles": {
141
+ "comments": [
142
+ "properties for CmdCustomHeadline-component for 'summary of all files'"
143
+ ]
144
+ },
145
+ "cmdCustomHeadlineListOfSelectedFiles": {
146
+ "comments": [
147
+ "properties for CmdCustomHeadline-component for 'list of selected files'"
148
+ ]
149
+ },
150
+ "cmdCustomHeadlineSelectAdditionalFiles": {
151
+ "comments": [
152
+ "properties for CmdCustomHeadline-component for 'select additional files'"
153
+ ]
154
+ },
155
+ "cmdCustomHeadlineSelectNewFile": {
156
+ "comments": [
157
+ "properties for CmdCustomHeadline-component for 'select new file'"
158
+ ]
159
+ },
160
+ "showLegend": {
161
+ "comments": [
162
+ "toggle visibility for legend-text"
163
+ ]
164
+ },
165
+ "textLegend": {
166
+ "comments": [
167
+ "text for legend"
168
+ ],
169
+ "annotations": {
170
+ "requiredForAccessibility": [
171
+ "true"
172
+ ]
173
+ }
174
+ }
175
+ }
@@ -0,0 +1,41 @@
1
+ {
2
+ "innerComponent": {
3
+ "comments": [
4
+ "set a html-tag as inner tag"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "section, div"
9
+ ]
10
+ }
11
+ },
12
+ "innerWrapper": {
13
+ "comments": [
14
+ "activate if the inner content should be wrapped in inner component tag (recommended)",
15
+ "",
16
+ "(if deactivated, content will be directly placed inside cmd-width-limitation-wrapper)",
17
+ ""
18
+ ]
19
+ },
20
+ "sticky": {
21
+ "comments": [
22
+ "activate if wrapper (and its content) should be sticky (=position remains the same if content below is scrolled)",
23
+ "",
24
+ "i.e. use for site-header",
25
+ "",
26
+ "keep attention that more than one sticky-element on same html-level can cause problems, if content below is scrolled"
27
+ ]
28
+ },
29
+ "innerClass": {
30
+ "comments": [
31
+ "set class to inner component",
32
+ "",
33
+ "innerWrapper-property must be true"
34
+ ]
35
+ },
36
+ "anchorId": {
37
+ "comments": [
38
+ "set id for (invisible) anchor to enable shortcuts"
39
+ ]
40
+ }
41
+ }
@@ -0,0 +1,10 @@
1
+ export default {
2
+ data() {
3
+ return {
4
+ defaultMessageProperties: {
5
+ "cmdcookiedisclaimer.title.cookie_cannot_be_disabled": "This cookie cannot be disabled, because it is required for functionality!",
6
+ "cmdcookiedisclaimer.title.toggle_to_accept_cookie": "Toggle to accept or reject this cookie!"
7
+ }
8
+ }
9
+ }
10
+ }
@@ -187,7 +187,7 @@ export default {
187
187
  }
188
188
  })
189
189
  }
190
- // check if filed has a minimum length
190
+ // check if field has a minimum length
191
191
  if(this.$attrs.minlength) {
192
192
  standardRequirements.push({
193
193
  message: "Input has minimum length (" + this.modelValue.length + "/" + this.$attrs.minlength + ")",