comand-component-library 3.1.73 → 3.1.76
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.
- 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