comand-component-library 3.1.73 → 3.1.76
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 +3 -3
- package/src/App.vue +112 -79
- package/src/assets/data/cookie-disclaimer.json +7 -6
- package/src/assets/data/input-group-radiobuttons.json +23 -0
- package/src/assets/data/input-group-replaced-radiobuttons.json +23 -0
- package/src/assets/data/input-group-toggle-switch-radiobuttons.json +23 -0
- package/src/assets/styles/global-styles.scss +20 -59
- package/src/components/CmdAddressData.vue +7 -7
- package/src/components/CmdBankAccountData.vue +7 -7
- package/src/components/CmdBox.vue +25 -31
- package/src/components/CmdBoxSiteSearch.vue +9 -9
- package/src/components/CmdCookieDisclaimer.vue +93 -25
- package/src/components/CmdFakeSelect.vue +36 -52
- package/src/components/CmdFormElement.vue +36 -57
- package/src/components/{CmdCustomHeadline.vue → CmdHeadline.vue} +1 -1
- package/src/components/CmdInputGroup.vue +156 -24
- package/src/components/CmdListOfLinks.vue +8 -8
- package/src/components/CmdListOfRequirements.vue +150 -0
- package/src/components/CmdLoginForm.vue +17 -17
- package/src/components/CmdMainNavigation.vue +2 -2
- package/src/components/CmdOpeningHours.vue +5 -5
- package/src/components/CmdSiteFooter.vue +76 -0
- package/src/components/CmdSiteHeader.vue +2 -1
- package/src/components/CmdSlideshow.vue +6 -6
- package/src/components/CmdSystemMessage.vue +28 -11
- package/src/components/CmdTabs.vue +8 -8
- package/src/components/CmdToggleDarkMode.vue +42 -5
- package/src/components/CmdTooltip.vue +13 -13
- package/src/components/CmdTooltipForInputElements.vue +122 -0
- package/src/components/CmdUploadForm.vue +32 -32
- package/src/components/CmdWidthLimitationWrapper.vue +0 -17
- package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdBoxPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +7 -2
- package/src/documentation/generated/CmdFormElementPropertyDescriptions.json +7 -2
- package/src/documentation/generated/CmdHeadlinePropertyDescriptions.json +22 -0
- package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json +32 -1
- package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +32 -0
- package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +4 -4
- package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdSiteFooterPropertyDescriptions.json +12 -0
- package/src/documentation/generated/CmdSystemMessagePropertyDescriptions.json +5 -0
- package/src/documentation/generated/CmdTabsPropertyDescriptions.json +2 -2
- package/src/documentation/generated/CmdTooltipForInputElementsPropertyDescriptions.json +42 -0
- package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +1 -1
- package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +14 -14
- package/src/index.js +2 -1
- package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +10 -0
- package/src/mixins/FieldValidation.js +16 -6
- package/src/mixins/Tooltip.js +1 -1
@@ -122,39 +122,39 @@
|
|
122
122
|
"set icon class for cancel-icon"
|
123
123
|
]
|
124
124
|
},
|
125
|
-
"
|
125
|
+
"CmdHeadlineFieldset": {
|
126
126
|
"comments": [
|
127
|
-
"properties for
|
127
|
+
"properties for CmdHeadline-component at of the fieldset"
|
128
128
|
]
|
129
129
|
},
|
130
|
-
"
|
130
|
+
"CmdHeadlineNoFilesToUpload": {
|
131
131
|
"comments": [
|
132
|
-
"properties for
|
132
|
+
"properties for CmdHeadline-component shown if no files for upload exist"
|
133
133
|
]
|
134
134
|
},
|
135
|
-
"
|
135
|
+
"CmdHeadlineNoFileToUpload": {
|
136
136
|
"comments": [
|
137
|
-
"properties for
|
137
|
+
"properties for CmdHeadline-component shown if no file for upload exist"
|
138
138
|
]
|
139
139
|
},
|
140
|
-
"
|
140
|
+
"CmdHeadlineSummaryOfAllFiles": {
|
141
141
|
"comments": [
|
142
|
-
"properties for
|
142
|
+
"properties for CmdHeadline-component for 'summary of all files'"
|
143
143
|
]
|
144
144
|
},
|
145
|
-
"
|
145
|
+
"CmdHeadlineListOfSelectedFiles": {
|
146
146
|
"comments": [
|
147
|
-
"properties for
|
147
|
+
"properties for CmdHeadline-component for 'list of selected files'"
|
148
148
|
]
|
149
149
|
},
|
150
|
-
"
|
150
|
+
"CmdHeadlineSelectAdditionalFiles": {
|
151
151
|
"comments": [
|
152
|
-
"properties for
|
152
|
+
"properties for CmdHeadline-component for 'select additional files'"
|
153
153
|
]
|
154
154
|
},
|
155
|
-
"
|
155
|
+
"CmdHeadlineSelectNewFile": {
|
156
156
|
"comments": [
|
157
|
-
"properties for
|
157
|
+
"properties for CmdHeadline-component for 'select new file'"
|
158
158
|
]
|
159
159
|
},
|
160
160
|
"showLegend": {
|
package/src/index.js
CHANGED
@@ -11,7 +11,7 @@ export { default as CmdBreadcrumbs } from '@/components/CmdBreadcrumbs'
|
|
11
11
|
export { default as CmdCompanyLogo } from '@/components/CmdCompanyLogo'
|
12
12
|
export { default as CmdCookieDisclaimer } from '@/components/CmdCookieDisclaimer'
|
13
13
|
export { default as CmdCopyrightInformation } from '@/components/CmdCopyrightInformation'
|
14
|
-
export { default as
|
14
|
+
export { default as CmdHeadline } from '@/components/CmdHeadline'
|
15
15
|
export { default as CmdFakeSelect } from '@/components/CmdFakeSelect'
|
16
16
|
export { openFancyBox, default as CmdFancyBox } from '@/components/CmdFancyBox'
|
17
17
|
export { default as CmdForm } from '@/components/CmdForm'
|
@@ -29,6 +29,7 @@ export { default as CmdOpeningHours } from '@/components/CmdOpeningHours'
|
|
29
29
|
export { default as CmdPager } from '@/components/CmdPager'
|
30
30
|
export { default as CmdProgressBar } from '@/components/CmdProgressBar'
|
31
31
|
export { default as CmdShareButtons } from '@/components/CmdShareButtons'
|
32
|
+
export { default as CmdSiteFooter } from '@/components/CmdSiteFooter'
|
32
33
|
export { default as CmdSiteHeader } from '@/components/CmdSiteHeader'
|
33
34
|
export { default as CmdSlideButton } from '@/components/CmdSlideButton'
|
34
35
|
export { default as CmdSlideshow } from '@/components/CmdSlideshow'
|
@@ -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
|
+
}
|
@@ -146,8 +146,16 @@ export default {
|
|
146
146
|
},
|
147
147
|
computed: {
|
148
148
|
getValidationMessage() {
|
149
|
+
// check if all requirements are valid
|
150
|
+
// const allRequirementsValid = !this.inputRequirements.some((item) => {
|
151
|
+
// return !item.valid(this.modelValue, this.$attrs)
|
152
|
+
// })
|
153
|
+
|
149
154
|
if (this.validationStatus !== "") {
|
150
|
-
if (this.validationStatus === "error"
|
155
|
+
if (this.validationStatus === "error") {
|
156
|
+
if(this.validationMessage) {
|
157
|
+
return this.validationMessage
|
158
|
+
}
|
151
159
|
return this.getMessage("cmdfieldvalidation.information_not_filled_correctly")
|
152
160
|
}
|
153
161
|
if (this.validationStatus === "warning" && this.capsLockActivated) {
|
@@ -157,6 +165,7 @@ export default {
|
|
157
165
|
return this.getMessage("cmdfieldvalidation.information_filled_correctly")
|
158
166
|
}
|
159
167
|
}
|
168
|
+
|
160
169
|
return null
|
161
170
|
},
|
162
171
|
getStatusIconClass() {
|
@@ -179,15 +188,16 @@ export default {
|
|
179
188
|
inputRequirements() {
|
180
189
|
const standardRequirements = []
|
181
190
|
// check if field is required
|
182
|
-
if(this.$attrs.required) {
|
191
|
+
if(this.$attrs.required || this.required) {
|
192
|
+
const inputRequired = this.required
|
183
193
|
standardRequirements.push({
|
184
194
|
message: this.getRequirementMessage(),
|
185
195
|
valid(value, attributes) {
|
186
|
-
return !attributes.required || value.length > 0
|
196
|
+
return (!attributes.required && !inputRequired) || value.length > 0
|
187
197
|
}
|
188
198
|
})
|
189
199
|
}
|
190
|
-
// check if
|
200
|
+
// check if field has a minimum length
|
191
201
|
if(this.$attrs.minlength) {
|
192
202
|
standardRequirements.push({
|
193
203
|
message: "Input has minimum length (" + this.modelValue.length + "/" + this.$attrs.minlength + ")",
|
@@ -209,7 +219,7 @@ export default {
|
|
209
219
|
if ((["password", "number", "url", "email"].includes(this.$attrs.type)) && event.getModifierState("CapsLock")) {
|
210
220
|
this.capsLockActivated = true
|
211
221
|
this.validationStatus = "warning"
|
212
|
-
} else {
|
222
|
+
} else if(this.capsLockActivated && this.validationStatus === "warning") {
|
213
223
|
this.capsLockActivated = false
|
214
224
|
this.validationStatus = ""
|
215
225
|
}
|
@@ -220,7 +230,7 @@ export default {
|
|
220
230
|
}
|
221
231
|
}
|
222
232
|
|
223
|
-
function validateSpecialCharacters(message = "Field contains
|
233
|
+
function validateSpecialCharacters(message = "Field contains special character") {
|
224
234
|
return {
|
225
235
|
message,
|
226
236
|
valid(value) {
|
package/src/mixins/Tooltip.js
CHANGED