adata-ui 3.1.80 → 3.1.82

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>

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

@@ -106,72 +106,72 @@ onBeforeUnmount(() => {
 </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.register.title") }}
-    </h2>
-    <p class="text-center text-sm">
-      {{ t("modals.id.register.subtitle") }}
-    </p>
-    <adt-forms-input-standard
-      v-model="form.email"
-      :label="t('modals.id.register.labels.email')"
-      :error="getError('email')"
-      type="email"
-    />
-
-    <adt-forms-input-password
-      v-model="form.password"
-      :label="t('modals.id.register.labels.password')"
-      :error="getError('password')"
-    />
-
-    <adt-forms-input-password
-      v-model="form.password_confirmation"
-      :label="t('modals.id.register.labels.password_confirmation')"
-      :error="getError('password_confirmation')"
-    />
-    <adt-alert color="blue">
-      {{ t("modals.id.register.alert") }}
-      <template #icon>
-        <i-info-circle />
-      </template>
-    </adt-alert>
-    <adt-checkbox
-      v-model="agreement"
-      side="right"
-      name="confirm-agreement"
-    >
-      <i18n-t keypath="modals.id.register.agreement.text">
-        <template #link>
-          <nuxt-link-locale
-            class="text-blue-700"
-            @click="getUrl"
-          >
-            {{ t("modals.id.register.agreement.link") }}
-          </nuxt-link-locale>
-        </template>
-      </i18n-t>
-    </adt-checkbox>
-    <adt-button
-      :disabled="!agreement"
-      :loading="loading"
-    >
-      {{ t("modals.id.register.continue") }}
-    </adt-button>
-    <p class="text-center text-sm">
-      {{ t("modals.id.register.haveAcc") }}
-    </p>
-    <adt-button
-      type="button"
-      view="outline"
-      @click="onLogin"
-    >
-      {{ t("modals.id.register.enter") }}
-    </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.register.title") }}
+    </h2>
+    <p class="text-center text-sm">
+      {{ t("modals.id.register.subtitle") }}
+    </p>
+    <adt-forms-input-standard
+      v-model="form.email"
+      :label="t('modals.id.register.labels.email')"
+      :error="getError('email')"
+      type="email"
+    />
+
+    <adt-forms-input-password
+      v-model="form.password"
+      :label="t('modals.id.register.labels.password')"
+      :error="getError('password')"
+    />
+
+    <adt-forms-input-password
+      v-model="form.password_confirmation"
+      :label="t('modals.id.register.labels.password_confirmation')"
+      :error="getError('password_confirmation')"
+    />
+    <adt-alert color="blue">
+      {{ t("modals.id.register.alert") }}
+      <template #icon>
+        <i-info-circle />
+      </template>
+    </adt-alert>
+    <adt-checkbox
+      v-model="agreement"
+      side="right"
+      name="confirm-agreement"
+    >
+      <i18n-t keypath="modals.id.register.agreement.text">
+        <template #link>
+          <nuxt-link-locale
+            class="text-blue-700"
+            @click="getUrl"
+          >
+            {{ t("modals.id.register.agreement.link") }}
+          </nuxt-link-locale>
+        </template>
+      </i18n-t>
+    </adt-checkbox>
+    <adt-button
+      :disabled="!agreement"
+      :loading="loading"
+    >
+      {{ t("modals.id.register.continue") }}
+    </adt-button>
+    <p class="text-center text-sm">
+      {{ t("modals.id.register.haveAcc") }}
+    </p>
+    <adt-button
+      type="button"
+      view="outline"
+      @click="onLogin"
+    >
+      {{ t("modals.id.register.enter") }}
+    </adt-button>
+  </form>
 </template>

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

@@ -91,51 +91,51 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t("modals.id.resetPasswordOtp.title") }}
-    </h2>
-
-    <i-hand-with-phone-light class="size-32 dark:hidden" />
-    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
-
-    <div class="text-sm">
-      <p class="mb-1">
-        {{ t("modals.id.resetPasswordOtp.content") }}
-      </p>
-
-      <div
-        v-if="timer > 0"
-        class="text-2xl font-bold"
-      >
-        {{ timer }} {{ t("modals.id.resetPasswordOtp.seconds") }}
-      </div>
-      <button
-        v-else
-        class="text-blue-700 dark:text-blue-500 flex items-center gap-2 mx-auto"
-        :disabled="isResendLoading"
-        @click="onResend"
-      >
-        <i-loader-circle
-          v-if="isResendLoading"
-          class="animate-spin"
-        />
-        <span>{{ t("actions.resend") }}</span>
-      </button>
-    </div>
-
-    <id-otp-input
-      v-model="otp"
-      v-model:error="showError"
-      @on-completed="onConfirm"
-    />
-
-    <adt-button
-      block
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col items-center gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t("modals.id.resetPasswordOtp.title") }}
+    </h2>
+
+    <i-hand-with-phone-light class="size-32 dark:hidden" />
+    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
+
+    <div class="text-sm">
+      <p class="mb-1">
+        {{ t("modals.id.resetPasswordOtp.content") }}
+      </p>
+
+      <div
+        v-if="timer > 0"
+        class="text-2xl font-bold"
+      >
+        {{ timer }} {{ t("modals.id.resetPasswordOtp.seconds") }}
+      </div>
+      <button
+        v-else
+        class="text-blue-700 dark:text-blue-500 flex items-center gap-2 mx-auto"
+        :disabled="isResendLoading"
+        @click="onResend"
+      >
+        <i-loader-circle
+          v-if="isResendLoading"
+          class="animate-spin"
+        />
+        <span>{{ t("actions.resend") }}</span>
+      </button>
+    </div>
+
+    <id-otp-input
+      v-model="otp"
+      v-model:error="showError"
+      @on-completed="onConfirm"
+    />
+
+    <adt-button
+      block
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>

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

@@ -88,27 +88,27 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center gap-4">
-    <p class="heading-02 text-center">
-      {{ t("modals.id.twoFactor.title") }}
-    </p>
-    <i-hand-with-phone-light class="size-32 dark:hidden" />
-    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
-    <id-otp-input
-      v-model="otp"
-      v-model:error="showError"
-      @on-completed="onConfirm"
-    />
-    <p class="body-400 text-center">
-      {{ t("modals.id.twoFactor.code") }}
-    </p>
-
-    <adt-button
-      class="w-full"
-      view="outline"
-      @click="onClose"
-    >
-      {{ t("actions.close") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col items-center gap-4">
+    <p class="heading-02 text-center">
+      {{ t("modals.id.twoFactor.title") }}
+    </p>
+    <i-hand-with-phone-light class="size-32 dark:hidden" />
+    <i-hand-with-phone-dark class="hidden size-32 dark:block" />
+    <id-otp-input
+      v-model="otp"
+      v-model:error="showError"
+      @on-completed="onConfirm"
+    />
+    <p class="body-400 text-center">
+      {{ t("modals.id.twoFactor.code") }}
+    </p>
+
+    <adt-button
+      class="w-full"
+      view="outline"
+      @click="onClose"
+    >
+      {{ t("actions.close") }}
+    </adt-button>
+  </div>
 </template>