https://dz.diesel.com/on/demandware.static/Sites-DieselWW-Site/-/e…/js/component-SearchNavigation.chunks.js

1(self.webpackChunkapp_project=self.webpackChunkapp_project||[]).push([[1502],{45444:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>SearchNavigation});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(96156),gia_eventbus__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(12737),_HeaderNavigation__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(67013);function ownKeys(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,r)}return s}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(s),!0).forEach((function(t){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):ownKeys(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}const fetchBase=__webpack_require__(14863).ZP;class SearchNavigation extends _HeaderNavigation__WEBPACK_IMPORTED_MODULE_2__.default{get SELECTORS_SEARCH(){return{searchContainer:".js-search-container",inputSearch:'input[name="q"]',categoryChecked:'input[name="cgid"]:checked',searchEditorialResults:".search-editorial__results",searchEditorialTerm:".search-editorial__term",popularSearchTerms:".popular-search-terms",latestSearchTerms:".latest-search",suggestedProducts:'[data-recommender-type="suggested-products"]',recentViewedProducts:'[data-recommender-type="recently-viewed"]',popularViewedProducts:'[data-recommender-type="popular-products"]'}}get CLASSES_SEARCH(){return{editorialTermItem:"editorial-term-item",suggestionSearchActive:"search-suggestions-active"}}get SEARCH_RECOMMENDER_PARAM(){return this.searchContainer.dataset.suggestionRecommender?"&recommender=".concat(this.searchContainer.dataset.suggestionRecommender):""}constructor(e){super(e),(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(this,"timeout",void 0),this.searchOpen=!1,this.searchContainer=this.element.querySelector(this.SELECTORS_SEARCH.searchContainer),this.searchEditorialResults=this.searchContainer.querySelector(this.SELECTORS_SEARCH.searchEditorialResults),this.searchInput=this.searchContainer.querySelector(this.SELECTORS_SEARCH.inputSearch),this.closeSearchSelector=this.searchContainer.querySelector(this.SELECTORS_SEARCH.closeSearch),this.popularSearchTerms=this.searchContainer.querySelector(this.SELECTORS_SEARCH.popularSearchTerms),this.latestSearchTerms=this.searchContainer.querySelector(this.SELECTORS_SEARCH.latestSearchTerms),this.suggestedProducts=this.searchContainer.querySelector(this.SELECTORS_SEARCH.suggestedProducts),this.recentViewedProducts=this.searchContainer.querySelector(this.SELECTORS_SEARCH.recentViewedProducts),this.popularViewedProducts=this.searchContainer.querySelector(this.SELECTORS_SEARCH.popularViewedProducts),this.closeDispatcher=this.closeMenuEvent.bind(this),this.editorialSuggestionsDispatcher=this.editorialSuggestionsEvent.bind(this),this.form=this.searchContainer.querySelector("form"),this.minChars=this.searchContainer.dataset.minChars,this.suggestionURL="".concat(this.searchContainer.dataset.searchUrl,"?q="),this.loadingSearch=!1,this.setupSearch(),this.form.addEventListener("submit",(e=>{gia_eventbus__WEBPACK_IMPORTED_MODULE_1__.Z.emit("body:loading")}))}setupSearch(){this.searchInput&&this.searchInput.addEventListener("input",this.debounce(this.inputHandler.bind(this),500)),this.latestSearchTerms&&(parseInt(this.latestSearchTerms.dataset.terms)>0?this.popularSearchTerms.classList.add("d-none"):this.latestSearchTerms.classList.add("d-none")),this.editorialSuggestions()}closeMenuEvent(e){super.closeMenu(e)}debounce(e,t){return()=>{clearTimeout(this.timeout),this.timeout=setTimeout(e,t)}}inputFocus(e){const t=new FocusEvent(e);this.searchInput.dispatchEvent(t)}inputHandler(){this.searchInput.value.length>=this.minChars&&!this.loadingSearch&&(gia_eventbus__WEBPACK_IMPORTED_MODULE_1__.Z.emit("loader:start",{element:this.searchContainer}),this.loadingSearch=!0,this.inputFocus("focusout"),fetchBase("".concat(this.suggestionURL).concat(encodeURIComponent(this.searchInput.value.trim())).concat(this.categoriesQuery()).concat(this.SEARCH_RECOMMENDER_PARAM),{method:"get"}).then((e=>e.text())).then((e=>this.handleSuggestionResponse(e)))),this.searchInput.value.length&&""!==this.searchInput.value||(this.searchEditorialResults.innerHTML="",this.element.classList.remove(this.CLASSES_SEARCH.suggestionSearchActive))}categoriesQuery(){return this.searchContainer.querySelector(this.SELECTORS_SEARCH.categoryChecked)?"&cgid=".concat(encodeURIComponent(this.searchContainer.querySelector(this.SELECTORS_SEARCH.categoryChecked).value)):""}handleSuggestionResponse(response){if(response){this.element.classList.add(this.CLASSES_SEARCH.suggestionSearchActive),this.searchEditorialResults.innerHTML="",this.searchEditorialResults.innerHTML=response;const scriptElements=this.searchEditorialResults.getElementsByTagName("script");for(let n=0;n<scriptElements.length;n++)try{eval(scriptElements[n].innerHTML)}catch(e){console.error(e)}}else this.element.classList.remove(this.CLASSES_SEARCH.suggestionSearchActive);gia_eventbus__WEBPACK_IMPORTED_MODULE_1__.Z.emit("loader:end",{element:this.searchContainer}),this.loadingSearch=!1,this.inputFocus("focusin"),this.editorialSuggestions()}editorialSuggestionsEvent(e){e.stopPropagation(),e.srcElement.classList.contains(this.CLASSES_SEARCH.editorialTermItem)?(this.searchInput.value=e.srcElement.innerText,this.searchInput.value&&(gia_eventbus__WEBPACK_IMPORTED_MODULE_1__.Z.emit("body:loading"),this.form.submit())):(this.searchInput.value=e.currentTarget.textContent,this.inputHandler())}editorialSuggestions(){[...this.searchContainer.querySelectorAll(this.SELECTORS_SEARCH.searchEditorialTerm)].forEac

1h((e=>{e.removeEventListener("click",this.editorialSuggestionsDispatcher),e.addEventListener("click",this.editorialSuggestionsDispatcher)}))}toggleMenu(e,t){super.toggleMenu(e,_objectSpread(_objectSpread({},t),{},{backdropCloseEvent:"click"})),this.isMobile&&gia_eventbus__WEBPACK_IMPORTED_MODULE_1__.Z.emit("body:lock",{lock:!0}),this.searchInput.focus()}closeMenu(e){super.closeMenu(e),this.searchInput&&!this.searchInput.value.length&&(this.searchEditorialResults.innerHTML="",this.element.classList.remove(this.CLASSES_SEARCH.suggestionSearchActive))}}}}]);