adata-ui 3.1.78 → 3.1.80

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 (266) hide show
  1. package/README.md +84 -84
  2. package/dist/module.json +1 -1
  3. package/dist/runtime/components/Alert.vue +26 -26
  4. package/dist/runtime/components/Alert.vue.d.ts +37 -2
  5. package/dist/runtime/components/Chip.vue +5 -5
  6. package/dist/runtime/components/Chip.vue.d.ts +21 -2
  7. package/dist/runtime/components/ColorMode.vue +12 -12
  8. package/dist/runtime/components/CurveBlock.vue +177 -177
  9. package/dist/runtime/components/DigitBadge.vue +5 -5
  10. package/dist/runtime/components/DigitBadge.vue.d.ts +1 -1
  11. package/dist/runtime/components/Drawer.vue +32 -32
  12. package/dist/runtime/components/Drawer.vue.d.ts +47 -2
  13. package/dist/runtime/components/EmptyHeader.vue +6 -6
  14. package/dist/runtime/components/Error.vue +59 -59
  15. package/dist/runtime/components/Footer.vue +69 -69
  16. package/dist/runtime/components/FooterAccordion.vue +45 -45
  17. package/dist/runtime/components/Header.vue +111 -111
  18. package/dist/runtime/components/Header.vue.d.ts +0 -50
  19. package/dist/runtime/components/Modal.vue +78 -78
  20. package/dist/runtime/components/Modal.vue.d.ts +49 -9
  21. package/dist/runtime/components/NewFooter.vue +113 -113
  22. package/dist/runtime/components/NewFooterAccordion.vue +52 -52
  23. package/dist/runtime/components/OtherServiceFeatures.vue +45 -45
  24. package/dist/runtime/components/PkMobileServices.vue +22 -22
  25. package/dist/runtime/components/SidePanel.vue +76 -76
  26. package/dist/runtime/components/SidePanel.vue.d.ts +79 -3
  27. package/dist/runtime/components/Tag.vue +4 -4
  28. package/dist/runtime/components/Tag.vue.d.ts +12 -2
  29. package/dist/runtime/components/Toggle.vue +30 -30
  30. package/dist/runtime/components/accordion/Accordion.vue +41 -41
  31. package/dist/runtime/components/accordion/Accordion.vue.d.ts +44 -4
  32. package/dist/runtime/components/button/Button.vue +22 -22
  33. package/dist/runtime/components/button/Button.vue.d.ts +21 -3
  34. package/dist/runtime/components/checkbox/Checkbox.vue +58 -58
  35. package/dist/runtime/components/checkbox/Checkbox.vue.d.ts +39 -7
  36. package/dist/runtime/components/date-picker/DatePicker.vue +38 -38
  37. package/dist/runtime/components/error-template/index.vue +32 -32
  38. package/dist/runtime/components/error-template/index.vue.d.ts +5 -3
  39. package/dist/runtime/components/feature-description/FeatureDescription.vue +46 -46
  40. package/dist/runtime/components/floating-label/FloatingLabel.vue +5 -5
  41. package/dist/runtime/components/floating-label/FloatingLabel.vue.d.ts +7 -2
  42. package/dist/runtime/components/forms/input/password/InputPassword.vue +25 -25
  43. package/dist/runtime/components/forms/input/password/InputPassword.vue.d.ts +1 -1
  44. package/dist/runtime/components/forms/input/standard/InputStandard.vue +108 -108
  45. package/dist/runtime/components/forms/input/textarea/ATextarea.vue +63 -63
  46. package/dist/runtime/components/forms/input/textarea/ATextarea.vue.d.ts +35 -3
  47. package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue +54 -54
  48. package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue.d.ts +1 -7
  49. package/dist/runtime/components/forms/request-demo/RequestDemo.vue +57 -57
  50. package/dist/runtime/components/forms/request-demo/RequestDemo.vue.d.ts +0 -26
  51. package/dist/runtime/components/header/AlmatyContacts.vue +76 -76
  52. package/dist/runtime/components/header/AstanaContacts.vue +31 -31
  53. package/dist/runtime/components/header/CardGallery.vue +60 -60
  54. package/dist/runtime/components/header/ContactMenu.vue +39 -39
  55. package/dist/runtime/components/header/ContactMenu.vue.d.ts +2 -8
  56. package/dist/runtime/components/header/HeaderLink.vue +46 -46
  57. package/dist/runtime/components/header/LangSwitcher.vue +26 -26
  58. package/dist/runtime/components/header/ListItem.vue +15 -15
  59. package/dist/runtime/components/header/NavCard.vue +28 -28
  60. package/dist/runtime/components/header/NavList.vue +52 -52
  61. package/dist/runtime/components/header/ProductMenu.vue +67 -67
  62. package/dist/runtime/components/header/ProductMenu.vue.d.ts +2 -8
  63. package/dist/runtime/components/header/ProfileMenu.vue +37 -37
  64. package/dist/runtime/components/header/ProfileMenu.vue.d.ts +1 -5
  65. package/dist/runtime/components/header/ProfileMenuContent.vue +140 -140
  66. package/dist/runtime/components/header/ProfileMenuContent.vue.d.ts +1 -5
  67. package/dist/runtime/components/header/TopHeader.vue +88 -84
  68. package/dist/runtime/components/header-mobile/HeaderMobile.vue +39 -39
  69. package/dist/runtime/components/header-mobile/HeaderMobile.vue.d.ts +14 -9
  70. package/dist/runtime/components/mobile-navigation/BottomNavigation.vue +41 -41
  71. package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts +0 -29
  72. package/dist/runtime/components/mobile-navigation/MainButton.vue +8 -8
  73. package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts +1 -5
  74. package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue +23 -23
  75. package/dist/runtime/components/modals/NoAccessContent.vue +34 -34
  76. package/dist/runtime/components/modals/NoAccessContent.vue.d.ts +1 -5
  77. package/dist/runtime/components/modals/NoAccessSimple.vue +16 -16
  78. package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts +1 -5
  79. package/dist/runtime/components/modals/TokenTimeoutContent.vue +24 -24
  80. package/dist/runtime/components/modals/TokenTimeoutContent.vue.d.ts +1 -5
  81. package/dist/runtime/components/modals/id/IdAccessModal.vue +34 -34
  82. package/dist/runtime/components/modals/id/IdBanner.vue +29 -29
  83. package/dist/runtime/components/modals/id/IdConfirmAccountOtpModal.vue +43 -43
  84. package/dist/runtime/components/modals/id/IdConfirmSuccessfulModal.vue +17 -17
  85. package/dist/runtime/components/modals/id/IdLoginModal.vue +100 -100
  86. package/dist/runtime/components/modals/id/IdModals.vue +44 -44
  87. package/dist/runtime/components/modals/id/IdNewPasswordModal.vue +46 -46
  88. package/dist/runtime/components/modals/id/IdOtpInput.vue +30 -30
  89. package/dist/runtime/components/modals/id/IdPasswordSuccessfulModal.vue +14 -14
  90. package/dist/runtime/components/modals/id/IdRecoveryModal.vue +30 -30
  91. package/dist/runtime/components/modals/id/IdRegistrationModal.vue +68 -68
  92. package/dist/runtime/components/modals/id/IdResetPasswordOtpModal.vue +47 -47
  93. package/dist/runtime/components/modals/id/IdTwoFactorModal.vue +23 -23
  94. package/dist/runtime/components/payment/process/PaymentKaspiQrSidePanel.vue +51 -51
  95. package/dist/runtime/components/payment/process/PaymentKaspiRedirectSidePanel.vue +35 -35
  96. package/dist/runtime/components/payment/process/PaymentMethodSidePanel.vue +69 -69
  97. package/dist/runtime/components/payment/process/PaymentProcess.vue +26 -26
  98. package/dist/runtime/components/payment/process/PaymentTopUpSidePanel.vue +63 -63
  99. package/dist/runtime/components/photos-animation/PhotosAnimation.vue +9 -9
  100. package/dist/runtime/components/pill-tabs/PillTabs.vue +39 -39
  101. package/dist/runtime/components/pill-tabs/PillTabs.vue.d.ts +0 -46
  102. package/dist/runtime/components/radio-button/RadioButton.vue +33 -33
  103. package/dist/runtime/components/radio-button/RadioButton.vue.d.ts +36 -2
  104. package/dist/runtime/components/row-card/RowCard.vue +27 -27
  105. package/dist/runtime/components/row-card/RowCard.vue.d.ts +9 -2
  106. package/dist/runtime/components/select-row/index.vue +58 -58
  107. package/dist/runtime/components/select-row/index.vue.d.ts +1 -1
  108. package/dist/runtime/components/transitions/TransitionHeight.vue +9 -9
  109. package/dist/runtime/components/transitions/TransitionHeight.vue.d.ts +20 -2
  110. package/dist/runtime/components/tree-select/TreeSelect.vue +16 -16
  111. package/dist/runtime/components/tree-select/components/tree-select-nodes.vue +75 -75
  112. package/dist/runtime/icons/ai-assistant.vue +13 -13
  113. package/dist/runtime/icons/akimat.vue +20 -20
  114. package/dist/runtime/icons/arrow/arrow-circle-down.vue +18 -18
  115. package/dist/runtime/icons/arrow/arrow-graph-up.vue +24 -24
  116. package/dist/runtime/icons/arrow/arrow-side-up.vue +19 -19
  117. package/dist/runtime/icons/arrow/arrow-top-right-on-square.vue +19 -19
  118. package/dist/runtime/icons/arrow/chevron-down.vue +19 -19
  119. package/dist/runtime/icons/avatar.vue +41 -41
  120. package/dist/runtime/icons/avto/car.vue +17 -17
  121. package/dist/runtime/icons/avto/truck.vue +17 -17
  122. package/dist/runtime/icons/bank.vue +14 -14
  123. package/dist/runtime/icons/block.vue +19 -19
  124. package/dist/runtime/icons/bookmark.vue +19 -19
  125. package/dist/runtime/icons/calculator.vue +19 -19
  126. package/dist/runtime/icons/chartBar.vue +14 -14
  127. package/dist/runtime/icons/check-circle.vue +25 -25
  128. package/dist/runtime/icons/check-sb.vue +7 -7
  129. package/dist/runtime/icons/checkbox/checkbox-active.vue +19 -19
  130. package/dist/runtime/icons/checkbox/checkbox-empty.vue +20 -20
  131. package/dist/runtime/icons/checkbox/checkbox-intermediate.vue +19 -19
  132. package/dist/runtime/icons/chevron/chevron-down.vue +16 -16
  133. package/dist/runtime/icons/chevron/chevron-left.vue +5 -5
  134. package/dist/runtime/icons/chevron/chevron-right.vue +5 -5
  135. package/dist/runtime/icons/chevron/chevron-up.vue +5 -5
  136. package/dist/runtime/icons/chevron/double-chevron-right.vue +12 -12
  137. package/dist/runtime/icons/clipboard-text.vue +17 -17
  138. package/dist/runtime/icons/clock.vue +25 -25
  139. package/dist/runtime/icons/color-mode/moon.vue +20 -20
  140. package/dist/runtime/icons/color-mode/sun.vue +27 -27
  141. package/dist/runtime/icons/communication/mail.vue +19 -19
  142. package/dist/runtime/icons/communication/phone.vue +19 -19
  143. package/dist/runtime/icons/company.vue +19 -19
  144. package/dist/runtime/icons/currency/dollar.vue +19 -19
  145. package/dist/runtime/icons/currency/down.vue +22 -22
  146. package/dist/runtime/icons/currency/eur.vue +69 -69
  147. package/dist/runtime/icons/currency/rub.vue +25 -25
  148. package/dist/runtime/icons/currency/tenge.vue +9 -9
  149. package/dist/runtime/icons/currency/usd.vue +269 -269
  150. package/dist/runtime/icons/currency/yuan.vue +37 -37
  151. package/dist/runtime/icons/document/hdocument.vue +17 -17
  152. package/dist/runtime/icons/document/id.vue +19 -19
  153. package/dist/runtime/icons/document/profile.vue +19 -19
  154. package/dist/runtime/icons/eye-closed.vue +26 -26
  155. package/dist/runtime/icons/eye-open.vue +7 -7
  156. package/dist/runtime/icons/eye-opened.vue +23 -23
  157. package/dist/runtime/icons/file/excel-icon.vue +14 -14
  158. package/dist/runtime/icons/file/file.vue +19 -19
  159. package/dist/runtime/icons/file/files.vue +17 -17
  160. package/dist/runtime/icons/globe.vue +19 -19
  161. package/dist/runtime/icons/hand-with-phone/hand-with-phone-dark.vue +52 -52
  162. package/dist/runtime/icons/hand-with-phone/hand-with-phone-light.vue +52 -52
  163. package/dist/runtime/icons/handshake.vue +19 -19
  164. package/dist/runtime/icons/history.vue +19 -19
  165. package/dist/runtime/icons/hot-line.vue +6 -6
  166. package/dist/runtime/icons/id.vue +9 -9
  167. package/dist/runtime/icons/info/info-circle.vue +29 -29
  168. package/dist/runtime/icons/invoice.vue +35 -35
  169. package/dist/runtime/icons/kaspi-qr.vue +13 -13
  170. package/dist/runtime/icons/link-chain.vue +31 -31
  171. package/dist/runtime/icons/loader-circle.vue +34 -34
  172. package/dist/runtime/icons/lock.vue +19 -19
  173. package/dist/runtime/icons/logo/adata.vue +48 -48
  174. package/dist/runtime/icons/logo/logo.vue +27 -27
  175. package/dist/runtime/icons/map-paper.vue +5 -5
  176. package/dist/runtime/icons/map-pin-rect.vue +15 -15
  177. package/dist/runtime/icons/medal.vue +17 -17
  178. package/dist/runtime/icons/menu/menu-filled.vue +61 -61
  179. package/dist/runtime/icons/menu/menu.vue +41 -41
  180. package/dist/runtime/icons/message.vue +24 -24
  181. package/dist/runtime/icons/modals/door.vue +162 -162
  182. package/dist/runtime/icons/moon.vue +10 -10
  183. package/dist/runtime/icons/navigation/expand-window.vue +19 -19
  184. package/dist/runtime/icons/navigation/location.vue +25 -25
  185. package/dist/runtime/icons/navigation/logout.vue +19 -19
  186. package/dist/runtime/icons/notifications.vue +25 -25
  187. package/dist/runtime/icons/other-service/arrow-square-down.vue +15 -15
  188. package/dist/runtime/icons/other-service/arrow-top-right-on-square.vue +6 -6
  189. package/dist/runtime/icons/other-service/block.vue +16 -16
  190. package/dist/runtime/icons/other-service/currency-dollar.vue +16 -16
  191. package/dist/runtime/icons/other-service/globe.vue +16 -16
  192. package/dist/runtime/icons/other-service/link.vue +7 -7
  193. package/dist/runtime/icons/other-service/magnifying-glass.vue +9 -9
  194. package/dist/runtime/icons/other-service/standing-scales.vue +15 -15
  195. package/dist/runtime/icons/other-service/users-three.vue +7 -7
  196. package/dist/runtime/icons/payment/payment-card.vue +6 -6
  197. package/dist/runtime/icons/payment/payment-kaspi.vue +11 -11
  198. package/dist/runtime/icons/plus.vue +24 -24
  199. package/dist/runtime/icons/radio/radio-check.vue +24 -24
  200. package/dist/runtime/icons/radio/radio-empty.vue +20 -20
  201. package/dist/runtime/icons/receipt/hcheck.vue +27 -27
  202. package/dist/runtime/icons/receipt/receipt.vue +27 -27
  203. package/dist/runtime/icons/sanctions.vue +8 -8
  204. package/dist/runtime/icons/scale.vue +19 -19
  205. package/dist/runtime/icons/search.vue +27 -27
  206. package/dist/runtime/icons/socials/facebook.vue +15 -15
  207. package/dist/runtime/icons/socials/google.vue +41 -41
  208. package/dist/runtime/icons/socials/instagram.vue +19 -19
  209. package/dist/runtime/icons/socials/linkedin.vue +24 -24
  210. package/dist/runtime/icons/socials/mailru.vue +34 -34
  211. package/dist/runtime/icons/socials/telegram.vue +15 -15
  212. package/dist/runtime/icons/socials/tik-tok.vue +15 -15
  213. package/dist/runtime/icons/socials/whatsapp.vue +21 -21
  214. package/dist/runtime/icons/socials/yandex.vue +28 -28
  215. package/dist/runtime/icons/socials/youtube.vue +16 -16
  216. package/dist/runtime/icons/sun.vue +14 -14
  217. package/dist/runtime/icons/sviazi.vue +19 -19
  218. package/dist/runtime/icons/tasks.vue +10 -10
  219. package/dist/runtime/icons/toasts/check-circle-toast.vue +6 -6
  220. package/dist/runtime/icons/toasts/warning-triangle-toast.vue +7 -7
  221. package/dist/runtime/icons/users/users-three.vue +17 -17
  222. package/dist/runtime/icons/users/users.vue +31 -31
  223. package/dist/runtime/icons/warning-triangle.vue +29 -29
  224. package/dist/runtime/icons/work-bag.vue +20 -20
  225. package/dist/runtime/icons/x-mark.vue +18 -18
  226. package/dist/runtime/illustrations/address-location.vue +38 -38
  227. package/dist/runtime/illustrations/ball-with-chain.vue +120 -120
  228. package/dist/runtime/illustrations/bill.vue +133 -133
  229. package/dist/runtime/illustrations/buildings.vue +82 -82
  230. package/dist/runtime/illustrations/calendar.vue +156 -156
  231. package/dist/runtime/illustrations/chains.vue +152 -152
  232. package/dist/runtime/illustrations/coin-percent.vue +126 -126
  233. package/dist/runtime/illustrations/coins-stack.vue +202 -202
  234. package/dist/runtime/illustrations/delete-dark.vue +31 -31
  235. package/dist/runtime/illustrations/delete.vue +32 -32
  236. package/dist/runtime/illustrations/doc-with-stamp.vue +126 -126
  237. package/dist/runtime/illustrations/document.vue +64 -64
  238. package/dist/runtime/illustrations/door.vue +74 -74
  239. package/dist/runtime/illustrations/empty-box.vue +77 -77
  240. package/dist/runtime/illustrations/empty-wallet.vue +161 -161
  241. package/dist/runtime/illustrations/graph-in-coin.vue +119 -119
  242. package/dist/runtime/illustrations/hammer.vue +156 -156
  243. package/dist/runtime/illustrations/hand-cash.vue +108 -108
  244. package/dist/runtime/illustrations/info.vue +39 -39
  245. package/dist/runtime/illustrations/mail.vue +68 -68
  246. package/dist/runtime/illustrations/ok.vue +62 -62
  247. package/dist/runtime/illustrations/people-group.vue +237 -237
  248. package/dist/runtime/illustrations/person-with-phone.vue +187 -187
  249. package/dist/runtime/illustrations/person.vue +159 -159
  250. package/dist/runtime/illustrations/phone-check.vue +90 -90
  251. package/dist/runtime/illustrations/phone-payment-method.vue +223 -223
  252. package/dist/runtime/illustrations/stop-hand.vue +77 -77
  253. package/dist/runtime/illustrations/stop-sign.vue +34 -34
  254. package/dist/runtime/illustrations/suit.vue +111 -111
  255. package/dist/runtime/illustrations/suitcase.vue +105 -105
  256. package/dist/runtime/illustrations/terminal-dark.vue +48 -48
  257. package/dist/runtime/illustrations/terminal.vue +234 -234
  258. package/dist/runtime/illustrations/trash-can.vue +108 -108
  259. package/dist/runtime/illustrations/turn-on-tariff.vue +38 -38
  260. package/dist/runtime/illustrations/two-persons.vue +169 -169
  261. package/dist/runtime/lang/en.js +1 -1
  262. package/dist/runtime/lang/kk.js +1 -1
  263. package/dist/runtime/lang/ru.js +1 -1
  264. package/dist/runtime/public/kaspi/logo.svg +4 -4
  265. package/dist/runtime/server/tsconfig.json +3 -3
  266. package/package.json +73 -73
