adata-ui 2.0.8 → 2.0.10

package/components/elements/curve-block/ACurveBlock.vue

@@ -63,13 +63,13 @@ const props = defineProps<{
 
     <div class="absolute left-6 top-6 flex flex-col gap-4 pr-6">
       <div class="flex items-center gap-2">
-        <div class="rounded-sm bg-deepblue-900/5 dark:bg-gray-200/5 p-1">
+        <div class="rounded-[4px]  icon-item bg-deepblue-900/5 dark:bg-gray-200/5 p-1 ">
           <component
             :is="icon"
             class="size-6 shrink-0"
           />
         </div>
-        <p class="text-base font-semibold">
+        <p class="text-base title font-semibold">
           {{ title }}
         </p>
       </div>
@@ -158,10 +158,12 @@ const props = defineProps<{
 }
 
 
-.active-item .border-path,
-.active-item .animated-border {
-  stroke-dashoffset: 0;
-  fill: white;
+
+.active-item .title {
+  color: #0070EB;
+}
+.active-item .border-path {
+  fill: #0070EB1A;
 }
 .curve-block:hover .border-path,
 .curve-block:hover .animated-border {
@@ -170,6 +172,12 @@ const props = defineProps<{
   fill: white;
 }
 
+.curve-block:hover .icon-item {
+  background-color: #E0EFFF;
+  color: #0070EB;
+  transition: all 2s ease, fill 2s ease;
+}
+
 .border-path {
   stroke: url(#gradient-light);
 }
@@ -196,12 +204,20 @@ const props = defineProps<{
     fill: #26282b;
   }
 
-  .active-item .border-path,
-  .active-item .animated-border {
-    stroke-dashoffset: 0;
-    fill: #131415;
+  .active-item .title {
+    color: #1b98e2;
+  }
+  .active-item .border-path {
+    fill: rgba(23, 146, 221, 0.38);
   }
 
+  .curve-block:hover .icon-item {
+    background-color: rgba(30, 88, 156, 0.6);
+    color: #1b98e2;
+    transition: all 2s ease, fill 2s ease;
+  }
+
+
   .curve-block:hover .border-path,
   .curve-block:hover .animated-border {
     fill: #131415;

package/components/features/pk-mobile-services/APkMobileServices.vue

@@ -1,8 +1,12 @@
 <script setup lang="ts">
-
+import { PAGES } from '#adata-ui/shared/constans/pages'
 import { usePkServicesLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
 
 const services = usePkServicesLinks()
+const route = useRoute()
+const localePath = useLocalePath()
+const config = useAppConfig()
+const { locale } = useI18n()
 
 const blockStyles = [
   'first-border-gradient',
@@ -15,6 +19,17 @@ const blockStyles = [
   'eighth-border-gradient',
   'ninth-border-gradient',
 ]
+const linkByIndex = [
+  PAGES.pk.main,
+  PAGES.pk.employees,
+  PAGES.pk.connections,
+  PAGES.pk.foreign,
+  PAGES.pk.unload,
+  PAGES.pk.offshore,
+  PAGES.pk.sanctions,
+  PAGES.pk.compare,
+  buildLocalizedUrl(locale, config.myLayer.landingUrl, '/all-services'),
+]
 </script>
 
 <template>
@@ -27,7 +42,10 @@ const blockStyles = [
     >
       <div
         class="size-10 p-2 rounded-lg"
-        :class="index === services.length - 1 ? 'bg-gradient-blue text-white' : 'bg-deepblue-900/5 dark:bg-gray-200/5'"
+        :class="[
+          index === services.length - 1 ? 'bg-gradient-blue text-white' : 'bg-deepblue-900/5 dark:bg-gray-200/5',
+          {'!bg-blue-700 text-white dark:!bg-blue-500 ': route.path.replace(/\/+$/, '') === localePath(linkByIndex[index]).replace(/\/+$/, '')}
+        ]"
       >
         <component
           :is="service.icon"

package/components/forms/request-demo/ARequestDemo.vue

@@ -52,7 +52,7 @@ function onSend() {
         <p class="md:text-[32px] text-[24px]  font-bold">
           {{ title || t('forms.request_demo.title') }}
         </p>
-        <p class="text-base">
+        <p class="text-base whitespace-pre-line">
           {{ description || t('forms.request_demo.info') }}
         </p>
       </div>
@@ -62,17 +62,22 @@ function onSend() {
             <div class="flex flex-col gap-4">
               <a-input-standard
                 v-model="form.sender_name"
+                required
                 :label="t('forms.demo.n')"
                 :error="getError('sender_name')"
               />
               <a-input-standard
                 v-model="form.email"
+                required
                 :label="t('forms.demo.e')"
                 :error="getError('email')"
                 type="email"
               />
               <a-input-standard
                 v-model="form.phone_number"
+                v-maska
+                required
+                data-maska="8 (###) ###-##-##"
                 :label="t('forms.demo.p')"
                 :error="getError('phone_number')"
                 type="tel"
@@ -80,7 +85,12 @@ function onSend() {
             </div>
           </slot>
           <div>
-            <a-button @click="onSend">{{ t('forms.request_demo.send') }}</a-button>
+            <a-button
+              block
+              @click="onSend"
+            >
+              {{ t('forms.request_demo.send') }}
+            </a-button>
           </div>
         </div>
       </div>

package/lang/en.ts

@@ -399,8 +399,8 @@ const EnLocale: RuLocale = {
       b: "Request demo access"
     },
     request_demo: {
-      title: 'Request demo access',
-      info: 'Fill out the form to request demo access',
+      "title": "Try all the features of the service for free",
+      "info": "Check the functionality and quality of the data in real conditions. Demo access will allow you to test all the key features of the service\nFill out the form to submit a connection request",
       agreement: 'By filling out the form, you agree to the processing of personal data and receiving informational messages',
       send: 'Submit Request',
     },

package/lang/kk.ts

@@ -400,8 +400,8 @@ const KkLocale: RuLocale = {
       b: "Демо қолжетімділікті сұрау"
     },
     request_demo: {
-      title: 'Демо қатынасын сұрау',
-      info: 'Демо қатынасын сұрау үшін пішінді толтырыңыз',
+      "title": "Қызметтің барлық мүмкіндіктерін тегін қолданып көріңіз",
+      "info": "Деректердің функционалдығын және сапасын нақты жағдайларда тексеріңіз. Демо-қолжетімділік қызметтің барлық негізгі мүмкіндіктерін сынап көруге мүмкіндік береді\nҚосылуға өтінім беру үшін форманы толтырыңыз",
       agreement: 'Пішінді толтыра отырып, сіз жеке деректерді өңдеуге және ақпараттық хабарламаларды алуға келісім бересіз',
       send: 'Өтінімді жіберу',
     },

package/lang/ru.ts

@@ -400,8 +400,9 @@ const RuLocale = {
       b: 'Запросить демо-доступ'
     },
     request_demo: {
-      title: 'Запросить демо-доступ',
-      info: 'Заполните форму, чтобы оставить заявку на демо-доступ',
+      title: 'Попробуйте все возможности сервиса бесплатно',
+      info: 'Проверьте функционал и качество данных в реальных условиях. Демо-доступ позволит протестировать все ключевые возможности сервиса' + '\n' +
+        'Заполните форму, чтобы оставить заявку на подключение',
       agreement: 'Заполняя форму, вы соглашаетесь на обработку персональных данных и получение информационных сообщений',
       send: 'Отправить заявку',
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
@@ -61,5 +61,6 @@
     "tailwindcss": "^3.4.17",
     "vue3-toastify": "^0.2.8",
     "zod": "^4.0.15"
-  }
+  },
+  "packageManager": "pnpm@9.15.1+sha1.abc117858086cb10ecb54828d180b035cb6c8fdd"
 }