{"version":3,"file":"InputDropdown-BnhqsaU2.js","sources":["../../../src/vue/components/InputDropdown.vue"],"sourcesContent":["<template>\n    <div :class=\"['form-floating ' + containerClass, { expanded: show_suggestions }]\">\n        <input\n            type=\"text\"\n            v-model=\"search\"\n            class=\"form-control\"\n            :name=\"this.inputName\"\n            :id=\"this.inputName\"\n            :placeholder=\"this.label\"\n            @focus=\"this.show_suggestions = true\"\n            @input=\"this.filterSuggestions()\"\n            @keydown.up=\"navigateSuggestions('up')\"\n            @keydown.down=\"navigateSuggestions('down')\"\n            @keydown.enter=\"navigateSuggestions('enter')\"\n        />\n        <label :for=\"inputName\" class=\"suggestion-label\">\n            {{ this.label }}\n        </label>\n        <ul class=\"suggestions p-0\" v-if=\"show_suggestions\">\n            <li class=\"suggestion-topic\" v-for=\"item in filtered_items\" @click=\"selectSuggestion(item)\">\n                <span v-if=\"item.abbr\" :class=\"['flag-icon', 'rounded-circle', 'flag-icon-squared', 'flag-icon-' + item.abbr.toLowerCase()]\"></span>\n                {{ item[itemKey] }}\n            </li>\n        </ul>\n    </div>\n</template>\n<script>\nexport default {\n    props: {\n        inputName: {\n            type: String,\n            required: true,\n        },\n        label: {\n            type: String,\n            required: true,\n        },\n        items: {\n            type: Array,\n            required: true,\n        },\n        itemKey: {\n            type: String,\n            default: \"title\",\n        },\n        containerClass: {\n            type: String,\n            default: \"\",\n        },\n        returnObject: {\n            type: String,\n            default: false,\n        },\n    },\n    emits: [\"selected\"],\n    data() {\n        return {\n            search: \"\",\n            filtered_items: [],\n            show_suggestions: false,\n        };\n    },\n    mounted() {\n        this.filtered_items = this.items;\n        \n    },\n    methods: {\n        navigateSuggestions(key) {\n            const focused = this.$el.querySelector(\".suggestions li.active\");\n\n            if (focused) {\n                if (key === \"enter\" && focused.classList.contains(\"active\")) {\n                    focused.click();\n                } else {\n                    focused.classList.remove(\"active\");\n\n                    if (key === \"down\" && focused.nextSibling.tagName === \"LI\") {\n                        focused.nextSibling.classList.add(\"active\");\n                    } else if (key === \"up\" && focused.previousSibling.tagName === \"LI\") {\n                        focused.previousSibling.classList.add(\"active\");\n                    }\n                }\n            } else {\n                this.$el.querySelector(\".suggestions li\").classList.add(\"active\");\n            }\n            if (this.$el.querySelector(\".suggestions li.active\")) {\n                this.$el.querySelector(\".suggestions li.active\").scrollIntoView({\n                    behavior: \"smooth\",\n                    block: \"nearest\",\n                });\n            }\n        },\n\n        filterSuggestions() {\n            this.filtered_items = this.items.filter((item) => item[this.itemKey].toLowerCase().includes(this.search.toLowerCase()));\n        },\n\n        closeSuggestions(e) {\n            const dropdown = document.getElementById(this.inputName);\n            if (e.target.tagName !== \"LI\" && !dropdown.contains(e.target)) {\n                this.show_suggestions = false;\n                document.removeEventListener(\"click\", this.closeSuggestions);\n            }\n        },\n\n        selectSuggestion(item) {\n            this.search = item[this.itemKey];\n            this.show_suggestions = false;\n\n            document.getElementById(this.inputName).blur();\n            const value = this.returnObject ? item : item[this.itemKey];\n            this.$emit(\"selected\", {\n                name: this.$props.inputName,\n                value,\n            });\n        },\n\n        setValue(value) {\n            this.search = value;\n            this.show_suggestions = false;\n            this.$emit(\"selected\", { name: this.$props.inputName, value: value });\n        },\n\n        clear() {\n            this.search = \"\";\n            this.filtered_items = this.items;\n            this.show_suggestions = false;\n        },\n    },\n    watch: {\n        show_suggestions() {\n            if (this.show_suggestions) {\n                document.addEventListener(\"click\", this.closeSuggestions);\n            }\n        },\n    },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"@bootstrap/scss/functions\";\n@import \"@bootstrap/scss/variables\";\n@import \"@bootstrap/scss/mixins\";\n@import \"@scss/modules/_variables.scss\";\n\n.form-floating {\n    &::after {\n        content: \"\\f107\";\n        display: flex;\n        align-items: center;\n        position: absolute;\n        right: 0;\n        top: 0;\n        height: 100%;\n        padding: 0.375rem 0.75rem;\n        transition: transform 0.3s ease;\n        font-family: $font-awesome;\n    }\n\n    &.expanded::after {\n        transform: rotate(180deg);\n    }\n\n    .form-control {\n        position: relative;\n        z-index: 9;\n        width: 100%;\n        background-color: transparent;\n    }\n}\n</style>\n"],"names":["_sfc_main","key","focused","item","e","dropdown","value","_hoisted_1","_hoisted_2","_hoisted_4","_createElementBlock","_normalizeClass","$props","$data","_createElementVNode","_cache","$event","_withKeys","$options","_toDisplayString","_openBlock","_hoisted_3","_Fragment","_renderList","_createCommentVNode","_createTextVNode"],"mappings":"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"}