1var __defProp=Object.defineProperty,__name=(target,value)=>__defProp(target,"name",{value,configurable:!0});const initColorWheel=__name($el=>{const blocks=[...$el.querySelectorAll("[data-color-collection]")].map(item=>utils.JSONParse(item.getAttribute("data-color-collection"))),defaultBlock=blocks?.[0],angleRange=defaultBlock?.end_angle!==void 0&&defaultBlock?.start_angle!==void 0?(defaultBlock.end_angle-defaultBlock.start_angle+360)%360:0,radians=((defaultBlock!==void 0?(defaultBlock?.start_angle+angleRange/2)%360:0)-90)%360*Math.PI/180,distanceFromCenterAsPercent=.7,defaultXPercent=.5+Math.cos(radians)*distanceFromCenterAsPercent*.5,defaultYPercent=.5+Math.sin(radians)*distanceFromCenterAsPercent*.5,state=window.Alpine.reactive({collectionIndex:0,currentCollection:blocks[0]?.collection?.handle??"",clickXPercent:defaultXPercent,clickYPercent:defaultYPercent,dragging:!1}),startDragging=__name(e=>{state.dragging=!0,handleDrag(e)},"startDragging"),stopDragging=__name(()=>{state.dragging=!1},"stopDragging"),handleDrag=__name(e=>{state.dragging&&selectColor(e)},"handleDrag");document.addEventListener("mousemove",handleDrag),document.addEventListener("mouseup",stopDragging);const selectColor=__name(e=>{const target=e.target;if(!target)return;const boundingRect=target.getBoundingClientRect(),relativeX=(e.clientX-boundingRect.left)/boundingRect.width,relativeY=(e.clientY-boundingRect.top)/boundingRect.height,centerX=.5,centerY=.5,deltaX=relativeX-centerX,deltaY=relativeY-centerY;let angle=Math.atan2(deltaY,deltaX)*(180/Math.PI);angle=(angle+90)%360;const index=blocks.findIndex(block=>{const{start_angle,end_angle}=block;return start_angle<end_angle?angle>=start_angle&&angle<end_angle:angle>=start_angle||angle<end_angle});state.clickXPercent=relativeX,state.clickYPercent=relativeY,state.collectionIndex=index!==-1?index:state.collectionIndex,state.currentCollection=blocks[state.collectionIndex]?.collection?.handle},"selectColor");return{color_wheel:{state,selectColor,startDragging,stopDragging,getDynamicTextWithFormattedPrice:__name(content=>content?.replace(/\[([^\]]*)\]/gi,(...matches)=>matches?.[1]?.split(".").reduce((acc,selector)=>!selector||acc[0]===void 0||acc[0]===null?/price$/gi.test(acc[1])&&typeof acc[0]=="number"?[utils.formatMoney(acc[0]),selector]:acc:acc[0]&&selector in acc[0]?/price$/gi.test(selector)&&typeof acc[0][selector]=="number"?[utils.formatMoney(acc[0][selector]),selector]:[acc[0][selector],selector]:["",""],[{collection:blocks[state.collectionIndex]?.collection??{}},""])[0])??"","getDynamicTextWithFormattedPrice")}}},"initColorWheel");window._sections.initColorWheel=initColorWheel; 2//# sourceMappingURL=/cdn/shop/t/986/assets/__section--color_wheel.js.map?v=54715930265716238181780513749
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.