comand-component-library 3.3.2 → 3.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CmdSiteHeader.vue

@@ -4,9 +4,13 @@
         <div v-if="$slots.topheader" class="top-header">
             <slot name="topheader"></slot>
         </div>
-        <!-- end for elements above header -->
+        <!-- end slot for elements above header -->
 
-        <header :class="[useGrid ? 'grid-container-create-columns': 'flex-container', {'has-navigation': cmdMainNavigation || $slots.navigation, 'one-child-only' : oneChildOnly}]">
+        <header :class="[
+            useGrid ? 'grid-container-create-columns': 'flex-container',
+            {'has-navigation': (cmdMainNavigation?.navigationEntries?.length && navigationInline) || $slots.navigation,
+            'one-child-only' : oneChildOnly}
+            ]">
             <!-- begin slots for logo and other header elements -->
             <template v-if="$slots.logo || $slots.header || $slots.navigation">
                 <slot name="logo"></slot>
@@ -26,7 +30,7 @@
 
                 <!-- begin CmdMainNavigation -->
                 <CmdMainNavigation
-                    v-if="cmdMainNavigation?.navigationEntries?.length"
+                    v-if="cmdMainNavigation?.navigationEntries?.length && navigationInline"
                     :navigationEntries="cmdMainNavigation.navigationEntries"
                     :closeOffcanvas="closeOffcanvas"
                 />
@@ -34,6 +38,14 @@
             </template>
             <!-- end content given by data -->
         </header>
+
+        <!-- begin CmdMainNavigation -->
+        <CmdMainNavigation
+            v-if="cmdMainNavigation?.navigationEntries?.length && !navigationInline"
+            :navigationEntries="cmdMainNavigation.navigationEntries"
+            :closeOffcanvas="closeOffcanvas"
+        />
+        <!-- end CmdMainNavigation -->
     </div>
 </template>
 
@@ -154,8 +166,6 @@ export default {
         border-bottom: 0;
     }
 
-
-
     header {
         padding-top: calc(var(--default-padding) * 2);
         padding-bottom: calc(var(--default-padding) * 2);