100 ){ active--; change() } else if( diff < -100 ){ active++; change() }">
0 ){ if($event.detail.position == 1 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 2 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 3 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 4 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 5 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 6 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">






0 ){ if($event.detail.position == 1 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 2 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 3 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 4 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 5 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 6 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">






Dock Teak Dining Armchair
The Dock Dining Armchair redefines outdoor dining with its modern design and timeless craftsmanship. A distinctive woven panel seat and back are set within a solid teak frame, creating a refined contrast of texture and warmth. Thoughtfully designed for both comfort and durability, this chair brings an effortless elegance to alfresco gatherings. Crafted to withstand the elements while maintaining its beauty, the Dock Dining Chair is the perfect balance of function and style for any outdoor space.