adata-ui 3.1.60 → 3.1.62

package/dist/module.json

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

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

@@ -13,9 +13,9 @@ export type StateType = {
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "sm" | "md" | "lg";
     type: "primary" | "success" | "danger" | "gray" | "orange" | "warning";
-    disabled: boolean;
     view: "default" | "inverted";
-    customClasses: string;
+    disabled: boolean;
     prefix: string;
+    customClasses: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/Drawer.vue

@@ -0,0 +1,77 @@
+<script setup>
+import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle } from "vaul-vue";
+import { DialogContent } from "reka-ui";
+import { computed } from "#imports";
+const props = defineProps({
+  side: { type: String, required: false, default: "bottom" },
+  width: { type: Number, required: false, default: 300 },
+  height: { type: Number, required: false, default: 300 }
+});
+const open = defineModel({ type: Boolean, ...{ default: false } });
+const sizeStyle = computed(() => {
+  if (["left", "right"].includes(props.side)) {
+    return { width: `${props.width}px`, height: "100%" };
+  }
+  return { width: "100%", height: `${props.height}px` };
+});
+const POSITION_CLASSES = {
+  right: "top-0 bottom-0 right-0",
+  left: "top-0 bottom-0 left-0",
+  top: "top-0 left-0 right-0",
+  bottom: "bottom-0 left-0 right-0"
+};
+const CORNER_CLASSES = {
+  left: "rounded-r-2xl",
+  right: "rounded-l-2xl",
+  top: "rounded-b-2xl",
+  bottom: "rounded-t-2xl"
+};
+const HANDLE_POSITION_CLASSES = {
+  top: "absolute -bottom-[calc(100%-12px)]",
+  bottom: "absolute top-2",
+  left: "absolute top-1/2 -translate-y-1/2 rotate-90 !mr-0",
+  right: "absolute top-1/2 -translate-y-1/2 rotate-90 !ml-0"
+};
+</script>
+
+<template>
+  <drawer-root
+    v-model:open="open"
+    :direction="side"
+  >
+    <drawer-portal>
+      <drawer-overlay class="fixed inset-0 bg-black/50" />
+
+      <drawer-content
+        :style="sizeStyle"
+        :class="[
+  'fixed bg-white dark:bg-gray-900 shadow-2xl',
+  POSITION_CLASSES[props.side],
+  CORNER_CLASSES[props.side]
+]"
+      >
+        <drawer-handle
+          :class="[
+  HANDLE_POSITION_CLASSES[props.side]
+]"
+        />
+
+        <div
+          v-if="$slots.header"
+          class="border-b border-deepblue-900/5 dark:border-gray-200/5 p-4"
+        >
+          <slot name="header" />
+        </div>
+        <div class="p-4">
+          <slot name="default" />
+        </div>
+        <div
+          v-if="$slots.footer"
+          class="border-b border-deepblue-900/5 dark:border-gray-200/5 p-4"
+        >
+          <slot name="footer" />
+        </div>
+      </drawer-content>
+    </drawer-portal>
+  </drawer-root>
+</template>

package/dist/runtime/components/{ASidePanel.vue.d.ts → Drawer.vue.d.ts}

@@ -1,23 +1,27 @@
 type __VLS_Props = {
     side?: 'right' | 'left' | 'top' | 'bottom';
-    width?: string;
-    height?: string;
+    width?: number;
+    height?: number;
 };
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: boolean;
 };
-declare var __VLS_30: {};
+declare var __VLS_22: {}, __VLS_24: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_30) => any;
+    header?: (props: typeof __VLS_22) => any;
+} & {
+    default?: (props: typeof __VLS_24) => any;
+} & {
+    footer?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    width: number;
+    height: number;
     side: "right" | "left" | "top" | "bottom";
-    width: string;
-    height: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -23,7 +23,15 @@ type __VLS_Slots = {} & {
 } & {
     notifications?: (props: typeof __VLS_54) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: (...args: any[]) => void;
+    logout: (...args: any[]) => void;
+    login: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onLogout?: ((...args: any[]) => any) | undefined;
+    onLogin?: ((...args: any[]) => any) | undefined;
+}>, {
     daysRemaining: number;
     limitRemaining: number;
     isAuthenticated: boolean;

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

@@ -21,11 +21,17 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_22) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (value: boolean | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
     name: string;
-    width: string | number;
-    transition: boolean;
     title: string;
+    transition: boolean;
+    width: string | number;
     overlay: boolean;
     preventClose: boolean;
     fullscreen: boolean;

package/dist/runtime/components/NewFooter.vue

@@ -51,6 +51,7 @@ const socialMedia = [
 const mainLinks = {
   services: {
     title: "footer.services",
+    link: `https://${mode}.kz` + PAGES.allServices,
     items: [
       [
         {

package/dist/runtime/components/{MobileServices.vue → PkMobileServices.vue}

@@ -1,14 +1,8 @@
 <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";
+import { onMounted, ref, useRoute } from "#imports";
 const services = useServicesLinks();
 const route = useRoute();
-const localePath = useLocalePath();
-const { landing } = useUrls();
-const { locale } = useI18n();
 const blockStyles = [
   "first-border-gradient",
   "second-border-gradient",
@@ -20,17 +14,14 @@ const blockStyles = [
   "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")
-];
+const hostname = ref("");
+onMounted(() => {
+  hostname.value = window.location.hostname;
+});
+const isActive = (to) => {
+  const url = new URL(to);
+  return url.hostname === hostname.value && url.pathname === route.path;
+};
 </script>
 
 <template>
@@ -45,7 +36,7 @@ const linkByIndex = [
         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(/\/+$/, '') }
+  { '!bg-blue-700 text-white dark:!bg-blue-500': isActive(service.to) }
 ]"
       >
         <component
@@ -56,6 +47,7 @@ const linkByIndex = [
       <p class="text-xs text-center">
         {{ service.title }}
       </p>
+
     </nuxt-link-locale>
   </div>
 </template>