comand-component-library 4.0.66 → 4.0.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.66",
+  "version": "4.0.68",
   "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/assets/data/list-of-links.json

@@ -14,7 +14,7 @@
       "tooltip": "Tooltip"
     },
     "type": "href",
-    "text": "Internal link",
+    "text": "Fancybox content",
     "path": "/content/fancybox-content.html",
     "fancybox": true,
     "children": [
@@ -45,7 +45,7 @@
     },
     "type": "href",
     "text": "External link",
-    "path": "http://www.comand-cms.com",
+    "path": "https://www.comand-cms.com",
     "target": "_blank",
     "tooltip": "Open CoManD-Website in new tab"
   }

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/CmdListOfLinksItem.vue

@@ -4,7 +4,6 @@
         <!-- begin CmdLink -->
         <CmdLink
             v-bind="link"
-            @click="executeLink()"
         />
         <!-- end CmdLink -->
 
@@ -69,14 +68,6 @@ export default {
                     props.text = text
                 }
             })
-        },
-        executeLink(event) {
-            if (this.link?.fancybox) {
-                event.preventDefault()
-                openFancyBox({url: this.link?.path, showSubmitButtons: this.link?.showSubmitButtons})
-                return
-            }
-            this.$emit("click", event)
         }
     }
 }

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)
         })