comand-component-library 3.1.71 → 3.1.74
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/comand-component-library.css +1 -1
- package/dist/comand-component-library.umd.min.js +1 -1
- package/package.json +2 -2
- package/src/App.vue +314 -189
- package/src/assets/data/cookie-disclaimer.json +7 -6
- package/src/assets/styles/global-styles.scss +10 -40
- package/src/components/CmdBox.vue +7 -5
- package/src/components/CmdCookieDisclaimer.vue +76 -8
- package/src/components/CmdFakeSelect.vue +40 -50
- package/src/components/CmdFormElement.vue +32 -41
- package/src/components/CmdInputGroup.vue +158 -12
- package/src/components/CmdListOfRequirements.vue +128 -0
- package/src/components/CmdMainNavigation.vue +2 -2
- package/src/components/CmdToggleDarkMode.vue +27 -10
- package/src/components/CmdTooltip.vue +1 -1
- package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +32 -0
- package/src/documentation/generated/CmdBackToTopButtonPropertyDescriptions.json +12 -0
- package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +34 -0
- package/src/documentation/generated/CmdBoxPropertyDescriptions.json +96 -0
- package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +79 -0
- package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json +47 -0
- package/src/documentation/generated/CmdBreadcrumbsPropertyDescriptions.json +17 -0
- package/src/documentation/generated/CmdCompanyLogoPropertyDescriptions.json +27 -0
- package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +37 -0
- package/src/documentation/generated/CmdCustomHeadlinePropertyDescriptions.json +22 -0
- package/src/documentation/generated/CmdFakeSelectPropertyDescriptions.json +84 -0
- package/src/documentation/generated/CmdFancyBoxPropertyDescriptions.json +62 -0
- package/src/documentation/generated/CmdFormElementPropertyDescriptions.json +253 -0
- package/src/documentation/generated/CmdFormFiltersPropertyDescriptions.json +32 -0
- package/src/documentation/generated/CmdFormPropertyDescriptions.json +40 -0
- package/src/documentation/generated/CmdGoogleMapsPropertyDescriptions.json +7 -0
- package/src/documentation/generated/CmdImageGalleryPropertyDescriptions.json +22 -0
- package/src/documentation/generated/CmdImageZoomPropertyDescriptions.json +12 -0
- package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json +122 -0
- package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +60 -0
- package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +22 -0
- package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +90 -0
- package/src/documentation/generated/CmdMainNavigationPropertyDescriptions.json +62 -0
- package/src/documentation/generated/CmdMultistepFormProgressBarPropertyDescriptions.json +17 -0
- package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +42 -0
- package/src/documentation/generated/CmdPagerPropertyDescriptions.json +37 -0
- package/src/documentation/generated/CmdProgressBarPropertyDescriptions.json +32 -0
- package/src/documentation/generated/CmdShareButtonsPropertyDescriptions.json +34 -0
- package/src/documentation/generated/CmdSiteHeaderPropertyDescriptions.json +27 -0
- package/src/documentation/generated/CmdSlideButtonPropertyDescriptions.json +25 -0
- package/src/documentation/generated/CmdSlideshowPropertyDescriptions.json +42 -0
- package/src/documentation/generated/CmdSwitchLanguagePropertyDescriptions.json +7 -0
- package/src/documentation/generated/CmdSystemMessagePropertyDescriptions.json +40 -0
- package/src/documentation/generated/CmdTablePropertyDescriptions.json +72 -0
- package/src/documentation/generated/CmdTabsPropertyDescriptions.json +27 -0
- package/src/documentation/generated/CmdThumbnailScrollerPropertyDescriptions.json +32 -0
- package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +17 -0
- package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +175 -0
- package/src/documentation/generated/CmdWidthLimitationWrapperPropertyDescriptions.json +41 -0
- package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +10 -0
- 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,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
|
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 + ")",
|