adata-ui 2.1.40-beta.10 → 2.1.40-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/.claude/settings.local.json +19 -0
  2. package/assets/styles/index.scss +67 -5
  3. package/components/elements/a-select-row/ASelectRowV2.vue +8 -8
  4. package/components/elements/a-select-row/index.vue +3 -5
  5. package/components/elements/accordion/AAccordion.vue +5 -3
  6. package/components/elements/accordion/AAccordionGroup/AAccordionGroup.vue +3 -3
  7. package/components/elements/alert/AAlert.vue +34 -47
  8. package/components/elements/bg-block/ABgBlock.vue +1 -1
  9. package/components/elements/button/AButton.vue +3 -3
  10. package/components/elements/button/AButtonV2.vue +7 -5
  11. package/components/elements/button-login/index.vue +1 -1
  12. package/components/elements/chip-wrapper/AChipWrapper.vue +1 -1
  13. package/components/elements/chips/AChips.vue +2 -2
  14. package/components/elements/digit-badge/ADigitBadge.vue +21 -19
  15. package/components/elements/feature-description/AFeatureDescription.vue +1 -1
  16. package/components/elements/leave-note/ALeaveNote.vue +1 -1
  17. package/components/elements/pagination/APagination.vue +7 -7
  18. package/components/elements/segmented/ASegmentedV2.vue +103 -10
  19. package/components/elements/select/ASelect.vue +4 -4
  20. package/components/elements/select/ASelectMobile.vue +2 -2
  21. package/components/elements/select/ASelectV2.vue +10 -11
  22. package/components/elements/select/ui/select-button.vue +1 -1
  23. package/components/elements/status-badge/AStatusBadge.vue +22 -19
  24. package/components/elements/status-badge-v2/StatusBadgeV2.vue +1 -3
  25. package/components/elements/table/ATable.vue +1 -1
  26. package/components/elements/table/table.config.ts +2 -2
  27. package/components/elements/tree-select/ATreeSelect.vue +97 -113
  28. package/components/elements/tree-select/TreeService.ts +142 -207
  29. package/components/elements/tree-select/components/ATreeSelectNode.vue +104 -0
  30. package/components/elements/tree-select/types.ts +40 -11
  31. package/components/elements/tree-select/utils.ts +30 -0
  32. package/components/elements/tree-select-modal/ATreeSelectModal.vue +217 -0
  33. package/components/features/color-mode/AColorMode.client.vue +1 -1
  34. package/components/features/dropdown/ADropdownV2.vue +1 -2
  35. package/components/features/lang-switcher/lang-switcher.vue +9 -4
  36. package/components/features/payment/banner/BasicPlusLimitBanner.vue +3 -3
  37. package/components/features/payment/banner/PaymentBanner.vue +3 -3
  38. package/components/features/payment/banner/UpSellBanner.vue +3 -3
  39. package/components/features/payment/process/PaymentKaspiQrSidePanel.vue +43 -27
  40. package/components/features/payment/process/PaymentKaspiRedirectSidePanel.vue +34 -23
  41. package/components/features/payment/process/PaymentMethodSidePanel.vue +61 -49
  42. package/components/features/payment/process/PaymentProcess.vue +6 -6
  43. package/components/features/payment/process/PaymentTopUpSidePanel.vue +44 -63
  44. package/components/features/pk-mobile-services/APkMobileServices.vue +1 -1
  45. package/components/features//321/201hange-version/AChangeVersion.vue +2 -2
  46. package/components/forms/checkbox/ACheckbox.vue +1 -1
  47. package/components/forms/checkbox/ACheckboxV2.vue +5 -5
  48. package/components/forms/input/AInputV2.vue +4 -4
  49. package/components/forms/input/date/AInputDate.vue +2 -2
  50. package/components/forms/input/password/AInputPassword.vue +8 -2
  51. package/components/forms/input/standard/AInputStandard.vue +3 -3
  52. package/components/forms/input/textarea/ATextarea.vue +2 -2
  53. package/components/forms/toggle/AToggle.vue +2 -3
  54. package/components/forms/toggle/AToggleV2.vue +3 -3
  55. package/components/modals/AnotherDeviceModal.vue +1 -1
  56. package/components/modals/ContactsMobileModel.vue +1 -1
  57. package/components/modals/ContentNavigationModal.vue +77 -333
  58. package/components/modals/Insufficient-funds-modal.vue +1 -1
  59. package/components/modals/PaymentMethodModal.vue +1 -1
  60. package/components/modals/id/IdBanner.vue +3 -3
  61. package/components/modals/id/IdRecoveryModal.vue +1 -1
  62. package/components/navigation/bottom-navigation/ABottomNavigation.vue +1 -1
  63. package/components/navigation/breadcrumbs/ABreadcrumbs.vue +106 -45
  64. package/components/navigation/breadcrumbs/types.ts +3 -0
  65. package/components/navigation/footer/AFooter.vue +39 -40
  66. package/components/navigation/footer/ui/a-footer-accordion.vue +9 -9
  67. package/components/navigation/header/AHeader.vue +13 -19
  68. package/components/navigation/header/AlmatyContacts.vue +78 -78
  69. package/components/navigation/header/CardGallery.vue +4 -4
  70. package/components/navigation/header/HeaderUsage.vue +4 -6
  71. package/components/navigation/header/ListItem.vue +2 -2
  72. package/components/navigation/header/NavCard.vue +1 -1
  73. package/components/navigation/header/NavList.vue +2 -2
  74. package/components/navigation/header/NotificationsMenu.vue +2 -3
  75. package/components/navigation/header/ProductMenu.vue +7 -7
  76. package/components/navigation/header/ProfileMenu.vue +26 -35
  77. package/components/navigation/header/SystemNotification.vue +1 -3
  78. package/components/navigation/pill-tabs/APillTabs.vue +2 -2
  79. package/components/navigation/pill-tabs/APillTabsV2.vue +22 -6
  80. package/components/overlays/drawer/ADrawerV2.vue +335 -0
  81. package/components/overlays/modal/AModal.vue +4 -4
  82. package/components/overlays/modal/AModalV2.vue +7 -4
  83. package/components/overlays/side-panel/ASidePanel.vue +6 -6
  84. package/components/overlays/sideover/ASlideover.vue +6 -6
  85. package/components/overlays/tooltip/ATooltip.vue +1 -1
  86. package/components/overlays/tooltip/ATooltipV2.vue +2 -12
  87. package/components/transitions/ATransitionHeight.vue +1 -1
  88. package/composables/useHeaderNavigationLinks.ts +100 -94
  89. package/icons/archive.vue +16 -0
  90. package/icons/arrow/arrows-in.vue +11 -0
  91. package/icons/arrow/arrows-out.vue +11 -0
  92. package/icons/arrow/arrows-resize-in.vue +38 -0
  93. package/icons/arrow/arrows-resize-out.vue +17 -0
  94. package/icons/bot.vue +52 -0
  95. package/icons/clock-time.vue +24 -0
  96. package/icons/compare-outlined.vue +8 -0
  97. package/icons/dots-horizontal.vue +31 -0
  98. package/icons/download-line.vue +13 -0
  99. package/icons/egov.vue +41 -0
  100. package/icons/elicense.vue +38 -0
  101. package/icons/favourite-bookmark-outline.vue +17 -0
  102. package/icons/file-pen.vue +31 -0
  103. package/icons/file-stack.vue +31 -0
  104. package/icons/file-types/excel.vue +131 -0
  105. package/icons/file-types/html.vue +13 -0
  106. package/icons/file-types/jpeg.vue +16 -0
  107. package/icons/file-types/pdf.vue +11 -0
  108. package/icons/file-types/png.vue +11 -0
  109. package/icons/file-types/rar.vue +11 -0
  110. package/icons/file-types/word.vue +50 -0
  111. package/icons/file-types/zip.vue +11 -0
  112. package/icons/git-compare.vue +38 -0
  113. package/icons/graduation-cap.vue +31 -0
  114. package/icons/graph-loading.vue +34 -0
  115. package/icons/help-question-circle.vue +26 -0
  116. package/icons/in-row-type.vue +46 -0
  117. package/icons/in-table-type.vue +29 -0
  118. package/icons/message-dotted.vue +30 -0
  119. package/icons/notification-error.vue +17 -0
  120. package/icons/person.vue +22 -0
  121. package/icons/settings.vue +26 -0
  122. package/icons/shield-alert.vue +31 -0
  123. package/icons/socials/facebook-color.vue +16 -0
  124. package/icons/socials/globe-color.vue +16 -0
  125. package/icons/socials/instagram-color.vue +46 -0
  126. package/icons/socials/linkedin-color.vue +14 -0
  127. package/icons/socials/telegram-color.vue +16 -0
  128. package/icons/socials/tiktok-color.vue +14 -0
  129. package/icons/socials/vk-color.vue +16 -0
  130. package/icons/socials/youtube-color.vue +16 -0
  131. package/icons/view-eye-open.vue +13 -0
  132. package/lang/en.ts +1 -0
  133. package/lang/kk.ts +1 -0
  134. package/lang/ru.ts +1 -0
  135. package/package.json +1 -1
  136. package/plugins/toast.client.ts +38 -55
  137. package/tailwind.config.ts +147 -116
  138. package/utils/twMerge.ts +34 -0
  139. package/components/elements/tree-select/components/tree-select-nodes.vue +0 -91
