From 708b88c5827bc1863fe9b656d573f95fd3d496ae Mon Sep 17 00:00:00 2001 From: Simon Date: Fri, 23 Aug 2019 15:26:59 +0200 Subject: [PATCH] Add getSelectedColor function --- README.md | 1 + dist/pickr.es5.min.js | 2 +- dist/pickr.es5.min.js.map | 2 +- dist/pickr.min.js | 2 +- dist/pickr.min.js.map | 2 +- src/js/pickr.js | 16 ++++++++++++---- 6 files changed, 17 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index f4f4a533..369d08ce 100644 --- a/README.md +++ b/README.md @@ -371,6 +371,7 @@ If `silent` is true (Default is false), the button won't change the current colo * pickr.isOpen() _- Returns true if the color picker is currently open._ * pickr.getRoot()`:HTMLElement` _- Returns the root DOM-Element of the color-picker._ * pickr.getColor()`:HSVaColor` _- Returns the current HSVaColor object._ +* pickr.getSelectedColor()`:HSVaColor` _- Returns the currently applied color._ * pickr.destroy() _- Destroys all functionality._ * pickr.destroyAndRemove() _- Destroys all functionality and removes the pickr element including the button._ * pickr.setColorRepresentation(type`:String`)`:Boolean` _- Change the current color-representation. Valid options are `HEX`, `RGBA`, `HSVA`, `HSLA` and `CMYK`, returns false if type was invalid._ diff --git a/dist/pickr.es5.min.js b/dist/pickr.es5.min.js index d8299809..48b73bee 100644 --- a/dist/pickr.es5.min.js +++ b/dist/pickr.es5.min.js @@ -1,3 +1,3 @@ /*! Pickr 1.3.0 MIT | https://github.com/Simonwep/pickr */ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Pickr=e():t.Pickr=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";n.r(e);var r={};function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function i(t){for(var e=1;e4&&void 0!==arguments[4]?arguments[4]:{};e instanceof HTMLCollection||e instanceof NodeList?e=Array.from(e):Array.isArray(e)||(e=[e]),Array.isArray(n)||(n=[n]);var a=!0,c=!1,l=void 0;try{for(var s,u=e[Symbol.iterator]();!(a=(s=u.next()).done);a=!0){var p=s.value,h=!0,f=!1,v=void 0;try{for(var d,y=n[Symbol.iterator]();!(h=(d=y.next()).done);h=!0){var m=d.value;p[t](m,r,i({capture:!1},o))}}catch(t){f=!0,v=t}finally{try{h||null==y.return||y.return()}finally{if(f)throw v}}}}catch(t){c=!0,l=t}finally{try{a||null==u.return||u.return()}finally{if(c)throw l}}return Array.prototype.slice.call(arguments,1)}function u(t){var e=document.createElement("div");return e.innerHTML=t.trim(),e.firstElementChild}function p(t,e){var n=t.getAttribute(e);return t.removeAttribute(e),n}function h(t){return function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=p(e,":obj"),o=p(e,":ref"),i=r?n[r]={}:n;o&&(n[o]=e);for(var a=0,c=Array.from(e.children);a>/g).reduce(function(t,e,n,r){return t=t.querySelector(e),n1&&void 0!==arguments[1]?arguments[1]:function(t){return t};function n(n){var r=[.001,.01,.1][Number(n.shiftKey||2*n.ctrlKey)]*(n.deltaY<0?1:-1),o=0,i=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,function(t,n){return n<=i&&n+t.length>=i?(i=n,e(Number(t),r,o)):(o++,t)}),t.focus(),t.setSelectionRange(i,i),n.preventDefault(),t.dispatchEvent(new Event("input"))}c(t,"focus",function(){return c(window,"wheel",n,{passive:!1})}),c(t,"blur",function(){return l(window,"wheel",n)})}function y(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function m(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1&&(r-=1)}return[360*r,100*o,100*a]}function C(t,e,n,r){return e/=100,n/=100,m(k(255*(1-g(1,(t/=100)*(1-(r/=100))+r)),255*(1-g(1,e*(1-r)+r)),255*(1-g(1,n*(1-r)+r))))}function S(t,e,n){return e/=100,[t,2*(e*=(n/=100)<.5?n:1-n)/(n+e)*100,100*(n+e)]}function O(t){return k.apply(void 0,m(t.match(/.{2}/g).map(function(t){return parseInt(t,16)})))}function j(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000000";var e=document.createElement("canvas").getContext("2d");return e.fillStyle=t,"#000000"===e.fillStyle?null:e.fillStyle}(t):t;var e,n={cmyk:/^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,rgba:/^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsla:/^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsva:/^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},r=function(t){return t.map(function(t){return/^(|\d+)\.\d+|\d+$/.test(t)?Number(t):void 0})};t:for(var o in n)if(e=n[o].exec(t)){var i=!!e[2];switch(o){case"cmyk":var a=y(r(e),5),c=a[1],l=a[2],s=a[3],u=a[4];if(c>100||l>100||s>100||u>100)break t;return{values:C(c,l,s,u),type:o};case"rgba":var p=y(r(e),7),h=p[3],f=p[4],v=p[5],d=p[6];if(h>255||f>255||v>255||d<0||d>1||i===!d)break t;return{values:[].concat(m(k(h,f,v)),[d]),a:d,type:o};case"hexa":var g=y(e,2)[1];4!==g.length&&3!==g.length||(g=g.split("").map(function(t){return t+t}).join(""));var b=g.substring(0,6),_=g.substring(6);return _=_?parseInt(_,16)/255:void 0,{values:[].concat(m(O(b)),[_]),a:_,type:o};case"hsla":var w=y(r(e),7),A=w[3],j=w[4],E=w[5],x=w[6];if(A>360||j>100||E>100||x<0||x>1||i===!x)break t;return{values:[].concat(m(S(A,j,E)),[x]),a:x,type:o};case"hsva":var P=y(r(e),7),L=P[3],B=P[4],H=P[5],R=P[6];if(L>360||B>100||H>100||R<0||R>1||i===!R)break t;return{values:[L,B,H,R],a:R,type:o}}}return{values:null,type:null}}function E(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=function(t,e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;return e(~n?t.map(function(t){return Number(t.toFixed(n))}):t)}},i={h:t,s:e,v:n,a:r,toHSVA:function(){var t=[i.h,i.s,i.v,i.a];return t.toString=o(t,function(t){return"hsva(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(i.a,")")}),t},toHSLA:function(){var t=[].concat(E(function(t,e,n){var r=(2-(e/=100))*(n/=100)/2;return 0!==r&&(e=1===r?0:r<.5?e*n/(2*r):e*n/(2-2*r)),[t,100*e,100*r]}(i.h,i.s,i.v)),[i.a]);return t.toString=o(t,function(t){return"hsla(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(i.a,")")}),t},toRGBA:function(){var t=[].concat(E(A(i.h,i.s,i.v)),[i.a]);return t.toString=o(t,function(t){return"rgba(".concat(t[0],", ").concat(t[1],", ").concat(t[2],", ").concat(i.a,")")}),t},toCMYK:function(){var t=function(t,e,n){var r,o=A(t,e,n),i=o[0]/255,a=o[1]/255,c=o[2]/255;return[100*(1===(r=g(1-i,1-a,1-c))?0:(1-i-r)/(1-r)),100*(1===r?0:(1-a-r)/(1-r)),100*(1===r?0:(1-c-r)/(1-r)),100*r]}(i.h,i.s,i.v);return t.toString=o(t,function(t){return"cmyk(".concat(t[0],"%, ").concat(t[1],"%, ").concat(t[2],"%, ").concat(t[3],"%)")}),t},toHEXA:function(){var t=function(t,e,n){return A(t,e,n).map(function(t){return w(t).toString(16).padStart(2,"0")})}(i.h,i.s,i.v),e=i.a>=1?"":Number((255*i.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return e&&t.push(e),t.toString=function(){return"#".concat(t.join("").toUpperCase())},t},clone:function(){return x(i.h,i.s,i.v,i.a)}};return i}var P=function(t){return Math.max(Math.min(t,1),0)};function L(t){var e={options:Object.assign({lock:null,onchange:function(){return 0},onstop:function(){return 0}},t),_tapstart:function(t){c(document,["mouseup","touchend","touchcancel"],e._tapstop),c(document,["mousemove","touchmove"],e._tapmove),t.preventDefault(),e._tapmove(t)},_tapmove:function(t){var r=e.options.lock,o=e.cache,i=n.element,a=n.wrapper,c=a.getBoundingClientRect(),l=0,s=0;if(t){var u=t&&t.touches&&t.touches[0];l=t?(u||t).clientX:0,s=t?(u||t).clientY:0,lc.left+c.width&&(l=c.left+c.width),sc.top+c.height&&(s=c.top+c.height),l-=c.left,s-=c.top}else o&&(l=o.x*c.width,s=o.y*c.height);"h"!==r&&(i.style.left="calc(".concat(l/c.width*100,"% - ").concat(i.offsetWidth/2,"px)")),"v"!==r&&(i.style.top="calc(".concat(s/c.height*100,"% - ").concat(i.offsetHeight/2,"px)")),e.cache={x:l/c.width,y:s/c.height};var p=P(l/a.offsetWidth),h=P(s/a.offsetHeight);switch(r){case"v":return n.onchange(p);case"h":return n.onchange(h);default:return n.onchange(p,h)}},_tapstop:function(){e.options.onstop(),l(document,["mouseup","touchend","touchcancel"],e._tapstop),l(document,["mousemove","touchmove"],e._tapmove)},trigger:function(){e._tapmove()},update:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=e.options.wrapper.getBoundingClientRect(),o=r.left,i=r.top,a=r.width,c=r.height;"h"===e.options.lock&&(n=t),e._tapmove({clientX:o+a*t,clientY:i+c*n})},destroy:function(){var t=e.options,n=e._tapstart;l([t.wrapper,t.element],"mousedown",n),l([t.wrapper,t.element],"touchstart",n,{passive:!1})}},n=e.options,r=e._tapstart;return c([n.wrapper,n.element],"mousedown",r),c([n.wrapper,n.element],"touchstart",r,{passive:!1}),e}function B(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:{};t=Object.assign({onchange:function(){return 0},className:"",elements:[]},t);var e=c(t.elements,"click",function(e){t.elements.forEach(function(n){return n.classList[e.target===n?"add":"remove"](t.className)}),t.onchange(e)});return{destroy:function(){return l.apply(r,B(e))}}}function R(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function D(t){var e=t.el,n=t.reference,r=t.padding,o=void 0===r?8:r,i={start:"sme",middle:"mse",end:"ems"},a={top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t[e];if(n)return n;var r=e.split("-"),o=R(r,2),i=o[0],a=o[1],c=void 0===a?"middle":a,l="top"===i||"bottom"===i;return t[e]={position:i,variant:c,isVertical:l}}}();return{update:function(t){var r=c(t),l=r.position,s=r.variant,u=r.isVertical,p=n.getBoundingClientRect(),h=e.getBoundingClientRect(),f=function(t){return t?{s:p.left+p.width-h.width,m:-h.width/2+(p.left+p.width/2),e:p.left}:{s:p.bottom-h.height,m:p.bottom-p.height/2-h.height/2,e:p.bottom-p.height}},v={};function d(t,n,r){var o="top"===r,i=o?h.height:h.width,a=window[o?"innerHeight":"innerWidth"],c=!0,l=!1,s=void 0;try{for(var u,p=t[Symbol.iterator]();!(c=(u=p.next()).done);c=!0){var f=n[u.value],d=v[r]="".concat(f,"px");if(f>0&&f+i\n\n '.concat(r?"":'','\n\n
\n
\n
\n \n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n\n
\n\n
\n \n\n \n \n \n \n \n\n \n \n \n
\n
\n \n ")),(u=s.interaction).options.find(function(t){return!t.hidden&&!t.classList.add("active")}),u.type=function(){return u.options.find(function(t){return t.classList.contains("active")})},s),p.useAsButton&&(this._root.button=p.el),p.container.appendChild(this._root.root)}},{key:"_finalBuild",value:function(){var t=this.options,e=this._root;if(t.container.removeChild(e.root),t.inline){var n=t.el.parentElement;t.el.nextSibling?n.insertBefore(e.app,t.el.nextSibling):n.appendChild(e.app)}else t.container.appendChild(e.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(e.root,t.el),t.disabled&&this.disable(),t.comparison||(e.button.style.transition="none",t.useAsButton||(e.preview.lastColor.style.transition="none")),this.hide()}},{key:"_buildComponents",value:function(){var t=this,e=this,n=this.options.components,r=(e.options.sliders||"v").repeat(2),o=T(r.match(/^[vh]+$/g)?r:[],2),i=o[0],a=o[1],c=function(){return t._color||(t._color=t._lastColor.clone())},l={palette:L({element:e._root.palette.picker,wrapper:e._root.palette.palette,onstop:function(){return e._emit("changestop",e)},onchange:function(t,r){if(n.palette){var o=c(),i=e._root,a=e.options;e._recalc&&(o.s=100*t,o.v=100-100*r,o.v<0&&(o.v=0),e._updateOutput());var l=o.toRGBA().toString(0);this.element.style.background=l,this.wrapper.style.background="\n linear-gradient(to top, rgba(0, 0, 0, ".concat(o.a,"), transparent),\n linear-gradient(to left, hsla(").concat(o.h,", 100%, 50%, ").concat(o.a,"), rgba(255, 255, 255, ").concat(o.a,"))\n "),a.comparison||(i.button.style.color=l,a.useAsButton||(i.preview.lastColor.style.color=l));var s=o.toHEXA().toString(),u=!0,p=!1,h=void 0;try{for(var f,v=e._swatchColors[Symbol.iterator]();!(u=(f=v.next()).done);u=!0){var d=f.value,y=d.el,m=d.color;y.classList[s===m.toHEXA().toString()?"add":"remove"]("pcr-active")}}catch(t){p=!0,h=t}finally{try{u||null==v.return||v.return()}finally{if(p)throw h}}i.preview.currentColor.style.color=l,e.options.comparison||i.button.classList.remove("clear")}}}),hue:L({lock:"v"===a?"h":"v",element:e._root.hue.picker,wrapper:e._root.hue.slider,onstop:function(){return e._emit("changestop",e)},onchange:function(t){if(n.hue&&n.palette){var r=c();e._recalc&&(r.h=360*t),this.element.style.backgroundColor="hsl(".concat(r.h,", 100%, 50%)"),l.palette.trigger()}}}),opacity:L({lock:"v"===i?"h":"v",element:e._root.opacity.picker,wrapper:e._root.opacity.slider,onstop:function(){return e._emit("changestop",e)},onchange:function(t){if(n.opacity&&n.palette){var r=c();e._recalc&&(r.a=Math.round(100*t)/100),this.element.style.background="rgba(0, 0, 0, ".concat(r.a,")"),l.palette.trigger()}}}),selectable:H({elements:e._root.interaction.options,className:"active",onchange:function(t){e._representation=t.target.getAttribute("data-type").toUpperCase(),e._recalc&&e._updateOutput()}})};this._components=l}},{key:"_bindEvents",value:function(){var t=this,e=this._root,n=this.options,r=[c(e.interaction.clear,"click",function(){return t._clearColor()}),c([e.interaction.cancel,e.preview.lastColor],"click",function(){t._emit("cancel",t),t.setHSVA.apply(t,M(t._lastColor.toHSVA()).concat([!0]))}),c(e.interaction.save,"click",function(){!t.applyColor()&&!n.showAlways&&t.hide()}),c(e.interaction.result,["keyup","input"],function(e){t.setColor(e.target.value,!0)&&!t._initializingActive&&t._emit("change",t._color),e.stopImmediatePropagation()}),c(e.interaction.result,["focus","blur"],function(e){t._recalc="blur"===e.type,t._recalc&&t._updateOutput()}),c([e.palette.palette,e.palette.picker,e.hue.slider,e.hue.picker,e.opacity.slider,e.opacity.picker],["mousedown","touchstart"],function(){return t._recalc=!0})];if(!n.showAlways){var o=n.closeWithKey;r.push(c(e.button,"click",function(){return t.isOpen()?t.hide():t.show()}),c(document,"keyup",function(e){return t.isOpen()&&(e.key===o||e.code===o)&&t.hide()}),c(document,["touchstart","mousedown"],function(n){t.isOpen()&&!f(n).some(function(t){return t===e.app||t===e.button})&&t.hide()},{capture:!0}))}if(n.adjustableNumbers){var i={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};d(e.interaction.result,function(e,n,r){var o=i[t.getColorRepresentation().toLowerCase()];if(o){var a=o[r],c=e+(a>=100?1e3*n:n);return c<=0?0:Number((c0&&void 0!==arguments[0]&&arguments[0],e=this._root,n=this.options;n.useAsButton||(e.button.style.color="rgba(0, 0, 0, 0.15)"),e.button.classList.add("clear"),n.showAlways||this.hide(),this._color=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear",this))}},{key:"_parseLocalColor",value:function(t){var e=j(t),n=e.values,r=e.type,o=e.a,i=this.options.lockOpacity,a=void 0!==o&&1!==o;return n&&3===n.length&&(n[3]=void 0),{values:!n||i&&a?null:n,type:r}}},{key:"_emit",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o'));return o.swatches.appendChild(a),r.push({el:a,color:i}),this._eventBindings.push(c(a,"click",function(){e.setHSVA.apply(e,M(i.toHSVA()).concat([!0])),e._emit("swatchselect",i),e._emit("change",i)})),!0}return!1}},{key:"removeSwatch",value:function(t){var e=this._swatchColors[t];if(e){var n=e.el;return this._root.swatches.removeChild(n),this._swatchColors.splice(t,1),!0}return!1}},{key:"applyColor",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this._root,n=e.preview,r=e.button,o=this._color.toRGBA().toString();n.lastColor.style.color=o,this.options.useAsButton||(r.style.color=o),r.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||t||this._emit("save",this._color)}},{key:"destroy",value:function(){var t=this;this._eventBindings.forEach(function(t){return l.apply(r,M(t))}),Object.keys(this._components).forEach(function(e){return t._components[e].destroy()})}},{key:"destroyAndRemove",value:function(){var t=this;this.destroy();var e=this._root,n=e.root,r=e.app;n.parentElement&&n.parentElement.removeChild(n),r.parentElement.removeChild(r),Object.keys(this).forEach(function(e){return t[e]=null})}},{key:"hide",value:function(){return this._root.app.classList.remove("visible"),this._emit("hide",this),this}},{key:"show",value:function(){return this.options.disabled||(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this)),this}},{key:"isOpen",value:function(){return this._root.app.classList.contains("visible")}},{key:"setHSVA",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:360,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],i=this._recalc;if(this._recalc=!1,t<0||t>360||e<0||e>100||n<0||n>100||r<0||r>1)return!1;this._color=x(t,e,n,r);var a=this._components,c=a.hue,l=a.opacity,s=a.palette;return c.update(t/360),l.update(r),s.update(e/100,1-n/100),o||this.applyColor(),i&&this._updateOutput(),this._recalc=i,!0}},{key:"setColor",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null===t)return this._clearColor(e),!0;var n=this._parseLocalColor(t),r=n.values,o=n.type;if(r){var i=o.toUpperCase(),a=this._root.interaction.options,c=a.find(function(t){return t.getAttribute("data-type")===i});if(c&&!c.hidden){var l=!0,s=!1,u=void 0;try{for(var p,h=a[Symbol.iterator]();!(l=(p=h.next()).done);l=!0){var f=p.value;f.classList[f===c?"add":"remove"]("active")}}catch(t){s=!0,u=t}finally{try{l||null==h.return||h.return()}finally{if(s)throw u}}}return this.setColorRepresentation(i),this.setHSVA.apply(this,M(r).concat([e]))}return!1}},{key:"setColorRepresentation",value:function(t){return t=t.toUpperCase(),!!this._root.interaction.options.find(function(e){return e.getAttribute("data-type").startsWith(t)&&!e.click()})}},{key:"getColorRepresentation",value:function(){return this._representation}},{key:"getColor",value:function(){return this._color}},{key:"getRoot",value:function(){return this._root}},{key:"disable",value:function(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}},{key:"enable",value:function(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}])&&N(e.prototype,n),o&&N(e,o),t}();F.utils=r,F.libs={HSVaColor:x,Moveable:L,Nanopop:D,Selectable:H},F.create=function(t){return new F(t)},F.version="1.3.0";e.default=F}]).default}); +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Pickr=e():t.Pickr=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";n.r(e);var r={};function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function i(t){for(var e=1;e4&&void 0!==arguments[4]?arguments[4]:{};e instanceof HTMLCollection||e instanceof NodeList?e=Array.from(e):Array.isArray(e)||(e=[e]),Array.isArray(n)||(n=[n]);var a=!0,c=!1,l=void 0;try{for(var s,u=e[Symbol.iterator]();!(a=(s=u.next()).done);a=!0){var p=s.value,h=!0,f=!1,v=void 0;try{for(var d,y=n[Symbol.iterator]();!(h=(d=y.next()).done);h=!0){var m=d.value;p[t](m,r,i({capture:!1},o))}}catch(t){f=!0,v=t}finally{try{h||null==y.return||y.return()}finally{if(f)throw v}}}}catch(t){c=!0,l=t}finally{try{a||null==u.return||u.return()}finally{if(c)throw l}}return Array.prototype.slice.call(arguments,1)}function u(t){var e=document.createElement("div");return e.innerHTML=t.trim(),e.firstElementChild}function p(t,e){var n=t.getAttribute(e);return t.removeAttribute(e),n}function h(t){return function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=p(e,":obj"),o=p(e,":ref"),i=r?n[r]={}:n;o&&(n[o]=e);for(var a=0,c=Array.from(e.children);a>/g).reduce(function(t,e,n,r){return t=t.querySelector(e),n1&&void 0!==arguments[1]?arguments[1]:function(t){return t};function n(n){var r=[.001,.01,.1][Number(n.shiftKey||2*n.ctrlKey)]*(n.deltaY<0?1:-1),o=0,i=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,function(t,n){return n<=i&&n+t.length>=i?(i=n,e(Number(t),r,o)):(o++,t)}),t.focus(),t.setSelectionRange(i,i),n.preventDefault(),t.dispatchEvent(new Event("input"))}c(t,"focus",function(){return c(window,"wheel",n,{passive:!1})}),c(t,"blur",function(){return l(window,"wheel",n)})}function y(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function m(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1&&(r-=1)}return[360*r,100*o,100*a]}function C(t,e,n,r){return e/=100,n/=100,m(k(255*(1-g(1,(t/=100)*(1-(r/=100))+r)),255*(1-g(1,e*(1-r)+r)),255*(1-g(1,n*(1-r)+r))))}function S(t,e,n){return e/=100,[t,2*(e*=(n/=100)<.5?n:1-n)/(n+e)*100,100*(n+e)]}function O(t){return k.apply(void 0,m(t.match(/.{2}/g).map(function(t){return parseInt(t,16)})))}function j(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000000";var e=document.createElement("canvas").getContext("2d");return e.fillStyle=t,"#000000"===e.fillStyle?null:e.fillStyle}(t):t;var e,n={cmyk:/^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,rgba:/^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsla:/^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsva:/^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},r=function(t){return t.map(function(t){return/^(|\d+)\.\d+|\d+$/.test(t)?Number(t):void 0})};t:for(var o in n)if(e=n[o].exec(t)){var i=!!e[2];switch(o){case"cmyk":var a=y(r(e),5),c=a[1],l=a[2],s=a[3],u=a[4];if(c>100||l>100||s>100||u>100)break t;return{values:C(c,l,s,u),type:o};case"rgba":var p=y(r(e),7),h=p[3],f=p[4],v=p[5],d=p[6];if(h>255||f>255||v>255||d<0||d>1||i===!d)break t;return{values:[].concat(m(k(h,f,v)),[d]),a:d,type:o};case"hexa":var g=y(e,2)[1];4!==g.length&&3!==g.length||(g=g.split("").map(function(t){return t+t}).join(""));var b=g.substring(0,6),_=g.substring(6);return _=_?parseInt(_,16)/255:void 0,{values:[].concat(m(O(b)),[_]),a:_,type:o};case"hsla":var w=y(r(e),7),A=w[3],j=w[4],E=w[5],x=w[6];if(A>360||j>100||E>100||x<0||x>1||i===!x)break t;return{values:[].concat(m(S(A,j,E)),[x]),a:x,type:o};case"hsva":var P=y(r(e),7),L=P[3],B=P[4],H=P[5],R=P[6];if(L>360||B>100||H>100||R<0||R>1||i===!R)break t;return{values:[L,B,H,R],a:R,type:o}}}return{values:null,type:null}}function E(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=function(t,e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;return e(~n?t.map(function(t){return Number(t.toFixed(n))}):t)}},i={h:t,s:e,v:n,a:r,toHSVA:function(){var t=[i.h,i.s,i.v,i.a];return t.toString=o(t,function(t){return"hsva(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(i.a,")")}),t},toHSLA:function(){var t=[].concat(E(function(t,e,n){var r=(2-(e/=100))*(n/=100)/2;return 0!==r&&(e=1===r?0:r<.5?e*n/(2*r):e*n/(2-2*r)),[t,100*e,100*r]}(i.h,i.s,i.v)),[i.a]);return t.toString=o(t,function(t){return"hsla(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(i.a,")")}),t},toRGBA:function(){var t=[].concat(E(A(i.h,i.s,i.v)),[i.a]);return t.toString=o(t,function(t){return"rgba(".concat(t[0],", ").concat(t[1],", ").concat(t[2],", ").concat(i.a,")")}),t},toCMYK:function(){var t=function(t,e,n){var r,o=A(t,e,n),i=o[0]/255,a=o[1]/255,c=o[2]/255;return[100*(1===(r=g(1-i,1-a,1-c))?0:(1-i-r)/(1-r)),100*(1===r?0:(1-a-r)/(1-r)),100*(1===r?0:(1-c-r)/(1-r)),100*r]}(i.h,i.s,i.v);return t.toString=o(t,function(t){return"cmyk(".concat(t[0],"%, ").concat(t[1],"%, ").concat(t[2],"%, ").concat(t[3],"%)")}),t},toHEXA:function(){var t=function(t,e,n){return A(t,e,n).map(function(t){return w(t).toString(16).padStart(2,"0")})}(i.h,i.s,i.v),e=i.a>=1?"":Number((255*i.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return e&&t.push(e),t.toString=function(){return"#".concat(t.join("").toUpperCase())},t},clone:function(){return x(i.h,i.s,i.v,i.a)}};return i}var P=function(t){return Math.max(Math.min(t,1),0)};function L(t){var e={options:Object.assign({lock:null,onchange:function(){return 0},onstop:function(){return 0}},t),_tapstart:function(t){c(document,["mouseup","touchend","touchcancel"],e._tapstop),c(document,["mousemove","touchmove"],e._tapmove),t.preventDefault(),e._tapmove(t)},_tapmove:function(t){var r=e.options.lock,o=e.cache,i=n.element,a=n.wrapper,c=a.getBoundingClientRect(),l=0,s=0;if(t){var u=t&&t.touches&&t.touches[0];l=t?(u||t).clientX:0,s=t?(u||t).clientY:0,lc.left+c.width&&(l=c.left+c.width),sc.top+c.height&&(s=c.top+c.height),l-=c.left,s-=c.top}else o&&(l=o.x*c.width,s=o.y*c.height);"h"!==r&&(i.style.left="calc(".concat(l/c.width*100,"% - ").concat(i.offsetWidth/2,"px)")),"v"!==r&&(i.style.top="calc(".concat(s/c.height*100,"% - ").concat(i.offsetHeight/2,"px)")),e.cache={x:l/c.width,y:s/c.height};var p=P(l/a.offsetWidth),h=P(s/a.offsetHeight);switch(r){case"v":return n.onchange(p);case"h":return n.onchange(h);default:return n.onchange(p,h)}},_tapstop:function(){e.options.onstop(),l(document,["mouseup","touchend","touchcancel"],e._tapstop),l(document,["mousemove","touchmove"],e._tapmove)},trigger:function(){e._tapmove()},update:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=e.options.wrapper.getBoundingClientRect(),o=r.left,i=r.top,a=r.width,c=r.height;"h"===e.options.lock&&(n=t),e._tapmove({clientX:o+a*t,clientY:i+c*n})},destroy:function(){var t=e.options,n=e._tapstart;l([t.wrapper,t.element],"mousedown",n),l([t.wrapper,t.element],"touchstart",n,{passive:!1})}},n=e.options,r=e._tapstart;return c([n.wrapper,n.element],"mousedown",r),c([n.wrapper,n.element],"touchstart",r,{passive:!1}),e}function B(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e0&&void 0!==arguments[0]?arguments[0]:{};t=Object.assign({onchange:function(){return 0},className:"",elements:[]},t);var e=c(t.elements,"click",function(e){t.elements.forEach(function(n){return n.classList[e.target===n?"add":"remove"](t.className)}),t.onchange(e)});return{destroy:function(){return l.apply(r,B(e))}}}function R(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function D(t){var e=t.el,n=t.reference,r=t.padding,o=void 0===r?8:r,i={start:"sme",middle:"mse",end:"ems"},a={top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t[e];if(n)return n;var r=e.split("-"),o=R(r,2),i=o[0],a=o[1],c=void 0===a?"middle":a,l="top"===i||"bottom"===i;return t[e]={position:i,variant:c,isVertical:l}}}();return{update:function(t){var r=c(t),l=r.position,s=r.variant,u=r.isVertical,p=n.getBoundingClientRect(),h=e.getBoundingClientRect(),f=function(t){return t?{s:p.left+p.width-h.width,m:-h.width/2+(p.left+p.width/2),e:p.left}:{s:p.bottom-h.height,m:p.bottom-p.height/2-h.height/2,e:p.bottom-p.height}},v={};function d(t,n,r){var o="top"===r,i=o?h.height:h.width,a=window[o?"innerHeight":"innerWidth"],c=!0,l=!1,s=void 0;try{for(var u,p=t[Symbol.iterator]();!(c=(u=p.next()).done);c=!0){var f=n[u.value],d=v[r]="".concat(f,"px");if(f>0&&f+i\n\n '.concat(r?"":'','\n\n
\n
\n
\n \n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n\n
\n\n
\n \n\n \n \n \n \n \n\n \n \n \n
\n
\n \n ")),(u=s.interaction).options.find(function(t){return!t.hidden&&!t.classList.add("active")}),u.type=function(){return u.options.find(function(t){return t.classList.contains("active")})},s),p.useAsButton&&(this._root.button=p.el),p.container.appendChild(this._root.root)}},{key:"_finalBuild",value:function(){var t=this.options,e=this._root;if(t.container.removeChild(e.root),t.inline){var n=t.el.parentElement;t.el.nextSibling?n.insertBefore(e.app,t.el.nextSibling):n.appendChild(e.app)}else t.container.appendChild(e.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(e.root,t.el),t.disabled&&this.disable(),t.comparison||(e.button.style.transition="none",t.useAsButton||(e.preview.lastColor.style.transition="none")),this.hide()}},{key:"_buildComponents",value:function(){var t=this,e=this,n=this.options.components,r=(e.options.sliders||"v").repeat(2),o=T(r.match(/^[vh]+$/g)?r:[],2),i=o[0],a=o[1],c=function(){return t._color||(t._color=t._lastColor.clone())},l={palette:L({element:e._root.palette.picker,wrapper:e._root.palette.palette,onstop:function(){return e._emit("changestop",e)},onchange:function(t,r){if(n.palette){var o=c(),i=e._root,a=e.options;e._recalc&&(o.s=100*t,o.v=100-100*r,o.v<0&&(o.v=0),e._updateOutput());var l=o.toRGBA().toString(0);this.element.style.background=l,this.wrapper.style.background="\n linear-gradient(to top, rgba(0, 0, 0, ".concat(o.a,"), transparent),\n linear-gradient(to left, hsla(").concat(o.h,", 100%, 50%, ").concat(o.a,"), rgba(255, 255, 255, ").concat(o.a,"))\n "),a.comparison?a.useAsButton||e._lastColor||(i.preview.lastColor.style.color=l):i.button.style.color=l;var s=o.toHEXA().toString(),u=!0,p=!1,h=void 0;try{for(var f,v=e._swatchColors[Symbol.iterator]();!(u=(f=v.next()).done);u=!0){var d=f.value,y=d.el,m=d.color;y.classList[s===m.toHEXA().toString()?"add":"remove"]("pcr-active")}}catch(t){p=!0,h=t}finally{try{u||null==v.return||v.return()}finally{if(p)throw h}}i.preview.currentColor.style.color=l,e.options.comparison||i.button.classList.remove("clear")}}}),hue:L({lock:"v"===a?"h":"v",element:e._root.hue.picker,wrapper:e._root.hue.slider,onstop:function(){return e._emit("changestop",e)},onchange:function(t){if(n.hue&&n.palette){var r=c();e._recalc&&(r.h=360*t),this.element.style.backgroundColor="hsl(".concat(r.h,", 100%, 50%)"),l.palette.trigger()}}}),opacity:L({lock:"v"===i?"h":"v",element:e._root.opacity.picker,wrapper:e._root.opacity.slider,onstop:function(){return e._emit("changestop",e)},onchange:function(t){if(n.opacity&&n.palette){var r=c();e._recalc&&(r.a=Math.round(100*t)/100),this.element.style.background="rgba(0, 0, 0, ".concat(r.a,")"),l.palette.trigger()}}}),selectable:H({elements:e._root.interaction.options,className:"active",onchange:function(t){e._representation=t.target.getAttribute("data-type").toUpperCase(),e._recalc&&e._updateOutput()}})};this._components=l}},{key:"_bindEvents",value:function(){var t=this,e=this._root,n=this.options,r=[c(e.interaction.clear,"click",function(){return t._clearColor()}),c([e.interaction.cancel,e.preview.lastColor],"click",function(){t._emit("cancel",t),t.setHSVA.apply(t,M((t._lastColor||t._color).toHSVA()).concat([!0]))}),c(e.interaction.save,"click",function(){!t.applyColor()&&!n.showAlways&&t.hide()}),c(e.interaction.result,["keyup","input"],function(e){t.setColor(e.target.value,!0)&&!t._initializingActive&&t._emit("change",t._color),e.stopImmediatePropagation()}),c(e.interaction.result,["focus","blur"],function(e){t._recalc="blur"===e.type,t._recalc&&t._updateOutput()}),c([e.palette.palette,e.palette.picker,e.hue.slider,e.hue.picker,e.opacity.slider,e.opacity.picker],["mousedown","touchstart"],function(){return t._recalc=!0})];if(!n.showAlways){var o=n.closeWithKey;r.push(c(e.button,"click",function(){return t.isOpen()?t.hide():t.show()}),c(document,"keyup",function(e){return t.isOpen()&&(e.key===o||e.code===o)&&t.hide()}),c(document,["touchstart","mousedown"],function(n){t.isOpen()&&!f(n).some(function(t){return t===e.app||t===e.button})&&t.hide()},{capture:!0}))}if(n.adjustableNumbers){var i={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};d(e.interaction.result,function(e,n,r){var o=i[t.getColorRepresentation().toLowerCase()];if(o){var a=o[r],c=e+(a>=100?1e3*n:n);return c<=0?0:Number((c0&&void 0!==arguments[0]&&arguments[0],e=this._root,n=this.options;n.useAsButton||(e.button.style.color="rgba(0, 0, 0, 0.15)"),e.button.classList.add("clear"),n.showAlways||this.hide(),this._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear",this))}},{key:"_parseLocalColor",value:function(t){var e=j(t),n=e.values,r=e.type,o=e.a,i=this.options.lockOpacity,a=void 0!==o&&1!==o;return n&&3===n.length&&(n[3]=void 0),{values:!n||i&&a?null:n,type:r}}},{key:"_emit",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o'));return o.swatches.appendChild(a),r.push({el:a,color:i}),this._eventBindings.push(c(a,"click",function(){e.setHSVA.apply(e,M(i.toHSVA()).concat([!0])),e._emit("swatchselect",i),e._emit("change",i)})),!0}return!1}},{key:"removeSwatch",value:function(t){var e=this._swatchColors[t];if(e){var n=e.el;return this._root.swatches.removeChild(n),this._swatchColors.splice(t,1),!0}return!1}},{key:"applyColor",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this._root,n=e.preview,r=e.button,o=this._color.toRGBA().toString();n.lastColor.style.color=o,this.options.useAsButton||(r.style.color=o),r.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||t||this._emit("save",this._color)}},{key:"destroy",value:function(){var t=this;this._eventBindings.forEach(function(t){return l.apply(r,M(t))}),Object.keys(this._components).forEach(function(e){return t._components[e].destroy()})}},{key:"destroyAndRemove",value:function(){var t=this;this.destroy();var e=this._root,n=e.root,r=e.app;n.parentElement&&n.parentElement.removeChild(n),r.parentElement.removeChild(r),Object.keys(this).forEach(function(e){return t[e]=null})}},{key:"hide",value:function(){return this._root.app.classList.remove("visible"),this._emit("hide",this),this}},{key:"show",value:function(){return this.options.disabled||(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this)),this}},{key:"isOpen",value:function(){return this._root.app.classList.contains("visible")}},{key:"setHSVA",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:360,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],i=this._recalc;if(this._recalc=!1,t<0||t>360||e<0||e>100||n<0||n>100||r<0||r>1)return!1;this._color=x(t,e,n,r);var a=this._components,c=a.hue,l=a.opacity,s=a.palette;return c.update(t/360),l.update(r),s.update(e/100,1-n/100),o||this.applyColor(),i&&this._updateOutput(),this._recalc=i,!0}},{key:"setColor",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(null===t)return this._clearColor(e),!0;var n=this._parseLocalColor(t),r=n.values,o=n.type;if(r){var i=o.toUpperCase(),a=this._root.interaction.options,c=a.find(function(t){return t.getAttribute("data-type")===i});if(c&&!c.hidden){var l=!0,s=!1,u=void 0;try{for(var p,h=a[Symbol.iterator]();!(l=(p=h.next()).done);l=!0){var f=p.value;f.classList[f===c?"add":"remove"]("active")}}catch(t){s=!0,u=t}finally{try{l||null==h.return||h.return()}finally{if(s)throw u}}}return this.setColorRepresentation(i),this.setHSVA.apply(this,M(r).concat([e]))}return!1}},{key:"setColorRepresentation",value:function(t){return t=t.toUpperCase(),!!this._root.interaction.options.find(function(e){return e.getAttribute("data-type").startsWith(t)&&!e.click()})}},{key:"getColorRepresentation",value:function(){return this._representation}},{key:"getColor",value:function(){return this._color}},{key:"getSelectedColor",value:function(){return this._lastColor}},{key:"getRoot",value:function(){return this._root}},{key:"disable",value:function(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}},{key:"enable",value:function(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}])&&N(e.prototype,n),o&&N(e,o),t}();F.utils=r,F.libs={HSVaColor:x,Moveable:L,Nanopop:D,Selectable:H},F.create=function(t){return new F(t)},F.version="1.3.0";e.default=F}]).default}); //# sourceMappingURL=pickr.es5.min.js.map \ No newline at end of file diff --git a/dist/pickr.es5.min.js.map b/dist/pickr.es5.min.js.map index e15278e6..1192e23a 100644 --- a/dist/pickr.es5.min.js.map +++ b/dist/pickr.es5.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./src/js/utils/utils.js","webpack:///./src/js/utils/color.js","webpack:///./src/js/utils/hsvacolor.js","webpack:///./src/js/libs/moveable.js","webpack:///./src/js/libs/selectable.js","webpack:///./src/js/libs/nanopop.js","webpack:///./src/js/pickr.js","webpack:///./src/js/template.js"],"names":["root","factory","exports","module","define","amd","window","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","on","eventListener","off","method","elements","events","fn","options","HTMLCollection","NodeList","Array","from","isArray","el","ev","capture","slice","arguments","createElementFromString","html","div","document","createElement","innerHTML","trim","firstElementChild","removeAttribute","getAttribute","createFromTemplate","str","resolve","element","base","con","subtree","children","child","arr","sub","push","keys","length","eventPath","evt","path","composedPath","target","parentElement","resolveElement","val","Element","split","reduce","pv","cv","ci","a","querySelector","shadowRoot","adjustableInputNumbers","mapper","v","handleScroll","e","inc","Number","shiftKey","ctrlKey","deltaY","index","selectionStart","replace","focus","setSelectionRange","preventDefault","dispatchEvent","Event","passive","min","Math","max","floor","round","hsvToRgb","h","f","q","mod","rgbToHsv","g","b","minVal","maxVal","delta","dr","dg","db","cmykToHsv","y","k","hslToHsv","hexToHsv","hex","match","map","parseInt","parseToHSVA","toLowerCase","ctx","getContext","fillStyle","standardizeColor","regex","cmyk","rgba","hsla","hsva","hexa","numarize","array","test","undefined","invalid","type","exec","alpha","values","join","raw","substring","HSVaColor","original","next","precision","toFixed","that","toHSVA","toString","toHSLA","hsvToHsl","toRGBA","toCMYK","rgb","hsvToCmyk","toHEXA","padStart","hsvToHex","toUpperCase","clone","clamp","Moveable","opt","assign","lock","onchange","onstop","_tapstart","_","_tapstop","_tapmove","cache","wrapper","getBoundingClientRect","x","touch","touches","clientX","clientY","left","width","top","height","style","offsetWidth","offsetHeight","cx","cy","trigger","update","destroy","Selectable","className","onTap","forEach","classList","Nanopop","reference","padding","vBehaviour","start","middle","end","hBehaviour","right","bottom","getInfo","pos","cached","position","variant","isVertical","rb","eb","variants","vertical","leastApplied","apply","bevs","vars","styleprop","adder","win","sv","rot","v2Ok","v1Ok","Pickr","init","save","hide","show","clear","change","changestop","cancel","swatchselect","this","appClass","theme","useAsButton","disabled","comparison","closeOnScroll","outputPrecision","lockOpacity","autoReposition","container","components","interaction","strings","swatches","inline","sliders","default","defaultRepresentation","adjustableNumbers","showAlways","closeWithKey","includes","preview","opacity","hue","palette","_preBuild","_buildComponents","_bindEvents","_finalBuild","color","addSwatch","_nanopop","_root","button","app","requestAnimationFrame","cb","setColor","_rePositioningPicker","_representation","setColorRepresentation","_initializingActive","_emit","lo","hidden","int","input","find","add","contains","appendChild","removeChild","parent","nextSibling","insertBefore","remove","parentNode","replaceChild","disable","transition","lastColor","inst","cs","repeat","so","sh","getColor","_color","_lastColor","picker","_recalc","_updateOutput","cssRGBaString","background","_swatchColors","currentColor","slider","backgroundColor","selectable","_components","eventBindings","_clearColor","setHSVA","applyColor","result","stopImmediatePropagation","ck","isOpen","code","some","ranges","step","range","getColorRepresentation","nv","toPrecision","timeout","setTimeout","rs","clearTimeout","_eventBindings","matchMedia","matches","margin","silent","alphaMakesAChange","event","args","_eventListener","callBacks","indexOf","splice","_parseLocalColor","swatchColor","recalc","string","utype","startsWith","click","utils","libs","version"],"mappings":";CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAe,MAAID,IAEnBD,EAAY,MAAIC,IARlB,CASGK,OAAQ,WACX,O,YCTE,IAAIC,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUP,QAGnC,IAAIC,EAASI,EAAiBE,GAAY,CACzCC,EAAGD,EACHE,GAAG,EACHT,QAAS,IAUV,OANAU,EAAQH,GAAUI,KAAKV,EAAOD,QAASC,EAAQA,EAAOD,QAASM,GAG/DL,EAAOQ,GAAI,EAGJR,EAAOD,QA0Df,OArDAM,EAAoBM,EAAIF,EAGxBJ,EAAoBO,EAAIR,EAGxBC,EAAoBQ,EAAI,SAASd,EAASe,EAAMC,GAC3CV,EAAoBW,EAAEjB,EAASe,IAClCG,OAAOC,eAAenB,EAASe,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEV,EAAoBgB,EAAI,SAAStB,GACX,oBAAXuB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAenB,EAASuB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAenB,EAAS,aAAc,CAAEyB,OAAO,KAQvDnB,EAAoBoB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQnB,EAAoBmB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFAxB,EAAoBgB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOnB,EAAoBQ,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRvB,EAAoB2B,EAAI,SAAShC,GAChC,IAAIe,EAASf,GAAUA,EAAO2B,WAC7B,WAAwB,OAAO3B,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAK,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRV,EAAoBW,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG7B,EAAoBgC,EAAI,GAIjBhC,EAAoBA,EAAoBiC,EAAI,G,yjCC1E9C,IAAMC,EAAKC,EAAcT,KAAK,KAAM,oBAU9BU,EAAMD,EAAcT,KAAK,KAAM,uBAE5C,SAASS,EAAcE,EAAQC,EAAUC,EAAQC,GAAkB,IAAdC,EAAc,uDAAJ,GAGvDH,aAAoBI,gBAAkBJ,aAAoBK,SAC1DL,EAAWM,MAAMC,KAAKP,GACdM,MAAME,QAAQR,KACtBA,EAAW,CAACA,IAGXM,MAAME,QAAQP,KACfA,EAAS,CAACA,IAViD,2BAa/D,YAAiBD,EAAjB,+CAA2B,KAAhBS,EAAgB,+BACvB,YAAiBR,EAAjB,+CAAyB,KAAdS,EAAc,QACrBD,EAAGV,GAAQW,EAAIR,EAAf,GAAoBS,SAAS,GAAUR,KAFpB,oFAboC,kFAmB/D,OAAOG,MAAMd,UAAUoB,MAAM7C,KAAK8C,UAAW,GAQ1C,SAASC,EAAwBC,GACpC,IAAMC,EAAMC,SAASC,cAAc,OAEnC,OADAF,EAAIG,UAAYJ,EAAKK,OACdJ,EAAIK,kBASR,SAASC,EAAgBb,EAAItC,GAChC,IAAMU,EAAQ4B,EAAGc,aAAapD,GAE9B,OADAsC,EAAGa,gBAAgBnD,GACZU,EAiBJ,SAAS2C,EAAmBC,GA2B/B,OAxBA,SAASC,EAAQC,GAAoB,IAAXC,EAAW,uDAAJ,GAGvBC,EAAMP,EAAgBK,EAAS,QAC/BxC,EAAMmC,EAAgBK,EAAS,QAC/BG,EAAUD,EAAOD,EAAKC,GAAO,GAAMD,EAGzCzC,IAAQyC,EAAKzC,GAAOwC,GACpB,cAAoBrB,MAAMC,KAAKoB,EAAQI,UAAvC,eAAkD,CAA7C,IAAMC,EAAK,KACNC,EAAMX,EAAgBU,EAAO,QAC7BE,EAAMR,EAAQM,EAAOC,EAAM,GAAKH,GAElCG,IAGCH,EAAQG,KAASH,EAAQG,GAAO,KAC5BE,KAAK7D,OAAO8D,KAAKF,GAAKG,OAASH,EAAMF,GAIlD,OAAOJ,EAGJF,CAAQZ,EAAwBW,IAQpC,SAASa,EAAUC,GACtB,IAAIC,EAAOD,EAAIC,MAASD,EAAIE,cAAgBF,EAAIE,eAChD,GAAID,EAAM,OAAOA,EAEjB,IAAI/B,EAAK8B,EAAIG,OAAOC,cAEpB,IADAH,EAAO,CAACD,EAAIG,OAAQjC,GACbA,EAAKA,EAAGkC,eAAeH,EAAKL,KAAK1B,GAGxC,OADA+B,EAAKL,KAAKlB,SAAUzD,QACbgF,EAQJ,SAASI,EAAeC,GAC3B,OAAIA,aAAeC,QACRD,EACe,iBAARA,EACPA,EAAIE,MAAM,OAAOC,OAAO,SAACC,EAAIC,EAAIC,EAAIC,GAExC,OADAH,EAAKA,EAAGI,cAAcH,GACfC,EAAKC,EAAEf,OAAS,EAAIY,EAAGK,WAAaL,GAC5ChC,UAGA,KAQJ,SAASsC,EAAuB9C,GAAqB,IAAjB+C,EAAiB,uDAAR,SAAAC,GAAC,OAAIA,GAErD,SAASC,EAAaC,GAClB,IAAMC,EAAO,CAAC,KAAO,IAAM,IAAMC,OAAOF,EAAEG,UAAwB,EAAZH,EAAEI,WAAiBJ,EAAEK,OAAS,EAAI,GAAK,GAEzFC,EAAQ,EACRnE,EAAMW,EAAGyD,eACbzD,EAAG5B,MAAQ4B,EAAG5B,MAAMsF,QAAQ,UAAW,SAACV,EAAG7F,GAGvC,OAAIA,GAAKkC,GAAOlC,EAAI6F,EAAEpB,QAAUvC,GAC5BA,EAAMlC,EACC4F,EAAOK,OAAOJ,GAAIG,EAAKK,KAGlCA,IACOR,KAGXhD,EAAG2D,QACH3D,EAAG4D,kBAAkBvE,EAAKA,GAG1B6D,EAAEW,iBACF7D,EAAG8D,cAAc,IAAIC,MAAM,UAI/B5E,EAAGa,EAAI,QAAS,kBAAMb,EAAGpC,OAAQ,QAASkG,EAAc,CAACe,SAAS,MAClE7E,EAAGa,EAAI,OAAQ,kBAAMX,EAAItC,OAAQ,QAASkG,K,2uBCjLvCgB,EAA0BC,KAA1BD,IAAKE,EAAqBD,KAArBC,IAAKC,EAAgBF,KAAhBE,MAAOC,EAASH,KAATG,MA0BjB,SAASC,EAASC,EAAGrF,EAAG8D,GAE3B9D,GAAK,IACL8D,GAAK,IAEL,IAAM7F,EAAIiH,EAJVG,EAAKA,EAAI,IAAO,GAMVC,EAAID,EAAIpH,EACR8B,EAAI+D,GAAK,EAAI9D,GACbuF,EAAIzB,GAAK,EAAIwB,EAAItF,GACjBb,EAAI2E,GAAK,GAAK,EAAIwB,GAAKtF,GAEvBwF,EAAMvH,EAAI,EAKhB,MAAO,CACC,IALE,CAAC6F,EAAGyB,EAAGxF,EAAGA,EAAGZ,EAAG2E,GAAG0B,GAMrB,IALE,CAACrG,EAAG2E,EAAGA,EAAGyB,EAAGxF,EAAGA,GAAGyF,GAMrB,IALE,CAACzF,EAAGA,EAAGZ,EAAG2E,EAAGA,EAAGyB,GAAGC,IAuFjC,SAASC,EAAS1G,EAAG2G,EAAGC,GAGpB,IAAIN,EAAGrF,EACD4F,EAASb,EAHfhG,GAAK,IAAK2G,GAAK,IAAKC,GAAK,KAInBE,EAASZ,EAAIlG,EAAG2G,EAAGC,GACnBG,EAAQD,EAASD,EAGvB,GAAc,IAAVE,EACAT,EAAIrF,EAAI,MACL,CACHA,EAAI8F,EAAQD,EACZ,IAAME,IAAQF,EAAS9G,GAAK,EAAM+G,EAAQ,GAAMA,EAC1CE,IAAQH,EAASH,GAAK,EAAMI,EAAQ,GAAMA,EAC1CG,IAAQJ,EAASF,GAAK,EAAMG,EAAQ,GAAMA,EAE5C/G,IAAM8G,EACNR,EAAIY,EAAKD,EACFN,IAAMG,EACbR,EAAK,EAAI,EAAKU,EAAKE,EACZN,IAAME,IACbR,EAAK,EAAI,EAAKW,EAAKD,GAGnBV,EAAI,EACJA,GAAK,EACEA,EAAI,IACXA,GAAK,GAIb,MAAO,CACC,IAAJA,EACI,IAAJrF,EACI,IA3BJ6F,GAuCR,SAASK,EAAU5H,EAAGD,EAAG8H,EAAGC,GAUxB,OARA/H,GAAK,IACL8H,GAAK,IAOL,EAAWV,EAJ+B,KAA/B,EAAIV,EAAI,GALnBzG,GAAK,MAKsB,GAF3B8H,GAAK,MAE+BA,IACM,KAA/B,EAAIrB,EAAI,EAAG1G,GAAK,EAAI+H,GAAKA,IACM,KAA/B,EAAIrB,EAAI,EAAGoB,GAAK,EAAIC,GAAKA,MAYxC,SAASC,EAAShB,EAAGrF,EAAG9B,GAOpB,OANA8B,GAAK,IAME,CAACqF,EAFI,GAFZrF,IADA9B,GAAK,KACI,GAAMA,EAAI,EAAIA,IAEFA,EAAI8B,GAAM,IACX,KAAT9B,EAAI8B,IASnB,SAASsG,EAASC,GACd,OAAOd,EAAQ,WAAR,IAAYc,EAAIC,MAAM,SAASC,IAAI,SAAA3C,GAAC,OAAI4C,SAAS5C,EAAG,QASxD,SAAS6C,EAAY7E,GAGxBA,EAAMA,EAAI0E,MAAM,eAxNpB,SAA0BhI,GAGtB,GAA2B,UAAvBA,EAAKoI,cACL,MAAO,UAGX,IAAMC,EAAMvF,SAASC,cAAc,UAAUuF,WAAW,MAExD,OADAD,EAAIE,UAAYvI,EACS,YAAlBqI,EAAIE,UAA0B,KAAOF,EAAIE,UA+MfC,CAAiBlF,GAAOA,EAGzD,IAgBI0E,EAhBES,EAAQ,CACVC,KAAM,6DACNC,KAAM,wEACNC,KAAM,wEACNC,KAAM,wEACNC,KAAM,4DASJC,EAAW,SAAAC,GAAK,OAAIA,EAAMf,IAAI,SAAA3C,GAAC,MAAI,oBAAoB2D,KAAK3D,GAAKI,OAAOJ,QAAK4D,KAGnFC,EAAS,IAAK,IAAMC,KAAQX,EAGxB,GAAMT,EAAQS,EAAMW,GAAMC,KAAK/F,GAA/B,CAIA,IAAMgG,IAAUtB,EAAM,GAGtB,OAAQoB,GACJ,IAAK,OAAQ,QACcL,EAASf,GADvB,GACAlI,EADA,KACGD,EADH,KACM8H,EADN,KACSC,EADT,KAGT,GAAI9H,EAAI,KAAOD,EAAI,KAAO8H,EAAI,KAAOC,EAAI,IACrC,MAAMuB,EAEV,MAAO,CAACI,OAAQ7B,EAAU5H,EAAGD,EAAG8H,EAAGC,GAAIwB,QAE3C,IAAK,OAAQ,QACkBL,EAASf,GAD3B,GACIzH,EADJ,KACO2G,EADP,KACUC,EADV,KACalC,EADb,KAGT,GAAI1E,EAAI,KAAO2G,EAAI,KAAOC,EAAI,KAAOlC,EAAI,GAAKA,EAAI,GAAMqE,KAAWrE,EAC/D,MAAMkE,EAEV,MAAO,CAACI,OAAQ,GAAF,SAAMtC,EAAS1G,EAAG2G,EAAGC,IAArB,CAAyBlC,IAAIA,IAAGmE,QAElD,IAAK,OAAQ,IACFrB,EADE,EACKC,EADL,MAGU,IAAfD,EAAI7D,QAA+B,IAAf6D,EAAI7D,SACxB6D,EAAMA,EAAInD,MAAM,IAAIqD,IAAI,SAAA3C,GAAC,OAAIA,EAAIA,IAAGkE,KAAK,KAG7C,IAAMC,EAAM1B,EAAI2B,UAAU,EAAG,GACzBzE,EAAI8C,EAAI2B,UAAU,GAKtB,OAFAzE,EAAIA,EAAKiD,SAASjD,EAAG,IAAM,SAAOiE,EAE3B,CAACK,OAAQ,GAAF,SAAMzB,EAAS2B,IAAf,CAAqBxE,IAAIA,IAAGmE,QAE9C,IAAK,OAAQ,QACkBL,EAASf,GAD3B,GACInB,EADJ,KACOrF,EADP,KACU9B,EADV,KACauF,EADb,KAGT,GAAI4B,EAAI,KAAOrF,EAAI,KAAO9B,EAAI,KAAOuF,EAAI,GAAKA,EAAI,GAAMqE,KAAWrE,EAC/D,MAAMkE,EAEV,MAAO,CAACI,OAAQ,GAAF,SAAM1B,EAAShB,EAAGrF,EAAG9B,IAArB,CAAyBuF,IAAIA,IAAGmE,QAElD,IAAK,OAAQ,QACkBL,EAASf,GAD3B,GACInB,EADJ,KACOrF,EADP,KACU8D,EADV,KACaL,EADb,KAGT,GAAI4B,EAAI,KAAOrF,EAAI,KAAO8D,EAAI,KAAOL,EAAI,GAAKA,EAAI,GAAMqE,KAAWrE,EAC/D,MAAMkE,EAEV,MAAO,CAACI,OAAQ,CAAC1C,EAAGrF,EAAG8D,EAAGL,GAAIA,IAAGmE,SAK7C,MAAO,CAACG,OAAQ,KAAMH,KAAM,M,qVC3SzB,SAASO,IAAsC,IAA5B9C,EAA4B,uDAAxB,EAAGrF,EAAqB,uDAAjB,EAAG8D,EAAc,uDAAV,EAAGL,EAAO,uDAAH,EACzCI,EAAS,SAACuE,EAAUC,GAAX,OAAoB,WAAoB,IAAnBC,EAAmB,wDAAN,EAC7C,OAAOD,GAAMC,EAAYF,EAAS3B,IAAI,SAAA3C,GAAC,OAAII,OAAOJ,EAAEyE,QAAQD,MAAeF,KAGzEI,EAAO,CACTnD,IAAGrF,IAAG8D,IAAGL,IAETgF,OAHS,WAIL,IAAMpB,EAAO,CAACmB,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,EAAG0E,EAAK/E,GAE3C,OADA4D,EAAKqB,SAAW7E,EAAOwD,EAAM,SAAA/E,GAAG,qBAAYA,EAAI,GAAhB,aAAuBA,EAAI,GAA3B,cAAmCA,EAAI,GAAvC,cAA+CkG,EAAK/E,EAApD,OACzB4D,GAGXsB,OATS,WAUL,IAAMvB,EAAO,GAAH,SD+Ef,SAAkB/B,EAAGrF,EAAG8D,GAG3B,IAAM5F,GAAK,GAFX8B,GAAK,OAAK8D,GAAK,KAES,EAYxB,OAVU,IAAN5F,IAEI8B,EADM,IAAN9B,EACI,EACGA,EAAI,GACP8B,EAAI8D,GAAS,EAAJ5F,GAET8B,EAAI8D,GAAK,EAAQ,EAAJ5F,IAIlB,CACHmH,EACI,IAAJrF,EACI,IAAJ9B,GCjGqB0K,CAASJ,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,IAArC,CAAyC0E,EAAK/E,IAExD,OADA2D,EAAKsB,SAAW7E,EAAOuD,EAAM,SAAA9E,GAAG,qBAAYA,EAAI,GAAhB,aAAuBA,EAAI,GAA3B,cAAmCA,EAAI,GAAvC,cAA+CkG,EAAK/E,EAApD,OACzB2D,GAGXyB,OAfS,WAgBL,IAAM1B,EAAO,GAAH,SAAO/B,EAASoD,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,IAArC,CAAyC0E,EAAK/E,IAExD,OADA0D,EAAKuB,SAAW7E,EAAOsD,EAAM,SAAA7E,GAAG,qBAAYA,EAAI,GAAhB,aAAuBA,EAAI,GAA3B,aAAkCA,EAAI,GAAtC,aAA6CkG,EAAK/E,EAAlD,OACzB0D,GAGX2B,OArBS,WAsBL,IAAM5B,EDsCX,SAAmB7B,EAAGrF,EAAG8D,GAC5B,IAKIsC,EALE2C,EAAM3D,EAASC,EAAGrF,EAAG8D,GACrB/E,EAAIgK,EAAI,GAAK,IACbrD,EAAIqD,EAAI,GAAK,IACbpD,EAAIoD,EAAI,GAAK,IAUnB,MAAO,CACC,KALE,KAFV3C,EAAIrB,EAAI,EAAIhG,EAAG,EAAI2G,EAAG,EAAIC,IAEZ,GAAK,EAAI5G,EAAIqH,IAAM,EAAIA,IAM7B,KALE,IAANA,EAAU,GAAK,EAAIV,EAAIU,IAAM,EAAIA,IAM7B,KALE,IAANA,EAAU,GAAK,EAAIT,EAAIS,IAAM,EAAIA,IAM7B,IAAJA,GCxDiB4C,CAAUR,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,GAE5C,OADAoD,EAAKwB,SAAW7E,EAAOqD,EAAM,SAAA5E,GAAG,qBAAYA,EAAI,GAAhB,cAAwBA,EAAI,GAA5B,cAAoCA,EAAI,GAAxC,cAAgDA,EAAI,GAApD,QACzB4E,GAGX+B,OA3BS,WA4BL,IAAM1C,EDmBX,SAAkBlB,EAAGrF,EAAG8D,GAC3B,OAAOsB,EAASC,EAAGrF,EAAG8D,GAAG2C,IAAI,SAAA3C,GAAC,OAC1BqB,EAAMrB,GAAG4E,SAAS,IAAIQ,SAAS,EAAG,OCrBlBC,CAASX,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,GAIpCgE,EAAQU,EAAK/E,GAAK,EAAI,GAAKS,QAAiB,IAATsE,EAAK/E,GAAS8E,QAAQ,IAC1DG,SAAS,IACTU,cAAcF,SAAS,EAAG,KAI/B,OAFApB,GAASvB,EAAI/D,KAAKsF,GAClBvB,EAAImC,SAAW,4BAAUnC,EAAIyB,KAAK,IAAIoB,gBAC/B7C,GAGX8C,MAAO,kBAAMlB,EAAUK,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,EAAG0E,EAAK/E,KAGxD,OAAO+E,ECrDX,IAAMc,EAAQ,SAAAxF,GAAC,OAAIkB,KAAKC,IAAID,KAAKD,IAAIjB,EAAG,GAAI,IAC7B,SAASyF,EAASC,GAE7B,IAAMhB,EAAO,CAGThI,QAAS7B,OAAO8K,OAAO,CACnBC,KAAM,KACNC,SAAU,kBAAM,GAChBC,OAAQ,kBAAM,IACfJ,GAEHK,UATS,SASCjH,GACNkH,EAAKxI,SAAU,CAAC,UAAW,WAAY,eAAgBkH,EAAKuB,UAC5DD,EAAKxI,SAAU,CAAC,YAAa,aAAckH,EAAKwB,UAGhDpH,EAAI+B,iBAGJ6D,EAAKwB,SAASpH,IAGlBoH,SApBS,SAoBApH,GAAK,IACO8G,EAAgBlB,EAA1BhI,QAAUkJ,KAAOO,EAASzB,EAATyB,MACjBjI,EAAoBxB,EAApBwB,QAASkI,EAAW1J,EAAX0J,QACVvE,EAAIuE,EAAQC,wBAEdC,EAAI,EAAGjE,EAAI,EACf,GAAIvD,EAAK,CACL,IAAMyH,EAAQzH,GAAOA,EAAI0H,SAAW1H,EAAI0H,QAAQ,GAChDF,EAAIxH,GAAOyH,GAASzH,GAAK2H,QAAU,EACnCpE,EAAIvD,GAAOyH,GAASzH,GAAK4H,QAAU,EAG/BJ,EAAIzE,EAAE8E,KAAML,EAAIzE,EAAE8E,KACbL,EAAIzE,EAAE8E,KAAO9E,EAAE+E,QAAON,EAAIzE,EAAE8E,KAAO9E,EAAE+E,OAC1CvE,EAAIR,EAAEgF,IAAKxE,EAAIR,EAAEgF,IACZxE,EAAIR,EAAEgF,IAAMhF,EAAEiF,SAAQzE,EAAIR,EAAEgF,IAAMhF,EAAEiF,QAG7CR,GAAKzE,EAAE8E,KACPtE,GAAKR,EAAEgF,SACAV,IACPG,EAAIH,EAAMG,EAAIzE,EAAE+E,MAChBvE,EAAI8D,EAAM9D,EAAIR,EAAEiF,QAGP,MAATlB,IACA1H,EAAQ6I,MAAMJ,KAAd,eAA6BL,EAAIzE,EAAE+E,MAAQ,IAA3C,eAAqD1I,EAAQ8I,YAAc,EAA3E,QAGS,MAATpB,IACA1H,EAAQ6I,MAAMF,IAAd,eAA4BxE,EAAIR,EAAEiF,OAAS,IAA3C,eAAqD5I,EAAQ+I,aAAe,EAA5E,QAGJvC,EAAKyB,MAAQ,CAACG,EAAGA,EAAIzE,EAAE+E,MAAOvE,EAAGA,EAAIR,EAAEiF,QACvC,IAAMI,EAAK1B,EAAMc,EAAIF,EAAQY,aACvBG,EAAK3B,EAAMnD,EAAI+D,EAAQa,cAE7B,OAAQrB,GACJ,IAAK,IACD,OAAOlJ,EAAQmJ,SAASqB,GAC5B,IAAK,IACD,OAAOxK,EAAQmJ,SAASsB,GAC5B,QACI,OAAOzK,EAAQmJ,SAASqB,EAAIC,KAIxClB,SAnES,WAoELvB,EAAKhI,QAAQoJ,SACbE,EAAMxI,SAAU,CAAC,UAAW,WAAY,eAAgBkH,EAAKuB,UAC7DD,EAAMxI,SAAU,CAAC,YAAa,aAAckH,EAAKwB,WAGrDkB,QAzES,WA0EL1C,EAAKwB,YAGTmB,OA7ES,WA6EY,IAAdf,EAAc,uDAAV,EAAGjE,EAAO,uDAAH,EAAG,EACkBqC,EAAKhI,QAAQ0J,QAAQC,wBAAjDM,EADU,EACVA,KAAME,EADI,EACJA,IAAKD,EADD,EACCA,MAAOE,EADR,EACQA,OAEC,MAAtBpC,EAAKhI,QAAQkJ,OACbvD,EAAIiE,GAGR5B,EAAKwB,SAAS,CACVO,QAASE,EAAOC,EAAQN,EACxBI,QAASG,EAAMC,EAASzE,KAIhCiF,QA1FS,WA0FC,IACC5K,EAAsBgI,EAAtBhI,QAASqJ,EAAarB,EAAbqB,UAChBC,EAAM,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,YAAa6H,GACvDC,EAAM,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,aAAc6H,EAAW,CAC/D/E,SAAS,MAMdtE,EAAsBgI,EAAtBhI,QAASqJ,EAAarB,EAAbqB,UAMhB,OALAC,EAAK,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,YAAa6H,GACtDC,EAAK,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,aAAc6H,EAAW,CAC9D/E,SAAS,IAGN0D,E,qVC7GI,SAAS6C,IAAqB,IAAV7B,EAAU,uDAAJ,GACrCA,EAAM7K,OAAO8K,OAAO,CAChBE,SAAU,kBAAM,GAChB2B,UAAW,GACXjL,SAAU,IACXmJ,GAEH,IAAM+B,EAAQzB,EAAKN,EAAInJ,SAAU,QAAS,SAAAuC,GACtC4G,EAAInJ,SAASmL,QAAQ,SAAAxH,GAAC,OAClBA,EAAEyH,UAAU7I,EAAIG,SAAWiB,EAAI,MAAQ,UAAUwF,EAAI8B,aAGzD9B,EAAIG,SAAS/G,KAGjB,MAAO,CACHwI,QAAS,kBAAMtB,EAAA,MAAAA,EAAC,EAAQyB,M,kZCTjB,SAASG,EAAT,GAA+C,IAA7B5K,EAA6B,EAA7BA,GAAI6K,EAAyB,EAAzBA,UAAyB,IAAdC,eAAc,MAAJ,EAAI,EACpDC,EAAa,CAACC,MAAO,MAAOC,OAAQ,MAAOC,IAAK,OAChDC,EAAa,CAACtB,IAAK,OAAQuB,MAAO,OAAQC,OAAQ,OAAQ1B,KAAM,QAEhE2B,EAAW,eAACnC,EAAD,uDAAS,GAAT,OAAgB,SAACoC,GAA6B,IAAxBC,EAAwB,uDAAfrC,EAAMoC,GAClD,GAAIC,EAAQ,OAAOA,EADwC,MAEpBD,EAAIjJ,MAAM,KAFU,SAEpDmJ,EAFoD,YAE1CC,OAF0C,MAEhC,SAFgC,EAGrDC,EAA2B,QAAbF,GAAmC,WAAbA,EAE1C,OAAOtC,EAAMoC,GAAO,CAChBE,WACAC,UACAC,eARS,GAYjB,MAAO,CACHtB,OADG,SACIkB,GAAK,MACgCD,EAAQC,GAAzCE,EADC,EACDA,SAAUC,EADT,EACSA,QAASC,EADlB,EACkBA,WACpBC,EAAKf,EAAUxB,wBACfwC,EAAK7L,EAAGqJ,wBAURyC,EAAW,SAAAC,GAAQ,OAAIA,EAAW,CACpC7M,EAAG0M,EAAGjC,KAAOiC,EAAGhC,MAAQiC,EAAGjC,MAC3BrM,GAAKsO,EAAGjC,MAAQ,GAAMgC,EAAGjC,KAAOiC,EAAGhC,MAAQ,GAC3C1G,EAAG0I,EAAGjC,MACN,CACAzK,EAAG0M,EAAGP,OAASQ,EAAG/B,OAClBvM,EAAGqO,EAAGP,OAASO,EAAG9B,OAAS,EAAI+B,EAAG/B,OAAS,EAC3C5G,EAAG0I,EAAGP,OAASO,EAAG9B,SAGhBkC,EAAe,GAErB,SAASC,EAAMC,EAAMC,EAAMC,GACvB,IAAML,EAAyB,QAAdK,EACXC,EAAQN,EAAWF,EAAG/B,OAAS+B,EAAGjC,MAClC0C,EAAMvP,OAAOgP,EAAW,cAAgB,cAHZ,uBAKlC,YAAiBG,EAAjB,+CAAuB,KACblJ,EAAImJ,EADS,SAEbI,EAAKP,EAAaI,GAAb,UAA6BpJ,EAA7B,MAEX,GAAIA,EAAI,GAAMA,EAAIqJ,EAASC,EAEvB,OADAtM,EAAG+J,MAAMqC,GAAaG,GACf,GAXmB,kFAelC,OAAO,EAGX,cAAkB,CAACZ,GAAaA,GAAhC,eAA6C,CAAxC,IAAMa,EAAG,KACJC,EAAOR,EAAMd,EAAWM,GAAqBe,EAvCd,CACrCnO,EAAGuN,EAAG/B,IAAMgC,EAAG/B,OAASgB,EACxBjG,EAAG+G,EAAGP,OAASP,GACf,CACA7M,EAAG2N,EAAGR,MAAQN,EACd1N,EAAGwO,EAAGjC,KAAOkC,EAAGjC,MAAQkB,GAkCiC0B,EAAM,MAAQ,QACjEE,EAAOT,EAAMlB,EAAWW,GAAUI,EAASU,GAAMA,EAAM,OAAS,OAEtE,GAAIC,GAAQC,EACR,OAIR1M,EAAG+J,MAAMJ,KAAOqC,EAAarC,KAC7B3J,EAAG+J,MAAMF,IAAMmC,EAAanC,M,ygCCpElC8C,E,WA0BF,WAAYjE,GAAK,Y,4FAAA,uCAvBK,GAuBL,kBApBP,GAoBO,gBAjBRrB,KAiBQ,oBAhBJA,KAgBI,uBAfD,IAeC,wBAZA,CACbuF,KAAM,GACNC,KAAM,GACNC,KAAM,GACNC,KAAM,GACNC,MAAO,GACPC,OAAQ,GACRC,WAAY,GACZC,OAAQ,GACRC,aAAc,KAMdC,KAAK3N,QAAUgJ,EAAM7K,OAAO8K,OAAO,CAC/B2E,SAAU,KACVC,MAAO,UACPC,aAAa,EACbC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,gBAAiB,EACjBC,aAAa,EACbC,gBAAgB,EAChBC,UAAW,OACXC,WAAY,CACRC,YAAa,IAGjBC,QAAS,GACTC,SAAU,KACVC,QAAQ,EACRC,QAAS,KAETC,QAAS,UACTC,sBAAuB,KACvB9C,SAAU,gBACV+C,mBAAmB,EACnBC,YAAY,EAEZC,aAAc,UACfhG,GA9BU,MAgC+CA,EAArDyF,EAhCM,EAgCNA,SAAUH,EAhCJ,EAgCIA,WAAYT,EAhChB,EAgCgBA,MAAOc,EAhCvB,EAgCuBA,QAASR,EAhChC,EAgCgCA,YAEzC,CAAC,OAAQ,YAAYc,SAASpB,KAAWc,IACzC3F,EAAI2F,QAAU,KAIbL,EAAWC,cACZD,EAAWC,YAAc,IAxChB,IA4CNW,EAAkCZ,EAAlCY,QAASC,EAAyBb,EAAzBa,QAASC,EAAgBd,EAAhBc,IAAKC,EAAWf,EAAXe,QAC9Bf,EAAWa,SAAYhB,GAAegB,EACtCb,EAAWe,QAAUA,GAAWH,GAAWC,GAAWC,EAGtDzB,KAAK2B,YACL3B,KAAK4B,mBACL5B,KAAK6B,cACL7B,KAAK8B,cAGDhB,GAAYA,EAASvM,QACrBuM,EAASzD,QAAQ,SAAA0E,GAAK,OAAI,EAAKC,UAAUD,KAI7C/B,KAAKiC,SAAW1E,EAAQ,CACpBC,UAAWwC,KAAKkC,MAAMC,OACtBxP,GAAIqN,KAAKkC,MAAME,MA9DN,IAkENA,EAAOpC,KAAKkC,MAAZE,IACD/H,EAAO2F,KACbqC,sBAAuB,SAASC,IAE5B,IAAKF,EAAIzF,aAAeyF,EAAIvN,gBAAkBwG,EAAIqF,UAC9C,OAAO2B,sBAAsBC,GAIjCjI,EAAKkI,SAASlH,EAAI4F,SAClB5G,EAAKmI,uBAGDnH,EAAI6F,wBACJ7G,EAAKoI,gBAAkBpH,EAAI6F,sBAC3B7G,EAAKqI,uBAAuBrI,EAAKoI,kBAIjCpH,EAAI+F,YACJ/G,EAAKqF,OAITrF,EAAKsI,qBAAsB,EAC3BtI,EAAKuI,MAAM,U,2DASf,IAHA,ICpIO,EAAczS,EAAY0B,EAAGsO,EAAaY,EAAQd,EAAUC,EAAoB2C,EACrFC,EAEA1T,EA+CA2T,EDkFI1H,EAAM2E,KAAK3N,QAGjB,MAAmB,CAAC,KAAM,aAA1B,eAAwC,CAAnC,IAAMoH,EAAI,KACX4B,EAAI5B,GAAQkC,EAAiBN,EAAI5B,IAKrCuG,KAAKkC,OC7IgB/R,GAAd,ED6IiBkL,GC7IfsF,WAAwB9O,EAA8D,EAAvEgP,QAAYV,EAA2D,EAA3DA,YAAaY,EAA8C,EAA9CA,OAAQd,EAAsC,EAAtCA,SAAUC,EAA4B,EAA5BA,MAAoB2C,EAAQ,EAArBrC,YACxEsC,EAAS,SAAA/O,GAAG,OAAIA,EAAM,GAAK,+BAE3B3E,EAAOuM,EAAA,6DAGPwE,EAAc,GAAK,mEAHZ,sDAKwBF,GAAY,GALpC,yBAKuDC,EALvD,aAKiEa,EAAS,0BAA4B,GALtG,mDAMsB+B,EAAO3S,EAAEuR,SAN/B,wEAO2CoB,EAAO3S,EAAEoR,SAPpD,scAiBuCuB,EAAO3S,EAAEsR,KAjBhD,8NAsB2CqB,EAAO3S,EAAEqR,SAtBpD,6NA4BoBrR,EAAEuR,QAAU,GAAK,YA5BrC,kGA8B2CoB,EAAOtS,OAAO8D,KAAKnE,EAAEyQ,aAAarM,QA9B7E,iGA+BoEuO,EAAO3S,EAAEyQ,YAAYoC,OA/BzF,2FAiC4DH,EAAK,MAAQ,OAjCzE,2BAiCkGC,EAAO3S,EAAEyQ,YAAYxI,KAjCvH,yFAkC4DyK,EAAK,MAAQ,OAlCzE,2BAkCkGC,EAAO3S,EAAEyQ,YAAY5H,MAlCvH,yFAmC4D6J,EAAK,MAAQ,OAnCzE,2BAmCkGC,EAAO3S,EAAEyQ,YAAY3H,MAnCvH,yFAoC4D4J,EAAK,MAAQ,OApCzE,2BAoCkGC,EAAO3S,EAAEyQ,YAAY1H,MApCvH,6GAqCgF4J,EAAO3S,EAAEyQ,YAAY7H,MArCrG,uEAuCwClH,EAAE2N,MAAQ,OAvClD,2BAuC2EsD,EAAO3S,EAAEyQ,YAAYpB,MAvChG,yEAwC4C3N,EAAEiO,QAAU,SAxCxD,2BAwCmFgD,EAAO3S,EAAEyQ,YAAYd,QAxCxG,uEAyC0CjO,EAAE8N,OAAS,QAzCrD,2BAyC+EmD,EAAO3S,EAAEyQ,YAAYjB,OAzCpG,6DA+CPoD,EAAM3T,EAAKwR,aAGbvO,QAAQ4Q,KAAK,SAAA1S,GAAC,OAAKA,EAAEuS,SAAWvS,EAAE+M,UAAU4F,IAAI,YAGpDH,EAAItJ,KAAO,kBAAMsJ,EAAI1Q,QAAQ4Q,KAAK,SAAApN,GAAC,OAAIA,EAAEyH,UAAU6F,SAAS,aACrD/T,GDuFCiM,EAAI8E,cACJH,KAAKkC,MAAMC,OAAS9G,EAAI1I,IAG5B0I,EAAIqF,UAAU0C,YAAYpD,KAAKkC,MAAM9S,Q,oCAIrC,IAAMiM,EAAM2E,KAAK3N,QACXjD,EAAO4Q,KAAKkC,MAKlB,GAFA7G,EAAIqF,UAAU2C,YAAYjU,EAAKA,MAE3BiM,EAAI0F,OAAQ,CACZ,IAAMuC,EAASjI,EAAI1I,GAAGkC,cAElBwG,EAAI1I,GAAG4Q,YACPD,EAAOE,aAAapU,EAAKgT,IAAK/G,EAAI1I,GAAG4Q,aAErCD,EAAOF,YAAYhU,EAAKgT,UAG5B/G,EAAIqF,UAAU0C,YAAYhU,EAAKgT,KAI9B/G,EAAI8E,YAIE9E,EAAI0F,QACX1F,EAAI1I,GAAG8Q,SAFPpI,EAAI1I,GAAG+Q,WAAWC,aAAavU,EAAKA,KAAMiM,EAAI1I,IAM9C0I,EAAI+E,UACJJ,KAAK4D,UAIJvI,EAAIgF,aACLjR,EAAK+S,OAAOzF,MAAMmH,WAAa,OAC1BxI,EAAI8E,cACL/Q,EAAKmS,QAAQuC,UAAUpH,MAAMmH,WAAa,SAIlD7D,KAAKP,S,yCAGU,WAGTsE,EAAO/D,KACPgE,EAAKhE,KAAK3N,QAAQsO,WAClBK,GAAW+C,EAAK1R,QAAQ2O,SAAW,KAAKiD,OAAO,GALtC,IAMEjD,EAAQ3I,MAAM,YAAc2I,EAAU,GANxC,GAMRkD,EANQ,KAMJC,EANI,KASTC,EAAW,kBACb,EAAKC,SAAW,EAAKA,OAAS,EAAKC,WAAWpJ,UAE5CyF,EAAa,CAEfe,QAAStG,EAAS,CACdvH,QAASkQ,EAAK7B,MAAMR,QAAQ6C,OAC5BxI,QAASgI,EAAK7B,MAAMR,QAAQA,QAE5BjG,OAAQ,kBAAMsI,EAAKnB,MAAM,aAAcmB,IACvCvI,SALc,SAKLS,EAAGjE,GACR,GAAKgM,EAAGtC,QAAR,CAEA,IAAMK,EAAQqC,IACPlC,EAAkB6B,EAAlB7B,MAAO7P,EAAW0R,EAAX1R,QAGV0R,EAAKS,UAGLzC,EAAMlQ,EAAQ,IAAJoK,EAGV8F,EAAMpM,EAAI,IAAU,IAAJqC,EAGhB+J,EAAMpM,EAAI,IAAIoM,EAAMpM,EAAI,GACxBoO,EAAKU,iBAIT,IAAMC,EAAgB3C,EAAMrH,SAASH,SAAS,GAC9CyF,KAAKnM,QAAQ6I,MAAMiI,WAAaD,EAChC1E,KAAKjE,QAAQW,MAAMiI,WAAnB,0EAC4C5C,EAAMzM,EADlD,mFAEoCyM,EAAM7K,EAF1C,wBAE2D6K,EAAMzM,EAFjE,kCAE4FyM,EAAMzM,EAFlG,4BAMKjD,EAAQgO,aACT6B,EAAMC,OAAOzF,MAAMqF,MAAQ2C,EAEtBrS,EAAQ8N,cACT+B,EAAMX,QAAQuC,UAAUpH,MAAMqF,MAAQ2C,IAK9C,IAAMvL,EAAO4I,EAAMjH,SAASP,WAtCjB,uBAuCX,YAA0BwJ,EAAKa,cAA/B,+CAA8C,eAAlCjS,EAAkC,EAAlCA,GAAIoP,EAA8B,EAA9BA,MACZpP,EAAG2K,UAAUnE,IAAS4I,EAAMjH,SAASP,WAAa,MAAQ,UAAU,eAxC7D,kFA4CX2H,EAAMX,QAAQsD,aAAanI,MAAMqF,MAAQ2C,EAEpCX,EAAK1R,QAAQgO,YAGd6B,EAAMC,OAAO7E,UAAUmG,OAAO,aAK1ChC,IAAKrG,EAAS,CACVG,KAAa,MAAP4I,EAAa,IAAM,IACzBtQ,QAASkQ,EAAK7B,MAAMT,IAAI8C,OACxBxI,QAASgI,EAAK7B,MAAMT,IAAIqD,OAExBrJ,OAAQ,kBAAMsI,EAAKnB,MAAM,aAAcmB,IACvCvI,SANU,SAMD7F,GACL,GAAKqO,EAAGvC,KAAQuC,EAAGtC,QAAnB,CACA,IAAMK,EAAQqC,IAGVL,EAAKS,UACLzC,EAAM7K,EAAQ,IAAJvB,GAIdqK,KAAKnM,QAAQ6I,MAAMqI,gBAAnB,cAA4ChD,EAAM7K,EAAlD,gBACAyJ,EAAWe,QAAQ3E,cAI3ByE,QAASpG,EAAS,CACdG,KAAa,MAAP2I,EAAa,IAAM,IACzBrQ,QAASkQ,EAAK7B,MAAMV,QAAQ+C,OAC5BxI,QAASgI,EAAK7B,MAAMV,QAAQsD,OAE5BrJ,OAAQ,kBAAMsI,EAAKnB,MAAM,aAAcmB,IACvCvI,SANc,SAML7F,GACL,GAAKqO,EAAGxC,SAAYwC,EAAGtC,QAAvB,CACA,IAAMK,EAAQqC,IAGVL,EAAKS,UACLzC,EAAMzM,EAAIuB,KAAKG,MAAU,IAAJrB,GAAW,KAIpCqK,KAAKnM,QAAQ6I,MAAMiI,WAAnB,wBAAiD5C,EAAMzM,EAAvD,KACAqL,EAAWe,QAAQ3E,cAI3BiI,WAAY9H,EAAW,CACnBhL,SAAU6R,EAAK7B,MAAMtB,YAAYvO,QACjC8K,UAAW,SAEX3B,SAJmB,SAIV3F,GACLkO,EAAKtB,gBAAkB5M,EAAEjB,OAAOnB,aAAa,aAAawH,cAC1D8I,EAAKS,SAAWT,EAAKU,oBAKjCzE,KAAKiF,YAActE,I,oCAGT,WACHuB,EAAkBlC,KAAlBkC,MAAO7P,EAAW2N,KAAX3N,QAER6S,EAAgB,CAGlBvJ,EAAKuG,EAAMtB,YAAYjB,MAAO,QAAS,kBAAM,EAAKwF,gBAGlDxJ,EAAK,CACDuG,EAAMtB,YAAYd,OAClBoC,EAAMX,QAAQuC,WACf,QAAS,WACR,EAAKlB,MAAM,SAAU,GACrB,EAAKwC,QAAL,QAAI,EAAY,EAAKd,WAAWhK,UAA5B,SAAsC,OAI9CqB,EAAKuG,EAAMtB,YAAYpB,KAAM,QAAS,YACjC,EAAK6F,eAAiBhT,EAAQ+O,YAAc,EAAK3B,SAGtD9D,EAAKuG,EAAMtB,YAAY0E,OAAQ,CAAC,QAAS,SAAU,SAAAzP,GAG3C,EAAK0M,SAAS1M,EAAEjB,OAAO7D,OAAO,KAAU,EAAK4R,qBAC7C,EAAKC,MAAM,SAAU,EAAKyB,QAG9BxO,EAAE0P,6BAIN5J,EAAKuG,EAAMtB,YAAY0E,OAAQ,CAAC,QAAS,QAAS,SAAAzP,GAC9C,EAAK2O,QAAqB,SAAX3O,EAAE4D,KACjB,EAAK+K,SAAW,EAAKC,kBAIzB9I,EAAK,CACDuG,EAAMR,QAAQA,QACdQ,EAAMR,QAAQ6C,OACdrC,EAAMT,IAAIqD,OACV5C,EAAMT,IAAI8C,OACVrC,EAAMV,QAAQsD,OACd5C,EAAMV,QAAQ+C,QACf,CAAC,YAAa,cAAe,kBAAM,EAAKC,SAAU,KAIzD,IAAKnS,EAAQ+O,WAAY,CACrB,IAAMoE,EAAKnT,EAAQgP,aAEnB6D,EAAc7Q,KAEVsH,EAAKuG,EAAMC,OAAQ,QAAS,kBAAM,EAAKsD,SAAW,EAAKhG,OAAS,EAAKC,SAGrE/D,EAAKxI,SAAU,QAAS,SAAA0C,GAAC,OAAI,EAAK4P,WAAa5P,EAAExE,MAAQmU,GAAM3P,EAAE6P,OAASF,IAAO,EAAK/F,SAGtF9D,EAAKxI,SAAU,CAAC,aAAc,aAAc,SAAA0C,GACpC,EAAK4P,WAAa9J,EAAY9F,GAAG8P,KAAK,SAAAhT,GAAE,OAAIA,IAAOuP,EAAME,KAAOzP,IAAOuP,EAAMC,UAC7E,EAAK1C,QAEV,CAAC5M,SAAS,KAKrB,GAAIR,EAAQ8O,kBAAmB,CAC3B,IAAMyE,EAAS,CACX5M,KAAM,CAAC,IAAK,IAAK,IAAK,GACtBE,KAAM,CAAC,IAAK,IAAK,IAAK,GACtBD,KAAM,CAAC,IAAK,IAAK,IAAK,GACtBF,KAAM,CAAC,IAAK,IAAK,IAAK,MAG1B4C,EAAyBuG,EAAMtB,YAAY0E,OAAQ,SAAC/U,EAAGsV,EAAM1P,GACzD,IAAM2P,EAAQF,EAAO,EAAKG,yBAAyBtN,eAEnD,GAAIqN,EAAO,CACP,IAAMhP,EAAMgP,EAAM3P,GAGZ6P,EAAKzV,GAAKuG,GAAO,IAAa,IAAP+O,EAAcA,GAG3C,OAAOG,GAAM,EAAI,EAAIjQ,QAAQiQ,EAAKlP,EAAMkP,EAAKlP,GAAKmP,YAAY,IAGlE,OAAO1V,IAIf,GAAI8B,EAAQoO,iBAAmBpO,EAAQ0O,OAAQ,CAC3C,IAAImF,EAAU,KACR7L,EAAO2F,KAGbkF,EAAc7Q,KACVsH,EAAKjM,OAAQ,CAAC,SAAU,UAAW,WAC3B2K,EAAKoL,WAEDpT,EAAQiO,eACRjG,EAAKoF,OAGO,OAAZyG,GACAA,EAAUC,WAAW,kBAAMD,EAAU,MAAM,KAG3C7D,sBAAsB,SAAS+D,IAC3B/L,EAAKmI,uBACQ,OAAZ0D,GAAqB7D,sBAAsB+D,OAGhDC,aAAaH,GACbA,EAAUC,WAAW,kBAAMD,EAAU,MAAM,QAGpD,CAACrT,SAAS,KAKrBmN,KAAKsG,eAAiBpB,I,6CAGH,IACZ7S,EAAW2N,KAAX3N,QAGP,IAAKA,EAAQ0O,OAAQ,KACVqB,EAAOpC,KAAKkC,MAAZE,IAEHmE,WAAW,sBAAsBC,QACjChW,OAAO8K,OAAO8G,EAAI1F,MAAO,CACrB+J,OAAQ,OACRhK,OAAQ,GAAF,OAAK2F,EAAIpG,wBAAwBS,OAAjC,MACND,IAAK,EACLwB,OAAQ,EACR1B,KAAM,EACNyB,MAAO,KAGXvN,OAAO8K,OAAO8G,EAAI1F,MAAO,CACrB+J,OAAQ,KACR1I,MAAO,KACPvB,IAAK,KACLwB,OAAQ,KACR1B,KAAM,KACNG,OAAQ,OAGZuD,KAAKiC,SAASjF,OAAO3K,EAAQ+L,c,sCAKzB,IACL8D,EAA0BlC,KAA1BkC,MAAOmC,EAAmBrE,KAAnBqE,OAAQhS,EAAW2N,KAAX3N,QAGtB,GAAI6P,EAAMtB,YAAYnH,OAAQ,CAG1B,IAAMxH,EAAS,KAAH,OAAQiQ,EAAMtB,YAAYnH,OAAOhG,aAAa,cAC1DyO,EAAMtB,YAAY0E,OAAOvU,MAAkC,mBAAnBsT,EAAOpS,GAC3CoS,EAAOpS,KAAUsI,SAASlI,EAAQkO,iBAAmB,IAIxDP,KAAK2C,qBAAuB3C,KAAKwE,SAClCxE,KAAK4C,MAAM,SAAUyB,K,oCAID,IAAhBqC,EAAgB,wDACjBxE,EAAkBlC,KAAlBkC,MAAO7P,EAAW2N,KAAX3N,QAGTA,EAAQ8N,cACT+B,EAAMC,OAAOzF,MAAMqF,MAAQ,uBAG/BG,EAAMC,OAAO7E,UAAU4F,IAAI,SAEtB7Q,EAAQ+O,YACTpB,KAAKP,OAGTO,KAAKqE,OAAS,KACTrE,KAAK2C,qBAAwB+D,IAG9B1G,KAAK4C,MAAM,OAAQ,MACnB5C,KAAK4C,MAAM,QAAS5C,S,uCAIXrM,GAAK,MACQ6E,EAAY7E,GAA/BiG,EADW,EACXA,OAAQH,EADG,EACHA,KAAMnE,EADH,EACGA,EACdkL,EAAeR,KAAK3N,QAApBmO,YACDmG,OAA0BpN,IAANjE,GAAyB,IAANA,EAQ7C,OAJIsE,GAA4B,IAAlBA,EAAOrF,SACjBqF,EAAO,QAAKL,GAGT,CACHK,QAAUA,GAAW4G,GAAemG,EAAsB,KAAO/M,EACjEH,U,4BAIFmN,GAAgB,kCAANC,EAAM,iCAANA,EAAM,kBAClB7G,KAAK8G,eAAeF,GAAOvJ,QAAQ,SAAAiF,GAAE,OAAIA,EAAE,WAAF,EAAMuE,EAAN,QAAY,S,yBAGtDD,EAAOtE,GAON,MAJkB,mBAAPA,GAAsC,iBAAVsE,GAAsBA,KAAS5G,KAAK8G,gBACvE9G,KAAK8G,eAAeF,GAAOvS,KAAKiO,GAG7BtC,O,0BAGP4G,EAAOtE,GACP,IAAMyE,EAAY/G,KAAK8G,eAAeF,GAEtC,GAAIG,EAAW,CACX,IAAM5Q,EAAQ4Q,EAAUC,QAAQ1E,IAE3BnM,GACD4Q,EAAUE,OAAO9Q,EAAO,GAIhC,OAAO6J,O,gCAQD+B,GAAO,WACNnI,EAAUoG,KAAKkH,iBAAiBnF,GAAhCnI,OAEP,GAAIA,EAAQ,KACDgL,EAAwB5E,KAAxB4E,cAAe1C,EAASlC,KAATkC,MAChBH,EAAQ/H,EAAS,WAAT,IAAaJ,IAGrBjH,EAAKgJ,EAAA,8CACgCoG,EAAMrH,SAASH,SAAS,GADxD,QAiBX,OAZA2H,EAAMpB,SAASsC,YAAYzQ,GAC3BiS,EAAcvQ,KAAK,CAAC1B,KAAIoP,UAGxB/B,KAAKsG,eAAejS,KAChBsH,EAAKhJ,EAAI,QAAS,WACd,EAAKyS,QAAL,QAAI,EAAYrD,EAAMzH,UAAlB,SAA4B,KAChC,EAAKsI,MAAM,eAAgBb,GAC3B,EAAKa,MAAM,SAAUb,OAItB,EAGX,OAAO,I,mCAQE5L,GACT,IAAMgR,EAAcnH,KAAK4E,cAAczO,GAGvC,GAAIgR,EAAa,KACNxU,EAAMwU,EAANxU,GAKP,OAFAqN,KAAKkC,MAAMpB,SAASuC,YAAY1Q,GAChCqN,KAAK4E,cAAcqC,OAAO9Q,EAAO,IAC1B,EAGX,OAAO,I,mCAGgB,IAAhBuQ,EAAgB,0DACG1G,KAAKkC,MAAxBX,EADgB,EAChBA,QAASY,EADO,EACPA,OAGVuC,EAAgB1E,KAAKqE,OAAO3J,SAASH,WAC3CgH,EAAQuC,UAAUpH,MAAMqF,MAAQ2C,EAG3B1E,KAAK3N,QAAQ8N,cACdgC,EAAOzF,MAAMqF,MAAQ2C,GAIzBvC,EAAO7E,UAAUmG,OAAO,SAGxBzD,KAAKsE,WAAatE,KAAKqE,OAAOnJ,QAGzB8E,KAAK2C,qBAAwB+D,GAC9B1G,KAAK4C,MAAM,OAAQ5C,KAAKqE,U,gCAOtB,WACNrE,KAAKsG,eAAejJ,QAAQ,SAAAwJ,GAAI,OAAIlL,EAAA,MAAAA,EAAC,EAAQkL,MAE7CrW,OAAO8D,KAAK0L,KAAKiF,aACZ5H,QAAQ,SAAAhM,GAAG,OAAI,EAAK4T,YAAY5T,GAAK4L,c,yCAO3B,WACf+C,KAAK/C,UADU,MAEK+C,KAAKkC,MAAlB9S,EAFQ,EAERA,KAAMgT,EAFE,EAEFA,IAGThT,EAAKyF,eACLzF,EAAKyF,cAAcwO,YAAYjU,GAInCgT,EAAIvN,cAAcwO,YAAYjB,GAI9B5R,OAAO8D,KAAK0L,MACP3C,QAAQ,SAAAhM,GAAG,OAAI,EAAKA,GAAO,S,6BAShC,OAFA2O,KAAKkC,MAAME,IAAI9E,UAAUmG,OAAO,WAChCzD,KAAK4C,MAAM,OAAQ5C,MACZA,O,6BAcP,OANKA,KAAK3N,QAAQ+N,WACdJ,KAAKkC,MAAME,IAAI9E,UAAU4F,IAAI,WAC7BlD,KAAKwC,uBACLxC,KAAK4C,MAAM,OAAQ5C,OAGhBA,O,+BAOP,OAAOA,KAAKkC,MAAME,IAAI9E,UAAU6F,SAAS,a,gCAYS,IAA9CjM,EAA8C,uDAA1C,IAAKrF,EAAqC,uDAAjC,EAAG8D,EAA8B,uDAA1B,EAAGL,EAAuB,uDAAnB,EAAGoR,EAAgB,wDAG5CU,EAASpH,KAAKwE,QAIpB,GAHAxE,KAAKwE,SAAU,EAGXtN,EAAI,GAAKA,EAAI,KAAOrF,EAAI,GAAKA,EAAI,KAAO8D,EAAI,GAAKA,EAAI,KAAOL,EAAI,GAAKA,EAAI,EACzE,OAAO,EAIX0K,KAAKqE,OAASrK,EAAU9C,EAAGrF,EAAG8D,EAAGL,GAZiB,MAelB0K,KAAKiF,YAA9BxD,EAf2C,EAe3CA,IAAKD,EAfsC,EAetCA,QAASE,EAf6B,EAe7BA,QAiBrB,OAhBAD,EAAIzE,OAAQ9F,EAAI,KAChBsK,EAAQxE,OAAO1H,GACfoM,EAAQ1E,OAAOnL,EAAI,IAAK,EAAK8D,EAAI,KAG5B+Q,GACD1G,KAAKqF,aAIL+B,GACApH,KAAKyE,gBAITzE,KAAKwE,QAAU4C,GACR,I,+BAWFC,GAAwB,IAAhBX,EAAgB,wDAG7B,GAAe,OAAXW,EAEA,OADArH,KAAKmF,YAAYuB,IACV,EALkB,MAQN1G,KAAKkH,iBAAiBG,GAAtCzN,EARsB,EAQtBA,OAAQH,EARc,EAQdA,KAGf,GAAIG,EAAQ,CAGR,IAAM0N,EAAQ7N,EAAKwB,cACZ5I,EAAW2N,KAAKkC,MAAMtB,YAAtBvO,QACDuC,EAASvC,EAAQ4Q,KAAK,SAAAtQ,GAAE,OAAIA,EAAGc,aAAa,eAAiB6T,IAGnE,GAAI1S,IAAWA,EAAOkO,OAAQ,4BAC1B,YAAiBzQ,EAAjB,+CAA0B,KAAfM,EAAe,QACtBA,EAAG2K,UAAU3K,IAAOiC,EAAS,MAAQ,UAAU,WAFzB,mFAO9B,OADAoL,KAAK0C,uBAAuB4E,GACrBtH,KAAKoF,QAAL,MAAApF,KAAA,EAAgBpG,GAAhB,QAAwB8M,KAGnC,OAAO,I,6CASYjN,GAMnB,OAHAA,EAAOA,EAAKwB,gBAGH+E,KAAKkC,MAAMtB,YAAYvO,QAC3B4Q,KAAK,SAAAtN,GAAC,OAAIA,EAAElC,aAAa,aAAa8T,WAAW9N,KAAU9D,EAAE6R,Y,+CAQlE,OAAOxH,KAAKyC,kB,iCAOZ,OAAOzC,KAAKqE,S,gCAOZ,OAAOrE,KAAKkC,Q,gCAUZ,OAHAlC,KAAKP,OACLO,KAAK3N,QAAQ+N,UAAW,EACxBJ,KAAKkC,MAAMC,OAAO7E,UAAU4F,IAAI,YACzBlD,O,+BASP,OAFAA,KAAK3N,QAAQ+N,UAAW,EACxBJ,KAAKkC,MAAMC,OAAO7E,UAAUmG,OAAO,YAC5BzD,U,gCAKfV,EAAMmI,MAAQ9L,EAGd2D,EAAMoI,KAAO,CACT1N,YACAoB,WACAmC,UACAL,cAIJoC,EAAMlO,OAAS,SAAAiB,GAAO,OAAI,IAAIiN,EAAMjN,IAGpCiN,EAAMqI,QAAU,QACDrI,e","file":"pickr.es5.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Pickr\"] = factory();\n\telse\n\t\troot[\"Pickr\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/**\r\n * Add event(s) to element(s).\r\n * @param elements DOM-Elements\r\n * @param events Event names\r\n * @param fn Callback\r\n * @param options Optional options\r\n * @return Array passed arguments\r\n */\r\nexport const on = eventListener.bind(null, 'addEventListener');\r\n\r\n/**\r\n * Remove event(s) from element(s).\r\n * @param elements DOM-Elements\r\n * @param events Event names\r\n * @param fn Callback\r\n * @param options Optional options\r\n * @return Array passed arguments\r\n */\r\nexport const off = eventListener.bind(null, 'removeEventListener');\r\n\r\nfunction eventListener(method, elements, events, fn, options = {}) {\r\n\r\n // Normalize array\r\n if (elements instanceof HTMLCollection || elements instanceof NodeList) {\r\n elements = Array.from(elements);\r\n } else if (!Array.isArray(elements)) {\r\n elements = [elements];\r\n }\r\n\r\n if (!Array.isArray(events)) {\r\n events = [events];\r\n }\r\n\r\n for (const el of elements) {\r\n for (const ev of events) {\r\n el[method](ev, fn, {capture: false, ...options});\r\n }\r\n }\r\n\r\n return Array.prototype.slice.call(arguments, 1);\r\n}\r\n\r\n/**\r\n * Creates an DOM-Element out of a string (Single element).\r\n * @param html HTML representing a single element\r\n * @returns {Element | null} The element.\r\n */\r\nexport function createElementFromString(html) {\r\n const div = document.createElement('div');\r\n div.innerHTML = html.trim();\r\n return div.firstElementChild;\r\n}\r\n\r\n/**\r\n * Removes an attribute from a HTMLElement and returns the value.\r\n * @param el\r\n * @param name\r\n * @return {string}\r\n */\r\nexport function removeAttribute(el, name) {\r\n const value = el.getAttribute(name);\r\n el.removeAttribute(name);\r\n return value;\r\n}\r\n\r\n/**\r\n * Creates a new html element, every element which has\r\n * a ':ref' attribute will be saved in a object (which will be returned)\r\n * where the value of ':ref' is the object-key and the value the HTMLElement.\r\n *\r\n * It's possible to create a hierarchy if you add a ':obj' attribute. Every\r\n * sibling will be added to the object which will get the name from the 'data-con' attribute.\r\n *\r\n * If you want to create an Array out of multiple elements, you can use the ':arr' attribute,\r\n * the value defines the key and all elements, which has the same parent and the same 'data-arr' attribute,\r\n * would be added to it.\r\n *\r\n * @param str - The HTML String.\r\n */\r\nexport function createFromTemplate(str) {\r\n\r\n // Recursive function to resolve template\r\n function resolve(element, base = {}) {\r\n\r\n // Check key and container attribute\r\n const con = removeAttribute(element, ':obj');\r\n const key = removeAttribute(element, ':ref');\r\n const subtree = con ? (base[con] = {}) : base;\r\n\r\n // Check and save element\r\n key && (base[key] = element);\r\n for (const child of Array.from(element.children)) {\r\n const arr = removeAttribute(child, ':arr');\r\n const sub = resolve(child, arr ? {} : subtree);\r\n\r\n if (arr) {\r\n\r\n // Check if there is already an array and add element\r\n (subtree[arr] || (subtree[arr] = []))\r\n .push(Object.keys(sub).length ? sub : child);\r\n }\r\n }\r\n\r\n return base;\r\n }\r\n\r\n return resolve(createElementFromString(str));\r\n}\r\n\r\n/**\r\n * Polyfill for safari & firefox for the eventPath event property.\r\n * @param evt The event object.\r\n * @return [String] event path.\r\n */\r\nexport function eventPath(evt) {\r\n let path = evt.path || (evt.composedPath && evt.composedPath());\r\n if (path) return path;\r\n\r\n let el = evt.target.parentElement;\r\n path = [evt.target, el];\r\n while (el = el.parentElement) path.push(el);\r\n\r\n path.push(document, window);\r\n return path;\r\n}\r\n\r\n/**\r\n * Resolves a HTMLElement by query.\r\n * @param val\r\n * @returns {null|Document|Element}\r\n */\r\nexport function resolveElement(val) {\r\n if (val instanceof Element) {\r\n return val;\r\n } else if (typeof val === 'string') {\r\n return val.split(/>>/g).reduce((pv, cv, ci, a) => {\r\n pv = pv.querySelector(cv);\r\n return ci < a.length - 1 ? pv.shadowRoot : pv;\r\n }, document);\r\n }\r\n\r\n return null;\r\n}\r\n\r\n/**\r\n * Creates the ability to change numbers in an input field with the scroll-wheel.\r\n * @param el\r\n * @param mapper\r\n */\r\nexport function adjustableInputNumbers(el, mapper = v => v) {\r\n\r\n function handleScroll(e) {\r\n const inc = ([0.001, 0.01, 0.1])[Number(e.shiftKey || e.ctrlKey * 2)] * (e.deltaY < 0 ? 1 : -1);\r\n\r\n let index = 0;\r\n let off = el.selectionStart;\r\n el.value = el.value.replace(/[\\d.]+/g, (v, i) => {\r\n\r\n // Check if number is in cursor range and increase it\r\n if (i <= off && i + v.length >= off) {\r\n off = i;\r\n return mapper(Number(v), inc, index);\r\n }\r\n\r\n index++;\r\n return v;\r\n });\r\n\r\n el.focus();\r\n el.setSelectionRange(off, off);\r\n\r\n // Prevent default and trigger input event\r\n e.preventDefault();\r\n el.dispatchEvent(new Event('input'));\r\n }\r\n\r\n // Bind events\r\n on(el, 'focus', () => on(window, 'wheel', handleScroll, {passive: false}));\r\n on(el, 'blur', () => off(window, 'wheel', handleScroll));\r\n}\r\n","// Shorthands\r\nconst {min, max, floor, round} = Math;\r\n\r\n/**\r\n * Tries to convert a color name to rgb/a hex representation\r\n * @param name\r\n * @returns {string | CanvasGradient | CanvasPattern}\r\n */\r\nfunction standardizeColor(name) {\r\n\r\n // Since invalid color's will be parsed as black, filter them out\r\n if (name.toLowerCase() === 'black') {\r\n return '#000000';\r\n }\r\n\r\n const ctx = document.createElement('canvas').getContext('2d');\r\n ctx.fillStyle = name;\r\n return ctx.fillStyle === '#000000' ? null : ctx.fillStyle;\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to RGB.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {number[]} Array with rgb values.\r\n */\r\nexport function hsvToRgb(h, s, v) {\r\n h = (h / 360) * 6;\r\n s /= 100;\r\n v /= 100;\r\n\r\n const i = floor(h);\r\n\r\n const f = h - i;\r\n const p = v * (1 - s);\r\n const q = v * (1 - f * s);\r\n const t = v * (1 - (1 - f) * s);\r\n\r\n const mod = i % 6;\r\n const r = [v, q, p, p, t, v][mod];\r\n const g = [t, v, v, q, p, p][mod];\r\n const b = [p, p, t, v, v, q][mod];\r\n\r\n return [\r\n r * 255,\r\n g * 255,\r\n b * 255\r\n ];\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to Hex.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {string[]} Hex values\r\n */\r\nexport function hsvToHex(h, s, v) {\r\n return hsvToRgb(h, s, v).map(v =>\r\n round(v).toString(16).padStart(2, '0')\r\n );\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to CMYK.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {number[]} CMYK values\r\n */\r\nexport function hsvToCmyk(h, s, v) {\r\n const rgb = hsvToRgb(h, s, v);\r\n const r = rgb[0] / 255;\r\n const g = rgb[1] / 255;\r\n const b = rgb[2] / 255;\r\n\r\n let k, c, m, y;\r\n\r\n k = min(1 - r, 1 - g, 1 - b);\r\n\r\n c = k === 1 ? 0 : (1 - r - k) / (1 - k);\r\n m = k === 1 ? 0 : (1 - g - k) / (1 - k);\r\n y = k === 1 ? 0 : (1 - b - k) / (1 - k);\r\n\r\n return [\r\n c * 100,\r\n m * 100,\r\n y * 100,\r\n k * 100\r\n ];\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to HSL.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {number[]} HSL values\r\n */\r\nexport function hsvToHsl(h, s, v) {\r\n s /= 100, v /= 100;\r\n\r\n const l = (2 - s) * v / 2;\r\n\r\n if (l !== 0) {\r\n if (l === 1) {\r\n s = 0;\r\n } else if (l < 0.5) {\r\n s = s * v / (l * 2);\r\n } else {\r\n s = s * v / (2 - l * 2);\r\n }\r\n }\r\n\r\n return [\r\n h,\r\n s * 100,\r\n l * 100\r\n ];\r\n}\r\n\r\n/**\r\n * Convert RGB to HSV.\r\n * @param r Red\r\n * @param g Green\r\n * @param b Blue\r\n * @return {number[]} HSV values.\r\n */\r\nfunction rgbToHsv(r, g, b) {\r\n r /= 255, g /= 255, b /= 255;\r\n\r\n let h, s, v;\r\n const minVal = min(r, g, b);\r\n const maxVal = max(r, g, b);\r\n const delta = maxVal - minVal;\r\n\r\n v = maxVal;\r\n if (delta === 0) {\r\n h = s = 0;\r\n } else {\r\n s = delta / maxVal;\r\n const dr = (((maxVal - r) / 6) + (delta / 2)) / delta;\r\n const dg = (((maxVal - g) / 6) + (delta / 2)) / delta;\r\n const db = (((maxVal - b) / 6) + (delta / 2)) / delta;\r\n\r\n if (r === maxVal) {\r\n h = db - dg;\r\n } else if (g === maxVal) {\r\n h = (1 / 3) + dr - db;\r\n } else if (b === maxVal) {\r\n h = (2 / 3) + dg - dr;\r\n }\r\n\r\n if (h < 0) {\r\n h += 1;\r\n } else if (h > 1) {\r\n h -= 1;\r\n }\r\n }\r\n\r\n return [\r\n h * 360,\r\n s * 100,\r\n v * 100\r\n ];\r\n}\r\n\r\n/**\r\n * Convert CMYK to HSV.\r\n * @param c Cyan\r\n * @param m Magenta\r\n * @param y Yellow\r\n * @param k Key (Black)\r\n * @return {number[]} HSV values.\r\n */\r\nfunction cmykToHsv(c, m, y, k) {\r\n c /= 100;\r\n m /= 100;\r\n y /= 100;\r\n k /= 100;\r\n\r\n const r = (1 - min(1, c * (1 - k) + k)) * 255;\r\n const g = (1 - min(1, m * (1 - k) + k)) * 255;\r\n const b = (1 - min(1, y * (1 - k) + k)) * 255;\r\n\r\n return [...rgbToHsv(r, g, b)];\r\n}\r\n\r\n/**\r\n * Convert HSL to HSV.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param l Lightness\r\n * @return {number[]} HSV values.\r\n */\r\nfunction hslToHsv(h, s, l) {\r\n s /= 100;\r\n l /= 100;\r\n s *= l < 0.5 ? l : 1 - l;\r\n\r\n const ns = (2 * s / (l + s)) * 100;\r\n const v = (l + s) * 100;\r\n return [h, ns, v];\r\n}\r\n\r\n/**\r\n * Convert HEX to HSV.\r\n * @param hex Hexadecimal string of rgb colors, can have length 3 or 6.\r\n * @return {number[]} HSV values.\r\n */\r\nfunction hexToHsv(hex) {\r\n return rgbToHsv(...hex.match(/.{2}/g).map(v => parseInt(v, 16)));\r\n}\r\n\r\n/**\r\n * Try's to parse a string which represents a color to a HSV array.\r\n * Current supported types are cmyk, rgba, hsla and hexadecimal.\r\n * @param str\r\n * @return {*}\r\n */\r\nexport function parseToHSVA(str) {\r\n\r\n // Check if string is a color-name\r\n str = str.match(/^[a-zA-Z]+$/) ? standardizeColor(str) : str;\r\n\r\n // Regular expressions to match different types of color represention\r\n const regex = {\r\n cmyk: /^cmyk[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)/i,\r\n rgba: /^((rgba)|rgb)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]*?([\\d.]+|$)/i,\r\n hsla: /^((hsla)|hsl)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]*?([\\d.]+|$)/i,\r\n hsva: /^((hsva)|hsv)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]*?([\\d.]+|$)/i,\r\n hexa: /^#?(([\\dA-Fa-f]{3,4})|([\\dA-Fa-f]{6})|([\\dA-Fa-f]{8}))$/i\r\n };\r\n\r\n /**\r\n * Takes an Array of any type, convert strings which represents\r\n * a number to a number an anything else to undefined.\r\n * @param array\r\n * @return {*}\r\n */\r\n const numarize = array => array.map(v => /^(|\\d+)\\.\\d+|\\d+$/.test(v) ? Number(v) : undefined);\r\n\r\n let match;\r\n invalid: for (const type in regex) {\r\n\r\n // Check if current scheme passed\r\n if (!(match = regex[type].exec(str)))\r\n continue;\r\n\r\n // match[2] does only contain a truly value if rgba, hsla, or hsla got matched\r\n const alpha = !!match[2];\r\n\r\n // Try to convert\r\n switch (type) {\r\n case 'cmyk': {\r\n const [, c, m, y, k] = numarize(match);\r\n\r\n if (c > 100 || m > 100 || y > 100 || k > 100)\r\n break invalid;\r\n\r\n return {values: cmykToHsv(c, m, y, k), type};\r\n }\r\n case 'rgba': {\r\n const [, , , r, g, b, a] = numarize(match);\r\n\r\n if (r > 255 || g > 255 || b > 255 || a < 0 || a > 1 || (alpha === !a))\r\n break invalid;\r\n\r\n return {values: [...rgbToHsv(r, g, b), a], a, type};\r\n }\r\n case 'hexa': {\r\n let [, hex] = match;\r\n\r\n if (hex.length === 4 || hex.length === 3) {\r\n hex = hex.split('').map(v => v + v).join('');\r\n }\r\n\r\n const raw = hex.substring(0, 6);\r\n let a = hex.substring(6);\r\n\r\n // Convert 0 - 255 to 0 - 1 for opacity\r\n a = a ? (parseInt(a, 16) / 255) : undefined;\r\n\r\n return {values: [...hexToHsv(raw), a], a, type};\r\n }\r\n case 'hsla': {\r\n const [, , , h, s, l, a] = numarize(match);\r\n\r\n if (h > 360 || s > 100 || l > 100 || a < 0 || a > 1 || (alpha === !a))\r\n break invalid;\r\n\r\n return {values: [...hslToHsv(h, s, l), a], a, type};\r\n }\r\n case 'hsva': {\r\n const [, , , h, s, v, a] = numarize(match);\r\n\r\n if (h > 360 || s > 100 || v > 100 || a < 0 || a > 1 || (alpha === !a))\r\n break invalid;\r\n\r\n return {values: [h, s, v, a], a, type};\r\n }\r\n }\r\n }\r\n\r\n return {values: null, type: null};\r\n}\r\n","import {hsvToHsl, hsvToRgb, hsvToCmyk, hsvToHex} from './color';\r\n\r\n/**\r\n * Simple class which holds the properties\r\n * of the color represention model hsla (hue saturation lightness alpha)\r\n */\r\nexport function HSVaColor(h = 0, s = 0, v = 0, a = 1) {\r\n const mapper = (original, next) => (precision = -1) => {\r\n return next(~precision ? original.map(v => Number(v.toFixed(precision))) : original);\r\n };\r\n\r\n const that = {\r\n h, s, v, a,\r\n\r\n toHSVA() {\r\n const hsva = [that.h, that.s, that.v, that.a];\r\n hsva.toString = mapper(hsva, arr => `hsva(${arr[0]}, ${arr[1]}%, ${arr[2]}%, ${that.a})`);\r\n return hsva;\r\n },\r\n\r\n toHSLA() {\r\n const hsla = [...hsvToHsl(that.h, that.s, that.v), that.a];\r\n hsla.toString = mapper(hsla, arr => `hsla(${arr[0]}, ${arr[1]}%, ${arr[2]}%, ${that.a})`);\r\n return hsla;\r\n },\r\n\r\n toRGBA() {\r\n const rgba = [...hsvToRgb(that.h, that.s, that.v), that.a];\r\n rgba.toString = mapper(rgba, arr => `rgba(${arr[0]}, ${arr[1]}, ${arr[2]}, ${that.a})`);\r\n return rgba;\r\n },\r\n\r\n toCMYK() {\r\n const cmyk = hsvToCmyk(that.h, that.s, that.v);\r\n cmyk.toString = mapper(cmyk, arr => `cmyk(${arr[0]}%, ${arr[1]}%, ${arr[2]}%, ${arr[3]}%)`);\r\n return cmyk;\r\n },\r\n\r\n toHEXA() {\r\n const hex = hsvToHex(that.h, that.s, that.v);\r\n\r\n // Check if alpha channel make sense, convert it to 255 number space, convert\r\n // to hex and pad it with zeros if needet.\r\n const alpha = that.a >= 1 ? '' : Number((that.a * 255).toFixed(0))\r\n .toString(16)\r\n .toUpperCase().padStart(2, '0');\r\n\r\n alpha && hex.push(alpha);\r\n hex.toString = () => `#${hex.join('').toUpperCase()}`;\r\n return hex;\r\n },\r\n\r\n clone: () => HSVaColor(that.h, that.s, that.v, that.a)\r\n };\r\n\r\n return that;\r\n}\r\n","import * as _ from '../utils/utils';\n\nconst clamp = v => Math.max(Math.min(v, 1), 0);\nexport default function Moveable(opt) {\n\n const that = {\n\n // Assign default values\n options: Object.assign({\n lock: null,\n onchange: () => 0,\n onstop: () => 0\n }, opt),\n\n _tapstart(evt) {\n _.on(document, ['mouseup', 'touchend', 'touchcancel'], that._tapstop);\n _.on(document, ['mousemove', 'touchmove'], that._tapmove);\n\n // Prevent default touch event\n evt.preventDefault();\n\n // Trigger\n that._tapmove(evt);\n },\n\n _tapmove(evt) {\n const {options: {lock}, cache} = that;\n const {element, wrapper} = options;\n const b = wrapper.getBoundingClientRect();\n\n let x = 0, y = 0;\n if (evt) {\n const touch = evt && evt.touches && evt.touches[0];\n x = evt ? (touch || evt).clientX : 0;\n y = evt ? (touch || evt).clientY : 0;\n\n // Reset to bounds\n if (x < b.left) x = b.left;\n else if (x > b.left + b.width) x = b.left + b.width;\n if (y < b.top) y = b.top;\n else if (y > b.top + b.height) y = b.top + b.height;\n\n // Normalize\n x -= b.left;\n y -= b.top;\n } else if (cache) {\n x = cache.x * b.width;\n y = cache.y * b.height;\n }\n\n if (lock !== 'h') {\n element.style.left = `calc(${x / b.width * 100}% - ${element.offsetWidth / 2}px)`;\n }\n\n if (lock !== 'v') {\n element.style.top = `calc(${y / b.height * 100}% - ${element.offsetHeight / 2}px)`;\n }\n\n that.cache = {x: x / b.width, y: y / b.height};\n const cx = clamp(x / wrapper.offsetWidth);\n const cy = clamp(y / wrapper.offsetHeight);\n\n switch (lock) {\n case 'v':\n return options.onchange(cx);\n case 'h':\n return options.onchange(cy);\n default:\n return options.onchange(cx, cy);\n }\n },\n\n _tapstop() {\n that.options.onstop();\n _.off(document, ['mouseup', 'touchend', 'touchcancel'], that._tapstop);\n _.off(document, ['mousemove', 'touchmove'], that._tapmove);\n },\n\n trigger() {\n that._tapmove();\n },\n\n update(x = 0, y = 0) {\n const {left, top, width, height} = that.options.wrapper.getBoundingClientRect();\n\n if (that.options.lock === 'h') {\n y = x;\n }\n\n that._tapmove({\n clientX: left + width * x,\n clientY: top + height * y\n });\n },\n\n destroy() {\n const {options, _tapstart} = that;\n _.off([options.wrapper, options.element], 'mousedown', _tapstart);\n _.off([options.wrapper, options.element], 'touchstart', _tapstart, {\n passive: false\n });\n }\n };\n\n // Initilize\n const {options, _tapstart} = that;\n _.on([options.wrapper, options.element], 'mousedown', _tapstart);\n _.on([options.wrapper, options.element], 'touchstart', _tapstart, {\n passive: false\n });\n\n return that;\n}\n","import * as _ from '../utils/utils';\r\n\r\nexport default function Selectable(opt = {}) {\r\n opt = Object.assign({\r\n onchange: () => 0,\r\n className: '',\r\n elements: []\r\n }, opt);\r\n\r\n const onTap = _.on(opt.elements, 'click', evt => {\r\n opt.elements.forEach(e =>\r\n e.classList[evt.target === e ? 'add' : 'remove'](opt.className)\r\n );\r\n\r\n opt.onchange(evt);\r\n });\r\n\r\n return {\r\n destroy: () => _.off(...onTap)\r\n };\r\n}\r\n","/**\r\n * Micro positioning-engine\r\n * @param el\r\n * @param reference\r\n * @param pos\r\n * @param padding\r\n * @returns {{update(): void}}\r\n * @constructor\r\n */\r\nexport default function Nanopop({el, reference, padding = 8}) {\r\n const vBehaviour = {start: 'sme', middle: 'mse', end: 'ems'};\r\n const hBehaviour = {top: 'tbrl', right: 'rltb', bottom: 'btrl', left: 'lrbt'};\r\n\r\n const getInfo = ((cache = {}) => (pos, cached = cache[pos]) => {\r\n if (cached) return cached;\r\n const [position, variant = 'middle'] = pos.split('-');\r\n const isVertical = (position === 'top' || position === 'bottom');\r\n\r\n return cache[pos] = {\r\n position,\r\n variant,\r\n isVertical\r\n };\r\n })();\r\n\r\n return {\r\n update(pos) {\r\n const {position, variant, isVertical} = getInfo(pos);\r\n const rb = reference.getBoundingClientRect();\r\n const eb = el.getBoundingClientRect();\r\n\r\n const positions = vertical => vertical ? {\r\n t: rb.top - eb.height - padding,\r\n b: rb.bottom + padding\r\n } : {\r\n r: rb.right + padding,\r\n l: rb.left - eb.width - padding\r\n };\r\n\r\n const variants = vertical => vertical ? {\r\n s: rb.left + rb.width - eb.width,\r\n m: (-eb.width / 2) + (rb.left + rb.width / 2),\r\n e: rb.left\r\n } : {\r\n s: rb.bottom - eb.height,\r\n m: rb.bottom - rb.height / 2 - eb.height / 2,\r\n e: rb.bottom - rb.height\r\n };\r\n\r\n const leastApplied = {};\r\n\r\n function apply(bevs, vars, styleprop) {\r\n const vertical = styleprop === 'top';\r\n const adder = vertical ? eb.height : eb.width;\r\n const win = window[vertical ? 'innerHeight' : 'innerWidth'];\r\n\r\n for (const ch of bevs) {\r\n const v = vars[ch];\r\n const sv = leastApplied[styleprop] = `${v}px`;\r\n\r\n if (v > 0 && (v + adder) < win) {\r\n el.style[styleprop] = sv;\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n for (const rot of [isVertical, !isVertical]) {\r\n const v2Ok = apply(hBehaviour[position], positions(rot), rot ? 'top' : 'left');\r\n const v1Ok = apply(vBehaviour[variant], variants(rot), rot ? 'left' : 'top');\r\n\r\n if (v2Ok && v1Ok) {\r\n return;\r\n }\r\n }\r\n\r\n el.style.left = leastApplied.left;\r\n el.style.top = leastApplied.top;\r\n }\r\n };\r\n}\r\n","// Import utils\nimport * as _ from './utils/utils';\nimport {parseToHSVA} from './utils/color';\n\n// Import classes\nimport {HSVaColor} from './utils/hsvacolor';\nimport Moveable from './libs/moveable';\nimport Selectable from './libs/selectable';\nimport Nanopop from './libs/nanopop';\nimport buildPickr from './template';\n\nclass Pickr {\n\n // Will be used to prevent specific actions during initilization\n _initializingActive = true;\n\n // If the current color value should be recalculated\n _recalc = true;\n\n // Current and last color for comparison\n _color = HSVaColor();\n _lastColor = HSVaColor();\n _swatchColors = [];\n\n // Evenlistener name: [callbacks]\n _eventListener = {\n init: [],\n save: [],\n hide: [],\n show: [],\n clear: [],\n change: [],\n changestop: [],\n cancel: [],\n swatchselect: []\n };\n\n constructor(opt) {\n\n // Assign default values\n this.options = opt = Object.assign({\n appClass: null,\n theme: 'classic',\n useAsButton: false,\n disabled: false,\n comparison: true,\n closeOnScroll: false,\n outputPrecision: 0,\n lockOpacity: false,\n autoReposition: true,\n container: 'body',\n components: {\n interaction: {}\n },\n\n strings: {},\n swatches: null,\n inline: false,\n sliders: null,\n\n default: '#42445a',\n defaultRepresentation: null,\n position: 'bottom-middle',\n adjustableNumbers: true,\n showAlways: false,\n\n closeWithKey: 'Escape'\n }, opt);\n\n const {swatches, components, theme, sliders, lockOpacity} = opt;\n\n if (['nano', 'monolith'].includes(theme) && !sliders) {\n opt.sliders = 'h';\n }\n\n // Check interaction section\n if (!components.interaction) {\n components.interaction = {};\n }\n\n // Overwrite palette if preview, opacity or hue are true\n const {preview, opacity, hue, palette} = components;\n components.opacity = (!lockOpacity && opacity);\n components.palette = palette || preview || opacity || hue;\n\n // Initialize picker\n this._preBuild();\n this._buildComponents();\n this._bindEvents();\n this._finalBuild();\n\n // Append pre-defined swatch colors\n if (swatches && swatches.length) {\n swatches.forEach(color => this.addSwatch(color));\n }\n\n // Initialize positioning engine\n this._nanopop = Nanopop({\n reference: this._root.button,\n el: this._root.app\n });\n\n // Initilization is finish, pickr is visible and ready for usage\n const {app} = this._root;\n const that = this;\n requestAnimationFrame((function cb() {\n\n if (!app.offsetWidth && app.parentElement !== opt.container) {\n return requestAnimationFrame(cb);\n }\n\n // Apply default color\n that.setColor(opt.default);\n that._rePositioningPicker();\n\n // Initialize color representation\n if (opt.defaultRepresentation) {\n that._representation = opt.defaultRepresentation;\n that.setColorRepresentation(that._representation);\n }\n\n // Show pickr if locked\n if (opt.showAlways) {\n that.show();\n }\n\n // Initialization is done - pickr is usable, fire init event\n that._initializingActive = false;\n that._emit('init');\n }));\n }\n\n // Does only the absolutly basic thing to initialize the components\n _preBuild() {\n const opt = this.options;\n\n // Resolve elements\n for (const type of ['el', 'container']) {\n opt[type] = _.resolveElement(opt[type]);\n }\n\n // Create element and append it to body to\n // prevent initialization errors\n this._root = buildPickr(opt);\n\n // Check if a custom button is used\n if (opt.useAsButton) {\n this._root.button = opt.el; // Replace button with customized button\n }\n\n opt.container.appendChild(this._root.root);\n }\n\n _finalBuild() {\n const opt = this.options;\n const root = this._root;\n\n // Remove from body\n opt.container.removeChild(root.root);\n\n if (opt.inline) {\n const parent = opt.el.parentElement;\n\n if (opt.el.nextSibling) {\n parent.insertBefore(root.app, opt.el.nextSibling);\n } else {\n parent.appendChild(root.app);\n }\n } else {\n opt.container.appendChild(root.app);\n }\n\n // Don't replace the the element if a custom button is used\n if (!opt.useAsButton) {\n\n // Replace element with actual color-picker\n opt.el.parentNode.replaceChild(root.root, opt.el);\n } else if (opt.inline) {\n opt.el.remove();\n }\n\n // Check if it should be immediatly disabled\n if (opt.disabled) {\n this.disable();\n }\n\n // Check if color comparison is disabled, if yes - remove transitions so everything keeps smoothly\n if (!opt.comparison) {\n root.button.style.transition = 'none';\n if (!opt.useAsButton) {\n root.preview.lastColor.style.transition = 'none';\n }\n }\n\n this.hide();\n }\n\n _buildComponents() {\n\n // Instance reference\n const inst = this;\n const cs = this.options.components;\n const sliders = (inst.options.sliders || 'v').repeat(2);\n const [so, sh] = sliders.match(/^[vh]+$/g) ? sliders : [];\n\n // Re-assign if null\n const getColor = () =>\n this._color || (this._color = this._lastColor.clone());\n\n const components = {\n\n palette: Moveable({\n element: inst._root.palette.picker,\n wrapper: inst._root.palette.palette,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(x, y) {\n if (!cs.palette) return;\n\n const color = getColor();\n const {_root, options} = inst;\n\n // Update the input field only if the user is currently not typing\n if (inst._recalc) {\n\n // Calculate saturation based on the position\n color.s = x * 100;\n\n // Calculate the value\n color.v = 100 - y * 100;\n\n // Prevent falling under zero\n color.v < 0 ? color.v = 0 : 0;\n inst._updateOutput();\n }\n\n // Set picker and gradient color\n const cssRGBaString = color.toRGBA().toString(0);\n this.element.style.background = cssRGBaString;\n this.wrapper.style.background = `\n linear-gradient(to top, rgba(0, 0, 0, ${color.a}), transparent),\n linear-gradient(to left, hsla(${color.h}, 100%, 50%, ${color.a}), rgba(255, 255, 255, ${color.a}))\n `;\n\n // Check if color is locked\n if (!options.comparison) {\n _root.button.style.color = cssRGBaString;\n\n if (!options.useAsButton) {\n _root.preview.lastColor.style.color = cssRGBaString;\n }\n }\n\n // Check if there's a swatch which color matches the current one\n const hexa = color.toHEXA().toString();\n for (const {el, color} of inst._swatchColors) {\n el.classList[hexa === color.toHEXA().toString() ? 'add' : 'remove']('pcr-active');\n }\n\n // Change current color\n _root.preview.currentColor.style.color = cssRGBaString;\n\n if (!inst.options.comparison) {\n\n // If the user changes the color, remove the cleared icon\n _root.button.classList.remove('clear');\n }\n }\n }),\n\n hue: Moveable({\n lock: sh === 'v' ? 'h' : 'v',\n element: inst._root.hue.picker,\n wrapper: inst._root.hue.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.hue || !cs.palette) return;\n const color = getColor();\n\n // Calculate hue\n if (inst._recalc) {\n color.h = v * 360;\n }\n\n // Update color\n this.element.style.backgroundColor = `hsl(${color.h}, 100%, 50%)`;\n components.palette.trigger();\n }\n }),\n\n opacity: Moveable({\n lock: so === 'v' ? 'h' : 'v',\n element: inst._root.opacity.picker,\n wrapper: inst._root.opacity.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.opacity || !cs.palette) return;\n const color = getColor();\n\n // Calculate opacity\n if (inst._recalc) {\n color.a = Math.round(v * 1e2) / 100;\n }\n\n // Update color\n this.element.style.background = `rgba(0, 0, 0, ${color.a})`;\n components.palette.trigger();\n }\n }),\n\n selectable: Selectable({\n elements: inst._root.interaction.options,\n className: 'active',\n\n onchange(e) {\n inst._representation = e.target.getAttribute('data-type').toUpperCase();\n inst._recalc && inst._updateOutput();\n }\n })\n };\n\n this._components = components;\n }\n\n _bindEvents() {\n const {_root, options} = this;\n\n const eventBindings = [\n\n // Clear color\n _.on(_root.interaction.clear, 'click', () => this._clearColor()),\n\n // Select last color on click\n _.on([\n _root.interaction.cancel,\n _root.preview.lastColor\n ], 'click', () => {\n this._emit('cancel', this);\n this.setHSVA(...this._lastColor.toHSVA(), true);\n }),\n\n // Save color\n _.on(_root.interaction.save, 'click', () => {\n !this.applyColor() && !options.showAlways && this.hide();\n }),\n\n _.on(_root.interaction.result, ['keyup', 'input'], e => {\n\n // Fire listener if initialization is finish and changed color was valid\n if (this.setColor(e.target.value, true) && !this._initializingActive) {\n this._emit('change', this._color);\n }\n\n e.stopImmediatePropagation();\n }),\n\n // Detect user input and disable auto-recalculation\n _.on(_root.interaction.result, ['focus', 'blur'], e => {\n this._recalc = e.type === 'blur';\n this._recalc && this._updateOutput();\n }),\n\n // Cancel input detection on color change\n _.on([\n _root.palette.palette,\n _root.palette.picker,\n _root.hue.slider,\n _root.hue.picker,\n _root.opacity.slider,\n _root.opacity.picker\n ], ['mousedown', 'touchstart'], () => this._recalc = true)\n ];\n\n // Provide hiding / showing abilities only if showAlways is false\n if (!options.showAlways) {\n const ck = options.closeWithKey;\n\n eventBindings.push(\n // Save and hide / show picker\n _.on(_root.button, 'click', () => this.isOpen() ? this.hide() : this.show()),\n\n // Close with escape key\n _.on(document, 'keyup', e => this.isOpen() && (e.key === ck || e.code === ck) && this.hide()),\n\n // Cancel selecting if the user taps behind the color picker\n _.on(document, ['touchstart', 'mousedown'], e => {\n if (this.isOpen() && !_.eventPath(e).some(el => el === _root.app || el === _root.button)) {\n this.hide();\n }\n }, {capture: true})\n );\n }\n\n // Make input adjustable if enabled\n if (options.adjustableNumbers) {\n const ranges = {\n rgba: [255, 255, 255, 1],\n hsva: [360, 100, 100, 1],\n hsla: [360, 100, 100, 1],\n cmyk: [100, 100, 100, 100]\n };\n\n _.adjustableInputNumbers(_root.interaction.result, (o, step, index) => {\n const range = ranges[this.getColorRepresentation().toLowerCase()];\n\n if (range) {\n const max = range[index];\n\n // Calculate next reasonable number\n const nv = o + (max >= 100 ? step * 1000 : step);\n\n // Apply range of zero up to max, fix floating-point issues\n return nv <= 0 ? 0 : Number((nv < max ? nv : max).toPrecision(3));\n }\n\n return o;\n });\n }\n\n if (options.autoReposition && !options.inline) {\n let timeout = null;\n const that = this;\n\n // Re-calc position on window resize, scroll and wheel\n eventBindings.push(\n _.on(window, ['scroll', 'resize'], () => {\n if (that.isOpen()) {\n\n if (options.closeOnScroll) {\n that.hide();\n }\n\n if (timeout === null) {\n timeout = setTimeout(() => timeout = null, 100);\n\n // Update position on every frame\n requestAnimationFrame(function rs() {\n that._rePositioningPicker();\n (timeout !== null) && requestAnimationFrame(rs);\n });\n } else {\n clearTimeout(timeout);\n timeout = setTimeout(() => timeout = null, 100);\n }\n }\n }, {capture: true})\n );\n }\n\n // Save bindings\n this._eventBindings = eventBindings;\n }\n\n _rePositioningPicker() {\n const {options} = this;\n\n // No repositioning needed if inline\n if (!options.inline) {\n const {app} = this._root;\n\n if (matchMedia('(max-width: 576px)').matches) {\n Object.assign(app.style, {\n margin: 'auto',\n height: `${app.getBoundingClientRect().height}px`,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n });\n } else {\n Object.assign(app.style, {\n margin: null,\n right: null,\n top: null,\n bottom: null,\n left: null,\n height: null\n });\n\n this._nanopop.update(options.position);\n }\n }\n }\n\n _updateOutput() {\n const {_root, _color, options} = this;\n\n // Check if component is present\n if (_root.interaction.type()) {\n\n // Construct function name and call if present\n const method = `to${_root.interaction.type().getAttribute('data-type')}`;\n _root.interaction.result.value = typeof _color[method] === 'function' ?\n _color[method]().toString(options.outputPrecision) : '';\n }\n\n // Fire listener if initialization is finish\n if (!this._initializingActive && this._recalc) {\n this._emit('change', _color);\n }\n }\n\n _clearColor(silent = false) {\n const {_root, options} = this;\n\n // Change only the button color if it isn't customized\n if (!options.useAsButton) {\n _root.button.style.color = 'rgba(0, 0, 0, 0.15)';\n }\n\n _root.button.classList.add('clear');\n\n if (!options.showAlways) {\n this.hide();\n }\n\n this._color = null;\n if (!this._initializingActive && !silent) {\n\n // Fire listener\n this._emit('save', null);\n this._emit('clear', this);\n }\n }\n\n _parseLocalColor(str) {\n const {values, type, a} = parseToHSVA(str);\n const {lockOpacity} = this.options;\n const alphaMakesAChange = a !== undefined && a !== 1;\n\n // If no opacity is applied, add undefined at the very end which gets\n // set to 1 in setHSVA\n if (values && values.length === 3) {\n values[3] = undefined;\n }\n\n return {\n values: (!values || (lockOpacity && alphaMakesAChange)) ? null : values,\n type\n };\n }\n\n _emit(event, ...args) {\n this._eventListener[event].forEach(cb => cb(...args, this));\n }\n\n on(event, cb) {\n\n // Validate\n if (typeof cb === 'function' && typeof event === 'string' && event in this._eventListener) {\n this._eventListener[event].push(cb);\n }\n\n return this;\n }\n\n off(event, cb) {\n const callBacks = this._eventListener[event];\n\n if (callBacks) {\n const index = callBacks.indexOf(cb);\n\n if (~index) {\n callBacks.splice(index, 1);\n }\n }\n\n return this;\n }\n\n /**\n * Appends a color to the swatch palette\n * @param color\n * @returns {boolean}\n */\n addSwatch(color) {\n const {values} = this._parseLocalColor(color);\n\n if (values) {\n const {_swatchColors, _root} = this;\n const color = HSVaColor(...values);\n\n // Create new swatch HTMLElement\n const el = _.createElementFromString(\n `'}\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n `);\r\n\r\n const int = root.interaction;\r\n\r\n // Select option which is not hidden\r\n int.options.find(o => !o.hidden && !o.classList.add('active'));\r\n\r\n // Create method to find currenlty active option\r\n int.type = () => int.options.find(e => e.classList.contains('active'));\r\n return root;\r\n}\r\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./src/js/utils/utils.js","webpack:///./src/js/utils/color.js","webpack:///./src/js/utils/hsvacolor.js","webpack:///./src/js/libs/moveable.js","webpack:///./src/js/libs/selectable.js","webpack:///./src/js/libs/nanopop.js","webpack:///./src/js/pickr.js","webpack:///./src/js/template.js"],"names":["root","factory","exports","module","define","amd","window","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","on","eventListener","off","method","elements","events","fn","options","HTMLCollection","NodeList","Array","from","isArray","el","ev","capture","slice","arguments","createElementFromString","html","div","document","createElement","innerHTML","trim","firstElementChild","removeAttribute","getAttribute","createFromTemplate","str","resolve","element","base","con","subtree","children","child","arr","sub","push","keys","length","eventPath","evt","path","composedPath","target","parentElement","resolveElement","val","Element","split","reduce","pv","cv","ci","a","querySelector","shadowRoot","adjustableInputNumbers","mapper","v","handleScroll","e","inc","Number","shiftKey","ctrlKey","deltaY","index","selectionStart","replace","focus","setSelectionRange","preventDefault","dispatchEvent","Event","passive","min","Math","max","floor","round","hsvToRgb","h","f","q","mod","rgbToHsv","g","b","minVal","maxVal","delta","dr","dg","db","cmykToHsv","y","k","hslToHsv","hexToHsv","hex","match","map","parseInt","parseToHSVA","toLowerCase","ctx","getContext","fillStyle","standardizeColor","regex","cmyk","rgba","hsla","hsva","hexa","numarize","array","test","undefined","invalid","type","exec","alpha","values","join","raw","substring","HSVaColor","original","next","precision","toFixed","that","toHSVA","toString","toHSLA","hsvToHsl","toRGBA","toCMYK","rgb","hsvToCmyk","toHEXA","padStart","hsvToHex","toUpperCase","clone","clamp","Moveable","opt","assign","lock","onchange","onstop","_tapstart","_","_tapstop","_tapmove","cache","wrapper","getBoundingClientRect","x","touch","touches","clientX","clientY","left","width","top","height","style","offsetWidth","offsetHeight","cx","cy","trigger","update","destroy","Selectable","className","onTap","forEach","classList","Nanopop","reference","padding","vBehaviour","start","middle","end","hBehaviour","right","bottom","getInfo","pos","cached","position","variant","isVertical","rb","eb","variants","vertical","leastApplied","apply","bevs","vars","styleprop","adder","win","sv","rot","v2Ok","v1Ok","Pickr","init","save","hide","show","clear","change","changestop","cancel","swatchselect","this","appClass","theme","useAsButton","disabled","comparison","closeOnScroll","outputPrecision","lockOpacity","autoReposition","container","components","interaction","strings","swatches","inline","sliders","default","defaultRepresentation","adjustableNumbers","showAlways","closeWithKey","includes","preview","opacity","hue","palette","_preBuild","_buildComponents","_bindEvents","_finalBuild","color","addSwatch","_nanopop","_root","button","app","requestAnimationFrame","cb","setColor","_rePositioningPicker","_representation","setColorRepresentation","_initializingActive","_emit","lo","hidden","int","input","find","add","contains","appendChild","removeChild","parent","nextSibling","insertBefore","remove","parentNode","replaceChild","disable","transition","lastColor","inst","cs","repeat","so","sh","getColor","_color","_lastColor","picker","_recalc","_updateOutput","cssRGBaString","background","_swatchColors","currentColor","slider","backgroundColor","selectable","_components","eventBindings","_clearColor","setHSVA","applyColor","result","stopImmediatePropagation","ck","isOpen","code","some","ranges","step","range","getColorRepresentation","nv","toPrecision","timeout","setTimeout","rs","clearTimeout","_eventBindings","matchMedia","matches","margin","silent","alphaMakesAChange","event","args","_eventListener","callBacks","indexOf","splice","_parseLocalColor","swatchColor","recalc","string","utype","startsWith","click","utils","libs","version"],"mappings":";CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAe,MAAID,IAEnBD,EAAY,MAAIC,IARlB,CASGK,OAAQ,WACX,O,YCTE,IAAIC,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUP,QAGnC,IAAIC,EAASI,EAAiBE,GAAY,CACzCC,EAAGD,EACHE,GAAG,EACHT,QAAS,IAUV,OANAU,EAAQH,GAAUI,KAAKV,EAAOD,QAASC,EAAQA,EAAOD,QAASM,GAG/DL,EAAOQ,GAAI,EAGJR,EAAOD,QA0Df,OArDAM,EAAoBM,EAAIF,EAGxBJ,EAAoBO,EAAIR,EAGxBC,EAAoBQ,EAAI,SAASd,EAASe,EAAMC,GAC3CV,EAAoBW,EAAEjB,EAASe,IAClCG,OAAOC,eAAenB,EAASe,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEV,EAAoBgB,EAAI,SAAStB,GACX,oBAAXuB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAenB,EAASuB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAenB,EAAS,aAAc,CAAEyB,OAAO,KAQvDnB,EAAoBoB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQnB,EAAoBmB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFAxB,EAAoBgB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOnB,EAAoBQ,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRvB,EAAoB2B,EAAI,SAAShC,GAChC,IAAIe,EAASf,GAAUA,EAAO2B,WAC7B,WAAwB,OAAO3B,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAK,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRV,EAAoBW,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG7B,EAAoBgC,EAAI,GAIjBhC,EAAoBA,EAAoBiC,EAAI,G,yjCC1E9C,IAAMC,EAAKC,EAAcT,KAAK,KAAM,oBAU9BU,EAAMD,EAAcT,KAAK,KAAM,uBAE5C,SAASS,EAAcE,EAAQC,EAAUC,EAAQC,GAAkB,IAAdC,EAAc,uDAAJ,GAGvDH,aAAoBI,gBAAkBJ,aAAoBK,SAC1DL,EAAWM,MAAMC,KAAKP,GACdM,MAAME,QAAQR,KACtBA,EAAW,CAACA,IAGXM,MAAME,QAAQP,KACfA,EAAS,CAACA,IAViD,2BAa/D,YAAiBD,EAAjB,+CAA2B,KAAhBS,EAAgB,+BACvB,YAAiBR,EAAjB,+CAAyB,KAAdS,EAAc,QACrBD,EAAGV,GAAQW,EAAIR,EAAf,GAAoBS,SAAS,GAAUR,KAFpB,oFAboC,kFAmB/D,OAAOG,MAAMd,UAAUoB,MAAM7C,KAAK8C,UAAW,GAQ1C,SAASC,EAAwBC,GACpC,IAAMC,EAAMC,SAASC,cAAc,OAEnC,OADAF,EAAIG,UAAYJ,EAAKK,OACdJ,EAAIK,kBASR,SAASC,EAAgBb,EAAItC,GAChC,IAAMU,EAAQ4B,EAAGc,aAAapD,GAE9B,OADAsC,EAAGa,gBAAgBnD,GACZU,EAiBJ,SAAS2C,EAAmBC,GA2B/B,OAxBA,SAASC,EAAQC,GAAoB,IAAXC,EAAW,uDAAJ,GAGvBC,EAAMP,EAAgBK,EAAS,QAC/BxC,EAAMmC,EAAgBK,EAAS,QAC/BG,EAAUD,EAAOD,EAAKC,GAAO,GAAMD,EAGzCzC,IAAQyC,EAAKzC,GAAOwC,GACpB,cAAoBrB,MAAMC,KAAKoB,EAAQI,UAAvC,eAAkD,CAA7C,IAAMC,EAAK,KACNC,EAAMX,EAAgBU,EAAO,QAC7BE,EAAMR,EAAQM,EAAOC,EAAM,GAAKH,GAElCG,IAGCH,EAAQG,KAASH,EAAQG,GAAO,KAC5BE,KAAK7D,OAAO8D,KAAKF,GAAKG,OAASH,EAAMF,GAIlD,OAAOJ,EAGJF,CAAQZ,EAAwBW,IAQpC,SAASa,EAAUC,GACtB,IAAIC,EAAOD,EAAIC,MAASD,EAAIE,cAAgBF,EAAIE,eAChD,GAAID,EAAM,OAAOA,EAEjB,IAAI/B,EAAK8B,EAAIG,OAAOC,cAEpB,IADAH,EAAO,CAACD,EAAIG,OAAQjC,GACbA,EAAKA,EAAGkC,eAAeH,EAAKL,KAAK1B,GAGxC,OADA+B,EAAKL,KAAKlB,SAAUzD,QACbgF,EAQJ,SAASI,EAAeC,GAC3B,OAAIA,aAAeC,QACRD,EACe,iBAARA,EACPA,EAAIE,MAAM,OAAOC,OAAO,SAACC,EAAIC,EAAIC,EAAIC,GAExC,OADAH,EAAKA,EAAGI,cAAcH,GACfC,EAAKC,EAAEf,OAAS,EAAIY,EAAGK,WAAaL,GAC5ChC,UAGA,KAQJ,SAASsC,EAAuB9C,GAAqB,IAAjB+C,EAAiB,uDAAR,SAAAC,GAAC,OAAIA,GAErD,SAASC,EAAaC,GAClB,IAAMC,EAAO,CAAC,KAAO,IAAM,IAAMC,OAAOF,EAAEG,UAAwB,EAAZH,EAAEI,WAAiBJ,EAAEK,OAAS,EAAI,GAAK,GAEzFC,EAAQ,EACRnE,EAAMW,EAAGyD,eACbzD,EAAG5B,MAAQ4B,EAAG5B,MAAMsF,QAAQ,UAAW,SAACV,EAAG7F,GAGvC,OAAIA,GAAKkC,GAAOlC,EAAI6F,EAAEpB,QAAUvC,GAC5BA,EAAMlC,EACC4F,EAAOK,OAAOJ,GAAIG,EAAKK,KAGlCA,IACOR,KAGXhD,EAAG2D,QACH3D,EAAG4D,kBAAkBvE,EAAKA,GAG1B6D,EAAEW,iBACF7D,EAAG8D,cAAc,IAAIC,MAAM,UAI/B5E,EAAGa,EAAI,QAAS,kBAAMb,EAAGpC,OAAQ,QAASkG,EAAc,CAACe,SAAS,MAClE7E,EAAGa,EAAI,OAAQ,kBAAMX,EAAItC,OAAQ,QAASkG,K,2uBCjLvCgB,EAA0BC,KAA1BD,IAAKE,EAAqBD,KAArBC,IAAKC,EAAgBF,KAAhBE,MAAOC,EAASH,KAATG,MA0BjB,SAASC,EAASC,EAAGrF,EAAG8D,GAE3B9D,GAAK,IACL8D,GAAK,IAEL,IAAM7F,EAAIiH,EAJVG,EAAKA,EAAI,IAAO,GAMVC,EAAID,EAAIpH,EACR8B,EAAI+D,GAAK,EAAI9D,GACbuF,EAAIzB,GAAK,EAAIwB,EAAItF,GACjBb,EAAI2E,GAAK,GAAK,EAAIwB,GAAKtF,GAEvBwF,EAAMvH,EAAI,EAKhB,MAAO,CACC,IALE,CAAC6F,EAAGyB,EAAGxF,EAAGA,EAAGZ,EAAG2E,GAAG0B,GAMrB,IALE,CAACrG,EAAG2E,EAAGA,EAAGyB,EAAGxF,EAAGA,GAAGyF,GAMrB,IALE,CAACzF,EAAGA,EAAGZ,EAAG2E,EAAGA,EAAGyB,GAAGC,IAuFjC,SAASC,EAAS1G,EAAG2G,EAAGC,GAGpB,IAAIN,EAAGrF,EACD4F,EAASb,EAHfhG,GAAK,IAAK2G,GAAK,IAAKC,GAAK,KAInBE,EAASZ,EAAIlG,EAAG2G,EAAGC,GACnBG,EAAQD,EAASD,EAGvB,GAAc,IAAVE,EACAT,EAAIrF,EAAI,MACL,CACHA,EAAI8F,EAAQD,EACZ,IAAME,IAAQF,EAAS9G,GAAK,EAAM+G,EAAQ,GAAMA,EAC1CE,IAAQH,EAASH,GAAK,EAAMI,EAAQ,GAAMA,EAC1CG,IAAQJ,EAASF,GAAK,EAAMG,EAAQ,GAAMA,EAE5C/G,IAAM8G,EACNR,EAAIY,EAAKD,EACFN,IAAMG,EACbR,EAAK,EAAI,EAAKU,EAAKE,EACZN,IAAME,IACbR,EAAK,EAAI,EAAKW,EAAKD,GAGnBV,EAAI,EACJA,GAAK,EACEA,EAAI,IACXA,GAAK,GAIb,MAAO,CACC,IAAJA,EACI,IAAJrF,EACI,IA3BJ6F,GAuCR,SAASK,EAAU5H,EAAGD,EAAG8H,EAAGC,GAUxB,OARA/H,GAAK,IACL8H,GAAK,IAOL,EAAWV,EAJ+B,KAA/B,EAAIV,EAAI,GALnBzG,GAAK,MAKsB,GAF3B8H,GAAK,MAE+BA,IACM,KAA/B,EAAIrB,EAAI,EAAG1G,GAAK,EAAI+H,GAAKA,IACM,KAA/B,EAAIrB,EAAI,EAAGoB,GAAK,EAAIC,GAAKA,MAYxC,SAASC,EAAShB,EAAGrF,EAAG9B,GAOpB,OANA8B,GAAK,IAME,CAACqF,EAFI,GAFZrF,IADA9B,GAAK,KACI,GAAMA,EAAI,EAAIA,IAEFA,EAAI8B,GAAM,IACX,KAAT9B,EAAI8B,IASnB,SAASsG,EAASC,GACd,OAAOd,EAAQ,WAAR,IAAYc,EAAIC,MAAM,SAASC,IAAI,SAAA3C,GAAC,OAAI4C,SAAS5C,EAAG,QASxD,SAAS6C,EAAY7E,GAGxBA,EAAMA,EAAI0E,MAAM,eAxNpB,SAA0BhI,GAGtB,GAA2B,UAAvBA,EAAKoI,cACL,MAAO,UAGX,IAAMC,EAAMvF,SAASC,cAAc,UAAUuF,WAAW,MAExD,OADAD,EAAIE,UAAYvI,EACS,YAAlBqI,EAAIE,UAA0B,KAAOF,EAAIE,UA+MfC,CAAiBlF,GAAOA,EAGzD,IAgBI0E,EAhBES,EAAQ,CACVC,KAAM,6DACNC,KAAM,wEACNC,KAAM,wEACNC,KAAM,wEACNC,KAAM,4DASJC,EAAW,SAAAC,GAAK,OAAIA,EAAMf,IAAI,SAAA3C,GAAC,MAAI,oBAAoB2D,KAAK3D,GAAKI,OAAOJ,QAAK4D,KAGnFC,EAAS,IAAK,IAAMC,KAAQX,EAGxB,GAAMT,EAAQS,EAAMW,GAAMC,KAAK/F,GAA/B,CAIA,IAAMgG,IAAUtB,EAAM,GAGtB,OAAQoB,GACJ,IAAK,OAAQ,QACcL,EAASf,GADvB,GACAlI,EADA,KACGD,EADH,KACM8H,EADN,KACSC,EADT,KAGT,GAAI9H,EAAI,KAAOD,EAAI,KAAO8H,EAAI,KAAOC,EAAI,IACrC,MAAMuB,EAEV,MAAO,CAACI,OAAQ7B,EAAU5H,EAAGD,EAAG8H,EAAGC,GAAIwB,QAE3C,IAAK,OAAQ,QACkBL,EAASf,GAD3B,GACIzH,EADJ,KACO2G,EADP,KACUC,EADV,KACalC,EADb,KAGT,GAAI1E,EAAI,KAAO2G,EAAI,KAAOC,EAAI,KAAOlC,EAAI,GAAKA,EAAI,GAAMqE,KAAWrE,EAC/D,MAAMkE,EAEV,MAAO,CAACI,OAAQ,GAAF,SAAMtC,EAAS1G,EAAG2G,EAAGC,IAArB,CAAyBlC,IAAIA,IAAGmE,QAElD,IAAK,OAAQ,IACFrB,EADE,EACKC,EADL,MAGU,IAAfD,EAAI7D,QAA+B,IAAf6D,EAAI7D,SACxB6D,EAAMA,EAAInD,MAAM,IAAIqD,IAAI,SAAA3C,GAAC,OAAIA,EAAIA,IAAGkE,KAAK,KAG7C,IAAMC,EAAM1B,EAAI2B,UAAU,EAAG,GACzBzE,EAAI8C,EAAI2B,UAAU,GAKtB,OAFAzE,EAAIA,EAAKiD,SAASjD,EAAG,IAAM,SAAOiE,EAE3B,CAACK,OAAQ,GAAF,SAAMzB,EAAS2B,IAAf,CAAqBxE,IAAIA,IAAGmE,QAE9C,IAAK,OAAQ,QACkBL,EAASf,GAD3B,GACInB,EADJ,KACOrF,EADP,KACU9B,EADV,KACauF,EADb,KAGT,GAAI4B,EAAI,KAAOrF,EAAI,KAAO9B,EAAI,KAAOuF,EAAI,GAAKA,EAAI,GAAMqE,KAAWrE,EAC/D,MAAMkE,EAEV,MAAO,CAACI,OAAQ,GAAF,SAAM1B,EAAShB,EAAGrF,EAAG9B,IAArB,CAAyBuF,IAAIA,IAAGmE,QAElD,IAAK,OAAQ,QACkBL,EAASf,GAD3B,GACInB,EADJ,KACOrF,EADP,KACU8D,EADV,KACaL,EADb,KAGT,GAAI4B,EAAI,KAAOrF,EAAI,KAAO8D,EAAI,KAAOL,EAAI,GAAKA,EAAI,GAAMqE,KAAWrE,EAC/D,MAAMkE,EAEV,MAAO,CAACI,OAAQ,CAAC1C,EAAGrF,EAAG8D,EAAGL,GAAIA,IAAGmE,SAK7C,MAAO,CAACG,OAAQ,KAAMH,KAAM,M,qVC3SzB,SAASO,IAAsC,IAA5B9C,EAA4B,uDAAxB,EAAGrF,EAAqB,uDAAjB,EAAG8D,EAAc,uDAAV,EAAGL,EAAO,uDAAH,EACzCI,EAAS,SAACuE,EAAUC,GAAX,OAAoB,WAAoB,IAAnBC,EAAmB,wDAAN,EAC7C,OAAOD,GAAMC,EAAYF,EAAS3B,IAAI,SAAA3C,GAAC,OAAII,OAAOJ,EAAEyE,QAAQD,MAAeF,KAGzEI,EAAO,CACTnD,IAAGrF,IAAG8D,IAAGL,IAETgF,OAHS,WAIL,IAAMpB,EAAO,CAACmB,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,EAAG0E,EAAK/E,GAE3C,OADA4D,EAAKqB,SAAW7E,EAAOwD,EAAM,SAAA/E,GAAG,qBAAYA,EAAI,GAAhB,aAAuBA,EAAI,GAA3B,cAAmCA,EAAI,GAAvC,cAA+CkG,EAAK/E,EAApD,OACzB4D,GAGXsB,OATS,WAUL,IAAMvB,EAAO,GAAH,SD+Ef,SAAkB/B,EAAGrF,EAAG8D,GAG3B,IAAM5F,GAAK,GAFX8B,GAAK,OAAK8D,GAAK,KAES,EAYxB,OAVU,IAAN5F,IAEI8B,EADM,IAAN9B,EACI,EACGA,EAAI,GACP8B,EAAI8D,GAAS,EAAJ5F,GAET8B,EAAI8D,GAAK,EAAQ,EAAJ5F,IAIlB,CACHmH,EACI,IAAJrF,EACI,IAAJ9B,GCjGqB0K,CAASJ,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,IAArC,CAAyC0E,EAAK/E,IAExD,OADA2D,EAAKsB,SAAW7E,EAAOuD,EAAM,SAAA9E,GAAG,qBAAYA,EAAI,GAAhB,aAAuBA,EAAI,GAA3B,cAAmCA,EAAI,GAAvC,cAA+CkG,EAAK/E,EAApD,OACzB2D,GAGXyB,OAfS,WAgBL,IAAM1B,EAAO,GAAH,SAAO/B,EAASoD,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,IAArC,CAAyC0E,EAAK/E,IAExD,OADA0D,EAAKuB,SAAW7E,EAAOsD,EAAM,SAAA7E,GAAG,qBAAYA,EAAI,GAAhB,aAAuBA,EAAI,GAA3B,aAAkCA,EAAI,GAAtC,aAA6CkG,EAAK/E,EAAlD,OACzB0D,GAGX2B,OArBS,WAsBL,IAAM5B,EDsCX,SAAmB7B,EAAGrF,EAAG8D,GAC5B,IAKIsC,EALE2C,EAAM3D,EAASC,EAAGrF,EAAG8D,GACrB/E,EAAIgK,EAAI,GAAK,IACbrD,EAAIqD,EAAI,GAAK,IACbpD,EAAIoD,EAAI,GAAK,IAUnB,MAAO,CACC,KALE,KAFV3C,EAAIrB,EAAI,EAAIhG,EAAG,EAAI2G,EAAG,EAAIC,IAEZ,GAAK,EAAI5G,EAAIqH,IAAM,EAAIA,IAM7B,KALE,IAANA,EAAU,GAAK,EAAIV,EAAIU,IAAM,EAAIA,IAM7B,KALE,IAANA,EAAU,GAAK,EAAIT,EAAIS,IAAM,EAAIA,IAM7B,IAAJA,GCxDiB4C,CAAUR,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,GAE5C,OADAoD,EAAKwB,SAAW7E,EAAOqD,EAAM,SAAA5E,GAAG,qBAAYA,EAAI,GAAhB,cAAwBA,EAAI,GAA5B,cAAoCA,EAAI,GAAxC,cAAgDA,EAAI,GAApD,QACzB4E,GAGX+B,OA3BS,WA4BL,IAAM1C,EDmBX,SAAkBlB,EAAGrF,EAAG8D,GAC3B,OAAOsB,EAASC,EAAGrF,EAAG8D,GAAG2C,IAAI,SAAA3C,GAAC,OAC1BqB,EAAMrB,GAAG4E,SAAS,IAAIQ,SAAS,EAAG,OCrBlBC,CAASX,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,GAIpCgE,EAAQU,EAAK/E,GAAK,EAAI,GAAKS,QAAiB,IAATsE,EAAK/E,GAAS8E,QAAQ,IAC1DG,SAAS,IACTU,cAAcF,SAAS,EAAG,KAI/B,OAFApB,GAASvB,EAAI/D,KAAKsF,GAClBvB,EAAImC,SAAW,4BAAUnC,EAAIyB,KAAK,IAAIoB,gBAC/B7C,GAGX8C,MAAO,kBAAMlB,EAAUK,EAAKnD,EAAGmD,EAAKxI,EAAGwI,EAAK1E,EAAG0E,EAAK/E,KAGxD,OAAO+E,ECrDX,IAAMc,EAAQ,SAAAxF,GAAC,OAAIkB,KAAKC,IAAID,KAAKD,IAAIjB,EAAG,GAAI,IAC7B,SAASyF,EAASC,GAE7B,IAAMhB,EAAO,CAGThI,QAAS7B,OAAO8K,OAAO,CACnBC,KAAM,KACNC,SAAU,kBAAM,GAChBC,OAAQ,kBAAM,IACfJ,GAEHK,UATS,SASCjH,GACNkH,EAAKxI,SAAU,CAAC,UAAW,WAAY,eAAgBkH,EAAKuB,UAC5DD,EAAKxI,SAAU,CAAC,YAAa,aAAckH,EAAKwB,UAGhDpH,EAAI+B,iBAGJ6D,EAAKwB,SAASpH,IAGlBoH,SApBS,SAoBApH,GAAK,IACO8G,EAAgBlB,EAA1BhI,QAAUkJ,KAAOO,EAASzB,EAATyB,MACjBjI,EAAoBxB,EAApBwB,QAASkI,EAAW1J,EAAX0J,QACVvE,EAAIuE,EAAQC,wBAEdC,EAAI,EAAGjE,EAAI,EACf,GAAIvD,EAAK,CACL,IAAMyH,EAAQzH,GAAOA,EAAI0H,SAAW1H,EAAI0H,QAAQ,GAChDF,EAAIxH,GAAOyH,GAASzH,GAAK2H,QAAU,EACnCpE,EAAIvD,GAAOyH,GAASzH,GAAK4H,QAAU,EAG/BJ,EAAIzE,EAAE8E,KAAML,EAAIzE,EAAE8E,KACbL,EAAIzE,EAAE8E,KAAO9E,EAAE+E,QAAON,EAAIzE,EAAE8E,KAAO9E,EAAE+E,OAC1CvE,EAAIR,EAAEgF,IAAKxE,EAAIR,EAAEgF,IACZxE,EAAIR,EAAEgF,IAAMhF,EAAEiF,SAAQzE,EAAIR,EAAEgF,IAAMhF,EAAEiF,QAG7CR,GAAKzE,EAAE8E,KACPtE,GAAKR,EAAEgF,SACAV,IACPG,EAAIH,EAAMG,EAAIzE,EAAE+E,MAChBvE,EAAI8D,EAAM9D,EAAIR,EAAEiF,QAGP,MAATlB,IACA1H,EAAQ6I,MAAMJ,KAAd,eAA6BL,EAAIzE,EAAE+E,MAAQ,IAA3C,eAAqD1I,EAAQ8I,YAAc,EAA3E,QAGS,MAATpB,IACA1H,EAAQ6I,MAAMF,IAAd,eAA4BxE,EAAIR,EAAEiF,OAAS,IAA3C,eAAqD5I,EAAQ+I,aAAe,EAA5E,QAGJvC,EAAKyB,MAAQ,CAACG,EAAGA,EAAIzE,EAAE+E,MAAOvE,EAAGA,EAAIR,EAAEiF,QACvC,IAAMI,EAAK1B,EAAMc,EAAIF,EAAQY,aACvBG,EAAK3B,EAAMnD,EAAI+D,EAAQa,cAE7B,OAAQrB,GACJ,IAAK,IACD,OAAOlJ,EAAQmJ,SAASqB,GAC5B,IAAK,IACD,OAAOxK,EAAQmJ,SAASsB,GAC5B,QACI,OAAOzK,EAAQmJ,SAASqB,EAAIC,KAIxClB,SAnES,WAoELvB,EAAKhI,QAAQoJ,SACbE,EAAMxI,SAAU,CAAC,UAAW,WAAY,eAAgBkH,EAAKuB,UAC7DD,EAAMxI,SAAU,CAAC,YAAa,aAAckH,EAAKwB,WAGrDkB,QAzES,WA0EL1C,EAAKwB,YAGTmB,OA7ES,WA6EY,IAAdf,EAAc,uDAAV,EAAGjE,EAAO,uDAAH,EAAG,EACkBqC,EAAKhI,QAAQ0J,QAAQC,wBAAjDM,EADU,EACVA,KAAME,EADI,EACJA,IAAKD,EADD,EACCA,MAAOE,EADR,EACQA,OAEC,MAAtBpC,EAAKhI,QAAQkJ,OACbvD,EAAIiE,GAGR5B,EAAKwB,SAAS,CACVO,QAASE,EAAOC,EAAQN,EACxBI,QAASG,EAAMC,EAASzE,KAIhCiF,QA1FS,WA0FC,IACC5K,EAAsBgI,EAAtBhI,QAASqJ,EAAarB,EAAbqB,UAChBC,EAAM,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,YAAa6H,GACvDC,EAAM,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,aAAc6H,EAAW,CAC/D/E,SAAS,MAMdtE,EAAsBgI,EAAtBhI,QAASqJ,EAAarB,EAAbqB,UAMhB,OALAC,EAAK,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,YAAa6H,GACtDC,EAAK,CAACtJ,EAAQ0J,QAAS1J,EAAQwB,SAAU,aAAc6H,EAAW,CAC9D/E,SAAS,IAGN0D,E,qVC7GI,SAAS6C,IAAqB,IAAV7B,EAAU,uDAAJ,GACrCA,EAAM7K,OAAO8K,OAAO,CAChBE,SAAU,kBAAM,GAChB2B,UAAW,GACXjL,SAAU,IACXmJ,GAEH,IAAM+B,EAAQzB,EAAKN,EAAInJ,SAAU,QAAS,SAAAuC,GACtC4G,EAAInJ,SAASmL,QAAQ,SAAAxH,GAAC,OAClBA,EAAEyH,UAAU7I,EAAIG,SAAWiB,EAAI,MAAQ,UAAUwF,EAAI8B,aAGzD9B,EAAIG,SAAS/G,KAGjB,MAAO,CACHwI,QAAS,kBAAMtB,EAAA,MAAAA,EAAC,EAAQyB,M,kZCTjB,SAASG,EAAT,GAA+C,IAA7B5K,EAA6B,EAA7BA,GAAI6K,EAAyB,EAAzBA,UAAyB,IAAdC,eAAc,MAAJ,EAAI,EACpDC,EAAa,CAACC,MAAO,MAAOC,OAAQ,MAAOC,IAAK,OAChDC,EAAa,CAACtB,IAAK,OAAQuB,MAAO,OAAQC,OAAQ,OAAQ1B,KAAM,QAEhE2B,EAAW,eAACnC,EAAD,uDAAS,GAAT,OAAgB,SAACoC,GAA6B,IAAxBC,EAAwB,uDAAfrC,EAAMoC,GAClD,GAAIC,EAAQ,OAAOA,EADwC,MAEpBD,EAAIjJ,MAAM,KAFU,SAEpDmJ,EAFoD,YAE1CC,OAF0C,MAEhC,SAFgC,EAGrDC,EAA2B,QAAbF,GAAmC,WAAbA,EAE1C,OAAOtC,EAAMoC,GAAO,CAChBE,WACAC,UACAC,eARS,GAYjB,MAAO,CACHtB,OADG,SACIkB,GAAK,MACgCD,EAAQC,GAAzCE,EADC,EACDA,SAAUC,EADT,EACSA,QAASC,EADlB,EACkBA,WACpBC,EAAKf,EAAUxB,wBACfwC,EAAK7L,EAAGqJ,wBAURyC,EAAW,SAAAC,GAAQ,OAAIA,EAAW,CACpC7M,EAAG0M,EAAGjC,KAAOiC,EAAGhC,MAAQiC,EAAGjC,MAC3BrM,GAAKsO,EAAGjC,MAAQ,GAAMgC,EAAGjC,KAAOiC,EAAGhC,MAAQ,GAC3C1G,EAAG0I,EAAGjC,MACN,CACAzK,EAAG0M,EAAGP,OAASQ,EAAG/B,OAClBvM,EAAGqO,EAAGP,OAASO,EAAG9B,OAAS,EAAI+B,EAAG/B,OAAS,EAC3C5G,EAAG0I,EAAGP,OAASO,EAAG9B,SAGhBkC,EAAe,GAErB,SAASC,EAAMC,EAAMC,EAAMC,GACvB,IAAML,EAAyB,QAAdK,EACXC,EAAQN,EAAWF,EAAG/B,OAAS+B,EAAGjC,MAClC0C,EAAMvP,OAAOgP,EAAW,cAAgB,cAHZ,uBAKlC,YAAiBG,EAAjB,+CAAuB,KACblJ,EAAImJ,EADS,SAEbI,EAAKP,EAAaI,GAAb,UAA6BpJ,EAA7B,MAEX,GAAIA,EAAI,GAAMA,EAAIqJ,EAASC,EAEvB,OADAtM,EAAG+J,MAAMqC,GAAaG,GACf,GAXmB,kFAelC,OAAO,EAGX,cAAkB,CAACZ,GAAaA,GAAhC,eAA6C,CAAxC,IAAMa,EAAG,KACJC,EAAOR,EAAMd,EAAWM,GAAqBe,EAvCd,CACrCnO,EAAGuN,EAAG/B,IAAMgC,EAAG/B,OAASgB,EACxBjG,EAAG+G,EAAGP,OAASP,GACf,CACA7M,EAAG2N,EAAGR,MAAQN,EACd1N,EAAGwO,EAAGjC,KAAOkC,EAAGjC,MAAQkB,GAkCiC0B,EAAM,MAAQ,QACjEE,EAAOT,EAAMlB,EAAWW,GAAUI,EAASU,GAAMA,EAAM,OAAS,OAEtE,GAAIC,GAAQC,EACR,OAIR1M,EAAG+J,MAAMJ,KAAOqC,EAAarC,KAC7B3J,EAAG+J,MAAMF,IAAMmC,EAAanC,M,ygCCpElC8C,E,WA0BF,WAAYjE,GAAK,Y,4FAAA,uCAvBK,GAuBL,kBApBP,GAoBO,gBAjBRrB,KAiBQ,oBAhBJA,KAgBI,uBAfD,IAeC,wBAZA,CACbuF,KAAM,GACNC,KAAM,GACNC,KAAM,GACNC,KAAM,GACNC,MAAO,GACPC,OAAQ,GACRC,WAAY,GACZC,OAAQ,GACRC,aAAc,KAMdC,KAAK3N,QAAUgJ,EAAM7K,OAAO8K,OAAO,CAC/B2E,SAAU,KACVC,MAAO,UACPC,aAAa,EACbC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,gBAAiB,EACjBC,aAAa,EACbC,gBAAgB,EAChBC,UAAW,OACXC,WAAY,CACRC,YAAa,IAGjBC,QAAS,GACTC,SAAU,KACVC,QAAQ,EACRC,QAAS,KAETC,QAAS,UACTC,sBAAuB,KACvB9C,SAAU,gBACV+C,mBAAmB,EACnBC,YAAY,EAEZC,aAAc,UACfhG,GA9BU,MAgC+CA,EAArDyF,EAhCM,EAgCNA,SAAUH,EAhCJ,EAgCIA,WAAYT,EAhChB,EAgCgBA,MAAOc,EAhCvB,EAgCuBA,QAASR,EAhChC,EAgCgCA,YAEzC,CAAC,OAAQ,YAAYc,SAASpB,KAAWc,IACzC3F,EAAI2F,QAAU,KAIbL,EAAWC,cACZD,EAAWC,YAAc,IAxChB,IA4CNW,EAAkCZ,EAAlCY,QAASC,EAAyBb,EAAzBa,QAASC,EAAgBd,EAAhBc,IAAKC,EAAWf,EAAXe,QAC9Bf,EAAWa,SAAYhB,GAAegB,EACtCb,EAAWe,QAAUA,GAAWH,GAAWC,GAAWC,EAGtDzB,KAAK2B,YACL3B,KAAK4B,mBACL5B,KAAK6B,cACL7B,KAAK8B,cAGDhB,GAAYA,EAASvM,QACrBuM,EAASzD,QAAQ,SAAA0E,GAAK,OAAI,EAAKC,UAAUD,KAI7C/B,KAAKiC,SAAW1E,EAAQ,CACpBC,UAAWwC,KAAKkC,MAAMC,OACtBxP,GAAIqN,KAAKkC,MAAME,MA9DN,IAkENA,EAAOpC,KAAKkC,MAAZE,IACD/H,EAAO2F,KACbqC,sBAAuB,SAASC,IAE5B,IAAKF,EAAIzF,aAAeyF,EAAIvN,gBAAkBwG,EAAIqF,UAC9C,OAAO2B,sBAAsBC,GAIjCjI,EAAKkI,SAASlH,EAAI4F,SAClB5G,EAAKmI,uBAGDnH,EAAI6F,wBACJ7G,EAAKoI,gBAAkBpH,EAAI6F,sBAC3B7G,EAAKqI,uBAAuBrI,EAAKoI,kBAIjCpH,EAAI+F,YACJ/G,EAAKqF,OAITrF,EAAKsI,qBAAsB,EAC3BtI,EAAKuI,MAAM,U,2DASf,IAHA,ICpIO,EAAczS,EAAY0B,EAAGsO,EAAaY,EAAQd,EAAUC,EAAoB2C,EACrFC,EAEA1T,EA+CA2T,EDkFI1H,EAAM2E,KAAK3N,QAGjB,MAAmB,CAAC,KAAM,aAA1B,eAAwC,CAAnC,IAAMoH,EAAI,KACX4B,EAAI5B,GAAQkC,EAAiBN,EAAI5B,IAKrCuG,KAAKkC,OC7IgB/R,GAAd,ED6IiBkL,GC7IfsF,WAAwB9O,EAA8D,EAAvEgP,QAAYV,EAA2D,EAA3DA,YAAaY,EAA8C,EAA9CA,OAAQd,EAAsC,EAAtCA,SAAUC,EAA4B,EAA5BA,MAAoB2C,EAAQ,EAArBrC,YACxEsC,EAAS,SAAA/O,GAAG,OAAIA,EAAM,GAAK,+BAE3B3E,EAAOuM,EAAA,6DAGPwE,EAAc,GAAK,mEAHZ,sDAKwBF,GAAY,GALpC,yBAKuDC,EALvD,aAKiEa,EAAS,0BAA4B,GALtG,mDAMsB+B,EAAO3S,EAAEuR,SAN/B,wEAO2CoB,EAAO3S,EAAEoR,SAPpD,scAiBuCuB,EAAO3S,EAAEsR,KAjBhD,8NAsB2CqB,EAAO3S,EAAEqR,SAtBpD,6NA4BoBrR,EAAEuR,QAAU,GAAK,YA5BrC,kGA8B2CoB,EAAOtS,OAAO8D,KAAKnE,EAAEyQ,aAAarM,QA9B7E,iGA+BoEuO,EAAO3S,EAAEyQ,YAAYoC,OA/BzF,2FAiC4DH,EAAK,MAAQ,OAjCzE,2BAiCkGC,EAAO3S,EAAEyQ,YAAYxI,KAjCvH,yFAkC4DyK,EAAK,MAAQ,OAlCzE,2BAkCkGC,EAAO3S,EAAEyQ,YAAY5H,MAlCvH,yFAmC4D6J,EAAK,MAAQ,OAnCzE,2BAmCkGC,EAAO3S,EAAEyQ,YAAY3H,MAnCvH,yFAoC4D4J,EAAK,MAAQ,OApCzE,2BAoCkGC,EAAO3S,EAAEyQ,YAAY1H,MApCvH,6GAqCgF4J,EAAO3S,EAAEyQ,YAAY7H,MArCrG,uEAuCwClH,EAAE2N,MAAQ,OAvClD,2BAuC2EsD,EAAO3S,EAAEyQ,YAAYpB,MAvChG,yEAwC4C3N,EAAEiO,QAAU,SAxCxD,2BAwCmFgD,EAAO3S,EAAEyQ,YAAYd,QAxCxG,uEAyC0CjO,EAAE8N,OAAS,QAzCrD,2BAyC+EmD,EAAO3S,EAAEyQ,YAAYjB,OAzCpG,6DA+CPoD,EAAM3T,EAAKwR,aAGbvO,QAAQ4Q,KAAK,SAAA1S,GAAC,OAAKA,EAAEuS,SAAWvS,EAAE+M,UAAU4F,IAAI,YAGpDH,EAAItJ,KAAO,kBAAMsJ,EAAI1Q,QAAQ4Q,KAAK,SAAApN,GAAC,OAAIA,EAAEyH,UAAU6F,SAAS,aACrD/T,GDuFCiM,EAAI8E,cACJH,KAAKkC,MAAMC,OAAS9G,EAAI1I,IAG5B0I,EAAIqF,UAAU0C,YAAYpD,KAAKkC,MAAM9S,Q,oCAIrC,IAAMiM,EAAM2E,KAAK3N,QACXjD,EAAO4Q,KAAKkC,MAKlB,GAFA7G,EAAIqF,UAAU2C,YAAYjU,EAAKA,MAE3BiM,EAAI0F,OAAQ,CACZ,IAAMuC,EAASjI,EAAI1I,GAAGkC,cAElBwG,EAAI1I,GAAG4Q,YACPD,EAAOE,aAAapU,EAAKgT,IAAK/G,EAAI1I,GAAG4Q,aAErCD,EAAOF,YAAYhU,EAAKgT,UAG5B/G,EAAIqF,UAAU0C,YAAYhU,EAAKgT,KAI9B/G,EAAI8E,YAIE9E,EAAI0F,QACX1F,EAAI1I,GAAG8Q,SAFPpI,EAAI1I,GAAG+Q,WAAWC,aAAavU,EAAKA,KAAMiM,EAAI1I,IAM9C0I,EAAI+E,UACJJ,KAAK4D,UAIJvI,EAAIgF,aACLjR,EAAK+S,OAAOzF,MAAMmH,WAAa,OAC1BxI,EAAI8E,cACL/Q,EAAKmS,QAAQuC,UAAUpH,MAAMmH,WAAa,SAIlD7D,KAAKP,S,yCAGU,WAGTsE,EAAO/D,KACPgE,EAAKhE,KAAK3N,QAAQsO,WAClBK,GAAW+C,EAAK1R,QAAQ2O,SAAW,KAAKiD,OAAO,GALtC,IAMEjD,EAAQ3I,MAAM,YAAc2I,EAAU,GANxC,GAMRkD,EANQ,KAMJC,EANI,KASTC,EAAW,kBACb,EAAKC,SAAW,EAAKA,OAAS,EAAKC,WAAWpJ,UAE5CyF,EAAa,CAEfe,QAAStG,EAAS,CACdvH,QAASkQ,EAAK7B,MAAMR,QAAQ6C,OAC5BxI,QAASgI,EAAK7B,MAAMR,QAAQA,QAE5BjG,OAAQ,kBAAMsI,EAAKnB,MAAM,aAAcmB,IACvCvI,SALc,SAKLS,EAAGjE,GACR,GAAKgM,EAAGtC,QAAR,CAEA,IAAMK,EAAQqC,IACPlC,EAAkB6B,EAAlB7B,MAAO7P,EAAW0R,EAAX1R,QAGV0R,EAAKS,UAGLzC,EAAMlQ,EAAQ,IAAJoK,EAGV8F,EAAMpM,EAAI,IAAU,IAAJqC,EAGhB+J,EAAMpM,EAAI,IAAIoM,EAAMpM,EAAI,GACxBoO,EAAKU,iBAIT,IAAMC,EAAgB3C,EAAMrH,SAASH,SAAS,GAC9CyF,KAAKnM,QAAQ6I,MAAMiI,WAAaD,EAChC1E,KAAKjE,QAAQW,MAAMiI,WAAnB,0EAC4C5C,EAAMzM,EADlD,mFAEoCyM,EAAM7K,EAF1C,wBAE2D6K,EAAMzM,EAFjE,kCAE4FyM,EAAMzM,EAFlG,4BAMKjD,EAAQgO,WAGJhO,EAAQ8N,aAAgB4D,EAAKO,aAC9BpC,EAAMX,QAAQuC,UAAUpH,MAAMqF,MAAQ2C,GAH1CxC,EAAMC,OAAOzF,MAAMqF,MAAQ2C,EAQ/B,IAAMvL,EAAO4I,EAAMjH,SAASP,WAtCjB,uBAuCX,YAA0BwJ,EAAKa,cAA/B,+CAA8C,eAAlCjS,EAAkC,EAAlCA,GAAIoP,EAA8B,EAA9BA,MACZpP,EAAG2K,UAAUnE,IAAS4I,EAAMjH,SAASP,WAAa,MAAQ,UAAU,eAxC7D,kFA4CX2H,EAAMX,QAAQsD,aAAanI,MAAMqF,MAAQ2C,EAEpCX,EAAK1R,QAAQgO,YAGd6B,EAAMC,OAAO7E,UAAUmG,OAAO,aAK1ChC,IAAKrG,EAAS,CACVG,KAAa,MAAP4I,EAAa,IAAM,IACzBtQ,QAASkQ,EAAK7B,MAAMT,IAAI8C,OACxBxI,QAASgI,EAAK7B,MAAMT,IAAIqD,OAExBrJ,OAAQ,kBAAMsI,EAAKnB,MAAM,aAAcmB,IACvCvI,SANU,SAMD7F,GACL,GAAKqO,EAAGvC,KAAQuC,EAAGtC,QAAnB,CACA,IAAMK,EAAQqC,IAGVL,EAAKS,UACLzC,EAAM7K,EAAQ,IAAJvB,GAIdqK,KAAKnM,QAAQ6I,MAAMqI,gBAAnB,cAA4ChD,EAAM7K,EAAlD,gBACAyJ,EAAWe,QAAQ3E,cAI3ByE,QAASpG,EAAS,CACdG,KAAa,MAAP2I,EAAa,IAAM,IACzBrQ,QAASkQ,EAAK7B,MAAMV,QAAQ+C,OAC5BxI,QAASgI,EAAK7B,MAAMV,QAAQsD,OAE5BrJ,OAAQ,kBAAMsI,EAAKnB,MAAM,aAAcmB,IACvCvI,SANc,SAML7F,GACL,GAAKqO,EAAGxC,SAAYwC,EAAGtC,QAAvB,CACA,IAAMK,EAAQqC,IAGVL,EAAKS,UACLzC,EAAMzM,EAAIuB,KAAKG,MAAU,IAAJrB,GAAW,KAIpCqK,KAAKnM,QAAQ6I,MAAMiI,WAAnB,wBAAiD5C,EAAMzM,EAAvD,KACAqL,EAAWe,QAAQ3E,cAI3BiI,WAAY9H,EAAW,CACnBhL,SAAU6R,EAAK7B,MAAMtB,YAAYvO,QACjC8K,UAAW,SAEX3B,SAJmB,SAIV3F,GACLkO,EAAKtB,gBAAkB5M,EAAEjB,OAAOnB,aAAa,aAAawH,cAC1D8I,EAAKS,SAAWT,EAAKU,oBAKjCzE,KAAKiF,YAActE,I,oCAGT,WACHuB,EAAkBlC,KAAlBkC,MAAO7P,EAAW2N,KAAX3N,QAER6S,EAAgB,CAGlBvJ,EAAKuG,EAAMtB,YAAYjB,MAAO,QAAS,kBAAM,EAAKwF,gBAGlDxJ,EAAK,CACDuG,EAAMtB,YAAYd,OAClBoC,EAAMX,QAAQuC,WACf,QAAS,WACR,EAAKlB,MAAM,SAAU,GACrB,EAAKwC,QAAL,QAAI,GAAa,EAAKd,YAAc,EAAKD,QAAQ/J,UAA7C,SAAuD,OAI/DqB,EAAKuG,EAAMtB,YAAYpB,KAAM,QAAS,YACjC,EAAK6F,eAAiBhT,EAAQ+O,YAAc,EAAK3B,SAGtD9D,EAAKuG,EAAMtB,YAAY0E,OAAQ,CAAC,QAAS,SAAU,SAAAzP,GAG3C,EAAK0M,SAAS1M,EAAEjB,OAAO7D,OAAO,KAAU,EAAK4R,qBAC7C,EAAKC,MAAM,SAAU,EAAKyB,QAG9BxO,EAAE0P,6BAIN5J,EAAKuG,EAAMtB,YAAY0E,OAAQ,CAAC,QAAS,QAAS,SAAAzP,GAC9C,EAAK2O,QAAqB,SAAX3O,EAAE4D,KACjB,EAAK+K,SAAW,EAAKC,kBAIzB9I,EAAK,CACDuG,EAAMR,QAAQA,QACdQ,EAAMR,QAAQ6C,OACdrC,EAAMT,IAAIqD,OACV5C,EAAMT,IAAI8C,OACVrC,EAAMV,QAAQsD,OACd5C,EAAMV,QAAQ+C,QACf,CAAC,YAAa,cAAe,kBAAM,EAAKC,SAAU,KAIzD,IAAKnS,EAAQ+O,WAAY,CACrB,IAAMoE,EAAKnT,EAAQgP,aAEnB6D,EAAc7Q,KAEVsH,EAAKuG,EAAMC,OAAQ,QAAS,kBAAM,EAAKsD,SAAW,EAAKhG,OAAS,EAAKC,SAGrE/D,EAAKxI,SAAU,QAAS,SAAA0C,GAAC,OAAI,EAAK4P,WAAa5P,EAAExE,MAAQmU,GAAM3P,EAAE6P,OAASF,IAAO,EAAK/F,SAGtF9D,EAAKxI,SAAU,CAAC,aAAc,aAAc,SAAA0C,GACpC,EAAK4P,WAAa9J,EAAY9F,GAAG8P,KAAK,SAAAhT,GAAE,OAAIA,IAAOuP,EAAME,KAAOzP,IAAOuP,EAAMC,UAC7E,EAAK1C,QAEV,CAAC5M,SAAS,KAKrB,GAAIR,EAAQ8O,kBAAmB,CAC3B,IAAMyE,EAAS,CACX5M,KAAM,CAAC,IAAK,IAAK,IAAK,GACtBE,KAAM,CAAC,IAAK,IAAK,IAAK,GACtBD,KAAM,CAAC,IAAK,IAAK,IAAK,GACtBF,KAAM,CAAC,IAAK,IAAK,IAAK,MAG1B4C,EAAyBuG,EAAMtB,YAAY0E,OAAQ,SAAC/U,EAAGsV,EAAM1P,GACzD,IAAM2P,EAAQF,EAAO,EAAKG,yBAAyBtN,eAEnD,GAAIqN,EAAO,CACP,IAAMhP,EAAMgP,EAAM3P,GAGZ6P,EAAKzV,GAAKuG,GAAO,IAAa,IAAP+O,EAAcA,GAG3C,OAAOG,GAAM,EAAI,EAAIjQ,QAAQiQ,EAAKlP,EAAMkP,EAAKlP,GAAKmP,YAAY,IAGlE,OAAO1V,IAIf,GAAI8B,EAAQoO,iBAAmBpO,EAAQ0O,OAAQ,CAC3C,IAAImF,EAAU,KACR7L,EAAO2F,KAGbkF,EAAc7Q,KACVsH,EAAKjM,OAAQ,CAAC,SAAU,UAAW,WAC3B2K,EAAKoL,WAEDpT,EAAQiO,eACRjG,EAAKoF,OAGO,OAAZyG,GACAA,EAAUC,WAAW,kBAAMD,EAAU,MAAM,KAG3C7D,sBAAsB,SAAS+D,IAC3B/L,EAAKmI,uBACQ,OAAZ0D,GAAqB7D,sBAAsB+D,OAGhDC,aAAaH,GACbA,EAAUC,WAAW,kBAAMD,EAAU,MAAM,QAGpD,CAACrT,SAAS,KAKrBmN,KAAKsG,eAAiBpB,I,6CAGH,IACZ7S,EAAW2N,KAAX3N,QAGP,IAAKA,EAAQ0O,OAAQ,KACVqB,EAAOpC,KAAKkC,MAAZE,IAEHmE,WAAW,sBAAsBC,QACjChW,OAAO8K,OAAO8G,EAAI1F,MAAO,CACrB+J,OAAQ,OACRhK,OAAQ,GAAF,OAAK2F,EAAIpG,wBAAwBS,OAAjC,MACND,IAAK,EACLwB,OAAQ,EACR1B,KAAM,EACNyB,MAAO,KAGXvN,OAAO8K,OAAO8G,EAAI1F,MAAO,CACrB+J,OAAQ,KACR1I,MAAO,KACPvB,IAAK,KACLwB,OAAQ,KACR1B,KAAM,KACNG,OAAQ,OAGZuD,KAAKiC,SAASjF,OAAO3K,EAAQ+L,c,sCAKzB,IACL8D,EAA0BlC,KAA1BkC,MAAOmC,EAAmBrE,KAAnBqE,OAAQhS,EAAW2N,KAAX3N,QAGtB,GAAI6P,EAAMtB,YAAYnH,OAAQ,CAG1B,IAAMxH,EAAS,KAAH,OAAQiQ,EAAMtB,YAAYnH,OAAOhG,aAAa,cAC1DyO,EAAMtB,YAAY0E,OAAOvU,MAAkC,mBAAnBsT,EAAOpS,GAC3CoS,EAAOpS,KAAUsI,SAASlI,EAAQkO,iBAAmB,IAIxDP,KAAK2C,qBAAuB3C,KAAKwE,SAClCxE,KAAK4C,MAAM,SAAUyB,K,oCAID,IAAhBqC,EAAgB,wDACjBxE,EAAkBlC,KAAlBkC,MAAO7P,EAAW2N,KAAX3N,QAGTA,EAAQ8N,cACT+B,EAAMC,OAAOzF,MAAMqF,MAAQ,uBAG/BG,EAAMC,OAAO7E,UAAU4F,IAAI,SAEtB7Q,EAAQ+O,YACTpB,KAAKP,OAGTO,KAAKsE,WAAa,KACbtE,KAAK2C,qBAAwB+D,IAG9B1G,KAAK4C,MAAM,OAAQ,MACnB5C,KAAK4C,MAAM,QAAS5C,S,uCAIXrM,GAAK,MACQ6E,EAAY7E,GAA/BiG,EADW,EACXA,OAAQH,EADG,EACHA,KAAMnE,EADH,EACGA,EACdkL,EAAeR,KAAK3N,QAApBmO,YACDmG,OAA0BpN,IAANjE,GAAyB,IAANA,EAQ7C,OAJIsE,GAA4B,IAAlBA,EAAOrF,SACjBqF,EAAO,QAAKL,GAGT,CACHK,QAAUA,GAAW4G,GAAemG,EAAsB,KAAO/M,EACjEH,U,4BAIFmN,GAAgB,kCAANC,EAAM,iCAANA,EAAM,kBAClB7G,KAAK8G,eAAeF,GAAOvJ,QAAQ,SAAAiF,GAAE,OAAIA,EAAE,WAAF,EAAMuE,EAAN,QAAY,S,yBAGtDD,EAAOtE,GAON,MAJkB,mBAAPA,GAAsC,iBAAVsE,GAAsBA,KAAS5G,KAAK8G,gBACvE9G,KAAK8G,eAAeF,GAAOvS,KAAKiO,GAG7BtC,O,0BAGP4G,EAAOtE,GACP,IAAMyE,EAAY/G,KAAK8G,eAAeF,GAEtC,GAAIG,EAAW,CACX,IAAM5Q,EAAQ4Q,EAAUC,QAAQ1E,IAE3BnM,GACD4Q,EAAUE,OAAO9Q,EAAO,GAIhC,OAAO6J,O,gCAQD+B,GAAO,WACNnI,EAAUoG,KAAKkH,iBAAiBnF,GAAhCnI,OAEP,GAAIA,EAAQ,KACDgL,EAAwB5E,KAAxB4E,cAAe1C,EAASlC,KAATkC,MAChBH,EAAQ/H,EAAS,WAAT,IAAaJ,IAGrBjH,EAAKgJ,EAAA,8CACgCoG,EAAMrH,SAASH,SAAS,GADxD,QAiBX,OAZA2H,EAAMpB,SAASsC,YAAYzQ,GAC3BiS,EAAcvQ,KAAK,CAAC1B,KAAIoP,UAGxB/B,KAAKsG,eAAejS,KAChBsH,EAAKhJ,EAAI,QAAS,WACd,EAAKyS,QAAL,QAAI,EAAYrD,EAAMzH,UAAlB,SAA4B,KAChC,EAAKsI,MAAM,eAAgBb,GAC3B,EAAKa,MAAM,SAAUb,OAItB,EAGX,OAAO,I,mCAQE5L,GACT,IAAMgR,EAAcnH,KAAK4E,cAAczO,GAGvC,GAAIgR,EAAa,KACNxU,EAAMwU,EAANxU,GAKP,OAFAqN,KAAKkC,MAAMpB,SAASuC,YAAY1Q,GAChCqN,KAAK4E,cAAcqC,OAAO9Q,EAAO,IAC1B,EAGX,OAAO,I,mCAGgB,IAAhBuQ,EAAgB,0DACG1G,KAAKkC,MAAxBX,EADgB,EAChBA,QAASY,EADO,EACPA,OAGVuC,EAAgB1E,KAAKqE,OAAO3J,SAASH,WAC3CgH,EAAQuC,UAAUpH,MAAMqF,MAAQ2C,EAG3B1E,KAAK3N,QAAQ8N,cACdgC,EAAOzF,MAAMqF,MAAQ2C,GAIzBvC,EAAO7E,UAAUmG,OAAO,SAGxBzD,KAAKsE,WAAatE,KAAKqE,OAAOnJ,QAGzB8E,KAAK2C,qBAAwB+D,GAC9B1G,KAAK4C,MAAM,OAAQ5C,KAAKqE,U,gCAOtB,WACNrE,KAAKsG,eAAejJ,QAAQ,SAAAwJ,GAAI,OAAIlL,EAAA,MAAAA,EAAC,EAAQkL,MAE7CrW,OAAO8D,KAAK0L,KAAKiF,aACZ5H,QAAQ,SAAAhM,GAAG,OAAI,EAAK4T,YAAY5T,GAAK4L,c,yCAO3B,WACf+C,KAAK/C,UADU,MAEK+C,KAAKkC,MAAlB9S,EAFQ,EAERA,KAAMgT,EAFE,EAEFA,IAGThT,EAAKyF,eACLzF,EAAKyF,cAAcwO,YAAYjU,GAInCgT,EAAIvN,cAAcwO,YAAYjB,GAI9B5R,OAAO8D,KAAK0L,MACP3C,QAAQ,SAAAhM,GAAG,OAAI,EAAKA,GAAO,S,6BAShC,OAFA2O,KAAKkC,MAAME,IAAI9E,UAAUmG,OAAO,WAChCzD,KAAK4C,MAAM,OAAQ5C,MACZA,O,6BAcP,OANKA,KAAK3N,QAAQ+N,WACdJ,KAAKkC,MAAME,IAAI9E,UAAU4F,IAAI,WAC7BlD,KAAKwC,uBACLxC,KAAK4C,MAAM,OAAQ5C,OAGhBA,O,+BAOP,OAAOA,KAAKkC,MAAME,IAAI9E,UAAU6F,SAAS,a,gCAYS,IAA9CjM,EAA8C,uDAA1C,IAAKrF,EAAqC,uDAAjC,EAAG8D,EAA8B,uDAA1B,EAAGL,EAAuB,uDAAnB,EAAGoR,EAAgB,wDAG5CU,EAASpH,KAAKwE,QAIpB,GAHAxE,KAAKwE,SAAU,EAGXtN,EAAI,GAAKA,EAAI,KAAOrF,EAAI,GAAKA,EAAI,KAAO8D,EAAI,GAAKA,EAAI,KAAOL,EAAI,GAAKA,EAAI,EACzE,OAAO,EAIX0K,KAAKqE,OAASrK,EAAU9C,EAAGrF,EAAG8D,EAAGL,GAZiB,MAelB0K,KAAKiF,YAA9BxD,EAf2C,EAe3CA,IAAKD,EAfsC,EAetCA,QAASE,EAf6B,EAe7BA,QAiBrB,OAhBAD,EAAIzE,OAAQ9F,EAAI,KAChBsK,EAAQxE,OAAO1H,GACfoM,EAAQ1E,OAAOnL,EAAI,IAAK,EAAK8D,EAAI,KAG5B+Q,GACD1G,KAAKqF,aAIL+B,GACApH,KAAKyE,gBAITzE,KAAKwE,QAAU4C,GACR,I,+BAWFC,GAAwB,IAAhBX,EAAgB,wDAG7B,GAAe,OAAXW,EAEA,OADArH,KAAKmF,YAAYuB,IACV,EALkB,MAQN1G,KAAKkH,iBAAiBG,GAAtCzN,EARsB,EAQtBA,OAAQH,EARc,EAQdA,KAGf,GAAIG,EAAQ,CAGR,IAAM0N,EAAQ7N,EAAKwB,cACZ5I,EAAW2N,KAAKkC,MAAMtB,YAAtBvO,QACDuC,EAASvC,EAAQ4Q,KAAK,SAAAtQ,GAAE,OAAIA,EAAGc,aAAa,eAAiB6T,IAGnE,GAAI1S,IAAWA,EAAOkO,OAAQ,4BAC1B,YAAiBzQ,EAAjB,+CAA0B,KAAfM,EAAe,QACtBA,EAAG2K,UAAU3K,IAAOiC,EAAS,MAAQ,UAAU,WAFzB,mFAO9B,OADAoL,KAAK0C,uBAAuB4E,GACrBtH,KAAKoF,QAAL,MAAApF,KAAA,EAAgBpG,GAAhB,QAAwB8M,KAGnC,OAAO,I,6CASYjN,GAMnB,OAHAA,EAAOA,EAAKwB,gBAGH+E,KAAKkC,MAAMtB,YAAYvO,QAC3B4Q,KAAK,SAAAtN,GAAC,OAAIA,EAAElC,aAAa,aAAa8T,WAAW9N,KAAU9D,EAAE6R,Y,+CAQlE,OAAOxH,KAAKyC,kB,iCAOZ,OAAOzC,KAAKqE,S,yCAQZ,OAAOrE,KAAKsE,a,gCAOZ,OAAOtE,KAAKkC,Q,gCAUZ,OAHAlC,KAAKP,OACLO,KAAK3N,QAAQ+N,UAAW,EACxBJ,KAAKkC,MAAMC,OAAO7E,UAAU4F,IAAI,YACzBlD,O,+BASP,OAFAA,KAAK3N,QAAQ+N,UAAW,EACxBJ,KAAKkC,MAAMC,OAAO7E,UAAUmG,OAAO,YAC5BzD,U,gCAKfV,EAAMmI,MAAQ9L,EAGd2D,EAAMoI,KAAO,CACT1N,YACAoB,WACAmC,UACAL,cAIJoC,EAAMlO,OAAS,SAAAiB,GAAO,OAAI,IAAIiN,EAAMjN,IAGpCiN,EAAMqI,QAAU,QACDrI,e","file":"pickr.es5.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Pickr\"] = factory();\n\telse\n\t\troot[\"Pickr\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/**\r\n * Add event(s) to element(s).\r\n * @param elements DOM-Elements\r\n * @param events Event names\r\n * @param fn Callback\r\n * @param options Optional options\r\n * @return Array passed arguments\r\n */\r\nexport const on = eventListener.bind(null, 'addEventListener');\r\n\r\n/**\r\n * Remove event(s) from element(s).\r\n * @param elements DOM-Elements\r\n * @param events Event names\r\n * @param fn Callback\r\n * @param options Optional options\r\n * @return Array passed arguments\r\n */\r\nexport const off = eventListener.bind(null, 'removeEventListener');\r\n\r\nfunction eventListener(method, elements, events, fn, options = {}) {\r\n\r\n // Normalize array\r\n if (elements instanceof HTMLCollection || elements instanceof NodeList) {\r\n elements = Array.from(elements);\r\n } else if (!Array.isArray(elements)) {\r\n elements = [elements];\r\n }\r\n\r\n if (!Array.isArray(events)) {\r\n events = [events];\r\n }\r\n\r\n for (const el of elements) {\r\n for (const ev of events) {\r\n el[method](ev, fn, {capture: false, ...options});\r\n }\r\n }\r\n\r\n return Array.prototype.slice.call(arguments, 1);\r\n}\r\n\r\n/**\r\n * Creates an DOM-Element out of a string (Single element).\r\n * @param html HTML representing a single element\r\n * @returns {Element | null} The element.\r\n */\r\nexport function createElementFromString(html) {\r\n const div = document.createElement('div');\r\n div.innerHTML = html.trim();\r\n return div.firstElementChild;\r\n}\r\n\r\n/**\r\n * Removes an attribute from a HTMLElement and returns the value.\r\n * @param el\r\n * @param name\r\n * @return {string}\r\n */\r\nexport function removeAttribute(el, name) {\r\n const value = el.getAttribute(name);\r\n el.removeAttribute(name);\r\n return value;\r\n}\r\n\r\n/**\r\n * Creates a new html element, every element which has\r\n * a ':ref' attribute will be saved in a object (which will be returned)\r\n * where the value of ':ref' is the object-key and the value the HTMLElement.\r\n *\r\n * It's possible to create a hierarchy if you add a ':obj' attribute. Every\r\n * sibling will be added to the object which will get the name from the 'data-con' attribute.\r\n *\r\n * If you want to create an Array out of multiple elements, you can use the ':arr' attribute,\r\n * the value defines the key and all elements, which has the same parent and the same 'data-arr' attribute,\r\n * would be added to it.\r\n *\r\n * @param str - The HTML String.\r\n */\r\nexport function createFromTemplate(str) {\r\n\r\n // Recursive function to resolve template\r\n function resolve(element, base = {}) {\r\n\r\n // Check key and container attribute\r\n const con = removeAttribute(element, ':obj');\r\n const key = removeAttribute(element, ':ref');\r\n const subtree = con ? (base[con] = {}) : base;\r\n\r\n // Check and save element\r\n key && (base[key] = element);\r\n for (const child of Array.from(element.children)) {\r\n const arr = removeAttribute(child, ':arr');\r\n const sub = resolve(child, arr ? {} : subtree);\r\n\r\n if (arr) {\r\n\r\n // Check if there is already an array and add element\r\n (subtree[arr] || (subtree[arr] = []))\r\n .push(Object.keys(sub).length ? sub : child);\r\n }\r\n }\r\n\r\n return base;\r\n }\r\n\r\n return resolve(createElementFromString(str));\r\n}\r\n\r\n/**\r\n * Polyfill for safari & firefox for the eventPath event property.\r\n * @param evt The event object.\r\n * @return [String] event path.\r\n */\r\nexport function eventPath(evt) {\r\n let path = evt.path || (evt.composedPath && evt.composedPath());\r\n if (path) return path;\r\n\r\n let el = evt.target.parentElement;\r\n path = [evt.target, el];\r\n while (el = el.parentElement) path.push(el);\r\n\r\n path.push(document, window);\r\n return path;\r\n}\r\n\r\n/**\r\n * Resolves a HTMLElement by query.\r\n * @param val\r\n * @returns {null|Document|Element}\r\n */\r\nexport function resolveElement(val) {\r\n if (val instanceof Element) {\r\n return val;\r\n } else if (typeof val === 'string') {\r\n return val.split(/>>/g).reduce((pv, cv, ci, a) => {\r\n pv = pv.querySelector(cv);\r\n return ci < a.length - 1 ? pv.shadowRoot : pv;\r\n }, document);\r\n }\r\n\r\n return null;\r\n}\r\n\r\n/**\r\n * Creates the ability to change numbers in an input field with the scroll-wheel.\r\n * @param el\r\n * @param mapper\r\n */\r\nexport function adjustableInputNumbers(el, mapper = v => v) {\r\n\r\n function handleScroll(e) {\r\n const inc = ([0.001, 0.01, 0.1])[Number(e.shiftKey || e.ctrlKey * 2)] * (e.deltaY < 0 ? 1 : -1);\r\n\r\n let index = 0;\r\n let off = el.selectionStart;\r\n el.value = el.value.replace(/[\\d.]+/g, (v, i) => {\r\n\r\n // Check if number is in cursor range and increase it\r\n if (i <= off && i + v.length >= off) {\r\n off = i;\r\n return mapper(Number(v), inc, index);\r\n }\r\n\r\n index++;\r\n return v;\r\n });\r\n\r\n el.focus();\r\n el.setSelectionRange(off, off);\r\n\r\n // Prevent default and trigger input event\r\n e.preventDefault();\r\n el.dispatchEvent(new Event('input'));\r\n }\r\n\r\n // Bind events\r\n on(el, 'focus', () => on(window, 'wheel', handleScroll, {passive: false}));\r\n on(el, 'blur', () => off(window, 'wheel', handleScroll));\r\n}\r\n","// Shorthands\r\nconst {min, max, floor, round} = Math;\r\n\r\n/**\r\n * Tries to convert a color name to rgb/a hex representation\r\n * @param name\r\n * @returns {string | CanvasGradient | CanvasPattern}\r\n */\r\nfunction standardizeColor(name) {\r\n\r\n // Since invalid color's will be parsed as black, filter them out\r\n if (name.toLowerCase() === 'black') {\r\n return '#000000';\r\n }\r\n\r\n const ctx = document.createElement('canvas').getContext('2d');\r\n ctx.fillStyle = name;\r\n return ctx.fillStyle === '#000000' ? null : ctx.fillStyle;\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to RGB.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {number[]} Array with rgb values.\r\n */\r\nexport function hsvToRgb(h, s, v) {\r\n h = (h / 360) * 6;\r\n s /= 100;\r\n v /= 100;\r\n\r\n const i = floor(h);\r\n\r\n const f = h - i;\r\n const p = v * (1 - s);\r\n const q = v * (1 - f * s);\r\n const t = v * (1 - (1 - f) * s);\r\n\r\n const mod = i % 6;\r\n const r = [v, q, p, p, t, v][mod];\r\n const g = [t, v, v, q, p, p][mod];\r\n const b = [p, p, t, v, v, q][mod];\r\n\r\n return [\r\n r * 255,\r\n g * 255,\r\n b * 255\r\n ];\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to Hex.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {string[]} Hex values\r\n */\r\nexport function hsvToHex(h, s, v) {\r\n return hsvToRgb(h, s, v).map(v =>\r\n round(v).toString(16).padStart(2, '0')\r\n );\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to CMYK.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {number[]} CMYK values\r\n */\r\nexport function hsvToCmyk(h, s, v) {\r\n const rgb = hsvToRgb(h, s, v);\r\n const r = rgb[0] / 255;\r\n const g = rgb[1] / 255;\r\n const b = rgb[2] / 255;\r\n\r\n let k, c, m, y;\r\n\r\n k = min(1 - r, 1 - g, 1 - b);\r\n\r\n c = k === 1 ? 0 : (1 - r - k) / (1 - k);\r\n m = k === 1 ? 0 : (1 - g - k) / (1 - k);\r\n y = k === 1 ? 0 : (1 - b - k) / (1 - k);\r\n\r\n return [\r\n c * 100,\r\n m * 100,\r\n y * 100,\r\n k * 100\r\n ];\r\n}\r\n\r\n/**\r\n * Convert HSV spectrum to HSL.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param v Value\r\n * @returns {number[]} HSL values\r\n */\r\nexport function hsvToHsl(h, s, v) {\r\n s /= 100, v /= 100;\r\n\r\n const l = (2 - s) * v / 2;\r\n\r\n if (l !== 0) {\r\n if (l === 1) {\r\n s = 0;\r\n } else if (l < 0.5) {\r\n s = s * v / (l * 2);\r\n } else {\r\n s = s * v / (2 - l * 2);\r\n }\r\n }\r\n\r\n return [\r\n h,\r\n s * 100,\r\n l * 100\r\n ];\r\n}\r\n\r\n/**\r\n * Convert RGB to HSV.\r\n * @param r Red\r\n * @param g Green\r\n * @param b Blue\r\n * @return {number[]} HSV values.\r\n */\r\nfunction rgbToHsv(r, g, b) {\r\n r /= 255, g /= 255, b /= 255;\r\n\r\n let h, s, v;\r\n const minVal = min(r, g, b);\r\n const maxVal = max(r, g, b);\r\n const delta = maxVal - minVal;\r\n\r\n v = maxVal;\r\n if (delta === 0) {\r\n h = s = 0;\r\n } else {\r\n s = delta / maxVal;\r\n const dr = (((maxVal - r) / 6) + (delta / 2)) / delta;\r\n const dg = (((maxVal - g) / 6) + (delta / 2)) / delta;\r\n const db = (((maxVal - b) / 6) + (delta / 2)) / delta;\r\n\r\n if (r === maxVal) {\r\n h = db - dg;\r\n } else if (g === maxVal) {\r\n h = (1 / 3) + dr - db;\r\n } else if (b === maxVal) {\r\n h = (2 / 3) + dg - dr;\r\n }\r\n\r\n if (h < 0) {\r\n h += 1;\r\n } else if (h > 1) {\r\n h -= 1;\r\n }\r\n }\r\n\r\n return [\r\n h * 360,\r\n s * 100,\r\n v * 100\r\n ];\r\n}\r\n\r\n/**\r\n * Convert CMYK to HSV.\r\n * @param c Cyan\r\n * @param m Magenta\r\n * @param y Yellow\r\n * @param k Key (Black)\r\n * @return {number[]} HSV values.\r\n */\r\nfunction cmykToHsv(c, m, y, k) {\r\n c /= 100;\r\n m /= 100;\r\n y /= 100;\r\n k /= 100;\r\n\r\n const r = (1 - min(1, c * (1 - k) + k)) * 255;\r\n const g = (1 - min(1, m * (1 - k) + k)) * 255;\r\n const b = (1 - min(1, y * (1 - k) + k)) * 255;\r\n\r\n return [...rgbToHsv(r, g, b)];\r\n}\r\n\r\n/**\r\n * Convert HSL to HSV.\r\n * @param h Hue\r\n * @param s Saturation\r\n * @param l Lightness\r\n * @return {number[]} HSV values.\r\n */\r\nfunction hslToHsv(h, s, l) {\r\n s /= 100;\r\n l /= 100;\r\n s *= l < 0.5 ? l : 1 - l;\r\n\r\n const ns = (2 * s / (l + s)) * 100;\r\n const v = (l + s) * 100;\r\n return [h, ns, v];\r\n}\r\n\r\n/**\r\n * Convert HEX to HSV.\r\n * @param hex Hexadecimal string of rgb colors, can have length 3 or 6.\r\n * @return {number[]} HSV values.\r\n */\r\nfunction hexToHsv(hex) {\r\n return rgbToHsv(...hex.match(/.{2}/g).map(v => parseInt(v, 16)));\r\n}\r\n\r\n/**\r\n * Try's to parse a string which represents a color to a HSV array.\r\n * Current supported types are cmyk, rgba, hsla and hexadecimal.\r\n * @param str\r\n * @return {*}\r\n */\r\nexport function parseToHSVA(str) {\r\n\r\n // Check if string is a color-name\r\n str = str.match(/^[a-zA-Z]+$/) ? standardizeColor(str) : str;\r\n\r\n // Regular expressions to match different types of color represention\r\n const regex = {\r\n cmyk: /^cmyk[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)/i,\r\n rgba: /^((rgba)|rgb)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]*?([\\d.]+|$)/i,\r\n hsla: /^((hsla)|hsl)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]*?([\\d.]+|$)/i,\r\n hsva: /^((hsva)|hsv)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]+([\\d.]+)[\\D]*?([\\d.]+|$)/i,\r\n hexa: /^#?(([\\dA-Fa-f]{3,4})|([\\dA-Fa-f]{6})|([\\dA-Fa-f]{8}))$/i\r\n };\r\n\r\n /**\r\n * Takes an Array of any type, convert strings which represents\r\n * a number to a number an anything else to undefined.\r\n * @param array\r\n * @return {*}\r\n */\r\n const numarize = array => array.map(v => /^(|\\d+)\\.\\d+|\\d+$/.test(v) ? Number(v) : undefined);\r\n\r\n let match;\r\n invalid: for (const type in regex) {\r\n\r\n // Check if current scheme passed\r\n if (!(match = regex[type].exec(str)))\r\n continue;\r\n\r\n // match[2] does only contain a truly value if rgba, hsla, or hsla got matched\r\n const alpha = !!match[2];\r\n\r\n // Try to convert\r\n switch (type) {\r\n case 'cmyk': {\r\n const [, c, m, y, k] = numarize(match);\r\n\r\n if (c > 100 || m > 100 || y > 100 || k > 100)\r\n break invalid;\r\n\r\n return {values: cmykToHsv(c, m, y, k), type};\r\n }\r\n case 'rgba': {\r\n const [, , , r, g, b, a] = numarize(match);\r\n\r\n if (r > 255 || g > 255 || b > 255 || a < 0 || a > 1 || (alpha === !a))\r\n break invalid;\r\n\r\n return {values: [...rgbToHsv(r, g, b), a], a, type};\r\n }\r\n case 'hexa': {\r\n let [, hex] = match;\r\n\r\n if (hex.length === 4 || hex.length === 3) {\r\n hex = hex.split('').map(v => v + v).join('');\r\n }\r\n\r\n const raw = hex.substring(0, 6);\r\n let a = hex.substring(6);\r\n\r\n // Convert 0 - 255 to 0 - 1 for opacity\r\n a = a ? (parseInt(a, 16) / 255) : undefined;\r\n\r\n return {values: [...hexToHsv(raw), a], a, type};\r\n }\r\n case 'hsla': {\r\n const [, , , h, s, l, a] = numarize(match);\r\n\r\n if (h > 360 || s > 100 || l > 100 || a < 0 || a > 1 || (alpha === !a))\r\n break invalid;\r\n\r\n return {values: [...hslToHsv(h, s, l), a], a, type};\r\n }\r\n case 'hsva': {\r\n const [, , , h, s, v, a] = numarize(match);\r\n\r\n if (h > 360 || s > 100 || v > 100 || a < 0 || a > 1 || (alpha === !a))\r\n break invalid;\r\n\r\n return {values: [h, s, v, a], a, type};\r\n }\r\n }\r\n }\r\n\r\n return {values: null, type: null};\r\n}\r\n","import {hsvToHsl, hsvToRgb, hsvToCmyk, hsvToHex} from './color';\r\n\r\n/**\r\n * Simple class which holds the properties\r\n * of the color represention model hsla (hue saturation lightness alpha)\r\n */\r\nexport function HSVaColor(h = 0, s = 0, v = 0, a = 1) {\r\n const mapper = (original, next) => (precision = -1) => {\r\n return next(~precision ? original.map(v => Number(v.toFixed(precision))) : original);\r\n };\r\n\r\n const that = {\r\n h, s, v, a,\r\n\r\n toHSVA() {\r\n const hsva = [that.h, that.s, that.v, that.a];\r\n hsva.toString = mapper(hsva, arr => `hsva(${arr[0]}, ${arr[1]}%, ${arr[2]}%, ${that.a})`);\r\n return hsva;\r\n },\r\n\r\n toHSLA() {\r\n const hsla = [...hsvToHsl(that.h, that.s, that.v), that.a];\r\n hsla.toString = mapper(hsla, arr => `hsla(${arr[0]}, ${arr[1]}%, ${arr[2]}%, ${that.a})`);\r\n return hsla;\r\n },\r\n\r\n toRGBA() {\r\n const rgba = [...hsvToRgb(that.h, that.s, that.v), that.a];\r\n rgba.toString = mapper(rgba, arr => `rgba(${arr[0]}, ${arr[1]}, ${arr[2]}, ${that.a})`);\r\n return rgba;\r\n },\r\n\r\n toCMYK() {\r\n const cmyk = hsvToCmyk(that.h, that.s, that.v);\r\n cmyk.toString = mapper(cmyk, arr => `cmyk(${arr[0]}%, ${arr[1]}%, ${arr[2]}%, ${arr[3]}%)`);\r\n return cmyk;\r\n },\r\n\r\n toHEXA() {\r\n const hex = hsvToHex(that.h, that.s, that.v);\r\n\r\n // Check if alpha channel make sense, convert it to 255 number space, convert\r\n // to hex and pad it with zeros if needet.\r\n const alpha = that.a >= 1 ? '' : Number((that.a * 255).toFixed(0))\r\n .toString(16)\r\n .toUpperCase().padStart(2, '0');\r\n\r\n alpha && hex.push(alpha);\r\n hex.toString = () => `#${hex.join('').toUpperCase()}`;\r\n return hex;\r\n },\r\n\r\n clone: () => HSVaColor(that.h, that.s, that.v, that.a)\r\n };\r\n\r\n return that;\r\n}\r\n","import * as _ from '../utils/utils';\n\nconst clamp = v => Math.max(Math.min(v, 1), 0);\nexport default function Moveable(opt) {\n\n const that = {\n\n // Assign default values\n options: Object.assign({\n lock: null,\n onchange: () => 0,\n onstop: () => 0\n }, opt),\n\n _tapstart(evt) {\n _.on(document, ['mouseup', 'touchend', 'touchcancel'], that._tapstop);\n _.on(document, ['mousemove', 'touchmove'], that._tapmove);\n\n // Prevent default touch event\n evt.preventDefault();\n\n // Trigger\n that._tapmove(evt);\n },\n\n _tapmove(evt) {\n const {options: {lock}, cache} = that;\n const {element, wrapper} = options;\n const b = wrapper.getBoundingClientRect();\n\n let x = 0, y = 0;\n if (evt) {\n const touch = evt && evt.touches && evt.touches[0];\n x = evt ? (touch || evt).clientX : 0;\n y = evt ? (touch || evt).clientY : 0;\n\n // Reset to bounds\n if (x < b.left) x = b.left;\n else if (x > b.left + b.width) x = b.left + b.width;\n if (y < b.top) y = b.top;\n else if (y > b.top + b.height) y = b.top + b.height;\n\n // Normalize\n x -= b.left;\n y -= b.top;\n } else if (cache) {\n x = cache.x * b.width;\n y = cache.y * b.height;\n }\n\n if (lock !== 'h') {\n element.style.left = `calc(${x / b.width * 100}% - ${element.offsetWidth / 2}px)`;\n }\n\n if (lock !== 'v') {\n element.style.top = `calc(${y / b.height * 100}% - ${element.offsetHeight / 2}px)`;\n }\n\n that.cache = {x: x / b.width, y: y / b.height};\n const cx = clamp(x / wrapper.offsetWidth);\n const cy = clamp(y / wrapper.offsetHeight);\n\n switch (lock) {\n case 'v':\n return options.onchange(cx);\n case 'h':\n return options.onchange(cy);\n default:\n return options.onchange(cx, cy);\n }\n },\n\n _tapstop() {\n that.options.onstop();\n _.off(document, ['mouseup', 'touchend', 'touchcancel'], that._tapstop);\n _.off(document, ['mousemove', 'touchmove'], that._tapmove);\n },\n\n trigger() {\n that._tapmove();\n },\n\n update(x = 0, y = 0) {\n const {left, top, width, height} = that.options.wrapper.getBoundingClientRect();\n\n if (that.options.lock === 'h') {\n y = x;\n }\n\n that._tapmove({\n clientX: left + width * x,\n clientY: top + height * y\n });\n },\n\n destroy() {\n const {options, _tapstart} = that;\n _.off([options.wrapper, options.element], 'mousedown', _tapstart);\n _.off([options.wrapper, options.element], 'touchstart', _tapstart, {\n passive: false\n });\n }\n };\n\n // Initilize\n const {options, _tapstart} = that;\n _.on([options.wrapper, options.element], 'mousedown', _tapstart);\n _.on([options.wrapper, options.element], 'touchstart', _tapstart, {\n passive: false\n });\n\n return that;\n}\n","import * as _ from '../utils/utils';\r\n\r\nexport default function Selectable(opt = {}) {\r\n opt = Object.assign({\r\n onchange: () => 0,\r\n className: '',\r\n elements: []\r\n }, opt);\r\n\r\n const onTap = _.on(opt.elements, 'click', evt => {\r\n opt.elements.forEach(e =>\r\n e.classList[evt.target === e ? 'add' : 'remove'](opt.className)\r\n );\r\n\r\n opt.onchange(evt);\r\n });\r\n\r\n return {\r\n destroy: () => _.off(...onTap)\r\n };\r\n}\r\n","/**\r\n * Micro positioning-engine\r\n * @param el\r\n * @param reference\r\n * @param pos\r\n * @param padding\r\n * @returns {{update(): void}}\r\n * @constructor\r\n */\r\nexport default function Nanopop({el, reference, padding = 8}) {\r\n const vBehaviour = {start: 'sme', middle: 'mse', end: 'ems'};\r\n const hBehaviour = {top: 'tbrl', right: 'rltb', bottom: 'btrl', left: 'lrbt'};\r\n\r\n const getInfo = ((cache = {}) => (pos, cached = cache[pos]) => {\r\n if (cached) return cached;\r\n const [position, variant = 'middle'] = pos.split('-');\r\n const isVertical = (position === 'top' || position === 'bottom');\r\n\r\n return cache[pos] = {\r\n position,\r\n variant,\r\n isVertical\r\n };\r\n })();\r\n\r\n return {\r\n update(pos) {\r\n const {position, variant, isVertical} = getInfo(pos);\r\n const rb = reference.getBoundingClientRect();\r\n const eb = el.getBoundingClientRect();\r\n\r\n const positions = vertical => vertical ? {\r\n t: rb.top - eb.height - padding,\r\n b: rb.bottom + padding\r\n } : {\r\n r: rb.right + padding,\r\n l: rb.left - eb.width - padding\r\n };\r\n\r\n const variants = vertical => vertical ? {\r\n s: rb.left + rb.width - eb.width,\r\n m: (-eb.width / 2) + (rb.left + rb.width / 2),\r\n e: rb.left\r\n } : {\r\n s: rb.bottom - eb.height,\r\n m: rb.bottom - rb.height / 2 - eb.height / 2,\r\n e: rb.bottom - rb.height\r\n };\r\n\r\n const leastApplied = {};\r\n\r\n function apply(bevs, vars, styleprop) {\r\n const vertical = styleprop === 'top';\r\n const adder = vertical ? eb.height : eb.width;\r\n const win = window[vertical ? 'innerHeight' : 'innerWidth'];\r\n\r\n for (const ch of bevs) {\r\n const v = vars[ch];\r\n const sv = leastApplied[styleprop] = `${v}px`;\r\n\r\n if (v > 0 && (v + adder) < win) {\r\n el.style[styleprop] = sv;\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n for (const rot of [isVertical, !isVertical]) {\r\n const v2Ok = apply(hBehaviour[position], positions(rot), rot ? 'top' : 'left');\r\n const v1Ok = apply(vBehaviour[variant], variants(rot), rot ? 'left' : 'top');\r\n\r\n if (v2Ok && v1Ok) {\r\n return;\r\n }\r\n }\r\n\r\n el.style.left = leastApplied.left;\r\n el.style.top = leastApplied.top;\r\n }\r\n };\r\n}\r\n","// Import utils\nimport * as _ from './utils/utils';\nimport {parseToHSVA} from './utils/color';\n\n// Import classes\nimport {HSVaColor} from './utils/hsvacolor';\nimport Moveable from './libs/moveable';\nimport Selectable from './libs/selectable';\nimport Nanopop from './libs/nanopop';\nimport buildPickr from './template';\n\nclass Pickr {\n\n // Will be used to prevent specific actions during initilization\n _initializingActive = true;\n\n // If the current color value should be recalculated\n _recalc = true;\n\n // Current and last color for comparison\n _color = HSVaColor();\n _lastColor = HSVaColor();\n _swatchColors = [];\n\n // Evenlistener name: [callbacks]\n _eventListener = {\n init: [],\n save: [],\n hide: [],\n show: [],\n clear: [],\n change: [],\n changestop: [],\n cancel: [],\n swatchselect: []\n };\n\n constructor(opt) {\n\n // Assign default values\n this.options = opt = Object.assign({\n appClass: null,\n theme: 'classic',\n useAsButton: false,\n disabled: false,\n comparison: true,\n closeOnScroll: false,\n outputPrecision: 0,\n lockOpacity: false,\n autoReposition: true,\n container: 'body',\n components: {\n interaction: {}\n },\n\n strings: {},\n swatches: null,\n inline: false,\n sliders: null,\n\n default: '#42445a',\n defaultRepresentation: null,\n position: 'bottom-middle',\n adjustableNumbers: true,\n showAlways: false,\n\n closeWithKey: 'Escape'\n }, opt);\n\n const {swatches, components, theme, sliders, lockOpacity} = opt;\n\n if (['nano', 'monolith'].includes(theme) && !sliders) {\n opt.sliders = 'h';\n }\n\n // Check interaction section\n if (!components.interaction) {\n components.interaction = {};\n }\n\n // Overwrite palette if preview, opacity or hue are true\n const {preview, opacity, hue, palette} = components;\n components.opacity = (!lockOpacity && opacity);\n components.palette = palette || preview || opacity || hue;\n\n // Initialize picker\n this._preBuild();\n this._buildComponents();\n this._bindEvents();\n this._finalBuild();\n\n // Append pre-defined swatch colors\n if (swatches && swatches.length) {\n swatches.forEach(color => this.addSwatch(color));\n }\n\n // Initialize positioning engine\n this._nanopop = Nanopop({\n reference: this._root.button,\n el: this._root.app\n });\n\n // Initilization is finish, pickr is visible and ready for usage\n const {app} = this._root;\n const that = this;\n requestAnimationFrame((function cb() {\n\n if (!app.offsetWidth && app.parentElement !== opt.container) {\n return requestAnimationFrame(cb);\n }\n\n // Apply default color\n that.setColor(opt.default);\n that._rePositioningPicker();\n\n // Initialize color representation\n if (opt.defaultRepresentation) {\n that._representation = opt.defaultRepresentation;\n that.setColorRepresentation(that._representation);\n }\n\n // Show pickr if locked\n if (opt.showAlways) {\n that.show();\n }\n\n // Initialization is done - pickr is usable, fire init event\n that._initializingActive = false;\n that._emit('init');\n }));\n }\n\n // Does only the absolutly basic thing to initialize the components\n _preBuild() {\n const opt = this.options;\n\n // Resolve elements\n for (const type of ['el', 'container']) {\n opt[type] = _.resolveElement(opt[type]);\n }\n\n // Create element and append it to body to\n // prevent initialization errors\n this._root = buildPickr(opt);\n\n // Check if a custom button is used\n if (opt.useAsButton) {\n this._root.button = opt.el; // Replace button with customized button\n }\n\n opt.container.appendChild(this._root.root);\n }\n\n _finalBuild() {\n const opt = this.options;\n const root = this._root;\n\n // Remove from body\n opt.container.removeChild(root.root);\n\n if (opt.inline) {\n const parent = opt.el.parentElement;\n\n if (opt.el.nextSibling) {\n parent.insertBefore(root.app, opt.el.nextSibling);\n } else {\n parent.appendChild(root.app);\n }\n } else {\n opt.container.appendChild(root.app);\n }\n\n // Don't replace the the element if a custom button is used\n if (!opt.useAsButton) {\n\n // Replace element with actual color-picker\n opt.el.parentNode.replaceChild(root.root, opt.el);\n } else if (opt.inline) {\n opt.el.remove();\n }\n\n // Check if it should be immediatly disabled\n if (opt.disabled) {\n this.disable();\n }\n\n // Check if color comparison is disabled, if yes - remove transitions so everything keeps smoothly\n if (!opt.comparison) {\n root.button.style.transition = 'none';\n if (!opt.useAsButton) {\n root.preview.lastColor.style.transition = 'none';\n }\n }\n\n this.hide();\n }\n\n _buildComponents() {\n\n // Instance reference\n const inst = this;\n const cs = this.options.components;\n const sliders = (inst.options.sliders || 'v').repeat(2);\n const [so, sh] = sliders.match(/^[vh]+$/g) ? sliders : [];\n\n // Re-assign if null\n const getColor = () =>\n this._color || (this._color = this._lastColor.clone());\n\n const components = {\n\n palette: Moveable({\n element: inst._root.palette.picker,\n wrapper: inst._root.palette.palette,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(x, y) {\n if (!cs.palette) return;\n\n const color = getColor();\n const {_root, options} = inst;\n\n // Update the input field only if the user is currently not typing\n if (inst._recalc) {\n\n // Calculate saturation based on the position\n color.s = x * 100;\n\n // Calculate the value\n color.v = 100 - y * 100;\n\n // Prevent falling under zero\n color.v < 0 ? color.v = 0 : 0;\n inst._updateOutput();\n }\n\n // Set picker and gradient color\n const cssRGBaString = color.toRGBA().toString(0);\n this.element.style.background = cssRGBaString;\n this.wrapper.style.background = `\n linear-gradient(to top, rgba(0, 0, 0, ${color.a}), transparent),\n linear-gradient(to left, hsla(${color.h}, 100%, 50%, ${color.a}), rgba(255, 255, 255, ${color.a}))\n `;\n\n // Check if color is locked\n if (!options.comparison) {\n _root.button.style.color = cssRGBaString;\n } else {\n if (!options.useAsButton && !inst._lastColor) {\n _root.preview.lastColor.style.color = cssRGBaString;\n }\n }\n\n // Check if there's a swatch which color matches the current one\n const hexa = color.toHEXA().toString();\n for (const {el, color} of inst._swatchColors) {\n el.classList[hexa === color.toHEXA().toString() ? 'add' : 'remove']('pcr-active');\n }\n\n // Change current color\n _root.preview.currentColor.style.color = cssRGBaString;\n\n if (!inst.options.comparison) {\n\n // If the user changes the color, remove the cleared icon\n _root.button.classList.remove('clear');\n }\n }\n }),\n\n hue: Moveable({\n lock: sh === 'v' ? 'h' : 'v',\n element: inst._root.hue.picker,\n wrapper: inst._root.hue.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.hue || !cs.palette) return;\n const color = getColor();\n\n // Calculate hue\n if (inst._recalc) {\n color.h = v * 360;\n }\n\n // Update color\n this.element.style.backgroundColor = `hsl(${color.h}, 100%, 50%)`;\n components.palette.trigger();\n }\n }),\n\n opacity: Moveable({\n lock: so === 'v' ? 'h' : 'v',\n element: inst._root.opacity.picker,\n wrapper: inst._root.opacity.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.opacity || !cs.palette) return;\n const color = getColor();\n\n // Calculate opacity\n if (inst._recalc) {\n color.a = Math.round(v * 1e2) / 100;\n }\n\n // Update color\n this.element.style.background = `rgba(0, 0, 0, ${color.a})`;\n components.palette.trigger();\n }\n }),\n\n selectable: Selectable({\n elements: inst._root.interaction.options,\n className: 'active',\n\n onchange(e) {\n inst._representation = e.target.getAttribute('data-type').toUpperCase();\n inst._recalc && inst._updateOutput();\n }\n })\n };\n\n this._components = components;\n }\n\n _bindEvents() {\n const {_root, options} = this;\n\n const eventBindings = [\n\n // Clear color\n _.on(_root.interaction.clear, 'click', () => this._clearColor()),\n\n // Select last color on click\n _.on([\n _root.interaction.cancel,\n _root.preview.lastColor\n ], 'click', () => {\n this._emit('cancel', this);\n this.setHSVA(...(this._lastColor || this._color).toHSVA(), true);\n }),\n\n // Save color\n _.on(_root.interaction.save, 'click', () => {\n !this.applyColor() && !options.showAlways && this.hide();\n }),\n\n _.on(_root.interaction.result, ['keyup', 'input'], e => {\n\n // Fire listener if initialization is finish and changed color was valid\n if (this.setColor(e.target.value, true) && !this._initializingActive) {\n this._emit('change', this._color);\n }\n\n e.stopImmediatePropagation();\n }),\n\n // Detect user input and disable auto-recalculation\n _.on(_root.interaction.result, ['focus', 'blur'], e => {\n this._recalc = e.type === 'blur';\n this._recalc && this._updateOutput();\n }),\n\n // Cancel input detection on color change\n _.on([\n _root.palette.palette,\n _root.palette.picker,\n _root.hue.slider,\n _root.hue.picker,\n _root.opacity.slider,\n _root.opacity.picker\n ], ['mousedown', 'touchstart'], () => this._recalc = true)\n ];\n\n // Provide hiding / showing abilities only if showAlways is false\n if (!options.showAlways) {\n const ck = options.closeWithKey;\n\n eventBindings.push(\n // Save and hide / show picker\n _.on(_root.button, 'click', () => this.isOpen() ? this.hide() : this.show()),\n\n // Close with escape key\n _.on(document, 'keyup', e => this.isOpen() && (e.key === ck || e.code === ck) && this.hide()),\n\n // Cancel selecting if the user taps behind the color picker\n _.on(document, ['touchstart', 'mousedown'], e => {\n if (this.isOpen() && !_.eventPath(e).some(el => el === _root.app || el === _root.button)) {\n this.hide();\n }\n }, {capture: true})\n );\n }\n\n // Make input adjustable if enabled\n if (options.adjustableNumbers) {\n const ranges = {\n rgba: [255, 255, 255, 1],\n hsva: [360, 100, 100, 1],\n hsla: [360, 100, 100, 1],\n cmyk: [100, 100, 100, 100]\n };\n\n _.adjustableInputNumbers(_root.interaction.result, (o, step, index) => {\n const range = ranges[this.getColorRepresentation().toLowerCase()];\n\n if (range) {\n const max = range[index];\n\n // Calculate next reasonable number\n const nv = o + (max >= 100 ? step * 1000 : step);\n\n // Apply range of zero up to max, fix floating-point issues\n return nv <= 0 ? 0 : Number((nv < max ? nv : max).toPrecision(3));\n }\n\n return o;\n });\n }\n\n if (options.autoReposition && !options.inline) {\n let timeout = null;\n const that = this;\n\n // Re-calc position on window resize, scroll and wheel\n eventBindings.push(\n _.on(window, ['scroll', 'resize'], () => {\n if (that.isOpen()) {\n\n if (options.closeOnScroll) {\n that.hide();\n }\n\n if (timeout === null) {\n timeout = setTimeout(() => timeout = null, 100);\n\n // Update position on every frame\n requestAnimationFrame(function rs() {\n that._rePositioningPicker();\n (timeout !== null) && requestAnimationFrame(rs);\n });\n } else {\n clearTimeout(timeout);\n timeout = setTimeout(() => timeout = null, 100);\n }\n }\n }, {capture: true})\n );\n }\n\n // Save bindings\n this._eventBindings = eventBindings;\n }\n\n _rePositioningPicker() {\n const {options} = this;\n\n // No repositioning needed if inline\n if (!options.inline) {\n const {app} = this._root;\n\n if (matchMedia('(max-width: 576px)').matches) {\n Object.assign(app.style, {\n margin: 'auto',\n height: `${app.getBoundingClientRect().height}px`,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n });\n } else {\n Object.assign(app.style, {\n margin: null,\n right: null,\n top: null,\n bottom: null,\n left: null,\n height: null\n });\n\n this._nanopop.update(options.position);\n }\n }\n }\n\n _updateOutput() {\n const {_root, _color, options} = this;\n\n // Check if component is present\n if (_root.interaction.type()) {\n\n // Construct function name and call if present\n const method = `to${_root.interaction.type().getAttribute('data-type')}`;\n _root.interaction.result.value = typeof _color[method] === 'function' ?\n _color[method]().toString(options.outputPrecision) : '';\n }\n\n // Fire listener if initialization is finish\n if (!this._initializingActive && this._recalc) {\n this._emit('change', _color);\n }\n }\n\n _clearColor(silent = false) {\n const {_root, options} = this;\n\n // Change only the button color if it isn't customized\n if (!options.useAsButton) {\n _root.button.style.color = 'rgba(0, 0, 0, 0.15)';\n }\n\n _root.button.classList.add('clear');\n\n if (!options.showAlways) {\n this.hide();\n }\n\n this._lastColor = null;\n if (!this._initializingActive && !silent) {\n\n // Fire listener\n this._emit('save', null);\n this._emit('clear', this);\n }\n }\n\n _parseLocalColor(str) {\n const {values, type, a} = parseToHSVA(str);\n const {lockOpacity} = this.options;\n const alphaMakesAChange = a !== undefined && a !== 1;\n\n // If no opacity is applied, add undefined at the very end which gets\n // set to 1 in setHSVA\n if (values && values.length === 3) {\n values[3] = undefined;\n }\n\n return {\n values: (!values || (lockOpacity && alphaMakesAChange)) ? null : values,\n type\n };\n }\n\n _emit(event, ...args) {\n this._eventListener[event].forEach(cb => cb(...args, this));\n }\n\n on(event, cb) {\n\n // Validate\n if (typeof cb === 'function' && typeof event === 'string' && event in this._eventListener) {\n this._eventListener[event].push(cb);\n }\n\n return this;\n }\n\n off(event, cb) {\n const callBacks = this._eventListener[event];\n\n if (callBacks) {\n const index = callBacks.indexOf(cb);\n\n if (~index) {\n callBacks.splice(index, 1);\n }\n }\n\n return this;\n }\n\n /**\n * Appends a color to the swatch palette\n * @param color\n * @returns {boolean}\n */\n addSwatch(color) {\n const {values} = this._parseLocalColor(color);\n\n if (values) {\n const {_swatchColors, _root} = this;\n const color = HSVaColor(...values);\n\n // Create new swatch HTMLElement\n const el = _.createElementFromString(\n `'}\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n `);\r\n\r\n const int = root.interaction;\r\n\r\n // Select option which is not hidden\r\n int.options.find(o => !o.hidden && !o.classList.add('active'));\r\n\r\n // Create method to find currenlty active option\r\n int.type = () => int.options.find(e => e.classList.contains('active'));\r\n return root;\r\n}\r\n"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/pickr.min.js b/dist/pickr.min.js index 4091a606..61e3f4ee 100644 --- a/dist/pickr.min.js +++ b/dist/pickr.min.js @@ -1,3 +1,3 @@ /*! Pickr 1.3.0 MIT | https://github.com/Simonwep/pickr */ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Pickr=e():t.Pickr=e()}(window,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";n.r(e);var o={};function i(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,o)}return n}function r(t){for(var e=1;e>/g).reduce((t,e,n,o)=>(t=t.querySelector(e),nt)){function n(n){const o=[.001,.01,.1][Number(n.shiftKey||2*n.ctrlKey)]*(n.deltaY<0?1:-1);let i=0,r=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,(t,n)=>n<=r&&n+t.length>=r?(r=n,e(Number(t),o,i)):(i++,t)),t.focus(),t.setSelectionRange(r,r),n.preventDefault(),t.dispatchEvent(new Event("input"))}c(t,"focus",()=>c(window,"wheel",n,{passive:!1})),c(t,"blur",()=>a(window,"wheel",n))}const{min:v,max:b,floor:g,round:y}=Math;function _(t,e,n){e/=100,n/=100;const o=g(t=t/360*6),i=t-o,r=n*(1-e),s=n*(1-i*e),c=n*(1-(1-i)*e),a=o%6;return[255*[n,s,r,r,c,n][a],255*[c,n,n,s,r,r][a],255*[r,r,c,n,n,s][a]]}function w(t,e,n){const o=(2-(e/=100))*(n/=100)/2;return 0!==o&&(e=1===o?0:o<.5?e*n/(2*o):e*n/(2-2*o)),[t,100*e,100*o]}function C(t,e,n){let o,i,r;const s=v(t/=255,e/=255,n/=255),c=b(t,e,n),a=c-s;if(0===a)o=i=0;else{i=a/c;const r=((c-t)/6+a/2)/a,s=((c-e)/6+a/2)/a,l=((c-n)/6+a/2)/a;t===c?o=l-s:e===c?o=1/3+r-l:n===c&&(o=2/3+s-r),o<0?o+=1:o>1&&(o-=1)}return[360*o,100*i,100*(r=c)]}function A(t,e,n,o){return e/=100,n/=100,[...C(255*(1-v(1,(t/=100)*(1-(o/=100))+o)),255*(1-v(1,e*(1-o)+o)),255*(1-v(1,n*(1-o)+o)))]}function k(t,e,n){return e/=100,[t,2*(e*=(n/=100)<.5?n:1-n)/(n+e)*100,100*(n+e)]}function S(t){return C(...t.match(/.{2}/g).map(t=>parseInt(t,16)))}function O(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000000";const e=document.createElement("canvas").getContext("2d");return e.fillStyle=t,"#000000"===e.fillStyle?null:e.fillStyle}(t):t;const e={cmyk:/^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,rgba:/^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsla:/^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsva:/^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},n=t=>t.map(t=>/^(|\d+)\.\d+|\d+$/.test(t)?Number(t):void 0);let o;t:for(const i in e){if(!(o=e[i].exec(t)))continue;const r=!!o[2];switch(i){case"cmyk":{const[,t,e,r,s]=n(o);if(t>100||e>100||r>100||s>100)break t;return{values:A(t,e,r,s),type:i}}case"rgba":{const[,,,t,e,s,c]=n(o);if(t>255||e>255||s>255||c<0||c>1||r===!c)break t;return{values:[...C(t,e,s),c],a:c,type:i}}case"hexa":{let[,t]=o;4!==t.length&&3!==t.length||(t=t.split("").map(t=>t+t).join(""));const e=t.substring(0,6);let n=t.substring(6);return n=n?parseInt(n,16)/255:void 0,{values:[...S(e),n],a:n,type:i}}case"hsla":{const[,,,t,e,s,c]=n(o);if(t>360||e>100||s>100||c<0||c>1||r===!c)break t;return{values:[...k(t,e,s),c],a:c,type:i}}case"hsva":{const[,,,t,e,s,c]=n(o);if(t>360||e>100||s>100||c<0||c>1||r===!c)break t;return{values:[t,e,s,c],a:c,type:i}}}}return{values:null,type:null}}function j(t=0,e=0,n=0,o=1){const i=(t,e)=>(n=-1)=>e(~n?t.map(t=>Number(t.toFixed(n))):t),r={h:t,s:e,v:n,a:o,toHSVA(){const t=[r.h,r.s,r.v,r.a];return t.toString=i(t,t=>"hsva(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(r.a,")")),t},toHSLA(){const t=[...w(r.h,r.s,r.v),r.a];return t.toString=i(t,t=>"hsla(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(r.a,")")),t},toRGBA(){const t=[..._(r.h,r.s,r.v),r.a];return t.toString=i(t,t=>"rgba(".concat(t[0],", ").concat(t[1],", ").concat(t[2],", ").concat(r.a,")")),t},toCMYK(){const t=function(t,e,n){const o=_(t,e,n),i=o[0]/255,r=o[1]/255,s=o[2]/255;let c,a,l,p;return[100*(a=1===(c=v(1-i,1-r,1-s))?0:(1-i-c)/(1-c)),100*(l=1===c?0:(1-r-c)/(1-c)),100*(p=1===c?0:(1-s-c)/(1-c)),100*c]}(r.h,r.s,r.v);return t.toString=i(t,t=>"cmyk(".concat(t[0],"%, ").concat(t[1],"%, ").concat(t[2],"%, ").concat(t[3],"%)")),t},toHEXA(){const t=function(t,e,n){return _(t,e,n).map(t=>y(t).toString(16).padStart(2,"0"))}(r.h,r.s,r.v),e=r.a>=1?"":Number((255*r.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return e&&t.push(e),t.toString=()=>"#".concat(t.join("").toUpperCase()),t},clone:()=>j(r.h,r.s,r.v,r.a)};return r}const E=t=>Math.max(Math.min(t,1),0);function L(t){const e={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},t),_tapstart(t){c(document,["mouseup","touchend","touchcancel"],e._tapstop),c(document,["mousemove","touchmove"],e._tapmove),t.preventDefault(),e._tapmove(t)},_tapmove(t){const{options:{lock:o},cache:i}=e,{element:r,wrapper:s}=n,c=s.getBoundingClientRect();let a=0,l=0;if(t){const e=t&&t.touches&&t.touches[0];a=t?(e||t).clientX:0,l=t?(e||t).clientY:0,ac.left+c.width&&(a=c.left+c.width),lc.top+c.height&&(l=c.top+c.height),a-=c.left,l-=c.top}else i&&(a=i.x*c.width,l=i.y*c.height);"h"!==o&&(r.style.left="calc(".concat(a/c.width*100,"% - ").concat(r.offsetWidth/2,"px)")),"v"!==o&&(r.style.top="calc(".concat(l/c.height*100,"% - ").concat(r.offsetHeight/2,"px)")),e.cache={x:a/c.width,y:l/c.height};const p=E(a/s.offsetWidth),u=E(l/s.offsetHeight);switch(o){case"v":return n.onchange(p);case"h":return n.onchange(u);default:return n.onchange(p,u)}},_tapstop(){e.options.onstop(),a(document,["mouseup","touchend","touchcancel"],e._tapstop),a(document,["mousemove","touchmove"],e._tapmove)},trigger(){e._tapmove()},update(t=0,n=0){const{left:o,top:i,width:r,height:s}=e.options.wrapper.getBoundingClientRect();"h"===e.options.lock&&(n=t),e._tapmove({clientX:o+r*t,clientY:i+s*n})},destroy(){const{options:t,_tapstart:n}=e;a([t.wrapper,t.element],"mousedown",n),a([t.wrapper,t.element],"touchstart",n,{passive:!1})}},{options:n,_tapstart:o}=e;return c([n.wrapper,n.element],"mousedown",o),c([n.wrapper,n.element],"touchstart",o,{passive:!1}),e}function P(t={}){t=Object.assign({onchange:()=>0,className:"",elements:[]},t);const e=c(t.elements,"click",e=>{t.elements.forEach(n=>n.classList[e.target===n?"add":"remove"](t.className)),t.onchange(e)});return{destroy:()=>a(...e)}}function x({el:t,reference:e,padding:n=8}){const o={start:"sme",middle:"mse",end:"ems"},i={top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},r=((t={})=>(e,n=t[e])=>{if(n)return n;const[o,i="middle"]=e.split("-"),r="top"===o||"bottom"===o;return t[e]={position:o,variant:i,isVertical:r}})();return{update(s){const{position:c,variant:a,isVertical:l}=r(s),p=e.getBoundingClientRect(),u=t.getBoundingClientRect(),h=t=>t?{t:p.top-u.height-n,b:p.bottom+n}:{r:p.right+n,l:p.left-u.width-n},d=t=>t?{s:p.left+p.width-u.width,m:-u.width/2+(p.left+p.width/2),e:p.left}:{s:p.bottom-u.height,m:p.bottom-p.height/2-u.height/2,e:p.bottom-p.height},f={};function m(e,n,o){const i="top"===o,r=i?u.height:u.width,s=window[i?"innerHeight":"innerWidth"];for(const i of e){const e=n[i],c=f[o]="".concat(e,"px");if(e>0&&e+r{const c=t=>t?"":'style="display:none" hidden',a=h('\n
\n\n '.concat(n?"":'','\n\n
\n
\n
\n \n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n\n
\n\n
\n \n\n \n \n \n \n \n\n \n \n \n
\n
\n
\n ")),l=a.interaction;return l.options.find(t=>!t.hidden&&!t.classList.add("active")),l.type=()=>l.options.find(t=>t.classList.contains("active")),a};function H(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}class R{constructor(t){H(this,"_initializingActive",!0),H(this,"_recalc",!0),H(this,"_color",j()),H(this,"_lastColor",j()),H(this,"_swatchColors",[]),H(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=t=Object.assign({appClass:null,theme:"classic",useAsButton:!1,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},strings:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"},t);const{swatches:e,components:n,theme:o,sliders:i,lockOpacity:r}=t;["nano","monolith"].includes(o)&&!i&&(t.sliders="h"),n.interaction||(n.interaction={});const{preview:s,opacity:c,hue:a,palette:l}=n;n.opacity=!r&&c,n.palette=l||s||c||a,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),e&&e.length&&e.forEach(t=>this.addSwatch(t)),this._nanopop=x({reference:this._root.button,el:this._root.app});const{app:p}=this._root,u=this;requestAnimationFrame(function e(){if(!p.offsetWidth&&p.parentElement!==t.container)return requestAnimationFrame(e);u.setColor(t.default),u._rePositioningPicker(),t.defaultRepresentation&&(u._representation=t.defaultRepresentation,u.setColorRepresentation(u._representation)),t.showAlways&&u.show(),u._initializingActive=!1,u._emit("init")})}_preBuild(){const t=this.options;for(const e of["el","container"])t[e]=f(t[e]);this._root=B(t),t.useAsButton&&(this._root.button=t.el),t.container.appendChild(this._root.root)}_finalBuild(){const t=this.options,e=this._root;if(t.container.removeChild(e.root),t.inline){const n=t.el.parentElement;t.el.nextSibling?n.insertBefore(e.app,t.el.nextSibling):n.appendChild(e.app)}else t.container.appendChild(e.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(e.root,t.el),t.disabled&&this.disable(),t.comparison||(e.button.style.transition="none",t.useAsButton||(e.preview.lastColor.style.transition="none")),this.hide()}_buildComponents(){const t=this,e=this.options.components,n=(t.options.sliders||"v").repeat(2),[o,i]=n.match(/^[vh]+$/g)?n:[],r=()=>this._color||(this._color=this._lastColor.clone()),s={palette:L({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop",t),onchange(n,o){if(!e.palette)return;const i=r(),{_root:s,options:c}=t;t._recalc&&(i.s=100*n,i.v=100-100*o,i.v<0&&(i.v=0),t._updateOutput());const a=i.toRGBA().toString(0);this.element.style.background=a,this.wrapper.style.background="\n linear-gradient(to top, rgba(0, 0, 0, ".concat(i.a,"), transparent),\n linear-gradient(to left, hsla(").concat(i.h,", 100%, 50%, ").concat(i.a,"), rgba(255, 255, 255, ").concat(i.a,"))\n "),c.comparison||(s.button.style.color=a,c.useAsButton||(s.preview.lastColor.style.color=a));const l=i.toHEXA().toString();for(const e of t._swatchColors){const{el:t,color:n}=e;t.classList[l===n.toHEXA().toString()?"add":"remove"]("pcr-active")}s.preview.currentColor.style.color=a,t.options.comparison||s.button.classList.remove("clear")}}),hue:L({lock:"v"===i?"h":"v",element:t._root.hue.picker,wrapper:t._root.hue.slider,onstop:()=>t._emit("changestop",t),onchange(n){if(!e.hue||!e.palette)return;const o=r();t._recalc&&(o.h=360*n),this.element.style.backgroundColor="hsl(".concat(o.h,", 100%, 50%)"),s.palette.trigger()}}),opacity:L({lock:"v"===o?"h":"v",element:t._root.opacity.picker,wrapper:t._root.opacity.slider,onstop:()=>t._emit("changestop",t),onchange(n){if(!e.opacity||!e.palette)return;const o=r();t._recalc&&(o.a=Math.round(100*n)/100),this.element.style.background="rgba(0, 0, 0, ".concat(o.a,")"),s.palette.trigger()}}),selectable:P({elements:t._root.interaction.options,className:"active",onchange(e){t._representation=e.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput()}})};this._components=s}_bindEvents(){const{_root:t,options:e}=this,n=[c(t.interaction.clear,"click",()=>this._clearColor()),c([t.interaction.cancel,t.preview.lastColor],"click",()=>{this._emit("cancel",this),this.setHSVA(...this._lastColor.toHSVA(),!0)}),c(t.interaction.save,"click",()=>{!this.applyColor()&&!e.showAlways&&this.hide()}),c(t.interaction.result,["keyup","input"],t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&this._emit("change",this._color),t.stopImmediatePropagation()}),c(t.interaction.result,["focus","blur"],t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput()}),c([t.palette.palette,t.palette.picker,t.hue.slider,t.hue.picker,t.opacity.slider,t.opacity.picker],["mousedown","touchstart"],()=>this._recalc=!0)];if(!e.showAlways){const o=e.closeWithKey;n.push(c(t.button,"click",()=>this.isOpen()?this.hide():this.show()),c(document,"keyup",t=>this.isOpen()&&(t.key===o||t.code===o)&&this.hide()),c(document,["touchstart","mousedown"],e=>{this.isOpen()&&!d(e).some(e=>e===t.app||e===t.button)&&this.hide()},{capture:!0}))}if(e.adjustableNumbers){const e={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};m(t.interaction.result,(t,n,o)=>{const i=e[this.getColorRepresentation().toLowerCase()];if(i){const e=i[o],r=t+(e>=100?1e3*n:n);return r<=0?0:Number((r{o.isOpen()&&(e.closeOnScroll&&o.hide(),null===t?(t=setTimeout(()=>t=null,100),requestAnimationFrame(function e(){o._rePositioningPicker(),null!==t&&requestAnimationFrame(e)})):(clearTimeout(t),t=setTimeout(()=>t=null,100)))},{capture:!0}))}this._eventBindings=n}_rePositioningPicker(){const{options:t}=this;if(!t.inline){const{app:e}=this._root;matchMedia("(max-width: 576px)").matches?Object.assign(e.style,{margin:"auto",height:"".concat(e.getBoundingClientRect().height,"px"),top:0,bottom:0,left:0,right:0}):(Object.assign(e.style,{margin:null,right:null,top:null,bottom:null,left:null,height:null}),this._nanopop.update(t.position))}}_updateOutput(){const{_root:t,_color:e,options:n}=this;if(t.interaction.type()){const o="to".concat(t.interaction.type().getAttribute("data-type"));t.interaction.result.value="function"==typeof e[o]?e[o]().toString(n.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",e)}_clearColor(t=!1){const{_root:e,options:n}=this;n.useAsButton||(e.button.style.color="rgba(0, 0, 0, 0.15)"),e.button.classList.add("clear"),n.showAlways||this.hide(),this._color=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear",this))}_parseLocalColor(t){const{values:e,type:n,a:o}=O(t),{lockOpacity:i}=this.options,r=void 0!==o&&1!==o;return e&&3===e.length&&(e[3]=void 0),{values:!e||i&&r?null:e,type:n}}_emit(t,...e){this._eventListener[t].forEach(t=>t(...e,this))}on(t,e){return"function"==typeof e&&"string"==typeof t&&t in this._eventListener&&this._eventListener[t].push(e),this}off(t,e){const n=this._eventListener[t];if(n){const t=n.indexOf(e);~t&&n.splice(t,1)}return this}addSwatch(t){const{values:e}=this._parseLocalColor(t);if(e){const{_swatchColors:t,_root:n}=this,o=j(...e),i=p('','\n\n
\n
\n
\n \n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n\n
\n
\n
\n
\n
\n\n
\n\n
\n \n\n \n \n \n \n \n\n \n \n \n
\n
\n \n ")),l=a.interaction;return l.options.find(t=>!t.hidden&&!t.classList.add("active")),l.type=()=>l.options.find(t=>t.classList.contains("active")),a};function H(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}class R{constructor(t){H(this,"_initializingActive",!0),H(this,"_recalc",!0),H(this,"_color",j()),H(this,"_lastColor",j()),H(this,"_swatchColors",[]),H(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=t=Object.assign({appClass:null,theme:"classic",useAsButton:!1,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},strings:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"},t);const{swatches:e,components:o,theme:n,sliders:i,lockOpacity:r}=t;["nano","monolith"].includes(n)&&!i&&(t.sliders="h"),o.interaction||(o.interaction={});const{preview:s,opacity:c,hue:a,palette:l}=o;o.opacity=!r&&c,o.palette=l||s||c||a,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),e&&e.length&&e.forEach(t=>this.addSwatch(t)),this._nanopop=x({reference:this._root.button,el:this._root.app});const{app:p}=this._root,u=this;requestAnimationFrame(function e(){if(!p.offsetWidth&&p.parentElement!==t.container)return requestAnimationFrame(e);u.setColor(t.default),u._rePositioningPicker(),t.defaultRepresentation&&(u._representation=t.defaultRepresentation,u.setColorRepresentation(u._representation)),t.showAlways&&u.show(),u._initializingActive=!1,u._emit("init")})}_preBuild(){const t=this.options;for(const e of["el","container"])t[e]=f(t[e]);this._root=B(t),t.useAsButton&&(this._root.button=t.el),t.container.appendChild(this._root.root)}_finalBuild(){const t=this.options,e=this._root;if(t.container.removeChild(e.root),t.inline){const o=t.el.parentElement;t.el.nextSibling?o.insertBefore(e.app,t.el.nextSibling):o.appendChild(e.app)}else t.container.appendChild(e.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(e.root,t.el),t.disabled&&this.disable(),t.comparison||(e.button.style.transition="none",t.useAsButton||(e.preview.lastColor.style.transition="none")),this.hide()}_buildComponents(){const t=this,e=this.options.components,o=(t.options.sliders||"v").repeat(2),[n,i]=o.match(/^[vh]+$/g)?o:[],r=()=>this._color||(this._color=this._lastColor.clone()),s={palette:L({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop",t),onchange(o,n){if(!e.palette)return;const i=r(),{_root:s,options:c}=t;t._recalc&&(i.s=100*o,i.v=100-100*n,i.v<0&&(i.v=0),t._updateOutput());const a=i.toRGBA().toString(0);this.element.style.background=a,this.wrapper.style.background="\n linear-gradient(to top, rgba(0, 0, 0, ".concat(i.a,"), transparent),\n linear-gradient(to left, hsla(").concat(i.h,", 100%, 50%, ").concat(i.a,"), rgba(255, 255, 255, ").concat(i.a,"))\n "),c.comparison?c.useAsButton||t._lastColor||(s.preview.lastColor.style.color=a):s.button.style.color=a;const l=i.toHEXA().toString();for(const e of t._swatchColors){const{el:t,color:o}=e;t.classList[l===o.toHEXA().toString()?"add":"remove"]("pcr-active")}s.preview.currentColor.style.color=a,t.options.comparison||s.button.classList.remove("clear")}}),hue:L({lock:"v"===i?"h":"v",element:t._root.hue.picker,wrapper:t._root.hue.slider,onstop:()=>t._emit("changestop",t),onchange(o){if(!e.hue||!e.palette)return;const n=r();t._recalc&&(n.h=360*o),this.element.style.backgroundColor="hsl(".concat(n.h,", 100%, 50%)"),s.palette.trigger()}}),opacity:L({lock:"v"===n?"h":"v",element:t._root.opacity.picker,wrapper:t._root.opacity.slider,onstop:()=>t._emit("changestop",t),onchange(o){if(!e.opacity||!e.palette)return;const n=r();t._recalc&&(n.a=Math.round(100*o)/100),this.element.style.background="rgba(0, 0, 0, ".concat(n.a,")"),s.palette.trigger()}}),selectable:P({elements:t._root.interaction.options,className:"active",onchange(e){t._representation=e.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput()}})};this._components=s}_bindEvents(){const{_root:t,options:e}=this,o=[c(t.interaction.clear,"click",()=>this._clearColor()),c([t.interaction.cancel,t.preview.lastColor],"click",()=>{this._emit("cancel",this),this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0)}),c(t.interaction.save,"click",()=>{!this.applyColor()&&!e.showAlways&&this.hide()}),c(t.interaction.result,["keyup","input"],t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&this._emit("change",this._color),t.stopImmediatePropagation()}),c(t.interaction.result,["focus","blur"],t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput()}),c([t.palette.palette,t.palette.picker,t.hue.slider,t.hue.picker,t.opacity.slider,t.opacity.picker],["mousedown","touchstart"],()=>this._recalc=!0)];if(!e.showAlways){const n=e.closeWithKey;o.push(c(t.button,"click",()=>this.isOpen()?this.hide():this.show()),c(document,"keyup",t=>this.isOpen()&&(t.key===n||t.code===n)&&this.hide()),c(document,["touchstart","mousedown"],e=>{this.isOpen()&&!d(e).some(e=>e===t.app||e===t.button)&&this.hide()},{capture:!0}))}if(e.adjustableNumbers){const e={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};m(t.interaction.result,(t,o,n)=>{const i=e[this.getColorRepresentation().toLowerCase()];if(i){const e=i[n],r=t+(e>=100?1e3*o:o);return r<=0?0:Number((r{n.isOpen()&&(e.closeOnScroll&&n.hide(),null===t?(t=setTimeout(()=>t=null,100),requestAnimationFrame(function e(){n._rePositioningPicker(),null!==t&&requestAnimationFrame(e)})):(clearTimeout(t),t=setTimeout(()=>t=null,100)))},{capture:!0}))}this._eventBindings=o}_rePositioningPicker(){const{options:t}=this;if(!t.inline){const{app:e}=this._root;matchMedia("(max-width: 576px)").matches?Object.assign(e.style,{margin:"auto",height:"".concat(e.getBoundingClientRect().height,"px"),top:0,bottom:0,left:0,right:0}):(Object.assign(e.style,{margin:null,right:null,top:null,bottom:null,left:null,height:null}),this._nanopop.update(t.position))}}_updateOutput(){const{_root:t,_color:e,options:o}=this;if(t.interaction.type()){const n="to".concat(t.interaction.type().getAttribute("data-type"));t.interaction.result.value="function"==typeof e[n]?e[n]().toString(o.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",e)}_clearColor(t=!1){const{_root:e,options:o}=this;o.useAsButton||(e.button.style.color="rgba(0, 0, 0, 0.15)"),e.button.classList.add("clear"),o.showAlways||this.hide(),this._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear",this))}_parseLocalColor(t){const{values:e,type:o,a:n}=O(t),{lockOpacity:i}=this.options,r=void 0!==n&&1!==n;return e&&3===e.length&&(e[3]=void 0),{values:!e||i&&r?null:e,type:o}}_emit(t,...e){this._eventListener[t].forEach(t=>t(...e,this))}on(t,e){return"function"==typeof e&&"string"==typeof t&&t in this._eventListener&&this._eventListener[t].push(e),this}off(t,e){const o=this._eventListener[t];if(o){const t=o.indexOf(e);~t&&o.splice(t,1)}return this}addSwatch(t){const{values:e}=this._parseLocalColor(t);if(e){const{_swatchColors:t,_root:o}=this,n=j(...e),i=p(''}\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n `);\r\n\r\n const int = root.interaction;\r\n\r\n // Select option which is not hidden\r\n int.options.find(o => !o.hidden && !o.classList.add('active'));\r\n\r\n // Create method to find currenlty active option\r\n int.type = () => int.options.find(e => e.classList.contains('active'));\r\n return root;\r\n}\r\n","// Import utils\nimport * as _ from './utils/utils';\nimport {parseToHSVA} from './utils/color';\n\n// Import classes\nimport {HSVaColor} from './utils/hsvacolor';\nimport Moveable from './libs/moveable';\nimport Selectable from './libs/selectable';\nimport Nanopop from './libs/nanopop';\nimport buildPickr from './template';\n\nclass Pickr {\n\n // Will be used to prevent specific actions during initilization\n _initializingActive = true;\n\n // If the current color value should be recalculated\n _recalc = true;\n\n // Current and last color for comparison\n _color = HSVaColor();\n _lastColor = HSVaColor();\n _swatchColors = [];\n\n // Evenlistener name: [callbacks]\n _eventListener = {\n init: [],\n save: [],\n hide: [],\n show: [],\n clear: [],\n change: [],\n changestop: [],\n cancel: [],\n swatchselect: []\n };\n\n constructor(opt) {\n\n // Assign default values\n this.options = opt = Object.assign({\n appClass: null,\n theme: 'classic',\n useAsButton: false,\n disabled: false,\n comparison: true,\n closeOnScroll: false,\n outputPrecision: 0,\n lockOpacity: false,\n autoReposition: true,\n container: 'body',\n components: {\n interaction: {}\n },\n\n strings: {},\n swatches: null,\n inline: false,\n sliders: null,\n\n default: '#42445a',\n defaultRepresentation: null,\n position: 'bottom-middle',\n adjustableNumbers: true,\n showAlways: false,\n\n closeWithKey: 'Escape'\n }, opt);\n\n const {swatches, components, theme, sliders, lockOpacity} = opt;\n\n if (['nano', 'monolith'].includes(theme) && !sliders) {\n opt.sliders = 'h';\n }\n\n // Check interaction section\n if (!components.interaction) {\n components.interaction = {};\n }\n\n // Overwrite palette if preview, opacity or hue are true\n const {preview, opacity, hue, palette} = components;\n components.opacity = (!lockOpacity && opacity);\n components.palette = palette || preview || opacity || hue;\n\n // Initialize picker\n this._preBuild();\n this._buildComponents();\n this._bindEvents();\n this._finalBuild();\n\n // Append pre-defined swatch colors\n if (swatches && swatches.length) {\n swatches.forEach(color => this.addSwatch(color));\n }\n\n // Initialize positioning engine\n this._nanopop = Nanopop({\n reference: this._root.button,\n el: this._root.app\n });\n\n // Initilization is finish, pickr is visible and ready for usage\n const {app} = this._root;\n const that = this;\n requestAnimationFrame((function cb() {\n\n if (!app.offsetWidth && app.parentElement !== opt.container) {\n return requestAnimationFrame(cb);\n }\n\n // Apply default color\n that.setColor(opt.default);\n that._rePositioningPicker();\n\n // Initialize color representation\n if (opt.defaultRepresentation) {\n that._representation = opt.defaultRepresentation;\n that.setColorRepresentation(that._representation);\n }\n\n // Show pickr if locked\n if (opt.showAlways) {\n that.show();\n }\n\n // Initialization is done - pickr is usable, fire init event\n that._initializingActive = false;\n that._emit('init');\n }));\n }\n\n // Does only the absolutly basic thing to initialize the components\n _preBuild() {\n const opt = this.options;\n\n // Resolve elements\n for (const type of ['el', 'container']) {\n opt[type] = _.resolveElement(opt[type]);\n }\n\n // Create element and append it to body to\n // prevent initialization errors\n this._root = buildPickr(opt);\n\n // Check if a custom button is used\n if (opt.useAsButton) {\n this._root.button = opt.el; // Replace button with customized button\n }\n\n opt.container.appendChild(this._root.root);\n }\n\n _finalBuild() {\n const opt = this.options;\n const root = this._root;\n\n // Remove from body\n opt.container.removeChild(root.root);\n\n if (opt.inline) {\n const parent = opt.el.parentElement;\n\n if (opt.el.nextSibling) {\n parent.insertBefore(root.app, opt.el.nextSibling);\n } else {\n parent.appendChild(root.app);\n }\n } else {\n opt.container.appendChild(root.app);\n }\n\n // Don't replace the the element if a custom button is used\n if (!opt.useAsButton) {\n\n // Replace element with actual color-picker\n opt.el.parentNode.replaceChild(root.root, opt.el);\n } else if (opt.inline) {\n opt.el.remove();\n }\n\n // Check if it should be immediatly disabled\n if (opt.disabled) {\n this.disable();\n }\n\n // Check if color comparison is disabled, if yes - remove transitions so everything keeps smoothly\n if (!opt.comparison) {\n root.button.style.transition = 'none';\n if (!opt.useAsButton) {\n root.preview.lastColor.style.transition = 'none';\n }\n }\n\n this.hide();\n }\n\n _buildComponents() {\n\n // Instance reference\n const inst = this;\n const cs = this.options.components;\n const sliders = (inst.options.sliders || 'v').repeat(2);\n const [so, sh] = sliders.match(/^[vh]+$/g) ? sliders : [];\n\n // Re-assign if null\n const getColor = () =>\n this._color || (this._color = this._lastColor.clone());\n\n const components = {\n\n palette: Moveable({\n element: inst._root.palette.picker,\n wrapper: inst._root.palette.palette,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(x, y) {\n if (!cs.palette) return;\n\n const color = getColor();\n const {_root, options} = inst;\n\n // Update the input field only if the user is currently not typing\n if (inst._recalc) {\n\n // Calculate saturation based on the position\n color.s = x * 100;\n\n // Calculate the value\n color.v = 100 - y * 100;\n\n // Prevent falling under zero\n color.v < 0 ? color.v = 0 : 0;\n inst._updateOutput();\n }\n\n // Set picker and gradient color\n const cssRGBaString = color.toRGBA().toString(0);\n this.element.style.background = cssRGBaString;\n this.wrapper.style.background = `\n linear-gradient(to top, rgba(0, 0, 0, ${color.a}), transparent),\n linear-gradient(to left, hsla(${color.h}, 100%, 50%, ${color.a}), rgba(255, 255, 255, ${color.a}))\n `;\n\n // Check if color is locked\n if (!options.comparison) {\n _root.button.style.color = cssRGBaString;\n\n if (!options.useAsButton) {\n _root.preview.lastColor.style.color = cssRGBaString;\n }\n }\n\n // Check if there's a swatch which color matches the current one\n const hexa = color.toHEXA().toString();\n for (const {el, color} of inst._swatchColors) {\n el.classList[hexa === color.toHEXA().toString() ? 'add' : 'remove']('pcr-active');\n }\n\n // Change current color\n _root.preview.currentColor.style.color = cssRGBaString;\n\n if (!inst.options.comparison) {\n\n // If the user changes the color, remove the cleared icon\n _root.button.classList.remove('clear');\n }\n }\n }),\n\n hue: Moveable({\n lock: sh === 'v' ? 'h' : 'v',\n element: inst._root.hue.picker,\n wrapper: inst._root.hue.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.hue || !cs.palette) return;\n const color = getColor();\n\n // Calculate hue\n if (inst._recalc) {\n color.h = v * 360;\n }\n\n // Update color\n this.element.style.backgroundColor = `hsl(${color.h}, 100%, 50%)`;\n components.palette.trigger();\n }\n }),\n\n opacity: Moveable({\n lock: so === 'v' ? 'h' : 'v',\n element: inst._root.opacity.picker,\n wrapper: inst._root.opacity.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.opacity || !cs.palette) return;\n const color = getColor();\n\n // Calculate opacity\n if (inst._recalc) {\n color.a = Math.round(v * 1e2) / 100;\n }\n\n // Update color\n this.element.style.background = `rgba(0, 0, 0, ${color.a})`;\n components.palette.trigger();\n }\n }),\n\n selectable: Selectable({\n elements: inst._root.interaction.options,\n className: 'active',\n\n onchange(e) {\n inst._representation = e.target.getAttribute('data-type').toUpperCase();\n inst._recalc && inst._updateOutput();\n }\n })\n };\n\n this._components = components;\n }\n\n _bindEvents() {\n const {_root, options} = this;\n\n const eventBindings = [\n\n // Clear color\n _.on(_root.interaction.clear, 'click', () => this._clearColor()),\n\n // Select last color on click\n _.on([\n _root.interaction.cancel,\n _root.preview.lastColor\n ], 'click', () => {\n this._emit('cancel', this);\n this.setHSVA(...this._lastColor.toHSVA(), true);\n }),\n\n // Save color\n _.on(_root.interaction.save, 'click', () => {\n !this.applyColor() && !options.showAlways && this.hide();\n }),\n\n _.on(_root.interaction.result, ['keyup', 'input'], e => {\n\n // Fire listener if initialization is finish and changed color was valid\n if (this.setColor(e.target.value, true) && !this._initializingActive) {\n this._emit('change', this._color);\n }\n\n e.stopImmediatePropagation();\n }),\n\n // Detect user input and disable auto-recalculation\n _.on(_root.interaction.result, ['focus', 'blur'], e => {\n this._recalc = e.type === 'blur';\n this._recalc && this._updateOutput();\n }),\n\n // Cancel input detection on color change\n _.on([\n _root.palette.palette,\n _root.palette.picker,\n _root.hue.slider,\n _root.hue.picker,\n _root.opacity.slider,\n _root.opacity.picker\n ], ['mousedown', 'touchstart'], () => this._recalc = true)\n ];\n\n // Provide hiding / showing abilities only if showAlways is false\n if (!options.showAlways) {\n const ck = options.closeWithKey;\n\n eventBindings.push(\n // Save and hide / show picker\n _.on(_root.button, 'click', () => this.isOpen() ? this.hide() : this.show()),\n\n // Close with escape key\n _.on(document, 'keyup', e => this.isOpen() && (e.key === ck || e.code === ck) && this.hide()),\n\n // Cancel selecting if the user taps behind the color picker\n _.on(document, ['touchstart', 'mousedown'], e => {\n if (this.isOpen() && !_.eventPath(e).some(el => el === _root.app || el === _root.button)) {\n this.hide();\n }\n }, {capture: true})\n );\n }\n\n // Make input adjustable if enabled\n if (options.adjustableNumbers) {\n const ranges = {\n rgba: [255, 255, 255, 1],\n hsva: [360, 100, 100, 1],\n hsla: [360, 100, 100, 1],\n cmyk: [100, 100, 100, 100]\n };\n\n _.adjustableInputNumbers(_root.interaction.result, (o, step, index) => {\n const range = ranges[this.getColorRepresentation().toLowerCase()];\n\n if (range) {\n const max = range[index];\n\n // Calculate next reasonable number\n const nv = o + (max >= 100 ? step * 1000 : step);\n\n // Apply range of zero up to max, fix floating-point issues\n return nv <= 0 ? 0 : Number((nv < max ? nv : max).toPrecision(3));\n }\n\n return o;\n });\n }\n\n if (options.autoReposition && !options.inline) {\n let timeout = null;\n const that = this;\n\n // Re-calc position on window resize, scroll and wheel\n eventBindings.push(\n _.on(window, ['scroll', 'resize'], () => {\n if (that.isOpen()) {\n\n if (options.closeOnScroll) {\n that.hide();\n }\n\n if (timeout === null) {\n timeout = setTimeout(() => timeout = null, 100);\n\n // Update position on every frame\n requestAnimationFrame(function rs() {\n that._rePositioningPicker();\n (timeout !== null) && requestAnimationFrame(rs);\n });\n } else {\n clearTimeout(timeout);\n timeout = setTimeout(() => timeout = null, 100);\n }\n }\n }, {capture: true})\n );\n }\n\n // Save bindings\n this._eventBindings = eventBindings;\n }\n\n _rePositioningPicker() {\n const {options} = this;\n\n // No repositioning needed if inline\n if (!options.inline) {\n const {app} = this._root;\n\n if (matchMedia('(max-width: 576px)').matches) {\n Object.assign(app.style, {\n margin: 'auto',\n height: `${app.getBoundingClientRect().height}px`,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n });\n } else {\n Object.assign(app.style, {\n margin: null,\n right: null,\n top: null,\n bottom: null,\n left: null,\n height: null\n });\n\n this._nanopop.update(options.position);\n }\n }\n }\n\n _updateOutput() {\n const {_root, _color, options} = this;\n\n // Check if component is present\n if (_root.interaction.type()) {\n\n // Construct function name and call if present\n const method = `to${_root.interaction.type().getAttribute('data-type')}`;\n _root.interaction.result.value = typeof _color[method] === 'function' ?\n _color[method]().toString(options.outputPrecision) : '';\n }\n\n // Fire listener if initialization is finish\n if (!this._initializingActive && this._recalc) {\n this._emit('change', _color);\n }\n }\n\n _clearColor(silent = false) {\n const {_root, options} = this;\n\n // Change only the button color if it isn't customized\n if (!options.useAsButton) {\n _root.button.style.color = 'rgba(0, 0, 0, 0.15)';\n }\n\n _root.button.classList.add('clear');\n\n if (!options.showAlways) {\n this.hide();\n }\n\n this._color = null;\n if (!this._initializingActive && !silent) {\n\n // Fire listener\n this._emit('save', null);\n this._emit('clear', this);\n }\n }\n\n _parseLocalColor(str) {\n const {values, type, a} = parseToHSVA(str);\n const {lockOpacity} = this.options;\n const alphaMakesAChange = a !== undefined && a !== 1;\n\n // If no opacity is applied, add undefined at the very end which gets\n // set to 1 in setHSVA\n if (values && values.length === 3) {\n values[3] = undefined;\n }\n\n return {\n values: (!values || (lockOpacity && alphaMakesAChange)) ? null : values,\n type\n };\n }\n\n _emit(event, ...args) {\n this._eventListener[event].forEach(cb => cb(...args, this));\n }\n\n on(event, cb) {\n\n // Validate\n if (typeof cb === 'function' && typeof event === 'string' && event in this._eventListener) {\n this._eventListener[event].push(cb);\n }\n\n return this;\n }\n\n off(event, cb) {\n const callBacks = this._eventListener[event];\n\n if (callBacks) {\n const index = callBacks.indexOf(cb);\n\n if (~index) {\n callBacks.splice(index, 1);\n }\n }\n\n return this;\n }\n\n /**\n * Appends a color to the swatch palette\n * @param color\n * @returns {boolean}\n */\n addSwatch(color) {\n const {values} = this._parseLocalColor(color);\n\n if (values) {\n const {_swatchColors, _root} = this;\n const color = HSVaColor(...values);\n\n // Create new swatch HTMLElement\n const el = _.createElementFromString(\n `'}\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n `);\r\n\r\n const int = root.interaction;\r\n\r\n // Select option which is not hidden\r\n int.options.find(o => !o.hidden && !o.classList.add('active'));\r\n\r\n // Create method to find currenlty active option\r\n int.type = () => int.options.find(e => e.classList.contains('active'));\r\n return root;\r\n}\r\n","// Import utils\nimport * as _ from './utils/utils';\nimport {parseToHSVA} from './utils/color';\n\n// Import classes\nimport {HSVaColor} from './utils/hsvacolor';\nimport Moveable from './libs/moveable';\nimport Selectable from './libs/selectable';\nimport Nanopop from './libs/nanopop';\nimport buildPickr from './template';\n\nclass Pickr {\n\n // Will be used to prevent specific actions during initilization\n _initializingActive = true;\n\n // If the current color value should be recalculated\n _recalc = true;\n\n // Current and last color for comparison\n _color = HSVaColor();\n _lastColor = HSVaColor();\n _swatchColors = [];\n\n // Evenlistener name: [callbacks]\n _eventListener = {\n init: [],\n save: [],\n hide: [],\n show: [],\n clear: [],\n change: [],\n changestop: [],\n cancel: [],\n swatchselect: []\n };\n\n constructor(opt) {\n\n // Assign default values\n this.options = opt = Object.assign({\n appClass: null,\n theme: 'classic',\n useAsButton: false,\n disabled: false,\n comparison: true,\n closeOnScroll: false,\n outputPrecision: 0,\n lockOpacity: false,\n autoReposition: true,\n container: 'body',\n components: {\n interaction: {}\n },\n\n strings: {},\n swatches: null,\n inline: false,\n sliders: null,\n\n default: '#42445a',\n defaultRepresentation: null,\n position: 'bottom-middle',\n adjustableNumbers: true,\n showAlways: false,\n\n closeWithKey: 'Escape'\n }, opt);\n\n const {swatches, components, theme, sliders, lockOpacity} = opt;\n\n if (['nano', 'monolith'].includes(theme) && !sliders) {\n opt.sliders = 'h';\n }\n\n // Check interaction section\n if (!components.interaction) {\n components.interaction = {};\n }\n\n // Overwrite palette if preview, opacity or hue are true\n const {preview, opacity, hue, palette} = components;\n components.opacity = (!lockOpacity && opacity);\n components.palette = palette || preview || opacity || hue;\n\n // Initialize picker\n this._preBuild();\n this._buildComponents();\n this._bindEvents();\n this._finalBuild();\n\n // Append pre-defined swatch colors\n if (swatches && swatches.length) {\n swatches.forEach(color => this.addSwatch(color));\n }\n\n // Initialize positioning engine\n this._nanopop = Nanopop({\n reference: this._root.button,\n el: this._root.app\n });\n\n // Initilization is finish, pickr is visible and ready for usage\n const {app} = this._root;\n const that = this;\n requestAnimationFrame((function cb() {\n\n if (!app.offsetWidth && app.parentElement !== opt.container) {\n return requestAnimationFrame(cb);\n }\n\n // Apply default color\n that.setColor(opt.default);\n that._rePositioningPicker();\n\n // Initialize color representation\n if (opt.defaultRepresentation) {\n that._representation = opt.defaultRepresentation;\n that.setColorRepresentation(that._representation);\n }\n\n // Show pickr if locked\n if (opt.showAlways) {\n that.show();\n }\n\n // Initialization is done - pickr is usable, fire init event\n that._initializingActive = false;\n that._emit('init');\n }));\n }\n\n // Does only the absolutly basic thing to initialize the components\n _preBuild() {\n const opt = this.options;\n\n // Resolve elements\n for (const type of ['el', 'container']) {\n opt[type] = _.resolveElement(opt[type]);\n }\n\n // Create element and append it to body to\n // prevent initialization errors\n this._root = buildPickr(opt);\n\n // Check if a custom button is used\n if (opt.useAsButton) {\n this._root.button = opt.el; // Replace button with customized button\n }\n\n opt.container.appendChild(this._root.root);\n }\n\n _finalBuild() {\n const opt = this.options;\n const root = this._root;\n\n // Remove from body\n opt.container.removeChild(root.root);\n\n if (opt.inline) {\n const parent = opt.el.parentElement;\n\n if (opt.el.nextSibling) {\n parent.insertBefore(root.app, opt.el.nextSibling);\n } else {\n parent.appendChild(root.app);\n }\n } else {\n opt.container.appendChild(root.app);\n }\n\n // Don't replace the the element if a custom button is used\n if (!opt.useAsButton) {\n\n // Replace element with actual color-picker\n opt.el.parentNode.replaceChild(root.root, opt.el);\n } else if (opt.inline) {\n opt.el.remove();\n }\n\n // Check if it should be immediatly disabled\n if (opt.disabled) {\n this.disable();\n }\n\n // Check if color comparison is disabled, if yes - remove transitions so everything keeps smoothly\n if (!opt.comparison) {\n root.button.style.transition = 'none';\n if (!opt.useAsButton) {\n root.preview.lastColor.style.transition = 'none';\n }\n }\n\n this.hide();\n }\n\n _buildComponents() {\n\n // Instance reference\n const inst = this;\n const cs = this.options.components;\n const sliders = (inst.options.sliders || 'v').repeat(2);\n const [so, sh] = sliders.match(/^[vh]+$/g) ? sliders : [];\n\n // Re-assign if null\n const getColor = () =>\n this._color || (this._color = this._lastColor.clone());\n\n const components = {\n\n palette: Moveable({\n element: inst._root.palette.picker,\n wrapper: inst._root.palette.palette,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(x, y) {\n if (!cs.palette) return;\n\n const color = getColor();\n const {_root, options} = inst;\n\n // Update the input field only if the user is currently not typing\n if (inst._recalc) {\n\n // Calculate saturation based on the position\n color.s = x * 100;\n\n // Calculate the value\n color.v = 100 - y * 100;\n\n // Prevent falling under zero\n color.v < 0 ? color.v = 0 : 0;\n inst._updateOutput();\n }\n\n // Set picker and gradient color\n const cssRGBaString = color.toRGBA().toString(0);\n this.element.style.background = cssRGBaString;\n this.wrapper.style.background = `\n linear-gradient(to top, rgba(0, 0, 0, ${color.a}), transparent),\n linear-gradient(to left, hsla(${color.h}, 100%, 50%, ${color.a}), rgba(255, 255, 255, ${color.a}))\n `;\n\n // Check if color is locked\n if (!options.comparison) {\n _root.button.style.color = cssRGBaString;\n } else {\n if (!options.useAsButton && !inst._lastColor) {\n _root.preview.lastColor.style.color = cssRGBaString;\n }\n }\n\n // Check if there's a swatch which color matches the current one\n const hexa = color.toHEXA().toString();\n for (const {el, color} of inst._swatchColors) {\n el.classList[hexa === color.toHEXA().toString() ? 'add' : 'remove']('pcr-active');\n }\n\n // Change current color\n _root.preview.currentColor.style.color = cssRGBaString;\n\n if (!inst.options.comparison) {\n\n // If the user changes the color, remove the cleared icon\n _root.button.classList.remove('clear');\n }\n }\n }),\n\n hue: Moveable({\n lock: sh === 'v' ? 'h' : 'v',\n element: inst._root.hue.picker,\n wrapper: inst._root.hue.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.hue || !cs.palette) return;\n const color = getColor();\n\n // Calculate hue\n if (inst._recalc) {\n color.h = v * 360;\n }\n\n // Update color\n this.element.style.backgroundColor = `hsl(${color.h}, 100%, 50%)`;\n components.palette.trigger();\n }\n }),\n\n opacity: Moveable({\n lock: so === 'v' ? 'h' : 'v',\n element: inst._root.opacity.picker,\n wrapper: inst._root.opacity.slider,\n\n onstop: () => inst._emit('changestop', inst),\n onchange(v) {\n if (!cs.opacity || !cs.palette) return;\n const color = getColor();\n\n // Calculate opacity\n if (inst._recalc) {\n color.a = Math.round(v * 1e2) / 100;\n }\n\n // Update color\n this.element.style.background = `rgba(0, 0, 0, ${color.a})`;\n components.palette.trigger();\n }\n }),\n\n selectable: Selectable({\n elements: inst._root.interaction.options,\n className: 'active',\n\n onchange(e) {\n inst._representation = e.target.getAttribute('data-type').toUpperCase();\n inst._recalc && inst._updateOutput();\n }\n })\n };\n\n this._components = components;\n }\n\n _bindEvents() {\n const {_root, options} = this;\n\n const eventBindings = [\n\n // Clear color\n _.on(_root.interaction.clear, 'click', () => this._clearColor()),\n\n // Select last color on click\n _.on([\n _root.interaction.cancel,\n _root.preview.lastColor\n ], 'click', () => {\n this._emit('cancel', this);\n this.setHSVA(...(this._lastColor || this._color).toHSVA(), true);\n }),\n\n // Save color\n _.on(_root.interaction.save, 'click', () => {\n !this.applyColor() && !options.showAlways && this.hide();\n }),\n\n _.on(_root.interaction.result, ['keyup', 'input'], e => {\n\n // Fire listener if initialization is finish and changed color was valid\n if (this.setColor(e.target.value, true) && !this._initializingActive) {\n this._emit('change', this._color);\n }\n\n e.stopImmediatePropagation();\n }),\n\n // Detect user input and disable auto-recalculation\n _.on(_root.interaction.result, ['focus', 'blur'], e => {\n this._recalc = e.type === 'blur';\n this._recalc && this._updateOutput();\n }),\n\n // Cancel input detection on color change\n _.on([\n _root.palette.palette,\n _root.palette.picker,\n _root.hue.slider,\n _root.hue.picker,\n _root.opacity.slider,\n _root.opacity.picker\n ], ['mousedown', 'touchstart'], () => this._recalc = true)\n ];\n\n // Provide hiding / showing abilities only if showAlways is false\n if (!options.showAlways) {\n const ck = options.closeWithKey;\n\n eventBindings.push(\n // Save and hide / show picker\n _.on(_root.button, 'click', () => this.isOpen() ? this.hide() : this.show()),\n\n // Close with escape key\n _.on(document, 'keyup', e => this.isOpen() && (e.key === ck || e.code === ck) && this.hide()),\n\n // Cancel selecting if the user taps behind the color picker\n _.on(document, ['touchstart', 'mousedown'], e => {\n if (this.isOpen() && !_.eventPath(e).some(el => el === _root.app || el === _root.button)) {\n this.hide();\n }\n }, {capture: true})\n );\n }\n\n // Make input adjustable if enabled\n if (options.adjustableNumbers) {\n const ranges = {\n rgba: [255, 255, 255, 1],\n hsva: [360, 100, 100, 1],\n hsla: [360, 100, 100, 1],\n cmyk: [100, 100, 100, 100]\n };\n\n _.adjustableInputNumbers(_root.interaction.result, (o, step, index) => {\n const range = ranges[this.getColorRepresentation().toLowerCase()];\n\n if (range) {\n const max = range[index];\n\n // Calculate next reasonable number\n const nv = o + (max >= 100 ? step * 1000 : step);\n\n // Apply range of zero up to max, fix floating-point issues\n return nv <= 0 ? 0 : Number((nv < max ? nv : max).toPrecision(3));\n }\n\n return o;\n });\n }\n\n if (options.autoReposition && !options.inline) {\n let timeout = null;\n const that = this;\n\n // Re-calc position on window resize, scroll and wheel\n eventBindings.push(\n _.on(window, ['scroll', 'resize'], () => {\n if (that.isOpen()) {\n\n if (options.closeOnScroll) {\n that.hide();\n }\n\n if (timeout === null) {\n timeout = setTimeout(() => timeout = null, 100);\n\n // Update position on every frame\n requestAnimationFrame(function rs() {\n that._rePositioningPicker();\n (timeout !== null) && requestAnimationFrame(rs);\n });\n } else {\n clearTimeout(timeout);\n timeout = setTimeout(() => timeout = null, 100);\n }\n }\n }, {capture: true})\n );\n }\n\n // Save bindings\n this._eventBindings = eventBindings;\n }\n\n _rePositioningPicker() {\n const {options} = this;\n\n // No repositioning needed if inline\n if (!options.inline) {\n const {app} = this._root;\n\n if (matchMedia('(max-width: 576px)').matches) {\n Object.assign(app.style, {\n margin: 'auto',\n height: `${app.getBoundingClientRect().height}px`,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n });\n } else {\n Object.assign(app.style, {\n margin: null,\n right: null,\n top: null,\n bottom: null,\n left: null,\n height: null\n });\n\n this._nanopop.update(options.position);\n }\n }\n }\n\n _updateOutput() {\n const {_root, _color, options} = this;\n\n // Check if component is present\n if (_root.interaction.type()) {\n\n // Construct function name and call if present\n const method = `to${_root.interaction.type().getAttribute('data-type')}`;\n _root.interaction.result.value = typeof _color[method] === 'function' ?\n _color[method]().toString(options.outputPrecision) : '';\n }\n\n // Fire listener if initialization is finish\n if (!this._initializingActive && this._recalc) {\n this._emit('change', _color);\n }\n }\n\n _clearColor(silent = false) {\n const {_root, options} = this;\n\n // Change only the button color if it isn't customized\n if (!options.useAsButton) {\n _root.button.style.color = 'rgba(0, 0, 0, 0.15)';\n }\n\n _root.button.classList.add('clear');\n\n if (!options.showAlways) {\n this.hide();\n }\n\n this._lastColor = null;\n if (!this._initializingActive && !silent) {\n\n // Fire listener\n this._emit('save', null);\n this._emit('clear', this);\n }\n }\n\n _parseLocalColor(str) {\n const {values, type, a} = parseToHSVA(str);\n const {lockOpacity} = this.options;\n const alphaMakesAChange = a !== undefined && a !== 1;\n\n // If no opacity is applied, add undefined at the very end which gets\n // set to 1 in setHSVA\n if (values && values.length === 3) {\n values[3] = undefined;\n }\n\n return {\n values: (!values || (lockOpacity && alphaMakesAChange)) ? null : values,\n type\n };\n }\n\n _emit(event, ...args) {\n this._eventListener[event].forEach(cb => cb(...args, this));\n }\n\n on(event, cb) {\n\n // Validate\n if (typeof cb === 'function' && typeof event === 'string' && event in this._eventListener) {\n this._eventListener[event].push(cb);\n }\n\n return this;\n }\n\n off(event, cb) {\n const callBacks = this._eventListener[event];\n\n if (callBacks) {\n const index = callBacks.indexOf(cb);\n\n if (~index) {\n callBacks.splice(index, 1);\n }\n }\n\n return this;\n }\n\n /**\n * Appends a color to the swatch palette\n * @param color\n * @returns {boolean}\n */\n addSwatch(color) {\n const {values} = this._parseLocalColor(color);\n\n if (values) {\n const {_swatchColors, _root} = this;\n const color = HSVaColor(...values);\n\n // Create new swatch HTMLElement\n const el = _.createElementFromString(\n `