bfg-common 1.5.475 → 1.5.476

package/components/common/layout/theHeader/helpMenu/About.vue

@@ -72,8 +72,8 @@ const aboutDesc = computed<string[]>(() =>
     .replaceAll('{companyName}', companyName.value)
     .replaceAll('{trademark}', brandName.value).split('{url}')
 )
-const aboutDesc1 = computed<string>(() => aboutDesc.value[0].trim())
-const aboutDesc2 = computed<string>(() => aboutDesc.value[1].trim())
+const aboutDesc1 = computed<string>(() => aboutDesc.value[0])
+const aboutDesc2 = computed<string>(() => aboutDesc.value[1])
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 </script>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/BusNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`virtual-hardware-bus-stack-block-${props.componentType}-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="mt-2">
         {{ localization.common.bus }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/BusOld.vue

@@ -2,7 +2,7 @@
   <div class="">
     <atoms-stack-block
         :has-children="false"
-        :test-id="`virtual-hardware-bus-stack-block-${props.componentType}`"
+        :test-id="`virtual-hardware-bus-stack-block-${props.componentType}-${props.index}`"
     >
       <template #stackBlockKey>
         {{ localization.common.bus }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue

@@ -70,6 +70,7 @@
       <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media
         v-if="selectedCdDvdDrive === 'datastoreIsoFile'"
         v-model:cd-dvd-media="cdDvdMedia"
+        :index="props.index"
         @browse="isShowFileModal = true"
       />
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue

@@ -67,6 +67,7 @@
         <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media
           v-if="selectedCdDvdDrive === 'datastoreIsoFile'"
           v-model:cd-dvd-media="cdDvdMedia"
+          :index="props.index"
           @browse="isShowFileModal = true"
         />
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue

@@ -2,6 +2,7 @@
   <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
     v-if="isNewView"
     v-model:cd-dvd-media="cdDvdMedia"
+    :index="props.index"
     @browse="emits('browse')"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue

@@ -1,78 +1,84 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.cdDvdMedia }}
-    </template>
-    <template #stackBlockContent>
-      <div class="media-content flex-align-center">
-        <ui-input
-          id="vm-wizard-dvd-media-input"
-          v-model="cdDvdMedia"
-          test-id="vm-wizard-dvd-media-input"
-          type="text"
-          size="sm"
-          disabled
-        />
-        <ui-button
-          id="vm-wizard-dvd-media-button"
-          test-id="vm-wizard-dvd-media-button"
-          size="sm"
-          class="media-button"
-          variant="text"
-          @click="emits('browse')"
-        >
-          {{ localization.vmWizard.browse }}
-        </ui-button>
-        <div class="divider"></div>
-        <ui-button
-          id="vm-wizard-dvd-media-eject"
-          data-id="vm-wizard-dvd-media-eject"
-          size="sm"
-          class="eject-button"
-          variant="text"
-          type="error"
-          @click="cdDvdMedia = ''"
-        >
-          {{ localization.vmWizard.eject }}
-        </ui-button>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
-
-const emits = defineEmits<{
-  (event: 'browse'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style>
-:root {
-  --media-content-border-color: #e9ebeda3;
-}
-:root.dark-theme {
-  --media-content-border-color: #e9ebed1f;
-}
-</style>
-<style lang="scss" scoped>
-.media-content {
-  gap: 12px;
-
-  .media-button,
-  .eject-button {
-    white-space: nowrap;
-    padding: 0;
-  }
-  .divider {
-    width: 1px;
-    height: 20px;
-    background-color: var(--media-content-border-color);
-  }
-}
-</style>
+<template>
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`cd-dvd-media-stack-block-${props.index}`"
+  >
+    <template #stackBlockKey>
+      {{ localization.common.cdDvdMedia }}
+    </template>
+    <template #stackBlockContent>
+      <div class="media-content flex-align-center">
+        <ui-input
+          id="vm-wizard-dvd-media-input"
+          v-model="cdDvdMedia"
+          test-id="vm-wizard-dvd-media-input"
+          type="text"
+          size="sm"
+          disabled
+        />
+        <ui-button
+          id="vm-wizard-dvd-media-button"
+          test-id="vm-wizard-dvd-media-button"
+          size="sm"
+          class="media-button"
+          variant="text"
+          @click="emits('browse')"
+        >
+          {{ localization.vmWizard.browse }}
+        </ui-button>
+        <div class="divider"></div>
+        <ui-button
+          id="vm-wizard-dvd-media-eject"
+          data-id="vm-wizard-dvd-media-eject"
+          size="sm"
+          class="eject-button"
+          variant="text"
+          type="error"
+          @click="cdDvdMedia = ''"
+        >
+          {{ localization.vmWizard.eject }}
+        </ui-button>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
+
+const props = defineProps<{
+  index: number
+}>()
+const emits = defineEmits<{
+  (event: 'browse'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style>
+:root {
+  --media-content-border-color: #e9ebeda3;
+}
+:root.dark-theme {
+  --media-content-border-color: #e9ebed1f;
+}
+</style>
+<style lang="scss" scoped>
+.media-content {
+  gap: 12px;
+
+  .media-button,
+  .eject-button {
+    white-space: nowrap;
+    padding: 0;
+  }
+  .divider {
+    width: 1px;
+    height: 20px;
+    background-color: var(--media-content-border-color);
+  }
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/coresPerSocket/CoresPerSocketNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="cores-per-socket-stack-block"
+  >
     <template #stackBlockKey>
       <span class="cores-per-socket-title mt-2">{{ localization.common.coresPerSocket }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/hotPlug/HotPlugNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="cpu-hot-plug-stack-block"
+  >
     <template #stackBlockKey>
       <span class="cpu-hot-plug-title mt-2">
         {{ localization.common.cpuHotPlug }}</span

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/maxCpu/MaxCpuNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="cpu-max-cpu-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.maxCpu }}
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="cpu-model-stack-block"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.cpuModel }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/SharesNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="cpu-shares-stack-block"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.shares }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/LimitNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`virtual-hardware-limit-stack-block-${props.componentType}`"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.limit }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/hotPlug/HotPlugNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="memory-hot-plug-stack-block"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.memoryHotPlug }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue

@@ -92,6 +92,7 @@
     <template #stackChildren>
       <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-maximum-size
         :free-mb="props.maxHardDisk"
+        :index="props.index"
       />
       <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-location
         v-if="props.isNewType"
@@ -107,6 +108,7 @@
       <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-file
         v-else
         :path="props.hardDisk?.source"
+        :index="props.index"
       />
       <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-provisioning
         v-model:disk-provisioning="diskProvisioning"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/cache/CacheNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-cache-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="mt-2">
         {{ localization.common.cache }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/File.vue

@@ -2,6 +2,7 @@
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-file-new
     v-if="isNewView"
     :path="props.path"
+    :index="props.index"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-file-old
     v-else

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/FileNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-file-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.diskFile }}
@@ -18,6 +21,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   path: string
+  index: number
 }>()
 </script>
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/limitIops/LimitIopsNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-limit-iops-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.limitIops }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-location-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       {{ localization.common.location }}
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSize.vue

@@ -2,6 +2,7 @@
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-maximum-size-new
     v-if="isNewView"
     :free-gb="freeGb"
+    :index="props.index"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-maximum-size-old
     v-else

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSizeNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-maximum-size-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="limit-title">
         {{ localization.common.maximumSize }}
@@ -16,6 +19,7 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   freeGb: number
+  index: number
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/mode/ModeNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-mode-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.diskMode }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/ProvisioningNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-provisioning-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.diskProvisioning }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-sharing-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="limit-title mt-2">
         {{ localization.common.sharing }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/adapterType/AdapterTypeNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`network-adapter-type-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="mt-2">
         {{ localization.common.adapterType }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddressNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`network-adapter-mac-address-stack-block-${props.index}`"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.macAddress }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue

@@ -1,66 +1,69 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.pciDevice }}
-    </template>
-    <template #stackBlockContent>
-      <ui-input
-        :id="`direct-path-io-${props.pciDeviceIndex}`"
-        v-model="model"
-        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
-        type="text"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <ui-stack-block :has-children="false">-->
-<!--    <template #stackBlockKey>-->
-<!--      <span>{{ localization.common.pciDevice }}</span>-->
-<!--    </template>-->
-<!--    <template #stackBlockContent>-->
-<!--      <ui-select-->
-<!--        id="direct-path-io"-->
-<!--        v-model="model"-->
-<!--        width="auto"-->
-<!--        :items="props.passthroughDevices"-->
-<!--        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
-<!--      />-->
-<!--    </template>-->
-<!--  </ui-stack-block>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
-<!--import type {-->
-<!--  UI_I_ConfigureAllPciDevicesItem,-->
-<!--  UI_I_ConfigurePciDevicesTable,-->
-<!--} from '~/lib/models/store/host/interfaces'-->
-
-<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
-<!--}>()-->
-
-<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-direct-path-io-stack-block-${props.pciDeviceIndex}`"
+  >
+    <template #stackBlockKey>
+      {{ localization.common.pciDevice }}
+    </template>
+    <template #stackBlockContent>
+      <ui-input
+        :id="`direct-path-io-${props.pciDeviceIndex}`"
+        v-model="model"
+        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+        type="text"
+        size="sm"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <ui-stack-block :has-children="false">-->
+<!--    <template #stackBlockKey>-->
+<!--      <span>{{ localization.common.pciDevice }}</span>-->
+<!--    </template>-->
+<!--    <template #stackBlockContent>-->
+<!--      <ui-select-->
+<!--        id="direct-path-io"-->
+<!--        v-model="model"-->
+<!--        width="auto"-->
+<!--        :items="props.passthroughDevices"-->
+<!--        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
+<!--      />-->
+<!--    </template>-->
+<!--  </ui-stack-block>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
+<!--import type {-->
+<!--  UI_I_ConfigureAllPciDevicesItem,-->
+<!--  UI_I_ConfigurePciDevicesTable,-->
+<!--} from '~/lib/models/store/host/interfaces'-->
+
+<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
+<!--}>()-->
+
+<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-dynamic-direct-path-io-stack-block-${props.pciDeviceIndex}`"
+  >
     <template #stackBlockKey>
       <span>{{ localization.common.pciDevice }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue

@@ -1,6 +1,7 @@
 <template>
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note-new
     v-if="isNewView"
+    :pci-device-index="props.pciDeviceIndex"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note-old
     v-else

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue

@@ -1,42 +1,49 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <div class="note-content">
-        <ui-icon
-          name="warning-outline"
-          width="16px"
-          heigth="16px"
-          class="note-icon"
-          color="#FBCE28"
-        />
-        <p class="note-text">
-          {{ localization.common.note }}:
-          {{ localization.common.pciDeviceNote }}
-        </p>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.note-content {
-  display: flex;
-  gap: 10px;
-
-  .note-icon {
-    min-width: 16px;
-  }
-
-  .note-text {
-    font-size: 13px;
-    line-height: 15.73px;
-    color: #9da6ad;
-  }
-}
-</style>
+<template>
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-note-stack-block-${props.pciDeviceIndex}`"
+  >
+    <template #stackBlockContent>
+      <div class="note-content">
+        <ui-icon
+          name="warning-outline"
+          width="16px"
+          heigth="16px"
+          class="note-icon"
+          color="#FBCE28"
+        />
+        <p class="note-text">
+          {{ localization.common.note }}:
+          {{ localization.common.pciDeviceNote }}
+        </p>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.note-content {
+  display: flex;
+  gap: 10px;
+
+  .note-icon {
+    min-width: 16px;
+  }
+
+  .note-text {
+    font-size: 13px;
+    line-height: 15.73px;
+    color: #9da6ad;
+  }
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-nvidia-grid-stack-block-${props.pciDeviceIndex}`"
+  >
     <template #stackBlockKey>
       {{ localization.common.nvidiaGridGpuProfile }}
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelectionNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`pci-device-type-selection-stack-block-${props.pciDeviceIndex}`"
+  >
     <template #stackBlockContent>
       <div class="type-selection-content">
         <div v-for="(item, index) in props.options" :key="item">

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="input-devices-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.inputDevices }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/ReservationNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`virtual-hardware-reservation-stack-block-${props.componentType}`"
+  >
     <template #stackBlockKey>
       <span class="reservation-title mt-2">
         {{ localization.common.reservation }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/ModelNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="video-card-model-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.videoCardModel }}
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplaysNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="video-card-number-displays-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.numberDisplays }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/totalVideoMemory/TotalVideoMemoryNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="vide-card-total-video-memory-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.totalVideoMemory }}
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/DelayNew.vue

