hl-core 0.0.10-beta.2 → 0.0.10-beta.21

package/components/Complex/TextBlock.vue

@@ -6,6 +6,8 @@
 </template>
 
 <script setup lang="ts">
+import type { Utils } from '../../types';
+
 defineProps({
   text: {
     type: String,

package/components/Dialog/Dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog class="base-dialog" :model-value="Boolean(modelValue)" @update:modelValue="$emit('update:modelValue', $event)" :persistent="true">
+  <v-dialog class="base-dialog" :model-value="Boolean(modelValue)" @update:modelValue="$emit('update:modelValue', $event)" :persistent="persistent">
     <v-card class="self-center w-full sm:w-4/4 md:w-2/3 lg:w-[35%] xl:w-[500px] rounded-lg !p-[36px]">
       <div class="flex sm:flex-row flex-col place-items-center sm:place-items-start">
         <div class="h-20 w-20 place-items-start pt-1">
@@ -35,6 +35,8 @@
   </v-dialog>
 </template>
 <script lang="ts">
+import type { Utils } from '../../types';
+
 export default defineComponent({
   name: 'BaseDialog',
   props: {
@@ -42,6 +44,10 @@ export default defineComponent({
       type: Boolean as PropType<boolean | null>,
       default: false,
     },
+    persistent: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+    },
     title: {
       type: String,
       default() {

package/components/Dialog/FamilyDialog.vue

@@ -25,6 +25,8 @@
 </template>
 
 <script lang="ts">
+import type { Api } from '../../types';
+
 export default defineComponent({
   props: {
     selected: {

package/components/Form/DigitalDocument.vue

@@ -0,0 +1,52 @@
+<template>
+  <section v-if="member && member.iin" class="mb-2">
+    <base-form-section :title="`${title} ${number === 0 ? '' : number}`" class="mx-[10px] mt-[14px] d-flex">
+      <base-form-input v-model="member.iin" :label="$dataStore.t('form.iin')" :readonly="true" />
+      <base-form-input v-model.trim="member.longName" :label="$dataStore.t('labels.userFullName')" :readonly="true" />
+      <base-panel-input
+        v-if="!!member.digitalDocument"
+        v-model="member.digitalDocument.fileName"
+        label="Цифровой документ"
+        :readonly="disabled"
+        :clearable="!disabled"
+        append-inner-icon="mdi mdi-chevron-right"
+        @click="$emit('openPanel', member.digitalDocument)"
+      />
+      <base-content-block
+        v-if="!disabled && !member.digitalDocument"
+        class="d-flex align-center justify-between !py-3.5 !pr-5"
+        :class="[$styles.whiteBg]"
+        @click="$emit('openDigitalDocPanel', member.iin)"
+      >
+        <p :class="[$styles.greyText]">Получить цифровой документ</p>
+        <div class="cursor-pointer">
+          <i class="mdi mdi-file-document text-xl" :class="[$styles.blueText]"></i>
+        </div>
+      </base-content-block>
+    </base-form-section>
+  </section>
+</template>
+
+<script setup lang="ts">
+import type { Base } from '../../types';
+
+defineEmits(['openDigitalDocPanel', 'openPanel']);
+defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  member: {
+    type: Object as PropType<Base.Document.Digital>,
+    default: null,
+  },
+  number: {
+    type: Number,
+    default: 0,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>

package/components/Form/DynamicForm.vue

@@ -24,6 +24,7 @@
 
 <script lang="ts">
 import { Value } from '#imports';
+import type { DynamicForm, FetchFunctions, InputType } from '../../types/form';
 
 export default defineComponent({
   props: {

package/components/Form/FormData.vue

@@ -61,6 +61,7 @@
 <script lang="ts">
 import { type ComputedRefWithControl } from '@vueuse/core';
 import { FormBlock } from '../../composables/fields';
+import type { Utils } from '../../types';
 
 export default defineComponent({
   props: {

package/components/Form/ManagerAttachment.vue

@@ -106,6 +106,7 @@
 <script lang="ts">
 import { Value } from '../../composables/classes';
 import { watchDebounced } from '@vueuse/core';
+import type { AgentData } from '../../types';
 
 export default defineComponent({
   props: {
@@ -154,19 +155,16 @@ export default defineComponent({
       return isReadonly.value;
     });
     const isSaleChanellShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager();
       return true;
     });
     const isRegionShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager() || dataStore.isAgent();
       return true;
     });
     const isManagerShown = computed(() => {
-      if (dataStore.isGons) return dataStore.isServiceManager();
       return true;
     });
     const isAgentShown = computed(() => {
-      if (dataStore.isGons || dataStore.isPension) return dataStore.isServiceManager();
+      if (dataStore.isPension) return dataStore.isServiceManager();
       return true;
     });
     const openPanel = async (currentDict: ManagerAttachmentFiels, title: string) => {

package/components/Input/DynamicInput.vue

@@ -12,6 +12,8 @@
 </template>
 
 <script lang="ts">
+import type { InputType } from '../../types/form';
+
 export default defineComponent({
   props: {
     fields: {

package/components/Input/FormInput.vue

@@ -49,6 +49,8 @@
 </template>
 
 <script lang="ts">
+import type { InputTypes, InputVariants } from '../../types';
+
 export default defineComponent({
   name: 'BaseFormInput',
   props: {

package/components/Input/OtpInput.vue

@@ -0,0 +1,25 @@
+<template>
+  <v-otp-input v-model="modelValue" class="base-otp-input" base-color="#A0B3D8" color="#FFF" />
+</template>
+
+<script setup lang="ts">
+const modelValue = defineModel<string>();
+</script>
+
+<style>
+.base-otp-input .v-otp-input__field {
+  font-size: 16px;
+}
+.base-otp-input .v-field {
+  width: 50px;
+  height: 60px;
+  border-radius: 8px;
+}
+.base-otp-input .v-otp-input__content {
+  gap: 24px;
+}
+.base-otp-input .v-otp-input__divider {
+  margin: 0 4px;
+  color: #b8b8b8;
+}
+</style>

package/components/Input/PanelInput.vue

@@ -39,6 +39,7 @@
 
 <script lang="ts">
 import { Value } from '../../composables/classes';
+import type { InputTypes, InputVariants } from '../../types';
 
 export default defineComponent({
   name: 'BasePanelInput',

package/components/Input/RoundedInput.vue

@@ -34,6 +34,8 @@
 </template>
 
 <script lang="ts">
+import type { InputTypes, InputVariants } from '../../types';
+
 export default defineComponent({
   name: 'BaseRoundedInput',
   props: {

package/components/Input/RoundedSelect.vue

@@ -35,6 +35,8 @@
 </template>
 
 <script lang="ts">
+import type { InputVariants } from '../../types';
+
 export default defineComponent({
   name: 'BaseRoundedSelect',
   props: {
@@ -148,6 +150,8 @@ export default defineComponent({
   border: 1px solid #dadada;
   box-shadow: none;
   font-size: 14px;
+  padding-top: 6px;
+  padding-bottom: 4px;
 }
 .rounded-select .v-field--error {
   border-color: #ff5449;

package/components/Input/SwitchInput.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script lang="ts">
+import type { SwitchInput } from '../../types/form';
+
 export default defineComponent({
   name: 'asSwitchInput',
   props: {

package/components/Input/TextInput.vue

@@ -16,6 +16,8 @@
 </template>
 
 <script lang="ts">
+import type { InputType } from '../../types/form';
+
 const iconsList: { [key: string]: string } = {
   arrowRight: 'mdi-chevron-right',
   search: 'mdi-magnify',

package/components/Layout/Drawer.vue

@@ -26,6 +26,8 @@
 </template>
 
 <script lang="ts">
+import type { PanelTypes } from '../../types';
+
 export default defineComponent({
   name: 'BasePanel',
   props: {

package/components/Pages/Anketa.vue

@@ -1,181 +1,179 @@
 <template>
-  <base-fade-transition>
-    <section v-if="firstQuestionList && firstQuestionList.length && (isFirstPanelOnRight ? true : !firstPanel) && !secondPanel" class="flex flex-col shrink grow max-h-[90vh]">
-      <base-form-section v-if="$dataStore.isUnderwriter()" class="mx-[10px]">
-        <base-rounded-select v-model="filterType" class="w-[200px]" :items="filterItems" :label="$dataStore.t('labels.filter')" hide-details />
-      </base-form-section>
-      <section :class="[$styles.blueBgLight, $styles.rounded]" class="mx-[10px] my-[14px] p-4 flex flex-col gap-4">
-        <base-form-toggle
-          v-model="answerToAll"
-          :title="$dataStore.t('questionnaireType.answerAllNo')"
-          :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-          :has-border="false"
-          @clicked="handleToggler"
+  <section v-if="firstQuestionList && firstQuestionList.length && (isFirstPanelOnRight ? true : !firstPanel) && !secondPanel" class="flex flex-col shrink grow max-h-[85svh]">
+    <base-form-section v-if="$dataStore.isUnderwriter()" class="mx-[10px]">
+      <base-rounded-select v-model="filterType" class="w-[200px]" :items="filterItems" :label="$dataStore.t('labels.filter')" hide-details />
+    </base-form-section>
+    <section :class="[$styles.blueBgLight, $styles.rounded]" class="mx-[10px] my-[14px] p-4 flex flex-col gap-4">
+      <base-form-toggle
+        v-model="answerToAll"
+        :title="$dataStore.t('questionnaireType.answerAllNo')"
+        :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+        :has-border="false"
+        @clicked="handleToggler"
+      />
+    </section>
+    <v-form ref="vForm" class="grow shrink overflow-y-scroll" @submit="submitForm">
+      <section
+        v-if="firstQuestionList.filter(i => i.first.definedAnswers === 'N').length"
+        :class="[$styles.blueBgLight, $styles.rounded]"
+        class="mx-[10px] p-4 flex flex-col gap-4"
+      >
+        <base-form-input
+          v-for="(question, index) in firstQuestionList.filter(i => i.first.definedAnswers === 'N')"
+          :key="index"
+          v-model="question.first.answerText"
+          :label="question.first.name"
+          :maska="$maska.threeDigit"
+          :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+          :rules="$rules.required"
         />
       </section>
-      <v-form ref="vForm" class="grow shrink overflow-y-scroll" @submit="submitForm">
-        <section
-          v-if="firstQuestionList.filter(i => i.first.definedAnswers === 'N').length"
-          :class="[$styles.blueBgLight, $styles.rounded]"
-          class="mx-[10px] p-4 flex flex-col gap-4"
-        >
-          <base-form-input
-            v-for="(question, index) in firstQuestionList.filter(i => i.first.definedAnswers === 'N')"
-            :key="index"
-            v-model="question.first.answerText"
-            :label="question.first.name"
-            :maska="$maska.threeDigit"
-            :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-            :rules="$rules.required"
-          />
-        </section>
-        <section
-          v-if="firstQuestions.filter(i => i.first.definedAnswers === 'Y').length"
-          :class="[$styles.blueBgLight, $styles.rounded]"
-          class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4"
-        >
-          <base-form-text-section
-            v-for="(question, index) in firstQuestions.filter(i => i.first.definedAnswers === 'Y')"
-            :key="index"
-            :class="[currentQuestion?.first.id === question.first.id && $dataStore.rightPanel.open ? $styles.greenBorder : '']"
-          >
-            <base-animation>
-              <div
-                v-if="question.first.answerName === 'Да' && question.second"
-                :class="[$styles.greenBg, $styles.whiteText, $styles.textSimple]"
-                class="rounded-t-lg pl-6 py-1 cursor-pointer"
-                @click="openFirstPanel(question)"
-              >
-                {{ $dataStore.t('questionnaireType.pleaseAnswer', { text: question.second.length }) }}
-              </div>
-            </base-animation>
-            <span :class="[$styles.textTitle]" class="border-b-[1px] border-b-[#F3F6FC] p-6 flex items-center justify-between">
-              {{ question.first.name }}
-              <base-animation>
-                <i
-                  v-if="question.first.answerName === 'Да' && question.second && question.second.length"
-                  class="mdi mdi-chevron-right text-2xl cursor-pointer"
-                  @click="openFirstPanel(question)"
-                ></i>
-              </base-animation>
-            </span>
-            <div class="flex items-center justify-start gap-5 px-4 pt-4" :class="[$styles.textSimple]">
-              <v-radio-group
-                v-model="question.first.answerName"
-                class="anketa-radio"
-                :true-icon="`mdi-radiobox-marked ${$styles.greenText}`"
-                false-icon="mdi-radiobox-blank text-[#636363]"
-                :rules="$rules.required"
-                :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-                inline
-              >
-                <v-radio label="Да" value="Да" />
-                <v-radio label="Нет" value="Нет" />
-              </v-radio-group>
-            </div>
-          </base-form-text-section>
-        </section>
-        <section
-          v-if="firstQuestions.filter(i => i.first.definedAnswers === 'D').length"
-          :class="[$styles.blueBgLight, $styles.rounded]"
-          class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4"
+      <section
+        v-if="firstQuestions.filter(i => i.first.definedAnswers === 'Y').length"
+        :class="[$styles.blueBgLight, $styles.rounded]"
+        class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4"
+      >
+        <base-form-text-section
+          v-for="(question, index) in firstQuestions.filter(i => i.first.definedAnswers === 'Y')"
+          :key="index"
+          :class="[currentQuestion?.first.id === question.first.id && $dataStore.rightPanel.open ? $styles.greenBorder : '']"
         >
-          <base-form-text-section
-            v-for="(question, index) in firstQuestions.filter(i => i.first.definedAnswers === 'D')"
-            :key="index"
-            :class="[currentQuestion?.first.id === question.first.id && $dataStore.rightPanel.open ? $styles.greenBorder : '']"
-          >
-            <span :class="[$styles.textTitle]" class="border-b-[1px] border-b-[#F3F6FC] p-6 flex items-center justify-between"> {{ question.first.name }} </span>
-            <div class="flex items-center justify-start gap-5 px-4 pt-4" :class="[$styles.textSimple]">
-              <v-radio-group
-                v-model="question.first.answerName"
-                class="anketa-radio"
-                :true-icon="`mdi-radiobox-marked ${$styles.greenText}`"
-                false-icon="mdi-radiobox-blank text-[#636363]"
-                :rules="$rules.required"
-                :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-                inline
-              >
-                <v-radio label="Да" value="Да" />
-                <v-radio label="Нет" value="Нет" />
-              </v-radio-group>
+          <base-animation>
+            <div
+              v-if="question.first.answerName === 'Да' && question.second"
+              :class="[$styles.greenBg, $styles.whiteText, $styles.textSimple]"
+              class="rounded-t-lg pl-6 py-1 cursor-pointer"
+              @click="openFirstPanel(question)"
+            >
+              {{ $dataStore.t('questionnaireType.pleaseAnswer', { text: question.second.length }) }}
             </div>
+          </base-animation>
+          <span :class="[$styles.textTitle]" class="border-b-[1px] border-b-[#F3F6FC] p-6 flex items-center justify-between">
+            {{ question.first.name }}
             <base-animation>
-              <div v-if="question.first.answerName === 'Да'" :class="[$styles.whiteText, $styles.textSimple]">
-                <base-form-input
-                  v-model="question.first.answerText"
-                  :label="$dataStore.t('labels.inDetails')"
-                  :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-                  :rules="$rules.required"
-                />
-              </div>
+              <i
+                v-if="question.first.answerName === 'Да' && question.second && question.second.length"
+                class="mdi mdi-chevron-right text-2xl cursor-pointer"
+                @click="openFirstPanel(question)"
+              ></i>
             </base-animation>
-          </base-form-text-section>
-        </section>
-      </v-form>
-      <div class="px-[14px]">
-        <base-btn
-          class="my-[14px] self-center"
-          :loading="isButtonLoading"
-          :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-          @click="submitForm"
-          :text="$dataStore.t('buttons.save')"
-        />
-      </div>
-    </section>
-    <base-btn
-      v-if="currentQuestion && currentQuestion.second && currentQuestion.second.length && isFirstPanelOnRight ? false : firstPanel"
-      class="!absolute z-10 self-center w-[96%] bottom-0"
-      :text="$dataStore.t('buttons.save')"
-      @click="submitSecondaryForm"
-    />
-    <section
-      ref="firstPanelSection"
-      v-if="currentQuestion && currentQuestion.second && isFirstPanelOnRight ? false : firstPanel"
-      class="flex flex-col px-[10px] pb-[14px]"
-      :class="[$styles.scrollPage]"
-    >
-      <v-form
-        v-if="currentQuestion"
+          </span>
+          <div class="flex items-center justify-start gap-5 px-4 pt-4" :class="[$styles.textSimple]">
+            <v-radio-group
+              v-model="question.first.answerName"
+              class="anketa-radio"
+              :true-icon="`mdi-radiobox-marked ${$styles.greenText}`"
+              false-icon="mdi-radiobox-blank text-[#636363]"
+              :rules="$rules.required"
+              :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+              inline
+            >
+              <v-radio label="Да" value="Да" />
+              <v-radio label="Нет" value="Нет" />
+            </v-radio-group>
+          </div>
+        </base-form-text-section>
+      </section>
+      <section
+        v-if="firstQuestions.filter(i => i.first.definedAnswers === 'D').length"
         :class="[$styles.blueBgLight, $styles.rounded]"
         class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4"
-        ref="vSecondaryForm"
-        @submit="submitSecondaryForm"
       >
-        <base-form-text-section v-for="question in currentQuestion.second" :title="question.name" :key="question.name">
-          <div v-if="question.definedAnswers === 'N'">
-            <base-form-input
-              v-if="question.answerType === 'T' || question.answerType === 'N'"
-              v-model="question.answerText"
-              class="border-t-[1px] border-t-[#F3F6FC]"
-              :placeholder="$dataStore.t('labels.inputText')"
-              :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-              :rules="isSecondRequired ? $rules.required : []"
-            />
-            <base-form-input
-              v-if="question.answerType === 'D'"
-              v-model="question.answerText"
-              class="border-t-[1px] border-t-[#F3F6FC]"
-              :placeholder="$dataStore.t('form.date')"
+        <base-form-text-section
+          v-for="(question, index) in firstQuestions.filter(i => i.first.definedAnswers === 'D')"
+          :key="index"
+          :class="[currentQuestion?.first.id === question.first.id && $dataStore.rightPanel.open ? $styles.greenBorder : '']"
+        >
+          <span :class="[$styles.textTitle]" class="border-b-[1px] border-b-[#F3F6FC] p-6 flex items-center justify-between"> {{ question.first.name }} </span>
+          <div class="flex items-center justify-start gap-5 px-4 pt-4" :class="[$styles.textSimple]">
+            <v-radio-group
+              v-model="question.first.answerName"
+              class="anketa-radio"
+              :true-icon="`mdi-radiobox-marked ${$styles.greenText}`"
+              false-icon="mdi-radiobox-blank text-[#636363]"
+              :rules="$rules.required"
               :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-              :rules="isSecondRequired ? $rules.date : []"
-              :maska="$maska.date"
-              append-inner-icon="mdi mdi-calendar-blank-outline"
-            />
+              inline
+            >
+              <v-radio label="Да" value="Да" />
+              <v-radio label="Нет" value="Нет" />
+            </v-radio-group>
           </div>
-          <base-panel-input
-            v-else
-            :class="[$styles.textTitle, $styles.greenText]"
-            :value="question.answerName ? question.answerName : 'Выбрать вариант ответа'"
-            :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
-            :clearable="false"
-            :error-messages="isSecondRequired ? (question.answerName ? [] : ['Выбрать вариант ответа']) : []"
-            @click="openSecondPanel(question)"
-          ></base-panel-input>
+          <base-animation>
+            <div v-if="question.first.answerName === 'Да'" :class="[$styles.whiteText, $styles.textSimple]">
+              <base-form-input
+                v-model="question.first.answerText"
+                :label="$dataStore.t('labels.inDetails')"
+                :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+                :rules="$rules.required"
+              />
+            </div>
+          </base-animation>
         </base-form-text-section>
-      </v-form>
-    </section>
-  </base-fade-transition>
+      </section>
+    </v-form>
+    <div class="px-[14px]">
+      <base-btn
+        class="my-[14px] self-center"
+        :loading="isButtonLoading"
+        :disabled="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+        @click="submitForm"
+        :text="$dataStore.t('buttons.save')"
+      />
+    </div>
+  </section>
+  <base-btn
+    v-if="currentQuestion && currentQuestion.second && currentQuestion.second.length && isFirstPanelOnRight ? false : firstPanel"
+    class="!absolute z-10 self-center w-[96%] bottom-0"
+    :text="$dataStore.t('buttons.save')"
+    @click="submitSecondaryForm"
+  />
+  <section
+    ref="firstPanelSection"
+    v-if="currentQuestion && currentQuestion.second && isFirstPanelOnRight ? false : firstPanel"
+    class="flex flex-col px-[10px] pb-[14px]"
+    :class="[$styles.scrollPage]"
+  >
+    <v-form
+      v-if="currentQuestion"
+      :class="[$styles.blueBgLight, $styles.rounded]"
+      class="mx-[10px] mt-[14px] p-4 flex flex-col gap-4"
+      ref="vSecondaryForm"
+      @submit="submitSecondaryForm"
+    >
+      <base-form-text-section v-for="question in currentQuestion.second" :title="question.name" :key="question.name">
+        <div v-if="question.definedAnswers === 'N'">
+          <base-form-input
+            v-if="question.answerType === 'T' || question.answerType === 'N'"
+            v-model="question.answerText"
+            class="border-t-[1px] border-t-[#F3F6FC]"
+            :placeholder="$dataStore.t('labels.inputText')"
+            :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+            :rules="isSecondRequired ? $rules.required : []"
+          />
+          <base-form-input
+            v-if="question.answerType === 'D'"
+            v-model="question.answerText"
+            class="border-t-[1px] border-t-[#F3F6FC]"
+            :placeholder="$dataStore.t('form.date')"
+            :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+            :rules="isSecondRequired ? $rules.date : []"
+            :maska="$maska.date"
+            append-inner-icon="mdi mdi-calendar-blank-outline"
+          />
+        </div>
+        <base-panel-input
+          v-else
+          :class="[$styles.textTitle, $styles.greenText]"
+          :value="question.answerName ? question.answerName : 'Выбрать вариант ответа'"
+          :readonly="formStore.isDisabled[whichSurvey] || !$dataStore.isTask()"
+          :clearable="false"
+          :error-messages="isSecondRequired ? (question.answerName ? [] : ['Выбрать вариант ответа']) : []"
+          @click="openSecondPanel(question)"
+        ></base-panel-input>
+      </base-form-text-section>
+    </v-form>
+  </section>
   <Teleport v-if="secondPanel" to="#right-panel-actions">
     <div :class="[$styles.scrollPage]" class="flex flex-col items-center">
       <base-rounded-input v-model="searchQuery" :label="$dataStore.t('labels.search')" class="w-full p-2" :hide-details="true" />
@@ -234,11 +232,12 @@
       </v-form>
     </div>
   </Teleport>
-  <base-scroll-buttons v-if="firstQuestionList && firstQuestionList.length" @up="scrollForm('up')" @down="scrollForm('down')" />
+  <base-scroll-buttons v-if="firstQuestionList && firstQuestionList.length" class="bottom-[20%]" @up="scrollForm('up')" @down="scrollForm('down')" />
 </template>
 
 <script lang="ts">
 import { Value } from '../../composables/classes';
+import type { AnketaBody, AnketaSecond, AnswerName } from '../../types';
 
 export default defineComponent({
   setup() {

package/components/Pages/Auth.vue

@@ -125,6 +125,8 @@
 </template>
 
 <script lang="ts">
+import type { InputTypes } from '../../types';
+
 export default defineComponent({
   setup() {
     const route = useRoute();

package/components/Pages/ContragentForm.vue

@@ -289,6 +289,7 @@
 <script lang="ts">
 import { StoreMembers } from '../../types/enum';
 import { Member, Value } from '../../composables/classes';
+import type { ESBDValidationType } from '../../types';
 
 export default defineComponent({
   props: {