comand-component-library 4.0.46 → 4.0.48

package/src/components/CmdInnerLink.vue

@@ -0,0 +1,34 @@
+<template>
+    <span v-if="icon.iconClass && icon.position !== 'right'" :class="icon.iconClass" :title="icon.tooltip"></span>
+    <span v-if="text">{{ text }}</span>
+    <span v-if="icon.iconClass && icon.position === 'right'" :class="icon.iconClass" :title="icon.tooltip"></span>
+    <!-- begin default-slot -->
+    <slot></slot>
+    <!-- end default-slot -->
+</template>
+
+<script>
+export default {
+    name: "CmdInnerLink",
+    props: {
+        /**
+         * icon to display
+         */
+        icon: {
+            type: Object,
+            default: {}
+        },
+        /**
+         * displayed text
+         */
+        text: {
+            type: String,
+            default: ""
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>

package/src/components/CmdLink.vue

@@ -2,61 +2,34 @@
     <!-- begin CmdLink -->
     <!-- begin href -->
     <a v-if="linkType === 'href'" :href="path" :target="target" :class="['cmd-link', {'button': styleAsButton, 'primary': primaryButton}]" @click="emitClick($event, 'href')">
-        <InnerLink :text="text" :icon="icon">
+        <CmdInnerLink :text="text" :icon="icon">
             <slot></slot>
-        </InnerLink>
+        </CmdInnerLink>
     </a>
     <!-- end href -->
 
     <!-- begin router -->
     <router-link v-else-if="linkType === 'router'" :to="path" :class="['cmd-link', {'button': styleAsButton, 'primary': primaryButton}]" @click="emitClick($event, 'router')">
-        <InnerLink :text="text" :icon="icon">
+        <CmdInnerLink :text="text" :icon="icon">
             <slot></slot>
-        </InnerLink>
+        </CmdInnerLink>
     </router-link>
     <!-- end router -->
 
     <!-- begin button -->
     <button v-else-if="linkType === 'button'" :class="['cmd-link button', {'primary': primaryButton}]" type="submit" @click="emitClick($event, 'button')">
-        <InnerLink :text="text" :icon="icon">
+        <CmdInnerLink :text="text" :icon="icon">
             <slot></slot>
-        </InnerLink>
+        </CmdInnerLink>
     </button>
     <!-- end button -->
     <!-- end CmdLink -->
 </template>
 
 <script>
-import { defineComponent } from "vue"
-const InnerLink = defineComponent({
-    template: `<span v-if="icon.iconClass && icon.position !== 'right'" :class="icon.iconClass" :title="icon.tooltip"></span>
-        <span v-if="text">{{ text }}</span>
-        <span v-if="icon.iconClass && icon.position === 'right'" :class="icon.iconClass" :title="icon.tooltip"></span>
-        <slot></slot>`,
-    props: {
-        /**
-         * icon to display
-         */
-        icon: {
-            type: Object,
-            default: {}
-        },
-        /**
-         * displayed text
-         */
-        text: {
-            type: String,
-            default: ""
-        }
-    }
-})
-
 export default {
     name: "CmdLink",
     emits: ["click"],
-    components: {
-        InnerLink
-    },
     props: {
         /**
          * set type of link
@@ -132,9 +105,5 @@ export default {
 </script>
 
 <style>
-.cmd-link {
-    span[class*="icon"]:not(:only-child) {
-        font-size: 1rem;
-    }
-}
+
 </style>

package/src/components/CmdListOfLinks.vue

@@ -137,13 +137,6 @@ export default {
                     value === "right"
             }
         },
-        /**
-         * properties for CmdHeadline-component
-         */
-        cmdHeadline: {
-            type: Object,
-            required: false
-        },
         /**
          * list of displayed links
          */
@@ -163,6 +156,13 @@ export default {
                 return value === "horizontal" ||
                     value === "vertical"
             }
+        },
+        /**
+         * properties for CmdHeadline-component
+         */
+        cmdHeadline: {
+            type: Object,
+            required: false
         }
     },
     computed: {

package/src/components/CmdLoginForm.vue

@@ -44,9 +44,9 @@
         </div>
         <!-- end form elements -->
 
-        <!-- begin slot for login-form -->
+        <!-- begin named slot for login-form -->
         <slot name="login"></slot>
-        <!-- end slot for login-form -->
+        <!-- end named slot for login-form -->
 
         <div class="option-wrapper flex-container">
             <template v-if="options.forgotPassword || options.createAccount">

package/src/index.js

@@ -66,4 +66,7 @@ export { createUuid, createHtmlId } from '@/utils/common'
 export { getFileExtension } from '@/utils/getFileExtension'
 
 // export composables
-export { useSequence } from '@/composables/sequence'
+export { useSequence } from '@/composables/sequence'
+
+// export mixins
+export { default as I18n } from '@/mixins/I18n.js'