@vendorflow/components 4.0.11 → 4.0.12

package/lib/index.umd.js

@@ -44,7 +44,7 @@ function print() { __p += __j.call(arguments, '') }
                 font-size: 0.875rem;
                 color: hsl(0, 0%, 54%);
               }
-            `,key:`${e}-menu-item-${q}`,onClick:Y=>{B.onClick(Y),y(null)},disabled:B.disabled},B.content);if(B.type==="Divider")return U.jsx(_e.Divider,{key:`${e}-divider-${q}`,textAlign:B.textAlign},B.text)})}function N(){return U.jsx(_e.Menu,{...p,id:e,anchorEl:d,elevation:4,keepMounted:!0,open:g,onClose:()=>y(null),anchorOrigin:l,transformOrigin:c},S())}return U.jsx("div",null,I(),!a&&N())}function ip(t,o){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),n.push.apply(n,e)}return n}function pn(t){for(var o=1;o<arguments.length;o++){var n=arguments[o]!=null?arguments[o]:{};o%2?ip(Object(n),!0).forEach(function(e){_b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ip(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function _b(t,o,n){return o in t?Object.defineProperty(t,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[o]=n,t}function Ta(t,o,n){return t>o?o:t<n?n:t}function sp(t){if(!t.startsWith("#")){const o=document.createElement("canvas").getContext("2d");if(!o)throw new Error("2d context not supported or canvas already initialized");return o.fillStyle=t,o.fillStyle}return t.length===4||t.length===5?t=t.split("").map((o,n)=>n?o+o:"#").join(""):t.length===7||t.length===9?t:"#000000"}function lp(t){t=t.slice(1);const o=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),e=parseInt(t.slice(4,6),16);let s=parseInt(t.slice(6,8),16)||void 0;return s&&(s/=255),{r:o,g:n,b:e,a:s}}function mc({r:t,g:o,b:n,a:e}){t/=255,o/=255,n/=255;const s=Math.max(t,o,n),a=s-Math.min(t,o,n);return{h:a?60*(s===t?(o-n)/a+(o<n?6:0):s===o?2+(n-t)/a:4+(t-o)/a):0,s:s?a/s*100:0,v:100*s,a:e}}function ap({r:t,g:o,b:n,a:e}){return`#${[t,o,n,e].map((s,a)=>s!==void 0?(a<3?s:Math.round(255*s)).toString(16).padStart(2,"0"):"").join("")}`}function zr(t,o){let n=sp("#121212"),e=lp(n),s=mc(e);return t==="hex"?(n=sp(o),e=lp(n),s=mc(e)):t==="rgb"?(e=o,n=ap(e),s=mc(e)):t==="hsv"&&(s=o,e=function({h:a,s:l,v:c,a:p}){const d=~~(a/60),y=a/60-d,g=(c/=100)*(1-(l/=100)),_=c*(1-l*y),E=c*(1-l*(1-y)),I=d%6;return{r:Math.round(255*[c,_,g,g,E,c][I]),g:Math.round(255*[E,c,c,_,g,g][I]),b:Math.round(255*[g,g,E,c,c,_][I]),a:p}}(s),n=ap(e)),{hex:n,rgb:e,hsv:s}}const vc=({className:t,style:o,onChange:n,children:e})=>{const s=ye.useRef(null),a=(l,c)=>{if(s.current){const{current:p}=s,{width:d,height:y,left:g,top:_}=p.getBoundingClientRect(),E=Ta(l.clientX-g,d,0),I=Ta(l.clientY-_,y,0);n({x:E,y:I}),c&&n({x:E,y:I,complete:!0})}};return re.default.createElement("div",{ref:s,className:t,style:o,onMouseDown:l=>{if(l.button!==0)return;a(l);const c=d=>{a(d)},p=d=>{document.removeEventListener("mousemove",c,!1),document.removeEventListener("mouseup",p,!1),a(d,!0)};document.addEventListener("mousemove",c,!1),document.addEventListener("mouseup",p,!1)}},e)},Cb=({width:t,color:o,onChange:n,onChangeComplete:e})=>{const s=ye.useMemo(()=>{var p;return function(y,g){return y*g}((p=o.hsv.a)!==null&&p!==void 0?p:1,t)},[o.hsv.a,t]),a=ye.useMemo(()=>`${o.rgb.r}, ${o.rgb.g}, ${o.rgb.b}`,[o.rgb]),l=ye.useMemo(()=>{var p;return`${a}, ${(p=o.rgb.a)!==null&&p!==void 0?p:1}`},[a,o.rgb.a]),c=ye.useMemo(()=>-s-2,[s]);return re.default.createElement(vc,{className:"rcp-alpha",onChange:({x:p,complete:d})=>{const y=zr("hsv",pn(pn({},o.hsv),{},{a:p/t}));n(y),d&&e&&e(y)},style:{background:`linear-gradient(to right, rgba(${a}, 0), rgba(${a}, 1)) top left / auto auto,
+            `,key:`${e}-menu-item-${q}`,onClick:Y=>{Y.preventDefault(),Y.stopPropagation(),B.onClick(Y),y(null)},disabled:B.disabled},B.content);if(B.type==="Divider")return U.jsx(_e.Divider,{key:`${e}-divider-${q}`,textAlign:B.textAlign},B.text)})}function N(){return U.jsx(_e.Menu,{...p,id:e,anchorEl:d,elevation:4,keepMounted:!0,open:g,onClose:()=>y(null),anchorOrigin:l,transformOrigin:c},S())}return U.jsx("div",null,I(),!a&&N())}function ip(t,o){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),n.push.apply(n,e)}return n}function pn(t){for(var o=1;o<arguments.length;o++){var n=arguments[o]!=null?arguments[o]:{};o%2?ip(Object(n),!0).forEach(function(e){_b(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ip(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function _b(t,o,n){return o in t?Object.defineProperty(t,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[o]=n,t}function Ta(t,o,n){return t>o?o:t<n?n:t}function sp(t){if(!t.startsWith("#")){const o=document.createElement("canvas").getContext("2d");if(!o)throw new Error("2d context not supported or canvas already initialized");return o.fillStyle=t,o.fillStyle}return t.length===4||t.length===5?t=t.split("").map((o,n)=>n?o+o:"#").join(""):t.length===7||t.length===9?t:"#000000"}function lp(t){t=t.slice(1);const o=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),e=parseInt(t.slice(4,6),16);let s=parseInt(t.slice(6,8),16)||void 0;return s&&(s/=255),{r:o,g:n,b:e,a:s}}function mc({r:t,g:o,b:n,a:e}){t/=255,o/=255,n/=255;const s=Math.max(t,o,n),a=s-Math.min(t,o,n);return{h:a?60*(s===t?(o-n)/a+(o<n?6:0):s===o?2+(n-t)/a:4+(t-o)/a):0,s:s?a/s*100:0,v:100*s,a:e}}function ap({r:t,g:o,b:n,a:e}){return`#${[t,o,n,e].map((s,a)=>s!==void 0?(a<3?s:Math.round(255*s)).toString(16).padStart(2,"0"):"").join("")}`}function zr(t,o){let n=sp("#121212"),e=lp(n),s=mc(e);return t==="hex"?(n=sp(o),e=lp(n),s=mc(e)):t==="rgb"?(e=o,n=ap(e),s=mc(e)):t==="hsv"&&(s=o,e=function({h:a,s:l,v:c,a:p}){const d=~~(a/60),y=a/60-d,g=(c/=100)*(1-(l/=100)),_=c*(1-l*y),E=c*(1-l*(1-y)),I=d%6;return{r:Math.round(255*[c,_,g,g,E,c][I]),g:Math.round(255*[E,c,c,_,g,g][I]),b:Math.round(255*[g,g,E,c,c,_][I]),a:p}}(s),n=ap(e)),{hex:n,rgb:e,hsv:s}}const vc=({className:t,style:o,onChange:n,children:e})=>{const s=ye.useRef(null),a=(l,c)=>{if(s.current){const{current:p}=s,{width:d,height:y,left:g,top:_}=p.getBoundingClientRect(),E=Ta(l.clientX-g,d,0),I=Ta(l.clientY-_,y,0);n({x:E,y:I}),c&&n({x:E,y:I,complete:!0})}};return re.default.createElement("div",{ref:s,className:t,style:o,onMouseDown:l=>{if(l.button!==0)return;a(l);const c=d=>{a(d)},p=d=>{document.removeEventListener("mousemove",c,!1),document.removeEventListener("mouseup",p,!1),a(d,!0)};document.addEventListener("mousemove",c,!1),document.addEventListener("mouseup",p,!1)}},e)},Cb=({width:t,color:o,onChange:n,onChangeComplete:e})=>{const s=ye.useMemo(()=>{var p;return function(y,g){return y*g}((p=o.hsv.a)!==null&&p!==void 0?p:1,t)},[o.hsv.a,t]),a=ye.useMemo(()=>`${o.rgb.r}, ${o.rgb.g}, ${o.rgb.b}`,[o.rgb]),l=ye.useMemo(()=>{var p;return`${a}, ${(p=o.rgb.a)!==null&&p!==void 0?p:1}`},[a,o.rgb.a]),c=ye.useMemo(()=>-s-2,[s]);return re.default.createElement(vc,{className:"rcp-alpha",onChange:({x:p,complete:d})=>{const y=zr("hsv",pn(pn({},o.hsv),{},{a:p/t}));n(y),d&&e&&e(y)},style:{background:`linear-gradient(to right, rgba(${a}, 0), rgba(${a}, 1)) top left / auto auto,
               conic-gradient(#666 0.25turn, #999 0.25turn 0.5turn, #666 0.5turn 0.75turn, #999 0.75turn) top left / 12px 12px
               repeat`}},re.default.createElement("div",{className:"rcp-alpha-cursor",style:{left:s,background:`linear-gradient(to right, rgba(${l}), rgba(${l})) top left / auto auto,
                 conic-gradient(#666 0.25turn, #999 0.25turn 0.5turn, #666 0.5turn 0.75turn, #999 0.75turn) ${c}px 2px / 12px 12px