@@ -1,57 +1,63 @@
1
- import IconSearch from '#adata-ui/icons/search.vue'
2
- import { PAGES } from '#adata-ui/shared/constans/pages'
1
+ import { useUrls } from '#adata-ui/composables/useUrls'
2
+ import AiAssistant from '#adata-ui/icons/ai-assistant.vue'
3
3
  import IconArrowCircle from '#adata-ui/icons/arrow/arrow-circle-down.vue'
4
- import IconUsers from '#adata-ui/icons/users.vue'
5
- import IconGlobe from '#adata-ui/icons/globe.vue'
6
- import IconScales from '#adata-ui/icons/scales/scale.vue'
7
- import IconLink from '#adata-ui/icons/link-chain.vue'
4
+ import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
8
5
  import IconBlock from '#adata-ui/icons/block.vue'
9
- import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
10
- import IconWork from '#adata-ui/icons/work-bag.vue'
11
- import IconDocument from '#adata-ui/icons/hdocument.vue'
12
- import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
6
+ import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
7
+ import IconBot from '#adata-ui/icons/bot.vue'
8
+ import AIconBriefcase from '#adata-ui/icons/briefcase.vue'
9
+ import IconCalc from '#adata-ui/icons/calculator.vue'
10
+ import AIconCarSide from '#adata-ui/icons/car-side.vue'
13
11
  import IconCar from '#adata-ui/icons/car.vue'
14
- import IconTruck from '#adata-ui/icons/truck.vue'
15
- import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
16
- import IconMedal from '#adata-ui/icons/medal.vue'
12
+ import AIconCart from '#adata-ui/icons/cart.vue'
13
+ import CheckSb from '#adata-ui/icons/check-sb.vue'
14
+ import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
17
15
  import IconCompany from '#adata-ui/icons/company.vue'
16
+ import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
17
+ import IconFilePen from '#adata-ui/icons/file-pen.vue'
18
+ import IconFileStack from '#adata-ui/icons/file-stack.vue'
19
+ import IconGitCompare from '#adata-ui/icons/git-compare.vue'
20
+ import IconGlobe from '#adata-ui/icons/globe.vue'
18
21
  import IconHandshake from '#adata-ui/icons/handshake.vue'
