@dataloop-ai/components 0.13.5 → 0.13.7

package/package.json

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

package/src/components/DlDialogBox/DlDialogBox.vue

@@ -12,7 +12,7 @@
             />
             <div
                 class="dialog-wrapper"
-                :style="{ maxWidth: `${width}px` }"
+                :style="{ maxWidth: Number(width) ? `${width}px` : width }"
                 :class="{ 'dialog-wrapper--fullscreen': fullscreen }"
             >
                 <div
@@ -49,7 +49,7 @@ export default defineComponent({
         event: 'update:modelValue'
     },
     props: {
-        width: { type: Number, default: 400 },
+        width: { type: [Number, String], default: 400 },
         fullscreen: Boolean,
         modelValue: Boolean,
         volatile: { type: Boolean, default: false }

package/src/components/DlTextInput.vue

@@ -455,10 +455,18 @@ export default defineComponent({
             this.$emit('input', e.target.value, e)
             this.$emit('update:model-value', e.target.value)
         },
+        focus(): void {
+            const inputRef = this.$refs.input as HTMLInputElement
+            inputRef.focus()
+        },
         onFocus(e: InputEvent): void {
             this.focused = true
             this.$emit('focus', e)
         },
+        blur(): void {
+            const inputRef = this.$refs.input as HTMLInputElement
+            inputRef.blur()
+        },
         onBlur(e: InputEvent): void {
             this.focused = false
             this.$emit('blur', e)
@@ -485,8 +493,7 @@ export default defineComponent({
             inputRef.value = item
         },
         onMenuShow(): void {
-            const inputRef = this.$refs.input as HTMLInputElement
-            inputRef.focus()
+            this.focus()
         },
         getSuggestWords(
             item: string,