@farris/ui-vue/components/color-picker/index.umd.cjs

Farris Vue, a Farris Design based Vue3 component library.

(function(I,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../common/index.umd.js"],a):(I=typeof globalThis<"u"?globalThis:I||self,a(I["color-picker"]={},I.Vue,I.LodashES,I.dynamicResolver,I.common))})(this,function(I,a,_,Be,$e){"use strict";var ht=Object.defineProperty;var gt=(I,a,_)=>a in I?ht(I,a,{enumerable:!0,configurable:!0,writable:!0,value:_}):I[a]=_;var o=(I,a,_)=>gt(I,typeof a!="symbol"?a+"":a,_);function pe(t,e){let r;function n(u){const{properties:p,title:v,ignore:l}=u,c=l&&Array.isArray(l),k=Object.keys(p).reduce((S,M)=>((!c||!l.find(F=>F===M))&&(S[M]=p[M].type==="object"&&p[M].properties?n(p[M]):_.cloneDeep(p[M].default)),S),{});if(v&&(!c||!l.find(S=>S==="id"))){const S=v.toLowerCase().replace(/-/g,"_");k.id=`${S}_${Math.random().toString().slice(2,6)}`}return k}function d(u){const{properties:p,title:v,required:l}=u;if(l&&Array.isArray(l)){const c=l.reduce((k,S)=>(k[S]=p[S].type==="object"&&p[S].properties?n(p[S]):_.cloneDeep(p[S].default),k),{});if(v&&l.find(k=>k==="id")){const k=v.toLowerCase().replace(/-/g,"_");c.id=`${k}_${Math.random().toString().slice(2,6)}`}return c}return{type:v}}function w(u,p={},v){const l=t[u];if(l){let c=d(l);const k=e[u];return c=k?k({getSchemaByType:w},c,p,v):c,r!=null&&r.appendIdentifyForNewControl&&r.appendIdentifyForNewControl(c),c}return null}function f(u,p){const v=n(p);return Object.keys(v).reduce((l,c)=>(Object.prototype.hasOwnProperty.call(u,c)&&(l[c]&&_.isPlainObject(l[c])&&_.isPlainObject(u[c]||!u[c])?Object.assign(l[c],u[c]||{}):l[c]=u[c]),l),v),v}function m(u,p){return Object.keys(u).filter(l=>u[l]!=null).reduce((l,c)=>{if(p.has(c)){const k=p.get(c);if(typeof k=="string")l[k]=u[c];else{const S=k(c,u[c],u);Object.assign(l,S)}}else l[c]=u[c];return l},{})}function b(u,p,v=new Map){const l=f(u,p);return m(l,v)}function g(u){var v;const p=u.type;if(p){const l=t[p];if(!l)return u;const c=f(u,l),k=((v=u.editor)==null?void 0:v.type)||"";if(k){const S=t[k],M=f(u.editor,S);c.editor=M}return c}return u}function h(u){r=u}return{getSchemaByType:w,resolveSchemaWithDefaultValue:g,resolveSchemaToProps:b,mappingSchemaToProps:m,setDesignerContext:h}}const fe={},he={},{getSchemaByType:mt,resolveSchemaWithDefaultValue:He,resolveSchemaToProps:Re,mappingSchemaToProps:Fe,setDesignerContext:vt}=pe(fe,he);function Oe(t={}){function e(g,h,u,p){if(typeof u=="number")return p[g].length===u;if(typeof u=="object"){const v=Object.keys(u)[0],l=u[v];if(v==="not")return Number(p[g].length)!==Number(l);if(v==="moreThan")return Number(p[g].length)>=Number(l);if(v==="lessThan")return Number(p[g].length)<=Number(l)}return!1}function r(g,h,u,p){return p[g]&&p[g].propertyValue&&String(p[g].propertyValue.value)===String(u)}const n=new Map([["length",e],["getProperty",r]]);Object.keys(t).reduce((g,h)=>(g.set(h,t[h]),g),n);function d(g,h){const u=g;return typeof h=="number"?[{target:u,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:u,operator:"getProperty",param:g,value:!!h}]:typeof h=="object"?Object.keys(h).map(p=>{if(p==="length")return{target:u,operator:"length",param:null,value:h[p]};const v=p,l=h[p];return{target:u,operator:"getProperty",param:v,value:l}}):[]}function w(g){return Object.keys(g).reduce((u,p)=>{const v=d(p,g[p]);return u.push(...v),u},[])}function f(g,h){if(n.has(g.operator)){const u=n.get(g.operator);return u&&u(g.target,g.param,g.value,h)||!1}return!1}function m(g,h){return w(g).reduce((v,l)=>v&&f(l,h),!0)}function b(g,h){const u=Object.keys(g),p=u.includes("allOf"),v=u.includes("anyOf"),l=p||v,S=(l?g[l?p?"allOf":"anyOf":"allOf"]:[g]).map(F=>m(F,h));return p?!S.includes(!1):S.includes(!0)}return{parseValueSchema:b}}const Ee={convertTo:(t,e,r,n)=>{t.appearance||(t.appearance={}),t.appearance[e]=r},convertFrom:(t,e,r)=>t.appearance?t.appearance[e]:t[e]},De={convertFrom:(t,e,r)=>t.buttons&&t.buttons.length?`共 ${t.buttons.length} 项`:"无"},je={convertTo:(t,e,r,n)=>{t.editor&&(t.editor[e]=r)},convertFrom:(t,e,r)=>t.editor&&Object.prototype.hasOwnProperty.call(t.editor,e)?t.editor[e]:t[e]},ge={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},Ae={convertFrom:(t,e,r)=>{var d;const n=t.editor&&t.editor[e]?t.editor[e]:t[e];return((d=ge[n])==null?void 0:d.name)||n}},xe={convertTo:(t,e,r,n)=>{t[e]=t[e]},convertFrom:(t,e,r)=>t.editor?r.getRealEditorType(t.editor.type):""},Le={convertTo:(t,e,r,n)=>{(t.type==="data-grid-column"||t.type==="tree-grid-column")&&(t.formatter?t.formatter[e]=r:t.formatter={[e]:r})},convertFrom:(t,e,r)=>{if(t.formatter){if(e==="trueText")return t.formatter.trueText;if(e==="falseText")return t.formatter.falseText;if(e==="prefix")return t.formatter.prefix;if(e==="suffix")return t.formatter.suffix;if(e==="precision")return t.formatter.precision;if(e==="decimal")return t.formatter.decimal;if(e==="thousand")return t.formatter.thousand;if(e==="tempDateFormat")return t.formatter.dateFormat==="yyyy年MM月dd日"?"yearMonthDay":t.formatter.dateFormat==="yyyy-MM-dd HH:mm:ss"?"yyyy-MM-ddTHH:mm:ss":t.formatter.dateFormat==="yyyy/MM/dd HH:mm:ss"?"yyyy/MM/ddTHH:mm:ss":t.formatter.dateFormat==="yyyy年MM月dd日 HH时mm分ss秒"?"yearMonthDayHourMinuteSecond":t.formatter.tempDateFormat||t.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return t.formatter.customFormat;if(e==="type")return t.formatter.type||"none"}return"none"}},qe={convertTo:(t,e,r,n)=>{t.command?t.command[e]=r:t.command={[e]:r},e==="enable"&&r&&(t.command.commands||(t.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(t,e,r)=>t.command&&e==="enable"?t.command.enable:""},Ue={convertTo:(t,e,r,n)=>{t.column?t.column[e]=r:t.column={[e]:r},e==="fitColumns"&&r&&(t.column.fitMode||(t.column.fitMode="average"))},convertFrom:(t,e,r)=>{if(t.column){if(e==="fitColumns")return t.column.fitColumns;if(e==="fitMode")return t.column.fitMode}return""}},Ie={convertTo:(t,e,r,n)=>{t.summary?t.summary[e]=r:t.summary={[e]:r},e==="enable"&&r&&(t.summary?t.summary.groupFields||(t.summary.groupFields=[]):t.summary={enable:r,groupFields:[]})},convertFrom:(t,e,r)=>t.summary&&e==="enable"?t.summary.enable:t.type==="data-grid-column"?t.enableSummary===void 0?!1:t.enableSummary:""},Xe={convertTo:(t,e,r,n)=>{t.group?t.group[e]=r:t.group={[e]:r},e==="enable"&&r&&(t.group?t.group.groupFields||(t.group.groupFields=[]):t.group={enable:r,groupFields:[],showSummary:!1})},convertFrom:(t,e,r)=>{if(t.group){if(e==="enable")return t.group.enable;if(e==="showSummary")return t.group.showSummary}}},Ge={convertFrom:(t,e)=>t.binding?t.binding.path:"",convertTo:(t,e,r)=>{if(r&&r.length>0){const n=r[0];t.binding||(t.binding={}),t.binding.type="Form",t.binding.path=n.bindingField,t.binding.field=n.id,t.binding.fullPath=n.path,t.path=n.bindingPath}}},ze={convertTo:(t,e,r,n)=>{t.pagination||(t.pagination={}),t.pagination[e]=r},convertFrom:(t,e,r)=>t.pagination?t.pagination[e]:t[e]},We={convertTo:(t,e,r,n)=>{t.rowNumber||(t.rowNumber={}),t.rowNumber[e]=r},convertFrom:(t,e,r)=>t.rowNumber?t.rowNumber[e]:t[e]},Ye={convertTo:(t,e,r,n)=>{t.selection||(t.selection={}),t.selection[e]=r},convertFrom:(t,e,r)=>t.selection?t.selection[e]:t[e]},Ce={convertFrom:(t,e,r)=>t[e]&&t[e].length?`共 ${t[e].length} 项`:""},Je={convertFrom:(t,e)=>t[e]||"",convertTo:(t,e,r)=>{t[e]=r}},Qe={convertTo:(t,e,r,n)=>{t.size||(t.size={}),t.size[e]=r},convertFrom:(t,e,r)=>t.size?t.size[e]:t[e]},Te={convertFrom:(t,e,r)=>{var n,d;return(n=t.formatter)!=null&&n.data&&e==="formatterEnumData"&&!t.formatterEnumData?(d=t.formatter)==null?void 0:d.data:t.formatterEnumData}},Ze={convertTo:(t,e,r,n)=>{t.sort||(t.sort={}),t.sort[e]=r},convertFrom:(t,e,r)=>{var n,d;if(e==="mode")return((n=t.sort)==null?void 0:n.mode)||"client";if(e==="multiSort")return!!((d=t.sort)!=null&&d.multiSort)}},Ke={convertTo:(t,e,r,n)=>{t.filter||(t.filter={}),t.filter[e]=r},convertFrom:(t,e,r)=>{var n;if(e==="mode")return((n=t.filter)==null?void 0:n.mode)||"client"}},_e={convertTo:(t,e,r,n)=>{t.rowOption?t.rowOption[e]=r:t.rowOption={[e]:r}},convertFrom:(t,e,r)=>{if(t.rowOption){if(e==="customRowStyle")return t.rowOption.customRowStyle;if(e==="customCellStyle")return t.rowOption.customCellStyle}return""}};function me(t,e,r){const n=new Map([["/converter/appearance.converter",Ee],["/converter/buttons.converter",De],["/converter/property-editor.converter",je],["/converter/items-count.converter",Ce],["/converter/type.converter",Ae],["/converter/change-editor.converter",xe],["/converter/change-formatter.converter",Le],["/converter/column-command.converter",qe],["/converter/column-option.converter",Ue],["/converter/summary.converter",Ie],["/converter/group.converter",Xe],["/converter/form-group-label.converter",Je],["/converter/field-selector.converter",Ge],["/converter/pagination.converter",ze],["/converter/row-number.converter",We],["/converter/grid-selection.converter",Ye],["/converter/size.converter",Qe],["/converter/change-formatter-enum.converter",Te],["/converter/grid-sort.converter",Ze],["/converter/grid-filter.converter",Ke],["/converter/row-option.converter",_e]]),d=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),w=Oe();function f(l,c){return()=>w.parseValueSchema(l,c)}function m(l,c,k){return l.includes("visible")&&c.visible!==void 0?typeof c.visible=="boolean"?()=>!!c.visible:c.visible===void 0?!0:f(c.visible,k):()=>!0}function b(l,c,k){return l.includes("readonly")&&c.readonly!==void 0?typeof c.readonly=="boolean"?()=>!!c.readonly:f(c.readonly,k):()=>!1}function g(l,c){const k=l.$converter||c;return typeof k=="string"&&k&&n.has(k)?n.get(k)||null:k||null}function h(l,c,k,S,M,F="",L=""){return Object.keys(l).map(O=>{const E=a.ref(1),X=O,N=l[O],q=Object.keys(N),Q=N.title,V=N.type,B=d.get(V)||{type:"input-group",enableClear:!1},$=N.editor?Object.assign({},B,N.editor):Object.assign({},B),R=m(q,N,c),j=b(q,N,c);$.readonly=$.readonly===void 0?j():$.readonly;const G=N.type==="cascade"?h(N.properties,c,k,S,M,F,L):[],T=!0;let U=g(N,L);const C=a.computed({get(){if(E.value){if(["class","style"].find(ee=>ee===X)&&!U&&(U=n.get("/converter/appearance.converter")||null),U&&U.convertFrom)return U.convertFrom(k,O,M,F);const z=k[O];return Object.prototype.hasOwnProperty.call(N,"defaultValue")&&(z===void 0||typeof z=="string"&&z==="")?N.type==="boolean"?N.defaultValue:N.defaultValue||"":z}return null},set(z){E.value+=1,U&&U.convertTo?(U.convertTo(S,O,z,M,F),U.convertTo(k,O,z,M,F)):(S[O]=z,k[O]=z)}}),{refreshPanelAfterChanged:J,description:ae,isExpand:Z,parentPropertyID:oe}=N,Y={propertyID:X,propertyName:Q,propertyType:V,propertyValue:C,editor:$,visible:R,readonly:j,cascadeConfig:G,hideCascadeTitle:T,refreshPanelAfterChanged:J,description:ae,isExpand:Z,parentPropertyID:oe};return c[X]=Y,Y})}function u(l,c,k={}){const S={},M=t[l];return M&&M.categories?Object.keys(M.categories).map(L=>{const D=M.categories[L],O=D==null?void 0:D.title,E=h(D.properties||{},S,{},k,c);return{categoryId:L,categoryName:O,properties:E}}):[]}function p(l,c,k,S,M=""){const F=c.$ref.schema,L=c.$ref.converter,D=k[F],O=D.type,E=r(D),X={},N=t[O];if(N&&N.categories){const q=N.categories[l],Q=q==null?void 0:q.title;L&&Object.keys(q.properties).forEach($=>{q.properties[$].$converter=L});const V=(q==null?void 0:q.properties)||{},B=h(V,X,E,D,S,M);return{categoryId:l,categoryName:Q,properties:B}}return{categoryId:l,categoryName:"",properties:[]}}function v(l,c,k,S,M){const F=l.type,L=r(l),D={};let O=M||t[F];if(O&&Object.keys(O).length===0&&k&&k.getPropConfig&&(O=k.getPropConfig(S)),O&&O.categories){const E=[];return Object.keys(O.categories).map(X=>{const N=O.categories[X];if(N.$ref){E.push(p(X,N,l,c,S));return}const q=N==null?void 0:N.title,Q=N==null?void 0:N.tabId,V=N==null?void 0:N.tabName,B=N==null?void 0:N.hide,$=N==null?void 0:N.hideTitle,R=h(N.properties||{},D,L,l,c,S,N.$converter),{setPropertyRelates:j}=N,G=N==null?void 0:N.parentPropertyID;E.push({categoryId:X,categoryName:q,tabId:Q,tabName:V,hide:B,properties:R,hideTitle:$,setPropertyRelates:j,parentPropertyID:G})}),E}return[]}return{getPropertyConfigBySchema:v,getPropertyConfigByType:u,propertyConverterMap:n}}const ve={},ye={};me(ve,ye,He);const we={},be={},{getSchemaByType:yt,resolveSchemaWithDefaultValue:et,resolveSchemaToProps:wt,mappingSchemaToProps:bt,setDesignerContext:kt}=pe(we,be),ke={},Pe={};me(ke,Pe,et);function tt(t,e,r=new Map,n=(f,m,b,g)=>m,d={},w=f=>f){return fe[e.title]=e,he[e.title]=n,ve[e.title]=d,ye[e.title]=w,we[e.title]=e,be[e.title]=n,ke[e.title]=d,Pe[e.title]=w,(f={},m=!0)=>{if(!m)return Fe(f,r);const b=Re(f,e,r),g=Object.keys(t).reduce((h,u)=>(h[u]=t[u].default,h),{});return Object.assign(g,b)}}const nt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/color-picker.schema.json",title:"color-picker",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for color picker",type:"string"},type:{description:"The type string of color picker",type:"string",default:"color-picker"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function rt(t,e,r){return e}function at(t,e){return{customClass:e.class,customStyle:e.style}}const ot=new Map([["appearance",at]]),it={title:"color-picker",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ie={color:{type:String,default:"#e1e2e3"},disabled:{type:Boolean,default:!1},presets:{type:Array,default:[]},allowColorNull:{type:Boolean,default:!1},onValueChanged:{type:Function,default:()=>{}}},ce=tt(ie,nt,ot,rt,it);class se{}class le extends se{constructor(e,r,n,d){super(),this.cyan=e,this.magenta=r,this.yellow=n,this.black=d}toString(){return`cmyk(${this.getCyan()}%, ${this.getMagenta()}%, ${this.getYellow()}%, ${this.getBlack()}%)`}getCyan(){return Math.round(this.cyan)}getMagenta(){return Math.round(this.magenta)}getYellow(){return Math.round(this.yellow)}getBlack(){return Math.round(this.black)}}class te extends se{constructor(e,r,n,d){super(),this.hue=e,this.saturation=r,this.lightness=n,this.alpha=d}toString(e=!0){return e?`hsla(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%, ${this.getAlpha()})`:`hsl(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getLightness(){return Math.round(this.lightness)}getAlpha(){return Math.round(this.alpha*100)/100}}class ne extends se{constructor(e,r,n,d){super(),this.hue=e,this.saturation=r,this.value=n,this.alpha=d}toString(e=!0){return e?`hsva(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%, ${this.getAlpha()})`:`hsv(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getValue(){return Math.round(this.value)}getAlpha(){return Math.round(this.alpha*100)/100}}class s extends se{constructor(e,r,n,d){super(),this.red=e,this.green=r,this.blue=n,this.alpha=d}toString(e=!0){return e?`rgba(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()}, ${this.getAlpha()})`:`rgb(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()})`}getRed(){return Math.round(this.red)}getGreen(){return Math.round(this.green)}getBlue(){return Math.round(this.blue)}getAlpha(){return Math.round(this.alpha*100)/100}}const i=class i{};o(i,"transparent",new s(0,0,0,0)),o(i,"aliceblue",new s(240,248,255,1)),o(i,"antiquewhite",new s(250,235,215,1)),o(i,"aqua",new s(0,255,255,1)),o(i,"aquamarine",new s(127,255,212,1)),o(i,"azure",new s(240,255,255,1)),o(i,"beige",new s(245,245,220,1)),o(i,"bisque",new s(255,228,196,1)),o(i,"black",new s(0,0,0,1)),o(i,"blanchedalmond",new s(255,235,205,1)),o(i,"blue",new s(0,0,255,1)),o(i,"blueviolet",new s(138,43,226,1)),o(i,"brown",new s(165,42,42,1)),o(i,"burlywood",new s(222,184,135,1)),o(i,"cadetblue",new s(95,158,160,1)),o(i,"chartreuse",new s(127,255,0,1)),o(i,"chocolate",new s(210,105,30,1)),o(i,"coral",new s(255,127,80,1)),o(i,"cornflowerblue",new s(100,149,237,1)),o(i,"cornsilk",new s(255,248,220,1)),o(i,"crimson",new s(220,20,60,1)),o(i,"cyan",new s(0,255,255,1)),o(i,"darkblue",new s(0,0,139,1)),o(i,"darkcyan",new s(0,139,139,1)),o(i,"darkgoldenrod",new s(184,134,11,1)),o(i,"darkgray",new s(169,169,169,1)),o(i,"darkgreen",new s(0,100,0,1)),o(i,"darkgrey",i.darkgray),o(i,"darkkhaki",new s(189,183,107,1)),o(i,"darkmagenta",new s(139,0,139,1)),o(i,"darkolivegreen",new s(85,107,47,1)),o(i,"darkorange",new s(255,140,0,1)),o(i,"darkorchid",new s(153,50,204,1)),o(i,"darkred",new s(139,0,0,1)),o(i,"darksalmon",new s(233,150,122,1)),o(i,"darkseagreen",new s(143,188,143,1)),o(i,"darkslateblue",new s(72,61,139,1)),o(i,"darkslategray",new s(47,79,79,1)),o(i,"darkslategrey",i.darkslategray),o(i,"darkturquoise",new s(0,206,209,1)),o(i,"darkviolet",new s(148,0,211,1)),o(i,"deeppink",new s(255,20,147,1)),o(i,"deepskyblue",new s(0,191,255,1)),o(i,"dimgray",new s(105,105,105,1)),o(i,"dimgrey",i.dimgray),o(i,"dodgerblue",new s(30,144,255,1)),o(i,"firebrick",new s(178,34,34,1)),o(i,"floralwhite",new s(255,250,240,1)),o(i,"forestgreen",new s(34,139,34,1)),o(i,"fuchsia",new s(255,0,255,1)),o(i,"gainsboro",new s(220,220,220,1)),o(i,"ghostwhite",new s(248,248,255,1)),o(i,"gold",new s(255,215,0,1)),o(i,"goldenrod",new s(218,165,32,1)),o(i,"gray",new s(128,128,128,1)),o(i,"grey",i.gray),o(i,"green",new s(0,128,0,1)),o(i,"greenyellow",new s(173,255,47,1)),o(i,"honeydew",new s(240,255,240,1)),o(i,"hotpink",new s(255,105,180,1)),o(i,"indianred",new s(205,92,92,1)),o(i,"indigo",new s(75,0,130,1)),o(i,"ivory",new s(255,255,240,1)),o(i,"khaki",new s(240,230,140,1)),o(i,"lavender",new s(230,230,250,1)),o(i,"lavenderblush",new s(255,240,245,1)),o(i,"lawngreen",new s(124,252,0,1)),o(i,"lemonchiffon",new s(255,250,205,1)),o(i,"lightblue",new s(173,216,230,1)),o(i,"lightcoral",new s(240,128,128,1)),o(i,"lightcyan",new s(224,255,255,1)),o(i,"lightgoldenrodyellow",new s(250,250,210,1)),o(i,"lightgray",new s(211,211,211,1)),o(i,"lightgreen",new s(144,238,144,1)),o(i,"lightgrey",i.lightgray),o(i,"lightpink",new s(255,182,193,1)),o(i,"lightsalmon",new s(255,160,122,1)),o(i,"lightseagreen",new s(32,178,170,1)),o(i,"lightskyblue",new s(135,206,250,1)),o(i,"lightslategray",new s(119,136,153,1)),o(i,"lightslategrey",i.lightslategray),o(i,"lightsteelblue",new s(176,196,222,1)),o(i,"lightyellow",new s(255,255,224,1)),o(i,"lime",new s(0,255,0,1)),o(i,"limegreen",new s(50,205,50,1)),o(i,"linen",new s(250,240,230,1)),o(i,"magenta",new s(255,0,255,1)),o(i,"maroon",new s(128,0,0,1)),o(i,"mediumaquamarine",new s(102,205,170,1)),o(i,"mediumblue",new s(0,0,205,1)),o(i,"mediumorchid",new s(186,85,211,1)),o(i,"mediumpurple",new s(147,112,219,1)),o(i,"mediumseagreen",new s(60,179,113,1)),o(i,"mediumslateblue",new s(123,104,238,1)),o(i,"mediumspringgreen",new s(0,250,154,1)),o(i,"mediumturquoise",new s(72,209,204,1)),o(i,"mediumvioletred",new s(199,21,133,1)),o(i,"midnightblue",new s(25,25,112,1)),o(i,"mintcream",new s(245,255,250,1)),o(i,"mistyrose",new s(255,228,225,1)),o(i,"moccasin",new s(255,228,181,1)),o(i,"navajowhite",new s(255,222,173,1)),o(i,"navy",new s(0,0,128,1)),o(i,"oldlace",new s(253,245,230,1)),o(i,"olive",new s(128,128,0,1)),o(i,"olivedrab",new s(107,142,35,1)),o(i,"orange",new s(255,165,0,1)),o(i,"orangered",new s(255,69,0,1)),o(i,"orchid",new s(218,112,214,1)),o(i,"palegoldenrod",new s(238,232,170,1)),o(i,"palegreen",new s(152,251,152,1)),o(i,"paleturquoise",new s(175,238,238,1)),o(i,"palevioletred",new s(219,112,147,1)),o(i,"papayawhip",new s(255,239,213,1)),o(i,"peachpuff",new s(255,218,185,1)),o(i,"peru",new s(205,133,63,1)),o(i,"pink",new s(255,192,203,1)),o(i,"plum",new s(221,160,221,1)),o(i,"powderblue",new s(176,224,230,1)),o(i,"purple",new s(128,0,128,1)),o(i,"red",new s(255,0,0,1)),o(i,"rosybrown",new s(188,143,143,1)),o(i,"royalblue",new s(65,105,225,1)),o(i,"saddlebrown",new s(139,69,19,1)),o(i,"salmon",new s(250,128,114,1)),o(i,"sandybrown",new s(244,164,96,1)),o(i,"seagreen",new s(46,139,87,1)),o(i,"seashell",new s(255,245,238,1)),o(i,"sienna",new s(160,82,45,1)),o(i,"silver",new s(192,192,192,1)),o(i,"skyblue",new s(135,206,235,1)),o(i,"slateblue",new s(106,90,205,1)),o(i,"slategray",new s(112,128,144,1)),o(i,"slategrey",i.slategray),o(i,"snow",new s(255,250,250,1)),o(i,"springgreen",new s(0,255,127,1)),o(i,"steelblue",new s(70,130,180,1)),o(i,"tan",new s(210,180,140,1)),o(i,"teal",new s(0,128,128,1)),o(i,"thistle",new s(216,191,216,1)),o(i,"tomato",new s(255,99,71,1)),o(i,"turquoise",new s(64,224,208,1)),o(i,"violet",new s(238,130,238,1)),o(i,"wheat",new s(245,222,179,1)),o(i,"white",new s(255,255,255,1)),o(i,"whitesmoke",new s(245,245,245,1)),o(i,"yellow",new s(255,255,0,1)),o(i,"yellowgreen",new s(154,205,50,1));let ue=i;class H{constructor(e){o(this,"hsva",new ne(0,1,1,1));o(this,"rgba",new s(255,0,0,1));e&&this.stringToColor(e)}static from(e){return typeof e=="string"?new H(e):e instanceof H?e.clone():e instanceof s?new H().setRgba(e.red,e.green,e.blue,e.alpha):e instanceof ne?new H().setHsva(e.hue,e.saturation,e.value,e.alpha):e instanceof te?new H().setHsla(e.hue,e.saturation,e.lightness,e.alpha):new H(e)}clone(){return H.from(this.getRgba())}setFromString(e){return this.stringToColor(e)}setHsva(e,r=100,n=100,d=1){return e!=null&&(this.hsva.hue=e),r!=null&&(this.hsva.saturation=r),n!=null&&(this.hsva.value=n),d!=null&&(d=d>1?1:d<0?0:d,this.hsva.alpha=d),this.rgba=this.hsvaToRgba(this.hsva),this}setRgba(e,r,n,d=1){return e!=null&&(this.rgba.red=e),r!=null&&(this.rgba.green=r),n!=null&&(this.rgba.blue=n),d!=null&&(d=d>1?1:d<0?0:d,this.rgba.alpha=d),this.hsva=this.rgbaToHsva(this.rgba),this}setHsla(e,r,n,d=1){d!=null&&(d=d>1?1:d<0?0:d,this.rgba.alpha=d);const w=new te(e,r,n,d);return this.rgba=this.hslaToRgba(w),this.hsva=this.rgbaToHsva(this.rgba),this}toHexString(e=!1){let r="#"+(16777216|this.rgba.getRed()<<16|this.rgba.getGreen()<<8|this.rgba.getBlue()).toString(16).substr(1);return e&&(r+=(256|Math.round(this.rgba.alpha*255)).toString(16).substr(1)),r.toUpperCase()}toRgbaString(){return this.rgba.toString()}toRgbString(){return this.rgba.toString(!1)}toHslaString(){return this.getHsla().toString()}toHslString(){return this.getHsla().toString(!1)}toHsvaString(){return this.hsva.toString()}toHsvString(){return this.hsva.toString(!1)}toCmykString(){return this.getCmyk().toString()}getHsva(){return new ne(this.hsva.hue,this.hsva.saturation,this.hsva.value,this.hsva.alpha)}getRgba(){return new s(this.rgba.red,this.rgba.green,this.rgba.blue,this.rgba.alpha)}getHsla(){return this.rgbaToHsla(this.rgba)}getCmyk(){return this.rgbaToCmyk(this.rgba)}hsvaToHsla(e){const{hue:r}=e,n=e.saturation/100,d=e.value/100,w=(2-n)*e.value/2,f=n*d/(w<=1?w:2-w)||0;return new te(r,w*100,f*100,e.alpha)}hslaToHsva(e){const{hue:r}=e,n=e.lightness/100*2,d=e.saturation/100*(n<=1?n:2-n),w=(n+d)/2,f=2*d/(n+d)||0;return new ne(r,f,w,e.alpha)}rgbaToHsva(e){const r=e.red/255,n=e.green/255,d=e.blue/255,{alpha:w}=e,f=Math.max(r,n,d),m=Math.min(r,n,d),b=f-m;let g=0,h=f===0?0:b/f,u=f;if(f!==m){switch(f){case r:g=(n-d)/b+(n<d?6:0);break;case n:g=2+(d-r)/b;break;case d:g=4+(r-n)/b;break}g/=6}return g*=360,h*=100,u*=100,new ne(g,h,u,w)}hsvaToRgba(e){let r=1,n=0,d=0;const w=e.saturation/100,f=e.value/100,{alpha:m}=e,b=e.hue/60,g=Math.floor(b),h=b-g,u=(1-w)*f,p=(1-w*h)*f,v=(1-w*(1-h))*f;switch(g){case 6:case 0:r=f,n=v,d=u;break;case 1:r=p,n=f,d=u;break;case 2:r=u,n=f,d=v;break;case 3:r=u,n=p,d=f;break;case 4:r=v,n=u,d=f;break;case 5:r=f,n=u,d=p;break}return r*=255,n*=255,d*=255,new s(r,n,d,m)}rgbaToHsla(e){const r=e.red/255,n=e.green/255,d=e.blue/255,{alpha:w}=e,f=Math.max(r,n,d),m=Math.min(r,n,d);let b=0,g=0,h=(f+m)/2;const u=f-m;if(f!==m){switch(g=h>.5?u/(2-f-m):u/(f+m),f){case r:b=(n-d)/u+(n<d?6:0);break;case n:b=(d-r)/u+2;break;case d:b=(r-n)/u+4;break}b/=6}return b*=360,g*=100,h*=100,new te(b,g,h,w)}hslaToRgba(e){const r=e.hue/360,n=e.saturation/100,d=e.lightness/100,{alpha:w}=e;let f=d,m=d,b=d;if(n!==0){const g=d<.5?d*(1+n):d+n-d*n,h=2*d-g;f=this.hueToRgb(h,g,r+1/3),m=this.hueToRgb(h,g,r),b=this.hueToRgb(h,g,r-1/3)}return f*=255,m*=255,b*=255,new s(f,m,b,w)}hueToRgb(e,r,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(r-e)*6*n:n<1/2?r:n<2/3?e+(r-e)*(2/3-n)*6:e}cmykToRgba(e){const r=e.black/100,n=e.cyan/100,d=e.magenta/100,w=e.yellow/100;let f=Math.min(1,(1-n)*(1-r)),m=Math.min(1,(1-d)*(1-r)),b=Math.min(1,(1-w)*(1-r));return f*=255,m*=255,b*=255,new s(f,m,b,1)}rgbaToCmyk(e){const r=e.red/255,n=e.green/255,d=e.blue/255;let w=1-r,f=1-n,m=1-d,b=Math.min(w,f,m);return b===1?new le(0,0,0,1):(w=(w-b)/(1-b),f=(f-b)/(1-b),m=(m-b)/(1-b),b*=100,w*=100,f*=100,m*=100,new le(w,f,m,b))}roundNumber(e){return Math.round(e*100)/100}stringToColor(e){const r=e.replace(/ /g,"").toLowerCase();let n=ue[e]||null;if(r[0]==="#"){let f=r.substr(1);const{length:m}=f;let b=1,g;if(m===3)g=f.split("").map(h=>h+h);else if(m===6)g=f.match(/.{2}/g);else if(m===8){const h=f.substr(-2);f=f.substr(0,m-2),b=this.roundNumber(parseInt(h||"FF",16)/255),g=f.match(/.{2}/g)}g&&g.length===3&&(n=new s(parseInt(g[0],16),parseInt(g[1],16),parseInt(g[2],16),b))}const d=r.indexOf("("),w=r.indexOf(")");if(d!==-1&&w+1===r.length){const f=r.substr(0,d),m=r.substr(d+1,w-(d+1)).split(",");let b=1,g,h;switch(f){case"rgba":b=parseFloat(m.pop());case"rgb":n=new s(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),b);break;case"hsla":b=parseFloat(m.pop());break;case"hsl":g=new te(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),b),n=this.hslaToRgba(g);break;case"cmyk":h=new le(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),parseInt(m[3],10)),n=this.cmykToRgba(h);break}}return n&&(this.rgba=n,this.hsva=this.rgbaToHsva(n)),this}}var x=(t=>(t.hex="hex",t.hexa="hexa",t.rgba="rgba",t.rgb="rgb",t.hsla="hsla",t.hsl="hsl",t.cmyk="cmyk",t))(x||{});class de{constructor(e){o(this,"modelValue",null);o(this,"hueValue",null);o(this,"initValue",null);o(this,"valueChanged",a.ref());o(this,"initType",null);o(this,"alphaChannelVisibilityChanges",a.ref());o(this,"colorPresets",[]);const r=e[0],n=H.from(r);this.setValue(n),this.setHueColor(n)}setValueFrom(e,r,n){const d=H.from(e);return this.initValue||(this.initValue=H.from(e)),typeof e=="string"&&this.finOutInputType(e),this.setHueColor(d),this.setValue(d),this}setHueColor(e){(this.hueValue&&e.getHsva().hue>0||!this.hueValue)&&(this.hueValue=new H().setHsva(e.getHsva().hue))}get hue(){return this.hueValue}set hue(e){this.hueValue=e}setValue(e){var r;return this.modelValue=e,(e==null?void 0:e.toRgbaString())===((r=this.valueChanged.value)==null?void 0:r.toRgbaString())&&(this.valueChanged.value=e),this}get value(){return this.modelValue}set value(e){this.setValue(e)}reset(){let e;return this.initValue?(e=this.initValue.clone(),this.setHueColor(e)):(e=H.from(new s(255,0,0,1)),this.hueValue=new H().setHsva(e.getHsva().hue)),this.setValue(e),this}showAlphaChannel(){return this.alphaChannelVisibilityChanges.value=!0,this}finOutInputType(e){const r=e.replace(/ /g,"").toLowerCase();r[0]==="#"&&(this.initType="hex",r.length>7&&(this.initType="hexa"));const n=r.indexOf("(");switch(r.substr(0,n)){case"rgba":this.initType="rgba";break;case"rgb":this.initType="rgb";break;case"hsla":this.initType="hsla";break;case"hsl":this.initType="hsl";break;case"cmyk":this.initType="cmyk";break}}setColorPresets(e){return this.colorPresets=this.setPresets(e),this}setPresets(e){const r=[];return e.map(n=>{Array.isArray(n)?r.push(this.setPresets(n)):r.push(new H(n))}),r}get presets(){return this.colorPresets}hasPresets(){return this.colorPresets.length>0}}o(de,"finOutInputType");function W(t,e){if(!t)return"";switch(e){case x.hex:return t.toHexString();case x.hexa:return t.toHexString(!0);case x.rgb:return t.toRgbString();case x.rgba:return t.toRgbaString();case x.hsl:return t.toHslString();case x.hsla:return t.toHslaString();default:return t.toRgbaString()}}const st={color:{type:Object,default:""},hue:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Se=a.defineComponent({name:"SvPanel",props:st,emits:["update:color"],setup(t,e){const r=a.ref(null),n=a.ref(null),d=a.ref(t.randomId),w=a.ref(t.allowColorNull);function f(){return t.hue?t.hue.toRgbaString():"#3f51b5"}function m(u,p){var v,l;u=Math.max(0,Math.min(u,100)),p=Math.max(0,Math.min(p,100)),r.value&&((v=r.value.style)==null||v.setProperty("top",`${100-p}%`),(l=r.value.style)==null||l.setProperty("left",`${u}%`))}function b(){const u=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);u.className="btn btn-secondary";const p=document.getElementById(`farris-color-picker-plus-input-${d.value}`);p.style.borderColor="#dcdfe6"}function g({x:u,y:p,height:v,width:l}){const c=u*100/l,k=-(p*100/v)+100;m(c,k);const S=t.color==null?"transparent":t.color,M=H.from(S);if(b(),M!=null){const F=t.hue.getHsva(),L=M.getHsva(),D=new H().setHsva(F.hue,c,k,L.alpha);e.emit("update:color",D)}!M&&w.value&&e.emit("update:color",null)}function h(u){if(n.value){const{width:p,height:v,top:l,left:c}=n.value.getBoundingClientRect(),{pageX:k,pageY:S}="touches"in u?u.touches[0]:u,M=Math.max(0,Math.min(k-(c+window.pageXOffset),p)),F=Math.max(0,Math.min(S-(l+window.pageYOffset),v));g({x:M,y:F,height:v,width:p})}}return a.onMounted(()=>{const u=t.color.getHsva();m(u.saturation,u.value)}),a.watch(()=>t.color,u=>{u.getHsva()}),a.watch(()=>t.color,u=>{const p=u.getHsva();m(p.saturation,p.value)}),()=>a.createVNode("div",{class:"f-sv-panel-component",ref:n,style:{backgroundColor:f()},onMousedown:a.withModifiers(u=>h(u),["prevent"]),onTouchstart:a.withModifiers(u=>h(u),["prevent"])},[a.createVNode("div",{class:"color-svpanel__white"},null),a.createVNode("div",{class:"color-svpanel__black"},null),a.createVNode("div",{class:"color-svpanel__cursor",ref:r},[a.createVNode("div",null,null)])])}}),ct={color:{type:Object,default:""},hue:{type:Object,default:""},allowColorNull:{type:Boolean,default:!1},onChange:{type:Function}},Ne=a.defineComponent({name:"Hue",props:ct,emits:["update:color","update:hue"],setup(t,e){const r=a.ref(t.hue),n=a.ref(t.allowColorNull),d=[];function w(l){l.preventDefault(),m(l)}const f=a.ref(null);function m(l){if(f.value){const{width:c,height:k,top:S,left:M}=f.value.getBoundingClientRect(),{pageX:F,pageY:L}="touches"in l?l.touches[0]:l,D=Math.max(0,Math.min(F-(M+window.pageXOffset),c)),O=Math.max(0,Math.min(L-(S+window.pageYOffset),k));v({x:D,y:O,height:k,width:c})}}function b(){d.forEach(l=>l()),d.length=0}function g(l){w(l),document.addEventListener("mouseup",b),document.addEventListener("touchend",b),document.addEventListener("touchmove",w)}const h=l=>{g(l),l.stopPropagation()};a.onMounted(()=>{document.querySelectorAll(".f-hue-component").forEach(k=>{k.addEventListener("mousedown",h),k.addEventListener("touchstart",h)});const c=t.color.getHsva();p(c.hue)});const u=a.ref(null);function p(l){var S;const c=Math.max(0,Math.min(l/360*100,100));u.value&&((S=u.value.style)==null||S.setProperty("top",`${c}%`))}function v({x:l,y:c,height:k,width:S}){const M=c/k*360;p(M);const F=t.color.getHsva(),L=new H().setHsva(M,F.saturation,F.value,F.alpha),D=new H().setHsva(M,100,100,F.alpha);(t.color!=null||t.color==null&&n.value)&&(e.emit("update:hue",D),e.emit("update:color",L))}return a.watch(r,l=>{const c=l.getHsva();p(c.hue)}),a.watch(()=>t.color,l=>{const c=l.getHsva();p(c.hue)}),()=>a.createVNode("div",{class:"f-hue-component",ref:f,onMousedown:a.withModifiers(l=>m(l),["prevent"]),onTouchstart:a.withModifiers(l=>m(l),["prevent"])},[a.createVNode("div",{class:"color-hue-slider__bar"},null),a.createVNode("div",{class:"color-hue-slider__thumb",ref:u},null)])}}),lt={color:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Me=a.defineComponent({name:"Alpha",props:lt,emits:["update:color"],setup(t,e){const r=a.ref(null),n=a.ref(null),d=a.ref(t.randomId),w=a.ref(t.allowColorNull),f=h=>{var v;const u=Math.max(0,Math.min(h*100,100));n.value&&((v=n.value.style)==null||v.setProperty("left",`${u}%`))};function m(h){if(r.value){const{width:u,height:p,top:v,left:l}=r.value.getBoundingClientRect(),{pageX:c,pageY:k}="touches"in h?h.touches[0]:h,S=Math.max(0,Math.min(c-(l+window.pageXOffset),u)),M=Math.max(0,Math.min(k-(v+window.pageYOffset),p));g({x:S,y:M,height:p,width:u})}}function b(){const h=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);h.className="btn btn-secondary";const u=document.getElementById(`farris-color-picker-plus-input-${d.value}`);u.style.borderColor="#dcdfe6"}const g=({x:h,width:u})=>{const p=h/u;f(p),b();const v=t.color.getHsva(),l=new H().setHsva(v.hue,v.saturation,v.value,p);t.color!=null?e.emit("update:color",l):t.color==null&&w.value&&e.emit("update:color",null)};return a.onMounted(()=>{const h=t.color.getHsva();f(h.alpha)}),a.watch(()=>t.color,h=>{const u=h.getHsva();f(u.alpha)}),()=>a.createVNode("div",{class:"f-alpha-component",ref:r,onMousedown:a.withModifiers(h=>m(h),["prevent"]),onTouchstart:a.withModifiers(h=>m(h),["prevent"])},[a.createVNode("div",{class:"color-alpha-slider__bar"},[a.createTextVNode(" ")]),a.createVNode("div",{class:"color-alpha-slider__thumb",ref:n},null)])}}),ut={color:{type:Object,default:""},hue:{type:Object,default:""},colorPresets:{type:Object,default:""},randomId:{type:String,default:""}},Ve=a.defineComponent({name:"Preset",props:ut,emits:["update:hue","update:color"],setup(t,e){const r=a.ref(new H),n=a.ref(t.colorPresets),d=a.ref(t.randomId);function w(){const g=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);g.className="btn btn-secondary";const h=document.getElementById(`farris-color-picker-plus-input-${d.value}`);h.style.borderColor="#dcdfe6"}function f(g){w();const h=g.getRgba(),u=g.getHsva(),p=new H().setRgba(h.red,h.green,h.blue,h.alpha),v=new H().setHsva(u.hue);r.value=g,e.emit("update:hue",v),e.emit("update:color",p)}function m(g){const h=r.value.getRgba().toString(),u=r.value.getHsva().toString(),p=g.getRgba().toString()===h&&g.getHsva().toString()===u;return{"color-preset__color-selector":p,selected:p}}function b(g,h){return a.createVNode("div",{class:"color-preset__color-selector"},[a.createVNode("div",{key:h,class:m(g),style:{backgroundColor:g.toRgbString()},onClick:()=>f(g)},null)])}return()=>a.createVNode("div",{class:"f-preset-component"},[a.createVNode("div",{class:"color-preset__colors"},[n.value.map((g,h)=>b(g,h))])])}}),re=a.defineComponent({name:"FColorPicker",props:ie,emits:["valueChanged","activeChange","update:color","update:hue"],setup(t,e){const r=a.ref(new H(t.color)),n=a.ref(t.color),d=a.ref(t.disabled),w=a.ref(t.color),f=a.ref(t.allowColorNull),m=a.ref(t.presets),b=a.ref(!1),g=a.ref(!1),h=a.ref(!1),u=a.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let v=-1,l;const c=new de("#000000"),k=a.ref(t.color);let S,M;const F=a.ref(null),L=a.ref(null),D=a.ref(null),O=a.computed(()=>!l&&c&&c.initType?c.initType:l),E=a.computed({get(){return l&&n.value!==null?(z(l),W(new H(n.value),x[l])):n.value},set(P){P!==null&&(Z(P),J(P))}}),X=a.ref(E.value),N=a.computed(()=>v>-1),q=a.computed(()=>m.value.length>0),Q=a.computed(()=>({"background-color":w.value})),V=a.computed(()=>g.value&&b.value?"display:flex":"display:none"),B=[{text:"HEX",type:x.hex},{text:"RGBA",type:x.rgba}];function $(){const P=document.getElementById("farris-color-picker-panel");P.id=`farris-color-picker-panel-${p}`;const y=document.getElementById("farris-color-picker-plus-sure");y.id=`farris-color-picker-plus-sure-${p}`;const A=document.getElementById("farris-color-picker-plus-input");A.id=`farris-color-picker-plus-input-${p}`,M=document.getElementById(`farris-color-picker-plus-sure-${p}`),S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function R(){if(!f.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const y=document.getElementById(`farris-color-picker-plus-input-${p}`);y.style.borderColor="red"}}function j(){n.value&&(Z(n.value),!n.value&&f.value||(n.value=W(new H(n.value),x[O.value])),X.value=E.value),U(z(c.initType))}function G(){n.value&&Z(n.value),c.hasPresets()||c.setColorPresets(m.value),n.value?w.value=W(new H(n.value),x[O.value]):!n.value&&f.value&&(w.value=null)}function T(){a.watch(c.valueChanged,P=>{const y=W(P,x[l||c.initType]);n.value=y})}function U(P){u.value=B[P].text}function C(){var P;g.value=!!(l!=null&&l.includes("a")||(P=c.initType)!=null&&P.includes("a"))}a.onBeforeMount(()=>{c.setColorPresets(m.value||["#eaecf3"])}),a.onMounted(()=>{$(),R(),j(),G()}),T(),a.watch(u,()=>{E.value=W(new H(n.value),x[l||c.initType]),r.value=new H(E.value),C()}),a.watch(n,P=>{W(c.value,c.initType)!==P&&P!==null&&Z(P),U(z(c.initType))}),a.watch(r,P=>{n.value=W(P,x[l||c.initType]),Z(n.value),E.value=n.value});function J(P){const y=document.getElementById(`farris-color-picker-plus-input-${p}`);(P===""||P===void 0||P==null)&&!f.value?(n.value=null,y.style.borderColor="red",M.className="btn btn-secondary disabled"):(y.style.borderColor="#dcdfe6",M.className="btn btn-secondary")}function ae(P){var y,A;if(P==null||P.stopPropagation(),f.value){w.value=(n==null?void 0:n.value)??null;const K={elementValue:w};e.emit("valueChanged",K),Y()}if(!f.value&&!(E.value===void 0||E.value==null||E.value==="")){(A=(y=F.value)==null?void 0:y.style)==null||A.setProperty("background",n.value),h.value=!0,w.value=n.value;const K={elementValue:w};e.emit("valueChanged",K),Y()}!k.value&&!n.value&&!h.value&&f&&Y(),J(n.value),E.value=n.value,M.classList.contains("disabled")||(X.value=n.value,b.value=!1)}function Z(P){c==null||c.setValueFrom(P,p,f.value)}function oe(P){S=document.getElementById(`farris-color-picker-panel-${p}`);const y=S.className==="color-picker-panel";d.value||y||(b.value=!0,S.classList.toggle("disabled"),R(),Z(n.value),P.stopPropagation())}function Y(){S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function z(P){const y=B.findIndex(A=>A.type===P);return v=y,y}function ee(P){if(!M.classList.contains("disabled")){const y=B.length;v=(y+v+(P==="up"?1:-1))%y,l=B[v].type,U(v),Z(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:L},[a.createVNode("div",{class:["color-picker-panel",{disabled:d.value}],id:"farris-color-picker-panel",ref:D,onClick:P=>P.stopPropagation(),style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Ne,{hue:c.hue,"onUpdate:hue":P=>c.hue=P,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null),a.createVNode(Se,{randomId:p,hue:c.hue,"onUpdate:hue":P=>c.hue=P,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null)]),a.createVNode(Me,{style:V.value,randomId:p,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[a.vShow,q]]),a.withDirectives(a.createVNode("input",{type:"text",title:"color-picker-plus",id:"farris-color-picker-plus-input","onUpdate:modelValue":P=>E.value=P,style:"float:none"},null),[[a.vModelText,E.value]]),a.withDirectives(a.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[a.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>ee("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>ee("down")},null)]),[[a.vShow,q]]),a.createVNode("div",{class:"input-btn"},[a.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:P=>ae(P)},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ve,{color:r.value,"onUpdate:color":P=>r.value=P,hue:c.hue,"onUpdate:hue":P=>c.hue=P,randomId:p,colorPresets:c.presets},null),[[a.vShow,N]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{title:"color-picker-input",type:"text",class:"color-picker-input form-control",value:X.value,readonly:d.value,onClick:P=>P.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:oe},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:Q.value},null)])])])])}});function dt(t,e,r){var Q;const n="",d="",w=a.ref();let f;function m(){return(e==null?void 0:e.schema.componentType)!=="frame"}function b(){return!1}function g(){return(e==null?void 0:e.schema.componentType)!=="frame"}function h(){return(e==null?void 0:e.schema.componentType)==="frame"}function u(V){if(!V||!V.value)return null;if(V.value.schema&&V.value.schema.type==="component")return V.value;const B=a.ref(V==null?void 0:V.value.parent),$=u(B);return $||null}function p(V=e){var j;const{componentInstance:B,designerItemElementRef:$}=V;if(!B||!B.value)return null;const{getCustomButtons:R}=B.value;return B.value.canMove||R&&((j=R())!=null&&j.length)?$:p(V.parent)}function v(V){return!!r}function l(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function c(){}function k(V,B){var $;!V||!B||($=e==null?void 0:e.setupContext)==null||$.emit("dragEnd")}function S(V,B){const{componentType:$}=V;let R=Be.getSchemaByTypeForDesigner($,V,B);const j=$.toLowerCase().replace(/-/g,"_");return R&&!R.id&&R.type===$&&(R.id=`${j}_${Math.random().toString().slice(2,6)}`),R}function M(V){}function F(...V){}function L(V){if(!V)return;const B=e==null?void 0:e.schema,{formSchemaUtils:$}=V;if(B&&$.getExpressions().length){const R=$.getExpressions().findIndex(j=>j.target===B.id);R>-1&&$.getExpressions().splice(R,1)}}function D(V){if(!V||!(e!=null&&e.schema))return;const B=e.schema,{formSchemaUtils:$}=V;$.removeCommunicationInComponent(B)}function O(V){L(V),D(V),e!=null&&e.schema.contents&&e.schema.contents.map(B=>{let $=B.id;B.type==="component-ref"&&($=B.component);const R=t.value.querySelectorAll(`#${$}-design-item`);R!=null&&R.length&&Array.from(R).map(j=>{var G;(G=j==null?void 0:j.componentInstance)!=null&&G.value.onRemoveComponent&&j.componentInstance.value.onRemoveComponent(V)})})}function E(){}function X(V){var $,R;if(!(($=e==null?void 0:e.schema)!=null&&$.id))return;!f&&V&&(f=V.formSchemaUtils);let B="";{const{text:j,title:G,label:T,mainTitle:U,name:C,type:J}=e.schema;B=j||G||T||U||C||((R=ge[J])==null?void 0:R.name)}B&&f.getControlBasicInfoMap().set(e.schema.id,{componentTitle:B,parentPathName:B})}function N(V){var j;const{changeObject:B}=V,{propertyID:$,propertyValue:R}=B;if(["text","title","label","name","mainTitle"].includes((j=V==null?void 0:V.changeObject)==null?void 0:j.propertyID)&&$&&R&&(X(),f)){const G=f.getControlBasicInfoMap(),T=G.keys().toArray().filter(U=>{var C,J;return((C=G.get(U))==null?void 0:C.reliedComponentId)===((J=e==null?void 0:e.schema)==null?void 0:J.id)});T!=null&&T.length&&T.forEach(U=>{const C=G.get(U).parentPathName.split(" > ");C[0]=R,G.get(U).parentPathName=C.join(" > ")})}}function q(V){N(V)}return w.value={canMove:m(),canSelectParent:b(),canDelete:g(),canNested:!h(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(Q=e==null?void 0:e.parent)==null?void 0:Q.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:d,canAccepts:v,getBelongedComponentInstance:u,getDraggableDesignItemElement:p,getDraggingDisplayText:l,getPropConfig:F,getDragScopeElement:c,onAcceptMovedChildElement:k,onChildElementMovedOut:M,addNewChildComponentSchema:S,triggerBelongedComponentToMoveWhenMoved:a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:a.ref(!1),onRemoveComponent:O,getCustomButtons:E,onPropertyChanged:q,setComponentBasicInfoMap:X,updateContextSchema:e==null?void 0:e.updateContextSchema},w}const pt=a.defineComponent({name:"FColorPickerDesign",props:ie,emits:["valueChanged","activeChange","update:color","update:hue"],setup(t,e){const r=a.ref(new H(t.color)),n=a.ref(t.color),d=a.ref(t.disabled),w=a.ref(t.color),f=a.ref(t.allowColorNull),m=a.ref(t.presets),b=a.ref(!1),g=a.ref(!1),h=a.ref(!1),u=a.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let v=-1,l;const c=new de("#000000"),k=a.ref(t.color);let S,M;const F=a.ref(null),L=a.ref(null),D=a.ref(),O=a.inject("design-item-context"),E=dt(D,O);a.onMounted(()=>{D.value.componentInstance=E}),e.expose(E.value);const X=a.computed(()=>!l&&c&&c.initType?c.initType:l),N=a.computed({get(){return l&&n.value!==null?(ee(l),W(new H(n.value),x[l])):n.value},set(y){y!==null&&(Y(y),Z(y))}}),q=a.ref(N.value),Q=a.computed(()=>v>-1),V=a.computed(()=>m.value.length>0),B=a.computed(()=>({"background-color":w.value})),$=a.computed(()=>g.value&&b.value?"display:flex":"display:none"),R=[{text:"HEX",type:x.hex},{text:"RGBA",type:x.rgba}];function j(){const y=document.getElementById("farris-color-picker-panel");y.id=`farris-color-picker-panel-${p}`;const A=document.getElementById("farris-color-picker-plus-sure");A.id=`farris-color-picker-plus-sure-${p}`;const K=document.getElementById("farris-color-picker-plus-input");K.id=`farris-color-picker-plus-input-${p}`,M=document.getElementById(`farris-color-picker-plus-sure-${p}`),S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function G(){if(!f.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const A=document.getElementById(`farris-color-picker-plus-input-${p}`);A.style.borderColor="red"}}function T(){n.value&&(Y(n.value),!n.value&&f.value||(n.value=W(new H(n.value),x[X.value])),q.value=N.value),J(ee(c.initType))}function U(){n.value&&Y(n.value),c.hasPresets()||c.setColorPresets(m.value),n.value?w.value=W(new H(n.value),x[X.value]):!n.value&&f.value&&(w.value=null)}function C(){a.watch(c.valueChanged,y=>{const A=W(y,x[l||c.initType]);n.value=A})}function J(y){u.value=R[y].text}function ae(){var y;g.value=!!(l!=null&&l.includes("a")||(y=c.initType)!=null&&y.includes("a"))}a.onBeforeMount(()=>{c.setColorPresets(m.value||["#eaecf3"])}),a.onMounted(()=>{j(),G(),T(),U()}),C(),a.watch(u,()=>{N.value=W(new H(n.value),x[l||c.initType]),r.value=new H(N.value),ae()}),a.watch(n,y=>{W(c.value,c.initType)!==y&&y!==null&&Y(y),J(ee(c.initType))}),a.watch(r,y=>{n.value=W(y,x[l||c.initType]),Y(n.value),N.value=n.value});function Z(y){const A=document.getElementById(`farris-color-picker-plus-input-${p}`);(y===""||y===void 0||y==null)&&!f.value?(n.value=null,A.style.borderColor="red",M.className="btn btn-secondary disabled"):(A.style.borderColor="#dcdfe6",M.className="btn btn-secondary")}function oe(){var y,A;if(f.value){w.value=(n==null?void 0:n.value)??null;const K={elementValue:w};e.emit("va