comand-component-library 3.1.75 → 3.1.78

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) 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 +1 -1
  4. package/src/App.vue +6 -6
  5. package/src/components/CmdAddressData.vue +2 -2
  6. package/src/components/CmdBankAccountData.vue +4 -2
  7. package/src/components/CmdBox.vue +15 -11
  8. package/src/components/CmdBoxSiteSearch.vue +3 -3
  9. package/src/components/CmdCookieDisclaimer.vue +5 -5
  10. package/src/components/CmdHeadline.vue +4 -5
  11. package/src/components/CmdListOfLinks.vue +5 -3
  12. package/src/components/CmdListOfRequirements.vue +2 -2
  13. package/src/components/CmdLoginForm.vue +11 -9
  14. package/src/components/CmdOpeningHours.vue +2 -2
  15. package/src/components/CmdSlideshow.vue +6 -6
  16. package/src/components/CmdTabs.vue +1 -1
  17. package/src/components/CmdTooltip.vue +9 -7
  18. package/src/components/CmdUploadForm.vue +15 -14
  19. package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +1 -1
  20. package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +1 -1
  21. package/src/documentation/generated/CmdBoxPropertyDescriptions.json +1 -1
  22. package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +1 -1
  23. package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +1 -1
  24. package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +1 -1
  25. package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +1 -1
  26. package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +2 -2
  27. package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +1 -1
  28. package/src/documentation/generated/CmdTabsPropertyDescriptions.json +1 -1
  29. package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +1 -1
  30. package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "3.1.75",
3
+ "version": "3.1.78",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/App.vue CHANGED
@@ -844,13 +844,13 @@
844
844
  <h3>Product boxes</h3>
845
845
  <div class="grid-container-create-columns">
846
846
  <div class="grid-small-item" v-for="(product, index) in boxProductData" :key="index">
847
- <CmdBox boxType="product" :product="product" :CmdHeadline="{headlineLevel: 4}"/>
847
+ <CmdBox boxType="product" :product="product" :cmdHeadline="{headlineLevel: 4}"/>
848
848
  </div>
849
849
  </div>
850
850
  <h3>User boxes</h3>
851
851
  <div class="grid-container-create-columns">
852
852
  <div class="grid-small-item" v-for="(user, index) in boxUserData" :key="index">
853
- <CmdBox boxType="user" :user="user" :CmdHeadline="{headlineLevel: 4}"/>
853
+ <CmdBox boxType="user" :user="user" :cmdHeadline="{headlineLevel: 4}"/>
854
854
  </div>
855
855
  </div>
856
856
  <h3>Box Site Search</h3>
@@ -1106,7 +1106,7 @@
1106
1106
  :uploadOptions="{url: 'http://localhost:8888'}"
1107
1107
  />
1108
1108
  <h3>Advanced mode</h3>
1109
- <CmdUploadForm :CmdHeadlineFieldset="{headlineText: 'Select files to upload', headlineLevel: 3}"
1109
+ <CmdUploadForm :cmdHeadlineFieldset="{headlineText: 'Select files to upload', headlineLevel: 3}"
1110
1110
  :enableDragAndDrop="true"
1111
1111
  :allowedFileExtensions="['jpg', 'png']"
1112
1112
  :allowMultipleFileUploads="true"
@@ -1120,18 +1120,18 @@
1120
1120
  <CmdSwitchLanguage :languages="languagesData" @click="doSomething"/>
1121
1121
  <div class="flex-container">
1122
1122
  <CmdListOfLinks :links="listOfLinksData"
1123
- :CmdHeadline="{headlineText: 'List of links', headlineLevel: 6}"
1123
+ :cmdHeadline="{headlineText: 'List of links', headlineLevel: 6}"
1124
1124
  />
1125
1125
  <CmdOpeningHours :openingHours="openingHoursData"
1126
1126
  :closed="true"
