bfg-common 1.2.84 → 1.2.86

package/assets/localization/local_be.json

@@ -2077,5 +2077,21 @@
   "browserOutDateDesc": "Гэта можа прывесці да павольнай працы {0} або ўзнікнення памылак. Абнавіце свой браўзэр або ўсталюйце адно з наступных:",
   "browserOutDateDesc2": "Вы таксама можаце выкарыстоўваць",
   "browserOutDateDesc3": "мабільная версія вэб-сайта",
-  "theDateOnHostAndBrowserDifferent": "Дата на хасце і ў вэб-браўзеры адрозніваецца"
+  "theDateOnHostAndBrowserDifferent": "Дата на хасце і ў вэб-браўзеры адрозніваецца",
+  "selectMigrationType": "Выберыце тып міграцыі",
+  "selectMigrationTypeDesc": "Змяніце вылічальны рэсурс, сховішча або абодва віртуальных машыны.",
+  "selectComputeResourceDesc": "Выберыце кластар, хост, vApp або пул рэсурсаў для запуску віртуальных машын.",
+  "selectNetworks": "Выберыце Сеткі",
+  "selectNetworksDesc": "Выберыце сеткі прызначэння для міграцыі віртуальнай машыны.",
+  "selectStorageDesc": "Выберыце месца прызначэння для міграцыі віртуальнай машыны.",
+  "selectVMotionPriority": "Выберыце прыярытэт vMotion",
+  "selectVMotionPriorityDesc": "Абараніце прадукцыйнасць вашых запушчаных віртуальных машын шляхам прыярытэтнага размеркавання рэсурсаў ЦП.",
+  "selectTargetVCenterSer": "Выберыце мэтавы vCenter Ser",
+  "changeComputeResourceOnlyDesc": "Перанясіце віртуальныя машыны на іншы хост або кластар.",
+  "changeStorageOnlyDesc": "Перанясіце сховішча віртуальных машын у сумяшчальнае сховішча або кластар сховішча даных.",
+  "changeBothComputeResourceStorageDesc": "Перанясіце віртуальныя машыны на пэўны хост або кластар, а іх захоўванне - у пэўнае сховішча або кластар сховішча дадзеных.",
+  "crossVCenterServerExport": "Экспарт крос-сервера vCenter",
+  "crossVCenterServerExportDesc": "Перанясіце віртуальныя машыны на сервер vCenter, не звязаны з бягучым даменам SSO.",
+  "batchConfigure": "Пакетная канфігурацыя",
+  "configurePerDisk": "Наладзіць для кожнага дыска"
 }

package/assets/localization/local_en.json

@@ -2095,6 +2095,6 @@
   "changeBothComputeResourceStorageDesc": "Migrate the virtual machines to a specific host or cluster and their storage to a specific datastore or datastore cluster.",
   "crossVCenterServerExport": "Cross vCenter Server export",
   "crossVCenterServerExportDesc": "Migrate the virtual machines to a vCenter Server not linked to the current SSO domain.",
-  "BatchConfigure": "Batch Configure",
+  "batchConfigure": "Batch Configure",
   "configurePerDisk": "Configure Per Disk"
 }

package/assets/localization/local_hy.json

@@ -2080,5 +2080,21 @@
   "browserOutDateDesc": "Սա կարող է հանգեցնել {0}-ի դանդաղ աշխատանքի կամ սխալների: Թարմացրեք ձեր բրաուզերը կամ տեղադրեք հետևյալներից մեկը.",
   "browserOutDateDesc2": "Կարող եք նաև օգտագործել",
   "browserOutDateDesc3": "կայքի բջջային տարբերակ",
-  "theDateOnHostAndBrowserDifferent": "Հոսթի և վեբ բրաուզերի ամսաթիվը տարբեր է"
+  "theDateOnHostAndBrowserDifferent": "Հոսթի և վեբ բրաուզերի ամսաթիվը տարբեր է",
+  "selectMigrationType": "Ընտրեք միգրացիայի տեսակը",
+  "selectMigrationTypeDesc": "Փոխեք վիրտուալ մեքենաների հաշվողական ռեսուրսը, պահեստը կամ երկուսն էլ:",
+  "selectComputeResourceDesc": "Ընտրեք կլաստեր, հոսթ, vApp կամ ռեսուրսային լողավազան՝ վիրտուալ մեքենաները գործարկելու համար:",
+  "selectNetworks": "Ընտրեք Ցանցեր",
+  "selectNetworksDesc": "Ընտրեք նպատակակետ ցանցեր վիրտուալ մեքենայի միգրացիայի համար:",
+  "selectStorageDesc": "Ընտրեք նպատակակետ պահեստը վիրտուալ մեքենայի միգրացիայի համար:",
+  "selectVMotionPriority": "Ընտրեք vMotion առաջնահերթությունը",
+  "selectVMotionPriorityDesc": "Պաշտպանեք ձեր գործող վիրտուալ մեքենաների աշխատանքը՝ առաջնահերթություն տալով պրոցեսորի ռեսուրսների բաշխմանը:",
+  "selectTargetVCenterSer": "Ընտրեք թիրախային vCenter Ser-ը",
+  "changeComputeResourceOnlyDesc": "Տեղափոխեք վիրտուալ մեքենաները մեկ այլ հոսթ կամ կլաստեր:",
+  "changeStorageOnlyDesc": "Տեղափոխեք վիրտուալ մեքենաների պահեստը համատեղելի տվյալների պահեստ կամ տվյալների պահեստի կլաստեր:",
+  "changeBothComputeResourceStorageDesc": "Տեղափոխեք վիրտուալ մեքենաները կոնկրետ հոսթ կամ կլաստեր, և դրանց պահեստավորումը դեպի հատուկ տվյալների պահեստ կամ տվյալների պահեստի կլաստեր:",
+  "crossVCenterServerExport": "Cross vCenter Server-ի արտահանում",
+  "crossVCenterServerExportDesc": "Տեղափոխեք վիրտուալ մեքենաները դեպի vCenter սերվեր, որը կապված չէ ներկայիս SSO տիրույթին:",
+  "batchConfigure": "Խմբաքանակի կազմաձևում",
+  "configurePerDisk": "Կարգավորել մեկ սկավառակի համար"
 }

