adata-ui 3.1.79 → 3.1.80

package/dist/runtime/components/modals/id/IdConfirmSuccessfulModal.vue

@@ -18,21 +18,21 @@ function onClose() {
 </script>
 
 <template>
-  <div class="flex flex-col gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t("modals.id.confirmSuccessful.title") }}
-    </h2>
-    <span class="mx-auto size-[100px] rounded-full bg-[#BDC7CE26]">
-      <ill-ok />
-    </span>
-    <p class="text-sm">
-      {{ t("modals.id.confirmSuccessful.content") }}
-    </p>
-    <adt-button
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.confirmSuccessful.title") }}
+    </h2>
+    <span class="mx-auto size-[100px] rounded-full bg-[#BDC7CE26]">
+      <ill-ok />
+    </span>
+    <p class="text-sm">
+      {{ t("modals.id.confirmSuccessful.content") }}
+    </p>
+    <adt-button
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdLoginModal.vue

@@ -184,104 +184,104 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-5">
-    <h1 class="heading-02 text-center">
-      {{ t("modals.id.login.title") }}
-    </h1>
-    <p class="body-400 text-center">
-      {{ t("modals.id.login.subtitle") }}
-    </p>
-    <div class="flex flex-col gap-4">
-      <adt-forms-input-standard
-        v-model="form.username"
-        type="email"
-        :label="t('modals.id.login.labels.email')"
-        :error="getError('username')"
-      />
-      <adt-forms-input-password
-        v-model="form.password"
-        :label="t('modals.id.login.labels.password')"
-        :error="getError('password')"
-      />
-      <div class="flex items-center justify-between">
-        <div class="body-400 flex gap-2">
-          <adt-checkbox
-            v-model="rememberMe"
-            name="remember_me"
-          />
-          <label
-            for="remember_me"
-            class="cursor-pointer"
-          >{{
-            t("modals.id.login.remember_me")
-          }}</label>
-        </div>
-        <button
-          class="link-s-400"
-          @click="onForgotPassword"
-        >
-          {{ t("modals.id.login.forget_password") }}
-        </button>
-      </div>
-    </div>
-    <div class="flex items-center gap-4">
-      <div class="h-px w-full bg-deepblue-500/30" />
-      <div class="flex shrink-0 gap-4">
-        <span
-          class="cursor-pointer"
-          @click="authWithSocial('google')"
-        >
-          <i-socials-google />
-        </span>
-        <span
-          class="cursor-pointer"
-          @click="authWithSocial('yandex')"
-        >
-          <i-socials-yandex />
-        </span>
-        <span
-          class="cursor-pointer"
-          @click="authWithSocial('mailru')"
-        >
-          <i-socials-mailru />
-        </span>
-      </div>
-      <div class="h-px w-full bg-deepblue-500/30" />
-    </div>
-    <adt-button
-      :loading="loading"
-      type="submit"
-      @click="submit"
-    >
-      {{ t("actions.login") }}
-    </adt-button>
-    <p class="body-400 text-center">
-      {{ t("modals.id.login.first_time") }}
-    </p>
-
-    <adt-button
-      type="button"
-      view="outline"
-      class="w-full"
-      @click="onRegister"
-    >
-      {{ t("actions.register") }}
-    </adt-button>
-
-    <adt-button
-      type="button"
-      view="transparent"
-      class="w-full"
-      @click="toTariffs"
-    >
-      {{ t("actions.toTariffs") }}
-    </adt-button>
-
-    <adt-alert
-      class="max-w-screen-sm !text-[10px]"
-      size="xs"
-    >
-      {{ t("info.userAgreement") }}
-    </adt-alert>
-  </div>
+  <div class="flex flex-col gap-5">
+    <h1 class="heading-02 text-center">
+      {{ t("modals.id.login.title") }}
+    </h1>
+    <p class="body-400 text-center">
+      {{ t("modals.id.login.subtitle") }}
+    </p>
+    <div class="flex flex-col gap-4">
+      <adt-forms-input-standard
+        v-model="form.username"
+        type="email"
+        :label="t('modals.id.login.labels.email')"
+        :error="getError('username')"
+      />
+      <adt-forms-input-password
+        v-model="form.password"
+        :label="t('modals.id.login.labels.password')"
+        :error="getError('password')"
+      />
+      <div class="flex items-center justify-between">
+        <div class="body-400 flex gap-2">
+          <adt-checkbox
+            v-model="rememberMe"
+            name="remember_me"
+          />
+          <label
+            for="remember_me"
+            class="cursor-pointer"
+          >{{
+            t("modals.id.login.remember_me")
+          }}</label>
+        </div>
+        <button
+          class="link-s-400"
+          @click="onForgotPassword"
+        >
+          {{ t("modals.id.login.forget_password") }}
+        </button>
+      </div>
+    </div>
+    <div class="flex items-center gap-4">
+      <div class="h-px w-full bg-deepblue-500/30" />
+      <div class="flex shrink-0 gap-4">
+        <span
+          class="cursor-pointer"
+          @click="authWithSocial('google')"
+        >
+          <i-socials-google />
+        </span>
+        <span
+          class="cursor-pointer"
+          @click="authWithSocial('yandex')"
+        >
+          <i-socials-yandex />
+        </span>
+        <span
+          class="cursor-pointer"
+          @click="authWithSocial('mailru')"
+        >
+          <i-socials-mailru />
+        </span>
+      </div>
+      <div class="h-px w-full bg-deepblue-500/30" />
+    </div>
+    <adt-button
+      :loading="loading"
+      type="submit"
+      @click="submit"
+    >
+      {{ t("actions.login") }}
+    </adt-button>
+    <p class="body-400 text-center">
+      {{ t("modals.id.login.first_time") }}
+    </p>
+
+    <adt-button
+      type="button"
+      view="outline"
+      class="w-full"
+      @click="onRegister"
+    >
+      {{ t("actions.register") }}
+    </adt-button>
+
+    <adt-button
+      type="button"
+      view="transparent"
+      class="w-full"
+      @click="toTariffs"
+    >
+      {{ t("actions.toTariffs") }}
+    </adt-button>
+
+    <adt-alert
+      class="max-w-screen-sm !text-[10px]"
+      size="xs"
+    >
+      {{ t("info.userAgreement") }}
+    </adt-alert>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdModals.vue

@@ -51,48 +51,48 @@ onMounted(async () => {
 </script>
 
 <template>
-  <adt-modal v-model="loginModal">
-    <id-login-modal v-if="loginModal" />
-  </adt-modal>
-  <adt-modal v-model="twoFactorModal">
-    <id-two-factor-modal v-if="twoFactorModal" />
-  </adt-modal>
-
-  <adt-modal v-model="registrationModal">
-    <id-registration-modal v-if="registrationModal" />
-  </adt-modal>
-  <adt-modal
-    v-model="confirmAccountOtpModal"
-    prevent-close
-  >
-    <id-confirm-account-otp-modal v-if="confirmAccountOtpModal" />
-  </adt-modal>
-  <adt-modal
-    v-model="confirmSuccessfulModal"
-    prevent-close
-  >
-    <id-confirm-successful-modal v-if="confirmSuccessfulModal" />
-  </adt-modal>
-
-  <adt-modal v-model="recoveryModal">
-    <id-recovery-modal v-if="recoveryModal" />
-  </adt-modal>
-  <adt-modal
-    v-model="resetPasswordOtpModal"
-    prevent-close
-  >
-    <id-reset-password-otp-modal v-if="resetPasswordOtpModal" />
-  </adt-modal>
-  <adt-modal
-    v-model="newPasswordModal"
-    prevent-close
-  >
-    <id-new-password-modal v-if="newPasswordModal" />
-  </adt-modal>
-  <adt-modal
-    v-model="passwordSuccessfulModal"
-    prevent-close
-  >
-    <id-password-successful-modal v-if="passwordSuccessfulModal" />
-  </adt-modal>
+  <adt-modal v-model="loginModal">
+    <id-login-modal v-if="loginModal" />
+  </adt-modal>
+  <adt-modal v-model="twoFactorModal">
+    <id-two-factor-modal v-if="twoFactorModal" />
+  </adt-modal>
+
+  <adt-modal v-model="registrationModal">
+    <id-registration-modal v-if="registrationModal" />
+  </adt-modal>
+  <adt-modal
+    v-model="confirmAccountOtpModal"
+    prevent-close
+  >
+    <id-confirm-account-otp-modal v-if="confirmAccountOtpModal" />
+  </adt-modal>
+  <adt-modal
+    v-model="confirmSuccessfulModal"
+    prevent-close
+  >
+    <id-confirm-successful-modal v-if="confirmSuccessfulModal" />
+  </adt-modal>
+
+  <adt-modal v-model="recoveryModal">
+    <id-recovery-modal v-if="recoveryModal" />
+  </adt-modal>
+  <adt-modal
+    v-model="resetPasswordOtpModal"
+    prevent-close
+  >
+    <id-reset-password-otp-modal v-if="resetPasswordOtpModal" />
+  </adt-modal>
+  <adt-modal
+    v-model="newPasswordModal"
+    prevent-close
+  >
+    <id-new-password-modal v-if="newPasswordModal" />
+  </adt-modal>
+  <adt-modal
+    v-model="passwordSuccessfulModal"
+    prevent-close
+  >
+    <id-password-successful-modal v-if="passwordSuccessfulModal" />
+  </adt-modal>
 </template>

package/dist/runtime/components/modals/id/IdNewPasswordModal.vue

@@ -64,50 +64,50 @@ async function onSubmit() {
 </script>
 
 <template>
-  <form
-    class="flex flex-col items-stretch gap-5"
-    novalidate
-    @submit.prevent="onSubmit"
-  >
-    <h2 class="text-center text-2xl font-bold">
-      {{ t("modals.id.newPassword.title") }}
-    </h2>
-    <p class="text-center text-sm">
-      {{ t("modals.id.newPassword.content") }}
-    </p>
-
-    <adt-forms-input-password
-      v-model="form.password"
-      :label="t('modals.id.newPassword.placeholder.1')"
-      :error="getError('password')"
-    />
-
-    <adt-alert color="blue">
-      {{ t("modals.id.newPassword.alert") }}
-    </adt-alert>
-
-    <adt-forms-input-password
-      v-model="form.password_confirmation"
-      :label="t('modals.id.newPassword.placeholder.2')"
-      :error="getError('password_confirmation')"
-    />
-
-    <adt-button
-      :loading="loading"
-    >
-      {{ t("actions.set") }}
-    </adt-button>
-
-    <p class="text-center text-sm">
-      {{ t("reuse.or") }}
-    </p>
-
-    <adt-button
-      type="button"
-      view="outline"
-      @click="newPasswordModal = false"
-    >
-      {{ t("actions.cancel") }}
-    </adt-button>
-  </form>
+  <form
+    class="flex flex-col items-stretch gap-5"
+    novalidate
+    @submit.prevent="onSubmit"
+  >
+    <h2 class="text-center text-2xl font-bold">
+      {{ t("modals.id.newPassword.title") }}
+    </h2>
+    <p class="text-center text-sm">
+      {{ t("modals.id.newPassword.content") }}
+    </p>
+
+    <adt-forms-input-password
+      v-model="form.password"
+      :label="t('modals.id.newPassword.placeholder.1')"
+      :error="getError('password')"
+    />
+
+    <adt-alert color="blue">
+      {{ t("modals.id.newPassword.alert") }}
+    </adt-alert>
+
+    <adt-forms-input-password
+      v-model="form.password_confirmation"
+      :label="t('modals.id.newPassword.placeholder.2')"
+      :error="getError('password_confirmation')"
+    />
+
+    <adt-button
+      :loading="loading"
+    >
+      {{ t("actions.set") }}
+    </adt-button>
+
+    <p class="text-center text-sm">
+      {{ t("reuse.or") }}
+    </p>
+
+    <adt-button
+      type="button"
+      view="outline"
+      @click="newPasswordModal = false"
+    >
+      {{ t("actions.cancel") }}
+    </adt-button>
+  </form>
 </template>

package/dist/runtime/components/modals/id/IdOtpInput.vue

@@ -92,37 +92,37 @@ function moveFocus(index, to) {
 </script>
 
 <template>
-  <div>
-    <div class="mb-1 flex gap-2">
-      <input
-        v-for="(digit, index) in otp"
-        :key="index"
-        :ref="(el) => otpRefs[index] = el"
-        v-model="otp[index]"
-        type="text"
-        maxlength="1"
-        class="size-10 rounded bg-deepblue-900/5 text-center text-lg caret-transparent focus:outline-none dark:bg-[#E3E5E80D]"
+  <div>
+    <div class="mb-1 flex gap-2">
+      <input
+        v-for="(digit, index) in otp"
+        :key="index"
+        :ref="(el) => otpRefs[index] = el"
+        v-model="otp[index]"
+        type="text"
+        maxlength="1"
+        class="size-10 rounded bg-deepblue-900/5 text-center text-lg caret-transparent focus:outline-none dark:bg-[#E3E5E80D]"
         :class="{
   'border border-[#E74135] bg-[#E741351A] dark:border-[#F47E75] dark:bg-[#F47E751A]': showError,
   'focus:border focus:border-blue-700  dark:focus:border-blue-500': !showError
-}"
-        @input="onInput($event, index)"
-        @keydown.backspace="onBackspace(index, $event)"
-        @keydown.enter.prevent
-        @paste="onPaste"
-        @keydown.left="moveFocus(index, 'left')"
-        @keydown.right="moveFocus(index, 'right')"
-        @focus="autoTarget"
-        @beforeinput="inputValid(index, $event)"
-      >
-    </div>
-    <adt-alert
-      v-show="showError"
-      color="red"
-      size="sm"
-      icon-type="triangle"
-    >
-      {{ t("error.otp") }}
-    </adt-alert>
-  </div>
+}"
+        @input="onInput($event, index)"
+        @keydown.backspace="onBackspace(index, $event)"
+        @keydown.enter.prevent
+        @paste="onPaste"
+        @keydown.left="moveFocus(index, 'left')"
+        @keydown.right="moveFocus(index, 'right')"
+        @focus="autoTarget"
+        @beforeinput="inputValid(index, $event)"
+      >
+    </div>
+    <adt-alert
+      v-show="showError"
+      color="red"
+      size="sm"
+      icon-type="triangle"
+    >
+      {{ t("error.otp") }}
+    </adt-alert>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdPasswordSuccessfulModal.vue

@@ -6,18 +6,18 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <div class="flex flex-col gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t("modals.id.passwordSuccessful.title") }}
-    </h2>
-    <span class="mx-auto size-[100px] rounded-full bg-[#BDC7CE26]">
-      <ill-ok />
-    </span>
-    <p class="text-sm">
-      {{ t("modals.id.passwordSuccessful.content") }}
-    </p>
-    <adt-button @click="passwordSuccessfulModal = false">
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.passwordSuccessful.title") }}
+    </h2>
+    <span class="mx-auto size-[100px] rounded-full bg-[#BDC7CE26]">
+      <ill-ok />
+    </span>
+    <p class="text-sm">
+      {{ t("modals.id.passwordSuccessful.content") }}
+    </p>
+    <adt-button @click="passwordSuccessfulModal = false">
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

package/dist/runtime/components/modals/id/IdRecoveryModal.vue

@@ -70,34 +70,34 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <form
-    class="flex flex-col items-stretch gap-5 rounded-lg text-center"
-    novalidate
-    @submit.prevent="onSubmit"
-  >
-    <h2 class="text-center text-2xl font-bold">
-      {{ t("modals.id.recovery.title") }}
-    </h2>
-    <p class="text-center text-sm">
-      {{ t("modals.id.recovery.content") }}
-    </p>
-    <adt-forms-input-standard
-      v-model="emailField"
-      :label="t('modals.id.recovery.placeholder')"
-      :error="getError('emailField')"
-    />
-    <adt-button :loading="loading">
-      {{ t("actions.recover") }}
-    </adt-button>
-    <p class="text-center text-sm">
-      {{ t("reuse.or") }}
-    </p>
-    <adt-button
-      type="button"
-      view="outline"
-      @click="onCancel"
-    >
-      {{ t("actions.cancel") }}
-    </adt-button>
-  </form>
+  <form
+    class="flex flex-col items-stretch gap-5 rounded-lg text-center"
+    novalidate
+    @submit.prevent="onSubmit"
+  >
+    <h2 class="text-center text-2xl font-bold">
+      {{ t("modals.id.recovery.title") }}
+    </h2>
+    <p class="text-center text-sm">
+      {{ t("modals.id.recovery.content") }}
+    </p>
+    <adt-forms-input-standard
+      v-model="emailField"
+      :label="t('modals.id.recovery.placeholder')"
+      :error="getError('emailField')"
+    />
+    <adt-button :loading="loading">
+      {{ t("actions.recover") }}
+    </adt-button>
+    <p class="text-center text-sm">
+      {{ t("reuse.or") }}
+    </p>
+    <adt-button
+      type="button"
+      view="outline"
+      @click="onCancel"
+    >
+      {{ t("actions.cancel") }}
+    </adt-button>
+  </form>
 </template>