@policystudio/policy-studio-ui-vue 1.1.90-beta.32 → 1.1.90-beta.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.32",
+  "version": "1.1.90-beta.34",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/components/ui/PsIcon.vue

@@ -112,7 +112,6 @@ const imageLoadError = ref(false)
 const emit = defineEmits(['click'])
 
 const getIconType = computed(() => {
-  if (imageLoadError.value || !finishedImageLoad.value) return 'material-icons'
   if (props.type) return props.type
   if (!props.icon?.includes('/')) return 'material-icons'
   if (!props.icon?.includes('.svg')) return 'url'
@@ -128,13 +127,9 @@ const getIcon = computed(() => {
 
 const getIconClasses = computed(() => {
   if (props.iconClasses) return props.iconClasses
-  return `${props.color}`
+  return props.color ? `${props.color}` : ''
 })
 
-// const getHeight = computed(() => {
-//   return props.height
-// })
-
 const getColor = computed(() => {
   if (getIconType.value === 'material-icons') return props.color
   return tailwindConfig.theme.colors[props.color.replace('psui-text-', '')] || tailwindConfig.theme.colors[props.color]
@@ -152,14 +147,16 @@ onMounted(() => {
 })
 
 const loadImage = () => {
-  finishedImageLoad.value = false
-  imageLoadError.value = false
-  imageLoader({ imageUrl: props.icon, returnsBase64: false })
+  if(getIconType.value != 'material-icons') {
+    finishedImageLoad.value = false
+    imageLoadError.value = false
+    imageLoader({ imageUrl: props.icon, returnsBase64: false })
     .then(() => {
       finishedImageLoad.value = true
     })
     .catch(() => {
       imageLoadError.value = true
     })
+  }
 }
 </script>