comand-component-library 3.1.50 → 3.1.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.1.50",
+  "version": "3.1.53",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -44,4 +44,4 @@
     "typescript": "~3.9.3",
     "vue-jest": "^5.0.0-0"
   }
-}
+}

package/src/components/CmdFakeSelect.vue

@@ -12,9 +12,9 @@
          :aria-required="$attrs.required !== undefined"
          ref="fakeselect"
     >
-        <span>
+        <span v-if="showLabel">
             <!-- begin label -->
-            <span v-if="showLabel">
+            <span>
                 {{ labelText }}<sup v-if="$attrs.required !== undefined">*</sup>
             </span>
             <!-- end label -->

package/src/components/CmdFormElement.vue

@@ -672,21 +672,23 @@ export default {
 
     .search-field-wrapper {
         margin: 0;
+
+        a {
+            position: absolute;
+            top: 50%;
+            right: 1rem;
+            transform: translateY(-50%);
+            z-index: 100;
+
+            & + input {
+                padding-right: calc(var(--default-padding) * 3);
+            }
+        }
     }
 
     .place-inside {
         + .search-field-wrapper {
-            a {
-                position: absolute;
-                top: 50%;
-                right: 1rem;
-                transform: translateY(-50%);
-                z-index: 100;
-
-                & + input {
-                    padding-right: calc(var(--default-padding) * 3);
-                }
-            }
+
 
             input {
                 padding-left: calc(var(--default-padding) * 3);

package/src/components/CmdMainNavigation.vue

@@ -204,14 +204,14 @@ export default {
          */
         subentriesIconClass: {
             type: String,
-            default: "icon-single-arrow-right"
+            default: "icon-single-arrow-down"
         },
         /**
          * icon to show if a sub-entry has further sub-entries
          */
         subSubentriesIconClass: {
             type: String,
-            default: "icon-single-arrow-down"
+            default: "icon-single-arrow-right"
         },
         /**
          * toggle if overlay over content should be shown if off-canvas is open
@@ -342,7 +342,7 @@ export default {
             nav {
                 --nav-width: 30%;
 
-                position: absolute;
+                position: fixed;
                 left: -100%;
                 width: var(--nav-width);
                 height: 100%;

package/src/composables/sequence.js

@@ -0,0 +1,25 @@
+import {onBeforeUpdate} from "vue"
+
+export function useSequence() {
+    const sequences = {}
+
+    onBeforeUpdate(resetSequence)
+
+    function nextSequenceValue(sequenceName = "defaultSequence") {
+        const currentValue = sequences[sequenceName] || 0 // get currentValue for specific sequence (else set value to 0)
+        sequences[sequenceName] = currentValue + 1 // raise currentValue by 1
+        return sequences[sequenceName]
+    }
+
+    function currentSequenceValue(sequenceName = "defaultSequence") {
+        return sequences[sequenceName] || 0 // get currentValue for specific sequence (else set value to 0)
+    }
+
+    function resetSequence(sequenceName = "defaultSequence") {
+        if (sequences[sequenceName]) {
+            sequences[sequenceName] = 0
+        }
+    }
+
+    return {nextSequenceValue, currentSequenceValue, resetSequence}
+}

package/src/index.js

@@ -1,5 +1,6 @@
 import "clickout-event"
 
+// export components
 export { default as CmdAccordion } from '@/components/CmdAccordion'
 export { default as CmdAddressData } from '@/components/CmdAddressData'
 export { default as CmdBackToTopButton } from '@/components/CmdBackToTopButton'
@@ -42,5 +43,9 @@ export { default as CmdTooltip } from '@/components/CmdTooltip'
 export { default as CmdUploadForm } from '@/components/CmdUploadForm'
 export { default as CmdWidthLimitationWrapper } from '@/components/CmdWidthLimitationWrapper'
 
+// export directives
 export { default as DirFocus } from '@/directives/focus'
-export { default as DirTelephone } from '@/directives/telephone'
+export { default as DirTelephone } from '@/directives/telephone'
+
+// export composables
+export { useSequence } from '@/composables/sequence'