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.
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() {