adata-ui 3.1.55 → 3.1.56

package/dist/module.json

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

package/dist/runtime/components/MobileServices.vue

@@ -0,0 +1,154 @@
+<script setup>
+import { PAGES } from "#adata-ui/shared/constants/pages";
+import { useServicesLinks } from "#adata-ui/composables/useNavigationLInks";
+import { useI18n, useLocalePath, useRoute } from "#imports";
+import { useUrls } from "#adata-ui/utils/useUrls";
+import { buildLocalizedUrl } from "#adata-ui/utils/localizedNavigation";
+const services = useServicesLinks();
+const route = useRoute();
+const localePath = useLocalePath();
+const { landing } = useUrls();
+const { locale } = useI18n();
+const blockStyles = [
+  "first-border-gradient",
+  "second-border-gradient",
+  "third-border-gradient",
+  "fourth-border-gradient",
+  "fifth-border-gradient",
+  "sixth-border-gradient",
+  "seventh-border-gradient",
+  "eighth-border-gradient",
+  "ninth-border-gradient"
+];
+const linkByIndex = [
+  PAGES.pk.main,
+  PAGES.pk.employees,
+  PAGES.pk.connections,
+  PAGES.pk.offshore,
+  PAGES.pk.foreign,
+  PAGES.pk.unload,
+  PAGES.pk.compare,
+  PAGES.pk.sanctions,
+  buildLocalizedUrl(locale, landing, "/all-services")
+];
+</script>
+
+<template>
+  <div class="grid grid-cols-3">
+    <nuxt-link-locale
+      v-for="(service, index) in services"
+      :key="index"
+      :to="service.to"
+      :class="['flex flex-col items-center gap-2 p-2', blockStyles[index]]"
+    >
+      <div
+        class="size-10 p-2 rounded-lg"
+        :class="[
+  '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"
+          class="size-6 shrink-0"
+        />
+      </div>
+      <p class="text-xs text-center">
+        {{ service.title }}
+      </p>
+    </nuxt-link-locale>
+  </div>
+</template>
+
+<style scoped>
+.first-border-gradient {
+  border-width: 0 1px 1px 0;
+  border-style: solid;
+  border-image-source: linear-gradient(180deg, #FFFFFF 0%, #F4F5F6 100%);
+  border-image-slice: 1;
+}
+
+.second-border-gradient {
+  border-width: 0 1px 1px 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(180deg, #FFFFFF 0%, #F4F5F6 100%);
+  border-image-slice: 1;
+}
+
+.third-border-gradient {
+  border-width: 0 0 1px 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(218.84deg, #FFFFFF 41.56%, #F4F5F6 98.73%);
+  border-image-slice: 1;
+}
+
+.fourth-border-gradient {
+  border-width: 1px 1px 1px 0;
+  border-style: solid;
+  border-image-source: linear-gradient(125.34deg, #FFFFFF 7.49%, #F4F5F6 86.67%);
+  border-image-slice: 1;
+}
+
+.fifth-border-gradient {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--Bg-tertiary-bg, #F4F5F6);
+  border-image-slice: 1;
+}
+
+.sixth-border-gradient {
+  border-width: 1px 0 1px 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(261.06deg, #FFFFFF -6.98%, #F4F5F6 99.74%);
+  border-image-slice: 1;
+}
+
+.seventh-border-gradient {
+  border-width: 1px 1px 0 0;
+  border-style: solid;
+  border-image-source: linear-gradient(58.51deg, #FFFFFF 35.88%, #F4F5F6 85.8%);
+  border-image-slice: 1;
+}
+
+.eighth-border-gradient {
+  border-width: 1px 1px 0 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(0deg, #FFFFFF 0%, #F4F5F6 100%);
+  border-image-slice: 1;
+}
+
+.ninth-border-gradient {
+  border-width: 1px 0 0 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(41.08deg, #FFFFFF 6.74%, #F4F5F6 63.33%, #FEFEFE 91.03%);
+  border-image-slice: 1;
+}
+
+.dark .first-border-gradient {
+  border-image-source: linear-gradient(180deg, #26282b 0%, #393d40 100%);
+}
+.dark .second-border-gradient {
+  border-image-source: linear-gradient(180deg, #26282b 0%, #393d40 100%);
+}
+.dark .third-border-gradient {
+  border-image-source: linear-gradient(218.84deg, #26282b 41.56%, #393d40 98.73%);
+}
+.dark .fourth-border-gradient {
+  border-image-source: linear-gradient(125.34deg, #26282b 7.49%, #393d40 86.67%);
+}
+.dark .fifth-border-gradient {
+  border-color: #393d40;
+}
+.dark .sixth-border-gradient {
+  border-image-source: linear-gradient(261.06deg, #26282b -6.98%, #393d40 99.74%);
+}
+.dark .seventh-border-gradient {
+  border-image-source: linear-gradient(58.51deg, #26282b 35.88%, #393d40 85.8%);
+}
+.dark .eighth-border-gradient {
+  border-image-source: linear-gradient(0deg, #26282b 0%, #393d40 100%);
+}
+.dark .ninth-border-gradient {
+  border-image-source: linear-gradient(41.08deg, #26282b 6.74%, #393d40 63.33%, #26282b 91.03%);
+}
+</style>

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/composables/useNavigationLInks.d.ts

@@ -0,0 +1,5 @@
+export declare const useServicesLinks: () => {
+    title: string;
+    icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    to: string;
+}[];

package/dist/runtime/composables/useNavigationLInks.js

@@ -0,0 +1,64 @@
+import IconSearch from "#adata-ui/icons/search.vue";
+import IconGlobe from "#adata-ui/icons/globe.vue";
+import IconScales from "#adata-ui/icons/scale.vue";
+import IconLink from "#adata-ui/icons/link-chain.vue";
+import IconBlock from "#adata-ui/icons/block.vue";
+import IconDollar from "#adata-ui/icons/currency/dollar.vue";
+import IconUsersThree from "#adata-ui/icons/users/users-three.vue";
+import IconArrowSquareDown from "#adata-ui/icons/other-service/arrow-square-down.vue";
+import IconExpandWindow from "#adata-ui/icons/navigation/expand-window.vue";
+import { buildLocalizedUrl } from "#adata-ui/utils/localizedNavigation";
+import { PAGES } from "#adata-ui/shared/constants/pages";
+import { useUrls } from "#adata-ui/utils/useUrls";
+import { useI18n } from "#imports";
+export const useServicesLinks = () => {
+  const { t, locale } = useI18n();
+  const urls = useUrls();
+  return [
+    {
+      title: t("header.products.counterparties.items.counterparty.title"),
+      icon: IconSearch,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.main)
+    },
+    {
+      title: t("header.products.counterparties.items.wholesale.title"),
+      icon: IconUsersThree,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.employees)
+    },
+    {
+      title: t("header.products.counterparties.items.networks.title"),
+      icon: IconLink,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.connections)
+    },
+    {
+      title: t("header.products.counterparties.items.offshore.title"),
+      icon: IconDollar,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.offshore)
+    },
+    {
+      title: t("header.products.counterparties.items.foreign.title"),
+      icon: IconGlobe,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.foreign)
+    },
+    {
+      title: t("header.products.counterparties.items.unloading.title"),
+      icon: IconArrowSquareDown,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.unload)
+    },
+    {
+      title: t("header.products.counterparties.items.compare.title"),
+      icon: IconScales,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.compare)
+    },
+    {
+      title: t("header.products.counterparties.items.sanction.title"),
+      icon: IconBlock,
+      to: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.sanctions)
+    },
+    {
+      title: t("all_services"),
+      icon: IconExpandWindow,
+      to: buildLocalizedUrl(locale.value, urls.landing, PAGES.allServices)
+    }
+  ];
+};

package/dist/runtime/i18n/i18n.config.d.ts

@@ -772,6 +772,7 @@ declare const _default: {
                     changeMethod: string;
                 };
             };
+            all_services: string;
         };
         en: {
             lang: {
@@ -1541,6 +1542,7 @@ declare const _default: {
                     changeMethod: string;
                 };
             };
+            all_services: string;
         };
         kk: {
             lang: {
@@ -2310,6 +2312,7 @@ declare const _default: {
                     changeMethod: string;
                 };
             };
+            all_services: string;
         };
     };
 };

package/dist/runtime/lang/en.js

@@ -803,6 +803,7 @@ const EnLocale = {
       goKaspi: "Go to Kaspi.kz",
       changeMethod: "Change payment method"
     }
-  }
+  },
+  all_services: "All services"
 };
 export default EnLocale;

package/dist/runtime/lang/kk.js

@@ -803,6 +803,7 @@ const KkLocale = {
       goKaspi: "Kaspi.kz \u0441\u0430\u0439\u0442\u044B\u043D\u0430 \u04E9\u0442\u0443",
       changeMethod: "\u0422\u04E9\u043B\u0435\u043C \u04D9\u0434\u0456\u0441\u0456\u043D \u04E9\u0437\u0433\u0435\u0440\u0442\u0443"
     }
-  }
+  },
+  all_services: "\u0411\u0430\u0440\u043B\u044B\u049B \u049B\u044B\u0437\u043C\u0435\u0442\u0442\u0435\u0440"
 };
 export default KkLocale;

