@dataloop-ai/components 0.19.130 → 0.19.131

package/package.json

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

package/src/components/basic/DlButton/DlButton.vue

@@ -49,6 +49,7 @@
         <dl-tooltip
             v-if="tooltip || hasTooltipSlot"
             style="pointer-events: auto"
+            :trigger-percentage="tooltipTriggerPercentage"
         >
             <slot name="tooltip">
                 {{ tooltip }}
@@ -173,6 +174,13 @@ export default defineComponent({
          * The tooltip displayed when hovering over the button
          */
         tooltip: { type: String, default: null, required: false },
+        /**
+         * The percentage of the button's width that will trigger the tooltip
+         */
+        tooltipTriggerPercentage: {
+            type: Number,
+            default: 1
+        },
         /**
          * The button will maintain the styles it has when it's pressed if this prop is active
          */

package/src/demos/DlInputDemo.vue

@@ -1,5 +1,14 @@
 <template>
     <div>
+        <div style="padding-bottom: 10px">
+            <div>switch the disalbed prop: {{ disabledInput }}</div>
+            <dl-switch v-model="disabledInput" />
+            <dl-input
+                v-model="textVal"
+                placeholder="Test reactivity"
+                :disabled="disabledInput"
+            />
+        </div>
         <div>
             <input v-model="textVal">
             <div>This is to test v-model reactivity</div>
@@ -255,11 +264,12 @@
 <script lang="ts">
 import { v4 } from 'uuid'
 import { computed, defineComponent, ref } from 'vue-demi'
-import { DlInput, DlButton, DlIcon } from '../components'
+import { DlInput, DlButton, DlIcon, DlSwitch } from '../components'
 import { DlInputFile } from '../components/compound/DlInput/types'
 export default defineComponent({
     name: 'DlInputDemo',
     components: {
+        DlSwitch,
         DlInput,
         DlButton,
         DlIcon
@@ -298,6 +308,8 @@ export default defineComponent({
             files.value = val
         }
 
+        const disabledInput = ref<boolean>(false)
+
         const textVal = ref<string>('test me')
 
         const trimmedValue = ref('')
@@ -305,6 +317,7 @@ export default defineComponent({
         return {
             log: console.log,
             textVal,
+            disabledInput,
             trimmedValue,
             textInputValue,
             passFieldValue,