{"version":3,"file":"Input-BujGHd2I.js","sources":["../../../app/javascript/v3/components/Form/Input.vue"],"sourcesContent":["<script setup>\nimport { defineProps, defineModel } from 'vue';\nimport WithLabel from './WithLabel.vue';\n\ndefineProps({\n  label: {\n    type: String,\n    required: true,\n  },\n  icon: {\n    type: String,\n    default: '',\n  },\n  name: {\n    type: String,\n    required: true,\n  },\n  hasError: Boolean,\n  errorMessage: {\n    type: String,\n    default: '',\n  },\n  spacing: {\n    type: String,\n    default: 'base',\n    validator: value => ['base', 'compact'].includes(value),\n  },\n});\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst model = defineModel({\n  type: [String, Number],\n  required: true,\n});\n</script>\n\n<template>\n  <WithLabel\n    :label=\"label\"\n    :icon=\"icon\"\n    :name=\"name\"\n    :has-error=\"hasError\"\n    :error-message=\"errorMessage\"\n  >\n    <template #rightOfLabel>\n      <slot />\n    </template>\n    <input\n      v-bind=\"$attrs\"\n      v-model=\"model\"\n      class=\"block w-full border-none rounded-md shadow-sm appearance-none outline outline-1 focus:outline focus:outline-1 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 sm:text-sm sm:leading-6 dark:bg-slate-800\"\n      :class=\"{\n        'focus:outline-red-600 outline-red-600': hasError,\n        'outline-slate-200 dark:outline-slate-600 dark:focus:outline-woot-500 focus:outline-woot-500':\n          !hasError,\n        'px-3 py-3': spacing === 'base',\n        'px-3 py-2 mb-0': spacing === 'compact',\n        'pl-9': icon,\n      }\"\n    />\n  </WithLabel>\n</template>\n"],"names":["model","_useModel","__props"],"mappings":"kjBAiCA,MAAMA,EAAQC,EAAWC,EAAA,YAGxB"}