@@ -1,5 +1,8 @@
 <template>
-    <ui-stack-block :has-children="false">
+    <ui-stack-block
+        :has-children="false"
+        test-id="boot-options-delay-stack-block"
+    >
       <template #stackBlockKey>
         <span class="mt-2">{{ localization.common.bootDelay }}</span>
       </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/FirmwareNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="boot-options-firmware-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.firmware }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/menu/MenuNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="boot-options-menu-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.bootMenu }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="boot-options-order-stack-block"
+  >
     <template #stackBlockKey>
       {{ localization.common.bootOrder }}
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue

@@ -23,7 +23,10 @@
       </div>
     </template>
     <template #stackChildren>
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-vm-name-stack-block"
+      >
         <template #stackBlockKey>
           {{ props.nameLabel }}
         </template>
@@ -42,7 +45,10 @@
         </template>
       </ui-stack-block>
 
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-machine-type-stack-block"
+      >
         <template #stackBlockKey>
           <span class="mt-2">{{ localization.common.machineType }}</span>
         </template>
@@ -61,7 +67,10 @@
         </template>
       </ui-stack-block>
 
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-guest-os-family-stack-block"
+      >
         <template #stackBlockKey>
           <span class="mt-2">{{ localization.common.guestOsFamily }}</span>
         </template>
