{"version":3,"file":"js/app/9764.js","mappings":";sIAGIA,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,2PAA4P,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,iEAAiE,MAAQ,GAAG,SAAW,sJAAsJ,eAAiB,CAAC,qqEAAksE,WAAa,MAE9wF,ihOCaA,IAAMC,GAAaC,EAAAA,EAAAA,IAAI,IACjBC,GAAWD,EAAAA,EAAAA,IAAI,IAGW,SAAAE,UAS/B,SAT+BC,IAAAC,MAAhC,SAAAC,IAAA,OAAAF,IAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EACUC,MAAMC,IAAIC,EAAAA,GAAyB,qCAAsC,CAC3EC,OAAQ,CACJC,EAAGf,EAAWgB,MACdC,aAAc,KAEnBC,MAAK,SAAAC,GACJjB,EAASc,MAAQG,EAAIC,IACzB,IAAE,wBAAAZ,EAAAa,OAAA,GAAAf,EAAA,IAR0BH,gLAS/BA,EAAAmB,MAAA,KAAAC,UAAA,CAED,IAAMC,GAAiBC,EAAAA,EAAAA,KAAc,WACR,KAArBzB,EAAWgB,OAfK,WAGQb,EAAAmB,MAAC,KAADC,UAAA,CAgB5BG,EACJ,GAAG,o6BAEoBC,SACnBC,OAAOC,SAASC,KAAO,mBAAqBH,EAAKI,MADrD,IAAuBJ,iGCxCnBK,EAAU,CAEdA,OAAiB,OACjBA,WAAoB,GAEP,IAAI,IAASA,GAIX,IAAQC,OCNvB,MAEA,GAFiC,aAAgB,EAAQ,CAAC,CAAC,YAAY","sources":["webpack:///./resources/js/components/site/TheProductSearch.vue?0f5c","webpack:///./resources/js/components/site/TheProductSearch.vue","webpack:///./resources/js/components/site/TheProductSearch.vue?f81e","webpack:///./resources/js/components/site/TheProductSearch.vue?cd9c"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"#search-holder[data-v-6cbebb24]{background:#fff;position:relative}#filtered-suggestions[data-v-6cbebb24]{background:#2d6d6d;border:1px solid #fff;color:#fff;cursor:pointer;display:block;left:0;padding:15px 10px;position:absolute;top:9px;z-index:90}\", \"\",{\"version\":3,\"sources\":[\"webpack://./resources/js/components/site/TheProductSearch.vue\"],\"names\":[],\"mappings\":\"AAiDA,gCAEI,eAAgB,CADhB,iBAEJ,CAEA,uCAEI,kBAAmB,CAOnB,qBAAsB,CANtB,UAAW,CAOX,cAAe,CALf,aAAc,CAGd,MAAO,CAPP,iBAAkB,CAKlB,iBAAkB,CAClB,OAAQ,CAHR,UAOJ\",\"sourcesContent\":[\"<template>\\r\\n    <div class=\\\"uk-width-medium\\\">\\r\\n        <p class=\\\"uk-margin-small-bottom uk-text-center uk-text-uppercase\\\">Product Search</p>\\r\\n        <div class=\\\"uk-margin-small uk-flex uk-flex-left\\\">\\r\\n            <div id=\\\"search-holder\\\">\\r\\n                <label class=\\\"sr-only\\\" for=\\\"search-products-input\\\">Enter Product Name</label>\\r\\n                <input id=\\\"search-products-input\\\" v-model=\\\"searchTerm\\\" class=\\\"uk-input uk-width-medium uk-form-small uk-text-left\\\" name=\\\"search-products-input\\\" style=\\\"color: #fff; background: #2d6d6d; border: 1px solid #fff;\\\" type=\\\"text\\\" @input=\\\"searchProducts\\\">\\r\\n                <ul v-if=\\\"products.length\\\" id=\\\"filtered-suggestions\\\" class=\\\"uk-list uk-width-large uk-text-left\\\">\\r\\n                    <li v-for=\\\"(s,i) in products\\\" :key=\\\"i\\\" class=\\\"uk-width-large\\\" style=\\\"color: #fff;\\\" @click=\\\"selectProduct(s)\\\">{{ s[searchSuggestionsKey] }}</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</template>\\r\\n\\r\\n<script setup>\\r\\nimport * as CONFIG from 'cw-conf'\\r\\nimport {ref} from 'vue'\\r\\nimport {useDebounceFn} from \\\"@vueuse/core\\\";\\r\\n\\r\\nconst searchTerm = ref('')\\r\\nconst products = ref([])\\r\\nconst searchSuggestionsKey = 'title';\\r\\n\\r\\nasync function getDataFromServer() {\\r\\n    await axios.get(CONFIG.SERVER_AJAX_URL + '/product/get-products-autocomplete', {\\r\\n        params: {\\r\\n            q: searchTerm.value,\\r\\n            outdoor_only: 0\\r\\n        }\\r\\n    }).then(res => {\\r\\n        products.value = res.data\\r\\n    })\\r\\n}\\r\\n\\r\\nconst searchProducts = useDebounceFn(() => {\\r\\n    if (searchTerm.value === '') {\\r\\n        return;\\r\\n    }\\r\\n\\r\\n    getDataFromServer()\\r\\n}, 250)\\r\\n\\r\\nfunction selectProduct(item) {\\r\\n    window.location.href = '/product/detail/' + item.slug;\\r\\n}\\r\\n</script>\\r\\n\\r\\n<style scoped>\\r\\n#search-holder {\\r\\n    position: relative;\\r\\n    background: #fff;\\r\\n}\\r\\n\\r\\n#filtered-suggestions {\\r\\n    padding: 15px 10px;\\r\\n    background: #2d6d6d;\\r\\n    color: #fff;\\r\\n    z-index: 90;\\r\\n    display: block;\\r\\n    position: absolute;\\r\\n    top: 9px;\\r\\n    left: 0;\\r\\n    border: 1px solid #fff;\\r\\n    cursor: pointer;\\r\\n}\\r\\n</style>\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","<template>\r\n    <div class=\"uk-width-medium\">\r\n        <p class=\"uk-margin-small-bottom uk-text-center uk-text-uppercase\">Product Search</p>\r\n        <div class=\"uk-margin-small uk-flex uk-flex-left\">\r\n            <div id=\"search-holder\">\r\n                <label class=\"sr-only\" for=\"search-products-input\">Enter Product Name</label>\r\n                <input id=\"search-products-input\" v-model=\"searchTerm\" class=\"uk-input uk-width-medium uk-form-small uk-text-left\" name=\"search-products-input\" style=\"color: #fff; background: #2d6d6d; border: 1px solid #fff;\" type=\"text\" @input=\"searchProducts\">\r\n                <ul v-if=\"products.length\" id=\"filtered-suggestions\" class=\"uk-list uk-width-large uk-text-left\">\r\n                    <li v-for=\"(s,i) in products\" :key=\"i\" class=\"uk-width-large\" style=\"color: #fff;\" @click=\"selectProduct(s)\">{{ s[searchSuggestionsKey] }}</li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport * as CONFIG from 'cw-conf'\r\nimport {ref} from 'vue'\r\nimport {useDebounceFn} from \"@vueuse/core\";\r\n\r\nconst searchTerm = ref('')\r\nconst products = ref([])\r\nconst searchSuggestionsKey = 'title';\r\n\r\nasync function getDataFromServer() {\r\n    await axios.get(CONFIG.SERVER_AJAX_URL + '/product/get-products-autocomplete', {\r\n        params: {\r\n            q: searchTerm.value,\r\n            outdoor_only: 0\r\n        }\r\n    }).then(res => {\r\n        products.value = res.data\r\n    })\r\n}\r\n\r\nconst searchProducts = useDebounceFn(() => {\r\n    if (searchTerm.value === '') {\r\n        return;\r\n    }\r\n\r\n    getDataFromServer()\r\n}, 250)\r\n\r\nfunction selectProduct(item) {\r\n    window.location.href = '/product/detail/' + item.slug;\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n#search-holder {\r\n    position: relative;\r\n    background: #fff;\r\n}\r\n\r\n#filtered-suggestions {\r\n    padding: 15px 10px;\r\n    background: #2d6d6d;\r\n    color: #fff;\r\n    z-index: 90;\r\n    display: block;\r\n    position: absolute;\r\n    top: 9px;\r\n    left: 0;\r\n    border: 1px solid #fff;\r\n    cursor: pointer;\r\n}\r\n</style>\r\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./TheProductSearch.vue?vue&type=style&index=0&id=6cbebb24&scoped=true&lang=css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import script from \"./TheProductSearch.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TheProductSearch.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TheProductSearch.vue?vue&type=style&index=0&id=6cbebb24&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6cbebb24\"]])\n\nexport default __exports__"],"names":["___CSS_LOADER_EXPORT___","push","module","id","searchTerm","ref","products","_getDataFromServer","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","axios","get","CONFIG","params","q","value","outdoor_only","then","res","data","stop","apply","arguments","searchProducts","useDebounceFn","getDataFromServer","item","window","location","href","slug","options","locals"],"sourceRoot":""}