adata-ui 2.0.78 → 2.0.80

package/.nuxtrc

@@ -1 +1 @@
-typescript.includeWorkspace = true
+typescript.includeWorkspace = true

package/.playground/app.config.ts

@@ -1,5 +1,5 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'My amazing Nuxt layer (overwritten)'
-  }
-})
+export default defineAppConfig({
+  myLayer: {
+    name: 'My amazing Nuxt layer (overwritten)'
+  }
+})

package/README.md

@@ -1,75 +1,75 @@
-# Adata UI with Nuxt 3 using Layers
-
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# npm
-npm install
-
-# pnpm
-pnpm install
-
-# yarn
-yarn install
-
-# bun
-bun install
-```
-
-## Development Server
-
-Start the development server on `https://localhost:3000`:
-
-```bash
-# npm
-npm run dev
-
-# pnpm
-pnpm run dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm run build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm run preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+# Adata UI with Nuxt 3 using Layers
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `https://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

package/components/elements/README.md

@@ -1 +1 @@
-# button, alerts, dropdown
+# button, alerts, dropdown

package/components/elements/select/ASelect.vue

@@ -437,5 +437,9 @@ onUnmounted(() => cleanup?.())
   &::-webkit-scrollbar-thumb {
     background: #888;
   }
+  button {
+    user-select: text !important;
+    cursor: text;
+  }
 }
 </style>

package/components/forms/README.md

@@ -1 +1 @@
-# inputs
+# inputs

package/components/forms/checkbox/ACheckbox.vue

@@ -20,7 +20,6 @@
     >
       <span
         v-if="side==='left' && hasSlotContent"
-        class="select-none"
       >
         <slot />
       </span>
@@ -43,7 +42,6 @@
       </span>
       <span
         v-if="side==='right' && hasSlotContent"
-        class="select-none"
       >
         <slot />
       </span>

package/components/modals/AConfirmationEmail.vue

@@ -1,40 +1,40 @@
-<script setup lang="ts">
-const emit = defineEmits<{
-  (e: 'resend'): void
-  (e: 'close'): void
-}>()
-</script>
-
-<template>
-  <div class="flex flex-col justify-center items-center gap-5">
-    <p class="heading-02">
-      {{ $t('login.modal.title') }}
-    </p>
-    <a-ill-mail />
-    <p class="body-400 text-center">
-      {{ $t('login.modal.subtitle1') }}
-    </p>
-    <p class="body-400 text-center">
-      {{ $t('login.modal.confirmationEmail') }}
-    </p>
-    <div class="flex flex-col gap-2 w-full">
-      <a-button
-        class="w-full"
-        view="outline"
-        @click="emit('close')"
-      >
-        {{ $t('login.modal.back') }}
-      </a-button>
-      <a-button
-        class="w-full"
-        @click="emit('resend')"
-      >
-        {{ $t('login.modal.resend') }}
-      </a-button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+const emit = defineEmits<{
+  (e: 'resend'): void
+  (e: 'close'): void
+}>()
+</script>
+
+<template>
+  <div class="flex flex-col justify-center items-center gap-5">
+    <p class="heading-02">
+      {{ $t('login.modal.title') }}
+    </p>
+    <a-ill-mail />
+    <p class="body-400 text-center">
+      {{ $t('login.modal.subtitle1') }}
+    </p>
+    <p class="body-400 text-center">
+      {{ $t('login.modal.confirmationEmail') }}
+    </p>
+    <div class="flex flex-col gap-2 w-full">
+      <a-button
+        class="w-full"
+        view="outline"
+        @click="emit('close')"
+      >
+        {{ $t('login.modal.back') }}
+      </a-button>
+      <a-button
+        class="w-full"
+        @click="emit('resend')"
+      >
+        {{ $t('login.modal.resend') }}
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/id/IdAutoLogoutModal.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+const { t } = useI18n()
+
+const { loginModal, autoLogoutModal } = useIdModals()
+
+function onLogin() {
+  autoLogoutModal.value = false
+  loginModal.value = true
+}
+
+function onClose() {
+  autoLogoutModal.value = false
+}
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t('modals.id.autoLogout.title') }}
+    </h2>
+    <a-ill-info class="size-[120px]" />
+    <p class="text-sm">
+      {{ t('modals.id.autoLogout.content') }}
+    </p>
+    <div class="flex w-full gap-2">
+      <a-button block view="outline" @click="onClose">
+        {{ t('actions.close') }}
+      </a-button>
+      <a-button
+        block
+        @click="onLogin"
+      >
+        {{ t('actions.login') }}
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/id/IdConfirmAccountOtpModal.vue

