funnel-gfx-wc 0.1.37 → 0.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{p,b as a}from"./p-CdYQnVp2.js";export{s as setNonce}from"./p-CdYQnVp2.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),p(a)})().then((async p=>(await t(),a([["p-e0854203",[[1,"funnel-app",{tag:[1]}]]]],p))));
1
+ import{p,b as a}from"./p-CdYQnVp2.js";export{s as setNonce}from"./p-CdYQnVp2.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),p(s)})().then((async p=>(await t(),a([["p-571d7dca",[[1,"funnel-app",{tag:[1]}]]]],p))));
@@ -0,0 +1 @@
1
+ import{h as t,g as e,f as n,r as s}from"./p-CdYQnVp2.js";const r=e=>{const n=e.hex||"currentColor",s=e.selected||!1,r=e.size||24;return t("svg",{class:e.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"radio")," ",t("g",{fill:n},t("path",s?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],o=i.map((()=>0)),l={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},a={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},c=t=>l[t]||a[t],h=Object.keys(l),u=t=>!("isConnected"in t)||t.isConnected,d=(()=>{let t;return(...e)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let e of t.keys())t.set(e,t.get(e).filter(u))})(...e)}),2e3)}})(),f=t=>"function"==typeof t?t():t,p="funnel-gfx-wc::app-data",g=(()=>{const t=((t,e=(t,e)=>t!==e)=>{const n=f(t);let s=new Map(Object.entries(n??{}));const r={dispose:[],get:[],set:[],reset:[]},i=()=>{s=new Map(Object.entries(f(t)??{})),r.reset.forEach((t=>t()))},o=t=>(r.get.forEach((e=>e(t))),s.get(t)),l=(t,n)=>{const i=s.get(t);e(n,i,t)&&(s.set(t,n),r.set.forEach((e=>e(t,n,i))))},a="undefined"==typeof Proxy?{}:new Proxy(n,{get:(t,e)=>o(e),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,e)=>s.has(e),set:(t,e,n)=>(l(e,n),!0)}),c=(t,e)=>(r[t].push(e),()=>{((t,e)=>{const n=t.indexOf(e);n>=0&&(t[n]=t[t.length-1],t.length--)})(r[t],e)});return{state:a,get:o,set:l,on:c,onChange:(e,n)=>{const s=c("set",((t,s)=>{t===e&&n(s)})),r=c("reset",(()=>n(f(t)[e])));return()=>{s(),r()}},use:(...t)=>{const e=t.reduce(((t,e)=>(e.set&&t.push(c("set",e.set)),e.get&&t.push(c("get",e.get)),e.reset&&t.push(c("reset",e.reset)),e.dispose&&t.push(c("dispose",e.dispose)),t)),[]);return()=>e.forEach((t=>t()))},dispose:()=>{r.dispose.forEach((t=>t())),i()},reset:i,forceUpdate:t=>{const e=s.get(t);r.set.forEach((n=>n(t,e,e)))}}})({count:0,pick:"bada55",values:[...o]},void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:n=>{const s=e();s&&((t,e,n)=>{const s=t.get(e);s?s.includes(n)||s.push(n):t.set(e,[n])})(t,n,s)},set:e=>{const s=t.get(e);s&&t.set(e,s.filter(n)),d(t)},reset:()=>{t.forEach((t=>t.forEach(n))),d(t)}}})()),t})(),{state:b,onChange:m}=g,v=()=>{const{count:t,pick:e,values:n}=b;(t=>{const e=JSON.stringify(t);localStorage.setItem(p,e)})({count:t,pick:e,values:n})},x={initApp:()=>{const t=(()=>{const t=localStorage.getItem(p);return t?JSON.parse(t):void 0})();if(t){const{count:e,pick:n,values:s}=t;b.count=e,b.pick=n,b.values=s}},refresh:()=>{const t=o.map((()=>Math.floor(100*Math.random())));b.count=b.count+1,b.values=t,v()},reset:()=>{b.count=0,b.values=[...o],v()},updatePick:t=>{b.pick=t,v()}},y=e=>{const{actions:n,state:s}=e,{pick:i}=s;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},h.map((e=>{const s=c(e),o=i==e;return t("div",{"aria-label":e,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{n.updatePick(e)}},t(r,{hex:s,selected:o,label:e}))})))},w=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"chevron-double-left"),t("g",{fill:n},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"close"),t("g",{fill:n},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},k=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"refresh"),t("g",{fill:n},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},_=e=>{const{actions:n,state:s}=e,{count:r}=s;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{n.refresh()}},t(k,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{n.reset()}},t(C,{label:"Reset"})),t("span",{class:"flex items-center"},t(w,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,r))))},M=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.5"),N=e=>{const{state:n}=e,{values:s,pick:r,count:i}=n;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},r)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${i>0?s:"..."}`))),t(M,null))},$="undefined"!=typeof window,S=$?window:null,A=$?document:null,z={replace:0,none:1,blend:2},L=Symbol(),T=Symbol(),O=Symbol(),R=Symbol(),B=Symbol(),j=1e-11,U=1e12,E=1e3,P="",D=new Map;D.set("x","translateX"),D.set("y","translateY"),D.set("z","translateZ");const I=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],Z=I.reduce(((t,e)=>({...t,[e]:e+"("})),{}),Y=()=>{},H=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,X=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,F=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,Q=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,q=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,V=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,J=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,G=/([a-z])([A-Z])/g,K=/(\w+)(\([^)]+\)+)/g,W={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:120,loop:0,reversed:!1,alternate:!1,autoplay:!0,duration:E,delay:0,loopDelay:0,ease:"out(2)",composition:z.replace,modifier:t=>t,onBegin:Y,onBeforeUpdate:Y,onUpdate:Y,onLoop:Y,onPause:Y,onComplete:Y,onRender:Y},tt={defaults:W,root:A,precision:4,timeScale:1,tickThreshold:200},et={version:"4.0.2",engine:null};$&&(S.AnimeJS||(S.AnimeJS=[]),S.AnimeJS.push(et));const nt=(t,e)=>0===t.indexOf(e),st=Date.now,rt=Array.isArray,it=t=>t&&t.constructor===Object,ot=t=>"string"==typeof t,lt=t=>"function"==typeof t,at=t=>void 0===t,ct=t=>at(t)||null===t,ht=t=>$&&t instanceof SVGElement,ut=t=>H.test(t),dt=t=>nt(t,"rgb"),ft=t=>nt(t,"hsl"),pt=t=>!tt.defaults.hasOwnProperty(t),gt=t=>ot(t)?parseFloat(t):t,bt=Math.pow,mt=Math.sqrt,vt=Math.sin,xt=Math.cos,yt=Math.abs,wt=Math.ceil,Ct=Math.floor,kt=Math.asin,_t=Math.PI,Mt=Math.round,Nt=(t,e,n)=>t<e?e:t>n?n:t,$t={},St=(t,e)=>{if(e<0)return t;if(!e)return Mt(t);let n=$t[e];return n||(n=$t[e]=10**e),Mt(t*n)/n},At=(t,e,n)=>t+(e-t)*n,zt=t=>t===1/0?U:t===-1/0?-1e12:t,Lt=t=>t<=j?j:zt(St(t,11)),Tt=t=>rt(t)?[...t]:t,Ot=(t,e,n,s="_prev",r="_next")=>{let i=t._head,o=r;for(n&&(i=t._tail,o=s);i;){const t=i[o];e(i),i=t}},Rt=(t,e,n="_prev",s="_next")=>{const r=e[n],i=e[s];r?r[s]=i:t._head=i,i?i[n]=r:t._tail=r,e[n]=null,e[s]=null},Bt=(t,e,n,s="_prev",r="_next")=>{let i=t._tail;for(;i&&n&&n(i,e);)i=i[s];const o=i?i[r]:t._head;i?i[r]=e:t._head=e,o?o[s]=e:t._tail=e,e[s]=i,e[r]=o};class jt{constructor(t=0){this.deltaTime=0,this._currentTime=t,this._elapsedTime=t,this._startTime=t,this._lastTime=t,this._scheduledTime=0,this._frameDuration=St(E/120,0),this._fps=120,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(t){const e=this._frameDuration,n=+t,s=n<j?j:n,r=St(E/s,0);this._fps=s,this._frameDuration=r,this._scheduledTime+=r-e}get speed(){return this._speed}set speed(t){const e=+t;this._speed=e<j?j:e}requestTick(t){const e=this._scheduledTime,n=this._elapsedTime;if(this._elapsedTime+=t-n,n<e)return 0;const s=this._frameDuration,r=n-e;return this._scheduledTime+=r<s?s:r,1}computeDeltaTime(t){const e=t-this._lastTime;return this.deltaTime=e,this._lastTime=t,e}}const Ut=(t,e,n,s,r)=>{const i=t.parent,o=t.duration,l=t.completed,a=t.iterationDuration,c=t.iterationCount,h=t._currentIteration,u=t._loopDelay,d=t._reversed,f=t._alternate,p=t._hasChildren,g=t._delay,b=t._currentTime,m=g+a,v=e-g,x=Nt(b,-g,o),y=Nt(v,-g,o),w=v-b,C=y>0,k=y>=o,_=o<=j,M=2===r;let N=0,$=v,S=0;c>1&&(t._currentIteration=Nt(~~(y/(a+(k?0:u))),0,c),k&&t._currentIteration--,N=t._currentIteration%2,$=y%(a+u)||0);const A=d^(f&&N),L=t._ease;let T=k?A?0:o:A?a-$:$;L&&(T=a*L(T/a)||0);const O=(i?i.backwards:v<b)?!A:!!A;if(t._currentTime=v,t._iterationTime=T,t.backwards=O,C&&!t.began?(t.began=!0,n||i&&(O||!i.began)||t.onBegin(t)):v<=0&&(t.began=!1),n||p||!C||t._currentIteration===h||t.onLoop(t),M||1===r&&(e>=g&&e<=m||e<=g&&x>g||e>=m&&x!==o)||T>=m&&x!==o||T<=g&&x>0||e<=x&&x===o&&l||k&&!l&&_){if(C&&(t.computeDeltaTime(x),n||t.onBeforeUpdate(t)),!p){const e=M||(O?-1*w:w)>=tt.tickThreshold,r=t._offset+(i?i._offset:0)+g+T;let o,l,a,c,h=t._head,u=0;for(;h;){const t=h._composition,n=h._currentTime,i=h._changeDuration,d=h._absoluteStartTime+h._changeDuration,f=h._nextRep,p=h._prevRep,g=t!==z.none;if((e||(n!==i||r<=d+(f?f._delay:0))&&(0!==n||r>=h._absoluteStartTime))&&(!g||!h._isOverridden&&(!h._isOverlapped||r<=d)&&(!f||f._isOverridden||r<=f._absoluteStartTime)&&(!p||p._isOverridden||r>=p._absoluteStartTime+p._changeDuration+h._delay))){const e=h._currentTime=Nt(T-h._startTime,0,i),n=h._ease(e/h._updateDuration),r=h._modifier,d=h._valueType,f=h._tweenType,p=0===f,b=0===d,m=b&&p||0===n||1===n?-1:tt.precision;let v,x;if(b)v=x=r(St(At(h._fromNumber,h._toNumber,n),m));else if(1===d)x=r(St(At(h._fromNumber,h._toNumber,n),m)),v=`${x}${h._unit}`;else if(2===d){const t=h._fromNumbers,e=h._toNumbers,s=St(Nt(r(At(t[0],e[0],n)),0,255),0),i=St(Nt(r(At(t[1],e[1],n)),0,255),0),o=St(Nt(r(At(t[2],e[2],n)),0,255),0),l=Nt(r(St(At(t[3],e[3],n),m)),0,1);if(v=`rgba(${s},${i},${o},${l})`,g){const t=h._numbers;t[0]=s,t[1]=i,t[2]=o,t[3]=l}}else if(3===d){v=h._strings[0];for(let t=0,e=h._toNumbers.length;t<e;t++){const e=r(St(At(h._fromNumbers[t],h._toNumbers[t],n),m)),s=h._strings[t+1];v+=`${s?e+s:e}`,g&&(h._numbers[t]=e)}}if(g&&(h._number=x),s||t===z.blend)h._value=v;else{const t=h.property;o=h.target,p?o[t]=v:1===f?o.setAttribute(t,v):(l=o.style,3===f?(o!==a&&(a=o,c=o[R]),c[t]=v,u=1):2===f?l[t]=v:4===f&&l.setProperty(t,v)),C&&(S=1)}}if(u&&h._renderTransforms){let t=P;for(let e in c)t+=`${Z[e]}${c[e]}) `;l.transform=t,u=0}h=h._next}!n&&S&&t.onRender(t)}!n&&C&&t.onUpdate(t)}return i&&_?!n&&(i.began&&!O&&v>=o&&!l||O&&v<=j&&l)&&(t.onComplete(t),t.completed=!O):C&&k?c===1/0?t._startTime+=t.duration:t._currentIteration>=c-1&&(t.paused=!0,l||p||(t.completed=!0,n||i&&(O||!i.began)||(t.onComplete(t),t._resolve(t)))):t.completed=!1,S},Et=(t,e,n,s,r)=>{const i=t._currentIteration;if(Ut(t,e,n,s,r),t._hasChildren){const o=t,l=o.backwards,a=s?e:o._iterationTime,c=st();let h=0,u=!0;if(!s&&o._currentIteration!==i){const t=o.iterationDuration;Ot(o,(e=>{if(l){const s=e.duration,r=e._offset+e._delay;n||!(s<=j)||r&&r+s!==t||e.onComplete(e)}else!e.completed&&!e.backwards&&e._currentTime<e.iterationDuration&&Ut(e,t,n,1,2),e.began=!1,e.completed=!1})),n||o.onLoop(o)}Ot(o,(t=>{const e=St((a-t._offset)*t._speed,12),i=t._fps<o._fps?t.requestTick(c):r;h+=Ut(t,e,n,s,i),!t.completed&&u&&(u=!1)}),l),!n&&h&&o.onRender(o),u&&o._currentTime>=o.duration&&(o.paused=!0,o.completed||(o.completed=!0,n||(o.onComplete(o),o._resolve(o))))}},Pt={animation:null,update:Y},Dt=$?requestAnimationFrame:setImmediate,It=$?cancelAnimationFrame:clearImmediate;class Zt extends jt{constructor(t){super(t),this.useDefaultMainLoop=!0,this.pauseOnDocumentHidden=!0,this.defaults=W,this.paused=!(!$||!A.hidden),this.reqId=null}update(){const t=this._currentTime=st();if(this.requestTick(t)){this.computeDeltaTime(t);const e=this._speed,n=this._fps;let s=this._head;for(;s;){const r=s._next;s.paused?(Rt(this,s),this._hasChildren=!!this._tail,s._running=!1,s.completed&&!s._cancelled&&s.cancel()):Et(s,(t-s._startTime)*s._speed*e,0,0,s._fps<n?s.requestTick(t):1),s=r}Pt.update()}}wake(){return!this.useDefaultMainLoop||this.reqId||this.paused||(this.reqId=Dt(Ht)),this}pause(){return this.paused=!0,Xt()}resume(){if(this.paused)return this.paused=!1,Ot(this,(t=>t.resetTime())),this.wake()}get speed(){return this._speed*(1===tt.timeScale?1:E)}set speed(t){this._speed=t*tt.timeScale,Ot(this,(t=>t.speed=t._speed))}get timeUnit(){return 1===tt.timeScale?"ms":"s"}set timeUnit(t){const e="s"===t,n=e?.001:1;if(tt.timeScale!==n){tt.timeScale=n,tt.tickThreshold=200*n;const t=e?.001:E;this.defaults.duration*=t,this._speed*=t}}get precision(){return tt.precision}set precision(t){tt.precision=t}}const Yt=(()=>{const t=new Zt(st());return $&&(et.engine=t,A.addEventListener("visibilitychange",(()=>{t.pauseOnDocumentHidden&&(A.hidden?t.pause():t.resume())}))),t})(),Ht=()=>{Yt._head?(Yt.reqId=Dt(Ht),Yt.update()):Yt.reqId=0},Xt=()=>(It(Yt.reqId),Yt.reqId=0,Yt);function Ft(t){const e=ot(t)?tt.root.querySelectorAll(t):t;if(e instanceof NodeList||e instanceof HTMLCollection)return e}const Qt=["opacity","rotate","overflow","color"],qt=(t,e,n)=>(n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t),Vt=(t,e)=>at(t)?e:t,Jt=(t,e,n,s,r)=>{if(lt(t)){const i=()=>{const r=t(e,n,s);return isNaN(+r)?r||0:+r};return r&&(r.func=i),i()}return t},Gt=(t,e)=>t[T]?t[O]&&((t,e)=>{if(Qt.includes(e))return!1;if(t.getAttribute(e)||e in t){if("scale"===e){const e=t.parentNode;return e&&"filter"===e.tagName}return!0}})(t,e)?1:I.includes(e)||D.get(e)?3:nt(e,"--")?4:e in t.style?2:e in t?0:1:0,Kt=(t,e,n)=>{const s=t.style[e];s&&n&&(n[e]=s);const r=s||getComputedStyle(t[B]||t).getPropertyValue(e);return"auto"===r?"0":r},Wt=(t,e,n,s)=>{const r=at(n)?Gt(t,e):n;return 0===r?t[e]||0:1===r?t.getAttribute(e):3===r?((t,e,n)=>{const s=t.style.transform;let r;if(s){const i=t[R];let o;for(;o=K.exec(s);){const t=o[1],s=o[2].slice(1,-1);i[t]=s,t===e&&(r=s,n&&(n[e]=s))}}return s&&!at(r)?r:nt(e,"scale")?"1":nt(e,"rotate")||nt(e,"skew")?"0deg":"0px"})(t,e,s):4===r?Kt(t,e,s).trimStart():Kt(t,e,s)},te=(t,e,n)=>"-"===n?t-e:"+"===n?t+e:t*e,ee=(t,e)=>{if(e.t=0,e.n=0,e.u=null,e.o=null,e.d=null,e.s=null,!t)return e;const n=+t;if(isNaN(n)){let n=t;"="===n[1]&&(e.o=n[0],n=n.slice(2));const i=!n.includes(" ")&&J.exec(n);if(i)return e.t=1,e.n=+i[1],e.u=i[2],e;if(e.o)return e.n=+n,e;if(ut(r=n)||dt(r)||ft(r))return e.t=2,e.d=dt(s=n)?(t=>{const e=X.exec(t)||F.exec(t),n=at(e[4])?1:+e[4];return[+e[1],+e[2],+e[3],n]})(s):ut(s)?(t=>{const e=t.length,n=4===e||5===e;return[+("0x"+t[1]+t[n?1:2]),+("0x"+t[n?2:3]+t[n?2:4]),+("0x"+t[n?3:5]+t[n?3:6]),5===e||9===e?+(+("0x"+t[n?4:7]+t[n?4:8])/255).toFixed(3):1]})(s):ft(s)?(t=>{const e=Q.exec(t)||q.exec(t),n=+e[1]/360,s=+e[2]/100,r=+e[3]/100,i=at(e[4])?1:+e[4];let o,l,a;if(0===s)o=l=a=r;else{const t=r<.5?r*(1+s):r+s-r*s,e=2*r-t;o=St(255*qt(e,t,n+1/3),0),l=St(255*qt(e,t,n),0),a=St(255*qt(e,t,n-1/3),0)}return[o,l,a,i]})(s):[0,0,0,1],e;{const t=n.match(V);return e.t=3,e.d=t?t.map(Number):[],e.s=n.split(V)||[],e}}var s,r;return e.n=n,e},ne=(t,e)=>(e.t=t._valueType,e.n=t._toNumber,e.u=t._unit,e.o=null,e.d=Tt(t._toNumbers),e.s=Tt(t._strings),e),se={t:0,n:0,u:null,o:null,d:null,s:null},re={_rep:new WeakMap,_add:new Map},ie=(t,e,n="_rep")=>{const s=re[n];let r=s.get(t);return r||(r={},s.set(t,r)),r[e]?r[e]:r[e]={_head:null,_tail:null}},oe=(t,e)=>t._isOverridden||t._absoluteStartTime>e._absoluteStartTime,le=t=>{t._isOverlapped=1,t._isOverridden=1,t._changeDuration=j,t._currentTime=j},ae=(t,e)=>{const n=t._composition;if(n===z.replace){const n=t._absoluteStartTime;Bt(e,t,oe,"_prevRep","_nextRep");const s=t._prevRep;if(s){const e=s.parent,r=s._absoluteStartTime+s._changeDuration;if(t.parent.id!==e.id&&e.iterationCount>1&&r+(e.duration-e.iterationDuration)>n){le(s);let t=s._prevRep;for(;t&&t.parent.id===e.id;)le(t),t=t._prevRep}const i=n-t._delay;if(r>i){const t=s._startTime;s._changeDuration=i-(r-(t+s._updateDuration))-t,s._currentTime=s._changeDuration,s._isOverlapped=1,s._changeDuration<j&&le(s)}let o=!0;if(Ot(e,(t=>{t._isOverlapped||(o=!1)})),o){const t=e.parent;if(t){let n=!0;Ot(t,(t=>{t!==e&&Ot(t,(t=>{t._isOverlapped||(n=!1)}))})),n&&t.cancel()}else e.cancel()}}}else if(n===z.blend){const e=ie(t.target,t.property,"_add"),n=(t=>{let e=Pt.animation;return e||(e={duration:j,computeDeltaTime:Y,_offset:0,_delay:0,_head:null,_tail:null},Pt.animation=e,Pt.update=()=>{t.forEach((t=>{for(let e in t){const n=t[e],s=n._head;if(s){const t=s._valueType,e=3===t||2===t?Tt(s._fromNumbers):null;let r=s._fromNumber,i=n._tail;for(;i&&i!==s;){if(e)for(let t=0,n=i._numbers.length;t<n;t++)e[t]+=i._numbers[t];else r+=i._number;i=i._prevAdd}s._toNumber=r,s._toNumbers=e}}})),Ut(e,1,1,0,2)}),e})(re._add);let s=e._head;s||(s={...t},s._composition=z.replace,s._updateDuration=j,s._startTime=0,s._numbers=Tt(t._fromNumbers),s._number=0,s._next=null,s._prev=null,Bt(e,s),Bt(n,s));const r=t._toNumber;if(t._fromNumber=s._fromNumber-r,t._toNumber=0,t._numbers=Tt(t._fromNumbers),t._number=0,s._fromNumber=r,t._toNumbers){const e=Tt(t._toNumbers);e&&e.forEach(((e,n)=>{t._fromNumbers[n]=s._fromNumbers[n]-e,t._toNumbers[n]=0})),s._fromNumbers=e}Bt(e,t,null,"_prevAdd","_nextAdd")}return t},ce=t=>{const e=t._composition;if(e!==z.none){const n=t.target,s=t.property,r=re._rep.get(n);if(Rt(r[s],t,"_prevRep","_nextRep"),e===z.blend){const e=re._add,r=e.get(n);if(!r)return;const i=r[s],o=Pt.animation;Rt(i,t,"_prevAdd","_nextAdd");const l=i._head;if(l&&l===i._tail){Rt(i,l,"_prevAdd","_nextAdd"),Rt(o,l);let t=!0;for(let e in r)if(r[e]._head){t=!1;break}t&&e.delete(n)}}}return t},he=t=>(t.paused=!0,t.began=!1,t.completed=!1,t),ue=t=>t._cancelled?(Ot(t,t._hasChildren?ue:t=>{t._composition!==z.none&&ae(t,ie(t.target,t.property))}),t._cancelled=0,t):t;let de=0;class fe extends jt{constructor(t={},e=null,n=0){super(0);const{id:s,delay:r,duration:i,reversed:o,alternate:l,loop:a,loopDelay:c,autoplay:h,frameRate:u,playbackRate:d,onComplete:f,onLoop:p,onPause:g,onBegin:b,onBeforeUpdate:m,onUpdate:v}=t,x=e?0:Yt._elapsedTime,y=e?e.defaults:tt.defaults,w=lt(r)||at(r)?y.delay:+r,C=lt(i)||at(i)?1/0:+i,k=Vt(a,y.loop),_=Vt(c,y.loopDelay),M=!0===k||k===1/0||k<0?1/0:k+1;let N=0;if(e)N=n;else{let t=st();Yt.paused&&(Yt.requestTick(t),t=Yt._elapsedTime),N=t-Yt._startTime}this.id=at(s)?++de:s,this.parent=e,this.duration=zt((C+_)*M-_)||j,this.backwards=!1,this.paused=!0,this.began=!1,this.completed=!1,this.onBegin=b||y.onBegin,this.onBeforeUpdate=m||y.onBeforeUpdate,this.onUpdate=v||y.onUpdate,this.onLoop=p||y.onLoop,this.onPause=g||y.onPause,this.onComplete=f||y.onComplete,this.iterationDuration=C,this.iterationCount=M,this._autoplay=!e&&Vt(h,y.autoplay),this._offset=N,this._delay=w,this._loopDelay=_,this._iterationTime=0,this._currentIteration=0,this._resolve=Y,this._running=!1,this._reversed=+Vt(o,y.reversed),this._reverse=this._reversed,this._cancelled=0,this._alternate=Vt(l,y.alternate),this._prev=null,this._next=null,this._elapsedTime=x,this._startTime=x,this._lastTime=x,this._fps=Vt(u,y.frameRate),this._speed=Vt(d,y.playbackRate)}get cancelled(){return!!this._cancelled}set cancelled(t){t?this.cancel():this.reset(1).play()}get currentTime(){return Nt(St(this._currentTime,tt.precision),-this._delay,this.duration)}set currentTime(t){const e=this.paused;this.pause().seek(+t),e||this.resume()}get iterationCurrentTime(){return St(this._iterationTime,tt.precision)}set iterationCurrentTime(t){this.currentTime=this.iterationDuration*this._currentIteration+t}get progress(){return Nt(St(this._currentTime/this.duration,5),0,1)}set progress(t){this.currentTime=this.duration*t}get iterationProgress(){return Nt(St(this._iterationTime/this.iterationDuration,5),0,1)}set iterationProgress(t){const e=this.iterationDuration;this.currentTime=e*this._currentIteration+e*t}get currentIteration(){return this._currentIteration}set currentIteration(t){this.currentTime=this.iterationDuration*Nt(+t,0,this.iterationCount-1)}get reversed(){return!!this._reversed}set reversed(t){t?this.reverse():this.play()}get speed(){return super.speed}set speed(t){super.speed=t,this.resetTime()}reset(t=0){return ue(this),this._reversed&&!this._reverse&&(this.reversed=!1),this._iterationTime=this.iterationDuration,Et(this,0,1,t,2),he(this),this._hasChildren&&Ot(this,he),this}init(t=0){this.fps=this._fps,this.speed=this._speed,!t&&this._hasChildren&&Et(this,this.duration,1,t,2),this.reset(t);const e=this._autoplay;return!0===e?this.resume():e&&!at(e.linked)&&e.link(this),this}resetTime(){const t=1/(this._speed*Yt._speed);return this._startTime=st()-(this._currentTime+this._delay)*t,this}pause(){return this.paused||(this.paused=!0,this.onPause(this)),this}resume(){return this.paused?(this.paused=!1,this.duration<=j&&!this._hasChildren?Et(this,j,0,0,2):(this._running||(Bt(Yt,this),Yt._hasChildren=!0,this._running=!0),this.resetTime(),this._startTime-=12,Yt.wake()),this):this}restart(){return this.reset(0).resume()}seek(t,e=0,n=0){ue(this),this.completed=!1;const s=this.paused;return this.paused=!0,Et(this,t+this._delay,~~e,~~n,1),s?this:this.resume()}alternate(){const t=this._reversed,e=this.iterationCount,n=this.iterationDuration,s=e===1/0?Ct(U/n):e;return this._reversed=+(!this._alternate||s%2?!t:t),e===1/0?this.iterationProgress=this._reversed?1-this.iterationProgress:this.iterationProgress:this.seek(n*s-this._currentTime),this.resetTime(),this}play(){return this._reversed&&this.alternate(),this.resume()}reverse(){return this._reversed||this.alternate(),this.resume()}cancel(){return this._hasChildren?Ot(this,(t=>t.cancel()),!0):Ot(this,ce),this._cancelled=1,this.pause()}stretch(t){const e=this.duration,n=Lt(t);if(e===n)return this;const s=t/e,r=t<=j;return this.duration=r?j:n,this.iterationDuration=r?j:Lt(this.iterationDuration*s),this._offset*=s,this._delay*=s,this._loopDelay*=s,this}revert(){Et(this,0,1,0,1);const t=this._autoplay;return t&&t.linked&&t.linked===this&&t.revert(),this.cancel()}complete(){return this.seek(this.duration).cancel()}then(t=Y){const e=this.then,n=()=>{this.then=null,t(this),this.then=e,this._resolve=Y};return new Promise((t=>(this._resolve=()=>t(n()),this.completed&&this._resolve(),this)))}}const pe=t=>t,ge=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,be=(t=.5,e=0,n=.5,s=1)=>t===e&&n===s?pe:r=>0===r||1===r?r:ge(((t,e,n)=>{let s,r,i=0,o=1,l=0;do{r=i+(o-i)/2,s=ge(r,e,n)-t,s>0?o=r:i=r}while(yt(s)>1e-7&&++l<100);return r})(r,t,n),e,s),me=(t=10,e)=>{const n=e?wt:Ct;return e=>n(Nt(e,0,1)*t)*(1/t)},ve=(...t)=>{const e=t.length;if(!e)return pe;const n=e-1,s=t[n],r=[0],i=[gt(t[0])];for(let e=1;e<n;e++){const s=t[e],o=ot(s)?s.trim().split(" "):[s],l=o[0],a=o[1];r.push(at(a)?e/n:gt(a)/100),i.push(gt(l))}return i.push(gt(s)),r.push(1),function(t){for(let e=1,n=r.length;e<n;e++){const n=r[e];if(t<=n){const s=r[e-1],o=i[e-1];return o+(i[e]-o)*(t-s)/(n-s)}}return i[i.length-1]}},xe=(t=10,e=1)=>{const n=[0],s=t-1;for(let t=1;t<s;t++){const r=n[t-1],i=t/s,o=i+((t+1)/s-i)*Math.random();n.push(Nt(i*(1-e)+o*e,r,1))}return n.push(1),ve(...n)},ye=_t/2,we=2*_t,Ce=(t=1.68)=>e=>bt(e,+t),ke={[P]:Ce,Quad:Ce(2),Cubic:Ce(3),Quart:Ce(4),Quint:Ce(5),Sine:t=>1-xt(t*ye),Circ:t=>1-mt(1-t*t),Expo:t=>t?bt(2,10*t-10):0,Bounce:t=>{let e,n=4;for(;t<((e=bt(2,--n))-1)/11;);return 1/bt(4,3-n)-7.5625*bt((3*e-2)/22-t,2)},Back:(t=1.70158)=>e=>(+t+1)*e*e*e-+t*e*e,Elastic:(t=1,e=.3)=>{const n=Nt(+t,1,10),s=Nt(+e,j,2),r=s/we*kt(1/n),i=we/s;return t=>0===t||1===t?t:-n*bt(2,-10*(1-t))*vt((1-t-r)*i)}},_e={in:t=>e=>t(e),out:t=>e=>1-t(1-e),inOut:t=>e=>e<.5?t(2*e)/2:1-t(-2*e+2)/2,outIn:t=>e=>e<.5?(1-t(1-2*e))/2:(t(2*e-1)+1)/2},Me=(()=>{const t={linear:ve,irregular:xe,steps:me,cubicBezier:be};for(let e in _e)for(let n in ke){const s=ke[n],r=_e[e];t[e+n]=n===P||"Back"===n||"Elastic"===n?(t,e)=>r(s(t,e)):r(s)}return t})(),Ne={linear:pe},$e=t=>lt(t)?t:ot(t)?((t,e,n)=>{if(n[t])return n[t];if(t.indexOf("(")<=-1){const s=_e[t]||t.includes("Back")||t.includes("Elastic")?e[t]():e[t];return s?n[t]=s:pe}{const s=t.slice(0,-1).split("("),r=e[s[0]];return r?n[t]=r(...s[1].split(",")):pe}})(t,Me,Ne):pe,Se={},Ae=(t,e,n)=>{if(3===n){return D.get(t)||t}if(2===n||1===n&&ht(e)&&t in e.style){const e=Se[t];if(e)return e;{const e=t?t.replace(G,"$1-$2").toLowerCase():t;return Se[t]=e,e}}return t},ze={deg:1,rad:180/_t,turn:360},Le={},Te=(t,e,n,s=!1)=>{const r=e.u,i=e.n;if(1===e.t&&r===n)return e;const o=i+r+n,l=Le[o];if(at(l)||s){let s;if(r in ze)s=i*ze[r]/ze[n];else{const e=100,o=t.cloneNode(),l=t.parentNode,a=l&&l!==A?l:A.body;a.appendChild(o);const c=o.style;c.width=e+r;const h=o.offsetWidth||e;c.width=e+n;const u=h/(o.offsetWidth||e);a.removeChild(o),s=u*i}e.n=s,Le[o]=s}else e.n=l;return e.u=n,e},Oe=t=>{if(t._hasChildren)Ot(t,Oe,!0);else{const e=t;e.pause(),Ot(e,(t=>{const n=t.property,s=t.target;if(s[T]){const r=s.style,i=e._inlineStyles[n];if(3===t._tweenType){const e=s[R];if(at(i)||i===P?delete e[n]:e[n]=i,t._renderTransforms)if(Object.keys(e).length){let t=P;for(let n in e)t+=Z[n]+e[n]+") ";r.transform=t}else r.removeProperty("transform")}else at(i)||i===P?r.removeProperty(n):r[n]=i;e._tail===t&&e.targets.forEach((t=>{t.getAttribute&&t.getAttribute("style")===P&&t.removeAttribute("style")}))}}))}return t},Re={t:0,n:0,u:null,o:null,d:null,s:null},Be={t:0,n:0,u:null,o:null,d:null,s:null},je={func:null},Ue=[null],Ee=[null,null],Pe={to:null};let De,Ie,Ze=0;class Ye extends fe{constructor(t,e,n,s,r=!1,i=0,o=0){super(e,n,s);const l=function(t){const e=function(t){if(ct(t))return[];if(rt(t)){const e=t.flat(1/0),n=[];for(let t=0,s=e.length;t<s;t++){const s=e[t];if(!ct(s)){const t=Ft(s);if(t)for(let e=0,s=t.length;e<s;e++){const s=t[e];if(!ct(s)){let t=!1;for(let e=0,r=n.length;e<r;e++)if(n[e]===s){t=!0;break}t||n.push(s)}}else{let t=!1;for(let e=0,r=n.length;e<r;e++)if(n[e]===s){t=!0;break}t||n.push(s)}}}return n}if(!$)return[t];const e=Ft(t);return e?Array.from(e):[t]}(t),n=e.length;if(n)for(let t=0;t<n;t++){const n=e[t];if(!n[L]){n[L]=!0;const t=ht(n);(n.nodeType||t)&&(n[T]=!0,n[O]=t,n[R]={})}}return e}(t),a=l.length,c=e.keyframes,h=c?((t,e)=>{const n={...t};for(let s in e){const r=t[s];n[s]=at(r)?e[s]:r}return n})(((t,e)=>{const n={};if(rt(t)){const e=[].concat(...t.map((t=>Object.keys(t)))).filter(pt);for(let s=0,r=e.length;s<r;s++){const r=e[s],i=t.map((t=>{const e={};for(let n in t){const s=t[n];pt(n)?n===r&&(e.to=s):e[n]=s}return e}));n[r]=i}}else{const s=Vt(e.duration,tt.defaults.duration),r=Object.keys(t).map((e=>({o:parseFloat(e)/100,p:t[e]}))).sort(((t,e)=>t.o-e.o));r.forEach((t=>{const e=t.o,r=t.p;for(let t in r)if(pt(t)){let i=n[t];i||(i=n[t]=[]);const o=e*s;let l=i.length,a=i[l-1];const c={to:r[t]};let h=0;for(let t=0;t<l;t++)h+=i[t].duration;1===l&&(c.from=a.to),r.ease&&(c.ease=r.ease),c.duration=o-(l?h:0),i.push(c)}return t}));for(let t in n){const e=n[t];let s;for(let t=0,n=e.length;t<n;t++){const n=e[t],r=n.ease;n.ease=s||void 0,s=r}e[0].duration||e.shift()}}return n})(c,e),e):e,{delay:u,duration:d,ease:f,playbackEase:p,modifier:g,composition:b,onRender:m}=h,v=n?n.defaults:tt.defaults,x=Vt(p,v.playbackEase),y=x?$e(x):null,w=!at(f)&&!at(f.ease),C=w?f.ease:Vt(f,y?"linear":v.ease),k=w?f.duration:Vt(d,v.duration),_=Vt(u,v.delay),M=g||v.modifier,N=at(b)&&a>=E?z.none:at(b)?v.composition:b,S={},A=this._offset+(n?n._offset:0);let B=NaN,U=NaN,P=0,D=0;for(let t=0;t<a;t++){const e=l[t],s=i||t,c=o||a;let u=NaN,d=NaN;for(let t in h)if(pt(t)){const i=Gt(e,t),o=Ae(t,e,i);let l=h[t];const a=rt(l);if(r&&!a&&(Ee[0]=l,Ee[1]=l,l=Ee),a){const t=l.length,e=!it(l[0]);2===t&&e?(Pe.to=l,Ue[0]=Pe,De=Ue):t>2&&e?(De=[],l.forEach(((t,e)=>{e?1===e?(Ee[1]=t,De.push(Ee)):De.push(t):Ee[0]=t}))):De=l}else Ue[0]=l,De=Ue;let f=null,p=null,g=NaN,b=0,m=0;for(let t=De.length;m<t;m++){const r=De[m];it(r)?Ie=r:(Pe.to=r,Ie=Pe),je.func=null;const l=Jt(Ie.to,e,s,c,je);let a;it(l)&&!at(l.to)?(Ie=l,a=l.to):a=l;const h=Jt(Ie.from,e,s,c),u=Ie.ease,d=!at(u)&&!at(u.ease),v=d?u.ease:u||C,x=d?u.duration:Jt(Vt(Ie.duration,t>1?Jt(k,e,s,c)/t:k),e,s,c),y=Jt(Vt(Ie.delay,m?0:_),e,s,c),w=Jt(Vt(Ie.composition,N),e,s,c),$="number"!=typeof(I=w)||isNaN(I)?z[w]:w,L=Ie.modifier||M,T=!at(h),O=!at(a),R=rt(a),B=R||T&&O,U=p?b+y:y,E=A+U;D||!T&&!R||(D=1);let Z=p;if($!==z.none){f||(f=ie(e,o));let t=f._head;for(;t&&!t._isOverridden&&t._absoluteStartTime<=E;)if(Z=t,t=t._nextRep,t&&t._absoluteStartTime>=E)for(;t;)le(t),t=t._nextRep}if(B?(ee(R?Jt(a[0],e,s,c):h,Re),ee(R?Jt(a[1],e,s,c,je):a,Be),0===Re.t&&(Z?1===Z._valueType&&(Re.t=1,Re.u=Z._unit):(ee(Wt(e,o,i,S),se),1===se.t&&(Re.t=1,Re.u=se.u)))):(O?ee(a,Be):p?ne(p,Be):ee(n&&Z&&Z.parent.parent===n?Z._value:Wt(e,o,i,S),Be),T?ee(h,Re):p?ne(p,Re):ee(n&&Z&&Z.parent.parent===n?Z._value:Wt(e,o,i,S),Re)),Re.o&&(Re.n=te(Z?Z._toNumber:ee(Wt(e,o,i,S),se).n,Re.n,Re.o)),Be.o&&(Be.n=te(Re.n,Be.n,Be.o)),Re.t!==Be.t)if(3===Re.t||3===Be.t){const t=3===Re.t?Re:Be,e=3===Re.t?Be:Re;e.t=3,e.s=Tt(t.s),e.d=t.d.map((()=>e.n))}else if(1===Re.t||1===Be.t){const t=1===Re.t?Re:Be,e=1===Re.t?Be:Re;e.t=1,e.u=t.u}else if(2===Re.t||2===Be.t){const t=2===Re.t?Re:Be,e=2===Re.t?Be:Re;e.t=2,e.s=t.s,e.d=[0,0,0,1]}if(Re.u!==Be.u){let t=Be.u?Re:Be;t=Te(e,t,Be.u?Be.u:Re.u,!1)}if(Be.d&&Re.d&&Be.d.length!==Re.d.length){const t=Re.d.length>Be.d.length?Re:Be,e=t===Re?Be:Re;e.d=t.d.map(((t,n)=>at(e.d[n])?0:e.d[n])),e.s=Tt(t.s)}const Y=St(+x||j,12),H={parent:this,id:Ze++,property:o,target:e,_value:null,_func:je.func,_ease:$e(v),_fromNumbers:Tt(Re.d),_toNumbers:Tt(Be.d),_strings:Tt(Be.s),_fromNumber:Re.n,_toNumber:Be.n,_numbers:Tt(Re.d),_number:Re.n,_unit:Be.u,_modifier:L,_currentTime:0,_startTime:U,_delay:+y,_updateDuration:Y,_changeDuration:Y,_absoluteStartTime:E,_tweenType:i,_valueType:Be.t,_composition:$,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};$!==z.none&&ae(H,f),isNaN(g)&&(g=H._startTime),b=St(U+Y,12),p=H,P++,Bt(this,H)}(isNaN(U)||g<U)&&(U=g),(isNaN(B)||b>B)&&(B=b),3===i&&(u=P-m,d=P)}if(!isNaN(u)){let t=0;Ot(this,(e=>{t>=u&&t<d&&(e._renderTransforms=1,e._composition===z.blend&&Ot(Pt.animation,(t=>{t.id===e.id&&(t._renderTransforms=1)}))),t++}))}}var I;a||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation."),U?(Ot(this,(t=>{t._startTime-t._delay||(t._delay-=U),t._startTime-=U})),B-=U):U=0,B||(B=j,this.iterationCount=0),this.targets=l,this.duration=B===j?j:zt((B+this._loopDelay)*this.iterationCount-this._loopDelay)||j,this.onRender=m||v.onRender,this._ease=y,this._delay=U,this.iterationDuration=B,this._inlineStyles=S,!this._autoplay&&D&&this.onRender(this)}stretch(t){const e=this.duration;if(e===Lt(t))return this;const n=t/e;return Ot(this,(t=>{t._updateDuration=Lt(t._updateDuration*n),t._changeDuration=Lt(t._changeDuration*n),t._currentTime*=n,t._startTime*=n,t._absoluteStartTime*=n})),super.stretch(t)}refresh(){return Ot(this,(t=>{const e=Wt(t.target,t.property,t._tweenType);ee(e,se),t._fromNumbers=Tt(se.d),t._fromNumber=se.n,t._func&&(ee(t._func(),Be),t._toNumbers=Tt(Be.d),t._strings=Tt(Be.s),t._toNumber=Be.n)})),this}revert(){return super.revert(),Oe(this)}then(t){return super.then(t)}}const He=(t,e)=>new Ye(t,e,null,0,!1).init();I.filter((t=>["X","Y","Z"].some((e=>t.endsWith(e))))),$&&(at(CSS)||Object.hasOwnProperty.call(CSS,"registerProperty"));let Xe,Fe=[];const Qe=c("white"),qe=c("bada55");let Ve,Je=[void 0,void 0,void 0,void 0,void 0];const Ge=t=>{if(!Xe)return;const e=c(t);Ve&&Ve.pause(),Ve=He(Xe,{fill:e,ease:"inOutCubic"})},Ke=t=>{Xe&&Xe.forEach(((e,n)=>{const s=Fe[n],r=t[n];Je[n]&&Je[n].pause(),Je[n]=He(e,{y:s*((100-r)/100),ease:"inOutCubic"})}))},We=()=>{const e=i.map((t=>(({id:t,height:e,width:n,x:s,y:r,drop:i})=>({id:t,height:e,width:n,x:s,y:r,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${e-.5},${n-.5},${e-i-.5},${n-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${s},${r})`,points:`0,0,0,${e},${n},${e-i},${n},${i}`}))(t))),n="currentColor";return Fe=Array(e.length),Xe=Array(e.length),t("div",{class:"funnel-gfx"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,e.map((e=>t("mask",{id:e.maskId},t("polygon",{points:e.mask,fill:Qe}))))),e.map(((e,s)=>{const{height:r,width:i,maskUri:o,matrix:l,points:a}=e;return Fe[s]=r,t("g",{transform:l},t("polygon",{points:a,fill:Qe,stroke:n}),t("rect",{ref:t=>Xe[s]=t,x:"0",y:r,width:i,height:r,mask:o,fill:qe,stroke:n}))}))))},tn=e=>{const n=e.hex||"currentColor",s=e.size||24;return t("svg",{class:e.class,width:s,height:s,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,e.label||"fingerprint"),t("g",{fill:n},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},en="eswat2",nn=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":en,target:"blank",title:en},t(tn,{label:"eswat2"})),sn=class{constructor(t){s(this,t),this.tag="funnel-app"}componentDidLoad(){m("pick",Ge),m("values",Ke),x.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(nn,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(We,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(_,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:x,state:b}),t(y,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:x,state:b}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(N,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:b}))}};sn.style="/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-gray {\n border-color: var(--clrs-gray, #aaaaaa);\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-silver {\n background-color: var(--clrs-silver, #dddddd);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active\\:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n .active\\:text-clrs-navy {\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n .funnel-gfx {\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-gray, #aaaaaa);\n background-color: var(--clrs-silver, #dddddd);\n stroke-width: 1;\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n.funnel-gfx {\n width: calc(100% - 20px);\n height: 100%;\n padding: 10px;\n padding-bottom: 7px;\n border-radius: 10px;\n border-width: 1px;\n}\n";export{sn as funnel_app}
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -1,4 +1,3 @@
1
- export * from './color-plugin';
2
1
  export * from './funnel-defs';
3
2
  export * from './named-colors';
4
3
  export * from './store';
@@ -1,3 +1,3 @@
1
- declare const TW_VERSION = "4.1.4";
1
+ declare const TW_VERSION = "4.1.5";
2
2
  export { TW_VERSION };
3
3
  export default TW_VERSION;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "funnel-gfx-wc",
3
- "version": "0.1.37",
3
+ "version": "0.1.39",
4
4
  "description": "prototype -- a simple SVG demo built with Stencil and Tailwind",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@stencil/core": "4.30.0",
31
31
  "@stencil/store": "2.1.3",
32
- "between.js": "0.1.2-fix.2"
32
+ "animejs": "4.0.2"
33
33
  },
34
34
  "devDependencies": {
35
35
  "autoprefixer": "10.4.21",
@@ -40,7 +40,7 @@
40
40
  "prettier": "3.5.3",
41
41
  "prettier-plugin-tailwindcss": "0.6.11",
42
42
  "proto-tailwindcss-clrs": "0.0.417",
43
- "tailwindcss": "4.1.4",
43
+ "tailwindcss": "4.1.5",
44
44
  "typescript": "5.8.3",
45
45
  "workbox-build": "7.3.0"
46
46
  },
@@ -1,36 +0,0 @@
1
- import Color from "color";
2
- import colorString from "color-string";
3
- import lerp from "lerp";
4
- const ColorPlugin = {
5
- name: 'color',
6
- test(startValue) {
7
- // rgb(255, 0, 0)
8
- return (typeof startValue === 'string' &&
9
- (startValue.indexOf('rgb') >= 0 ||
10
- startValue.indexOf('#') >= 0 ||
11
- startValue.indexOf('hsl') >= 0 ||
12
- colorString.get.rgb(startValue))); // true
13
- },
14
- initialize(startValue, destValue) {
15
- return {
16
- data: {
17
- format: (startValue.indexOf('rgba') >= 0 && 'rgba') ||
18
- (startValue.indexOf('rgb') >= 0 && 'rgb') ||
19
- (startValue.indexOf('#') >= 0 && 'hex') ||
20
- Color(startValue).model,
21
- },
22
- startValue: Color(startValue).rgb(),
23
- destValue: Color(destValue).rgb(),
24
- };
25
- },
26
- interpolate(startValue, destValue, progress, data) {
27
- const r = lerp(startValue.color[0], destValue.color[0], progress);
28
- const g = lerp(startValue.color[1], destValue.color[1], progress);
29
- const b = lerp(startValue.color[2], destValue.color[2], progress);
30
- const a = lerp(startValue.valpha, destValue.valpha, progress);
31
- const color = Color.rgb(r, g, b, a)[data.format === 'rgba' ? 'rgb' : data.format]();
32
- return typeof color === 'string' ? color : color.string();
33
- },
34
- };
35
- export { ColorPlugin };
36
- export default ColorPlugin;
@@ -1 +0,0 @@
1
- import{h as n,g as t,f as e,r}from"./p-CdYQnVp2.js";const a=t=>{const e=t.hex||"currentColor",r=t.selected||!1,a=t.size||24;return n("svg",{class:t.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"radio")," ",n("g",{fill:e},n("path",r?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))};var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var l,s,u,c,f,h,d={exports:{}},b={exports:{}};function v(){return c?u:(c=1,u=function(n){return!(!n||"string"==typeof n)&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))})}function g(){if(h)return d.exports;h=1;var n=s?l:(s=1,l={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}),t=function(){if(f)return b.exports;f=1;var n=v(),t=Array.prototype.concat,e=Array.prototype.slice,r=b.exports=function(r){for(var a=[],i=0,o=r.length;i<o;i++){var l=r[i];n(l)?a=t.call(a,e.call(l)):a.push(l)}return a};return r.wrap=function(n){return function(){return n(r(arguments))}},b.exports}(),e=Object.hasOwnProperty,r=Object.create(null);for(var a in n)e.call(n,a)&&(r[n[a]]=a);var i=d.exports={to:{},get:{}};function o(n,t,e){return Math.min(Math.max(t,n),e)}function u(n){var t=Math.round(n).toString(16).toUpperCase();return t.length<2?"0"+t:t}return i.get=function(n){var t,e;switch(n.substring(0,3).toLowerCase()){case"hsl":t=i.get.hsl(n),e="hsl";break;case"hwb":t=i.get.hwb(n),e="hwb";break;default:t=i.get.rgb(n),e="rgb"}return t?{model:e,value:t}:null},i.get.rgb=function(t){if(!t)return null;var r,a,i,l=[0,0,0,1];if(r=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(i=r[2],r=r[1],a=0;a<3;a++){var s=2*a;l[a]=parseInt(r.slice(s,s+2),16)}i&&(l[3]=parseInt(i,16)/255)}else if(r=t.match(/^#([a-f0-9]{3,4})$/i)){for(i=(r=r[1])[3],a=0;a<3;a++)l[a]=parseInt(r[a]+r[a],16);i&&(l[3]=parseInt(i+i,16)/255)}else if(r=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(a=0;a<3;a++)l[a]=parseInt(r[a+1],0);r[4]&&(l[3]=r[5]?.01*parseFloat(r[4]):parseFloat(r[4]))}else{if(!(r=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(r=t.match(/^(\w+)$/))?"transparent"===r[1]?[0,0,0,0]:e.call(n,r[1])?((l=n[r[1]])[3]=1,l):null:null;for(a=0;a<3;a++)l[a]=Math.round(2.55*parseFloat(r[a+1]));r[4]&&(l[3]=r[5]?.01*parseFloat(r[4]):parseFloat(r[4]))}for(a=0;a<3;a++)l[a]=o(l[a],0,255);return l[3]=o(l[3],0,1),l},i.get.hsl=function(n){if(!n)return null;var t=n.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(t){var e=parseFloat(t[4]);return[(parseFloat(t[1])%360+360)%360,o(parseFloat(t[2]),0,100),o(parseFloat(t[3]),0,100),o(isNaN(e)?1:e,0,1)]}return null},i.get.hwb=function(n){if(!n)return null;var t=n.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(t){var e=parseFloat(t[4]);return[(parseFloat(t[1])%360+360)%360,o(parseFloat(t[2]),0,100),o(parseFloat(t[3]),0,100),o(isNaN(e)?1:e,0,1)]}return null},i.to.hex=function(){var n=t(arguments);return"#"+u(n[0])+u(n[1])+u(n[2])+(n[3]<1?u(Math.round(255*n[3])):"")},i.to.rgb=function(){var n=t(arguments);return n.length<4||1===n[3]?"rgb("+Math.round(n[0])+", "+Math.round(n[1])+", "+Math.round(n[2])+")":"rgba("+Math.round(n[0])+", "+Math.round(n[1])+", "+Math.round(n[2])+", "+n[3]+")"},i.to.rgb.percent=function(){var n=t(arguments),e=Math.round(n[0]/255*100),r=Math.round(n[1]/255*100),a=Math.round(n[2]/255*100);return n.length<4||1===n[3]?"rgb("+e+"%, "+r+"%, "+a+"%)":"rgba("+e+"%, "+r+"%, "+a+"%, "+n[3]+")"},i.to.hsl=function(){var n=t(arguments);return n.length<4||1===n[3]?"hsl("+n[0]+", "+n[1]+"%, "+n[2]+"%)":"hsla("+n[0]+", "+n[1]+"%, "+n[2]+"%, "+n[3]+")"},i.to.hwb=function(){var n=t(arguments),e="";return n.length>=4&&1!==n[3]&&(e=", "+n[3]),"hwb("+n[0]+", "+n[1]+"%, "+n[2]+"%"+e+")"},i.to.keyword=function(n){return r[n.slice(0,3)]},d.exports}var p,y,m,w,k,M,x,C,O,j={exports:{}};function A(){if(m)return j.exports;m=1;var n=y?p:(y=1,p={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}),t={};for(var e in n)n.hasOwnProperty(e)&&(t[n[e]]=e);var r=j.exports={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};for(var a in r)if(r.hasOwnProperty(a)){if(!("channels"in r[a]))throw new Error("missing channels property: "+a);if(!("labels"in r[a]))throw new Error("missing channel labels property: "+a);if(r[a].labels.length!==r[a].channels)throw new Error("channel and label counts mismatch: "+a);var i=r[a].channels,o=r[a].labels;delete r[a].channels,delete r[a].labels,Object.defineProperty(r[a],"channels",{value:i}),Object.defineProperty(r[a],"labels",{value:o})}return r.rgb.hsl=function(n){var t,e,r=n[0]/255,a=n[1]/255,i=n[2]/255,o=Math.min(r,a,i),l=Math.max(r,a,i),s=l-o;return l===o?t=0:r===l?t=(a-i)/s:a===l?t=2+(i-r)/s:i===l&&(t=4+(r-a)/s),(t=Math.min(60*t,360))<0&&(t+=360),e=(o+l)/2,[t,100*(l===o?0:e<=.5?s/(l+o):s/(2-l-o)),100*e]},r.rgb.hsv=function(n){var t,e,r,a,i,o=n[0]/255,l=n[1]/255,s=n[2]/255,u=Math.max(o,l,s),c=u-Math.min(o,l,s),f=function(n){return(u-n)/6/c+.5};return 0===c?a=i=0:(i=c/u,t=f(o),e=f(l),r=f(s),o===u?a=r-e:l===u?a=1/3+t-r:s===u&&(a=2/3+e-t),a<0?a+=1:a>1&&(a-=1)),[360*a,100*i,100*u]},r.rgb.hwb=function(n){var t=n[0],e=n[1],a=n[2];return[r.rgb.hsl(n)[0],1/255*Math.min(t,Math.min(e,a))*100,100*(a=1-1/255*Math.max(t,Math.max(e,a)))]},r.rgb.cmyk=function(n){var t,e=n[0]/255,r=n[1]/255,a=n[2]/255;return[100*((1-e-(t=Math.min(1-e,1-r,1-a)))/(1-t)||0),100*((1-r-t)/(1-t)||0),100*((1-a-t)/(1-t)||0),100*t]},r.rgb.keyword=function(e){var r=t[e];if(r)return r;var a,i,o,l=1/0;for(var s in n)if(n.hasOwnProperty(s)){var u=(i=e,o=n[s],Math.pow(i[0]-o[0],2)+Math.pow(i[1]-o[1],2)+Math.pow(i[2]-o[2],2));u<l&&(l=u,a=s)}return a},r.keyword.rgb=function(t){return n[t]},r.rgb.xyz=function(n){var t=n[0]/255,e=n[1]/255,r=n[2]/255;return[100*(.4124*(t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)+.3576*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.1805*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)),100*(.2126*t+.7152*e+.0722*r),100*(.0193*t+.1192*e+.9505*r)]},r.rgb.lab=function(n){var t=r.rgb.xyz(n),e=t[0],a=t[1],i=t[2];return a/=100,i/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116)-16,500*(e-a),200*(a-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},r.hsl.rgb=function(n){var t,e,r,a,i,o=n[0]/360,l=n[1]/100,s=n[2]/100;if(0===l)return[i=255*s,i,i];t=2*s-(e=s<.5?s*(1+l):s+l-s*l),a=[0,0,0];for(var u=0;u<3;u++)(r=o+1/3*-(u-1))<0&&r++,r>1&&r--,a[u]=255*(i=6*r<1?t+6*(e-t)*r:2*r<1?e:3*r<2?t+(e-t)*(2/3-r)*6:t);return a},r.hsl.hsv=function(n){var t=n[0],e=n[1]/100,r=n[2]/100,a=e,i=Math.max(r,.01);return e*=(r*=2)<=1?r:2-r,a*=i<=1?i:2-i,[t,100*(0===r?2*a/(i+a):2*e/(r+e)),(r+e)/2*100]},r.hsv.rgb=function(n){var t=n[0]/60,e=n[1]/100,r=n[2]/100,a=Math.floor(t)%6,i=t-Math.floor(t),o=255*r*(1-e),l=255*r*(1-e*i),s=255*r*(1-e*(1-i));switch(r*=255,a){case 0:return[r,s,o];case 1:return[l,r,o];case 2:return[o,r,s];case 3:return[o,l,r];case 4:return[s,o,r];case 5:return[r,o,l]}},r.hsv.hsl=function(n){var t,e,r,a=n[0],i=n[1]/100,o=n[2]/100,l=Math.max(o,.01);return r=(2-i)*o,e=i*l,[a,100*(e=(e/=(t=(2-i)*l)<=1?t:2-t)||0),100*(r/=2)]},r.hwb.rgb=function(n){var t,e,r,a,i,o,l,s=n[0]/360,u=n[1]/100,c=n[2]/100,f=u+c;switch(f>1&&(u/=f,c/=f),r=6*s-(t=Math.floor(6*s)),1&t&&(r=1-r),a=u+r*((e=1-c)-u),t){default:case 6:case 0:i=e,o=a,l=u;break;case 1:i=a,o=e,l=u;break;case 2:i=u,o=e,l=a;break;case 3:i=u,o=a,l=e;break;case 4:i=a,o=u,l=e;break;case 5:i=e,o=u,l=a}return[255*i,255*o,255*l]},r.cmyk.rgb=function(n){var t=n[1]/100,e=n[2]/100,r=n[3]/100;return[255*(1-Math.min(1,n[0]/100*(1-r)+r)),255*(1-Math.min(1,t*(1-r)+r)),255*(1-Math.min(1,e*(1-r)+r))]},r.xyz.rgb=function(n){var t,e,r,a=n[0]/100,i=n[1]/100,o=n[2]/100;return e=-.9689*a+1.8758*i+.0415*o,r=.0557*a+-.204*i+1.057*o,t=(t=3.2406*a+-1.5372*i+-.4986*o)>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,e=e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,[255*(t=Math.min(Math.max(0,t),1)),255*(e=Math.min(Math.max(0,e),1)),255*(r=Math.min(Math.max(0,r),1))]},r.xyz.lab=function(n){var t=n[0],e=n[1],r=n[2];return e/=100,r/=108.883,t=(t/=95.047)>.008856?Math.pow(t,1/3):7.787*t+16/116,[116*(e=e>.008856?Math.pow(e,1/3):7.787*e+16/116)-16,500*(t-e),200*(e-(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116))]},r.lab.xyz=function(n){var t,e,r;t=n[1]/500+(e=(n[0]+16)/116),r=e-n[2]/200;var a=Math.pow(e,3),i=Math.pow(t,3),o=Math.pow(r,3);return e=a>.008856?a:(e-16/116)/7.787,t=i>.008856?i:(t-16/116)/7.787,r=o>.008856?o:(r-16/116)/7.787,[t*=95.047,e*=100,r*=108.883]},r.lab.lch=function(n){var t,e=n[0],r=n[1],a=n[2];return(t=360*Math.atan2(a,r)/2/Math.PI)<0&&(t+=360),[e,Math.sqrt(r*r+a*a),t]},r.lch.lab=function(n){var t,e=n[1];return t=n[2]/360*2*Math.PI,[n[0],e*Math.cos(t),e*Math.sin(t)]},r.rgb.ansi16=function(n){var t=n[0],e=n[1],a=n[2],i=1 in arguments?arguments[1]:r.rgb.hsv(n)[2];if(0===(i=Math.round(i/50)))return 30;var o=30+(Math.round(a/255)<<2|Math.round(e/255)<<1|Math.round(t/255));return 2===i&&(o+=60),o},r.hsv.ansi16=function(n){return r.rgb.ansi16(r.hsv.rgb(n),n[2])},r.rgb.ansi256=function(n){var t=n[0],e=n[1],r=n[2];return t===e&&e===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5)},r.ansi16.rgb=function(n){var t=n%10;if(0===t||7===t)return n>50&&(t+=3.5),[t=t/10.5*255,t,t];var e=.5*(1+~~(n>50));return[(1&t)*e*255,(t>>1&1)*e*255,(t>>2&1)*e*255]},r.ansi256.rgb=function(n){if(n>=232){var t=10*(n-232)+8;return[t,t,t]}var e;return n-=16,[Math.floor(n/36)/5*255,Math.floor((e=n%36)/6)/5*255,e%6/5*255]},r.rgb.hex=function(n){var t=(((255&Math.round(n[0]))<<16)+((255&Math.round(n[1]))<<8)+(255&Math.round(n[2]))).toString(16).toUpperCase();return"000000".substring(t.length)+t},r.hex.rgb=function(n){var t=n.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];var e=t[0];3===t[0].length&&(e=e.split("").map((function(n){return n+n})).join(""));var r=parseInt(e,16);return[r>>16&255,r>>8&255,255&r]},r.rgb.hcg=function(n){var t,e=n[0]/255,r=n[1]/255,a=n[2]/255,i=Math.max(Math.max(e,r),a),o=Math.min(Math.min(e,r),a),l=i-o;return t=l<=0?0:i===e?(r-a)/l%6:i===r?2+(a-e)/l:4+(e-r)/l+4,t/=6,[360*(t%=1),100*l,100*(l<1?o/(1-l):0)]},r.hsl.hcg=function(n){var t,e=n[1]/100,r=n[2]/100,a=0;return(t=r<.5?2*e*r:2*e*(1-r))<1&&(a=(r-.5*t)/(1-t)),[n[0],100*t,100*a]},r.hsv.hcg=function(n){var t=n[2]/100,e=n[1]/100*t,r=0;return e<1&&(r=(t-e)/(1-e)),[n[0],100*e,100*r]},r.hcg.rgb=function(n){var t=n[1]/100,e=n[2]/100;if(0===t)return[255*e,255*e,255*e];var r,a=[0,0,0],i=n[0]/360%1*6,o=i%1,l=1-o;switch(Math.floor(i)){case 0:a[0]=1,a[1]=o,a[2]=0;break;case 1:a[0]=l,a[1]=1,a[2]=0;break;case 2:a[0]=0,a[1]=1,a[2]=o;break;case 3:a[0]=0,a[1]=l,a[2]=1;break;case 4:a[0]=o,a[1]=0,a[2]=1;break;default:a[0]=1,a[1]=0,a[2]=l}return[255*(t*a[0]+(r=(1-t)*e)),255*(t*a[1]+r),255*(t*a[2]+r)]},r.hcg.hsv=function(n){var t=n[1]/100,e=t+n[2]/100*(1-t),r=0;return e>0&&(r=t/e),[n[0],100*r,100*e]},r.hcg.hsl=function(n){var t=n[1]/100,e=n[2]/100*(1-t)+.5*t,r=0;return e>0&&e<.5?r=t/(2*e):e>=.5&&e<1&&(r=t/(2*(1-e))),[n[0],100*r,100*e]},r.hcg.hwb=function(n){var t=n[1]/100,e=t+n[2]/100*(1-t);return[n[0],100*(e-t),100*(1-e)]},r.hwb.hcg=function(n){var t=1-n[2]/100,e=t-n[1]/100,r=0;return e<1&&(r=(t-e)/(1-e)),[n[0],100*e,100*r]},r.apple.rgb=function(n){return[n[0]/65535*255,n[1]/65535*255,n[2]/65535*255]},r.rgb.apple=function(n){return[n[0]/255*65535,n[1]/255*65535,n[2]/255*65535]},r.gray.rgb=function(n){return[n[0]/100*255,n[0]/100*255,n[0]/100*255]},r.gray.hsl=r.gray.hsv=function(n){return[0,0,n[0]]},r.gray.hwb=function(n){return[0,100,n[0]]},r.gray.cmyk=function(n){return[0,0,0,n[0]]},r.gray.lab=function(n){return[n[0],0,0]},r.gray.hex=function(n){var t=255&Math.round(n[0]/100*255),e=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(e.length)+e},r.rgb.gray=function(n){return[(n[0]+n[1]+n[2])/3/255*100]},j.exports}function I(){if(k)return w;k=1;var n=A();function t(n,t){return function(e){return t(n(e))}}function e(e,r){for(var a=[r[e].parent,e],i=n[r[e].parent][e],o=r[e].parent;r[o].parent;)a.unshift(r[o].parent),i=t(n[r[o].parent][o],i),o=r[o].parent;return i.conversion=a,i}return w=function(t){for(var r=function(t){var e=function(){for(var t={},e=Object.keys(n),r=e.length,a=0;a<r;a++)t[e[a]]={distance:-1,parent:null};return t}(),r=[t];for(e[t].distance=0;r.length;)for(var a=r.pop(),i=Object.keys(n[a]),o=i.length,l=0;l<o;l++){var s=i[l],u=e[s];-1===u.distance&&(u.distance=e[a].distance+1,u.parent=a,r.unshift(s))}return e}(t),a={},i=Object.keys(r),o=i.length,l=0;l<o;l++){var s=i[l];null!==r[s].parent&&(a[s]=e(s,r))}return a}}var z,S,q=function(){if(O)return C;O=1;var n=g(),t=function(){if(x)return M;x=1;var n=A(),t=I(),e={};return Object.keys(n).forEach((function(r){e[r]={},Object.defineProperty(e[r],"channels",{value:n[r].channels}),Object.defineProperty(e[r],"labels",{value:n[r].labels});var a=t(r);Object.keys(a).forEach((function(n){var t=a[n];e[r][n]=function(n){var t=function(t){if(null==t)return t;arguments.length>1&&(t=Array.prototype.slice.call(arguments));var e=n(t);if("object"==typeof e)for(var r=e.length,a=0;a<r;a++)e[a]=Math.round(e[a]);return e};return"conversion"in n&&(t.conversion=n.conversion),t}(t),e[r][n].raw=function(n){var t=function(t){return null==t?t:(arguments.length>1&&(t=Array.prototype.slice.call(arguments)),n(t))};return"conversion"in n&&(t.conversion=n.conversion),t}(t)}))})),M=e}(),e=[].slice,r=["keyword","gray","hex"],a={};Object.keys(t).forEach((function(n){a[e.call(t[n].labels).sort().join("")]=n}));var i={};function o(l,s){if(!(this instanceof o))return new o(l,s);if(s&&s in r&&(s=null),s&&!(s in t))throw new Error("Unknown model: "+s);var c,f;if(null==l)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(l instanceof o)this.model=l.model,this.color=l.color.slice(),this.valpha=l.valpha;else if("string"==typeof l){var h=n.get(l);if(null===h)throw new Error("Unable to parse color from string: "+l);this.model=h.model,this.color=h.value.slice(0,f=t[this.model].channels),this.valpha="number"==typeof h.value[f]?h.value[f]:1}else if(l.length){this.model=s||"rgb";var d=e.call(l,0,f=t[this.model].channels);this.color=u(d,f),this.valpha="number"==typeof l[f]?l[f]:1}else if("number"==typeof l)l&=16777215,this.model="rgb",this.color=[l>>16&255,l>>8&255,255&l],this.valpha=1;else{this.valpha=1;var b=Object.keys(l);"alpha"in l&&(b.splice(b.indexOf("alpha"),1),this.valpha="number"==typeof l.alpha?l.alpha:0);var v=b.sort().join("");if(!(v in a))throw new Error("Unable to parse color from object: "+JSON.stringify(l));this.model=a[v];var g=t[this.model].labels,p=[];for(c=0;c<g.length;c++)p.push(l[g[c]]);this.color=u(p)}if(i[this.model])for(f=t[this.model].channels,c=0;c<f;c++){var y=i[this.model][c];y&&(this.color[c]=y(this.color[c]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function l(n,t,e){return(n=Array.isArray(n)?n:[n]).forEach((function(n){(i[n]||(i[n]=[]))[t]=e})),n=n[0],function(r){var a;return arguments.length?(e&&(r=e(r)),(a=this[n]()).color[t]=r,a):(a=this[n]().color[t],e&&(a=e(a)),a)}}function s(n){return function(t){return Math.max(0,Math.min(n,t))}}function u(n,t){for(var e=0;e<t;e++)"number"!=typeof n[e]&&(n[e]=0);return n}return o.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var e=this.model in n.to?this:this.rgb(),r=1===(e=e.round("number"==typeof t?t:1)).valpha?e.color:e.color.concat(this.valpha);return n.to[e.model](r)},percentString:function(t){var e=this.rgb().round("number"==typeof t?t:1),r=1===e.valpha?e.color:e.color.concat(this.valpha);return n.to.rgb.percent(r)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var n={},e=t[this.model].channels,r=t[this.model].labels,a=0;a<e;a++)n[r[a]]=this.color[a];return 1!==this.valpha&&(n.alpha=this.valpha),n},unitArray:function(){var n=this.rgb().color;return n[0]/=255,n[1]/=255,n[2]/=255,1!==this.valpha&&n.push(this.valpha),n},unitObject:function(){var n=this.rgb().object();return n.r/=255,n.g/=255,n.b/=255,1!==this.valpha&&(n.alpha=this.valpha),n},round:function(n){return n=Math.max(n||0,0),new o(this.color.map(function(n){return function(t){return function(n,t){return Number(n.toFixed(t))}(t,n)}}(n)).concat(this.valpha),this.model)},alpha:function(n){return arguments.length?new o(this.color.concat(Math.max(0,Math.min(1,n))),this.model):this.valpha},red:l("rgb",0,s(255)),green:l("rgb",1,s(255)),blue:l("rgb",2,s(255)),hue:l(["hsl","hsv","hsl","hwb","hcg"],0,(function(n){return(n%360+360)%360})),saturationl:l("hsl",1,s(100)),lightness:l("hsl",2,s(100)),saturationv:l("hsv",1,s(100)),value:l("hsv",2,s(100)),chroma:l("hcg",1,s(100)),gray:l("hcg",2,s(100)),white:l("hwb",1,s(100)),wblack:l("hwb",2,s(100)),cyan:l("cmyk",0,s(100)),magenta:l("cmyk",1,s(100)),yellow:l("cmyk",2,s(100)),black:l("cmyk",3,s(100)),x:l("xyz",0,s(100)),y:l("xyz",1,s(100)),z:l("xyz",2,s(100)),l:l("lab",0,s(100)),a:l("lab",1),b:l("lab",2),keyword:function(n){return arguments.length?new o(n):t[this.model].keyword(this.color)},hex:function(t){return arguments.length?new o(t):n.to.hex(this.rgb().round().color)},rgbNumber:function(){var n=this.rgb().color;return(255&n[0])<<16|(255&n[1])<<8|255&n[2]},luminosity:function(){for(var n=this.rgb().color,t=[],e=0;e<n.length;e++){var r=n[e]/255;t[e]=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)}return.2126*t[0]+.7152*t[1]+.0722*t[2]},contrast:function(n){var t=this.luminosity(),e=n.luminosity();return t>e?(t+.05)/(e+.05):(e+.05)/(t+.05)},level:function(n){var t=this.contrast(n);return t>=7.1?"AAA":t>=4.5?"AA":""},isDark:function(){var n=this.rgb().color;return(299*n[0]+587*n[1]+114*n[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var n=this.rgb(),t=0;t<3;t++)n.color[t]=255-n.color[t];return n},lighten:function(n){var t=this.hsl();return t.color[2]+=t.color[2]*n,t},darken:function(n){var t=this.hsl();return t.color[2]-=t.color[2]*n,t},saturate:function(n){var t=this.hsl();return t.color[1]+=t.color[1]*n,t},desaturate:function(n){var t=this.hsl();return t.color[1]-=t.color[1]*n,t},whiten:function(n){var t=this.hwb();return t.color[1]+=t.color[1]*n,t},blacken:function(n){var t=this.hwb();return t.color[2]+=t.color[2]*n,t},grayscale:function(){var n=this.rgb().color,t=.3*n[0]+.59*n[1]+.11*n[2];return o.rgb(t,t,t)},fade:function(n){return this.alpha(this.valpha-this.valpha*n)},opaquer:function(n){return this.alpha(this.valpha+this.valpha*n)},rotate:function(n){var t=this.hsl(),e=t.color[0];return t.color[0]=e=(e=(e+n)%360)<0?360+e:e,t},mix:function(n,t){if(!n||!n.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof n);var e=n.rgb(),r=this.rgb(),a=void 0===t?.5:t,i=2*a-1,l=e.alpha()-r.alpha(),s=((i*l==-1?i:(i+l)/(1+i*l))+1)/2,u=1-s;return o.rgb(s*e.red()+u*r.red(),s*e.green()+u*r.green(),s*e.blue()+u*r.blue(),e.alpha()*a+r.alpha()*(1-a))}},Object.keys(t).forEach((function(n){if(-1===r.indexOf(n)){var a=t[n].channels;o.prototype[n]=function(){if(this.model===n)return new o(this);if(arguments.length)return new o(arguments,n);var e,r="number"==typeof arguments[a]?a:this.valpha;return new o((e=t[this.model][n].raw(this.color),Array.isArray(e)?e:[e]).concat(r),n)},o[n]=function(t){return"number"==typeof t&&(t=u(e.call(arguments),a)),new o(t,n)}}})),C=o}(),$=o(q),L=o(g()),E=o(S?z:(S=1,z=function(n,t,e){return n*(1-e)+t*e}));const F={name:"color",test:n=>"string"==typeof n&&(n.indexOf("rgb")>=0||n.indexOf("#")>=0||n.indexOf("hsl")>=0||L.get.rgb(n)),initialize:(n,t)=>({data:{format:(n.indexOf("rgba")>=0?"rgba":n.indexOf("rgb")>=0&&"rgb")||n.indexOf("#")>=0&&"hex"||$(n).model},startValue:$(n).rgb(),destValue:$(t).rgb()}),interpolate(n,t,e,r){const a=E(n.color[0],t.color[0],e),i=E(n.color[1],t.color[1],e),o=E(n.color[2],t.color[2],e),l=E(n.valpha,t.valpha,e),s=$.rgb(a,i,o,l)["rgba"===r.format?"rgb":r.format]();return"string"==typeof s?s:s.string()}},N=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],D=N.map((()=>0)),T={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},_={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},R=n=>T[n]||_[n],B=Object.keys(T),U=n=>!("isConnected"in n)||n.isConnected,V=(()=>{let n;return(...t)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let t of n.keys())n.set(t,n.get(t).filter(U))})(...t)}),2e3)}})(),P=n=>"function"==typeof n?n():n,H="funnel-gfx-wc::app-data",J=(()=>{const n=((n,t=(n,t)=>n!==t)=>{const e=P(n);let r=new Map(Object.entries(e??{}));const a={dispose:[],get:[],set:[],reset:[]},i=()=>{r=new Map(Object.entries(P(n)??{})),a.reset.forEach((n=>n()))},o=n=>(a.get.forEach((t=>t(n))),r.get(n)),l=(n,e)=>{const i=r.get(n);t(e,i,n)&&(r.set(n,e),a.set.forEach((t=>t(n,e,i))))},s="undefined"==typeof Proxy?{}:new Proxy(e,{get:(n,t)=>o(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,t)=>r.has(t),set:(n,t,e)=>(l(t,e),!0)}),u=(n,t)=>(a[n].push(t),()=>{((n,t)=>{const e=n.indexOf(t);e>=0&&(n[e]=n[n.length-1],n.length--)})(a[n],t)});return{state:s,get:o,set:l,on:u,onChange:(t,e)=>{const r=u("set",((n,r)=>{n===t&&e(r)})),a=u("reset",(()=>e(P(n)[t])));return()=>{r(),a()}},use:(...n)=>{const t=n.reduce(((n,t)=>(t.set&&n.push(u("set",t.set)),t.get&&n.push(u("get",t.get)),t.reset&&n.push(u("reset",t.reset)),t.dispose&&n.push(u("dispose",t.dispose)),n)),[]);return()=>t.forEach((n=>n()))},dispose:()=>{a.dispose.forEach((n=>n())),i()},reset:i,forceUpdate:n=>{const t=r.get(n);a.set.forEach((e=>e(n,t,t)))}}})({count:0,pick:"bada55",values:[...D]},void 0);return n.use((()=>{if("function"!=typeof t)return{};const n=new Map;return{dispose:()=>n.clear(),get:e=>{const r=t();r&&((n,t,e)=>{const r=n.get(t);r?r.includes(e)||r.push(e):n.set(t,[e])})(n,e,r)},set:t=>{const r=n.get(t);r&&n.set(t,r.filter(e)),V(n)},reset:()=>{n.forEach((n=>n.forEach(e))),V(n)}}})()),n})(),{state:Q,onChange:Z}=J,K=()=>{const{count:n,pick:t,values:e}=Q;(n=>{const t=JSON.stringify(n);localStorage.setItem(H,t)})({count:n,pick:t,values:e})},Y={initApp:()=>{const n=(()=>{const n=localStorage.getItem(H);return n?JSON.parse(n):void 0})();if(n){const{count:t,pick:e,values:r}=n;Q.count=t,Q.pick=e,Q.values=r}},refresh:()=>{const n=D.map((()=>Math.floor(100*Math.random())));Q.count=Q.count+1,Q.values=n,K()},reset:()=>{Q.count=0,Q.values=[...D],K()},updatePick:n=>{Q.pick=n,K()}},G=t=>{const{actions:e,state:r}=t,{pick:i}=r;return n("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},B.map((t=>{const r=R(t),o=i==t;return n("div",{"aria-label":t,"aria-checked":o?"true":"false",role:"radio",onClick:()=>{e.updatePick(t)}},n(a,{hex:r,selected:o,label:t}))})))},W=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"chevron-double-left"),n("g",{fill:e},n("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},X=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"close"),n("g",{fill:e},n("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},nn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"refresh"),n("g",{fill:e},n("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},tn=t=>{const{actions:e,state:r}=t,{count:a}=r;return n("div",{class:"mb-10px mt-3 flex items-center"},n("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{e.refresh()}},n(nn,{label:"Refresh"})),n("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{e.reset()}},n(X,{label:"Reset"})),n("span",{class:"flex items-center"},n(W,{size:28}),n("span",{class:"italic"},"click a button... ",n("sup",null,a))))},en=()=>n("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.4"),rn=t=>{const{state:e}=t,{values:r,pick:a,count:i}=e;return n("div",{class:"flex"},n("div",{class:"flex flex-col"},n("div",{class:"flex"},n("span",{class:"mr-10px font-bold"},"color:"),n("span",{class:"italic text-clrs-slate4"},a)),n("div",{class:"mt-5px flex"},n("span",{class:"mr-10px font-bold"},"sample:"),n("span",{class:"italic text-clrs-slate4"},`${i>0?r:"..."}`))),n(en,null))};var an,on={exports:{}},ln=(an||(an=1,on.exports=function(){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(t)}function t(n,t){for(var e=0;e<t.length;e++){var r=t[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}function e(n,e,r){return e&&t(n.prototype,e),r&&t(n,r),n}function r(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function a(n){return(a=Object.getPrototypeOf||function(n){return n.__proto__})(n)}function o(n,t){return(o=Object.setPrototypeOf||function(n,t){return n.__proto__=t,n})(n,t)}function l(n,t,e){return(l="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(n,t,e){var r=[null];r.push.apply(r,t);var a=new(n.bind.apply(n,r));return e&&o(a,e.prototype),a}).apply(null,arguments)}function s(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}var u=function(n,t,e){return n*(1-e)+t*e},c="undefined"!=typeof window?window:void 0!==i?i:"undefined"!=typeof self?self:{};function f(n,t){return n(t={exports:{}},t.exports),t.exports}for(var h=f((function(n){var t=n.exports={Linear:{None:function(n){return n}},Quadratic:{In:function(n){return n*n},Out:function(n){return n*(2-n)},InOut:function(n){return(n*=2)<1?.5*n*n:-.5*(--n*(n-2)-1)}},Cubic:{In:function(n){return n*n*n},Out:function(n){return--n*n*n+1},InOut:function(n){return(n*=2)<1?.5*n*n*n:.5*((n-=2)*n*n+2)}},Quartic:{In:function(n){return n*n*n*n},Out:function(n){return 1- --n*n*n*n},InOut:function(n){return(n*=2)<1?.5*n*n*n*n:-.5*((n-=2)*n*n*n-2)}},Quintic:{In:function(n){return n*n*n*n*n},Out:function(n){return--n*n*n*n*n+1},InOut:function(n){return(n*=2)<1?.5*n*n*n*n*n:.5*((n-=2)*n*n*n*n+2)}},Sinusoidal:{In:function(n){return 1-Math.cos(n*Math.PI/2)},Out:function(n){return Math.sin(n*Math.PI/2)},InOut:function(n){return.5*(1-Math.cos(Math.PI*n))}},Exponential:{In:function(n){return 0===n?0:Math.pow(1024,n-1)},Out:function(n){return 1===n?1:1-Math.pow(2,-10*n)},InOut:function(n){return 0===n?0:1===n?1:(n*=2)<1?.5*Math.pow(1024,n-1):.5*(2-Math.pow(2,-10*(n-1)))}},Circular:{In:function(n){return 1-Math.sqrt(1-n*n)},Out:function(n){return Math.sqrt(1- --n*n)},InOut:function(n){return(n*=2)<1?-.5*(Math.sqrt(1-n*n)-1):.5*(Math.sqrt(1-(n-=2)*n)+1)}},Elastic:{In:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4))},Out:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*n)*Math.sin((n-t)*(2*Math.PI)/.4)+1)},InOut:function(n){var t,e=.1;return 0===n?0:1===n?1:(!e||e<1?(e=1,t=.1):t=.4*Math.asin(1/e)/(2*Math.PI),(n*=2)<1?e*Math.pow(2,10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(n-=1))*Math.sin((n-t)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(n){return n*n*(2.70158*n-1.70158)},Out:function(n){return--n*n*(2.70158*n+1.70158)+1},InOut:function(n){var t=2.5949095;return(n*=2)<1?n*n*((t+1)*n-t)*.5:.5*((n-=2)*n*((t+1)*n+t)+2)}},Bounce:{In:function(n){return 1-t.Bounce.Out(1-n)},Out:function(n){return n<1/2.75?7.5625*n*n:n<2/2.75?7.5625*(n-=1.5/2.75)*n+.75:n<2.5/2.75?7.5625*(n-=2.25/2.75)*n+.9375:7.5625*(n-=2.625/2.75)*n+.984375},InOut:function(n){return n<.5?.5*t.Bounce.In(2*n):.5*t.Bounce.Out(2*n-1)+.5}}}})),d=f((function(n){(function(){var t,e,r,a,i,o;"undefined"!=typeof performance&&null!==performance&&performance.now?n.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(n.exports=function(){return(t()-i)/1e6},e=process.hrtime,a=(t=function(){var n;return 1e9*(n=e())[0]+n[1]})(),o=1e9*process.uptime(),i=a-o):Date.now?(n.exports=function(){return Date.now()-r},r=Date.now()):(n.exports=function(){return(new Date).getTime()-r},r=(new Date).getTime())}).call(c)})),b="undefined"==typeof window?c:window,v=["moz","webkit"],g="AnimationFrame",p=b["request"+g],y=b["cancel"+g]||b["cancelRequest"+g],m=0;!p&&m<v.length;m++)p=b[v[m]+"Request"+g],y=b[v[m]+"Cancel"+g]||b[v[m]+"CancelRequest"+g];if(!p||!y){var w=0,k=0,M=[];p=function(n){if(0===M.length){var t=d(),e=Math.max(0,1e3/60-(t-w));w=e+t,setTimeout((function(){for(var n=M.slice(0),t=M.length=0;t<n.length;t++)if(!n[t].cancelled)try{n[t].callback(w)}catch(n){setTimeout((function(){throw n}),0)}}),Math.round(e))}return M.push({handle:++k,callback:n,cancelled:!1}),k},y=function(n){for(var t=0;t<M.length;t++)M[t].handle===n&&(M[t].cancelled=!0)}}var x=function(n){return p.call(b,n)};x.cancel=function(){y.apply(b,arguments)},x.polyfill=function(n){n||(n=b),n.requestAnimationFrame=p,n.cancelAnimationFrame=y};var C,O,j=[],A=Symbol("type"),I=Symbol("start_time"),z=Symbol("completed"),S=Symbol("paused"),q=requestAnimationFrame||x,$=Date.now();!function n(){q(n),C=Date.now(),O=C-$;for(var t=0;t<j.length;t++)j[t][z]||j[t](O,Date.now()-j[t][I]);$=C}();var L=function(t){function i(t,e){var o,l,c;!function(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),c=a(i).call(this),r(s(s(l=!c||"object"!=typeof c&&"function"!=typeof c?s(this):c)),"update",(function(){var n=s(s(l))._updateValue;return function(t,e){l[z]||l[S]||(0===l.localTime&&l.emit("start",l.value,s(s(l))),n(l.ease(l.loopFunction.progress(Math.min(1,(e||l.localTime)/l.duration)))),l.emit("update",l.value,s(s(l)),t),l.localTime>=l.duration&&l.loopFunction.complete((function(){l[z]=!0,l.emit("complete",l.value,s(s(l)))})),l.localTime+=t)}}));var f=l.plugin=Object.values(i._plugins).reduce((function(n,e){return n||e&&e.test&&e.test(t)&&e}),!1),h=f&&f.name||("object"===n(t)?Array.isArray(t)?"array":"object":"number");if(f){var d=f.initialize(t,e);t=d.startValue,e=d.destValue,l.data=d.data}switch(Object.assign(s(s(l)),(r(o={duration:1e3,localTime:0,startValue:t,destValue:e,loopMode:"once",loopFunction:i.DEFAULT_LOOP,ease:function(n){return n},value:"array"===h?[].concat(t):"object"===h?Object.assign({},t):t},z,!1),r(o,A,h),r(o,I,Date.now()),r(o,S,!1),o)),l[A]){case"number":l._updateValue=function(n){l.value=u(l.startValue,l.destValue,n)};break;case"array":var b=l.value.length,v=s(s(l)),g=v.startValue,p=v.destValue,y=v.value;l._updateValue=function(n){for(var t=0;t<b;t++)y[t]=u(g[t],p[t],n)};break;case"object":var m=Object.keys(l.startValue),w=m.length,k=s(s(l)),M=k.startValue,x=k.destValue,C=k.value;l._updateValue=function(n){for(var t=0;t<w;t++){var e=m[t];C[e]=u(M[e],x[e],n)}};break;default:l.plugin?l._updateValue=function(n){l.value=l.plugin.interpolate(l.startValue,l.destValue,n,l.data)}:(console.warn("Between: startValue type was unrecognized."),l._updateValue=function(){return null})}return j.push(l.update()),l}return e(i,null,[{key:"between",value:function(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];return l(i,t)}}]),e(i,[{key:"pause",value:function(){return this[S]=!0,this.emit("pause",this.value,this,O),this}},{key:"play",value:function(){return this[S]=!1,this.emit("play",this.value,this,O),this}},{key:"easing",value:function(n){return this.ease=n,this}},{key:"time",value:function(n){return this.duration=n,this}},{key:"loop",value:function(){for(var n="__loop_".concat(0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once"),t=arguments.length,e=new Array(1<t?t-1:0),r=1;r<t;r++)e[r-1]=arguments[r];return this.loopFunction=n in this?Object.assign({},i.DEFAULT_LOOP,this[n].apply(this,e)):i.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(n){var t=this,e=n;return this.times=0,{complete:function(n){t.localTime=0,Number.isInteger(e)&&++t.times===e?n():Number.isInteger(e)||++t.times}}}},{key:"__loop_bounce",value:function(n){var t=this,e=n,r=1;return this.times=0,{complete:function(n){t.localTime=0,r=-r,Number.isInteger(e)&&++t.times===e?n():Number.isInteger(e)||++t.times},progress:function(n){return 0<r?n:1-n}}}},{key:"isPaused",get:function(){return this[S]}}]),function(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");o(n.prototype,t&&t.prototype),t&&o(n,t)}(i,t),i}((function(n){var t={},e=[];(n=n||this).on=function(e,r,a){return(t[e]=t[e]||[]).push([r,a]),n},n.off=function(r,a){r||(t={});for(var i=t[r]||e,o=i.length=a?i.length:0;o--;)a==i[o][0]&&i.splice(o,1);return n},n.emit=function(r){for(var a,i=t[r]||e,o=0<i.length?i.slice(0,i.length):i,l=0;a=o[l++];)a[0].apply(a[1],e.slice.call(arguments,1));return n}}));return r(L,"DEFAULT_LOOP",{complete:function(n){return n()},progress:function(n){return n}}),L.Easing=h,L._plugins={},L}()),on.exports),sn=o(ln);sn._plugins.color=F;let un,cn=[];const fn=R("white"),hn=R("bada55");let dn,bn="#bada55",vn=[0,0,0,0,0],gn=[void 0,void 0,void 0,void 0,void 0];const pn=n=>{if(!un)return;const t=bn,e=R(n);null!==t&&t!==e&&(dn&&dn.pause(),dn=new sn(t,e).time(1e3).easing(sn.Easing.Cubic.InOut).on("update",(n=>{un.forEach((t=>{t.setAttribute("fill",`${n}`)})),bn=n})))},yn=n=>{un&&un.forEach(((t,e)=>{const r=cn[e],a=vn[e],i=n[e];null!==a&&a!==i&&(gn[e]&&gn[e].pause(),gn[e]=new sn(a,i).time(1e3).easing(sn.Easing.Cubic.InOut).on("update",(n=>{t.setAttribute("y",""+r*((100-n)/100)),vn[e]=n})))}))},mn=()=>{const t=N.map((n=>(({id:n,height:t,width:e,x:r,y:a,drop:i})=>({id:n,height:t,width:e,x:r,y:a,maskId:`mask-${n}`,maskUri:`url('#mask-${n}')`,mask:`0.5,0.5,0.5,${t-.5},${e-.5},${t-i-.5},${e-.5},${i+.5}`,matrix:`matrix(1,0,0,1,${r},${a})`,points:`0,0,0,${t},${e},${t-i},${e},${i}`}))(n))),e="currentColor";return cn=Array(t.length),un=Array(t.length),n("div",{class:"funnel-gfx"},n("svg",{viewBox:"0 0 600 420"},n("desc",null,"Created with Snap"),n("defs",null,t.map((t=>n("mask",{id:t.maskId},n("polygon",{points:t.mask,fill:fn}))))),t.map(((t,r)=>{const{height:a,width:i,maskUri:o,matrix:l,points:s}=t;return cn[r]=a,n("g",{transform:l},n("polygon",{points:s,fill:fn,stroke:e}),n("rect",{ref:n=>un[r]=n,x:"0",y:a,width:i,height:a,mask:o,fill:hn,stroke:e}))}))))},wn=t=>{const e=t.hex||"currentColor",r=t.size||24;return n("svg",{class:t.class,width:r,height:r,viewBox:"0 0 24 24",role:"img","aria-label":"title"},n("title",null,t.label||"fingerprint"),n("g",{fill:e},n("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),n("path",{d:"M0 0h24v24H0z",fill:"none"}))},kn="eswat2",Mn=()=>n("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":kn,target:"blank",title:kn},n(wn,{label:"eswat2"})),xn=class{constructor(n){r(this,n),this.tag="funnel-app"}componentDidLoad(){Z("pick",pn),Z("values",yn),Y.initApp()}render(){return n("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},n(Mn,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),n(mn,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),n(tn,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:Y,state:Q}),n(G,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:Y,state:Q}),n("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),n(rn,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:Q}))}};xn.style="/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-gray {\n border-color: var(--clrs-gray, #aaaaaa);\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-silver {\n background-color: var(--clrs-silver, #dddddd);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active\\:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n .active\\:text-clrs-navy {\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n .funnel-gfx {\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-gray, #aaaaaa);\n background-color: var(--clrs-silver, #dddddd);\n stroke-width: 1;\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n.funnel-gfx {\n width: calc(100% - 20px);\n height: 100%;\n padding: 10px;\n padding-bottom: 7px;\n border-radius: 10px;\n border-width: 1px;\n}\n";export{xn as funnel_app}
@@ -1,14 +0,0 @@
1
- declare const ColorPlugin: {
2
- name: string;
3
- test(startValue: any): any;
4
- initialize(startValue: any, destValue: any): {
5
- data: {
6
- format: any;
7
- };
8
- startValue: any;
9
- destValue: any;
10
- };
11
- interpolate(startValue: any, destValue: any, progress: any, data: any): any;
12
- };
13
- export { ColorPlugin };
14
- export default ColorPlugin;