@dataloop-ai/components 0.17.110 → 0.17.112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.17.110",
+  "version": "0.17.112",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/basic/DlWidget/DlWidget.vue

@@ -11,6 +11,7 @@
             @mouseleave="handleVisibleDragIcon(false)"
         >
             <dl-icon
+                v-if="draggable"
                 :style="iconStyles"
                 class="dl-widget__drag-icon"
                 icon="icon-dl-drag"
@@ -52,6 +53,12 @@ export default defineComponent({
     components: {
         DlIcon
     },
+    props: {
+        draggable: {
+            type: Boolean,
+            default: true
+        }
+    },
     data() {
         return {
             uuid: `dl-widget-${v4()}`,
@@ -193,6 +200,9 @@ export default defineComponent({
             }
         },
         handleVisibleDragIcon(val: boolean) {
+            if (!this.draggable) {
+                return
+            }
             if (!document.querySelector('.drag-clone').innerHTML.toString()) {
                 this.visibleDragIcon = val
             }

package/src/components/essential/DlTooltip/DlTooltip.vue

@@ -131,6 +131,13 @@ export default defineComponent({
             default: 'left',
             validator: (v: string) =>
                 ['left', 'right', 'justify', 'center'].includes(v)
+        },
+        /**
+         * the % of the parent element that triggers the tooltips visibility
+         */
+        triggerPercentage: {
+            type: Number,
+            default: 1
         }
     },
     setup(props, { emit, attrs }) {
@@ -266,9 +273,10 @@ export default defineComponent({
         }
 
         function CheckAnchorElVisiblity(domElement: any) {
+            const intersectionRatio = props.triggerPercentage ?? 1
             return new Promise((resolve) => {
                 const o = new IntersectionObserver(([entry]) => {
-                    resolve(entry.intersectionRatio === 1)
+                    resolve(entry.intersectionRatio >= intersectionRatio)
                     o.disconnect()
                 })
                 o.observe(domElement)