comand-component-library 3.1.46 → 3.1.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.1.46",
+  "version": "3.1.49",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -18,7 +18,7 @@
   ],
   "dependencies": {
     "clickout-event": "^1.1.2",
-    "comand-frontend-framework": "^3.2.34",
+    "comand-frontend-framework": "^3.2.39",
     "core-js": "^3.20.1",
     "prismjs": "^1.27.0",
     "vue": "^3.2.31",

package/src/components/CmdBoxSiteSearch.vue

@@ -66,7 +66,7 @@
         </template>
         <!-- end filters -->
     </fieldset>
-    <CmdFormFilters v-if="useFilters" v-model="fakeSelectFilters" :selectedOptionsName="getOptionName"/>
+    <CmdFormFilters v-if="useFilters" v-model:value="fakeSelectFilters" :selectedOptionsName="getOptionName"/>
 </template>
 
 <script>
@@ -96,6 +96,9 @@ export default {
         }
     },
     props: {
+        /**
+         * the native modelValue for v-model given from outside for pre-sets
+         */
         modelValue: {
             type: Array,
             required: false

package/src/components/CmdFakeSelect.vue

@@ -14,7 +14,7 @@
     >
         <span>
             <!-- begin label -->
-            <span>
+            <span v-if="showLabel">
                 {{ labelText }}<sup v-if="$attrs.required !== undefined">*</sup>
             </span>
             <!-- end label -->
@@ -66,7 +66,7 @@
                     <li v-for="(option, index) in selectData" :key="index">
                         <label v-if="type === 'checkboxOptions'" :for="'option-' + (index + 1)" :class="{'active' : modelValue.includes(`${option.value}`)}">
                             <input type="checkbox" :value="option.value" @change="optionSelect"
-                                   :checked="modelValue.includes(`${option.value}`)" :id="'option-' + (index + 1)"/>
+                                   :checked="modelValue.includes(option.value)" :id="'option-' + (index + 1)"/>
                             <span>{{ option.text }}</span>
                         </label>
 
@@ -254,6 +254,13 @@ export default {
             type: String,
             required: false
         },
+        /**
+         * toggle label visibility
+         */
+        showLabel: {
+            type: Boolean,
+            default: true
+        },
         /**
          * path to flag-files (will be combined with flag isoCode to load svg)
          */

package/src/components/CmdSiteHeader.vue

@@ -5,7 +5,7 @@
         <!-- end for elements above header -->
 
         <!-- begin header-wrapper with slots for logo and other header elements -->
-        <header :class="useGrid ? 'grid-container-create-columns': 'flex-container'">
+        <header v-if="$slots.logo || $slots.header" :class="useGrid ? 'grid-container-create-columns': 'flex-container'">
             <slot name="logo"></slot>
             <slot name="header"></slot>
         </header>
@@ -34,7 +34,7 @@ export default {
          * properties for CmdMainNavigation-component
          */
         cmdMainNavigation: {
-            type: Array,
+            type: Object,
             required: true
         },
         /**

package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json

@@ -1,4 +1,9 @@
 {
+    "modelValue": {
+        "comments": [
+            "the native modelValue for v-model given from outside for pre-sets"
+        ]
+    },
     "useFilters": {
         "comments": [
             "toggle use of filters (must configured)"

package/src/documentation/generated/CmdFakeSelectPropertyDescriptions.json

@@ -71,6 +71,11 @@
             " @requiredForAccessibility: true"
         ]
     },
+    "showLabel": {
+        "comments": [
+            "toggle label visibility"
+        ]
+    },
     "pathFlags": {
         "comments": [
             "path to flag-files (will be combined with flag isoCode to load svg)"

package/src/index.js

@@ -3,7 +3,9 @@ import "clickout-event"
 export { default as CmdAccordion } from '@/components/CmdAccordion'
 export { default as CmdAddressData } from '@/components/CmdAddressData'
 export { default as CmdBackToTopButton } from '@/components/CmdBackToTopButton'
+export { default as CmdBankAccountData } from '@/components/CmdBankAccountData'
 export { default as CmdBox } from '@/components/CmdBox'
+export { default as CmdBoxSiteSearch } from '@/components/CmdBoxSiteSearch'
 export { default as CmdBoxWrapper } from '@/components/CmdBoxWrapper'
 export { default as CmdBreadcrumbs } from '@/components/CmdBreadcrumbs'
 export { default as CmdCompanyLogo } from '@/components/CmdCompanyLogo'
@@ -12,6 +14,7 @@ export { default as CmdCopyrightInformation } from '@/components/CmdCopyrightInf
 export { default as CmdCustomHeadline } from '@/components/CmdCustomHeadline'
 export { default as CmdFakeSelect } from '@/components/CmdFakeSelect'
 export { openFancyBox, default as CmdFancyBox } from '@/components/CmdFancyBox'
+export { default as CmdForm } from '@/components/CmdForm'
 export { default as CmdFormElement } from '@/components/CmdFormElement'
 export { default as CmdFormFilters } from '@/components/CmdFormFilters'
 export { default as CmdGoogleMaps } from '@/components/CmdGoogleMaps'

package/src/main.js

@@ -1,7 +1,13 @@
-/* import css from comand-frontend-framework */
+/* begin imports css from comand-frontend-framework ---------------------------------------------------------------------------------------- */
+/* import normalize to set same default styles for all browsers */
 import 'comand-frontend-framework/src/assets/css/normalize.css'
+
+/* import framework-styles */
 import 'comand-frontend-framework/src/assets/css/framework.css'
+
+/* import framework-iconfont */
 import 'comand-frontend-framework/src/assets/css/framework-iconfont.css'
+/* end imports css from comand-frontend-framework ---------------------------------------------------------------------------------------- */
 
 import { createApp } from 'vue'
 // import App from './App.vue'
@@ -15,6 +21,7 @@ import directiveTelephone from "./directives/telephone"
 // directive to set focus on specific form-elements
 import directiveFocus from "./directives/focus"
 
+/* begin imports css from comand-component-library ---------------------------------------------------------------------------------------- */
 /* import additional iconfont containing company-logos */
 import '@/assets/styles/logos-iconfont.css'
 
@@ -24,7 +31,7 @@ import '@/assets/styles/global-styles.scss'
 /* import css for global transitions */
 import '@/assets/styles/transitions.scss'
 
-/* import css for your custom styles */
+/* import css-example for your custom styles (contains overwritten primary-color only) */
 import '@/assets/styles/template.css'
 
 /* import css for prism-library (for styling syntax) */
@@ -32,6 +39,7 @@ import "prismjs/themes/prism.css"
 
 /* import css for demopage only */
 import 'comand-frontend-framework/public/demopage-only.css'
+/* end imports css from comand-component-library ---------------------------------------------------------------------------------------- */
 
 import router from "./router"