@@ -2,10 +2,15 @@ type __VLS_Props = {
2
2
  value?: string;
3
3
  labelClasses?: string;
4
4
  };
5
+ declare const combinedClasses: string;
6
+ declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
5
7
  declare var __VLS_1: {};
6
- type __VLS_Slots = {} & {
8
+ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
7
9
  default?: (props: typeof __VLS_1) => any;
8
- };
10
+ }>;
11
+ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
12
+ combinedClasses: typeof combinedClasses;
13
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
14
  declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
15
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
11
16
  export default _default;
@@ -12,29 +12,29 @@ const isOpened = ref(false);
12
12
  </script>
13
13
 
14
14
  <template>
15
- <input-standard
16
- v-bind="$attrs"
17
- :type="isOpened ? 'text' : 'password'"
18
- v-bind.prop="props"
19
- >
20
- <template #endButton>
21
- <button
22
- class="absolute top-1/2 right-4 text-gray-500 fill-gray-500 pointer-events-click text-2xl transform translate-y-[-50%] hover:opacity-80 disabled:pointer-events-none"
23
- :disabled="disabled"
24
- type="button"
25
- @click="isOpened = !isOpened"
26
- >
27
- <i-eye-closed
28
- v-if="!isOpened"
29
- filled
30
- class="!mb-0"
31
- />
32
- <i-eye-opened
33
- v-else
34
- filled
35
- class="!mb-0"
36
- />
37
- </button>
38
- </template>
39
- </input-standard>
15
+ <input-standard
16
+ v-bind="$attrs"
17
+ :type="isOpened ? 'text' : 'password'"
18
+ v-bind.prop="props"
19
+ >
20
+ <template #endButton>
21
+ <button
22
+ class="absolute top-1/2 right-4 text-gray-500 fill-gray-500 pointer-events-click text-2xl transform translate-y-[-50%] hover:opacity-80 disabled:pointer-events-none"
23
+ :disabled="disabled"
24
+ type="button"
25
+ @click="isOpened = !isOpened"
26
+ >
27
+ <i-eye-closed
28
+ v-if="!isOpened"
29
+ filled
30
+ class="!mb-0"
31
+ />
32
+ <i-eye-opened
33
+ v-else
34
+ filled
35
+ class="!mb-0"
36
+ />
37
+ </button>
38
+ </template>
39
+ </input-standard>
40
40
  </template>
