bfg-common 1.2.92 → 1.2.94

package/assets/localization/local_be.json

@@ -2097,5 +2097,7 @@
   "diskGroup": "Група дыскаў",
   "file": "Файл",
   "diskFormat": "Фармат дыска",
-  "replicationGroup": "Група рэплікацыі"
+  "replicationGroup": "Група рэплікацыі",
+  "allSelectedObjects": "Усе выбраныя аб'екты",
+  "selectVirtualDiskFormat": "Выберыце фармат віртуальнага дыска"
 }

package/assets/localization/local_hy.json

@@ -2100,5 +2100,7 @@
   "diskGroup": "Սկավառակի խումբ",
   "file": "Ֆայլ",
   "diskFormat": "Սկավառակի ձևաչափ",
-  "replicationGroup": "Replication Group"
+  "replicationGroup": "Replication Group",
+  "allSelectedObjects": "Բոլոր ընտրված օբյեկտները",
+  "selectVirtualDiskFormat": "Ընտրեք վիրտուալ սկավառակի ձևաչափը"
 }

package/assets/localization/local_kk.json

@@ -2100,5 +2100,7 @@
   "diskGroup": "Диск тобы",
   "file": "Файл",
   "diskFormat": "Диск пішімі",
-  "replicationGroup": "Репликация тобы"
+  "replicationGroup": "Репликация тобы",
+  "allSelectedObjects": "Барлық таңдалған нысандар",
+  "selectVirtualDiskFormat": "Виртуалды диск пішімін таңдаңыз"
 }

package/assets/localization/local_ru.json

@@ -2100,5 +2100,7 @@
   "diskGroup": "Группа дисков",
   "file": "Файл",
   "diskFormat": "Формат диска",
-  "replicationGroup": "Группа репликации"
+  "replicationGroup": "Группа репликации",
+  "allSelectedObjects": "Все выбранные объекты",
+  "selectVirtualDiskFormat": "Выберите формат виртуального диска"
 }

package/assets/localization/local_zh.json

@@ -2100,5 +2100,7 @@
   "diskGroup": "磁盘组",
   "file": "文件",
   "diskFormat": "磁盘格式",
-  "replicationGroup": "复制组"
+  "replicationGroup": "复制组",
+  "allSelectedObjects": "所有选定的对象",
+  "selectVirtualDiskFormat": "选择虚拟磁盘格式"
 }

package/components/common/browse/Browse.vue

@@ -126,7 +126,7 @@ const blocksWidth = ref<UI_T_BlocksWidth>([272, 272, 256])
 const onChangeWidths = (width: number, index: number) => {
   blocksWidth.value[index] = width
 }
