{"version":3,"file":"DInputWithSubmit-cdba6dfa.js","sources":["../../client/packages/design-system/src/forms/DInputWithSubmit.vue"],"sourcesContent":["<template>\n    <DContainer\n        class=\"d-input-with-submit-wrapper\"\n        :data-test-id=\"`${dataTestId}`\"\n    >\n        <DInput\n            :id=\"id\"\n            v-bind=\"$attrs\"\n            v-model=\"model\"\n            :data-test-id=\"`${dataTestId}`\"\n            variant=\"with-icon\"\n            :theme=\"theme\"\n            :placeholder=\"placeholder\"\n            :has-error=\"hasError\"\n            @keydown.enter=\"\n                (e: KeyboardEvent) => {\n                    (e?.target as HTMLElement)?.blur();\n                    $emit('submit');\n                }\n            \"\n        />\n\n        <DButton\n            class=\"d-input-with-submit-button\"\n            icon=\"enter_arrow\"\n            variant=\"icon\"\n            :has-error=\"hasError\"\n            :theme=\"theme\"\n            :data-test-id=\"`${dataTestId}`\"\n            @click=\"$emit('submit')\"\n        />\n    </DContainer>\n</template>\n\n<script lang=\"ts\" setup>\n    import DContainer from \"../atoms/DContainer.vue\";\n    import DButton from \"../atoms/DButton.vue\";\n    import DInput from \"../forms/DInput.vue\";\n\n    import type {BaseFormProps} from \"@songfinch/types\";\n\n    const model = defineModel<string>();\n    defineEmits([\"submit\"]);\n\n    withDefaults(defineProps<BaseFormProps>(), {\n        theme: \"light\",\n        dataTestId: \"DInputWithSubmit\",\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n.d-input-with-submit-wrapper {\n  width: 100%;\n  position: relative;\n}\n\n.d-input-with-submit-button {\n  position: absolute;\n  right: 1rem;\n  top: 50%;\n  transform: translateY(-50%);\n}\n</style>\n"],"names":["model","_useModel","__props"],"mappings":"uxCAyCU,MAAAA,EAAQC,EAAmBC,EAAA,YAAC"}