19
- import Connections from '#adata-ui/icons/sviazi.vue'
20
- import IconCalc from '#adata-ui/icons/calculator.vue'
21
- import IconProfile from '#adata-ui/icons/profile.vue'
22
- import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
23
- import IconLock from '#adata-ui/icons/lock.vue'
24
- import IconReceipt from '#adata-ui/icons/receipt.vue'
25
- import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
22
+ import IconDocument from '#adata-ui/icons/hdocument.vue'
26
23
  import IconHistory from '#adata-ui/icons/history.vue'
24
+ import HotLine from '#adata-ui/icons/hot-line.vue'
25
+ import IconLink from '#adata-ui/icons/link-chain.vue'
26
+ import IconLock from '#adata-ui/icons/lock.vue'
27
+ import MapPaper from '#adata-ui/icons/map-paper.vue'
28
+ import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
29
+ import IconMedal from '#adata-ui/icons/medal.vue'
27
30
  import IconMessage from '#adata-ui/icons/message/message.vue'
28
- import AIconBriefcase from '#adata-ui/icons/briefcase.vue'
29
- import AIconCarSide from '#adata-ui/icons/car-side.vue'
31
+ import IconProfile from '#adata-ui/icons/profile.vue'
32
+ import IconReceipt from '#adata-ui/icons/receipt.vue'
33
+ import Sanctions from '#adata-ui/icons/sanctions.vue'
34
+ import IconScales from '#adata-ui/icons/scales/scale.vue'
35
+ import IconSearch from '#adata-ui/icons/search.vue'
36
+ import IconShieldAlert from '#adata-ui/icons/shield-alert.vue'
30
37
  import AIconShieldVerified from '#adata-ui/icons/shield-verified.vue'
31
- import AIconCart from '#adata-ui/icons/cart.vue'
38
+ import Connections from '#adata-ui/icons/sviazi.vue'
39
+ import Tasks from '#adata-ui/icons/tasks.vue'
40
+ import IconTruck from '#adata-ui/icons/truck.vue'
41
+ import IconUsers from '#adata-ui/icons/users.vue'
42
+ import IconWork from '#adata-ui/icons/work-bag.vue'
43
+ import { PAGES } from '#adata-ui/shared/constans/pages'
44
+ import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
32
45
  import {
33
- AIconUsersThree,
46
+ AIconAkimat,
34
47
  AIconArrowGraphUp,
35
- AIconGlobe,
36
48
  AIconArrowSquareDown,
49
+ AIconCurrencyTenge,
50
+ AIconExcelIcon,
37
51
  AIconExpandWindow,
52
+ AIconFile,
53
+ AIconGlobe,
54
+ AIconSearch,
38
55
  AIconUsers,
56
+ AIconUsersThree,
39
57
  AIconWarningTriangle,
40
- AIconSearch,
41
- AIconAkimat,
42
- AIconCurrencyTenge,
43
- AIconExcelIcon, AIconFile,
44
58
  } from '#components'
45
- import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
46
- import MapPaper from '#adata-ui/icons/map-paper.vue'
47
- import { useUrls } from '#adata-ui/composables/useUrls'
48
- import AiAssistant from '#adata-ui/icons/ai-assistant.vue'
49
- import Tasks from '#adata-ui/icons/tasks.vue'
50
- import HotLine from '#adata-ui/icons/hot-line.vue'
51
- import Sanctions from '#adata-ui/icons/sanctions.vue'
52
- import CheckSb from '#adata-ui/icons/check-sb.vue'
53
59
 
54
- export const useHeaderNavigationLinks = () => {
60
+ export function useHeaderNavigationLinks() {
55
61
  const { t, locale } = useI18n()
56
62
  const urls = useUrls()
57
63
 
@@ -97,19 +103,19 @@ export const useHeaderNavigationLinks = () => {
97
103
  {
98
104
  title: t('header.products.counterparties.items.networks.title'),
99
105
  icon: IconLink,
100
- to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.connections)
106
+ to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.connections),
101
107
  },
102
108
  {
103
109
  title: t('header.products.counterparties.items.sanction.title'),
104
110
  icon: IconBlock,
105
- to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.sanctions)
111
+ to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.sanctions),
106
112
  },
107
113
  {
108
114
  title: t('header.products.counterparties.items.offshore.title'),
109
115
  icon: IconDollar,
110
- to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.offshore)
111
- }
112
- ]
116
+ to: buildLocalizedUrl(locale, urls.pk, PAGES.pk.offshore),
117
+ },
118
+ ],
113
119
  },
114
120
  {
115
121
  key: 'fines',
@@ -122,13 +128,13 @@ export const useHeaderNavigationLinks = () => {
122
128
  title: t('header.products.fines.items.fines.title'),
123
129
  subtitle: t('header.products.fines.items.fines.subtitle'),
124
130
  icon: IconCheckCircle,
125
- to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main)
131
+ to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.main),
126
132
  },
127
133
  {
128
134
  title: t('header.products.fines.items.auto.title'),
129
135
  subtitle: t('header.products.fines.items.auto.subtitle'),
130
136
  icon: IconCar,
131
- to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.avto)
137
+ to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.avto),
132
138
  },
133
139
  // {
134
140
  // title: t('header.products.fines.items.wholesaleAuto.title'),
@@ -136,7 +142,7 @@ export const useHeaderNavigationLinks = () => {
136
142
  // icon: IconTruck,
137
143
  // to: buildLocalizedUrl(locale, urls.avto, PAGES.fines.bulk)
138
144
  // }
139
- ]
145
+ ],
140
146
  },
