adata-ui 4.0.36 → 4.0.37

package/README.md

@@ -1,84 +1,84 @@
-<!--
-Get your module up and running quickly.
-
-Find and replace all on all files (CMD+SHIFT+F):
-- Name: My Module
-- Package name: my-module
-- Description: My new Nuxt module
--->
-
-# My Module
-
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
-[![Nuxt][nuxt-src]][nuxt-href]
-
-My new Nuxt module for doing amazing things.
-
-- [✨ &nbsp;Release Notes](/CHANGELOG.md)
-<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
-<!-- - [📖 &nbsp;Documentation](https://example.com) -->
-
-## Features
-
-<!-- Highlight some of the features your module provide here -->
-- ⛰ &nbsp;Foo
-- 🚠 &nbsp;Bar
-- 🌲 &nbsp;Baz
-
-## Quick Setup
-
-Install the module to your Nuxt application with one command:
-
-```bash
-npx nuxi module add my-module
-```
-
-That's it! You can now use My Module in your Nuxt app ✨
-
-
-## Contribution
-
-<details>
-  <summary>Local development</summary>
-  
-  ```bash
-  # Install dependencies
-  npm install
-  
-  # Generate type stubs
-  npm run dev:prepare
-  
-  # Develop with the playground
-  npm run dev
-  
-  # Build the playground
-  npm run dev:build
-  
-  # Run ESLint
-  npm run lint
-  
-  # Run Vitest
-  npm run test
-  npm run test:watch
-  
-  # Release new version
-  npm run release
-  ```
-
-</details>
-
-
-<!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
-[npm-version-href]: https://npmjs.com/package/my-module
-
-[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
-[npm-downloads-href]: https://npm.chart.dev/my-module
-
-[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
-[license-href]: https://npmjs.com/package/my-module
-
-[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
-[nuxt-href]: https://nuxt.com
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: My Module
+- Package name: my-module
+- Description: My new Nuxt module
+-->
+
+# My Module
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+My new Nuxt module for doing amazing things.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxi module add my-module
+```
+
+That's it! You can now use My Module in your Nuxt app ✨
+
+
+## Contribution
+
+<details>
+  <summary>Local development</summary>
+  
+  ```bash
+  # Install dependencies
+  npm install
+  
+  # Generate type stubs
+  npm run dev:prepare
+  
+  # Develop with the playground
+  npm run dev
+  
+  # Build the playground
+  npm run dev:build
+  
+  # Run ESLint
+  npm run lint
+  
+  # Run Vitest
+  npm run test
+  npm run test:watch
+  
+  # Release new version
+  npm run release
+  ```
+
+</details>
+
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.json

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

package/dist/runtime/components/Alert.vue

@@ -1,30 +1,30 @@
 <template>
-  <div
-    class="inline-flex w-full rounded-md"
-    :class="twMerge(colorOptions.description[color], textBgClasses)"
-  >
-    <div
-      class="flex items-center justify-center rounded-l-md"
-      :class="twMerge([colorOptions.icon[color], sizeOptions[size]], iconBgClasses)"
-    >
-      <slot name="icon">
-        <i-info-circle
-          v-if="iconType == 'circle'"
-          :class="`w-[${iconSize}] h-[${iconSize}]`"
-        />
-        <i-warning-triangle
-          v-if="iconType == 'triangle'"
-          :class="`w-[${iconSize}] h-[${iconSize}]`"
-        />
-      </slot>
-    </div>
-    <div
-      :class="sizeOptions[size]"
-      class="rounded-r-md flex items-center"
-    >
-      <slot name="default" />
-    </div>
-  </div>
+  <div
+    class="inline-flex w-full rounded-md"
+    :class="twMerge(colorOptions.description[color], textBgClasses)"
+  >
+    <div
+      class="flex items-center justify-center rounded-l-md"
+      :class="twMerge([colorOptions.icon[color], sizeOptions[size]], iconBgClasses)"
+    >
+      <slot name="icon">
+        <i-info-circle
+          v-if="iconType == 'circle'"
+          :class="`w-[${iconSize}] h-[${iconSize}]`"
+        />
+        <i-warning-triangle
+          v-if="iconType == 'triangle'"
+          :class="`w-[${iconSize}] h-[${iconSize}]`"
+        />
+      </slot>
+    </div>
+    <div
+      :class="sizeOptions[size]"
+      class="rounded-r-md flex items-center"
+    >
+      <slot name="default" />
+    </div>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/Header.vue.d.ts

@@ -26,10 +26,10 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     daysRemaining: number;
     limitRemaining: number;
     isAuthenticated: boolean;
+    mobileHeaderType: "search" | "default";
     module: ProjectKeys;
     rate: string;
     balance: number;
-    mobileHeaderType: "search" | "default";
     showLogIn: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/Tag.vue

@@ -39,8 +39,8 @@ const typeSwitchValues = {
 </script>
 
 <template>
-  <div :class="[[classes], customClasses]">
-    <slot name="point" />
-    <slot />
-  </div>
+  <div :class="[[classes], customClasses]">
+    <slot name="point" />
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/accordion/Accordion.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     size: import("./types.js").Size;
     color: import("./types.js").Color;
     disabled: boolean;
-    slot: string;
     defaultOpen: boolean;
+    slot: string;
     divider: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/button/Button.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   view: { type: String, required: false, default: "default" },
   size: { type: String, required: false, default: "lg" },
   form: { type: String, required: false, default: "button" },
-  icon: { type: null, required: false },
+  icon: { type: [Object, Function], required: false },
   iconClass: { type: String, required: false, default: "" },
   loading: { type: Boolean, required: false, default: false },
   disabled: { type: Boolean, required: false, default: false },

package/dist/runtime/components/button/Button.vue.d.ts

@@ -21,12 +21,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     active: boolean;
     view: "default" | "outline" | "transparent";
+    to: string;
+    loading: boolean;
     variant: "primary" | "success" | "danger" | "gray" | "ghost";
     form: "icon" | "button";
     iconClass: string;
-    loading: boolean;
     block: boolean;
-    to: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/forms/input/textarea/ATextarea.vue.d.ts

@@ -24,9 +24,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     size: "sm" | "md";
+    error: string | boolean;
     disabled: boolean;
     required: boolean;
-    error: string | boolean;
     label: string;
     readonly: boolean;
     clearable: boolean;

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

@@ -1,15 +1,57 @@
 <script setup>
+import { PAGES } from "../../shared/constants/pages";
 const props = defineProps({
+  id: { type: String, required: true },
   icon: { type: Object, required: false },
   title: { type: String, required: true },
   badge: { type: Boolean, required: false },
   to: { type: String, required: true },
-  navList: { type: Array, required: true }
+  navList: { type: Array, required: true },
+  currentModule: { type: Boolean, required: true }
 });
+function isActive(itemPath) {
+  if (!props.currentModule) return false;
+  const currentUrl = window.location.href.split("/").filter((item) => !["kk", "en"].includes(item)).join("/");
+  const section = PAGES[props.id];
+  const currentPath = itemPath.split("/").filter((item) => !["kk", "en"].includes(item)).join("/");
+  if (currentUrl === currentPath) return true;
+  if (currentPath.endsWith("/")) {
+    let atLeastOne = false;
+    for (const key in section) {
+      const path = section[key];
+      if (key !== "main") {
+        const includes = currentUrl.includes(path) || currentUrl.includes("car-result");
+        if (includes) {
+          atLeastOne = true;
+          break;
+        }
+      }
+    }
+    return !atLeastOne;
+  }
+  if (currentPath.includes("check-car")) {
+    if (currentUrl.includes("car-result")) {
+      return true;
+    }
+  }
+  for (const key in section) {
+    const path = section[key];
+    if (key !== "main") {
+      const includesBoth = currentUrl.includes(path) && currentUrl.startsWith(currentPath);
+      if (includesBoth) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
 </script>
 
 <template>
-  <div class="flex flex-col gap-2">
+  <div
+    class="flex flex-col gap-2"
+    :class="{ 'rounded-md bg-gray-50 p-2 dark:bg-gray-800': currentModule }"
+  >
     <div
       class="flex items-center gap-2 pl-[10px]"
     >
@@ -31,6 +73,7 @@ const props = defineProps({
         v-for="item in navList"
         :key="item.title"
         class="flex items-center gap-2 px-[10px] py-[6px] w-full rounded-md hover:bg-gray-50 dark:hover:bg-gray-800"
+        :class="{ 'bg-blue-100 dark:bg-gray-200/10': isActive(item.to) }"
       >
         <div class="bg-gradient-blue p-1 rounded-lg g-white">
           <component

package/dist/runtime/components/header/NavList.vue.d.ts

@@ -5,11 +5,13 @@ interface NavList {
     icon?: Component;
 }
 type __VLS_Props = {
+    id: string;
     icon?: Component;
     title: string;
     badge?: boolean;
     to: string;
     navList: NavList[];
+    currentModule: boolean;
 };
 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/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 } from "#imports";
+import { useI18n, useAppConfig, useRequestURL } 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";
@@ -16,7 +16,8 @@ import IWorkBag from "#icons/work-bag.vue";
 import IHdocument from "#icons/document/hdocument.vue";
 import IReceipt from "#icons/receipt/receipt.vue";
 import IHcheck from "#icons/receipt/hcheck.vue";
-import IFile from "#icons/file.vue";
+import IFile from "#icons/file/file.vue";
+import IFiles from "#icons/file/files.vue";
 import ICar from "#icons/avto/car.vue";
 import ICheckCircle from "#icons/check-circle.vue";
 import ITruck from "#icons/avto/truck.vue";
@@ -37,6 +38,7 @@ const props = defineProps({
 const { t } = useI18n();
 const appConfig = useAppConfig();
 const mode = appConfig.adataUI.mode;
+const pageUrl = useRequestURL();
 defineEmits(["outerClick", "mouseOver"]);
 const filteredItems = [
   {
@@ -241,8 +243,28 @@ const filteredItems = [
         to: `https://ac.${mode}.kz/compliance`
       }
     ]
+  },
+  {
+    key: "edo",
+    name: t("header.products.edo.label"),
+    icon: IFiles,
+    items: [
+      {
+        title: t("header.products.edo.items.l.t"),
+        subtitle: t("header.products.edo.items.l.t"),
+        icon: IFiles,
+        to: `https://edo.${mode}.kz`
+      }
+    ]
   }
 ];
