adata-ui 3.1.15 → 3.1.16

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "failOnWarn": false,
-  "version": "3.1.15",
+  "version": "3.1.16",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/NewFooter.vue

@@ -201,7 +201,9 @@ const contactLinks = {
         </div>
 
         <!--   contactLinks     -->
-        <div class="flex flex-col gap-2 items-start">
+        <!--noindex-->
+
+        <div class="flex flex-col gap-2 items-start" data-nosnippet>
           <nuxt-link-locale
             class="text-sm font-semibold pb-3 pr-4 border-b border-b-[0.5px] border-white cursor-default"
             :class="{ 'cursor-pointer': contactLinks.link }"
@@ -242,6 +244,7 @@ const contactLinks = {
             </div>
           </div>
         </div>
+        <!--/noindex-->
       </div>
 
       <div class="lg:hidden flex gap-8 flex-wrap">

package/dist/runtime/components/feature-description/FeatureDescription.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { onMounted, onUnmounted } from "#imports";
+const props = defineProps({
+  features: { type: Array, required: true }
+});
+const selected = defineModel({ type: Number, ...{ default: 0 } });
+const duration = 5e3;
+let timer = null;
+const nextFeature = () => {
+  selected.value = (selected.value + 1) % props.features.length;
+  startTimer();
+};
+const startTimer = () => {
+  clearTimer();
+  timer = setTimeout(() => {
+    nextFeature();
+  }, duration);
+};
+const clearTimer = () => {
+  if (timer) {
+    clearTimeout(timer);
+    timer = null;
+  }
+};
+function selectFeature(idx) {
+  selected.value = idx;
+  startTimer();
+}
+onMounted(() => startTimer());
+onUnmounted(() => clearTimer());
+</script>
+
+<template>
+  <div
+    v-for="(item, idx) in features"
+    :key="idx"
+    class="relative flex flex-col pl-3 cursor-pointer"
+    @click="selectFeature(idx)"
+  >
+    <div
+      v-if="selected === idx"
+      class="absolute left-0 top-0 w-[2px] bg-blue-700 dark:bg-blue-500 z-20 h-full rounded-full"
+      :class="{ 'fill-animation': selected === idx }"
+    />
+
+    <div
+      class="absolute left-0 top-0 w-[2px] bg-gray-500/50 z-10 h-full rounded-full"
+    />
+
+    <div class="flex items-center gap-2 relative z-10">
+      <div
+        :class="[
+  'transition-all duration-300 ease-in-out',
+  selected === idx ? 'rounded-md bg-blue-700 dark:bg-blue-500 p-2 icon-bg' : 'size-fit'
+]"
+      >
+        <component
+          :is="item.icon"
+          class="shrink-0 size-6 transition-colors duration-300 ease-in-out"
+          :class="selected === idx ? 'text-white dark:text-gray-900' : 'text-gray-600 dark:text-gray-200'"
+        />
+      </div>
+      <p
+        class="font-semibold text-base lg:text-xl transition-colors duration-300 ease-in-out"
+        :class="selected === idx ? 'dark:text-[#E3E5E8]' : 'text-gray-600 dark:text-gray-200'"
+      >
+        {{ item.title }}
+      </p>
+    </div>
+
+    <adt-transitions-transition-height
+      :transition="{
+  enterActiveClass: 'overflow-hidden transition-[height] duration-[1s] ease-in-out',
+  leaveActiveClass: 'overflow-hidden transition-[height] duration-[1s] ease-in-out'
+}"
+    >
+      <div
+        v-if="selected === idx"
+      >
+        <p class="text-xs lg:text-sm pt-3">
+          {{ item.description }}
+        </p>
+      </div>
+    </adt-transitions-transition-height>
+  </div>
+</template>
+
+<style scoped>
+.icon-bg {
+  box-shadow: -4px 4px 0px 0px rgba(0, 122, 255, 0.1019607843);
+}
+
+.fill-animation {
+  animation: borderFill 5s linear forwards;
+}
+
+@keyframes borderFill {
+  0% {
+    height: 0;
+  }
+  100% {
+    height: 100%;
+  }
+}
+</style>

