comand-component-library 4.0.61 → 4.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.61",
+  "version": "4.0.62",
   "private": false,
   "type": "module",
   "license": "GPL-3.0-only",

package/src/ComponentLibrary.vue

@@ -1273,12 +1273,13 @@
                         <a href="#" class="icon-cog" title="Open Component Settings"
                            @click.prevent="openSettingsSidebar('CmdContainer')"></a>
                     </h2>
+                    <h3>Default Container</h3>
                     <CmdContainer
                         style="border: 1px dotted gray"
                         ref="CmdContainer"
                         v-bind="cmdContainerSettingsData"
                     />
-
+                    <h3>Container with vertical slots</h3>
                     <CmdContainer
                         style="border: 1px dotted gray"
                         ref="CmdContainer"
@@ -1288,6 +1289,16 @@
                         <p>Slot-content</p>
                         <p>Slot-content</p>
                     </CmdContainer>
+                    <h3>Container with horizontal slots</h3>
+                    <CmdContainer
+                        style="border: 1px dotted gray"
+                        ref="CmdContainer"
+                        v-bind="cmdContainerSettingsData"
+                        contentOrientation="horizontal"
+                    >
+                        <div>Slot-Content</div>
+                        <div>Slot-Content</div>
+                    </CmdContainer>
                 </CmdWidthLimitationWrapper>
                 <!-- end container ------------------------------------------------------------------------------------------------------------------------------------------------------->
 

package/src/components/CmdContainer.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="cmd-container" :class="containerClass">
+    <div class="cmd-container">
         <!-- begin cmd-headline -->
         <CmdHeadline
             v-if="cmdHeadline"
@@ -101,6 +101,9 @@ export default {
     },
     computed: {
         containerClass() {
+
+        },
+        setInnerClass() {
             let htmlClass = null
             switch (this.containerType) {
                 case "grid":
@@ -118,20 +121,6 @@ export default {
                     break
             }
             return htmlClass
-        },
-        setInnerClass() {
-            if(this.containerType === "grid") {
-                return "grid-container-create-columns"
-            }
-
-            if(this.containerType === "flex") {
-                if(this.contentOrientation === "horizontal") {
-                    return "flex-container"
-                } else if(this.contentOrientation === "vertical") {
-                    return "flex-container vertical"
-                }
-            }
-            return ""
         }
     }
 }