bfg-common 1.5.607 → 1.5.608

package/assets/localization/local_be.json

@@ -3370,7 +3370,9 @@
     "selectAdvancedOptionsTargetVm": "Абярыце дадатковыя параметры для мэтавай ВМ.",
     "profile": "Профіль",
     "standard": "Стандарт",
-    "createLinkedClone": "Стварыць Linked Clone"
+    "createLinkedClone": "Стварыць Linked Clone",
+    "passthroughHostCpuDescription": "Дазваляе віртуальнай машыне непасрэдна выкарыстоўваць фізічны працэсар хоста без эмуляцыі. Забяспечвае максімальную прадукцыйнасць, але абмяжоўвае магчымасць міграцыі паміж серверамі з розным абсталяваннем.",
+    "hostModelCpuDescription": "Эмулюе працэсар з характарыстыкамі, аналагічнымі працэсару хоста. Захоўвае сумяшчальнасць з большасцю функцый CPU, забяспечваючы добры баланс паміж прадукцыйнасцю і магчымасцю міграцыі віртуальных машын."
   },
   "feedback": {
     "additionalDetailsHelp": "Даведка па дадатковых звестках",

package/assets/localization/local_en.json

@@ -3374,7 +3374,9 @@
     "selectAdvancedOptionsTargetVm": "Select advanced options for the target VM.",
     "profile": "Profile",
     "standard": "Standard",
-    "createLinkedClone": "Create Linked Clone"
+    "createLinkedClone": "Create Linked Clone",
+    "passthroughHostCpuDescription": "Allows the virtual machine to directly use the host's physical processor without emulation. Provides maximum performance but limits the ability to migrate between servers with different hardware.",
+    "hostModelCpuDescription": "Emulates a processor with characteristics similar to the host processor. Maintains compatibility with most CPU features, providing a good balance between performance and virtual machine migration capability."
   },
   "feedback": {
     "additionalDetailsHelp": "Additional Details Help",

package/assets/localization/local_hy.json

@@ -3374,7 +3374,9 @@
     "selectAdvancedOptionsTargetVm": "Ընտրեք նպատակային ՎՄ-ի լրացուցիչ կարգավորումները։",
     "profile": "Պրոֆիլ",
     "standard": "Ստանդարտ",
-    "createLinkedClone": "Ստեղծել Linked Clone"
+    "createLinkedClone": "Ստեղծել Linked Clone",
+    "passthroughHostCpuDescription": "Թույլ է տալիս վիրտուալ մեքենային ուղղակիորեն օգտագործել հոստի ֆիզիկական պրոցեսորը առանց էմուլյացիայի: Ապահովում է առավելագույն արտադրողականություն, սակայն սահմանափակում է տարբեր սարքավորումներով սերվերների միջև միգրացիայի հնարավորությունը:",
+    "hostModelCpuDescription": "Էմուլյացնում է պրոցեսոր՝ հոստի պրոցեսորին նման բնութագրերով: Պահպանում է համատեղելիությունը CPU-ի մեծ մասի ֆունկցիաների հետ՝ ապահովելով լավ հավասարակշռություն արտադրողականության և վիրտուալ մեքենաների միգրացիայի հնարավորության միջև:"
   },
   "feedback": {
     "additionalDetailsHelp": "Լրացուցիչ մանրամասներ Օգնություն",

package/assets/localization/local_kk.json

@@ -3373,7 +3373,9 @@
     "selectAdvancedOptionsTargetVm": "Мақсатты ВМ үшін қосымша параметрлерді таңдаңыз.",
     "profile": "Профилі",
     "standard": "Стандарт",
-    "createLinkedClone": "Linked Clone жасау"
+    "createLinkedClone": "Linked Clone жасау",
+    "passthroughHostCpuDescription": "Виртуалды машинаға эмуляциясыз тікелей хосттың физикалық процессорын пайдалануға мүмкіндік береді. Максималды өнімділікті қамтамасыз етеді, бірақ әртүрлі жабдықтары бар серверлер арасындағы миграция мүмкіндігін шектейді.",
+    "hostModelCpuDescription": "Хост процессорына ұқсас сипаттамалары бар процессорды эмуляциялайды. CPU функцияларының көпшілігімен үйлесімділікті сақтайды, виртуалды машиналардың миграция мүмкіндігі мен өнімділік арасында жақсы теңгерімді қамтамасыз етеді."
   },
   "feedback": {
     "additionalDetailsHelp": "Қосымша мәліметтер анықтамасы",

package/assets/localization/local_ru.json

@@ -3373,7 +3373,9 @@
     "selectAdvancedOptionsTargetVm": "Выберите дополнительные параметры для целевой ВМ.",
     "profile": "Профиль",
     "standard": "Стандартный",
-    "createLinkedClone": "Создать Linked Clone"
+    "createLinkedClone": "Создать Linked Clone",
+    "passthroughHostCpuDescription": "Позволяет виртуальной машине напрямую использовать физический процессор хоста без эмуляции. Обеспечивает максимальную производительность, но ограничивает возможность миграции между серверами с разным аппаратным обеспечением.",
+    "hostModelCpuDescription": "Эмулирует процессор с характеристиками, аналогичными процессору хоста. Сохраняет совместимость с большинством функций CPU, обеспечивая хороший баланс между производительностью и возможностью миграции виртуальных машин."
   },
   "feedback": {
     "additionalDetailsHelp": "Дополнительная информация Помощь",

package/assets/localization/local_zh.json

@@ -3371,7 +3371,9 @@
     "selectAdvancedOptionsTargetVm": "为目标虚拟机选择高级选项。",
     "profile": "主机简介",
     "standard": "标准",
-    "createLinkedClone": "创建 Linked Clone"
+    "createLinkedClone": "创建 Linked Clone",
+    "passthroughHostCpuDescription": "允许虚拟机直接使用主机的物理处理器而无需模拟。提供最大性能，但限制在不同硬件的服务器之间迁移的能力。",
+    "hostModelCpuDescription": "模拟具有与主机处理器类似特性的处理器。保持与大多数CPU功能的兼容性，在性能和虚拟机迁移能力之间提供良好的平衡。"
   },
   "feedback": {
     "additionalDetailsHelp": "其他详细信息帮助",

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

@@ -1,133 +1,124 @@
-<template>
-  <ui-stack-block
-      :has-children="false"
-      test-id="cpu-model-stack-block"
-  >
-    <template #stackBlockKey>
-      <span class="limit-title mt-2">
-        {{ localization.common.cpuModel }}
-      </span>
-    </template>
-    <template #stackBlockContent>
-      <div class="cpu-model-content">
-        <ui-select
-          v-model="cpuModel"
-          :items="props.cpuModelOptions"
-          :disabled="props.disabled"
-          :error-text="props.errorText"
-          test-id="vm-wizard-cpu-model-field"
-          size="sm"
-          @change="onChangeCpuModel"
-        />
-
-        <div class="passthrough-host-cpu-wrap flex-align-center">
-          <ui-checkbox
-            v-model="passthroughHostCpu"
-            :disabled="props.disabled"
-            :label-text="localization.common.passthroughHostCpu"
-            size="md"
-            test-id="passthrough-host-cpu"
-            @change="emits('change-passthrough-host-cpu', $event)"
-          />
-
-          <common-tooltip-help
-            class="ml-2"
-            test-id="passthrough-help"
-            help-id="passthrough-help-icon"
-            dropdown-width="480px"
-            dropdown-left
-            is-disabled
-          >
-            <p class="help-text">
-              Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cum
-              eius expedita, fuga mollitia perferendis quod soluta vel? Dolor,
-              illo, nam? A consequatur, consequuntur eos impedit iusto labore
-              sunt tempora!
-            </p>
-          </common-tooltip-help>
-        </div>
-        <div class="host-model-cpu-wrap flex-align-center">
-          <ui-checkbox
-            v-model="hostModelCpu"
-            :disabled="props.disabled"
-            :label-text="localization.common.hostModelCpu"
-            size="md"
-            test-id="host-model-cpu"
-            @change="emits('change-host-model-cpu', $event)"
-          />
-
-          <common-tooltip-help
-            class="ml-2"
-            test-id="host-model-help"
-            help-id="host-model-help-icon"
-            dropdown-width="480px"
-            dropdown-left
-            is-disabled
-          >
-            <p class="help-text">
-              Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cum
-              eius expedita, fuga mollitia perferendis quod soluta vel? Dolor,
-              illo, nam? A consequatur, consequuntur eos impedit iusto labore
-              sunt tempora!
-            </p>
-          </common-tooltip-help>
-        </div>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_T_SelectedValue } from '~/node_modules/bfg-uikit/components/ui/select/models/types'
-import type {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const cpuModel = defineModel<string>('cpuModel')
-const passthroughHostCpu = defineModel<boolean>('passthroughHostCpu')
-const hostModelCpu = defineModel<boolean>('hostModelCpu')
-
-const props = defineProps<{
-  cpuModelOptions: UI_I_OptionItem[]
-  disabled: boolean
-  errorText: string
-}>()
-const emits = defineEmits<{
-  (event: 'change-cpu-model', value: UI_I_HTMLSelectElement): void
-  (event: 'change-passthrough-host-cpu', value: Event): void
-  (event: 'change-host-model-cpu', value: Event): void
-  (event: 'remove-error'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
-  emits('change-cpu-model', { target: { value: data } })
-}
-</script>
-
-<style scoped lang="scss">
-.limit-title {
-  margin-right: 12px;
-}
-.cpu-model-content {
-  display: flex;
-  flex-direction: column;
-  //width: 224px;
-  gap: 12px;
-
-  .tooltip-main {
-    width: 224px;
-  }
-
-  :deep(.ui-main-select-toggle) {
-    width: 100%;
-  }
-  .passthrough-host-cpu-wrap :deep(.ui-checkbox-label),
-  .host-model-cpu-wrap :deep(.ui-checkbox-label) {
-    min-height: unset !important;
-  }
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false" test-id="cpu-model-stack-block">
+    <template #stackBlockKey>
+      <span class="limit-title mt-2">
+        {{ localization.common.cpuModel }}
+      </span>
+    </template>
+    <template #stackBlockContent>
+      <div class="cpu-model-content">
+        <ui-select
+          v-model="cpuModel"
+          :items="props.cpuModelOptions"
+          :disabled="props.disabled"
+          :error-text="props.errorText"
+          test-id="vm-wizard-cpu-model-field"
+          size="sm"
+          @change="onChangeCpuModel"
+        />
+
+        <div class="passthrough-host-cpu-wrap flex-align-center">
+          <ui-checkbox
+            v-model="passthroughHostCpu"
+            :disabled="props.disabled"
+            :label-text="localization.common.passthroughHostCpu"
+            size="md"
+            test-id="passthrough-host-cpu"
+            @change="emits('change-passthrough-host-cpu', $event)"
+          />
+
+          <common-tooltip-help
+            class="ml-2"
+            test-id="passthrough-help"
+            help-id="passthrough-help-icon"
+            dropdown-width="480px"
+            dropdown-left
+            is-disabled
+          >
+            <p class="help-text">
+              {{ localization.vmWizard.passthroughHostCpuDescription }}
+            </p>
+          </common-tooltip-help>
+        </div>
+        <div class="host-model-cpu-wrap flex-align-center">
+          <ui-checkbox
+            v-model="hostModelCpu"
+            :disabled="props.disabled"
+            :label-text="localization.common.hostModelCpu"
+            size="md"
+            test-id="host-model-cpu"
+            @change="emits('change-host-model-cpu', $event)"
+          />
+
+          <common-tooltip-help
+            class="ml-2"
+            test-id="host-model-help"
+            help-id="host-model-help-icon"
+            dropdown-width="480px"
+            dropdown-left
+            is-disabled
+          >
+            <p class="help-text">
+              {{localization.vmWizard.hostModelCpuDescription}}
+            </p>
+          </common-tooltip-help>
+        </div>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_T_SelectedValue } from '~/node_modules/bfg-uikit/components/ui/select/models/types'
+import type {
+  UI_I_Localization,
+  UI_I_HTMLSelectElement,
+} from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const cpuModel = defineModel<string>('cpuModel')
+const passthroughHostCpu = defineModel<boolean>('passthroughHostCpu')
+const hostModelCpu = defineModel<boolean>('hostModelCpu')
+
+const props = defineProps<{
+  cpuModelOptions: UI_I_OptionItem[]
+  disabled: boolean
+  errorText: string
+}>()
+const emits = defineEmits<{
+  (event: 'change-cpu-model', value: UI_I_HTMLSelectElement): void
+  (event: 'change-passthrough-host-cpu', value: Event): void
+  (event: 'change-host-model-cpu', value: Event): void
+  (event: 'remove-error'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
+  emits('change-cpu-model', { target: { value: data } })
+}
+</script>
+
+<style scoped lang="scss">
+.limit-title {
+  margin-right: 12px;
+}
+.cpu-model-content {
+  display: flex;
+  flex-direction: column;
+  //width: 224px;
+  gap: 12px;
+
+  .tooltip-main {
+    width: 224px;
+  }
+
+  :deep(.ui-main-select-toggle) {
+    width: 100%;
+  }
+  .passthrough-host-cpu-wrap :deep(.ui-checkbox-label),
+  .host-model-cpu-wrap :deep(.ui-checkbox-label) {
+    min-height: unset !important;
+  }
+}
+</style>

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

@@ -1,171 +1,165 @@
-<template>
-  <div class="">
-    <atoms-stack-block
-        :has-children="false"
-        test-id="cpu-model-stack-block"
-    >
-      <template #stackBlockKey>
-        {{ localization.common.cpuModel }}
-      </template>
-      <template #stackBlockContent>
-        <div>
-          <atoms-tooltip-error
-            :has-error="!!props.errorText"
-            selector="#vm-wizard-cpu-model-field"
-            @remove="emits('remove-error')"
-          >
-            <template #elem>
-              <div class="select">
-                <select
-                  id="vm-wizard-cpu-model-field"
-                  :value="props.cpuModel"
-                  :disabled="props.disabled"
-                  data-id="vm-wizard-cpu-model-field"
-                  @change="emits('change-cpu-model', $event)"
-                >
-                  <option
-                    v-for="(item, key) in props.cpuModelOptions"
-                    :key="key"
-                    :value="item.value"
-                  >
-                    {{ item.text }}
-                  </option>
-                </select>
-              </div>
-            </template>
-            <template #content>{{ errorText }}</template>
-          </atoms-tooltip-error>
-
-          <div class="flex align-start flex-col cpu-model-checkbox">
-            <div class="passthrough-host-cpu-wrap flex-align-center">
-              <input
-                id="passthrough-host-cpu"
-                v-model="passthroughHostCpu"
-                :disabled="props.disabled"
-                data-id="passthrough-host-cpu"
-                type="checkbox"
-                @change="emits('change-passthrough-host-cpu', $event)"
-              />
-              <label for="passthrough-host-cpu" class="label-text-normal">{{
-                localization.common.passthroughHostCpu
-              }}</label>
-              <div
-                id="passthrough-help-icon"
-                class="flex-align-center relative"
-              >
-                <atoms-the-icon
-                  data-id="show-passthrough-help-icon"
-                  fill="#0072a3"
-                  width="24px"
-                  height="24px"
-                  name="info-circle"
-                  class="cursor-pointer"
-                  @click.stop="selectedTooltip = selectedTooltip === 'passthroughHostCpu' ? '' : 'passthroughHostCpu'"
-                />
-                <Teleport to="body">
-                  <atoms-tooltip-signpost
-                    v-if="selectedTooltip === 'passthroughHostCpu'"
-                    elem-id="passthrough-help-icon"
-                    @hide="selectedTooltip = ''"
-                  >
-                    <h3 class="passthrough-help-title">
-                      {{ localization.mainNavigation.help }}
-                    </h3>
-
-                    <p class="passthrough-help-text">
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                      A cum eius expedita, fuga mollitia perferendis quod soluta
-                      vel? Dolor, illo, nam? A consequatur, consequuntur eos
-                      impedit iusto labore sunt tempora!
-                    </p>
-                  </atoms-tooltip-signpost>
-                </Teleport>
-              </div>
-            </div>
-            <div class="flex-align-center">
-              <input
-                id="host-model-cpu"
-                v-model="hostModelCpu"
-                :disabled="props.disabled"
-                data-id="host-model-cpu-input"
-                type="checkbox"
-                @change="emits('change-host-model-cpu', $event)"
-              />
-              <label for="host-model-cpu" class="label-text-normal">{{
-                localization.common.hostModelCpu
-              }}</label>
-              <div id="host-model-help-icon" class="flex-align-center relative">
-                <atoms-the-icon
-                  fill="#0072a3"
-                  width="24px"
-                  height="24px"
-                  name="info-circle"
-                  class="cursor-pointer"
-                  data-id="show-host-model-help-icon"
-                  @click.stop="selectedTooltip = selectedTooltip === 'hostModel' ? '' : 'hostModel'"
-                />
-                <Teleport to="body">
-                  <atoms-tooltip-signpost
-                    v-if="selectedTooltip === 'hostModel'"
-                    elem-id="host-model-help-icon"
-                    @hide="selectedTooltip = ''"
-                  >
-                    <h3 class="host-model-help-title">
-                      {{ localization.mainNavigation.help }}
-                    </h3>
-
-                    <p class="host-model-help-text">
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                      A cum eius expedita, fuga mollitia perferendis quod soluta
-                      vel? Dolor, illo, nam? A consequatur, consequuntur eos
-                      impedit iusto labore sunt tempora!
-                    </p>
-                  </atoms-tooltip-signpost>
-                </Teleport>
-              </div>
-            </div>
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const selectedTooltip = defineModel<string>('selectedTooltip', { required: true })
-const passthroughHostCpu = defineModel<boolean>('passthroughHostCpu')
-const hostModelCpu = defineModel<boolean>('hostModelCpu')
-
-const props = defineProps<{
-  cpuModel: string
-  cpuModelOptions: UI_I_OptionItem[]
-  disabled: boolean
-  errorText: string
-}>()
-const emits = defineEmits<{
-  (event: 'change-cpu-model', value: UI_I_HTMLSelectElement): void
-  (event: 'change-passthrough-host-cpu', value: Event): void
-  (event: 'change-host-model-cpu', value: Event): void
-  (event: 'remove-error'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-</script>
-
-<style scoped lang="scss">
-.cpu-model-checkbox {
-  margin-top: 4px;
-}
-
-#passthrough-host-cpu,
-#host-model-cpu {
-  margin: 0 4px 0 0;
-}
-</style>
+<template>
+  <div class="">
+    <atoms-stack-block
+        :has-children="false"
+        test-id="cpu-model-stack-block"
+    >
+      <template #stackBlockKey>
+        {{ localization.common.cpuModel }}
+      </template>
+      <template #stackBlockContent>
+        <div>
+          <atoms-tooltip-error
+            :has-error="!!props.errorText"
+            selector="#vm-wizard-cpu-model-field"
+            @remove="emits('remove-error')"
+          >
+            <template #elem>
+              <div class="select">
+                <select
+                  id="vm-wizard-cpu-model-field"
+                  :value="props.cpuModel"
+                  :disabled="props.disabled"
+                  data-id="vm-wizard-cpu-model-field"
+                  @change="emits('change-cpu-model', $event)"
+                >
+                  <option
+                    v-for="(item, key) in props.cpuModelOptions"
+                    :key="key"
+                    :value="item.value"
+                  >
+                    {{ item.text }}
+                  </option>
+                </select>
+              </div>
+            </template>
+            <template #content>{{ errorText }}</template>
+          </atoms-tooltip-error>
+
+          <div class="flex align-start flex-col cpu-model-checkbox">
+            <div class="passthrough-host-cpu-wrap flex-align-center">
+              <input
+                id="passthrough-host-cpu"
+                v-model="passthroughHostCpu"
+                :disabled="props.disabled"
+                data-id="passthrough-host-cpu"
+                type="checkbox"
+                @change="emits('change-passthrough-host-cpu', $event)"
+              />
+              <label for="passthrough-host-cpu" class="label-text-normal">{{
+                localization.common.passthroughHostCpu
+              }}</label>
+              <div
+                id="passthrough-help-icon"
+                class="flex-align-center relative"
+              >
+                <atoms-the-icon
+                  data-id="show-passthrough-help-icon"
+                  fill="#0072a3"
+                  width="24px"
+                  height="24px"
+                  name="info-circle"
+                  class="cursor-pointer"
+                  @click.stop="selectedTooltip = selectedTooltip === 'passthroughHostCpu' ? '' : 'passthroughHostCpu'"
+                />
+                <Teleport to="body">
+                  <atoms-tooltip-signpost
+                    v-if="selectedTooltip === 'passthroughHostCpu'"
+                    elem-id="passthrough-help-icon"
+                    @hide="selectedTooltip = ''"
+                  >
+                    <h3 class="passthrough-help-title">
+                      {{ localization.mainNavigation.help }}
+                    </h3>
+
+                    <p class="passthrough-help-text">
+                      {{localization.vmWizard.passthroughHostCpuDescription}}
+                    </p>
+                  </atoms-tooltip-signpost>
+                </Teleport>
+              </div>
+            </div>
+            <div class="flex-align-center">
+              <input
+                id="host-model-cpu"
+                v-model="hostModelCpu"
+                :disabled="props.disabled"
+                data-id="host-model-cpu-input"
+                type="checkbox"
+                @change="emits('change-host-model-cpu', $event)"
+              />
+              <label for="host-model-cpu" class="label-text-normal">{{
+                localization.common.hostModelCpu
+              }}</label>
+              <div id="host-model-help-icon" class="flex-align-center relative">
+                <atoms-the-icon
+                  fill="#0072a3"
+                  width="24px"
+                  height="24px"
+                  name="info-circle"
+                  class="cursor-pointer"
+                  data-id="show-host-model-help-icon"
+                  @click.stop="selectedTooltip = selectedTooltip === 'hostModel' ? '' : 'hostModel'"
+                />
+                <Teleport to="body">
+                  <atoms-tooltip-signpost
+                    v-if="selectedTooltip === 'hostModel'"
+                    elem-id="host-model-help-icon"
+                    @hide="selectedTooltip = ''"
+                  >
+                    <h3 class="host-model-help-title">
+                      {{ localization.mainNavigation.help }}
+                    </h3>
+
+                    <p class="host-model-help-text">
+                      {{localization.vmWizard.hostModelCpuDescription}}
+                    </p>
+                  </atoms-tooltip-signpost>
+                </Teleport>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_Localization,
+  UI_I_HTMLSelectElement,
+} from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const selectedTooltip = defineModel<string>('selectedTooltip', { required: true })
+const passthroughHostCpu = defineModel<boolean>('passthroughHostCpu')
+const hostModelCpu = defineModel<boolean>('hostModelCpu')
+
+const props = defineProps<{
+  cpuModel: string
+  cpuModelOptions: UI_I_OptionItem[]
+  disabled: boolean
+  errorText: string
+}>()
+const emits = defineEmits<{
+  (event: 'change-cpu-model', value: UI_I_HTMLSelectElement): void
+  (event: 'change-passthrough-host-cpu', value: Event): void
+  (event: 'change-host-model-cpu', value: Event): void
+  (event: 'remove-error'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+</script>
+
+<style scoped lang="scss">
+.cpu-model-checkbox {
+  margin-top: 4px;
+}
+
+#passthrough-host-cpu,
+#host-model-cpu {
+  margin: 0 4px 0 0;
+}
+</style>

package/package.json

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