class SpzCustomZoomFsj extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } buildCallback(){ this.setupAction_(); } mountCallback() { } triggerPointerEvents(dom){ dom.style.pointerEvents = 'none'; setTimeout(()=>{ dom.style.pointerEvents = 'auto'; }); } update_(data){ if(data.index || data.index === 0){ const curIndex = data?.index; window.curIndex = data?.index; } if(window.curIndex || window.curIndex === 0){ const zoomDom = document.getElementById(`spz-zoom-fsj-${window.curIndex}`); const zoomFullDom = document.getElementById(`spz-zoom-fsj-full-${window.curIndex}`); if(data === 'zoomIn'){ zoomDom?.classList?.add?.('hidden'); zoomFullDom?.classList?.remove?.('hidden'); } if(data === 'zoomOut'){ zoomDom?.classList?.remove?.('hidden'); zoomFullDom?.classList?.add?.('hidden'); } this.triggerPointerEvents(zoomDom); this.triggerPointerEvents(zoomFullDom); } } setupAction_() { this.registerAction('update', (invocation) => { this.update_(invocation?.args?.data); }) } } SPZ.defineElement('spz-custom-zoom-fsj', SpzCustomZoomFsj);

Dark Red Faux Leather Square Toe Buckle Flats

$80 $124 Save $44
Size: 
Color:  red