@@ -43,6 +43,7 @@ async function loginUser() {
   if (cookiesData) {
     const { access_token, expire_in } = cookiesData
     const hostname = location.hostname.split('.').reverse()
+    useCookie('autoLogout').value = true
 
     useCookie('accessToken', {
       maxAge: expire_in,

package/components/modals/id/IdLoginModal.vue

@@ -121,6 +121,7 @@ async function submit() {
         if (cookiesData) {
           const { access_token, expire_in } = cookiesData
           const hostname = location.hostname.split('.').reverse()
+          useCookie('autoLogout').value = true
 
           useCookie('accessToken', {
             maxAge: expire_in,

package/components/modals/id/IdModals.vue

@@ -9,6 +9,7 @@ import IdRecoveryModal from '#adata-ui/components/modals/id/IdRecoveryModal.vue'
 import IdRegistrationModal from '#adata-ui/components/modals/id/IdRegistrationModal.vue'
 import IdResetPasswordOtpModal from '#adata-ui/components/modals/id/IdResetPasswordOtpModal.vue'
 import IdTwoFactorModal from '#adata-ui/components/modals/id/IdTwoFactorModal.vue'
+import IdAutoLogoutModal from '#adata-ui/components/modals/id/IdAutoLogoutModal.vue'
 
 const {
   loginModal,
@@ -20,15 +21,17 @@ const {
   passwordSuccessfulModal,
   confirmSuccessfulModal,
   twoFactorModal,
+  autoLogoutModal
 } = useIdModals()
 
 const { locale } = useI18n()
 const { commonAuth } = useAppConfig()
 const authApiURL = commonAuth.authApiURL
 
-onMounted(async () => {
-  const accessToken = useCookie('accessToken')
+const accessToken = useCookie('accessToken')
+const isAuthenticated = computed(() => !!accessToken.value)
 
+onMounted(async () => {
   const response = await fetch(`${removeTrailingSlash(authApiURL)}/access/cookie`, {
     method: 'GET',
     credentials: 'include',
@@ -40,6 +43,7 @@ onMounted(async () => {
   if (cookiesData?.access_token && !accessToken.value) {
     const { access_token, expire_in } = cookiesData
     const hostname = location.hostname.split('.').reverse()
+    useCookie('autoLogout').value = true
 
     useCookie('accessToken', {
       maxAge: expire_in,
@@ -51,6 +55,15 @@ onMounted(async () => {
     window.location.reload()
   }
 })
+
+watch(isAuthenticated, (val) => {
+  const autoLogout = useCookie('autoLogout')
+
+  if (!val && autoLogout.value) {
+    autoLogoutModal.value = true
+    autoLogout.value = null
+  }
+})
 </script>
 
 <template>
@@ -83,6 +96,10 @@ onMounted(async () => {
   <a-modal v-model="passwordSuccessfulModal" prevent-close>
     <id-password-successful-modal v-if="passwordSuccessfulModal" />
   </a-modal>
+
+  <a-modal v-model="autoLogoutModal" prevent-close>
+    <id-auto-logout-modal v-if="autoLogoutModal" />
+  </a-modal>
 </template>
 
 <style scoped></style>

package/components/modals/id/IdTwoFactorModal.vue

@@ -55,6 +55,7 @@ async function onConfirm() {
     if (cookiesData?.access_token) {
       const { access_token, expire_in } = cookiesData
       const hostname = location.hostname.split('.').reverse()
+      useCookie('autoLogout').value = true
 
       useCookie('accessToken', {
         maxAge: expire_in,

package/components/navigation/README.md

@@ -1 +1 @@
-# breadcrumb, tabs
+# breadcrumb, tabs

package/components/overlays/README.md

@@ -1 +1 @@
-# tooltip, popover, slide over, modal, context menu
+# tooltip, popover, slide over, modal, context menu

package/composables/useIdModals.ts

@@ -11,6 +11,8 @@ export function useIdModals() {
   const newPasswordModal = useState('new-password-modal', () => false)
   const passwordSuccessfulModal = useState('password-successful-modal', () => false)
 
+  const autoLogoutModal = useState('auto-logout-modal', () => false)
+
   const intermediateState = useState('id-intermediate-state', () => ({
     email: '',
     password: '',
@@ -28,6 +30,7 @@ export function useIdModals() {
     newPasswordModal,
     passwordSuccessfulModal,
     confirmSuccessfulModal,
+    autoLogoutModal,
     intermediateState,
   }
 }

package/icons/google.vue

@@ -1,41 +1,41 @@
-
-
-<script lang="ts" setup>
-</script>
-
-<template>
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect
-      x="0.5"
-      y="0.5"
-      width="31"
-      height="31"
-      rx="5.5"
-      stroke="#9DA3AC"
-    />
-    <path
-      d="M26.501 16.2332C26.501 15.3699 26.4296 14.7399 26.2748 14.0865H16.2153V17.9832H22.12C22.001 18.9515 21.3582 20.4099 19.9296 21.3898L19.9096 21.5203L23.0902 23.935L23.3106 23.9565C25.3343 22.1249 26.501 19.4298 26.501 16.2332Z"
-      fill="#4285F4"
-    />
-    <path
-      d="M16.2147 26.5C19.1075 26.5 21.5361 25.5666 23.3099 23.9566L19.929 21.3898C19.0242 22.0082 17.8099 22.4399 16.2147 22.4399C13.3814 22.4399 10.9767 20.6082 10.1195 18.0765L9.99382 18.087L6.68656 20.5954L6.64331 20.7132C8.40519 24.1432 12.0242 26.5 16.2147 26.5Z"
-      fill="#34A853"
-    />
-    <path
-      d="M10.12 18.0766C9.89379 17.4233 9.76289 16.7232 9.76289 15.9999C9.76289 15.2765 9.89379 14.5766 10.1081 13.9232L10.1021 13.7841L6.75337 11.2355L6.64381 11.2865C5.91765 12.7099 5.50098 14.3083 5.50098 15.9999C5.50098 17.6916 5.91765 19.2899 6.64381 20.7132L10.12 18.0766Z"
-      fill="#FBBC05"
-    />
-    <path
-      d="M16.2148 9.55997C18.2267 9.55997 19.5838 10.4116 20.3576 11.1233L23.3814 8.23C21.5243 6.53834 19.1076 5.5 16.2148 5.5C12.0243 5.5 8.4052 7.85665 6.64331 11.2866L10.1076 13.9233C10.9767 11.3917 13.3815 9.55997 16.2148 9.55997Z"
-      fill="#EB4335"
-    />
-  </svg>
-</template>
-
-<style scoped></style>
+
+
+<script lang="ts" setup>
+</script>
+
+<template>
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="0.5"
+      y="0.5"
+      width="31"
+      height="31"
+      rx="5.5"
+      stroke="#9DA3AC"
+    />
+    <path
+      d="M26.501 16.2332C26.501 15.3699 26.4296 14.7399 26.2748 14.0865H16.2153V17.9832H22.12C22.001 18.9515 21.3582 20.4099 19.9296 21.3898L19.9096 21.5203L23.0902 23.935L23.3106 23.9565C25.3343 22.1249 26.501 19.4298 26.501 16.2332Z"
+      fill="#4285F4"
+    />
+    <path
+      d="M16.2147 26.5C19.1075 26.5 21.5361 25.5666 23.3099 23.9566L19.929 21.3898C19.0242 22.0082 17.8099 22.4399 16.2147 22.4399C13.3814 22.4399 10.9767 20.6082 10.1195 18.0765L9.99382 18.087L6.68656 20.5954L6.64331 20.7132C8.40519 24.1432 12.0242 26.5 16.2147 26.5Z"
+      fill="#34A853"
+    />
+    <path
+      d="M10.12 18.0766C9.89379 17.4233 9.76289 16.7232 9.76289 15.9999C9.76289 15.2765 9.89379 14.5766 10.1081 13.9232L10.1021 13.7841L6.75337 11.2355L6.64381 11.2865C5.91765 12.7099 5.50098 14.3083 5.50098 15.9999C5.50098 17.6916 5.91765 19.2899 6.64381 20.7132L10.12 18.0766Z"
+      fill="#FBBC05"
+    />
+    <path
+      d="M16.2148 9.55997C18.2267 9.55997 19.5838 10.4116 20.3576 11.1233L23.3814 8.23C21.5243 6.53834 19.1076 5.5 16.2148 5.5C12.0243 5.5 8.4052 7.85665 6.64331 11.2866L10.1076 13.9233C10.9767 11.3917 13.3815 9.55997 16.2148 9.55997Z"
+      fill="#EB4335"
+    />
+  </svg>
+</template>
+
+<style scoped></style>

package/icons/linkedin.vue

@@ -1,24 +1,24 @@
-<template>
-  <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="28" height="28" rx="14" fill="white" />
-    <g clip-path="url(#clip0_11045_8656)">
-      <path
-        d="M9.72564 11.1482H6.51458C6.37207 11.1482 6.25659 11.2637 6.25659 11.4062V21.722C6.25659 21.8645 6.37207 21.9799 6.51458 21.9799H9.72564C9.86815 21.9799 9.98363 21.8645 9.98363 21.722V11.4062C9.98363 11.2637 9.86815 11.1482 9.72564 11.1482Z"
-        fill="#2C3E50"
-      />
-      <path
-        d="M8.12134 6.02002C6.95297 6.02002 6.00244 6.96952 6.00244 8.1366C6.00244 9.3042 6.95297 10.2541 8.12134 10.2541C9.28878 10.2541 10.2385 9.30414 10.2385 8.1366C10.2386 6.96952 9.28878 6.02002 8.12134 6.02002Z"
-        fill="#2C3E50"
-      />
-      <path
-        d="M17.8931 10.8918C16.6035 10.8918 15.6501 11.4463 15.0718 12.0762V11.4062C15.0718 11.2638 14.9564 11.1482 14.8139 11.1482H11.7387C11.5962 11.1482 11.4807 11.2638 11.4807 11.4062V21.722C11.4807 21.8645 11.5962 21.98 11.7387 21.98H14.9427C15.0853 21.98 15.2007 21.8645 15.2007 21.722V16.6181C15.2007 14.8982 15.6679 14.2281 16.8668 14.2281C18.1725 14.2281 18.2763 15.3023 18.2763 16.7066V21.722C18.2763 21.8646 18.3918 21.98 18.5343 21.98H21.7395C21.882 21.98 21.9975 21.8646 21.9975 21.722V16.0637C21.9975 13.5062 21.5099 10.8918 17.8931 10.8918Z"
-        fill="#2C3E50"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_11045_8656">
-        <rect width="15.9952" height="16" fill="white" transform="translate(6.00244 6)" />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
+<template>
+  <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="28" height="28" rx="14" fill="white" />
+    <g clip-path="url(#clip0_11045_8656)">
+      <path
+        d="M9.72564 11.1482H6.51458C6.37207 11.1482 6.25659 11.2637 6.25659 11.4062V21.722C6.25659 21.8645 6.37207 21.9799 6.51458 21.9799H9.72564C9.86815 21.9799 9.98363 21.8645 9.98363 21.722V11.4062C9.98363 11.2637 9.86815 11.1482 9.72564 11.1482Z"
+        fill="#2C3E50"
+      />
+      <path
+        d="M8.12134 6.02002C6.95297 6.02002 6.00244 6.96952 6.00244 8.1366C6.00244 9.3042 6.95297 10.2541 8.12134 10.2541C9.28878 10.2541 10.2385 9.30414 10.2385 8.1366C10.2386 6.96952 9.28878 6.02002 8.12134 6.02002Z"
+        fill="#2C3E50"
+      />
+      <path
+        d="M17.8931 10.8918C16.6035 10.8918 15.6501 11.4463 15.0718 12.0762V11.4062C15.0718 11.2638 14.9564 11.1482 14.8139 11.1482H11.7387C11.5962 11.1482 11.4807 11.2638 11.4807 11.4062V21.722C11.4807 21.8645 11.5962 21.98 11.7387 21.98H14.9427C15.0853 21.98 15.2007 21.8645 15.2007 21.722V16.6181C15.2007 14.8982 15.6679 14.2281 16.8668 14.2281C18.1725 14.2281 18.2763 15.3023 18.2763 16.7066V21.722C18.2763 21.8646 18.3918 21.98 18.5343 21.98H21.7395C21.882 21.98 21.9975 21.8646 21.9975 21.722V16.0637C21.9975 13.5062 21.5099 10.8918 17.8931 10.8918Z"
+        fill="#2C3E50"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_11045_8656">
+        <rect width="15.9952" height="16" fill="white" transform="translate(6.00244 6)" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/icons/mailru.vue

@@ -1,34 +1,34 @@
-<template>
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect
-      x="0.5"
-      y="0.5"
-      width="31"
-      height="31"
-      rx="5.5"
-      stroke="#9DA3AC"
-    />
-    <g clip-path="url(#clip0_680_206687)">
-      <path
-        d="M19.1585 15.5C19.1585 17.2417 17.7417 18.6585 16 18.6585C14.2583 18.6585 12.8415 17.2417 12.8415 15.5C12.8415 13.7583 14.2583 12.3415 16 12.3415C17.7417 12.3415 19.1585 13.7583 19.1585 15.5ZM16 5C10.2106 5 5.5 9.71056 5.5 15.5C5.5 21.2894 10.2106 26 16 26C18.121 26 20.1665 25.3687 21.9148 24.1737L21.945 24.1527L20.5301 22.5081L20.5065 22.5238C19.1605 23.3894 17.6019 23.8475 16 23.8475C11.3971 23.8475 7.6525 20.1029 7.6525 15.5C7.6525 10.8971 11.3971 7.1525 16 7.1525C20.6029 7.1525 24.3475 10.8971 24.3475 15.5C24.3475 16.0965 24.2812 16.7003 24.1506 17.2942C23.8868 18.3777 23.1282 18.7097 22.5586 18.6657C21.9857 18.6192 21.3156 18.211 21.311 17.2122V16.4509V15.5C21.311 12.5712 18.9288 10.189 16 10.189C13.0712 10.189 10.689 12.5712 10.689 15.5C10.689 18.4288 13.0712 20.811 16 20.811C17.4227 20.811 18.7569 20.2545 19.7629 19.2432C20.3477 20.1535 21.3012 20.7244 22.386 20.811C22.4792 20.8189 22.5743 20.8228 22.6688 20.8228C23.432 20.8228 24.1893 20.5676 24.7997 20.1036C25.429 19.6258 25.8989 18.9348 26.1588 18.1047C26.2001 17.9708 26.2762 17.6637 26.2769 17.6617L26.2788 17.6505C26.4317 16.9844 26.5 16.3203 26.5 15.5C26.5 9.71056 21.7894 5 16 5Z"
-        fill="#FF9E00"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_680_206687">
-        <rect
-          width="21"
-          height="21"
-          fill="white"
-          transform="translate(5.5 5)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
+<template>
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="0.5"
+      y="0.5"
+      width="31"
+      height="31"
+      rx="5.5"
+      stroke="#9DA3AC"
+    />
+    <g clip-path="url(#clip0_680_206687)">
+      <path
+        d="M19.1585 15.5C19.1585 17.2417 17.7417 18.6585 16 18.6585C14.2583 18.6585 12.8415 17.2417 12.8415 15.5C12.8415 13.7583 14.2583 12.3415 16 12.3415C17.7417 12.3415 19.1585 13.7583 19.1585 15.5ZM16 5C10.2106 5 5.5 9.71056 5.5 15.5C5.5 21.2894 10.2106 26 16 26C18.121 26 20.1665 25.3687 21.9148 24.1737L21.945 24.1527L20.5301 22.5081L20.5065 22.5238C19.1605 23.3894 17.6019 23.8475 16 23.8475C11.3971 23.8475 7.6525 20.1029 7.6525 15.5C7.6525 10.8971 11.3971 7.1525 16 7.1525C20.6029 7.1525 24.3475 10.8971 24.3475 15.5C24.3475 16.0965 24.2812 16.7003 24.1506 17.2942C23.8868 18.3777 23.1282 18.7097 22.5586 18.6657C21.9857 18.6192 21.3156 18.211 21.311 17.2122V16.4509V15.5C21.311 12.5712 18.9288 10.189 16 10.189C13.0712 10.189 10.689 12.5712 10.689 15.5C10.689 18.4288 13.0712 20.811 16 20.811C17.4227 20.811 18.7569 20.2545 19.7629 19.2432C20.3477 20.1535 21.3012 20.7244 22.386 20.811C22.4792 20.8189 22.5743 20.8228 22.6688 20.8228C23.432 20.8228 24.1893 20.5676 24.7997 20.1036C25.429 19.6258 25.8989 18.9348 26.1588 18.1047C26.2001 17.9708 26.2762 17.6637 26.2769 17.6617L26.2788 17.6505C26.4317 16.9844 26.5 16.3203 26.5 15.5C26.5 9.71056 21.7894 5 16 5Z"
+        fill="#FF9E00"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_680_206687">
+        <rect
+          width="21"
+          height="21"
+          fill="white"
+          transform="translate(5.5 5)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/icons/sun.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path opacity="0.4" d="M7.99998 12.6666C10.5773 12.6666 12.6666 10.5772 12.6666 7.99992C12.6666 5.42259 10.5773 3.33325 7.99998 3.33325C5.42265 3.33325 3.33331 5.42259 3.33331 7.99992C3.33331 10.5772 5.42265 12.6666 7.99998 12.6666Z" fill="#FBC920"/>
-    <path d="M8.00002 15.3067C7.63335 15.3067 7.33335 15.0334 7.33335 14.6667V14.6134C7.33335 14.2467 7.63335 13.9467 8.00002 13.9467C8.36669 13.9467 8.66669 14.2467 8.66669 14.6134C8.66669 14.9801 8.36669 15.3067 8.00002 15.3067ZM12.76 13.4267C12.5867 13.4267 12.42 13.3601 12.2867 13.2334L12.2 13.1467C11.94 12.8867 11.94 12.4667 12.2 12.2067C12.46 11.9467 12.88 11.9467 13.14 12.2067L13.2267 12.2934C13.4867 12.5534 13.4867 12.9734 13.2267 13.2334C13.1 13.3601 12.9334 13.4267 12.76 13.4267ZM3.24002 13.4267C3.06669 13.4267 2.90002 13.3601 2.76669 13.2334C2.50669 12.9734 2.50669 12.5534 2.76669 12.2934L2.85335 12.2067C3.11335 11.9467 3.53335 11.9467 3.79335 12.2067C4.05335 12.4667 4.05335 12.8867 3.79335 13.1467L3.70669 13.2334C3.58002 13.3601 3.40669 13.4267 3.24002 13.4267ZM14.6667 8.66675H14.6134C14.2467 8.66675 13.9467 8.36675 13.9467 8.00008C13.9467 7.63341 14.2467 7.33342 14.6134 7.33342C14.98 7.33342 15.3067 7.63341 15.3067 8.00008C15.3067 8.36675 15.0334 8.66675 14.6667 8.66675ZM1.38669 8.66675H1.33335C0.966687 8.66675 0.666687 8.36675 0.666687 8.00008C0.666687 7.63341 0.966687 7.33342 1.33335 7.33342C1.70002 7.33342 2.02669 7.63341 2.02669 8.00008C2.02669 8.36675 1.75335 8.66675 1.38669 8.66675ZM12.6734 3.99341C12.5 3.99341 12.3334 3.92675 12.2 3.80008C11.94 3.54008 11.94 3.12008 12.2 2.86008L12.2867 2.77341C12.5467 2.51341 12.9667 2.51341 13.2267 2.77341C13.4867 3.03341 13.4867 3.45341 13.2267 3.71341L13.14 3.80008C13.0134 3.92675 12.8467 3.99341 12.6734 3.99341ZM3.32669 3.99341C3.15335 3.99341 2.98669 3.92675 2.85335 3.80008L2.76669 3.70675C2.50669 3.44675 2.50669 3.02675 2.76669 2.76675C3.02669 2.50675 3.44669 2.50675 3.70669 2.76675L3.79335 2.85342C4.05335 3.11342 4.05335 3.53341 3.79335 3.79341C3.66669 3.92675 3.49335 3.99341 3.32669 3.99341ZM8.00002 2.02675C7.63335 2.02675 7.33335 1.75341 7.33335 1.38675V1.33341C7.33335 0.966748 7.63335 0.666748 8.00002 0.666748C8.36669 0.666748 8.66669 0.966748 8.66669 1.33341C8.66669 1.70008 8.36669 2.02675 8.00002 2.02675Z" fill="#FBC920"/>
-  </svg>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.4" d="M7.99998 12.6666C10.5773 12.6666 12.6666 10.5772 12.6666 7.99992C12.6666 5.42259 10.5773 3.33325 7.99998 3.33325C5.42265 3.33325 3.33331 5.42259 3.33331 7.99992C3.33331 10.5772 5.42265 12.6666 7.99998 12.6666Z" fill="#FBC920"/>
+    <path d="M8.00002 15.3067C7.63335 15.3067 7.33335 15.0334 7.33335 14.6667V14.6134C7.33335 14.2467 7.63335 13.9467 8.00002 13.9467C8.36669 13.9467 8.66669 14.2467 8.66669 14.6134C8.66669 14.9801 8.36669 15.3067 8.00002 15.3067ZM12.76 13.4267C12.5867 13.4267 12.42 13.3601 12.2867 13.2334L12.2 13.1467C11.94 12.8867 11.94 12.4667 12.2 12.2067C12.46 11.9467 12.88 11.9467 13.14 12.2067L13.2267 12.2934C13.4867 12.5534 13.4867 12.9734 13.2267 13.2334C13.1 13.3601 12.9334 13.4267 12.76 13.4267ZM3.24002 13.4267C3.06669 13.4267 2.90002 13.3601 2.76669 13.2334C2.50669 12.9734 2.50669 12.5534 2.76669 12.2934L2.85335 12.2067C3.11335 11.9467 3.53335 11.9467 3.79335 12.2067C4.05335 12.4667 4.05335 12.8867 3.79335 13.1467L3.70669 13.2334C3.58002 13.3601 3.40669 13.4267 3.24002 13.4267ZM14.6667 8.66675H14.6134C14.2467 8.66675 13.9467 8.36675 13.9467 8.00008C13.9467 7.63341 14.2467 7.33342 14.6134 7.33342C14.98 7.33342 15.3067 7.63341 15.3067 8.00008C15.3067 8.36675 15.0334 8.66675 14.6667 8.66675ZM1.38669 8.66675H1.33335C0.966687 8.66675 0.666687 8.36675 0.666687 8.00008C0.666687 7.63341 0.966687 7.33342 1.33335 7.33342C1.70002 7.33342 2.02669 7.63341 2.02669 8.00008C2.02669 8.36675 1.75335 8.66675 1.38669 8.66675ZM12.6734 3.99341C12.5 3.99341 12.3334 3.92675 12.2 3.80008C11.94 3.54008 11.94 3.12008 12.2 2.86008L12.2867 2.77341C12.5467 2.51341 12.9667 2.51341 13.2267 2.77341C13.4867 3.03341 13.4867 3.45341 13.2267 3.71341L13.14 3.80008C13.0134 3.92675 12.8467 3.99341 12.6734 3.99341ZM3.32669 3.99341C3.15335 3.99341 2.98669 3.92675 2.85335 3.80008L2.76669 3.70675C2.50669 3.44675 2.50669 3.02675 2.76669 2.76675C3.02669 2.50675 3.44669 2.50675 3.70669 2.76675L3.79335 2.85342C4.05335 3.11342 4.05335 3.53341 3.79335 3.79341C3.66669 3.92675 3.49335 3.99341 3.32669 3.99341ZM8.00002 2.02675C7.63335 2.02675 7.33335 1.75341 7.33335 1.38675V1.33341C7.33335 0.966748 7.63335 0.666748 8.00002 0.666748C8.36669 0.666748 8.66669 0.966748 8.66669 1.33341C8.66669 1.70008 8.36669 2.02675 8.00002 2.02675Z" fill="#FBC920"/>
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/icons/yandex.vue

@@ -1,28 +1,28 @@
-<template>
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect
-      x="0.5"
-      y="0.5"
-      width="31"
-      height="31"
-      rx="5.5"
-      stroke="#9DA3AC"
-    />
-    <circle
-      cx="16"
-      cy="16"
-      r="10.5"
-      fill="#FC3F1D"
-    />
-    <path
-      d="M19.75 22.75H17.3928V11.076H16.3409C14.4125 11.076 13.3995 12.0469 13.3995 13.4845C13.3995 15.1158 14.1008 15.8736 15.5421 16.845L16.7304 17.6415L13.3019 22.75H10.75L13.8279 18.1853C12.0553 16.9224 11.0618 15.6988 11.0618 13.6206C11.0618 11.0174 12.8736 9.25 16.3215 9.25H19.75V22.75Z"
-      fill="white"
-    />
-  </svg>
-</template>
+<template>
+  <svg
+    width="32"
+    height="32"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="0.5"
+      y="0.5"
+      width="31"
+      height="31"
+      rx="5.5"
+      stroke="#9DA3AC"
+    />
+    <circle
+      cx="16"
+      cy="16"
+      r="10.5"
+      fill="#FC3F1D"
+    />
+    <path
+      d="M19.75 22.75H17.3928V11.076H16.3409C14.4125 11.076 13.3995 12.0469 13.3995 13.4845C13.3995 15.1158 14.1008 15.8736 15.5421 16.845L16.7304 17.6415L13.3019 22.75H10.75L13.8279 18.1853C12.0553 16.9224 11.0618 15.6988 11.0618 13.6206C11.0618 11.0174 12.8736 9.25 16.3215 9.25H19.75V22.75Z"
+      fill="white"
+    />
+  </svg>
+</template>

package/lang/en.ts

@@ -568,6 +568,10 @@ const EnLocale: RuLocale = {
         title: 'Success!',
         content: 'Email has been confirmed. Thank you!',
       },
+      autoLogout: {
+        title: 'Information',
+        content: 'For security reasons, an automatic account logout was performed.',
+      },
     },
     auth: {
       title: 'No Access',

package/lang/kk.ts

@@ -569,6 +569,10 @@ const KkLocale: RuLocale = {
         title: 'Сәтті!',
         content: 'Электрондық пошта расталды. Рахмет!',
       },
+      autoLogout: {
+        title: 'Ақпарат',
+        content: 'Қауіпсіздік мақсатында есептік жазбадан автоматты түрде шығу орындалды',
+      },
     },
     auth: {
       title: 'Қол жеткізу жоқ',

package/lang/ru.ts

@@ -570,6 +570,10 @@ const RuLocale = {
         title: 'Успешно!',
         content: 'Электронная почта подтверждена. Спасибо!',
       },
+      autoLogout: {
+        title: 'Информация',
+        content: 'В целях безопасности был выполнен автоматический выход из аккаунта',
+      },
     },
     auth: {
       title: 'Нет доступа',

package/layouts/default.vue

@@ -1,13 +1,13 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <div>
-    <slot></slot>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div>
+    <slot></slot>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.0.78",
+  "version": "2.0.80",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",