adata-ui 4.0.29 → 4.0.30

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.
package/dist/module.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "nuxt": ">=3.16.0"
6
6
  },
7
7
  "failOnWarn": false,
8
- "version": "4.0.29",
8
+ "version": "4.0.30",
9
9
  "builder": {
10
10
  "@nuxt/module-builder": "1.0.1",
11
11
  "unbuild": "3.5.0"
@@ -215,7 +215,7 @@ const infoLinks = [
215
215
  id="footer"
216
216
  class="bg-deepblue-900 dark:bg-gray-900 lg:pt-10"
217
217
  >
218
- <div class="a-container py-5 text-white">
218
+ <div class="a-container mobile-padding py-5 text-white">
219
219
  <i-adata
220
220
  filled
221
221
  :font-controlled="false"
@@ -251,7 +251,7 @@ const infoLinks = [
251
251
  </div>
252
252
  </div>
253
253
  <div class="relative">
254
- <div class="a-container py-5">
254
+ <div class="a-container mobile-padding py-5">
255
255
  <div
256
256
  class="flex flex-col gap-10 text-xs text-white before:absolute before:left-0 before:top-0 before:h-[0.5px] before:w-full before:bg-white lg:flex-row lg:items-center lg:gap-5"
257
257
  >
@@ -1,53 +1,76 @@
1
1
  <script setup>
2
- import { useI18n } from "#imports";
2
+ import { ref, useI18n } from "#imports";
3
+ import { useMediaQuery } from "@vueuse/core";
3
4
  defineProps({
4
5
  label: { type: String, required: true },
5
6
  link: { type: String, required: true },
6
7
  content: { type: Array, required: true }
7
8
  });
9
+ const isDesktop = useMediaQuery("(max-width: 1024px)");
8
10
  const { t } = useI18n();
11
+ const open = ref(false);
12
+ function toFinalValues(el) {
13
+ el.style.height = el.scrollHeight + "px";
14
+ el.style.opacity = "1";
15
+ }
16
+ function onAfterEnter(el) {
17
+ el.style.height = "";
18
+ }
19
+ const filterCheck = computed(() => {
20
+ if (open.value) {
21
+ return open.value;
22
+ } else {
23
+ return open.value = !isDesktop.value;
24
+ }
25
+ });
9
26
  </script>
10
27
 
11
28
  <template>
12
- <div class="flex flex-col ">
13
- <div
14
- class="flex gap-2 justify-between "
15
- >
16
- <nuxt-link-locale
17
- class="text-sm"
18
- :to="link"
19
- >
20
- {{ label }}
21
- </nuxt-link-locale>
22
-
23
- <div
24
- class="transition-all lg:hidden cursor-pointer"
25
- >
26
- <i-check-circle
27
- v-if="content.length"
28
- filled
29
- :font-controlled="false"
30
- class="w-6 h-6 "
31
- />
32
- </div>
33
- </div>
34
- <transition
35
- name="accordion"
36
- >
37
- <div
38
- class="mt-2 flex flex-col gap-2"
39
- >
40
- <nuxt-link-locale
41
- v-for="(item, idx) in content"
42
- :key="idx"
43
- class="text-xs"
44
- :to="item.link.replace(/\/$/, '')"
45
- >
46
- {{ t(item.title) }}
47
- </nuxt-link-locale>
48
- </div>
49
- </transition>
50
- </div>
29
+ <div class="flex flex-col ">
30
+ <div
31
+ class="flex gap-2 justify-between "
32
+ >
33
+ <nuxt-link-locale
34
+ class="text-sm"
35
+ :to="link"
36
+ >
37
+ {{ label }}
38
+ </nuxt-link-locale>
39
+
40
+ <div
41
+ class="transition-all lg:hidden cursor-pointer"
42
+ >
43
+ <i-arrow-chevron-down
44
+ v-if="content.length"
45
+ filled
46
+ :font-controlled="false"
47
+ class="w-6 h-6 transition-all"
48
+ :class="{ 'rotate-180': open }"
49
+ @click="open = !open"
50
+ />
51
+ </div>
52
+ </div>
53
+ <transition
54
+ name="accordion"
55
+ @enter="toFinalValues"
56
+ @after-enter="onAfterEnter"
57
+ @before-leave="toFinalValues"
58
+ >
59
+ <div
60
+ v-if="filterCheck"
61
+ class="mt-2 flex flex-col gap-2"
62
+ >
63
+ <nuxt-link-locale
64
+ v-for="(item, idx) in content"
65
+ :key="idx"
66
+ class="text-xs"
67
+ :to="item.link.replace(/\/$/, '')"
68
+ >
69
+ {{ t(item.title) }}
70
+ </nuxt-link-locale>
71
+ </div>
72
+ </transition>
73
+ </div>
51
74
  </template>
52
75
 
53
76
  <style scoped>
@@ -16,7 +16,7 @@ const props = defineProps({
16
16
  daysRemaining: { type: Number, required: false, default: 0 },
17
17
  limitRemaining: { type: Number, required: false, default: 0 },
18
18
  balance: { type: Number, required: false, default: 0 },
19
- isAuthenticated: { type: Boolean, required: false },
19
+ isAuthenticated: { type: Boolean, required: false, default: true },
20
20
  showLogIn: { type: Boolean, required: false, default: true },
21
21
  mobileHeaderType: { type: String, required: false, default: "default" },
22
22
  module: { type: String, required: false, default: "pk" },
@@ -20,6 +20,7 @@ type __VLS_Slots = {} & {
20
20
  declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
21
21
  daysRemaining: number;
22
22
  limitRemaining: number;
23
+ isAuthenticated: boolean;
23
24
  module: ProjectKeys;
24
25
  rate: string;
25
26
  balance: number;
@@ -238,7 +238,7 @@ const filteredItems = [
238
238
  title: t("header.products.compliance.items.l.t"),
239
239
  subtitle: t("header.products.compliance.items.l.st"),
240
240
  icon: IProfile,
241
- to: `https://ac.${mode}.kz/` + PAGES.compliance.l
241
+ to: `https://ac.${mode}.kz/compliance`
242
242
  }
243
243
  ]
244
244
  }
@@ -99,6 +99,7 @@ const onReplenish = () => {
99
99
  side="bottom"
100
100
  align="end"
101
101
  :side-offset="20"
102
+ class="shadow-md"
102
103
  >
103
104
  <div class="max-w-full lg:w-[440px]">
104
105
  <!-- desktop -->
@@ -230,7 +231,10 @@ const onReplenish = () => {
230
231
  <a-button
231
232
  class="lg:mt-2"
232
233
  block
233
- @click="$emit('logout')"
234
+ @click="() => {
235
+ $emit('logout');
236
+ profileMenuOpen = false;
237
+ }"
234
238
  >
235
239
  <i-logout class="h-5 w-5" />
236
240
  <span>
@@ -9,7 +9,8 @@ const appConfig = useAppConfig();
9
9
  const mode = appConfig.adataUI.mode;
10
10
  const localePath = useLocalePath();
11
11
  function logIn() {
12
- return navigateTo(localePath(`https://id.${mode}.kz`), { external: true });
12
+ const fullPath = encodeURIComponent(window.location.toString());
13
+ return navigateTo(localePath(`https://id.${mode}.kz/?url=${fullPath}`), { external: true });
13
14
  }
14
15
  function register() {
15
16
  return navigateTo(localePath(`https://id.${mode}.kz/register`), { external: true });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "4.0.29",
3
+ "version": "4.0.30",
4
4
  "description": "Adata UI",
5
5
  "repository": "your-org/my-module",
6
6
  "license": "MIT",