document.addEventListener('alpine:init', () => { Alpine.data('predictiveSearch', () => ({ dropdown_open: false, query: '', loading_suggestions: false, preferred_suggestion_count: 10, suggestions: [], open() { if (this.dropdown_open || !this.query.length) return; this.dropdown_open = true; }, close(focusAfter) { if (!this.dropdown_open) return; this.dropdown_open = false; focusAfter && focusAfter.focus && focusAfter.focus() }, async getSuggestions(query) { const vm = this; // abort any previous requests still in progress if (vm.fetchController) { vm.fetchController.abort(); } if (!query.length) { vm.query = ''; vm.close(vm.$refs.searchInput); return; } const reqBody = { billable_account_id: '36124', search_limit: vm.preferred_suggestion_count, search_term: vm.query, } try { vm.fetchController = new AbortController(); const params = new URLSearchParams(reqBody).toString(); const url = `/api/internal/wf-appliance/predictive-search-terms-get?API_KEY=WSKYRINYDNCQUADFAKXHUQSABSPHABPYTICFKKYOVDTPWYNSAJJTJMHGBAGU&${params}`; const res = await fetch(url, { signal: vm.fetchController.signal } ); if (!res.ok) throw new Error('Predictive search endpoint not found'); const { success, suggested_terms } = await res.json(); if (!success) throw new Error('Error predicting search terms'); if (!suggested_terms.length) return vm.close(vm.$refs.searchInput); vm.suggestions = suggested_terms.map(term => term.toLowerCase()); if (!vm.dropdown_open) vm.open(); } catch (err) { if (err.name === 'AbortError') { return; } vm.suggestions = []; vm.close(vm.$refs.searchInput); } }, onSuggestionClick(suggestion) { this.close(); this.query = suggestio

n; this.$nextTick(() => this.$refs.searchForm.submit()) }, highlightNonMatchingSubstring(suggestion) { const query = this.query.toLowerCase(); const suggestionLowercase = suggestion.toLowerCase(); // check if the suggestion exactly matches the query if (suggestionLowercase === query) { return ` <

span>${suggestion} >`; } // check if the suggestion starts with the query if (suggestionLowercase.indexOf(query) === 0) { const nonMatching = suggestion.substring(query.length); return ` <

span>${query} < .search-suggestion { transition: background-color .2s ease, color .2s ease; } .search-suggestion a { padding: 5px; } .search-suggestion a, .search-suggestion span { white-space: break-spaces; } .search-suggestion:hover, .search-suggestion a:focus-visible { background-color: #f6f6f6; } .search-suggestion:hover a, .search-suggestion a:focus-visible { color: #000000; } #header-layout-container, #header-layout-custom { position: relative; z-index: 11; } @media ( max-width: 767px) { .fill-vp.open .dropdown-menu { display: table; width: calc(100vw - 18px); left: auto; right:-1px; border-radius: 0px; overflow-x: hidden; overflow-y: visible; } #secondary-nav-no-collapse .sub-nav>li.dropdown.open .dropdown-menu { display:table; width:calc(100vw - 18px); left:0; right:0; overflow-x:hidden; overflow-y: visible; } }

Bookcases

Beds

Bedding Accessories Benches

Chairs

Chests

Desks Bedroom Groupsets Hutches Mattresses

Nightstands

Table Lamps

Entertainment View All

Quick View

Check to Compare

Click to Compare

Steve Silver Co.

See Details - Alize 2-Piece Desk Set, White (Desk & Bookcase)

See Details - Kinsley 2-Piece Marble Top Desk Set (Marble Top Desk & Desk Chair)

Kinsley CollectionIn Stock

In Stock

Save More In Store

Features

See Details

Quick Specs

:

Contact Us