1127
- :CmdHeadline="{headlineText: 'Opening hours', headlineLevel: 6}"
1127
+ :cmdHeadline="{headlineText: 'Opening hours', headlineLevel: 6}"
1128
1128
  textOpenClosed="Closed right now!"
1129
1129
  textHolidaysClosed="Closed on holidays"
1130
1130
  textMiscInfo="Miscellaneous information"
1131
1131
  />
1132
1132
  <CmdAddressData :addressData="addressData"
1133
1133
  :linkGoogleMaps="true"
1134
- :CmdHeadline="{headlineText: 'Address data', headlineLevel: 6}"
1134
+ :cmdHeadline="{headlineText: 'Address data', headlineLevel: 6}"
1135
1135
  />
1136
1136
  </div>
1137
1137
  </CmdSiteFooter>
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="cmd-address-data vcard">
3
3
  <!-- begin CmdHeadline -->
4
- <CmdHeadline v-if="CmdHeadline" v-bind="CmdHeadline" />
4
+ <CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline" />
5
5
  <!-- end CmdHeadline -->
6
6
 
7
7
  <!-- begin address-data in vCard microformat -->
@@ -146,7 +146,7 @@ export default {
146
146
  /**
147
147
  * properties for CmdHeadline-component
148
148
  */
149
- CmdHeadline: {
149
+ cmdHeadline: {
150
150
  type: Object,
151
151
  required: false
152
152
  },
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="cmd-bank-account-data">
3
3
  <!-- begin CmdHeadline -->
4
- <CmdHeadline v-if="CmdHeadline" v-bind="CmdHeadline"/>
4
+ <CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline" />
5
5
  <!-- end CmdHeadline -->
6
6
 
7
7
  <!-- begin account data -->
@@ -73,7 +73,7 @@ export default {
73
73
  /**
74
74
  * properties for CmdHeadline-component
75
75
  */
76
- CmdHeadline: {
76
+ cmdHeadline: {
77
77
  type: Object,
78
78
  required: false
79
79
  }
@@ -90,6 +90,7 @@ export default {
90
90
  </script>
91
91
 
92
92
  <style lang="scss">
93
+ /* begin cmd-bank-account-data ---------------------------------------------------------------------------------------- */
93
94
  .cmd-bank-account-data {
94
95
  dd.flex-container {
95
96
  gap: calc(var(--default-gap) / 2);
@@ -101,4 +102,5 @@ export default {
101
102
  }
102
103
  }
103
104
  }
105
+ /* end cmd-bank-account-data ---------------------------------------------------------------------------------------- */
104
106
  </style>
@@ -23,16 +23,17 @@
23
23
  <!-- begin header for collapsible -->
24
24
  <a v-if="collapsible" class="box-header" href="#" :title="open ? iconOpen.tooltip : iconClosed.tooltip" @click.prevent="toggleContentVisibility">
25
25
  <!-- begin CmdHeadline -->
26
- <CmdHeadline v-if="CmdHeadline?.headlineText" v-bind="CmdHeadline"/>
26
+ <CmdHeadline v-if="cmdHeadline?.headlineText" v-bind="cmdHeadline" />
27
27
  <!-- end CmdHeadline -->
28
28
  <span class="toggle-icon" :class="[open ? iconOpen.iconClass : iconClosed.iconClass]"></span>
29
29
  </a>
30
30
  <!-- end header for collapsible -->
31
31
 
32
32
  <!-- begin CmdHeadline -->
33
- <CmdHeadline v-else-if="!collapsible && CmdHeadline?.headlineText"
34
- class="box-header"
35
- v-bind="CmdHeadline"
33
+ <CmdHeadline
34
+ v-else-if="!collapsible && cmdHeadline?.headlineText"
35
+ class="box-header"
36
+ v-bind="cmdHeadline"
36
37
  />
37
38
  <!-- end CmdHeadline -->
38
39
  </template>
@@ -68,9 +69,10 @@
68
69
  <span>{{ product.discount }}</span>
69
70
  </div>
70
71
  <!-- begin CmdHeadline -->
71
- <CmdHeadline v-if="CmdHeadline?.headlineText || product.name"
72
- v-bind="CmdHeadline || {}"
73
- :headlineText="CmdHeadline?.headlineText ? CmdHeadline?.headlineText : product.name"/>
72
+ <CmdHeadline
73
+ v-if="cmdHeadline?.headlineText || product.name"
74
+ v-bind="cmdHeadline || {}"
75
+ :headlineText="cmdHeadline?.headlineText ? cmdHeadline?.headlineText : product.name"/>
74
76
  <!-- end CmdHeadline -->
75
77
  </div>
76
78
  <div class="box-body">
@@ -89,9 +91,11 @@
89
91
  <img v-if="user.image" :src="user.image.src" :alt="user.image.alt"/>
90
92
  <div v-else :class="defaultProfileIconClass" :title="user.name"></div>
91
93
  <!-- begin CmdHeadline -->
92
- <CmdHeadline v-if="CmdHeadline?.headlineText || user.name"
93
- v-bind="CmdHeadline || {}"
94
- :headlineText="CmdHeadline?.headlineText ? CmdHeadline?.headlineText : user.name"/>
94
+ <CmdHeadline
95
+ v-if="cmdHeadline?.headlineText || user.name"
96
+ v-bind="cmdHeadline || {}"
97
+ :headlineText="cmdHeadline?.headlineText ? cmdHeadline?.headlineText : user.name"
98
+ />
95
99
  <!-- end CmdHeadline -->
96
100
  </div>
97
101
  <div class="box-body">
@@ -246,7 +250,7 @@ export default {
246
250
  /**
247
251
  * properties for CmdHeadline-component
248
252
  */
249
- CmdHeadline: {
253
+ cmdHeadline: {
250
254
  type: Object,
251
255
  required: false
252
256
  }
@@ -6,8 +6,8 @@
6
6
 
7
7
  <!-- begin CmdHeadline -->
8
8
  <CmdHeadline
9
- v-if="CmdHeadline"
10
- v-bind="CmdHeadline"
9
+ v-if="cmdHeadline"
10
+ v-bind="cmdHeadline"
11
11
  />
12
12
  <!-- end CmdHeadline -->
13
13
 
@@ -185,7 +185,7 @@ export default {
185
185
  /**
186
186
  * properties for CmdHeadline-component
187
187
  */
188
- CmdHeadline: {
188
+ cmdHeadline: {
189
189
  type: Object,
190
190
  required: false
191
191
  },
@@ -3,10 +3,10 @@
3
3
  <div class="cmd-cookie-disclaimer flex-container vertical">
4
4
  <!-- begin CmdHeadline -->
5
5
  <CmdHeadline
6
- v-if="CmdHeadlineCookieDisclaimer?.show && CmdHeadlineCookieDisclaimer?.headlineText && CmdHeadlineCookieDisclaimer?.headlineLevel"
7
- v-bind="CmdHeadlineCookieDisclaimer"
8
- :headlineText="CmdHeadlineCookieDisclaimer.headlineText"
9
- :headlineLevel="CmdHeadlineCookieDisclaimer.headlineLevel"
6
+ v-if="cmdHeadlineCookieDisclaimer?.show && cmdHeadlineCookieDisclaimer?.headlineText && cmdHeadlineCookieDisclaimer?.headlineLevel"
7
+ v-bind="cmdHeadlineCookieDisclaimer"
8
+ :headlineText="cmdHeadlineCookieDisclaimer.headlineText"
9
+ :headlineLevel="cmdHeadlineCookieDisclaimer.headlineLevel"
10
10
  />
11
11
  <!-- end CmdHeadline -->
12
12
 
@@ -151,7 +151,7 @@ export default {
151
151
  /**
152
152
  * properties for CmdHeadline-component at top of cookie disclaimer
153
153
  */
154
- CmdHeadlineCookieDisclaimer: {
154
+ cmdHeadlineCookieDisclaimer: {
155
155
  type: Object,
156
156
  default() {
157
157
  return {
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div :class="['cmd-custom-headline', { 'has-pre-headline-text': preHeadlineText}]">
2
+ <div :class="['cmd-headline', { 'has-pre-headline-text': preHeadlineText}]">
3
3
  <span v-if="iconClass" :class="iconClass"></span>
4
4
  <div v-if="preHeadlineText">
5
5
  <span class="pre-headline-text">{{ preHeadlineText }}</span>
@@ -55,10 +55,10 @@ export default {
55
55
  </script>
56
56
 
57
57
  <style lang="scss">
58
+ /* begin cmd--headline ------------------------------------------------------------------------------------------ */
58
59
  @import '../assets/styles/variables';
59
60
 
60
- /* begin cmd-custom-headline ------------------------------------------------------------------------------------------ */
61
- .cmd-custom-headline {
61
+ .cmd-headline {
62
62
  display: flex;
63
63
  align-items: center;
64
64
  margin-bottom: var(--default-margin);
@@ -88,6 +88,5 @@ export default {
88
88
  }
89
89
  }
90
90
  }
91
-
92
- /* end cmd-custom-headline ------------------------------------------------------------------------------------------ */
91
+ /* end cmd-headline ------------------------------------------------------------------------------------------ */
93
92
  </style>
@@ -1,8 +1,10 @@
1
1
  <template>
2
2
  <div :class="['cmd-list-of-links', 'align-' + align, {box: styleAsBox, horizontal: orientation === 'horizontal', 'section-anchors': sectionAnchors}]">
3
3
  <!-- begin CmdHeadline -->
4
- <CmdHeadline v-if="CmdHeadline"
5
- v-bind="CmdHeadline" />
4
+ <CmdHeadline
5
+ v-if="cmdHeadline"
6
+ v-bind="cmdHeadline"
7
+ />
6
8
  <!-- end CmdHeadline -->
7
9
 
8
10
  <!-- begin list of links -->
@@ -77,7 +79,7 @@ export default {
77
79
  /**
78
80
  * properties for CmdHeadline-component
79
81
  */
80
- CmdHeadline: {
82
+ cmdHeadline: {
81
83
  type: Object,
82
84
  required: false
83
85
  },
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="cmd-list-of-requirements">
3
3
  <!-- begin cmd-custom-headline -->
4
- <CmdHeadline :headline-level="CmdHeadline.headlineLevel">
4
+ <CmdHeadline :headline-level="cmdHeadline.headlineLevel">
5
5
  <!-- {{ getMessage("cmdfakeselect.headline.requirements_for_input") }}<br/>"{{ labelText }}" -->
6
6
  </CmdHeadline>
7
7
  <!-- end cmd-custom-headline -->
@@ -92,7 +92,7 @@ export default {
92
92
  /**
93
93
  * properties of CmdHeadline-component
94
94
  */
95
- CmdHeadline: {
95
+ cmdHeadline: {
96
96
  type: Object,
97
97
  default() {
98
98
  return {
@@ -3,8 +3,8 @@
3
3
  <fieldset v-if="!sendLogin" class="cmd-login-form flex-container">
4
4
  <legend :class="{hidden : !showLegend}">{{ textLegend }}</legend>
5
5
  <!-- begin CmdHeadline -->
6
- <CmdHeadline v-if="CmdHeadlineLoginForm"
7
- v-bind="CmdHeadlineLoginForm"/>
6
+ <CmdHeadline v-if="cmdHeadlineLoginForm"
7
+ v-bind="cmdHeadlineLoginForm"/>
8
8
  <!-- end CmdHeadline -->
9
9
 
10
10
  <!-- being form elements -->
@@ -122,11 +122,11 @@
122
122
  <fieldset v-else class="cmd-login-form flex-container">
123
123
  <legend :class="{'hidden' : !legendSendLoginForm.show}">{{ legendSendLoginForm.text }}</legend>
124
124
  <!-- begin CmdHeadline -->
125
- <CmdHeadline v-if="CmdHeadlineSendLoginForm"
126
- :iconClass="CmdHeadlineSendLoginForm.iconClass"
127
- :preHeadline="CmdHeadlineSendLoginForm.preHeadline"
128
- :headlineLevel="CmdHeadlineSendLoginForm.preHeadline"
129
- :headlineText="CmdHeadlineSendLoginForm.headlineText"/>
125
+ <CmdHeadline v-if="cmdHeadlineSendLoginForm"
126
+ :iconClass="cmdHeadlineSendLoginForm.iconClass"
127
+ :preHeadline="cmdHeadlineSendLoginForm.preHeadline"
128
+ :headlineLevel="cmdHeadlineSendLoginForm.preHeadline"
129
+ :headlineText="cmdHeadlineSendLoginForm.headlineText"/>
130
130
  <!-- end CmdHeadline -->
131
131
 
132
132
  <!-- begin CmdFormElement -->
@@ -272,14 +272,14 @@ export default {
272
272
  /**
273
273
  * properties for CmdHeadline-component for login-form
274
274
  */
275
- CmdHeadlineLoginForm: {
275
+ cmdHeadlineLoginForm: {
276
276
  type: Object,
277
277
  required: false
278
278
  },
279
279
  /**
280
280
  * properties for CmdHeadline-component for send-login-form
281
281
  */
282
- CmdHeadlineSendLoginForm: {
282
+ cmdHeadlineSendLoginForm: {
283
283
  type: Object,
284
284
  default() {
285
285
  return {
@@ -439,6 +439,7 @@ export default {
439
439
  </script>
440
440
 
441
441
  <style lang="scss">
442
+ /* begin cmd-login-form ---------------------------------------------------------------------------------------- */
442
443
  .cmd-login-form {
443
444
  .option-wrapper {
444
445
  align-items: center;
@@ -460,4 +461,5 @@ export default {
460
461
  }
461
462
  }
462
463
  }
464
+ /* end cmd-login-form ---------------------------------------------------------------------------------------- */
463
465
  </style>
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="cmd-opening-hours">
3
3
  <!-- begin cmd-custom-headline -->
4
- <CmdHeadline v-if="CmdHeadline" v-bind="CmdHeadline" />
4
+ <CmdHeadline v-if="cmdHeadline" v-bind="cmdHeadline" />
5
5
  <!-- end cmd-custom-headline -->
6
6
 
7
7
  <!-- begin opening-status with link to detail-page -->
@@ -47,7 +47,7 @@ export default {
47
47
  /**
48
48
  * properties for CmdHeadline-component
49
49
  */
50
- CmdHeadline: {
50
+ cmdHeadline: {
51
51
  type: Object,
52
52
  required: false
53
53
  },
@@ -10,13 +10,13 @@
10
10
 
11
11
  <!-- begin area to slide -->
12
12
  <transition name="fade">
13
- <a v-if="currentItem.href" :href="currentItem.href" :key="index" :title="currentItem.title">
13
+ <a v-if="currentItem?.href" :href="currentItem.href" :key="index" :title="currentItem.title">
14
14
  <figure v-if="currentItem && !useSlot" class="slideshow-item">
15
15
  <img :src="currentItem.imgPath" :alt="currentItem.alt"/>
16
16
  <figcaption>{{ currentItem.figcaption }}</figcaption>
17
17
  </figure>
18
18
  </a>
19
- <figure v-else-if="!currentItem.href && currentItem && !useSlot" :key="index" class="slideshow-item">
19
+ <figure v-else-if="currentItem && !currentItem.href && currentItem && !useSlot" :key="index" class="slideshow-item">
20
20
  <img :src="currentItem.imgPath" :alt="currentItem.alt"/>
21
21
  <figcaption>{{ currentItem.figcaption }}</figcaption>
22
22
  </figure>
@@ -160,14 +160,12 @@ export default {
160
160
  }
161
161
  this.preload(this.index)
162
162
  },
163
-
164
163
  showItem(i) {
165
164
  if (i >= 0 && i < this.slideshowItems.length) {
166
165
  this.index = i;
167
166
  this.preload(this.index);
168
167
  }
169
168
  },
170
-
171
169
  showNextItem() {
172
170
  if (this.useSlot) {
173
171
  if (this.currentSlotItem < Object.keys(this.$slots).length - 1) {
@@ -240,10 +238,12 @@ export default {
240
238
  /* computed property to get current slide */
241
239
  computed: {
242
240
  currentItem() {
243
- return this.getDeviceImage(this.slideshowItems[this.index]);
241
+ if(this.slideshowItems.length <= this.index) {
242
+ return null
243
+ }
244
+ return this.getDeviceImage(this.slideshowItems[this.index])
244
245
  }
245
246
  },
246
-
247
247
  watch: {
248
248
  slideshowItems: {
249
249
  handler() {
@@ -47,7 +47,7 @@ export default {
47
47
  /**
48
48
  * properties for CmdHeadline-component
49
49
  */
50
- CmdHeadline: {
50
+ cmdHeadline: {
51
51
  type: Object,
52
52
  required: false
53
53
  },
@@ -1,12 +1,14 @@
1
1
  <template>
2
2
  <div v-if="tooltipVisibility" :class="['cmd-tooltip', status]" ref="tooltip" aria-role="tooltip">
3
- <div v-if="CmdHeadline || iconClose.show" class="headline-wrapper">
3
+ <div v-if="cmdHeadline || iconClose.show" class="headline-wrapper">
4
4
  <!-- begin CmdHeadline -->
5
- <CmdHeadline v-if="CmdHeadline"
6
- :iconClass="CmdHeadline.iconClass"
7
- :preHeadline="CmdHeadline.preHeadline"
8
- :headlineLevel="CmdHeadline.headlineLevel"
9
- :headlineText="CmdHeadline.headlineText"/>
5
+ <CmdHeadline
6
+ v-if="cmdHeadline"
7
+ :iconClass="cmdHeadline.iconClass"
8
+ :preHeadline="cmdHeadline.preHeadline"
9
+ :headlineLevel="cmdHeadline.headlineLevel"
10
+ :headlineText="cmdHeadline.headlineText"
11
+ />
10
12
  <!-- end CmdHeadline -->
11
13
 
12
14
  <!-- begin icon to close tooltip -->
@@ -43,7 +45,7 @@ export default {
43
45
  /**
44
46
  * properties for CmdHeadline-component
45
47
  */
46
- CmdHeadline: {
48
+ cmdHeadline: {
47
49
  type: Object,
48
50
  default() {}
49
51
  },
@@ -3,8 +3,9 @@
3
3
  <fieldset v-if="advancedMode" :class="['cmd-upload-form flex-container', { 'upload-initiated': uploadInitiated }]">
4
4
  <legend :class="{hidden : !showLegend}">{{ textLegend }}</legend>
5
5
  <!-- begin CmdHeadlineFieldset -->
6
- <CmdHeadline v-if="CmdHeadlineFieldset"
7
- v-bind="CmdHeadlineFieldset"
6
+ <CmdHeadline
7
+ v-if="cmdHeadlineFieldset"
8
+ v-bind="cmdHeadlineFieldset"
8
9
  />
9
10
  <!-- end CmdHeadlineFieldset -->
10
11
 
@@ -25,10 +26,10 @@
25
26
 
26
27
  <div :class="['box drop-area flex-container vertical', { 'allow-drop': allowDrop }]" v-on="dragAndDropHandler">
27
28
  <template v-if="!listOfFiles.length">
28
- <CmdHeadline v-if="allowMultipleFileUploads" v-bind="CmdHeadlineNoFilesToUpload" headlineLevel="4">
29
+ <CmdHeadline v-if="allowMultipleFileUploads" v-bind="cmdHeadlineNoFilesToUpload" headlineLevel="4">
29
30
  {{ getMessage("cmduploadform.no_files_to_upload") }}
30
31
  </CmdHeadline>
31
- <CmdHeadline v-else v-bind="CmdHeadlineNoFilesToUpload" headlineLevel="4">
32
+ <CmdHeadline v-else v-bind="cmdHeadlineNoFilesToUpload" headlineLevel="4">
32
33
  {{ getMessage("cmduploadform.no_file_to_upload") }}
33
34
  </CmdHeadline>
34
35
  </template>
@@ -36,7 +37,7 @@
36
37
  <!-- begin total-upload information -->
37
38
  <div v-else class="flex-container vertical">
38
39
  <div v-if="showTotalUpload && listOfFiles.length !== 1" class="flex-container vertical list-files-wrapper">
39
- <CmdHeadline v-bind="CmdHeadlineSummaryOfAllFiles" headlineLevel="4">
40
+ <CmdHeadline v-bind="cmdHeadlineSummaryOfAllFiles" headlineLevel="4">
40
41
  {{ getMessage("cmduploadform.headline.summary_of_all_files") }}
41
42
  </CmdHeadline>
42
43
  <ul v-if="showTotalUpload && listOfFiles.length !== 1" class="list-of-files total-files">
@@ -80,7 +81,7 @@
80
81
 
81
82
  <div class="flex-container vertical list-files-wrapper">
82
83
  <!-- begin list of selected files -->
83
- <CmdHeadline v-bind="CmdHeadlineListOfSelectedFiles" headlineLevel="4">
84
+ <CmdHeadline v-bind="cmdHeadlineListOfSelectedFiles" headlineLevel="4">
84
85
  {{ getMessage("cmduploadform.headline.list_of_selected_files") }}
85
86
  </CmdHeadline>
86
87
  <ul class="list-of-files">
@@ -131,10 +132,10 @@
131
132
  <!-- end list of selected files -->
132
133
 
133
134
  <!-- begin upload conditions -->
134
- <CmdHeadline v-if="allowMultipleFileUploads && listOfFiles.length" v-bind="CmdHeadlineSelectAdditionalFiles" headlineLevel="4">
135
+ <CmdHeadline v-if="allowMultipleFileUploads && listOfFiles.length" v-bind="cmdHeadlineSelectAdditionalFiles" headlineLevel="4">
135
136
  {{ getMessage("cmduploadform.headline.select_additional_files") }}
136
137
  </CmdHeadline>
137
- <CmdHeadline v-if="!allowMultipleFileUploads && listOfFiles.length" v-bind="CmdHeadlineSelectNewFile" headlineLevel="4">
138
+ <CmdHeadline v-if="!allowMultipleFileUploads && listOfFiles.length" v-bind="cmdHeadlineSelectNewFile" headlineLevel="4">
138
139
  {{ getMessage("cmduploadform.headline.select_new_file") }}
139
140
  </CmdHeadline>
140
141
  <dl class="small">
@@ -508,14 +509,14 @@ export default {
508
509
  /**
509
510
  * properties for CmdHeadline-component at of the fieldset
510
511
  */
511
- CmdHeadlineFieldset: {
512
+ cmdHeadlineFieldset: {
512
513
  type: Object,
513
514
  required: false
514
515
  },
515
516
  /**
516
517
  * properties for CmdHeadline-component shown if no files for upload exist
517
518
  */
518
- CmdHeadlineNoFilesToUpload: {
519
+ cmdHeadlineNoFilesToUpload: {
519
520
  type: Object,
520
521
  required: false
521
522
  },
@@ -529,28 +530,28 @@ export default {
529
530
  /**
530
531
  * properties for CmdHeadline-component for 'summary of all files'
531
532
  */
532
- CmdHeadlineSummaryOfAllFiles: {
533
+ cmdHeadlineSummaryOfAllFiles: {
533
534
  type: Object,
534
535
  required: false
535
536
  },
536
537
  /**
537
538
  * properties for CmdHeadline-component for 'list of selected files'
538
539
  */
539
- CmdHeadlineListOfSelectedFiles: {
540
+ cmdHeadlineListOfSelectedFiles: {
540
541
  type: Object,
541
542
  required: false
542
543
  },
543
544
  /**
544
545
  * properties for CmdHeadline-component for 'select additional files'
545
546
  */
546
- CmdHeadlineSelectAdditionalFiles: {
547
+ cmdHeadlineSelectAdditionalFiles: {
547
548
  type: Object,
548
549
  required: false
549
550
  },
550
551
  /**
551
552
  * properties for CmdHeadline-component for 'select new file'
552
553
  */
553
- CmdHeadlineSelectNewFile: {
554
+ cmdHeadlineSelectNewFile: {
554
555
  type: Object,
555
556
  required: false
556
557
  },
@@ -9,7 +9,7 @@
9
9
  "show a label-text"
10
10
  ]
11
11
  },
12
- "CmdHeadline": {
12
+ "cmdHeadline": {
13
13
  "comments": [
14
14
  "properties for CmdHeadline-component"
15
15
  ]
@@ -26,7 +26,7 @@
26
26
  ]
27
27
  }
28
28
  },
29
- "CmdHeadline": {
29
+ "cmdHeadline": {
30
30
  "comments": [
31
31
  "properties for CmdHeadline-component"
32
32
  ]
@@ -88,7 +88,7 @@
88
88
  "allow box to be stretched as high as parent-element"
89
89
  ]
90
90
  },
91
- "CmdHeadline": {
91
+ "cmdHeadline": {
92
92
  "comments": [
93
93
  "properties for CmdHeadline-component"
94
94
  ]
@@ -46,7 +46,7 @@
46
46
  "send search result from outside to display inside this component"
47
47
  ]
48
48
  },
49
- "CmdHeadline": {
49
+ "cmdHeadline": {
50
50
  "comments": [
51
51
  "properties for CmdHeadline-component"
52
52
  ]
@@ -4,7 +4,7 @@
4
4
  "set default v-model (must be named modelValue in Vue3)"
5
5
  ]
6
6
  },
7
- "CmdHeadlineCookieDisclaimer": {
7
+ "cmdHeadlineCookieDisclaimer": {
8
8
  "comments": [
9
9
  "properties for CmdHeadline-component at top of cookie disclaimer"
10
10
  ]
@@ -22,7 +22,7 @@
22
22
  ]
23
23
  }
24
24
  },
25
- "CmdHeadline": {
25
+ "cmdHeadline": {
26
26
  "comments": [
27
27
  "properties for CmdHeadline-component"
28
28
  ]
@@ -24,7 +24,7 @@
24
24
  "set a helplink to a different page for further support"
25
25
  ]
26
26
  },
27
- "CmdHeadline": {
27
+ "cmdHeadline": {
28
28
  "comments": [
29
29
  "properties of CmdHeadline-component"
30
30
  ]
@@ -29,12 +29,12 @@
29
29
  ]
30
30
  }
31
31
  },
32
- "CmdHeadlineLoginForm": {
32
+ "cmdHeadlineLoginForm": {
33
33
  "comments": [
34
34
  "properties for CmdHeadline-component for login-form"
35
35
  ]
36
36
  },
37
- "CmdHeadlineSendLoginForm": {
37
+ "cmdHeadlineSendLoginForm": {
38
38
  "comments": [
39
39
  "properties for CmdHeadline-component for send-login-form"
40
40
  ]
@@ -1,5 +1,5 @@
1
1
  {
2
- "CmdHeadline": {
2
+ "cmdHeadline": {
3
3
  "comments": [
4
4
  "properties for CmdHeadline-component"
5
5
  ]