`,""])},function(a,o,e){var r=function(){var t=this,f=t.$createElement,n=t._self._c||f;return n("div",{staticClass:"vc-twitter",class:{"vc-twitter-hide-triangle ":t.triangle==="hide","vc-twitter-top-left-triangle ":t.triangle==="top-left","vc-twitter-top-right-triangle ":t.triangle==="top-right"},style:{width:typeof t.width=="number"?t.width+"px":t.width}},[n("div",{staticClass:"vc-twitter-triangle-shadow"}),t._v(" "),n("div",{staticClass:"vc-twitter-triangle"}),t._v(" "),n("div",{staticClass:"vc-twitter-body"},[t._l(t.defaultColors,function(l,p){return n("span",{key:p,staticClass:"vc-twitter-swatch",style:{background:l,boxShadow:"0 0 4px "+(t.equal(l)?l:"transparent")},on:{click:function(d){return t.handlerClick(l)}}})}),t._v(" "),n("div",{staticClass:"vc-twitter-hash"},[t._v("#")]),t._v(" "),n("editable-input",{attrs:{label:"#",value:t.hex},on:{change:t.inputChange}}),t._v(" "),n("div",{staticClass:"vc-twitter-clear"})],2)])},i=[];r._withStripped=!0;var s={render:r,staticRenderFns:i};o.a=s}])})}(bt)),bt.exports}var $t=zt();Tt();const It={model:{event:"update:modelValue",prop:"modelValue"}},Ut=kt({...It,__name:"NcColorPicker",props:{advancedFields:{type:Boolean},clearable:{type:Boolean},container:{default:"body"},modelValue:{default:""},value:{default:void 0},open:{type:Boolean},palette:{default:()=>[]},paletteOnly:{type:Boolean}},emits:["submit","close","update:modelValue","update:value"],setup(z,{emit:X}){const a=z,o=St("value","update:value",!0),e=Ft(a,"open",X,{passive:!0,eventName:"update:open"}),r=/^#([a-f0-9]{3}|[a-f0-9]{6})$/i,i=At(),s=Ot(!1),t=Et(()=>{let _=a.palette;for(const v of _)if(typeof v=="string"&&!v.match(r)||typeof v=="object"&&!v.color?.match(r)){Mt.error("[NcColorPicker] Invalid palette passed",{color:v}),_=[];break}return _.length===0&&(_=a.clearable?[...mt,_t,wt]:[...mt]),_.map(v=>({color:typeof v=="object"?v.color:v,name:typeof v=="object"&&v.name?v.name:xt("A color with a HEX value {hex}",{hex:typeof v=="string"?v:v.color})}))});function f(_){X("submit",o.value),_(),s.value=!1}function n(_){_=typeof _=="string"?_:_.color,a.clearable&&o.value===_?o.value=void 0:o.value=_}function l(_){o.value=_.hex}function p(_){return d(_)>.5?_t.color:wt.color}function d(_){const[v,y,w]=b(_);return(.2126*v+.7152*y+.0722*w)/255}function b(_){const v=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(_);return v?[parseInt(v[1],16),parseInt(v[2],16),parseInt(v[3],16)]:[0,0,0]}return{__sfc:!0,props:a,emit:X,currentColor:o,modelOpen:e,HEX_REGEX:r,id:i,advanced:s,normalizedPalette:t,handleConfirm:f,toggleColor:n,pickCustomColor:l,getContrastColor:p,calculateLuma:d,hexToRGB:b,mdiArrowLeft:Rt,mdiCheck:Nt,mdiCloseCircleOutline:Dt,mdiDotsHorizontal:Bt,Chrome:$t.Chrome,NcButton:Pt,NcIconSvgWrapper:Lt,NcPopover:jt,t:xt}}});var Gt=function(){var z=this,X=z._self._c,a=z._self._setupProxy;return X(a.NcPopover,z._g(z._b({attrs:{shown:a.modelOpen,container:z.container,"popup-role":"dialog"},on:{"update:shown":function(o){a.modelOpen=o},"apply-hide":function(o){return a.emit("close")}},scopedSlots:z._u([{key:"trigger",fn:function(o){return[z._t("default",null,null,o)]}},{key:"default",fn:function(o){return[X("div",{staticClass:"color-picker",class:{"color-picker--advanced-fields":a.advanced&&z.advancedFields,"color-picker--clearable":z.clearable},attrs:{role:"dialog","aria-modal":"true","aria-label":a.t("Color picker")}},[X("Transition",{attrs:{name:"slide",mode:"out-in"}},[a.advanced?X(a.Chrome,{staticClass:"color-picker__advanced",attrs:{"disable-alpha":!0,"disable-fields":!z.advancedFields,value:a.currentColor??"#000000"},on:{input:a.pickCustomColor}}):X("div",{staticClass:"color-picker__simple"},[z._l(a.normalizedPalette,function({color:e,name:r},i){return X("label",{key:i,staticClass:"color-picker__simple-color-circle",class:{"color-picker__simple-color-circle--active":e===a.currentColor},style:{backgroundColor:e,color:a.getContrastColor(e)}},[X("span",{staticClass:"hidden-visually"},[z._v(" "+z._s(e)+" -- "+z._s(a.currentColor)+" ")]),e===a.currentColor?X(a.NcIconSvgWrapper,{attrs:{path:a.mdiCheck}}):z._e(),X("input",{staticClass:"hidden-visually",attrs:{type:"radio","aria-label":r,name:`color-picker-${a.id}`},domProps:{checked:e===a.currentColor},on:{click:function(s){return a.toggleColor(e)}}})],1)}),z.clearable?X("label",{staticClass:"color-picker__clear",attrs:{title:a.t("No color")}},[X(a.NcIconSvgWrapper,{attrs:{size:a.currentColor?28:34,path:a.mdiCloseCircleOutline}}),X("input",{staticClass:"hidden-visually",attrs:{type:"radio","aria-label":a.t("No color"),name:`color-picker-${a.id}`},domProps:{checked:!a.currentColor},on:{click:function(e){a.currentColor=void 0}}})],1):z._e()],2)],1),z.paletteOnly?z._e():X("div",{staticClass:"color-picker__navigation"},[a.advanced?X(a.NcButton,{attrs:{"aria-label":a.t("Back"),title:a.t("Back"),variant:"tertiary"},on:{click:function(e){a.advanced=!1}},scopedSlots:z._u([{key:"icon",fn:function(){return[X(a.NcIconSvgWrapper,{attrs:{directional:"",path:a.mdiArrowLeft}})]},proxy:!0}],null,!0)}):X(a.NcButton,{attrs:{"aria-label":a.t("More options"),title:a.t("More options"),variant:"tertiary"},on:{click:function(e){a.advanced=!0}},scopedSlots:z._u([{key:"icon",fn:function(){return[X(a.NcIconSvgWrapper,{attrs:{path:a.mdiDotsHorizontal}})]},proxy:!0}],null,!0)}),X(a.NcButton,{attrs:{variant:"primary"},on:{click:function(e){return a.handleConfirm(o.hide)}}},[z._v(" "+z._s(a.t("Choose"))+" ")])],1)],1)]}}],null,!0)},"NcPopover",z.$attrs,!1),z.$listeners))},Vt=[],Wt=Ct(Ut,Gt,Vt,!1,null,"01d41e75");const qt=Wt.exports;export{qt as default};
0 commit comments