!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}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=5)}([function(t,e,n){var r,o,i={},a=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),s=function(t,e){return e?e.querySelector(t):document.querySelector(t)},c=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var r=s.call(this,t,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}}(),l=null,u=0,f=[],p=n(2);function d(t,e){for(var n=0;n=0&&f.splice(e,1)}function g(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var r=function(){0;return n.nc}();r&&(t.attrs.nonce=r)}return y(e,t.attrs),h(t,e),e}function y(t,e){Object.keys(e).forEach((function(n){t.setAttribute(n,e[n])}))}function _(t,e){var n,r,o,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=u++;n=l||(l=g(e)),r=$.bind(null,n,a,!1),o=$.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",y(e,t.attrs),h(t,e),e}(e),r=k.bind(null,n,e),o=function(){m(n),n.href&&URL.revokeObjectURL(n.href)}):(n=g(e),r=C.bind(null,n),o=function(){m(n)});return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=v(t,e);return d(n,e),function(t){for(var r=[],o=0;o>/g).reduce((t,e,n,r)=>(t=t.querySelector(e),nt)){function n(n){const r=[.001,.01,.1][Number(n.shiftKey||2*n.ctrlKey)]*(n.deltaY<0?1:-1);let o=0,i=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,(t,n)=>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"))}s(t,"focus",()=>s(window,"wheel",n,{passive:!1})),s(t,"blur",()=>c(window,"wheel",n))}var m=n(0);const{min:g,max:y,floor:_,round:b}=Math;function w(t,e,n){e/=100,n/=100;const r=_(t=t/360*6),o=t-r,i=n*(1-e),a=n*(1-o*e),s=n*(1-(1-o)*e),c=r%6;return[255*[n,a,i,i,s,n][c],255*[s,n,n,a,i,i][c],255*[i,i,s,n,n,a][c]]}function $(t,e,n){const 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]}function C(t,e,n){let r,o,i;const a=g(t/=255,e/=255,n/=255),s=y(t,e,n),c=s-a;if(0===c)r=o=0;else{o=c/s;const i=((s-t)/6+c/2)/c,a=((s-e)/6+c/2)/c,l=((s-n)/6+c/2)/c;t===s?r=l-a:e===s?r=1/3+i-l:n===s&&(r=2/3+a-i),r<0?r+=1:r>1&&(r-=1)}return[360*r,100*o,100*(i=s)]}function k(t,e,n,r){return e/=100,n/=100,[...C(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 x(t,e,n){return e/=100,[t,2*(e*=(n/=100)<.5?n:1-n)/(n+e)*100,100*(n+e)]}function A(t){return C(...t.match(/.{2}/g).map(t=>parseInt(t,16)))}function O(t=0,e=0,n=0,r=1){const o=(t,e)=>(n=-1)=>e(~n?t.map(t=>Number(t.toFixed(n))):t),i={h:t,s:e,v:n,a:r,toHSVA(){const t=[i.h,i.s,i.v,i.a];return t.toString=o(t,t=>"hsva(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(i.a,")")),t},toHSLA(){const t=[...$(i.h,i.s,i.v),i.a];return t.toString=o(t,t=>"hsla(".concat(t[0],", ").concat(t[1],"%, ").concat(t[2],"%, ").concat(i.a,")")),t},toRGBA(){const t=[...w(i.h,i.s,i.v),i.a];return t.toString=o(t,t=>"rgba(".concat(t[0],", ").concat(t[1],", ").concat(t[2],", ").concat(i.a,")")),t},toCMYK(){const t=function(t,e,n){const r=w(t,e,n),o=r[0]/255,i=r[1]/255,a=r[2]/255;let s,c,l,u;return[100*(c=1===(s=g(1-o,1-i,1-a))?0:(1-o-s)/(1-s)),100*(l=1===s?0:(1-i-s)/(1-s)),100*(u=1===s?0:(1-a-s)/(1-s)),100*s]}(i.h,i.s,i.v);return t.toString=o(t,t=>"cmyk(".concat(t[0],"%, ").concat(t[1],"%, ").concat(t[2],"%, ").concat(t[3],"%)")),t},toHEXA(){const t=function(t,e,n){return w(t,e,n).map(t=>b(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=()=>"#".concat(t.join("").toUpperCase()),t},clone:()=>O(i.h,i.s,i.v,i.a)};return i}const S=t=>Math.max(Math.min(t,1),0);function T(t){const e={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},t),_keyboard(t){const{type:r,key:o}=t;if(document.activeElement===n.wrapper){const{lock:n}=e.options,i="ArrowUp"===o,a="ArrowRight"===o,s="ArrowDown"===o,c="ArrowLeft"===o;if("keydown"===r&&(i||a||s||c)){let t=0,r=0;"v"===n?t=i||a?1:-1:"h"===n?t=i||a?-1:1:(r=i?-1:s?1:0,t=c?-1:a?1:0),e.update(S(e.cache.x+.01*t),S(e.cache.y+.01*r))}else o.startsWith("Arrow")&&(e.options.onstop(),t.preventDefault())}},_tapstart(t){s(document,["mouseup","touchend","touchcancel"],e._tapstop),s(document,["mousemove","touchmove"],e._tapmove),t.preventDefault(),e._tapmove(t)},_tapmove(t){const{options:{lock:r},cache:o}=e,{element:i,wrapper:a}=n,s=a.getBoundingClientRect();let c=0,l=0;if(t){const e=t&&t.touches&&t.touches[0];c=t?(e||t).clientX:0,l=t?(e||t).clientY:0,cs.left+s.width&&(c=s.left+s.width),ls.top+s.height&&(l=s.top+s.height),c-=s.left,l-=s.top}else o&&(c=o.x*s.width,l=o.y*s.height);"h"!==r&&(i.style.left="calc(".concat(c/s.width*100,"% - ").concat(i.offsetWidth/2,"px)")),"v"!==r&&(i.style.top="calc(".concat(l/s.height*100,"% - ").concat(i.offsetHeight/2,"px)")),e.cache={x:c/s.width,y:l/s.height};const u=S(c/a.offsetWidth),f=S(l/a.offsetHeight);switch(r){case"v":return n.onchange(u);case"h":return n.onchange(f);default:return n.onchange(u,f)}},_tapstop(){e.options.onstop(),c(document,["mouseup","touchend","touchcancel"],e._tapstop),c(document,["mousemove","touchmove"],e._tapmove)},trigger(){e._tapmove()},update(t=0,n=0){const{left:r,top:o,width:i,height:a}=e.options.wrapper.getBoundingClientRect();"h"===e.options.lock&&(n=t),e._tapmove({clientX:r+i*t,clientY:o+a*n})},destroy(){const{options:t,_tapstart:n}=e;c([t.wrapper,t.element],"mousedown",n),c([t.wrapper,t.element],"touchstart",n,{passive:!1})}},{options:n,_tapstart:r,_keyboard:o}=e;return s([n.wrapper,n.element],"mousedown",r),s([n.wrapper,n.element],"touchstart",r,{passive:!1}),s(document,["keydown","keyup"],o),e}function E(t={}){t=Object.assign({onchange:()=>0,className:"",elements:[]},t);const e=s(t.elements,"click",e=>{t.elements.forEach(n=>n.classList[e.target===n?"add":"remove"](t.className)),t.onchange(e)});return{destroy:()=>c(...e)}}function j({el:t,reference:e,padding:n=8}){const r={start:"sme",middle:"mse",end:"ems"},o={top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},i=((t={})=>(e,n=t[e])=>{if(n)return n;const[r,o="middle"]=e.split("-"),i="top"===r||"bottom"===r;return t[e]={position:r,variant:o,isVertical:i}})();return{update(a){const{position:s,variant:c,isVertical:l}=i(a),u=e.getBoundingClientRect(),f=t.getBoundingClientRect(),p=t=>t?{t:u.top-f.height-n,b:u.bottom+n}:{r:u.right+n,l:u.left-f.width-n},d=t=>t?{s:u.left+u.width-f.width,m:-f.width/2+(u.left+u.width/2),e:u.left}:{s:u.bottom-f.height,m:u.bottom-u.height/2-f.height/2,e:u.bottom-u.height},v={};function h(e,n,r){const o="top"===r,i=o?f.height:f.width,a=window[o?"innerHeight":"innerWidth"];for(const o of e){const e=n[o],s=v[r]="".concat(e,"px");if(e>0&&e+i{const s=t=>t?"":'style="display:none" hidden',c=p('\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=c.interaction;return l.options.find(t=>!t.hidden&&!t.classList.add("active")),l.type=()=>l.options.find(t=>t.classList.contains("active")),c};function P(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}class N{constructor(t){P(this,"_initializingActive",!0),P(this,"_recalc",!0),P(this,"_color",O()),P(this,"_lastColor",O()),P(this,"_swatchColors",[]),P(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=t=Object.assign({appClass:null,theme:"classic",useAsButton:!1,padding:8,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:r,sliders:o,lockOpacity:i,padding:a}=t;["nano","monolith"].includes(r)&&!o&&(t.sliders="h"),n.interaction||(n.interaction={});const{preview:s,opacity:c,hue:l,palette:u}=n;n.opacity=!i&&c,n.palette=u||s||c||l,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),e&&e.length&&e.forEach(t=>this.addSwatch(t));const{button:f,app:p}=this._root;this._nanopop=j({reference:f,padding:a,el:p}),f.setAttribute("role","button"),f.setAttribute("aria-label","toggle color picker dialog");const d=this;requestAnimationFrame((function e(){if(!p.offsetWidth&&p.parentElement!==t.container)return requestAnimationFrame(e);d.setColor(t.default),d._rePositioningPicker(),t.defaultRepresentation&&(d._representation=t.defaultRepresentation,d.setColorRepresentation(d._representation)),t.showAlways&&d.show(),d._initializingActive=!1,d._emit("init")}))}_preBuild(){const t=this.options;for(const e of["el","container"])t[e]=v(t[e]);this._root=L(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),[r,o]=n.match(/^[vh]+$/g)?n:[],i=()=>this._color||(this._color=this._lastColor.clone()),a={palette:T({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop",t),onchange(n,r){if(!e.palette)return;const o=i(),{_root:a,options:s}=t;t._recalc&&(o.s=100*n,o.v=100-100*r,o.v<0&&(o.v=0),t._updateOutput());const c=o.toRGBA().toString(0);this.element.style.background=c,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 "),s.comparison?s.useAsButton||t._lastColor||(a.preview.lastColor.style.color=c):a.button.style.color=c;const l=o.toHEXA().toString();for(const e of t._swatchColors){const{el:t,color:n}=e;t.classList[l===n.toHEXA().toString()?"add":"remove"]("pcr-active")}a.preview.currentColor.style.color=c,t.options.comparison||a.button.classList.remove("clear")}}),hue:T({lock:"v"===o?"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 r=i();t._recalc&&(r.h=360*n),this.element.style.backgroundColor="hsl(".concat(r.h,", 100%, 50%)"),a.palette.trigger()}}),opacity:T({lock:"v"===r?"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 r=i();t._recalc&&(r.a=Math.round(100*n)/100),this.element.style.background="rgba(0, 0, 0, ".concat(r.a,")"),a.palette.trigger()}}),selectable:E({elements:t._root.interaction.options,className:"active",onchange(e){t._representation=e.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput()}})};this._components=a}_bindEvents(){const{_root:t,options:e}=this,n=[s(t.interaction.clear,"click",()=>this._clearColor()),s([t.interaction.cancel,t.preview.lastColor],"click",()=>{this._emit("cancel",this),this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0)}),s(t.interaction.save,"click",()=>{!this.applyColor()&&!e.showAlways&&this.hide()}),s(t.interaction.result,["keyup","input"],t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&this._emit("change",this._color),t.stopImmediatePropagation()}),s(t.interaction.result,["focus","blur"],t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput()}),s([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 r=e.closeWithKey;n.push(s(t.button,"click",()=>this.isOpen()?this.hide():this.show()),s(document,"keyup",t=>this.isOpen()&&(t.key===r||t.code===r)&&this.hide()),s(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]};h(t.interaction.result,(t,n,r)=>{const o=e[this.getColorRepresentation().toLowerCase()];if(o){const e=o[r],i=t+(e>=100?1e3*n:n);return i<=0?0:Number((i{r.isOpen()&&(e.closeOnScroll&&r.hide(),null===t?(t=setTimeout(()=>t=null,100),requestAnimationFrame((function e(){r._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 r="to".concat(t.interaction.type().getAttribute("data-type"));t.interaction.result.value="function"==typeof e[r]?e[r]().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._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear",this))}_parseLocalColor(t){const{values:e,type:n,a:r}=function(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000";const e=document.createElement("canvas").getContext("2d");return e.fillStyle=t,"#000"===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 r;t:for(const o in e){if(!(r=e[o].exec(t)))continue;const i=t=>!!r[2]==("number"==typeof t);switch(o){case"cmyk":{const[,t,e,i,a]=n(r);if(t>100||e>100||i>100||a>100)break t;return{values:k(t,e,i,a),type:o}}case"rgba":{const[,,,t,e,a,s]=n(r);if(t>255||e>255||a>255||s<0||s>1||!i(s))break t;return{values:[...C(t,e,a),s],a:s,type:o}}case"hexa":{let[,t]=r;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:[...A(e),n],a:n,type:o}}case"hsla":{const[,,,t,e,a,s]=n(r);if(t>360||e>100||a>100||s<0||s>1||!i(s))break t;return{values:[...x(t,e,a),s],a:s,type:o}}case"hsva":{const[,,,t,e,a,s]=n(r);if(t>360||e>100||a>100||s<0||s>1||!i(s))break t;return{values:[t,e,a,s],a:s,type:o}}}}return{values:null,type:null}}(t),{lockOpacity:o}=this.options,i=void 0!==r&&1!==r;return e&&3===e.length&&(e[3]=void 0),{values:!e||o&&i?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,r=O(...e),o=u('