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.
Files changed (55) 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/CmdSlideshow.vue +6 -6
  27. package/src/components/CmdSystemMessage.vue +28 -11
  28. package/src/components/CmdTabs.vue +8 -8
  29. package/src/components/CmdToggleDarkMode.vue +42 -5
  30. package/src/components/CmdTooltip.vue +13 -13
  31. package/src/components/CmdTooltipForInputElements.vue +122 -0
  32. package/src/components/CmdUploadForm.vue +32 -32
  33. package/src/components/CmdWidthLimitationWrapper.vue +0 -17
  34. package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +2 -2
  35. package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +2 -2
  36. package/src/documentation/generated/CmdBoxPropertyDescriptions.json +2 -2
  37. package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +2 -2
  38. package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +7 -2
  39. package/src/documentation/generated/CmdFormElementPropertyDescriptions.json +7 -2
  40. package/src/documentation/generated/CmdHeadlinePropertyDescriptions.json +22 -0
  41. package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json +32 -1
  42. package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +2 -2
  43. package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +32 -0
  44. package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +4 -4
  45. package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +2 -2
  46. package/src/documentation/generated/CmdSiteFooterPropertyDescriptions.json +12 -0
  47. package/src/documentation/generated/CmdSystemMessagePropertyDescriptions.json +5 -0
  48. package/src/documentation/generated/CmdTabsPropertyDescriptions.json +2 -2
  49. package/src/documentation/generated/CmdTooltipForInputElementsPropertyDescriptions.json +42 -0
  50. package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +1 -1
  51. package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +14 -14
  52. package/src/index.js +2 -1
  53. package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +10 -0
  54. package/src/mixins/FieldValidation.js +16 -6
  55. package/src/mixins/Tooltip.js +1 -1
@@ -122,39 +122,39 @@
122
122
  "set icon class for cancel-icon"
123
123
  ]
124
124
  },
125
- "cmdCustomHeadlineFieldset": {
125
+ "CmdHeadlineFieldset": {
126
126
  "comments": [
127
- "properties for CmdCustomHeadline-component at of the fieldset"
127
+ "properties for CmdHeadline-component at of the fieldset"
128
128
  ]
129
129
  },
130
- "cmdCustomHeadlineNoFilesToUpload": {
130
+ "CmdHeadlineNoFilesToUpload": {
131
131
  "comments": [
132
- "properties for CmdCustomHeadline-component shown if no files for upload exist"
132
+ "properties for CmdHeadline-component shown if no files for upload exist"
133
133
  ]
134
134
  },
135
- "cmdCustomHeadlineNoFileToUpload": {
135
+ "CmdHeadlineNoFileToUpload": {
136
136
  "comments": [
137
- "properties for CmdCustomHeadline-component shown if no file for upload exist"
137
+ "properties for CmdHeadline-component shown if no file for upload exist"
138
138
  ]
139
139
  },
140
- "cmdCustomHeadlineSummaryOfAllFiles": {
140
+ "CmdHeadlineSummaryOfAllFiles": {
141
141
  "comments": [
142
- "properties for CmdCustomHeadline-component for 'summary of all files'"
142
+ "properties for CmdHeadline-component for 'summary of all files'"
143
143
  ]
144
144
  },
145
- "cmdCustomHeadlineListOfSelectedFiles": {
145
+ "CmdHeadlineListOfSelectedFiles": {
146
146
  "comments": [
147
- "properties for CmdCustomHeadline-component for 'list of selected files'"
147
+ "properties for CmdHeadline-component for 'list of selected files'"
148
148
  ]
149
149
  },
150
- "cmdCustomHeadlineSelectAdditionalFiles": {
150
+ "CmdHeadlineSelectAdditionalFiles": {
151
151
  "comments": [
152
- "properties for CmdCustomHeadline-component for 'select additional files'"
152
+ "properties for CmdHeadline-component for 'select additional files'"
153
153
  ]
154
154
  },
155
- "cmdCustomHeadlineSelectNewFile": {
155
+ "CmdHeadlineSelectNewFile": {
156
156
  "comments": [
157
- "properties for CmdCustomHeadline-component for 'select new file'"
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 CmdCustomHeadline } from '@/components/CmdCustomHeadline'
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" && !this.validationMessage) {
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 filed has a minimum length
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 Special character") {
233
+ function validateSpecialCharacters(message = "Field contains special character") {
224
234
  return {
225
235
  message,
226
236
  valid(value) {
@@ -1,4 +1,4 @@
1
- import {nextSequenceValue} from "../utils/globalSequence";
1
+ import {nextSequenceValue} from "../utils/globalSequence"
2
2
 
3
3
  export default {
4
4
  data() {