+function isCurrentModule(currentModule) {
+  if (currentModule === "fines") return "avto";
+  if (currentModule === "analytics") return "analytics-new";
+  if (currentModule === "compliance") return "ac";
+  if (currentModule === "fea") return "tnved";
+  return currentModule;
+}
 </script>
 
 <template>
@@ -258,7 +280,9 @@ const filteredItems = [
               <div class="flex flex-col gap-5 w-[290px]">
                 <nav-list
                   v-for="module in filteredItems.slice(0, 2)"
+                  :id="module.key"
                   :key="module.key"
+                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
                   :title="module.name"
                   :nav-list="module.items"
                   :to="module.to"
@@ -268,7 +292,9 @@ const filteredItems = [
               <div class="flex flex-col gap-5 w-[290px] pl-[10px]">
                 <nav-list
                   v-for="module in filteredItems.slice(2, 5)"
+                  :id="module.key"
                   :key="module.key"
+                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
                   :title="module.name"
                   :nav-list="module.items"
                   :to="module.to"
@@ -277,8 +303,10 @@ const filteredItems = [
               </div>
               <div class="flex flex-col gap-5 w-[330px] pl-[10px]">
                 <nav-list
-                  v-for="module in filteredItems.slice(5, 7)"
+                  v-for="module in filteredItems.slice(5, 8)"
+                  :id="module.key"
                   :key="module.key"
+                  :current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
                   :title="module.name"
                   :nav-list="module.items"
                   :to="module.to"