141
147
  {
142
148
  key: 'work',
@@ -149,15 +155,15 @@ export const useHeaderNavigationLinks = () => {
149
155
  title: t('header.products.jobs.items.vacancies.title'),
150
156
  icon: IconWork,
151
157
  subtitle: t('header.products.jobs.items.vacancies.subtitle'),
152
- to: urls.work + PAGES.work.vacancy
158
+ to: urls.work + PAGES.work.vacancy,
153
159
  },
154
160
  {
155
161
  title: t('header.products.jobs.items.resume.title'),
156
162
  subtitle: t('header.products.jobs.items.resume.subtitle'),
157
163
  icon: IconDocument,
158
- to: urls.work + PAGES.work.summary
159
- }
160
- ]
164
+ to: urls.work + PAGES.work.summary,
165
+ },
166
+ ],
161
167
  },
162
168
  {
163
169
  key: 'fea',
@@ -171,46 +177,46 @@ export const useHeaderNavigationLinks = () => {
171
177
  title: t('header.products.fea.items.o.t'),
172
178
  subtitle: t('header.products.fea.items.o.st'),
173
179
  icon: Connections,
174
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.o)
180
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.o),
175
181
  },
176
182
  {
177
183
  title: t('header.products.fea.items.i.t'),
178
184
  subtitle: t('header.products.fea.items.i.st'),
179
185
  icon: IconHandshake,
180
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.t)
186
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.t),
181
187
  },
182
188
  {
183
189
  title: t('header.products.fea.items.cp.t'),
184
190
  subtitle: t('header.products.fea.items.cp.st'),
185
191
  icon: IconTruck,
186
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.cp)
192
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.cp),
187
193
 
188
194
  },
189
195
  {
190
196
  title: t('header.products.fea.items.ca.t'),
191
197
  subtitle: t('header.products.fea.items.ca.st'),
192
198
  icon: IconCalc,
193
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.ca)
199
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.ca),
194
200
  },
195
201
  {
196
202
  title: t('header.products.fea.items.tr.t'),
197
203
  subtitle: t('header.products.fea.items.tr.st'),
198
204
  icon: IconGlobe,
199
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.tr)
205
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.tr),
200
206
  },
201
207
  {
202
208
  title: t('header.products.fea.items.containers.t'),
203
209
  subtitle: t('header.products.fea.items.containers.st'),
204
210
  icon: MapPaper,
205
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.containers)
211
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.containers),
206
212
  },
207
213
  {
208
214
  title: t('header.products.fea.items.importerMap.t'),
209
215
  subtitle: t('header.products.fea.items.importerMap.st'),
210
216
  icon: MapPinRect,
211
- to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.importerMap)
217
+ to: buildLocalizedUrl(locale, urls.tnved, PAGES.fea.importerMap),
212
218
  },
213
- ]
219
+ ],
214
220
  },
215
221
  {
216
222
  key: 'tenders',
@@ -257,47 +263,47 @@ export const useHeaderNavigationLinks = () => {
257
263
  icon: AIconSearch,
258
264
  to: urls.tender,
259
265
  },
260
- ]
266
+ ],
261
267
  },
262
268
  {
263
269
  key: 'edo',
264
270
  is_new: true,
265
271
  name: t('header.products.edo.label'),
266
- link: buildLocalizedUrl(locale, urls.edo_docs , ''),
272
+ link: buildLocalizedUrl(locale, urls.edo_docs, ''),
267
273
  icon: AIconFile,
268
274
  data_attribute: 'navigation-menu-edo-block',
269
275
  items: [
270
276
  {
271
277
  title: t('header.products.edo.items.docSign.t'),
272
278
  subtitle: t('header.products.edo.items.docSign.st'),
273
- icon: AIconUsers,
274
- to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docSign)
279
+ icon: IconFilePen,
280
+ to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docSign),
275
281
  },
276
282
  {
277
283
  title: t('header.products.edo.items.docTemplate.t'),
278
284
  subtitle: t('header.products.edo.items.docTemplate.st'),
279
- icon: AIconUsers,
280
- to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docTemplate)
285
+ icon: IconFileStack,
286
+ to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docTemplate),
281
287
  },
282
288
  {
283
289
  title: t('header.products.edo.items.docRisk.t'),
284
290
  subtitle: t('header.products.edo.items.docRisk.st'),
285
- icon: AIconUsers,
286
- to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docRisk)
291
+ icon: IconShieldAlert,
292
+ to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docRisk),
287
293
  },
288
294
  {
289
295
  title: t('header.products.edo.items.docCompare.t'),
290
296
  subtitle: t('header.products.edo.items.docCompare.st'),
291
- icon: AIconUsers,
292
- to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docCompare)
297
+ icon: IconGitCompare,
298
+ to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docCompare),
293
299
  },
294
300
  {
295
301
  title: t('header.products.edo.items.docAi.t'),
296
302
  subtitle: t('header.products.edo.items.docAi.st'),
297
- icon: AIconUsers,
298
- to: buildLocalizedUrl(locale, urls.edo_docs , PAGES.edo.docAi)
303
+ icon: IconBot,
304
+ to: buildLocalizedUrl(locale, urls.edo_docs, PAGES.edo.docAi),
299
305
  },
300
- ]
306
+ ],
301
307
  },
