+
${Object.keys(e[i.BottomLeft]).map((t=>{const n=e[i.BottomLeft][t];return s.dy`
${n.text}
`}))}
+
${Object.keys(e[i.BottomCenter]).map((t=>{const n=e[i.BottomCenter][t];return s.dy`
${n.text}
`}))}
+
${Object.keys(e[i.BottomRight]).map((t=>{const n=e[i.BottomRight][t];return s.dy`
${n.text}
`}))}
+
+ ${this._lumSatSlider}${this._hueSlider}${this._alphaSlider}
+
${e}`}updated(){this._hueSlider.value=1-this._hsv.x/360;const e=`linear-gradient(to bottom, transparent, black), linear-gradient(to right, white, ${p.setHSV(this._hsv.x).toString(!1)})`;if(this._lumSatSlider.style.backgroundImage=e,this._lumSatSlider.setXY(this._hsv.y,this._hsv.z),this.alpha){const e=this.color.toString(!1),t=getComputedStyle(this._alphaSlider).color,n=`linear-gradient(to top, transparent, ${e}), repeating-linear-gradient(-45deg, transparent, transparent 8px, ${t} 8px, ${t} 16px)`;this._alphaSlider.style.backgroundImage=n,this._alphaSlider.value=this.color.alpha}}onLumSatChange(e){e.stopPropagation();const t=e.detail.value;this._hsv.y=t.x,this._hsv.z=t.y,this.color.setHSV(this._hsv),this.requestUpdate(),this.emitChangeEvent(e.detail.isDragging)}onHueChange(e){e.stopPropagation(),this._hsv.x=360*(1-e.target.value),this.color.setHSV(this._hsv),this.requestUpdate(),this.emitChangeEvent(e.detail.isDragging)}onAlphaChange(e){e.stopPropagation(),this.color.alpha=e.target.value,this.requestUpdate(),this.emitChangeEvent(e.detail.isDragging)}onNumericEdit(e){e.stopPropagation();const t=e.target.name;if("string"===t)this.color.setString(e.detail.text,1,!1);else{let n=parseInt(e.detail.text);if(!isFinite(n))return;this.color[t]=i.Z.limit(n,0,255)}this.color.toHSV(this._hsv),this.requestUpdate(),this.emitChangeEvent(e.detail.isEditing)}onKeyDown(e){const t="ArrowRight"===e.code||"ArrowUp"===e.code,n="PageUp"===e.code,s="ArrowLeft"===e.code||"ArrowDown"===e.code,r="PageDown"===e.code;if(t||n||s||r)if(e.target===this._hueSlider||e.target===this._alphaSlider){const r=t||n?-1:1,o=t||s?.01:.1;e.target===this._hueSlider?(this._hsv.x=i.Z.limit(this._hsv.x+360*o*r,0,360),this.color.setHSV(this._hsv)):this.color.alpha=i.Z.limit(this.color.alpha+o*r,0,1),this.requestUpdate(),this.emitChangeEvent(!1)}else if(e.target===this._lumSatSlider&&(t||s)){const n=t?1:-1,s=e.shiftKey?.1:.01;"ArrowRight"===e.code||"ArrowLeft"===e.code?this._hsv.y=i.Z.limit(this._hsv.y+s*n,0,1):this._hsv.z=i.Z.limit(this._hsv.z+s*n,0,1),this.color.setHSV(this._hsv),this.requestUpdate(),this.emitChangeEvent(!1)}}emitChangeEvent(e){this.dispatchEvent(new CustomEvent("change",{detail:{color:this.color,isDragging:e},bubbles:!0}))}};u([(0,a.Cb)({attribute:!1})],m.prototype,"color",void 0),u([(0,a.Cb)({type:Boolean})],m.prototype,"alpha",void 0),u([(0,a.Cb)({type:Boolean})],m.prototype,"numeric",void 0),m=u([(0,a.Mo)("ff-color-edit")],m)},51120:(e,t,n)=>{"use strict";n.d(t,{Mo:()=>$,ZP:()=>B,dy:()=>d.dy,Cb:()=>M,sY:()=>d.sY});var i=n(93909),s=n(14056);function r(e,t){const{element:{content:n},parts:i}=e,s=document.createTreeWalker(n,133,null,!1);let r=a(i),o=i[r],l=-1,c=0;const h=[];let d=null;for(;s.nextNode();){l++;const e=s.currentNode;for(e.previousSibling===d&&(d=null),t.has(e)&&(h.push(e),null===d&&(d=e)),null!==d&&c++;void 0!==o&&o.index===l;)o.index=null!==d?-1:o.index-c,r=a(i,r),o=i[r]}h.forEach((e=>e.parentNode.removeChild(e)))}const o=e=>{let t=11===e.nodeType?0:1;const n=document.createTreeWalker(e,133,null,!1);for(;n.nextNode();)t++;return t},a=(e,t=-1)=>{for(let n=t+1;n