@@ -81,7 +90,10 @@
         </template>
       </ui-stack-block>
 
-      <ui-stack-block :has-children="false">
+      <ui-stack-block
+          :has-children="false"
+          test-id="general-options-guest-os-version-stack-block"
+      >
         <template #stackBlockKey>
           <span class="mt-2">{{ localization.common.guestOsVersion }}</span>
         </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-copy-paste-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.copyPaste }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-file-transfer-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.fileTransfer }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/folderSharing/FolderSharingNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-folder-sharing-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.folderSharing }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-keymap-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.keymap }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-password-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.auth.password }}</span>
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue

@@ -1,5 +1,8 @@
 <template>
-  <ui-stack-block :has-children="false">
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-usb-redirection-stack-block"
+  >
     <template #stackBlockKey>
       <span class="mt-2">{{ localization.common.usbRedirection }}</span>
     </template>

package/composables/useLocal.ts

@@ -1,51 +1,6 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import localAr from '~/assets/scss/clarity/local_ar.json'
-import localRu from '~/assets/localization/local_ru.json'
-import localEn from '~/assets/localization/local_en.json'
-import localHy from '~/assets/localization/local_hy.json'
-import localZh from '~/assets/localization/local_zh.json'
-import localKk from '~/assets/localization/local_kk.json'
-import localBe from '~/assets/localization/local_be.json'
-
-const locals = {
-  localAr,
-  localRu,
-  localEn,
-  localHy,
-  localZh,
-  localKk,
-  localBe,
-}
-export const useLocal = (): UI_I_Localization => {
-  const config = useRuntimeConfig()
-
-  let code: string = config?.public?.LOCALIZATION_CODE?.toLowerCase() || 'ru'
-
-  if (code === 'ar' && !useLocalStorage('rtl')) code = 'ru'
-
-  document.getElementsByTagName('html')[0].setAttribute('lang', code)
-
-  let result: UI_I_Localization = locals.localRu
-  switch (code) {
-    case 'ar':
-      result = locals.localAr
-      break
-    case 'en':
-      result = locals.localEn
-      break
-    case 'hy':
-      result = locals.localHy
-      break
-    case 'zh':
-      result = locals.localZh
-      break
-    case 'kk':
-      result = locals.localKk
-      break
-    case 'be':
-      result = locals.localBe
-      break
-  }
-
-  return productNameLocal(result)
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { useLocalCommon } from '~/composables/useLocalCommon'
+
+export const useLocal = (): UI_I_Localization => {
+  return useLocalCommon()
+}

package/composables/useLocalCommon.ts

@@ -0,0 +1,39 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import localAr from '~/assets/scss/clarity/local_ar.json'
+import localRu from '~/assets/localization/local_ru.json'
+import localEn from '~/assets/localization/local_en.json'
+import localHy from '~/assets/localization/local_hy.json'
+import localZh from '~/assets/localization/local_zh.json'
+import localKk from '~/assets/localization/local_kk.json'
+import localBe from '~/assets/localization/local_be.json'
+import { productNameLocal } from '~/lib/utils/localizationMapper'
+
+const rawLocals: Record<string, any> = {
+  ar: localAr,
+  ru: localRu,
+  en: localEn,
+  hy: localHy,
+  zh: localZh,
+  kk: localKk,
+  be: localBe,
+}
+
+// Кешируем уже обработанные локали
+const processedCache: Record<string, UI_I_Localization | undefined> = {}
+
+export const useLocalCommon = (): UI_I_Localization => {
+  const config = useRuntimeConfig()
+  let code = String(config?.public?.LOCALIZATION_CODE || 'ru').toLowerCase()
+
+  if (code === 'ar' && !useLocalStorage('rtl')) code = 'ru'
+
+  if (typeof document !== 'undefined') document.documentElement.lang = code
+
+  // если в кеше нет — создаём и сохраняем
+  if (!processedCache[code]) {
+    const raw = rawLocals[code] || rawLocals['ru']
+    processedCache[code] = productNameLocal(raw)
+  }
+
+  return processedCache[code] as UI_I_Localization
+}

package/{composables/productNameLocal.ts → lib/utils/localizationMapper.ts}

@@ -1,30 +1,30 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_LanguageKey } from '~/lib/models/types'
-
-export function productNameLocal(
-  localization: UI_I_Localization
-): UI_I_Localization {
-  const config = useRuntimeConfig()
-
-  const productName =
-    config.public.LOCALIZATION_CODE === 'ru'
-      ? config.public.PRODUCT_NAME_RU
-      : config.public.PRODUCT_NAME_EN
-
-  return replaceProductNameRecursion(localization, productName)
-}
-
-const replaceProductNameRecursion = (
-  localization: UI_I_Localization,
-  productName: any
-): UI_I_Localization => {
-  for (const key of Object.keys(localization)) {
-    let item = localization[key as UI_T_LanguageKey]
-
-    for (const key2 of Object.keys(item)) {
-      item[key2] = item[key2].replaceAll('{productName}', productName)
-    }
-  }
-
-  return localization
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_LanguageKey } from '~/lib/models/types'
+
+const replaceProductNameRecursion = (
+  localization: UI_I_Localization,
+  productName: any
+): UI_I_Localization => {
+  for (const key of Object.keys(localization)) {
+    let item = localization[key as UI_T_LanguageKey]
+
+    for (const key2 of Object.keys(item)) {
+      item[key2] = item[key2].replaceAll('{productName}', productName)
+    }
+  }
+
+  return localization
+}
+
+export const productNameLocal = (
+  localization: UI_I_Localization
+): UI_I_Localization => {
+  const config = useRuntimeConfig()
+
+  const productName =
+    config.public.LOCALIZATION_CODE === 'ru'
+      ? config.public.PRODUCT_NAME_RU
+      : config.public.PRODUCT_NAME_EN
+
+  return replaceProductNameRecursion(localization, productName)
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.475",
+  "version": "1.5.476",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",