302
308
  {
303
309
  key: 'compliance',
@@ -311,39 +317,39 @@ export const useHeaderNavigationLinks = () => {
311
317
  title: t('header.products.compliance.items.assistant.t'),
312
318
  subtitle: t('header.products.compliance.items.assistant.st'),
313
319
  icon: AiAssistant,
314
- to: urls.compliancemain + PAGES.compliance.assistant
320
+ to: urls.compliancemain + PAGES.compliance.assistant,
315
321
  },
316
322
  {
317
323
  title: t('header.products.compliance.items.assignments.t'),
318
324
  subtitle: t('header.products.compliance.items.assignments.st'),
319
325
  icon: Tasks,
320
- to: urls.compliancemain + PAGES.compliance.assignments
326
+ to: urls.compliancemain + PAGES.compliance.assignments,
321
327
  },
322
328
  {
323
329
  title: t('header.products.compliance.items.hotline.t'),
324
330
  subtitle: t('header.products.compliance.items.hotline.st'),
325
331
  icon: HotLine,
326
- to: urls.compliancemain + PAGES.compliance.hotline
332
+ to: urls.compliancemain + PAGES.compliance.hotline,
327
333
  },
328
334
  {
329
335
  title: t('header.products.compliance.items.sanctions.t'),
330
336
  subtitle: t('header.products.compliance.items.sanctions.st'),
331
337
  icon: Sanctions,
332
- to: urls.compliancemain + PAGES.compliance.sanctions
338
+ to: urls.compliancemain + PAGES.compliance.sanctions,
333
339
  },
334
340
  {
335
341
  title: t('header.products.compliance.items.suppliers.t'),
336
342
  subtitle: t('header.products.compliance.items.suppliers.st'),
337
343
  icon: IconProfile,
338
- to: urls.compliancemain + PAGES.compliance.suppliers
344
+ to: urls.compliancemain + PAGES.compliance.suppliers,
339
345
  },
340
346
  {
341
347
  title: t('header.products.compliance.items.sb.t'),
342
348
  subtitle: t('header.products.compliance.items.sb.st'),
343
349
  icon: CheckSb,
344
- to: urls.compliancemain + PAGES.compliance.sb
350
+ to: urls.compliancemain + PAGES.compliance.sb,
345
351
  },
346
- ]
352
+ ],
347
353
  },
348
354
  {
349
355
  key: 'analytics',
@@ -362,34 +368,34 @@ export const useHeaderNavigationLinks = () => {
362
368
  title: t('header.products.analytics.items.activity.title'),
363
369
  subtitle: t('header.products.analytics.items.activity.subtitle'),
364
370
  icon: IconArrowGraph,
365
- to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.index)
371
+ to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.index),
366
372
 
367
373
  },
368
374
  {
369
375
  title: t('header.products.analytics.items.rate.title'),
370
376
  subtitle: t('header.products.analytics.items.rate.subtitle'),
371
377
  icon: IconMedal,
372
- to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.rating)
378
+ to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.rating),
373
379
  },
374
380
  {
375
381
  title: t('header.products.analytics.items.subjects.title'),
376
382
  subtitle: t('header.products.analytics.items.subjects.subtitle'),
377
383
  icon: IconCompany,
378
- to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.business)
384
+ to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.business),
379
385
  },
380
386
  {
381
387
  title: t('header.products.analytics.items.demography.title'),
382
388
  subtitle: t('header.products.analytics.items.demography.subtitle'),
383
389
  icon: IconCompany,
384
- to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.demography)
385
- }
386
- ]
390
+ to: buildLocalizedUrl(locale, urls.analytics, PAGES.analytics.demography),
391
+ },
392
+ ],
387
393
  },
388
394
  ]
389
395
  })
390
396
  }
391
397
 
392
- export const useHeaderMenuLinks = () => {
398
+ export function useHeaderMenuLinks() {
393
399
  const { t, locale } = useI18n()
394
400
  const urls = useUrls()
395
401
 
@@ -398,25 +404,25 @@ export const useHeaderMenuLinks = () => {
398
404
  title: t('header.profile.menu.personalInfo'),
399
405
  icon: IconProfile,
400
406
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.index),
401
- dataTestId: 'dropdown-profile-button'
407
+ dataTestId: 'dropdown-profile-button',
402
408
  },
403
409
  {
404
410
  title: t('header.profile.menu.security'),
405
411
  icon: IconLock,
406
412
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.security),
407
- dataTestId: 'dropdown-profile-change-password-button'
413
+ dataTestId: 'dropdown-profile-change-password-button',
408
414
  },
409
415
  {
410
416
  title: t('header.profile.menu.paymentHistory'),
411
417
  icon: IconReceipt,
412
418
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.paymentHistory),
413
- dataTestId: 'dropdown-profile-payment-story-button'
419
+ dataTestId: 'dropdown-profile-payment-story-button',
414
420
  },
415
421
  {
416
422
  title: t('header.profile.menu.favourites'),
417
423
  icon: IconFavorite,
418
424
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.favourites),
419
- dataTestId: 'dropdown-favourites-button'
425
+ dataTestId: 'dropdown-favourites-button',
420
426
  },
421
427
  // {
422
428
  // title: t('header.profile.menu.myReports'),
@@ -427,24 +433,24 @@ export const useHeaderMenuLinks = () => {
427
433
  title: t('header.profile.menu.browsingHistory'),
428
434
  icon: IconHistory,
429
435
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.browsingHistory),
430
- dataTestId: 'dropdown-profile-view-history-button'
436
+ dataTestId: 'dropdown-profile-view-history-button',
431
437
  },
432
438
  {
433
439
  title: t('header.profile.menu.myGroups'),
434
440
  icon: IconUsers,
435
441
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.myGroups),
436
- dataTestId: 'dropdown-profile-my-groups-button'
442
+ dataTestId: 'dropdown-profile-my-groups-button',
437
443
  },
438
444
  {
439
445
  title: t('header.profile.menu.notes'),
440
446
  icon: IconMessage,
441
447
  to: buildLocalizedUrl(locale.value, urls.landing, PAGES.profile.notes),
442
- dataTestId: 'dropdown-profile-notes-button'
443
- }
448
+ dataTestId: 'dropdown-profile-notes-button',
449
+ },
444
450
  ]
445
451
  }
446
452
 
