comand-component-library 4.1.64 → 4.1.66

package/dist/comand-component-library.js

@@ -1906,7 +1906,7 @@ const Y = /* @__PURE__ */ P(ss, [["render", ys]]), bs = {
   mounted() {
     if (this.relatedId) {
       const e = document.getElementById(this.relatedId);
-      e && (document.querySelector(this.scrollContainer).addEventListener("scroll", this.hideTooltip), document.addEventListener("keyup", this.hideTooltipOnEsc), this.toggleVisibilityByClick ? e.addEventListener("click", this.toggleTooltipVisibility) : (e.addEventListener("mouseenter", this.showTooltip), e.addEventListener("mouseleave", this.hideTooltip)));
+      e && (this.scrollContainer && (document.querySelector(this.scrollContainer).addEventListener("scroll", this.hideTooltip), document.addEventListener("keyup", this.hideTooltipOnEsc)), this.toggleVisibilityByClick ? e.addEventListener("click", this.toggleTooltipVisibility) : (e.addEventListener("mouseenter", this.showTooltip), e.addEventListener("mouseleave", this.hideTooltip)));
     }
   },
   methods: {
@@ -2179,6 +2179,13 @@ function Is(e, n, t, s, i, o) {
 const Bs = /* @__PURE__ */ P(ks, [["render", Is]]), Fs = {
   name: "CmdTooltipForFormElements",
   props: {
+    /**
+     * specify a scroll-container which scrolling hides the tooltip
+     */
+    scrollContainerForTooltip: {
+      type: String,
+      required: !1
+    },
     /**
      * related-id for CmdTooltip-component
      */
@@ -2235,13 +2242,14 @@ function Ds(e, n, t, s, i, o) {
     ref: "tooltip",
     class: _(["cmd-tooltip-for-form-elements box", t.validationStatus]),
     relatedId: t.relatedId,
+    scrollContainer: t.scrollContainerForTooltip,
     "toggle-visibility-by-click": !0
   }, {
     default: k(() => [
       o.cmdListOfRequirementsProperties.showRequirements ? (l(), w(d, R(I({ key: 0 }, o.cmdListOfRequirementsProperties)), null, 16)) : m("", !0)
     ]),
     _: 1
-  }, 8, ["class", "relatedId"]);
+  }, 8, ["class", "relatedId", "scrollContainer"]);
 }
 const mn = /* @__PURE__ */ P(Fs, [["render", Ds]]), hn = {
   data() {
@@ -2610,6 +2618,13 @@ const fn = {
     };
   },
   props: {
+    /**
+     * specify a scroll-container which scrolling hides the tooltip
+     */
+    scrollContainerForTooltip: {
+      type: String,
+      required: !1
+    },
     /**
      * set value for v-model (must be named modelValue in vue3 if default v-model should be used)
      */
@@ -3157,9 +3172,10 @@ function ga(e, n, t, s, i, o) {
         ref: "tooltip",
         validationStatus: e.validationStatus,
         relatedId: e.tooltipId,
+        scrollContainerForTooltip: t.scrollContainerForTooltip,
         cmdListOfRequirements: e.listOfRequirements,
         role: e.validationStatus === "error" ? "alert" : "dialog"
-      }, null, 8, ["validationStatus", "relatedId", "cmdListOfRequirements", "role"])) : m("", !0)
+      }, null, 8, ["validationStatus", "relatedId", "scrollContainerForTooltip", "cmdListOfRequirements", "role"])) : m("", !0)
     ], 2)) : m("", !0),
     e.$attrs.type !== "checkbox" && e.$attrs.type !== "radio" && e.$attrs.type !== "search" ? (l(), r("span", Ws, [
       t.fieldIconClass ? (l(), w(d, {
@@ -18534,7 +18550,7 @@ function c1(e, n, t, s, i, o) {
     })
   ], 64);
 }
-const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.64", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
+const bo = /* @__PURE__ */ P(e1, [["render", c1]]), u1 = "comand-component-library", m1 = "4.1.66", h1 = "GPL-3.0-only", p1 = "CoManD-UI", f1 = "module", g1 = {
   prepublishOnly: "npm run build-lib",
   dev: "vite",
   build: "vite build",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.64",
+  "version": "4.1.66",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/components/CmdFormElement.vue

@@ -53,6 +53,7 @@
                 ref="tooltip"
                 :validationStatus="validationStatus"
                 :relatedId="tooltipId"
+                :scrollContainerForTooltip="scrollContainerForTooltip"
                 :cmdListOfRequirements="listOfRequirements"
                 :role="validationStatus === 'error' ? 'alert' : 'dialog'"
             />
@@ -283,6 +284,13 @@ export default {
         }
     },
     props: {
+        /**
+         * specify a scroll-container which scrolling hides the tooltip
+         */
+        scrollContainerForTooltip: {
+            type: String,
+            required: false
+        },
         /**
          * set value for v-model (must be named modelValue in vue3 if default v-model should be used)
          */

package/src/components/CmdTooltip.vue

@@ -117,8 +117,10 @@ export default {
             const relatedElement = document.getElementById(this.relatedId)
 
             if(relatedElement) {
-                document.querySelector(this.scrollContainer).addEventListener("scroll", this.hideTooltip) // avoid fixed tooltip on scroll
-                document.addEventListener("keyup", this.hideTooltipOnEsc) // close tooltip by using "escape"-key
+                if(this.scrollContainer) {
+                    document.querySelector(this.scrollContainer).addEventListener("scroll", this.hideTooltip) // avoid fixed tooltip on scroll
+                    document.addEventListener("keyup", this.hideTooltipOnEsc) // close tooltip by using "escape"-key
+                }
 
                 if (this.toggleVisibilityByClick) {
                     relatedElement.addEventListener("click", this.toggleTooltipVisibility)

package/src/components/CmdTooltipForFormElements.vue

@@ -5,6 +5,7 @@
         class="cmd-tooltip-for-form-elements box"
         :class="validationStatus"
         :relatedId="relatedId"
+        :scrollContainer="scrollContainerForTooltip"
         :toggle-visibility-by-click="true">
 
         <!-- begin CmdListOfRequirements -->
@@ -21,6 +22,13 @@
 export default {
     name: "CmdTooltipForFormElements",
     props: {
+        /**
+         * specify a scroll-container which scrolling hides the tooltip
+         */
+        scrollContainerForTooltip: {
+            type: String,
+            required: false
+        },
         /**
          * related-id for CmdTooltip-component
          */