bmw-form-render 0.0.13 → 0.0.15

package/dist/{index-DtsIFJMy.cjs → index-CgfJVrwn.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./main-BFEgT-z6.cjs"),ue=e.buildProps({color:{type:e.definePropType(Object),required:!0},vertical:{type:Boolean,default:!1}});let I=!1;function F(a,n){if(!e.isClient)return;const o=function(l){var s;(s=n.drag)==null||s.call(n,l)},t=function(l){var s;document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",o),document.removeEventListener("touchend",t),document.onselectstart=null,document.ondragstart=null,I=!1,(s=n.end)==null||s.call(n,l)},r=function(l){var s;I||(l.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",o),document.addEventListener("mouseup",t),document.addEventListener("touchmove",o),document.addEventListener("touchend",t),I=!0,(s=n.start)==null||s.call(n,l))};a.addEventListener("mousedown",r),a.addEventListener("touchstart",r,{passive:!1})}const fe=a=>{const n=e.getCurrentInstance(),{t:o}=e.useLocale(),t=e.shallowRef(),r=e.shallowRef(),l=e.computed(()=>a.color.get("alpha")),s=e.computed(()=>o("el.colorpicker.alphaLabel"));function u(h){var p;h.target!==t.value&&i(h),(p=t.value)==null||p.focus()}function i(h){if(!r.value||!t.value)return;const f=n.vnode.el.getBoundingClientRect(),{clientX:m,clientY:v}=e.getClientXY(h);if(a.vertical){let b=v-f.top;b=Math.max(t.value.offsetHeight/2,b),b=Math.min(b,f.height-t.value.offsetHeight/2),a.color.set("alpha",Math.round((b-t.value.offsetHeight/2)/(f.height-t.value.offsetHeight)*100))}else{let b=m-f.left;b=Math.max(t.value.offsetWidth/2,b),b=Math.min(b,f.width-t.value.offsetWidth/2),a.color.set("alpha",Math.round((b-t.value.offsetWidth/2)/(f.width-t.value.offsetWidth)*100))}}function d(h){const{code:p,shiftKey:f}=h,m=f?10:1;switch(p){case e.EVENT_CODE.left:case e.EVENT_CODE.down:h.preventDefault(),h.stopPropagation(),k(-m);break;case e.EVENT_CODE.right:case e.EVENT_CODE.up:h.preventDefault(),h.stopPropagation(),k(m);break}}function k(h){let p=l.value+h;p=p<0?0:p>100?100:p,a.color.set("alpha",p)}return{thumb:t,bar:r,alpha:l,alphaLabel:s,handleDrag:i,handleClick:u,handleKeydown:d}},de=(a,{bar:n,thumb:o,handleDrag:t})=>{const r=e.getCurrentInstance(),l=e.useNamespace("color-alpha-slider"),s=e.ref(0),u=e.ref(0),i=e.ref();function d(){if(!o.value||a.vertical)return 0;const _=r.vnode.el,g=a.color.get("alpha");return _?Math.round(g*(_.offsetWidth-o.value.offsetWidth/2)/100):0}function k(){if(!o.value)return 0;const _=r.vnode.el;if(!a.vertical)return 0;const g=a.color.get("alpha");return _?Math.round(g*(_.offsetHeight-o.value.offsetHeight/2)/100):0}function h(){if(a.color&&a.color.value){const{r:_,g,b:M}=a.color.toRgb();return`linear-gradient(to right, rgba(${_}, ${g}, ${M}, 0) 0%, rgba(${_}, ${g}, ${M}, 1) 100%)`}return""}function p(){s.value=d(),u.value=k(),i.value=h()}e.onMounted(()=>{if(!n.value||!o.value)return;const _={drag:g=>{t(g)},end:g=>{t(g)}};F(n.value,_),F(o.value,_),p()}),e.watch(()=>a.color.get("alpha"),()=>p()),e.watch(()=>a.color.value,()=>p());const f=e.computed(()=>[l.b(),l.is("vertical",a.vertical)]),m=e.computed(()=>l.e("bar")),v=e.computed(()=>l.e("thumb")),b=e.computed(()=>({background:i.value})),$=e.computed(()=>({left:e.addUnit(s.value),top:e.addUnit(u.value)}));return{rootKls:f,barKls:m,barStyle:b,thumbKls:v,thumbStyle:$,update:p}},he="ElColorAlphaSlider",pe=e.defineComponent({name:he}),me=e.defineComponent({...pe,props:ue,setup(a,{expose:n}){const o=a,{alpha:t,alphaLabel:r,bar:l,thumb:s,handleDrag:u,handleClick:i,handleKeydown:d}=fe(o),{rootKls:k,barKls:h,barStyle:p,thumbKls:f,thumbStyle:m,update:v}=de(o,{bar:l,thumb:s,handleDrag:u});return n({update:v,bar:l,thumb:s}),(b,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(k))},[e.createBaseVNode("div",{ref_key:"bar",ref:l,class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(p)),onClick:e.unref(i)},null,14,["onClick"]),e.createBaseVNode("div",{ref_key:"thumb",ref:s,class:e.normalizeClass(e.unref(f)),style:e.normalizeStyle(e.unref(m)),"aria-label":e.unref(r),"aria-valuenow":e.unref(t),"aria-orientation":b.vertical?"vertical":"horizontal","aria-valuemin":"0","aria-valuemax":"100",role:"slider",tabindex:"0",onKeydown:e.unref(d)},null,46,["aria-label","aria-valuenow","aria-orientation","onKeydown"])],2))}});var ve=e._export_sfc$1(me,[["__file","alpha-slider.vue"]]);const ge=e.defineComponent({name:"ElColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(a){const n=e.useNamespace("color-hue-slider"),o=e.getCurrentInstance(),t=e.ref(),r=e.ref(),l=e.ref(0),s=e.ref(0),u=e.computed(()=>a.color.get("hue"));e.watch(()=>u.value,()=>{p()});function i(f){f.target!==t.value&&d(f)}function d(f){if(!r.value||!t.value)return;const v=o.vnode.el.getBoundingClientRect(),{clientX:b,clientY:$}=e.getClientXY(f);let _;if(a.vertical){let g=$-v.top;g=Math.min(g,v.height-t.value.offsetHeight/2),g=Math.max(t.value.offsetHeight/2,g),_=Math.round((g-t.value.offsetHeight/2)/(v.height-t.value.offsetHeight)*360)}else{let g=b-v.left;g=Math.min(g,v.width-t.value.offsetWidth/2),g=Math.max(t.value.offsetWidth/2,g),_=Math.round((g-t.value.offsetWidth/2)/(v.width-t.value.offsetWidth)*360)}a.color.set("hue",_)}function k(){if(!t.value)return 0;const f=o.vnode.el;if(a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetWidth-t.value.offsetWidth/2)/360):0}function h(){if(!t.value)return 0;const f=o.vnode.el;if(!a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetHeight-t.value.offsetHeight/2)/360):0}function p(){l.value=k(),s.value=h()}return e.onMounted(()=>{if(!r.value||!t.value)return;const f={drag:m=>{d(m)},end:m=>{d(m)}};F(r.value,f),F(t.value,f),p()}),{bar:r,thumb:t,thumbLeft:l,thumbTop:s,hueValue:u,handleClick:i,update:p,ns:n}}});function be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([a.ns.b(),a.ns.is("vertical",a.vertical)])},[e.createBaseVNode("div",{ref:"bar",class:e.normalizeClass(a.ns.e("bar")),onClick:a.handleClick},null,10,["onClick"]),e.createBaseVNode("div",{ref:"thumb",class:e.normalizeClass(a.ns.e("thumb")),style:e.normalizeStyle({left:a.thumbLeft+"px",top:a.thumbTop+"px"})},null,6)],2)}var Ce=e._export_sfc$1(ge,[["render",be],["__file","hue-slider.vue"]]);const ke=e.buildProps({modelValue:String,id:String,showAlpha:Boolean,colorFormat:String,disabled:Boolean,size:e.useSizeProp,popperClass:{type:String,default:""},tabindex:{type:[String,Number],default:0},teleported:e.useTooltipContentProps.teleported,predefine:{type:e.definePropType(Array)},validateEvent:{type:Boolean,default:!0},...e.useAriaProps(["ariaLabel"])}),_e={[e.UPDATE_MODEL_EVENT]:a=>e.isString(a)||e.isNil(a),[e.CHANGE_EVENT]:a=>e.isString(a)||e.isNil(a),activeChange:a=>e.isString(a)||e.isNil(a),focus:a=>a instanceof FocusEvent,blur:a=>a instanceof FocusEvent},J=Symbol("colorPickerContextKey"),j=function(a,n,o){return[a,n*o/((a=(2-n)*o)<1?a:2-a)||0,a/2]},we=function(a){return typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1},Ee=function(a){return typeof a=="string"&&a.includes("%")},V=function(a,n){we(a)&&(a="100%");const o=Ee(a);return a=Math.min(n,Math.max(0,Number.parseFloat(`${a}`))),o&&(a=Number.parseInt(`${a*n}`,10)/100),Math.abs(a-n)<1e-6?1:a%n/Number.parseFloat(n)},Y={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},L=a=>{a=Math.min(Math.round(a),255);const n=Math.floor(a/16),o=a%16;return`${Y[n]||n}${Y[o]||o}`},G=function({r:a,g:n,b:o}){return Number.isNaN(+a)||Number.isNaN(+n)||Number.isNaN(+o)?"":`#${L(a)}${L(n)}${L(o)}`},H={A:10,B:11,C:12,D:13,E:14,F:15},y=function(a){return a.length===2?(H[a[0].toUpperCase()]||+a[0])*16+(H[a[1].toUpperCase()]||+a[1]):H[a[1].toUpperCase()]||+a[1]},Ne=function(a,n,o){n=n/100,o=o/100;let t=n;const r=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,t*=r<=1?r:2-r;const l=(o+n)/2,s=o===0?2*t/(r+t):2*n/(o+n);return{h:a,s:s*100,v:l*100}},Z=(a,n,o)=>{a=V(a,255),n=V(n,255),o=V(o,255);const t=Math.max(a,n,o),r=Math.min(a,n,o);let l;const s=t,u=t-r,i=t===0?0:u/t;if(t===r)l=0;else{switch(t){case a:{l=(n-o)/u+(n<o?6:0);break}case n:{l=(o-a)/u+2;break}case o:{l=(a-n)/u+4;break}}l/=6}return{h:l*360,s:i*100,v:s*100}},A=function(a,n,o){a=V(a,360)*6,n=V(n,100),o=V(o,100);const t=Math.floor(a),r=a-t,l=o*(1-n),s=o*(1-r*n),u=o*(1-(1-r)*n),i=t%6,d=[o,s,l,l,u,o][i],k=[u,o,o,s,l,l][i],h=[l,l,u,o,o,s][i];return{r:Math.round(d*255),g:Math.round(k*255),b:Math.round(h*255)}};class P{constructor(n={}){this._hue=0,this._saturation=100,this._value=100,this._alpha=100,this.enableAlpha=!1,this.format="hex",this.value="";for(const o in n)e.hasOwn(n,o)&&(this[o]=n[o]);n.value?this.fromString(n.value):this.doOnChange()}set(n,o){if(arguments.length===1&&typeof n=="object"){for(const t in n)e.hasOwn(n,t)&&this.set(t,n[t]);return}this[`_${n}`]=o,this.doOnChange()}get(n){return n==="alpha"?Math.floor(this[`_${n}`]):this[`_${n}`]}toRgb(){return A(this._hue,this._saturation,this._value)}fromString(n){if(!n){this._hue=0,this._saturation=100,this._value=100,this.doOnChange();return}const o=(t,r,l)=>{this._hue=Math.max(0,Math.min(360,t)),this._saturation=Math.max(0,Math.min(100,r)),this._value=Math.max(0,Math.min(100,l)),this.doOnChange()};if(n.includes("hsl")){const t=n.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Ne(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("hsv")){const t=n.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3&&o(t[0],t[1],t[2])}else if(n.includes("rgb")){const t=n.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Z(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("#")){const t=n.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(t))return;let r,l,s;t.length===3?(r=y(t[0]+t[0]),l=y(t[1]+t[1]),s=y(t[2]+t[2])):(t.length===6||t.length===8)&&(r=y(t.slice(0,2)),l=y(t.slice(2,4)),s=y(t.slice(4,6))),t.length===8?this._alpha=y(t.slice(6))/255*100:(t.length===3||t.length===6)&&(this._alpha=100);const{h:u,s:i,v:d}=Z(r,l,s);o(u,i,d)}}compare(n){return Math.abs(n._hue-this._hue)<2&&Math.abs(n._saturation-this._saturation)<1&&Math.abs(n._value-this._value)<1&&Math.abs(n._alpha-this._alpha)<1}doOnChange(){const{_hue:n,_saturation:o,_value:t,_alpha:r,format:l}=this;if(this.enableAlpha)switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsla(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${n}, ${Math.round(o)}%, ${Math.round(t)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${G(A(n,o,t))}${L(r*255/100)}`;break}default:{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgba(${s}, ${u}, ${i}, ${this.get("alpha")/100})`}}else switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsl(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${n}, ${Math.round(o)}%, ${Math.round(t)}%)`;break}case"rgb":{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgb(${s}, ${u}, ${i})`;break}default:this.value=G(A(n,o,t))}}}const $e=e.defineComponent({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0},enableAlpha:{type:Boolean,required:!0}},setup(a){const n=e.useNamespace("color-predefine"),{currentColor:o}=e.inject(J),t=e.ref(l(a.colors,a.color));e.watch(()=>o.value,s=>{const u=new P;u.fromString(s),t.value.forEach(i=>{i.selected=u.compare(i)})}),e.watchEffect(()=>{t.value=l(a.colors,a.color)});function r(s){a.color.fromString(a.colors[s])}function l(s,u){return s.map(i=>{const d=new P;return d.enableAlpha=a.enableAlpha,d.format="rgba",d.fromString(i),d.selected=d.value===u.value,d})}return{rgbaColors:t,handleSelect:r,ns:n}}});function ye(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b())},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("colors"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.rgbaColors,(s,u)=>(e.openBlock(),e.createElementBlock("div",{key:a.colors[u],class:e.normalizeClass([a.ns.e("color-selector"),a.ns.is("alpha",s._alpha<100),{selected:s.selected}]),onClick:i=>a.handleSelect(u)},[e.createBaseVNode("div",{style:e.normalizeStyle({backgroundColor:s.value})},null,4)],10,["onClick"]))),128))],2)],2)}var Me=e._export_sfc$1($e,[["render",ye],["__file","predefine.vue"]]);const Ve=e.defineComponent({name:"ElSlPanel",props:{color:{type:Object,required:!0}},setup(a){const n=e.useNamespace("color-svpanel"),o=e.getCurrentInstance(),t=e.ref(0),r=e.ref(0),l=e.ref("hsl(0, 100%, 50%)"),s=e.computed(()=>{const d=a.color.get("hue"),k=a.color.get("value");return{hue:d,value:k}});function u(){const d=a.color.get("saturation"),k=a.color.get("value"),h=o.vnode.el,{clientWidth:p,clientHeight:f}=h;r.value=d*p/100,t.value=(100-k)*f/100,l.value=`hsl(${a.color.get("hue")}, 100%, 50%)`}function i(d){const h=o.vnode.el.getBoundingClientRect(),{clientX:p,clientY:f}=e.getClientXY(d);let m=p-h.left,v=f-h.top;m=Math.max(0,m),m=Math.min(m,h.width),v=Math.max(0,v),v=Math.min(v,h.height),r.value=m,t.value=v,a.color.set({saturation:m/h.width*100,value:100-v/h.height*100})}return e.watch(()=>s.value,()=>{u()}),e.onMounted(()=>{F(o.vnode.el,{drag:d=>{i(d)},end:d=>{i(d)}}),u()}),{cursorTop:t,cursorLeft:r,background:l,colorValue:s,handleDrag:i,update:u,ns:n}}});function Be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b()),style:e.normalizeStyle({backgroundColor:a.background})},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("white"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("black"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("cursor")),style:e.normalizeStyle({top:a.cursorTop+"px",left:a.cursorLeft+"px"})},[e.createBaseVNode("div")],6)],6)}var Se=e._export_sfc$1(Ve,[["render",Be],["__file","sv-panel.vue"]]);const Te=e.defineComponent({name:"ElColorPicker"}),ze=e.defineComponent({...Te,props:ke,emits:_e,setup(a,{expose:n,emit:o}){const t=a,{t:r}=e.useLocale(),l=e.useNamespace("color"),{formItem:s}=e.useFormItem(),u=e.useFormSize(),i=e.useFormDisabled(),{inputId:d,isLabeledByFormItem:k}=e.useFormItemInputId(t,{formItemContext:s}),h=e.ref(),p=e.ref(),f=e.ref(),m=e.ref(),v=e.ref(),b=e.ref(),{isFocused:$,handleFocus:_,handleBlur:g}=e.useFocusController(v,{beforeFocus(){return i.value},beforeBlur(c){var w;return(w=m.value)==null?void 0:w.isFocusInsideContent(c)},afterBlur(){T(!1),z()}});let M=!0;const C=e.reactive(new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue})),B=e.ref(!1),E=e.ref(!1),S=e.ref(""),Q=e.computed(()=>!t.modelValue&&!E.value?"transparent":ne(C,t.showAlpha)),O=e.computed(()=>!t.modelValue&&!E.value?"":C.value),ee=e.computed(()=>k.value?void 0:t.ariaLabel||r("el.colorpicker.defaultLabel")),te=e.computed(()=>k.value?s==null?void 0:s.labelId:void 0),ae=e.computed(()=>[l.b("picker"),l.is("disabled",i.value),l.bm("picker",u.value),l.is("focused",$.value)]);function ne(c,w){if(!(c instanceof P))throw new TypeError("color should be instance of _color Class");const{r:N,g:q,b:X}=c.toRgb();return w?`rgba(${N}, ${q}, ${X}, ${c.get("alpha")/100})`:`rgb(${N}, ${q}, ${X})`}function T(c){B.value=c}const D=e.debounce$1(T,100,{leading:!0});function K(){i.value||T(!0)}function W(){D(!1),z()}function z(){e.nextTick(()=>{t.modelValue?C.fromString(t.modelValue):(C.value="",e.nextTick(()=>{E.value=!1}))})}function oe(){i.value||D(!B.value)}function R(){C.fromString(S.value)}function le(){const c=C.value;o(e.UPDATE_MODEL_EVENT,c),o("change",c),t.validateEvent&&(s==null||s.validate("change").catch(w=>e.debugWarn(w))),D(!1),e.nextTick(()=>{const w=new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue});C.compare(w)||z()})}function re(){D(!1),o(e.UPDATE_MODEL_EVENT,null),o("change",null),t.modelValue!==null&&t.validateEvent&&(s==null||s.validate("change").catch(c=>e.debugWarn(c))),z()}function se(){B.value&&(W(),$.value&&x())}function U(c){c.preventDefault(),c.stopPropagation(),T(!1),z()}function ce(c){switch(c.code){case e.EVENT_CODE.enter:case e.EVENT_CODE.space:c.preventDefault(),c.stopPropagation(),K(),b.value.focus();break;case e.EVENT_CODE.esc:U(c);break}}function x(){v.value.focus()}function ie(){v.value.blur()}return e.onMounted(()=>{t.modelValue&&(S.value=O.value)}),e.watch(()=>t.modelValue,c=>{c?c&&c!==C.value&&(M=!1,C.fromString(c)):E.value=!1}),e.watch(()=>[t.colorFormat,t.showAlpha],()=>{C.enableAlpha=t.showAlpha,C.format=t.colorFormat||C.format,C.doOnChange(),o(e.UPDATE_MODEL_EVENT,C.value)}),e.watch(()=>O.value,c=>{S.value=c,M&&o("activeChange",c),M=!0}),e.watch(()=>C.value,()=>{!t.modelValue&&!E.value&&(E.value=!0)}),e.watch(()=>B.value,()=>{e.nextTick(()=>{var c,w,N;(c=h.value)==null||c.update(),(w=p.value)==null||w.update(),(N=f.value)==null||N.update()})}),e.provide(J,{currentColor:O}),n({color:C,show:K,hide:W,focus:x,blur:ie}),(c,w)=>(e.openBlock(),e.createBlock(e.unref(e.ElTooltip),{ref_key:"popper",ref:m,visible:B.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(l).be("picker","panel"),e.unref(l).b("dropdown"),c.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",teleported:c.teleported,transition:`${e.unref(l).namespace.value}-zoom-in-top`,persistent:"",onHide:N=>T(!1)},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{onKeydown:e.withKeys(U,["esc"])},[e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","main-wrapper"))},[e.createVNode(Ce,{ref_key:"hue",ref:h,class:"hue-slider",color:e.unref(C),vertical:""},null,8,["color"]),e.createVNode(Se,{ref_key:"sv",ref:p,color:e.unref(C)},null,8,["color"])],2),c.showAlpha?(e.openBlock(),e.createBlock(ve,{key:0,ref_key:"alpha",ref:f,color:e.unref(C)},null,8,["color"])):e.createCommentVNode("v-if",!0),c.predefine?(e.openBlock(),e.createBlock(Me,{key:1,ref:"predefine","enable-alpha":c.showAlpha,color:e.unref(C),colors:c.predefine},null,8,["enable-alpha","color","colors"])):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","btns"))},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("dropdown","value"))},[e.createVNode(e.unref(e.ElInput),{ref_key:"inputRef",ref:b,modelValue:S.value,"onUpdate:modelValue":N=>S.value=N,"validate-event":!1,size:"small",onKeyup:e.withKeys(R,["enter"]),onBlur:R},null,8,["modelValue","onUpdate:modelValue","onKeyup"])],2),e.createVNode(e.unref(e.ElButton),{class:e.normalizeClass(e.unref(l).be("dropdown","link-btn")),text:"",size:"small",onClick:re},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.clear")),1)]),_:1},8,["class"]),e.createVNode(e.unref(e.ElButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(l).be("dropdown","btn")),onClick:le},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.confirm")),1)]),_:1},8,["class"])],2)],40,["onKeydown"])),[[e.unref(e.ClickOutside),se]])]),default:e.withCtx(()=>[e.createBaseVNode("div",e.mergeProps({id:e.unref(d),ref_key:"triggerRef",ref:v},c.$attrs,{class:e.unref(ae),role:"button","aria-label":e.unref(ee),"aria-labelledby":e.unref(te),"aria-description":e.unref(r)("el.colorpicker.description",{color:c.modelValue||""}),"aria-disabled":e.unref(i),tabindex:e.unref(i)?-1:c.tabindex,onKeydown:ce,onFocus:e.unref(_),onBlur:e.unref(g)}),[e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).be("picker","mask"))},null,2)):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("picker","trigger")),onClick:oe},[e.createBaseVNode("span",{class:e.normalizeClass([e.unref(l).be("picker","color"),e.unref(l).is("alpha",c.showAlpha)])},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:e.unref(Q)})},[e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","icon"),e.unref(l).is("icon-arrow-down")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.arrow_down_default))]),_:1},8,["class"]),[[e.vShow,c.modelValue||E.value]]),e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","empty"),e.unref(l).is("icon-close")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.close_default))]),_:1},8,["class"]),[[e.vShow,!c.modelValue&&!E.value]])],6)],2)],2)],16,["id","aria-label","aria-labelledby","aria-description","aria-disabled","tabindex","onFocus","onBlur"])]),_:1},8,["visible","popper-class","teleported","transition","onHide"]))}});var Ae=e._export_sfc$1(ze,[["__file","color-picker.vue"]]);const Pe=e.withInstall(Ae);exports.ElColorPicker=Pe;
+"use strict";const e=require("./main-1rETOixJ.cjs"),ue=e.buildProps({color:{type:e.definePropType(Object),required:!0},vertical:{type:Boolean,default:!1}});let I=!1;function F(a,n){if(!e.isClient)return;const o=function(l){var s;(s=n.drag)==null||s.call(n,l)},t=function(l){var s;document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",o),document.removeEventListener("touchend",t),document.onselectstart=null,document.ondragstart=null,I=!1,(s=n.end)==null||s.call(n,l)},r=function(l){var s;I||(l.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",o),document.addEventListener("mouseup",t),document.addEventListener("touchmove",o),document.addEventListener("touchend",t),I=!0,(s=n.start)==null||s.call(n,l))};a.addEventListener("mousedown",r),a.addEventListener("touchstart",r,{passive:!1})}const fe=a=>{const n=e.getCurrentInstance(),{t:o}=e.useLocale(),t=e.shallowRef(),r=e.shallowRef(),l=e.computed(()=>a.color.get("alpha")),s=e.computed(()=>o("el.colorpicker.alphaLabel"));function u(h){var p;h.target!==t.value&&i(h),(p=t.value)==null||p.focus()}function i(h){if(!r.value||!t.value)return;const f=n.vnode.el.getBoundingClientRect(),{clientX:m,clientY:v}=e.getClientXY(h);if(a.vertical){let b=v-f.top;b=Math.max(t.value.offsetHeight/2,b),b=Math.min(b,f.height-t.value.offsetHeight/2),a.color.set("alpha",Math.round((b-t.value.offsetHeight/2)/(f.height-t.value.offsetHeight)*100))}else{let b=m-f.left;b=Math.max(t.value.offsetWidth/2,b),b=Math.min(b,f.width-t.value.offsetWidth/2),a.color.set("alpha",Math.round((b-t.value.offsetWidth/2)/(f.width-t.value.offsetWidth)*100))}}function d(h){const{code:p,shiftKey:f}=h,m=f?10:1;switch(p){case e.EVENT_CODE.left:case e.EVENT_CODE.down:h.preventDefault(),h.stopPropagation(),k(-m);break;case e.EVENT_CODE.right:case e.EVENT_CODE.up:h.preventDefault(),h.stopPropagation(),k(m);break}}function k(h){let p=l.value+h;p=p<0?0:p>100?100:p,a.color.set("alpha",p)}return{thumb:t,bar:r,alpha:l,alphaLabel:s,handleDrag:i,handleClick:u,handleKeydown:d}},de=(a,{bar:n,thumb:o,handleDrag:t})=>{const r=e.getCurrentInstance(),l=e.useNamespace("color-alpha-slider"),s=e.ref(0),u=e.ref(0),i=e.ref();function d(){if(!o.value||a.vertical)return 0;const _=r.vnode.el,g=a.color.get("alpha");return _?Math.round(g*(_.offsetWidth-o.value.offsetWidth/2)/100):0}function k(){if(!o.value)return 0;const _=r.vnode.el;if(!a.vertical)return 0;const g=a.color.get("alpha");return _?Math.round(g*(_.offsetHeight-o.value.offsetHeight/2)/100):0}function h(){if(a.color&&a.color.value){const{r:_,g,b:M}=a.color.toRgb();return`linear-gradient(to right, rgba(${_}, ${g}, ${M}, 0) 0%, rgba(${_}, ${g}, ${M}, 1) 100%)`}return""}function p(){s.value=d(),u.value=k(),i.value=h()}e.onMounted(()=>{if(!n.value||!o.value)return;const _={drag:g=>{t(g)},end:g=>{t(g)}};F(n.value,_),F(o.value,_),p()}),e.watch(()=>a.color.get("alpha"),()=>p()),e.watch(()=>a.color.value,()=>p());const f=e.computed(()=>[l.b(),l.is("vertical",a.vertical)]),m=e.computed(()=>l.e("bar")),v=e.computed(()=>l.e("thumb")),b=e.computed(()=>({background:i.value})),$=e.computed(()=>({left:e.addUnit(s.value),top:e.addUnit(u.value)}));return{rootKls:f,barKls:m,barStyle:b,thumbKls:v,thumbStyle:$,update:p}},he="ElColorAlphaSlider",pe=e.defineComponent({name:he}),me=e.defineComponent({...pe,props:ue,setup(a,{expose:n}){const o=a,{alpha:t,alphaLabel:r,bar:l,thumb:s,handleDrag:u,handleClick:i,handleKeydown:d}=fe(o),{rootKls:k,barKls:h,barStyle:p,thumbKls:f,thumbStyle:m,update:v}=de(o,{bar:l,thumb:s,handleDrag:u});return n({update:v,bar:l,thumb:s}),(b,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(k))},[e.createBaseVNode("div",{ref_key:"bar",ref:l,class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(p)),onClick:e.unref(i)},null,14,["onClick"]),e.createBaseVNode("div",{ref_key:"thumb",ref:s,class:e.normalizeClass(e.unref(f)),style:e.normalizeStyle(e.unref(m)),"aria-label":e.unref(r),"aria-valuenow":e.unref(t),"aria-orientation":b.vertical?"vertical":"horizontal","aria-valuemin":"0","aria-valuemax":"100",role:"slider",tabindex:"0",onKeydown:e.unref(d)},null,46,["aria-label","aria-valuenow","aria-orientation","onKeydown"])],2))}});var ve=e._export_sfc$1(me,[["__file","alpha-slider.vue"]]);const ge=e.defineComponent({name:"ElColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(a){const n=e.useNamespace("color-hue-slider"),o=e.getCurrentInstance(),t=e.ref(),r=e.ref(),l=e.ref(0),s=e.ref(0),u=e.computed(()=>a.color.get("hue"));e.watch(()=>u.value,()=>{p()});function i(f){f.target!==t.value&&d(f)}function d(f){if(!r.value||!t.value)return;const v=o.vnode.el.getBoundingClientRect(),{clientX:b,clientY:$}=e.getClientXY(f);let _;if(a.vertical){let g=$-v.top;g=Math.min(g,v.height-t.value.offsetHeight/2),g=Math.max(t.value.offsetHeight/2,g),_=Math.round((g-t.value.offsetHeight/2)/(v.height-t.value.offsetHeight)*360)}else{let g=b-v.left;g=Math.min(g,v.width-t.value.offsetWidth/2),g=Math.max(t.value.offsetWidth/2,g),_=Math.round((g-t.value.offsetWidth/2)/(v.width-t.value.offsetWidth)*360)}a.color.set("hue",_)}function k(){if(!t.value)return 0;const f=o.vnode.el;if(a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetWidth-t.value.offsetWidth/2)/360):0}function h(){if(!t.value)return 0;const f=o.vnode.el;if(!a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetHeight-t.value.offsetHeight/2)/360):0}function p(){l.value=k(),s.value=h()}return e.onMounted(()=>{if(!r.value||!t.value)return;const f={drag:m=>{d(m)},end:m=>{d(m)}};F(r.value,f),F(t.value,f),p()}),{bar:r,thumb:t,thumbLeft:l,thumbTop:s,hueValue:u,handleClick:i,update:p,ns:n}}});function be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([a.ns.b(),a.ns.is("vertical",a.vertical)])},[e.createBaseVNode("div",{ref:"bar",class:e.normalizeClass(a.ns.e("bar")),onClick:a.handleClick},null,10,["onClick"]),e.createBaseVNode("div",{ref:"thumb",class:e.normalizeClass(a.ns.e("thumb")),style:e.normalizeStyle({left:a.thumbLeft+"px",top:a.thumbTop+"px"})},null,6)],2)}var Ce=e._export_sfc$1(ge,[["render",be],["__file","hue-slider.vue"]]);const ke=e.buildProps({modelValue:String,id:String,showAlpha:Boolean,colorFormat:String,disabled:Boolean,size:e.useSizeProp,popperClass:{type:String,default:""},tabindex:{type:[String,Number],default:0},teleported:e.useTooltipContentProps.teleported,predefine:{type:e.definePropType(Array)},validateEvent:{type:Boolean,default:!0},...e.useAriaProps(["ariaLabel"])}),_e={[e.UPDATE_MODEL_EVENT]:a=>e.isString(a)||e.isNil(a),[e.CHANGE_EVENT]:a=>e.isString(a)||e.isNil(a),activeChange:a=>e.isString(a)||e.isNil(a),focus:a=>a instanceof FocusEvent,blur:a=>a instanceof FocusEvent},J=Symbol("colorPickerContextKey"),j=function(a,n,o){return[a,n*o/((a=(2-n)*o)<1?a:2-a)||0,a/2]},we=function(a){return typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1},Ee=function(a){return typeof a=="string"&&a.includes("%")},V=function(a,n){we(a)&&(a="100%");const o=Ee(a);return a=Math.min(n,Math.max(0,Number.parseFloat(`${a}`))),o&&(a=Number.parseInt(`${a*n}`,10)/100),Math.abs(a-n)<1e-6?1:a%n/Number.parseFloat(n)},Y={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},L=a=>{a=Math.min(Math.round(a),255);const n=Math.floor(a/16),o=a%16;return`${Y[n]||n}${Y[o]||o}`},G=function({r:a,g:n,b:o}){return Number.isNaN(+a)||Number.isNaN(+n)||Number.isNaN(+o)?"":`#${L(a)}${L(n)}${L(o)}`},H={A:10,B:11,C:12,D:13,E:14,F:15},y=function(a){return a.length===2?(H[a[0].toUpperCase()]||+a[0])*16+(H[a[1].toUpperCase()]||+a[1]):H[a[1].toUpperCase()]||+a[1]},Ne=function(a,n,o){n=n/100,o=o/100;let t=n;const r=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,t*=r<=1?r:2-r;const l=(o+n)/2,s=o===0?2*t/(r+t):2*n/(o+n);return{h:a,s:s*100,v:l*100}},Z=(a,n,o)=>{a=V(a,255),n=V(n,255),o=V(o,255);const t=Math.max(a,n,o),r=Math.min(a,n,o);let l;const s=t,u=t-r,i=t===0?0:u/t;if(t===r)l=0;else{switch(t){case a:{l=(n-o)/u+(n<o?6:0);break}case n:{l=(o-a)/u+2;break}case o:{l=(a-n)/u+4;break}}l/=6}return{h:l*360,s:i*100,v:s*100}},A=function(a,n,o){a=V(a,360)*6,n=V(n,100),o=V(o,100);const t=Math.floor(a),r=a-t,l=o*(1-n),s=o*(1-r*n),u=o*(1-(1-r)*n),i=t%6,d=[o,s,l,l,u,o][i],k=[u,o,o,s,l,l][i],h=[l,l,u,o,o,s][i];return{r:Math.round(d*255),g:Math.round(k*255),b:Math.round(h*255)}};class P{constructor(n={}){this._hue=0,this._saturation=100,this._value=100,this._alpha=100,this.enableAlpha=!1,this.format="hex",this.value="";for(const o in n)e.hasOwn(n,o)&&(this[o]=n[o]);n.value?this.fromString(n.value):this.doOnChange()}set(n,o){if(arguments.length===1&&typeof n=="object"){for(const t in n)e.hasOwn(n,t)&&this.set(t,n[t]);return}this[`_${n}`]=o,this.doOnChange()}get(n){return n==="alpha"?Math.floor(this[`_${n}`]):this[`_${n}`]}toRgb(){return A(this._hue,this._saturation,this._value)}fromString(n){if(!n){this._hue=0,this._saturation=100,this._value=100,this.doOnChange();return}const o=(t,r,l)=>{this._hue=Math.max(0,Math.min(360,t)),this._saturation=Math.max(0,Math.min(100,r)),this._value=Math.max(0,Math.min(100,l)),this.doOnChange()};if(n.includes("hsl")){const t=n.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Ne(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("hsv")){const t=n.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3&&o(t[0],t[1],t[2])}else if(n.includes("rgb")){const t=n.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Z(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("#")){const t=n.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(t))return;let r,l,s;t.length===3?(r=y(t[0]+t[0]),l=y(t[1]+t[1]),s=y(t[2]+t[2])):(t.length===6||t.length===8)&&(r=y(t.slice(0,2)),l=y(t.slice(2,4)),s=y(t.slice(4,6))),t.length===8?this._alpha=y(t.slice(6))/255*100:(t.length===3||t.length===6)&&(this._alpha=100);const{h:u,s:i,v:d}=Z(r,l,s);o(u,i,d)}}compare(n){return Math.abs(n._hue-this._hue)<2&&Math.abs(n._saturation-this._saturation)<1&&Math.abs(n._value-this._value)<1&&Math.abs(n._alpha-this._alpha)<1}doOnChange(){const{_hue:n,_saturation:o,_value:t,_alpha:r,format:l}=this;if(this.enableAlpha)switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsla(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${n}, ${Math.round(o)}%, ${Math.round(t)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${G(A(n,o,t))}${L(r*255/100)}`;break}default:{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgba(${s}, ${u}, ${i}, ${this.get("alpha")/100})`}}else switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsl(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${n}, ${Math.round(o)}%, ${Math.round(t)}%)`;break}case"rgb":{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgb(${s}, ${u}, ${i})`;break}default:this.value=G(A(n,o,t))}}}const $e=e.defineComponent({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0},enableAlpha:{type:Boolean,required:!0}},setup(a){const n=e.useNamespace("color-predefine"),{currentColor:o}=e.inject(J),t=e.ref(l(a.colors,a.color));e.watch(()=>o.value,s=>{const u=new P;u.fromString(s),t.value.forEach(i=>{i.selected=u.compare(i)})}),e.watchEffect(()=>{t.value=l(a.colors,a.color)});function r(s){a.color.fromString(a.colors[s])}function l(s,u){return s.map(i=>{const d=new P;return d.enableAlpha=a.enableAlpha,d.format="rgba",d.fromString(i),d.selected=d.value===u.value,d})}return{rgbaColors:t,handleSelect:r,ns:n}}});function ye(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b())},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("colors"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.rgbaColors,(s,u)=>(e.openBlock(),e.createElementBlock("div",{key:a.colors[u],class:e.normalizeClass([a.ns.e("color-selector"),a.ns.is("alpha",s._alpha<100),{selected:s.selected}]),onClick:i=>a.handleSelect(u)},[e.createBaseVNode("div",{style:e.normalizeStyle({backgroundColor:s.value})},null,4)],10,["onClick"]))),128))],2)],2)}var Me=e._export_sfc$1($e,[["render",ye],["__file","predefine.vue"]]);const Ve=e.defineComponent({name:"ElSlPanel",props:{color:{type:Object,required:!0}},setup(a){const n=e.useNamespace("color-svpanel"),o=e.getCurrentInstance(),t=e.ref(0),r=e.ref(0),l=e.ref("hsl(0, 100%, 50%)"),s=e.computed(()=>{const d=a.color.get("hue"),k=a.color.get("value");return{hue:d,value:k}});function u(){const d=a.color.get("saturation"),k=a.color.get("value"),h=o.vnode.el,{clientWidth:p,clientHeight:f}=h;r.value=d*p/100,t.value=(100-k)*f/100,l.value=`hsl(${a.color.get("hue")}, 100%, 50%)`}function i(d){const h=o.vnode.el.getBoundingClientRect(),{clientX:p,clientY:f}=e.getClientXY(d);let m=p-h.left,v=f-h.top;m=Math.max(0,m),m=Math.min(m,h.width),v=Math.max(0,v),v=Math.min(v,h.height),r.value=m,t.value=v,a.color.set({saturation:m/h.width*100,value:100-v/h.height*100})}return e.watch(()=>s.value,()=>{u()}),e.onMounted(()=>{F(o.vnode.el,{drag:d=>{i(d)},end:d=>{i(d)}}),u()}),{cursorTop:t,cursorLeft:r,background:l,colorValue:s,handleDrag:i,update:u,ns:n}}});function Be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b()),style:e.normalizeStyle({backgroundColor:a.background})},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("white"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("black"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("cursor")),style:e.normalizeStyle({top:a.cursorTop+"px",left:a.cursorLeft+"px"})},[e.createBaseVNode("div")],6)],6)}var Se=e._export_sfc$1(Ve,[["render",Be],["__file","sv-panel.vue"]]);const Te=e.defineComponent({name:"ElColorPicker"}),ze=e.defineComponent({...Te,props:ke,emits:_e,setup(a,{expose:n,emit:o}){const t=a,{t:r}=e.useLocale(),l=e.useNamespace("color"),{formItem:s}=e.useFormItem(),u=e.useFormSize(),i=e.useFormDisabled(),{inputId:d,isLabeledByFormItem:k}=e.useFormItemInputId(t,{formItemContext:s}),h=e.ref(),p=e.ref(),f=e.ref(),m=e.ref(),v=e.ref(),b=e.ref(),{isFocused:$,handleFocus:_,handleBlur:g}=e.useFocusController(v,{beforeFocus(){return i.value},beforeBlur(c){var w;return(w=m.value)==null?void 0:w.isFocusInsideContent(c)},afterBlur(){T(!1),z()}});let M=!0;const C=e.reactive(new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue})),B=e.ref(!1),E=e.ref(!1),S=e.ref(""),Q=e.computed(()=>!t.modelValue&&!E.value?"transparent":ne(C,t.showAlpha)),O=e.computed(()=>!t.modelValue&&!E.value?"":C.value),ee=e.computed(()=>k.value?void 0:t.ariaLabel||r("el.colorpicker.defaultLabel")),te=e.computed(()=>k.value?s==null?void 0:s.labelId:void 0),ae=e.computed(()=>[l.b("picker"),l.is("disabled",i.value),l.bm("picker",u.value),l.is("focused",$.value)]);function ne(c,w){if(!(c instanceof P))throw new TypeError("color should be instance of _color Class");const{r:N,g:q,b:X}=c.toRgb();return w?`rgba(${N}, ${q}, ${X}, ${c.get("alpha")/100})`:`rgb(${N}, ${q}, ${X})`}function T(c){B.value=c}const D=e.debounce$1(T,100,{leading:!0});function K(){i.value||T(!0)}function W(){D(!1),z()}function z(){e.nextTick(()=>{t.modelValue?C.fromString(t.modelValue):(C.value="",e.nextTick(()=>{E.value=!1}))})}function oe(){i.value||D(!B.value)}function R(){C.fromString(S.value)}function le(){const c=C.value;o(e.UPDATE_MODEL_EVENT,c),o("change",c),t.validateEvent&&(s==null||s.validate("change").catch(w=>e.debugWarn(w))),D(!1),e.nextTick(()=>{const w=new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue});C.compare(w)||z()})}function re(){D(!1),o(e.UPDATE_MODEL_EVENT,null),o("change",null),t.modelValue!==null&&t.validateEvent&&(s==null||s.validate("change").catch(c=>e.debugWarn(c))),z()}function se(){B.value&&(W(),$.value&&x())}function U(c){c.preventDefault(),c.stopPropagation(),T(!1),z()}function ce(c){switch(c.code){case e.EVENT_CODE.enter:case e.EVENT_CODE.space:c.preventDefault(),c.stopPropagation(),K(),b.value.focus();break;case e.EVENT_CODE.esc:U(c);break}}function x(){v.value.focus()}function ie(){v.value.blur()}return e.onMounted(()=>{t.modelValue&&(S.value=O.value)}),e.watch(()=>t.modelValue,c=>{c?c&&c!==C.value&&(M=!1,C.fromString(c)):E.value=!1}),e.watch(()=>[t.colorFormat,t.showAlpha],()=>{C.enableAlpha=t.showAlpha,C.format=t.colorFormat||C.format,C.doOnChange(),o(e.UPDATE_MODEL_EVENT,C.value)}),e.watch(()=>O.value,c=>{S.value=c,M&&o("activeChange",c),M=!0}),e.watch(()=>C.value,()=>{!t.modelValue&&!E.value&&(E.value=!0)}),e.watch(()=>B.value,()=>{e.nextTick(()=>{var c,w,N;(c=h.value)==null||c.update(),(w=p.value)==null||w.update(),(N=f.value)==null||N.update()})}),e.provide(J,{currentColor:O}),n({color:C,show:K,hide:W,focus:x,blur:ie}),(c,w)=>(e.openBlock(),e.createBlock(e.unref(e.ElTooltip),{ref_key:"popper",ref:m,visible:B.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(l).be("picker","panel"),e.unref(l).b("dropdown"),c.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",teleported:c.teleported,transition:`${e.unref(l).namespace.value}-zoom-in-top`,persistent:"",onHide:N=>T(!1)},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{onKeydown:e.withKeys(U,["esc"])},[e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","main-wrapper"))},[e.createVNode(Ce,{ref_key:"hue",ref:h,class:"hue-slider",color:e.unref(C),vertical:""},null,8,["color"]),e.createVNode(Se,{ref_key:"sv",ref:p,color:e.unref(C)},null,8,["color"])],2),c.showAlpha?(e.openBlock(),e.createBlock(ve,{key:0,ref_key:"alpha",ref:f,color:e.unref(C)},null,8,["color"])):e.createCommentVNode("v-if",!0),c.predefine?(e.openBlock(),e.createBlock(Me,{key:1,ref:"predefine","enable-alpha":c.showAlpha,color:e.unref(C),colors:c.predefine},null,8,["enable-alpha","color","colors"])):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","btns"))},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("dropdown","value"))},[e.createVNode(e.unref(e.ElInput),{ref_key:"inputRef",ref:b,modelValue:S.value,"onUpdate:modelValue":N=>S.value=N,"validate-event":!1,size:"small",onKeyup:e.withKeys(R,["enter"]),onBlur:R},null,8,["modelValue","onUpdate:modelValue","onKeyup"])],2),e.createVNode(e.unref(e.ElButton),{class:e.normalizeClass(e.unref(l).be("dropdown","link-btn")),text:"",size:"small",onClick:re},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.clear")),1)]),_:1},8,["class"]),e.createVNode(e.unref(e.ElButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(l).be("dropdown","btn")),onClick:le},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.confirm")),1)]),_:1},8,["class"])],2)],40,["onKeydown"])),[[e.unref(e.ClickOutside),se]])]),default:e.withCtx(()=>[e.createBaseVNode("div",e.mergeProps({id:e.unref(d),ref_key:"triggerRef",ref:v},c.$attrs,{class:e.unref(ae),role:"button","aria-label":e.unref(ee),"aria-labelledby":e.unref(te),"aria-description":e.unref(r)("el.colorpicker.description",{color:c.modelValue||""}),"aria-disabled":e.unref(i),tabindex:e.unref(i)?-1:c.tabindex,onKeydown:ce,onFocus:e.unref(_),onBlur:e.unref(g)}),[e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).be("picker","mask"))},null,2)):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("picker","trigger")),onClick:oe},[e.createBaseVNode("span",{class:e.normalizeClass([e.unref(l).be("picker","color"),e.unref(l).is("alpha",c.showAlpha)])},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:e.unref(Q)})},[e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","icon"),e.unref(l).is("icon-arrow-down")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.arrow_down_default))]),_:1},8,["class"]),[[e.vShow,c.modelValue||E.value]]),e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","empty"),e.unref(l).is("icon-close")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.close_default))]),_:1},8,["class"]),[[e.vShow,!c.modelValue&&!E.value]])],6)],2)],2)],16,["id","aria-label","aria-labelledby","aria-description","aria-disabled","tabindex","onFocus","onBlur"])]),_:1},8,["visible","popper-class","teleported","transition","onHide"]))}});var Ae=e._export_sfc$1(ze,[["__file","color-picker.vue"]]);const Pe=e.withInstall(Ae);exports.ElColorPicker=Pe;