adata-ui 3.1.80 → 3.1.82

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

@@ -18,46 +18,46 @@ defineEmits(["logout"]);
 </script>
 
 <template>
-  <dropdown-menu-root
-    v-model:open="profileMenuOpen"
-    :modal="false"
-  >
-    <dropdown-menu-trigger>
-      <div
-        v-show="isAuthenticated"
-        class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
-      >
-        <span class="whitespace-nowrap">{{ email }}</span>
-        <i-chevron-down
-          class="transition transform duration-[0.12s]"
-          :class="{ 'rotate-180': profileMenuOpen }"
-        />
-      </div>
-    </dropdown-menu-trigger>
-    <dropdown-menu-portal>
-      <dropdown-menu-content
-        side="bottom"
-        align="end"
-        :side-offset="20"
-        class="shadow-md dropdown-menu-animation"
-      >
-        <adt-header-profile-menu-content
-          :email="email"
-          :is-authenticated="isAuthenticated"
-          :balance="balance"
-          :days-remaining="daysRemaining"
-          :limit-remaining="limitRemaining"
-          :rate="rate"
-          :replenish="replenish"
-          :show-login="showLogin"
+  <dropdown-menu-root
+    v-model:open="profileMenuOpen"
+    :modal="false"
+  >
+    <dropdown-menu-trigger>
+      <div
+        v-show="isAuthenticated"
+        class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
+      >
+        <span class="whitespace-nowrap">{{ email }}</span>
+        <i-chevron-down
+          class="transition transform duration-[0.12s]"
+          :class="{ 'rotate-180': profileMenuOpen }"
+        />
+      </div>
+    </dropdown-menu-trigger>
+    <dropdown-menu-portal>
+      <dropdown-menu-content
+        side="bottom"
+        align="end"
+        :side-offset="20"
+        class="shadow-md dropdown-menu-animation"
+      >
+        <adt-header-profile-menu-content
+          :email="email"
+          :is-authenticated="isAuthenticated"
+          :balance="balance"
+          :days-remaining="daysRemaining"
+          :limit-remaining="limitRemaining"
+          :rate="rate"
+          :replenish="replenish"
+          :show-login="showLogin"
           @logout="() => {
   $emit('logout');
   profileMenuOpen = false;
-}"
-        />
-      </dropdown-menu-content>
-    </dropdown-menu-portal>
-  </dropdown-menu-root>
+}"
+        />
+      </dropdown-menu-content>
+    </dropdown-menu-portal>
+  </dropdown-menu-root>
 </template>
 
 <style>

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

