bfg-common 1.5.748 → 1.5.750

package/assets/localization/local_be.json

@@ -3248,11 +3248,10 @@
     "deleteLastSnapshotsDescription": "Папярэджанне! Выдаленне апошняга здымка прывядзе да аўтаматычнага выключэння віртуальнай машыны.",
     "deleteAllSnapshotsDescription": "Папярэджанне! Калі ўсе здымкі віртуальнай машыны будуць выдалены, машына аўтаматычна выключыцца.",
     "revertToSelectedSnapshot": "Вярнуцца да абранага здымку",
-    "revertToSnapshotConfirmation": "Вярнуцца да пацверджання здымка",
+    "revertToSnapshot": "Вярнуцца да здымка",
     "revertToSnapshotDescription": "Вы ўпэўненыя, што хочаце вярнуць бягучы стан віртуальнай машыны да здымка “{0}”? Бягучы стан будзе страчаны, калі яго не захаваць у выглядзе здымка.",
-    "deleteSnapshot": "Выдаліць маментальны здымак",
     "deleteSnapshotDescription": "Гэта дзеянне з'яўляецца сталым і не можа быць адноўлена.",
-    "deleteSnapshotConfirmation": "Пацвярджэнне выдалення здымка",
+    "deleteSnapshot": "Выдаліць здымак",
     "deleteSnapshotConfirmationDescription": "Вы ўпэўненыя, што хочаце выдаліць здымак «0}»? Гэта дзеянне незваротнае і не можа быць адноўлена.",
     "timestamp": "Адзнака часу",
     "snapshotListEmpty": "Спіс здымкаў пусты",
@@ -3262,7 +3261,10 @@
     "snapshotDetails": "Падрабязнасці здымка",
     "snapshotVMMemory": "Зрабіць здымак памяці віртуальнай машыны",
     "quiesceGuestFileSystem": "Прыглушыць гасцявую файлавую сістэму",
-    "snapshotHasNoDescriptionYet": "Гэты здымак яшчэ не мае апісання."
+    "snapshotHasNoDescriptionYet": "Гэты здымак яшчэ не мае апісання.",
+    "takeSnapshot": "Зрабіце здымак",
+    "newSnapshot": "Новы здымак",
+    "editSnapshot": "Рэдагаваць здымак"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Правы карыстальніка esxi павінны адпавядаць ролях Administrator, крэдыт прымаюцца ад esxi і vSphere",

package/assets/localization/local_en.json

@@ -3252,11 +3252,10 @@
     "deleteLastSnapshotsDescription": "Warning: Deleting the last snapshot will cause the virtual machine to automatically shut down.",
     "deleteAllSnapshotsDescription": "Warning: Deleting all snapshots of this virtual machine will cause it to automatically shut down.",
     "revertToSelectedSnapshot": "Revert to selected snapshot",
-    "revertToSnapshotConfirmation": "Revert to Snapshot Confirmation",
+    "revertToSnapshot": "Revert to Snapshot",
     "revertToSnapshotDescription": "Are you sure you want to revert the current state of the virtual machine to snapshot “{0}”? The current state will be lost unless saved in a snapshot.",
-    "deleteSnapshot": "Delete snapshot",
     "deleteSnapshotDescription": "This action is permanent and cannot be recovered.",
-    "deleteSnapshotConfirmation": "Delete Snapshot Confirmation",
+    "deleteSnapshot": "Delete Snapshot",
     "deleteSnapshotConfirmationDescription": "Are you sure you want to delete snapshot “{0}”? This action is permanent and cannot be recovered.",
     "timestamp": "Timestamp",
     "snapshotListEmpty": "The Snapshot list is empty",
@@ -3266,7 +3265,10 @@
     "snapshotDetails": "Snapshot Details",
     "snapshotVMMemory": "Snapshot the virtual machine memory",
     "quiesceGuestFileSystem": "Quiesce Guest File System",
