@dataloop-ai/components 0.19.188 → 0.19.190

package/package.json

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

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -148,7 +148,7 @@ import {
     removeLeadingExpression
 } from '../../../../../hooks/use-suggestions'
 import { parseSmartQuery, stringifySmartQuery } from '../../../../../utils'
-import { stateManager } from '../../../../../StateManager'
+import { StateManager, stateManager } from '../../../../../StateManager'
 
 export default defineComponent({
     components: {
@@ -617,7 +617,7 @@ export default defineComponent({
                 e.preventDefault()
                 e.stopPropagation()
 
-                onEnterKey()
+                onEnterKey.value()
                 return
             }
 
@@ -716,7 +716,7 @@ export default defineComponent({
             }
         }
 
-        const onEnterKey = (options: { fromSuggestion?: boolean } = {}) => {
+        const handleEnterKey = (options: { fromSuggestion?: boolean } = {}) => {
             const { fromSuggestion } = options
 
             if (
@@ -748,6 +748,13 @@ export default defineComponent({
             }
         }
 
+        const onEnterKey = computed(() => {
+            if (StateManager.instance.disableDebounce) {
+                return handleEnterKey
+            }
+            return debounce(handleEnterKey, inputDebounce.value ?? 100)
+        })
+
         const onEscapeKey = () => {
             if (!focused.value) {
                 return

package/src/components/essential/DlIcon/DlIcon.vue

@@ -96,10 +96,14 @@ export default defineComponent({
                 ? stringStyleToRecord(styles.value)
                 : styles.value
 
-            return Object.assign({}, generatedStyles, {
-                width: size.value,
-                height: size.value
-            })
+            if (isSVG.value) {
+                return Object.assign({}, generatedStyles, {
+                    width: size.value,
+                    height: size.value
+                })
+            }
+
+            return generatedStyles
         })
 
         const cssIconVars = computed<Record<string, string>>(() => {