We do not make products. We make real quality
"Al-Ettehad: Superior quality, genuine warranty, and expert maintenance. We don’t just sell, we support."
Browse the latest featured scenes, then slide through each collection below to discover more pieces inside every category.
View Full Collection
13
Categories
Hero Highlights
A moving window into the collection
Browse by category
See All Products
Slide through each collection without leaving the homepage
Prime Central Sunshades
8 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-25-25-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 250 Center-Pole Umbrella – 2.5x2.5m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 14,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-3-3-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 300 Center-Pole Umbrella – 3x3m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 18,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-35-35-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 350 Center-Pole Umbrella – 3.5x3.5m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 22,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-4-4-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 400 Center-Pole Umbrella – 4x4m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 26,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-45-45-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 450 Center-Pole Umbrella – 4.5x4.5m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 30,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-5-5-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 500 Center-Pole Umbrella – 5x5m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 34,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-55-55-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 550 Center-Pole Umbrella – 5.5x5.5m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 38,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/prime-umbrella-size-6-6-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Prime 600 Center-Pole Umbrella – 6x6m.
Luxury Full-Metal Center-Pole Umbrella. World-class quality, engineered for heavy-duty use and long-lasting durability.
LE 42,000
Ultra Side Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/ultra-300-3mx3m-luxury-side-post-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Ultra 300 Cantilever Umbrella – 3x3m.
Premium Full-Metal Cantilever Umbrella. Complete shade mastery with 360° rotation and customizable tilt for ultimate protection.
LE 35,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/ultra-350-35mx35m-luxury-side-post-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Ultra 350 Cantilever Umbrella – 3.5x3.5m.
Premium Full-Metal Cantilever Umbrella. Complete shade mastery with 360° rotation and customizable tilt for ultimate protection.
LE 39,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/ultra-400-4mx4m-luxury-side-post-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Ultra 400 Cantilever Umbrella – 4x4m.
Premium Full-Metal Cantilever Umbrella. Complete shade mastery with 360° rotation and customizable tilt for ultimate protection.
LE 43,000
Turbo Side Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-turbo-300';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Turbo 300 Luxury Hydraulic Cantilever Umbrella – 3x3m.
Hydraulic Umbrella, featuring Easy-Touch opening and 360-degree rotation.
LE 37,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-turbo-250';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Turbo 250 Luxury Hydraulic Cantilever Umbrella – 2.5x2.5m.
Hydraulic Umbrella, featuring Easy-Touch opening and 360-degree rotation.
LE 33,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-turbo-350';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Turbo 350 Luxury Hydraulic Cantilever Umbrella – 3.5x3.5m.
Hydraulic Umbrella, featuring Easy-Touch opening and 360-degree rotation.
LE 41,000
Pro Side Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/pro-300-3x3m-luxury-side-post-umbrella-2';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Pro 300 Cantilever Umbrella – 3x3m.
Premium Cantilever Umbrella. Engineered to European specs, featuring a full 360° swivel for ultimate shade control.
LE 33,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-pro-300';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Pro 350 Cantilever Umbrella – 3.5x3.5m.
Premium Cantilever Umbrella. Engineered with European standards and a 360° swivel function for effortless, all-day shading.
LE 37,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-pro-400';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Pro 400 Cantilever Umbrella – 4x4m.
Luxury Cantilever Umbrella. Built to European standards, featuring a full 360° rotation for maximum coverage and flexibility.
LE 41,000
Spirit Side Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/spirit-250-25x25m-luxury-side-post-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Spirit 250 Cantilever Umbrella – 2.5x2.5m.
Premium Cantilever Umbrella, offering absolute control with 360° rotation and adjustable tilt angles.
LE 29,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/spirit-300-3mx3m-luxury-side-post-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Spirit 300 Cantilever Umbrella – 3x3m.
Premium Cantilever Umbrella, offering absolute control with 360° rotation and adjustable tilt angles.
LE 33,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/spirit-350-35mx35m-luxury-side-post-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Spirit 350 Cantilever Umbrella – 3.5x3.5m.
Premium Cantilever Umbrella, offering absolute control with 360° rotation and adjustable tilt angles.
LE 37,000
Alpha Side Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-alpha-250-model-25mx25m';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Alpha 250 Cantilever Umbrella – 2.5x2.5m.
Exclusive Cantilever Umbrella with 360° rotation capability, fully adjustable height, and multi-angle tilt control.
LE 35,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-alpha-300-model-3mx3m';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Alpha 300 Cantilever Umbrella – 3x3m.
Exclusive Cantilever Umbrella with 360° rotation capability, fully adjustable height, and multi-angle tilt control.
LE 39,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/luxury-cantilever-outdoor-umbrella-alpha-350';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The Luxury Alpha 350 Cantilever Umbrella – 3.5x3.5m.
Exclusive Cantilever Umbrella with 360° rotation capability, fully adjustable height, and multi-angle tilt control.
LE 43,000
Mega Electric Sunshades
5 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/mega400-umbrella-the-shading-titan';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Mega 400 Automatic Umbrella - 4x4m
Smart umbrella with a design inspired by the Holy Mosque (Al-Haram) umbrellas, and a 5-year warranty.
LE 85,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/mega500-umbrella-the-shading-titan';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Mega 500 Automatic Umbrella - 5x5m
Smart umbrella with a design inspired by the Holy Mosque (Al-Haram) umbrellas, and a 5-year warranty.
LE 125,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/mega600-umbrella-the-shading-titan';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Mega 600 Automatic Umbrella - 6x6m
Smart umbrella with a design inspired by the Holy Mosque (Al-Haram) umbrellas, and a 5-year warranty.
LE 165,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/mega700-umbrella-the-shading-titan';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Mega 700 Automatic Umbrella - 7x7m
Smart umbrella with a design inspired by the Holy Mosque (Al-Haram) umbrellas, and a 5-year warranty.
LE 205,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/mega800-umbrella-the-shading-titan';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Mega 800 Automatic Umbrella - 8x8m
Smart umbrella with a design inspired by the Holy Mosque (Al-Haram) umbrellas, and a 5-year warranty.
LE 245,000
Metal Central Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/metal-umbrella-size-25-25-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The " Metal 250 " Center-Pole Umbrella – 2.5x2.5m
Luxury Steel Umbrella featuring Premium German PVC – Engineered for Lasting Durability.
LE 12,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/metal-umbrella-size-3-3-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The " Metal 300 " Center-Pole Umbrella – 3x3m
Luxury Steel Umbrella featuring Premium German PVC – Engineered for Lasting Durability.
LE 16,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/metal-umbrella-size-35-35-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The " Metal 350 " Center-Pole Umbrella – 3.5x3.5m
Luxury Steel Umbrella featuring Premium German PVC – Engineered for Lasting Durability.
LE 20,000
Veo Wooden Sunshades
4 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/veo-umbrella-size-3-3-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Veo 300 Sq Square Wooden Umbrella - 3x3m
Luxury wooden umbrella with an 80 kg marble base and absolute stability.
LE 6,500
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/veo-round-wooden-umbrella-3-x-3m-with-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Veo 300 Ro Round Wooden Umbrella - 3x3m
Luxury wooden umbrella with an 80 kg marble base and absolute stability.
LE 6,500
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/veo-round-wooden-umbrella-35m-diameter';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Veo 350 Ro Round Wooden Umbrella - 3.5x3.5m
Luxury wooden umbrella with an 80 kg marble base and absolute stability.
LE 8,500
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/veo-350-sq-square-wooden-umbrella';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
Veo 350 Sq Square Wooden Umbrella - 3.5x3.5m
Luxury wooden umbrella with an 80 kg marble base and absolute stability.
LE 6,500
Value Central Sunshades
2 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/value-umbrella-size-25-25-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The "Value 250" Center-Pole Umbrella – 2.5x2.5m
A high-value umbrella: fully metal construction with premium German PVC quality, and anchored by an 80 kg base for absolute stability.
LE 15,500
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/value-umbrella-size-3-3-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The "Value 300" Center-Pole Umbrella – 3x3m
A high-value umbrella: fully metal construction with premium German PVC quality, and anchored by an 80 kg base for absolute stability.
LE 18,500
sparrow Central Sunshades
3 Products
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/sparrow-umbrella-size-25-25-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The "Sparrow 250" Umbrella – 2.5x2.5m
The Sparrow-Inspired Metal Umbrella: A Captivating Design That Transforms Every Space.
LE 14,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/metal-umbrella-size-3-3-meters-heavy-duty-center-pole-2';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The "Sparrow 300" Umbrella – 3x3m
The Sparrow-Inspired Metal Umbrella: A Captivating Design That Transforms Every Space.
LE 17,000
{ this.isHoverVideoPlaying = true; })
.catch(() => { this.isHoverVideoPlaying = false; });
} else {
this.isHoverVideoPlaying = true;
}
},
pauseHoverVideo() {
const video = this.$refs.hoverVideo;
this.isHoverVideoPlaying = false;
if (! video) return;
video.pause();
video.currentTime = 0;
},
activatePersistentPreview() {
if (! this.$refs.hoverVideo) {
return false;
}
window.dispatchEvent(new CustomEvent('product-card:mobile-preview-change', {
detail: { id: this.previewId },
}));
this.playHoverVideo({ restart: ! this.isHoverVideoPlaying });
return true;
},
handleTouchStart(event) {
if (event.touches.length !== 1) {
return;
}
if (this.isInteractiveTarget(event.target)) {
return;
}
this.touchStartX = event.touches[0].clientX;
this.touchStartY = event.touches[0].clientY;
this.touchMoved = false;
if (! this.shouldUsePersistentTouchPreview()) {
this.playHoverVideo();
}
},
handleTouchMove(event) {
if (this.touchStartX === null || this.touchStartY === null) {
return;
}
const deltaX = event.touches[0].clientX - this.touchStartX;
const deltaY = event.touches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) < this.touchMoveThreshold && Math.abs(deltaY) < this.touchMoveThreshold) {
return;
}
this.touchMoved = true;
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchEnd(event) {
if (this.isInteractiveTarget(event.target)) {
this.resetTouchState();
return;
}
const shouldActivatePersistentPreview = this.shouldUsePersistentTouchPreview() && ! this.touchMoved;
const shouldSuppressNavigation = shouldActivatePersistentPreview && ! this.isHoverVideoPlaying;
this.resetTouchState();
if (shouldSuppressNavigation && this.activatePersistentPreview()) {
this.suppressClickNavigation = true;
return;
}
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
handleTouchCancel() {
this.resetTouchState();
if (! this.shouldUsePersistentTouchPreview()) {
this.pauseHoverVideo();
}
},
resetTouchState() {
this.touchStartX = null;
this.touchStartY = null;
this.touchMoved = false;
},
handleClick() {
if (this.suppressClickNavigation) {
this.suppressClickNavigation = false;
return;
}
window.location.href = 'https://www.arabunioncompany.com/en/products/sparrow-umbrella-size-35-35-meters-heavy-duty-center-pole';
}
}"
@mouseenter="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@mouseleave="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@focusin="if (! shouldUsePersistentTouchPreview()) playHoverVideo()"
@focusout="if (! shouldUsePersistentTouchPreview()) pauseHoverVideo()"
@touchstart.passive="handleTouchStart($event)"
@touchmove.passive="handleTouchMove($event)"
@touchend="handleTouchEnd($event)"
@touchcancel="handleTouchCancel()"
@contextmenu.prevent
@click="handleClick()"
>
5 years warranty
The "Sparrow 350" Umbrella – 3.5x3.5m
The Sparrow-Inspired Metal Umbrella: A Captivating Design That Transforms Every Space.
LE 20,000
Categories
See All Products
Explore the collection by category
11+ years
YEARS EXPRIENCE
Why Choose Al-Ettehad Al-Arabi
Store?
At Al-Ettehad Al-Arabi, we believe that choosing us is an investment in comfort and sustainability. Here is what makes us the first choice for our clients in umbrellas, outdoor furniture, and restaurant equipment: 1. Quality We Create.. Not Just Sell We don’t just supply products; we oversee the finest manufacturing details to ensure genuine quality that withstands harsh weather conditions while adding a lasting aesthetic touch to your space. 2. Genuine and Reliable Warranty Our confidence in our products allows us to offer a comprehensive and actual warranty. Our commitment to you begins after the sale, ensuring peak performance and full protection against manufacturing defects. 3. Smart and Innovative Solutions Whether you are looking for advanced retractable roofs or the latest trends in restaurant equipment, we provide innovative engineering (Smart Solutions) tailored to your specific needs and space. 4. Certified Maintenance & Professional Team We stand out with a specialized, highly-trained maintenance team dedicated to ensuring the continuous efficiency of our products and providing rapid technical support wherever you are. 5. Competitive Prices and Real Value Investing with us means choosing comfort and sustainability for all your umbrellas, outdoor furniture, and restaurant equipment needs: Crafted Quality: We don't just supply; we manufacture every detail to withstand the toughest weather conditions. Genuine Warranty: A real, comprehensive commitment that starts from the moment of purchase for absolute peace of mind. Innovative Solutions: Advanced retractable roofs and smart engineering tailored perfectly to your space. Professional Maintenance: A specialized technical team ensuring long-term performance and rapid support. Competitive Value: Premium international materials at prices that fit your budget. Al-Ettehad Al-Arabi.. Quality Built on Trust.
About UsBrands That Trust Us
Let's Create
Something Timeless
Ready to transform your space? Reach out to our team to discuss your vision, explore our collections, or schedule a consultation.
Contact Us