package/assets/localization/local_kk.json

@@ -2080,5 +2080,21 @@
   "browserOutDateDesc": "Бұл {0} баяу жұмыс істеуіне немесе қателіктерге әкелуі мүмкін. Браузерді жаңартыңыз немесе келесілердің бірін орнатыңыз:",
   "browserOutDateDesc2": "Сіз сондай-ақ пайдалана аласыз",
   "browserOutDateDesc3": "веб-сайттың мобильді нұсқасы",
-  "theDateOnHostAndBrowserDifferent": "Хосттағы және веб-шолғыштағы күн әртүрлі"
+  "theDateOnHostAndBrowserDifferent": "Хосттағы және веб-шолғыштағы күн әртүрлі",
+  "selectMigrationType": "Тасымалдау түрін таңдаңыз",
+  "selectMigrationTypeDesc": "Виртуалды машиналардың есептеу ресурсын, жадын немесе екеуін де өзгертіңіз.",
+  "selectComputeResourceDesc": "Виртуалды машиналарды іске қосу үшін кластерді, хостты, vApp немесе ресурс пулын таңдаңыз.",
+  "selectNetworks": "Желілерді таңдаңыз",
+  "selectNetworksDesc": "Виртуалды машинаны тасымалдау үшін тағайындалған желілерді таңдаңыз.",
+  "selectStorageDesc": "Виртуалды машинаны тасымалдау үшін тағайындалған сақтау орнын таңдаңыз.",
+  "selectVMotionPriority": "vMotion басымдылығын таңдаңыз",
+  "selectVMotionPriorityDesc": "CPU ресурстарын бөлуге басымдық беру арқылы іске қосылған виртуалды машиналарыңыздың өнімділігін қорғаңыз.",
+  "selectTargetVCenterSer": "Мақсатты vCenter серверін таңдаңыз",
+  "changeComputeResourceOnlyDesc": "Виртуалды машиналарды басқа хостқа немесе кластерге көшіріңіз.",
+  "changeStorageOnlyDesc": "Виртуалды машиналар қоймасын үйлесімді деректер қоймасына немесе деректер қоймасының кластеріне көшіріңіз.",
+  "changeBothComputeResourceStorageDesc": "Виртуалды машиналарды белгілі бір хостқа немесе кластерге және оларды сақтауды белгілі бір деректер қоймасына немесе деректер қоймасының кластеріне көшіріңіз.",
+  "crossVCenterServerExport": "vCenter сервері арқылы экспорттау",
+  "crossVCenterServerExportDesc": "Виртуалды машиналарды ағымдағы SSO доменімен байланыспаған vCenter серверіне тасымалдаңыз.",
+  "batchConfigure": "Пакеттік конфигурация",
+  "configurePerDisk": "Әр дискіні конфигурациялау"
 }

package/assets/localization/local_ru.json

@@ -2080,5 +2080,21 @@
   "browserOutDateDesc": "Это может привести к медленной работе {0} или возникновению ошибок. Обновите свой браузер или установите одно из следующих:",
   "browserOutDateDesc2": "Вы также можете использовать",
   "browserOutDateDesc3": "мобильная версия веб-сайта",
-  "theDateOnHostAndBrowserDifferent": "Дата на хосте и в веб-браузере различается"
+  "theDateOnHostAndBrowserDifferent": "Дата на хосте и в веб-браузере различается",
+  "selectMigrationType": "Выберите тип миграции",
+  "selectMigrationTypeDesc": "Измените вычислительный ресурс, хранилище или и то, и другое виртуальных машин.",
+  "selectComputeResourceDesc": "Выберите кластер, хост, vApp или пул ресурсов для запуска виртуальных машин.",
+  "selectNetworks": "Выберите сети",
+  "selectNetworksDesc": "Выберите целевые сети для миграции виртуальной машины.",
+  "selectStorageDesc": "Выберите целевое хранилище для миграции виртуальной машины.",
+  "selectVMotionPriority": "Выберите приоритет vMotion",
+  "selectVMotionPriorityDesc": "Защитите производительность работающих виртуальных машин, расставив приоритеты при выделении ресурсов ЦП.",
+  "selectTargetVCenterSer": "Выберите целевой vCenter Ser",
+  "changeComputeResourceOnlyDesc": "Перенесите виртуальные машины на другой хост или кластер.",
+  "changeStorageOnlyDesc": "Перенесите хранилище виртуальных машин в совместимое хранилище данных или кластер хранилища данных.",
+  "changeBothComputeResourceStorageDesc": "Перенесите виртуальные машины на определенный хост или кластер, а их хранилище — в определенное хранилище данных или кластер хранилищ данных.",
+  "crossVCenterServerExport": "Межсерверный экспорт vCenter",
+  "crossVCenterServerExportDesc": "Перенесите виртуальные машины на сервер vCenter, не связанный с текущим доменом единого входа.",
+  "batchConfigure": "Пакетная настройка",
+  "configurePerDisk": "Настройка для каждого диска"
 }

