comand-component-library 4.0.54 → 4.0.55

package/package.json

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

package/src/ComponentLibrary.vue

@@ -1272,6 +1272,14 @@
                         <a href="#" class="icon-cog" title="Open Component Settings"
                            @click.prevent="openSettingsSidebar('CmdContainer')"></a>
                     </h2>
+                    <CmdContainer
+                        style="border: 1px dotted gray"
+                        ref="CmdContainer"
+                        v-bind="cmdContainerSettingsData"
+                    >
+                        <p>Slot-content (one item only)</p>
+                    </CmdContainer>
+
                     <CmdContainer
                         style="border: 1px dotted gray"
                         ref="CmdContainer"

package/src/components/CmdContainer.vue

@@ -90,7 +90,7 @@ export default {
                 return false
             }
 
-            const vnodes = this.$slots.default();
+            const vnodes = this.$slots.default()
             if (vnodes.length === 1 && typeof vnodes[0].type === "symbol" && Array.isArray(vnodes[0].children)) {
                 return vnodes[0].children.length === 1
             }

package/src/components/CmdPageFooter.vue

@@ -15,7 +15,7 @@
 
             <!-- begin button print-preview -->
             <button
-                v-if="buttonPrintView.show"
+                v-if="buttonPrintView?.show"
                 :class="['button', {'primary': buttonPrintView.primary}]"
                 :title="buttonPrintView.text ? buttonPrintView.icon?.tooltip : null"
                 @click="showFancyBox"

package/src/components/CmdSocialNetworks.vue

@@ -12,9 +12,7 @@
             v-if="userMustAcceptDataPrivacy"
             element="input"
             type="checkbox"
-            :toggle-switch="cmdFormElement.toggleSwitch"
-            :labelText="cmdFormElement.labelText"
-            :required="cmdFormElement.required"
+            :v-bind="cmdFormElement"
             v-model="dataPrivacyAccepted"
         />
         <!-- end CmdFormElement -->

package/src/components/CmdWidthLimitationWrapper.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="cmd-width-limitation-wrapper" :class="{'sticky': sticky}" ref="width-limitation-wrapper">
         <!-- begin slot-content in section -->
-        <section v-if="useInnerSection" :class="setSectionClass" :id="anchorId">
+        <section v-if="useInnerSection" :class="setInnerClass" :id="anchorId">
             <!-- begin cmd-headline -->
             <CmdHeadline
                 v-if="cmdHeadline"
@@ -70,13 +70,11 @@ export default {
             default: true
         },
         /**
-         * set class to inner component
-         *
-         * useInnerSection-property must be true
+         * set if content should be extended to full device width
          */
-        sectionClass: {
-            type: String,
-            required: false
+        useFullDeviceWidth: {
+            type: Boolean,
+            default: false
         },
         /**
          * activate if wrapper (and its content) should be sticky (=position remains the same if content below is scrolled)
@@ -120,19 +118,19 @@ export default {
         }
     },
     computed: {
-        setSectionClass() {
-            if (this.sectionClass) {
-                return this.sectionClass
+        setInnerClass() {
+            if (this.useFullDeviceWidth) {
+                return "full-width"
             }
+
             if (this.innerComponent === "header") {
                 return "grid-container-create-columns"
             }
+
             if (this.innerComponent === "footer") {
                 return "flex-container"
             }
-            return ""
-        },
-        setInnerClass() {
+
             if(this.containerType === "grid") {
                 return "grid-container-create-columns"
             }