comand-component-library 3.3.36 → 3.3.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.3.36",
+  "version": "3.3.38",
   "private": false,
   "type": "module",
   "scripts": {

package/src/assets/data/list-of-links.json

@@ -11,7 +11,8 @@
     "text": "Internal link",
     "path": "/content/fancybox-content.html",
     "tooltip": "Open local file in fancybox",
-    "fancybox": true
+    "fancybox": true,
+    "showSubmitButtons": false
   },
   {
     "iconClass": "icon-export",

package/src/components/CmdAddressData.vue

@@ -32,7 +32,7 @@
                            v-telephone="entry.href">
                             {{ entry.href }}
                         </a>
-                        <template v-else>{{ entry.data }}</template>
+                        <span v-else v-html="entry.data"></span>
                     </dd>
                     <!-- end data (except for address) -->
 
@@ -121,7 +121,7 @@
                                 </template>
                                 <template v-else>{{ entry.href }}</template>
                             </a>
-                            <template v-else-if="!showIconsOnly">{{ entry.data }}</template>
+                            <span v-else-if="!showIconsOnly" v-html="entry.data"></span>
                             <!-- end all entries except address -->
 
                             <!-- begin address -->

package/src/components/CmdBackToTopButton.vue

@@ -17,11 +17,15 @@ export default {
     data() {
         return {
             windowInnerHeight: window.innerHeight,
-            windowScrollY: window.scrollY,
-            bodyScrollHeight: document.body.scrollHeight
+            windowScrollY: window.scrollY ?? (document.querySelector(this.parentSelector)?.scrollTop ||  0),
+            scrollHeight: document.querySelector(this.parentSelector)?.scrollHeight || 0
         }
     },
     props: {
+        parentSelector: {
+            type: String,
+            default: "body"
+        },
         /**
          * icon-class (and shown tooltip on hover) for back to top button
          *
@@ -39,27 +43,27 @@ export default {
         }
     },
     created() {
-        window.addEventListener('resize', this.onViewportChange);
-        window.addEventListener('scroll', this.onViewportChange);
+        window.addEventListener('resize', this.onViewportChange)
+        window.addEventListener('scroll', this.onViewportChange)
     },
     unmounted() {
-        window.removeEventListener('resize', this.onViewportChange);
-        window.removeEventListener('scroll', this.onViewportChange);
+        window.removeEventListener('resize', this.onViewportChange)
+        window.removeEventListener('scroll', this.onViewportChange)
     },
     /* watch for changes */
     computed: {
         show() {
-            return this.windowScrollY > 0 && this.windowInnerHeight < this.bodyScrollHeight;
+            return this.windowScrollY > 0 && this.windowInnerHeight < this.scrollHeight
         }
     },
     methods: {
         onViewportChange() {
             this.windowInnerHeight = window.innerHeight;
-            this.windowScrollY = window.scrollY;
-            this.bodyScrollHeight = document.body.scrollHeight;
+            this.windowScrollY = window.scrollY ?? (document.querySelector(this.parentSelector)?.scrollTop || 0)
+            this.scrollHeight = document.querySelector(this.parentSelector)?.scrollHeight || 0
         },
         onBackToTop() {
-            window.scrollTo({top: 0, left: 0, behavior: 'smooth'});
+            window.scrollTo({top: 0, left: 0, behavior: 'smooth'})
         }
     }
 }

package/src/components/CmdBankAccountData.vue

@@ -80,9 +80,15 @@ export default {
     methods: {
         copyToClipboard(entry) {
             // get data, remove spaces and copy to clipboard
-            const output = entry.replace(/\s/g, "")
-            navigator.clipboard.writeText(output)
-            alert(output + " was copied to clipboard")
+            // navigator.permissions.query({name: "clipboard-write"})
+            //     .then(result => {
+            //         if (result.state === "granted" || result.state === "prompt") {
+            //             const output = entry.replace(/\s/g, "")
+            //             navigator.clipboard.writeText(output)
+            //             alert(output + " was copied to clipboard")
+            //         }
+            //     })
+            //     .catch(error => console.error(error))
         }
     }
 }

package/src/components/CmdListOfLinks.vue

@@ -139,7 +139,7 @@ export default {
         executeLink(link, event) {
             if (link.fancybox) {
                 event.preventDefault()
-                openFancyBox({url: link.path})
+                openFancyBox({url: link.path, showSubmitButtons: link.showSubmitButtons})
                 return
             }
             this.$emit("click", {link, originalEvent: event})

package/src/components/CmdSiteHeader.vue

@@ -31,7 +31,7 @@
                 <!-- begin CmdMainNavigation -->
                 <CmdMainNavigation
                     v-if="cmdMainNavigation?.navigationEntries?.length && navigationInline"
-                    :navigationEntries="cmdMainNavigation.navigationEntries"
+                    v-bind="cmdMainNavigation"
                     :closeOffcanvas="closeOffcanvas"
                 />
                 <!-- end CmdMainNavigation -->