adata-ui 3.1.80 → 3.1.82

package/dist/runtime/components/floating-label/FloatingLabel.vue

@@ -14,9 +14,9 @@ const combinedClasses = twMerge(`
 </script>
 
 <template>
-  <label :class="combinedClasses">
-    <slot>
-      <span class="text-gray-500 leading-4">{{ value }}</span>
-    </slot>
-  </label>
+  <label :class="combinedClasses">
+    <slot>
+      <span class="text-gray-500 leading-4">{{ value }}</span>
+    </slot>
+  </label>
 </template>

package/dist/runtime/components/floating-label/FloatingLabel.vue.d.ts

@@ -2,15 +2,10 @@ type __VLS_Props = {
     value?: string;
     labelClasses?: string;
 };
-declare const combinedClasses: string;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    combinedClasses: typeof combinedClasses;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/forms/input/password/InputPassword.vue

@@ -12,29 +12,29 @@ const isOpened = ref(false);
 </script>
 
 <template>
-  <input-standard
-    v-bind="$attrs"
-    :type="isOpened ? 'text' : 'password'"
-    v-bind.prop="props"
-  >
-    <template #endButton>
-      <button
-        class="absolute top-1/2 right-4 text-gray-500 fill-gray-500 pointer-events-click text-2xl transform translate-y-[-50%] hover:opacity-80 disabled:pointer-events-none"
-        :disabled="disabled"
-        type="button"
-        @click="isOpened = !isOpened"
-      >
-        <i-eye-closed
-          v-if="!isOpened"
-          filled
-          class="!mb-0"
-        />
-        <i-eye-opened
-          v-else
-          filled
-          class="!mb-0"
-        />
-      </button>
-    </template>
-  </input-standard>
+  <input-standard
+    v-bind="$attrs"
+    :type="isOpened ? 'text' : 'password'"
+    v-bind.prop="props"
+  >
+    <template #endButton>
+      <button
+        class="absolute top-1/2 right-4 text-gray-500 fill-gray-500 pointer-events-click text-2xl transform translate-y-[-50%] hover:opacity-80 disabled:pointer-events-none"
+        :disabled="disabled"
+        type="button"
+        @click="isOpened = !isOpened"
+      >
+        <i-eye-closed
+          v-if="!isOpened"
+          filled
+          class="!mb-0"
+        />
+        <i-eye-opened
+          v-else
+          filled
+          class="!mb-0"
+        />
+      </button>
+    </template>
+  </input-standard>
 </template>

package/dist/runtime/components/forms/input/password/InputPassword.vue.d.ts

@@ -8,8 +8,8 @@ interface Props {
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: "sm" | "md";
     error: string;
+    label: string;
     disabled: boolean;
     required: boolean;
-    label: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/forms/input/standard/InputStandard.vue

@@ -184,118 +184,118 @@ defineExpose({
 </script>
 
 <template>
-  <div :class="wrapperClass">
-    <div :class="inputWrapperClass">
-      <Transition name="autocomplete-fade">
-        <div
-          v-if="autocompleteList.length && isFocused"
+  <div :class="wrapperClass">
+    <div :class="inputWrapperClass">
+      <Transition name="autocomplete-fade">
+        <div
+          v-if="autocompleteList.length && isFocused"
           :class="[
   'absolute z-[31] w-full flex flex-col gap-4 rounded bg-white p-2 shadow dark:bg-gray-900',
   isDropdownUp ? 'bottom-[44px]' : 'top-[44px]',
   shadow ? 'autocomplete-shadow' : ''
-]"
-        >
-          <ul
-            ref="autocompleteContainer"
-            class="max-h-[250px] w-full overflow-y-auto"
-          >
-            <li
-              v-for="(item, idx) in autocompleteList"
-              :key="idx"
-              class="cursor-pointer rounded px-4 py-[10px] transition-colors hover:bg-deepblue-900/10 hover:dark:bg-gray-200/10"
-              :class="{ 'bg-deepblue-900/5 dark:bg-gray-200/5': currentItemIndex === idx }"
-              @mousedown="onSelectOption(item)"
-              @touchend="onSelectOptionMobile(item)"
-              @touchmove="mobileAutocomMoved = true"
-            >
-              <slot
-                name="autocomplete-option"
-                :item="item"
-              >
-                {{ autocompleteOption ? item[autocompleteOption] : item }}
-              </slot>
-            </li>
-          </ul>
-          <slot
-            name="autocomplete-buttons"
-            :value="modelValue"
-          />
-        </div>
-      </Transition>
-      <input
-        :id="label"
-        ref="input"
-        v-model="modelValue"
-        :type="type"
-        :class="[inputClass, { not_empty: modelValue !== null && modelValue !== void 0 && modelValue !== '' }]"
-        class="input"
-        required
-        :tabindex="disabled ? -1 : 0"
-        v-bind="$attrs"
-        @input="emit('updateValue', modelValue)"
-        @keydown="handleKeydown"
-        @focus="isFocused = true"
-        @blur="isFocused = false"
-      >
-      <label
-        :for="label"
-        :class="[labelClass]"
-        class="label"
-      >
-        <span class="text">{{ label }}</span>
-        <span
-          v-if="required"
-          class="text-red-600"
-        > *</span>
-      </label>
-
-      <component
-        :is="startIcon"
-        v-if="startIcon"
-        class="pointer-events-none absolute left-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
-        filled
-      />
-      <component
-        :is="endIcon"
-        v-if="endIcon"
-        class="pointer-events-none absolute right-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
-        filled
-      />
-      <button
-        v-if="isClearable"
-        class="pointer-events-click absolute right-4 top-1/2 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
-        type="button"
-        @click="onClear"
-      >
-        <i-x-mark
-          filled
-          class="!mb-0 fill-gray-600 dark:fill-gray-300"
-        />
-      </button>
-      <slot name="endButton" />
-    </div>
-    <Transition name="slide-in">
-      <div
-        v-if="error && typeof error === 'string'"
-        class="mt-1"
-      >
-        <a-alert
-          :size="size === 'sm' ? 'xs' : 'sm'"
-          :color="'red'"
-          icon-type="triangle"
-        >
-          <template #default>
-            <div class="flex flex-col">
-              <span
-                v-for="(err, index) in error.split(', ')"
-                :key="index"
-              >{{ err }}<br></span>
-            </div>
-          </template>
-        </a-alert>
-      </div>
-    </Transition>
-  </div>
+]"
+        >
+          <ul
+            ref="autocompleteContainer"
+            class="max-h-[250px] w-full overflow-y-auto"
+          >
+            <li
+              v-for="(item, idx) in autocompleteList"
+              :key="idx"
+              class="cursor-pointer rounded px-4 py-[10px] transition-colors hover:bg-deepblue-900/10 hover:dark:bg-gray-200/10"
+              :class="{ 'bg-deepblue-900/5 dark:bg-gray-200/5': currentItemIndex === idx }"
+              @mousedown="onSelectOption(item)"
+              @touchend="onSelectOptionMobile(item)"
+              @touchmove="mobileAutocomMoved = true"
+            >
+              <slot
+                name="autocomplete-option"
+                :item="item"
+              >
+                {{ autocompleteOption ? item[autocompleteOption] : item }}
+              </slot>
+            </li>
+          </ul>
+          <slot
+            name="autocomplete-buttons"
+            :value="modelValue"
+          />
+        </div>
+      </Transition>
+      <input
+        :id="label"
+        ref="input"
+        v-model="modelValue"
+        :type="type"
+        :class="[inputClass, { not_empty: modelValue !== null && modelValue !== void 0 && modelValue !== '' }]"
+        class="input"
+        required
+        :tabindex="disabled ? -1 : 0"
+        v-bind="$attrs"
+        @input="emit('updateValue', modelValue)"
+        @keydown="handleKeydown"
+        @focus="isFocused = true"
+        @blur="isFocused = false"
+      >
+      <label
+        :for="label"
+        :class="[labelClass]"
+        class="label"
+      >
+        <span class="text">{{ label }}</span>
+        <span
+          v-if="required"
+          class="text-red-600"
+        > *</span>
+      </label>
+
+      <component
+        :is="startIcon"
+        v-if="startIcon"
+        class="pointer-events-none absolute left-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
+        filled
+      />
+      <component
+        :is="endIcon"
+        v-if="endIcon"
+        class="pointer-events-none absolute right-4 top-1/2 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
+        filled
+      />
+      <button
+        v-if="isClearable"
+        class="pointer-events-click absolute right-4 top-1/2 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
+        type="button"
+        @click="onClear"
+      >
+        <i-x-mark
+          filled
+          class="!mb-0 fill-gray-600 dark:fill-gray-300"
+        />
+      </button>
+      <slot name="endButton" />
+    </div>
+    <Transition name="slide-in">
+      <div
+        v-if="error && typeof error === 'string'"
+        class="mt-1"
+      >
+        <a-alert
+          :size="size === 'sm' ? 'xs' : 'sm'"
+          :color="'red'"
+          icon-type="triangle"
+        >
+          <template #default>
+            <div class="flex flex-col">
+              <span
+                v-for="(err, index) in error.split(', ')"
+                :key="index"
+              >{{ err }}<br></span>
+            </div>
+          </template>
+        </a-alert>
+      </div>
+    </Transition>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/forms/input/textarea/ATextarea.vue

@@ -88,69 +88,69 @@ const labelClass = computed(
 </script>
 
 <template>
-  <div :class="wrapperClass">
-    <div :class="inputWrapperClass">
-      <textarea
-        :id="label"
-        ref="input"
-        v-model="modelValue"
-        :class="inputClass"
-        :tabindex="disabled ? -1 : 0"
-        class="input"
-        required
-        v-bind="$attrs"
-      />
-      <label
-        :class="labelClass"
-        :for="label"
-        class="label cursor-pointer"
-      >
-        <span class="text">{{ label }}</span>
-        <span
-          v-if="required"
-          class="text-red-600"
-        > *</span>
-      </label>
-
-      <component
-        :is="startIcon"
-        v-if="startIcon"
-        class="pointer-events-none absolute left-4 top-5 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
-        filled
-      />
-      <button
-        v-if="isClearable"
-        class="pointer-events-click absolute right-4 top-5 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
-        type="button"
-        @click="modelValue = ''"
-      >
-        <i-x-mark
-          class="!mb-0 fill-gray-600 dark:fill-gray-300"
-          filled
-        />
-      </button>
-      <slot name="endButton" />
-    </div>
-    <Transition name="slide-in">
-      <div
-        v-if="error && typeof error === 'string'"
-        class="mt-1"
-      >
-        <a-alert
-          :color="'red'"
-          :size="size === 'sm' ? 'sm' : 'lg'"
-          icon-type="triangle"
-        >
-          <template #default>
-            <span
-              v-for="(err, index) in error.split(', ')"
-              :key="index"
-            >{{ err }}<br></span>
-          </template>
-        </a-alert>
-      </div>
-    </Transition>
-  </div>
+  <div :class="wrapperClass">
+    <div :class="inputWrapperClass">
+      <textarea
+        :id="label"
+        ref="input"
+        v-model="modelValue"
+        :class="inputClass"
+        :tabindex="disabled ? -1 : 0"
+        class="input"
+        required
+        v-bind="$attrs"
+      />
+      <label
+        :class="labelClass"
+        :for="label"
+        class="label cursor-pointer"
+      >
+        <span class="text">{{ label }}</span>
+        <span
+          v-if="required"
+          class="text-red-600"
+        > *</span>
+      </label>
+
+      <component
+        :is="startIcon"
+        v-if="startIcon"
+        class="pointer-events-none absolute left-4 top-5 translate-y-[-50%] transform fill-gray-500 text-base text-gray-500"
+        filled
+      />
+      <button
+        v-if="isClearable"
+        class="pointer-events-click absolute right-4 top-5 translate-y-[-50%] transform rounded-full bg-deepblue-900/10 p-1 text-2xl hover:opacity-80 dark:bg-gray-200/10"
+        type="button"
+        @click="modelValue = ''"
+      >
+        <i-x-mark
+          class="!mb-0 fill-gray-600 dark:fill-gray-300"
+          filled
+        />
+      </button>
+      <slot name="endButton" />
+    </div>
+    <Transition name="slide-in">
+      <div
+        v-if="error && typeof error === 'string'"
+        class="mt-1"
+      >
+        <a-alert
+          :color="'red'"
+          :size="size === 'sm' ? 'sm' : 'lg'"
+          icon-type="triangle"
+        >
+          <template #default>
+            <span
+              v-for="(err, index) in error.split(', ')"
+              :key="index"
+            >{{ err }}<br></span>
+          </template>
+        </a-alert>
+      </div>
+    </Transition>
+  </div>
 </template>
 
 <style scoped>

package/dist/runtime/components/forms/input/textarea/ATextarea.vue.d.ts

@@ -1,4 +1,3 @@
-import AAlert from '../../../Alert.vue.js';
 interface Props {
     disabled?: boolean;
     label?: string;
@@ -12,44 +11,13 @@ interface Props {
     colorClasses?: string;
 }
 type __VLS_Props = Props;
-declare const modelValue: import("vue").ModelRef<string | number, string, string | number, string | number>;
-declare const isClearable: import("vue").ComputedRef<boolean>;
-declare const wrapperClass: string;
-declare const inputWrapperClass: import("vue").ComputedRef<string>;
-declare const inputClass: import("vue").ComputedRef<string>;
-declare const labelClass: import("vue").ComputedRef<string>;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string | number;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_9: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     endButton?: (props: typeof __VLS_9) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
-    AAlert: typeof AAlert;
-    modelValue: typeof modelValue;
-    isClearable: typeof isClearable;
-    wrapperClass: typeof wrapperClass;
-    inputWrapperClass: typeof inputWrapperClass;
-    inputClass: typeof inputClass;
-    labelClass: typeof labelClass;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-}>, {
-    size: "sm" | "md";
-    error: string | boolean;
-    disabled: boolean;
-    required: boolean;
-    label: string;
-    readonly: boolean;
-    clearable: boolean;
-    startIcon: string | object;
-    colorClasses: string;
-    resizeable: boolean | "none" | "both" | "x" | "y";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
@@ -57,9 +25,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }>, {
     size: "sm" | "md";
     error: string | boolean;
+    label: string;
     disabled: boolean;
     required: boolean;
-    label: string;
     readonly: boolean;
     clearable: boolean;
     startIcon: string | object;

package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue

@@ -1,5 +1,8 @@
 <script setup>
 import { ref, useI18n, watch } from "#imports";
+const props = defineProps({
+  userInfo: { type: null, required: true }
+});
 const { t } = useI18n();
 const mail = ref("");
 const phone = ref("");
@@ -34,7 +37,7 @@ const send = () => {
   emit("submit", { phone: phone.value, mail: mail.value, comment: comment.value });
   isSend.value = true;
   phone.value = "";
-  mail.value = "";
+  mail.value = props.userInfo?.email || "";
   comment.value = "";
   phoneValidation.value = "";
   emailValidation.value = "";
@@ -52,61 +55,64 @@ watch(comment, (newComment) => {
   if (isSend.value) return;
   commentValidation.value = validateComment(newComment);
 });
+onMounted(() => {
+  mail.value = props.userInfo?.email || "";
+});
 </script>
 
 <template>
-  <div class="flex flex-col gap-4 sm:gap-8 bg-white p-8 dark:bg-gray-900 sm:rounded-[20px]">
-    <div class="flex flex-col gap-2">
-      <h2 class="font-bold text-[2rem] leading-10">
-        {{ t("forms.feedback.title") }}
-      </h2>
-      <p class="body-400 text-gray-600 dark:text-gray-200">
-        {{ t("forms.feedback.subtitle") }}
-      </p>
-    </div>
-    <form
-      action=""
-      class="flex flex-col justify-between gap-2 sm:flex-row sm:gap-4"
-    >
-      <div class="flex flex-col gap-2 sm:w-1/2 sm:gap-4">
-        <adt-forms-input-standard
-          v-model="mail"
-          type="email"
-          color-classes="bg-gray-50 dark:bg-gray-800"
-          :error="emailValidation"
-          :label="t('forms.feedback.email')"
-          required
-          size="md"
-        />
-        <adt-forms-input-standard
-          v-model="phone"
-          type="tel"
-          color-classes="bg-gray-50 dark:bg-gray-800"
-          :error="phoneValidation"
-          :label="t('forms.feedback.phone')"
-          required
-          size="md"
-        />
-      </div>
-      <div class="sm:w-1/2">
-        <lazy-adt-forms-input-textarea-a-textarea
-          v-model="comment"
-          :error="commentValidation"
-          :label="t('forms.feedback.comment')"
-          :resizeable="false"
-          class="min-h-[72px]"
-          color-classes="dark:bg-gray-800 bg-gray-50"
-          required
-          size="sm"
-        />
-      </div>
-    </form>
-    <adt-button
-      class="w-full self-end sm:w-[215px] font-semibold"
-      :loading="isLoading"
-      @click="send"
-    >
-      {{ t("forms.feedback.send") }}
-    </adt-button>
-  </div>
+  <div class="flex flex-col gap-4 sm:gap-8 bg-white p-8 dark:bg-gray-900 sm:rounded-[20px]">
+    <div class="flex flex-col gap-2">
+      <h2 class="font-bold text-[2rem] leading-10">
+        {{ t("forms.feedback.title") }}
+      </h2>
+      <p class="body-400 text-gray-600 dark:text-gray-200">
+        {{ t("forms.feedback.subtitle") }}
+      </p>
+    </div>
+    <form
+      action=""
+      class="flex flex-col justify-between gap-2 sm:flex-row sm:gap-4"
+    >
+      <div class="flex flex-col gap-2 sm:w-1/2 sm:gap-4">
+        <adt-forms-input-standard
+          v-model="mail"
+          type="email"
+          color-classes="bg-gray-50 dark:bg-gray-800"
+          :error="emailValidation"
+          :label="t('forms.feedback.email')"
+          required
+          size="md"
+        />
+        <adt-forms-input-standard
+          v-model="phone"
+          type="tel"
+          color-classes="bg-gray-50 dark:bg-gray-800"
+          :error="phoneValidation"
+          :label="t('forms.feedback.phone')"
+          required
+          size="md"
+        />
+      </div>
+      <div class="sm:w-1/2">
+        <lazy-adt-forms-input-textarea-a-textarea
+          v-model="comment"
+          :error="commentValidation"
+          :label="t('forms.feedback.comment')"
+          :resizeable="false"
+          class="min-h-[72px]"
+          color-classes="dark:bg-gray-800 bg-gray-50"
+          required
+          size="sm"
+        />
+      </div>
+    </form>
+    <adt-button
+      class="w-full self-end sm:w-[215px] font-semibold"
+      :loading="isLoading"
+      @click="send"
+    >
+      {{ t("forms.feedback.send") }}
+    </adt-button>
+  </div>
 </template>