@webitel/ui-sdk 24.12.130 → 24.12.132

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.130",
+  "version": "24.12.132",
   "private": false,
   "scripts": {
     "dev": "vite",

package/src/components/wt-indicator/_variables.scss

@@ -15,7 +15,7 @@
   --wt-indicator-transfer-color: var(--transfer-color);
   --wt-indicator-break-out-color: var(--warning-color);
   --wt-indicator-info-color: var(--info-color);
-  --wt-indicator-initial-status-color: var(--green-accent-4);
-  --wt-indicator-final-status-color: var(--red-accent-2);
+  --wt-indicator-final-status-color: var(--green-accent-4);
+  --wt-indicator-initial-status-color: var(--red-accent-2);
   --wt-indicator-other-status-color: var(--orange-accent-2);
 }

package/src/composables/useCard/useCardComponent.js

@@ -1,4 +1,4 @@
-import { computed, onMounted, onUnmounted } from 'vue';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -23,6 +23,8 @@ export const useCardComponent = (params) => {
 
   const { name: pathName } = useCachedItemInstanceName(itemInstance);
 
+  const isLoading = ref(true);
+
   const isNew = computed(() => route.params.id === 'new');
   const disabledSave = computed(() => {
     return invalid?.value || !itemInstance.value._dirty;
@@ -57,26 +59,26 @@ export const useCardComponent = (params) => {
 
   async function initializeCard() {
     try {
+      isLoading.value = true;
       const { id } = route.params;
       await setId(id);
       await loadItem();
-    } catch (error) {
-      console.error(error);
+    } finally {
+      isLoading.value = false;
     }
   }
 
   function initialize() {
-    onMounted(() => {
-      initializeCard();
-    });
-
     onUnmounted(() => {
       resetState();
     });
+
+    return initializeCard();
   }
 
   return {
     id,
+    isLoading,
     itemInstance,
     isNew,
     pathName,