{"version":3,"file":"FormInput.cadbfa89.js","sources":["../../../node_modules/@heroicons/vue/solid/esm/CheckIcon.js","../../../resources/js/Components/Form/FormComponent.vue","../../../resources/js/Components/Form/FormInput.vue"],"sourcesContent":["import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<template>\n    <div>\n        <div\n            class=\"mb-3 flex border rounded transition-colors duration-300\"\n            :class=\"{\n            'border-gray-400': !focused,\n            'border-gray-600': focused,\n            'border-red-500': isInvalid,\n            'border-green-500': isSuccess,\n            'bg-gray-200 opacity-70': disabled,\n        }\"\n        >\n            <div\n                v-if=\"prefix\"\n                class=\"flex-none flex justify-center items-center px-3 pt-5 pb-1 border-r border-gray-300 text-gray-400\"\n                @click.prevent=\"setFocus()\"\n            >\n                {{ prefix }}\n            </div>\n            <div\n                class=\"relative w-full flex-1\"\n            >\n                <slot name=\"label\">\n                    <label\n                        class=\"text-xs inline-block clear-both py-0 transition-colors duration-300 absolute m-1 top-0 left-0 right-0 flex justify-between z-10\"\n                        @click.prevent=\"setFocus()\"\n                        :class=\"{\n                            'text-gray-400': !focused,\n                            'text-gray-700': focused,\n                            'text-red-500': isInvalid,\n                            'text-green-500': isSuccess,\n                        }\"\n                    >\n                        <span>\n                            {{ label }}\n                            <span v-if=\"required\" class=\"text-red-500 font-bold\">\n                                *\n                            </span>\n                        </span>\n                        <span class=\"w-5\">\n                            <XIcon v-if=\"isInvalid\" />\n                            <CheckIcon v-if=\"isSuccess\" />\n                        </span>\n                    </label>\n                </slot>\n                <div class=\"mt-5 mb-1 mx-1 flex\">\n                    <span class=\"flex-1\">\n                        <slot />\n                    </span>\n                    <span v-if=\"$slots.icon\" class=\"flex-initial flex items-center ml-1\">\n                        <slot name=\"icon\" />\n                    </span>\n                </div>\n\n            </div>\n            <div\n                v-if=\"suffix\"\n                class=\"flex-none flex justify-center items-center px-3 pt-5 pb-1 border-l border-gray-300 text-gray-400\"\n                @click.prevent=\"setFocus()\"\n            >\n                {{ suffix }}\n            </div>\n        </div>\n        <div v-if=\"isInvalid\" class=\"bg-red-500 text-white py-1 px-2 text-sm rounded -mt-2 relative z-20 shadow-lg mb-2\">\n            <div class=\"absolute arrow-up\"></div>\n            <slot name=\"invalid-message\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport {CheckIcon, XIcon} from '@heroicons/vue/solid';\n\nexport default {\n    name: \"FormComponent\",\n    emits: ['focus'],\n    components: {\n        CheckIcon,\n        XIcon,\n    },\n    props: {\n        label: String,\n        labelInset: Boolean,\n        prefix: String,\n        suffix: String,\n        focused: Boolean,\n        required: Boolean,\n        isInvalid: Boolean,\n        isSuccess: Boolean,\n        disabled: Boolean,\n    },\n    setup (props, {emit}) {\n        const setFocus = (e) => {\n            emit('focus', e);\n        }\n\n        return {\n            setFocus,\n        }\n    },\n}\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n    <FormComponent\n        :label=\"label\"\n        :label-inset=\"labelInset\"\n        :prefix=\"prefix\"\n        :suffix=\"suffix\"\n        :focused=\"focused\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :is-invalid=\"isInvalid\"\n        :is-success=\"isSuccess\"\n        @focus=\"setFocus\"\n\n    >\n        <input\n            class=\"appearance-none w-full block outline-none bg-transparent relative left-0 right-0 top-0 bottom-0 rounded duration-300 transition-colors\"\n            :class=\"{\n                'text-gray-500': !focused,\n            }\"\n            ref=\"input\"\n            :type=\"type\"\n            :id=\"id\"\n            :minlength=\"min\"\n            :maxlength=\"max\"\n            :required=\"required\"\n            :readonly=\"readonly\"\n            :placeholder=\"placeholder\"\n            :disabled=\"disabled\"\n            :list=\"!!suggestions ? 'suggestion-list-' + label : null\"\n            v-model=\"inputEditor\"\n            @focus=\"handleFocus\"\n            @blur=\"handleBlur\"\n        />\n        <datalist v-if=\"!!suggestions\" :id=\"'suggestion-list-' + label\">\n            <option v-for=\"suggest in suggestions\" :value=\"suggest\" />\n        </datalist>\n        <template #invalid-message>\n            <slot name=\"invalid-message\" />\n        </template>\n        <template #icon>\n            <slot name=\"icon\" />\n        </template>\n    </FormComponent>\n</template>\n\n<script>\nimport FormComponent from \"@/Components/Form/FormComponent.vue\";\nimport {computed, ref} from \"vue\";\nexport default {\n    name: \"FormInput\",\n    emits: ['update:modelValue', 'focus', 'blur', 'input'],\n    components: {FormComponent},\n    props: {\n        label: String,\n        labelInset: Boolean,\n        prefix: String,\n        suffix: String,\n        isInvalid: Boolean,\n        isSuccess: Boolean,\n\n        modelValue: null,\n        min: Number,\n        max: Number,\n        id: String,\n        disabled: {\n            type: Boolean,\n            default: false,\n        },\n        type: {\n            type: String,\n            default: 'text',\n        },\n        placeholder: String,\n        readonly: Boolean,\n        required: Boolean,\n        suggestions: Array,\n    },\n    setup (props, {emit}) {\n        const focused = ref(false);\n\n        const inputEditor = computed({\n            get: () => {\n                return props.modelValue;\n            },\n            set: (value) => {\n                emit('update:modelValue', value);\n                emit('input', value);\n            }\n        })\n\n        const handleFocus = (e) => {\n            focused.value = true;\n            emit('focus', e);\n        };\n\n        const handleBlur = (e) => {\n            focused.value = false;\n            emit('blur', e);\n        };\n\n        const input = ref(null);\n\n        const setFocus = () => {\n            input.value.focus();\n        }\n\n        return {\n            input,\n            focused,\n            inputEditor,\n            handleFocus,\n            handleBlur,\n            setFocus,\n        }\n    },\n}\n</script>\n\n<style scoped>\n.arrow-up {\n    @apply w-0 h-0;\n    border-left: 8px transparent solid;\n    border-right: 8px transparent solid;\n    border-bottom: 8px theme('colors.red.500') solid;\n    transform: translateY(-100%);\n    top: 0;\n    left: 2rem;\n}\n</style>\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","_sfc_main","CheckIcon","XIcon","props","emit","e","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_createElementVNode","_createElementBlock","$props","$setup","_renderSlot","_createTextVNode","_toDisplayString","_hoisted_2","_component_XIcon","_component_CheckIcon","_hoisted_6","_hoisted_7","_hoisted_8","FormComponent","focused","ref","inputEditor","computed","value","handleFocus","handleBlur","input","_component_FormComponent","$event","args","_Fragment","_renderList","suggest"],"mappings":"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"}