comand-component-library 4.0.64 → 4.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.64",
+  "version": "4.0.66",
   "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/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/mixins/Identifier.js

@@ -1,5 +1,5 @@
 // import utils
-import {createHtmlId} from "@/utils/common";
+import {createHtmlId} from "../utils/common"
 
 export default {
     props: {