diff --git a/NEWS.md b/NEWS.md index 3a0d4dd0..b3ec7c8e 100644 --- a/NEWS.md +++ b/NEWS.md @@ -3,6 +3,7 @@ shinyWidgets 0.8.8 * `knobInput()` and `switchInput()` are softly deprecated, since the JavaScript libraries used by those widgets are no longer actively maintained. * Updated virtual-select to 1.0.46 (fix focus issue), see https://github.com/sa-si-dev/virtual-select/releases. +* Updated @simonwep/pickr to 1.9.1, see https://github.com/simonwep/pickr/releases. shinyWidgets 0.8.7 diff --git a/R/color-pickr.R b/R/color-pickr.R index ca7723d6..6f4ec1eb 100644 --- a/R/color-pickr.R +++ b/R/color-pickr.R @@ -1,4 +1,14 @@ +html_dependency_pickr <- function() { + htmlDependency( + name = "colorpickr", + version = "1.9.1", + src = c(file = "packer"), + package = "shinyWidgets", + script = "colorpickr.js" + ) +} + #' @title Color Pickr #' #' @description A widget to pick color with different themes and options. diff --git a/R/dependencies.R b/R/dependencies.R index bd658e21..1332d0e5 100644 --- a/R/dependencies.R +++ b/R/dependencies.R @@ -487,29 +487,6 @@ html_dependency_stati <- function() { } -html_dependency_pickr <- function() { - # htmlDependency( - # name = "pickr", - # version = "1.6.0", - # src = list(href = "shinyWidgets/pickr-1.6.0", file = "assets/pickr-1.6.0"), - # package = "shinyWidgets", - # script = "js/pickr.min.js", - # stylesheet = c( - # "css/classic.min.css", - # "css/monolith.min.css", - # "css/nano.min.css" - # ), - # head = "", - # all_files = FALSE - # ) - htmlDependency( - name = "colorpickr", - version = "1.6.0", - src = c(file = "packer"), - package = "shinyWidgets", - script = "colorpickr.js" - ) -} diff --git a/examples/pickr-color.R b/examples/pickr-color.R index 99ee7d89..39a5cd51 100644 --- a/examples/pickr-color.R +++ b/examples/pickr-color.R @@ -148,13 +148,25 @@ server <- function(input, output, session) { output$res21 <- renderPrint(input$id21) observeEvent(input$red, { - updateColorPickr(session, "id21", "firebrick") + updateColorPickr( + session, "id21", + label = "firebrick", + value = "firebrick" + ) }) observeEvent(input$green, { - updateColorPickr(session, "id21", "forestgreen") + updateColorPickr( + session, "id21", + label = "forestgreen", + value = "forestgreen" + ) }) observeEvent(input$blue, { - updateColorPickr(session, "id21", "steelblue") + updateColorPickr( + session, "id21", + label = "steelblue", + value = "steelblue" + ) }) output$res22 <- renderPrint(input$id22) diff --git a/inst/packer/colorpickr.js b/inst/packer/colorpickr.js index 421c1087..cd001537 100644 --- a/inst/packer/colorpickr.js +++ b/inst/packer/colorpickr.js @@ -1,2 +1 @@ -/*! For license information please see colorpickr.js.LICENSE.txt */ -(()=>{var e={3931:e=>{self,e.exports=(()=>{"use strict";var e={d:(t,r)=>{for(var o in r)e.o(r,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:r[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.d(t,{default:()=>z});var r={};function o(e,t,r,o,i={}){t instanceof HTMLCollection||t instanceof NodeList?t=Array.from(t):Array.isArray(t)||(t=[t]),Array.isArray(r)||(r=[r]);for(const n of t)for(const t of r)n[e](t,o,{capture:!1,...i});return Array.prototype.slice.call(arguments,1)}e.r(r),e.d(r,{adjustableInputNumbers:()=>l,createElementFromString:()=>c,createFromTemplate:()=>a,eventPath:()=>p,off:()=>n,on:()=>i,resolveElement:()=>s});const i=o.bind(null,"addEventListener"),n=o.bind(null,"removeEventListener");function c(e){const t=document.createElement("div");return t.innerHTML=e.trim(),t.firstElementChild}function a(e){const t=(e,t)=>{const r=e.getAttribute(t);return e.removeAttribute(t),r},r=(e,o={})=>{const i=t(e,":obj"),n=t(e,":ref"),c=i?o[i]={}:o;n&&(o[n]=e);for(const o of Array.from(e.children)){const e=t(o,":arr"),i=r(o,e?{}:c);e&&(c[e]||(c[e]=[])).push(Object.keys(i).length?i:o)}return o};return r(c(e))}function p(e){let t=e.path||e.composedPath&&e.composedPath();if(t)return t;let r=e.target.parentElement;for(t=[e.target,r];r=r.parentElement;)t.push(r);return t.push(document,window),t}function s(e){return e instanceof Element?e:"string"==typeof e?e.split(/>>/g).reduce(((e,t,r,o)=>(e=e.querySelector(t),re){function r(r){const o=[.001,.01,.1][Number(r.shiftKey||2*r.ctrlKey)]*(r.deltaY<0?1:-1);let i=0,n=e.selectionStart;e.value=e.value.replace(/[\d.]+/g,((e,r)=>r<=n&&r+e.length>=n?(n=r,t(Number(e),o,i)):(i++,e))),e.focus(),e.setSelectionRange(n,n),r.preventDefault(),e.dispatchEvent(new Event("input"))}i(e,"focus",(()=>i(window,"wheel",r,{passive:!1}))),i(e,"blur",(()=>n(window,"wheel",r)))}const{min:u,max:d,floor:h,round:b}=Math;function f(e,t,r){t/=100,r/=100;const o=h(e=e/360*6),i=e-o,n=r*(1-t),c=r*(1-i*t),a=r*(1-(1-i)*t),p=o%6;return[255*[r,c,n,n,a,r][p],255*[a,r,r,c,n,n][p],255*[n,n,a,r,r,c][p]]}function m(e,t,r){const o=(2-(t/=100))*(r/=100)/2;return 0!==o&&(t=1===o?0:o<.5?t*r/(2*o):t*r/(2-2*o)),[e,100*t,100*o]}function g(e,t,r){const o=u(e/=255,t/=255,r/=255),i=d(e,t,r),n=i-o;let c,a;if(0===n)c=a=0;else{a=n/i;const o=((i-e)/6+n/2)/n,p=((i-t)/6+n/2)/n,s=((i-r)/6+n/2)/n;e===i?c=s-p:t===i?c=1/3+o-s:r===i&&(c=2/3+p-o),c<0?c+=1:c>1&&(c-=1)}return[360*c,100*a,100*i]}function v(e,t,r,o){return t/=100,r/=100,[...g(255*(1-u(1,(e/=100)*(1-(o/=100))+o)),255*(1-u(1,t*(1-o)+o)),255*(1-u(1,r*(1-o)+o)))]}function w(e,t,r){t/=100;const o=2*(t*=(r/=100)<.5?r:1-r)/(r+t)*100,i=100*(r+t);return[e,isNaN(o)?0:o,i]}function y(e){return g(...e.match(/.{2}/g).map((e=>parseInt(e,16))))}function k(e=0,t=0,r=0,o=1){const i=(e,t)=>(r=-1)=>t(~r?e.map((e=>Number(e.toFixed(r)))):e),n={h:e,s:t,v:r,a:o,toHSVA(){const e=[n.h,n.s,n.v,n.a];return e.toString=i(e,(e=>`hsva(${e[0]}, ${e[1]}%, ${e[2]}%, ${n.a})`)),e},toHSLA(){const e=[...m(n.h,n.s,n.v),n.a];return e.toString=i(e,(e=>`hsla(${e[0]}, ${e[1]}%, ${e[2]}%, ${n.a})`)),e},toRGBA(){const e=[...f(n.h,n.s,n.v),n.a];return e.toString=i(e,(e=>`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${n.a})`)),e},toCMYK(){const e=function(e,t,r){const o=f(e,t,r),i=o[0]/255,n=o[1]/255,c=o[2]/255,a=u(1-i,1-n,1-c);return[100*(1===a?0:(1-i-a)/(1-a)),100*(1===a?0:(1-n-a)/(1-a)),100*(1===a?0:(1-c-a)/(1-a)),100*a]}(n.h,n.s,n.v);return e.toString=i(e,(e=>`cmyk(${e[0]}%, ${e[1]}%, ${e[2]}%, ${e[3]}%)`)),e},toHEXA(){const e=function(e,t,r){return f(e,t,r).map((e=>b(e).toString(16).padStart(2,"0")))}(n.h,n.s,n.v),t=n.a>=1?"":Number((255*n.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return t&&e.push(t),e.toString=()=>`#${e.join("").toUpperCase()}`,e},clone:()=>k(n.h,n.s,n.v,n.a)};return n}const x=e=>Math.max(Math.min(e,1),0);function _(e){const t={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},e),_keyboard(e){const{options:r}=t,{type:o,key:i}=e;if(document.activeElement===r.wrapper){const{lock:r}=t.options,n="ArrowUp"===i,c="ArrowRight"===i,a="ArrowDown"===i,p="ArrowLeft"===i;if("keydown"===o&&(n||c||a||p)){let o=0,i=0;"v"===r?o=n||c?1:-1:"h"===r?o=n||c?-1:1:(i=n?-1:a?1:0,o=p?-1:c?1:0),t.update(x(t.cache.x+.01*o),x(t.cache.y+.01*i)),e.preventDefault()}else i.startsWith("Arrow")&&(t.options.onstop(),e.preventDefault())}},_tapstart(e){i(document,["mouseup","touchend","touchcancel"],t._tapstop),i(document,["mousemove","touchmove"],t._tapmove),e.cancelable&&e.preventDefault(),t._tapmove(e)},_tapmove(e){const{options:r,cache:o}=t,{lock:i,element:n,wrapper:c}=r,a=c.getBoundingClientRect();let p=0,s=0;if(e){const t=e&&e.touches&&e.touches[0];p=e?(t||e).clientX:0,s=e?(t||e).clientY:0,pa.left+a.width&&(p=a.left+a.width),sa.top+a.height&&(s=a.top+a.height),p-=a.left,s-=a.top}else o&&(p=o.x*a.width,s=o.y*a.height);"h"!==i&&(n.style.left=`calc(${p/a.width*100}% - ${n.offsetWidth/2}px)`),"v"!==i&&(n.style.top=`calc(${s/a.height*100}% - ${n.offsetHeight/2}px)`),t.cache={x:p/a.width,y:s/a.height};const l=x(p/a.width),u=x(s/a.height);switch(i){case"v":return r.onchange(l);case"h":return r.onchange(u);default:return r.onchange(l,u)}},_tapstop(){t.options.onstop(),n(document,["mouseup","touchend","touchcancel"],t._tapstop),n(document,["mousemove","touchmove"],t._tapmove)},trigger(){t._tapmove()},update(e=0,r=0){const{left:o,top:i,width:n,height:c}=t.options.wrapper.getBoundingClientRect();"h"===t.options.lock&&(r=e),t._tapmove({clientX:o+n*e,clientY:i+c*r})},destroy(){const{options:e,_tapstart:r,_keyboard:o}=t;n(document,["keydown","keyup"],o),n([e.wrapper,e.element],"mousedown",r),n([e.wrapper,e.element],"touchstart",r,{passive:!1})}},{options:r,_tapstart:o,_keyboard:c}=t;return i([r.wrapper,r.element],"mousedown",o),i([r.wrapper,r.element],"touchstart",o,{passive:!1}),i(document,["keydown","keyup"],c),t}function A(e={}){e=Object.assign({onchange:()=>0,className:"",elements:[]},e);const t=i(e.elements,"click",(t=>{e.elements.forEach((r=>r.classList[t.target===r?"add":"remove"](e.className))),e.onchange(t),t.stopPropagation()}));return{destroy:()=>n(...t)}}const S={variantFlipOrder:{start:"sme",middle:"mse",end:"ems"},positionFlipOrder:{top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},position:"bottom",margin:8};function C(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class z{constructor(e){C(this,"_initializingActive",!0),C(this,"_recalc",!0),C(this,"_nanopop",null),C(this,"_root",null),C(this,"_color",k()),C(this,"_lastColor",k()),C(this,"_swatchColors",[]),C(this,"_setupAnimationFrame",null),C(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=e=Object.assign({...z.DEFAULT_OPTIONS},e);const{swatches:t,components:r,theme:o,sliders:i,lockOpacity:n,padding:c}=e;["nano","monolith"].includes(o)&&!i&&(e.sliders="h"),r.interaction||(r.interaction={});const{preview:a,opacity:p,hue:s,palette:l}=r;r.opacity=!n&&p,r.palette=l||a||p||s,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),t&&t.length&&t.forEach((e=>this.addSwatch(e)));const{button:u,app:d}=this._root;this._nanopop=((e,t,r)=>{const o="object"!=typeof e||e instanceof HTMLElement?{reference:e,popper:t,...r}:e;return{update(e=o){const{reference:t,popper:r}=Object.assign(o,e);if(!r||!t)throw new Error("Popper- or reference-element missing.");return((e,t,r)=>{const{container:o,margin:i,position:n,variantFlipOrder:c,positionFlipOrder:a}={container:document.documentElement.getBoundingClientRect(),...S,...r},{left:p,top:s}=t.style;t.style.left="0",t.style.top="0";const l=e.getBoundingClientRect(),u=t.getBoundingClientRect(),d={t:l.top-u.height-i,b:l.bottom+i,r:l.right+i,l:l.left-u.width-i},h={vs:l.left,vm:l.left+l.width/2+-u.width/2,ve:l.left+l.width-u.width,hs:l.top,hm:l.bottom-l.height/2-u.height/2,he:l.bottom-u.height},[b,f="middle"]=n.split("-"),m=a[b],g=c[f],{top:v,left:w,bottom:y,right:k}=o;for(const e of m){const r="t"===e||"b"===e,o=d[e],[i,n]=r?["top","left"]:["left","top"],[c,a]=r?[u.height,u.width]:[u.width,u.height],[p,s]=r?[y,k]:[k,y],[l,b]=r?[v,w]:[w,v];if(!(op))for(const c of g){const p=h[(r?"v":"h")+c];if(!(ps))return t.style[n]=p-u[n]+"px",t.style[i]=o-u[i]+"px",e+c}}return t.style.left=p,t.style.top=s,null})(t,r,o)}}})(u,d,{margin:c}),u.setAttribute("role","button"),u.setAttribute("aria-label",this._t("btn:toggle"));const h=this;this._setupAnimationFrame=requestAnimationFrame((function t(){if(!d.offsetWidth)return requestAnimationFrame(t);h.setColor(e.default),h._rePositioningPicker(),e.defaultRepresentation&&(h._representation=e.defaultRepresentation,h.setColorRepresentation(h._representation)),e.showAlways&&h.show(),h._initializingActive=!1,h._emit("init")}))}_preBuild(){const{options:e}=this;for(const t of["el","container"])e[t]=s(e[t]);this._root=(e=>{const{components:t,useAsButton:r,inline:o,appClass:i,theme:n,lockOpacity:c}=e.options,p=e=>e?"":'style="display:none" hidden',s=t=>e._t(t),l=a(`\n \n\n ${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=l.interaction;return u.options.find((e=>!e.hidden&&!e.classList.add("active"))),u.type=()=>u.options.find((e=>e.classList.contains("active"))),l})(this),e.useAsButton&&(this._root.button=e.el),e.container.appendChild(this._root.root)}_finalBuild(){const e=this.options,t=this._root;if(e.container.removeChild(t.root),e.inline){const r=e.el.parentElement;e.el.nextSibling?r.insertBefore(t.app,e.el.nextSibling):r.appendChild(t.app)}else e.container.appendChild(t.app);e.useAsButton?e.inline&&e.el.remove():e.el.parentNode.replaceChild(t.root,e.el),e.disabled&&this.disable(),e.comparison||(t.button.style.transition="none",e.useAsButton||(t.preview.lastColor.style.transition="none")),this.hide()}_buildComponents(){const e=this,t=this.options.components,r=(e.options.sliders||"v").repeat(2),[o,i]=r.match(/^[vh]+$/g)?r:[],n=()=>this._color||(this._color=this._lastColor.clone()),c={palette:_({element:e._root.palette.picker,wrapper:e._root.palette.palette,onstop:()=>e._emit("changestop","slider",e),onchange(r,o){if(!t.palette)return;const i=n(),{_root:c,options:a}=e,{lastColor:p,currentColor:s}=c.preview;e._recalc&&(i.s=100*r,i.v=100-100*o,i.v<0&&(i.v=0),e._updateOutput("slider"));const l=i.toRGBA().toString(0);this.element.style.background=l,this.wrapper.style.background=`\n linear-gradient(to top, rgba(0, 0, 0, ${i.a}), transparent),\n linear-gradient(to left, hsla(${i.h}, 100%, 50%, ${i.a}), rgba(255, 255, 255, ${i.a}))\n `,a.comparison?a.useAsButton||e._lastColor||p.style.setProperty("--pcr-color",l):(c.button.style.setProperty("--pcr-color",l),c.button.classList.remove("clear"));const u=i.toHEXA().toString();for(const{el:t,color:r}of e._swatchColors)t.classList[u===r.toHEXA().toString()?"add":"remove"]("pcr-active");s.style.setProperty("--pcr-color",l)}}),hue:_({lock:"v"===i?"h":"v",element:e._root.hue.picker,wrapper:e._root.hue.slider,onstop:()=>e._emit("changestop","slider",e),onchange(r){if(!t.hue||!t.palette)return;const o=n();e._recalc&&(o.h=360*r),this.element.style.backgroundColor=`hsl(${o.h}, 100%, 50%)`,c.palette.trigger()}}),opacity:_({lock:"v"===o?"h":"v",element:e._root.opacity.picker,wrapper:e._root.opacity.slider,onstop:()=>e._emit("changestop","slider",e),onchange(r){if(!t.opacity||!t.palette)return;const o=n();e._recalc&&(o.a=Math.round(100*r)/100),this.element.style.background=`rgba(0, 0, 0, ${o.a})`,c.palette.trigger()}}),selectable:A({elements:e._root.interaction.options,className:"active",onchange(t){e._representation=t.target.getAttribute("data-type").toUpperCase(),e._recalc&&e._updateOutput("swatch")}})};this._components=c}_bindEvents(){const{_root:e,options:t}=this,r=[i(e.interaction.clear,"click",(()=>this._clearColor())),i([e.interaction.cancel,e.preview.lastColor],"click",(()=>{this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0),this._emit("cancel")})),i(e.interaction.save,"click",(()=>{!this.applyColor()&&!t.showAlways&&this.hide()})),i(e.interaction.result,["keyup","input"],(e=>{this.setColor(e.target.value,!0)&&!this._initializingActive&&(this._emit("change",this._color,"input",this),this._emit("changestop","input",this)),e.stopImmediatePropagation()})),i(e.interaction.result,["focus","blur"],(e=>{this._recalc="blur"===e.type,this._recalc&&this._updateOutput(null)})),i([e.palette.palette,e.palette.picker,e.hue.slider,e.hue.picker,e.opacity.slider,e.opacity.picker],["mousedown","touchstart"],(()=>this._recalc=!0),{passive:!0})];if(!t.showAlways){const o=t.closeWithKey;r.push(i(e.button,"click",(()=>this.isOpen()?this.hide():this.show())),i(document,"keyup",(e=>this.isOpen()&&(e.key===o||e.code===o)&&this.hide())),i(document,["touchstart","mousedown"],(t=>{this.isOpen()&&!p(t).some((t=>t===e.app||t===e.button))&&this.hide()}),{capture:!0}))}if(t.adjustableNumbers){const t={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};l(e.interaction.result,((e,r,o)=>{const i=t[this.getColorRepresentation().toLowerCase()];if(i){const t=i[o],n=e+(t>=100?1e3*r:r);return n<=0?0:Number((n{o.isOpen()&&(t.closeOnScroll&&o.hide(),null===e?(e=setTimeout((()=>e=null),100),requestAnimationFrame((function t(){o._rePositioningPicker(),null!==e&&requestAnimationFrame(t)}))):(clearTimeout(e),e=setTimeout((()=>e=null),100)))}),{capture:!0}))}this._eventBindings=r}_rePositioningPicker(){const{options:e}=this;if(!e.inline&&!this._nanopop.update({container:document.body.getBoundingClientRect(),position:e.position})){const e=this._root.app,t=e.getBoundingClientRect();e.style.top=(window.innerHeight-t.height)/2+"px",e.style.left=(window.innerWidth-t.width)/2+"px"}}_updateOutput(e){const{_root:t,_color:r,options:o}=this;if(t.interaction.type()){const e=`to${t.interaction.type().getAttribute("data-type")}`;t.interaction.result.value="function"==typeof r[e]?r[e]().toString(o.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",r,e,this)}_clearColor(e=!1){const{_root:t,options:r}=this;r.useAsButton||t.button.style.setProperty("--pcr-color","rgba(0, 0, 0, 0.15)"),t.button.classList.add("clear"),r.showAlways||this.hide(),this._lastColor=null,this._initializingActive||e||(this._emit("save",null),this._emit("clear"))}_parseLocalColor(e){const{values:t,type:r,a:o}=function(e){e=e.match(/^[a-zA-Z]+$/)?function(e){if("black"===e.toLowerCase())return"#000";const t=document.createElement("canvas").getContext("2d");return t.fillStyle=e,"#000"===t.fillStyle?null:t.fillStyle}(e):e;const t={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=e=>e.map((e=>/^(|\d+)\.\d+|\d+$/.test(e)?Number(e):void 0));let o;e:for(const i in t){if(!(o=t[i].exec(e)))continue;const n=e=>!!o[2]==("number"==typeof e);switch(i){case"cmyk":{const[,e,t,n,c]=r(o);if(e>100||t>100||n>100||c>100)break e;return{values:v(e,t,n,c),type:i}}case"rgba":{const[,,,e,t,c,a]=r(o);if(e>255||t>255||c>255||a<0||a>1||!n(a))break e;return{values:[...g(e,t,c),a],a,type:i}}case"hexa":{let[,e]=o;4!==e.length&&3!==e.length||(e=e.split("").map((e=>e+e)).join(""));const t=e.substring(0,6);let r=e.substring(6);return r=r?parseInt(r,16)/255:void 0,{values:[...y(t),r],a:r,type:i}}case"hsla":{const[,,,e,t,c,a]=r(o);if(e>360||t>100||c>100||a<0||a>1||!n(a))break e;return{values:[...w(e,t,c),a],a,type:i}}case"hsva":{const[,,,e,t,c,a]=r(o);if(e>360||t>100||c>100||a<0||a>1||!n(a))break e;return{values:[e,t,c,a],a,type:i}}}}return{values:null,type:null}}(e),{lockOpacity:i}=this.options,n=void 0!==o&&1!==o;return t&&3===t.length&&(t[3]=void 0),{values:!t||i&&n?null:t,type:r}}_t(e){return this.options.i18n[e]||z.I18N_DEFAULTS[e]}_emit(e,...t){this._eventListener[e].forEach((e=>e(...t,this)))}on(e,t){return this._eventListener[e].push(t),this}off(e,t){const r=this._eventListener[e]||[],o=r.indexOf(t);return~o&&r.splice(o,1),this}addSwatch(e){const{values:t}=this._parseLocalColor(e);if(t){const{_swatchColors:e,_root:r}=this,o=k(...t),n=c(``);return r.swatches.appendChild(n),e.push({el:n,color:o}),this._eventBindings.push(i(n,"click",(()=>{this.setHSVA(...o.toHSVA(),!0),this._emit("swatchselect",o),this._emit("change",o,"swatch",this)}))),!0}return!1}removeSwatch(e){const t=this._swatchColors[e];if(t){const{el:r}=t;return this._root.swatches.removeChild(r),this._swatchColors.splice(e,1),!0}return!1}applyColor(e=!1){const{preview:t,button:r}=this._root,o=this._color.toRGBA().toString(0);return t.lastColor.style.setProperty("--pcr-color",o),this.options.useAsButton||r.style.setProperty("--pcr-color",o),r.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||e||this._emit("save",this._color),this}destroy(){cancelAnimationFrame(this._setupAnimationFrame),this._eventBindings.forEach((e=>n(...e))),Object.keys(this._components).forEach((e=>this._components[e].destroy()))}destroyAndRemove(){this.destroy();const{root:e,app:t}=this._root;e.parentElement&&e.parentElement.removeChild(e),t.parentElement.removeChild(t),Object.keys(this).forEach((e=>this[e]=null))}hide(){return!!this.isOpen()&&(this._root.app.classList.remove("visible"),this._emit("hide"),!0)}show(){return!this.options.disabled&&!this.isOpen()&&(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this._color),this)}isOpen(){return this._root.app.classList.contains("visible")}setHSVA(e=360,t=0,r=0,o=1,i=!1){const n=this._recalc;if(this._recalc=!1,e<0||e>360||t<0||t>100||r<0||r>100||o<0||o>1)return!1;this._color=k(e,t,r,o);const{hue:c,opacity:a,palette:p}=this._components;return c.update(e/360),a.update(o),p.update(t/100,1-r/100),i||this.applyColor(),n&&this._updateOutput(),this._recalc=n,!0}setColor(e,t=!1){if(null===e)return this._clearColor(t),!0;const{values:r,type:o}=this._parseLocalColor(e);if(r){const e=o.toUpperCase(),{options:i}=this._root.interaction,n=i.find((t=>t.getAttribute("data-type")===e));if(n&&!n.hidden)for(const e of i)e.classList[e===n?"add":"remove"]("active");return!!this.setHSVA(...r,t)&&this.setColorRepresentation(e)}return!1}setColorRepresentation(e){return e=e.toUpperCase(),!!this._root.interaction.options.find((t=>t.getAttribute("data-type").startsWith(e)&&!t.click()))}getColorRepresentation(){return this._representation}getColor(){return this._color}getSelectedColor(){return this._lastColor}getRoot(){return this._root}disable(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}enable(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}return C(z,"utils",r),C(z,"version","1.8.2"),C(z,"I18N_DEFAULTS",{"ui:dialog":"color picker dialog","btn:toggle":"toggle color picker dialog","btn:swatch":"color swatch","btn:last-color":"use previous color","btn:save":"Save","btn:cancel":"Cancel","btn:clear":"Clear","aria:btn:save":"save and close","aria:btn:cancel":"cancel and close","aria:btn:clear":"clear and close","aria:input":"color input field","aria:palette":"color selection area","aria:hue":"hue selection slider","aria:opacity":"selection slider"}),C(z,"DEFAULT_OPTIONS",{appClass:null,theme:"classic",useAsButton:!1,padding:8,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},i18n:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"}),C(z,"create",(e=>new z(e))),t.default})()},6446:(e,t,r)=>{"use strict";r.d(t,{A:()=>b});var o=r(1601),i=r.n(o),n=r(6314),c=r.n(n),a=r(4417),p=r.n(a),s=new URL(r(4873),r.b),l=new URL(r(285),r.b),u=c()(i()),d=p()(s),h=p()(l);u.push([e.id,'/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\n.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:0.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('+d+") no-repeat center;background-size:0;transition:all 0.3s}.pickr .pcr-button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:\'\';top:0;left:0;height:100%;width:100%;transition:background 0.3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow 0.3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(0,0,0,0.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:0.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);left:0;top:0}.pcr-app.visible{transition:opacity 0.3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:0.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:0.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all 0.15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:\'\';top:0;left:0;width:100%;height:100%;background:url('+h+");background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,0.05);border-radius:0.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 0.2em}.pcr-app .pcr-interaction input{letter-spacing:0.07em;font-size:0.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all 0.15s;padding:0.45em 0.5em;margin-top:0.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(66,133,244,0.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all 0.2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(244,66,80,0.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme='classic']{width:28.5em;max-width:95vw;padding:0.8em}.pcr-app[data-theme='classic'] .pcr-selection{display:flex;justify-content:space-between;flex-grow:1}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:2em;display:flex;flex-direction:column;justify-content:space-between;margin-right:0.75em}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;border-radius:0.15em 0.15em 0 0;z-index:2}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 0 0.15em 0.15em}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:100%;height:50%}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-palette .pcr-palette{flex-grow:1;border-radius:.15em}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-opacity{margin-left:0.75em}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-opacity .pcr-picker{left:50%;transform:translateX(-50%)}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-opacity .pcr-slider{width:8px;flex-grow:1;border-radius:50em}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to bottom, red, #ff0, lime, cyan, blue, #f0f, red)}.pcr-app[data-theme='classic'] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to bottom, transparent, black),url("+h+");background-size:100%, 50%}\n\n",""]);const b=u},4556:(e,t,r)=>{"use strict";r.d(t,{A:()=>b});var o=r(1601),i=r.n(o),n=r(6314),c=r.n(n),a=r(4417),p=r.n(a),s=new URL(r(4873),r.b),l=new URL(r(285),r.b),u=c()(i()),d=p()(s),h=p()(l);u.push([e.id,'/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\n.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:0.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('+d+") no-repeat center;background-size:0;transition:all 0.3s}.pickr .pcr-button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:\'\';top:0;left:0;height:100%;width:100%;transition:background 0.3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow 0.3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(0,0,0,0.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:0.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);left:0;top:0}.pcr-app.visible{transition:opacity 0.3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:0.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:0.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all 0.15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:\'\';top:0;left:0;width:100%;height:100%;background:url('+h+");background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,0.05);border-radius:0.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 0.2em}.pcr-app .pcr-interaction input{letter-spacing:0.07em;font-size:0.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all 0.15s;padding:0.45em 0.5em;margin-top:0.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(66,133,244,0.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all 0.2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(244,66,80,0.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme='monolith']{width:14.25em;max-width:95vw;padding:0.8em}.pcr-app[data-theme='monolith'] .pcr-selection{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:100%;height:1em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0.5em}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color 0.3s, box-shadow 0.3s;border-radius:0.15em 0 0 0.15em;z-index:2}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 0.15em 0.15em 0}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:50%;height:100%}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-opacity{height:0.5em;margin-top:0.75em}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red)}.pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("+h+");background-size:100%, 0.25em}\n\n",""]);const b=u},1842:(e,t,r)=>{"use strict";r.d(t,{A:()=>b});var o=r(1601),i=r.n(o),n=r(6314),c=r.n(n),a=r(4417),p=r.n(a),s=new URL(r(4873),r.b),l=new URL(r(285),r.b),u=c()(i()),d=p()(s),h=p()(l);u.push([e.id,'/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\n.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:0.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('+d+") no-repeat center;background-size:0;transition:all 0.3s}.pickr .pcr-button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:\'\';top:0;left:0;height:100%;width:100%;transition:background 0.3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow 0.3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(0,0,0,0.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:0.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);left:0;top:0}.pcr-app.visible{transition:opacity 0.3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:0.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:0.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all 0.15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:\'\';top:0;left:0;width:100%;height:100%;background:url('+h+");background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,0.05);border-radius:0.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 0.2em}.pcr-app .pcr-interaction input{letter-spacing:0.07em;font-size:0.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all 0.15s;padding:0.45em 0.5em;margin-top:0.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(66,133,244,0.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all 0.2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(244,66,80,0.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme='nano']{width:14.25em;max-width:95vw}.pcr-app[data-theme='nano'] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme='nano'] .pcr-interaction{padding:0 .6em .6em .6em}.pcr-app[data-theme='nano'] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview{grid-area:2 / 1 / 4 / 1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette{grid-area:1 / 1 / 2 / 3;width:100%;height:100%;z-index:1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url("+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser{grid-area:2 / 2 / 2 / 2}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{grid-area:3 / 2 / 3 / 2}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{height:0.5em;margin:0 .6em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red)}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("+h+");background-size:100%, 0.25em}\n\n",""]);const b=u},6314:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",o=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),o&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),o&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,o,i,n){"string"==typeof e&&(e=[[null,e,void 0]]);var c={};if(o)for(var a=0;a0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=n),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),t.push(l))}},t}},4417:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},1601:e=>{"use strict";e.exports=function(e){return e[1]}},5072:e=>{"use strict";var t=[];function r(e){for(var r=-1,o=0;o{"use strict";var t={};e.exports=function(e,r){var o=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(r)}},540:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},5056:(e,t,r)=>{"use strict";e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},7825:e=>{"use strict";e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var i=void 0!==r.layer;i&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,i&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var n=r.sourceMap;n&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},1113:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},285:e=>{"use strict";e.exports='data:image/svg+xml;utf8, '},4873:e=>{"use strict";e.exports='data:image/svg+xml;utf8, '}},t={};function r(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={id:o,exports:{}};return e[o](n,n.exports,r),n.exports}r.m=e,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.b=document.baseURI||self.location.href,r.nc=void 0,(()=>{"use strict";const e=jQuery;var t=r.n(e);Shiny;var o=r(5072),i=r.n(o),n=r(7825),c=r.n(n),a=r(7659),p=r.n(a),s=r(5056),l=r.n(s),u=r(540),d=r.n(u),h=r(1113),b=r.n(h),f=r(6446),m={};m.styleTagTransform=b(),m.setAttributes=l(),m.insert=p().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=d(),i()(f.A,m),f.A&&f.A.locals&&f.A.locals;var g=r(4556),v={};v.styleTagTransform=b(),v.setAttributes=l(),v.insert=p().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=d(),i()(g.A,v),g.A&&g.A.locals&&g.A.locals;var w=r(1842),y={};y.styleTagTransform=b(),y.setAttributes=l(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=d(),i()(w.A,y),w.A&&w.A.locals&&w.A.locals;var k=r(3931),x=r.n(k);Shiny.InputBinding.prototype.store=[],Shiny.InputBinding.prototype.updateStore=function(e,t){this.store[e.id]=t};var _=new Shiny.InputBinding;function A(e){function t(e){return"#"==e.charAt(0)?e.substring(1,7):e}var r=parseInt(t(e).substring(0,2),16),o=parseInt(t(e).substring(2,4),16),i=function(e){return parseInt(t(e).substring(4,6),16)}(e);return(299*r+587*o+114*i)/1e3>130?"#000000":"#ffffff"}t().extend(_,{find:function(e){return t()(e).find(".pickr-color-container")},getId:function(e){return t()(e).attr("id")},getValue:function(e){return this.getPickr(e).getColor().toHEXA().toString(0)},setValue:function(e,t){this.getPickr(e).setColor(t)},subscribe:function(e,t){var r=this.getPickr(e);r.on("init",(function(e,r){t()}));var o=this.getUpdate(e),i=this.getHideOnSave(e);"change"==o?r.on(o,(function(e,r,o){t()})):(r.on(o,(function(e,r){!0===i&"changestop"!=o&&r.hide(),t()})),"changestop"==o&&r.on("swatchselect",(function(e,r){t()})))},unsubscribe:function(e){},receiveMessage:function(e,r){if(r.hasOwnProperty("label")){var o=t()("#"+e.id+"-label");!function(e,t){if(void 0!==e){if(1!==t.length)throw new Error("labelNode must be of length 1");Array.isArray(e)&&0===e.length?t.addClass("shiny-label-null"):(t.html(e),t.removeClass("shiny-label-null"))}}(r.label,o)}var i=this.getPickr(e);if(r.hasOwnProperty("swatches")){for(let e=i._swatchColors.length-1;e>-1;e--)i.removeSwatch(e);r.swatches.forEach((e=>i.addSwatch(e)))}r.hasOwnProperty("value")&&i.setColor(r.value),r.hasOwnProperty("action")&&("enable"==r.action&&i.enable(),"disable"==r.action&&i.disable(),"show"==r.action&&i.show(),"hide"==r.action&&i.hide())},getState:function(e){},initialize:function(e){var r=t()(e).find('script[data-for="'+e.id+'"]'),o=(r=JSON.parse(r.html())).options,i=e.querySelector("input");o.el=i,i.value=o.default,o.appClass="pickr-color";var n=new(x())(o);n.setColor(o.default);var c=n.getRoot();r.hasOwnProperty("width")&&(c.app.style.width=r.width),!1===o.useAsButton?(c.button.parentNode.style.display="inline",c.button.id=e.id+"_btn",c.button.classList.add("pickr-color"),r.inline&&(c.button.style.display="none")):(i.style.backgroundColor=o.default,i.style.color=A(o.default),"changestop"==r.update?n.on(r.update,(function(e,t){var r=t.getColor();i.value=r.toHEXA().toString(0),i.style.backgroundColor=r.toHEXA().toString(0),i.style.color=A(r.toHEXA().toString(0))})):n.on(r.update,(function(e){i.value=e.toHEXA().toString(0),i.style.backgroundColor=e.toHEXA().toString(0),i.style.color=A(e.toHEXA().toString(0))}))),n.options.color=o.default,n.options.inline=r.inline,n.options.update=r.update,n.options.hideOnSave=r.hideOnSave,this.updateStore(e,n)},getPickr:function(e){return this.store[e.id]},getUpdate:function(e){return this.store[e.id].options.update},getHideOnSave:function(e){return this.store[e.id].options.hideOnSave},getColor:function(e){return this.store[e.id].options.color},isInline:function(e){return this.store[e.id].options.inline}}),Shiny.inputBindings.register(_,"shinyWidgets.colorPickr")})()})(); \ No newline at end of file +(()=>{var t={3931:t=>{var e;self,e=()=>(()=>{"use strict";var t={d:(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.d(e,{default:()=>C});var r={};function o(t,e,r,o,i={}){e instanceof HTMLCollection||e instanceof NodeList?e=Array.from(e):Array.isArray(e)||(e=[e]),Array.isArray(r)||(r=[r]);for(const c of e)for(const e of r)c[t](e,o,{capture:!1,...i});return Array.prototype.slice.call(arguments,1)}t.r(r),t.d(r,{adjustableInputNumbers:()=>l,createElementFromString:()=>n,createFromTemplate:()=>a,eventPath:()=>p,off:()=>c,on:()=>i,resolveElement:()=>s});const i=o.bind(null,"addEventListener"),c=o.bind(null,"removeEventListener");function n(t){const e=document.createElement("div");return e.innerHTML=t.trim(),e.firstElementChild}function a(t){const e=(t,e)=>{const r=t.getAttribute(e);return t.removeAttribute(e),r},r=(t,o={})=>{const i=e(t,":obj"),c=e(t,":ref"),n=i?o[i]={}:o;c&&(o[c]=t);for(const o of Array.from(t.children)){const t=e(o,":arr"),i=r(o,t?{}:n);t&&(n[t]||(n[t]=[])).push(Object.keys(i).length?i:o)}return o};return r(n(t))}function p(t){let e=t.path||t.composedPath&&t.composedPath();if(e)return e;let r=t.target.parentElement;for(e=[t.target,r];r=r.parentElement;)e.push(r);return e.push(document,window),e}function s(t){return t instanceof Element?t:"string"==typeof t?t.split(/>>/g).reduce(((t,e,r,o)=>(t=t.querySelector(e),rt){function r(r){const o=[.001,.01,.1][Number(r.shiftKey||2*r.ctrlKey)]*(r.deltaY<0?1:-1);let i=0,c=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,((t,r)=>r<=c&&r+t.length>=c?(c=r,e(Number(t),o,i)):(i++,t))),t.focus(),t.setSelectionRange(c,c),r.preventDefault(),t.dispatchEvent(new Event("input"))}i(t,"focus",(()=>i(window,"wheel",r,{passive:!1}))),i(t,"blur",(()=>c(window,"wheel",r)))}const{min:d,max:u,floor:h,round:b}=Math;function f(t,e,r){e/=100,r/=100;const o=h(t=t/360*6),i=t-o,c=r*(1-e),n=r*(1-i*e),a=r*(1-(1-i)*e),p=o%6;return[255*[r,n,c,c,a,r][p],255*[a,r,r,n,c,c][p],255*[c,c,a,r,r,n][p]]}function m(t,e,r){const o=(2-(e/=100))*(r/=100)/2;return 0!==o&&(e=1===o?0:o<.5?e*r/(2*o):e*r/(2-2*o)),[t,100*e,100*o]}function g(t,e,r){const o=d(t/=255,e/=255,r/=255),i=u(t,e,r),c=i-o;let n,a;if(0===c)n=a=0;else{a=c/i;const o=((i-t)/6+c/2)/c,p=((i-e)/6+c/2)/c,s=((i-r)/6+c/2)/c;t===i?n=s-p:e===i?n=1/3+o-s:r===i&&(n=2/3+p-o),n<0?n+=1:n>1&&(n-=1)}return[360*n,100*a,100*i]}function v(t,e,r,o){return e/=100,r/=100,[...g(255*(1-d(1,(t/=100)*(1-(o/=100))+o)),255*(1-d(1,e*(1-o)+o)),255*(1-d(1,r*(1-o)+o)))]}function w(t,e,r){e/=100;const o=2*(e*=(r/=100)<.5?r:1-r)/(r+e)*100,i=100*(r+e);return[t,isNaN(o)?0:o,i]}function y(t){return g(...t.match(/.{2}/g).map((t=>parseInt(t,16))))}function k(t=0,e=0,r=0,o=1){const i=(t,e)=>(r=-1)=>e(~r?t.map((t=>Number(t.toFixed(r)))):t),c={h:t,s:e,v:r,a:o,toHSVA(){const t=[c.h,c.s,c.v,c.a];return t.toString=i(t,(t=>`hsva(${t[0]}, ${t[1]}%, ${t[2]}%, ${c.a})`)),t},toHSLA(){const t=[...m(c.h,c.s,c.v),c.a];return t.toString=i(t,(t=>`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${c.a})`)),t},toRGBA(){const t=[...f(c.h,c.s,c.v),c.a];return t.toString=i(t,(t=>`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${c.a})`)),t},toCMYK(){const t=function(t,e,r){const o=f(t,e,r),i=o[0]/255,c=o[1]/255,n=o[2]/255,a=d(1-i,1-c,1-n);return[100*(1===a?0:(1-i-a)/(1-a)),100*(1===a?0:(1-c-a)/(1-a)),100*(1===a?0:(1-n-a)/(1-a)),100*a]}(c.h,c.s,c.v);return t.toString=i(t,(t=>`cmyk(${t[0]}%, ${t[1]}%, ${t[2]}%, ${t[3]}%)`)),t},toHEXA(){const t=function(t,e,r){return f(t,e,r).map((t=>b(t).toString(16).padStart(2,"0")))}(c.h,c.s,c.v),e=c.a>=1?"":Number((255*c.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return e&&t.push(e),t.toString=()=>`#${t.join("").toUpperCase()}`,t},clone:()=>k(c.h,c.s,c.v,c.a)};return c}const x=t=>Math.max(Math.min(t,1),0);function _(t){const e={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},t),_keyboard(t){const{options:r}=e,{type:o,key:i}=t;if(document.activeElement===r.wrapper){const{lock:r}=e.options,c="ArrowUp"===i,n="ArrowRight"===i,a="ArrowDown"===i,p="ArrowLeft"===i;if("keydown"===o&&(c||n||a||p)){let o=0,i=0;"v"===r?o=c||n?1:-1:"h"===r?o=c||n?-1:1:(i=c?-1:a?1:0,o=p?-1:n?1:0),e.update(x(e.cache.x+.01*o),x(e.cache.y+.01*i)),t.preventDefault()}else i.startsWith("Arrow")&&(e.options.onstop(),t.preventDefault())}},_tapstart(t){i(document,["mouseup","touchend","touchcancel"],e._tapstop),i(document,["mousemove","touchmove"],e._tapmove),t.cancelable&&t.preventDefault(),e._tapmove(t)},_tapmove(t){const{options:r,cache:o}=e,{lock:i,element:c,wrapper:n}=r,a=n.getBoundingClientRect();let p=0,s=0;if(t){const e=t&&t.touches&&t.touches[0];p=t?(e||t).clientX:0,s=t?(e||t).clientY:0,pa.left+a.width&&(p=a.left+a.width),sa.top+a.height&&(s=a.top+a.height),p-=a.left,s-=a.top}else o&&(p=o.x*a.width,s=o.y*a.height);"h"!==i&&(c.style.left=`calc(${p/a.width*100}% - ${c.offsetWidth/2}px)`),"v"!==i&&(c.style.top=`calc(${s/a.height*100}% - ${c.offsetHeight/2}px)`),e.cache={x:p/a.width,y:s/a.height};const l=x(p/a.width),d=x(s/a.height);switch(i){case"v":return r.onchange(l);case"h":return r.onchange(d);default:return r.onchange(l,d)}},_tapstop(){e.options.onstop(),c(document,["mouseup","touchend","touchcancel"],e._tapstop),c(document,["mousemove","touchmove"],e._tapmove)},trigger(){e._tapmove()},update(t=0,r=0){const{left:o,top:i,width:c,height:n}=e.options.wrapper.getBoundingClientRect();"h"===e.options.lock&&(r=t),e._tapmove({clientX:o+c*t,clientY:i+n*r})},destroy(){const{options:t,_tapstart:r,_keyboard:o}=e;c(document,["keydown","keyup"],o),c([t.wrapper,t.element],"mousedown",r),c([t.wrapper,t.element],"touchstart",r,{passive:!1})}},{options:r,_tapstart:o,_keyboard:n}=e;return i([r.wrapper,r.element],"mousedown",o),i([r.wrapper,r.element],"touchstart",o,{passive:!1}),i(document,["keydown","keyup"],n),e}function A(t={}){t=Object.assign({onchange:()=>0,className:"",elements:[]},t);const e=i(t.elements,"click",(e=>{t.elements.forEach((r=>r.classList[e.target===r?"add":"remove"](t.className))),t.onchange(e),e.stopPropagation()}));return{destroy:()=>c(...e)}}const S={variantFlipOrder:{start:"sme",middle:"mse",end:"ems"},positionFlipOrder:{top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},position:"bottom",margin:8,padding:0};class C{static utils=r;static version="1.9.1";static I18N_DEFAULTS={"ui:dialog":"color picker dialog","btn:toggle":"toggle color picker dialog","btn:swatch":"color swatch","btn:last-color":"use previous color","btn:save":"Save","btn:cancel":"Cancel","btn:clear":"Clear","aria:btn:save":"save and close","aria:btn:cancel":"cancel and close","aria:btn:clear":"clear and close","aria:input":"color input field","aria:palette":"color selection area","aria:hue":"hue selection slider","aria:opacity":"selection slider"};static DEFAULT_OPTIONS={appClass:null,theme:"classic",useAsButton:!1,padding:8,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},i18n:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"};_initializingActive=!0;_recalc=!0;_nanopop=null;_root=null;_color=k();_lastColor=k();_swatchColors=[];_setupAnimationFrame=null;_eventListener={init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]};constructor(t){this.options=t=Object.assign({...C.DEFAULT_OPTIONS},t);const{swatches:e,components:r,theme:o,sliders:i,lockOpacity:c,padding:n}=t;["nano","monolith"].includes(o)&&!i&&(t.sliders="h"),r.interaction||(r.interaction={});const{preview:a,opacity:p,hue:s,palette:l}=r;r.opacity=!c&&p,r.palette=l||a||p||s,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),e&&e.length&&e.forEach((t=>this.addSwatch(t)));const{button:d,app:u}=this._root;this._nanopop=((t,e,r)=>{const o="object"!=typeof t||t instanceof HTMLElement?{reference:t,popper:e,...r}:t;return{update(t=o){const{reference:e,popper:r}=Object.assign(o,t);if(!r||!e)throw new Error("Popper- or reference-element missing.");return((t,e,r)=>{const{container:o,arrow:i,margin:c,padding:n,position:a,variantFlipOrder:p,positionFlipOrder:s}={container:document.documentElement.getBoundingClientRect(),...S,...r},{left:l,top:d}=e.style;e.style.left="0",e.style.top="0";const u=t.getBoundingClientRect(),h=e.getBoundingClientRect(),b={t:u.top-h.height-c,b:u.bottom+c,r:u.right+c,l:u.left-h.width-c},f={vs:u.left,vm:u.left+u.width/2-h.width/2,ve:u.left+u.width-h.width,hs:u.top,hm:u.bottom-u.height/2-h.height/2,he:u.bottom-h.height},[m,g="middle"]=a.split("-"),v=s[m],w=p[g],{top:y,left:k,bottom:x,right:_}=o;for(const t of v){const r="t"===t||"b"===t;let o=b[t];const[c,a]=r?["top","left"]:["left","top"],[p,s]=r?[h.height,h.width]:[h.width,h.height],[l,d]=r?[x,_]:[_,x],[m,g]=r?[y,k]:[k,y];if(!(ol))for(const l of w){let b=f[(r?"v":"h")+l];if(!(bd)){if(b-=h[a],o-=h[c],e.style[a]=`${b}px`,e.style[c]=`${o}px`,i){const e=r?u.width/2:u.height/2,n=s/2,d=e>n,h=b+{s:d?n:e,m:n,e:d?n:s-e}[l],f=o+{t:p,b:0,r:0,l:p}[t];i.style[a]=`${h}px`,i.style[c]=`${f}px`}return t+l}}}return e.style.left=l,e.style.top=d,null})(e,r,o)}}})(d,u,{margin:n}),d.setAttribute("role","button"),d.setAttribute("aria-label",this._t("btn:toggle"));const h=this;this._setupAnimationFrame=requestAnimationFrame((function e(){if(!u.offsetWidth)return requestAnimationFrame(e);h.setColor(t.default),h._rePositioningPicker(),t.defaultRepresentation&&(h._representation=t.defaultRepresentation,h.setColorRepresentation(h._representation)),t.showAlways&&h.show(),h._initializingActive=!1,h._emit("init")}))}static create=t=>new C(t);_preBuild(){const{options:t}=this;for(const e of["el","container"])t[e]=s(t[e]);this._root=(t=>{const{components:e,useAsButton:r,inline:o,appClass:i,theme:c,lockOpacity:n}=t.options,p=t=>t?"":'style="display:none" hidden',s=e=>t._t(e),l=a(`\n \n\n ${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 `),d=l.interaction;return d.options.find((t=>!t.hidden&&!t.classList.add("active"))),d.type=()=>d.options.find((t=>t.classList.contains("active"))),l})(this),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 r=t.el.parentElement;t.el.nextSibling?r.insertBefore(e.app,t.el.nextSibling):r.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,r=(t.options.sliders||"v").repeat(2),[o,i]=r.match(/^[vh]+$/g)?r:[],c=()=>this._color||(this._color=this._lastColor.clone()),n={palette:_({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop","slider",t),onchange(r,o){if(!e.palette)return;const i=c(),{_root:n,options:a}=t,{lastColor:p,currentColor:s}=n.preview;t._recalc&&(i.s=100*r,i.v=100-100*o,i.v<0&&(i.v=0),t._updateOutput("slider"));const l=i.toRGBA().toString(0);this.element.style.background=l,this.wrapper.style.background=`\n linear-gradient(to top, rgba(0, 0, 0, ${i.a}), transparent),\n linear-gradient(to left, hsla(${i.h}, 100%, 50%, ${i.a}), rgba(255, 255, 255, ${i.a}))\n `,a.comparison?a.useAsButton||t._lastColor||p.style.setProperty("--pcr-color",l):(n.button.style.setProperty("--pcr-color",l),n.button.classList.remove("clear"));const d=i.toHEXA().toString();for(const{el:e,color:r}of t._swatchColors)e.classList[d===r.toHEXA().toString()?"add":"remove"]("pcr-active");s.style.setProperty("--pcr-color",l)}}),hue:_({lock:"v"===i?"h":"v",element:t._root.hue.picker,wrapper:t._root.hue.slider,onstop:()=>t._emit("changestop","slider",t),onchange(r){if(!e.hue||!e.palette)return;const o=c();t._recalc&&(o.h=360*r),this.element.style.backgroundColor=`hsl(${o.h}, 100%, 50%)`,n.palette.trigger()}}),opacity:_({lock:"v"===o?"h":"v",element:t._root.opacity.picker,wrapper:t._root.opacity.slider,onstop:()=>t._emit("changestop","slider",t),onchange(r){if(!e.opacity||!e.palette)return;const o=c();t._recalc&&(o.a=Math.round(100*r)/100),this.element.style.background=`rgba(0, 0, 0, ${o.a})`,n.palette.trigger()}}),selectable:A({elements:t._root.interaction.options,className:"active",onchange(e){t._representation=e.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput("swatch")}})};this._components=n}_bindEvents(){const{_root:t,options:e}=this,r=[i(t.interaction.clear,"click",(()=>this._clearColor())),i([t.interaction.cancel,t.preview.lastColor],"click",(()=>{this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0),this._emit("cancel")})),i(t.interaction.save,"click",(()=>{!this.applyColor()&&!e.showAlways&&this.hide()})),i(t.interaction.result,["keyup","input"],(t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&(this._emit("change",this._color,"input",this),this._emit("changestop","input",this)),t.stopImmediatePropagation()})),i(t.interaction.result,["focus","blur"],(t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput(null)})),i([t.palette.palette,t.palette.picker,t.hue.slider,t.hue.picker,t.opacity.slider,t.opacity.picker],["mousedown","touchstart"],(()=>this._recalc=!0),{passive:!0})];if(!e.showAlways){const o=e.closeWithKey;r.push(i(t.button,"click",(()=>this.isOpen()?this.hide():this.show())),i(document,"keyup",(t=>this.isOpen()&&(t.key===o||t.code===o)&&this.hide())),i(document,["touchstart","mousedown"],(e=>{this.isOpen()&&!p(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]};l(t.interaction.result,((t,r,o)=>{const i=e[this.getColorRepresentation().toLowerCase()];if(i){const e=i[o],c=t+(e>=100?1e3*r:r);return c<=0?0:Number((c{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=r}_rePositioningPicker(){const{options:t}=this;if(!t.inline&&!this._nanopop.update({container:document.body.getBoundingClientRect(),position:t.position})){const t=this._root.app,e=t.getBoundingClientRect();t.style.top=(window.innerHeight-e.height)/2+"px",t.style.left=(window.innerWidth-e.width)/2+"px"}}_updateOutput(t){const{_root:e,_color:r,options:o}=this;if(e.interaction.type()){const t=`to${e.interaction.type().getAttribute("data-type")}`;e.interaction.result.value="function"==typeof r[t]?r[t]().toString(o.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",r,t,this)}_clearColor(t=!1){const{_root:e,options:r}=this;r.useAsButton||e.button.style.setProperty("--pcr-color","rgba(0, 0, 0, 0.15)"),e.button.classList.add("clear"),r.showAlways||this.hide(),this._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear"))}_parseLocalColor(t){const{values:e,type:r,a:o}=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?\D+([\d.]+)(%?)\D+([\d.]+)(%?)\D+([\d.]+)(%?)\D*?(([\d.]+)(%?)|$)/i,hsla:/^hsla?\D+([\d.]+)\D+([\d.]+)\D+([\d.]+)\D*?(([\d.]+)(%?)|$)/i,hsva:/^hsva?\D+([\d.]+)\D+([\d.]+)\D+([\d.]+)\D*?(([\d.]+)(%?)|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},r=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))switch(i){case"cmyk":{const[,t,e,c,n]=r(o);if(t>100||e>100||c>100||n>100)break t;return{values:v(t,e,c,n),type:i}}case"rgba":{let[,t,,e,,c,,,n]=r(o);if(t="%"===o[2]?t/100*255:t,e="%"===o[4]?e/100*255:e,c="%"===o[6]?c/100*255:c,n="%"===o[9]?n/100:n,t>255||e>255||c>255||n<0||n>1)break t;return{values:[...g(t,e,c),n],a:n,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 r=t.substring(6);return r=r?parseInt(r,16)/255:void 0,{values:[...y(e),r],a:r,type:i}}case"hsla":{let[,t,e,c,,n]=r(o);if(n="%"===o[6]?n/100:n,t>360||e>100||c>100||n<0||n>1)break t;return{values:[...w(t,e,c),n],a:n,type:i}}case"hsva":{let[,t,e,c,,n]=r(o);if(n="%"===o[6]?n/100:n,t>360||e>100||c>100||n<0||n>1)break t;return{values:[t,e,c,n],a:n,type:i}}}return{values:null,type:null}}(t),{lockOpacity:i}=this.options,c=void 0!==o&&1!==o;return e&&3===e.length&&(e[3]=void 0),{values:!e||i&&c?null:e,type:r}}_t(t){return this.options.i18n[t]||C.I18N_DEFAULTS[t]}_emit(t,...e){this._eventListener[t].forEach((t=>t(...e,this)))}on(t,e){return this._eventListener[t].push(e),this}off(t,e){const r=this._eventListener[t]||[],o=r.indexOf(e);return~o&&r.splice(o,1),this}addSwatch(t){const{values:e}=this._parseLocalColor(t);if(e){const{_swatchColors:t,_root:r}=this,o=k(...e),c=n(``);return r.swatches.appendChild(c),t.push({el:c,color:o}),this._eventBindings.push(i(c,"click",(()=>{this.setHSVA(...o.toHSVA(),!0),this._emit("swatchselect",o),this._emit("change",o,"swatch",this)}))),!0}return!1}removeSwatch(t){const e=this._swatchColors[t];if(e){const{el:r}=e;return this._root.swatches.removeChild(r),this._swatchColors.splice(t,1),!0}return!1}applyColor(t=!1){const{preview:e,button:r}=this._root,o=this._color.toRGBA().toString(0);return e.lastColor.style.setProperty("--pcr-color",o),this.options.useAsButton||r.style.setProperty("--pcr-color",o),r.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||t||this._emit("save",this._color),this}destroy(){cancelAnimationFrame(this._setupAnimationFrame),this._eventBindings.forEach((t=>c(...t))),Object.keys(this._components).forEach((t=>this._components[t].destroy()))}destroyAndRemove(){this.destroy();const{root:t,app:e}=this._root;t.parentElement&&t.parentElement.removeChild(t),e.parentElement.removeChild(e),Object.keys(this).forEach((t=>this[t]=null))}hide(){return!!this.isOpen()&&(this._root.app.classList.remove("visible"),this._emit("hide"),!0)}show(){return!this.options.disabled&&!this.isOpen()&&(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this._color),this)}isOpen(){return this._root.app.classList.contains("visible")}setHSVA(t=360,e=0,r=0,o=1,i=!1){const c=this._recalc;if(this._recalc=!1,t<0||t>360||e<0||e>100||r<0||r>100||o<0||o>1)return!1;this._color=k(t,e,r,o);const{hue:n,opacity:a,palette:p}=this._components;return n.update(t/360),a.update(o),p.update(e/100,1-r/100),i||this.applyColor(),c&&this._updateOutput(),this._recalc=c,!0}setColor(t,e=!1){if(null===t)return this._clearColor(e),!0;const{values:r,type:o}=this._parseLocalColor(t);if(r){const t=o.toUpperCase(),{options:i}=this._root.interaction,c=i.find((e=>e.getAttribute("data-type")===t));if(c&&!c.hidden)for(const t of i)t.classList[t===c?"add":"remove"]("active");return!!this.setHSVA(...r,e)&&this.setColorRepresentation(t)}return!1}setColorRepresentation(t){return t=t.toUpperCase(),!!this._root.interaction.options.find((e=>e.getAttribute("data-type").startsWith(t)&&!e.click()))}getColorRepresentation(){return this._representation}getColor(){return this._color}getSelectedColor(){return this._lastColor}getRoot(){return this._root}disable(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}enable(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}return e.default})(),t.exports=e()},6446:(t,e,r)=>{"use strict";r.d(e,{A:()=>b});var o=r(1601),i=r.n(o),c=r(6314),n=r.n(c),a=r(4417),p=r.n(a),s=new URL(r(4873),r.b),l=new URL(r(285),r.b),d=n()(i()),u=p()(s),h=p()(l);d.push([t.id,'/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */\n.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('+u+') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports(display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:rgba(0,0,0,0);z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=classic]{width:28.5em;max-width:95vw;padding:.8em}.pcr-app[data-theme=classic] .pcr-selection{display:flex;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:2em;display:flex;flex-direction:column;justify-content:space-between;margin-right:.75em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;border-radius:.15em .15em 0 0;z-index:2}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 0 .15em .15em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:100%;height:50%}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{flex-grow:1;border-radius:.15em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{margin-left:.75em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{left:50%;transform:translateX(-50%)}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{width:8px;flex-grow:1;border-radius:50em}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to bottom, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to bottom, transparent, black),url("+h+");background-size:100%,50%}\n",""]);const b=d},4556:(t,e,r)=>{"use strict";r.d(e,{A:()=>b});var o=r(1601),i=r.n(o),c=r(6314),n=r.n(c),a=r(4417),p=r.n(a),s=new URL(r(4873),r.b),l=new URL(r(285),r.b),d=n()(i()),u=p()(s),h=p()(l);d.push([t.id,'/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */\n.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('+u+') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports(display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:rgba(0,0,0,0);z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=monolith]{width:14.25em;max-width:95vw;padding:.8em}.pcr-app[data-theme=monolith] .pcr-selection{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:100%;height:1em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em 0 0 .15em;z-index:2}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 .15em .15em 0}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:50%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity{height:.5em;margin-top:.75em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("+h+");background-size:100%,.25em}\n",""]);const b=d},1842:(t,e,r)=>{"use strict";r.d(e,{A:()=>b});var o=r(1601),i=r.n(o),c=r(6314),n=r.n(c),a=r(4417),p=r.n(a),s=new URL(r(4873),r.b),l=new URL(r(285),r.b),d=n()(i()),u=p()(s),h=p()(l);d.push([t.id,'/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */\n.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('+u+') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports(display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:rgba(0,0,0,0);z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('+h+");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("+h+");background-size:100%,.25em}\n",""]);const b=d},6314:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",o=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),o&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),o&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,o,i,c){"string"==typeof t&&(t=[[null,t,void 0]]);var n={};if(o)for(var a=0;a0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=c),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),e.push(l))}},e}},4417:t=>{"use strict";t.exports=function(t,e){return e||(e={}),t?(t=String(t.__esModule?t.default:t),/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),e.hash&&(t+=e.hash),/["'() \t\n]|(%20)/.test(t)||e.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t):t}},1601:t=>{"use strict";t.exports=function(t){return t[1]}},5072:t=>{"use strict";var e=[];function r(t){for(var r=-1,o=0;o{"use strict";var e={};t.exports=function(t,r){var o=function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(r)}},540:t=>{"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},5056:(t,e,r)=>{"use strict";t.exports=function(t){var e=r.nc;e&&t.setAttribute("nonce",e)}},7825:t=>{"use strict";t.exports=function(t){var e=t.insertStyleElement(t);return{update:function(r){!function(t,e,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var i=void 0!==r.layer;i&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,i&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var c=r.sourceMap;c&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),e.styleTagTransform(o,t,e.options)}(e,t,r)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},1113:t=>{"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},285:t=>{"use strict";t.exports='data:image/svg+xml;utf8, '},4873:t=>{"use strict";t.exports='data:image/svg+xml;utf8, '}},e={};function r(o){var i=e[o];if(void 0!==i)return i.exports;var c=e[o]={id:o,exports:{}};return t[o](c,c.exports,r),c.exports}r.m=t,r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.b=document.baseURI||self.location.href,r.nc=void 0,(()=>{"use strict";const t=jQuery;var e=r.n(t);Shiny;var o=r(5072),i=r.n(o),c=r(7825),n=r.n(c),a=r(7659),p=r.n(a),s=r(5056),l=r.n(s),d=r(540),u=r.n(d),h=r(1113),b=r.n(h),f=r(6446),m={};m.styleTagTransform=b(),m.setAttributes=l(),m.insert=p().bind(null,"head"),m.domAPI=n(),m.insertStyleElement=u(),i()(f.A,m),f.A&&f.A.locals&&f.A.locals;var g=r(4556),v={};v.styleTagTransform=b(),v.setAttributes=l(),v.insert=p().bind(null,"head"),v.domAPI=n(),v.insertStyleElement=u(),i()(g.A,v),g.A&&g.A.locals&&g.A.locals;var w=r(1842),y={};y.styleTagTransform=b(),y.setAttributes=l(),y.insert=p().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=u(),i()(w.A,y),w.A&&w.A.locals&&w.A.locals;var k=r(3931),x=r.n(k);Shiny.InputBinding.prototype.store=[],Shiny.InputBinding.prototype.updateStore=function(t,e){this.store[t.id]=e};var _=new Shiny.InputBinding;function A(t){function e(t){return"#"==t.charAt(0)?t.substring(1,7):t}var r=parseInt(e(t).substring(0,2),16),o=parseInt(e(t).substring(2,4),16),i=function(t){return parseInt(e(t).substring(4,6),16)}(t);return(299*r+587*o+114*i)/1e3>130?"#000000":"#ffffff"}e().extend(_,{find:function(t){return e()(t).find(".pickr-color-container")},getId:function(t){return e()(t).attr("id")},getValue:function(t){return this.getPickr(t).getColor().toHEXA().toString(0)},setValue:function(t,e){this.getPickr(t).setColor(e)},subscribe:function(t,e){var r=this.getPickr(t);r.on("init",(function(t,r){e()}));var o=this.getUpdate(t),i=this.getHideOnSave(t);"change"==o?r.on(o,(function(t,r,o){e()})):(r.on(o,(function(t,r){!0===i&"changestop"!=o&&r.hide(),e()})),"changestop"==o&&r.on("swatchselect",(function(t,r){e()})))},unsubscribe:function(t){},receiveMessage:function(t,r){if(r.hasOwnProperty("label")){var o=e()("#"+t.id+"-label");!function(t,e){if(void 0!==t){if(1!==e.length)throw new Error("labelNode must be of length 1");Array.isArray(t)&&0===t.length?e.addClass("shiny-label-null"):(e.html(t),e.removeClass("shiny-label-null"))}}(r.label,o)}var i=this.getPickr(t);if(r.hasOwnProperty("swatches")){for(let t=i._swatchColors.length-1;t>-1;t--)i.removeSwatch(t);r.swatches.forEach((t=>i.addSwatch(t)))}r.hasOwnProperty("value")&&i.setColor(r.value),r.hasOwnProperty("action")&&("enable"==r.action&&i.enable(),"disable"==r.action&&i.disable(),"show"==r.action&&i.show(),"hide"==r.action&&i.hide())},getState:function(t){},initialize:function(t){var r=e()(t).find('script[data-for="'+t.id+'"]'),o=(r=JSON.parse(r.html())).options,i=t.querySelector("input");o.el=i,i.value=o.default,o.appClass="pickr-color";var c=new(x())(o);c.setColor(o.default);var n=c.getRoot();r.hasOwnProperty("width")&&(n.app.style.width=r.width),!1===o.useAsButton?(n.button.parentNode.style.display="inline",n.button.id=t.id+"_btn",n.button.classList.add("pickr-color"),r.inline&&(n.button.style.display="none")):(i.style.backgroundColor=o.default,i.style.color=A(o.default),"changestop"==r.update?c.on(r.update,(function(t,e){var r=e.getColor();i.value=r.toHEXA().toString(0),i.style.backgroundColor=r.toHEXA().toString(0),i.style.color=A(r.toHEXA().toString(0))})):c.on(r.update,(function(t){i.value=t.toHEXA().toString(0),i.style.backgroundColor=t.toHEXA().toString(0),i.style.color=A(t.toHEXA().toString(0))}))),c.options.color=o.default,c.options.inline=r.inline,c.options.update=r.update,c.options.hideOnSave=r.hideOnSave,this.updateStore(t,c)},getPickr:function(t){return this.store[t.id]},getUpdate:function(t){return this.store[t.id].options.update},getHideOnSave:function(t){return this.store[t.id].options.hideOnSave},getColor:function(t){return this.store[t.id].options.color},isInline:function(t){return this.store[t.id].options.inline}}),Shiny.inputBindings.register(_,"shinyWidgets.colorPickr")})()})(); \ No newline at end of file diff --git a/man/colorPickr.Rd b/man/colorPickr.Rd index abbcf07a..22074488 100644 --- a/man/colorPickr.Rd +++ b/man/colorPickr.Rd @@ -221,13 +221,25 @@ server <- function(input, output, session) { output$res21 <- renderPrint(input$id21) observeEvent(input$red, { - updateColorPickr(session, "id21", "firebrick") + updateColorPickr( + session, "id21", + label = "firebrick", + value = "firebrick" + ) }) observeEvent(input$green, { - updateColorPickr(session, "id21", "forestgreen") + updateColorPickr( + session, "id21", + label = "forestgreen", + value = "forestgreen" + ) }) observeEvent(input$blue, { - updateColorPickr(session, "id21", "steelblue") + updateColorPickr( + session, "id21", + label = "steelblue", + value = "steelblue" + ) }) output$res22 <- renderPrint(input$id22) diff --git a/package-lock.json b/package-lock.json index 933ae634..60b3ce14 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "1.0.0", "license": "MIT", "devDependencies": { - "@simonwep/pickr": "^1.6.0", + "@simonwep/pickr": "^1.9.1", "@widgetjs/tree": "^1.8.3", "air-datepicker": "^3.5.3", "autonumeric": "^4.6.0", @@ -96,13 +96,13 @@ } }, "node_modules/@simonwep/pickr": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/@simonwep/pickr/-/pickr-1.8.2.tgz", - "integrity": "sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==", + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/@simonwep/pickr/-/pickr-1.9.1.tgz", + "integrity": "sha512-fR3qmfAcPf/HSFS7GEnTmZLM3+xERv1+jyMBbzT63ilRRM8veYjI7ELvkHHKk0/du3lHp7uh/FqatjM3646X1g==", "dev": true, "dependencies": { - "core-js": "^3.15.1", - "nanopop": "^2.1.0" + "core-js": "3.37.0", + "nanopop": "2.4.2" } }, "node_modules/@types/estree": { @@ -479,9 +479,9 @@ "dev": true }, "node_modules/core-js": { - "version": "3.32.1", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.32.1.tgz", - "integrity": "sha512-lqufgNn9NLnESg5mQeYsxQP5w7wrViSj0jr/kv6ECQiByzQkrn1MKvV0L3acttpDqfQrHLwr2KCMgX5b8X+lyQ==", + "version": "3.37.0", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.37.0.tgz", + "integrity": "sha512-fu5vHevQ8ZG4og+LXug8ulUtVxjOcEYvifJr7L5Bfq9GOztVqsKd9/59hUk2ZSbCrS3BqUr3EpaYGIYzq7g3Ug==", "dev": true, "hasInstallScript": true, "funding": { @@ -979,9 +979,9 @@ } }, "node_modules/nanopop": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/nanopop/-/nanopop-2.3.0.tgz", - "integrity": "sha512-fzN+T2K7/Ah25XU02MJkPZ5q4Tj5FpjmIYq4rvoHX4yb16HzFdCO6JxFFn5Y/oBhQ8no8fUZavnyIv9/+xkBBw==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/nanopop/-/nanopop-2.4.2.tgz", + "integrity": "sha512-NzOgmMQ+elxxHeIha+OG/Pv3Oc3p4RU2aBhwWwAqDpXrdTbtRylbRLQztLy8dMMwfl6pclznBdfUhccEn9ZIzw==", "dev": true }, "node_modules/neo-async": { @@ -1831,13 +1831,13 @@ } }, "@simonwep/pickr": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/@simonwep/pickr/-/pickr-1.8.2.tgz", - "integrity": "sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==", + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/@simonwep/pickr/-/pickr-1.9.1.tgz", + "integrity": "sha512-fR3qmfAcPf/HSFS7GEnTmZLM3+xERv1+jyMBbzT63ilRRM8veYjI7ELvkHHKk0/du3lHp7uh/FqatjM3646X1g==", "dev": true, "requires": { - "core-js": "^3.15.1", - "nanopop": "^2.1.0" + "core-js": "3.37.0", + "nanopop": "2.4.2" } }, "@types/estree": { @@ -2146,9 +2146,9 @@ "dev": true }, "core-js": { - "version": "3.32.1", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.32.1.tgz", - "integrity": "sha512-lqufgNn9NLnESg5mQeYsxQP5w7wrViSj0jr/kv6ECQiByzQkrn1MKvV0L3acttpDqfQrHLwr2KCMgX5b8X+lyQ==", + "version": "3.37.0", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.37.0.tgz", + "integrity": "sha512-fu5vHevQ8ZG4og+LXug8ulUtVxjOcEYvifJr7L5Bfq9GOztVqsKd9/59hUk2ZSbCrS3BqUr3EpaYGIYzq7g3Ug==", "dev": true }, "cross-spawn": { @@ -2505,9 +2505,9 @@ "dev": true }, "nanopop": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/nanopop/-/nanopop-2.3.0.tgz", - "integrity": "sha512-fzN+T2K7/Ah25XU02MJkPZ5q4Tj5FpjmIYq4rvoHX4yb16HzFdCO6JxFFn5Y/oBhQ8no8fUZavnyIv9/+xkBBw==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/nanopop/-/nanopop-2.4.2.tgz", + "integrity": "sha512-NzOgmMQ+elxxHeIha+OG/Pv3Oc3p4RU2aBhwWwAqDpXrdTbtRylbRLQztLy8dMMwfl6pclznBdfUhccEn9ZIzw==", "dev": true }, "neo-async": { diff --git a/package.json b/package.json index 9c52516d..4017c1e6 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ }, "homepage": "https://github.com/dreamRs/shinyWidgets#readme", "devDependencies": { - "@simonwep/pickr": "^1.6.0", + "@simonwep/pickr": "^1.9.1", "@widgetjs/tree": "^1.8.3", "air-datepicker": "^3.5.3", "autonumeric": "^4.6.0",