@@ -8,8 +8,8 @@ interface Props {
8
8
  declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
9
9
  size: "sm" | "md";
10
10
  error: string;
11
- label: string;
12
11
  disabled: boolean;
13
12
  required: boolean;
13
+ label: string;
14
14
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
15
  export default _default;
@@ -184,118 +184,118 @@ defineExpose({
184
184
  </script>
185
185
 
186
186
  <template>
187
- <div :class="wrapperClass">
188
- <div :class="inputWrapperClass">
189
- <Transition name="autocomplete-fade">
190
- <div
191
- v-if="autocompleteList.length && isFocused"
187
+ <div :class="wrapperClass">
188
+ <div :class="inputWrapperClass">
189
+ <Transition name="autocomplete-fade">
190
+ <div
191
+ v-if="autocompleteList.length && isFocused"
192
192
  :class="[
193
193
  'absolute z-[31] w-full flex flex-col gap-4 rounded bg-white p-2 shadow dark:bg-gray-900',
194
194
  isDropdownUp ? 'bottom-[44px]' : 'top-[44px]',
195
195
  shadow ? 'autocomplete-shadow' : ''
196
- ]"
197
- >
198
- <ul
199
- ref="autocompleteContainer"
200
- class="max-h-[250px] w-full overflow-y-auto"
201
- >
202
- <li
203
- v-for="(item, idx) in autocompleteList"
204
- :key="idx"
205
- class="cursor-pointer rounded px-4 py-[10px] transition-colors hover:bg-deepblue-900/10 hover:dark:bg-gray-200/10"
206
- :class="{ 'bg-deepblue-900/5 dark:bg-gray-200/5': currentItemIndex === idx }"
207
- @mousedown="onSelectOption(item)"
208
- @touchend="onSelectOptionMobile(item)"
209
- @touchmove="mobileAutocomMoved = true"
210
- >
211
- <slot
212
- name="autocomplete-option"
213
- :item="item"
214
- >
215
- {{ autocompleteOption ? item[autocompleteOption] : item }}
216
- </slot>
217
- </li>
218
- </ul>
219
- <slot
220
- name="autocomplete-buttons"
221
- :value="modelValue"
222
- />
223
- </div>
224
- </Transition>
225
- <input
226
- :id="label"
227
- ref="input"
228
- v-model="modelValue"
229
- :type="type"
230
- :class="[inputClass, { not_empty: modelValue !== null && modelValue !== void 0 && modelValue !== '' }]"
231
- class="input"
232
- required
233
- :tabindex="disabled ? -1 : 0"
234
- v-bind="$attrs"
235
- @input="emit('updateValue', modelValue)"
236
- @keydown="handleKeydown"
237
- @focus="isFocused = true"
238
- @blur="isFocused = false"
239
- >
240
- <label
241
- :for="label"
242
- :class="[labelClass]"
243
- class="label"
244
- >
245
- <span class="text">{{ label }}</span>
246
- <span
247
- v-if="required"
248
- class="text-red-600"
249
- > *</span>
250
- </label>
251
-
252
- <component
253
- :is="startIcon"
254
- v-if="startIcon"
255
- class="pointer-events-none absolute left-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
256
- filled
257
- />
258
- <component
259
- :is="endIcon"
260
- v-if="endIcon"
261
- class="pointer-events-none absolute right-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
262
- filled
263
- />
264
- <button
265
- v-if="isClearable"
266
- class="pointer-events-click absolute right-4 top-1/2 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
267
- type="button"
268
- @click="onClear"
269
- >
270
- <i-x-mark
271
- filled
272
- class="!mb-0 fill-gray-600 dark:fill-gray-300"
273
- />
274
- </button>
275
- <slot name="endButton" />
276
- </div>
277
- <Transition name="slide-in">
278
- <div
279
- v-if="error && typeof error === 'string'"
280
- class="mt-1"
281
- >
282
- <a-alert
283
- :size="size === 'sm' ? 'xs' : 'sm'"
284
- :color="'red'"
285
- icon-type="triangle"
286
- >
287
- <template #default>
288
- <div class="flex flex-col">
289
- <span
290
- v-for="(err, index) in error.split(', ')"
291
- :key="index"
292
- >{{ err }}<br></span>
293
- </div>
294
- </template>
295
- </a-alert>
296
- </div>
297
- </Transition>
298
- </div>
196
+ ]"
197
+ >
198
+ <ul
199
+ ref="autocompleteContainer"
200
+ class="max-h-[250px] w-full overflow-y-auto"
201
+ >
202
+ <li
203
+ v-for="(item, idx) in autocompleteList"
204
+ :key="idx"
205
+ class="cursor-pointer rounded px-4 py-[10px] transition-colors hover:bg-deepblue-900/10 hover:dark:bg-gray-200/10"
206
+ :class="{ 'bg-deepblue-900/5 dark:bg-gray-200/5': currentItemIndex === idx }"
207
+ @mousedown="onSelectOption(item)"
208
+ @touchend="onSelectOptionMobile(item)"
209
+ @touchmove="mobileAutocomMoved = true"
210
+ >
211
+ <slot
212
+ name="autocomplete-option"
213
+ :item="item"
214
+ >
215
+ {{ autocompleteOption ? item[autocompleteOption] : item }}
216
+ </slot>
217
+ </li>
218
+ </ul>
219
+ <slot
220
+ name="autocomplete-buttons"
221
+ :value="modelValue"
222
+ />
223
+ </div>
224
+ </Transition>
225
+ <input
226
+ :id="label"
227
+ ref="input"
228
+ v-model="modelValue"
229
+ :type="type"
230
+ :class="[inputClass, { not_empty: modelValue !== null && modelValue !== void 0 && modelValue !== '' }]"
231
+ class="input"
232
+ required
233
+ :tabindex="disabled ? -1 : 0"
234
+ v-bind="$attrs"
235
+ @input="emit('updateValue', modelValue)"
236
+ @keydown="handleKeydown"
237
+ @focus="isFocused = true"
238
+ @blur="isFocused = false"
239
+ >
240
+ <label
241
+ :for="label"
242
+ :class="[labelClass]"
243
+ class="label"
244
+ >
245
+ <span class="text">{{ label }}</span>
246
+ <span
247
+ v-if="required"
248
+ class="text-red-600"
249
+ > *</span>
250
+ </label>
251
+
252
+ <component
253
+ :is="startIcon"
254
+ v-if="startIcon"
255
+ class="pointer-events-none absolute left-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
256
+ filled
257
+ />
258
+ <component
259
+ :is="endIcon"
260
+ v-if="endIcon"
261
+ class="pointer-events-none absolute right-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
262
+ filled
263
+ />
264
+ <button
265
+ v-if="isClearable"
266
+ class="pointer-events-click absolute right-4 top-1/2 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
267
+ type="button"
268
+ @click="onClear"
269
+ >
270
+ <i-x-mark
271
+ filled
272
+ class="!mb-0 fill-gray-600 dark:fill-gray-300"
273
+ />
274
+ </button>
275
+ <slot name="endButton" />
276
+ </div>
277
+ <Transition name="slide-in">
278
+ <div
279
+ v-if="error && typeof error === 'string'"
280
+ class="mt-1"
281
+ >
282
+ <a-alert
283
+ :size="size === 'sm' ? 'xs' : 'sm'"
284
+ :color="'red'"
285
+ icon-type="triangle"
286
+ >
287
+ <template #default>
288
+ <div class="flex flex-col">
289
+ <span
290
+ v-for="(err, index) in error.split(', ')"
291
+ :key="index"
292
+ >{{ err }}<br></span>
293
+ </div>
294
+ </template>
295
+ </a-alert>
296
+ </div>
297
+ </Transition>
298
+ </div>
299
299
  </template>
300
300
 
301
301
  <style scoped>
@@ -88,69 +88,69 @@ const labelClass = computed(
88
88
  </script>
89
89
 
90
90
  <template>
91
- <div :class="wrapperClass">
92
- <div :class="inputWrapperClass">
93
- <textarea
94
- :id="label"
95
- ref="input"
96
- v-model="modelValue"
97
- :class="inputClass"
98
- :tabindex="disabled ? -1 : 0"
99
- class="input"
100
- required
101
- v-bind="$attrs"
102
- />
103
- <label
104
- :class="labelClass"
105
- :for="label"
106
- class="label cursor-pointer"
107
- >
108
- <span class="text">{{ label }}</span>
109
- <span
110
- v-if="required"
111
- class="text-red-600"
112
- > *</span>
113
- </label>
114
-
115
- <component
116
- :is="startIcon"
117
- v-if="startIcon"
118
- class="pointer-events-none absolute left-4 top-5 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
119
- filled
120
- />
121
- <button
122
- v-if="isClearable"
123
- class="pointer-events-click absolute right-4 top-5 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
124
- type="button"
125
- @click="modelValue = ''"
126
- >
127
- <i-x-mark
128
- class="!mb-0 fill-gray-600 dark:fill-gray-300"
129
- filled
130
- />
131
- </button>
132
- <slot name="endButton" />
133
- </div>
134
- <Transition name="slide-in">
135
- <div
136
- v-if="error && typeof error === 'string'"
137
- class="mt-1"
138
- >
139
- <a-alert
140
- :color="'red'"
141
- :size="size === 'sm' ? 'sm' : 'lg'"
142
- icon-type="triangle"
143
- >
144
- <template #default>
145
- <span
146
- v-for="(err, index) in error.split(', ')"
147
- :key="index"
148
- >{{ err }}<br></span>
149
- </template>
150
- </a-alert>
151
- </div>
152
- </Transition>
153
- </div>
91
+ <div :class="wrapperClass">
92
+ <div :class="inputWrapperClass">
93
+ <textarea
94
+ :id="label"
95
+ ref="input"
96
+ v-model="modelValue"
97
+ :class="inputClass"
98
+ :tabindex="disabled ? -1 : 0"
99
+ class="input"
100
+ required
101
+ v-bind="$attrs"
102
+ />
103
+ <label
104
+ :class="labelClass"
105
+ :for="label"
106
+ class="label cursor-pointer"
107
+ >
108
+ <span class="text">{{ label }}</span>
109
+ <span
110
+ v-if="required"
111
+ class="text-red-600"
112
+ > *</span>
113
+ </label>
114
+
115
+ <component
116
+ :is="startIcon"
117
+ v-if="startIcon"
118
+ class="pointer-events-none absolute left-4 top-5 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
119
+ filled
120
+ />
121
+ <button
122
+ v-if="isClearable"
123
+ class="pointer-events-click absolute right-4 top-5 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
124
+ type="button"
125
+ @click="modelValue = ''"
126
+ >
127
+ <i-x-mark
128
+ class="!mb-0 fill-gray-600 dark:fill-gray-300"
129
+ filled
130
+ />
131
+ </button>
132
+ <slot name="endButton" />
133
+ </div>
134
+ <Transition name="slide-in">
135
+ <div
136
+ v-if="error && typeof error === 'string'"
137
+ class="mt-1"
138
+ >
139
+ <a-alert
140
+ :color="'red'"
141
+ :size="size === 'sm' ? 'sm' : 'lg'"
142
+ icon-type="triangle"
143
+ >
144
+ <template #default>
145
+ <span
146
+ v-for="(err, index) in error.split(', ')"
147
+ :key="index"
148
+ >{{ err }}<br></span>
149
+ </template>
150
+ </a-alert>
151
+ </div>
152
+ </Transition>
153
+ </div>
154
154
  </template>
155
155
 
156
156
  <style scoped>
@@ -1,3 +1,4 @@
1
+ import AAlert from '../../../Alert.vue.js';
1
2
  interface Props {
2
3
  disabled?: boolean;
3
4
  label?: string;
@@ -11,23 +12,54 @@ interface Props {
11
12
  colorClasses?: string;
12
13
  }
13
14
  type __VLS_Props = Props;
15
+ declare const modelValue: import("vue").ModelRef<string | number, string, string | number, string | number>;
16
+ declare const isClearable: import("vue").ComputedRef<boolean>;
17
+ declare const wrapperClass: string;
18
+ declare const inputWrapperClass: import("vue").ComputedRef<string>;
19
+ declare const inputClass: import("vue").ComputedRef<string>;
20
+ declare const labelClass: import("vue").ComputedRef<string>;
14
21
  type __VLS_PublicProps = __VLS_Props & {
15
22
  modelValue?: string | number;
16
23
  };
24
+ declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
17
25
  declare var __VLS_9: {};
18
- type __VLS_Slots = {} & {
26
+ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
19
27
  endButton?: (props: typeof __VLS_9) => any;
20
- };
21
- declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
+ }>;
29
+ declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
30
+ AAlert: typeof AAlert;
31
+ modelValue: typeof modelValue;
32
+ isClearable: typeof isClearable;
33
+ wrapperClass: typeof wrapperClass;
34
+ inputWrapperClass: typeof inputWrapperClass;
35
+ inputClass: typeof inputClass;
36
+ labelClass: typeof labelClass;
37
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
38
  "update:modelValue": (value: string | number) => any;
23
39
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
24
40
  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
25
41
  }>, {
26
42
  size: "sm" | "md";
27
43
  error: string | boolean;
44
+ disabled: boolean;
45
+ required: boolean;
28
46
  label: string;
47
+ readonly: boolean;
48
+ clearable: boolean;
49
+ startIcon: string | object;
50
+ colorClasses: string;
51
+ resizeable: boolean | "none" | "both" | "x" | "y";
52
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
53
+ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
54
+ "update:modelValue": (value: string | number) => any;
55
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
56
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
57
+ }>, {
58
+ size: "sm" | "md";
59
+ error: string | boolean;
29
60
  disabled: boolean;
30
61
  required: boolean;
62
+ label: string;
31
63
  readonly: boolean;
32
64
  clearable: boolean;
33
65
  startIcon: string | object;
@@ -55,58 +55,58 @@ watch(comment, (newComment) => {
55
55
  </script>
56
56
 
57
57
  <template>
58
- <div class="flex flex-col gap-4 sm:gap-8 bg-white p-8 dark:bg-gray-900 sm:rounded-[20px]">
59
- <div class="flex flex-col gap-2">
60
- <h2 class="font-bold text-[2rem] leading-10">
61
- {{ t("forms.feedback.title") }}
62
- </h2>
63
- <p class="body-400 text-gray-600 dark:text-gray-200">
64
- {{ t("forms.feedback.subtitle") }}
65
- </p>
66
- </div>
67
- <form
68
- action=""
69
- class="flex flex-col justify-between gap-2 sm:flex-row sm:gap-4"
70
- >
71
- <div class="flex flex-col gap-2 sm:w-1/2 sm:gap-4">
72
- <adt-forms-input-standard
73
- v-model="mail"
74
- type="email"
75
- color-classes="bg-gray-50 dark:bg-gray-800"
76
- :error="emailValidation"
77
- :label="t('forms.feedback.email')"
78
- required
79
- size="md"
80
- />
81
- <adt-forms-input-standard
82
- v-model="phone"
83
- type="tel"
84
- color-classes="bg-gray-50 dark:bg-gray-800"
85
- :error="phoneValidation"
86
- :label="t('forms.feedback.phone')"
87
- required
88
- size="md"
89
- />
90
- </div>
91
- <div class="sm:w-1/2">
92
- <lazy-adt-forms-input-textarea-a-textarea
93
- v-model="comment"
94
- :error="commentValidation"
95
- :label="t('forms.feedback.comment')"
96
- :resizeable="false"
97
- class="min-h-[72px]"
98
- color-classes="dark:bg-gray-800 bg-gray-50"
99
- required
100
- size="sm"
101
- />
102
- </div>
103
- </form>
104
- <adt-button
105
- class="w-full self-end sm:w-[215px] font-semibold"
106
- :loading="isLoading"
107
- @click="send"
108
- >
109
- {{ t("forms.feedback.send") }}
110
- </adt-button>
111
- </div>
58
+ <div class="flex flex-col gap-4 sm:gap-8 bg-white p-8 dark:bg-gray-900 sm:rounded-[20px]">
59
+ <div class="flex flex-col gap-2">
60
+ <h2 class="font-bold text-[2rem] leading-10">
61
+ {{ t("forms.feedback.title") }}
62
+ </h2>
63
+ <p class="body-400 text-gray-600 dark:text-gray-200">
64
+ {{ t("forms.feedback.subtitle") }}
65
+ </p>
66
+ </div>
67
+ <form
68
+ action=""
69
+ class="flex flex-col justify-between gap-2 sm:flex-row sm:gap-4"
70
+ >
71
+ <div class="flex flex-col gap-2 sm:w-1/2 sm:gap-4">
72
+ <adt-forms-input-standard
73
+ v-model="mail"
74
+ type="email"
75
+ color-classes="bg-gray-50 dark:bg-gray-800"
76
+ :error="emailValidation"
77
+ :label="t('forms.feedback.email')"
78
+ required
79
+ size="md"
80
+ />
81
+ <adt-forms-input-standard
82
+ v-model="phone"
83
+ type="tel"
84
+ color-classes="bg-gray-50 dark:bg-gray-800"
85
+ :error="phoneValidation"
86
+ :label="t('forms.feedback.phone')"
87
+ required
88
+ size="md"
89
+ />
90
+ </div>
91
+ <div class="sm:w-1/2">
92
+ <lazy-adt-forms-input-textarea-a-textarea
93
+ v-model="comment"
94
+ :error="commentValidation"
95
+ :label="t('forms.feedback.comment')"
96
+ :resizeable="false"
97
+ class="min-h-[72px]"
98
+ color-classes="dark:bg-gray-800 bg-gray-50"
99
+ required
100
+ size="sm"
101
+ />
102
+ </div>
103
+ </form>
104
+ <adt-button
105
+ class="w-full self-end sm:w-[215px] font-semibold"
106
+ :loading="isLoading"
107
+ @click="send"
108
+ >
109
+ {{ t("forms.feedback.send") }}
110
+ </adt-button>
111
+ </div>
112
112
  </template>
@@ -1,11 +1,5 @@
1
1
  type __VLS_PublicProps = {
2
2
  'isLoading'?: boolean;
3
3
  };
4
- declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
5
- submit: (...args: any[]) => void;
6
- "update:isLoading": (value: boolean) => void;
7
- }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
8
- onSubmit?: ((...args: any[]) => any) | undefined;
9
- "onUpdate:isLoading"?: ((value: boolean) => any) | undefined;
10
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
4
+ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
11
5
  export default _default;