diff --git a/asset-manifest.json b/asset-manifest.json
index 85942fa..eab9311 100644
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,14 +1,14 @@
{
"files": {
"main.css": "/static/css/main.f07360ad.css",
- "main.js": "/static/js/main.f0c25266.js",
+ "main.js": "/static/js/main.c5435d51.js",
"static/media/bark.mp3": "/static/media/bark.367847c8ab1b26a64e41.mp3",
"index.html": "/index.html",
"main.f07360ad.css.map": "/static/css/main.f07360ad.css.map",
- "main.f0c25266.js.map": "/static/js/main.f0c25266.js.map"
+ "main.c5435d51.js.map": "/static/js/main.c5435d51.js.map"
},
"entrypoints": [
"static/css/main.f07360ad.css",
- "static/js/main.f0c25266.js"
+ "static/js/main.c5435d51.js"
]
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 397712f..a44d117 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-CS 1332 Data Structures and Algorithms Visualizations
\ No newline at end of file
+CS 1332 Data Structures and Algorithms Visualizations
\ No newline at end of file
diff --git a/static/js/main.f0c25266.js b/static/js/main.c5435d51.js
similarity index 94%
rename from static/js/main.f0c25266.js
rename to static/js/main.c5435d51.js
index a387c2a..dfb87a5 100644
--- a/static/js/main.f0c25266.js
+++ b/static/js/main.c5435d51.js
@@ -1,3 +1,3 @@
-/*! For license information please see main.f0c25266.js.LICENSE.txt */
-!function(){var t={182:function(t,e,i){"use strict";function s(t){var e,i,h="";if("string"==typeof t||"number"==typeof t)h+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e-1?"[^"+l(t)+"]+?":l(e)+"|(?:(?!"+l(e)+")[^"+l(t)+"])+?"}function r(t){return encodeURI(t).replace(/[\/?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}))}function o(t,e){for(var i=new Array(t.length),h=0;he}return!1}(e,i,h,s)&&(i=null),s||null===h?function(t){return!!c.call(g,t)||!c.call(m,t)&&(u.test(t)?g[t]=!0:(m[t]=!0,!1))}(e)&&(null===i?t.removeAttribute(e):t.setAttribute(e,""+i)):h.mustUseProperty?t[h.propertyName]=null===i?3!==h.type&&"":i:(e=h.attributeName,s=h.attributeNamespace,null===i?t.removeAttribute(e):(i=3===(h=h.type)||4===h&&!0===i?"":""+i,s?t.setAttributeNS(s,e,i):t.setAttribute(e,i))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(t){var e=t.replace(I,b);f[e]=new p(e,1,!1,t,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(t){var e=t.replace(I,b);f[e]=new p(e,1,!1,t,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(t){var e=t.replace(I,b);f[e]=new p(e,1,!1,t,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(t){f[t]=new p(t,1,!1,t.toLowerCase(),null,!1,!1)})),f.xlinkHref=new p("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(t){f[t]=new p(t,1,!1,t.toLowerCase(),null,!0,!0)}));var D=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,y=Symbol.for("react.element"),v=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),T=Symbol.for("react.provider"),L=Symbol.for("react.context"),S=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),B=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var P=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var z=Symbol.iterator;function E(t){return null===t||"object"!==typeof t?null:"function"===typeof(t=z&&t[z]||t["@@iterator"])?t:null}var j,N=Object.assign;function R(t){if(void 0===j)try{throw Error()}catch(i){var e=i.stack.trim().match(/\n( *(at )?)/);j=e&&e[1]||""}return"\n"+j+t}var O=!1;function H(t,e){if(!t||O)return"";O=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(e)if(e=function(){throw Error()},Object.defineProperty(e.prototype,"props",{set:function(){throw Error()}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(e,[])}catch(l){var s=l}Reflect.construct(t,[],e)}else{try{e.call()}catch(l){s=l}t.call(e.prototype)}else{try{throw Error()}catch(l){s=l}t()}}catch(l){if(l&&s&&"string"===typeof l.stack){for(var h=l.stack.split("\n"),n=s.stack.split("\n"),a=h.length-1,r=n.length-1;1<=a&&0<=r&&h[a]!==n[r];)r--;for(;1<=a&&0<=r;a--,r--)if(h[a]!==n[r]){if(1!==a||1!==r)do{if(a--,0>--r||h[a]!==n[r]){var o="\n"+h[a].replace(" at new "," at ");return t.displayName&&o.includes("")&&(o=o.replace("",t.displayName)),o}}while(1<=a&&0<=r);break}}}finally{O=!1,Error.prepareStackTrace=i}return(t=t?t.displayName||t.name:"")?R(t):""}function M(t){switch(t.tag){case 5:return R(t.type);case 16:return R("Lazy");case 13:return R("Suspense");case 19:return R("SuspenseList");case 0:case 2:case 15:return t=H(t.type,!1);case 11:return t=H(t.type.render,!1);case 1:return t=H(t.type,!0);default:return""}}function V(t){if(null==t)return null;if("function"===typeof t)return t.displayName||t.name||null;if("string"===typeof t)return t;switch(t){case C:return"Fragment";case v:return"Portal";case w:return"Profiler";case k:return"StrictMode";case F:return"Suspense";case A:return"SuspenseList"}if("object"===typeof t)switch(t.$$typeof){case L:return(t.displayName||"Context")+".Consumer";case T:return(t._context.displayName||"Context")+".Provider";case S:var e=t.render;return(t=t.displayName)||(t=""!==(t=e.displayName||e.name||"")?"ForwardRef("+t+")":"ForwardRef"),t;case _:return null!==(e=t.displayName||null)?e:V(t.type)||"Memo";case B:e=t._payload,t=t._init;try{return V(t(e))}catch(i){}}return null}function $(t){var e=t.type;switch(t.tag){case 24:return"Cache";case 9:return(e.displayName||"Context")+".Consumer";case 10:return(e._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return t=(t=e.render).displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case 7:return"Fragment";case 5:return e;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return V(e);case 8:return e===k?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof e)return e.displayName||e.name||null;if("string"===typeof e)return e}return null}function q(t){switch(typeof t){case"boolean":case"number":case"string":case"undefined":case"object":return t;default:return""}}function W(t){var e=t.type;return(t=t.nodeName)&&"input"===t.toLowerCase()&&("checkbox"===e||"radio"===e)}function U(t){t._valueTracker||(t._valueTracker=function(t){var e=W(t)?"checked":"value",i=Object.getOwnPropertyDescriptor(t.constructor.prototype,e),s=""+t[e];if(!t.hasOwnProperty(e)&&"undefined"!==typeof i&&"function"===typeof i.get&&"function"===typeof i.set){var h=i.get,n=i.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return h.call(this)},set:function(t){s=""+t,n.call(this,t)}}),Object.defineProperty(t,e,{enumerable:i.enumerable}),{getValue:function(){return s},setValue:function(t){s=""+t},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}(t))}function K(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var i=e.getValue(),s="";return t&&(s=W(t)?t.checked?"true":"false":t.value),(t=s)!==i&&(e.setValue(t),!0)}function X(t){if("undefined"===typeof(t=t||("undefined"!==typeof document?document:void 0)))return null;try{return t.activeElement||t.body}catch(e){return t.body}}function G(t,e){var i=e.checked;return N({},e,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=i?i:t._wrapperState.initialChecked})}function Y(t,e){var i=null==e.defaultValue?"":e.defaultValue,s=null!=e.checked?e.checked:e.defaultChecked;i=q(null!=e.value?e.value:i),t._wrapperState={initialChecked:s,initialValue:i,controlled:"checkbox"===e.type||"radio"===e.type?null!=e.checked:null!=e.value}}function Q(t,e){null!=(e=e.checked)&&x(t,"checked",e,!1)}function Z(t,e){Q(t,e);var i=q(e.value),s=e.type;if(null!=i)"number"===s?(0===i&&""===t.value||t.value!=i)&&(t.value=""+i):t.value!==""+i&&(t.value=""+i);else if("submit"===s||"reset"===s)return void t.removeAttribute("value");e.hasOwnProperty("value")?tt(t,e.type,i):e.hasOwnProperty("defaultValue")&&tt(t,e.type,q(e.defaultValue)),null==e.checked&&null!=e.defaultChecked&&(t.defaultChecked=!!e.defaultChecked)}function J(t,e,i){if(e.hasOwnProperty("value")||e.hasOwnProperty("defaultValue")){var s=e.type;if(!("submit"!==s&&"reset"!==s||void 0!==e.value&&null!==e.value))return;e=""+t._wrapperState.initialValue,i||e===t.value||(t.value=e),t.defaultValue=e}""!==(i=t.name)&&(t.name=""),t.defaultChecked=!!t._wrapperState.initialChecked,""!==i&&(t.name=i)}function tt(t,e,i){"number"===e&&X(t.ownerDocument)===t||(null==i?t.defaultValue=""+t._wrapperState.initialValue:t.defaultValue!==""+i&&(t.defaultValue=""+i))}var et=Array.isArray;function it(t,e,i,s){if(t=t.options,e){e={};for(var h=0;h"+e.valueOf().toString()+"",e=lt.firstChild;t.firstChild;)t.removeChild(t.firstChild);for(;e.firstChild;)t.appendChild(e.firstChild)}},"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,e,i,s){MSApp.execUnsafeLocalFunction((function(){return dt(t,e)}))}:dt);function ut(t,e){if(e){var i=t.firstChild;if(i&&i===t.lastChild&&3===i.nodeType)return void(i.nodeValue=e)}t.textContent=e}var mt={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},gt=["Webkit","ms","Moz","O"];function pt(t,e,i){return null==e||"boolean"===typeof e||""===e?"":i||"number"!==typeof e||0===e||mt.hasOwnProperty(t)&&mt[t]?(""+e).trim():e+"px"}function ft(t,e){for(var i in t=t.style,e)if(e.hasOwnProperty(i)){var s=0===i.indexOf("--"),h=pt(i,e[i],s);"float"===i&&(i="cssFloat"),s?t.setProperty(i,h):t[i]=h}}Object.keys(mt).forEach((function(t){gt.forEach((function(e){e=e+t.charAt(0).toUpperCase()+t.substring(1),mt[e]=mt[t]}))}));var It=N({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function bt(t,e){if(e){if(It[t]&&(null!=e.children||null!=e.dangerouslySetInnerHTML))throw Error(n(137,t));if(null!=e.dangerouslySetInnerHTML){if(null!=e.children)throw Error(n(60));if("object"!==typeof e.dangerouslySetInnerHTML||!("__html"in e.dangerouslySetInnerHTML))throw Error(n(61))}if(null!=e.style&&"object"!==typeof e.style)throw Error(n(62))}}function xt(t,e){if(-1===t.indexOf("-"))return"string"===typeof e.is;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Dt=null;function yt(t){return(t=t.target||t.srcElement||window).correspondingUseElement&&(t=t.correspondingUseElement),3===t.nodeType?t.parentNode:t}var vt=null,Ct=null,kt=null;function wt(t){if(t=bh(t)){if("function"!==typeof vt)throw Error(n(280));var e=t.stateNode;e&&(e=Dh(e),vt(t.stateNode,t.type,e))}}function Tt(t){Ct?kt?kt.push(t):kt=[t]:Ct=t}function Lt(){if(Ct){var t=Ct,e=kt;if(kt=Ct=null,wt(t),e)for(t=0;t>>=0,0===t?32:31-(re(t)/oe|0)|0},re=Math.log,oe=Math.LN2;var le=64,de=4194304;function ce(t){switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&t;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&t;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return t}}function ue(t,e){var i=t.pendingLanes;if(0===i)return 0;var s=0,h=t.suspendedLanes,n=t.pingedLanes,a=268435455&i;if(0!==a){var r=a&~h;0!==r?s=ce(r):0!==(n&=a)&&(s=ce(n))}else 0!==(a=i&~h)?s=ce(a):0!==n&&(s=ce(n));if(0===s)return 0;if(0!==e&&e!==s&&0===(e&h)&&((h=s&-s)>=(n=e&-e)||16===h&&0!==(4194240&n)))return e;if(0!==(4&s)&&(s|=16&i),0!==(e=t.entangledLanes))for(t=t.entanglements,e&=s;0i;i++)e.push(t);return e}function Ie(t,e,i){t.pendingLanes|=e,536870912!==e&&(t.suspendedLanes=0,t.pingedLanes=0),(t=t.eventTimes)[e=31-ae(e)]=i}function be(t,e){var i=t.entangledLanes|=e;for(t=t.entanglements;i;){var s=31-ae(i),h=1<=zi),Ni=String.fromCharCode(32),Ri=!1;function Oi(t,e){switch(t){case"keyup":return-1!==Bi.indexOf(e.keyCode);case"keydown":return 229!==e.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Hi(t){return"object"===typeof(t=t.detail)&&"data"in t?t.data:null}var Mi=!1;var Vi={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function $i(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return"input"===e?!!Vi[t.type]:"textarea"===e}function qi(t,e,i,s){Tt(s),0<(e=Ws(e,"onChange")).length&&(i=new li("onChange","change",null,i,s),t.push({event:i,listeners:e}))}var Wi=null,Ui=null;function Ki(t){Ns(t,0)}function Xi(t){if(K(xh(t)))return t}function Gi(t,e){if("change"===t)return e}var Yi=!1;if(d){var Qi;if(d){var Zi="oninput"in document;if(!Zi){var Ji=document.createElement("div");Ji.setAttribute("oninput","return;"),Zi="function"===typeof Ji.oninput}Qi=Zi}else Qi=!1;Yi=Qi&&(!document.documentMode||9=e)return{node:s,offset:e-t};t=i}t:{for(;s;){if(s.nextSibling){s=s.nextSibling;break t}s=s.parentNode}s=void 0}s=os(s)}}function ds(t,e){return!(!t||!e)&&(t===e||(!t||3!==t.nodeType)&&(e&&3===e.nodeType?ds(t,e.parentNode):"contains"in t?t.contains(e):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(e))))}function cs(){for(var t=window,e=X();e instanceof t.HTMLIFrameElement;){try{var i="string"===typeof e.contentWindow.location.href}catch(s){i=!1}if(!i)break;e=X((t=e.contentWindow).document)}return e}function us(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&("input"===e&&("text"===t.type||"search"===t.type||"tel"===t.type||"url"===t.type||"password"===t.type)||"textarea"===e||"true"===t.contentEditable)}function ms(t){var e=cs(),i=t.focusedElem,s=t.selectionRange;if(e!==i&&i&&i.ownerDocument&&ds(i.ownerDocument.documentElement,i)){if(null!==s&&us(i))if(e=s.start,void 0===(t=s.end)&&(t=e),"selectionStart"in i)i.selectionStart=e,i.selectionEnd=Math.min(t,i.value.length);else if((t=(e=i.ownerDocument||document)&&e.defaultView||window).getSelection){t=t.getSelection();var h=i.textContent.length,n=Math.min(s.start,h);s=void 0===s.end?n:Math.min(s.end,h),!t.extend&&n>s&&(h=s,s=n,n=h),h=ls(i,n);var a=ls(i,s);h&&a&&(1!==t.rangeCount||t.anchorNode!==h.node||t.anchorOffset!==h.offset||t.focusNode!==a.node||t.focusOffset!==a.offset)&&((e=e.createRange()).setStart(h.node,h.offset),t.removeAllRanges(),n>s?(t.addRange(e),t.extend(a.node,a.offset)):(e.setEnd(a.node,a.offset),t.addRange(e)))}for(e=[],t=i;t=t.parentNode;)1===t.nodeType&&e.push({element:t,left:t.scrollLeft,top:t.scrollTop});for("function"===typeof i.focus&&i.focus(),i=0;i=document.documentMode,ps=null,fs=null,Is=null,bs=!1;function xs(t,e,i){var s=i.window===i?i.document:9===i.nodeType?i:i.ownerDocument;bs||null==ps||ps!==X(s)||("selectionStart"in(s=ps)&&us(s)?s={start:s.selectionStart,end:s.selectionEnd}:s={anchorNode:(s=(s.ownerDocument&&s.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:s.anchorOffset,focusNode:s.focusNode,focusOffset:s.focusOffset},Is&&rs(Is,s)||(Is=s,0<(s=Ws(fs,"onSelect")).length&&(e=new li("onSelect","select",null,e,i),t.push({event:e,listeners:s}),e.target=ps)))}function Ds(t,e){var i={};return i[t.toLowerCase()]=e.toLowerCase(),i["Webkit"+t]="webkit"+e,i["Moz"+t]="moz"+e,i}var ys={animationend:Ds("Animation","AnimationEnd"),animationiteration:Ds("Animation","AnimationIteration"),animationstart:Ds("Animation","AnimationStart"),transitionend:Ds("Transition","TransitionEnd")},vs={},Cs={};function ks(t){if(vs[t])return vs[t];if(!ys[t])return t;var e,i=ys[t];for(e in i)if(i.hasOwnProperty(e)&&e in Cs)return vs[t]=i[e];return t}d&&(Cs=document.createElement("div").style,"AnimationEvent"in window||(delete ys.animationend.animation,delete ys.animationiteration.animation,delete ys.animationstart.animation),"TransitionEvent"in window||delete ys.transitionend.transition);var ws=ks("animationend"),Ts=ks("animationiteration"),Ls=ks("animationstart"),Ss=ks("transitionend"),Fs=new Map,As="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function _s(t,e){Fs.set(t,e),o(e,[t])}for(var Bs=0;Bsvh||(t.current=yh[vh],yh[vh]=null,vh--)}function wh(t,e){vh++,yh[vh]=t.current,t.current=e}var Th={},Lh=Ch(Th),Sh=Ch(!1),Fh=Th;function Ah(t,e){var i=t.type.contextTypes;if(!i)return Th;var s=t.stateNode;if(s&&s.__reactInternalMemoizedUnmaskedChildContext===e)return s.__reactInternalMemoizedMaskedChildContext;var h,n={};for(h in i)n[h]=e[h];return s&&((t=t.stateNode).__reactInternalMemoizedUnmaskedChildContext=e,t.__reactInternalMemoizedMaskedChildContext=n),n}function _h(t){return null!==(t=t.childContextTypes)&&void 0!==t}function Bh(){kh(Sh),kh(Lh)}function Ph(t,e,i){if(Lh.current!==Th)throw Error(n(168));wh(Lh,e),wh(Sh,i)}function zh(t,e,i){var s=t.stateNode;if(e=e.childContextTypes,"function"!==typeof s.getChildContext)return i;for(var h in s=s.getChildContext())if(!(h in e))throw Error(n(108,$(t)||"Unknown",h));return N({},i,s)}function Eh(t){return t=(t=t.stateNode)&&t.__reactInternalMemoizedMergedChildContext||Th,Fh=Lh.current,wh(Lh,t),wh(Sh,Sh.current),!0}function jh(t,e,i){var s=t.stateNode;if(!s)throw Error(n(169));i?(t=zh(t,e,Fh),s.__reactInternalMemoizedMergedChildContext=t,kh(Sh),kh(Lh),wh(Lh,t)):kh(Sh),wh(Sh,i)}var Nh=null,Rh=!1,Oh=!1;function Hh(t){null===Nh?Nh=[t]:Nh.push(t)}function Mh(){if(!Oh&&null!==Nh){Oh=!0;var t=0,e=xe;try{var i=Nh;for(xe=1;t>=a,h-=a,Gh=1<<32-ae(e)+h|i<p?(f=c,c=null):f=c.sibling;var I=m(h,c,r[p],o);if(null===I){null===c&&(c=f);break}t&&c&&null===I.alternate&&e(h,c),n=a(I,n,p),null===d?l=I:d.sibling=I,d=I,c=f}if(p===r.length)return i(h,c),hn&&Qh(h,p),l;if(null===c){for(;pf?(I=p,p=null):I=p.sibling;var x=m(h,p,b.value,l);if(null===x){null===p&&(p=I);break}t&&p&&null===x.alternate&&e(h,p),r=a(x,r,f),null===c?d=x:c.sibling=x,c=x,p=I}if(b.done)return i(h,p),hn&&Qh(h,f),d;if(null===p){for(;!b.done;f++,b=o.next())null!==(b=u(h,b.value,l))&&(r=a(b,r,f),null===c?d=b:c.sibling=b,c=b);return hn&&Qh(h,f),d}for(p=s(h,p);!b.done;f++,b=o.next())null!==(b=g(p,h,f,b.value,l))&&(t&&null!==b.alternate&&p.delete(null===b.key?f:b.key),r=a(b,r,f),null===c?d=b:c.sibling=b,c=b);return t&&p.forEach((function(t){return e(h,t)})),hn&&Qh(h,f),d}return function t(s,n,a,o){if("object"===typeof a&&null!==a&&a.type===C&&null===a.key&&(a=a.props.children),"object"===typeof a&&null!==a){switch(a.$$typeof){case y:t:{for(var l=a.key,d=n;null!==d;){if(d.key===l){if((l=a.type)===C){if(7===d.tag){i(s,d.sibling),(n=h(d,a.props.children)).return=s,s=n;break t}}else if(d.elementType===l||"object"===typeof l&&null!==l&&l.$$typeof===B&&Xn(l)===d.type){i(s,d.sibling),(n=h(d,a.props)).ref=Un(s,d,a),n.return=s,s=n;break t}i(s,d);break}e(s,d),d=d.sibling}a.type===C?((n=jl(a.props.children,s.mode,o,a.key)).return=s,s=n):((o=El(a.type,a.key,a.props,null,s.mode,o)).ref=Un(s,n,a),o.return=s,s=o)}return r(s);case v:t:{for(d=a.key;null!==n;){if(n.key===d){if(4===n.tag&&n.stateNode.containerInfo===a.containerInfo&&n.stateNode.implementation===a.implementation){i(s,n.sibling),(n=h(n,a.children||[])).return=s,s=n;break t}i(s,n);break}e(s,n),n=n.sibling}(n=Ol(a,s.mode,o)).return=s,s=n}return r(s);case B:return t(s,n,(d=a._init)(a._payload),o)}if(et(a))return p(s,n,a,o);if(E(a))return f(s,n,a,o);Kn(s,a)}return"string"===typeof a&&""!==a||"number"===typeof a?(a=""+a,null!==n&&6===n.tag?(i(s,n.sibling),(n=h(n,a)).return=s,s=n):(i(s,n),(n=Rl(a,s.mode,o)).return=s,s=n),r(s)):i(s,n)}}var Yn=Gn(!0),Qn=Gn(!1),Zn={},Jn=Ch(Zn),ta=Ch(Zn),ea=Ch(Zn);function ia(t){if(t===Zn)throw Error(n(174));return t}function sa(t,e){switch(wh(ea,e),wh(ta,t),wh(Jn,Zn),t=e.nodeType){case 9:case 11:e=(e=e.documentElement)?e.namespaceURI:ot(null,"");break;default:e=ot(e=(t=8===t?e.parentNode:e).namespaceURI||null,t=t.tagName)}kh(Jn),wh(Jn,e)}function ha(){kh(Jn),kh(ta),kh(ea)}function na(t){ia(ea.current);var e=ia(Jn.current),i=ot(e,t.type);e!==i&&(wh(ta,t),wh(Jn,i))}function aa(t){ta.current===t&&(kh(Jn),kh(ta))}var ra=Ch(0);function oa(t){for(var e=t;null!==e;){if(13===e.tag){var i=e.memoizedState;if(null!==i&&(null===(i=i.dehydrated)||"$?"===i.data||"$!"===i.data))return e}else if(19===e.tag&&void 0!==e.memoizedProps.revealOrder){if(0!==(128&e.flags))return e}else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break;for(;null===e.sibling;){if(null===e.return||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var la=[];function da(){for(var t=0;ti?i:4,t(!0);var s=ua.transition;ua.transition={};try{t(!1),e()}finally{xe=i,ua.transition=s}}function Ja(){return Ta().memoizedState}function tr(t,e,i){var s=il(t);if(i={lane:s,action:i,hasEagerState:!1,eagerState:null,next:null},ir(t))sr(e,i);else if(null!==(i=Sn(t,e,i,s))){sl(i,t,s,el()),hr(i,e,s)}}function er(t,e,i){var s=il(t),h={lane:s,action:i,hasEagerState:!1,eagerState:null,next:null};if(ir(t))sr(e,h);else{var n=t.alternate;if(0===t.lanes&&(null===n||0===n.lanes)&&null!==(n=e.lastRenderedReducer))try{var a=e.lastRenderedState,r=n(a,i);if(h.hasEagerState=!0,h.eagerState=r,as(r,a)){var o=e.interleaved;return null===o?(h.next=h,Ln(e)):(h.next=o.next,o.next=h),void(e.interleaved=h)}}catch(l){}null!==(i=Sn(t,e,h,s))&&(sl(i,t,s,h=el()),hr(i,e,s))}}function ir(t){var e=t.alternate;return t===ga||null!==e&&e===ga}function sr(t,e){ba=Ia=!0;var i=t.pending;null===i?e.next=e:(e.next=i.next,i.next=e),t.pending=e}function hr(t,e,i){if(0!==(4194240&i)){var s=e.lanes;i|=s&=t.pendingLanes,e.lanes=i,be(t,i)}}var nr={readContext:wn,useCallback:ya,useContext:ya,useEffect:ya,useImperativeHandle:ya,useInsertionEffect:ya,useLayoutEffect:ya,useMemo:ya,useReducer:ya,useRef:ya,useState:ya,useDebugValue:ya,useDeferredValue:ya,useTransition:ya,useMutableSource:ya,useSyncExternalStore:ya,useId:ya,unstable_isNewReconciler:!1},ar={readContext:wn,useCallback:function(t,e){return wa().memoizedState=[t,void 0===e?null:e],t},useContext:wn,useEffect:Va,useImperativeHandle:function(t,e,i){return i=null!==i&&void 0!==i?i.concat([t]):null,Ha(4194308,4,Ua.bind(null,e,t),i)},useLayoutEffect:function(t,e){return Ha(4194308,4,t,e)},useInsertionEffect:function(t,e){return Ha(4,2,t,e)},useMemo:function(t,e){var i=wa();return e=void 0===e?null:e,t=t(),i.memoizedState=[t,e],t},useReducer:function(t,e,i){var s=wa();return e=void 0!==i?i(e):e,s.memoizedState=s.baseState=e,t={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:e},s.queue=t,t=t.dispatch=tr.bind(null,ga,t),[s.memoizedState,t]},useRef:function(t){return t={current:t},wa().memoizedState=t},useState:Na,useDebugValue:Xa,useDeferredValue:function(t){return wa().memoizedState=t},useTransition:function(){var t=Na(!1),e=t[0];return t=Za.bind(null,t[1]),wa().memoizedState=t,[e,t]},useMutableSource:function(){},useSyncExternalStore:function(t,e,i){var s=ga,h=wa();if(hn){if(void 0===i)throw Error(n(407));i=i()}else{if(i=e(),null===Ao)throw Error(n(349));0!==(30&ma)||Ba(s,e,i)}h.memoizedState=i;var a={value:i,getSnapshot:e};return h.queue=a,Va(za.bind(null,s,a,t),[t]),s.flags|=2048,Ra(9,Pa.bind(null,s,a,i,e),void 0,null),i},useId:function(){var t=wa(),e=Ao.identifierPrefix;if(hn){var i=Yh;e=":"+e+"R"+(i=(Gh&~(1<<32-ae(Gh)-1)).toString(32)+i),0<(i=xa++)&&(e+="H"+i.toString(32)),e+=":"}else e=":"+e+"r"+(i=Da++).toString(32)+":";return t.memoizedState=e},unstable_isNewReconciler:!1},rr={readContext:wn,useCallback:Ga,useContext:wn,useEffect:$a,useImperativeHandle:Ka,useInsertionEffect:qa,useLayoutEffect:Wa,useMemo:Ya,useReducer:Sa,useRef:Oa,useState:function(){return Sa(La)},useDebugValue:Xa,useDeferredValue:function(t){return Qa(Ta(),pa.memoizedState,t)},useTransition:function(){return[Sa(La)[0],Ta().memoizedState]},useMutableSource:Aa,useSyncExternalStore:_a,useId:Ja,unstable_isNewReconciler:!1},or={readContext:wn,useCallback:Ga,useContext:wn,useEffect:$a,useImperativeHandle:Ka,useInsertionEffect:qa,useLayoutEffect:Wa,useMemo:Ya,useReducer:Fa,useRef:Oa,useState:function(){return Fa(La)},useDebugValue:Xa,useDeferredValue:function(t){var e=Ta();return null===pa?e.memoizedState=t:Qa(e,pa.memoizedState,t)},useTransition:function(){return[Fa(La)[0],Ta().memoizedState]},useMutableSource:Aa,useSyncExternalStore:_a,useId:Ja,unstable_isNewReconciler:!1};function lr(t,e){try{var i="",s=e;do{i+=M(s),s=s.return}while(s);var h=i}catch(n){h="\nError generating stack: "+n.message+"\n"+n.stack}return{value:t,source:e,stack:h,digest:null}}function dr(t,e,i){return{value:t,source:null,stack:null!=i?i:null,digest:null!=e?e:null}}function cr(t,e){try{console.error(e.value)}catch(i){setTimeout((function(){throw i}))}}var ur="function"===typeof WeakMap?WeakMap:Map;function mr(t,e,i){(i=Pn(-1,i)).tag=3,i.payload={element:null};var s=e.value;return i.callback=function(){Wo||(Wo=!0,Uo=s),cr(0,e)},i}function gr(t,e,i){(i=Pn(-1,i)).tag=3;var s=t.type.getDerivedStateFromError;if("function"===typeof s){var h=e.value;i.payload=function(){return s(h)},i.callback=function(){cr(0,e)}}var n=t.stateNode;return null!==n&&"function"===typeof n.componentDidCatch&&(i.callback=function(){cr(0,e),"function"!==typeof s&&(null===Ko?Ko=new Set([this]):Ko.add(this));var t=e.stack;this.componentDidCatch(e.value,{componentStack:null!==t?t:""})}),i}function pr(t,e,i){var s=t.pingCache;if(null===s){s=t.pingCache=new ur;var h=new Set;s.set(e,h)}else void 0===(h=s.get(e))&&(h=new Set,s.set(e,h));h.has(i)||(h.add(i),t=Tl.bind(null,t,e,i),e.then(t,t))}function fr(t){do{var e;if((e=13===t.tag)&&(e=null===(e=t.memoizedState)||null!==e.dehydrated),e)return t;t=t.return}while(null!==t);return null}function Ir(t,e,i,s,h){return 0===(1&t.mode)?(t===e?t.flags|=65536:(t.flags|=128,i.flags|=131072,i.flags&=-52805,1===i.tag&&(null===i.alternate?i.tag=17:((e=Pn(-1,1)).tag=2,zn(i,e,1))),i.lanes|=1),t):(t.flags|=65536,t.lanes=h,t)}var br=D.ReactCurrentOwner,xr=!1;function Dr(t,e,i,s){e.child=null===t?Qn(e,null,i,s):Yn(e,t.child,i,s)}function yr(t,e,i,s,h){i=i.render;var n=e.ref;return kn(e,h),s=Ca(t,e,i,s,n,h),i=ka(),null===t||xr?(hn&&i&&Jh(e),e.flags|=1,Dr(t,e,s,h),e.child):(e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~h,qr(t,e,h))}function vr(t,e,i,s,h){if(null===t){var n=i.type;return"function"!==typeof n||Pl(n)||void 0!==n.defaultProps||null!==i.compare||void 0!==i.defaultProps?((t=El(i.type,null,s,e,e.mode,h)).ref=e.ref,t.return=e,e.child=t):(e.tag=15,e.type=n,Cr(t,e,n,s,h))}if(n=t.child,0===(t.lanes&h)){var a=n.memoizedProps;if((i=null!==(i=i.compare)?i:rs)(a,s)&&t.ref===e.ref)return qr(t,e,h)}return e.flags|=1,(t=zl(n,s)).ref=e.ref,t.return=e,e.child=t}function Cr(t,e,i,s,h){if(null!==t){var n=t.memoizedProps;if(rs(n,s)&&t.ref===e.ref){if(xr=!1,e.pendingProps=s=n,0===(t.lanes&h))return e.lanes=t.lanes,qr(t,e,h);0!==(131072&t.flags)&&(xr=!0)}}return Tr(t,e,i,s,h)}function kr(t,e,i){var s=e.pendingProps,h=s.children,n=null!==t?t.memoizedState:null;if("hidden"===s.mode)if(0===(1&e.mode))e.memoizedState={baseLanes:0,cachePool:null,transitions:null},wh(zo,Po),Po|=i;else{if(0===(1073741824&i))return t=null!==n?n.baseLanes|i:i,e.lanes=e.childLanes=1073741824,e.memoizedState={baseLanes:t,cachePool:null,transitions:null},e.updateQueue=null,wh(zo,Po),Po|=t,null;e.memoizedState={baseLanes:0,cachePool:null,transitions:null},s=null!==n?n.baseLanes:i,wh(zo,Po),Po|=s}else null!==n?(s=n.baseLanes|i,e.memoizedState=null):s=i,wh(zo,Po),Po|=s;return Dr(t,e,h,i),e.child}function wr(t,e){var i=e.ref;(null===t&&null!==i||null!==t&&t.ref!==i)&&(e.flags|=512,e.flags|=2097152)}function Tr(t,e,i,s,h){var n=_h(i)?Fh:Lh.current;return n=Ah(e,n),kn(e,h),i=Ca(t,e,i,s,n,h),s=ka(),null===t||xr?(hn&&s&&Jh(e),e.flags|=1,Dr(t,e,i,h),e.child):(e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~h,qr(t,e,h))}function Lr(t,e,i,s,h){if(_h(i)){var n=!0;Eh(e)}else n=!1;if(kn(e,h),null===e.stateNode)$r(t,e),$n(e,i,s),Wn(e,i,s,h),s=!0;else if(null===t){var a=e.stateNode,r=e.memoizedProps;a.props=r;var o=a.context,l=i.contextType;"object"===typeof l&&null!==l?l=wn(l):l=Ah(e,l=_h(i)?Fh:Lh.current);var d=i.getDerivedStateFromProps,c="function"===typeof d||"function"===typeof a.getSnapshotBeforeUpdate;c||"function"!==typeof a.UNSAFE_componentWillReceiveProps&&"function"!==typeof a.componentWillReceiveProps||(r!==s||o!==l)&&qn(e,a,s,l),An=!1;var u=e.memoizedState;a.state=u,Nn(e,s,a,h),o=e.memoizedState,r!==s||u!==o||Sh.current||An?("function"===typeof d&&(Hn(e,i,d,s),o=e.memoizedState),(r=An||Vn(e,i,r,s,u,o,l))?(c||"function"!==typeof a.UNSAFE_componentWillMount&&"function"!==typeof a.componentWillMount||("function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount()),"function"===typeof a.componentDidMount&&(e.flags|=4194308)):("function"===typeof a.componentDidMount&&(e.flags|=4194308),e.memoizedProps=s,e.memoizedState=o),a.props=s,a.state=o,a.context=l,s=r):("function"===typeof a.componentDidMount&&(e.flags|=4194308),s=!1)}else{a=e.stateNode,Bn(t,e),r=e.memoizedProps,l=e.type===e.elementType?r:fn(e.type,r),a.props=l,c=e.pendingProps,u=a.context,"object"===typeof(o=i.contextType)&&null!==o?o=wn(o):o=Ah(e,o=_h(i)?Fh:Lh.current);var m=i.getDerivedStateFromProps;(d="function"===typeof m||"function"===typeof a.getSnapshotBeforeUpdate)||"function"!==typeof a.UNSAFE_componentWillReceiveProps&&"function"!==typeof a.componentWillReceiveProps||(r!==c||u!==o)&&qn(e,a,s,o),An=!1,u=e.memoizedState,a.state=u,Nn(e,s,a,h);var g=e.memoizedState;r!==c||u!==g||Sh.current||An?("function"===typeof m&&(Hn(e,i,m,s),g=e.memoizedState),(l=An||Vn(e,i,l,s,u,g,o)||!1)?(d||"function"!==typeof a.UNSAFE_componentWillUpdate&&"function"!==typeof a.componentWillUpdate||("function"===typeof a.componentWillUpdate&&a.componentWillUpdate(s,g,o),"function"===typeof a.UNSAFE_componentWillUpdate&&a.UNSAFE_componentWillUpdate(s,g,o)),"function"===typeof a.componentDidUpdate&&(e.flags|=4),"function"===typeof a.getSnapshotBeforeUpdate&&(e.flags|=1024)):("function"!==typeof a.componentDidUpdate||r===t.memoizedProps&&u===t.memoizedState||(e.flags|=4),"function"!==typeof a.getSnapshotBeforeUpdate||r===t.memoizedProps&&u===t.memoizedState||(e.flags|=1024),e.memoizedProps=s,e.memoizedState=g),a.props=s,a.state=g,a.context=o,s=l):("function"!==typeof a.componentDidUpdate||r===t.memoizedProps&&u===t.memoizedState||(e.flags|=4),"function"!==typeof a.getSnapshotBeforeUpdate||r===t.memoizedProps&&u===t.memoizedState||(e.flags|=1024),s=!1)}return Sr(t,e,i,s,n,h)}function Sr(t,e,i,s,h,n){wr(t,e);var a=0!==(128&e.flags);if(!s&&!a)return h&&jh(e,i,!1),qr(t,e,n);s=e.stateNode,br.current=e;var r=a&&"function"!==typeof i.getDerivedStateFromError?null:s.render();return e.flags|=1,null!==t&&a?(e.child=Yn(e,t.child,null,n),e.child=Yn(e,null,r,n)):Dr(t,e,r,n),e.memoizedState=s.state,h&&jh(e,i,!0),e.child}function Fr(t){var e=t.stateNode;e.pendingContext?Ph(0,e.pendingContext,e.pendingContext!==e.context):e.context&&Ph(0,e.context,!1),sa(t,e.containerInfo)}function Ar(t,e,i,s,h){return mn(),gn(h),e.flags|=256,Dr(t,e,i,s),e.child}var _r,Br,Pr,zr,Er={dehydrated:null,treeContext:null,retryLane:0};function jr(t){return{baseLanes:t,cachePool:null,transitions:null}}function Nr(t,e,i){var s,h=e.pendingProps,a=ra.current,r=!1,o=0!==(128&e.flags);if((s=o)||(s=(null===t||null!==t.memoizedState)&&0!==(2&a)),s?(r=!0,e.flags&=-129):null!==t&&null===t.memoizedState||(a|=1),wh(ra,1&a),null===t)return ln(e),null!==(t=e.memoizedState)&&null!==(t=t.dehydrated)?(0===(1&e.mode)?e.lanes=1:"$!"===t.data?e.lanes=8:e.lanes=1073741824,null):(o=h.children,t=h.fallback,r?(h=e.mode,r=e.child,o={mode:"hidden",children:o},0===(1&h)&&null!==r?(r.childLanes=0,r.pendingProps=o):r=Nl(o,h,0,null),t=jl(t,h,i,null),r.return=e,t.return=e,r.sibling=t,e.child=r,e.child.memoizedState=jr(i),e.memoizedState=Er,t):Rr(e,o));if(null!==(a=t.memoizedState)&&null!==(s=a.dehydrated))return function(t,e,i,s,h,a,r){if(i)return 256&e.flags?(e.flags&=-257,Or(t,e,r,s=dr(Error(n(422))))):null!==e.memoizedState?(e.child=t.child,e.flags|=128,null):(a=s.fallback,h=e.mode,s=Nl({mode:"visible",children:s.children},h,0,null),(a=jl(a,h,r,null)).flags|=2,s.return=e,a.return=e,s.sibling=a,e.child=s,0!==(1&e.mode)&&Yn(e,t.child,null,r),e.child.memoizedState=jr(r),e.memoizedState=Er,a);if(0===(1&e.mode))return Or(t,e,r,null);if("$!"===h.data){if(s=h.nextSibling&&h.nextSibling.dataset)var o=s.dgst;return s=o,Or(t,e,r,s=dr(a=Error(n(419)),s,void 0))}if(o=0!==(r&t.childLanes),xr||o){if(null!==(s=Ao)){switch(r&-r){case 4:h=2;break;case 16:h=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:h=32;break;case 536870912:h=268435456;break;default:h=0}0!==(h=0!==(h&(s.suspendedLanes|r))?0:h)&&h!==a.retryLane&&(a.retryLane=h,Fn(t,h),sl(s,t,h,-1))}return fl(),Or(t,e,r,s=dr(Error(n(421))))}return"$?"===h.data?(e.flags|=128,e.child=t.child,e=Sl.bind(null,t),h._reactRetry=e,null):(t=a.treeContext,sn=oh(h.nextSibling),en=e,hn=!0,nn=null,null!==t&&(Uh[Kh++]=Gh,Uh[Kh++]=Yh,Uh[Kh++]=Xh,Gh=t.id,Yh=t.overflow,Xh=e),e=Rr(e,s.children),e.flags|=4096,e)}(t,e,o,h,s,a,i);if(r){r=h.fallback,o=e.mode,s=(a=t.child).sibling;var l={mode:"hidden",children:h.children};return 0===(1&o)&&e.child!==a?((h=e.child).childLanes=0,h.pendingProps=l,e.deletions=null):(h=zl(a,l)).subtreeFlags=14680064&a.subtreeFlags,null!==s?r=zl(s,r):(r=jl(r,o,i,null)).flags|=2,r.return=e,h.return=e,h.sibling=r,e.child=h,h=r,r=e.child,o=null===(o=t.child.memoizedState)?jr(i):{baseLanes:o.baseLanes|i,cachePool:null,transitions:o.transitions},r.memoizedState=o,r.childLanes=t.childLanes&~i,e.memoizedState=Er,h}return t=(r=t.child).sibling,h=zl(r,{mode:"visible",children:h.children}),0===(1&e.mode)&&(h.lanes=i),h.return=e,h.sibling=null,null!==t&&(null===(i=e.deletions)?(e.deletions=[t],e.flags|=16):i.push(t)),e.child=h,e.memoizedState=null,h}function Rr(t,e){return(e=Nl({mode:"visible",children:e},t.mode,0,null)).return=t,t.child=e}function Or(t,e,i,s){return null!==s&&gn(s),Yn(e,t.child,null,i),(t=Rr(e,e.pendingProps.children)).flags|=2,e.memoizedState=null,t}function Hr(t,e,i){t.lanes|=e;var s=t.alternate;null!==s&&(s.lanes|=e),Cn(t.return,e,i)}function Mr(t,e,i,s,h){var n=t.memoizedState;null===n?t.memoizedState={isBackwards:e,rendering:null,renderingStartTime:0,last:s,tail:i,tailMode:h}:(n.isBackwards=e,n.rendering=null,n.renderingStartTime=0,n.last=s,n.tail=i,n.tailMode=h)}function Vr(t,e,i){var s=e.pendingProps,h=s.revealOrder,n=s.tail;if(Dr(t,e,s.children,i),0!==(2&(s=ra.current)))s=1&s|2,e.flags|=128;else{if(null!==t&&0!==(128&t.flags))t:for(t=e.child;null!==t;){if(13===t.tag)null!==t.memoizedState&&Hr(t,i,e);else if(19===t.tag)Hr(t,i,e);else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break t;for(;null===t.sibling;){if(null===t.return||t.return===e)break t;t=t.return}t.sibling.return=t.return,t=t.sibling}s&=1}if(wh(ra,s),0===(1&e.mode))e.memoizedState=null;else switch(h){case"forwards":for(i=e.child,h=null;null!==i;)null!==(t=i.alternate)&&null===oa(t)&&(h=i),i=i.sibling;null===(i=h)?(h=e.child,e.child=null):(h=i.sibling,i.sibling=null),Mr(e,!1,h,i,n);break;case"backwards":for(i=null,h=e.child,e.child=null;null!==h;){if(null!==(t=h.alternate)&&null===oa(t)){e.child=h;break}t=h.sibling,h.sibling=i,i=h,h=t}Mr(e,!0,i,null,n);break;case"together":Mr(e,!1,null,null,void 0);break;default:e.memoizedState=null}return e.child}function $r(t,e){0===(1&e.mode)&&null!==t&&(t.alternate=null,e.alternate=null,e.flags|=2)}function qr(t,e,i){if(null!==t&&(e.dependencies=t.dependencies),No|=e.lanes,0===(i&e.childLanes))return null;if(null!==t&&e.child!==t.child)throw Error(n(153));if(null!==e.child){for(i=zl(t=e.child,t.pendingProps),e.child=i,i.return=e;null!==t.sibling;)t=t.sibling,(i=i.sibling=zl(t,t.pendingProps)).return=e;i.sibling=null}return e.child}function Wr(t,e){if(!hn)switch(t.tailMode){case"hidden":e=t.tail;for(var i=null;null!==e;)null!==e.alternate&&(i=e),e=e.sibling;null===i?t.tail=null:i.sibling=null;break;case"collapsed":i=t.tail;for(var s=null;null!==i;)null!==i.alternate&&(s=i),i=i.sibling;null===s?e||null===t.tail?t.tail=null:t.tail.sibling=null:s.sibling=null}}function Ur(t){var e=null!==t.alternate&&t.alternate.child===t.child,i=0,s=0;if(e)for(var h=t.child;null!==h;)i|=h.lanes|h.childLanes,s|=14680064&h.subtreeFlags,s|=14680064&h.flags,h.return=t,h=h.sibling;else for(h=t.child;null!==h;)i|=h.lanes|h.childLanes,s|=h.subtreeFlags,s|=h.flags,h.return=t,h=h.sibling;return t.subtreeFlags|=s,t.childLanes=i,e}function Kr(t,e,i){var s=e.pendingProps;switch(tn(e),e.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Ur(e),null;case 1:case 17:return _h(e.type)&&Bh(),Ur(e),null;case 3:return s=e.stateNode,ha(),kh(Sh),kh(Lh),da(),s.pendingContext&&(s.context=s.pendingContext,s.pendingContext=null),null!==t&&null!==t.child||(cn(e)?e.flags|=4:null===t||t.memoizedState.isDehydrated&&0===(256&e.flags)||(e.flags|=1024,null!==nn&&(rl(nn),nn=null))),Br(t,e),Ur(e),null;case 5:aa(e);var h=ia(ea.current);if(i=e.type,null!==t&&null!=e.stateNode)Pr(t,e,i,s,h),t.ref!==e.ref&&(e.flags|=512,e.flags|=2097152);else{if(!s){if(null===e.stateNode)throw Error(n(166));return Ur(e),null}if(t=ia(Jn.current),cn(e)){s=e.stateNode,i=e.type;var a=e.memoizedProps;switch(s[ch]=e,s[uh]=a,t=0!==(1&e.mode),i){case"dialog":Rs("cancel",s),Rs("close",s);break;case"iframe":case"object":case"embed":Rs("load",s);break;case"video":case"audio":for(h=0;h<\/script>",t=t.removeChild(t.firstChild)):"string"===typeof s.is?t=o.createElement(i,{is:s.is}):(t=o.createElement(i),"select"===i&&(o=t,s.multiple?o.multiple=!0:s.size&&(o.size=s.size))):t=o.createElementNS(t,i),t[ch]=e,t[uh]=s,_r(t,e,!1,!1),e.stateNode=t;t:{switch(o=xt(i,s),i){case"dialog":Rs("cancel",t),Rs("close",t),h=s;break;case"iframe":case"object":case"embed":Rs("load",t),h=s;break;case"video":case"audio":for(h=0;h$o&&(e.flags|=128,s=!0,Wr(a,!1),e.lanes=4194304)}else{if(!s)if(null!==(t=oa(o))){if(e.flags|=128,s=!0,null!==(i=t.updateQueue)&&(e.updateQueue=i,e.flags|=4),Wr(a,!0),null===a.tail&&"hidden"===a.tailMode&&!o.alternate&&!hn)return Ur(e),null}else 2*Qt()-a.renderingStartTime>$o&&1073741824!==i&&(e.flags|=128,s=!0,Wr(a,!1),e.lanes=4194304);a.isBackwards?(o.sibling=e.child,e.child=o):(null!==(i=a.last)?i.sibling=o:e.child=o,a.last=o)}return null!==a.tail?(e=a.tail,a.rendering=e,a.tail=e.sibling,a.renderingStartTime=Qt(),e.sibling=null,i=ra.current,wh(ra,s?1&i|2:1&i),e):(Ur(e),null);case 22:case 23:return ul(),s=null!==e.memoizedState,null!==t&&null!==t.memoizedState!==s&&(e.flags|=8192),s&&0!==(1&e.mode)?0!==(1073741824&Po)&&(Ur(e),6&e.subtreeFlags&&(e.flags|=8192)):Ur(e),null;case 24:case 25:return null}throw Error(n(156,e.tag))}function Xr(t,e){switch(tn(e),e.tag){case 1:return _h(e.type)&&Bh(),65536&(t=e.flags)?(e.flags=-65537&t|128,e):null;case 3:return ha(),kh(Sh),kh(Lh),da(),0!==(65536&(t=e.flags))&&0===(128&t)?(e.flags=-65537&t|128,e):null;case 5:return aa(e),null;case 13:if(kh(ra),null!==(t=e.memoizedState)&&null!==t.dehydrated){if(null===e.alternate)throw Error(n(340));mn()}return 65536&(t=e.flags)?(e.flags=-65537&t|128,e):null;case 19:return kh(ra),null;case 4:return ha(),null;case 10:return vn(e.type._context),null;case 22:case 23:return ul(),null;default:return null}}_r=function(t,e){for(var i=e.child;null!==i;){if(5===i.tag||6===i.tag)t.appendChild(i.stateNode);else if(4!==i.tag&&null!==i.child){i.child.return=i,i=i.child;continue}if(i===e)break;for(;null===i.sibling;){if(null===i.return||i.return===e)return;i=i.return}i.sibling.return=i.return,i=i.sibling}},Br=function(){},Pr=function(t,e,i,s){var h=t.memoizedProps;if(h!==s){t=e.stateNode,ia(Jn.current);var n,a=null;switch(i){case"input":h=G(t,h),s=G(t,s),a=[];break;case"select":h=N({},h,{value:void 0}),s=N({},s,{value:void 0}),a=[];break;case"textarea":h=st(t,h),s=st(t,s),a=[];break;default:"function"!==typeof h.onClick&&"function"===typeof s.onClick&&(t.onclick=Zs)}for(d in bt(i,s),i=null,h)if(!s.hasOwnProperty(d)&&h.hasOwnProperty(d)&&null!=h[d])if("style"===d){var o=h[d];for(n in o)o.hasOwnProperty(n)&&(i||(i={}),i[n]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(r.hasOwnProperty(d)?a||(a=[]):(a=a||[]).push(d,null));for(d in s){var l=s[d];if(o=null!=h?h[d]:void 0,s.hasOwnProperty(d)&&l!==o&&(null!=l||null!=o))if("style"===d)if(o){for(n in o)!o.hasOwnProperty(n)||l&&l.hasOwnProperty(n)||(i||(i={}),i[n]="");for(n in l)l.hasOwnProperty(n)&&o[n]!==l[n]&&(i||(i={}),i[n]=l[n])}else i||(a||(a=[]),a.push(d,i)),i=l;else"dangerouslySetInnerHTML"===d?(l=l?l.__html:void 0,o=o?o.__html:void 0,null!=l&&o!==l&&(a=a||[]).push(d,l)):"children"===d?"string"!==typeof l&&"number"!==typeof l||(a=a||[]).push(d,""+l):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(r.hasOwnProperty(d)?(null!=l&&"onScroll"===d&&Rs("scroll",t),a||o===l||(a=[])):(a=a||[]).push(d,l))}i&&(a=a||[]).push("style",i);var d=a;(e.updateQueue=d)&&(e.flags|=4)}},zr=function(t,e,i,s){i!==s&&(e.flags|=4)};var Gr=!1,Yr=!1,Qr="function"===typeof WeakSet?WeakSet:Set,Zr=null;function Jr(t,e){var i=t.ref;if(null!==i)if("function"===typeof i)try{i(null)}catch(s){wl(t,e,s)}else i.current=null}function to(t,e,i){try{i()}catch(s){wl(t,e,s)}}var eo=!1;function io(t,e,i){var s=e.updateQueue;if(null!==(s=null!==s?s.lastEffect:null)){var h=s=s.next;do{if((h.tag&t)===t){var n=h.destroy;h.destroy=void 0,void 0!==n&&to(e,i,n)}h=h.next}while(h!==s)}}function so(t,e){if(null!==(e=null!==(e=e.updateQueue)?e.lastEffect:null)){var i=e=e.next;do{if((i.tag&t)===t){var s=i.create;i.destroy=s()}i=i.next}while(i!==e)}}function ho(t){var e=t.ref;if(null!==e){var i=t.stateNode;t.tag,t=i,"function"===typeof e?e(t):e.current=t}}function no(t){var e=t.alternate;null!==e&&(t.alternate=null,no(e)),t.child=null,t.deletions=null,t.sibling=null,5===t.tag&&(null!==(e=t.stateNode)&&(delete e[ch],delete e[uh],delete e[gh],delete e[ph],delete e[fh])),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}function ao(t){return 5===t.tag||3===t.tag||4===t.tag}function ro(t){t:for(;;){for(;null===t.sibling;){if(null===t.return||ao(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;5!==t.tag&&6!==t.tag&&18!==t.tag;){if(2&t.flags)continue t;if(null===t.child||4===t.tag)continue t;t.child.return=t,t=t.child}if(!(2&t.flags))return t.stateNode}}function oo(t,e,i){var s=t.tag;if(5===s||6===s)t=t.stateNode,e?8===i.nodeType?i.parentNode.insertBefore(t,e):i.insertBefore(t,e):(8===i.nodeType?(e=i.parentNode).insertBefore(t,i):(e=i).appendChild(t),null!==(i=i._reactRootContainer)&&void 0!==i||null!==e.onclick||(e.onclick=Zs));else if(4!==s&&null!==(t=t.child))for(oo(t,e,i),t=t.sibling;null!==t;)oo(t,e,i),t=t.sibling}function lo(t,e,i){var s=t.tag;if(5===s||6===s)t=t.stateNode,e?i.insertBefore(t,e):i.appendChild(t);else if(4!==s&&null!==(t=t.child))for(lo(t,e,i),t=t.sibling;null!==t;)lo(t,e,i),t=t.sibling}var co=null,uo=!1;function mo(t,e,i){for(i=i.child;null!==i;)go(t,e,i),i=i.sibling}function go(t,e,i){if(ne&&"function"===typeof ne.onCommitFiberUnmount)try{ne.onCommitFiberUnmount(he,i)}catch(r){}switch(i.tag){case 5:Yr||Jr(i,e);case 6:var s=co,h=uo;co=null,mo(t,e,i),uo=h,null!==(co=s)&&(uo?(t=co,i=i.stateNode,8===t.nodeType?t.parentNode.removeChild(i):t.removeChild(i)):co.removeChild(i.stateNode));break;case 18:null!==co&&(uo?(t=co,i=i.stateNode,8===t.nodeType?rh(t.parentNode,i):1===t.nodeType&&rh(t,i),Ve(t)):rh(co,i.stateNode));break;case 4:s=co,h=uo,co=i.stateNode.containerInfo,uo=!0,mo(t,e,i),co=s,uo=h;break;case 0:case 11:case 14:case 15:if(!Yr&&(null!==(s=i.updateQueue)&&null!==(s=s.lastEffect))){h=s=s.next;do{var n=h,a=n.destroy;n=n.tag,void 0!==a&&(0!==(2&n)||0!==(4&n))&&to(i,e,a),h=h.next}while(h!==s)}mo(t,e,i);break;case 1:if(!Yr&&(Jr(i,e),"function"===typeof(s=i.stateNode).componentWillUnmount))try{s.props=i.memoizedProps,s.state=i.memoizedState,s.componentWillUnmount()}catch(r){wl(i,e,r)}mo(t,e,i);break;case 21:mo(t,e,i);break;case 22:1&i.mode?(Yr=(s=Yr)||null!==i.memoizedState,mo(t,e,i),Yr=s):mo(t,e,i);break;default:mo(t,e,i)}}function po(t){var e=t.updateQueue;if(null!==e){t.updateQueue=null;var i=t.stateNode;null===i&&(i=t.stateNode=new Qr),e.forEach((function(e){var s=Fl.bind(null,t,e);i.has(e)||(i.add(e),e.then(s,s))}))}}function fo(t,e){var i=e.deletions;if(null!==i)for(var s=0;sh&&(h=r),s&=~a}if(s=h,10<(s=(120>(s=Qt()-s)?120:480>s?480:1080>s?1080:1920>s?1920:3e3>s?3e3:4320>s?4320:1960*wo(s/1960))-s)){t.timeoutHandle=ih(vl.bind(null,t,Mo,qo),s);break}vl(t,Mo,qo);break;default:throw Error(n(329))}}}return hl(t,Qt()),t.callbackNode===i?nl.bind(null,t):null}function al(t,e){var i=Ho;return t.current.memoizedState.isDehydrated&&(ml(t,e).flags|=256),2!==(t=Il(t,e))&&(e=Mo,Mo=i,null!==e&&rl(e)),t}function rl(t){null===Mo?Mo=t:Mo.push.apply(Mo,t)}function ol(t,e){for(e&=~Oo,e&=~Ro,t.suspendedLanes|=e,t.pingedLanes&=~e,t=t.expirationTimes;0t?16:t,null===Go)var s=!1;else{if(t=Go,Go=null,Yo=0,0!==(6&Fo))throw Error(n(331));var h=Fo;for(Fo|=4,Zr=t.current;null!==Zr;){var a=Zr,r=a.child;if(0!==(16&Zr.flags)){var o=a.deletions;if(null!==o){for(var l=0;lQt()-Vo?ml(t,0):Oo|=i),hl(t,e)}function Ll(t,e){0===e&&(0===(1&t.mode)?e=1:(e=de,0===(130023424&(de<<=1))&&(de=4194304)));var i=el();null!==(t=Fn(t,e))&&(Ie(t,e,i),hl(t,i))}function Sl(t){var e=t.memoizedState,i=0;null!==e&&(i=e.retryLane),Ll(t,i)}function Fl(t,e){var i=0;switch(t.tag){case 13:var s=t.stateNode,h=t.memoizedState;null!==h&&(i=h.retryLane);break;case 19:s=t.stateNode;break;default:throw Error(n(314))}null!==s&&s.delete(e),Ll(t,i)}function Al(t,e){return Kt(t,e)}function _l(t,e,i,s){this.tag=t,this.key=i,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=s,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Bl(t,e,i,s){return new _l(t,e,i,s)}function Pl(t){return!(!(t=t.prototype)||!t.isReactComponent)}function zl(t,e){var i=t.alternate;return null===i?((i=Bl(t.tag,e,t.key,t.mode)).elementType=t.elementType,i.type=t.type,i.stateNode=t.stateNode,i.alternate=t,t.alternate=i):(i.pendingProps=e,i.type=t.type,i.flags=0,i.subtreeFlags=0,i.deletions=null),i.flags=14680064&t.flags,i.childLanes=t.childLanes,i.lanes=t.lanes,i.child=t.child,i.memoizedProps=t.memoizedProps,i.memoizedState=t.memoizedState,i.updateQueue=t.updateQueue,e=t.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext},i.sibling=t.sibling,i.index=t.index,i.ref=t.ref,i}function El(t,e,i,s,h,a){var r=2;if(s=t,"function"===typeof t)Pl(t)&&(r=1);else if("string"===typeof t)r=5;else t:switch(t){case C:return jl(i.children,h,a,e);case k:r=8,h|=8;break;case w:return(t=Bl(12,i,e,2|h)).elementType=w,t.lanes=a,t;case F:return(t=Bl(13,i,e,h)).elementType=F,t.lanes=a,t;case A:return(t=Bl(19,i,e,h)).elementType=A,t.lanes=a,t;case P:return Nl(i,h,a,e);default:if("object"===typeof t&&null!==t)switch(t.$$typeof){case T:r=10;break t;case L:r=9;break t;case S:r=11;break t;case _:r=14;break t;case B:r=16,s=null;break t}throw Error(n(130,null==t?t:typeof t,""))}return(e=Bl(r,i,e,h)).elementType=t,e.type=s,e.lanes=a,e}function jl(t,e,i,s){return(t=Bl(7,t,s,e)).lanes=i,t}function Nl(t,e,i,s){return(t=Bl(22,t,s,e)).elementType=P,t.lanes=i,t.stateNode={isHidden:!1},t}function Rl(t,e,i){return(t=Bl(6,t,null,e)).lanes=i,t}function Ol(t,e,i){return(e=Bl(4,null!==t.children?t.children:[],t.key,e)).lanes=i,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}function Hl(t,e,i,s,h){this.tag=e,this.containerInfo=t,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=fe(0),this.expirationTimes=fe(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=fe(0),this.identifierPrefix=s,this.onRecoverableError=h,this.mutableSourceEagerHydrationData=null}function Ml(t,e,i,s,h,n,a,r,o){return t=new Hl(t,e,i,r,o),1===e?(e=1,!0===n&&(e|=8)):e=0,n=Bl(3,null,null,e),t.current=n,n.stateNode=t,n.memoizedState={element:s,isDehydrated:i,cache:null,transitions:null,pendingSuspenseBoundaries:null},_n(n),t}function Vl(t){if(!t)return Th;t:{if(Vt(t=t._reactInternals)!==t||1!==t.tag)throw Error(n(170));var e=t;do{switch(e.tag){case 3:e=e.stateNode.context;break t;case 1:if(_h(e.type)){e=e.stateNode.__reactInternalMemoizedMergedChildContext;break t}}e=e.return}while(null!==e);throw Error(n(171))}if(1===t.tag){var i=t.type;if(_h(i))return zh(t,i,e)}return e}function $l(t,e,i,s,h,n,a,r,o){return(t=Ml(i,s,!0,t,0,n,0,r,o)).context=Vl(null),i=t.current,(n=Pn(s=el(),h=il(i))).callback=void 0!==e&&null!==e?e:null,zn(i,n,h),t.current.lanes=h,Ie(t,h,s),hl(t,s),t}function ql(t,e,i,s){var h=e.current,n=el(),a=il(h);return i=Vl(i),null===e.context?e.context=i:e.pendingContext=i,(e=Pn(n,a)).payload={element:t},null!==(s=void 0===s?null:s)&&(e.callback=s),null!==(t=zn(h,e,a))&&(sl(t,h,a,n),En(t,h,a)),a}function Wl(t){return(t=t.current).child?(t.child.tag,t.child.stateNode):null}function Ul(t,e){if(null!==(t=t.memoizedState)&&null!==t.dehydrated){var i=t.retryLane;t.retryLane=0!==i&&i=0||(h[i]=t[i]);return h}(t,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(s=0;s=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(h[i]=t[i])}return h}function b(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function x(t){for(var e=1;et.length)&&(e=t.length);for(var i=0,s=new Array(e);i, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),e}return e=d,s=[{key:"getDerivedStateFromProps",value:function(t,e){var i=t.position,s=e.prevPropsPosition;return!i||s&&i.x===s.x&&i.y===s.y?null:((0,u.default)("Draggable: getDerivedStateFromProps %j",{position:i,prevPropsPosition:s}),{x:i.x,y:i.y,prevPropsPosition:x({},i)})}}],(i=[{key:"componentDidMount",value:function(){"undefined"!==typeof window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var t,e,i;return null!==(t=null===(e=this.props)||void 0===e||null===(i=e.nodeRef)||void 0===i?void 0:i.current)&&void 0!==t?t:a.default.findDOMNode(this)}},{key:"render",value:function(){var t,e=this.props,i=(e.axis,e.bounds,e.children),s=e.defaultPosition,n=e.defaultClassName,a=e.defaultClassNameDragging,d=e.defaultClassNameDragged,u=e.position,g=e.positionOffset,p=(e.scale,I(e,m)),b={},D=null,y=!Boolean(u)||this.state.dragging,v=u||s,C={x:(0,l.canDragX)(this)&&y?this.state.x:v.x,y:(0,l.canDragY)(this)&&y?this.state.y:v.y};this.state.isElementSVG?D=(0,o.createSVGTransform)(C,g):b=(0,o.createCSSTransform)(C,g);var k=(0,r.default)(i.props.className||"",n,(L(t={},a,this.state.dragging),L(t,d,this.state.dragged),t));return h.createElement(c.default,f({},p,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),h.cloneElement(h.Children.only(i),{className:k,style:x(x({},i.props.style),b),transform:D}))}}])&&v(e.prototype,i),s&&v(e,s),Object.defineProperty(e,"prototype",{writable:!1}),d}(h.Component);e.default=S,L(S,"displayName","Draggable"),L(S,"propTypes",x(x({},c.default.propTypes),{},{axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:d.dontSetMe,style:d.dontSetMe,transform:d.dontSetMe})),L(S,"defaultProps",x(x({},c.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))},91:function(t,e,i){"use strict";function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var h=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!==s(t)&&"function"!==typeof t)return{default:t};var i=u(e);if(i&&i.has(t))return i.get(t);var h={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if("default"!==a&&Object.prototype.hasOwnProperty.call(t,a)){var r=n?Object.getOwnPropertyDescriptor(t,a):null;r&&(r.get||r.set)?Object.defineProperty(h,a,r):h[a]=t[a]}h.default=t,i&&i.set(t,h);return h}(i(791)),n=c(i(7)),a=c(i(164)),r=i(280),o=i(580),l=i(693),d=c(i(655));function c(t){return t&&t.__esModule?t:{default:t}}function u(t){if("function"!==typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(u=function(t){return t?i:e})(t)}function m(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var s,h,n=[],a=!0,r=!1;try{for(i=i.call(t);!(a=(s=i.next()).done)&&(n.push(s.value),!e||n.length!==e);a=!0);}catch(o){r=!0,h=o}finally{try{a||null==i.return||i.return()}finally{if(r)throw h}}return n}(t,e)||function(t,e){if(!t)return;if("string"===typeof t)return g(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return g(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=new Array(e);i not mounted on DragStart!");var s=i.ownerDocument;if(!(t.props.disabled||!(e.target instanceof s.defaultView.Node)||t.props.handle&&!(0,r.matchesSelectorAndParentsTo)(e.target,t.props.handle,i)||t.props.cancel&&(0,r.matchesSelectorAndParentsTo)(e.target,t.props.cancel,i))){"touchstart"===e.type&&e.preventDefault();var h=(0,r.getTouchIdentifier)(e);t.setState({touchIdentifier:h});var n=(0,o.getControlPosition)(e,h,b(t));if(null!=n){var a=n.x,l=n.y,c=(0,o.createCoreData)(b(t),a,l);(0,d.default)("DraggableCore: handleDragStart: %j",c),(0,d.default)("calling",t.props.onStart),!1!==t.props.onStart(e,c)&&!1!==t.mounted&&(t.props.enableUserSelectHack&&(0,r.addUserSelectStyles)(s),t.setState({dragging:!0,lastX:a,lastY:l}),(0,r.addEvent)(s,v.move,t.handleDrag),(0,r.addEvent)(s,v.stop,t.handleDragStop))}}})),D(b(t),"handleDrag",(function(e){var i=(0,o.getControlPosition)(e,t.state.touchIdentifier,b(t));if(null!=i){var s=i.x,h=i.y;if(Array.isArray(t.props.grid)){var n=s-t.state.lastX,a=h-t.state.lastY,r=m((0,o.snapToGrid)(t.props.grid,n,a),2);if(n=r[0],a=r[1],!n&&!a)return;s=t.state.lastX+n,h=t.state.lastY+a}var l=(0,o.createCoreData)(b(t),s,h);if((0,d.default)("DraggableCore: handleDrag: %j",l),!1!==t.props.onDrag(e,l)&&!1!==t.mounted)t.setState({lastX:s,lastY:h});else try{t.handleDragStop(new MouseEvent("mouseup"))}catch(u){var c=document.createEvent("MouseEvents");c.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),t.handleDragStop(c)}}})),D(b(t),"handleDragStop",(function(e){if(t.state.dragging){var i=(0,o.getControlPosition)(e,t.state.touchIdentifier,b(t));if(null!=i){var s=i.x,h=i.y;if(Array.isArray(t.props.grid)){var n=s-t.state.lastX||0,a=h-t.state.lastY||0,l=m((0,o.snapToGrid)(t.props.grid,n,a),2);n=l[0],a=l[1],s=t.state.lastX+n,h=t.state.lastY+a}var c=(0,o.createCoreData)(b(t),s,h);if(!1===t.props.onStop(e,c)||!1===t.mounted)return!1;var u=t.findDOMNode();u&&t.props.enableUserSelectHack&&(0,r.removeUserSelectStyles)(u.ownerDocument),(0,d.default)("DraggableCore: handleDragStop: %j",c),t.setState({dragging:!1,lastX:NaN,lastY:NaN}),u&&((0,d.default)("DraggableCore: Removing handlers"),(0,r.removeEvent)(u.ownerDocument,v.move,t.handleDrag),(0,r.removeEvent)(u.ownerDocument,v.stop,t.handleDragStop))}}})),D(b(t),"onMouseDown",(function(e){return v=y.mouse,t.handleDragStart(e)})),D(b(t),"onMouseUp",(function(e){return v=y.mouse,t.handleDragStop(e)})),D(b(t),"onTouchStart",(function(e){return v=y.touch,t.handleDragStart(e)})),D(b(t),"onTouchEnd",(function(e){return v=y.touch,t.handleDragStop(e)})),t}return e=l,(i=[{key:"componentDidMount",value:function(){this.mounted=!0;var t=this.findDOMNode();t&&(0,r.addEvent)(t,y.touch.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var t=this.findDOMNode();if(t){var e=t.ownerDocument;(0,r.removeEvent)(e,y.mouse.move,this.handleDrag),(0,r.removeEvent)(e,y.touch.move,this.handleDrag),(0,r.removeEvent)(e,y.mouse.stop,this.handleDragStop),(0,r.removeEvent)(e,y.touch.stop,this.handleDragStop),(0,r.removeEvent)(t,y.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,r.removeUserSelectStyles)(e)}}},{key:"findDOMNode",value:function(){var t,e,i;return null!==(t=this.props)&&void 0!==t&&t.nodeRef?null===(e=this.props)||void 0===e||null===(i=e.nodeRef)||void 0===i?void 0:i.current:a.default.findDOMNode(this)}},{key:"render",value:function(){return h.cloneElement(h.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&p(e.prototype,i),s&&p(e,s),Object.defineProperty(e,"prototype",{writable:!1}),l}(h.Component);e.default=C,D(C,"displayName","DraggableCore"),D(C,"propTypes",{allowAnyClick:n.default.bool,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(t,e){if(t[e]&&1!==t[e].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe}),D(C,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},962:function(t,e,i){"use strict";var s=i(37),h=s.default,n=s.DraggableCore;t.exports=h,t.exports.default=h,t.exports.DraggableCore=n},280:function(t,e,i){"use strict";function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.addClassName=m,e.addEvent=function(t,e,i,s){if(!t)return;var h=o({capture:!0},s);t.addEventListener?t.addEventListener(e,i,h):t.attachEvent?t.attachEvent("on"+e,i):t["on"+e]=i},e.addUserSelectStyles=function(t){if(!t)return;var e=t.getElementById("react-draggable-style-el");e||((e=t.createElement("style")).type="text/css",e.id="react-draggable-style-el",e.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",e.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",t.getElementsByTagName("head")[0].appendChild(e));t.body&&m(t.body,"react-draggable-transparent-selection")},e.createCSSTransform=function(t,e){var i=u(t,e,"px");return l({},(0,n.browserPrefixToKey)("transform",n.default),i)},e.createSVGTransform=function(t,e){return u(t,e,"")},e.getTouch=function(t,e){return t.targetTouches&&(0,h.findInArray)(t.targetTouches,(function(t){return e===t.identifier}))||t.changedTouches&&(0,h.findInArray)(t.changedTouches,(function(t){return e===t.identifier}))},e.getTouchIdentifier=function(t){if(t.targetTouches&&t.targetTouches[0])return t.targetTouches[0].identifier;if(t.changedTouches&&t.changedTouches[0])return t.changedTouches[0].identifier},e.getTranslation=u,e.innerHeight=function(t){var e=t.clientHeight,i=t.ownerDocument.defaultView.getComputedStyle(t);return e-=(0,h.int)(i.paddingTop),e-=(0,h.int)(i.paddingBottom)},e.innerWidth=function(t){var e=t.clientWidth,i=t.ownerDocument.defaultView.getComputedStyle(t);return e-=(0,h.int)(i.paddingLeft),e-=(0,h.int)(i.paddingRight)},e.matchesSelector=c,e.matchesSelectorAndParentsTo=function(t,e,i){var s=t;do{if(c(s,e))return!0;if(s===i)return!1;s=s.parentNode}while(s);return!1},e.offsetXYFromParent=function(t,e,i){var s=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect(),h=(t.clientX+e.scrollLeft-s.left)/i,n=(t.clientY+e.scrollTop-s.top)/i;return{x:h,y:n}},e.outerHeight=function(t){var e=t.clientHeight,i=t.ownerDocument.defaultView.getComputedStyle(t);return e+=(0,h.int)(i.borderTopWidth),e+=(0,h.int)(i.borderBottomWidth)},e.outerWidth=function(t){var e=t.clientWidth,i=t.ownerDocument.defaultView.getComputedStyle(t);return e+=(0,h.int)(i.borderLeftWidth),e+=(0,h.int)(i.borderRightWidth)},e.removeClassName=g,e.removeEvent=function(t,e,i,s){if(!t)return;var h=o({capture:!0},s);t.removeEventListener?t.removeEventListener(e,i,h):t.detachEvent?t.detachEvent("on"+e,i):t["on"+e]=null},e.removeUserSelectStyles=function(t){if(!t)return;try{if(t.body&&g(t.body,"react-draggable-transparent-selection"),t.selection)t.selection.empty();else{var e=(t.defaultView||window).getSelection();e&&"Caret"!==e.type&&e.removeAllRanges()}}catch(i){}};var h=i(693),n=function(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!==s(t)&&"function"!==typeof t)return{default:t};var i=a(e);if(i&&i.has(t))return i.get(t);var h={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if("default"!==r&&Object.prototype.hasOwnProperty.call(t,r)){var o=n?Object.getOwnPropertyDescriptor(t,r):null;o&&(o.get||o.set)?Object.defineProperty(h,r,o):h[r]=t[r]}h.default=t,i&&i.set(t,h);return h}(i(21));function a(t){if("function"!==typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(a=function(t){return t?i:e})(t)}function r(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function o(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"===typeof window)return"";var n=null===(t=window.document)||void 0===t||null===(e=t.documentElement)||void 0===e?void 0:e.style;if(!n)return"";if(s in n)return"";for(var a=0;a: Unmounted during event!");return e}},693:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.dontSetMe=function(t,e,i){if(t[e])return new Error("Invalid prop ".concat(e," passed to ").concat(i," - do not set this, set it on the child."))},e.findInArray=function(t,e){for(var i=0,s=t.length;i0&&void 0!==arguments[0]?arguments[0]:"",e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],h=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t||"";e&&(n=t.toString().trim().replace(/[A-Za-z0-9\u00C0-\u00FF]+[^\s-]*/g,(function(t,e,s){return e>0&&e+t.length!==s.length&&t.search(i)>-1&&":"!==s.charAt(e-2)&&("-"!==s.charAt(e+t.length)||"-"===s.charAt(e-1))&&s.charAt(e-1).search(/[^\s-]/)<0?t.toLowerCase():t.substr(1).search(/[A-Z]|\../)>-1?t:t.charAt(0).toUpperCase()+t.substr(1)})));h&&(n=function(t){if(function(t){return"string"===typeof t&&-1!==t.indexOf("@")}(t))return console.warn("This arg looks like an email address, redacting."),s;return t}(n));return n};var i=/^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\.?|via)$/i;var s="REDACTED (Potential Email Address)"},848:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.GA4=void 0;var s=o(i(666)),h=o(i(567)),n=["eventCategory","eventAction","eventLabel","eventValue","hitType"],a=["title","location"],r=["page","hitType"];function o(t){return t&&t.__esModule?t:{default:t}}function l(t,e){if(null==t)return{};var i,s,h=function(t,e){if(null==t)return{};var i,s,h={},n=Object.keys(t);for(s=0;s=0||(h[i]=t[i]);return h}(t,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(s=0;s=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(h[i]=t[i])}return h}function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}function c(t){return function(t){if(Array.isArray(t))return f(t)}(t)||function(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||p(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function m(t){for(var e=1;et.length)&&(e=t.length);for(var i=0,s=new Array(e);i1&&void 0!==arguments[1]?arguments[1]:{};if(!t)throw new Error("Require GA_MEASUREMENT_ID");var s="string"===typeof t?[{trackingId:t}]:t;e._currentMeasurementId=s[0].trackingId;var h=i.gaOptions,n=i.gtagOptions,a=i.nonce,r=i.testMode,o=void 0!==r&&r;if(e._testMode=o,o||e._loadGA(e._currentMeasurementId,a),e.isInitialized||(e._gtag("js",new Date),s.forEach((function(t){var i=m(m(m({},e._toGtagOptions(m(m({},h),t.gaOptions))),n),t.gtagOptions);Object.keys(i).length?e._gtag("config",t.trackingId,i):e._gtag("config",t.trackingId)}))),e.isInitialized=!0,!o){var l=c(e._queueGtag);for(e._queueGtag=[],e._isQueuing=!1;l.length;){var d=l.shift();e._gtag.apply(e,c(d)),"get"===d[0]&&(e._isQueuing=!0)}}})),b(this,"set",(function(t){t?"object"===d(t)?(0===Object.keys(t).length&&console.warn("empty `fieldsObject` given to .set()"),e._gaCommand("set",t)):console.warn("Expected `fieldsObject` arg to be an Object"):console.warn("`fieldsObject` is required in .set()")})),b(this,"_gaCommandSendEvent",(function(t,i,s,h,n){e._gtag("event",i,m(m({event_category:t,event_label:s,value:h},n&&{non_interaction:n.nonInteraction}),e._toGtagOptions(n)))})),b(this,"_gaCommandSendEventParameters",(function(){for(var t=arguments.length,i=new Array(t),s=0;s1?i-1:0),h=1;h>>1,h=t[s];if(!(0>>1;sn(o,i))ln(d,o)?(t[s]=d,t[l]=i,s=l):(t[s]=o,t[r]=i,s=r);else{if(!(ln(d,i)))break t;t[s]=d,t[l]=i,s=l}}}return e}function n(t,e){var i=t.sortIndex-e.sortIndex;return 0!==i?i:t.id-e.id}if("object"===typeof performance&&"function"===typeof performance.now){var a=performance;e.unstable_now=function(){return a.now()}}else{var r=Date,o=r.now();e.unstable_now=function(){return r.now()-o}}var l=[],d=[],c=1,u=null,m=3,g=!1,p=!1,f=!1,I="function"===typeof setTimeout?setTimeout:null,b="function"===typeof clearTimeout?clearTimeout:null,x="undefined"!==typeof setImmediate?setImmediate:null;function D(t){for(var e=s(d);null!==e;){if(null===e.callback)h(d);else{if(!(e.startTime<=t))break;h(d),e.sortIndex=e.expirationTime,i(l,e)}e=s(d)}}function y(t){if(f=!1,D(t),!p)if(null!==s(l))p=!0,P(v);else{var e=s(d);null!==e&&z(y,e.startTime-t)}}function v(t,i){p=!1,f&&(f=!1,b(T),T=-1),g=!0;var n=m;try{for(D(i),u=s(l);null!==u&&(!(u.expirationTime>i)||t&&!F());){var a=u.callback;if("function"===typeof a){u.callback=null,m=u.priorityLevel;var r=a(u.expirationTime<=i);i=e.unstable_now(),"function"===typeof r?u.callback=r:u===s(l)&&h(l),D(i)}else h(l);u=s(l)}if(null!==u)var o=!0;else{var c=s(d);null!==c&&z(y,c.startTime-i),o=!1}return o}finally{u=null,m=n,g=!1}}"undefined"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var C,k=!1,w=null,T=-1,L=5,S=-1;function F(){return!(e.unstable_now()-St||125a?(t.sortIndex=n,i(d,t),null===s(l)&&t===s(d)&&(f?(b(T),T=-1):f=!0,z(y,n-a))):(t.sortIndex=r,i(l,t),p||g||(p=!0,P(v))),t},e.unstable_shouldYield=F,e.unstable_wrapCallback=function(t){var e=m;return function(){var i=m;m=e;try{return t.apply(this,arguments)}finally{m=i}}}},296:function(t,e,i){"use strict";t.exports=i(813)}},e={};function i(s){var h=e[s];if(void 0!==h)return h.exports;var n=e[s]={exports:{}};return t[s](n,n.exports,i),n.exports}i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,{a:e}),e},function(){var t,e=Object.getPrototypeOf?function(t){return Object.getPrototypeOf(t)}:function(t){return t.__proto__};i.t=function(s,h){if(1&h&&(s=this(s)),8&h)return s;if("object"===typeof s&&s){if(4&h&&s.__esModule)return s;if(16&h&&"function"===typeof s.then)return s}var n=Object.create(null);i.r(n);var a={};t=t||[null,e({}),e([]),e(e)];for(var r=2&h&&s;"object"==typeof r&&!~t.indexOf(r);r=e(r))Object.getOwnPropertyNames(r).forEach((function(t){a[t]=function(){return s[t]}}));return a.default=function(){return s},i.d(n,a),n}}(),i.d=function(t,e){for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}(),i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.p="/",function(){"use strict";var t=i(791),e=i.t(t,2);function s(t,e){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},s(t,e)}function h(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,s(t,e)}var n=i(7),a=i.n(n);function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0;u--){var m=h[u];"."===m?l(h,u):".."===m?(l(h,u),c++):c&&(l(h,u),c--)}if(!r)for(;c--;c)h.unshift("..");!r||""===h[0]||h[0]&&o(h[0])||h.unshift("");var g=h.join("/");return i&&"/"!==g.substr(-1)&&(g+="/"),g},c=!0,u="Invariant failed";function m(t,e){if(!t){if(c)throw new Error(u);var i="function"===typeof e?e():e,s=i?"".concat(u,": ").concat(i):u;throw new Error(s)}}function g(t){return"/"===t.charAt(0)?t:"/"+t}function p(t){return"/"===t.charAt(0)?t.substr(1):t}function f(t,e){return function(t,e){return 0===t.toLowerCase().indexOf(e.toLowerCase())&&-1!=="/?#".indexOf(t.charAt(e.length))}(t,e)?t.substr(e.length):t}function I(t){return"/"===t.charAt(t.length-1)?t.slice(0,-1):t}function b(t){var e=t.pathname,i=t.search,s=t.hash,h=e||"/";return i&&"?"!==i&&(h+="?"===i.charAt(0)?i:"?"+i),s&&"#"!==s&&(h+="#"===s.charAt(0)?s:"#"+s),h}function x(t,e,i,s){var h;"string"===typeof t?(h=function(t){var e=t||"/",i="",s="",h=e.indexOf("#");-1!==h&&(s=e.substr(h),e=e.substr(0,h));var n=e.indexOf("?");return-1!==n&&(i=e.substr(n),e=e.substr(0,n)),{pathname:e,search:"?"===i?"":i,hash:"#"===s?"":s}}(t),h.state=e):(void 0===(h=r({},t)).pathname&&(h.pathname=""),h.search?"?"!==h.search.charAt(0)&&(h.search="?"+h.search):h.search="",h.hash?"#"!==h.hash.charAt(0)&&(h.hash="#"+h.hash):h.hash="",void 0!==e&&void 0===h.state&&(h.state=e));try{h.pathname=decodeURI(h.pathname)}catch(n){throw n instanceof URIError?new URIError('Pathname "'+h.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):n}return i&&(h.key=i),s?h.pathname?"/"!==h.pathname.charAt(0)&&(h.pathname=d(h.pathname,s.pathname)):h.pathname=s.pathname:h.pathname||(h.pathname="/"),h}function D(){var t=null;var e=[];return{setPrompt:function(e){return t=e,function(){t===e&&(t=null)}},confirmTransitionTo:function(e,i,s,h){if(null!=t){var n="function"===typeof t?t(e,i):t;"string"===typeof n?"function"===typeof s?s(n,h):h(!0):h(!1!==n)}else h(!0)},appendListener:function(t){var i=!0;function s(){i&&t.apply(void 0,arguments)}return e.push(s),function(){i=!1,e=e.filter((function(t){return t!==s}))}},notifyListeners:function(){for(var t=arguments.length,i=new Array(t),s=0;s=0||(h[i]=t[i]);return h}i(110);var N=1073741823,R="undefined"!==typeof globalThis?globalThis:"undefined"!==typeof window?window:"undefined"!==typeof i.g?i.g:{};var O=t.createContext||function(e,i){var s,n,r="__create-react-context-"+function(){var t="__global_unique_id__";return R[t]=(R[t]||0)+1}()+"__",o=function(t){function e(){for(var e,i=arguments.length,s=new Array(i),h=0;h(0,At.jsxs)("div",{className:"footer",children:["\xa9 Copyright 2019"," ",(0,At.jsx)("a",{href:"https://rodrigodlpontes.github.io/website/",children:"Rodrigo Pontes"}),", under the direction of Mary Hudachek-Buswell, \xa9 Copyright 2011\xa0",(0,At.jsx)("a",{href:"http://www.cs.usfca.edu/galles",children:"David Galles"})]}),Bt=i.p+"static/media/bark.367847c8ab1b26a64e41.mp3";var Pt=()=>{const[e,i]=(0,t.useState)(!1),[s,h]=(0,t.useState)(0),[n,a]=(0,t.useState)(!1),r=(0,t.useRef)(null),o=["Welcome to CS 1332's visualization tool!","Click a data structure or algorithm to go to its visualization page!","Pause the animation and Step Forward/Back to explore operations.","Reference the pseudo-code to see how each step is implemented.","Click the top-right icons to change the pseudo-code or see more info.","Some pages have additional settings and modes. Play around!","Keep clicking me for a surprise!","...",""];return(0,At.jsxs)("div",{onMouseDown:()=>{i(!e),e&&(h((s+1)%o.length),r.current.classList.remove("blobLogo-animate")),o[s]||(r.current&&(r.current.src=r.current.src.replace("favicon","jack"),r.current.classList.add("blobLogo-animate")),h((s+1)%o.length),i(!1),a(!0))},children:[n&&(0,At.jsx)("audio",{src:Bt,autoPlay:!0,onEnded:()=>a(!1)}),e&&(0,At.jsx)("div",{id:"text-bubble",children:(0,At.jsx)("div",{children:o[s]})}),(0,At.jsx)("img",{src:"./favicon.png",alt:"",className:"blobLogo",id:"blobLogo",ref:r}),(0,At.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 500 500",width:"100%",height:"100%",id:"blobSvg",transform:"rotate(65)",style:{opacity:"1",cursor:"grab"},children:[" ",(0,At.jsxs)("defs",{children:[" ",(0,At.jsxs)("linearGradient",{id:"gradient",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[" ",(0,At.jsx)("stop",{offset:"0%",style:{stopColor:"#ff5f6d"}})," ",(0,At.jsx)("stop",{offset:"100%",style:{stopColor:"#ffc371"}})," "]})," "]})," ",(0,At.jsx)("path",{id:"blob",fill:"url(#gradient)",style:{opacity:"1"},children:(0,At.jsx)("animate",{attributeName:"d",dur:"9500ms",repeatCount:"indefinite",values:"M439.43806,316.51312Q432.44085,383.02623,370.39398,407.14258Q308.3471,431.25893,240.13979,459.78516Q171.93248,488.31139,132.30301,426.26451Q92.67355,364.21763,63.21484,307.10882Q33.75613,250,44.06194,178.90151Q54.36774,107.80301,118.67355,75.31613Q182.97935,42.82924,240.60882,72.66602Q298.23828,102.50279,368.10882,107.87054Q437.97935,113.23828,442.20731,181.61914Q446.43527,250,439.43806,316.51312Z;M424.84079,321.86371Q447.86386,393.72743,384.56836,431.15935Q321.27286,468.59128,248.86371,472.84107Q176.45457,477.09086,148.84107,410.1135Q121.22757,343.13614,67.95457,296.56807Q14.68157,250,76.45485,209.5685Q138.22813,169.13699,166.2505,123.59142Q194.27286,78.04585,249.70464,79.81828Q305.13643,81.59072,362.47721,103.93179Q419.818,126.27286,410.81786,188.13643Q401.81772,250,424.84079,321.86371Z;M453.70516,317.0107Q433.36186,384.02139,362.52423,381.146Q291.6866,378.27061,242.8433,399.93801Q194,421.60541,117.08118,412.14317Q40.16237,402.68093,64.29201,326.34046Q88.42165,250,109.0107,206.32693Q129.59975,162.65387,148.64317,78.76495Q167.6866,-5.12397,241.8433,20.74072Q316,46.60541,350.8433,99.17023Q385.6866,151.73505,429.86753,200.86753Q474.04846,250,453.70516,317.0107Z;M437.48517,301.93698Q392.82947,353.87396,357.50371,413.21131Q322.17795,472.54867,247.51112,479.51159Q172.8443,486.47452,129.54819,427.64458Q86.25209,368.81464,81.57785,309.40732Q76.90361,250,83.86283,191.93327Q90.82205,133.86654,141.98146,104.152Q193.14087,74.43745,247.01483,83.88926Q300.88878,93.34106,355.51112,113.62234Q410.13346,133.90361,446.13717,191.95181Q482.14087,250,437.48517,301.93698Z;M460.19079,314.81752Q429.48296,379.63503,366.74655,397.33779Q304.01014,415.04055,238.62673,450.6401Q173.24331,486.23965,141.80231,418.853Q110.3613,351.46635,87.51337,300.73317Q64.66545,250,86.56406,198.80231Q108.46268,147.60462,149.75669,107.39355Q191.05069,67.18248,258.9189,40.41566Q326.7871,13.64883,381.21107,64.45621Q435.63503,115.26359,463.26683,182.63179Q490.89862,250,460.19079,314.81752Z;M469.34657,320.38487Q443.8468,390.76973,373.53877,402.1156Q303.23073,413.46147,238.88463,448.30757Q174.53853,483.15367,122.76833,431.6929Q70.99814,380.23213,76.84563,315.11607Q82.69313,250,78.9227,186.3071Q75.15227,122.6142,131.92223,91.73003Q188.6922,60.84587,253.2305,51.539Q317.7688,42.23213,359.5759,90.92433Q401.383,139.61653,448.11467,194.80827Q494.84633,250,469.34657,320.38487Z;M402.82336,294.74662Q372.52122,339.49324,339.45366,380.77461Q306.3861,422.05598,251.70463,416.9165Q197.02317,411.77702,159.66506,377.28619Q122.30695,342.79537,72.75579,296.39768Q23.20463,250,37.88851,178.24662Q52.57238,106.49324,117.0304,72.97924Q181.48842,39.46525,238.53957,73.79537Q295.59073,108.12549,332.49083,135.50917Q369.39092,162.89286,401.2582,206.44643Q433.12549,250,402.82336,294.74662Z;M439.43806,316.51312Q432.44085,383.02623,370.39398,407.14258Q308.3471,431.25893,240.13979,459.78516Q171.93248,488.31139,132.30301,426.26451Q92.67355,364.21763,63.21484,307.10882Q33.75613,250,44.06194,178.90151Q54.36774,107.80301,118.67355,75.31613Q182.97935,42.82924,240.60882,72.66602Q298.23828,102.50279,368.10882,107.87054Q437.97935,113.23828,442.20731,181.61914Q446.43527,250,439.43806,316.51312Z"})})]})]})},zt=i(962),Et=i.n(zt);function jt(t){return It({tag:"svg",attr:{viewBox:"0 0 15 15",fill:"none"},child:[{tag:"path",attr:{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 3C1.22386 3 1 3.22386 1 3.5C1 3.77614 1.22386 4 1.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386 13.7761 3 13.5 3H1.5ZM1 7.5C1 7.22386 1.22386 7 1.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5 8H1.5C1.22386 8 1 7.77614 1 7.5ZM1 11.5C1 11.2239 1.22386 11 1.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761 13.7761 12 13.5 12H1.5C1.22386 12 1 11.7761 1 11.5Z",fill:"currentColor"}}]})(t)}class Nt extends t.Component{constructor(){super(...arguments),this.state={menuVisible:null,theme:"light"},this.toggleMenu=()=>this.setState((t=>({menuVisible:!t.menuVisible})))}render(){const e=this.props.theme,i=this.props.toggleTheme;return(0,At.jsxs)(t.Fragment,{children:[(0,At.jsxs)("div",{className:"header",children:[(0,At.jsx)("div",{id:"menu",children:(0,At.jsx)(mt.Provider,{value:{className:"menu-bar"},children:(0,At.jsx)(jt,{onClick:this.toggleMenu})})}),(0,At.jsx)("div",{id:"title",children:(0,At.jsx)("h1",{children:"CS 1332 Data Structures and Algorithms Visualization Tool"})}),(0,At.jsxs)("div",{className:"gimmicks",children:[(0,At.jsx)(Et(),{children:(0,At.jsx)("div",{id:"blob-container",children:(0,At.jsx)(Pt,{})})}),(0,At.jsx)("div",{id:"theme",children:"light"===e?(0,At.jsx)(Dt,{size:31,onClick:i,color:"#f9c333",className:"rotate-effect"}):(0,At.jsx)(Ft,{size:29,onClick:i,color:"#d4f1f1",className:"rotate-effect"})})]})]}),(0,At.jsx)("div",{className:`menu ${{null:"",true:"show",false:"hide"}[this.state.menuVisible]}`,children:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:(0,At.jsxs)(lt,{to:"/",onClick:this.toggleMenu,children:[(0,At.jsx)(xt,{size:20}),"\xa0\xa0Home"]})}),(0,At.jsx)("li",{children:(0,At.jsxs)(lt,{to:"/about",onClick:this.toggleMenu,children:[(0,At.jsx)(St,{size:20}),"\xa0\xa0About"]})}),(0,At.jsx)("li",{children:(0,At.jsxs)("a",{href:"https://github.com/RodrigoDLPontes/visualization-tool",target:"_blank",rel:"noreferrer",children:[(0,At.jsx)(Lt,{size:20}),"\xa0\xa0Source Code"]})}),(0,At.jsx)("li",{children:(0,At.jsxs)("a",{href:"https://forms.gle/j9iMhFi8drjf2PU86",target:"_blank",rel:"noreferrer",children:[(0,At.jsx)(Ct,{size:20}),"\xa0\xa0Feedback"]})})]})})]})}}var Rt=Nt;var Ot=()=>(0,At.jsxs)("div",{className:"container",children:[(0,At.jsx)(Rt,{}),(0,At.jsx)("div",{className:"content",children:(0,At.jsxs)("div",{className:"four-o-four",children:[(0,At.jsx)("h1",{children:"404!"}),(0,At.jsxs)("h3",{children:["Algorithm not found! Click ",(0,At.jsx)(lt,{to:"/",children:"here"})," to return to the home screen and choose another algorithm."]})]})}),(0,At.jsx)(_t,{})]});class Ht{constructor(t,e,i,s,h){this.objectID=t,this.fromX=e,this.fromY=i,this.toX=s,this.toY=h}}class Mt{addUndoAnimation(){return!1}undoInitialStep(){}}class Vt extends Mt{constructor(t,e,i,s,h){super(),this.objectID=t,this.fromX=e,this.fromY=i,this.toX=s,this.toY=h}addUndoAnimation(t){const e=new Ht(this.objectID,this.fromX,this.fromY,this.toX,this.toY);return t.push(e),!0}}class $t extends Mt{constructor(t){super(),this.objectID=t}undoInitialStep(t){t.removeObject(this.objectID)}}class qt extends Mt{constructor(t,e,i){super(),this.objectID=t,this.highlightValue=e,this.color=i}undoInitialStep(t){t.setHighlight(this.objectID,this.highlightValue,this.color)}}class Wt extends Mt{constructor(t,e){super(),this.objectID=t,this.height=e}undoInitialStep(t){t.setHeight(this.objectID,this.height)}}class Ut extends Mt{constructor(t,e){super(),this.objectID=t,this.width=e}undoInitialStep(t){t.setWidth(this.objectID,this.width)}}class Kt extends Mt{constructor(t,e){if(super(),this.objectID=t.objectID,this.sizeBeforeChange=t.getNumElements(),this.sizeAfterChange=e,this.sizeBeforeChange>this.sizeAfterChange){this.labels=new Array(this.sizeBeforeChange-this.sizeAfterChange),this.colors=new Array(this.sizeBeforeChange-this.sizeAfterChange);for(let e=0;ethis.sizeAfterChange)for(let e=0;ethis.right()?(i=t-this.right(),h=this.right()):(i=0,h=this.centerX()),ethis.bottom()?(s=e-this.bottom(),n=this.bottom()):(s=0,n=this.centerY()),s>i?h=this.centerX():n=this.centerY(),[h,n]}centered(){return!1}pulseHighlight(t){if(this.highlighted){const e=t/7,i=Math.abs(e%(2*this.range-2)-this.range+1);this.highlightDiff=i+this.minHeightDiff}}getTailPointerAttachPos(){return[this.x,this.y]}getHeadPointerAttachPos(){return[this.x,this.y]}identifier(){return this.objectID}getText(){return this.label}getTextColor(){return this.labelColor}setTextColor(t){this.labelColor=t}setText(t){this.label=t}setHighlightIndex(t){this.highlightIndex=t,this.highlightIndexDirty=!0}getHighlightIndex(){return this.highlightIndex}}class ue extends ce{constructor(t,e,i,s,h,n){super(),this.objectID=t,this.backgroundColor=h,this.foregroundColor=n,this.widthPerElement=e,this.h=i,this.numLabels=s,this.labels=[],this.labelColors=[];for(let a=0;a0?this.widthPerElement*this.numLabels:10}setNumElements(t){if(this.numLabelst){for(let e=t;ethis.y+this.h/2?[this.x,this.y+this.h/2]:t=this.label.length&&(this.highlightIndex=-1),this.highlightIndexDirty&&-1!==this.highlightIndex&&(this.leftWidth=t.measureText(this.label.substring(0,this.highlightIndex)).width,this.centerWidth=t.measureText(this.label.substring(this.highlightIndex,this.highlightIndex+1)).width,this.highlightIndexDirty=!1),this.centered?-1!==this.highlightIndex?(e=this.x-this.width/2,t.textAlign="left",t.textBaseline="middle"):(t.textAlign="center",t.textBaseline="middle"):(t.textAlign="left",t.textBaseline="top"),this.highlighted&&(t.strokeStyle="#FFAAAA",t.fillStyle="#FF0000",t.lineWidth=this.highlightDiff,t.strokeText(this.label,this.x,this.y)),t.strokeStyle=this.labelColor,t.fillStyle=this.labelColor,t.lineWidth=2;const i=this.label.split("\n");if(1===i.length)if(-1===this.highlightIndex)t.fillText(this.label,this.x,this.y);else{const i=this.label.substring(0,this.highlightIndex),s=this.label.substring(this.highlightIndex,this.highlightIndex+1),h=this.label.substring(this.highlightIndex+1);t.fillText(i,e,this.y),t.strokeStyle="#FF0000",t.fillStyle="#FF0000",t.fillText(s,e+this.leftWidth,this.y),t.strokeStyle=this.labelColor,t.fillStyle=this.labelColor,t.fillText(h,e+this.leftWidth+this.centerWidth,this.y)}else{const e=this.centered?(1-i.length)/2:0;for(let s=0;st?(this.highlightIndex=t,this.highlightIndexDirty=!0):this.highlightIndex=-1}getTailPointerAttachPos(t,e){return this.getClosestCardinalPoint(t,e)}getHeadPointerAttachPos(t,e){return this.getClosestCardinalPoint(t,e)}setText(t,e,i){this.label=t,null!=i&&(this.textWidth=i)}createUndoDelete(){return new Ce(this.objectID,this.label,this.x,this.y,this.centered,this.labelColor,this.layer,this.highlightIndex,this.highlighted,this.highlightColor,this.isCode,this.isPointer)}}class Ce extends Mt{constructor(t,e,i,s,h,n,a,r,o,l,d,c){super(),this.objectID=t,this.label=e,this.x=i,this.y=s,this.centered=h,this.labelColor=n,this.layer=a,this.highlightIndex=r,this.highlighted=o,this.highlightColor=l,this.isCode=d,this.isPointer=c}undoInitialStep(t){t.addLabelObject(this.objectID,this.label,this.centered,this.isCode,this.isPointer),t.setNodePosition(this.objectID,this.x,this.y),t.setForegroundColor(this.objectID,this.labelColor),t.setLayer(this.objectID,this.layer),t.setHighlight(this.objectID,this.highlighted,this.highlightColor)}}class ke{constructor(t,e,i,s,h,n,a,r){this.fromID=t,this.toID=e,this.foregroundColor=i,this.edgeLabel=n,this.highlighted=!1,this.highlightDiff=0,this.dirty=!1,this.directed=h,this.anchorPoint=a,this.alpha=1,this.thickness=r,this.arrowHeight=8,this.arrowWidth=4,this.curve=s}color(){return this.foregroundColor}setColor(t){this.foregroundColor=t,this.dirty=!0}setHighlight(t,e){this.highlighted=t,this.highlightColor=e||"#FF0000"}setThickness(t){this.thickness=t}pulseHighlight(t){if(this.highlighted){const e=t/14,i=Math.abs(e%4-3+1);this.highlightDiff=i+this.thickness+3,this.dirty=!0}}hasNode(t){return this.fromID===t||this.toID===t}sign(t){return t>0?1:-1}drawArrow(t,e,i){i.strokeStyle=e,i.fillStyle=e,i.lineWidth=t;const s=this.fromID.getTailPointerAttachPos(this.toID.x,this.toID.y,this.anchorPoint),h=this.toID.getHeadPointerAttachPos(this.fromID.x,this.fromID.y),n=h[0]-s[0],a=h[1]-s[1],r=n/2+s[0],o=a/2+s[1],l=r-a*this.curve,d=o+n*this.curve;i.beginPath(),i.moveTo(s[0],s[1]),i.quadraticCurveTo(l,d,h[0],h[1]),i.stroke();let c=.25*s[0]+.5*l+.25*h[0],u=.25*s[1]+.5*d+.25*h[1];const m=Math.sqrt(a*a+n*n);if(0!==m&&(c+=-a*this.sign(this.curve)/m*10,u+=n*this.sign(this.curve)/m*10),i.textAlign="center",i.font="12px Arial",i.textBaseline="middle",i.fillText(this.edgeLabel,c,u),this.directed){let t=l-h[0],e=d-h[1];const s=Math.sqrt(t*t+e*e);s>0&&(t/=s,e/=s,i.beginPath(),i.moveTo(h[0],h[1]),i.lineTo(h[0]+t*this.arrowHeight-e*this.arrowWidth,h[1]+e*this.arrowHeight+t*this.arrowWidth),i.lineTo(h[0]+t*this.arrowHeight+e*this.arrowWidth,h[1]+e*this.arrowHeight-t*this.arrowWidth),i.lineTo(h[0],h[1]),i.closePath(),i.stroke(),i.fill())}}draw(t){t.globalAlpha=this.alpha,this.highlighted&&this.drawArrow(this.highlightDiff,this.highlightColor,t),this.drawArrow(this.thickness,this.foregroundColor,t)}createUndoConnect(){return new we(this.fromID.objectID,this.toID.objectID,!0,this.foregroundColor,this.curve,this.directed,this.edgeLabel,this.anchorPoint,this.thickness,this.highlighted)}}class we{constructor(t,e,i,s,h,n,a,r,o,l){this.fromID=t,this.toID=e,this.createConnection=i,this.color=s,this.curve=h,this.directed=n,this.edgeLabel=a,this.anchorPoint=r,this.thickness=o,this.highlighted=l}undoInitialStep(t){this.createConnection?(t.connectEdge(this.fromID,this.toID,this.color,this.curve,this.directed,this.edgeLabel,this.anchorPoint,this.thickness),t.setEdgeHighlight(this.fromID,this.toID,this.highlighted)):t.disconnect(this.fromID,this.toID)}addUndoAnimation(){return!1}}class Te extends ce{constructor(t,e,i,s,h,n,a,r,o){super(),this.objectID=t,this.w=i,this.h=s,this.backgroundColor=r,this.foregroundColor=o,this.highlighted=!1,this.vertical=n,this.linkPosEnd=a,this.linkPercent=h,this.nullPointer=!1,this.labels=e,this.labelPosX=[0],this.labelPosY=[0],this.labelColors=[o]}left(){return this.vertical?this.x-this.w/2:this.linkPosEnd?this.x-this.w*(1-this.linkPercent)/2:this.x-this.w*(this.linkPercent+1)/2}setNull(t){this.nullPointer!==t&&(this.nullPointer=t)}getNull(){return this.nullPointer}right(){return this.vertical?this.x+this.w/2:this.linkPosEnd?this.x+this.w*(this.linkPercent+1)/2:this.x+this.w*(1-this.linkPercent)/2}top(){return this.vertical?this.linkPosEnd?this.y-this.h*(1-this.linkPercent)/2:this.y-this.h*(1+this.linkPercent)/2:this.y-this.h/2}bottom(){return this.vertical?this.linkPosEnd?this.y+this.h*(1+this.linkPercent)/2:this.y+this.h*(1-this.linkPercent)/2:this.y+this.h/2}getTailPointerAttachPos(t,e,i){return this.vertical&&this.linkPosEnd?[this.x,this.y+this.h/2]:this.vertical&&!this.linkPosEnd?[this.x,this.y-this.h/2]:!this.vertical&&this.linkPosEnd?[this.x+this.w/2,this.y]:[this.x-this.w/2,this.y]}getHeadPointerAttachPos(t,e){return this.getClosestCardinalPoint(t,e)}setWidth(t){this.w=t}setHeight(t){this.h=t}getWidth(){return this.w}getHeight(){return this.h}draw(t){let e,i;if(t.lineWidth=2,e=this.left(),i=this.top(),this.highlighted&&(t.strokeStyle="#ff0000",t.fillStyle="#ff0000",t.beginPath(),t.moveTo(e-this.highlightDiff,i-this.highlightDiff),t.lineTo(e+this.w+this.highlightDiff,i-this.highlightDiff),t.lineTo(e+this.w+this.highlightDiff,i+this.h+this.highlightDiff),t.lineTo(e-this.highlightDiff,i+this.h+this.highlightDiff),t.lineTo(e-this.highlightDiff,i-this.highlightDiff),t.closePath(),t.stroke(),t.fill()),t.strokeStyle=this.foregroundColor,t.fillStyle=this.backgroundColor,t.beginPath(),t.moveTo(e,i),t.lineTo(e+this.w,i),t.lineTo(e+this.w,i+this.h),t.lineTo(e,i+this.h),t.lineTo(e,i),t.closePath(),t.stroke(),t.fill(),this.vertical){e=this.left();for(let s=1;s1e3&&(this.framenum=0),this.ctx.clearRect(0,0,this.width,this.height),this.statusReport.y=this.height-15,t=0;t=0;h--)null!=this.edges[t][h]&&void 0!==this.edges[t][h]&&this.edges[t][h].toID===this.nodes[e]&&(s=this.edges[t][h].alpha,this.edges[t][h].alpha=i)}return s}setAlpha(t,e){null!=this.nodes[t]&&void 0!==this.nodes[t]&&this.nodes[t].setAlpha(e)}getAlpha(t){return null!=this.nodes[t]&&void 0!==this.nodes[t]?this.nodes[t].getAlpha():-1}getTextColor(t,e){return null!=this.nodes[t]&&void 0!==this.nodes[t]?this.nodes[t].getTextColor(e):"#000000"}setTextColor(t,e,i){null!=this.nodes[t]&&void 0!==this.nodes[t]&&this.nodes[t].setTextColor(e,i)}setHighlightIndex(t,e){null!=this.nodes[t]&&void 0!==this.nodes[t]&&this.nodes[t].setHighlightIndex(e)}setAllLayers(t){this.activeLayers=[];for(let e=0;e=0;t--)if(null!=this.edges[t]&&void 0!==this.edges[t])for(let e=0;e=0;n--)null!=this.edges[t][n]&&this.edges[t][n].toID===this.nodes[e]&&(s=this.edges[t][n],h=s.createUndoConnect(),this.edges[t][n]=this.edges[t][i-1],i-=1,this.edges[t].pop())}if(null!=this.backEdges[e]){i=this.backEdges[e].length;for(let h=i-1;h>=0;h--)null!=this.backEdges[e][h]&&this.backEdges[e][h].fromID===this.nodes[t]&&(s=this.backEdges[e][h],this.backEdges[e][h]=this.backEdges[e][i-1],i-=1,this.backEdges[e].pop())}return h}deleteIncident(t){const e=[];let i,s;if(null!=this.edges[t]){i=this.edges[t].length;for(let h=i-1;h>=0;h--){s=this.edges[t][h];const i=s.toID.identifier();e.push(s.createUndoConnect());let n=this.backEdges[i].length;for(let t=n-1;t>=0;t--)this.backEdges[i][t]===s&&(this.backEdges[i][t]=this.backEdges[i][n-1],n-=1,this.backEdges[i].pop())}this.edges[t]=null}if(null!=this.backEdges[t]){i=this.backEdges[t].length;for(let h=i-1;h>=0;h--){s=this.backEdges[t][h];const i=s.fromID.identifier();e.push(s.createUndoConnect());let n=this.edges[i].length;for(let t=n-1;t>=0;t--)this.edges[i][t]===s&&(this.edges[i][t]=this.edges[i][n-1],n-=1,this.edges[i].pop())}this.backEdges[t]=null}return e}removeObject(t){const e=this.nodes[t];return t===this.nodes.length-1?this.nodes.pop():this.nodes[t]=null,e}getObject(t){if(null==this.nodes[t]||void 0===this.nodes[t])throw new Error("getObject:Object with ID ("+String(t)+") does not exist");return this.nodes[t]}addCircleObject(t,e){if(null!=this.nodes[t]&&void 0!==this.nodes[t])throw new Error("addCircleObject: object with same ID ("+String(t)+") already exists!");const i=new ge(t,e);this.nodes[t]=i}getNodeX(t){if(null!=this.nodes[t]&&void 0!==this.nodes[t])return this.nodes[t].x}getTextWidth(t,e,i){this.ctx.font=e?'13px "Source Code Pro", monospace':i?"16px Arial":"12px Arial";const s=t.split("\n");let h=0;if(1===s.length)h=this.ctx.measureText(t).width;else for(let n=0;n=0;h--)null!=this.edges[t][h]&&void 0!==this.edges[t][h]&&this.edges[t][h].toID===this.nodes[e]&&(s=this.edges[t][h].color(),this.edges[t][h].setColor(i))}return s}alignTop(t,e){if(null==this.nodes[t]||void 0===this.nodes[t]||null==this.nodes[e]||void 0===this.nodes[e])throw new Error("Trying to align two nodes, one doesn't exist: "+String(t)+","+String(e));this.nodes[t].alignTop(this.nodes[e])}alignLeft(t,e){if(null==this.nodes[t]||void 0===this.nodes[t]||null==this.nodes[e]||void 0===this.nodes[e])throw new Error("Trying to align two nodes, one doesn't exist: "+String(t)+","+String(e));this.nodes[t].alignLeft(this.nodes[e])}alignRight(t,e){if(null==this.nodes[t]||void 0===this.nodes[t]||null==this.nodes[e]||void 0===this.nodes[e])throw new Error("Trying to align two nodes, one doesn't exist: "+String(t)+","+String(e));this.nodes[t].alignRight(this.nodes[e])}getAlignRightPos(t,e){if(null==this.nodes[t]||void 0===this.nodes[t]||null==this.nodes[e]||void 0===this.nodes[e])throw new Error("Trying to align two nodes, one doesn't exist: "+String(t)+","+String(e));return this.nodes[t].getAlignRightPos(this.nodes[e])}getAlignLeftPos(t,e){if(null==this.nodes[t]||void 0===this.nodes[t]||null==this.nodes[e]||void 0===this.nodes[e])throw new Error("Trying to align two nodes, one doesn't exist: "+String(t)+","+String(e));return this.nodes[t].getAlignLeftPos(this.nodes[e])}alignBottom(t,e){if(null==this.nodes[t]||void 0===this.nodes[t]||null==this.nodes[e]||void 0===this.nodes[e])throw new Error("Trying to align two nodes, one doesn't exist: "+String(t)+","+String(e));this.nodes[t].alignBottom(this.nodes[e])}setAlwaysOnTop(t,e){if(null!=this.nodes[t]&&void 0!==this.nodes[t]){const i=this.nodes[t].alwaysOnTop;return this.nodes[t].alwaysOnTop=e,i}throw new Error("Trying to bring node that doesn't exist to top")}setEdgeHighlight(t,e,i,s){let h=!1;if(null!=this.edges[t]&&void 0!==this.edges[t]){for(let n=this.edges[t].length-1;n>=0;n--)null!=this.edges[t][n]&&void 0!==this.edges[t][n]&&this.edges[t][n].toID===this.nodes[e]&&(h=this.edges[t][n].highlighted,this.edges[t][n].setHighlight(i,s))}return h}setEdgeThickness(t,e,i){let s=1;if(null!=this.edges[t]&&void 0!==this.edges[t]){for(let h=this.edges[t].length-1;h>=0;h--)null!=this.edges[t][h]&&void 0!==this.edges[t][h]&&this.edges[t][h].toID===this.nodes[e]&&(s=this.edges[t][h].thickness,this.edges[t][h].setThickness(i))}return s}setRectangleEdgeThickness(t,e){if(null!=this.nodes[t]&&void 0!==this.nodes[t]){const i=this.nodes[t].getEdgeThickness();return this.nodes[t].setEdgeThickness(e),i}throw new Error("Trying to bring node that doesn't exist to top")}addLabelObject(t,e,i,s,h){if(null!=this.nodes[t]&&void 0!==this.nodes[t])throw new Error("addLabelObject: object already exists!");const n=new ve(t,e,i,this.getTextWidth(e,s,h),s,h);this.nodes[t]=n}addLinkedListObject(t,e,i,s,h,n,a,r,o){if(null!=this.nodes[t])throw new Error("addLinkedListObject: object with same ID already exists!");const l=new Te(t,e,i,s,h,n,a,r,o);this.nodes[t]=l}addDoublyLinkedListObject(t,e,i,s,h,n,a){if(null!=this.nodes[t])throw new Error("addDoublyLinkedListObject: object with same ID already exists!");const r=new be(t,e,i,s,h,n,a);this.nodes[t]=r}addCircularlyLinkedListObject(t,e,i,s,h,n,a){if(null!=this.nodes[t])throw new Error("addCircularlyLinkedListObject: object with same ID already exists!");const r=new fe(t,e,i,s,h,n,a);this.nodes[t]=r}addSkipListObject(t,e,i,s,h,n){if(null!=this.nodes[t])throw new Error("addSkipListObject: object with same ID already exists!");const a=new Ae(t,e,i,s,h,n);this.nodes[t]=a}getNumElements(t){return this.nodes[t].getNumElements()}setNumElements(t,e){this.nodes[t].setNumElements(e)}addBTreeNode(t,e,i,s,h,n){if(h=void 0===h?"#FFFFFF":h,n=void 0===n?"#FFFFFF":n,null!=this.nodes[t]&&void 0!==this.nodes[t])throw new Error("addBTreeNode: object with same ID already exists!");const a=new ue(t,e,i,s,h,n);this.nodes[t]=a}addRectangleObject(t,e,i,s,h,n,a,r){if(null!=this.nodes[t]&&void 0!==this.nodes[t])throw new Error("addRectangleObject: object with same ID already exists!");const o=new Se(t,e,i,s,h,n,a,r);this.nodes[t]=o}setNodePosition(t,e,i){null!=this.nodes[t]&&void 0!==this.nodes[t]&&void 0!==e&&void 0!==i&&(this.nodes[t].x=e,this.nodes[t].y=i)}}var Pe=i(250),ze=i(182);function Ee(){for(var e=arguments.length,i=new Array(e),s=0;si.every((t=>null==t))?null:t=>{i.forEach((e=>{!function(t,e){"function"===typeof t?t(e):t&&(t.current=e)}(e,t)}))}),i)}var je=function(t){return"string"===typeof t};function Ne(t){if(void 0===t)return{};const e={};return Object.keys(t).filter((e=>!(e.match(/^on[A-Z]/)&&"function"===typeof t[e]))).forEach((i=>{e[i]=t[i]})),e}function Re(t){const{getSlotProps:e,additionalProps:i,externalSlotProps:s,externalForwardedProps:h,className:n}=t;if(!e){const t=(0,ze.default)(null==h?void 0:h.className,null==s?void 0:s.className,n,null==i?void 0:i.className),e=r({},null==i?void 0:i.style,null==h?void 0:h.style,null==s?void 0:s.style),a=r({},i,h,s);return t.length>0&&(a.className=t),Object.keys(e).length>0&&(a.style=e),{props:a,internalRef:void 0}}const a=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(void 0===t)return{};const i={};return Object.keys(t).filter((i=>i.match(/^on[A-Z]/)&&"function"===typeof t[i]&&!e.includes(i))).forEach((e=>{i[e]=t[e]})),i}(r({},h,s)),o=Ne(s),l=Ne(h),d=e(a),c=(0,ze.default)(null==d?void 0:d.className,null==i?void 0:i.className,n,null==h?void 0:h.className,null==s?void 0:s.className),u=r({},null==d?void 0:d.style,null==i?void 0:i.style,null==h?void 0:h.style,null==s?void 0:s.style),m=r({},d,i,l,o);return c.length>0&&(m.className=c),Object.keys(u).length>0&&(m.style=u),{props:m,internalRef:d.ref}}const Oe=["elementType","externalSlotProps","ownerState"];function He(t){var e;const{elementType:i,externalSlotProps:s,ownerState:h}=t,n=j(t,Oe),a=function(t,e){return"function"===typeof t?t(e):t}(s,h),{props:o,internalRef:l}=Re(r({},n,{externalSlotProps:a})),d=function(t,e,i){return void 0===t||je(t)?e:r({},e,{ownerState:r({},e.ownerState,i)})}(i,r({},o,{ref:Ee(l,null==a?void 0:a.ref,null==(e=t.additionalProps)?void 0:e.ref)}),h);return d}function Me(t){return t&&t.ownerDocument||document}let Ve,$e=!0,qe=!1;const We={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function Ue(t){t.metaKey||t.altKey||t.ctrlKey||($e=!0)}function Ke(){$e=!1}function Xe(){"hidden"===this.visibilityState&&qe&&($e=!0)}function Ge(t){const{target:e}=t;try{return e.matches(":focus-visible")}catch(i){}return $e||function(t){const{type:e,tagName:i}=t;return!("INPUT"!==i||!We[e]||t.readOnly)||"TEXTAREA"===i&&!t.readOnly||!!t.isContentEditable}(e)}function Ye(){const e=t.useCallback((t=>{var e;null!=t&&((e=t.ownerDocument).addEventListener("keydown",Ue,!0),e.addEventListener("mousedown",Ke,!0),e.addEventListener("pointerdown",Ke,!0),e.addEventListener("touchstart",Ke,!0),e.addEventListener("visibilitychange",Xe,!0))}),[]),i=t.useRef(!1);return{isFocusVisibleRef:i,onFocus:function(t){return!!Ge(t)&&(i.current=!0,!0)},onBlur:function(){return!!i.current&&(qe=!0,window.clearTimeout(Ve),Ve=window.setTimeout((()=>{qe=!1}),100),i.current=!1,!0)},ref:e}}var Qe="undefined"!==typeof window?t.useLayoutEffect:t.useEffect;function Ze(e){const i=t.useRef(e);return Qe((()=>{i.current=e})),t.useCallback((function(){return(0,i.current)(...arguments)}),[])}var Je={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};const ti=2;function ei(t,e){return t-e}function ii(t,e,i){return null==t?e:Math.min(Math.max(e,t),i)}function si(t,e){var i;const{index:s}=null!=(i=t.reduce(((t,i,s)=>{const h=Math.abs(e-i);return null===t||h({left:`${t}%`}),leap:t=>({width:`${t}%`})},"horizontal-reverse":{offset:t=>({right:`${t}%`}),leap:t=>({width:`${t}%`})},vertical:{offset:t=>({bottom:`${t}%`}),leap:t=>({height:`${t}%`})}},di=t=>t;let ci;function ui(){return void 0===ci&&(ci="undefined"===typeof CSS||"function"!==typeof CSS.supports||CSS.supports("touch-action","none")),ci}function mi(e){const{"aria-labelledby":i,defaultValue:s,disabled:h=!1,disableSwap:n=!1,isRtl:a=!1,marks:o=!1,max:l=100,min:d=0,name:c,onChange:u,onChangeCommitted:m,orientation:g="horizontal",ref:p,scale:f=di,step:I=1,tabIndex:b,value:x}=e,D=t.useRef(),[y,v]=t.useState(-1),[C,k]=t.useState(-1),[w,T]=t.useState(!1),L=t.useRef(0),[S,F]=function(e){let{controlled:i,default:s,name:h,state:n="value"}=e;const{current:a}=t.useRef(void 0!==i),[r,o]=t.useState(s);return[a?i:r,t.useCallback((t=>{a||o(t)}),[])]}({controlled:x,default:null!=s?s:d,name:"Slider"}),A=u&&((t,e,i)=>{const s=t.nativeEvent||t,h=new s.constructor(s.type,s);Object.defineProperty(h,"target",{writable:!0,value:{value:e,name:c}}),u(h,e,i)}),_=Array.isArray(S);let B=_?S.slice().sort(ei):[S];B=B.map((t=>ii(t,d,l)));const P=!0===o&&null!==I?[...Array(Math.floor((l-d)/I)+1)].map(((t,e)=>({value:d+I*e}))):o||[],z=P.map((t=>t.value)),{isFocusVisibleRef:E,onBlur:j,onFocus:N,ref:R}=Ye(),[O,H]=t.useState(-1),M=t.useRef(),V=Ee(R,M),$=Ee(p,V),q=t=>e=>{var i;const s=Number(e.currentTarget.getAttribute("data-index"));N(e),!0===E.current&&H(s),k(s),null==t||null==(i=t.onFocus)||i.call(t,e)},W=t=>e=>{var i;j(e),!1===E.current&&H(-1),k(-1),null==t||null==(i=t.onBlur)||i.call(t,e)};Qe((()=>{var t;h&&M.current.contains(document.activeElement)&&(null==(t=document.activeElement)||t.blur())}),[h]),h&&-1!==y&&v(-1),h&&-1!==O&&H(-1);const U=t=>e=>{var i;null==(i=t.onChange)||i.call(t,e);const s=Number(e.currentTarget.getAttribute("data-index")),h=B[s],a=z.indexOf(h);let r=e.target.valueAsNumber;if(P&&null==I&&(r=r{let{finger:e,move:i=!1}=t;const{current:s}=M,{width:h,height:a,bottom:r,left:o}=s.getBoundingClientRect();let c,u;if(c=0===X.indexOf("vertical")?(r-e.y)/a:(e.x-o)/h,-1!==X.indexOf("-reverse")&&(c=1-c),u=function(t,e,i){return(i-e)*t+e}(c,d,l),I)u=ai(u,I,d);else{const t=si(z,u);u=z[t]}u=ii(u,d,l);let m=0;if(_){m=i?K.current:si(B,u),n&&(u=ii(u,B[m-1]||-1/0,B[m+1]||1/0));const t=u;u=ri({values:B,newValue:u,index:m}),n&&i||(m=u.indexOf(t),K.current=m)}return{newValue:u,activeIndex:m}},Y=Ze((t=>{const e=hi(t,D);if(!e)return;if(L.current+=1,"mousemove"===t.type&&0===t.buttons)return void Q(t);const{newValue:i,activeIndex:s}=G({finger:e,move:!0});oi({sliderRef:M,activeIndex:s,setActive:v}),F(i),!w&&L.current>ti&&T(!0),A&&i!==S&&A(t,i,s)})),Q=Ze((t=>{const e=hi(t,D);if(T(!1),!e)return;const{newValue:i}=G({finger:e,move:!0});v(-1),"touchend"===t.type&&k(-1),m&&m(t,i),D.current=void 0,J()})),Z=Ze((t=>{if(h)return;ui()||t.preventDefault();const e=t.changedTouches[0];null!=e&&(D.current=e.identifier);const i=hi(t,D);if(!1!==i){const{newValue:e,activeIndex:s}=G({finger:i});oi({sliderRef:M,activeIndex:s,setActive:v}),F(e),A&&A(t,e,s)}L.current=0;const s=Me(M.current);s.addEventListener("touchmove",Y),s.addEventListener("touchend",Q)})),J=t.useCallback((()=>{const t=Me(M.current);t.removeEventListener("mousemove",Y),t.removeEventListener("mouseup",Q),t.removeEventListener("touchmove",Y),t.removeEventListener("touchend",Q)}),[Q,Y]);t.useEffect((()=>{const{current:t}=M;return t.addEventListener("touchstart",Z,{passive:ui()}),()=>{t.removeEventListener("touchstart",Z,{passive:ui()}),J()}}),[J,Z]),t.useEffect((()=>{h&&J()}),[h,J]);const tt=t=>e=>{var i;if(null==(i=t.onMouseDown)||i.call(t,e),h)return;if(e.defaultPrevented)return;if(0!==e.button)return;e.preventDefault();const s=hi(e,D);if(!1!==s){const{newValue:t,activeIndex:i}=G({finger:s});oi({sliderRef:M,activeIndex:i,setActive:v}),F(t),A&&A(e,t,i)}L.current=0;const n=Me(M.current);n.addEventListener("mousemove",Y),n.addEventListener("mouseup",Q)},et=ni(_?B[0]:d,d,l),it=ni(B[B.length-1],d,l)-et,st=t=>e=>{var i;null==(i=t.onMouseOver)||i.call(t,e);const s=Number(e.currentTarget.getAttribute("data-index"));k(s)},ht=t=>e=>{var i;null==(i=t.onMouseLeave)||i.call(t,e),k(-1)};return{active:y,axis:X,axisProps:li,dragging:w,focusedThumbIndex:O,getHiddenInputProps:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};var s;const n=r({},t,{onChange:U(t||{}),onFocus:q(t||{}),onBlur:W(t||{})});return r({tabIndex:b,"aria-labelledby":i,"aria-orientation":g,"aria-valuemax":f(l),"aria-valuemin":f(d),name:c,type:"range",min:e.min,max:e.max,step:null!=(s=e.step)?s:void 0,disabled:h},n,{style:r({},Je,{direction:a?"rtl":"ltr",width:"100%",height:"100%"})})},getRootProps:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const e=r({},t,{onMouseDown:tt(t||{})});return r({ref:$},e)},getThumbProps:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return r({},t,{onMouseOver:st(t||{}),onMouseLeave:ht(t||{})})},marks:P,open:C,range:_,trackLeap:it,trackOffset:et,values:B}}function gi(t){let e="https://mui.com/production-error/?code="+t;for(let i=1;i1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(e,t),i)}function fi(t){if(t.type)return t;if("#"===t.charAt(0))return fi(function(t){t=t.slice(1);const e=new RegExp(`.{1,${t.length>=6?2:1}}`,"g");let i=t.match(e);return i&&1===i[0].length&&(i=i.map((t=>t+t))),i?`rgb${4===i.length?"a":""}(${i.map(((t,e)=>e<3?parseInt(t,16):Math.round(parseInt(t,16)/255*1e3)/1e3)).join(", ")})`:""}(t));const e=t.indexOf("("),i=t.substring(0,e);if(-1===["rgb","rgba","hsl","hsla","color"].indexOf(i))throw new Error(gi(9,t));let s,h=t.substring(e+1,t.length-1);if("color"===i){if(h=h.split(" "),s=h.shift(),4===h.length&&"/"===h[3].charAt(0)&&(h[3]=h[3].slice(1)),-1===["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(s))throw new Error(gi(10,s))}else h=h.split(",");return h=h.map((t=>parseFloat(t))),{type:i,values:h,colorSpace:s}}function Ii(t){const{type:e,colorSpace:i}=t;let{values:s}=t;return-1!==e.indexOf("rgb")?s=s.map(((t,e)=>e<3?parseInt(t,10):t)):-1!==e.indexOf("hsl")&&(s[1]=`${s[1]}%`,s[2]=`${s[2]}%`),s=-1!==e.indexOf("color")?`${i} ${s.join(" ")}`:`${s.join(", ")}`,`${e}(${s})`}function bi(t){let e="hsl"===(t=fi(t)).type||"hsla"===t.type?fi(function(t){t=fi(t);const{values:e}=t,i=e[0],s=e[1]/100,h=e[2]/100,n=s*Math.min(h,1-h),a=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(t+i/30)%12;return h-n*Math.max(Math.min(e-3,9-e,1),-1)};let r="rgb";const o=[Math.round(255*a(0)),Math.round(255*a(8)),Math.round(255*a(4))];return"hsla"===t.type&&(r+="a",o.push(e[3])),Ii({type:r,values:o})}(t)).values:t.values;return e=e.map((e=>("color"!==t.type&&(e/=255),e<=.03928?e/12.92:((e+.055)/1.055)**2.4))),Number((.2126*e[0]+.7152*e[1]+.0722*e[2]).toFixed(3))}function xi(t,e){return t=fi(t),e=pi(e),"rgb"!==t.type&&"hsl"!==t.type||(t.type+="a"),"color"===t.type?t.values[3]=`/${e}`:t.values[3]=e,Ii(t)}function Di(t,e){if(t=fi(t),e=pi(e),-1!==t.type.indexOf("hsl"))t.values[2]*=1-e;else if(-1!==t.type.indexOf("rgb")||-1!==t.type.indexOf("color"))for(let i=0;i<3;i+=1)t.values[i]*=1-e;return Ii(t)}function yi(t,e){if(t=fi(t),e=pi(e),-1!==t.type.indexOf("hsl"))t.values[2]+=(100-t.values[2])*e;else if(-1!==t.type.indexOf("rgb"))for(let i=0;i<3;i+=1)t.values[i]+=(255-t.values[i])*e;else if(-1!==t.type.indexOf("color"))for(let i=0;i<3;i+=1)t.values[i]+=(1-t.values[i])*e;return Ii(t)}function vi(t,e){const i=r({},e);return Object.keys(t).forEach((s=>{if(s.toString().match(/^(components|slots)$/))i[s]=r({},t[s],i[s]);else if(s.toString().match(/^(componentsProps|slotProps)$/)){const h=t[s]||{},n=e[s];i[s]={},n&&Object.keys(n)?h&&Object.keys(h)?(i[s]=r({},n),Object.keys(h).forEach((t=>{i[s][t]=vi(h[t],n[t])}))):i[s]=n:i[s]=h}else void 0===i[s]&&(i[s]=t[s])})),i}function Ci(t){const{theme:e,name:i,props:s}=t;return e&&e.components&&e.components[i]&&e.components[i].defaultProps?vi(e.components[i].defaultProps,s):s}function ki(t){return null!==t&&"object"===typeof t&&t.constructor===Object}function wi(t){if(!ki(t))return t;const e={};return Object.keys(t).forEach((i=>{e[i]=wi(t[i])})),e}function Ti(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{clone:!0};const s=i.clone?r({},t):t;return ki(t)&&ki(e)&&Object.keys(e).forEach((h=>{"__proto__"!==h&&(ki(e[h])&&h in t&&ki(t[h])?s[h]=Ti(t[h],e[h],i):i.clone?s[h]=ki(e[h])?wi(e[h]):e[h]:s[h]=e[h])})),s}const Li=["values","unit","step"],Si=t=>{const e=Object.keys(t).map((e=>({key:e,val:t[e]})))||[];return e.sort(((t,e)=>t.val-e.val)),e.reduce(((t,e)=>r({},t,{[e.key]:e.val})),{})};var Fi={borderRadius:4};const Ai={xs:0,sm:600,md:900,lg:1200,xl:1536},_i={keys:["xs","sm","md","lg","xl"],up:t=>`@media (min-width:${Ai[t]}px)`};function Bi(t,e,i){const s=t.theme||{};if(Array.isArray(e)){const t=s.breakpoints||_i;return e.reduce(((s,h,n)=>(s[t.up(t.keys[n])]=i(e[n]),s)),{})}if("object"===typeof e){const t=s.breakpoints||_i;return Object.keys(e).reduce(((s,h)=>{if(-1!==Object.keys(t.values||Ai).indexOf(h)){s[t.up(h)]=i(e[h],h)}else{const t=h;s[t]=e[t]}return s}),{})}return i(e)}function Pi(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};var e;const i=null==(e=t.keys)?void 0:e.reduce(((e,i)=>(e[t.up(i)]={},e)),{});return i||{}}function zi(t,e){return t.reduce(((t,e)=>{const i=t[e];return(!i||0===Object.keys(i).length)&&delete t[e],t}),e)}function Ei(t){if("string"!==typeof t)throw new Error(gi(7));return t.charAt(0).toUpperCase()+t.slice(1)}function ji(t,e){let i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(!e||"string"!==typeof e)return null;if(t&&t.vars&&i){const i=`vars.${e}`.split(".").reduce(((t,e)=>t&&t[e]?t[e]:null),t);if(null!=i)return i}return e.split(".").reduce(((t,e)=>t&&null!=t[e]?t[e]:null),t)}function Ni(t,e,i){let s,h=arguments.length>3&&void 0!==arguments[3]?arguments[3]:i;return s="function"===typeof t?t(i):Array.isArray(t)?t[i]||h:ji(t,i)||h,e&&(s=e(s,h,t)),s}var Ri=function(t){const{prop:e,cssProperty:i=t.prop,themeKey:s,transform:h}=t,n=t=>{if(null==t[e])return null;const n=t[e],a=ji(t.theme,s)||{};return Bi(t,n,(t=>{let s=Ni(a,h,t);return t===s&&"string"===typeof t&&(s=Ni(a,h,`${e}${"default"===t?"":Ei(t)}`,t)),!1===i?s:{[i]:s}}))};return n.propTypes={},n.filterProps=[e],n};var Oi=function(t,e){return e?Ti(t,e,{clone:!1}):t};const Hi={m:"margin",p:"padding"},Mi={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},Vi={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},$i=function(t){const e={};return i=>(void 0===e[i]&&(e[i]=t(i)),e[i])}((t=>{if(t.length>2){if(!Vi[t])return[t];t=Vi[t]}const[e,i]=t.split(""),s=Hi[e],h=Mi[i]||"";return Array.isArray(h)?h.map((t=>s+t)):[s+h]})),qi=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],Wi=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Ui=[...qi,...Wi];function Ki(t,e,i,s){var h;const n=null!=(h=ji(t,e,!1))?h:i;return"number"===typeof n?t=>"string"===typeof t?t:n*t:Array.isArray(n)?t=>"string"===typeof t?t:n[t]:"function"===typeof n?n:()=>{}}function Xi(t){return Ki(t,"spacing",8)}function Gi(t,e){if("string"===typeof e||null==e)return e;const i=t(Math.abs(e));return e>=0?i:"number"===typeof i?-i:`-${i}`}function Yi(t,e,i,s){if(-1===e.indexOf(i))return null;const h=function(t,e){return i=>t.reduce(((t,s)=>(t[s]=Gi(e,i),t)),{})}($i(i),s);return Bi(t,t[i],h)}function Qi(t,e){const i=Xi(t.theme);return Object.keys(t).map((s=>Yi(t,e,s,i))).reduce(Oi,{})}function Zi(t){return Qi(t,qi)}function Ji(t){return Qi(t,Wi)}function ts(t){return Qi(t,Ui)}Zi.propTypes={},Zi.filterProps=qi,Ji.propTypes={},Ji.filterProps=Wi,ts.propTypes={},ts.filterProps=Ui;var es=function(){for(var t=arguments.length,e=new Array(t),i=0;i(e.filterProps.forEach((i=>{t[i]=e})),t)),{}),h=t=>Object.keys(t).reduce(((e,i)=>s[i]?Oi(e,s[i](t)):e),{});return h.propTypes={},h.filterProps=e.reduce(((t,e)=>t.concat(e.filterProps)),[]),h};function is(t){return"number"!==typeof t?t:`${t}px solid`}const ss=Ri({prop:"border",themeKey:"borders",transform:is}),hs=Ri({prop:"borderTop",themeKey:"borders",transform:is}),ns=Ri({prop:"borderRight",themeKey:"borders",transform:is}),as=Ri({prop:"borderBottom",themeKey:"borders",transform:is}),rs=Ri({prop:"borderLeft",themeKey:"borders",transform:is}),os=Ri({prop:"borderColor",themeKey:"palette"}),ls=Ri({prop:"borderTopColor",themeKey:"palette"}),ds=Ri({prop:"borderRightColor",themeKey:"palette"}),cs=Ri({prop:"borderBottomColor",themeKey:"palette"}),us=Ri({prop:"borderLeftColor",themeKey:"palette"}),ms=t=>{if(void 0!==t.borderRadius&&null!==t.borderRadius){const e=Ki(t.theme,"shape.borderRadius",4),i=t=>({borderRadius:Gi(e,t)});return Bi(t,t.borderRadius,i)}return null};ms.propTypes={},ms.filterProps=["borderRadius"];es(ss,hs,ns,as,rs,os,ls,ds,cs,us,ms);const gs=t=>{if(void 0!==t.gap&&null!==t.gap){const e=Ki(t.theme,"spacing",8),i=t=>({gap:Gi(e,t)});return Bi(t,t.gap,i)}return null};gs.propTypes={},gs.filterProps=["gap"];const ps=t=>{if(void 0!==t.columnGap&&null!==t.columnGap){const e=Ki(t.theme,"spacing",8),i=t=>({columnGap:Gi(e,t)});return Bi(t,t.columnGap,i)}return null};ps.propTypes={},ps.filterProps=["columnGap"];const fs=t=>{if(void 0!==t.rowGap&&null!==t.rowGap){const e=Ki(t.theme,"spacing",8),i=t=>({rowGap:Gi(e,t)});return Bi(t,t.rowGap,i)}return null};fs.propTypes={},fs.filterProps=["rowGap"];es(gs,ps,fs,Ri({prop:"gridColumn"}),Ri({prop:"gridRow"}),Ri({prop:"gridAutoFlow"}),Ri({prop:"gridAutoColumns"}),Ri({prop:"gridAutoRows"}),Ri({prop:"gridTemplateColumns"}),Ri({prop:"gridTemplateRows"}),Ri({prop:"gridTemplateAreas"}),Ri({prop:"gridArea"}));function Is(t,e){return"grey"===e?e:t}es(Ri({prop:"color",themeKey:"palette",transform:Is}),Ri({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:Is}),Ri({prop:"backgroundColor",themeKey:"palette",transform:Is}));function bs(t){return t<=1&&0!==t?100*t+"%":t}const xs=Ri({prop:"width",transform:bs}),Ds=t=>{if(void 0!==t.maxWidth&&null!==t.maxWidth){const e=e=>{var i,s,h;return{maxWidth:(null==(i=t.theme)||null==(s=i.breakpoints)||null==(h=s.values)?void 0:h[e])||Ai[e]||bs(e)}};return Bi(t,t.maxWidth,e)}return null};Ds.filterProps=["maxWidth"];const ys=Ri({prop:"minWidth",transform:bs}),vs=Ri({prop:"height",transform:bs}),Cs=Ri({prop:"maxHeight",transform:bs}),ks=Ri({prop:"minHeight",transform:bs});Ri({prop:"size",cssProperty:"width",transform:bs}),Ri({prop:"size",cssProperty:"height",transform:bs}),es(xs,Ds,ys,vs,Cs,ks,Ri({prop:"boxSizing"}));var ws={border:{themeKey:"borders",transform:is},borderTop:{themeKey:"borders",transform:is},borderRight:{themeKey:"borders",transform:is},borderBottom:{themeKey:"borders",transform:is},borderLeft:{themeKey:"borders",transform:is},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:ms},color:{themeKey:"palette",transform:Is},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:Is},backgroundColor:{themeKey:"palette",transform:Is},p:{style:Ji},pt:{style:Ji},pr:{style:Ji},pb:{style:Ji},pl:{style:Ji},px:{style:Ji},py:{style:Ji},padding:{style:Ji},paddingTop:{style:Ji},paddingRight:{style:Ji},paddingBottom:{style:Ji},paddingLeft:{style:Ji},paddingX:{style:Ji},paddingY:{style:Ji},paddingInline:{style:Ji},paddingInlineStart:{style:Ji},paddingInlineEnd:{style:Ji},paddingBlock:{style:Ji},paddingBlockStart:{style:Ji},paddingBlockEnd:{style:Ji},m:{style:Zi},mt:{style:Zi},mr:{style:Zi},mb:{style:Zi},ml:{style:Zi},mx:{style:Zi},my:{style:Zi},margin:{style:Zi},marginTop:{style:Zi},marginRight:{style:Zi},marginBottom:{style:Zi},marginLeft:{style:Zi},marginX:{style:Zi},marginY:{style:Zi},marginInline:{style:Zi},marginInlineStart:{style:Zi},marginInlineEnd:{style:Zi},marginBlock:{style:Zi},marginBlockStart:{style:Zi},marginBlockEnd:{style:Zi},displayPrint:{cssProperty:!1,transform:t=>({"@media print":{display:t}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:gs},rowGap:{style:fs},columnGap:{style:ps},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:bs},maxWidth:{style:Ds},minWidth:{transform:bs},height:{transform:bs},maxHeight:{transform:bs},minHeight:{transform:bs},boxSizing:{},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};const Ts=function(){function t(t,e,i,s){const h={[t]:e,theme:i},n=s[t];if(!n)return{[t]:e};const{cssProperty:a=t,themeKey:r,transform:o,style:l}=n;if(null==e)return null;const d=ji(i,r)||{};if(l)return l(h);return Bi(h,e,(e=>{let i=Ni(d,o,e);return e===i&&"string"===typeof e&&(i=Ni(d,o,`${t}${"default"===e?"":Ei(e)}`,e)),!1===a?i:{[a]:i}}))}return function e(i){var s;const{sx:h,theme:n={}}=i||{};if(!h)return null;const a=null!=(s=n.unstable_sxConfig)?s:ws;function r(i){let s=i;if("function"===typeof i)s=i(n);else if("object"!==typeof i)return i;if(!s)return null;const h=Pi(n.breakpoints),r=Object.keys(h);let o=h;return Object.keys(s).forEach((i=>{const h=(r=s[i],l=n,"function"===typeof r?r(l):r);var r,l;if(null!==h&&void 0!==h)if("object"===typeof h)if(a[i])o=Oi(o,t(i,h,n,a));else{const t=Bi({theme:n},h,(t=>({[i]:t})));!function(){for(var t=arguments.length,e=new Array(t),i=0;it.concat(Object.keys(e))),[]),h=new Set(s);return e.every((t=>h.size===Object.keys(t).length))}(t,h)?o=Oi(o,t):o[i]=e({sx:h,theme:n})}else o=Oi(o,t(i,h,n,a))})),zi(r,o)}return Array.isArray(h)?h.map(r):r(h)}}();Ts.filterProps=["sx"];var Ls=Ts;const Ss=["breakpoints","palette","spacing","shape"];var Fs=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{breakpoints:e={},palette:i={},spacing:s,shape:h={}}=t,n=j(t,Ss),a=function(t){const{values:e={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:i="px",step:s=5}=t,h=j(t,Li),n=Si(e),a=Object.keys(n);function o(t){return`@media (min-width:${"number"===typeof e[t]?e[t]:t}${i})`}function l(t){return`@media (max-width:${("number"===typeof e[t]?e[t]:t)-s/100}${i})`}function d(t,h){const n=a.indexOf(h);return`@media (min-width:${"number"===typeof e[t]?e[t]:t}${i}) and (max-width:${(-1!==n&&"number"===typeof e[a[n]]?e[a[n]]:h)-s/100}${i})`}return r({keys:a,values:n,up:o,down:l,between:d,only:function(t){return a.indexOf(t)+10&&void 0!==arguments[0]?arguments[0]:8;if(t.mui)return t;const e=Xi({spacing:t}),i=function(){for(var t=arguments.length,i=new Array(t),s=0;s{const i=e(t);return"number"===typeof i?`${i}px`:i})).join(" ")};return i.mui=!0,i}(s);let l=Ti({breakpoints:a,direction:"ltr",components:{},palette:r({mode:"light"},i),spacing:o,shape:r({},Fi,h)},n);for(var d=arguments.length,c=new Array(d>1?d-1:0),u=1;uTi(t,e)),l),l.unstable_sxConfig=r({},ws,null==n?void 0:n.unstable_sxConfig),l.unstable_sx=function(t){return Ls({sx:t,theme:this})},l};var As=t.createContext(null);var _s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const i=t.useContext(As);return i&&(s=i,0!==Object.keys(s).length)?i:e;var s};const Bs=Fs();var Ps=function(){return _s(arguments.length>0&&void 0!==arguments[0]?arguments[0]:Bs)};function zs(t,e){return r({toolbar:{minHeight:56,[t.up("xs")]:{"@media (orientation: landscape)":{minHeight:48}},[t.up("sm")]:{minHeight:64}}},e)}var Es={black:"#000",white:"#fff"};var js={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"};var Ns={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff"};var Rs={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"};var Os={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"};var Hs={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"};var Ms={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea"};var Vs={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"};const $s=["mode","contrastThreshold","tonalOffset"],qs={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:Es.white,default:Es.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},Ws={text:{primary:Es.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:"#121212",default:"#121212"},action:{active:Es.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function Us(t,e,i,s){const h=s.light||s,n=s.dark||1.5*s;t[e]||(t.hasOwnProperty(i)?t[e]=t[i]:"light"===e?t.light=yi(t.main,h):"dark"===e&&(t.dark=Di(t.main,n)))}function Ks(t){const{mode:e="light",contrastThreshold:i=3,tonalOffset:s=.2}=t,h=j(t,$s),n=t.primary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:Hs[200],light:Hs[50],dark:Hs[400]}:{main:Hs[700],light:Hs[400],dark:Hs[800]}}(e),a=t.secondary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:Ns[200],light:Ns[50],dark:Ns[400]}:{main:Ns[500],light:Ns[300],dark:Ns[700]}}(e),o=t.error||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:Rs[500],light:Rs[300],dark:Rs[700]}:{main:Rs[700],light:Rs[400],dark:Rs[800]}}(e),l=t.info||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:Ms[400],light:Ms[300],dark:Ms[700]}:{main:Ms[700],light:Ms[500],dark:Ms[900]}}(e),d=t.success||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:Vs[400],light:Vs[300],dark:Vs[700]}:{main:Vs[800],light:Vs[500],dark:Vs[900]}}(e),c=t.warning||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:Os[400],light:Os[300],dark:Os[700]}:{main:"#ed6c02",light:Os[500],dark:Os[900]}}(e);function u(t){const e=function(t,e){const i=bi(t),s=bi(e);return(Math.max(i,s)+.05)/(Math.min(i,s)+.05)}(t,Ws.text.primary)>=i?Ws.text.primary:qs.text.primary;return e}const m=t=>{let{color:e,name:i,mainShade:h=500,lightShade:n=300,darkShade:a=700}=t;if(e=r({},e),!e.main&&e[h]&&(e.main=e[h]),!e.hasOwnProperty("main"))throw new Error(gi(11,i?` (${i})`:"",h));if("string"!==typeof e.main)throw new Error(gi(12,i?` (${i})`:"",JSON.stringify(e.main)));return Us(e,"light",n,s),Us(e,"dark",a,s),e.contrastText||(e.contrastText=u(e.main)),e},g={dark:Ws,light:qs};return Ti(r({common:r({},Es),mode:e,primary:m({color:n,name:"primary"}),secondary:m({color:a,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:m({color:o,name:"error"}),warning:m({color:c,name:"warning"}),info:m({color:l,name:"info"}),success:m({color:d,name:"success"}),grey:js,contrastThreshold:i,getContrastText:u,augmentColor:m,tonalOffset:s},g[e]),h)}const Xs=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];const Gs={textTransform:"uppercase"},Ys='"Roboto", "Helvetica", "Arial", sans-serif';function Qs(t,e){const i="function"===typeof e?e(t):e,{fontFamily:s=Ys,fontSize:h=14,fontWeightLight:n=300,fontWeightRegular:a=400,fontWeightMedium:o=500,fontWeightBold:l=700,htmlFontSize:d=16,allVariants:c,pxToRem:u}=i,m=j(i,Xs);const g=h/14,p=u||(t=>t/d*g+"rem"),f=(t,e,i,h,n)=>{return r({fontFamily:s,fontWeight:t,fontSize:p(e),lineHeight:i},s===Ys?{letterSpacing:(a=h/e,Math.round(1e5*a)/1e5)+"em"}:{},n,c);var a},I={h1:f(n,96,1.167,-1.5),h2:f(n,60,1.2,-.5),h3:f(a,48,1.167,0),h4:f(a,34,1.235,.25),h5:f(a,24,1.334,0),h6:f(o,20,1.6,.15),subtitle1:f(a,16,1.75,.15),subtitle2:f(o,14,1.57,.1),body1:f(a,16,1.5,.15),body2:f(a,14,1.43,.15),button:f(o,14,1.75,.4,Gs),caption:f(a,12,1.66,.4),overline:f(a,12,2.66,1,Gs)};return Ti(r({htmlFontSize:d,pxToRem:p,fontFamily:s,fontSize:h,fontWeightLight:n,fontWeightRegular:a,fontWeightMedium:o,fontWeightBold:l},I),m,{clone:!1})}const Zs=.2,Js=.14,th=.12;function eh(){return[`${arguments.length<=0?void 0:arguments[0]}px ${arguments.length<=1?void 0:arguments[1]}px ${arguments.length<=2?void 0:arguments[2]}px ${arguments.length<=3?void 0:arguments[3]}px rgba(0,0,0,${Zs})`,`${arguments.length<=4?void 0:arguments[4]}px ${arguments.length<=5?void 0:arguments[5]}px ${arguments.length<=6?void 0:arguments[6]}px ${arguments.length<=7?void 0:arguments[7]}px rgba(0,0,0,${Js})`,`${arguments.length<=8?void 0:arguments[8]}px ${arguments.length<=9?void 0:arguments[9]}px ${arguments.length<=10?void 0:arguments[10]}px ${arguments.length<=11?void 0:arguments[11]}px rgba(0,0,0,${th})`].join(",")}var ih=["none",eh(0,2,1,-1,0,1,1,0,0,1,3,0),eh(0,3,1,-2,0,2,2,0,0,1,5,0),eh(0,3,3,-2,0,3,4,0,0,1,8,0),eh(0,2,4,-1,0,4,5,0,0,1,10,0),eh(0,3,5,-1,0,5,8,0,0,1,14,0),eh(0,3,5,-1,0,6,10,0,0,1,18,0),eh(0,4,5,-2,0,7,10,1,0,2,16,1),eh(0,5,5,-3,0,8,10,1,0,3,14,2),eh(0,5,6,-3,0,9,12,1,0,3,16,2),eh(0,6,6,-3,0,10,14,1,0,4,18,3),eh(0,6,7,-4,0,11,15,1,0,4,20,3),eh(0,7,8,-4,0,12,17,2,0,5,22,4),eh(0,7,8,-4,0,13,19,2,0,5,24,4),eh(0,7,9,-4,0,14,21,2,0,5,26,4),eh(0,8,9,-5,0,15,22,2,0,6,28,5),eh(0,8,10,-5,0,16,24,2,0,6,30,5),eh(0,8,11,-5,0,17,26,2,0,6,32,5),eh(0,9,11,-5,0,18,28,2,0,7,34,6),eh(0,9,12,-6,0,19,29,2,0,7,36,6),eh(0,10,13,-6,0,20,31,3,0,8,38,7),eh(0,10,13,-6,0,21,33,3,0,8,40,7),eh(0,10,14,-6,0,22,35,3,0,8,42,7),eh(0,11,14,-7,0,23,36,3,0,9,44,8),eh(0,11,15,-7,0,24,38,3,0,9,46,8)];const sh=["duration","easing","delay"],hh={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},nh={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function ah(t){return`${Math.round(t)}ms`}function rh(t){if(!t)return 0;const e=t/36;return Math.round(10*(4+15*e**.25+e/5))}function oh(t){const e=r({},hh,t.easing),i=r({},nh,t.duration);return r({getAutoHeightDuration:rh,create:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{duration:h=i.standard,easing:n=e.easeInOut,delay:a=0}=s;j(s,sh);return(Array.isArray(t)?t:[t]).map((t=>`${t} ${"string"===typeof h?h:ah(h)} ${n} ${"string"===typeof a?a:ah(a)}`)).join(",")}},t,{easing:e,duration:i})}var lh={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500};const dh=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function ch(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{mixins:e={},palette:i={},transitions:s={},typography:h={}}=t,n=j(t,dh);if(t.vars)throw new Error(gi(18));const a=Ks(i),o=Fs(t);let l=Ti(o,{mixins:zs(o.breakpoints,e),palette:a,shadows:ih.slice(),typography:Qs(a,h),transitions:oh(s),zIndex:r({},lh)});l=Ti(l,n);for(var d=arguments.length,c=new Array(d>1?d-1:0),u=1;uTi(t,e)),l),l.unstable_sxConfig=r({},ws,null==n?void 0:n.unstable_sxConfig),l.unstable_sx=function(t){return Ls({sx:t,theme:this})},l}var uh=ch();function mh(t){let{props:e,name:i}=t;return function(t){let{props:e,name:i,defaultTheme:s}=t;return Ci({theme:Ps(s),name:i,props:e})}({props:e,name:i,defaultTheme:uh})}var gh=function(t){var e=Object.create(null);return function(i){return void 0===e[i]&&(e[i]=t(i)),e[i]}},ph=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,fh=gh((function(t){return ph.test(t)||111===t.charCodeAt(0)&&110===t.charCodeAt(1)&&t.charCodeAt(2)<91}));var Ih=function(){function t(t){var e=this;this._insertTag=function(t){var i;i=0===e.tags.length?e.insertionPoint?e.insertionPoint.nextSibling:e.prepend?e.container.firstChild:e.before:e.tags[e.tags.length-1].nextSibling,e.container.insertBefore(t,i),e.tags.push(t)},this.isSpeedy=void 0===t.speedy||t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var e=t.prototype;return e.hydrate=function(t){t.forEach(this._insertTag)},e.insert=function(t){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(function(t){var e=document.createElement("style");return e.setAttribute("data-emotion",t.key),void 0!==t.nonce&&e.setAttribute("nonce",t.nonce),e.appendChild(document.createTextNode("")),e.setAttribute("data-s",""),e}(this));var e=this.tags[this.tags.length-1];if(this.isSpeedy){var i=function(t){if(t.sheet)return t.sheet;for(var e=0;e0?kh(zh,--Bh):0,Ah--,10===Ph&&(Ah=1,Fh--),Ph}function Rh(){return Ph=Bh<_h?kh(zh,Bh++):0,Ah++,10===Ph&&(Ah=1,Fh++),Ph}function Oh(){return kh(zh,Bh)}function Hh(){return Bh}function Mh(t,e){return wh(zh,t,e)}function Vh(t){switch(t){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function $h(t){return Fh=Ah=1,_h=Th(zh=t),Bh=0,[]}function qh(t){return zh="",t}function Wh(t){return yh(Mh(Bh-1,Xh(91===t?t+2:40===t?t+1:t)))}function Uh(t){for(;(Ph=Oh())&&Ph<33;)Rh();return Vh(t)>2||Vh(Ph)>3?"":" "}function Kh(t,e){for(;--e&&Rh()&&!(Ph<48||Ph>102||Ph>57&&Ph<65||Ph>70&&Ph<97););return Mh(t,Hh()+(e<6&&32==Oh()&&32==Rh()))}function Xh(t){for(;Rh();)switch(Ph){case t:return Bh;case 34:case 39:34!==t&&39!==t&&Xh(Ph);break;case 40:41===t&&Xh(t);break;case 92:Rh()}return Bh}function Gh(t,e){for(;Rh()&&t+Ph!==57&&(t+Ph!==84||47!==Oh()););return"/*"+Mh(e,Bh-1)+"*"+xh(47===t?t:Rh())}function Yh(t){for(;!Vh(Oh());)Rh();return Mh(t,Bh)}var Qh="-ms-",Zh="-moz-",Jh="-webkit-",tn="comm",en="rule",sn="decl",hn="@import",nn="@keyframes";function an(t,e){for(var i="",s=Lh(t),h=0;h0&&Th(C)-c&&Sh(m>32?un(C+";",s,i,c-1):un(vh(C," ","")+";",s,i,c-2),o);break;case 59:C+=";";default:if(Sh(v=dn(C,e,i,l,d,h,r,x,D=[],y=[],c),n),123===b)if(0===d)ln(C,e,v,v,D,n,c,r,y);else switch(99===u&&110===kh(C,3)?100:u){case 100:case 109:case 115:ln(t,v,v,s&&Sh(dn(t,v,v,0,0,h,r,x,h,D=[],c),y),h,y,c,r,s?D:y);break;default:ln(C,v,v,v,[""],y,0,r,y)}}l=d=m=0,p=I=1,x=C="",c=a;break;case 58:c=1+Th(C),m=g;default:if(p<1)if(123==b)--p;else if(125==b&&0==p++&&125==Nh())continue;switch(C+=xh(b),b*p){case 38:I=d>0?1:(C+="\f",-1);break;case 44:r[l++]=(Th(C)-1)*I,I=1;break;case 64:45===Oh()&&(C+=Wh(Rh())),u=Oh(),d=c=Th(x=C+=Yh(Hh())),b++;break;case 45:45===g&&2==Th(C)&&(p=0)}}return n}function dn(t,e,i,s,h,n,a,r,o,l,d){for(var c=h-1,u=0===h?n:[""],m=Lh(u),g=0,p=0,f=0;g0?u[I]+" "+b:vh(b,/&\f/g,u[I])))&&(o[f++]=x);return Eh(t,e,i,0===h?en:r,o,l,d)}function cn(t,e,i){return Eh(t,e,i,tn,xh(Ph),wh(t,2,-2),0)}function un(t,e,i,s){return Eh(t,e,i,sn,wh(t,0,s),wh(t,s+1,-1),s)}var mn=function(t,e,i){for(var s=0,h=0;s=h,h=Oh(),38===s&&12===h&&(e[i]=1),!Vh(h);)Rh();return Mh(t,Bh)},gn=function(t,e){return qh(function(t,e){var i=-1,s=44;do{switch(Vh(s)){case 0:38===s&&12===Oh()&&(e[i]=1),t[i]+=mn(Bh-1,e,i);break;case 2:t[i]+=Wh(s);break;case 4:if(44===s){t[++i]=58===Oh()?"&\f":"",e[i]=t[i].length;break}default:t[i]+=xh(s)}}while(s=Rh());return t}($h(t),e))},pn=new WeakMap,fn=function(t){if("rule"===t.type&&t.parent&&!(t.length<1)){for(var e=t.value,i=t.parent,s=t.column===i.column&&t.line===i.line;"rule"!==i.type;)if(!(i=i.parent))return;if((1!==t.props.length||58===e.charCodeAt(0)||pn.get(i))&&!s){pn.set(t,!0);for(var h=[],n=gn(e,h),a=i.props,r=0,o=0;r6)switch(kh(t,e+1)){case 109:if(45!==kh(t,e+4))break;case 102:return vh(t,/(.+:)(.+)-([^]+)/,"$1"+Jh+"$2-$3$1"+Zh+(108==kh(t,e+3)?"$3":"$2-$3"))+t;case 115:return~Ch(t,"stretch")?bn(vh(t,"stretch","fill-available"),e)+t:t}break;case 4949:if(115!==kh(t,e+1))break;case 6444:switch(kh(t,Th(t)-3-(~Ch(t,"!important")&&10))){case 107:return vh(t,":",":"+Jh)+t;case 101:return vh(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+Jh+(45===kh(t,14)?"inline-":"")+"box$3$1"+Jh+"$2$3$1"+Qh+"$2box$3")+t}break;case 5936:switch(kh(t,e+11)){case 114:return Jh+t+Qh+vh(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return Jh+t+Qh+vh(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return Jh+t+Qh+vh(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return Jh+t+Qh+t+t}return t}var xn=[function(t,e,i,s){if(t.length>-1&&!t.return)switch(t.type){case sn:t.return=bn(t.value,t.length);break;case nn:return an([jh(t,{value:vh(t.value,"@","@"+Jh)})],s);case en:if(t.length)return function(t,e){return t.map(e).join("")}(t.props,(function(e){switch(function(t,e){return(t=e.exec(t))?t[0]:t}(e,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return an([jh(t,{props:[vh(e,/:(read-\w+)/,":"+Zh+"$1")]})],s);case"::placeholder":return an([jh(t,{props:[vh(e,/:(plac\w+)/,":"+Jh+"input-$1")]}),jh(t,{props:[vh(e,/:(plac\w+)/,":"+Zh+"$1")]}),jh(t,{props:[vh(e,/:(plac\w+)/,Qh+"input-$1")]})],s)}return""}))}}],Dn=function(t){var e=t.key;if("css"===e){var i=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(i,(function(t){-1!==t.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(t),t.setAttribute("data-s",""))}))}var s=t.stylisPlugins||xn;var h,n,a={},r=[];h=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),(function(t){for(var e=t.getAttribute("data-emotion").split(" "),i=1;i=4;++s,h-=4)e=1540483477*(65535&(e=255&t.charCodeAt(s)|(255&t.charCodeAt(++s))<<8|(255&t.charCodeAt(++s))<<16|(255&t.charCodeAt(++s))<<24))+(59797*(e>>>16)<<16),i=1540483477*(65535&(e^=e>>>24))+(59797*(e>>>16)<<16)^1540483477*(65535&i)+(59797*(i>>>16)<<16);switch(h){case 3:i^=(255&t.charCodeAt(s+2))<<16;case 2:i^=(255&t.charCodeAt(s+1))<<8;case 1:i=1540483477*(65535&(i^=255&t.charCodeAt(s)))+(59797*(i>>>16)<<16)}return(((i=1540483477*(65535&(i^=i>>>13))+(59797*(i>>>16)<<16))^i>>>15)>>>0).toString(36)},vn={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Cn=/[A-Z]|^ms/g,kn=/_EMO_([^_]+?)_([^]*?)_EMO_/g,wn=function(t){return 45===t.charCodeAt(1)},Tn=function(t){return null!=t&&"boolean"!==typeof t},Ln=gh((function(t){return wn(t)?t:t.replace(Cn,"-$&").toLowerCase()})),Sn=function(t,e){switch(t){case"animation":case"animationName":if("string"===typeof e)return e.replace(kn,(function(t,e,i){return An={name:e,styles:i,next:An},e}))}return 1===vn[t]||wn(t)||"number"!==typeof e||0===e?e:e+"px"};function Fn(t,e,i){if(null==i)return"";if(void 0!==i.__emotion_styles)return i;switch(typeof i){case"boolean":return"";case"object":if(1===i.anim)return An={name:i.name,styles:i.styles,next:An},i.name;if(void 0!==i.styles){var s=i.next;if(void 0!==s)for(;void 0!==s;)An={name:s.name,styles:s.styles,next:An},s=s.next;return i.styles+";"}return function(t,e,i){var s="";if(Array.isArray(i))for(var h=0;h96?On:Hn},Vn=function(t,e,i){var s;if(e){var h=e.shouldForwardProp;s=t.__emotion_forwardProp&&h?function(e){return t.__emotion_forwardProp(e)&&h(e)}:h}return"function"!==typeof s&&i&&(s=t.__emotion_forwardProp),s},$n=function(t){var e=t.cache,i=t.serialized,s=t.isStringTag;Rn(e,i,s);zn((function(){return function(t,e,i){Rn(t,e,i);var s=t.key+"-"+e.name;if(void 0===t.inserted[e.name]){var h=e;do{t.insert(e===h?"."+s:"",h,t.sheet,!0),h=h.next}while(void 0!==h)}}(e,i,s)}));return null},qn=function e(i,s){var h,n,a=i.__emotion_real===i,o=a&&i.__emotion_base||i;void 0!==s&&(h=s.label,n=s.target);var l=Vn(i,s,a),d=l||Mn(o),c=!d("as");return function(){var u=arguments,m=a&&void 0!==i.__emotion_styles?i.__emotion_styles.slice(0):[];if(void 0!==h&&m.push("label:"+h+";"),null==u[0]||void 0===u[0].raw)m.push.apply(m,u);else{0,m.push(u[0][0]);for(var g=u.length,p=1;p{Array.isArray(t.__emotion_styles)&&(t.__emotion_styles=e(t.__emotion_styles))},Xn=["variant"];function Gn(t){return 0===t.length}function Yn(t){const{variant:e}=t,i=j(t,Xn);let s=e||"";return Object.keys(i).sort().forEach((e=>{s+="color"===e?Gn(s)?t[e]:Ei(t[e]):`${Gn(s)?e:Ei(e)}${Ei(t[e].toString())}`})),s}const Qn=["name","slot","skipVariantsResolver","skipSx","overridesResolver"],Zn=["theme"],Jn=["theme"];function ta(t){return 0===Object.keys(t).length}const ea=(t,e)=>e.components&&e.components[t]&&e.components[t].styleOverrides?e.components[t].styleOverrides:null,ia=(t,e)=>{let i=[];e&&e.components&&e.components[t]&&e.components[t].variants&&(i=e.components[t].variants);const s={};return i.forEach((t=>{const e=Yn(t.props);s[e]=t.style})),s},sa=(t,e,i,s)=>{var h,n;const{ownerState:a={}}=t,r=[],o=null==i||null==(h=i.components)||null==(n=h[s])?void 0:n.variants;return o&&o.forEach((i=>{let s=!0;Object.keys(i.props).forEach((e=>{a[e]!==i.props[e]&&t[e]!==i.props[e]&&(s=!1)})),s&&r.push(e[Yn(i.props)])})),r};function ha(t){return"ownerState"!==t&&"theme"!==t&&"sx"!==t&&"as"!==t}const na=Fs();const aa=ha,ra=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{defaultTheme:e=na,rootShouldForwardProp:i=ha,slotShouldForwardProp:s=ha}=t,h=t=>{const i=ta(t.theme)?e:t.theme;return Ls(r({},t,{theme:i}))};return h.__mui_systemSx=!0,function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Kn(t,(t=>t.filter((t=>!(null!=t&&t.__mui_systemSx)))));const{name:a,slot:o,skipVariantsResolver:l,skipSx:d,overridesResolver:c}=n,u=j(n,Qn),m=void 0!==l?l:o&&"Root"!==o||!1,g=d||!1;let p=ha;"Root"===o?p=i:o?p=s:function(t){return"string"===typeof t&&t.charCodeAt(0)>96}(t)&&(p=void 0);const f=function(t,e){return Un(t,e)}(t,r({shouldForwardProp:p,label:undefined},u)),I=function(t){for(var i=arguments.length,s=new Array(i>1?i-1:0),n=1;n"function"===typeof t&&t.__emotion_real!==t?i=>{let{theme:s}=i,h=j(i,Zn);return t(r({theme:ta(s)?e:s},h))}:t)):[];let l=t;a&&c&&o.push((t=>{const i=ta(t.theme)?e:t.theme,s=ea(a,i);if(s){const e={};return Object.entries(s).forEach((s=>{let[h,n]=s;e[h]="function"===typeof n?n(r({},t,{theme:i})):n})),c(t,e)}return null})),a&&!m&&o.push((t=>{const i=ta(t.theme)?e:t.theme;return sa(t,ia(a,i),i,a)})),g||o.push(h);const d=o.length-s.length;if(Array.isArray(t)&&d>0){const e=new Array(d).fill("");l=[...t,...e],l.raw=[...t.raw,...e]}else"function"===typeof t&&t.__emotion_real!==t&&(l=i=>{let{theme:s}=i,h=j(i,Jn);return t(r({theme:ta(s)?e:s},h))});return f(l,...o)};return f.withConfig&&(I.withConfig=f.withConfig),I}}({defaultTheme:uh,rootShouldForwardProp:t=>ha(t)&&"classes"!==t});var oa=ra;var la=t=>!t||!je(t),da=Ei;const ca=t=>t;var ua=(()=>{let t=ca;return{configure(e){t=e},generate(e){return t(e)},reset(){t=ca}}})();const ma={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",required:"required",selected:"selected"};function ga(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Mui";const s=ma[e];return s?`${i}-${s}`:`${ua.generate(t)}-${e}`}function pa(t){return ga("MuiSlider",t)}const fa=function(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Mui";const s={};return e.forEach((e=>{s[e]=ga(t,e,i)})),s}("MuiSlider",["root","active","colorPrimary","colorSecondary","disabled","dragging","focusVisible","mark","markActive","marked","markLabel","markLabelActive","rail","sizeSmall","thumb","thumbColorPrimary","thumbColorSecondary","track","trackInverted","trackFalse","thumbSizeSmall","valueLabel","valueLabelOpen","valueLabelCircle","valueLabelLabel","vertical"]);var Ia=fa;const ba=t=>{const{open:e}=t;return{offset:(0,ze.default)(e&&Ia.valueLabelOpen),circle:Ia.valueLabelCircle,label:Ia.valueLabelLabel}};const xa=["aria-label","aria-valuetext","aria-labelledby","component","components","componentsProps","color","classes","className","disableSwap","disabled","getAriaLabel","getAriaValueText","marks","max","min","name","onChange","onChangeCommitted","orientation","size","step","scale","slotProps","slots","tabIndex","track","value","valueLabelDisplay","valueLabelFormat"],Da=(t,e,i)=>100*(t-e)/(i-e);function ya(t){return t}const va=oa("span",{name:"MuiSlider",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:i}=t;return[e.root,e[`color${da(i.color)}`],"medium"!==i.size&&e[`size${da(i.size)}`],i.marked&&e.marked,"vertical"===i.orientation&&e.vertical,"inverted"===i.track&&e.trackInverted,!1===i.track&&e.trackFalse]}})((t=>{let{theme:e,ownerState:i}=t;return r({borderRadius:12,boxSizing:"content-box",display:"inline-block",position:"relative",cursor:"pointer",touchAction:"none",color:(e.vars||e).palette[i.color].main,WebkitTapHighlightColor:"transparent"},"horizontal"===i.orientation&&r({height:4,width:"100%",padding:"13px 0","@media (pointer: coarse)":{padding:"20px 0"}},"small"===i.size&&{height:2},i.marked&&{marginBottom:20}),"vertical"===i.orientation&&r({height:"100%",width:4,padding:"0 13px","@media (pointer: coarse)":{padding:"0 20px"}},"small"===i.size&&{width:2},i.marked&&{marginRight:44}),{"@media print":{colorAdjust:"exact"},[`&.${Ia.disabled}`]:{pointerEvents:"none",cursor:"default",color:(e.vars||e).palette.grey[400]},[`&.${Ia.dragging}`]:{[`& .${Ia.thumb}, & .${Ia.track}`]:{transition:"none"}}})})),Ca=oa("span",{name:"MuiSlider",slot:"Rail",overridesResolver:(t,e)=>e.rail})((t=>{let{ownerState:e}=t;return r({display:"block",position:"absolute",borderRadius:"inherit",backgroundColor:"currentColor",opacity:.38},"horizontal"===e.orientation&&{width:"100%",height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===e.orientation&&{height:"100%",width:"inherit",left:"50%",transform:"translateX(-50%)"},"inverted"===e.track&&{opacity:1})})),ka=oa("span",{name:"MuiSlider",slot:"Track",overridesResolver:(t,e)=>e.track})((t=>{let{theme:e,ownerState:i}=t;const s="light"===e.palette.mode?yi(e.palette[i.color].main,.62):Di(e.palette[i.color].main,.5);return r({display:"block",position:"absolute",borderRadius:"inherit",border:"1px solid currentColor",backgroundColor:"currentColor",transition:e.transitions.create(["left","width","bottom","height"],{duration:e.transitions.duration.shortest})},"small"===i.size&&{border:"none"},"horizontal"===i.orientation&&{height:"inherit",top:"50%",transform:"translateY(-50%)"},"vertical"===i.orientation&&{width:"inherit",left:"50%",transform:"translateX(-50%)"},!1===i.track&&{display:"none"},"inverted"===i.track&&{backgroundColor:e.vars?e.vars.palette.Slider[`${i.color}Track`]:s,borderColor:e.vars?e.vars.palette.Slider[`${i.color}Track`]:s})})),wa=oa("span",{name:"MuiSlider",slot:"Thumb",overridesResolver:(t,e)=>{const{ownerState:i}=t;return[e.thumb,e[`thumbColor${da(i.color)}`],"medium"!==i.size&&e[`thumbSize${da(i.size)}`]]}})((t=>{let{theme:e,ownerState:i}=t;return r({position:"absolute",width:20,height:20,boxSizing:"border-box",borderRadius:"50%",outline:0,backgroundColor:"currentColor",display:"flex",alignItems:"center",justifyContent:"center",transition:e.transitions.create(["box-shadow","left","bottom"],{duration:e.transitions.duration.shortest})},"small"===i.size&&{width:12,height:12},"horizontal"===i.orientation&&{top:"50%",transform:"translate(-50%, -50%)"},"vertical"===i.orientation&&{left:"50%",transform:"translate(-50%, 50%)"},{"&:before":r({position:"absolute",content:'""',borderRadius:"inherit",width:"100%",height:"100%",boxShadow:(e.vars||e).shadows[2]},"small"===i.size&&{boxShadow:"none"}),"&::after":{position:"absolute",content:'""',borderRadius:"50%",width:42,height:42,top:"50%",left:"50%",transform:"translate(-50%, -50%)"},[`&:hover, &.${Ia.focusVisible}`]:{boxShadow:`0px 0px 0px 8px ${e.vars?`rgba(${e.vars.palette[i.color].mainChannel} / 0.16)`:xi(e.palette[i.color].main,.16)}`,"@media (hover: none)":{boxShadow:"none"}},[`&.${Ia.active}`]:{boxShadow:`0px 0px 0px 14px ${e.vars?`rgba(${e.vars.palette[i.color].mainChannel} / 0.16)`:xi(e.palette[i.color].main,.16)}`},[`&.${Ia.disabled}`]:{"&:hover":{boxShadow:"none"}}})})),Ta=oa((function(e){const{children:i,className:s,value:h}=e,n=ba(e);return i?t.cloneElement(i,{className:(0,ze.default)(i.props.className)},(0,At.jsxs)(t.Fragment,{children:[i.props.children,(0,At.jsx)("span",{className:(0,ze.default)(n.offset,s),"aria-hidden":!0,children:(0,At.jsx)("span",{className:n.circle,children:(0,At.jsx)("span",{className:n.label,children:h})})})]})):null}),{name:"MuiSlider",slot:"ValueLabel",overridesResolver:(t,e)=>e.valueLabel})((t=>{let{theme:e,ownerState:i}=t;return r({[`&.${Ia.valueLabelOpen}`]:{transform:"translateY(-100%) scale(1)"},zIndex:1,whiteSpace:"nowrap"},e.typography.body2,{fontWeight:500,transition:e.transitions.create(["transform"],{duration:e.transitions.duration.shortest}),transform:"translateY(-100%) scale(0)",position:"absolute",backgroundColor:(e.vars||e).palette.grey[600],borderRadius:2,color:(e.vars||e).palette.common.white,display:"flex",alignItems:"center",justifyContent:"center",padding:"0.25rem 0.75rem"},"horizontal"===i.orientation&&{top:"-10px",transformOrigin:"bottom center","&:before":{position:"absolute",content:'""',width:8,height:8,transform:"translate(-50%, 50%) rotate(45deg)",backgroundColor:"inherit",bottom:0,left:"50%"}},"vertical"===i.orientation&&{right:"30px",top:"24px",transformOrigin:"right center","&:before":{position:"absolute",content:'""',width:8,height:8,transform:"translate(-50%, 50%) rotate(45deg)",backgroundColor:"inherit",right:"-20%",top:"25%"}},"small"===i.size&&{fontSize:e.typography.pxToRem(12),padding:"0.25rem 0.5rem"})})),La=oa("span",{name:"MuiSlider",slot:"Mark",shouldForwardProp:t=>aa(t)&&"markActive"!==t,overridesResolver:(t,e)=>{const{markActive:i}=t;return[e.mark,i&&e.markActive]}})((t=>{let{theme:e,ownerState:i,markActive:s}=t;return r({position:"absolute",width:2,height:2,borderRadius:1,backgroundColor:"currentColor"},"horizontal"===i.orientation&&{top:"50%",transform:"translate(-1px, -50%)"},"vertical"===i.orientation&&{left:"50%",transform:"translate(-50%, 1px)"},s&&{backgroundColor:(e.vars||e).palette.background.paper,opacity:.8})})),Sa=oa("span",{name:"MuiSlider",slot:"MarkLabel",shouldForwardProp:t=>aa(t)&&"markLabelActive"!==t,overridesResolver:(t,e)=>e.markLabel})((t=>{let{theme:e,ownerState:i,markLabelActive:s}=t;return r({},e.typography.body2,{color:(e.vars||e).palette.text.secondary,position:"absolute",whiteSpace:"nowrap"},"horizontal"===i.orientation&&{top:30,transform:"translateX(-50%)","@media (pointer: coarse)":{top:40}},"vertical"===i.orientation&&{left:36,transform:"translateY(50%)","@media (pointer: coarse)":{left:44}},s&&{color:(e.vars||e).palette.text.primary})})),Fa=t=>{const{disabled:e,dragging:i,marked:s,orientation:h,track:n,classes:a,color:r,size:o}=t;return function(t,e,i){const s={};return Object.keys(t).forEach((h=>{s[h]=t[h].reduce(((t,s)=>(s&&(t.push(e(s)),i&&i[s]&&t.push(i[s])),t)),[]).join(" ")})),s}({root:["root",e&&"disabled",i&&"dragging",s&&"marked","vertical"===h&&"vertical","inverted"===n&&"trackInverted",!1===n&&"trackFalse",r&&`color${da(r)}`,o&&`size${da(o)}`],rail:["rail"],track:["track"],mark:["mark"],markActive:["markActive"],markLabel:["markLabel"],markLabelActive:["markLabelActive"],valueLabel:["valueLabel"],thumb:["thumb",e&&"disabled",o&&`thumbSize${da(o)}`,r&&`thumbColor${da(r)}`],active:["active"],disabled:["disabled"],focusVisible:["focusVisible"]},pa,a)},Aa=t=>{let{children:e}=t;return e},_a=t.forwardRef((function(e,i){var s,h,n,a,o,l,d,c,u,m,g,p,f,I,b,x,D,y,v,C,k,w,T,L;const S=mh({props:e,name:"MuiSlider"}),F="rtl"===Ps(uh).direction,{"aria-label":A,"aria-valuetext":_,"aria-labelledby":B,component:P="span",components:z={},componentsProps:E={},color:N="primary",classes:R,className:O,disableSwap:H=!1,disabled:M=!1,getAriaLabel:V,getAriaValueText:$,marks:q=!1,max:W=100,min:U=0,orientation:K="horizontal",size:X="medium",step:G=1,scale:Y=ya,slotProps:Q,slots:Z,track:J="normal",valueLabelDisplay:tt="off",valueLabelFormat:et=ya}=S,it=j(S,xa),st=r({},S,{isRtl:F,max:W,min:U,classes:R,disabled:M,disableSwap:H,orientation:K,marks:q,color:N,size:X,step:G,scale:Y,track:J,valueLabelDisplay:tt,valueLabelFormat:et}),{axisProps:ht,getRootProps:nt,getHiddenInputProps:at,getThumbProps:rt,open:ot,active:lt,axis:dt,focusedThumbIndex:ct,range:ut,dragging:mt,marks:gt,values:pt,trackOffset:ft,trackLeap:It}=mi(r({},st,{ref:i}));st.marked=gt.length>0&>.some((t=>t.label)),st.dragging=mt,st.focusedThumbIndex=ct;const bt=Fa(st),xt=null!=(s=null!=(h=null==Z?void 0:Z.root)?h:z.Root)?s:va,Dt=null!=(n=null!=(a=null==Z?void 0:Z.rail)?a:z.Rail)?n:Ca,yt=null!=(o=null!=(l=null==Z?void 0:Z.track)?l:z.Track)?o:ka,vt=null!=(d=null!=(c=null==Z?void 0:Z.thumb)?c:z.Thumb)?d:wa,Ct=null!=(u=null!=(m=null==Z?void 0:Z.valueLabel)?m:z.ValueLabel)?u:Ta,kt=null!=(g=null!=(p=null==Z?void 0:Z.mark)?p:z.Mark)?g:La,wt=null!=(f=null!=(I=null==Z?void 0:Z.markLabel)?I:z.MarkLabel)?f:Sa,Tt=null!=(b=null!=(x=null==Z?void 0:Z.input)?x:z.Input)?b:"input",Lt=null!=(D=null==Q?void 0:Q.root)?D:E.root,St=null!=(y=null==Q?void 0:Q.rail)?y:E.rail,Ft=null!=(v=null==Q?void 0:Q.track)?v:E.track,_t=null!=(C=null==Q?void 0:Q.thumb)?C:E.thumb,Bt=null!=(k=null==Q?void 0:Q.valueLabel)?k:E.valueLabel,Pt=null!=(w=null==Q?void 0:Q.mark)?w:E.mark,zt=null!=(T=null==Q?void 0:Q.markLabel)?T:E.markLabel,Et=null!=(L=null==Q?void 0:Q.input)?L:E.input,jt=He({elementType:xt,getSlotProps:nt,externalSlotProps:Lt,externalForwardedProps:it,additionalProps:r({},la(xt)&&{as:P}),ownerState:r({},st,null==Lt?void 0:Lt.ownerState),className:[bt.root,O]}),Nt=He({elementType:Dt,externalSlotProps:St,ownerState:st,className:bt.rail}),Rt=He({elementType:yt,externalSlotProps:Ft,additionalProps:{style:r({},ht[dt].offset(ft),ht[dt].leap(It))},ownerState:r({},st,null==Ft?void 0:Ft.ownerState),className:bt.track}),Ot=He({elementType:vt,getSlotProps:rt,externalSlotProps:_t,ownerState:r({},st,null==_t?void 0:_t.ownerState)}),Ht=He({elementType:Ct,externalSlotProps:Bt,ownerState:r({},st,null==Bt?void 0:Bt.ownerState),className:bt.valueLabel}),Mt=He({elementType:kt,externalSlotProps:Pt,ownerState:st,className:bt.mark}),Vt=He({elementType:wt,externalSlotProps:zt,ownerState:st}),$t=He({elementType:Tt,getSlotProps:at,externalSlotProps:Et,ownerState:st});return(0,At.jsxs)(xt,r({},jt,{children:[(0,At.jsx)(Dt,r({},Nt)),(0,At.jsx)(yt,r({},Rt)),gt.filter((t=>t.value>=U&&t.value<=W)).map(((e,i)=>{const s=Da(e.value,U,W),h=ht[dt].offset(s);let n;return n=!1===J?-1!==pt.indexOf(e.value):"normal"===J&&(ut?e.value>=pt[0]&&e.value<=pt[pt.length-1]:e.value<=pt[0])||"inverted"===J&&(ut?e.value<=pt[0]||e.value>=pt[pt.length-1]:e.value>=pt[0]),(0,At.jsxs)(t.Fragment,{children:[(0,At.jsx)(kt,r({"data-index":i},Mt,!je(kt)&&{markActive:n},{style:r({},h,Mt.style),className:(0,ze.default)(Mt.className,n&&bt.markActive)})),null!=e.label?(0,At.jsx)(wt,r({"aria-hidden":!0,"data-index":i},Vt,!je(wt)&&{markLabelActive:n},{style:r({},h,Vt.style),className:(0,ze.default)(bt.markLabel,Vt.className,n&&bt.markLabelActive),children:e.label})):null]},i)})),pt.map(((e,i)=>{const s=Da(e,U,W),h=ht[dt].offset(s),n="off"===tt?Aa:Ct;return(0,At.jsx)(t.Fragment,{children:(0,At.jsx)(n,r({},!je(n)&&{valueLabelFormat:et,valueLabelDisplay:tt,value:"function"===typeof et?et(Y(e),i):et,index:i,open:ot===i||lt===i||"on"===tt,disabled:M},Ht,{children:(0,At.jsx)(vt,r({"data-index":i,"data-focusvisible":ct===i},Ot,{className:(0,ze.default)(bt.thumb,Ot.className,lt===i&&bt.active,ct===i&&bt.focusVisible),style:r({},h,{pointerEvents:H&<!==i?"none":void 0},Ot.style),children:(0,At.jsx)(Tt,r({"data-index":i,"aria-label":V?V(i):A,"aria-valuenow":Y(e),"aria-labelledby":B,"aria-valuetext":$?$(Y(e),i):_,value:pt[i]},$t))}))}))},i)}))]}))}));var Ba=_a;function Pa(t){let e,i,s;const h=document.cookie.split(";");for(e=0;ethis.skipBack())),this.stepBackButton=Ea(e,"Button","Step Back",(()=>this.stepBack())),this.playPauseBackButton=Ea(e,"Button","Pause",(()=>this.doPlayPause())),this.playPauseBackButton.setAttribute("style","width: 80px"),this.stepForwardButton=Ea(e,"Button","Step Forward",(()=>this.step())),this.skipForwardButton=Ea(e,"Button","Skip Forward",(()=>this.skipForward())),ja(e);const i=document.createElement("div");i.setAttribute("display","inline-block"),i.setAttribute("float","left");let s=Pa("VisualizationSpeed");s=null==s||""===s?75:parseInt(s);const h=(0,At.jsx)(Ba,{style:{padding:"13px 0",height:2},defaultValue:s,onChange:(t,e)=>{this.setSpeed(e),za("VisualizationSpeed",String(e),30)}});let n=document.createElement("td");const a=document.getElementById("GeneralAnimationControls"),r=document.createElement("table");let o=document.createElement("tr"),l=document.createElement("td");l.classList.add("slider"),o.appendChild(l);Pe.createRoot(l).render(h),r.appendChild(o),o=document.createElement("tr"),l=document.createElement("td"),l.align="center";let d=document.createTextNode("Animation Speed");o.appendChild(l),l.classList.add("txt-node"),l.appendChild(d),r.appendChild(o),n.appendChild(r),a.appendChild(n),this.setSpeed(s),i.setAttribute("style","width:200px"),ja(e);let c=Pa("VisualizationWidth");c=null==c||""===c?1500:parseInt(c);let u=Pa("VisualizationHeight");u=null==u||""===u?555:parseInt(u),canvas.width=c,canvas.height=u,n=document.createElement("td"),d=document.createTextNode("Canvas height:"),n.classList.add("txt-node"),n.appendChild(d),a.appendChild(n),this.heightEntry=Ea(e,"Text",canvas.height,(()=>{return t=this.heightEntry,e=()=>this.changeSize(document.documentElement.clientWidth,parseInt(this.heightEntry.value)),s=!0,void 0!==(i=4)&&(t.size=i),function(h){let n=0;return window.event?n=h.keyCode:h.which&&(n=h.which),13===n?(e(),!1):59!==n&&45!==n&&46!==n&&190!==n&&173!==n&&!((void 0!==i&&t.value.length>=i||s&&(n<48||n>57))&&!function(t){return 8===t||9===t||37===t||38===t||39===t||40===t||46===t}(n))};var t,e,i,s})),this.heightEntry.size=4,this.sizeButton=Ea(e,"Button","Change Canvas Size",(()=>this.changeSize())),this.addListener("AnimationStarted",this,this.animStarted),this.addListener("AnimationEnded",this,this.animEnded),this.addListener("AnimationWaiting",this,this.animWaiting),this.addListener("AnimationUndoUnavailable",this,this.animUndoUnavailable),this.objectManager.width=canvas.width,this.objectManager.height=canvas.height}lerp(t,e,i){return(e-t)*i+t}setPaused(t){this.animationPaused=t,this.animationPaused||this.step()}parseBool(t){const e=t.toUpperCase();return!("False"===e||"f"===e||" 0"===e||"0"===e||""===e)}parseColor(t){return"#"===t.charAt(0)?t:"0x"===t.substring(0,2)?"#"+t.substring(2):void 0}setSpeed(t){this.animationBlockLength=Math.floor((100-t)/2)}changeSize(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document.documentElement.clientWidth,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:parseInt(this.heightEntry.value);t>100&&(canvas.width=t,this.animatedObjects.width=t,za("VisualizationWidth",String(t),30)),e>100&&(canvas.height=e,this.animatedObjects.height=e,za("VisualizationHeight",String(e),30)),this.heightEntry.value=canvas.height,this.animatedObjects.draw(),this.fireEvent("CanvasSizeChanged",{width:canvas.width,height:canvas.height})}startNextBlock(){if(this.awaitingStep=!1,this.currentBlock=[],this.undoBlock=[],this.currentAnimation===this.animationSteps.length)return this.currentlyAnimating=!1,this.awaitingStep=!1,this.fireEvent("AnimationEnded","NoData"),this.stopTimer(),this.animatedObjects.update(),void this.animatedObjects.draw();for(this.undoAnimationStepIndices.push(this.currentAnimation),this.foundBreak=!1,this.anyAnimations=!1;this.currentAnimation=0;e--)t[e].undoInitialStep(this.animatedObjects);return this.doingUndo=!1,0!==this.undoAnimationStepIndices.length||(this.awaitingStep=!1,this.currentlyAnimating=!1,this.undoAnimationStepIndices=this.undoAnimationStepIndicesStack.pop(),this.animationSteps=this.previousAnimationSteps.pop(),this.fireEvent("AnimationEnded","NoData"),this.fireEvent("AnimationUndo","NoData"),this.currentBlock=[],null!=this.undoStack&&0!==this.undoStack.length||(this.currentlyAnimating=!1,this.awaitingStep=!1,this.fireEvent("AnimationUndoUnavailable","NoData")),this.stopTimer(),this.animatedObjects.update(),this.animatedObjects.draw(),!1)}undoLastBlock(){if(0!==this.undoAnimationStepIndices.length&&this.undoAnimationStepIndices.length>0){this.doingUndo=!0;let t=!1;this.currentAnimation=this.undoAnimationStepIndices.pop(),this.currentBlock=[];const e=this.undoStack[this.undoStack.length-1];let i;for(i=e.length-1;i>=0;i--){const s=e[i].addUndoAnimation(this.currentBlock);t=t||s}this.currFrame=0,!t&&this.animationPaused&&(this.currFrame=this.animationBlockLength),this.currentlyAnimating=!0}}setLayer(t,e){this.animatedObjects.setLayer(t,e),this.animatedObjects.draw()}toggleLayer(t){this.animatedObjects.toggleLayer(t),this.animatedObjects.draw()}updateLayer(t,e){this.animatedObjects.updateLayer(t,e),this.animatedObjects.draw()}setAllLayers(t){this.animatedObjects.setAllLayers(t),this.animatedObjects.draw()}update(){if(this.currentlyAnimating){let t;for(this.currFrame=this.currFrame+1,t=0;t=this.animationBlockLength&&(this.doingUndo?this.finishUndoBlock(this.undoStack.pop())&&(this.awaitingStep=!0,this.fireEvent("AnimationWaiting","NoData")):this.animationPaused&&this.currentAnimationthis.timeout()),30),this.update(),this.objectManager.draw()}doPlayPause(){this.paused=!this.paused,this.paused?(this.playPauseBackButton.setAttribute("value","Play"),!1===this.skipBackButton.disabled&&(this.stepBackButton.disabled=!1)):this.playPauseBackButton.setAttribute("value","Pause"),this.setPaused(this.paused)}startTimer(){this.timer=setTimeout((()=>this.timeout()),30)}stopTimer(){clearInterval(this.timer)}}const Ra={step(){this.foundBreak=!0},move(t){const e=new Ht(t[0],this.animatedObjects.getNodeX(t[0]),this.animatedObjects.getNodeY(t[0]),t[1],t[2]);this.currentBlock.push(e),this.undoBlock.push(new Vt(e.objectID,e.toX,e.toY,e.fromX,e.fromY)),this.anyAnimations=!0},delete(t){const e=this.animatedObjects.deleteIncident(t[0]);e.length>0&&(this.undoBlock=this.undoBlock.concat(e));const i=this.animatedObjects.getObject(t[0]);null!==i&&(this.undoBlock.push(i.createUndoDelete()),this.animatedObjects.removeObject(t[0]))},connect(t){t[2]=t[2]||"#000000",t[3]=t[3]||0,t[4]=!1!==t[4]&&0!==t[4],t[5]=void 0===t[5]?"":t[5],t[6]=t[6]||0,t[7]=void 0===t[7]?1:t[7],this.animatedObjects.connectEdge(t[0],t[1],t[2],t[3],t[4],String(t[5]),t[6],t[7]),this.undoBlock.push(new we(t[0],t[1],!1))},connectNext(t){this.animatedObjects.connectEdge(t[0],t[1],"#000000",0,!0,"",0),this.undoBlock.push(new we(t[0],t[1],!1))},connectPrev(t){this.animatedObjects.connectEdge(t[0],t[1],"#000000",0,!0,"",1),this.undoBlock.push(new we(t[0],t[1],!1))},connectCurve(t){this.animatedObjects.connectEdge(t[0],t[1],"#000000",t[2],!0,"",1),this.undoBlock.push(new we(t[0],t[1],!1))},connectSkipList(t){this.animatedObjects.connectEdge(t[0],t[1],"#000000",0,!1,"",t[2]),this.undoBlock.push(new we(t[0],t[1],!1))},disconnect(t){const e=this.animatedObjects.disconnect(t[0],t[1]);null!==e&&this.undoBlock.push(e)},createCircle(t){t[2]=t[2]||0,t[3]=t[3]||0,this.animatedObjects.addCircleObject(t[0],String(t[1])),this.animatedObjects.setNodePosition(parseInt(t[0]),parseInt(t[2]),parseInt(t[3])),this.undoBlock.push(new $t(t[0]))},createHighlightCircle(t){t[2]=t[2]||0,t[3]=t[3]||0,t[4]=void 0===t[4]?20:t[4],this.animatedObjects.addHighlightCircleObject(t[0],t[1],t[4]),this.animatedObjects.setNodePosition(parseInt(t[0]),parseInt(t[2]),parseInt(t[3])),this.undoBlock.push(new $t(t[0]))},createRectangle(t){t[4]=t[4]||0,t[5]=t[5]||0,t[6]=t[6]||"center",t[7]=t[7]||"center",t[8]=t[8]||"#FFFFFF",t[9]=t[9]||"#000000",this.animatedObjects.addRectangleObject(t[0],String(t[1]),t[2],t[3],t[6],t[7],t[8],t[9]),this.animatedObjects.setNodePosition(t[0],t[4],t[5]),this.undoBlock.push(new $t(t[0]))},createLabel(t){t[2]=t[2]||0,t[3]=t[3]||0,t[4]=!1!==t[4]&&0!==t[4],this.animatedObjects.addLabelObject(t[0],String(t[1]),t[4],t[5],t[6]),this.animatedObjects.setNodePosition(t[0],t[2],t[3]),this.undoBlock.push(new $t(t[0]))},createLinkedListNode(t){t[1]=Array.isArray(t[1])?t[1].map((t=>String(t))):[String(t[1])],t[4]=t[4]||0,t[5]=t[5]||0,t[6]=void 0===t[6]?.25:t[6],t[7]=!1!==t[7]&&0!==t[7],t[8]=t[8]||!1,t[9]=t[9]||"#FFFFFF",t[10]=t[10]||"#000000",this.animatedObjects.addLinkedListObject(t[0],t[1],t[2],t[3],t[6],t[7],t[8],t[9],t[10]),this.animatedObjects.setNodePosition(t[0],t[4],t[5]),this.undoBlock.push(new $t(t[0]))},createDoublyLinkedListNode(t){t[4]=t[4]||0,t[5]=t[5]||0,t[6]=void 0===t[6]?.25:t[6],t[7]=t[7]||"#FFFFFF",t[8]=t[8]||"#000000",this.animatedObjects.addDoublyLinkedListObject(t[0],String(t[1]),t[2],t[3],t[6],t[7],t[8]),this.animatedObjects.setNodePosition(t[0],t[4],t[5]),this.undoBlock.push(new $t(t[0]))},createCircularlyLinkedListNode(t){t[4]=t[4]||0,t[5]=t[5]||0,t[6]=void 0===t[6]?.25:t[6],t[7]=t[7]||"#FFFFFF",t[8]=t[8]||"#000000",this.animatedObjects.addCircularlyLinkedListObject(t[0],String(t[1]),t[2],t[3],t[6],t[7],t[8]),this.animatedObjects.setNodePosition(t[0],t[4],t[5]),this.undoBlock.push(new $t(t[0]))},createSkipListNode(t){t[4]=t[4]||0,t[5]=t[5]||0,t[6]=t[6]||"#FFFFFF",t[7]=t[7]||"#000000",this.animatedObjects.addSkipListObject(t[0],String(t[1]),t[2],t[3],t[6],t[7]),this.animatedObjects.setNodePosition(t[0],t[4],t[5]),this.undoBlock.push(new $t(t[0]))},createBTreeNode(t){t[4]=t[4]||0,t[5]=t[5]||0,t[6]=t[6]||"#FFFFFF",t[7]=t[7]||"#000000",this.animatedObjects.addBTreeNode(t[0],t[1],t[2],t[3],t[6],t[7]),this.animatedObjects.setNodePosition(t[0],t[4],t[5]),this.undoBlock.push(new $t(t[0]))},setText(t){t[2]=t[2]||0;const e=this.animatedObjects.getText(t[0],t[2]);this.animatedObjects.setText(t[0],String(t[1]),t[2]),void 0!==e&&this.undoBlock.push(new ee(t[0],e,t[2]))},setTextColor(t){t[2]=t[2]||0;const e=this.animatedObjects.getTextColor(t[0],t[2]);this.animatedObjects.setTextColor(t[0],t[1],t[2]),this.undoBlock.push(new ie(t[0],e,t[2]))},setForegroundColor(t){const e=this.animatedObjects.foregroundColor(t[0]);this.animatedObjects.setForegroundColor(t[0],t[1]),this.undoBlock.push(new Zt(t[0],e))},setBackgroundColor(t){const e=this.animatedObjects.backgroundColor(t[0]);this.animatedObjects.setBackgroundColor(t[0],t[1]),this.undoBlock.push(new Jt(t[0],e))},setHighlight(t){this.animatedObjects.setHighlight(t[0],t[1],t[2]),this.undoBlock.push(new qt(t[0],!t[1],t[2]))},setAlpha(t){const e=this.animatedObjects.getAlpha(t[0]);this.animatedObjects.setAlpha(t[0],t[1]),this.undoBlock.push(new Xt(t[0],e))},setEdgeColor(t){const e=this.animatedObjects.setEdgeColor(t[0],t[1],t[2]);this.undoBlock.push(new ne(t[0],t[1],e))},setEdgeAlpha(t){const e=this.animatedObjects.setEdgeAlpha(t[0],t[1],t[2]);this.undoBlock.push(new ae(t[0],t[1],e))},setEdgeHighlight(t){const e=this.animatedObjects.setEdgeHighlight(t[0],t[1],t[2],t[3]);this.undoBlock.push(new se(t[0],t[1],e))},setEdgeThickness(t){const e=this.animatedObjects.setEdgeThickness(t[0],t[1],t[2]);this.undoBlock.push(new he(t[0],t[1],e))},setRectangleEdgeThickness(t){const e=this.animatedObjects.setRectangleEdgeThickness(t[0],t[1]);this.undoBlock.push(new le(t[0],e))},setHeight(t){const e=this.animatedObjects.getHeight(t[0]);this.animatedObjects.setHeight(t[0],t[1]),this.undoBlock.push(new Wt(t[0],e))},setWidth(t){const e=this.animatedObjects.getWidth(t[0]);this.animatedObjects.setWidth(t[0],t[1]),this.undoBlock.push(new Ut(t[0],e))},setLayer(t){this.animatedObjects.setLayer(t[0],t[1])},setNull(t){const e=this.animatedObjects.getNull(t[0]);this.animatedObjects.setNull(t[0],t[1]),this.undoBlock.push(new Gt(t[0],e))},setPrevNull(t){const e=this.animatedObjects.getLeftNull(t[0]);this.animatedObjects.setPrevNull(t[0],t[1]),this.undoBlock.push(new Yt(t[0],e))},setNextNull(t){const e=this.animatedObjects.getRightNull(t[0]);this.animatedObjects.setNextNull(t[0],t[1]),this.undoBlock.push(new Qt(t[0],e))},setNumElements(t){const e=this.animatedObjects.getObject(t[0]);this.undoBlock.push(new Kt(e,t[1])),this.animatedObjects.setNumElements(t[0],t[1])},setPosition(t){const e=this.animatedObjects.getNodeX(t[0]),i=this.animatedObjects.getNodeY(t[0]);this.animatedObjects.setNodePosition(t[0],t[1],t[2]),this.undoBlock.push(new re(t[0],e,i))},setHighlightIndex(t){const e=this.animatedObjects.getHighlightIndex(t[0]);this.undoBlock.push(new te(t[0],e)),this.animatedObjects.setHighlightIndex(t[0],t[1])},alignRight(t){const e=this.animatedObjects.getNodeX(t[0]),i=this.animatedObjects.getNodeY(t[0]);this.animatedObjects.alignRight(t[0],t[1]),this.undoBlock.push(new re(t[0],e,i))},alignLeft(t){const e=this.animatedObjects.getNodeX(t[0]),i=this.animatedObjects.getNodeY(t[0]);this.animatedObjects.alignLeft(t[0],t[1]),this.undoBlock.push(new re(t[0],e,i))},alignTop(t){const e=this.animatedObjects.getNodeX(t[0]),i=this.animatedObjects.getNodeY(t[0]);this.animatedObjects.alignTop(t[0],t[1]),this.undoBlock.push(new re(t[0],e,i))},alignBottom(t){const e=this.animatedObjects.getNodeX(t[0]),i=this.animatedObjects.getNodeY(t[0]);this.animatedObjects.alignBottom(t[0],t[1]),this.undoBlock.push(new re(t[0],e,i))},bringToTop(t){const e=this.animatedObjects.setAlwaysOnTop(t[0],t[1]);this.undoBlock.push(new oe(t[0],e))},moveToAlignRight(t){const e=this.animatedObjects.getAlignRightPos(t[0],t[1]),i=new Ht(t[0],this.animatedObjects.getNodeX(t[0]),this.animatedObjects.getNodeY(t[0]),e[0],e[1]);this.currentBlock.push(i),this.undoBlock.push(new Vt(i.objectID,i.toX,i.toY,i.fromX,i.fromY)),this.anyAnimations=!0}};var Oa=i(757);function Ha(t,e){const i=document.createElement("p");if(i.appendChild(document.createTextNode(t)),e)e.appendChild(i),i.setAttribute("class","groupChild");else{const t=document.createElement("td");t.appendChild(i);document.getElementById("AlgorithmSpecificControls").appendChild(t)}return i}function Ma(t,e,i){const s=document.createElement("input");s.setAttribute("type","checkbox"),s.setAttribute("id",t),s.setAttribute("name",t),s.setAttribute("value",t),e&&s.setAttribute("checked","true");const h=document.createElement("label");h.setAttribute("for",t);const n=document.createTextNode(t);if(h.appendChild(n),i){const t=document.createElement("span");t.appendChild(s),t.appendChild(h),i.appendChild(t),t.setAttribute("class","groupChild")}else{const t=document.createElement("td");t.appendChild(s),t.appendChild(h);document.getElementById("AlgorithmSpecificControls").appendChild(t)}return s}function Va(t,e,i){const s=document.createElement("select");s.name=e;for(let h=0;h2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,h=arguments.length>4&&void 0!==arguments[4]?arguments[4]:15;return{english:this.addCodeToCanvasBase(t[e].english,i,s,h,Xa,32),code:this.addCodeToCanvasBase(t[e].code,i,s,h,Xa,33)}}addCodeToCanvasBase(t,e,i,s,h,n){s="undefined"!==typeof s?s:15,h="undefined"!==typeof h?h:Xa,n="undefined"!=typeof n?n:32;const a=Array(t.length);let r,o;for(r=0;r0&&this.cmd(Ra.alignRight,a[r][o],a[r][o-1]);return a}highlight(t,e,i,s){i&&(s?this.highlight(t,e,i[s]):void 0===i[0]?(i.english.length&&this.cmd(Ra.setForegroundColor,i.english[t][e],Ka),i.code.length&&this.cmd(Ra.setForegroundColor,i.code[t][e],Ka)):this.cmd(Ra.setForegroundColor,i[t][e],Ka))}unhighlight(t,e,i,s){i&&(s?this.unhighlight(t,e,i[s]):void 0===i[0]?(i.english.length&&this.cmd(Ra.setForegroundColor,i.english[t][e],Xa),i.code.length&&this.cmd(Ra.setForegroundColor,i.code[t][e],Xa)):this.cmd(Ra.setForegroundColor,i[t][e],Xa))}removeCode(t){if(t){if(t.english)return this.removeCode(t.english),void this.removeCode(t.code);for(let e=0;e{t.classList.remove("shake")}),750)}cmd(t){if(this.recordAnimation){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s1?e-1:0),s=1;s4&&void 0!==arguments[4]&&arguments[4];return void 0!==i&&(t.size=i),function(n){let a=0;window.event?a=n.keyCode:n.which&&(a=n.which);const r=h||t.value.length=48&&a<=57||a>=96&&a<=105))&&!Ya(a))return!1}}}sizeChanged(t,e){throw new Error("sizeChanged() should be implemented in base class")}disableUI(t){throw new Error("disableUI() should be implemented in base class")}enableUI(t){throw new Error("enableUI() should be implemented in base class")}reset(){throw new Error("reset() should be implemented in base class")}}function Ya(t){return 8===t||9===t||37===t||38===t||39===t||40===t||46===t}Ga.prototype.returnSubmitFloat=function(t,e,i){return void 0!==i&&(t.size=i),function(s){let h=0;if(window.event?h=s.keyCode:s.which&&(h=s.which),13!==h)return(Ya(h)||109===h||(void 0!==i||t.value.length=48&&h<=57||(void 0!==i||t.value.lengththis.predSucc="pred",this.succButton.onclick=()=>this.predSucc="succ",this.succButton.checked=!0,this.predSucc="succ"}reset(){this.nextIndex=1,this.treeRoot=null,this.edges=[]}insertCallback(){let t=this.insertField.value;t=this.normalizeNumber(t,4),""!==t?(this.insertField.value="",this.implementAction(this.add.bind(this),parseInt(t))):this.shake(this.insertButton)}deleteCallback(){let t=this.deleteField.value;""!==t&&this.treeRoot?(t=this.normalizeNumber(t,4),this.deleteField.value="",this.implementAction(this.remove.bind(this),parseInt(t))):this.shake(this.deleteButton)}findCallback(){let t=this.findField.value;""!==t?(t=this.normalizeNumber(t,4),this.findField.value="",this.implementAction(this.findElement.bind(this),parseInt(t))):this.shake(this.findButton)}randomCallback(){const t=Math.floor(11*Math.random())+2;this.implementAction(this.clear.bind(this));for(let e=0;ethis.print_max&&(this.xPosOfNextLabel=Qa.FIRST_PRINT_POS_X,this.yPosOfNextLabel+=Qa.PRINT_VERTICAL_GAP),null!=t.right&&(this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.printTreeRec(t.right),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step))}findElement(t){return this.commands=[],this.highlightID=this.nextIndex++,this.doFind(this.treeRoot,t),this.commands}doFind(t,e){this.cmd(Ra.setText,0,"Searchiing for "+e),null!=t?(this.cmd(Ra.setHighlight,t.graphicID,1),t.data===e?(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" = "+e+" (Element found!)"),this.cmd(Ra.step),this.cmd(Ra.setText,0,"Found:"+e),this.cmd(Ra.setHighlight,t.graphicID,0)):t.data>e?(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" < "+t.data+" (look to left subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),null!=t.left&&(this.cmd(Ra.createHighlightCircle,this.highlightID,Qa.HIGHLIGHT_COLOR,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.left.x,t.left.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID)),this.doFind(t.left,e)):(this.cmd(Ra.setText,0," Searching for "+e+" : "+e+" > "+t.data+" (look to right subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),null!=t.right&&(this.cmd(Ra.createHighlightCircle,this.highlightID,Qa.HIGHLIGHT_COLOR,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID)),this.doFind(t.right,e))):(this.cmd(Ra.setText,0," Searching for "+e+" : < Empty Tree > (Element not found)"),this.cmd(Ra.step),this.cmd(Ra.setText,0," Searching for "+e+" : (Element not found)"))}remakeTree(t){null!=t&&(null!=t.left&&(this.cmd(Ra.connect,t.graphicID,t.left.graphicID,Qa.LINK_COLOR),this.remakeTree(t.left)),null!=t.right&&(this.cmd(Ra.connect,t.graphicID,t.right.graphicID,Qa.LINK_COLOR),this.remakeTree(t.right)))}add(t){return this.commands=[],this.cmd(Ra.setText,0," Inserting "+t),this.treeRoot=this.addH(t,this.treeRoot),this.resizeTree(),this.commands}addH(t,e){if(null==e){this.cmd(Ra.setText,0,"Null found, inserting new node");const e=this.nextIndex++,i=this.nextIndex++,s=this.nextIndex++;return this.cmd(Ra.createCircle,e,t,30,Qa.STARTING_Y),this.cmd(Ra.setForegroundColor,e,Qa.FOREGROUND_COLOR),this.cmd(Ra.setBackgroundColor,e,Qa.BACKGROUND_COLOR),this.cmd(Ra.createLabel,i,0,10,Qa.STARTING_Y-20),this.cmd(Ra.setForegroundColor,i,Qa.HEIGHT_LABEL_COLOR),this.cmd(Ra.createLabel,s,0,50,Qa.STARTING_Y-20),this.cmd(Ra.setForegroundColor,s,Qa.HEIGHT_LABEL_COLOR),this.cmd(Ra.step),this.cmd(Ra.setText,0,""),new Za(t,e,i,s,0,0)}if(this.cmd(Ra.setHighlight,e.graphicID,1),te.data){this.cmd(Ra.setText,0,`${t} > ${e.data}. Looking at right subtree`),this.cmd(Ra.step),e.right=this.addH(t,e.right),e.right.parent=e,this.resizeTree();this.connectSmart(e.graphicID,e.right.graphicID)&&this.cmd(Ra.step)}else this.cmd(Ra.setText,0,`${t} == ${e.data}. Ignoring duplicate!`),this.cmd(Ra.step);return e=this.balance(e),this.cmd(Ra.setHighlight,e.graphicID,0),this.cmd(Ra.setText,0,""),e}connectSmart(t,e){return!this.edges.some((i=>i[0]===t&&i[1]===e))&&(this.cmd(Ra.connect,t,e,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,t,e,Qa.LINK_OPACITY),this.edges.push([t,e]),!0)}balance(t){return t.updateHeightAndBF(),this.cmd(Ra.setText,t.heightLabelID,t.height),this.cmd(Ra.setText,t.bfLabelID,t.bf),this.cmd(Ra.setText,0,"Adjusting height and balance factor after recursive call"),this.cmd(Ra.step),t.bf<-1?(this.cmd(Ra.setText,0,"Balance factor < -1"),this.cmd(Ra.setTextColor,t.bfLabelID,Qa.HIGHLIGHT_LABEL_COLOR),this.cmd(Ra.step),null!=t.right&&t.right.bf>0?(this.cmd(Ra.setText,0,"Right child balance factor > 0"),this.cmd(Ra.setTextColor,t.right.bfLabelID,Qa.HIGHLIGHT_LABEL_COLOR),this.cmd(Ra.step),this.cmd(Ra.setText,0,"Right-left rotation"),this.cmd(Ra.step),this.cmd(Ra.setTextColor,t.right.bfLabelID,Qa.HEIGHT_LABEL_COLOR),t.right=this.singleRotateRight(t.right)):(null!=t.right?(this.cmd(Ra.setText,0,"Right child balance factor <= 0"),this.cmd(Ra.setTextColor,t.right.bfLabelID,Qa.HIGHLIGHT_LABEL_COLOR),this.cmd(Ra.step)):(this.cmd(Ra.setText,0,"No right child"),this.cmd(Ra.step)),this.cmd(Ra.setText,0,"Left rotation"),this.cmd(Ra.step)),this.cmd(Ra.setTextColor,t.bfLabelID,Qa.HEIGHT_LABEL_COLOR),this.cmd(Ra.setTextColor,t.right.bfLabelID,Qa.HEIGHT_LABEL_COLOR),t=this.singleRotateLeft(t)):t.bf>1&&(this.cmd(Ra.setText,0,"Balance factor > 1"),this.cmd(Ra.setTextColor,t.bfLabelID,Qa.HIGHLIGHT_LABEL_COLOR),this.cmd(Ra.step),null!=t.left&&t.left.bf<0?(this.cmd(Ra.setText,0,"Left child balance factor < 0"),this.cmd(Ra.setTextColor,t.left.bfLabelID,Qa.HIGHLIGHT_LABEL_COLOR),this.cmd(Ra.step),this.cmd(Ra.setText,0,"Left-right rotation"),this.cmd(Ra.step),this.cmd(Ra.setTextColor,t.left.bfLabelID,Qa.HEIGHT_LABEL_COLOR),t.left=this.singleRotateLeft(t.left)):(null!=t.left?(this.cmd(Ra.setText,0,"Left child balance factor >= 0"),this.cmd(Ra.setTextColor,t.left.bfLabelID,Qa.HIGHLIGHT_LABEL_COLOR),this.cmd(Ra.step)):(this.cmd(Ra.setText,0,"No left child"),this.cmd(Ra.step)),this.cmd(Ra.setText,0,"Right rotation"),this.cmd(Ra.step),this.cmd(Ra.setTextColor,t.bfLabelID,Qa.HEIGHT_LABEL_COLOR)),this.cmd(Ra.setTextColor,t.bfLabelID,Qa.HEIGHT_LABEL_COLOR),this.cmd(Ra.setTextColor,t.left.bfLabelID,Qa.HEIGHT_LABEL_COLOR),t=this.singleRotateRight(t)),t}singleRotateRight(t){const e=t,i=t.left,s=i.right;return this.cmd(Ra.setEdgeHighlight,e.graphicID,i.graphicID,1),this.cmd(Ra.step),null!=s&&(this.cmd(Ra.disconnect,i.graphicID,s.graphicID),this.cmd(Ra.connect,e.graphicID,s.graphicID,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.graphicID,s.graphicID,Qa.LINK_OPACITY),s.parent=e),this.cmd(Ra.disconnect,e.graphicID,i.graphicID),this.cmd(Ra.connect,i.graphicID,e.graphicID,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,i.graphicID,e.graphicID,Qa.LINK_OPACITY),i.parent=e.parent,this.treeRoot===e?this.treeRoot=i:(this.cmd(Ra.disconnect,e.parent.graphicID,e.graphicID,Qa.LINK_COLOR),this.cmd(Ra.connect,e.parent.graphicID,i.graphicID,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.parent.graphicID,i.graphicID,Qa.LINK_OPACITY),e.isLeftChild()?e.parent.left=i:e.parent.right=i),i.right=e,e.parent=i,e.left=s,this.cmd(Ra.setHighlight,i.graphicID,0),this.cmd(Ra.setHighlight,e.graphicID,0),e.updateHeightAndBF(),this.cmd(Ra.setText,e.heightLabelID,e.height),this.cmd(Ra.setText,e.bfLabelID,e.bf),i.updateHeightAndBF(),this.cmd(Ra.setText,i.heightLabelID,i.height),this.cmd(Ra.setText,i.bfLabelID,i.bf),this.resizeTree(),i}singleRotateLeft(t){const e=t,i=t.right,s=i.left;return this.cmd(Ra.setEdgeHighlight,e.graphicID,i.graphicID,1),this.cmd(Ra.step),null!=s&&(this.cmd(Ra.disconnect,i.graphicID,s.graphicID),this.cmd(Ra.connect,e.graphicID,s.graphicID,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.graphicID,s.graphicID,Qa.LINK_OPACITY),s.parent=e),this.cmd(Ra.disconnect,e.graphicID,i.graphicID),this.cmd(Ra.connect,i.graphicID,e.graphicID,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,i.graphicID,e.graphicID,Qa.LINK_OPACITY),i.parent=e.parent,this.treeRoot===e?this.treeRoot=i:(this.cmd(Ra.disconnect,e.parent.graphicID,e.graphicID,Qa.LINK_COLOR),this.cmd(Ra.connect,e.parent.graphicID,i.graphicID,Qa.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.parent.graphicID,i.graphicID,Qa.LINK_OPACITY),e.isLeftChild()?e.parent.left=i:e.parent.right=i),i.left=e,e.parent=i,e.right=s,this.cmd(Ra.setHighlight,e.graphicID,0),this.cmd(Ra.setHighlight,i.graphicID,0),e.updateHeightAndBF(),this.cmd(Ra.setText,e.heightLabelID,e.height),this.cmd(Ra.setText,e.bfLabelID,e.bf),i.updateHeightAndBF(),this.cmd(Ra.setText,i.heightLabelID,i.height),this.cmd(Ra.setText,i.bfLabelID,i.bf),this.resizeTree(),i}getHeight(t){return null==t?-1:t.height}resetHeight(t){if(null!=t){const e=Math.max(this.getHeight(t.left),this.getHeight(t.right))+1;t.height!==e&&(t.height=Math.max(this.getHeight(t.left),this.getHeight(t.right))+1,this.cmd(Ra.setText,t.heightLabelID,e))}}deleteNode(t){this.cmd(Ra.delete,t.graphicID),this.cmd(Ra.delete,t.heightLabelID),this.cmd(Ra.delete,t.bfLabelID)}remove(t){return this.commands=[],this.cmd(Ra.setText,0,`Deleting ${t}`),this.cmd(Ra.step),this.cmd(Ra.setText,0," "),this.highlightID=this.nextIndex++,this.treeRoot=this.removeH(this.treeRoot,t),this.cmd(Ra.setText,0,""),this.resizeTree(),this.commands}removeH(t,e){if(null!=t){if(this.cmd(Ra.setHighlight,t.graphicID,1),et.data)this.cmd(Ra.setText,0,`${e} > ${t.data}. Looking right`),this.cmd(Ra.step),t.right=this.removeH(t.right,e),null!=t.right&&(t.right.parent=t,this.connectSmart(t.graphicID,t.right.graphicID),this.resizeTree());else{if(null==t.left&&null==t.right)return this.cmd(Ra.setText,0,"Element to delete is a leaf node"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),null;if(null==t.left)return this.cmd(Ra.setText,0,"One-child case, replace with right child"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),t.right;if(null==t.right)return this.cmd(Ra.setText,0,"One-child case, replace with left child"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),t.left;{const e=[];"succ"===this.predSucc?(this.cmd(Ra.setText,0,"Two-child case, replace data with successor"),this.cmd(Ra.step),t.right=this.removeSucc(t.right,e),t.right&&this.connectSmart(t.graphicID,t.right.graphicID)):(this.cmd(Ra.setText,0,"Two-child case, replace data with predecessor"),this.cmd(Ra.step),t.left=this.removePred(t.left,e),t.left&&this.connectSmart(t.graphicID,t.left.graphicID)),this.resizeTree(),t.data=e[0],this.cmd(Ra.setText,t.graphicID,t.data)}}return t=this.balance(t),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setText,0,""),t}this.cmd(Ra.setText,0,`${e} not found in the tree`)}removeSucc(t,e){return this.cmd(Ra.setHighlight,t.graphicID,1,"#0000ff"),this.cmd(Ra.step),null==t.left?(this.cmd(Ra.setText,0,"No left child, replace with right child"),this.cmd(Ra.step),e.push(t.data),this.deleteNode(t),this.cmd(Ra.step),this.cmd(Ra.setText,0,""),t.right):(this.cmd(Ra.setText,0,"Left child exists, look left"),this.cmd(Ra.step),t.left=this.removeSucc(t.left,e),null!=t.left&&(t.left.parent=t,this.connectSmart(t.graphicID,t.left.graphicID),this.resizeTree()),t=this.balance(t),this.cmd(Ra.setHighlight,t.graphicID,0),t)}removePred(t,e){return this.cmd(Ra.setHighlight,t.graphicID,1,"#0000ff"),this.cmd(Ra.step),null==t.right?(this.cmd(Ra.setText,0,"No right child, replace with right child"),this.cmd(Ra.step),e.push(t.data),this.deleteNode(t),this.cmd(Ra.step),this.cmd(Ra.setText,0,""),t.left):(this.cmd(Ra.setText,0,"Right child exists, look right"),this.cmd(Ra.step),t.right=this.removePred(t.right,e),null!=t.right&&(t.right.parent=t,this.connectSmart(t.graphicID,t.right.graphicID),this.resizeTree()),t=this.balance(t),this.cmd(Ra.setHighlight,t.graphicID,0),t)}resizeTree(){if(null==this.treeRoot)return;let t=this.startingX;this.resizeWidths(this.treeRoot),null!=this.treeRoot&&(this.treeRoot.leftWidth>t?t=this.treeRoot.leftWidth:this.treeRoot.rightWidth>t&&(t=Math.max(this.treeRoot.leftWidth,2*t-this.treeRoot.rightWidth)),this.setNewPositions(this.treeRoot,t,Qa.STARTING_Y,0),this.animateNewPositions(this.treeRoot),this.cmd(Ra.step))}setNewPositions(t,e,i,s){null!=t&&(t.y=i,-1===s?(e-=t.rightWidth,t.heightLabelX=e-20,t.bfLabelX=e+20):1===s?(e+=t.leftWidth,t.heightLabelX=e-20,t.bfLabelX=e+20):(t.heightLabelX=e-20,t.bfLabelX=e+20),t.x=e,t.heightLabelY=t.y-20,t.bfLabelY=t.y-20,this.setNewPositions(t.left,e,i+Qa.HEIGHT_DELTA,-1),this.setNewPositions(t.right,e,i+Qa.HEIGHT_DELTA,1))}animateNewPositions(t){null!=t&&(this.cmd(Ra.move,t.graphicID,t.x,t.y),this.cmd(Ra.move,t.heightLabelID,t.heightLabelX,t.heightLabelY),this.cmd(Ra.move,t.bfLabelID,t.bfLabelX,t.bfLabelY),this.animateNewPositions(t.left),this.animateNewPositions(t.right))}resizeWidths(t){return null==t?0:(t.leftWidth=Math.max(this.resizeWidths(t.left),Qa.WIDTH_DELTA/2),t.rightWidth=Math.max(this.resizeWidths(t.right),Qa.WIDTH_DELTA/2),t.leftWidth+t.rightWidth)}clear(){return this.insertField.value="",this.deleteField.value="",this.findField.value="",this.commands=[],this.recClear(this.treeRoot),this.treeRoot=null,this.commands}recClear(t){null!=t&&(this.cmd(Ra.delete,t.graphicID),this.cmd(Ra.delete,t.heightLabelID),this.cmd(Ra.delete,t.bfLabelID),this.recClear(t.left),this.recClear(t.right))}disableUI(){for(let t=0;tnull==t?-1:t.height,e=t(this.left),i=t(this.right);this.height=Math.max(e,i)+1,this.bf=e-i}isLeftChild(){return null==this.parent||this.parent.left===this}}Qa.HIGHLIGHT_LABEL_COLOR="#FF0000",Qa.HIGHLIGHT_COLOR="#007700",Qa.HEIGHT_LABEL_COLOR="#000000",Qa.LINK_COLOR="#000000",Qa.LINK_OPACITY=.2,Qa.HIGHLIGHT_CIRCLE_COLOR="#007700",Qa.FOREGROUND_COLOR="#000000",Qa.BACKGROUND_COLOR="#FFFFFF",Qa.PRINT_COLOR="#007700",Qa.WIDTH_DELTA=50,Qa.HEIGHT_DELTA=50,Qa.STARTING_Y=50,Qa.FIRST_PRINT_POS_X=50,Qa.PRINT_VERTICAL_GAP=20,Qa.PRINT_HORIZONTAL_GAP=50,Qa.EXPLANITORY_TEXT_X=10,Qa.EXPLANITORY_TEXT_Y=10;var Ja=JSON.parse('{"S7":{"addFB":{"code":[["procedure addFront(data)"],[" addAtIndex(0, data)"],["end procedure"],[""],["procedure addBack(data)"],[" addAtIndex(size, data)"],["end procedure"]],"english":[["procedure addFront(data)"],[" call addAtIndex at front with data"],["end procedure"],[""],["procedure addBack(data)"],[" call addAtIndex at back with data"],["end procedure"]]},"addIndex":{"code":[["procedure addAtIndex(index, data)"],[" if size == array.length"],[" T[] newArray \u2190 new array[size * 2]"],[" for i \u2190 0 to index - 1, i++:"],[" newArray[i] \u2190 array[i]"],[" newArray[index] \u2190 data"],[" for i \u2190 index to size - 1, i++:"],[" newArray[i + 1] \u2190 array[i]"],[" array \u2190 newArray"],[" else"],[" for i \u2190 size to index + 1, i--:"],[" array[i] \u2190 array[i - 1]"],[" array[index] \u2190 data"],[" size++"],["end procedure"]],"english":[["procedure addAtIndex(index, data)"],[" if (at max capacity):"],[" create newArray with 2x capacity"],[" for (i from 0 to index):"],[" copy array value at i to newArray"],[" put data into newArray at index"],[" for (i from index to back):"],[" copy and shift array value at i to newArray"],[" array points to newArray"],[" else:"],[" for (i from back to spot after index):"],[" shift array value back"],[" put data into array at index"],[" increment size"],["end procedure"]]},"removeFB":{"code":[["procedure removeFront()"],[" removeFromIndex(0)"],["end procedure"],[""],["procedure removeBack()"],[" removeFromIndex(size - 1)"],["end procedure"]],"english":[["procedure removeFront()"],[" call removeFromIndex at front"],["end procedure"],[""],["procedure removeBack()"],[" call removeFromIndex at back"],["end procedure"]]},"removeIndex":{"code":[["procedure removeFromIndex(index)"],[" T data \u2190 array[index]"],[" array[index] \u2190 null"],[" for i \u2190 index to size - 2, i++:"],[" array[i] \u2190 array[i + 1]"],[" array[size - 1] \u2190 null"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeFromIndex(index)"],[" copy data at index to temp"],[" for (i from index to spot before back):"],[" copy array value at i and shift to newArray"],[" null out back of array"],[" decrement size"],[" return temp"],["end procedure"]]}},"pA":{"addFront":{"code":[["procedure addFront(data)"],[" if size == 0"],[" head \u2190 new Node(data)"],[" else"],[" Node newHead \u2190 new Node(data)"],[" newHead.next \u2190 head"],[" head \u2190 newHead"],[" end if"],[" size++"],["end procedure"]],"english":[["procedure addFront(data)"],[" if size == 0"],[" head \u2190 new Node(data)"],[" else"],[" Node newHead \u2190 new Node(data)"],[" newHead.next \u2190 head"],[" head \u2190 newHead"],[" end if"],[" size++"],["end procedure"]]},"addBack":{"code":[["procedure addBack(data)"],[" if size == 0"],[" head \u2190 new Node(data)"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to size - 2, i++:"],[" curr = curr.next"],[" curr.next \u2190 new Node(data)"],[" end if"],[" size++"],["end procedure"]],"english":[["procedure addBack(data)"],[" if (list is empty):"],[" head points to new node with data"],[" else:"],[" curr points to head"],[" for (i from front to node before back):"],[" curr moves to next node"],[" curr.next points to new node with data"],[" end if"],[" increment size"],["end procedure"]]},"addIndex":{"code":[["procedure addAtIndex(index, data)"],[" if index == 0"],[" addFront(data)"],[" else if index == size"],[" addBack(data)"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to index - 2, i++:"],[" curr = curr.next"],[" end for"],[" Node newNode \u2190 new Node(data)"],[" newNode.next \u2190 curr.next"],[" curr \u2190 newNode"],[" size++"],[" end if"],["end procedure"]],"english":[["procedure addAtIndex(index, data)"],[" if (index is at the front):"],[" call addFront with data"],[" else (index is at the back):"],[" call addBack with data"],[" else:"],[" curr points to head"],[" for (i from front to node before index):"],[" curr moves to next node"],[" end for"],[" create newNode node with data"],[" newNode.next points to curr.next"],[" curr points to newNode"],[" increment size"],[" end if"],["end procedure"]]},"removeFront":{"code":[["procedure removeFront()"],[" T data \u2190 head.data"],[" head \u2190 head.next"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeFront()"],[" copy data at head to temp"],[" head moves to next node"],[" decrement size"],[" return temp"],["end procedure"]]},"removeBack":{"code":[["procedure removeBack()"],[" if size == 1:"],[" removeFront()"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to size - 2"],[" curr \u2190 curr.next"],[" end for"],[" T data \u2190 curr.next.data"],[" curr.next \u2190 null"],[" size--"],[" return data"],[" end if"],["end procedure"]],"english":[["procedure removeBack()"],[" if (list has 1 node):"],[" call removeFront"],[" else:"],[" curr points to head"],[" for (i from front to node before back):"],[" curr moves to next node"],[" end for"],[" copy data at curr.next to temp"],[" null out curr.next"],[" decrement size"],[" return temp"],[" end if"],["end procedure"]]},"removeIndex":{"code":[["procedure removeFromIndex(index)"],[" if index == 0"],[" removeFront()"],[" else if index == size - 1"],[" removeBack()"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to index - 2, i++"],[" curr \u2190 curr.next"],[" end for"],[" T data \u2190 curr.next.data"],[" curr.next \u2190 curr.next.next"],[" size--"],[" return data"],[" end if"],["end procedure"]],"english":[["procedure removeFromIndex(index)"],[" if (index is at the front):"],[" call removeFront"],[" else if (index is at the back):"],[" call removeBack"],[" else:"],[" curr points to head"],[" for (i from front to node before index):"],[" curr moves to next node"],[" end for"],[" copy data at curr to temp"],[" curr.next points to curr.next.next"],[" decrement size"],[" return temp"],[" end if"],["end procedure"]]}},"sd":{"addFront":{"code":[["procedure addFront(data)"],[" if size == 0"],[" head \u2190 new Node(data)"],[" tail \u2190 head"],[" else"],[" Node newHead \u2190 new Node(data)"],[" newHead.next \u2190 head"],[" head.prev \u2190 newHead"],[" head \u2190 newHead"],[" size++"],["end procedure"]],"english":[["procedure addFront(data)"],[" if (list is empty):"],[" head points to new node"],[" tail points to new node"],[" else:"],[" create newHead node with data"],[" newHead.next points to head"],[" head.prev points to newHead"],[" head points to newHead"],[" increment size"],["end procedure"]]},"addBack":{"code":[["procedure addBack(data)"],[" if size == 0"],[" tail \u2190 new Node(data)"],[" head \u2190 tail"],[" else"],[" Node newTail \u2190 new Node(data)"],[" newTail.prev \u2190 tail"],[" tail.next \u2190 newTail"],[" tail \u2190 newTail"],[" size++"],["end procedure"]],"english":[["procedure addBack(data)"],[" if (list is empty):"],[" head points to new node"],[" tail points to new node"],[" else:"],[" create newTail node with data"],[" newTail.prev points to tail"],[" tail.next points to newTail"],[" tail points to newTail"],[" increment size"],["end procedure"]]},"addIndex":{"code":[["procedure addAtIndex(index, data)"],[" if index == 0"],[" addFront(data)"],[" else if index == size"],[" addBack(data)"],[" else"],[" if index < size / 2"],[" Node curr \u2190 head"],[" for i \u2190 0 to index - 2, i++:"],[" curr = curr.next"],[" else"],[" Node curr \u2190 tail"],[" for i \u2190 size - 1 to index, i--:"],[" curr = curr.prev"],[" Node newNode \u2190 new Node(data)"],[" newNode.prev \u2190 curr"],[" newNode.next \u2190 curr.next"],[" curr.next \u2190 newNode"],[" newNode.next.prev \u2190 newNode"],[" size++"],["end procedure"]],"english":[["procedure addAtIndex(index, data)"],[" if (index is at the front):"],[" call addFront with data"],[" else if (index is at the back):"],[" call addBack with data"],[" else:"],[" if (index is closer to front):"],[" curr points to head"],[" for (i from 0 to node before index):"],[" curr moves to next node"],[" else:"],[" curr points to tail"],[" for (i from back to index):"],[" curr moves to previous node"],[" create newNode node with data"],[" newNode.prev points to curr"],[" newNode.next points to curr.next"],[" curr.next points to newNode"],[" newNode.next.prev points to newNode"],[" increment size"],["end procedure"]]},"removeFront":{"code":[["procedure removeFront()"],[" T data \u2190 head.data"],[" head \u2190 head.next"],[" if head == null"],[" tail \u2190 null"],[" else"],[" head.prev \u2190 null"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeFront()"],[" copy data at head to temp"],[" head moves to next node"],[" if (head is null):"],[" null out tail"],[" else:"],[" null out head.prev"],[" decrement size"],[" return temp"],["end procedure"]]},"removeBack":{"code":[["procedure removeBack()"],[" T data \u2190 tail.data"],[" tail \u2190 tail.prev"],[" if tail == null"],[" head \u2190 null"],[" else"],[" tail.next \u2190 null"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeBack()"],[" copy data at tail to temp"],[" tail moves to previous node"],[" if (tail is null):"],[" null out head"],[" else:"],[" null out tail.next"],[" decrement size"],[" return temp"],["end procedure"]]},"removeIndex":{"code":[["procedure removeFromIndex(index)"],[" if index == 0"],[" removeFront()"],[" else if index == size - 1"],[" removeBack()"],[" else"],[" if index < size / 2"],[" Node curr \u2190 head"],[" for i \u2190 0 to index - 1, i++:"],[" curr \u2190 curr.next"],[" else"],[" Node curr \u2190 tail"],[" for i \u2190 size - 1 to index + 1, i--:"],[" curr \u2190 curr.prev"],[" T data \u2190 curr.data"],[" curr.prev.next \u2190 curr.next"],[" curr.next.prev \u2190 curr.prev"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeFromIndex(index)"],[" if (index is at the front):"],[" call removeFront"],[" else (index is at the back):"],[" call removeBack"],[" else:"],[" if (index is in the front half):"],[" curr points to head"],[" for (i from front to index):"],[" curr moves to next node"],[" else:"],[" curr points to tail"],[" for (i from back to index):"],[" curr moves to previous node"],[" copy data at curr to temp"],[" curr.prev.next points to curr.next"],[" curr.next.prev points to curr.prev"],[" decrement size"],[" return temp"],["end procedure"]]}},"Y":{"addFront":{"code":[["procedure addFront(data)"],[" if size == 0"],[" head \u2190 new Node(data)"],[" head.next \u2190 head"],[" else"],[" Node newNode \u2190 new Node(head.data)"],[" head.data \u2190 data"],[" newNode.next \u2190 head.next"],[" head.next \u2190 newNode"],[" size++"],["end procedure"]],"english":[["procedure addFront(data)"],[" if (list is empty):"],[" create newNode node with data"],[" head points to newNode"],[" head.next points to itself"],[" else:"],[" create newNode node with head\'s data"],[" set head\'s data to new data"],[" newNode.next points to head.next"],[" head.next points to newNode"],[" increment size"],["end procedure"]]},"addBack":{"code":[["procedure addBack(data)"],[" addFront(data)"],[" head \u2190 head.next"],["end procedure"]],"english":[["procedure addBack(data)"],[" call addFront with data"],[" head moves to next node"],["end procedure"]]},"addIndex":{"code":[["procedure addAtIndex(index, data)"],[" if index == 0"],[" addFront(data)"],[" else if index == size"],[" addBack(data)"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to index - 2, i++:"],[" curr \u2190 curr.next"],[" Node newNode = new Node(data)"],[" newNode.next \u2190 curr.next"],[" curr.next \u2190 newNode"],[" size++"],["end procedure"]],"english":[["procedure addAtIndex(index, data)"],[" if (index is at the front):"],[" call addFront with data"],[" else (index is at the back):"],[" call addBack with data"],[" else:"],[" curr points to head"],[" for (i from front to node before index):"],[" curr moves to next node"],[" create newNode node with data"],[" newNode.next points to curr.next"],[" curr.next points to newNode"],[" increment size"],["end procedure"]]},"removeFront":{"code":[["procedure removeFront()"],[" T data \u2190 head.data"],[" if size == 1"],[" head \u2190 null"],[" else"],[" head.data \u2190 head.next.data"],[" head.next \u2190 head.next.next"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeFront()"],[" copy data at head to temp"],[" if (list has 1 node):"],[" null out head pointer"],[" else:"],[" copy data at head.next to head.data"],[" head.next points to head.next.next"],[" decrement size"],[" return temp"],["end procedure"]]},"removeBack":{"code":[["procedure removeBack()"],[" T data \u2190 null"],[" if size == 1"],[" data \u2190 head.data"],[" head \u2190 null"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to size - 2"],[" curr \u2190 curr.next"],[" data \u2190 curr.next.data"],[" curr.next \u2190 curr.next.next"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeBack()"],[" if (list has 1 node):"],[" copy data at head to temp"],[" null out head pointer"],[" else:"],[" curr points to head"],[" for (i from front to node before end):"],[" curr moves to next node"],[" copy data at curr.next to temp"],[" curr.next points to curr.next.next"],[" decrement size"],[" return temp"],["end procedure"]]},"removeIndex":{"code":[["procedure removeIndex(index)"],[" if index == 0"],[" removeFront()"],[" else if index == size - 1"],[" removeBack()"],[" else"],[" Node curr \u2190 head"],[" for i \u2190 0 to index - 2, i++:"],[" curr \u2190 curr.next"],[" T data \u2190 curr.next.data"],[" curr.next \u2190 curr.next.next"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeIndex(index)"],[" if (index is at the front):"],[" call removeFront"],[" else (index is at the back):"],[" call removeBack"],[" else:"],[" curr points to head"],[" for (i from front to node before index):"],[" curr moves to next node"],[" copy data at curr.next to temp"],[" curr.next points to curr.next.next"],[" decrement size"],[" return temp"],["end procedure"]]}},"FJ":{"push":{"code":[["procedure push(data)"],[" if size == array.length"],[" T[] newArray \u2190 new array[2 * size]"],[" for i \u2190 0 to size - 1, i++:"],[" newArray[i] \u2190 array[i]"],[" array \u2190 newArray"],[" array[size] \u2190 data"],[" size++"],["end procedure"]],"english":[["procedure push(data)"],[" if (at max capacity):"],[" create newArray with 2x capacity"],[" for (i from front to back):"],[" copy array value at i to newArray"],[" array points to newArray"],[" put data into array at back"],[" increment size"],["end procedure"]]},"pop":{"code":[["procedure pop()"],[" size--"],[" T data \u2190 array[size]"],[" array[size] \u2190 null"],[" return data"],["end procedure"]],"english":[["procedure pop()"],[" copy array value at back to temp"],[" null out back of array"],[" decrement size"],[" return temp"],["end procedure"]]}},"Id":{"push":{"code":[["procedure push(data)"],[" head \u2190 new Node(data, head)"],["end procedure"]],"english":[["procedure push(data)"],[" create newNode node with data"],[" newNode.next points to head"],[" head points to newNode"],[" increment size"],["end procedure"]]},"pop":{"code":[["procedure pop()"],[" T data \u2190 head.data"],[" head \u2190 head.next"],[" return data"],["end procedure"]],"english":[["procedure pop()"],[" copy data at head to temp"],[" head moves to next node"],[" decrement size"],[" return temp"],["end procedure"]]}},"eW":{"enqueue":{"code":[["procedure enqueue(data)"],[" if size == array.length"],[" T[] newArray \u2190 new array[2 * size]"],[" for i \u2190 0 to size - 1, i++:"],[" newArray[i] \u2190 array[(front + i) % array.length]"],[" array \u2190 newArray"],[" front \u2190 0"],[" array[(front + size) % array.length] \u2190 data"],[" size++"],["end procedure"]],"english":[["procedure enqueue(data)"],[" if (at max capacity):"],[" create newArray with 2x capacity"],[" for (i from front to back):"],[" calculate index = (front + i) % capacity"],[" copy array value at index to newArray"],[" array points to newArray"],[" reset front to 0"],[" put data into array at back"],[" increment size"],["end procedure"]]},"dequeue":{"code":[["procedure dequeue()"],[" T data \u2190 array[front]"],[" array[front] \u2190 null"],[" front \u2190 (front + 1) % array.length"],[" size--"],["end procedure"]],"english":[["procedure dequeue()"],[" copy array value at front to temp"],[" null out front of array"],[" increment front"],[" decrement size"],["end procedure"]]}},"MN":{"enqueue":{"code":[["procedure enqueue(data)"],[" Node newNode \u2190 new Node(data)"],[" if size == 0"],[" head \u2190 newNode"],[" else"],[" tail.next \u2190 newNode"],[" tail \u2190 newNode"],[" size++"],["end procedure"]],"english":[["procedure enqueue(data)"],[" create newNode node with data"],[" if (queue is empty):"],[" head points to newNode"],[" else:"],[" tail.next points to newNode"],[" tail points to newNode"],[" increment size"],["end procedure"]]},"dequeue":{"code":[["procedure dequeue()"],[" T data \u2190 head.data"],[" if size == 1"],[" head \u2190 null"],[" tail \u2190 null"],[" else"],[" head \u2190 head.next"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure dequeue()"],[" copy data at head to temp"],[" if (queue has 1 node):"],[" null out head"],[" null out tail"],[" else:"],[" head moves to next node"],[" decrement size"],[" return temp"],["end procedure"]]}},"KL":{"addFirst":{"code":[["procedure addFirst(data)"],[" if size == array.length"],[" T[] newArray \u2190 new array[2 * size]"],[" for i \u2190 0 to size - 1, i++:"],[" newArray[i + 1] \u2190 array[(front + i) % array.length]"],[" array \u2190 newArray"],[" front \u2190 0"],[" else"],[" front \u2190 (front - 1) % array.length"],[" array[front] \u2190 data"],[" size++"],["end procedure"]],"english":[["procedure addFirst(data)"],[" if (at max capacity):"],[" create newArray with 2x capacity"],[" for (i from front to back):"],[" calculate index = (front + i) % capacity"],[" copy and shift array value at index to newArray"],[" array points to newArray"],[" reset front to 0"],[" else:"],[" decrement front"],[" put data into array at front"],[" increment size"],["end procedure"]]},"addLast":{"code":[["procedure addLast(data)"],[" if size == array.length"],[" T[] newArray \u2190 new array[2 * size]"],[" for i \u2190 0 to size - 1, i++:"],[" newArray[i] \u2190 array[(front + i) % array.length]"],[" array \u2190 newArray"],[" front \u2190 0"],[" array[(front + size) % array.length] \u2190 data"],[" size++"],["end procedure"]],"english":[["procedure addLast(data)"],[" if (at max capacity)"],[" create newArray with 2x capacity"],[" for (i from front to back):"],[" calculate index = (front + i % capacity)"],[" copy array value at index to newArray"],[" array points to newArray"],[" reset front to 0"],[" put data into array at back"],[" increment size"],["end procedure"]]},"removeFirst":{"code":[["procedure removeFirst()"],[" T data \u2190 array[front]"],[" array[front] \u2190 null"],[" front \u2190 (front + 1) % array.length"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeFirst()"],[" copy data at front to temp"],[" null out front of array"],[" increment front"],[" decrement size"],[" return temp"],["end procedure"]]},"removeLast":{"code":[["procedure removeLast()"],[" back \u2190 (front + size - 1) % array.length"],[" T data \u2190 array[back]"],[" array[back] \u2190 null"],[" size--"],[" return data"],["end procedure"]],"english":[["procedure removeLast()"],[" copy data at back to temp"],[" null out back of array"],[" decrement size"],[" return temp"],["end procedure"]]}},"G7":{"preorder":{"code":[["procedure preOrder(Node node)"],[" if node != null:"],[" // do something with node"],[" preOrder(node.left)"],[" preOrder(node.right)"],["end procedure"]],"english":[["procedure preOrder(Node node)"],[" if node is not null:"],[" look at data in the node"],[" recurse left"],[" recurse right"],["end procedure"]]},"inorder":{"code":[["procedure inOrder(Node node)"],[" if node != null:"],[" inOrder(node.left)"],[" // do something with node"],[" inOrder(node.right)"],["end procedure"]],"english":[["procedure inOrder(Node node)"],[" if node is not null:"],[" recurse left"],[" look at data in the node"],[" recurse right"],["end procedure"]]},"postorder":{"code":[["procedure postOrder(Node node)"],[" if node != null:"],[" postOrder(node.left)"],[" postOrder(node.right)"],[" // do something with node"],["end procedure"]],"english":[["procedure postOrder(Node node)"],[" if node is not null:"],[" recurse left"],[" recurse right"],[" look at data in the node"],["end procedure"]]},"levelorder":{"code":[["procedure levelOrder()"],[" Queue q \u2190 new Queue()"],[" q.add(root)"],[" while q.size > 0"],[" Node curr \u2190 q.remove()"],[" // do something with curr"],[" if curr.left != null:"],[" q.add(curr.left)"],[" if curr.right != null:"],[" q.add(curr.right)"],["end procedure"]],"english":[["procedure levelOrder()"],[" create Queue q"],[" add root to q"],[" while q is not empty"],[" Node curr \u2190 remove from q"],[" record data from curr"],[" if curr.left is not null:"],[" add curr.left to q"],[" if curr.right is not null:"],[" add curr.right to q"],["end procedure"]]},"add":{"code":[["procedure add(data)"],[" root \u2190 addH(data, root) "],["end procedure"],[""],["procedure addH(data, curr)"],[" if curr == null"],[" size++"],[" return new Node(data)"],[" else if data < curr.data"],[" curr.left \u2190 addH(data, curr.left)"],[" else if data > curr.data"],[" curr.right \u2190 addH(data, curr.right)"],[" return curr"],["end procedure"]],"english":[["procedure add(data)"],[" reinforce root with addH call on root"],["end procedure"],[""],["procedure addH(data, curr)"],[" if (curr is null):"],[" increment size"],[" return new node with data"],[" else if (data < curr.data):"],[" reinforce left child with addH call on left child"],[" else if (data > right child):"],[" reinforce right child with addH call on right child"],[" return curr"],["end procedure"]]},"remove_successor":{"code":[["procedure remove(data)"],[" dummy \u2190 new Node(null)"],[" root \u2190 removeH(data, root, dummy)"],[" return dummy.data"],["end procedure"],[""],["procedure removeH(data, curr, dummy)"],[" if curr == null"],[" return null"],[" else if data < curr.data"],[" curr.left \u2190 removeH(data, curr.left)"],[" else if data > curr.data"],[" curr.right \u2190 removeH(data, curr.right)"],[" else"],[" size--"],[" dummy.data \u2190 curr.data"],[" if curr.left == null && curr.right == null"],[" return null"],[" else if curr.left == null"],[" return curr.right"],[" else if curr.right == null"],[" return curr.left"],[" else"],[" dummy2 \u2190 new Node(null)"],[" curr.right \u2190 removeSuccessor(curr.right, dummy2)"],[" curr.data \u2190 dummy2.data"],[" return curr"],["end procedure"],[""],["procedure removeSuccessor(curr, dummy2)"],[" if curr.left == null"],[" dummy2.data \u2190 curr.data"],[" return curr.right"],[" else"],[" curr.left \u2190 removeSuccessor(curr.left, dummy2)"],[" return curr"],["end procedure"]],"english":[["procedure remove(data):"],[" create dummy node"],[" reinforce root with removeH call on root"],[" return dummy data"],["end procedure"],[""],["procedure removeH(data, curr, dummy)"],[" if (curr is null):"],[" return null"],[" else if (data < curr.data):"],[" reinforce left child with removeH call on left child"],[" else if (data > curr.data):"],[" reinforce right child with removeH call on right child"],[" else:"],[" decrement size"],[" copy data in curr to dummy"],[" if (both children are null):"],[" return null"],[" else if (left child is null):"],[" return right child"],[" else if (right child is null):"],[" return left child"],[" else:"],[" create dummy2 node"],[" reinforce right child with removeSuccessor call on right child"],[" copy data in dummy2 to curr"],[" return curr"],["end procedure"],[""],["procedure removeSuccessor(curr, dummy2)"],[" if (left child is null):"],[" copy data in curr to dummy2"],[" return right child"],[" else:"],[" reinforce left child with removeSuccessor call on left child"],[" return curr"],["end procedure"]]},"remove_predecessor":{"code":[["procedure remove(data)"],[" dummy \u2190 new Node(null)"],[" root \u2190 removeH(data, root, dummy)"],[" return dummy.data"],["end procedure"],[""],["procedure removeH(data, curr, dummy)"],[" if curr == null"],[" return null"],[" else if data < curr.data"],[" curr.left \u2190 removeH(data, curr.left)"],[" else if data > curr.data"],[" curr.right \u2190 removeH(data, curr.right)"],[" else"],[" size--"],[" dummy.data \u2190 curr.data"],[" if curr.left == null && curr.right == null"],[" return null"],[" else if curr.left == null"],[" return curr.right"],[" else if curr.right == null"],[" return curr.left"],[" else"],[" dummy2 \u2190 new Node(null)"],[" curr.right \u2190 removePredecessor(curr.left, dummy2)"],[" curr.data \u2190 dummy2.data"],[" return curr"],["end procedure"],[""],["procedure removePredecessor(curr, dummy2)"],[" if curr.right == null"],[" dummy2.data \u2190 curr.data"],[" return curr.left"],[" else"],[" curr.right \u2190 removePredecessor(curr.right, dummy2)"],[" return curr"],["end procedure"]],"english":[["procedure remove(data):"],[" create dummy node"],[" reinforce root with removeH call on root"],[" return dummy data"],["end procedure"],[""],["procedure removeH(data, curr, dummy)"],[" if (curr is null):"],[" return null"],[" else if (data < curr.data):"],[" reinforce left child with removeH call on left child"],[" else if (data > curr.data):"],[" reinforce right child with removeH call on right child"],[" else:"],[" decrement size"],[" copy data in curr to dummy"],[" if (both children are null):"],[" return null"],[" else if (left child is null):"],[" return right child"],[" else if (right child is null):"],[" return left child"],[" else:"],[" create dummy2 node"],[" reinforce left child with removePredecessor call on left child"],[" copy data in dummy2 to curr"],[" return curr"],["end procedure"],[""],["procedure removePredecessor(curr, dummy2)"],[" if (right child is null):"],[" copy data in curr to dummy2"],[" return left child"],[" else:"],[" reinforce right child with removePredecessor call on right child"],[" return curr"],["end procedure"]]},"find":{"code":[["procedure find(data)"],[" return findH(data, root)"],["end procedure"],[""],["procedure findH(data, curr)"],[" if curr == null"],[" return null"],[" else if data < curr.data"],[" return findH(curr.left)"],[" else if data > curr.data"],[" return findH(curr.right)"],[" else"],[" return curr.data"],["end procedure"]],"english":[["procedure find(data)"],[" return call to findH with root"],["end procedure"],[""],["procedure findH(data, curr)"],[" if curr is null:"],[" return null"],[" else if (data < curr.data):"],[" return recursive call on left child"],[" else if (data > curr.data):"],[" return recursive call on right child"],[" else:"],[" return curr.data"],["end procedure"]]}},"Xr":{"find":{"code":[["procedure BubbleSort(array):"],[" end \u2190 array.length"],[" start \u2190 0"],[" while start < end:"],[" swapped \u2190 start"],[" for j \u2190 0, end:"],[" if array[j] > array[j + 1]:"],[" swap array[j], array[j + 1]"],[" swapped \u2190 j"],[" end if"],[" end for"],[" end \u2190 swapped"],[" end while"],["end procedure"]],"english":[["procedure BubbleSort(array):"],[" end points to last element"],[" start points to first element"],[" while (start < end):"],[" lastSwapped points to start"],[" for (j from start to end):"],[" if (array[j] > array[j + 1]):"],[" bubble array[j] by swapping up"],[" lastSwapped points to j"],[" end if"],[" end for"],[" end points to lastSwapped"],[" end while"],["end procedure"]]}},"Q2":{"find":{"code":[["procedure CocktailSort(array):"],[" start \u2190 0, end \u2190 array.length - 1"],[" swapped \u2190 start"],[" while end > start:"],[" swapped \u2190 start"],[" for i \u2190 start, end:"],[" if array[i] > array[i + 1]:"],[" swap array[i], array[i + 1]"],[" swapped \u2190 i"],[" end if"],[" end for"],[" end \u2190 swapped"],[" for i \u2190 end, start:"],[" if array[i] < array[i - 1]"],[" swap array[i], array[i - 1]"],[" swapped \u2190 i"],[" end if"],[" end for"],[" start \u2190 swapped"],[" end while"],["end procedure"]],"english":[["procedure CocktailSort(array):"],[" end points to last element"],[" start point to first element"],[" while (start < end):"],[" lastSwapped points to start"],[" for (i from start to end):"],[" if (array[i] > array[i + 1]):"],[" bubble array[i] by swapping up"],[" lastSwapped points to i"],[" end if"],[" end for"],[" end points to lastSwapped"],[" for (i from end to start):"],[" if (array[i] < array[i - 1]):"],[" bubble array[i] by swapping down"],[" lastSwapped points to i"],[" end if"],[" end for"],[" start points to lastSwapped"],[" end while"],["end procedure"]]}},"JH":{"find":{"code":[["procedure InsertionSort(array):"],[" length \u2190 array.length"],[" for i \u2190 1, length - 1:"],[" j \u2190 i"],[" while"," ","j > 0",", ","array[j - 1] > array[j]",":"],[" swap array[j - 1], array[j]"],[" j \u2190 j - 1"],[" end while"],[" end for"],["end procedure"]],"english":[["procedure InsertionSort(array):"],[" length is array\'s length"],[" for (i from start to end):"],[" j points to i"],[" while"," (","j is positive"," and ","array[j - 1] > array[j]","):"],[" bubble array[j] by swapping down"],[" decrement j"],[" end while"],[" end for"],["end procedure"]]}},"ax":{"find":{"code":[["procedure SelectionSort(array):"],[" length \u2190 array.length"],[" for i \u2190 length - 1, 0:"],[" max \u2190 i"],[" for j \u2190 0, i:"],[" if array[j] > array[max]:"],[" max \u2190 j"],[" end if"],[" end for"],[" swap array[max], array[i]"],[" end for"],["end procedure"]],"english":[["procedure SelectionSort(array):"],[" length is array\'s length"],[" for (i from end to start):"],[" initialize max value"],[" for (j from start to i):"],[" if (array[j] > max value):"],[" max value is array[j]"],[" end if"],[" end for"],[" swap max value with array[i]"],[" end for"],["end procedure"]]}},"BG":{"find":{"code":[["procedure Quicksort(array, left, right):"],[" pivotIdx \u2190 random index within region being sorted"],[" pivot \u2190 array[pivotIdx]"],[" swap array[left], array[pivotIdx]"],[" i \u2190 left + 1, j \u2190 right - 1"],[" while i <= j:"],[" while"," ","i <= j"," and ","array[i] <= pivot",":"],[" i \u2190 i + 1"],[" end while"],[" while"," ","i <= j"," and ","array[j] >= pivot",":"],[" j \u2190 j - 1"],[" end while"],[" if i <= j:"],[" swap array[i], array[j]"],[" i \u2190 i + 1, j \u2190 j - 1"],[" end if"],[" end while"],[" swap pivot, array[j]"],[" Quicksort(array, left, j)"],[" Quicksort(array, j + 1, right)"],["end procedure"]],"english":[["procedure Quicksort(array, left, right):"],[" pivotIdx is some random index within partition"],[" pivot is the value at pivotIdx"],[" swap array[left] with the pivot"],[" i points to left + 1, j points to right - 1"],[" while (j has not crossed i):"],[" while"," (","j has not crossed i"," and ","array[i] <= pivot","):"],[" increment i"],[" end while"],[" while"," (","j has not crossed i"," and ","array[j] >= pivot","):"],[" decrement j"],[" end while"],[" if j and i have not crossed:"],[" swap data at i and j"],[" increment i, decrement j"],[" end if"],[" end while"],[" swap the pivot and array[j]"],[" recursively call Quicksort() on the left partition"],[" recursively call Quicksort() on the right partition"],["end procedure"]]}},"hN":{"find":{"code":[["procedure Quickselect(array, left, right, k):"],[" pivotIdx = random index within region being sorted"],[" pivot \u2190 array[pivotIdx]"],[" swap array[left], array[pivotIdx]"],[" i \u2190 left + 1, j \u2190 right"],[" while i <= j:"],[" while"," ","i <= j"," and ","array[i] <= pivot",":"],[" i \u2190 i + 1"],[" end while"],[" while"," ","i <= j"," and ","array[j] >= pivot",":"],[" j \u2190 j - 1"],[" end while"],[" if i <= j:"],[" swap array[i], array[j]"],[" i \u2190 i + 1, j \u2190 j - 1"],[" end if"],[" end while"],[" swap pivot, array[j]"],[" if j == k - 1:"],[" return array[j]"],[" else if j > k - 1:"],[" Quickselect(array, left, j - 1, k)"],[" else:"],[" Quickselect(array, j + 1, right, k)"],[" end if"],["end procedure"]],"english":[["procedure Quickselect(array, left, right, k):"],[" pivotIdx is some random index within partition"],[" pivot is the value at pivotIdx"],[" swap array[left] with the pivot"],[" i points to left + 1, j points to right"],[" while (j has not crossed i):"],[" while"," (","j has not crossed i"," and ","array[i] <= pivot","):"],[" increment i"],[" end while"],[" while"," (","j has not crossed i"," and ","array[j] >= pivot","):"],[" decrement j"],[" end while"],[" if j and i have not crossed:"],[" swap data at i and j"],[" increment i, decrement j"],[" end if"],[" end while"],[" swap the pivot and array[j]"],[" if (j == k - 1):"],[" return the value at j"],[" else if (j > k - 1):"],[" recursively call Quickselect() on the left partition"],[" else:"],[" recursively call Quickselect() on the right partition"],[" end if"],["end procedure"]]}},"aR":{"find":{"code":[["procedure MergeSort(array):"],[" length \u2190 array.length, midIdx \u2190 length / 2"],[" leftArray \u2190 array[0...midIdx - 1]"],[" rightArray \u2190 array[midIdx...length - 1]"],[" MergeSort(leftArray)"],[" MergeSort(rightArray)"],[" leftIdx, rightIdx, currIdx \u2190 0"],[" while leftIdx < midIdx and rightIdx < length - midIdx:"],[" if leftArray[leftIdx] <= rightArray[rightIdx]:"],[" array[currIdx] \u2190 leftArray[leftIdx]"],[" leftIdx \u2190 leftIdx + 1"],[" else:"],[" array[currIdx] \u2190 rightArray[rightIdx]"],[" rightIdx \u2190 rightIdx + 1"],[" end if"],[" currIdx \u2190 currIdx + 1"],[" end while"],[" while leftIdx < midIdx:"],[" array[currIdx] \u2190 leftArray[leftIdx]"],[" currIdx \u2190 currIdx + 1"],[" leftIdx \u2190 leftIdx + 1"],[" end while"],[" while rightIdx < length - midIdx:"],[" array[currIdx] \u2190 rightArray[rightIdx]"],[" currIdx \u2190 currIdx + 1"],[" rightIdx \u2190 rightIdx + 1"],[" end while"],["end procedure"]],"english":[["procedure MergeSort(array):"],[" length is array\'s length, midIdx is half of length"],[" leftArray is a new Array with left half of array"],[" rightArray is a new Array with right half of array"],[" recursively call MergeSort() on leftArray"],[" recursively call MergeSort() on rightArray"],[" leftIdx, rightIdx, currIdx start at 0"],[" while (leftIdx < midIdx and rightIdx < length - midIdx):"],[" if (leftArray[leftIdx] <= rightArray[rightIdx]):"],[" put leftArray[leftIdx] into array at currIdx"],[" increment leftIdx"],[" else:"],[" put rightArray[rightIdx] into array at currIdx"],[" increment rightIdx"],[" end if"],[" increment currIdx"],[" end while"],[" while (leftIdx < midIdx):"],[" put leftArray[leftIdx] into array at currIdx"],[" increment currIdx"],[" increment leftIdx"],[" end while"],[" while (rightIdx < length - midIdx):"],[" put rightArray[rightIdx] into array at currIdx"],[" increment currIdx"],[" increment rightIdx"],[" end while"],["end procedure"]]}},"hm":{"find":{"code":[["procedure LSDRadixSort(array):"],[" buckets \u2190 array of 19 lists"],[" k \u2190 length of largest number by magnitude"],[" length \u2190 array.length"],[" div \u2190 1"],[" for i \u2190 1, k:"],[" for j \u2190 0, length - 1:"],[" b \u2190 array[j] / div % 10 + 9"],[" buckets[b].addLast(array[j])"],[" end for"],[" index \u2190 0"],[" for b \u2190 0, 18:"],[" while buckets[b].size > 0:"],[" array[index] \u2190 buckets[b].removeFirst()"],[" index \u2190 index + 1"],[" end while"],[" end for"],[" div \u2190 div * 10"],[" end for"],["end procedure"]],"english":[["procedure LSDRadixSort(array):"],[" buckets is an array containing 19 lists"],[" k is the length of largest number by magnitude"],[" length is array\'s length"],[" base starts at 1"],[" for (i from 1 to k):"],[" for (j from 0 to length):"],[" b is (num at array[j] / base % 10 + 9)"],[" enqueue array[j] into buckets[b]"],[" end for"],[" index starts at 0"],[" for each bucket:"],[" while (bucket is not empty):"],[" dequeue from bucket into array at index"],[" increment index"],[" end while"],[" end for"],[" multiply base by 10"],[" end for"],["end procedure"]]}},"Hx":{"find":{"code":[["procedure HeapSort(array):"],[" heap \u2190 new PriorityQueue(array)"],[" for i \u2190 0, array.length -1:"],[" add heap.remove() to array[i]"],[" end for"],["end procedure"]],"english":[["procedure HeapSort(array):"],[" create heap from array with BuildHeap"],[" for (i from 0 to array.length):"],[" pop from heap into array at i"],[" end for"],["end procedure"]]}},"eU":{"find":{"code":[["procedure BruteForce(text, pattern):"],[" n \u2190 text.length, m \u2190 pattern.length"],[" for i \u2190 0, n - m:"],[" j \u2190 0"],[" while j < m and pattern[j] = text[i + j]:"],[" j \u2190 j + 1"],[" end while"],[" if j = m:"],[" // match found at i"],[" end if"],[" end for"],["end procedure"]],"english":[["procedure BruteForce(text, pattern):"],[" n is text\'s length, m is pattern\'s length"],[" for (i from 0 to n - m):"],[" j starts at 0"],[" while (j < m and pattern[j] matches text[i + j]):"],[" move j forward"],[" end while"],[" if (j == m):"],[" // match found at i"],[" end if"],[" end for"],["end procedure"]]}},"fB":{"lastTable":{"code":[["procedure BuildLastOccurrenceTable(pattern):"],[" lastTable \u2190 new HashMap"],[" for i \u2190 0, pattern.length:"],[" lastTable[pattern[i]] \u2190 i"],[" end for"],[" return lastTable"],["end procedure"]],"english":[["procedure BuildLastOccurrenceTable(pattern):"],[" lastTable is a map from Characters to Integers"],[" for (i from 0 to pattern.length):"],[" set lastTable for pattern[i] to i"],[" end for"],[" return lastTable"],["end procedure"]]},"find":{"code":[["procedure BoyerMoore(text, pattern):"],[" lastTable \u2190 BuildLastOccurrenceTable(pattern)"],[" m \u2190 pattern.length, n \u2190 text.length"],[" i \u2190 0"],[" while i <= n - m:"],[" j \u2190 m - 1"],[" while j >= 0 and text[i + j] == pattern[j]:"],[" j \u2190 j - 1"],[" end while"],[" if j == -1:"],[" // match found at i"],[" i \u2190 i + 1"],[" else:"],[" shift \u2190 lastTable[text[i + j]]"],[" if shift < j:"],[" i \u2190 i + (j - shift)"],[" else:"],[" i \u2190 i + 1"],[" end if"],[" end if"],[" end while"],["end procedure"]],"english":[["procedure BoyerMoore(text, pattern):"],[" lastTable is pattern\'s last occurrence table"],[" m is pattern\'s length, n is text\'s length"],[" i starts at 0"],[" while (i <= n - m):"],[" j starts at m - 1"],[" while (j >= 0 and text[i + j] matches pattern[j]):"],[" decrement j"],[" end while"],[" if (j == -1):"],[" // match found at i"],[" move i forward"],[" else:"],[" shift is the lastTable index for text[i + j]"],[" if (shift < j):"],[" add j - shift to i"],[" else:"],[" move i forward"],[" end if"],[" end if"],[" end while"],["end procedure"]]},"galil":{"code":[["procedure BoyerMooreGalil(text, pattern):"],[" initialize lastTable, failureTable"],[" m \u2190 length of pattern, n \u2190 length of text"],[" k \u2190 m - failureTable[m - 1]"],[" i \u2190 0, w \u2190 0"],[" while i <= n - m"],[" j \u2190 m - 1"],[" while j >= w and text[i + j] = pattern[j]"],[" j -> j - 1"],[" end while"],[" if j < w"],[" match found at i"],[" i \u2190 i + k"],[" w \u2190 m - k"],[" else"],[" shift \u2190 lastTable[text[i + j]]"],[" if shift < j"],[" i \u2190 i + (j - shift)"],[" else"],[" i \u2190 i + 1"],[" end if"],[" w \u2190 0"],[" end if"],[" end while"],["end procedure"]],"english":[["procedure BoyerMooreGalilRule(text, pattern):"],[" create lastTable and failureTable for pattern"],[" m is pattern\'s length, n is text\'s length"],[" periodicity is the last failureTable entry subtracted from m"],[" i and lowBound start at 0"],[" while (i <= n - m):"],[" j starts at m - 1"],[" while (j >= lowBound and text[i + j] matches pattern[j]):"],[" move j backward"],[" end while"],[" if (j < lowBound):"],[" // match found at i"],[" add periodicity to i"],[" set lowBound to periodicity subtracted from m"],[" else:"],[" shift is the lastTable index for text[i + j]"],[" if (shift < j):"],[" move i forward by j - shift"],[" else:"],[" move i forward"],[" end if"],[" set lowBound to 0"],[" end if"],[" end while"],["end procedure"]]}},"lF":{"failureTable":{"code":[["procedure BuildFailureTable(pattern):"],[" m \u2190 pattern.length"],[" failureTable \u2190 new array of length m"],[" i \u2190 0, j \u2190 1"],[" failureTable[0] \u2190 0"],[" while j < m:"],[" if pattern[i] == pattern[j]:"],[" failureTable[j] \u2190 i + 1"],[" i \u2190 i + 1, j \u2190 j + 1"],[" else:"],[" if i == 0:"],[" failureTable[j] \u2190 0"],[" j \u2190 j + 1"],[" else:"],[" i \u2190 failureTable[i - 1]"],[" end if"],[" end if"],[" end while"],[" return failureTable"],["end procedure"]],"english":[["procedure BuildFailureTable(pattern):"],[" m is pattern\'s length"],[" failureTable is an array of length m"],[" i starts at 0, j starts at 1"],[" set the first failureTable value to 0"],[" while (j < m):"],[" if (pattern[i] matches pattern[j]):"],[" set failureTable at index j to i + 1"],[" move i and j forward"],[" else:"],[" if (i is 0):"],[" set failureTable at index j to 0"],[" move j forward"],[" else:"],[" move i to previous value in failureTable"],[" end if"],[" end if"],[" end while"],[" return failureTable"],["end procedure"]]},"find":{"code":[["procedure KMP(text, pattern):"],[" failureTable \u2190 BuildFailureTable(pattern)"],[" m \u2190 pattern.length, n \u2190 text.length"],[" i \u2190 0, j \u2190 0"],[" while i <= n - m:"],[" while j < m and text[i + j] == pattern[j]:"],[" j \u2190 j + 1"],[" end while"],[" if j == 0:"],[" i \u2190 i + 1"],[" else:"],[" if j == m:"],[" // match found at i"],[" end if"],[" shift \u2190 failureTable[j - 1]"],[" i \u2190 i + j - shift"],[" j \u2190 shift"],[" end if"],[" end while"],["end procedure"]],"english":[["procedure KMP(text, pattern):"],[" failureTable is pattern\'s failure table"],[" m is pattern\'s length, n is text\'s length"],[" i and j start at 0"],[" while (i <= n - m):"],[" while (j < m and text[i+j] matches pattern[j]):"],[" move j forward"],[" end while"],[" if (j is 0):"],[" move i forward"],[" else:"],[" if (j is m):"],[" // match found at i"],[" end if"],[" shift is the failureTable value at j - 1"],[" move i forward by j - shift"],[" set j to shift"],[" end if"],[" end while"],["end procedure"]]}},"Yc":{"find":{"code":[["procedure RabinKarp(text, pattern):"],[" m \u2190 pattern.length, n \u2190 text.length"],[" patternHash \u2190 hash of pattern"],[" textHash \u2190 hash of text[0...m - 1]"],[" i \u2190 0"],[" while i <= n - m:"],[" if patternHash == textHash:"],[" j \u2190 0"],[" while j < m and text[i + j] == pattern[j]:"],[" j \u2190 j + 1"],[" end while"],[" if j == m:"],[" // match found at i"],[" end if"],[" end if"],[" if i < n - m:"],[" textHash \u2190 rolled hash of text[i to i + m]"],[" end if"],[" i \u2190 i + 1"],[" end while"],["end procedure"]],"english":[["procedure RabinKarp(text, pattern):"],[" m is pattern\'s length, n is text\'s length"],[" patternHash is a hash of the pattern"],[" textHash is a hash of the first m chars in the text"],[" i starts at 0"],[" while (i <= n - m):"],[" if (patternHash equals textHash):"],[" j starts at 0"],[" while (j < m and text[i + j] matches pattern[j]):"],[" move j forward"],[" end while"],[" if (j is m):"],[" // match found at i"],[" end if"],[" end if"],[" if (i < n - m):"],[" roll textHash forward one"],[" end if"],[" move i forward"],[" end while"],["end procedure"]]}},"Gv":{"run":{"code":[["procedure BFS(Vertex s):"],[" initialize VisitedSet VS"],[" initialize Queue Q"],[" initialize List L"],[" Q.enqueue(s)"],[" VS.add(s)"],[" while Q.size > 0:"],[" v \u2190 Q.dequeue()"],[" L.add(v)"],[" for all w adjacent to v:"],[" if w not in VS:"],[" Q.enqueue(w)"],[" VS.add(w)"],[" end if"],[" end for"],[" end while"],["end procedure"]],"english":[["procedure BFS(Vertex start):"],[" initialize a visited set"],[" initialize a queue"],[" initialize a traversal list"],[" enqueue start"],[" add start to visited set"],[" while (queue is not empty):"],[" dequeue vertex"],[" add vertex to traversal list"],[" for each adjacent vertex:"],[" if (adjacent vertex is not visited):"],[" enqueue adjacent vertex"],[" add adjacent vertex to visited set"],[" end if"],[" end for"],[" end while"],["end procedure"]]}},"bG":{"recursive":{"code":[["procedure DFS(Vertex s, Set VS, List L):"],[" VS.add(s)"],[" L.add(s)"],[" for all v adjacent to s:"],[" if v not in VS:"],[" DFS(v, VS, L)"],[" end if"],[" end for"],["end procedure"]],"english":[["procedure DFS(Vertex start, Set visited, List traversal):"],[" add start to visited set"],[" add start to traversal list"],[" for each adjacent vertex:"],[" if (adjacent vertex is not visited):"],[" recursively call DFS on adjacent vertex"],[" end if"],[" end for"],["end procedure"]]},"iterative":{"code":[["procedure DFS(Vertex s, Set VS, List L):"],[" initialize Stack K"],[" add s to K, VS"],[" while K is not empty:"],[" v \u2190 remove from K"],[" add v to L"],[" for all w adjacent to v:"],[" if w not in VS:"],[" add w to K, VS"],[" end if"],[" end for"],[" end while"],["end procedure"]],"english":[["procedure DFS(Vertex start, Set visited, List traversal):"],[" initialize a stack"],[" push start vertex onto the stack and add it to visited set"],[" while (stack is not empty):"],[" pop vertex from stack"],[" add vertex to traversal list"],[" for each adjacent vertex:"],[" if (adjacent vertex is not visited):"],[" add adjacent vertex to stack and visited set"],[" end if"],[" end for"],[" end while"],["end procedure"]]}},"Th":{"run":{"code":[["procedure Dijkstras(Vertex s, Graph G):"],[" initialize VisitedSet VS"],[" initialize DistanceMap DM"],[" initialize PriorityQueue PQ"],[" for all v in G:"],[" DM.put(v, \u221e)"],[" end for"],[" PQ.enqueue((s, 0))"],[" DM.put(s, 0)"],[" while PQ.size > 0 and VS.size < G.vertices.size:"],[" (u, d1) \u2190 PQ.dequeue()"],[" if u not in VS:"],[" VS.add(u)"],[" DM.put(w, d1)"],[" for all (w, d2) adjacent to u:"],[" if w not in VS:"],[" PQ.enqueue((w, d1 + d2))"],[" end if"],[" end for"],[" end if"],[" end while"],[" return DM"],["end procedure"]],"english":[["procedure Dijkstras(Vertex start, Graph graph):"],[" initialize a visited set"],[" initialize a distance map"],[" initialize a priority queue"],[" for each vertex in the graph:"],[" put vertex in distance map with infinite distance"],[" end for"],[" enqueue the start vertex with distance 0"],[" put start vertex in distance map with distance 0"],[" while (queue is not empty and visited set is not full):"],[" dequeue vertex and its distance"],[" if (vertex is not visited):"],[" add vertex to visited set"],[" put vertex and distance into distance map"],[" for each adjacent vertex and distance:"],[" if (adjacent vertex is not visited):"],[" enqueue adjacent vertex and cumulative distance"],[" end if"],[" end for"],[" end if"],[" end while"],[" return distance map"],["end procedure"]]}},"GG":{"run":{"code":[["procedure Prims(Vertex s, Graph G):"],[" initialize VisitedSet VS"],[" initialize EdgeSet MST"],[" initialize PriorityQueue PQ"],[" VS.add(s)"],[" for all edge(s, v) in G:"],[" PQ.enqueue(edge(s, v))"],[" end for"],[" while PQ.size > 0 and VS.size < G.vertices.size:"],[" edge(u, w) \u2190 PQ.dequeue()"],[" if w not in VS:"],[" MST.add(edge(u, w))"],[" VS.add(w)"],[" for all edge(w, x) adjacent to w:"],[" if x not in VS:"],[" PQ.enqueue(edge(w, x))"],[" end if"],[" end for"],[" end if"],[" end while"],[" return MST"],["end procedure"]],"english":[["procedure Prims(Vertex start, Graph graph):"],[" initialize a visited set"],[" initialize an edge set MST"],[" initialize a priority queue"],[" add start to visited set"],[" for each edge adjacent to start vertex in the graph:"],[" enqueue edge"],[" end for"],[" while (queue is not empty and visited set is not full):"],[" dequeue edge between vertices V, W"],[" if (W is not visited):"],[" add edge to MST"],[" add W to visited set"],[" for each edge adjacent to W:"],[" if (other endpoint vertex is not visited):"],[" enqueue edge between W and other endpoint vertex"],[" end if"],[" end for"],[" end if"],[" end while"],[" return MST"],["end procedure"]]}},"VF":{"run":{"code":[["procedure Kruskals(Graph g):"],[" initialize DisjointSet, DS, with all vertices in G"],[" initialize MST EdgeSet, MST"],[" initialize PriorityQueue, PQ with all edges in G"],[" while PQ is not empty and MST has fewer than n-1 edges:"],[" edge(u, v) \u2190 PQ.dequeue()"],[" if u and v are not in the same cluster:"],[" add edge(u, v) to MST"],[" merge u\'s cluster with v\'s cluster"],[" end if"],[" end while"],["end procedure"]],"english":[["procedure Kruskals(Graph g):"],[" initialize a disjoint set with all vertices in graph"],[" initialize an edge set MST"],[" initialize a priority queue with all edges in graph"],[" while (queue is not empty and MST has fewer than n-1 edges):"],[" dequeue edge between vertices V, W"],[" if (V and W are not in the same set):"],[" add edge to MST"],[" merge V\'s set with W\'s set in the disjoint set structure"],[" end if"],[" end while"],["end procedure"]]}}}');const tr=85,er=100,ir=215,sr=50,hr=14,nr=130,ar=120,rr=70,or=290;const lr=[[!1,!0,!0,!1,!0,!1,!1,!0,!1,!1,!1,!1,!1,!1,!0,!1,!1,!1],[!0,!1,!0,!1,!0,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],[!0,!0,!1,!0,!1,!0,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1],[!1,!1,!0,!1,!1,!1,!0,!1,!1,!1,!0,!1,!1,!1,!1,!1,!1,!0],[!0,!0,!1,!1,!1,!0,!1,!0,!0,!1,!1,!1,!1,!1,!1,!1,!1,!1],[!1,!0,!0,!1,!0,!1,!0,!1,!0,!0,!1,!1,!1,!1,!1,!1,!1,!1],[!1,!1,!0,!0,!1,!0,!1,!1,!1,!0,!0,!1,!1,!1,!1,!1,!1,!1],[!0,!1,!1,!1,!0,!1,!1,!1,!0,!1,!1,!0,!1,!1,!0,!1,!1,!1],[!1,!1,!1,!1,!0,!0,!1,!0,!1,!0,!1,!0,!0,!1,!1,!1,!1,!1],[!1,!1,!1,!1,!1,!0,!0,!1,!0,!1,!0,!1,!0,!0,!1,!1,!1,!1],[!1,!1,!1,!0,!1,!1,!0,!1,!1,!0,!1,!1,!1,!0,!1,!1,!1,!0],[!1,!1,!1,!1,!1,!1,!1,!0,!0,!1,!1,!1,!0,!1,!0,!0,!1,!1],[!1,!1,!1,!1,!1,!1,!1,!1,!0,!0,!1,!0,!1,!0,!1,!0,!0,!1],[!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!0,!1,!0,!1,!1,!1,!0,!0],[!1,!1,!1,!1,!1,!1,!1,!0,!1,!1,!1,!0,!1,!1,!1,!0,!1,!1],[!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!0,!1,!0,!1,!0,!0],[!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!0,!1,!0,!1,!0],[!1,!1,!1,!1,!1,!1,!1,!1,!1,!1,!0,!1,!1,!0,!1,!0,!0,!1]],dr=[[0,0,-.4,0,0,0,0,0,0,0,0,0,0,0,.25,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[.4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-.25],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[-.25,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.4],[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,.25,0,0,0,0,0,0,0,0,0,0,0,-.4,0,0]],cr=[600,700,800,900,650,750,850,600,700,800,900,650,750,850,600,700,800,900],ur=[50,50,50,50,150,150,150,250,250,250,250,350,350,350,450,450,450,450],mr=[[!1,!0,!0,!0,!0,!1,!1,!1],[!0,!1,!0,!0,!1,!0,!0,!1],[!0,!0,!1,!1,!0,!0,!0,!1],[!0,!0,!1,!1,!1,!0,!1,!0],[!0,!1,!0,!1,!1,!1,!0,!0],[!1,!0,!0,!0,!1,!1,!0,!0],[!1,!0,!0,!1,!0,!0,!1,!0],[!1,!1,!1,!0,!0,!0,!0,!1]],gr=[[0,.001,0,.5,-.5,0,0,0],[0,0,0,.001,0,.001,-.2,0],[0,.001,0,0,0,.2,0,0],[-.5,0,0,0,0,.001,0,.5],[.5,0,0,0,0,0,0,-.5],[0,0,-.2,0,0,0,.001,.001],[0,.2,0,0,0,0,0,0],[0,0,0,-.5,.5,0,0,0]],pr=[800,725,875,650,950,725,875,800],fr=[25,125,125,225,225,325,325,425],Ir=[[0,1,1,1,1,0,0,0],[1,0,0,0,0,0,1,0],[1,0,0,0,0,0,0,0],[1,0,0,0,0,1,0,0],[1,0,0,0,0,0,1,0],[0,0,0,1,0,0,1,0],[0,1,0,0,1,1,0,1],[0,0,0,0,0,0,1,0]].map((t=>t.map((t=>t||-1)))),br=[[0,8,2,5,0,0,0,0],[8,0,1,1,0,0,7,0],[2,1,0,0,3,0,0,0],[5,1,0,0,0,4,0,0],[0,0,3,0,0,0,2,0],[0,0,0,4,0,0,"0",1],[0,7,0,0,2,"0",0,1],[0,0,0,0,0,1,1,0]].map((t=>t.map((t=>Number(t||-1))))),xr=[[0,1,5,0,0,0,0,0],[1,0,7,9,0,0,1,0],[5,7,0,0,0,0,13,0],[0,9,0,0,0,4,0,0],[0,0,0,0,0,0,10,0],[0,0,0,4,0,0,2,"0"],[0,1,13,0,10,2,0,3],[0,0,0,0,0,"0",3,0]].map((t=>t.map((t=>Number(t||-1))))),Dr=["#9b9bd4","#6aaf6a","#f07575","#ffe866","#b8f9b8","#ff99ff","#99ffff","#ffccd4"],yr="#0000FF",vr="#000000",Cr="#000000";class kr extends Ga{constructor(t,e,i,s,h,n,a){super(t,e,i),this.controls=[],s=0===s.length?void 0:s,h=void 0!==h&&h,n=void 0!==n&&n,a=void 0!==a&&a,this.nextIndex=0,this.currentLayer=1,this.defaultEdges=s,this.directed=h,this.isDAG=n,this.showEdgeCosts=a,this.currentLayer=1,this.setup_small(this.defaultEdges)}addControls(t){null==t&&(t=!0);const e=Ua(!1);if(this.newGraphButton=qa("Button","New Graph",e),this.newGraphButton.onclick=this.newGraphCallback.bind(this),this.controls.push(this.newGraphButton),this.defaultGraphButton=qa("Button","Default Graph",e),this.defaultGraphButton.onclick=this.defaultGraphCallback.bind(this),this.defaultGraphButton.disabled=!0,this.controls.push(this.defaultGraphButton),Wa(),t){const t=$a(["Undirected Graph","Directed Graph"],"GraphType");this.undirectedGraphButton=t[0],this.undirectedGraphButton.onclick=this.directedGraphCallback.bind(this,!1),this.undirectedGraphButton.checked=!this.directed,this.controls.push(this.undirectedGraphButton),this.directedGraphButton=t[1],this.directedGraphButton.onclick=this.directedGraphCallback.bind(this,!0),this.directedGraphButton.checked=this.directed,this.controls.push(this.directedGraphButton),Wa()}let i=$a(["Small Graph","Large Graph"],"GraphSize");this.smallGraphButton=i[0],this.smallGraphButton.onclick=this.smallGraphCallback.bind(this),this.smallGraphButton.checked=!0,this.controls.push(this.smallGraphButton),this.largeGraphButton=i[1],this.largeGraphButton.onclick=this.largeGraphCallback.bind(this),this.controls.push(this.largeGraphButton),Wa(),i=$a(["Logical Representation","Adjacency List Representation","Adjacency Matrix Representation"],"GraphRepresentation"),this.logicalButton=i[0],this.logicalButton.onclick=this.graphRepChangedCallback.bind(this,1),this.adjacencyListButton=i[1],this.adjacencyListButton.onclick=this.graphRepChangedCallback.bind(this,2),this.adjacencyMatrixButton=i[2],this.adjacencyMatrixButton.onclick=this.graphRepChangedCallback.bind(this,3),this.logicalButton.checked=!0}directedGraphCallback(t){t!==this.directed&&(this.defaultGraphButton.disabled=t,this.directed=t,this.animationManager.resetAll(),this.setup())}smallGraphCallback(){8!==this.size&&(this.animationManager.resetAll(),this.setup_small())}largeGraphCallback(){18!==this.size&&(this.animationManager.resetAll(),this.setup_large())}newGraphCallback(){this.animationManager.resetAll(),this.setup()}defaultGraphCallback(){this.animationManager.resetAll(),this.setup(this.defaultEdges)}graphRepChangedCallback(t){this.animationManager.setAllLayers([0,32,t]),this.currentLayer=t}recolorGraph(){for(let t=0;t=0&&(this.setEdgeColor(t,e,vr),this.setEdgeThickness(t,e,1))}highlightEdge(t,e,i,s){this.cmd(Ra.setHighlight,this.adj_list_edges[t][e],i,s),this.cmd(Ra.setHighlight,this.adj_matrixID[t][e],i,s),this.cmd(Ra.setEdgeHighlight,this.circleID[t],this.circleID[e],i,s),this.directed||this.cmd(Ra.setEdgeHighlight,this.circleID[e],this.circleID[t],i,s)}visitVertex(t){this.cmd(Ra.createHighlightCircle,this.highlightCircleL,Cr,this.x_pos_logical[t],this.y_pos_logical[t]),this.cmd(Ra.setLayer,this.highlightCircleL,1),this.cmd(Ra.createHighlightCircle,this.highlightCircleAL,Cr,this.adj_list_x_start-this.adj_list_width,this.adj_list_y_start+t*this.adj_list_height),this.cmd(Ra.setLayer,this.highlightCircleAL,2),this.cmd(Ra.createHighlightCircle,this.highlightCircleAM,Cr,this.adj_matrix_x_start-this.adj_matrix_width,this.adj_matrix_y_start+t*this.adj_matrix_height),this.cmd(Ra.setLayer,this.highlightCircleAM,3)}leaveVertex(){this.cmd(Ra.delete,this.highlightCircleL),this.cmd(Ra.delete,this.highlightCircleAM),this.cmd(Ra.delete,this.highlightCircleAL)}setEdgeColor(t,e,i){this.cmd(Ra.setForegroundColor,this.adj_list_edges[t][e],i),this.cmd(Ra.setTextColor,this.adj_matrixID[t][e],i),this.cmd(Ra.setEdgeColor,this.circleID[t],this.circleID[e],i),this.directed||this.cmd(Ra.setEdgeColor,this.circleID[e],this.circleID[t],i)}setEdgeThickness(t,e,i){this.cmd(Ra.setEdgeThickness,this.circleID[t],this.circleID[e],i),this.directed||this.cmd(Ra.setEdgeThickness,this.circleID[e],this.circleID[t],i)}clearEdges(){for(let t=0;t=0&&this.cmd(Ra.disconnect,this.circleID[t],this.circleID[e])}rebuildEdges(){this.clearEdges(),this.buildEdges()}buildEdges(){for(let t=0;t=0){const i=this.showEdgeCosts?String(this.adj_matrix[t][e]):"";this.directed?this.cmd(Ra.connect,this.circleID[t],this.circleID[e],vr,this.adjustCurveForDirectedEdges(this.curve[t][e],this.adj_matrix[e][t]>=0),1,i):t.01?t:.1}setup(t){this.commands=[],this.circleID=new Array(this.size);for(let e=0;e0&&this.cmd(Ra.delete,this.adj_list_edges[t][e],"RAL3")}}buildAdjList(){this.adj_list_index=new Array(this.size),this.adj_list_list=new Array(this.size),this.adj_list_edges=new Array(this.size);for(let t=0;t=0&&(s=!0,this.adj_list_edges[t][h]=this.nextIndex++,this.cmd(Ra.createLinkedListNode,this.adj_list_edges[t][h],[this.toStr(h),this.adj_matrix[t][h]],this.adj_list_elem_width,this.adj_list_elem_height,i,this.adj_list_y_start+t*this.adj_list_height,.25,0,1),this.cmd(Ra.setNull,this.adj_list_edges[t][h],1),this.cmd(Ra.setTextColor,this.adj_list_edges[t][h],yr,0),this.cmd(Ra.setLayer,this.adj_list_edges[t][h],2),i=i+this.adj_list_elem_width+this.adj_list_spacing_between_nodes,this.cmd(Ra.connect,e,this.adj_list_edges[t][h]),this.cmd(Ra.setNull,e,0),e=this.adj_list_edges[t][h]);s||this.cmd(Ra.setNull,this.adj_list_list[t],1)}}reset(){throw new Error("reset() should be implemented in child")}toStr(t){return String.fromCharCode(65+t)}enableUI(){for(const t of this.controls)t===this.defaultGraphButton&&(this.directed||this.isLarge||this.adj_matrix===this.defaultEdges)?t.disabled=!0:t.disabled=!1}disableUI(){for(const t of this.controls)t.disabled=!0}}const wr="#99CCFF",Tr=190;const Lr=250;class Sr extends Ga{constructor(t,e,i){super(t,e,i),this.first_print_pos_y=i-2*Sr.PRINT_VERTICAL_GAP,this.print_max=e-10,this.startingX=e/2,this.addControls(),this.nextIndex=1,this.commands=[],this.edges=[],this.toClear=[],this.cmd(Ra.createLabel,0,"",Sr.EXPLANITORY_TEXT_X,Sr.EXPLANITORY_TEXT_Y,0,this.codeID),this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory(),this.pseudocode=Ja.G7}addControls(){this.controls=[],this.insertField=qa("Text",""),this.insertField.style.textAlign="center",this.insertField.onkeydown=this.returnSubmit(this.insertField,this.insertCallback.bind(this),4,!0),this.controls.push(this.insertField),this.insertButton=qa("Button","Insert"),this.insertButton.onclick=this.insertCallback.bind(this),this.controls.push(this.insertButton),Wa(),this.deleteField=qa("Text",""),this.deleteField.style.textAlign="center",this.deleteField.onkeydown=this.returnSubmit(this.deleteField,this.deleteCallback.bind(this),4,!0),this.controls.push(this.deleteField),this.deleteButton=qa("Button","Delete"),this.deleteButton.onclick=this.deleteCallback.bind(this),this.controls.push(this.deleteButton),Wa(),this.findField=qa("Text",""),this.findField.style.textAlign="center",this.findField.onkeydown=this.returnSubmit(this.findField,this.findCallback.bind(this),4,!0),this.controls.push(this.findField),this.findButton=qa("Button","Find"),this.findButton.onclick=this.findCallback.bind(this),this.controls.push(this.findButton),Wa();const t=$a(["Pre-order","In-order","Post-order","Level-order"],"Traversals");this.preOrderSelect=t[0],this.inOrderSelect=t[1],this.postOrderSelect=t[2],this.levelOrderSelect=t[3],this.preOrderSelect.onclick=()=>this.traversal="pre",this.inOrderSelect.onclick=()=>this.traversal="in",this.postOrderSelect.onclick=()=>this.traversal="post",this.levelOrderSelect.onclick=()=>this.traversal="level",this.preOrderSelect.checked=!0,this.traversal="pre",this.traverseButton=qa("Button","Traverse"),this.traverseButton.onclick=this.traverseCallback.bind(this),this.controls.push(this.traverseButton),Wa();const e=Ua(!1);this.randomButton=qa("Button","Random",e),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),this.clearButton=qa("Button","Clear",e),this.clearButton.onclick=()=>this.clearCallback(),this.controls.push(this.clearButton),Wa();const i=$a(["Predecessor","Successor"],"Predecessor/Successor");this.predButton=i[0],this.succButton=i[1],this.predButton.onclick=()=>this.predSucc="pred",this.succButton.onclick=()=>this.predSucc="succ",this.succButton.checked=!0,this.predSucc="succ"}reset(){this.nextIndex=1,this.treeRoot=null,this.edges=[],this.toClear=[]}insertCallback(){const t=this.insertField.value;""!==t?(this.insertField.value="",this.implementAction(this.add.bind(this),parseInt(t))):this.shake(this.insertButton)}deleteCallback(){const t=this.deleteField.value;""!==t&&this.treeRoot?(this.deleteField.value="",this.implementAction(this.remove.bind(this),parseInt(t))):this.shake(this.deleteButton)}findCallback(){const t=this.findField.value;""!==t&&this.treeRoot?(this.findField.value="",this.implementAction(this.findElement.bind(this),parseInt(t))):this.shake(this.findButton)}traverseCallback(){this.implementAction(this.traverse.bind(this))}randomCallback(){const t=Math.floor(11*Math.random())+2;this.implementAction(this.clear.bind(this));for(let e=0;ethis.print_max&&(this.xPosOfNextLabel=Sr.FIRST_PRINT_POS_X,this.yPosOfNextLabel+=Sr.PRINT_VERTICAL_GAP),this.unhighlight(2,0,this.codeID),null!=t.left&&(this.highlight(3,0,this.codeID),this.cmd(Ra.move,this.highlightID,t.left.x,t.left.y),this.preOrderRec(t.left,e),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step)),this.unhighlight(3,0,this.codeID),null!=t.right&&(this.highlight(4,0,this.codeID),this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.preOrderRec(t.right,e),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step)),this.unhighlight(4,0,this.codeID)}levelOrder(t,e){this.codeID=e;const i=[t],s=this.nextIndex++,h=[this.nextIndex];for(this.cmd(Ra.createLabel,s,"Queue: ",30,225,0),this.cmd(Ra.step),this.cmd(Ra.createLabel,this.nextIndex,t.data,t.x,t.y),this.cmd(Ra.setForegroundColor,this.nextIndex,Sr.PRINT_COLOR),this.cmd(Ra.move,this.nextIndex++,35,Lr,0,this.codeID),this.highlight(2,0,this.codeID),this.cmd(Ra.step),this.unhighlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.cmd(Ra.step);0!==i.length;){const t=i.shift();this.cmd(Ra.move,this.highlightID,t.x,t.y),this.unhighlight(3,0,this.codeID);const e=h.shift();this.cmd(Ra.move,e,this.xPosOfNextLabel,this.yPosOfNextLabel),this.highlight(4,0,this.codeID),this.highlight(5,0,this.codeID);for(let i=0;ithis.print_max&&(this.xPosOfNextLabel=Sr.FIRST_PRINT_POS_X,this.yPosOfNextLabel+=Sr.PRINT_VERTICAL_GAP),this.highlight(6,0,this.codeID),null!=t.left?(this.cmd(Ra.step),this.unhighlight(6,0,this.codeID),this.highlight(7,0,this.codeID),i.push(t.left),h.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex,t.left.data,t.left.x,t.left.y),this.cmd(Ra.setForegroundColor,this.nextIndex,Sr.PRINT_COLOR),this.cmd(Ra.move,this.nextIndex++,35+40*(i.length-1),Lr),this.cmd(Ra.step),this.unhighlight(7,0,this.codeID)):(this.cmd(Ra.step),this.unhighlight(6,0,this.codeID)),this.highlight(8,0,this.codeID),null!=t.right?(this.cmd(Ra.step),this.unhighlight(8,0,this.codeID),this.highlight(9,0,this.codeID),i.push(t.right),h.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex,t.right.data,t.right.x,t.right.y),this.cmd(Ra.setForegroundColor,this.nextIndex,Sr.PRINT_COLOR),this.cmd(Ra.move,this.nextIndex++,35+40*(i.length-1),Lr),this.cmd(Ra.step),this.unhighlight(9,0,this.codeID)):(this.cmd(Ra.step),this.unhighlight(8,0,this.codeID)),this.highlight(3,0,this.codeID),this.cmd(Ra.step)}this.unhighlight(3,0,this.codeID)}traverse(){if(this.commands=[],this.clearOldObjects(),null==this.treeRoot)return this.commands;this.cmd(Ra.setText,0,""),this.highlightID=this.nextIndex++;const t=this.nextIndex;this.cmd(Ra.createHighlightCircle,this.highlightID,Sr.HIGHLIGHT_COLOR,this.treeRoot.x,this.treeRoot.y),this.xPosOfNextLabel=Sr.FIRST_PRINT_POS_X,this.yPosOfNextLabel=this.first_print_pos_y,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,this.traversal+"order",25,35),"pre"===this.traversal?this.preOrderRec(this.treeRoot,this.codeID):"in"===this.traversal?this.printTreeRec(this.treeRoot,this.codeID):"post"===this.traversal?this.postOrderRec(this.treeRoot,this.codeID):"level"===this.traversal&&this.levelOrder(this.treeRoot,this.codeID),this.cmd(Ra.delete,this.highlightID),this.cmd(Ra.step);for(let e=t;ethis.print_max&&(this.xPosOfNextLabel=Sr.FIRST_PRINT_POS_X,this.yPosOfNextLabel+=Sr.PRINT_VERTICAL_GAP),this.unhighlight(4,0,this.codeID)}printTreeRec(t,e){this.codeID=e,this.cmd(Ra.step),null!=t.left&&(this.unhighlight(3,0,this.codeID),this.unhighlight(4,0,this.codeID),this.highlight(2,0,this.codeID),this.cmd(Ra.move,this.highlightID,t.left.x,t.left.y),this.printTreeRec(t.left,e),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step)),this.unhighlight(2,0,this.codeID),this.unhighlight(4,0,this.codeID),this.highlight(3,0,this.codeID);const i=this.nextIndex++;this.cmd(Ra.createLabel,i,t.data,t.x,t.y),this.cmd(Ra.setForegroundColor,i,Sr.PRINT_COLOR),this.cmd(Ra.move,i,this.xPosOfNextLabel,this.yPosOfNextLabel),this.cmd(Ra.step),this.xPosOfNextLabel+=Sr.PRINT_HORIZONTAL_GAP,this.xPosOfNextLabel>this.print_max&&(this.xPosOfNextLabel=Sr.FIRST_PRINT_POS_X,this.yPosOfNextLabel+=Sr.PRINT_VERTICAL_GAP),this.unhighlight(3,0,this.codeID),null!=t.right&&(this.unhighlight(2,0,this.codeID),this.unhighlight(3,0,this.codeID),this.highlight(4,0,this.codeID),this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.printTreeRec(t.right,e),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step)),this.unhighlight(4,0,this.codeID)}findElement(t){this.commands=[],this.clearOldObjects();const e=this.nextIndex;this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",55,115);for(let i=e;ie?(this.highlight(7,0,this.codeID),this.highlight(8,0,this.codeID),this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" < "+t.data+" (look to left subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0,this.codeID),null!=t.left&&(this.cmd(Ra.createHighlightCircle,this.highlightID,Sr.HIGHLIGHT_COLOR,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.left.x,t.left.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID)),this.unhighlight(7,0,this.codeID),this.unhighlight(8,0,this.codeID),this.doFind(t.left,e)):(this.highlight(9,0,this.codeID),this.highlight(10,0,this.codeID),this.cmd(Ra.setText,0," Searching for "+e+" : "+e+" > "+t.data+" (look to right subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0,this.codeID),null!=t.right&&(this.cmd(Ra.createHighlightCircle,this.highlightID,Sr.HIGHLIGHT_COLOR,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID)),this.unhighlight(9,0,this.codeID),this.unhighlight(10,0,this.codeID),this.doFind(t.right,e))):(this.highlight(5,0,this.codeID),this.highlight(6,0,this.codeID),this.cmd(Ra.setText,0,"Searching for "+e+" : (Element not found)"),this.cmd(Ra.step),this.unhighlight(5,0,this.codeID),this.unhighlight(6,0,this.codeID),this.cmd(Ra.setText,0,"Searching for "+e+" : (Element not found)"))}remakeTree(t){null!=t&&(null!=t.left&&(this.cmd(Ra.connect,t.graphicID,t.left.graphicID,Sr.LINK_COLOR),this.remakeTree(t.left)),null!=t.right&&(this.cmd(Ra.connect,t.graphicID,t.right.graphicID,Sr.LINK_COLOR),this.remakeTree(t.right)))}clearOldObjects(){this.toClear.forEach((t=>this.cmd(Ra.delete,t))),this.toClear=[]}add(t,e){this.commands=[],this.clearOldObjects();const i=this.nextIndex;e||(this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"add",55,115));for(let s=i;se.data){this.highlight(10,0,this.codeID),this.highlight(11,0,this.codeID),this.cmd(Ra.setText,0,`${t} > ${e.data}. Looking at right subtree`),this.cmd(Ra.step),this.unhighlight(10,0,this.codeID),this.unhighlight(11,0,this.codeID),e.right=this.addH(t,e.right),e.right.parent=e,this.resizeTree();this.connectSmart(e.graphicID,e.right.graphicID)&&this.cmd(Ra.step)}else this.highlight(12,0,this.codeID),this.cmd(Ra.setText,0,`${t} == ${e.data}. Ignoring duplicate!`),this.cmd(Ra.step);return this.unhighlight(4,0,this.codeID),this.unhighlight(5,0,this.codeID),this.unhighlight(6,0,this.codeID),this.unhighlight(7,0,this.codeID),this.highlight(12,0,this.codeID),this.cmd(Ra.setHighlight,e.graphicID,0,this.codeID),this.cmd(Ra.setText,0,""),e}connectSmart(t,e){return!this.edges.some((i=>i[0]===t&&i[1]===e))&&(this.cmd(Ra.connect,t,e,Sr.LINK_COLOR),this.edges.push([t,e]),!0)}deleteNode(t){this.cmd(Ra.delete,t.graphicID)}remove(t){this.commands=[],this.clearOldObjects();const e=this.nextIndex;this.codeID="succ"===this.predSucc?this.addCodeToCanvasBaseAll(this.pseudocode,"remove_successor",40,50,13):this.addCodeToCanvasBaseAll(this.pseudocode,"remove_predecessor",40,50,13);for(let i=e;it.data)this.highlight(9,0,this.codeID),this.highlight(10,0,this.codeID),this.cmd(Ra.setText,0,`${e} > ${t.data}. Looking right`),this.cmd(Ra.step),this.unhighlight(9,0,this.codeID),this.unhighlight(10,0,this.codeID),t.right=this.removeH(t.right,e),null!=t.right&&(t.right.parent=t,this.connectSmart(t.graphicID,t.right.graphicID),this.resizeTree());else{if(this.cmd(Ra.setText,0,`Found node with data ${e}`),this.highlight(13,0,this.codeID),this.cmd(Ra.step),this.unhighlight(12,0,this.codeID),null==t.left&&null==t.right)return this.highlight(13,0,this.codeID),this.highlight(14,0,this.codeID),this.cmd(Ra.setText,0,"Element to delete is a leaf node"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),this.unhighlight(11,0,this.codeID),this.unhighlight(13,0,this.codeID),this.unhighlight(14,0,this.codeID),null;if(null==t.left)return this.highlight(15,0,this.codeID),this.highlight(16,0,this.codeID),this.cmd(Ra.setText,0,"One-child case, replace with right child"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),this.unhighlight(11,0,this.codeID),this.unhighlight(15,0,this.codeID),this.unhighlight(16,0,this.codeID),t.right;if(null==t.right)return this.highlight(17,0,this.codeID),this.highlight(18,0,this.codeID),this.cmd(Ra.setText,0,"One-child case, replace with left child"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),this.unhighlight(11,0,this.codeID),this.unhighlight(17,0,this.codeID),this.unhighlight(18,0,this.codeID),t.left;{this.highlight(22,0,this.codeID),this.highlight(23,0,this.codeID);const e=[];"succ"===this.predSucc?(this.cmd(Ra.setText,0,"Two-child case, replace data with successor"),this.cmd(Ra.step),t.right=this.removeSucc(t.right,e),t.right&&this.connectSmart(t.graphicID,t.right.graphicID)):(this.cmd(Ra.setText,0,"Two-child case, replace data with predecessor"),this.cmd(Ra.step),t.left=this.removePred(t.left,e),t.left&&this.connectSmart(t.graphicID,t.left.graphicID)),this.resizeTree(),this.unhighlight(19,0,this.codeID),this.unhighlight(20,0,this.codeID),this.unhighlight(24,0,this.codeID),this.unhighlight(29,0,this.codeID),t.data=e[0],this.cmd(Ra.setText,t.graphicID,t.data),this.cmd(Ra.step)}}return this.unhighlight(5,0,this.codeID),this.unhighlight(6,0,this.codeID),this.unhighlight(11,0,this.codeID),this.unhighlight(22,0,this.codeID),this.unhighlight(25,0,this.codeID),this.highlight(26,0,this.codeID),this.cmd(Ra.setHighlight,t.graphicID,0,this.codeID),this.cmd(Ra.setText,0,""),t}removeSucc(t,e){return this.unhighlight(27,0,this.codeID),this.unhighlight(28,0,this.codeID),this.unhighlight(23,0,this.codeID),this.highlight(24,0,this.codeID),this.highlight(29,0,this.codeID),this.highlight(30,0,this.codeID),this.cmd(Ra.setHighlight,t.graphicID,1,"#0000ff"),this.cmd(Ra.step),null==t.left?(this.highlight(31,0,this.codeID),this.cmd(Ra.setText,0,"No left child, replace with right child"),this.cmd(Ra.step),e.push(t.data),this.unhighlight(31,0,this.codeID),this.highlight(32,0,this.codeID),this.deleteNode(t),this.cmd(Ra.step),this.unhighlight(30,0,this.codeID),this.unhighlight(32,0,this.codeID),this.unhighlight(24,0,this.codeID),this.unhighlight(29,0,this.codeID),this.highlight(25,0,this.codeID),this.cmd(Ra.setText,0,""),t.right):(this.unhighlight(30,0,this.codeID),this.highlight(33,0,this.codeID),this.highlight(34,0,this.codeID),this.cmd(Ra.setText,0,"Left child exists, look left"),this.cmd(Ra.step),this.unhighlight(33,0,this.codeID),this.unhighlight(34,0,this.codeID),t.left=this.removeSucc(t.left,e),null!=t.left&&(t.left.parent=t,this.connectSmart(t.graphicID,t.left.graphicID),this.resizeTree()),t)}removePred(t,e){return this.unhighlight(27,0,this.codeID),this.unhighlight(28,0,this.codeID),this.unhighlight(23,0,this.codeID),this.highlight(24,0,this.codeID),this.highlight(29,0,this.codeID),this.highlight(30,0,this.codeID),this.cmd(Ra.setHighlight,t.graphicID,1,"#0000ff"),this.cmd(Ra.step),null==t.right?(this.highlight(31,0,this.codeID),this.cmd(Ra.setText,0,"No right child, replace with right child"),this.cmd(Ra.step),e.push(t.data),this.unhighlight(31,0,this.codeID),this.highlight(32,0,this.codeID),this.deleteNode(t),this.cmd(Ra.step),this.unhighlight(30,0,this.codeID),this.unhighlight(32,0,this.codeID),this.unhighlight(24,0,this.codeID),this.unhighlight(29,0,this.codeID),this.highlight(25,0,this.codeID),this.cmd(Ra.setText,0,""),t.left):(this.unhighlight(30,0,this.codeID),this.highlight(33,0,this.codeID),this.highlight(34,0,this.codeID),this.cmd(Ra.setText,0,"Right child exists, look right"),this.cmd(Ra.step),this.unhighlight(33,0,this.codeID),this.unhighlight(34,0,this.codeID),t.right=this.removePred(t.right,e),null!=t.right&&(t.right.parent=t,this.connectSmart(t.graphicID,t.right.graphicID),this.resizeTree()),t)}resizeTree(){if(null==this.treeRoot)return;let t=this.startingX;this.resizeWidths(this.treeRoot),null!=this.treeRoot&&(this.treeRoot.leftWidth>t?t=this.treeRoot.leftWidth:this.treeRoot.rightWidth>t&&(t=Math.max(this.treeRoot.leftWidth,2*t-this.treeRoot.rightWidth)),this.setNewPositions(this.treeRoot,t,Sr.STARTING_Y,0,this.codeID),this.animateNewPositions(this.treeRoot),this.cmd(Ra.step))}setNewPositions(t,e,i,s){null!=t&&(t.y=i,-1===s?e-=t.rightWidth:1===s&&(e+=t.leftWidth),t.x=e,this.setNewPositions(t.left,e,i+Sr.HEIGHT_DELTA,-1),this.setNewPositions(t.right,e,i+Sr.HEIGHT_DELTA,1))}animateNewPositions(t){null!=t&&(this.cmd(Ra.move,t.graphicID,t.x,t.y),this.animateNewPositions(t.left),this.animateNewPositions(t.right))}resizeWidths(t){return null==t?0:(t.leftWidth=Math.max(this.resizeWidths(t.left),Sr.WIDTH_DELTA/2),t.rightWidth=Math.max(this.resizeWidths(t.right),Sr.WIDTH_DELTA/2),t.leftWidth+t.rightWidth)}clear(){return this.insertField.value="",this.deleteField.value="",this.findField.value="",this.commands=[],this.clearOldObjects(),this.recClear(this.treeRoot),this.treeRoot=null,this.commands}recClear(t){null!=t&&(this.cmd(Ra.delete,t.graphicID),this.recClear(t.left),this.recClear(t.right))}disableUI(){for(let t=0;t=0;t--){for(let t=0;t<32;t++)this.cmd(Ra.createLabel,h[t],n[t],to+7*t,eo,0);this.cmd(Ra.delete,i[t]);let e=s[t].charCodeAt(0);for(let i=7;i>=0;i--)a[i]=e%2,e=Math.floor(e/2),this.cmd(Ra.createLabel,r[i],a[i],60+7*t,55,0),this.cmd(Ra.move,r[i],to+7*(i+24),30);this.cmd(Ra.step),this.cmd(Ra.createRectangle,u,"",224,0,to,42,"left","bottom"),this.cmd(Ra.createLabel,c,"+",to,30,0),this.cmd(Ra.step);let m=0;for(let t=7;t>=0;t--)n[t+24]=n[t+24]+a[t]+m,n[t+24]>1?(n[t+24]=n[t+24]-2,m=1):m=0;for(let t=23;t>=0;t--)n[t]=n[t]+m,n[t]>1?(n[t]=n[t]-2,m=1):m=0;for(let t=0;t<32;t++)this.cmd(Ra.createLabel,o[t],n[t],to+7*t,50,0);this.cmd(Ra.step);for(let t=0;t<8;t++)this.cmd(Ra.delete,r[t]);this.cmd(Ra.delete,u),this.cmd(Ra.delete,c);for(let t=0;t<32;t++)this.cmd(Ra.delete,h[t]),this.cmd(Ra.move,o[t],to+7*t,eo);if(this.cmd(Ra.step),t>0){for(let t=0;t<32;t++)this.cmd(Ra.move,o[t],to+7*(t-4),eo);this.cmd(Ra.step);for(let t=0;t<28;t++)d[t]=n[t],n[t]=n[t+4];for(let t=0;t<4;t++)this.cmd(Ra.move,o[t],to+7*(t+10),30),n[t+28]=0,this.cmd(Ra.createLabel,l[t],0,to+7*(t+28),eo,0),d[t]&&(n[t+10]=1-n[t+10]);this.cmd(Ra.createRectangle,u,"",224,0,to,42,"left","bottom"),this.cmd(Ra.createLabel,c,"XOR",to,30,0),this.cmd(Ra.step);for(let t=0;t<32;t++)this.cmd(Ra.createLabel,h[t],n[t],to+7*t,50,0);this.cmd(Ra.step),this.cmd(Ra.delete,c),this.cmd(Ra.delete,u);for(let t=0;t<32;t++)this.cmd(Ra.delete,o[t]),this.cmd(Ra.move,h[t],to+7*t,eo);for(let t=0;t<4;t++)this.cmd(Ra.delete,l[t]);this.cmd(Ra.step);for(let t=0;t<32;t++)this.cmd(Ra.delete,h[t])}else for(let t=0;t<32;t++)this.cmd(Ra.delete,o[t])}this.cmd(Ra.delete,e);for(let t=0;t<32;t++)this.cmd(Ra.createLabel,h[t],n[t],to+7*t,eo,0);this.currHash=0;for(let t=0;t<32;t++)this.currHash=2*this.currHash+n[t];this.cmd(Ra.createLabel,e," = "+String(this.currHash),424,eo,0),this.cmd(Ra.step);for(let t=0;t<32;t++)this.cmd(Ra.delete,h[t]);const m=this.nextIndex++;this.cmd(Ra.setText,e,String(this.currHash)+" % "+String(this.table_size)+" = ");const g=this.currHash%this.table_size;this.cmd(Ra.createLabel,m,g,529,eo,0),this.cmd(Ra.step);const p=this.nextIndex++;return this.cmd(Ra.createHighlightCircle,p,ho,530,25),this.cmd(Ra.move,p,this.indexXPos[g],this.indexYPos[g]),this.cmd(Ra.step),this.cmd(Ra.delete,p),this.cmd(Ra.delete,e),this.cmd(Ra.delete,m),g}if("true"===this.hashType){const e=this.nextIndex++,i=this.nextIndex++,s=this.nextIndex++,h=this.nextIndex++,n=this.trueHash(String(t)),a=n%this.table_size;return this.cmd(Ra.createLabel,e,t+".hashcode() % "+String(this.table_size)+" = ",io,so),this.cmd(Ra.createLabel,i,String(n)+" % "+String(this.table_size)+" = ",io,71),this.cmd(Ra.createLabel,s,a,315,71),this.cmd(Ra.step),this.cmd(Ra.createHighlightCircle,h,ho,315,71),this.cmd(Ra.move,h,this.indexXPos[a],this.indexYPos[a]),this.cmd(Ra.step),this.cmd(Ra.delete,e),this.cmd(Ra.delete,i),this.cmd(Ra.delete,s),this.cmd(Ra.delete,h),this.nextIndex-=4,a}}trueHash(t){if("0"===t)return 0;let e=0;for(let i=0;i0?parseInt(this.loadField.value)/100:.67;this.loadField.value=(100*t).toFixed(0),this.implementAction(this.changeLoadFactor.bind(this),t)}reset(){this.hashType="integers"}disableUI(){for(let t=0;t`}}const go=100,po=120,fo=50;let Io=!0;const bo="#0000FF",xo="#99CCFF",Do=120;class yo extends Ga{constructor(t,e,i){super(t,e,i),this.first_print_pos_y=i-2*yo.PRINT_VERTICAL_GAP,this.print_max=e-10,this.startingX=e/2,this.addControls(),this.nextIndex=1,this.commands=[],this.edges=[],this.cmd(Ra.createLabel,0,"",yo.EXPLANITORY_TEXT_X,yo.EXPLANITORY_TEXT_Y,0),this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}addControls(){this.controls=[],this.insertField=qa("Text",""),this.insertField.onkeydown=this.returnSubmit(this.insertField,this.insertCallback.bind(this),4,!0),this.controls.push(this.insertField),this.insertButton=qa("Button","Insert"),this.insertButton.onclick=this.insertCallback.bind(this),this.controls.push(this.insertButton),Wa(),this.deleteField=qa("Text",""),this.deleteField.onkeydown=this.returnSubmit(this.deleteField,this.deleteCallback.bind(this),4,!0),this.controls.push(this.deleteField),this.deleteButton=qa("Button","Delete"),this.deleteButton.onclick=this.deleteCallback.bind(this),this.controls.push(this.deleteButton),Wa(),this.findField=qa("Text",""),this.findField.onkeydown=this.returnSubmit(this.findField,this.findCallback.bind(this),4,!0),this.controls.push(this.findField),this.findButton=qa("Button","Find"),this.findButton.onclick=this.findCallback.bind(this),this.controls.push(this.findButton),Wa(),this.printButton=qa("Button","Print"),this.printButton.onclick=this.printCallback.bind(this),this.controls.push(this.printButton),Wa(),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa();const t=$a(["Right-LVA","Left-LVA"],"rlva/llva");this.rightButton=t[0],this.leftButton=t[1],this.rightButton.onclick=()=>{this.implementAction(this.clear.bind(this)),this.rightLeft="right"},this.leftButton.onclick=()=>{this.implementAction(this.clear.bind(this)),this.rightLeft="left"},this.rightButton.checked=!0,this.rightLeft="right",this.predSucc="pred"}reset(){this.nextIndex=1,this.treeRoot=null,this.edges=[]}insertCallback(){let t=this.insertField.value;t=this.normalizeNumber(t,4),""!==t&&(this.insertField.value="",this.implementAction(this.add.bind(this),parseInt(t)))}deleteCallback(){let t=this.deleteField.value;""!==t&&(t=this.normalizeNumber(t,4),this.deleteField.value="",this.implementAction(this.remove.bind(this),parseInt(t)))}findCallback(){let t=this.findField.value;""!==t&&(t=this.normalizeNumber(t,4),this.findField.value="",this.implementAction(this.findElement.bind(this),parseInt(t)))}printCallback(){this.implementAction(this.printTree.bind(this))}clearCallback(){this.implementAction(this.clear.bind(this))}sizeChanged(t){this.startingX=t/2}printTree(){if(this.commands=[],null!=this.treeRoot){this.highlightID=this.nextIndex++;const t=this.nextIndex;this.cmd(Ra.createHighlightCircle,this.highlightID,yo.HIGHLIGHT_COLOR,this.treeRoot.x,this.treeRoot.y),this.xPosOfNextLabel=yo.FIRST_PRINT_POS_X,this.yPosOfNextLabel=this.first_print_pos_y,this.printTreeRec(this.treeRoot),this.cmd(Ra.delete,this.highlightID),this.cmd(Ra.step);for(let e=t;ethis.print_max&&(this.xPosOfNextLabel=yo.FIRST_PRINT_POS_X,this.yPosOfNextLabel+=yo.PRINT_VERTICAL_GAP),null!=t.right&&(this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.printTreeRec(t.right),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step))}findElement(t){return this.commands=[],this.highlightID=this.nextIndex++,this.doFind(this.treeRoot,t),this.commands}doFind(t,e){this.cmd(Ra.setText,0,"Searchiing for "+e),null!=t?(this.cmd(Ra.setHighlight,t.graphicID,1),t.data===e?(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" = "+e+" (Element found!)"),this.cmd(Ra.step),this.cmd(Ra.setText,0,"Found:"+e),this.cmd(Ra.setHighlight,t.graphicID,0)):t.data>e?(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" < "+t.data+" (look to left subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),null!=t.left&&(this.cmd(Ra.createHighlightCircle,this.highlightID,yo.HIGHLIGHT_COLOR,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.left.x,t.left.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID)),this.doFind(t.left,e)):(this.cmd(Ra.setText,0," Searching for "+e+" : "+e+" > "+t.data+" (look to right subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),null!=t.right&&(this.cmd(Ra.createHighlightCircle,this.highlightID,yo.HIGHLIGHT_COLOR,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID)),this.doFind(t.right,e))):(this.cmd(Ra.setText,0," Searching for "+e+" : < Empty Tree > (Element not found)"),this.cmd(Ra.step),this.cmd(Ra.setText,0," Searching for "+e+" : (Element not found)"))}remakeTree(t){null!=t&&(null!=t.left&&(this.cmd(Ra.connect,t.graphicID,t.left.graphicID,yo.LINK_COLOR),this.remakeTree(t.left)),null!=t.right&&(this.cmd(Ra.connect,t.graphicID,t.right.graphicID,yo.LINK_COLOR),this.remakeTree(t.right)))}add(t){return this.commands=[],this.cmd(Ra.setText,0," Inserting "+t),this.treeRoot=this.addH(t,this.treeRoot),this.resizeTree(),this.commands}addH(t,e){if(null==e){this.cmd(Ra.setText,0,"Null found, inserting new node");const e=this.nextIndex++,i=this.nextIndex++,s=this.nextIndex++;return this.cmd(Ra.createCircle,e,t,30,yo.STARTING_Y),this.cmd(Ra.setForegroundColor,e,yo.FOREGROUND_COLOR),this.cmd(Ra.setBackgroundColor,e,yo.BACKGROUND_COLOR),this.cmd(Ra.createLabel,i,0,10,yo.STARTING_Y-20),this.cmd(Ra.setForegroundColor,i,yo.HEIGHT_LABEL_COLOR),this.cmd(Ra.createLabel,s,0,50,yo.STARTING_Y-20),this.cmd(Ra.setForegroundColor,s,yo.HEIGHT_LABEL_COLOR),this.cmd(Ra.step),this.cmd(Ra.setText,0,""),new vo(t,e,i,s,0,0)}if(this.cmd(Ra.setHighlight,e.graphicID,1),te.data){this.cmd(Ra.setText,0,`${t} > ${e.data}. Looking at right subtree`),this.cmd(Ra.step),e.right=this.addH(t,e.right),e.right.parent=e,this.resizeTree();this.connectSmart(e.graphicID,e.right.graphicID)&&this.cmd(Ra.step)}else this.cmd(Ra.setText,0,`${t} == ${e.data}. Ignoring duplicate!`),this.cmd(Ra.step);return e=this.balance(e),this.cmd(Ra.setHighlight,e.graphicID,0),this.cmd(Ra.setText,0,""),e}connectSmart(t,e){return!this.edges.some((i=>i[0]===t&&i[1]===e))&&(this.cmd(Ra.connect,t,e,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,t,e,yo.LINK_OPACITY),this.edges.push([t,e]),!0)}balance(t){return t.updateHeightAndBF(),this.cmd(Ra.setText,t.heightLabelID,t.height),this.cmd(Ra.setText,t.bfLabelID,t.bf),this.cmd(Ra.setText,0,"Adjusting height and balance factor after recursive call"),this.cmd(Ra.step),"right"===this.rightLeft?null!=t.left&&(t=this.singleRotateRight(t)):null!=t.right&&(t=this.singleRotateLeft(t)),t}singleRotateRight(t){const e=t,i=t.left,s=i.right;return this.cmd(Ra.setEdgeHighlight,e.graphicID,i.graphicID,1),this.cmd(Ra.step),null!=s&&(this.cmd(Ra.disconnect,i.graphicID,s.graphicID),this.cmd(Ra.connect,e.graphicID,s.graphicID,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.graphicID,s.graphicID,yo.LINK_OPACITY),s.parent=e),this.cmd(Ra.disconnect,e.graphicID,i.graphicID),this.cmd(Ra.connect,i.graphicID,e.graphicID,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,i.graphicID,e.graphicID,yo.LINK_OPACITY),i.parent=e.parent,this.treeRoot===e?this.treeRoot=i:(this.cmd(Ra.disconnect,e.parent.graphicID,e.graphicID,yo.LINK_COLOR),this.cmd(Ra.connect,e.parent.graphicID,i.graphicID,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.parent.graphicID,i.graphicID,yo.LINK_OPACITY),e.isLeftChild()?e.parent.left=i:e.parent.right=i),i.right=e,e.parent=i,e.left=s,this.cmd(Ra.setHighlight,i.graphicID,0),this.cmd(Ra.setHighlight,e.graphicID,0),e.updateHeightAndBF(),this.cmd(Ra.setText,e.heightLabelID,e.height),this.cmd(Ra.setText,e.bfLabelID,e.bf),i.updateHeightAndBF(),this.cmd(Ra.setText,i.heightLabelID,i.height),this.cmd(Ra.setText,i.bfLabelID,i.bf),this.resizeTree(),i}singleRotateLeft(t){const e=t,i=t.right,s=i.left;return this.cmd(Ra.setEdgeHighlight,e.graphicID,i.graphicID,1),this.cmd(Ra.step),null!=s&&(this.cmd(Ra.disconnect,i.graphicID,s.graphicID),this.cmd(Ra.connect,e.graphicID,s.graphicID,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.graphicID,s.graphicID,yo.LINK_OPACITY),s.parent=e),this.cmd(Ra.disconnect,e.graphicID,i.graphicID),this.cmd(Ra.connect,i.graphicID,e.graphicID,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,i.graphicID,e.graphicID,yo.LINK_OPACITY),i.parent=e.parent,this.treeRoot===e?this.treeRoot=i:(this.cmd(Ra.disconnect,e.parent.graphicID,e.graphicID,yo.LINK_COLOR),this.cmd(Ra.connect,e.parent.graphicID,i.graphicID,yo.LINK_COLOR),this.cmd(Ra.setEdgeAlpha,e.parent.graphicID,i.graphicID,yo.LINK_OPACITY),e.isLeftChild()?e.parent.left=i:e.parent.right=i),i.left=e,e.parent=i,e.right=s,this.cmd(Ra.setHighlight,e.graphicID,0),this.cmd(Ra.setHighlight,i.graphicID,0),e.updateHeightAndBF(),this.cmd(Ra.setText,e.heightLabelID,e.height),this.cmd(Ra.setText,e.bfLabelID,e.bf),i.updateHeightAndBF(),this.cmd(Ra.setText,i.heightLabelID,i.height),this.cmd(Ra.setText,i.bfLabelID,i.bf),this.resizeTree(),i}getHeight(t){return null==t?-1:t.height}resetHeight(t){if(null!=t){const e=Math.max(this.getHeight(t.left),this.getHeight(t.right))+1;t.height!==e&&(t.height=Math.max(this.getHeight(t.left),this.getHeight(t.right))+1,this.cmd(Ra.setText,t.heightLabelID,e))}}deleteNode(t){this.cmd(Ra.delete,t.graphicID),this.cmd(Ra.delete,t.heightLabelID),this.cmd(Ra.delete,t.bfLabelID)}remove(t){return this.commands=[],this.cmd(Ra.setText,0,`Deleting ${t}`),this.cmd(Ra.step),this.cmd(Ra.setText,0," "),this.highlightID=this.nextIndex++,this.treeRoot=this.removeH(this.treeRoot,t),this.cmd(Ra.setText,0,""),this.resizeTree(),this.commands}removeH(t,e){if(null!=t){if(this.cmd(Ra.setHighlight,t.graphicID,1),et.data)this.cmd(Ra.setText,0,`${e} > ${t.data}. Looking right`),this.cmd(Ra.step),t.right=this.removeH(t.right,e),null!=t.right&&(t.right.parent=t,this.connectSmart(t.graphicID,t.right.graphicID),this.resizeTree());else{if(null==t.left&&null==t.right)return this.cmd(Ra.setText,0,"Element to delete is a leaf node"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),null;if(null==t.left)return this.cmd(Ra.setText,0,"One-child case, replace with right child"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),t.right;if(null==t.right)return this.cmd(Ra.setText,0,"One-child case, replace with left child"),this.cmd(Ra.step),this.deleteNode(t),this.cmd(Ra.step),t.left;{const e=[];"succ"===this.predSucc?(this.cmd(Ra.setText,0,"Two-child case, replace data with successor"),this.cmd(Ra.step),t.right=this.removeSucc(t.right,e),t.right&&this.connectSmart(t.graphicID,t.right.graphicID)):(this.cmd(Ra.setText,0,"Two-child case, replace data with predecessor"),this.cmd(Ra.step),t.left=this.removePred(t.left,e),t.left&&this.connectSmart(t.graphicID,t.left.graphicID)),this.resizeTree(),t.data=e[0],this.cmd(Ra.setText,t.graphicID,t.data)}}return t=this.balance(t),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setText,0,""),t}this.cmd(Ra.setText,0,`${e} not found in the tree`)}removeSucc(t,e){return this.cmd(Ra.setHighlight,t.graphicID,1,"#0000ff"),this.cmd(Ra.step),null==t.left?(this.cmd(Ra.setText,0,"No left child, replace with right child"),this.cmd(Ra.step),e.push(t.data),this.deleteNode(t),this.cmd(Ra.step),this.cmd(Ra.setText,0,""),t.right):(this.cmd(Ra.setText,0,"Left child exists, look left"),this.cmd(Ra.step),t.left=this.removeSucc(t.left,e),null!=t.left&&(t.left.parent=t,this.connectSmart(t.graphicID,t.left.graphicID),this.resizeTree()),t=this.balance(t),this.cmd(Ra.setHighlight,t.graphicID,0),t)}removePred(t,e){return this.cmd(Ra.setHighlight,t.graphicID,1,"#0000ff"),this.cmd(Ra.step),null==t.right?(this.cmd(Ra.setText,0,"No right child, replace with right child"),this.cmd(Ra.step),e.push(t.data),this.deleteNode(t),this.cmd(Ra.step),this.cmd(Ra.setText,0,""),t.left):(this.cmd(Ra.setText,0,"Right child exists, look right"),this.cmd(Ra.step),t.right=this.removePred(t.right,e),null!=t.right&&(t.right.parent=t,this.connectSmart(t.graphicID,t.right.graphicID),this.resizeTree()),t=this.balance(t),this.cmd(Ra.setHighlight,t.graphicID,0),t)}resizeTree(){if(null==this.treeRoot)return;let t=this.startingX;this.resizeWidths(this.treeRoot),null!=this.treeRoot&&(this.treeRoot.leftWidth>t?t=this.treeRoot.leftWidth:this.treeRoot.rightWidth>t&&(t=Math.max(this.treeRoot.leftWidth,2*t-this.treeRoot.rightWidth)),this.setNewPositions(this.treeRoot,t,yo.STARTING_Y,0),this.animateNewPositions(this.treeRoot),this.cmd(Ra.step))}setNewPositions(t,e,i,s){null!=t&&(t.y=i,-1===s?(e-=t.rightWidth,t.heightLabelX=e-20,t.bfLabelX=e+20):1===s?(e+=t.leftWidth,t.heightLabelX=e-20,t.bfLabelX=e+20):(t.heightLabelX=e-20,t.bfLabelX=e+20),t.x=e,t.heightLabelY=t.y-20,t.bfLabelY=t.y-20,this.setNewPositions(t.left,e,i+yo.HEIGHT_DELTA,-1),this.setNewPositions(t.right,e,i+yo.HEIGHT_DELTA,1))}animateNewPositions(t){null!=t&&(this.cmd(Ra.move,t.graphicID,t.x,t.y),this.cmd(Ra.move,t.heightLabelID,t.heightLabelX,t.heightLabelY),this.cmd(Ra.move,t.bfLabelID,t.bfLabelX,t.bfLabelY),this.animateNewPositions(t.left),this.animateNewPositions(t.right))}resizeWidths(t){return null==t?0:(t.leftWidth=Math.max(this.resizeWidths(t.left),yo.WIDTH_DELTA/2),t.rightWidth=Math.max(this.resizeWidths(t.right),yo.WIDTH_DELTA/2),t.leftWidth+t.rightWidth)}clear(){return this.commands=[],this.recClear(this.treeRoot),this.treeRoot=null,this.commands}recClear(t){null!=t&&(this.cmd(Ra.delete,t.graphicID),this.cmd(Ra.delete,t.heightLabelID),this.cmd(Ra.delete,t.bfLabelID),this.recClear(t.left),this.recClear(t.right))}disableUI(){for(let t=0;tnull==t?-1:t.height,e=t(this.left),i=t(this.right);this.height=Math.max(e,i)+1,this.bf=e-i}isLeftChild(){return null==this.parent||this.parent.left===this}}yo.HIGHLIGHT_LABEL_COLOR="#FF0000",yo.HIGHLIGHT_COLOR="#007700",yo.HEIGHT_LABEL_COLOR="#000000",yo.LINK_COLOR="#000000",yo.LINK_OPACITY=.2,yo.HIGHLIGHT_CIRCLE_COLOR="#007700",yo.FOREGROUND_COLOR="#000000",yo.BACKGROUND_COLOR="#FFFFFF",yo.PRINT_COLOR="#007700",yo.WIDTH_DELTA=50,yo.HEIGHT_DELTA=50,yo.STARTING_Y=50,yo.FIRST_PRINT_POS_X=50,yo.PRINT_VERTICAL_GAP=20,yo.PRINT_HORIZONTAL_GAP=50,yo.EXPLANITORY_TEXT_X=10,yo.EXPLANITORY_TEXT_Y=10;const Co=[{name:"sin",equation:t=>-50*Math.sin(t*Math.PI/4)},{name:"exponential",equation:t=>-1*Math.pow(1.41,t)+200},{name:"quadratic",equation:t=>Math.pow(2.2*t-18.7,2)-150},{name:"logarithmic",equation:t=>-100*Math.log(t+.4)+170},{name:"multaplicative inverse",equation:t=>250/(2.8*t-24.1)}];class ko{constructor(t,e){this.key=t,this.val=e,this.elem=`<${t}, ${e}>`}}const wo=40,To=30,Lo=645,So=475;const Fo=100,Ao=245,_o=50,Bo=50,Po=14,zo=130,Eo=180,jo=120,No=280,Ro=120,Oo=60,Ho=30,Mo=130,Vo=30,$o=-40,qo="#0000FF",Wo=450,Uo=20;var Ko=class{constructor(){this.backingArray=[]}enqueue(t,e,i){this.backingArray.push([t,e,i]),this.backingArray.sort(((t,e)=>t[2]!==e[2]?t[2]-e[2]:Array.isArray(t[0])?t[0][0]!==e[0][0]?t[0][0]-e[0][0]:t[0][1]-e[0][1]:t[0]-e[0]))}dequeue(){const t=this.backingArray.shift();return[t[0],t[1]]}size(){return this.backingArray.length}getIDs(){return this.backingArray.map((t=>t[1]))}};const Xo=110,Go=110,Yo=50,Qo=180;const Zo=135,Jo=230;const tl=40,el=50,il=[0,450,250,650,150,350,550,750,100,200,300,400,500,600,700,800,75,125,175,225,275,325,375,425,475,525,575,625,675,725,775,825],sl=[0,180,250,250,320,320,320,320,390,390,390,390,390,390,390,390,460,460,460,460,460,460,460,460,460,460,460,460,460,460,460,460];const hl=100,nl=130,al=50;const rl=100,ol=60,ll=100;const dl=145,cl=50,ul=20,ml=52,gl=110,pl=40,fl=100,Il=150,bl=135;const xl=485,Dl=70,yl=50,vl=485,Cl=935,kl=140,wl=50,Tl=20,Ll=15;let Sl=!1;const Fl=135,Al=230;const _l=650,Bl=50,Pl=75,zl=50,El=15;const jl=50,Nl=25,Rl=70,Ol=100,Hl=.67,Ml="#0000FF";class Vl{constructor(t,e,i,s,h){this.key=t,this.val=e,this.graphicID=i,this.x=s,this.y=h,this.next=null}}const $l="#99CCFF",ql=143;const Wl=100,Ul=240,Kl=50,Xl=50,Gl=14,Yl=130,Ql=130,Zl=260,Jl="#0000FF",td=-40;const ed=475,id=120,sd=50;let hd,nd=0;const ad=100,rd=120,od=50;let ld,dd=0;const cd=100,ud=60;const md=100,gd=130,pd=50;const fd=[3,2,0,3,3,4,4,0,2,1,3,4,0,0,1,0,0,3,2,1,2,1,2,3,1,0,4,1,4,4,4,4,2,0,1,4,4,3,0,0,3,2,3,3,1,1,4,1,0,1,1,0,4,3,3,0,0,2,4,2,3,2,4,3,1,1,2,0,3,4,4,2,4,1,0,0,2,1,0,0,4,0,2,4,0,2,4,4,0,3,3,2,0,0,1,3,0,3,3,1,0,1,1,0,3,0,3,0,4,2,1,1,2,0,0,1,1,2,3,4,3,1,2,4,1,3,1,3,2,0,1,1,0,4,3,1,0,0,0,1,4,0,3,4,1,1,3,0,1,0,2,3,3,3,3,1,1,3,0,3,0,3,0,2,0,2,4,0,1,0,3,1,2,3,3,3,0,3,1,1,0,2,1,2,3,0,0,1,1,0,3,1,2,4,2,2,4,0,3,4,0,3,1,0,2,4,0,4,2,0,2,3,0,4,4,1,3,0,1,0,2,3,2,3,0,2,4,0,3,3,3,3,1,4,3,1,2,3,4,1,4,2,2,0,3,3,1,4,1,1,2,3,4,4,3,4,3,2,2,2,0,0,2,4,2,1,2,3,4,1,0,4,0,1,0,1,2,4,4,3,3,1,3,3,1,0,4,4,1,2,4,3,1,2,1,4,4,3,2,1,2,4,2,2,1,3,4,4,4,0,4,2,1,0,1,0,0,1,1,1,0,4,3,0,0,4,4,4,1,2,0,2,4,2,0,3,1,1,2,3,3,0,3,2,1,4,1,4,4,4,1,1,4,2,1,0,3,4,1,4,0,3,1,2,4,0,0,3,4,2,2,1,2,0,3,1,3,1,4,0,1,3,4,1,4,3,0,0,4,1,0,2,0,2,4,2,2,0,3,4,2,4,4,3,3,4,2,2,4,4,2,0,3,3,2,1,3,1,2,0,0,0,1,2,2,2,1,4,1,3,4,1,3,4,1,0,2,3,3,4,0,3,2,3,4,4,4,0,3,2,4,2,4,1,2,4,3,4,4,2,2,2,0,2,4,3,4,2,1,2,2,1,3,0,2,0,3,4,3,2,0,1,1,3,2,1,1,0,0,1,4,1,1,2,1,1,0,1,4,4,4,2,0,0,2,2,3,2,4,2,3,2,3,3,0,2,0,4,2,0,4,3,0,1,1,3,3,1,3,0,3,1,2,3,1,1,2,1,0,0,0,0,4,3,4,3,2,1,1,3,4,4,4,3,2,0,0,2,1,2,0,4,1,4,4,3,4,0,2,2,3,0,0,0,3,3,4,4,4,0,4,4,0,0,3,1,4,3,2,0,4,2,4,4,1,2,0,4,3,1,1,3,3,3,2,3,0,3,2,2,3,2,3,2,2,3,4,4,0,3,2,0,0,2,3,3,2,0,3,4,0,0,4,4,2,3,3,2,2,1,4,0,3,4,3,3,0,0,4,1,2,0,1,2,2,1,1,1,3,4,4,3,2,3,1,4,0,4,0,0,0,4,4,2,1,0,2,2,1,4,2,2,4,0,2,1,3,1,1,0,0,3,1,2,0,2,2,0,2,1,4,2,2,3,2,2,4,0,1,3,3,2,0,1,0,4,3,1,4,3,0,2,1,2,4,2,0,1,1,0,0,1,3,2,0,3,1,2,1,3,0,0,1,1,4,1,3,1,3,0,2,1,3,1,1,2,3,0,3,2,3,3,2,2,2,3,0,1,1,0,2,3,3,0,3,2,3,1,2,3,2,1,4,0,4,3,0,1,1,2,1,1,0,1,3,1,4,2,1,1,3,0,3,3,0,4,0,3,2,4,4,4,3,1,0,4,2,1,3,2,3,2,2,2,2,1,3,3,3,4,1,0,0,2,4,2,2,3,0,3,4,2,1,4,3,4,2,3,0,3,3,3,1,4,2,2,3,3,4,4,3,1,3,2,4,3,0,3,2,0,3,3,1,1,3,2,2,0,4,2,3,1,0,4,3,2,0,0,0,3,1,0,4,3,4,3,0,2,1,2,1,2,0,3,4,0,1,4,4,1,0,0,0,0,0,2,1,3,4,3,1,1,3,4,0,1,1,1,3,1,0,2,3,4,4,4,1,4,1,0,1,1,2,4,3,3,2,4,0,2,0,3,3,2,1,3,3,4,1,4,2,1,0,3,3,3,0,4,2,4,3,4,1,2,3,0,3,1,2,1,2,4,4,0,3,2,0,4,3,4,1,4,1,0,3,1,1,3,0,0],Id=100,bd=400,xd=40,Dd=80,yd="\u2212\u221e";const vd="#000000",Cd="#007700",kd="#000000",wd="#FFFFFF";class Td{constructor(t,e,i,s){this.data=t,this.x=i,this.y=s,this.graphicID=e,this.left=null,this.right=null,this.parent=null}isLeftChild(){return null==this.parent||this.parent.left===this}}const Ld=100,Sd=225,Fd=50,Ad=50,_d=14,Bd=130,Pd=120;const zd=150,Ed=[0,450,250,650,150,350,550,750,100,200,300,400,500,600,700,800,75,125,175,225,275,325,375,425,475,525,575,625,675,725,775,825],jd=[0,250,320,320,390,390,390,390,460,460,460,460,460,460,460,460,530,530,530,530,530,530,530,530,530,530,530,530,530,530,530,530];const Nd={NonLinearProbing:["Non-Linear Probing",class extends no{constructor(t,e,i){super(t,e,i),this.elements_per_row=18,this.setup()}addControls(){super.addControls(),Wa(),this.fillButton=qa("Button","Fill HashMap"),this.fillButton.onclick=this.fillCallback.bind(this),this.controls.push(this.fillButton),Wa(),Ha("Collision Strategy: h(elem) + i ???")}setup(){this.resetIndex=this.nextIndex,this.table_size=18,this.load_factor=.67,this.skipDist=new Array(this.table_size),this.hashTableVisual=new Array(this.table_size),this.hashTableValues=new Array(this.table_size),this.size=0,this.indexLabelID=new Array(this.table_size),this.indexXPos=new Array(this.table_size),this.indexYPos=new Array(this.table_size),this.indexEqYPos=new Array(this.table_size),this.empty=new Array(this.table_size),this.deleted=new Array(this.table_size),this.ExplainLabel=this.nextIndex++,this.HashIndexID=this.nextIndex++,this.DelIndexLabel=this.nextIndex++,this.loadFactorID=this.nextIndex++,this.commands=[],this.equation=Co[parseInt(Math.random()*(Co.length-1))],console.log(this.equation.name);for(let t=0;t=0){const t=this.hashTableValues[e].elem;this.cmd(Ra.setText,this.ExplainLabel,"Deleting element: "+t+" Element deleted"),this.deleted[e]=!0,this.cmd(Ra.setText,this.hashTableVisual[e],"DEL"),this.size--}else this.cmd(Ra.setText,this.ExplainLabel,"Deleting element with key: "+t+" Key not in table");return this.commands}findElement(t){this.commands=[],this.cmd(Ra.setText,this.ExplainLabel,"Finding Key: "+t);const e=this.doHash(t);return-1!==this.getElemIndex(e,t)?this.cmd(Ra.setText,this.ExplainLabel,"Found Key: "+t+" Value: "+this.hashTableValues[e].val):this.cmd(Ra.setText,this.ExplainLabel,"Finding Key: "+t+" Not Found!"),this.commands}changeLoadFactor(t){return this.commands=[],this.cmd(Ra.setText,this.loadFactorID,"Resizing? We don't do that here"),this.cmd(Ra.step),this.commands}resetAll(){this.commands=super.resetAll(),this.size=0;for(let t=0;t""!==t));""!==this.listField.value&&t.length<=18&&t.map(Number).filter((t=>t>999||Number.isNaN(t))).length<=0&&(this.implementAction(this.clear.bind(this)),this.listField.value="",this.implementAction(this.sort.bind(this),t))}clearCallback(){this.implementAction(this.clear.bind(this))}clear(){this.commands=[];for(let t=0;t!Number.isNaN(t))).slice(0,18),this.displayData=new Array(this.arrayData.length);const e=this.arrayData.length,i=new Map,s=new Map;for(let n=0;n0&&s.set(this.arrayData[n],"a"),i.set(this.arrayData[n],t+1)}for(let n=0;n=10){for(let t=0;t0;){const t=this.arrayID.splice(Math.floor(Math.random()*(this.arrayID.length-1)),1);this.cmd(Ra.delete,t),this.cmd(Ra.step)}return this.arrayID=[],this.arrayData=[],this.displayData=[],this.iterations=0,this.cmd(Ra.setText,this.comparisonCountID,"Iterations: "+this.iterations),this.cmd(Ra.setText,this.warningID,"Yeah so that array was too long...try something smaller"),this.commands}let h=!1;for(;!h;){this.cmd(Ra.setText,this.comparisonCountID,"Iterations: "+this.iterations++),h=!0;for(let t=0;tthis.arrayData[t+1]){h=!1;break}if(h)for(let t=0;tthis.addIndexCallback()),4,!0),this.controls.push(this.addValueField),Ha("at index",e),this.addIndexField=qa("Text","",e),this.addIndexField.style.textAlign="center",this.addIndexField.onkeydown=this.returnSubmit(this.addIndexField,(()=>this.addIndexCallback()),4,!0),this.controls.push(this.addIndexField),this.addFrontButton=qa("Button","Add to Front",i),this.addFrontButton.onclick=this.addFrontCallback.bind(this),this.controls.push(this.addFrontButton),this.addBackButton=qa("Button","Add to Back",i),this.addBackButton.onclick=()=>this.addBackCallback(),this.controls.push(this.addBackButton),Ha("or",i),this.addIndexButton=qa("Button","Add at Index",i),this.addIndexButton.onclick=this.addIndexCallback.bind(this),this.controls.push(this.addIndexButton),Wa();const s=Ua(!1),h=Ua(!0,s),n=Ua(!0,s);Ha("Index",h),this.removeField=qa("Text","",h),this.removeField.style.textAlign="center",this.removeField.onkeydown=this.returnSubmit(this.removeField,(()=>this.removeIndexCallback()),4,!0),this.controls.push(this.removeField),this.removeIndexButton=qa("Button","Remove from Index",h),this.removeIndexButton.onclick=()=>this.removeIndexCallback(),this.controls.push(this.removeIndexButton),Ha("or",n),this.removeFrontButton=qa("Button","Remove from Front",n),this.removeFrontButton.onclick=()=>this.removeFrontCallback(),this.controls.push(this.removeFrontButton),this.removeBackButton=qa("Button","Remove from Back",n),this.removeBackButton.onclick=()=>this.removeBackCallback(),this.controls.push(this.removeBackButton),Wa();const a=Ua(!1);this.randomButton=qa("Button","Random",a),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),this.clearButton=qa("Button","Clear",a),this.clearButton.onclick=()=>this.clearCallback(),this.controls.push(this.clearButton)}setup(){this.arrayData=new Array(7),this.size=0,this.length=7,this.commands=[],this.pseudocode=Ja.S7,this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.resetIndex=this.nextIndex,this.arrayID=new Array(7),this.arrayLabelID=new Array(7);for(let t=0;t<7;t++)this.arrayID[t]=this.nextIndex++,this.arrayLabelID[t]=this.nextIndex++;for(let t=0;t<7;t++){const e=t%hr*sr+tr,i=Math.floor(t/hr)*nr+er;this.cmd(Ra.createRectangle,this.arrayID[t],"",sr,50,e,i),this.cmd(Ra.createLabel,this.arrayLabelID[t],t,e,i+50),this.cmd(Ra.setForegroundColor,this.arrayLabelID[t],"#0000FF")}this.highlight1ID=this.nextIndex++,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.size=0,this.length=7,this.arrayID=new Array(7),this.arrayLabelID=new Array(7),this.arrayData=new Array(7);for(let t=0;t<7;t++)this.arrayID[t]=this.nextIndex++,this.arrayLabelID[t]=this.nextIndex++;this.highlight1ID=this.nextIndex++}setInfoText(t){return this.commands=[],this.cmd(Ra.setText,this.infoLabelID,t),this.commands}addIndexCallback(){if(""===this.addValueField.value||""===this.addIndexField.value||this.length===this.size&&2*this.length>30)this.shake(this.addIndexButton),this.implementAction(this.setInfoText.bind(this),"Missing input data or index.");else{const t=this.addValueField.value,e=this.addIndexField.value;e>=0&&e<=this.size?(this.addValueField.value="",this.addIndexField.value="",this.size===this.length?this.implementAction(this.resize.bind(this),t,parseInt(e),!1,!1,!0):this.implementAction(this.add.bind(this),t,parseInt(e),!1,!1,!0)):(this.shake(this.addIndexButton),this.implementAction(this.setInfoText.bind(this),0===this.size?"Index must be 0 when the list is empty.":`Index must be between 0 and ${this.size}.`))}}addFrontCallback(){if(""===this.addValueField.value||this.length===this.size&&2*this.length>30)this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addFrontButton);else{const t=this.addValueField.value;this.addValueField.value="",this.size===this.length?this.implementAction(this.resize.bind(this),t,0,!0,!1,!1):this.implementAction(this.add.bind(this),t,0,!0,!1,!1)}}addBackCallback(){if(""===this.addValueField.value||this.length===this.size&&2*this.length>30)this.shake(this.addBackButton),this.implementAction(this.setInfoText.bind(this),"Missing input data.");else{const t=this.addValueField.value;this.addValueField.value="",this.size===this.length?this.implementAction(this.resize.bind(this),t,this.size,!1,!0,!1):this.implementAction(this.add.bind(this),t,this.size,!1,!0,!1)}}randomCallback(){this.implementAction(this.clearAll.bind(this));const t=this.length-1,e=Math.floor(Math.random()*(t-3+1))+3,i=new Set;for(let s=0;s=0&&t1&&(t=`Index must be between 0 and ${this.size-1}.`),this.implementAction(this.setInfoText.bind(this),t),this.shake(this.removeIndexButton)}}else this.shake(this.removeIndexButton),this.implementAction(this.setInfoText.bind(this),"Missing input index.")}removeFrontCallback(){this.size>0?this.implementAction(this.remove.bind(this),0,!0,!1,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeFrontButton))}removeBackCallback(){this.size>0?this.implementAction(this.remove.bind(this),this.size-1,!1,!0,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeBackButton))}clearCallback(){this.implementAction(this.clear.bind(this))}clear(){return this.commands=[],this.clearAll(),this.commands}add(t,e,i,s,h,n){this.commands=[],this.setInfoText(""),n||(this.addFBCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addFB",rr,or),this.addIndexCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addIndex",370,or));const a=this.nextIndex++,r=this.nextIndex++;i?(this.highlight(0,0,this.addFBCodeID),this.highlight(1,0,this.addFBCodeID)):s&&(this.highlight(4,0,this.addFBCodeID),this.highlight(5,0,this.addFBCodeID)),this.highlight(0,0,this.addIndexCodeID),this.cmd(Ra.createLabel,a,"Adding Value: ",50,25),this.cmd(Ra.createLabel,r,t,ar,25),this.cmd(Ra.step);for(let d=this.size;d>=e;d--)this.arrayData[d+1]=this.arrayData[d];if(this.arrayData[e]=t,this.arrayMoveID=new Array(this.size),this.highlight(9,0,this.addIndexCodeID),this.cmd(Ra.step),e!==this.size){(i||h&&0!==e)&&(this.highlight(10,0,this.addIndexCodeID),this.highlight(11,0,this.addIndexCodeID));for(let t=this.size-1;t>=e;t--){const e=t%hr*sr+tr,i=Math.floor(t/hr)*nr+er;this.arrayMoveID[t]=this.nextIndex++,this.cmd(Ra.createLabel,this.arrayMoveID[t],this.arrayData[t+1],e,i),this.cmd(Ra.setText,this.arrayID[t],""),this.cmd(Ra.move,this.arrayMoveID[t],e+sr,i)}this.cmd(Ra.step);for(let t=this.size-1;t>=e;t--)this.cmd(Ra.setText,this.arrayID[t+1],this.arrayData[t+1]),this.cmd(Ra.delete,this.arrayMoveID[t]);this.cmd(Ra.step)}this.cmd(Ra.createHighlightCircle,this.highlight1ID,"#0000FF",ar,25),(i||h)&&(this.unhighlight(10,0,this.addIndexCodeID),this.unhighlight(11,0,this.addIndexCodeID)),this.highlight(12,0,this.addIndexCodeID),this.cmd(Ra.step);const o=parseInt(e)%hr*sr+tr,l=Math.floor(parseInt(e)/hr)*nr+er;return this.cmd(Ra.move,this.highlight1ID,o,l),this.cmd(Ra.move,r,o,l),this.cmd(Ra.step),this.cmd(Ra.setText,this.arrayID[e],t),this.cmd(Ra.delete,r),this.cmd(Ra.delete,this.highlight1ID),this.unhighlight(12,0,this.addIndexCodeID),this.unhighlight(9,0,this.addIndexCodeID),this.highlight(13,0,this.addIndexCodeID),this.cmd(Ra.step),this.cmd(Ra.delete,a),this.unhighlight(0,0,this.addIndexCodeID),this.unhighlight(13,0,this.addIndexCodeID),i&&(this.unhighlight(0,0,this.addFBCodeID),this.unhighlight(1,0,this.addFBCodeID)),s&&(this.unhighlight(4,0,this.addFBCodeID),this.unhighlight(5,0,this.addFBCodeID)),this.cmd(Ra.step),this.nextIndex=null!=e?this.nextIndex-(this.size-e)-2:this.nextIndex-2,this.size=this.size+1,n||(this.removeCode(this.addFBCodeID),this.removeCode(this.addIndexCodeID)),this.commands}remove(t,e,i,s){this.commands=[],this.setInfoText(""),this.removeFBCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"removeFB",rr,or),this.removeIndexCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"removeIndex",370,or),e?(this.highlight(0,0,this.removeFBCodeID),this.highlight(1,0,this.removeFBCodeID)):i&&(this.highlight(4,0,this.removeFBCodeID),this.highlight(5,0,this.removeFBCodeID)),this.highlight(0,0,this.removeIndexCodeID),this.cmd(Ra.step),this.highlight(1,0,this.removeIndexCodeID),t=parseInt(t);const h=this.nextIndex++,n=t%hr*sr+tr,a=Math.floor(t/hr)*nr+er;this.cmd(Ra.createHighlightCircle,this.highlight1ID,"#0000FF",n,a),this.cmd(Ra.createLabel,h,this.arrayData[t],n,a),this.cmd(Ra.setText,this.arrayID[t],""),this.cmd(Ra.move,this.highlight1ID,n,a-55),this.cmd(Ra.move,h,n,a-55),this.cmd(Ra.step),this.unhighlight(1,0,this.removeIndexCodeID),this.highlight(2,0,this.removeIndexCodeID),this.cmd(Ra.delete,h),this.cmd(Ra.delete,this.highlight1ID),this.cmd(Ra.step);for(let r=t;re&&d<=this.size&&(this.arrayDataNew[d]=this.arrayData[d-1]);this.arrayDataNew[e]=t,this.highlight1ID=this.nextIndex++,this.unhighlight(1,0,this.addIndexCodeID),this.highlight(2,0,this.addIndexCodeID);for(let d=0;d<2*this.size;d++){const t=d%hr*sr+85,e=Math.floor(d/hr)*nr+ir;this.cmd(Ra.createRectangle,this.arrayIDNew[d],"",sr,50,t,e),this.cmd(Ra.createLabel,this.arrayLabelIDNew[d],d,t,e+50),this.cmd(Ra.setForegroundColor,this.arrayLabelIDNew[d],"#0000FF")}this.cmd(Ra.step),this.arrayMoveID=new Array(this.size),this.unhighlight(2,0,this.addIndexCodeID),this.highlight(3,0,this.addIndexCodeID),this.highlight(4,0,this.addIndexCodeID);for(let d=0;dthis.addIndexCallback()),4,!0),this.controls.push(this.addValueField),Ha("at index",e),this.addIndexField=qa("Text","",e),this.addIndexField.style.textAlign="center",this.addIndexField.onkeydown=this.returnSubmit(this.addIndexField,(()=>this.addIndexCallback()),4,!0),this.controls.push(this.addIndexField),this.addFrontButton=qa("Button","Add to Front",i),this.addFrontButton.onclick=this.addFrontCallback.bind(this),this.controls.push(this.addFrontButton),this.addBackButton=qa("Button","Add to Back",i),this.addBackButton.onclick=()=>this.addBackCallback(),this.controls.push(this.addBackButton),Ha("or",i),this.addIndexButton=qa("Button","Add at Index",i),this.addIndexButton.onclick=this.addIndexCallback.bind(this),this.controls.push(this.addIndexButton),Wa();const s=Ua(!1),h=Ua(!0,s),n=Ua(!0,s);Ha("Index",h),this.removeField=qa("Text","",h),this.removeField.style.textAlign="center",this.removeField.onkeydown=this.returnSubmit(this.removeField,(()=>this.removeIndexCallback()),4,!0),this.controls.push(this.removeField),this.removeIndexButton=qa("Button","Remove from Index",h),this.removeIndexButton.onclick=()=>this.removeIndexCallback(),this.controls.push(this.removeIndexButton),Ha("or",n),this.removeFrontButton=qa("Button","Remove from Front",n),this.removeFrontButton.onclick=()=>this.removeFrontCallback(),this.controls.push(this.removeFrontButton),this.removeBackButton=qa("Button","Remove from Back",n),this.removeBackButton.onclick=()=>this.removeBackCallback(),this.controls.push(this.removeBackButton),Wa(),this.tailCheckbox=Ma("Tail pointer",!1),this.tailCheckbox.onclick=this.toggleTailPointer.bind(this),this.controls.push(this.tailCheckbox),Wa();const a=Ua(!1);this.randomButton=qa("Button","Random",a),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),this.clearButton=qa("Button","Clear",a),this.clearButton.onclick=()=>this.clearCallback(),this.controls.push(this.clearButton)}toggleTailPointer(){this.tailEnabled=!this.tailEnabled,this.implementAction(this.clearAll.bind(this)),this.tailEnabled?this.animationManager.setAllLayers([0,1,32]):this.animationManager.setAllLayers([0,32])}enableUI(){for(let t=0;t=0&&e<=this.size?(this.addValueField.value="",this.addIndexField.value="",this.implementAction(this.add.bind(this),t,e,!1,!1,!0,!1)):(this.implementAction(this.setInfoText.bind(this),0===this.size?"Index must be 0 when the list is empty.":`Index must be between 0 and ${this.size}.`),this.shake(this.addIndexButton))}else this.implementAction(this.setInfoText.bind(this),"Missing input data or index."),this.shake(this.addIndexButton)}addFrontCallback(){if(""!==this.addValueField.value){const t=parseInt(this.addValueField.value);this.addValueField.value="",this.implementAction(this.add.bind(this),t,0,!0,!1,!1,!1)}else this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addFrontButton)}addBackCallback(){if(""!==this.addValueField.value){const t=parseInt(this.addValueField.value);this.addValueField.value="",this.implementAction(this.add.bind(this),t,this.size,!1,!0,!1,!1)}else this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addBackButton)}removeIndexCallback(){if(""!==this.removeField.value){const t=parseInt(this.removeField.value);if(t>=0&&t1&&(t=`Index must be between 0 and ${this.size-1}.`),this.implementAction(this.setInfoText.bind(this),t),this.shake(this.removeIndexButton)}}else this.implementAction(this.setInfoText.bind(this),"Missing input index."),this.shake(this.removeIndexButton)}removeFrontCallback(){this.size>0?this.implementAction(this.remove.bind(this),0,!0,!1,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeFrontButton))}removeBackCallback(){this.size>0?this.implementAction(this.remove.bind(this),this.size-1,!1,!0,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeBackButton))}randomCallback(){const t=Math.floor(5*Math.random())+4,e=new Set;this.implementAction(this.clearAll.bind(this));for(let i=0;i0&&this.cmd(Ra.setHighlight,this.linkedListElemID[h-1],0),i?s?this.highlight(6,0,this.removeBackCodeID):this.highlight(6,0,this.addBackCodeID):s?this.highlight(8,0,this.removeIndexCodeID):this.highlight(8,0,this.addIndexCodeID),this.cmd(Ra.step);this.cmd(Ra.step)}add(t,e,i,s,h,n){this.commands=[],this.setInfoText(""),n||(this.addIndexCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addIndex",Fl,Al),this.addFrontCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addFront",505,Al),this.addBackCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addBack",775,Al)),i?this.highlight(0,0,this.addFrontCodeID):s?this.highlight(0,0,this.addBackCodeID):h&&this.highlight(0,0,this.addIndexCodeID);const a=i||h&&0===e,r=s||h&&e===this.size&&!a,o=!a&&!r;h&&(a?(this.cmd(Ra.step),this.highlight(1,0,this.addIndexCodeID),this.highlight(2,0,this.addIndexCodeID),this.highlight(0,0,this.addFrontCodeID)):r&&(this.cmd(Ra.step),this.highlight(3,0,this.addIndexCodeID),this.highlight(4,0,this.addIndexCodeID),this.highlight(0,0,this.addBackCodeID))),this.cmd(Ra.step);const l=this.nextIndex++,d=this.nextIndex++;a?this.highlight(1,0,this.addFrontCodeID):r?this.highlight(1,0,this.addBackCodeID):this.highlight(5,0,this.addIndexCodeID),this.cmd(Ra.step),r&&this.size>0?(this.unhighlight(1,0,this.addBackCodeID),this.highlight(3,0,this.addBackCodeID),this.cmd(Ra.step),this.highlight(4,0,this.addBackCodeID),this.cmd(Ra.step),this.unhighlight(4,0,this.addBackCodeID),this.highlight(5,0,this.addBackCodeID)):o&&(this.highlight(6,0,this.addIndexCodeID),this.cmd(Ra.step),this.highlight(7,0,this.addIndexCodeID));for(let c=this.size-1;c>=e;c--)this.arrayData[c+1]=this.arrayData[c],this.linkedListElemID[c+1]=this.linkedListElemID[c];return this.arrayData[e]=t,this.linkedListElemID[e]=this.nextIndex++,this.cmd(Ra.setText,this.leftoverLabelID,""),this.tailEnabled&&e===this.size?this.traverse(this.size-1,this.size,r,!1):this.traverse(0,e-1,r,!1),this.cmd(Ra.createLinkedListNode,this.linkedListElemID[e],"",70,30,200,50,.25,0,1),this.cmd(Ra.createLabel,l,"Adding Value: ",50,30),this.cmd(Ra.createLabel,d,t,120,30),a?0===this.size?this.highlight(2,0,this.addFrontCodeID):(this.unhighlight(1,0,this.addFrontCodeID),this.highlight(3,0,this.addFrontCodeID),this.cmd(Ra.step),this.highlight(4,0,this.addFrontCodeID),this.highlight(5,0,this.addFrontCodeID),this.highlight(6,0,this.addFrontCodeID)):r?0===this.size&&this.highlight(2,0,this.addBackCodeID):(this.unhighlight(7,0,this.addIndexCodeID),this.unhighlight(8,0,this.addIndexCodeID),this.highlight(10,0,this.addIndexCodeID),this.highlight(11,0,this.addIndexCodeID),this.highlight(12,0,this.addIndexCodeID)),this.cmd(Ra.step),this.cmd(Ra.move,d,200,50),this.cmd(Ra.step),this.cmd(Ra.setText,this.linkedListElemID[e],t),this.cmd(Ra.delete,d),e===this.size&&(this.cmd(Ra.setNull,this.linkedListElemID[e],1),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[e-1]),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[e])),0!==this.size?0===e?(this.cmd(Ra.disconnect,this.topID,this.linkedListElemID[e+1]),this.cmd(Ra.connect,this.topID,this.linkedListElemID[e]),this.cmd(Ra.connect,this.linkedListElemID[e],this.linkedListElemID[e+1])):e===this.size?(this.cmd(Ra.setNull,this.linkedListElemID[e-1],0),this.cmd(Ra.connect,this.linkedListElemID[e-1],this.linkedListElemID[e]),r&&(this.unhighlight(5,0,this.addBackCodeID),this.unhighlight(6,0,this.addBackCodeID),this.highlight(7,0,this.addBackCodeID))):(this.cmd(Ra.disconnect,this.linkedListElemID[e-1],this.linkedListElemID[e+1]),this.cmd(Ra.connect,this.linkedListElemID[e-1],this.linkedListElemID[e]),this.cmd(Ra.connect,this.linkedListElemID[e],this.linkedListElemID[e+1])):(this.cmd(Ra.connect,this.topID,this.linkedListElemID[0]),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[0])),this.cmd(Ra.setHighlight,this.linkedListElemID[e-1],0),this.cmd(Ra.step),a?(this.unhighlight(1,0,this.addFrontCodeID),this.unhighlight(2,0,this.addFrontCodeID),this.unhighlight(3,0,this.addFrontCodeID),this.unhighlight(4,0,this.addFrontCodeID),this.unhighlight(5,0,this.addFrontCodeID),this.unhighlight(6,0,this.addFrontCodeID),this.highlight(8,0,this.addFrontCodeID)):r?(this.unhighlight(1,0,this.addBackCodeID),this.unhighlight(2,0,this.addBackCodeID),this.unhighlight(3,0,this.addBackCodeID),this.unhighlight(7,0,this.addBackCodeID),this.highlight(9,0,this.addBackCodeID)):(this.unhighlight(8,0,this.addIndexCodeID),this.unhighlight(10,0,this.addIndexCodeID),this.unhighlight(11,0,this.addIndexCodeID),this.unhighlight(12,0,this.addIndexCodeID),this.highlight(13,0,this.addIndexCodeID)),this.size=this.size+1,this.resetNodePositions(),this.cmd(Ra.delete,l),this.cmd(Ra.step),n||(this.removeCode(this.addFrontCodeID),this.removeCode(this.addBackCodeID),this.removeCode(this.addIndexCodeID)),this.commands}remove(t,e,i,s){this.commands=[],this.setInfoText(""),this.removeIndexCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"removeIndex",Fl,Al),this.removeFrontCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"removeFront",460,Al),this.removeBackCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"removeBack",755,Al),e?this.highlight(0,0,this.removeFrontCodeID):i?this.highlight(0,0,this.removeBackCodeID):s&&this.highlight(0,0,this.removeIndexCodeID);const h=e||s&&0===t,n=i||s&&t===this.size-1&&!h,a=!h&&!n;s&&(h?(this.cmd(Ra.step),this.highlight(1,0,this.removeIndexCodeID),this.highlight(2,0,this.removeIndexCodeID),this.highlight(0,0,this.removeFrontCodeID)):n&&(this.cmd(Ra.step),this.highlight(3,0,this.removeIndexCodeID),this.highlight(4,0,this.removeIndexCodeID),this.highlight(0,0,this.removeBackCodeID))),this.cmd(Ra.step),t=parseInt(t);const r=this.nextIndex++,o=this.nextIndex++;this.cmd(Ra.setText,this.leftoverLabelID,""),h?this.highlight(1,0,this.removeFrontCodeID):n?this.highlight(1,0,this.removeBackCodeID):this.highlight(5,0,this.removeIndexCodeID),this.cmd(Ra.step),n&&this.size>0?(this.unhighlight(1,0,this.removeBackCodeID),this.highlight(3,0,this.removeBackCodeID),this.cmd(Ra.step),this.highlight(4,0,this.removeBackCodeID),this.cmd(Ra.step),this.unhighlight(4,0,this.removeBackCodeID),this.highlight(5,0,this.removeBackCodeID)):a&&(this.highlight(6,0,this.removeIndexCodeID),this.cmd(Ra.step),this.highlight(7,0,this.removeIndexCodeID)),this.traverse(0,t-1,n,!0),a?(this.unhighlight(7,0,this.removeIndexCodeID),this.unhighlight(8,0,this.removeIndexCodeID),this.highlight(10,0,this.removeIndexCodeID)):n&&(this.unhighlight(5,0,this.removeBackCodeID),this.unhighlight(6,0,this.removeBackCodeID),this.highlight(8,0,this.removeBackCodeID));const l=100+100*t;if(this.cmd(Ra.createLabel,r,"Removing Value: ",50,30),this.cmd(Ra.createLabel,o,this.arrayData[t],l,200),this.cmd(Ra.move,o,120,30),this.cmd(Ra.setTextColor,this.linkedListElemID[t],"#FF0000"),this.cmd(Ra.step),h&&this.unhighlight(1,0,this.removeFrontCodeID),1!==this.size)if(0===t)this.highlight(2,0,this.removeFrontCodeID),this.cmd(Ra.disconnect,this.topID,this.linkedListElemID[t]),this.cmd(Ra.connect,this.topID,this.linkedListElemID[t+1]),this.cmd(Ra.step),this.cmd(Ra.disconnect,this.linkedListElemID[0],this.linkedListElemID[1]),this.cmd(Ra.setNull,this.linkedListElemID[0],1);else if(t===this.size-1)this.unhighlight(8,0,this.removeBackCodeID),this.highlight(9,0,this.removeBackCodeID),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[t]),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[t-1]),this.cmd(Ra.step),this.cmd(Ra.disconnect,this.linkedListElemID[t-1],this.linkedListElemID[t]),this.cmd(Ra.setNull,this.linkedListElemID[t-1],1),this.cmd(Ra.step);else{this.unhighlight(10,0,this.removeIndexCodeID),this.highlight(11,0,this.removeIndexCodeID);const e=t%8*100+100,i=140;this.cmd(Ra.move,this.linkedListElemID[t],e,i),this.cmd(Ra.step),this.cmd(Ra.disconnect,this.linkedListElemID[t-1],this.linkedListElemID[t]),this.cmd(Ra.connect,this.linkedListElemID[t-1],this.linkedListElemID[t+1]),this.cmd(Ra.step),this.cmd(Ra.disconnect,this.linkedListElemID[t],this.linkedListElemID[t+1])}this.unhighlight(2,0,this.removeFrontCodeID),this.unhighlight(9,0,this.removeBackCodeID),this.unhighlight(11,0,this.removeIndexCodeID),a?this.highlight(12,0,this.removeIndexCodeID):n?this.highlight(10,0,this.removeBackCodeID):this.highlight(3,0,this.removeFrontCodeID),this.cmd(Ra.step),this.cmd(Ra.delete,this.linkedListElemID[t]),this.cmd(Ra.setHighlight,this.linkedListElemID[t-1],0);for(let d=t;dthis.addIndexCallback()),4,!0),this.controls.push(this.addValueField),Ha("at index",e),this.addIndexField=qa("Text","",e),this.addIndexField.style.textAlign="center",this.addIndexField.onkeydown=this.returnSubmit(this.addIndexField,(()=>this.addIndexCallback()),4,!0),this.controls.push(this.addIndexField),this.addFrontButton=qa("Button","Add to Front",i),this.addFrontButton.onclick=this.addFrontCallback.bind(this),this.controls.push(this.addFrontButton),this.addBackButton=qa("Button","Add to Back",i),this.addBackButton.onclick=()=>this.addBackCallback(),this.controls.push(this.addBackButton),Ha("or",i),this.addIndexButton=qa("Button","Add at Index",i),this.addIndexButton.onclick=this.addIndexCallback.bind(this),this.controls.push(this.addIndexButton),Wa();const s=Ua(!1),h=Ua(!0,s),n=Ua(!0,s);Ha("Index",h),this.removeField=qa("Text","",h),this.removeField.style.textAlign="center",this.removeField.onkeydown=this.returnSubmit(this.removeField,(()=>this.removeIndexCallback()),4,!0),this.controls.push(this.removeField),this.removeIndexButton=qa("Button","Remove from Index",h),this.removeIndexButton.onclick=()=>this.removeIndexCallback(),this.controls.push(this.removeIndexButton),Ha("or",n),this.removeFrontButton=qa("Button","Remove from Front",n),this.removeFrontButton.onclick=()=>this.removeFrontCallback(),this.controls.push(this.removeFrontButton),this.removeBackButton=qa("Button","Remove from Back",n),this.removeBackButton.onclick=()=>this.removeBackCallback(),this.controls.push(this.removeBackButton),Wa();const a=Ua(!1);this.randomButton=qa("Button","Random",a),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),this.clearButton=qa("Button","Clear",a),this.clearButton.onclick=()=>this.clearCallback(),this.controls.push(this.clearButton)}enableUI(){for(let t=0;t=0&&e<=this.size?(this.addValueField.value="",this.addIndexField.value="",this.implementAction(this.add.bind(this),t,e,!1,!1,!0)):(this.implementAction(this.setInfoText.bind(this),0===this.size?"Index must be 0 when the list is empty.":`Index must be between 0 and ${this.size}.`),this.shake(this.addIndexButton))}else this.implementAction(this.setInfoText.bind(this),"Missing input data or index."),this.shake(this.addIndexButton)}addFrontCallback(){if(""!==this.addValueField.value){const t=parseInt(this.addValueField.value);this.addValueField.value="",this.implementAction(this.add.bind(this),t,0,!0,!1,!1)}else this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addFrontButton)}addBackCallback(){if(""!==this.addValueField.value){const t=parseInt(this.addValueField.value);this.addValueField.value="",this.implementAction(this.add.bind(this),t,this.size,!1,!0,!1)}else this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addBackButton)}removeIndexCallback(){if(""!==this.removeField.value){const t=this.removeField.value;if(t>=0&&t1&&(t=`Index must be between 0 and ${this.size-1}.`),this.implementAction(this.setInfoText.bind(this),t),this.shake(this.removeIndexButton)}}else this.implementAction(this.setInfoText.bind(this),"Missing input index."),this.shake(this.removeIndexButton)}removeFrontCallback(){this.size>0?this.implementAction(this.remove.bind(this),0,!0,!1,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeFrontButton))}removeBackCallback(){this.size>0?this.implementAction(this.remove.bind(this),this.size-1,!1,!0,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeBackButton))}randomCallback(){const t=Math.floor(4*Math.random())+3,e=new Set;this.implementAction(this.clearAll.bind(this));for(let i=0;i0&&this.cmd(Ra.setHighlight,this.linkedListElemID[e-1],0);this.cmd(Ra.step)}else{for(let e=this.size-1;e>=t;e--)this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.linkedListElemID[e],1),e0&&this.cmd(Ra.setHighlight,this.linkedListElemID[e-1],0);this.cmd(Ra.step)}else{for(let e=this.size-1;e>=t;e--)this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.linkedListElemID[e],1),e0&&e=e;l--)this.arrayData[l+1]=this.arrayData[l],this.linkedListElemID[l+1]=this.linkedListElemID[l];return this.arrayData[e]=t,this.linkedListElemID[e]=this.nextIndex++,this.cmd(Ra.setText,this.leftoverLabelID,""),this.cmd(Ra.step),(i||h&&0===e)&&0===this.size?this.highlight(1,0,this.addFrontCodeID):i||h&&0===e?this.highlight(4,0,this.addFrontCodeID):h&&0===e?this.unhighlight(1,0,this.addIndexCodeID):h&&e0&&tthis.addIndexCallback()),4,!0),this.controls.push(this.addValueField),Ha("at index",e),this.addIndexField=qa("Text","",e),this.addIndexField.style.textAlign="center",this.addIndexField.onkeydown=this.returnSubmit(this.addIndexField,(()=>this.addIndexCallback()),4,!0),this.controls.push(this.addIndexField),this.addFrontButton=qa("Button","Add to Front",i),this.addFrontButton.onclick=this.addFrontCallback.bind(this),this.controls.push(this.addFrontButton),this.addBackButton=qa("Button","Add to Back",i),this.addBackButton.onclick=()=>this.addBackCallback(),this.controls.push(this.addBackButton),Ha("or",i),this.addIndexButton=qa("Button","Add at Index",i),this.addIndexButton.onclick=this.addIndexCallback.bind(this),this.controls.push(this.addIndexButton),Wa();const s=Ua(!1),h=Ua(!0,s),n=Ua(!0,s);Ha("Index",h),this.removeField=qa("Text","",h),this.removeField.style.textAlign="center",this.removeField.onkeydown=this.returnSubmit(this.removeField,(()=>this.removeIndexCallback()),4,!0),this.controls.push(this.removeField),this.removeIndexButton=qa("Button","Remove from Index",h),this.removeIndexButton.onclick=()=>this.removeIndexCallback(),this.controls.push(this.removeIndexButton),Ha("or",n),this.removeFrontButton=qa("Button","Remove from Front",n),this.removeFrontButton.onclick=()=>this.removeFrontCallback(),this.controls.push(this.removeFrontButton),this.removeBackButton=qa("Button","Remove from Back",n),this.removeBackButton.onclick=()=>this.removeBackCallback(),this.controls.push(this.removeBackButton),Wa();const a=Ua(!1);this.randomButton=qa("Button","Random",a),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),this.clearButton=qa("Button","Clear",a),this.clearButton.onclick=()=>this.clearCallback(),this.controls.push(this.clearButton)}enableUI(){for(let t=0;t=0&&e<=this.size?(this.addValueField.value="",this.addIndexField.value="",this.implementAction(this.add.bind(this),t,e,!1,!1,!0)):(this.implementAction(this.setInfoText.bind(this),0===this.size?"Index must be 0 when the list is empty.":`Index must be between 0 and ${this.size}.`),this.shake(this.addIndexButton))}else this.implementAction(this.setInfoText.bind(this),"Missing input data or index."),this.shake(this.addIndexButton)}addFrontCallback(){if(""!==this.addValueField.value&&this.size<15){const t=parseInt(this.addValueField.value);this.addValueField.value="",this.implementAction(this.add.bind(this),t,0,!0,!1,!1)}else this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addFrontButton)}addBackCallback(){if(""!==this.addValueField.value&&this.size<15){const t=parseInt(this.addValueField.value);this.addValueField.value="",this.implementAction(this.add.bind(this),t,this.size,!1,!0,!1)}else this.implementAction(this.setInfoText.bind(this),"Missing input data."),this.shake(this.addBackButton)}removeIndexCallback(){if(""!==this.removeField.value){const t=this.removeField.value;if(t>=0&&t1&&(t=`Index must be between 0 and ${this.size-1}.`),this.implementAction(this.setInfoText.bind(this),t),this.shake(this.removeIndexButton)}}else this.implementAction(this.setInfoText.bind(this),"Missing input index."),this.shake(this.removeIndexButton)}removeFrontCallback(){this.size>0?this.implementAction(this.remove.bind(this),0,!0,!1,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeFrontButton))}removeBackCallback(){this.size>0?this.implementAction(this.remove.bind(this),this.size-1,!1,!0,!1):(this.implementAction(this.setInfoText.bind(this),"Cannot remove from an empty list."),this.shake(this.removeBackButton))}randomCallback(){const t=Math.floor(5*Math.random())+4,e=new Set;this.implementAction(this.clearAll.bind(this));for(let i=0;i0&&this.cmd(Ra.setHighlight,this.linkedListElemID[e-1],0);this.cmd(Ra.step)}add(t,e,i,s,h,n){this.commands=[],this.setInfoText(""),n||(this.addIndexCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addIndex",Zr,Jr),this.addFrontCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addFront",710,Jr),this.addBackCodeID=this.addCodeToCanvasBaseAll(this.pseudocode,"addBack",1050,Jr)),i||h&&0===e?this.highlight(0,0,this.addFrontCodeID):(s||h&&e===this.size)&&(this.highlight(0,0,this.addFrontCodeID),this.highlight(0,0,this.addBackCodeID),this.highlight(1,0,this.addBackCodeID)),h&&0===e?(this.highlight(0,0,this.addIndexCodeID),this.highlight(1,0,this.addIndexCodeID),this.highlight(2,0,this.addIndexCodeID),i=!0):h&&e===this.size?(this.highlight(0,0,this.addIndexCodeID),this.highlight(3,0,this.addIndexCodeID),this.highlight(4,0,this.addIndexCodeID),s=!0):h&&this.highlight(0,0,this.addIndexCodeID),e0&&(this.cmd(Ra.step),this.highlight(5,0,this.addIndexCodeID),this.highlight(6,0,this.addIndexCodeID),this.highlight(7,0,this.addIndexCodeID),this.highlight(8,0,this.addIndexCodeID)),this.traverse(e-1));const a=this.nextIndex++,r=this.nextIndex++;for(let o=this.size-1;o>=e;o--)this.arrayData[o+1]=this.arrayData[o];if(this.arrayData[e]=t,0===this.size||0!==e&&e!==this.size){for(let t=this.size-1;t>=e;t--)this.linkedListElemID[t+1]=this.linkedListElemID[t];this.linkedListElemID[e]=this.nextIndex++}else{for(let t=this.size-1;t>=1;t--)this.linkedListElemID[t+1]=this.linkedListElemID[t];this.linkedListElemID[1]=this.nextIndex++}if(this.cmd(Ra.setText,this.leftoverLabelID,""),this.cmd(Ra.createLabel,a,"Adding Value: ",75,30),this.cmd(Ra.createLabel,r,t,150,30),this.cmd(Ra.step),0===this.size||0!==e&&e!==this.size?this.cmd(Ra.createCircularlyLinkedListNode,this.linkedListElemID[e],"",70,30,Xr,Gr):this.cmd(Ra.createCircularlyLinkedListNode,this.linkedListElemID[1],"",70,30,Xr,Gr),0===this.size)(i||s)&&(this.highlight(1,0,this.addFrontCodeID),this.highlight(2,0,this.addFrontCodeID)),this.cmd(Ra.move,r,Xr,Gr),this.cmd(Ra.setText,this.linkedListElemID[0],t),this.cmd(Ra.connect,this.headID,this.linkedListElemID[0]),this.cmd(Ra.step),(i||s)&&(this.unhighlight(2,0,this.addFrontCodeID),this.highlight(3,0,this.addFrontCodeID)),this.cmd(Ra.delete,r),this.cmd(Ra.connectCurve,this.linkedListElemID[0],this.linkedListElemID[0],-.5),this.cmd(Ra.step),this.size=this.size+1,this.resetNodePositions(),this.cmd(Ra.step),(i||s)&&(this.unhighlight(1,0,this.addFrontCodeID),this.unhighlight(3,0,this.addFrontCodeID)),s&&this.highlight(9,0,this.addFrontCodeID);else if(0===e||e===this.size){(i||s)&&(this.highlight(4,0,this.addFrontCodeID),this.highlight(5,0,this.addFrontCodeID));const h=this.nextIndex++,n=0===e?this.arrayData[1]:this.arrayData[0];if(this.cmd(Ra.createLabel,h,n,Ur,Kr),this.cmd(Ra.move,h,Xr,Gr),this.cmd(Ra.step),this.cmd(Ra.setText,this.linkedListElemID[1],n),this.cmd(Ra.delete,h),(i||s)&&(this.unhighlight(5,0,this.addFrontCodeID),this.highlight(6,0,this.addFrontCodeID)),this.cmd(Ra.move,r,Ur,Kr),this.cmd(Ra.setText,this.linkedListElemID[0],t),this.cmd(Ra.delete,r),this.cmd(Ra.step),(i||s)&&(this.unhighlight(6,0,this.addFrontCodeID),this.highlight(7,0,this.addFrontCodeID),this.highlight(8,0,this.addFrontCodeID)),1===this.size?(this.cmd(Ra.disconnect,this.linkedListElemID[0],this.linkedListElemID[0]),this.cmd(Ra.connect,this.linkedListElemID[0],this.linkedListElemID[1]),this.cmd(Ra.connectCurve,this.linkedListElemID[1],this.linkedListElemID[0],-.5)):(this.cmd(Ra.disconnect,this.linkedListElemID[0],this.linkedListElemID[2]),this.cmd(Ra.connect,this.linkedListElemID[0],this.linkedListElemID[1]),this.cmd(Ra.connect,this.linkedListElemID[1],this.linkedListElemID[2])),this.cmd(Ra.step),this.size=this.size+1,this.cmd(Ra.connect,this.headID,this.linkedListElemID[0]),this.resetNodePositions(),this.cmd(Ra.step),s&&(this.unhighlight(4,0,this.addFrontCodeID),this.unhighlight(7,0,this.addFrontCodeID),this.unhighlight(8,0,this.addFrontCodeID),this.highlight(9,0,this.addFrontCodeID),this.cmd(Ra.step)),e===this.size-1){let t;s&&(this.unhighlight(9,0,this.addFrontCodeID),this.unhighlight(0,0,this.addFrontCodeID),this.unhighlight(1,0,this.addBackCodeID),this.highlight(2,0,this.addBackCodeID)),this.cmd(Ra.disconnect,this.headID,this.linkedListElemID[0]);const e=this.linkedListElemID[0];for(t=0;t1?(this.cmd(Ra.step),this.highlight(5,0,this.removeBackCodeID),this.highlight(6,0,this.removeBackCodeID),this.highlight(7,0,this.removeBackCodeID),this.highlight(8,0,this.removeBackCodeID)):s&&t>0&&(this.cmd(Ra.step),this.highlight(5,0,this.removeIndexCodeID),this.highlight(6,0,this.removeIndexCodeID),this.highlight(7,0,this.removeIndexCodeID),this.highlight(8,0,this.removeIndexCodeID)),this.traverse(t-1),this.cmd(Ra.setText,this.leftoverLabelID,"");const a=Ur+Qr*t;if(this.cmd(Ra.createLabel,h,"Removing Value: ",75,30),this.cmd(Ra.createLabel,n,this.arrayData[t],a,275),e?this.highlight(1,0,this.removeFrontCodeID):i?(this.unhighlight(5,0,this.removeBackCodeID),this.unhighlight(6,0,this.removeBackCodeID),this.unhighlight(7,0,this.removeBackCodeID),this.unhighlight(8,0,this.removeBackCodeID),1!==this.size&&this.highlight(9,0,this.removeBackCodeID)):s&&(this.unhighlight(5,0,this.removeIndexCodeID),this.unhighlight(6,0,this.removeIndexCodeID),this.unhighlight(7,0,this.removeIndexCodeID),this.unhighlight(8,0,this.removeIndexCodeID),this.highlight(9,0,this.removeIndexCodeID)),this.cmd(Ra.move,n,150,30),this.cmd(Ra.step),e?this.unhighlight(1,0,this.removeFrontCodeID):i?this.unhighlight(9,0,this.removeBackCodeID):s&&this.unhighlight(9,0,this.removeIndexCodeID),1!==this.size){if(0===t){e&&(this.highlight(4,0,this.removeFrontCodeID),this.highlight(5,0,this.removeFrontCodeID));const t=this.nextIndex++,i=175,s=Kr;this.cmd(Ra.createLabel,t,this.arrayData[1],i,s),this.cmd(Ra.move,t,Ur,Kr),this.cmd(Ra.setText,this.linkedListElemID[0],this.arrayData[1]),this.cmd(Ra.delete,t),this.cmd(Ra.step),e&&(this.unhighlight(5,0,this.removeFrontCodeID),this.highlight(6,0,this.removeFrontCodeID)),this.cmd(Ra.move,this.linkedListElemID[1],i,s-60),this.cmd(Ra.disconnect,this.linkedListElemID[0],this.linkedListElemID[1]),2===this.size?this.cmd(Ra.connectCurve,this.linkedListElemID[0],this.linkedListElemID[0],-.5):this.cmd(Ra.connect,this.linkedListElemID[0],this.linkedListElemID[2])}else if(t===this.size-1)i&&this.highlight(10,0,this.removeBackCodeID),this.cmd(Ra.disconnect,this.linkedListElemID[t-1],this.linkedListElemID[t]),2===this.size?this.cmd(Ra.connectCurve,this.linkedListElemID[0],this.linkedListElemID[0],-.5):this.cmd(Ra.connectCurve,this.linkedListElemID[t-1],this.linkedListElemID[0],-.5);else{s&&this.highlight(10,0,this.removeIndexCodeID);const e=t%Yr*Qr+Ur,i=215;this.cmd(Ra.move,this.linkedListElemID[t],e,i),this.cmd(Ra.disconnect,this.linkedListElemID[t-1],this.linkedListElemID[t]),this.cmd(Ra.connect,this.linkedListElemID[t-1],this.linkedListElemID[t+1])}this.cmd(Ra.step);const h=0===t?1:t;this.cmd(Ra.delete,this.linkedListElemID[h]);for(let t=h;t0?this.implementAction(this.pop.bind(this)):this.shake(this.popButton)}randomCallback(){this.implementAction(this.clearAll.bind(this));const t=this.arrayData.length-1,e=Math.floor(Math.random()*(t-3+1))+3,i=new Set;for(let s=0;s=0;t--){const e=(this.top-1-t)%12*100+100,i=100*Math.floor((this.top-1-t)/12)+250;this.cmd(Ra.move,this.linkedListElemID[t],e,i)}}reset(){this.top=0,this.nextIndex=this.initialIndex}pushCallback(){if(this.top<32&&""!==this.pushField.value){const t=this.pushField.value;this.pushField.value="",this.implementAction(this.push.bind(this),t)}else this.shake(this.pushButton)}popCallback(){this.top>0?this.implementAction(this.pop.bind(this)):this.shake(this.popButton)}randomCallback(){const t=Math.floor(6*Math.random())+2,e=new Set;this.implementAction(this.clearAll.bind(this));for(let i=0;i0&&void 0!==arguments[0]?arguments[0]:0;this.enqueueField.value="",this.commands=[],this.cmd(Ra.setText,this.leftoverLabelID,""),this.cmd(Ra.setText,this.leftoverValID,"");for(let s=0;s=0;t--){const e=(this.top-1-t)%12*100+100,i=100*Math.floor((this.top-1-t)/12)+225;this.cmd(Ra.move,this.linkedListElemID[t],e,i)}}reset(){this.top=0,this.nextIndex=this.initialIndex}enqueueCallback(){if(this.top<32&&""!==this.enqueueField.value){const t=this.enqueueField.value;this.enqueueField.value="",this.implementAction(this.enqueue.bind(this),t)}else this.shake(this.enqueueButton)}dequeueCallback(){this.top>0?this.implementAction(this.dequeue.bind(this)):this.shake(this.dequeueButton)}randomCallback(){const t=Math.floor(6*Math.random())+2,e=new Set;this.implementAction(this.clearAll.bind(this));for(let i=0;i0;s--)this.arrayData[s]=this.arrayData[s-1],this.linkedListElemID[s]=this.linkedListElemID[s-1];this.arrayData[0]=t,this.linkedListElemID[0]=this.nextIndex++;const e=this.nextIndex++,i=this.nextIndex++;return this.highlight(1,0,this.enqueueCodeID),this.cmd(Ra.createLinkedListNode,this.linkedListElemID[0],"",70,30,250,100,.25,0,1),this.cmd(Ra.setNull,this.linkedListElemID[0],1),this.cmd(Ra.createLabel,e,"Enqueuing Value: ",60,30),this.cmd(Ra.createLabel,i,t,130,30),this.cmd(Ra.step),this.cmd(Ra.move,i,250,100),this.cmd(Ra.setText,this.linkedListElemID[0],t),this.cmd(Ra.delete,i),this.cmd(Ra.step),this.unhighlight(1,0,this.enqueueCodeID),0===this.top?(this.highlight(2,0,this.enqueueCodeID),this.highlight(3,0,this.enqueueCodeID),this.cmd(Ra.setNull,this.headID,0),this.cmd(Ra.setNull,this.tailID,0),this.cmd(Ra.connect,this.headID,this.linkedListElemID[this.top]),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[this.top]),this.cmd(Ra.step)):(this.highlight(4,0,this.enqueueCodeID),this.highlight(5,0,this.enqueueCodeID),this.cmd(Ra.setNull,this.linkedListElemID[1],0),this.cmd(Ra.connect,this.linkedListElemID[1],this.linkedListElemID[0]),this.cmd(Ra.step)),this.top=this.top+1,this.resetLinkedListPositions(),this.cmd(Ra.step),this.unhighlight(2,0,this.enqueueCodeID),this.unhighlight(3,0,this.enqueueCodeID),this.unhighlight(4,0,this.enqueueCodeID),this.unhighlight(5,0,this.enqueueCodeID),this.highlight(6,0,this.enqueueCodeID),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[1]),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[0]),this.cmd(Ra.step),this.unhighlight(6,0,this.enqueueCodeID),this.highlight(7,0,this.enqueueCodeID),this.cmd(Ra.step),this.cmd(Ra.delete,e),this.unhighlight(7,0,this.enqueueCodeID),this.unhighlight(0,0,this.enqueueCodeID),this.commands}dequeue(){this.commands=[];const t=this.nextIndex++,e=this.nextIndex++;return this.highlight(0,0,this.dequeueCodeID),this.cmd(Ra.setText,this.leftoverLabelID,""),this.cmd(Ra.step),this.highlight(1,0,this.dequeueCodeID),this.cmd(Ra.createLabel,t,"Dequeued Value: ",60,30),this.cmd(Ra.createLabel,e,this.arrayData[this.top-1],100,225),this.cmd(Ra.move,e,130,30),this.cmd(Ra.step),this.unhighlight(1,0,this.dequeueCodeID),this.cmd(Ra.disconnect,this.headID,this.linkedListElemID[this.top-1]),1===this.top?(this.highlight(2,0,this.dequeueCodeID),this.highlight(3,0,this.dequeueCodeID),this.highlight(4,0,this.dequeueCodeID),this.cmd(Ra.setNull,this.headID,1),this.cmd(Ra.setNull,this.tailID,1),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[this.top-1])):(this.highlight(5,0,this.dequeueCodeID),this.highlight(6,0,this.dequeueCodeID),this.cmd(Ra.connect,this.headID,this.linkedListElemID[this.top-2])),this.cmd(Ra.step),this.unhighlight(2,0,this.dequeueCodeID),this.unhighlight(3,0,this.dequeueCodeID),this.unhighlight(4,0,this.dequeueCodeID),this.unhighlight(5,0,this.dequeueCodeID),this.unhighlight(6,0,this.dequeueCodeID),this.highlight(7,0,this.dequeueCodeID),this.highlight(8,0,this.dequeueCodeID),this.cmd(Ra.delete,this.linkedListElemID[this.top-1]),this.top=this.top-1,this.resetLinkedListPositions(),this.cmd(Ra.step),this.unhighlight(8,0,this.dequeueCodeID),this.unhighlight(7,0,this.dequeueCodeID),this.unhighlight(0,0,this.dequeueCodeID),this.cmd(Ra.delete,e),this.cmd(Ra.delete,t),this.commands}clearAll(){this.enqueueField.value="",this.commands=[];for(let t=0;t0?this.implementAction(this.remove.bind(this),0):this.shake(this.removeFirstButton)}removeLastCallback(){this.size>0?this.implementAction(this.remove.bind(this),this.size-1):this.shake(this.removeLastButton)}randomCallback(){const t=Math.floor(4*Math.random())+2,e=new Set;this.implementAction(this.clearAll.bind(this));for(let i=0;i=e;h--)this.arrayData[h+1]=this.arrayData[h],this.linkedListElemID[h+1]=this.linkedListElemID[h];return this.arrayData[e]=t,this.linkedListElemID[e]=this.nextIndex++,this.cmd(Ra.setText,this.leftoverLabelID,""),this.cmd(Ra.setText,this.leftoverValID,""),this.cmd(Ra.createDoublyLinkedListNode,this.linkedListElemID[e],"",100,30,200,50,.25),this.cmd(Ra.createLabel,i,"Enqueuing Value: ",60,30),this.cmd(Ra.createLabel,s,t,130,30),this.cmd(Ra.step),this.cmd(Ra.move,s,200,50),this.cmd(Ra.step),this.cmd(Ra.setText,this.linkedListElemID[e],t),this.cmd(Ra.delete,s),0===e&&(this.cmd(Ra.setPrevNull,this.linkedListElemID[e],1),this.cmd(Ra.connect,this.headID,this.linkedListElemID[e])),e===this.size&&(this.cmd(Ra.setNextNull,this.linkedListElemID[e],1),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[e])),0!==this.size&&(0===e?(this.cmd(Ra.setPrevNull,this.linkedListElemID[e+1],0),this.cmd(Ra.connectNext,this.linkedListElemID[e],this.linkedListElemID[e+1]),this.cmd(Ra.connectPrev,this.linkedListElemID[e+1],this.linkedListElemID[e]),this.cmd(Ra.disconnect,this.headID,this.linkedListElemID[e+1])):e===this.size?(this.cmd(Ra.setNextNull,this.linkedListElemID[e-1],0),this.cmd(Ra.connectNext,this.linkedListElemID[e-1],this.linkedListElemID[e]),this.cmd(Ra.connectPrev,this.linkedListElemID[e],this.linkedListElemID[e-1]),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[e-1])):(this.cmd(Ra.disconnect,this.linkedListElemID[e-1],this.linkedListElemID[e+1]),this.cmd(Ra.disconnect,this.linkedListElemID[e+1],this.linkedListElemID[e-1]),this.cmd(Ra.connectNext,this.linkedListElemID[e-1],this.linkedListElemID[e]),this.cmd(Ra.connectPrev,this.linkedListElemID[e],this.linkedListElemID[e-1]),this.cmd(Ra.connectNext,this.linkedListElemID[e],this.linkedListElemID[e+1]),this.cmd(Ra.connectPrev,this.linkedListElemID[e+1],this.linkedListElemID[e]))),this.cmd(Ra.step),this.size=this.size+1,this.resetNodePositions(),this.cmd(Ra.delete,i),this.cmd(Ra.step),this.commands}remove(t){this.commands=[],t=parseInt(t);const e=this.nextIndex++,i=this.nextIndex++;this.cmd(Ra.setText,this.leftoverLabelID,""),this.cmd(Ra.setText,this.leftoverValID,"");const s=100+150*t;if(this.cmd(Ra.createLabel,e,"Removed Value: ",60,30),this.cmd(Ra.createLabel,i,this.arrayData[t],s,200),this.cmd(Ra.move,i,130,30),this.cmd(Ra.step),1!==this.size)if(0===t)this.cmd(Ra.disconnect,this.linkedListElemID[t+1],this.linkedListElemID[t]),this.cmd(Ra.setPrevNull,this.linkedListElemID[t+1],1),this.cmd(Ra.disconnect,this.headID,this.linkedListElemID[t]),this.cmd(Ra.connect,this.headID,this.linkedListElemID[t+1]);else if(t===this.size-1)this.cmd(Ra.disconnect,this.linkedListElemID[t-1],this.linkedListElemID[t]),this.cmd(Ra.setNextNull,this.linkedListElemID[t-1],1),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[t]),this.cmd(Ra.connect,this.tailID,this.linkedListElemID[t-1]);else{const e=t%8*150+100,i=140;this.cmd(Ra.move,this.linkedListElemID[t],e,i),this.cmd(Ra.step),this.cmd(Ra.disconnect,this.linkedListElemID[t-1],this.linkedListElemID[t]),this.cmd(Ra.disconnect,this.linkedListElemID[t+1],this.linkedListElemID[t]),this.cmd(Ra.connectNext,this.linkedListElemID[t-1],this.linkedListElemID[t+1]),this.cmd(Ra.connectPrev,this.linkedListElemID[t+1],this.linkedListElemID[t-1])}else this.cmd(Ra.disconnect,this.headID,this.linkedListElemID[t]),this.cmd(Ra.disconnect,this.tailID,this.linkedListElemID[t]);this.cmd(Ra.setText,this.leftoverLabelID,"Removed Value: "),this.cmd(Ra.setText,this.leftoverValID,this.arrayData[t]),this.cmd(Ra.delete,i),this.cmd(Ra.delete,e),this.cmd(Ra.step),this.cmd(Ra.delete,this.linkedListElemID[t]);for(let h=t;h 999',t);const e=Ua(!0,t);this.buildHeapField=qa("Text","",e),this.buildHeapField.onkeydown=this.returnSubmit(this.buildHeapField,this.buildHeapCallback.bind(this),50,!1),this.controls.push(this.buildHeapField),this.buildHeapButton=qa("Button","BuildHeap",e),this.buildHeapButton.onclick=this.buildHeapCallback.bind(this),this.controls.push(this.buildHeapButton),this.randomButton=qa("Button","Random",e),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),Wa(),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa();const i=$a(["MinHeap","MaxHeap"],"MinHeap/MaxHeap");this.minHeapButton=i[0],this.minHeapButton.onclick=this.minHeapCallback.bind(this),this.minHeapButton.checked=!0,this.maxHeapButton=i[1],this.maxHeapButton.onclick=this.maxHeapCallback.bind(this),this.isMinHeap=!0,this.controls.push(this.minHeapButton),this.controls.push(this.maxHeapButton)}createArray(){this.commands=[],this.arrayData=new Array(this.array_size),this.arrayLabels=new Array(this.array_size),this.arrayRects=new Array(this.array_size),this.circleObjs=new Array(this.array_size),this.arrayXPositions=new Array(this.array_size),this.currentHeapSize=0;for(let t=0;t""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.buildHeap.bind(this),t)}randomCallback(){const t=Math.floor(14*Math.random())+5;let e="";for(let i=0;i0;)this.cmd(Ra.delete,this.circleObjs[this.currentHeapSize]),this.cmd(Ra.setText,this.arrayRects[this.currentHeapSize],""),this.currentHeapSize--;return this.cmd(Ra.setText,this.descriptLabel1,""),this.cmd(Ra.setText,this.infoLabelID,""),this.commands}reset(){this.currentHeapSize=0,this.array_size=8,this.nextIndex=this.resetIndex,this.infoLabelID=this.nextIndex++,this.arrayData=new Array(this.array_size),this.arrayLabels=new Array(this.array_size),this.arrayRects=new Array(this.array_size),this.circleObjs=new Array(this.array_size),this.arrayXPositions=new Array(this.array_size);for(let t=0;tthis.arrayData[2*t])return!0}downheapCompare(t,e){if(this.isMinHeap){if(this.arrayData[t]this.arrayData[e])return!0}remove(){return this.commands=[],this.cmd(Ra.setText,this.descriptLabel1,""),0===this.currentHeapSize?(this.shake(this.removeButton),this.cmd(Ra.setText,this.infoLabelID,""),this.cmd(Ra.setText,this.descriptLabel1,"Heap is empty, cannot dequeue"),this.commands):(this.cmd(Ra.setText,this.descriptLabel1,"Removing element:"),this.cmd(Ra.createLabel,this.descriptLabel2,this.arrayData[1],il[1],sl[1],0),this.cmd(Ra.setText,this.circleObjs[1],""),this.cmd(Ra.move,this.descriptLabel2,120,40),this.cmd(Ra.step),this.cmd(Ra.delete,this.descriptLabel2),this.cmd(Ra.setText,this.descriptLabel1,"Removing element: "+this.arrayData[1]),this.arrayData[1]="",this.currentHeapSize>1?(this.cmd(Ra.setText,this.arrayRects[1],""),this.cmd(Ra.setText,this.arrayRects[this.currentHeapSize],""),this.swap(1,this.currentHeapSize),this.cmd(Ra.delete,this.circleObjs[this.currentHeapSize]),this.currentHeapSize--,this.pushDown(1)):(this.cmd(Ra.setText,this.arrayRects[1],""),this.cmd(Ra.delete,this.circleObjs[this.currentHeapSize]),this.currentHeapSize--),this.commands)}buildHeap(t){if(this.commands=[],!t.length)return this.shake(this.buildHeapButton),this.cmd(Ra.setText,this.infoLabelID,'BuildHeap list must contain integers such as "3,1,2"'),this.commands;if(t.length>31)return this.cmd(Ra.setText,this.infoLabelID,`BuildHeap list cannot contain more than 31 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.cmd(Ra.setText,this.infoLabelID,"BuildHeap list cannot contain non-numeric values or numbers > 999"),this.commands;this.buildHeapField.value="",this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,31),this.arrayData=[...new Set(this.arrayData)],this.arrayData.unshift(0),this.currentHeapSize=this.arrayData.length-1;const e=Math.min(32,2*this.currentHeapSize+1);this.array_size!==e&&(this.commands=this.resize(e,!1)),this.cmd(Ra.setText,this.descriptLabel1,"Adding data to array"),this.cmd(Ra.step);for(let s=1;s<=this.currentHeapSize;s++)this.cmd(Ra.createCircle,this.circleObjs[s],this.arrayData[s],il[s],sl[s]),this.cmd(Ra.setText,this.arrayRects[s],this.arrayData[s]),s>1&&this.cmd(Ra.connect,this.circleObjs[Math.floor(s/2)],this.circleObjs[s]);this.cmd(Ra.step),this.cmd(Ra.setText,this.descriptLabel1,"Enforcing order property using downheap");let i=this.currentHeapSize;for(;i>0;)this.pushDown(i),i-=1;return this.cmd(Ra.step),this.cmd(Ra.setText,this.descriptLabel1,"BuildHeap complete!"),this.commands}insertElement(t){if(this.commands=[],this.cmd(Ra.setText,this.descriptLabel1,""),this.currentHeapSize===this.array_size-1){if(this.currentHeapSize>=31)return this.cmd(Ra.setText,this.descriptLabel1,"Array would normally resize here, but there's not enough space on the screen for a larger heap. So here's a cute emoji of jack instead: V\u2022\u1d25\u2022V"),this.commands;{const t=Math.min(32,2*this.array_size);this.commands=this.resize(t,!0)}}this.cmd(Ra.setText,this.infoLabelID,""),this.cmd(Ra.setText,this.descriptLabel1,"Enqueueing Element: "+t),this.cmd(Ra.step),this.cmd(Ra.setText,this.descriptLabel1,"Enqueueing Element: "),this.currentHeapSize++,this.arrayData[this.currentHeapSize]=t,this.cmd(Ra.createCircle,this.circleObjs[this.currentHeapSize],"",il[this.currentHeapSize],sl[this.currentHeapSize]),this.cmd(Ra.createLabel,this.descriptLabel2,t,120,45,1),this.currentHeapSize>1&&this.cmd(Ra.connect,this.circleObjs[Math.floor(this.currentHeapSize/2)],this.circleObjs[this.currentHeapSize]),this.cmd(Ra.move,this.descriptLabel2,il[this.currentHeapSize],sl[this.currentHeapSize]),this.cmd(Ra.step),this.cmd(Ra.setText,this.circleObjs[this.currentHeapSize],t),this.cmd(Ra.delete,this.descriptLabel2),this.cmd(Ra.setText,this.arrayRects[this.currentHeapSize],t);let e=this.currentHeapSize,i=Math.floor(e/2);for(e>1&&(this.setIndexHighlight(e,1),this.setIndexHighlight(i,1),this.cmd(Ra.setText,this.descriptLabel3,"Comparing child to parent"),this.cmd(Ra.step),this.setIndexHighlight(e,0),this.setIndexHighlight(i,0));e>1&&this.upheapCompare(e,i);)this.swap(e,i),e=i,i=Math.floor(i/2),e>1&&(this.setIndexHighlight(e,1),this.setIndexHighlight(i,1),this.cmd(Ra.setText,this.descriptLabel3,"Comparing child to parent"),this.cmd(Ra.step),this.setIndexHighlight(e,0),this.setIndexHighlight(i,0));return this.cmd(Ra.setText,this.descriptLabel1,""),this.cmd(Ra.setText,this.descriptLabel3,""),this.commands}resize(t,e){this.commands=[];const i=this.nextIndex++;e&&(this.cmd(Ra.createLabel,i,"Resize Required: size == array.length - 1",400,20),this.cmd(Ra.step),32===t?this.cmd(Ra.setText,i,"Resizing to 32 (Max array size)"):this.cmd(Ra.setText,i,"Resizing to 2 * array.length"));const s=this.array_size;this.array_size=t,this.newArrayData=new Array(this.array_size),this.newArrayLabels=new Array(this.array_size),this.newArrayRects=new Array(this.array_size),this.newCircleObjs=new Array(this.array_size),this.newArrayXPositions=new Array(this.array_size);for(let h=0;hthis.arrayData[e])return!0}disableUI(){this.controls.forEach((t=>t.disabled=!0))}enableUI(){this.controls.forEach((t=>t.disabled=!1))}}],SkipList:["SkipList",class extends Ga{constructor(t,e,i){super(t,e,i),this.addControls(),this.nextIndex=0,this.setup()}addControls(){this.controls=[];const t=Ua(!1),e=Ua(!0,t),i=Ua(!0,t);Wa();const s=Ua(!1),h=Ua(!0,s),n=Ua(!0,s);Ha("Add",e),this.addValueField=qa("Text","",e),this.addValueField.style.textAlign="center",this.addValueField.setAttribute("placeholder","Value"),this.addValueField.onkeydown=this.returnSubmit(this.addValueField,this.addWithHeadsCallback.bind(this),4,!0),this.controls.push(this.addValueField),Ha("with",e),this.headsField=qa("Text","",e),this.headsField.style.textAlign="center",this.headsField.setAttribute("placeholder","#"),this.headsField.onkeydown=this.returnSubmit(this.headsField,this.addWithHeadsCallback.bind(this),4,!0),this.controls.push(this.headsField),Ha("heads (Max 4)",e),this.addWithHeadsButton=qa("Button","Add",i),this.addWithHeadsButton.onclick=this.addWithHeadsCallback.bind(this),this.controls.push(this.addWithHeadsButton),Ha("Add",h),this.addValueFieldRandom=qa("Text","",h),this.addValueFieldRandom.style.textAlign="center",this.addValueFieldRandom.setAttribute("placeholder","Value"),this.addValueFieldRandom.onkeydown=this.returnSubmit(this.addValueFieldRandom,this.addRandomlyCallback.bind(this),4,!0),this.controls.push(this.addValueFieldRandom),Ha("with random coin flip",h),this.addRandomlyButton=qa("Button","Add",n),this.addRandomlyButton.onclick=this.addRandomlyCallback.bind(this),this.controls.push(this.addRandomlyButton),Wa(),this.removeField=qa("Text",""),this.removeField.style.textAlign="center",this.removeField.onkeydown=this.returnSubmit(this.removeField,this.removeCallback.bind(this),4,!0),this.controls.push(this.removeField),this.removeButton=qa("Button","Remove"),this.removeButton.onclick=this.removeCallback.bind(this),this.controls.push(this.removeButton),Wa(),this.getField=qa("Text",""),this.getField.style.textAlign="center",this.getField.onkeydown=this.returnSubmit(this.getField,this.getCallback.bind(this),4,!0),this.controls.push(this.getField),this.getButton=qa("Button","Get"),this.getButton.onclick=this.getCallback.bind(this),this.controls.push(this.getButton),Wa();const a=Ua(!1);this.randomButton=qa("Button","Random",a),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),this.clearButton=qa("Button","Clear",a),this.clearButton.onclick=()=>this.clearCallback(),this.controls.push(this.clearButton)}enableUI(){for(let t=0;tthis.data[o][0];)o++;if(t!==this.data[o][0]){for(let t=this.nodeID.length-1;t>=o;t--)this.nodeID[t+1]=this.nodeID[t],this.data[t+1]=this.data[t];this.nodeID[o]=[],this.data[o]=[]}let l=0,d=this.nodeID[0].length-1;const c=this.nextIndex++;this.cmd(Ra.createHighlightCircle,c,"#FF0000",Id,bd-Dd*d),this.cmd(Ra.setHighlight,c,1),this.cmd(Ra.step);let u=!1;for(;d>=0;){let e=this.getNextCol(l,d);if(t===this.data[e][d]){l=e,u=!0;break}for(;t>this.data[e][d];)this.cmd(Ra.move,c,Id+Dd*e,bd-Dd*d),this.cmd(Ra.step),l=e,e=this.getNextCol(l,d);if(t===this.data[e][d]){l=e,u=!0;break}d--,d>=0&&(this.cmd(Ra.move,c,Id+Dd*l,bd-Dd*d),this.cmd(Ra.step))}for(u?(this.cmd(Ra.move,c,Id+Dd*l,bd-Dd*d),this.cmd(Ra.step),this.cmd(Ra.setText,a,"Duplicate found!"),this.cmd(Ra.step)):this.shiftColumns(o),d++,this.cmd(Ra.createCircle,this.nextIndex++,"",-100,-100,0);d<=e;){this.cmd(Ra.setText,a,"Adding data"),this.cmd(Ra.step),this.data[o][d]=t,this.nodeID[o][d]=this.nextIndex++,this.cmd(Ra.createSkipListNode,this.nodeID[o][d],t,xd,xd,Id+Dd*o,bd-Dd*d);const e=this.getPrevCol(o,d),i=this.getNextCol(o,d);this.cmd(Ra.disconnect,this.nodeID[e][d],this.nodeID[i][d]),this.cmd(Ra.connectSkipList,this.nodeID[e][d],this.nodeID[o][d],3),this.cmd(Ra.connectSkipList,this.nodeID[o][d],this.nodeID[i][d],3),0!==d&&this.cmd(Ra.connectSkipList,this.nodeID[o][d-1],this.nodeID[o][d],0),this.cmd(Ra.step),this.cmd(Ra.move,c,Id+Dd*o,bd-Dd*d),this.cmd(Ra.step),d++}return this.cmd(Ra.delete,i),this.cmd(Ra.delete,s),this.cmd(Ra.delete,h),this.cmd(Ra.delete,n),this.cmd(Ra.delete,c),this.cmd(Ra.delete,a),this.size++,this.commands}remove(t){this.commands=[];const e=parseInt(t),i=this.nextIndex++,s=this.nextIndex++;this.cmd(Ra.createLabel,i,"Value to remove:",50,23),this.cmd(Ra.createLabel,s,e,120,23),this.cmd(Ra.step);let h=0,n=this.nodeID[0].length-1,a=-1;const r=this.nextIndex++;for(this.cmd(Ra.createHighlightCircle,r,"#FF0000",Id,bd-Dd*n),this.cmd(Ra.step);n>=0;){let t=this.getNextCol(h,n);for(;e>this.data[t][n];)this.cmd(Ra.move,r,Id+Dd*t,bd-Dd*n),this.cmd(Ra.step),h=t,t=this.getNextCol(h,n);if(e===this.data[t][n])for(a=t,h=t,this.cmd(Ra.move,r,Id+Dd*h,bd-Dd*n),this.cmd(Ra.step);n>=0;){t=this.getNextCol(h,n);const e=this.getPrevCol(h,n);this.cmd(Ra.disconnect,this.nodeID[e][n],this.nodeID[h][n]),this.cmd(Ra.disconnect,this.nodeID[h][n],this.nodeID[t][n]),null!=this.nodeID[h][n+1]&&this.cmd(Ra.disconnect,this.nodeID[h][n+1],this.nodeID[h][n]),this.cmd(Ra.connectSkipList,this.nodeID[e][n],this.nodeID[t][n],3),this.cmd(Ra.delete,this.nodeID[h][n]),this.cmd(Ra.step),n--,-1!==n&&(this.cmd(Ra.move,r,Id+Dd*h,bd-Dd*n),this.cmd(Ra.step))}else n--,-1!==n&&(this.cmd(Ra.move,r,Id+Dd*h,bd-Dd*n),this.cmd(Ra.step))}if(this.cmd(Ra.delete,i),this.cmd(Ra.delete,s),this.cmd(Ra.delete,r),-1!==a){for(let t=a;t=o;l--){this.data[0].pop();const t=this.nodeID[0].pop();this.cmd(Ra.delete,t);const e=this.nodeID.length-1;this.data[e].pop();const i=this.nodeID[e].pop();this.cmd(Ra.delete,i)}return this.cmd(Ra.step),this.size--,this.commands}get(t){this.commands=[];const e=parseInt(t);let i=0,s=this.nodeID[0].length-1;const h=this.nextIndex++;for(this.cmd(Ra.createHighlightCircle,h,"#FF0000",Id,bd-Dd*s),this.cmd(Ra.setHighlight,h,1),this.cmd(Ra.step);s>=0&&e!==this.data[i][s];){let t=this.getNextCol(i,s);for(;e>=this.data[t][s];)this.cmd(Ra.move,h,Id+Dd*t,bd-Dd*s),this.cmd(Ra.step),i=t,t=this.getNextCol(i,s);e!==this.data[i][s]&&(s--,this.cmd(Ra.move,h,Id+Dd*i,bd-Dd*s),this.cmd(Ra.step))}return this.cmd(Ra.delete,h),this.commands}shiftColumns(t){for(;tthis.load_factor&&2*this.table_size+1=0){const t=this.hashTableValues[e].elem;this.cmd(Ra.setText,this.ExplainLabel,"Deleting element: "+t+" Element deleted"),this.deleted[e]=!0,this.cmd(Ra.setText,this.hashTableVisual[e],"DEL"),this.size--}else this.cmd(Ra.setText,this.ExplainLabel,"Deleting element with key: "+t+" Key not in table");return this.commands}findElement(t){this.commands=[],this.cmd(Ra.setText,this.ExplainLabel,"Finding Key: "+t);const e=this.doHash(t),i=this.getElemIndex(e,t);return-1!==i?this.cmd(Ra.setText,this.ExplainLabel,"Found Key: "+t+" Value: "+this.hashTableValues[i].val):this.cmd(Ra.setText,this.ExplainLabel,"Finding Key: "+t+" Not Found!"),this.commands}resize(t){this.cmd(Ra.setText,this.ExplainLabel,""),this.cmd(Ra.setText,this.DelIndexLabel,"");const e=this.nextIndex++;if(t?this.cmd(Ra.createLabel,e,`(Resize Required): ${this.table_size} elements probed`,400,20):this.cmd(Ra.createLabel,e,`(Resize Required): (Size + 1.0 / length) > Load Factor --\x3e (${this.size} + 1 / ${this.table_size}) > ${this.load_factor}`,400,20),this.table_size=2*this.table_size+1,2*this.table_size+1>co&&(this.load_factor=.99,this.cmd(Ra.setText,this.loadFactorID,`Load Factor: ${this.load_factor}`)),this.cmd(Ra.step),this.oldHashTableVisual=this.hashTableVisual,this.oldHashTableValues=this.hashTableValues,this.oldskipDist=this.skipDist,this.oldempty=this.empty,this.olddeleted=this.deleted,this.oldIndexXPos=this.indexXPos,this.oldIndexYPos=this.indexYPos,this.oldindexLabelID=this.indexLabelID,this.hashTableValues=new Array(this.table_size),this.hashTableVisual=new Array(this.table_size),this.skipDist=new Array(this.table_size),this.empty=new Array(this.table_size),this.deleted=new Array(this.table_size),this.indexXPos=new Array(this.table_size),this.indexYPos=new Array(this.table_size),this.indexLabelID=new Array(this.table_size),"linear"===this.currentProbeType)for(let s=0;sco?(this.load_factor=.99,this.cmd(Ra.setText,this.loadFactorID,`Load Factor: ${this.load_factor}\n(Array length too large for resize)`),this.cmd(Ra.step)):(this.load_factor=lo,this.cmd(Ra.setText,this.loadFactorID,`Load Factor: ${this.load_factor}`),this.cmd(Ra.step)),this.empty=Array(this.table_size),this.deleted=Array(this.table_size);const t=Array(this.table_size),e=Array(this.table_size);this.hashTableValues=Array(this.table_size);for(let i=0;i30?(this.load_factor=.99,this.cmd(Ra.setText,this.loadFactorID,`Load Factor: ${this.load_factor}\n(Array length too large for resize)`),this.cmd(Ra.step)):(this.load_factor=Hl,this.cmd(Ra.step)),this.hashTableVisual=new Array(this.table_size),this.hashTableIndices=new Array(this.table_size),this.indexXPos=new Array(this.table_size),this.indexYPos=new Array(this.table_size);for(let t=0;t`;this.commands=[],this.cmd(Ra.setText,this.loadFactorID,`Load Factor: ${this.load_factor}`),(this.size+1)/this.table_size>this.load_factor&&2*this.table_size+1<30&&this.resize(),this.cmd(Ra.setText,this.ExplainLabel,"Inserting element "+i);const s=new Vl(t,e,this.nextIndex++,60,40);this.cmd(Ra.createLinkedListNode,s.graphicID,i,110,20,60,40,.25,0,1);const h=this.doHash(t);let n,a=!1,r=null;if(null!=this.hashTableValues[h]){this.cmd(Ra.setText,this.ExplainLabel,"Searching for duplicates of "+t);const e=this.nextIndex++;let i=this.hashTableValues[h];for(this.cmd(Ra.createLabel,e,"",550,45,0);null!=i&&!a;){if(this.cmd(Ra.setHighlight,i.graphicID,1),i.key===t){this.cmd(Ra.setText,e,i.key+" == "+t),n=i,a=!0,this.cmd(Ra.step),this.cmd(Ra.setHighlight,i.graphicID,0);break}this.cmd(Ra.setText,e,i.key+" != "+t),this.cmd(Ra.step),this.cmd(Ra.setHighlight,i.graphicID,0),r=i,i=i.next}this.cmd(Ra.delete,e),this.nextIndex--}else this.cmd(Ra.setNull,s.graphicID,1),this.cmd(Ra.setNull,this.hashTableVisual[h],0);return a?(this.cmd(Ra.setText,this.ExplainLabel,"Key "+t+" is already in HashMap, updating value."),this.cmd(Ra.delete,n.graphicID),s.next=n.next,null!=r?(r.next=s,this.cmd(Ra.connect,r.graphicID,s.graphicID)):(this.cmd(Ra.disconnect,this.hashTableVisual[h],this.hashTableValues[h].graphicID),this.cmd(Ra.connect,this.hashTableVisual[h],s.graphicID),this.hashTableValues[h]=s),null!=s.next?this.cmd(Ra.connect,s.graphicID,s.next.graphicID):this.cmd(Ra.setNull,s.graphicID,1),this.repositionList(h,this.hashTableValues[h]),this.cmd(Ra.step)):(this.cmd(Ra.setText,this.ExplainLabel,"Duplicate of "+t+" not found!"),this.cmd(Ra.step),null!=this.hashTableValues[h]&&(this.cmd(Ra.connect,s.graphicID,this.hashTableValues[h].graphicID),this.cmd(Ra.disconnect,this.hashTableVisual[h],this.hashTableValues[h].graphicID)),this.cmd(Ra.connect,this.hashTableVisual[h],s.graphicID),s.next=this.hashTableValues[h],this.hashTableValues[h]=s,this.repositionList(h,this.hashTableValues[h]),this.size++),this.cmd(Ra.setText,this.ExplainLabel,""),this.commands}repositionList(t,e){let i=155;const s=Ol+t*Nl;for(;null!=e;)e.x=i,e.y=s,this.cmd(Ra.move,e.graphicID,e.x,e.y),i+=130,e=e.next}repositionResizeList(t){let e=755;const i=50+t*Nl;let s=this.hashTableValues[t];for(;null!=s;)s.x=e,s.y=i,this.cmd(Ra.move,s.graphicID,s.x,s.y),e+=130,s=s.next}deleteElement(t){this.commands=[],this.cmd(Ra.setText,this.ExplainLabel,"Deleting entry with key: "+t);const e=this.doHash(t);if(null==this.hashTableValues[e])return this.cmd(Ra.setText,this.ExplainLabel,"Deleting entry with key: "+t+" Key not in table"),this.commands;if(this.cmd(Ra.setHighlight,this.hashTableValues[e].graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.hashTableValues[e].graphicID,0),this.hashTableValues[e].key===t)return null!=this.hashTableValues[e].next?this.cmd(Ra.connect,this.hashTableVisual[e],this.hashTableValues[e].next.graphicID):this.cmd(Ra.setNull,this.hashTableVisual[e],1),this.cmd(Ra.delete,this.hashTableValues[e].graphicID),this.hashTableValues[e]=this.hashTableValues[e].next,this.repositionList(e,this.hashTableValues[e]),this.size--,this.commands;let i=this.hashTableValues[e],s=this.hashTableValues[e].next,h=!1;for(;null!=s&&!h;)this.cmd(Ra.setHighlight,s.graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,s.graphicID,0),s.key===t?(h=!0,this.cmd(Ra.setText,this.ExplainLabel,"Deleting entry with key: "+t+" Entry deleted"),null!=s.next?this.cmd(Ra.connect,i.graphicID,s.next.graphicID):this.cmd(Ra.setNull,i.graphicID,1),i.next=i.next.next,this.cmd(Ra.delete,s.graphicID),this.repositionList(e,this.hashTableValues[e]),this.size--):(i=s,s=s.next);return h||this.cmd(Ra.setText,this.ExplainLabel,"Deleting entry with key: "+t+" Key not in table"),this.commands}findElement(t){this.commands=[],this.cmd(Ra.setText,this.ExplainLabel,"Finding entry with key: "+t);const e=this.doHash(t),i=this.nextIndex++;let s=!1,h=this.hashTableValues[e],n=null;for(this.cmd(Ra.createLabel,i,"",10,40,0);null!=h&&!s;)this.cmd(Ra.setHighlight,h.graphicID,1),h.key===t?(this.cmd(Ra.setText,i,h.key+"=="+t),s=!0,n=h.val):this.cmd(Ra.setText,i,h.key+"!="+t),this.cmd(Ra.step),this.cmd(Ra.setHighlight,h.graphicID,0),h=h.next;return s?this.cmd(Ra.setText,this.ExplainLabel,"Found entry with key: "+t+" Value: "+n):this.cmd(Ra.setText,this.ExplainLabel,"Finding entry with key: "+t+" Not Found!"),this.cmd(Ra.delete,i),this.nextIndex--,this.commands}resize(){this.commands=[],this.cmd(Ra.setText,this.ExplainLabel,"");const t=this.nextIndex++;this.cmd(Ra.createLabel,t,`(Resize Required): (Size + 1.0 / length) > Load Factor --\x3e (${this.size} + 1.0 / ${this.table_size}) > ${this.load_factor}`,800,20),this.table_size=2*this.table_size+1,2*this.table_size+1>30&&(this.load_factor=.99,this.cmd(Ra.setText,this.loadFactorID,`Load Factor: ${this.load_factor}`)),this.cmd(Ra.step),this.oldHashTableVisual=this.hashTableVisual,this.oldHashTableValues=this.hashTableValues,this.oldHashTableIndices=this.hashTableIndices,this.oldIndexXPos=this.indexXPos,this.oldIndexYPos=this.indexYPos,this.hashTableValues=new Array(this.table_size),this.hashTableVisual=new Array(this.table_size),this.hashTableIndices=new Array(this.table_size),this.indexXPos=new Array(this.table_size),this.indexYPos=new Array(this.table_size);for(let e=0;e=7?(this.cmd(Ra.delete,this.hashTableVisual[t],1),this.cmd(Ra.delete,this.hashTableIndices[t])):this.cmd(Ra.setNull,this.hashTableVisual[t],1)}return this.hashTableValues=new Array(7),this.size=0,this.commands}disableUI(){super.disableUI()}enableUI(){super.enableUI()}}],SplayTree:["SplayTree",class extends Ga{constructor(t,e,i){super(t,e,i),this.startingX=e/2,this.first_print_pos_y=i-40,this.print_max=e-10,this.addControls(),this.nextIndex=0,this.commands=[],this.cmd(Ra.createLabel,0,"",20,10,0),this.nextIndex=1,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}addControls(){this.controls=[],this.insertField=qa("Text",""),this.insertField.style.textAlign="center",this.insertField.onkeydown=this.returnSubmit(this.insertField,this.insertCallback.bind(this),4,!0),this.controls.push(this.insertField),this.insertButton=qa("Button","Insert"),this.insertButton.onclick=this.insertCallback.bind(this),this.controls.push(this.insertButton),Wa(),this.deleteField=qa("Text",""),this.deleteField.style.textAlign="center",this.deleteField.onkeydown=this.returnSubmit(this.deleteField,this.deleteCallback.bind(this),4,!0),this.controls.push(this.deleteField),this.deleteButton=qa("Button","Delete"),this.deleteButton.onclick=this.deleteCallback.bind(this),this.controls.push(this.deleteButton),Wa(),this.findField=qa("Text",""),this.findField.style.textAlign="center",this.findField.onkeydown=this.returnSubmit(this.findField,this.findCallback.bind(this),4,!0),this.controls.push(this.findField),this.findButton=qa("Button","Find"),this.findButton.onclick=this.findCallback.bind(this),this.controls.push(this.findButton),Wa(),this.printButton=qa("Button","Print"),this.printButton.onclick=this.printCallback.bind(this),this.controls.push(this.printButton),Wa(),this.randomButton=qa("Button","Random"),this.randomButton.onclick=this.randomCallback.bind(this),this.controls.push(this.randomButton),Wa(),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton)}reset(){this.nextIndex=1,this.treeRoot=null}insertCallback(){let t=this.insertField.value;t=this.normalizeNumber(t,4),""!==t?(this.insertField.value="",this.implementAction(this.insertElement.bind(this),parseInt(t))):this.shake(this.insertButton)}deleteCallback(){let t=this.deleteField.value;""!==t?(t=this.normalizeNumber(t,4),this.deleteField.value="",this.implementAction(this.deleteElement.bind(this),parseInt(t))):this.shake(this.deleteButton)}randomCallback(){const t=Math.floor(11*Math.random())+2;this.implementAction(this.clear.bind(this));for(let e=0;ethis.treeRoot.right.data?null==this.treeRoot.right.right?(this.singleRotateLeft(this.treeRoot),this.splay(t)):(this.zigZigLeft(this.treeRoot),this.splay(t)):null==this.treeRoot.right.left?(this.singleRotateLeft(this.treeRoot),this.splay(t)):(this.doubleRotateLeft(this.treeRot),this.splay(t)))))}printCallback(){this.implementAction(this.printTree.bind(this))}printTree(){if(this.commands=[],null!=this.treeRoot){this.highlightID=this.nextIndex++;const t=this.nextIndex;this.cmd(Ra.createHighlightCircle,this.highlightID,Cd,this.treeRoot.x,this.treeRoot.y),this.xPosOfNextLabel=50,this.yPosOfNextLabel=this.first_print_pos_y,this.printTreeRec(this.treeRoot),this.cmd(Ra.delete,this.highlightID),this.cmd(Ra.step);for(let e=t;ethis.print_max&&(this.xPosOfNextLabel=50,this.yPosOfNextLabel+=20),null!=t.right&&(this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.printTreeRec(t.right),this.cmd(Ra.move,this.highlightID,t.x,t.y),this.cmd(Ra.step))}clearCallback(){this.implementAction(this.clear.bind(this))}clear(){return this.insertField.value="",this.deleteField.value="",this.findField.value="",this.commands=[],this.recClear(this.treeRoot),this.treeRoot=null,this.commands}recClear(t){null!=t&&(this.cmd(Ra.delete,t.graphicID),this.recClear(t.left),this.recClear(t.right))}findCallback(){const t=this.normalizeNumber(this.findField.value,4);""!==t?(this.findField.value="",this.implementAction(this.findElement.bind(this),parseInt(t))):this.shake(this.findButton)}findElement(t){this.commands=[],this.highlightID=this.nextIndex++;return this.doFind(this.treeRoot,t)?this.cmd(Ra.setText,0,"Element "+t+" found."):this.cmd(Ra.setText,0,"Element "+t+" not found."),this.commands}doFind(t,e){return this.cmd(Ra.setText,0,"Searching for "+e),null!=t?(this.cmd(Ra.setHighlight,t.graphicID,1),t.data===e?(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" = "+e+" (Element found!)"),this.cmd(Ra.step),this.cmd(Ra.setText,0,"Splaying found node to root of tree"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),this.splayUp(t),!0):t.data>e?(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" < "+t.data+" (look to left subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),null!=t.left?(this.cmd(Ra.createHighlightCircle,this.highlightID,Cd,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.left.x,t.left.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID),this.doFind(t.left,e)):(this.splayUp(t),!1)):(this.cmd(Ra.setText,0,"Searching for "+e+" : "+e+" > "+t.data+" (look to right subtree)"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),null!=t.right?(this.cmd(Ra.createHighlightCircle,this.highlightID,Cd,t.x,t.y),this.cmd(Ra.move,this.highlightID,t.right.x,t.right.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.highlightID),this.doFind(t.right,e)):(this.splayUp(t),!1))):(this.cmd(Ra.setText,0,"Searching for "+e+" : < Empty Tree > (Element not found)"),this.cmd(Ra.step),this.cmd(Ra.setText,0,"Searching for "+e+" : (Element not found)"),!1)}insertElement(t){if(this.commands=[],this.cmd(Ra.setText,0,"Inserting "+t),this.highlightID=this.nextIndex++,null==this.treeRoot)this.cmd(Ra.createCircle,this.nextIndex,t,this.startingX,50),this.cmd(Ra.setForegroundColor,this.nextIndex,kd),this.cmd(Ra.setBackgroundColor,this.nextIndex,wd),this.cmd(Ra.step),this.treeRoot=new Td(t,this.nextIndex,this.startingX,50),this.nextIndex+=1;else{this.cmd(Ra.createCircle,this.nextIndex,t,100,100),this.cmd(Ra.setForegroundColor,this.nextIndex,kd),this.cmd(Ra.setBackgroundColor,this.nextIndex,wd),this.cmd(Ra.step);const e=new Td(t,this.nextIndex,100,100);this.nextIndex+=1,this.cmd(Ra.setHighlight,e.graphicID,1),this.insert(e,this.treeRoot),this.resizeTree(),this.cmd(Ra.setText,0,"Splay inserted element to root of tree"),this.cmd(Ra.step),this.splayUp(e)}return this.cmd(Ra.setText,0,""),this.commands}insert(t,e){let i=!1;this.cmd(Ra.setHighlight,e.graphicID,1),this.cmd(Ra.setHighlight,t.graphicID,1),t.datae.data?this.cmd(Ra.setText,0,t.data+" >= "+e.data+". Looking at right subtree"):(this.cmd(Ra.setText,0,t.data+" = "+e.data+". Ignoring duplicate"),i=!0),this.cmd(Ra.step),this.cmd(Ra.setHighlight,e.graphicID,0),this.cmd(Ra.setHighlight,t.graphicID,0),i?this.cmd(Ra.delete,t.graphicID,0):t.datat?t=this.treeRoot.leftWidth:this.treeRoot.rightWidth>t&&(t=Math.max(this.treeRoot.leftWidth,2*t-this.treeRoot.rightWidth)),this.setNewPositions(this.treeRoot,t,50,0),this.animateNewPositions(this.treeRoot),this.cmd(Ra.step))}setNewPositions(t,e,i,s){null!=t&&(t.y=i,-1===s?e-=t.rightWidth:1===s&&(e+=t.leftWidth),t.x=e,this.setNewPositions(t.left,e,i+50,-1),this.setNewPositions(t.right,e,i+50,1))}animateNewPositions(t){null!=t&&(this.cmd(Ra.move,t.graphicID,t.x,t.y),this.animateNewPositions(t.left),this.animateNewPositions(t.right))}resizeWidths(t){return null==t?0:(t.leftWidth=Math.max(this.resizeWidths(t.left),25),t.rightWidth=Math.max(this.resizeWidths(t.right),25),t.leftWidth+t.rightWidth)}disableUI(){for(let t=0;tthis.clearCallback(),this.controls.push(this.clearButton),Wa(),Ha("Promote");const e=$a(["second","third"],"Split Index");this.splitSecondSelect=e[0],this.splitThirdSelect=e[1],this.splitSecondSelect.onclick=()=>this.split_index=1,this.splitThirdSelect.onclick=()=>this.split_index=2,this.splitSecondSelect.checked=!0,this.split_index=1,Wa();const i=$a(["Predecessor","Successor"],"Predecessor/Successor");this.predButton=i[0],this.succButton=i[1],this.predButton.onclick=this.predCallback.bind(this),this.succButton.onclick=this.succCallback.bind(this),this.succButton.checked=!0,this.predSucc="succ",Wa();const s=Ua(!1);Ha('| separated list of nodes with comma separated keys (e.g. "1,3|0|2|4")',s);const h=Ua(!0,s);this.buildTreeField=qa("Text","",h),this.buildTreeField.onkeydown=this.returnSubmit(this.buildTreeField,this.buildTreeCallback.bind(this),30,!1,!0),this.controls.push(this.buildTreeField),this.buildTreeButton=qa("Button","Build Tree",h),this.buildTreeButton.onclick=this.buildTreeCallback.bind(this),this.controls.push(this.buildTreeButton)}buildTreeCallback(){const t=this.buildTreeField.value;this.implementAction(this.clearTree.bind(this)),this.insertField.value="",this.implementAction(this.buildTree.bind(this),t)}buildTree(t){this.commands=[],this.cmd(Ra.setText,this.infoLabelID,"");const e=t.split("|").map((t=>t.split(",").map((t=>parseInt(t)))));this.treeRoot=new Er(this.nextIndex++,this.starting_x,Ar),this.cmd(Ra.createBTreeNode,this.treeRoot.graphicID,_r,20,1,this.starting_x,Ar,Pr,Br),this.treeRoot.keys=e[0],this.treeRoot.numKeys=e[0].length,this.treeRoot.children=[],this.cmd(Ra.setText,this.treeRoot.graphicID,e[0].join(" "),0),this.cmd(Ra.setNumElements,this.treeRoot.graphicID,e[0].length),this.resizeTree();for(let s=0;sthis.max_keys)return`Nodes can have at most ${this.max_keys} keys`;for(let e=0;e=t.keys[e+1])return`Tree must respect order property within nodes. ${t.keys[e]} >= ${t.keys[e+1]}`;if(t.isLeaf)return"";if(t.numKeys!==t.children.length-1)return`Node with ${t.numKeys} keys must have ${t.numKeys+1} children if not a leaf`;for(let e=0;e=i)return`Tree must respect order property. ${t} >= ${i}`;for(const t of h.keys)if(t<=i)return`Tree must respect order property. ${t} <= ${i}`}for(const e of t.children){const t=this.treeHasProblem(e);if(t)return t}return""}buildTreeRecurse(t,e,i){let s=0;for(;s990&&(this.xPosOfNextLabel=50,this.yPosOfNextLabel+=20);this.cmd(Ra.setHighlight,t.graphicID,0)}else{this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[0].graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[0].graphicID,0),this.printTreeRec(t.children[0]);for(let i=0;i990&&(this.xPosOfNextLabel=50,this.yPosOfNextLabel+=20),this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[i+1].graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[i+1].graphicID,0),this.printTreeRec(t.children[i+1]);this.cmd(Ra.setHighlight,t.graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0)}}clearTree(){return this.insertField.value="",this.deleteField.value="",this.findField.value="",this.commands=[],this.deleteTree(this.treeRoot),this.treeRoot=null,this.nextIndex=this.resetIndex,this.commands}deleteTree(t){if(null!=t){if(!t.isLeaf)for(let e=0;e<=t.numKeys;e++)t.children[e]&&(this.cmd(Ra.disconnect,t.graphicID,t.children[e].graphicID),this.deleteTree(t.children[e]));this.cmd(Ra.delete,t.graphicID)}}changeDegree(t){this.commands=[],this.deleteTree(this.treeRoot),this.treeRoot=null,this.nextIndex=this.resetIndex;const e=t;return this.ignoreInputs=!0,this.maxDegreeRadioButtons[e-4].checked=!0,this.ignoreInputs=!1,this.max_degree=e,this.max_keys=e-1,this.min_keys=Math.floor((e+1)/2)-1,this.split_index=Math.floor((e-1)/2),0===this.commands.length&&this.cmd(Ra.step),e%2!==0&&this.preemptiveSplit&&(this.preemptiveSplit=!1,this.premptiveSplitBox.checked=!1),this.commands}findCallback(){const t=this.normalizeNumber(this.findField.value,4);""!==t?(this.findField.value="",this.implementAction(this.findElement.bind(this),parseInt(t))):this.shake(this.findButton)}findElement(t){return this.commands=[],this.cmd(Ra.setText,this.messageID,"Finding "+t),this.findInTree(this.treeRoot,t),this.commands}findInTree(t,e){if(null!=t){let i;for(this.cmd(Ra.setHighlight,t.graphicID,1),this.cmd(Ra.step),i=0;ie?t.isLeaf?(this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setText,this.messageID,"Element "+e+" is not in the tree")):(this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[i].graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[i].graphicID,0),this.findInTree(t.children[i],e)):(this.cmd(Ra.setTextColor,t.graphicID,"#FF0000",i),this.cmd(Ra.setText,this.messageID,"Element "+e+" found"),this.cmd(Ra.step),this.cmd(Ra.setTextColor,t.graphicID,Br,i),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.step))}else this.cmd(Ra.setText,this.messageID,"Element "+e+" is not in the tree")}insertElement(t){return this.commands=[],this.cmd(Ra.setText,this.messageID,"Inserting "+t),this.cmd(Ra.step),null==this.treeRoot?(this.treeRoot=new Er(this.nextIndex++,this.starting_x,Ar),this.cmd(Ra.createBTreeNode,this.treeRoot.graphicID,_r,20,1,this.starting_x,Ar,Pr,Br),this.treeRoot.keys[0]=t,this.cmd(Ra.setText,this.treeRoot.graphicID,t,0)):(this.preemptiveSplit?(this.treeRoot.numKeys===this.max_keys&&(this.split(this.treeRoot),this.resizeTree(),this.cmd(Ra.step)),this.insertNotFull(this.treeRoot,t)):this.insert(this.treeRoot,t),this.treeRoot.isLeaf||this.resizeTree()),this.cmd(Ra.setText,this.messageID,""),this.commands}insertNotFull(t,e){if(t.keys.includes(e)&&t.keys.findIndex((t=>t===e))0&&t.keys[i-1]>e;)t.keys[i]=t.keys[i-1],this.cmd(Ra.setText,t.graphicID,t.keys[i],i),i--;t.keys[i]=e,this.cmd(Ra.setText,t.graphicID,t.keys[i],i),this.cmd(Ra.setHighlight,t.graphicID,0),this.resizeTree()}else{let i=0;for(;it===e))0&&t.keys[i-1]>e;)t.keys[i]=t.keys[i-1],this.cmd(Ra.setText,t.graphicID,t.keys[i],i),i--;t.keys[i]=e,this.cmd(Ra.setText,t.graphicID,t.keys[i],i),this.cmd(Ra.setHighlight,t.graphicID,0),this.resizeTree(),this.insertRepair(t)}else{let i=0;for(;ih;t--)s.children[t+1]=s.children[t],this.cmd(Ra.disconnect,s.graphicID,s.children[t].graphicID),this.cmd(Ra.connect,s.graphicID,s.children[t].graphicID,Br,0,0,"",t+1),s.keys[t]=s.keys[t-1],this.cmd(Ra.setText,s.graphicID,s.keys[t],t);s.numKeys++,s.keys[h]=i,this.cmd(Ra.setText,s.graphicID,"",h),this.moveLabel1ID=this.nextIndex++,this.cmd(Ra.createLabel,this.moveLabel1ID,i,this.getLabelX(t,this.split_index),t.y),this.cmd(Ra.setForegroundColor,this.moveLabel1ID,Br),this.cmd(Ra.move,this.moveLabel1ID,this.getLabelX(s,h),s.y),s.children[h+1]=e,e.parent=s}this.cmd(Ra.createBTreeNode,e.graphicID,_r,20,t.numKeys-this.split_index-1,t.x,t.y,Pr,Br);for(let a=this.split_index+1;athis.min_keys?(i=this.stealFromLeft(t.children[t.numKeys],t.numKeys),this.doDeleteNotEmpty(i,e)):(i=this.mergeRight(t.children[t.numKeys-1]),this.doDeleteNotEmpty(i,e)):this.doDeleteNotEmpty(t.children[t.numKeys],e));else if(t.keys[s]>e)t.isLeaf?this.cmd(Ra.setHighlight,t.graphicID,0):(this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[s].graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[s].graphicID,0),t.children[s].numKeys>this.min_keys?this.doDeleteNotEmpty(t.children[s],e):t.children[s+1].numKeys>this.min_keys?(i=this.stealFromRight(t.children[s],s),this.doDeleteNotEmpty(i,e)):(i=this.mergeRight(t.children[s]),this.doDeleteNotEmpty(i,e)));else if(this.cmd(Ra.setTextColor,t.graphicID,"FF0000",s),this.cmd(Ra.step),t.isLeaf){this.cmd(Ra.setTextColor,t.graphicID,Br,s);for(let e=s;ethis.min_keys&&(h=this.stealFromLeft(h.children[h.numKeys],h.numKeys)),h=this.mergeRight(h.children[h.numKeys-1])):h=h.children[h.numKeys];this.cmd(Ra.setHighlight,h.graphicID,1),t.keys[s]=h.keys[h.numKeys-1],this.cmd(Ra.setTextColor,t.graphicID,Br,s),this.cmd(Ra.setText,t.graphicID,"",s),this.cmd(Ra.setText,h.graphicID,"",h.numKeys-1),this.cmd(Ra.createLabel,this.moveLabel1ID,t.keys[s],this.getLabelX(h,h.numKeys-1),h.y),this.cmd(Ra.move,this.moveLabel1ID,this.getLabelX(t,s),t.y),this.cmd(Ra.step),this.cmd(Ra.delete,this.moveLabel1ID),this.cmd(Ra.setText,t.graphicID,t.keys[s],s),h.numKeys--,this.cmd(Ra.setHighlight,h.graphicID,0),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setNumElements,h.graphicID,h.numKeys),this.resizeTree(),this.cmd(Ra.setText,this.messageID,"")}}}}doDelete(t,e){if(null!=t){let i;for(this.cmd(Ra.setHighlight,t.graphicID,1),this.cmd(Ra.step),i=0;ie)t.isLeaf?this.cmd(Ra.setHighlight,t.graphicID,0):(this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[i].graphicID,1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,t.graphicID,0),this.cmd(Ra.setEdgeHighlight,t.graphicID,t.children[i].graphicID,0),this.doDelete(t.children[i],e));else if(this.cmd(Ra.setTextColor,t.graphicID,"#FF0000",i),this.cmd(Ra.step),t.isLeaf){this.cmd(Ra.setTextColor,t.graphicID,Br,i);for(let e=i;e0;a--)t.keys[a]=t.keys[a-1],this.cmd(Ra.setText,t.graphicID,t.keys[a],a);const s=i.children[e-1];this.cmd(Ra.setText,t.graphicID,"",0),this.cmd(Ra.setText,i.graphicID,"",e-1),this.cmd(Ra.setText,s.graphicID,"",s.numKeys-1);const h=this.nextIndex++,n=this.nextIndex++;if(this.cmd(Ra.createLabel,h,s.keys[s.numKeys-1],this.getLabelX(s,s.numKeys-1),s.y),this.cmd(Ra.createLabel,n,i.keys[e-1],this.getLabelX(i,e-1),i.y),this.cmd(Ra.setForegroundColor,h,Br),this.cmd(Ra.setForegroundColor,n,Br),this.cmd(Ra.move,h,this.getLabelX(i,e-1),i.y),this.cmd(Ra.move,n,this.getLabelX(t,0),t.y),this.cmd(Ra.step),this.cmd(Ra.delete,h),this.cmd(Ra.delete,n),!t.isLeaf){for(let e=t.numKeys;e>0;e--)this.cmd(Ra.disconnect,t.graphicID,t.children[e-1].graphicID),t.children[e]=t.children[e-1],this.cmd(Ra.connect,t.graphicID,t.children[e].graphicID,Br,0,0,"",e);t.children[0]=s.children[s.numKeys],this.cmd(Ra.disconnect,s.graphicID,s.children[s.numKeys].graphicID),this.cmd(Ra.connect,t.graphicID,t.children[0].graphicID,Br,0,0,"",0),s.children[s.numKeys]=null,t.children[0].parent=t}return t.keys[0]=i.keys[e-1],this.cmd(Ra.setText,t.graphicID,t.keys[0],0),i.keys[e-1]=s.keys[s.numKeys-1],this.cmd(Ra.setText,i.graphicID,i.keys[e-1],e-1),this.cmd(Ra.setText,s.graphicID,"",s.numKeys-1),s.numKeys--,this.cmd(Ra.setNumElements,s.graphicID,s.numKeys),this.resizeTree(),this.cmd(Ra.setText,this.messageID,""),t}repairAfterDelete(t){if(t.numKeys0&&e.children[i-1].numKeys>this.min_keys?this.stealFromLeft(t,i):ithis.min_keys?this.stealFromRight(t,i):0===i?(s=this.mergeRight(t),this.repairAfterDelete(s.parent)):(s=this.mergeRight(e.children[i-1]),this.repairAfterDelete(s.parent))}}getLabelX(t,e){return t.x-_r*t.numKeys/2+20+e*_r}resizeTree(){this.resizeWidths(this.treeRoot),this.setNewPositions(this.treeRoot,this.starting_x,Ar),this.animateNewPositions(this.treeRoot)}setNewPositions(t,e,i){if(null!=t&&(t.y=i,t.x=e,!t.isLeaf)){const s=e-t.width/2;let h=0;for(let e=0;e 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9","Sorted"],["9,8,7,6,5,4,3,2,1","Reverse Sorted"],["2,3,4,5,6,7,8,9,1","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa(),this.lastSwapCheckbox=Ma("Enable last swap optimization",!0),this.lastSwapCheckbox.onclick=this.toggleLastSwap.bind(this),this.controls.push(this.lastSwapCheckbox)}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.displayData=[],this.iPointerID=this.nextIndex++,this.jPointerID=this.nextIndex++,this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.swapCountID=this.nextIndex++,this.swapCount=0,this.cmd(Ra.createLabel,this.swapCountID,"Swap Count: "+this.swapCount,350,50),this.pseudocode=Ja.Xr,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,200),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.compCount=0,this.swapCount=0,this.arrayData=[],this.arrayID=[],this.displayData=[]}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,i=1,s=14;for(let h=0;h""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}clearCallback(){this.implementAction(this.clear.bind(this))}toggleLastSwap(){this.implementAction(this.clear.bind(this)),Wr?(this.cmd(Ra.setText,this.codeID.code[3][0]," while start < end and sorted is false"),this.cmd(Ra.setText,this.codeID.code[4][0]," sorted \u2190 true"),this.cmd(Ra.setText,this.codeID.code[8][0]," sorted \u2190 false"),this.cmd(Ra.setText,this.codeID.code[11][0]," end \u2190 end - 1"),this.cmd(Ra.setText,this.codeID.english[3][0]," while (start < end and not sorted):"),this.cmd(Ra.setText,this.codeID.english[4][0]," mark sorted as true"),this.cmd(Ra.setText,this.codeID.english[8][0]," mark sorted as false"),this.cmd(Ra.setText,this.codeID.english[11][0]," decrement end")):(this.cmd(Ra.setText,this.codeID.code[3][0]," while start < end"),this.cmd(Ra.setText,this.codeID.code[4][0]," swapped \u2190 start"),this.cmd(Ra.setText,this.codeID.code[8][0]," swapped \u2190 j"),this.cmd(Ra.setText,this.codeID.code[11][0]," end \u2190 swapped"),this.cmd(Ra.setText,this.codeID.english[3][0]," while (start < end):"),this.cmd(Ra.setText,this.codeID.english[4][0]," lastSwapped points to start"),this.cmd(Ra.setText,this.codeID.english[8][0]," lastSwapped points to j"),this.cmd(Ra.setText,this.codeID.english[11][0]," end points to lastSwapped")),Wr=!Wr}clear(t){this.commands=[];for(let e=0;e18)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers "),this.commands;this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,18);const e=this.arrayData.length,i=new Map,s=new Map;for(let r=0;r0&&s.set(this.arrayData[r],"a"),i.set(this.arrayData[r],t+1)}for(let r=0;rthis.arrayData[t+1]&&(this.swap(t,t+1),h=!1,a=t);if(this.unhighlight(5,0,this.codeID),this.highlight(11,0,this.codeID),Wr?n=a:n--,!h)for(let t=n+1;t 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9","Sorted"],["9,8,7,6,5,4,3,2,1","Reverse Sorted"],["2,3,4,5,6,7,8,9,1","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa(),this.lastSwapCheckbox=Ma("Enable last swap optimization",!0),this.lastSwapCheckbox.onclick=this.toggleLastSwap.bind(this),this.controls.push(this.lastSwapCheckbox)}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.displayData=[],this.iPointerID=this.nextIndex++,this.jPointerID=this.nextIndex++,this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.swapCountID=this.nextIndex++,this.swapCount=0,this.cmd(Ra.createLabel,this.swapCountID,"Swap Count: "+this.swapCount,350,50),this.pseudocode=Ja.Q2,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,180),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.compCount=0,this.swapCount=0,this.arrayData=[],this.arrayID=[],this.displayData=[]}sortCallback(){const t=this.listField.value.split(",").filter((t=>""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,i=1,s=14;for(let h=0;h18)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,18),this.displayData=new Array(this.arrayData.length);const e=this.arrayData.length,i=new Map,s=new Map;for(let o=0;o0&&s.set(this.arrayData[o],"a"),i.set(this.arrayData[o],t+1)}for(let o=0;othis.arrayData[t+1]&&(this.highlight(7,0,this.codeID),this.highlight(8,0,this.codeID),this.swap(t,t+1),h=!1,r=t),this.unhighlight(7,0,this.codeID),this.unhighlight(8,0,this.codeID),this.cmd(Ra.step);if(this.cmd(Ra.step),this.unhighlight(5,0,this.codeID),this.highlight(11,0,this.codeID),Io?a=r:a--,this.cmd(Ra.step),this.unhighlight(11,0,this.codeID),!h){for(let t=a+1;tn;t--)this.movePointers(t-1,t),this.highlight(13,0,this.codeID),this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.cmd(Ra.step),this.unhighlight(13,0,this.codeID),+this.arrayData[t]<+this.arrayData[t-1]&&(this.highlight(14,0,this.codeID),this.highlight(15,0,this.codeID),this.swap(t,t-1),h=!1,r=t),this.unhighlight(14,0,this.codeID),this.unhighlight(15,0,this.codeID),this.cmd(Ra.step);if(this.highlight(18,0,this.codeID),Io?n=r:n++,this.cmd(Ra.step),this.unhighlight(18,0,this.codeID),!h){for(let t=n-1;t>=0;t--)this.cmd(Ra.setBackgroundColor,this.arrayID[t],"#2ECC71");this.cmd(Ra.step)}}this.unhighlight(12,0,this.codeID),this.highlight(3,0,this.codeID),this.cmd(Ra.step)}while(!h);this.unhighlight(3,0,this.codeID),this.cmd(Ra.delete,this.iPointerID),this.cmd(Ra.delete,this.jPointerID),this.cmd(Ra.step);for(let o=0;o 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9","Sorted"],["9,8,7,6,5,4,3,2,1","Reverse Sorted"],["2,3,4,5,6,7,8,9,1","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton)}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.displayData=[],this.iPointerID=this.nextIndex++,this.jPointerID=this.nextIndex++,this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.swapCountID=this.nextIndex++,this.swapCount=0,this.cmd(Ra.createLabel,this.swapCountID,"Swap Count: "+this.swapCount,350,50),this.pseudocode=Ja.JH,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,200),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.arrayData=[],this.arrayID=[],this.displayData=[],this.compCount=0,this.swapCount=0}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,i=1,s=14;for(let h=0;h""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}clearCallback(){this.implementAction(this.clear.bind(this))}clear(t){this.commands=[];for(let e=0;e18)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,18),this.displayData=new Array(this.arrayData.length);const e=this.arrayData.length,i=new Map,s=new Map;for(let h=0;h0&&s.set(this.arrayData[h],"a"),i.set(this.arrayData[h],t+1)}for(let h=0;h=1&&(this.movePointers(t-1,t),this.unhighlight(3,0,this.codeID),this.unhighlight(6,0,this.codeID),this.highlight(4,2,this.codeID),this.cmd(Ra.step),this.unhighlight(4,2,this.codeID),this.highlight(4,4,this.codeID),this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.cmd(Ra.step),this.unhighlight(4,4,this.codeID),this.arrayData[t] 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9","Sorted"],["9,8,7,6,5,4,3,2,1","Reverse Sorted"],["2,3,4,5,6,7,8,9,1","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa();const i=$a(["Maximum","Minimum"],"Max/Min");this.minButton=i[1],this.minButton.onclick=this.minCallback.bind(this),this.controls.push(this.minButton),this.maxButton=i[0],this.maxButton.onclick=this.maxCallback.bind(this),this.controls.push(this.maxButton),this.maxButton.checked=!0,this.isMin=!1}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.displayData=[],this.iPointerID=this.nextIndex++,this.jPointerID=this.nextIndex++,this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.swapCountID=this.nextIndex++,this.swapCount=0,this.cmd(Ra.createLabel,this.swapCountID,"Swap Count: "+this.swapCount,350,50),this.pseudocode=Ja.ax,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,200),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.arrayData=[],this.arrayID=[],this.displayData=[],this.compCount=0,this.swapCount=0}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,i=1,s=14;for(let h=0;h array[max]:"),this.cmd(Ra.setText,this.codeID.code[6][0]," max \u2190 j"),this.cmd(Ra.setText,this.codeID.code[9][0]," swap array[max], array[i]"),this.cmd(Ra.setText,this.codeID.english[2][0]," for (i from end to start):"),this.cmd(Ra.setText,this.codeID.english[3][0]," initialize max value"),this.cmd(Ra.setText,this.codeID.english[4][0]," for (j from start to i):"),this.cmd(Ra.setText,this.codeID.english[5][0]," if (array[j] > max value):"),this.cmd(Ra.setText,this.codeID.english[6][0]," max value is array[j]"),this.cmd(Ra.setText,this.codeID.english[9][0]," swap max value with array[i]"),this.isMin=!1)}sortCallback(){const t=this.listField.value.split(",").filter((t=>""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}clearCallback(){this.implementAction(this.clear.bind(this))}clear(t){this.commands=[];for(let e=0;e18)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;this.highlight(1,0,this.codeID),this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,18);const e=this.arrayData.length;this.displayData=new Array(e);const i=new Map,s=new Map;for(let a=0;a0&&s.set(this.arrayData[a],"a"),i.set(this.arrayData[a],t+1)}for(let a=0;ae}movePointers(t,e){const i=t*pd+md;this.cmd(Ra.move,this.iPointerID,i,130);const s=e*pd+md;this.cmd(Ra.move,this.jPointerID,s,130),this.cmd(Ra.step)}swap(t,e){this.highlight(9,0,this.codeID);const i=this.nextIndex++,s=t*pd+md;this.cmd(Ra.createLabel,i,this.displayData[t],s,130);const h=this.nextIndex++,n=e*pd+md;this.cmd(Ra.createLabel,h,this.displayData[e],n,130),this.cmd(Ra.setText,this.arrayID[t],""),this.cmd(Ra.setText,this.arrayID[e],""),this.cmd(Ra.move,i,n,130),this.cmd(Ra.move,h,s,130),this.cmd(Ra.setText,this.swapCountID,"Swap Count: "+ ++this.swapCount),this.cmd(Ra.step),this.cmd(Ra.setText,this.arrayID[t],this.displayData[e]),this.cmd(Ra.setText,this.arrayID[e],this.displayData[t]),this.cmd(Ra.delete,i),this.cmd(Ra.delete,h);let a=this.arrayData[t];this.arrayData[t]=this.arrayData[e],this.arrayData[e]=a,a=this.displayData[t],this.displayData[t]=this.displayData[e],this.displayData[e]=a,this.unhighlight(9,0,this.codeID)}disableUI(){for(let t=0;t 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9","Sorted"],["9,8,7,6,5,4,3,2,1","Reverse Sorted"],["2,3,4,5,6,7,8,9,1","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa();const i=$a(["Random pivot","Perfect pivot","Min element","Set index"],"Traversals");ld=Ua(!1),this.loadFieldLabel=Ha("Pivot Index",ld);const s=Ua(!0,ld),h=Ua(!0,s);this.setPivotField=qa("Text","",h),this.setPivotField.setAttribute("value","0"),this.setPivotField.size=1,ld.setAttribute("style","display:none"),this.setPivotField.addEventListener("input",(function(){let t=parseInt(this.value.trim());t=isNaN(t)?0:Math.min(Math.max(t,0),17),this.value=t,dd=t})),this.randomPivotSelect=i[0],this.perfectPivotSelect=i[1],this.minPivotSelect=i[2],this.setPivotSelect=i[3],this.randomPivotSelect.onclick=()=>this.setPivotType("random"),this.perfectPivotSelect.onclick=()=>this.setPivotType("perfect"),this.minPivotSelect.onclick=()=>this.setPivotType("min"),this.setPivotSelect.onclick=()=>this.setPivotType("set"),this.randomPivotSelect.checked=!0,this.setPivotType("random"),this.controls.push(this.randomPivotSelect),this.controls.push(this.perfectPivotSelect),this.controls.push(this.minPivotSelect),this.controls.push(this.setPivotSelect),Wa()}setPivotType(t){this.pivotType=t,ld.setAttribute("style","display:none"),"set"===this.pivotType&&ld.setAttribute("style","display:block")}setup(){this.commands=[],this.arrayData=[],this.displayData=[],this.arrayID=[],this.iPointerID=0,this.jPointerID=0,this.pPointerID=0,this.iLabel=0,this.jLabel=0,this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.swapCountID=this.nextIndex++,this.swapCount=0,this.cmd(Ra.createLabel,this.swapCountID,"Swap Count: "+this.swapCount,350,50),this.pseudocode=Ja.BG,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,180),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.arrayData=[],this.displayData=[],this.arrayID=[],this.iPointerID=0,this.jPointerID=0,this.iLabel=0,this.jLabel=0,this.pPointerID=0,this.compCount=0,this.swapCount=0}sortCallback(){const t=this.listField.value.split(",").filter((t=>""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,i=1,s=14;for(let h=0;h18)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,18),this.displayData=new Array(this.arrayData.length);const e=new Map,i=new Map;for(let s=0;s0&&i.set(this.arrayData[s],"a"),e.set(this.arrayData[s],t+1)}for(let s=0;se)return;this.highlight(0,0,this.codeID);for(let o=t;o<=e;o++)this.cmd(Ra.setBackgroundColor,this.arrayID[o],"#99CCFF");if(this.cmd(Ra.step),this.unhighlight(0,0),t===e)return this.cmd(Ra.setBackgroundColor,this.arrayID[t],"#2ECC71"),this.cmd(Ra.step),void this.unhighlight(0,0,this.codeID);let i;if(this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),"min"===this.pivotType){let s=t;for(let i=t+1;i<=e;i++)this.arrayData[i]t-e));const h=Math.floor(s.length/2);i=this.arrayData.indexOf(s[h])}else"random"===this.pivotType&&(i=Math.floor(Math.random()*(e-t))+t+1);const s=i*od+ad;this.cmd(Ra.createHighlightCircle,this.pPointerID,"#FFFF00",s,rd),this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.swapPivot(i,t),this.cmd(Ra.step),this.unhighlight(3,0,this.codeID),this.highlight(4,0,this.codeID);let h=t+1,n=e;const a=h*od+ad,r=n*od+ad;for(this.cmd(Ra.createHighlightCircle,this.iPointerID,"#0000FF",a,rd),this.cmd(Ra.createHighlightCircle,this.jPointerID,"#0000FF",r,rd),this.cmd(Ra.createLabel,this.iLabel,"i",a,80,void 0,!1,!0),this.cmd(Ra.createLabel,this.jLabel,"j",r,80,void 0,!1,!0),h===n?(this.cmd(Ra.setText,this.iLabel,""),this.cmd(Ra.setText,this.jLabel,"i, j")):(this.cmd(Ra.setText,this.iLabel,"i"),this.cmd(Ra.setText,this.jLabel,"j")),this.cmd(Ra.step),this.unhighlight(4,0,this.codeID),this.highlight(5,0,this.codeID);h<=n;){for(this.cmd(Ra.step),this.highlight(6,0,this.codeID),this.highlight(6,2,this.codeID),this.cmd(Ra.step),this.unhighlight(6,2,this.codeID),this.highlight(6,4,this.codeID),this.cmd(Ra.step);h<=n&&this.arrayData[t]>=this.arrayData[h];)this.unhighlight(6,4,this.codeID),this.highlight(7,0,this.codeID),h++,this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.movePointers(h,n),this.unhighlight(7,0,this.codeID),this.highlight(6,2,this.codeID),h<=n&&(this.cmd(Ra.step),this.unhighlight(6,2,this.codeID),this.highlight(6,4,this.codeID)),this.cmd(Ra.step);for(this.unhighlight(6,0,this.codeID),this.unhighlight(6,2,this.codeID),this.unhighlight(6,4,this.codeID),h<=n&&(this.cmd(Ra.setForegroundColor,this.iPointerID,"#FF0000"),this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount)),this.highlight(9,0,this.codeID),this.cmd(Ra.step),this.highlight(9,2,this.codeID),h<=n&&(this.cmd(Ra.step),this.unhighlight(9,2,this.codeID),this.highlight(9,4,this.codeID)),this.cmd(Ra.step);h<=n&&this.arrayData[t]<=this.arrayData[n];)this.unhighlight(9,4,this.codeID),this.highlight(10,0,this.codeID),n--,this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.movePointers(h,n),this.unhighlight(10,0,this.codeID),this.highlight(9,2,this.codeID),h<=n&&(this.cmd(Ra.step),this.unhighlight(9,2,this.codeID),this.highlight(9,4,this.codeID)),this.cmd(Ra.step);this.unhighlight(9,0,this.codeID),this.unhighlight(9,2,this.codeID),this.unhighlight(9,4,this.codeID),h<=n&&(this.cmd(Ra.setForegroundColor,this.jPointerID,"#FF0000"),this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.cmd(Ra.step)),h<=n&&(this.highlight(13,0,this.codeID),this.swap(h,n),this.unhighlight(13,0,this.codeID),this.highlight(14,0,this.codeID),h++,n--,this.movePointers(h,n),this.unhighlight(14,0,this.codeID))}this.unhighlight(5,0,this.codeID),this.highlight(17,0,this.codeID),this.swapPivot(t,n,!0),this.unhighlight(17,0,this.codeID),this.cmd(Ra.delete,this.iPointerID),this.cmd(Ra.delete,this.jPointerID),this.cmd(Ra.delete,this.pPointerID),this.cmd(Ra.delete,this.iLabel),this.cmd(Ra.delete,this.jLabel),this.cmd(Ra.step);for(let o=t;o<=e;o++)this.cmd(Ra.setBackgroundColor,this.arrayID[o],"#FFFFFF");this.cmd(Ra.setBackgroundColor,this.arrayID[n],"#2ECC71"),this.cmd(Ra.step),this.highlight(18,0,this.codeID),this.cmd(Ra.step),this.unhighlight(18,0,this.codeID),this.helper(t,n-1),this.highlight(19,0,this.codeID),this.cmd(Ra.step),this.unhighlight(19,0,this.codeID),this.helper(n+1,e)}movePointers(t,e){const i=t*od+ad;this.cmd(Ra.move,this.iPointerID,i,rd),this.cmd(Ra.move,this.iLabel,i,80);const s=e*od+ad;this.cmd(Ra.move,this.jPointerID,s,rd),this.cmd(Ra.move,this.jLabel,s,80),t===e?(this.cmd(Ra.setText,this.iLabel,""),this.cmd(Ra.setText,this.jLabel,"i, j")):(this.cmd(Ra.setText,this.iLabel,"i"),this.cmd(Ra.setText,this.jLabel,"j")),this.cmd(Ra.step)}swapPivot(t,e,i){if(t===e)return;const s=this.nextIndex++,h=e*od+ad;this.cmd(Ra.createLabel,s,this.displayData[e],h,rd);const n=this.nextIndex++,a=t*od+ad;this.cmd(Ra.createLabel,n,this.displayData[t],a,rd),this.cmd(Ra.setText,this.arrayID[e],""),this.cmd(Ra.setText,this.arrayID[t],""),this.cmd(Ra.move,n,h,rd),this.cmd(Ra.move,this.pPointerID,h,rd),this.cmd(Ra.move,s,a,rd),i&&this.cmd(Ra.move,this.jPointerID,a,rd),this.cmd(Ra.setText,this.swapCountID,"Swap Count: "+ ++this.swapCount),this.cmd(Ra.step),this.cmd(Ra.setText,this.arrayID[e],this.displayData[t]),this.cmd(Ra.setText,this.arrayID[t],this.displayData[e]),this.cmd(Ra.delete,n),this.cmd(Ra.delete,s);let r=this.arrayData[t];this.arrayData[t]=this.arrayData[e],this.arrayData[e]=r,r=this.displayData[t],this.displayData[t]=this.displayData[e],this.displayData[e]=r}swap(t,e){const i=this.nextIndex++,s=t*od+ad;this.cmd(Ra.createLabel,i,this.displayData[t],s,rd);const h=this.nextIndex++,n=e*od+ad;this.cmd(Ra.createLabel,h,this.displayData[e],n,rd),this.cmd(Ra.setText,this.arrayID[t],""),this.cmd(Ra.setText,this.arrayID[e],""),this.cmd(Ra.move,i,n,rd),this.cmd(Ra.move,h,s,rd),this.cmd(Ra.setText,this.swapCountID,"Swap Count: "+ ++this.swapCount),this.cmd(Ra.step),this.cmd(Ra.setText,this.arrayID[t],this.displayData[e]),this.cmd(Ra.setText,this.arrayID[e],this.displayData[t]),this.cmd(Ra.delete,i),this.cmd(Ra.delete,h);let a=this.arrayData[t];this.arrayData[t]=this.arrayData[e],this.arrayData[e]=a,a=this.displayData[t],this.displayData[t]=this.displayData[e],this.displayData[e]=a,this.cmd(Ra.setForegroundColor,this.iPointerID,"#0000FF"),this.cmd(Ra.setForegroundColor,this.jPointerID,"#0000FF"),this.cmd(Ra.step)}disableUI(){for(let t=0;t 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.runCallback.bind(this),60,!1),this.controls.push(this.listField),Ha("k\u1d57\u02b0 element (1 indexed)",e),this.kField=qa("Text","",e),this.kField.style.textAlign="center",this.kField.onkeydown=this.returnSubmit(this.kField,this.runCallback.bind(this),2,!0),this.controls.push(this.kField),this.findButton=qa("Button","Run",e),this.findButton.onclick=this.runCallback.bind(this),this.controls.push(this.findButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9;k=4","Sorted"],["9,8,7,6,5,4,3,2,1;k=4","Reverse Sorted"],["2,3,4,5,6,7,8,9,1;k=4","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa();const i=$a(["Random pivot","Perfect pivot","Min element","Set index"],"Traversals");hd=Ua(!1),this.loadFieldLabel=Ha("Pivot Index",hd);const s=Ua(!0,hd),h=Ua(!0,s);this.setPivotField=qa("Text","",h),this.setPivotField.setAttribute("value","0"),this.setPivotField.size=1,hd.setAttribute("style","display:none"),this.setPivotField.addEventListener("input",(function(){let t=parseInt(this.value.trim());t=isNaN(t)?0:Math.min(Math.max(t,0),17),this.value=t,nd=t})),this.randomPivotSelect=i[0],this.perfectPivotSelect=i[1],this.minPivotSelect=i[2],this.setPivotSelect=i[3],this.randomPivotSelect.onclick=()=>this.setPivotType("random"),this.perfectPivotSelect.onclick=()=>this.setPivotType("perfect"),this.minPivotSelect.onclick=()=>this.setPivotType("min"),this.setPivotSelect.onclick=()=>this.setPivotType("set"),this.randomPivotSelect.checked=!0,this.setPivotType("random"),this.controls.push(this.randomPivotSelect),this.controls.push(this.perfectPivotSelect),this.controls.push(this.minPivotSelect),this.controls.push(this.setPivotSelect),Wa()}setPivotType(t){this.pivotType=t,hd.setAttribute("style","display:none"),"set"===this.pivotType&&hd.setAttribute("style","display:block")}setup(){this.commands=[],this.arrayData=[],this.displayData=[],this.arrayID=[],this.iPointerID=0,this.jPointerID=0,this.pPointerID=0,this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.swapCountID=this.nextIndex++,this.swapCount=0,this.cmd(Ra.createLabel,this.swapCountID,"Swap Count: "+this.swapCount,350,50),this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.pseudocode=Ja.hN,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,100),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.arrayData=[],this.displayData=[],this.arrayID=[],this.iPointerID=0,this.jPointerID=0,this.pPointerID=0,this.compCount=0,this.swapCount=0}runCallback(){const t=this.listField.value.split(",").filter((t=>""!==t)),e=this.kField.value;this.implementAction(this.clear.bind(this),!0),this.implementAction(this.run.bind(this),t,e)}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,e=1,i=14;let s="";for(let h=0;h18)return this.shake(this.findButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.findButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;if(e<1||e>t.length)return this.shake(this.findButton),this.cmd(Ra.setText,this.infoLabelID,"k\u1d57\u02b0 element to select must be an integer between 1 and "+t.length),this.commands;this.k=Number(e),this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,18),this.displayData=new Array(this.arrayData.length);const i=new Map,s=new Map;for(let h=0;h0&&s.set(this.arrayData[h],"a"),i.set(this.arrayData[h],t+1)}for(let h=0;he)return;this.highlight(0,0,this.codeID);for(let o=t;o<=e;o++)this.cmd(Ra.setBackgroundColor,this.arrayID[o],"#99CCFF");if(this.cmd(Ra.step),t===e)return this.cmd(Ra.setBackgroundColor,this.arrayID[t],"#2ECC71"),this.cmd(Ra.step),void this.unhighlight(0,0,this.codeID);let i;if(this.unhighlight(0,0,this.codeID),this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),"min"===this.pivotType){let s=t;for(let i=t+1;i<=e;i++)this.arrayData[i]t-e));const h=Math.floor(s.length/2);i=this.arrayData.indexOf(s[h])}else"random"===this.pivotType&&(i=Math.floor(Math.random()*(e-t))+t+1);const s=i*sd+ed;this.cmd(Ra.createHighlightCircle,this.pPointerID,"#FFFF00",s,id),this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.swapPivot(i,t),this.cmd(Ra.step),this.unhighlight(3,0,this.codeID),this.highlight(4,0,this.codeID);let h=t+1,n=e;const a=h*sd+ed,r=n*sd+ed;for(this.cmd(Ra.createHighlightCircle,this.iPointerID,"#0000FF",a,id),this.cmd(Ra.createHighlightCircle,this.jPointerID,"#0000FF",r,id),this.cmd(Ra.step),this.unhighlight(4,0,this.codeID),this.highlight(5,0,this.codeID);h<=n;){for(this.cmd(Ra.step),this.highlight(6,0,this.codeID),this.highlight(6,2,this.codeID),this.cmd(Ra.step),this.unhighlight(6,2,this.codeID),this.highlight(6,4,this.codeID),this.cmd(Ra.step);h<=n&&this.arrayData[t]>=this.arrayData[h];)this.unhighlight(6,4,this.codeID),this.highlight(7,0,this.codeID),h++,this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.movePointers(h,n),this.unhighlight(7,0,this.codeID),this.highlight(6,2,this.codeID),h<=n&&(this.cmd(Ra.step),this.unhighlight(6,2,this.codeID),this.highlight(6,4,this.codeID)),this.cmd(Ra.step);for(this.unhighlight(6,0,this.codeID),this.unhighlight(6,2,this.codeID),this.unhighlight(6,4,this.codeID),h<=n&&(this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.cmd(Ra.setForegroundColor,this.iPointerID,"#FF0000"),this.cmd(Ra.step)),this.highlight(9,0,this.codeID),this.cmd(Ra.step),this.highlight(9,2,this.codeID),h<=n&&(this.cmd(Ra.step),this.unhighlight(9,2,this.codeID),this.highlight(9,4,this.codeID)),this.cmd(Ra.step);h<=n&&this.arrayData[t]<=this.arrayData[n];)this.unhighlight(9,4,this.codeID),this.highlight(10,0,this.codeID),n--,this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.movePointers(h,n),this.unhighlight(10,0,this.codeID),this.highlight(9,2,this.codeID),h<=n&&(this.cmd(Ra.step),this.unhighlight(9,2,this.codeID),this.highlight(9,4,this.codeID)),this.cmd(Ra.step);this.unhighlight(9,0,this.codeID),this.unhighlight(9,2,this.codeID),this.unhighlight(9,4,this.codeID),h<=n&&(this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.cmd(Ra.setForegroundColor,this.jPointerID,"#FF0000"),this.cmd(Ra.step)),h<=n&&(this.highlight(13,0,this.codeID),this.swap(h,n),this.unhighlight(13,0,this.codeID),this.highlight(14,0,this.codeID),h++,n--,this.movePointers(h,n),this.unhighlight(14,0,this.codeID))}this.unhighlight(5,0,this.codeID),this.highlight(17,0,this.codeID),this.swapPivot(t,n,!0),this.unhighlight(17,0,this.codeID),this.cmd(Ra.delete,this.iPointerID),this.cmd(Ra.delete,this.jPointerID),this.cmd(Ra.delete,this.pPointerID),this.cmd(Ra.step);for(let o=t;o<=e;o++)this.cmd(Ra.setBackgroundColor,this.arrayID[o],"#FFFFFF");this.highlight(18,0,this.codeID),this.cmd(Ra.step),this.k-1===n?(this.unhighlight(18,0,this.codeID),this.highlight(19,0,this.codeID),this.cmd(Ra.setBackgroundColor,this.arrayID[n],"#2ECC71"),this.cmd(Ra.step),this.unhighlight(19,0,this.codeID)):(this.unhighlight(18,0,this.codeID),this.highlight(20,0,this.codeID),this.cmd(Ra.setBackgroundColor,this.arrayID[n],"#4DA6ff"),this.cmd(Ra.step),this.k-1 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["1,2,3,4,5,6,7,8,9","Sorted"],["9,8,7,6,5,4,3,2,1","Reverse Sorted"],["2,3,4,5,6,7,8,9,1","Almost Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton)}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.comparisonCountID=this.nextIndex++,this.compCount=0,this.cmd(Ra.createLabel,this.comparisonCountID,"Comparison Count: "+this.compCount,100,50),this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.pseudocode=Ja.aR,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",50,80),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.arrayData=[],this.arrayID=[],this.compCount=0}sortCallback(){const t=this.listField.value.split(",").filter((t=>""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5,i=1,s=14;for(let h=0;h15)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 15 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;this.highlight(0,0,this.codeID),this.arrayID=[],this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,15),this.displayData=new Array(this.arrayData.length);const e=new Map,i=new Map;for(let s=0;s0&&i.set(this.arrayData[s],"a"),e.set(this.arrayData[s],t+1)}for(let s=0;se)return;this.unhighlight(4,0,this.codeID),this.unhighlight(5,0,this.codeID),this.highlight(0,0,this.codeID);const n=this.drawArrayAndCopy(t,e,i,s,h);if(this.unhighlight(0,0,this.codeID),t!==e){this.highlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.cmd(Ra.step),this.unhighlight(2,0,this.codeID),this.unhighlight(3,0,this.codeID);const s=Math.ceil((t+e)/2),a=h<2?30:14;this.highlight(4,0,this.codeID),this.leftHelper(t,s-1,i-a,i,h+1),this.unhighlight(4,0,this.codeID),this.highlight(5,0,this.codeID),this.leftHelper(s,e,i,i,h+1),this.unhighlight(5,0,this.codeID),this.merge(t,e,s,h,i,i-a,i,n)}else this.cmd(Ra.setBackgroundColor,n[t],"#2ECC71"),this.cmd(Ra.step)}rightHelper(t,e,i,s,h){if(this.cmd(Ra.step),t>e)return;this.unhighlight(4,0,this.codeID),this.unhighlight(5,0,this.codeID),this.highlight(0,0,this.codeID);const n=this.drawArrayAndCopy(t,e,i,s,h);if(this.unhighlight(0,0,this.codeID),t!==e){this.highlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.cmd(Ra.step),this.unhighlight(2,0,this.codeID),this.unhighlight(3,0,this.codeID);const s=Math.ceil((t+e)/2),a=h<2?30:14;this.highlight(4,0,this.codeID),this.rightHelper(t,s-1,i,i,h+1),this.unhighlight(4,0,this.codeID),this.highlight(5,0,this.codeID),this.rightHelper(s,e,i+a,i,h+1),this.unhighlight(5,0,this.codeID),this.merge(t,e,s,h,i,i,i+a,n)}else this.cmd(Ra.setBackgroundColor,n[t],"#2ECC71"),this.cmd(Ra.step)}drawArrayAndCopy(t,e,i,s,h){const n=[];for(let a=t;a<=e;a++){const t=a*zl+_l+i,e=Bl+h*Pl;n[a]=this.nextIndex,this.arrayID.push(this.nextIndex),this.cmd(Ra.createRectangle,this.nextIndex++,"",zl,50,t,e)}this.cmd(Ra.step);for(let a=t;a<=e;a++)this.copyData(a,a,s,i,h-1,h,this.displayData[a],n[a],-1);return n}merge(t,e,i,s,h,n,a,r){const o=new Array(this.arrayData.length),l=new Array(this.arrayData.length);for(let y=t;y<=e;y++)o[y]=this.arrayData[y],l[y]=this.displayData[y];this.highlight(6,0,this.codeID);const d=Bl+(s+1)*Pl,c=this.nextIndex++,u=t*zl+_l+n;this.cmd(Ra.createHighlightCircle,c,"#0000FF",u,d);const m=this.nextIndex++,g=i*zl+_l+a;this.cmd(Ra.createHighlightCircle,m,"#0000FF",g,d);const p=this.nextIndex++,f=t*zl+_l+h,I=Bl+s*Pl;this.cmd(Ra.createHighlightCircle,p,"#0000FF",f,I),this.cmd(Ra.step),this.unhighlight(6,0,this.codeID),this.highlight(7,0,this.codeID),this.cmd(Ra.step);let b=t,x=i,D=t;for(;b 6 digits.',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["603,509,701,404,307,909,102,800,401","Zero in 10's Place"],["362980,46,99,76,69,80,35,28,11","One Long Number"],["191,225,326,421,537,676,760,845,924","Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton),Wa(),this.negativeNumbersCheckbox=Ma("Sort negative numbers",!1),this.negativeNumbersCheckbox.onclick=this.toggleNegativeNumbers.bind(this),this.controls.push(this.negativeNumbersCheckbox)}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.arrayDisplay=[],this.bucketsData=[],this.bucketsID=[],this.bucketsDisplay=[],this.iPointerID=this.nextIndex++,this.jPointerID=this.nextIndex++,this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.pseudocode=Ja.hm,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",15,100),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}reset(){this.nextIndex=this.resetIndex,this.arrayData=[],this.arrayID=[],this.arrayDisplay=[],this.bucketsData=[],this.bucketsID=[],this.bucketsDisplay=[]}sortCallback(){const t=this.listField.value.split(",").filter((t=>""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}exampleCallback(){const t=this.exampleDropdown.value;if(!t)return;let e="";if("Random"===t){const t=Math.floor(9*Math.random())+5;let i=1;Sl&&(i=-500);const s=500;e="";for(let h=0;h18)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 18 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values"),this.commands;if(t.filter((t=>Math.abs(t)>999999)).length>0)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain numbers with more than 6 digits"),this.commands;if(!Sl&&t.filter((t=>t<0)).length>0)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,'Data cannot contain negative numbers unless "Sort negative numbers" is enabled'),this.commands;this.arrayID=[],this.arrayData=t.map((t=>parseInt(t,10))).filter((t=>!Number.isNaN(t))).slice(0,18);const e=this.arrayData.length,i=new Map,s=new Map;for(let r=0;r0&&s.set(this.arrayData[r],"a"),i.set(this.arrayData[r],t+1)}for(let r=0;rMath.abs(this.arrayData[h])&&(h=r,this.movePointers(h,r));this.cmd(Ra.delete,this.iPointerID),this.cmd(Ra.delete,this.jPointerID),this.cmd(Ra.setBackgroundColor,this.arrayID[h],"#FFFF00");let n=Math.floor(Math.log10(Math.abs(this.arrayData[h])))+1;n=n||1;const a=this.arrayData[h];this.cmd(Ra.setText,this.infoLabelID,a+" the has largest magnitude with a number of digits k = "+n),this.cmd(Ra.step),this.unhighlight(2,0,this.codeID),this.cmd(Ra.setBackgroundColor,this.arrayID[h],"#FFFFFF"),this.highlight(5,0,this.codeID);for(let r=0;r 999',t);const e=Ua(!0,t);this.listField=qa("Text","",e),this.listField.onkeydown=this.returnSubmit(this.listField,this.sortCallback.bind(this),60,!1),this.controls.push(this.listField),this.sortButton=qa("Button","Sort",e),this.sortButton.onclick=this.sortCallback.bind(this),this.controls.push(this.sortButton),Wa(),this.exampleDropdown=Va([["","Select Example"],["0,2,4,7,3,6,11,10,9,8","Valid MinHeap"],["11,10,6,9,8,0,4,7,2,3","Valid MaxHeap"],["1,2,3,4,5,6,7,8,9","Sorted"],["Random","Random"]],"Example"),this.exampleDropdown.onclick=this.exampleCallback.bind(this),this.controls.push(this.exampleDropdown),this.clearButton=qa("Button","Clear"),this.clearButton.onclick=this.clearCallback.bind(this),this.controls.push(this.clearButton)}setup(){this.commands=[],this.arrayData=[],this.arrayID=[],this.heapArrayData=[],this.heapArrayID=[],this.heapArrayLabelID=[],this.heapTreeObj=[],this.infoLabelID=this.nextIndex++,this.infoLabelID=this.nextIndex++,this.cmd(Ra.createLabel,this.infoLabelID,"",25,15,0),this.pseudocode=Ja.Hx,this.codeID=this.addCodeToCanvasBaseAll(this.pseudocode,"find",15,100),this.resetIndex=this.nextIndex,this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory()}sort(t){if(this.commands=[],!t.length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,'Data must contain integers such as "3,1,2"'),this.commands;if(t.length>15)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,`Data cannot contain more than 15 numbers (you put ${t.length})`),this.commands;if(t.map(Number).filter((t=>t>999||Number.isNaN(t))).length)return this.shake(this.sortButton),this.cmd(Ra.setText,this.infoLabelID,"Data cannot contain non-numeric values or numbers > 999"),this.commands;this.highlight(0,0,this.codeID),this.arrayData=t.map(Number).filter((t=>!Number.isNaN(t))).slice(0,15);const e=this.arrayData.length,i=new Array(e),s=new Map,h=new Map;for(let a=0;a0&&h.set(this.arrayData[a],"a"),s.set(this.arrayData[a],t+1)}for(let a=0;a0;)this.pushDown(n),n-=1;for(this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.cmd(Ra.setText,this.infoLabelID,""),this.highlight(2,0,this.codeID);this.currentHeapSize>0;)this.highlight(3,0,this.codeID),this.remove(),this.unhighlight(3,0,this.codeID),this.cmd(Ra.step);this.unhighlight(2,0,this.codeID),this.highlight(4,0,this.codeID),this.cmd(Ra.setText,this.infoLabelID,""),this.cmd(Ra.step);for(let a=0;a0&&(this.cmd(Ra.createCircle,this.heapTreeObj[i],this.heapArrayData[i],Ed[i],jd[i]),this.cmd(Ra.setText,this.heapArrayID[i],this.heapArrayData[i]),i>1&&this.cmd(Ra.connect,this.heapTreeObj[Math.floor(i/2)],this.heapTreeObj[i]));return this.commands}remove(){const t=this.arrayData.length-this.currentHeapSize,e=this.heapArrayData[1],i=this.nextIndex;return this.cmd(Ra.setText,this.infoLabelID,""),this.highlight(3,0),this.highlight(3,1),this.highlight(3,2),this.cmd(Ra.setText,this.heapArrayID[1],""),this.cmd(Ra.createLabel,i,e,Ed[1],jd[1],0),this.cmd(Ra.setText,this.heapTreeObj[1],""),this.cmd(Ra.setText,this.arrayID[t],""),this.cmd(Ra.move,i,50*t+400-5,45),this.cmd(Ra.step),this.cmd(Ra.setBackgroundColor,this.arrayID[t],"#2ECC71"),this.arrayData[t]=e,this.cmd(Ra.setText,this.arrayID[t],e),this.cmd(Ra.delete,i),this.cmd(Ra.step),this.heapArrayData[1]="",this.unhighlight(3,0),this.unhighlight(3,2),this.cmd(Ra.setText,this.infoLabelID,"Downheap to maintain order"),this.currentHeapSize>1?(this.cmd(Ra.setHighlight,this.heapArrayID[1],1),this.cmd(Ra.setHighlight,this.heapArrayID[this.currentHeapSize],1),this.cmd(Ra.setHighlight,this.heapTreeObj[1],1),this.cmd(Ra.setHighlight,this.heapTreeObj[this.currentHeapSize],1),this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.heapArrayID[1],0),this.cmd(Ra.setHighlight,this.heapArrayID[this.currentHeapSize],0),this.cmd(Ra.setHighlight,this.heapTreeObj[1],0),this.cmd(Ra.setHighlight,this.heapTreeObj[this.currentHeapSize],0),this.swap(1,this.currentHeapSize),this.cmd(Ra.delete,this.heapTreeObj[this.currentHeapSize]),this.cmd(Ra.step),this.currentHeapSize--,this.currentHeapSize>0&&this.pushDown(1)):(this.cmd(Ra.setText,this.heapArrayID[1],""),this.cmd(Ra.delete,this.heapTreeObj[this.currentHeapSize]),this.cmd(Ra.step),this.currentHeapSize--),this.unhighlight(3,1),this.cmd(Ra.step),this.commands}pushDown(t){let e;for(;2*t<=this.currentHeapSize;){if(e=2*t,2*t+1<=this.currentHeapSize&&(this.setIndexHighlight(2*t,1),this.setIndexHighlight(2*t+1,1),this.cmd(Ra.step),this.setIndexHighlight(2*t,0),this.setIndexHighlight(2*t+1,0),this.downheapCheckRightChild(t)&&(e=2*t+1)),this.setIndexHighlight(t,1),this.setIndexHighlight(e,1),this.cmd(Ra.step),this.setIndexHighlight(t,0),this.setIndexHighlight(e,0),!this.downheapCompare(e,t))return;this.swap(e,t),t=e}}downheapCheckRightChild(t){return this.compareWithLetters(this.heapArrayData[2*t+1],this.heapArrayData[2*t])}downheapCompare(t,e){return this.compareWithLetters(this.heapArrayData[t],this.heapArrayData[e])}compareWithLetters(t,e){return parseInt(t)""!==t));this.implementAction(this.clear.bind(this),!0),this.implementAction(this.sort.bind(this),t)}clearCallback(){this.implementAction(this.clear.bind(this))}disableUI(){for(let t=0;t=h&&n=h&&n=c&&e.charAt(l)===t.charAt(o+l);)if(this.cmd(Ra.setText,this.comparisonCountID,"Comparison Count: "+ ++this.compCount),this.cmd(Ra.setBackgroundColor,this.comparisonMatrixID[d][o+l],"#2ECC71"),l--,this.highlight(u+7,0,this.codeID),this.cmd(Ra.step),this.unhighlight(u+7,0,this.codeID),l>=0){const t=(o+l)*this.cellSize+jr;this.cmd(Ra.move,a,t,Nr);const e=(d+1)*this.cellSize+Nr;this.cmd(Ra.move,r,t,e),this.cmd(Ra.step)}if(this.unhighlight(u+6,0,this.codeID),this.highlight(u+9,0,this.codeID),this.cmd(Ra.step),this.unhighlight(u+9,0,this.codeID),l=a&&e.charAt(h)===t.charAt(s+h);)h--;if(hh[t]=h[t][0])),h}buildFailureTable(t,e){const i=this.nextIndex;this.failureTableLabelID=this.nextIndex++,this.failureTableCharacterID=[],this.failureTableValueID=[];const s=jr+t*this.cellSize+10;this.cmd(Ra.createLabel,this.failureTableLabelID,"Failure table:",s,225,0),this.cmd(Ra.move,this.periodLabelID,s,35),this.cmd(Ra.setText,this.periodLabelID,"Period = pattern.length - FT[pattern.length - 1]"),this.codeID=this.addCodeToCanvasBaseAll(Ja.lF,"failureTable",s,275,14);const h=jr+t*this.cellSize+110;this.failureTableCharacterID=new Array(e.length),this.failureTableValueID=new Array(e.length);for(let c=0;c=h&&n=h&&n=this.size)return this.shake(this.startButton),this.cmd(Ra.setText,this.infoLabelID,t+" is not a vertex in the graph"),this.commands;for(this.clear(),this.queue=[],this.queueID=[],this.listID=[],this.visitedID=[],this.rebuildEdges(),this.cmd(Ra.setText,this.infoLabelID,"Enqueueing "+this.toStr(e)+" and adding to visited set"),this.visited[e]=!0,this.visitedID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(e),30,115),this.cmd(Ra.setBackgroundColor,this.circleID[e],wr),this.queue.push(e),this.queueID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(e),30,Tr),this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.highlight(4,0,this.codeID),this.highlight(5,0,this.codeID),this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID),this.unhighlight(3,0,this.codeID),this.unhighlight(4,0,this.codeID),this.unhighlight(5,0,this.codeID);this.queue.length>0&&this.listID.length0&&(this.highlightEdge(e,t,1),this.highlight(9,0,this.codeID),this.cmd(Ra.step),this.highlight(10,0,this.codeID),this.cmd(Ra.step),this.visited[t]?this.cmd(Ra.setText,this.infoLabelID,this.toStr(t)+" has already been visited, skipping"):(this.unhighlight(10,0,this.codeID),this.highlight(11,0,this.codeID),this.highlight(12,0,this.codeID),this.visited[t]=!0,this.visitedID.push(this.nextIndex),this.cmd(Ra.setText,this.infoLabelID,this.toStr(t)+" has not yet been visited, enqueueing and adding to visited set"),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),30+20*(this.visitedID.length-1),115),this.cmd(Ra.setBackgroundColor,this.circleID[t],wr),this.queue.push(t),this.queueID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),30+20*(this.queue.length-1),Tr)),this.unhighlight(10,0,this.codeID),this.cmd(Ra.step),this.unhighlight(11,0,this.codeID),this.unhighlight(12,0,this.codeID),this.highlightEdge(e,t,0)),this.unhighlight(9,0,this.codeID);this.unhighlight(8,0,this.codeID),this.cmd(Ra.delete,this.queueID.shift()),this.leaveVertex()}return this.unhighlight(6,0,this.codeID),this.queue.length>0?this.cmd(Ra.setText,this.infoLabelID,"All vertices have been visited, done"):this.cmd(Ra.setText,this.infoLabelID,"Queue is empty, done"),this.commands}clear(){for(let t=0;t=this.size)return this.shake(this.startButton),this.cmd(Ra.setText,this.infoLabelID,t+" is not a vertex in the graph"),this.commands;this.clear(),this.visited=new Array(this.size),this.stack=[],this.stackID=[],this.listID=[],this.visitedID=[],this.stackStartY=this.isLarge?465:335,this.stackSpacing=this.isLarge?16:20,this.rebuildEdges(),this.cmd(Ra.setText,this.infoLabelID,"Pushing "+this.toStr(e)+" and adding to visited set"),this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID);let i=this.nextIndex++;for(this.visited[e]=!0,this.visitedID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(e),30,Do),this.cmd(Ra.setBackgroundColor,this.circleID[e],xo),this.stack.push(e),this.stackID.push(i),this.cmd(Ra.createLabel,i,this.toStr(e),40,this.stackStartY),this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID),this.highlight(3,0,this.codeID);this.stack.length>0&&this.listID.length0&&(this.highlightEdge(e,t,1),this.highlight(7,0,this.codeID),this.cmd(Ra.step),this.visited[t]?(this.unhighlight(7,0,this.codeID),this.cmd(Ra.setText,this.infoLabelID,this.toStr(t)+" has already been visited, skipping")):(this.unhighlight(7,0,this.codeID),this.highlight(8,0,this.codeID),this.visited[t]=!0,this.visitedID.push(this.nextIndex),this.cmd(Ra.setText,this.infoLabelID,this.toStr(t)+" has not yet been visited, pushing and adding to visited set"),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),30+20*(this.visitedID.length-1),Do),this.cmd(Ra.setBackgroundColor,this.circleID[t],xo),this.stack.push(t),this.stackID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),40,this.stackStartY-(this.stack.length-1)*this.stackSpacing)),this.cmd(Ra.step),this.unhighlight(8,0,this.codeID));this.unhighlight(6,0,this.codeID),this.cmd(Ra.delete,i),this.leaveVertex()}return this.unhighlight(3,0,this.codeID),this.stack.length>0?this.cmd(Ra.setText,this.infoLabelID,"All vertices have been visited, done"):this.cmd(Ra.setText,this.infoLabelID,"Stack is empty, done"),this.commands}doDFSRecursive(t){this.commands=[];const e=t.charCodeAt(0)-65;return e<0||e>=this.size?(this.shake(this.startButton),this.cmd(Ra.setText,this.infoLabelID,t+" is not a vertex in the graph"),this.commands):(this.clear(),this.visited=new Array(this.size),this.listID=[],this.visitedID=[],this.stackStartY=this.isLarge?465:335,this.stackSpacing=this.isLarge?16:20,this.recursionSpacingX=this.isLarge?10:20,this.recursionSpacingY=this.isLarge?15:20,this.currentID=this.nextIndex++,this.rebuildEdges(),this.cmd(Ra.setText,this.infoLabelID,""),this.cmd(Ra.createLabel,this.currentID,"",115,151),this.cmd(Ra.setTextColor,this.currentID,bo),this.cmd(Ra.setText,this.infoLabelID,"About to recurse to "+this.toStr(t)),this.cmd(Ra.step),this.visitVertex(e),this.dfsVisit(e,125),this.cmd(Ra.setText,this.infoLabelID,"Returned from "+this.toStr(e)+", done"),this.cmd(Ra.delete,this.currentID),this.leaveVertex(),this.commands)}dfsVisit(t,e){this.cmd(Ra.setText,this.infoLabelID,"Visiting "+this.toStr(t)+" and adding to list"),this.cmd(Ra.setText,this.currentID,this.toStr(t)),this.stackID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),40,this.stackStartY-(this.stackID.length-1)*this.stackSpacing);const i=this.nextIndex++;this.messageID.push(i),this.cmd(Ra.createLabel,i,"DFS("+this.toStr(t)+")",e,185+(this.messageID.length-1)*this.recursionSpacingY,0),this.listID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),30+20*(this.listID.length-1),70),this.visited[t]=!0,this.visitedID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(t),30+20*(this.visitedID.length-1),Do),this.cmd(Ra.setBackgroundColor,this.circleID[t],xo),this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID),this.highlight(3,0,this.codeID);for(let s=0;s0&&(this.highlight(4,0,this.codeID),this.cmd(Ra.step),this.unhighlight(4,0,this.codeID),this.visited[s]?(this.unhighlight(4,0,this.codeID),this.cmd(Ra.setText,this.infoLabelID,"Vertex "+this.toStr(s)+" already visited, skipping"),this.cmd(Ra.step)):(this.highlight(5,0,this.codeID),this.highlightEdge(t,s,1,"red"),this.cmd(Ra.setText,this.infoLabelID,"About to recurse to "+this.toStr(s)),this.cmd(Ra.step),this.unhighlight(5,0,this.codeID),this.unhighlight(3,0,this.codeID),this.leaveVertex(),this.visitVertex(s),this.dfsVisit(s,e+this.recursionSpacingX),this.highlight(3,0,this.codeID),this.leaveVertex(),this.visitVertex(t),this.cmd(Ra.setText,this.infoLabelID,"Returned from "+this.toStr(s)+" to "+this.toStr(t)),this.cmd(Ra.step)));this.unhighlight(3,0,this.codeID),this.cmd(Ra.delete,this.stackID.pop())}clear(){for(let t=0;t=this.size)return this.shake(this.startButton),this.cmd(Ra.setText,this.infoLabelID,t+" is not a vertex in the graph"),this.commands;let i=this.nextIndex++;for(this.clear(),this.visitedID=[],this.distance[e]=0,this.cmd(Ra.setText,this.distanceID[e],0),this.pq=new Ko,this.pq.enqueue(e,i,0),this.cmd(Ra.createLabel,i,"("+this.toStr(e)+", 0)",Xo,Go,0),this.cmd(Ra.setText,this.infoLabelID,"Enqueueing "+this.toStr(e)+" with distance 0 and updating distance map"),this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID),this.unhighlight(3,0,this.codeID),this.highlight(4,0,this.codeID),this.highlight(5,0,this.codeID),this.cmd(Ra.step),this.unhighlight(4,0,this.codeID),this.unhighlight(5,0,this.codeID),this.highlight(7,0,this.codeID),this.highlight(8,0,this.codeID),this.cmd(Ra.step),this.unhighlight(7,0,this.codeID),this.unhighlight(8,0,this.codeID);this.visited.includes(!1)&&0!==this.pq.size();){this.unhighlight(15,0,this.codeID),[e,i]=this.pq.dequeue(),this.cmd(Ra.setText,this.infoLabelID,"Dequeueing "+this.toStr(e)),this.cmd(Ra.move,i,110,85),this.cmd(Ra.setText,i,this.toStr(e)),this.cmd(Ra.setTextColor,i,"#0000FF");let t=this.pq.getIDs();for(let e=0;e=0){if(this.highlightEdge(e,i,1),this.visited[i])this.cmd(Ra.setText,this.infoLabelID,this.toStr(i)+" has already been visited, skipping"),this.cmd(Ra.step);else{this.cmd(Ra.setText,this.infoLabelID,"Comparing distances"),this.cmd(Ra.setHighlight,this.distanceID[e],1),this.cmd(Ra.setHighlight,this.distanceID[i],1);const s=this.distance[e],h=this.adj_matrix[e][i],n=s+h,a=this.distance[i],r=a>=0?String(this.distance[i]):"INF";if(a<0||n0?this.cmd(Ra.setText,this.infoLabelID,"All vertices have been visited, done"):this.cmd(Ra.setText,this.infoLabelID,"Priority queue is empty, done"),this.commands}clear(){for(let e=0;e=this.size)return this.shake(this.startButton),this.cmd(Ra.setText,this.infoLabelID,t+" is not a vertex in the graph"),this.commands;this.clear(),this.visitedID=[],this.visitVertex(e),this.visited[e]=!0,this.visitedID.push(this.nextIndex),this.cmd(Ra.createLabel,this.nextIndex++,this.toStr(e),30,65),this.cmd(Ra.setBackgroundColor,this.circleID[e],$l),this.cmd(Ra.setText,this.infoLabelID,"Adding "+this.toStr(e)+" to visited set"),this.highlight(1,0,this.codeID),this.highlight(2,0,this.codeID),this.highlight(3,0,this.codeID),this.cmd(Ra.step),this.unhighlight(3,0,this.codeID),this.unhighlight(2,0,this.codeID),this.unhighlight(1,0,this.codeID),this.highlight(4,0,this.codeID),this.pq=new Ko;let i=[];this.cmd(Ra.setText,this.infoLabelID,"Enqueuing edges of "+this.toStr(e));for(let s=0;s=0){this.highlightEdge(e,s,1),this.cmd(Ra.createLabel,this.nextIndex,"("+this.toStr(e)+this.toStr(s)+", "+t+")",45+this.pq.size()%8*50,ql+25*Math.floor(this.pq.size()/8)),this.pq.enqueue([e,s],this.nextIndex++,t),this.cmd(Ra.step);const h=this.pq.getIDs();if(String(i)!==String(h.slice(0,-1))){for(let t=0;t=0){if(this.highlightEdge(t[1],e,1),this.cmd(Ra.setHighlight,this.circleID[e],1),this.highlight(14,0,this.codeID),this.cmd(Ra.step),this.visited[e])this.unhighlight(14,0,this.codeID),this.highlight(15,0,this.codeID),this.cmd(Ra.setText,this.infoLabelID,"Vertex "+this.toStr(e)+" has already been visited, skipping"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.circleID[e],0),this.unhighlight(15,0,this.codeID);else{this.unhighlight(14,0,this.codeID),this.cmd(Ra.setText,this.infoLabelID,"Vertex "+this.toStr(e)+" has not yet been visited"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.circleID[e],0),s=this.toStr(t[1])+this.toStr(e),this.cmd(Ra.setText,this.infoLabelID,"Enqueueing edge "+s+" with weight "+this.adj_matrix[t[1]][e]),this.cmd(Ra.createLabel,this.nextIndex,"("+s+", "+this.adj_matrix[t[1]][e]+")",45+this.pq.size()%8*50,ql+25*Math.floor(this.pq.size()/8)),this.pq.enqueue([t[1],e],this.nextIndex++,this.adj_matrix[t[1]][e]),this.cmd(Ra.step);const h=this.pq.getIDs();if(String(i)!==String(h.slice(0,-1))){for(let t=0;t0?this.cmd(Ra.setText,this.infoLabelID,"MST has correct amount of edges / all vertices have been visited, done"):this.cmd(Ra.setText,this.infoLabelID,"Priority queue is empty, done"),this.highlight(20,0,this.codeID),this.cmd(Ra.step),this.unhighlight(20,0,this.codeID),this.commands}clear(){this.recolorGraph();for(let e=0;e=0&&(this.edgesListLeftID.push(this.nextIndex++),this.edgesListRightID.push(this.nextIndex++),i=this.edgesListLeftID.length-1,this.edgesListLeft.push(t),this.edgesListRight.push(e),this.cmd(Ra.createLabel,this.edgesListLeftID[i],this.toStr(t)+" ",Il+Math.floor(i/9)*fl,bl+i%9*pl),this.cmd(Ra.createLabel,this.edgesListRightID[i]," "+this.toStr(e),190+Math.floor(i/9)*fl,bl+i%9*pl),this.cmd(Ra.connect,this.edgesListLeftID[i],this.edgesListRightID[i],vr,0,0,this.adj_matrix[t][e]));this.cmd(Ra.step),this.unhighlight(1,0,this.codeID),this.unhighlight(2,0,this.codeID);const s=this.edgesListLeftID.length;let h,n,a,r;for(t=1;t0&&this.adj_matrix[this.edgesListLeft[e-1]][this.edgesListRight[e-1]]>this.adj_matrix[a][r];)this.edgesListLeft[e]=this.edgesListLeft[e-1],this.edgesListRight[e]=this.edgesListRight[e-1],this.edgesListLeftID[e]=this.edgesListLeftID[e-1],this.edgesListRightID[e]=this.edgesListRightID[e-1],e-=1;this.edgesListLeft[e]=a,this.edgesListRight[e]=r,this.edgesListLeftID[e]=h,this.edgesListRightID[e]=n}for(t=0;t 0 and currX > 0, loop:"],[[" if "],["matrix[currY - 1][currX] == matrix[currY][currX - 1] "]],[[" and "],["matrix[currY][currX] != matrix [currY - 1][currX - 1]"]],[" list.addFront(S1[currY])"],[" currX--"],[" currY--"],[" else"],[[" if "],["matrix[currY - 1][currX] > matrix[currY][currX - 1]"]],[" currX--"],[" else"],[" currY--"],[" end while"],["end procedure"]],this.codeID=this.addCodeToCanvasBase(this.code,25,50),this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory(),this.initialIndex=this.nextIndex,this.oldIDs=[],this.commands=[]}reset(){this.oldIDs=[],this.nextIndex=this.initialIndex}clearCallback(){this.implementAction(this.clear.bind(this))}clear(t){return this.commands=[],t||(this.S1Field.value="",this.S2Field.value=""),this.clearOldIDs(),this.commands}runCallback(){this.implementAction(this.clear.bind(this),!0);const t=this.S1Field.value,e=this.S2Field.value;this.implementAction(this.run.bind(this),e,t)}randomCallback(){const t=["ABCBDAB","XMJYAUZ","AGGTAB","ABCDEFG","1234567890","HUMAN","KITTEN","SOFTWARE","COMPUTER","SUPERMAN"],e=Math.floor(Math.random()*t.length);this.S1Field.value=t[e],this.S2Field.value=["BDCAB","MZJAWXU","GXTXAYB","ACDFG","102030405060708090","CHIMPANZEE","SITTING","HARDWARE","COMMUTER","SPIDERMAN"][e]}run(t,e){if(this.commands=[],!t||!e)return this.shake(this.tableButton),this.cmd(Ra.setText,this.infoLabelID,"S1 and S2 must be non-empty strings"),this.commands;this.buildTable(t,e);const i=this.nextIndex++,s=t.length,h=e.length;let n,a;for(n=0;n<=s;n++)this.cmd(Ra.setText,this.tableID[n][0],"0"),this.tableVals[n][0]=0;for(n=0;n<=h;n++)this.cmd(Ra.setText,this.tableID[0][n],"0"),this.tableVals[0][n]=0;for(this.cmd(Ra.step),a=0;athis.tableVals[n+1][a]?(this.cmd(Ra.setHighlight,this.tableID[n+1][a],0),this.unhighlight(7,1),this.tableVals[n+1][a+1]=this.tableVals[n][a+1],this.cmd(Ra.createLabel,i,this.tableVals[n][a+1],this.tableXPos[n][a+1],this.tableYPos[n][a+1])):(this.unhighlight(7,3),this.cmd(Ra.setHighlight,this.tableID[n][a+1],0),this.tableVals[n+1][a+1]=this.tableVals[n+1][a],this.cmd(Ra.createLabel,i,this.tableVals[n+1][a],this.tableXPos[n+1][a],this.tableYPos[n+1][a])),this.cmd(Ra.bringToTop,i,1),this.cmd(Ra.move,i,this.tableXPos[n+1][a+1],this.tableYPos[n+1][a+1]),this.cmd(Ra.step),this.cmd(Ra.setText,this.tableID[n+1][a+1],this.tableVals[n+1][a+1]),this.cmd(Ra.delete,i),this.tableVals[n][a+1]>this.tableVals[n+1][a]?(this.unhighlight(7,3),this.cmd(Ra.setHighlight,this.tableID[n][a+1],0)):(this.unhighlight(7,1),this.cmd(Ra.setHighlight,this.tableID[n+1][a],0))),this.cmd(Ra.setHighlight,this.tableID[n+1][a+1],0);return this.highlight(9,0),this.highlight(10,0),this.highlight(11,0),this.highlight(12,0),this.cmd(Ra.setText,this.infoLabelID,"Finished building table, can now find LCS"),this.cmd(Ra.step),this.buildLCSFromTable(t,e),this.unhighlight(24,0),this.highlight(25,0),this.cmd(Ra.setText,this.infoLabelID,""),this.cmd(Ra.step),this.unhighlight(25,0),this.commands}buildTable(t,e){const i=t.length,s=e.length;let h,n;for(this.tableID=new Array(i+1),this.tableVals=new Array(i+1),this.tableXPos=new Array(i+1),this.tableYPos=new Array(i+1),this.S1TableID=new Array(i),h=0;h<=i;h++){h>0&&(this.S1TableID[h-1]=this.nextIndex++,this.cmd(Ra.createLabel,this.S1TableID[h-1],t.charAt(h-1),Lo+h*wo,20),this.oldIDs.push(this.S1TableID[h-1]));const e=this.nextIndex++;this.oldIDs.push(e),this.cmd(Ra.createLabel,e,h-1===-1?"\u2205":h-1,Lo+h*wo,50),this.cmd(Ra.setForegroundColor,e,"#0000FF")}for(this.S2TableID=new Array(s),h=0;h<=s;h++){h>0&&(this.S2TableID[h-1]=this.nextIndex++,this.cmd(Ra.createLabel,this.S2TableID[h-1],e.charAt(h-1),565,80+h*To),this.oldIDs.push(this.S2TableID[h-1]));const t=this.nextIndex++;this.oldIDs.push(t),this.cmd(Ra.createLabel,t,h-1===-1?"\u2205":h-1,605,80+h*To),this.cmd(Ra.setForegroundColor,t,"#0000FF")}for(h=0;h<=i;h++)for(this.tableID[h]=new Array(s+1),this.tableVals[h]=new Array(s+1),this.tableXPos[h]=new Array(s+1),this.tableYPos[h]=new Array(s+1),n=0;n<=s;n++)this.tableID[h][n]=this.nextIndex++,this.tableVals[h][n]=-1,this.oldIDs.push(this.tableID[h][n]),this.tableXPos[h][n]=Lo+h*wo,this.tableYPos[h][n]=80+n*To,this.cmd(Ra.createRectangle,this.tableID[h][n],"",wo,To,this.tableXPos[h][n],this.tableYPos[h][n])}clearOldIDs(){for(let t=0;t0&&s>0;){this.cmd(Ra.setBackgroundColor,this.tableID[i][s],"#99CCFF"),this.cmd(Ra.step),this.unhighlight(14,1),this.unhighlight(15,1);for(let t=16;t<24;t++)this.unhighlight(t,0);if(this.highlight(14,1),this.cmd(Ra.setHighlight,this.tableID[i-1][s],1),this.cmd(Ra.setHighlight,this.tableID[i][s-1],1),this.cmd(Ra.step),this.unhighlight(14,1),this.cmd(Ra.setHighlight,this.tableID[i-1][s],0),this.cmd(Ra.setHighlight,this.tableID[i][s-1],0),this.tableVals[i-1][s]===this.tableVals[i][s-1]&&(this.highlight(15,1),this.cmd(Ra.setHighlight,this.tableID[i][s],1),this.cmd(Ra.setHighlight,this.tableID[i-1][s-1],1),this.cmd(Ra.step),this.unhighlight(15,1),this.cmd(Ra.setHighlight,this.tableID[i][s],0),this.cmd(Ra.setHighlight,this.tableID[i-1][s-1],0)),this.tableVals[i-1][s]===this.tableVals[i][s-1]&&this.tableVals[i-1][s]!==this.tableVals[i][s]?(this.cmd(Ra.setHighlight,this.S1TableID[i-1],1),this.cmd(Ra.setHighlight,this.S2TableID[s-1],1),this.cmd(Ra.setText,this.infoLabelID,"Hit a corner, move diagonally and add current character to LCS"),this.cmd(Ra.step),this.cmd(Ra.setHighlight,this.S1TableID[i-1],0),this.cmd(Ra.setHighlight,this.S2TableID[s-1],0)):this.tableVals[i-1][s]>this.tableVals[i][s-1]?(this.highlight(20,1),this.cmd(Ra.setHighlight,this.tableID[i-1][s],1),this.cmd(Ra.setHighlight,this.tableID[i][s-1],1),this.cmd(Ra.step),this.unhighlight(20,1),this.cmd(Ra.setHighlight,this.tableID[i-1][s],0),this.cmd(Ra.setHighlight,this.tableID[i][s-1],0),this.highlight(21,0),this.cmd(Ra.setText,this.infoLabelID,"Move left")):(this.highlight(23,0),this.cmd(Ra.setText,this.infoLabelID,"Move up")),this.tableVals[i-1][s]===this.tableVals[i][s-1]&&this.tableVals[i-1][s]!==this.tableVals[i][s]){const e=this.nextIndex++;this.oldIDs.push(e),h.push(e),this.cmd(Ra.createLabel,e,t.charAt(i-1),20+10*(h.length-1)+184,481),this.cmd(Ra.setForegroundColor,e,"#0000FF"),this.cmd(Ra.setText,r,h.length);for(let t=h.length-1;t>=0;t--)this.cmd(Ra.move,h[t],20+10*(h.length-1-t)+184,481);this.highlight(16,0),this.highlight(17,0),this.highlight(18,0),i-=1,s-=1}else this.tableVals[i-1][s]>this.tableVals[i][s-1]?(i-=1,this.highlight(21,0)):(s-=1,this.highlight(23,0))}for(let o=16;o<24;o++)this.unhighlight(o,0);this.highlight(24,0),this.cmd(Ra.step)}enableUI(){for(let t=0;t=0?this.pathTable[t][e]=t:this.pathTable[t][e]=-1}smallGraphCallback(){8!==this.size&&(this.animationManager.resetAll(),this.animationManager.setAllLayers([0,32,this.currentLayer]),this.logicalButton.disabled=!1,this.adjacencyListButton.disabled=!1,this.adjacencyMatrixButton.disabled=!1,this.setup_small())}largeGraphCallback(){18!==this.size&&(this.animationManager.resetAll(),this.logicalButton.disabled=!0,this.adjacencyListButton.disabled=!0,this.adjacencyMatrixButton.disabled=!0,this.setup_large())}getCostLabel(t,e){return e=void 0!==e&&e,t>=0?String(t):8===this.size||e?"INF":""}setup_small(){this.cost_table_width=30,this.cost_table_height=30,this.cost_table_start_x=40,this.cost_table_start_y=70,this.path_table_width=30,this.path_table_height=30,this.path_table_start_x=330,this.path_table_start_y=70,this.node_1_x_pos=50,this.node_1_y_pos=400,this.node_2_x_pos=150,this.node_2_y_pos=350,this.node_3_x_pos=250,this.node_3_y_pos=400,this.message_x=400,this.message_y=350,super.setup_small()}setup_large(){this.cost_table_width=20,this.cost_table_height=20,this.cost_table_start_x=40,this.cost_table_start_y=50,this.path_table_width=20,this.path_table_height=20,this.path_table_start_x=500,this.path_table_start_y=50,this.node_1_x_pos=50,this.node_1_y_pos=500,this.node_2_x_pos=150,this.node_2_y_pos=450,this.node_3_x_pos=250,this.node_3_y_pos=500,this.message_x=300,this.message_y=450,super.setup_large()}setup(){let t;for(super.setup(),this.commands=[],this.costTable=new Array(this.size),this.pathTable=new Array(this.size),this.costTableID=new Array(this.size),this.pathTableID=new Array(this.size),this.pathIndexXID=new Array(this.size),this.pathIndexYID=new Array(this.size),this.costIndexXID=new Array(this.size),this.costIndexYID=new Array(this.size),this.node1ID=this.nextIndex++,this.node2ID=this.nextIndex++,this.node3ID=this.nextIndex++,t=0;t=0?this.pathTable[t][e]=t:this.pathTable[t][e]=-1,this.costTableID[t][e]=this.nextIndex++,this.pathTableID[t][e]=this.nextIndex++,this.cmd(Ra.createRectangle,this.costTableID[t][e],this.getCostLabel(this.costTable[t][e],!0),this.cost_table_width,this.cost_table_height,this.cost_table_start_x+e*this.cost_table_width,this.cost_table_start_y+t*this.cost_table_height),this.cmd(Ra.createRectangle,this.pathTableID[t][e],this.pathTable[t][e],this.path_table_width,this.path_table_height,this.path_table_start_x+e*this.path_table_width,this.path_table_start_y+t*this.path_table_height)}this.animationManager.startNewAnimation(this.commands),this.animationManager.skipForward(),this.animationManager.clearHistory(),18===this.size&&this.animationManager.setAllLayers([0])}startCallback(){this.implementAction(this.doFloydWarshall.bind(this))}doFloydWarshall(){this.commands=[];const t=this.nextIndex,e=this.nextIndex++,i=this.nextIndex++,s=this.nextIndex++;this.cmd(Ra.createCircle,this.node1ID,"",this.node_1_x_pos,this.node_1_y_pos),this.cmd(Ra.createCircle,this.node2ID,"",this.node_2_x_pos,this.node_2_y_pos),this.cmd(Ra.createCircle,this.node3ID,"",this.node_3_x_pos,this.node_3_y_pos),this.cmd(Ra.createLabel,e,"",this.message_x,this.message_y,0);for(let h=0;h=0&&this.costTable[h][n]>=0&&(this.costTable[t][n]<0||this.costTable[t][h]+this.costTable[h][n]2->3->null addToFront(0)"}},"Add to Back with Tail":{"all cases":{"big_o":"O(1)","explanation":"Create a new node, set the tail\'s next pointer to the new node, and make the new node the tail","example":"1->2->3->null addToBack(4)"}},"Add at Index":{"worst":{"big_o":"O(n)","explanation":"Traversing to the index is $O(n)$, and initializing and inserting the new node is $O(1)$","example":"1->2->3->4->5->null addAtIndex(element: 5, index: 4)"},"average":{"big_o":"O(n)","explanation":"Traversing to the index is $O(n)$ (unless head or tail), and initializing and inserting the new node is $O(1)$","example":"1->2->3->4->5->null addAtIndex(element: 6, index: 2)"},"best":{"big_o":"O(1)","explanation":"Adding at the tail or head is an $O(1)$ operation","example":"1->2->3->4->null addAtIndex(0, 0)"}},"Remove from Front":{"all cases":{"big_o":"O(1)","explanation":"Set head equal to head.next","example":"1->2->3->4 removeFromFront()"}},"Remove from Back":{"worst":{"big_o":"O(n)","explanation":"You have to traverse to the end of the list to make the second-to-last node the tail","example":"1->2->3->4->null removeFromBack()"},"average":{"big_o":"O(n)","explanation":"You have to traverse to the end of the list to make the second-to-last node the tail","example":"1->2->3->4->null removeFromBack()"},"best":{"big_o":"O(1)","explanation":"If the head is equal to the tail, set head and tail to null","example":"1->null removeFromBack()"}},"Remove at Index":{"worst":{"big_o":"O(n)","explanation":"Traversing to the index is $O(n)$, while altering the pointers to remove the node is $O(1)$","example":"1->2->3->4->5->null removeAtIndex(4)"},"average":{"big_o":"O(n)","explanation":"Traversing to the index is $O(n)$, while altering the pointers to remove the node is $O(1)$","example":"1->2->3->4->null removeAtIndex(2)"},"best":{"big_o":"O(1)","explanation":"If index is 0 or head equals tail, time complexity is the same as removeFromFront()","example":"1->2->3->4->null removeAtIndex(0)"}}},"DoublyLinkedList":{"Add to Front":{"all cases":{"big_o":"O(1)","explanation":"Accessing the head and adjusting pointers always takes constant time.","example":"[1, 2, 3, 4, 5] add 0"}},"Add to Back":{"all cases":{"big_o":"O(1)","explanation":"Accessing the tail and adjusting pointers always takes constant time.","example":"[1, 2, 3, 4, 5] add 6"}},"Add at Index":{"worst":{"big_o":"O(n)","explanation":"You have to iterate up to n/2 times to reach the node if the index is not at the head or tail.","example":"[1, 2, 3, 4, 5] index = 2"},"average":{"big_o":"O(n)","explanation":"On average, the index to add is in between the head and tail.","example":"[1, 2, 3, 4, 5] index = 2"},"best":{"big_o":"O(1)","explanation":"Adding to the front or back.","example":"[1, 2, 3, 4, 5] index = 5"}},"Remove from Front":{"all cases":{"big_o":"O(1)","explanation":"Accessing the head and adjusting pointers always takes constant time.","example":"[1, 2, 3, 4, 5] remove 1"}},"Remove from Back":{"all cases":{"big_o":"O(1)","explanation":"Accessing the tail and adjusting pointers always takes constant time.","example":"[1, 2, 3, 4, 5] remove 5"}},"Remove at Index":{"worst":{"big_o":"O(n)","explanation":"You have to iterate up to n/2 times to reach the node if the index is not at the head or tail.","example":"[1, 2, 3, 4, 5] index = 2"},"average":{"big_o":"O(n)","explanation":"On average, the index to remove is in between the head and tail.","example":"[1, 2, 3, 4, 5] index = 2"},"best":{"big_o":"O(1)","explanation":"Removing the head or tail.","example":"[1, 2, 3, 4, 5] index = 0"}}},"StackArray":{"Push":{"worst":{"big_o":"O(n)","explanation":"If a resize is triggered $n$ elements must be copied to the new backing array.","example":"[1, 2, 3] add 4"},"average":{"big_o":"O(1)","explanation":"No elements need to be shifted when adding to back.","example":"[1, 2, null] add 3"},"best":{"big_o":"O(1)","explanation":"No elements need to be shifted when adding to back.","example":"[1, 2, null] add 3"}},"Pop":{"all cases":{"big_o":"O(1)","explanation":"No elements need to be shifted when removing from back.","example":"[1, 2, 3] remove 3"}}},"StackLL":{"Push":{"all cases":{"big_o":"O(1)","explanation":"We just create and link a new node, no shifting occurs.","example":"1 -> 2 -> 3 add 0 at head"}},"Pop":{"all cases":{"big_o":"O(1)","explanation":"We just remove the head node, no shifting occurs.","example":"1 -> 2 -> 3 remove 1"}}},"QueueArray":{"Push":{"worst":{"big_o":"O(n)","explanation":"If a resize is triggered $n$ elements must be copied to the new backing array.","example":"[1, 2, 3] add 4"},"average":{"big_o":"O(1)","explanation":"No elements need to be shifted when adding to back.","example":"[1, 2, null] add 3"},"best":{"big_o":"O(1)","explanation":"No elements need to be shifted when adding to back.","example":"[1, 2, null] add 3"}},"Pop":{"all cases":{"big_o":"O(1)","explanation":"Due to the circular array implementation, no shifting is needed.","example":"[1, 2, 3] remove 1"}}},"QueueLL":{"Push":{"all cases":{"big_o":"O(1)","explanation":"We just create and link a new node using the tail, no traversal or shifting needed.","example":"1 -> 2 -> 3 add 4 at end"}},"Pop":{"all cases":{"big_o":"O(1)","explanation":"We just remove the head node, no shifting occurs.","example":"1 -> 2 -> 3 remove 1"}}},"DequeArray":{"Add to Front":{"worst":{"big_o":"O(1)*","explanation":"Rarely, the array needs to be resized.","example":"[1, 2, 3, 4] add 0"},"worst (unamortized)":{"big_o":"O(n)","explanation":"In this case, the array is being resized because the array is full.","example":"[1, 2, 3, 4] add 0"},"average":{"big_o":"O(1)","explanation":"Have a front pointer, and do not need to resize unless the array is full.","example":"[null, 1, 2, 3] add 0"},"best":{"big_o":"O(1)","explanation":"Do not need to shift elements because you have a front pointer.","example":"[null, 1, 2, 3] add 0"}},"Add to Back":{"worst":{"big_o":"O(1)*","explanation":"Rarely, the array needs to be resized.","example":"[1, 2, 3, 4] add 5"},"worst (unamortized)":{"big_o":"O(n)","explanation":"In this case, the array is being resized because the array is full.","example":"[1, 2, 3, 4] add 5"},"average":{"big_o":"O(1)","explanation":"Do not need to resize unless the array is full.","example":"[1, 2, 3, null] add 4"},"best":{"big_o":"O(1)","explanation":"Do not need to resize because the array is not full.","example":"[1, 2, 3, null] add 4"}},"Remove from Front":{"all cases":{"big_o":"O(1)","explanation":"Never need to resize when removing from an array.","example":"[1, 2, 3, 4] remove 1"}},"Remove from Back":{"all cases":{"big_o":"O(1)","explanation":"Never need to resize when removing from an array.","example":"[1, 2, 3, 4] remove 4"}}},"DequeLL":{"Add to Front":{"all cases":{"big_o":"O(1)","explanation":"Have access to the head.","example":"1 <--\x3e 2 <--\x3e 3, add 0"}},"Add to Back":{"all cases":{"big_o":"O(1)","explanation":"Have access to the tail.","example":"1 <--\x3e 2 <--\x3e 3, add 4"}},"Remove from Front":{"all cases":{"big_o":"O(1)","explanation":"Have access to the head.","example":"1 <--\x3e 2 <--\x3e 3, remove 1"}},"Remove from Back":{"all cases":{"big_o":"O(1)","explanation":"Have access to the tail, which has a previous pointer.","example":"1 <--\x3e 2 <--\x3e 3, remove 3"}}},"ClosedHash":{"Add":{"worst":{"big_o":"O(n)","explanation":"Resize and call addFront() on $n$ elements","example":"[0, 1, 2, 3, null, null, null] add 5"},"average":{"big_o":"O(1)","explanation":"$O(1)$ access to the index and few or no collision","example":"[0, 1, 2, null, null, null, null] add 4"},"best":{"big_o":"O(1)","explanation":"$O(1)$ access to index and no collision","example":"[0, 1, null, 3, null, null, null] add 2"}},"Remove":{"worst":{"big_o":"O(n)","explanation":"Traversing to the end of a linked list is $O(n)$","example":"[[0, 7, 14, 21], null, null, null, null, null, null] remove 21"},"average":{"big_o":"O(1)","explanation":"$O(1)$ access to index and few or no collisions","example":"[0, 1, 2, null, null, null, null] remove 1"},"best":{"big_o":"O(1)","explanation":"$O(1)$ access to index and no collisions","example":"[0, 1, 2, null, null] remove 1"}},"Find":{"worst":{"big_o":"O(n)","explanation":"Traversing to the end of a linked list is $O(n)$","example":"[null, [1, 8, 15], null, null, null, null, null] find 15"},"average":{"big_o":"O(1)","explanation":"$O(1)$ access to index and few or no collisions","example":"[0, 1, 2, null, null] find 0"},"best":{"big_o":"O(1)","explanation":"$O(1)$ access to index and no collisions","example":"[0, 1, 2, null, null] find 1"}},"Resize":{"all cases":{"big_o":"O(n)","explanation":"Resize by using addFront() on $n$ elements, which is $O(1)$ each","example":"[0, 1, 2, 3, null, null, null] add 5"}}},"OpenHash":{"Add":{"worst":{"big_o":"O(n\xb2)","explanation":"Resize by adding $n$ entries and $n$ probes are needed each","example":"[null, 0, 1, 2, 3, null, null] add 4, h1 always returns 1, q = 2"},"average":{"big_o":"O(1)","explanation":"$O(1)$ access to index and few or no collisions","example":"[0, 1, 2, null, null, null, null] add 3, q = 11"},"best":{"big_o":"O(1)","explanation":"$O(1)$ access to index and no collisions","example":"[0, 1, null, 10, null, null, 6] find 10, q = 11"}},"Remove":{"worst":{"big_o":"O(n)","explanation":"Collisions cause $n$ probings","example":"[0, 14, 21, 28, null, null, null] remove 28, q = 11"},"average":{"big_o":"O(1)","explanation":"$O(1)$ access to index and few or no collisions","example":"[0, 1, 2, null, null, null, null] remove 1, q = 11"},"best":{"big_o":"O(1)","explanation":"$O(1)$ access to index and no collisions","example":"[0, 1, null, 10, null, null, 6] find 10, q = 11"}},"Find":{"worst":{"big_o":"O(n)","explanation":"Collisions cause $n$ probings","example":"[0, 14, 21, 28, null, null, null] find 28, q = 11"},"average":{"big_o":"O(1)","explanation":"$O(1)$ access to index and few or no collisions","example":"[0, 1, 2, null, null, null, null] find 1, q = 11"},"best":{"big_o":"O(1)","explanation":"$O(1)$ access to index and no collisions","example":"[0, 1, null, 10, null, null, 6] find 10, q = 11"}}},"BTree":{"Add":{"worst":{"big_o":"O(logn)","explanation":"Each level requires a promotion, therefore $O(logn)$ promotions in addition to $O(logn)$ add.","example":"20,26,33|12,16|21|27,29,32|36,37 add 31 promote second"},"average":{"big_o":"O(logn)","explanation":"Some promotions may be required after adding the element, but doing a promotion is $O(1)$ in addition to the $O(logn)$ addition.","example":"20,33|12,16|21,26,29|36,37 add 32 promote second"},"best":{"big_o":"O(logn)","explanation":"No promotions required, just adding the element to a node.","example":"20,33|12,16|26,29|36,37 add 21 promote second"}},"Remove":{"worst":{"big_o":"O(logn)","explanation":"A transfer and/or fusion is required at each level, which is $O(logn)$ extra work on top of the $O(logn)$ remove.","example":"26|20|36|12|21|27,29|37 remove 26 with predecessor"},"average":{"big_o":"O(logn)","explanation":"Some transfers and/or fusions may be required, but either is $O(1)$ in addition to the $O(logn)$ remove.","example":"26|20|29,36|12|21|27|32|37 remove 32 with predecessor"},"best":{"big_o":"O(logn)","explanation":"No transfer or fusions required, just removing the element from a node.","example":"26|20|29,33|12,16|21|27|31,32|36,37 remove 31 with predecessor"}},"Find":{"worst":{"big_o":"O(logn)","explanation":"Element doesn\'t exist in tree, so we only traverse to $logn$ nodes before not finding element.","example":"26|20|29,33|12,16|21|27|31,32|36,37 find 28"},"average":{"big_o":"O(logn)","explanation":"Most elements will exist at the bottom of the tree.","example":"26|20|29,33|12,16|21|27|31,32|36,37 find 21"},"best":{"big_o":"O(logn)","explanation":"Element exists near top of tree.","example":"26|20|29,33|12,16|21|27|31,32|36,37 find 29"}},"Calculate Height":{"all cases":{"big_o":"O(logn)","explanation":"All leaf nodes will exist at depth of $logn$.","example":"26|20|29,33|12,16|21|27|31,32|36,37 height=2"}}},"SkipList":{"Add":{"worst":{"big_o":"O(n)","explanation":"With a bad coin flip probability, the SkipList can look like a LinkedList stacked multiple times, so you have to traverse it like a LinkedList.","example":"3,7,15,22|3,7,15,22|3,7,15,22|3,7,15,22 add 11 with 4 heads."},"average":{"big_o":"O(logn)","explanation":"With random coin probability, SkipList may not be perfectly symmetric, but on average traversing takes $O(logn)$.","example":"null,7,null,null|null,7,null,22|null,7,15,null|3,7,15,22 add 10 with random coin flip"},"best":{"big_o":"O(logn)","explanation":"With random coin probability, SkipList is perfectly symmetric, so traversing is $O(logn)$.","example":"null,null,10,null,null|3,null,10,null,22|3,7,10,15,22 add 19 with random coin flip"}},"Remove":{"worst":{"big_o":"O(n)","explanation":"With a bad coin flip probability, the SkipList can look like a LinkedList stacked multiple times, so you have to traverse it like a LinkedList.","example":"3,7,15,22|3,7,15,22|3,7,15,22|3,7,15,22 remove 15"},"average":{"big_o":"O(logn)","explanation":"With random coin probability, SkipList may not be perfectly symmetric, but on average traversing takes $O(logn)$.","example":"null,7,null,null|null,7,null,22|null,7,15,null|3,7,15,22 remove 15"},"best":{"big_o":"O(logn)","explanation":"With random coin probability, SkipList is perfectly symmetric, so traversing is $O(logn)$.","example":"null,null,10,null,null|3,null,10,null,22|3,7,10,15,22 remove 15"}},"Find":{"worst":{"big_o":"O(n)","explanation":"With a bad coin flip probability, the SkipList can look like a LinkedList stacked multiple times, so you have to traverse it like a LinkedList.","example":"3,7,15,22|3,7,15,22|3,7,15,22|3,7,15,22 find 22"},"average":{"big_o":"O(logn)","explanation":"With random coin probability, SkipList may not be perfectly symmetric, but on average traversing takes $O(logn)$.","example":"null,7,null,null|null,7,null,22|null,7,15,null|3,7,15,22 find 22"},"best":{"big_o":"O(logn)","explanation":"With random coin probability, SkipList is perfectly symmetric, so traversing is $O(logn)$.","example":"null,null,10,null,null|3,null,10,null,22|3,7,10,15,22 find 22"}}},"BubbleSort":{"BubbleSort without Last Swap Optimization":{"worst":{"big_o":"O(n\xb2)","explanation":"must swap n data n times each","example":"[5, 4, 3, 2, 1]"},"average":{"big_o":"O(n\xb2)","explanation":"on average, half data is unsorted thus n/2 swaps for n items","example":"[1, 4, 3, 5, 2]"},"best":{"big_o":"O(n)","explanation":"already sorted list with 1 check for n items","example":"[1, 2, 3, 4, 5]"}},"BubbleSort with Last Swap Optimization":{"worst":{"big_o":"O(n\xb2)","explanation":"Optimization has not effect on worst case runtime","example":"[5, 4, 3, 2, 1]"},"average":{"big_o":"O(n\xb2)","explanation":"While optimization does increase average runtime efficiency, it is not enough to affect Big O.","example":"[1, 4, 3, 5, 2]"},"best":{"big_o":"O(n)","explanation":"Already sorted list thus 1 check for n items","example":"[1, 2, 3, 4, 5]"}}},"CocktailSort":{"CocktailSort without Last Swap Optimization":{"worst":{"big_o":"O(n\xb2)","explanation":"Must check n times for n items","example":"[5, 4, 3, 2, 1]"},"average":{"big_o":"O(n\xb2)","explanation":"Must check on average n/2 times for n items","example":"[1, 4, 3, 5, 2]"},"best":{"big_o":"O(n)","explanation":"must check 1 time for n items","example":"[1, 2, 3, 4, 5]"}},"CocktailSort with Last Swap Optimization":{"worst":{"big_o":"O(n\xb2)","explanation":"Optimization has no effect on the worst-case runtime","example":"[5, 4, 3, 2, 1]"},"average":{"big_o":"O(n\xb2)","explanation":"While optimization increases average runtime it is not enough to effect Big O","example":"[1, 4, 3, 5, 2]"},"best":{"big_o":"O(n)","explanation":"1 check for n items in already sorted list","example":"[1, 2, 3, 4, 5]"}}},"InsertionSort":{"InsertionSort":{"worst":{"big_o":"O(n\xb2)","explanation":"n checks for each item where there are n items","example":"[6, 5, 4, 3, 2, 1]"},"average":{"big_o":"O(n\xb2)","explanation":"n/2 checks for each item where there are n items","example":"[6, 1, 4, 2, 5, 3]"},"best":{"big_o":"O(n)","explanation":"one check for each item where there are n items","example":"[1, 2, 3, 4, 5, 6]"}}},"SelectionSort":{"SelectionSort":{"all cases":{"big_o":"O(n\xb2)","explanation":"select largest element which is linear time n times","example":"[7, 1, 8, 3, 5]"}}},"Quicksort":{"Quicksort":{"best":{"big_o":"O(nlog(n))","explanation":"The pivot is perfect (the median) in every partition.","example":"[3, 2, 4, 1, 5] with 3 as the pivot"},"average":{"big_o":"O(nlog(n))","explanation":"On average, the data is split roughly in half each partition.","example":"[3, 2, 4, 1, 5, 6] with 3 as the pivot"},"worst":{"big_o":"O(n\xb2)","explanation":"The worst pivot (min or max) is chosen each partition, devolving into a selection sort.","example":"[3, 2, 4, 1, 5] with 5 as the pivot"}}},"LCS":{"Longest Common Subsequence":{"all cases":{"big_o":"O(mn)","explanation":"Each letter in the first string is compared to each letter of the second string."}}}}');const Hd=(t,e)=>t.split(/\$(.*?)\$/g).map(((t,i)=>i%2===1||e?(0,At.jsx)("span",{className:"equation",children:t},i):t)),Md=e=>{let{text:i}=e;const[s,h]=(0,t.useState)(!0);return(0,At.jsx)("td",{style:{width:"10%"},className:s?"blur":"",onMouseEnter:()=>{h(!1)},children:Hd(i,!0)})};function Vd(){document.querySelectorAll(".blur").forEach((t=>{t.classList.remove("blur")}))}var $d=t=>{return Od[t]?(0,At.jsxs)("div",{children:[(0,At.jsx)("div",{className:"button-container",children:(0,At.jsx)("button",{onClick:Vd,children:"Reveal All Big-O"})}),(e=Od[t],e?Object.keys(e).map((t=>{const i=e[t];return(0,At.jsxs)("ul",{children:[(0,At.jsx)("h4",{children:t}),(0,At.jsx)("table",{children:(0,At.jsx)("tbody",{children:Object.keys(i).map((t=>(0,At.jsxs)("tr",{children:[(0,At.jsx)("td",{style:{width:"13%"},children:t[0].toUpperCase()+t.slice(1)}),(0,At.jsx)(Md,{text:i[t].big_o}),(0,At.jsx)("td",{children:Hd(i[t].explanation)})]},t)))})})]},t)})):null)]}):null;var e};var qd={ArrayList:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"ArrayLists must be contiguous so you cannot add at an index greater than size."}),(0,At.jsx)("li",{children:"Likewise, you cannot remove at an index greater than or equal to size."})]}),AVL:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"To cause a left rotation, add 1, 2 and 3, in that order"}),(0,At.jsx)("li",{children:"To cause a right rotation, add 3, 2 and 1, in that order"}),(0,At.jsx)("li",{children:"To cause a left-right rotation, add 3, 1 and 2, in that order"}),(0,At.jsx)("li",{children:"To cause a right-left rotation, add 1, 3 and 2, in that order"})]}),BoyerMoore:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:'The worst case is when we have a text with only one letter and a pattern with that same letter, but a different first letter (for example, "aaaaaaaaa" for text and "baaaa" for pattern), since we will only mismatch on the last comparison'}),(0,At.jsxs)("li",{children:["When incorporating the Galil Rule, we can use logic similar to that of KMP to optimize our shifts. After finding a full match, instead of shifting by 1 we shift by the period ",(0,At.jsx)("i",{children:"k = m - ft[m - 1]"}),". After that shift, we don't need to compare the first ",(0,At.jsx)("i",{children:"k"})," characters in the pattern because we've already compared them and know that they match!"]})]}),BruteForce:(0,At.jsx)("ul",{children:(0,At.jsx)("li",{children:'The worst case is when we have a text with only one letter and a pattern with that same letter, but a different last letter (for example, "aaaaaaaaa" for text and "aaaab" for pattern), since we will only mismatch on the last comparison'})}),BST:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"To get a degenerate BST, you can add ascending data, such as 1, 2, 3, ..."}),(0,At.jsx)("li",{children:"To get a full BST, you can add 2, 1, 4, 3, 5, in that order"}),(0,At.jsx)("li",{children:"To get a complete BST, you can add 3, 2, 4, 1, in that order"}),(0,At.jsx)("li",{children:"To get a full and complete BST, you can add 4, 2, 5, 1, 3, in that order"})]}),BTree:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"When performing a transfer, the left sibling data will be considered before the right sibling data"}),(0,At.jsx)("li",{children:"To cause overflow and trigger a promotion, add more than 3 data (for example 1, 2, 3 and 4)"}),(0,At.jsx)("li",{children:"To remove from a leaf node, add 1, 2, 3 and 4, in that order, then remove 3 or 4"}),(0,At.jsx)("li",{children:"To remove from an inner node and use the predecessor, add 1, 3, 4, 5 and 2, in that order, then remove 3"}),(0,At.jsx)("li",{children:"To cause underflow and trigger a rotation/transfer, add 1, 2, 3 and 4, in that order, then remove 1"}),(0,At.jsx)("li",{children:"To cause underflow and trigger a fusion, follow the steps above then remove 2"})]}),BubbleSort:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The best case is when we have a sorted array (terminates if no swaps are made)"}),(0,At.jsxs)("li",{children:["The worst case is when we have a reverse sorted array (we perform",(0,At.jsxs)("p",{className:"equation",children:["n + (n - 1) + (n - 2) + ... = n",(0,At.jsx)("sup",{children:"2"})]}),"comparisons)"]})]}),CircularlyLinkedList:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"This is a singly circular LinkedList with no tail."}),(0,At.jsxs)("li",{children:["Adding to the front, adding to the back, and removing from the front can all be done in ",(0,At.jsx)("text",{className:"equation",children:"O(1)"})," using data movement tricks and pointer manipulation."]}),(0,At.jsxs)("li",{children:["Removing from the back requires a traversal to the node before the last node making it ",(0,At.jsx)("text",{className:"equation",children:"O(n)"})]})]}),ClosedHash:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The Hash Integers option uses the integer key itself as a hashcode."}),(0,At.jsx)("li",{children:"This Hash Strings option hashes the string key using the sum of the key's ASCII values and the XOR operator."}),(0,At.jsx)("li",{children:"The True Hash option generates a Java-like hashcode for both integer and string keys."}),(0,At.jsx)("li",{children:"Integer keys must be positive for these visualizations."})]}),CocktailSort:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The best case is when we have a sorted array (terminates if no swaps are made)"}),(0,At.jsxs)("li",{children:["The worst case is when we have a reverse sorted array (we perform",(0,At.jsxs)("p",{className:"equation",children:["n + (n - 1) + (n - 2) + ... = n",(0,At.jsx)("sup",{children:"2"})]}),"comparisons)"]}),(0,At.jsx)("li",{children:"Even though Cocktail Shaker Sort has the same big-O as Bubble Sort, it is still faster; one case where it significantly outperforms Bubble Sort is when we have a sorted array, except for the last element which is the smallest, for example [2, 3, 4, 5, 6, 7, 8, 9, 1]"})]}),DoublyLinkedList:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The visualization may make it appear as if the head and tail are a separate nodes. But keep in mind the head and tail are just references to the first node and last nodes. So the head/tail points to and effectively is the first/last node."}),(0,At.jsxs)("li",{children:["Since this is a DLL with a tail, all operations acting at the front and back of the list are ",(0,At.jsx)("text",{className:"equation",children:"O(1)"})]})]}),InsertionSort:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The best case is when we have a sorted array (terminates if no swaps are made)"}),(0,At.jsxs)("li",{children:["The worst case is when we have a reverse sorted array (we perform",(0,At.jsxs)("p",{className:"equation",children:["n + (n - 1) + (n - 2) + ... = n",(0,At.jsx)("sup",{children:"2"})]}),"comparisons)"]})]}),Quickselect:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The worst case occurs when we pick a bad pivot every time, such as the mininum or maximum element. Then, one partition will be empty and the other will have all of the remaining data, causing Quickselect to degenerate into a Selection Sort."}),(0,At.jsx)("li",{children:"The best case is with a perfect pivot. This is when the median element is chosen as the pivot, because then each partition will have half of the remaining data."})]}),Quicksort:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The worst case occurs when we pick a bad pivot every time, such as the mininum or maximum element. Then, one partition will be empty and the other will have all of the remaining data, causing Quicksort to degenerate into a Selection Sort."}),(0,At.jsx)("li",{children:"The best case is with a perfect pivot. This is when the median element is chosen as the pivot, because then each partition will have half of the remaining data."})]}),LinkedList:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The visualization may make it appear as if the head and tail are a separate nodes. But keep in mind the head and tail are just a references to first and last nodes. So the head points to and effectively is the first node, and the tail points to and effectively is the last node."}),(0,At.jsxs)("li",{children:["LinkedLists are designed to operate at the head. So all operations acting at the front are ",(0,At.jsx)("text",{className:"equation",children:"O(1)."})]}),(0,At.jsxs)("li",{children:["Without the tail, adding to the back is ",(0,At.jsx)("text",{className:"equation",children:"O(n)"})," since we must traverse from the head to the last node."]}),(0,At.jsxs)("li",{children:["With the tail, adding to the back becomes ",(0,At.jsx)("text",{className:"equation",children:"O(1)"})," ","since we can set the next pointer of the tail to the new node and then have the tail point to the new node."]})]}),LSDRadix:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The range of sortable numbers for this visualization is [-99999, 999999]. Any numbers outside this range will not be sorted."}),(0,At.jsx)("li",{children:"When sorting negative numbers, a larger buckets array with indices -9 to 9 is needed."})]}),SkipList:(0,At.jsx)("ul",{children:(0,At.jsx)("li",{children:"You can get a degenerate SkipList by always adding with a constant amount of heads, for example 0 or 4."})}),OpenHash:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The Hash Integers option uses the integer key itself as a hashcode."}),(0,At.jsx)("li",{children:"This Hash Strings option hashes the string key using the sum of the key's ASCII values and the XOR operator."}),(0,At.jsx)("li",{children:"The True Hash option generates a Java-like hashcode for integer and string keys."}),(0,At.jsx)("li",{children:"Integer keys must be positive for these visualizations."})]}),SelectionSort:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The minimum option selects the smallest number to swap with."}),(0,At.jsx)("li",{children:"The maximum option selects the largest number to swap with."})]}),RabinKarp:(0,At.jsxs)("ul",{children:[(0,At.jsx)("li",{children:"The base value is initially set to 1."}),(0,At.jsx)("li",{children:"To reduce to liklihood of pattern/text hash collisions, a large prime number should be used for the base."})]})};var Wd=e=>{let{theme:i,toggleTheme:s}=e;const h=it().pathname.slice(1),n=Nd[h],a=(0,t.useRef)(null),r=(0,t.useRef)(null),o=(0,t.useRef)(null),[l,d]=(0,t.useState)(!1),[c,u]=(0,t.useState)(!1),[m,g]=(0,t.useState)("english");(0,t.useEffect)((()=>{if(Oa.ZP.send({hitType:"pageview",page:h}),n){const[t,e,i,s]=n;o.current=new Na(a,r),new e(o.current,a.current.width,a.current.height);const h=()=>{o.current.changeSize(document.body.clientWidth)};return window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}}}),[h,n]),(0,t.useEffect)((()=>{o.current&&(o.current.updateLayer(32,!1),o.current.updateLayer(33,!1),"english"===m?o.current.updateLayer(32,!0):"code"===m&&o.current.updateLayer(33,!0))}),[m]);const p=()=>{const t={none:"english",english:"code",code:"none"};g((e=>t[e]))};if(!n)return(0,At.jsx)(Ot,{});const[f,I,b,x]=n,D="Quickselect / k\u1d57\u02b0 Select"===f,y=x||f;return(0,At.jsx)("div",{className:"VisualizationMainPage",children:(0,At.jsxs)("div",{id:"container",children:[(0,At.jsx)("div",{id:"header",children:(0,At.jsxs)("h1",{children:[(0,At.jsx)(lt,{to:"/",children:"\u3008"}),"\xa0\xa0",D?(0,At.jsxs)(At.Fragment,{children:["Quickselect / k",(0,At.jsx)("sup",{children:"th"})," Select"]}):(0,At.jsx)(At.Fragment,{children:y}),(0,At.jsx)("div",{id:"toggle",children:"light"===i?(0,At.jsx)(Dt,{size:31,onClick:s,color:"#f9c333",className:"rotate-effect"}):(0,At.jsx)(Ft,{size:29,onClick:s,color:"#d4f1f1",className:"rotate-effect"})})]})}),(0,At.jsxs)("div",{id:"mainContent",children:[(0,At.jsxs)("div",{id:"algoControlSection",children:[(0,At.jsx)("table",{id:"AlgorithmSpecificControls"}),(0,At.jsxs)("div",{id:"toggles",children:[b&&"none"===m&&(0,At.jsx)(wt,{className:"pseudocode-toggle",size:32,onClick:p,opacity:"40%",title:"Code: Hidden"}),b&&"english"===m&&(0,At.jsx)(Tt,{className:"pseudocode-toggle",size:32,onClick:p,title:"Code: English"}),b&&"code"===m&&(0,At.jsx)(kt,{className:"pseudocode-toggle",size:32,onClick:p,title:"Code: Pseudo"}),$d(h)&&(0,At.jsx)(vt,{className:"menu-modal",size:30,onClick:()=>{d(!1),u((t=>!t))},opacity:c?"100%":"40%",title:"Time Complexities"}),qd[h]&&(0,At.jsx)(yt,{className:"menu-modal",size:30,onClick:()=>{u(!1),d((t=>!t))},opacity:l?"100%":"40%",title:"More Information"})]})]}),(0,At.jsxs)("div",{className:"viewport",children:[(0,At.jsx)("canvas",{id:"canvas",width:0,height:"505",ref:a}),l&&(0,At.jsx)("div",{className:"modal",children:(0,At.jsx)("div",{className:"modal-content",children:qd[h]})}),c&&(0,At.jsx)("div",{className:"modal bigo",children:(0,At.jsx)("div",{className:"modal-content",children:$d(h)})})]}),(0,At.jsx)("div",{id:"generalAnimationControlSection",children:(0,At.jsx)("table",{id:"GeneralAnimationControls",ref:r})})]}),(0,At.jsx)("div",{id:"footer",children:(0,At.jsx)("p",{children:(0,At.jsx)(lt,{to:"/",children:"Return to Home Page"})})})]})})};function Ud(t){for(var e=1;e(0,At.jsxs)("div",{className:"about",children:[(0,At.jsxs)("p",{children:["This tool is designed to help you visualize and understand the data structures and algorithms covered in Georgia Tech's CS 1332 course. It is based on the"," ",(0,At.jsx)("a",{href:"https://www.cs.usfca.edu/~galles/visualization/about.html",children:"Data Structures Visualizations website"})," ","created by David Galles."]}),(0,At.jsxs)("p",{children:["The CS 1332 Visualization Tool was adapted and expanded by"," ",(0,At.jsx)("a",{href:"https://rodrigodlpontes.github.io/website/",children:"Rodrigo Pontes"})," under the supervision of Dr. Mary Hudachek-Buswell to include data structures and algorithms covered in the course. It has since been updated and revised by"," ",(0,At.jsx)("a",{href:"https://github.com/RodrigoDLPontes/visualization-tool#contributors-",children:"many other wonderful contributors"}),"."]}),(0,At.jsxs)("p",{children:["This site uses icons from"," ",(0,At.jsx)("a",{href:"https://material.io/resources/icons/?style=baseline",children:"Google's Material Icons"})," ","and ",(0,At.jsx)("a",{href:"https://react-icons.github.io/react-icons",children:"react-icons"}),", as well as components from ",(0,At.jsx)("a",{href:"https://material-ui.com/",children:"Material UI"}),"."]})]});function Gd(t){return It({tag:"svg",attr:{version:"1.1",viewBox:"0 0 32 32"},child:[{tag:"path",attr:{d:"M21.652 3.098h-16.955v26.375h22.607v-20.723l-5.652-5.652zM25.42 27.589h-18.839v-22.607h13.188l5.652 5.652v16.955zM12.269 11.851l-3.644 4.434 3.644 4.434 0.862-1.417-2.455-3.017 2.455-3.017zM13.863 20.614h1.599l2.542-8.681h-1.599zM19.731 11.851l-0.862 1.418 2.455 3.017-2.455 3.017 0.862 1.418 3.644-4.434z"}}]})(t)}var Yd=e=>{let{theme:i,toggleTheme:s}=e;const[h,n]=(0,t.useState)(""),a=Rd.filter((t=>!h||Nd[t]&&(t.toLowerCase().includes(h.toLowerCase())||Nd[t][0].toLowerCase().includes(h.toLowerCase()))));return(0,At.jsxs)("div",{className:"container",children:[(0,At.jsx)(Rt,{theme:i,toggleTheme:s}),(0,At.jsx)("div",{className:"content",children:(0,At.jsxs)(tt,{children:[(0,At.jsxs)(X,{exact:!0,path:"/",children:[(0,At.jsx)("input",{className:"dsa-filter",placeholder:"\ud83d\udd0e Search...",type:"search",onChange:t=>n(t.target.value)}),(0,At.jsx)("div",{className:"outer-flex",children:(0,At.jsx)("div",{className:"inner-flex",children:a.length?a.map(((t,e)=>Nd[t]?(0,At.jsx)(lt,{to:`/${t}`,style:{textDecoration:"none"},children:(0,At.jsxs)("button",{className:"button",style:"Bogo Sort"===Nd[t][0]||"LVA"===Nd[t][0]||"Non-Linear Probing"===Nd[t][0]?{background:"linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%)",color:"white",filter:"none"}:{},children:[(0,At.jsx)("div",{className:"algo-name",children:Nd[t][0]}),Nd[t][2]&&(0,At.jsx)("span",{className:"pseudocode-icon",children:(0,At.jsx)(Gd,{size:36})})]})},e):(0,At.jsx)("div",{className:"divider",children:(0,At.jsx)("span",{children:t})},e))):(0,At.jsx)("span",{className:"no-results",children:"No results found. Please try a different search term."})})})]}),(0,At.jsx)(X,{path:"/about",children:(0,At.jsx)(Xd,{})})]})}),(0,At.jsx)(_t,{})]})};var Qd=()=>{Oa.ZP.initialize("G-0ERQ9E89XM"),Oa.ZP.send({hitType:"pageview",page:"home"});const[e,i]=(0,t.useState)(!0),[s,h]=(0,t.useState)("light");(0,t.useEffect)((()=>{const t=Kd.get("theme");t&&(h(t),document.body.setAttribute("data-theme",t)),i(!1)}),[]);const n=()=>{const t="light"===s?"dark":"light";h(t),Kd.set("theme",t),document.body.setAttribute("data-theme",t)};return e?(0,At.jsx)("div",{children:"."}):(0,At.jsx)(st,{basename:"/",children:(0,At.jsxs)(tt,{children:[(0,At.jsx)(X,{exact:!0,path:["/","/about"],render:t=>(0,At.jsx)(Yd,{...t,theme:s,toggleTheme:n})}),(0,At.jsx)(X,{render:t=>(0,At.jsx)(Wd,{...t,theme:s,toggleTheme:n})})]})})};Pe.createRoot(document.getElementById("root")).render((0,At.jsx)(Qd,{}))}()}();
-//# sourceMappingURL=main.f0c25266.js.map
\ No newline at end of file
+/*! For license information please see main.c5435d51.js.LICENSE.txt */
+!function(){var t={182:function(t,e,i){"use strict";function s(t){var e,i,h="";if("string"==typeof t||"number"==typeof t)h+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e-1?"[^"+l(t)+"]+?":l(e)+"|(?:(?!"+l(e)+")[^"+l(t)+"])+?"}function r(t){return encodeURI(t).replace(/[\/?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}))}function o(t,e){for(var i=new Array(t.length),h=0;h