-    "snapshotHasNoDescriptionYet": "This snapshot has no description yet."
+    "snapshotHasNoDescriptionYet": "This snapshot has no description yet.",
+    "takeSnapshot": "Take Snapshot",
+    "newSnapshot": "New Snapshot",
+    "editSnapshot": "Edit snapshot"
   },
   "importVms": {
     "selectSourceTooltipDesc": "No Trusted infrastructure Administrator, credits are accepted from esxi and vSphere",

package/assets/localization/local_hy.json

@@ -3252,11 +3252,10 @@
     "deleteLastSnapshotsDescription": "Զգուշացում. Վերջին նկարը ջնջելու դեպքում վիրտուալ մեքենան ինքնաբերաբար կանջատվի:",
     "deleteAllSnapshotsDescription": "Զգուշացում. Երբ վիրտուալ մեքենայի բոլոր նկարները ջնջվեն, մեքենան ինքնաբերաբար կանջատվի:",
     "revertToSelectedSnapshot": "Վերադառնալ ընտրված Snap-ին",
-    "revertToSnapshotConfirmation": "Վերադառնալ լուսանկարի հաստատմանը",
+    "revertToSnapshot": "Վերադառնալ լուսանկարից",
     "revertToSnapshotDescription": "Վստա՞հ եք, որ ցանկանում եք վերադարձնել վիրտուալ մեքենայի ներկայիս վիճակը «{0}» պատկերին: Ներկայիս վիճակը կկորչի, եթե այն չպահպանվի պատկերում:",
     "deleteSnapshot": "Ջնջել նկարը",
     "deleteSnapshotDescription": "Այս գործողությունը մշտական է և չի կարող վերականգնվել:",
-    "deleteSnapshotConfirmation": "Ջնջել Snapshot-ի հաստատումը",
     "deleteSnapshotConfirmationDescription": "Վստա՞հ եք, որ ուզում եք ջնջել «{0}» լուսանկարը։ Այս գործողությունը մշտական է և չի կարող վերականգնվել։",
     "timestamp": "Ժամանակի դրոշմ",
     "snapshotListEmpty": "Snapshot ցուցակը դատարկ է",
@@ -3266,7 +3265,10 @@
     "snapshotDetails": "Պահպանումի մանրամասներ",
     "snapshotVMMemory": "Պահպանել վիրտուալ մեքենայի հիշողությունը",
     "quiesceGuestFileSystem": "Կասեցնել հյուրընկալ օպերացիոն համակարգի ֆայլային համակարգը",
-    "snapshotHasNoDescriptionYet": "Այս պահպանումը դեռևս չունի նկարագրություն։"
+    "snapshotHasNoDescriptionYet": "Այս պահպանումը դեռևս չունի նկարագրություն։",
+    "takeSnapshot": "Ակնթարթ նկար",
+    "newSnapshot": "Նոր սքրինշոթ",
+    "editSnapshot": "Խմբագրել սքրինշոթը"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Esxi օգտագործողի իրավունքները պետք է համապատասխանեն Administrator-ի դերերին, կրեդիտներն ընդունվում են esxi-ից և vSphere-ից",

package/assets/localization/local_kk.json

@@ -3251,11 +3251,10 @@
     "deleteLastSnapshotsDescription": "Ескерту! Соңғы суретті жою виртуалды машинаның автоматты түрде жабылуына әкеледі.",
     "deleteAllSnapshotsDescription": "Ескерту! Виртуалды машинаның барлық суреттері жойылғанда, құрылғы автоматты түрде өшеді.",
     "revertToSelectedSnapshot": "Таңдалған суретке оралу",
-    "revertToSnapshotConfirmation": "Суретті растау параметріне оралыңыз",
+    "revertToSnapshot": "Снимокқа қайтару",
     "revertToSnapshotDescription": "Виртуалды машинаның ағымдағы күйін \"{0}\" суретіне қайтарғыңыз келетініне сенімдісіз бе? Ағымдағы күй суретте сақталмаса, жоғалады.",
     "deleteSnapshot": "Суретті жою",
     "deleteSnapshotDescription": "Бұл әрекет тұрақты және оны қалпына келтіру мүмкін емес.",
-    "deleteSnapshotConfirmation": "Суретті растауды жою",
     "deleteSnapshotConfirmationDescription": "\"{0}\" суретін шынымен жойғыңыз келе ме? Бұл әрекет тұрақты және оны қалпына келтіру мүмкін емес.",
     "timestamp": "Уақыт белгісі",
     "snapshotListEmpty": "Суреттер тізімі бос",
@@ -3265,7 +3264,10 @@
     "snapshotDetails": "Суреттің егжей-тегжейі",
     "snapshotVMMemory": "Виртуалды машинаның жадын суретке түсіру",
     "quiesceGuestFileSystem": "Қонақ операциялық жүйенің файлдық жүйесін тыныштандыру",
-    "snapshotHasNoDescriptionYet": "Бұл суретке әлі сипаттама қосылмаған."
+    "snapshotHasNoDescriptionYet": "Бұл суретке әлі сипаттама қосылмаған.",
+    "takeSnapshot": "сурет",
+    "newSnapshot": "Жаңа снимок",
+    "editSnapshot": "Снимокты өңдеу"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Esxi пайдаланушы құқықтары әкімші рөлдеріне сәйкес келуі керек, несиелер esxi және vSphere - ден алынады",

package/assets/localization/local_ru.json

@@ -3251,11 +3251,10 @@
     "deleteLastSnapshotsDescription": "Предупреждение: Удаление последнего снимка приведёт к автоматическому завершению работы виртуальной машины.",
     "deleteAllSnapshotsDescription": "Предупреждение: Удаление всех снимков этой виртуальной машины приведёт к её автоматическому завершению работы.",
     "revertToSelectedSnapshot": "Вернуться к выбранному снимку",
-    "revertToSnapshotConfirmation": "Подтверждение возврата к снимку",
+    "revertToSnapshot": "Вернуться к снимку",
     "revertToSnapshotDescription": "Вы уверены, что хотите вернуть текущее состояние виртуальной машины к снимку «{0}»? Текущее состояние будет потеряно, если его не сохранить в отдельный снимок.",
-    "deleteSnapshot": "Удалить моментальный снимок",
     "deleteSnapshotDescription": "Это действие является постоянным и не может быть восстановлено.",
-    "deleteSnapshotConfirmation": "Подтверждение удаления снимка",
+    "deleteSnapshot": "Удалить снимок",
     "deleteSnapshotConfirmationDescription": "Вы уверены, что хотите удалить снимок “{0}”? Это действие является окончательным и не может быть восстановлено.",
     "timestamp": "Время создания",
     "snapshotListEmpty": "Список моментальных снимков пуст",
@@ -3265,7 +3264,10 @@
     "snapshotDetails": "Подробности снимка",
     "snapshotVMMemory": "Сделать снимок памяти виртуальной машины",
     "quiesceGuestFileSystem": "Заморозить файловую систему гостевой ОС",
-    "snapshotHasNoDescriptionYet": "У этого снимка пока нет описания."
+    "snapshotHasNoDescriptionYet": "У этого снимка пока нет описания.",
+    "takeSnapshot": "Сделать снимок",
+    "newSnapshot": "Новый снимок",
+    "editSnapshot": "Редактировать снимок"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Права пользователя vmware дожны соответствовать ролям Administrator, креды принимаются от esxi и vSphere",

package/assets/localization/local_zh.json

@@ -3249,11 +3249,10 @@
     "deleteLastSnapshotsDescription": "警告！删除最后一个快照将导致虚拟机自动关闭。",
     "deleteAllSnapshotsDescription": "警告！当虚拟机的所有快照被删除后，该机器将自动关闭。",
     "revertToSelectedSnapshot": "恢复到选定的快照",
-    "revertToSnapshotConfirmation": "恢复快照确认",
+    "revertToSnapshot": "恢复到快照",
     "revertToSnapshotDescription": "确定要将虚拟机的当前状态恢复到快照“{0}”吗？除非将其保存在快照中，否则当前状态将会丢失。",
-    "deleteSnapshot": "删除快照",
     "deleteSnapshotDescription": "此操作是永久性的，无法恢复。",
-    "deleteSnapshotConfirmation": "删除快照确认",
+    "deleteSnapshot": "删除快照",
     "deleteSnapshotConfirmationDescription": "确定要删除快照“{0}”吗？此操作是永久性的，无法恢复。",
     "timestamp": "时间戳",
     "snapshotListEmpty": "快照列表为空",
@@ -3263,7 +3262,10 @@
     "snapshotDetails": "快照详情",
     "snapshotVMMemory": "为虚拟机内存创建快照",
     "quiesceGuestFileSystem": "使来宾文件系统静止",
-    "snapshotHasNoDescriptionYet": "此快照尚无描述。"
+    "snapshotHasNoDescriptionYet": "此快照尚无描述。",
+    "takeSnapshot": "快照",
+    "newSnapshot": "新快照",
+    "editSnapshot": "编辑快照"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Esxi用户权限必须对应于管理员角色. esxi和vSphere接受积分",

package/components/atoms/TheIcon3.vue

@@ -1,50 +1,50 @@
-<template>
-  <template v-if="props.name === 'zabbix'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="80"
-      height="22"
-      viewBox="0 0 80 22"
-      fill="none"
-    >
-      <g clip-path="url(#clip0_2691_29714)">
-        <path d="M0 0.522461H80V21.477H0V0.522461Z" fill="#D40000" />
-        <path
-          d="M3.42089 3.71582H14.9889V5.2187L5.6782 16.625H15.2164V18.2836H3.19336V16.7807L12.504 5.37438H3.42089V3.71582ZM23.0402 5.65779L20.3378 12.9087H25.7526L23.0402 5.65779ZM21.9145 3.71582H24.1738L29.7862 18.2836H27.7145L26.3753 14.5473H19.735L18.3938 18.2836H16.2922L21.9145 3.71582ZM33.9176 11.326V16.663H37.113C38.1848 16.663 38.9791 16.4434 39.496 16.0043C40.013 15.5652 40.2704 14.8926 40.2704 13.9905C40.2704 13.0804 40.013 12.4078 39.496 11.9747C38.9791 11.5436 38.1848 11.326 37.113 11.326H33.9176ZM33.9176 5.33446V9.72535H36.8675C37.8415 9.72535 38.566 9.54373 39.043 9.18447C39.52 8.82322 39.7575 8.27237 39.7575 7.5319C39.7575 6.79743 39.518 6.24657 39.043 5.88332C38.566 5.52008 37.8415 5.33646 36.8675 5.33646H33.9176V5.33446ZM31.9257 3.71582H37.0152C38.534 3.71582 39.7056 4.02717 40.5259 4.65188C41.3482 5.27658 41.7573 6.16474 41.7573 7.31635C41.7573 8.2065 41.5478 8.91703 41.1266 9.44393C40.7055 9.97084 40.0868 10.3002 39.2725 10.4299C40.2525 10.6375 41.0129 11.0706 41.5558 11.7312C42.0986 12.3918 42.3701 13.2161 42.3701 14.2041C42.3701 15.5054 41.923 16.5093 41.0289 17.2198C40.1347 17.9283 38.8614 18.2836 37.2128 18.2836H31.9257V3.71582ZM47.5573 11.326V16.663H50.7547C51.8265 16.663 52.6208 16.4434 53.1357 16.0043C53.6527 15.5652 53.9101 14.8926 53.9101 13.9905C53.9101 13.0804 53.6527 12.4078 53.1357 11.9747C52.6188 11.5436 51.8245 11.326 50.7547 11.326H47.5573ZM47.5573 5.33446V9.72535H50.5072C51.4812 9.72535 52.2057 9.54373 52.6827 9.18447C53.1597 8.82322 53.3972 8.27237 53.3972 7.5319C53.3972 6.79743 53.1597 6.24657 52.6827 5.88332C52.2057 5.52008 51.4812 5.33646 50.5072 5.33646H47.5573V5.33446ZM45.5654 3.71582H50.6549C52.1737 3.71582 53.3453 4.02717 54.1656 4.65188C54.9879 5.27658 55.399 6.16474 55.399 7.31635C55.399 8.2065 55.1895 8.91703 54.7683 9.44393C54.3472 9.97084 53.7285 10.3002 52.9142 10.4299C53.8942 10.6375 54.6546 11.0706 55.1975 11.7312C55.7403 12.3918 56.0118 13.2161 56.0118 14.2041C56.0118 15.5054 55.5647 16.5093 54.6706 17.2198C53.7764 17.9283 52.503 18.2836 50.8545 18.2836H45.5654V3.71582ZM64.9732 3.71582H67.1646L70.6274 8.94697L74.1242 3.71582H76.2418L71.6833 10.5397L76.8086 18.2836H74.6172L70.5835 12.1882L66.51 18.2836H64.3924L69.5297 10.5955L64.9732 3.71582ZM59.2031 3.71582H61.195V18.2836H59.2031V3.71582Z"
-          fill="white"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_2691_29714">
-          <rect
-            width="80"
-            height="20.96"
-            fill="white"
-            transform="translate(0 0.519531)"
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  </template>
-  <template v-else><span></span></template>
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    name: string
-    type?: string
-    color?: string
-    width?: string
-    height?: string
-  }>(),
-  {
-    type: '',
-    color: 'currentColor',
-    width: '24',
-    height: '24',
-  }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <template v-if="props.name === 'zabbix'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="80"
+      height="22"
+      viewBox="0 0 80 22"
+      fill="none"
+    >
+      <g clip-path="url(#clip0_2691_29714)">
+        <path d="M0 0.522461H80V21.477H0V0.522461Z" fill="#D40000" />
+        <path
+          d="M3.42089 3.71582H14.9889V5.2187L5.6782 16.625H15.2164V18.2836H3.19336V16.7807L12.504 5.37438H3.42089V3.71582ZM23.0402 5.65779L20.3378 12.9087H25.7526L23.0402 5.65779ZM21.9145 3.71582H24.1738L29.7862 18.2836H27.7145L26.3753 14.5473H19.735L18.3938 18.2836H16.2922L21.9145 3.71582ZM33.9176 11.326V16.663H37.113C38.1848 16.663 38.9791 16.4434 39.496 16.0043C40.013 15.5652 40.2704 14.8926 40.2704 13.9905C40.2704 13.0804 40.013 12.4078 39.496 11.9747C38.9791 11.5436 38.1848 11.326 37.113 11.326H33.9176ZM33.9176 5.33446V9.72535H36.8675C37.8415 9.72535 38.566 9.54373 39.043 9.18447C39.52 8.82322 39.7575 8.27237 39.7575 7.5319C39.7575 6.79743 39.518 6.24657 39.043 5.88332C38.566 5.52008 37.8415 5.33646 36.8675 5.33646H33.9176V5.33446ZM31.9257 3.71582H37.0152C38.534 3.71582 39.7056 4.02717 40.5259 4.65188C41.3482 5.27658 41.7573 6.16474 41.7573 7.31635C41.7573 8.2065 41.5478 8.91703 41.1266 9.44393C40.7055 9.97084 40.0868 10.3002 39.2725 10.4299C40.2525 10.6375 41.0129 11.0706 41.5558 11.7312C42.0986 12.3918 42.3701 13.2161 42.3701 14.2041C42.3701 15.5054 41.923 16.5093 41.0289 17.2198C40.1347 17.9283 38.8614 18.2836 37.2128 18.2836H31.9257V3.71582ZM47.5573 11.326V16.663H50.7547C51.8265 16.663 52.6208 16.4434 53.1357 16.0043C53.6527 15.5652 53.9101 14.8926 53.9101 13.9905C53.9101 13.0804 53.6527 12.4078 53.1357 11.9747C52.6188 11.5436 51.8245 11.326 50.7547 11.326H47.5573ZM47.5573 5.33446V9.72535H50.5072C51.4812 9.72535 52.2057 9.54373 52.6827 9.18447C53.1597 8.82322 53.3972 8.27237 53.3972 7.5319C53.3972 6.79743 53.1597 6.24657 52.6827 5.88332C52.2057 5.52008 51.4812 5.33646 50.5072 5.33646H47.5573V5.33446ZM45.5654 3.71582H50.6549C52.1737 3.71582 53.3453 4.02717 54.1656 4.65188C54.9879 5.27658 55.399 6.16474 55.399 7.31635C55.399 8.2065 55.1895 8.91703 54.7683 9.44393C54.3472 9.97084 53.7285 10.3002 52.9142 10.4299C53.8942 10.6375 54.6546 11.0706 55.1975 11.7312C55.7403 12.3918 56.0118 13.2161 56.0118 14.2041C56.0118 15.5054 55.5647 16.5093 54.6706 17.2198C53.7764 17.9283 52.503 18.2836 50.8545 18.2836H45.5654V3.71582ZM64.9732 3.71582H67.1646L70.6274 8.94697L74.1242 3.71582H76.2418L71.6833 10.5397L76.8086 18.2836H74.6172L70.5835 12.1882L66.51 18.2836H64.3924L69.5297 10.5955L64.9732 3.71582ZM59.2031 3.71582H61.195V18.2836H59.2031V3.71582Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2691_29714">
+          <rect
+            width="80"
+            height="20.96"
+            fill="white"
+            transform="translate(0 0.519531)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  </template>
+  <template v-else><span></span></template>
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    name: string
+    type?: string
+    color?: string
+    width?: string
+    height?: string
+  }>(),
+  {
+    type: '',
+    color: 'currentColor',
+    width: '24',
+    height: '24',
+  }
+)
+</script>
+
+<style scoped lang="scss"></style>

