comand-component-library 4.0.67 → 4.0.69

package/package.json

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

package/src/ComponentLibrary.vue

@@ -1297,8 +1297,8 @@
                         contentOrientation="horizontal"
                         innerClass="inner-class"
                     >
-                        <div>Slot-Content</div>
-                        <div>Slot-Content</div>
+                        <component :is="componentNameForContainer" headlineText="Headline 1" headlineLevel="6" />
+                        <component :is="componentNameForContainer" headlineText="Headline 2" headlineLevel="6" />
                     </CmdContainer>
                 </CmdWidthLimitationWrapper>
                 <!-- end container ------------------------------------------------------------------------------------------------------------------------------------------------------->
@@ -1517,6 +1517,15 @@
                         :fancybox="true"
                         :icon="{iconClass: 'icon-chevron-one-stripe-right', position: 'right', tooltip: 'Tooltip for hyperlink'}"
                     />
+                    <button @click="showCmdLink = true"><span>Add link</span></button>
+                    <CmdLink
+                        v-if="showCmdLink"
+                        path="#"
+                        linkType="href"
+                        text="Link added on click"
+                        :fancybox="true"
+                        :icon="{iconClass: 'icon-chevron-one-stripe-right', position: 'right', tooltip: 'Tooltip for hyperlink'}"
+                    />
                 </CmdWidthLimitationWrapper>
                 <!-- end link ------------------------------------------------------------------------------------------------------------------------------------------------------->
 
@@ -2106,14 +2115,17 @@ import {localizedTime} from "./components/CmdOpeningHours.vue"
 // import data and controls for settings
 import componentSettingsDataAndControls from "@/componentSettingsDataAndControls.vue"
 
+import CmdHeadline from "./components/CmdHeadline.vue"
 export default {
     name: "App",
     mixins: [componentSettingsDataAndControls],
     components: {
-        PageOverview
+        PageOverview,
+        CmdHeadline
     },
     data() {
         return {
+            componentNameForContainer: "CmdHeadline",
             listOfComponents,
             activeEntry: "CmdAddressData",
             basicFormData: {},
@@ -2174,6 +2186,7 @@ export default {
             accordionGroupOpen: false,
             showPageMultistep: 1,
             showPagePager: 1,
+            showCmdLink: false,
             selectedOption: "",
             selectedOptions: [],
             selectedCountry: "de",

package/src/components/CmdContainer.vue

@@ -100,18 +100,19 @@ export 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
             }
+            if (vnodes.length === 1 && typeof vnodes[0].type === "object" && vnodes[0].type.name === "RenderComponents" && typeof vnodes[0].props === "object" && Array.isArray(vnodes[0].props.components)) {
+                return vnodes[0].props.components.length === 1
+            }
             return vnodes.length === 1
         }
     },
     computed: {
-        containerClass() {
-
-        },
         setInnerClass() {
-            let htmlClass = this.innerClass
+            let htmlClass = this.innerClass || ""
             switch (this.containerType) {
                 case "grid":
                     htmlClass += " grid-container-create-columns"

package/src/components/CmdTextImageBlock.vue

@@ -25,7 +25,7 @@
             <!-- end cmdHeadline -->
 
             <!-- begin continuous text -->
-            <div v-if="htmlContent" v-html="htmlContent" :class="textAlign"></div>
+            <div v-if="htmlContent" v-html="htmlContent" :class="setInnerClass"></div>
             <!-- end continuous text -->
         </div>
 
@@ -100,7 +100,7 @@ export default {
          */
         paragraphTextAlign: {
             type: String,
-            required: false,
+            default: "left",
             validator(value) {
                 return value === "left" ||
                 value === "center" ||
@@ -153,6 +153,9 @@ export default {
                 return "text-align-" + this.paragraphTextAlign
             }
             return ""
+        },
+        setInnerClass() {
+            return "inner-content-wrapper " + this.textAlign + " " + (this.innerClass || "")
         }
     },
     methods: {

package/src/directives/fancybox.js

@@ -11,7 +11,7 @@ function addClickHandlerToFancyboxLinks(fancyboxLinks) {
 export default {
     // el = real dom-element
     mounted(el) {
-        // get initialy loaded elements
+        // get initially loaded elements
         const fancyboxLinks = el.querySelectorAll(".fancybox")
         addClickHandlerToFancyboxLinks(fancyboxLinks)
 
@@ -36,7 +36,6 @@ export default {
                     }
                 }
             }
-
             addClickHandlerToFancyboxLinks(targetElements)
         })