@farris/ui-vue 1.1.0 → 1.1.1

package/color-picker/index.umd.js

@@ -1,3 +0,0 @@
-(function(A,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],a):(A=typeof globalThis<"u"?globalThis:A||self,a(A["color-picker"]={},A.Vue,A.LodashES))})(this,function(A,a,Y){"use strict";var Ht=Object.defineProperty;var Bt=(A,a,Y)=>a in A?Ht(A,a,{enumerable:!0,configurable:!0,writable:!0,value:Y}):A[a]=Y;var o=(A,a,Y)=>(Bt(A,typeof a!="symbol"?a+"":a,Y),Y);const Be={},Oe={};function ce(r){const{properties:e,title:t}=r,n=Object.keys(e).reduce((i,u)=>(i[u]=e[u].type==="object"&&e[u].properties?ce(e[u]):Y.cloneDeep(e[u].default),i),{});return n.id=`${t}-${Date.now()}`,n}function le(r,e={}){const t=Be[r];if(t){let n=ce(t);const i=Oe[r];return n=i?i({getSchemaByType:le},n,e):n,n}return null}function ze(r,e){const t=ce(e);return Object.keys(r).reduce((n,i)=>(n[i]=r[i],n),t),t}function Je(r,e){return Object.keys(r).filter(n=>r[n]!=null).reduce((n,i)=>{if(e.has(i)){const u=e.get(i);if(typeof u=="string")n[u]=r[i];else{const l=u(i,r[i],r);Object.assign(n,l)}}else n[i]=r[i];return n},{})}function Qe(r,e,t=new Map){const n=ze(r,e);return Je(n,t)}function Ze(r={}){function e(p,d,f,g){if(typeof f=="number")return g[p].length===f;if(typeof f=="object"){const k=Object.keys(f)[0],v=f[k];if(k==="not")return Number(g[p].length)!==Number(v);if(k==="moreThan")return Number(g[p].length)>=Number(v);if(k==="lessThan")return Number(g[p].length)<=Number(v)}return!1}function t(p,d,f,g){return g[d]&&g[d].propertyValue&&String(g[d].propertyValue.value)===String(f)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(r).reduce((p,d)=>(p.set(d,r[d]),p),n);function i(p,d){const f=p;return typeof d=="number"?[{target:f,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:f,operator:"getProperty",param:p,value:!!d}]:typeof d=="object"?Object.keys(d).map(g=>{if(g==="length")return{target:f,operator:"length",param:null,value:d[g]};const k=g,v=d[g];return{target:f,operator:p,param:k,value:v}}):[]}function u(p){return Object.keys(p).reduce((f,g)=>{const k=i(g,p[g]);return f.push(...k),f},[])}function l(p,d){if(n.has(p.operator)){const f=n.get(p.operator);return f&&f(p.target,p.param,p.value,d)||!1}return!1}function h(p,d){return u(p).reduce((k,v)=>k&&l(v,d),!0)}function m(p,d){const f=Object.keys(p),g=f.includes("allOf"),k=f.includes("anyOf"),v=g||k,P=(v?p[v?g?"allOf":"anyOf":"allOf"]:[p]).map($=>h($,d));return g?!P.includes(!1):P.includes(!0)}return{parseValueSchema:m}}const Ke={},Te={};Ze();function _e(r,e,t=new Map,n=(l,h,m)=>h,i={},u=l=>l){return Be[e.title]=e,Oe[e.title]=n,Ke[e.title]=i,Te[e.title]=u,(l={})=>{const h=Qe(l,e,t),m=Object.keys(r).reduce((p,d)=>(p[d]=r[d].default,p),{});return Object.assign(m,h)}}const et={$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 tt(r,e,t){return e}function nt(r,e){return{customClass:e.class}}const rt=new Map([["appearance",nt]]),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:[]}}}}}},ue={color:{type:String,default:"#e1e2e3"},disabled:{type:Boolean,default:!1},presets:{type:Array,default:[]},allowColorNull:{type:Boolean,default:!1},onValueChanged:{type:Function,default:()=>{}}},$e=_e(ue,et,rt,tt,it);class ee{}class he extends ee{constructor(e,t,n,i){super(),this.cyan=e,this.magenta=t,this.yellow=n,this.black=i}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 Z extends ee{constructor(e,t,n,i){super(),this.hue=e,this.saturation=t,this.lightness=n,this.alpha=i}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 K extends ee{constructor(e,t,n,i){super(),this.hue=e,this.saturation=t,this.value=n,this.alpha=i}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 c extends ee{constructor(e,t,n,i){super(),this.red=e,this.green=t,this.blue=n,this.alpha=i}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 s=class s{};o(s,"transparent",new c(0,0,0,0)),o(s,"aliceblue",new c(240,248,255,1)),o(s,"antiquewhite",new c(250,235,215,1)),o(s,"aqua",new c(0,255,255,1)),o(s,"aquamarine",new c(127,255,212,1)),o(s,"azure",new c(240,255,255,1)),o(s,"beige",new c(245,245,220,1)),o(s,"bisque",new c(255,228,196,1)),o(s,"black",new c(0,0,0,1)),o(s,"blanchedalmond",new c(255,235,205,1)),o(s,"blue",new c(0,0,255,1)),o(s,"blueviolet",new c(138,43,226,1)),o(s,"brown",new c(165,42,42,1)),o(s,"burlywood",new c(222,184,135,1)),o(s,"cadetblue",new c(95,158,160,1)),o(s,"chartreuse",new c(127,255,0,1)),o(s,"chocolate",new c(210,105,30,1)),o(s,"coral",new c(255,127,80,1)),o(s,"cornflowerblue",new c(100,149,237,1)),o(s,"cornsilk",new c(255,248,220,1)),o(s,"crimson",new c(220,20,60,1)),o(s,"cyan",new c(0,255,255,1)),o(s,"darkblue",new c(0,0,139,1)),o(s,"darkcyan",new c(0,139,139,1)),o(s,"darkgoldenrod",new c(184,134,11,1)),o(s,"darkgray",new c(169,169,169,1)),o(s,"darkgreen",new c(0,100,0,1)),o(s,"darkgrey",s.darkgray),o(s,"darkkhaki",new c(189,183,107,1)),o(s,"darkmagenta",new c(139,0,139,1)),o(s,"darkolivegreen",new c(85,107,47,1)),o(s,"darkorange",new c(255,140,0,1)),o(s,"darkorchid",new c(153,50,204,1)),o(s,"darkred",new c(139,0,0,1)),o(s,"darksalmon",new c(233,150,122,1)),o(s,"darkseagreen",new c(143,188,143,1)),o(s,"darkslateblue",new c(72,61,139,1)),o(s,"darkslategray",new c(47,79,79,1)),o(s,"darkslategrey",s.darkslategray),o(s,"darkturquoise",new c(0,206,209,1)),o(s,"darkviolet",new c(148,0,211,1)),o(s,"deeppink",new c(255,20,147,1)),o(s,"deepskyblue",new c(0,191,255,1)),o(s,"dimgray",new c(105,105,105,1)),o(s,"dimgrey",s.dimgray),o(s,"dodgerblue",new c(30,144,255,1)),o(s,"firebrick",new c(178,34,34,1)),o(s,"floralwhite",new c(255,250,240,1)),o(s,"forestgreen",new c(34,139,34,1)),o(s,"fuchsia",new c(255,0,255,1)),o(s,"gainsboro",new c(220,220,220,1)),o(s,"ghostwhite",new c(248,248,255,1)),o(s,"gold",new c(255,215,0,1)),o(s,"goldenrod",new c(218,165,32,1)),o(s,"gray",new c(128,128,128,1)),o(s,"grey",s.gray),o(s,"green",new c(0,128,0,1)),o(s,"greenyellow",new c(173,255,47,1)),o(s,"honeydew",new c(240,255,240,1)),o(s,"hotpink",new c(255,105,180,1)),o(s,"indianred",new c(205,92,92,1)),o(s,"indigo",new c(75,0,130,1)),o(s,"ivory",new c(255,255,240,1)),o(s,"khaki",new c(240,230,140,1)),o(s,"lavender",new c(230,230,250,1)),o(s,"lavenderblush",new c(255,240,245,1)),o(s,"lawngreen",new c(124,252,0,1)),o(s,"lemonchiffon",new c(255,250,205,1)),o(s,"lightblue",new c(173,216,230,1)),o(s,"lightcoral",new c(240,128,128,1)),o(s,"lightcyan",new c(224,255,255,1)),o(s,"lightgoldenrodyellow",new c(250,250,210,1)),o(s,"lightgray",new c(211,211,211,1)),o(s,"lightgreen",new c(144,238,144,1)),o(s,"lightgrey",s.lightgray),o(s,"lightpink",new c(255,182,193,1)),o(s,"lightsalmon",new c(255,160,122,1)),o(s,"lightseagreen",new c(32,178,170,1)),o(s,"lightskyblue",new c(135,206,250,1)),o(s,"lightslategray",new c(119,136,153,1)),o(s,"lightslategrey",s.lightslategray),o(s,"lightsteelblue",new c(176,196,222,1)),o(s,"lightyellow",new c(255,255,224,1)),o(s,"lime",new c(0,255,0,1)),o(s,"limegreen",new c(50,205,50,1)),o(s,"linen",new c(250,240,230,1)),o(s,"magenta",new c(255,0,255,1)),o(s,"maroon",new c(128,0,0,1)),o(s,"mediumaquamarine",new c(102,205,170,1)),o(s,"mediumblue",new c(0,0,205,1)),o(s,"mediumorchid",new c(186,85,211,1)),o(s,"mediumpurple",new c(147,112,219,1)),o(s,"mediumseagreen",new c(60,179,113,1)),o(s,"mediumslateblue",new c(123,104,238,1)),o(s,"mediumspringgreen",new c(0,250,154,1)),o(s,"mediumturquoise",new c(72,209,204,1)),o(s,"mediumvioletred",new c(199,21,133,1)),o(s,"midnightblue",new c(25,25,112,1)),o(s,"mintcream",new c(245,255,250,1)),o(s,"mistyrose",new c(255,228,225,1)),o(s,"moccasin",new c(255,228,181,1)),o(s,"navajowhite",new c(255,222,173,1)),o(s,"navy",new c(0,0,128,1)),o(s,"oldlace",new c(253,245,230,1)),o(s,"olive",new c(128,128,0,1)),o(s,"olivedrab",new c(107,142,35,1)),o(s,"orange",new c(255,165,0,1)),o(s,"orangered",new c(255,69,0,1)),o(s,"orchid",new c(218,112,214,1)),o(s,"palegoldenrod",new c(238,232,170,1)),o(s,"palegreen",new c(152,251,152,1)),o(s,"paleturquoise",new c(175,238,238,1)),o(s,"palevioletred",new c(219,112,147,1)),o(s,"papayawhip",new c(255,239,213,1)),o(s,"peachpuff",new c(255,218,185,1)),o(s,"peru",new c(205,133,63,1)),o(s,"pink",new c(255,192,203,1)),o(s,"plum",new c(221,160,221,1)),o(s,"powderblue",new c(176,224,230,1)),o(s,"purple",new c(128,0,128,1)),o(s,"red",new c(255,0,0,1)),o(s,"rosybrown",new c(188,143,143,1)),o(s,"royalblue",new c(65,105,225,1)),o(s,"saddlebrown",new c(139,69,19,1)),o(s,"salmon",new c(250,128,114,1)),o(s,"sandybrown",new c(244,164,96,1)),o(s,"seagreen",new c(46,139,87,1)),o(s,"seashell",new c(255,245,238,1)),o(s,"sienna",new c(160,82,45,1)),o(s,"silver",new c(192,192,192,1)),o(s,"skyblue",new c(135,206,235,1)),o(s,"slateblue",new c(106,90,205,1)),o(s,"slategray",new c(112,128,144,1)),o(s,"slategrey",s.slategray),o(s,"snow",new c(255,250,250,1)),o(s,"springgreen",new c(0,255,127,1)),o(s,"steelblue",new c(70,130,180,1)),o(s,"tan",new c(210,180,140,1)),o(s,"teal",new c(0,128,128,1)),o(s,"thistle",new c(216,191,216,1)),o(s,"tomato",new c(255,99,71,1)),o(s,"turquoise",new c(64,224,208,1)),o(s,"violet",new c(238,130,238,1)),o(s,"wheat",new c(245,222,179,1)),o(s,"white",new c(255,255,255,1)),o(s,"whitesmoke",new c(245,245,245,1)),o(s,"yellow",new c(255,255,0,1)),o(s,"yellowgreen",new c(154,205,50,1));let pe=s;class S{constructor(e){o(this,"hsva",new K(0,1,1,1));o(this,"rgba",new c(255,0,0,1));e&&this.stringToColor(e)}static from(e){return typeof e=="string"?new S(e):e instanceof S?e.clone():e instanceof c?new S().setRgba(e.red,e.green,e.blue,e.alpha):e instanceof K?new S().setHsva(e.hue,e.saturation,e.value,e.alpha):e instanceof Z?new S().setHsla(e.hue,e.saturation,e.lightness,e.alpha):null}clone(){return S.from(this.getRgba())}setFromString(e){return this.stringToColor(e)}setHsva(e,t=100,n=100,i=1){return e!=null&&(this.hsva.hue=e),t!=null&&(this.hsva.saturation=t),n!=null&&(this.hsva.value=n),i!=null&&(i=i>1?1:i<0?0:i,this.hsva.alpha=i),this.rgba=this.hsvaToRgba(this.hsva),this}setRgba(e,t,n,i=1){return e!=null&&(this.rgba.red=e),t!=null&&(this.rgba.green=t),n!=null&&(this.rgba.blue=n),i!=null&&(i=i>1?1:i<0?0:i,this.rgba.alpha=i),this.hsva=this.rgbaToHsva(this.rgba),this}setHsla(e,t,n,i=1){i!=null&&(i=i>1?1:i<0?0:i,this.rgba.alpha=i);const u=new Z(e,t,n,i);return this.rgba=this.hslaToRgba(u),this.hsva=this.rgbaToHsva(this.rgba),this}toHexString(e=!1){let t="#"+(16777216|this.rgba.getRed()<<16|this.rgba.getGreen()<<8|this.rgba.getBlue()).toString(16).substr(1);return e&&(t+=(256|Math.round(this.rgba.alpha*255)).toString(16).substr(1)),t.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 K(this.hsva.hue,this.hsva.saturation,this.hsva.value,this.hsva.alpha)}getRgba(){return new c(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:t}=e,n=e.saturation/100,i=e.value/100,u=(2-n)*e.value/2,l=n*i/(u<=1?u:2-u)||0;return new Z(t,u*100,l*100,e.alpha)}hslaToHsva(e){const{hue:t}=e,n=e.lightness/100*2,i=e.saturation/100*(n<=1?n:2-n),u=(n+i)/2,l=2*i/(n+i)||0;return new K(t,l,u,e.alpha)}rgbaToHsva(e){const t=e.red/255,n=e.green/255,i=e.blue/255,{alpha:u}=e,l=Math.max(t,n,i),h=Math.min(t,n,i),m=l-h;let p=0,d=l===0?0:m/l,f=l;if(l!==h){switch(l){case t:p=(n-i)/m+(n<i?6:0);break;case n:p=2+(i-t)/m;break;case i:p=4+(t-n)/m;break}p/=6}return p*=360,d*=100,f*=100,new K(p,d,f,u)}hsvaToRgba(e){let t=1,n=0,i=0;const u=e.saturation/100,l=e.value/100,{alpha:h}=e,m=e.hue/60,p=Math.floor(m),d=m-p,f=(1-u)*l,g=(1-u*d)*l,k=(1-u*(1-d))*l;switch(p){case 6:case 0:t=l,n=k,i=f;break;case 1:t=g,n=l,i=f;break;case 2:t=f,n=l,i=k;break;case 3:t=f,n=g,i=l;break;case 4:t=k,n=f,i=l;break;case 5:t=l,n=f,i=g;break}return t*=255,n*=255,i*=255,new c(t,n,i,h)}rgbaToHsla(e){const t=e.red/255,n=e.green/255,i=e.blue/255,{alpha:u}=e,l=Math.max(t,n,i),h=Math.min(t,n,i);let m=0,p=0,d=(l+h)/2;const f=l-h;if(l!==h){switch(p=d>.5?f/(2-l-h):f/(l+h),l){case t:m=(n-i)/f+(n<i?6:0);break;case n:m=(i-t)/f+2;break;case i:m=(t-n)/f+4;break}m/=6}return m*=360,p*=100,d*=100,new Z(m,p,d,u)}hslaToRgba(e){const t=e.hue/360,n=e.saturation/100,i=e.lightness/100,{alpha:u}=e;let l=i,h=i,m=i;if(n!==0){const p=i<.5?i*(1+n):i+n-i*n,d=2*i-p;l=this.hueToRgb(d,p,t+1/3),h=this.hueToRgb(d,p,t),m=this.hueToRgb(d,p,t-1/3)}return l*=255,h*=255,m*=255,new c(l,h,m,u)}hueToRgb(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}cmykToRgba(e){const t=e.black/100,n=e.cyan/100,i=e.magenta/100,u=e.yellow/100;let l=Math.min(1,(1-n)*(1-t)),h=Math.min(1,(1-i)*(1-t)),m=Math.min(1,(1-u)*(1-t));return l*=255,h*=255,m*=255,new c(l,h,m,1)}rgbaToCmyk(e){const t=e.red/255,n=e.green/255,i=e.blue/255;let u=1-t,l=1-n,h=1-i,m=Math.min(u,l,h);return m===1?new he(0,0,0,1):(u=(u-m)/(1-m),l=(l-m)/(1-m),h=(h-m)/(1-m),m*=100,u*=100,l*=100,h*=100,new he(u,l,h,m))}roundNumber(e){return Math.round(e*100)/100}stringToColor(e){const t=e.replace(/ /g,"").toLowerCase();let n=pe[e]||null;if(t[0]==="#"){let l=t.substr(1);const{length:h}=l;let m=1,p;if(h===3)p=l.split("").map(d=>d+d);else if(h===6)p=l.match(/.{2}/g);else if(h===8){const d=l.substr(-2);l=l.substr(0,h-2),m=this.roundNumber(parseInt(d||"FF",16)/255),p=l.match(/.{2}/g)}p&&p.length===3&&(n=new c(parseInt(p[0],16),parseInt(p[1],16),parseInt(p[2],16),m))}const i=t.indexOf("("),u=t.indexOf(")");if(i!==-1&&u+1===t.length){const l=t.substr(0,i),h=t.substr(i+1,u-(i+1)).split(",");let m=1,p,d;switch(l){case"rgba":m=parseFloat(h.pop());case"rgb":n=new c(parseInt(h[0],10),parseInt(h[1],10),parseInt(h[2],10),m);break;case"hsla":m=parseFloat(h.pop());break;case"hsl":p=new Z(parseInt(h[0],10),parseInt(h[1],10),parseInt(h[2],10),m),n=this.hslaToRgba(p);break;case"cmyk":d=new he(parseInt(h[0],10),parseInt(h[1],10),parseInt(h[2],10),parseInt(h[3],10)),n=this.cmykToRgba(d);break}}return n&&(this.rgba=n,this.hsva=this.rgbaToHsva(n)),this}}var de=function(r,e){return de=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])},de(r,e)};function W(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");de(r,e);function t(){this.constructor=r}r.prototype=e===null?Object.create(e):(t.prototype=e.prototype,new t)}function fe(r){var e=typeof Symbol=="function"&&Symbol.iterator,t=e&&r[e],n=0;if(t)return t.call(r);if(r&&typeof r.length=="number")return{next:function(){return r&&n>=r.length&&(r=void 0),{value:r&&r[n++],done:!r}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function te(r,e){var t=typeof Symbol=="function"&&r[Symbol.iterator];if(!t)return r;var n=t.call(r),i,u=[],l;try{for(;(e===void 0||e-- >0)&&!(i=n.next()).done;)u.push(i.value)}catch(h){l={error:h}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(l)throw l.error}}return u}function ne(r,e,t){if(t||arguments.length===2)for(var n=0,i=e.length,u;n<i;n++)(u||!(n in e))&&(u||(u=Array.prototype.slice.call(e,0,n)),u[n]=e[n]);return r.concat(u||Array.prototype.slice.call(e))}function R(r){return typeof r=="function"}function xe(r){var e=function(n){Error.call(n),n.stack=new Error().stack},t=r(e);return t.prototype=Object.create(Error.prototype),t.prototype.constructor=t,t}var ge=xe(function(r){return function(t){r(this),this.message=t?t.length+` errors occurred during unsubscription:
-`+t.map(function(n,i){return i+1+") "+n.toString()}).join(`
-  `):"",this.name="UnsubscriptionError",this.errors=t}});function ye(r,e){if(r){var t=r.indexOf(e);0<=t&&r.splice(t,1)}}var re=function(){function r(e){this.initialTeardown=e,this.closed=!1,this._parentage=null,this._finalizers=null}return r.prototype.unsubscribe=function(){var e,t,n,i,u;if(!this.closed){this.closed=!0;var l=this._parentage;if(l)if(this._parentage=null,Array.isArray(l))try{for(var h=fe(l),m=h.next();!m.done;m=h.next()){var p=m.value;p.remove(this)}}catch(y){e={error:y}}finally{try{m&&!m.done&&(t=h.return)&&t.call(h)}finally{if(e)throw e.error}}else l.remove(this);var d=this.initialTeardown;if(R(d))try{d()}catch(y){u=y instanceof ge?y.errors:[y]}var f=this._finalizers;if(f){this._finalizers=null;try{for(var g=fe(f),k=g.next();!k.done;k=g.next()){var v=k.value;try{je(v)}catch(y){u=u??[],y instanceof ge?u=ne(ne([],te(u)),te(y.errors)):u.push(y)}}}catch(y){n={error:y}}finally{try{k&&!k.done&&(i=g.return)&&i.call(g)}finally{if(n)throw n.error}}}if(u)throw new ge(u)}},r.prototype.add=function(e){var t;if(e&&e!==this)if(this.closed)je(e);else{if(e instanceof r){if(e.closed||e._hasParent(this))return;e._addParent(this)}(this._finalizers=(t=this._finalizers)!==null&&t!==void 0?t:[]).push(e)}},r.prototype._hasParent=function(e){var t=this._parentage;return t===e||Array.isArray(t)&&t.includes(e)},r.prototype._addParent=function(e){var t=this._parentage;this._parentage=Array.isArray(t)?(t.push(e),t):t?[t,e]:e},r.prototype._removeParent=function(e){var t=this._parentage;t===e?this._parentage=null:Array.isArray(t)&&ye(t,e)},r.prototype.remove=function(e){var t=this._finalizers;t&&ye(t,e),e instanceof r&&e._removeParent(this)},r.EMPTY=function(){var e=new r;return e.closed=!0,e}(),r}(),Ae=re.EMPTY;function Ie(r){return r instanceof re||r&&"closed"in r&&R(r.remove)&&R(r.add)&&R(r.unsubscribe)}function je(r){R(r)?r():r.unsubscribe()}var De={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},me={setTimeout:function(r,e){for(var t=[],n=2;n<arguments.length;n++)t[n-2]=arguments[n];var i=me.delegate;return i!=null&&i.setTimeout?i.setTimeout.apply(i,ne([r,e],te(t))):setTimeout.apply(void 0,ne([r,e],te(t)))},clearTimeout:function(r){var e=me.delegate;return((e==null?void 0:e.clearTimeout)||clearTimeout)(r)},delegate:void 0};function at(r){me.setTimeout(function(){throw r})}function Ue(){}function ie(r){r()}var ve=function(r){W(e,r);function e(t){var n=r.call(this)||this;return n.isStopped=!1,t?(n.destination=t,Ie(t)&&t.add(n)):n.destination=lt,n}return e.create=function(t,n,i){return new be(t,n,i)},e.prototype.next=function(t){this.isStopped||this._next(t)},e.prototype.error=function(t){this.isStopped||(this.isStopped=!0,this._error(t))},e.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},e.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,r.prototype.unsubscribe.call(this),this.destination=null)},e.prototype._next=function(t){this.destination.next(t)},e.prototype._error=function(t){try{this.destination.error(t)}finally{this.unsubscribe()}},e.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},e}(re),ot=Function.prototype.bind;function we(r,e){return ot.call(r,e)}var st=function(){function r(e){this.partialObserver=e}return r.prototype.next=function(e){var t=this.partialObserver;if(t.next)try{t.next(e)}catch(n){ae(n)}},r.prototype.error=function(e){var t=this.partialObserver;if(t.error)try{t.error(e)}catch(n){ae(n)}else ae(e)},r.prototype.complete=function(){var e=this.partialObserver;if(e.complete)try{e.complete()}catch(t){ae(t)}},r}(),be=function(r){W(e,r);function e(t,n,i){var u=r.call(this)||this,l;if(R(t)||!t)l={next:t??void 0,error:n??void 0,complete:i??void 0};else{var h;u&&De.useDeprecatedNextContext?(h=Object.create(t),h.unsubscribe=function(){return u.unsubscribe()},l={next:t.next&&we(t.next,h),error:t.error&&we(t.error,h),complete:t.complete&&we(t.complete,h)}):l=t}return u.destination=new st(l),u}return e}(ve);function ae(r){at(r)}function ct(r){throw r}var lt={closed:!0,next:Ue,error:ct,complete:Ue},ut=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Ce(r){return r}function ht(r){return r.length===0?Ce:r.length===1?r[0]:function(t){return r.reduce(function(n,i){return i(n)},t)}}var Le=function(){function r(e){e&&(this._subscribe=e)}return r.prototype.lift=function(e){var t=new r;return t.source=this,t.operator=e,t},r.prototype.subscribe=function(e,t,n){var i=this,u=dt(e)?e:new be(e,t,n);return ie(function(){var l=i,h=l.operator,m=l.source;u.add(h?h.call(u,m):m?i._subscribe(u):i._trySubscribe(u))}),u},r.prototype._trySubscribe=function(e){try{return this._subscribe(e)}catch(t){e.error(t)}},r.prototype.forEach=function(e,t){var n=this;return t=Re(t),new t(function(i,u){var l=new be({next:function(h){try{e(h)}catch(m){u(m),l.unsubscribe()}},error:u,complete:i});n.subscribe(l)})},r.prototype._subscribe=function(e){var t;return(t=this.source)===null||t===void 0?void 0:t.subscribe(e)},r.prototype[ut]=function(){return this},r.prototype.pipe=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return ht(e)(this)},r.prototype.toPromise=function(e){var t=this;return e=Re(e),new e(function(n,i){var u;t.subscribe(function(l){return u=l},function(l){return i(l)},function(){return n(u)})})},r.create=function(e){return new r(e)},r}();function Re(r){var e;return(e=r??De.Promise)!==null&&e!==void 0?e:Promise}function pt(r){return r&&R(r.next)&&R(r.error)&&R(r.complete)}function dt(r){return r&&r instanceof ve||pt(r)&&Ie(r)}function ft(r){return R(r==null?void 0:r.lift)}function gt(r){return function(e){if(ft(e))return e.lift(function(t){try{return r(t,this)}catch(n){this.error(n)}});throw new TypeError("Unable to lift unknown Observable type")}}function yt(r,e,t,n,i){return new mt(r,e,t,n,i)}var mt=function(r){W(e,r);function e(t,n,i,u,l,h){var m=r.call(this,t)||this;return m.onFinalize=l,m.shouldUnsubscribe=h,m._next=n?function(p){try{n(p)}catch(d){t.error(d)}}:r.prototype._next,m._error=u?function(p){try{u(p)}catch(d){t.error(d)}finally{this.unsubscribe()}}:r.prototype._error,m._complete=i?function(){try{i()}catch(p){t.error(p)}finally{this.unsubscribe()}}:r.prototype._complete,m}return e.prototype.unsubscribe=function(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){var n=this.closed;r.prototype.unsubscribe.call(this),!n&&((t=this.onFinalize)===null||t===void 0||t.call(this))}},e}(ve),vt=xe(function(r){return function(){r(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),ke=function(r){W(e,r);function e(){var t=r.call(this)||this;return t.closed=!1,t.currentObservers=null,t.observers=[],t.isStopped=!1,t.hasError=!1,t.thrownError=null,t}return e.prototype.lift=function(t){var n=new Fe(this,this);return n.operator=t,n},e.prototype._throwIfClosed=function(){if(this.closed)throw new vt},e.prototype.next=function(t){var n=this;ie(function(){var i,u;if(n._throwIfClosed(),!n.isStopped){n.currentObservers||(n.currentObservers=Array.from(n.observers));try{for(var l=fe(n.currentObservers),h=l.next();!h.done;h=l.next()){var m=h.value;m.next(t)}}catch(p){i={error:p}}finally{try{h&&!h.done&&(u=l.return)&&u.call(l)}finally{if(i)throw i.error}}}})},e.prototype.error=function(t){var n=this;ie(function(){if(n._throwIfClosed(),!n.isStopped){n.hasError=n.isStopped=!0,n.thrownError=t;for(var i=n.observers;i.length;)i.shift().error(t)}})},e.prototype.complete=function(){var t=this;ie(function(){if(t._throwIfClosed(),!t.isStopped){t.isStopped=!0;for(var n=t.observers;n.length;)n.shift().complete()}})},e.prototype.unsubscribe=function(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null},Object.defineProperty(e.prototype,"observed",{get:function(){var t;return((t=this.observers)===null||t===void 0?void 0:t.length)>0},enumerable:!1,configurable:!0}),e.prototype._trySubscribe=function(t){return this._throwIfClosed(),r.prototype._trySubscribe.call(this,t)},e.prototype._subscribe=function(t){return this._throwIfClosed(),this._checkFinalizedStatuses(t),this._innerSubscribe(t)},e.prototype._innerSubscribe=function(t){var n=this,i=this,u=i.hasError,l=i.isStopped,h=i.observers;return u||l?Ae:(this.currentObservers=null,h.push(t),new re(function(){n.currentObservers=null,ye(h,t)}))},e.prototype._checkFinalizedStatuses=function(t){var n=this,i=n.hasError,u=n.thrownError,l=n.isStopped;i?t.error(u):l&&t.complete()},e.prototype.asObservable=function(){var t=new Le;return t.source=this,t},e.create=function(t,n){return new Fe(t,n)},e}(Le),Fe=function(r){W(e,r);function e(t,n){var i=r.call(this)||this;return i.destination=t,i.source=n,i}return e.prototype.next=function(t){var n,i;(i=(n=this.destination)===null||n===void 0?void 0:n.next)===null||i===void 0||i.call(n,t)},e.prototype.error=function(t){var n,i;(i=(n=this.destination)===null||n===void 0?void 0:n.error)===null||i===void 0||i.call(n,t)},e.prototype.complete=function(){var t,n;(n=(t=this.destination)===null||t===void 0?void 0:t.complete)===null||n===void 0||n.call(t)},e.prototype._subscribe=function(t){var n,i;return(i=(n=this.source)===null||n===void 0?void 0:n.subscribe(t))!==null&&i!==void 0?i:Ae},e}(ke),qe=function(r){W(e,r);function e(t){var n=r.call(this)||this;return n._value=t,n}return Object.defineProperty(e.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),e.prototype._subscribe=function(t){var n=r.prototype._subscribe.call(this,t);return!n.closed&&t.next(this._value),n},e.prototype.getValue=function(){var t=this,n=t.hasError,i=t.thrownError,u=t._value;if(n)throw i;return this._throwIfClosed(),u},e.prototype.next=function(t){r.prototype.next.call(this,this._value=t)},e}(ke);function wt(r,e){return e===void 0&&(e=Ce),r=r??bt,gt(function(t,n){var i,u=!0;t.subscribe(yt(n,function(l){var h=e(l);(u||!r(i,h))&&(u=!1,i=h,n.next(l))}))})}function bt(r,e){return r===e}var H=(r=>(r.hex="hex",r.hexa="hexa",r.rgba="rgba",r.rgb="rgb",r.hsla="hsla",r.hsl="hsl",r.cmyk="cmyk",r))(H||{});class Se{constructor(e){o(this,"modelValue",null);o(this,"hueValue",null);o(this,"initValue",null);o(this,"valueChanged",new ke);o(this,"presetsVisibilityChanges",new qe(!0));o(this,"initType",null);o(this,"alphaChannelVisibilityChanges",new qe(!0));o(this,"valueChanges",this.valueChanged.asObservable().pipe(wt((e,t)=>e.toRgbaString()===t.toRgbaString())));o(this,"colorPresets",[]);const t=e[0],n=S.from(t);this.setValue(n),this.setHueColor(n)}setValueFrom(e,t,n){const i=S.from(e);return this.initValue||(this.initValue=S.from(e)),typeof e=="string"&&this.finOutInputType(e),this.setHueColor(i),this.setValue(i),this}setHueColor(e){(this.hueValue&&e.getHsva().hue>0||!this.hueValue)&&(this.hueValue=new S().setHsva(e.getHsva().hue))}get hue(){return this.hueValue}set hue(e){this.hueValue=e}setValue(e){return this.modelValue=e,this.valueChanged.next(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=S.from(new c(255,0,0,1)),this.hueValue=new S().setHsva(e.getHsva().hue)),this.setValue(e),this}showAlphaChannel(){return this.alphaChannelVisibilityChanges.next(!0),this}finOutInputType(e){const t=e.replace(/ /g,"").toLowerCase();t[0]==="#"&&(this.initType="hex",t.length>7&&(this.initType="hexa"));const n=t.indexOf("(");switch(t.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 t=[];return e.map(n=>{Array.isArray(n)?t.push(this.setPresets(n)):t.push(new S(n))}),t}get presets(){return this.colorPresets}hasPresets(){return this.colorPresets.length>0}}o(Se,"finOutInputType");function j(r,e){switch(e){case H.hex:return r.toHexString();case H.hexa:return r.toHexString(!0);case H.rgb:return r.toRgbString();case H.rgba:return r.toRgbaString();case H.hsl:return r.toHslString();case H.hsla:return r.toHslaString();default:return r.toRgbaString()}}const kt={color:{type:Object,default:""},hue:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Ye=a.defineComponent({name:"SvPanel",props:kt,emits:["update:color"],setup(r,e){const t=a.ref(null),n=a.ref(null),i=a.ref(r.randomId),u=a.ref(r.allowColorNull);function l(){return r.hue?r.hue.toRgbaString():"#3f51b5"}function h(f,g){var k,v;f=Math.max(0,Math.min(f,100)),g=Math.max(0,Math.min(g,100)),t.value&&((k=t.value.style)==null||k.setProperty("top",`${100-g}%`),(v=t.value.style)==null||v.setProperty("left",`${f}%`))}function m(){const f=document.getElementById(`farris-color-picker-plus-sure-${i.value}`);f.className="btn btn-secondary";const g=document.getElementById(`farris-color-picker-plus-input-${i.value}`);g.style.borderColor="#dcdfe6"}function p({x:f,y:g,height:k,width:v}){const y=f*100/v,B=-(g*100/k)+100;h(y,B);const P=r.color==null?"transparent":r.color,N=S.from(P);if(m(),N!=null){const $=r.hue.getHsva(),D=N.getHsva(),I=new S().setHsva($.hue,y,B,D.alpha);e.emit("update:color",I)}!N&&u.value&&e.emit("update:color",null)}function d(f){if(n.value){const{width:g,height:k,top:v,left:y}=n.value.getBoundingClientRect(),{pageX:B,pageY:P}="touches"in f?f.touches[0]:f,N=Math.max(0,Math.min(B-(y+window.pageXOffset),g)),$=Math.max(0,Math.min(P-(v+window.pageYOffset),k));p({x:N,y:$,height:k,width:g})}}return a.onMounted(()=>{const f=r.color.getHsva();h(f.saturation,f.value)}),a.watch(()=>r.color,f=>{f.getHsva()}),a.watch(()=>r.color,f=>{const g=f.getHsva();h(g.saturation,g.value)}),()=>a.createVNode("div",{class:"f-sv-panel-component",ref:n,style:{backgroundColor:l()},onMousedown:a.withModifiers(f=>d(f),["prevent"]),onTouchstart:a.withModifiers(f=>d(f),["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:t},[a.createVNode("div",null,null)])])}}),St={color:{type:Object,default:""},hue:{type:Object,default:""},allowColorNull:{type:Boolean,default:!1},onChange:{type:Function}},Xe=a.defineComponent({name:"Hue",props:St,emits:["update:color","update:hue"],setup(r,e){const t=a.ref(r.hue),n=a.ref(r.allowColorNull),i=[];function u(v){v.preventDefault(),h(v)}const l=a.ref(null);function h(v){if(l.value){const{width:y,height:B,top:P,left:N}=l.value.getBoundingClientRect(),{pageX:$,pageY:D}="touches"in v?v.touches[0]:v,I=Math.max(0,Math.min($-(N+window.pageXOffset),y)),V=Math.max(0,Math.min(D-(P+window.pageYOffset),B));k({x:I,y:V,height:B,width:y})}}function m(){i.forEach(v=>v()),i.length=0}function p(v){u(v),document.addEventListener("mouseup",m),document.addEventListener("touchend",m),document.addEventListener("touchmove",u)}const d=v=>{p(v),v.stopPropagation()};a.onMounted(()=>{document.querySelectorAll(".f-hue-component").forEach(B=>{B.addEventListener("mousedown",d),B.addEventListener("touchstart",d)});const y=r.color.getHsva();g(y.hue)});const f=a.ref(null);function g(v){var P;const y=Math.max(0,Math.min(v/360*100,100)),B="top";f.value&&((P=f.value.style)==null||P.setProperty(B,`${y}%`))}function k({x:v,y,height:B,width:P}){const N=y/B*360;g(N);const $=r.color.getHsva(),D=new S().setHsva(N,$.saturation,$.value,$.alpha),I=new S().setHsva(N,100,100,$.alpha);(r.color!=null||r.color==null&&n.value)&&(e.emit("update:hue",I),e.emit("update:color",D))}return a.watch(t,v=>{const y=v.getHsva();g(y.hue)}),a.watch(()=>r.color,v=>{const y=v.getHsva();g(y.hue)}),()=>a.createVNode("div",{class:"f-hue-component",ref:l,onMousedown:a.withModifiers(v=>h(v),["prevent"]),onTouchstart:a.withModifiers(v=>h(v),["prevent"])},[a.createVNode("div",{class:"color-hue-slider__bar"},null),a.createVNode("div",{class:"color-hue-slider__thumb",ref:f},null)])}}),Pt={color:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},We=a.defineComponent({name:"Alpha",props:Pt,emits:["update:color"],setup(r,e){const t=a.ref(null),n=a.ref(null),i=a.ref(r.randomId),u=a.ref(r.allowColorNull),l=d=>{var k;const f=Math.max(0,Math.min(d*100,100)),g="left";n.value&&((k=n.value.style)==null||k.setProperty(g,`${f}%`))};function h(d){if(t.value){const{width:f,height:g,top:k,left:v}=t.value.getBoundingClientRect(),{pageX:y,pageY:B}="touches"in d?d.touches[0]:d,P=Math.max(0,Math.min(y-(v+window.pageXOffset),f)),N=Math.max(0,Math.min(B-(k+window.pageYOffset),g));p({x:P,y:N,height:g,width:f})}}function m(){const d=document.getElementById(`farris-color-picker-plus-sure-${i.value}`);d.className="btn btn-secondary";const f=document.getElementById(`farris-color-picker-plus-input-${i.value}`);f.style.borderColor="#dcdfe6"}const p=({x:d,width:f})=>{const g=d/f;l(g),m();const k=r.color.getHsva(),v=new S().setHsva(k.hue,k.saturation,k.value,g);r.color!=null?e.emit("update:color",v):r.color==null&&u.value&&e.emit("update:color",null)};return a.onMounted(()=>{const d=r.color.getHsva();l(d.alpha)}),a.watch(()=>r.color,d=>{const f=d.getHsva();l(f.alpha)}),()=>a.createVNode("div",{class:"f-alpha-component",ref:t,onMousedown:a.withModifiers(d=>h(d),["prevent"]),onTouchstart:a.withModifiers(d=>h(d),["prevent"])},[a.createVNode("div",{class:"color-alpha-slider__bar"},[a.createTextVNode(" ")]),a.createVNode("div",{class:"color-alpha-slider__thumb",ref:n},null)])}}),Vt={color:{type:Object,default:""},hue:{type:Object,default:""},colorPresets:{type:Object,default:""},randomId:{type:String,default:""}},Ge=a.defineComponent({name:"Preset",props:Vt,emits:["update:hue","update:color"],setup(r,e){const t=a.ref(new S),n=a.ref(r.colorPresets),i=a.ref(r.randomId);function u(){const p=document.getElementById(`farris-color-picker-plus-sure-${i.value}`);p.className="btn btn-secondary";const d=document.getElementById(`farris-color-picker-plus-input-${i.value}`);d.style.borderColor="#dcdfe6"}function l(p){u();const d=p.getRgba(),f=p.getHsva(),g=new S().setRgba(d.red,d.green,d.blue,d.alpha),k=new S().setHsva(f.hue);t.value=p,e.emit("update:hue",k),e.emit("update:color",g)}function h(p){const d=t.value.getRgba().toString(),f=t.value.getHsva().toString(),g=p.getRgba().toString()===d&&p.getHsva().toString()===f;return{"color-preset__color-selector":g,selected:g}}function m(p,d){return a.createVNode("div",{class:"color-preset__color-selector"},[a.createVNode("div",{key:d,class:h(p),style:{backgroundColor:p.toRgbString()},onClick:()=>l(p)},null)])}return()=>a.createVNode("div",{class:"f-preset-component"},[a.createVNode("div",{class:"color-preset__colors"},[n.value.map((p,d)=>m(p,d))])])}}),oe=a.defineComponent({name:"FColorPicker",props:ue,emits:["valueChanged","activeChange","update:color","update:hue"],setup(r,e){const t=a.ref(new S(r.color)),n=a.ref(r.color),i=a.ref(r.disabled),u=a.ref(r.color),l=a.ref(r.allowColorNull),h=a.ref(r.presets),m=a.ref(!1),p=a.ref(!1),d=a.ref(!1),f=a.ref("HEX"),g=Math.floor(Math.random()*1e3).toString();let k=-1,v,y=new Se("#000000");const B=a.ref(r.color);let P,N;const $=a.ref(null),D=a.ref(null),I=a.ref(null);let V=a.computed(()=>!v&&y&&y.initType?y.initType:v);const M=a.computed({get(){return v&&n.value!==null?(_(v),j(new S(n.value),H[v])):n.value},set(b){b!==null&&(F(b),J(b))}}),O=a.ref(M.value),x=a.computed(()=>k>-1),q=a.computed(()=>h.value.length>0),U=a.computed(()=>({"background-color":u.value})),G=a.computed(()=>p.value&&m.value?"display:flex":"display:none"),z=[{text:"HEX",type:H.hex},{text:"RGBA",type:H.rgba}];function Pe(){const b=document.getElementById("farris-color-picker-panel");b.id=`farris-color-picker-panel-${g}`;const w=document.getElementById("farris-color-picker-plus-sure");w.id=`farris-color-picker-plus-sure-${g}`;const E=document.getElementById("farris-color-picker-plus-input");E.id=`farris-color-picker-plus-input-${g}`,N=document.getElementById(`farris-color-picker-plus-sure-${g}`),P=document.getElementById(`farris-color-picker-panel-${g}`),P.className="color-picker-panel disabled"}function X(){if(!l.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${g}`).classList.toggle("disabled");const w=document.getElementById(`farris-color-picker-plus-input-${g}`);w.style.borderColor="red"}}function Ve(){n.value&&(F(n.value),!n.value&&l.value||(n.value=j(new S(n.value),H[V.value])),O.value=M.value),T(_(y.initType))}function se(){n.value&&F(n.value),y.hasPresets()||y.setColorPresets(h.value),n.value?u.value=j(new S(n.value),H[V.value]):!n.value&&l.value&&(u.value=null)}function Ne(){y.valueChanges.subscribe(b=>{const w=j(b,H[v||y.initType]);n.value=w})}function T(b){f.value=z[b].text}function Me(){var b;p.value=!!(v!=null&&v.includes("a")||(b=y.initType)!=null&&b.includes("a"))}a.onBeforeMount(()=>{y.setColorPresets(h.value||["#eaecf3"])}),a.onMounted(()=>{Pe(),X(),Ve(),se()}),a.watch(f,()=>{Ne(),M.value=j(new S(n.value),H[v||y.initType]),t.value=new S(M.value),Me()}),a.watch(n,b=>{j(y.value,y.initType)!==b&&b!==null&&F(b),T(_(y.initType))}),a.watch(t,b=>{n.value=j(b,H[v||y.initType]),F(n.value),M.value=n.value});function J(b){const w=document.getElementById(`farris-color-picker-plus-input-${g}`);(b==""||b==null||b==null)&&!l.value?(n.value=null,w.style.borderColor="red",N.className="btn btn-secondary disabled"):(w.style.borderColor="#dcdfe6",N.className="btn btn-secondary")}function Ee(b){var w,E;if(b==null||b.stopPropagation(),l.value){u.value=(n==null?void 0:n.value)??null;const L={elementValue:u};e.emit("valueChanged",L),C()}if(!l.value&&!(M.value==null||M.value==null||M.value=="")){(E=(w=$.value)==null?void 0:w.style)==null||E.setProperty("background",n.value),d.value=!0,u.value=n.value;const L={elementValue:u};e.emit("valueChanged",L),C()}!B.value&&!n.value&&!d.value&&l&&C(),J(n.value),M.value=n.value,N.classList.contains("disabled")||(O.value=n.value,m.value=!1)}function F(b){y==null||y.setValueFrom(b,g,l.value)}function He(b){P=document.getElementById(`farris-color-picker-panel-${g}`);const w=P.className=="color-picker-panel";i.value||w||(m.value=!0,P.classList.toggle("disabled"),X(),F(n.value),b.stopPropagation())}function C(){P=document.getElementById(`farris-color-picker-panel-${g}`),P.className="color-picker-panel disabled"}function _(b){const w=z.findIndex(E=>E.type===b);return k=w,w}function Q(b){if(!N.classList.contains("disabled")){const w=z.length;k=(w+k+(b==="up"?1:-1))%w,v=z[k].type,T(k),F(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:D},[a.createVNode("div",{class:["color-picker-panel",{disabled:i.value}],id:"farris-color-picker-panel",ref:I,onClick:b=>b.stopPropagation(),style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Xe,{hue:y.hue,"onUpdate:hue":b=>y.hue=b,allowColorNull:l.value,color:t.value,"onUpdate:color":b=>t.value=b},null),a.createVNode(Ye,{randomId:g,hue:y.hue,"onUpdate:hue":b=>y.hue=b,allowColorNull:l.value,color:t.value,"onUpdate:color":b=>t.value=b},null)]),a.createVNode(We,{style:G.value,randomId:g,allowColorNull:l.value,color:t.value,"onUpdate:color":b=>t.value=b},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[f.value]),[[a.vShow,q]]),a.withDirectives(a.createVNode("input",{type:"text",title:"color-picker-plus",id:"farris-color-picker-plus-input","onUpdate:modelValue":b=>M.value=b,style:"float:none"},null),[[a.vModelText,M.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:()=>Q("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>Q("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:b=>Ee(b)},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ge,{color:t.value,"onUpdate:color":b=>t.value=b,hue:y.hue,"onUpdate:hue":b=>y.hue=b,randomId:g,colorPresets:y.presets},null),[[a.vShow,x]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{title:"color-picker-input",type:"text",class:"color-picker-input form-control",value:O.value,readonly:i.value,onClick:b=>b.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:He},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:U.value},null)])])])])}});function Nt(r,e,t){var I;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const i=t&&t.getStyles&&t.getStyles()||"",u=t&&t.getDesignerClass&&t.getDesignerClass()||"",l=a.ref();function h(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function m(){return!1}function p(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function f(V){if(!V||!V.value)return null;if(V.value.schema&&V.value.schema.type==="component")return V.value;const M=a.ref(V==null?void 0:V.value.parent),O=f(M);return O||null}function g(V=e){const{componentInstance:M,designerItemElementRef:O}=V;return!M||!M.value?null:M.value.canMove?O:g(V.parent)}function k(V){return!!t&&t.canAccepts(V)}function v(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function y(){}function B(V,M){M&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(M)}function P(V){const{componentType:M}=V;let O=le(M,V);t&&t.onResolveNewComponentSchema&&(O=t.onResolveNewComponentSchema(V,O));const x=M.toLowerCase().replace("-","_");return O&&!O.id&&O.type===M&&(O.id=`${x}_${Math.random().toString().slice(2,6)}`),O}function N(V,M){const O=String(V.getAttribute("data-controltype")),x=V.getAttribute("data-feature"),q=x?JSON.parse(x):{};q.parentComponentInstance=l.value;let U=le(O,q);t&&t.onAcceptNewChildElement&&(U=t.onAcceptNewChildElement(V,M,U));const G=O.toLowerCase().replace("-","_");return U&&!U.id&&U.type===O&&(U.id=`${G}_${Math.random().toString().slice(2,6)}`),U}function $(V){}function D(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return l.value={canMove:h(),canSelectParent:m(),canDelete:p(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(I=e==null?void 0:e.parent)==null?void 0:I.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:u,canAccepts:k,getBelongedComponentInstance:f,getDraggableDesignItemElement:g,getDraggingDisplayText:v,getPropConfig:D,getDragScopeElement:y,onAcceptMovedChildElement:B,onAcceptNewChildElement:N,onChildElementMovedOut:$,addNewChildComponentSchema:P,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||a.ref(!1)},l}const Mt=a.defineComponent({name:"FColorPickerDesign",props:ue,emits:["valueChanged","activeChange","update:color","update:hue"],setup(r,e){const t=a.ref(new S(r.color)),n=a.ref(r.color),i=a.ref(r.disabled),u=a.ref(r.color),l=a.ref(r.allowColorNull),h=a.ref(r.presets),m=a.ref(!1),p=a.ref(!1),d=a.ref(!1),f=a.ref("HEX"),g=Math.floor(Math.random()*1e3).toString();let k=-1,v,y=new Se("#000000");const B=a.ref(r.color);let P,N;const $=a.ref(null),D=a.ref(null),I=a.ref(),V=a.inject("design-item-context"),M=Nt(I,V);a.onMounted(()=>{I.value.componentInstance=M}),e.expose(M.value);let O=a.computed(()=>!v&&y&&y.initType?y.initType:v);const x=a.computed({get(){return v&&n.value!==null?(Q(v),j(new S(n.value),H[v])):n.value},set(w){w!==null&&(C(w),F(w))}}),q=a.ref(x.value),U=a.computed(()=>k>-1),G=a.computed(()=>h.value.length>0),z=a.computed(()=>({"background-color":u.value})),Pe=a.computed(()=>p.value&&m.value?"display:flex":"display:none"),X=[{text:"HEX",type:H.hex},{text:"RGBA",type:H.rgba}];function Ve(){const w=document.getElementById("farris-color-picker-panel");w.id=`farris-color-picker-panel-${g}`;const E=document.getElementById("farris-color-picker-plus-sure");E.id=`farris-color-picker-plus-sure-${g}`;const L=document.getElementById("farris-color-picker-plus-input");L.id=`farris-color-picker-plus-input-${g}`,N=document.getElementById(`farris-color-picker-plus-sure-${g}`),P=document.getElementById(`farris-color-picker-panel-${g}`),P.className="color-picker-panel disabled"}function se(){if(!l.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${g}`).classList.toggle("disabled");const E=document.getElementById(`farris-color-picker-plus-input-${g}`);E.style.borderColor="red"}}function Ne(){n.value&&(C(n.value),!n.value&&l.value||(n.value=j(new S(n.value),H[O.value])),q.value=x.value),J(Q(y.initType))}function T(){n.value&&C(n.value),y.hasPresets()||y.setColorPresets(h.value),n.value?u.value=j(new S(n.value),H[O.value]):!n.value&&l.value&&(u.value=null)}function Me(){y.valueChanges.subscribe(w=>{const E=j(w,H[v||y.initType]);n.value=E})}function J(w){f.value=X[w].text}function Ee(){var w;p.value=!!(v!=null&&v.includes("a")||(w=y.initType)!=null&&w.includes("a"))}a.onBeforeMount(()=>{y.setColorPresets(h.value||["#eaecf3"])}),a.onMounted(()=>{Ve(),se(),Ne(),T()}),a.watch(f,()=>{Me(),x.value=j(new S(n.value),H[v||y.initType]),t.value=new S(x.value),Ee()}),a.watch(n,w=>{j(y.value,y.initType)!==w&&w!==null&&C(w),J(Q(y.initType))}),a.watch(t,w=>{n.value=j(w,H[v||y.initType]),C(n.value),x.value=n.value});function F(w){const E=document.getElementById(`farris-color-picker-plus-input-${g}`);(w==""||w==null||w==null)&&!l.value?(n.value=null,E.style.borderColor="red",N.className="btn btn-secondary disabled"):(E.style.borderColor="#dcdfe6",N.className="btn btn-secondary")}function He(){var w,E;if(l.value){u.value=(n==null?void 0:n.value)??null;const L={elementValue:u};e.emit("valueChanged",L),P.classList.toggle("disabled")}if(!l.value&&!(x.value==null||x.value==null||x.value=="")){(E=(w=$.value)==null?void 0:w.style)==null||E.setProperty("background",n.value),d.value=!0,u.value=n.value;const L={elementValue:u};e.emit("valueChanged",L),P.classList.toggle("disabled")}!B.value&&!n.value&&!d.value&&l&&P.classList.toggle("disabled"),F(n.value),x.value=n.value,N.classList.contains("disabled")||(q.value=n.value,m.value=!1)}function C(w){y==null||y.setValueFrom(w,g,l.value)}function _(w){i.value||(m.value=!0,P.classList.toggle("disabled"),se(),C(n.value))}function Q(w){const E=X.findIndex(L=>L.type===w);return k=E,E}function b(w){if(!N.classList.contains("disabled")){const E=X.length;k=(E+k+(w==="up"?1:-1))%E,v=X[k].type,J(k),C(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:I},[a.createVNode("div",{class:["color-picker-panel",{disabled:i.value}],id:"farris-color-picker-panel",ref:D,onClick:w=>w.stopPropagation,style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Xe,{hue:y.hue,"onUpdate:hue":w=>y.hue=w,allowColorNull:l.value,color:t.value,"onUpdate:color":w=>t.value=w},null),a.createVNode(Ye,{randomId:g,hue:y.hue,"onUpdate:hue":w=>y.hue=w,allowColorNull:l.value,color:t.value,"onUpdate:color":w=>t.value=w},null)]),a.createVNode(We,{style:Pe.value,randomId:g,allowColorNull:l.value,color:t.value,"onUpdate:color":w=>t.value=w},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[f.value]),[[a.vShow,G]]),a.withDirectives(a.createVNode("input",{type:"text",id:"farris-color-picker-plus-input","onUpdate:modelValue":w=>x.value=w,style:"float:none"},null),[[a.vModelText,x.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:()=>b("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>b("down")},null)]),[[a.vShow,G]]),a.createVNode("div",{class:"input-btn"},[a.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:He},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ge,{color:t.value,"onUpdate:color":w=>t.value=w,colorPresets:y.presets,hue:y.hue,"onUpdate:hue":w=>y.hue=w,randomId:g},null),[[a.vShow,U]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{type:"text",class:"color-picker-input form-control",value:q.value,readonly:i.value,onClick:w=>w.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:_},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:z.value},null)])])])])}}),Et={install(r){r.component(oe.name,oe)},register(r,e,t){r["color-picker"]=oe,e["color-picker"]=$e},registerDesigner(r,e,t){r["color-picker"]=Mt,e["color-picker"]=$e}};A.ColorPicker=oe,A.default=Et,Object.defineProperties(A,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/color-picker/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "color-picker",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/color-picker/index.d.ts"
-}