{"version":3,"file":"OySLy5ru.js","sources":["../../../../src/components/formFields/password/minilu/password.vue"],"sourcesContent":["<template>\n  <div class=\"inputText\" :class=\"width\">\n    <FormKit\n      :id=\"id\"\n      v-model=\"value\"\n      type=\"password\"\n      :placeholder=\"t(placeholder)\"\n      :name=\"name ?? id\"\n      :input-class=\"{\n        input: true,\n        [inputClass]: inputClass,\n      }\"\n      :outer-class=\"'mb-sm'\"\n      validation-visibility=\"blur\"\n      :validation-messages=\"{\n        required: t('formFields.password.emptyError'),\n      }\"\n      :validation=\"required ? 'required' : ''\"\n      label-class=\"text-md !leading-[19px] font-bold\"\n      :inner-class=\"{\n        'pt-[5px] relative': true,\n        'opacity-50': disabled,\n        [innerClass]: innerClass,\n      }\"\n      :messages-class=\"'!bg-minilu-bg !rounded-br-minilu-md !rounded-bl-minilu-md px-sm py-[2px] text-minilu-red'\"\n      :disabled=\"disabled\"\n      :data-test-id=\"testid\"\n    >\n      <template #label>\n        <div class=\"flex justify-between\">\n          <FormLabel\n            v-if=\"!$slots.label && label\"\n            :label=\"label\"\n            :required=\"required\"\n          />\n          <slot v-if=\"$slots.label\" name=\"label\" />\n          <div\n            v-if=\"hasForgotPassword\"\n            class=\"cursor-pointer text-minilu-base\"\n            @click=\"$emit('clickForgot')\"\n          >\n            {{ t('formFields.password.forgotPassword') }}\n          </div>\n        </div>\n      </template>\n    </FormKit>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { FormLabel } from '@/complib';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n  label: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  id: {\n    type: String,\n    required: false,\n    default: undefined,\n  },\n  required: {\n    type: Boolean,\n    default: true,\n  },\n  placeholder: {\n    type: String,\n    default: 'formFields.password.placeholder',\n  },\n  name: {\n    type: String,\n    default: '',\n  },\n  width: {\n    type: String,\n    default: 'w-full',\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  inputClass: {\n    type: String,\n    default: '',\n  },\n  innerClass: {\n    type: String,\n    default: '',\n  },\n  hasForgotPassword: {\n    type: Boolean,\n    default: true,\n  },\n  autofocus: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  testid: {\n    type: String,\n    default: '',\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void;\n  (e: 'clickForgot'): void;\n}>();\n\nconst value = ref<string>(props.modelValue);\n\nonMounted(() => {\n  const input: HTMLElement = document.querySelector(\n    `input[name='${props.name}']`,\n  );\n  if (props.autofocus) {\n    input.focus();\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    value.value = newValue;\n  },\n);\n\nwatch(value, (newValue) => {\n  emit('update:modelValue', newValue);\n});\n\nconst { t } = useTrans();\n</script>\n<style lang=\"postcss\" scoped>\n.inputText :deep(input.input) {\n  @apply border-l-1 border-r-1 border-t-1 outline-0 border-b-[3px] h-9 px-2 md:px-4 pt-2 text-md text-minilu-font ring-0 focus:border-b-[3px] shadow-none z-100;\n  @apply focus:border-b-minilu-base-light rounded-[6px] border-minilu-border-light;\n  @apply w-full;\n}\n\n.inputText :deep([data-invalid='true']) {\n  input.input {\n    @apply !border-b-minilu-red rounded-br-none rounded-bl-none;\n  }\n}\n</style>\n"],"names":["props","__props","emit","__emit","value","ref","onMounted","input","watch","newValue","t","useTrans"],"mappings":"+3BAoDA,MAAMA,EAAQC,EA0DRC,EAAOC,EAKPC,EAAQC,EAAYL,EAAM,UAAU,EAE1CM,EAAU,IAAM,CACd,MAAMC,EAAqB,SAAS,cAClC,eAAeP,EAAM,IAAI,IAAA,EAEvBA,EAAM,WACRO,EAAM,MAAM,CACd,CACD,EAEDC,EACE,IAAMR,EAAM,WACXS,GAAa,CACZL,EAAM,MAAQK,CAChB,CAAA,EAGID,EAAAJ,EAAQK,GAAa,CACzBP,EAAK,oBAAqBO,CAAQ,CAAA,CACnC,EAEK,KAAA,CAAE,EAAAC,GAAMC"}