@@ -9,7 +9,11 @@ interface Props {
     email?: string;
     showLogin?: boolean;
 }
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onLogout?: ((...args: any[]) => any) | undefined;
+}>, {
     daysRemaining: number;
     limitRemaining: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -82,146 +82,146 @@ const onReplenish = () => {
 </script>
 
 <template>
-  <div class="max-w-full lg:w-[300px]">
-    <!--    desktop  -->
-    <div
-      class="gradient-bg hidden px-4 py-4 text-white dark:text-gray-900 lg:block lg:rounded-t-[0.5rem] lg:px-8 lg:dark:text-white"
-    >
-      <div class="hidden text-sm lg:block">
-        {{ t("header.profile.tariff") }}
-      </div>
-      <div class="flex items-center justify-between gap-4 lg:mt-2">
-        <div class="flex items-center justify-between lg:w-full">
-          <span class="mr-2 font-semibold lg:text-lg">{{ rate }}</span>
-          <a-status-badge
-            type="success"
-            class="!px-3 font-semibold text-white"
-            size="sm"
-          >
-            {{ t("header.profile.connected") }}
-          </a-status-badge>
-        </div>
-        <span class="bg-deepblue ml-2 rounded-xl px-2 py-1 text-xs lg:hidden">{{ balance.toLocaleString("RU-ru") }} ₸</span>
-      </div>
-      <div class="mt-2 hidden items-center justify-between lg:flex lg:flex-col">
-        <div class="items-center justify-between lg:flex lg:w-full text-xs">
-          {{ t("header.profile.currentBalance") }}
-          <span class="ml-2 rounded-xl bg-deepblue-900 px-2 py-1">{{ balance.toLocaleString("RU-ru") }} ₸</span>
-        </div>
-        <a-button
-          size="sm"
-          class="w-full mt-4"
-          view="outline"
-          variant="ghost"
-          @click="onReplenish"
-        >
-          <i-plus-circle class="shrink-0 size-4" />
-          {{ t("header.profile.addBalance") }}
-        </a-button>
-      </div>
-    </div>
-    <!--    mobile  -->
-    <div class="gradient-bg px-4 py-4 text-white dark:text-gray-900 lg:hidden">
-      <div class="flex justify-between gap-4 lg:mt-2">
-        <div class="flex flex-col items-center">
-          <div class="font-semibold">
-            {{ rate }}
-          </div>
-          <a-status-badge
-            type="success"
-            class="!px-3 font-semibold text-white dark:text-gray-900"
-            size="sm"
-          >
-            {{ t("header.profile.connected") }}
-          </a-status-badge>
-        </div>
-        <div class="flex min-w-[90px] flex-col">
-          <div class="font-semibold">
-            {{ t("header.profile.balance") }}
-          </div>
-          <div class="flex gap-1">
-            <a-status-badge
-              size="sm"
-              class="!px-3 font-semibold text-white dark:!bg-[#E3E5E8] dark:text-gray-900"
-              type="gray"
-            >
-              {{ balance.toLocaleString("RU-ru") }} ₸
-            </a-status-badge>
-            <button
-              class="flex h-[23px] w-[23px] items-center justify-center rounded-md bg-white text-deepblue-900 dark:bg-gray-900 dark:text-[#E3E5E8]"
-              @click="onReplenish"
-            >
-              <i-plus
-                width="16px"
-                height="16px"
-              />
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="rounded-b-[0.5rem] bg-white p-4 dark:bg-[#232324]">
-      <div class="mb-2 flex justify-between gap-2 lg:hidden">
-        <a-status-badge
-          size="sm"
-          class="w-full py-[6px] font-semibold"
-        >
-          <span>
-            {{ limitRemainingLabel ?? t("header.profile.requests") }}
-          </span>
-          {{ limitRemaining }}
-        </a-status-badge>
-        <a-status-badge
-          size="sm"
-          class="w-full py-[6px] font-semibold"
-        >
-          <span>
-            {{ t("header.profile.daysLeft") }}
-          </span>
-          {{ daysRemaining }}
-        </a-status-badge>
-      </div>
-      <div class="grid grid-cols-2 gap-2 lg:flex lg:flex-col">
-        <nuxt-link
-          v-for="item in items"
-          :key="item.title"
-          class="hover:text-blue-700 dark:hover:text-blue-500 flex flex-col lg:flex-row lg:gap-3 items-center rounded-[6px] bg-gray-50 lg:bg-white lg:dark:bg-[#232324] lg:hover:bg-blue-100 py-[10px] text-center text-sm hover:bg-deepblue-900/10 active:bg-deepblue-900 active:text-white dark:bg-[#161617] active:dark:bg-[#E3E5E8] active:dark:text-gray-900 lg:px-4  lg:dark:hover:bg-gray-900"
-          :to="item.to"
-          target="_blank"
-        >
-          <component
-            :is="item.icon"
-            class="h-[24px] w-[24px]"
-          />
-          <span>{{ item.title }}</span>
-        </nuxt-link>
-      </div>
-      <div class="mt-2">
-        <div
-          v-if="oldVersion"
-          :url="oldVersion"
-        />
-      </div>
-      <div
-        v-if="!isLargeScreen"
-        class="my-4 flex items-center justify-between text-sm"
-      >
-        <span>
-          {{ t("header.profile.colorScheme") }}
-        </span>
-        <color-mode />
-      </div>
-      <div
-        class="flex items-center justify-center lg:justify-start gap-3 pb-2 pt-4 px-4 cursor-pointer text-red-500 hover:text-red-700 border-t border-gray-200"
-        @click="$emit('logout')"
-      >
-        <i-logout class="h-5 w-5" />
-        <span>
-          {{ t("header.profile.logout") }}
-        </span>
-      </div>
-    </div>
-  </div>
+  <div class="max-w-full lg:w-[300px]">
+    <!--    desktop  -->
+    <div
+      class="gradient-bg hidden px-4 py-4 text-white dark:text-gray-900 lg:block lg:rounded-t-[0.5rem] lg:px-8 lg:dark:text-white"
+    >
+      <div class="hidden text-sm lg:block">
+        {{ t("header.profile.tariff") }}
+      </div>
+      <div class="flex items-center justify-between gap-4 lg:mt-2">
+        <div class="flex items-center justify-between lg:w-full">
+          <span class="mr-2 font-semibold lg:text-lg">{{ rate }}</span>
+          <a-status-badge
+            type="success"
+            class="!px-3 font-semibold text-white"
+            size="sm"
+          >
+            {{ t("header.profile.connected") }}
+          </a-status-badge>
+        </div>
+        <span class="bg-deepblue ml-2 rounded-xl px-2 py-1 text-xs lg:hidden">{{ balance.toLocaleString("RU-ru") }} ₸</span>
+      </div>
+      <div class="mt-2 hidden items-center justify-between lg:flex lg:flex-col">
+        <div class="items-center justify-between lg:flex lg:w-full text-xs">
+          {{ t("header.profile.currentBalance") }}
+          <span class="ml-2 rounded-xl bg-deepblue-900 px-2 py-1">{{ balance.toLocaleString("RU-ru") }} ₸</span>
+        </div>
+        <a-button
+          size="sm"
+          class="w-full mt-4"
+          view="outline"
+          variant="ghost"
+          @click="onReplenish"
+        >
+          <i-plus-circle class="shrink-0 size-4" />
+          {{ t("header.profile.addBalance") }}
+        </a-button>
+      </div>
+    </div>
+    <!--    mobile  -->
+    <div class="gradient-bg px-4 py-4 text-white dark:text-gray-900 lg:hidden">
+      <div class="flex justify-between gap-4 lg:mt-2">
+        <div class="flex flex-col items-center">
+          <div class="font-semibold">
+            {{ rate }}
+          </div>
+          <a-status-badge
+            type="success"
+            class="!px-3 font-semibold text-white dark:text-gray-900"
+            size="sm"
+          >
+            {{ t("header.profile.connected") }}
+          </a-status-badge>
+        </div>
+        <div class="flex min-w-[90px] flex-col">
+          <div class="font-semibold">
+            {{ t("header.profile.balance") }}
+          </div>
+          <div class="flex gap-1">
+            <a-status-badge
+              size="sm"
+              class="!px-3 font-semibold text-white dark:!bg-[#E3E5E8] dark:text-gray-900"
+              type="gray"
+            >
+              {{ balance.toLocaleString("RU-ru") }} ₸
+            </a-status-badge>
+            <button
+              class="flex h-[23px] w-[23px] items-center justify-center rounded-md bg-white text-deepblue-900 dark:bg-gray-900 dark:text-[#E3E5E8]"
+              @click="onReplenish"
+            >
+              <i-plus
+                width="16px"
+                height="16px"
+              />
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="rounded-b-[0.5rem] bg-white p-4 dark:bg-[#232324]">
+      <div class="mb-2 flex justify-between gap-2 lg:hidden">
+        <a-status-badge
+          size="sm"
+          class="w-full py-[6px] font-semibold"
+        >
+          <span>
+            {{ limitRemainingLabel ?? t("header.profile.requests") }}
+          </span>
+          {{ limitRemaining }}
+        </a-status-badge>
+        <a-status-badge
+          size="sm"
+          class="w-full py-[6px] font-semibold"
+        >
+          <span>
+            {{ t("header.profile.daysLeft") }}
+          </span>
+          {{ daysRemaining }}
+        </a-status-badge>
+      </div>
+      <div class="grid grid-cols-2 gap-2 lg:flex lg:flex-col">
+        <nuxt-link
+          v-for="item in items"
+          :key="item.title"
+          class="hover:text-blue-700 dark:hover:text-blue-500 flex flex-col lg:flex-row lg:gap-3 items-center rounded-[6px] bg-gray-50 lg:bg-white lg:dark:bg-[#232324] lg:hover:bg-blue-100 py-[10px] text-center text-sm hover:bg-deepblue-900/10 active:bg-deepblue-900 active:text-white dark:bg-[#161617] active:dark:bg-[#E3E5E8] active:dark:text-gray-900 lg:px-4  lg:dark:hover:bg-gray-900"
+          :to="item.to"
+          target="_blank"
+        >
+          <component
+            :is="item.icon"
+            class="h-[24px] w-[24px]"
+          />
+          <span>{{ item.title }}</span>
+        </nuxt-link>
+      </div>
+      <div class="mt-2">
+        <div
+          v-if="oldVersion"
+          :url="oldVersion"
+        />
+      </div>
+      <div
+        v-if="!isLargeScreen"
+        class="my-4 flex items-center justify-between text-sm"
+      >
+        <span>
+          {{ t("header.profile.colorScheme") }}
+        </span>
+        <color-mode />
+      </div>
+      <div
+        class="flex items-center justify-center lg:justify-start gap-3 pb-2 pt-4 px-4 cursor-pointer text-red-500 hover:text-red-700 border-t border-gray-200"
+        @click="$emit('logout')"
+      >
+        <i-logout class="h-5 w-5" />
+        <span>
+          {{ t("header.profile.logout") }}
+        </span>
+      </div>
+    </div>
+  </div>
 </template>
 
 <style scoped>

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

@@ -10,7 +10,11 @@ interface Props {
     email?: string;
     showLogin?: boolean;
 }
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onLogout?: ((...args: any[]) => any) | undefined;
+}>, {
     daysRemaining: number;
     limitRemaining: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -88,78 +88,78 @@ const closeMessage = () => {
 </script>
 
 <template>
-  <div
-    class="min-h-[40px]"
-    :class="[isOpenNotification && systemMessage ? '' : 'hidden lg:block']"
-  >
-    <transition name="fade">
-      <div
-        v-if="isOpenNotification && systemMessage"
-        class="bg-[#FFF5E6] px-2 py-3 text-[#FCA204] dark:bg-[#161617] md:px-0"
-      >
-        <div class="a-container flex items-center justify-between">
-          <div class="flex items-center gap-2">
-            <i-info-circle
-              class="max-h-[16px] w-full max-w-[16px] stroke-orange-500 dark:stroke-orange-500"
-            />
-            <span class="text-sm font-semibold text-orange-500">{{ systemMessage }}</span>
-          </div>
-          <x-mark
-            class="max-h-[16px] w-full max-w-[16px] cursor-pointer stroke-orange-500"
-            @click="closeMessage"
-          />
-        </div>
-      </div>
-    </transition>
-    <div
-      v-if="!isOpenNotification || !systemMessage"
-      class="hidden min-h-10 bg-gray-50 dark:bg-gray-950 lg:block"
-    >
-      <div class="a-container flex justify-between items-center py-2 text-sm">
-        <div class="flex items-center leading-[24px]">
-          <div
-            v-for="currency in currencies"
-            :key="currency.currency"
-            class="mr-4 flex gap-2"
-          >
-            <div class="flex items-center dark:text-white">
-              <component
-                :is="Symbols[currency.currency]"
-                class="mr-2 size-4 rounded-sm border border-solid border-[#E0E3E6] dark:border-[#2B2B2C]"
-              />
-              {{ currency.buy }}
-              <div :class="computedClass(currency.sell_state)">
-                <down />
-              </div>
-            </div>
-            <div class="flex items-center dark:text-white">
-              {{ currency.sell }}
-              <div :class="computedClass(currency.sell_state)">
-                <down />
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          v-if="isAuthenticated"
-          class="flex items-center gap-5"
-        >
-          <div v-if="limitRemaining != null || limitRemaining != void 0">
-            <span class="mr-2 text-xs">{{ limitRemainingLabel ?? t("header.top.requestLimit") }}</span>
-            <a-status-badge size="sm">
-              {{ limitRemaining }}
-            </a-status-badge>
-          </div>
-          <div v-if="daysRemaining">
-            <span class="mr-2 text-xs">{{ t("header.top.daysLeft") }}</span>
-            <a-status-badge size="sm">
-              {{ daysRemaining }}
-            </a-status-badge>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+  <div
+    class="min-h-[40px]"
+    :class="[isOpenNotification && systemMessage ? '' : 'hidden lg:block']"
+  >
+    <transition name="fade">
+      <div
+        v-if="isOpenNotification && systemMessage"
+        class="bg-[#FFF5E6] px-2 py-3 text-[#FCA204] dark:bg-[#161617] md:px-0"
+      >
+        <div class="a-container flex items-center justify-between">
+          <div class="flex items-center gap-2">
+            <i-info-circle
+              class="max-h-[16px] w-full max-w-[16px] stroke-orange-500 dark:stroke-orange-500"
+            />
+            <span class="text-sm font-semibold text-orange-500">{{ systemMessage }}</span>
+          </div>
+          <x-mark
+            class="max-h-[16px] w-full max-w-[16px] cursor-pointer stroke-orange-500"
+            @click="closeMessage"
+          />
+        </div>
+      </div>
+    </transition>
+    <div
+      v-if="!isOpenNotification || !systemMessage"
+      class="hidden min-h-10 bg-gray-50 dark:bg-gray-950 lg:block"
+    >
+      <div class="a-container flex justify-between items-center py-2 text-sm">
+        <div class="flex items-center leading-[24px]">
+          <div
+            v-for="currency in currencies"
+            :key="currency.currency"
+            class="mr-4 flex gap-2"
+          >
+            <div class="flex items-center dark:text-white">
+              <component
+                :is="Symbols[currency.currency]"
+                class="mr-2 size-4 rounded-sm border border-solid border-[#E0E3E6] dark:border-[#2B2B2C]"
+              />
+              {{ currency.buy }}
+              <div :class="computedClass(currency.sell_state)">
+                <down />
+              </div>
+            </div>
+            <div class="flex items-center dark:text-white">
+              {{ currency.sell }}
+              <div :class="computedClass(currency.sell_state)">
+                <down />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          v-if="isAuthenticated"
+          class="flex items-center gap-5"
+        >
+          <div v-if="limitRemaining != null || limitRemaining != void 0">
+            <span class="mr-2 text-xs">{{ limitRemainingLabel ?? t("header.top.requestLimit") }}</span>
+            <a-status-badge size="sm">
+              {{ limitRemaining }}
+            </a-status-badge>
+          </div>
+          <div v-if="daysRemaining">
+            <span class="mr-2 text-xs">{{ t("header.top.daysLeft") }}</span>
+            <a-status-badge size="sm">
+              {{ daysRemaining }}
+            </a-status-badge>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/header-mobile/HeaderMobile.vue

@@ -11,43 +11,43 @@ const emit = defineEmits(["goToAnotherModule", "search"]);
 </script>
 
 <template>
-  <section
-    id="mobile-header"
-    class="grow lg:hidden"
-  >
-    <div
-      v-if="mobileHeaderType === 'default'"
-      class="flex justify-between"
-    >
-      <div>
-        <slot name="burger" />
-      </div>
-      <nuxt-link
-        class="text-deepblue dark:text-[#E3E5E8]"
-        @click="emit('goToAnotherModule')"
-      >
-        <i-adata
-          :font-controlled="false"
-          filled
-        />
-      </nuxt-link>
-      <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="emit('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>
+  <section
+    id="mobile-header"
+    class="grow lg:hidden"
+  >
+    <div
+      v-if="mobileHeaderType === 'default'"
+      class="flex justify-between"
+    >
+      <div>
+        <slot name="burger" />
+      </div>
+      <nuxt-link
+        class="text-deepblue dark:text-[#E3E5E8]"
+        @click="emit('goToAnotherModule')"
+      >
+        <i-adata
+          :font-controlled="false"
+          filled
+        />
+      </nuxt-link>
+      <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="emit('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>
 </template>