comand-component-library 4.1.7 → 4.1.9

package/src/components/CmdFormElement.vue

@@ -725,13 +725,13 @@ export default {
 
             // set default-tooltip if customTooltip is not set
             if (this.validationStatus === 'error') {
-                return this.getMessage("cmdformelement.validation_tooltip.an_error_occurred")
+                return this.getMessage("form_element.validation_tooltip.an_error_occurred")
             } else if (this.validationStatus === 'success') {
-                return this.getMessage("cmdformelement.validation_tooltip.information_is_filled_correctly")
+                return this.getMessage("form_element.validation_tooltip.information_is_filled_correctly")
             } else if (this.capsLockActivated) {
-                return this.getMessage("cmdformelement.validation_tooltip.caps_lock_is_activated")
+                return this.getMessage("form_element.validation_tooltip.caps_lock_is_activated")
             }
-            return this.getMessage("cmdformelement.validation_tooltip.open_field_requirements")
+            return this.getMessage("form_element.validation_tooltip.open_field_requirements")
         },
         autocomplete() {
             if (this.$attrs.type !== 'file') {
@@ -759,7 +759,7 @@ export default {
             // check if field is type "email"
             if (this.$attrs.type === "email") {
                 requirements.push({
-                    message: this.getMessage("cmdformelement.validation_tooltip.is_valid_email"),
+                    message: this.getMessage("form_element.validation_tooltip.is_valid_email"),
                     valid: () => this.$refs.input.checkValidity()
                 })
             }

package/src/components/CmdGoogleMaps.vue

@@ -3,9 +3,9 @@
         <!-- begin CmdSystemMessage -->
         <CmdSystemMessage v-if="!cookiesAccepted" validationStatus="warning">
             <p>
-                {{getMessage("cmdgooglemaps.system_message.accept_terms")}}
+                {{getMessage("google_maps.system_message.accept_terms")}}
             </p>
-            <a href="#" @click.prevent="acceptCookies">{{getMessage("cmdgooglemaps.button_text.accept_required_cookies")}}</a>
+            <a href="#" @click.prevent="acceptCookies">{{getMessage("google_maps.button_text.accept_required_cookies")}}</a>
         </CmdSystemMessage>
         <!-- end CmdSystemMessage -->
 

package/src/components/CmdImageGallery.vue

@@ -14,7 +14,7 @@
                :key="index"
                href="#"
                @click.prevent="showFancyBox(index)"
-               :title="getMessage('cmdimagegallery.tooltip.open_large_image')">
+               :title="getMessage('image_gallery.tooltip.open_large_image')">
                 <CmdImage :image="image.image" :figcaption="figcaption(image)"/>
             </a>
             <!-- end images linked to fancybox -->

package/src/components/CmdListOfRequirements.vue

@@ -142,9 +142,9 @@ export default {
     computed: {
         headlineRequirements() {
             if (this.inputRequirements.length > 1) {
-                return this.getMessage("cmdlistofrequirements.headline.requirements_for_input")
+                return this.getMessage("list_of_requirements.headline.requirements_for_input")
             }
-            return this.getMessage("cmdlistofrequirements.headline.requirement_for_input")
+            return this.getMessage("list_of_requirements.headline.requirement_for_input")
         }
     }
 }

package/src/components/CmdMultistepFormProgressBar.vue

@@ -104,7 +104,7 @@ export default {
 
             a {
                 :is(span, [class*="icon-"]) + [class*="icon-"]:last-child {
-                    color: var(--default-text-color) !important;
+                    color: var(--color-scheme-text-color) !important;
                 }
             }
 
@@ -152,7 +152,7 @@ export default {
                         border: var(--default-border);
                         border-radius: var(--full-circle);
                         background: var(--pure-white);
-                        color: var(--default-text-color);
+                        color: var(--color-scheme-text-color);
                         margin: 0;
                         position: absolute;
                         right: 0;
@@ -177,7 +177,7 @@ export default {
                 }
 
                 .number {
-                    color: var(--primary-color);
+                    color: var(--hyperlink-color);
                 }
             }
 
@@ -221,7 +221,7 @@ export default {
 
                         & + [class*="icon-"] {
                             &:last-child {
-                                color: var(--default-text-color);
+                                color: var(--color-scheme-text-color);
                             }
                         }
                     }
@@ -231,7 +231,7 @@ export default {
             .number {
                 background: var(--pure-white);
                 border-color: var(--pure-white);
-                color: var(--primary-color) !important;
+                color: var(--hyperlink-color) !important;
             }
 
             & ~ li {
@@ -257,12 +257,12 @@ export default {
                     &:hover, &:active, &:focus {
                         span, [class*="icon-"] {
                             &:not(:last-child) {
-                                color: var(--primary-color);
+                                color: var(--hyperlink-color);
                             }
                         }
 
                         .number {
-                            border-color: var(--primary-color);
+                            border-color: var(--hyperlink-color);
                         }
                     }
                 }

package/src/components/CmdPageFooter.vue

@@ -59,6 +59,13 @@ export default {
             type: Boolean,
             default: true
         },
+        /**
+         * define container/selector to show in print-preview
+         */
+        containerToPrint: {
+            type: String,
+            default: "main"
+        },
         /**
          * properties for CmdSocialNetworks-component
          */
@@ -101,17 +108,19 @@ export default {
             if(typeof this.cmdFancyBox.elements === "function") {
                 elements = this.cmdFancyBox.elements()
             } else {
-                elements = [document.querySelector("main")]
+                elements = [document.querySelector(this.containerToPrint)]
             }
 
             openFancyBox({
                 elements: elements,
+                fancyBoxOptions: this.cmdFancyBox.fancyBoxOptions,
                 showPrintButtons: this.cmdFancyBox.showPrintButtons,
                 defaultAriaLabelText: this.cmdFancyBox.defaultAriaLabelText,
                 cmdHeadline: this.cmdFancyBox.cmdHeadline,
                 showOverlay: this.cmdFancyBox.showOverlay,
                 showSubmitButtons: this.cmdFancyBox.showSubmitButtons,
-                allowEscapeKey: this.cmdFancyBox.allowEscapeKey
+                allowEscapeKey: this.cmdFancyBox.allowEscapeKey,
+                id: this.cmdFancyBox.id || "print-preview"
             })
         }
     }

package/src/components/CmdPagination.vue

@@ -19,7 +19,7 @@
             <div class="flex-container">
                 <a :href="getHref(page)"
                    :class="{'disabled': currentPage === index + 1, 'button': linkType === 'button', 'hidden': !showPageNumbers}"
-                   :title="currentPage !== index + 1 ? getMessage('cmdpager.tooltip.go_to_page', index + 1) : getMessage('cmdpager.tooltip.not_possible')"
+                   :title="currentPage !== index + 1 ? getMessage('pagination.tooltip.go_to_page', index + 1) : getMessage('pagination.tooltip.not_possible')"
                    v-for="(page, index) in pages"
                    :key="index"
                    @click.stop.prevent="showPage(page)" aria-live="polite">

package/src/components/CmdSiteSearch.vue

@@ -74,8 +74,8 @@
                     :type="showFilters ? cmdIcon?.showFilters?.iconType : cmdIcon?.hideFilters?.iconType"
                 />
                 <!-- end CmdIcon -->
-                <span v-if="showFilters">{{ getMessage("cmdsitesearch.hide_filter_options") }}</span>
-                <span v-else>{{ getMessage("cmdsitesearch.show_filter_options") }}</span>
+                <span v-if="showFilters">{{ getMessage("site_search.hide_filter_options") }}</span>
+                <span v-else>{{ getMessage("site_search.show_filter_options") }}</span>
             </a>
             <transition name="fade">
                 <div v-if="showFilters && cmdFakeSelect?.selectData.length" class="flex-container no-flex" role="listbox" aria-expanded="true">

package/src/components/CmdThumbnailScroller.vue

@@ -256,12 +256,12 @@ export default {
     computed: {
         tooltip() {
             if (this.contentType === "image") {
-                return this.getMessage("cmdthumbnailscroller.tooltip.open_large_image")
+                return this.getMessage("thumbnail_scroller.tooltip.open_large_image")
             }
             if (this.executeOnClick === "url") {
-                return this.getMessage("cmdthumbnailscroller.tooltip.open_url")
+                return this.getMessage("thumbnail_scroller.tooltip.open_url")
             }
-            return this.getMessage("cmdthumbnailscroller.tooltip.open")
+            return this.getMessage("thumbnail_scroller.tooltip.open")
         },
         fullWidthClass() {
             if (this.orientation === "horizontal") {

package/src/components/CmdUploadForm.vue

@@ -14,7 +14,7 @@
             v-if="systemMessageStatus && allSystemMessages.length"
             :iconClose="{ show: false }"
             :validationStatus="systemMessageStatus"
-            :systemMessage="allSystemMessages.length === 1 ? allSystemMessages[0] : getMessage('cmduploadform.system_message.the_following_errors_occurred')"
+            :systemMessage="allSystemMessages.length === 1 ? allSystemMessages[0] : getMessage('upload_form.system_message.the_following_errors_occurred')"
         >
             <ul v-if="allSystemMessages.length > 1">
                 <li v-for="(systemMessage, index) in allSystemMessages" :key="index">
@@ -40,7 +40,7 @@
                      class="flex-container vertical list-files-wrapper">
                     <!-- begin CmdHeadline -->
                     <CmdHeadline v-bind="cmdHeadlineSummaryOfAllFiles" headlineLevel="4">
-                        {{ getMessage("cmduploadform.headline.summary_of_all_files") }}
+                        {{ getMessage("upload_form.headline.summary_of_all_files") }}
                     </CmdHeadline>
                     <!-- end CmdHeadline -->
 
@@ -48,7 +48,7 @@
                         <li class="flex-container no-flex">
                             <a
                                 href="#"
-                                :title="getMessage('cmduploadform.labeltext.remove_all_files_from_list')"
+                                :title="getMessage('upload_form.labeltext.remove_all_files_from_list')"
                                 @click.prevent="cancelUpload"
                             >
                                 <!-- begin CmdIcon -->
@@ -58,10 +58,10 @@
                             <span>
                               {{ listOfFiles.length }}
                               <template v-if="!allowMultipleFileUploads">
-                                {{ getMessage("cmduploadform.labeltext.file_uploading") }}
+                                {{ getMessage("upload_form.labeltext.file_uploading") }}
                               </template>
                               <template v-else>
-                                {{ getMessage("cmduploadform.labeltext.files_uploading") }}
+                                {{ getMessage("upload_form.labeltext.files_uploading") }}
                               </template>
                             </span>
                             <small
@@ -89,7 +89,7 @@
                     <!-- begin list of selected files -->
                     <!-- begin CmdHeadline -->
                     <CmdHeadline v-bind="cmdHeadlineListOfSelectedFiles" headlineLevel="4">
-                        {{ getMessage("cmduploadform.headline.list_of_selected_files") }}
+                        {{ getMessage("upload_form.headline.list_of_selected_files") }}
                     </CmdHeadline>
                     <!-- end CmdHeadline -->
 
@@ -101,7 +101,7 @@
                         >
                             <a
                                 href="#"
-                                :title="getMessage('cmduploadform.labeltext.remove_file_from_list', uploadFile.file.name)"
+                                :title="getMessage('upload_form.labeltext.remove_file_from_list', uploadFile.file.name)"
                                 @click.prevent="removeFile(index)"
                             >
                                 <!-- begin CmdIcon -->
@@ -136,8 +136,8 @@
                         v-if="failedUpload"
                         href="#"
                         @click.prevent="cancel"
-                        :title="getMessage('cmduploadform.all_files_will_be_removed')">
-                        {{ getMessage("cmduploadform.reset_upload") }}
+                        :title="getMessage('upload_form.all_files_will_be_removed')">
+                        {{ getMessage("upload_form.reset_upload") }}
                     </a>
                     <hr/>
                 </div>
@@ -149,40 +149,40 @@
                 <!-- begin CmdHeadline -->
                 <CmdHeadline v-if="allowMultipleFileUploads && listOfFiles.length"
                              v-bind="cmdHeadlineSelectAdditionalFiles" headlineLevel="4">
-                    {{ getMessage("cmduploadform.headline.select_additional_files") }}
+                    {{ getMessage("upload_form.headline.select_additional_files") }}
                 </CmdHeadline>
                 <!-- end CmdHeadline -->
 
                 <!-- begin CmdHeadline -->
                 <CmdHeadline v-if="!allowMultipleFileUploads && listOfFiles.length" v-bind="cmdHeadlineSelectNewFile"
                              headlineLevel="4">
-                    {{ getMessage("cmduploadform.headline.select_new_file") }}
+                    {{ getMessage("upload_form.headline.select_new_file") }}
                 </CmdHeadline>
                 <!-- end CmdHeadline -->
 
                 <dl class="small">
                     <template v-if="maxTotalUploadSize > 0">
                         <dt :class="{ error: totalSize > maxTotalUploadSize }">
-                            {{ getMessage("cmduploadform.max_total_upload_size") }}
+                            {{ getMessage("upload_form.max_total_upload_size") }}
                         </dt>
                         <dd :class="['text-align-right', { error: totalSize > maxTotalUploadSize }]">
                             {{ formatSize(maxTotalUploadSize) }}
                         </dd>
                     </template>
                     <dt :class="{ error: errors.fileSize }">
-                        {{ getMessage("cmduploadform.max_file_upload_size") }}
+                        {{ getMessage("upload_form.max_file_upload_size") }}
                     </dt>
                     <dd :class="['text-align-right', { error: errors.fileSize }]">
                         {{ formatSize(maxFileUploadSize) }}
                     </dd>
                     <dt :class="{ error: errors.fileType }">
-                        {{ getMessage("cmduploadform.allowed_file_types") }}
+                        {{ getMessage("upload_form.allowed_file_types") }}
                     </dt>
                     <dd>
                         <a
                             href="#"
                             @click.prevent="showListOfFileExtensions = !showListOfFileExtensions"
-                            :title="getMessage('cmduploadform.tooltip.toggle_list_of_allowed_file_types')">
+                            :title="getMessage('upload_form.tooltip.toggle_list_of_allowed_file_types')">
                             <!-- begin CmdIcon -->
                             <CmdIcon
                                 :iconClass="showListOfFileExtensions ? iconInvisible.iconClass : iconVisible.iconClass"
@@ -218,21 +218,21 @@
                     <CmdIcon :iconClass="iconFileUpload.iconClass" :type="iconFileUpload.iconType"/>
                     <!-- end CmdIcon -->
                     <span v-if="allowMultipleFileUploads">{{
-                            getMessage("cmduploadform.labeltext.select_files")
+                            getMessage("upload_form.labeltext.select_files")
                         }}</span>
-                    <span v-else>{{ getMessage("cmduploadform.labeltext.select_file") }}</span>
+                    <span v-else>{{ getMessage("upload_form.labeltext.select_file") }}</span>
                 </button>
                 <p v-if="enableDragAndDrop" :class="['text-drag-and-drop', { disabled: uploadInitiated }]">
-                    <span>{{ getMessage("cmduploadform.or") }}</span>
+                    <span>{{ getMessage("upload_form.or") }}</span>
                     <strong>
-                        {{ getMessage("cmduploadform.drag_and_drop") }}
+                        {{ getMessage("upload_form.drag_and_drop") }}
                         <template v-if="allowMultipleFileUploads && listOfFiles.length">
-                            {{ getMessage("cmduploadform.additional") }}
+                            {{ getMessage("upload_form.additional") }}
                         </template>
                         <template v-if="!allowMultipleFileUploads && listOfFiles.length">
-                            {{ getMessage("cmduploadform.new") }}
+                            {{ getMessage("upload_form.new") }}
                         </template>
-                        {{ getMessage("cmduploadform.files_to_this_area") }}
+                        {{ getMessage("upload_form.files_to_this_area") }}
                     </strong>
                 </p>
             </div>
@@ -243,11 +243,11 @@
         <CmdFormElement
             v-if="enableComment"
             element="textarea"
-            :labelText="getMessage('cmduploadform.labeltext.comment')"
+            :labelText="getMessage('upload_form.labeltext.comment')"
             v-model="comment"
             :required="commentRequired"
             :validationMessage="commentStatusMessage"
-            :placeholder="getMessage('cmduploadform.placeholder.comment')"
+            :placeholder="getMessage('upload_form.placeholder.comment')"
             :status="commentStatusMessage ? 'error' : ''"
         />
         <!-- end CmdFormElement -->
@@ -274,15 +274,15 @@
                 <CmdIcon v-bind="iconUpload" />
                 <!-- end CmdIcon -->
                 <span v-if="listOfFiles.length === 1 || !allowMultipleFileUploads">
-                    {{ getMessage("cmduploadform.buttontext.upload_file") }}
+                    {{ getMessage("upload_form.buttontext.upload_file") }}
                 </span>
-                <span v-else>{{ getMessage("cmduploadform.buttontext.upload_files") }}</span>
+                <span v-else>{{ getMessage("upload_form.buttontext.upload_files") }}</span>
             </button>
             <button :class="['button', { disabled: listOfFiles.length === 0 }]" @click="cancel">
                 <!-- begin CmdIcon -->
                 <CmdIcon v-bind="iconCancel" />
                 <!-- end CmdIcon -->
-                <span>{{ getMessage("cmduploadform.buttontext.cancel") }}</span>
+                <span>{{ getMessage("upload_form.buttontext.cancel") }}</span>
             </button>
         </div>
     </fieldset>
@@ -307,26 +307,26 @@
         <slot>
             <template v-if="!enableDragAndDrop">
                 <template v-if="fileTypeImage">
-                    <span>{{ getMessage("cmduploadform.select_image") }}</span>
+                    <span>{{ getMessage("upload_form.select_image") }}</span>
                     <!-- begin CmdIcon -->
                     <CmdIcon :iconClass="iconImage.iconClass" :type="iconImage.iconType"/>
                     <!-- end CmdIcon -->
                 </template>
                 <template v-else>
-                    <span>{{ getMessage("cmduploadform.select_file") }}</span>
+                    <span>{{ getMessage("upload_form.select_file") }}</span>
                     <!-- begin CmdIcon -->
                     <CmdIcon :iconClass="iconFileUpload.iconClass" :type="iconFileUpload.iconType"/>
                     <!-- end CmdIcon -->
                 </template>
             </template>
             <template v-else>
-                <span>{{ getMessage("cmduploadform.drag_and_drop_file_here") }}</span>
+                <span>{{ getMessage("upload_form.drag_and_drop_file_here") }}</span>
                 <!-- begin CmdIcon -->
                 <CmdIcon :iconClass="iconDragAndDrop.iconClass" :type="iconDragAndDrop.iconType"/>
                 <!-- end CmdIcon -->
             </template>
-            <small>{{ getMessage("cmduploadform.max_upload_size") }} {{ formatSize(maxFileUploadSize) }}</small>
-            <small>{{ getMessage("cmduploadform.allowed_file_types") }} {{ allowedFileExtensions }}</small>
+            <small>{{ getMessage("upload_form.max_upload_size") }} {{ formatSize(maxFileUploadSize) }}</small>
+            <small>{{ getMessage("upload_form.allowed_file_types") }} {{ allowedFileExtensions }}</small>
         </slot>
         <!-- end slot-content -->
     </a>
@@ -336,7 +336,7 @@
     <CmdFormElement
         element="input"
         type="file"
-        :labelText="getMessage('cmduploadform.labeltext.select_files')"
+        :labelText="getMessage('upload_form.labeltext.select_files')"
         :disabled="uploadInitiated"
         :multiple="allowMultipleFileUploads"
         @change="filesSelected"
@@ -664,7 +664,7 @@ export default {
     },
     computed: {
         headlineTextNoFilesToUpload() {
-            return this.allowMultipleFileUploads ? this.getMessage("cmduploadform.no_files_to_upload") : this.this.getMessage("cmduploadform.no_file_to_upload")
+            return this.allowMultipleFileUploads ? this.getMessage("upload_form.no_files_to_upload") : this.this.getMessage("upload_form.no_file_to_upload")
         },
         fileTypeImage() {
             return this.allowedFileExtensions.some(extension => extension.includes('jpg'));
@@ -691,7 +691,7 @@ export default {
         allSystemMessages() {
             if (this.maxTotalUploadSize > 0 && this.totalSize > this.maxTotalUploadSize) {
                 return [
-                    this.getMessage("cmduploadform.system_message_total_size_of_files_too_large"),
+                    this.getMessage("upload_form.system_message_total_size_of_files_too_large"),
                     ...this.systemMessages
                 ]
             }
@@ -830,7 +830,7 @@ export default {
                     this.errors.fileSize = true
                     this.systemMessages.push(
                         this.getMessage(
-                            "cmduploadform.system_message.file_size_too_large",
+                            "upload_form.system_message.file_size_too_large",
                             files[i].name,
                             files[i].size
                         )
@@ -844,7 +844,7 @@ export default {
                     this.errors.fileType = true
                     this.systemMessages.push(
                         this.getMessage(
-                            "cmduploadform.system_message.not_allowed_file_type",
+                            "upload_form.system_message.not_allowed_file_type",
                             files[i].name,
                             getFileExtension(files[i].name)
                         )
@@ -861,7 +861,7 @@ export default {
                 ) {
                     this.systemMessages.push(
                         this.getMessage(
-                            "cmduploadform.system_message.duplicate_file",
+                            "upload_form.system_message.duplicate_file",
                             files[i].name,
                             getFileExtension(files[i].name)
                         )
@@ -875,7 +875,7 @@ export default {
                 } else {
                     if (files.length > 1) {
                         this.systemMessages.push(
-                            this.getMessage("cmduploadform.system_message.only_one_file_allowed")
+                            this.getMessage("upload_form.system_message.only_one_file_allowed")
                         )
                     }
                     // assign uploadFile-object (which contains current (and valid) file to listOfFiles-array
@@ -936,7 +936,7 @@ export default {
                 this.commentStatusMessage
             ) {
                 this.defaultSystemMessageStatus = "error"
-                this.systemMessages.push(this.getMessage("cmduploadform.system_message.fill_required"))
+                this.systemMessages.push(this.getMessage("upload_form.system_message.fill_required"))
             } else {
                 this.uploadInitiated = true
 
@@ -977,13 +977,13 @@ export default {
                             this.defaultSystemMessageStatus = "error"
                             this.systemMessages.push(
                                 this.getMessage(
-                                    "cmduploadform.system_message.some_files_are_not_uploaded_successfully"
+                                    "upload_form.system_message.some_files_are_not_uploaded_successfully"
                                 )
                             )
                         } else {
                             this.defaultSystemMessageStatus = "success"
                             this.systemMessages.push(
-                                this.getMessage("cmduploadform.system_message.all_files_are_uploaded_successfully")
+                                this.getMessage("upload_form.system_message.all_files_are_uploaded_successfully")
                             )
                         }
 
@@ -1049,10 +1049,10 @@ export default {
         showMessage(result) {
             if (result === true) {
                 this.defaultSystemMessageStatus = "success"
-                this.systemMessages.push(this.getMessage("cmduploadform.system_message.upload_success"))
+                this.systemMessages.push(this.getMessage("upload_form.system_message.upload_success"))
             } else if (result === false) {
                 this.defaultSystemMessageStatus = "error"
-                this.systemMessages.push(this.getMessage("cmduploadform.system_message.upload_failed"))
+                this.systemMessages.push(this.getMessage("upload_form.system_message.upload_failed"))
             }
         },
         resetFields() {

package/src/mixins/CmdBox/DefaultMessageProperties.js

@@ -2,10 +2,10 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdbox.productbox.new": "New",
-        "cmdbox.productbox.article_no": "Article No:",
-        "cmdbox.contentbox.collapse_text": "Collapse text",
-        "cmdbox.contentbox.expand_text": "Expand text"
+        "box.productbox.new": "New",
+        "box.productbox.article_no": "Article No:",
+        "box.contentbox.collapse_text": "Collapse text",
+        "box.contentbox.expand_text": "Expand text"
       }
     }
   }

package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js

@@ -2,8 +2,9 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdcookiedisclaimer.title.cookie_cannot_be_disabled": "This cookie cannot be disabled, because it is required for functionality!",
-        "cmdcookiedisclaimer.title.toggle_to_accept_cookie": "Toggle to accept or reject this cookie!"
+        "cookie_disclaimer.title.cookie_cannot_be_disabled": "This cookie cannot be disabled, because it is required for functionality!",
+        "cookie_disclaimer.title.toggle_to_accept_cookie": "Toggle to accept or reject this cookie!",
+        "cookie_disclaimer.title.toggle_box_content": "Toggle description visibility"
       }
     }
   }

package/src/mixins/CmdFakeSelect/DefaultMessageProperties.js

@@ -3,11 +3,11 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdfakeselect.headline.requirements_for_input": "Requirements for input",
-        "cmdfakeselect.linktext.deselect_all_options": "Deselect all options",
-        "cmdfakeselect.linktext.select_all_options": "Select all options",
-        "cmdfakeselect.headline.an_option_is_selected": "An option is selected",
-        "cmdfakeselect.option.options_selected": "{0} options selected",
+        "fake_select.headline.requirements_for_input": "Requirements for input",
+        "fake_select.linktext.deselect_all_options": "Deselect all options",
+        "fake_select.linktext.select_all_options": "Select all options",
+        "fake_select.headline.an_option_is_selected": "An option is selected",
+        "fake_select.option.options_selected": "{0} options selected",
       ...FormElementMessageProperties.data().defaultMessageProperties
       }
     }

package/src/mixins/CmdFormElement/DefaultMessageProperties.js

@@ -2,11 +2,11 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdformelement.validation_tooltip.an_error_occurred": "An error occurred!",
-        "cmdformelement.validation_tooltip.information_is_filled_correctly": "This information is filled correctly!",
-        "cmdformelement.validation_tooltip.caps_lock_is_activated": "Attention: Caps lock is activated!",
-        "cmdformelement.validation_tooltip.open_field_requirements": "Open field requirements!",
-        "cmdformelement.validation_tooltip.is_valid_email": "Is valid e-mail-address"
+        "form_element.validation_tooltip.an_error_occurred": "An error occurred!",
+        "form_element.validation_tooltip.information_is_filled_correctly": "This information is filled correctly!",
+        "form_element.validation_tooltip.caps_lock_is_activated": "Attention: Caps lock is activated!",
+        "form_element.validation_tooltip.open_field_requirements": "Open field requirements!",
+        "form_element.validation_tooltip.is_valid_email": "Is valid e-mail-address"
       }
     }
   }

package/src/mixins/CmdGoogleMaps/DefaultMessageProperties.js

@@ -2,8 +2,8 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdgooglemaps.system_message.accept_terms": "You must accept cookies to view the map.",
-        "cmdgooglemaps.button_text.accept_required_cookies": "Accept required cookies"
+        "google_maps.system_message.accept_terms": "You must accept cookies to view the map.",
+        "google_maps.button_text.accept_required_cookies": "Accept required cookies"
       }
     }
   }

package/src/mixins/CmdImageGallery/DefaultMessageProperties.js

@@ -2,7 +2,7 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdimagegallery.tooltip.open_large_image": "Open large image"
+        "image_gallery.tooltip.open_large_image": "Open large image"
       }
     }
   }

package/src/mixins/CmdListOfRequirements/DefaultMessageProperties.js

@@ -2,8 +2,8 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdlistofrequirements.headline.requirement_for_input": "Requirement for input",
-        "cmdlistofrequirements.headline.requirements_for_input": "Requirements for input",
+        "list_of_requirements.headline.requirement_for_input": "Requirement for input",
+        "list_of_requirements.headline.requirements_for_input": "Requirements for input",
       }
     }
   }

package/src/mixins/CmdPagination/DefaultMessageProperties.js

@@ -2,8 +2,8 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdpager.tooltip.go_to_page": "Go to page {0}",
-        "cmdpager.tooltip.not_possible": "Not possible (current page is shown already)"
+        "pagination.tooltip.go_to_page": "Go to page {0}",
+        "pagination.tooltip.not_possible": "Not possible (current page is shown already)"
       }
     }
   }

package/src/mixins/CmdSiteSearch/DefaultMessageProperties.js

@@ -2,12 +2,8 @@ export default {
   data() {
     return {
       defaultMessageProperties: {
-        "cmdsitesearch.labeltext.what_to_search": "What do you like to search for?",
-        "cmdsitesearch.placeholder.what_to_search": "Search",
-        "cmdsitesearch.labeltext.where_to_search": "Where do you want to search?",
-        "cmdsitesearch.placeholder.where_to_search": "Zip or city",
-        "cmdsitesearch.show_filter_options": "Show filter options",
-        "cmdsitesearch.hide_filter_options": "Hide filter options",
+        "site_search.show_filter_options": "Show filter options",
+        "site_search.hide_filter_options": "Hide filter options",
       }
     }
   }