adata-ui 3.1.24 → 3.1.26

package/dist/module.json

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

package/dist/runtime/components/CurveBlock.vue

@@ -4,7 +4,8 @@ const props = defineProps({
   icon: { type: Object, required: true },
   title: { type: String, required: true },
   description: { type: String, required: true },
-  to: { type: String, required: false }
+  to: { type: String, required: false },
+  wide: { type: Boolean, required: false }
 });
 </script>
 
@@ -16,6 +17,54 @@ const props = defineProps({
     active-class="active-item"
   >
     <svg
+      v-if="wide"
+      class="w-full"
+      viewBox="-2 -4 416 188"
+      fill="none"
+      preserveAspectRatio="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        class="border-path border-path--large"
+        d="M413.333 105.936C413.333 116.008 399.074 123 389.001 123C369.671 123 354.001 138.67 354.001 158C354.001 168.009 347.088 182 337.079 182H16.3334C7.49682 182 0.333374 174.837 0.333374 166V16C0.333374 7.16344 7.49682 0 16.3334 0H397.333C406.17 0 413.333 7.16344 413.333 16V105.936Z"
+        stroke-width="2"
+        fill="transparent"
+      />
+      <defs>
+        <linearGradient
+          id="gradient-light"
+          x1="164.372"
+          y1="-137.957"
+          x2="-20.5433"
+          y2="68.1723"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#479FFF" />
+          <stop
+            offset="1"
+            stop-color="#0070EB"
+          />
+        </linearGradient>
+
+        <linearGradient
+          id="gradient-dark"
+          x1="164.372"
+          y1="-137.957"
+          x2="-20.5433"
+          y2="68.1723"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#4FBDFF" />
+          <stop
+            offset="1"
+            stop-color="#1B98E2"
+          />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <svg
+      v-else
       class="w-full"
       viewBox="-1 -1 308 184"
       xmlns="http://www.w3.org/2000/svg"
@@ -147,6 +196,11 @@ const props = defineProps({
   fill: #F4F5F6;
 }
 
+.border-path--large {
+  stroke-dasharray: 1400;
+  stroke-dashoffset: 1400;
+}
+
 .animated-border {
   stroke-dasharray: 180;
   stroke-dashoffset: 180;

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

@@ -4,6 +4,7 @@ type __VLS_Props = {
     title: string;
     description: string;
     to?: string;
+    wide?: 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/EmptyHeader.vue

@@ -5,7 +5,7 @@ import ColorMode from "./ColorMode.vue";
 <template>
   <header class="h-16 bg-white border-b-[1px] border-deepblue-900/10 dark:bg-gray-900">
     <div class="a-container flex items-center justify-end h-full">
-      <color-mode  />
+      <color-mode />
     </div>
   </header>
 </template>

package/dist/runtime/components/Header.vue

@@ -71,10 +71,50 @@ onBeforeMount(() => {
       class="relative h-16 border-b border-deepblue-900/10 bg-white dark:border-gray-200/10 dark:bg-gray-900"
     >
       <div class="a-container mobile-padding flex h-full  items-center justify-between gap-2">
-        <div class="flex items-center gap-4 justify-between lg:justify-start w-full">
-          <div class="lg:hidden">
-            <slot name="mobile-left"></slot>
+        <section
+          id="mobile-header"
+          class="grow lg:hidden"
+        >
+          <div
+            v-if="mobileHeaderType === 'default'"
+            class="flex justify-center"
+          >
+            <div>
+              <slot name="mobile-left" />
+            </div>
+            <nuxt-link
+              class="text-deepblue dark:text-[#E3E5E8]"
+              @click="goToAnotherModule"
+            >
+              <span class="visually-hidden"> Сервисы Adata.kz</span>
+
+              <adata-logo
+                :font-controlled="false"
+                filled
+              />
+            </nuxt-link>
+            <div>
+              <slot name="mobile-right" />
+            </div>
           </div>
+          <div
+            v-else-if="mobileHeaderType === 'search'"
+            class="flex w-full items-center gap-2 bg-white dark:bg-gray-900 lg:hidden"
+          >
+            <i-logo
+              class="dark:text-gray-200"
+              @click="goToAnotherModule"
+            />
+            <button
+              class="flex w-full items-center gap-2 rounded bg-gray-50 px-4 py-1.5 dark:bg-gray-800 dark:text-gray-500"
+              @click="$emit('search')"
+            >
+              <i-search />
+              <span class="body-400">Найти</span>
+            </button>
+          </div>
+        </section>
+        <div class="hidden lg:flex items-center gap-4 justify-between lg:justify-start w-full">
           <nuxt-link
             aria-label="Adata-logo"
             :to="`https://${mode}.kz`"
@@ -87,11 +127,8 @@ onBeforeMount(() => {
             />
           </nuxt-link>
           <header-link class="hidden lg:block" />
-          <div class="lg:hidden">
-            <slot name="mobile-right"></slot>
-          </div>
         </div>
-        <lang-switcher class="lg:hidden"/>
+        <lang-switcher class="lg:hidden" />
         <div class="text-deepblue hidden items-center gap-4 dark:text-[#E3E5E8] lg:flex">
           <!-- Mobile hidden -->
           <div class="hidden items-center gap-4 lg:flex">
@@ -103,11 +140,10 @@ onBeforeMount(() => {
             <div v-if="langIsOn || module === 'fea'" />
           </div>
           <div class="flex items-center gap-4">
-            <color-mode  />
+            <color-mode />
             <lang-switcher />
           </div>
 
-
           <slot name="notifications" />
 
           <profile-menu
@@ -124,8 +160,8 @@ onBeforeMount(() => {
 
           <div
             v-show="!isAuthenticated && showLogIn"
-            @click="goAuth"
             class="hidden w-max cursor-pointer items-center gap-2 rounded-2xl bg-blue-700 px-4 py-[6px] font-semibold dark:bg-blue-500 lg:flex"
+            @click="goAuth"
           >
             <i-logout class="text-white dark:text-gray-900 lg:h-4 lg:w-4" />
             <span class="hidden text-sm font-semibold text-white dark:text-gray-900 lg:inline-block min-w-[44px]">

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

@@ -14,13 +14,13 @@ interface Props {
     oldVersion?: string;
     redirectAfterLogin?: string;
 }
-declare var __VLS_4: {}, __VLS_20: {}, __VLS_31: {};
+declare var __VLS_4: {}, __VLS_18: {}, __VLS_55: {};
 type __VLS_Slots = {} & {
     'mobile-left'?: (props: typeof __VLS_4) => any;
 } & {
-    'mobile-right'?: (props: typeof __VLS_20) => any;
+    'mobile-right'?: (props: typeof __VLS_18) => any;
 } & {
-    notifications?: (props: typeof __VLS_31) => any;
+    notifications?: (props: typeof __VLS_55) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     daysRemaining: number;

package/package.json

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