package/assets/localization/local_zh.json

@@ -2080,5 +2080,21 @@
   "browserOutDateDesc": "这可能会导致 {0} 运行缓慢或出现错误。 更新您的浏览器或安装以下其中一项：",
   "browserOutDateDesc2": "您还可以使用",
   "browserOutDateDesc3": "网站的移动版本",
-  "theDateOnHostAndBrowserDifferent": "主机上的日期和网络浏览器中的日期不同"
+  "theDateOnHostAndBrowserDifferent": "主机上的日期和网络浏览器中的日期不同",
+  "selectMigrationType": "选择迁移类型",
+  "selectMigrationTypeDesc": "更改虚拟机的计算资源、存储或两者。",
+  "selectComputeResourceDesc": "选择集群、主机、vApp 或资源池来运行虚拟机。",
+  "selectNetworks": "选择网络",
+  "selectNetworksDesc": "选择虚拟机迁移的目标网络。",
+  "selectStorageDesc": "选择虚拟机迁移的目标存储。",
+  "selectVMotionPriority": "选择 vMotion 优先级",
+  "selectVMotionPriorityDesc": "通过优先分配 CPU 资源来保护正在运行的虚拟机的性能。",
+  "selectTargetVCenterSer": "选择目标 vCenter Server",
+  "changeComputeResourceOnlyDesc": "将虚拟机迁移到另一台主机或群集。",
+  "changeStorageOnlyDesc": "将虚拟机的存储迁移到兼容的数据存储或数据存储群集。",
+  "changeBothComputeResourceStorageDesc": "将虚拟机迁移到特定主机或集群，并将其存储迁移到特定数据存储或数据存储集群。",
+  "crossVCenterServerExport": "跨 vCenter Server 导出",
+  "crossVCenterServerExportDesc": "将虚拟机迁移到未链接到当前 SSO 域的 vCenter Server。",
+  "batchConfigure": "批量配置",
+  "configurePerDisk": "配置每个磁盘"
 }

package/components/atoms/alert/Alert.vue

@@ -43,7 +43,7 @@ const emits = defineEmits<{
 const removeAlert = (): void => {
   emits('remove')
 }
-const iconName = computed(() => UI_E_IconsByStatus[props.status])
+const iconName = computed<string>(() => UI_E_IconsByStatus[props.status])
 </script>
 
 <style scoped lang="scss">

package/components/atoms/alert/Notification.vue

@@ -41,12 +41,12 @@ import { UI_T_Status } from '~/components/atoms/alert/models/types'
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     status: UI_T_Status
     id: number
     show: boolean
     title: string
     description: string
+    testId?: string
   }>(),
   { testId: 'ui-notification' }
 )
