https://squareup.com/shop/hardware/v2/_next/static/chunks/1547.2c0f9eb524a9d32a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1547],{58074:function(t,e,r){r.d(e,{a:function(){return d},h:function(){return s},i:function(){return h},p:function(){return c}});let{min:n,max:i,floor:a,round:o}=Math;function s(t,e,r){let n=t,i=e,o=r;n=n/360*6,i/=100,o/=100;let s=a(n),d=n-s,u=o*(1-i),l=o*(1-d*i),c=o*(1-(1-d)*i),h=s%6,f=[o,l,u,u,c,o][h],g=[c,o,o,l,u,u][h],p=[u,u,c,o,o,l][h];return[255*f,255*g,255*p]}function d(t,e,r){return s(t,e,r).map(t=>o(t).toString(16).padStart(2,"0"))}function u(t,e,r){let a,o,s=t,d=e,u=r;s/=255,d/=255,u/=255;let l=n(s,d,u),c=i(s,d,u),h=c-l;if(0===h)a=o=0;else{o=h/c;let t=((c-s)/6+h/2)/h,e=((c-d)/6+h/2)/h,r=((c-u)/6+h/2)/h;s===c?a=r-e:d===c?a=1/3+t-r:u===c&&(a=2/3+e-t),a<0?a+=1:a>1&&(a-=1)}return[360*a,100*o,100*c]}function l(t){return t.map(t=>{let e=Number(t);return Number.isNaN(t)?void 0:e})}function c(t){for(let[e,r]of Object.entries({rgba:/^rgba?\D+([\d.]+)(%?)\D+([\d.]+)(%?)\D+([\d.]+)(%?)\D*?(([\d.]+)(%?)|$)/i,hsla:/^hsla?\D+([\d.]+)\D+([\d.]+)\D+([\d.]+)\D*?(([\d.]+)(%?)|$)/i,hsva:/^hsva?\D+([\d.]+)\D+([\d.]+)\D+([\d.]+)\D*?(([\d.]+)(%?)|$)/i,hexa:/^#?(([\da-f]{3,4})|([\da-f]{6})|([\da-f]{8}))$/i})){let n=r.exec(t);if(n)switch(e){case"rgba":{let t=l(n),r=t[1],i=t[3],a=t[5],o=t[8];if(r="%"===n[2]?r/100*255:r,i="%"===n[4]?i/100*255:i,a="%"===n[6]?a/100*255:a,o="%"===n[9]?o/100:o,r>255||i>255||a>255||o<0||o>1)break;return{values:[...u(r,i,a),o],a:o,colorType:e}}case"hexa":{let[,t]=n;(4===t.length||3===t.length)&&(t=t.split("").map(t=>t+t).join(""));let r=t.slice(0,6),i=t.slice(6);return i=i?Number.parseInt(i,16)/255:void 0,{values:[...function(t){let e=t.match(/.{2}/g),r=e.map(t=>Number.parseInt(t,16));return u(r[0],r[1],r[2])}(r),i],a:i,colorType:e}}case"hsla":{let t=l(n),r=t[1],i=t[2],a=t[3],o=t[5];if(o="%"===n[6]?o/100:o,r>360||i>100||a>100||o<0||o>1)break;return{values:[...function(t,e,r){let n=e,i=r;n/=100,i/=100,n*=i<.5?i:1-i;let a=2*n/(i+n)*100,o=(i+n)*100;return[t,Number.isNaN(a)?0:a,o]}(r,i,a),o],a:o,colorType:e}}case"hsva":{let t=l(n),r=t[1],i=t[2],a=t[3],o=t[5];if(o="%"===n[6]?o/100:o,r>360||i>100||a>100||o<0||o>1)break;return{values:[r,i,a,o],a:o,colorType:e}}}}return{values:null,colorType:null}}function h(t){if(t.startsWith("var(")){if("undefined"!=typeof document){let e=document.createElement("div");e.style.color=t,document.body.appendChild(e);let r=getComputedStyle(e).color;document.body.removeChild(e);let n=r.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)/);if(n){let t=Number.parseInt(n[1],10),e=Number.parseInt(n[2],10),r=Number.parseInt(n[3],10);return(299*t+587*e+114*r)/1e3>165.75}}return!1}if(t.startsWith("#")){let e=t.slice(1),r=Number.parseInt(e.slice(0,2),16),n=Number.parseInt(e.slice(2,4),16),i=Number.parseInt(e.slice(4,6),16);return(299*r+587*n+114*i)/1e3>165.75}if(t.startsWith("rgb")){let e=t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)/);if(e){let t=Number.parseInt(e[1],10),r=Number.parseInt(e[2],10),n=Number.parseInt(e[3],10);return(299*t+587*r+114*n)/1e3>165.75}}return!1}},19036:function(t,e,r){r.d(e,{S:function(){return u},a:function(){return b},b:function(){return v},f:function(){return i},i:function(){return m},r:function(){return s}});var n="object"==typeof global&&global&&global.Object===Object&&global;let i=n;var a="object"==typeof self&&self&&self.Object===Object&&self,o=i||a||Function("return this")();let s=o;var d=s.Symbol;let u=d;var l=Object.prototype,c=l.hasOwnProperty,h=l.toString,f=u?u.toStringTag:void 0,g=Object.prototype.toString,p=u?u.toStringTag:void 0;function v(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":p&&p in Object(t)?function(t){var e=c.call(t,f),r=t[f];try{t[f]=void 0;var n=!0}catch(t){}var i=h.call(t);return n&&(e?t[f]=r:delete t[f]),i}(t):g.call(t)}function b(t){return null!=t&&"object"==typeof t}function m(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},7364:function(t,e,r){r.d(e,{i:function(){return i}});var n=r(19036);function i(t){return"symbol"==typeof t||(0,n.a)(t)&&"[object Symbol]"==(0,n.b)(t)}},41547:function(t,e,r){r.r(e),r.d(e,{market_color_picker_gradient:function(){return c}});var n=r(54982),i=r(41135),a=r(58074),o=r(8162);r(19036),r(7364);let s="primary-pointer",d="secondary-pointer",u=[50,50],l=[95,10],c=class{constructor(t){(0,n.r)(this,t),this.marketColorPickerGradientValueChange=(0,n.c)(this,"marketColorPickerGradientValueChange",7),this.secondaryPointerCoordinates=l,this.boundOnDragMove=this.onDragMove.bind(this),this.boundOnDragEnd=this.onDragEnd.bind(this),this.throttledUpdatePointerOnDrag=(0,o.t)(this.updatePointerOnDrag.bind(this),16),this.value=void 0}onDragStart(t,e){if(t.preventDefault(),t.stopPropagation(),!(0,i.i)(t)&&0!==t.button)return;let r=(0,i.g)(t);this.updatePointerOnDrag(r.x,r.y,e),this.draggablePointer=e,document.addEventListener("mousemove",this.boundOnDragMove),document.addEventListener("mouseup",this.boundOnDragEnd),document.addEventListener("touchmove",this.boundOnDragMove,{passive:!1}),document.addEventListener("touchend",this.boundOnDragEnd,{passive:!1})}onDragMove(t){t.preventDefault();let e=(0,i.g)(t);this.throttledUpdatePointerOnDrag(e.x,e.y,this.draggablePointer)}onDragEnd(t){t.preventDefault(),this.draggablePointer=null,document.removeEventListener("mousemove",this.boundOnDragMove),document.removeEventListener("mouseup",this.boundOnDragEnd),document.removeEventListener("touchmove",this.boundOnDragMove),document.removeEventListener("touchend",this.boundOnDragEnd)}updatePointerOnDrag(t,e,r){let n=r.parentElement;if(!n)return;let i=n.getBoundingClientRect(),a=i.left,o=i.top,s=i.width,d=i.height,u=(t-a)/s,l=(e-

