color-gradient-picker-vue3 - npm Package Compare versions

Comparing version 2.0.6 to 2.0.7

dist/color-gradient-picker-vue3.es.js

@@ -1,5 +0,6 @@
-import { _ } from "./index-8117d4a0.js";
+import { _, r } from "./index-4c7f7b15.js";
 import "vue";
 export {
-  _ as default
+  _ as default,
+  r as rgbToHex
 };

dist/color-gradient-picker-vue3.umd.js

@@ -1,1 +0,1 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["color-gradient-picker-vue3"]=t(e.Vue)}(this,(function(e){"use strict";const t="object"==typeof global&&global&&global.Object===Object&&global;var r="object"==typeof self&&self&&self.Object===Object&&self;const n=t||r||Function("return this")();const o=n.Symbol;var a=Object.prototype,i=a.hasOwnProperty,l=a.toString,c=o?o.toStringTag:void 0;var s=Object.prototype.toString;var u="[object Null]",p="[object Undefined]",d=o?o.toStringTag:void 0;function f(e){return null==e?void 0===e?p:u:d&&d in Object(e)?function(e){var t=i.call(e,c),r=e[c];try{e[c]=void 0;var n=!0}catch(a){}var o=l.call(e);return n&&(t?e[c]=r:delete e[c]),o}(e):function(e){return s.call(e)}(e)}function v(e){return null!=e&&"object"==typeof e}var b="[object Symbol]";const y=Array.isArray;var h=/\s/;var m=/^\s+/;function g(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&h.test(e.charAt(t)););return t}(e)+1).replace(m,""):e}function _(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var j=NaN,x=/^[-+]0x[0-9a-f]+$/i,w=/^0b[01]+$/i,k=/^0o[0-7]+$/i,P=parseInt;function C(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||v(e)&&f(e)==b}(e))return j;if(_(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=_(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=g(e);var r=w.test(e);return r||k.test(e)?P(e.slice(2),r?2:8):x.test(e)?j:+e}var O="[object AsyncFunction]",V="[object Function]",B="[object GeneratorFunction]",E="[object Proxy]";function S(e){if(!_(e))return!1;var t=f(e);return t==V||t==B||t==O||t==E}const X=n["__core-js_shared__"];var A,N=(A=/[^.]+$/.exec(X&&X.keys&&X.keys.IE_PROTO||""))?"Symbol(src)_1."+A:"";var I=Function.prototype.toString;function $(e){if(null!=e){try{return I.call(e)}catch(t){}try{return e+""}catch(t){}}return""}var z=/^\[object .+?Constructor\]$/,G=Function.prototype,M=Object.prototype,U=G.toString,T=M.hasOwnProperty,D=RegExp("^"+U.call(T).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function F(e){return!(!_(e)||(t=e,N&&N in t))&&(S(e)?D:z).test($(e));var t}function R(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return F(r)?r:void 0}const Y=R(n,"WeakMap");var L=Object.create;const W=function(){function e(){}return function(t){if(!_(t))return{};if(L)return L(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}();const q=function(){try{var e=R(Object,"defineProperty");return e({},"",{}),e}catch(t){}}();var H=9007199254740991,J=/^(?:0|[1-9]\d*)$/;function K(e,t){var r=typeof e;return!!(t=null==t?H:t)&&("number"==r||"symbol"!=r&&J.test(e))&&e>-1&&e%1==0&&e<t}function Q(e,t,r){"__proto__"==t&&q?q(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}function Z(e,t){return e===t||e!=e&&t!=t}var ee=Object.prototype.hasOwnProperty;function te(e,t,r){var n=e[t];ee.call(e,t)&&Z(n,r)&&(void 0!==r||t in e)||Q(e,t,r)}function re(e,t,r,n){var o=!r;r||(r={});for(var a=-1,i=t.length;++a<i;){var l=t[a],c=n?n(r[l],e[l],l,r,e):void 0;void 0===c&&(c=e[l]),o?Q(r,l,c):te(r,l,c)}return r}var ne=9007199254740991;function oe(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=ne}function ae(e){return null!=e&&oe(e.length)&&!S(e)}var ie=Object.prototype;function le(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||ie)}function ce(e){return v(e)&&"[object Arguments]"==f(e)}var se=Object.prototype,ue=se.hasOwnProperty,pe=se.propertyIsEnumerable,de=ce(function(){return arguments}())?ce:function(e){return v(e)&&ue.call(e,"callee")&&!pe.call(e,"callee")};const fe=de;var ve="object"==typeof exports&&exports&&!exports.nodeType&&exports,be=ve&&"object"==typeof module&&module&&!module.nodeType&&module,ye=be&&be.exports===ve?n.Buffer:void 0;const he=(ye?ye.isBuffer:void 0)||function(){return!1};var me={};function ge(e){return function(t){return e(t)}}me["[object Float32Array]"]=me["[object Float64Array]"]=me["[object Int8Array]"]=me["[object Int16Array]"]=me["[object Int32Array]"]=me["[object Uint8Array]"]=me["[object Uint8ClampedArray]"]=me["[object Uint16Array]"]=me["[object Uint32Array]"]=!0,me["[object Arguments]"]=me["[object Array]"]=me["[object ArrayBuffer]"]=me["[object Boolean]"]=me["[object DataView]"]=me["[object Date]"]=me["[object Error]"]=me["[object Function]"]=me["[object Map]"]=me["[object Number]"]=me["[object Object]"]=me["[object RegExp]"]=me["[object Set]"]=me["[object String]"]=me["[object WeakMap]"]=!1;var _e="object"==typeof exports&&exports&&!exports.nodeType&&exports,je=_e&&"object"==typeof module&&module&&!module.nodeType&&module,xe=je&&je.exports===_e&&t.process;const we=function(){try{var e=je&&je.require&&je.require("util").types;return e||xe&&xe.binding&&xe.binding("util")}catch(t){}}();var ke=we&&we.isTypedArray;const Pe=ke?ge(ke):function(e){return v(e)&&oe(e.length)&&!!me[f(e)]};var Ce=Object.prototype.hasOwnProperty;function Oe(e,t){var r=y(e),n=!r&&fe(e),o=!r&&!n&&he(e),a=!r&&!n&&!o&&Pe(e),i=r||n||o||a,l=i?function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}(e.length,String):[],c=l.length;for(var s in e)!t&&!Ce.call(e,s)||i&&("length"==s||o&&("offset"==s||"parent"==s)||a&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||K(s,c))||l.push(s);return l}function Ve(e,t){return function(r){return e(t(r))}}const Be=Ve(Object.keys,Object);var Ee=Object.prototype.hasOwnProperty;function Se(e){return ae(e)?Oe(e):function(e){if(!le(e))return Be(e);var t=[];for(var r in Object(e))Ee.call(e,r)&&"constructor"!=r&&t.push(r);return t}(e)}var Xe=Object.prototype.hasOwnProperty;function Ae(e){if(!_(e))return function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t}(e);var t=le(e),r=[];for(var n in e)("constructor"!=n||!t&&Xe.call(e,n))&&r.push(n);return r}function Ne(e){return ae(e)?Oe(e,!0):Ae(e)}const Ie=R(Object,"create");var $e=Object.prototype.hasOwnProperty;var ze=Object.prototype.hasOwnProperty;function Ge(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function Me(e,t){for(var r=e.length;r--;)if(Z(e[r][0],t))return r;return-1}Ge.prototype.clear=function(){this.__data__=Ie?Ie(null):{},this.size=0},Ge.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Ge.prototype.get=function(e){var t=this.__data__;if(Ie){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return $e.call(t,e)?t[e]:void 0},Ge.prototype.has=function(e){var t=this.__data__;return Ie?void 0!==t[e]:ze.call(t,e)},Ge.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Ie&&void 0===t?"__lodash_hash_undefined__":t,this};var Ue=Array.prototype.splice;function Te(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Te.prototype.clear=function(){this.__data__=[],this.size=0},Te.prototype.delete=function(e){var t=this.__data__,r=Me(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ue.call(t,r,1),--this.size,!0)},Te.prototype.get=function(e){var t=this.__data__,r=Me(t,e);return r<0?void 0:t[r][1]},Te.prototype.has=function(e){return Me(this.__data__,e)>-1},Te.prototype.set=function(e,t){var r=this.__data__,n=Me(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};const De=R(n,"Map");function Fe(e,t){var r,n,o=e.__data__;return("string"==(n=typeof(r=t))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof t?"string":"hash"]:o.map}function Re(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function Ye(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e}Re.prototype.clear=function(){this.size=0,this.__data__={hash:new Ge,map:new(De||Te),string:new Ge}},Re.prototype.delete=function(e){var t=Fe(this,e).delete(e);return this.size-=t?1:0,t},Re.prototype.get=function(e){return Fe(this,e).get(e)},Re.prototype.has=function(e){return Fe(this,e).has(e)},Re.prototype.set=function(e,t){var r=Fe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};const Le=Ve(Object.getPrototypeOf,Object);function We(e){var t=this.__data__=new Te(e);this.size=t.size}We.prototype.clear=function(){this.__data__=new Te,this.size=0},We.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},We.prototype.get=function(e){return this.__data__.get(e)},We.prototype.has=function(e){return this.__data__.has(e)},We.prototype.set=function(e,t){var r=this.__data__;if(r instanceof Te){var n=r.__data__;if(!De||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Re(n)}return r.set(e,t),this.size=r.size,this};var qe="object"==typeof exports&&exports&&!exports.nodeType&&exports,He=qe&&"object"==typeof module&&module&&!module.nodeType&&module,Je=He&&He.exports===qe?n.Buffer:void 0,Ke=Je?Je.allocUnsafe:void 0;function Qe(){return[]}var Ze=Object.prototype.propertyIsEnumerable,et=Object.getOwnPropertySymbols;const tt=et?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a}(et(e),(function(t){return Ze.call(e,t)})))}:Qe;const rt=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)Ye(t,tt(e)),e=Le(e);return t}:Qe;function nt(e,t,r){var n=t(e);return y(e)?n:Ye(n,r(e))}function ot(e){return nt(e,Se,tt)}function at(e){return nt(e,Ne,rt)}const it=R(n,"DataView");const lt=R(n,"Promise");const ct=R(n,"Set");var st="[object Map]",ut="[object Promise]",pt="[object Set]",dt="[object WeakMap]",ft="[object DataView]",vt=$(it),bt=$(De),yt=$(lt),ht=$(ct),mt=$(Y),gt=f;(it&&gt(new it(new ArrayBuffer(1)))!=ft||De&&gt(new De)!=st||lt&&gt(lt.resolve())!=ut||ct&&gt(new ct)!=pt||Y&&gt(new Y)!=dt)&&(gt=function(e){var t=f(e),r="[object Object]"==t?e.constructor:void 0,n=r?$(r):"";if(n)switch(n){case vt:return ft;case bt:return st;case yt:return ut;case ht:return pt;case mt:return dt}return t});const _t=gt;var jt=Object.prototype.hasOwnProperty;const xt=n.Uint8Array;function wt(e){var t=new e.constructor(e.byteLength);return new xt(t).set(new xt(e)),t}var kt=/\w*$/;var Pt=o?o.prototype:void 0,Ct=Pt?Pt.valueOf:void 0;var Ot="[object Boolean]",Vt="[object Date]",Bt="[object Map]",Et="[object Number]",St="[object RegExp]",Xt="[object Set]",At="[object String]",Nt="[object Symbol]",It="[object ArrayBuffer]",$t="[object DataView]",zt="[object Float32Array]",Gt="[object Float64Array]",Mt="[object Int8Array]",Ut="[object Int16Array]",Tt="[object Int32Array]",Dt="[object Uint8Array]",Ft="[object Uint8ClampedArray]",Rt="[object Uint16Array]",Yt="[object Uint32Array]";function Lt(e,t,r){var n,o,a,i=e.constructor;switch(t){case It:return wt(e);case Ot:case Vt:return new i(+e);case $t:return function(e,t){var r=t?wt(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)}(e,r);case zt:case Gt:case Mt:case Ut:case Tt:case Dt:case Ft:case Rt:case Yt:return function(e,t){var r=t?wt(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)}(e,r);case Bt:return new i;case Et:case At:return new i(e);case St:return(a=new(o=e).constructor(o.source,kt.exec(o))).lastIndex=o.lastIndex,a;case Xt:return new i;case Nt:return n=e,Ct?Object(Ct.call(n)):{}}}var Wt=we&&we.isMap;const qt=Wt?ge(Wt):function(e){return v(e)&&"[object Map]"==_t(e)};var Ht=we&&we.isSet;const Jt=Ht?ge(Ht):function(e){return v(e)&&"[object Set]"==_t(e)};var Kt=1,Qt=2,Zt=4,er="[object Arguments]",tr="[object Function]",rr="[object GeneratorFunction]",nr="[object Object]",or={};function ar(e,t,r,n,o,a){var i,l=t&Kt,c=t&Qt,s=t&Zt;if(r&&(i=o?r(e,n,o,a):r(e)),void 0!==i)return i;if(!_(e))return e;var u=y(e);if(u){if(i=function(e){var t=e.length,r=new e.constructor(t);return t&&"string"==typeof e[0]&&jt.call(e,"index")&&(r.index=e.index,r.input=e.input),r}(e),!l)return function(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t}(e,i)}else{var p=_t(e),d=p==tr||p==rr;if(he(e))return function(e,t){if(t)return e.slice();var r=e.length,n=Ke?Ke(r):new e.constructor(r);return e.copy(n),n}(e,l);if(p==nr||p==er||d&&!o){if(i=c||d?{}:function(e){return"function"!=typeof e.constructor||le(e)?{}:W(Le(e))}(e),!l)return c?function(e,t){return re(e,rt(e),t)}(e,function(e,t){return e&&re(t,Ne(t),e)}(i,e)):function(e,t){return re(e,tt(e),t)}(e,function(e,t){return e&&re(t,Se(t),e)}(i,e))}else{if(!or[p])return o?e:{};i=Lt(e,p,l)}}a||(a=new We);var f=a.get(e);if(f)return f;a.set(e,i),Jt(e)?e.forEach((function(n){i.add(ar(n,t,r,n,e,a))})):qt(e)&&e.forEach((function(n,o){i.set(o,ar(n,t,r,o,e,a))}));var v=u?void 0:(s?c?at:ot:c?Ne:Se)(e);return function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n&&!1!==t(e[r],r,e););}(v||e,(function(n,o){v&&(n=e[o=n]),te(i,o,ar(n,t,r,o,e,a))})),i}or[er]=or["[object Array]"]=or["[object ArrayBuffer]"]=or["[object DataView]"]=or["[object Boolean]"]=or["[object Date]"]=or["[object Float32Array]"]=or["[object Float64Array]"]=or["[object Int8Array]"]=or["[object Int16Array]"]=or["[object Int32Array]"]=or["[object Map]"]=or["[object Number]"]=or[nr]=or["[object RegExp]"]=or["[object Set]"]=or["[object String]"]=or["[object Symbol]"]=or["[object Uint8Array]"]=or["[object Uint8ClampedArray]"]=or["[object Uint16Array]"]=or["[object Uint32Array]"]=!0,or["[object Error]"]=or[tr]=or["[object WeakMap]"]=!1;function ir(e){return ar(e,5)}const lr=function(){return n.Date.now()};var cr="Expected a function",sr=Math.max,ur=Math.min;function pr(e,t,r){var n,o,a,i,l,c,s=0,u=!1,p=!1,d=!0;if("function"!=typeof e)throw new TypeError(cr);function f(t){var r=n,a=o;return n=o=void 0,s=t,i=e.apply(a,r)}function v(e){var r=e-c;return void 0===c||r>=t||r<0||p&&e-s>=a}function b(){var e=lr();if(v(e))return y(e);l=setTimeout(b,function(e){var r=t-(e-c);return p?ur(r,a-(e-s)):r}(e))}function y(e){return l=void 0,d&&n?f(e):(n=o=void 0,i)}function h(){var e=lr(),r=v(e);if(n=arguments,o=this,c=e,r){if(void 0===l)return function(e){return s=e,l=setTimeout(b,t),u?f(e):i}(c);if(p)return clearTimeout(l),l=setTimeout(b,t),f(c)}return void 0===l&&(l=setTimeout(b,t)),i}return t=C(t)||0,_(r)&&(u=!!r.leading,a=(p="maxWait"in r)?sr(C(r.maxWait)||0,t):a,d="trailing"in r?!!r.trailing:d),h.cancel=function(){void 0!==l&&clearTimeout(l),s=0,n=c=o=l=void 0},h.flush=function(){return void 0===l?i:y(lr())},h}function dr(e){return"number"==typeof e&&!1===Number.isNaN(e)&&e>=0&&e<=255}function fr(e,t,r,n){if(dr(e)&&dr(t)&&dr(r)){const o={red:0|e,green:0|t,blue:0|r,alpha:0|n};return!0===dr(n)&&(o.alpha=0|n),o}}function vr(e,t,r,n){let o=t/100*(r/=100);const a=e/60;let i=o*(1-Math.abs(a%2-1)),l=r-o;return o=255*(o+l)|0,i=255*(i+l)|0,l=255*l|0,a>=1&&a<2?fr(i,o,l,n):a>=2&&a<3?fr(l,o,i,n):a>=3&&a<4?fr(l,i,o,n):a>=4&&a<5?fr(i,l,o,n):a>=5&&a<=6?fr(o,l,i,n):fr(o,i,l,n)}function br(e,t,r,n,o,a){e>n&&(e=n),t>r&&(t=r),e<0&&(e=0),t<0&&(t=0);const i=100-100*t/r|0,l=100*e/n|0;return __spreadProps(__spreadValues({},vr(o,l,i,a)),{saturation:l,value:i})}function yr(e,t,r,n,o){let a=360*e/t|0;return a=a<0?0:a>360?360:a,__spreadProps(__spreadValues({},vr(a,r,n,o)),{saturation:r,hue:a})}function hr(e,t){return(e=Number((e/t).toFixed(2)))>1?1:e<0?0:e}function mr(e,t,r){let n=e.toString(16),o=t.toString(16),a=r.toString(16);return e<16&&(n=`0${n}`),t<16&&(o=`0${o}`),r<16&&(a=`0${a}`),n+o+a}const gr=/(^#{0,1}[0-9A-F]{6}$)|(^#{0,1}[0-9A-F]{3}$)|(^#{0,1}[0-9A-F]{8}$)/i;function _r(e){if(gr.test(e)){if("#"===e[0]&&(e=e.slice(1,e.length)),e.length<6)return!1;const t=fr(parseInt(e.substring(0,2),16)||0,parseInt(e.substring(2,4),16)||0,parseInt(e.substring(4,6),16)||0,parseInt(e.substring(6,8),16)/255||0),r=t&&function({red:e,green:t,blue:r}){let n,o,a,i,l=0;const c=e/255,s=t/255,u=r/255,p=Math.max(c,s,u),d=p-Math.min(c,s,u),f=e=>(p-e)/6/d+.5;return 0===d?(l=0,i=0):(i=d/p,n=f(c),o=f(s),a=f(u),c===p?l=a-o:s===p?l=1/3+n-a:u===p&&(l=2/3+o-n),l<0?l+=1:l>1&&(l-=1)),{hue:Math.round(360*l),saturation:Math.round(100*i),value:Math.round(100*p)}}(__spreadValues({},t));return __spreadValues(__spreadValues({},t),r)}return!1}function jr(e,t){const r=100*e/t;return r<0?0:r>100?100:r}function xr(e,t,r,n){return`rgba(${e}, ${t}, ${r}, ${n})`}function wr(e,t,r){let n="";const o=e.slice();return o.sort(((e,t)=>e.left-t.left)),n="linear"===t?`linear-gradient(${r}deg,`:"radial-gradient(",o.forEach(((e,t)=>{n+=`rgba(${e.red}, ${e.green}, ${e.blue}, ${e.alpha}) ${e.left}%`,t!==o.length-1&&(n+=",")})),n+=")",n}let kr;const Pr=new Uint8Array(16);function Cr(){if(!kr&&(kr="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!kr))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return kr(Pr)}const Or=[];for(let Nn=0;Nn<256;++Nn)Or.push((Nn+256).toString(16).slice(1));const Vr={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function Br(e,t,r){if(Vr.randomUUID&&!t&&!e)return Vr.randomUUID();const n=(e=e||{}).random||(e.rng||Cr)();if(n[6]=15&n[6]|64,n[8]=63&n[8]|128,t){r=r||0;for(let e=0;e<16;++e)t[r+e]=n[e];return t}return function(e,t=0){return Or[e[t+0]]+Or[e[t+1]]+Or[e[t+2]]+Or[e[t+3]]+"-"+Or[e[t+4]]+Or[e[t+5]]+"-"+Or[e[t+6]]+Or[e[t+7]]+"-"+Or[e[t+8]]+Or[e[t+9]]+"-"+Or[e[t+10]]+Or[e[t+11]]+Or[e[t+12]]+Or[e[t+13]]+Or[e[t+14]]+Or[e[t+15]]}(n)}const Er={class:"picker-color-ui border-box m-8px bg-[#fff] flex flex-col slelect-none"},Sr=e.createElementVNode("p",null,"Loading...",-1),Xr={key:0,class:"btns flex justify-end items-center select-none"},Ar=e.defineComponent({name:"ColorPicker"}),Nr=e.defineComponent(__spreadProps(__spreadValues({},Ar),{props:{isGradient:{type:Boolean,default:!1},showBtn:{type:Boolean,default:!1},color:{type:Object,default:e=>e.isGradient?{type:"linear",degree:0,points:[{id:Br(),left:0,red:0,green:0,blue:0,alpha:1},{id:Br(),left:100,red:255,green:0,blue:0,alpha:1}]}:{red:255,green:0,blue:0,alpha:1}},cancelText:{type:String,default:"Cancel"},cancelColor:{type:String,default:"#333"},cancelBg:{type:String,default:"#fff"},confirmText:{type:String,default:"Confirm"},confirmColor:{type:String,defualt:"#333"},confirmBg:{type:String,defualt:"#fff"}},emits:["change"],setup(t,{expose:r,emit:n}){var o,a;const i=t,l=e.defineAsyncComponent((()=>Promise.resolve().then((()=>En)))),c=e.defineAsyncComponent((()=>Promise.resolve().then((()=>An)))),s=i.isGradient&&(null==(a=null==(o=i.color)?void 0:o.points)?void 0:a.length)||0,u=s?s-1:0,p=e.reactive({isGradient:i.isGradient,red:i.isGradient?i.color.points[u].red:i.color.red,green:i.isGradient?i.color.points[u].green:i.color.green,blue:i.isGradient?i.color.points[u].blue:i.color.blue,alpha:i.isGradient?i.color.points[u].alpha:i.color.alpha,hue:0,saturation:100,value:100,style:"",type:i.isGradient?i.color.type:"linear",degree:i.isGradient?i.color.degree:0,activePointIndex:u,points:i.isGradient?ir(i.color.points):[]}),d=function(e,t,r){var n=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return _(r)&&(n="leading"in r?!!r.leading:n,o="trailing"in r?!!r.trailing:o),pr(e,t,{leading:n,maxWait:t,trailing:o})}((function({red:e,green:t,blue:r,alpha:o,hue:a,saturation:l,value:c,points:s,type:u,degree:d},f){const v={red:e,green:t,blue:r,alpha:o,hue:a,saturation:l,value:c,points:s,type:u,degree:d};i.isGradient?function(e,t){const{red:r=0,green:o=0,blue:a=0,alpha:l=0,hue:c,saturation:s,value:u,points:d,type:f,degree:v}=e,b=p.points[p.activePointIndex];t?"points"===t||"type"===t||"degree"===t?p[t]=e[t]:b[t]=e[t]:(b.red=r,b.green=o,b.blue=a,p.alpha=l,d&&(p.points=d),f&&(p.type=f),v&&(p.degree=v),s&&(p.saturation=s),u&&(p.value=u),c&&(p.hue=c));const y=wr(p.points,p.type,p.degree);p.style=y,!i.showBtn&&n("change",{style:p.style,gradient:{type:p.type,degree:p.degree,points:p.points}})}(v,f):function(e,t){const{red:r=0,green:o=0,blue:a=0,alpha:l,hue:c,saturation:s,value:u}=e;t?p[t]=e[t]:(p.red=r,p.green=o,p.blue=a,l&&(p.alpha=l),s&&(p.saturation=s),u&&(p.value=u),c&&(p.hue=c));const d=xr(p.red,p.green,p.blue,p.alpha);p.style=d,!i.showBtn&&n("change",{style:d,color:{red:p.red,green:p.green,blue:p.blue,hue:p.hue,alpha:p.alpha}})}(v,f)}),i.showBtn?100:150);const f=e=>{e&&"function"==typeof e&&e()},v=e=>{const{isGradient:t,style:r,type:o,degree:a,points:i,red:l,green:c,blue:s,alpha:u,hue:d}=p;n("change",t?{style:r,gradient:{type:o,degree:a,points:i}}:{style:r,color:{red:l,green:c,blue:s,hue:d,alpha:u}}),e&&"function"==typeof e&&e()};return e.provide("colorPickerState",p),e.provide("updateColor",d),r({onClose:f,onConfirm:v}),(r,n)=>(e.openBlock(),e.createElementBlock("div",Er,[(e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx((()=>[i.isGradient?(e.openBlock(),e.createBlock(e.unref(l),{key:0})):(e.openBlock(),e.createBlock(e.unref(c),{key:1}))])),fallback:e.withCtx((()=>[Sr])),_:1})),t.showBtn?(e.openBlock(),e.createElementBlock("div",Xr,[e.createElementVNode("div",{class:"btn",style:e.normalizeStyle({color:i.cancelColor,backgroundColor:i.cancelBg}),onClick:f},e.toDisplayString(i.cancelText),5),e.createElementVNode("div",{class:"btn",style:e.normalizeStyle({color:i.confirmColor,backgroundColor:i.confirmBg}),onClick:v},e.toDisplayString(i.confirmText),5)])):e.createCommentVNode("",!0)]))}}));function Ir(e,t,r){return function(n){let o=e(n);function a(e){o=t(e,o)||o}window.addEventListener("mousemove",a),window.addEventListener("mouseup",(e=>{window.removeEventListener("mousemove",a),r&&r(e,o)}),{once:!0})}}const $r={class:"picker-area-overlay1 wh-full"},zr={class:"picker-area-overlay2 wh-full rounded-8px"},Gr=e.defineComponent({name:"AreaPicker"}),Mr=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r},Ur=Mr(e.defineComponent(__spreadProps(__spreadValues({},Gr),{setup(t){const r=e.ref(null),n=e.ref(null),o=e.inject("colorPickerState"),a=e.inject("updateColor"),i=e.computed((()=>{const{width:e=0,height:t=0}=n.value||{},{saturation:r=100,value:a=100,isGradient:i,activePointIndex:l}=o,c=(r*e/100|0)-6,s=(t-a*t/100|0)-6,u=o.points[l||0];return{backgroundColor:`rgb(${i?null==u?void 0:u.red:o.red}, ${i?null==u?void 0:u.green:o.green}, ${i?null==u?void 0:u.blue:o.blue})`,left:`${c}px`,top:`${s}px`}})),l=e.computed((()=>{const{isGradient:e,red:t,green:r,blue:n,activePointIndex:a=0,points:i=[]}=o;if(e){const e=i[a];return{backgroundColor:`rgb(${e.red}, ${e.green}, ${e.blue})`}}return{backgroundColor:`rgb(${t}, ${r}, ${n})`}})),c=(e,{startX:t,startY:r,positionX:a,positionY:i})=>{const l=e.pageX-t,c=e.pageY-r,{width:s=0,height:u=0}=n.value||{},p=br(a+=l,i+=c,u,s,o.hue,o.alpha);return{positions:{positionX:a,positionY:i,startX:e.pageX,startY:e.pageY},color:p}},s=Ir((e=>{if(!n.value)return;const{x:t,y:r}=n.value,{width:i=0,height:l=0}=n.value||{},c=e.pageX,s=e.pageY,u=c-t,p=s-r,d=br(u,p,l,i,o.hue,o.alpha);return a(d),{startX:c,startY:s,positionX:u,positionY:p}}),((e,{startX:t,startY:r,positionX:n,positionY:o})=>{const{positions:i,color:l}=c(e,{startX:t,startY:r,positionX:n,positionY:o});return a(l),i}),((e,{startX:t,startY:r,positionX:n,positionY:o})=>{const{positions:i,color:l}=c(e,{startX:t,startY:r,positionX:n,positionY:o});return a(l),i}));return e.watchEffect((()=>{var e;const t=r.value;t&&!(null==(e=n.value)?void 0:e.width)&&(n.value=t.getBoundingClientRect()||null)})),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"pickerAreaRef",ref:r,class:"picker-area w-full mb-16px relative rounded-8px",style:e.normalizeStyle(e.unref(l)),onMousedown:n[0]||(n[0]=(...t)=>e.unref(s)&&e.unref(s)(...t))},[e.createElementVNode("div",$r,[e.createElementVNode("div",zr,[e.createElementVNode("div",{class:"picker-pointer",style:e.normalizeStyle(e.unref(i))},null,4)])])],36))}})),[["__scopeId","data-v-2e8391c9"]]),Tr={class:"preview-area mr-8px"},Dr=e.defineComponent({name:"AreaPreview"}),Fr=e.defineComponent(__spreadProps(__spreadValues({},Dr),{setup(t){const r=e.inject("colorPickerState"),n=e.computed((()=>{let e="";return e=r.isGradient?wr(r.points,r.type,r.degree):xr(r.red,r.green,r.blue,r.alpha),{background:e}}));return(t,r)=>(e.openBlock(),e.createElementBlock("div",Tr,[e.createElementVNode("div",{class:"border-box w-36px h-36px rounded-8px border-width-1px border-solid border-[#ebedf5]",style:e.normalizeStyle(e.unref(n))},null,4)]))}})),Rr=e.defineComponent({name:"AreaHue"}),Yr=Mr(e.defineComponent(__spreadProps(__spreadValues({},Rr),{setup(t){const r=e.ref(null),n=e.ref(null),o=e.inject("colorPickerState"),a=e.inject("updateColor"),i=e.computed((()=>{var e;const t=(null==(e=n.value)?void 0:e.width)||0;return(o.hue||0)*(t-14)/360|0})),l=e.computed((()=>({left:`${i.value}px`}))),c=(e,{startX:t,positionX:r})=>{var a;const i=e.pageX-t,l=(null==(a=n.value)?void 0:a.width)||0,c=yr((r+=i)>l?l:r<=0?0:r,l,o.saturation,o.value,o.alpha);return{positions:{positionX:r,startX:e.pageX},color:c}},s=Ir((e=>{var t,r;const i=(null==(t=n.value)?void 0:t.x)||0,l=e.pageX,c=l-i,s=yr(c,(null==(r=n.value)?void 0:r.width)||0,o.saturation,o.value,o.alpha);return a(s),{startX:l,positionX:c}}),((e,{startX:t,positionX:r})=>{const{positions:n,color:o}=c(e,{startX:t,positionX:r});return a(o),n}),((e,{startX:t,positionX:r})=>{const{positions:n,color:o}=c(e,{startX:t,positionX:r});return a(o),n}));return e.watchEffect((()=>{var e,t;r.value&&!(null==(e=n.value)?void 0:e.width)&&(n.value=(null==(t=r.value)?void 0:t.getBoundingClientRect())||null)})),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"relative w-full overflow-hidden rounded-10px mb-8px bg-[red] cursor-pointer",onMousedown:n[0]||(n[0]=(...t)=>e.unref(s)&&e.unref(s)(...t))},[e.createElementVNode("div",{ref_key:"hueRef",ref:r,class:"hue-area relative"},[e.createElementVNode("div",{class:"picker-pointer",style:e.normalizeStyle(e.unref(l))},null,4)],512)],32))}})),[["__scopeId","data-v-7cd4331a"]]),Lr={class:"alpha-area wh-full rounded-10px"},Wr=e.defineComponent({name:"AreaAlpha"}),qr=Mr(e.defineComponent(__spreadProps(__spreadValues({},Wr),{setup(t){const r=e.inject("colorPickerState"),n=e.inject("updateColor"),o=e.ref(null),a=e.ref(null),i=e.computed((()=>{var e;const{isGradient:t,alpha:n,activePointIndex:o=0,points:i=[]}=r,l=(null==(e=a.value)?void 0:e.width)||0;if(t){return i[o].alpha*(l-14)|0}return n*(l-14)|0})),l=e.computed((()=>{const{isGradient:e,red:t,green:n,blue:o,activePointIndex:a=0,points:i=[]}=r;if(e){const e=i[a];return{background:`linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${e.red}, ${e.green}, ${e.blue}))`}}return{background:`linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${t}, ${n}, ${o}))`}})),c=e.computed((()=>({left:`${i.value}px`}))),s=(e,{startX:t,positionX:r})=>{var n;const o=hr(r+=e.pageX-t,(null==(n=a.value)?void 0:n.width)||0);return{positions:{positionX:r,startX:e.pageX},alpha:o}},u=Ir((e=>{var t,r;const o=(null==(t=a.value)?void 0:t.x)||0,i=e.pageX,l=(null==(r=a.value)?void 0:r.width)||0;let c=i-o;return n({alpha:hr(c,l)},"alpha"),{startX:i,positionX:c}}),((e,{startX:t,positionX:r})=>{const{positions:o,alpha:a}=s(e,{startX:t,positionX:r});return n({alpha:a},"alpha"),o}),((e,{startX:t,positionX:r})=>{const{positions:o,alpha:a}=s(e,{startX:t,positionX:r});return n({alpha:a},"alpha"),o}));return e.watchEffect((()=>{var e,t;o.value&&!(null==(e=a.value)?void 0:e.width)&&(a.value=(null==(t=o.value)?void 0:t.getBoundingClientRect())||null)})),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:"relative w-full overflow-hidden rounded-10px h-14px cursor-pointer",onMousedown:r[0]||(r[0]=(...t)=>e.unref(u)&&e.unref(u)(...t))},[e.createElementVNode("div",{class:"absolute left-0 right-0 top-0 bottom-0",style:e.normalizeStyle(e.unref(l))},null,4),e.createElementVNode("div",Lr,[e.createElementVNode("div",{ref_key:"alphaMaskRef",ref:o,class:"wh-full relative"},[e.createElementVNode("div",{class:"picker-pointer",style:e.normalizeStyle(e.unref(c))},null,4)],512)])],32))}})),[["__scopeId","data-v-256c0c24"]]),Hr=["onDblclick"],Jr=e.defineComponent({name:"AreaGradientPoint"}),Kr=e.defineComponent(__spreadProps(__spreadValues({},Jr),{props:{index:{type:Number,required:!0},point:{type:Object,required:!0},width:{type:Number,default:0},positions:{type:Object}},setup(t){const r=t,n=e.inject("colorPickerState"),o=e.inject("updateColor"),a=e.computed((()=>n.activePointIndex===r.index?" active":"")),i=e.computed((()=>({left:r.point.left*((r.width-14)/100)+"px"}))),l=e=>{n.points[r.index].left=e,o({type:n.type},"type")},c=(e,{startX:t,offsetX:n})=>{const o=jr(n+=e.pageX-t,r.width);return{positions:{offsetX:n,startX:e.pageX},left:o}},s=Ir((e=>{const t=e.pageX,o=e.pageY,a=t-(r.positions.x||0);return n.activePointIndex=r.index,{startX:t,startY:o,offsetX:a}}),((e,{startX:t,offsetX:r})=>{const{positions:n,left:o}=c(e,{startX:t,offsetX:r});return l(o),n}),((e,{startX:t,offsetX:r})=>{const{positions:n,left:o}=c(e,{startX:t,offsetX:r});return l(o),n})),u=()=>{let e=ir(n.points);if(e.length<=2)return;const t=r.index,a=0===t?1:t-1;e=null==e?void 0:e.filter((e=>e.id!==r.point.id)),n.activePointIndex=a,o({points:e},"points")};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`picker-pointer${e.unref(a)}`),style:e.normalizeStyle(e.unref(i)),onMousedown:o[0]||(o[0]=e.withModifiers(((...t)=>e.unref(s)&&e.unref(s)(...t)),["stop"])),onDblclick:e.withModifiers(u,["stop"]),onClick:o[1]||(o[1]=e.withModifiers((()=>e.unref(n).activePointIndex=r.index),["stop"]))},[e.createElementVNode("span",{class:e.normalizeClass(`child-point${e.unref(a)}`)},null,2)],46,Hr))}})),Qr=e.defineComponent({name:"AreaGradientPoints"}),Zr=e.defineComponent(__spreadProps(__spreadValues({},Qr),{setup(t){const r=e.inject("colorPickerState"),n=e.inject("updateColor"),o=e.ref(null),a=e.ref(null),i=e.computed((()=>({background:wr(r.points,"linear",90)}))),l=e=>{const{x:t=0,width:o=0}=a.value||{},i=jr(e.pageX-t,o),{hue:l,saturation:c,value:s}=r,u=ir(r.points),p=vr(l,c,s,1),d=__spreadProps(__spreadValues({id:Br()},p),{left:i});null==u||u.push(d),r.activePointIndex=u.findIndex((e=>e.id===d.id)),n({points:u},"points")};return e.watchEffect((()=>{var e,t;o.value&&!(null==(e=a.value)?void 0:e.width)&&(a.value=(null==(t=o.value)?void 0:t.getBoundingClientRect())||null)})),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"gradient border-box w-full h-14px relative cursor-pointer rounded-10px mb-8px",style:e.normalizeStyle(e.unref(i)),onClick:l},[e.createElementVNode("div",{ref_key:"pointsContainerRef",ref:o,class:"wh-full relative"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).points,((t,r)=>{var n;return e.openBlock(),e.createBlock(Kr,{key:t.id,index:r,point:t,positions:e.unref(a),width:null==(n=e.unref(a))?void 0:n.width},null,8,["index","point","positions","width"])})),128))],512)],4))}})),en={class:"flex flex-col px-16px"},tn={class:"flex pb-16px"},rn={class:"flex flex-col flex-1"},nn=e.defineComponent({name:"Area"}),on=e.defineComponent(__spreadProps(__spreadValues({},nn),{setup(t){const r=e.inject("colorPickerState");return(t,n)=>(e.openBlock(),e.createElementBlock("div",en,[e.createVNode(Ur),e.unref(r).isGradient?(e.openBlock(),e.createBlock(Zr,{key:0})):e.createCommentVNode("",!0),e.createElementVNode("div",tn,[e.createVNode(Fr),e.createElementVNode("div",rn,[e.createVNode(Yr),e.createVNode(qr)])])]))}})),an={class:"flex items-center relative w-full rounded-6px text-[#28314d]"},ln=["maxlength","type"],cn={class:"text-12px lining-15px font-bold mt-6px mb-0 text-[#1f2667]"},sn=e.defineComponent({name:"Input"}),un=Mr(e.defineComponent(__spreadProps(__spreadValues({},sn),{props:{value:{default:""},label:{default:""},classes:{default:""},maxLen:{default:"3"},type:{default:"text"}},emits:["input","blur","focus","update:value"],setup(t,{emit:r}){const n=t,o=e.computed({get:()=>n.value,set:e=>{r("update:value",e)}}),a=e=>{r("input",e)},i=()=>{r("blur")},l=()=>{r("focus")};return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-shrink-0 items-center flex-col",n.classes])},[e.createElementVNode("div",an,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=t=>e.isRef(o)?o.value=t:null),class:"w-full outline-0 text-[#1f2667] text-center font-bold text-12px",maxlength:t.maxLen,type:n.type,onFocus:l,onBlur:i,onInput:a},null,40,ln),[[e.vModelDynamic,e.unref(o),void 0,{trim:!0}]])]),e.createElementVNode("div",cn,e.toDisplayString(t.label),1)],2))}})),[["__scopeId","data-v-034b5687"]]),pn=e.defineComponent({name:"PreviewHex"}),dn=e.defineComponent(__spreadProps(__spreadValues({},pn),{setup(t){const r=e.inject("colorPickerState"),n=e.inject("updateColor"),o=e.computed((()=>{const{isGradient:e,activePointIndex:t}=r,n=r.points[t];return e?mr(n.red,n.green,n.blue):mr(r.red,r.green,r.blue)})),a=e=>{let t=e.target.value;if(!t&&0!==t)return;const r=_r(t);r&&n(r)};return(t,r)=>(e.openBlock(),e.createBlock(un,{value:e.unref(o),label:"Hex","max-len":"7",classes:"hex mr-8px",onInput:a},null,8,["value"]))}})),fn=e.defineComponent({name:"PreviewRGBItem"}),vn=e.defineComponent(__spreadProps(__spreadValues({},fn),{props:{type:{default:"text"},label:{default:""}},setup(t){const r=t,n=e.inject("colorPickerState"),o=e.inject("updateColor"),a=e.computed((()=>{const{isGradient:e,red:t,green:o,blue:a,alpha:i,points:l=[],activePointIndex:c=0}=n,s=l[c];let u=0;switch(r.label){case"R":u=e?s.red:t;break;case"G":u=e?s.green:o;break;case"B":u=e?s.blue:a;break;case"A":u=~~(100*(e?s.alpha:i))}return u})),i=e=>{let t=+e.target.value;const{isGradient:a,points:i=[],activePointIndex:l=0}=n;switch(i[l],"A"===r.label&&t>100?t=100:t<=0?t=0:t>255&&(t=255),r.label){case"R":o({red:t},"red");break;case"G":o({green:t},"green");break;case"B":o({blue:t},"blue");break;case"A":o({alpha:t/100},"alpha")}};return(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(un,{value:e.unref(a),label:r.label,type:r.type,classes:"A"!==r.label?"mr-8px":"",onInput:i},null,8,["value","label","type","classes"])]))}})),bn=e.defineComponent({name:"PreviewRGB"}),yn=e.defineComponent(__spreadProps(__spreadValues({},bn),{setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(vn,{type:"number",label:"R"}),e.createVNode(vn,{type:"number",label:"G"}),e.createVNode(vn,{type:"number",label:"B"}),e.createVNode(vn,{type:"number",label:"A"})],64))})),hn={class:"color-preview-area mb-8px px-16px"},mn={class:"w-full flex justify-between"},gn=e.defineComponent({name:"Preview"}),_n=e.defineComponent(__spreadProps(__spreadValues({},gn),{setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock("div",hn,[e.createElementVNode("div",mn,[e.createVNode(dn),e.createVNode(yn)])]))})),jn={class:"gradient-controls border-box flex justify-between items-center w-full mb-8px px-16px"},xn={class:"flex flex-1"},wn={key:0,class:"relative mr-24px"},kn=[(t=>(e.pushScopeId("data-v-4e21238c"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("div",{class:"gradient-degree-pointer"},null,-1)))],Pn={class:"gradient-degree-value flex justify-center items-center"},Cn=e.defineComponent({name:"GradientControls"}),On=Mr(e.defineComponent(__spreadProps(__spreadValues({},Cn),{setup(t){const r=e.inject("colorPickerState"),n=e.inject("updateColor"),o=e.computed((()=>r.type)),a=e.computed((()=>r.degree)),i=e=>{n({type:e},"type")},l=e.ref(!0),c=()=>{if(l.value)return void(l.value=!1);let e=(r.degree||0)+45;e>=360&&(e=0),n({degree:~~e},"degree")},s=e.computed((()=>({transform:`rotate(${r.degree}deg)`}))),u=Ir((e=>{const t=e.target.getBoundingClientRect();return{centerY:~~(8-window.pageYOffset)+t.top,centerX:~~(8-window.pageXOffset)+t.left}}),((e,{centerX:t,centerY:r})=>{l.value=!0;const o=function(e,t,r,n){return Math.atan2(e-r,t-n)*(180/Math.PI)*-1+180}(e.clientX,e.clientY,t,r);n({degree:~~o},"degree")}),(e=>{const t=e.target.classList;l.value=!1,!t.contains("gradient-degrees")&&t.contains("icon-rotate")}));return(t,r)=>(e.openBlock(),e.createElementBlock("div",jn,[e.createElementVNode("div",xn,[e.createElementVNode("div",{class:e.normalizeClass("gradient-type-item liner-gradient "+("linear"===e.unref(o)?"active":"")),onClick:r[0]||(r[0]=e=>i("linear"))},null,2),e.createElementVNode("div",{class:e.normalizeClass("gradient-type-item radial-gradient "+("radial"===e.unref(o)?"active":"")),onClick:r[1]||(r[1]=e=>i("radial"))},null,2)]),"linear"===e.unref(o)?(e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("div",{class:"gradient-degrees cursor-pointer flex justify-center items-center",onMousedown:r[2]||(r[2]=(...t)=>e.unref(u)&&e.unref(u)(...t)),onClick:c},[e.createElementVNode("div",{class:"gradient-degree-center",style:e.normalizeStyle(e.unref(s))},kn,4)],32),e.createElementVNode("div",Pn,[e.createElementVNode("p",null,e.toDisplayString(e.unref(a))+"°",1)])])):e.createCommentVNode("",!0)]))}})),[["__scopeId","data-v-4e21238c"]]),Vn=e.defineComponent({name:"Gradient"}),Bn=e.defineComponent(__spreadProps(__spreadValues({},Vn),{setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(On),e.createVNode(on),e.createVNode(_n)],64))})),En=Object.freeze(Object.defineProperty({__proto__:null,default:Bn},Symbol.toStringTag,{value:"Module"})),Sn=e.defineComponent({name:"Solid"}),Xn=e.defineComponent(__spreadProps(__spreadValues({},Sn),{setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(on),e.createVNode(_n)],64))})),An=Object.freeze(Object.defineProperty({__proto__:null,default:Xn},Symbol.toStringTag,{value:"Module"}));return Nr}));
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["color-gradient-picker-vue3"]={},e.Vue)}(this,(function(e,t){"use strict";const n="object"==typeof global&&global&&global.Object===Object&&global;var r="object"==typeof self&&self&&self.Object===Object&&self;const o=n||r||Function("return this")();const a=o.Symbol;var i=Object.prototype,l=i.hasOwnProperty,c=i.toString,u=a?a.toStringTag:void 0;var s=Object.prototype.toString;var p="[object Null]",d="[object Undefined]",f=a?a.toStringTag:void 0;function v(e){return null==e?void 0===e?d:p:f&&f in Object(e)?function(e){var t=l.call(e,u),n=e[u];try{e[u]=void 0;var r=!0}catch(a){}var o=c.call(e);return r&&(t?e[u]=n:delete e[u]),o}(e):function(e){return s.call(e)}(e)}function b(e){return null!=e&&"object"==typeof e}var y="[object Symbol]";const h=Array.isArray;var m=/\s/;var g=/^\s+/;function _(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&m.test(e.charAt(t)););return t}(e)+1).replace(g,""):e}function j(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var w=NaN,x=/^[-+]0x[0-9a-f]+$/i,k=/^0b[01]+$/i,P=/^0o[0-7]+$/i,C=parseInt;function B(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||b(e)&&v(e)==y}(e))return w;if(j(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=j(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=_(e);var n=k.test(e);return n||P.test(e)?C(e.slice(2),n?2:8):x.test(e)?w:+e}var O="[object AsyncFunction]",V="[object Function]",S="[object GeneratorFunction]",E="[object Proxy]";function X(e){if(!j(e))return!1;var t=v(e);return t==V||t==S||t==O||t==E}const A=o["__core-js_shared__"];var N,I=(N=/[^.]+$/.exec(A&&A.keys&&A.keys.IE_PROTO||""))?"Symbol(src)_1."+N:"";var $=Function.prototype.toString;function z(e){if(null!=e){try{return $.call(e)}catch(t){}try{return e+""}catch(t){}}return""}var G=/^\[object .+?Constructor\]$/,M=Function.prototype,T=Object.prototype,U=M.toString,D=T.hasOwnProperty,F=RegExp("^"+U.call(D).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function R(e){return!(!j(e)||(t=e,I&&I in t))&&(X(e)?F:G).test(z(e));var t}function Y(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return R(n)?n:void 0}const L=Y(o,"WeakMap");var W=Object.create;const q=function(){function e(){}return function(t){if(!j(t))return{};if(W)return W(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();const H=function(){try{var e=Y(Object,"defineProperty");return e({},"",{}),e}catch(t){}}();var J=9007199254740991,K=/^(?:0|[1-9]\d*)$/;function Q(e,t){var n=typeof e;return!!(t=null==t?J:t)&&("number"==n||"symbol"!=n&&K.test(e))&&e>-1&&e%1==0&&e<t}function Z(e,t,n){"__proto__"==t&&H?H(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}function ee(e,t){return e===t||e!=e&&t!=t}var te=Object.prototype.hasOwnProperty;function ne(e,t,n){var r=e[t];te.call(e,t)&&ee(r,n)&&(void 0!==n||t in e)||Z(e,t,n)}function re(e,t,n,r){var o=!n;n||(n={});for(var a=-1,i=t.length;++a<i;){var l=t[a],c=r?r(n[l],e[l],l,n,e):void 0;void 0===c&&(c=e[l]),o?Z(n,l,c):ne(n,l,c)}return n}var oe=9007199254740991;function ae(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=oe}function ie(e){return null!=e&&ae(e.length)&&!X(e)}var le=Object.prototype;function ce(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||le)}function ue(e){return b(e)&&"[object Arguments]"==v(e)}var se=Object.prototype,pe=se.hasOwnProperty,de=se.propertyIsEnumerable,fe=ue(function(){return arguments}())?ue:function(e){return b(e)&&pe.call(e,"callee")&&!de.call(e,"callee")};const ve=fe;var be="object"==typeof e&&e&&!e.nodeType&&e,ye=be&&"object"==typeof module&&module&&!module.nodeType&&module,he=ye&&ye.exports===be?o.Buffer:void 0;const me=(he?he.isBuffer:void 0)||function(){return!1};var ge={};function _e(e){return function(t){return e(t)}}ge["[object Float32Array]"]=ge["[object Float64Array]"]=ge["[object Int8Array]"]=ge["[object Int16Array]"]=ge["[object Int32Array]"]=ge["[object Uint8Array]"]=ge["[object Uint8ClampedArray]"]=ge["[object Uint16Array]"]=ge["[object Uint32Array]"]=!0,ge["[object Arguments]"]=ge["[object Array]"]=ge["[object ArrayBuffer]"]=ge["[object Boolean]"]=ge["[object DataView]"]=ge["[object Date]"]=ge["[object Error]"]=ge["[object Function]"]=ge["[object Map]"]=ge["[object Number]"]=ge["[object Object]"]=ge["[object RegExp]"]=ge["[object Set]"]=ge["[object String]"]=ge["[object WeakMap]"]=!1;var je="object"==typeof e&&e&&!e.nodeType&&e,we=je&&"object"==typeof module&&module&&!module.nodeType&&module,xe=we&&we.exports===je&&n.process;const ke=function(){try{var e=we&&we.require&&we.require("util").types;return e||xe&&xe.binding&&xe.binding("util")}catch(t){}}();var Pe=ke&&ke.isTypedArray;const Ce=Pe?_e(Pe):function(e){return b(e)&&ae(e.length)&&!!ge[v(e)]};var Be=Object.prototype.hasOwnProperty;function Oe(e,t){var n=h(e),r=!n&&ve(e),o=!n&&!r&&me(e),a=!n&&!r&&!o&&Ce(e),i=n||r||o||a,l=i?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],c=l.length;for(var u in e)!t&&!Be.call(e,u)||i&&("length"==u||o&&("offset"==u||"parent"==u)||a&&("buffer"==u||"byteLength"==u||"byteOffset"==u)||Q(u,c))||l.push(u);return l}function Ve(e,t){return function(n){return e(t(n))}}const Se=Ve(Object.keys,Object);var Ee=Object.prototype.hasOwnProperty;function Xe(e){return ie(e)?Oe(e):function(e){if(!ce(e))return Se(e);var t=[];for(var n in Object(e))Ee.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)}var Ae=Object.prototype.hasOwnProperty;function Ne(e){if(!j(e))return function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}(e);var t=ce(e),n=[];for(var r in e)("constructor"!=r||!t&&Ae.call(e,r))&&n.push(r);return n}function Ie(e){return ie(e)?Oe(e,!0):Ne(e)}const $e=Y(Object,"create");var ze=Object.prototype.hasOwnProperty;var Ge=Object.prototype.hasOwnProperty;function Me(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Te(e,t){for(var n=e.length;n--;)if(ee(e[n][0],t))return n;return-1}Me.prototype.clear=function(){this.__data__=$e?$e(null):{},this.size=0},Me.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Me.prototype.get=function(e){var t=this.__data__;if($e){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return ze.call(t,e)?t[e]:void 0},Me.prototype.has=function(e){var t=this.__data__;return $e?void 0!==t[e]:Ge.call(t,e)},Me.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=$e&&void 0===t?"__lodash_hash_undefined__":t,this};var Ue=Array.prototype.splice;function De(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}De.prototype.clear=function(){this.__data__=[],this.size=0},De.prototype.delete=function(e){var t=this.__data__,n=Te(t,e);return!(n<0)&&(n==t.length-1?t.pop():Ue.call(t,n,1),--this.size,!0)},De.prototype.get=function(e){var t=this.__data__,n=Te(t,e);return n<0?void 0:t[n][1]},De.prototype.has=function(e){return Te(this.__data__,e)>-1},De.prototype.set=function(e,t){var n=this.__data__,r=Te(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};const Fe=Y(o,"Map");function Re(e,t){var n,r,o=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof t?"string":"hash"]:o.map}function Ye(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Le(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}Ye.prototype.clear=function(){this.size=0,this.__data__={hash:new Me,map:new(Fe||De),string:new Me}},Ye.prototype.delete=function(e){var t=Re(this,e).delete(e);return this.size-=t?1:0,t},Ye.prototype.get=function(e){return Re(this,e).get(e)},Ye.prototype.has=function(e){return Re(this,e).has(e)},Ye.prototype.set=function(e,t){var n=Re(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};const We=Ve(Object.getPrototypeOf,Object);function qe(e){var t=this.__data__=new De(e);this.size=t.size}qe.prototype.clear=function(){this.__data__=new De,this.size=0},qe.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},qe.prototype.get=function(e){return this.__data__.get(e)},qe.prototype.has=function(e){return this.__data__.has(e)},qe.prototype.set=function(e,t){var n=this.__data__;if(n instanceof De){var r=n.__data__;if(!Fe||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new Ye(r)}return n.set(e,t),this.size=n.size,this};var He="object"==typeof e&&e&&!e.nodeType&&e,Je=He&&"object"==typeof module&&module&&!module.nodeType&&module,Ke=Je&&Je.exports===He?o.Buffer:void 0,Qe=Ke?Ke.allocUnsafe:void 0;function Ze(){return[]}var et=Object.prototype.propertyIsEnumerable,tt=Object.getOwnPropertySymbols;const nt=tt?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,a=[];++n<r;){var i=e[n];t(i,n,e)&&(a[o++]=i)}return a}(tt(e),(function(t){return et.call(e,t)})))}:Ze;const rt=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)Le(t,nt(e)),e=We(e);return t}:Ze;function ot(e,t,n){var r=t(e);return h(e)?r:Le(r,n(e))}function at(e){return ot(e,Xe,nt)}function it(e){return ot(e,Ie,rt)}const lt=Y(o,"DataView");const ct=Y(o,"Promise");const ut=Y(o,"Set");var st="[object Map]",pt="[object Promise]",dt="[object Set]",ft="[object WeakMap]",vt="[object DataView]",bt=z(lt),yt=z(Fe),ht=z(ct),mt=z(ut),gt=z(L),_t=v;(lt&&_t(new lt(new ArrayBuffer(1)))!=vt||Fe&&_t(new Fe)!=st||ct&&_t(ct.resolve())!=pt||ut&&_t(new ut)!=dt||L&&_t(new L)!=ft)&&(_t=function(e){var t=v(e),n="[object Object]"==t?e.constructor:void 0,r=n?z(n):"";if(r)switch(r){case bt:return vt;case yt:return st;case ht:return pt;case mt:return dt;case gt:return ft}return t});const jt=_t;var wt=Object.prototype.hasOwnProperty;const xt=o.Uint8Array;function kt(e){var t=new e.constructor(e.byteLength);return new xt(t).set(new xt(e)),t}var Pt=/\w*$/;var Ct=a?a.prototype:void 0,Bt=Ct?Ct.valueOf:void 0;var Ot="[object Boolean]",Vt="[object Date]",St="[object Map]",Et="[object Number]",Xt="[object RegExp]",At="[object Set]",Nt="[object String]",It="[object Symbol]",$t="[object ArrayBuffer]",zt="[object DataView]",Gt="[object Float32Array]",Mt="[object Float64Array]",Tt="[object Int8Array]",Ut="[object Int16Array]",Dt="[object Int32Array]",Ft="[object Uint8Array]",Rt="[object Uint8ClampedArray]",Yt="[object Uint16Array]",Lt="[object Uint32Array]";function Wt(e,t,n){var r,o,a,i=e.constructor;switch(t){case $t:return kt(e);case Ot:case Vt:return new i(+e);case zt:return function(e,t){var n=t?kt(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,n);case Gt:case Mt:case Tt:case Ut:case Dt:case Ft:case Rt:case Yt:case Lt:return function(e,t){var n=t?kt(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,n);case St:return new i;case Et:case Nt:return new i(e);case Xt:return(a=new(o=e).constructor(o.source,Pt.exec(o))).lastIndex=o.lastIndex,a;case At:return new i;case It:return r=e,Bt?Object(Bt.call(r)):{}}}var qt=ke&&ke.isMap;const Ht=qt?_e(qt):function(e){return b(e)&&"[object Map]"==jt(e)};var Jt=ke&&ke.isSet;const Kt=Jt?_e(Jt):function(e){return b(e)&&"[object Set]"==jt(e)};var Qt=1,Zt=2,en=4,tn="[object Arguments]",nn="[object Function]",rn="[object GeneratorFunction]",on="[object Object]",an={};function ln(e,t,n,r,o,a){var i,l=t&Qt,c=t&Zt,u=t&en;if(n&&(i=o?n(e,r,o,a):n(e)),void 0!==i)return i;if(!j(e))return e;var s=h(e);if(s){if(i=function(e){var t=e.length,n=new e.constructor(t);return t&&"string"==typeof e[0]&&wt.call(e,"index")&&(n.index=e.index,n.input=e.input),n}(e),!l)return function(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n<r;)t[n]=e[n];return t}(e,i)}else{var p=jt(e),d=p==nn||p==rn;if(me(e))return function(e,t){if(t)return e.slice();var n=e.length,r=Qe?Qe(n):new e.constructor(n);return e.copy(r),r}(e,l);if(p==on||p==tn||d&&!o){if(i=c||d?{}:function(e){return"function"!=typeof e.constructor||ce(e)?{}:q(We(e))}(e),!l)return c?function(e,t){return re(e,rt(e),t)}(e,function(e,t){return e&&re(t,Ie(t),e)}(i,e)):function(e,t){return re(e,nt(e),t)}(e,function(e,t){return e&&re(t,Xe(t),e)}(i,e))}else{if(!an[p])return o?e:{};i=Wt(e,p,l)}}a||(a=new qe);var f=a.get(e);if(f)return f;a.set(e,i),Kt(e)?e.forEach((function(r){i.add(ln(r,t,n,r,e,a))})):Ht(e)&&e.forEach((function(r,o){i.set(o,ln(r,t,n,o,e,a))}));var v=s?void 0:(u?c?it:at:c?Ie:Xe)(e);return function(e,t){for(var n=-1,r=null==e?0:e.length;++n<r&&!1!==t(e[n],n,e););}(v||e,(function(r,o){v&&(r=e[o=r]),ne(i,o,ln(r,t,n,o,e,a))})),i}an[tn]=an["[object Array]"]=an["[object ArrayBuffer]"]=an["[object DataView]"]=an["[object Boolean]"]=an["[object Date]"]=an["[object Float32Array]"]=an["[object Float64Array]"]=an["[object Int8Array]"]=an["[object Int16Array]"]=an["[object Int32Array]"]=an["[object Map]"]=an["[object Number]"]=an[on]=an["[object RegExp]"]=an["[object Set]"]=an["[object String]"]=an["[object Symbol]"]=an["[object Uint8Array]"]=an["[object Uint8ClampedArray]"]=an["[object Uint16Array]"]=an["[object Uint32Array]"]=!0,an["[object Error]"]=an[nn]=an["[object WeakMap]"]=!1;function cn(e){return ln(e,5)}const un=function(){return o.Date.now()};var sn="Expected a function",pn=Math.max,dn=Math.min;function fn(e,t,n){var r,o,a,i,l,c,u=0,s=!1,p=!1,d=!0;if("function"!=typeof e)throw new TypeError(sn);function f(t){var n=r,a=o;return r=o=void 0,u=t,i=e.apply(a,n)}function v(e){var n=e-c;return void 0===c||n>=t||n<0||p&&e-u>=a}function b(){var e=un();if(v(e))return y(e);l=setTimeout(b,function(e){var n=t-(e-c);return p?dn(n,a-(e-u)):n}(e))}function y(e){return l=void 0,d&&r?f(e):(r=o=void 0,i)}function h(){var e=un(),n=v(e);if(r=arguments,o=this,c=e,n){if(void 0===l)return function(e){return u=e,l=setTimeout(b,t),s?f(e):i}(c);if(p)return clearTimeout(l),l=setTimeout(b,t),f(c)}return void 0===l&&(l=setTimeout(b,t)),i}return t=B(t)||0,j(n)&&(s=!!n.leading,a=(p="maxWait"in n)?pn(B(n.maxWait)||0,t):a,d="trailing"in n?!!n.trailing:d),h.cancel=function(){void 0!==l&&clearTimeout(l),u=0,r=c=o=l=void 0},h.flush=function(){return void 0===l?i:y(un())},h}function vn(e){return"number"==typeof e&&!1===Number.isNaN(e)&&e>=0&&e<=255}function bn(e,t,n,r){if(vn(e)&&vn(t)&&vn(n)){const o={red:0|e,green:0|t,blue:0|n,alpha:0|r};return!0===vn(r)&&(o.alpha=0|r),o}}function yn(e,t,n,r){let o=t/100*(n/=100);const a=e/60;let i=o*(1-Math.abs(a%2-1)),l=n-o;return o=255*(o+l)|0,i=255*(i+l)|0,l=255*l|0,a>=1&&a<2?bn(i,o,l,r):a>=2&&a<3?bn(l,o,i,r):a>=3&&a<4?bn(l,i,o,r):a>=4&&a<5?bn(i,l,o,r):a>=5&&a<=6?bn(o,l,i,r):bn(o,i,l,r)}function hn(e,t,n,r,o,a){e>r&&(e=r),t>n&&(t=n),e<0&&(e=0),t<0&&(t=0);const i=100-100*t/n|0,l=100*e/r|0;return __spreadProps(__spreadValues({},yn(o,l,i,a)),{saturation:l,value:i})}function mn(e,t,n,r,o){let a=360*e/t|0;return a=a<0?0:a>360?360:a,__spreadProps(__spreadValues({},yn(a,n,r,o)),{saturation:n,hue:a})}function gn(e,t){return(e=Number((e/t).toFixed(2)))>1?1:e<0?0:e}function _n(e,t,n){let r=e.toString(16),o=t.toString(16),a=n.toString(16);return e<16&&(r=`0${r}`),t<16&&(o=`0${o}`),n<16&&(a=`0${a}`),r+o+a}const jn=/(^#{0,1}[0-9A-F]{6}$)|(^#{0,1}[0-9A-F]{3}$)|(^#{0,1}[0-9A-F]{8}$)/i;function wn(e){if(jn.test(e)){if("#"===e[0]&&(e=e.slice(1,e.length)),e.length<6)return!1;const t=bn(parseInt(e.substring(0,2),16)||0,parseInt(e.substring(2,4),16)||0,parseInt(e.substring(4,6),16)||0,parseInt(e.substring(6,8),16)/255||0),n=t&&function({red:e,green:t,blue:n}){let r,o,a,i,l=0;const c=e/255,u=t/255,s=n/255,p=Math.max(c,u,s),d=p-Math.min(c,u,s),f=e=>(p-e)/6/d+.5;return 0===d?(l=0,i=0):(i=d/p,r=f(c),o=f(u),a=f(s),c===p?l=a-o:u===p?l=1/3+r-a:s===p&&(l=2/3+o-r),l<0?l+=1:l>1&&(l-=1)),{hue:Math.round(360*l),saturation:Math.round(100*i),value:Math.round(100*p)}}(__spreadValues({},t));return __spreadValues(__spreadValues({},t),n)}return!1}function xn(e,t){const n=100*e/t;return n<0?0:n>100?100:n}function kn(e,t,n,r){return`rgba(${e}, ${t}, ${n}, ${r})`}function Pn(e,t,n){let r="";const o=e.slice();return o.sort(((e,t)=>e.left-t.left)),r="linear"===t?`linear-gradient(${n}deg,`:"radial-gradient(",o.forEach(((e,t)=>{r+=`rgba(${e.red}, ${e.green}, ${e.blue}, ${e.alpha}) ${e.left}%`,t!==o.length-1&&(r+=",")})),r+=")",r}let Cn;const Bn=new Uint8Array(16);function On(){if(!Cn&&(Cn="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Cn))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Cn(Bn)}const Vn=[];for(let Ir=0;Ir<256;++Ir)Vn.push((Ir+256).toString(16).slice(1));const Sn={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function En(e,t,n){if(Sn.randomUUID&&!t&&!e)return Sn.randomUUID();const r=(e=e||{}).random||(e.rng||On)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(let e=0;e<16;++e)t[n+e]=r[e];return t}return function(e,t=0){return Vn[e[t+0]]+Vn[e[t+1]]+Vn[e[t+2]]+Vn[e[t+3]]+"-"+Vn[e[t+4]]+Vn[e[t+5]]+"-"+Vn[e[t+6]]+Vn[e[t+7]]+"-"+Vn[e[t+8]]+Vn[e[t+9]]+"-"+Vn[e[t+10]]+Vn[e[t+11]]+Vn[e[t+12]]+Vn[e[t+13]]+Vn[e[t+14]]+Vn[e[t+15]]}(r)}const Xn={class:"picker-color-ui border-box m-8px bg-[#fff] flex flex-col slelect-none"},An=t.createElementVNode("p",null,"Loading...",-1),Nn={key:0,class:"btns flex justify-end items-center select-none"},In=t.defineComponent({name:"ColorPicker"}),$n=t.defineComponent(__spreadProps(__spreadValues({},In),{props:{isGradient:{type:Boolean,default:!1},showBtn:{type:Boolean,default:!1},showCancel:{type:Boolean,default:!1},color:{type:Object,default:e=>e.isGradient?{type:"linear",degree:0,points:[{id:En(),left:0,red:0,green:0,blue:0,alpha:1},{id:En(),left:100,red:255,green:0,blue:0,alpha:1}]}:{red:255,green:0,blue:0,alpha:1}},cancelText:{type:String,default:"Cancel"},cancelColor:{type:String,default:"#333"},cancelBg:{type:String,default:"#fff"},confirmText:{type:String,default:"Confirm"},confirmColor:{type:String,defualt:"#333"},confirmBg:{type:String,defualt:"#fff"}},emits:["change"],setup(e,{expose:n,emit:r}){var o,a;const i=e,l=t.defineAsyncComponent((()=>Promise.resolve().then((()=>Er)))),c=t.defineAsyncComponent((()=>Promise.resolve().then((()=>Nr)))),u=i.isGradient&&(null==(a=null==(o=i.color)?void 0:o.points)?void 0:a.length)||0,s=u?u-1:0,p=t.reactive({isGradient:i.isGradient,red:i.isGradient?i.color.points[s].red:i.color.red,green:i.isGradient?i.color.points[s].green:i.color.green,blue:i.isGradient?i.color.points[s].blue:i.color.blue,alpha:i.isGradient?i.color.points[s].alpha:i.color.alpha,hue:0,saturation:100,value:100,style:"",type:i.isGradient?i.color.type:"linear",degree:i.isGradient?i.color.degree:0,activePointIndex:s,points:i.isGradient?cn(i.color.points):[]}),d=function(e,t,n){var r=!0,o=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return j(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),fn(e,t,{leading:r,maxWait:t,trailing:o})}((function({red:e,green:t,blue:n,alpha:o,hue:a,saturation:l,value:c,points:u,type:s,degree:d},f){const v={red:e,green:t,blue:n,alpha:o,hue:a,saturation:l,value:c,points:u,type:s,degree:d};i.isGradient?function(e,t){const{red:n=0,green:o=0,blue:a=0,alpha:l=0,hue:c,saturation:u,value:s,points:d,type:f,degree:v}=e,b=p.points[p.activePointIndex];t?"points"===t||"type"===t||"degree"===t?p[t]=e[t]:b[t]=e[t]:(b.red=n,b.green=o,b.blue=a,p.alpha=l,d&&(p.points=d),f&&(p.type=f),v&&(p.degree=v),u&&(p.saturation=u),s&&(p.value=s),c&&(p.hue=c));const y=Pn(p.points,p.type,p.degree);p.style=y,!i.showBtn&&r("change",{style:p.style,gradient:{type:p.type,degree:p.degree,points:p.points}})}(v,f):function(e,t){const{red:n=0,green:o=0,blue:a=0,alpha:l,hue:c,saturation:u,value:s}=e;t?p[t]=e[t]:(p.red=n,p.green=o,p.blue=a,l&&(p.alpha=l),u&&(p.saturation=u),s&&(p.value=s),c&&(p.hue=c));const d=kn(p.red,p.green,p.blue,p.alpha);p.style=d,!i.showBtn&&r("change",{style:d,color:{red:p.red,green:p.green,blue:p.blue,hue:p.hue,alpha:p.alpha}})}(v,f)}),i.showBtn?100:150);const f=e=>{e&&"function"==typeof e&&e()},v=e=>{const{isGradient:t,style:n,type:o,degree:a,points:i,red:l,green:c,blue:u,alpha:s,hue:d}=p;r("change",t?{style:n,gradient:{type:o,degree:a,points:i}}:{style:n,color:{red:l,green:c,blue:u,hue:d,alpha:s}}),e&&"function"==typeof e&&e()};return t.provide("colorPickerState",p),t.provide("updateColor",d),n({onClose:f,onConfirm:v}),(n,r)=>(t.openBlock(),t.createElementBlock("div",Xn,[(t.openBlock(),t.createBlock(t.Suspense,null,{default:t.withCtx((()=>[i.isGradient?(t.openBlock(),t.createBlock(t.unref(l),{key:0})):(t.openBlock(),t.createBlock(t.unref(c),{key:1}))])),fallback:t.withCtx((()=>[An])),_:1})),e.showBtn?(t.openBlock(),t.createElementBlock("div",Nn,[e.showCancel?(t.openBlock(),t.createElementBlock("div",{key:0,class:"btn",style:t.normalizeStyle({color:i.cancelColor,backgroundColor:i.cancelBg}),onClick:f},t.toDisplayString(i.cancelText),5)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"btn",style:t.normalizeStyle({color:i.confirmColor,backgroundColor:i.confirmBg}),onClick:v},t.toDisplayString(i.confirmText),5)])):t.createCommentVNode("",!0)]))}}));function zn(e,t,n){return function(r){let o=e(r);function a(e){o=t(e,o)||o}window.addEventListener("mousemove",a),window.addEventListener("mouseup",(e=>{window.removeEventListener("mousemove",a),n&&n(e,o)}),{once:!0})}}const Gn={class:"picker-area-overlay1 wh-full"},Mn={class:"picker-area-overlay2 wh-full rounded-8px"},Tn=t.defineComponent({name:"AreaPicker"}),Un=(e,t)=>{const n=e.__vccOpts||e;for(const[r,o]of t)n[r]=o;return n},Dn=Un(t.defineComponent(__spreadProps(__spreadValues({},Tn),{setup(e){const n=t.ref(null),r=t.ref(null),o=t.inject("colorPickerState"),a=t.inject("updateColor"),i=t.computed((()=>{const{width:e=0,height:t=0}=r.value||{},{saturation:n=100,value:a=100,isGradient:i,activePointIndex:l}=o,c=(n*e/100|0)-6,u=(t-a*t/100|0)-6,s=o.points[l||0];return{backgroundColor:`rgb(${i?null==s?void 0:s.red:o.red}, ${i?null==s?void 0:s.green:o.green}, ${i?null==s?void 0:s.blue:o.blue})`,left:`${c}px`,top:`${u}px`}})),l=t.computed((()=>{const{isGradient:e,red:t,green:n,blue:r,activePointIndex:a=0,points:i=[]}=o;if(e){const e=i[a];return{backgroundColor:`rgb(${e.red}, ${e.green}, ${e.blue})`}}return{backgroundColor:`rgb(${t}, ${n}, ${r})`}})),c=(e,{startX:t,startY:n,positionX:a,positionY:i})=>{const l=e.pageX-t,c=e.pageY-n,{width:u=0,height:s=0}=r.value||{},p=hn(a+=l,i+=c,s,u,o.hue,o.alpha);return{positions:{positionX:a,positionY:i,startX:e.pageX,startY:e.pageY},color:p}},u=zn((e=>{if(!r.value)return;const{x:t,y:n}=r.value,{width:i=0,height:l=0}=r.value||{},c=e.pageX,u=e.pageY,s=c-t,p=u-n,d=hn(s,p,l,i,o.hue,o.alpha);return a(d),{startX:c,startY:u,positionX:s,positionY:p}}),((e,{startX:t,startY:n,positionX:r,positionY:o})=>{const{positions:i,color:l}=c(e,{startX:t,startY:n,positionX:r,positionY:o});return a(l),i}),((e,{startX:t,startY:n,positionX:r,positionY:o})=>{const{positions:i,color:l}=c(e,{startX:t,startY:n,positionX:r,positionY:o});return a(l),i}));return t.watchEffect((()=>{var e;const t=n.value;t&&!(null==(e=r.value)?void 0:e.width)&&(r.value=t.getBoundingClientRect()||null)})),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"pickerAreaRef",ref:n,class:"picker-area w-full mb-16px relative rounded-8px",style:t.normalizeStyle(t.unref(l)),onMousedown:r[0]||(r[0]=(...e)=>t.unref(u)&&t.unref(u)(...e))},[t.createElementVNode("div",Gn,[t.createElementVNode("div",Mn,[t.createElementVNode("div",{class:"picker-pointer",style:t.normalizeStyle(t.unref(i))},null,4)])])],36))}})),[["__scopeId","data-v-2e8391c9"]]),Fn={class:"preview-area mr-8px"},Rn=t.defineComponent({name:"AreaPreview"}),Yn=t.defineComponent(__spreadProps(__spreadValues({},Rn),{setup(e){const n=t.inject("colorPickerState"),r=t.computed((()=>{let e="";return e=n.isGradient?Pn(n.points,n.type,n.degree):kn(n.red,n.green,n.blue,n.alpha),{background:e}}));return(e,n)=>(t.openBlock(),t.createElementBlock("div",Fn,[t.createElementVNode("div",{class:"border-box w-36px h-36px rounded-8px border-width-1px border-solid border-[#ebedf5]",style:t.normalizeStyle(t.unref(r))},null,4)]))}})),Ln=t.defineComponent({name:"AreaHue"}),Wn=Un(t.defineComponent(__spreadProps(__spreadValues({},Ln),{setup(e){const n=t.ref(null),r=t.ref(null),o=t.inject("colorPickerState"),a=t.inject("updateColor"),i=t.computed((()=>{var e;const t=(null==(e=r.value)?void 0:e.width)||0;return(o.hue||0)*(t-14)/360|0})),l=t.computed((()=>({left:`${i.value}px`}))),c=(e,{startX:t,positionX:n})=>{var a;const i=e.pageX-t,l=(null==(a=r.value)?void 0:a.width)||0,c=mn((n+=i)>l?l:n<=0?0:n,l,o.saturation,o.value,o.alpha);return{positions:{positionX:n,startX:e.pageX},color:c}},u=zn((e=>{var t,n;const i=(null==(t=r.value)?void 0:t.x)||0,l=e.pageX,c=l-i,u=mn(c,(null==(n=r.value)?void 0:n.width)||0,o.saturation,o.value,o.alpha);return a(u),{startX:l,positionX:c}}),((e,{startX:t,positionX:n})=>{const{positions:r,color:o}=c(e,{startX:t,positionX:n});return a(o),r}),((e,{startX:t,positionX:n})=>{const{positions:r,color:o}=c(e,{startX:t,positionX:n});return a(o),r}));return t.watchEffect((()=>{var e,t;n.value&&!(null==(e=r.value)?void 0:e.width)&&(r.value=(null==(t=n.value)?void 0:t.getBoundingClientRect())||null)})),(e,r)=>(t.openBlock(),t.createElementBlock("div",{class:"relative w-full overflow-hidden rounded-10px mb-8px bg-[red] cursor-pointer",onMousedown:r[0]||(r[0]=(...e)=>t.unref(u)&&t.unref(u)(...e))},[t.createElementVNode("div",{ref_key:"hueRef",ref:n,class:"hue-area relative"},[t.createElementVNode("div",{class:"picker-pointer",style:t.normalizeStyle(t.unref(l))},null,4)],512)],32))}})),[["__scopeId","data-v-7cd4331a"]]),qn={class:"alpha-area wh-full rounded-10px"},Hn=t.defineComponent({name:"AreaAlpha"}),Jn=Un(t.defineComponent(__spreadProps(__spreadValues({},Hn),{setup(e){const n=t.inject("colorPickerState"),r=t.inject("updateColor"),o=t.ref(null),a=t.ref(null),i=t.computed((()=>{var e;const{isGradient:t,alpha:r,activePointIndex:o=0,points:i=[]}=n,l=(null==(e=a.value)?void 0:e.width)||0;if(t){return i[o].alpha*(l-14)|0}return r*(l-14)|0})),l=t.computed((()=>{const{isGradient:e,red:t,green:r,blue:o,activePointIndex:a=0,points:i=[]}=n;if(e){const e=i[a];return{background:`linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${e.red}, ${e.green}, ${e.blue}))`}}return{background:`linear-gradient(to right, rgba(0, 0, 0, 0), rgb(${t}, ${r}, ${o}))`}})),c=t.computed((()=>({left:`${i.value}px`}))),u=(e,{startX:t,positionX:n})=>{var r;const o=gn(n+=e.pageX-t,(null==(r=a.value)?void 0:r.width)||0);return{positions:{positionX:n,startX:e.pageX},alpha:o}},s=zn((e=>{var t,n;const o=(null==(t=a.value)?void 0:t.x)||0,i=e.pageX,l=(null==(n=a.value)?void 0:n.width)||0;let c=i-o;return r({alpha:gn(c,l)},"alpha"),{startX:i,positionX:c}}),((e,{startX:t,positionX:n})=>{const{positions:o,alpha:a}=u(e,{startX:t,positionX:n});return r({alpha:a},"alpha"),o}),((e,{startX:t,positionX:n})=>{const{positions:o,alpha:a}=u(e,{startX:t,positionX:n});return r({alpha:a},"alpha"),o}));return t.watchEffect((()=>{var e,t;o.value&&!(null==(e=a.value)?void 0:e.width)&&(a.value=(null==(t=o.value)?void 0:t.getBoundingClientRect())||null)})),(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:"relative w-full overflow-hidden rounded-10px h-14px cursor-pointer",onMousedown:n[0]||(n[0]=(...e)=>t.unref(s)&&t.unref(s)(...e))},[t.createElementVNode("div",{class:"absolute left-0 right-0 top-0 bottom-0",style:t.normalizeStyle(t.unref(l))},null,4),t.createElementVNode("div",qn,[t.createElementVNode("div",{ref_key:"alphaMaskRef",ref:o,class:"wh-full relative"},[t.createElementVNode("div",{class:"picker-pointer",style:t.normalizeStyle(t.unref(c))},null,4)],512)])],32))}})),[["__scopeId","data-v-256c0c24"]]),Kn=["onDblclick"],Qn=t.defineComponent({name:"AreaGradientPoint"}),Zn=t.defineComponent(__spreadProps(__spreadValues({},Qn),{props:{index:{type:Number,required:!0},point:{type:Object,required:!0},width:{type:Number,default:0},positions:{type:Object}},setup(e){const n=e,r=t.inject("colorPickerState"),o=t.inject("updateColor"),a=t.computed((()=>r.activePointIndex===n.index?" active":"")),i=t.computed((()=>({left:n.point.left*((n.width-14)/100)+"px"}))),l=e=>{r.points[n.index].left=e,o({type:r.type},"type")},c=(e,{startX:t,offsetX:r})=>{const o=xn(r+=e.pageX-t,n.width);return{positions:{offsetX:r,startX:e.pageX},left:o}},u=zn((e=>{const t=e.pageX,o=e.pageY,a=t-(n.positions.x||0);return r.activePointIndex=n.index,{startX:t,startY:o,offsetX:a}}),((e,{startX:t,offsetX:n})=>{const{positions:r,left:o}=c(e,{startX:t,offsetX:n});return l(o),r}),((e,{startX:t,offsetX:n})=>{const{positions:r,left:o}=c(e,{startX:t,offsetX:n});return l(o),r})),s=()=>{let e=cn(r.points);if(e.length<=2)return;const t=n.index,a=0===t?1:t-1;e=null==e?void 0:e.filter((e=>e.id!==n.point.id)),r.activePointIndex=a,o({points:e},"points")};return(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(`picker-pointer${t.unref(a)}`),style:t.normalizeStyle(t.unref(i)),onMousedown:o[0]||(o[0]=t.withModifiers(((...e)=>t.unref(u)&&t.unref(u)(...e)),["stop"])),onDblclick:t.withModifiers(s,["stop"]),onClick:o[1]||(o[1]=t.withModifiers((()=>t.unref(r).activePointIndex=n.index),["stop"]))},[t.createElementVNode("span",{class:t.normalizeClass(`child-point${t.unref(a)}`)},null,2)],46,Kn))}})),er=t.defineComponent({name:"AreaGradientPoints"}),tr=t.defineComponent(__spreadProps(__spreadValues({},er),{setup(e){const n=t.inject("colorPickerState"),r=t.inject("updateColor"),o=t.ref(null),a=t.ref(null),i=t.computed((()=>({background:Pn(n.points,"linear",90)}))),l=e=>{const{x:t=0,width:o=0}=a.value||{},i=xn(e.pageX-t,o),{hue:l,saturation:c,value:u}=n,s=cn(n.points),p=yn(l,c,u,1),d=__spreadProps(__spreadValues({id:En()},p),{left:i});null==s||s.push(d),n.activePointIndex=s.findIndex((e=>e.id===d.id)),r({points:s},"points")};return t.watchEffect((()=>{var e,t;o.value&&!(null==(e=a.value)?void 0:e.width)&&(a.value=(null==(t=o.value)?void 0:t.getBoundingClientRect())||null)})),(e,r)=>(t.openBlock(),t.createElementBlock("div",{class:"gradient border-box w-full h-14px relative cursor-pointer rounded-10px mb-8px",style:t.normalizeStyle(t.unref(i)),onClick:l},[t.createElementVNode("div",{ref_key:"pointsContainerRef",ref:o,class:"wh-full relative"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n).points,((e,n)=>{var r;return t.openBlock(),t.createBlock(Zn,{key:e.id,index:n,point:e,positions:t.unref(a),width:null==(r=t.unref(a))?void 0:r.width},null,8,["index","point","positions","width"])})),128))],512)],4))}})),nr={class:"flex flex-col px-16px"},rr={class:"flex pb-16px"},or={class:"flex flex-col flex-1"},ar=t.defineComponent({name:"Area"}),ir=t.defineComponent(__spreadProps(__spreadValues({},ar),{setup(e){const n=t.inject("colorPickerState");return(e,r)=>(t.openBlock(),t.createElementBlock("div",nr,[t.createVNode(Dn),t.unref(n).isGradient?(t.openBlock(),t.createBlock(tr,{key:0})):t.createCommentVNode("",!0),t.createElementVNode("div",rr,[t.createVNode(Yn),t.createElementVNode("div",or,[t.createVNode(Wn),t.createVNode(Jn)])])]))}})),lr={class:"flex items-center relative w-full rounded-6px text-[#28314d]"},cr=["maxlength","type"],ur={class:"text-12px lining-15px font-bold mt-6px mb-0 text-[#1f2667]"},sr=t.defineComponent({name:"Input"}),pr=Un(t.defineComponent(__spreadProps(__spreadValues({},sr),{props:{value:{default:""},label:{default:""},classes:{default:""},maxLen:{default:"3"},type:{default:"text"}},emits:["input","blur","focus","update:value"],setup(e,{emit:n}){const r=e,o=t.computed({get:()=>r.value,set:e=>{n("update:value",e)}}),a=e=>{n("input",e)},i=()=>{n("blur")},l=()=>{n("focus")};return(n,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["flex flex-shrink-0 items-center flex-col",r.classes])},[t.createElementVNode("div",lr,[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":c[0]||(c[0]=e=>t.isRef(o)?o.value=e:null),class:"w-full outline-0 text-[#1f2667] text-center font-bold text-12px",maxlength:e.maxLen,type:r.type,onFocus:l,onBlur:i,onInput:a},null,40,cr),[[t.vModelDynamic,t.unref(o),void 0,{trim:!0}]])]),t.createElementVNode("div",ur,t.toDisplayString(e.label),1)],2))}})),[["__scopeId","data-v-034b5687"]]),dr=t.defineComponent({name:"PreviewHex"}),fr=t.defineComponent(__spreadProps(__spreadValues({},dr),{setup(e){const n=t.inject("colorPickerState"),r=t.inject("updateColor"),o=t.computed((()=>{const{isGradient:e,activePointIndex:t}=n,r=n.points[t];return e?_n(r.red,r.green,r.blue):_n(n.red,n.green,n.blue)})),a=e=>{let t=e.target.value;if(!t&&0!==t)return;const n=wn(t);n&&r(n)};return(e,n)=>(t.openBlock(),t.createBlock(pr,{value:t.unref(o),label:"Hex","max-len":"7",classes:"hex mr-8px",onInput:a},null,8,["value"]))}})),vr=t.defineComponent({name:"PreviewRGBItem"}),br=t.defineComponent(__spreadProps(__spreadValues({},vr),{props:{type:{default:"text"},label:{default:""}},setup(e){const n=e,r=t.inject("colorPickerState"),o=t.inject("updateColor"),a=t.computed((()=>{const{isGradient:e,red:t,green:o,blue:a,alpha:i,points:l=[],activePointIndex:c=0}=r,u=l[c];let s=0;switch(n.label){case"R":s=e?u.red:t;break;case"G":s=e?u.green:o;break;case"B":s=e?u.blue:a;break;case"A":s=~~(100*(e?u.alpha:i))}return s})),i=e=>{let t=+e.target.value;const{isGradient:a,points:i=[],activePointIndex:l=0}=r;switch(i[l],"A"===n.label&&t>100?t=100:t<=0?t=0:t>255&&(t=255),n.label){case"R":o({red:t},"red");break;case"G":o({green:t},"green");break;case"B":o({blue:t},"blue");break;case"A":o({alpha:t/100},"alpha")}};return(e,r)=>(t.openBlock(),t.createElementBlock("div",null,[t.createVNode(pr,{value:t.unref(a),label:n.label,type:n.type,classes:"A"!==n.label?"mr-8px":"",onInput:i},null,8,["value","label","type","classes"])]))}})),yr=t.defineComponent({name:"PreviewRGB"}),hr=t.defineComponent(__spreadProps(__spreadValues({},yr),{setup:e=>(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(br,{type:"number",label:"R"}),t.createVNode(br,{type:"number",label:"G"}),t.createVNode(br,{type:"number",label:"B"}),t.createVNode(br,{type:"number",label:"A"})],64))})),mr={class:"color-preview-area mb-8px px-16px"},gr={class:"w-full flex justify-between"},_r=t.defineComponent({name:"Preview"}),jr=t.defineComponent(__spreadProps(__spreadValues({},_r),{setup:e=>(e,n)=>(t.openBlock(),t.createElementBlock("div",mr,[t.createElementVNode("div",gr,[t.createVNode(fr),t.createVNode(hr)])]))})),wr={class:"gradient-controls border-box flex justify-between items-center w-full mb-8px px-16px"},xr={class:"flex flex-1"},kr={key:0,class:"relative mr-24px"},Pr=[(e=>(t.pushScopeId("data-v-4e21238c"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("div",{class:"gradient-degree-pointer"},null,-1)))],Cr={class:"gradient-degree-value flex justify-center items-center"},Br=t.defineComponent({name:"GradientControls"}),Or=Un(t.defineComponent(__spreadProps(__spreadValues({},Br),{setup(e){const n=t.inject("colorPickerState"),r=t.inject("updateColor"),o=t.computed((()=>n.type)),a=t.computed((()=>n.degree)),i=e=>{r({type:e},"type")},l=t.ref(!0),c=()=>{if(l.value)return void(l.value=!1);let e=(n.degree||0)+45;e>=360&&(e=0),r({degree:~~e},"degree")},u=t.computed((()=>({transform:`rotate(${n.degree}deg)`}))),s=zn((e=>{const t=e.target.getBoundingClientRect();return{centerY:~~(8-window.pageYOffset)+t.top,centerX:~~(8-window.pageXOffset)+t.left}}),((e,{centerX:t,centerY:n})=>{l.value=!0;const o=function(e,t,n,r){return Math.atan2(e-n,t-r)*(180/Math.PI)*-1+180}(e.clientX,e.clientY,t,n);r({degree:~~o},"degree")}),(e=>{const t=e.target.classList;l.value=!1,!t.contains("gradient-degrees")&&t.contains("icon-rotate")}));return(e,n)=>(t.openBlock(),t.createElementBlock("div",wr,[t.createElementVNode("div",xr,[t.createElementVNode("div",{class:t.normalizeClass("gradient-type-item liner-gradient "+("linear"===t.unref(o)?"active":"")),onClick:n[0]||(n[0]=e=>i("linear"))},null,2),t.createElementVNode("div",{class:t.normalizeClass("gradient-type-item radial-gradient "+("radial"===t.unref(o)?"active":"")),onClick:n[1]||(n[1]=e=>i("radial"))},null,2)]),"linear"===t.unref(o)?(t.openBlock(),t.createElementBlock("div",kr,[t.createElementVNode("div",{class:"gradient-degrees cursor-pointer flex justify-center items-center",onMousedown:n[2]||(n[2]=(...e)=>t.unref(s)&&t.unref(s)(...e)),onClick:c},[t.createElementVNode("div",{class:"gradient-degree-center",style:t.normalizeStyle(t.unref(u))},Pr,4)],32),t.createElementVNode("div",Cr,[t.createElementVNode("p",null,t.toDisplayString(t.unref(a))+"°",1)])])):t.createCommentVNode("",!0)]))}})),[["__scopeId","data-v-4e21238c"]]),Vr=t.defineComponent({name:"Gradient"}),Sr=t.defineComponent(__spreadProps(__spreadValues({},Vr),{setup:e=>(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(Or),t.createVNode(ir),t.createVNode(jr)],64))})),Er=Object.freeze(Object.defineProperty({__proto__:null,default:Sr},Symbol.toStringTag,{value:"Module"})),Xr=t.defineComponent({name:"Solid"}),Ar=t.defineComponent(__spreadProps(__spreadValues({},Xr),{setup:e=>(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(ir),t.createVNode(jr)],64))})),Nr=Object.freeze(Object.defineProperty({__proto__:null,default:Ar},Symbol.toStringTag,{value:"Module"}));e.default=$n,e.rgbToHex=_n,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package.json

 {
   "name": "color-gradient-picker-vue3",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "type": "module",
@@ -5,0 +5,0 @@ "author": "June",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

146610

increased by0.24%

Lines of code

2827

increased by0.28%

No dependency changes