-const onSelectFile = (file: any) => {
+const onSelectFile = (file: any): void => {
   emits('update:selected-file', file)
 }
 const onSelectNode = (node: any): void => {

package/components/common/context/Context.vue

@@ -32,7 +32,7 @@ const selectItem = (item: UI_I_ContextMenuItem): void => {
   emits('select-item', item)
 }
 
-const windowMousedown = () => {
+const windowMousedown = (): void => {
   emits('hide')
 }
 onMounted(() => {
@@ -42,8 +42,8 @@ onUnmounted(() => {
   window.removeEventListener('mousedown', windowMousedown)
 })
 
-const currentContextMenuY = ref('')
-const currentContextMenuX = ref('')
+const currentContextMenuY = ref<string>('')
+const currentContextMenuX = ref<string>('')
 const setCurrentPositionsPopup = (): void => {
   const contextMenuY = props.contextMenu.y
   const contextMenuX = props.contextMenu.x
@@ -72,8 +72,8 @@ const setCurrentPositionsPopup = (): void => {
 
 watch(
   () => props.contextMenu.y,
-  (val) => {
-    if (!val) return
+  (newValue) => {
+    if (!newValue) return
 
     setTimeout(() => {
       setCurrentPositionsPopup()

package/components/common/diagramMain/DiagramMain.vue

@@ -563,8 +563,9 @@ const onRemoveNetwork = (id: string) => {
   isShowRemoveModalLoader.value = true
   emits('remove-network', { id, hideModalCB: onHideNetworkRemoveModal })
 }
-const onRemoveSwitch = (id: string) => {
+const onRemoveSwitch = (label: string) => {
   isShowRemoveModalLoader.value = true
+  const id = props.networksList.find((network) => network.title === label)!.id
   emits('remove-switch', { id, hideModalCB: onHideSwitchRemoveModal })
 }
 const onRemovePort = (id: string) => {

package/components/common/diagramMain/Header.vue

@@ -1,59 +1,59 @@
 <template>
-  <template v-if="!props.inPortlet">
-    <div class="diagram-header">
-      <div class="diagram-header-left">
-        <atoms-the-icon
-          name="angle"
-          :class="[
+    <template v-if="!props.inPortlet">
+        <div class="diagram-header">
+            <div class="diagram-header-left">
+                <atoms-the-icon
+                        name="angle"
+                        :class="[
             'diagram-header__arrow-icon',
             {
               open: props.isShowDiagram,
             },
           ]"
-          @click="onToggleDiagram"
-        />
-        <a>
+                        @click="onToggleDiagram"
+                />
+                <a>
           <span>
             {{ localization.standardSwitch }}:
             {{ props.diagramName }}
           </span>
-        </a>
-      </div>
-      <div v-if="props.isShowDiagram" class="diagram-header__btn-container">
-        <span class="vertical-separator"></span>
-        <button
-          id="add-networking-button"
-          type="button"
-          @click="onShowModal('add-networking')"
-        >
-          {{ localization.addNetworking }}
-        </button>
-        <button
-          id="switch-edit-button"
-          type="button"
-          @click="onShowModal('switch-edit')"
-        >
-          {{ localization.edit }}
-        </button>
-        <button
-          id="switch-manage-physical-adapters-button"
-          type="button"
-          @click="onShowModal('switch-manage-physical-adapters')"
-        >
-          {{ localization.managePhysicalAdapters }}
-        </button>
-        <div style="position: relative; transform: translate(62px, -11px)">
-          <atoms-collapse-nav
-            popup-class="diagram-main-actions__popup"
-            :close-after-click="true"
-            :items="switchMainNavigation"
-            @change="onShowModal"
-          />
+                </a>
+            </div>
+            <div v-if="props.isShowDiagram" class="diagram-header__btn-container">
+                <span class="vertical-separator"></span>
+                <button
+                        id="add-networking-button"
+                        type="button"
+                        @click="onShowModal('add-networking')"
+                >
+                    {{ localization.addNetworking }}
+                </button>
+                <button
+                        id="switch-edit-button"
+                        type="button"
+                        @click="onShowModal('switch-edit')"
+                >
+                    {{ localization.edit }}
+                </button>
+                <button
+                        id="switch-manage-physical-adapters-button"
+                        type="button"
+                        @click="onShowModal('switch-manage-physical-adapters')"
+                >
+                    {{ localization.managePhysicalAdapters }}
+                </button>
+                <div style="position: relative; transform: translate(62px, -11px)">
+                    <atoms-collapse-nav
+                            popup-class="diagram-main-actions__popup"
+                            :close-after-click="true"
+                            :items="switchMainNavigation"
+                            @change="onShowModal"
+                    />
+                </div>
+            </div>
         </div>
-      </div>
-    </div>
-    <hr class="horizontal-separator" />
-  </template>
+        <hr class="horizontal-separator" />
+    </template>
 </template>
 
 <script setup lang="ts">
@@ -62,20 +62,20 @@ import { UI_I_NavigationItem } from '~/components/common/diagramMain/models/inte
 import { switchMainNavigationFunc } from '~/components/common/diagramMain/modals/config'
 
 const props = defineProps<{
-  inPortlet: boolean
-  isShowDiagram: boolean
-  diagramName: string
+    inPortlet: boolean
+    isShowDiagram: boolean
+    diagramName: string
 }>()
 
 const emits = defineEmits<{
-  (event: 'toggle-diagram'): void
-  (event: 'show-modal', modalName: string): void
+    (event: 'toggle-diagram'): void
+    (event: 'show-modal', modalName: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const switchMainNavigation = computed<UI_I_NavigationItem[]>(() =>
-  switchMainNavigationFunc(localization.value)
+    switchMainNavigationFunc(localization.value)
 )
 
 const onToggleDiagram = () => emits('toggle-diagram')
@@ -84,6 +84,32 @@ const onShowModal = (modalName: string) => emits('show-modal', modalName)
 </script>
 
 <style scoped lang="scss">
+:root.dark-theme {
+  .diagram-header {
+    &-left {
+      a {
+        span {
+          color: #79c6e6;
+
+          &:hover {
+            color: #49afd9;
+          }
+        }
+      }
+    }
+
+    &__btn-container {
+      button {
+        color: #89cbdf;
+
+        &:hover {
+          color: #57c8ea;
+        }
+      }
+    }
+  }
+}
+
 .diagram-header {
   display: flex;
   padding-left: 8px;
@@ -101,7 +127,7 @@ const onShowModal = (modalName: string) => emits('show-modal', modalName)
   &-left {
     display: flex;
     flex-wrap: nowrap;
-    color: #49AFD9;
+    color: #49afd9;
   }
 
   &__arrow-icon {
@@ -131,7 +157,7 @@ const onShowModal = (modalName: string) => emits('show-modal', modalName)
       white-space: nowrap;
       text-align: center;
       text-transform: uppercase;
-      color: #49AFD9;
+      color: #49afd9;
       line-height: 20px;
       max-height: 16.8px;
       padding: 0 14px;

package/components/common/diagramMain/port/Port.vue

@@ -263,13 +263,6 @@ const onShowModalWithTypeCheck = (value: string) => {
 const onSelectPort = (networkId: string, portId: string): void => {
   emits('select-port', networkId, portId)
 }
-
-watch(
-  () => props.port,
-  (newValue) => {
-    console.log('port', newValue)
-  }
-)
 </script>
 
 <style scoped lang="scss">

package/components/common/diagramMain/switch/Switch.vue

@@ -55,6 +55,17 @@ const props = defineProps<{
 </script>
 
 <style scoped lang="scss">
+:root.dark-theme {
+  .central-panel {
+    fill: #314351;
+    stroke: #adbbc4;
+  }
+
+  .connection-line {
+    stroke: #adbbc4;
+  }
+}
+
 .central-panel {
   fill: #f2f2f2;
   stroke: #888;

package/components/common/diagramMain/switch/SwitchSelected.vue

@@ -23,6 +23,12 @@ const props = defineProps<{
 </script>
 
 <style scoped lang="scss">
+:root.dark-theme {
+  .selection-line {
+    stroke: #fdd006;
+  }
+}
+
 .selection-line {
   stroke: #f3bb00;
 }

package/components/common/feedback/Buttons.vue

@@ -66,7 +66,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const onSelect = (value: number): void => {
   emits('update:select', value)
 }
-const isShowHelpInfo = ref(false)
+const isShowHelpInfo = ref<boolean>(false)
 </script>
 
 <style scoped lang="scss">

package/components/common/feedback/Message.vue

@@ -193,7 +193,7 @@ const isFileLoad = ref(null)
 const memoryParentMain = ref<string>('')
 const memoryParentModalDialog = ref<string>('')
 
-const takeScreenshot = () => {
+const takeScreenshot = (): void => {
   hasTakeScreenshot.value = true
   const value = {
     hasTakeScreenshot: true,
@@ -237,7 +237,7 @@ const takeScreenshot = () => {
     )
   })
 }
-const removeScreenshot = () => {
+const removeScreenshot = (): void => {
   hasTakeScreenshot.value = false
   const parentMain = document.getElementById('feedbackId')
   const parentModalDialog = document.getElementById('feedback-modal-dialog-Id')
@@ -260,7 +260,7 @@ const removeScreenshot = () => {
   clearAll()
 }
 
-const onChangeImgLoad = () => {
+const onChangeImgLoad = (): void => {
   hasTakeScreenshot.value = true
   if (!isFileLoad.value) return
 
@@ -313,15 +313,15 @@ let startDrawingY: number | null = null
 let drawColor = ''
 let drawWidth = ''
 
-const useRedMarker = () => {
+const useRedMarker = (): void => {
   drawColor = '#f76945'
   drawWidth = '5'
 }
-const useGrayEraser = () => {
+const useGrayEraser = (): void => {
   drawColor = 'lightgray'
   drawWidth = '14'
 }
-const undoLast = () => {
+const undoLast = (): void => {
   drawColor = ''
   drawWidth = ''
   const context = feedbackImg.value.getContext('2d')
@@ -331,7 +331,7 @@ const undoLast = () => {
     context.putImageData(drawingArray[indexArray], 0, 0)
   }
 }
-const clearAll = () => {
+const clearAll = (): void => {
   const context = feedbackImg.value.getContext('2d')
   drawColor = ''
   drawWidth = ''
@@ -342,7 +342,7 @@ const clearAll = () => {
     context.putImageData(drawingArray[indexArray], 0, 0)
   }
 }
-const start = (event: MouseEvent) => {
+const start = (event: MouseEvent): void => {
   if (!drawColor) return
   const context = feedbackImg.value.getContext('2d')
   const canvasCoordinates = feedbackImg.value.getBoundingClientRect()
@@ -356,7 +356,7 @@ const start = (event: MouseEvent) => {
   )
   event.preventDefault()
 }
-const draw = (event: MouseEvent) => {
+const draw = (event: MouseEvent): void => {
   if (!drawColor) return
   const context = feedbackImg.value.getContext('2d')
   const canvasCoordinates = feedbackImg.value.getBoundingClientRect()
@@ -373,7 +373,7 @@ const draw = (event: MouseEvent) => {
   event.preventDefault()
 }
 
-const stop = (event: MouseEvent) => {
+const stop = (event: MouseEvent): void => {
   if (!drawColor) return
 
   const context = feedbackImg.value.getContext('2d')

package/components/common/modals/Rename.vue

@@ -98,7 +98,7 @@ const validForm = ref<UI_I_ValidationTouchResult | null>(null)
 const labelName = computed<string>(() => localization.value[props.label])
 
 /* Validation for Name input */
-const initValidation = () => {
+const initValidation = (): void => {
   validForm.value = validation.touch()
 }
 

package/components/common/monitor/advanced/tools/Tools.vue

@@ -165,8 +165,8 @@ const props = defineProps<{
 }>()
 
 const emits = defineEmits<{
-  (event: 'update-tools', obj: UI_I_MonitorGraphPayload): void
-  (event: 'exporting', str: string): void
+  (event: 'update-tools', value: UI_I_MonitorGraphPayload): void
+  (event: 'exporting', value: string): void
   (event: 'open-advanced-page'): void
   (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
   (event: 'select-metric', value: string): void

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue

@@ -28,7 +28,7 @@ import {
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/models/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
+import {UI_I_Localization, UI_I_Pagination} from '~/models/interfaces'
 import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/config/tableConfig'
 import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces'
 import {
@@ -80,7 +80,7 @@ watch(
     selectedCounters.value = []
   }
 )
-const pagination = ref<any>({
+const pagination = ref<UI_I_Pagination>({
   page: 1,
   pageSize: 35,
 })

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue

@@ -31,7 +31,7 @@ import {
   UI_I_BodyItem,
   UI_I_ColumnKey,
 } from '~/components/atoms/table/dataGrid/models/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_Localization, UI_I_Pagination } from '~/models/interfaces'
 import { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces'
 import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/config/objectTable'
 import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/models/types'
@@ -57,7 +57,7 @@ const emits = defineEmits<{
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const selectedRow = ref<number[]>([])
-const pagination = ref<any>({
+const pagination = ref<UI_I_Pagination>({
   page: 1,
   pageSize: 35,
 })

package/components/common/monitor/overview/Overview.vue

@@ -134,7 +134,7 @@ const chartFour = ref<any>(null)
 
 const currentChartName = ref<string>('')
 
-const getCurrentChart = (chart: any): any => {
+const getCurrentChart = (chart: any): void => {
   switch (currentChartName.value) {
     case 'one':
       chartOne.value = chart

package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue

@@ -112,7 +112,7 @@ const props = defineProps<{
 
 const emits = defineEmits<{
   (event: 'hide'): void
-  (event: 'submit', arg1: number[]): void
+  (event: 'submit', value: number[]): void
 }>()
 
 const { $store, $formattedDate, $formattedTime, $isDate, $getUnixByDate } =

package/components/common/perPage/PerPage.vue

@@ -37,7 +37,7 @@ const props = withDefaults(
   }
 )
 const emits = defineEmits<{
-  (event: 'change', num: number): void
+  (event: 'change', value: number): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/select/button/ButtonDropdown.vue

@@ -37,7 +37,7 @@ const props = withDefaults(
   { testId: 'select-dropdown-button' }
 )
 const emits = defineEmits<{
-  (event: 'click', str: string): void
+  (event: 'click', value: string): void
 }>()
 const hide = (): void => {
   open.value = false
@@ -47,7 +47,7 @@ const open = ref<boolean>(false)
 const click = (type: string): void => {
   emits('click', type)
 }
-const windowClick = () => {
+const windowClick = (): void => {
   hide()
 }
 onMounted(() => {

package/components/common/spiceConsole/Drawer.vue

@@ -78,7 +78,7 @@ const emits = defineEmits<{
 }>()
 
 const codec = ref<UI_T_CODEC>(1)
-const onChangeCodec = () => {
+const onChangeCodec = (): void => {
   // @ts-ignore
   if (!window.app) return
   // @ts-ignore
@@ -93,7 +93,7 @@ const onChangeCodec = () => {
 }
 
 const isKeyboardShown = ref<boolean>(false)
-const onToggleKeyboard = () => {
+const onToggleKeyboard = (): void => {
   isKeyboardShown.value = !isKeyboardShown.value
 }
 
@@ -125,7 +125,7 @@ const toggleDrawer = () => {
 }
 
 const hover = ref<boolean>(false)
-const onInputManagerFocus = () => {
+const onInputManagerFocus = (): void => {
   if (hover.value) return
   document.getElementById('inputmanager')?.focus()
 }

package/components/common/spiceConsole/SpiceConsole.vue

@@ -2,8 +2,8 @@
   <div ref="fullScreen" class="spice-console">
     <div id="vmw" ref="vmScreen" @scroll="onConsoleScroll"></div>
     <common-spice-console-drawer
-        @toggle-fullscreen="toggle"
-        @send-alt-command="onSendAltCommand"
+      @toggle-fullscreen="toggle"
+      @send-alt-command="onSendAltCommand"
     />
   </div>
 </template>
@@ -20,14 +20,12 @@ const props = defineProps<{
   port: number
 }>()
 
-
-
 let rfb: any
 const vmScreen = ref(null)
 const fullScreen = ref(null)
 const { toggle } = useFullscreen(fullScreen)
 
-const connectWS = () => {
+const connectWS = (): void => {
   if (props.vmType === 'VNC') {
     connectVNC()
   } else if (props.vmType === 'SPICE') {
@@ -35,13 +33,13 @@ const connectWS = () => {
   }
 }
 
-const connectVNC = () => {
+const connectVNC = (): void => {
   rfb = new RFB(vmScreen.value, props.wsUrl, {
     protocols: {},
   })
 }
 
-const vmDisconnect = () => {
+const vmDisconnect = (): void => {
   if (props.vmType === 'VNC') {
     if (rfb) {
       rfb.disconnect()
@@ -49,17 +47,15 @@ const vmDisconnect = () => {
   }
 }
 
-
-
-const onSendAltCommand = () => {
+const onSendAltCommand = (): void => {
   // @ts-ignore
   window.app.sendCtrlAltDelete()
 }
 
 const onConsoleScroll = (event): void => {
   app.clientGui.setClientOffset(
-      app.clientGui.clientOffsetX,
-      event.target.scrollTop
+    app.clientGui.clientOffsetX,
+    event.target.scrollTop
   )
 }
 

package/components/common/split/horizontal/Horizontal.vue

@@ -84,19 +84,19 @@ const rightPanelStyle = computed(() => {
   return { width }
 })
 const leftPanelCollapsed = ref<boolean>(false)
-const collapseLeftPanel = () => {
+const collapseLeftPanel = (): void => {
   leftPanelCollapsed.value = !leftPanelCollapsed.value
 }
 
-const isGrab = ref(false)
-const isFocus = ref(false)
-const isDrag = ref(false)
-const leftPanelW = ref(20) // 0%
+const isGrab = ref<boolean>(false)
+const isFocus = ref<boolean>(false)
+const isDrag = ref<boolean>(false)
+const leftPanelW = ref<number>(20) // 0%
 watch(
   () => props.leftPanelW,
-  (width) => {
-    if (width === undefined) return
-    leftPanelW.value = width
+  (newValue) => {
+    if (newValue === undefined) return
+    leftPanelW.value = newValue
   },
   { immediate: true }
 )
@@ -109,7 +109,7 @@ watch(
 )
 
 let parentElem: HTMLElement | null
-const mouseup = () => {
+const mouseup = (): void => {
   if (!isGrab.value) {
     return
   }
@@ -120,7 +120,7 @@ const mouseup = () => {
   emits('dragend', leftPanelW.value)
 }
 
-let mousemove = (e: MouseEvent) => {
+let mousemove = (e: MouseEvent): void => {
   if (!isGrab.value) return
 
   e.preventDefault()
@@ -129,7 +129,7 @@ let mousemove = (e: MouseEvent) => {
 }
 mousemove = useThrottle(mousemove)
 
-const doDrag = (clientX: number) => {
+const doDrag = (clientX: number): void => {
   const parentElemRect = parentElem?.getBoundingClientRect()
   const parentElemWidth = parentElemRect?.width || 0
   const parentElemLeft = parentElemRect?.left || 0
@@ -145,7 +145,7 @@ const doDrag = (clientX: number) => {
 
 const elementId = `horizontal${useUniqueId()}`
 
-const keydown = (e: KeyboardEvent) => {
+const keydown = (e: KeyboardEvent): void => {
   if (!isFocus.value) return
 
   const gutter = document.getElementById(`gutter-${elementId}`)

package/components/common/split/vertical/Vertical.vue

@@ -40,7 +40,7 @@ const props = withDefaults(defineProps<UI_I_SplitVerticalProps>(), {
   topPanelH: undefined,
 })
 const emits = defineEmits<{
-  (event: 'dragend', num: number): void
+  (event: 'dragend', value: number): void
 }>()
 
 const topPanelStyle = computed<UI_I_SplitVerticalStyle>(() => {
@@ -63,15 +63,15 @@ const isDrag = ref<boolean>(false)
 const topPanelH = ref<number>(80) // 80%
 watch(
   () => props.topPanelH,
-  (val) => {
-    if (val === undefined) return
-    topPanelH.value = val
+  (newValue) => {
+    if (newValue === undefined) return
+    topPanelH.value = newValue
   },
   { immediate: true }
 )
 
 let parentElem: HTMLDivElement | null
-const mouseup = () => {
+const mouseup = (): void => {
   if (!isGrab.value) {
     return
   }
@@ -81,7 +81,7 @@ const mouseup = () => {
 
   emits('dragend', topPanelH.value)
 }
-let mousemove = (e: MouseEvent) => {
+let mousemove = (e: MouseEvent): void => {
   if (!isGrab.value) {
     return
   }
@@ -93,7 +93,7 @@ let mousemove = (e: MouseEvent) => {
 }
 mousemove = useThrottle(mousemove)
 
-const doDrag = (clientY: number) => {
+const doDrag = (clientY: number): void => {
   const parentElemTop = parentElem?.getBoundingClientRect().top || 0
   const parentHeight = parentElem?.clientHeight || 0
   const onePercent = parentHeight / 100
@@ -110,7 +110,7 @@ const doDrag = (clientY: number) => {
 }
 
 const elementId = `vertical${useUniqueId()}`
-const keydown = (e: KeyboardEvent) => {
+const keydown = (e: KeyboardEvent): void => {
   if (!isFocus.value) return
 
   const gutter = document.getElementById(`gutter-${elementId}`)

package/components/common/tools/Actions.vue

@@ -65,7 +65,7 @@ const onSelectFiles = (event: Event, type: string): void => {
   emits('click', type, event)
 }
 
-const visibleCount = ref(props.actions.length)
+const visibleCount = ref<number>(props.actions.length)
 const collapsedItems = computed<UI_I_CollapseNavItem[]>(() => {
   return props.actions
     .filter((_, index) => {

package/components/common/vm/actions/common/config/capabilities.ts

@@ -32,7 +32,8 @@ export const capabilities: UI_I_Compatibility = {
   machineTypes: [
     {
       text: 'Q35',
-      value: 'pc-q35-3.1',
+      // value: 'pc-q35-3.1',
+      value: 'pc-q35-6.2',
     },
     {
       text: 'I440FX',
@@ -126,7 +127,7 @@ export const capabilities: UI_I_Compatibility = {
     },
   ],
   guestOsVersions: {
-    'windows': [
+    windows: [
       {
         text: 'Microsoft Windows Server 2022 (64-bit)',
         value: 'windows2019srvNext_64Guest-vbsEnabled-true',
@@ -220,7 +221,7 @@ export const capabilities: UI_I_Compatibility = {
         value: 'win95Guest-vbsEnabled-false',
       },
     ],
-    'linux': [
+    linux: [
       {
         text: 'Red Hat Enterprise Linux (64-bit)',
         value: 'rhel64Guest-vbsEnabled-false',
@@ -306,7 +307,7 @@ export const capabilities: UI_I_Compatibility = {
         value: 'otherLinuxGuest-vbsEnabled-false',
       },
     ],
-    'other': [
+    other: [
       {
         text: 'Apple macOS (64-bit)',
         value: 'darwin64Guest-vbsEnabled-false',

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuHotPlug.vue

@@ -29,7 +29,7 @@ const props = defineProps<{
   disabled: boolean
 }>()
 const emits = defineEmits<{
-  (event: 'update:enable-cpu-hot-add', status: boolean): void
+  (event: 'update:enable-cpu-hot-add', value: boolean): void
 }>()
 
 const enableCpuHotAddLocal = computed<boolean>({

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Iommu.vue

@@ -26,7 +26,9 @@
 </template>
 
 <script setup lang="ts">
-const localization = computed(() => useLocal())
+import { UI_I_Localization } from '~/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   iommu: boolean

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Sa.vue

@@ -61,7 +61,9 @@
 </template>
 
 <script setup lang="ts">
-const localization = computed(() => useLocal())
+import { UI_I_Localization } from '~/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   schedulingAffinity: string

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

@@ -79,7 +79,7 @@ const apiErrorLocal = computed<string>(() => {
 })
 
 const maxShares = 100_000
-const sharesOptions = computed(() => {
+const sharesOptions = computed<UI_I_OptionItem[]>(() => {
   return sharesOptionsFunc(localization.value, maxShares)
 })
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryHotPlug.vue

@@ -33,7 +33,7 @@ const props = defineProps<{
   disabled: boolean
 }>()
 const emits = defineEmits<{
-  (event: 'update:memory-hot-plug', status: boolean): void
+  (event: 'update:memory-hot-plug', value: boolean): void
 }>()
 
 const memoryHotPlugLocal = computed<boolean>({

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

@@ -116,7 +116,7 @@ const storageSubmit = ref<number>(0)
 const onSubmitStorageModal = (): void => {
   storageSubmit.value++
 }
-const storageModalIsShow = ref(false)
+const storageModalIsShow = ref<boolean>(false)
 const changeStorage = (storage: UI_I_DatastoreTableItem): void => {
   locationOptions.value = [
     locationOptions.value[0],

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/Location.vue

@@ -94,9 +94,9 @@ const tagsBodyItems = computed<UI_I_TableBodyItem[][]>(() => {
 })
 watch(
   () => props.networksTable,
-  (networks) => {
+  (newValue) => {
     tagsBodyItemsDefault.value = []
-    networks?.forEach((network) => {
+    newValue?.forEach((network) => {
       tagsBodyItemsDefault.value.push([
         { text: network.name, editable: false },
         { text: '--', editable: false },

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue

@@ -150,14 +150,14 @@ const getNetworks = (): void => {
 getNetworks()
 watch(
   () => props.networksTable,
-  (networks) => {
-    if (!networks.length || props.type === 'edit') return
+  (newValue) => {
+    if (!newValue.length || props.type === 'edit') return
 
-    selectedLocationOld.value = networks[0].net_bridge
-    selectedLocation.value = networks[0].net_bridge
+    selectedLocationOld.value = newValue[0].net_bridge
+    selectedLocation.value = newValue[0].net_bridge
 
     locationOptions.value = [
-      { text: networks[0].name, value: networks[0].net_bridge },
+      { text: newValue[0].name, value: newValue[0].net_bridge },
       { text: `${localization.value.browse}...`, value: '' },
     ]
   },

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbController.vue

@@ -30,6 +30,7 @@
 
 <script setup lang="ts">
 import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
 import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/config/options'
 
 const props = withDefaults(
@@ -46,7 +47,7 @@ const emits = defineEmits<{
   (event: 'send-data', value: string): void
 }>()
 
-const localization = computed(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 const selectedUsbController = ref<string>(props.usbController)
 const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/TotalVideoMemory.vue

@@ -82,8 +82,8 @@ const totalVideoMemoryLocalErrorText = computed<string>(() => {
   }
   return ''
 })
-watch(totalVideoMemoryLocalErrorText, (text: string) => {
-  emits('invalid', !!text.length)
+watch(totalVideoMemoryLocalErrorText, (newValue: string) => {
+  emits('invalid', !!newValue.length)
 })
 
 const typeError = 'video_card.memory_mb'

package/components/common/wizards/datastore/add/nfs/Nfs.vue

@@ -74,8 +74,8 @@ const stepSubTitle = computed<string>(() => {
 //   )
 // })
 
-watch(nfsVersion, (val: UI_T_NfsType) => {
-  emits('change-nfs-version', val)
+watch(nfsVersion, (newValue: UI_T_NfsType) => {
+  emits('change-nfs-version', newValue)
 })
 
 const applyChangesAndNext = (event: UI_I_ConfigurationSendDataNfs): void => {

package/components/common/wizards/datastore/add/nfs/accessibility/tablesView/TablesView.vue

@@ -33,7 +33,7 @@ import {
   UI_I_HeadItem,
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/models/interfaces'
-import { UI_I_Pagination } from '~/models/interfaces'
+import { UI_I_Localization, UI_I_Pagination } from '~/models/interfaces'
 import { itemsPerPage } from '~/components/atoms/table/dataGrid/config/itemsPerPage'
 import { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/models/types'
 import {
@@ -54,10 +54,10 @@ const props = defineProps<{
 const emits = defineEmits<{
   (event: 'update:selected-row', value: number[]): void
   (event: 'pagination', value: UI_I_Pagination): void
-  (event: 'sort', str: string): void
+  (event: 'sort', value: string): void
 }>()
 
-const localization = computed(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 const loading = computed<boolean>(() => false)
 
@@ -88,15 +88,15 @@ const pagination = ref<UI_I_Pagination>({
 })
 watch(
   () => props.pagination,
-  (val) => {
-    pagination.value = val
+  (newValue) => {
+    pagination.value = newValue
   },
   { immediate: true }
 )
 watch(
   pagination,
-  (val) => {
-    emits('pagination', val)
+  (newValue) => {
+    emits('pagination', newValue)
   },
   { deep: true, immediate: true }
 )
@@ -116,13 +116,13 @@ const headItems = computed<UI_I_HeadItem[]>(() =>
 const bodyItems = ref<UI_I_BodyItem[][]>([])
 watch(
   () => props.dataTable,
-  (val) => {
-    if (!val?.length) {
+  (newValue) => {
+    if (!newValue?.length) {
       bodyItems.value = []
       return
     }
 
-    bodyItems.value = tables[props.tableType].bodyItems(val)
+    bodyItems.value = tables[props.tableType].bodyItems(newValue)
   },
   { deep: true, immediate: true }
 )

package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue

@@ -181,7 +181,7 @@ const onBlurInputName = (): void => {
   validForm.value = validation.touch()
   isInitNameValidation.value = true
 }
-const onInputName = () => {
+const onInputName = (): void => {
   validForm.value = validation.touch()
 }
 
@@ -197,7 +197,7 @@ const onBlurInputFolder = (): void => {
   validForm.value = validation.touch()
   isInitFolderValidation.value = true
 }
-const onInputFolder = () => {
+const onInputFolder = (): void => {
   validForm.value = validation.touch()
 }
 
@@ -213,7 +213,7 @@ const onBlurInputServer = (): void => {
   validForm.value = validation.touch()
   isInitServerValidation.value = true
 }
-const onInputServer = () => {
+const onInputServer = (): void => {
   validForm.value = validation.touch()
   isInitServerValidation.value = true
 }

package/components/common/wizards/datastore/add/nfs/configuration/serversList/ServersList.vue

@@ -73,13 +73,13 @@ const headItems = computed<UI_I_HeadItem[]>(() =>
 const bodyItems = ref<UI_I_BodyItem[][]>([])
 watch(
   () => props.dataTable,
-  (val) => {
-    if (!val?.length) {
+  (newValue) => {
+    if (!newValue?.length) {
       bodyItems.value = []
       return
     }
 
-    bodyItems.value = serversTable.bodyItems(val)
+    bodyItems.value = serversTable.bodyItems(newValue)
   },
   { deep: true, immediate: true }
 )

package/components/common/wizards/datastore/add/readyComplete/ReadyComplete.vue

@@ -39,13 +39,14 @@
 
 <script lang="ts" setup>
 import { UI_I_DetailsItem } from '~/components/common/details/model/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
 
 const props = defineProps<{
   dataReadyView: UI_I_DetailsItem[]
 }>()
 // console.log(props)
 
-const localization = computed(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
 </script>

package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/DeviceSelection.vue

@@ -135,14 +135,14 @@ const { $store } = useNuxtApp()
 const { $validation } = useNuxtApp()
 
 const isInitDatastoreNameValidation = ref<boolean>(false)
-const initValidation = () => {
+const initValidation = (): void => {
   isInitDatastoreNameValidation.value = true
   const valid = validation.touch()
   if (!valid.isValid) {
     showValidationErrors(valid)
   }
 }
-const onInput = () => {
+const onInput = (): void => {
   const valid = validation.touch()
 
   if (!isInitDatastoreNameValidation.value) return
@@ -156,7 +156,7 @@ const defaultForm: UI_I_FormValidationDataStore = defaultFormFunc(
 )
 const form = ref<UI_I_FormValidationDataStore>(useDeepCopy(defaultForm))
 
-const setForm = () => {
+const setForm = (): void => {
   form.value = useDeepCopy(defaultForm)
   validation.setForm(form)
 }
@@ -182,11 +182,11 @@ const selectedLunDisk = ref<number[]>([])
 
 watch(
   selectedLunDisk,
-  (val: number[] | null) => {
-    if (val === null || !dataTable.value) return null
+  (newValue: number[] | null) => {
+    if (newValue === null || !dataTable.value) return null
 
     const lunDisk = dataTable.value.items.filter((_: any, key: number) =>
-      val.includes(key)
+      newValue.includes(key)
     )
 
     emits('update:lun-disk', lunDisk)

package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/hostTable/HostTable.vue

@@ -49,7 +49,7 @@ const props = defineProps<{
 const emits = defineEmits<{
   (event: 'update:selected', value: number[] | null): void
   (event: 'pagination', value: UI_I_Pagination): void
-  (event: 'sort', str: string): void
+  (event: 'sort', value: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
@@ -81,15 +81,15 @@ const pagination = ref<UI_I_Pagination>({
 })
 watch(
   () => props.pagination,
-  (val) => {
-    pagination.value = val
+  (newValue) => {
+    pagination.value = newValue
   },
   { immediate: true }
 )
 watch(
   pagination,
-  (val) => {
-    emits('pagination', val)
+  (newValue) => {
+    emits('pagination', newValue)
   },
   { deep: true, immediate: true }
 )
@@ -105,13 +105,13 @@ const headItems = computed<UI_I_HeadItem[]>(() =>
 const bodyItems = ref<UI_I_BodyItem[][]>([])
 watch(
   () => props.dataTable,
-  (val) => {
-    if (!val?.length) {
+  (newValue) => {
+    if (!newValue?.length) {
       bodyItems.value = []
       return
     }
 
-    bodyItems.value = hostsTable.bodyItems(val)
+    bodyItems.value = hostsTable.bodyItems(newValue)
   },
   { deep: true, immediate: true }
 )

package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/PartitionConfiguration.vue

@@ -173,27 +173,27 @@ const props = withDefaults(
 const localization = computed<UI_I_Localization>(() => useLocal())
 const { $binary } = useNuxtApp()
 
-const selectedHost = ref('all-partitions')
+const selectedHost = ref<string>('all-partitions')
 const partitionConfiguration = computed<UI_I_SelectHostOptions[]>(() =>
   partitionConfigurationFunc(localization.value)
 )
 
-const selectedSize = ref('1')
+const selectedSize = ref<string>('1')
 const blockSize = computed<UI_I_SelectHostOptions[]>(() =>
   blockSizeFunc(localization.value)
 )
 
-const selectedGranularity = ref('1')
+const selectedGranularity = ref<string>('1')
 const spaceGranularity = computed<UI_I_SelectHostOptions[]>(() =>
   spaceGranularityFunc(localization.value)
 )
 
-const selectedPriority = ref('low')
+const selectedPriority = ref<string>('low')
 const spacePriority = computed<UI_I_SelectHostOptions[]>(() =>
   spacePriorityFunc(localization.value)
 )
 
-const countDatastoreSizeToGb = computed(() => {
+const countDatastoreSizeToGb = computed<number>(() => {
   return $binary.mbToGb(props.selectedLunDiskSize)
 })
 

package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/sizeGraphic/sizeGraphic.vue

@@ -204,7 +204,7 @@ const setProgress = computed<number>(() => {
   return (width.value * props.selectedSize) / props.capacity
 })
 
-const emptySizeText = computed(() => {
+const emptySizeText = computed<string>(() => {
   const { empty, gb } = localization.value
 
   return `${empty}: ${props.capacity} ${gb}`

package/package.json

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