{"version":3,"file":"BzlEk6Wf.js","sources":["../../../../components/Vendor/Input/Input.vue","../../../../components/Vendor/Textarea/Textarea.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col gap-2 w-full\">\n    <label\n      for=\"vendor-name\"\n      class=\"flex justify-between text-xs dark:text-white text-dark2\"\n      >{{ label }}\n      <slot name=\"label-addition\">\n        <span\n          v-if=\"!required\"\n          data-testId=\"optional\"\n          class=\"text-xs dark:text-dark4 text-dark2 text-opacity-50\"\n          >Optional</span\n        >\n      </slot>\n    </label>\n    <div\n      class=\"flex justify-center items-center gap-2 bg-dark4 border border-transparent hover:[&:not(:has(input:disabled))]:border-dark4 hover:[&:not(:has(input:disabled))]:border-opacity-50 [&:has(input:focus)]:border-dark4 [&:has(input:focus)]:border-opacity-50 duration-150 rounded-sm px-3 [&:has(input:disabled)]:bg-opacity-20 dark:bg-opacity-5 bg-opacity-30\"\n    >\n      <slot name=\"prefix\"></slot>\n      <input\n        :id=\"id\"\n        v-model.trim=\"model\"\n        :type=\"type\"\n        :name=\"name\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :aria-required=\"required\"\n        class=\"w-full h-9 py-2 dark:text-white dark:focus:text-white placeholder:opacity-50 placeholder:text-dark4 focus:outline-none placeholder:text-md placeholder:leading-5 bg-transparent disabled:cursor-not-allowed\"\n      />\n      <slot name=\"postfix\"></slot>\n    </div>\n    <span\n      v-if=\"note\"\n      class=\"text-xs dark:text-dark4 text-dark2 text-opacity-50\"\n    >\n      {{ note }}\n    </span>\n    <span v-if=\"error\" class=\"text-red-400\">{{ error }}</span>\n  </div>\n</template>\n<script setup lang=\"ts\">\n  interface InputProps {\n    id: string;\n    label: string;\n    type: 'text' | 'email' | 'password';\n    name: string;\n    placeholder: string;\n    note?: string;\n    required?: boolean;\n    error: string;\n    disabled?: boolean;\n  }\n\n  withDefaults(defineProps<InputProps>(), {\n    note: '',\n    required: false,\n    disabled: false\n  });\n\n  const model = defineModel<string>();\n</script>\n","<template>\n  <div class=\"flex flex-col gap-2 w-full\">\n    <label\n      for=\"vendor-name\"\n      class=\"flex justify-between text-xs dark:text-white text-dark2\"\n      >{{ label }}\n      <span\n        v-if=\"!required\"\n        data-testId=\"optional\"\n        class=\"text-xs px-1dark:text-dark4 text-dark2 text-opacity-50\"\n        >Optional.</span\n      >\n      <span\n        v-if=\"showCount\"\n        class=\"text-xs dark:text-dark4 text-dark2 text-opacity-50\"\n        >{{ textLength }}/160</span\n      >\n    </label>\n    <div\n      class=\"bg-dark4 bg-opacity-5 border border-transparent hover:[&:not(:has(textarea:disabled))]:border-dark4 hover:[&:not(:has(textarea:disabled))]:border-opacity-50 [&:has(textarea:focus)]:border-dark4 [&:has(textarea:focus)]:border-opacity-50 duration-150 rounded-sm\"\n    >\n      <textarea\n        :id=\"id\"\n        v-model=\"model\"\n        :name=\"name\"\n        v-bind=\"$attrs\"\n        :maxlength=\"maxlength\"\n        class=\"w-full py-2 px-3 dark:text-white dark:focus:text-white dark:bg-opacity-5 text-dark2 focus:text-dark2 placeholder:text-dark4 placeholder:opacity-50 focus:outline-none placeholder:leading-5 placeholder:text-md bg-transparent\"\n        :placeholder=\"placeholder\"\n      />\n    </div>\n\n    <span v-if=\"note\" class=\"text-dark4 text-xs\">{{ note }}</span>\n    <span v-if=\"error\" class=\"text-red-400\">{{ error }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  interface TextareaProps {\n    id: string;\n    label?: string;\n    name: string;\n    placeholder?: string;\n    note?: string;\n    required?: boolean;\n    error?: string;\n    showCount?: boolean;\n  }\n\n  const props = withDefaults(defineProps<TextareaProps>(), {\n    placeholder: '',\n    required: false,\n    label: '',\n    note: '',\n    showCount: false,\n    error: ''\n  });\n  const model = defineModel<string>();\n  const textLength = computed(() => model.value?.length || 0);\n  const maxlength = computed(() => (props.showCount ? 160 : undefined));\n</script>\n"],"names":["model","_useModel","__props","props","textLength","computed","_a","maxlength"],"mappings":"+6CA2DQ,MAAAA,EAAQC,EAAmBC,EAAA,YAAC,2oDCRlC,MAAMC,EAAQD,EAQRF,EAAQC,EAAmBC,EAAA,YAAC,EAC5BE,EAAaC,EAAS,IAAA,OAAM,QAAAC,EAAAN,EAAM,QAAN,YAAAM,EAAa,SAAU,EAAC,EACpDC,EAAYF,EAAS,IAAOF,EAAM,UAAY,IAAM,MAAU"}