Matrix Vision GmbH

Imprint | Balluff { this.updateBottomPosition(); }); $watch('countryMismatchBannerHeight', (value) => { this.updateBottomPosition(); }); $watch('cookieBannerHeight', (value) => { this.updateBottomPosition(); }); }, updateBottomPosition() { $el.style.paddingBottom = `${this.stickyFooterHeight + this.countryMismatchBannerHeight + this.cookieBannerHeight}px`; }, }" x-on:country-mismatch-banner-enter.window="countryMismatchBannerHeight = $event.detail.height" x-on:country-mismatch-banner-leave.window="countryMismatchBannerHeight = 0" x-on:country-mismatch-banner-resize.window="countryMismatchBannerHeight = $event.detail.height" x-on:sticky-footer-resize.window="stickyFooterHeight = $event.detail.height" x-on:sticky-footer-enter.window="stickyFooterHeight = $event.detail.height" x-on:sticky-footer-leave.window="stickyFooterHeight = 0" x-on:cookie-banner-enter.window="cookieBannerHeight = $event.detail.height" x-on:cookie-banner-leave.window="cookieBannerHeight = 0" x-on:cookie-banner-resize.window="cookieBannerHeight = $event.detail.height" > Products Service & Support Industries & Solutions Career Company { this.$refs.searchInput.focus() }) $dispatch('no-search-term') }, focusSearch(state, event) { this.focusSearchTimeout = setTimeout(() => { this.searchHasFocus = state }, 200) if (state) { setTimeout(() => { this.$refs.searchInput.focus() this.$refs.searchInput.select() }, 50) } }, closeSearch() { this.searchHasFocus = false }, emitSearch(term) { this.term = term this.searchTerm = term this.$refs.searchInput.blur(); window.sendAnalyticsEvent('internal_search','search | en-de',term); // Region-aware HubSpot event sender for search bar if (window.sendHubspotAnalyticEvent) { window.sendHubspotAnalyticEvent({ name: { emea: 'pe9489508_search_bar', apac: 'pe7010809_search_bar' }, properties: { search_term: term } }); } }, handleInput() { this.filterSearchTerms(); this.checkSearchIsDirty(); }, loadSearchTerms() { if (localStorage.hasOwnProperty('locker.searchTerms')) { this.lastSearchTerms = JSON.parse(localStorage.getItem('locker.searchTerms')); } }, updateLastSearchTerms() { this.lastSearchTerms.unshift(this.searchTerm); this.saveLastSearchTerms(); }, filterSearchTerms() { const searchTerm = this.term ?? ''; let filteredSearchTerms = this.lastSearchTerms .filter(term => term.toLowerCase().startsWith(searchTerm.toLowerCase()) && term !== searchTerm.toLowerCase()); this.filteredSearchTerms = [ searchTerm , ...filteredSearchTerms ]; this.filteredSearchTerms = this.uniqueArray(this.filteredSearchTerms).slice(0, this.maxDisplayedSearchTerms + 1); this.focusedIndex = 0; }, checkSearchIsDirty() { this.searchIsDirty = this.term !== this.searchTerm }, focusPreviousOption: function () { this.focusedIndex = this.focusedIndex > 0 ? this.focusedIndex - 1 : this.filteredSearchTerms.length - 1; this.term = this.filteredSearchTerms[this.focusedIndex]; }, focusNextOption: function () { this.focusedIndex = this.focusedIndex === this.filteredSearchTerms.length - 1 ? 0 : this.focusedIndex + 1; this.term = this.filteredSearchTerms[this.focusedIndex]; }, uniqueArray: function (array) { return array.filter((value, index) => { const lowerCaseValue = value.toLowerCase(); return index === array.findIndex(elem => elem.toLowerCase() === lowerCaseValue); }); }, saveLastSearchTerms: function() { this.lastSearchTerms = this.uniqueArray(this.lastSearchTerms) this.lastSearchTerms = this.lastSearchTerms.slice(0, this.maxSavedSearchTerms); localStorage.setItem('locker.searchTerms', JSON.stringify(this.lastSearchTerms)); }, removeTerm(term) { this.lastSearchTerms = this.lastSearchTerms.filter(item => item !== term); clearTimeout(this.focusSearchTimeout); this.focusSearch(true); this.saveLastSearchTerms(); this.filterSearchTerms(); }, }" x-init=" loadSearchTerms(); filterSearchTerms(); $watch('searchTerm', (value) => { term = value; localStorage.setItem('locker.lastSearch', value); $dispatch('global-searching-started'); updateLastSearchTerms(); checkSearchIsDirty(); }) " x-on:search-open.window="openSearch" x-on:search-closed.window="closeSearch()" x-on:global-search-for.window="searchTerm = $event.detail" > Press enter to search 1" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute border-l border-r border-b pt-6 -z-1 bg-white shadow-xl rounded-b-2xl overflow-hidden" style="top:10px; left:-9px; right:-9px;" > 0" > Remove Your shopping cart is empty. Shopping cart Products Products 0" x-cloak> 0" x-cloak> 0" x-cloak> Product news Product news Product life cycle Product life cycle Service & Support Support requests Support requests My Balluff - Your advantages My Balluff - Your advantages Basics of automation Basics of automation Training E-procurement & electronical data exchange Downloads Event calendar Services Balluff Education News