@@ -55,7 +55,7 @@ const emits = defineEmits<{
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-const hide = () => {
+const hide = (): void => {
   isActive.value = false
 
   setTimeout(() => {

package/components/atoms/alert/models/interfaces.ts

@@ -6,12 +6,12 @@ interface UI_I_NotificationMessageItem {
 }
 
 export interface UI_I_NotificationMessage {
+  status: UI_T_Status
+  messages: UI_I_NotificationMessageItem[]
+  headline: string
   id?: number
   isShow?: boolean
-  headline: string
   timeout?: number
-  status: UI_T_Status
-  messages: UI_I_NotificationMessageItem[]
 }
 
 export interface UI_I_NotificationHide {

package/components/atoms/autocomplete/Autocomplete.vue

@@ -48,10 +48,10 @@
 <script setup lang="ts">
 const props = withDefaults(
   defineProps<{
-    testId?: string
     placeholder: string
     items: string[]
     loading: boolean
+    testId?: string
     ms?: number
   }>(),
   {
@@ -134,15 +134,15 @@ const prevTabItem = (): void => {
 
 watch(
   () => props.items,
-  (value) => {
-    if (value.length) {
+  (newValue) => {
+    if (newValue.length) {
       isHide.value = false
     }
   }
 )
 window.addEventListener('keydown', onKeyDown, true)
-watch(isHide, (value) => {
-  if (!value) {
+watch(isHide, (newValue) => {
+  if (!newValue) {
     window.addEventListener('keydown', onKeyDown, true)
   } else {
     window.removeEventListener('keydown', onKeyDown, true)

package/components/atoms/collapse/CollapseNav.vue

@@ -113,10 +113,10 @@ const hideMenu = (force?: boolean): void => {
   open.value = false
 }
 
-const windowClick = () => {
+const windowClick = (): void => {
   hideMenu()
 }
-const windowResize = () => {
+const windowResize = (): void => {
   hideMenu(true)
 }
 onMounted(() => {

package/components/atoms/collapse/CollapseNavItem.vue

@@ -58,8 +58,8 @@ import { UI_I_CollapseNavItem } from '~/components/atoms/collapse/models/interfa
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     item: UI_I_CollapseNavItem
+    testId?: string
     value?: number | string
     isLink?: boolean
     btnClass?: string

package/components/atoms/combobox/Combobox.vue

@@ -92,9 +92,9 @@ const clear = (): void => {
   emits('update:model-value', '')
 }
 
-const isOpen = ref(false)
+const isOpen = ref<boolean>(false)
 
-const onFocusInput = (event: Event) => {
+const onFocusInput = (event: Event): void => {
   const target = event.target as HTMLElement
   target && target.nextSibling && target.nextSibling.focus()
 }

package/components/atoms/datepicker/Datepicker.vue

@@ -162,15 +162,15 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     modelValue: number
     lang: string
+    testId?: string
   }>(),
   { testId: 'ui-datepicker' }
 )
 const emits = defineEmits<{
-  (event: 'update:model-value', num: number): void
-  (event: 'update', num: number): void
+  (event: 'update:model-value', value: number): void
+  (event: 'update', value: number): void
 }>()
 
 const interfaceLang = computed<string>(() => props.lang)
@@ -206,7 +206,7 @@ const weekdays = computed<string[]>(() => {
   return getWeekdaysFunc(localization.value, language)
 })
 
-const renderCalendar = () => {
+const renderCalendar = (): void => {
   checkingDate.value.setDate(1)
   days.value = []
 
@@ -397,8 +397,8 @@ onUnmounted(() => {
   window.removeEventListener('scroll', windowClick)
 })
 
-watch(isShowCalendar, (value) => {
-  if (value) {
+watch(isShowCalendar, (newValue) => {
+  if (newValue) {
     checkingDate.value.setMonth(new Date(props.modelValue).getMonth())
     checkingDate.value.setFullYear(new Date(props.modelValue).getFullYear())
     renderCalendar()

package/components/atoms/dropdown/Portlet.vue

@@ -28,14 +28,14 @@ const props = defineProps<{
   disabled?: boolean
 }>()
 
-const isOpen = ref(false)
+const isOpen = ref<boolean>(false)
 
 const portletCollapsed = computed<boolean>(() => {
   if (props.disabled) { return true }
   return isOpen.value
 })
 
-const togglePortlet = () => (isOpen.value = !isOpen.value)
+const togglePortlet = (): boolean => (isOpen.value = !isOpen.value)
 </script>
 
 <style scoped lang="scss">

package/components/atoms/dropdown/dropdown/Dropdown.vue

@@ -43,9 +43,9 @@ import { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/models/inter
 const emits = defineEmits(['select'])
 const props = withDefaults(
   defineProps<{
+    dropMenu: UI_I_DropMenu<string>[]
     testId?: string
     title?: string
-    dropMenu: UI_I_DropMenu<string>[]
   }>(),
   { testId: 'ui-dropdown' }
 )

package/components/atoms/dropdown/tree/Tree.vue

@@ -33,9 +33,9 @@ import {
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     items: UI_I_DropdownTreeItem[]
     title: string
+    testId?: string
   }>(),
   { testId: 'ui-dropdown-tree' }
 )
@@ -45,7 +45,7 @@ const select = (item: UI_I_DropdownTreeItemChild): void => {
   emits('select', item)
 }
 
-const open = ref(false)
+const open = ref<boolean>(false)
 const toggle = (): void => {
   open.value = !open.value
   if (open.value) {

package/components/atoms/list/SelectList.vue

@@ -24,9 +24,9 @@ import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     items: UI_I_OptionItem[]
     modelValue: string
+    testId?: string
   }>(),
   { testId: 'ui-select-list' }
 )

package/components/atoms/list/dragDropList/DragDropList.vue

@@ -34,7 +34,7 @@ const props = defineProps<{
   grabItemKey: string
 }>()
 const emits = defineEmits<{
-  ( event: 'drop', obj: UI_I_DropEvent ): void
+  ( event: 'drop', value: UI_I_DropEvent ): void
 }>()
 
 const presentItems = computed(() => props.items)
@@ -42,28 +42,28 @@ const presentItems = computed(() => props.items)
 const dragDropItemGrab = computed(() => grabItem.value?.[props.grabItemKey])
 let dragDropItemGrabElem: HTMLElement
 
-const hoveredItemPosition = ref(-1)
+const hoveredItemPosition = ref<number>(-1)
 const isGrab = ref<boolean>(false)
 const grabItem = ref(null)
-const grab = (item: any, e: Event): void => {
+const grab = (item: any, event: Event): void => {
   isGrab.value = true
   grabItem.value = item
 
-  setDragDropItemGrabElemPosition(e)
+  setDragDropItemGrabElemPosition(event)
 }
 
-let setDragDropItemGrabElemPosition = (e: any): void => {
+let setDragDropItemGrabElemPosition = (event: any): void => {
   if (!dragDropItemGrabElem) return
 
-  dragDropItemGrabElem.style.top = `${e.clientY + 2}px`
-  dragDropItemGrabElem.style.left = `${e.clientX + 2}px`
+  dragDropItemGrabElem.style.top = `${event.clientY + 2}px`
+  dragDropItemGrabElem.style.left = `${event.clientX + 2}px`
 }
 setDragDropItemGrabElemPosition = useThrottle(setDragDropItemGrabElemPosition)
 
-const windowMousemove = (e: Event): void => {
+const windowMousemove = (event: Event): void => {
   if (!isGrab.value) { return }
 
-  setDragDropItemGrabElemPosition(e)
+  setDragDropItemGrabElemPosition(event)
 }
 const windowMouseup = (): void => {
   if (!isGrab.value) { return }

package/components/atoms/loader/BarLoader.vue

@@ -2,14 +2,20 @@
   <div class="loader"></div>
 </template>
 
-<script setup>
-</script>
+<script setup></script>
 
 <style scoped lang="scss">
 .loader {
   width: 100%;
   height: 100%;
-  background: repeating-linear-gradient(-45deg, rgba(1, 157, 255, 0.5) 1.88% 6%, rgba(179, 217, 243, 0.5) 0 5%, rgba(179, 217, 243, 0.5) 5% 10%, rgba(1, 157, 255, 0.5) 5% 10%) left/400% 100%;
+  background: repeating-linear-gradient(
+      -45deg,
+      rgba(1, 157, 255, 0.5) 1.88% 6%,
+      rgba(179, 217, 243, 0.5) 0 5%,
+      rgba(179, 217, 243, 0.5) 5% 10%,
+      rgba(1, 157, 255, 0.5) 5% 10%
+    )
+    left/400% 100%;
   animation: i3 10s infinite linear;
 }
 

package/components/atoms/loader/PreLoader.vue

@@ -1,16 +1,17 @@
 <template>
   <div id="loading-container" :hidden="!props.show">
-    <div class="spinner spinner-inverse">
-      {{ localization.loading }}...
-    </div>
+    <div class="spinner spinner-inverse">{{ localization.loading }}...</div>
   </div>
 </template>
 
 <script setup lang="ts">
-const localization = computed(() => useLocal())
+import { UI_I_Localization } from '~/models/interfaces'
+
 const props = defineProps<{
   show: boolean
 }>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
 </script>
 
 <style scoped lang="scss">

package/components/atoms/modal/Modal.vue

@@ -75,6 +75,8 @@
 </template>
 
 <script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
 const props = withDefaults(
   defineProps<{
     show: boolean
@@ -106,7 +108,8 @@ const emits = defineEmits<{
   (event: 'submit'): void
   (event: 'hide'): void
 }>()
-const localization = computed(() => useLocal())
+
+const localization = computed<UI_I_Localization>(() => useLocal())
 const hide = (): void => {
   emits('hide')
 }

package/components/atoms/modal/bySteps/BySteps.vue

@@ -7,10 +7,10 @@
             {{ props.title }}
           </h1>
           <atoms-step-vertical-step
-            :test-id="props.testId"
-            :items="props.stepItems"
-            :step-position="props.stepPosition"
-            @change="changeStep"
+              :test-id="props.testId"
+              :items="props.stepItems"
+              :step-position="props.stepPosition"
+              @change="changeStep"
           />
         </nav>
         <div class="modal-content">
@@ -23,51 +23,51 @@
               </div>
             </slot>
             <button
-              :id="`${props.testId}-close-icon`"
-              class="close"
-              @click="hide"
+                :id="`${props.testId}-close-icon`"
+                class="close"
+                @click="hide"
             >
               <atoms-the-icon class="close-icon" name="close" />
             </button>
           </div>
           <div class="modal-body">
             <slot
-              name="modalBody"
-              :title="heading"
-              :description="stepDescription"
+                name="modalBody"
+                :title="heading"
+                :description="stepDescription"
             />
           </div>
           <div class="modal-footer">
             <slot name="modalFooter">
               <button
-                :id="`${props.testId}-cancel-button`"
-                class="btn btn-link"
-                @click="hide"
+                  :id="`${props.testId}-cancel-button`"
+                  class="btn btn-link"
+                  @click="hide"
               >
                 {{ localization.cancel }}
               </button>
               <button
-                v-show="props.stepPosition > 0"
-                :id="`${props.testId}-back-button`"
-                class="btn btn-outline"
-                @click="back"
+                  v-show="props.stepPosition > 0"
+                  :id="`${props.testId}-back-button`"
+                  class="btn btn-outline"
+                  @click="back"
               >
                 {{ localization.back }}
               </button>
               <button
-                v-if="props.stepPosition === props.stepItems.length - 1"
-                :id="`${props.testId}-finish-button`"
-                class="btn btn-success"
-                @click="finish"
+                  v-if="props.stepPosition === props.stepItems.length - 1"
+                  :id="`${props.testId}-finish-button`"
+                  class="btn btn-success"
+                  @click="finish"
               >
                 {{ localization.finish }}
               </button>
               <button
-                v-else
-                :id="`${props.testId}-next-button`"
-                :disabled="props.disabledNext"
-                class="btn btn-primary"
-                @click="next"
+                  v-else
+                  :id="`${props.testId}-next-button`"
+                  :disabled="props.disabledNext"
+                  class="btn btn-primary"
+                  @click="next"
               >
                 {{ localization.next }}
               </button>
@@ -88,20 +88,20 @@
 import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
 
 const props = withDefaults(
-  defineProps<{
-    show: boolean
-    title: string
-    stepItems: UI_I_VerticalStepItem[]
-    stepPosition: number
-    secondTitle?: string
-    testId?: string
-    loading?: boolean
-    disabledNext?: boolean
-  }>(),
-  {
-    testId: 'ui-modal-by-steps',
-    disabledNext: false,
-  }
+    defineProps<{
+      show: boolean
+      title: string
+      stepItems: UI_I_VerticalStepItem[]
+      stepPosition: number
+      secondTitle?: string
+      testId?: string
+      loading?: boolean
+      disabledNext?: boolean
+    }>(),
+    {
+      testId: 'ui-modal-by-steps',
+      disabledNext: false,
+    }
 )
 const emits = defineEmits<{
   (event: 'finish'): void
@@ -133,18 +133,18 @@ const changeStep = (key: number): void => {
 }
 
 watch(
-  () => props.stepPosition,
-  (value) => {
-    const { stepItems, secondTitle } = props
-    if (secondTitle) {
-      heading.value = secondTitle
-      return
-    }
+    () => props.stepPosition,
+    (value) => {
+      const { stepItems, secondTitle } = props
+      if (secondTitle) {
+        heading.value = secondTitle
+        return
+      }
 
-    heading.value = stepItems[value].text
-    stepDescription.value = stepItems[value]?.description || ''
-  },
-  { immediate: true }
+      heading.value = stepItems[value].text
+      stepDescription.value = stepItems[value]?.description || ''
+    },
+    { immediate: true }
 )
 </script>
 

package/components/atoms/modal/byStepsSecond/ByStepsSecond.vue

@@ -64,15 +64,16 @@
 </template>
 
 <script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
 import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     show: boolean
     title: string
     stepItems: UI_I_VerticalStepItem
     stepPosition: number
+    testId?: string
   }>(),
   { testId: 'ui-modal-by-steps' }
 )
@@ -81,10 +82,10 @@ const emits = defineEmits<{
   (event: 'next'): void
   (event: 'back'): void
   (event: 'hide'): void
-  (event: 'change-step', num: number): void
+  (event: 'change-step', value: number): void
 }>()
 
-const localization = computed(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 const hide = (): void => emits('hide')
 
 const finish = (): void => {

package/components/atoms/nav/NavBar.vue

@@ -37,8 +37,8 @@ const props = withDefaults(
   { testId: 'ui-nav-bar' }
 )
 const emits = defineEmits<{
-  (event: 'update:model-value', num: number): void
-  (event: 'change', num: number): void
+  (event: 'update:model-value', value: number): void
+  (event: 'change', value: number): void
 }>()
 
 const change = (value: number): void => {
@@ -46,7 +46,7 @@ const change = (value: number): void => {
   emits('change', value)
 }
 
-const visibleCount = ref(props.items.length)
+const visibleCount = ref<number>(props.items.length)
 const collapsedItems = computed<UI_I_CollapseNavItem[]>(() => {
   return props.items.filter((_, index) => {
     return index >= visibleCount.value

package/components/atoms/nav/VerticalNavBar.vue

@@ -23,8 +23,8 @@ import { UI_I_NavItem } from '~/components/atoms/nav/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
-    testId?: string
     items: UI_I_NavItem[]
+    testId?: string
   }>(),
   { testId: 'ui-vertical-nav-bar' }
 )

package/components/atoms/notificationBar/NotificationBar.vue

@@ -1,10 +1,7 @@
 <template>
   <div class="notification-bar">
     <div class="alerts" :style="{ 'background-color': color }">
-      <div
-        v-if="props.items.length > 1"
-        class="alerts-pager ng-star-inserted"
-      >
+      <div v-if="props.items.length > 1" class="alerts-pager ng-star-inserted">
         <div class="alerts-pager-control page-control">
           <div class="alerts-page-down">
             <button
@@ -125,20 +122,18 @@ const actionText = computed<string>(
   () => currentNotification.value?.action || ''
 )
 
-const message = computed<string>(
-  () => currentNotification.value?.message || ''
-)
+const message = computed<string>(() => currentNotification.value?.message || '')
 const isShowAction = computed<boolean>(
   () => !!currentNotification.value?.action
 )
 
-const iconName = computed<string>(
-  () => currentNotification.value ? UI_E_IconsByStatus[currentNotification.value.status] : ''
+const iconName = computed<string>(() =>
+  currentNotification.value
+    ? UI_E_IconsByStatus[currentNotification.value.status]
+    : ''
 )
 
-const color = computed<string>(
-  () => UI_E_ColorsPageControl[status.value]
-)
+const color = computed<string>(() => UI_E_ColorsPageControl[status.value])
 </script>
 
 <style lang="scss" scoped>

package/components/atoms/perPage/PerPage.vue

@@ -38,14 +38,14 @@ const props = withDefaults(
   }
 )
 const emits = defineEmits<{
-  (event: 'change', num: number): void
+  (event: 'change', value: number): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 const selectLabel = computed<string>(() => localization.value[props.label])
 
-const change = (e: InputEvent): void => {
-  emits('change', +(e.target as HTMLInputElement).value)
+const change = (event: InputEvent): void => {
+  emits('change', +(event.target as HTMLInputElement).value)
 }
 </script>
 

package/components/atoms/popup/SimplePopup.vue

@@ -31,7 +31,7 @@ const props = withDefaults(
   { testId: 'ui-simple-popup' }
 )
 const emits = defineEmits<{
-  (event: 'update:model-value', status: boolean): void
+  (event: 'update:model-value', value: boolean): void
 }>()
 const hide = (): void => {
   emits('update:model-value', false)
@@ -39,8 +39,8 @@ const hide = (): void => {
 
 watch(
   () => props.modelValue,
-  (val) => {
-    if (val) {
+  (newValue) => {
+    if (newValue) {
       setTimeout(() => {
         window.addEventListener('click', hide)
       }, 0)

package/components/atoms/select/TheSelect.vue

@@ -43,11 +43,11 @@ const props = withDefaults(
 )
 
 const emits = defineEmits<{
-  (event: 'update:model-value', num: string | number): void
+  (event: 'update:model-value', value: string | number): void
 }>()
 
-const open = ref(false)
-const hover = ref(false)
+const open = ref<boolean>(false)
+const hover = ref<boolean>(false)
 const selectMenuStyles = ref({})
 
 const selectedItem = computed<UI_I_Option | undefined>(() => {
@@ -83,10 +83,10 @@ const hideMenu = (force?: boolean): void => {
   open.value = false
 }
 
-const windowClick = () => {
+const windowClick = (): void => {
   hideMenu()
 }
-const windowScroll = () => {
+const windowScroll = (): void => {
   hideMenu()
 }
 onMounted(() => {

package/components/atoms/stack/StackBlock.vue

@@ -61,7 +61,7 @@ const emits = defineEmits<{
   (event: 'roll-back'): void
 }>()
 
-const open = ref(props.openByDefault || false)
+const open = ref<boolean>(props.openByDefault || false)
 const toggle = (): void => {
   open.value = !open.value
   emits('toggle', open.value)

package/components/atoms/stack/StackContent.vue

@@ -10,12 +10,15 @@
 </template>
 
 <script setup lang="ts">
-const props = withDefaults(defineProps<{
-  value: number | string
-  state: 'normal' | 'warning' | 'danger'
-}>(), {
-  value: 0,
-})
+const props = withDefaults(
+  defineProps<{
+    value: number | string
+    state: 'normal' | 'warning' | 'danger'
+  }>(),
+  {
+    value: 0,
+  }
+)
 </script>
 
 <style scoped lang="scss">

package/components/atoms/step/VerticalStep.vue

@@ -45,10 +45,10 @@ const props = withDefaults(
   { testId: 'ui-vertical-step' }
 )
 const emits = defineEmits<{
-  (event: 'change', num: number): void
+  (event: 'change', value: number): void
 }>()
 
-const changeStep = (key: number) => {
+const changeStep = (key: number): void => {
   emits('change', key)
 }
 </script>

package/components/atoms/table/dataGrid/DataGridColumnSwitch.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_HTMLSelectElement } from '~/models/interfaces'
+import { UI_I_HTMLSelectElement, UI_I_Localization } from '~/models/interfaces'
 import { UI_I_ColumnKey } from '~/components/atoms/table/dataGrid/models/interfaces'
 
 const props = withDefaults(
@@ -70,9 +70,9 @@ const columnKeysPresent = computed<UI_I_ColumnKey[]>(() => {
   })
 })
 
-const localization = computed(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 
-const columnSwitchId = ref('')
+const columnSwitchId = ref<string>('')
 
 const isLast = computed<boolean>(
   () => props.columnKeys.filter((columnKey) => columnKey.show).length === 1
@@ -97,7 +97,7 @@ const selectAll = (): void => {
   emits('update:column-keys', newColumnKeys)
 }
 
-const windowClick = () => {
+const windowClick = (): void => {
   hide()
 }
 onMounted(() => {
@@ -109,7 +109,7 @@ onUnmounted(() => {
   window.removeEventListener('click', windowClick)
 })
 
-const open = ref(false)
+const open = ref<boolean>(false)
 const hide = (): void => {
   open.value = false
 }

package/components/atoms/table/dataGrid/DataGridPage.vue

@@ -68,6 +68,7 @@
 
 <script setup lang="ts">
 import { UI_I_HTMLSelectElement } from '~/models/interfaces'
+
 const props = withDefaults(
   defineProps<{
     page: number
@@ -78,12 +79,13 @@ const props = withDefaults(
   }>(),
   { testId: 'ui-data-grid-page' }
 )
+
 const emits = defineEmits<{
-  (event: 'change', num: number): void
+  (event: 'change', value: number): void
 }>()
 
-const currentPage = ref(1)
-const currentPageLazy = ref(1)
+const currentPage = ref<number>(1)
+const currentPageLazy = ref<number>(1)
 const changePageAndLazy = (page: number): void => {
   currentPage.value = currentPageLazy.value = page
   emits('change', page)
@@ -98,8 +100,8 @@ const changePageAndLazy = (page: number): void => {
 // })
 watch(
   () => props.page,
-  (val) => {
-    changePageAndLazy(Math.min(props.totalPages, val))
+  (newValue) => {
+    changePageAndLazy(Math.min(props.totalPages, newValue))
   },
   { immediate: true }
 )

package/components/atoms/table/simpleEvent/SimpleEvent.vue

@@ -33,11 +33,11 @@ const props = defineProps<{
   bodyItems: UI_I_TableBodyItem[][]
 }>()
 
-const presentBodyItems = ref([])
+const presentBodyItems = ref<UI_I_TableBodyItem[][]>([])
 watch(
   () => props.bodyItems,
-  (val) => {
-    presentBodyItems.value = useDeepCopy(val)
+  (newValue) => {
+    presentBodyItems.value = useDeepCopy(newValue)
   },
   { immediate: true, deep: true }
 )

package/components/atoms/table/simpleTable/SimpleTable.vue

@@ -59,6 +59,7 @@
 </template>
 
 <script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
 import type {
   UI_I_TableHeadItem,
   UI_I_TableBodyItem,
@@ -66,9 +67,9 @@ import type {
 
 const props = withDefaults(
   defineProps<{
-    editable?: boolean
     headItems: UI_I_TableHeadItem
     bodyItems: UI_I_TableBodyItem[][]
+    editable?: boolean
     testId?: string
   }>(),
   { testId: 'ui-simple-table' }
@@ -77,7 +78,7 @@ const emits = defineEmits<{
   (event: 'select', value1: number, value2: UI_I_TableBodyItem[]): void
   (event: 'change', value: UI_I_TableBodyItem[][]): void
 }>()
-const localization = computed(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 let sorting = ref<[number, boolean]>([0, true])
 const sortByIndex = (index: number): void => {
@@ -156,9 +157,10 @@ const resetEditStatus = (): void => {
     })
   })
 }
-watch(presentBodyItems, (val) => {
+watch(presentBodyItems, (newValue) => {
   if (pauseChangeEmit) return
-  emits('change', val)
+
+  emits('change', newValue)
 })
 </script>
 

package/components/atoms/tabs/Tabs.vue

@@ -60,7 +60,7 @@ const detectButtonRemainderCount = computed<number>(() => {
   return props.items.length - collapsedItems.value.length - 1
 })
 
-const visibleCount = ref(props.items.length)
+const visibleCount = ref<number>(props.items.length)
 const collapsedItems = computed<UI_I_CollapseNavItem[]>(() => {
   return props.items
     .filter((_, index) => {
@@ -127,16 +127,16 @@ const outputSize = (): void => {
   }
 }
 
-const id = ref(`tabs-${useUniqueId()}`)
+const id = ref<string>(`tabs-${useUniqueId()}`)
 const setResizeObserve = (): void => {
-  const el = document.getElementById(id.value)
+  const element = document.getElementById(id.value)
 
-  if (!el) {
+  if (!element) {
     setTimeout(setResizeObserve, 0)
     return
   }
 
-  new ResizeObserver(outputSize).observe(el)
+  new ResizeObserver(outputSize).observe(element)
 }
 onMounted(() => {
   setResizeObserve()

package/components/atoms/tooltip/Signpost.vue

@@ -44,9 +44,10 @@ const hide = (): void => {
 const signpostStyles = ref<UI_I_ElPosition | null>(null)
 watch(
   () => props.elemId,
-  (id: string) => {
-    const elem = (document.getElementById(id) as HTMLDivElement) || null
-    const { width, x, y } = elem.getBoundingClientRect()
+  (newValue: string) => {
+    const element =
+      (document.getElementById(newValue) as HTMLDivElement) || null
+    const { width, x, y } = element.getBoundingClientRect()
 
     signpostStyles.value = {
       top: `${y}px`,
@@ -85,7 +86,7 @@ const setSignpostPosition = (): void => {
   signpostClass.value.push('show')
 }
 
-const hovered = ref(false)
+const hovered = ref<boolean>(false)
 const windowClick = (): void => {
   hide()
 }

package/components/atoms/tooltip/Text.vue

@@ -17,23 +17,21 @@ const props = defineProps<{
 }>()
 
 const hoverClass = ref<boolean>(false)
-
 </script>
 <style lang="scss">
-
 .tooltip {
-    position: relative;
-    display: inline-block;
+  position: relative;
+  display: inline-block;
 
-    & .tooltiptext {
-        text-align: center;
-        padding: 5px 2px;
-        border-radius: 2px;
-        border: 1px solid var(--global-font-color);
-        color: var(--global-font-color);
-        background-color: var(--global-bg-color);
-        position: absolute;
-        z-index: 1;
-    }
+  & .tooltiptext {
+    text-align: center;
+    padding: 5px 2px;
+    border-radius: 2px;
+    border: 1px solid var(--global-font-color);
+    color: var(--global-font-color);
+    background-color: var(--global-bg-color);
+    position: absolute;
+    z-index: 1;
+  }
 }
 </style>

package/components/common/accordion/Recursion.vue

@@ -99,8 +99,8 @@ const toggle = (): void => {
 const start = (element: any): void => {
   element.style.height = 'auto'
 }
-const end = (el: any): void => {
-  el.style.height = 0
+const end = (element: any): void => {
+  element.style.height = 0
 }
 
 const headingClass = computed<UI_I_HeadingClass>(() => {

package/package.json

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