@dataloop-ai/components 0.19.192 → 0.19.194

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.192",
+  "version": "0.19.194",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",
@@ -22,7 +22,7 @@
     "check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
   },
   "dependencies": {
-    "@dataloop-ai/icons": "^3.0.33",
+    "@dataloop-ai/icons": "^3.0.35",
     "@types/flat": "^5.0.2",
     "@types/lodash": "^4.14.184",
     "@types/sortablejs": "^1.15.7",

package/src/components/compound/DlSearches/DlSmartSearch/utils/index.ts

@@ -302,9 +302,12 @@ export function setValueAliases(json: Data, schema: Data) {
 
                     if (isArrayOperator) {
                         for (let i = 0; i < opVal.length; ++i) {
-                            const value = aliases[opVal[i] as string]
-                            if (value) {
-                                val[Object.keys(val)[0]][i] = value
+                            const value = opVal[i]
+                            for (const alias in aliases) {
+                                if (value === aliases[alias]) {
+                                    val[Object.keys(val)[0]][i] = alias
+                                    break
+                                }
                             }
                         }
                     } else {

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

@@ -40,6 +40,7 @@ import { v4 } from 'uuid'
 import {
     computed,
     defineComponent,
+    onMounted,
     onUnmounted,
     ref,
     toRefs,
@@ -152,14 +153,6 @@ export default defineComponent({
             return { display: inline.value ? 'inline-flex' : 'flex' }
         })
 
-        watch(icon, () => {
-            const possibleToLoadSvg =
-                isSVG.value && icon.value && icon.value !== ''
-            if (possibleToLoadSvg) {
-                loadSvg()
-            }
-        })
-
         const loadSvg = () => {
             return new Promise<void>((resolve, reject) => {
                 const svgElement = new Image()
@@ -192,6 +185,18 @@ export default defineComponent({
             })
         }
 
+        watch(
+            icon,
+            () => {
+                const possibleToLoadSvg =
+                    isSVG.value && icon.value && icon.value !== ''
+                if (possibleToLoadSvg) {
+                    loadSvg()
+                }
+            },
+            { immediate: true }
+        )
+
         onUnmounted(() => {
             isDestroyed.value = true
         })

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -126,6 +126,7 @@ export default defineComponent({
             annotated: 'boolean',
             hidden: 'boolean',
             metadata: {
+                name: ['string', { Voltaire: 'Arouet' }],
                 system: {
                     width: 'number',
                     height: 'number',