@decidables/accumulable-elements 0.1.0
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.
- package/CHANGELOG.md +45 -0
- package/LICENSE.md +1003 -0
- package/README.md +1048 -0
- package/lib/accumulableElements.esm.js +10574 -0
- package/lib/accumulableElements.esm.js.map +1 -0
- package/lib/accumulableElements.esm.min.js +1917 -0
- package/lib/accumulableElements.esm.min.js.map +1 -0
- package/lib/accumulableElements.umd.js +10594 -0
- package/lib/accumulableElements.umd.js.map +1 -0
- package/lib/accumulableElements.umd.min.js +1917 -0
- package/lib/accumulableElements.umd.min.js.map +1 -0
- package/package.json +65 -0
- package/src/accumulable-element.js +87 -0
- package/src/components/accumulable-control.js +249 -0
- package/src/components/accumulable-response.js +428 -0
- package/src/components/accumulable-table.js +520 -0
- package/src/components/ddm-fit-worker.js +31 -0
- package/src/components/ddm-fit.js +130 -0
- package/src/components/ddm-model.js +2095 -0
- package/src/components/ddm-parameters.js +139 -0
- package/src/components/index.js +8 -0
- package/src/components/rdk-2afc-task.js +537 -0
- package/src/equations/azv2pc.js +146 -0
- package/src/equations/azvt02m.js +182 -0
- package/src/equations/ddm-equation.js +193 -0
- package/src/equations/index.js +3 -0
- package/src/examples/ddm-example.js +72 -0
- package/src/examples/human.js +208 -0
- package/src/examples/index.js +4 -0
- package/src/examples/interactive.js +150 -0
- package/src/examples/model.js +307 -0
- package/src/index.js +6 -0
|
@@ -0,0 +1,1917 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2019 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new WeakMap;let r=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=s.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&s.set(i,t))}return t}toString(){return this.cssText}};const a=t=>new r("string"==typeof t?t:t+"",void 0,i),n=(t,...e)=>{const s=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1]),t[0]);return new r(s,t,i)},o=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return a(e)})(t):t
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/,{is:l,defineProperty:c,getOwnPropertyDescriptor:d,getOwnPropertyNames:h,getOwnPropertySymbols:u,getPrototypeOf:g}=Object,p=globalThis,m=p.trustedTypes,b=m?m.emptyScript:"",Q=p.reactiveElementPolyfillSupport,y=(t,e)=>t,B={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},U=(t,e)=>!l(t,e),f={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:U};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let I=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=f){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&c(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:r}=d(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return s?.call(this)},set(e){const a=s?.call(this);r.call(this,e),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??f}static _$Ei(){if(this.hasOwnProperty(y("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(y("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(y("properties"))){const t=this.properties,e=[...h(t),...u(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(o(t))}else void 0!==t&&e.push(o(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const i=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((i,s)=>{if(e)i.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of s){const s=document.createElement("style"),r=t.litNonce;void 0!==r&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}})(i,this.constructor.elementStyles),i}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(void 0!==s&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:B).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(s):this.setAttribute(s,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,s=i._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=i.getPropertyOptions(s),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:B;this._$Em=s,this[s]=r.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??U)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}};I.elementStyles=[],I.shadowRootOptions={mode:"open"},I[y("elementProperties")]=new Map,I[y("finalized")]=new Map,Q?.({ReactiveElement:I}),(p.reactiveElementVersions??=[]).push("2.0.4");
|
|
12
|
+
/**
|
|
13
|
+
* @license
|
|
14
|
+
* Copyright 2017 Google LLC
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
17
|
+
const F=globalThis,C=F.trustedTypes,v=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,x="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,E="?"+A,R=`<${E}>`,N=document,S=()=>N.createComment(""),w=t=>null===t||"object"!=typeof t&&"function"!=typeof t,L=Array.isArray,D="[ \t\n\f\r]",k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,T=/>/g,H=RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),$=/'/g,G=/"/g,V=/^(?:script|style|textarea|title)$/i,z=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),W=z(1),Y=z(2),_=Symbol.for("lit-noChange"),J=Symbol.for("lit-nothing"),K=new WeakMap,X=N.createTreeWalker(N,129);function Z(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==v?v.createHTML(e):e}const P=(t,e)=>{const i=t.length-1,s=[];let r,a=2===e?"<svg>":"",n=k;for(let e=0;e<i;e++){const i=t[e];let o,l,c=-1,d=0;for(;d<i.length&&(n.lastIndex=d,l=n.exec(i),null!==l);)d=n.lastIndex,n===k?"!--"===l[1]?n=M:void 0!==l[1]?n=T:void 0!==l[2]?(V.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=H):void 0!==l[3]&&(n=H):n===H?">"===l[0]?(n=r??k,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,o=l[1],n=void 0===l[3]?H:'"'===l[3]?G:$):n===G||n===$?n=H:n===M||n===T?n=k:(n=H,r=void 0);const h=n===H&&t[e+1].startsWith("/>")?" ":"";a+=n===k?i+R:c>=0?(s.push(o),i.slice(0,c)+x+i.slice(c)+A+h):i+A+(-2===c?e:h)}return[Z(t,a+(t[i]||"<?>")+(2===e?"</svg>":"")),s]};class O{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let r=0,a=0;const n=t.length-1,o=this.parts,[l,c]=P(t,e);if(this.el=O.createElement(l,i),X.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=X.nextNode())&&o.length<n;){if(1===s.nodeType){if(s.hasAttributes())for(const t of s.getAttributeNames())if(t.endsWith(x)){const e=c[a++],i=s.getAttribute(t).split(A),n=/([.?@])?(.*)/.exec(e);o.push({type:1,index:r,name:n[2],strings:i,ctor:"."===n[1]?it:"?"===n[1]?st:"@"===n[1]?rt:et}),s.removeAttribute(t)}else t.startsWith(A)&&(o.push({type:6,index:r}),s.removeAttribute(t));if(V.test(s.tagName)){const t=s.textContent.split(A),e=t.length-1;if(e>0){s.textContent=C?C.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],S()),X.nextNode(),o.push({type:2,index:++r});s.append(t[e],S())}}}else if(8===s.nodeType)if(s.data===E)o.push({type:2,index:r});else{let t=-1;for(;-1!==(t=s.data.indexOf(A,t+1));)o.push({type:7,index:r}),t+=A.length-1}r++}}static createElement(t,e){const i=N.createElement("template");return i.innerHTML=t,i}}function j(t,e,i=t,s){if(e===_)return e;let r=void 0!==s?i._$Co?.[s]:i._$Cl;const a=w(e)?void 0:e._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,i,s)),void 0!==s?(i._$Co??=[])[s]=r:i._$Cl=r),void 0!==r&&(e=j(t,r._$AS(t,e.values),r,s)),e}class q{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,s=(t?.creationScope??N).importNode(e,!0);X.currentNode=s;let r=X.nextNode(),a=0,n=0,o=i[0];for(;void 0!==o;){if(a===o.index){let e;2===o.type?e=new tt(r,r.nextSibling,this,t):1===o.type?e=new o.ctor(r,o.name,o.strings,this,t):6===o.type&&(e=new at(r,this,t)),this._$AV.push(e),o=i[++n]}a!==o?.index&&(r=X.nextNode(),a++)}return X.currentNode=N,s}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class tt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,s){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=j(this,t,e),w(t)?t===J||null==t||""===t?(this._$AH!==J&&this._$AR(),this._$AH=J):t!==this._$AH&&t!==_&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>L(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==J&&w(this._$AH)?this._$AA.nextSibling.data=t:this.T(N.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=O.createElement(Z(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new q(s,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new O(t)),e}k(t){L(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const r of t)s===e.length?e.push(i=new tt(this.S(S()),this.S(S()),this,this.options)):i=e[s],i._$AI(r),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class et{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,s,r){this.type=1,this._$AH=J,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=J}_$AI(t,e=this,i,s){const r=this.strings;let a=!1;if(void 0===r)t=j(this,t,e,0),a=!w(t)||t!==this._$AH&&t!==_,a&&(this._$AH=t);else{const s=t;let n,o;for(t=r[0],n=0;n<r.length-1;n++)o=j(this,s[i+n],e,n),o===_&&(o=this._$AH[n]),a||=!w(o)||o!==this._$AH[n],o===J?t=J:t!==J&&(t+=(o??"")+r[n+1]),this._$AH[n]=o}a&&!s&&this.j(t)}j(t){t===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class it extends et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===J?void 0:t}}class st extends et{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==J)}}class rt extends et{constructor(t,e,i,s,r){super(t,e,i,s,r),this.type=5}_$AI(t,e=this){if((t=j(this,t,e,0)??J)===_)return;const i=this._$AH,s=t===J&&i!==J||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==J&&(i===J||s);s&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class at{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){j(this,t)}}const nt=F.litHtmlPolyfillSupport;nt?.(O,tt),(F.litHtmlVersions??=[]).push("3.1.3");
|
|
18
|
+
/**
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/
|
|
23
|
+
class ot extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{const s=i?.renderBefore??e;let r=s._$litPart$;if(void 0===r){const t=i?.renderBefore??null;s._$litPart$=r=new tt(e.insertBefore(S(),t),t,void 0,i??{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return _}}ot._$litElement$=!0,ot.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:ot});const lt=globalThis.litElementPolyfillSupport;function ct(t,e){return null==t||null==e?NaN:t<e?-1:t>e?1:t>=e?0:NaN}function dt(t,e){return null==t||null==e?NaN:e<t?-1:e>t?1:e>=t?0:NaN}function ht(t){let e,i,s;function r(t,s,r=0,a=t.length){if(r<a){if(0!==e(s,s))return a;do{const e=r+a>>>1;i(t[e],s)<0?r=e+1:a=e}while(r<a)}return r}return 2!==t.length?(e=ct,i=(e,i)=>ct(t(e),i),s=(e,i)=>t(e)-i):(e=t===ct||t===dt?t:ut,i=t,s=t),{left:r,center:function(t,e,i=0,a=t.length){const n=r(t,e,i,a-1);return n>i&&s(t[n-1],e)>-s(t[n],e)?n-1:n},right:function(t,s,r=0,a=t.length){if(r<a){if(0!==e(s,s))return a;do{const e=r+a>>>1;i(t[e],s)<=0?r=e+1:a=e}while(r<a)}return r}}}function ut(){return 0}lt?.({LitElement:ot}),(globalThis.litElementVersions??=[]).push("4.0.5");const gt=ht(ct).right;ht((function(t){return null===t?NaN:+t})).center;const pt=Math.sqrt(50),mt=Math.sqrt(10),bt=Math.sqrt(2);function Qt(t,e,i){const s=(e-t)/Math.max(0,i),r=Math.floor(Math.log10(s)),a=s/Math.pow(10,r),n=a>=pt?10:a>=mt?5:a>=bt?2:1;let o,l,c;return r<0?(c=Math.pow(10,-r)/n,o=Math.round(t*c),l=Math.round(e*c),o/c<t&&++o,l/c>e&&--l,c=-c):(c=Math.pow(10,r)*n,o=Math.round(t/c),l=Math.round(e/c),o*c<t&&++o,l*c>e&&--l),l<o&&.5<=i&&i<2?Qt(t,e,2*i):[o,l,c]}function yt(t,e,i){return Qt(t=+t,e=+e,i=+i)[2]}function Bt(t){return t}var Ut=1,ft=2,It=3,Ft=4,Ct=1e-6;function vt(t){return"translate("+t+",0)"}function xt(t){return"translate(0,"+t+")"}function At(t){return e=>+t(e)}function Et(t,e){return e=Math.max(0,t.bandwidth()-2*e)/2,t.round()&&(e=Math.round(e)),i=>+t(i)+e}function Rt(){return!this.__axis}function Nt(t,e){var i=[],s=null,r=null,a=6,n=6,o=3,l="undefined"!=typeof window&&window.devicePixelRatio>1?0:.5,c=t===Ut||t===Ft?-1:1,d=t===Ft||t===ft?"x":"y",h=t===Ut||t===It?vt:xt;function u(u){var g=null==s?e.ticks?e.ticks.apply(e,i):e.domain():s,p=null==r?e.tickFormat?e.tickFormat.apply(e,i):Bt:r,m=Math.max(a,0)+o,b=e.range(),Q=+b[0]+l,y=+b[b.length-1]+l,B=(e.bandwidth?Et:At)(e.copy(),l),U=u.selection?u.selection():u,f=U.selectAll(".domain").data([null]),I=U.selectAll(".tick").data(g,e).order(),F=I.exit(),C=I.enter().append("g").attr("class","tick"),v=I.select("line"),x=I.select("text");f=f.merge(f.enter().insert("path",".tick").attr("class","domain").attr("stroke","currentColor")),I=I.merge(C),v=v.merge(C.append("line").attr("stroke","currentColor").attr(d+"2",c*a)),x=x.merge(C.append("text").attr("fill","currentColor").attr(d,c*m).attr("dy",t===Ut?"0em":t===It?"0.71em":"0.32em")),u!==U&&(f=f.transition(u),I=I.transition(u),v=v.transition(u),x=x.transition(u),F=F.transition(u).attr("opacity",Ct).attr("transform",(function(t){return isFinite(t=B(t))?h(t+l):this.getAttribute("transform")})),C.attr("opacity",Ct).attr("transform",(function(t){var e=this.parentNode.__axis;return h((e&&isFinite(e=e(t))?e:B(t))+l)}))),F.remove(),f.attr("d",t===Ft||t===ft?n?"M"+c*n+","+Q+"H"+l+"V"+y+"H"+c*n:"M"+l+","+Q+"V"+y:n?"M"+Q+","+c*n+"V"+l+"H"+y+"V"+c*n:"M"+Q+","+l+"H"+y),I.attr("opacity",1).attr("transform",(function(t){return h(B(t)+l)})),v.attr(d+"2",c*a),x.attr(d,c*m).text(p),U.filter(Rt).attr("fill","none").attr("font-size",10).attr("font-family","sans-serif").attr("text-anchor",t===ft?"start":t===Ft?"end":"middle"),U.each((function(){this.__axis=B}))}return u.scale=function(t){return arguments.length?(e=t,u):e},u.ticks=function(){return i=Array.from(arguments),u},u.tickArguments=function(t){return arguments.length?(i=null==t?[]:Array.from(t),u):i.slice()},u.tickValues=function(t){return arguments.length?(s=null==t?null:Array.from(t),u):s&&s.slice()},u.tickFormat=function(t){return arguments.length?(r=t,u):r},u.tickSize=function(t){return arguments.length?(a=n=+t,u):a},u.tickSizeInner=function(t){return arguments.length?(a=+t,u):a},u.tickSizeOuter=function(t){return arguments.length?(n=+t,u):n},u.tickPadding=function(t){return arguments.length?(o=+t,u):o},u.offset=function(t){return arguments.length?(l=+t,u):l},u}function St(t){return Nt(Ft,t)}var wt={value:()=>{}};function Lt(){for(var t,e=0,i=arguments.length,s={};e<i;++e){if(!(t=arguments[e]+"")||t in s||/[\s.]/.test(t))throw new Error("illegal type: "+t);s[t]=[]}return new Dt(s)}function Dt(t){this._=t}function kt(t,e){for(var i,s=0,r=t.length;s<r;++s)if((i=t[s]).name===e)return i.value}function Mt(t,e,i){for(var s=0,r=t.length;s<r;++s)if(t[s].name===e){t[s]=wt,t=t.slice(0,s).concat(t.slice(s+1));break}return null!=i&&t.push({name:e,value:i}),t}Dt.prototype=Lt.prototype={constructor:Dt,on:function(t,e){var i,s,r=this._,a=(s=r,(t+"").trim().split(/^|\s+/).map((function(t){var e="",i=t.indexOf(".");if(i>=0&&(e=t.slice(i+1),t=t.slice(0,i)),t&&!s.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:e}}))),n=-1,o=a.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++n<o;)if(i=(t=a[n]).type)r[i]=Mt(r[i],t.name,e);else if(null==e)for(i in r)r[i]=Mt(r[i],t.name,null);return this}for(;++n<o;)if((i=(t=a[n]).type)&&(i=kt(r[i],t.name)))return i},copy:function(){var t={},e=this._;for(var i in e)t[i]=e[i].slice();return new Dt(t)},call:function(t,e){if((i=arguments.length-2)>0)for(var i,s,r=new Array(i),a=0;a<i;++a)r[a]=arguments[a+2];if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(a=0,i=(s=this._[t]).length;a<i;++a)s[a].value.apply(e,r)},apply:function(t,e,i){if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(var s=this._[t],r=0,a=s.length;r<a;++r)s[r].value.apply(e,i)}};var Tt="http://www.w3.org/1999/xhtml",Ht={svg:"http://www.w3.org/2000/svg",xhtml:Tt,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function $t(t){var e=t+="",i=e.indexOf(":");return i>=0&&"xmlns"!==(e=t.slice(0,i))&&(t=t.slice(i+1)),Ht.hasOwnProperty(e)?{space:Ht[e],local:t}:t}function Gt(t){return function(){var e=this.ownerDocument,i=this.namespaceURI;return i===Tt&&e.documentElement.namespaceURI===Tt?e.createElement(t):e.createElementNS(i,t)}}function Vt(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function zt(t){var e=$t(t);return(e.local?Vt:Gt)(e)}function Wt(){}function Yt(t){return null==t?Wt:function(){return this.querySelector(t)}}function _t(){return[]}function Jt(t){return null==t?_t:function(){return this.querySelectorAll(t)}}function Kt(t){return function(){return function(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}(t.apply(this,arguments))}}function Xt(t){return function(){return this.matches(t)}}function Zt(t){return function(e){return e.matches(t)}}var Pt=Array.prototype.find;function Ot(){return this.firstElementChild}var jt=Array.prototype.filter;function qt(){return Array.from(this.children)}function te(t){return new Array(t.length)}function ee(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function ie(t,e,i,s,r,a){for(var n,o=0,l=e.length,c=a.length;o<c;++o)(n=e[o])?(n.__data__=a[o],s[o]=n):i[o]=new ee(t,a[o]);for(;o<l;++o)(n=e[o])&&(r[o]=n)}function se(t,e,i,s,r,a,n){var o,l,c,d=new Map,h=e.length,u=a.length,g=new Array(h);for(o=0;o<h;++o)(l=e[o])&&(g[o]=c=n.call(l,l.__data__,o,e)+"",d.has(c)?r[o]=l:d.set(c,l));for(o=0;o<u;++o)c=n.call(t,a[o],o,a)+"",(l=d.get(c))?(s[o]=l,l.__data__=a[o],d.delete(c)):i[o]=new ee(t,a[o]);for(o=0;o<h;++o)(l=e[o])&&d.get(g[o])===l&&(r[o]=l)}function re(t){return t.__data__}function ae(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function ne(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function oe(t){return function(){this.removeAttribute(t)}}function le(t){return function(){this.removeAttributeNS(t.space,t.local)}}function ce(t,e){return function(){this.setAttribute(t,e)}}function de(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function he(t,e){return function(){var i=e.apply(this,arguments);null==i?this.removeAttribute(t):this.setAttribute(t,i)}}function ue(t,e){return function(){var i=e.apply(this,arguments);null==i?this.removeAttributeNS(t.space,t.local):this.setAttributeNS(t.space,t.local,i)}}function ge(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function pe(t){return function(){this.style.removeProperty(t)}}function me(t,e,i){return function(){this.style.setProperty(t,e,i)}}function be(t,e,i){return function(){var s=e.apply(this,arguments);null==s?this.style.removeProperty(t):this.style.setProperty(t,s,i)}}function Qe(t,e){return t.style.getPropertyValue(e)||ge(t).getComputedStyle(t,null).getPropertyValue(e)}function ye(t){return function(){delete this[t]}}function Be(t,e){return function(){this[t]=e}}function Ue(t,e){return function(){var i=e.apply(this,arguments);null==i?delete this[t]:this[t]=i}}function fe(t){return t.trim().split(/^|\s+/)}function Ie(t){return t.classList||new Fe(t)}function Fe(t){this._node=t,this._names=fe(t.getAttribute("class")||"")}function Ce(t,e){for(var i=Ie(t),s=-1,r=e.length;++s<r;)i.add(e[s])}function ve(t,e){for(var i=Ie(t),s=-1,r=e.length;++s<r;)i.remove(e[s])}function xe(t){return function(){Ce(this,t)}}function Ae(t){return function(){ve(this,t)}}function Ee(t,e){return function(){(e.apply(this,arguments)?Ce:ve)(this,t)}}function Re(){this.textContent=""}function Ne(t){return function(){this.textContent=t}}function Se(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function we(){this.innerHTML=""}function Le(t){return function(){this.innerHTML=t}}function De(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function ke(){this.nextSibling&&this.parentNode.appendChild(this)}function Me(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function Te(){return null}function He(){var t=this.parentNode;t&&t.removeChild(this)}function $e(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function Ge(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function Ve(t){return function(){var e=this.__on;if(e){for(var i,s=0,r=-1,a=e.length;s<a;++s)i=e[s],t.type&&i.type!==t.type||i.name!==t.name?e[++r]=i:this.removeEventListener(i.type,i.listener,i.options);++r?e.length=r:delete this.__on}}}function ze(t,e,i){return function(){var s,r=this.__on,a=function(t){return function(e){t.call(this,e,this.__data__)}}(e);if(r)for(var n=0,o=r.length;n<o;++n)if((s=r[n]).type===t.type&&s.name===t.name)return this.removeEventListener(s.type,s.listener,s.options),this.addEventListener(s.type,s.listener=a,s.options=i),void(s.value=e);this.addEventListener(t.type,a,i),s={type:t.type,name:t.name,value:e,listener:a,options:i},r?r.push(s):this.__on=[s]}}function We(t,e,i){var s=ge(t),r=s.CustomEvent;"function"==typeof r?r=new r(e,i):(r=s.document.createEvent("Event"),i?(r.initEvent(e,i.bubbles,i.cancelable),r.detail=i.detail):r.initEvent(e,!1,!1)),t.dispatchEvent(r)}function Ye(t,e){return function(){return We(this,t,e)}}function _e(t,e){return function(){return We(this,t,e.apply(this,arguments))}}ee.prototype={constructor:ee,appendChild:function(t){return this._parent.insertBefore(t,this._next)},insertBefore:function(t,e){return this._parent.insertBefore(t,e)},querySelector:function(t){return this._parent.querySelector(t)},querySelectorAll:function(t){return this._parent.querySelectorAll(t)}},Fe.prototype={add:function(t){this._names.indexOf(t)<0&&(this._names.push(t),this._node.setAttribute("class",this._names.join(" ")))},remove:function(t){var e=this._names.indexOf(t);e>=0&&(this._names.splice(e,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(t){return this._names.indexOf(t)>=0}};var Je=[null];function Ke(t,e){this._groups=t,this._parents=e}function Xe(){return new Ke([[document.documentElement]],Je)}function Ze(t){return"string"==typeof t?new Ke([[document.querySelector(t)]],[document.documentElement]):new Ke([[t]],Je)}Ke.prototype=Xe.prototype={constructor:Ke,select:function(t){"function"!=typeof t&&(t=Yt(t));for(var e=this._groups,i=e.length,s=new Array(i),r=0;r<i;++r)for(var a,n,o=e[r],l=o.length,c=s[r]=new Array(l),d=0;d<l;++d)(a=o[d])&&(n=t.call(a,a.__data__,d,o))&&("__data__"in a&&(n.__data__=a.__data__),c[d]=n);return new Ke(s,this._parents)},selectAll:function(t){t="function"==typeof t?Kt(t):Jt(t);for(var e=this._groups,i=e.length,s=[],r=[],a=0;a<i;++a)for(var n,o=e[a],l=o.length,c=0;c<l;++c)(n=o[c])&&(s.push(t.call(n,n.__data__,c,o)),r.push(n));return new Ke(s,r)},selectChild:function(t){return this.select(null==t?Ot:function(t){return function(){return Pt.call(this.children,t)}}("function"==typeof t?t:Zt(t)))},selectChildren:function(t){return this.selectAll(null==t?qt:function(t){return function(){return jt.call(this.children,t)}}("function"==typeof t?t:Zt(t)))},filter:function(t){"function"!=typeof t&&(t=Xt(t));for(var e=this._groups,i=e.length,s=new Array(i),r=0;r<i;++r)for(var a,n=e[r],o=n.length,l=s[r]=[],c=0;c<o;++c)(a=n[c])&&t.call(a,a.__data__,c,n)&&l.push(a);return new Ke(s,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,re);var i=e?se:ie,s=this._parents,r=this._groups;"function"!=typeof t&&(t=function(t){return function(){return t}}(t));for(var a=r.length,n=new Array(a),o=new Array(a),l=new Array(a),c=0;c<a;++c){var d=s[c],h=r[c],u=h.length,g=ae(t.call(d,d&&d.__data__,c,s)),p=g.length,m=o[c]=new Array(p),b=n[c]=new Array(p);i(d,h,m,b,l[c]=new Array(u),g,e);for(var Q,y,B=0,U=0;B<p;++B)if(Q=m[B]){for(B>=U&&(U=B+1);!(y=b[U])&&++U<p;);Q._next=y||null}}return(n=new Ke(n,s))._enter=o,n._exit=l,n},enter:function(){return new Ke(this._enter||this._groups.map(te),this._parents)},exit:function(){return new Ke(this._exit||this._groups.map(te),this._parents)},join:function(t,e,i){var s=this.enter(),r=this,a=this.exit();return"function"==typeof t?(s=t(s))&&(s=s.selection()):s=s.append(t+""),null!=e&&(r=e(r))&&(r=r.selection()),null==i?a.remove():i(a),s&&r?s.merge(r).order():r},merge:function(t){for(var e=t.selection?t.selection():t,i=this._groups,s=e._groups,r=i.length,a=s.length,n=Math.min(r,a),o=new Array(r),l=0;l<n;++l)for(var c,d=i[l],h=s[l],u=d.length,g=o[l]=new Array(u),p=0;p<u;++p)(c=d[p]||h[p])&&(g[p]=c);for(;l<r;++l)o[l]=i[l];return new Ke(o,this._parents)},selection:function(){return this},order:function(){for(var t=this._groups,e=-1,i=t.length;++e<i;)for(var s,r=t[e],a=r.length-1,n=r[a];--a>=0;)(s=r[a])&&(n&&4^s.compareDocumentPosition(n)&&n.parentNode.insertBefore(s,n),n=s);return this},sort:function(t){function e(e,i){return e&&i?t(e.__data__,i.__data__):!e-!i}t||(t=ne);for(var i=this._groups,s=i.length,r=new Array(s),a=0;a<s;++a){for(var n,o=i[a],l=o.length,c=r[a]=new Array(l),d=0;d<l;++d)(n=o[d])&&(c[d]=n);c.sort(e)}return new Ke(r,this._parents).order()},call:function(){var t=arguments[0];return arguments[0]=this,t.apply(null,arguments),this},nodes:function(){return Array.from(this)},node:function(){for(var t=this._groups,e=0,i=t.length;e<i;++e)for(var s=t[e],r=0,a=s.length;r<a;++r){var n=s[r];if(n)return n}return null},size:function(){let t=0;for(const e of this)++t;return t},empty:function(){return!this.node()},each:function(t){for(var e=this._groups,i=0,s=e.length;i<s;++i)for(var r,a=e[i],n=0,o=a.length;n<o;++n)(r=a[n])&&t.call(r,r.__data__,n,a);return this},attr:function(t,e){var i=$t(t);if(arguments.length<2){var s=this.node();return i.local?s.getAttributeNS(i.space,i.local):s.getAttribute(i)}return this.each((null==e?i.local?le:oe:"function"==typeof e?i.local?ue:he:i.local?de:ce)(i,e))},style:function(t,e,i){return arguments.length>1?this.each((null==e?pe:"function"==typeof e?be:me)(t,e,null==i?"":i)):Qe(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?ye:"function"==typeof e?Ue:Be)(t,e)):this.node()[t]},classed:function(t,e){var i=fe(t+"");if(arguments.length<2){for(var s=Ie(this.node()),r=-1,a=i.length;++r<a;)if(!s.contains(i[r]))return!1;return!0}return this.each(("function"==typeof e?Ee:e?xe:Ae)(i,e))},text:function(t){return arguments.length?this.each(null==t?Re:("function"==typeof t?Se:Ne)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?we:("function"==typeof t?De:Le)(t)):this.node().innerHTML},raise:function(){return this.each(ke)},lower:function(){return this.each(Me)},append:function(t){var e="function"==typeof t?t:zt(t);return this.select((function(){return this.appendChild(e.apply(this,arguments))}))},insert:function(t,e){var i="function"==typeof t?t:zt(t),s=null==e?Te:"function"==typeof e?e:Yt(e);return this.select((function(){return this.insertBefore(i.apply(this,arguments),s.apply(this,arguments)||null)}))},remove:function(){return this.each(He)},clone:function(t){return this.select(t?Ge:$e)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,e,i){var s,r,a=function(t){return t.trim().split(/^|\s+/).map((function(t){var e="",i=t.indexOf(".");return i>=0&&(e=t.slice(i+1),t=t.slice(0,i)),{type:t,name:e}}))}(t+""),n=a.length;if(!(arguments.length<2)){for(o=e?ze:Ve,s=0;s<n;++s)this.each(o(a[s],e,i));return this}var o=this.node().__on;if(o)for(var l,c=0,d=o.length;c<d;++c)for(s=0,l=o[c];s<n;++s)if((r=a[s]).type===l.type&&r.name===l.name)return l.value},dispatch:function(t,e){return this.each(("function"==typeof e?_e:Ye)(t,e))},[Symbol.iterator]:function*(){for(var t=this._groups,e=0,i=t.length;e<i;++e)for(var s,r=t[e],a=0,n=r.length;a<n;++a)(s=r[a])&&(yield s)}};var Pe=0;function Oe(){return new je}function je(){this._="@"+(++Pe).toString(36)}function qe(t,e){if(t=function(t){let e;for(;e=t.sourceEvent;)t=e;return t}(t),void 0===e&&(e=t.currentTarget),e){var i=e.ownerSVGElement||e;if(i.createSVGPoint){var s=i.createSVGPoint();return s.x=t.clientX,s.y=t.clientY,[(s=s.matrixTransform(e.getScreenCTM().inverse())).x,s.y]}if(e.getBoundingClientRect){var r=e.getBoundingClientRect();return[t.clientX-r.left-e.clientLeft,t.clientY-r.top-e.clientTop]}}return[t.pageX,t.pageY]}je.prototype=Oe.prototype={constructor:je,get:function(t){for(var e=this._;!(e in t);)if(!(t=t.parentNode))return;return t[e]},set:function(t,e){return t[this._]=e},remove:function(t){return this._ in t&&delete t[this._]},toString:function(){return this._}};const ti={passive:!1},ei={capture:!0,passive:!1};function ii(t){t.stopImmediatePropagation()}function si(t){t.preventDefault(),t.stopImmediatePropagation()}var ri=t=>()=>t;function ai(t,{sourceEvent:e,subject:i,target:s,identifier:r,active:a,x:n,y:o,dx:l,dy:c,dispatch:d}){Object.defineProperties(this,{type:{value:t,enumerable:!0,configurable:!0},sourceEvent:{value:e,enumerable:!0,configurable:!0},subject:{value:i,enumerable:!0,configurable:!0},target:{value:s,enumerable:!0,configurable:!0},identifier:{value:r,enumerable:!0,configurable:!0},active:{value:a,enumerable:!0,configurable:!0},x:{value:n,enumerable:!0,configurable:!0},y:{value:o,enumerable:!0,configurable:!0},dx:{value:l,enumerable:!0,configurable:!0},dy:{value:c,enumerable:!0,configurable:!0},_:{value:d}})}function ni(t){return!t.ctrlKey&&!t.button}function oi(){return this.parentNode}function li(t,e){return null==e?{x:t.x,y:t.y}:e}function ci(){return navigator.maxTouchPoints||"ontouchstart"in this}function di(){var t,e,i,s,r=ni,a=oi,n=li,o=ci,l={},c=Lt("start","drag","end"),d=0,h=0;function u(t){t.on("mousedown.drag",g).filter(o).on("touchstart.drag",b).on("touchmove.drag",Q,ti).on("touchend.drag touchcancel.drag",y).style("touch-action","none").style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function g(n,o){if(!s&&r.call(this,n,o)){var l=B(this,a.call(this,n,o),n,o,"mouse");l&&(Ze(n.view).on("mousemove.drag",p,ei).on("mouseup.drag",m,ei),function(t){var e=t.document.documentElement,i=Ze(t).on("dragstart.drag",si,ei);"onselectstart"in e?i.on("selectstart.drag",si,ei):(e.__noselect=e.style.MozUserSelect,e.style.MozUserSelect="none")}(n.view),ii(n),i=!1,t=n.clientX,e=n.clientY,l("start",n))}}function p(s){if(si(s),!i){var r=s.clientX-t,a=s.clientY-e;i=r*r+a*a>h}l.mouse("drag",s)}function m(t){Ze(t.view).on("mousemove.drag mouseup.drag",null),function(t,e){var i=t.document.documentElement,s=Ze(t).on("dragstart.drag",null);e&&(s.on("click.drag",si,ei),setTimeout((function(){s.on("click.drag",null)}),0)),"onselectstart"in i?s.on("selectstart.drag",null):(i.style.MozUserSelect=i.__noselect,delete i.__noselect)}(t.view,i),si(t),l.mouse("end",t)}function b(t,e){if(r.call(this,t,e)){var i,s,n=t.changedTouches,o=a.call(this,t,e),l=n.length;for(i=0;i<l;++i)(s=B(this,o,t,e,n[i].identifier,n[i]))&&(ii(t),s("start",t,n[i]))}}function Q(t){var e,i,s=t.changedTouches,r=s.length;for(e=0;e<r;++e)(i=l[s[e].identifier])&&(si(t),i("drag",t,s[e]))}function y(t){var e,i,r=t.changedTouches,a=r.length;for(s&&clearTimeout(s),s=setTimeout((function(){s=null}),500),e=0;e<a;++e)(i=l[r[e].identifier])&&(ii(t),i("end",t,r[e]))}function B(t,e,i,s,r,a){var o,h,g,p=c.copy(),m=qe(a||i,e);if(null!=(g=n.call(t,new ai("beforestart",{sourceEvent:i,target:u,identifier:r,active:d,x:m[0],y:m[1],dx:0,dy:0,dispatch:p}),s)))return o=g.x-m[0]||0,h=g.y-m[1]||0,function i(a,n,c){var b,Q=m;switch(a){case"start":l[r]=i,b=d++;break;case"end":delete l[r],--d;case"drag":m=qe(c||n,e),b=d}p.call(a,t,new ai(a,{sourceEvent:n,subject:g,target:u,identifier:r,active:b,x:m[0]+o,y:m[1]+h,dx:m[0]-Q[0],dy:m[1]-Q[1],dispatch:p}),s)}}return u.filter=function(t){return arguments.length?(r="function"==typeof t?t:ri(!!t),u):r},u.container=function(t){return arguments.length?(a="function"==typeof t?t:ri(t),u):a},u.subject=function(t){return arguments.length?(n="function"==typeof t?t:ri(t),u):n},u.touchable=function(t){return arguments.length?(o="function"==typeof t?t:ri(!!t),u):o},u.on=function(){var t=c.on.apply(c,arguments);return t===c?u:t},u.clickDistance=function(t){return arguments.length?(h=(t=+t)*t,u):Math.sqrt(h)},u}function hi(t,e,i){t.prototype=e.prototype=i,i.constructor=t}function ui(t,e){var i=Object.create(t.prototype);for(var s in e)i[s]=e[s];return i}function gi(){}ai.prototype.on=function(){var t=this._.on.apply(this._,arguments);return t===this._?this:t};var pi=.7,mi=1/pi,bi="\\s*([+-]?\\d+)\\s*",Qi="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",yi="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Bi=/^#([0-9a-f]{3,8})$/,Ui=new RegExp(`^rgb\\(${bi},${bi},${bi}\\)$`),fi=new RegExp(`^rgb\\(${yi},${yi},${yi}\\)$`),Ii=new RegExp(`^rgba\\(${bi},${bi},${bi},${Qi}\\)$`),Fi=new RegExp(`^rgba\\(${yi},${yi},${yi},${Qi}\\)$`),Ci=new RegExp(`^hsl\\(${Qi},${yi},${yi}\\)$`),vi=new RegExp(`^hsla\\(${Qi},${yi},${yi},${Qi}\\)$`),xi={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function Ai(){return this.rgb().formatHex()}function Ei(){return this.rgb().formatRgb()}function Ri(t){var e,i;return t=(t+"").trim().toLowerCase(),(e=Bi.exec(t))?(i=e[1].length,e=parseInt(e[1],16),6===i?Ni(e):3===i?new Li(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===i?Si(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===i?Si(e>>12&15|e>>8&240,e>>8&15|e>>4&240,e>>4&15|240&e,((15&e)<<4|15&e)/255):null):(e=Ui.exec(t))?new Li(e[1],e[2],e[3],1):(e=fi.exec(t))?new Li(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=Ii.exec(t))?Si(e[1],e[2],e[3],e[4]):(e=Fi.exec(t))?Si(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=Ci.exec(t))?$i(e[1],e[2]/100,e[3]/100,1):(e=vi.exec(t))?$i(e[1],e[2]/100,e[3]/100,e[4]):xi.hasOwnProperty(t)?Ni(xi[t]):"transparent"===t?new Li(NaN,NaN,NaN,0):null}function Ni(t){return new Li(t>>16&255,t>>8&255,255&t,1)}function Si(t,e,i,s){return s<=0&&(t=e=i=NaN),new Li(t,e,i,s)}function wi(t,e,i,s){return 1===arguments.length?function(t){return t instanceof gi||(t=Ri(t)),t?new Li((t=t.rgb()).r,t.g,t.b,t.opacity):new Li}(t):new Li(t,e,i,null==s?1:s)}function Li(t,e,i,s){this.r=+t,this.g=+e,this.b=+i,this.opacity=+s}function Di(){return`#${Hi(this.r)}${Hi(this.g)}${Hi(this.b)}`}function ki(){const t=Mi(this.opacity);return`${1===t?"rgb(":"rgba("}${Ti(this.r)}, ${Ti(this.g)}, ${Ti(this.b)}${1===t?")":`, ${t})`}`}function Mi(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function Ti(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function Hi(t){return((t=Ti(t))<16?"0":"")+t.toString(16)}function $i(t,e,i,s){return s<=0?t=e=i=NaN:i<=0||i>=1?t=e=NaN:e<=0&&(t=NaN),new Vi(t,e,i,s)}function Gi(t){if(t instanceof Vi)return new Vi(t.h,t.s,t.l,t.opacity);if(t instanceof gi||(t=Ri(t)),!t)return new Vi;if(t instanceof Vi)return t;var e=(t=t.rgb()).r/255,i=t.g/255,s=t.b/255,r=Math.min(e,i,s),a=Math.max(e,i,s),n=NaN,o=a-r,l=(a+r)/2;return o?(n=e===a?(i-s)/o+6*(i<s):i===a?(s-e)/o+2:(e-i)/o+4,o/=l<.5?a+r:2-a-r,n*=60):o=l>0&&l<1?0:n,new Vi(n,o,l,t.opacity)}function Vi(t,e,i,s){this.h=+t,this.s=+e,this.l=+i,this.opacity=+s}function zi(t){return(t=(t||0)%360)<0?t+360:t}function Wi(t){return Math.max(0,Math.min(1,t||0))}function Yi(t,e,i){return 255*(t<60?e+(i-e)*t/60:t<180?i:t<240?e+(i-e)*(240-t)/60:e)}hi(gi,Ri,{copy(t){return Object.assign(new this.constructor,this,t)},displayable(){return this.rgb().displayable()},hex:Ai,formatHex:Ai,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return Gi(this).formatHsl()},formatRgb:Ei,toString:Ei}),hi(Li,wi,ui(gi,{brighter(t){return t=null==t?mi:Math.pow(mi,t),new Li(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?pi:Math.pow(pi,t),new Li(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new Li(Ti(this.r),Ti(this.g),Ti(this.b),Mi(this.opacity))},displayable(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:Di,formatHex:Di,formatHex8:function(){return`#${Hi(this.r)}${Hi(this.g)}${Hi(this.b)}${Hi(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:ki,toString:ki})),hi(Vi,(function(t,e,i,s){return 1===arguments.length?Gi(t):new Vi(t,e,i,null==s?1:s)}),ui(gi,{brighter(t){return t=null==t?mi:Math.pow(mi,t),new Vi(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?pi:Math.pow(pi,t),new Vi(this.h,this.s,this.l*t,this.opacity)},rgb(){var t=this.h%360+360*(this.h<0),e=isNaN(t)||isNaN(this.s)?0:this.s,i=this.l,s=i+(i<.5?i:1-i)*e,r=2*i-s;return new Li(Yi(t>=240?t-240:t+120,r,s),Yi(t,r,s),Yi(t<120?t+240:t-120,r,s),this.opacity)},clamp(){return new Vi(zi(this.h),Wi(this.s),Wi(this.l),Mi(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const t=Mi(this.opacity);return`${1===t?"hsl(":"hsla("}${zi(this.h)}, ${100*Wi(this.s)}%, ${100*Wi(this.l)}%${1===t?")":`, ${t})`}`}}));var _i=t=>()=>t;function Ji(t){return 1==(t=+t)?Ki:function(e,i){return i-e?function(t,e,i){return t=Math.pow(t,i),e=Math.pow(e,i)-t,i=1/i,function(s){return Math.pow(t+s*e,i)}}(e,i,t):_i(isNaN(e)?i:e)}}function Ki(t,e){var i=e-t;return i?function(t,e){return function(i){return t+i*e}}(t,i):_i(isNaN(t)?e:t)}var Xi=function t(e){var i=Ji(e);function s(t,e){var s=i((t=wi(t)).r,(e=wi(e)).r),r=i(t.g,e.g),a=i(t.b,e.b),n=Ki(t.opacity,e.opacity);return function(e){return t.r=s(e),t.g=r(e),t.b=a(e),t.opacity=n(e),t+""}}return s.gamma=t,s}(1);function Zi(t,e){e||(e=[]);var i,s=t?Math.min(e.length,t.length):0,r=e.slice();return function(a){for(i=0;i<s;++i)r[i]=t[i]*(1-a)+e[i]*a;return r}}function Pi(t,e){var i,s=e?e.length:0,r=t?Math.min(s,t.length):0,a=new Array(r),n=new Array(s);for(i=0;i<r;++i)a[i]=ss(t[i],e[i]);for(;i<s;++i)n[i]=e[i];return function(t){for(i=0;i<r;++i)n[i]=a[i](t);return n}}function Oi(t,e){var i=new Date;return t=+t,e=+e,function(s){return i.setTime(t*(1-s)+e*s),i}}function ji(t,e){return t=+t,e=+e,function(i){return t*(1-i)+e*i}}function qi(t,e){var i,s={},r={};for(i in null!==t&&"object"==typeof t||(t={}),null!==e&&"object"==typeof e||(e={}),e)i in t?s[i]=ss(t[i],e[i]):r[i]=e[i];return function(t){for(i in s)r[i]=s[i](t);return r}}var ts=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,es=new RegExp(ts.source,"g");function is(t,e){var i,s,r,a=ts.lastIndex=es.lastIndex=0,n=-1,o=[],l=[];for(t+="",e+="";(i=ts.exec(t))&&(s=es.exec(e));)(r=s.index)>a&&(r=e.slice(a,r),o[n]?o[n]+=r:o[++n]=r),(i=i[0])===(s=s[0])?o[n]?o[n]+=s:o[++n]=s:(o[++n]=null,l.push({i:n,x:ji(i,s)})),a=es.lastIndex;return a<e.length&&(r=e.slice(a),o[n]?o[n]+=r:o[++n]=r),o.length<2?l[0]?function(t){return function(e){return t(e)+""}}(l[0].x):function(t){return function(){return t}}(e):(e=l.length,function(t){for(var i,s=0;s<e;++s)o[(i=l[s]).i]=i.x(t);return o.join("")})}function ss(t,e){var i,s=typeof e;return null==e||"boolean"===s?_i(e):("number"===s?ji:"string"===s?(i=Ri(e))?(e=i,Xi):is:e instanceof Ri?Xi:e instanceof Date?Oi:function(t){return ArrayBuffer.isView(t)&&!(t instanceof DataView)}(e)?Zi:Array.isArray(e)?Pi:"function"!=typeof e.valueOf&&"function"!=typeof e.toString||isNaN(e)?qi:ji)(t,e)}function rs(t,e){return t=+t,e=+e,function(i){return Math.round(t*(1-i)+e*i)}}var as,ns=180/Math.PI,os={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function ls(t,e,i,s,r,a){var n,o,l;return(n=Math.sqrt(t*t+e*e))&&(t/=n,e/=n),(l=t*i+e*s)&&(i-=t*l,s-=e*l),(o=Math.sqrt(i*i+s*s))&&(i/=o,s/=o,l/=o),t*s<e*i&&(t=-t,e=-e,l=-l,n=-n),{translateX:r,translateY:a,rotate:Math.atan2(e,t)*ns,skewX:Math.atan(l)*ns,scaleX:n,scaleY:o}}function cs(t,e,i,s){function r(t){return t.length?t.pop()+" ":""}return function(a,n){var o=[],l=[];return a=t(a),n=t(n),function(t,s,r,a,n,o){if(t!==r||s!==a){var l=n.push("translate(",null,e,null,i);o.push({i:l-4,x:ji(t,r)},{i:l-2,x:ji(s,a)})}else(r||a)&&n.push("translate("+r+e+a+i)}(a.translateX,a.translateY,n.translateX,n.translateY,o,l),function(t,e,i,a){t!==e?(t-e>180?e+=360:e-t>180&&(t+=360),a.push({i:i.push(r(i)+"rotate(",null,s)-2,x:ji(t,e)})):e&&i.push(r(i)+"rotate("+e+s)}(a.rotate,n.rotate,o,l),function(t,e,i,a){t!==e?a.push({i:i.push(r(i)+"skewX(",null,s)-2,x:ji(t,e)}):e&&i.push(r(i)+"skewX("+e+s)}(a.skewX,n.skewX,o,l),function(t,e,i,s,a,n){if(t!==i||e!==s){var o=a.push(r(a)+"scale(",null,",",null,")");n.push({i:o-4,x:ji(t,i)},{i:o-2,x:ji(e,s)})}else 1===i&&1===s||a.push(r(a)+"scale("+i+","+s+")")}(a.scaleX,a.scaleY,n.scaleX,n.scaleY,o,l),a=n=null,function(t){for(var e,i=-1,s=l.length;++i<s;)o[(e=l[i]).i]=e.x(t);return o.join("")}}}var ds,hs,us=cs((function(t){const e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?os:ls(e.a,e.b,e.c,e.d,e.e,e.f)}),"px, ","px)","deg)"),gs=cs((function(t){return null==t?os:(as||(as=document.createElementNS("http://www.w3.org/2000/svg","g")),as.setAttribute("transform",t),(t=as.transform.baseVal.consolidate())?ls((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):os)}),", ",")",")"),ps=0,ms=0,bs=0,Qs=1e3,ys=0,Bs=0,Us=0,fs="object"==typeof performance&&performance.now?performance:Date,Is="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function Fs(){return Bs||(Is(Cs),Bs=fs.now()+Us)}function Cs(){Bs=0}function vs(){this._call=this._time=this._next=null}function xs(t,e,i){var s=new vs;return s.restart(t,e,i),s}function As(){Bs=(ys=fs.now())+Us,ps=ms=0;try{!function(){Fs(),++ps;for(var t,e=ds;e;)(t=Bs-e._time)>=0&&e._call.call(void 0,t),e=e._next;--ps}()}finally{ps=0,function(){var t,e,i=ds,s=1/0;for(;i;)i._call?(s>i._time&&(s=i._time),t=i,i=i._next):(e=i._next,i._next=null,i=t?t._next=e:ds=e);hs=t,Rs(s)}(),Bs=0}}function Es(){var t=fs.now(),e=t-ys;e>Qs&&(Us-=e,ys=t)}function Rs(t){ps||(ms&&(ms=clearTimeout(ms)),t-Bs>24?(t<1/0&&(ms=setTimeout(As,t-fs.now()-Us)),bs&&(bs=clearInterval(bs))):(bs||(ys=fs.now(),bs=setInterval(Es,Qs)),ps=1,Is(As)))}function Ns(t,e,i){var s=new vs;return e=null==e?0:+e,s.restart((i=>{s.stop(),t(i+e)}),e,i),s}vs.prototype=xs.prototype={constructor:vs,restart:function(t,e,i){if("function"!=typeof t)throw new TypeError("callback is not a function");i=(null==i?Fs():+i)+(null==e?0:+e),this._next||hs===this||(hs?hs._next=this:ds=this,hs=this),this._call=t,this._time=i,Rs()},stop:function(){this._call&&(this._call=null,this._time=1/0,Rs())}};var Ss=Lt("start","end","cancel","interrupt"),ws=[],Ls=0,Ds=1,ks=2,Ms=3,Ts=4,Hs=5,$s=6;function Gs(t,e,i,s,r,a){var n=t.__transition;if(n){if(i in n)return}else t.__transition={};!function(t,e,i){var s,r=t.__transition;function a(t){i.state=Ds,i.timer.restart(n,i.delay,i.time),i.delay<=t&&n(t-i.delay)}function n(a){var c,d,h,u;if(i.state!==Ds)return l();for(c in r)if((u=r[c]).name===i.name){if(u.state===Ms)return Ns(n);u.state===Ts?(u.state=$s,u.timer.stop(),u.on.call("interrupt",t,t.__data__,u.index,u.group),delete r[c]):+c<e&&(u.state=$s,u.timer.stop(),u.on.call("cancel",t,t.__data__,u.index,u.group),delete r[c])}if(Ns((function(){i.state===Ms&&(i.state=Ts,i.timer.restart(o,i.delay,i.time),o(a))})),i.state=ks,i.on.call("start",t,t.__data__,i.index,i.group),i.state===ks){for(i.state=Ms,s=new Array(h=i.tween.length),c=0,d=-1;c<h;++c)(u=i.tween[c].value.call(t,t.__data__,i.index,i.group))&&(s[++d]=u);s.length=d+1}}function o(e){for(var r=e<i.duration?i.ease.call(null,e/i.duration):(i.timer.restart(l),i.state=Hs,1),a=-1,n=s.length;++a<n;)s[a].call(t,r);i.state===Hs&&(i.on.call("end",t,t.__data__,i.index,i.group),l())}function l(){for(var s in i.state=$s,i.timer.stop(),delete r[e],r)return;delete t.__transition}r[e]=i,i.timer=xs(a,0,i.time)}(t,i,{name:e,index:s,group:r,on:Ss,tween:ws,time:a.time,delay:a.delay,duration:a.duration,ease:a.ease,timer:null,state:Ls})}function Vs(t,e){var i=Ws(t,e);if(i.state>Ls)throw new Error("too late; already scheduled");return i}function zs(t,e){var i=Ws(t,e);if(i.state>Ms)throw new Error("too late; already running");return i}function Ws(t,e){var i=t.__transition;if(!i||!(i=i[e]))throw new Error("transition not found");return i}function Ys(t,e){var i,s;return function(){var r=zs(this,t),a=r.tween;if(a!==i)for(var n=0,o=(s=i=a).length;n<o;++n)if(s[n].name===e){(s=s.slice()).splice(n,1);break}r.tween=s}}function _s(t,e,i){var s,r;if("function"!=typeof i)throw new Error;return function(){var a=zs(this,t),n=a.tween;if(n!==s){r=(s=n).slice();for(var o={name:e,value:i},l=0,c=r.length;l<c;++l)if(r[l].name===e){r[l]=o;break}l===c&&r.push(o)}a.tween=r}}function Js(t,e,i){var s=t._id;return t.each((function(){var t=zs(this,s);(t.value||(t.value={}))[e]=i.apply(this,arguments)})),function(t){return Ws(t,s).value[e]}}function Ks(t,e){var i;return("number"==typeof e?ji:e instanceof Ri?Xi:(i=Ri(e))?(e=i,Xi):is)(t,e)}function Xs(t){return function(){this.removeAttribute(t)}}function Zs(t){return function(){this.removeAttributeNS(t.space,t.local)}}function Ps(t,e,i){var s,r,a=i+"";return function(){var n=this.getAttribute(t);return n===a?null:n===s?r:r=e(s=n,i)}}function Os(t,e,i){var s,r,a=i+"";return function(){var n=this.getAttributeNS(t.space,t.local);return n===a?null:n===s?r:r=e(s=n,i)}}function js(t,e,i){var s,r,a;return function(){var n,o,l=i(this);if(null!=l)return(n=this.getAttribute(t))===(o=l+"")?null:n===s&&o===r?a:(r=o,a=e(s=n,l));this.removeAttribute(t)}}function qs(t,e,i){var s,r,a;return function(){var n,o,l=i(this);if(null!=l)return(n=this.getAttributeNS(t.space,t.local))===(o=l+"")?null:n===s&&o===r?a:(r=o,a=e(s=n,l));this.removeAttributeNS(t.space,t.local)}}function tr(t,e){var i,s;function r(){var r=e.apply(this,arguments);return r!==s&&(i=(s=r)&&function(t,e){return function(i){this.setAttributeNS(t.space,t.local,e.call(this,i))}}(t,r)),i}return r._value=e,r}function er(t,e){var i,s;function r(){var r=e.apply(this,arguments);return r!==s&&(i=(s=r)&&function(t,e){return function(i){this.setAttribute(t,e.call(this,i))}}(t,r)),i}return r._value=e,r}function ir(t,e){return function(){Vs(this,t).delay=+e.apply(this,arguments)}}function sr(t,e){return e=+e,function(){Vs(this,t).delay=e}}function rr(t,e){return function(){zs(this,t).duration=+e.apply(this,arguments)}}function ar(t,e){return e=+e,function(){zs(this,t).duration=e}}var nr=Xe.prototype.constructor;function or(t){return function(){this.style.removeProperty(t)}}var lr=0;function cr(t,e,i,s){this._groups=t,this._parents=e,this._name=i,this._id=s}function dr(){return++lr}var hr=Xe.prototype;cr.prototype={constructor:cr,select:function(t){var e=this._name,i=this._id;"function"!=typeof t&&(t=Yt(t));for(var s=this._groups,r=s.length,a=new Array(r),n=0;n<r;++n)for(var o,l,c=s[n],d=c.length,h=a[n]=new Array(d),u=0;u<d;++u)(o=c[u])&&(l=t.call(o,o.__data__,u,c))&&("__data__"in o&&(l.__data__=o.__data__),h[u]=l,Gs(h[u],e,i,u,h,Ws(o,i)));return new cr(a,this._parents,e,i)},selectAll:function(t){var e=this._name,i=this._id;"function"!=typeof t&&(t=Jt(t));for(var s=this._groups,r=s.length,a=[],n=[],o=0;o<r;++o)for(var l,c=s[o],d=c.length,h=0;h<d;++h)if(l=c[h]){for(var u,g=t.call(l,l.__data__,h,c),p=Ws(l,i),m=0,b=g.length;m<b;++m)(u=g[m])&&Gs(u,e,i,m,g,p);a.push(g),n.push(l)}return new cr(a,n,e,i)},selectChild:hr.selectChild,selectChildren:hr.selectChildren,filter:function(t){"function"!=typeof t&&(t=Xt(t));for(var e=this._groups,i=e.length,s=new Array(i),r=0;r<i;++r)for(var a,n=e[r],o=n.length,l=s[r]=[],c=0;c<o;++c)(a=n[c])&&t.call(a,a.__data__,c,n)&&l.push(a);return new cr(s,this._parents,this._name,this._id)},merge:function(t){if(t._id!==this._id)throw new Error;for(var e=this._groups,i=t._groups,s=e.length,r=i.length,a=Math.min(s,r),n=new Array(s),o=0;o<a;++o)for(var l,c=e[o],d=i[o],h=c.length,u=n[o]=new Array(h),g=0;g<h;++g)(l=c[g]||d[g])&&(u[g]=l);for(;o<s;++o)n[o]=e[o];return new cr(n,this._parents,this._name,this._id)},selection:function(){return new nr(this._groups,this._parents)},transition:function(){for(var t=this._name,e=this._id,i=dr(),s=this._groups,r=s.length,a=0;a<r;++a)for(var n,o=s[a],l=o.length,c=0;c<l;++c)if(n=o[c]){var d=Ws(n,e);Gs(n,t,i,c,o,{time:d.time+d.delay+d.duration,delay:0,duration:d.duration,ease:d.ease})}return new cr(s,this._parents,t,i)},call:hr.call,nodes:hr.nodes,node:hr.node,size:hr.size,empty:hr.empty,each:hr.each,on:function(t,e){var i=this._id;return arguments.length<2?Ws(this.node(),i).on.on(t):this.each(function(t,e,i){var s,r,a=function(t){return(t+"").trim().split(/^|\s+/).every((function(t){var e=t.indexOf(".");return e>=0&&(t=t.slice(0,e)),!t||"start"===t}))}(e)?Vs:zs;return function(){var n=a(this,t),o=n.on;o!==s&&(r=(s=o).copy()).on(e,i),n.on=r}}(i,t,e))},attr:function(t,e){var i=$t(t),s="transform"===i?gs:Ks;return this.attrTween(t,"function"==typeof e?(i.local?qs:js)(i,s,Js(this,"attr."+t,e)):null==e?(i.local?Zs:Xs)(i):(i.local?Os:Ps)(i,s,e))},attrTween:function(t,e){var i="attr."+t;if(arguments.length<2)return(i=this.tween(i))&&i._value;if(null==e)return this.tween(i,null);if("function"!=typeof e)throw new Error;var s=$t(t);return this.tween(i,(s.local?tr:er)(s,e))},style:function(t,e,i){var s="transform"==(t+="")?us:Ks;return null==e?this.styleTween(t,function(t,e){var i,s,r;return function(){var a=Qe(this,t),n=(this.style.removeProperty(t),Qe(this,t));return a===n?null:a===i&&n===s?r:r=e(i=a,s=n)}}(t,s)).on("end.style."+t,or(t)):"function"==typeof e?this.styleTween(t,function(t,e,i){var s,r,a;return function(){var n=Qe(this,t),o=i(this),l=o+"";return null==o&&(this.style.removeProperty(t),l=o=Qe(this,t)),n===l?null:n===s&&l===r?a:(r=l,a=e(s=n,o))}}(t,s,Js(this,"style."+t,e))).each(function(t,e){var i,s,r,a,n="style."+e,o="end."+n;return function(){var l=zs(this,t),c=l.on,d=null==l.value[n]?a||(a=or(e)):void 0;c===i&&r===d||(s=(i=c).copy()).on(o,r=d),l.on=s}}(this._id,t)):this.styleTween(t,function(t,e,i){var s,r,a=i+"";return function(){var n=Qe(this,t);return n===a?null:n===s?r:r=e(s=n,i)}}(t,s,e),i).on("end.style."+t,null)},styleTween:function(t,e,i){var s="style."+(t+="");if(arguments.length<2)return(s=this.tween(s))&&s._value;if(null==e)return this.tween(s,null);if("function"!=typeof e)throw new Error;return this.tween(s,function(t,e,i){var s,r;function a(){var a=e.apply(this,arguments);return a!==r&&(s=(r=a)&&function(t,e,i){return function(s){this.style.setProperty(t,e.call(this,s),i)}}(t,a,i)),s}return a._value=e,a}(t,e,null==i?"":i))},text:function(t){return this.tween("text","function"==typeof t?function(t){return function(){var e=t(this);this.textContent=null==e?"":e}}(Js(this,"text",t)):function(t){return function(){this.textContent=t}}(null==t?"":t+""))},textTween:function(t){var e="text";if(arguments.length<1)return(e=this.tween(e))&&e._value;if(null==t)return this.tween(e,null);if("function"!=typeof t)throw new Error;return this.tween(e,function(t){var e,i;function s(){var s=t.apply(this,arguments);return s!==i&&(e=(i=s)&&function(t){return function(e){this.textContent=t.call(this,e)}}(s)),e}return s._value=t,s}(t))},remove:function(){return this.on("end.remove",function(t){return function(){var e=this.parentNode;for(var i in this.__transition)if(+i!==t)return;e&&e.removeChild(this)}}(this._id))},tween:function(t,e){var i=this._id;if(t+="",arguments.length<2){for(var s,r=Ws(this.node(),i).tween,a=0,n=r.length;a<n;++a)if((s=r[a]).name===t)return s.value;return null}return this.each((null==e?Ys:_s)(i,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?ir:sr)(e,t)):Ws(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?rr:ar)(e,t)):Ws(this.node(),e).duration},ease:function(t){var e=this._id;return arguments.length?this.each(function(t,e){if("function"!=typeof e)throw new Error;return function(){zs(this,t).ease=e}}(e,t)):Ws(this.node(),e).ease},easeVarying:function(t){if("function"!=typeof t)throw new Error;return this.each(function(t,e){return function(){var i=e.apply(this,arguments);if("function"!=typeof i)throw new Error;zs(this,t).ease=i}}(this._id,t))},end:function(){var t,e,i=this,s=i._id,r=i.size();return new Promise((function(a,n){var o={value:n},l={value:function(){0==--r&&a()}};i.each((function(){var i=zs(this,s),r=i.on;r!==t&&((e=(t=r).copy())._.cancel.push(o),e._.interrupt.push(o),e._.end.push(l)),i.on=e})),0===r&&a()}))},[Symbol.iterator]:hr[Symbol.iterator]};const ur=t=>+t;function gr(t){return--t*t*t+1}var pr={time:null,delay:0,duration:250,ease:function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}};function mr(t,e){for(var i;!(i=t.__transition)||!(i=i[e]);)if(!(t=t.parentNode))throw new Error(`transition ${e} not found`);return i}Xe.prototype.interrupt=function(t){return this.each((function(){!function(t,e){var i,s,r,a=t.__transition,n=!0;if(a){for(r in e=null==e?null:e+"",a)(i=a[r]).name===e?(s=i.state>ks&&i.state<Hs,i.state=$s,i.timer.stop(),i.on.call(s?"interrupt":"cancel",t,t.__data__,i.index,i.group),delete a[r]):n=!1;n&&delete t.__transition}}(this,t)}))},Xe.prototype.transition=function(t){var e,i;t instanceof cr?(e=t._id,t=t._name):(e=dr(),(i=pr).time=Fs(),t=null==t?null:t+"");for(var s=this._groups,r=s.length,a=0;a<r;++a)for(var n,o=s[a],l=o.length,c=0;c<l;++c)(n=o[c])&&Gs(n,t,e,c,o,i||mr(n,e));return new cr(s,this._parents,t,e)};const br=Math.PI,Qr=2*br,yr=1e-6,Br=Qr-yr;function Ur(t){this._+=t[0];for(let e=1,i=t.length;e<i;++e)this._+=arguments[e]+t[e]}class fr{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==t?Ur:function(t){let e=Math.floor(t);if(!(e>=0))throw new Error(`invalid digits: ${t}`);if(e>15)return Ur;const i=10**e;return function(t){this._+=t[0];for(let e=1,s=t.length;e<s;++e)this._+=Math.round(arguments[e]*i)/i+t[e]}}(t)}moveTo(t,e){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}`}closePath(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,e){this._append`L${this._x1=+t},${this._y1=+e}`}quadraticCurveTo(t,e,i,s){this._append`Q${+t},${+e},${this._x1=+i},${this._y1=+s}`}bezierCurveTo(t,e,i,s,r,a){this._append`C${+t},${+e},${+i},${+s},${this._x1=+r},${this._y1=+a}`}arcTo(t,e,i,s,r){if(t=+t,e=+e,i=+i,s=+s,(r=+r)<0)throw new Error(`negative radius: ${r}`);let a=this._x1,n=this._y1,o=i-t,l=s-e,c=a-t,d=n-e,h=c*c+d*d;if(null===this._x1)this._append`M${this._x1=t},${this._y1=e}`;else if(h>yr)if(Math.abs(d*o-l*c)>yr&&r){let u=i-a,g=s-n,p=o*o+l*l,m=u*u+g*g,b=Math.sqrt(p),Q=Math.sqrt(h),y=r*Math.tan((br-Math.acos((p+h-m)/(2*b*Q)))/2),B=y/Q,U=y/b;Math.abs(B-1)>yr&&this._append`L${t+B*c},${e+B*d}`,this._append`A${r},${r},0,0,${+(d*u>c*g)},${this._x1=t+U*o},${this._y1=e+U*l}`}else this._append`L${this._x1=t},${this._y1=e}`;else;}arc(t,e,i,s,r,a){if(t=+t,e=+e,a=!!a,(i=+i)<0)throw new Error(`negative radius: ${i}`);let n=i*Math.cos(s),o=i*Math.sin(s),l=t+n,c=e+o,d=1^a,h=a?s-r:r-s;null===this._x1?this._append`M${l},${c}`:(Math.abs(this._x1-l)>yr||Math.abs(this._y1-c)>yr)&&this._append`L${l},${c}`,i&&(h<0&&(h=h%Qr+Qr),h>Br?this._append`A${i},${i},0,1,${d},${t-n},${e-o}A${i},${i},0,1,${d},${this._x1=l},${this._y1=c}`:h>yr&&this._append`A${i},${i},0,${+(h>=br)},${d},${this._x1=t+i*Math.cos(r)},${this._y1=e+i*Math.sin(r)}`)}rect(t,e,i,s){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}h${i=+i}v${+s}h${-i}Z`}toString(){return this._}}function Ir(t,e){if((i=(t=e?t.toExponential(e-1):t.toExponential()).indexOf("e"))<0)return null;var i,s=t.slice(0,i);return[s.length>1?s[0]+s.slice(2):s,+t.slice(i+1)]}function Fr(t){return(t=Ir(Math.abs(t)))?t[1]:NaN}var Cr,vr=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function xr(t){if(!(e=vr.exec(t)))throw new Error("invalid format: "+t);var e;return new Ar({fill:e[1],align:e[2],sign:e[3],symbol:e[4],zero:e[5],width:e[6],comma:e[7],precision:e[8]&&e[8].slice(1),trim:e[9],type:e[10]})}function Ar(t){this.fill=void 0===t.fill?" ":t.fill+"",this.align=void 0===t.align?">":t.align+"",this.sign=void 0===t.sign?"-":t.sign+"",this.symbol=void 0===t.symbol?"":t.symbol+"",this.zero=!!t.zero,this.width=void 0===t.width?void 0:+t.width,this.comma=!!t.comma,this.precision=void 0===t.precision?void 0:+t.precision,this.trim=!!t.trim,this.type=void 0===t.type?"":t.type+""}function Er(t,e){var i=Ir(t,e);if(!i)return t+"";var s=i[0],r=i[1];return r<0?"0."+new Array(-r).join("0")+s:s.length>r+1?s.slice(0,r+1)+"."+s.slice(r+1):s+new Array(r-s.length+2).join("0")}xr.prototype=Ar.prototype,Ar.prototype.toString=function(){return this.fill+this.align+this.sign+this.symbol+(this.zero?"0":"")+(void 0===this.width?"":Math.max(1,0|this.width))+(this.comma?",":"")+(void 0===this.precision?"":"."+Math.max(0,0|this.precision))+(this.trim?"~":"")+this.type};var Rr={"%":(t,e)=>(100*t).toFixed(e),b:t=>Math.round(t).toString(2),c:t=>t+"",d:function(t){return Math.abs(t=Math.round(t))>=1e21?t.toLocaleString("en").replace(/,/g,""):t.toString(10)},e:(t,e)=>t.toExponential(e),f:(t,e)=>t.toFixed(e),g:(t,e)=>t.toPrecision(e),o:t=>Math.round(t).toString(8),p:(t,e)=>Er(100*t,e),r:Er,s:function(t,e){var i=Ir(t,e);if(!i)return t+"";var s=i[0],r=i[1],a=r-(Cr=3*Math.max(-8,Math.min(8,Math.floor(r/3))))+1,n=s.length;return a===n?s:a>n?s+new Array(a-n+1).join("0"):a>0?s.slice(0,a)+"."+s.slice(a):"0."+new Array(1-a).join("0")+Ir(t,Math.max(0,e+a-1))[0]},X:t=>Math.round(t).toString(16).toUpperCase(),x:t=>Math.round(t).toString(16)};function Nr(t){return t}var Sr,wr,Lr,Dr=Array.prototype.map,kr=["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];function Mr(t){var e,i,s=void 0===t.grouping||void 0===t.thousands?Nr:(e=Dr.call(t.grouping,Number),i=t.thousands+"",function(t,s){for(var r=t.length,a=[],n=0,o=e[0],l=0;r>0&&o>0&&(l+o+1>s&&(o=Math.max(1,s-l)),a.push(t.substring(r-=o,r+o)),!((l+=o+1)>s));)o=e[n=(n+1)%e.length];return a.reverse().join(i)}),r=void 0===t.currency?"":t.currency[0]+"",a=void 0===t.currency?"":t.currency[1]+"",n=void 0===t.decimal?".":t.decimal+"",o=void 0===t.numerals?Nr:function(t){return function(e){return e.replace(/[0-9]/g,(function(e){return t[+e]}))}}(Dr.call(t.numerals,String)),l=void 0===t.percent?"%":t.percent+"",c=void 0===t.minus?"−":t.minus+"",d=void 0===t.nan?"NaN":t.nan+"";function h(t){var e=(t=xr(t)).fill,i=t.align,h=t.sign,u=t.symbol,g=t.zero,p=t.width,m=t.comma,b=t.precision,Q=t.trim,y=t.type;"n"===y?(m=!0,y="g"):Rr[y]||(void 0===b&&(b=12),Q=!0,y="g"),(g||"0"===e&&"="===i)&&(g=!0,e="0",i="=");var B="$"===u?r:"#"===u&&/[boxX]/.test(y)?"0"+y.toLowerCase():"",U="$"===u?a:/[%p]/.test(y)?l:"",f=Rr[y],I=/[defgprs%]/.test(y);function F(t){var r,a,l,u=B,F=U;if("c"===y)F=f(t)+F,t="";else{var C=(t=+t)<0||1/t<0;if(t=isNaN(t)?d:f(Math.abs(t),b),Q&&(t=function(t){t:for(var e,i=t.length,s=1,r=-1;s<i;++s)switch(t[s]){case".":r=e=s;break;case"0":0===r&&(r=s),e=s;break;default:if(!+t[s])break t;r>0&&(r=0)}return r>0?t.slice(0,r)+t.slice(e+1):t}(t)),C&&0==+t&&"+"!==h&&(C=!1),u=(C?"("===h?h:c:"-"===h||"("===h?"":h)+u,F=("s"===y?kr[8+Cr/3]:"")+F+(C&&"("===h?")":""),I)for(r=-1,a=t.length;++r<a;)if(48>(l=t.charCodeAt(r))||l>57){F=(46===l?n+t.slice(r+1):t.slice(r))+F,t=t.slice(0,r);break}}m&&!g&&(t=s(t,1/0));var v=u.length+t.length+F.length,x=v<p?new Array(p-v+1).join(e):"";switch(m&&g&&(t=s(x+t,x.length?p-F.length:1/0),x=""),i){case"<":t=u+t+F+x;break;case"=":t=u+x+t+F;break;case"^":t=x.slice(0,v=x.length>>1)+u+t+F+x.slice(v);break;default:t=x+u+t+F}return o(t)}return b=void 0===b?6:/[gprs]/.test(y)?Math.max(1,Math.min(21,b)):Math.max(0,Math.min(20,b)),F.toString=function(){return t+""},F}return{format:h,formatPrefix:function(t,e){var i=h(((t=xr(t)).type="f",t)),s=3*Math.max(-8,Math.min(8,Math.floor(Fr(e)/3))),r=Math.pow(10,-s),a=kr[8+s/3];return function(t){return i(r*t)+a}}}}Sr=Mr({thousands:",",grouping:[3],currency:["$",""]}),wr=Sr.format,Lr=Sr.formatPrefix;var Tr=Math.random,Hr=function t(e){function i(t,i){return t=null==t?0:+t,i=null==i?1:+i,1===arguments.length?(i=t,t=0):i-=t,function(){return e()*i+t}}return i.source=t,i}(Tr),$r=function t(e){function i(t,i){var s,r;return t=null==t?0:+t,i=null==i?1:+i,function(){var a;if(null!=s)a=s,s=null;else do{s=2*e()-1,a=2*e()-1,r=s*s+a*a}while(!r||r>1);return t+i*a*Math.sqrt(-2*Math.log(r)/r)}}return i.source=t,i}(Tr);const Gr=1/4294967296;function Vr(t=Math.random()){let e=0|(0<=t&&t<1?t/Gr:Math.abs(t));return()=>(e=1664525*e+1013904223|0,Gr*(e>>>0))}function zr(t,e){switch(arguments.length){case 0:break;case 1:this.range(t);break;default:this.range(e).domain(t)}return this}function Wr(t){return+t}var Yr=[0,1];function _r(t){return t}function Jr(t,e){return(e-=t=+t)?function(i){return(i-t)/e}:function(t){return function(){return t}}(isNaN(e)?NaN:.5)}function Kr(t,e,i){var s=t[0],r=t[1],a=e[0],n=e[1];return r<s?(s=Jr(r,s),a=i(n,a)):(s=Jr(s,r),a=i(a,n)),function(t){return a(s(t))}}function Xr(t,e,i){var s=Math.min(t.length,e.length)-1,r=new Array(s),a=new Array(s),n=-1;for(t[s]<t[0]&&(t=t.slice().reverse(),e=e.slice().reverse());++n<s;)r[n]=Jr(t[n],t[n+1]),a[n]=i(e[n],e[n+1]);return function(e){var i=gt(t,e,1,s)-1;return a[i](r[i](e))}}function Zr(){var t,e,i,s,r,a,n=Yr,o=Yr,l=ss,c=_r;function d(){var t=Math.min(n.length,o.length);return c!==_r&&(c=function(t,e){var i;return t>e&&(i=t,t=e,e=i),function(i){return Math.max(t,Math.min(e,i))}}(n[0],n[t-1])),s=t>2?Xr:Kr,r=a=null,h}function h(e){return null==e||isNaN(e=+e)?i:(r||(r=s(n.map(t),o,l)))(t(c(e)))}return h.invert=function(i){return c(e((a||(a=s(o,n.map(t),ji)))(i)))},h.domain=function(t){return arguments.length?(n=Array.from(t,Wr),d()):n.slice()},h.range=function(t){return arguments.length?(o=Array.from(t),d()):o.slice()},h.rangeRound=function(t){return o=Array.from(t),l=rs,d()},h.clamp=function(t){return arguments.length?(c=!!t||_r,d()):c!==_r},h.interpolate=function(t){return arguments.length?(l=t,d()):l},h.unknown=function(t){return arguments.length?(i=t,h):i},function(i,s){return t=i,e=s,d()}}function Pr(t,e,i,s){var r,a=function(t,e,i){i=+i;const s=(e=+e)<(t=+t),r=s?yt(e,t,i):yt(t,e,i);return(s?-1:1)*(r<0?1/-r:r)}(t,e,i);switch((s=xr(null==s?",f":s)).type){case"s":var n=Math.max(Math.abs(t),Math.abs(e));return null!=s.precision||isNaN(r=function(t,e){return Math.max(0,3*Math.max(-8,Math.min(8,Math.floor(Fr(e)/3)))-Fr(Math.abs(t)))}(a,n))||(s.precision=r),Lr(s,n);case"":case"e":case"g":case"p":case"r":null!=s.precision||isNaN(r=function(t,e){return t=Math.abs(t),e=Math.abs(e)-t,Math.max(0,Fr(e)-Fr(t))+1}(a,Math.max(Math.abs(t),Math.abs(e))))||(s.precision=r-("e"===s.type));break;case"f":case"%":null!=s.precision||isNaN(r=function(t){return Math.max(0,-Fr(Math.abs(t)))}(a))||(s.precision=r-2*("%"===s.type))}return wr(s)}function Or(t){var e=t.domain;return t.ticks=function(t){var i=e();return function(t,e,i){if(!((i=+i)>0))return[];if((t=+t)==(e=+e))return[t];const s=e<t,[r,a,n]=s?Qt(e,t,i):Qt(t,e,i);if(!(a>=r))return[];const o=a-r+1,l=new Array(o);if(s)if(n<0)for(let t=0;t<o;++t)l[t]=(a-t)/-n;else for(let t=0;t<o;++t)l[t]=(a-t)*n;else if(n<0)for(let t=0;t<o;++t)l[t]=(r+t)/-n;else for(let t=0;t<o;++t)l[t]=(r+t)*n;return l}(i[0],i[i.length-1],null==t?10:t)},t.tickFormat=function(t,i){var s=e();return Pr(s[0],s[s.length-1],null==t?10:t,i)},t.nice=function(i){null==i&&(i=10);var s,r,a=e(),n=0,o=a.length-1,l=a[n],c=a[o],d=10;for(c<l&&(r=l,l=c,c=r,r=n,n=o,o=r);d-- >0;){if((r=yt(l,c,i))===s)return a[n]=l,a[o]=c,e(a);if(r>0)l=Math.floor(l/r)*r,c=Math.ceil(c/r)*r;else{if(!(r<0))break;l=Math.ceil(l*r)/r,c=Math.floor(c*r)/r}s=r}return t},t}function jr(){var t=Zr()(_r,_r);return t.copy=function(){return e=t,jr().domain(e.domain()).range(e.range()).interpolate(e.interpolate()).clamp(e.clamp()).unknown(e.unknown());var e},zr.apply(t,arguments),Or(t)}var qr=function(t){for(var e=t.length/6|0,i=new Array(e),s=0;s<e;)i[s]="#"+t.slice(6*s,6*++s);return i}("e41a1c377eb84daf4a984ea3ff7f00ffff33a65628f781bf999999");function ta(t){return function(){return t}}function ea(t){this._context=t}function ia(t){return new ea(t)}function sa(t){return t[0]}function ra(t){return t[1]}function aa(t,e){var i=ta(!0),s=null,r=ia,a=null,n=function(t){let e=3;return t.digits=function(i){if(!arguments.length)return e;if(null==i)e=null;else{const t=Math.floor(i);if(!(t>=0))throw new RangeError(`invalid digits: ${i}`);e=t}return t},()=>new fr(e)}(o);function o(o){var l,c,d,h=(o=function(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}(o)).length,u=!1;for(null==s&&(a=r(d=n())),l=0;l<=h;++l)!(l<h&&i(c=o[l],l,o))===u&&((u=!u)?a.lineStart():a.lineEnd()),u&&a.point(+t(c,l,o),+e(c,l,o));if(d)return a=null,d+""||null}return t="function"==typeof t?t:void 0===t?sa:ta(t),e="function"==typeof e?e:void 0===e?ra:ta(e),o.x=function(e){return arguments.length?(t="function"==typeof e?e:ta(+e),o):t},o.y=function(t){return arguments.length?(e="function"==typeof t?t:ta(+t),o):e},o.defined=function(t){return arguments.length?(i="function"==typeof t?t:ta(!!t),o):i},o.curve=function(t){return arguments.length?(r=t,null!=s&&(a=r(s)),o):r},o.context=function(t){return arguments.length?(null==t?s=a=null:a=r(s=t),o):s},o}function na(t,e,i){this.k=t,this.x=e,this.y=i}ea.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;default:this._context.lineTo(t,e)}}},na.prototype={constructor:na,scale:function(t){return 1===t?this:new na(this.k*t,this.x,this.y)},translate:function(t,e){return 0===t&0===e?this:new na(this.k,this.x+this.k*t,this.y+this.k*e)},apply:function(t){return[t[0]*this.k+this.x,t[1]*this.k+this.y]},applyX:function(t){return t*this.k+this.x},applyY:function(t){return t*this.k+this.y},invert:function(t){return[(t[0]-this.x)/this.k,(t[1]-this.y)/this.k]},invertX:function(t){return(t-this.x)/this.k},invertY:function(t){return(t-this.y)/this.k},rescaleX:function(t){return t.copy().domain(t.range().map(this.invertX,this).map(t.invert,t))},rescaleY:function(t){return t.copy().domain(t.range().map(this.invertY,this).map(t.invert,t))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}},na.prototype;class oa extends ot{getComputedStyleValue(t){return getComputedStyle(this).getPropertyValue(t).trim()}firstUpdated(t){super.firstUpdated(t),Ze(this.renderRoot.host).classed("keyboard",!0).on("mousemove.keyboard touchstart.keyboard",(t=>{Ze(t.currentTarget.renderRoot.host).classed("keyboard",!1).on("mousemove.keyboard touchstart.keyboard",null)})).on("keydown.keyboard",(t=>{Ze(t.currentTarget.renderRoot.host).classed("keyboard",!0).on("keydown.keyboard mousemove.keyboard touchstart.keyboard",null)}))}static get greys(){const t="#999999",e={white:"#ffffff"};return e.light75=Xi(t,"#ffffff")(.75),e.light50=Xi(t,"#ffffff")(.5),e.light25=Xi(t,"#ffffff")(.25),e.grey=t,e.dark25=Xi(t,"#000000")(.25),e.dark50=Xi(t,"#000000")(.5),e.dark75=Xi(t,"#000000")(.75),e.black="#000000",e}static get shadows(){return{elevations:[0,2,4,8,16],baselineColor:"#000000",baselineColorString:"0, 0, 0",inverseBaselineColor:"#FFFFFF",inverseBaselineColorString:"255, 255, 255",opacityUmbra:.2,opacityPenumbra:.14,opacityAmbient:.12,opacityBoost:.2,mapUmbra:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:3,b:1,s:-2},4:{x:0,y:2,b:4,s:-1},8:{x:0,y:5,b:5,s:-3},16:{x:0,y:8,b:10,s:-5}},mapPenumbra:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:2,b:2,s:0},4:{x:0,y:4,b:5,s:0},8:{x:0,y:8,b:10,s:1},16:{x:0,y:16,b:24,s:2}},mapAmbient:{0:{x:0,y:0,b:0,s:0},2:{x:0,y:1,b:5,s:0},4:{x:0,y:1,b:10,s:0},8:{x:0,y:3,b:14,s:2},16:{x:0,y:6,b:30,s:5}}}}static cssBoxShadow(t,e=!1,i=!1){const s=this.shadows.opacityUmbra+this.shadows.opacityBoost,r=this.shadows.opacityPenumbra+this.shadows.opacityBoost,a=this.shadows.opacityAmbient+this.shadows.opacityBoost,n=i?`rgba(${this.shadows.inverseBaselineColorString}, ${s})`:`rgba(${this.shadows.baselineColorString}, ${s})`,o=i?`rgba(${this.shadows.inverseBaselineColorString}, ${r})`:`rgba(${this.shadows.baselineColorString}, ${r})`,l=i?`rgba(${this.shadows.inverseBaselineColorString}, ${a})`:`rgba(${this.shadows.baselineColorString}, ${a})`,c=this.shadows.mapUmbra[t],d=this.shadows.mapPenumbra[t],h=this.shadows.mapAmbient[t];return`${e?`${-c.y}px ${c.y/2}px ${c.b}px ${c.s}px`:`${c.y/2}px ${c.y}px ${c.b}px ${c.s}px`} ${n}, ${e?`${-d.y}px ${d.y/2}px ${d.b}px ${d.s}px`:`${d.y/2}px ${d.y}px ${d.b}px ${d.s}px`} ${o}, ${e?`${-h.y}px ${h.y/2}px ${h.b}px ${h.s}px`:`${h.y/2}px ${h.y}px ${h.b}px ${h.s}px`} ${l}`}static get svgDefs(){const t=oa.shadows;return`\n <defs>\n ${t.elevations.map((e=>`\n <filter id=shadow-${e} filterUnits="userSpaceOnUse" x="-100%" y="-100%" width="200%" height="200%">\n <feComponentTransfer in="SourceAlpha" result="solid">\n <feFuncA type="table" tableValues="0 1 1"/>\n </feComponentTransfer>\n <feOffset in="solid" result="offU" dx=${t.mapUmbra[e].y/2} dy=${t.mapUmbra[e].y} />\n <feOffset in="solid" result="offP" dx=${t.mapPenumbra[e].y/2} dy=${t.mapPenumbra[e].y} />\n <feOffset in="solid" result="offA" dx=${t.mapAmbient[e].y/2} dy=${t.mapAmbient[e].y} />\n ${0===t.mapUmbra[e].s?"":`<feMorphology in="offU" result="spreadU" operator=${t.mapUmbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapUmbra[e].s)} />`}\n ${0===t.mapPenumbra[e].s?"":`<feMorphology in="offP" result="spreadP" operator=${t.mapPenumbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapPenumbra[e].s)} />`}\n ${0===t.mapAmbient[e].s?"":`<feMorphology in="offA" result="spreadA" operator=${t.mapAmbient[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapAmbient[e].s)} />`}\n <feGaussianBlur in=${0===t.mapUmbra[e].s?"offU":"spreadU"} result="blurU" stdDeviation=${t.mapUmbra[e].b/2} />\n <feGaussianBlur in=${0===t.mapPenumbra[e].s?"offP":"spreadP"} result="blurP" stdDeviation=${t.mapPenumbra[e].b/2} />\n <feGaussianBlur in=${0===t.mapAmbient[e].s?"offA":"spreadA"} result="blurA" stdDeviation=${t.mapAmbient[e].b/2} />\n <feFlood in="SourceGraphic" result="opU" flood-color=${t.baselineColor} flood-opacity=${t.opacityUmbra+t.opacityBoost} />\n <feFlood in="SourceGraphic" result="opP" flood-color=${t.baselineColor} flood-opacity=${t.opacityPenumbra+t.opacityBoost} />\n <feFlood in="SourceGraphic" result="opA" flood-color=${t.baselineColor} flood-opacity=${t.opacityAmbient+t.opacityBoost} />\n <feComposite in="opU" in2="blurU" result="shU" operator="in" />\n <feComposite in="opP" in2="blurP" result="shP" operator="in" />\n <feComposite in="opA" in2="blurA" result="shA" operator="in" />\n <feMorphology in="solid" result="smaller" operator="erode" radius="1" />\n <feComposite in="shU" in2="smaller" result="finalU" operator="out" />\n <feComposite in="shP" in2="smaller" result="finalP" operator="out" />\n <feComposite in="shA" in2="smaller" result="finalA" operator="out" />\n <feMerge>\n <feMergeNode in="finalU" />\n <feMergeNode in="finalP" />\n <feMergeNode in="finalA" />\n <feMergeNode in="SourceGraphic" />\n </feMerge>\n </filter>`))}\n </defs>\n `}static get svgFilters(){const t=oa.shadows,e=t.elevations.map((e=>Y`
|
|
24
|
+
<filter id=${`shadow-${e}`} x="-250%" y="-250%" width="600%" height="600%">
|
|
25
|
+
<feComponentTransfer in="SourceAlpha" result="solid">
|
|
26
|
+
<feFuncA type="table" tableValues="0 1 1"/>
|
|
27
|
+
</feComponentTransfer>
|
|
28
|
+
<feOffset in="solid" result="offU" dx=${t.mapUmbra[e].y/2} dy=${t.mapUmbra[e].y} />
|
|
29
|
+
<feOffset in="solid" result="offP" dx=${t.mapPenumbra[e].y/2} dy=${t.mapPenumbra[e].y} />
|
|
30
|
+
<feOffset in="solid" result="offA" dx=${t.mapAmbient[e].y/2} dy=${t.mapAmbient[e].y} />
|
|
31
|
+
${0===t.mapUmbra[e].s?Y``:Y`<feMorphology in="offU" result="spreadU" operator=${t.mapUmbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapUmbra[e].s)} />`}
|
|
32
|
+
${0===t.mapPenumbra[e].s?Y``:Y`<feMorphology in="offP" result="spreadP" operator=${t.mapPenumbra[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapPenumbra[e].s)} />`}
|
|
33
|
+
${0===t.mapAmbient[e].s?Y``:Y`<feMorphology in="offA" result="spreadA" operator=${t.mapAmbient[e].s>0?"dilate":"erode"} radius=${Math.abs(t.mapAmbient[e].s)} />`}
|
|
34
|
+
<feGaussianBlur in=${0===t.mapUmbra[e].s?"offU":"spreadU"} result="blurU" stdDeviation=${t.mapUmbra[e].b/2} />
|
|
35
|
+
<feGaussianBlur in=${0===t.mapPenumbra[e].s?"offP":"spreadP"} result="blurP" stdDeviation=${t.mapPenumbra[e].b/2} />
|
|
36
|
+
<feGaussianBlur in=${0===t.mapAmbient[e].s?"offA":"spreadA"} result="blurA" stdDeviation=${t.mapAmbient[e].b/2} />
|
|
37
|
+
<feFlood in="SourceGraphic" result="opU" flood-color=${t.baselineColor} flood-opacity=${t.opacityUmbra+t.opacityBoost} />
|
|
38
|
+
<feFlood in="SourceGraphic" result="opP" flood-color=${t.baselineColor} flood-opacity=${t.opacityPenumbra+t.opacityBoost} />
|
|
39
|
+
<feFlood in="SourceGraphic" result="opA" flood-color=${t.baselineColor} flood-opacity=${t.opacityAmbient+t.opacityBoost} />
|
|
40
|
+
<feComposite in="opU" in2="blurU" result="shU" operator="in" />
|
|
41
|
+
<feComposite in="opP" in2="blurP" result="shP" operator="in" />
|
|
42
|
+
<feComposite in="opA" in2="blurA" result="shA" operator="in" />
|
|
43
|
+
<feMorphology in="solid" result="smaller" operator="erode" radius="1" />
|
|
44
|
+
<feComposite in="shU" in2="smaller" result="finalU" operator="out" />
|
|
45
|
+
<feComposite in="shP" in2="smaller" result="finalP" operator="out" />
|
|
46
|
+
<feComposite in="shA" in2="smaller" result="finalA" operator="out" />
|
|
47
|
+
<feMerge>
|
|
48
|
+
<feMergeNode in="finalU" />
|
|
49
|
+
<feMergeNode in="finalP" />
|
|
50
|
+
<feMergeNode in="finalA" />
|
|
51
|
+
<feMergeNode in="SourceGraphic" />
|
|
52
|
+
</feMerge>
|
|
53
|
+
</filter>`));return Y`
|
|
54
|
+
<svg class="defs">
|
|
55
|
+
<defs>
|
|
56
|
+
${e}
|
|
57
|
+
</defs>
|
|
58
|
+
</svg>
|
|
59
|
+
`}static get styles(){return n`
|
|
60
|
+
:host {
|
|
61
|
+
---shadow-0: var(--shadow-0, ${a(this.cssBoxShadow(0))});
|
|
62
|
+
---shadow-2: var(--shadow-2, ${a(this.cssBoxShadow(2))});
|
|
63
|
+
---shadow-4: var(--shadow-4, ${a(this.cssBoxShadow(4))});
|
|
64
|
+
---shadow-8: var(--shadow-8, ${a(this.cssBoxShadow(8))});
|
|
65
|
+
|
|
66
|
+
---color-background: var(--color-background, ${a(this.greys.white)});
|
|
67
|
+
---color-border: var(--color-border, ${a(this.greys.light75)});
|
|
68
|
+
---color-text: var(--color-text, ${a(this.greys.dark75)});
|
|
69
|
+
---color-text-inverse: var(--color-text-inverse, ${a(this.greys.white)});
|
|
70
|
+
---color-link: var(--color-link, ${a(this.greys.dark25)});
|
|
71
|
+
---color-element-background: var(--color-element-background, ${a(this.greys.light75)});
|
|
72
|
+
---color-element-disabled: var(--color-element-disabled, ${a(this.greys.light50)});
|
|
73
|
+
---color-element-enabled: var(--color-element-enabled, ${a(this.greys.dark25)});
|
|
74
|
+
---color-element-selected: var(--color-element-selected, ${a(this.greys.grey)});
|
|
75
|
+
---color-element-border: var(--color-element-border, ${a(this.greys.dark50)});
|
|
76
|
+
---color-element-emphasis: var(--color-element-emphasis, ${a(this.greys.dark75)});
|
|
77
|
+
|
|
78
|
+
---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
|
|
79
|
+
---font-family-math: var(--font-family-math, "Source Serif", serif);
|
|
80
|
+
|
|
81
|
+
---border: var(--border, 1px solid var(---color-border));
|
|
82
|
+
---border-radius: var(--border-radius, 0.25rem);
|
|
83
|
+
---transition-duration: var(--transition-duration, 500ms);
|
|
84
|
+
|
|
85
|
+
font-family: var(---font-family-base);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
:host,
|
|
89
|
+
:host *,
|
|
90
|
+
:host *::before,
|
|
91
|
+
:host *::after {
|
|
92
|
+
box-sizing: border-box;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.math-greek {
|
|
96
|
+
font-family: var(---font-family-math);
|
|
97
|
+
font-style: normal;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.math-num {
|
|
101
|
+
font-family: var(---font-family-base);
|
|
102
|
+
font-style: normal;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.math-var {
|
|
106
|
+
font-family: var(---font-family-math);
|
|
107
|
+
font-style: italic;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.defs {
|
|
111
|
+
display: block;
|
|
112
|
+
|
|
113
|
+
width: 0;
|
|
114
|
+
height: 0;
|
|
115
|
+
}
|
|
116
|
+
`}}customElements.define("decidables-button",class extends oa{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,n`
|
|
117
|
+
:host {
|
|
118
|
+
margin: 0.25rem;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
button {
|
|
122
|
+
width: 100%;
|
|
123
|
+
height: 100%;
|
|
124
|
+
padding: 0.375rem 0.75rem;
|
|
125
|
+
|
|
126
|
+
font-family: var(---font-family-base);
|
|
127
|
+
font-size: 1.125rem;
|
|
128
|
+
line-height: 1.5;
|
|
129
|
+
color: var(---color-text-inverse);
|
|
130
|
+
|
|
131
|
+
border: 0;
|
|
132
|
+
border-radius: var(---border-radius);
|
|
133
|
+
outline: none;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
button:disabled {
|
|
137
|
+
background-color: var(--decidables-button-background-color, var(---color-element-disabled));
|
|
138
|
+
outline: none;
|
|
139
|
+
box-shadow: none;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
button:enabled {
|
|
143
|
+
cursor: pointer;
|
|
144
|
+
|
|
145
|
+
background-color: var(--decidables-button-background-color, var(---color-element-enabled));
|
|
146
|
+
outline: none;
|
|
147
|
+
box-shadow: var(---shadow-2);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
button:enabled:hover {
|
|
151
|
+
outline: none;
|
|
152
|
+
box-shadow: var(---shadow-4);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
button:enabled:active {
|
|
156
|
+
outline: none;
|
|
157
|
+
box-shadow: var(---shadow-8);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
:host(.keyboard) button:enabled:focus {
|
|
161
|
+
outline: none;
|
|
162
|
+
box-shadow: var(---shadow-4);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
:host(.keyboard) button:enabled:focus:active {
|
|
166
|
+
outline: none;
|
|
167
|
+
box-shadow: var(---shadow-8);
|
|
168
|
+
}
|
|
169
|
+
`]}render(){return W`
|
|
170
|
+
<button ?disabled=${this.disabled}>
|
|
171
|
+
<slot></slot>
|
|
172
|
+
</button>
|
|
173
|
+
`}});
|
|
174
|
+
/**
|
|
175
|
+
* @license
|
|
176
|
+
* Copyright 2018 Google LLC
|
|
177
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
178
|
+
*/
|
|
179
|
+
const la=t=>t??J;customElements.define("decidables-slider",class extends oa{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},max:{attribute:"max",type:Number,reflect:!0},min:{attribute:"min",type:Number,reflect:!0},step:{attribute:"step",type:Number,reflect:!0},value:{attribute:"value",type:Number,reflect:!0}}}constructor(){super(),this.disabled=!1,this.max=void 0,this.min=void 0,this.step=void 0,this.value=void 0}changed(t){this.value=t.target.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0}))}inputted(t){this.value=t.target.value}static get styles(){return[super.styles,n`
|
|
180
|
+
:host {
|
|
181
|
+
---shadow-2-rotate: var(--shadow-2-rotate, ${a(this.cssBoxShadow(2,!0,!1))});
|
|
182
|
+
---shadow-4-rotate: var(--shadow-4-rotate, ${a(this.cssBoxShadow(4,!0,!1))});
|
|
183
|
+
---shadow-8-rotate: var(--shadow-8-rotate, ${a(this.cssBoxShadow(8,!0,!1))});
|
|
184
|
+
|
|
185
|
+
display: flex;
|
|
186
|
+
|
|
187
|
+
flex-direction: column;
|
|
188
|
+
|
|
189
|
+
align-items: center;
|
|
190
|
+
justify-content: center;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
label {
|
|
194
|
+
margin: 0.25rem 0.25rem 0;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.range {
|
|
198
|
+
display: inline-block;
|
|
199
|
+
|
|
200
|
+
width: 3.5rem;
|
|
201
|
+
height: 4.75rem;
|
|
202
|
+
margin: 0 0.25rem 0.25rem;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
decidables-spinner {
|
|
206
|
+
--decidables-spinner-input-width: 3.5rem;
|
|
207
|
+
|
|
208
|
+
margin: 0 0.25rem 0.25rem;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
/* Adapted from http://danielstern.ca/range.css/#/ */
|
|
212
|
+
/* Overall */
|
|
213
|
+
input[type=range] {
|
|
214
|
+
width: 4.75rem;
|
|
215
|
+
height: 3.5rem;
|
|
216
|
+
padding: 0;
|
|
217
|
+
margin: 0;
|
|
218
|
+
|
|
219
|
+
background-color: unset;
|
|
220
|
+
|
|
221
|
+
transform: rotate(-90deg);
|
|
222
|
+
transform-origin: 2.375rem 2.375rem;
|
|
223
|
+
|
|
224
|
+
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
225
|
+
-webkit-appearance: none;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
input[type=range]:enabled {
|
|
229
|
+
cursor: ns-resize;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
input[type=range]:focus {
|
|
233
|
+
outline: none;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
237
|
+
input[type=range]::-ms-tooltip {
|
|
238
|
+
display: none;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
/* Track */
|
|
242
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
243
|
+
input[type=range]::-webkit-slider-runnable-track {
|
|
244
|
+
width: 100%;
|
|
245
|
+
height: 4px;
|
|
246
|
+
|
|
247
|
+
background: var(---color-element-disabled);
|
|
248
|
+
border: 0;
|
|
249
|
+
border-radius: 2px;
|
|
250
|
+
box-shadow: none;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
254
|
+
background: var(---color-element-disabled);
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
258
|
+
input[type=range]::-moz-range-track {
|
|
259
|
+
width: 100%;
|
|
260
|
+
height: 4px;
|
|
261
|
+
|
|
262
|
+
background: var(---color-element-disabled);
|
|
263
|
+
border: 0;
|
|
264
|
+
border-radius: 2px;
|
|
265
|
+
box-shadow: none;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
269
|
+
input[type=range]::-ms-track {
|
|
270
|
+
width: 100%;
|
|
271
|
+
height: 4px;
|
|
272
|
+
|
|
273
|
+
color: transparent;
|
|
274
|
+
|
|
275
|
+
background: transparent;
|
|
276
|
+
border-color: transparent;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
280
|
+
input[type=range]::-ms-fill-lower {
|
|
281
|
+
background: #cccccc;
|
|
282
|
+
/* background: var(---color-element-disabled); */
|
|
283
|
+
border: 0;
|
|
284
|
+
border-radius: 2px;
|
|
285
|
+
box-shadow: none;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
289
|
+
input[type=range]::-ms-fill-upper {
|
|
290
|
+
background: #cccccc;
|
|
291
|
+
/* background: var(---color-element-disabled); */
|
|
292
|
+
border: 0;
|
|
293
|
+
border-radius: 2px;
|
|
294
|
+
box-shadow: none;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
298
|
+
input[type=range]:focus::-ms-fill-lower {
|
|
299
|
+
background: var(---color-element-disabled);
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
303
|
+
input[type=range]:focus::-ms-fill-upper {
|
|
304
|
+
background: var(---color-element-disabled);
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
/* Thumb */
|
|
308
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
309
|
+
input[type=range]::-webkit-slider-thumb {
|
|
310
|
+
width: 10px;
|
|
311
|
+
height: 20px;
|
|
312
|
+
margin-top: -8px;
|
|
313
|
+
|
|
314
|
+
border: 0;
|
|
315
|
+
border-radius: 4px;
|
|
316
|
+
|
|
317
|
+
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
318
|
+
-webkit-appearance: none;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
input[type=range]:disabled::-webkit-slider-thumb {
|
|
322
|
+
background: var(---color-element-disabled);
|
|
323
|
+
box-shadow: none;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
input[type=range]:enabled::-webkit-slider-thumb {
|
|
327
|
+
background: var(---color-element-enabled);
|
|
328
|
+
box-shadow: var(---shadow-2-rotate);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
input[type=range]:enabled:hover::-webkit-slider-thumb {
|
|
332
|
+
box-shadow: var(---shadow-4-rotate);
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
input[type=range]:enabled:active::-webkit-slider-thumb {
|
|
336
|
+
box-shadow: var(---shadow-8-rotate);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
:host(.keyboard) input[type=range]:enabled:focus::-webkit-slider-thumb {
|
|
340
|
+
box-shadow: var(---shadow-4-rotate);
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
:host(.keyboard) input[type=range]:focus:active::-webkit-slider-thumb {
|
|
344
|
+
box-shadow: var(---shadow-8-rotate);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
348
|
+
input[type=range]::-moz-range-thumb {
|
|
349
|
+
width: 10px;
|
|
350
|
+
height: 20px;
|
|
351
|
+
|
|
352
|
+
border: 0;
|
|
353
|
+
border-radius: 4px;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
357
|
+
input[type=range]:disabled::-moz-range-thumb {
|
|
358
|
+
background: var(---color-element-disabled);
|
|
359
|
+
box-shadow: none;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
363
|
+
input[type=range]:enabled::-moz-range-thumb {
|
|
364
|
+
background: var(---color-element-enabled);
|
|
365
|
+
box-shadow: var(---shadow-2-rotate);
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
369
|
+
input[type=range]:enabled:hover::-moz-range-thumb {
|
|
370
|
+
box-shadow: var(---shadow-4-rotate);
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
374
|
+
input[type=range]:enabled:active::-moz-range-thumb {
|
|
375
|
+
box-shadow: var(---shadow-8-rotate);
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
:host(.keyboard) input[type=range]:enabled:focus::-moz-range-thumb {
|
|
379
|
+
box-shadow: var(---shadow-4-rotate);
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
:host(.keyboard) input[type=range]:enabled:focus:active::-moz-range-thumb {
|
|
383
|
+
box-shadow: var(---shadow-8-rotate);
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
387
|
+
input[type=range]::-ms-thumb {
|
|
388
|
+
width: 10px;
|
|
389
|
+
height: 20px;
|
|
390
|
+
margin-top: 0;
|
|
391
|
+
|
|
392
|
+
background: #999999;
|
|
393
|
+
/* background: var(---color-element-enabled); */
|
|
394
|
+
border: 0;
|
|
395
|
+
border-radius: 4px;
|
|
396
|
+
box-shadow: var(---shadow-2-rotate);
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
400
|
+
input[type=range]:disabled::-ms-thumb {
|
|
401
|
+
background: var(---color-element-disabled);
|
|
402
|
+
box-shadow: none;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
406
|
+
input[type=range]:enabled::-ms-thumb {
|
|
407
|
+
background: var(---color-element-enabled);
|
|
408
|
+
box-shadow: var(---shadow-2-rotate);
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
412
|
+
input[type=range]:enabled:hover::-ms-thumb {
|
|
413
|
+
box-shadow: var(---shadow-4-rotate);
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
417
|
+
input[type=range]:enabled:active::-ms-thumb {
|
|
418
|
+
box-shadow: var(---shadow-8-rotate);
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
/* stylelint-disable-next-line no-descending-specificity */ /* stylelint ERROR */
|
|
422
|
+
:host(.keyboard) input[type=range]:enabled:focus::-ms-thumb {
|
|
423
|
+
box-shadow: var(---shadow-4-rotate);
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
:host(.keyboard) input[type=range]:enabled:focus:active::-ms-thumb {
|
|
427
|
+
box-shadow: var(---shadow-8-rotate);
|
|
428
|
+
}
|
|
429
|
+
`]}render(){return W`
|
|
430
|
+
<label for="slider">
|
|
431
|
+
<slot></slot>
|
|
432
|
+
</label>
|
|
433
|
+
<div class="range">
|
|
434
|
+
<input ?disabled=${this.disabled} type="range" id="slider" min=${la(this.min)} max=${la(this.max)} step=${la(this.step)} .value=${this.value} @change=${this.changed.bind(this)} @input=${this.inputted.bind(this)}>
|
|
435
|
+
</div>
|
|
436
|
+
<decidables-spinner ?disabled=${this.disabled} min=${la(this.min)} max=${la(this.max)} step=${la(this.step)} .value=${this.value} @input=${this.inputted.bind(this)}></decidables-spinner>
|
|
437
|
+
`}});customElements.define("decidables-spinner",class extends oa{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0},max:{attribute:"max",type:Number,reflect:!0},min:{attribute:"min",type:Number,reflect:!0},step:{attribute:"step",type:Number,reflect:!0},value:{attribute:"value",type:Number,reflect:!0}}}constructor(){super(),this.disabled=!1,this.max=void 0,this.min=void 0,this.step=void 0,this.value=void 0}inputted(t){this.value=t.target.value}static get styles(){return[super.styles,n`
|
|
438
|
+
:host {
|
|
439
|
+
---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
|
|
440
|
+
---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
|
|
441
|
+
---decidables-spinner-prefix: var(--decidables-spinner-prefix, "");
|
|
442
|
+
|
|
443
|
+
---decidables-spinner-postfix: var(--decidables-spinner-postfix, "");
|
|
444
|
+
---decidables-spinner-postfix-padding: var(--decidables-spinner-postfix-padding, 0);
|
|
445
|
+
|
|
446
|
+
display: block;
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
label {
|
|
450
|
+
position: relative;
|
|
451
|
+
display: flex;
|
|
452
|
+
|
|
453
|
+
flex-direction: column;
|
|
454
|
+
|
|
455
|
+
align-items: center;
|
|
456
|
+
|
|
457
|
+
margin: 0;
|
|
458
|
+
|
|
459
|
+
font-size: 0.75rem;
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
label::before {
|
|
463
|
+
position: absolute;
|
|
464
|
+
bottom: 1px;
|
|
465
|
+
left: calc(50% - var(---decidables-spinner-input-width) / 2 + 0.25rem);
|
|
466
|
+
|
|
467
|
+
font-size: var(---decidables-spinner-font-size);
|
|
468
|
+
line-height: normal;
|
|
469
|
+
|
|
470
|
+
content: var(---decidables-spinner-prefix);
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
label::after {
|
|
474
|
+
position: absolute;
|
|
475
|
+
right: 0.25rem;
|
|
476
|
+
bottom: 1px;
|
|
477
|
+
|
|
478
|
+
font-size: var(---decidables-spinner-font-size);
|
|
479
|
+
line-height: normal;
|
|
480
|
+
|
|
481
|
+
content: var(---decidables-spinner-postfix);
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
input[type=number] {
|
|
485
|
+
width: var(---decidables-spinner-input-width);
|
|
486
|
+
padding-right: var(---decidables-spinner-postfix-padding);
|
|
487
|
+
|
|
488
|
+
font-family: var(---font-family-base);
|
|
489
|
+
font-size: var(---decidables-spinner-font-size);
|
|
490
|
+
color: inherit;
|
|
491
|
+
text-align: right;
|
|
492
|
+
|
|
493
|
+
background: none;
|
|
494
|
+
border: 0;
|
|
495
|
+
border-radius: 0;
|
|
496
|
+
outline: none;
|
|
497
|
+
box-shadow: var(---shadow-2);
|
|
498
|
+
|
|
499
|
+
-webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
input[type=number]:hover {
|
|
503
|
+
box-shadow: var(---shadow-4);
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
input[type=number]:focus,
|
|
507
|
+
input[type=number]:active {
|
|
508
|
+
box-shadow: var(---shadow-8);
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
input[type=number]:disabled {
|
|
512
|
+
color: var(---color-text);
|
|
513
|
+
|
|
514
|
+
border: 0;
|
|
515
|
+
box-shadow: none;
|
|
516
|
+
|
|
517
|
+
/* HACK: Use correct text color in Safari */
|
|
518
|
+
-webkit-opacity: 1;
|
|
519
|
+
/* HACK: Hide spinners in disabled input for Firefox and Safari */
|
|
520
|
+
-moz-appearance: textfield; /* stylelint-disable-line property-no-vendor-prefix */
|
|
521
|
+
/* HACK: Use correct text color in Safari */
|
|
522
|
+
-webkit-text-fill-color: var(---color-text);
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
/* HACK: Hide spinners in disabled input for Firefox and Safari */
|
|
526
|
+
input[type=number]:disabled::-webkit-outer-spin-button,
|
|
527
|
+
input[type=number]:disabled::-webkit-inner-spin-button {
|
|
528
|
+
margin: 0;
|
|
529
|
+
-webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
|
|
530
|
+
}
|
|
531
|
+
`]}render(){return W`
|
|
532
|
+
<label>
|
|
533
|
+
<slot></slot>
|
|
534
|
+
<input ?disabled=${this.disabled} type="number" min=${la(this.min)} max=${la(this.max)} step=${la(this.step)} .value=${this.value} @input=${this.inputted.bind(this)}>
|
|
535
|
+
</label>
|
|
536
|
+
`}});customElements.define("decidables-switch",class extends oa{static get properties(){return{checked:{attribute:"checked",type:Boolean,reflect:!0},disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.checked=!1,this.disabled=!1}changed(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked},bubbles:!0}))}static get styles(){return[super.styles,n`
|
|
537
|
+
:host {
|
|
538
|
+
display: flex;
|
|
539
|
+
|
|
540
|
+
flex-direction: column;
|
|
541
|
+
|
|
542
|
+
align-items: center;
|
|
543
|
+
justify-content: center;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
/* Adapted from https://codepen.io/guuslieben/pen/YyPRVP */
|
|
547
|
+
input[type=checkbox] {
|
|
548
|
+
/* visuallyhidden: https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.md */
|
|
549
|
+
position: absolute;
|
|
550
|
+
|
|
551
|
+
width: 1px;
|
|
552
|
+
height: 1px;
|
|
553
|
+
padding: 0;
|
|
554
|
+
margin: -1px;
|
|
555
|
+
overflow: hidden;
|
|
556
|
+
clip: rect(0 0 0 0);
|
|
557
|
+
|
|
558
|
+
white-space: nowrap;
|
|
559
|
+
|
|
560
|
+
border: 0;
|
|
561
|
+
clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
input[type=checkbox] + label {
|
|
565
|
+
order: 1;
|
|
566
|
+
|
|
567
|
+
margin: 0 0.25rem 0.25rem;
|
|
568
|
+
|
|
569
|
+
font-weight: 400;
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
input[type=checkbox] + label + label {
|
|
573
|
+
position: relative;
|
|
574
|
+
|
|
575
|
+
min-width: 24px;
|
|
576
|
+
padding: 0 0 36px;
|
|
577
|
+
margin: 0.25rem 0.25rem 0;
|
|
578
|
+
|
|
579
|
+
font-weight: 400;
|
|
580
|
+
|
|
581
|
+
outline: none;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
input[type=checkbox] + label + label::before,
|
|
585
|
+
input[type=checkbox] + label + label::after {
|
|
586
|
+
position: absolute;
|
|
587
|
+
|
|
588
|
+
left: 50%;
|
|
589
|
+
|
|
590
|
+
margin: 0;
|
|
591
|
+
|
|
592
|
+
content: "";
|
|
593
|
+
|
|
594
|
+
outline: 0;
|
|
595
|
+
|
|
596
|
+
transition: all var(---transition-duration) ease;
|
|
597
|
+
transform: translate(-50%, 0);
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
input[type=checkbox] + label + label::before {
|
|
601
|
+
bottom: 1px;
|
|
602
|
+
|
|
603
|
+
width: 8px;
|
|
604
|
+
height: 34px;
|
|
605
|
+
|
|
606
|
+
background-color: var(---color-element-disabled);
|
|
607
|
+
border-radius: 4px;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
input[type=checkbox] + label + label::after {
|
|
611
|
+
bottom: 0;
|
|
612
|
+
|
|
613
|
+
width: 18px;
|
|
614
|
+
height: 18px;
|
|
615
|
+
|
|
616
|
+
background-color: var(---color-element-enabled);
|
|
617
|
+
border-radius: 50%;
|
|
618
|
+
box-shadow: var(---shadow-2);
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
input[type=checkbox]:checked + label + label::after {
|
|
622
|
+
transform: translate(-50%, -100%);
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
input[type=checkbox]:disabled + label + label::after {
|
|
626
|
+
background-color: var(---color-element-disabled);
|
|
627
|
+
box-shadow: none;
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
input[type=checkbox]:enabled + label,
|
|
631
|
+
input[type=checkbox]:enabled + label + label {
|
|
632
|
+
cursor: pointer;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
input[type=checkbox]:enabled + label:hover + label::after,
|
|
636
|
+
input[type=checkbox]:enabled + label + label:hover::after {
|
|
637
|
+
box-shadow: var(---shadow-4);
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
input[type=checkbox]:enabled + label:active + label::after,
|
|
641
|
+
input[type=checkbox]:enabled + label + label:active::after {
|
|
642
|
+
box-shadow: var(---shadow-8);
|
|
643
|
+
}
|
|
644
|
+
|
|
645
|
+
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
646
|
+
:host(.keyboard) input[type=checkbox]:enabled:focus + label + label::after {
|
|
647
|
+
box-shadow: var(---shadow-4);
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
/* stylelint-disable selector-max-compound-selectors */
|
|
651
|
+
:host(.keyboard) input[type=checkbox]:enabled:focus + label + label:active::after,
|
|
652
|
+
:host(.keyboard) input[type=checkbox]:enabled:focus:active + label + label::after {
|
|
653
|
+
box-shadow: var(---shadow-8);
|
|
654
|
+
}
|
|
655
|
+
/* stylelint-enable selector-max-compound-selectors */
|
|
656
|
+
`]}render(){return W`
|
|
657
|
+
<input type="checkbox" id="switch" ?checked=${this.checked} ?disabled=${this.disabled} @change=${this.changed.bind(this)}>
|
|
658
|
+
<label for="switch">
|
|
659
|
+
<slot name="off-label"></slot>
|
|
660
|
+
</label>
|
|
661
|
+
<label for="switch">
|
|
662
|
+
<slot></slot>
|
|
663
|
+
</label>
|
|
664
|
+
`}});customElements.define("decidables-toggle",class extends oa{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,n`
|
|
665
|
+
fieldset {
|
|
666
|
+
display: flex;
|
|
667
|
+
|
|
668
|
+
flex-direction: column;
|
|
669
|
+
|
|
670
|
+
align-items: stretch;
|
|
671
|
+
justify-content: center;
|
|
672
|
+
|
|
673
|
+
margin: 0.25rem;
|
|
674
|
+
|
|
675
|
+
border: 0;
|
|
676
|
+
}
|
|
677
|
+
|
|
678
|
+
legend {
|
|
679
|
+
text-align: center;
|
|
680
|
+
}
|
|
681
|
+
`]}render(){return W`
|
|
682
|
+
<fieldset ?disabled=${this.disabled}>
|
|
683
|
+
<legend><slot name="label"></slot></legend>
|
|
684
|
+
<slot></slot>
|
|
685
|
+
</fieldset>
|
|
686
|
+
`}});function ca(t){return class extends t{static get properties(){return{width:{attribute:!1,type:Number,reflect:!1},height:{attribute:!1,type:Number,reflect:!1},rem:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.width=NaN,this.height=NaN,this.rem=NaN}getDimensions(){this.width=parseFloat(this.getComputedStyleValue("width"),10),this.height=parseFloat(this.getComputedStyleValue("height"),10),this.rem=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("font-size"),10)}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.getDimensions.bind(this)),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.unobserve(this),super.disconnectedCallback()}}}customElements.define("decidables-toggle-option",class extends oa{static get properties(){return{checked:{attribute:"checked",type:Boolean,reflect:!0},disabled:{attribute:"disabled",type:Boolean,reflect:!0},name:{attribute:"name",type:String,reflect:!0},value:{attribute:"value",type:String,reflect:!0}}}constructor(){super(),this.checked=!1,this.disabled=!1,this.name=void 0,this.value=void 0}changed(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0}))}static get styles(){return[super.styles,n`
|
|
687
|
+
:host {
|
|
688
|
+
display: flex;
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
input[type=radio] {
|
|
692
|
+
/* visuallyhidden: https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/css.md */
|
|
693
|
+
position: absolute;
|
|
694
|
+
|
|
695
|
+
width: 1px;
|
|
696
|
+
height: 1px;
|
|
697
|
+
padding: 0;
|
|
698
|
+
margin: -1px;
|
|
699
|
+
overflow: hidden;
|
|
700
|
+
clip: rect(0 0 0 0);
|
|
701
|
+
|
|
702
|
+
white-space: nowrap;
|
|
703
|
+
|
|
704
|
+
border: 0;
|
|
705
|
+
clip-path: inset(100%); /* May cause a performance issue: https://github.com/h5bp/html5-boilerplate/issues/2021 */
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
input[type=radio] + label {
|
|
709
|
+
width: 100%;
|
|
710
|
+
padding: 0.375rem 0.75rem;
|
|
711
|
+
|
|
712
|
+
font-family: var(---font-family-base);
|
|
713
|
+
font-size: 1.125rem;
|
|
714
|
+
line-height: 1.5;
|
|
715
|
+
color: var(---color-text-inverse);
|
|
716
|
+
text-align: center;
|
|
717
|
+
|
|
718
|
+
cursor: pointer;
|
|
719
|
+
|
|
720
|
+
background-color: var(---color-element-enabled);
|
|
721
|
+
border: 0;
|
|
722
|
+
border-radius: 0;
|
|
723
|
+
outline: none;
|
|
724
|
+
|
|
725
|
+
box-shadow: var(---shadow-2);
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
input[type=radio]:checked + label {
|
|
729
|
+
background-color: var(---color-element-selected);
|
|
730
|
+
outline: none;
|
|
731
|
+
box-shadow: var(---shadow-2);
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
input[type=radio] + label:hover {
|
|
735
|
+
z-index: 1;
|
|
736
|
+
|
|
737
|
+
outline: none;
|
|
738
|
+
box-shadow: var(---shadow-4);
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
input[type=radio] + label:active {
|
|
742
|
+
z-index: 2;
|
|
743
|
+
|
|
744
|
+
outline: none;
|
|
745
|
+
box-shadow: var(---shadow-8);
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
:host(:first-of-type) input[type=radio] + label {
|
|
749
|
+
border-top-left-radius: 0.25rem;
|
|
750
|
+
border-top-right-radius: 0.25rem;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
:host(:last-of-type) input[type=radio] + label {
|
|
754
|
+
border-bottom-right-radius: 0.25rem;
|
|
755
|
+
border-bottom-left-radius: 0.25rem;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
:host(.keyboard) input[type=radio]:focus + label {
|
|
759
|
+
z-index: 1;
|
|
760
|
+
|
|
761
|
+
outline: none;
|
|
762
|
+
box-shadow: var(---shadow-4);
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
:host(.keyboard) input[type=radio]:focus:checked + label {
|
|
766
|
+
z-index: 1;
|
|
767
|
+
|
|
768
|
+
background-color: var(---color-element-selected);
|
|
769
|
+
outline: none;
|
|
770
|
+
box-shadow: var(---shadow-4);
|
|
771
|
+
}
|
|
772
|
+
|
|
773
|
+
:host(.keyboard) input[type=radio]:focus + label:active {
|
|
774
|
+
z-index: 2;
|
|
775
|
+
|
|
776
|
+
outline: none;
|
|
777
|
+
box-shadow: var(---shadow-8);
|
|
778
|
+
}
|
|
779
|
+
`]}render(){return W`
|
|
780
|
+
<input type="radio" id="toggle-option" name=${this.name} value=${this.value} .checked=${this.checked} @change=${this.changed.bind(this)}>
|
|
781
|
+
<label for="toggle-option">
|
|
782
|
+
<slot></slot>
|
|
783
|
+
</label>
|
|
784
|
+
`}});class da extends oa{static get properties(){return{interactive:{attribute:"interactive",type:Boolean,reflect:!0}}}constructor(){super(),this.interactive=!1}static get colors(){return{a:qr[0],z:qr[1],v:qr[4],t0:qr[7],s:qr[8],left:"#f032e6",right:"#10dbc9",correct:qr[2],error:qr[3],nr:"#cccccc"}}static get lights(){return Object.keys(da.colors).reduce(((t,e)=>(t[e]=Xi(da.colors[e],"#ffffff")(.5),t)),{})}static get darks(){return Object.keys(da.colors).reduce(((t,e)=>(t[e]=Xi(da.colors[e],"#000000")(.5),t)),{})}static get styles(){return[super.styles,n`
|
|
785
|
+
:host {
|
|
786
|
+
/* Declare base colors */
|
|
787
|
+
${a(Object.keys(da.colors).map((t=>`---color-${t}: var(--color-${t}, ${this.colors[t]});`)).join("\n"))}
|
|
788
|
+
|
|
789
|
+
/* Declare light colors */
|
|
790
|
+
${a(Object.keys(da.colors).map((t=>`---color-${t}-light: var(--color-${t}-light, ${this.lights[t]});`)).join("\n"))}
|
|
791
|
+
|
|
792
|
+
/* Declare dark colors */
|
|
793
|
+
${a(Object.keys(da.colors).map((t=>`---color-${t}-dark: var(--color-${t}-dark, ${this.darks[t]});`)).join("\n"))}
|
|
794
|
+
}
|
|
795
|
+
`]}}class ha extends da{static get properties(){return{trials:{attribute:"trials",type:Number,reflect:!0},resample:{attribute:"resample",type:Boolean,reflect:!0},duration:{attribute:"duration",type:Number,reflect:!0},coherence:{attribute:"coherence",type:Number,reflect:!0},color:{attribute:"color",type:String,reflect:!0},run:{attribute:"run",type:Boolean,reflect:!0},pause:{attribute:"pause",type:Boolean,reflect:!0},reset:{attribute:"reset",type:Boolean,reflect:!0},state:{attribute:!1,type:String,reflect:!1}}}constructor(){super(),this.trials=void 0,this.resample=!1,this.duration=void 0,this.coherence=void 0,this.colors=["none","measure","outcome","all"],this.color=void 0,this.run=!1,this.pause=!1,this.reset=!1,this.states=["resetted","running","paused","ended"],this.state="resetted"}setTrials(t){this.trials=t.target.value,this.dispatchEvent(new CustomEvent("accumulable-control-trials",{detail:{trials:this.trials},bubbles:!0}))}doResample(){this.dispatchEvent(new CustomEvent("accumulable-control-resample",{detail:{},bubbles:!0}))}setDuration(t){this.duration=t.target.value,this.dispatchEvent(new CustomEvent("accumulable-control-duration",{detail:{duration:this.duration},bubbles:!0}))}setCoherence(t){this.coherence=t.target.value,this.dispatchEvent(new CustomEvent("accumulable-control-coherence",{detail:{coherence:this.coherence},bubbles:!0}))}chooseColor(t){this.color=t.target.value,this.dispatchEvent(new CustomEvent("accumulable-control-color",{detail:{color:this.color},bubbles:!0}))}doRun(){this.state="running",this.dispatchEvent(new CustomEvent("accumulable-control-run",{detail:{},bubbles:!0}))}doPause(){this.state="paused",this.dispatchEvent(new CustomEvent("accumulable-control-pause",{detail:{},bubbles:!0}))}doReset(){this.state="resetted",this.dispatchEvent(new CustomEvent("accumulable-control-reset",{detail:{},bubbles:!0}))}complete(){this.state="ended"}static get styles(){return[super.styles,n`
|
|
796
|
+
:host {
|
|
797
|
+
display: inline-block;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.holder {
|
|
801
|
+
display: flex;
|
|
802
|
+
|
|
803
|
+
flex-direction: row;
|
|
804
|
+
|
|
805
|
+
align-items: stretch;
|
|
806
|
+
justify-content: center;
|
|
807
|
+
}
|
|
808
|
+
|
|
809
|
+
.buttons {
|
|
810
|
+
display: flex;
|
|
811
|
+
|
|
812
|
+
flex-direction: column;
|
|
813
|
+
|
|
814
|
+
align-items: stretch;
|
|
815
|
+
justify-content: center;
|
|
816
|
+
}
|
|
817
|
+
`]}render(){return W`
|
|
818
|
+
<div class="holder">
|
|
819
|
+
${this.trials?W`<decidables-slider class="trials" min="1" max="100" step="1" .value=${this.trials} @change=${this.setTrials.bind(this)} @input=${this.setTrials.bind(this)}>Trials</decidables-slider>`:W``}
|
|
820
|
+
${this.resample?W`
|
|
821
|
+
<div class="buttons">
|
|
822
|
+
${this.resample?W`<decidables-button name="resample" @click=${this.doResample.bind(this)}>Resample</decidables-button>`:W``}
|
|
823
|
+
</div>
|
|
824
|
+
`:W``}
|
|
825
|
+
${this.duration?W`<decidables-slider class="duration" min="10" max="2000" step="10" .value=${this.duration} @change=${this.setDuration.bind(this)} @input=${this.setDuration.bind(this)}>Duration</decidables-slider>`:W``}
|
|
826
|
+
${this.coherence?W`<decidables-slider class="coherence" min="0" max="1" step=".01" .value=${this.coherence} @change=${this.setCoherence.bind(this)} @input=${this.setCoherence.bind(this)}>Coherence</decidables-slider>`:W``}
|
|
827
|
+
${void 0!==this.color?W`
|
|
828
|
+
<decidables-toggle class="color" @change=${this.chooseColor.bind(this)}>
|
|
829
|
+
<span slot="label">Emphasis</span>
|
|
830
|
+
<decidables-toggle-option name="toggle" value="none" ?checked=${"none"===this.color}>None</decidables-toggle-option>
|
|
831
|
+
<decidables-toggle-option name="toggle" value="measure" ?checked=${"measure"===this.color}>Measure</decidables-toggle-option>
|
|
832
|
+
<decidables-toggle-option name="toggle" value="outcome" ?checked=${"outcome"===this.color}>Outcome</decidables-toggle-option>
|
|
833
|
+
<decidables-toggle-option name="toggle" value="all" ?checked=${"all"===this.color}>All</decidables-toggle-option>
|
|
834
|
+
</decidables-toggle>
|
|
835
|
+
`:W``}
|
|
836
|
+
${this.run||this.pause||this.reset?W`
|
|
837
|
+
<div class="buttons">
|
|
838
|
+
${this.run?W`<decidables-button name="run" ?disabled=${"running"===this.state||"ended"===this.state} @click=${this.doRun.bind(this)}>Run</decidables-button>`:W``}
|
|
839
|
+
${this.pause?W`<decidables-button name="pause" ?disabled=${"running"!==this.state} @click=${this.doPause.bind(this)}>Pause</decidables-button>`:W``}
|
|
840
|
+
${this.reset?W`<decidables-button name="reset" ?disabled=${"resetted"===this.state} @click=${this.doReset.bind(this)}>Reset</decidables-button>`:W``}
|
|
841
|
+
</div>
|
|
842
|
+
`:W``}
|
|
843
|
+
</div>`}}customElements.define("accumulable-control",ha);class ua{static s=1;static trials2stats(t){const e={},i=t.reduce(((t,e)=>{switch(e.outcome){case"correct":t.correctCount+=1,t.correctRTSum+=e.rt;break;case"error":t.errorCount+=1,t.errorRTSum+=e.rt;break;case"nr":t.nrCount+=1}return t}),{correctCount:0,errorCount:0,nrCount:0,correctRTSum:0,errorRTSum:0});e.correctCount=i.correctCount,e.errorCount=i.errorCount,e.nrCount=i.nrCount,e.accuracy=i.correctCount/(i.correctCount+i.errorCount+i.nrCount),e.correctMeanRT=i.correctRTSum/i.correctCount,e.errorMeanRT=i.errorRTSum/i.errorCount,e.meanRT=(i.correctRTSum+i.errorRTSum)/(i.correctCount+i.errorCount);const s=t.reduce(((t,i)=>{switch(i.outcome){case"correct":t.ss+=(i.rt-e.meanRT)**2,t.correctSS+=(i.rt-e.correctMeanRT)**2;break;case"error":t.ss+=(i.rt-e.meanRT)**2,t.errorSS+=(i.rt-e.errorMeanRT)**2}return t}),{ss:0,correctSS:0,errorSS:0});return e.correctSDRT=e.correctCount>1?Math.sqrt(s.correctSS/(e.correctCount-1)):NaN,e.errorSDRT=e.errorCount>1?Math.sqrt(s.errorSS/(e.errorCount-1)):NaN,e.sdRT=e.correctCount+e.errorCount>1?Math.sqrt(s.ss/(e.correctCount+e.errorCount-1)):NaN,e}static azv2pE(t,e,i,s=ua.s){const r=t*e,a=Math.exp(-2*i*t/s**2);return(a-Math.exp(-2*i*r/s**2))/(a-1)}static azv2pC(t,e,i,s=ua.s){return ua.azv2pE(t,1-e,-i,s)}static azvt02m(t,e,i,s,r=ua.s){const a=t*e,n=Math.exp(-2*i*t/r**2)-1;return s+1e3*(-a/i+t/i*((Math.exp(-2*i*a/r**2)-1)/n))}static azv2sd(t,e,i,s=ua.s){const r=t*e,a=Math.exp(-2*i*t/s**2)-1,n=Math.exp(-2*i*r/s**2)-1,o=(-i*t**2*(n+4)*n/a**2+((-3*i*t**2+4*i*r*t+s**2*t)*n+4*i*r*t)/a-s**2*r)/i**3;return 1e3*Math.sqrt(o)}static azvt02mE(t,e,i,s,r=ua.s){function a(t,e){return Math.exp(2*i*e/r**2)-Math.exp(2*i*t/r**2)}const n=t*e;return s+1e3*((n*(a(n-t,t)+a(0,n))+2*t*a(n,0))/(i*a(n,t)*a(-t,0)))}static azv2sdE(t,e,i,s=ua.s){function r(t,e){return Math.exp(2*i*e/s**2)-Math.exp(2*i*t/s**2)}const a=t*e,n=-2*t*r(0,a)*(2*i*t*r(a,2*t)+s**2*r(0,t)*r(a,t))*Math.exp(2*i*t/s**2)/(i**3*r(0,t)**2*r(a,t)**2)+(4*i*a*(2*t-a)*Math.exp(2*i*(a+t)/s**2)+a*s**2*r(2*a,2*t))/(i**3*r(a,t)**2);return 1e3*Math.sqrt(n)}static azvt02mC(t,e,i,s,r=ua.s){return ua.azvt02mE(t,1-e,-i,s,r)}static azv2sdC(t,e,i,s=ua.s){return ua.azv2sdE(t,1-e,-i,s)}static tazv2gE(t,e,i,s,r=ua.s){if(!t)return 0;const a=e*i,n=Math.PI*r**2/e**2*Math.exp(-a*s/r**2);let o=0,l=0,c=0;do{o+=1,l=o*Math.sin(Math.PI*a*o/e)*Math.exp(-.5*(s**2/r**2+Math.PI**2*o**2*r**2/e**2)*t),c+=l}while(o<200);return n*c}static tazv2gC(t,e,i,s,r=ua.s){return ua.tazv2gE(t,e,1-i,-s,r)}static data2ez({accuracy:t,sdRT:e,meanRT:i,s:s}){function r(t){return Math.log(t/(1-t))}const a=(e/1e3)**2,n=i/1e3,o=s**2,l=r(t),c=l*(l*t**2-l*t+t-.5)/a,d=function(t){return t>0?1:0===t?0:-1}(t-.5)*s*c**(1/4),h=o*r(t)/d,u=-d*h/o,g=h/(2*d)*(1-Math.exp(u))/(1+Math.exp(u));return{v:d,a:h,t0:1e3*(n?n-g:null),s:s}}static data2ez2(){throw new Error("data2ez2 is not implemented!")}}class ga extends da{static get properties(){return{feedback:{attribute:"feedback",type:Boolean,reflect:!0},trial:{attribute:"trial",type:Boolean,reflect:!0},payoff:{attribute:"payoff",type:String,reflect:!0},correctPayoff:{attribute:"correct-payoff",type:Number,reflect:!0},errorPayoff:{attribute:"error-payoff",type:Number,reflect:!0},nrPayoff:{attribute:"no-response-payoff",type:Number,reflect:!0},state:{attribute:!1,type:String,reflect:!1},trialCount:{attribute:!1,type:Number,reflect:!1},trialTotal:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.feedback=!1,this.trial=!1,this.payoffs=["none","trial","total"],this.payoff="none",this.correctPayoff=0,this.errorPayoff=0,this.nrPayoff=0,this.states=["off","waiting","feedback"],this.state="off",this.trialCount=0,this.trialTotal=0,this.signals=["left","right"],this.signal=void 0,this.responses=["left","right"],this.response=void 0,this.outcomes=["correct","error","nr"],this.outcome=void 0,this.startTime=void 0,this.rt=void 0,this.correctCount=0,this.errorCount=0,this.nrCount=0,this.trials=[],this.alignState()}get trialPayoff(){switch(this.outcome){case"correct":return this.correctPayoff;case"error":return this.errorPayoff;case"nr":return this.nrPayoff;default:return}}get totalPayoff(){return this.correctCount*this.correctPayoff+this.errorCount*this.errorPayoff+this.nrCount*this.nrPayoff}alignState(){const t=ua.trials2stats(this.trials);Object.assign(this,t)}start(t,e){this.startTime=Date.now(),this.trialCount=e,this.state="waiting",this.signal=t,this.response=void 0,this.outcome=void 0,this.rt=void 0}stop(){this.state="feedback",void 0===this.response&&(this.outcome="nr",this.nrCount+=1,this.rt=void 0,this.trials.push({trial:this.trialCount,rt:this.rt,signal:this.signal,response:this.response,outcome:this.outcome,payoff:this.trialPayoff}),this.alignState())}left(){this.responded("left")}right(){this.responded("right")}responded(t){this.rt=Date.now()-this.startTime,this.state="feedback",this.response=t,this.signal===this.response?(this.outcome="correct",this.correctCount+=1):this.signal!==this.response&&(this.outcome="error",this.errorCount+=1),this.trials.push({trial:this.trialCount,rt:this.rt,signal:this.signal,response:this.response,outcome:this.outcome,payoff:this.trialPayoff}),this.alignState(),this.dispatchEvent(new CustomEvent("accumulable-response",{detail:{trial:this.trialCount,rt:this.rt,signal:this.signal,response:this.response,outcome:this.outcome,payoff:this.trialPayoff,correctCount:this.correctCount,errorCount:this.errorCount,nrCount:this.nrCount,accuracy:this.accuracy,meanRT:this.meanRT,correctMeanRT:this.correctMeanRT,errorMeanRT:this.errorMeanRT,sdRT:this.sdRT,correctSDRT:this.correctSDRT,errorSDRT:this.errorSDRT,totalPayoff:this.totalPayoff},bubbles:!0}))}reset(){this.state="off",this.trialCount=0,this.rt=void 0,this.signal=void 0,this.response=void 0,this.outcome=void 0,this.correctCount=0,this.errorCount=0,this.nrCount=0,this.trials=[],this.alignState()}keydown(t){"waiting"===this.state&&("ArrowLeft"===t.key?(this.responded("left"),t.preventDefault()):"ArrowRight"===t.key&&(this.responded("right"),t.preventDefault()))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.keydown.bind(this))}disconnectedCallback(){window.removeEventListener("keydown",this.keydown.bind(this)),super.disconnectedCallback()}static get styles(){return[super.styles,n`
|
|
844
|
+
:host {
|
|
845
|
+
display: inline-block;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
/* Overall container */
|
|
849
|
+
.holder {
|
|
850
|
+
display: flex;
|
|
851
|
+
|
|
852
|
+
flex-direction: column;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
/* Response buttons */
|
|
856
|
+
.responses {
|
|
857
|
+
display: flex;
|
|
858
|
+
|
|
859
|
+
flex-direction: row;
|
|
860
|
+
|
|
861
|
+
align-items: stretch;
|
|
862
|
+
justify-content: center;
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.response {
|
|
866
|
+
flex: 1 0 50%;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
.waiting[disabled] {
|
|
870
|
+
--decidables-button-background-color: var(---color-element-enabled);
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
.selected[disabled][name="left"] {
|
|
874
|
+
--decidables-button-background-color: var(---color-left);
|
|
875
|
+
}
|
|
876
|
+
|
|
877
|
+
.selected[disabled][name="right"] {
|
|
878
|
+
--decidables-button-background-color: var(---color-right);
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
/* Feedback messages */
|
|
882
|
+
.feedbacks {
|
|
883
|
+
display: flex;
|
|
884
|
+
|
|
885
|
+
flex-direction: column;
|
|
886
|
+
|
|
887
|
+
align-items: center;
|
|
888
|
+
|
|
889
|
+
margin: 0.25rem;
|
|
890
|
+
}
|
|
891
|
+
|
|
892
|
+
/* Trial feedback */
|
|
893
|
+
.trial {
|
|
894
|
+
text-align: center;
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
.trial .label {
|
|
898
|
+
font-weight: 600;
|
|
899
|
+
}
|
|
900
|
+
|
|
901
|
+
/* Outcome feedback */
|
|
902
|
+
.feedback {
|
|
903
|
+
display: flex;
|
|
904
|
+
|
|
905
|
+
flex-direction: column;
|
|
906
|
+
|
|
907
|
+
align-items: center;
|
|
908
|
+
justify-content: center;
|
|
909
|
+
|
|
910
|
+
width: 6rem;
|
|
911
|
+
height: 3.5rem;
|
|
912
|
+
padding: 0.375rem 0.75rem;
|
|
913
|
+
margin: 0.25rem;
|
|
914
|
+
|
|
915
|
+
text-align: center;
|
|
916
|
+
|
|
917
|
+
background-color: var(---color-element-background);
|
|
918
|
+
border: 1px solid var(---color-element-border);
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
:host([payoff="trial"]) .feedback,
|
|
922
|
+
:host([payoff="total"]) .feedback {
|
|
923
|
+
height: 5rem;
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
.feedback.correct {
|
|
927
|
+
background-color: var(---color-correct-light);
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
.feedback.error {
|
|
931
|
+
background-color: var(---color-error-light);
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
.feedback.nr {
|
|
935
|
+
background-color: var(---color-nr-light);
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.feedback .outcome {
|
|
939
|
+
font-weight: 600;
|
|
940
|
+
line-height: 1.15;
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
/* Payoff feedback */
|
|
944
|
+
.total {
|
|
945
|
+
text-align: center;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
.total .label {
|
|
949
|
+
font-weight: 600;
|
|
950
|
+
}
|
|
951
|
+
`]}render(){const t=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:0,maximumFractionDigits:0}),e=e=>t.formatToParts(e).map((({type:t,value:e})=>"minusSign"===t?"−":e)).reduce(((t,e)=>t+e));return W`
|
|
952
|
+
<div class="holder">
|
|
953
|
+
<div class="responses">
|
|
954
|
+
<decidables-button name="left" class=${"response "+("feedback"===this.state&&"left"===this.response?"selected":"waiting"===this.state?"waiting":"")} ?disabled=${"waiting"!==this.state||!0!==this.interactive} @click=${this.left.bind(this)}>Left</decidables-button>
|
|
955
|
+
<decidables-button name="right" class=${"response "+("feedback"===this.state&&"right"===this.response?"selected":"waiting"===this.state?"waiting":"")} ?disabled=${"waiting"!==this.state||!0!==this.interactive} @click=${this.right.bind(this)}>Right</decidables-button>
|
|
956
|
+
</div>
|
|
957
|
+
${this.trial||this.feedback||"total"===this.payoff?W`
|
|
958
|
+
<div class="feedbacks">
|
|
959
|
+
${this.trial?W`
|
|
960
|
+
<div class="trial">
|
|
961
|
+
<span class="label">Trial: </span><span class="count">${this.trialCount}</span><span class="of"> of </span><span class="total">${this.trialTotal}</span>
|
|
962
|
+
</div>`:W``}
|
|
963
|
+
${this.feedback?W`
|
|
964
|
+
<div class=${`feedback ${"feedback"===this.state&&this.feedback?this.outcome:""}`}>
|
|
965
|
+
${"feedback"===this.state&&this.feedback?"correct"===this.outcome?W`<span class="outcome">Correct</span>`:"error"===this.outcome?W`<span class="outcome">Error</span>`:W`<span class="outcome">No<br>Response</span>`:""}
|
|
966
|
+
${"feedback"!==this.state||"trial"!==this.payoff&&"total"!==this.payoff?W``:W`<span class="payoff">${e(this.trialPayoff)}</span>`}
|
|
967
|
+
</div>`:W``}
|
|
968
|
+
${"total"===this.payoff?W`
|
|
969
|
+
<div class="total">
|
|
970
|
+
<span class="label">Total: </span><span class="value">${e(this.totalPayoff)}</span>
|
|
971
|
+
</div>`:W``}
|
|
972
|
+
</div>`:W``}
|
|
973
|
+
</div>`}}customElements.define("accumulable-response",ga);class pa extends da{static get properties(){return{numeric:{attribute:"numeric",type:Boolean,reflect:!0},summary:{attribute:"summary",type:Boolean,reflect:!0},color:{attribute:"color",type:String,reflect:!0},correctCount:{attribute:"correct-count",type:Number,reflect:!0},errorCount:{attribute:"error-count",type:Number,reflect:!0},nrCount:{attribute:"nr-count",type:Number,reflect:!0},accuracy:{attribute:"accuracy",type:Number,reflect:!0},correctMeanRT:{attribute:"correct-mean-rt",type:Number,reflect:!0},errorMeanRT:{attribute:"error-mean-rt",type:Number,reflect:!0},meanRT:{attribute:"mean-rt",type:Number,reflect:!0},correctSDRT:{attribute:"correct-sd-rt",type:Number,reflect:!0},errorSDRT:{attribute:"error-sd-rt",type:Number,reflect:!0},sdRT:{attribute:"sd-rt",type:Number,reflect:!0},payoff:{attribute:"payoff",type:Boolean,reflect:!0},correctPayoff:{attribute:"correct-payoff",type:Number,reflect:!0},errorPayoff:{attribute:"error-payoff",type:Number,reflect:!0},nrPayoff:{attribute:"no-response-payoff",type:Number,reflect:!0}}}constructor(){super(),this.numeric=!1,this.summary=!1,this.colors=["none","measure","outcome","all"],this.color="all",this.payoff=!1,this.correctPayoff=void 0,this.errorPayoff=void 0,this.nrPayoff=void 0,this.correctCount=NaN,this.errorCount=NaN,this.nrCount=NaN,this.accuracy=NaN,this.correctMeanRT=NaN,this.errorMeanRT=NaN,this.meanRT=NaN,this.correctSDRT=NaN,this.errorSDRT=NaN,this.sdRT=NaN}sendEvent(){this.dispatchEvent(new CustomEvent("accumulable-table-change",{detail:{correctCount:this.correctCount,errorCount:this.errorCount,nrCount:this.nrCount,accuracy:this.accuracy,correctMeanRT:this.correctMeanRT,errorMeanRT:this.errorMeanRT,meanRT:this.meanRT,correctSDRT:this.correctSDRT,errorSDRT:this.errorSDRT,sdRT:this.sdRT},bubbles:!0}))}correctCountInput(t){this.correctCount=parseInt(t.target.value,10),this.sendEvent()}errorCountInput(t){this.errorCount=parseInt(t.target.value,10),this.sendEvent()}accuracyInput(t){this.accuracy=parseFloat(t.target.value),this.sendEvent()}correctMeanRTInput(t){this.correctMeanRT=parseFloat(t.target.value),this.sendEvent()}errorMeanRTInput(t){this.errorMeanRT=parseFloat(t.target.value),this.sendEvent()}meanRTInput(t){this.meanRT=parseFloat(t.target.value),this.sendEvent()}correctSDRTInput(t){this.correctSDRT=parseFloat(t.target.value),this.sendEvent()}errorSDRTInput(t){this.errorSDRT=parseFloat(t.target.value),this.sendEvent()}sdRTInput(t){this.sdRT=parseFloat(t.target.value),this.sendEvent()}static get styles(){return[super.styles,n`
|
|
974
|
+
:host {
|
|
975
|
+
display: inline-block;
|
|
976
|
+
}
|
|
977
|
+
|
|
978
|
+
/* Overall element */
|
|
979
|
+
table {
|
|
980
|
+
text-align: center;
|
|
981
|
+
|
|
982
|
+
border-collapse: collapse;
|
|
983
|
+
|
|
984
|
+
border: 0;
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
/* Headers */
|
|
988
|
+
.th-main {
|
|
989
|
+
padding: 0;
|
|
990
|
+
|
|
991
|
+
font-weight: bold;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
.th-sub {
|
|
995
|
+
padding: 0 0.25rem;
|
|
996
|
+
|
|
997
|
+
font-weight: 600;
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
.th-left {
|
|
1001
|
+
padding-left: 0;
|
|
1002
|
+
|
|
1003
|
+
text-align: right;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
1006
|
+
/* Cells */
|
|
1007
|
+
.td {
|
|
1008
|
+
width: 10rem;
|
|
1009
|
+
|
|
1010
|
+
padding: 0.25rem 0.25rem 0.375rem;
|
|
1011
|
+
|
|
1012
|
+
transition: all var(---transition-duration) ease;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
.numeric .td {
|
|
1016
|
+
width: 7rem;
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
/* Labels */
|
|
1020
|
+
.payoff {
|
|
1021
|
+
font-weight: 600;
|
|
1022
|
+
line-height: 0.75rem;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
/* User interaction <input> */
|
|
1026
|
+
.td-data decidables-spinner {
|
|
1027
|
+
--decidables-spinner-input-width: 3.5rem;
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
.td-summary decidables-spinner {
|
|
1031
|
+
--decidables-spinner-input-width: 4.5rem;
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1034
|
+
/* Table emphasis */
|
|
1035
|
+
.td-data.correct {
|
|
1036
|
+
border-left: 2px solid var(---color-element-emphasis);
|
|
1037
|
+
}
|
|
1038
|
+
|
|
1039
|
+
.td-data.error {
|
|
1040
|
+
border-right: 2px solid var(---color-element-emphasis);
|
|
1041
|
+
}
|
|
1042
|
+
|
|
1043
|
+
.td-data.count {
|
|
1044
|
+
border-top: 2px solid var(---color-element-emphasis);
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
.td-data.sd-rt {
|
|
1048
|
+
border-bottom: 2px solid var(---color-element-emphasis);
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
/* Color schemes */
|
|
1052
|
+
|
|
1053
|
+
/* (Default) All color scheme */
|
|
1054
|
+
.correct.count {
|
|
1055
|
+
background: var(---color-element-background); /* ###### */
|
|
1056
|
+
}
|
|
1057
|
+
|
|
1058
|
+
.error.count {
|
|
1059
|
+
background: var(---color-element-background); /* ###### */
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
.overall.proportion-correct {
|
|
1063
|
+
background: var(---color-element-background); /* ###### */
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1066
|
+
.correct.mean-rt {
|
|
1067
|
+
background: var(---color-element-background); /* ###### */
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
.error.mean-rt {
|
|
1071
|
+
background: var(---color-element-background); /* ###### */
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.overall.mean-rt {
|
|
1075
|
+
background: var(---color-element-background); /* ###### */
|
|
1076
|
+
}
|
|
1077
|
+
|
|
1078
|
+
.correct.sd-rt {
|
|
1079
|
+
background: var(---color-element-background); /* ###### */
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
.error.sd-rt {
|
|
1083
|
+
background: var(---color-element-background); /* ###### */
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
.overall.sd-rt {
|
|
1087
|
+
background: var(---color-element-background); /* ###### */
|
|
1088
|
+
}
|
|
1089
|
+
|
|
1090
|
+
/* Outcome color scheme */
|
|
1091
|
+
:host([color="outcome"]) .correct {
|
|
1092
|
+
background: var(---color-correct-light);
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
:host([color="outcome"]) .error {
|
|
1096
|
+
background: var(---color-error-light);
|
|
1097
|
+
}
|
|
1098
|
+
|
|
1099
|
+
:host([color="outcome"]) .overall {
|
|
1100
|
+
background: var(---color-element-background);
|
|
1101
|
+
}
|
|
1102
|
+
|
|
1103
|
+
/* Measure color scheme */
|
|
1104
|
+
:host([color="measure"]) .count,
|
|
1105
|
+
:host([color="measure"]) .proportion-correct {
|
|
1106
|
+
background: var(---color-element-background); /* ###### */
|
|
1107
|
+
}
|
|
1108
|
+
|
|
1109
|
+
:host([color="measure"]) .mean-rt {
|
|
1110
|
+
background: var(---color-element-background); /* ###### */
|
|
1111
|
+
}
|
|
1112
|
+
|
|
1113
|
+
:host([color="measure"]) .sd-rt {
|
|
1114
|
+
background: var(---color-element-background); /* ###### */
|
|
1115
|
+
}
|
|
1116
|
+
|
|
1117
|
+
/* No color scheme */
|
|
1118
|
+
:host([color="none"]) .td-data,
|
|
1119
|
+
:host([color="none"]) .td-summary {
|
|
1120
|
+
background: var(---color-element-background);
|
|
1121
|
+
}
|
|
1122
|
+
`]}render(){const t=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:0,maximumFractionDigits:0}),e=e=>t.formatToParts(e).map((({type:t,value:e})=>"minusSign"===t?"−":e)).reduce(((t,e)=>t+e));let i,s,r,a,n,o,l,c,d;return this.numeric?(i=W`
|
|
1123
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.correctCount}" @input=${this.correctCountInput.bind(this)}>
|
|
1124
|
+
<span>Correct Count</span>
|
|
1125
|
+
${this.payoff?W`<span class="payoff">${e(this.correctPayoff)}</span>`:W``}
|
|
1126
|
+
</decidables-spinner>
|
|
1127
|
+
`,s=W`
|
|
1128
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.errorCount}" @input=${this.errorCountInput.bind(this)}>
|
|
1129
|
+
<span>Error Count</span>
|
|
1130
|
+
${this.payoff?W`<span class="payoff">${e(this.errorPayoff)}</span>`:W``}
|
|
1131
|
+
</decidables-spinner>
|
|
1132
|
+
`,r=W`
|
|
1133
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" max="1" step=".01" .value="${+this.accuracy.toFixed(2)}" @input=${this.accuracyInput.bind(this)}>
|
|
1134
|
+
<span>Accuracy</span>
|
|
1135
|
+
</decidables-spinner>
|
|
1136
|
+
`,a=W`
|
|
1137
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.correctMeanRT.toFixed(0)}" @input=${this.correctMeanRTInput.bind(this)}>
|
|
1138
|
+
<span>Correct Mean RT</span>
|
|
1139
|
+
</decidables-spinner>
|
|
1140
|
+
`,n=W`
|
|
1141
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.errorMeanRT.toFixed(0)}" @input=${this.errorMeanRTInput.bind(this)}>
|
|
1142
|
+
<span>Error Mean RT</span>
|
|
1143
|
+
</decidables-spinner>
|
|
1144
|
+
`,o=W`
|
|
1145
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.meanRT.toFixed(0)}" @input=${this.meanRTInput.bind(this)}>
|
|
1146
|
+
<span>Mean RT</span>
|
|
1147
|
+
</decidables-spinner>
|
|
1148
|
+
`,l=W`
|
|
1149
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.correctSDRT.toFixed(0)}" @input=${this.correctSDRTInput.bind(this)}>
|
|
1150
|
+
<span>Correct SD RT</span>
|
|
1151
|
+
</decidables-spinner>
|
|
1152
|
+
`,c=W`
|
|
1153
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.errorSDRT.toFixed(0)}" @input=${this.errorSDRTInput.bind(this)}>
|
|
1154
|
+
<span>Error SD RT</span>
|
|
1155
|
+
</decidables-spinner>
|
|
1156
|
+
`,d=W`
|
|
1157
|
+
<decidables-spinner ?disabled=${!this.interactive} min="0" .value="${+this.sdRT.toFixed(0)}" @input=${this.sdRTInput.bind(this)}>
|
|
1158
|
+
<span>SD RT</span>
|
|
1159
|
+
</decidables-spinner>
|
|
1160
|
+
`):(i=W`<span>Correct Count</span>
|
|
1161
|
+
${this.payoff?W`<span class="payoff">${e(this.correctPayoff)}</span>`:W``}`,s=W`<span>Error Count</span>
|
|
1162
|
+
${this.payoff?W`<span class="payoff">${e(this.errorPayoff)}</span>`:W``}`,r=W`<span>Accuracy</span>`,a=W`<span>Correct Mean RT</span>`,n=W`<span>Error Mean RT</span>`,o=W`<span>Mean RT</span>`,l=W`<span>Correct SD RT</span>`,c=W`<span>Error SD RT</span>`,d=W`<span>SD RT</span>`),W`
|
|
1163
|
+
<table class=${this.numeric?"numeric":""}>
|
|
1164
|
+
<thead>
|
|
1165
|
+
<tr>
|
|
1166
|
+
<th rowspan="2"></th>
|
|
1167
|
+
<th class="th th-main" colspan="2" scope="col">
|
|
1168
|
+
Outcome
|
|
1169
|
+
</th>
|
|
1170
|
+
</tr>
|
|
1171
|
+
<tr>
|
|
1172
|
+
<th class="th th-sub" scope="col">
|
|
1173
|
+
Correct
|
|
1174
|
+
</th>
|
|
1175
|
+
<th class="th th-sub" scope="col">
|
|
1176
|
+
Error
|
|
1177
|
+
</th>
|
|
1178
|
+
${this.summary?W`
|
|
1179
|
+
<th class="th th-main" scope="col">
|
|
1180
|
+
Overall
|
|
1181
|
+
</th>`:W``}
|
|
1182
|
+
</tr>
|
|
1183
|
+
</thead>
|
|
1184
|
+
<tbody>
|
|
1185
|
+
<tr>
|
|
1186
|
+
<th class="th th-sub th-left" scope="row">
|
|
1187
|
+
Count
|
|
1188
|
+
</th>
|
|
1189
|
+
<td class="td td-data correct count">
|
|
1190
|
+
${i}
|
|
1191
|
+
</td>
|
|
1192
|
+
<td class="td td-data error count">
|
|
1193
|
+
${s}
|
|
1194
|
+
</td>
|
|
1195
|
+
${this.summary?W`
|
|
1196
|
+
<td class="td td-summary overall proportion-correct">
|
|
1197
|
+
${r}
|
|
1198
|
+
</td>`:W``}
|
|
1199
|
+
</tr>
|
|
1200
|
+
<tr>
|
|
1201
|
+
<th class="th th-sub th-left" scope="row">
|
|
1202
|
+
Mean RT
|
|
1203
|
+
</th>
|
|
1204
|
+
<td class="td td-data correct mean-rt">
|
|
1205
|
+
${a}
|
|
1206
|
+
</td>
|
|
1207
|
+
<td class="td td-data error mean-rt">
|
|
1208
|
+
${n}
|
|
1209
|
+
</td>
|
|
1210
|
+
${this.summary?W`
|
|
1211
|
+
<td class="td td-summary overall mean-rt">
|
|
1212
|
+
${o}
|
|
1213
|
+
</td>`:W``}
|
|
1214
|
+
</tr>
|
|
1215
|
+
<tr>
|
|
1216
|
+
<th class="th th-sub th-left" scope="row">
|
|
1217
|
+
SD RT
|
|
1218
|
+
</th>
|
|
1219
|
+
<td class="td td-data correct sd-rt">
|
|
1220
|
+
${l}
|
|
1221
|
+
</td>
|
|
1222
|
+
<td class="td td-data error sd-rt">
|
|
1223
|
+
${c}
|
|
1224
|
+
</td>
|
|
1225
|
+
${this.summary?W`
|
|
1226
|
+
<td class="td td-summary overall sd-rt">
|
|
1227
|
+
${d}
|
|
1228
|
+
</td>`:W``}
|
|
1229
|
+
</tr>
|
|
1230
|
+
</tbody>
|
|
1231
|
+
</table>`}}function ma(t,e,i){var s=e,r=function(t,e){return atob(t)}(t),a=r.indexOf("\n",10)+1,n=r.substring(a)+"//# sourceMappingURL="+s,o=new Blob([n],{type:"application/javascript"});return URL.createObjectURL(o)}customElements.define("accumulable-table",pa);var ba,Qa,ya,Ba=(ba="Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwooZnVuY3Rpb24gKCkgewogICd1c2Ugc3RyaWN0JzsKCiAgLyoKICAgIERETU1hdGggU3RhdGljIENsYXNzIC0gTm90IGludGVuZGVkIGZvciBpbnN0YW50aWF0aW9uIQoKICAgIE1vZGVsIHBhcmFtZXRlcnM6CiAgICAgIGEgPSBib3VuZGFyeSBzZXBhcmF0aW9uCiAgICAgIHogPSBzdGFydGluZyBwb2ludCBhcyBhIHByb3BvcnRpb24gb2YgYQogICAgICB2ID0gZHJpZnQgcmF0ZSAocGVyIHNlY29uZCkKICAgICAgdDAgPSBub24tZGVjaXNpb24gdGltZSAoaW4gbWlsbGlzZWNvbmRzKQogICAgICBzID0gd2l0aGluLXRyaWFsIHZhcmlhYmlsaXR5IGluIGRyaWZ0IHJhdGUgKHNeMiA9IGluZmluaXRlc2ltYWwgdmFyaWFuY2UpCgogICAgICB6UHJpbWUgPSBzdGFydGluZyBwb2ludCBvbiBhIDAtdG8tYSBzY2FsZSAodHlwaWNhbGx5IHVzZWQgaW4gcHVibGlzaGVkIGVxdWF0aW9ucykKCiAgICBCZWhhdmlvcmFsIHZhcmlhYmxlczoKICAgICAgcEUgPSBwcm9wb3J0aW9uIG9mIGVycm9yIHRyaWFscwogICAgICBwQyA9IHByb3BvcnRpb24gb2YgY29ycmVjdCB0cmlhbHMKICAgICAgbSA9IG1lYW4gb2Ygb3ZlcmFsbCBSVHMgKGluIG1pbGxpc2Vjb25kcykKICAgICAgbUUgPSBtZWFuIG9mIGVycm9yIFJUcyAoaW4gbWlsbGlzZWNvbmRzKQogICAgICBtQyA9IG1lYW4gY29ycmVjdCBSVHMgKGluIG1pbGxpc2Vjb25kcykKICAgICAgc2QgPSBzdGFuZGFyZCBkZXZpYXRpb24gb2Ygb3ZlcmFsbCBSVHMgKGluIG1pbGxpc2Vjb25kcykKICAgICAgc2RFID0gc3RhbmRhcmQgZGV2aWF0aW9uIG9mIGVycm9yIFJUcyAoaW4gbWlsbGlzZWNvbmRzKQogICAgICBzZEMgPSBzdGFuZGFyZCBkZXZpYXRpb24gb2YgY29ycmVjdCBSVHMgKGluIG1pbGxpc2Vjb25kcykKCiAgICBFcXVhdGlvbnM6CiAgICAgIFByb2JhYmlsaXR5IG9mIGNvcnJlY3QgYW5kIGVycm9yIHJlc3BvbnNlcyAoQWxleGFuZHJvd2ljeiwgMjAyMCkKICAgICAgTWVhbiBvZiBvdmVyYWxsLCBlcnJvciwgYW5kIGNvcnJlY3QgUlRzIChHcmFzbWFuIGV0IGFsLiwgMjAwOSkKICAgICAgU3RhbmRhcmQgZGV2aWF0aW9uIG9mIG92ZXJhbGwsIGVycm9yLCBhbmQgY29ycmVjdCBSVHMgKEdyYXNtYW4gZXQgYWwuLCAyMDA5KQogICAgICBEZW5zaXR5IG9mIGVycm9yIGFuZCBjb3JyZWN0IFJUIGRpc3RyaWJ1dGlvbnMgKEFsZXhhbmRyb3dpY3osIDIwMjApCiAgICAgIEVaLWRpZmZ1c2lvbiBtb2RlbCAoV2FnZW5tYWtlcnMgZXQgYWwuLCAyMDA3KQogICovCiAgY2xhc3MgRERNTWF0aCB7CiAgICBzdGF0aWMgcyA9IDE7CgogICAgLy8gQ2FsY3VsYXRlIGEgYnVuY2ggb2Ygc3RhdGlzdGljcyBmb3IgYW4gYXJyYXkgb2YgdHJpYWxzCiAgICBzdGF0aWMgdHJpYWxzMnN0YXRzKHRyaWFscykgewogICAgICBjb25zdCBzdGF0cyA9IHt9OwoKICAgICAgLy8gRmlyc3Qtb3JkZXIgc3VtcwogICAgICBjb25zdCBzdW1zID0gdHJpYWxzLnJlZHVjZSgoYWNjdW11bGF0b3IsIHRyaWFsKSA9PiB7CiAgICAgICAgc3dpdGNoICh0cmlhbC5vdXRjb21lKSB7CiAgICAgICAgICBjYXNlICdjb3JyZWN0JzoKICAgICAgICAgICAgYWNjdW11bGF0b3IuY29ycmVjdENvdW50ICs9IDE7CiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmNvcnJlY3RSVFN1bSArPSB0cmlhbC5ydDsKICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICBjYXNlICdlcnJvcic6CiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmVycm9yQ291bnQgKz0gMTsKICAgICAgICAgICAgYWNjdW11bGF0b3IuZXJyb3JSVFN1bSArPSB0cmlhbC5ydDsKICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICBjYXNlICducic6CiAgICAgICAgICAgIGFjY3VtdWxhdG9yLm5yQ291bnQgKz0gMTsKICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICAvLyBOby1vcAogICAgICAgIH0KICAgICAgICByZXR1cm4gYWNjdW11bGF0b3I7CiAgICAgIH0sIHsKICAgICAgICBjb3JyZWN0Q291bnQ6IDAsCiAgICAgICAgZXJyb3JDb3VudDogMCwKICAgICAgICBuckNvdW50OiAwLAogICAgICAgIGNvcnJlY3RSVFN1bTogMCwKICAgICAgICBlcnJvclJUU3VtOiAwCiAgICAgIH0pOwoKICAgICAgLy8gRmlyc3Qtb3JkZXIgc3RhdHMKICAgICAgc3RhdHMuY29ycmVjdENvdW50ID0gc3Vtcy5jb3JyZWN0Q291bnQ7CiAgICAgIHN0YXRzLmVycm9yQ291bnQgPSBzdW1zLmVycm9yQ291bnQ7CiAgICAgIHN0YXRzLm5yQ291bnQgPSBzdW1zLm5yQ291bnQ7CiAgICAgIHN0YXRzLmFjY3VyYWN5ID0gc3Vtcy5jb3JyZWN0Q291bnQgLyAoc3Vtcy5jb3JyZWN0Q291bnQgKyBzdW1zLmVycm9yQ291bnQgKyBzdW1zLm5yQ291bnQpOwogICAgICBzdGF0cy5jb3JyZWN0TWVhblJUID0gc3Vtcy5jb3JyZWN0UlRTdW0gLyBzdW1zLmNvcnJlY3RDb3VudDsKICAgICAgc3RhdHMuZXJyb3JNZWFuUlQgPSBzdW1zLmVycm9yUlRTdW0gLyBzdW1zLmVycm9yQ291bnQ7CiAgICAgIHN0YXRzLm1lYW5SVCA9IChzdW1zLmNvcnJlY3RSVFN1bSArIHN1bXMuZXJyb3JSVFN1bSkgLyAoc3Vtcy5jb3JyZWN0Q291bnQgKyBzdW1zLmVycm9yQ291bnQpOwoKICAgICAgLy8gU2Vjb25kLW9yZGVyIHN1bXMKICAgICAgY29uc3Qgc3VtczIgPSB0cmlhbHMucmVkdWNlKChhY2N1bXVsYXRvciwgdHJpYWwpID0+IHsKICAgICAgICBzd2l0Y2ggKHRyaWFsLm91dGNvbWUpIHsKICAgICAgICAgIGNhc2UgJ2NvcnJlY3QnOgogICAgICAgICAgICBhY2N1bXVsYXRvci5zcyArPSAodHJpYWwucnQgLSBzdGF0cy5tZWFuUlQpICoqIDI7CiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmNvcnJlY3RTUyArPSAodHJpYWwucnQgLSBzdGF0cy5jb3JyZWN0TWVhblJUKSAqKiAyOwogICAgICAgICAgICBicmVhazsKICAgICAgICAgIGNhc2UgJ2Vycm9yJzoKICAgICAgICAgICAgYWNjdW11bGF0b3Iuc3MgKz0gKHRyaWFsLnJ0IC0gc3RhdHMubWVhblJUKSAqKiAyOwogICAgICAgICAgICBhY2N1bXVsYXRvci5lcnJvclNTICs9ICh0cmlhbC5ydCAtIHN0YXRzLmVycm9yTWVhblJUKSAqKiAyOwogICAgICAgICAgICBicmVhazsKICAgICAgICAgIC8vIE5vLW9wCiAgICAgICAgfQogICAgICAgIHJldHVybiBhY2N1bXVsYXRvcjsKICAgICAgfSwgewogICAgICAgIHNzOiAwLAogICAgICAgIGNvcnJlY3RTUzogMCwKICAgICAgICBlcnJvclNTOiAwCiAgICAgIH0pOwoKICAgICAgLy8gU2Vjb25kLW9yZGVyIHN0YXRzCiAgICAgIHN0YXRzLmNvcnJlY3RTRFJUID0gc3RhdHMuY29ycmVjdENvdW50ID4gMSA/IE1hdGguc3FydChzdW1zMi5jb3JyZWN0U1MgLyAoc3RhdHMuY29ycmVjdENvdW50IC0gMSkpIDogTmFOOwogICAgICBzdGF0cy5lcnJvclNEUlQgPSBzdGF0cy5lcnJvckNvdW50ID4gMSA/IE1hdGguc3FydChzdW1zMi5lcnJvclNTIC8gKHN0YXRzLmVycm9yQ291bnQgLSAxKSkgOiBOYU47CiAgICAgIHN0YXRzLnNkUlQgPSBzdGF0cy5jb3JyZWN0Q291bnQgKyBzdGF0cy5lcnJvckNvdW50ID4gMSA/IE1hdGguc3FydChzdW1zMi5zcyAvIChzdGF0cy5jb3JyZWN0Q291bnQgKyBzdGF0cy5lcnJvckNvdW50IC0gMSkpIDogTmFOOwogICAgICByZXR1cm4gc3RhdHM7CiAgICB9CgogICAgLy8gUHJvYmFiaWxpdHkgb2YgYW4gRXJyb3IgUmVzcG9uc2UKICAgIHN0YXRpYyBhenYycEUoYSwgeiwgdiwgcyA9IERETU1hdGgucykgewogICAgICBjb25zdCB6UHJpbWUgPSBhICogejsKICAgICAgY29uc3QgQSA9IE1hdGguZXhwKC0yICogdiAqIGEgLyBzICoqIDIpOwogICAgICBjb25zdCBaID0gTWF0aC5leHAoLTIgKiB2ICogelByaW1lIC8gcyAqKiAyKTsKICAgICAgcmV0dXJuIChBIC0gWikgLyAoQSAtIDEpOwogICAgfQoKICAgIC8vIFByb2JhYmlsaXR5IG9mIGEgQ29ycmVjdCBSZXNwb25zZQogICAgc3RhdGljIGF6djJwQyhhLCB6LCB2LCBzID0gRERNTWF0aC5zKSB7CiAgICAgIHJldHVybiBERE1NYXRoLmF6djJwRShhLCAxIC0geiwgLXYsIHMpOwogICAgfQoKICAgIC8vIE1lYW4gT3ZlcmFsbCBSVAogICAgLy8gRXF1YXRpb24gNSAoR3Jhc21hbiBldCBhbC4sIDIwMDkpCiAgICBzdGF0aWMgYXp2dDAybShhLCB6LCB2LCB0MCwgcyA9IERETU1hdGgucykgewogICAgICBjb25zdCB6UHJpbWUgPSBhICogejsKICAgICAgY29uc3QgQSA9IE1hdGguZXhwKC0yICogdiAqIGEgLyBzICoqIDIpIC0gMTsKICAgICAgY29uc3QgWiA9IE1hdGguZXhwKC0yICogdiAqIHpQcmltZSAvIHMgKiogMikgLSAxOwogICAgICBjb25zdCBtZWFuID0gLSh6UHJpbWUgLyB2KSArIGEgLyB2ICogKFogLyBBKTsKICAgICAgcmV0dXJuIHQwICsgbWVhbiAqIDEwMDA7CiAgICB9CgogICAgLy8gU0QgT3ZlcmFsbCBSVAogICAgLy8gRXF1YXRpb24gNiAoR3Jhc21hbiBldCBhbC4sIDIwMDkpCiAgICBzdGF0aWMgYXp2MnNkKGEsIHosIHYsIHMgPSBERE1NYXRoLnMpIHsKICAgICAgY29uc3QgelByaW1lID0gYSAqIHo7CiAgICAgIGNvbnN0IEEgPSBNYXRoLmV4cCgtMiAqIHYgKiBhIC8gcyAqKiAyKSAtIDE7CiAgICAgIGNvbnN0IFogPSBNYXRoLmV4cCgtMiAqIHYgKiB6UHJpbWUgLyBzICoqIDIpIC0gMTsKICAgICAgY29uc3QgdmFyaWFuY2UgPSAoLXYgKiBhICoqIDIgKiAoWiArIDQpICogWiAvIEEgKiogMiArICgoLTMgKiB2ICogYSAqKiAyICsgNCAqIHYgKiB6UHJpbWUgKiBhICsgcyAqKiAyICogYSkgKiBaICsgNCAqIHYgKiB6UHJpbWUgKiBhKSAvIEEgLSBzICoqIDIgKiB6UHJpbWUpIC8gdiAqKiAzOwogICAgICByZXR1cm4gTWF0aC5zcXJ0KHZhcmlhbmNlKSAqIDEwMDA7CiAgICB9CgogICAgLy8gTWVhbiBFcnJvciBSVAogICAgLy8gRXF1YXRpb24gMTMgKEdyYXNtYW4gZXQgYWwuLCAyMDA5KQogICAgc3RhdGljIGF6dnQwMm1FKGEsIHosIHYsIHQwLCBzID0gRERNTWF0aC5zKSB7CiAgICAgIGZ1bmN0aW9uIHBoaSh4LCB5KSB7CiAgICAgICAgcmV0dXJuIE1hdGguZXhwKDIgKiB2ICogeSAvIHMgKiogMikgLSBNYXRoLmV4cCgyICogdiAqIHggLyBzICoqIDIpOwogICAgICB9CiAgICAgIGNvbnN0IHpQcmltZSA9IGEgKiB6OwogICAgICBjb25zdCBtZWFuID0gKHpQcmltZSAqIChwaGkoelByaW1lIC0gYSwgYSkgKyBwaGkoMCwgelByaW1lKSkgKyAyICogYSAqIHBoaSh6UHJpbWUsIDApKSAvICh2ICogcGhpKHpQcmltZSwgYSkgKiBwaGkoLWEsIDApKTsKICAgICAgcmV0dXJuIHQwICsgbWVhbiAqIDEwMDA7CiAgICB9CgogICAgLy8gU0QgRXJyb3IgUlQKICAgIC8vIEVxdWF0aW9uIDE0IChHcmFzbWFuIGV0IGFsLiwgMjAwOSkKICAgIHN0YXRpYyBhenYyc2RFKGEsIHosIHYsIHMgPSBERE1NYXRoLnMpIHsKICAgICAgZnVuY3Rpb24gcGhpKHgsIHkpIHsKICAgICAgICByZXR1cm4gTWF0aC5leHAoMiAqIHYgKiB5IC8gcyAqKiAyKSAtIE1hdGguZXhwKDIgKiB2ICogeCAvIHMgKiogMik7CiAgICAgIH0KICAgICAgY29uc3QgelByaW1lID0gYSAqIHo7CiAgICAgIGNvbnN0IHZhcmlhbmNlID0gLTIgKiBhICogcGhpKDAsIHpQcmltZSkgKiAoMiAqIHYgKiBhICogcGhpKHpQcmltZSwgMiAqIGEpICsgcyAqKiAyICogcGhpKDAsIGEpICogcGhpKHpQcmltZSwgYSkpICogTWF0aC5leHAoMiAqIHYgKiBhIC8gcyAqKiAyKSAvICh2ICoqIDMgKiBwaGkoMCwgYSkgKiogMiAqIHBoaSh6UHJpbWUsIGEpICoqIDIpICsgKDQgKiB2ICogelByaW1lICogKDIgKiBhIC0gelByaW1lKSAqIE1hdGguZXhwKDIgKiB2ICogKHpQcmltZSArIGEpIC8gcyAqKiAyKSArIHpQcmltZSAqIHMgKiogMiAqIHBoaSgyICogelByaW1lLCAyICogYSkpIC8gKHYgKiogMyAqIHBoaSh6UHJpbWUsIGEpICoqIDIpOwogICAgICByZXR1cm4gTWF0aC5zcXJ0KHZhcmlhbmNlKSAqIDEwMDA7CiAgICB9CgogICAgLy8gTWVhbiBDb3JyZWN0IFJUCiAgICBzdGF0aWMgYXp2dDAybUMoYSwgeiwgdiwgdDAsIHMgPSBERE1NYXRoLnMpIHsKICAgICAgcmV0dXJuIERETU1hdGguYXp2dDAybUUoYSwgMSAtIHosIC12LCB0MCwgcyk7CiAgICB9CgogICAgLy8gU0QgQ29ycmVjdCBSVAogICAgc3RhdGljIGF6djJzZEMoYSwgeiwgdiwgcyA9IERETU1hdGgucykgewogICAgICByZXR1cm4gRERNTWF0aC5henYyc2RFKGEsIDEgLSB6LCAtdiwgcyk7CiAgICB9CgogICAgLy8gRGVuc2l0eSBvZiBFcnJvciBSVAogICAgc3RhdGljIHRhenYyZ0UodCwgYSwgeiwgdiwgcyA9IERETU1hdGgucykgewogICAgICBpZiAoIXQpIHJldHVybiAwOwogICAgICBjb25zdCB6UHJpbWUgPSBhICogejsKICAgICAgY29uc3QgYmFzZSA9IE1hdGguUEkgKiBzICoqIDIgLyBhICoqIDIgKiBNYXRoLmV4cCgtelByaW1lICogdiAvIHMgKiogMik7CiAgICAgIGxldCBrID0gMDsKICAgICAgbGV0IHRlcm0gPSAwOwogICAgICBsZXQgc3VtID0gMDsKICAgICAgZG8gewogICAgICAgIGsgKz0gMTsKICAgICAgICB0ZXJtID0gayAqIE1hdGguc2luKE1hdGguUEkgKiB6UHJpbWUgKiBrIC8gYSkgKiBNYXRoLmV4cCgtMC41ICogKHYgKiogMiAvIHMgKiogMiArIE1hdGguUEkgKiogMiAqIGsgKiogMiAqIHMgKiogMiAvIGEgKiogMikgKiB0KTsKICAgICAgICBzdW0gKz0gdGVybTsKICAgICAgfSB3aGlsZSAoayA8IDIwMCk7IC8vID8/IEhBQ0sKCiAgICAgIHJldHVybiBiYXNlICogc3VtOwogICAgfQoKICAgIC8vIERlbnNpdHkgb2YgQ29ycmVjdCBSVAogICAgc3RhdGljIHRhenYyZ0ModCwgYSwgeiwgdiwgcyA9IERETU1hdGgucykgewogICAgICByZXR1cm4gRERNTWF0aC50YXp2MmdFKHQsIGEsIDEgLSB6LCAtdiwgcyk7CiAgICB9CgogICAgLy8gQWRhcHRlZCBmcm9tIGh0dHBzOi8vcmFvdWwuc29jc2NpLnV2YS5ubC9FWjIvRVoyX25ldy5odG1sCiAgICAvLyBFWi1mdW5jdGlvbiBmb3Igc3RhcnRpbmcgdmFsdWVzCiAgICAvLyBpbnB1dDogb2JqIC0gT2JqZWN0IHdpdGggcHJvcGVydGllcwogICAgLy8gICAgcEMgLSBQcm9wb3J0aW9uIGNvcnJlY3QKICAgIC8vICAgIHNkIC0gc2FtcGxlIHN0YW5kYXJkIGRldmlhdGlvbiBvZiB0aGUgUlQncyBpbiBtcwogICAgLy8gICAgbSAtIHNhbXBsZSBtZWFuIG9mIHRoZSBSVCdzIGluIG1zCiAgICAvLyAgICBzIC0gZGlmZnVzaW9uIHN0YW5kYXJkIGRldmlhdGlvbgogICAgLy8gcmV0dXJuczogT2JqZWN0IHdpdGggcHJvcGVydGllcyB2LCBhLCBhbmQgdDAsIGNvbnRhaW5pbmcgRVotZXN0aW1hdGVzIG9mIHRoZXNlIHBhcmFtZXRlcnMKICAgIHN0YXRpYyBkYXRhMmV6KHsKICAgICAgYWNjdXJhY3k6IHBDLAogICAgICBzZFJUOiBzZCwKICAgICAgbWVhblJUOiBtLAogICAgICBzCiAgICB9KSB7CiAgICAgIGZ1bmN0aW9uIHNpZ24ocikgewogICAgICAgIHJldHVybiByID4gMCA/IDEgOiByID09PSAwID8gMCA6IC0xOwogICAgICB9CiAgICAgIGZ1bmN0aW9uIGxvZ2l0KHApIHsKICAgICAgICByZXR1cm4gTWF0aC5sb2cocCAvICgxIC0gcCkpOwogICAgICB9CiAgICAgIGNvbnN0IHZydCA9IChzZCAvIDEwMDApICoqIDI7CiAgICAgIGNvbnN0IG1ydCA9IG0gLyAxMDAwOwogICAgICBjb25zdCBzMiA9IHMgKiogMjsKICAgICAgY29uc3QgbCA9IGxvZ2l0KHBDKTsKICAgICAgY29uc3QgeCA9IGwgKiAobCAqIHBDICoqIDIgLSBsICogcEMgKyBwQyAtIDAuNSkgLyB2cnQ7CiAgICAgIGNvbnN0IHYgPSBzaWduKHBDIC0gMC41KSAqIHMgKiB4ICoqICgxIC8gNCk7CiAgICAgIGNvbnN0IGEgPSBzMiAqIGxvZ2l0KHBDKSAvIHY7CiAgICAgIGNvbnN0IHkgPSAtdiAqIGEgLyBzMjsKICAgICAgY29uc3QgbWR0ID0gYSAvICgyICogdikgKiAoMSAtIE1hdGguZXhwKHkpKSAvICgxICsgTWF0aC5leHAoeSkpOwogICAgICBjb25zdCB0MCA9IG1ydCA/IG1ydCAtIG1kdCA6IG51bGw7IC8vIGNvbXB1dGUgVGVyIG9ubHkgaWYgTVJUIHdhcyBwcm92aWRlZAoKICAgICAgY29uc3QgdDBQcmltZSA9IHQwICogMTAwMDsKICAgICAgcmV0dXJuIHsKICAgICAgICB2LAogICAgICAgIGEsCiAgICAgICAgdDA6IHQwUHJpbWUsCiAgICAgICAgcwogICAgICB9OwogICAgfQogICAgc3RhdGljIGRhdGEyZXoyKCkgewogICAgICB0aHJvdyBuZXcgRXJyb3IoJ2RhdGEyZXoyIGlzIG5vdCBpbXBsZW1lbnRlZCEnKTsKICAgIH0KICB9CgogIC8vIEludGVybmFsIGRlcGVuZGVuY2llcwoKICAvKiBlc2xpbnQgbm8tcmVzdHJpY3RlZC1nbG9iYWxzOiBbIm9mZiIsICJzZWxmIl0gKi8KCiAgc2VsZi5vbm1lc3NhZ2UgPSBldmVudCA9PiB7CiAgICBjb25zdCBwYXJhbXMgPSBERE1NYXRoLmRhdGEyZXooewogICAgICAuLi5ldmVudC5kYXRhLAogICAgICBzOiBERE1NYXRoLnMKICAgIH0pOwoKICAgIC8vICMjIyMjIEFyYml0cmFyeSBkZWZhdWx0IHZhbHVlcyEhIQogICAgY29uc3QgYSA9ICFpc05hTihwYXJhbXMuYSkgPyBwYXJhbXMuYSA6IDEuNTsKICAgIGNvbnN0IHogPSAhaXNOYU4ocGFyYW1zLnopID8gcGFyYW1zLnogOiAwLjU7CiAgICBjb25zdCB2ID0gIWlzTmFOKHBhcmFtcy52KSA/IHBhcmFtcy52IDogMC4xOwogICAgY29uc3QgdDAgPSAhaXNOYU4ocGFyYW1zLnQwKSA/IHBhcmFtcy50MCA6IDEwMDsKICAgIGNvbnN0IHMgPSAhaXNOYU4ocGFyYW1zLnMpID8gcGFyYW1zLnMgOiBERE1NYXRoLnM7CiAgICBjb25zdCBwcmVkaWN0ZWQgPSB7CiAgICAgIGFjY3VyYWN5OiBERE1NYXRoLmF6djJwQyhhLCB6LCB2KSwKICAgICAgY29ycmVjdE1lYW5SVDogRERNTWF0aC5henZ0MDJtQyhhLCB6LCB2LCB0MCksCiAgICAgIGVycm9yTWVhblJUOiBERE1NYXRoLmF6dnQwMm1FKGEsIHosIHYsIHQwKSwKICAgICAgbWVhblJUOiBERE1NYXRoLmF6dnQwMm0oYSwgeiwgdiwgdDApLAogICAgICBjb3JyZWN0U0RSVDogRERNTWF0aC5henYyc2RDKGEsIHosIHYpLAogICAgICBlcnJvclNEUlQ6IERETU1hdGguYXp2MnNkRShhLCB6LCB2KSwKICAgICAgc2RSVDogRERNTWF0aC5henYyc2QoYSwgeiwgdikKICAgIH07CiAgICBzZWxmLnBvc3RNZXNzYWdlKHsKICAgICAgcGFyYW1zOiB7CiAgICAgICAgYSwKICAgICAgICB6LAogICAgICAgIHYsCiAgICAgICAgdDAsCiAgICAgICAgcwogICAgICB9LAogICAgICBwcmVkaWN0ZWQKICAgIH0pOwogIH07Cgp9KSgpOwovLyMgc291cmNlTWFwcGluZ1VSTD1kZG0tZml0LXdvcmtlci5qcy5tYXAKCg==",Qa="data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGRtLWZpdC13b3JrZXIuanMiLCJzb3VyY2VzIjpbIi4uL2FjY3VtdWxhYmxlLW1hdGgvc3JjL2RkbS1tYXRoLmpzIiwiLi4vYWNjdW11bGFibGUtbWF0aC9zcmMvaW5kZXguanMiLCJzcmMvY29tcG9uZW50cy9kZG0tZml0LXdvcmtlci5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcbi8qXG4gIERETU1hdGggU3RhdGljIENsYXNzIC0gTm90IGludGVuZGVkIGZvciBpbnN0YW50aWF0aW9uIVxuXG4gIE1vZGVsIHBhcmFtZXRlcnM6XG4gICAgYSA9IGJvdW5kYXJ5IHNlcGFyYXRpb25cbiAgICB6ID0gc3RhcnRpbmcgcG9pbnQgYXMgYSBwcm9wb3J0aW9uIG9mIGFcbiAgICB2ID0gZHJpZnQgcmF0ZSAocGVyIHNlY29uZClcbiAgICB0MCA9IG5vbi1kZWNpc2lvbiB0aW1lIChpbiBtaWxsaXNlY29uZHMpXG4gICAgcyA9IHdpdGhpbi10cmlhbCB2YXJpYWJpbGl0eSBpbiBkcmlmdCByYXRlIChzXjIgPSBpbmZpbml0ZXNpbWFsIHZhcmlhbmNlKVxuXG4gICAgelByaW1lID0gc3RhcnRpbmcgcG9pbnQgb24gYSAwLXRvLWEgc2NhbGUgKHR5cGljYWxseSB1c2VkIGluIHB1Ymxpc2hlZCBlcXVhdGlvbnMpXG5cbiAgQmVoYXZpb3JhbCB2YXJpYWJsZXM6XG4gICAgcEUgPSBwcm9wb3J0aW9uIG9mIGVycm9yIHRyaWFsc1xuICAgIHBDID0gcHJvcG9ydGlvbiBvZiBjb3JyZWN0IHRyaWFsc1xuICAgIG0gPSBtZWFuIG9mIG92ZXJhbGwgUlRzIChpbiBtaWxsaXNlY29uZHMpXG4gICAgbUUgPSBtZWFuIG9mIGVycm9yIFJUcyAoaW4gbWlsbGlzZWNvbmRzKVxuICAgIG1DID0gbWVhbiBjb3JyZWN0IFJUcyAoaW4gbWlsbGlzZWNvbmRzKVxuICAgIHNkID0gc3RhbmRhcmQgZGV2aWF0aW9uIG9mIG92ZXJhbGwgUlRzIChpbiBtaWxsaXNlY29uZHMpXG4gICAgc2RFID0gc3RhbmRhcmQgZGV2aWF0aW9uIG9mIGVycm9yIFJUcyAoaW4gbWlsbGlzZWNvbmRzKVxuICAgIHNkQyA9IHN0YW5kYXJkIGRldmlhdGlvbiBvZiBjb3JyZWN0IFJUcyAoaW4gbWlsbGlzZWNvbmRzKVxuXG4gIEVxdWF0aW9uczpcbiAgICBQcm9iYWJpbGl0eSBvZiBjb3JyZWN0IGFuZCBlcnJvciByZXNwb25zZXMgKEFsZXhhbmRyb3dpY3osIDIwMjApXG4gICAgTWVhbiBvZiBvdmVyYWxsLCBlcnJvciwgYW5kIGNvcnJlY3QgUlRzIChHcmFzbWFuIGV0IGFsLiwgMjAwOSlcbiAgICBTdGFuZGFyZCBkZXZpYXRpb24gb2Ygb3ZlcmFsbCwgZXJyb3IsIGFuZCBjb3JyZWN0IFJUcyAoR3Jhc21hbiBldCBhbC4sIDIwMDkpXG4gICAgRGVuc2l0eSBvZiBlcnJvciBhbmQgY29ycmVjdCBSVCBkaXN0cmlidXRpb25zIChBbGV4YW5kcm93aWN6LCAyMDIwKVxuICAgIEVaLWRpZmZ1c2lvbiBtb2RlbCAoV2FnZW5tYWtlcnMgZXQgYWwuLCAyMDA3KVxuKi9cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIERETU1hdGgge1xuICBzdGF0aWMgcyA9IDE7XG5cbiAgLy8gQ2FsY3VsYXRlIGEgYnVuY2ggb2Ygc3RhdGlzdGljcyBmb3IgYW4gYXJyYXkgb2YgdHJpYWxzXG4gIHN0YXRpYyB0cmlhbHMyc3RhdHModHJpYWxzKSB7XG4gICAgY29uc3Qgc3RhdHMgPSB7fTtcblxuICAgIC8vIEZpcnN0LW9yZGVyIHN1bXNcbiAgICBjb25zdCBzdW1zID0gdHJpYWxzLnJlZHVjZShcbiAgICAgIChhY2N1bXVsYXRvciwgdHJpYWwpID0+IHtcbiAgICAgICAgc3dpdGNoICh0cmlhbC5vdXRjb21lKSB7XG4gICAgICAgICAgY2FzZSAnY29ycmVjdCc6XG4gICAgICAgICAgICBhY2N1bXVsYXRvci5jb3JyZWN0Q291bnQgKz0gMTtcbiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmNvcnJlY3RSVFN1bSArPSB0cmlhbC5ydDtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmVycm9yQ291bnQgKz0gMTtcbiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmVycm9yUlRTdW0gKz0gdHJpYWwucnQ7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICBjYXNlICducic6XG4gICAgICAgICAgICBhY2N1bXVsYXRvci5uckNvdW50ICs9IDE7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgLy8gTm8tb3BcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gYWNjdW11bGF0b3I7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBjb3JyZWN0Q291bnQ6IDAsXG4gICAgICAgIGVycm9yQ291bnQ6IDAsXG4gICAgICAgIG5yQ291bnQ6IDAsXG5cbiAgICAgICAgY29ycmVjdFJUU3VtOiAwLFxuICAgICAgICBlcnJvclJUU3VtOiAwLFxuICAgICAgfSxcbiAgICApO1xuXG4gICAgLy8gRmlyc3Qtb3JkZXIgc3RhdHNcbiAgICBzdGF0cy5jb3JyZWN0Q291bnQgPSBzdW1zLmNvcnJlY3RDb3VudDtcbiAgICBzdGF0cy5lcnJvckNvdW50ID0gc3Vtcy5lcnJvckNvdW50O1xuICAgIHN0YXRzLm5yQ291bnQgPSBzdW1zLm5yQ291bnQ7XG4gICAgc3RhdHMuYWNjdXJhY3kgPSBzdW1zLmNvcnJlY3RDb3VudCAvIChzdW1zLmNvcnJlY3RDb3VudCArIHN1bXMuZXJyb3JDb3VudCArIHN1bXMubnJDb3VudCk7XG5cbiAgICBzdGF0cy5jb3JyZWN0TWVhblJUID0gc3Vtcy5jb3JyZWN0UlRTdW0gLyBzdW1zLmNvcnJlY3RDb3VudDtcbiAgICBzdGF0cy5lcnJvck1lYW5SVCA9IHN1bXMuZXJyb3JSVFN1bSAvIHN1bXMuZXJyb3JDb3VudDtcbiAgICBzdGF0cy5tZWFuUlQgPSAoc3Vtcy5jb3JyZWN0UlRTdW0gKyBzdW1zLmVycm9yUlRTdW0pIC8gKHN1bXMuY29ycmVjdENvdW50ICsgc3Vtcy5lcnJvckNvdW50KTtcblxuICAgIC8vIFNlY29uZC1vcmRlciBzdW1zXG4gICAgY29uc3Qgc3VtczIgPSB0cmlhbHMucmVkdWNlKFxuICAgICAgKGFjY3VtdWxhdG9yLCB0cmlhbCkgPT4ge1xuICAgICAgICBzd2l0Y2ggKHRyaWFsLm91dGNvbWUpIHtcbiAgICAgICAgICBjYXNlICdjb3JyZWN0JzpcbiAgICAgICAgICAgIGFjY3VtdWxhdG9yLnNzICs9ICh0cmlhbC5ydCAtIHN0YXRzLm1lYW5SVCkgKiogMjtcbiAgICAgICAgICAgIGFjY3VtdWxhdG9yLmNvcnJlY3RTUyArPSAodHJpYWwucnQgLSBzdGF0cy5jb3JyZWN0TWVhblJUKSAqKiAyO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgY2FzZSAnZXJyb3InOlxuICAgICAgICAgICAgYWNjdW11bGF0b3Iuc3MgKz0gKHRyaWFsLnJ0IC0gc3RhdHMubWVhblJUKSAqKiAyO1xuICAgICAgICAgICAgYWNjdW11bGF0b3IuZXJyb3JTUyArPSAodHJpYWwucnQgLSBzdGF0cy5lcnJvck1lYW5SVCkgKiogMjtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAvLyBOby1vcFxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBhY2N1bXVsYXRvcjtcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIHNzOiAwLFxuICAgICAgICBjb3JyZWN0U1M6IDAsXG4gICAgICAgIGVycm9yU1M6IDAsXG4gICAgICB9LFxuICAgICk7XG5cbiAgICAvLyBTZWNvbmQtb3JkZXIgc3RhdHNcbiAgICBzdGF0cy5jb3JyZWN0U0RSVCA9IChzdGF0cy5jb3JyZWN0Q291bnQgPiAxKVxuICAgICAgPyBNYXRoLnNxcnQoc3VtczIuY29ycmVjdFNTIC8gKHN0YXRzLmNvcnJlY3RDb3VudCAtIDEpKVxuICAgICAgOiBOYU47XG4gICAgc3RhdHMuZXJyb3JTRFJUID0gKHN0YXRzLmVycm9yQ291bnQgPiAxKVxuICAgICAgPyBNYXRoLnNxcnQoc3VtczIuZXJyb3JTUyAvIChzdGF0cy5lcnJvckNvdW50IC0gMSkpXG4gICAgICA6IE5hTjtcbiAgICBzdGF0cy5zZFJUID0gKHN0YXRzLmNvcnJlY3RDb3VudCArIHN0YXRzLmVycm9yQ291bnQgPiAxKVxuICAgICAgPyBNYXRoLnNxcnQoc3VtczIuc3MgLyAoc3RhdHMuY29ycmVjdENvdW50ICsgc3RhdHMuZXJyb3JDb3VudCAtIDEpKVxuICAgICAgOiBOYU47XG5cbiAgICByZXR1cm4gc3RhdHM7XG4gIH1cblxuICAvLyBQcm9iYWJpbGl0eSBvZiBhbiBFcnJvciBSZXNwb25zZVxuICBzdGF0aWMgYXp2MnBFKGEsIHosIHYsIHMgPSBERE1NYXRoLnMpIHtcbiAgICBjb25zdCB6UHJpbWUgPSBhICogejtcblxuICAgIGNvbnN0IEEgPSBNYXRoLmV4cCgoLTIgKiB2ICogYSkgLyBzICoqIDIpO1xuICAgIGNvbnN0IFogPSBNYXRoLmV4cCgoLTIgKiB2ICogelByaW1lKSAvIHMgKiogMik7XG5cbiAgICByZXR1cm4gKEEgLSBaKSAvIChBIC0gMSk7XG4gIH1cblxuICAvLyBQcm9iYWJpbGl0eSBvZiBhIENvcnJlY3QgUmVzcG9uc2VcbiAgc3RhdGljIGF6djJwQyhhLCB6LCB2LCBzID0gRERNTWF0aC5zKSB7XG4gICAgcmV0dXJuIERETU1hdGguYXp2MnBFKGEsIDEgLSB6LCAtdiwgcyk7XG4gIH1cblxuICAvLyBNZWFuIE92ZXJhbGwgUlRcbiAgLy8gRXF1YXRpb24gNSAoR3Jhc21hbiBldCBhbC4sIDIwMDkpXG4gIHN0YXRpYyBhenZ0MDJtKGEsIHosIHYsIHQwLCBzID0gRERNTWF0aC5zKSB7XG4gICAgY29uc3QgelByaW1lID0gYSAqIHo7XG4gICAgY29uc3QgQSA9IE1hdGguZXhwKCgtMiAqIHYgKiBhKSAvIHMgKiogMikgLSAxO1xuICAgIGNvbnN0IFogPSBNYXRoLmV4cCgoLTIgKiB2ICogelByaW1lKSAvIHMgKiogMikgLSAxO1xuXG4gICAgY29uc3QgbWVhbiA9IC0oelByaW1lIC8gdikgKyAoYSAvIHYpICogKFogLyBBKTtcbiAgICByZXR1cm4gdDAgKyBtZWFuICogMTAwMDtcbiAgfVxuXG4gIC8vIFNEIE92ZXJhbGwgUlRcbiAgLy8gRXF1YXRpb24gNiAoR3Jhc21hbiBldCBhbC4sIDIwMDkpXG4gIHN0YXRpYyBhenYyc2QoYSwgeiwgdiwgcyA9IERETU1hdGgucykge1xuICAgIGNvbnN0IHpQcmltZSA9IGEgKiB6O1xuICAgIGNvbnN0IEEgPSBNYXRoLmV4cCgoLTIgKiB2ICogYSkgLyBzICoqIDIpIC0gMTtcbiAgICBjb25zdCBaID0gTWF0aC5leHAoKC0yICogdiAqIHpQcmltZSkgLyBzICoqIDIpIC0gMTtcblxuICAgIGNvbnN0IHZhcmlhbmNlID0gKFxuICAgICAgKFxuICAgICAgICAoLXYgKiBhICoqIDIgKiAoWiArIDQpICogWikgLyBBICoqIDJcbiAgICAgICkgKyAoXG4gICAgICAgICgoLTMgKiB2ICogYSAqKiAyICsgNCAqIHYgKiB6UHJpbWUgKiBhICsgcyAqKiAyICogYSkgKiBaICsgNCAqIHYgKiB6UHJpbWUgKiBhKSAvIEFcbiAgICAgICkgLSAoXG4gICAgICAgIHMgKiogMiAqIHpQcmltZVxuICAgICAgKVxuICAgICkgLyB2ICoqIDM7XG5cbiAgICByZXR1cm4gTWF0aC5zcXJ0KHZhcmlhbmNlKSAqIDEwMDA7XG4gIH1cblxuICAvLyBNZWFuIEVycm9yIFJUXG4gIC8vIEVxdWF0aW9uIDEzIChHcmFzbWFuIGV0IGFsLiwgMjAwOSlcbiAgc3RhdGljIGF6dnQwMm1FKGEsIHosIHYsIHQwLCBzID0gRERNTWF0aC5zKSB7XG4gICAgZnVuY3Rpb24gcGhpKHgsIHkpIHtcbiAgICAgIHJldHVybiBNYXRoLmV4cCgoMiAqIHYgKiB5KSAvIChzICoqIDIpKSAtIE1hdGguZXhwKCgyICogdiAqIHgpIC8gKHMgKiogMikpO1xuICAgIH1cbiAgICBjb25zdCB6UHJpbWUgPSBhICogejtcblxuICAgIGNvbnN0IG1lYW4gPSAoelByaW1lICogKHBoaSh6UHJpbWUgLSBhLCBhKSArIHBoaSgwLCB6UHJpbWUpKSArIDIgKiBhICogcGhpKHpQcmltZSwgMCkpXG4gICAgICAvICh2ICogcGhpKHpQcmltZSwgYSkgKiBwaGkoLWEsIDApKTtcbiAgICByZXR1cm4gdDAgKyBtZWFuICogMTAwMDtcbiAgfVxuXG4gIC8vIFNEIEVycm9yIFJUXG4gIC8vIEVxdWF0aW9uIDE0IChHcmFzbWFuIGV0IGFsLiwgMjAwOSlcbiAgc3RhdGljIGF6djJzZEUoYSwgeiwgdiwgcyA9IERETU1hdGgucykge1xuICAgIGZ1bmN0aW9uIHBoaSh4LCB5KSB7XG4gICAgICByZXR1cm4gTWF0aC5leHAoKDIgKiB2ICogeSkgLyAocyAqKiAyKSkgLSBNYXRoLmV4cCgoMiAqIHYgKiB4KSAvIChzICoqIDIpKTtcbiAgICB9XG4gICAgY29uc3QgelByaW1lID0gYSAqIHo7XG5cbiAgICBjb25zdCB2YXJpYW5jZSA9IChcbiAgICAgIChcbiAgICAgICAgLTIgKiBhICogcGhpKDAsIHpQcmltZSlcbiAgICAgICAgKiAoKDIgKiB2ICogYSAqIHBoaSh6UHJpbWUsIDIgKiBhKSkgKyAocyAqKiAyICogcGhpKDAsIGEpICogcGhpKHpQcmltZSwgYSkpKVxuICAgICAgICAqIE1hdGguZXhwKCgyICogdiAqIGEpIC8gcyAqKiAyKVxuICAgICAgKSAvIChcbiAgICAgICAgdiAqKiAzICogcGhpKDAsIGEpICoqIDIgKiBwaGkoelByaW1lLCBhKSAqKiAyXG4gICAgICApXG4gICAgKSArIChcbiAgICAgIChcbiAgICAgICAgNCAqIHYgKiB6UHJpbWUgKiAoMiAqIGEgLSB6UHJpbWUpICogTWF0aC5leHAoKDIgKiB2ICogKHpQcmltZSArIGEpKSAvIHMgKiogMilcbiAgICAgICAgKyB6UHJpbWUgKiBzICoqIDIgKiBwaGkoMiAqIHpQcmltZSwgMiAqIGEpXG4gICAgICApIC8gKFxuICAgICAgICB2ICoqIDMgKiBwaGkoelByaW1lLCBhKSAqKiAyXG4gICAgICApXG4gICAgKTtcblxuICAgIHJldHVybiBNYXRoLnNxcnQodmFyaWFuY2UpICogMTAwMDtcbiAgfVxuXG4gIC8vIE1lYW4gQ29ycmVjdCBSVFxuICBzdGF0aWMgYXp2dDAybUMoYSwgeiwgdiwgdDAsIHMgPSBERE1NYXRoLnMpIHtcbiAgICByZXR1cm4gRERNTWF0aC5henZ0MDJtRShhLCAxIC0geiwgLXYsIHQwLCBzKTtcbiAgfVxuXG4gIC8vIFNEIENvcnJlY3QgUlRcbiAgc3RhdGljIGF6djJzZEMoYSwgeiwgdiwgcyA9IERETU1hdGgucykge1xuICAgIHJldHVybiBERE1NYXRoLmF6djJzZEUoYSwgMSAtIHosIC12LCBzKTtcbiAgfVxuXG4gIC8vIERlbnNpdHkgb2YgRXJyb3IgUlRcbiAgc3RhdGljIHRhenYyZ0UodCwgYSwgeiwgdiwgcyA9IERETU1hdGgucykge1xuICAgIGlmICghdCkgcmV0dXJuIDA7XG5cbiAgICBjb25zdCB6UHJpbWUgPSBhICogejtcbiAgICBjb25zdCBiYXNlID0gKChNYXRoLlBJICogcyAqKiAyKSAvIGEgKiogMikgKiBNYXRoLmV4cCgoLXpQcmltZSAqIHYpIC8gcyAqKiAyKTtcblxuICAgIGxldCBrID0gMDtcbiAgICBsZXQgdGVybSA9IDA7XG4gICAgbGV0IHN1bSA9IDA7XG4gICAgZG8ge1xuICAgICAgayArPSAxO1xuXG4gICAgICB0ZXJtID0ga1xuICAgICAgICAqIE1hdGguc2luKChNYXRoLlBJICogelByaW1lICogaykgLyBhKVxuICAgICAgICAqIE1hdGguZXhwKC0wLjUgKiAoKHYgKiogMiAvIHMgKiogMikgKyAoKE1hdGguUEkgKiogMiAqIGsgKiogMiAqIHMgKiogMikgLyBhICoqIDIpKSAqIHQpO1xuXG4gICAgICBzdW0gKz0gdGVybTtcbiAgICB9IHdoaWxlIChrIDwgMjAwKTsgLy8gPz8gSEFDS1xuXG4gICAgcmV0dXJuIGJhc2UgKiBzdW07XG4gIH1cblxuICAvLyBEZW5zaXR5IG9mIENvcnJlY3QgUlRcbiAgc3RhdGljIHRhenYyZ0ModCwgYSwgeiwgdiwgcyA9IERETU1hdGgucykge1xuICAgIHJldHVybiBERE1NYXRoLnRhenYyZ0UodCwgYSwgMSAtIHosIC12LCBzKTtcbiAgfVxuXG4gIC8vIEFkYXB0ZWQgZnJvbSBodHRwczovL3Jhb3VsLnNvY3NjaS51dmEubmwvRVoyL0VaMl9uZXcuaHRtbFxuICAvLyBFWi1mdW5jdGlvbiBmb3Igc3RhcnRpbmcgdmFsdWVzXG4gIC8vIGlucHV0OiBvYmogLSBPYmplY3Qgd2l0aCBwcm9wZXJ0aWVzXG4gIC8vICAgIHBDIC0gUHJvcG9ydGlvbiBjb3JyZWN0XG4gIC8vICAgIHNkIC0gc2FtcGxlIHN0YW5kYXJkIGRldmlhdGlvbiBvZiB0aGUgUlQncyBpbiBtc1xuICAvLyAgICBtIC0gc2FtcGxlIG1lYW4gb2YgdGhlIFJUJ3MgaW4gbXNcbiAgLy8gICAgcyAtIGRpZmZ1c2lvbiBzdGFuZGFyZCBkZXZpYXRpb25cbiAgLy8gcmV0dXJuczogT2JqZWN0IHdpdGggcHJvcGVydGllcyB2LCBhLCBhbmQgdDAsIGNvbnRhaW5pbmcgRVotZXN0aW1hdGVzIG9mIHRoZXNlIHBhcmFtZXRlcnNcbiAgc3RhdGljIGRhdGEyZXooe1xuICAgIGFjY3VyYWN5OiBwQyxcbiAgICBzZFJUOiBzZCxcbiAgICBtZWFuUlQ6IG0sXG4gICAgcyxcbiAgfSkge1xuICAgIGZ1bmN0aW9uIHNpZ24ocikge1xuICAgICAgcmV0dXJuICgociA+IDApID8gMSA6ICgociA9PT0gMCkgPyAwIDogLTEpKTtcbiAgICB9XG5cbiAgICBmdW5jdGlvbiBsb2dpdChwKSB7XG4gICAgICByZXR1cm4gTWF0aC5sb2cocCAvICgxIC0gcCkpO1xuICAgIH1cblxuICAgIGNvbnN0IHZydCA9IChzZCAvIDEwMDApICoqIDI7XG4gICAgY29uc3QgbXJ0ID0gbSAvIDEwMDA7XG5cbiAgICBjb25zdCBzMiA9IHMgKiogMjtcbiAgICBjb25zdCBsID0gbG9naXQocEMpO1xuICAgIGNvbnN0IHggPSAobCAqIChsICogcEMgKiogMiAtIGwgKiBwQyArIHBDIC0gMC41KSkgLyB2cnQ7XG4gICAgY29uc3QgdiA9IHNpZ24ocEMgLSAwLjUpICogcyAqIHggKiogKDEgLyA0KTtcbiAgICBjb25zdCBhID0gKHMyICogbG9naXQocEMpKSAvIHY7XG4gICAgY29uc3QgeSA9ICgtdiAqIGEpIC8gczI7XG4gICAgY29uc3QgbWR0ID0gKChhIC8gKDIgKiB2KSkgKiAoMSAtIE1hdGguZXhwKHkpKSkgLyAoMSArIE1hdGguZXhwKHkpKTtcbiAgICBjb25zdCB0MCA9IChtcnQgPyBtcnQgLSBtZHQgOiBudWxsKTsgLy8gY29tcHV0ZSBUZXIgb25seSBpZiBNUlQgd2FzIHByb3ZpZGVkXG5cbiAgICBjb25zdCB0MFByaW1lID0gdDAgKiAxMDAwO1xuICAgIHJldHVybiB7XG4gICAgICB2LFxuICAgICAgYSxcbiAgICAgIHQwOiB0MFByaW1lLFxuICAgICAgcyxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGRhdGEyZXoyKCkge1xuICAgIHRocm93IG5ldyBFcnJvcignZGF0YTJlejIgaXMgbm90IGltcGxlbWVudGVkIScpO1xuICB9XG59XG4iLCJcbi8vIEludGVybmFsIGRlcGVuZGVuY2llc1xuaW1wb3J0IERETU1hdGggZnJvbSAnLi9kZG0tbWF0aCc7XG5cbmV4cG9ydCBkZWZhdWx0IERETU1hdGg7XG4iLCIvKiBlc2xpbnQgbm8tcmVzdHJpY3RlZC1nbG9iYWxzOiBbXCJvZmZcIiwgXCJzZWxmXCJdICovXG5cbmltcG9ydCBERE1NYXRoIGZyb20gJ0BkZWNpZGFibGVzL2FjY3VtdWxhYmxlLW1hdGgnO1xuXG5zZWxmLm9ubWVzc2FnZSA9IChldmVudCkgPT4ge1xuICBjb25zdCBwYXJhbXMgPSBERE1NYXRoLmRhdGEyZXooey4uLmV2ZW50LmRhdGEsIHM6IERETU1hdGguc30pO1xuXG4gIC8vICMjIyMjIEFyYml0cmFyeSBkZWZhdWx0IHZhbHVlcyEhIVxuICBjb25zdCBhID0gIWlzTmFOKHBhcmFtcy5hKSA/IHBhcmFtcy5hIDogMS41O1xuICBjb25zdCB6ID0gIWlzTmFOKHBhcmFtcy56KSA/IHBhcmFtcy56IDogMC41O1xuICBjb25zdCB2ID0gIWlzTmFOKHBhcmFtcy52KSA/IHBhcmFtcy52IDogMC4xO1xuICBjb25zdCB0MCA9ICFpc05hTihwYXJhbXMudDApID8gcGFyYW1zLnQwIDogMTAwO1xuICBjb25zdCBzID0gIWlzTmFOKHBhcmFtcy5zKSA/IHBhcmFtcy5zIDogRERNTWF0aC5zO1xuXG4gIGNvbnN0IHByZWRpY3RlZCA9IHtcbiAgICBhY2N1cmFjeTogRERNTWF0aC5henYycEMoYSwgeiwgdiksXG4gICAgY29ycmVjdE1lYW5SVDogRERNTWF0aC5henZ0MDJtQyhhLCB6LCB2LCB0MCksXG4gICAgZXJyb3JNZWFuUlQ6IERETU1hdGguYXp2dDAybUUoYSwgeiwgdiwgdDApLFxuICAgIG1lYW5SVDogRERNTWF0aC5henZ0MDJtKGEsIHosIHYsIHQwKSxcbiAgICBjb3JyZWN0U0RSVDogRERNTWF0aC5henYyc2RDKGEsIHosIHYpLFxuICAgIGVycm9yU0RSVDogRERNTWF0aC5henYyc2RFKGEsIHosIHYpLFxuICAgIHNkUlQ6IERETU1hdGguYXp2MnNkKGEsIHosIHYpLFxuICB9O1xuXG4gIHNlbGYucG9zdE1lc3NhZ2Uoe1xuICAgIHBhcmFtczoge1xuICAgICAgYSwgeiwgdiwgdDAsIHMsXG4gICAgfSxcbiAgICBwcmVkaWN0ZWQsXG4gIH0pO1xufTtcbiJdLCJuYW1lcyI6WyJERE1NYXRoIiwicyIsInRyaWFsczJzdGF0cyIsInRyaWFscyIsInN0YXRzIiwic3VtcyIsInJlZHVjZSIsImFjY3VtdWxhdG9yIiwidHJpYWwiLCJvdXRjb21lIiwiY29ycmVjdENvdW50IiwiY29ycmVjdFJUU3VtIiwicnQiLCJlcnJvckNvdW50IiwiZXJyb3JSVFN1bSIsIm5yQ291bnQiLCJhY2N1cmFjeSIsImNvcnJlY3RNZWFuUlQiLCJlcnJvck1lYW5SVCIsIm1lYW5SVCIsInN1bXMyIiwic3MiLCJjb3JyZWN0U1MiLCJlcnJvclNTIiwiY29ycmVjdFNEUlQiLCJNYXRoIiwic3FydCIsIk5hTiIsImVycm9yU0RSVCIsInNkUlQiLCJhenYycEUiLCJhIiwieiIsInYiLCJ6UHJpbWUiLCJBIiwiZXhwIiwiWiIsImF6djJwQyIsImF6dnQwMm0iLCJ0MCIsIm1lYW4iLCJhenYyc2QiLCJ2YXJpYW5jZSIsImF6dnQwMm1FIiwicGhpIiwieCIsInkiLCJhenYyc2RFIiwiYXp2dDAybUMiLCJhenYyc2RDIiwidGF6djJnRSIsInQiLCJiYXNlIiwiUEkiLCJrIiwidGVybSIsInN1bSIsInNpbiIsInRhenYyZ0MiLCJkYXRhMmV6IiwicEMiLCJzZCIsIm0iLCJzaWduIiwiciIsImxvZ2l0IiwicCIsImxvZyIsInZydCIsIm1ydCIsInMyIiwibCIsIm1kdCIsInQwUHJpbWUiLCJkYXRhMmV6MiIsIkVycm9yIiwic2VsZiIsIm9ubWVzc2FnZSIsImV2ZW50IiwicGFyYW1zIiwiZGF0YSIsImlzTmFOIiwicHJlZGljdGVkIiwicG9zdE1lc3NhZ2UiXSwibWFwcGluZ3MiOiI7OztFQUNBO0VBQ0E7QUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQUNBO0VBQ0E7QUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDZSxNQUFNQSxPQUFPLENBQUM7SUFDM0IsT0FBT0MsQ0FBQyxHQUFHLENBQUMsQ0FBQTs7RUFFWjtJQUNBLE9BQU9DLFlBQVlBLENBQUNDLE1BQU0sRUFBRTtNQUMxQixNQUFNQyxLQUFLLEdBQUcsRUFBRSxDQUFBOztFQUVoQjtNQUNBLE1BQU1DLElBQUksR0FBR0YsTUFBTSxDQUFDRyxNQUFNLENBQ3hCLENBQUNDLFdBQVcsRUFBRUMsS0FBSyxLQUFLO1FBQ3RCLFFBQVFBLEtBQUssQ0FBQ0MsT0FBTztFQUNuQixRQUFBLEtBQUssU0FBUztZQUNaRixXQUFXLENBQUNHLFlBQVksSUFBSSxDQUFDLENBQUE7RUFDN0JILFVBQUFBLFdBQVcsQ0FB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",function(t){return ya=ya||ma(ba,Qa),new Worker(ya,t)});class Ua extends da{static get properties(){return{}}constructor(){super(),this.a=1.2,this.z=.35,this.v=1.5,this.t0=150,this.observed={},this.predicted={},this.working=!1,this.queued=!1,this.worker=new Ba,this.worker.onmessage=t=>{this.working=!1,this.predicted=t.data.predicted,this.a=t.data.params.a,this.z=t.data.params.z,this.v=t.data.params.v,this.t0=t.data.params.t0,this.requestUpdate(),this.dispatchEvent(new CustomEvent("ddm-fit-update",{detail:{a:this.a,z:this.z,v:this.v,t0:this.t0},bubbles:!0})),this.queued&&this.fit()},this.fit()}fit(){this.working?this.queued=!0:(this.worker.postMessage(this.observed),this.working=!0,this.queued=!1)}clear(){this.observed={},this.fit()}set(t){this.observed=structuredClone(t),this.fit()}static get styles(){return[super.styles,n`
|
|
1232
|
+
:host {
|
|
1233
|
+
display: inline-block;
|
|
1234
|
+
}
|
|
1235
|
+
`]}render(){return W`
|
|
1236
|
+
<div>
|
|
1237
|
+
<div><b>Observed:</b>
|
|
1238
|
+
<br/>Accuracy = ${this.observed.accuracy?.toFixed(2)},
|
|
1239
|
+
<br/>Correct Mean RT = ${this.observed.correctMeanRT?.toFixed(0)},
|
|
1240
|
+
Error Mean RT = ${this.observed.errorMeanRT?.toFixed(0)},
|
|
1241
|
+
Mean RT = ${this.observed.meanRT?.toFixed(0)},
|
|
1242
|
+
<br/>Correct SD RT = ${this.observed.correctSDRT?.toFixed(0)},
|
|
1243
|
+
Error SD RT = ${this.observed.errorSDRT?.toFixed(0)},
|
|
1244
|
+
SD RT = ${this.observed.sdRT?.toFixed(0)},
|
|
1245
|
+
</div>
|
|
1246
|
+
<div><b>Parameters:</b>
|
|
1247
|
+
<br/><var class="math-var a">a</var> = ${this.a.toFixed(2)},
|
|
1248
|
+
<var class="math-var z">z</var> = ${this.z.toFixed(2)},
|
|
1249
|
+
<var class="math-var v">v</var> = ${this.v.toFixed(2)},
|
|
1250
|
+
<var class="math-var t0">t0</var> = ${this.t0.toFixed(0)}
|
|
1251
|
+
</div>
|
|
1252
|
+
<div><b>Predicted:</b>
|
|
1253
|
+
<br/>Accuracy = ${this.predicted.accuracy?.toFixed(2)},
|
|
1254
|
+
<br/>Correct Mean RT = ${this.predicted.correctMeanRT?.toFixed(0)},
|
|
1255
|
+
Error Mean RT = ${this.predicted.errorMeanRT?.toFixed(0)},
|
|
1256
|
+
Mean RT = ${this.predicted.meanRT?.toFixed(0)},
|
|
1257
|
+
<br/>Correct SD RT = ${this.predicted.correctSDRT?.toFixed(0)},
|
|
1258
|
+
Error SD RT = ${this.predicted.errorSDRT?.toFixed(0)},
|
|
1259
|
+
SD RT = ${this.predicted.sdRT?.toFixed(0)},
|
|
1260
|
+
</div>
|
|
1261
|
+
</div>
|
|
1262
|
+
`}}customElements.define("ddm-fit",Ua);class fa extends da{static get properties(){return{a:{attribute:"boundary-separation",type:Number,reflect:!0},z:{attribute:"starting-point",type:Number,reflect:!0},v:{attribute:"drift-rate",type:Number,reflect:!0},t0:{attribute:"nondecision-time",type:Number,reflect:!0}}}constructor(){super(),this.a=void 0,this.z=void 0,this.v=void 0,this.t0=void 0}setBoundarySeparation(t){this.a=+t.target.value,this.dispatchEvent(new CustomEvent("ddm-parameters-a",{detail:{a:this.a},bubbles:!0}))}setStartingPoint(t){this.z=+t.target.value,this.dispatchEvent(new CustomEvent("ddm-parameters-z",{detail:{z:this.z},bubbles:!0}))}setDriftRate(t){this.v=+t.target.value,this.dispatchEvent(new CustomEvent("ddm-parameters-v",{detail:{v:this.v},bubbles:!0}))}setNondecisionTime(t){this.t0=+t.target.value,this.dispatchEvent(new CustomEvent("ddm-parameters-t0",{detail:{t0:this.t0},bubbles:!0}))}static get styles(){return[super.styles,n`
|
|
1263
|
+
:host {
|
|
1264
|
+
display: inline-block;
|
|
1265
|
+
}
|
|
1266
|
+
|
|
1267
|
+
.holder {
|
|
1268
|
+
display: flex;
|
|
1269
|
+
|
|
1270
|
+
flex-direction: row;
|
|
1271
|
+
|
|
1272
|
+
align-items: stretch;
|
|
1273
|
+
justify-content: center;
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
decidables-slider {
|
|
1277
|
+
line-height: 1;
|
|
1278
|
+
text-align: center;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
decidables-slider div {
|
|
1282
|
+
margin-bottom: 0.25rem;
|
|
1283
|
+
}
|
|
1284
|
+
`]}render(){return W`
|
|
1285
|
+
<div class="holder">
|
|
1286
|
+
${null!=this.a?W`<decidables-slider class="a" ?disabled=${!this.interactive} min="0.01" max="2" step="0.01" .value=${+this.a.toFixed(2)} @change=${this.setBoundarySeparation.bind(this)} @input=${this.setBoundarySeparation.bind(this)}><div>Boundary Separation<br><span class="math-var">a</span></div></decidables-slider>`:W``}
|
|
1287
|
+
${null!=this.z?W`<decidables-slider class="z" ?disabled=${!this.interactive} min="0.01" max="0.99" step="0.01" .value=${+this.z.toFixed(2)} @change=${this.setStartingPoint.bind(this)} @input=${this.setStartingPoint.bind(this)}><div>Starting Point<br><span class="math-var">z</span></div></decidables-slider>`:W``}
|
|
1288
|
+
${null!=this.v?W`<decidables-slider class="v" ?disabled=${!this.interactive} min="0.01" max="5" step="0.01" .value=${+this.v.toFixed(2)} @change=${this.setDriftRate.bind(this)} @input=${this.setDriftRate.bind(this)}><div>Drift Rate<br><span class="math-var">v</span></div></decidables-slider>`:W``}
|
|
1289
|
+
${null!=this.t0?W`<decidables-slider class="t0" ?disabled=${!this.interactive} min="0" max="500" step="1" .value=${+this.t0.toFixed(0)} @change=${this.setNondecisionTime.bind(this)} @input=${this.setNondecisionTime.bind(this)}><div>Nondecision Time<br><span class="math-var">t₀</span></div></decidables-slider>`:W``}
|
|
1290
|
+
</div>`}}customElements.define("ddm-parameters",fa);class Ia extends(ca(da)){static get properties(){return{measures:{attribute:"measures",type:Boolean,reflect:!0},means:{attribute:"means",type:Boolean,reflect:!0},sds:{attribute:"sds",type:Boolean,reflect:!0},human:{attribute:"human",type:Boolean,reflect:!0},trials:{attribute:"trials",type:Number,reflect:!0},seed:{attribute:"seed",type:Number,reflect:!0},a:{attribute:"boundary-separation",type:Number,reflect:!0},z:{attribute:"starting-point",type:Number,reflect:!0},v:{attribute:"drift-rate",type:Number,reflect:!0},t0:{attribute:"nondecision-time",type:Number,reflect:!0}}}constructor(){super(),this.firstUpdate=!0,this.drag=!1,this.scale={time:{min:0,max:1e3,step:1,round:Math.round},evidence:{min:-1,max:1,step:.01,round:Math.round},density:{min:0,max:10,step:.01,round:Math.round}},this.measures=!1,this.means=!1,this.sds=!1,this.resample(),this.human=!1,this.trials=10,this.a=1.2,this.z=.35,this.v=1.5,this.t0=150,this.precision=.005,this.random=null,this.bounds=null,this.startingPoint=null,this.data={},this.model={},this.animate=!1,this.paused=!1,this.alignState()}clear(){this.trials=0,this.data.trials=[]}trial(t={}){this.trials+=1,this.human?this.data.trials.push(t):this.animate=!0}pauseTrial(){Ze(this.renderRoot).select(".path[data-new-trial-ease-time]").interrupt("new").select(".curve").interrupt("new"),this.paused=!0}resumeTrial(){this.paused=!1,this.requestUpdate()}resample(){this.seed=Hr(0,1)()}alignPath(t,e,i,s,r){const a=$r.source(Vr(t))(0,this.precision**.5),n=-e/2,o=e/2,l=e*i-e/2,c=s*this.precision,d=[];for(d.push({t:r,e:l});d.at(-1).e>n&&d.at(-1).e<o;)d.push({t:d.at(-1).t+1e3*this.precision,e:d.at(-1).e+c+ua.s*a()});return d}alignCorrectDistribution(t,e,i,s){const r=ua.azv2pC(t,e,i),a=[{t:0,d:0},{t:this.t0,d:0}];for(let n=this.scale.time.min;n<=this.scale.time.max-s;n+=this.scale.time.step)n>0&&a.push({t:s+n,d:ua.tazv2gC(n/1e3,t,e,i)/r});return a}alignErrorDistribution(t,e,i,s){const r=ua.azv2pE(t,e,i),a=[{t:0,d:0},{t:this.t0,d:0}];for(let n=this.scale.time.min;n<=this.scale.time.max-s;n+=this.scale.time.step)n>0&&a.push({t:s+n,d:ua.tazv2gE(n/1e3,t,e,i)/r});return a}alignState(){this.random=Hr.source(Vr(this.seed))(0,1),this.bounds={lower:-this.a/2,upper:this.a/2},this.startingPoint=this.a*this.z-this.a/2,this.human?this.trials=this.data.trials.length:this.data.trials=Array.from({length:this.trials},((t,e)=>{const i=this.random()/1e3*997,s=this.animate&&e===this.trials-1,r=this.alignPath(i,this.a,this.z,this.v,this.t0),a=r.at(-1).e<=this.bounds.lower?"error":r.at(-1).e>=this.bounds.upper?"correct":"nr",n="error"===a?r.at(-2).t+(this.bounds.lower-r.at(-2).e)/(r.at(-1).e-r.at(-2).e)*(1e3*this.precision):"correct"===a?r.at(-2).t+(this.bounds.upper-r.at(-2).e)/(r.at(-1).e-r.at(-2).e)*(1e3*this.precision):null;return{index:e,seed:i,path:r,rt:n,outcome:a,animate:s}}));const t=ua.trials2stats(this.data.trials.filter((t=>!t.animate)));this.data={...this.data,...t},this.model.accuracy=ua.azv2pC(this.a,this.z,this.v),this.model.correctMeanRT=ua.azvt02mC(this.a,this.z,this.v,this.t0),this.model.errorMeanRT=ua.azvt02mE(this.a,this.z,this.v,this.t0),this.model.correctSDRT=ua.azv2sdC(this.a,this.z,this.v),this.model.errorSDRT=ua.azv2sdE(this.a,this.z,this.v),this.model.correctDist=this.alignCorrectDistribution(this.a,this.z,this.v,this.t0),this.model.errorDist=this.alignErrorDistribution(this.a,this.z,this.v,this.t0),this.dispatchEvent(new CustomEvent("ddm-model-output",{detail:{data:this.data,model:this.model},bubbles:!0}))}static get styles(){return[super.styles,n`
|
|
1291
|
+
:host {
|
|
1292
|
+
display: inline-block;
|
|
1293
|
+
|
|
1294
|
+
width: 27rem;
|
|
1295
|
+
height: 18rem;
|
|
1296
|
+
}
|
|
1297
|
+
|
|
1298
|
+
.main {
|
|
1299
|
+
width: 100%;
|
|
1300
|
+
height: 100%;
|
|
1301
|
+
}
|
|
1302
|
+
|
|
1303
|
+
text {
|
|
1304
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1305
|
+
-webkit-user-select: none;
|
|
1306
|
+
-moz-user-select: none;
|
|
1307
|
+
-ms-user-select: none;
|
|
1308
|
+
user-select: none;
|
|
1309
|
+
}
|
|
1310
|
+
|
|
1311
|
+
/*
|
|
1312
|
+
UNDERLAYER
|
|
1313
|
+
*/
|
|
1314
|
+
.background {
|
|
1315
|
+
fill: var(---color-element-background);
|
|
1316
|
+
stroke: none;
|
|
1317
|
+
stroke-width: 1;
|
|
1318
|
+
shape-rendering: crispEdges;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
.title {
|
|
1322
|
+
font-weight: 600;
|
|
1323
|
+
|
|
1324
|
+
fill: currentColor;
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1327
|
+
.axis path,
|
|
1328
|
+
.axis line {
|
|
1329
|
+
stroke: var(---color-element-border);
|
|
1330
|
+
/* shape-rendering: crispEdges; */
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
.tick {
|
|
1334
|
+
font-size: 0.75rem;
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1337
|
+
/*
|
|
1338
|
+
CONTENT
|
|
1339
|
+
*/
|
|
1340
|
+
.line {
|
|
1341
|
+
fill: none;
|
|
1342
|
+
stroke: var(---color-element-emphasis);
|
|
1343
|
+
stroke-width: 2;
|
|
1344
|
+
}
|
|
1345
|
+
|
|
1346
|
+
.curve {
|
|
1347
|
+
stroke-width: 2;
|
|
1348
|
+
}
|
|
1349
|
+
|
|
1350
|
+
.path .curve {
|
|
1351
|
+
opacity: 0.5;
|
|
1352
|
+
|
|
1353
|
+
fill: none;
|
|
1354
|
+
|
|
1355
|
+
transition: opacity 0.5s;
|
|
1356
|
+
}
|
|
1357
|
+
|
|
1358
|
+
.path.highlight .curve {
|
|
1359
|
+
filter: url("#shadow-2");
|
|
1360
|
+
opacity: 1;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
.path.correct .curve {
|
|
1364
|
+
/* stroke: var(---color-correct); */
|
|
1365
|
+
}
|
|
1366
|
+
|
|
1367
|
+
.path.error .curve {
|
|
1368
|
+
/* stroke: var(---color-error); */
|
|
1369
|
+
}
|
|
1370
|
+
|
|
1371
|
+
.stop-0 {
|
|
1372
|
+
stop-color: var(---color-correct);
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
.stop-100 {
|
|
1376
|
+
stop-color: var(---color-error);
|
|
1377
|
+
}
|
|
1378
|
+
|
|
1379
|
+
.path.animate .curve {
|
|
1380
|
+
opacity: 1;
|
|
1381
|
+
|
|
1382
|
+
stroke: url("#path-animate");
|
|
1383
|
+
}
|
|
1384
|
+
|
|
1385
|
+
.dist.correct .curve {
|
|
1386
|
+
fill: var(---color-correct-light);
|
|
1387
|
+
stroke: var(---color-correct);
|
|
1388
|
+
}
|
|
1389
|
+
|
|
1390
|
+
.dist.error .curve {
|
|
1391
|
+
fill: var(---color-error-light);
|
|
1392
|
+
stroke: var(---color-error);
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1395
|
+
.rt .mark {
|
|
1396
|
+
stroke-width: 1;
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
.accuracy.model .bar {
|
|
1400
|
+
stroke: none;
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
.accuracy.model.correct .bar {
|
|
1404
|
+
fill: var(---color-correct);
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.accuracy.model.error .bar {
|
|
1408
|
+
fill: var(---color-error);
|
|
1409
|
+
}
|
|
1410
|
+
|
|
1411
|
+
.accuracy.data .mark {
|
|
1412
|
+
stroke-width: 2;
|
|
1413
|
+
}
|
|
1414
|
+
|
|
1415
|
+
.accuracy.data.correct .mark {
|
|
1416
|
+
stroke: var(---color-correct-light);
|
|
1417
|
+
}
|
|
1418
|
+
|
|
1419
|
+
.accuracy.data.error .mark {
|
|
1420
|
+
stroke: var(---color-error-light);
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1423
|
+
/*
|
|
1424
|
+
OVERLAYER
|
|
1425
|
+
*/
|
|
1426
|
+
.interactive {
|
|
1427
|
+
filter: url("#shadow-2");
|
|
1428
|
+
outline: none;
|
|
1429
|
+
}
|
|
1430
|
+
|
|
1431
|
+
.interactive:hover {
|
|
1432
|
+
filter: url("#shadow-4");
|
|
1433
|
+
}
|
|
1434
|
+
|
|
1435
|
+
.interactive:active {
|
|
1436
|
+
filter: url("#shadow-8");
|
|
1437
|
+
}
|
|
1438
|
+
|
|
1439
|
+
:host(.keyboard) .interactive:focus {
|
|
1440
|
+
filter: url("#shadow-8");
|
|
1441
|
+
}
|
|
1442
|
+
|
|
1443
|
+
.boundary {
|
|
1444
|
+
fill: none;
|
|
1445
|
+
stroke: var(---color-element-emphasis);
|
|
1446
|
+
stroke-width: 2;
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1449
|
+
.boundary.interactive {
|
|
1450
|
+
cursor: ns-resize;
|
|
1451
|
+
}
|
|
1452
|
+
|
|
1453
|
+
.drift {
|
|
1454
|
+
pointer-events: visible;
|
|
1455
|
+
|
|
1456
|
+
fill: none;
|
|
1457
|
+
stroke: var(---color-element-emphasis);
|
|
1458
|
+
stroke-dasharray: 8 4;
|
|
1459
|
+
stroke-width: 2;
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
.drift.interactive {
|
|
1463
|
+
cursor: ns-resize;
|
|
1464
|
+
}
|
|
1465
|
+
|
|
1466
|
+
.drift .arrow {
|
|
1467
|
+
stroke-dasharray: none;
|
|
1468
|
+
}
|
|
1469
|
+
|
|
1470
|
+
.t0z.interactive {
|
|
1471
|
+
cursor: move;
|
|
1472
|
+
}
|
|
1473
|
+
|
|
1474
|
+
.t0z .point {
|
|
1475
|
+
fill: var(---color-element-emphasis);
|
|
1476
|
+
|
|
1477
|
+
r: 6px;
|
|
1478
|
+
}
|
|
1479
|
+
|
|
1480
|
+
.measure {
|
|
1481
|
+
stroke-width: 2;
|
|
1482
|
+
}
|
|
1483
|
+
|
|
1484
|
+
.measure .label {
|
|
1485
|
+
font-size: 0.75rem;
|
|
1486
|
+
|
|
1487
|
+
fill: currentColor;
|
|
1488
|
+
}
|
|
1489
|
+
|
|
1490
|
+
.measure.a .line {
|
|
1491
|
+
stroke: var(---color-a);
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
.measure.a .label {
|
|
1495
|
+
dominant-baseline: auto;
|
|
1496
|
+
text-anchor: end;
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
.measure.z .line {
|
|
1500
|
+
stroke: var(---color-z);
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
.measure.z .label {
|
|
1504
|
+
dominant-baseline: hanging;
|
|
1505
|
+
text-anchor: start;
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
|
+
.measure.v .line {
|
|
1509
|
+
stroke: var(---color-v);
|
|
1510
|
+
}
|
|
1511
|
+
|
|
1512
|
+
.measure.v .label {
|
|
1513
|
+
dominant-baseline: auto;
|
|
1514
|
+
text-anchor: start;
|
|
1515
|
+
}
|
|
1516
|
+
|
|
1517
|
+
.measure.t0 .line {
|
|
1518
|
+
stroke: var(---color-t0);
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
.measure.t0 .label {
|
|
1522
|
+
dominant-baseline: auto;
|
|
1523
|
+
text-anchor: middle;
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1526
|
+
.sd .indicator,
|
|
1527
|
+
.mean .indicator {
|
|
1528
|
+
stroke-width: 2;
|
|
1529
|
+
}
|
|
1530
|
+
|
|
1531
|
+
.sd.model .indicator,
|
|
1532
|
+
.mean.model .indicator {
|
|
1533
|
+
stroke-dasharray: 2 2;
|
|
1534
|
+
}
|
|
1535
|
+
|
|
1536
|
+
.sd.data .indicator,
|
|
1537
|
+
.mean.data .indicator {
|
|
1538
|
+
stroke-dasharray: 1 1;
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
.sd.correct .indicator,
|
|
1542
|
+
.mean.correct .indicator {
|
|
1543
|
+
stroke: var(---color-correct-dark);
|
|
1544
|
+
}
|
|
1545
|
+
|
|
1546
|
+
.sd.error .indicator,
|
|
1547
|
+
.mean.error .indicator {
|
|
1548
|
+
stroke: var(---color-error-dark);
|
|
1549
|
+
}
|
|
1550
|
+
|
|
1551
|
+
.rt-label rect {
|
|
1552
|
+
filter: url("#shadow-2");
|
|
1553
|
+
|
|
1554
|
+
fill: var(--color-background);
|
|
1555
|
+
rx: 4;
|
|
1556
|
+
}
|
|
1557
|
+
|
|
1558
|
+
.rt-label text {
|
|
1559
|
+
font-size: 0.75rem;
|
|
1560
|
+
|
|
1561
|
+
text-anchor: middle;
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.rt-label.correct text {
|
|
1565
|
+
dominant-baseline: auto;
|
|
1566
|
+
}
|
|
1567
|
+
|
|
1568
|
+
.rt-label.error text {
|
|
1569
|
+
dominant-baseline: hanging;
|
|
1570
|
+
}
|
|
1571
|
+
`]}render(){return W``}willUpdate(){this.alignState()}update(t){if(super.update(t),Number.isNaN(this.width)||Number.isNaN(this.height)||Number.isNaN(this.rem))return;const e=this.width,i=this.height;let s,r;e/i>1.5?(r=i,s=1.5*r):(s=e,r=s/1.5);const a=1*this.rem,n=3*this.rem,o=3.75*this.rem,l=3.25*this.rem,c=r-(a+n),d=s-(o+l),h=.75*this.rem,u=.5*c,g=.25*c-h,p=.75*this.rem,m=.9*d,b=.1*d-p,Q=parseInt(this.getComputedStyleValue("---transition-duration"),10),y=jr().domain([this.scale.time.min,this.scale.time.max]).range([0,m]),B=jr().domain([this.scale.evidence.min,this.scale.evidence.max]).range([u,0]),U=jr().domain([this.scale.density.min,this.scale.density.max]).range([g,0]),f=jr().domain([this.scale.density.min,this.scale.density.max]).range([0,g]),I=jr().domain([0,1]).range([0,c]),F=di().subject(((t,e)=>({x:y(e.t0),y:B(e.startingPoint)}))).on("start",(t=>{Ze(t.currentTarget).classed("dragging",!0)})).on("drag",(t=>{this.drag=!0;const e=!!t.sourceEvent.shiftKey&&(Math.abs(t.x-t.subject.x)>Math.abs(t.y-t.subject.y)?"t0":"z");let i=y.invert(t.x),s=(B.invert(t.y)+this.a/2)/this.a;i="z"===e?y.invert(t.subject.x):i<0?0:i>500?500:i,s="t0"===e?(B.invert(t.subject.y)+this.a/2)/this.a:s<.01?.01:s>.99?.99:s,this.t0=i,this.z=s,this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-t0",{detail:{t0:this.t0},bubbles:!0})),this.dispatchEvent(new CustomEvent("ddm-model-z",{detail:{z:this.z},bubbles:!0}))})).on("end",(t=>{Ze(t.currentTarget).classed("dragging",!1),this.drag=!1})),C=di().on("start",(t=>{Ze(t.currentTarget).classed("dragging",!0)})).on("drag",(t=>{this.drag=!0;let e=(B.invert(t.y)-this.startingPoint)/(y.invert(t.x)-this.t0)*1e3;e=e<.01?.01:e>5?5:e,this.v=e,this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-v",{detail:{v:this.v},bubbles:!0}))})).on("end",(t=>{Ze(t.currentTarget).classed("dragging",!1),this.drag=!1})),v=di().subject(((t,e)=>({x:0,y:B(e.value)}))).on("start",(t=>{Ze(t.currentTarget).classed("dragging",!0)})).on("drag",((t,e)=>{this.drag=!0;let i=B.invert(t.y);i=i<this.scale.evidence.min?this.scale.evidence.min:i>this.scale.evidence.max?this.scale.evidence.max:"upper"===e.bound&&i<.005?.005:"lower"===e.bound&&i>-.005?-.005:i,this.a=Math.abs(2*i),this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-a",{detail:{a:this.a},bubbles:!0}))})).on("end",(t=>{Ze(t.currentTarget).classed("dragging",!1),this.drag=!1})),x=aa().x((t=>y(t.t))).y((t=>B(t.e))),A=aa().x((t=>y(t.t))).y((t=>U(t.d))),E=aa().x((t=>y(t.t))).y((t=>f(t.d))),R=Ze(this.renderRoot).selectAll(".main").data([{width:this.width,height:this.height,rem:this.rem}]),N=R.enter().append("svg").classed("main",!0).html(da.svgDefs),S=N.append("defs");S.append("marker").attr("id","measure-arrow").attr("orient","auto-start-reverse").attr("markerUnits","userSpaceOnUse").attr("viewBox","-5 -5 10 10").attr("refX","2").attr("refY","0").attr("markerWidth","10").attr("markerHeight","10").append("path").attr("stroke","context-stroke").attr("fill","context-stroke").attr("d","M -3 -3 l 6 3 l -6 3 z"),S.append("marker").attr("id","model-sd-cap").attr("orient","auto-start-reverse").attr("markerUnits","userSpaceOnUse").attr("viewBox","-5 -5 10 10").attr("refX","0").attr("refY","0").attr("markerWidth","10").attr("markerHeight","10").append("path").attr("stroke","context-stroke").attr("fill","context-stroke").attr("stroke-width","2").attr("d","M 0 -4 l 0 8"),S.append("marker").attr("id","data-sd-cap").attr("orient","auto-start-reverse").attr("markerUnits","userSpaceOnUse").attr("viewBox","-5 -5 10 10").attr("refX","0").attr("refY","0").attr("markerWidth","10").attr("markerHeight","10").append("path").attr("stroke","context-stroke").attr("fill","context-stroke").attr("stroke-width","2").attr("d","M 0 -3 l 0 6");const w=S.append("linearGradient").attr("id","path-animate").attr("gradientUnits","userSpaceOnUse").attr("color-interpolation","linearRGB").attr("x1","0").attr("x2","0").attr("y1",B(this.bounds.upper)).attr("y2",B(this.bounds.lower));w.append("stop").classed("stop-0",!0).attr("offset","0%"),w.append("stop").classed("stop-100",!0).attr("offset","100%");const L=N.merge(R).attr("viewBox",`0 0 ${s} ${r}`),D=L.selectAll(".plot.density").data([{outcome:"correct",data:{meanRT:this.data.correctMeanRT,sdRT:this.data.correctSDRT},model:{meanRT:this.model.correctMeanRT,sdRT:this.model.correctSDRT,dist:this.model.correctDist},densityScale:U,densityLine:A,alignDistribution:this.alignCorrectDistribution.bind(this)},{outcome:"error",data:{meanRT:this.data.errorMeanRT,sdRT:this.data.errorSDRT},model:{meanRT:this.model.errorMeanRT,sdRT:this.model.errorSDRT,dist:this.model.errorDist},densityScale:f,densityLine:E,alignDistribution:this.alignErrorDistribution.bind(this)}]),k=N.append("g").classed("plot evidence",!0),M=D.enter().append("g").attr("class",(t=>`plot density ${t.outcome}`)),T=N.append("g").classed("plot accuracy",!0),H=L.select(".plot.evidence").attr("transform",`translate(${o}, ${a+g+h})`),$=M.merge(D).attr("transform",(t=>`translate(${o}, ${"correct"===t.outcome?a:a+g+u+2*h})`)),G=L.select(".plot.accuracy").attr("transform",`translate(${o+m+p}, ${a})`);k.append("clipPath").attr("id","clip-evidence").append("rect"),H.select("clipPath rect").attr("y",B(this.bounds.upper)).attr("height",B(this.bounds.lower)-B(this.bounds.upper)+1).attr("width",m+1);const V=k.append("g").classed("underlayer",!0),z=M.append("g").classed("underlayer",!0),W=T.append("g").classed("underlayer",!0),Y=H.select(".underlayer"),_=$.select(".underlayer"),J=G.select(".underlayer");k.append("g").classed("content",!0).append("g").classed("paths",!0);const K=M.append("g").classed("content",!0);T.append("g").classed("content",!0);const X=H.select(".content"),Z=$.select(".content"),P=G.select(".content");k.append("g").classed("overlayer",!0),M.append("g").classed("overlayer",!0),T.append("g").classed("overlayer",!0);const O=H.select(".overlayer"),j=$.select(".overlayer");V.append("rect").classed("background",!0),z.append("rect").classed("background",!0),Y.select(".background").transition().duration(this.drag?0:Q).ease(gr).attr("y",B(this.bounds.upper)).attr("height",B(this.bounds.lower)-B(this.bounds.upper)).attr("width",m),_.select(".background").transition().duration(Q).ease(gr).attr("height",g).attr("width",m),z.filter((t=>"error"===t.outcome)).append("g").classed("axis time",!0);const q=_.filter((t=>"error"===t.outcome)).select(".axis.time").attr("transform",`translate(0, ${g+.25*this.rem})`);var tt;q.transition().duration(Q).ease(gr).call((tt=y,Nt(It,tt))).attr("font-size",null).attr("font-family",null).selectAll("line, path").attr("stroke",null);const et=z.filter((t=>"error"===t.outcome)).append("text").classed("title time",!0).attr("text-anchor","middle");et.append("tspan").classed("name",!0).text("Time (ms)"),_.filter((t=>"error"===t.outcome)).select(".title.time").transition().duration(Q).ease(gr).attr("transform",`translate(${m/2}, ${g+2.5*this.rem})`),V.append("g").classed("axis evidence",!0),z.append("g").attr("class",(t=>`axis density ${t.outcome}`)),W.append("g").classed("axis accuracy",!0);const it=Y.select(".axis.evidence").attr("transform",`translate(${-.25*this.rem}, 0)`),st=_.select(".axis.density").attr("transform",`translate(${-.25*this.rem}, 0)`),rt=J.select(".axis.accuracy").attr("transform",`translate(${b+.25*this.rem}, 0)`),at=it.transition().duration(Q).ease(gr).call(St(B)).attr("font-size",null).attr("font-family",null),nt=st.transition().duration(Q).ease(gr).each(((t,e,i)=>{St(t.densityScale).ticks(2)(Ze(i[e]))})).attr("font-size",null).attr("font-family",null),ot=rt.transition().duration(Q).ease(gr).call(function(t){return Nt(ft,t)}(I)).attr("font-size",null).attr("font-family",null);at.selectAll("line, path").attr("stroke",null),nt.selectAll("line, path").attr("stroke",null),ot.selectAll("line, path").attr("stroke",null);const lt=V.append("text").classed("title evidence",!0).attr("text-anchor","middle"),ct=z.append("text").attr("class",(t=>`title density ${t.outcome}`)).attr("text-anchor","middle"),dt=W.append("text").classed("title accuracy",!0).attr("text-anchor","middle");lt.append("tspan").classed("name",!0).text("Evidence"),ct.append("tspan").classed("name",!0).text("Density"),dt.append("tspan").classed("name",!0).text("Accuracy"),Y.select(".title.evidence").transition().duration(Q).ease(gr).attr("transform",`translate(${-2.5*this.rem}, ${u/2})rotate(-90)`),_.select(".title.density").transition().duration(Q).ease(gr).attr("transform",`translate(${-2.5*this.rem}, ${g/2})rotate(-90)`),J.select(".title.accuracy").transition().duration(Q).ease(gr).attr("transform",`translate(${b+2.25*this.rem}, ${c/2})rotate(90)`);const ht=X.select(".paths").selectAll(".path").data(this.data.trials.filter((t=>void 0!==t.path))),ut=Oe(),gt=ht.enter().append("g").classed("path",!0).attr("data-new-trial-ease-time",0).on("pointerenter",((t,e)=>{if(!this.drag){Ze(t.currentTarget).classed("highlight",!0).raise();const i=O.append("g").classed(`rt-label ${e.outcome}`,!0),s=i.append("rect"),r=i.append("text").text(`RT = ${e.rt.toFixed()}`).attr("x",y(e.rt)).attr("y","correct"===e.outcome?B(this.bounds.upper)-.25*this.rem:B(this.bounds.lower)+.125*this.rem).node().getBBox();s.attr("x",r.x-.125*this.rem).attr("y",r.y+.125*this.rem).attr("width",r.width+.25*this.rem).attr("height",r.height-.25*this.rem),ut.set(t.currentTarget,i)}})).on("pointerout",((t,e)=>{this.drag||(Ze(t.currentTarget).classed("highlight",!1).lower(),t.currentTarget.parentNode.insertBefore(t.currentTarget,t.currentTarget.parentNode.children[e.index]),ut.get(t.currentTarget).remove())}));gt.append("path").classed("curve",!0).attr("clip-path","url(#clip-evidence)").attr("pathLength",1).attr("stroke-dashoffset",1);const pt=gt.merge(ht).attr("class",(t=>`path ${t.outcome}`));pt.select(".curve").transition().duration(this.drag?0:Q).ease(gr).attr("stroke",(t=>this.getComputedStyleValue(`---color-${t.outcome}`))).attrTween("d",((t,e,i)=>{const s=i[e],r=ss(void 0!==s.a?s.a:this.a,this.a),a=ss(void 0!==s.z?s.z:this.z,this.z),n=ss(void 0!==s.v?s.v:this.v,this.v),o=ss(void 0!==s.t0?s.t0:this.t0,this.t0);return e=>{s.a=r(e),s.z=a(e),s.v=n(e),s.t0=o(e);const i=this.alignPath(t.seed,s.a,s.z,s.v,s.t0);return x(i)}}));const mt=pt.filter((t=>t.animate&&!this.paused));if(!mt.empty()){const t=mt.attr("data-new-trial-ease-time"),e=e=>jr().domain([0,1]).range([t,1])(e),i=e=>i=>jr().domain([e(t),1]).range([0,1])(e(i));mt.classed("animate",!0).select(".curve").attr("stroke-dasharray",1),mt.transition("new").duration((e=>Math.floor(1.5*e.rt*(1-t)))).ease(e).attr("data-new-trial-ease-time",1).select(".curve").attrTween("stroke-dashoffset",((t,e,s)=>{const r=ss(s[e].getAttribute("stroke-dashoffset"),0);return t=>r(i(ur)(t))})).on("end",((t,e,i)=>{Ze(i[e].parentElement).classed("animate",!1).attr("data-new-trial-ease-time",null),t.animate=!1,this.animate=!1,this.alignState(),this.requestUpdate(),this.dispatchEvent(new CustomEvent("accumulable-response",{detail:{outcome:t.outcome,data:this.data,model:this.model},bubbles:!0}))}))}const bt=pt.filter((t=>t.animate&&this.paused));if(!bt.empty()){const t=bt.attr("data-new-trial-ease-time");bt.classed("animate",!0).select(".curve").attr("stroke-dasharray",1).attr("stroke-dashoffset",(()=>ss(1,0)(ur(t))))}pt.filter((t=>!t.animate)).attr("data-new-trial-ease-time",null),ht.exit().remove();const Qt=K.append("g").attr("class",(t=>`dist ${t.outcome}`));Qt.append("path").classed("curve",!0),Z.select(".dist").select(".curve").transition().duration(this.drag?0:Q).ease(gr).attrTween("d",((t,e,i)=>{const s=i[e],r=ss(void 0!==s.a?s.a:this.a,this.a),a=ss(void 0!==s.z?s.z:this.z,this.z),n=ss(void 0!==s.v?s.v:this.v,this.v),o=ss(void 0!==s.t0?s.t0:this.t0,this.t0);return e=>{s.a=r(e),s.z=a(e),s.v=n(e),s.t0=o(e);const i=t.alignDistribution(s.a,s.z,s.v,s.t0);return t.densityLine(i)}}));const yt=X.selectAll(".rt").data(this.data.trials),Bt=yt.enter().append("g");Bt.append("line").classed("mark",!0).attr("x1",(t=>y(t.rt))).attr("x2",(t=>y(t.rt))).attr("y1",(t=>"correct"===t.outcome?B(1)-.125*this.rem:B(-1)+.125*this.rem)).attr("y2",(t=>"correct"===t.outcome?B(1)-.675*this.rem:B(-1)+.675*this.rem));const Ut=Bt.merge(yt).attr("class",(t=>`rt ${t.outcome}`));Ut.filter((t=>!t.animate)).select(".mark").transition().duration(this.drag?0:Q).ease(gr).attr("stroke",(t=>this.getComputedStyleValue(`---color-${t.outcome}`))).attr("x1",(t=>y(t.rt))).attr("x2",(t=>y(t.rt))).attr("y1",(t=>"correct"===t.outcome?B(1)-.125*this.rem:B(-1)+.125*this.rem)).attr("y2",(t=>"correct"===t.outcome?B(1)-.675*this.rem:B(-1)+.675*this.rem)),yt.exit().remove();const Ft=P.selectAll(".accuracy.model").data([this.model.accuracy,1-this.model.accuracy]),Ct=Ft.enter().append("g").attr("class",((t,e)=>"accuracy model "+(0===e?"correct":"error")));Ct.append("rect").classed("bar",!0).attr("x",0),Ct.merge(Ft).select("rect").transition().duration(this.drag?0:Q).ease(gr).attr("y",((t,e)=>I(0===e?0:1-t))).attr("width",b).attr("height",(t=>I(t))),Ft.exit().remove();const vt=P.selectAll(".accuracy.data").data(Number.isNaN(this.data.accuracy)?[]:[this.data.accuracy]),xt=vt.enter().append("g").classed("accuracy data",!0);xt.append("line").classed("mark",!0);const At=xt.merge(vt).attr("class",(t=>"accuracy data "+(t<this.model.accuracy.correct?"correct":"error")));At.select(".mark").transition().duration(this.drag?0:Q).ease(gr).attr("x1",0+.25*this.rem).attr("x2",b-.25*this.rem).attr("y1",(t=>I(t)-1)).attr("y2",(t=>I(t)-1)),vt.exit().remove();const Et=O.selectAll(".boundary").data([{bound:"upper",value:this.bounds.upper},{bound:"lower",value:this.bounds.lower}]),Rt=Et.enter().append("g").attr("class",((t,e)=>"boundary "+(0===e?"correct":"error")));Rt.append("line").classed("line",!0);const wt=Rt.merge(Et).attr("tabindex",this.interactive?0:null).classed("interactive",this.interactive).on("keydown",this.interactive?(t,e)=>{if(["ArrowUp","ArrowDown"].includes(t.key)){let i=this.a;switch(t.key){case"ArrowUp":i+="upper"===e.bound?t.shiftKey?.01:.1:t.shiftKey?-.01:-.1;break;case"ArrowDown":i+="upper"===e.bound?t.shiftKey?-.01:-.1:t.shiftKey?.01:.1}i=i<.01?.01:i>2*this.scale.evidence.max?2*this.scale.evidence.max:i,this.a=i,this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-a",{detail:{a:this.a},bubbles:!0})),t.preventDefault()}}:null);(this.firstUpdate||t.has("interactive"))&&(this.interactive?wt.call(v):wt.on(".drag",null)),wt.select(".line").transition().duration(this.drag?0:Q).ease(gr).attr("x1",y(this.scale.time.min)).attr("x2",y(this.scale.time.max)).attr("y1",(t=>B(t.value))).attr("y2",(t=>B(t.value))),Et.exit().remove();const Lt=O.selectAll(".drift").data([{v:this.v,t0:this.t0,startingPoint:this.startingPoint}]),Dt=Lt.enter().append("g").classed("drift",!0);Dt.append("line").classed("line",!0),Dt.append("path").classed("arrow",!0);const kt=Dt.merge(Lt).attr("tabindex",this.interactive?0:null).classed("interactive",this.interactive).on("keydown",this.interactive?t=>{if(["ArrowUp","ArrowDown"].includes(t.key)){let e=this.v;switch(t.key){case"ArrowUp":e+=t.shiftKey?.01:.1;break;case"ArrowDown":e-=t.shiftKey?.01:.1}e=e<.01?.01:e>5?5:e,this.v=e,this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-v",{detail:{v:this.v},bubbles:!0})),t.preventDefault()}}:null);(this.firstUpdate||t.has("interactive"))&&(this.interactive?kt.call(C):kt.on(".drag",null));const Mt=(B(0)-B(1))/(y(1)-y(0));kt.transition().duration(this.drag?0:Q).ease(gr).attr("transform",(t=>`translate(${y(t.t0)}, ${B(t.startingPoint)})\n rotate(${-Math.atan(t.v/1e3*Mt)*(180/Math.PI)})`)),kt.select(".line").attr("x2",y(200)),kt.select(".arrow").attr("d",`\n M ${y(200)-.5*this.rem},${.5*-this.rem}\n l ${.5*this.rem},${.5*this.rem}\n l ${.5*-this.rem},${.5*this.rem}\n `),Lt.exit().remove();const Tt=O.selectAll(".t0z").data([{t0:this.t0,startingPoint:this.startingPoint}]),Ht=Tt.enter().append("g").classed("t0z",!0);Ht.append("line").classed("line",!0),Ht.append("circle").classed("point",!0);const $t=Ht.merge(Tt).attr("tabindex",this.interactive?0:null).classed("interactive",this.interactive).on("keydown",this.interactive?t=>{if(["ArrowUp","ArrowDown"].includes(t.key)){let e=this.z;switch(t.key){case"ArrowUp":e+=t.shiftKey?.01:.1;break;case"ArrowDown":e-=t.shiftKey?.01:.1}e=e<.01?.01:e>.99?.99:e,this.z=e,this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-z",{detail:{z:this.z},bubbles:!0})),t.preventDefault()}if(["ArrowLeft","ArrowRight"].includes(t.key)){let e=this.t0;switch(t.key){case"ArrowRight":e+=t.shiftKey?1:10;break;case"ArrowLeft":e-=t.shiftKey?1:10}e=e<0?0:e>500?500:e,this.t0=e,this.alignState(),this.dispatchEvent(new CustomEvent("ddm-model-t0",{detail:{t0:this.t0},bubbles:!0})),t.preventDefault()}}:null);(this.firstUpdate||t.has("interactive"))&&(this.interactive?$t.call(F):$t.on(".drag",null)),$t.select(".line").transition().duration(this.drag?0:Q).ease(gr).attr("x1",y(0)).attr("x2",(t=>y(t.t0))).attr("y1",(t=>B(t.startingPoint))).attr("y2",(t=>B(t.startingPoint))),$t.select(".point").transition().duration(this.drag?0:Q).ease(gr).attr("cx",(t=>y(t.t0))).attr("cy",(t=>B(t.startingPoint))),Tt.exit().remove();const Gt=O.selectAll(".measure.a").data(this.measures?[this.a]:[]),Vt=Gt.enter().append("g").classed("measure a",!0);Vt.append("line").classed("line",!0).attr("marker-start","url(#measure-arrow)").attr("marker-end","url(#measure-arrow)");const zt=Vt.append("text").classed("label",!0);zt.append("tspan").classed("a math-var",!0).text("a"),zt.append("tspan").classed("equals",!0).text(" = "),zt.append("tspan").classed("value",!0);const Wt=Vt.merge(Gt);Wt.select(".line").transition().duration(this.drag?0:Q).ease(gr).attr("x1",y(this.scale.time.max)-.75*this.rem).attr("y1",B(this.bounds.upper)+2).attr("x2",y(this.scale.time.max)-.75*this.rem).attr("y2",B(this.bounds.lower)-2);Wt.select(".label").transition().duration(this.drag?0:Q).ease(gr).attr("x",y(this.scale.time.max)).attr("y",B(this.bounds.upper)-.25*this.rem).select(".value").text(wr(".2f")(this.a)),Gt.exit().remove();const Yt=O.selectAll(".measure.z").data(this.measures?[this.z]:[]),_t=Yt.enter().append("g").classed("measure z",!0);_t.append("line").classed("line",!0).attr("marker-start","url(#measure-arrow)").attr("marker-end","url(#measure-arrow)");const Jt=_t.append("text").classed("label",!0);Jt.append("tspan").classed("z math-var",!0).text("z"),Jt.append("tspan").classed("equals",!0).text(" = "),Jt.append("tspan").classed("value",!0);const Kt=_t.merge(Yt);Kt.select(".line").transition().duration(this.drag?0:Q).ease(gr).attr("x1",y(this.scale.time.min)+.75*this.rem).attr("y1",B(this.startingPoint)+2).attr("x2",y(this.scale.time.min)+.75*this.rem).attr("y2",B(this.bounds.lower)-2);Kt.select(".label").transition().duration(this.drag?0:Q).ease(gr).attr("x",y(this.scale.time.min)).attr("y",B(this.bounds.lower)+.125*this.rem).select(".value").text(wr(".0%")(this.z)),Yt.exit().remove();const Xt=O.selectAll(".measure.v").data(this.measures?[this.v]:[]),Zt=Xt.enter().append("g").classed("measure v",!0);Zt.append("path").classed("line",!0).attr("marker-start","url(#measure-arrow)").attr("marker-end","url(#measure-arrow)");const Pt=Zt.append("text").classed("label",!0);Pt.append("tspan").classed("v math-var",!0).text("v"),Pt.append("tspan").classed("equals",!0).text(" = "),Pt.append("tspan").classed("value",!0);const Ot=Math.atan(this.v/1e3*Mt),jt=y(200)-y(0)+.75*this.rem,qt=Math.cos(Ot)*jt,te=Math.sin(Ot)*jt,ee=Zt.merge(Xt);ee.select(".line").transition().duration(this.drag?0:Q).ease(gr).attr("d",`\n M ${y(this.t0+200)+.75*this.rem}, ${B(this.startingPoint)}\n A ${y(200)-y(0)} ${y(200)-y(0)} 0 0 0 ${y(this.t0)+qt} ${B(this.startingPoint)-te}\n `);ee.select(".label").transition().duration(this.drag?0:Q).ease(gr).attr("x",y(this.t0+200)+.5*this.rem).attr("y",B(this.bounds.upper)-.25*this.rem).select(".value").text(wr(".2f")(this.v)),Xt.exit().remove();const ie=O.selectAll(".measure.t0").data(this.measures?[this.t0]:[]),se=ie.enter().append("g").classed("measure t0",!0);se.append("line").classed("line",!0).attr("marker-start","url(#measure-arrow)").attr("marker-end","url(#measure-arrow)");const re=se.append("text").classed("label",!0);re.append("tspan").classed("t0 math-var",!0).text("t₀"),re.append("tspan").classed("equals",!0).text(" = "),re.append("tspan").classed("value",!0);const ae=se.merge(ie);ae.select(".line").transition().duration(this.drag?0:Q).ease(gr).attr("x1",y(0)+2).attr("y1",B(this.startingPoint)-.75*this.rem).attr("x2",y(this.t0)-2).attr("y2",B(this.startingPoint)-.75*this.rem);ae.select(".label").transition().duration(this.drag?0:Q).ease(gr).attr("x",y(this.t0)+.25*this.rem).attr("y",B(this.bounds.upper)-.25*this.rem).select(".value").text(wr("d")(this.t0)),ie.exit().remove();const ne=j.selectAll(".model.mean").data((t=>this.means?[t]:[])),oe=ne.enter().append("g").attr("class",(t=>`model mean ${t.outcome}`));oe.append("line").classed("indicator",!0);oe.merge(ne).select(".indicator").transition().duration(this.drag?0:Q).ease(gr).attr("x1",(t=>y(t.model.meanRT))).attr("x2",(t=>y(t.model.meanRT))).attr("y1",(t=>t.densityScale(this.scale.density.min))).attr("y2",(t=>t.densityScale(this.scale.density.max))),ne.exit().remove();const le=j.selectAll(".data.mean").data((t=>this.means&&!Number.isNaN(t.data.meanRT)?[t]:[])),ce=le.enter().append("g").attr("class",(t=>`data mean ${t.outcome}`));ce.append("line").classed("indicator",!0).attr("y1",(t=>t.densityScale(0)+("correct"===t.outcome?.125:-.125)*this.rem)).attr("y2",(t=>t.densityScale(0)+("correct"===t.outcome?.675:-.675)*this.rem));ce.merge(le).select(".indicator").transition().duration(this.drag?0:Q).ease(gr).attr("x1",(t=>y(t.data.meanRT))).attr("x2",(t=>y(t.data.meanRT))).attr("y1",(t=>t.densityScale(0)+("correct"===t.outcome?.125:-.125)*this.rem)).attr("y2",(t=>t.densityScale(0)+("correct"===t.outcome?.675:-.675)*this.rem)),le.exit().select(".indicator").transition().duration(this.drag?0:Q).ease(gr).attr("x1",0).attr("x2",0).on("end",((t,e,i)=>{Ze(i[e].parentElement).remove()}));const de=j.selectAll(".model.sd").data((t=>this.sds?[t]:[])),he=de.enter().append("g").attr("class",(t=>`model sd ${t.outcome}`));he.append("line").classed("indicator",!0).attr("marker-start","url(#model-sd-cap)").attr("marker-end","url(#model-sd-cap)");he.merge(de).select(".indicator").transition().duration(this.drag?0:Q).ease(gr).attr("x1",(t=>y(t.model.meanRT-t.model.sdRT/2))).attr("x2",(t=>y(t.model.meanRT+t.model.sdRT/2))).attr("y1",(t=>t.densityScale(5))).attr("y2",(t=>t.densityScale(5))),de.exit().remove();const ue=j.selectAll(".data.sd").data((t=>!this.sds||Number.isNaN(t.data.meanRT)||Number.isNaN(t.data.sdRT)?[]:[t])),ge=ue.enter().append("g").attr("class",(t=>`data sd ${t.outcome}`));ge.append("line").classed("indicator",!0).attr("marker-start","url(#data-sd-cap)").attr("marker-end","url(#data-sd-cap)").attr("y1",(t=>t.densityScale(0)+("correct"===t.outcome?.375:-.375)*this.rem)).attr("y2",(t=>t.densityScale(0)+("correct"===t.outcome?.375:-.375)*this.rem));ge.merge(ue).select(".indicator").transition().duration(this.drag?0:Q).ease(gr).attr("x1",(t=>y(t.data.meanRT-t.data.sdRT/2))).attr("x2",(t=>y(t.data.meanRT+t.data.sdRT/2))).attr("y1",(t=>t.densityScale(0)+("correct"===t.outcome?.375:-.375)*this.rem)).attr("y2",(t=>t.densityScale(0)+("correct"===t.outcome?.375:-.375)*this.rem)),ue.exit().select(".indicator").transition().duration(this.drag?0:Q).ease(gr).attr("x1",0).attr("x2",0).on("end",((t,e,i)=>{Ze(i[e].parentElement).remove()})),this.firstUpdate=!1}}customElements.define("ddm-model",Ia);class Fa extends(ca(da)){static get properties(){return{coherence:{attribute:"coherence",type:Number,reflect:!0},count:{attribute:"count",type:Number,reflect:!0},probability:{attribute:"probability",type:Number,reflect:!0},duration:{attribute:"duration",type:Number,reflect:!0},wait:{attribute:"wait",type:Number,reflect:!0},iti:{attribute:"iti",type:Number,reflect:!0},trials:{attribute:"trials",type:Number,reflect:!0},running:{attribute:"running",type:Boolean,reflect:!0},lifetime:{attribute:!1,type:Number,reflect:!1},speed:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.coherence=.5,this.count=100,this.probability=.5,this.duration=2e3,this.wait=2e3,this.iti=2e3,this.trials=5,this.running=!1,this.lifetime=400,this.speed=50,this.firstUpdate=!0,this.COHERENT=0,this.RANDOM=1,this.dots=[[],[]],this.trial=0,this.states=["resetted","iti","stimulus","wait","ended"],this.state="resetted",this.baseTime=0,this.pauseTime=0,this.startTime=0,this.lastTime=0,this.LEFT=180,this.RIGHT=0,this.currentDirection=void 0,this.signals=["left","right"],this.signal=void 0,this.runner=void 0,this.xScale=void 0,this.yScale=void 0}static get styles(){return[super.styles,n`
|
|
1572
|
+
:host {
|
|
1573
|
+
display: inline-block;
|
|
1574
|
+
|
|
1575
|
+
width: 10rem;
|
|
1576
|
+
height: 10rem;
|
|
1577
|
+
}
|
|
1578
|
+
|
|
1579
|
+
.main {
|
|
1580
|
+
width: 100%;
|
|
1581
|
+
height: 100%;
|
|
1582
|
+
}
|
|
1583
|
+
|
|
1584
|
+
.background {
|
|
1585
|
+
fill: var(---color-element-disabled);
|
|
1586
|
+
stroke: none;
|
|
1587
|
+
}
|
|
1588
|
+
|
|
1589
|
+
.outline {
|
|
1590
|
+
fill: none;
|
|
1591
|
+
stroke: var(---color-element-emphasis);
|
|
1592
|
+
stroke-width: 2px;
|
|
1593
|
+
}
|
|
1594
|
+
|
|
1595
|
+
.dot {
|
|
1596
|
+
r: 2px;
|
|
1597
|
+
}
|
|
1598
|
+
|
|
1599
|
+
.dots.coherent {
|
|
1600
|
+
fill: var(---color-background);
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1603
|
+
.dots.random {
|
|
1604
|
+
fill: var(---color-background);
|
|
1605
|
+
}
|
|
1606
|
+
|
|
1607
|
+
.fixation {
|
|
1608
|
+
stroke: var(---color-text);
|
|
1609
|
+
stroke-width: 2px;
|
|
1610
|
+
}
|
|
1611
|
+
|
|
1612
|
+
.query {
|
|
1613
|
+
font-size: 1.75rem;
|
|
1614
|
+
font-weight: 600;
|
|
1615
|
+
}
|
|
1616
|
+
`]}render(){return W``}update(t){if(super.update(t),Number.isNaN(this.width)||Number.isNaN(this.height)||Number.isNaN(this.rem))return;const e=this.width,i=this.height,s=Math.min(e,i),r=.25*this.rem,a=.25*this.rem,n=.25*this.rem,o=s-(r+a),l=s-(n+.25*this.rem);this.xScale=jr().domain([-1,1]).range([0,l]),this.yScale=jr().domain([1,-1]).range([0,o]);const c=Ze(this.renderRoot).selectAll(".main").data([{width:this.width,height:this.height,rem:this.rem}]),d=c.enter().append("svg").classed("main",!0),h=d.merge(c).attr("viewBox",`0 0 ${s} ${s}`);d.append("clipPath").attr("id","clip-rdk-task").append("circle"),h.select("clipPath circle").attr("cx",this.xScale(0)).attr("cy",this.yScale(0)).attr("r",this.xScale(1)-this.xScale(0));const u=d.append("g").classed("plot",!0),g=h.select(".plot").attr("transform",`translate(${n}, ${r})`),p=u.append("g").classed("underlayer",!0),m=g.select(".underlayer");p.append("circle").classed("background",!0),m.select(".background").attr("cx",this.xScale(0)).attr("cy",this.yScale(0)).attr("r",this.xScale(1)-this.xScale(0)),u.append("g").classed("content",!0).attr("clip-path","url(#clip-rdk-task)");g.select(".content").selectAll(".dots").data([[],[]]).enter().append("g").classed("dots",!0).classed("coherent",((t,e)=>e===this.COHERENT)).classed("random",((t,e)=>e===this.RANDOM));const b=u.append("g").classed("overlayer",!0),Q=g.select(".overlayer");b.append("circle").classed("outline",!0),Q.select(".outline").attr("cx",this.xScale(0)).attr("cy",this.yScale(0)).attr("r",this.xScale(1)-this.yScale(0)),(this.firstUpdate||t.has("running"))&&(this.running?(this.pauseTime&&(this.baseTime+=Fs()-this.pauseTime,this.pauseTime=0),this.runner=function(t,e,i){var s=new vs,r=e;return s._restart=s.restart,s.restart=function(t,e,i){e=+e,i=null==i?Fs():+i,s._restart((function a(n){n+=r,s._restart(a,r+=e,i),t(n)}),e,i)},s.restart(t,e,i),s}(this.run.bind(this),20)):void 0!==this.runner&&(this.runner.stop(),this.pauseTime=Fs())),this.firstUpdate=!1}reset(){void 0!==this.runner&&this.runner.stop(),this.running=!1,this.trial=0,this.state="resetted",this.baseTime=0,this.pauseTime=0,this.startTime=0,this.lastTime=0,this.signal=void 0,this.currentDirection=void 0;const t=Ze(this.renderRoot).select(".content").selectAll(".dots").data([[],[]]).selectAll(".dot").data((t=>t));t.exit().remove();Ze(this.renderRoot).select(".content").selectAll(".fixation").data([]).exit().remove();Ze(this.renderRoot).select(".content").selectAll(".query").data([]).exit().remove()}run(){const t=Fs(),e=this.baseTime?t-this.baseTime:0,i=this.baseTime?e-this.startTime:0,s=this.baseTime?e-this.lastTime:0;this.lastTime=e;let r=!1;if("resetted"===this.state?(this.state="iti",this.baseTime=t,this.startTime=0,this.dispatchEvent(new CustomEvent("rdk-block-start",{detail:{trials:this.trials},bubbles:!0}))):"iti"===this.state&&i>=this.iti?(r=!0,this.trial+=1,this.state="stimulus",this.startTime=e,this.signal=Math.random()<this.probability?"left":"right",this.currentDirection="left"===this.signal?this.LEFT:this.RIGHT,this.dispatchEvent(new CustomEvent("rdk-trial-start",{detail:{trials:this.trials,duration:this.duration,wait:this.wait,iti:this.iti,trial:this.trial,signal:this.signal},bubbles:!0}))):"stimulus"===this.state&&i>=this.duration?(this.state="wait",this.startTime=e,this.dispatchEvent(new CustomEvent("rdk-trial-middle",{detail:{trials:this.trials,duration:this.duration,wait:this.wait,iti:this.iti,trial:this.trial,signal:this.signal},bubbles:!0}))):"wait"===this.state&&i>=this.wait&&(this.dispatchEvent(new CustomEvent("rdk-trial-end",{detail:{trials:this.trials,duration:this.duration,wait:this.wait,iti:this.iti,trial:this.trial,signal:this.signal},bubbles:!0})),this.trial>=this.trials?(this.runner.stop(),this.running=!1,this.state="ended",this.baseTime=0,this.pauseTime=0,this.startTime=0,this.lastTime=0,this.signal=void 0,this.currentDirection=void 0,this.dispatchEvent(new CustomEvent("rdk-block-end",{detail:{trials:this.trial},bubbles:!0}))):(this.state="iti",this.startTime=e)),"stimulus"===this.state){this.dots[this.COHERENT].length=Math.round(this.count*this.coherence),this.dots[this.RANDOM].length=this.count-this.dots[this.COHERENT].length;for(let t=0;t<this.dots.length;t+=1)for(let i=0;i<this.dots[t].length;i+=1){const a=void 0===this.dots[t][i];a&&(this.dots[t][i]={});const n=this.dots[t][i];if(r||a){n.direction=t===this.RANDOM?360*Math.random():this.currentDirection,n.birth=e-Math.floor(Math.random()*this.lifetime);const i=2*Math.random()*Math.PI,s=Math.sqrt(Math.random());n.x=this.xScale(s*Math.cos(i)),n.y=this.yScale(s*Math.sin(i))}else if(e>n.birth+this.lifetime){n.birth+=this.lifetime,n.direction=t===this.RANDOM?360*Math.random():this.currentDirection;const e=2*Math.random()*Math.PI,i=Math.sqrt(Math.random());n.x=this.xScale(i*Math.cos(e)),n.y=this.yScale(i*Math.sin(e))}else{t===this.COHERENT&&(n.direction=this.currentDirection);const e=n.direction*(Math.PI/180);n.dx=this.speed*(s/1e3)*Math.cos(e),n.dy=this.speed*(s/1e3)*Math.sin(e),n.x+=n.dx,n.y+=n.dy;(n.x-this.xScale(0))**2+(n.y-this.yScale(0))**2>(this.xScale(1)-this.xScale(0))**2&&(n.x=-(n.x-this.xScale(0))+this.xScale(0),n.y=-(n.y-this.yScale(0))+this.yScale(0))}}}const a=Ze(this.renderRoot).select(".content").selectAll(".fixation").data("iti"===this.state?[!0]:[]),n=a.enter().append("g").classed("fixation",!0);n.append("line").attr("x1",this.xScale(-.1)).attr("y1",this.xScale(0)).attr("x2",this.xScale(.1)).attr("y2",this.xScale(0)),n.append("line").attr("x1",this.xScale(0)).attr("y1",this.xScale(-.1)).attr("x2",this.xScale(0)).attr("y2",this.xScale(.1)),a.exit().remove();const o=Ze(this.renderRoot).select(".content").selectAll(".dots").data("stimulus"===this.state?this.dots:[[],[]]).selectAll(".dot").data((t=>t));o.enter().append("circle").classed("dot",!0).merge(o).attr("cx",(t=>t.x)).attr("cy",(t=>t.y)),o.exit().remove();const l=Ze(this.renderRoot).select(".content").selectAll(".query").data("wait"===this.state?[!0]:[]);l.enter().append("g").classed("query",!0).append("text").attr("x",this.xScale(0)).attr("y",this.xScale(0)).attr("text-anchor","middle").attr("alignment-baseline","middle").text("?"),l.exit().remove()}}customElements.define("rdk-2afc-task",Fa);class Ca extends da{static get properties(){return{numeric:{attribute:"numeric",type:Boolean,reflect:!0}}}constructor(){super(),this.numeric=!1}static get styles(){return[super.styles,n`
|
|
1617
|
+
:host {
|
|
1618
|
+
display: block;
|
|
1619
|
+
|
|
1620
|
+
margin: 1rem;
|
|
1621
|
+
}
|
|
1622
|
+
|
|
1623
|
+
/* Containing <div> */
|
|
1624
|
+
.holder {
|
|
1625
|
+
display: flex;
|
|
1626
|
+
|
|
1627
|
+
flex-direction: row;
|
|
1628
|
+
|
|
1629
|
+
justify-content: left;
|
|
1630
|
+
}
|
|
1631
|
+
|
|
1632
|
+
/* Overall <table> */
|
|
1633
|
+
.equation {
|
|
1634
|
+
text-align: center;
|
|
1635
|
+
white-space: nowrap;
|
|
1636
|
+
|
|
1637
|
+
border-collapse: collapse;
|
|
1638
|
+
|
|
1639
|
+
border: 0;
|
|
1640
|
+
}
|
|
1641
|
+
|
|
1642
|
+
/* Modifies <td> */
|
|
1643
|
+
.underline {
|
|
1644
|
+
border-bottom: 1px solid var(---color-text);
|
|
1645
|
+
}
|
|
1646
|
+
|
|
1647
|
+
/* Basic <span> and <var> w/modifiers */
|
|
1648
|
+
span,
|
|
1649
|
+
var {
|
|
1650
|
+
padding: 0 0.25rem;
|
|
1651
|
+
|
|
1652
|
+
font-style: normal;
|
|
1653
|
+
}
|
|
1654
|
+
|
|
1655
|
+
var {
|
|
1656
|
+
border-radius: var(---border-radius);
|
|
1657
|
+
}
|
|
1658
|
+
|
|
1659
|
+
.tight {
|
|
1660
|
+
padding: 0;
|
|
1661
|
+
}
|
|
1662
|
+
|
|
1663
|
+
.paren {
|
|
1664
|
+
font-size: 150%;
|
|
1665
|
+
}
|
|
1666
|
+
|
|
1667
|
+
.bracket {
|
|
1668
|
+
font-size: 175%;
|
|
1669
|
+
}
|
|
1670
|
+
|
|
1671
|
+
.brace {
|
|
1672
|
+
font-size: 200%;
|
|
1673
|
+
}
|
|
1674
|
+
|
|
1675
|
+
.addend {
|
|
1676
|
+
position: relative;
|
|
1677
|
+
display: inline-block;
|
|
1678
|
+
}
|
|
1679
|
+
|
|
1680
|
+
.comparison {
|
|
1681
|
+
position: relative;
|
|
1682
|
+
display: inline-block;
|
|
1683
|
+
|
|
1684
|
+
font-size: 125%;
|
|
1685
|
+
font-weight: 600;
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1688
|
+
.function {
|
|
1689
|
+
display: inline-block;
|
|
1690
|
+
|
|
1691
|
+
border-radius: var(---border-radius);
|
|
1692
|
+
}
|
|
1693
|
+
|
|
1694
|
+
:host([numeric]) .function {
|
|
1695
|
+
padding: 0.25rem;
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
.exp {
|
|
1699
|
+
display: inline-block;
|
|
1700
|
+
|
|
1701
|
+
font-size: 0.75rem;
|
|
1702
|
+
}
|
|
1703
|
+
|
|
1704
|
+
.subscript {
|
|
1705
|
+
display: inline-block;
|
|
1706
|
+
|
|
1707
|
+
font-size: 66.667%;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
.summation {
|
|
1711
|
+
display: flex;
|
|
1712
|
+
|
|
1713
|
+
flex-direction: column;
|
|
1714
|
+
|
|
1715
|
+
line-height: 0.8;
|
|
1716
|
+
}
|
|
1717
|
+
|
|
1718
|
+
.sigma {
|
|
1719
|
+
display: inline-block;
|
|
1720
|
+
|
|
1721
|
+
font-size: 200%;
|
|
1722
|
+
}
|
|
1723
|
+
|
|
1724
|
+
/* Input wrapping <label> */
|
|
1725
|
+
decidables-spinner {
|
|
1726
|
+
--decidables-spinner-input-width: 4rem;
|
|
1727
|
+
|
|
1728
|
+
display: inline-block;
|
|
1729
|
+
|
|
1730
|
+
padding: 0.125rem 0.375rem 0.375rem;
|
|
1731
|
+
|
|
1732
|
+
line-height: 1.5;
|
|
1733
|
+
vertical-align: middle;
|
|
1734
|
+
|
|
1735
|
+
border-radius: var(---border-radius);
|
|
1736
|
+
}
|
|
1737
|
+
|
|
1738
|
+
.n {
|
|
1739
|
+
--decidables-spinner-input-width: 2rem;
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
.left {
|
|
1743
|
+
text-align: left;
|
|
1744
|
+
}
|
|
1745
|
+
|
|
1746
|
+
.right {
|
|
1747
|
+
text-align: right;
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1750
|
+
.bottom {
|
|
1751
|
+
vertical-align: bottom;
|
|
1752
|
+
}
|
|
1753
|
+
|
|
1754
|
+
.top {
|
|
1755
|
+
vertical-align: top;
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
/* Color scheme */
|
|
1759
|
+
.a {
|
|
1760
|
+
background: var(---color-a-light);
|
|
1761
|
+
}
|
|
1762
|
+
|
|
1763
|
+
.z {
|
|
1764
|
+
background: var(---color-z-light);
|
|
1765
|
+
}
|
|
1766
|
+
|
|
1767
|
+
.v {
|
|
1768
|
+
background: var(---color-v-light);
|
|
1769
|
+
}
|
|
1770
|
+
|
|
1771
|
+
.t0 {
|
|
1772
|
+
background: var(---color-t0-light);
|
|
1773
|
+
}
|
|
1774
|
+
|
|
1775
|
+
.s {
|
|
1776
|
+
background: var(---color-s-light);
|
|
1777
|
+
}
|
|
1778
|
+
`]}}class va extends Ca{static get properties(){return{a:{attribute:"boundary-separation",type:Number,reflect:!0},z:{attribute:"starting-point",type:Number,reflect:!0},v:{attribute:"drift-rate",type:Number,reflect:!0},accuracy:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.a=1.5,this.z=.5,this.v=.1,this.alignState()}alignState(){this.accuracy=ua.azv2pC(this.a,this.z,this.v)}sendEvent(){this.dispatchEvent(new CustomEvent("ddm-equation-azv2pc-change",{detail:{a:this.a,z:this.z,v:this.v,accuracy:this.accuracy},bubbles:!0}))}aInput(t){this.a=parseFloat(t.target.value),this.alignState(),this.sendEvent()}zInput(t){this.z=parseFloat(t.target.value),this.alignState(),this.sendEvent()}vInput(t){this.v=parseFloat(t.target.value),this.alignState(),this.sendEvent()}willUpdate(){this.alignState()}render(){let t,e,i,s,r;this.numeric?(t=W`<decidables-spinner class="a bottom" ?disabled=${!this.interactive} min="0.1" max="2" step="0.01" .value="${this.a}" @input=${this.aInput.bind(this)}>
|
|
1779
|
+
<var class="math-var">a</var>
|
|
1780
|
+
</decidables-spinner>`,e=W`<decidables-spinner class="z bottom" ?disabled=${!this.interactive} min="0.01" max="0.99" step="0.01" .value="${this.z}" @input=${this.zInput.bind(this)}>
|
|
1781
|
+
<var class="math-var">z</var>
|
|
1782
|
+
</decidables-spinner>`,i=W`<decidables-spinner class="v bottom" ?disabled=${!this.interactive} min="0.01" max="5" step="0.01" .value="${this.v}" @input=${this.vInput.bind(this)}>
|
|
1783
|
+
<var class="math-var">v</var>
|
|
1784
|
+
</decidables-spinner>`,s=W`<decidables-spinner class="s bottom" disabled min="0.01" max="1" step="0.01" .value="${ua.s}">
|
|
1785
|
+
<var class="math-var">s</var>
|
|
1786
|
+
</decidables-spinner>`,r=W`<decidables-spinner class="accuracy bottom" disabled min="0" max="1" step="0.01" .value="${+this.accuracy.toFixed(2)}">
|
|
1787
|
+
<var>Accuracy</var>
|
|
1788
|
+
</decidables-spinner>`):(t=W`<var class="math-var a">a</var>`,e=W`<var class="math-var z">z</var>`,i=W`<var class="math-var v">v</var>`,s=W`<var class="math-var s">s</var>`,r=W`<var class="accuracy">Accuracy</var>`);const a=W`
|
|
1789
|
+
<tr>
|
|
1790
|
+
<td rowspan="2">
|
|
1791
|
+
${r}<span class="equals">=</span>
|
|
1792
|
+
</td>
|
|
1793
|
+
<td class="underline">
|
|
1794
|
+
<var class="math-greek e tight">e</var><sup class="exp"><span class="minus tight">−</span><span class="paren tight">(</span>2${i}${t} / ${s}<sup class="exp">2</sup><span class="paren tight">)</span></sup>
|
|
1795
|
+
<span class="minus">−</span>
|
|
1796
|
+
<var class="math-greek e tight">e</var><sup class="exp"><span class="minus tight">−</span><span class="paren tight">(</span>2${i}${e} / ${s}<sup class="exp">2</sup><span class="paren tight">)</span></sup>
|
|
1797
|
+
</td>
|
|
1798
|
+
</tr>
|
|
1799
|
+
<tr>
|
|
1800
|
+
<td>
|
|
1801
|
+
<var class="math-greek e tight">e</var><sup class="exp"><span class="minus tight">−</span><span class="paren tight">(</span>2${i}${t} / ${s}<sup class="exp">2</sup><span class="paren tight">)</span></sup>
|
|
1802
|
+
<span class="minus">−</span>
|
|
1803
|
+
1
|
|
1804
|
+
</td>
|
|
1805
|
+
</tr>`;return W`
|
|
1806
|
+
<div class="holder">
|
|
1807
|
+
<table class="equation">
|
|
1808
|
+
<tbody>
|
|
1809
|
+
${a}
|
|
1810
|
+
</tbody>
|
|
1811
|
+
</table>
|
|
1812
|
+
</div>`}}customElements.define("ddm-equation-azv2pc",va);class xa extends Ca{static get properties(){return{a:{attribute:"boundary-separation",type:Number,reflect:!0},z:{attribute:"starting-point",type:Number,reflect:!0},v:{attribute:"drift-rate",type:Number,reflect:!0},t0:{attribute:"nondecision-time",type:Number,reflect:!0},meanRT:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.a=1.5,this.z=.5,this.v=.1,this.t0=200,this.alignState()}alignState(){this.meanRT=ua.azvt02m(this.a,this.z,this.v,this.t0)}sendEvent(){this.dispatchEvent(new CustomEvent("ddm-equation-azvt02m-change",{detail:{a:this.a,z:this.z,v:this.v,t0:this.t0,meanRT:this.meanRT},bubbles:!0}))}aInput(t){this.a=parseFloat(t.target.value),this.alignState(),this.sendEvent()}zInput(t){this.z=parseFloat(t.target.value),this.alignState(),this.sendEvent()}vInput(t){this.v=parseFloat(t.target.value),this.alignState(),this.sendEvent()}t0Input(t){this.t0=parseFloat(t.target.value),this.alignState(),this.sendEvent()}willUpdate(){this.alignState()}render(){let t,e,i,s,r,a;this.numeric?(t=W`<decidables-spinner class="a bottom" ?disabled=${!this.interactive} min="0.1" max="2" step="0.01" .value="${this.a}" @input=${this.aInput.bind(this)}>
|
|
1813
|
+
<var class="math-var">a</var>
|
|
1814
|
+
</decidables-spinner>`,e=W`<decidables-spinner class="z bottom" ?disabled=${!this.interactive} min="0.01" max="0.99" step="0.01" .value="${this.z}" @input=${this.zInput.bind(this)}>
|
|
1815
|
+
<var class="math-var">z</var>
|
|
1816
|
+
</decidables-spinner>`,i=W`<decidables-spinner class="v bottom" ?disabled=${!this.interactive} min="0.01" max="5" step="0.01" .value="${this.v}" @input=${this.vInput.bind(this)}>
|
|
1817
|
+
<var class="math-var">v</var>
|
|
1818
|
+
</decidables-spinner>`,s=W`<decidables-spinner class="t0 bottom" ?disabled=${!this.interactive} min="0" max="500" step="1" .value="${this.t0}" @input=${this.t0Input.bind(this)}>
|
|
1819
|
+
<var class="math-var">t<sub>0</sub></var>
|
|
1820
|
+
</decidables-spinner>`,r=W`<decidables-spinner class="s bottom" disabled min="0.01" max="1" step="0.01" .value="${ua.s}">
|
|
1821
|
+
<var class="math-var">s</var>
|
|
1822
|
+
</decidables-spinner>`,a=W`<decidables-spinner class="mean-rt bottom" disabled min="0" max="1" step="0.01" .value="${+this.meanRT.toFixed(0)}">
|
|
1823
|
+
<var>Mean RT</var>
|
|
1824
|
+
</decidables-spinner>`):(t=W`<var class="math-var a">a</var>`,e=W`<var class="math-var z">z</var>`,i=W`<var class="math-var v">v</var>`,s=W`<var class="math-var t0">t<sub>0</sub></var>`,r=W`<var class="math-var s">s</var>`,a=W`<var class="mean-rt">Mean RT</var>`);const n=W`
|
|
1825
|
+
<tr>
|
|
1826
|
+
<td rowspan="2">
|
|
1827
|
+
${a}<span class="equals">=</span>
|
|
1828
|
+
${s}
|
|
1829
|
+
<span class="minus">−</span>
|
|
1830
|
+
</td>
|
|
1831
|
+
<td class="underline">
|
|
1832
|
+
${e}
|
|
1833
|
+
</td>
|
|
1834
|
+
<td rowspan="2">
|
|
1835
|
+
<span class="plus">+</span>
|
|
1836
|
+
</td>
|
|
1837
|
+
<td class="underline">
|
|
1838
|
+
${t}
|
|
1839
|
+
</td>
|
|
1840
|
+
<td rowspan="2"> </td>
|
|
1841
|
+
<td class="underline">
|
|
1842
|
+
<var class="math-greek e tight">e</var><sup class="exp"><span class="minus tight">−</span><span class="paren tight">(</span>2${i}${e} / ${r}<sup class="exp">2</sup><span class="paren tight">)</span></sup>
|
|
1843
|
+
<span class="minus">−</span>
|
|
1844
|
+
1
|
|
1845
|
+
</td>
|
|
1846
|
+
</tr>
|
|
1847
|
+
<tr>
|
|
1848
|
+
<td>
|
|
1849
|
+
${i}
|
|
1850
|
+
</td>
|
|
1851
|
+
<td>
|
|
1852
|
+
${i}
|
|
1853
|
+
</td>
|
|
1854
|
+
<td>
|
|
1855
|
+
<var class="math-greek e tight">e</var><sup class="exp"><span class="minus tight">−</span><span class="paren tight">(</span>2${i}${t} / ${r}<sup class="exp">2</sup><span class="paren tight">)</span></sup>
|
|
1856
|
+
<span class="minus">−</span>
|
|
1857
|
+
1
|
|
1858
|
+
</td>
|
|
1859
|
+
</tr>`;return W`
|
|
1860
|
+
<div class="holder">
|
|
1861
|
+
<table class="equation">
|
|
1862
|
+
<tbody>
|
|
1863
|
+
${n}
|
|
1864
|
+
</tbody>
|
|
1865
|
+
</table>
|
|
1866
|
+
</div>`}}customElements.define("ddm-equation-azvt02m",xa);class Aa extends da{static get styles(){return[super.styles,n`
|
|
1867
|
+
:host {
|
|
1868
|
+
---border: var(--border, 1px solid var(---color-border));
|
|
1869
|
+
display: inline-block;
|
|
1870
|
+
|
|
1871
|
+
margin-bottom: 1rem;
|
|
1872
|
+
}
|
|
1873
|
+
|
|
1874
|
+
.holder {
|
|
1875
|
+
display: flex;
|
|
1876
|
+
}
|
|
1877
|
+
|
|
1878
|
+
.body {
|
|
1879
|
+
display: flex;
|
|
1880
|
+
|
|
1881
|
+
flex-wrap: wrap;
|
|
1882
|
+
|
|
1883
|
+
align-items: center;
|
|
1884
|
+
justify-content: left;
|
|
1885
|
+
|
|
1886
|
+
padding: 0.625rem;
|
|
1887
|
+
|
|
1888
|
+
border: var(---border);
|
|
1889
|
+
border-radius: 0.25rem;
|
|
1890
|
+
}
|
|
1891
|
+
|
|
1892
|
+
.body ::slotted(*) {
|
|
1893
|
+
margin: 0.625rem;
|
|
1894
|
+
}
|
|
1895
|
+
|
|
1896
|
+
/* HACK: Sibling selectors not working with ::slotted */
|
|
1897
|
+
/* .body > rdk-task + sdt-response,
|
|
1898
|
+
::slotted(rdk-task) + ::slotted(sdt-response) { */
|
|
1899
|
+
/* .body ::slotted(sdt-response) {
|
|
1900
|
+
margin-left: 0;
|
|
1901
|
+
} */
|
|
1902
|
+
|
|
1903
|
+
/* HACK: Sibling selectors not working with ::slotted */
|
|
1904
|
+
/* .body > sdt-control + rdk-task,
|
|
1905
|
+
::slotted(sdt-control) + ::slotted(rdk-task) {
|
|
1906
|
+
margin-left: 0;
|
|
1907
|
+
} */
|
|
1908
|
+
/* .body ::slotted(rdk-task) {
|
|
1909
|
+
margin-left: 0;
|
|
1910
|
+
} */
|
|
1911
|
+
`]}render(){return W`
|
|
1912
|
+
<div class="holder">
|
|
1913
|
+
<div class="body">
|
|
1914
|
+
<slot>Empty!</slot>
|
|
1915
|
+
</div>
|
|
1916
|
+
</div>`}}customElements.define("ddm-example",Aa);class Ea extends Aa{constructor(){super(),this.trialCount=0}connectedCallback(){super.connectedCallback(),this.accumulableControl=this.querySelector("accumulable-control"),this.rdkTask=this.querySelector("rdk-2afc-task"),this.accumulableResponse=this.querySelector("accumulable-response"),this.accumulableTable=this.querySelector("accumulable-table"),this.ddmParameters=this.querySelector("ddm-parameters"),this.ddmModel=this.querySelector("ddm-model"),this.ddmFit=this.querySelector("ddm-fit"),this.ddmModel.clear(),this.accumulableControl&&this.accumulableControl.hasAttribute("trials")&&this.accumulableControl.addEventListener("accumulable-control-trials",(t=>{this.rdkTask&&(this.rdkTask.trials=t.detail.trials),this.accumulableResponse&&(this.accumulableResponse.trialTotal=t.detail.trials)})),this.accumulableControl&&this.accumulableControl.hasAttribute("duration")&&this.accumulableControl.addEventListener("accumulable-control-duration",(t=>{this.rdkTask&&(this.rdkTask.duration=t.detail.duration,this.rdkTask.wait=t.detail.duration,this.rdkTask.iti=t.detail.duration)})),this.accumulableControl&&this.accumulableControl.hasAttribute("coherence")&&this.accumulableControl.addEventListener("accumulable-control-coherence",(t=>{this.rdkTask&&(this.rdkTask.coherence=t.detail.coherence)})),this.accumulableControl&&this.accumulableControl.hasAttribute("color")&&this.accumulableControl.addEventListener("accumulable-control-color",(t=>{this.accumulableTable&&(this.accumulableTable.color=t.detail.color)})),this.accumulableControl&&this.accumulableControl.hasAttribute("run")&&this.accumulableControl.addEventListener("accumulable-control-run",(()=>{this.rdkTask&&(this.rdkTask.running=!0)})),this.accumulableControl&&this.accumulableControl.hasAttribute("pause")&&this.accumulableControl.addEventListener("accumulable-control-pause",(()=>{this.rdkTask&&(this.rdkTask.running=!1)})),this.accumulableControl&&this.accumulableControl.hasAttribute("reset")&&this.accumulableControl.addEventListener("accumulable-control-reset",(()=>{this.rdkTask&&this.rdkTask.reset(),this.accumulableResponse&&this.accumulableResponse.reset(),this.accumulableTable&&(this.accumulableTable.correctCount=NaN,this.accumulableTable.errorCount=NaN,this.accumulableTable.nrCount=NaN,this.accumulableTable.accuracy=NaN,this.accumulableTable.correctMeanRT=NaN,this.accumulableTable.errorMeanRT=NaN,this.accumulableTable.meanRT=NaN,this.accumulableTable.correctSDRT=NaN,this.accumulableTable.errorSDRT=NaN,this.accumulableTable.sdRT=NaN),this.ddmModel&&this.ddmModel.clear(),this.ddmFit&&this.ddmFit.clear()})),this.rdkTask&&this.accumulableResponse&&(this.accumulableResponse.trialTotal=this.rdkTask.trials),this.rdkTask&&this.rdkTask.addEventListener("rdk-trial-start",(t=>{this.accumulableResponse&&this.accumulableResponse.start(t.detail.signal,t.detail.trial)})),this.rdkTask&&this.rdkTask.addEventListener("rdk-trial-end",(()=>{this.accumulableResponse&&this.accumulableResponse.stop()})),this.rdkTask&&this.rdkTask.addEventListener("rdk-block-end",(()=>{this.accumulableControl&&this.accumulableControl.complete()})),this.accumulableResponse&&this.accumulableResponse.addEventListener("accumulable-response",(t=>{this.accumulableTable&&(this.accumulableTable.correctCount=t.detail.correctCount,this.accumulableTable.errorCount=t.detail.errorCount,this.accumulableTable.nrCount=t.detail.nrCount,this.accumulableTable.accuracy=t.detail.accuracy,this.accumulableTable.correctMeanRT=t.detail.correctMeanRT,this.accumulableTable.errorMeanRT=t.detail.errorMeanRT,this.accumulableTable.meanRT=t.detail.meanRT,this.accumulableTable.correctSDRT=t.detail.correctSDRT,this.accumulableTable.errorSDRT=t.detail.errorSDRT,this.accumulableTable.sdRT=t.detail.sdRT),this.ddmModel&&this.ddmModel.trial({index:t.detail.trial,rt:t.detail.rt,outcome:t.detail.outcome}),this.ddmFit&&this.ddmFit.set({accuracy:t.detail.accuracy,correctMeanRT:t.detail.correctMeanRT,errorMeanRT:t.detail.errorMeanRT,meanRT:t.detail.meanRT,correctSDRT:t.detail.correctSDRT,errorSDRT:t.detail.errorSDRT,sdRT:t.detail.sdRT})})),this.ddmFit&&this.ddmFit.addEventListener("ddm-fit-update",(t=>{this.ddmParameters&&(this.ddmParameters.a=t.detail.a,this.ddmParameters.z=.5,this.ddmParameters.v=t.detail.v,this.ddmParameters.t0=t.detail.t0),this.ddmModel&&(this.ddmModel.a=t.detail.a,this.ddmModel.z=.5,this.ddmModel.v=t.detail.v,this.ddmModel.t0=t.detail.t0)}))}}customElements.define("ddm-example-human",Ea);class Ra extends Aa{static get properties(){return{trials:{attribute:"trials",type:Number,reflect:!0},a:{attribute:"boundary-separation",type:Number,reflect:!0},z:{attribute:"starting-point",type:Number,reflect:!0},v:{attribute:"drift-rate",type:Number,reflect:!0},t0:{attribute:"nondecision-time",type:Number,reflect:!0}}}constructor(){super(),this.trials=10,this.a=1.2,this.z=.35,this.v=1.5,this.t0=150,this.accumulableControl=null,this.accumulableTable=null,this.ddmParameters=null,this.ddmModel=null,this.data=void 0,this.model=void 0}connectedCallback(){super.connectedCallback(),this.accumulableControl=this.querySelector("accumulable-control"),this.accumulableTable=this.querySelector("accumulable-table"),this.ddmParameters=this.querySelector("ddm-parameters"),this.ddmModel=this.querySelector("ddm-model"),this.accumulableControl&&(this.accumulableControl.addEventListener("accumulable-control-resample",(()=>{this.ddmModel?.resample(),this.requestUpdate()})),this.accumulableControl.addEventListener("accumulable-control-trials",(t=>{this.trials=t.detail.trials}))),this.ddmParameters&&(this.ddmParameters.addEventListener("ddm-parameters-a",(t=>{this.a=t.detail.a})),this.ddmParameters.addEventListener("ddm-parameters-z",(t=>{this.z=t.detail.z})),this.ddmParameters.addEventListener("ddm-parameters-v",(t=>{this.v=t.detail.v})),this.ddmParameters.addEventListener("ddm-parameters-t0",(t=>{this.t0=t.detail.t0}))),this.ddmModel&&(this.ddmModel.addEventListener("ddm-model-a",(t=>{this.a=t.detail.a})),this.ddmModel.addEventListener("ddm-model-z",(t=>{this.z=t.detail.z})),this.ddmModel.addEventListener("ddm-model-v",(t=>{this.v=t.detail.v})),this.ddmModel.addEventListener("ddm-model-t0",(t=>{this.t0=t.detail.t0})),this.ddmModel.addEventListener("ddm-model-output",(t=>{this.data=t.detail.data,this.model=t.detail.model,this.requestUpdate()}))),this.requestUpdate()}update(t){super.update(t),this.accumulableControl&&(this.accumulableControl.trials=this.trials),this.accumulableTable&&this.data&&(this.accumulableTable.correctCount=this.data.correctCount,this.accumulableTable.errorCount=this.data.errorCount,this.accumulableTable.nrCount=this.data.nrCount,this.accumulableTable.accuracy=this.data.accuracy,this.accumulableTable.correctMeanRT=this.data.correctMeanRT,this.accumulableTable.errorMeanRT=this.data.errorMeanRT,this.accumulableTable.meanRT=this.data.meanRT,this.accumulableTable.correctSDRT=this.data.correctSDRT,this.accumulableTable.errorSDRT=this.data.errorSDRT,this.accumulableTable.sdRT=this.data.sdRT),this.ddmParameters&&(this.ddmParameters.a=this.a,this.ddmParameters.z=this.z,this.ddmParameters.v=this.v,this.ddmParameters.t0=this.t0),this.ddmModel&&(this.ddmModel.trials=this.trials,this.ddmModel.a=+this.a,this.ddmModel.z=+this.z,this.ddmModel.v=+this.v,this.ddmModel.t0=+this.t0)}}customElements.define("ddm-example-interactive",Ra);class Na extends Aa{static get properties(){return{trials:{attribute:"trials",type:Number,reflect:!0},duration:{attribute:"duration",type:Number,reflect:!0},coherence:{attribute:"coherence",type:Number,reflect:!0},color:{attribute:"color",type:String,reflect:!0},a:{attribute:"boundary-separation",type:Number,reflect:!0},z:{attribute:"starting-point",type:Number,reflect:!0},v:{attribute:"drift-rate",type:Number,reflect:!0},t0:{attribute:"nondecision-time",type:Number,reflect:!0}}}constructor(){super(),this.trials=10,this.duration=2e3,this.coherence=.5,this.colors=["none","measure","outcome","all"],this.color="outcome",this.a=1.2,this.z=.35,this.v=1.5,this.t0=150,this.accumulableControl=null,this.rdkTask=null,this.ddmParameters=null,this.ddmModel=null,this.accumulableResponse=null,this.accumulableTable=null,this.trialCount=0,this.signals=["left","right"],this.signal=void 0,this.data=void 0,this.model=void 0}connectedCallback(){super.connectedCallback(),this.accumulableControl=this.querySelector("accumulable-control"),this.rdkTask=this.querySelector("rdk-2afc-task"),this.ddmParameters=this.querySelector("ddm-parameters"),this.ddmModel=this.querySelector("ddm-model"),this.accumulableResponse=this.querySelector("accumulable-response"),this.accumulableTable=this.querySelector("accumulable-table"),this.accumulableControl&&(this.accumulableControl.hasAttribute("trials")&&this.accumulableControl.addEventListener("accumulable-control-trials",(t=>{this.trials=t.detail.trials})),this.accumulableControl.hasAttribute("duration")&&this.accumulableControl.addEventListener("accumulable-control-duration",(t=>{this.duration=t.detail.duration})),this.accumulableControl.hasAttribute("color")&&this.accumulableControl.addEventListener("accumulable-control-color",(t=>{this.color=t.detail.color})),this.accumulableControl.hasAttribute("run")&&this.accumulableControl.addEventListener("accumulable-control-run",(()=>{this.rdkTask&&(this.rdkTask.running=!0),this.ddmModel&&this.ddmModel.resumeTrial()})),this.accumulableControl.hasAttribute("pause")&&this.accumulableControl.addEventListener("accumulable-control-pause",(()=>{this.rdkTask&&(this.rdkTask.running=!1),this.ddmModel&&this.ddmModel.pauseTrial()})),this.accumulableControl.hasAttribute("reset")&&this.accumulableControl.addEventListener("accumulable-control-reset",(()=>{this.trialCount=0,this.signal=void 0,this.rdkTask&&this.rdkTask.reset(),this.ddmModel&&(this.ddmModel.trials=this.trialCount),this.accumulableResponse&&this.accumulableResponse.reset(),this.accumulableTable}))),this.rdkTask&&(this.rdkTask.addEventListener("rdk-trial-start",(t=>{this.signal=t.detail.signal,this.accumulableResponse&&this.accumulableResponse.start(t.detail.signal,t.detail.trial),this.ddmModel&&(this.trialCount+=1,this.ddmModel.trial())})),this.rdkTask.addEventListener("rdk-trial-end",(()=>{this.signal=void 0,this.accumulableResponse&&this.accumulableResponse.stop()})),this.rdkTask.addEventListener("rdk-block-end",(()=>{this.accumulableControl&&this.accumulableControl.complete()}))),this.ddmParameters&&(this.ddmParameters.addEventListener("ddm-parameters-a",(t=>{this.a=t.detail.a})),this.ddmParameters.addEventListener("ddm-parameters-z",(t=>{this.z=t.detail.z})),this.ddmParameters.addEventListener("ddm-parameters-v",(t=>{this.v=t.detail.v})),this.ddmParameters.addEventListener("ddm-parameters-t0",(t=>{this.t0=t.detail.t0}))),this.ddmModel&&(this.ddmModel.addEventListener("ddm-model-a",(t=>{this.a=t.detail.a})),this.ddmModel.addEventListener("ddm-model-z",(t=>{this.z=t.detail.z})),this.ddmModel.addEventListener("ddm-model-v",(t=>{this.v=t.detail.v})),this.ddmModel.addEventListener("ddm-model-t0",(t=>{this.t0=t.detail.t0})),this.ddmModel.addEventListener("ddm-model-output",(t=>{this.data=t.detail.data,this.model=t.detail.model,this.requestUpdate()})),this.ddmModel&&this.ddmModel.addEventListener("accumulable-response",(t=>{if(this.accumulableResponse){const e="correct"===t.detail.outcome?this.signal:"left"===this.signal?"right":"left";this.accumulableResponse.responded(e)}this.data=t.detail.data,this.model=t.detail.model,this.requestUpdate()}))),this.requestUpdate()}update(t){super.update(t),this.trialCount>this.trials&&(this.trialCount=this.trials),this.accumulableControl&&(this.accumulableControl.trials=this.trials,this.accumulableControl.duration=this.duration,this.accumulableControl.coherence=this.coherence,this.accumulableControl.color=this.color),this.rdkTask&&(this.rdkTask.trials=this.trials,this.rdkTask.duration=this.duration,this.rdkTask.coherence=this.coherence),this.ddmParameters&&(this.ddmParameters.a=this.a,this.ddmParameters.z=this.z,this.ddmParameters.v=this.v,this.ddmParameters.t0=this.t0),this.ddmModel&&(this.ddmModel.trials=this.trialCount,this.ddmModel.a=+this.a,this.ddmModel.z=+this.z,this.ddmModel.v=+this.v,this.ddmModel.t0=+this.t0),this.accumulableResponse&&(this.accumulableResponse.trialTotal=this.trials),this.accumulableTable&&(this.accumulableTable.color=this.color),this.accumulableTable&&this.data&&(this.accumulableTable.correctCount=this.data.correctCount,this.accumulableTable.errorCount=this.data.errorCount,this.accumulableTable.nrCount=this.data.nrCount,this.accumulableTable.accuracy=this.data.accuracy,this.accumulableTable.correctMeanRT=this.data.correctMeanRT,this.accumulableTable.errorMeanRT=this.data.errorMeanRT,this.accumulableTable.meanRT=this.data.meanRT,this.accumulableTable.correctSDRT=this.data.correctSDRT,this.accumulableTable.errorSDRT=this.data.errorSDRT,this.accumulableTable.sdRT=this.data.sdRT)}}customElements.define("ddm-example-model",Na);export{ha as AccumulableControl,da as AccumulableElement,ga as AccumulableResponse,pa as AccumulableTable,va as DDMEquationAZV2PC,xa as DDMEquationAZVT02M,Ea as DDMExampleHuman,Ra as DDMExampleInteractive,Na as DDMExampleModel,Ua as DDMFit,Ia as DDMModel,fa as DDMParameters,Fa as RDK2AFCTask};
|
|
1917
|
+
//# sourceMappingURL=accumulableElements.esm.min.js.map
|