package/dist/runtime/components/feature-description/FeatureDescription.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Component } from 'vue';
+interface FeatureInfo {
+    icon: Component;
+    title: string;
+    description: string;
+}
+type __VLS_Props = {
+    features: FeatureInfo[];
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/header/AlmatyContacts.vue

@@ -43,7 +43,8 @@ const newContacts = computed(() => contacts.value.map((item) => ({
 </script>
 
 <template>
-  <div class="h-[272px]">
+  <!--noindex-->
+  <div class="h-[272px]" data-nosnippet>
     <h2 class="heading-02 mb-4">
       {{ t("header.contacts.almaty.title") }}
     </h2>
@@ -117,4 +118,5 @@ const newContacts = computed(() => contacts.value.map((item) => ({
       </div>
     </div>
   </div>
+  <!--/noindex-->
 </template>

package/dist/runtime/components/header/AstanaContacts.vue

@@ -33,7 +33,8 @@ const AstanaItems = [
 </script>
 
 <template>
-  <div class="h-[272px]">
+  <!--noindex-->
+  <div class="h-[272px]" data-nosnippet>
     <h2 class="heading-02 mb-4">
       {{ t("header.contacts.astana.title") }}
     </h2>
@@ -62,4 +63,5 @@ const AstanaItems = [
       </div>
     </div>
   </div>
+  <!--/noindex-->
 </template>

package/dist/runtime/components/header/CardGallery.vue

@@ -1,28 +1,31 @@
 <script setup>
-import { computed, onMounted, onUnmounted, ref, useI18n } from "#imports";
+import { PAGES } from "../../shared/constants/pages";
+import { computed, onMounted, onUnmounted, ref, useAppConfig, useI18n } from "#imports";
 import ArrowSideUp from "#icons/arrow/arrow-side-up.vue";
 import { IArrowCircleDown, IGlobe, IId } from "#components";
 const { t } = useI18n();
+const appConfig = useAppConfig();
+const mode = appConfig.adataUI.mode;
 const items = computed(() => {
   return [
     {
       title: "header.products.galleryCards.unload.title",
       subtitle: "header.products.galleryCards.unload.subtitle",
-      to: "/",
+      to: `https://pk.${mode}.kz` + PAGES.pk.unload,
       image: "/header/unload.webp",
       icon: IArrowCircleDown
     },
     {
       title: "header.products.galleryCards.compliance.title",
       subtitle: "header.products.galleryCards.compliance.subtitle",
-      to: "/",
+      to: `https://ac.${mode}.kz`,
       image: "/header/compliance.webp",
       icon: IId
     },
     {
       title: "header.products.galleryCards.ved.title",
       subtitle: "header.products.galleryCards.ved.subtitle",
-      to: "/",
+      to: `https://tnved.${mode}.kz`,
       image: "/header/ved.webp",
       icon: IGlobe
     }
@@ -103,7 +106,7 @@ onUnmounted(() => clearTimer());
         <img
           :src="items[currentIndex].image"
           class="size-full object-cover rounded-2xl"
-        />
+        >
         <nuxt-link :to="items[currentIndex].to">
           <div class="absolute bottom-0 rounded-2xl w-full bg-blue-700/80 dark:bg-blue-500/80 px-4 pt-4 pb-12 shadow-[0_-2px_4px_0_rgba(0,0,0,0.25)] backdrop-blur-md flex flex-col gap-6">
             <div class="flex flex-col gap-2">

package/dist/runtime/components/header/ProductMenu.vue

@@ -2,7 +2,7 @@
 import { PAGES } from "../../shared/constants/pages";
 import NavList from "./NavList.vue";
 import CardGallery from "./CardGallery.vue";
-import { useI18n, useAppConfig, useRequestURL } from "#imports";
+import { useI18n, useAppConfig, useRequestURL, computed } from "#imports";
 import IUsersThree from "#icons/users/users-three.vue";
 import ISearch from "#icons/search.vue";
 import IArrowCircleDown from "#icons/arrow/arrow-circle-down.vue";
@@ -42,7 +42,7 @@ const appConfig = useAppConfig();
 const mode = appConfig.adataUI.mode;
 const pageUrl = useRequestURL();
 defineEmits(["outerClick", "mouseOver"]);
-const filteredItems = [
+const filteredItems = computed(() => [
   {
     key: "edo",
     is_new: true,
@@ -274,7 +274,7 @@ const filteredItems = [
       }
     ]
   }
-];
+]);
 function isCurrentModule(currentModule) {
   if (currentModule === "fines") return "avto";
   if (currentModule === "analytics") return "analytics-new";

package/dist/runtime/components/photos-animation/PhotosAnimation.vue

@@ -0,0 +1,26 @@
+<script setup>
+const props = defineProps({
+  photos: { type: Array, required: true }
+});
+const getAnimationClass = (index) => {
+  if (props.photos.length === 1) return "fade-in";
+  const directions = ["from-top", "from-right", "from-bottom", "from-left"];
+  return directions[index % 4];
+};
+</script>
+
+<template>
+  <div class="relative size-full">
+    <img
+      v-for="(photo, index) in photos"
+      :key="index"
+      :src="photo.src"
+      :alt="photo.src"
+      :class="['photo', getAnimationClass(index), photo.classes]"
+    >
+  </div>
+</template>
+
+<style scoped>
+.photo{animation:fadeSlide 1s forwards;opacity:0;position:absolute;transform:translate(0)}.fade-in{animation:fadeOnly 1s forwards}.from-top{animation-name:slideFromTop}.from-right{animation-name:slideFromRight}.from-bottom{animation-name:slideFromBottom}.from-left{animation-name:slideFromLeft}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.photo{animation-duration:1s;animation-fill-mode:forwards}
+</style>

package/dist/runtime/components/photos-animation/PhotosAnimation.vue.d.ts

@@ -0,0 +1,9 @@
+interface Photo {
+    src: string;
+    classes: string;
+}
+type __VLS_Props = {
+    photos: Photo[];
+};
+declare const _default: 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>;
+export default _default;

package/dist/runtime/components/transitions/TransitionHeight.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { twMerge } from "tailwind-merge";
+import { computed } from "#imports";
+const props = defineProps({
+  transition: { type: Object, required: false }
+});
+const ui = {
+  transition: {
+    enterActiveClass: "overflow-hidden transition-[height] duration-200 ease-out",
+    leaveActiveClass: "overflow-hidden transition-[height] duration-200 ease-out"
+  }
+};
+const mergedUi = computed(() => ({
+  transition: {
+    enterActiveClass: twMerge(
+      ui.transition.enterActiveClass,
+      props.transition?.enterActiveClass
+    ),
+    leaveActiveClass: twMerge(
+      ui.transition.leaveActiveClass,
+      props.transition?.leaveActiveClass
+    )
+  }
+}));
+function onEnter(_el, done) {
+  const el = _el;
+  el.style.height = "0";
+  el.offsetHeight;
+  el.style.height = el.scrollHeight + "px";
+  el.addEventListener("transitionend", done, { once: true });
+}
+function onBeforeLeave(_el) {
+  const el = _el;
+  el.style.height = el.scrollHeight + "px";
+  el.offsetHeight;
+}
+function onAfterEnter(_el) {
+  const el = _el;
+  el.style.height = "auto";
+}
+function onLeave(_el, done) {
+  const el = _el;
+  el.style.height = "0";
+  el.addEventListener("transitionend", done, { once: true });
+}
+</script>
+
+<template>
+  <Transition
+    v-bind="mergedUi.transition"
+    @enter="onEnter"
+    @after-enter="onAfterEnter"
+    @before-leave="onBeforeLeave"
+    @leave="onLeave"
+  >
+    <slot />
+  </Transition>
+</template>

package/dist/runtime/components/transitions/TransitionHeight.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    transition?: {
+        enterActiveClass?: string;
+        leaveActiveClass?: string;
+    };
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+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>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "3.1.15",
+  "version": "3.1.16",
   "description": "Adata UI",
   "repository": "your-org/my-module",
   "license": "MIT",