package/components/atoms/collapse/CollapseNav.vue

@@ -1,170 +1,170 @@
-<template>
-  <div class="tabs-overflow bottom-right">
-    <button
-      :id="collapsedBtnId"
-      :class="[
-        'btn btn-link nav-link dropdown-toggle',
-        { active: collapsedBtnActive },
-      ]"
-      :data-id="`${props.testId}-toggle-button`"
-      @mouseenter="hover = true"
-      @mouseleave="hover = false"
-      @mousedown="showMenu"
-    >
-      <atoms-the-icon
-        :class="['collapse-icon', { active: open }]"
-        name="ellipsis-horizontal"
-        width="16px"
-        height="16px"
-      />
-    </button>
-
-    <Teleport to="body">
-      <ul
-        v-show="open"
-        :class="['navbar-dropdown-menu', props.popupClass]"
-        :style="dropdownMenuStyles"
-      >
-        <li
-          v-for="(item, key) in props.items"
-          :key="key"
-          v-permission="item.permission"
-          :title="item.title"
-          class="navbar-dropdown-menu-item"
-          @mousedown.stop
-        >
-          <div
-            v-if="item.separate"
-            class="navbar-dropdown-menu-separator"
-          ></div>
-          <atoms-collapse-nav-item
-            v-else
-            :is-link="props.isLink"
-            :item="item"
-            :value="value"
-            btn-class="btn"
-            @change="change"
-            @select-file="onSelectFile($event, key)"
-          />
-        </li>
-      </ul>
-    </Teleport>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    items: UI_I_CollapseNavItem[]
-    isLink?: boolean
-    value?: number | string
-    popupClass?: string
-    closeAfterClick?: boolean
-    testId?: string
-  }>(),
-  {
-    isLink: undefined,
-    value: undefined,
-    popupClass: undefined,
-    closeAfterClick: undefined,
-    testId: '',
-  }
-)
-const emits = defineEmits<{
-  (event: 'change', value: number): void
-  (event: 'select-file', value1: Event, value2: string, value3: number): void
-}>()
-
-const change = (value: number): void => {
-  emits('change', value)
-  props.closeAfterClick && (open.value = false)
-}
-const onSelectFile = (event: Event, type: string, key: number): void => {
-  emits('select-file', event, type, key)
-}
-
-const collapsedBtnId = ref<string>('')
-
-const route = useRoute()
-const collapsedBtnActive = computed<boolean>(() => {
-  if (props.isLink)
-    return props.items.some((item) => route.path.includes(item.path || ''))
-
-  return props.items.some((item) => item.value === props.value)
-})
-
-const open = ref<boolean>(false)
-const hover = ref<boolean>(false)
-const dropdownMenuStyles = ref<any>({})
-const showMenu = (): void => {
-  if (open.value) {
-    hideMenu(true)
-    return
-  }
-
-  open.value = true
-
-  const btn = document.querySelector(`#${collapsedBtnId.value}`)
-  const { top, height, right } = btn!.getBoundingClientRect()
-  dropdownMenuStyles.value = {
-    top: `${top + height}px`,
-    left: `${right}px`,
-  }
-}
-const hideMenu = (force?: boolean): void => {
-  if (hover.value && !force) return
-
-  open.value = false
-}
-
-const windowClick = (): void => {
-  hideMenu()
-}
-const windowResize = (): void => {
-  hideMenu(true)
-}
-onMounted(() => {
-  collapsedBtnId.value = `collapsed-btn${useUniqueId()}`
-  window.addEventListener('mousedown', windowClick)
-  window.addEventListener('resize', windowResize)
-})
-onUnmounted(() => {
-  window.removeEventListener('mousedown', windowClick)
-  window.removeEventListener('resize', windowResize)
-})
-</script>
-
-<style scoped lang="scss">
-.tabs-overflow {
-  position: absolute;
-  top: 0;
-  right: 24px;
-
-  .dropdown-toggle {
-    .collapse-icon {
-      fill: var(--main-color-mode);
-
-      &.active {
-        fill: #0077b8;
-      }
-    }
-  }
-}
-
-.navbar-dropdown-menu {
-  position: fixed;
-  z-index: var(--z-dropdown);
-  transform: translateX(-100%);
-  border: 1px solid var(--global-border-color);
-  border-radius: 3px;
-  margin-top: 2px;
-  background-color: var(--global-bg-color);
-  padding: 12px 0;
-}
-.navbar-dropdown-menu-separator {
-  margin: 6px 0;
-  border-bottom: 0.8px solid #e8e8e8;
-}
-</style>
+<template>
+  <div class="tabs-overflow bottom-right">
+    <button
+      :id="collapsedBtnId"
+      :class="[
+        'btn btn-link nav-link dropdown-toggle',
+        { active: collapsedBtnActive },
+      ]"
+      :data-id="`${props.testId}-toggle-button`"
+      @mouseenter="hover = true"
+      @mouseleave="hover = false"
+      @mousedown="showMenu"
+    >
+      <atoms-the-icon
+        :class="['collapse-icon', { active: open }]"
+        name="ellipsis-horizontal"
+        width="16px"
+        height="16px"
+      />
+    </button>
+
+    <Teleport to="body">
+      <ul
+        v-show="open"
+        :class="['navbar-dropdown-menu', props.popupClass]"
+        :style="dropdownMenuStyles"
+      >
+        <li
+          v-for="(item, key) in props.items"
+          :key="key"
+          v-permission="item.permission"
+          :title="item.title"
+          class="navbar-dropdown-menu-item"
+          @mousedown.stop
+        >
+          <div
+            v-if="item.separate"
+            class="navbar-dropdown-menu-separator"
+          ></div>
+          <atoms-collapse-nav-item
+            v-else
+            :is-link="props.isLink"
+            :item="item"
+            :value="value"
+            btn-class="btn"
+            @change="change"
+            @select-file="onSelectFile($event, key)"
+          />
+        </li>
+      </ul>
+    </Teleport>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    items: UI_I_CollapseNavItem[]
+    isLink?: boolean
+    value?: number | string
+    popupClass?: string
+    closeAfterClick?: boolean
+    testId?: string
+  }>(),
+  {
+    isLink: undefined,
+    value: undefined,
+    popupClass: undefined,
+    closeAfterClick: undefined,
+    testId: '',
+  }
+)
+const emits = defineEmits<{
+  (event: 'change', value: number): void
+  (event: 'select-file', value1: Event, value2: string, value3: number): void
+}>()
+
+const change = (value: number): void => {
+  emits('change', value)
+  props.closeAfterClick && (open.value = false)
+}
+const onSelectFile = (event: Event, type: string, key: number): void => {
+  emits('select-file', event, type, key)
+}
+
+const collapsedBtnId = ref<string>('')
+
+const route = useRoute()
+const collapsedBtnActive = computed<boolean>(() => {
+  if (props.isLink)
+    return props.items.some((item) => route.path.includes(item.path || ''))
+
+  return props.items.some((item) => item.value === props.value)
+})
+
+const open = ref<boolean>(false)
+const hover = ref<boolean>(false)
+const dropdownMenuStyles = ref<any>({})
+const showMenu = (): void => {
+  if (open.value) {
+    hideMenu(true)
+    return
+  }
+
+  open.value = true
+
+  const btn = document.querySelector(`#${collapsedBtnId.value}`)
+  const { top, height, right } = btn!.getBoundingClientRect()
+  dropdownMenuStyles.value = {
+    top: `${top + height}px`,
+    left: `${right}px`,
+  }
+}
+const hideMenu = (force?: boolean): void => {
+  if (hover.value && !force) return
+
+  open.value = false
+}
+
+const windowClick = (): void => {
+  hideMenu()
+}
+const windowResize = (): void => {
+  hideMenu(true)
+}
+onMounted(() => {
+  collapsedBtnId.value = `collapsed-btn${useUniqueId()}`
+  window.addEventListener('mousedown', windowClick)
+  window.addEventListener('resize', windowResize)
+})
+onUnmounted(() => {
+  window.removeEventListener('mousedown', windowClick)
+  window.removeEventListener('resize', windowResize)
+})
+</script>
+
+<style scoped lang="scss">
+.tabs-overflow {
+  position: absolute;
+  top: 0;
+  right: 24px;
+
+  .dropdown-toggle {
+    .collapse-icon {
+      fill: var(--main-color-mode);
+
+      &.active {
+        fill: #0077b8;
+      }
+    }
+  }
+}
+
+.navbar-dropdown-menu {
+  position: fixed;
+  z-index: var(--z-dropdown);
+  transform: translateX(-100%);
+  border: 1px solid var(--global-border-color);
+  border-radius: 3px;
+  margin-top: 2px;
+  background-color: var(--global-bg-color);
+  padding: 12px 0;
+}
+.navbar-dropdown-menu-separator {
+  margin: 6px 0;
+  border-bottom: 0.8px solid #e8e8e8;
+}
+</style>