1o)/d;u=Math.max(Math.min(u,1),0),l=Math.max(Math.min(l,1),0),this.setPointerCoordinates({pointer:r,x:100*u,y:100*l})}setPointerCoordinates(t){let{pointer:e,x:r,y:n=50,emitEvent:i=!0,colorType:a=""}=t,o=e.offsetWidth/2;e.style.left=`calc(${r}% - ${o}px)`,e.id===s?this.setPrimaryGradientColor(r/100,i):e.id===d&&(e.style.top=`calc(${n}% - ${o}px)`,this.setSecondaryGradientColor(r/100,n/100,i,a))}setPrimaryGradientColor(t,e=!0){this.primaryHue=360*t,this.primaryPointer.style.background=`hsl(${this.primaryHue}, 100%, 50%)`,this.updateSecondaryGradient(e)}setSecondaryGradientColor(t,e,r=!0,n=""){let i,o;let s=100*t,d=100-100*e;"rgba"===n?(i=(0,a.h)(this.primaryHue,s,d),o=`rgb(${i[0]}, ${i[1]}, ${i[2]})`):o=`#${(i=(0,a.a)(this.primaryHue,s,d)).join("")}`,this.secondaryPointer.style.background=o,this.secondaryPointerCoordinates=[t,e],r&&this.marketColorPickerGradientValueChange.emit({value:o})}updateSecondaryGradient(t=!0){let e=this.el.shadowRoot.querySelector(".secondary-gradient");e.style.background=`
2      linear-gradient(to top, rgb(0, 0, 0), transparent),
3      linear-gradient(to left, hsl(${this.primaryHue}, 100%, 50%), rgb(255, 255, 255))
4    `,this.setSecondaryGradientColor(...this.secondaryPointerCoordinates,t)}updateGradientsByValue(){let t=(0,a.p)(this.value);if(t.values&&this.primaryPointer&&this.secondaryPointer){let e=t.values[0],r=t.values[1],n=t.values[2],i={pointer:this.primaryPointer,x:100*e/360,emitEvent:!1},a={pointer:this.secondaryPointer,x:r,y:100-n,colorType:t.colorType,emitEvent:!1};return this.setPointerCoordinates(i),this.setPointerCoordinates(a),!0}return!1}setInitialPointers(){let t=[this.primaryPointer,this.secondaryPointer],e=[u,l];t.forEach((t,r)=>{let n={pointer:t,x:e[r][0],y:e[r][1],emitEvent:!1};this.setPointerCoordinates(n)})}componentDidLoad(){this.primaryPointer=this.el.shadowRoot.querySelector(`#${s}`),this.secondaryPointer=this.el.shadowRoot.querySelector(`#${d}`);let t=this.updateGradientsByValue();t||this.setInitialPointers()}render(){return(0,n.h)(n.H,{key:"a3f97a9e7b01392d75da533ba3edcd97fe2c90ff",class:"market-color-picker-gradient"},(0,n.h)("slot",{key:"351e53194da901e05a1e60987bc7212305312229"}),(0,n.h)("div",{key:"0a6c18fda445a8dc2cefaa611d7cbb7b17bc9453",class:"primary-gradient",role:"input",onMouseDown:t=>this.onDragStart(t,this.primaryPointer),onTouchStart:t=>this.onDragStart(t,this.primaryPointer)},(0,n.h)("div",{key:"ddea8f9865b7f8a16575af0c936f1da44df8b825",id:s,class:"pointer"})),(0,n.h)("div",{key:"60b948f8792c6580afa34a7a378d4fd332bfb7c6",class:"secondary-gradient",role:"input",onMouseDown:t=>this.onDragStart(t,this.secondaryPointer),onTouchStart:t=>this.onDragStart(t,this.secondaryPointer)},(0,n.h)("div",{key:"d8bf40d83b91d8626bd2770413a5ff2df49933e8",id:d,class:"pointer"})))}get el(){return(0,n.g)(this)}static get watchers(){return{value:["updateGradientsByValue"]}}};c.style=":host{--primary-gradient-height:var(--color-picker-adjustments-hue-min-height);--gradient-border-radius:var(--color-picker-adjustments-hue-radius);--gradient-margin:var(--color-picker-vertical-spacing);--secondary-gradient-height:calc(var(--color-picker-adjustments-saturation-brightness-min-height) * 1px);--gradient-pointer-width:12px;--gradient-pointer-height:12px;--gradient-pointer-border:2px white solid;--gradient-pointer-border-radius:50%;display:block}.primary-gradient{position:relative;width:100%;height:var(--primary-gradient-height);border-radius:var(--gradient-border-radius);background:linear-gradient(\n      to right,\n      hsl(0deg 100% 50%),\n      hsl(60deg 100% 50%),\n      hsl(120deg 100% 50%),\n      hsl(180deg 100% 50%),\n      hsl(240deg 100% 50%),\n      hsl(300deg 100% 50%),\n      hsl(0deg 100% 50%)\n    )}.secondary-gradient{position:relative;width:100%;height:var(--secondary-gradient-height);margin-top:var(--gradient-margin);border-radius:var(--gradient-border-radius)}.pointer{position:absolute;z-index:2;width:var(--gradient-pointer-width);height:var(--gradient-pointer-height);border:var(--gradient-pointer-border);border-radius:var(--gradient-pointer-border-radius);box-shadow:var(--elevation-20-shadow)}#primary-pointer{top:calc(50% - 8px)}"},8162:function(t,e,r){r.d(e,{a:function(){return h},t:function(){return v}});var n=r(19036),i=r(7364),a=/\s/,o=/^\s+/,s=0/0,d=/^[-+]0x[0-9a-f]+$/i,u=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt;function h(t){if("number"==typeof t)return t;if((0,i.i)(t))return s;if((0,n.i)(t)){var e,r="function"==typeof t.valueOf?t.valueOf():t;t=(0,n.i)(r)?r+"":r}if("string"!=typeof t)return 0===t?t:+t;t=(e=t)?e.slice(0,function(t){for(var e=t.length;e--&&a.test(t.charAt(e)););return e}(e)+1).replace(o,""):e;var h=u.test(t);return h||l.test(t)?c(t.slice(2),h?2:8):d.test(t)?s:+t}let f=function(){return n.r.Date.now()};var g=Math.max,p=Math.min;function v(t,e,r){var i=!0,a=!0;if("function"!=typeof t)throw TypeError("Expected a function");return(0,n.i)(r)&&(i="leading"in r?!!r.leading:i,a="trailing"in r?!!r.trailing:a),function(t,e,r){var i,a,o,s,d,u,l=0,c=!1,v=!1,b=!0;if("function"!=typeof t)throw TypeError("Expected a function");function m(e){var r=i,n=a;return i=a=void 0,l=e,s=t.apply(n,r)}function y(t){var r=t-u,n=t-l;return void 0===u||r>=e||r<0||v&&n>=o}function D(){var t,r,n,i=f();if(y(i))return P(i);d=setTimeout(D,(t=i-u,r=i-l,n=e-t,v?p(n,o-r):n))}

4function P(t){return(d=void 0,b&&i)?m(t):(i=a=void 0,s)}function k(){var t,r=f(),n=y(r);if(i=arguments,a=this,u=r,n){if(void 0===d)return l=t=u,d=setTimeout(D,e),c?m(t):s;if(v)return clearTimeout(d),d=setTimeout(D,e),m(u)}return void 0===d&&(d=setTimeout(D,e)),s}return e=h(e)||0,(0,n.i)(r)&&(c=!!r.leading,o=(v="maxWait"in r)?g(h(r.maxWait)||0,e):o,b="trailing"in r?!!r.trailing:b),k.cancel=function(){void 0!==d&&clearTimeout(d),l=0,i=u=a=d=void 0},k.flush=function(){return void 0===d?s:P(f())},k}(t,e,{leading:i,maxWait:e,trailing:a})}},41135:function(t,e,r){function n(t){return Boolean(null==t?void 0:t.changedTouches)}function i(t){let e=n(t)?t.changedTouches[0].clientX:t.clientX,r=n(t)?t.changedTouches[0].clientY:t.clientY;return{x:e,y:r}}r.d(e,{g:function(){return i},i:function(){return n}})}}]);