{"version":3,"file":"Input.C0yPi1IE.js","sources":["../../../../components/Interface/Input.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { InputTypeHTMLAttribute } from \"vue\"\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps<{\n  icon?: boolean\n  type?: InputTypeHTMLAttribute\n  name?: string\n  required?: boolean\n  placeholder?: string\n  disabled?: boolean\n  loading?: boolean\n  leading?: boolean\n  trailing?: boolean\n  autofocus?: boolean\n  autofocusDelay?: number\n}>()\ndefineEmits([\"input\", \"blur\", \"change\"])\nconst input = ref<HTMLInputElement>()\nconst value = defineModel<string>()\n\nconst autoFocus = () => {\n  if (props.autofocus)\n    input.value?.focus()\n}\n\nonMounted(() => {\n  if (props.autofocus) {\n    setTimeout(() => {\n      autoFocus()\n    }, props.autofocusDelay || 100)\n  }\n})\n</script>\n\n<template>\n  <div class=\"main\">\n    <input\n      ref=\"input\"\n      v-model=\"value\"\n      :name=\"name\"\n      :type=\"type\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      v-bind=\"$attrs\"\n      class=\"input-inner\"\n      focus-visible=\"outline-none ring-2 ring-$global-blue-primary!\"\n      :class=\"{\n        'has-leading': leading,\n      }\"\n      @input=\"onInput\"\n      @blur=\"onBlur\"\n      @change=\"onChange\"\n    >\n    <slot />\n\n    <span\n      v-if=\"$slots.leading\"\n      class=\"leading\"\n    >\n      <slot\n        name=\"leading\"\n        :disabled=\"disabled\"\n        :loading=\"loading\"\n      />\n    </span>\n\n    <span v-if=\"loading\" />\n    <span\n      v-else-if=\"$slots.trailing\"\n      class=\"trailing\"\n    >\n      <slot\n        name=\"trailing\"\n        :disabled=\"disabled\"\n        :loading=\"loading\"\n      />\n    </span>\n  </div>\n</template>\n\n<style lang=\"sass\" scoped>\n@import '~/assets/styles/generated/variables.sass'\n.main\n  @apply relative w-full\n.leading\n  @apply absolute left-0 top-0 bottom-0 flex items-center pl-3 w-6\n.trailing\n  @apply\n.input-inner\n  @apply bg-[#{$menu-bg-input-text-box}] placeholder-[#{$menu-t-input-placeholder}] ring-[#{$menu-b-input-default}]\n  @apply relative block w-full border-0 rounded-2 px-3 py-2 disabled:cursor-not-allowed  disabled:opacity-75 focus:outline-none focus:outline-2 focus:outline-$global-blue-primary ring-1\ninput.has-leading\n  @apply pl-8\n</style>\n"],"names":["props","__props","input","ref","value","_useModel","autoFocus","_a","onMounted"],"mappings":"86BAOA,MAAMA,EAAQC,EAcRC,EAAQC,IACRC,EAAQC,EAAmBJ,EAAA,YAAC,EAE5BK,EAAY,IAAM,OAClBN,EAAM,aACRO,EAAAL,EAAM,QAAN,MAAAK,EAAa,QAAM,EAGvB,OAAAC,EAAU,IAAM,CACVR,EAAM,WACR,WAAW,IAAM,CACLM,GAAA,EACTN,EAAM,gBAAkB,GAAG,CAChC,CACD"}