package/dist/runtime/lang/ru.d.ts

@@ -766,5 +766,6 @@ declare const RuLocale: {
             changeMethod: string;
         };
     };
+    all_services: string;
 };
 export default RuLocale;

package/dist/runtime/lang/ru.js

@@ -797,6 +797,7 @@ const RuLocale = {
       goKaspi: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 Kaspi.kz",
       changeMethod: "\u0421\u043C\u0435\u043D\u0438\u0442\u044C \u0441\u043F\u043E\u0441\u043E\u0431 \u043E\u043F\u043B\u0430\u0442\u044B"
     }
-  }
+  },
+  all_services: "\u0412\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B"
 };
 export default RuLocale;

package/dist/runtime/shared/constants/pages.d.ts

@@ -8,6 +8,7 @@ export declare const PAGES: {
     usefulMain: string;
     favourites: string;
     totalServices: string;
+    allServices: string;
     profile: {
         index: string;
         security: string;

package/dist/runtime/shared/constants/pages.js

@@ -8,6 +8,7 @@ export const PAGES = {
   usefulMain: "/useful/terms-of-usage",
   favourites: "/favourites",
   totalServices: "/total-services",
+  allServices: "/all-services",
   profile: {
     index: "/profile",
     security: "/profile/change-password",

package/package.json

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