447
- export const usePkServicesLinks = () => {
453
+ export function usePkServicesLinks() {
448
454
  const { t, locale } = useI18n()
449
455
  const urls = useUrls()
450
456
 
@@ -0,0 +1,16 @@
1
+ <template>
2
+ <svg
3
+ width="24"
4
+ height="24"
5
+ viewBox="0 0 24 24"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path
10
+ fill-rule="evenodd"
11
+ clip-rule="evenodd"
12
+ d="M20.5 4.29167C20.5 3.79679 20.1433 3.5 19.8269 3.5H4.17308C3.85674 3.5 3.5 3.79679 3.5 4.29167V7.375C3.5 7.86988 3.85674 8.16667 4.17308 8.16667H19.8269C20.1433 8.16667 20.5 7.86988 20.5 7.375V4.29167ZM19.8269 2C21.0825 2 22 3.08367 22 4.29167V7.375C22 8.32596 21.4314 9.19986 20.5769 9.52871V19.7084C20.5769 20.2976 20.3614 20.8737 19.9612 21.3072C19.5592 21.7427 19.0004 22 18.4038 22H5.59614C4.99955 22 4.44081 21.7427 4.03877 21.3072C3.63859 20.8737 3.42307 20.2976 3.42307 19.7084V9.5287C2.56859 9.19985 2 8.32595 2 7.375V4.29167C2 3.08367 2.91753 2 4.17308 2H19.8269ZM4.92307 9.66669V19.7084C4.92307 19.9368 5.0074 20.1451 5.14098 20.2898C5.27269 20.4325 5.43788 20.5 5.59614 20.5H18.4038C18.5621 20.5 18.7273 20.4325 18.859 20.2898C18.9926 20.1451 19.0769 19.9368 19.0769 19.7084V9.66669H4.92307ZM9.86539 12.7917C9.45117 12.7917 9.11539 13.1275 9.11539 13.5417C9.11539 13.9559 9.45117 14.2917 9.86539 14.2917H14.1346C14.5488 14.2917 14.8846 13.9559 14.8846 13.5417C14.8846 13.1275 14.5488 12.7917 14.1346 12.7917H9.86539Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ </template>
@@ -0,0 +1,11 @@
1
+ <template>
2
+ <svg
3
+ width="16"
4
+ height="16"
5
+ viewBox="0 0 16 16"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path d="M8.99979 6.50003V4.00003C8.99979 3.86743 9.05247 3.74025 9.14624 3.64648C9.24 3.55271 9.36718 3.50003 9.49979 3.50003C9.6324 3.50003 9.75958 3.55271 9.85334 3.64648C9.94711 3.74025 9.99979 3.86743 9.99979 4.00003V5.29316L12.646 2.64628C12.7399 2.55246 12.8671 2.49976 12.9998 2.49976C13.1325 2.49976 13.2597 2.55246 13.3535 2.64628C13.4474 2.7401 13.5001 2.86735 13.5001 3.00003C13.5001 3.13272 13.4474 3.25996 13.3535 3.35378L10.7067 6.00003H11.9998C12.1324 6.00003 12.2596 6.05271 12.3533 6.14648C12.4471 6.24025 12.4998 6.36743 12.4998 6.50003C12.4998 6.63264 12.4471 6.75982 12.3533 6.85359C12.2596 6.94736 12.1324 7.00003 11.9998 7.00003H9.49979C9.36718 7.00003 9.24 6.94736 9.14624 6.85359C9.05247 6.75982 8.99979 6.63264 8.99979 6.50003ZM6.49979 9.00003H3.99979C3.86718 9.00003 3.74 9.05271 3.64624 9.14648C3.55247 9.24025 3.49979 9.36743 3.49979 9.50003C3.49979 9.63264 3.55247 9.75982 3.64624 9.85359C3.74 9.94736 3.86718 10 3.99979 10H5.29291L2.64604 12.6463C2.55222 12.7401 2.49951 12.8674 2.49951 13C2.49951 13.1327 2.55222 13.26 2.64604 13.3538C2.73986 13.4476 2.86711 13.5003 2.99979 13.5003C3.13247 13.5003 3.25972 13.4476 3.35354 13.3538L5.99979 10.7069V12C5.99979 12.1326 6.05247 12.2598 6.14624 12.3536C6.24 12.4474 6.36718 12.5 6.49979 12.5C6.6324 12.5 6.75957 12.4474 6.85334 12.3536C6.94711 12.2598 6.99979 12.1326 6.99979 12V9.50003C6.99979 9.36743 6.94711 9.24025 6.85334 9.14648C6.75957 9.05271 6.6324 9.00003 6.49979 9.00003ZM10.7067 10H11.9998C12.1324 10 12.2596 9.94736 12.3533 9.85359C12.4471 9.75982 12.4998 9.63264 12.4998 9.50003C12.4998 9.36743 12.4471 9.24025 12.3533 9.14648C12.2596 9.05271 12.1324 9.00003 11.9998 9.00003H9.49979C9.36718 9.00003 9.24 9.05271 9.14624 9.14648C9.05247 9.24025 8.99979 9.36743 8.99979 9.50003V12C8.99979 12.1326 9.05247 12.2598 9.14624 12.3536C9.24 12.4474 9.36718 12.5 9.49979 12.5C9.6324 12.5 9.75958 12.4474 9.85334 12.3536C9.94711 12.2598 9.99979 12.1326 9.99979 12V10.7069L12.646 13.3538C12.6925 13.4002 12.7476 13.4371 12.8083 13.4622C12.869 13.4874 12.9341 13.5003 12.9998 13.5003C13.0655 13.5003 13.1305 13.4874 13.1912 13.4622C13.2519 13.4371 13.3071 13.4002 13.3535 13.3538C13.4 13.3073 13.4368 13.2522 13.462 13.1915C13.4871 13.1308 13.5001 13.0657 13.5001 13C13.5001 12.9343 13.4871 12.8693 13.462 12.8086C13.4368 12.7479 13.4 12.6927 13.3535 12.6463L10.7067 10ZM6.49979 3.50003C6.36718 3.50003 6.24 3.55271 6.14624 3.64648C6.05247 3.74025 5.99979 3.86743 5.99979 4.00003V5.29316L3.35354 2.64628C3.25972 2.55246 3.13247 2.49976 2.99979 2.49976C2.86711 2.49976 2.73986 2.55246 2.64604 2.64628C2.55222 2.7401 2.49951 2.86735 2.49951 3.00003C2.49951 3.13272 2.55222 3.25996 2.64604 3.35378L5.29291 6.00003H3.99979C3.86718 6.00003 3.74 6.05271 3.64624 6.14648C3.55247 6.24025 3.49979 6.36743 3.49979 6.50003C3.49979 6.63264 3.55247 6.75982 3.64624 6.85359C3.74 6.94736 3.86718 7.00003 3.99979 7.00003H6.49979C6.6324 7.00003 6.75957 6.94736 6.85334 6.85359C6.94711 6.75982 6.99979 6.63264 6.99979 6.50003V4.00003C6.99979 3.86743 6.94711 3.74025 6.85334 3.64648C6.75957 3.55271 6.6324 3.50003 6.49979 3.50003Z" fill="currentColor" />
10
+ </svg>
11
+ </template>
@@ -0,0 +1,11 @@
1
+ <template>
2
+ <svg
3
+ width="16"
4
+ height="16"
5
+ viewBox="0 0 16 16"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path d="M13.5 3V6C13.5 6.13261 13.4473 6.25979 13.3536 6.35355C13.2598 6.44732 13.1326 6.5 13 6.5C12.8674 6.5 12.7402 6.44732 12.6464 6.35355C12.5527 6.25979 12.5 6.13261 12.5 6V4.20687L9.85375 6.85375C9.75993 6.94757 9.63268 7.00028 9.5 7.00028C9.36732 7.00028 9.24007 6.94757 9.14625 6.85375C9.05243 6.75993 8.99972 6.63268 8.99972 6.5C8.99972 6.36732 9.05243 6.24007 9.14625 6.14625L11.7931 3.5H10C9.86739 3.5 9.74021 3.44732 9.64645 3.35355C9.55268 3.25979 9.5 3.13261 9.5 3C9.5 2.86739 9.55268 2.74021 9.64645 2.64645C9.74021 2.55268 9.86739 2.5 10 2.5H13C13.1326 2.5 13.2598 2.55268 13.3536 2.64645C13.4473 2.74021 13.5 2.86739 13.5 3ZM6.14625 9.14625L3.5 11.7931V10C3.5 9.86739 3.44732 9.74021 3.35355 9.64645C3.25979 9.55268 3.13261 9.5 3 9.5C2.86739 9.5 2.74021 9.55268 2.64645 9.64645C2.55268 9.74021 2.5 9.86739 2.5 10V13C2.5 13.1326 2.55268 13.2598 2.64645 13.3536C2.74021 13.4473 2.86739 13.5 3 13.5H6C6.13261 13.5 6.25979 13.4473 6.35355 13.3536C6.44732 13.2598 6.5 13.1326 6.5 13C6.5 12.8674 6.44732 12.7402 6.35355 12.6464C6.25979 12.5527 6.13261 12.5 6 12.5H4.20687L6.85375 9.85375C6.94757 9.75993 7.00028 9.63268 7.00028 9.5C7.00028 9.36732 6.94757 9.24007 6.85375 9.14625C6.75993 9.05243 6.63268 8.99972 6.5 8.99972C6.36732 8.99972 6.24007 9.05243 6.14625 9.14625ZM13 9.5C12.8674 9.5 12.7402 9.55268 12.6464 9.64645C12.5527 9.74021 12.5 9.86739 12.5 10V11.7931L9.85375 9.14625C9.75993 9.05243 9.63268 8.99972 9.5 8.99972C9.36732 8.99972 9.24007 9.05243 9.14625 9.14625C9.05243 9.24007 8.99972 9.36732 8.99972 9.5C8.99972 9.63268 9.05243 9.75993 9.14625 9.85375L11.7931 12.5H10C9.86739 12.5 9.74021 12.5527 9.64645 12.6464C9.55268 12.7402 9.5 12.8674 9.5 13C9.5 13.1326 9.55268 13.2598 9.64645 13.3536C9.74021 13.4473 9.86739 13.5 10 13.5H13C13.1326 13.5 13.2598 13.4473 13.3536 13.3536C13.4473 13.2598 13.5 13.1326 13.5 13V10C13.5 9.86739 13.4473 9.74021 13.3536 9.64645C13.2598 9.55268 13.1326 9.5 13 9.5ZM4.20687 3.5H6C6.13261 3.5 6.25979 3.44732 6.35355 3.35355C6.44732 3.25979 6.5 3.13261 6.5 3C6.5 2.86739 6.44732 2.74021 6.35355 2.64645C6.25979 2.55268 6.13261 2.5 6 2.5H3C2.86739 2.5 2.74021 2.55268 2.64645 2.64645C2.55268 2.74021 2.5 2.86739 2.5 3V6C2.5 6.13261 2.55268 6.25979 2.64645 6.35355C2.74021 6.44732 2.86739 6.5 3 6.5C3.13261 6.5 3.25979 6.44732 3.35355 6.35355C3.44732 6.25979 3.5 6.13261 3.5 6V4.20687L6.14625 6.85375C6.24007 6.94757 6.36732 7.00028 6.5 7.00028C6.63268 7.00028 6.75993 6.94757 6.85375 6.85375C6.94757 6.75993 7.00028 6.63268 7.00028 6.5C7.00028 6.36732 6.94757 6.24007 6.85375 6.14625L4.20687 3.5Z" fill="currentColor" />
10
+ </svg>
11
+ </template>
@@ -0,0 +1,38 @@
1
+ <template>
2
+ <svg
3
+ width="16"
4
+ height="16"
5
+ viewBox="0 0 16 16"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path
10
+ d="M9.3335 6.66667L14.0002 2"
11
+ stroke="currentColor"
12
+ stroke-width="1.16667"
13
+ stroke-linecap="round"
14
+ stroke-linejoin="round"
15
+ />
16
+ <path
17
+ d="M13.3335 6.66663H9.3335V2.66663"
18
+ stroke="currentColor"
19
+ stroke-width="1.16667"
20
+ stroke-linecap="round"
21
+ stroke-linejoin="round"
22
+ />
23
+ <path
24
+ d="M2 14L6.66667 9.33337"
25
+ stroke="currentColor"
26
+ stroke-width="1.16667"
27
+ stroke-linecap="round"
28
+ stroke-linejoin="round"
29
+ />
30
+ <path
31
+ d="M2.6665 9.33337H6.6665V13.3334"
32
+ stroke="currentColor"
33
+ stroke-width="1.16667"
34
+ stroke-linecap="round"
35
+ stroke-linejoin="round"
36
+ />
37
+ </svg>
38
+ </template>
@@ -0,0 +1,17 @@
1
+ <template>
2
+ <svg
3
+ width="16"
4
+ height="16"
5
+ viewBox="0 0 16 16"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path
10
+ d="M14 6V2H10M14 2L9.33333 6.66667M2 10V14H6M2 14L6.66667 9.33333"
11
+ stroke="currentColor"
12
+ stroke-width="1.33333"
13
+ stroke-linecap="round"
14
+ stroke-linejoin="round"
15
+ />
16
+ </svg>
17
+ </template>
package/icons/bot.vue ADDED
@@ -0,0 +1,52 @@
1
+ <template>
2
+ <svg
3
+ width="22"
4
+ height="22"
5
+ viewBox="0 0 22 22"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <path
10
+ d="M11.0002 7.33366V3.66699H7.3335"
11
+ stroke="currentColor"
12
+ stroke-width="1.83333"
13
+ stroke-linecap="round"
14
+ stroke-linejoin="round"
15
+ />
16
+ <path
17
+ d="M16.4998 7.33301H5.49984C4.48732 7.33301 3.6665 8.15382 3.6665 9.16634V16.4997C3.6665 17.5122 4.48732 18.333 5.49984 18.333H16.4998C17.5124 18.333 18.3332 17.5122 18.3332 16.4997V9.16634C18.3332 8.15382 17.5124 7.33301 16.4998 7.33301Z"
18
+ stroke="currentColor"
19
+ stroke-width="1.83333"
20
+ stroke-linecap="round"
21
+ stroke-linejoin="round"
22
+ />
23
+ <path
24
+ d="M1.8335 12.833H3.66683"
25
+ stroke="currentColor"
26
+ stroke-width="1.83333"
27
+ stroke-linecap="round"
28
+ stroke-linejoin="round"
29
+ />
30
+ <path
31
+ d="M18.3335 12.833H20.1668"
32
+ stroke="currentColor"
33
+ stroke-width="1.83333"
34
+ stroke-linecap="round"
35
+ stroke-linejoin="round"
36
+ />
37
+ <path
38
+ d="M13.75 11.917V13.7503"
39
+ stroke="currentColor"
40
+ stroke-width="1.83333"
41
+ stroke-linecap="round"
42
+ stroke-linejoin="round"
43
+ />
44
+ <path
45
+ d="M8.25 11.917V13.7503"
46
+ stroke="currentColor"
47
+ stroke-width="1.83333"
48
+ stroke-linecap="round"
49
+ stroke-linejoin="round"
50
+ />
51
+ </svg>
52
+ </template>
@@ -0,0 +1,24 @@
1
+ <template>
2
+ <svg
3
+ width="16"
4
+ height="16"
5
+ viewBox="0 0 16 16"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <circle
10
+ cx="8"
11
+ cy="8"
12
+ r="6"
13
+ stroke="currentColor"
14
+ stroke-width="1.25"
15
+ />
16
+ <path
17
+ d="M8 4.75V8L10.25 9.5"
18
+ stroke="currentColor"
19
+ stroke-width="1.25"
20
+ stroke-linecap="round"
21
+ stroke-linejoin="round"
22
+ />
23
+ </svg>
24
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ width="1em"
5
+ height="1em"
6
+ viewBox="0 0 32 32"
7
+ ><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M16 3a1 1 0 0 1 1 1v24a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1m-6.25 7A3.25 3.25 0 0 1 13 13.25v5.5A3.25 3.25 0 0 1 9.75 22h-5.5A3.25 3.25 0 0 1 1 18.75v-5.5A3.25 3.25 0 0 1 4.25 10zm18 0A3.25 3.25 0 0 1 31 13.25v5.5A3.25 3.25 0 0 1 27.75 22h-5.5A3.25 3.25 0 0 1 19 18.75v-5.5A3.25 3.25 0 0 1 22.25 10zm-23.5 2C3.56 12 3 12.56 3 13.25v5.5c0 .69.56 1.25 1.25 1.25h5.5c.69 0 1.25-.56 1.25-1.25v-5.5c0-.69-.56-1.25-1.25-1.25zm18 0c-.69 0-1.25.56-1.25 1.25v5.5c0 .69.56 1.25 1.25 1.25h5.5c.69 0 1.25-.56 1.25-1.25v-5.5c0-.69-.56-1.25-1.25-1.25z" /></svg>
8
+ </template>