icon icon--large" viewbox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">' + '' + '' ); } function bindClick(link) { if (link.getAttribute('data-mw-bound') === '1') return; link.setAttribute('data-mw-bound', '1'); link.addEventListener('click', function (e) { var page = window.wishlistPage; if (!page) return; e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); if (page.navigateOnly && !page.embeddedFullPage) { var url = (page.config && page.config.dedicatedPageUrl) || link.getAttribute('href'); if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); }); } function buildLink() { var link = document.createElement('a'); link.className = 'flex items-center justify-center relative'; link.href = pageUrl(); link.setAttribute('data-wishlist-header', ''); link.setAttribute('aria-label', pageLabel()); link.innerHTML = heartSvg() + ''; bindClick(link); return link; } function ensureGalleryStyles() { if (document.getElementById(GALLERY_STYLE_ID)) return; var css = [ '.product__media-gallery .magic-share-pdp{', 'right:56px !important;', '}', '.mw-pole-gallery-heart{', 'position:absolute !important;', 'top:12px !important;', 'right:12px !important;', 'width:36px !important;', 'height:36px !important;', 'display:inline-flex !important;', 'align-items:center !important;', 'justify-content:center !important;', 'background:rgba(255,255,255,0.88) !important;', 'border:none !important;', 'border-radius:8px !important;', 'box-shadow:none !important;', 'cursor:pointer !important;', 'z-index:9999 !important;', 'padding:0 !important;', 'margin:0 !important;', 'transition:transform 0.22s ease !important;', '}', '.mw-pole-gallery-heart:hover{transform:scale(1.05);}', '.mw-pole-gallery-heart *{pointer-events:none !important;}', '.mw-pole-gallery-heart svg{', 'width:20px !important;', 'height:20px !important;', 'display:block !important;', 'max-width:none !important;', 'max-height:none !important;', '}', '.mw-pole-gallery-heart path{fill:none;stroke:currentColor;stroke-width:1.4;}', '.mw-pole-gallery-heart.is-active path{fill:currentColor;}' ].join(''); var tag = document.createElement('style'); tag.id = GALLERY_STYLE_ID; tag.textContent = css; document.head.appendChild(tag); } function galleryHeartSvg() { return ( '' ); } function sourceWishlistButton() { return document.querySelector('.product__info-container [data-wishlist-auto="1"] .wishlist-btn') || document.querySelector('[data-wishlist-auto="1"] .wishlist-btn'); } var watchedSource = null; function watchSource(btn) { if (!btn || btn === watchedSource || !window.MutationObserver) return; watchedSource = btn; new MutationObserver(syncGalleryHeart).observe(btn, { attributes: true, attributeFilter: ['class', 'aria-label'] }); } function syncGalleryHeart() { var source = sourceWishlistButton(); watchSource(source); var active = !!(source && source.classList.contains('is-active')); var label = source && source.getAttribute('aria-label'); var hearts = document.querySelectorAll('.mw-pole-gallery-heart'); for (var i = 0; i < hearts.length; i++) { hearts[i].classList.toggle('is-active', active); hearts[i].setAttribute('aria-pressed', active ? 'true' : 'false'); if (label) hearts[i].setAttribute('aria-label', label); } } function placeGalleryHeart() { ensureGalleryStyles(); var shares = document.querySelectorAll('.product__media-gallery .magic-share-pdp'); for (var i = 0; i < shares.length; i++) { var share = shares[i]; var parent = share.parentElement; if (!parent || parent.querySelector('.mw-pole-gallery-heart')) continue; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'mw-pole-gallery-heart'; btn.setAttribute('aria-pressed', 'false'); btn.setAttribute('aria-label', 'Add to Wishlist'); if (share.style.color) btn.style.color = share.style.color; btn.innerHTML = galleryHeartSvg(); btn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); var source = sourceWishlistButton(); if (source) source.click(); }); share.insertAdjacentElement('afterend', btn); } syncGalleryHeart(); } function place() { var lists = document.querySelectorAll(CONTAINER); for (var i = 0; i < lists.length; i++) { var list = lists[i]; if (list.querySelector('[data-wishlist-header]')) continue; var link = buildLink(); var cart = list.querySelector('.cart-drawer-button'); if (cart) list.insertBefore(link, cart); else list.appendChild(link); } } function countLabel(n) { if (n < 100) return String(n); return '99+'; } function syncCounts() { var page = window.wishlistPage; var n = page && typeof page.getItemCount === 'function' ? page.getItemCount() : null; var bubbles = document.querySelectorAll(CONTAINER + ' .wishlist-count-bubble'); for (var i = 0; i < bubbles.length; i++) { var bubble = bubbles[i]; var num = bubble.querySelector('.wishlist-count-number'); if (!num) continue; if (typeof n !== 'number') n = parseInt(num.textContent, 10) || 0; if (n <= 0) { num.textContent = ''; bubble.hidden = true; bubble.classList.remove('cart-count--small-medium'); } else { num.textContent = countLabel(n); bubble.hidden = false; bubble.classList.toggle('cart-count--small-medium', n > 99); } } } place(); syncCounts(); placeGalleryHeart(); window.addEventListener('wishlist:updated', function () { setTimeout(function () { syncCounts(); syncGalleryHeart(); }, 0); }); window.addEventListener('wishlist:variant-changed', function () { setTimeout(syncGalleryHeart, 0); }); var countTries = 0; var countTimer = setInterval(function () { syncCounts(); syncGalleryHeart(); countTries += 1; if ((window.wishlistPage && sourceWishlistButton()) || countTries > 40) clearInterval(countTimer); }, 250); var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; place(); syncCounts(); placeGalleryHeart(); }); } if (window.MutationObserver && document.body) { new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); } })();

Country/region

Collection: Nona Perkasa

Fit Inspos

Shop this look

Shop this look

Shop this look

Country/region

Your cart 0

Coupon

Your cart