comand-component-library 4.0.65 → 4.0.67

package/package.json

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

package/src/ComponentLibrary.vue

@@ -1509,6 +1509,14 @@
                         v-bind="cmdLinkSettingsData"
                         :icon="{iconClass: 'icon-chevron-one-stripe-right', position: 'right', tooltip: 'Tooltip for hyperlink'}"
                     />
+                    <CmdLink
+                        linkType="href"
+                        ref="CmdLink"
+                        v-bind="cmdLinkSettingsData"
+                        text="Link with fancybox"
+                        :fancybox="true"
+                        :icon="{iconClass: 'icon-chevron-one-stripe-right', position: 'right', tooltip: 'Tooltip for hyperlink'}"
+                    />
                 </CmdWidthLimitationWrapper>
                 <!-- end link ------------------------------------------------------------------------------------------------------------------------------------------------------->
 

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

@@ -1,7 +1,7 @@
 <template>
     <!-- begin CmdLink -->
     <!-- begin href -->
-    <a v-if="linkType === 'href'" :href="path" :target="target" :class="['cmd-link', {'button': styleAsButton, 'primary': primaryButton}]" @click="emitClick($event, 'href')">
+    <a v-if="linkType === 'href'" :href="path" :target="target" :class="['cmd-link', {'button': styleAsButton, 'primary': primaryButton, 'fancybox': fancybox}]" @click="emitClick($event, 'href')">
         <CmdInnerLink :text="text" :icon="icon">
             <slot></slot>
         </CmdInnerLink>
@@ -9,7 +9,7 @@
     <!-- end href -->
 
     <!-- begin router -->
-    <router-link v-else-if="linkType === 'router'" :to="path" :class="['cmd-link', {'button': styleAsButton, 'primary': primaryButton}]" @click="emitClick($event, 'router')">
+    <router-link v-else-if="linkType === 'router'" :to="path" :class="['cmd-link', {'button': styleAsButton, 'primary': primaryButton, 'fancybox': fancybox}]" @click="emitClick($event, 'router')">
         <CmdInnerLink :text="text" :icon="icon">
             <slot></slot>
         </CmdInnerLink>
@@ -17,7 +17,7 @@
     <!-- end router -->
 
     <!-- begin button -->
-    <button v-else-if="linkType === 'button'" :class="['cmd-link button', {'primary': primaryButton}]" type="submit" @click="emitClick($event, 'button')">
+    <button v-else-if="linkType === 'button'" :class="['cmd-link button', {'primary': primaryButton, 'fancybox': fancybox}]" type="submit" @click="emitClick($event, 'button')">
         <CmdInnerLink :text="text" :icon="icon">
             <slot></slot>
         </CmdInnerLink>
@@ -94,6 +94,13 @@ export default {
         primaryButton: {
             type: Boolean,
             default: false
+        },
+        /**
+         * set if path should be opened in fancybox
+         */
+        fancybox: {
+            type: Boolean,
+            default: false
         }
     },
     methods: {

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